/* BASIC css start */
/* 롤링배너
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
 */
/* //롤링배너 
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}
*/


li{list-style:none ! important;}


/*메인배너*/
#section1{margin-bottom:32px;}
#section1 .main_banner{position:relative;}
#section1 .main_banner li{}
#section1 .main_banner li:nth-of-type(1) ~ li{display:none;}
#section1 .main_banner li img{width:100%;}
#section1 .slick-dots{position:absolute; bottom:18px; height:2px; width:100%; text-align:center;}
#section1 .slick-dots>li{margin:0 5px; display:inline-block ! important; height:2px;}
#section1 .slick-dots>li>button{width:27px; height:2px; background:#fff; border:none; vertical-align:top;}
#section1 .slick-dots li.slick-active button{background:#000;}

/*서브배너1*/
#section2{padding:0 10px;}
#section2 .sub-banner1{width:100%; font-size:0;}
#section2 .sub-banner1 img{width:100%; transition:all 0.3s ease-in-out;}
#section2 .sub-banner1 img:hover{opacity:0.6;}
#section2 .b-right a{width:50%; display:inline-block;}

/*베스트 상품*/
#section3{padding:0 5px;}
.cateTit{text-align:center;}
.cateTit h3{font-size:17px; color:#333232; font-weight:600; margin:65px 0 22px;}
.item-cont{font-size:0;}
.item-list{width:calc(50% - 10px); margin:0 5px 35px 5px; display:inline-block;}
.thumb{position:relative;}
.thumb img{width:100%;}
.discount-rate{position:absolute; left:10px; top:10px; width:35px; height:35px; display:block; text-align:center; background:#333232; border-radius:50%; color:#fff; line-height:36px; font-size:12px;}

.prd-info{padding:6px 0 0;}
.prd-name a{display:block; color:#333; font-size:12px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prd-subname{display:block; color:#828282; font-size:11px; line-height:18px; padding:2px 0 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prd-price{padding-top:7px;}
.prd-price strike{font-size:12px; color:#888; margin-right:8px;}
.prd-price .price{font-size:12px; color:#4c4c4c; font-weight:600;}
.prd-preview{display:none;}

/*서브배너2*/
#section4 img{width:100%; transition:all 0.3s ease-in-out;}
#section4 img:hover{opacity:0.6;}

/*신상품*/
#section5{padding:0 5px;}
#section5 .item-list:nth-child(3), #section5 .item-list:nth-child(6){width:calc(100% - 10px);}
#section5 .new-tab{width:100%; text-align:center; margin-bottom:20px; font-size:0;}
#section5 .new-tab li{margin:4px 10px; display:inline-block;}
#section5 .new-tab li a{color:#575757; font-size:14px; position:relative; cursor:pointer; display:block; line-height:20px;}
#section5 .new-tab li a:after{content:""; position:absolute; bottom:-3px; left:50%; transform:translateX(-50%); width:0%; height:1px; background-color:#666; transition:all 0.3s ease;}
#section5 .new-tab li.on a{color:#000;}
#section5 .new-tab li.on a:after{width:100%;}
#section5 .new-tab li:hover a:after{width:100%;}
#section5 .new-cont{display:none;}
#section5 .step1{display:block;}

/*동영상*/
#section8{padding:65px 10px 0 10px;}
#section8 .play_banner{overflow:hidden; position:relative;}
#section8 .play_banner_l{margin-bottom:10px;}
#section8 .play_banner img{transition:transform .3s cubic-bezier(0.645,0.045,0.355,1); width:100%; transform:scale(1.08);}
#section8 .play_banner:hover img{transition:transform 1s cubic-bezier(0.33,0.02,0,0.93); transform:scale(1.06) translateX(3%);}
#section8 .play_banner:before, #section8 .play_banner:after{content:""; display:block; position:absolute; border:3px solid #fff; width:50px; height:50px; border-radius:50%; box-sizing:border-box; top:calc(50% - 25px); left:calc(50% - 25px); transition:all 0.4s; z-index:1;}
#section8 .play_banner:after{border:none; background:url('/design/sincere123/wib/img/icon/icon_play.png')no-repeat 57% 50%; background-size:18px;}
#section8 .play_banner:hover::before{opacity:0; transform:scale(0.9);}
#section8 .video{position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; z-index:9999; display:none;}
#section8 .video .video-play{width:calc(100% - 20px); height:auto; position:absolute; top:50%; left:10px; z-index:100; transform:translate(0, -50%);}
#section8 .video .video-play iframe{width:100%; height:100%;}

.close_pop{
	width: 20px;
	height: 20px;
	display: block;
	background: url('/design/sincere123/wib/img/icon/icon_close_w.png') no-repeat;
	background-size:cover;
	z-index:99999;
	position: fixed;
    top: 50%;
    right: 10px;
    margin-top:-32%;
	display: none;
	cursor: pointer;
}

/*iframe 리사이징*/
.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	/*overflow: hidden;*/ 
	max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


/* BASIC css end */