/* BASIC css start */
.event__container,
.event__container div,
.event__container a,
.event__container span { display: block; }
.event__container ul,
.event__container li { list-style: none; padding: 0; margin: 0; }
.event__container img { width: 100%; vertical-align: top; }
.event__container a { text-decoration: none; cursor: pointer; color: inherit; }
.event__container {
    font-size: 16px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    max-width: 900px; width: 100%;
    margin: 0 auto; padding: 0;
    border: 0; box-sizing: border-box;
}

/* 스티키 탭 */
.sticky__wrap {
    position: sticky; top: 56px; left: 0;
    width: 100%;
    background-color: #1b1533;
    z-index: 999;
    overflow-x: hidden;
}

.sticky__tabs {
    width: inherit; height: inherit;
    display: flex; flex-direction: row; gap: 6%;
    justify-content: flex-start; align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.sticky__tabs li { width: 100%; height: 100%; }
.sticky__tabs .tab { padding: 15% 0; text-align: center; }
.tab span {
    display: inline;
    white-space: nowrap;
    font-size: 1em; color: #fff;
}
.tab.tabsel,
.tab.tabsel span {
    text-decoration: underline;
    text-underline-offset: 7px;
    font-weight: bold;
}
.sticky__tabs li:first-child { margin-left: 5%; }
.sticky__tabs li:last-child { margin-right: 10%; }

.event2, 
.event4 { background-color: #060115; }
.event2 a.btnLanding { margin-top: 5%; }
.event4 a.btnLanding { margin-top: 5%; }

/* 유의사항 */
.notice__wrap .notice__btn { position: relative; cursor: pointer; }
.notice__wrap .notice__btn img { margin-top: 0; }
.notice__wrap .notice__content {
    overflow: hidden;
    height: 0;
    transition: height 0.2s linear;
    z-index: -99;
}
.notice__wrap .notice__content.active { height: 100%; }

/* 상품연동 */
.event__container .product_wrap_section { padding: 0 2%; }
.event__container .product_wrap_section .list {
    display: flex; flex-wrap: wrap; flex-direction: row; gap: 2%;
    justify-content: center; align-items: flex-start; 
    font-size: 10px;
}
.event__container .product_wrap_section .list_shoppingInfo .prod_brand { padding: 5px 0 0; }
.event__container .product_wrap_section .pro_icons { padding: 2% 0 10px;; }
.event__container .product_wrap_section .pro_icons .MK-product-icons { width: auto; }
.event__container .product_wrap_section .pro_icons img { width: auto; }
.event__container .product_wrap_section .list li { 
    width: 31%; height: 330px;
    margin: 0 0 10%; 
}
.event__container .product_wrap_section .list li:nth-child(7),
.event__container .product_wrap_section .list li:nth-child(8),
.event__container .product_wrap_section .list li:nth-child(9) { margin-bottom: 0; }
.event__container .product_wrap_section .list .list_shoppingInfo { padding: 1%; }
.event__container .product_wrap_section .list .prod_color { display: flex; padding: 1%; }
.event__container .product_wrap_section .list .pricepart .dc_info,
.event__container .product_wrap_section .list .pricepart .listPrice,
.event__container .product_wrap_section .list .pricepart .listPrice.gigan,
.event__container .product_wrap_section .list .pricepart .listPrice.gigan.normal_price { font-size: 12px; }
.event__container .product_wrap_section .list_shoppingInfo .listName { font-size: 13px; }
.event__container .product_wrap_section .list_shoppingInfo .listDiscount.consumer { font-size: 9px; }
.event__container .product_wrap_section .list .thumb_wrap { position: relative; }
/* 배경색 검정일때 */
.event__container .product_wrap_section .list_shoppingInfo .prod_brand,
.event__container .product_wrap_section .list_shoppingInfo .listName,
.event__container .product_wrap_section .list .pricepart .listPrice,
.event__container .product_wrap_section .list .pricepart .listPrice.gigan.normal_price { color: #fff; }
.event__container .product_wrap_section .list .prod_color span { border: 1px solid rgba(255, 255, 255, 0.25); }
.event__container .product_wrap_section .list .pro_icons { display: none; }
/* 이벤트4 상품연동 */
.event__container .event4 .product_wrap_section .list { gap: 4%; }
.event__container .event4 .product_wrap_section .list li { width: 46%; margin: 0 0 20%; }


/* 450px 이상 ~ 850px 이하 */
@media (min-width: 450px) {
  .event__container .event2 .product_wrap_section .list li {
    margin: 0 0 20%;
  }
  .event__container .event4 .product_wrap_section .list li {
    margin: 0 0 40%;
  }
}
/* BASIC css end */