@charset "utf-8";

.pl50 {padding-left:50px !important;}

.fz20 {font-size:var(--font-size-20) !important;}

.doc-tit {margin-bottom:21px;position:relative;padding-left:13px;font-size:var(--font-size-23); font-weight:700; letter-spacing:-.01em; line-height:1.4em; color:#242424;}
.doc-tit:before {position:absolute; left:0; top:13px;content:''; background:var(--color-primary); width:5px; height:5px; border-radius:100%;}

.doc-txt {text-align:center; font-size:var(--font-size-18); font-weight:400; letter-spacing:-.01em; line-height:1.56em;}

.greeting {display:flex;}
.greeting .img {width:620px; margin-right:60px;}
.greeting .cnt {padding:20px 0;flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt h2 {font-size:var(--font-size-30); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#242424;}
.greeting .cnt h2 strong {font-size:var(--font-size-34); font-weight:800;}
.greeting .cnt .bar {position:relative;margin:22px 0 30px;width:100%; height:1px; background:#ddd;}
.greeting .cnt .bar:before {content:''; position:absolute; left:0; top:0; width:100px; height:1px; background:#b80000;}
.greeting .cnt p {letter-spacing:-.035em;margin-bottom:30px;font-size:var(--font-size-18); font-weight:400; line-height:1.67em;}
.greeting .cnt p:nth-child(2) {margin-bottom:50px;}
.greeting .ceo {display:flex; align-items:center; justify-content:flex-end;}
.greeting .ceo strong {margin-left:7px;font-size:var(--font-size-20); color:#242424;}
.greeting .ceo img {margin-left:9px;}

.grid-ci {border:1px solid #ddd; min-height:290px; padding:30px;display:flex; align-items:center; justify-content:center; background-repeat:repeat; background-image:url('../images/sub/grid1.jpg');}
.grid-ci.ty2 {border:0; background-image:url('../images/sub/grid2.jpg');}

.color-wrap {display:flex; justify-content:space-between;}
.color-wrap .col {width:48.83%;}
.color-wrap .box {min-height:180px;display:flex; flex-direction:column; justify-content:space-between; margin-bottom:8px;color:#fff; padding:26px 30px;}
.color-wrap .box p {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.01em; line-height:1.4em; color:#fff;}
.color-wrap .box .t1 {white-space:nowrap; display:flex; align-items:center;}
.color-wrap .box .t1:after {margin-left:50px;content:''; width:100%; height:1px; background:rgba(255,255,255,0.6);}
.color-wrap .tt {font-size:var(--font-size-17); font-weight:400; letter-spacing:-.01em; line-height:1.4em; color:#454545;}
.color-wrap .box.st1 {background:#00264b;}
.color-wrap .box.st1 .t2 {align-self:flex-end;}
.color-wrap .box.st2 {flex-direction:column-reverse; background:#ff0a07;}
.color-wrap .box.st2 .t2 {align-self:flex-end;}

.history-bg {position:relative; display:flex; flex-direction:column; justify-content:center; min-height:175px; background-size:cover; background-repeat:no-repeat; text-align:center; color:#fff; background-image:url('../images/sub/history-bg.jpg');}
.history-bg h2 {font-size:var(--font-size-35); font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.history-bg p {font-size:var(--font-size-20);font-weight:700; letter-spacing:-.04em; line-height:1.4em;}
.history-bg:before {position:absolute; bottom:-27px;left:50%; margin-left:-27px;content:''; width:54px; height:54px; border-radius:100%; background:#003876; border:19px solid #fff; z-index:2;}
.history .group {position:relative; padding:100px 0 40px;}
.history .group:before {content:""; position:absolute; top:0; height:100%; left:50%; border-left:1px dashed #ddd;}
.history .group .inner {margin-left:50%; padding-left:50px;}
.history .inner {position:relative;}
.history .inner:before {content:''; margin-left:-10px;left:0; top:7px; position:absolute; width:21px; height:21px; background:url('../images/sub/bullet.png') no-repeat 50% 50% / contain;}
.history .inner h3 {margin-bottom:18px;font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1em; color:#003876;}
.history .inner ul li {margin-bottom:12px;display:flex; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em;}
.history .inner ul li:last-child {margin-bottom:0;}
.history .inner ul li .mon {width:34px;}
.history .inner ul li p {flex:1 1 auto; min-width:0; width:1%;}

.model-img {margin-bottom:80px;}
.model {display:flex; flex-wrap:wrap;border-left:1px solid #ddd;border-right:1px solid #ddd; border-top:1px solid #ddd;}
.model li {padding:17px 30px;font-size:var(--font-size-17); letter-spacing:-.01em; line-height:1.4em;width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.model li:nth-child(even) {border-right:0;}

.advice ul {display:flex; flex-wrap:wrap; margin:-15px;}
.advice ul li {width:33.333%; padding:15px;}
.advice ul li a {height:100%;border-radius:0 30px 0 30px; padding:20px 33px 30px;display:block;border:1px solid #dfdfdf;}
.advice .lg-tit {text-align:center; padding-bottom:18px; margin-bottom:25px;border-bottom:1px solid #ddd;}
.advice dl dt {margin-bottom:12px;font-size:var(--font-size-19); font-weight:700; letter-spacing:-.03em; line-height:1.4em;color:#003876;}
.advice dl dd {min-height:2.8em;font-size:var(--font-size-17); letter-spacing:-.03em; line-height:1.4em;color:#454545;}
.advice .go-arr {margin:30px auto 0;transition:.3s; width:57px; height:40px; background:url('../images/sub/go-arr.png') no-repeat 50% 50% / contain;}
.advice ul li a:hover .go-arr {background-image: url('../images/sub/go-arr-on.png');}

.root_daum_roughmap {width:100% !important;}
.address {margin-top:37px;position:relative;}
.address .comp {margin-bottom:11px;font-size:var(--font-size-25); font-weight:700; letter-spacing:-.01em; line-height:1.4em; color:var(--color-primary);}
.address .addr {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.01em; line-height:1.4em; color:#242424;}
.address a {position:absolute; top:0; right:0;	display:inline-flex; align-items:center; justify-content:center; min-width:125px; height:50px; color:#fff; font-size:var(--font-size-17); letter-spacing:-.01em; line-height:1.3em; background:#003876;}
.address a:before {padding:0 15px;width:30px; height:33px; content:''; background:url('../images/sub/icon-location.png') no-repeat 50% 50% /contain ; margin-right:15px;}

.contact h2 {margin-bottom:10px;font-size:var(--font-size-18); font-weight:700; letter-spacing:-.01em; line-height:1.4em; color:#242424;display:flex; align-items:center;}
.contact h2 img {margin-right:10px;}
.contact .tel-wrap {display:flex; flex-wrap:wrap;}
.contact .tel-wrap dl {margin-right:25px;display:flex; font-size:var(--font-size-17);}

.contact .tel-wrap dt {margin-right:8px;font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:#242424;}
.contact .tel-wrap dd {letter-spacing:-.02em; line-height:1.4em;}

.traffic {display:flex; justify-content:space-between;}
.traffic dl {padding:36px 40px;width:calc(33.333% - 15px); background:#f8f8f8;}
.traffic dt {margin-bottom:11px;font-size:var(--font-size-18); font-weight:700; letter-spacing:-.01em; line-height:1.4em; color:#003876;}
.traffic dd {font-size:var(--font-size-17); font-weight:400; letter-spacing:-.02em; color:#454545;}