/* 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; }

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

.ch_top { background: url('https://mothersall.img6.kr/event_notice/hotdeal/keyimg.jpg') no-repeat 0 -40px / 100%; margin: 0; padding: 115% 5% 10%; }

.pre_clock { background: rgba(64,56,48,0.8); padding: 4% 0; border-radius: 9px; margin: 0 10%;
      display: flex; text-align: center; justify-content: center; align-items: center;
    }
.pre_clock > p { font-size: 1vw; color: #fff; font-weight: 400; margin-right: 2%; }

    .countdown { font-family: 'Pretendard Variable';
      font-size: 1vw; color: #fff; font-weight: 700;
      /*letter-spacing: -0.2rem;*/
    }

.ch_img { background: #fffaf1; padding: 15% 0 20%; }
.ch_img > img { margin: 5% 0 0; }
.ch_pulse { width: 84% !important; margin: 10% 8% !important; display: block;
  animation: warningPulse 1.2s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes warningPulse {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.06);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.04);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.ch_event { padding: 20% 5% 10%; }
.ch_event img { }
.ch_event > p { font-size: 1vw; line-height: 1.5em; color: #403830; text-align: center; margin: 5% auto; }
.ch_event > p:nth-child(3) { background: #403830; font-size: 1vw; line-height: 1.5em; color: #fff; text-align: center; border-radius: 18px; margin: 5% auto; padding: 3% 7%; width: fit-content; white-space: nowrap; }
.ch_event > p:nth-child(3) span { font-weight: 700; font-size: 1vw; margin-left: 5%; }

.evt-notice { background: #fffaf8; color: #535353; padding: 5% 7%; margin: 7% auto 5%; border: 3px solid #403830; border-radius: 9px; text-align: center; font-size: 1vw; line-height: 1.65em; font-weight: 500; }
.evt-notice > img { width: 8%; margin-bottom: 2%; }
.btn_login { background: #564c42; color: #fff; padding: 3% 15%; width: 70%; border-radius: 9px; text-align: center; font-size: 1vw; font-weight: 700; margin: 5% auto 0; display: inline-block; }


.event_request { background: #f54336; color: #fff; font-size: 1vw; font-weight: 700; text-align: center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); padding: 5% 0; margin: 0 5%; border-radius: 15px 15px 0 0; }
#review-board-write { background: #fffaf1; padding: 2% 7%; margin: 0 5%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 0 0 15px 15px; }
.answer-poke > p { font-size: 1vw; line-height: 1.35em; font-weight: 700; margin: 10% 0 3%; }
.answer-poke > p > span { display:inline-block; font-size: 0.8vw; color: #a0a0a0; }

/* üũ¹Ú½º ¼û±è */ input[type="checkbox"], input[type="radio"] { display: none; }
label { border-radius: 99px; transition: transform 0.2s ease-in-out; margin: 2% 0; padding: 5% 0 5% 10%; display: inline-block; width: 92%; border: 2px solid #e1e1e1; color: #000; background: #fff; font-size: 1vw; line-height: 1.65em; font-weight: 500; }
/* ¼±ÅÃµÈ »óÅ */ input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { border: 2px solid #2196f3; color: #fff; background: #2196f3; }

.btn_write { background: #fff; color: #2196f3; border: 3px solid #74c0fc; padding: 7% 15%; width: 70%; border-radius: 24px; text-align: center; font-size: 1vw; font-weight: 700; margin: 10% auto; display: inline-block; }


/* BASIC css end */