/* BASIC css start */
#contentWrapper {background: #222; padding-top: 30px!important;} 
.section_wrap {width: 100%;min-width: 1400px;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: 1400px;margin: 0 auto;}
.mt70 {margin-top:70px;}

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

.title_A {font-family: 'Pretendard'; font-size: 18px;color: #f7e7b7;padding-bottom: 10px;}
.title_B {font-family: 'Pretendard'; font-size: 40px;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 {width: 500px;margin: 0 auto;padding: 100px 0;}
.benefit div {color: #fff;}


.club_main{position:relative;}
.club_main .img {display: flex;animation: scroll 10s linear infinite;}
.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 {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: 500px; }
.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 auto;text-align: center;width: 100%;display: block;}

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


.swiper_tab_box {    margin: 0 auto 20px;display: flex;gap: 10px;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';}
.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: 70px;}
.off_list_box .off_list_box_wrap.active {display:block;}
.off_info_box {width: 40%;padding-left: 30px;font-size: 14px;color: #fff;    line-height: 1.5;font-family: 'Pretendard';}
.info_t1 {padding-top: 30px;font-weight: bold;}

    
.best_swiper_slide .custom_scroll.is_right ~ .custom_scroll_footer:after {content: '';position: absolute;right: 0px;width: 100px;top: 40px;height: 340px;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 70px;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 {width: 450px;margin: 0 auto;text-align: left;color: #808080;}
details[open] summary::after {display: none;}


/************/
.R_roulette-wrap {max-width:500px; margin:0px auto 0;}
.R_roulette-wrap * {font-family: 'Pretendard', sans-serif;font-weight: 400;}
.slot-machine {color: #fff;display: flex;justify-content: center;font-size: 70px;font-weight: bold;overflow: hidden;background: url('//sappun.img13.kr/site/event/20241216/coupon.png');    background-size: contain;height:200px;    align-items: center;}
.number-container { height: 70px; overflow: hidden;position: relative; margin: 0 5px;width: 60px;text-align: center;border-right: 1px solid;}
.number-container:nth-child(4){border-right: 0px;    font-size: 50px;}
.number-container:nth-child(4) div {height: 70px;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: 60px;line-height: 1;}
.btnwrap {width: 100%;margin: 0 auto;display: flex;padding-top: 50px;}
.slotcp {font-size: 16px;    padding-right: 30px; color:#fff;}
.slotcp div:nth-child(2) {opacity: 0.5;padding-top: 10px;font-size: 14px;}
.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 {font-weight: bold;}




/* BASIC css end */