@charset "utf-8";
@import url('common.css');

.msgTop{font:24px/34px NanumMyeongjo;letter-spacing:-0.05em;color:#000;text-align:center}
.txt{font-size:12px;line-height:18px;color:#777;letter-spacing:-0.05em}
/* ABOUT US-----------------------------------------------------------------------------------------*/

/* CEO 인사말 */
.about .aboutBg{padding-left:523px;background:url(../images/contents/sub1_1_ceo_photo.jpg) no-repeat}
.about .aboutBg .ceoMsg{padding-top:27px;font-size:14px;line-height:24px;color:#777;letter-spacing:0.025em}

/* 기업이념 */
.philosophy .diagram{overflow:hidden;padding-top:50px}
.philosophy .diagram li{position:relative;float:left;width:289px;padding-left:50px;background:url(../images/contents/sub1_2_plus.gif) 7px 62px no-repeat}
.philosophy .diagram li:first-child{padding-left:0;background:none}
.philosophy .diagram li>p{width:155px;height:155px;margin:0 auto;border-radius:50%;background:#5d90cb;text-align:center}
.philosophy .diagram li>p>span{display:block;color:#fff;padding-top:60px;font-size:19px;line-height:24px}
.philosophy .diagram li>p.circleG{background:#6fbe78}
.philosophy .diagram li>p.circleR{background:#ed6d51}
.philosophy .diagram li>div{width:289px;height:108px;background:url(../images/contents/sub1_2_box.gif) no-repeat}
.philosophy .diagram li div span{display:block;padding:20px 13px 20px 21px;color:#777;line-height:18px;letter-spacing:0;font-family:NanumBarunGothic}
.philosophy .colL{width:430px}
.philosophy .colL p{padding:33px 55px}
.philosophy .colR{line-height:20px}
.philosophy .colR p>em{display:inline-block;width:15px;height:15px;margin:-1px 10px 0 0;border-radius:50%;background:#4b4238;vertical-align:middle}
.philosophy .colR p>em.circle2{margin-left:30px;background:#0098b3}
.philosophy .slogan{padding:50px 0 40px;text-align:center;line-height:20px}
.philosophy .slogan img{margin-bottom:30px}

/* 연혁 */
.historyList{position:relative;margin-top:55px;/*background:url(../images/contents/sub1_3_bgline.gif) 484px 6px repeat-y;*/z-index:1}
.historyList:after{display:block;content:' ';position:absolute;width:1px;height:91%;left:484px;top:6px;background:#dfdfdf;z-index:0}
.historyList>li{position:relative;margin-top:15px;background:url(../images/contents/sub1_3_dot.png) 478px 3px no-repeat;line-height:24px;font-size:13px;color:#333;z-index:1}
.historyList>li:first-child{margin-top:0}
.historyList>li>strong{position:absolute;top:0;display:block;font-size:22px;color:#333;text-align:center;line-height:19px}
.historyList>li p.gray{margin-bottom:10px;line-height:18px;color:#999;font-size:12px}
.col-right{padding-left:597px}
.col-left{padding-right:597px;text-align:right}
.col-right>strong{left:525px}
.col-left>strong{left:393px}

/* 협력사 */
.partnerList{overflow:hidden;margin-top:50px}
.partnerList li{float:left;margin:0 0 10px 7px}

/* BUSINESS -----------------------------------------------------------------------------------------*/

/* 사업소개 */
.businessCol{position:relative;float:left;width:306px;margin-left:26px}
.businessCol:first-child{margin-left:0}
.businessCol h3{margin:0 0 5px 0;color:#de0000}
.businessCol .txt{position:relative;width:110%}

.swiperSlide{width:306px;height:206px;overflow:hidden}
.swiperSlide .swiper-slide{width:306px;height:202px;overflow:hidden;box-sizing:border-box;border:1px solid #eee;background:#f4f4f4}
.swiperSlide .swiper-wrapper{width:306px;height:202px}
.swiperSlide:after{clear:both;display:block;content:''}

.disignProcess{padding-top:40px}
.disignProcess ul{overflow:hidden;position:relative}
.disignProcess ul:before{display:block;content:' ';position:absolute;z-index:0;height:1px;width:99%;background:#e3e3e3;top:70px}
.disignProcess li{float:left;width:130px;margin-left:38px;text-align:center}
.disignProcess li:first-child{margin-left:0}
.disignProcess li p{position:relative;width:130px;height:130px;border-radius:50%}
.disignProcess li p span{display:block;padding-top:50px;font-size:16px;line-height:18px;color:#fff;}
.disignProcess li p span.single{padding-top:60px}
.disignProcess li div{position:relative;left:-2px;padding-top:23px;font-size:11px;line-height:13px;color:#777}
.disignProcess li p.purple{background:#6357a3}
.disignProcess li p.blue{background:#4c89c8}
.disignProcess li p.green{background:#29b05d}
.disignProcess li p.yellow{background:#f5a20e}
.disignProcess li p.orange{background:#ef7d56}
.disignProcess li p.red{background:#de002b}

/* */
.biz_contList{overflow:hidden;width:100%;height:auto}
.biz_contList .rela{overflow:hidden;width:1100px;height:auto}
.biz_contList ul{overflow:hidden;width:1120px;height:auto}
.biz_contList ul li{overflow:hidden;float:left;width:260px;height:auto;margin-right:20px}
.biz_contList .item{overflow:hidden;position:relative;width:258px;height:auto;margin-bottom:15px;border:1px solid #d2d2d2;border-top:6px solid #002b5c;background:#fff;}
.biz_contList .item .cate{width:53px;height:58px;overflow:hidden;display:block;text-align:center;line-height:50px;font-size:18px;color:#fff;position:absolute;left:0px;top:0px;background:url(/static/images/sub/major_icon.png) no-repeat;font-size:0;z-index: 1}
.biz_contList .item .bmSubj{font-size:18px}
.biz_contList .item .img{position:relative;display:block;overflow:hidden;width:258px;height:auto}
.biz_contList .item .img img{width:100%}
.biz_contList .item .ico_search{position:absolute;display:block;bottom:10px;right:10px;}
.biz_contList .item .bmSubj{display:block;width:220px;margin:40px 20px 10px}
.biz_contList .item a.bmSubj:hover{color:#222;text-decoration:underline}
.biz_contList li.none{width:100%;height:300px;border-bottom:1px solid #ddd;line-height:300px;font-size:18px;text-align:center}
.biz_contList .item ul{display:block;overflow:hidden;width:220px;height:auto;margin:0 20px 10px}
.biz_contList .item ul li{overflow:hidden;width:100%;height:auto;padding:10px 0;border-bottom:1px solid #dedede;line-height:1.5em}
.biz_contList .item ul li .txt01{float:left;width:52px;padding-left:10px;background:#fff url(/static/images/ico/ico_jum01.png) no-repeat left center;font-size:14px;color:#222}
.biz_contList .item ul li .txt02{display:inline-block;float:left;width:158px;font-size:13px;color:#555}
.biz_contList .item ul li:last-child{border-bottom:none}
.biz_contList .item ul.type01{display:block;overflow:hidden;width:220px;height:auto;margin:0 20px}
.biz_contList .item ul.type01 li{float:left;width:auto;margin:0;padding:0 10px;border-bottom:0;border-left:1px solid #dedede;font-size:14px;color:#555}
.biz_contList .item ul.type01 li:first-child{padding-left:0;border-left:0}
.biz_contList .item ul li .txt01{float:left;width:52px;padding-left:10px;background:#fff url(/static/images/ico/ico_jum01.png) no-repeat left center;font-size:14px;color:#222}
.biz_contList .item ul li .txt02{display:inline-block;float:left;width:158px;font-size:13px;color:#555}

.acptListLoading{overflow:hidden;position:relative;width:100%;height:80px}
.acptListLoading .loaderWrap{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;z-index:9999;margin:auto;border-radius:5px;background-color:#fff}
.acptListLoading .loader{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
.ajaxLoader{display:none;overflow:hidden;position:relative;width:1098px;height:48px;border:1px solid #e1e1e1;background-color:#fafafa;margin-top:-1px}
.ajaxLoader .loaderWrap{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;z-index:9999;margin:auto;border-radius:5px}
.ajaxLoader .loader{overflow:auto;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}

/* 사업지 상세 */
.swiper-slide {background-size: cover;background-position: center;}

.bizListContainer{position:relative;height:410px}
.bizListContainer .swiper-container {position:relative;width:640px;height:80%;margin-left:0}
.bizListContainer .bizInfo {position:absolute;width:270px;padding:10px 10px 0 0;top:0;right:0; height:400px}
.bizListContainer .bizInfo h3{font-size:28px;margin:0 0 28px 0}
.bizListContainer .bizInfo dl{width:100%;overflow:hidden;font-size:14px;line-height:25px}
.bizListContainer .bizInfo dt{width:74px;float:left;color:#333;font-weight:bold}
.bizListContainer .bizInfo dd{width:195px;float:left;color:#777}   
.bizListContainer .bizInfo dd:after{clear:both;display:block;content:''}   
.bizListContainer .gallery-top {height: 400px;}
.bizListContainer .gallery-thumbs-wrapper{position:absolute;right:0;top:341px;width:279px;height:59px;overflow:hidden;background:#f4f4f4}
.bizListContainer .gallery-thumbs {position:absolute;left:-183px;width:462px;height:59px;box-sizing:border-box;overflow:hidden;z-index:100}
.gallery-thumbs .swiper-slide {display:block;width: 94px;height: 59px;opacity: 0.4;overflow:hidden;cursor:pointer;z-index:100}
.gallery-thumbs .swiper-slide img{width: 94px;height: 59px;z-index:100}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.ico_biz{position:absolute;top:188px;display:block;z-index:100;width:34px;height:54px;background:url(../images/common/icon_slide_arr.png) 0 0 no-repeat;overflow:hidden;opacity:0.7}
.ico_biz:hover{opacity:1}
.ico_biz.prev{left:8px}
.ico_biz.next{background-position:-35px 0;right:8px}
.bizAllListWp{overflow:hidden;padding:20px 27px;margin-top:3px;border-top:1px solid #afb3b9;border-bottom:1px solid #dfe1e3}
.bizAllListWp .btn_prev,
.bizAllListWp .btn_next{display:block;float:left;width:31px;height:60px;margin-top:18px;background:url(../images/common/ico_biz_list_arr.png) no-repeat;overflow:hidden;opacity:0.6}
.bizAllListWp .btn_prev:hover,
.bizAllListWp .btn_next:hover{opacity:1}
.bizAllListWp .btn_prev span,
.bizAllListWp .btn_next span{text-indent:-10000em;font-size:0;height:0}
.bizAllListWp .btn_next{float:right;cursor:pointer;z-index:50}
.bizAllListWp .btn_next{background-position:0 -60px}
.bizAllListWp #bizAllList{float:left;position:relative;left:57px;width:730px;height:100px;overflow:hidden}
.bizAllListWp #bizAllList a{display:block;float:left;text-align:center}
.bizAllListWp #bizAllList a span{display:inline-block;width:100%;margin-top:10px;font-family:dotum;color:#666}

/* 고객센터 */
.customerTop{position:relative;padding-bottom:27px;border-bottom:1px solid #dbdbdb}
.customerTop p{font-family:NanumBarunGothic;}
.customerTop .f24,
.customerTop .f21{letter-spacing:-0.05em}
.customerTop .btn img{position:absolute;top:1px;right:0}
.customer h3{font-size:20px;margin-top:30px}
.customer .row{margin-top:30px}
.customer .fl{margin-left:17px;line-height:22px;font-size:13px}
.customer .fl:first-child{margin-left:0}
.customer ul{font-size:12px}
.customer ul strong{display:inline-block;margin-right:7px;vertical-align:middle}

/* 게시판 상세 */
.boardContents .postSubject{height:42px;line-height:42px;border-top:2px solid #666;border-bottom:1px solid #666;overflow:hidden}
.boardContents .postSubject h3{float:left;padding-left:20px;margin:0;font-size:15px;color:#333}
.boardContents .postSubject p{float:right;text-align:right;padding-right:28px}
.boardContents .postSubject p span{display:inline-block;vertical-align:middle}
.boardContents .postSubject p span:after{display:inline-block;content:' ';vertical-align:middle;width:1px;height:11px;background:#c4c4c4;margin:auto 13px}
.boardContents .post{padding:29px 22px;min-height:250px;color:#555;line-height:22px;font-size:13px;border-bottom:1px solid #d1d1d1}
.boardContents .postNav{margin-top:50px;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}
.boardContents .postNav>p{height:43px;line-height:43px}
.boardContents .postNav>p>span{display:inline-block;width:122px;height:43px;text-indent:33px;background:url(../images/common/ico_board_arr_p.gif) 82px 18px no-repeat}
.boardContents .postNav>p:first-child{border-bottom:1px solid #d6d6d6}
.boardContents .postNav>p:first-child>span{background-image:url(../images/common/ico_board_arr_n.gif)}
.boardContents .postNav>p a:hover{text-decoration:underline}

/* sitemap */
.sitemap{overflow:hidden;margin-bottom:30px}
.sitemap .row{padding:35px 0 80px}
.sitemap .fl{margin-left:68px;width:260px}
.sitemap .fl:first-child{margin-left:28px}
.sitemap .titleBox{float:left;width:122px;height:124px;line-height:122px;text-align:center;font-size:19px;color:#fff;border-radius:50%}
.sitemap .titleBox.bgBlue{background:#6593de}
.sitemap .titleBox.bgGreen{background:#4db3a6}
.sitemap .titleBox.bgMint{background:#2eaeda}
.sitemap ul{width:115px;height:300px;float:right}
.sitemap ul>li{line-height:28px;padding-left:2px}
.sitemap ul>li a{color:#5f5f5f;font-size:13px}
.sitemap ul>li.title{padding:45px 0 7px 2px;margin-bottom:20px;font-size:19px;font-weight:bold;color:#333;border-bottom:1px solid #a2b8de}
.sitemap ul>li.title:before{display:none}
.sitemap ul>li:before{display:inline-block;content:' ';position:relative;top:-2px;width:3px;height:1px;vertical-align:middle;background:#5f5f5f;margin-right:5px}
.sitemap ul>li>a:hover{text-decoration:underline}

/* Main */
#MainContentsWp{position:relative;width:1200px;margin:0 auto}

/* 20170117 추가 */
.tabs{position:relative;overflow:hidden;margin-bottom:1px}
.tabs:after{display:block;content:' ';position:absolute;bottom:0;width:100%;height:1px;background:#39abd0;z-index:0}
.tabs a{display:inline-block;float:left;position:relative;width:86px;height:29px;line-height:29px;margin-right:1px;border:1px solid #2490b4;border-bottom:none;background:#39abd0;color:#fff;text-align:center;font-family:NanumGothicCodingBold;vertical-align:top;z-index:1}
.tabs a.on{width:84px;height:28px;border:2px solid #2490b4;border-bottom:none;background:#fff;color:#0087a6}
/*
.tabs{position:relative;overflow:hidden;margin-bottom:1px}
.tabs:after{display:block;content:' ';position:absolute;bottom:0;width:100%;height:1px;background:#39abd0;z-index:0}
.tabs a{display:inline-block;float:left;position:relative;width:84px;height:29px;margin-right:1px;line-height:29px;border:2px solid #2490b4;border-bottom:none;background:#fff;color:#0087a6;text-align:center;font-family:NanumGothicCodingBold;vertical-align:top;z-index:1}
.tabs a.on{width:86px;height:29px;border:1px solid #2490b4;border-bottom:none;background:#39abd0;color:#fff}
*/
.workList{margin-top:6px}
.workList li{overflow:hidden;padding:15px 0;border-bottom:1px solid #ececec}
.workList li>div{float:left;width:450px;padding-left:30px}
.workList li>div>strong{font-weight:normal;font-size:18px;color:#000}
.workList li>div>p{padding-top:7px;font-size:12px;color:#888}