/* BASIC css start */
/*메인 상단*/
#header {position: absolute !important;}
#header .headerTop a {color: #fff !important;}
#header .headerTop .user_basket_quantity {color: #555 !important;}
#gnb .logo a{color: #fff !important}
#gnb i{color: #fff !important}
#header .searchArea {background-color:transparent !important;}
#header .searchArea .searchBox input {border-color: #fff !important;;}
#header .headerTop .join2000 {color: #111 !important; background:#fff !important; border:1px solid #fff !important}
#header .headerTop .join2000:before {border-color:#fff transparent !important}
#gnb .myPage .quan {color: #111 !important; background:#fff !important;}


/*fix*/
#gnb.act .logo a {color: #555 !important}
#gnb.act i{color: #555 !important}
#header.act .searchArea {background:#fff !important;}
#header.act .searchArea .searchBox { background: #fff !important;;}
#header.act .searchArea .searchBox input {border-color: #111; !important;}
#gnb.act  .myPage .quan {color: #fff !important; background:#1c1c1c !important;}



/* 메인이미지 */
#slides { position: relative }
#slides .slides-container { display: none }
#slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
#slides .scrollable:after { content: ""; display: table; clear: both; }
.slides-pagination { position: absolute; z-index:100; bottom:25px; left:0; width:100%; height:13px; text-align: center }
.slides-pagination a { display:inline-block; margin:0 2px; width:8px; height:8px; border-radius:100%; background:#fff; vertical-align:middle; text-indent:-9999em }
.slides-pagination a.current { width:13px; height:13px }

/* 메인 서브 배너 */
.main .subbnArea {}
.main .subbnArea a { display: block;}
.main .subbnArea .topBannerLeft {float:left;width:50%;box-sizing:border-box; }
.main .subbnArea .topBannerRight {float:right;width:50%;box-sizing:border-box; }
.main .subbnArea img {width:100%; vertical-align:top;}

/* 공지사항 & 배너  */
.boardArea {background:#edf1f4;; position: relative;overflow: hidden; padding-bottom: 20px;}
.boardArea .hdNotice {margin-top: 20px;clear:both}
.boardArea .hdNotice dt a {display: block;position: relative;height: 36px;line-height: 38px;padding: 0 15px; font-weight: bold;}
.boardArea .hdNotice dt i {position: absolute;right: 15px;top: 10px; font-size: 16px;}
.boardArea .hdNotice dd {padding: 10px 15px;}
.boardArea .hdNotice dd li a {display: block;line-height: 35px; background: #fff; margin-bottom: 2px; padding-left: 10px;}
.boardArea .mdlArea01 {margin-top: 20px; padding: 0 15px; overflow: hidden;}
.boardArea .mdlArea01 li{float:left; width: 50%;}
.boardArea .mdlArea01 li img{width:100%; max-width:100%; height:auto;}


/* WEEKLY BEST */
.column-have {margin-bottom: 40px;}
.column-have .bx-wrapper { padding:0 10%; position:relative; }
.column-have .bx-wrapper li { /*width:4.2% !important*/ }
.column-have .bx-wrapper li img { width:100% }
.column-have .bx-wrapper .bx-controls-direction { margin-top:-12px; position:absolute; top:50%; left:0; width:100% }
.column-have .bx-wrapper .bx-controls-direction a { display:block; position:absolute; top:0; width:25px; height:25px; font-size:25px; color:#000; text-align:center; line-height:25px }
.column-have .bx-wrapper .bx-controls-direction a.bx-prev { left:5px }
.column-have .bx-wrapper .bx-controls-direction a.bx-next { right:5px }

/* 메인 타이틀 */
.main h3 {font-size: 20px;display: inline-block;margin: 35px auto 15px;font-weight: bold;width: 100%;text-align: center;line-height: 20px;}





/* BASIC css end */