/* BASIC css start */
/* #mainBnnr */
#mainBnnr img {width: 100%;}
#mainBnnr .swiper-pagination {width: 34px;height: 17px;left: unset;right: 15px;bottom: 15px;background: rgba(0,0,0,.6);border-radius: 10px;color: #fff;font-size: 0.625rem;}
#mainBnnr .swiper-pagination span {color: #fff;font-size: 0.75rem;}

/* midBnnr */
#midBnnr {padding: 15px 0 60px;}
#midBnnr .swiper-slide img {width: 100%;}
#midBnnr .mid-pg {position: relative;margin-top: 10px;top: unset;left: unset;}
#midBnnr .mid-pg span {width: 27px;height: 3px;opacity: 1;border-radius: 0;margin: 0 4px 0 5px;background: #999999;}
#midBnnr .mid-pg span.swiper-pagination-bullet-active {background: #e60012;}

/* 공통 */
.main section {padding-bottom: 50px;}
.main h3 {display: block;border-top: 0;font-size: 1.1875rem;color: #111111;font-weight: bold;line-height: 1;position: relative;letter-spacing: -1px;}
.main h3::before {content: "";display: inline-block;width: 35px;height: 1px;background: #dbdbdb;margin-left: 13px;vertical-align: middle;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.main h3::after {content: "";display: inline-block;width: 35px;height: 1px;background: #dbdbdb;margin-right: 13px;vertical-align: middle;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.main p.subTit {color: #282828;font-size: 0.825rem;margin-top:12px;}


/* grayWrap */
.grayWrap {padding-top: 50px;background: #f8f8f8;margin-bottom: 50px;}
.grayWrap li {border:0 !important; background:#fff;}

/* special */
#specialSlide {padding: 0 13px;}
#specialSlide .swiper-container {margin-bottom: 30px;}
#specialSlide ul {display: flex;box-sizing: content-box;}
#specialSlide .special-pg {height: 4px;background: #eeeeee;width: 100%;position: relative;bottom: 0;}
#specialSlide .special-pg span {background: #d71518;}

/* new */
#newSlide {padding: 0 13px;}
#newSlide .swiper-container {margin-bottom: 30px;}
#newSlide ul {display: flex;box-sizing: content-box;}
#newSlide .new-pg {height: 4px;background: #eeeeee;width: 100%;position: relative;bottom: 0;}
#newSlide .new-pg span {background: #d71518;}

/* recmd */
#recmdSlide {padding: 0 13px;}
#recmdSlide .swiper-container {margin-bottom: 30px;}
#recmdSlide ul {display: flex;box-sizing: content-box;}
#recmdSlide .recmd-pg {height: 4px;background: #eeeeee;width: 100%;position: relative;bottom: 0;}
#recmdSlide .recmd-pg span {background: #d71518;}


/* 탭 상품 영역 */
#tab2 {padding-bottom: 35px;}
main .tabWrap {padding: 0 25px;}
main .tabWrap ul {text-align: center;}
main .tabWrap ul li {width: calc((100% - 15px) / 4);margin-right: 5px;margin-bottom: 6px;min-height: auto;box-sizing: border-box;background: #f8f8f8;border: 0;border-radius: 15px;}
main .tabWrap ul li.active {background: #d71518;}
main .tabWrap ul li:nth-child(2n) {margin-right: 5px;}
main .tabWrap ul li:last-child {margin-right: 0;}
main .tabWrap ul li a {padding: 8px 0;text-align: center;display: block;font-size: 0.75rem;color: #999999;}
main .tabWrap ul li.active a {color: #fff;font-weight: bold;}
main .contWrap .items {display:none;}
main .contWrap .items.active {display:block;}

/* miniBnnr */
.miniBnnr ul {padding: 0 13px;}
.miniBnnr ul li {display: block;width: 100%;min-height: auto !important;border: 0;margin: 0;margin-bottom: 6px;}
.miniBnnr ul li:last-child {margin: 0;}
.miniBnnr ul li a {padding: 0;}
.miniBnnr ul li a img {width: 100%;}

/* 롤링배너 */
#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 .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;}

/*쿠폰 혜택 버튼*/
.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 */