/*
font-family: 'Lato', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Kanit', sans-serif;
*/
.w100p { width:100% !important; float:none !important;}


img { width:auto; max-width:100%; }
#subContents { padding-top:100px; }
#subContents > article { margin-bottom:154px;}
#subContents > article.mb_0 { margin-bottom:0 !important}
#sv { height:570px; background-size:cover !important;}
#sv .txt { font-size:40px; font-weight:700; color:#fff; position:relative; top:50%; text-align:center; text-shadow:0 0 5px rgba(0,0,0,0.3);
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#sv .txt span { font-size:20px; display:block; font-family: 'Montserrat', sans-serif; margin-top:8px; font-weight:400;}
.sv1 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv2 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv3 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv4 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv5 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv6 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv7 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv8 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv9 { background:url("/img/sub/sv01.jpg") no-repeat center top;}
.sv10 { background:url("/img/sub/sv01.jpg") no-repeat center top;}


/* lnb */
#lnb { background:rgba(0,0,0,0.85); margin-top:-60px;}
#lnb ul { text-align:center; font-size:0; letter-spacing:-4px; border:1px solid rgba(255,255,255,0.3); border-top:none; border-bottom:none;}
#lnb ul li { display:inline-block; letter-spacing:-0.5px; font-size:18px; border-right:1px solid rgba(255,255,255,0.3); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; /* max-width:12.5%; */}
#lnb ul li:last-child { border:none;}
#lnb ul li a { display:block; text-align:center; color:#fff; height:60px; line-height:60px; font-weight:300; font-size:15px;}
#lnb_d3 ul li.on a,
#lnb ul li.on a { background:#004c98; }
#lnb .depth3 { display:none;}

#lnb_d3 { margin-top:5px;}
#lnb_d3 ul { overflow:hidden;}
#lnb_d3 ul li { display:table; float:left; width:20%;}
#lnb_d3 ul li a { display:table-cell; vertical-align:middle; background:#262626; color:#fff; height:60px; text-align:center;}


/* 페이지 타이틀*/
.pageTit { margin-bottom:0; margin-bottom:100px;}




/* 컬러 */
.blue_colo { color:#004c98;}


/************************************************************************************
	기업정보
************************************************************************************/


/* 인사말 */
#greeting {}
#greeting .top {}
#greeting .top ul { text-align:center; font-size:0; letter-spacing:-4px;}
#greeting .top ul li { display:inline-block; vertical-align:top; border-radius:50%; color:#fff; letter-spacing:-0.5px; font-size:16px; width:280px; height:280px; padding-top:36px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:7.64285714286%;}
#greeting .top ul li:last-child { margin:0; }
#greeting .top ul li .num {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:20px; border-bottom:2px solid #fff; padding-bottom:10px; display:inline-block;}
#greeting .top ul li .txt { padding-top:98px; margin-top:22px;}
#greeting .top ul li .txt p { font-size:24px; }
#greeting .top ul li .txt span { font-size:18px; font-family: 'Montserrat', sans-serif; font-weight:700; display:block; margin-top:5px;}
#greeting .top ul li:nth-child(1) {background:#004c98;}
#greeting .top ul li:nth-child(2) {background:#5babc9;}
#greeting .top ul li:nth-child(3) {background:#347ec8;}
#greeting .top ul li:nth-child(1) .txt { background:url("/img/sub/greeting_icon01.png") no-repeat center top;}
#greeting .top ul li:nth-child(2) .txt { background:url("/img/sub/greeting_icon02.png") no-repeat center top;}
#greeting .top ul li:nth-child(3) .txt { background:url("/img/sub/greeting_icon03.png") no-repeat center top;}

#greeting .txt_wrap { background:url("/img/sub/greeting_bg.jpg") no-repeat center top; background-size:cover; line-height:1.4; text-align:center; padding:218px 0 126px; margin-top:-110px;}
#greeting .txt_wrap .tit { font-weight:300; color:#fff; text-align:center; position:relative; display:inline-block;}
#greeting .txt_wrap .tit p { font-size:30px;}
#greeting .txt_wrap .tit span { font-family: 'Montserrat', sans-serif; font-weight:600; opacity:0.6;}

#greeting .txt_wrap .tit:before,
#greeting .txt_wrap .tit:after { content:""; width:49px; height:43px; display:block; position:absolute; top:0; }
#greeting .txt_wrap .tit:before { background:url("/img/sub/quot_left.png") no-repeat; left:-53px;}
#greeting .txt_wrap .tit:after { background:url("/img/sub/quot_right.png") no-repeat; right:-53px;}

#greeting .txt_wrap .txt_box { background:rgba(255,255,255,0.9); margin-top:74px; padding:68px 5.57142857143%;}
#greeting .txt_wrap .txt_box .img { width:268px;}
#greeting .txt_wrap .txt_box .img img { width:auto; max-width:268px;}
#greeting .txt_wrap .txt_box .txt { font-size:18px; line-height:1.667em; text-align:left; padding:0 0 0 4.85714285714%; 
width:calc(100% - 268px);
width:-webkit-calc(100% - 268px);
width:-moz-calc(100% - 268px);
}
#greeting .txt_wrap .txt_box .img,
#greeting .txt_wrap .txt_box .txt { float:left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
#greeting .txt_wrap .txt_box .txt p { margin-bottom:30px; }
#greeting .txt_wrap .txt_box .txt p:last-child { margin:0; }
#greeting .txt_wrap .txt_box .txt .ceo { text-align:right; float:right;}
#greeting .txt_wrap .txt_box .txt .ceo > div { float:left;}
#greeting .txt_wrap .txt_box .txt .ceo .name { margin-right:13px; }
#greeting .txt_wrap .txt_box .txt .ceo .name span { font-weight:500; color:#004c98;}
#greeting .txt_wrap .txt_box .txt .ceo .name p { color:#222;}
#greeting .txt_wrap .txt_box .txt .ceo .name p strong { font-size:22px; font-weight:400;}


/* 조직도 */
#org { text-align:center;}



/* 기업 개요*/
#summary {}
#summary .top {background:url("/img/sub/summary_bg.jpg") no-repeat center top; background-size:100%; padding-top:70px; background-size:cover;}
#summary .top  > div > div {padding:0 4.85714285714%;}
#summary .top .list {  text-align:center; color:#fff; }
#summary .top .list ul {}
#summary .top .list ul li { float:left; width:24.92088607595%;  border:15px solid rgba(255,255,255,0.8); border-radius:160px; height:570px; padding-top:88px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:12.61867088608%; position:relative;  background:rgba(0,0,0,0.4);}
#summary .top .list ul li:before { content:url("/img/sub/dots_line.png"); position:absolute; left:50%; top:-42px; margin-left:-7px; }

