/* BASIC css start */
#container {padding-top: 30px;}

 
 
.title_wrap {margin: 0 auto;width: 100%;text-align: center;padding-top: 70px;}
.title_s {font-size: 25px; font-family: 'brewery com','Pretendard' !important;font-weight: 800;}
.title_s2 {font-size: 25px;padding-top: 15px; font-family: 'Pretendard' !important;font-weight: 800;}
.title_m {font-size: 16px;padding-top: 15px; padding-bottom:60px; font-family: 'Pretendard' !important;line-height: 1.5;}
.more_wrap {margin: 0 auto;width: 100%;text-align: center;text-decoration: underline;padding-top: 30px;}
.more_a a {font-size: 16px; font-family: 'Pretendard' !important;}


.mt10{margin-top:10px;}
.mt50{margin-top:50px;}
.mb180{margin-bottom:180px;}

div#sappun10th div {font-family: 'Pretendard'}
div#sappun10th a {font-family: 'Pretendard'}
div#sappun10th h6 {font-family: 'Pretendard'}


.section2 {background: url('//sappun.img13.kr/site/event/20240617/benifit_background_01.jpg');padding: 70px 15px;color: #000;background-size: contain;}
.section2 .benefit {border-bottom: 1px solid #000;padding: 25px 0 10px;font-size: 16px;font-family: 'Pretendard' !important;}
.section_title {font-size: 25px;font-family: 'brewery com', 'Pretendard' !important;font-weight: 800;text-align: center;}

.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;}

.flex {display: flex; justify-content: space-between;}

.cp_w { padding: 0 15px;}
.cp_l{background: url(https://sappun.img13.kr/site/event/20240617/coupon_background_01.jpg);background-size: contain;}
.cp_r{background: url(https://sappun.img13.kr/site/event/20240617/coupon_background_02.jpg);background-size: contain;}
.group_level u b {font-size: 16px;}
.title_m u {font-size: 16px;}

.level_cp_btn { margin: 50px 0 30px;display: grid;}
.level_cp_btn a {background: #000;color: #fff;padding: 15px 0;width: 100%;border-radius: 5px;font-size: 16px;font-weight: bold;}
.dialog_w {padding-bottom: 70px;font-size: 16px;color: #7c7c7c;}
.dialog_ {font-size: 16px;color: #fff;}
dialog#imgdialog {border: 0;text-align: left;padding: 30px;width: 70%;cursor: auto;outline: none;}
dialog#imgdialog2 {border: 0;text-align: left;padding: 30px;width:70%;cursor: auto;outline: none;}
dialog::backdrop {background: rgba(0, 0, 0, 0.5);}
.imgnote {line-height: 1.7; font-size: 12px;color: #26231d !important;}
.imgnote b {color: #26231d !important;}
.imgnote h6 {font-size: 20px;font-weight: bold;padding-bottom: 30px;}
.imgnote_nt {padding-top: 30px;margin-top: 30px;border-top: 1px solid #000;color: #b8b8b8!important;}
a.imgdialog {position: absolute;right: 20px;}
a.imgdialog2 {position: absolute;right: 20px;}

.pcwrap {width: 100%;margin: 0 auto;}


.background {position: relative;width: 100%;height: 100%;overflow: hidden;}
.background-img {width: 100%;height: auto;}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.ani2s {-webkit-animation-duration: 2s;animation-duration: 2s;}

.ani01 {position: absolute;top: 0; opacity: 0;}
.ani02 {position: absolute;top: 0; opacity: 0;}
.ani03 {position: absolute;top: 0; opacity: 0;}
.ani04 {position: absolute;top: 0; opacity: 0;}
.ani05 {position: absolute;top: 0; opacity: 0;}
.ani06 {position: absolute;top: 0; opacity: 0;}


.blurOn {-webkit-animation-name: blurOn;animation-name: blurOn;}

@-webkit-keyframes blurScaleOn {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        filter: blur(0);
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes blurScaleOn {
    0% {
        filter: blur(10px);
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        filter: blur(0);
        opacity: 1;
        transform: scale(1);
    }
}

.img-responsive {width: 100%;height: auto;}

.raffle {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%; color:#fff;padding-bottom: 70px;}
.raffle_btn {padding:0 15px;margin: 50px 0 30px;display: grid;}
.raffle_btn a {background: #fff;color: #000;padding: 15px 0;width: 100%;border-radius: 5px;font-size: 16px;font-weight: bold;}
.raffle div b {color: #fff;}
.raffle div {color: #fff;}
.raffle .title_m {padding:0 15px;}

/* BASIC css end */