@charset "utf-8";

.imc {}
.imc__section {
  position: relative;
  margin-top: calc(160 * var(--vw));
}

.imc__section--benefit {
  width: calc(960 * var(--vw));
  margin: 0 auto;
}
.imc__section--benefit .benefit__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(20 * var(--vw));
}
.imc__section--benefit .benefit__thumb {
  position: relative;
}
.imc__section--benefit .benefit__content {
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.25s ease-in-out;
}
.imc__section--benefit .benefit__more-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 14.5%;
  height: 3%;
  font-size: 0;
}
.imc__section--benefit .benefit__more-btn::after {
  content: '';
  position: absolute;
  right: 0;
  top: calc(6 * var(--vw));
  width: calc(12 * var(--vw));
  height: calc(7 * var(--vw));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M9.5575 0.501709L5.05749 5.50171L0.557495 0.501709' stroke='%23737B82' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 0 0 / 100% auto;
  transition: transform 0.25s ease-in-out;
}

/* 유의사항 활성화 상태 */
.imc__section--benefit .benefit__list-item--pay.on .benefit__content {
  max-height: calc(400 * var(--vw));
}
.imc__section--benefit .benefit__list-item--free.on .benefit__content {
  max-height: calc(60 * var(--vw));
}
.imc__section--benefit .benefit__list-item.on .benefit__more-btn::after {
  transform: rotate(-180deg);
}


.imc__section--kids-best .btn {
  position: absolute;
  top: 92.35%;
  left: 42.15%;
  width: 15.7%;
  height: 7.6%;
  font-size: 0;
}

.imc__section--kids-launch {}
.imc__section--kids-launch .launch__btns {
  position: absolute;
  top: 77.3%;
  left: 25.5%;
  width: 40.16%;
  height: 5.8%;
  display: flex;
  gap: 24.45%;
}
.imc__section--kids-launch .launch__btn-item {
  width: 100%;
  height: 100%;
}
.imc__section--kids-launch .launch__link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.imc__section--kids-launch .launch__apply-btn {
  position: absolute;
  left: 42.15%;
  bottom: 0;
  display: block;
  width: 15.7%;
  height: 6.3%;
  font-size: 0;
}

.imc__section--event {}
.imc__section--event .event__btn {
  position: absolute;
  left: 42.15%;
  top: 87.9%;
  width: 15.7%;
  height: 6.8%;
  font-size: 0;
}

.imc__section--live {}
.imc__section--live .live__btn {
  position: absolute;
  top: 68.62%;
  left: 50%;
  width: 15.6%;
  height: 3.5%;
  transform: translateX(-50%);
  font-size: 0;
}
.imc__section--live .live__btn .btn__link {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.imc__section--spring-best {}
.imc__section--spring-best .btn {
  position: absolute;
  left: 42.15%;
  bottom: 0;
  width: 15.7%;
  height: 7.35%;
  font-size: 0;
}