@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {display:flex;}
.greeting .col-img {order:2;}
.greeting .col-txt {flex:1;}
.greeting .col-txt strong {margin-bottom:160px; position:relative; font-size:var(--font-size-40); display:block; line-height:1.34em; letter-spacing:-.03em; color:#242424;}
.greeting .col-txt strong span {color:var(--color-primary);}
.greeting .col-txt strong:after {bottom:-80px; width:74px; height:2px; position:absolute; content:''; left:0; background-color:#ddd;}
.greeting .col-txt p {margin-bottom:var(--margin-bottom-30); line-height:1.78em; letter-spacing:-.03em; font-size:var(--font-size-18);}
.greeting .col-txt p.last {margin-bottom:0 !important;}

.history .group {padding-top:var(--margin-bottom-70); position:relative;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd;}
.history .group:last-child:before {bottom:10px;}
.history .group h4 {line-height:var(--history-height); font-size:var(--font-size-30); z-index:2; color:#242424; position:relative;}
.history .group h4:before {width:var(--history-height); height:var(--history-height); content:""; position:absolute; top:0; background-image:url('../images/sub/hisdot.png'); background-repeat:no-repeat; background-position:50% 50%;}
.history .group h4 span {position:relative;}
.history .group h4:after {position:absolute; content:''; top:11px; background-color:#ddd; height:1px; width:50px;}
.history .group .cnt {margin-top:-22px;}
.history .group .cnt strong {font-size:var(--font-size-18); font-weight:600; display:block; letter-spacing:-.03em;}
.history .group .cnt strong span {color:var(--color-primary);}
.history .group .cnt p {margin-top:5px;}
.history .group:nth-child(odd) h4 {text-align:right; padding-right:50%;}
.history .group:nth-child(odd) h4:before {right:50%; border-color:#999;  margin-right:-11px;}
.history .group:nth-child(odd) h4:after {right:52%;}
.history .group:nth-child(odd) h4 span {padding-right:var(--history-padding);}
.history .group:nth-child(odd) .cnt {padding-left:50%;}
.history .group:nth-child(odd) .cnt .inner {padding-left:var(--history-padding);}
.history .group:nth-child(even) h4 {padding-left:50%;}
.history .group:nth-child(even) h4 span {padding-left:var(--history-padding);}
.history .group:nth-child(even) h4:after {left:52%;}
.history .group:nth-child(even) h4:before {left:50%; margin-left:-11px;}
.history .group:nth-child(even) .cnt {padding-right:50%; text-align:right;}
.history .group:nth-child(even) .cnt .inner {padding-right:var(--history-padding);}

.client {margin:0 -10px -55px; display:flex; flex-wrap:wrap; text-align:center;}
.client li {padding:0 10px 55px; font-size:var(--font-size-17); width:16.6666%; letter-spacing:-.03em; font-weight:500;}
.client li .img {margin-bottom:10px;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#28366d; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#28366d;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.prd-cnt {display:flex; align-items:center}
.prd-cnt .col-r {margin-left:40px; flex:1;}
.prd-cnt strong {margin-bottom:var(--margin-bottom-30); font-size:var(--font-size-30); line-height:1.43em; display:block; color:#242424; letter-spacing:-.025em;}
.prd-cnt li span {color:var(--color-primary); font-weight:600;}

.facilities .group {margin-bottom:var(--margin-bottom-100);}
.facilities .group:last-child {margin-bottom:0 !important;}
.facilities h2 {padding-left:20px; margin-bottom:20px; position:relative; font-size:var(--font-size-30); font-weight:600; color:#242424; line-height:1.3em; position:relative;}
.facilities h2:before {top:14px; width:10px; height:10px; position:absolute; content:''; left:0; border-radius:100%; background-color:var(--color-primary);}
.facilities .img {margin-top:12px;}