/* 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:0.950em; display: inline-block; margin:45px 0 18px 0; padding-top:6px;}
.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;}


.mainCenterSliderWrap{position:relative;margin-top:40px}
.slick_left,.slick_right{color:#303030;cursor:pointer;position:absolute;padding:0 10px;margin-top:-7px;line-height:1;font-size:8vw;top:50%;transform:translateY(-50%)}
.slick_left{left:0}
.slick_right{right:0}
.slickFade{opacity:0;visibility:hidden;position:relative}
.slickFade.slick-initialized{visibility:visible;opacity:1}
.sldieBnText{text-align:left;font-weight:600;height:1px;padding:5px 0 0 2px}


.SMS_Product_display .items li .info_container .subname {display:none !important;}
.SMS_Product_display .items li .info_container .subname{display:block}
.mainCenterSlider .sldieBnText{font-size:14px;opacity:0}
.mainCenterSlider .slick-center .sldieBnText{opacity:1}
.main .slick-slide img{display:block;width:100%}
.main .slick-slide{outline:0}
.main .image{padding:0 1px}
.main .slick-dots{padding:0 2px;display:table;table-layout:fixed;width:100%!important;height:2px;background:#ececec;border-radius:0}
.main .slick-dots li{display:table-cell;width:auto;font-size:0;margin:0!important;height:2px!important;opacity:0;border-radius:0;vertical-align:top;line-height:0}
.main .slick-dots li button{width:100%;height:2px;border:0}
.main .slick-dots li.slick-active{opacity:1}
.main .slick-dots li.slick-active button{background:#303030}
.slick-list,.slick-list a,.slick-list:focus{outline: none;}

/**
 *  Progress Bar
 */
.progress {
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  
  background-color: #f5f5f5;
  background-image: linear-gradient(to right, black, black);
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
}

/* TODAY BEST */
.todayBestSection{
    margin: 32px 0 24px;
    padding: 22px 0 26px;
    background: #f4f3f1;
}

.todayBestHeader{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-bottom: 8px;
    text-align: center;
}


.todayBestSub{
    display: block;
    font-size: 11px;
    color: #777;
    line-height: 1;
    margin: 0;
    font-weight: 400;
}

.todayBestTitle{
    margin: 0;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #333;
    letter-spacing: 0.5px;
}

.todayBestTabsWrap{
    padding: 0 12px;
    margin-bottom: 14px;
    overflow: visible;
    display: block;
}

.todayBestTabs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
}

.todayBestTab{
    flex: 1 1 auto;
    border: 0;
    background: transparent;
    color: #8a8179;
    border-radius: 0;
    height: auto;
    line-height: 1.2;
    padding: 0;
    font-size: 9px;
    font-weight: 500;
    white-space: nowrap;
    text-align: center;
}

.todayBestTab.is-active{
    color: #655345;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.todayBestContents{
    padding: 0 12px;
}

.todayBestPanel{
    display: none;
}

.todayBestPanel.is-active{
    display: block;
}

.todayBestList{
    display: flex;
    flex-wrap: wrap;
    gap: 16px 8px;   /* 22px 8px -> 16px 8px */
    margin: 0;
    padding: 0;
    list-style: none;
}

.todayBestList > li{
    width: calc((100% - 16px) / 3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.todayBestItem{
    width: 100%;
}

.todayBestThumb{
    display: block;
    margin-bottom: 7px;   /* 8px -> 7px */
}

.todayBestThumb img{
    display: block;
    width: 100%;
    height: auto;
}

.todayBestInfo{
    min-height: auto;   /* 기존 52px 제거 */
}

.todayBestName{
    margin: 0;
    min-height: 30px;   /* 34px -> 30px */
    font-size: 12px;
    line-height: 1.35;
    color: #222;
    word-break: keep-all;
}

.todayBestName a{
    color: #222;
    text-decoration: none;
}

.todayBestPriceBox{
    margin-top: 2px;   /* 5px -> 2px */
}

.todayBestPriceStrike{
    margin: 0 0 1px;   /* 2px -> 1px */
    font-size: 11px;
    color: #999;
    line-height: 1.2;
}

.todayBestPrice{
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #111;
    line-height: 1.25;
}

.todayBestSoldout{
    margin: 3px 0 0;
    font-size: 12px;
    color: #999;
}

.main .todayBestHeader{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    margin: 0 0 8px;
    text-align: center;
}

.main .todayBestSub{
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 1.2;
    color: #777;
    font-weight: 400;
}

.main h3.todayBestTitle{
    display: block;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.2px;
}
/* BASIC css end */