@charset "utf-8";
/* swipe slides */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.btn_txt span {line-height: 5;}


#wrap .swiper-container img { width: 100%; height:387px; }
header {overflow:hidden; clear:both;width: 100%; max-width:750px; margin:0 auto;position:relative;}
header:after { content: ""; display: block; clear: both; }
header h1 img { width: 100%;   z-index: -11; }
header .top_menu { float: right;position: absolute; right:2%; width:8%; padding-top:3%;}
header .top_menu li { float: left; }
header .top_menu li a { display: block; }
header .top_menu li a img { width:100%;}
.main header { }
.real #logbox { padding-top: 0; padding-bottom: 0 }
/*.logo{ float:left; width:64%; }
*/
	/* slide 추가 */
html,body { height: 100%; }


.btn_area { position: absolute; bottom: 8px; width: 100%; z-index: 100; }
.btn_area .btn_page { display: inline-block; width: 8px; height: 8px; margin: 3px; font-size: 0px; line-height: 0; text-indent: -9999px; background: none; border: 1px solid #999; border-radius: 24px; overflow: hidden; }
.btn_area .btn_page.on { background: #444; border: 1px solid #444; }


/* 대메뉴 */
nav#menu { width: 200px; zoom: 1; position: fixed; height: auto;  background: #d2d3d4; z-index: 999; top: 0; right: 0; z-index: 200; -webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
nav#menu:after { content: ""; display: block; clear: both; }
nav#menu ul { width: 200px; float: right; background: #d2d3d4; height: auto;  overflow: auto;}
nav#menu ul.menu_btn_box {margin-bottom: 10%;}
nav#menu ul li { border-bottom: 1px solid #c0bcb8; float: left; width: 100%; }
nav#menu ul a { color: #909f74;background: #1c8cde; font-size: 16px; line-height: 100%; padding: 12px 0 12px 10%; display: block; background: url(../mimages/btn_m_down.png) 90% center no-repeat; background-size: 14px 11px;text-decoration:none }
nav#menu ul .on > a { background: url(../mimages/btn_m_up.png) 90% center no-repeat;background-size: 14px 11px; }
nav#menu ul .submenu { padding: 0 10%; box-sizing: border-box;/*background: #909f74; */}
nav#menu ul .submenu li { border-bottom: 1px solid #fff; background: #d2d3d4;}
nav#menu ul .submenu li:last-child { border-bottom: none }
nav#menu ul .submenu li a {/* color: #fbeee6;*/ padding: 10px 0; font-size: 14px; background: none; text-decoration:none }
nav#menu ul .submenu li a:hover, nav#menu ul .submenu li a.on { color: #fdff92; text-decoration:none }
nav#menu ul .submenu .ls2 { letter-spacing: -1px; }
nav#menu ul .submenu .ls3 { letter-spacing: -1px;}
nav#menu .menus { width: 100%; position: relative; }

.m_close { position: absolute; top: 0; left: -51px; }
.m_close img { width: 51px; height: 51px; }
nav#menu ul .submenu li .new { margin: 0 0 0 3px }
nav#menu ul .submenu li .new img { width: 15px; height: 15px; }
.q_site { margin-top: 20px; width: 100%; padding: 0 13px; box-sizing: border-box; float: left }
.q_site a { display: block; vertical-align: middle; float: left; width: 100%; padding: 13px 10px; margin: 0 0 1px 0; box-sizing: border-box; background: #c55e00 }
.q_site a span.text { float: left; color: #fff; margin-top: 1px; }
.q_site a span.icon { float: right; }
.q_site a span.icon img { width: 15px; height: 15px; }

.shadow_nav { position: absolute; top: 0; left: 0; z-index: 199; width: 100%; height: 100%; background: url(../mimages/bg_black.png) 0 0 repeat; display: none; }
.shadow_nav2 { position: absolute; top: 0; left: 0; z-index: 199; width: 100%; height: 100%; background: url(../mimages/bg_black.png) 0 0 repeat; display: none; }