/* BASIC css start */
/* 상품 타이틀 */

.item-wrap .item-cont4 { zoom: 1; overflow: hidden; margin-top: 20px; margin-left: 170px; }
.item-wrap .item-cont4 .item-list {float:center; width: 350px; margin: 0 0 30px 20px;}
.item-wrap .item-cont4 .item-list .thumb { position: relative; }
.item-wrap .item-cont4 .item-list .thumb a { display:block; overflow:hidden }
.item-wrap .item-cont4 .item-list .thumb a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.item-wrap .item-cont4 .item-list .thumb a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.item-wrap .item-cont4 .item-list .thumb .clChip {margin-top:5px; }
.item-wrap .item-cont4 .item-list .thumb .clChip span {display: inline-block;width: 14px;height: 4px;}


/* 중간 배너 */
.midBanner { margin:0 0 6%; }
.midBanner li { float:left; width:50%;}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }


/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 0px; }

#main_bg { background-color:#fcfcfc; width:100%; }

#banmain {  width:90%; margin-top:30px; }

.ban_01 {  float:left; 
      margin-top:0px; 
      margin-left:60px;
      position:absolute;
      z-index:  -1
 }

.ban_06 {  float:left; 
      margin-top:-245px; 
      margin-left:0px;
      z-index:  1
}

#banmain2 {  width:100%; margin-left:50px; margin-top:30px; }
.ban_02 { float:left; margin-top:0; margin-left:18px;  }
.ban_03 { float:left; margin-top:0px; margin-left:18px; }
.ban_04 { float:left; margin-top:0px; margin-left:18px; }
.ban_05 { float:left; margin-top:0px; margin-left:18px; }
#banmain iframe {margin-top:0px;}

#middleimg {  width:1900px; }
.bigimg {  float:left;  }


#main_hot { margin-top:100px;  width:1430px; }
.main_hot1 { float:left; }
.main_hot2 { float:left; margin-left:10px; }
.main_hot3 { float:left; margin-left:10px; }
.main_hot4 { float:left; margin-left:10px; }


.ongBannerWrap { text-align:center; }


/* 중간 띠배너1 */
#column_mid_bn1 { margin-top:100px; position:absolute; width:100%; height:460px margin:100px 0px; }
#column_mid_bn1 .bn-inner {  position:absolute; top:0; width:2000px; height:460px }
#column_mid_bn1 .bn-inner .thmb { position:absolute; top:0; left:0; width:100%; background-color:#fff1f1; }
#column_mid_bn1 .bn-inner .bn-center { margin:0 auto; position:relative; width:1400px; height:460px }
#column_mid_bn1 .bn-inner .bn-center .btn-detail { display:block; position:absolute; left:89px; top:50px; width:151px; height:45px; text-indent:-9999em }
#column_mid_bn1 .bn-inner .bn-center .img { position:absolute; top:-81px; right:57px }


.main_txt { 
            font-family: 
            font-size: 20px;
            margin-top:-20px;
            font-weight: 700;
            text-align: center;
            color:#313131;
            margin-top:100px;

}

.main_txt2 {
            font-family: 
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            color:#313131;
            margin-top:0px;
            margin-left:545px;
}

.main_txt3 {
            font-family: 
            font-size: 20px;
            font-weight: 700;
            text-align: left;
            color:#313131;
            margin-top:160px;
            margin-left:305px;
}


.main_txt4 {
            font-family: 
            font-size: 20px;
            font-weight: 700;
            text-align: left;
            color:#313131;
            margin-top:550px;
            margin-left:305px;
}


#item-block-best .prd-name { margin-top:5px; line-height: 1.0; }
#item-block-best .sale_color { color: #ed566c; }


#main .weekly-best { zoom: 1; overflow: hidden; position: relative; height: 290px; margin-top: 40px; padding: 20px 45px 0; border-top: 1px solid #BEBEBE; background: #fbfbfb; }
#main .weekly-best #slider { zoom; 1; overflow: hidden; position: absolute; top: 75px; width: 1020px; }
#main .weekly-best h2 { color: #333; font-size: 22px; text-align: center; }
#main .weekly-best ul { zoom: 1; overflow: hidden; margin-left: -10px; }
#main .weekly-best ul li { float: left; position: relative; width: 194px; height: 194px; margin-left: 10px; }
#main .weekly-best ul li .cvr { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
#main .weekly-best ul li .dsc { display: none; position: absolute; top: 0; left: 0; width: 100%; padding-top: 80px; color: #fff; text-align: center; }
#main .weekly-best ul li .dsc del { color:#dbdbdb; }
#main .weekly-best ul li .dsc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
#main .weekly-best ul li .img img { width: 100%; height: 100%; }
#main .weekly-best .btn-prev,
#main .weekly-best .btn-next { position: absolute; top: 160px; width: 12px; height: 19px; text-indent: -9999px; }
#main .weekly-best .btn-prev { left: 15px; background: url('/design/bikibiki/11753/wang123/9607/makeshop/btn/btn_h19_prev.gif') no-repeat 0 0; }
#main .weekly-best .btn-next { right: 15px; background: url('/design/bikibiki/11753/wang123/9607/makeshop/btn/btn_h19_next.gif') no-repeat 0 0; }
#main .mprd-cm { margin-top: 0; }
#main .mprd-cm .tit-prd { margin-top: 80px; background: url('/design/bikibiki/11753/wang123/9607/makeshop/bg/bg_heading.gif') repeat-x 0 50%; text-align: center; }
#main .mprd-cm .tit-prd span { display: inline-block; padding: 0 20px;  color: #333; font-size: 16px; letter-spacing:3px; }
#main .mprd-cm .tit-prd span strong { font-size:16px; }


