/* BASIC css start */
.swiper-slide {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}
.headerNavWrap { display:block !important } 

/* 롤링배너 */
.mainSpotSliderArea { position:relative; }
.mainSpotSliderArea img { width:100% }
.mainSpotSlider { overflow: hidden; }
.spot-pagination { width: 50px !important; height: 20px; background-color: rgba(51,51,51,0.8); bottom: 0px !Important; right: 0 !Important; left: unset !Important; border-radius: 5px 0 0 0; 
    z-index: 9; color: #fff; font-size: 11px; line-height: 20px; }
.spot-pagination .f_aaa { color: #aaa; }
/* //롤링배너 */


.list_shopping1x .items li { border: none; }
.list_shopping1x .items li a { padding: 7.5px 4%; }
.list_shopping2x .items li:nth-child(even) a { padding-left: 7.5px; }
.list_shopping2x .items li:nth-child(odd) a { padding-right: 7.5px; }
.listPrice { font-weight: 700; font-size: 13px; }
.listPrice span { font-size: 11px; font-weight: 500; }
.discount { font-size: 13px; font-weight: bold; color: #ff7700; }
.prd_des { color: #666; }

/* mainLink */
.mainLinkArea { margin-top:30px; }
.mainLinkArea .box ul { *zoom:1; display: flex; justify-content: space-between; flex-wrap: wrap; }
.mainLinkArea .box li { position:relative; width:48%; background:#f5f5f5; margin-bottom: 15px; }
.mainLinkArea .box li a { display:block; height:100% }
.mainLinkArea .box li .t1 { display:block; padding:15px 0 0 15px; font-size:14px; font-weight:600 }
.mainLinkArea .box li .t2 { display:block; padding:5px 0 15px 15px; font-size:11px; color:#666; }
.mainLinkArea .box li .ico { position:absolute; top:50%; transform: translateY(-50%); right:15px; width:30px; height:30px; background:url(/design/doobobiz/main/sp_main_top_link.png) 0 0 no-repeat; background-size: cover }
.mainLinkArea .box li .ico1 { background-position:0 0 }
.mainLinkArea .box li .ico2 { background-position:0 -30px }
.mainLinkArea .box li .ico3 { background-position:0 -60px }
.mainLinkArea .box li .ico4 { background-position:0 -90px }

/* 상품 목록 */
#contents .titleWrap { margin: 40px 0 25px; }
#contents .titleWrap h3 { font-size: 18px; font-weight: bold; }
#contents .moreBTn { background: #fff; border: 1px solid #000; width: 100px; line-height: 30px; display: inline-block; border-radius: 50px; }
#contents .moreBTn > i { margin-left: 5px; position: relative; top: 1px; }
#contents .recmdPrd-wrap .titleWrap h3 { padding-top: 40px; } 
#contents .recmdPrd-wrap { padding-bottom: 40px; }


/* 유튜브 */
.youtube-wrapper { position: relative; text-align: center; width: 92%; margin: 0 auto; }
.youtube-wrapper .mainCateMore01 { margin-top: 20px; }
.youtube-wrapper .titleWrap p { margin-top: 10px; }
.youtube-wrapper .item-wrap { overflow: initial; }
.youtube-wrapper .youtube-wrap { overflow: hidden; }
.youtube-wrapper .youtubeTit { margin: 12.5px 0 25px; color: #666; }
.youtube-wrapper .youtube-wrap .swiper-slide > img { width: 100%; height: 160px; }

.youtube-wrapper .swiper-wrapper .videoMask { position:absolute; top:0; left:0; right:0; width:100%; height:74.6%; background:rgba(0,0,0,0); z-index:10; cursor:pointer }
.youtube-wrapper .swiper-wrapper .videoMask:after { margin-left:-16px; margin-top:-12px; position:absolute; top:50%; left:50%; width:31px; height:23px; background:url(/design/doobobiz/main/ico_video_play.png) 0 0 no-repeat; background-size:31px auto; z-index:10; content:'' }

.youtubePopupLayer { display: none; width: 100%; height:100%; background: rgba(0,0,0,0.5); position: fixed; top:0; left:0; right:0; bottom:0; z-index: 99; }
.youtubePopupLayer > div { position: relative; width: 92%; margin: 0 auto; height: 100%; }
.youtubePopupClose { position: absolute; top: 32%; right: 0; }
.youtubePopupClose > i { font-size: 20px; color: #fff; }
.youtubePopupLayer .youtubeWrap { width: 100%; height: 28%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; }

.swiper-scrollbar, .swiper-scrollbar-1, .swiper-scrollbar-2 { height: 5px; background: rgba(0,0,0,0.1) }
.swiper-scrollbar-drag { background:#000 !important }

/* 인스타그램 */
.insta-wrapper { margin-top: 50px; }
.insta-wrapper .instaTit { text-align: center; margin-bottom: 20px; }
.insta-wrapper .instaTit h3 > img { width: 35%; }
.insta-wrapper .instaTit p a { color: #666; margin-top: 5px; display: inline-block; }
.insta-wrapper .item-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.insta-wrapper .item-wrap li { width: 32%; margin-top: 2%; }
.insta-wrapper .item-wrap li img { width: 100%; }


/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */