@charset "euc-kr"; :root { --point-color1:#28135b; --point-color2:#e4d8ff; --point-color3:#411998; --point-color4:#fff4a5; --point-color5:#b81f24; } 

/* 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: #2a0b0c; } 


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

.flt_inner.renewal li{margin-top:0;}
.flt_inner.renewal li:first-child{border-radius: 10px 0 0 0;overflow: hidden;}

/* °øÅë */
br.mo_for { display:block; } 

.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: 22px; margin: 0 0 55px; font-weight:900; color: #fff; line-height: 1.2; z-index: 1; } 
.evSection .con_tit.black { color: #000 } 
.evSection .con_tit .point { color: var(--point-color4); } 
.evSection .con_tit.black .point { color: var(--point-color5); } 

.evSection .con_tit .evt { margin: 0 0 40px; display: block; } 
.evSection .con_tit .tiny { display:block; padding: 20px 0 0; font-weight: normal; } 
.evSection .con_tit .tiny.top { padding: 0 0 15px; font-weight: inherit; padding: 0 0 4px; } 
.evSection .bigt { display:block; font-weight: 900; font-size: 44px; } 
.evSection .bigt * { font-weight: inherit; } 
.evSection .bigt .dot { font-size: 0.6em; font-style: normal; padding: 0 5px; 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: -16px 0 30px; font-size:24px; } 
.eventWrap .tit_point strong { font-weight:900 } 
.eventWrap .tit_line { position: relative; margin-bottom: 60px; } 
.eventWrap .tit_line::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.5; } 
.eventWrap .tit_line span { position: relative; padding: 16px 74px; color: #fff; border-radius: 30px; font-size: 20px; font-weight: bold; background: #000; line-height: 1; } 


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

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


/* ÇȽº ¸Þ´º¸¦ À§ÇÑ css */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #000; z-index: 5; position: relative; position: absolute; top: 0; left: 0; width: 100%; } 
.fix_menu ul { width: 1200px; margin: 0 auto; display:flex; align-items:flex-start; justify-content: center; } 
.fix_menu li { position: relative; flex: 1; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { display: flex; font-size: 19px; position: relative; color: #fff; font-weight: 700; flex-direction: row; align-items: center; justify-content: center; height: 60px; } 
.fix_menu li a strong { color: var(--point-color4); padding: 0 0 0 5px; } 
.fix_menu li a br { display: none; } 
.fix_menu li a:before { content:''; display:block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #565656; height: 40%; width: 1px; } 
.fix_menu li:last-child a:before { display:none } 
.fix_menu li.on a { color:rgba(255, 255, 255, 1); } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 
/* ÇÏ´Ü¿¡ ºÙ´Â ·ÎÁ÷ÀÏ °æ¿ì */
.fix_menu.fixed.bottom { position: fixed; bottom: 0; top:auto; left: 0; width: 100%; } 




/* con1 */
.evSection.evCon1 { position: relative; background: #e9e9e9 url(https://image.megagong.net/m/2024/0117_jeonhangil/con1_img2.jpg) no-repeat center 0; padding: 0; color: #fff; z-index: 1; overflow: visible; } 
.evCon1 h3 { position: relative; text-align: left; padding: 110px 75px 19px; } 
.evCon1 h3 > img { margin: 0 0 0 -20px; } 
.evCon1 h3 span { display: flex; margin: 0 0 130px; letter-spacing: 1.45em; flex-direction: row; justify-content: space-between; line-height: 1; font-size: 18px; } 
.evCon1 h3 span b { color: #000; display: inline-block; text-align: right; margin: 0 -26px 0 0; } 
.evCon1 .tea_wrap { position: absolute; bottom: 0; right: -145px; } 
.evCon1 .tea_wrap a { display: flex; font-size: 18px; font-weight: normal; color: #909090; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; position: absolute; bottom: 30px; right: 106px; z-index:1 } 
.evCon1 .tea_wrap a i { display:flex; width: 22px; height: 22px; font-size: 16px; font-style: normal; font-weight: 900; background: #fff; justify-content: center; align-items: center; border-radius: 100%; margin: 0 0 0 6px; position: relative; top: unset; left: unset; right: unset; } 
.evCon1 .tea_wrap .tiny_noti { opacity: 0.5; color: #fff; margin: 0 0 75px; } 
.evCon1 .point { position: relative; font-size: 24px; padding: 0 80px 251px; text-align: left; line-height: 1.7; letter-spacing: -0.034em; } 
.evCon1 .point strong { color:#fff4a5 } 
.evCon1 i { position: absolute; top: 0; left: -90px; right: -10px; } 


/* con2 */
.evSection.evCon2 { position: relative; background: #192019 url(https://image.megagong.net/m/2024/0117_jeonhangil/con2_img1.jpg) no-repeat center 0; padding-bottom: 0; } 
.evSection.evCon2 .con_tit { z-index: 1; } 
.evCon2 .bigt sup { font-size: 0.5em; margin: 0; vertical-align: top; display: inline-block; margin: 5px 0 0 2px; } 
.evCon2 .ev1_charactSl { font-weight: 200; overflow: hidden; height: 526px; color: #fff; font-size: 18px; margin: -10px 0 0; } 
.evCon2 .ev1_charactSl .item { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } 
.evCon2 .ev1_charactSl .item span { display:block; padding: 3px 0 0; opacity: 0.5; font-size: 0.8em; font-weight: 200; } 
.evCon2 .tiny_noti { text-align:right; opacity:0.5; padding: 40px 0 50px; color: #fff; } 

/* con3 */
.evSection.evCon3 { background:#f5f5f5 } 
.evCon3 .bookInfo_wrap { position: relative; margin: 0 0 100px; } 
.evCon3 .bookInfo_wrap .tea { position: absolute; top: -260px; right: -300px; } 
.evCon3 .bookInfo_wrap .book_wrap { position: relative; text-align: left; padding: 0 0 0 167px; margin: 0 0 140px; } 
.evCon3 .bookInfo_wrap .book_wrap > img { box-shadow: 15px 16px 20px -5px rgb(0,0,0,0.2); top: 0; } 
.evCon3 .bookInfo_wrap .book_wrap ul { position: absolute; top: -32px; left: 0; width: 100%; height: 100%; } 
.evCon3 .bookInfo_wrap .book_wrap ul li { position:absolute } 
.evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(2) { bottom: 183px; right: 20px; } 
.evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(3) { left: 0; bottom: 65px; } 
.evCon3 .charact_slider { position: relative; overflow: hidden; margin: 0 0 60px; } 
.evCon3 .charact_slider .item { position: relative; padding: 10px 0 45px; } 
.evCon3 .charact_slider .item img { box-shadow:0px 20px 25px 0px rgba(0,0,0,0.1) } 
.evCon3 .charact_slider .item::before { content: ''; position: absolute; left: 40px; bottom: 0; width: calc(100% - 80px); height: 45px; background-image: url('https://img.megagong.net/common/video_bg.png'); background-repeat: no-repeat; background-position: 50% 0; background-size: 100% 100%; } 
.evCon3 .charact_slider .swiper-pagination { bottom: 0; } 
.evSection .twobtn_wrap { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin: 0 40px; gap: 20px; } 
.evSection .twobtn_wrap a { background: #000; color: #fff; flex: 1; display: flex; height: 90px; align-items: center; justify-content: center; font-size: 22px; border-radius: 5px; flex-direction: column; font-weight: bold; } 
.evSection .twobtn_wrap.solo { justify-content: center; } 
.evSection .twobtn_wrap.solo a { width: 50%; flex: unset; } 
.evSection .twobtn_wrap.solo a.end { background: #dddddd; color:#999999 } 

/* con4 */
.evSection.evCon4 { position: relative; overflow: visible !important; } 
.evCon4 .tiny_noti { text-align:right; opacity:0.5; padding:0 30px 0 0; margin: 0 0 50px; } 
.evCon4 .trpoint_wrap { display: flex; gap: 20px; margin: 0 40px 60px; } 
.evCon4 .trpoint_wrap li { flex: 1; background: #fff; border: 1px solid #ddd; height: 155px; padding: 72px 0 0; border-radius: 13px; background: url(https://image.megagong.net/m/2024/0117_jeonhangil/con4_img2.png) no-repeat center 35px; line-height: 1.2; } 
.evCon4 .eventVideo { margin: 0 40px 60px; } 

/* con5 */
.evSection.evCon5 { overflow: visible !important; background: #ffe8e8; } 
.evCon5 .curr_btn { position: absolute; top: -240px; right: 30px; } 
.evCon5 .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; gap: 1px; border-bottom: 1px solid var(--point-color5); margin: 0 0 40px; } 
.evCon5 .tab_base:after { content:''; display:block; clear:both; } 
.evCon5 .tab_base > li { flex: 1; } 
.evCon5 .tab_base.col3 > li { width:33.333%; } 
.evCon5 .tab_base > li a { display:block; color:#111; height: 80px; display: flex; align-items: center; justify-content: center; color: #b4b4b4; background: #fff; font-weight: bold; } 
.evCon5 .tab_base > li a br { display:none } 
.evCon5 .tab_base > li.on a { background-color: var(--point-color5); color:#fff; } 
.evCon5 .panel_base li { padding: 0 40px 0; } 
.evCon5 .eventVideo { box-shadow: 0px 20px 25px 0px rgba(0,0,0,0.1); } 
.evCon5 .twobtn_wrap { padding: 15px 0 0; } 
.evCon5 .twobtn_wrap a { color:var(--point-color4); font-size: 18px; } 
.evCon5 .twobtn_wrap a strong { color:#fff; font-size: 1.2em; letter-spacing: 0; } 

/* con6 */

/* con7 */
.evSection.evCon7 { position: relative; background: #a1080a url(https://image.megagong.net/m/2024/0117_jeonhangil/con5_img1.jpg) no-repeat center 0; } 

.evCon7 .charact_wrap { display: flex; gap: 26px; justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin: 0 0 60px; } 
.evCon7 .charact_wrap li { flex: 1; } 


/* con8 */
.evSection.evCon6 { background: #d2373d; } 
.evCon6 .con_tit { color: #fff; font-size: 45px; margin: 0 0 40px; } 
.evCon6 .con_tit .bigt { font-size: inherit; } 
.evCon6 .tit_point { color: #fff; } 
.evCon6 .tit_point strong { display: block; padding: 12px 0 0; font-size: 0.9em; font-weight: 200; } 
.evCon6 .line_point.yel_color2 { font-weight: 700 } 
.evCon6 .container_info { margin: 0 40px 90px; letter-spacing: -1px; } 
.evCon6 .container_info .info_date { font-weight: 600 } 
.evCon6 .container_info .info .noti {color: var(--point-color4);font-weight: normal;opacity: 1;} 
.evCon6 .event_gift { margin-bottom: 55px } 
.evCon6 .container_info + .gift_img { margin: 0 0 70px} 

.evCon6 .btn_wrap { margin-bottom: 80px; } 
.evCon6 .btn_wrap button { color:#fff; background: #000; font-size:24px; font-weight:bold; padding: 31px 136px; } 
.evCon6 .goods { display: flex; justify-content: center; align-items: flex-start; padding: 0; flex-direction: row; flex-wrap: wrap; margin: 0 -0 100px; } 
.evCon6 .goods li { flex: 1; } 
.evCon6 .goods li span { display:block; line-height: 1.4; font-weight: normal; font-size: 18px; } 
.evCon6 .goods li span b { display:block; font-weight: inherit; } 
.evCon6 .step_list { margin-bottom: 60px } 
.evCon6 .step_list ul { gap: 20px; background: #FFF; border-radius: 15px } 
.evCon6 .step_list li { position: relative; flex: 1; text-align: center; display: flex; flex-direction: column; color: #000; gap: 25px; padding: 36px 0; font-size: 20px } 
.evCon6 .step_list li:nth-child(2)::before { content: ''; display: block; position: absolute; left: -18px; top: 50%; transform: translateY(-50%); background: var(--arrow-url); width: 36px; height: 153px; background-size: contain; background-repeat: no-repeat } 
.evCon6 .step_list li:nth-child(2)::after { content: ''; display: block; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); background: var(--arrow-url); width: 36px; height: 153px; background-size: contain; background-repeat: no-repeat } 
.evCon6 .step_list li i { color: #ff00b6; font-weight: 900; font-style: normal } 
.evCon6 .step_list li span { color: #ff00b6; opacity: 1; display: block; margin-top: 5px } 
.evCon6 .step_wrap { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 55px; gap: 0; padding: 22px 0; background: #fff; } 
.evCon6 .step_wrap li { position: relative; width: 33.3%; padding: 0 0; flex: 1; height: 185px; border-left: 1px solid #ddd; } 
.evCon6 .step_wrap li:before { content:''; display:block; width: 40px; height: 40px; background: #000; border-radius: 100%; position: absolute; top: 50%; left: -21px; margin: -20px 0 0; } 
.evCon6 .step_wrap li:after { content:''; display:block; width: 10px; height: 10px; border: 3px solid #fff; border-width: 3px 3px 0 0; position: absolute; top: 50%; left: -10px; transform: rotate(45deg); margin: -6px 0 0; } 
.evCon6 .step_wrap li:nth-child(1):before,
.evCon6 .step_wrap li:nth-child(1):after { display:none } 
.evCon6 .step_wrap li i { font-style: normal; display: block; margin: 0 0 10px; padding: 10px 0 0; font-weight: 900; font-size: 19px; letter-spacing: 0.02em; } 
.evCon6 .step_wrap li p { padding: 0 0 30px; font-size: 20px; } 
.evCon6 .step_wrap li:nth-child(1) p span { color: #888; } 
.evCon6 .step_wrap li p span { display:block; font-size: 13px; padding: 10px 0 0; color: #f2356a; font-family: var(--font-warning); } 
.evCon6 .step_wrap li p .tiny_noti { display:block } 
.evCon6 .step_wrap li a { background: #f00; color: #fff; line-height: 1; display: flex; align-items: center; justify-content: center; width: 140px; padding: 7px 0; border-radius: 4px; margin: 8px auto 3px; font-size: 18px; } 
.evCon6 .tit_line.none { margin-bottom: 20px; text-align: left; } 
.evCon6 .tit_line.none::before { display: none; } 
.evCon6 .tit_line.none span { padding: 0; font-size: 18px; } 
.evCon6 .type_lst ul li { border-color: #939393; } 
.evCon6 .type_lst ul li a { color: #fff; line-height: 1; } 
.evCon6 .type_lst ul li.on a { color: #fff; } 

/* 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: #0082ff; text-decoration: underline; } 

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



.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:960px; letter-spacing: -0.08em; line-height: 1.3; background: #fff; top: 50%; left:50%; transform: translate(-50%,-50%); } 
.eventWrap .layerPopup .contentBox .pop_box { padding: 20px 20px 0; 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; bottom: -30px; right: 0; background: #000; padding: 3px; width:30px; height:30px; box-sizing: border-box; } 
.eventWrap .layerPopup .btnClose { position:absolute; top: 0; right: -48px; display:block; font-size:0; line-height:0; width:35px; height:35px; background:url('https://image.megagong.net/m/2022/0602_curr/certifi_clo.png') center center no-repeat; } 
.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; } 
.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; } 
.mg_tb_wrap + .mg_tb_wrap { margin-top: 20px; } 

.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; font-weight: bold; } 
.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%; } 

/* 24 02 16 */
.mg_popup_wrap.book_review .mg_textarea { height: 90px; } 
.mg_popup_wrap.book_review .mg_s_info, .mg_popup_wrap.book_review .mg_info_wrap, [class*=mg_popup_wrap].book_review .content_area .mg_btn_wrap { margin-top: 15px; } 
.mg_popup_wrap.book_review .mg_tb_wrap + .mg_tb_wrap { margin-top: 9px; } 
[class*=mg_popup_wrap].book_review .content_area .content_inner { padding: 30px 20px; } 
.mg_popup_wrap.book_review a.color_point { color: #364eff; font-weight: 900; } 

.eventWrap .new_event240217 .tit_line { margin-top: 95px; margin-bottom: 25px; } 
.eventWrap .new_event240217 .tit_line span { display: inline-block; } 
.eventWrap .evCon6.new_event240217 .con_tit { font-size: 32px; margin: 0 0 77px; } 
.eventWrap .evCon6.new_event240217 .con_tit .point { font-size: 42px; margin-top: 10px;display: block; } 
.eventWrap .evCon6.new_event240217 .container_info { background: transparent; color: #fff; justify-content: flex-start; font-size: 19px; padding: 0px 0px; gap: 16px; position: relative; width: 59%; letter-spacing: 0px; margin: 0 40px; } 
.eventWrap .evCon6.new_event240217 .container_info .info { align-items: flex-start; justify-content: left; margin-right: 0; width: 100%; } 
.eventWrap .evCon6.new_event240217 .container_info .info .info_title ,.eventWrap .evCon6.new_event240217 .container_info .info_date { font-weight: 500; } 
.eventWrap .evCon6.new_event240217 .container_info .info .info_title { margin-right: 30px; width: 96px; text-align: left; } 
.eventWrap .evCon6.new_event240217 .container_info .info .info_title::before { display: none; } 
.eventWrap .evCon6.new_event240217 .container_info .info .info_title::after { background-color: #fff; left: -12px; } 
.eventWrap .evCon6.new_event240217 .container_info .info .noti { color: #fff0a0; margin-top: 4px; } 
.eventWrap .evCon6.new_event240217 .container_info .info_date ul { text-align: left; } 
.eventWrap .evCon6.new_event240217 .container_info .info_date ul li { margin-bottom: 9px; } 
.eventWrap .evCon6.new_event240217 .container_info .info_point { color: #fff0a0; font-weight: 400; } 

.eventWrap .evCon6.new_event240217 .gift_box { position: relative; display: flex; align-items: center; margin-bottom: 100px; } 
.eventWrap .evCon6.new_event240217 .gift_box::before { content: ""; display: block; background: #c12930; width: 200%; height: 100%; padding: 33px 0; position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%); } 
.eventWrap .evCon6.new_event240217 .gift_box .gift_img { position: relative; width: 41%; } 
.eventWrap .evCon6.new_event240217 .type_lst ul li { border-color: #ffffff; } 

.evFixTab_wrap{}
.evFixTab{position: relative;left:0;top:0;width:100%;overflow:hidden;background-color:#000;}
.evFixTab ul{display:flex;width:1200px;margin:0 auto;}
.evFixTab ul li{width:50%;position: relative;}
.evFixTab ul li a{display:flex;font-size:22px;font-weight:900;color:rgba(255, 255, 255, 0.5);background-color:#000;padding:25px 0;justify-content:center;gap:0 10px;position: relative;align-items:center;}
.evFixTab ul li a span{font-size:13px;font-weight:300;border:1px solid #fff;padding:4.5px 17px;border-radius:15px;flex-shrink:0;}
.evFixTab ul li a span.on{background-color:#ffe34f;color:#000;border-color:#ffe34f;}
.evFixTab ul li.on a{color:#fff;background-color:#a71b1b;}
.evFixTab ul li.on::before{content:'';display:block;width:1000px;height:100%;position: absolute;top:0;background-color:#a71b1b;}
.evFixTab ul li:nth-child(1).on::before{right:0;}
.evFixTab ul li:nth-child(2).on::before{left:0;}
.evFixTab.fix{position: fixed;z-index:9;}
.evSection.evCon3.fixmode{padding-top:220px;}/* 140 + 80 */
.evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap{padding-left:327px;}
.evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap ul{left:150px;width:800px;}
.evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(2){bottom:323px;}
.evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(3){bottom:213px;}
.evPanel#panel2 .evCon4 .trpoint_wrap li{padding-top:30px;background:none;}
.evPanel#panel2 .evCon4 .trpoint_wrap li span{display:block;}
.evPanel#panel2 .evCon4 .trpoint_wrap li .tit{display:inline-block;padding-left:37px;background:url(https://image.megagong.net/m/2024/0416_jeonhangil/ico_tit.png) 0 0 no-repeat;line-height:30px;font-size:22px;}
.evPanel#panel2 .evCon4 .trpoint_wrap li .txt{font-size:18px;margin-top:10px;}

.eventWrap .new_event240416 .tit_line { margin-top: 95px; margin-bottom: 25px; } 
.eventWrap .new_event240416 .tit_line span { display: inline-block; } 
.eventWrap .evCon6.new_event240416 .con_tit { font-size: 20px; margin: 0 0 77px; } 
.eventWrap .evCon6.new_event240416 .con_tit .point { font-size: 42px; margin-top: 10px;display: block; font-weight:900;} 
.eventWrap .evCon6.new_event240416 .con_tit .bigt{font-weight:500;}
.eventWrap .evCon6.new_event240416 .container_info { background: transparent; color: #fff; justify-content: flex-start; font-size: 19px; padding: 0px 0px; gap: 16px; position: relative; width: 59%; letter-spacing: 0px; margin: 0 40px; } 
.eventWrap .evCon6.new_event240416 .container_info .info { align-items: flex-start; justify-content: left; margin-right: 0; width: 100%; } 
.eventWrap .evCon6.new_event240416 .container_info .info .info_title ,.eventWrap .evCon6.new_event240416 .container_info .info_date { font-weight: 500; } 
.eventWrap .evCon6.new_event240416 .container_info .info .info_title { margin-right: 30px; width: 96px; text-align: left; } 
.eventWrap .evCon6.new_event240416 .container_info .info .info_title::before { display: none; } 
.eventWrap .evCon6.new_event240416 .container_info .info .info_title::after { background-color: #fff; left: -12px; } 
.eventWrap .evCon6.new_event240416 .container_info .info .noti { color: #fff0a0; margin-top: 4px; } 
.eventWrap .evCon6.new_event240416 .container_info .info_date ul { text-align: left; } 
.eventWrap .evCon6.new_event240416 .container_info .info_date ul li { margin-bottom: 9px; } 
.eventWrap .evCon6.new_event240416 .container_info .info_point { color: #fff0a0; font-weight: 400; } 

.eventWrap .evCon6.new_event240416 .gift_box { position: relative; display: flex; align-items: center; margin-bottom: 100px; } 
.eventWrap .evCon6.new_event240416 .gift_box::before { content: ""; display: block; background: #c12930; width: 200%; height: 100%; padding: 33px 0; position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%); } 
.eventWrap .evCon6.new_event240416 .gift_box .gift_img { position: relative; width: 41%; } 
.eventWrap .evCon6.new_event240416 .type_lst ul li { border-color: #ffffff; } 


/*240807 css Ãß°¡*/
.flt_inner {right: 0;}
.flt_inner.renewal li.top {margin-top:0;}

.evSection.evCon6.new_event2400808 .event_detail {color: #fff; font-size: 20px; font-weight: 400;}
.evSection.evCon6.new_event2400808 .event_detail + .event_detail {margin-top: 20px;margin: 15px 0 50px;}
.evSection.evCon6.new_event2400808 .event_detail .line_strong {display: inline-block; margin:10px 0 0; border-bottom: 1px solid #fff; font-weight: bold;}
.evSection.evCon6.new_event2400808 .gift_box_wrap {margin: 55px 0; display: flex; align-items: center; justify-content: space-between;}
.evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info {margin: 0 0 20px 0; display: flex; align-items: center; gap:10px;}
.evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info .info_title {display: flex; align-items: center; justify-content: center; background-color: #000; color: #fff; padding: 10px 20px; font-size: 20px; font-weight: bold; border-radius: 40px;}
.evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info .info_date {color: #fff; font-size: 20px; font-weight: bold;}
.evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info .noti {color: #fff0a0; font-size: 13px;}
.evSection.evCon6.new_event2400808 .gift_box_wrap .gift_img {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.evSection.evCon6.new_event2400808 .gift_box_wrap .gift_img p {margin: 10px 0 0; font-size: 18px; font-weight: 600;}

.evSection.evCon6.new_event2400808 .sub_tit {position: relative; color:#fff; width: 1080px; margin: 0 auto 30px; font-size: 26px;}
.evSection.evCon6.new_event2400808 .sub_tit span {display: inline-block; padding: 0 20px; position:relative; background-color: #d2363d;}
.evSection.evCon6.new_event2400808 .sub_tit::before {content:""; display: block; width: 100%; height: 1px; background-color: #fff; position:absolute; top:50%; transform: translateY(-50%)}
.evSection.evCon6.new_event2400808 .white_box_wrap {margin: 0 0 60px 0; display: flex; align-items: center; justify-content: center;padding: 25px 0; box-sizing: border-box; background-color: #fff; border-radius: 20px ;}
.evSection.evCon6.new_event2400808 .white_box_wrap .white_box {display: flex; flex-direction: column; justify-content: center; align-items: center; position:relative; width: 33.333%; border-right: 1px solid #ddd; box-sizing: border-box; font-size: 20px; min-height: 153px;}
.evSection.evCon6.new_event2400808 .white_box_wrap .white_box::after {content: "";display: block;position: absolute;right: -18px;bottom: 50%;transform: translateY(50%);width: 36px;height: 36px;background-image: url("https://image.megagong.net/m/2024/0807_jeonhangil/arrow.png");background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
.evSection.evCon6.new_event2400808 .white_box_wrap .white_box:last-child:after {display: none; width: 0; height: 0;}
.evSection.evCon6.new_event2400808 .white_box_wrap .white_box .step {display: block; font-weight: 900; margin: 0 0 10px 0;} 
.evSection.evCon6.new_event2400808 .white_box_wrap .white_box p .red {font-weight: 900; color: #d2363d;}
.evSection.evCon6.new_event2400808 .twobtn_wrap .yellow {background-color: #ffe34f; color:#000; font-weight: 900;}

#event { background-color: #d2363d; }
#event .con_tit { color:var(--color-white); }
#event .con_tit.clp-fs46{font-size:46px;}
#event .container_info .info .noti { color: var(--color-white); }
#event .obj_cover .partc_obj { left: 50%; top: 31%; }
#event .container_info.ver_circle .info .info_date{color:#fff;}
#event .mega_card_wrap.ver_npay {margin-top:70px;}


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

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

    .evCon_event .con_tit .end {/* right:0; *//* width:26%; *//* height: 30vw; */} 
    .eventWrap sup { vertical-align:top } 
    .evSection .con_tit .evt { margin: 0 38% 3%; } 
    .evSection .bigt sup { font-size:27px } 
    .evSection .con_tit { font-size: 4.6vw; margin:0 0 5%; } 
    .evSection .con_tit .tiny { font-size: 2.6vw; padding: 3% 0 0; } 
    .evSection .bigt { font-size: 4.6vw; } 
    .evSection .bigt.wht { color:#fff } 
    .eventWrap .tit_point { margin: 0 0 5%; font-size: 2.6vw; } 
    .eventWrap .tit_line { margin-bottom: 6% } 
    .eventWrap .tit_line span { font-size: 2.4vw; padding: 1.5% 7%; } 
    .evCon6 .tit_line.none span { font-size: 3vw; } 

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

    /* con1 */
    .evSection.evCon1 { padding: 0; overflow: hidden; } 
    .evCon1 h3 { padding: 15% 3% 0; } 
    .evCon1 h3 > img { width: 57%; } 
    .evCon1 h3 span { font-size: 2vw; letter-spacing: 2.3vw; margin: 0 0 5%; } 
    .evCon1 .tea_wrap { width: 70%; } 
    .evCon1 .tea_wrap a { right: 29%; } 
    .evCon1 .point { font-size: 2.4vw; line-height: 1.5; padding: 0 4% 20%; } 
    .evCon1 i { right: unset; left: -8%; width: 117%; } 


    /* con2 */
    .evSection.evCon2 { padding-bottom: 0; background-size: cover; } 
    .evCon2 .ev1_charactSl { font-size: 2.0vw; height: 57vw; } 
    .evCon2 .tiny_noti { padding: 3% 0 15%; } 

    /* con3 */
    .evCon3 .bookInfo_wrap { margin: 0 0 0 0; padding: 0 30% 0 0; } 
    .evCon3 .bookInfo_wrap .tea { right: -8%; width: 38%; top: -5vw; } 
    .evCon3 .bookInfo_wrap .book_wrap { margin: 0 0 10%; padding: 0 0 0 20%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul { top: -5%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul li { width: 25%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(2) { right: -17%; bottom: 20%; } 
    .evCon3 .charact_slider { margin: 0 0 7%; } 
    .evCon3 .charact_slider .item { padding: 4%; } 
    .evCon3 .charact_slider .item img { box-shadow:none } 
    .evCon3 .charact_slider .item::before { opacity:0.5 } 
    .evSection .twobtn_wrap { margin: 0; } 
    .evSection .twobtn_wrap a { height: auto; font-size: 2.3vw; padding: 2.5% 0; } 
    .evCon7 .twobtn_wrap a { padding: 0 14%; } 

    /* con4 */
    .evCon4 .trpoint_wrap { margin: 0 0 3%; } 
    .evCon4 .trpoint_wrap li { background-size: 7%; font-size: 2vw; height: 15vw; padding: 7vw 0 0; background-position: center 3vw; } 
    .evCon4 .eventVideo { margin: 0 0 6%; } 

    /* con5 */
    .evCon5 .tab_base > li a { font-size: 2.2vw; height: auto; padding: 13% 0; } 
    .evCon5 .panel_base li { padding: 0; } 

    /* con6 */
    .evCon6 .container_info { margin: 0 0 5%; } 
    .evCon6 .goods { margin: 0 0 10%; } 
    .evCon6 .goods li span { font-size: 1.6vw; } 
    .evCon6 .step_wrap { padding: 2% 0; } 
    .evCon6 .step_wrap li { position: relative; width: 33.3%; padding: 0 0; flex: 1; height: 185px; border-left: 1px solid #ddd; } 
    .evCon6 .step_wrap li:before { width: 3vw; height: 3vw; left: -5%; margin: -1.5vw 0 0; } 
    .evCon6 .step_wrap li:after { margin: -0.55vw 0 0; width: 1vw; height: 1vw; border-width: 0.3vw 0.3vw 0 0; } 
    .evCon6 .step_wrap li:nth-child(1):before,
    .evCon6 .step_wrap li:nth-child(1):after { display:none } 
    .evCon6 .step_wrap li i { margin: 0 0 2%; padding: 0; font-size: 2.2vw; } 
    .evCon6 .step_wrap li p { padding: 0 0 0; font-size: 2vw; } 
    .evCon6 .step_wrap li p .tiny_noti { display:block } 
    .evCon6 .step_wrap li a { width: 70%; padding: 2% 0; margin: 1vw auto 1vw; font-size: 2vw; } 

    /* con7 */
    .evSection.evCon7 { background-size: cover; } 
    .evCon7 .charact_wrap { margin: 0 0 5%; gap: 1%; } 

    /* con8 */

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

    .eventWrap .layerPopup .contentBox { width: 90%; } 
    .eventWrap .layerPopup .btnClose { top: -28px; right: 0px; width: 20px; height: 20px; } 
    .eventWrap .layerPopup .contentBox .pop_box .tab_btn,.eventWrap .layerPopup .contentBox .pop_box .curr_tab { margin-bottom: 2%; } 

    /* 24 02 16 */
    .eventWrap .evCon6.new_event240217 .con_tit .end { right: 4%; top: 25%; max-width: 20vw; max-height: 20vw; } 
    .eventWrap .evCon6.new_event240217 .con_tit { margin: 0 0 8%; font-size: 3.6vw; } 

    .eventWrap .evCon6.new_event240217 .gift_box { margin-bottom: 10%; justify-content: space-around; } 
    .eventWrap .evCon6.new_event240217 .gift_box .gift_img { width: 23%; } 
    .eventWrap .evCon6.new_event240217 .gift_box::before { padding: 3% 0; } 
    .eventWrap .evCon6.new_event240217 .container_info { font-size: 1.9vw; margin: 0 2%; } 
    .eventWrap .evCon6.new_event240217 .container_info .info .info_title { margin-right: 4%; width: 10vw; } 
    .eventWrap .evCon6.new_event240217 .container_info .info .noti { margin-top: 1%; margin-left: 2%; } 
    .eventWrap .evCon6.new_event240217 .tit_line span { font-size: 2.2vw; padding: 1.5% 7%; } 
    .eventWrap .evCon6.new_event240217 .con_tit .point { font-size: 4.8vw; margin-top: 2%;} 

    .evFixTab ul{width:100%;}
    .evSection.evCon3.fixmode{padding-top:calc(15% + 80px);}/* 140 + 80 */

    .evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap{padding-left:20%;}
    .evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap ul{width:100%;left:0;}
    .evPanel#panel2 .bookInfo_wrap .book_wrap > img{width:80%;}
    .evPanel#panel2 .bookInfo_wrap .book_wrap ul li:nth-child(2){right:-4%}
    .evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(3){bottom:40%;}

    .evPanel#panel2 .evCon4 .trpoint_wrap li{padding-top:3vw;}
    .evPanel#panel2 .evCon4 .trpoint_wrap li .tit{font-size:clamp(14px, 3vw, 22px);}
    .evPanel#panel2 .evCon4 .trpoint_wrap li .txt{font-size:clamp(12px, 2vw, 18px);margin-top:5px;}

    .eventWrap .evCon6.new_event240416 .con_tit .end { right: 4%; top: 25%; max-width: 20vw; max-height: 20vw; } 
    .eventWrap .evCon6.new_event240416 .con_tit { margin: 0 0 8%; font-size: 3.6vw; } 

    .eventWrap .evCon6.new_event240416 .gift_box { margin-bottom: 10%; justify-content: space-around; } 
    .eventWrap .evCon6.new_event240416 .gift_box .gift_img { width: 23%; } 
    .eventWrap .evCon6.new_event240416 .gift_box::before { padding: 3% 0; } 
    .eventWrap .evCon6.new_event240416 .container_info { font-size: 1.9vw; margin: 0 2%; } 
    .eventWrap .evCon6.new_event240416 .container_info .info .info_title { margin-right: 4%; width: 10vw; } 
    .eventWrap .evCon6.new_event240416 .container_info .info .noti { margin-top: 1%; margin-left: 2%; } 
    .eventWrap .evCon6.new_event240416 .tit_line span { font-size: 2.2vw; padding: 1.5% 7%; } 
    .eventWrap .evCon6.new_event240416 .con_tit .bigt{font-size:clamp(12px, 3.3vw, 20px); }
    .eventWrap .evCon6.new_event240416 .con_tit .point { margin-top: 2%;font-size:clamp(16px, 4vw, 42px);} 


    /*240807 css Ãß°¡*/
    .evSection.evCon6.new_event2400808 .sub_tit {width: 96%;font-size: clamp(16px, 3.5vmin, 24px);}
    .evSection.evCon6.new_event2400808 .event_detail {font-size: clamp(13px, 2.5vmin, 21px);}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info .info_title {font-size: clamp(13px, 2.5vmin, 21px); padding: 1% 2%;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info .info_date {font-size: clamp(13px, 2.5vmin, 21px);}
    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box {font-size: clamp(13px, 2.5vmin, 21px);}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info {width: 70%;}

    .evCon6 .container_info + .gift_img img{width: clamp(280px, 53vmin, 500px);}

    #event .con_tit.clp-fs46 {font-size:clamp(20px,5.1vmin,46px);}
    .mega_card_wrap.ver_npay {margin-top:7%;}
    
}



@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 { height: 80vw; 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; } 

    /* 24 02 16 */
    .eventWrap .evCon6.new_event240217 .gift_box .gift_img { width: 23%; } 
    .eventWrap .evCon6.new_event240217 .container_info .info { margin-bottom: 2%; } 
    .eventWrap .evCon6.new_event240217 .container_info .info .noti { margin-top: 1%; font-size: 11px; } 
    .eventWrap .evCon6.new_event240217 .container_info .info_date ul li { margin-bottom: 1%; } 
    .eventWrap .new_event240217 .tit_line { margin-top: 8%; margin-bottom: 2%; } 

    .eventWrap .evCon6.new_event240416 .gift_box .gift_img { width: 23%; } 
    .eventWrap .evCon6.new_event240416 .container_info .info { margin-bottom: 2%; } 
    .eventWrap .evCon6.new_event240416 .container_info .info .noti { margin-top: 1%; font-size: 11px; } 
    .eventWrap .evCon6.new_event240416 .container_info .info_date ul li { margin-bottom: 1%; } 
    .eventWrap .new_event240416 .tit_line { margin-top: 8%; margin-bottom: 2%; } 


    /*240807 css Ãß°¡*/
    .evSection.evCon6.new_event2400808 .gift_box_wrap {display: block;margin: 10% 0;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_img img {width:auto;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info {/* gap: 10px; */margin: 0 0 10px 0;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_img {margin: 30px 0 0;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info {width: 100%;}
}





@media screen and (max-width: 768px){
    .fix_menu li { flex:none; width: 50%; border: 1px solid #585858; border-width: 0px 0px 1px 0px; } 
    .fix_menu li:nth-child(2n) { border-left: 1px solid #585858; } 
    .fix_menu.c3 li:nth-child(1) { width: 100%; border-left: 0 !important; } 
    .fix_menu.c3 li:nth-child(2n) { border-left: 0; } 
    .fix_menu.c3 li:nth-child(3) { border-left:1px solid #585858 } 
    .fix_menu li a { font-size: 2.5vw; padding: 2vw 0; height: auto; } 
    .fix_menu li a:before { display:none } 
    .fix_menu li:last-child a { letter-spacing: -.15rem; } 

    /* °øÅë */
    .br_768 { display: block } 
    .br_768_none { display: none } 
    .eventWrap .tit_line span { font-size: 3.8vw; padding: 1% 5%; } 

    .evCon1 h3 { padding: 25% 3% 0; } 

    [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 { height: 80vw; 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; } 


    /* 24 02 16 */
    .eventWrap .evCon6.new_event240217 .gift_box { flex-wrap: wrap-reverse; } 
    .eventWrap .evCon6.new_event240217 .gift_box .gift_img { width: 100%; padding: 3% 30% 0 40%; margin-bottom: 4%; } 
    .eventWrap .evCon6.new_event240217 .container_info { margin: 0 0 0 13%; width: 100%; font-size: 2.6vw; } 
    .eventWrap .evCon6.new_event240217 .container_info .info .info_title { width: 13vw; } 
    .eventWrap .evCon6.new_event240217 .twobtn_wrap a { font-size: 3.2vw; padding: 3% 0; } 
    .eventWrap .evCon6.new_event240217 .tit_line span { font-size: 2.6vw; } 

    .evFixTab{height:60px;}
    .evFixTab ul li a{font-size:16px;padding:15px 5px;}
    .evSection.evCon3.fixmode{padding-top:calc(15% + 60px)}

    .eventWrap .evCon6.new_event240416 .gift_box { flex-wrap: wrap-reverse; } 
    .eventWrap .evCon6.new_event240416 .gift_box .gift_img { width: 100%; padding: 3% 30% 0 40%; margin-bottom: 4%; } 
    .eventWrap .evCon6.new_event240416 .container_info { margin: 0 0 0 13%; width: 100%; font-size: 2.6vw; } 
    .eventWrap .evCon6.new_event240416 .container_info .info .info_title { width: 13vw; } 
    .eventWrap .evCon6.new_event240416 .twobtn_wrap a { font-size: 3.2vw; padding: 3% 0; } 
    .eventWrap .evCon6.new_event240416 .tit_line span { font-size: 2.6vw; } 


    /*240807 css Ãß°¡*/
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_img img {width: 50%;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_img p {font-size: 15px;}
    .evSection.evCon6.new_event2400808 .white_box_wrap {flex-direction: column;padding: 0;margin: 0 auto 8%;width: 92%;}
    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box {border-right: none;width: 100%;border-bottom: 1px solid #ddd;min-height: auto;padding: 9% 0;}
    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box::after {bottom: 0;right: 50%;transform: translate(50%, 50%) rotate(90deg);}
    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box:nth-child(1) {padding: 6% 0 8% 0;}    
    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box:nth-child(2) {padding: 8% 0;}  
    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box:last-child {border-bottom: none;padding: 8% 0 6% 0;}

    .evSection.evCon6.new_event2400808 .white_box_wrap .white_box::after {width: 24px;height: 24px;}
    .evSection.evCon6.new_event2400808 .gift_box_wrap .gift_info .info .info_title {padding: 1% 3%;}
}






@media screen and (max-width: 576px){
    .fix_menu li a { font-size: 3.2vw; padding: 2.5vw 0; } 
    .fix_menu li a br { display: block; } 

    br.for_576 { display:block; } 

    .evSection .con_tit .tiny { font-size: 3.3vw; } 
    .eventWrap .tit_point { font-size:3.6vw; } 
    .evSection .con_tit { font-size: 5.2vw; } 
    .evSection .bigt { font-size: 5vw; } 

    .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 */
    .evSection.evCon1 { padding: 0; overflow: hidden; } 
    .evCon1 h3 > img { width: 59%; margin: 0 0 0 -3%; } 
    .evCon1 h3 span { font-size: 3vw; letter-spacing: 1.5vw; margin: 0 0 8%; } 
    .evCon1 h3 span b { margin: 0; } 
    .evCon1 .tea_wrap { width: 70%; right: -15%; } 
    .evCon1 .tea_wrap a { right: 29%; font-size: 14px; } 
    .evCon1 .point { font-size: 3.4vw; line-height: 1.5; padding: 4% 4% 14%; text-shadow: 0px 0px 12px rgba(0,0,0,0.7); } 
    .evCon1 i { right: unset; left: -8%; width: 117%; } 


    /* con2 */
    .evCon2 .ev1_charactSl { font-size: 3vw; height: 76vw; margin: 0; } 
    .evCon2 .tiny_noti { padding: 8% 0 15%; opacity: 0.2; text-align: center; } 

    /* con3 */
    .evCon3 .bookInfo_wrap { padding: 0; } 
    .evCon3 .bookInfo_wrap .tea { display: none; } 
    .evCon3 .bookInfo_wrap .book_wrap { padding: 0 10% 0 20%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul { top: -5%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul li { width: 25%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(2) { right: 0; bottom: 6%; } 
    .evCon3 .bookInfo_wrap .book_wrap ul li:nth-child(3) { bottom: 10%; } 
    .evCon3 .charact_slider { margin: 0 0 7%; padding: 0 0 4%; } 
    .evCon3 .charact_slider .item::before { display:none } 
    .evSection .twobtn_wrap { gap: 2%; } 
    .evSection .twobtn_wrap a { font-size: 3.3vw; padding: 3% 0; } 
    .evCon7 .twobtn_wrap a { padding: 0 11%; } 
    .evSection .twobtn_wrap.solo a { width: 60%; font-size: 3.8vw; } 

    /* con4 */
    .evCon4 .trpoint_wrap { margin: 0 0 3%; display: flex; gap: 1%; flex-direction: column; } 
    .evCon4 .trpoint_wrap li { border-radius: 5px; background-size: 3.4vw; font-size: 3.2vw; height: 15vw; background-position: 9% 50%; flex: none; width: 100%; margin: 0 0 1%; text-align: left; padding: 2% 0 2% 14%; height: auto; } 
    .evCon4 .trpoint_wrap li br { display:none } 
    .evCon4 .eventVideo { margin: 0 0 6%; } 

    /* con5 */
    .evCon5 .tab_base { margin: 0 0 5%; } 
    .evCon5 .tab_base > li a { font-size: 3.5vw; height: auto; padding: 13% 0; } 
    .evCon5 .tab_base > li a br { display:block } 
    .evCon5 .panel_base li { padding: 0; } 
    .evCon5 .twobtn_wrap { padding: 0; } 
    .evCon5 .twobtn_wrap a { font-size: 3.1vw; } 

    /* con6 */
    .evCon6 .container_info { margin: 0 0 5%; } 
    .evCon6 .goods { margin: 0 0 10%; } 
    .evCon6 .goods li { flex: none; width: 50%; margin: 0 0 10px; padding: 0 3%; } 
    .evCon6 .goods li:nth-child(1) { width: 100%; padding: 0 28%; } 
    .evCon6 .goods li span { font-size: 2.8vw; } 
    .evCon6 .step_wrap { padding: 2% 0; display: flex; flex-direction: column; background: none; margin: 0 0 3%; } 
    .evCon6 .step_wrap li { position: relative; width: 33.3%; padding: 0 0; flex: 1; height: 185px; border-left: 1px solid #ddd; } 
    .evCon6 .step_wrap li { flex: none; width: 100%; height: auto; margin: 0 0 1px; background: #fff; padding: 11px 0; } 
    .evCon6 .step_wrap li:before,
    .evCon6 .step_wrap li:after { display:none } 
    .evCon6 .step_wrap li i { font-size: 13px; margin: 0 0 3px; } 
    .evCon6 .step_wrap li p { padding: 0 0 0; font-size: 14px; } 
    .evCon6 .step_wrap li p br { display:none } 
    .evCon6 .step_wrap li p span { padding: 5px 0 0; font-size: 12px; } 
    .evCon6 .step_wrap li p .tiny_noti { display:block } 
    .evCon6 .step_wrap li a { width: 44%; font-size: 14px; margin-bottom: 0; } 

    /* con7 */
    .evSection.evCon7 { background-size: cover; } 
    .evCon7 .charact_wrap { margin: 0 0 5%; gap: 1%; } 
    .evCon7 .charact_wrap li { overflow: hidden; border-radius: 9px; } 
    .evCon7 .charact_wrap li img { max-width: 160%; width: 154%; margin: 0 0 0 -27%; } 


    /* con8 */


    /* 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 .teaCurr { height: 100vw; } 
    .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; } 

    /* 24 02 16 */
    .mfp-zin.mfp-ready .z-anim { padding: 0 2%; } 
    [class*=mg_popup_wrap].book_review .content_area .content_inner { padding: 5% 2%; } 
    [class*=mg_popup_wrap].book_review .content_area .mg_btn_wrap .mg_btn_base { padding: 15px 5px; } 
    #popupCertified.book_review .mg_s_info li { font-size: 11px; } 
    .book_review .mg_tb_form th, .book_review .mg_tb_form td { padding: 5px 4px; } 

    .eventWrap .evCon6.new_event240217 .con_tit .evt { margin: 0 33% 3%; } 
    .eventWrap .evCon6.new_event240217 .con_tit { font-size: 5vw; } 
    .eventWrap .evCon6.new_event240217 .con_tit .point { font-size: 6vw; } 
    .eventWrap .evCon6.new_event240217 .gift_box .gift_img { width: 100%; padding: 3% 24% 0 34%; margin-bottom: 6%; } 
    .eventWrap .evCon6.new_event240217 .container_info { margin: 0 0 0 3%; font-size: 3.4vw; } 
    .eventWrap .evCon6.new_event240217 .container_info .info .info_title { width: 18vw; margin-right: 1%; } 
    .eventWrap .evCon6.new_event240217 .container_info .info .info_title::after { left: -9%; } 
    .eventWrap .evCon6.new_event240217 .twobtn_wrap a { font-size: 4vw; padding: 4% 0; } 
    .eventWrap .evCon6.new_event240217 .tit_line span { font-size: 3.5vw; padding: 2% 8%; } 

    .evPanel#panel2 .evCon3 .bookInfo_wrap .book_wrap{padding-right:0;}
    .evPanel#panel2 .evCon4 .trpoint_wrap li{padding:2% 0 2% 4%;}

    .eventWrap .evCon6.new_event240416 .con_tit .evt { margin: 0 33% 3%; } 
    .eventWrap .evCon6.new_event240416 .con_tit { font-size: 5vw; } 
    .eventWrap .evCon6.new_event240416 .con_tit .point { font-size: 6vw; } 
    .eventWrap .evCon6.new_event240416 .gift_box .gift_img { width: 100%; padding: 3% 24% 0 34%; margin-bottom: 6%; } 
    .eventWrap .evCon6.new_event240416 .container_info { margin: 0 0 0 3%; font-size: 3.4vw; } 
    .eventWrap .evCon6.new_event240416 .container_info .info .info_title { width: 18vw; margin-right: 1%; } 
    .eventWrap .evCon6.new_event240416 .container_info .info .info_title::after { left: -9%; } 
    .eventWrap .evCon6.new_event240416 .twobtn_wrap a { font-size: 4vw; padding: 4% 0; } 
    .eventWrap .evCon6.new_event240416 .tit_line span { font-size: 3.5vw; padding: 2% 8%; } 

    .evCon6 .container_info + .gift_img{margin-bottom: 30px;}

    .evFixTab{height:auto;}
    .evFixTab ul li{display:flex;align-items:center;justify-content: center;}
    .evFixTab ul li a{font-size:14px;gap:0 5px;padding:15px;}
    .evFixTab ul li a span{font-size:12px;padding:4px 5px;}
 }