@charset "euc-kr";

:root { --point-color1: #00D37F } 

.evSection .fw-300 { font-weight: 300 !important } 
.evSection .fw-400 { font-weight: 400 !important } 
.evSection .fw-500 { font-weight: 500 !important } 
.evSection .fw-bold { font-weight: bold !important } 
.evSection .color-black { color: #111 !important } 
.evSection .color-highlight { color: var(--point-color1) !important } 

.con_tit .end::after { background: #111 } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection { line-height: 1.3; padding: 150px 0 } 
.evSection .mini_tit { opacity: 0.5; margin: 0 0 15px } 
.evSection .con_tit { margin: 0 0 65px; line-height: 1.3 } 
.evSection .con_tit strong { font-weight:inherit } 
.evSection .con_tit .end { z-index: 1 } 

.passTab .tab_nav li.on a { background: var(--point-color1); border-color: var(--point-color1) } 
.sale_box.on .passGoods_label { border-color: var(--point-color1) } 
.sale_box .plus_pad .name i, .sale_box .plus_support .name i { color: var(--point-color1) } 
.buybtn_wrap li a { background: #000 } 

.eventWrap .swiper_basic1_wrap { position: relative } 
.eventWrap .swiper-initialized { /* position: relative; *//* overflow: hidden; */ } 

/* S: [fixmenu] ·¹À̾ƿô */
.eventWrap .evSection.fix_mode { padding-top:100px } 
.fix_menu { position: absolute; height: 80px; border-radius: 10px; z-index: 1; border: 1px solid rgba(255, 255, 255, 0.40); background: linear-gradient(90deg, #00D37F 0%, #00AEFF 100%); bottom: 0; left: 0; width: 100%; } 
.fix_menu ul { /* width: 1000px; */margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; height: 100% } 
.fix_menu li { width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 40px } 
.fix_menu li p { font-weight: bold } 
.fix_menu li p strong { font-weight: inherit; color: #000 } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2 } 
.fix_menu li a { display: block; position: relative; font-weight: 700; width: 200px; color: #000; background: #fff; padding: 10px 0; font-size: 13px; border-radius: 3px } 
/* .fix_menu.fixed { position: fixed; top: 0; left: 0; width: 1200px } */
/* ÇÏ´Ü¿¡ ºÙ´Â ·ÎÁ÷ÀÏ °æ¿ì */
.fix_menu.fixed { z-index: 3; } 
.fix_menu.fixed.bottom { position: fixed; bottom: 50px; top:auto; left: 50%; width: 1200px; transform: translate(-50%) } 
.fix_menu li .fix_btn { display: flex; justify-content: space-between; align-items: center; gap: 10px } 

.evSection .color-highlight { color:var(--point-color1) !important } 
.evSection .opacity1 { opacity: 1 } 

/* con1 */
.eventWrap .evSection.evCon1 { position: relative; background: #000000 url(https://img.megagong.net/m/2025/0930_njobpass/con_img3.png) no-repeat center 0 !important; color:#fff; padding: 55px 0 0; text-align: center; } 
.evCon1 .inner { padding: 0 0 80px; } 
.evCon1 .con_tit { position: relative; font-size: 80px; font-weight: 900; margin: 0 0 30px; letter-spacing: -0.04em } 
.evCon1 .top { position: absolute; top: -80px; right: -85px; } 
.evCon1 .mini_tit { margin-bottom: 30px; text-align: left; font-weight: 400 } 
.evCon1 .sub_tit { position: relative; text-align: left; font-weight: 400; margin-bottom: 10px; margin: 0 0 402px; text-align: center; } 
.evCon1 .sub_tit p { line-height: 1.4; } 
.evCon1 .teacher_home { display: inline-flex; margin: 0 0 77px; } 
.evCon1 .con_tit_plus { font-weight: bold; margin: 0 0 13px } 

/* con2 */
.eventWrap .evSection.evCon2 { background: #000; padding-bottom: 0; } 
.evCon2 .con2metrics_swiper .swiper-slide { width: 100%; background: #fff; border-radius: 10px } 
.guide_list { padding:20px; max-width:900px; margin:0 auto } 
.evCon2 .con2metrics_swiper .item { padding: 50px 60px; margin-bottom:20px; display:flex; flex-direction: row; gap:10px; flex-wrap: wrap; justify-content: space-between; text-align: left; align-items: center } 
.evCon2 .con2metrics_swiper .item dt { font-weight:bold; margin-bottom: -6px } 
.evCon2 .con2metrics_swiper .item dd { margin: 14px 0 0; line-height:1.5; color: #555555; font-weight: normal } 
.evCon2 .con2metrics_swiper .item .dot_list { display:flex; flex-direction:column; gap:4px; opacity: 1; color: #000; font-weight: bold } 
.evCon2 .con2metrics_swiper .item .notice { font-size: 13px; color: #999 } 

.evCon2 .con2metrics_swiper .item .btn { display:inline-block; background:#000; color:#fff; padding: 11px 35px; border:none; border-radius:4px; cursor:pointer; font-size: 13px; font-weight: bold; margin: 0 0 0; font-family: inherit } 
.evCon2 .con2metrics_swiper .item .logo_wrap { margin-top:15px } 
.evCon2 .con2metrics_swiper .item .logo_wrap img { max-width:100%; height:auto; display:block } 
.evCon2 .con2metrics_swiper .item .table_wrap { overflow: hidden; margin-top:10px; width: 529px } 
.evCon2 .con2metrics_swiper .item .table_wrap table { width: calc(100% + 2px); border-collapse:collapse; font-size:14px; margin: 0 0 0 -1px } 
.evCon2 .con2metrics_swiper .item .table_wrap th,
.evCon2 .con2metrics_swiper .item .table_wrap td { border: 1px solid #ECECEC; padding: 11px 5px; text-align:center } 
.evCon2 .con2metrics_swiper .item .table_wrap th { background:#f2f2f2; font-weight:bold } 
.evCon2 .con2metrics_swiper .item .table_wrap td { font-weight: normal } 

/* con3 */
.eventWrap .evSection.evCon3 { background: linear-gradient(180deg, #000 68.84%, #00D37F 100%), #FFF; } 
.evCon3 .pr_content_wrap .pr_content_tit { color: #fff } 
.evCon3 .tiny_noti { margin: -40px 0 60px; opacity: 0.5; line-height: 1.7; } 
.evCon3 .point_wrap { position: relative } 
.evCon3 .eventVideo { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } 
.evCon3 .point_wrap > ul { position: absolute; top: -32px; left: -284px; width: calc(100% + 548px); display: flex; justify-content: space-between; flex-direction: row } 
.evCon3 .point_wrap > ul li { position: relative } 
.evCon3 .point_wrap > ul li a { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center } 
.evCon3 .point_wrap .profile_pop { display: flex; flex-direction: column; align-items: center; gap: 3px; position: absolute; left: 102px; top: 390px; color: #FFF; text-align: center; font-weight: 500; line-height: 1.5; /* 18px */ } 
.evCon3 .point_wrap .profile_pop dt { margin: 0 0 6px; } 
.evCon3 .point_wrap .profile_pop dd { opacity: 0.5; font-weight: normal; } 
.evCon3 .pr_content_wrap .pr_content_swiper .swiper-slide { background: #F5F5F5; padding-left: 0; padding-right: 0 } 
.evCon3 .pr_content_wrap .pr_content_swiper .ico.btn { width: 197px; justify-content: center; align-items: center } 
.evCon3 .pr_content_wrap .pr_content_swiper a { display: block; background:#000; color:#fff; padding: 10px 24px; border:none; border-radius:4px; cursor:pointer; font-size: 13px; font-weight: bold; font-family: inherit } 

/* evCon9 */
.evCon9 .youtube_wrap { position:relative; display: none } 
.evCon9 .youtube_wrap.swiper-initialized { display: block } 
.evCon9 .youtube_wrap .swiper-wrapper { gap: 60px 0; } 
.evCon9 .youtube_wrap .swiper-slide { width: calc(50% - 10px); } 
.evCon9 .youtube_wrap .swiper-slide p { margin: 20px 0 0; } 

/* evCon4 */
.eventWrap .evSection.evCon4 { padding-top: 0; background: radial-gradient(61.3% 45.04% at 50% 50%, #00D37F 0%, #111 100%), linear-gradient(0deg, #53CF00 0%, #53CF00 100%); } 
.evCon4 .purchase_base_list>li .purchase_price .badge { background: var(--point-color1) } 
.evCon4 .purchase_base_list>li .purchase_price .price_area .current { color: var(--point-color1) } 
.evCon4 .purchase_chk { display: flex; margin: 30px 0 0; color: #fff; gap: 0 25px; align-items: center } 
.evCon4 .purchase_chk .chk-base { height: auto; display: flex } 
.evCon4 .purchase_chk .chk-base label { vertical-align: top; color: #fff; font-size: 18px; text-align: left; line-height: 1.3; } 
.evCon4 .purchase_chk .btn { display: inline-block; font-size: 13px; color: #fff; padding: 4px 22px; border: 1px solid #c5c5c5; font-family: 'Noto Sans KR'; flex-shrink: 0; border-radius: 2px } 
.evCon4 .chk-base.type-1 input + label { padding-left: 40px } 
.evCon4 .chk-base input + label::before { border-color: #fff; background: none; border-width: 2px; border-radius: 2px; width: 24px; height: 24px; top: -1px; } 
.evCon4 .chk-base.type-1 input:checked + label:after { border-color: #fff; left: 9px } 

/* con5 */
.eventWrap .evSection.evCon5 { background: #E6FFEC } 
.evCon5 .pr_book_wrapper { align-items: center } 
.evCon5 .pr_book_wrapper dt .pr_book_swiper_wrap { width: 540px } 
.evCon5 .pr_book_wrapper dt { justify-content: flex-start } 
.evCon5 .pr_book_detail > li .label { color: var(--point-color1) } 
.evCon5 .pr_book_detail > li .tit span { display: inline-flex; padding: 7px 19px 8px; justify-content: center; align-items: center; border-radius: 100px; background: var(--point-color1); color: #fff; margin: -3px 0 0 8px; vertical-align: middle; line-height: 1; font-weight: 500; } 
.evCon5 .next_100 { display: block } 
.evCon5 .type_wrap { display: flex } 
.evCon5 .next_point { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100% } 
.evCon5 .next_point li { background: rgba(255, 255, 255, 0.9); border-radius: 10px; padding: 35px 0; width: 370px; line-height: 1.4 } 
.evCon5 .next_point .next_box.ver1 { position: absolute; left: -60px; top: -10px } 
.evCon5 .next_point .next_box.ver2 { position: absolute; right: -60px; top: -10px } 
.evCon5 .next_point .next_box.ver3 { position: absolute; left: -60px; bottom:-10px } 
.evCon5 .next_point .next_box.ver4 { position: absolute; right: -60px; bottom:-10px } 

/* con6 */
.evCon6 h5 { margin: 0 0 30px } 
.evCon6 .type_wrap { display: flex; flex-direction: column; gap: 60px } 
.evCon6 .next_point + h5 { margin-top: 60px } 
.evCon6 .next_point { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px } 
.evCon6 .next_point li { background: #F8F8F8; border-radius: 10px; overflow: hidden; flex: 1 } 
.evCon6 .next_point li.full { flex: none; width: 100% } 
.evCon6 .next_point li .tit { padding: 19px 0; background: var(--point-color1); color: #fff } 
.evCon6 .next_point li .info { padding: 25px 0 32px; line-height: 1.6; font-weight: normal } 
.evCon6 .next_point li .info span { background: #000; color: #fff; padding: 7px 22px 8px; border-radius: 40px; line-height: 1; display: inline-flex; justify-content: center; align-items: center; font-weight: bold; margin: 0 13px 0 0 } 
.evCon6 .next_point li.pass { background: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 0 0 0 0; gap: 30px } 

/* con7 */
.eventWrap .evSection.evCon7 { background: #111 } 
.evCon7 .pr_review_swiper { margin: 0 -60px 40px } 
.evCon7 .swiper-pagination-bullet { background:#fff } 
.evCon7 .pr_review_swiper .swiper-slide { text-align: center; height: 613px; align-items: center; padding-top: 20px } 
.evCon7 .pr_review_swiper .swiper-slide .review_que { width: 100%; height: 100px; margin: 0 0 25px; display: flex; justify-content: center; align-items: center } 
.evCon7 .pr_review_swiper .swiper-slide .review_que span { display: flex; padding: 16px 0; justify-content: center; align-items: center; border-radius: 500px; background: var(--point-color1); color: #fff; line-height: 1.4; text-align: center; width: 100% } 
.evCon7 .pr_review_swiper .swiper-slide .review_con { height:auto } 
.evCon7 .pr_review_swiper .swiper-slide .review_author { margin-top: 0 } 
.evCon7 .pr_review_swiper .swiper-slide .avatar { position: absolute; bottom: 0; left: 0; width: 100% } 
.evCon7 .mini_review_swiper { margin: 0 0 15px; width: 1770px; } 
.evCon7 .mini_review_swiper.swiper-initialized { overflow: inherit; } 
.evCon7 .mini_review_swiper .swiper-wrapper { transition-timing-function: linear; } 
.evCon7 .mini_review_swiper .swiper-slide { padding: 40px; border-radius: 10px; background: #333; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; color: #fff; text-align: left; height: auto } 
.evCon7 .mini_review_swiper .comm { font-weight: 400; line-height: 1.5 } 
.evCon7 .mini_review_swiper + .tiny_noti { margin: 0; color: #fff; opacity: 0.3 } 

/* con8 */
.eventWrap .evSection.evCon8 { background: #000000 url(https://img.megagong.net/m/2025/0930_njobpass/con_img16.png) no-repeat center; background-size: cover !important; color:#fff } 
.evCon8 p { font-weight: normal; line-height: 1.5; color: var(--point-color1) } 
.evCon8 p + p { margin: 30px 0 0; font-weight: bold; line-height: 1.4; color: #fff } 


/* evCon_goods */
.evCon_goods .goods_sub { color: #FF4D4D; margin-bottom:10px } 
.evCon_goods .goods_mini { margin-bottom: 30px; background: #FF4D4D; color: #fff; display: inline-block; border-radius: 50px; padding: 9px 43px; font-weight: 400 } 
.evCon_goods.passTab .tab_nav li a { height: 80px } 
.evCon_goods .sale_box.on .info { background: #f8f8f8 } 
.evCon_goods .goods_toggle.on { opacity: 1 } 
.evCon_goods .goods_toggle { opacity: 0.5 } 

/*event*/
#event1 { /* padding-bottom: 0; */background: linear-gradient(180deg, #fffdee 0%, #B8FFCA 100%); } 
#event1.evSection.event .bg_shadow { height: 340px } 
#event1 .mini_tit { display: flex; justify-content: center; align-items: center; gap: 5px; opacity: 1 } 
#event1 .ico_event { display: flex } 
#event1 .btn-base-wrap { margin-top: 30px; } 
#event1 .btn-base.xl > * { min-width: 367px } 
#event1 .tea { margin: 60px 0 0; position: relative; display: inline-flex; } 
#event1 .tea span { position: absolute; top: 43px; left: -134px; } 
#event1 .tea span + span { left: unset; right: -173px; top: 86px; } 

#event2 { background: linear-gradient(180deg, #fffdee 0%, #C8F1FF 100%); } 
#event1 .con_tit .end::after, 
#event2 .con_tit .end::after { background: #000 } 
#event2 .gift_list_wrap li .badge { background: #00AEFF } 
#event2 .regist_form_area { background-color: #00AEFF; position: relative } 
#event2 .check-base { position: absolute; bottom: 13px; right: 40px } 
#event2 .btn-base-wrap { margin:30px auto 60px } 

.step_base_wrap .step_list li .box_area .label.c_blue { color: #000 } 
.step_base_wrap .hashtag { color: #00AEFF } 
.share_link_wrap { margin-bottom: 0 } 
.regist_form_area { border-radius: 3px 3px 0 0 } 
.comment_base_wrap .comment_list { margin-top:0; border-radius: 0 0 3px 3px; padding: 0 } 
.comment_list .board-list-wrap { padding: 30px 40px } 

.evtoggleWarning { padding: 0 !important } 

/* more500 */
.mega_swiper_destroy .swiper-wrapper { gap: 10px } 
.mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto } 
.mega_swiper_destroy .swiper-pagination { display: none } 

.evCon1.evSection.more_ver { padding: 100px 0 50px } 
.evCon1.more_ver .more500 { text-align: left; margin-bottom: 140px; z-index: 0 } 
.evCon1.more_ver .more500_mini_tit { background: #000; display: inline-block; border-radius: 50px; padding: 5px 28px; letter-spacing: 4px; margin-bottom: 9px } 
.evCon1.more_ver .more500_main_tit { position: relative; z-index: 0 } 
.evCon1.more_ver .point_part { position: relative; color: #111 } 
.evCon1.more_ver .point_part::before { content: ""; width: 104%; height: 82%; position: absolute; left: 50%; top: 57%; transform: translate(-50%, -50%); background: #76FF69; display: block; border-radius: 5px; z-index: -1 } 

.more_ver .point_color { color: #FF4D4D } 

.evCon1_2.more_ver { background: #11176A } 
.evCon1_2.more_ver .wh_box { background: #fff; border-radius: 10px; padding:55px 50px } 
.evCon1_2.more_ver .main_tit { margin-bottom: 10px; font-weight: 600 } 
.evCon1_2.more_ver .sub_text { color: #333; line-height: 1.5; margin-bottom: 25px } 
.evCon1_2.more_ver .table_wrap { display: flex; justify-content: center; align-items: center } 
.evCon1_2.more_ver .table_wrap .table_box.ver1 { width: 309px; margin-right: -1px; position: relative } 
.evCon1_2.more_ver .table_wrap .table_box.ver1::after { content: ""; width: 99%; height: 97.5%; border: 2px solid #ED3333; position: absolute; left: 0px; top: 0px } 
.evCon1_2.more_ver .table_wrap .table_box.ver2 { width: calc(100% - 309px) } 
.evCon1_2.more_ver .table_wrap .table_box th { background: #eaedf9; height: 54px; border: 1px solid #ced4e8 } 
.evCon1_2.more_ver .table_wrap .table_box td { height: 54px; border: 1px solid #ececec } 
.evCon1_2.more_ver .evt_con_base { margin-top: 12px; text-align: right } 

.evCon1_3.more_ver { background: #2D2490 url('https://img.megagong.net/m/2025/0918_admini/more_bg.png') no-repeat center !important; background-size: cover !important } 
.evCon1_3.more_ver .q_sd_wrap { margin: 0 60px } 

.passTab .tab_nav { margin: 0 auto 40px } 
.sale_box .name > strong { max-width: 370px } 
.evCon_goods .more_tab_box { background: #0082ff; border-radius: 10px; padding: 23px 0; color: #fff; display: flex
; justify-content: flex-start; align-items: center; gap: 60px; margin-bottom: 20px; padding-left: 270px } 
.evCon_goods .more_tab_box .mtb_mark { font-size: 12px; position: relative } 
.evCon_goods .more_tab_box .mtb_mark .mb_img { position: absolute; left: 57%; top: 50%; transform: translate(-50%,-50%); display: block; width: 129px; z-index: 0 } 
.evCon_goods .more_tab_box .mtb_mark strong { position: relative } 
.evCon_goods .more_tab_box .mtb_main { display: flex; align-items: center; justify-content: center; gap: 20px } 
.evCon_goods .more_tab_box .mtb_main .mtb_main_sub { opacity: 0.8 } 
.evCon_goods .more_tab_box .mtb_main_info { font-weight: 700 } 

.dri_btn { display: flex; width: 1080px; padding: 20px 0; justify-content: center; align-items: center; gap: 20px; border-radius: 10px; background: linear-gradient(90deg, #00D37F 0%, #00AEFF 100%), #FFF; color: #111; font-weight: 700; line-height: 140%; /* 30.8px */margin: 20px 0 0; } 

/* 251002 fix z-index */
.eventWrap .fix_menu.fixed { z-index: 2; } 
.eventVideo .video_box { z-index:1; } 

@media screen and (max-width: 1200px){
 .evSection { padding: 12% 0 } 
 .evSection .con_tit { margin: 0 auto 7%; } 
 .evSection .mini_tit { margin: 0 0 2%; display: block } 
 .eventWrap .inner { width: 94%; } 

 .fix_menu { height: auto } 
 .fix_menu ul { width: 100% } 
 .fix_menu li { padding: 2% 3%; } 
 .fix_menu li a { font-size: 13px; padding: 3% 0; width: 16vw } 
 .fix_menu li i { right: 0; max-width: 30% } 
 .fix_menu.fixed.bottom { width: 100%; border-radius: 0 } 
 .swiper-initialized .swiper-pagination { margin-top:8px } 
 .swiper-initialized .swiper-pagination-bullet { width: 5px; height: 5px; } 

 /* con1 */
 .eventWrap .evSection.evCon1 { padding: 6% 0 5%; background-size: cover !important } 
 .evCon1 .top { bottom: 100%; right: 0; top: unset; width: clamp(57px,13.5vmin,110px); } 
 .evCon1 .sub_tit { margin-bottom: 1%; margin: 0 0 65%; } 
 .evCon1 .con_tit { font-size: clamp(21px, 6.5vmin, 60px) } 
 .evCon1 .con_tit_plus { margin: 0px 0 2% } 
 .evCon1 .teacher_home { margin: 0 0 5% } 

 /* con2 */
 .evCon2 .con2metrics_swiper .swiper-pagination-bullet { background: #fff; } 
 .evCon2 .con2metrics_swiper .swiper-slide { height: auto } 
 .evCon2 .con2metrics_swiper .item { padding: 5VW 3vw; justify-content: space-between; flex-direction: column } 
 .evCon2 .con2metrics_swiper .item dl { width: 100%; text-align: center } 
 .evCon2 .con2metrics_swiper .item .logo_wrap { width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 11% 0 0 } 
 .evCon2 .con2metrics_swiper .item .logo_wrap img { width: 74%; max-width:450px } 
 .evCon2 .con2metrics_swiper .item .table_wrap { width: 100% } 
 .evCon2 .con2metrics_swiper .item .table_wrap table { font-size:13px } 
 .evCon2 .con2metrics_swiper .item .table_wrap th,
 .evCon2 .con2metrics_swiper .item .table_wrap td { padding: 7px 3px; } 
 .evCon2 .con2metrics_swiper .item dd { line-height:1.3 } 

 /* con3 */
 .evCon3 .point_wrap > ul { position: relative; top: unset; left: unset; width: auto; gap: 0; padding: 0 0%; } 
 .evCon3 .point_wrap > ul li { flex: 1; display: flex; align-items: flex-end; justify-content: center; } 
 .evCon3 .point_wrap > ul li.show-576 { display:none } 
 .evCon3 .point_wrap > ul li img { width: 100%; } 
 .evCon3 .point_wrap > ul li:last-child img { width: 80%; } 
 .evCon3 .tiny_noti { margin: 0 0 5% } 
 .evCon3 .eventVideo { margin: 0 0 7%; max-width: 100%; } 
 .evCon3 .point_wrap .profile_pop { left: 0; width: 100%; top: 43vw; gap: 0px; text-shadow: 0 0px 10px rgba(0,0,0,1); background: radial-gradient(58.3% 41.04% at 50% 50%, #000 0%, transparent 100%); } 
 .evCon3 .point_wrap .profile_pop dt { margin: 0 0 2px; } 
 .evCon3 .point_wrap .profile_pop dd { font-size: clamp(10px,1.5vmin,12px); text-align: left; } 
 .evCon4 .purchase_chk { gap: 0 10px; margin: 15px 0 0; } 
 .evCon4 .purchase_chk .chk-base label { font-size: clamp(14px,2.1vmin,18px); } 
 .evCon4 .purchase_chk .btn { font-size: clamp(12px,1.7vmin,13px); padding: clamp(2px,1vmin,4px) clamp(10px,2.2vmin,20px); } 
 .evCon4 .chk-base.type-1 input + label { padding: 0 0 0 30px; } 
 .evCon4 .chk-base input + label::before { width: 18px; height: 18px; top: 2px; } 
 .evCon4 .chk-base.type-1 input:checked + label:after { left: 6px; top: 4px; } 
 #event1 .tea span { left: 0; margin: 0; top: unset; bottom: 58%; width: clamp(140px, 25vmin, 230px); } 
 #event1 .tea span + span { left: unset; right: -9%; margin: 0; top: unset; bottom: 53%; } 

 .evCon5 .pr_book_wrapper dt .pr_book_swiper_wrap { width: 100%; padding: 0 0 0 8% } 
 .evCon5.evSection .con_tit { margin-bottom: 6% } 
 .eventWrap .evCon5 .con_box { height: auto } 
 .evCon5 .next_100 { padding: 0 30%; margin-bottom: 5% } 
 .evCon5 .next_point .next_box.ver1 ,
 .evCon5 .next_point .next_box.ver2 ,
 .evCon5 .next_point .next_box.ver3 , 
 .evCon5 .next_point .next_box.ver4 ,.evCon5 .next_point { position: relative; left: inherit; top: inherit; transform: inherit; transform: inherit; right: inherit; bottom: inherit } 
 .evCon5 .next_point .next_box { width: 100%; padding: 3% 0; margin-bottom: 1% } 

 .evCon6 .type_wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 20px } 
 .evCon6 .type_wrap .item { flex: 1 } 

 .evCon6 h5 { margin: 0 0 20px } 
 .evCon6 .next_point { gap: 10px; display: flex; flex-direction: column } 
 .evCon6 .next_point li { flex: none; width: 100% } 
 .evCon6 .next_point li.full { flex: none; width: 100% } 
 .evCon6 .next_point li .tit { padding: 11px 0 } 
 .evCon6 .next_point li .info { padding: 12px 5px 12px; line-height: 1.4; display: flex; justify-content: center; align-items: center; flex-direction: column } 
 .evCon6 .next_point li .info span { background: #000; color: #fff; padding: 7px 22px 8px; border-radius: 40px; line-height: 1; display: inline-flex; justify-content: center; align-items: center; font-weight: bold; margin: 0 13px 0 0 } 
 .evCon6 .next_point li.pass { display: flex; flex-direction: column } 
 .evCon6 .next_point .pass i { transform: rotate(90deg) } 
 .evCon6 .next_point .pass p { width: clamp(110px, 15.5vmin, 150px) } 

 .evCon7 .pr_review_swiper { margin: 0 0 20px } 
 .evCon7 .pr_review_swiper .swiper-slide { height: auto; padding: 20px 10px } 
 .evCon7 .pr_review_swiper .swiper-slide .review_con { font-size: clamp(13px,1.9vmin,15px) } 
 .evCon7 .pr_review_swiper .swiper-slide .review_que { height: auto; align-items: flex-start; margin: 0 0 10px } 
 .evCon7 .pr_review_swiper .swiper-slide .review_que span { padding: clamp(8px,1.8vmin,15px) 0; line-height: 1.3; } 
 .evCon7 .pr_review_swiper .swiper-slide .review_tit { font-size: clamp(15px,2.1vmin,18px) } 
 .evCon7 .pr_review_swiper .swiper-slide .avatar { display: none } 
 .evCon7 .mini_review_swiper { margin: 0 0 10px; width: 100%; } 
 .evCon7 .mini_review_swiper .swiper-slide { padding: 20px } 
 .evCon7 .mini_review_swiper .comm br { display:none } 
 .evCon7 .mini_review_swiper .swiper-pagination-bullet { background: #fff } 

 .evCon9 .youtube_wrap .swiper-wrapper { gap: 10px 0; } 
 .evCon9 .youtube_wrap .swiper-slide { width: auto; } 
 .evCon_goods .goods_mini { margin-bottom: 3%; padding: 1% 4% } 

 /*event*/
 #event1 .btn-base-wrap { margin: 5% 0 0 } 
 #event1 .btn-base.xl > * { min-width: initial } 
 #event1 .tea { margin: 8% 10% 0; display: flex; padding: 0 7%; } 
 #event1 .tea > img { width:100% } 
 #event1 .gift_full_wrap { padding: 0 22% } 
 #event2 .btn-base-wrap { margin:3vmin auto 5vmin } 
 #event2 .check-base { position: relative; bottom: unset; right: unset } 
 .comment_list .board-list-wrap { padding: 20px } 

 /* more500 */
 .evCon1.evSection.more_ver { padding: 10% 0 5% } 
 .evCon1.more_ver .more500_mini_tit { padding: 1% 3%; letter-spacing: 1px; margin-bottom: 2% } 
 .evCon1.more_ver .more500 { margin-bottom: 14% } 

 .evCon1_2.more_ver .wh_box { padding: 5% 3% } 
 .evCon1_2.more_ver .main_tit { margin-bottom: 1% } 
 .evCon1_2.more_ver .sub_text { line-height: 1.3; margin-bottom: 3% } 
 .evCon1_2.more_ver .table_wrap .table_box.ver1 { width: 26vw } 
 .evCon1_2.more_ver .table_wrap .table_box.ver2 { width: calc(100% - 26vw) } 
 .evCon1_2.more_ver .evt_con_base { margin-top: 1%; text-align: right } 

 .evCon1_3.more_ver .q_sd_wrap { margin: 0 0px } 

 .passTab .tab_nav { margin: 0 auto 4% } 
 .evCon_goods .more_tab_box { padding: 2% 0; gap: 4%; margin-bottom: 2%; padding-left: 0%; justify-content: center } 
 .evCon_goods .more_tab_box .mtb_mark .mb_img { width: 13vw } 
 }

@media screen and (max-width: 1024px){
 .evCon4 .play_swiper .item { padding: 60px 0; flex-direction: column; justify-content: flex-start } 
 .evCon4 .play_swiper .img_wrap { width: 96%; padding: 0 2% } 
 .evCon4 .play_swiper .txt .tit br { display:none } 
 .evCon4 .play_swiper .chk_list li br { display:none } 

 .dri_btn { width: 100%; padding: 15px 0; } 
 }

@media screen and (max-width: 992px){
 .fix_menu li p { font-size: clamp(15px, 2vmin, 20px) } 

 .mega_swiper_destroy { position: relative; overflow: hidden } 
 .mega_swiper_destroy .swiper-wrapper { gap: 0 } 
 .mega_swiper_destroy .swiper-slide { flex: 1 0 100%; justify-content: center } 
 .mega_swiper_destroy .swiper-pagination { display: block; bottom: -5vw } 

 .evCon2 .bg_char { padding: 0 18% } 

 .evCon2 .think_wrap .think_list .thk_box.ver1 { left: 6% } 
 .evCon2 .think_wrap .think_list .thk_box.ver2 { right: 2% } 
 .evCon2 .arrow { margin-bottom: 4%; padding: 0 48% } 
 .evCon2 .ans_text { font-size: clamp(22px, 5.0vmin, 55px) } 

 .evCon2 .think_wrap .think_list .thk_box.ver2 { right: -9% } 
 .evCon2 .think_wrap .think_list .thk_box.ver2 .point_red { left: -17% } 
 .evCon2 .think_wrap .think_list .thk_box.ver3 .point_red { width: 5% } 

 .evCon3 .tea_box_cover .tea_box .tea_tit { font-size: clamp(15px, 2.4vmin, 24px) } 

 .evCon_goods.passTab .tab_nav li a { height: 8vw } 

 #event2 .step_base_wrap { padding: 3% 2% } 
 #event2 .step_base_wrap .step_list { gap: 8px } 
 #event2 .step_base_wrap .step_list li .box_area { padding: 6% } 

 /* more500 */
 .evCon1_3.more_ver .mega_swiper_destroy .swiper-pagination { bottom: 0vw } 
 .evCon1_3.more_ver.evSection .swiper-pagination-bullet { background: #fff } 

 .evCon_goods .more_tab_box .mtb_mark .mb_img { display: none } 
 .evCon_goods .more_tab_box .mtb_mark { background: #000; border-radius: 50px; padding: 5px 2% } 
 .evCon_goods .more_tab_box { gap: 1% } 
 .evCon_goods .more_tab_box .mtb_main { gap: 10px } 
 }

@media screen and (max-width: 768px){
 .fix_menu li { padding: 2% } 
 .fix_menu li .fix_btn { gap: 5px } 
 .fix_menu li a { font-size: 12px; padding: 2% 0 } 

 .evCon2 .think_wrap .think_list .thk_box.ver2 { right: 3% } 

 .evCon3 .coin_wrap .coin_img { padding: 0 30% } 
 .evCon3 .tea_box_cover .tea_box .tea_info { padding-right: 14% } 

 .evCon4 .playground_box a { padding: 25px } 
 .evCon4 .purchase_chk { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; } 
 .evCon4 .purchase_chk .btn { margin: 0 0 0 31px; } 
 .evCon1_2.more_ver .table_wrap .table_box.ver1::after { width: 98% } 
 .evCon_goods .more_tab_box .mtb_main { gap: 6px } 
 .evCon_goods .more_tab_box { display: block } 
 .evCon_goods .more_tab_box .mtb_mark { padding: 5px 3%; display: inline-block; margin-bottom: 1% } 
 .evCon_goods .more_tab_box .mtb_main { display: block } 
 }

@media screen and (max-width: 576px){
 .fix_menu li { display: block } 
 .fix_menu li p { font-size:13px; margin-bottom: 2% } 
 .fix_menu li a { font-size: 12px; width: 50%; padding: 1.5% 0 } 
 .fix_menu li .only_ver a { width: 100% } 

 .evCon1 .top { margin: 0 0 4%; } 
 .evCon1 .sub_tit { text-align: center } 
 .evCon1 .sub_tit p { margin: 0 0 5px } 

 .evCon2 .bg_char { margin-bottom: 5%; padding: 0 5% } 
 .evCon2 .think_wrap { margin-bottom: 7% } 
 .evCon2 .think_wrap .think_list { position: relative; left: inherit; top: inherit; transform: inherit } 
 .evCon2 .think_wrap .think_list .thk_box.ver1,
 .evCon2 .think_wrap .think_list .thk_box.ver2,
 .evCon2 .think_wrap .think_list .thk_box.ver3 { left: inherit; right: inherit; top: inherit; bottom: inherit; position: relative; transform: inherit; border: 1px solid #ddd; border-radius: 7px; padding: 6% 2%; margin-bottom: 4% } 
 .evCon2 .think_wrap .think_list .thk_box .point_red { display: none } 
 .evCon2 .think_wrap .think_list .thk_box p { font-size: clamp(15px, 3.3vmin, 28px) } 
 .evCon2 .con2metrics_swiper .item .table_wrap td { font-size: 12px; padding: 5px 0; } 
 .evCon3 .coin_wrap .coin_box .coin_tit { padding: 4px 6%; margin-bottom: 8% } 
 .evCon3 .coin_wrap .coin_img { padding: 0 22% } 
 .evCon3 .coin_wrap .coin_box .coin_text { margin-top: 6%; font-size: 13px } 
 .evCon3 .tea_box_cover { height: 29vw; border-radius: 10px } 
 .evCon3 .tea_box_cover .tea_box { width: calc(100% - 2vw); height: 27vw; border-radius: 8px } 
 .evCon3 .tea_box_cover .tea_box .tea_info { padding-right: 3% } 
 .evCon3 .tea_box_cover .tea_box .tea_tit { font-size: 13px } 
 .evCon3 .point_wrap > ul { position: relative; padding: 74% 0 10% 0%; display: flex; align-items: flex-start; justify-content: space-between; } 
 .evCon3 .point_wrap .profile_pop { top: unset; position: relative; left: unset; align-items: flex-start; padding: 0 0 0 8%; } 
 .evCon3 .point_wrap > ul li { width: 50%; } 
 .evCon3 .point_wrap > ul li.show-576 { width: 100%; position: absolute; bottom: unset; top: 0; left: 0; flex: none; display: flex; align-items: flex-start; justify-content: center; padding: 0 4%; } 
 .pr_book_detail > li { padding: 20px; } 
 .evCon4 .service_swiper .item { background-size: 100% auto } 
 .evCon4 .playground_box a { flex-direction: column; align-items: flex-start; gap: 10px; background-position: 90% 50% } 
 .evCon4 .playground_box .btn { font-size: 11px; padding: 3px 10px } 
 .evCon4 .play_swiper .item { padding: 40px 0 60px; gap:40px; min-height: 668px } 
 .evCon4 .play_swiper .img_wrap { height: 392px; width: max-content } 
 .evCon4 .play_swiper .txt { gap: 15px; width: 100%; padding: 0 30px } 
 .evCon4 .play_swiper .chk_list li::before { width: 10px; height: 6px } 
 .evCon4 .play_swiper .swiper-pagination { top:auto; bottom: 30px; right: auto; left: 50%; transform: translateX(-50%) } 
 .evCon4 .playground_box a { flex-direction: column; align-items: flex-start; gap: 10px; background-position: 90% 50% } 
 .evCon4 .playground_box .btn { font-size: 11px; padding: 3px 10px } 
 .evCon5 .pr_book_detail > li .tit span { margin: 5px 0 0; } 
 .evCon5 .next_100 { padding: 0 23% } 
 .evCon8 p + p { margin: 5% 0 0; } 
 #event1 .tea { margin: 8% 0% 0; display: flex; padding: 30% 7% 0 5%; } 
 #event1 .tea span { bottom: unset; top: 0; width: 43%; } 
 #event1 .tea span + span { right: 0; bottom: unset; top: 3%; } 
 #event1 .tea > img { width:100% } 
 .share_link_wrap li:nth-child(8) { margin-bottom: 0; } 
 }