@charset "UTF-8";
/* 공통 */
body {
  -webkit-text-size-adjust: none;
}

.event_wrap {
  font-family: "Pretendard";
}
.event_wrap * {
  box-sizing: border-box;
}
.event_wrap .inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.event_wrap img {
  max-width: 100%;
  vertical-align: top;
}
.event_wrap [class^=e_link] {
  display: block;
  position: absolute;
  cursor: pointer;
}

.event_wrap {
  text-align: center;
}
.event_wrap .bg_visual {
  height: 777px;
  background-color: #8d643c;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/image_208.jpg");
  background-size: 1920px 777px;
}
.event_wrap .bg_visual .inner {
  overflow: visible;
  width: 750px;
}
.event_wrap .bg_visual .inner .wrap {
  position: absolute;
  left: 6px;
  top: 88px;
  width: 373px;
  height: 196px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/wrap.png") center/373px 196px no-repeat;
  opacity: 0;
  transform: translateX(-50px);
  filter: blur(4px);
  animation: visualSlideIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
}
.event_wrap .bg_visual .inner .badge {
  position: absolute;
  right: -50px;
  top: 232px;
  width: 172px;
  height: 175px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/badge.png") center/172px 175px no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) translateX(-50px);
  filter: blur(4px);
  animation: visualBadgeSlideIn 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
}
.event_wrap .bg_visual .inner .visual_text {
  position: absolute;
  left: 25px;
  top: 288px;
  color: #fff;
  text-align: left;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  font-family: Pretendard;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  letter-spacing: -0.46px;
  opacity: 0;
  transform: translateX(-40px);
  filter: blur(3px);
  animation: visualSlideIn 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
}
.event_wrap .bg_visual .inner .visual_text p + p {
  padding-top: 14px;
}
.event_wrap .bg_visual .inner .number_1 {
  position: absolute;
  right: -7px;
  bottom: -216px;
  width: 332px;
  height: 640px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/number_1.png") center/332px 640px no-repeat;
  opacity: 0;
  transform: translateY(320px);
  animation: visualNumberRise 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.8s forwards;
}
.event_wrap .bg_visual .inner .twinkle {
  position: absolute;
  z-index: 1;
  left: 209px;
  top: 287px;
  width: 464px;
  height: 371px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/twinkle.png") center/464px 371px no-repeat;
  mix-blend-mode: screen;
  opacity: 0;
  transform: scale(0.6);
  animation: visualTwinkle 1.1s ease-out 1.5s forwards;
}
@keyframes visualSlideIn {
  0% {
    opacity: 0;
    transform: translateX(-50px);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}
@keyframes visualBadgeSlideIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) translateX(-50px);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translateX(0);
    filter: blur(0);
  }
}
@keyframes visualNumberRise {
  0% {
    opacity: 0;
    transform: translateY(320px);
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes visualTwinkle {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  35% {
    opacity: 1;
    transform: scale(1.08);
  }
  65% {
    opacity: 0.85;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.event_wrap .bg_event {
  position: relative;
  padding: 40px 0 114px;
  background-color: #e7cd92;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/bg_event.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.event_wrap .bg_event .inner {
  width: 670px;
}
.event_wrap .bg_event .inner .kcsi_event_number {
  margin: 0;
  color: #715a3a;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1px;
}
.event_wrap .bg_event .inner .kcsi_event_number::before, .event_wrap .bg_event .inner .kcsi_event_number::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  vertical-align: middle;
}
.event_wrap .bg_event .inner .kcsi_event_number::before {
  width: 32px;
  height: 15px;
  margin-right: 10px;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/Union1.png");
}
.event_wrap .bg_event .inner .kcsi_event_number::after {
  width: 32px;
  height: 15px;
  margin-left: 10px;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/Union2.png");
}
.event_wrap .bg_event .inner .kcsi_event_title {
  margin: 12px 0 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -0.96px;
}
.event_wrap .bg_event .inner .kcsi_event_desc {
  margin: 14px 0 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: -0.48px;
}
.event_wrap .bg_event .inner .kcsi_quiz {
  margin: 158px auto 0;
}
.event_wrap .bg_event .inner .kcsi_quiz .kcsi_coupon {
  width: 510px;
  height: 257px;
  margin: 17px auto 0;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/kcsi_coupon.png") no-repeat;
  background-size: cover;
}
.event_wrap .bg_event .inner .kcsi_quiz .kcsi_action_button {
  display: block;
  height: 88px;
  margin: 32px auto 0;
  border: 1px solid #a46b12;
  border-radius: 12px;
  background: linear-gradient(90deg, #815001 0%, #c78b49 100%);
  box-sizing: border-box;
  color: #fff;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 88px;
  letter-spacing: -0.7px;
  text-align: center;
  text-decoration: none;
}
.event_wrap .bg_event .inner .kcsi_quiz .kcsi_notice_list {
  margin: 20px 0 0;
  padding: 0;
  color: #59472c;
  font-size: 17px;
  font-weight: 500;
  line-height: 29px;
  color: #503a05;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 30.8px */
  letter-spacing: -0.44px;
}
.event_wrap .bg_event .inner .kcsi_quiz .kcsi_notice_list .kcsi_notice_item::before {
  content: "•";
  margin-right: 8px;
}
.event_wrap .bg_event .inner .kcsi_message {
  margin: 104px auto 0;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_event_head .kcsi_event_number {
  margin: 0;
  color: #715a3a;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1px;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_event_head .kcsi_event_number::before, .event_wrap .bg_event .inner .kcsi_message .kcsi_event_head .kcsi_event_number::after {
  content: "〰";
  margin: 0 10px;
  font-size: 22px;
  font-weight: 400;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_event_head .kcsi_event_title {
  margin: 12px 0 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -0.96px;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_event_head .kcsi_event_desc {
  margin: 14px 0 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: -0.48px;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_message_card {
  margin-top: 36px;
  overflow: hidden;
  border-radius: 12px;
  width: 670px;
  height: 608px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/kcsi_message_card.jpg") no-repeat;
  background-size: cover;
  border-radius: 16px;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_action_button {
  display: block;
  height: 88px;
  margin: 36px auto 0;
  border: 1px solid #a46b12;
  border-radius: 12px;
  background: linear-gradient(90deg, #815001 0%, #c78b49 100%);
  box-sizing: border-box;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 86px;
  letter-spacing: -0.7px;
  text-align: center;
  text-decoration: none;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_notice_list {
  margin: 20px 0 0;
  padding: 0;
  color: #59472c;
  font-size: 17px;
  font-weight: 500;
  line-height: 29px;
  color: #503a05;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 30.8px */
  letter-spacing: -0.44px;
}
.event_wrap .bg_event .inner .kcsi_message .kcsi_notice_list .kcsi_notice_item::before {
  content: "•";
  margin-right: 8px;
}
.event_wrap .bg_event .kcsi_nav {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 50%;
  display: flex;
  align-items: center;
  width: 700px;
  height: 56px;
  padding: 8px;
  border-radius: 196px;
  background: #765836;
  transform: translateX(-50%);
}
.event_wrap .bg_event .kcsi_nav.is_fixed {
  position: fixed;
  top: 100px;
}
.event_wrap .bg_event .kcsi_nav .kcsi_nav_link {
  flex: 1;
  height: 40px;
  padding: 9px 19px;
  border-radius: 72px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.55px;
  text-align: center;
}
.event_wrap .bg_event .kcsi_nav .kcsi_nav_link.is_active {
  background: #ffd752;
  color: #000;
}
.event_wrap .bg_goods {
  padding: 88px 0 100px;
  background-color: #72522f;
  background-image: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/bg_goods.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.event_wrap .bg_goods .inner .kcsi_goods_stars {
  margin: 0 auto;
  width: 98px;
  height: 33px;
  background: url("https://contents.kyobobook.co.kr/pmtn/2026/book/261007_kcsi/images/3stars.png") center/98px 33px no-repeat;
}
.event_wrap .bg_goods .inner .kcsi_goods_title {
  margin: 16px 0 0;
  color: #fff;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -0.96px;
}
.event_wrap .bg_goods .inner .kcsi_goods_desc {
  margin: 16px 0 0;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 33.6px */
  letter-spacing: -0.48px;
}
.event_wrap .bg_goods .inner .kcsi_goods_badge {
  width: 190px;
  height: 40px;
  margin: 58px auto 0;
  border-radius: 9px;
  background: #ffdf88;
  color: #2e2415;
  font-size: 19px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
  padding: 2px 6px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #eab542;
  background: #ffdc91;
  color: #000;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 33.6px */
  letter-spacing: -0.48px;
}
.event_wrap .bg_goods .inner .kcsi_goods_name {
  margin: 12px 0 0;
  color: #ffdc91;
  text-align: center;
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: -0.76px;
}
.event_wrap .bg_goods .inner .gift_slider {
  position: relative;
  margin-top: 40px;
}
.event_wrap .bg_goods .inner .gift_slider .swiper-container {
  overflow: hidden;
}
.event_wrap .bg_goods .inner .gift_slider .gift_slide_count {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  min-width: 62px;
  height: 36px;
  padding: 0 8px;
  background: #fff;
  box-sizing: border-box;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
}
.event_wrap .bg_goods .inner .gift_slider .gift_slide_count .gift_slide_current,
.event_wrap .bg_goods .inner .gift_slider .gift_slide_count .gift_slide_total {
  display: inline;
}
.event_wrap .bg_goods .inner .kcsi_goods_notice {
  margin: 18px 0 0;
  color: #e0ceb5;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 30.8px */
  letter-spacing: -0.44px;
}
.event_wrap .bg_goods .inner .kcsi_goods_notice .kcsi_notice_item {
  margin: 0;
}
.event_wrap .bg_goods .inner .kcsi_goods_notice .kcsi_notice_item::before {
  content: "•";
  margin-right: 8px;
}/*# sourceMappingURL=261007_kcsi_pc.css.map */