@charset "euc-kr"; :root { --point-color1:#ff0e79; --point-color2:#051920; --point-color3:#b793a6; --point-color4:#300c1e; --point-color5:#ff4800; } 

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #304956; font-size: 0; right: -41px; } 
.flt_inner.renewal li.top { margin-top: 0; } 
.eventWrap .lecture { padding-bottom: 0 !important; background: #fff;} 
.eventWrap .vodchr_banner { margin-bottom: 0; } 
.eventWrap .pocket_pop { z-index: 4; } 
.eventWrap .fff{color:#fff}


/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* popup */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99 } 

/* url popup */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold } 
.dim_popup.sns table { font-size: 14px } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0 } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px } 

/* °øÅë */
.evSection br.mo_for { display:block; } 
.evSection .tiny_noti { text-align:right } 

.point_color { color: #00a1f1 } 
.line_point { display: inline-block; font-weight: 300; position: relative; z-index: 0 } 
.line_point::before { content: ""; display: block; width: 100%; height: 54%; background: #ddd; position: absolute; left: 50%; top: 51%; transform: translate(-50%, -50%); z-index: -1 } 
.line_point.blue_color::before { background: #9ce2fc } 
.line_point.yel_color::before { background: #ffe174 } 
.line_point.yel_color2::before { background: #ffea9d; height: 78% } 

.chk_point { position: relative } 
.chk_point::before { content: ""; display: block; width: 15px; height: 15px; position: absolute; left: -23px; top: 8px; background: url(https://image.megagong.net/m/2023/1222_allawyer/chk_obj.png) no-repeat center center; background-size: cover } 
.tiny-noti { color: #666; font-size: 13px; text-align: right; display: block; margin-top: 15px } 

/* pop */
.certifi_pop .pop_wrap { width: 680px; position:fixed; top:50%; left:50%; background-color:#fff; z-index:93; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:13px; box-sizing:border-box; padding:45px 25px 0 } 
.certifi_pop .popinner { padding: 0; position:relative; /* font-size:13px; */padding: 80px 43px } 
.certifi_pop .btn_popclo { position:absolute; top:7px; right: -50px; display:block; font-size:0; line-height:0; width: 39px; height: 40px } 
.certifi_pop .btn_popclo::before { display: inline-block; content: "\00d7"; font-size:60px; color: #fff } 
#Popalarm .pop_wrap { width:570px; text-align:center } 
#Popalarm.certifi_pop .tit { position:relative; text-align: left; margin-bottom: 0; border-bottom: 1px solid #acacac; padding: 14px 14px } 
#Popalarm.certifi_pop .write_info { margin:30px auto; overflow: hidden; background:#fafafa; padding:10px; box-sizing:border-box } 
#Popalarm.certifi_pop .write_info span { vertical-align:top } 
#Popalarm.certifi_pop .write_info span input { width: 45%; height:46px; padding: 8PX; border: 1px solid #9e9e9e } 
#Popalarm.certifi_pop .btnbox { margin-bottom: 42px; text-align: center; overflow: hidden } 
#Popalarm.certifi_pop .btnbox .reserv_cancle { margin-left:18px } 
#Popalarm.certifi_pop .certifi_btn { display:block; background:#1b30b8; width:300px; height:45px; line-height:45px; color:#fff; font-size:18px; text-align:center; margin:0 auto 0 } 
#Popadmin.certifi_pop .t_border1 { border-top: 1px solid #ddd } 
#Popadmin.certifi_pop .t_border1 td a { color:#1b30b8 } 
#Popalarm.certifi_pop .cautn { text-align: left; margin:0 20px 30px } 
#Popalarm.certifi_pop .cautn a { color: #f76c25; font-weight: bold } 

.evSection:not(.event) .con_tit { font-size: 28px; margin: 0 0 60px; font-weight:900; color: var(--point-color2); } 
.evSection .con_tit.wht { color: #fff; } 
.evSection .con_tit .evt { display: block; } 
.evSection .con_tit .tiny { display:block; padding: 15px 0 0; font-weight: normal; } 
.evSection .con_tit .tiny.top { padding: 0 0 10px; } 
.evSection .bigt { display:block; font-weight: bold; line-height: 1.3; font-size: 42px; /* color: #fff; */ } 
.evSection .bigt .dot { font-size: 0.4em; font-style: normal; padding: 0 11px; display: inline-block; vertical-align: middle; margin: -6px 0 0; } 
.evSection .bigt.wht { color:#fff } 
.evSection .bigt.grd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.evSection .bigt .stgrd { background-image:var(--pt-gradi-color); background-clip:text; -webkit-background-clip:text; color:transparent } 
.eventWrap .tit_point { margin: 0 0 40px; font-size: 22px; font-weight: 200; color: var(--point-color3); } 


.evSection .con_tit .tiny { opacity:0.5; font-weight: 200; } 


.eventWrap .tit_point strong { font-weight:900 } 
.eventWrap .tit_line { position: relative; margin-bottom: 45px; } 
.eventWrap .tit_line::before { content: ''; display: block; width: 100%; height: 1%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.3; } 
.eventWrap .tit_line span { position: relative; padding: 0px 35px; background: inherit; border-radius: 30px; font-size: 24px; font-weight: bold; } 



.eventWrap .evSection:not(.evtoggleWarning,.evCon1) { padding: 165px 0; } 

.swiper-pagination-bullet-active { background:#000 } 
.swiper-pagination.wht .swiper-pagination-bullet { background:#fff } 

/* con1 */
.evSection.evCon1 { background: #072635 url(https://image.megagong.net/m/2024/0130_avantage78/con_img7_2.jpg) no-repeat center 0; text-align: center; padding: 0 0 94px; } 
.evCon1 h3 { text-align: left; position: relative; margin: 0 -30px 0 0; } 
.evCon1 h3 span { display: block; position: absolute; top: 27px; left: 0; } 
.evCon1 h3 strong { display: block; } 
.evCon1 .home { position: absolute; bottom: 253px; width: 33%; height: 10%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; z-index: 1; justify-content: flex-start; } 
.evCon1 .home li { width: 60%; height: 100%; } 
.evCon1 .home li:nth-child(2) { width: 40%; } 
.evCon1 .home li a { display: block; font-size: 0; width: 100%; height: 100%; background: #000; opacity: 0; } 
.evCon1 .tiny_noti { position: absolute; bottom: 20px; right: 40px; } 
.evCon1 .titRoll_wrap { display: flex; color: #fff; font-size: 35px; font-weight: bold; justify-content: center; align-items: center; } 
.evCon1 .ev1_slider { height: 50px; overflow: hidden; text-align: right; } 
.evCon1 .another { margin: 0 0 0 10px; font-weight: 200; } 

/* con2 */
.evSection.evCon2 { position: relative; background: #041924; color: #fff; } 
.evCon2 .charact_wrap { display: flex; justify-content: center; align-items: center; margin: 0 0 25px; } 
.evCon2 .charact_wrap li + li { position: relative; box-shadow: -20px 0px 20px 0px rgba(0,0,0,0.5); } 
.evCon2 .charact_wrap li + li::before { content:''; position: absolute; top: 50%; left: -25px; width: 50px; height: 55px; background: url(https://image.megagong.net/m/2024/0130_avantage78/con_img10.png) no-repeat center 0; margin: -23px 0 0; } 
.evCon2 .charact_wrap + .tiny_noti { padding: 0 60px 0 0; opacity: 0.5; } 
.evCon2 .tit_line { color: #fff; } 
.evCon2 .tit_line::before { background: #fff; } 
.evCon2 .tit_line span { color: #fff; background: #041924; } 

/* con3 */
.evSection.evCon3 { background: #f3f7fa; } 
.evCon3 .tit_line::before { background:#c4d3d9; opacity: 1; } 
.evCon3 .tab_base { clear: both; width:100%; font-size: 20px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; border-bottom: 3px solid var(--point-color1); margin: 0 0 45px; } 
.evCon3 .tab_base:after { content:''; display:block; clear:both; } 
.evCon3 .tab_base > li { flex: 1; } 
.evCon3 .tab_base.col3 > li { width:33.333%; } 
.evCon3 .tab_base > li a { display:block; color:#111; height: 80px; display: flex; align-items: center; justify-content: center; color: #767676; background: #051924; font-weight: bold; border-radius: 10px 10px 0 0; } 
.evCon3 .tab_base > li.on a { background-color: var(--point-color1); color:#fff; } 
.evCon3 .eventVideo { margin: 0 0 105px; } 
.evCon3 .charact_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } 
.evCon3 .charact_wrap li { background-color: #fff; } 
.evCon3 .ev3_charactSl { margin: 0 0 200px; position: relative;overflow: hidden; } 
.evCon3 .ev3_charactSl .swiper-wrapper { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; gap: 20px; } 
.evCon3 .ev3_charactSl .swiper-slide {flex: 1;} 
.evCon3 .ev3_charactSl .item { border: 1px solid #c4d3d9; border-radius: 12px; background: #f5f9fa; padding: 48px 0; } 
.evCon3 .ev3_charactSl:not(.swiper-initialized) .swiper-pagination { display:none } 
.evCon3 .book_info { position: relative; background: #e2eaed; margin: 0 0 70px; } 
.evCon3 .book_info:before { content:''; position: absolute; top: 0; left: 100%; width: 1500px; height: 100%; background: #e2eaed; } 
.evCon3 .book_info:after { content:''; position: absolute; top: 0; right: 100%; width: 1500px; height: 100%; background: #e2eaed; } 
.evCon3 .book_info .book { position: absolute; bottom: 0; left: -155px; z-index: 1; } 
.evCon3 .book_info .info_wrap { padding: 65px 0 65px 470px; text-align: left; } 
.evCon3 .book_info .info_wrap p { font-size: 22px; margin: 0 0 30px; } 
.evCon3 .book_info .info_wrap p strong { display: block; } 
.evCon3 .book_info .info_wrap p strong b { color:var(--point-color1) } 
.evCon3 .ev3_charactSl_2 { margin: 0 27px 0 0; text-align: center; overflow: hidden; display: flex; gap: 20px; } 
.evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-wrapper { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; gap: 20px; } 
.evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-slide { width: calc(33.3% - 20px); } 
.evCon3 .ev3_charactSl_2 .item { border: 1px solid #b8c9d0; border-radius: 100%; background: #0c364c; color: #94a2a5; width: 170px; height: 170px; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.evCon3 .ev3_charactSl_2 .item strong { color: #fff; } 
.evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-pagination { display:none } 
.evCon3 .ev3sl3_wrap { position: relative; margin: 0px -80px; padding: 0 80px; } 
.evCon3 .ev3_charactSl_3 { position: relative; overflow: hidden; padding: 50px 0; } 
.evCon3 .ev3_charactSl_3 .item { position: relative; background: #fff; padding: 0 0 0 520px; height: 390px; border-radius: 8px; text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } 
.evCon3 .ev3_charactSl_3 .item .book { position: absolute; top: -50px; left: 70px; } 
.evCon3 .ev3_charactSl_3 .item .tit { font-weight: bold; font-size: 20px; margin: 0 0 20px; } 
.evCon3 .ev3_charactSl_3 .item ul { font-size: 16px; opacity: 0.7; line-height: 1.5; } 
.evCon3 .ev3_charactSl_3 .item ul li { position: relative; padding-left: 10px; } 
.evCon3 .ev3_charactSl_3 .item ul li + li { margin: 15px 0 0; } 
.evCon3 .ev3_charactSl_3 .item ul li::before { content:''; position: absolute; top: 12px; left: 0; width: 3px; height: 3px; background: #000; border-radius: 100%; opacity: 0.7; } 
.evCon3 .swiper-button-next.ev3sl3_next { width:50px; right: 0; z-index: 1; } 
.evCon3 .swiper-button-prev.ev3sl3_prev { width:50px; left: 0; z-index: 1; } 
.evCon3 .swiper-button-next.ev3sl3_next:after { display:none } 
.evCon3 .swiper-button-prev.ev3sl3_prev:after { display:none } 
.evCon3 .tit_line { margin: 0 0 35px; } 
.evCon3 .tit_line span { background: #f3f7fa; color: var(--point-color2); } 


/* con4 */
.evSection.evCon4 { background: #0b364b; } 
.evCon4 .ev4_charactSl { overflow: hidden; padding: 30px 0 30px; } 
.evCon4 .ev4_charactSl .swiper-slide { border-radius: 12px; background: #fff; opacity: 0; } 
.evCon4 .ev4_charactSl .swiper-slide.swiper-slide-prev { opacity:1; } 
.evCon4 .ev4_charactSl .swiper-slide.swiper-slide-next { opacity:1; } 
.evCon4 .ev4_charactSl .swiper-slide { background:#072736 } 
.evCon4 .ev4_charactSl .swiper-slide.swiper-slide-active { opacity:1; box-shadow: 0px 0px 30px 0px rgba(0,0,0,85%); margin: 60px 0 0; z-index: 1; background:#fff } 
.evCon4 .ev4_charactSl .item { color:#667175; height: 410px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.6; font-size: 16px; } 
.evCon4 .ev4_charactSl .item strong { color:#828d93 } 
.evCon4 .ev4_charactSl .swiper-slide.swiper-slide-active .item { color:#7a8285; } 
.evCon4 .ev4_charactSl .swiper-slide.swiper-slide-active .item strong { color:#47484a } 
.evCon4 .ev4_charactSl .item .auth { display: flex; flex-direction: column; align-items: center; padding: 30px 0 0; font-size: 13px; } 
.evCon4 .ev4_charactSl .item .auth img { display: block; margin: 0 0 5px; opacity:0.3 } 
.evCon4 .ev4_charactSl .swiper-slide.swiper-slide-active .item .auth img { opacity:1 } 
.evCon4 .ev4_charactSl .swiper-pagination { display:none } 
.evCon4 .tiny_noti { color:#fff; opacity:0.3 } 
.evCon4 .point { padding: 40px 0 40px; } 


/* con5 */
.evSection.evCon5 { background: #d8ecf3 url(https://image.megagong.net/m/2024/0130_avantage78/con_img22.jpg) no-repeat center 0; } 
.evCon5 .con_tit .tiny { font-size:23px } 
.evCon5 a { display: flex; font-size: 20px; background: rgba(255,255,255,0.1); border: 1px solid #e1ebf6; border-radius: 12px; padding: 43px 0 40px; flex-direction: column; align-items: center; letter-spacing: 0; margin: 0 160px 0; box-shadow: 0px 30px 50px -10px rgba(0,0,0,0.1); } 
.evCon5 a .point { margin: 0 0 33px; font-weight: bold; letter-spacing: 0.5em; } 
.evCon5 a .go { font-size: 17px; padding: 35px 0 0; color: #174961; font-weight: bold; } 
.evCon5 a .go i { border: 2px solid #174961; width: 8px; height: 8px; display: inline-block; transform: rotate(45deg); border-width: 2px 2px 0 0; vertical-align: middle; margin: -4px 0 0 5px; } 


/* con7 */
.evSection.evCon7 { background: #072737; } 
.evCon7 .con_tit { margin: 0 0 30px; } 
.evCon7 .tit_point { color: #fff; font-weight: 100; } 
.evCon7 .tit_point .line { font-weight: bold; padding: 0 0 3px; border-bottom: 1px solid #fff; } 
.evCon7 .info_date { background: #23495c; color: #fff; font-size: 20px; letter-spacing: 0; display: inline-flex; padding: 25px 95px; line-height: 1; border-radius: 50px; margin: 0 0 40px; } 
.evCon7 .goods { margin: 0 0 80px; } 
.evCon7 a { margin: 0 auto; display: block; } 
.evCon7 .schedule_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border-left: 1px solid #ddd; padding: 30px 0 0; } 
.evCon7 .schedule_wrap li { flex: 1; display: flex; flex-direction: column; align-items: stretch; border: 1px solid #ddd; border-left: 0; } 
.evCon7 .schedule_wrap li.today { border: 2px solid #000; } 
.evCon7 .schedule_wrap li .s_date { background: #eaeaea; border-bottom: 1px solid #ddd; padding: 6px 0; line-height: 1; } 
.evCon7 .schedule_wrap li .wrap { position: relative; display: block; padding: 10px 0 10px; height: 100%; } 
.evCon7 .schedule_wrap li .wrap a { display: block; } 
.evCon7 .schedule_wrap li .wrap .end { background: #fffc url(https://image.megagong.net/m/2024/0125_allawyer/con_img12.png) no-repeat center center; font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } 
.evCon7 .schedule_wrap li .wrap .soon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1; } 


/* con6 */
.evSection.evCon6 { background: #f5f5f5; } 
.evCon6 .schedule_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border-left: 1px solid #ddd; padding: 30px 0 0; margin: 0 0 10px; } 
.evCon6 .schedule_wrap li { flex: 1; display: flex; flex-direction: column; align-items: stretch; border: 1px solid #ddd; border-left: 0; } 
.evCon6 .schedule_wrap li.today { border: 2px solid #000; } 
.evCon6 .schedule_wrap li .s_date { background: #eaeaea; border-bottom: 1px solid #ddd; padding: 6px 0; line-height: 1; } 
.evCon6 .schedule_wrap li .wrap { position: relative; display: block; padding: 10px 0 10px; height: 100%; } 
.evCon6 .schedule_wrap li .wrap .not_ok { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #daf1d6; } 
.evCon6 .schedule_wrap li .wrap a { display: block; } 
.evCon6 .schedule_wrap li .wrap .end { background: #fffc url(https://image.megagong.net/m/2024/0125_allawyer/con_img12.png) no-repeat center center; font-size: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } 
.evCon6 .schedule_wrap li .wrap .soon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1; } 
.evCon6 .schedule_wrap + .tiny_noti { text-align:right } 
.evCon6 .event_gift { margin-bottom: 55px } 
.evCon6 .goods { display: flex; justify-content: center; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 35px; margin: 0 0 80px; } 
.evCon6 .goods li { flex: 1; } 
.evCon6 .goods li span { display:block; color: #fff; padding: 20px 0 0; line-height: 1.6; } 
.evCon6 .goods li span b { display:block } 

.evCon8 { background: #ff5090; } 
.evCon8 .con_tit .end::after { background: #ff91b9; } 
.evCon8 .con_tit { margin: 0 0 30px; } 
.evCon8 .tit_point { color: #fff; } 
.evCon8 .tit_point strong { font-weight: 700; } 
.evCon8 .tit_point strong .line { border-bottom: 1px solid; } 
.evCon8 .info_date { background: #ff7aab; border-radius: 100px; font-size: 20px; padding: 20px 0; font-weight: 200; margin: 0 0 80px; } 
.evCon8 .info_date p { display: inline-block; margin-left: 35px; } 
.evCon8 .info_date p:first-child { margin: 0 0; } 



/* cau */
.eventWrap .evWarning .inner { padding: 0 } 
.eventWrap .evWarning { padding: 65px 0 } 
.warningList > li { margin-top: 3px } 
.warningList > li.w_tit { font-weight: 800 } 
.warningList li ul li a { padding: 2.5px 0px } 
.warningList li ul li a.tp1 { color: #ac1563; text-decoration: underline; } 

.lecture { padding-bottom: 0 !important; background: #fff } 

.gallery_lst ul li .img:before { display: none; } 


.eventWrap .layerPopup { position:fixed; left:0; top:0; width:100%; height:100%; z-index:100; } 
.eventWrap .layerPopup .dimBg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; } 
.eventWrap .layerPopup .contentBox { position: absolute; width: 850px; letter-spacing: -0.08em; line-height: 1.3; background: #fff; top: 50%; left:50%; transform: translate(-50%,-50%); } 
.eventWrap .layerPopup .contentBox .pop_box { padding: 50px 60px 40px; position: relative; max-height: 800px; overflow: hidden; overflow-y: auto; } 
.eventWrap .layerPopup .contentBox .pop_box .megaggoarimy .tab_btn { display: none; } 
.eventWrap .layerPopup .contentBox .pop_box .jeonhangil .char_zone+.tiny_txt { display: none; } 
.eventWrap .layerPopup .btnClose { position:absolute; top: -40px; right: 0; display:block; font-size: 13px; line-height: 33px; width: 75px; height:35px; border: 1px solid #fff; color: #fff; } 
.eventWrap .layerPopup .btnToday { position:absolute; bottom:-30px; right:32px; padding:0 15px; height:30px; line-height:30px; background:#000; color:#fff; font-weight:bold; } 
.char_zone { display: none; } 
.teaCurr .tbl_wrp { margin-bottom: 20px; } 
.teaCurr .tbl { border-bottom: 1px solid #333; border-top: 1px solid #333 } 
.eventWrap .layerPopup .contentBox .pop_box .curr_tab li { background: #ededed; width: 50%; float:left; font-size: 18px; color: #444; } 
.eventWrap .layerPopup .contentBox .pop_box .curr_tab li.on { background: #28b7b5; font-weight: bold; color: #fff; } 
.eventWrap .layerPopup .contentBox .pop_box .tab_btn { margin-bottom: 20px; } 
.eventWrap .layerPopup .contentBox .pop_box .tab_btn::after { content: ''; display: block; clear: both; } 
.eventWrap .layerPopup .contentBox .pop_box .tab_btn li { background: #ededed; width: 50%; float:left; font-size: 18px; color: #444; } 
.eventWrap .layerPopup .contentBox .pop_box .tab_btn li a { display: block; padding: 20px 0; } 
.eventWrap .layerPopup .contentBox .pop_box .tab_btn li.on { background: #28b7b5; font-weight: bold; color: #fff; } 
.teaCurr .curr_tit { margin: 30px 0 20px; display: none; } 

.mg_s_info { color: #858585; } 
.mg_s_info li { font-size:12px } 
.mg_s_info li.tit { padding:0 } 
.mg_s_info li.tit:before { display:none } 
.mg_s_info li.color_point { color: #000; font-weight: bold; } 
.mg_s_info li a { text-decoration:underline } 

.curr_side_bnr li .inner { width: 100%; } 


.fix_ban { transition: 1s ease; position:absolute; bottom: 120px; left: 50%; width: 1080px; z-index:5; background: #fff; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1); opacity: 0; display: none !important; position:fixed; z-index:5; opacity: 1; } 

/* [ws-v2] 250114 */
.evCon3 .book_info .book.v2{left: 20px;}
.evCon3 .tiny{opacity: 0.4;margin-top: -25px;}

.event3 {background: #ff0d79;}
.event3 .con_tit{color:#fff}
.event3 .con_tit .end::after{background: #000;}
.event3 .mini_tit{color:#fff;opacity: 0.6;margin-top: 20px;}
.event3 .container_info_wrap{margin-bottom:60px}
.event3 .sale_wrap{ display: flex; border-radius: 15px; overflow: hidden;}
.event3 .sale_wrap:not(:last-child){margin-bottom: 30px;}
.event3 .white_wrap{ flex: 1; background: #fff; padding: 30px 40px; text-align: left;}
.event3 .title_wrap dl{ margin-top: 20px; line-height: 1.5;}
.event3 .title_wrap dd{ color: #999999; padding-left: 20px; position: relative;}
.event3 .title_wrap dd::before{content: '';display: block;position: absolute;left: 0;top: 55%;transform: translateY(-50%);background: url(https://image.megagong.net/m/2024/1209_lyj4718/evt1_arrow.png) no-repeat center;width: 14px;height: 10px;}
.event3 .price_wrap{ display: flex; align-items: flex-end; gap: 20px; justify-content: flex-end; margin-top: -20px;}
.event3 .price_wrap .before{ color: #999; text-decoration: line-through;}
.event3 .price_wrap .after{ display: flex; flex-direction: column; color: #27467a; align-items: flex-end; gap: 5px;}
.event3 .price_wrap .after .percent{background: #27467a;border-radius: 30px;padding: 6px 20px;color: #fff;}
.event3 .btn_wrap{position: relative;background: #000;display: flex;align-items: center;justify-content: center;width: 200px;color: #fff;}
.event3 .btn_wrap::before{content: '';display: block;position: absolute;left: 0;top: 0;background: url(https://image.megagong.net/m/2024/1209_lyj4718/evt1_line.png) repeat-y center;width: 10px;height: 100%;}

.notice_wrap{margin-top: 60px;color: #fff;}
.notice_wrap dt{margin-bottom: 25px;position: relative;}
.notice_wrap dt:before{content: '';display: block;position: absolute;top: 50%;width: 100%;height: 1px;background: #fff;}
.notice_wrap dt span{ padding-right: 40px; position: relative; background: #ff0d79;}
.notice_wrap dd{ line-height: 1.9; padding-left: 10px; text-indent: -8px;}

.flt_inner.renewal li.top.darken a img{ filter: grayscale(1);}


/* [ws-3] 20250325 */
.evCon3 .book_info .book.v3{left: -60px;}
.evCon9{background: linear-gradient(0deg,transparent,#40ceda);}
.evCon9 .grade_tab_wrap{margin-top: 80px;}
.evCon10{background: linear-gradient(0deg,transparent,#50d4c5);}
.evCon9 .con_tit .end::after,.evCon10 .con_tit .end::after {background: #fff;right: 0;} 
.evCon9 .con_tit .mini_tit,.evCon10 .con_tit .mini_tit {margin: -5px auto 15px;line-height: 1.4;} 

@media screen and (max-width: 1200px){
    .fix_ban { display: block !important; font-size: 3vw; background: #f1eed2; } 
    .fix_ban a { height:100%; padding: 2% 0 3%; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
    .fix_ban strong { display: block; color:var(--point-color1) } 

    .evCon_event .con_tit .end { right:0; width:26%; height: 30vw; } 
    .evCon_event .con_tit .end::after { right: 0; } 
    .eventWrap sup { vertical-align:top } 
    .evSection .con_tit .evt { margin: 0 38% 0%; } 
    .evSection .bigt sup { font-size:27px } 
    .evSection:not(.event) .con_tit { font-size:4vw; margin:0 0 5%; } 
    .evSection .con_tit .tiny { font-size: 3vw; padding: 3% 0 0; } 
    .evSection .bigt { font-size: 3.8vw; } 
    .evSection .bigt.wht { color:#fff } 
    .eventWrap .tit_point { margin:0 0 6%; font-size:2.1vw; } 
    .eventWrap .tit_line { margin-bottom: 6% } 
    .eventWrap .tit_line span { font-size: 2.6vw; } 

    /* °øÅë */
    .eventWrap .evSection:not(.evtoggleWarning,.evCon1) { padding:15% 0 } 
    .eventWrap .inner { width:94% } 
    .eventWrap img { width:100% } 

    /* con1 */
    .evSection.evCon1 { padding: 0 0 15%; background-size: cover; } 
    .evCon1 .top_txt { padding: 0 17%; } 
    .evCon1 h3 { margin: 0 -2.5% 0 0; } 
    .evCon1 h3 span { width: 34%; } 
    .evCon1 .home { bottom: 22%; width: 36%; height: 10%; } 
    .evCon1 .home li a { opacity: 0; } 
    .evCon1 .tiny_noti { position: absolute; bottom: 20px; right: 40px; } 
    .evCon1 .titRoll_wrap { font-size: 3vw; } 
    .evCon1 .ev1_slider { height: 4.4vw; } 
    .evCon1 .another { margin: 0 0 0 10px; font-weight: 200; } 

    /* con3 */
    .evCon3 .ev3_charactSl { margin: 0 0 13%; padding: 0 1% 30px; overflow: hidden; } 
    .evCon3 .ev3_charactSl .swiper-wrapper{ justify-content: flex-start; flex-wrap: nowrap; gap: 0;}
    .evCon3 .ev3_charactSl .swiper-slide {flex: none;} 
    .evCon3 .ev3_charactSl .item { padding: 3vw 9vw; } 
    .evCon3 .book_info .book { width: 56%; left: -19%; } 
    .evCon3 .book_info .info_wrap { padding: 5% 0 6% 37%; } 
    .evCon3 .book_info .info_wrap p { font-size: 2.7vw; margin: 0 0 4%; } 
    .evCon3 .ev3_charactSl_2 { margin: 0; gap: 1vw; } 
    .evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-wrapper { gap: 1vw; } 
    .evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-slide { width:calc(33.3% - 1vw) } 
    .evCon3 .ev3_charactSl_2 .item { width: 100%; height: 19vw; font-size: 1.8vw; } 
    .evCon3 .ev3sl3_wrap { padding: 0; margin: 0; } 
    .evCon3 .ev3_charactSl_3 .item { padding: 0 0 0 40%; height: 33vw; } 
    .evCon3 .ev3_charactSl_3 .item .book { width: 32%; left: 4%; } 
    .evCon3 .ev3_charactSl_3 .item .tit { font-size: 2.2vw; } 
    .evCon3 .ev3_charactSl_3 .item ul { font-size: 1.8vw; } 
    .evCon3 .ev3_charactSl_3 .item ul li + li { margin: 2% 0 0; } 
    .evCon3 .swiper-button-next.ev3sl3_next { display: none; } 
    .evCon3 .swiper-button-prev.ev3sl3_prev { display: none; } 

    /* con4 */
    .evCon4 .ev4_charactSl .item .auth img { width:50px } 
    .evCon4 .ev4_charactSl .item { font-size: 1.7vw; height: 48vw; } 
    .evCon4 .point { padding: 5% 15% 4%; } 

    /* con5 */
    .evSection.evCon5 { background-size: cover; } 
    .evCon5 .con_tit .tiny { font-size: 2.4vw; } 
    .evCon5 a { margin: 0; padding: 5% 0; font-size: 3vw; } 
    .evCon5 a img { width: 60%; } 
    .evCon5 a .point { letter-spacing: 0; margin: 0 0 3%; } 
    .evCon5 a .go { padding: 4% 0 0; } 

    /* con7 */
    .evCon7 a { margin: 0 21%; } 

    /* cau */
    .eventWrap .evWarning { padding: 5% 0 } 
    .warningList > li.w_tit { font-size: 15px } 

    .eventWrap .layerPopup .contentBox { width: 90%; } 
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn,.eventWrap .layerPopup .contentBox .pop_box .curr_tab { margin-bottom: 2%; } 

    /* [ws-v2] 250114 */
    .evCon3 .book_info .book.v2{left: -6%;width: 45%;}
    .evCon3 .tiny{margin-top: 0;}

    /* [ws-3] 20250325 */
    .evCon9 .con_tit .end, .evCon10 .con_tit .end{
    top: -15%;
}
    .evCon3 .book_info .book.v3{left: -10%;width: 45%;}
 }


@media screen and (max-width: 992px){
    .clickPop { padding: 15px 0 20px } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 

    /* pop */
    [class*=mg_popup_wrap] .b_tit { font-size: 27px } 
    [class*=mg_popup_wrap] .s_tit { font-size: 14px; margin-top: 3% } 
    a.mg_btn_base, .mg_btn_base { font-size: 16px } 

    #popupCertified li.color_point { font-weight: 800 } 
    #popupCertified .mg_s_info { margin-top: 2%; line-height: 9px } 
    #popupCertified .mg_s_info li { font-size: 13px } 
    [class*=mg_popup_wrap] .content_area .content_inner { padding: 4% 2% } 
    #popupCertified .mg_info_wrap { margin-top: 3% } 

    .eventWrap .layerPopup .teaCurr { overflow: auto; } 
    .eventWrap .layerPopup .contentBox .pop_box { padding: 30px; } 
    .teaCurr .curr_Stit { margin: 0 0 10px; font-size: 14px; } 
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn li a,.curr_tab li a { display: block; padding: 10px 0; font-size: 16px; } 
}

@media screen and (max-width: 768px) { 
    /* °øÅë */
    .br_768 { display: block } 
    .br_768_none { display: none } 
    .eventWrap .tit_line span { font-size: 3vw; padding: 0 20px; } 

    [class*=mg_popup_wrap] .b_tit { font-size: 24px } 
    #popupCertified .mg_s_info { line-height: 14px } 
    #popupCertified .mg_s_info li { margin-top: 3px } 
    #popupCertified .mg_terms { padding: 2%; font-size: 13px; height: 120px } 

    .eventWrap .layerPopup .teaCurr { overflow: auto; } 
    .eventWrap .layerPopup .contentBox .pop_box { padding: 10px; } 
    .teaCurr .curr_Stit { margin: 0 0 10px; font-size: 14px; } 
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn li a,.curr_tab li a { display: block; padding: 10px 0; font-size: 16px; } 

    /* evCon1 */
    .evCon1 .titRoll_wrap { font-size: 3.6vw; } 

    /* evCon3 */
    .evCon3 .eventVideo { margin: 0 0 7%; } 
    .evCon3 .tab_base { margin: 0 0 4%; } 
    .evCon3 .tab_base > li a { font-size: 2.8vw; height: 10vw; } 
    .evCon3 .panel_base h5 { margin:0 0 4% } 

    /* evCon4 */
    .evCon4 .ev4_charactSl .item .auth img { width: 30px; } 

    .evCon7 .info_date { padding: 3% 9%; font-size: 3vw; margin: 0 0 3%; } 

    .evCon8 .info_date { padding: 3% 0; font-size: 3vw; margin: 0 0 3%; } 


    /* [ws-v2] 250114 */
    .event3 .container_info_wrap{margin-bottom: clamp(30px,8vmin,60px);}
    .event3 .sale_wrap{flex-direction: column;}
    .event3 .white_wrap{padding: clamp(20px,4vmin,40px);}
    .event3 .price_wrap .after .percent{padding: clamp(3px,1vmin,6px) clamp(10px,2vmin,20px);}
    .event3 .btn_wrap{width: 100%;padding: 20px 0 15px;}
    .event3 .btn_wrap::before{ height: 10px; width: 100%; background-repeat: repeat-x;}
}

@media screen and (max-width: 576px){
    .fix_ban { font-size: 3.6vw; } 
    .fix_ban a { padding: 1.5% 0 1.5%; } 
    br.for_576 { display:block; } 

    .evSection .con_tit .tiny { font-size: 3.4vw; } 
    .eventWrap .tit_point { font-size: 3.5vw; } 
    .evSection .con_tit { font-size:4.5vw; } 
    .evSection .bigt { font-size: 4vw; } 
    .evSection .bigt .dot { padding: 0 3px; } 
    .eventWrap .tit_line span { font-size:3.7vw } 

    .dim_popup.sns { width:90% } 

    /* °øÅë */
    br.mo_for { display: none } 
    .eventWrap .tiny_noti { font-size:11px } 

    .chk_point::before { left: -14px; top: 15%; width: 10px; height: 10px } 


    /* con1 */
    .evCon1 h3 span { top: 0; } 
    .evCon1 .top_txt { padding: 0 5%; } 

    /* con2 */
    .evCon2 .charact_wrap { margin: 0 0 10px; flex-direction: column; } 
    .evCon2 .charact_wrap li + li { position: relative; box-shadow: 0 -10px 20px 0px rgba(0,0,0,0.5); } 
    .evCon2 .charact_wrap li + li::before { width: 100%; left: 0; top: 0; height: 34px; margin: -13px 0 0; background-size: contain; } 
    .evCon2 .charact_wrap + .tiny_noti { padding: 0; } 


    /* con3 */
    .evCon3 .tab_base > li a { height: 15vw; font-size: 3.4vw; line-height: 1.3; } 
    .evCon3 .ev3_charactSl .item { padding: 3vw 3vw; } 

    .evCon3 .book_info .book { position: relative; bottom: inherit; left: inherit; width: 100%; padding: 0 20% 0 0; } 
    .evCon3 .book_info .info_wrap { padding: 5% 0 10% 0%; } 
    .evCon3 .book_info .info_wrap p { font-size: 3.7vw; text-align: center; } 
    .evCon3 .ev3_charactSl_2 { margin: 0; } 
    .evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-wrapper { gap: 1vw; } 
    .evCon3 .ev3_charactSl_2:not(.swiper-initialized) .swiper-slide { width:calc(33.3% - 1vw) } 
    .evCon3 .ev3_charactSl_2 .item { width: 100%; height: 19vw; font-size: 1.8vw; } 
    .evCon3 .ev3_charactSl_2:not(.swiper-initialized) .item { font-size: 3.2vw; border-radius: 100%; height: 30vw; } 
    .evCon3 .ev3_charactSl_3 { padding: 0; } 
    .evCon3 .ev3sl3_wrap { padding: 0; margin: 0; } 
    .evCon3 .ev3_charactSl_3 .item { padding: 0 0 0; height: auto; } 
    .evCon3 .ev3_charactSl_3 .item .book { width: 100%; left: 4%; position: relative; top: inherit; padding: 7% 20% 7%; } 
    .evCon3 .ev3_charactSl_3 .item .tit { font-size: 3.4vw; padding: 0 0 0 5%; margin: 0 0 2%; } 
    .evCon3 .ev3_charactSl_3 .item ul { font-size: 3.2vw; padding: 0 5% 0 5%; height: 45vw; } 
    .evCon3 .ev3_charactSl_3 .item ul li br { display:none } 
    .evCon3 .ev3_charactSl_3 .item ul li + li { margin: 2% 0 0; } 
    .evCon3 .swiper-button-next.ev3sl3_next { display: none; } 
    .evCon3 .swiper-button-prev.ev3sl3_prev { display: none; } 


    /* con4 */
    .evCon4 .ev4_charactSl { margin:0 12%; padding: 0 0 0; } 
    .evCon4 .ev4_charactSl .swiper-slide.swiper-slide-active { box-shadow: none; margin: 0; } 
    .evCon4 .ev4_charactSl .item { height: 71vw; font-size: 3.0vw; } 
    .evCon4 .ev4_charactSl .item .auth { font-size:11px } 
    .evCon4 .point { padding: 5% 10% 5%; } 
    .evCon4 .ev4_charactSl .swiper-pagination { display: block; position: relative; bottom: unset; left: unset; right: unset; top: unset; padding: 10px 0 0; } 

    /* con5 */
    .evCon5 a { font-size: 3.4vw; } 
    .evCon5 a .go { font-size: 3.2vw; } 
    .evCon5 a .go i { width: 2vw; height: 2vw; margin: -0.5vw 0 0 0%; } 


    /* con7 */
    .evCon7 .tit_point .line { display: inline-block; margin: 3px 0 3px; padding: 0 0 1px; } 
    .evCon7 .info_date { margin: 0 0 7%; font-size: 3.5vw; } 
    .evCon7 .goods { margin: 0 0 8%; } 
    .evCon7 .goods li { overflow: hidden; } 
    .evCon7 .goods li img { max-width: 150%; width: 120%; margin: 0 0 0 -10%; } 
    .evCon7 a { margin: 0 4% 0%; } 

    .evCon8 .info_date { font-size: 3.5vw; } 
    .evCon8 .info_date p { margin-left: 18px; } 

    /* cau */
    .warningList li ul li a { font-size: 12px } 

    /* pop */
    [class*=mg_popup_wrap] .content_area .content_inner { padding: 7% 3% } 
    [class*=mg_popup_wrap] .b_tit { font-size: 22px } 
    [class*=mg_popup_wrap] .s_tit { font-size: 13px; margin-top: 5% } 
    .mg_info_wrap .info_tit { font-size: 14px } 
    [class*=mg_popup_wrap] .content_area .mg_btn_wrap .mg_btn_base { font-size: 13px } 

    #popupCertified .b_tit + .mg_tb_wrap, #popupCertified .s_tit + .mg_tb_wrap { margin-top: 6% } 
    #popupCertified .mg_tb_form th { font-size: 12px } 
    #popupCertified .mg_s_info li { font-size: 12px } 
    #popupCertified .mg_terms { font-size: 12px; height: 78px } 
    #popupCertified .content_area .mg_btn_wrap { margin-top: 6% } 


    .eventWrap .layerPopup .contentBox { width: 98%; } 

    .eventWrap br.mo_for { display: block !important; } 
    .teaCurr .tbl_wrp.essential { margin: 0 0 20px !important } 
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn li a,.curr_tab li a { font-size: 13px; } 

    /* [ws-v2] 250114 */
    .evCon3 .book_info .book.v2{ position: relative; bottom: inherit; left: inherit; width: 80%; padding: 0; margin: 0 auto;}

    /* [ws-3] 20250325 */
    .evCon3 .book_info{padding-top:10%;}
    .evCon3 .book_info .book.v3{position: relative;bottom: inherit;left: inherit;width: 70%;padding: 0;margin-left: 8%;}    
}