#summary .top .list ul li:last-child { margin:0;}
#summary .top .list ul li .num { font-family: 'Montserrat', sans-serif; font-size:36px; color:#fff; font-weight:700; border-bottom:1px solid #fff; display:inline-block; padding:0 0 30px 0;}
#summary .top .list ul li .txt { margin-top:48px;}
#summary .top .list ul li .txt dl { }
#summary .top .list ul li .txt dl dt { }
#summary .top .list ul li .txt dl dt p { font-size:26px; font-weight:700;}
#summary .top .list ul li .txt dl dt span { font-size:20px; opacity:0.6; display:block; margin-top:12px;}
#summary .top .list ul li .txt dl dd  { font-size:18px; line-height:1.667em; margin-top:48px; padding:0 15px;}
#summary .top .list ul li .txt dl dd:before { content:""; width:38px; height:1px; background:#fff; display:block; margin:0 auto 48px;}
#summary .top .info { background:#fff; margin-top:90px;}
#summary .top .info .table_s1 { padding:70px 0;}



.table_s1 {}
.table_s1 th { background:#e5edf4; font-weight:500; color:#004c98; }
.table_s1 tr:first-child th { border-top:2px solid #004c98;}
.table_s1 tr:first-child td { border-top:2px solid #b2b2b2;}
.table_s1 th,
.table_s1 td { border-bottom:1px solid #c3cbd2; font-size:20px; padding:25px 0 25px 4.35126582278%; text-align:left; line-height:1.4;}
.table_s1 td { background:#fff;  font-weight:300;}
.table_s1 td > div { margin-bottom:46px;}
.table_s1 td > div:last-child { margin:0;}



/* 연혁 */
#history {}
#history .top { background:url("/img/sub/history_bg.jpg") no-repeat; background-size:cover; padding:88px 0;}
.tab_tit { text-align:center; font-size:33px; color:#fff; margin-top:98px;}

.tab_s1 {}
.tab_s1 > button { display:none;}
.tab_s1 ul { padding:0 3.57142857143%;}
.tab_s1 ul li { float:left; width:31.15384615385%; margin-right:3.26923076923%;}
.tab_s1 ul li:last-child { margin:0; }
.tab_s1 ul li button { background:none; border:1px solid #fff; width:100%; color:#fff; font-size:20px; height:70px;}
.tab_s1 ul li.on button { background:#004c98; border:none;}


#history .list { }
#history .list ul { padding:90px 0 135px;}
#history .list ul:after { content:""; width:1px; height:100%; background:#bebebe; display:block; position:absolute; left:50%; top:-55px;}
#history .list ul li { overflow:hidden; margin-bottom:80px;}
#history .list ul li:last-child { margin:0; }
#history .list ul li dl { width:50%; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#history .list ul li dl:after { position:absolute; top:8px; background:#fff; z-index:10;}
#history .list ul li dl dt { font-size:40px; color:#333;font-family: 'Montserrat', sans-serif;  font-weight:700;}
#history .list ul li dl dd { font-weight:300; line-height:1.4; margin-top:18px;}
#history .list ul li dl dd p { margin-bottom:8px; position:relative;}
#history .list ul li dl dd p:last-child { margin:0; }
#history .list ul li dl dd p:after { content:"-"; position:absolute; top:0;}


#history .list ul li:nth-child(odd) dl { float:right; padding:0 0 0 50px;}
#history .list ul li:nth-child(odd) dl:after { content:url("/img/sub/dots_left.png"); left:-10px;}
#history .list ul li:nth-child(odd) dl dd p { padding:0 0 0 10px;}
#history .list ul li:nth-child(odd) dl dd p:after { left:0;}

#history .list ul li:nth-child(even) { text-align:right;}
#history .list ul li:nth-child(even) dl:after { content:url("/img/sub/dots_right.png");  right:-10px;}
#history .list ul li:nth-child(even) dl { padding:0 50px 0 0;}
#history .list ul li:nth-child(even) dl dd p { padding:0 10px 0 0;}
#history .list ul li:nth-child(even) dl dd p:after { right:0;}

.tab_con .con { display:none;}
.tab_con .con:first-child { display:block;  }



/* 면허/인증 */
#certification {}
#certification .list {}
#certification .list ul {font-size:0;}
#certification .list ul li {display:inline-block; vertical-align: top; /* float:left;  */width:22.28571428571%;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:3.61904761905%; margin-bottom:70px;}
#certification .list ul li:nth-child(4n) { margin-right:0;}
#certification .list ul li a { display:block;}
#certification .list ul li .img { text-align:center; border:1px solid #d2d2d2; overflow:hidden;}
#certification .list ul li .img img {}
#certification .list ul li .txt { line-height:1.4; text-align:center; margin-top:24px;}
#certification .list ul li .txt span { font-size:20px; color:#333; font-weight:500;}
#certification .list ul li .txt p { font-size:18px;}

/* 250113 */
#certification .tab_s2{ margin-bottom: 60px; }


#popup_wrap { position:fixed; background:rgba(0,0,0,0.3);  left:0; top:0; width:100%; height:100%; opacity:0;  z-index:-1;
transform:scale(0.5);
-moz-transform:scale(0.5);
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
-ms-transform:scale(0.5);
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#popup_wrap .img_box { display:inline-block; position:absolute; left:50%; top:50%; box-shadow:20px 20px 28px rgba(0,0,0,0.3);
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}

#popup_wrap .img_box .close_btn { position:absolute; right:-17px; top:-17px;}
#popup_wrap .img_box .close_btn button { width:36px; height:36px; background:url("/img/sub/close_btn.png") no-repeat center; border:none;}

#popup_wrap.on { opacity:1;  z-index:99999;
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}


/* 코윈테크 강점 */
.tit_s3 { color:#333; overflow:hidden; margin-bottom:50px;}
.tit_s3 .num { font-size:55px; font-family: 'Montserrat', sans-serif; font-weight:300; width:77px;}
.tit_s3 .txt { font-weight:500; line-height:1.2; position:relative; padding:0 0 0 20px;}
.tit_s3 .txt:before { content:""; width:1px; height:44px; background:#858585; position:absolute;  left:0; top:50%; margin-top:-22px;}
.tit_s3 .txt span { font-family: 'Montserrat', sans-serif; }
.tit_s3 .txt p { font-size:26px;}
.tit_s3 > div { float:left;}

.pd_60 { padding:0 3.15291644771% !important;} 
#strength .con1 .list { }
#strength .con1 .list ul {  position:relative; }
#strength .con1 .list ul:before { content:""; width:100%; height:1px; background:#d8e4ef; display:block; position:absolute; left:0; top:50%; z-index:-1;}
#strength .con1 .list ul li { float:left; width:318px; height:318px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #d8e4ef; border-radius:50%; margin-right:153px; padding:15px;  text-align:center; background:#fff;}
#strength .con1 .list ul li:last-child { margin:0; }
#strength .con1 .list ul li .txt { background:url("/img/sub/pattern_bg01.jpg") no-repeat; background-size:cover; width:100%; height:100%;  border-radius:50%; overflow:hidden; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#strength .con1 .list ul li .txt dd:before,
#strength .con1 .list ul li .txt dd:after { content:""; width:30px; height:1px; background:#333; display:block;}
#strength .con1 .list ul li .txt dd:before { margin:0 auto 24px;}
#strength .con1 .list ul li .txt dd:after { margin:24px auto 0;}
#pop_wrap { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:99999; display:none; }
#pop_wrap .img { max-width:682px;  margin:0 auto; height:90%; text-align:center; position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#pop_wrap .img img { max-height: 100%;}
#pop_wrap .pop_close { background:#fff; position:absolute; right:0; top:-30px; padding:5px;}
#pop_wrap .pop_close button { width: 28px; height: 21px; background: url("/img/common/menu_close.png") no-repeat center; border: none; }
 

#strength .con1 .list ul li dl { background:#fff; width:100%; height:100%; border-radius:50%; background:#fff;  color:#333; padding-top:42px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#strength .con1 .list ul li dl dt { font-size:30px; font-family: 'Montserrat', sans-serif; font-weight:700;}
#strength .con1 .list ul li dl dd { font-size:17px; line-height:1.444em; margin-top:12px; padding:0 10px;}
#strength .con2 { margin:96px 0 40px;}

#strength .con3 { background:url("/img/sub/strength_bg.jpg") no-repeat; background-size:cover; padding:100px 0;} 
#strength .con3 > div { font-size:0; letter-spacing:-4px;}
#strength .con3 .tit_s3,
#strength .con3 .info { display:inline-block; vertical-align:middle;  letter-spacing:-0.5px; font-size:20px;}
#strength .con3 .tit_s3 { width:34.53125%;}
#strength .con3 .info { width:65.46875%; }
#strength .con3 .info > div { float:left; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#strength .con3 .info .step { width:64.200477326975%; padding:0 0 0 11.93317422434%;}
#strength .con3 .info .step ul { position:relative;} 
#strength .con3 .info .step ul:after { content:""; width:1px; height:100%; background:#004c98; display:block; position:absolute; left:27px; top:0;}
#strength .con3 .info .step ul li { overflow:hidden; margin-bottom:17px; }
#strength .con3 .info .step ul li:last-child { margin:0; }
#strength .con3 .info .step ul li span { display:block; width:55px; height:55px; border-radius:50%; border:1px solid #004c98;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:53px; text-align:center; font-size:26px; color:#004c98; font-weight:500; font-family: 'Montserrat', sans-serif; margin-right:20px; background:#dde9f2; position:relative; z-index:10;}
#strength .con3 .info .step ul li p { margin-top:16px;}
#strength .con3 .info .step ul li span,
#strength .con3 .info .step ul li p { float:left;}
#strength .con3 .info .step ul li:nth-child(3) p{color:#f00; font-weight:700;}
#strength .con3 .info .img { width:35.79952267303%; }
#strength .con3 .info .img { box-shadow:6px 6px 11px rgba(0,0,0,0.2); }
#strength .con3 .info .img img { max-width:300px;}


/* 오시는 길*/
#location {}
#location > div { margin-bottom:100px; overflow:hidden; font-size:0; letter-spacing:-4px;}
#location > div:last-child { margin:0; }
#location .info { width:42.85714285714%; padding-top:160px;}
#location .map_wrap { width:57.14285714286%; }
#location .info,
#location .map_wrap { float:left; letter-spacing:-0.5px;}
#location .map_wrap > div { width:100% !important;}
#location .map_wrap > div .wrap_map,
#location .map_wrap iframe{  height:515px !important;}
#location > div:nth-child(2n) .info { text-align:right;}
#location > div:nth-child(2n) .info,
#location > div:nth-child(2n) .map_wrap { float:right;}




#location .info .txt .tel_info { }
#location .info .txt .tel_info ul { }

.map_common .area_txt .tel_info ul li { display:inline-block; margin-right:36px; }
.map_common .area_txt .tel_info ul li:last-child { margin:0; }
.map_common .area_txt { font-size:18px;}
.map_common .area_txt > div { border-bottom:1px solid #ccc; padding:20px 0;}
.map_common .area_txt > div:last-child { border:none; }

.map_common .tit { color:#004c98; font-weight:500; line-height:1.4;}
.map_common .tit span { font-family: 'Montserrat', sans-serif; font-size:16px;} 
.map_common .tit p { font-size:26px;}
.map_common .area_txt .addr p,
.map_common .area_txt .tel_info ul li { position:relative; padding-left:46px; display:inline-block; line-height:1.3;}
.map_common .area_txt .addr p:before { content:url("/img/sub/address_icon.png");}
.map_common .area_txt .tel:before { content:url("/img/sub/tel_icon.png");}
.map_common .area_txt .fax:before { content:url("/img/sub/fax_icon.png");}

.map_common .area_txt .addr p:before,
.map_common .area_txt .tel:before,
.map_common .area_txt .fax:before { position:absolute; left:0; top:-5px; }




/************************************************************************************
	사업영역
************************************************************************************/


/* 주요사업영역 */

#main_busi { }
#main_busi .list { }
#main_busi .list ul { }
#main_busi .list ul li {  overflow:hidden; position:relative; margin-bottom:100px;}
#main_busi .list ul li > div { }
#main_busi .list ul li .img { position:absolute; width:52.85714285714%;}
#main_busi .list ul li .txt { border:1px solid #99b7d6; width:52.85714285714%; max-width:740px;height:435px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:70px; padding:0 0 0 10.71428571429%;}
#main_busi .list ul li .txt dl { position:relative; top:50%; line-height:1.4; padding-top:88px;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#main_busi .list ul li .txt dl dt { color:#004c98; font-weight:500;}
#main_busi .list ul li .txt dl dt span { font-family: 'Montserrat', sans-serif;}
#main_busi .list ul li .txt dl dt p { font-size:26px; }
#main_busi .list ul li .txt dl dd { font-size:18px; color:#333;  margin-top:40px;}
#main_busi .list ul li .txt dl dd p { margin-bottom:3px;}
#main_busi .list ul li:nth-child(odd) .txt { float:right; }
#main_busi .list ul li:nth-child(even) .txt { padding:0 0 0 90px;}
#main_busi .list ul li:nth-child(odd) .img { left:0;}
#main_busi .list ul li:nth-child(even) .img { right:0;}
#main_busi .list ul li:nth-child(1) .txt dl { background:url("/img/sub/main_busi_icon01.png") no-repeat left top;}
#main_busi .list ul li:nth-child(2) .txt dl { background:url("/img/sub/main_busi_icon02.png") no-repeat left top;}
#main_busi .list ul li:nth-child(3) .txt dl { background:url("/img/sub/main_busi_icon03.png") no-repeat left top;}
#main_busi .list ul li:nth-child(4) .txt dl { background:url("/img/sub/main_busi_icon04.png") no-repeat left top;}

/* 업무프로세스  */
#process {}
#process .info { margin-top:90px;}
#process .info ul { }
#process .info ul li { float:left; width:48.28571428571%;  background:#f2f4f6; height:234px; border-radius:110px;  overflow:hidden; padding:32px 22px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:3.42857142857%;}
#process .info ul li:last-child { margin:0;}
#process .info ul li .img { width:171px; height:182px;}
#process .info ul li .txt { padding:0 0 0 28px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
width:calc(100% - 171px);
width:-webkit-calc(100% - 171px);
width:-moz-calc(100% - 171px);
}
#process .info ul li .txt dl { line-height:1.4;}
#process .info ul li .txt dl dt { font-weight:500; color:#004c98;}
#process .info ul li .txt dl dt span { font-family: 'Montserrat', sans-serif;}
#process .info ul li .txt dl dt p { font-size:26px; }
#process .info ul li .txt dl dd { overflow:hidden; margin-top:26px;}
#process .info ul li .txt dl dd p { position:relative; padding:0 0 0 14px; float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:3px;}
#process .info ul li .txt dl dd p:last-child { margin:0; }
#process .info ul li .txt dl dd p:before { content:""; width:6px; height:6px; background:#333; display:block; border-radius:50%; position:absolute; left:0; top:6px;}

.block p { display:block !important; width:100% !important;}

#process .info ul li > div { float:left; }



/************************************************************************************
	제품소개
************************************************************************************/


.bg_color1 { background:#e5edf4;}

.tit_s4 {  padding-top:13px; width:274px; padding-left:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tit_s4 .num { width:39px; height:39px; background:#004c98; display:block; color:#fff; font-size:40px;  font-family: 'Montserrat', sans-serif; border-radius:50%; font-weight:700; text-align:center;}
.tit_s4 .num span {display:block;
transform:translateY(5px); 
-moz-transform:translateY(5px); 
-webkit-transform:translateY(5px); 
-o-transform:translateY(5px); 
-ms-transform:translateY(5px); 
}


.tit_s4 p { font-weight:500; color:#333; font-size:26px;}
.tit_s4 .num { margin-right:13px;}
.tit_s4 .num,
.tit_s4 p { display:inline-block; vertical-align:middle;}



.list_s1 {}
.list_s1 > div { padding:100px 0;}
.list_s1 > div:first-child { padding:0 0 100px 0;}
.list_s1 .tit_s4 {}
.list_s1 .info {}
.tit_s4,
.list_s1 .info { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:3px solid #004c98;}
.list_s1 .info > div { border-bottom:1px solid #d7d7d7; padding-bottom:27px;}
.list_s1 .info { margin-left:56px;  
width:calc(100% - 330px);
width:-moz-calc(100% - 330px);
width:-webkit-calc(100% - 330px);
}
.list_s1 .info > div:last-child { border:0; padding:0;}
.list_s1 .info > div.fl_l { float:left; width:50%; border-bottom:1px solid #d7d7d7 !important; min-height:394px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tit_s5 { position:relative; padding-top:40px; margin-bottom:30px; margin-top:38px;}
.tit_s5 span {  font-family: 'Kanit', sans-serif; color:rgba(0,76,152,0.22); font-weight:600; font-size:100px; position:absolute; left:0; top:-15px;}
.tit_s5 p { font-size:24px; color:#004c98; font-weight:500;}
.list_s1 .info .img_group { margin:3px 0 24px;}
.list_s1 .info .img_group ul {}
.list_s1 .info .img_group ul li { float:left; margin-right:0.93457943925%; max-width:32.71028037383%;}
.list_s1 .info .img_group ul li:last-child { margin:0; }
.list_s1 .info .txt_box { }
.list_s1 .info .txt_box p { position:relative; padding:0 0 0 16px; line-height:1.4; margin-bottom:6px;}
.list_s1 .info .txt_box p:last-child { margin:0; }
.list_s1 .info .txt_box p:before { content:""; width:6px; height:6px; border-radius:50%; background:#555; display:block; position:absolute; left:0; top:8px;}




/* 유지보수 사업*/ 

#maintenance {}
#maintenance .step {}
#maintenance .step ul { text-align:center; color:#fff;}
#maintenance .step ul li { float:left; width:280px; height:280px; border-radius:50%; float:left;  margin-right:6.66666666667%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
#maintenance .step ul li:last-child { margin:0; }
#maintenance .step ul li:nth-child(odd) { background:#004c98;}
#maintenance .step ul li:nth-child(even) { background:#5babc9;}
#maintenance .step ul li .num { font-family: 'Montserrat', sans-serif; font-weight:700;  border-bottom:2px solid #fff; display:inline-block; padding-bottom:10px; position:absolute; left:50%; top:34px; z-index:10;
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
}
#maintenance .step ul li .txt { position:relative; top:50%; font-size:22px; line-height:1.2; margin-top:10px;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);


}

#maintenance .con { border-bottom:1px solid #d7d7d7; padding:60px 0;}
#maintenance .con:last-child { border:none;}
#maintenance .con .radius_box { background:#f2f4f6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  height:234px; border-radius:126px; padding:22px; font-size:0; letter-spacing:-4px; margin-bottom:50px;}
#maintenance .con .radius_box:nth-child(2) { padding:35px 22px; height:auto;}
#maintenance .con .radius_box:last-child { margin:0; }
#maintenance .con .radius_box .tit_s5 span { font-size:60px; top:0;}
#maintenance .con .radius_box div { display:inline-block; vertical-align:middle; font-size:16px; letter-spacing:-0.5px;}
#maintenance .con .radius_box div:nth-child(1) { width:192px;}
#maintenance .con .radius_box div:nth-child(2) { width:35%; margin:0 0 0 5%;}
#maintenance .con .radius_box div:nth-child(3) { 
width:calc(100% - 192px - 35% - 5%);
width:-moz-calc(100% - 192px - 35% - 5%);
width:-webkit-calc(100% - 192px - 35% - 5%);
}
#maintenance .con .radius_box div.img3 { padding:20px 0 0 295px; }
#maintenance .con .radius_box div.img4 { padding:20px 0 0 20px; }

#maintenance .con .radius_box .txt { line-height:1.4;}
#maintenance .con .radius_box .txt p { font-size:18px; position:relative; padding:0 0 0 14px;}
#maintenance .con .radius_box .txt p:before { content:""; width:6px; height:6px; background:#333; border-radius:50%; display:block; position:absolute; left:0; top:6px;}

/* 전용장비 추가 220705 b*/
#dedicated .tit_s4 p {line-height: 1.5; vertical-align: text-top;}
#dedicated .con .list:not(:last-child) {margin-bottom: 100px;}
#dedicated .list_s1 .info .img_group {margin-top: 40px;}
#dedicated .list_s1 .info .img_group ul {display: flex; flex-wrap: wrap; gap: 12px 8px;}
#dedicated .list_s1 .info .img_group ul li {width: calc(33.3333% - 6px); margin-right: 0;}
#dedicated .list_s1 .info .txt_box h4 {color: #555; font-size: 24px; font-weight: 500; line-height: 1.4; margin-bottom: 20px;}



/************************************************************************************
	제품소개
************************************************************************************/

/* 윤리강령 */
#operation {}
#operation .top { background:url("/img/sub/operation_top_img.jpg") no-repeat center; background-size:cover; height:504px;}
#operation .top_txt { width:768px; height:438px; color:#fff; font-size:18px; line-height:1.6; padding:0 60px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:-186px;  position:relative; box-shadow:22px 22px 16px rgba(0,0,0,0.3); margin-bottom:100px;} 
#operation .top_txt .bg { position:absolute; width:100%; height:100%; opacity:0.9; left:0; top:0;
background: #004c98; 
background: -moz-linear-gradient(135deg, #004c98, #911e23); 
background: -webkit-linear-gradient(135deg, #004c98, #911e23); 
background: linear-gradient(135deg, #004c98, #911e23); 
}

#operation .top_txt .txt { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#operation .top_txt strong { font-size:24px; font-weight:500; display:block; margin-top:20px;}
#operation .con { margin-bottom:200px; position:relative; }
#operation .con:last-child { margin:0;}
#operation .con:after { content:""; display:block; clear:both;}
#operation .con .txt { background:#f7f7f7; width:712px; margin-top:82px; padding:76px 56px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  top:0; position:absolute;}
#operation .con .txt .num { font-family: 'Montserrat', sans-serif; font-weight:300; font-size:55px; border-right:1px solid #818181; margin-right:18px; padding:0 30px 0 0;}
#operation .con .txt .tit {color:#333; overflow:hidden;} 
#operation .con .txt .tit p { font-size:26px; font-weight:500; line-height:1.2;}
#operation .con .txt .tit p span { display:block; font-size:16px; font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
#operation .con .txt .tit .num,
#operation .con .txt .tit p { float:left;}
#operation .con .txt ul { margin-top:70px;}
#operation .con .txt ul li { font-size:18px; line-height:1.667em; margin-bottom:20px; position:relative;}
#operation .con .txt ul li:last-child { margin:0; }
#operation .con .img {  }

#operation .con .txt ul li:before { display:block; position:absolute; width:30px; height:30px; background:#004c98;  color:#fff; border-radius:50%; line-height:30px; font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center; font-size:15px !important; left:-70px;}
#operation .con .txt ul li:after { content:""; width:26px; height:1px; background:#004c98; display:block; position:absolute; left:-40px; position:absolute; top:15px;}
#operation .con .txt ul li:nth-child(1):before { content:"01"}
#operation .con .txt ul li:nth-child(2):before { content:"02"}
#operation .con .txt ul li:nth-child(3):before { content:"03"}
#operation .con .txt ul li:nth-child(4):before { content:"04"}
#operation .con .txt ul li:nth-child(5):before { content:"05"}
#operation .con .txt ul li:nth-child(6):before { content:"06"}
#operation .con .txt ul li:nth-child(7):before { content:"07"}
#operation .con .txt ul li:nth-child(8):before { content:"08"}
#operation .con .txt ul li:nth-child(9):before { content:"09"}
#operation .con .txt ul li:nth-child(10):before { content:"10"}

#operation .con:nth-child(odd) .img { float:right;}
#operation .con:nth-child(odd) .txt { left:0;}
#operation .con:nth-child(even) .txt { right:0; }




/* 지침 */


.guideline_wrap { line-height:1.4;}
.guideline_wrap .con { margin-bottom:48px; position:relative;}
.guideline_wrap .con:after { content:""; display:block; clear:both;}
.guideline_wrap .con > div { float:left;}
.guideline_wrap .con:last-child { margin:0;}
.guideline_wrap .txt_box { 
width:calc(100% - 400px);
width:-webkit-calc(100% - 400px);
width:-moz-calc(100% - 400px);
}
.guideline_wrap .txt_box .txt { padding-left:8px; margin-top:10px;}
.guideline_wrap .txt_box .default { }
.guideline_wrap .txt_box .order { }
.guideline_wrap .txt_box .order li { position:relative; padding:0 0 0 26px; margin-bottom:20px;}
.guideline_wrap .txt_box .order li:last-child { margin-bottom:0;}
.guideline_wrap .txt_box .order li em { font-size:13px;}
.guideline_wrap .txt_box .order li:before { position:absolute; left:0; font-weight:700; color:#333;  top:0;}
.guideline_wrap .txt_box .order li:nth-child(1):before { content:"01"}
.guideline_wrap .txt_box .order li:nth-child(2):before { content:"02"}
.guideline_wrap .txt_box .order li:nth-child(3):before { content:"03"}
.guideline_wrap .txt_box .order li:nth-child(4):before { content:"04"}
.guideline_wrap .txt_box .order li:nth-child(5):before { content:"05"}
.guideline_wrap .txt_box .order li:nth-child(6):before { content:"06"}
.guideline_wrap .txt_box .order li:nth-child(7):before { content:"07"}
.guideline_wrap .txt_box .order li:nth-child(8):before { content:"08"}
.guideline_wrap .txt_box .order li:nth-child(9):before { content:"09"}
.guideline_wrap .txt_box .order li:nth-child(10):before { content:"10"}
.guideline_wrap .img { width:400px; position:absolute; right:0; top:0; text-align:right;}
.guideline_wrap .img p { margin-bottom:20px;}
.guideline_wrap .img p:last-child { margin:0;}
.guideline_wrap .line_left { padding-left:50px; margin-top:10px;}
.guideline_wrap .sub_tit_s6 { margin-bottom:48px;}
.guideline_wrap .sub_tit_s6:last-child { margin:0; }
.guideline_wrap .txt_box .sub_tit_s6 .default { margin-bottom:30px; margin-top:10px;}
.guideline_wrap .num_li { padding-left:7px; margin-top:13px;}


.tit_s6 {  color:#333; overflow:hidden;}
.tit_s6 .num { font-family: 'Montserrat', sans-serif; font-size:300px; font-size:36px;  padding-right:20px; margin-right:20px; position:relative;}
.tit_s6 .num:after { content:""; width:1px; height:44px; background:#858585; display:block; position:absolute; right:0; top:50%; margin-top:-22px;}

.tit_s6 p { font-size:26px; font-weight:500; margin-top:5px;}
.tit_s6 .num,
.tit_s6 p  { float:left;}



/************************************************************************************
	인재채용
************************************************************************************/

/* 인재상 */

#talent {}
#talent .bg { height:577px; background:url("/img/sub/benefits_bg.jpg") no-repeat center top; background-size:cover;}
#talent .bg .tit { text-align:center; color:#fff; line-height:1.4; padding-top:160px;}
#talent .bg .tit span { font-family: 'Montserrat', sans-serif; font-weight:700;}
#talent .bg .tit p { font-size:40px; } 
#talent .info { margin-top:-220px;}
#talent .info ul { padding:63px 34px; background:url("/img/sub/talent_line.png") no-repeat 34px top;}
#talent .info ul li { float:left; width:482px; margin-right:-58px;}
#talent .info ul li:last-child { margin:0;}
#talent .info ul li .circle { width:314px; height:314px; color:#fff; text-align:center; border-radius:50%; padding-top:50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto; position:relative;}
#talent .info ul li .circle .num { font-family: 'Montserrat', sans-serif; font-weight:700; display:inline-block; border-bottom:2px solid #fff; padding-bottom:10px; font-size:20px;}
#talent .info ul li .circle dl { line-height:1.3; padding-top:95px; margin-top:28px;}
#talent .info ul li .circle dl dt { font-size:24px;}
#talent .info ul li .circle dl dd { font-size:18px; font-family: 'Montserrat', sans-serif;  font-weight:700;}
#talent .info ul li:nth-child(1) .circle { background:#5babc9;}
#talent .info ul li:nth-child(2) .circle { background:#004c98;}
#talent .info ul li:nth-child(3) .circle { background:#347ec8;}

#talent .info ul li:nth-child(1) .circle:after { content:url("/img/sub/dots_line_1.png");}
#talent .info ul li:nth-child(2) .circle:after { content:url("/img/sub/dots_line_2.png");}
#talent .info ul li:nth-child(3) .circle:after { content:url("/img/sub/dots_line_3.png");}
#talent .info ul li .circle:after { position:absolute; bottom:-117px; left:50%; margin-left:-12px;}
#talent .info ul li .txt_box { width:100%; height:234px; border-radius:126px; margin-top:104px; text-align:center; padding-top:58px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#talent .info ul li .txt_box .txt { font-size:18px; color:#333; line-height:1.4; margin-top:26px; }
#talent .info ul li .txt_box  > div { display:inline-block;  text-align:left; }

#talent .info ul li:nth-child(1) dl { background:url("/img/sub/talent_icon01.png") no-repeat center top;}
#talent .info ul li:nth-child(2) dl { background:url("/img/sub/talent_icon02.png") no-repeat center top;}
#talent .info ul li:nth-child(3) dl { background:url("/img/sub/talent_icon03.png") no-repeat center top;}

#talent .info ul li:nth-child(1) .tit_s6 { color:#135771;}
#talent .info ul li:nth-child(2) .tit_s6 { color:#004c98;}
#talent .info ul li:nth-child(3) .tit_s6 { color:#006edc;}

#talent .info ul li:nth-child(1) .txt_box { background:rgba(91,171,201,0.2);}
#talent .info ul li:nth-child(2) .txt_box { background:rgba(0,76,152,0.2);}
#talent .info ul li:nth-child(3) .txt_box { background:rgba(52,126,200,0.2);}


.tit_s6_s2 {}
.tit_s6_s2 .num { font-size:55px;}
.tit_s6_s2 p { font-size:26px; line-height:1.2;}
.tit_s6_s2 em { font-size:16px; display:block;}



/* 복리후생 */
#benefits {}
#benefits .bg { background:url("/img/sub/benefits_bg2.jpg") no-repeat center top; background-size:cover; padding:125px 7%;}
#benefits .bg .txt {  color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.2);}
#benefits .bg span { font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px;}
#benefits .bg p { font-size:26px; line-height:1.385em; margin-top:9px;}
#benefits .list { margin-top:100px;}
#benefits .list ul {}
#benefits .list ul li { float:left; width:24.14285714286%;  border:1px solid #eaeaea; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:20px;  margin-right:1.14285714286%; }
#benefits .list ul li:nth-child(4n) { margin-right:0; }
#benefits .list ul li .tit { background:#004c98; height:100px; color:#fff; font-weight:500; padding:26px 8.28402366864% 0; }
#benefits .list ul li .tit span { font-family: 'Montserrat', sans-serif;}
#benefits .list ul li .tit p { font-size:26px; margin-top:5px; }
#benefits .list ul li > div {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#benefits .list ul li .txt { height:160px; padding:20px 8.28402366864% 0; line-height:1.4;}
#benefits .list ul li .txt p {position:relative; padding-left:12px; }
#benefits .list ul li .txt p:before { content:""; width:4px; height:4px; background:#555555; display:block; position:absolute; border-radius:50%; top:10px; left:0; }
#benefits .list ul li:nth-child(1) .txt { background:url("/img/sub/benefits_li_bg01.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(2) .txt { background:url("/img/sub/benefits_li_bg02.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(3) .txt { background:url("/img/sub/benefits_li_bg03.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(4) .txt { background:url("/img/sub/benefits_li_bg04.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(5) .txt { background:url("/img/sub/benefits_li_bg05.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(6) .txt { background:url("/img/sub/benefits_li_bg06.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(7) .txt { background:url("/img/sub/benefits_li_bg07.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(8) .txt { background:url("/img/sub/benefits_li_bg08.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(9) .txt { background:url("/img/sub/benefits_li_bg09.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(10) .txt { background:url("/img/sub/benefits_li_bg10.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(11) .txt { background:url("/img/sub/benefits_li_bg11.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(12) .txt { background:url("/img/sub/benefits_li_bg12.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(13) .txt { background:url("/img/sub/benefits_li_bg13.jpg") no-repeat right bottom;}
#benefits .list ul li:nth-child(14) .txt { background:url("/img/sub/benefits_li_bg14.jpg") no-repeat right bottom;}



/* 인사제도 */
#personnel_system {}
#personnel_system .step { position:relative;}
#personnel_system .step:after { content:""; width:100%; height:1px; background:#6694c1; display:block; position:absolute; left:0; top:67px; z-index:-1;}
#personnel_system .step ul {}
#personnel_system .step ul li { float:left; width:135px; height:135px; border-radius:50%;  background:#fff; border:10px solid #004c98; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:5.41666666667%; color:#004c98; text-align:center; position:relative;}
#personnel_system .step ul li .year { position:absolute; right:-55%; bottom:0; font-size:18px; color:#555;}
#personnel_system .step ul li:after { content:url("/img/sub/arr_s1.png"); position:absolute; right:-50%; top:50%; margin-top:-8px;}
#personnel_system .step ul li:last-child:after { display:none;}
#personnel_system .step ul li > div { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#personnel_system .step ul li > div p { font-size:24px;}
#personnel_system .step ul li > div span { font-size:18px; font-weight:700; font-family: 'Montserrat', sans-serif; display:block; margin-top:3px;}
#personnel_system .step ul li:last-child { margin:0; }
#personnel_system .step ul li:first-child,
#personnel_system .step ul li:last-child {background:#004c98; color:#fff;}

#personnel_system .step.step-new ul { display:flex; justify-content:center; flex-wrap:wrap; }
#personnel_system .step.step-new ul li:last-child { margin:0; }
#personnel_system .step.step-new ul li:first-child,
#personnel_system .step.step-new ul li:last-child {background:#fff; color:#004c98;}

#personnel_system .info { margin-top:80px;}
#personnel_system .info ul {}
#personnel_system .info ul li { font-size:0; letter-spacing:-4px;  border:1px solid #eaeaea; margin-bottom:50px; position:relative;}
#personnel_system .info ul li:after { content:""; display:block ;clear: both;}
#personnel_system .info ul li:before { content:""; width:135px; height:135px; background:url("/img/sub/personnel_system_icon01.png") no-repeat center #004c98; display:block;  border-radius:50%; position:absolute; top:50%; margin-top:-67px; }
#personnel_system .info ul li:last-child { margin:0; }
#personnel_system .info ul li > div { float:left; letter-spacing:-0.5px; font-size:16px; height:347px;}
#personnel_system .info ul li .img { width:453px;}
#personnel_system .info ul li .txt { line-height:1.4; padding:0 3.57142857143%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
width:calc(100% - 453px);
width:-webkit-calc(100% - 453px);
width:-moz-calc(100% - 453px);
}

#personnel_system .info ul li .txt dl {}
#personnel_system .info ul li .txt dl dt { color:#004c98; font-weight:500;}
#personnel_system .info ul li .txt dl dt span { font-family: 'Montserrat', sans-serif;}
#personnel_system .info ul li .txt dl dt p {font-size:26px;}
#personnel_system .info ul li .txt dl dd { margin-top:36px;}
#personnel_system .info ul li .txt dl dd p {  position:relative; color:#333; font-size:18px; font-weight:300; margin-bottom:5px;}
#personnel_system .info ul li .txt dl dd p:last-child { margin:0; }
#personnel_system .info ul li .txt dl dd p strong { font-weight:500; position:absolute; left:0; top:0; padding:0 0 0 15px;}
#personnel_system .info ul li .txt dl dd p:before { content:""; width:6px; height:6px; border-radius:50%; display:block; background:#333; position:absolute; left:0; top:10px;}
#personnel_system .info ul li .txt .sub_txt { text-align:right; font-size:15px; color:#999; margin-top:20px;}
.pd_tl_4 { padding-left:93px !important;}
.pd_tl_2 { padding-left:60px !important;}
.pd_tl_3 { padding-left:76px !important;}
.pd_tl_10 { padding-left:152px !important;}

#personnel_system .info ul li:nth-child(even) > div { float:right;}
#personnel_system .info ul li:nth-child(odd) { margin-left:4.85714285714%;}
#personnel_system .info ul li:nth-child(even) { margin-right:4.85714285714%;}
#personnel_system .info ul li .txt > div { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

#personnel_system .info ul li:nth-child(odd):before  { left:-68px;}
#personnel_system .info ul li:nth-child(even):before  { right:-68px;}
#personnel_system .info ul li:nth-child(odd) .txt { padding:0 3.57142857143% 0 7.57142857143%; }



/************************************************************************************
	고객센터
************************************************************************************/

/* 고객센터 안내 */


#customer_guide .tel_info {}
#customer_guide .tit_s6  { margin-bottom:56px;}
#customer_guide .tel_info .txt_box {}
#customer_guide .tel_info .txt_box ul {}
#customer_guide .tel_info .txt_box ul li { float:left; width:48.57142857143%; margin-right:2.85714285714%; margin-bottom:50px; min-height:403px;}
#customer_guide .tel_info .txt_box ul li:nth-child(2n) { margin-right:0; }
.table_s3 {}
.table_s3 th,
.table_s3 td { text-align:center; padding:30px 15px; border:1px solid #c3cbd2;}
.table_s3 th {background:#e5edf4; border-top:2px solid #004c98; font-weight:500; color:#004c98; border-left:none; border-right:none;} 
.table_s3 td:first-child { border-left:none;}
.table_s3 td:last-child { border-right:none;}


#customer_guide .map_info {}
#customer_guide .map_info .area { font-size:0; letter-spacing:-4px;}
#customer_guide .map_info .area > div { display:inline-block; vertical-align:middle; width:50%; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#customer_guide .map_info .area .area_txt { margin-top:16px;}
#customer_guide .map_info .area .area_txt > div { border-bottom:none; padding:14px 0;}
#customer_guide .map_info .txt_box { padding:0 0 0 1.42857142857%;}
#customer_guide .map_info .txt_box > ul {}
#customer_guide .map_info .txt_box > ul > li { border-bottom:1px dotted #b2b2b2; padding-bottom:38px; margin-bottom:38px;}
#customer_guide .map_info .txt_box > ul > li:last-child { border:none; padding:0; margin:0;}
#customer_guide .map_info .area { margin-bottom:50px;}
#customer_guide .map_info .area:last-child { margin:0;}




/* 사이버 신문고 */
#journal {}
#journal .bg { background:url("/img/sub/journal_img.jpg") no-repeat center top; background-size:cover; height:600px; color:#fff; padding-top:96px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#journal .bg .txt { float:left; width:50%; padding:0 3.57142857143%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; line-height:1.4;}
#journal .bg .txt1 { text-align:right; margin-top:40px;}
#journal .bg .txt1 p { margin-bottom:5px;}
#journal .bg .txt1 p:last-child { margin:0; }
#journal .bg .txt2 { }
#journal .bg .txt2 .list {  margin-top:26px;}
#journal .bg .txt2 .list ul { float:left; width:49%; margin-right:2%;  }
#journal .bg .txt2 .list ul:last-child { margin:0; }
#journal .bg .txt2 .list ul li { position:relative; padding:0 0 0 14px; margin-bottom:5px;}
#journal .bg .txt2 .list ul li:last-child { margin:0; }
#journal .bg .txt2 .list ul li:before { content:""; display:block; width:6px; height:6px; background:#fff; border-radius:50%; position:absolute; left:0; top:10px;}
#journal .bg .txt2 .tit { font-weight:500; }
#journal .bg .txt2 .tit span { font-family: 'Montserrat', sans-serif;}
#journal .bg .txt2 .tit p { font-size:26px; }
#journal .form_wrap > div{ background:#fff; padding:62px 4.42857142857%; margin-top:-187px;}

.yellow_color { color:#ffffbc !important;}




/* 사회공헌 */ 

#contribution { }
#contribution .bg { background:url("/img/sub/contribution_bg.jpg") no-repeat center; padding:140px 0; background-size:cover;}
#contribution .bg .txt { text-align:center; line-height:1.2; color:#fff;}
#contribution .bg .txt:before { content:url("/img/sub/quot_left2.png"); left:6.14285714286%;}
#contribution .bg .txt:after { content:url("/img/sub/quot_right2.png"); right:6.14285714286%;}
#contribution .bg .txt:before,
#contribution .bg .txt:after  { position:absolute; top:50%; margin-top:-20px;}

#contribution .bg .txt dl { position:relative;}
#contribution .bg .txt dl:before,
#contribution .bg .txt dl:after { content:""; width:1px; height:60px; background:#fff; opacity:0.3; position:absolute; left:50%;  display:block;}
#contribution .bg .txt dl:before { top:-90px;}
#contribution .bg .txt dl:after { bottom:-90px; }
#contribution .bg .txt dl dt:first-child { font-size:24px; font-weight:300; }
#contribution .bg .txt dl dt:nth-child(2) { font-size:36px; padding-top:20px; }
#contribution .bg .txt dl dd {font-family: 'Montserrat', sans-serif; font-weight:500; margin-top:10px;}
#contribution .con_box { margin-top:96px; }
#contribution .con_box .con { margin-bottom:96px;}
#contribution .con_box .con:last-child { margin:0;}

#contribution .con_box .txt_add { background-color:#eaeaea; margin-bottom:96px; }
#contribution .con_box .txt_add p { padding:100px 0; text-align:center; font-size:33px; }

#contribution .img_group { margin-top:56px; }
#contribution .img_group > div { float:left; width:49.57142857143%; margin-right:0.85714285714%;}
#contribution .img_group > div:last-child { margin:0;}
#contribution .img_group img { width:100%;}
#contribution .img_group .thum {}
#contribution .img_group .thum ul {}
#contribution .img_group .thum ul li { float:left; width:48.70317002882%; margin-right:2.59365994236%; margin-bottom:2.2%;}
#contribution .img_group .thum ul li:nth-child(2n) { margin-right:0;}




/* 통합검색 */
#sch_result { padding-top:90px; line-height:1.3;}
#sch_result .tit { text-align:center;}
#sch_result .tit dl { line-height:1.3;}
#sch_result .tit dl dt { font-size:40px; font-weight:700; color:#333; }
#sch_result .tit dl dd { font-size:24px; margin-top:50px;}
#sch_result .tit dl dd span { color:#004c98; font-weight:500; }
#sch_result .list { margin-top:90px;}
#sch_result .list > div { margin-bottom:100px;}
#sch_result .list > div:last-child { margin-bottom:0;}
#sch_result .list > div .cate { font-size:32px; color:#333; font-weight:700; /* border-bottom:2px solid #333; padding-bottom:22px; */ margin-bottom:36px;}
#sch_result .list > div .cate span { font-size:26px;}
#sch_result .list .txt_none { font-size:24px;}



/* 투자정보 */
.tab_s2 {}
.tab_s2 ul { font-size:0; letter-spacing:-4px;  text-align:center; }
.tab_s2 ul li { display:inline-block; width:250px; height:70px; letter-spacing:-0.5px; border:1px solid #004c98; border-right:none;}
.tab_s2 ul li:last-child {border-right:1px solid #004c98;}
.tab_s2 ul li button { width:100%; height:100%; font-size:20px; background:#fff; border:none; color:#004c98;}
.tab_s2 ul li.on button { color:#fff; background:#004c98; font-weight:500;}

.investment .list_group { margin-top:58px;}
.investment .list_group > div { float:left; width:48.28571428571%; margin-right:1.71428571429%;}
.investment .list_group > div:last-child { margin:0;}
.investment .list_group .table { font-size:18px; }
.investment .list_group .table table {}
.investment .list_group .table th,
.investment .list_group .table td { color:#004c98; border:1px solid rgba(0,0,0,0.15); line-height:1.2;}
.investment .list_group .table th { background:#bfd2e5;  font-weight:400; padding:15px; line-height:1.3; border-top:2px solid #004c98;s}
.investment .list_group .table td:first-child { background:#e5edf4; font-weight:500;}
.investment .list_group .table td { text-align:center; padding:12px; }

.investment .list_group .table th:first-child,
.investment .list_group .table td:first-child { border-left:none; }

.investment .list_group .table th:last-child,
.investment .list_group .table td:last-child { border-right:none; }
.investment .list_group .tit_s3 { margin-bottom:30px; position:relative;}
.investment .list_group .tit_s3 .unit { position:absolute; right:0; bottom:0; color:#004c98; font-size:20px; }
.tab_wrap > div { display:none;}
.tab_wrap > div:first-child { display:block;}
#investment_data { }
#investment_data .frame { max-width:730px; margin:0 auto; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style: none; }
#investment_data .frame::-webkit-scrollbar {display:none;}
#investment_data .frame iframe { width:730px;  min-height:920px;}