/* BASIC css start */
/* 공통 포인트 컬러 */
.ptColor { color: #ff7b05 !important; } 

.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:#3c3c3c;z-index:1000;display:none;opacity: 0.7;}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header {position:relative;width:100%;z-index:101;}
.gnbWrap {position: relative;overflow: hidden;}

#header .toplnb { height:39px; font-size:0;border-bottom: 1px solid #cfcfcf;  }
#header .toplnb a { display:inline-block; width:20%; font-size:12px;text-align:center; line-height:39px }
#header .toplnb .btn_topbasket{font-weight: bold;text-align: center; color:#fff; background: #de1b23;border-radius: 10px;height: 16px;width: 16px; line-height:16px}
#header .toplnb .btn_topbasket .user_basket_quantity{padding: 3px 5px;}
#gnb {position:relative; }
#gnb .logo {z-index:10; margin: 30px 0px; text-align: center;}
#gnb .logo img { width: 120px; }
#gnb .logo a{font-size: 40px;}

#gnb p.searchBtn {position:absolute;top: 24px;right: 42px;z-index:10;width: 24px;height: 24px;margin-right: 3%;}
#gnb p.asideOpen img,
#gnb p.searchBtn img { width:24px; height: 24px; }
#gnb .gnbact {position: relative;zoom: 1;}


#header .search {height: 38px;position:relative;background-color: #fff;padding-right: 40px;text-align:center;z-index:10;border:2px solid #de1b23;margin: 20px 15px;}
#header .search .searchBox {width:100%; }
#header .search .searchBox input {width: 94%;height: 38px; border:0px none;}
#header .search .btn_search {width: 40px;height: 38px;position:absolute;top: 0px;right:0;color:#fff;text-align:center;line-height: 38px;font-size: 24px;background: #de1b23;}

#header .cate { position: relative;background-color: #de1b23;}
#header .cate p.asideOpen {top: 24px;right: 3%;z-index: 11;width: 50px; height: 38px; float: left; text-align: center;     background: #373737;}
#header .cate p.asideOpen i{color:#fff; font-size:28px; line-height: 38px;}
#header .cate.act .gnbact {height: 50px; line-height: 72px; }
#header .cate.act {width:100% ;line-height: 28px; position: fixed;top: 0px;background: #de1b23;height: 38px;z-index: 102;-webkit-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);-moz-box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);}
#header .cate.act li{line-height:38px}
#header .cate .list_category { *zoom:1; height: 40px;  }
#header .cate .list_category:after { display:block; clear:both; content:'' }
#header .cate .swiper-container {height: 38px;padding: 0 20px 0 10px;}
#header .cate .swiper-container .swiper-wrapper { line-height: 38px; font-size: 14px; }
#header .cate .swiper-container .swiper-slide {padding:0 20px; font-weight:bold; width:auto}
#header .cate .swiper-container .swiper-slide a {color:#fff}
#header .cate .swiper-button-prev {background:#de1b23;width: 25px;height: 38px;line-height: 42px;font-size: 20px;color: #fff;top: 0px;left: 0px;text-align: center;margin: 0;}
#header .cate .swiper-button-next {background:#de1b23;width: 25px;height: 37px;line-height: 42px;font-size: 20px;color: #fff;right: 0px;top: 0px;margin: 0;text-align: center;}
#header .cate .swiper-button-next.swiper-button-disabled,
#header .cate .swiper-button-prev.swiper-button-disabled {opacity:1 !important;}
#header .cate .swiper-button-next.swiper-button-disabled i,
#header .cate .swiper-button-prev.swiper-button-disabled i {opacity:0.35;}


/* 사이드 메뉴 */
.asideClose {position: fixed;top: 13px;left: -100%;width: 32px;height: 32px;cursor:pointer;z-index:1002;text-align: center;line-height: 32px; background: #000;right: 13px;}
.asideClose img { width: 16px; height: 16px; vertical-align: middle;}
aside {position:fixed;top:0;left: -100%; height:100%;background: #fff;overflow-y:auto;-webkit-overflow-scrolling: touch;z-index:1001;width:100%;border-top: 2px solid #000;}
aside .menuTit{text-align:left;position: relative;  margin-top: 50px;  font-size: 16px; padding-left:20px;    font-weight: bold;}

aside .leftlnb{    position: relative; margin: 20px 0 20px 20px;width: 80%;}
aside .leftlnb a {padding-right: 15px; line-height: 24px;}

aside nav {background:#fff; margin: 10px;padding: 7px 10px; overflow: hidden;}
aside nav li {position:relative; /*border-bottom: 1px solid #ddd;  */  float: left;  width: 33%; }
aside nav li.nvTit {margin: 5px 14px 4px;padding: 0 0 7px  2px;border-bottom: 1px solid #eee;font-weight: bold;color: #111;font-size: 14px;}
aside nav li a {display: block;height: 32px;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

aside .leftbn{}
aside .leftbn li{width:50%; float:left}
aside .leftbn li img{width:100%}

aside .navBottom {position:relative;height: 32px;zoom: 1; top: 30px;left: 20px; clear:both}
aside .navBottom a {display: inline-block;color: #555;padding-right: 10px;}
aside .navBottom i{font-size:20px; vertical-align:middle}



/* BASIC css end */