/* BASIC css start */
#header {position:relative;width:100%;background: #383838;z-index:100}
.headerFix #header{ margin-top:-30px;position:fixed; top:0; left:0; right:0 }
.headerFix{padding-top:111px;}

.headerTop{height:30px;text-align:center;width:1580px;margin:0 auto;}
.headerTop .btnsLeft{float:left;height:100%;}
.headerTop .btnsRight{float:right;height:100%;}
.headerTop .list{float:left;}
.headerTop .link{display:block;padding:0 8px;line-height:31px;height:30px;color: #fff;font-size:12px;font-weight:300;}
.headerTop .link:hover{color:#000;}
.headerTop .link.favorite{background-color:#383838;color:#fffefe;padding:0;margin-right:8px;}
.headerTop .link.favorite .ico{color:#fffd7d;display:inline-block;margin-right:4px;vertical-align:middle;}
.headerTop .link.basket .qual{display:inline-block;border-radius:5px;min-width:8px;padding:2px 7px;margin-left:4px;line-height:9px;background-color: #f3f3f3;color: #383838;}
.headerTop .link.lastLink{padding-right:0;}

.headerBottom{height:80px;background-color: #fff;box-shadow:0px 1px 7px rgba(0,0,0,0.5);}
.headerBottom .headerBottomWrap{margin:0 auto;width:1580px;height:100%;position:relative;}
.headerBottom .tlogo{float:left;height:100%;}
.headerBottom .tlogo .logoLink{font-size:35px;font-weight:500;color: #383838;line-height:81px;}

.headerBottom .gnb{position:absolute;top:8px;left: 185px;right:230px;}
.headerBottom .gnb .list{text-align:center;position:relative;float:left;}
.headerBottom .gnb .link {
    display: inline-block;
    padding: 24px 25px 20px;
    text-align: center;
    color: #000;
    font-size: 18px;
    white-space: nowrap;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
}
.headerBottom .gnb .link:hover + .midCateArea, .headerBottom .gnb .midCateArea:hover{display:block;}
.headerBottom .midCateArea{display:none;background-color:#fff;border:1px solid #383838;position:absolute;top:100%;min-width:100%}
.headerBottom .midCateArea ul{padding:10px;}
.headerBottom .gnb .midLink{padding:10px;display:block;line-height:1;color: #383838;white-space:nowrap;text-align:left;}
.headerBottom .gnb .midLink:hover{color:#000;}

.headerBottom .searchArea{position:relative;float:right;width:220px;height:34px;margin-top:23px;border: 1px solid #383838;}
.headerBottom .searchArea input{height:34px;border:0;color: #383838;font-weight:300;padding:0 50px 0 15px;width:155px;}
.headerBottom .searchArea .searchBtn{display:block;width:50px;height:34px;text-align:center;line-height:1;color: #383838;font-size:20px;position:absolute;top:0;right:0;}
.headerBottom .searchArea .searchBtn .fa{vertical-align:top;margin-top:7px;}

.asideMenu{display:none;position:fixed;top:143px;right:0;z-index:999;border:1px solid #383838;border-right:0;background-color:#fff;padding:0 10px 19px;}
.asideMenu.on{display:block;}
.asideMenu .utilMenu .list{border-top:1px solid #eee;}
.asideMenu .utilMenu .list:first-child{border-top:0;}
.asideMenu .utilMenu .link{display:block;text-align:center;color:#777;font-size:12px;font-weight:300;padding:10px 0 6px;}
.asideMenu .utilMenu .fa{color:#383838;font-size:22px;display:block;}

.asideMenu .topBtn{display:block;position:absolute;bottom:0;left:0;right:0;font-size:16px;height:19px;background-color:#383838;color:#fff;text-align:center;line-height:1;}
.asideMenu .topBtn .fa{vertical-align:top;margin-top:1px;}

#today .today-cont{text-align: center;overflow:hidden;max-height:210px;width:100%;}
#todayWrap .title{text-align:center;color:#777;font-size:12px;font-weight:300;display:block;border-top:1px solid #eee;padding:10px 0 7px;}
#today .todaySlideArea li{padding-bottom:10px}
#today .todaySlideArea li:last-child{padding-bottom:0;}
#today .todaySlideArea a{display:block;}
#today .todaySlideArea img{width:76px;height:100px;}
#today .bx-viewport .listArea{height:210px;}
#today .today-btns {text-align: center;font-size:0;padding-bottom:7px;}
#today .today-btns button{background-color:transparent;padding:3px;line-height:0;color:#383838;font-size:17px;}
#today .today-btns .off{display:none;}
.todayDelivery {
    color: #f54930 !important;
}

/* BASIC css end */