/* BASIC css start */
#contentWrapper {background: #222; padding-top: 30px!important;} 
.section_wrap {width: 100%;margin: 0 auto; }
.underlined {text-decoration: underline;}
.flex{display:flex;}
.opacity1{opacity: 1!important;}
.space-between{justify-content: space-between;}
.align-end {align-items: end;}

.wrap1400 {max-width: 100%;margin: 0 auto;}


.section {padding-bottom: 70px;padding-top:70px;}
.bg1 {background: #000;}
.bg2 {background: url(//sappun.img13.kr/site/event/20241216/PC_back.jpg);    background-size: cover;}
.bg3 {background: url(//sappun.img13.kr/site/event/20241216/PC_back.jpg);    background-size: cover;}

.title_wrap {padding: 0 10px;}
.title_A {font-family: 'Pretendard'; font-size: 16px;color: #f7e7b7;padding-bottom: 0px;}
.title_B {font-family: 'Pretendard'; font-size: 27px;color: #fff;padding-bottom: 20px;font-weight: bold;}
.title_wrap.center {text-align: center;padding-bottom: 30px;}

.section_wrap .item_container .item .item_txt .name {color: #fff;}
.section_wrap .item_container .item .item_price .price {color: #fff;} 
.section_wrap .item_container .item .review {color: #fff;}

.product_list_box_wrap {padding-top: 30px;}

.benefit {border-bottom: 1px solid #fff;padding: 20px 0;font-size: 16px;font-family:'Pretendard';}
.section_title{font-size: 30px;font-weight: bold;text-align: center;margin: 0 auto;padding-bottom: 20px;font-family: 'Brewery Com','Pretendard';color: #fff;} 
.pcwrap {margin: 0 auto;padding: 70px 10px;}
.benefit div {color: #fff;}
.benefit div b{color: #fff;}

.club_main{position:relative;}
.club_main .img {display: flex;animation: scroll 10s linear infinite;    height: 80vh;}
.club_main .simply-scroll{width:100%; height:auto; font-size:0;}
.club_main .simply-scroll:after{content:''; display:block; width:100%; height:100%;  position:absolute; top:0; left:0;}
.club_main .simply-scroll .simply-scroll-clip{width:100%; height:auto;}
.club_main .txt{position:absolute; top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%); z-index:1;}
.club_main .txt h1{font-size:40px; font-weight:normal; color:#fff; letter-spacing:-0.1px; font-family:'Brewery Com', sans-serif;}
.club_main .txt p{font-size:14px; letter-spacing:-0.3px; color:#fff; line-height:1.5; padding:20px 0 0;}
.club_main .txt p span{color: #E9616E;}


.accordion .slide {padding: 0 10px;height: 70px;text-align: center;line-height: 70px;font-size: 16px;transition: height 0.3s ease-in-out;cursor: pointer;overflow: hidden;border-bottom: 1px solid #333;}
.accordion .slide:hover { }
.accordion .slide.active {height: auto; padding-bottom:30px;}
.accordion {}
.accordion_tit {font-family: 'Pretendard';  height: 70px;text-align: left;color: #fff;   display: flex;align-items: center;cursor: pointer;gap:15px;}
.accordion .item_container .item {margin-bottom: 30px!important;}
.accordion_more a {font-family: 'Pretendard'; color: #fff;font-size: 14px;background: #333;border-radius: 5px;height: 40px;line-height: 37px;margin: 0 10px;text-align: center;display: block;}
.accordion .accordion_more a {margin: 0 auto;}

.accordion .slide .accordion_tit .icon {transition: transform 0.3s ease; }
.accordion .slide.active .accordion_tit .icon {transform: rotate(180deg);}

.accordion .item_container .item:nth-child(2n) {    margin-right: 1px;}



.swiper_tab_con_box {padding: 0 10px;}
.swiper_tab_box {    margin: 0 auto 20px;display: flex;width: 100%;}
.swiper_tab_box a {display: inline-block;padding: 10px 15px;line-height: 15px;color: #fff;font-weight: bold;font-size: 14px;background: #555;border-radius: 5px;font-family: 'Pretendard';width: auto;}
.swiper_tab_box a.active {background: #a51d27;color: #fff;}

#clear_product .product_list_box .product_list_box_wrap, #best_product .product_list_box .product_list_box_wrap, #new_product .product_list_box .product_list_box_wrap{display:none;}
#clear_product .product_list_box .product_list_box_wrap.active, #best_product .product_list_box .product_list_box_wrap.active, #new_product .product_list_box .product_list_box_wrap.active{display:block;}

.off_list_box .off_list_box_wrap {display:none;    padding-top: 30px;padding-bottom:0px;}
.off_list_box .off_list_box_wrap.active {display:block;}
.off_info_box {;padding: 0px 10px;font-size: 14px;color: #fff;    line-height: 1.5;font-family: 'Pretendard';}
.info_t1 {padding-top: 30px;font-weight: bold;color: #fff;font-family: 'Pretendard';}
.info_t2 {color: #fff;font-family: 'Pretendard';}
.info_t3 {color: #fff;font-family: 'Pretendard';}

.best_swiper_slide .custom_scroll.is_right ~ .custom_scroll_footer:after {content: '';position: absolute;right: 0px;width: 100px;top: 40px;height: 75%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 20%, #000 90%);pointer-events: none;z-index: 1;}

details {margin: 0 auto;text-align: center;padding:50px 0 0px;font-size: 14px;font-family:'Pretendard';} 
summary::-webkit-details-marker {display: none;}
summary {display: block;padding-bottom:20px;font-weight: 600;cursor: pointer;position: relative;color: #808080;}
details p {margin: 0 auto;text-align: left;color: #808080;padding:0 10px;}
details[open] summary::after {display: none;}



.item_container .item .item_price .unit {color:#fff;}
span.crema-product-reviews-score.crema-applied div{color:#fff;}


/************/
.R_roulette-wrap{padding:0 10px;}
#R_roulette_event_wrap * {font-family: 'Pretendard', sans-serif;font-weight: 400;color: #fff;}
#R_roulette_event_wrap {position:relative;margin: 0 auto;left: 50%;top: 0;right: 0;-webkit-transform: translate3d(-50%, 0%, 0);-moz-transform: translate3d(-50%, 0%, 0);transform: translate3d(-50%, 0%, 0);padding: 0 15px 0;}
.slot-machine {color: #fff;display: flex;justify-content: center;font-size: 55px;font-weight: bold;overflow: hidden;background: url('//sappun.img13.kr/site/event/20241216/coupon.png');    background-size: contain;height:183px;    align-items: center;}
.number-container { height: 55px; overflow: hidden;position: relative; width: 50px;text-align: center;border-right: 1px solid #fff;}
.number-container:nth-child(4){border-right: 0px;    font-size: 35px;}
.number-container:nth-child(4) div {height: 50px;line-height: 1.5;}
.numbers {display: flex;flex-direction: column;position: absolute;top: 0;transform: translateY(0);transition: transform 0.5s ease-in-out;width: 100%;}
.numbers div {line-height:1;color:#fff;font-family:'Pretendard';}
.btnwrap {width: 100%;margin: 0 auto;display: flex;padding-top: 50px;}
.slotcp div {font-size: 16px;padding-right: 10px; color:#fff;}
.slotcp div:nth-child(2) {opacity: 0.5;padding-top: 10px;font-size: 14px;}
.slotcp p {font-size: 16px; color:#fff;}
.flex{display:flex;}
.R_pop-layer .flex {align-items: center;}
.event-wheel-start {z-index: 11;border: 1px solid #a51d27;text-align: center;color: #a51d27;font-size: 16px;outline: 0;width: 100%;height: 60px;line-height: 60px;    display: flex;justify-content: space-around;}
.event-wheel-start span {height: 60px;line-height: 60px;color: #a51d27!important;font-weight: bold!important;}


/* BASIC css end */