@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.business-cnt {}
.business-cnt .img {margin-bottom:45px}
.business-cnt .cnt {margin-bottom:15px; font-size:18px; line-height:1.7em; letter-spacing:-.03em;}
.business-cnt .cnt:last-child {margin-bottom:0;}
.business-cnt .cnt strong {font-size:24px; line-height:1.4em; color:#022e58;font-weight:500;}

.greeting {display:flex;}
.greeting .info {flex:1 1 auto; width:1%; min-width:0;  padding-right:40px;}
.greeting .info .tit {font-size:24px; line-height:1.7em; color:#022e58;font-weight:500; margin-bottom:15px; letter-spacing:-.03em;}
.greeting .info .cnt {margin-bottom:15px; font-size:18px; line-height:1.7em; letter-spacing:-.03em;}
.greeting .info .cnt strong {font-weight:500;}
.greeting .photo {width:450px}
.greeting .photo img {width:100%}

.history {position:relative; padding:46px 0;}
.history:after {content:"";position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd; margin-left:-.5px; z-index:-1}
.history .row {display:flex; justify-content:flex-end; padding-bottom:25px;}
.history .row .col {width:50%; position:relative; padding-left:60px;}
.history .row .col:before {content:"";position:absolute; top:0; left:-6.5px; width:13px; height:13px; background:#c4dff9; border-radius:50%;}
.history .row .group {display:flex;}
.history .row .group .year {width:80px; color:#0660b6; font-size:18px; line-height:1.4em; font-weight:800;font-family:'NanumSquare', sans-serif;}
.history .row .group .info {flex:1 1 auto; width:1%; min-width:0;}
.history .row .group .info ul li {font-size:16px; line-height:1.5em; margin-bottom:5px;}
.history .row .group .info ul li:last-child {margin-bottom:0;}
.history .row:last-child {padding-bottom:0;}
.history .row:nth-child(even) {justify-content:flex-start; text-align:right;}
.history .row:nth-child(even) .col {padding-left:0; padding-right:60px;}
.history .row:nth-child(even) .col:before {left:auto; right:-6.5px}
.history .row:nth-child(even) .group {justify-content:flex-end;}
.history .row:nth-child(even) .group .year {order:2;}
.history .row:nth-child(even) .group .info {order:1;}

.root_daum_roughmap {width:100% !important; height:450px !important;}
.root_daum_roughmap .wrap_map {height:450px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"세호케미컬"; font-size:12px; line-height:15px;}

.location-info {}
.location-info ul {padding-top:15px;}
.location-info ul li {display:flex; border-bottom:1px solid #ddd; font-size:16px; line-height:1.4em; padding-bottom:15px; margin-bottom:15px;}
.location-info ul li .tit {text-align:center; width:210px;font-weight:500;}
.location-info ul li .info {flex:1 1 auto; width:1%; min-width:0;}