/* BASIC css start */
#header {position:relative;width:100%;background:#fff; 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:1200px;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:#777;font-size:12px;font-weight:300;}
.headerTop .link:hover{color:#000;}
.headerTop .link.favorite{background-color:#383838;color:#fffefe;width:102px;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:#383838;color:#f3f3f3;}
.headerTop .link.lastLink{padding-right:0;}

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

.headerBottom .gnb{position:absolute;top:8px;left:233px;right:230px;}
.headerBottom .gnb .list{text-align:center;position:relative;float:left;}
.headerBottom .gnb .link{display:inline-block;padding:20px 31px;text-align:center;color:#fffefe;font-size:16px;font-weight:300;white-space:nowrap;}
.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:#7f7f7f;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;}
.headerBottom .searchArea input{height:34px;border:0;color:#7d7d7d;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:#979797;font-size:20px;position:absolute;top:0;right:0;}
.headerBottom .searchArea .searchBtn .fa{vertical-align:top;margin-top:7px;}

/* scroll 영역 */
.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;}
/* BASIC css end */