@charset "UTF-8";

a {
    color: inherit;
}

.event_wrap .e_wrapper {
    background-size: 3000px 100%;
    background-position: top center;
    background-image: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250723_brick/bnD10_bg.jpg");
}

.event_wrap .inner img {
    width: 2800px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event_wrap .main_img {
    margin: auto;
    display: block;
}

/* .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("images/bnD6_top_visual_bg.jpg");
}
.event_wrap .e_con1 {
    background-image: url("images/bnD6_con1_bg.jpg");
}
.event_wrap .e_con2 {
    background-image: url("images/bnD6_con2_bg.jpg");
} */

.event_wrap .e_swiper_wrap {
    width: 590px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.event_wrap .e_swiper_wrap .swiper {
    overflow: hidden;
}

.event_wrap .e_swiper_prev,
.event_wrap .e_swiper_next {
    width: 24px;
    aspect-ratio: 24/40;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.event_wrap .e_swiper_prev {
    background: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250723_brick/bnD10_prev.png") no-repeat center/100%;
    left: -54px;
}

.event_wrap .e_swiper_next {
    background: url("https://contents.kyobobook.co.kr/pmtn/2025/book/250723_brick/bnD10_next.png") no-repeat center/100%;
    right: -54px;
}

.event_wrap .e_con1 .e_swiper_wrap {
    bottom: 180px;
}

.event_wrap .e_con2 .e_swiper_wrap {
    bottom: 180px;
}

.event_wrap .e_con3 .e_swiper_wrap {
    bottom: 180px;
}

.event_wrap .e_swiper_wrap .swiper-slide img {
    width: 100%;
}

.event_wrap .e_swiper_wrap2 {
    width: 750px;
    height: 500px;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    overflow: hidden;
}

.event_wrap :where(.swiper-arrow-prev, .swiper-arrow-next) {
    width: 70px;
    height: 80px;
    z-index: 2;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.2s;
}

.event_wrap .swiper:hover :where(.swiper-arrow-prev, .swiper-arrow-next) {
    opacity: 1;
}

.event_wrap .swiper-arrow-prev {
    background: url("https://contents.kyobobook.co.kr/pmtn/common/slider/btn_left_01.png") no-repeat center 100%;
}

.event_wrap .swiper-arrow-next {
    background: url("https://contents.kyobobook.co.kr/pmtn/common/slider/btn_right_01.png") no-repeat center 100%;
    right: 0;
}

.event_wrap .swiper-paging {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    font-family: "Verdana", sans-serif;
    background-color: #fff;
    padding: 5px;
    z-index: 2;
    line-height: 1;
}

.event_wrap .swiper-paging em {
    font-weight: bolder;
    font-style: normal;
}

.event_wrap .link {
    display: block;
    position: absolute;
    z-index: 1;
}

.event_wrap .link.link_01 {
    width: 500px;
    height: 80px;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}

.event_wrap .link.link_02 {
    width: 500px;
    height: 80px;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
}

.event_wrap .link.link_03 {
    width: 500px;
    height: 80px;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
}

.event_wrap .e_rel {
    position: relative;
}

.event_wrap .e_notice {
    color: #000;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 120px;
    padding: 0;
}

.event_wrap .e_notice li {
    font-size: 20px;
    line-height: 32px;
    padding-left: 50px;
    text-align: left;
    position: relative;
    text-indent: 0;
    padding-left: 14px;
}

.event_wrap .e_notice li::before {
    content: "";
    display: block;
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    top: 14px;
    left: 0;
}
