@charset "UTF-8";
.event_wrap .e_container { font-size:0;line-height:0;position:relative;clear:both;zoom:1;}
.event_wrap .inner {width:750px;} /* 최소 750px */
.event_wrap .inner.w700 { width:700px; }
.event_wrap .inner.w1500 { width:1500px; }
.event_wrap a { text-decoration: none; }
/* background */
.event_wrap .bg_01 {background:#fdffe2 url('https://contents.kyobobook.co.kr/pmtn/2023/book/230720_reader/bnK_ebg_01.jpg') no-repeat 50% 0;}
.event_wrap .bg_02 {background:#fdffe2; padding-bottom:155px;}
.event_wrap .bg_03 {background-color:#91f9e3; border-top:3px solid #000;}
/* btn,link */
.event_wrap .e_btn a{display: block;}
.event_wrap .eMap a{background:rgba(240, 47, 13, .5);}/*작업 완료 후 삭제*/
.event_wrap .eMap .ebtn_02{left: 16%;top: 0%;width: 71%;height: 46%;}

/* swiper */
.evtSwiper {
	position: absolute;
	left:50%;
	top:738px;
	display: block;
	margin:0 auto;
	width: 1200px;
	height: 360px;
	overflow: initial;
	transform: translateX(-50%);
}

.evtSwiper .swiper-slide{
	width:570px;
}

.evtSwiper .slide_01 {
	width:470px;
}

.event_wrap .swiper-container-horizontal>.swiper-scrollbar {
	left:50%;
	width:302px;
	height:8px;
	transform: translate(-50%);
}

.event_wrap .swiper-scrollbar > .swiper-scrollbar .swiper-scrollbar-drag, .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
	top:-10px;
	height:20px;
	background:#fdffe2;
	border:3px solid #191f2f;
}

.event_wrap .swiper-scrollbar > .swiper-scrollbar, .event_wrap .swiper-container-horizontal > .swiper-scrollbar {
	overflow:initial;
	background:#191f2f;
}

.evtSwiper .txtNumber { 
    position:absolute;
    top:3%;
    left:5.5%;
    font-size:32px;
    line-height: 1.4;
    font-weight: 900;
    color:#fdffe2;
}

.evtSwiper .slideTxt { 
    position:absolute;
    top:22%;
    left:5.5%;
    width:75%;
    height:100%;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: -1.1px;
    font-weight: 400;
    color:#fdffe2;
    word-break: keep-all;
}

.event_wrap .slide_01 .txtNumber, .event_wrap .slide_01 .slideTxt {
	font-weight: 900;
	line-height: 1.8;
	color:#9bcfff;
}

.evtSwiper .e_source { 
    display: block;
    padding-top:10px;
    font-size:20px;
    color:#a2a391;
}


/* 탭메뉴 */
.event_wrap .event_tabs {
    display:
    flex;padding-top:60px;
}
.event_wrap .event_tabs li { 
    width:25%;
    position: relative;
}
.event_wrap .event_tabs .tabBtn { 
    display: block;
    margin:0 auto;
}
.event_wrap .event_tabs .tabAni {
    position: absolute;
    top:30%;
    right:0;
    opacity: 0;
    animation:shake-vertical 10s 0s ease-in-out infinite both;
}
.event_wrap .event_tabs li.on .tabAni {
    opacity: 1;
}
.event_wrap .eTab_name {
    display: block;
    padding: 15px 0 55px 0;
    width:100%;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    color:#000;
}

.event_wrap .eTab_box_wrap {
    position:relative;
    width:100%;
    height:1501px;
}
.event_wrap .eTab_box {
    display: block;
    margin:0 auto;
}
.event_wrap .eTab_category {
    position:absolute;
    top:1.2%;
    width:100%;
    height:60px;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    color:#000;
}

.event_wrap .bookList {
    position:absolute;
    width:256px;
    height:630px;
}
.event_wrap .bookList a {
    display: block;
    width:100%;
    height:100%;
}
.event_wrap .bookList img {
    width:256px;
    height:376px;
    border:2px solid #000; }
.event_wrap .eTab_book_01 {
    left:13.73%;
    top:7.92%
}
.event_wrap .eTab_book_02 {
    right:13.73%;
    top:7.92%;
}
.event_wrap .eTab_book_03 {
    left:13.73%;
    top:49.96%;
}
.event_wrap .eTab_book_04 {
    right:13.73%;
    top:49.96%;
}
.event_wrap .e_bookTitle {
    padding-top:25px;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -1.25px;
    font-weight: 900;
    color:#000;
}
.event_wrap .e_bookTag {
    padding-top:28px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    color:#000;
}

.event_wrap .eText { 
    width:100%;
    padding-top:22px;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    color:#000;
}

.event_wrap .ebtn_02 {
    display: block;
    position: absolute;
    left:0;
    bottom:1.8%;
    width:100%;
    height:50px;
    text-align: center;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 900;
    color:#000;
}
.event_wrap .ebtn_02:hover {
    text-decoration: none;
    color:#000;
}

/* slider */ 
.flexslider {border: 3px solid #000; box-shadow: 10px 10px 0 #000;}
/* notice */
.e_notice p, .e_notice ul li{color:#000;}
.e_notice ul li:before{background-color:#000;}

/* 애니메이션 */
@keyframes shake-vertical {
	0%, 100% { transform: translateY(0); }
	10%, 30%, 50%, 70% { transform: translateY(-4px); }
	20%, 40%, 60% { transform: translateY(4px); }
	80% { transform: translateY(5.4px); }
	90% { transform: translateY(-5.4px); }
}