@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {font-size:24px; padding-left:33px; padding-bottom:12px; border-bottom:1px solid #ddd; font-weight:500; letter-spacing:0; line-height:1.5em; color:#242424; position:relative;}
.doc-tit:before {position:absolute; content:''; width:22px; height:22px; top:8px; left:0; border:4px solid #006691; border-radius:100%;}
.doc-tit.none-line {border-bottom:0;}

.sub-img {margin-bottom:35px;}
.company .cnt p {margin-bottom:32px;}
.company .cnt p:last-child {margin-bottom:0;}

.ceo-m {display:flex; position:relative;}
.ceo-m:after {position:absolute; content:''; background-color:#f8f8f8; top:30px; left:40px; width:100%; max-width:1160px; height:350px; z-index:-1;}
.ceo-m .cnt {padding:90px 40px 0; flex:1;}
.ceo-m .cnt p {margin-bottom:30px;}
.ceo-m .cnt p:last-child {margin-bottom:0;}

.history .group {padding-left:40px; padding-bottom:10px; display:flex; position:relative;}
.history .group:before {position:absolute; content:''; width:1px; height:100%; top:10px; left:140px; background-color:#ddd;}
.history .group:after {position:absolute; content:''; width:9px; height:9px; top:10px; left:136px; background-color:#004270; border-radius:100%;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group .year {width:100px; font-size:22px; font-weight:700; font-family:'Roboto'; font-weight:700;} 
.history .group ul li {padding-left:50px;} 

.vig {margin-bottom:50px;}
.vig .cnt {padding:30px 30px 40px; background-color:#f8f8f8;}
.vig .cnt p {margin-bottom:30px; letter-spacing:0;}
.vig .cnt p:last-child {margin-bottom:0;}

.vig-bg {padding:70px 0; background-color:#f8f8f8; text-align:center;}
.vig-eq {display:flex; margin:0 -8px;}
.vig-eq .sub-img {padding:0 8px;}
.vig-bg p {font-weight:500;}

.vig-eq.ty2 {flex-wrap:wrap; margin:0 -5px -50px;}
.vig-eq.ty2 .item {padding:0 5px; width:50%;}
.vig-eq.ty2 .sub-img {padding:0; margin-bottom:50px;}

.rnd {padding:15px 0 35px 30px;}
.rnd .group {margin-bottom:25px;}
.rnd .group:last-child {margin-bottom:0;}
.rnd .group .tit {font-size:18px; margin-bottom:7px; font-weight:500; letter-spacing:0; line-height:1.4em; color:#242424;}
.rnd .group ul li {padding-left:20px; position:relative; line-height:1.875em;}
.rnd .group ul li:before {position:absolute; content:''; width:8px; height:8px; top:12px; left:0; background-color:#004270;}

.contact-us {padding:0 340px;}
.contact-us h3 {font-size:20px; margin-bottom:5px; letter-spacing:0; color:#242424; font-weight:500;}

.buttons .send-mail {width:210px; height:50px; line-height:48px; font-size:18px; letter-spacing:0; color:#fff; background-color:#004270; border-color:#004270;}

.contact-info .tit {font-size:20px; margin-bottom:5px; letter-spacing:0; font-weight:700; color:#242424;}

.local {margin-top:55px; padding:52px 0; border:1px solid #ddd; text-align:center;}
.local .addr {font-size:20px; margin-bottom:20px; font-weight:500; letter-spacing:-.03em;}
.local .addr img {margin-right:10px;}
.local span.s1 {padding-right:25px;}