@charset "UTF-8";

/* 작은기기 Mobile 상단 */
#mobile_header {width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:99999; display:none;}
#mobile_header .inner {top:0; left:0; width:100%; height:60px; line-height:60px; background:rgba(0,0,0,0.8); z-index:999;}
#mobile_header h1 { width:290px; padding-top:8px; text-align:left;  padding-left:10px;}
#mobile_header h1 img { width:75%; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i {float:left; position:absolute; width:20px; height:20px; line-height:20px; right:20px; top:20px; font-size:28px; color:#fff;}
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.7); z-index:99998;}
#mobileMenu {display:inline; position:fixed; top:0; left:-300px; width:269px; height:100%; background-color:#fff; z-index:9999999;}
#mobileMenu .side_title{height:60px; line-height:60px; background-color:#111111; color:#fff; text-align:center; font-size:1.5em; cursor:pointer;}
#mobileMenu .navi_bg{ width:100%;}
#mobileMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}
#mobileMenu .nav ul { width:100%; margin:0; padding:0;}
#mobileMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#mobileMenu .navi_set > div {display:block; width:100%; height:45px; line-height:45px; border-bottom:1px solid #eee; text-align:left;font-size:1.0em; color:#333; cursor:pointer;  text-indent:20px; font-weight:500; background-color:#fff; color:#333; text-indent:10px; cursor:pointer;}
#mobileMenu .navi_set > div a{display:block; width:100%; }
#mobileMenu .navi_set ul {display:none;}
#mobileMenu .navi_set ul li {list-style:none; border-bottom:1px solid #eee;}
#mobileMenu .navi_set ul li a{display:block; width:100%; height:45px; line-height:45px; text-align:left; font-size:1.0em; font-weight:500;color:#333; cursor:pointer;  text-indent:20px; background-color:#fff;}
#mobileMenu .navi_set ul li a:hover{color:#fff; background-color:#aaa; }
#gnba {background-color:#444; text-align:center; padding:15px 0;}
#gnba i{color:#fff; font-size:40px;}
#gnba a { color:#fff; text-align:center; font-size:0.85em; line-height:60px; padding:6px 15px; margin:0 1px;  background:#C53428; border-radius:3px;}
#gnba a:hover { background:#fff; color:#000; }
#gnba a.memo { background: #5CB85C; color: #fff; }
#gnba a.memo:hover { background: #449d44; color: #fff; }
#gnba a.btn2 { color:#000; text-align:center; font-size:0.85em;  line-height:60px; padding:6px 15px; margin:0 1px;  background:#fff; border-radius:3px;}
#gnba a.btn2:hover { background:#999; color:#fff; }

.mobileFixed{position:fixed !important; top:0; left:0;}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	#mobile_header{display:block; min-width:320px; }
}
	