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

.about .txt {text-align:right; font-size:180px; line-height:1.1em; color:#222; font-weight:800; opacity:.06;}
.about .row {display:flex; align-items:flex-end; justify-content: space-between; position:relative; margin-top:-30px; margin-bottom:66px;}
.about .img {margin-left:-360px;}
.about .text-box {position:relative; z-index:1; margin-left:-225px; margin-bottom:50px;background:#222; width:708px; height:290px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:38px;line-height:1.4em;}
.about .text-box .content {text-align:center}
.about .cnt {text-align:center; color:#2c2c2c; font-size:20px; line-height:1.6em; margin-bottom:26px;}
.about .cnt:last-child {margin-bottom:0;}

.company ul {display:flex;flex-wrap:wrap; padding-left:1px; padding-top:1px;}
.company ul li {width:33.3333333%; position:relative; padding:45px 50px; background-repeat:no-repeat; background-position:90% 100%; border:1px solid #ddd; height:257px; margin-left:-1px; margin-top:-1px;}
.company ul li:nth-child(1) {background-image:url('../images/sub/company_icon1.png');}
.company ul li:nth-child(2) {background-image:url('../images/sub/company_icon2.png');}
.company ul li:nth-child(3) {background-image:url('../images/sub/company_icon3.png');}
.company ul li:nth-child(4) {background-image:url('../images/sub/company_icon4.png');}
.company ul li:nth-child(5) {background-image:url('../images/sub/company_icon5.png');}
.company ul li:nth-child(4) .tit,
.company ul li:nth-child(5) .tit {color:#00a1e4}
.company ul li .tit {color:#005aab; font-size:14px; line-height:1.4em; font-weight:500; letter-spacing:-.40px; margin-bottom:15px;}
.company ul li .cnt {font-size:26px;line-height:1.4em; color:#2c2c2c}
.company ul li .logo {padding:0 50px; position:absolute; top:50%; transform:translateY(-50%);}

.business-head {text-align:center; font-size:18px; line-height:1.6em; color:#2c2c2c; margin-bottom:50px;}

.business-wrap {background:#fafafa; padding:150px 0;}
.business-cnt {display:flex;}
.business-cnt .img {flex:1 1 auto; width:1%; min-width:0;}
.business-cnt .info {flex:1 1 600px; max-width:600px;  min-height:350px; margin-left:-58px; position:relative; padding:60px 70px; margin-top:70px;z-index:1; background:#fff;} 
.business-cnt .info:after {content:"";position:absolute; top:0; left:0; width:100%; height:160px; border:20px solid #005aab; border-bottom:0;}
.business-cnt .info h3 {font-size:22px; line-height:1.4em; color:#005aab; margin-bottom:10px;}
.business-cnt .info ul li {position:relative; font-size:18px; line-height:1.6em; color:#878787; margin-bottom:6px; padding-left:15px;}
.business-cnt .info ul li:before {content:"";position:absolute; top:10px; left:0; width:4px; height:4px; background:#878787; border-radius:100%;}
.business-cnt .info .cnt {margin-bottom:25px; font-size:18px; line-height:1.6em; color:#2c2c2c;}
.business-cnt .info .cnt:last-child {margin-bottom:0;}

.business-box ul {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-20px;}
.business-box ul li {width:calc(50% - 20px); margin-left:20px; min-height:260px;margin-bottom:20px; border:1px solid #dfdfdf; padding:50px;}
.business-box h3 {font-size:22px; line-height:1.4em; color:#005aab; margin-bottom:10px;}
.business-box .cnt {font-size:18px; line-height:1.6em; color:#2c2c2c;}

.logistics ul {display:flex;flex-wrap:wrap; padding-left:1px; padding-top:1px;}
.logistics ul li {width:25%; padding:25px; background-repeat:no-repeat; background-position:90% 100%; border:1px solid #ddd; height:245px; margin-left:-1px; margin-top:-1px;}
.logistics ul li:nth-child(1) {background-image:url('../images/sub/sub2_6_icon1.png');}
.logistics ul li:nth-child(2) {background-image:url('../images/sub/sub2_6_icon2.png');}
.logistics ul li:nth-child(3) {background-image:url('../images/sub/sub2_6_icon3.png');}
.logistics ul li:nth-child(4) {background-image:url('../images/sub/sub2_6_icon4.png');}
.logistics ul li:nth-child(5) {background-image:url('../images/sub/sub2_6_icon5.png');}
.logistics ul li:nth-child(6) {background-image:url('../images/sub/sub2_6_icon6.png');}
.logistics ul li:nth-child(7) {background-image:url('../images/sub/sub2_6_icon7.png');}
.logistics ul li:nth-child(8) {background-image:url('../images/sub/sub2_6_icon8.png');}
.logistics ul li h3 {color:#005aab; font-size:20px; line-height:1.4em; letter-spacing:-.40px; margin-bottom:15px;}
.logistics ul li .cnt {font-size:18px;line-height:1.4em; color:#2c2c2c}

.partner ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.partner ul li {width:25%; padding:0 10px; margin-bottom:20px;}

.location-wrap {margin-bottom:100px;}
.location-wrap.type2 {background:#fafafa; padding:100px 0;}
.location-wrap:last-child {margin-bottom:0;}
.location {display:flex; color:#2c2c2c; font-size:18px; line-height:1.6em;}
.location .map {width:calc(100% - 400px);}
.location .info {width:400px; padding:30px 0 0 30px;}
.location .info h3 {color:#005aab; font-size:22px; line-height:1.3em; margin-bottom:30px;}
.location .info .addr { margin-bottom:10px;}
.location .info dl {display:flex; margin-bottom:5px;}
.location .info dl dt {flex:1 1 45px; max-width:45px; color:#08a1f5; font-weight:500;}
.location .info dl dd {flex:1 1 auto; width:1%; min-width:0;}
.location .info dl:last-child {margin-bottom:0;}

.root_daum_roughmap {width:100% !important; height:430px !important;}
.root_daum_roughmap .wrap_map {height:430px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.map1 .roughmap_lebel_text:after {content:"서울본사 - 씨에이치앨"; font-size:12px; line-height:15px;}
.map2 .roughmap_lebel_text:after {content:"인천지사 - 씨에이치앨"; font-size:12px; line-height:15px;}
.map3 .roughmap_lebel_text:after {content:"의왕지사 - 씨에이치앨"; font-size:12px; line-height:15px;}