/* 220926 추가 영역 */
#midBnnr {position: relative; width: 1220px; margin: 50px auto 0;}
#midBnnr .swiper-container .swiper-slide img {width: 100%;}
#midBnnr .mid-prev {left: -10px; background:rgba(187,187,187,0.8) url("/design/bikibiki/24299/btn_prev_w.png") no-repeat center; background-size:20px auto; }
#midBnnr .mid-next {right: -10px;background: rgba(187,187,187,0.8) url("/design/bikibiki/24299/btn_next_w.png") no-repeat center;background-size: 20px auto;}
#midBnnr .mid-next, 
#midBnnr .mid-prev {position: absolute; top:50%; margin-top:-20px; width:40px; height:40px;z-index: 2; font-size:0;}
#midBnnr .mid-next::after, 
#midBnnr .mid-prev::after {display: none;}


/* 메인 롤링 배너 */
.sliderWrap {position:relative;min-width:1557px;}
.sliderWrap .mainSliderArea {position:relative;;width:1557px;text-align: center;}
.mainSliderArea .swiper-container .swiper-wrapper {  }
.mainSliderArea .swiper-container .swiper-slide {text-align: center;font-size: 13px;color: #555555;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;width: auto !important;padding: 0 14px;}
.mainSliderArea .swiper-container .swiper-slide a {color:#000;}
.mainSliderArea .swiper-container .swiper-slide a.on {color: #d6000f;font-weight:bold;display: block;position: relative;line-height: 31px;height: 100%;}
.mainSliderArea .swiper-container .swiper-slide a.on::after {content:"";display:block;width: 100%;height: 3px;background-color: #d6000f;position: absolute;bottom: 0px;}
.mainSliderArea .swiper-container .swiper-slide span {color: #c70026;font-size: 8px;position: absolute;line-height: 8px;top: 2px;left: 10px;font-weight: bold;}
.mainSliderArea .swiper-button-prev {background:#333;width: 30px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;top: 40%;left: 0px;text-align: center;margin: 0;}
.mainSliderArea .swiper-button-next {background:#333;width: 30px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;right: 0px;top: 40%;margin: 0;text-align: center;}
.mainSliderArea .swiper-button-next.swiper-button-disabled,
.mainSliderArea .swiper-button-prev.swiper-button-disabled {opacity:1 !important;}
.mainSliderArea .swiper-button-next.swiper-button-disabled i,
.mainSliderArea .swiper-button-prev.swiper-button-disabled i {opacity:0.35;}
.mainSliderArea .mainSliderNav-pagination {    bottom: 0px;  left: 0;  width: 100%;  margin-top: 30px;   position: relative;}
.mainSliderArea .mainSliderNav-pagination .swiper-pagination-bullets .swiper-pagination-bulle {margin:0}
.mainSliderArea .mainSliderNav-pagination .swiper-pagination-bullet {width:74px; height:6px; background:#a2a2a2; /*margin:0 5px;*/ opacity:1; border-radius:0;}
.mainSliderArea .mainSliderNav-pagination .swiper-pagination-bullet-active {width:74px; height:6px; background:#000; opacity:1;}


#column_topBn { margin:50px auto 0; position:relative; width:1200px; overflow:hidden }
#column_topBn .topBn1 { position:relative; *zoom:1 }
#column_topBn .topBn1:after { display:block; clear:both; content:'' }
#column_topBn .topBn1 .tb_visu { padding-right:5px; float:left; width:805px; height:465px }
#column_topBn .topBn1 .tb_visu img { width:805px; height:465px }
#column_topBn .topBn1 .tb_side { float:left; position:relative; width:390px; height:465px; background:url(/design/bikibiki/171012/main/biki-main-02.jpg) 0 0 no-repeat }
#column_topBn .topBn1 .tb_side h3 { position:absolute;  }
#column_topBn .topBn1 .tb_side .bx-controls-direction { position:absolute; top:110px; left:0; width:100%; z-index:50 }
#column_topBn .topBn1 .tb_side .bx-controls-direction a { position:absolute; top:0; width:22px; height:43px; text-indent:-9999em; background:url(/design/bikibiki/10449/phps/main/sp_tbside_arr.png) 0 0 no-repeat }
#column_topBn .topBn1 .tb_side .bx-controls-direction .bx-prev { left:0; background-position:0 0 }
#column_topBn .topBn1 .tb_side .bx-controls-direction .bx-next { right:0; background-position:0 -43px }
#column_topBn .topBn1 .tb_side .bx-pager { margin-left:-40px; position:absolute; top:302px; left:50%; text-align:center; z-index:50 }
#column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item { padding:0 5px; float:left }
#column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item a { display:block; width:10px; height:10px; text-indent:-9999em; background:url(/design/bikibiki/10449/phps/main/sp_tbside_pager.png) 0 0 no-repeat }
#column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item a.active { background-position:0 -10px }
#column_topBn .topBn2 { padding-top:5px; position:relative; height:270px; overflow:hidden }
#column_topBn .topBn2 ul { width:1205px }
#column_topBn .topBn2 ul li { padding-right:5px; float:left; width:400px }
#column_topBn .topBn2 ul li.last { width:390px }
#column_topBn .topBn2 ul li img { width:400px; height:270px }
#column_topBn .topBn2 ul li.last img { width:400px }

/* BASIC css end */