@charset "euc-kr"; .eventWrap .inner { padding: 140px 0; } 
.evSection .con_tit { margin-bottom: 55px; } 
.evSection .wh_ver { color: #fff; } 

.evSection .step_list { display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; } 
.evSection .step_list li { background: rgba(255, 255, 255, 0.4); border-radius: 10px; border: 1px solid #e7ebff; padding: 55px 0; width: 48.8%; } 
.evSection .step_list li .step_tit { color: #555; font-weight: 800; margin-bottom: 25px; } 
.evSection .step_list li .step_tit strong { color: #000; } 
.evSection .step_list li .step_img { margin-bottom: 25px; } 
.evSection .step_list li .step_text { color: #555; } 
.evSection .step_list li span { color: #666; } 
.evSection .step_list li.wh_full { width: 100%; } 
.evSection.step_ver .step_obj { position: absolute; left: 51%; transform: translateX(-50%); width: 1521px; top: 100px; } 

.evSection .qna_list { border-bottom: 1px solid #000; border-top: 1px solid #000; } 
.qna_list li:last-child .q_ver { border-bottom: none; } 
.qna_list li .q_ver { display: flex; justify-content: space-between; font-weight: 700; padding: 19px; border-bottom: 1px solid #e5e5e5; } 
.qna_list li .a_ver { text-align: left; background: #f4f4f4; color: #555; font-weight: 400; height: 0; padding: 0 0 0 40px; overflow: hidden; transition: 0.3s; } 
.qna_list li.on .a_ver { padding: 22px 0 22px 40px; height: auto; transition: 0.3s; } 
.qna_list li .q_ver .qna_arrow { transform: rotate(0deg); } 
.qna_list li.on .q_ver .qna_arrow { transform: rotate(180deg); } 

 .evCon1 { background: #46cdf0 url(https://image.megagong.net/m/2025/0819_ebook/bg_con1.png) no-repeat center; background-size: auto 100%; position: relative; } 
 .eventWrap .evCon1 .inner { padding: 60px 0 140px; } 
.evCon1 h3 { margin-bottom: 60px; position: relative; font-size: 96px; font-weight: 900; } 
 .evCon1 h3 .obj_deco { position: absolute; left: 47%; transform: translate(-50%, -50%); width: 100%; z-index: 0; top: 31%; } 
 .evCon1 h3 p { position: relative; } 
.evCon1 .s_tit { display: inline-block; border-radius: 100px; margin-bottom: 10px; position: relative; z-index: 1; background: #000; color: #fff; padding: 5px 40px; font-weight: 500; } 
 .evCon1 .back_sd { position: relative; } 
.evCon1 .back_sd::before { content: ''; position: absolute; left: 47%; transform: translateX(-50%); bottom: 126px; width: 949px; height: 272px; background: url(https://image.megagong.net/m/2025/0819_ebook/pad_deco.png) no-repeat; background-size: contain; background-position: 50% 50%; pointer-events: none; } 
 .evCon1 .swiper_basic1_wrap { width: 368px; z-index: 0; margin: auto; position: relative; } 
 .evCon1 .book_sd { z-index: 1; } 
 .evCon1 .swiper_basic1_wrap .book_pad { width: 450px; top: -41px; left: 50%; transform: translateX(-50%); z-index: 0; position: absolute; } 
 .evCon1 .cup_img { right: -150px; bottom: -30px; position: absolute; z-index: 1; } 
.evCon1 .mbook_pos { position: absolute; left: 23%; bottom: -50px; z-index: 1; display: flex; } 

 /* S: [fixmenu] ·¹À̾ƿô */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #000; z-index: 2; position: relative; height: 80px; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; height: 100%; align-items: center; } 
.fix_menu li { position: relative; flex: 1; height: 100%; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { padding: 0; font-size: 24px; position: relative; color: rgba(255, 255, 255, 0.5); font-weight: 700; display: flex
; justify-content: center; align-items: center; height: 100%; } 
.fix_menu li a br { display: none; } 
.fix_menu li a:before { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #262626; height: 60%; width: 1px; } 
.fix_menu li:last-child a:before { display:none } 
.fix_menu li a:hover { color:rgba(255, 255, 255, 0.75); } 
.fix_menu li.on a { color: rgba(255, 255, 255, 1); text-decoration: underline; text-underline-offset: 6px; } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 
/* ÇÏ´Ü¿¡ ºÙ´Â ·ÎÁ÷ÀÏ °æ¿ì */
.fix_menu.fixed.bottom { position: fixed; bottom: 0; top:auto; left: 0; width: 100%; } 



.evCon2 { background: linear-gradient(134deg,rgba(5, 246, 227, 1) -30%, rgba(144, 161, 255, 1) 100%); } 
.evCon2 .review_v_wrap { height: 576px; overflow: hidden; margin: 0 -115px; } 
.evCon2 .review_v_swiper { position: relative; margin: 0 -115px; /* margin: 0 auto; */overflow: hidden; height: 750px; } 
.evCon2 .review_v_swiper .swiper-slide { justify-content: center; display: flex; } 
.evCon2 .review_v_swiper .swiper-slide .text_box { display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.4); border-radius: 110px; padding: 15px 0; width: 1000px; height: 150px; border: 1px solid #8adbe5; } 
.evCon2 .review_v_swiper .swiper-slide .rv_v_text { font-size: 18px; margin-bottom: 7px; color: #111; opacity: 0.5; } 
.evCon2 .review_v_swiper .swiper-slide .rv_v_name { font-size: 16px; color: #727d7c; opacity: 0.3; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev,
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-next { z-index: 1; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev .text_box ,
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-next .text_box { background: #fff;; border: 1px solid #DEDEDE; color: #111; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev .rv_v_text ,
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-next .rv_v_text ,
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev .rv_v_name ,
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-next .rv_v_name { opacity: 1; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev { margin-top: -60px; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-next { margin-bottom: -60px; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active { z-index: 2; margin-top: -54px; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .text_box { border: 3px solid #1a87b4; width: 1200px; height: 194px; border-radius: 120px; box-shadow: 20px 20px 20px 10px rgb(33 222 255 / 20%); background: #fff; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .rv_v_text { font-size: 24px; margin-bottom: 12px; opacity: 1; font-weight: 700; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .rv_v_name { font-size: 18px; opacity: 1; color: #777; } 
.evCon2 .evt_con_base { margin: 20px 0px 30px; color: #fff; font-size: 12px; font-weight: 400; } 

.evCon3 .txt_gradient { background: #46cdf0; background: -webkit-linear-gradient(134deg,rgba(5, 246, 227, 1) -30%, rgba(144, 161, 255, 1) 100%); background: linear-gradient(134deg,rgba(5, 246, 227, 1) -30%, rgba(144, 161, 255, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon3 .area_wrap { display: flex; justify-content: center; align-items: flex-start; gap: 100px; } 
.evCon3 .title_box { text-align: left; } 
.evCon3 .title_box h4 { text-align: left; } 
.evCon3 .title_box .con_tit { margin-bottom: 105px; } 
.evCon3 .con_box .info_list { text-align: left; line-height: 1.7; color: #555; } 
.evCon3 .con_box .info_list strong { color: #000; } 

.evCon4 { background: linear-gradient(180deg, rgb(71 83 246) 0%, rgb(253 253 255) 100%); } 

.evCon6 { background: linear-gradient(180deg, rgb(251 197 65) 0%, rgb(253 253 255) 100%); } 
.evCon6.evSection .step_list li { border: 1px solid #fff; } 


@media screen and (max-width: 1200px){
 .eventWrap .inner { padding: 11% 0; } 
.evSection .con_tit { margin-bottom: 6%; } 
.qna_list li .q_ver { padding: 2%; } 
.qna_list li .a_ver { padding: 0px 0 0px 2%; } 
.qna_list li.on .a_ver { padding: 2% 0 2% 2%; } 
.qna_list li .q_ver .qna_arrow { width: 3%; } 


 .fix_menu { height: auto; } 
 .fix_menu ul { width: 100%; } 
 .fix_menu li a { font-size: 17px; padding: 23px 0; } 
 .fix_menu li i { right: 0; max-width: 30%; } 

 

 .eventWrap .evCon1 .inner { padding: 7% 0 10%; } 
 .evCon1 .s_tit { margin-bottom: 1%; padding: 1% 4%; } 
.evCon1 h3 { margin-bottom: 4%; font-size: clamp(29px, 9.7vmin, 96px); } 
.evCon1 h3 .obj_img { left: 51%; top: 60%; padding: 0 0%; width: 100%; } 
.evCon1 .back_sd { margin: 5% auto; width: 61vw; } 
.evCon1 .back_sd::before { left: 47%; bottom: 21%; height: 32vw; width: 89vw; } 
.evCon1 .swiper_basic1_wrap { width: 38vw; margin: 10% auto; } 
 .evCon1 .swiper_basic1_wrap .book_pad { width: 121%; height: 100%; top: -8%; } 
 .evCon1 .cup_img { right: -28%; bottom: -4%; width: 46%; } 
.evCon1 .mbook_pos { left: 3%; bottom: -12%;; } 

.evCon2 .review_v_wrap { height: 58vw; margin: 0 0px; } 
.evCon2 .review_v_swiper { margin: 0 0px; height: 75vw; } 
.evCon2 .review_v_swiper .swiper-slide .text_box { padding: 1% 0; width:90%; height: 15vw;; } 
.evCon2 .review_v_swiper .swiper-slide .rv_v_text { font-size: clamp(13px, 2.2vmin, 18px); margin-bottom: 1%; } 
.evCon2 .review_v_swiper .swiper-slide .rv_v_name { font-size: 12px; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .text_box { width: 100%; height: 19vw; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .rv_v_text { font-size: clamp(14px, 2.6vmin, 24px); margin-bottom: 1%; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .rv_v_name { font-size: clamp(12px, 2vmin, 18px); } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev { margin-top: -6%; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-next { margin-bottom: -6%; } 

/* .evCon3 .area_wrap { gap: 5%; } 
.evCon3 .title_box .con_tit { margin-bottom: 47%; } 
.evCon3 .area_wrap { display: block; } */
.evCon3 .area_wrap { display: block; } 
.evCon3 .title_box { gap: 9%; margin-bottom: 5%; display: flex; justify-content: center; } 
 .evCon3 .title_box .con_tit { margin-bottom: 0%; } 
 .evCon3 .con_box .info_list { width: 80%; margin: auto; } 

 .evSection .step_list { gap: 2%; } 
.evSection .step_list li { margin-bottom: 2%; padding: 3% 0; } 
.evSection .step_list li .step_tit { margin-bottom: 3%; font-size: clamp(15px, 2.2vmin, 20px);} 
.evSection .step_list li .step_img { margin-bottom: 4%; padding: 0 20%; } 
 }

 @media screen and (max-width: 992px){
 .evCon1 .mbook_pos { width: 46%; } 
 .evCon1 .swiper_basic1_wrap { width: 47vw; } 
 .evCon1 .back_sd::before { width: 99vw; } 

.evCon2 .review_v_swiper .swiper-slide .text_box { border-radius: 20px; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .text_box { border-radius: 20px; } 
.evCon2 .review_v_swiper .swiper-slide .rv_v_text { font-size: clamp(13px, 2vmin, 18px); } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .rv_v_text { font-size: clamp(13px, 2.2vmin, 24px); } 

.evCon3 .title_box { gap: 9%; margin-bottom: 5%; display: flex; justify-content: center; } 
 .evCon3 .title_box .con_tit { margin-bottom: 0%; } 
 .evCon3 .con_box .info_list { width: 80%; margin: auto; } 
 }


@media screen and (max-width: 768px){
 .evSection .step_list li { width: 100%; } 
 .evSection .step_list li .step_img { margin-bottom: 3%; padding: 0 29%; } 

 .fix_menu li a { font-size: 14px; padding: 15px 0; } 
 .fix_menu li a:before { height: 30%; } 
 .fix_menu li:last-child a { letter-spacing: -.15rem; } 
 

 .evCon2 .review_v_wrap { height: inherit; } 
 .evCon2 .review_v_swiper { height: 55vw; } 
 .evCon2 .review_v_swiper .swiper-slide .text_box { width: 100%; height: 100%; } 
.evCon2 .review_v_swiper .swiper-slide.swiper-slide-prev { margin-top: 0%; } 
 .evCon2 .review_v_swiper .swiper-slide.swiper-slide-next { margin-bottom: 0%; } 
 .evCon2 .review_v_swiper .swiper-slide.swiper-slide-active { margin-top: 0px; } 

 .evCon3 .illu { width: 29%; } 
 }


@media screen and (max-width: 576px) {
 .evSection .qna_list .q_text { text-align: left; width: 95%; } 
 .qna_list li .q_ver .qna_arrow { width: 5%; display: flex
; justify-content: center; align-items: center; } 

 
 .fix_menu li a { padding: 10px 0; } 
 .fix_menu li a br { display: block; } 

 .evCon1 .back_sd { width: 100%; } 
 .evCon1 .swiper_basic1_wrap { width: 67vw; } 
 .evCon1 .cup_img { right: -17%; } 

 .evCon2 .review_v_swiper { height: 99vw; } 
 .evCon2 .review_v_swiper .swiper-slide .text_box { border-radius: 10px; } 
 .evCon2 .review_v_swiper .swiper-slide.swiper-slide-active .text_box { height: 33vw; border-radius: 10px; } 

 .evCon3 .con_box .info_list { width: 100%; font-size: 13px; } 
 .evCon3 .con_box .info_list li { text-indent: -2%; padding-left: 3%; } 

 }

 
@media screen and (max-width: 480px){
 .fix_menu li a { font-size: 12px; } 
 }
/* E: [fixmenu] ·¹À̾ƿô */