@charset "utf-8";

.menuUItop .ul_1 .li_1:nth-last-child(-n + 1) { display:none; }
.menuUItop .ul_1 .li_1:nth-last-child(2) a::before { display:none; }

header{position:absolute;z-index:100;left:0;top:0;width:100%;}

/*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% - 490px);}
	header .head_allNavi{width:140px;padding-top:26px;position:relative;}

	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:20px;color:#FFF;height:80px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;}
	header .head_navi .a_1::before{content:"";display:block;width:1px;height:20px;background:#FFF;position:absolute;right:0;top:calc(50% - 10px);}
	header .head_navi .li_1:last-child .a_1::before{display:none;}
	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;}
	
	header .head_allNavi .allNavi,
	header .head_allNavi .closeAllNavi{display:none;}
	header .head_allNavi .openAllNavi{width:100%;padding:4px 0;border:1px solid #FFF;background:#000;color:#FFF;font-size:14px;display:flex;align-items:center;justify-content:center;}
	header .head_allNavi .closeAllNavi{width:100%;padding:4px 0;border:1px solid #DDD;background:#EEE;font-size:14px;position:absolute;right:0;top:26px;align-items:center;justify-content:center;}
	header .head_allNavi .openAllNavi::before{content:"";display:block;width:12px;height:12px;background:url("../../images/common/navTypeC_1.png") no-repeat center;margin-right:15px;}
	header .head_allNavi .closeAllNavi::before{content:"";display:block;width:12px;height:12px;background:url("../../images/common/x_1_b.png") no-repeat center;margin-right:15px;}
	header .head_allNavi .allNavi{width:1280px;position:absolute;right:0;top:70px;background:#FFF;box-shadow:0px 0px 30px rgba(0,0,0,0.3);}
	header .head_allNavi .allNavi .ul_1{display:flex;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-top:1px solid #CCC;}
	header .head_allNavi .allNavi .li_1{width:100%;border-left:1px solid #CCC;}
	header .head_allNavi .allNavi .a_1{font-size:25px;padding:15px 30px;background:#f6f6f6;display:block;border-bottom:1px solid #CCC;}
	header .head_allNavi .allNavi .div_2{padding:20px 30px;}
	header .head_allNavi .allNavi .div_3{padding:10px 0;}
	header .head_allNavi .allNavi .li_2{margin-bottom:10px;}
	header .head_allNavi .allNavi .a_2{font-size:20px;color:#333;}
	header .head_allNavi .allNavi .a_3{font-size:15px;color:#888;}

	header .head_allNavi.active .allNavi{display:block;}
	header .head_allNavi.active .closeAllNavi{display:flex;}

	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_allNavi{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;}
footer .container_1{border-top:1px solid #CCC;border-bottom: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 .footerLink{max-width:1280px;margin:0 auto;padding:10px 0;}
footer .footerLink ul{display:flex;align-items:center;flex-wrap:wrap;}
footer .footerLink li{display:flex;align-items:center;}
footer .footerLink a{font-size:16px;padding:5px 0;display:flex;align-items:center;}
footer .footerLink a::after{content:"";display:block;width:1px;height:10px;background:#CCC;margin:0 15px;}
footer .footerLink li:last-child a::after{display:none;}

footer address,
footer .copyright{font-size:16px;color:#222;}

@media screen and (max-width:1280px) {
	footer .container_1{padding:0 10px;}
	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;}
.subVisual .subVisualContainer .visual_intro span{width:calc(100% - 300px);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:300px;height:100%;font-size:35px;color:#FFF;background:#9e754d;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% - 200px);font-size:15px;letter-spacing:10px;}
	.subVisual .subVisualContainer .visual_intro strong{width:200px;font-size:25px;}
}
@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:20px;}
}

.locationNav{display:none;}


.main,
.sub{background:#f4f4f4;}
.sub .wrap_contents{max-width:1280px;margin:-40px 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;}
}

.sideNav{}
.sideNav .menuSubTitleUI{display:none;}
.sideNav .ul_2{display:flex;justify-content:space-between;}
.sideNav .li_2{width:100%;position:relative;}
.sideNav .a_2{font-size:17px;color:#FFF;padding:8px 30px 8px 15px;display:block;border-left:1px solid #DDD;position:relative;background:#507da6;}
.sideNav .a_2._active{background:#48759e;}
.sideNav .a_2::before{content:"";display:block;width:10px;height:10px;background:url("../../images/common/arrow_2_w.png") no-repeat center;position:absolute;right:15px;top:calc(50% - 5px);transform:rotate(90deg);}
.sideNav .div_3{display:none;background:#FFF;border:1px solid #DDD;border-top:0;background:#FFF;position:absolute;left:0;top:40px;width:100%;z-index:1;}
.sideNav .div_3._active{display:block;}
.sideNav .a_3{font-size:14px;padding:6px 10px 6px 20px;display:block;position:relative;border-top:1px solid #DDD;}
.sideNav .a_3._active{}
.sideNav .a_3::before{content:"";display:block;width:4px;height:2px;background:#aac4db;position:absolute;left:10px;top:15px;}
@media screen and (max-width:768px) {
	.sideNav{display:none;}
}


.tabNav{ margin-top:50px; }
.tabNav .ul_4{display:flex;justify-content:space-between;}
.tabNav .li_4{width:100%;margin:2px;}
.tabNav .a_4{font-size:16px;padding:8px 30px 8px 15px;display:block;border:1px solid #ababab;position:relative;background:#EEE;}
.tabNav .a_4._active{background:#507da6;border-color:#507da6;color:#FFF;}
.tabNav .a_4::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_4._active::before{background:url("../../images/common/arrow_13_w.png") no-repeat center;transform:rotate(90deg);}
@media screen and (max-width:1280px) {
	.tabNav .ul_4{flex-wrap:wrap;}
	.tabNav .li_4{width:32.3%;margin:0.5%;}
}
@media screen and (max-width:768px) {
	.tabNav .li_4{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 50px;*/}
@media screen and (max-width:768px) {
	.pageTitle h1{font-size:30px;}
}