#scontents{width:100%;margin:0 auto;padding:90px 0;position: relative;}
#scontents02{width:100%;margin:0 auto;position: relative;}
.sub_contents{width:1104px;;margin:0 auto;}
.sub_all{width:1104px;;margin:0 auto;}
.subc_bar{border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-bottom:50px;}
.subc_lf{float:left;}
.subc_rt{float:right;}
.subc_lf h3{font-size:32px;color:#010101;}
.subc_rt span{margin-top:20px;display:inline-block;margin-left:5px;background:url('../image/sub/cn_bg.jpg') no-repeat right center;padding-right:14px;}
.subc_rt span:last-child{background:none;padding-right:0;}
.screen_img{position: relative;width:1920px;left:50%;margin-left:-960px;}
.all_img img{width:100%;}
.ct_img{text-align:center;}
.lf_img{float:left;}
.rt_img{float:right;}



/*연혁*/
.his_all{width:100%;padding-left:360px;width:100%; min-height:500px; background:url("../image/sub/content2_1_bg.jpg") left top no-repeat;}
.his_ny{padding-bottom:30px;}
.his_ny_lf{display:inline-block;float:left;width:120px;}
.his_ny_rt{float:left;margin-left:30px;width:calc(100% - 520px);}
.his_ny_lf > p{font-size:34px;font-weight:700;color:#454545;background:url("../image/sub/content2_1_bg2.jpg") right bottom no-repeat;padding-right:30px;}
.his_ny_rt > ul{margin-top:15px;border-left:1px solid #e3e3e3;padding-left:20px;}
.his_ny_rt > ul > li{position: relative;margin-bottom:8px;font-size:16px;color:#666666;padding-left:15px;line-height:22px;}
.his_ny_rt > ul > li > strong{position:absolute;left:0;top:0;padding-left:13px;background:url("../image/sub/content2_1_bg3.jpg") left center no-repeat;font-size:0;}




/*클라이언트*/
.img_tab{position: relative;}
.img_tab_all{margin-bottom:9px;}
.img_tab_all > li{float:left;width:214px;margin-left:8px;}
.img_tab_all > li:first-child{margin-left:0;}
.img_tab_all > li > a{text-align:center;}
.img_tab_all > li > a{width:214px;height:121px;overflow:hidden;}
.img_tab_all > li > a img{width:100%;}
.imgtab_pop{display:none;position: relative;position:absolute;left:127px;top:60px;width:780px;background:#fff;box-shadow:1px 1px 58px #c5c3c3; padding:70px 35px;}
.imgtab_pop_ny{border-top:1px solid #2870b1;border-bottom:1px solid #dbdbdb;padding:24px 0;}
.itp_lf{float:left;width:214px;overflow:hidden;}
.itp_rt{float:left;margin-left:20px;width:calc(100% - 234px);}
.itp_rt> p.tit{font-size:22px;font-weight:700;color:#454545;margin-bottom:12px;}
.itp_rt> p.txt{font-size:14px;font-weight:400;color:#828181;margin-bottom:5px;}
.imgtab_pop_btn{text-align:center;margin-top:40px;}
.imgtab_pop_btn > a{display:inline-block;width:140px;height:35px;line-height:35px;text-align:center;}
.imgtab_pop_btn > a.on{background:#2870b1;border:1px solid #2870b2;font-size:14px;font-weight:400;color:#fff;}
.imgtab_pop_btn > a.off{background:#fff;border:1px solid #2870b2;font-size:14px;font-weight:400;color:#2870b2;}
.itp_close{position:absolute;right:35px;top:15px;}

.page_all {text-align: center;margin-top: 40px;}
.page_all > a.page {margin:0 3px;color:#656565;font-size:15px;font-weight:400;vertical-align: middle;display: inline-block;text-align: center;width: 29px;height: 29px;line-height: 29px;}
.page_all > a.on{background:#014991;color:#fff;}
.page_all > a.page:hover{background:#014991;color:#fff;}
.page_all > a.rt_mg{margin-right:10px;}
.page_all > a.lf_mg{margin-left:10px;}



/*온라인문의*/
h4.online_tit{color:#454545;font-size:18px;margin-bottom:15px;}
.ol_txt_gd{border:1px solid #dddddd;border-top:2px solid #0068a6;height:150px;overflow-y:scroll;}
.ol_txt_gd_cick{margin-top:5px;}
.ol_txt_gd_cick input{vertical-align:middle;}
.ol_txt_gd_cick label{color:#656565;font-size:14px;font-weight:500;}
.online_tab{border-top:2px solid #0068a6;}
.online_tab th{text-align:left;color:#656565;font-size:15px;font-weight:700;padding:12px 10px;border-bottom:1px solid #dddddd;}
.online_tab td{text-align:left;color:#656565;font-size:15px;font-weight:700;padding:12px 10px;border-bottom:1px solid #dddddd;}
input.m_sz{border:1px solid #cccccc;width:300px;height:25px;line-height:25px;}
.online_tab td > span{margin-right:10px;}
textarea.b_sz{border:1px solid #cccccc;width:100%;height:100px;}
.ct_btn{margin-top:50px;text-align:center;}

.lf_dl{float:left;border:1px solid #e4e4e4;}
.rt_dl{float:left;margin-left:10px;}
.lf_dl_lf{float:left;}
.lf_dl_rt{float:left;}
input.dl_sz{border:1px solid #cccccc;width:150px;height:67px;}
a.white_l{display:inline-block;padding:0 20px;height:38px;line-height:38px;text-align:center;color:#4c90d4;font-size:14px;font-weight:700;border:1px solid #4c90d4;}
a.blue_w{display:inline-block;padding:0 30px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;font-weight:700;background:#014991;}

.white_l{display:inline-block;padding:0 20px;height:40px;line-height:40px;text-align:center;color:#4c90d4;font-size:14px;font-weight:700;border:1px solid #4c90d4;background:#FFFFFF;}
.blue_w{display:inline-block;padding:0 30px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;font-weight:700;background:#014991;border:0}



/*사이트맵*/
.sitmap_all{margin-bottom:40px;}
.sitmap_all > ul{text-align:center;float:left;width:250px;margin-left:34px;border-top:2px solid #2870b1;}
.sitmap_all > ul:first-child{margin-left:0;}
.sitmap_as > li{border-bottom:1px solid #ddd;height:40px;line-height:40px;}
.sitmap_as > li.tit{border-bottom:1px solid #2870b1;}
.sitmap_as > li.tit > a{color:#333;font-size:20px;font-weight:700;}
.sitmap_as > li > a{color:#656565;font-size:14px;font-weight:500;}




/*
.effectNav{ margin-top:10px;  border-top:1px solid #666; background:#999; padding-bottom:10px;  }
.effectNav h3{ padding:0 10px; background:#ddd; background:#333; color:#fff;  }
.effectNav ul{ font-size:0;  }
.effectNav li{ display:inline-block; font-size:12px; padding:0 10px; margin:10px 0 0 10px;  background:#cdcdcd;  }
.effectNav li.new{ background:#fce8cd;  }
*/

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; position:absolute; z-index:1; top:50%; text-align:center;  }
.focus .hd ul{ display:none; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li { text-align:center;  }
.focus .bd li img{ width:100%;  height:100%; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.focus .hd .on{ background:#BA2636;  }
.focus .prev{margin-top:-40px;position:absolute;left:7%;width:44px; height:80px; background:url(../image/main/lf_btn.png) no-repeat;}
.focus .next{margin-top:-40px;position:absolute;right:7%;width:44px; height:80px; background:url(../image/main/rt_btn.png) no-repeat;}
.pageState{display:inline-block;border-top:2px solid #fff;padding:5px 2px;left:50%;margin-left:-15px;position:absolute;bottom:100px;text-align:center;z-index:10000;color:#fff;font-size:16px;letter-spacing:1.5px;}


.bot_banner_bg{width:100%;height:110px;padding-top:50px;margin:0 auto;position:absolute;top:0;left:0;background:url("../image/sub/ele_bg.png");}
.bot_banner{width:1104px;margin:0 auto;}
.ele_tit{margin-top:10px;text-align:center;color:#fff;font-size:24px;font-weight:700;}
.bannerArea {position:relative;text-align:center;padding:25px 110px 0 110px;}
.bannerArea:after {content:""; display:block; clear:both;}
.bannerArea ul.controlArea {overflow:hidden; }
.bannerArea ul.controlArea li {position:absolute; }
.bannerArea ul.controlArea li.controlPrev {top:20px; left:0px;}
.bannerArea ul.controlArea li.controlNext {top:20px; right:0;}
.bannerArea ul.controlArea li.controlStop {display:none;}
.bannerArea ul.controlArea li a {display:block;height:19px;}
.bannerArea ul.banner {overflow:hidden;}
.bannerArea ul.banner li {float:left; width:210px;}
.bannerArea ul.banner li a{color:#fff;font-size:16px;}
.bannerArea ul.banner li a:hover{color:#4c90d4;}
.bannerArea .outerWrap { position:relative; overflow:hidden;}
.bannerArea .outerWrap ul.banner { position:relative; width:40000em;}
.bannerArea .outerWrap ul.banner a{display:block;text-align:center;color:#fff;font-size:16px;}