@charset "utf-8";

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

/*DESKTOP*/
@media screen and (min-width:1281px) {
	header .container_1{background:#0b6ed1;}
	header .container_2{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}

	header .head_util{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;}
	header .head_util ul{display:flex;align-items:center;justify-content:flex-end;}
	header .head_util a{color:#FFF;font-size:13px;display:flex;align-items:center;padding:6px 0;}
	header .head_util a::before{content:"";display:block;width:1px;height:10px;background:#FFF;margin:0 15px;}
	header .head_util li:first-child a::before{display:none;}

	header .head_logo{width:410px;}
	header .head_navi{width:calc(100% - 410px);}

	header .head_navi::before{content:"";display:none;width:100%;min-height:380px;position:absolute;left:0;top:120px;background:url("../../images/bg_lnb_sub.gif");opacity:0.9;}
	header .head_navi nav::before{content:"";display:none;width:369px;min-height:224px;position:absolute;right:50%;top:275px;margin-right:-1010px;background:url("../../images/bg_lnb_container.png") no-repeat left center;background-size:cover;}
	header .head_navi nav::after{content:"";display:none;width:280px;min-height:183px;position:absolute;left:50%;top:150px;margin-left:-640px;background:url("../../images/tel.png") no-repeat left center;}

	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{width:100%;position:relative;}
	header .head_navi .a_1{font-size:20px;font-family:'pebGov';height:90px;display:flex;align-items:center;}
	header .head_navi .div_2{display:none;position:absolute;width:100%;}
	header .head_navi .ul_2{padding:20px 0;min-height:380px;position:relative;}
	header .head_navi .a_2{color:#FFF;font-size:16px;padding:5px 0;display:inline-block;}
	header .head_navi .a_2::after{content:"";display:block;width:100%;height:1px;background:#ffcc00;transform:scale(0);transition:0.3s;}
	header .head_navi .div_3{display:none;}
	
	header .head_navi .li_1:hover .a_1,
	header .head_navi .a_1._active{color:#2247a6;}
	header .head_navi .a_2:hover,
	header .head_navi .a_2._active{color:#ffcc00;}
	header .head_navi .a_2:hover::after{transform:scale(100%);}

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

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

	header .head_allNavi{width:90px;}
	header .head_allNavi .openAllNavi{background:url("../../images/btn_all_menu.gif") no-repeat center;width:90px;height:90px;font-size:0;display:block;}
	header .head_allNavi .closeAllNavi{background:#FFF url("../../images/x_6_b.png") no-repeat center;width:60px;height:60px;font-size:0;display:none;position:absolute;top:60px;right:50%;margin-right:-640px;}
	header .closeAllNavi{display:none;}
	header .allNavi{display:none;}
	header .head_allNavi.active .closeAllNavi,
	header .head_allNavi.active .allNavi{display:block;}

	header .allNavi{position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.7);}
	header .allNavi nav{position:absolute;top:120px;left:50%;width:1280px;margin-left:-640px;background:#FFF;padding:50px;}
	header .allNavi .div_1{overflow-y:auto;height:650px;}
	header .allNavi .a_1{font-size:20px;font-family:'pebGov';color:#FFF;padding:30px;}
	header .allNavi .a_2{font-size:16px;font-family:'pebGov';color:#222;padding:10px 0;display:block;}
	header .allNavi .a_3{font-size:14px;color:#888;padding:3px 0 3px 12px;display:block;position:relative;}
	header .allNavi .a_3::before{content:"";display:block;width:4px;height:1px;background:#888;position:absolute;top:12px;left:0;}
	header .allNavi .li_1:nth-child(1) .a_1{background:url("../../images/bg_all_menu1.gif");}
	header .allNavi .li_1:nth-child(2) .a_1{background:url("../../images/bg_all_menu2.gif");}
	header .allNavi .li_1:nth-child(3) .a_1{background:url("../../images/bg_all_menu3.gif");}
	header .allNavi .li_1:nth-child(4) .a_1{background:url("../../images/bg_all_menu4.gif");}
	header .allNavi .li_1:nth-child(5) .a_1{background:url("../../images/bg_all_menu5.gif");}
	header .allNavi .li_1{display:flex;justify-content:space-between;margin-bottom:5px;}
	header .allNavi .a_1{width:20%;}
	header .allNavi .div_2{width:80%;background:#efefef;padding:30px;}
	header .allNavi .ul_2{display:flex;flex-wrap:wrap;}
	header .allNavi .li_2{width:25%;}

}
@media screen and (max-width:2020px) {
	header .head_navi nav::before{left:0;margin-left:0;}
}


/*MOBILE*/
@media screen and (max-width:1280px) {
	header .container_1{display:none;}
	header .container_2{display:flex;align-items:center;justify-content:space-between;}
	header .head_logo{width:200px;padding-left:10px;}
	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:#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 .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:#0b6ed1  url("../../images/btn_m_open.png") no-repeat center;width:60px;height:60px;font-size:0;display:block;}
	header .head_navi .m_top{position:absolute;right:0;top:0;width:100%;height:75px;padding:0 20px;background:#FFF;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_b.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;}
	header .head_navi .m_top ul a{color:#3F63C5;font-size:14px;font-family:'pebGov';}
	header .head_navi .m_top li{display:flex;align-items:center;}
	header .head_navi .m_top li::before{content:"";display:block;width:1px;height:10px;background:#3F63C5;margin:0 10px;}
	header .head_navi .m_top li:first-child::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{max-width:1280px;margin:0 auto;padding:30px 0;display:flex;align-items:center;justify-content:space-between;}
footer .footerLink{margin-bottom:10px;}
footer .footerLink ul{display:flex;align-items:center;}
footer .footerLink li{display:flex;align-items:center;}
footer .footerLink a{font-size:16px;color:#222;line-height:1;display:block;}
footer .footerLink li::before{content:"";display:block;width:1px;height:10px;background:#222;margin:0 15px;}
footer .footerLink li:first-child::before{display:none;}

footer address{font-size:14px;color:#222;}
footer .copyright{font-size:14px;color:#222;}
footer .mark{width:80px;height:80px;font-size:0;background:url("../../images/mark.gif") no-repeat center;}
@media screen and (max-width:1280px) {
	footer{padding:0 15px;}
}
@media screen and (max-width:768px) {
	footer .container_1{display:block;text-align:center;}
	footer .footerLink ul{justify-content:center;}
	footer .mark{width:60px;height:60px;background-size:100%;margin:20px auto;}
}


.subVisual{height:150px;background:url("../../images/sub-visual.jpg") no-repeat center;background-size:cover;border-top:1px solid #d1d1d1;}
.subVisual .subVisualContainer{max-width:1280px;margin: 0 auto;padding-top:40px;}
.subVisual .subVisualContainer a{display:none;}
.subVisual .subVisualContainer .visual_intro{color:#222;}
.subVisual .subVisualContainer .visual_intro span{font-size:18px;font-family:'prGov';border-bottom:1px solid #222;}
.subVisual .subVisualContainer .visual_intro strong{font-size:35px;font-family:'pelGov';display:block;margin-top:5px;}
@media screen and (max-width:1280px) {
	.subVisual{height:110px;}
	.subVisual .subVisualContainer{padding:20px;}
	.subVisual .subVisualContainer .visual_intro span{font-size:16px;}
	.subVisual .subVisualContainer .visual_intro strong{font-size:25px;}
}


.page_util{background:#f5f6f7;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}
.page_util_container{max-width:1280px;margin: 0 auto;display:flex;justify-content:space-between;}
.locationNav{}
.locationNav .sub_navi{}
.locationNav .sub_navi ul{display:flex;}
.locationNav .sub_navi ul li{font-size:16px;color:#222;padding-left:15px;min-width:215px;display:flex;align-items:center;justify-content:space-between;border-right:1px solid #d1d1d1;}
.locationNav .sub_navi ul li::after{content:"";display:block;width:45px;height:50px;background:url("../../images/arrow_2_b.png") no-repeat center;transform:rotate(90deg);}
.locationNav .sub_navi ul li.home{border-left:1px solid #d1d1d1;padding:0;min-width:unset;}
.locationNav .sub_navi ul li.home a{font-size:0;width:50px;height:50px;background:#FFF url("../../images/icon_home.png") no-repeat center;display:block;}
.locationNav .sub_navi ul li.home::after{display:none;}

.sub_util{}
.sub_util .item_share{display:none;}
.sub_util .item_print button{font-size:0;width:50px;height:50px;background:url("../../images/print_2_b.png") no-repeat center;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
@media screen and (max-width:1280px) {
	.page_util{display:none;}
}
@media screen and (max-width:768px) {
}


.wrap_contents{}
.sub .wrap_contents{display:flex;justify-content:space-between;max-width:1280px;background:#FFF;margin:0 auto;}
.sub .wrap_contents .sideA{width:240px;}
.sub .wrap_contents .sideB{width:1000px;}
.sub .wrap_contents{padding-bottom:100px;}
@media screen and (max-width:1280px) {
	.sub .wrap_contents .sideA{display:none;}
	.sub .wrap_contents .sideB{width:100%;padding:0 20px;}
}


.sideNav{}
.sideNav .menuSubTitleUI{height:113px;background:url("../../images/bg_snb.gif") no-repeat center;background-size:cover;display:flex;align-items:center;justify-content:center;}
.sideNav .menuSubTitleUI h2{font-size:24px;color:#FFF;font-family:'prGov';}
.sideNav .ul_2{border-bottom:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;}
.sideNav .a_2{font-size:18px;padding:15px;display:block;border-bottom:1px solid #DDD;position:relative;}
.sideNav .a_2._active{color:#FFF;border-color:#3f85d3;background:#3f85d3;}
.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:#3f85d3;}
.sideNav .a_3::before{content:"";display:block;width:3px;height:3px;background:#666;position:absolute;left:0;top:13px;}


.pageTitle{padding:30px 0 20px 0;position:relative; display:flex; justify-content:space-between; }
.pageTitle::after{content:""; position:absolute; bottom:0; width:100%; height:7px; background:url("../../images/bg_con_title.gif") repeat; }
.pageTitle h1{font-size:32px;}
.contents{padding:45px 0;}

@media screen and (max-width:1280px) {
	.pageTitle h1{font-size:25px;}
}