/*========== main ==========*/
.main-visual {width:100%;height:458px;margin:0 auto;background:url('../../img/main/visual_bg2.jpg') no-repeat 50% 50%;}
.m-visual-tit {width:100%;text-align:center;padding-top:170px;margin-bottom:40px;}
.m-visual-tit .sub-tit {font-size:28px;color:#fff;margin-bottom:10px;}
.m-visual-tit h3 {padding-top:0;font-weight:400;/*background:url('../../img/main/h3_topline1.png') no-repeat 50% 0*/;}
.m-visual-tit h3 strong {color:#e2af00;font-weight:700;}

/*auto banner*/
.visual-banner-wrap {width:1260px;margin:0 auto;position:relative;}
.visual-banner-wrap .btn-prev {position:absolute;left:0;top:87px;}
.visual-banner-wrap .btn-next {position:absolute;right:0;top:87px;}
/*banner 효과*/
.banner-base {display:inline-block;width:211px;height:211px;margin-right:10px;padding-top:50px;text-align:center;float:left;box-sizing:border-box;}
.banner-base:after {display:inline-block;position:relative;border-radius:50%;content:'';box-sizing:content-box;backface-visibility:hidden;}
.banner-effect {background:url('../../img/main/visual_cbg.png') no-repeat;}
/*.banner-effect:after {width:201px;height:201px;top:-157px;left:0px;box-shadow: 0 0 0 4px #fff;opacity:0;-ms-transform:scale(.8);-webkit-transform:scale(.8);transition:transform .2s,opacity .2s;}*/
.banner-effect:hover {background:url('../../img/main/visual_cbg_hover.png') no-repeat;}
.banner-effect:hover p {color:#fff;}
.banner-effect:hover:after {transform:scale(1);-ms-transform:scale(1);/* IE 9 */-webkit-transform:scale(1);/* Safari */opacity:1;}
.banner-tit {margin:0 auto;padding-bottom:15px;color:#e2af00;font-size:24px;}
.banner-sub {width:160px;color:#fff;font-size:18px;margin:0 auto;}
.banner-sub.topline {border-top:1px solid #bab6b5;padding-top:15px;}

/*주요사업분야영역*/
.content-business {width:100%;height:420px;}
.business-area {width:1260px;margin:20px auto 0;position:relative;}
.business-area li {width:290px;margin-right:33px;float:left;}
.business-area li a {font-size:16px;color:#999;display:block;}
.business-area li a:hover {text-decoration:underline;}
.business-area li strong {font-size:22px;color:#333;display:block;padding:15px 0 10px 0;}
/*주요사업분야 detail페이지*/
.detail-area {width:1260px;height:230px;padding-top:20px;text-align:center;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;position:absolute;left:0;top:0;}
.detail-area li {width:100%;font-size:16px;color:#333;}
.detail-area li strong {font-size:30px;font-weight:400;color:#444;padding:0px;}
.detail-area li strong span {font-size:20px;}
.detail-table {width:1016px;margin:30px auto 0;}
.detail-table li {width:auto;margin-right:0px;float:left;}
.detail-table li p {width:240px;padding-left:97px;text-align:left;font-size:15px;}
.detail-table.cms-table {width:604px;margin-top:20px;}
.detail-table.cms-table li {margin-right:20px;}
.detail-table.kdms-table {width:1062px;}
.detail-table.kdms-table li {margin-right:10px;}
.detail-table.si-table {width:742px;margin-top:20px;}
.detail-table.si-table li {margin-right:10px;}
.bg-tit {width:84px;height:84px;line-height:84px;color:#fff;font-weight:400;display:block;background:url('../../Service/images/common/business_bg00.png') no-repeat;float:left;}
.bg-tit01 {width:258px;height:53px;line-height:53px;color:#fff;font-weight:400;display:block;background:url('../../Service/images/common/business_bg01.png') no-repeat;float:left;}

/*ourWork영역*/
.content-work {width:100%;height:490px;background-color:#f4f6f7;}
.work-inner {width:1260px;margin:0 auto;position:relative;}
.work-subTitle {text-align:center;font-size:20px;color:#333;margin-bottom:35px;}
.work-btnArea {position:absolute;left:0;top:60px;width:100%;}
.work-btnArea span {width:120px;height:73px;line-height:73px;border:1px solid #ccc;display:inline-block;text-align:center;margin-right:10px;}
.work-sites {position:relative;}
.work-sites li {position:absolute;}
.work-sites .ws-item0 {left:0;top:10px;opacity:0;}
.work-sites .ws-item1 {left:323px;top:20px;opacity:0;}
.work-sites .ws-item2 {left:646px;top:30px;opacity:0;}
.work-sites .ws-item3 {left:969px;top:40px;opacity:0;}

/*mini-map영역*/
.content-map {width:100%;height:1000px;margin:0 auto;padding-top:60px;background:url('../../Service/images/sub/map_bg.png') no-repeat 50% 50%;}
.mini-map {width:1260px;height:720px;margin:0 auto;}
.mini-map-inner li {float:left;}
.mini-map-inner li strong {width:420px;display:block;font-size:24px;font-weight:500;color:#fff;text-align:center;margin-top:55px;}
.mini-map-inner .con03 strong, .mini-map-inner .con04 strong {font-size:30px;}
.mini-map-inner .con02, .mini-map-inner .con03, .mini-map-inner .con04, .mini-map-inner .con05 {width:420px;height:290px;}
.mini-map-inner .con01 {width:420px;height:580px;background:url('../../Service/images/sub/map_contact.png') no-repeat;}
.mini-map-inner .con02 {background:url('../../Service/images/sub/map_demo.png') no-repeat;}
.mini-map-inner .con03 {background-color:#487491;}
.mini-map-inner .con04 {background-color:#30405d;}
.mini-map-inner .con05 {background:url('../../Service/images/sub/map_coinfo.png') no-repeat;}
.mini-map-inner .con06 {width:1260px;height:78px;padding:20px 30px;background:url('../../Service/images/sub/con04_bg.png');box-sizing:border-box;position:relative;}
.mini-map-inner .con06 span {display:block;width:92px;height:34px;background:url('../../Service/images/common/notice.png') no-repeat;float:left;}
/*con06 notice-table*/
.notice-table {}
.notice-table tr {float:left;}
.notice-table td, .notice-table td a {height:30px;color:#fff;font-size:16px;}
.notice-table td a:hover {text-decoration:underline;}
.notice-table .notice-tit {width:350px;padding-left:30px;}
.notice-table .notice-date {width:150px;text-align:center;position:relative;}
.notice-table .notice-date:after {content:'';position:absolute;top:0px;right:0;height:30px;border-right:1px solid #6e6a6c;}
.notice-table .notice-date.after-border0:after {border-right:none;}
.btn-notice {position:absolute;right:30px;top:22px;border:none;background:transparent;padding:0;}

.text-wrap {margin-top:170px;text-align:center;font-size:16px;}
.text-wrap .text-phone {font-size:38px;font-weight:700;color:#fff;margin-bottom:10px;}
.text-wrap .text-email {color:#fff;height:80px;}
.text-wrap .text-email span {}
.text-wrap .text-time {color:#a4dce8;height:43px;padding-top:25px;}
.demo-wrap {width:382px;margin:45px auto 0;}
.demo-wrap li{float:left;margin-right:10px;margin-bottom:10px;}
.coninfo-wrap {text-align:center;color:#bec2c8;font-size:16px;margin-top:20px;}

/*clientCompany영역*/
.content-client {width:100%;height:280px;background:url('../../Service/images/sub/client_bg.png');}
.client-banner-wrap {width:1260px;margin:20px auto 0;}

/*clientTab메뉴영역*/
.client-tabs {width:470px;margin:0 auto 25px;}
.client-tabs li {float:left;}
.client-tabs a {display:block;padding:0 30px 5px 30px;font-size:18px;position:relative;}
.client-tabs a:after {content:'';position:absolute;top:5px;right:0;height:15px;border-right:1px solid #333;}
.client-tabs a.after-border0:after {border-right:none;}
.client-tabs a:hover, .client-tabs a.active {background:url('../../Service/images/btn/underline.png') no-repeat;background-position:50% 100%;}

/*clientBanner영역*/
.tabs-content-wrap {position:relative;}
.client_slider li {background:#fff;}
.client_slider li a:hover {cursor:default;}
.bx-controls-direction .bx-prev, .bx-controls-direction .bx-next {position:absolute;width:57px;height:57px;top:0;}
.bx-controls-direction .bx-prev {left:0;background:url('../../Service/images/btn/banner_prev.png') no-repeat;}
.bx-controls-direction .bx-next {right:0;background:url('../../Service/images/btn/banner_next.png') no-repeat;}

/*nonslider*/
.nonslider li {float:left;margin-right:10px;width:210px;list-style:none;position: relative;}
.nonslider li:first-child {margin-left:85px;}

/*client_nonSlider*/
.client_nonSlider {width:650px;margin:0 auto;overflow:hidden;}
.client_nonSlider li {float:left;margin-right:10px;width:210px;background:#fff;}