@charset "UTF-8";
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css");

.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/250610_penguin/bnD8_top_visual_bg.jpg");}
.event_wrap .e_con1 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250610_penguin/bnD8_con1_bg.jpg");}
.event_wrap .e_con2 {background-color: #fff7d9;}
.event_wrap .e_banner1 {background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250610_penguin/bnD8_banner1_bg.jpg");}

@container event-container (max-width: 750px) {
    .event_wrap .e_bg_wrap {position: relative; background-color: #981918; width: 92cqw; margin: 0 auto; border-radius: 4cqw; padding-top: 4.667cqw;}
    .event_wrap .e_bg_wrap .e_img{width: 82.667cqw;}
    .event_wrap .e_img, .e_btn {display: block; width: 82.667cqw; margin: 0 auto;}
    .event_wrap .e_btn2 {margin-top: 2.133cqw;}
    .event_wrap .e_books_img {margin-top: 8cqw;}
    .event_wrap .e_bg_wrap2 {padding-bottom: 8cqw; margin-bottom: 13.333cqw;}

    /* popup */
    .event_wrap .e_popup {overflow: hidden; display:none; width: 93.333cqw; height: 78.667cqw; position:absolute; bottom: 2.7%; left:50%; border-radius: 5.333cqw; transform:translateX(-50%); z-index:2;}

    .event_wrap .e_popup .e_popup_body {position: relative; height: 64cqw; overflow-y: scroll; z-index: 1;}
    .event_wrap .e_popup .e_popup_body::-webkit-scrollbar {width: 0.667cqw;}
    .event_wrap .e_popup .e_popup_body::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.5); border-radius: 0.4cqw;}
    .event_wrap .e_popup .e_popup_body::-webkit-scrollbar-track {background: #fff;}
    .event_wrap .e_popup .e_popup_body::-webkit-scrollbar-button {display: none;}
    .event_wrap .e_popup .e_popup_body img {width: 100%;}
    .event_wrap .e_popup button { position: absolute; width: 6.667cqw; height: 6.667cqw; top: 2.4cqw; right: 2cqw; cursor:pointer;}

    /* notice */
    .event_wrap .e_notice {font-family: 'Spoqa Han Sans Neo', 'sans-serif'; --main-color: #998f69; width: 84cqw; word-break: keep-all;; margin: 4cqw auto 10.667cqw; padding-bottom: 0; color: var(--main-color); padding-top: 0; display: flex; flex-direction: column; align-items: center;}
    .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}
    .event_wrap .e_notice li p {display: inline; font-size: 22px; line-height: 1.5; letter-spacing: -.06em; text-align: left; padding-bottom: 0;}

}