@charset "utf-8";

header{position:absolute;z-index:100;left:0;top:0;width:100%;}
header .head_navi .li_1._last{display:none;}

/*DESKTOP*/
@media screen and (min-width:1281px) {
	header .container_1{background:rgba(0,0,0,0.5);border-bottom:1px solid rgba(255,255,255,0.5);}
	header .container_2{max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;position:relative;}

	header .head_util{max-width:1280px;margin:0 auto;}
	header .head_util ul{display:flex;justify-content:flex-end;align-items:center;border-right:1px solid rgba(255,255,255,0.5);}
	header .head_util a{color:#FFF;font-size:13px;display:flex;align-items:center;padding:4px 15px;border-left:1px solid rgba(255,255,255,0.5);}
	header .head_logo{width:350px;display:flex;align-items:center;padding-top:7px;}
	header .head_logo a{margin-right:10px;}
	header .head_logo .logo_c{display:none;}
	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;border-right:1px solid transparent;}
	header .head_navi .li_1{width:100%;position:relative;}
	header .head_navi .a_1{font-size:18px;color:#FFF;letter-spacing:-1px;height:80px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;}
	header .head_navi .div_2{display:none;width:100%;}
	header .head_navi .ul_2{padding:20px 0 50px ;position:relative;}
	header .head_navi .a_2{font-size:17px;padding:5px 20px;display:block;text-align:center;}
	header .head_navi .div_3{display:none;}

	header .head_navi .div_2.active{display:block;}

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

	header::before{content:"";display:none;width:100%;height:calc(100% - 27px);background:#FFF;position:absolute;left:0;top:27px;}
	header::after{content:"";display:none;width:100%;height:1px;background:#DDD;position:absolute;left:0;top:107px;}
	header .head_navi .li_1::before{content:"";display:block;width:1px;height:100%;background:transparent;position:absolute;left:0;top:0;}

	body.navOn header .head_logo .logo_c{display:block;}
	body.navOn header .head_logo .logo_w{display:none;}
	body.navOn header .head_allNavi .openAllNavi{display:none;}
	body.navOn header::before,
	body.navOn header::after{display:block;}
	body.navOn header .head_navi .ul_1{border-color:#DDD;}
	body.navOn header .head_navi .li_1::before{background:#DDD;}
	body.navOn header .head_navi .a_1{color:#000;}
	body.navOn header .head_navi .li_1:hover{background:#EEE;}
	body.navOn header .head_navi .li_1:hover .a_1{color:#116faa;}
}


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

	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:#48759e;}
	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:#9e754d;border-color:#9e754d;font-family:'pebGov';}
	header .head_navi .a_3._active{color:#9e754d;font-family:'pebGov';}

	header .head_navi .openNav{background:url("../../images/common/sitemap_b.png") no-repeat center 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:#48759e;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/common/x_6_w.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:#FFF;border-top:1px solid #CCC;}
footer .container_2{max-width:1280px;margin:0 auto;padding:30px 0 30px 160px;background:url(../../images/common/foot_logo.png) no-repeat left center;}

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

@media screen and (max-width:1280px) {
	footer .container_2{padding:20px 10px;background:none;}
}


.subVisual{height:340px;padding:110px 0 80px 0;background:url("../../images/common/sub_vis1.jpg") no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center;}
.subVisual .subVisualContainer{width:1280px;height:100%;border:1px solid rgba(255,255,255,0.5);}
.subVisual .subVisualContainer a{display:none;}
.subVisual .subVisualContainer .visual_intro{width:100%;height:100%;display:flex;text-align:center;}
.subVisual .subVisualContainer .visual_intro span{width:calc(100% - 400px);height:100%;font-size:18px;color:#FFF;background:rgba(0,0,0,0.5);letter-spacing:15px;padding:0 15px;display:flex;align-items:center;justify-content:center;}
.subVisual .subVisualContainer .visual_intro strong{width:400px;height:100%;font-size:22px;color:#FFF;background:#9e754d;padding:0 15px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,0.5);}
@media screen and (max-width:1280px) {
	.subVisual .subVisualContainer{width:calc(100% - 20px);}
	.subVisual .subVisualContainer .visual_intro span{width:calc(100% - 250px);font-size:15px;letter-spacing:10px;}
	.subVisual .subVisualContainer .visual_intro strong{width:250px;font-size:20px;}
}
@media screen and (max-width:768px) {
	.subVisual{height:220px;padding:95px 0 20px 0;}
	.subVisual .subVisualContainer .visual_intro span{width:calc(100% - 150px);font-size:13px;letter-spacing:5px;}
	.subVisual .subVisualContainer .visual_intro strong{width:150px;font-size:14px;}
}


.main,
.sub{background:#f4f4f4;}
.sub .wrap_contents{max-width:1280px;margin:-39px auto 50px auto;background:#FFF;border:1px solid #CCC;}
.sub .wrap_contents .sideB{padding:30px;}
@media screen and (max-width:1280px) {
	.sub .wrap_contents{border:0;}
	.sub .wrap_contents .sideB{padding:30px 15px;}
}
@media screen and (max-width:768px) {
	.sub .wrap_contents{margin-top:0;}
}


.locationNav{border-bottom:1px solid #CCC;}
.locationNav .sub_navi{}
.locationNav .sub_navi ul{display:flex;justify-content:space-between;}
.locationNav .sub_navi ul li{ width:100%;position:relative;background:#ececec;border-left:1px solid #CCC;font-size:15px;color:#222;padding:9px 30px 9px 15px; position:relative; }
.locationNav .sub_navi ul li::before{content:"";display:block;width:10px;height:10px;background:url("../../images/common/arrow_2_b.png") no-repeat center;position:absolute;right:15px;top:calc(50% - 5px);}
.locationNav .sub_navi ul li a{display:block;}
.locationNav .sub_navi ul li:first-child{border:0;}
.locationNav .sub_navi ul li:last-child::before{display:none;}
.locationNav .sub_navi .mList { display:none; border:none; position:absolute; top:40px; left:-1px; width:100%; }
.locationNav .sub_navi .mList > li { background-color:#fff; border-bottom: 1px solid #cbcbcb; border-right:1px solid #cbcbcb; z-index:1; }
.locationNav .sub_navi .mList > li:hover { background-color:#e7eef5; }
@media screen and (max-width:768px) {
	.locationNav{display:none;}
}




.tabNav{}
.tabNav .ul_3{display:flex;justify-content:space-between;}
.tabNav .li_3{width:100%;margin:2px;}
.tabNav .a_3{font-size:16px;padding:8px 30px 8px 15px;display:block;border:1px solid #ababab;position:relative;background:#EEE;}
.tabNav .a_3._active{background:#507da6;border-color:#507da6;color:#FFF;}
.tabNav .a_3::before{content:"";display:block;width:10px;height:10px;background:url("../../images/common/arrow_13_b.png") no-repeat center;position:absolute;right:15px;top:calc(50% - 5px);}
.tabNav .a_3._active::before{background:url("../../images/common/arrow_13_w.png") no-repeat center;transform:rotate(90deg);}
@media screen and (max-width:1280px) {
	.tabNav .ul_3{flex-wrap:wrap;}
	.tabNav .li_3{width:32.3%;margin:0.5%;}
}
@media screen and (max-width:768px) {
	.tabNav .li_3{width:49%;}
}


.pageNav{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:50px;}
.pageNav::before{content:"";display:block;width:100%;height:1px;background:#cbcbcb;position:absolute;left:0;top:calc(50% - 0.5px);}
.pageNav a{display:block;margin:0 5px;width:40px;height:40px;border:1px solid #cbcbcb;font-size:0;background:#FFF url("../../images/common/arrow_2_b.png") no-repeat center;position:relative;}
.pageNav a.prev{transform:rotate(180deg);}
@media screen and (max-width:768px) {
	.pageNav a{width:30px;height:30px;}
}


.pageTitle{padding:20px 0;text-align:center;}
.pageTitle h1{font-size:40px;}
.contents{padding:30px 0;}
@media screen and (max-width:768px) {
	.pageTitle h1{font-size:30px;}
}