/* BASIC css start */
.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;
}

/* reset css */
.event__container ul,
.event__container li { list-style: none; }
.event__container a,
.event__container span { display: block; }
.event__container main,
.event__container section,
.event__container article,
.event__container div { position: relative; }
.event__container a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
.event__container img {
    width: 100%;
    vertical-align: top;
}

/* STYLELOG CONTAINER */
.event__container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

/* ÀÎÆ®·Î ½º¿ÍÀÌÆÛ */
.intro { background-color: #333; }
.intro .introSwiper { width: 100%; height: 100%; }
.intro .introBtn { position: absolute; top: 76.85%; left: 17.33%; height: 8.59%; width: 65.44%; }
.intro .introSwiper .swiper-button-next,
.intro .introSwiper .swiper-button-prev { 
    position: absolute; top: 50%; 
    width: 40px; height: 40px; 
    border-radius: 20px; 
    background: rgba(93, 93, 93, 0.4); 
    backdrop-filter: blur(20px); 
    cursor: pointer; 
    pointer-events: auto; 
}
.intro .introSwiper .swiper-button-next { right: 5%; }
.intro .introSwiper .swiper-button-prev { left: 5%; }
.intro .introSwiper .swiper-button-next svg,
.intro .introSwiper .swiper-button-prev svg { width: 24px; height: 24px; min-width: 24px; min-height: 24px; display: block; color: #fff; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }
.intro .introSwiper .swiper-button-next.swiper-button-disabled svg,
.intro .introSwiper .swiper-button-prev.swiper-button-disabled svg { color: #eee; }

/* STICKY TAB MENU */
.content__wrap .sticky__wrap {
    position: sticky;
    top: 56px; left: 0;
    background-color: #333335;
    z-index: 999;
    width: 100%;
    overflow-x: hidden;
}

.content__wrap .sticky__wrap .sticky__tabs {
    display: flex;
    flex-direction: row;
    gap: 4%;
    width: inherit; height: inherit;
    margin-left: 4.44%; padding: 5% 0;
    display: flex;
    justify-content: space-around; align-items: center;
    overflow-x: auto;       /* ³»ºÎ ½ºÅ©·Ñ (ÇÊ¿ä ½Ã) */
    -webkit-overflow-scrolling: touch; /* ¸ð¹ÙÀÏ ºÎµå·¯¿î ½ºÅ©·Ñ */
    scrollbar-width: none;  /* ÆÄÀÌ¾îÆø½º ½ºÅ©·Ñ ¼û±è */
}

.content__wrap .sticky__wrap .tab {
    font-size: 1em;
    color: #fff;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
}
.content__wrap .sticky__wrap .tab span { display: inline; white-space: nowrap; }

.tab.tab--sel {
    text-decoration: underline;
    text-underline-offset: 7px;
    font-weight: bold;
}

/* ÀÌº¥Æ®1 ½Ç½Ã°£ ÀÎ±â »óÇ° ½º¿ÍÀÌÆÛ */
.event1 { background-color: #333; }
.event1 .saleSwiper { width: 100%; height: 100%; }
.event1 .saleSwiper .list { display: flex; flex-direction: column; width: 100%; margin-left: 4.44%; } /* width: 66.11%; */
.event1 .saleSwiper .list li figure { 
    width: 100%; height: auto;
    display: flex; flex-direction: row; gap: 3%;
    justify-content: flex-start; align-items: center;
    margin-bottom: 3%;
}
.event1 .saleSwiper .list li:last-child { margin-bottom: 0; }
.event1 .saleSwiper .list li figure .thumb_wrap_slider { height: inherit; width: 15%; border-radius: 30px; }
.event1 .saleSwiper .list li figure .thumb_wrap_slider .thumb_wrap.load a { height: inherit; width: 100%; }
.event1 .saleSwiper .list li figure .thumb_wrap_slider .thumb_wrap.load a img { width: 100%; height: 100%; }
.event1 .saleSwiper .list li figure .prod_brand,
.event1 .saleSwiper .list li figure .pro_icons,
.event1 .saleSwiper .list li figure .prod_subname,
.event1 .saleSwiper .list li figure .list_shoppingInfo .listDiscount.consumer,
.event1 .saleSwiper .list li figure .list_shoppingInfo .consumer.consumer_price { display: none; }
.event1 .saleSwiper .list li figure .listName,
.event1 .saleSwiper .list li figure .listName.bold { 
    border-bottom: 0; color: #fff; 
    font-size: 0.7em; 
    height: auto; text-wrap: nowrap;
    letter-spacing: -1px;
    margin: 0;
}
.event1 .saleSwiper .list li figure .pricepart { border-top: 0; padding-top: 0; }
.event1 .saleSwiper .list li figure .listPrice { padding-top: 0; }
.event1 .saleSwiper .list li figure .listPrice,
.event1 .saleSwiper .list li figure .listPrice.gigan,
.event1 .saleSwiper .list li figure .listPrice.gigan.normal_price { 
    color: #fff !important; 
    font-weight: bold; font-size: 1em; 
}
.event1 .saleSwiper .list li figure .dc_info { font-size: 1em; }
.event1 .saleSwiper .list li figure .prod_info_wrap { width: 100%; }
.event1 .saleSwiper .list li figure .colorcircle_item { 
    font-size: 1em; color: #fff; 
    width: 7%; 
    text-align: center;
}
.event1 .saleSwiper .list li figure > a { width: 100%; }
.event1 .saleSwiper .list li figure .prod_color { display: flex; flex-direction: row; padding: 3px 0; }
.event1 .saleSwiper .list li figure .prod_color span { width: 7px; height: 7px; }
.event1 .saleSwiper .list .thumb_wrap_slider .thumb_wrap .MK-product-label { display: none; }

/* ÀÌº¥Æ®4. ¿ª½ÃÁð »óÇ°¿¬µ¿ */
.event__container .event4 { background-color: #333; }
.event__container .event4 .product_wrap_section .list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 2%;
    font-size: 10px;
}
.event__container .event4 .product_wrap_section .list_shoppingInfo .prod_brand { padding: 5px 0 0; color: #fff; }
.event__container .event4 .product_wrap_section .pro_icons { padding: 2% 0 10px; display: none; }
.event__container .event4 .product_wrap_section .pro_icons .MK-product-icons { width: auto; }
.event__container .event4 .product_wrap_section .pro_icons img { width: auto; }
.event__container .event4 .product_wrap_section .list li { 
    width: 31%; height: auto;
    margin: 0 0 10%; 
}
.event__container .event4 .product_wrap_section .list li:nth-child(7),
.event__container .event4 .product_wrap_section .list li:nth-child(8),
.event__container .event4 .product_wrap_section .list li:nth-child(9) { margin-bottom: 0; }
.event__container .event4 .product_wrap_section .list .list_shoppingInfo { padding: 1%; }
.event__container .event4 .product_wrap_section .list .prod_color { display: flex; padding: 0 1% 10px; display: none; }
.event__container .event4 .product_wrap_section .list .pricepart { line-height: 1; color: #fff; border-color: #404040; }
.event__container .event4 .product_wrap_section .list .pricepart .dc_info,
.event__container .event4 .product_wrap_section .list .pricepart .listPrice,
.event__container .event4 .product_wrap_section .list .pricepart .listPrice.gigan,
.event__container .event4 .product_wrap_section .list .pricepart .listPrice.gigan.normal_price { font-size: 12px; color: #fff; }
.event__container .event4 .product_wrap_section .list .pricepart .dc_info { color: #f31110; }
.event__container .event4 .product_wrap_section .list_shoppingInfo .listName { font-size: 12px; line-height: 1.5; margin-bottom: 0; color: #fff; }
.event__container .event4 .product_wrap_section .list_shoppingInfo .listDiscount.consumer { font-size: 9px; }
.event__container .event4 .product_wrap_section .list_shoppingInfo .consumer,
.event__container .event4 .product_wrap_section .list_shoppingInfo .consumer.consumer_price,
.event__container .event4 .product_wrap_section .list_shoppingInfo .consumer.consumer_price.jung1 { display: none; }
.event4 .product_wrap_section .list .thumb_wrap_slider .thumb_wrap .MK-product-label { display: none; }

/* À¯ÀÇ»çÇ× ºÎºÐ css */
.notice__wrap,
.notice__wrap--more { position: inherit; }
.notice__wrap--more { cursor: pointer; display: block; }
.notice__wrap--more img { margin-top: 0; }
.notice__wrap--notice { 
    overflow: hidden;
    height: 0px;
    transition-property: height;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    z-index: -99;
}
.notice__wrap--notice.active { height: 100%; }
/* BASIC css end */

