/* BASIC css start */
.menu_on {height:100%;overflow:hidden}
.menu_off {height:auto;overflow:visible;}


#allWrap{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#mask {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;z-index:1000;opacity:0.7}
#wrap {position:relative;width:100%;min-width:320px;overflow:hidden}
#header{z-index:101;box-shadow:0 2px 7px rgba(0,0,0,0.2);position:fixed;top:0;left:0;right:0;width:100%;background-color:#fff;}
#container{padding-top:99px;}
.leftMenuOn #allWrap{max-height:100%;overflow:hidden;}

.headerTop{background-color:#383838;height:54px;font-size:27px;font-weight:500;color:#fff;position:relative;}
.headerTop a{color:#fff;box-sizing:border-box;height:100%;}
.headerTop .menuOpen{display:inline-block;padding:13px 0 0;width:52px;text-align:center;line-height:1;float:left;}
.headerTop .logo{display:inline-block;line-height:54px;float:left;height:100%;}
.headerTop .utilMenu{position:absolute;top:13px;right:15px;}
.headerTop .utilMenu li{float:left;padding-left:5px;}
.headerTop .utilMenu a{padding:5px;line-height:1;}
.basket{position:relative;display:inline-block;font-size:28px;}
.basket .quan{position:absolute;top:-1px;right:-9px;display:inline-block;background-color:#f00;border-radius:10px;min-width:20px;height:20px;text-align:center;line-height:20px;font-size:14px;}

.searchArea{display:none;position:absolute;top:100%;left:0;right:0;z-index:2;padding:7px 15px 15px;background-color:#383838;}
.searchArea.on{display:block;}
.searchArea form{position:relative;}
.searchArea input{height:38px;border:0;color:#9d9d9d;padding:0 50px 0 15px;width:100%;font-size:16px;background-color:#fff;}
.searchArea .searchBtn{display:block;width:50px;height:38px;text-align:center;line-height:1;color:#979797;font-size:25px;position:absolute;top:0;right:0;}
.searchArea .searchBtn .fa{vertical-align:top;margin-top:6px;}

.gnb{border-bottom:1px solid #383838;padding-left:5px;box-sizing:border-box;height:45px;overflow:hidden;background-color:#fff;}
.gnb nav, .gnb ul{height:100%;white-space:nowrap;}
.gnb li{height:100%;width:auto;}
.gnb .link{height:100%;box-sizing:border-box;padding:0 11px;display:inline-block;}
.gnb .link span{display:block;border-bottom:5px solid transparent;line-height:41px;font-weight:700;color:#383838;font-size:15px;}
.gnb .link.on span{border-bottom-color:#383838;}

/* 사이드 메뉴 */
.leftMenu{transition:all 0.3s;position:fixed;top:0;left:-100%;width:100%;bottom:0;right:0;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1001}
.leftMenu.on{left:0;}
.leftMenu.on .shadow{display:block;}
.leftMenu .menuCnt{position:absolute;top:0;left:0;bottom:0;z-index:1;width:100%;background-color:#fff;}
.leftMenu .shadow{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.leftMenu .loginBx{height:54px;line-height:54px;padding-left:20px;background-color:#383838;position:relative;border-bottom:3px solid #f3f3f3;}
.leftMenu .loginBx .name{font-weight:500;}
.leftMenu .loginBx p{font-weight:300;}
.leftMenu .loginBx .userIcon{margin-right:5px;}
.leftMenu .loginBx .userTxt{display:inline-block;color:#fff;font-size:15px;}
.leftMenu .asideClose{position:absolute;top:0;right:0;bottom:0;width:44px;line-height:1;box-sizing:border-box;padding-top:10px;color:#fff;font-size:30px;text-align:center;}

.leftMenu .favMenu{height:90px;}
.leftMenu .favMenu ul{height:100%;}
.leftMenu .favMenu li{float:left;width:25%;height:100%;position:relative;}
.leftMenu .favMenu li:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-14px;width:1px;height:28px;background-color:#d8d8d8;}
.leftMenu .favMenu li:first-child:after{display:none;}
.leftMenu .favMenu a{display:block;height:100%;text-align:center;font-size:12px;color:#383838;}
.leftMenu .favMenu .title{font-size:13px;}
.leftMenu .favMenu .iconWrap{font-size:28px;height:53px;box-sizing:border-box;padding:19px 0 0;display:block;}
.leftMenu .favMenu .basket .quan{top:19px;right:50%;margin-right:-19px;color:#fff;}

.lnb .title{padding-left:15px;height:37px;line-height:37px;font-size:14px;font-weight:700;color:#383838;border-top:1px solid #383838;border-bottom:1px solid #383838;}
.lnb ul{position:relative;border-bottom:1px solid #ededed; background-color: #fcfcfc;}
.lnb ul:before{content:"";display:block;position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:#ededed;}
.lnb ul:after{content:"";display:block;clear:both;}
.lnb li{float:left;width:50%;border-top:1px solid #ededed;}
.lnb li:nth-child(-n+2){border-top:0;}
.lnb a{display:block;color:#383838;font-size:13px;font-weight:300;box-sizing:border-box;padding-left:15px;height:39px;line-height:39px;}


.userInfoArea{border-top:5px solid #e0e0e0;background-color:#383838;}
.userInfoArea ul:after{content:"";display:block;clear:both;}
.userInfoArea li{float:left;width:50%;box-sizing:border-box;}
.userInfoArea li:last-child{border-left:1px solid #e0e0e0;}
.userInfoArea a{text-align:center;display:block;color:#fff;font-weight:400;line-height:35px;height:35px;}

@media all and (min-width:768px){
	.leftMenu .menuCnt{width:50%;}
}

/* BASIC css end */