/* BASIC css start */
#contentWrapper.side {padding-top: 30px!important;background: #FFF!important;}  
    
.section1 {
    position: relative;
}

.pngimg {
    position: absolute;
    top: 0;
    opacity: 0; /* Initially hidden */
    transition: opacity 3s ease, transform 3s ease; /* Smooth transitions */
}

.pngimg1 {
    transform: scale(0.8); /* Start with a smaller size */
}

.pngimg.visible {
    opacity: 1; /* Show element */
}

.pngimg1.visible {
    transform: scale(1); /* Scale to original size */
}


/*basic*/
.pd30{padding-top:30px;}
.pd40{padding-top:40px;}
.pd50{padding-top:50px;}
.pd60{padding-top:60px;}
.pd70{padding-top:70px;}
.mb70{margin-bottom:70px;}
.underlined {text-decoration: underline;}
.flex{display:flex;}
.opacity1{opacity: 1!important;}
.space-between{justify-content: space-between;}
.none{display:none!important;}


.section4,.section5,.section6 {padding-bottom:60px;}
.section2,.section4,.section6 {background:url('https://sappun.img13.kr/site/event/2024090902/bg_gray.jpg');background-size:auto;}
.section3 {background:url('https://sappun.img13.kr/site/event/2024090902/PC_02.jpg');background-size:auto;    color: #fff;}
.section2 {padding: 70px 15px;}
.section2 .benefit {border-bottom: 1px solid #000;padding: 20px 0;font-size: 16px;font-family:'Pretendard';}
.section_title{font-size: 24px;font-weight: bold;text-align: center;margin: 0 auto;padding-bottom: 20px;font-family: 'Brewery Com','Pretendard';} 
.pcwrap {width: 500px;margin: 0 auto;}
 
.inner1280 {text-align: center;}

.title_wrap {margin: 0 auto;text-align: center;font-size: 16px;font-family:'Pretendard';}
.title_s {padding-top:100px;color:#db7a24;font-weight: bold;}
.title_l {padding:15px 0;font-size: 30px;font-weight: bold;}
.title_m {padding-bottom:50px;color:#727272;}

.section4 details {padding: 20px 0 20px;}
details {margin: 0 auto;text-align: center;padding:50px 0 70px;font-size: 16px;font-family:'Pretendard';} 
summary::-webkit-details-marker {display: none;}
summary {display: block;padding-bottom:20px;font-weight: 600;cursor: pointer;position: relative;}
details p {width: 500px;margin: 0 auto;text-align: left;}
details[open] summary::after {display: none;}

/*-----*/
.swiper_tab_box {text-align:center; margin:10px 0 70px;}
.swiper_tab_box a {display:inline-block; padding:0 15px; line-height:19px; color:#aaa; font-weight:400; font-size:14px;}
.swiper_tab_box a.active {background:none; color:#26231D; font-weight:600;}
#new_product .product_list_box .product_list_box_wrap {display:none;}
#new_product .product_list_box .product_list_box_wrap.active {display:block;}
/*-----*/


.dayswiper .swiper-slide {opacity: 0.3;}
.dayswiper .swiper-slide.swiper-slide-active {opacity: 1;}
.dayswiper .item.swiper-slide {background: #fff;padding: 20px;}
.dayswiper .daydate {background: #182623;border-radius: 15px;margin-right: 10px;color: #fff;font-size: 11px;padding: 3px 10px;}
.dayswiper .item_container .item .item_txt .name {line-height: 19px!important;}
.dayswiper .item_container .item .item_txt {margin: 10px 0px 0!important;}
.dayswiper .item_container .item .review {margin: 8px 0px 0!important;}
.dayswiper .item.swiper-slide.swiper-slide-active {box-shadow: 2px 5.5px 10px -5px #b1b1b1;}



/*-----*/
 
/* BASIC css end */