@charset "utf-8";

/* °øÅë ·¹À̾ƿô */
.wrap {position:relative; width:1600px; margin:0 auto; padding:0;}
.wrap:after {content:""; display:block; clear:both;}
#header { position:absolute; top:0; left:0; background:none; z-index:200; width:100%;}
#footer {position:relative; width:100%; height:100px; background:#464950;}
#wrap{position:relative; width:100%; }

@media all and (max-width:1650px) {
	.wrap{width:100%;}
}
@media all and (max-width:1650px) {	
	.mCont_scroll img {width:100%;}
}

/* container */
#container { background-color:#fff; width:100%; }
#container.sub{background-image:url('/imgs/sub/sub_bg.gif');background-repeat:repeat-x;     padding-bottom: 60px;}

/* content */
#content{margin:50px 0 60px 0; min-height:400px; width:100%;}
@media all and (max-width:1600px) {
		#content{width:94%; margin:30px 3%;}
}
@media all and (max-width:767px) {
		#content{width:94%; margin:15px 3%; min-height:300px; }
		#container.sub { padding-bottom:0; }
}
/* header */
#header h1.logo {text-align:left;padding-top:30px; margin-left:3%; }
@media all and (max-width:767px) {
		#header h1.logo {text-align:left;padding-top:8px; padding-left:10px;}
}

/* lnb */
#lnb {position:absolute; top: 55px; right: 3%; transform: translate(0, -50%); width:830px;}
#lnb li {float:left;display:block; width:20%;height:76px;text-align:center;}
#lnb li a {display:block;position:relative;color:#fff;font-weight:500;font-size:1em;height:76px;line-height:76px; }
#lnb > ul { display:flex; }
#lnb > ul > li > a { font-family:'Montserrat';}
#lnb > ul > li > a::after{content:""; display:none; clear:both;position:absolute;bottom:-11px;left:20%;height:4px;width:60%;background:#33a7df;}
#lnb > ul > li > a:hover::after, #lnb > ul > li.mon > a::after{display:block;}

#lnb ul {margin:0; padding:0;}
#lnb ul div.top2m {padding:0; display:none; z-index:1000;width:20%;}
#lnb ul ul {margin:0; padding:15px 0 0 0;}
#lnb ul ul li {float:none;margin:0; padding:0 15px;height:auto;width:auto;text-align:left;}
#lnb ul ul li a {display:block;text-decoration:none; margin:0;height:28px;line-height:28px; font-size:1.2em;}
#lnb ul ul li a span{padding:0 5px; color:#fff; font-weight:normal; font-size:0.7em;}
#lnb ul ul li a:hover {text-decoration:none;}
#lnb ul ul li a:hover span, #lnb ul ul li a.active span{color:#94dcff;}
.lnb_bar{width:100%;min-width:830px;height:270px;position:absolute; top:93px;z-index:10; background:rgba(0,0,0,0.5);}
#lnb > ul > li > a::after{bottom:0;}

/* HEADER : MOBILE */
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; background:#000; opacity:0.8;}
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
#topmenu {display:none; position:absolute;top:0; left:100%; width:250px; height:100%; z-index:2000; box-shadow:0px 0px 19px #000; background:#383d43; }

