@charset "utf-8";



#sub_content_wrap{position:relative; width:100%; overflow:hidden; padding-top:100px;}

@media all and (max-width:1000px) {
	#sub_content_wrap{padding-top:75px;}
}
@media all and (max-width:550px) {
	#sub_content_wrap{padding-top:65px;}
}

#pageWrap{position:relative; margin-bottom:10em;}


/**/
.sub_menu_wrap{width:100%; box-sizing:border-box; position:relative; z-index:3; }
.sub_menu_wrap .inner{text-align:center; padding:3em 0 2em}
.sub_menu_wrap .sub_title{overflow:hidden; padding-bottom:2em;}
.sub_menu_wrap .sub_title>div{overflow:hidden;}
.sub_menu_wrap .sub_title .vis_dep01{display:block; font-size:2.4em; font-weight:600; line-height: 1em;}
.sub_menu_wrap .sub_title .c{display:block; font-size:0.94em; color:#555; margin-top:0.5em; letter-spacing:-0.03em}
.sub_menu_wrap .m_dep_tit{display:none;}
.sub_menu_wrap .m_home{display:none; }
.sub_menu_wrap .m_home img{width:100%;}
.sub_menu_wrap .m_1dep_box{display:none;}
.sub_menu_wrap .m_1dep_box .submenu5{display:none !important;}
.sub_menu_wrap .m_2dep_box{text-align:center;}
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li{position:relative; display:inline-block; color:#57585a; padding:0 20px;}
.sub_menu_wrap .m_2dep_box li:before{content:""; width:1px; height:12px; background:#DDD; position:Absolute; left:0; top:50%; margin-top:-6px;}
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap br{display:none;}
.sub_menu_wrap .m_2dep_box li:hover{color:#EF4C2A}
.sub_menu_wrap .m_2dep_box li.s_on{color:#EF4C2A; font-weight:500;}
.sub_menu_wrap .m_2dep_box li span.dep2_mu{display:none !important}
@media all and (max-width:650px) {
	.sub_menu_wrap .inner{width:100%; padding:3em 0 0; }
	.sub_menu_wrap .sub_title{padding-bottom:2em; border-bottom:1px solid #ddd;}
	.sub_menu_wrap .m_home{display:block; width:45px; float:left; background:#EF4C2A;}
	.sub_menu_wrap .m_dep_box{border-bottom:1px solid #ddd; display:block; width:calc(50% - 22.5px); float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;height:45px; line-height:45px; border-right:1px solid #ddd;}
	.sub_menu_wrap .m_dep_tit{display:block; background:url('/images/sub/icon_nav_arw.png') no-repeat 95% center; height:45px; line-height:45px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer;}
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu li{margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:7px 15px; border:0; font-weight:500;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#868686; color:#FFF; border:0; padding:10px 15px;}
	.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu a{color:#333; display:block; width:100%;  padding:7px 15px; box-sizing:border-box; line-height:normal}
	.sub_menu_wrap .m_dep_box.m_2dep_box{border-right:0;}
	.sub_menu_wrap .m_2dep_box li:before{display:none; }
}
@media all and (max-width:360px) {
	.sub_menu_wrap .m_dep_box{display:none;}
	.sub_menu_wrap .m_2dep_box{display:block; width:calc(100% - 45px);}
}





/**/
.tab_wrap{overflow:hidden; margin-bottom:5em;}
.tab_wrap .btn{display:inline-block; width:24%; min-width:140px; margin:2px 0; height:50px; line-height:50px; border:1px solid #ddd; background:#FFF;}
.tab_wrap.w7 .btn{width:13.8%}
.tab_wrap.w8 .btn{width:12%}
.tab_wrap.pg1 .tab_btn1,
.tab_wrap.pg2 .tab_btn2,
.tab_wrap.pg3 .tab_btn3,
.tab_wrap.pg4 .tab_btn4,
.tab_wrap.pg5 .tab_btn5,
.tab_wrap.pg6 .tab_btn6,
.tab_wrap.pg7 .tab_btn7,
.tab_wrap.pg8 .tab_btn8,
.tab_wrap.pg9 .tab_btn9{background:#827469; color:#FFF; font-weight:500; border:1px solid #827469;}

@media all and (max-width:1220px) {
	.tab_wrap .btn{height:45px; line-height:45px}
	.tab_wrap.w7 .btn{width:24%}
	.tab_wrap.w8 .btn{width:24%}
}
@media all and (max-width:650px) {
	.tab_wrap .btn{height:38px; line-height:38px; width:auto; min-width:unset; padding:0 15px;}
	.tab_wrap.w7 .btn{width:auto}
	.tab_wrap.w8 .btn{width:auto}
}
@media all and (max-width:500px) {
	.tab_wrap{text-align:left;}
	.tab_wrap .btn{height:unset; line-height:unset; padding:5px 12px;}
}



/**/
.mt3em{margin-top:3em;}
.mb1-5em{margin-bottom:1.5em;}
.mt1-5em{margin-top:1.5em;}
.mt1-5{margin:1.5em auto;}

/**/
.stxt{line-height:1.65em; color:#232323;}

.sub_tit{font-size:2.3em; font-weight:100; text-align:center; margin:2.2em auto 0.8em; letter-spacing:-0.05em;}
@media all and (max-width:850px) {
	.sub_tit{font-size:2.1em; margin:2em auto 0.6em;}
}
@media all and (max-width:550px) {
	.sub_tit{font-size:2em; margin:1.8em auto 0.5em;}
}


/**/
.sub_vis_wrap{width:100%; position:Relative; overflow:hidden; box-sizing:Border-box; height:50vh; max-height:430px; z-index:-1;}
.sub_vis_wrap .txt_in{position:relative; z-index:2; margin-left:auto; margin-right:auto; display:table; width:95%; max-width:1200px; height:100%:}
.sub_vis_wrap .txt_in .txt{display:table-cell;}
.sub_vis_wrap .bg_in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.sub_vis_wrap .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }

@media all and (max-width:1200px) {
	.sub_vis_wrap{max-height:330px;}
}
@media all and (max-width:650px) {
	.sub_vis_wrap{max-height:250px;}
}

/**/
.subTit{width:100%; margin:4em auto; font-weight:bold; position:relative; letter-spacing:0;}
.subTit:after{content:""; position:Absolute; width:0; height:1px; left:-90px; top:50%; background:#000; transition:all .6s ease-in-out;}
.subTit.aos-animate:after {width:60px;}
.subTit.none:after{display:none;}

.subTit.wh{color:#FFF}
.subTit.wh:after{background:#FFF}

@media all and (max-width:1270px) {
	.subTit:after{left: unset; margin-left: 1em; }
}

/**/
.sub_h1{font-size:2.2em; font-weight:100; line-height:1.3em;}
.sub_h1.wh{color:#FFF;}

/**/
.sub01_ul{width:100%; overflow:hidden; margin:2em auto; text-align:center; position:relative;}
.sub01_ul:before{content:""; width:0; height:1px; background:#f1f1f1; position:absolute; top:50%; left:2.5%; z-index:-1; transition:all 2s ease-in-out;}
.sub01_ul.aos-animate:before{width:95%; }
.sub01_ul li{display:inline-block; vertical-align:top; position:relative; width:20%; height:0; padding-bottom:20%; margin-left:6%;  border:1px solid #f1f1f1; border-radius:100%; box-sizing:Border-box; font-weight:400; background:#FFF}
.sub01_ul li:first-child{margin:0;}
.sub01_ul li .in{padding-top:21%;}
.sub01_ul li img{display:block; margin:0 auto 15px;}

@media all and (max-width:1000px) {
	.sub01_ul li{width:23%; padding-bottom:23%; margin-left:2%;}
	.sub01_ul li .in{padding-top:21%;}
}
@media all and (max-width:850px) {
	.sub01_ul:before{display:none}
	.sub01_ul li{width:40%; padding-bottom:40%; margin-bottom:2%;}
	.sub01_ul li .in{padding-top:27%;}
}
@media all and (max-width:650px) {
	.sub01_ul li img{height:45px;}
}
@media all and (max-width:450px) {
	.sub01_ul li .in{padding-top:21%;}
	.sub01_ul li img{margin-bottom:10px;}
}
@media all and (max-width:380px) {
	.sub01_ul li{width:46%; padding-bottom:46%;}
}

.sub01_sign{margin-top:2.5em; padding-top:2.5em; border-top:1px solid #f1f1f1; font-weight:500; font-size:1.1em;}


/**/
.his_wrap{overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:10em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li{position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t{position:relative; font-size:1.8em; font-weight:600; margin-bottom:20px;}
.his_wrap li .t:before{content:""; position:absolute; top:0.31em; left:-25px; width:10px; height:10px; border-radius:100%; background:#FFF; border:2px solid #ef4c2a;}
.his_wrap li .c{}
.his_wrap li .c dt{width:40px; display:inline-block; font-weight:500; vertical-align:top; margin-bottom:8px;}
.his_wrap li .c dd{width:calc(100% - 40px); display:inline-block; vertical-align:top; margin-bottom:8px;}

.his_wrap li:nth-of-type(2n){float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-25px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }

@media all and (max-width:850px) {
	.his_wrap .his_bx .in .bg{background-size:95% auto;}
}
@media all and (max-width:650px) {
	.his_wrap .his_bx{padding-left:10px;}
	.his_wrap:before{margin-left:0; left:9px;}
	.his_wrap li{width:100%;}

	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-28px; right:unset;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }
}


/**/
.map_wrap{}
.map_wrap .root_daum_roughmap{padding:0 !important; border:0 !important; border-radius:0 !important; width:100% !important;}
.map_wrap .root_daum_roughmap .wrap_controllers,
.map_wrap .root_daum_roughmap .map_border{display:none !important;}
@media all and (max-width:1200px) {
	.map_wrap .root_daum_roughmap .wrap_map{height:330px !important;}
}
@media all and (max-width:650px) {
	.map_wrap .root_daum_roughmap .wrap_map{height:250px !important;}
}


.map_bs_info{width:100%; overflow:hidden; text-align:center; padding:1.5em 0 ; }
.map_bs_info .t{font-size:1.8em; padding:0px 0 0.5em; }
.map_bs_info .c{font-size:1.0em; display:inline; margin:0 0.5em}

.map_trf_info{/* padding:3em 0 ; */overflow:hidden; border-top:2px solid #000; border-bottom:2px solid #000;}
.map_trf_info .trf_bx{width:100%; float:left; box-sizing:border-box;  padding:1.5em 0; border-top:1px dashed #ddd;}
.map_trf_info .trf_bx:first-child{border-top:0;}
.map_trf_info .ico{width:160px; float:left; text-align:center; font-weight:500; color:#444;/* border:8px solid #ddd; border-width:0px 8px; opacity:0.4 */}
.map_trf_info .ico img{display:block; margin:10px auto; opacity:0.3;}
.map_trf_info .txt{width:calc(100% - 160px); float:left; box-sizing:border-box; padding:0 1.5em;}
.map_trf_info .txt .tit{font-size:1.3em; font-weight:500; margin-bottom:1em;}
.map_trf_info .trf_bx ul{}
.map_trf_info .trf_bx ul li{width:100%; overflow:hidden; margin-bottom:0.3em;}
.map_trf_info .trf_bx ul li span.bar{display:inline-block;width:1px; height:12px; background:#ddd; margin:0 10px;}
.map_trf_info .trf_bx ul li span.line{font-size:0.9em; color:#FFF; margin-right:0.3em; font-weight:500; border-radius:50px; padding:0 1em; display:inline-block;  text-align:center;}
.map_trf_info .trf_bx ul li span.line.line3{background-color:#FFB100;}

@media all and (max-width:1200px) {
	.map_trf_info .trf_bx{width:100%; float:left; box-sizing:border-box; }
}
@media all and (max-width:650px) {
	.map_bs_info br.mo{display:block}
	.map_trf_info .ico{width:95px; border-width:0px 5px; }
	.map_trf_info .ico img{height:45px}
	.map_trf_info .txt{width:calc(100% - 95px); padding:0 1em;}
}


/**/

.prd-bx{width:100%; overflow:hidden; box-sizing:Border-box; margin-top:9em; }
.prd-bx.brd-top{padding-top:9em; border-top:1px solid #f1f1f1}

.prd-tt{font-size:3.2em; font-weight:900; line-height:1.3em; margin:1.7em auto; overflow:hidden;}
.prd-t{font-size:2.2em; font-weight:900;  line-height:1.3em; margin:1.7em auto 0.8em; overflow:hidden; position:relative;}
.prd-c{font-size:1.05em; line-height:1.7em; overflow:hidden;}
.prd-bx .prd-tt span.aos-init,
.prd-bx .prd-t span.aos-init,
.prd-bx .prd-c span.aos-init{display:block;}

@media all and (max-width:1000px) {
	.prd-bx{font-size:0.95em;}
}
@media all and (max-width:850px) {
	.prd-bx{font-size:0.9em;}
	.prd-tt{font-size:3.5em;}
}
@media all and (max-width:650px) {
	.prd-tt{font-size:3.1em;}

	.prd-bx .prd-t br.mo{display:block;}
	.prd-bx .prd-tt br.mo{display:block;}
	.prd-bx .prd-c br.pc{display:none;}
}


.prd-half{overflow:hidden;}
.prd-half>div{width:50%; float:left; margin-top:0;}

.prd-img{}
.prd-img.img01{margin:5em auto 0}
.prd-img.img01 img {width:100%; max-width:650px;}
.prd-img.img04 {margin:3em auto 0; padding:1em; box-sizing:border-box; overflow:hidden;}
.prd-img.img04>div{width:30%; display:inline-block; margin:1.5%;}
.prd-img.img04 img{box-shadow:2px 2px 7px rgba(0, 0, 0, 0.2);} 
.prd-img.img04 b{display:Block; margin-top:1em; font-size:1.05em;}

@media all and (max-width:1200px) {
	.prd-img.img03 img.pc{display:none;}
	.prd-img.img03 img.mo.mo1{display:block;}
	.prd-img.img02 img.pc{display:none;}
	.prd-img.img02 img.mo.mo1{display:block;}
}
@media all and (max-width:650px) {
	.prd-img.img03 img.mo.mo1{display:none;}
	.prd-img.img03 img.mo.mo2{display:block;}
	.prd-img.img02 img.mo.mo1{display:none;}
	.prd-img.img02 img.mo.mo2{display:block;}
	/* .prd-img.img02 img{width:200%; margin-left:-50%;}
	.prd-img.img03 img{width:200%; margin-left:-100%;} */
}


.prd-merit{width:100%; overflow:hidden;}
.prd-merit>li{width:100%; overflow:hidden; display:table; height:500px;}
.prd-merit>li>div{box-sizing:border-box; display:table-cell; vertical-align:middle; overflow:hidden;}
.prd-merit .w2{width:66.6%;}
.prd-merit .w1{width:33.3%;}

.prd-merit .prd-t{font-size:2em; }
.prd-merit .prd-c{font-size:1em;}


.prd-merit .bg{background:no-repeat center center; background-size:cover;}
.prd-merit .txt{text-align:center;}
.prd-merit .txt .prd-t{margin:0 auto; }
.prd-merit .txt .prd-t:after{content:""; width:50px; height:1px; background:#000; display:block; margin:0.5em auto;}

.prd-merit .txt.wh{color:#FFF;}
.prd-merit .txt.wh .prd-t:after{background-color:#FFF}

.prd-merit .txt.txt1{background-color:#61A1E5; }
.prd-merit .txt.txt3{background-color:#46d68a; }
.prd-merit .txt.txt4{/* background-color:#46d68a;  */}
.prd-merit .txt.txt5{background-color:#E0B171; }
.prd-merit .txt.txt6{background-color:#5A5F65; }


@media all and (max-width:1440px) {
	.prd-merit>li{height:400px;}
	.prd-merit {font-size:0.9em;}
}

@media all and (max-width:1000px) {
	.prd-merit .txt{padding:1em; }
	.prd-merit .txt br.pc{display:none;}
}
@media all and (max-width:850px) {
	.prd-merit>li{height:300px;}
}
@media all and (max-width:650px) {
	.prd-merit>li{display:inline; height:unset;}
	.prd-merit>li>div{display:block; float:left; height:280px;}
	.prd-merit .w2{width:100%;}
	.prd-merit .w1{width:50%;}
	.prd-merit .mw1{width:100% !important;}
	.prd-merit .mfl{float:left !important;}
	.prd-merit .mfr{float:right !important;}
	.prd-merit .mdn{display:none !important;}
	
	.prd-merit .txt{display:table;}
	.prd-merit .txt .txt-in{display:table-cell; vertical-align:middle;}

	.prd-merit .txt br.pc{display:block;}
}
@media all and (max-width:550px) {
	.prd-merit>li{display:inline; height:unset;}
	.prd-merit>li>div{display:block; float:left; height:230px;}
	.prd-merit .w2{width:100%;}
	.prd-merit .w1{width:50%;}
	.prd-merit .mw1{width:100% !important;}
	.prd-merit .mfl{float:left !important;}
	.prd-merit .mfr{float:right !important;}
	.prd-merit .mdn{display:none !important;}
	
	.prd-merit .txt{display:table;}
	.prd-merit .txt .txt-in{display:table-cell; vertical-align:middle;}

	.prd-merit .txt br.pc{display:none;}
	.prd-merit .prd-t{font-size:1.8em}
	.prd-merit .txt .prd-t:after{width:30px;}
	.prd-merit .prd-c{line-height:1.4em; font-size:1.1em;}
}


.prd-bx .swiper-slide{background-color:#FFF; padding-bottom:40px}
.prd-bx .swiper-slide img{width:100%; max-width:1100px;}


@media all and (max-width:650px) {
	.prd-bx .swiper-slide img.pc{display:none;}
	.prd-bx .swiper-slide img.mo{display:inline-block;}
}