/* BASIC css start */
@font-face {
    font-family: 'ChosunCentennial';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}

#content { padding: 0 33%; overflow-x:hidden; }

.chon2503_pre { overflow: hidden; }
.chon2503_pre img { width: 100%; }

.pre_top { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_top_bg.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 80% 0 5%; }
.fulse_img { position: relative; }
.fulse_img img { width: 50%; position: absolute; right: 10%; }
.top_fulse { width: 65% !important; z-index: 2; margin: -13% 19% 0 -20%; animation: pulseEffect 2s infinite ease-in-out; }
@keyframes pulseEffect {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.03);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.03);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

        .countdown-container { font-family: 'ChosunCentennial'; background: #282828; border-radius: 15px; padding: 5%; margin: 65% 5% 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .countdown-container p { font-size: 1.35em; line-height: 1.75em; color: #fff; margin-bottom: 5%; }
        .countdown-box { justify-content: center; /* 가로 가운데 정렬 */ align-items: flex-end; /* 세로 아래 정렬 */ margin-bottom: 3%;
            display: flex;
            gap: 10px;
            font-size: 1.15em;
            font-weight: 500;
            color: #fff;
        }

        .countdown-item {
            display: flex;
            align-items: center;
        }

        .countdown-item span {
            margin-left: 5px;
            font-weight: normal;
        }
#dday, #days, #hours, #minutes, #seconds { font-size: 2em; font-weight: 700; }

.pre_toon { position: relative; }
.texture-overlay {
    position: absolute; /* 콘텐츠와 함께 스크롤되도록 변경 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_toon_texture.png'); /* 반복될 질감 이미지 */
    background-size: 100%;
    background-repeat: repeat; /* 반복 설정 */
    opacity: 0.7; /* 투명도 조절 */
    pointer-events: none; /* 클릭/터치 무시 */
    z-index: 2; /* 가장 위에 배치 */
}

.toon_sc01 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_toon_01.jpg'); background-size: 100%; background-repeat: no-repeat; }
.ani_swing { width: 120% !important; margin-left: -10%; animation: tiltEffect 1s ease-in-out infinite 2.5s; }
@keyframes tiltEffect {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(3deg); }
    100% { transform: rotate(0deg); }
}

.toon_sc02 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_toon_02.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 15% 0 67%; }
/* 초기 상태: 애니메이션 전 (숨김) */
.toon_sc02 img {
    opacity: 0;
}
.ani_slide {
    position: relative;
    left: -80%;
    width: 75% !important;
}
.ani_slide.active {
    animation: slideIn 1.5s ease-out forwards, tiltEffect 1.5s ease-in-out infinite 1.8s;
}
@keyframes slideIn {
    0% {
        left: -80%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

.toon_sc03 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_toon_03.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 45% 0 10%; }
.ani_mama { width: 30% !important; animation: bounceSlide 2s ease-in-out infinite; }
/* 바운스 애니메이션 */
@keyframes bounceSlide {
    0%, 100% { transform: translate(0%, 0%) translateX(0px); }
    50% { transform: translate(0%, 0%) translateX(-10px); } /* 위로 튀어 오르는 느낌 */
}
.ani_people { width: 60% !important; animation: shake 0.9s ease-in-out infinite; margin-top: 20%; }
@keyframes shake {
    0% { transform: translateY(0); }
    14% { transform: translateY(2px); }
    28% { transform: translateY(0px); }
    42% { transform: translateY(1px); }
    70% { transform: translateY(0px); }
    100% { transform: translateY(0); }
}

.toon_sc04 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_toon_04.jpg'); background-size: 100%; background-repeat: no-repeat; padding-bottom: 53%; }
.ani_fulse {  width: 65% !important; margin: -10% 0 0 40%; animation: pulseEffect 2s infinite ease-in-out, auroraShine 5s ease-in-out infinite; }
@keyframes auroraShine {
  0% { filter: brightness(1.0);  }
  14% { filter: brightness(1.1);  }
  28% { filter: brightness(1.0);  }
  42% { filter: brightness(1.1);  }
  70% { filter: brightness(1.0);  }
  100% { filter: brightness(1.0);  }
}

.toon_sc05 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_toon_05.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 30% 0 7%; }
.ani_boy { width: 50% !important; margin-left: 10%; animation: tiltEffect 3s ease-in-out infinite; }


    #moreBtn img {
        width: 100%; /* 여백 없이 꽉 차게 */
        display: block;
    }
    .more-content { }
    
    
.pre_free { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_btm_bg.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 15% 5% 5%; }
.pre_free p { font-family: 'ChosunCentennial'; font-size: 1.35em; line-height: 1.75em; color: #000; text-align: center; margin: 10% 0; }
.pre_free p a { display: inline-block; font-family: 'Pretendard-Regular'; color: #000; background: #fff; padding: 0 4%; border-radius: 12px; font-size: 0.95em; font-weight: 700; margin-right: 1%; }

.swiper-container { width: 100%; position: relative;
    z-index: 2;
    overflow: visible;}
.background-parallax {
    background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_wrr_bg.png'); background-repeat: no-repeat; 
    background-size: 95%;
    background-position: top left;
    position: absolute;
    width: 250%; /* 카드보다 넓게 */
    height: 120%;
    top: 0%;
    left: -5%;
    z-index: 1;
}
.swiper-wrapper { }
.swiper-slide { margin: 17% 0;
    justify-content: center; /* 중앙 정렬 */
    align-items: center;
    position: relative;
    z-index: 2; }
.swiper-slide
.each-slide { padding: 0 5%; }
/* 라벨 (이미지 버튼) */
.wrrno1 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_wrr01.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 29% 0 28%; }
.wrrno2 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_wrr02.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 29% 0 14%; }
.wrrno3 { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_wrr03.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 29% 0 28%; }

#review-board-write { background-image: url('https://mothersall.img6.kr/event_notice/cheongon/chon2503_pre-event_btm_bg.jpg'); background-size: 100%; background-repeat: no-repeat; padding: 0 0 20%; margin-top: -5%; overflow: hidden; }
#review-board-write img { width: 100%; }
.top_shadow { position: relative; top:0; }
#review-board-write .form-wrap { padding: 0; }
#review-board-write .form-wrap p { text-align: center; font-weight: 500; }
#review-board-write table {width:100%;}
#review-board-write tr { margin: 0; }

#addinfo_text, .addinfo_title { display: none; }

/* 체크박스 숨김 */ input[type="checkbox"] { display: none; }
label { border-radius: 9px; transition: transform 0.2s ease-in-out; margin: 2% 3%; display: inline-block; width: 94%; background: #fff; border: 1px solid #e1e1e1; }
/* 선택된 상태 */ input[type="checkbox"]:checked + label { transform: scale(1.03); background: #cfb799; border: 1px solid #997851; }


.pre_notice { font-family: 'ChosunCentennial'; color: #000; font-size: 1.25em; line-height: 1.5em; font-weight: 700; text-align: center; margin-bottom: 5%; }
.btn_wrr_write { display: inline-block; font-family: 'ChosunCentennial'; color: #fff; background: #000;  border-radius: 12px; font-size: 1.45em; line-height: 3em; font-weight: 700; margin: 1% 15%; text-align: center; width: 70%; }
/* BASIC css end */