@charset "utf-8";

/* 공통 레이아웃 */ 
.inner {position:relative;padding:0 15px;}

/* 상단 레이아웃 */ 
#header {position:relative;}
#header-inner {position:relative;height:70px;background:#fff;border-bottom:1px solid #dadada;}
#header #logo {font-size:24px;font-weight:900;text-align:center;padding-top:10px;}
#header #header-btn button {position:absolute;float:left;top:10px;left:0;height:48px;width:40px;border:0;background:0;font-size:16px;vertical-align:top;}
#header #header-btn a {position:absolute;display:inline-block;width:40px;height:70px;top:10px;right:5px;line-height:50px;border:0;background:0;text-align:center;font-size:16px;vertical-align:top;float:left}
#header #header-btn span {position: absolute;top: 20%;right: 0px;display: block;height: 16px;line-height: 16px;border-radius: 8px;background: #ff4444;font-size: 10px;color: #fff;padding: 0 5px;}

#header-inner.fixed {position:fixed;top:0;left:0;width:100%;z-index:999;height:50px;}
#header-inner.fixed #header-sidemenu, #header-inner.fixed #header-btn a {top:0;}
#header-inner.fixed #logo {margin-top:0px;}
#header-inner.fixed #logo img {height:auto;max-height:25px;width:auto;}

#header-sch {text-align:center;padding:0 0 10px;}
#header-sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
#header-sch .sch-inner {position:relative;}
#header-sch #sch_str {width:100%;height:35px;background:#fff;border:1px solid #ccc;;padding-left:10px;padding-right:40px;color:#000;}
#header-sch .sch-submit {position:absolute;top:0;right:0;width:40px;height:35px;;border:0;cursor:pointer;background:none;font-size:15px;color:#333}

#category {display:none;position:fixed;top:0;height:100%;;z-index:99999;-webkit-backface-visibility: hidden;width:100%;}
#category .menu-inner {;width:280px;height:100%;overflow-y:auto;background:#fff;padding:15px;position:relative;z-index:199919;}
#category .menu-close {position:absolute;top:0;left:240px;width:40px;height:40px;color:#1a1a1a;font-size:20px;border:0;z-index:199999;}
#category .menu-bg{background:rgba(0,0,0,0.8);height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0;}

#category .sidebar-title {position:relative;width:100%;color:#1a1a1a;margin-bottom:10px;}
#category .sidebar-member {position:relative;width:100%;margin-bottom:10px;}
#category .sidebar-member:after {display:block;visibility:hidden;clear:both;content:"";}
#category .sidebar-member li {float:left;width:50%;background:#1a1a1a;}
#category .sidebar-member li:nth-child(1) {border-right:5px solid #fff;}
#category .sidebar-member li:nth-child(2) {border-left:5px solid #fff;}
#category .sidebar-member li a {display:block;color:#fff;text-align:center;padding:10px}
#category .sidebar-icons {width:100%;margin-bottom:10px;}
#category .sidebar-icons:after {display:block;visibility:hidden;clear:both;content:"";}
#category .sidebar-icons li {float:left;text-align:center;border-top:1px solid #dadada;border-bottom:1px solid #dadada;padding:10px 0;}
#category .sidebar-icons li:nth-child(1) {width:33.33%;border-right:1px solid #dadada;}
#category .sidebar-icons li:nth-child(2) {width:33.34%;border-right:1px solid #dadada;}
#category .sidebar-icons li:nth-child(3) {width:33.33%;}
#category .sidebar-icons li:nth-child(4) {width:33.33%;margin-top:-1px;border-right:1px solid #dadada;}
#category .sidebar-icons li:nth-child(5) {width:33.34%;margin-top:-1px;border-right:1px solid #dadada;}
#category .sidebar-icons li:nth-child(6) {width:33.33%;margin-top:-1px;}
#category .sidebar-icons li i {display:block;font-size:20px;padding-bottom:5px;}

#category .menu1:after {display:block;visibility:hidden;clear:both;content:"";}
#category .menu1 li {float:left;;width:33.333%;text-align:center;font-size:0.92em;}
#category .menu1 a {display:block;border-bottom:1px solid #bbb;padding:10px 0;color:#666;}
#category .menu1 .selected {border-bottom:1px solid #000;color:#000;}

#category .menu2 a {display:block;color:#333;padding: 0 10px;border-bottom:1px solid #efefef;}
#category .menu2 li {position:relative;line-height:40px;}
#category .menu2 li button {position:absolute;top:0;right:0;background:url;border:0;width:30px;height:40px;overflow:hidden;border:0;background:url(../../../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px;}
#category .menu2 li button.ct_cl {background:url(../../../img/mobile/gnb_bg2.png) no-repeat 50% 50%;}

#category .menu3 {display:none}
#category .menu3 a {border-bottom:1px solid #efefef;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px;}
#category .menu-cate1 a {}
#category .menu-cate2 a {padding-left:40px;background-position:31px 17px;}
#category .menu-cate3 a {padding-left:50px;background-position:41px 17px;}
#category .menu-cate4 a {padding-left:60px;background-position:51px 17px;}

/* 공통 레이아웃 */ 
#sub-tabmenu {display:flex;padding:10px 10px 0 10px;}
#sub-tabmenu li {text-align:center;}
#sub-tabmenu li:not(:last-child) {margin-right:10px;}
#sub-tabmenu li a {display:block;color:#333;font-size:11px;background-color:#ffffff;border:1px solid #dedede;border-radius:2px;padding:10px 0;}
#sub-tabmenu li.on a {display:block;color:#fff;font-size:11px;background-color:#12121c;border:1px solid #12121c;border-radius:2px;padding:10px 0;}

/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;}
#container .container-inner {padding:10px;}
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

/* 서브페이지 - 이용약관, 개인정보취금방침, 이메일수집거부 */ 
#container .sub-terms {}
#container .sub-terms .subject {color:#1a1a1a;font-size:15px;margin-bottom:10px;font-weight:500;}
#container .sub-terms .content {color:#9a9a9a;font-size:13px;margin-bottom:50px;line-height:150%;text-align:justify;}

/* 하단 레이아웃 */ 
#footer {background:#f6f6f6;padding:50px 20px;}
#footer	.footer-menu {margin-bottom:10px;}
#footer	.footer-menu li {float:left;margin-right:10px;}
#footer	.footer-menu li a {line-height:25px;}
#footer	.footer-text {margin-bottom:10px;}
#footer	.footer-text dl {position:relative;font-size:13px;color:#333;margin-bottom:5px;}
#footer	.footer-text dl dt {float:left;width:60px;margin-right:10px;}
#footer	.footer-text dl dd {word-break:keep-all;margin-left:80px;}
#footer	.footer-copy {font-size:11px;color:#999;line-height:20px;}

/* 링크모듈 */
#quick-link {position:fixed;right:20px;bottom:70px;z-index:9999;}
#quick-link a {display:block;margin-top:10px;}
#quick-link img {width:40px;border-radius:100%;}

#scroll-link {display:none;position:fixed;right:20px;bottom:20px;width:40px;height:40px;line-height:20px;font-size:10px;color:#fff;text-align:center;background:#000;border-radius:100px;padding:10px;cursor:pointer;opacity:0.6;z-index:99999;}
#scroll-link:hover {filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}