@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */

:root { --blue-color: #007af3; } 


.con_tit .end::after { background: #46b9a0; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 

.clamp-title { font-size: 50px; } 
.clamp-title2 { font-size:42px; } 
.clamp-title3 { font-size: 58px; } 
.clamp-text { font-size:20px; } 
.clamp-text2 { font-size:18px; } 

.con_tit { font-weight: 900; margin-bottom: 55px; } 
.eventWrap .inner { padding: 150px 0; } 


/* con1 */
.eventWrap .evCon1 .inner { padding: 0; width: 100%; } 
.evCon1 h3 { position: relative; font-weight: 100; text-align: left; line-height: 76px; width: 30%; margin-bottom: 60px; } 
.evCon1 h3 .text_n strong { font-weight: 400; } 
.evCon1 h3 .text_b { color: #fff; background: #000; font-weight: 800; padding: 0 15px; display: inline-block; margin-top: 7px; } 
.evCon1 .swiper_basic1 .swiper-slide { height: 660px; } 
.evCon1 .swiper_basic1 .swiper-slide.bg1_ver { background: url(https://img.megagong.net/m/2024/0314_ebook/bg1.jpg) no-repeat center center; background-size: cover; } 
.evCon1 .swiper_basic1 .swiper-slide.bg2_ver { background: url(https://img.megagong.net/m/2024/0314_ebook/bg2.jpg) no-repeat center center; background-size: cover; } 
.evCon1 .swiper_basic1 .swiper-slide.bg3_ver { background: url(https://img.megagong.net/m/2024/0314_ebook/bg3.jpg) no-repeat center center; background-size: cover; } 
.eventWrap .evCon1 .swiper-pagination { position: absolute; bottom: 40px; } 
.evCon1 .swiper_basic2_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; width: 1250px; display: flex; justify-content: center; align-items: center; gap: 4%; } 
.swiper_basic2 { width: 57%; } 
.evCon1 .swiper_basic2 .swiper-slide .sd_text { font-size: 24px; line-height: 33px; } 
.evCon1 .bnr_con1 { background: #fbebf7; width: 1080px; border-radius: 50px; margin: 13px auto 0; display: flex; justify-content: center; align-items: center; gap: 80px; padding: 13px 0; } 
.evCon1 .bnr_con1 .left_text { font-size: 16px; padding: 3px 50px; border-right: 1px solid #cac4c9; } 
.evCon1 .bnr_con1 .center_text { display: flex; justify-content: center; align-items: center; gap: 40px; } 
.evCon1 .bnr_con1 .center_text .text_wrap span { font-size: 13px; } 
.evCon1 .bnr_con1 .center_text .point_head { font-size: 24px; font-weight: 700; color: #3689ff; } 
.evCon1 .bnr_con1 .right_btn a { font-size: 13px; border: 1px solid #000; padding: 9px 41px; display: inline-block; } 


/* con2 */
.eventWrap .evCon2 .inner { padding: 35px 0 70px } 
.evCon2.top_re { margin-top: 5%; } 

/*°Ë»ö¿µ¿ª */
.sortTab { display: flex; justify-content: center; gap: 40px; font-size: 22px; font-weight: 500; color: #aeaeae; margin-bottom: 45px; } 
.sortTab li.on { color: var(--blue-color); font-weight: 600; position: relative; } 
.sortTab li.on::after { content: ""; display: block; width: 60px; height: 4px; background: var(--blue-color); position: absolute; bottom: -11px; left: 50%; transform: translateX(-50%); } 
.tab_box { display: flex; justify-content: center; background: #f5f8fb; } 
.tab_box.fir { border-top: 2px solid #777; } 
.tab_box .tab_top_tit { width: 106px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #e7e7e7; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; } 
.tab_box .lecTab_wrap { width: calc(100% - 106px); display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 21px; padding: 20px 20px; background: #fff; border-bottom: 1px solid #e7e7e7; } 
.tab_box .lecTab_wrap li { font-size: 13px; } 
.tab_box .lecTab_wrap li.on { color: var(--blue-color); font-weight: 700; position: relative; } 
.tab_box .lecTab_wrap li.on::after { content: ""; display: block; width: 100%; height: 1px; background: var(--blue-color); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); } 
.search_zone { overflow: hidden; margin-bottom: 40px; } 
.search_zone.main { position: relative; border-bottom: none; padding-bottom: 0; margin: 0 auto 45px; } 
.search_zone .search_box { display:none } 
.search_zone.main .search_box { display:block; position: relative; width: 700px; border: 1px solid #787878; overflow: hidden; box-sizing: border-box; padding: 5px 0; vertical-align: text-top; height: 60px; margin: auto; border-radius: 50px; } 
.search_zone.main .search_box input { background: none; font-size: 15px; border: none; width: 100%; line-height: 18px; padding: 14px 32px; } 
.search_zone.main .search_box input::placeholder { color:#999999 } 
.search_zone.main .search_box .btn_find { background: url(https://img.megagong.net/m/2024/0314_ebook/icon_con2.png) no-repeat right center; background-size: contain; width: 26px; height: 26px; font-size: 0; text-indent: -9999px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); } 


/* ¼öÇè¼­ ¸®½ºÆ® */
.book_ajax { margin-top:3%; text-align: left; } 
.ebk_list .no_serch { text-align: center; color: #777; font-size: 15px; margin: auto; padding: 120px 0; border-bottom: 1px solid #d0d0d0; } 
.ebk_list { position:relative; overflow: hidden; border-top: 2px solid #777; } 

.ebk_list p { display: block; margin: 40px auto; text-align: center; } 
.ebk_list li { width: 100%; padding: 35px 0; border-bottom: 1px solid #dddddd; box-sizing: border-box; background: #fff; display: flex; } 
.ebk_list li .b_img { position: relative; margin-right: 30px; margin-left: 40px; width: 140px; text-align: center; position: relative; } 
.ebk_list li .b_img a { display: block; } 
.ebk_list li .b_img a img.bookimg { width: 138px; height: 198px; text-align: center; display: inline-block; vertical-align: bottom; border: 1px solid #eeeeee; margin: 0 auto; } 
.ebk_list li .b_img span { position: absolute; display: inline-block; z-index: 1; right: 6px; bottom: 6px; } 
.ebk_list li .b_img span .mo { display:none } 
.ebk_list li .b_img span .prev_none { cursor:default } 
.ebk_list li .b_info { position: relative; float:left; margin: 0; width: calc(100% - 170px); } 
.ebk_list li .b_info a { display:block; margin-top: 8px; } 
.ebk_list li .b_info span.b_kind { display: inline-block; box-sizing: border-box; font-size: 11px; color: #59a12e; border: 1px solid #59a12e; font-weight: 400; padding: 0px 3px; } 
.ebk_list li .b_info dl { margin: 3px auto 0; } 
.ebk_list li .b_info .book_info_wrap { display: flex; height: 100%; } 
.ebk_list li .b_info .book_info_wrap .book_info_top { width: 522px } 
.ebk_list li .b_info .book_info_wrap .book_info_bot { width: calc(100% - 522px); } 
.ebk_list li .b_info dl dt { font-weight: bold; width: 96%; height: auto; margin-bottom: 6px; font-size: 16px; overflow: hidden; line-height: 1.6em; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.ebk_list li .b_info dl dd { color:#999999 } 
.ebk_list li .b_info dl dd.athr { margin-bottom: 11px; color: #b1b1b1; font-size: 12px; justify-content: flex-start; } 
.ebk_list li .b_info dl dd.athr span { position: relative; padding-left: 6px; margin-left: 6px; } 
.ebk_list li .b_info dl dd.athr span.athr_tea { padding: 0; margin: 0; } 
.ebk_list li .b_info dl dd.athr span:before { position: absolute; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); left: 0; content: ""; width: 1px; height: 9px; background: #bbb; } 
.ebk_list li .b_info dl dd.athr span.athr_tea:before { content:none; } 
.ebk_list li .b_info dl .book_info_bot { padding-top: 11px; overflow: hidden; display: flex; gap: 25px; justify-content: flex-end; } 
.ebk_list li .b_info dl dd:last-child .book_coment { background: #fafafa; padding: 11px; width: 522px; min-height: 98px; box-sizing: border-box; font-size: 13px; color: #777; overflow: hidden; font-weight: 400; text-overflow: ellipsis; word-break: break-word; line-height: 1.6em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: none; } 
.ebk_list li .b_info dl dd:last-child .book_btn { display: flex; flex-wrap: wrap; align-content: end; vertical-align:middle; border-left: 1px solid #eee; padding: 0 40px; width: 100%; } 
.ebk_list li .b_info dl dd:last-child .book_btn .price { color: #000000; font-size: 13px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; gap: 8px; width: 100%; height: calc(100% - 40px); } 
.ebk_list li .b_info dl dd:last-child .book_btn .price li { padding: 0px; border: none; justify-content: space-between; align-items: center; font-weight: 600; } 
.ebk_list li .b_info dl dd:last-child .book_btn .price_info_wrap { display: flex; justify-content: flex-start; align-items: center; gap: 10px; } 
.ebk_list li .b_info dl dd:last-child .book_btn .price_info_wrap p { margin: 0px auto; color: #000; } 
.ebk_list li .b_info dl dd:last-child .book_btn .price_info_wrap p.price_tit { width: 45px; text-align: left; } 
.ebk_list li .b_info dl dd:last-child .book_btn .price_info_wrap p.price_day { color: var(--blue-color); } 
.ebk_list li .b_info dl dd:last-child .book_btn span { color:#000; font-weight:bold; font-size: 20px; } 
.ebk_list li .b_info dl dd:last-child .book_btn span.price_tit { float:none; color: #666666; font-weight: normal; } 
.ebk_list li .b_info dl dd:last-child .book_btn span.cost { text-decoration:none } 
.ebk_list li .b_info dl dd:last-child .book_btn strong { padding-left:6px; text-decoration: line-through; font-weight:normal; color: #999999; } 
.ebk_list li .b_info dl dd:last-child .book_btn .btn { overflow: hidden; display: flex; width: 100%; gap: 8px; } 
.ebk_list li .b_info dl dd:last-child .book_btn .btn a { display: block; float: left; width: 50%; font-size: 13px; text-align: center; padding: 11px 0; box-sizing: border-box; background: #0080fe; color: #ffffff; margin: 0; } 
.ebk_list li .b_info dl dd:last-child .book_btn .btn a.payb { background: #f2f2f2; color: #222; } 
.ebk_list li .b_info dl dd:last-child .book_btn .btn span { display: block; float: left; width: 118px; height: 35px; font-size: 13px; background: #bfbfbf; color: #fff; text-align: center; line-height: 35px; box-sizing: border-box; font-weight:bold; } 
.ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook { width:100% } 
.ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook2 { float: none; background: #bfbfbf; width: 100%; color: #fff; } 
.paging { clear:both; text-align: center; margin-top: 40px; } 
.paging strong { font-weight: bold; } 
/* //¼öÇè¼­ ¸®½ºÆ® */

/* ±³À籸¸Å Æ˾÷ */
[class*=mg_popup_wrap] .content_area .content_inner.price_pop { padding: 40px 40px; } 
[class*=mg_popup_wrap] .m_tit { font-size: 30px; font-weight: 700; margin-bottom: 25px; } 
.price_pop .m_con { border-top: 2px solid #777; margin-bottom: 10px; } 
.price_pop .m_con li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #d0d0d0; align-items: center; padding-left: 30px; } 
.price_pop .m_con li .book_info_wrap { display: flex; gap: 7px; align-items: center; width: 75px; margin-right: 30px; flex-wrap: wrap; text-align: center; justify-content: center; } 
.price_pop .m_con li .book_info_wrap .book_name { font-weight: 700; } 
.price_pop .m_con li .book_info_wrap .sale_point { font-size: 11px; color: #e45c6c; font-weight: 700; } 
.price_pop .book_price_wrap span { color:#000; font-weight:bold; } 
.price_pop .book_price_wrap span.price_tit { float:none; color: #666666; font-weight: normal; } 
.price_pop .book_price_wrap span.cost { text-decoration:none } 
.price_pop .book_price_wrap strong { padding-left:6px; font-weight:normal; color: #999999; font-size: 12px; } 
.price_pop .book_label { color: #fff; border-radius: 50px; padding: 4px 0px; display: inline-block; width: 52px; text-align: center; font-size: 11px; } 
.price_pop .book_label.gray { background: #8e8e8e; } 
.price_pop .book_label.blue { background: var(--blue-color); } 
.price_pop .radio_wrap { width: calc(100% - 60px); padding-right: 10px; } 
.price_pop .radio_wrap li { border: none; display: flex; padding: 4px 0; } 
.price_pop .radio_wrap li .book_date_wrap { font-weight: 600; display: flex; justify-content: flex-start; align-items: center; gap: 8px; } 
.price_pop .radio_wrap li .book_date_wrap .book_name { width: 450px; overflow: hidden; line-height: 1.6em; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.price_pop .radio_wrap li .book_date_wrap label { width: 75px; color: #777; } 
.price_pop .radio_wrap li .book_price_wrap { width: auto; text-align: right; } 
.price_pop .book_price_wrap .sale_price strong { text-decoration: line-through; } 
.price_pop .cau_noti { margin-bottom: 6px; display: block; text-align: left; color: #777; display: block; font-size: 11px; } 
.price_pop .sconn_ticket { display: flex; justify-content: space-between; background: #f5f5f5; padding: 20px 20px; border: 1px solid #d0d0d0; align-items: center; } 
.price_pop .sconn_btn label { font-weight: 700; margin-left: 2px; } 
.price_pop .sconn_name { display: inline-block; vertical-align: middle; } 
.price_pop .sconn_btn .sconn_img { display: inline-block; margin-left: 10px; } 

.price_pop .same_lec_wrap .same_lec { font-size: 13px; font-weight: 700; margin-bottom: 6px; margin-top: 4%; } 
.price_pop .same_lec_wrap .same_lec span { margin-right: 5px; display: inline-block; vertical-align: text-bottom; } 
.price_pop .same_lec_wrap ul { height: 120px; overflow: auto; border-top: 1px solid #26beb1; position: relative; margin-bottom: 25px; } 
.price_pop .same_lec_wrap ul li { background: #f4fffe; padding: 4px 10px; border-bottom: 1px solid #ccf8ee; font-size: 13px; display: flex; justify-content: space-between; align-items: center; } 
.price_pop .same_lec_wrap ul li .lec_name_vod { width: 640px; overflow: hidden; line-height: 1.6em; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
.price_pop .same_lec_wrap ul li .more_btn { background: #fff; border: 1px solid #ddd; font-size: 11px; } 
.price_pop .same_lec_wrap ul li .more_btn a { padding: 4px 13px; display: inline-block; } 
.price_pop .same_lec_wrap ul::-webkit-scrollbar { width: 5px; } 
.price_pop .same_lec_wrap ul::-webkit-scrollbar-thumb { background: #484848; border-radius: 50px; } 
.price_pop .same_lec_wrap ul::-webkit-scrollbar-track { background-color: #b7b7b7; border-radius: 50px; } 
.price_pop .pay_btn_wrap { display: flex; justify-content: flex-end; gap: 8px; margin-left: 480px; } 
.price_pop .pay_btn_wrap .btn { width: 50%; background: #f2f2f2; text-align: center; font-size: 13px; } 
.price_pop .pay_btn_wrap .btn.right { background:#0075ff; color: #fff; } 
.price_pop .pay_btn_wrap .btn a { display: block; padding: 13px 0; } 

.cau_pop .m_con { font-size: 13px; line-height: 19px; height: 450px; border: 1px solid #000; padding: 10px; overflow: auto; } 

/* con3 */
.eventWrap .evCon3 .inner { padding: 70px 0; } 
.evCon3 .eventVideo { margin-bottom: 35px; } 
.evCon3 .point_btn { display: flex; justify-content: center; align-items: center; gap: 12px; } 
.evCon3 .point_btn li a { display: block; } 
.evCon3 .point_btn li a img { border-radius: 15px; border: 4px solid #ffffff; } 
.evCon3 .point_btn li.on a img { border-radius: 15px; border: 4px solid #46a1fc; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3); } 

/* con4 */
.eventWrap .evCon4 .inner { padding: 40px 0 35px; } 
.evCon4 { background: #3291ff; } 
.evCon4 .buy_wrap { display: flex; justify-content: center; align-items: center; gap: 80px; color: #fff; text-align: left; } 
.evCon4 .buy_wrap .buy_text_head { display: flex; justify-content: flex-start; gap: 15px; align-items: center; margin-bottom: 13px; } 
.evCon4 .buy_wrap .buy_text_head p { font-size: 22px; font-weight: 700; } 
.evCon4 .buy_wrap .buy_text_head .cau_pop { border: 1px solid #fff; font-size: 12px; display: inline-block; padding: 6px 27px; cursor: pointer; } 
.evCon4 .buy_wrap .buy_text_body { font-size: 13px; font-weight: 300; } 
.evCon4 .buy_btn { text-align: center; } 
.evCon4 .buy_btn a { font-size: 13px; background: #000; padding: 10px 26px; display: inline-block; margin-top: 10px; } 

/* con5 */
.eventWrap .evCon5 .inner { padding: 120px 0 150px; } 
.evCon5 { background: #172842; } 
.evCon5 .con_tit { color: #fff; margin-bottom: 45px; } 
.evCon5 .small_span { font-size: 16px; } 

/* edit */
.price_pop .radio_wrap li .book_date_wrap label.lab_css_none { width: inherit; color: #000; } 

/* gtab */
.g_tab { background: #223c61; color: #7589ac; height: 420px; position: relative; } 
.g_tab li { display: flex; border-bottom: 1px solid; } 
.g_tab li:last-child { border-bottom: none; } 
.g_tab li .right_tab { color: #000; font-size: 18px; line-height: 30px; width: 554px; background: #fff; position: absolute; right: 0px; top: 0px; height: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-content: start; align-items: center; display: none; text-align: left; padding: 60px 40px; } 
.g_tab li .right_tab .a_tit { display: block; width: 100%; font-size: 30px; color: #007af3; font-weight: 900; margin-bottom: 10px; } 

.g_tab li .left_tab { width: 526px; padding: 20.5px; text-align: left; font-size: 18px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } 
.g_tab li .left_tab .q_tit { font-size: 20px; color: #7589ac; font-weight: 900; /* display: inline-block; */ } 
.g_tab li .left_tab .arr_qa { display: none; } 
.g_tab li.on { border-bottom: 1px solid #fff; } 
.g_tab li.on .left_tab { background: #fff; color: #000; font-weight: 600; } 
.g_tab li.on .left_tab .q_tit { color: #007af3 !important; } 
.g_tab li.on .left_tab .arr_qa { display: block; } 
.g_tab li.on .right_tab { display: flex; } 

.g_tab li .left_tab > div { display: flex; gap: 15px; } 
.g_tab li .left_tab .arr_qa_mo.on { display: none; } 
.g_tab li .left_tab .arr_qa_mo.off { display: none; } 


/* 20240415 add */
.mypage_popup { display:block; } 
/* .price_pop .price_pop .sconn_name.v2 { display: block; } */
.price_pop .link_box { background-color: #d4f4fe; border: 1px solid #d0d0d0; display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; margin: 10px 0; position: relative; } 
.price_pop .link_box li a { display: block; height: 100%; } 
.price_pop .link_box li.app { display: flex; justify-content: center; align-items: center; gap: 8px; z-index: 3; position: relative; } 
.price_pop .link_box li.link { position: absolute; width: 100%; height: 100%; left: 0; font-size: 0; z-index: 2; top: 0; /* background: #ff000036; */ } 

.tab_base { display: flex; justify-content: space-between; } 
.tab_base li { flex: 1; text-align: center; } 
.tab_base li a { display: block; } 

.evCon3.new .tab_base { line-height: 100px; background: #f2f6fb; font-size: 22px; color: #999b9f; } 
.evCon3.new .tab_base li.on a { background: #dddfff; color: #000; } 
.evCon3.new .panel_base { background: #dddfff; padding: 100px 0 0; position: relative; } 
.evCon3.new .panel_base::before { content: ''; display: block; position: absolute; left: -1000px; top: 0; width: 3000px; height: 100%; background: inherit; z-index: -1; } 

.evCon3.new .tab_base li:last-child.on a { background: #cdf0fb; } 
.evCon3.new .tab_base:has(li:last-child.on) + .panel_base { background: #d1f0fc; } 

.evCon3.new .inner { padding-bottom:0 } 
.evCon3.new .info_box { text-align: left; background: #f2f6fb; padding: 60px 0 30px; position: relative; display: flex; justify-content: space-between; } 
.evCon3.new .info_box::before { content: ''; display: block; position: absolute; left: -1000px; top: 0; width: 3000px; height: 100%; background: inherit; z-index: -1; } 
.evCon3.new .info_box li { margin-bottom: 10px; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; } 
.evCon3.new .info_box li > img { margin-top: 3px; width: min(3.5%, 17px); } 
.evCon3.new .tab_base { position: relative; } 
.evCon3.new .tab_base::before { content: ''; display: block; position: absolute; left: -1000px; top: 0; width: 3000px; height: 100%; background: #f2f6fb; z-index: -1; } 
.evCon3.new .panel_base .panel_tit { font-size: 20px; margin-bottom: 75px; } 
.evCon3.new .panel_base .panel_tit span { font-weight: 900; color: #6858ed; } 
.evCon3.new .panel_base section { text-align: left; } 
.evCon3.new .panel_base section:not(:first-of-type) { padding: 100px 0; } 
.evCon3.new .panel_base section .section_tit { font-size: 36px; margin-bottom: 35px; text-align: center; font-weight: 900; } 
.evCon3.new .panel_base section .way_list { flex-wrap:wrap; justify-content: space-between; gap: 24px; padding: 0 0 70px;} 
.evCon3.new .panel_base section .btn_box { display: flex; margin: 20px auto 0; justify-content: flex-end; gap: 10px; } 
.evCon3.new .panel_base section .btn_box li a { width: 162px; text-align: center; color: #fff; border: 1px solid; font-size: 14px; display: block; line-height: 35px; } 
.evCon3.new .panel_base section:last-of-type { background: #1c222b; color: #fff; position: relative; } 
.evCon3.new .panel_base section:last-of-type::before { content: ''; display: block; position: absolute; left: -1000px; top: 0; width: 3000px; height: 100%; background: inherit; z-index: -1; } 
.evCon3.new .point_btn li a img { border-radius: 0; border: 0; } 
.evCon3.new .point_btn li.on a img { border-radius: 20px; border: 4px solid #3291ff; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } 
.evCon3.new .g_tab { height: auto; background: #27313e; color: #656b72; } 
.evCon3.new .g_tab li .left_tab .q_tit { color: #656b72; } 
.evCon3.new .g_tab .small_span { font-size: 16px; } 

/* 250401 */
.ver_2504 .evSection.evCon3 { background: #f2f6fb; } 
.ver_2504 .evCon3 .info_box { padding: 10px 0 60px; } 
.ver_2504 .evCon3 .panel_base.fir > li { position: relative; } 
.ver_2504 .evCon3 .panel_base::before { z-index: 0; } 
.ver_2504 .evCon3 .panel_base section:last-of-type::before { z-index: 0;}
.ver_2504 .evCon3 .panel_base section .section_tit {position: relative;}

@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(26px,6.5vmin,58px); } 
 .clamp-title2 { font-size: clamp(23px,5.5vmin,50px); } 
 .clamp-title3 { font-size: clamp(26px,6.5vmin,58px); } 
 .clamp-text { font-size: clamp(15px,2vmin,20px); } 
 .clamp-text2 { font-size: clamp(13px,1.8vmin,18px); } 
 .con_tit { margin-bottom: 6%; } 

 /* con1 */
 .evCon1 h3 { line-height: 1.3; width: 36%; padding-left: 3%; margin-bottom: 0px; } 
 .evCon1 h3 .text_b { padding: 1% 2%; margin-top: 2%; } 
 .evCon1 .swiper_basic1 .swiper-slide { height: 60vw; } 
 .evCon1 .swiper_basic2_wrap { width: 100%; padding: 0 2%; top: 47%; } 
 .swiper_basic2 { width: 53%; } 
 .evCon1 .swiper_basic2 .swiper-slide .sd_text { font-size: clamp(15px, 2.6vmin, 24px); line-height: 1.2; } 
 .evCon1 .bnr_con1 { width: 96%; margin: 2% auto; gap: 8%; padding: 1% 0%; } 
 .evCon1 .bnr_con1 .left_text { font-size: clamp(13px,2.3vmin,16px); padding: 0% 4%; width: 20%; border-right: 1px solid #cac4c9; } 
 .evCon1 .bnr_con1 .center_text { width: 40%; } 
 .evCon1 .bnr_con1 .center_text .point_head { font-size: clamp(15px,2.6vmin,24px); } 
 .evCon1 .bnr_con1 .center_text .img_wrap { width: 24%; } 
 .evCon1 .bnr_con1 .right_btn { width: 16%; } 
 .evCon1 .bnr_con1 .right_btn a { font-size: 13px; padding: 5% 31px; } 

 /* con2 */
 .eventWrap .evCon2 .inner { padding: 6% 0 6%; } 
 .sortTab { gap: 4%; font-size: clamp(15px, 3.2vmin, 22px); margin-bottom: 5%; } 
 .search_zone.main .search_box { width: 80%; padding: 1% 0; height:auto; } 
 .search_zone.main { margin: 0 auto 5%; } 
 .search_zone.main .search_box .btn_find { right: 4%; width: 3%; } 
 .search_zone.main .search_box input { line-height: 0.5; padding: 2% 5%; } 
 .ebk_list li { padding: 2% 0; } 
 .ebk_list .no_serch { font-size: 14px; padding: 18% 0; } 
 .ebk_list li .b_img { margin-right: 2%; margin-left: 0%; width: 14%; } 
 .ebk_list li .b_img a img.bookimg { width: 100%; height: 100%; } 
 .ebk_list li .b_info { width: calc(100% - 14%); } 
 .ebk_list li .b_info dl dd:last-child .book_btn { padding-right: 0%; padding-left: 8%; } 
 .ebk_list li .b_info .book_info_wrap .book_info_top { width: 60%; } 
 .ebk_list li .b_info .book_info_wrap .book_info_bot { width: calc(100% - 60%); } 
 [class*=mg_popup_wrap] .content_area .content_inner.price_pop { padding: 4% 2%; } 
 [class*=mg_popup_wrap] .m_tit { font-size: 26px; margin-bottom: 2%; } 
 .price_pop .m_con li { padding: 1% 0; padding-left: 0px; } 
 .price_pop .m_con li .book_info_wrap { margin-right: 2%; width: 8vw; } 
 .price_pop .m_con .radio_wrap li { padding: 4px 0; } 
 .price_pop .radio_wrap { padding-right: 0px; } 
 .price_pop .radio_wrap li .book_date_wrap { width: 81%; } 
 .price_pop .radio_wrap li .book_date_wrap label { width: 15%; } 
 .price_pop .radio_wrap li .book_date_wrap .book_name { width: 85%; } 


 /* con3 */
 .evCon3 .eventVideo { margin-bottom: 3%; } 
 .eventWrap .evCon3 .inner { padding: 10% 0; } 
 .evCon3 .point_btn { gap: 10px; flex-wrap: wrap; width: 500px; margin: 0 auto; } 

 /* con4 */
 .eventWrap .evCon4 .inner { padding: 4% 0 4%; } 
 .evCon4 .buy_wrap { gap: 7%; } 
 .evCon4 .buy_wrap .btn_wrap { width: 19%; text-align: center; } 
 .evCon4 .buy_btn a { width: 94%; padding: 6% 0%; margin-top: 3%; } 
 .evCon4 .buy_wrap .buy_text { width: 47%; } 
 .evCon4 .buy_wrap .buy_text_head p { font-size: clamp(19px,3vmin,22px); } 
 /* .evCon4 .buy_wrap .buy_text_head .cau_pop { font-size: clamp(13px,2.5vmin,12x); padding: 1.5% 5%; } */
 .evCon4 .buy_wrap .buy_text_head { gap: 4%; margin-bottom: 3%; } 


 /* con5 */
 .eventWrap .evCon5 .inner { padding: 11% 0 12%; } 
 .evCon5 .small_span { font-size: clamp(14px,2.5vmin,16px); width: 100%; } 

 /* g_tab */
 .g_tab { height: inherit; margin: 0 11%; } 
 .g_tab li { display: block; } 
 .g_tab li .left_tab { width: 100%; padding: 2%; font-size: clamp(15px,2.5vmin,18px); } 
 .g_tab li .right_tab { position: relative; width: 100%; padding: 2%; line-height: 1.4; font-size: clamp(14px, 2.1vmin, 18px); } 
 .g_tab li .right_tab .a_tit { margin-bottom: 1%; font-size: 24px; } 
 .g_tab li.on .left_tab .arr_qa { display: none; } 
 .g_tab li .left_tab .arr_qa_mo.on { display: block; } 
 .g_tab li .left_tab .arr_qa_mo.off { display: none; } 
 .g_tab li.on .left_tab .arr_qa_mo.on { display: none; } 
 .g_tab li.on .left_tab .arr_qa_mo.off { display: block; } 
 .g_tab li .left_tab > div { gap: clamp(5px,1.5vmin,15px); } 


 /* 20240415 add */
 .price_pop .link_box { padding: 15px 5px; gap: 10px; } 
 .price_pop .link_box li.app { gap: 2px; } 
 .evCon3.new .tab_base li a { font-size: clamp(15px,2vmin,22px); line-height: clamp(50px, 10vmin,100px); } 
 .evCon3.new .panel_base { padding: 10% 0 0; } 
 .evCon3.new .info_box { padding: 6% 0 3%; } 
 .evCon3.new .info_box li { gap: clamp(8px,1vmin,10px); font-size: clamp(12px,1.4vmin,14px); } 
 .evCon3.new .panel_base .panel_tit { font-size: clamp(13px,2vmin,20px); margin-bottom: 8%; } 
 .evCon3.new .panel_base section:not(:first-of-type) { padding: 15% 0; } 
 .evCon3.new .panel_base section .section_tit { font-size: clamp(21px,4vmin,36px); margin-bottom: 6%; } 
 .evCon3.new .panel_base section .way_list { gap: 10px 0; } 
 .evCon3.new .panel_base section .way_list li { width: 49%; overflow: hidden; border-radius: 10px; } 
 .evCon3.new .tab_base:has(li.on:first-child) + .panel_base .way_list li:last-child { width: 100%; } 
 .evCon3.new .panel_base section .btn_box { margin: 2% auto 0; } 
 .evCon3.new .g_tab .small_span { font-size: clamp(11px,1.6vmin,16px); width: 100%; } 
 .evCon3.new .g_tab li .left_tab > div br { display: none; } 
 .evCon3.new .panel_base section .btn_box li a { font-size: clamp(13px, 1.4vmin, 14px); } 

/* 250401 */
.eventWrap.ver_2504 .evCon3 .inner {
    padding: 10% 0 0;
}
.ver_2504 .evCon3 .info_box {
    padding: 1% 0 5%;
}
 }


@media screen and (max-width: 992px) { /* con1 */
 .evCon1 .swiper_basic2_wrap { gap: 1%; } 
 .evCon1 h3 { line-height: 1.2; width: 47%; } 
 .swiper_basic2 { width: 60%; } 
 .evCon1 .bnr_con1 { gap: 4%; } 
 .evCon1 .bnr_con1 .left_text { padding: 0% 2%; width: 18%; } 
 .evCon1 .bnr_con1 .center_text { width: 49%; gap: 22px; } 
 .evCon1 .bnr_con1 .right_btn a { padding: 5% 20px; } 

 /* con2 */
 .sortTab li.on::after { bottom: -13%; height: 3px; } 
 .search_zone.main .search_box .btn_find { width: 4%; } 
 .ebk_list li .b_img { width: 18%; } 
 .ebk_list li .b_info { width: calc(100% - 18%); } 
 .ebk_list li .b_info .book_info_wrap .book_info_top { width: 64%; } 
 .ebk_list li .b_info .book_info_wrap .book_info_bot { width: calc(100% - 64%); } 
 .ebk_list li .b_info dl dt { margin-bottom: 1%; font-size: 15px; } 
 .ebk_list li .b_info dl dd:last-child .book_btn { padding-left: 5%; } 
 .ebk_list li .b_info dl dd:last-child .book_btn span { font-size: 18px; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .btn { gap: 4px; } 

 .mfp-zin.mfp-ready .z-anim { padding: 0 20px; } 
 [class*=mg_popup_wrap] button.mfp-close, [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-arrow { right: 20px; } 
 .price_pop .m_con li .book_info_wrap { width: 11vw; } 
 .price_pop .pay_btn_wrap { gap: 1%; margin-left: 0px; } 

 /* con4 */
 .evCon4 .buy_wrap .btn_wrap { width: 25%; } 
 .evCon4 .buy_btn a { font-size: 15px; } 
 .evCon4 .buy_wrap .buy_text { width: 50%; } 
 .evCon4 .buy_wrap .buy_text_body { font-size: 14px; } 

 /* g_tab*/
 .g_tab { margin: 0 6%; } 
 }


@media screen and (max-width: 768px){
 .clamp-title3 { font-size: clamp(26px, 7.4vmin, 58px); } 

 /* con1 */
 .evCon1 .swiper_basic1 .swiper-slide { height: 112vw; } 
 .evCon1 .swiper_basic2_wrap { display: block; } 
 .evCon1 h3 { width: 100%; padding-left: 7%; margin-bottom: 8%; line-height: 1.3; } 
 .swiper_basic2 { width: 86%; margin: auto; } 
 .evCon1 .swiper_basic2 .swiper-slide .sd_text { font-size: clamp(15px, 3.5vmin, 24px); line-height: 1.4; } 
 .evCon1 h3 .text_b { margin-top: 1%; } 
 .evCon1 .bnr_con1 { margin: auto; width: 100%; border-radius: 0px; padding: 3% 0px; gap: 0%; } 
 .evCon1 .bnr_con1 .left_text { width: 20%; font-size: clamp(15px, 2.3vmin, 16px); } 
 .evCon1 .bnr_con1 .center_text { width: 67%; } 
 .evCon1 .bnr_con1 .center_text .point_head { font-size: clamp(20px, 2.6vmin, 24px); } 
 .evCon1 .bnr_con1 .center_text .img_wrap { width: 20%; } 
 .evCon1 .bnr_con1 .right_btn { width: 8%; display: flex; justify-content: center; } 
 .evCon1 .bnr_con1 .right_btn a { font-size: 20px; font-weight: 300; padding: 5%; width: 7vw; height: 7vw; justify-content: center; align-items: center; } 

 .sortTab { gap: 7%; font-size: clamp(15px, 3.5vmin, 22px); margin-bottom: 7%; } 
 .search_zone.main .search_box { width: 96%; } 
 .book_ajax { margin-top: 7%; } 

 /* .tab_box .lecTab_wrap { gap: 14px; } */
 .tab_box { flex-wrap: wrap; } 
 .tab_box .tab_top_tit { width: 100%; padding: 2% 0; } 
 .tab_box .lecTab_wrap { width: 100%; padding: 2% 1%; } 

 .price_pop .m_con li { flex-wrap: wrap; padding: 2% 0 1%; } 
 .price_pop .m_con li .book_info_wrap { width: 100%; justify-content: flex-start; } 
 .price_pop .m_con li .radio_wrap li { flex-wrap: nowrap; } 
 .price_pop .m_con li .book_info_wrap br { display: none; } 
 .price_pop .radio_wrap { width: 100%; } 
 .price_pop .radio_wrap li .book_date_wrap { flex-wrap: wrap; gap: 0px; } 
 .price_pop .radio_wrap li .book_date_wrap .book_name { font-size: 12px; margin-left: 2%; margin-bottom: 1%; } 
 .price_pop .m_con li:nth-child(1) .radio_wrap li .book_date_wrap .book_name { margin-left: 0%; margin-bottom: 0%; } 
 .price_pop .radio_wrap li .book_date_wrap label { font-size: 12px; width: 100%; text-indent: 5.5%; } 
 .price_pop .sconn_ticket { padding: 4% 2%; } 

 .ebk_list li { padding: 4% 2%; } 
 .ebk_list li .b_img { width: 27%; margin-bottom: 11%; margin-right: 4%; } 

 .ebk_list li .b_info .book_info_wrap { flex-wrap: wrap; align-content: space-between; height: 100%; } 
 .ebk_list li .b_info .book_info_wrap .book_info_top { width: 100%; height: 46%; } 
 .ebk_list li .b_info .book_info_wrap .book_info_bot { width: 100%; height: 54%; padding-top: 0px; } 
 .ebk_list li .b_info dl dd:last-child .book_btn { width: 100%; border: none; padding-left: 0%; gap:4%; align-content: space-between; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .price { width: 100%; height: calc(100% - 60%); align-content: flex-end; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .price li { justify-content: flex-start; gap: 7%; } 
 .ebk_list li .b_info dl dd.athr { margin-bottom: 0px; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .price_info_wrap { font-size: clamp(14px, 2vmin, 16px); font-weight: 400; } 

 .ebk_list li .b_info dl dd:last-child .book_btn .btn { width: 100%; height: 37%; gap: 2%; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .btn a { padding: 2.5% 0; display: flex; justify-content: center; align-items: center; font-size: clamp(14px, 2vmin, 16px); } 
 .ebk_list li .b_info dl dd:last-child .book_btn span { font-size: clamp(15px, 2.5vmin, 18px); } 

 .paging { margin-top: 4%; } 

 /* con3 */
 .evCon3 .point_btn { width: 100%; max-width: 500px; } 

 /* con4 */
 .evCon4 .buy_wrap { gap: 5%; } 
 .evCon4 .buy_wrap .btn_wrap { width: 30%; } 
 .evCon4 .buy_wrap .buy_text { width: 63%; } 

 /* g_tab */
 .g_tab { margin: 0 0%; } 
 .g_tab li .right_tab { padding: 2% 2% 3%; } 
 .g_tab .left_tab > div { width: 80%; } 
 .g_tab li .left_tab .q_tit { font-size: 19px; } 
 .g_tab li .right_tab .a_tit { font-size: 19px; } 

 /* edit */
 .price_pop .radio_wrap li .book_date_wrap label.lab_css_none { text-indent: 1.5%; } 
 .price_pop .radio_wrap li .book_date_wrap .book_name { width: 100%; } 

 /* 20240415 add */
 .evCon3.new .info_box { flex-wrap: wrap; flex-direction: column-reverse; } 
 .evCon3.new .info_box .illu { margin: 0 auto 2%; width: min(70vmin,379px); } 
 .evCon3.new .panel_base section .way_list li img {max-width: 130%;margin-left: -15%;} 
 .evCon3.new .panel_base section .way_list li:last-child img {max-width: 130%;margin-left: -15%;} 
 }

@media screen and (max-width: 576px){
 .clamp-title3 { font-size: clamp(31px, 7.4vmin, 58px); } 

 /* con1 */
 .evCon1 .swiper_basic1 .swiper-slide { height: 124vw; } 
 .eventWrap .evCon1 .swiper-pagination { bottom: 5%; } 
 .evCon1 h3 { padding-left: 5%; } 
 .swiper_basic2 { width: 100%; } 
 .evCon1 .bnr_con1 { padding: 5% 0px; } 
 .evCon1 .bnr_con1 .left_text { padding: 0% 1%; width: 23%; font-size: clamp(14px, 2.3vmin, 16px); } 
 .evCon1 .bnr_con1 .center_text { width: 55%; justify-content: flex-start; margin-left: 3%; } 
 .evCon1 .bnr_con1 .center_text .point_head { font-size: clamp(16px, 2.6vmin, 24px); } 
 .evCon1 .bnr_con1 .center_text .img_wrap { display: none; } 
 .evCon1 .bnr_con1 .right_btn a { width: 9vw; height: 8vw; } 

 .sortTab { gap: 8%; font-size: clamp(17px, 3.5vmin, 22px); margin-bottom: 8%; } 
 .sortTab li.on::after { bottom: -15%; height: 2px; width: 11vw; } 
 .search_zone.main .search_box input { font-size: 13px; } 
 .tab_box .tab_top_tit { font-size: 14px; font-weight: 600; } 
 .tab_box .lecTab_wrap { gap: 16px; padding: 4% 1%; } 

 .ebk_list li { padding: 4% 0%; } 
 .ebk_list .no_serch { font-size: 13px; } 
 .ebk_list li .b_img { width: 29%; margin-right: 3%; } 
 .ebk_list li .b_img span { width: 38%; } 
 .ebk_list li .b_info .book_info_wrap .book_info_top { height: 42%; } 
 .ebk_list li .b_info dl dt { margin-bottom: 2%; font-size: 13px; line-height: 1.2; -webkit-line-clamp: 1; } 
 .ebk_list li .b_info dl dd:last-child .book_btn span { font-size: clamp(14px, 2.5vmin, 18px); } 
 .ebk_list li .b_info dl dd:last-child .book_btn { gap: 0%; align-content: end; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .price { gap: 0px; margin-bottom:5%; } 
 .ebk_list li .b_info dl dd:last-child .book_btn .price_info_wrap { font-size: clamp(13px, 2vmin, 16px); } 
 .ebk_list li .b_info dl dd:last-child .book_btn .btn a { font-size: clamp(13px, 2vmin, 16px); } 
 .mfp-zin.mfp-ready .z-anim { padding: 0 4%; } 
 [class*=mg_popup_wrap] .m_tit { font-size: 22px; margin-bottom: 4%; } 
 .price_pop .radio_wrap li .book_date_wrap { width: 100%; gap: 3px; } 
 .price_pop .m_con li:nth-child(1) .radio_wrap li { align-items: end; } 
 .price_pop .same_lec_wrap ul li { font-size: 12px; } 
 .price_pop .cau_noti { font-size: 11px; line-height: 1.3; } 

 /* con3 */
 .evCon3 .point_btn { gap: 5px; } 
 .evCon3 .point_btn li { width: calc(25% - 5px); } 
 .evCon3 .point_btn li a img { border-radius: 10px; border: 3px solid #ffffff; } 
 .evCon3 .point_btn li.on a img { border-radius: 10px; border: 3px solid #46a1fc; box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.3); } 

 /* con4 */
 .eventWrap .evCon4 .inner { padding: 7% 0 7%; } 
 .evCon4 .buy_wrap { display: block; } 
 .evCon4 .buy_wrap .btn_wrap { width: 100%; padding: 0 28%; } 
 .evCon4 .buy_wrap .buy_text_head p { font-size: clamp(16px, 3vmin, 22px); } 
 .evCon4 .buy_wrap .buy_text { width: 100%; margin-top: 4%; text-align: center; } 
 .evCon4 .buy_wrap .buy_text_head { justify-content: center; } 
 .evCon4 .buy_wrap .buy_text_head p { font-size: clamp(17px, 3vmin, 22px); } 
 .evCon4 .buy_wrap .buy_text_head .cau_pop { padding: 3px 4px; } 
 .evCon4 .buy_wrap .buy_text_body { font-size: 13px; } 
 .evCon5 .small_span { font-size: clamp(12px, 2.5vmin, 16px); } 

 /* g_tab */
 .g_tab li .left_tab .q_tit { font-size: 17px; } 
 .g_tab li .left_tab { font-size: clamp(13px, 2.5vmin, 18px); } 
 .g_tab .left_tab > div { width: 97%; } 
 .g_tab li .left_tab .q_tit { font-size: 15px; } 
 .g_tab li .right_tab { font-size: clamp(13px, 2.1vmin, 18px); } 
 .g_tab li .right_tab .a_tit { font-size: 18px; } 
 .g_tab li .left_tab .arr_qa_mo { width: 4%; } 
 
 /* edit */
 .price_pop .radio_wrap li .book_date_wrap label { text-indent: 7.5%; } 
 .price_pop .radio_wrap li .book_date_wrap label.lab_css_none { text-indent: 0%; width: 85%; } 
 .price_pop .radio_wrap li .book_date_wrap .book_name { margin-bottom: 0%; } 

 /* 20240415 add */
 .mypage_popup { height: auto; overflow-y: visible; } 
 .mypage_popup .panel_base { height: clamp(250px,35vmin, 350px); } 
 .evCon3.new .panel_base section .btn_box { justify-content: center; margin-top: 7%; } 


 .price_pop .link_box { flex-direction: column; gap: 15px; } 
 .price_pop .link_box li a { width: 45%; } 
 }