@charset "utf-8";

/* 공통 레이아웃 */ 
.area {position:relative;margin:0 auto;}

/* 상단 레이아웃 */ 
#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:6px;}
#header #logo img {width:150px;}
#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:-10px;}
#header-inner.fixed #logo img {width:120px; padding-top:3px;}

#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:#cd2129;}
#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 {border-top:1px solid #ddd; border-left:1px solid #ddd;}
#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 #ddd; border-right:1px solid #ddd; padding:10px 0;color:#666; background-color:#f5f5f5;}
#category .menu1 .selected {border-bottom:1px solid #000;color:#000; background-color:#fff;}

#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;}

/* 하단단 레이아웃 */ 
#footer {position:relative;background:#fff;padding:20px 10px 100px 10px;}
#footer:after {display:block;visibility:hidden;clear:both;content:""}
#footer .footer-menu {margin-bottom:20px}
#footer .footer-menu a {color:#fff;font-size:13px;margin-right:10px;}
#footer .footer-address li {line-height:1.5;font-size:11px;}
#footer .footer-sns {padding-top:20px;}
#footer .footer-sns a {color:#fff;}
#footer .footer-sns span {margin:0 5px;}
#footer .footer-sns img {width:30px;height:30px;border-radius:100px;}

/* 서브 - 상단 */ 
#subvisual {position:relative; background-repeat:no-repeat; background-position:center; background-position:top;height:180px;}
#subvisual h2 {position:relative;color:#fff;font-size:30px;font-weight:900;padding:20px 0;margin-bottom:10px;}
#subvisual h2::after {content:"";position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:1px;background-color:rgba(255, 255, 255, 0.8);}
#subvisual p {font-size:11px;color:#fff;line-height:1.5;}
#subvisual .sub-tabmenu {position:absolute; left:0; bottom:0; width:100%; height:40px; background-color:rgba(0, 0, 0, 0.5);}
#subvisual .sub-tabmenu ul li {float:left; width:20%; text-align:center;}
#subvisual .sub-tabmenu ul li a {display:block; font-size:13px; font-weight:300; line-height:40px; color:#fff; position:relative;}
#subvisual .sub-tabmenu ul li a::after {content:""; position:absolute; width:1px; height:10px; background-color:#909194; left:0; top:15px}
#subvisual .sub-tabmenu ul li:hover a::after, #subvisual .sub-tabmenu ul li.on a::after, #subvisual .sub-tabmenu ul li:hover + li a::after, #subvisual .sub-tabmenu ul li.on + li a::after, #subvisual .sub-tabmenu ul li:first-child a::after {background-color:transparent}
#subvisual .sub-tabmenu ul li:hover a, #subvisual .sub-tabmenu ul li.on a {background-color:#fff; color:#454545; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

/* 서브 - 콘텐츠 */ 
#container {display:block;position:relative;background:#fff}
#container .sub-inner {margin:0 auto;padding:30px 20px;}

/* 서브페이지 - 타이틀 */ 
#container .sub-title {color:#111;font-size:32px;text-align:left;padding-bottom:50px;margin-top:0px;}

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