#sub_v_all{width:100%;margin:0 auto;height:230px;text-align:center;background-size:cover;}
.sub_vs01{background:url('../image/sub/sub_vj.jpg') no-repeat center center;}
.sub_vs02{background:url('..//sub/sub_v02.jpg') no-repeat center center;}
.sub_vs03{background:url('..//sub/sub_v03.jpg') no-repeat center center;}
.sub_vs04{background:url('..//sub/sub_v04.jpg') no-repeat center center;}
.sub_vs05{background:url('..//sub/sub_v05.jpg') no-repeat center center;}

#sub_v_all > .tit{text-align:center;color:#fff;font-size:30px;line-height:35px;font-weight:normal; border:0px solid red; padding-top:66px;font-family:'notokr-light';}
#sub_v_all > .guide{font-size:13px; color:#fff;padding-top:20px;font-family:'notokr-light';}


.sub_title_all{margin:0 auto;font-size:33px;color:#3e3e3e;font-family:'notokr-light';text-align:center;line-height:77px;padding-top:23px;background:url('../image/sub/h2_bg.png') no-repeat bottom center;}

.sub_cont{padding:70px 0 105px 0;}

.bg_gray{background:#f8f8f8;}
.pro > ul{padding-bottom:0px;}
.pro > ul > li{float:left;margin-left:20px;margin-bottom:20px;}
.pro > ul > li:nth-child(4n+1){margin-left:0;}
.pro_img{border:1px solid #dfdfdf;}
.pro_txt{text-align:center;color:#3b3b3b;font-size:18px;padding-top:10px;}

.pro_view > ul > li:first-child{float:left;}
.pro_view > ul > li:last-child{float:left;}
.pro_view > ul > li.img{background:url('../image/sub/pro_img01.jpg') no-repeat left top;padding:20px;}
.pro_view > ul > li.img img{border:1px solid #dfdfdf;}
.pro_view > ul > li.txt .tit{color:#3b3b3b;font-size:24px;padding:20px 20px 0 20px;}  
.pro_view > ul > li.txt .s_tit{font-family:'notokr-light';color:#1b62b2;font-size:14px;line-height:40px;padding:0 20px;}
.pro_view > ul > li.txt .txt1 li{color:#4d4d4d;line-height:40px;background:url('../image/sub/pro_bu.jpg') no-repeat 20px 18px;padding-left:38px;font-size:15px; letter-spacing:-0.3px;}
.pro_view > ul > li.txt .txt1{border-top:1px solid #d4d4d4; border-bottom:1px dotted #e4e4e4;}
.pro_view > ul > li.txt .txt2{color:#4d4d4d;font-size:15px;line-height:21px;padding-top:30px;padding-left:20px;font-family:'notokr-light';}
.pro_view > ul > li.txt .txt2 > a{color:#113b5b;font-size:15px;font-family:'notokr-light';}

.pro_view .txt3{background:url('../image/sub/pro_line.gif') repeat-x left bottom;margin-top:40px;}
.pro_view .txt4{margin-top:30px;padding:30px;border:1px solid #dfdfdf;font-family:'notokr-regular';font-size:16px;color:#3d3d3d;line-height:24px;}
.pro_view .txt3 .bg1{height:60px;background:url('../image/sub/pro_img03.gif') no-repeat;width:244px;line-height:60px;text-align:center;font-weight:500;font-size:18px;}

.ari{border:1px solid #dfdfdf;margin-bottom:40px;}
.ari_txt{color:#4d4d4d;font-size:15px;line-height:21px;font-family:'notokr-light';margin-top:40px;}
.ari_txt a{color:#113b5b;font-size:15px;font-family:'notokr-light';}

.teb4 li{width:calc(25% - 1px);float:left;line-height:50px;height:50px;font-size:15px;font-family:'notokr-regular';background:#dddddd;color:#4d4d4d;text-align:center;margin-left:1px;margin-bottom:1px;}
.teb4 > a > li:hover{background:#222934;color:#fff;}
.teb4 > a > li.on{background:#222934;color:#fff;}

.pub .btm40{margin-bottom:40px;}
.pub > .teb1 > a > li{width:50%;float:left;line-height:50px;height:50px;font-size:15px;font-family:'notokr-regular';background:#dddddd;color:#4d4d4d;text-align:center;}
.pub > .teb1 > a > li:hover{background:#222934;color:#fff;}
.pub > .teb1 > a > li.on{background:#222934;color:#fff;}
.pub h3{font-size:24px;padding:0px 0 40px 0; color:#3b3b3b; font-weight:normal;}
.pub .txt1{margin-bottom:40px;}
.pub .txt1 > li{font-size:15px;color:#4d4d4d;line-height:21px;}
.pub .txt1 > li a{font-size:15px;color:#113b5b;line-height:21px;}
.pub .txt1 .l_i{ text-decoration:underline; font-weight:bold;padding-bottom:10px; font-size:18px;}
.pub .txt1 .mtp15 > a{display:inline-block; padding:5px 15px; border:1px solid #ccc; border-radius:15px; font-size:13px;}

.gall > li{float:left;margin-left:16px;margin-bottom:25px;}
.gall > li:nth-child(3n+1){margin-left:0;}
.gall > li > p{font-size:16px;color#3d3d3d;padding:15px 0;text-align:center;}
.pop{background:url('../image/sub/pop_bg.png');position:fixed;width:100%;height:100%;z-index:10;text-align:center; top:0;left:0; display:none;padding:60px 0 0 0;}
.pop > .close{width:1080px;margin:0 auto;text-align:right;background:#fff;padding:10px 10px 0 10px;}
.pop > .img{width:1080px;margin:0 auto;padding:10px;background:#fff;overflow:auto;height:70%;}

.semi{border:1px solid #76a1d1;padding:90px 0;text-align:center;}
.semi > .box{width:305px;margin:0 auto;}
.semi > .box ul{float:left;}
.semi .log{float:left;padding-left:15px;}
.semi .log > a{display:block;width:85px;line-height:73px;height:73px;background:#154f90;color:#fff;}
.semi .log > button{display:block;width:85px;line-height:73px;height:73px;background:#154f90;color:#fff;border:0;}
.semi > .box > ul > li{padding-bottom:15px;}
.semi > .box > ul > li span{font-size:16px;color:#3d3d3d;width:56px;display:inline-block;text-align:left;}
.semi > .box > ul > li input{border:1px solid #fff;background:#e2e2e2;height:28px;}

.box_txt{font-family:"NanumGothic";font-size:18px;color:#454545;font-weight:700;text-align:center;line-height:27px;}
.box_txt span{font-size:20px;color:#2663b8;}
.lf_tb{float:left;width:calc((100% - 20px) / 2);}
.rt_tb{float:right;width:calc((100% - 20px) / 2);}

.bot_lr_btn{margin-top:30px;}
.bot_lf_btn{float:left;}
.bot_rt_btn{float:right;}
a.white_l{display:inline-block;width:79px;height:48px;line-height:48px;text-align:center;color:#979797;font-size:15px;font-weight:400;border:1px solid #ddd;background:#fafafa;}
a.y_btn{display:inline-block;text-align:center;background:#154f90;width:120px;;height:50px;line-height:50px;font-size:15px;color:#fff;}
a.y_btn1{display:inline-block;text-align:center;background:#474747;width:120px;;height:50px;line-height:50px;font-size:15px;color:#fff;}

.sub2 > ul > li{float:left; margin-right:100px;}
.sub2 h3{font-size:30px;padding-bottom:20px;}
.sub2 > ul > li > p.tit{padding-bottom:5px;}
.sub2 > ul > li > p.tit > a{font-size:23px;}
.sub2 > ul > li > p.txt{font-weight:300;font-size:14px;color:#666;font-family:'notokr-regular'}

.pro_all{margin:30px 0 0 0;}
.pro_list li{margin-left:29px;margin-bottom:29px;float:left;background:#fff;text-align:center;}
.pro_list li:nth-child(4n+1){margin-left:0;}
.pro_list li p{text-align:center;}
.pro_list li .tit{font-size:16px;color:#474747;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;padding:15px 0;}
.pro_list li .bt{border-radius:60px;width:115px;border:1px solid #d3d3d3;text-align:center;line-height:32px;height:32px;corlor:#515151;font-size:11px;margin:0 auto;}
.pro_list li .bt:hover{background:#f4be14;border:1px solid #f4be14;color:#fff;}

.ibt_tab_v{border-top:1px solid #76a1d1;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.ibt_v_top{background:#fafafa;padding:15px 15px;}
.ibt_v_top_tit{color:#595959;font-size:18px;font-weight:500;border-bottom:1px solid #e1e1e1;padding-bottom:15px;}
.ibt_v_top_txt{margin-top:15px;color:#595959;font-size:16px;font-weight:400;}
.ibt_v_top_txt > span{display:inline-block;margin-right:10px;}
.ibt_v_hw{padding:15px 15px;border-top:1px solid #e1e1e1;color:#676767;font-size:13px;font-weight:400;}
.ibt_v_hw > span{display:inline-block;margin-right:7px;}
.ibt_v_hw a{color:#676767;font-size:13px;font-weight:400;}
.ibt_v_file{padding:15px 15px;border-top:1px solid #e1e1e1;}
.ibt_v_file > a{color:#111;font-size:13px;font-weight:400;}
.ibt_v_ny{border-top:1px solid #e1e1e1;padding:15px 15px;min-height:300px;color:#454545;font-size:13px;}
.ibt_v_ny img{max-width:100%;}

.botcik_box{border:1px solid #ddd;background:#fafafa;padding:9px 9px;}
.botcik_box_lf{float:left;color:#676767;font-size:14px;font-weight:400;margin-top:5px;}
.botcik_box_rt{float:right;}
.botcik_box_rt > div{float:left;}
.botcik_box_rt > div select{margin-right:5px;padding-left:5px;border:1px solid #dddddd;width:90px;height:30px;line-height:30px;}
.botcik_box_rt > div input[type=text]{padding-left:10px;border:1px solid #dddddd;border-right:none;width:160px;height:28px;line-height:28px;}
.gs_tab_bg{margin-top:20px;border-top:1px solid #76a1d1;border-left:1px solid #ddd;}
.gs_tab th{text-align:center;color:#272727;font-size:16px;padding:14px 10px;border-right:1px solid #ddd;border-bottom:1px solid #dddddd;background:#fafafa;font-weight:normal;}
.gs_tab td{text-align:center;color:#676767;font-size:15px;font-weight:400;border-right:1px solid #ddd;padding:14px 10px;border-bottom:1px solid #dddddd;}
.gs_tab td.lf_txt{text-align:left;}
.gs_tab td > a{color:#676767;font-size:15px;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gs_tab td.key_on > a{background:url('../image/sub/tab_bg.jpg') no-repeat left center;padding-left:20px;}
.gs_tab input{border:1px solid #dadada;height:29px;line-height:29px;}
.gs_tab input.all_sz{width:100%;}
.gs_tab input.m_size{width:280px;}
.gs_tab input.s_size{width:150px;}
.gs_tab input.file{border:none;}
.gs_tab textarea{border:1px solid #dadada;width:99%;height:120px;}

.page_all {text-align: center;margin-top: 40px;}
.page_all > a.page {color:#525252;font-size:13px;border:1px solid #e3e3e3;background:#fff;vertical-align: middle;display: inline-block;text-align: center;width: 32px;height: 32px;line-height: 32px;}
.page_all > a.on{color:##0e76bc;background:#fbfbfb;}
.page_all > a.page:hover{color:##0e76bc;background:#fbfbfb;}


.imgtab_v_tit{font-family:"NanumGothic";margin-bottom:30px;text-align:center;font-size:26px;color:#1c1c1c;font-weight:700;}
#slide_banner02 {position:relative;width:100%;margin:0 auto;padding-bottom:65px;}
#slide_banner02 .slide_b02{position:relative;width:100%;margin:0 auto;}
#slide_banner02 .slide_b02 li{width:100%;position:relative;}
#slide_banner02 .slide_b02 li img {width:100%;display:none;position:absolute;}
#slide_banner02 .slide_b02 li div{display:none;}
.banner_prev02{position:absolute;bottom:0;left:0;z-index:1000;}
.banner_next02{position:absolute;bottom:0;right:0;z-index:1000;}
.imgv_btn{position:relative;text-align:center;margin-top:-30px;}
.imgv_btn a{position:absolute;top:0;left:50%;z-index:1001;margin-left:-12px;}


/* DODOO 20.09.26 */
.sitmap > li{float:left;width:calc((100% - 21px) / 4);margin-left:7px;}
/**/
.sitmap > li:first-child{margin-left:0;}

.sitmap > li > p > a{display:block;width:100%;height:50px;line-height:50px;text-align:center;background:#76a1d1;font-size:16px;color:#fff;font-weight:bold;}
.sitmap > li > ul > li > a{display:block;padding-left:25px;height:50px;line-height:50px;text-align:left;border-bottom:1px solid #dfdfdf;font-size:16px;color:#454545;font-weight:bold;}
.sitmap > li > ul > li > ul{border-bottom:1px solid #dfdfdf;padding:10px 0;}
.sitmap > li > ul > li > ul > li > a{padding:5px 0;display:block;padding-left:35px;text-align:left;font-size:16px;color:#454545;font-weight:500;}





@media screen and (max-width:1024px){
	#bar_inner {width:calc(100% - 1px);}
	#sub_menu_bar {width:100%;}
	.sub_title_all{width:100%;}
	.cont_bg_pc{width:calc(100% - 0px);}
	.cont_pc{width:calc(100% - 0px);}

	.lf_tb{float:none;width:100%;}
	.rt_tb{float:none;width:100%;margin-top:20px;}

	.ceo_alltxt{float:none;width:100%;}
	.ceo_img{float:none;text-align:center;margin-bottom:30px;}
	.ceo_img img{max-width:100%;}

	.main_news2 li{width:calc((100% - 40px) / 3);margin-left:20px;}
	.main_news2 li:nth-child(n+4){margin-top:20px;}

	.pro_list li{width:calc((100% - 10px) / 2);margin-left:10px;}
	.pro_list li:nth-child(n+3){margin-top:20px}
	.pro_list li:nth-child(3n+1){clear:none;margin-left:10px;}
	.pro_list li:nth-child(2n+1){clear:both;margin-left:0;}
	
	.s3_01 li:first-child{margin-left:20px;}
}

@media screen and (max-width:768px){
	.s_navi{display:none;}
	.Service_all > li{float:none;width:100%;margin-left:0;margin-bottom:20px;}

	.main_news2 li{width:calc((100% - 10px) / 2);margin-left:10px;}
	.main_news2 li:nth-child(n+3){margin-top:20px;}

	.main_news2 li:nth-child(3n+1){clear:none;margin-left:10px;}
	.main_news2 li:nth-child(2n+1){clear:both;margin-left:0;}

	.pro_all{width:calc(100% - 30px);padding:0 15px;}

	.ari > img{width:100%;}
	
	.botcik_box_rt > div select{width:50px;}
	.botcik_box_rt > div input[type=text]{width:70px;}
	
	.pc{display:none;}
	.pop > .close{width:80%;}
	.pop > .img{width:80%;}
	.pop > .img img{width:100%;}
	
}


@media screen and (max-width:414px){
	#sub_v_all > .tit{padding-top:46px;}
	#sub_bar {height:40px;line-height:40px;}
	#bar_inner {height:40px;}
	.zeta-menu > li:nth-child(1) {width:40px;}
	.zeta-menu > li > a {line-height:40px;}
	.zeta-menu > li {height:40px;}
	.zeta-menu > li:nth-child(2) {padding:0px 10px;width:calc((100% - 83px) / 2);}
	.zeta-menu > li:nth-child(3) {padding:0px 10px;width:calc((100% - 83px) / 2);}
	.zeta-menu ul {top:41px;}
	.zeta-menu ul li a{padding-left:10px;height:35px;line-height:35px;}

	.main_news2 li{width:100%;margin-left:0;}
	.main_news2 li:nth-child(n+2){margin-top:20px;}
	
	.sub2 > ul > li{margin-bottom:20px;width:100%;}
	
	.pro > ul > li{width:100%;margin-left:0;}
	.pro_img img{width:100%;}
	.pro_view > ul > li.img{width:100%;}
	.pro_view .img img{width:100%;}
	
	.gall > li{width:100%;margin-left:0;}
	.gall > li > div img{width:100%;}
	
	.pro_list li{width:100%;margin-left:0;}
	.pro_list li img{width:100%;}
	.pro_list li:nth-child(n+2){margin-top:20px}
	.pro_list li:nth-child(3n+1){clear:none;margin-left:0;}
	.pro_list li:nth-child(2n+1){clear:both;margin-left:0;}
	
	.sub_title_all > p.s_title{padding-bottom:18px;border-bottom:2px solid #f4bf14;font-size:23px;width:120px;padding-left:5px;}
	.sub_title_all > p.s_guide{font-size:12px;color:#252525;float:right;padding-top:9px;padding-right:5px;}
	
	.teb4 li{width:calc(50% - 1px);}
	
	.icon{text-align:center;}
	.icon > img{width:70%;}
	
	.sitmap > li{float:left;width:calc((100% - 21px) / 2);margin-left:7px;}
	.sitmap > li:nth-child(1){margin-left:7px;;}

}