@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 } 


/* 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 .con_tit { font-size: 40px; margin: 0 0 35px; font-weight:900; } 
.evSection .con_tit.wht { color: #fff } 
.evSection .con_tit .evt { display: block; margin: 0 0 20px; } 
.evSection .con_tit .tiny { display:block; padding: 12px 0 0; font-weight: normal; } 
.evSection .con_tit .tiny.top { padding: 0 0 12px; } 
.evSection .bigt { display:block; font-weight: 900; line-height: 1.2 } 
.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 { font-weight: normal; font-size: 0.55em; } 

.eventWrap .tit_point strong { font-weight:900 } 
.eventWrap .tit_line { position: relative; margin-bottom: 40px; } 
.eventWrap .tit_line::before { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background: #000; opacity: 0.8; margin: 0 0 0; } 
.eventWrap .tit_line span { position: relative; padding: 7px 84px; background: inherit; border-radius: 30px; font-size: 24px; font-weight: bold; background: #000; color: #fff; } 

.eventWrap .evSection { padding: 150px 0; } 

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

/* con1 */
.evSection.evCon1 { background: #dddbcf url(https://image.megagong.net/m/2024/0402_avantage78/con_img4.jpg) no-repeat center 0; padding: 268px 0 120px; text-align: left; } 
.evCon1 p { margin-left: -65px; } 
.evCon1 h3 { text-align: left; margin: 0 -60px 0 -65px; } 
.evCon1 h3 span { display: block; } 
.evCon1 h3 strong { display: block } 
.evCon1 .home { display: block; font-size: 0; width: 65px; height: 70px; background: #000; opacity: 0; position: absolute; bottom: 425px; left: 311px; } 

/* con2 */
.evCon2 .charact_wrap { display: flex; justify-content: space-between; align-items: center; background: #f7f8f8; flex-direction: row; flex-wrap: wrap; padding: 45px 60px 45px 40px; border-radius: 12px; position: relative; } 
.evCon2 .charact_wrap + .charact_wrap { margin-top:20px } 
.evCon2 .charact_wrap .tiny_noti { position:absolute; bottom:15px; right:15px; opacity: 0.3; } 

/* con3 */
.evSection.evCon3 { background: #f2f2f3; } 
.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 .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 40px 110px; position: relative; } 
.evCon3 .ev3_charactSl.charactSl_2 { margin-bottom: 0; } 
.evCon3 .ev3_charactSl:not(.swiper-initialized) .swiper-wrapper { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; gap: 10px; } 
.evCon3 .ev3_charactSl:not(.swiper-initialized) .swiper-slide { width: calc(33.3% - 10px); } 
.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 25px; } 

/* con4 */
.evCon4 .lect_wrap { display: flex; position: relative; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 30px; } 
.evCon4 .lect_wrap .item a { display: block; } 

/* con5 */
.evSection.evCon5 { background: #9a001a; color: #fff; } 
.evCon5 .book_wrap { display:flex; margin: 0 20px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
.evCon5 .book_wrap .book { position: relative } 
.evCon5 .book_wrap a { border-radius: 0100%; position: absolute; bottom: -12px; right: -25px; width: 82px; height: 82px; background: rgba(0,0,0,0.8); color:#fff; font-size: 14px; display: flex; align-items: center; justify-content: center; line-height: 1.2; } 
.evCon5 .ev3_charactSl { width:760px } 
.evCon5 .ev3_charactSl:not(.swiper-initialized) .swiper-wrapper { display:flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 20px; } 
.evCon5 .ev3_charactSl:not(.swiper-initialized) .swiper-slide { flex: 1; } 
.evCon5 .book_wrap + .tit_line { margin-top: 100px; } 

/* con7 */
.evSection.evCon7 { background: #ffce0a url(https://image.megagong.net/m/2024/0402_avantage78/con_img14.jpg) no-repeat center 0; } 
.evCon7 .con_tit .end::after { background: #7b650b; } 
.evCon7 .evt_info { font-size: 1.17em; text-align: left; border: 1px solid #000000; border-width: 1px 0; padding: 90px 0 65px 0; margin: 0 40px 60px; } 
.evCon7 .evt_info p { position: relative; padding: 0 0 0 140px; margin: 0 0px 30px; } 
.evCon7 .evt_info p b { position: relative; padding: 0 0 0 0; width: 137px; display: block; position: absolute; top: 0; left: 0; font-weight: 900; } 
.evCon7 .evt_info p b::after { content:''; position: absolute; top: 7px; right: 20px; width: 2px; height: 15px; background: #000; opacity: 0.3; } 
.evCon7 .evt_info p span { color:#d3334e; font-size: 12px; } 
.evCon7 .evt_gift { display: flex; justify-content: center; gap: 0 80px; margin: 0 auto 25px; flex-direction: column; align-items: center; position: absolute; top: 45px; right: 60px; } 
.evCon7 .evt_gift .tiny_noti { opacity: 0.8 } 

/* con6 */
.evCon6 { overflow: visible !important; } 
.evCon6 .con_tit .bigt span { font-weight: normal; } 
.evCon6 .tab_base { position: relative; gap: 1px; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 30px; } 
.evCon6 .tab_base::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #121212 } 
.evCon6 .tab_base li { position: relative; flex: 1; font-weight: normal; font-size: 1.25em; color: #bfbfbf; background: #f2f2f3; border: 2px solid transparent; cursor: pointer } 
.evCon6 .tab_base li.on { color: #111; background: #fff; border-color: #121212; font-weight: bold } 
.evCon6 .tab_base li.on::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background: #fff; z-index: 1 } 
.evCon6 .tab_base li a { display: block; padding: 25px 0; } 

/* evCon8 */
.evSection.evCon8 { background: #f0eee8; } 
.evCon8 .con_tit .end::after { background: #898866; } 
.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: #fff; border-radius: 100px; font-size: 20px; padding: 20px 100px; margin: 0 0 70px; display: inline-flex; } 
.evCon8 .info_date strong { padding: 0 15px 0 0; margin: 0 15px 0 0; position: relative; font-weight: 900; } 
.evCon8 .info_date strong::before { content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background: #000; opacity: 0.5; margin: -6px 0 0; } 
.evCon8 ul { font-size: 1.06em; display: flex; flex-direction: column; align-content: center; align-items: flex-start; flex-wrap: wrap; border-bottom: 1px solid #000000cf; padding: 0 0 40px 0; margin: 0 0 40px; } 
.evCon8 ul li { background: url(https://image.megagong.net/m/2024/0402_avantage78/con_img13.png) no-repeat 0 0; padding: 0px 0 2px 45px; text-align: left; font-weight: bold; } 
.evCon8 ul li+li { margin-top:20px } 
.evCon8 .sale_wrap { position: relative; background: #fff; border-radius: 10px; padding: 0 400px 0 90px; text-align: left; overflow: hidden; } 
.evCon8 .sale_wrap .info { padding: 35px 0 35px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; } 
.evCon8 .sale_wrap .info del { font-size: 1.4em; text-decoration: none; margin: 0 75px 0 0; line-height: 1; } 
.evCon8 .sale_wrap .info del span { font-size: 0.7em; padding: 0 0 0 2px; } 
.evCon8 .sale_wrap .info .dc { position: relative; font-size: 1.1em; background: #d3334e; color: #fff; padding: 2px 22px 3px; border-radius: 40px; margin: 0 100px 0 0; line-height: 1; } 
.evCon8 .sale_wrap .info .dc::before { content:''; background: #d3334e; width: 190px; height: 1px; position: absolute; top: 50%; left: -190px; margin: -1px 0 0; } 
.evCon8 .sale_wrap .info .dc::after { content:''; background: #d3334e; width: 85px; height: 1px; position: absolute; top: 50%; left: 100%; margin: -1px 0 0; } 
.evCon8 .sale_wrap .info .dc i { position: absolute; top: 50%; right: -90px; border-left: 10px solid #d3334e; border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin: -7px 0 0; } 
.evCon8 .sale_wrap .info .price { position: relative; font-size: 2.4em; font-weight: 900; line-height: 1; flex: 1; padding: 0 0 35px; } 
.evCon8 .sale_wrap .info .price span { font-size: 0.6em; padding: 0 0 0 3px; } 
.evCon8 .sale_wrap .info .price b { font-size: 0.35em; background: #ffeaee; color: #d3334e; padding: 5px 25px; display: inline-block; font-weight: normal; border-radius: 20px; line-height: 1; position: absolute; bottom: 0; left: 20px; } 
.evCon8 .sale_wrap a { position: absolute; top: 0; right: 0; width: 240px; background: #121212; color: #fff; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 20px; text-align: center; font-weight: bold; } 
.evCon8 .sale_wrap a.end { background: #b4b4b4; color: #838383; cursor: default; } 

/* 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% } 

.eventWrap .btn_n { display: flex } 
.eventWrap a.btn { font-size: 20px; display: block; margin: 0 auto; padding: 26px 0px; width: 400px; border-radius: 10px; font-weight: bold; background: #000; color: #fff; } 
.eventWrap a.btn span { display: inline-block; position: relative; padding: 0 25px 0 0 } 
.eventWrap a.btn span::before { content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 17px; margin: -7px 0 0; background-color:#fff; color: #fff; -webkit-mask-size: 100%; mask-size: cover; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; -webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg); mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg) } 

.evSection.evtoggleWarning { padding: 0 !important; } 
.warningList > li { margin-top: 30px; } 
.warningList li ul li a { font-size: 1em; color:#f00 } 




@media screen and (max-width: 1200px) {
 .eventWrap a.btn { font-size: 2.1vw; padding: 3% 0; width: auto; } 

 .evCon_event .con_tit .end::after { right: 0 } 
 .eventWrap sup { vertical-align:top } 
 .evSection .con_tit .evt { margin: 0 38% 3% } 
 .evSection .bigt sup { font-size:27px } 
 .evSection .con_tit { font-size: clamp(19px,4vmin,42px); margin: 0 0 7%; } 
 .evSection .con_tit .tiny { font-size: 0.6em; padding: 3% 0 0; } 
 .evSection .bigt.wht { color:#fff } 
 .eventWrap .tit_point { margin:0 0 6%; font-size:2.1vw } 
 .eventWrap .tit_line { margin-bottom: 3%; } 
 .eventWrap .tit_line span { font-size: 2.1vw; padding: 1vw 5vw; } 

 /* °øÅë */
 .eventWrap .evSection { padding:15% 0 } 
 .eventWrap .inner { width:94% } 
 .eventWrap img { width:100% } 

 /* con1 */
 .evSection.evCon1 { padding: 28% 0 13%; text-align: left; background-size: cover; } 
 .evCon1 p { margin: 0 75% 2% 0; } 
 .evCon1 h3 { margin: 0 34% 0 0%; } 
 .evCon1 h3 span { margin: 0 27% 0 0; } 
 .evCon1 h3 strong { margin: 0 0 2%; } 
 .evCon1 .home { width: 5vw; height: 5vw; bottom: 58%; left: 20%; } 

 /* con2 */
 .evCon2 .charact_wrap { padding: 3% 3% calc(3% + 10px) 5%; } 
 .evCon2 .charact_wrap + .charact_wrap { margin-top: 10px; } 
 .evCon2 .charact_wrap > img { flex: 1; } 
 .evCon2 .charact_wrap .info { flex: 1; padding: 0 0 0 6%; } 
 .evCon2 .charact_wrap .tiny_noti { position:absolute; bottom:15px; right:15px; opacity: 0.3; } 

 /* con3 */
 .evCon3 .ev3_charactSl { margin: 0 0 10%; padding: 0 0 40px; overflow: hidden; } 
 .evCon3 .ev3_charactSl .swiper-slide { background:#fff } 
 .evCon3 .ev3_charactSl .item { padding: 0; } 
 .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 .lect_wrap { gap: 2%; padding: 0 11%; } 
 .evCon4 .lect_wrap .item { width: 48%; margin: 0 0 2%; } 

 /* con5 */
 .evSection.evCon5 { background-size: cover } 
 .evCon5 .book_wrap { margin: 0; } 
 .evCon5 .book_wrap + .tit_line { margin-top: 5%; } 
 .evCon5 .book_wrap .book { width: 25%; } 
 .evCon5 .ev3_charactSl { width: 73%; } 
 .evCon5 .ev3_charactSl:not(.swiper-initialized) .swiper-wrapper { gap: 2%; } 

 .evSection.evCon8 { background: #f0eee8; } 
 .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: #fff; border-radius: 100px; font-size: 2.4vw; padding: 20px 100px; margin: 0 0 70px; display: inline-flex; } 
 .evCon8 .info_date strong { padding: 0 15px 0 0; margin: 0 15px 0 0; position: relative; font-weight: 900; } 
 .evCon8 .info_date strong::before { content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background: #000; opacity: 0.5; margin: -6px 0 0; } 
 .evCon8 ul { font-size: 2vw; } 
 .evCon8 ul li { background-size: contain; } 
 .evCon8 ul li+li { margin-top: 1vw; } 
 .evCon8 .sale_wrap { padding: 0; font-size: 2.2vw; } 
 .evCon8 .sale_wrap .info { padding: 3vw 0; } 
 .evCon8 .sale_wrap .info del { position: relative; font-size: 1em; margin: 0 1% 0 0; padding: 0 1%; } 
 .evCon8 .sale_wrap .info del::before { content:''; background: #d3334e; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; margin: -1px 0 0; transform: rotate(-4deg); } 
 .evCon8 .sale_wrap .info del span { font-size: 0.8em; } 
 .evCon8 .sale_wrap .info .dc { font-size: 0.9em; padding: 1% 2%; margin: 0 4% 0 0; } 
 .evCon8 .sale_wrap .info .dc::before { display: none; } 
 .evCon8 .sale_wrap .info .dc::after { width: 73%; display: none; } 
 .evCon8 .sale_wrap .info .dc i { display: none; } 
 .evCon8 .sale_wrap .info .price { font-size: 1.6em; padding: 0 0 0; flex: none; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; } 
 .evCon8 .sale_wrap .info .price b { position: relative; bottom: unset; left: unset; margin: 0 0 0 12px; font-size: 0.5em; padding: 2% 3%; flex: 1; width: 17vw; text-align: center; } 
 .evCon8 .sale_wrap a { position: relative; top: inherit; right: inherit; width: 100%; height: auto; font-size: 1em; padding: 2% 0; } 
 .evCon8 .sale_wrap a.end { background: #b4b4b4; color: #838383; } 
 .evCon8 .sale_wrap a br { display:none } 

 /* con7 */
 .evSection.evCon7 { background-size: 100%; } 
 .evCon7 a { margin: 0 21% } 
 .evCon7 .evt_info { display: inline-flex; flex-direction: column; padding: 0 0; border: 0; align-items: flex-start; font-size: 2.4vw; margin: 0 0 5%; } 
 .evCon7 .evt_gift { position: relative; top: unset; right: unset; margin: 0 auto 40px; width: 100%; max-width: 270px; padding: 0; } 
 .evCon7 .evt_info p { margin: 0 0 13px; } 

 /* 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% } 

/* 350415 */
 .evCon2 .charact_wrap.ver_2504 { padding: 3% 2% calc(3% + 20px) 2%; } 
.evCon2 .charact_wrap.ver_2504 > img { width: 58%; } 
.evCon2 .charact_wrap.ver_2504 .info { padding: 0 0 0 0%; } 

}





@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 } 

/* 250425 */
 .evCon2 .charact_wrap.ver_2504 > img { width: 55%; } 
.evCon2 .charact_wrap.ver_2504 { padding: 3% 2% calc(4% + 20px) 2%; } 
 }





@media screen and (max-width: 768px) { 
 
 /* °øÅë */
 .br_768 { display: block } 
 .br_768_none { display: none } 

 [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 } 

 /* 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% 6%; font-size: 3vw; margin: 0 0 7%; } 

/* 250425 */
}






@media screen and (max-width: 576px) {

 .evSection .con_tit .evt { margin: 0 32% 3%; } 
 .eventWrap a.btn { width: 100%; font-size: 3.6vw; padding: 5% 0; } 

 .evSection .con_tit .tiny { font-size: 0.75em; } 
 .eventWrap .tit_point { font-size: 3.5vw } 
 .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 p { margin: 0 63% 2% 0; } 
 .evCon1 h3 { margin: 0 23% 0 0%; } 
 .evCon1 h3 span { margin: 0 0% 0 0; } 
 .evCon1 h3 strong { margin: 0 0 2%; } 
 .evCon1 .home { width: 6vw; height: 6vw; bottom: 58%; left: 23%; } 

 /* con2 */
 .evCon2 .charact_wrap { margin: 0 0 10px; flex-direction: column; padding: 6% 3% calc(6% + 19px) 3%; } 
 .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 } 
 .evCon2 .charact_wrap .info { padding: 8% 14% 0; } 

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

 .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 } 
 .evCon4 .lect_wrap { padding: 0 0; } 
 .evCon4 .lect_wrap .item { overflow: hidden; border-radius: 1vw; width: 49%; } 
 .evCon4 .lect_wrap .item img { max-width: 150%; width: 118%; margin: -1% -7.8% 0; } 

 /* con5 */
 .evCon5 .book_wrap { margin: 0 9%; align-items: center; flex-wrap: wrap; flex-direction: row; } 
 .evCon5 .book_wrap + .tit_line { margin-top: 5%; } 
 .evCon5 .book_wrap .book { width: 43%; } 
 .evCon5 .ev3_charactSl { position: relative; width: 49%; overflow: hidden; border-radius: 10px; padding: 30px 0 30px; } 
 .evCon5 .ev3_charactSl:not(.swiper-initialized) .swiper-wrapper { gap: 2%; } 
 .evCon6 .tab_base li a { padding: 4vw 0; } 
 .evCon5 .book_wrap a { font-size: 13px; } 

 /* con7 */
 .evCon7 .evt_gift { gap: 0; margin: 0 auto 7%; padding: 0 4% 0 7%; } 
 .evCon7 .evt_gift .tiny_noti { font-size: 11px } 
 .evCon7 .evt_info { font-size: 3.7vw; margin: 0 0 5%; } 
 .evCon7 .evt_info p { padding: 0 0 0 25vw; } 
 .evCon7 .evt_info p b { width: 24vw; } 
 .evCon7 .evt_info p b::before { top: 7px; } 
 .evCon7 .evt_info p b::after { right: 10%; height: 10px; top: 50%; margin: -5px 0 0; } 

 .evCon8 ul { font-size: 3.4vw; padding: 0 0 5%; margin: 0 0 5%; } 
 .evCon8 ul li { padding: 0 0 0 7%; } 
 .evCon8 ul li+li { margin-top: 2vw; } 
 .evCon8 .sale_wrap { font-size: 3.6vw; } 
 .evCon8 .sale_wrap .info { padding: 4vw 0; } 
 .evCon8 .sale_wrap .info del { font-size: 1em; } 
 .evCon8 .sale_wrap .info del::before { transform: rotate(-3deg); } 
 .evCon8 .sale_wrap .info .dc::before { display: none; } 
 .evCon8 .sale_wrap .info .dc::after { width: 73%; display: none; } 
 .evCon8 .sale_wrap .info .price { font-size: 1.7em; } 
 .evCon8 .sale_wrap .info .price b { margin: 8px 0 0 4%; width: 2vw; font-size: 0.55em; } 
 .evCon8 .sale_wrap a { position: relative; top: inherit; right: inherit; width: 100%; height: auto; font-size: 1em; padding: 4% 0; } 
 .evCon8 .sale_wrap a.end { background: #b4b4b4; color: #838383; } 
 .evCon8 .sale_wrap a br { display:none } 
 .evCon8 .info_date { font-size: 3.7vw; } 
 .evCon8 .info_date p { margin-left: 18px } 
.evCon5 .book_wrap a
 /* 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 } 


 .evCon2 .charact_wrap.ver_2504 { padding: 6% 2% calc(4% + 20px) 2%; } 
 .evCon2 .charact_wrap.ver_2504 .info { margin-top: 5%; } 
 .evCon2 .charact_wrap.ver_2504 > img { width: 98%; } 
 }