/* BASIC css start */
body,input,textarea,select,button,table,p,a,span { font-family: 'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",'Noto Sans KR',sans-serif; word-break: keep-all; }

#contents { background: #f3f4f7; padding-bottom: 20%; margin: 0 33%; }
.chon2509_pre { background: #f3f4f7; overflow-x: hidden; }
.chon2509_pre img { width: 100%; }

.pre_top { background: url('https://mothersall.img6.kr/event_notice/cheongon/chon2509_top.jpg') no-repeat 0 0 / 100%; margin: 0; padding: 100% 5% 10%; }

.pre_clock { background: #fff; padding: 7% 0; border-radius: 9px; 
      /* display: flex; */ text-align: center;
      justify-content: center;
      align-items: center;
    }
.pre_clock > p { font-size: 1.5em; color: #80330a; font-weight: 500; margin-bottom: 5%; }

    .countdown { font-family: 'Pretendard Variable';
      font-size: 2.5em; color: #80330a; font-weight: 700;
      /*letter-spacing: -0.2rem;*/
    }

.dont-worry { background: #faf9f5; padding: 20% 5%; }
.dont-worry > p { font-size: 1.45em; line-height: 1.5em;  color: #672a09; font-weight: 500; margin: 5%; text-align: center; }
.dont-worry > p > span { font-weight: 700; 
  text-decoration-line: underline;   /* 밑줄 추가 */
  text-decoration-color: #672a09;    /* 밑줄 색상 */
  text-decoration-thickness: 2px;    /* 밑줄 두께 */
  text-underline-offset: 4px;        /* 텍스트와 밑줄 사이 간격 */
  }
.dont-worry > img { margin: 5%; width: 90%; }

.carousel { 
  perspective: 1000px;
  width: 300px;
  height: 250px;
  margin: 15% auto 50%;
  position: relative;
}

.carousel__container {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 1s;
  position: absolute;
  top: 50%;
  left: 0;
}

.carousel__center { width: 76%; margin: 0 12%; }

.carousel__item {
  position: absolute;
  width: 130px;
  height: 130px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateY(0deg) translateZ(300px) scale(1);
  filter: blur(3px);
  /* opacity: 0.8; */
  transition: filter 0.5s ease, opacity 0.5s ease, width 0.4s ease, height 0.4s ease;
}

.carousel__item.active { transform: translate(-50%, -50%) scale(1.25); /* scale로 더 자연스러운 확대 */
  width: 160px;
  height: 160px;
  filter: none;
  opacity: 1;
  z-index: 2;
}


.rcm-review { background: #672a09; padding: 5% 7% 25%; }
.icon-text { position: relative; font-size: 1.45em; line-height: 1.5em; color: #fff; font-weight: 700; margin: 15% 0 3%; text-align: left; padding-left: 8%; }
.icon-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%); /* 세로 중앙 정렬 */
  width: 20px;
  height: 20px;
  background: url('https://mothersall.img6.kr/event_notice/cheongon/review_check.png') no-repeat center / contain;
}
.rcm-review > div { background: #fff; color: #672a09; font-size: 1em; line-height: 1.65em; font-weight: 500; padding: 4% 5%; border-radius: 9px; }

.rcm-review .body-text { font-size: 1.25em; line-height: 1.65em; }
.rcm-review .body-text span { background: #672a09; color: #fff; padding: 0 1%; line-height: 1.65em; display: inline; }
.rcm-review .wrname { text-align: right; margin-top: 5%; }

.evt-enter { padding: 20% 10% 10%; }
.evt-enter > p { color: #672a09; font-size: 1.45em; line-height: 1.65em; font-weight: 600; text-align: center; margin: 10% auto 5%; }
.evt-enter .period { display: flex; gap: 5%; justify-content: center; align-items: center; background: #672a09; padding: 3% 5%; border-radius: 9px; width: 70%; text-align: center; margin: 0 auto 10%; }
.evt-enter .period > p:nth-child(1) { color: #fff; font-size: 1.25em; font-weight: 600; }
.evt-enter .period > p:nth-child(2) { color: #feb200; font-size: 1.45em; font-weight: 700; }

.evt-enter .evt-notice { background: #fff; color: #535353; padding: 9% 10%; border-radius: 9px; text-align: center; font-size: 1.25em; line-height: 1.65em; font-weight: 600; }
.evt-enter .evt-notice > img { width: 8%; margin-bottom: 2%; }
.btn_login { background: #feb200; color: #fff; padding: 3% 15%; width: 70%; border-radius: 9px; text-align: center; font-size: 1.15em; font-weight: 700; margin: 5% auto 0; display: inline-block; }

#review-board-write { background: #fff; padding: 2% 7%; margin: 0 5%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 15px; }
.answer-poke > p { font-size: 1.65em; line-height: 1.35em; font-weight: 700; margin: 10% 0 0; }
.answer-poke > p:nth-child(1) { margin-bottom: 5%; }
.answer-poke > span { display:inline-block; margin-bottom: 5%; }

/* 체크박스 숨김 */ input[type="checkbox"], input[type="radio"] { display: none; }
label { border-radius: 15px; transition: transform 0.2s ease-in-out; margin: 2% 0; padding: 5% 4%; display: inline-block; width: 92%; border: 2px solid #e1e1e1; color: #000; font-size: 1.15em; line-height: 1.65em; font-weight: 500; }
/* 선택된 상태 */ input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { border: 2px solid #feb200; color: #feb200; }

.btn_write { background: #fff1cf; color: #fea700; padding: 5% 15%; width: 70%; border-radius: 9px; text-align: center; font-size: 1.35em; font-weight: 700; margin: 10% auto; display: inline-block; }
.back-yellow { background: #feb200; color: #fff; }
/* BASIC css end */