@charset "utf-8";

/* 공통 */
.doc-tit {margin-bottom:28px; font-size:25px; font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.doc-tit:before {content:""; margin-right:12px; vertical-align:middle; display:inline-block; width:27px; height:23px; background:url("../images/sub/doc_ico.png") no-repeat 50% 50% / contain;}
.doc-tit.type2 {margin-bottom:12px;}

.dot-tit {margin-bottom:26px; padding-left:28px; font-size:20px; font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.dot-tit:before {content:""; display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; width:5px; height:5px; border-radius:100%;  background:#1aabe0; line-height:1.4em;}
.dot-tit.type2 {margin-bottom:11px;}

.dot-list {padding-left:28px; margin-bottom:25px;}
.dot-list ul li {padding-left:.5em; text-indent:-.5em; margin-bottom:5px; line-height:1.4em; letter-spacing:-.02em;}
.dot-list ul li:last-child {margin-bottom:0;}
.dot-list.type2 {margin-bottom:47px;}

.sub-tab {margin-bottom:60px; margin-right:-6px;}
.sub-tab ul {flex-wrap:wrap; margin:-6px;} 
.sub-tab ul li {width:16.666%; padding:6px;}
.sub-tab ul li a {padding:13px 10px; font-weight:500; font-size:18px; line-height:1.4em; letter-spacing:-.03em; color:#454545; display:flex; align-items:center; justify-content:center; border:1px solid #ddd;}
.sub-tab ul li a.active {border-color:#1aabe0; background:#1aabe0; color:#fff;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #868686;}
.table01 table th {border-right:1px solid #ddd; padding:14px 5px; background:#fafafa; border-bottom:1px solid #ddd; letter-spacing:0; font-weight:500; line-height:1.4em; color:#242424;}
.table01 table th:last-child {border-right:0;}
.table01 table td {word-break: break-all; border-left:1px solid #ddd; padding:12px 27px; font-size:16px; font-weight:400; letter-spacing:0; line-height:1.625em; border-bottom:1px solid #ddd; color:#454545;}
.table01 table td:first-child {border-left:0; white-space:nowrap;}
.table01 table td:nth-child(4),
.table01 table td:nth-child(5) {text-align:center;}

/* 인사말 */
.greeting {display:flex;}
.greeting .img {margin:0 0 -30px -35px; text-align:center;}
.greeting .cnt {margin-left:108px;}
.greeting .cnt h3 {text-indent:-.6em; font-family:'Nanum Pen Script', cursive, sans-serif; font-size:35px; font-weight:400; letter-spacing:-.02em; line-height:1.3em; color:#233f92;}
.greeting .cnt h3 span {font-family:'Noto Sans KR', sans-serif; font-size:40px; font-weight:700; letter-spacing:-.03em; line-height:.8em; color:#808080;}
.greeting .cnt p {margin-top:25px; font-weight:400; letter-spacing:-.02em; line-height:1.529em; color:#454545;}
.greeting .cnt p:first-child {margin-top:0;}
.greeting .cnt p:f {margin-top:39px;}
.greeting .cnt p strong {color:#454545; font-weight:500;}

/* 연혁 */
.history h3 {max-width:260px; height:80px; display:flex; justify-content:center; align-items:center; font-size:32px; font-weight:700; letter-spacing:0; line-height:1.4em; color:#fff; background:#1aabe0; border-radius:0 30px 0 30px;}	
.history {position:relative; margin:-38px 0 0 100px;}
.history .wrap .group {display:flex; justify-content:flex-start;}
.history .wrap .group:first-child {padding-top:30px;}
.history .wrap .group:first-child .year:before {top:-30px;}
.history .wrap .group .year {padding:40px 0 40px 33px; min-width:130px; position:relative; display:flex; font-size:30px; font-weight:600; letter-spacing:-.03em; line-height:.8em; color:#242424;}
.history .wrap .group .year:before {content:""; position:absolute; right:0; top:0; width:1px; bottom:0; background:#ddd;}
.history .wrap .group .year:after {content:""; position:absolute; right:0; top:52px; margin:-8px -8px 0 0; width:16px; height:16px; background:#fff; border-radius:100%; border:4px solid #233f92;}
.history .wrap .group ul {width:87%; padding:40px 0; margin-left:33px; border-bottom:1px solid #ddd;}
.history .wrap .group:last-child ul {border-bottom:0;}
.history .wrap .group ul li {margin-bottom:12px; line-height:1.4em; letter-spacing:-.04em;}
.history .wrap .group ul li:last-child {margin-bottom:0;}

/* 찾아오시는 길 */
.root_daum_roughmap {width:100% !important;}

.location-add {margin:46px 0 26px; display:flex; align-items:center; justify-content:space-between;}
.location-add .add {max-width:296px; font-size:28px; font-weight:600; letter-spacing:-.03em; line-height:1.429em; color:#242424;}
.location-add .number {padding:19px 18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; border:1px solid #ddd; border-radius:10px;}

.location-guide ul {border-top:2px solid #868686;}
.location-guide ul li {display:flex; padding:38px 30px 40px; border-bottom:1px solid #ddd;}
.location-guide .ico {min-width:95px; padding-top:10px;}
.location-guide .cnt .tit {margin-bottom:13px; font-size:19px; font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.location-guide .cnt .txt {margin-bottom:10px; letter-spacing:-.02em; font-weight:400; line-height:1.4em;}
.location-guide .cnt .txt:last-child {margin-bottom:0;}
.location-guide .cnt .txt strong {font-weight:500;}
.location-guide .arr {color:#b8b8b8;}
.location-guide .line {border-radius:30px; color:#fff; display:inline-block; padding:2px 9px;}
.location-guide .line.st1 {background:#10aa18;}
.location-guide .line.st2 {background:#ff7d21;}

/* 사업분야 */
.business .section {margin-bottom:94px;}
.business .section:last-child {margin-bottom:0;}

.business .col-2 ul {display:flex; flex-wrap:wrap; margin:-10px;}
.business .col-2 ul li {width:50%; padding:10px;}
.business .col-2 + .dot-tit {margin-top:50px;}

.business .col-3 ul {display:flex; flex-wrap:wrap; margin:-10px;}
.business .col-3 ul li {width:33.333%; padding:10px;}

.business .grid-box {display:flex;}
.business .grid-box > .img {margin-right:20px;}
.business .grid-box .imgs .img + .img {margin-top:20px;}