@charset "UTF-8";

.event_wrap .inner {width: 750px;  container: event-container / inline-size;}
/* .event_wrap .inner.w1200 {width:1200px;} */

/* background */
.event_wrap .e_container {background-position: top center; background-size: cover;}
.event_wrap .e_top_visual {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250630_ybm/bnD7_top_visual_bg.jpg");}
.event_wrap .e_con1 {background-color: #ffdbb7;}
.event_wrap .e_con2 {background-color: #ffc58c;}
.event_wrap .e_con2_2 {background-color: #ffd2a6;}
.event_wrap .e_con3 {background-color: #ffe9d3;}
.event_wrap .e_con4 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250630_ybm/bnD7_con4_bg.jpg");}

@container event-container (max-width: 750px) {
  
  /* top visual */
  .e_top_link {position: absolute; width: 46cqw; height: 66.667cqw; top: 50.667cqw;}
  .e_top_link1 {left: 4cqw;}
  .e_top_link2 {left:  50cqw;}

  /* btn */
  .event_wrap .e_btn {position: relative; display: block; width: 67.6cqw; margin: 8cqw auto 13.333cqw;}

  /* con2 */
  .event_wrap .e_bg_wrap {width: 91.867cqw; background-color: #fffbf7; margin: 0 auto}
  /* e_swiper common */
  .event_wrap .e_swiper_wrap {position: relative; width: 79.333cqw; margin: auto; overflow: hidden; padding: 0 1px;}
  .event_wrap .e_swiper_wrap .swiper-slide {width: 58.267cqw;}
  .event_wrap .e_swiper_wrap .swiper-slide .e_slide_img_wrap {position: relative; box-sizing: border-box; width: 77.2cqw; height:  117.2cqw; text-align: center; transition: transform .7s ease-in-out; transform-style: preserve-3d; cursor: pointer; z-index: 10;}
  .event_wrap .swiper .swiper-scrollbar{position: relative; left:0; top: 0; display: block; margin: 6.667cqw auto 0; width: 62.4cqw; height: .8cqw; padding: 0.266cqw; overflow: hidden; background: transparent; border-radius: 1.333cqw;}
  .event_wrap .swiper-scrollbar.e_bar01:before {content:''; position: absolute; top: 0; left: 0; margin-top: 0.266cqw; width: 100%; height: .8cqw; background-color: #e9e1d3; border-radius: 0.267cqw}
  .event_wrap .swiper-scrollbar.e_bar01 .swiper-scrollbar-drag{background-color: #ff9000; height: 1.4cqw; top: -.267cqw; left: -0.267cqw;}

  .event_wrap .e_btn2 {margin-bottom: 0;}

  /* notice */
  .event_wrap .e_notice {font-family: 'Spoqa Han Sans Neo', 'sans-serif'; --main-color: rgba(0,0,0,.75); width: 84cqw; word-break: keep-all;; margin: 7cqw auto 12cqw; padding-bottom: 0; color: var(--main-color); padding-top: 0; display: flex; flex-direction: column; align-items: center;}
  .event_wrap .e_notice_title {font-weight: bold; font-size: 26px; width: 100%; letter-spacing: -0.05em;}
  .event_wrap .e_notice p {font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
  .event_wrap .e_notice ul {padding: 0;}
  .event_wrap .e_notice li {line-height: 3.6cqw; padding-bottom: .5cqw; text-indent: -1.4cqw; padding-left: 1.4cqw;}
  .event_wrap .e_notice li:before{content:"";background-color:var(--main-color);width: 0.533cqw;height: 0.533cqw; display:inline-block;vertical-align:middle;margin-right: .5cqw; opacity: .75;}
  .event_wrap .e_notice li p {display: inline; font-size: 22px; line-height: 1.5; letter-spacing: -.1em; text-align: left; padding-bottom: 0; opacity: .8;}

  /* con2_2 */
  .event_wrap .e_con2_2 .e_notice {width: 90%; margin-top: 4cqw; margin-bottom: 13.333cqw;}

  /* con3 */
  .event_wrap .e_swiper2_wrap, .event_wrap .e_swiper3_wrap {width: 93.333cqw;}
  .event_wrap .e_swiper2_wrap .swiper-slide, .event_wrap .e_swiper3_wrap .swiper-slide {width: 26.667cqw;} 
  .event_wrap .e_swiper2_wrap .swiper-slide.e_slide6 {position: relative; left: -0.8cqw ; width: 27.6cqw;}
  .event_wrap .e_swiper3_wrap .swiper-slide.e_slide9 img {position: relative; width: 29.067cqw; left: -9px;}

  /* gift slider */
  .event_wrap .e_gift_slide .swiper-container {border:2px solid #000;}
  .event_wrap .e_gift_slide .swiper-pagination { top:0; right:0; background-color:rgba(255, 255, 255, 0.7); border-radius: unset; left: auto; transform: translateX(0); font-family: 'Verdana', sans-serif;}
  .event_wrap .e_gift_slide .swiper-pagination span { font-size:20px; color:#000; letter-spacing: -2px; font-family: inherit;}
  .event_wrap .e_gift_slide .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total:before { content:'/'; color:#000;}
  .event_wrap .e_gift_slide .swiper-button-prev, 
  .event_wrap .e_gift_slide .swiper-button-next { width:9.333cqw; height:10.667cqw; background-image:url("https://contents.kyobobook.co.kr/pmtn/common/slider/btn_left_01.png"); background-color:transparent; background-size: 100% 100%; border-radius: unset; top: 50%; transform: translateY(-50%); margin-top:0; display:none;}
  .event_wrap .e_gift_slide:hover .swiper-button-prev, 
  .event_wrap .e_gift_slide:hover .swiper-button-next {display:block;}
  .event_wrap .e_gift_slide .swiper-button-prev { transform:rotate(0) translateY(-50%); left:0;}
  .event_wrap .e_gift_slide .swiper-button-next { right:0; transform: translateY(-50%) rotate(180deg);}
  .event_wrap .e_gift_slide .e_bullets { margin-top: 4.8cqw; text-align: center;}
  .event_wrap .e_gift_slide .e_bullets .custom-bullet { display:inline-block; width:1.6cqw; height:1.6cqw; background:#fff3d8; margin:0 1.333cqw; border-radius: 50%; cursor: pointer;}
  .event_wrap .e_gift_slide .e_bullets .custom-bullet.active {background:#ffffff;}



}