.h_m_mn {position:absolute; right:3%; top:31px; z-index:0; display:none;}
.h_m_mn a {float:left; display:block; width:46px; height:45px;font-size:0; }
.h_m_mn .btn_lnb {background: url("/imgs/2023/sitemap_btn.png") no-repeat center center;}
.h_m_mn .m_pop{display:none;width:auto;height:46px;padding:3px 5px 0;border:1px solid #ddd;font-size:13px;color:#fff;text-align:center;background:#18a7d0;box-sizing:border-box;}

#lnb_device {overflow-y:scroll; overflow-x:hidden; width:100%; z-index:1000;}
#lnb_device a {display:block; height:52px;line-height:51px; padding:0 0 0 18px; font-size:1.3rem; color:#383d43; font-weight:400; letter-spacing:-1px; background:url("/imgs/header/m_mn1_off.gif") no-repeat 95% #fff; border-top:1px solid #d9d9d9;}
#lnb_device a.on,#lnb_device a:hover, #lnb_device a:focus, #lnb_device a:active {font-weight:500;color:#fff; background-color:#1c3e83;}
#lnb_device a.menu1th.on{background-image:url("/imgs/header/m_mn1_on.gif");}
#lnb_device li li a {display:block; height:auto; padding:0 0 0 32px; font-size:1.2rem; color:#fff; background:#303032; border-top:1px solid #565b60;}
#lnb_device li li a.on,#lnb_device li li a:hover,#lnb_device li li a:focus, #lnb_device li li a:active {background:#303032;}



/* sub_navi
.subTitle .wrap { }
.sub_navi {position:absolute; bottom:-1px; width:100%;}
.sub_navi .navi {}
.sub_navi .navi ul { display:flex; flex-direction: row-reverse; align-content: flex-end; }
.sub_navi .navi ul li { width:100%; text-align:center;}
.sub_navi .navi a { color:#fff; font-size:20px; font-weight:600; height:70px; display:block; width:100%; }
.sub_navi .navi a:hover { background:#fff; color:#000; } 
.sub_navi .navi a span { line-height:70px; } */
/* sub_navi */
.sub_navi{height:70px; width:100%; background:#fff; border-bottom:1px solid #ddd; position: relative; z-index: 300; }
.sub_navi h2 {position:relative;width:70px;height:70px; float:left; margin-right:1px; background:#045a97;text-align: center; line-height:70px;}
.sub_navi .navi {position:relative;top:0;left:0;width:94%;}
.sub_navi .navi dl {float:left;width:22%;height:70px; border-right:1px solid #ddd}
.sub_navi .navi dl dt{height:70px;line-height:44px}
.sub_navi .navi dl dt a.selectBtn{display:block;margin:0;border:0;padding:0 0 0 5%;background:url("/imgs/sub/navi_select.gif") no-repeat 90%;color:#333;height:70px;line-height: 70px; font-size:16px; letter-spacing:-1px;}
.sub_navi .navi dl dt a.selectBtn.close{background-image:url("/imgs/sub/navi_close.png")}
.sub_navi .navi ul li {height:50px;line-height:44px;background-color:#f3f3f3;border:1px solid #ddd;border-top:0;}
.sub_navi .navi ul li a { height:50px;display:block; padding:0 0 0 5%; font-size:14px; letter-spacing:0;}
.sub_navi .navi dd { position: relative;    z-index: 1000; }
/* subTitle */
.sub_visual { position:relative; background:url('/imgs/2023/sub_visual.jpg') no-repeat center 0;background-size:cover; height:425px;}
.subTitle{position:relative;padding:0;color:#222;font-weight:300; }
.subTitle h2.menu_name {font-size:36px;font-weight:600;text-align:center;padding:0; color:#fff; position: absolute;left: 0;top:50%; width:100%; text-align:center;}
.subTitle li a{font-size:18px; letter-spacing:-1px;}
.subTitle li.m_left a{padding-left:40px;position:absolute;top:37%;left:3%;background:url('/imgs/sub/m_left_arrow.gif') no-repeat left; color:#fff;}
.subTitle li.m_right a{padding-right:40px;position:absolute;top:37%;right:3%;background:url('/imgs/sub/m_right_arrow.gif') no-repeat right; color:#fff;}
@media all and (max-width:1600px) {
	.sub_visual { height:auto; padding-bottom:27%; }
}

/* footer */
#footer { clear:both; background-color:#252626; margin:0; padding:65px 0; height:100%; overflow:hidden; }
#footer .foot_logo { float:left; margin-right:40px; margin-left:3%; padding-top:5px;}
#footer .footer_info { float:left; }
#footer address p {font-style:normal;color:#fff;padding:2px 0;}
#footer address span{margin:0 10px;}
#footer address span.f_btn{float:left;color:#c6c6c6;background:#545454;padding:2px 12px 3px;margin:0 10px 0 0;}
#footer .copy {font-size:13px;color:#b6b6b6;letter-spacing:0;/*padding:3px 0 0 60px;*/}

/* quickmenu */
#quickmenu a{position:fixed;top:50%;right:3%;z-index:9;display:block;width:90px;height:88px;text-align:center;background:#ee9c38;}
#quickmenu a span{display:inline-block;font-size:16px;color:#fff;padding-top:47px;background:url('/imgs/footer/quick_ico.png') no-repeat center 17px;}
#quickmenu a.quick_top{display:none;margin-top:90px;background:#31363e;}
#quickmenu a.quick_top span{background-image:url('/imgs/footer/quick_top_ico.png');}

@media all and (max-width:1200px) {
	/* sub_navi */
	.sub_navi{height:50px;}
	.sub_navi h2 { width:50px;height:50px; line-height:50px;}
	.sub_navi .navi dl {height:50px;}
	.sub_navi .navi dl dt{height:50px;line-height:44px}
	.sub_navi .navi dl dt a.selectBtn{height:50px;line-height: 50px; font-size:16px;}
	.sub_navi .navi ul li {height:50px;line-height:44px;background-color:#f3f3f3;border:1px solid #d4d4d4;border-top:0;}
	.sub_navi .navi ul li a { height:50px;display:block; padding:0 0 0 5%;  font-size:14px;}
	.subTitle h2.menu_name { font-size:30px; overflow: hidden;white-space: pre;text-overflow: ellipsis; }
}

@media all and (max-width:1024px) {
	
	#header{height:80px;}
	#header h1.logo{padding-top:14px;}
	
	#lnb {display:none;}

	.h_m_mn {display:block; top:18px;}
	#m_close{position:absolute;top:50%;left:-70px;box-shadow:1px 2px 5px rgba(0,0,0,0.3);background:#383D43;}
	#m_close a{display:block;width:60px;height:30px;line-height:30px;font-size:15px;color:#fff;background:url('/imgs/header/m_close.gif') no-repeat 80% center;padding-left:10px;}
	.g_home a {display:block; font-size:13px; color:#fff; height:40px; line-height:40px; background:#383d43; font-weight:600; text-align:center;}
	.g_link {float:left; position:relative; width: 50%;}
	.g_link li {float:left; width:100%;}
	.g_link li a {display:block; color:#fff; width:100%; padding:0; background:#707070; font-weight:600; text-align:center; font-size:13px; line-height:40px !important;}

	.sub_navi .navi {width:90%;}
	.sub_navi .navi dl:first-child{width:23%;}	
	.sub_navi .navi dl{width:25%;}
	
	.subTitle li.m_left a{top:85px;background-position:5% center;}
	.subTitle li.m_right a{top:85px;background-position:95% center;}
	
	#footer .foot_logo {margin:0 3% 10px 3%; }
	#footer .footer_info{margin:0 3%; }

	#quickmenu a{display:none;}
	#quickmenu a.quick_top{top:85% !important;margin:0;width:60px;height:60px;}
	#quickmenu a.quick_top span{padding-top:30px;font-size:0.9rem;background-position:center 5px;}
		
	.mCont_scroll {background: rgba(0, 0, 0, 0) url("../../imgs/contents/mCont_scroll_ico.gif") no-repeat scroll right 0 / 68px 40px; overflow-x: scroll; padding-top: 45px;}
	.mCont_scroll table {width: 900px;}
	.mCont_scroll img {width:auto;}
	.mCont_scroll_top {background: rgba(0, 0, 0, 0) url("../../imgs/contents/mCont_scroll_ico.gif") no-repeat scroll right 0 / 68px 40px; margin: -42px 0 0; overflow-x: scroll; padding-top: 45px;}
	.mCont_scroll_top table {width: 900px;}

}
@media all and (max-width:900px) {
	.subTitle h2.menu_name { margin:0; }
}
@media all and (max-width:767px) {	
	#footer { padding:20px 0; } 
	#footer address p{font-size:14px;}
	.sub_navi .navi { width:100%; }
	.sub_navi .navi dl,
	.sub_navi .navi dl:first-child { width:40%; }
	.sub_navi .navi dl:last-child {border:0; }
	.subTitle { margin-bottom:0px; }
	.subTitle li.m_right a { display:none; }
	.subTitle li.m_left a { display:none; }
}
@media all and (max-width:640px) {
	#header{height:60px;}
	#header h1.logo{padding-top:7px;}
	#header h1.logo img{width:100px;}
	.h_m_mn{top:3px;}	
	.sub_visual { height:168px; padding-bottom:0; }
	.subTitle h2{font-size:35px;}	
	.subTitle .sub_navi h2 {display:none;}
	.sub_navi .navi ul li,
	.sub_navi .navi ul li a {height:40px;line-height:40px;}
	.subTitle li.m_left a{background-position:10% center;}
	.subTitle li.m_right a{background-position:90% center;}
	.sub_navi .navi dl, .sub_navi .navi dl:first-child { width:48%; } 
	.sub_navi .navi dl dt a.selectBtn { overflow: hidden;white-space: pre;text-overflow: ellipsis; display: block;padding-right:30px; }
	.subTitle h2.menu_name { font-size:21px; }

	#footer{padding:40px 0;text-align:center;}
	#footer .foot_logo {display:none;}
	#footer address {display:none;}
	#footer .copy{padding:0}
	#footer .footer_info { float:none; }

	
}
@media all and (max-width:380px) {

	.h_m_mn .m_pop{padding-top:4px;font-size:12px;}
}