@charset "utf-8";

.topBar{background:#1758e6;}
.topBar .container{max-width:1200px;margin:0 auto;display:flex;}
.topBar span{display:block;height:4px;}
.topBar .bar_01{background:#ec1e31;width:40px;}
.topBar .bar_02{background:#ed6c2c;width:65px;}
.topBar .bar_03{background:#f1a136;width:170px;}

header{background:#FFF;position:relative;z-index:100;}
header .head_navi .li_1._last{display:none;}
header .head_navi .div_3 { display:none; }

/*DESKTOP*/
@media screen and (min-width:1281px) {
	header .container_1{max-width:1280px;padding:0 10px;margin:0 auto;}
	header .container_2{max-width:1280px;padding:0 10px;margin:0 auto;display:flex;align-items:center;}

	header .head_util{padding-top:10px;display:flex;justify-content:flex-end;}
	header .head_util ul{display:flex;justify-content:flex-end;align-items:center;}
	header .head_util a{color:#878787 ;font-size:13px;display:flex;align-items:center;}
	header .head_util a::before{content:"";display:block;width:1px;height:10px;background:#DDD;margin:0 10px;}
	header .head_util ul li:first-child a::before{display:none;}
	
	header .head_logo{width:350px;}
	header .head_navi{width:calc(100% - 350px);}

	header .head_navi .div_1{position:relative;}
	header .head_navi .ul_1{display:flex;justify-content:space-between;align-items:center;}
	header .head_navi .li_1{position:relative;}
	header .head_navi .a_1{font-size:20px;height:85px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;}
	header .head_navi .div_2{display:none;min-width:180px;position:absolute;top:65px;padding-top:8px;}
	header .head_navi .div_2::before{content:"";display:block;width:100%;height:8px;background: url(../../images/gnb_arrow.png) no-repeat 20px top;position:absolute;top:0;left:0;}
	header .head_navi .ul_2{padding:20px 0;position:relative;background:rgba(31, 39, 56, 1);}
	header .head_navi .li_2{}
	header .head_navi .a_2{color:#c7d1e9;font-size:16px;padding:5px 20px;display:inline-block;}
	header .head_navi .a_2::before{content:"";display:block;width:10px;height:5px;background:#222;transform:scale(0);transition:0.3s;}

	header .head_navi .ul_2:hover{}
	header .head_navi .a_2:hover{color:#FFF;}
	header .head_navi .a_2._active{color:#FFF;}
	header .head_navi .li_1._active .ul_2::before,
	header .head_navi .a_2:hover::after{transform:scale(100%);}

	header .head_navi.active::before,
	header .head_navi.active nav::before,
	header .head_navi .div_2.active{display:block;}

	header .head_navi .openNav,
	header .head_navi .m_top{display:none;}
}


/*MOBILE*/
@media screen and (max-width:1280px) {
	header .container_1{display:none;}
	header .container_2{padding:20px 10px;display:flex;align-items:center;justify-content:space-between;}
	header .head_util{display:none;}
	header .head_logo{width:250px;}

	header .head_navi{position:relative;}
	header .head_navi::before{content:"";display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.7);}
	header .head_navi.active::before{display:block;}
	header .head_navi .container{display:none;position:fixed;right:0;top:0;width:470px;height:100%;background:#FFF;}
	header .head_navi.active .container{display:block;}
	header .head_navi .container::before{content:"";display:block;width:150px;height:100%;position:absolute;left:0;top:0;background:#3e4c57;}
	header .head_navi nav{overflow-y:auto;height:100vh;}
	header .head_navi .div_1{margin-top:75px;position:relative;}
	header .head_navi .ul_1{width:150px;}
	header .head_navi .a_1{font-size:18px;color:#FFF;padding:15px 0;text-align:center;border-bottom:1px solid #DDD;display:block;}
	header .head_navi .div_2{display:none;width:calc(100% - 150px);padding:20px 15px;position:absolute;right:0;top:0;}
	header .head_navi .div_2.active{display:block;}
	header .head_navi .a_2{border:1px solid #DDD;padding:10px 15px;margin-bottom:10px;background:#f3f3f3;display:block;}
	header .head_navi .div_3{margin-bottom:10px;}
	header .head_navi .li_3{border-bottom:1px solid #DDD;}
	header .head_navi .li_3:last-child{border:0;}
	header .head_navi .a_3{font-size:14px;padding:8px 15px;display:block;}

	header .head_navi .a_1._active{color:#000;background:#FFF;font-family:'pebGov';}
	header .head_navi .a_2._active{color:#FFF;background:#3F63C5;border-color:#3F63C5;font-family:'pebGov';}
	header .head_navi .a_3._active{color:#3F63C5;font-family:'pebGov';}

	header .head_navi .openNav{background:url("../../images/m_open.png") no-repeat center;width:50px;height:50px;font-size:0;display:block;}
	header .head_navi .m_top{position:absolute;right:0;top:0;width:100%;height:75px;padding:0 20px;background:#3e4c57;border-bottom:1px solid #DDD;display:none;align-items:center;justify-content:space-between;}
	header .head_navi.active .m_top{display:flex;}
	header .head_navi .closeNav{background:url("../../images/m_close.png") no-repeat center;width:50px;height:50px;font-size:0;}
	header .head_navi .m_gotoSitemap{background:#888;border-radius:30px;font-family:'pebGov';color:#FFF;padding:5px 15px;}

	header .head_navi .m_top ul{display:flex;align-items:center;}
	header .head_navi .m_top ul li a{color:#FFF;display:flex;align-items:center;}
	header .head_navi .m_top ul li a::before{content:"";display:block;width:1px;height:10px;background:#FFF;margin:0 10px;}
	header .head_navi .m_top ul li:first-child a::before{display:none;}
}
@media screen and (max-width:500px) {
	header .head_navi .container{width:95%;}
}


footer{background:#4c505b;padding:25px 0 50px 0;}
footer .container_1{max-width:1280px;padding:0 10px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #70737c;margin-bottom:20px;}
footer .container_2{max-width:1280px;padding:0 10px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}

footer .footerLink{display:flex;align-items:center;flex-wrap:wrap;}
footer .footerLink a{display:block;font-size:16px;color:#FFF;margin-right:20px;padding:15px 0;}
footer .container_1 .item_2{color:#e6edff;font-size:26px;font-family:'pebGov';}

footer address,
footer .copyright{font-size:16px;color:#a1a7b6;}

@media screen and (max-width:1280px) {
	footer .container_1,
	footer .container_2{display:block;}
	footer .footerLink{justify-content:center;}
	footer .footerLink a{margin:0 10px;padding:5px 0;}
	footer .container_1 .item_2{text-align:center;margin:10px 0 20px 0;}
	footer address,
	footer .copyright{text-align:center;}
	footer .container_2 .item_2{text-align:center;margin-top:20px;}

}


.subVisual{height:260px;background:url("../../images/sub/sub_visual.jpg") no-repeat center bottom;background-size:cover;}
.eq1 .subVisual{background:url(../../images/sub_visual_01.jpg) center;}
.eq2 .subVisual{background:url(../../images/sub_visual_02.jpg) center;}
.eq3 .subVisual{background:url(../../images/sub_visual_03.jpg) center;}
.eq4 .subVisual{background:url(../../images/sub_visual_04.jpg) center;}
.eq5 .subVisual{background:url(../../images/sub_visual_05.jpg) center;}
.eq6 .subVisual{background:url(../../images/sub_visual_06.jpg) center;}
.eq7 .subVisual{background:url(../../images/sub_visual_07.jpg) center;}
.eq8 .subVisual{background:url(../../images/sub_visual_08.jpg) center;}
.subVisual .subVisualContainer{max-width:1620px;height:calc(100% - 50px);margin:0 auto;padding:0 10px;position:relative;display:flex;align-items:center;justify-content:center;}
.subVisual .subVisualContainer a{display:none;}
.subVisual .subVisualContainer .visual_intro{text-align:center;color:#FFF;text-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.subVisual .subVisualContainer .visual_intro strong{font-size:35px;}
.subVisual .subVisualContainer .visual_intro span{font-size:26px;font-style:italic;display:block;}
@media screen and (max-width:1280px) {
	.subVisual{display:none;}
}

/* 로케이션메뉴 */ 
.locationNav {position:absolute;left:0;top:327px;padding:0 10px;width:100%;background:rgba(0,0,0,0.7);}
.locationNav .sub_navi {max-width:1280px; margin: 0 auto; display:flex; justify-content:space-between; align-items:center; }
.locationNav .sub_navi > ul { display:flex; align-items:center; }
.locationNav .sub_navi > ul > li { height:50px; background:url("../../images/bul_06.png") no-repeat right; }
.locationNav .sub_navi > ul > li:last-child { background:none; }

.locationNav .sub_navi > ul > li.home { background:none; }
.locationNav .sub_navi > ul > li.home > a { font-size:0; display:block; width:50px; height:100%; background:#1758e6 url("../../images/bul_home.png") no-repeat center; }
.locationNav .sub_navi > ul > li:not(:first-child) > a { font-size:16px; color:#fff; display:block; display:flex; align-items:center; height:100%; min-width:220px; padding:15px 50px 15px 20px; background:url("../../images/bul_05.png") no-repeat 88%; }
.locationNav .sub_navi > ul > li:last-child > a { background:url("../../images/bul_07.png") no-repeat 88%; }

.locationNav .sub_navi > ul > li > ul { width:200px; position:absolute; top:50px; border:1px solid #cdcdcd; border-top:4px solid #5d5d5d; background:#fff; z-index:2; display:none; }
.locationNav .sub_navi > ul > li > ul > li {}
.locationNav .sub_navi > ul > li > ul > li > a { display:block; padding:10px 15px; border-bottom:1px solid #e0e0e0; color:#313131; }

@media screen and (max-width:1280px) {
	.locationNav {position:relative;top:unset;background:#f5f5f5;padding:0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
	.locationNav .sub_navi > ul > li { height:40px; background:url("../../images/bul_09.png") no-repeat right !important; }
	.locationNav .sub_navi > ul > li:last-child { background:none !important; }
	.locationNav .sub_navi > ul > li.home > a { background:url("../../images/bul_home_m.png") no-repeat center; }
	.locationNav .sub_navi > ul > li:not(:first-child) > a { width:auto; min-width:unset; padding:7px 15px; color:#666; background:none; }
}

@media screen and (max-width:768px) {
}

.zoom-print { padding:0 10px;background-color: rgba( 17, 27, 48, 0.8 ); height:50px; display:flex; align-items:center; }
.zoom-print a { min-width:40px;text-indent:-9999px; }
.zoom-print a.zoomIn{background:url(../../images/plus_01.png) no-repeat center;}
.zoom-print a.zoomNormal{color:#FFF;font-size:12px;text-indent:0px;}
.zoom-print a.zoomOut{background:url(../../images/minus_01.png) no-repeat center;}
.zoom-print a.btnPrint{background:url(../../images/bul_print.png) no-repeat center;}
@media screen and (max-width:1200px) {
	.zoom-print { display:none; }
}

.sub .wrap_contents{max-width:1280px;margin: 50px auto;background:#FFF;}
.sub .wrap_contents{display:flex;justify-content:space-between;}
.sub .wrap_contents .sideA{width:230px;}
.sub .wrap_contents .sideB{width:1000px;}

.sideNav{border-bottom:2px solid #222;}
.sideNav .menuSubTitleUI{height:110px;display:flex;align-items:center;justify-content:center;background: url(../../images/bg_sideNav.png) repeat center;}
.sideNav .menuSubTitleUI h2{color:#FFF;font-size:22px;}
.sideNav .a_2{font-size:18px;padding:15px;display:block;border-bottom:1px solid #DDD;position:relative;}
.sideNav .a_2._active{color:#FFF;background:#4368b9;}

.sideNav .div_3{display:none;padding:15px 20px;background:#f3f3f3;}
.sideNav .li_2._active .div_3{display:block;}
.sideNav .a_3{font-size:16px;padding:4px 10px 4px 15px;display:block;position:relative;}
.sideNav .a_3._active{color:#4368b9;}
.sideNav .a_3::before{content:"";display:block;width:5px;height:2px;background:#666;position:absolute;left:0;top:15px;}

.pageTitle{padding-bottom:30px;background:url(../../images/pattern_01.png) repeat-x bottom; position:relative; z-index:1; }
.pageTitle::before{content:"";display:block;width:80px;height:3px;margin-bottom:20px;background:#000;}
.pageTitle h1{font-size:32px;}

.sub_util{display:none;}
.contents{padding:45px 0;}
@media screen and (max-width:1280px) {
	.sub .wrap_contents .sideA{display:none;}
	.sub .wrap_contents .sideB{width:100%;padding:0 20px;}
}

@media screen and (max-width:768px) {
}

/* 탭메뉴 */
.tab_div { margin-top:40px; }
.tab_div > ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; } 
.tab_div > ul > li { flex:1 0 auto; border-bottom:2px solid #51617d; background:url("../../images/divide_line_02.png") no-repeat right; }
.tab_div > ul > li > a { min-width:120px; min-height:50px; display:block; border-top:2px solid #ddd; background:url("../../images/bul_tab.png") no-repeat 93%; padding:10px 10px 10px 20px; }
.tab_div > ul > li > a:hover, 
.tab_div > ul > li > a:focus,
.tab_div > ul > li > a._active { background: #51617d url("../../images/bul_tab_on.png") no-repeat 93%; transition:all 0.3s 0.2s ease; color:#fff; }
.tab_div > ul > li:last-child { background:none; }