@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

.event_wrap {overflow: hidden;}
.event_wrap .inner {width: 750px; height:auto; container: event-container / inline-size; overflow: initial;} /* 최소 750px */
.event_wrap .inner.w1200 {width:1200px; height:auto; container: event-container2 / inline-size;}

/* 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/250605_catalog/bnD6_top_visual_bg.jpg");}
.event_wrap .e_banner1 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_banner1_bg.jpg");}
.event_wrap .e_banner2 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_banner2_bg.jpg");}
.event_wrap .e_banner3 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_banner3_bg.jpg");}
.event_wrap .e_banner4 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_banner4_bg.jpg");}
.event_wrap .e_banner5 {background-color: #a9fcce;}
.event_wrap .e_banner6 {background-color: #b2e3ff;}
.event_wrap .e_con1 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_con1_bg.jpg");}
.event_wrap .e_con2 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_con2_bg.jpg");}
.event_wrap .e_con2::after {content: ''; position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 2;}
.event_wrap .e_con2 .e_popup_img_wrap {position: absolute; top: 120px; left: 50%; transform: translateX(-50%); z-index: 3;}
.event_wrap .e_popup_link {position: absolute; height: 33px;}
.event_wrap .e_popup_link1 {width: 496px; bottom: 265px; left: 242px;}
.event_wrap .e_popup_link2 {width: 306px; bottom: 164px; left: 347px;}
.event_wrap .e_con3 {background-color: #ffea79;}
.event_wrap .e_con4 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_con4_bg.jpg");}
.event_wrap .e_con5 {background-color: #fff5d4;}

@container event-container (max-width: 750px) {

    .event_wrap .e_top_visual .eMap a {width: 76%; height: 5%; left: 12%;}
    .event_wrap .eMap .ebtn_01_01{ top: 60.8%;}
    .event_wrap .eMap .ebtn_01_02{top: 66%;}
    .event_wrap .eMap .ebtn_01_03{top: 71.3%;}
    .event_wrap .eMap .ebtn_01_04{top: 76.5%;}

    /* con1 */
    .event_wrap .e_con1_link {position: absolute; width: 42.667cqw; height: 65.333cqw;}
    .event_wrap .e_con1_link1 {top: 15.467cqw; right: 4.667cqw;}
    .event_wrap .e_con1_link2 {top: 96.933cqw; left: 3.2cqw; height: 52cqw;}

    /* con2 */
    /* notice */
    .event_wrap .e_notice {font-family: 'Pretendard', sans-serif; --main-color: #fff; width: 93.333cqw; word-break: keep-all;; margin: 8.267cqw auto 11.333cqw; padding-bottom: 0; color: var(--main-color); padding-top: 0; display: flex; flex-direction: column; align-items: center;}
    .event_wrap .e_notice_title { padding: 2cqw 2.4cqw 1.733cqw; color: #192600; line-height: 1; font-weight: 600; font-size: 24px; letter-spacing: -0.05em; display: inline-block; background-color: #e6e96e; border-radius: 3.333cqw;}
    .event_wrap .e_notice p {font-family: 'Pretendard', sans-serif;}
    .event_wrap .e_notice ul {padding: 0; margin-top: 3.2cqw;}
    .event_wrap .e_notice li {line-height: 3.6cqw; padding-bottom: 0.133cqw; 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}
    .event_wrap .e_notice li p {display: inline; opacity: .8; font-size: 22px; line-height: 1.5; letter-spacing: -.03em; text-align: left; padding-bottom: 0;}

    /* con3 */
    .event_wrap .e_book_link {position: absolute; width: 80cqw; height: 44.8cqw; left: 9.867cqw;}
    .event_wrap .e_book_link1 {top: 0;}
    .event_wrap .e_book_link2 {top: 51.333cqw;}
    .event_wrap .e_book_link3 {top: 102.8cqw; height: 34.667cqw;}

    /* con4 */
    /* tab-default-round pc */
    .event_wrap .e_tab_area, .e_tab_area .tab-bg-wrap, .e_tab_content_wrap { width: 87.467cqw; position: relative ; margin: auto;}
    .event_wrap .e_tab_area .tab-bg-wrap { display: flex; justify-content: center; gap: 0 2cqw; }

    .event_wrap .e_tab_area .e_tab_list { text-align: center; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -.06em; cursor: pointer; color: #999; display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 19.067cqw; height:25.867cqw; background-size: contain;}
    .event_wrap .e_tab_area .e_tab_list_1 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_tab1.png");}
    .event_wrap .e_tab_area .e_tab_list_2 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_tab2.png");}
    .event_wrap .e_tab_area .e_tab_list_3 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_tab3.png");}
    .event_wrap .e_tab_area .e_tab_list_1.active {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_tab1_on.png");}
    .event_wrap .e_tab_area .e_tab_list_2.active {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_tab2_on.png");}
    .event_wrap .e_tab_area .e_tab_list_3.active {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250605_catalog/bnD6_tab3_on.png");}
    .event_wrap .e_tab_area .e_tab_list.active {transition: .3s ease-in }
    .event_wrap .e_tab_content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; margin-top: 5.733cqw;}
    .event_wrap .e_tab_content.active { opacity: 1; transition: .5s ease-in; position: relative; z-index: 1 }

    .event_wrap .e_tab_link {position: absolute; width: 77.333cqw; height: 43.6cqw; left: 5.6cqw}
    .event_wrap .e_tab_link1 {top: 53.733cqw;}
    .event_wrap .e_tab_link2 {top: 105.067cqw;}
    .event_wrap .e_tab_link3 {top: 156.667cqw;}

    .event_wrap .e_tab_area + p {width: 86.667cqw; margin: 8cqw auto 13.733cqw;}

    /* con5 */
    /* slider4 */
    .event_wrap .e_slider4 .swiper-slide {width: 64cqw;}
    .event_wrap .e_slider4 .swiper-slide img {width: 100%;}
    .event_wrap .e_con5 .e_notice { --main-color: #696042; width: 72cqw; margin-top: 1.6cqw; margin-bottom: 4.267cqw;}
    .event_wrap .e_con5 .e_notice li p {font-size: 20px;}
    .event_wrap .e_comment_btn {width: 86.667cqw; display: block; margin: 0 auto 12cqw;}

}

@container event-container2 (max-width: 1200px) {

    /* con2 */
    .event_wrap .e_prod_sec:nth-of-type(even) .prod_wrap {flex-direction: row-reverse;}
    .event_wrap .prod_wrap {display: flex; gap: 0 86px;}
    .event_wrap .prod_wrap .prod_flex_item {position: relative;}
    .event_wrap .prod_wrap .prod_flex_item:nth-of-type(1) {flex: 0 0 48.58%;}
    .event_wrap .prod_wrap .prod_flex_item:nth-of-type(2) {flex: 0 0 44.25%;}
    .event_wrap .e_slider_bullet {width: 583px;}
    /* .event_wrap .swiper-container {width: 580px} */
    /* .event_wrap .e_slider_bullet .swiper-pagination {position: relative; top: 0; margin-top: 4.4cqw; bottom: initial; z-index: 10;} */
    .event_wrap .swiper-container img {width: 100%;}
    .event_wrap .e_slider_bullet .swiper-pagination-bullets {margin-top: 30px; top: 0; left: 0; width: auto; bottom: 0; right: initial; display: flex; position: relative; width: 100%; justify-content: center;}
    .event_wrap .swiper-container .swiper-pagination-bullet {background: #fff; opacity: 1; width: 12px; height: 12px; margin: 0 10px; border: 1px solid #000; border-radius: 7px;}
    .event_wrap .swiper-container .swiper-pagination-bullet-active {background-color: #fff173;}
    .event_wrap .e_prod_sec1 .e_img_position {position: absolute; right: 22px; bottom: 8px;}
    .event_wrap .e_prod_sec2 .e_img_position {position: absolute; right: -37px; bottom: -20px;}
    .event_wrap .e_prod_sec3 .e_img_position {position: absolute; right: -46px; bottom: 44px;}

    .event_wrap .e_popup_btn {display: block; position: absolute; width: 305px; height: 70px; bottom: 43px; left: 0;}

}