/* BASIC css start */
#main .visual,
#main .banner{zoom:1;}
#main .visual:after,
#main .banner:after{ content:""; display:block; clear:both; }
#main .banner li { float:left; margin-left:10px; }
#main .banner li.nomg { margin-left:0; }

/* 메인 롤링이미지 */
#slides { position:relative;  width:434px; height:255px; background: url("/design/holly/renewal/main/new_bg.gif") no-repeat; }
.slides_container { width:331px; height:215px; overflow:hidden; display:none; margin: 0 auto; }
.slides_container a { display:block; width:331px; height:215px;}
.slides_container a img { display:block;  width:331px; height:215px;}
#slides .next,
#slides .prev { position:absolute; top:106px; width:27px; height:44px; display:block; z-index:100; }
#slides .prev{ left:0;}
#slides .next { right:0;}
#slides .more { padding:14px 0 0 111px; }
.pagination { display:none; }
div#f2s-rolling-container1.f2s-swiper {width:880px !important;}

#main h2 {text-align:center; margin:90px 0 20px; }

/* 테마 아이템 */
#banner_list { width:1100px; height:415px;  overflow:hidden;position:relative; border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7;  }
#banner_list .clsBannerScreen { margin:0 0 0 212px;}
#banner_list .clsBannerButton { position:absolute; top: 0; left: 0; z-index: 10; }

#banner_list .clsBannerButton .btn { width: 232px; height: 83px; background: url("https://www.hollyshop.co.kr/design/holly/renewal/main/theme_tab.png") no-repeat scroll 0 -10000px ; }
#banner_list .clsBannerButton .btn span { display: block; text-indent:-99999px; overflow: hidden; position: relative; }

#banner_list .clsBannerButton .tab01 { background-position: 0 0;  }
#banner_list .clsBannerButton .tab02 { background-position: 0 -83px; }
#banner_list .clsBannerButton .tab03 { background-position: 0 -166px; }
#banner_list .clsBannerButton .tab04 { background-position: 0 -249px; }
#banner_list .clsBannerButton .tab05 { background-position: 0 -332px; }

#banner_list .clsBannerButton .tab01:hover { background-position: 0 -415px; }
#banner_list .clsBannerButton .tab02:hover { background-position: 0 -498px; }
#banner_list .clsBannerButton .tab03:hover { background-position: 0 -581px; }
#banner_list .clsBannerButton .tab04:hover { background-position: 0 -664px; }
#banner_list .clsBannerButton .tab05:hover { background-position: 0 -747px; }

#banner_list .clsBannerButton .tab01on { background-position: 0 -415px; }
#banner_list .clsBannerButton .tab02on { background-position: 0 -498px; }
#banner_list .clsBannerButton .tab03on { background-position: 0 -581px; }
#banner_list .clsBannerButton .tab04on { background-position: 0 -664px; }
#banner_list .clsBannerButton .tab05on { background-position: 0 -747px; }

#banner_list .item-cont { zoom: 1; overflow: hidden; }
#banner_list .item-cont:after { content: ""; display: block; clear: both; }
#banner_list .item-cont .item-list { float: left; width: 221px; margin: 0; text-align: center; border-right:1px solid #e7e7e7;  }
#banner_list .item-cont .item-list .line {border-bottom:1px solid #e7e7e7; }
#banner_list .item-cont .item-list .thumb {position:relative;}
#banner_list .item-cont .item-list .thumb img { width: 221px; height: 207px; }

#banner_list .item-list .thumb .infobox { position: absolute; left:0; top:0; background:url("/design/holly/renewal/main/gray_bg.png") repeat 0 0; width:221px; height:127px; text-align:center; line-height:19px; padding-top: 85px; cursor:pointer; }
#banner_list .item-list .thumb .infobox .prd-name { font-family: Nanum Gothic,; font-size:14px; color:#fff;}
#banner_list .item-list .thumb .infobox .prd-price { font-family: Nanum Gothic, 'lato'; color:#dd2b34; font-size:18px; font-weight: bold;}


.prd-subname {padding-bottom:4px;} 


/* 하단배너영역 */
.bt_area {zoom:1;}
.bt_area:after { content:""; display:block; clear:both; }
.bt_area .notice {background-color:#fcfcfc; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; }
.bt_area .notice a { font-family: Nanum Gothic,; font-size:11px;}
.bt_area .notice dl {width:227px; height:102px; margin:18px 20px 0;}
.bt_area .notice dt {margin-bottom:12px;}
.bt_area .notice dt span {margin-left:127px;}
.bt_area .notice dd {position:relative; line-height:20px;}
.bt_area .notice dd span {position:absolute; right:1px; top:3px;}

#main h2.ttl_new {margin:160px 0 25px; repeat-x left 9px;}

/* 베스트셀러 */
.bestSeller {
    padding-top: 80px;
}
.bestSeller .bsTitle {
    font-family: Nanum Gothic;,
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}
.bestSeller .bsTab {
    height: 44px;
    width: 536px;
    margin: 0 auto;
}
.bestSeller .bsTab li {
    float: left;
    position: relative;
    width: 133px;
    height: 25px;
    border-right: 1px solid #ffffff;
    background-color: #ededed;
    color: #333333;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
    font-weight: bold;
    font-family: Nanum Gothic;
}
.bestSeller .bsTab li.sel {
    background-color: #555555;
    color: #ffffff;
}
.bestSeller .bsTab li span {
    display: none;
    position: absolute;
    color: #555555;
    left: 50%;
    margin-left: -5px;
    bottom: -10px;
}
.bestSeller .bsTab li.sel span {
    display: block;
}

.bestSeller .bsArea {
    clear: both;
    padding-top: 20px;    
    position: relative;
    zoom: 1;
    overflow: hidden;
    margin-right: -10px;
}
.bestSeller .bsArea .bsGoods {
    width: 546px;
}
.bestSeller .bsArea .bsGoods li {
    float: left;
    width: 170px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    position: relative;
    cursor: pointer;
}
.bestSeller .bsArea .bsGoods li>img {
    width: 100%;
}
.bestSeller .bsArea .bsGoods li .bsgMask {
    display: none;
    background: url("/design/holly/images/mask_bg.png");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}
.bestSeller .bsArea .bsGoods li .bsgInfo {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    padding: 10px;
}
.bestSeller .bsArea .bsGoods li .bsgInfo span { display: block; }
.bestSeller .bsArea .bsGoods li .bsgInfo .bsgName { font-weight: bold; }
}
.bestSeller .bsArea .bsGoods li .bsgInfo .bsgSubname {
}
.bestSeller .bsArea .bsGoods li .bsgInfo .bsgPrice { padding-top: 5px; }
.bestSeller .bsArea .bsBanner {float: left;margin-right: 8px;}
.bestSeller .bsArea .bsBanner img { width: 545px; }


/* 앵커 */
.prd-list .tb-center,
.prd-list .tb-left { position: relative; }
.prd-list .tb-right { position: relative; }
.nhn_anchor_text { position: absolute; padding: 7px; top: 0px; left: 0px; margin-left: 0px; }
.nhn_anchor_select { } /* focus상품 */ 
/* BASIC css end */