/* BASIC css start */
.menu_on { height:100%; overflow:hidden;}
.menu_off {height:auto;overflow:initial}
#mask {width:100%;height:100%;position:fixed;top: 0;left:0;right:0;bottom:0;background-color: #111;z-index:1000;display:none;opacity: 0.7;}
#header {position:relative;width:100%;z-index:101;}
.gnbWrap {position: relative;height: 87px;}
#gnb {position: fixed;top: 0;left: 0;right: 0;height: 87px;width: 100%;background:#fff;border-bottom: 1px solid #ddd;}
#gnb .logo {position:absolute;top: 0;left: 50%;margin-left:-80px;z-index:10;font-size: 25px;text-align:center;width: 160px;height: 50px;line-height: 50px;}
#gnb .logo sup {position:absolute;top: 0;font-size: 14px;line-height: 30px;}
#gnb .logo img {width: 100%;}
#gnb p.asideOpen {position:absolute;top: 12px;left: 15px;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 24px;}
#gnb p.cartBtn {position:absolute;top: 11px;right: 15px;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 22px;}
#gnb .gnbact {width: 100%;height: 50px;}
#gnb.act {opacity:0.9;z-index: 102;}
#gnb.nav-up { top: -88px; transition:0.2s; }
#header .search {height: 37px;width: 100%;position: relative;}
#header .search .searchBox {padding: 0 15px;}
#header .search .searchBox input {width: 100%;height: 30px;padding: 0 10px;background: #fff;border: 1px solid #eee;-webkit-appearance: none;}
#header .search .btn_search {position:absolute;top: 0;right: 15px;text-align:center;line-height: 28px;font-size: 18px;width: 30px;height: 30px;color: #c2c2c2;}

.mnCate .list_category {overflow:hidden;}
.mnCate .list_category li {float:left; width:20%; border-bottom:1px solid #eee; border-right:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box;}
.mnCate .list_category li:nth-child(5n) {border-right:0px none;}
.mnCate .list_category li a {display:block;height: 30px;line-height: 30px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}


/* 사이드 메뉴 */
.asideClose {position:fixed;top: 5px;left:-80%;width: 32px;height: 32px;color: #fff;text-align:center;cursor:pointer;z-index:1001;margin-left: 5px;}
.asideClose i {line-height: 32px;font-size: 24px;}
aside {position:fixed;top:0;left: -80%;width: 80%;height:100%;background:#fff;overflow-y:auto;-webkit-overflow-scrolling: touch;z-index:1001;}
aside .loginBx {padding: 15px 10px;text-align:center;}
aside .loginBx p.tx {padding-bottom:15px;font-size:12px;color:#2f2f2f;letter-spacing:-1px}
aside .loginBx a {display:inline-block;padding: 6px 0;color:#3b3b3b;font-size:12px;border:1px solid #c6c6c6;width:48%;}
aside .loginBx a.bt_login {padding: 7px 0;color:#fff;border:none;background: #3b3b3b;}
aside .asideLog {position:relative;}
aside .asideLog .loginBx {position:relative;height:40px;border-bottom: 1px solid #ec1f26;}
aside .asideLog .loginBx a {width: 50%;height: 40px;font-size:12px;font-weight:bold;line-height:38px;text-align:center;}
aside .asideLog .loginBx a.bt_login {float:left;color: #eb2026;background:#fff;border-right: 1px solid #e3e3e3;margin-left: -1px;}
aside .asideLog .loginBx a.bt_join {float:right;color: #333;}
aside .asideTop {text-align:center;border-top: 1px solid #ccc;}
aside .asideTop a {width:33.33%;height: 36px;display:inline-block;color:#8f8f8f;font-weight:bold;line-height: 37px;background: #fafafa;border-bottom: 1px solid #eee;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color: #333;background: #fff;border-bottom: 1px solid #fff;}
aside .navCategory {padding: 6px 0;border-bottom: 1px solid #eee;}
aside nav li {position:relative;}
aside nav li a {display: block;height: 32px;line-height: 32px;padding:0 0 0 20px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4;display:none;border-top: 1px solid #ccc;}
aside nav li > ul > li {border-bottom:0px none;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px;margin: 0;background-color: #dfdfdf;}
aside .asideBottom {}
aside .asideBottom  ul {padding: 20px;border-bottom: 1px solid #eee;}
aside .asideBottom  ul li {line-height: 20px;position:relative;text-overflow: ellipsis;white-space: nowrap;}
aside .asideBottom  ul li.csTel {font-size: 22px;color: #121212;margin-bottom: 5px;}
aside .asideBottom  ul li a {display: block;}
aside .asideBottom  ul.sns { border-bottom: 0; }
aside .asideBottom  ul.sns i { margin-right: 10px; }
aside .asideBottom  ul.sns li a {display: inline-block; color:#999}
aside .navCommunity {display:none;padding: 6px 0;border-bottom: 1px solid #eee;}
aside .navMypage {display:none;padding: 6px 0;border-bottom: 1px solid #ddd;}


/* BASIC css end */