@charset "utf-8";

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

/*DESKTOP*/
@media screen and (min-width:1025px) {
	header{border-bottom:1px solid #CCC;}
	header .container_1{background:#343539;position:relative;}
	header .container_2{max-width:1024px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}

	header .head_util{max-width:1280px;margin:0 auto;}
	header .head_util ul{display:flex;justify-content:flex-end;align-items:center;}
	header .head_util li{border-left:1px solid #EEE;}
	header .head_util a{color:#EEE;font-size:13px;padding:5px 10px;display:flex;align-items:center;}
	header .head_util a.aColor{background:#426bb8;}
	header .head_util ul li:last-child a::after{display:none;}
	
	header .head_logo{width:300px;display:flex;justify-content:space-between;align-items:center;}

	header .head_navi{width:calc(100% - 300px);position:relative;}
	header .head_navi .div_1{}
	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:17px;color:#222;font-family:'pebGov';height:70px;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.2;}
	header .head_navi .div_2{display:none;position:absolute;top:55px;left:50%;background:#0b46b4;min-width:200px;margin-left:-100px;}
	header .head_navi .ul_2{padding:10px 20px;}
	header .head_navi .a_2{color:#9fbcf4;font-size:15px;padding:5px 0;display:inline-block;}

	header .head_navi .li_1:hover .a_1,
	header .head_navi .a_1._active{color:#0000ff;}
	header .head_navi .a_2:hover,
	header .head_navi .a_2._active{color:#FFF;}

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

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


/*MOBILE*/
@media screen and (max-width:1024px) {
	header{padding:10px;border-bottom:1px solid #DDD;}
	header .container_1{display:none;}
	header .container_2{display:flex;justify-content:space-between;align-items:center;}
	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:#3F63C5;}
	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 .li_1{}
	header .head_navi .a_1{font-size:16px;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{font-size:14px;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/sitemap_b.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:#3F63C5;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/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_1{border-bottom:1px solid #CCC;}
footer .container_2{max-width:1024px;margin:0 auto;padding:20px 0 20px 200px;background:url("../../images/common/ft_logo.gif") no-repeat left center;}

footer .footerLink{max-width:1024px;margin:0 auto;}
footer .footerLink ul{display:flex;align-items:center;flex-wrap:wrap;}
footer .footerLink a{font-size:14px;color:#222;padding:9px 0;display:flex;align-items:center;}
footer .footerLink a::before{content:"";display:block;width:1px;height:13px;background:#888;margin:0 15px;}
footer .footerLink li:first-child a::before{display:none;}

footer address{font-size:14px;color:#222;}
footer .copyright{font-size:14px;color:#888;}

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


.wrap_contents{max-width:1024px;margin:0 auto;}
.wrap_contents::before{content:"";display:block;width:100%;height:80px;background:#faf9fa;position:absolute;left:0;top:100px;z-index:-1;}
.sub .wrap_contents{padding:30px 0;}
@media screen and (max-width:1024px) {
	.wrap_contents::before{display:none;}
	.sub .wrap_contents{padding:20px;}
}


.wrapPageInfo{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid #CCC;position:relative;}
.wrapPageInfo::before{content:"";display:block;width:200px;height:2px;background:#284e96;position:absolute;left:0;bottom:-2px;}

.pageTitle{display:flex;align-items:center;background:url("../../images/common/sub_title.gif") no-repeat left center;padding-left:25px;}
.pageTitle h1{font-size:20px;color:#222;}

.locationNav{}
.locationNav .sub_navi{}
.locationNav .sub_navi ul{display:flex;align-items:center;justify-content:flex-end;line-height:1;}
.locationNav .sub_navi ul li{font-size:14px;color:#989898;display:flex;align-items:center;}
.locationNav .sub_navi ul li::after{content:"";display:block;width:15px;height:10px;margin:0 5px;background:url("../../images/arrow_1_b.png") no-repeat center;}
.locationNav .sub_navi ul li:last-child::after{display:none;}
.locationNav .sub_navi ul li a{font-size:16px;color:#434343 ;display:block;height:20px;}
.locationNav .sub_navi ul li.home{background:none;margin-right:0;}
.locationNav .sub_navi ul li.home a{font-size:0;width:15px;background:url("../../images/common/sub_nav_home.gif") no-repeat left center;}
@media screen and (max-width:1024px) {
	.locationNav{display:none;}
}

.tabNav{}
.tabNav .menuUItab{padding:30px 0;}
.tabNav .ul_3{display:flex;flex-wrap:wrap;}
.tabNav .li_3{margin:0 5px 5px 0;}
.tabNav .a_3{font-size:14px;padding:8px 15px;line-height:1;border:1px solid #CCC;background:#EEE;display:inline-block;}
.tabNav .a_3:hover,
.tabNav .a_3._active{color:#00a4e3;background:#FFF;border-color:#00a4e3;}
@media screen and (max-width:1024px) {
}


.contents{padding-top:30px;}