@charset "euc-kr";:root { --point-color1: #324EFF } 

.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 .mb10 { margin-bottom:10px !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+.mini_tit {margin: -40px 0 60px;font-weight: normal;}
.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 } 
.evSection .pr_tiny{}
.evSection .pr_tiny.left li{text-align: left;}


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

/* S: [fixmenu] ·¹À̾ƿô */
.eventWrap .evSection.fix_mode { padding-top:100px } 
.fix_menu {position: absolute;height: 80px;border-radius: 10px;z-index: 1;background: linear-gradient(90deg, #0023FF 0%, #00AEFF 100%);bottom: 0;left: 0;width: 100%;} 
.fix_menu ul { 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} 
.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 { 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.prCon1 {position: relative;background: #000000 url(https://img.megagong.net/m/2025/1120_njob/con_img2.png) no-repeat center 0 !important;color:#fff;padding: 160px 0 0;text-align: center;} 
.prCon1 .inner {padding: 355px 0 80px;} 
.prCon1 .con_tit {position: relative;font-size: 90px;font-weight: 900;margin: 0 -30px 70px;letter-spacing: -0.04em} 
.prCon1 .teacher_home{display:none} 
.prCon1 .top { position: absolute; top: -80px; right: -85px; } 
.prCon1 .mini_tit { margin-bottom: 30px; text-align: left; font-weight: 400 }
.prCon1 .sub_tit .evt_con_base{color: #fff;font-weight: normal;opacity: 0.5;letter-spacing: 0;}
.prCon1 .sub_tit {position: absolute;top: 5px;left: 50px;text-align: right;} 
.prCon1 .sub_tit p:not(.evt_con_base) {font-weight: bold;text-align: right;margin: 20px 0 0;} 
.prCon1 .con_tit  + .sub_tit p:not(.evt_con_base) {font-weight: bold;text-align: left;margin: 0;} 
.prCon1 .con_tit  + .sub_tit {left: unset;text-align: left;top: 163px;right: -10px;} 
.prCon1 .sub_tit sup{font-size: 15px;line-height: 1;vertical-align: revert;} 
.prCon1 .teacher_home {display: inline-flex;margin: 20px 0 40px;display: none;} 
.prCon1 .con_tit + .sub_tit .teacher_home{
    display: block;
}

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

.prCon2 .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 } 
.prCon2 .con2metrics_swiper .item .logo_wrap { margin-top:15px } 
.prCon2 .con2metrics_swiper .item .logo_wrap img { max-width:100%; height:auto; display:block } 
.prCon2 .con2metrics_swiper .item .table_wrap { overflow: hidden; margin-top:10px; width: 529px } 
.prCon2 .con2metrics_swiper .item .table_wrap table { width: calc(100% + 2px); border-collapse:collapse; font-size:14px; margin: 0 0 0 -1px } 
.prCon2 .con2metrics_swiper .item .table_wrap th,
.prCon2 .con2metrics_swiper .item .table_wrap td { border: 1px solid #ECECEC; padding: 11px 5px; text-align:center } 
.prCon2 .con2metrics_swiper .item .table_wrap th { background:#f2f2f2; font-weight:bold } 
.prCon2 .con2metrics_swiper .item .table_wrap td { font-weight: normal } 

/* con3 */
.eventWrap .evSection.prCon3 {background: linear-gradient(180deg, #000 34.84%, var(--point-color1) 100%), #FFF;} 
.prCon3 .pr_content_wrap .pr_content_tit { color: #fff } 
.prCon3 .pr_content_wrap .pr_content_swiper .ico{width: auto;height:auto}
.prCon3 .pr_content_wrap .pr_content_swiper .con{height: 77px;}
.prCon3 .tiny_noti { margin: -40px 0 60px; opacity: 0.5; line-height: 1.7; } 
.prCon3 .point_wrap { position: relative } 
.prCon3 .eventVideo { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } 
.prCon3 .point_wrap > ul li {position: relative;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 30px;padding: 0 0 0 50px;} 
.prCon3 .point_wrap > ul li a { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center } 
.prCon3 .point_wrap .profile_pop {display: flex;flex-direction: column;align-items: flex-start;gap: 3px;color: #FFF;font-weight: 500;line-height: 1.5; /* 18px */text-align: left;align-content: flex-start;padding: 65px 0 0;} 
.prCon3 .point_wrap .profile_pop dt {margin: 0 0 6px;font-weight: bold;} 
.prCon3 .point_wrap .profile_pop dd {opacity: 0.6;font-weight: normal;} 
.prCon3 .point_wrap .profile_pop dd.info {opacity: 1;margin: 0 0 20px;} 
.prCon3 .pr_content_wrap .pr_content_swiper .swiper-slide {background: #fff;padding-left: 0;padding-right: 0} 
.prCon3 .pr_content_wrap .pr_content_swiper .ico.btn { width: 197px; justify-content: center; align-items: center } 
.prCon3 .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 } 

/* prCon9 */
.prCon9 .charact_slider {position:relative;display: none;margin: 30px 0 0;} 
.prCon9 .charact_slider.swiper-initialized { display: block } 
.prCon9 .charact_slider .swiper-wrapper { gap: 60px 0; } 
.prCon9 .charact_slider .swiper-slide {width: calc(50% - 10px);border-radius: 10px;overflow: hidden;background: #f8f8f8;} 
.prCon9 .charact_slider .swiper-slide .tit {background: #324EFF;color: #fff;padding: 17px 0;} 
.prCon9 .charact_slider .swiper-slide .con {display: flex;justify-content: center;align-items: center;height: 266px;flex-direction: column;gap: 24px;} 
.prCon9 .charact_slider .swiper-slide .con dl{gap: 2px;display: flex;flex-direction: column;justify-content: center;} 
.prCon9 .charact_slider .swiper-slide .con dl dt{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: row;gap: 5px;font-weight: bold;margin: 0 0 8px;} 
.prCon9 .charact_slider .swiper-slide .con dl dd{font-weight: normal;color: #777;} 

/* prCon4 */
.eventWrap .evSection.prCon4 {padding-top: 0;background: radial-gradient(71.3% 34.04% at 50% 58%, var(--point-color1) 0%, #111 100%);} 
.prCon4 .purchase_base_list>li .purchase_price .badge { background: var(--point-color1) } 
.prCon4 .purchase_base_list>li .purchase_price .price_area .current { color: var(--point-color1) } 
.prCon4 .purchase_chk { display: flex; margin: 30px 0 0; color: #fff; gap: 0 25px; align-items: center } 
.prCon4 .purchase_chk .chk-base { height: auto; display: flex } 
.prCon4 .purchase_chk .chk-base label { vertical-align: top; color: #fff; font-size: 18px; text-align: left; line-height: 1.3; } 
.prCon4 .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 } 
.prCon4 .chk-base.type-1 input + label { padding-left: 40px } 
.prCon4 .chk-base input + label::before { border-color: #fff; background: none; border-width: 2px; border-radius: 2px; width: 24px; height: 24px; top: -1px; } 
.prCon4 .chk-base.type-1 input:checked + label:after { border-color: #fff; left: 9px } 

/* con5 */
.eventWrap .evSection.prCon5 {background: #EFF4FF;} 
.prCon5 .pr_tiny{margin-top: 7px;}
.prCon5 .pr_book_wrapper { align-items: center } 
.prCon5 .pr_book_wrapper dt .pr_book_swiper_wrap { width: 540px } 
.prCon5 .pr_book_wrapper dt { justify-content: flex-start } 
.prCon5 .pr_book_detail > li .label { color: var(--point-color1) } 
.prCon5 .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; } 
.prCon5 .next_100 { display: block } 
.prCon5 .type_wrap { display: flex } 
.prCon5 .next_point { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100% } 
.prCon5 .next_point li { background: rgba(255, 255, 255, 0.9); border-radius: 10px; padding: 35px 0; width: 370px; line-height: 1.4 } 
.prCon5 .next_point .next_box.ver1 { position: absolute; left: -60px; top: -10px } 
.prCon5 .next_point .next_box.ver2 { position: absolute; right: -60px; top: -10px } 
.prCon5 .next_point .next_box.ver3 { position: absolute; left: -60px; bottom:-10px } 
.prCon5 .next_point .next_box.ver4 { position: absolute; right: -60px; bottom:-10px } 
.prCon5 .pr_book_detail > li .tit{font-size: 22px;}

/* con6 */
.prCon6 h5 { margin: 0 0 30px } 
.prCon6 .type_wrap { display: flex; flex-direction: column; gap: 60px } 
.prCon6 .next_point + h5 { margin-top: 60px } 
.prCon6 .next_point { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px } 
.prCon6 .next_point li { background: #F8F8F8; border-radius: 10px; overflow: hidden; flex: 1 } 
.prCon6 .next_point li.full { flex: none; width: 100% } 
.prCon6 .next_point li .tit { padding: 19px 0; background: var(--point-color1); color: #fff } 
.prCon6 .next_point li .info { padding: 25px 0 32px; line-height: 1.6; font-weight: normal } 
.prCon6 .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 } 
.prCon6 .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.prCon7 { background: #111 } 
.prCon7 .pr_review_swiper { margin: 0 -60px 40px } 
.prCon7 .swiper-pagination-bullet { background:#fff } 
.prCon7 .pr_review_swiper .swiper-slide { text-align: center; height: 613px; align-items: center; padding-top: 20px } 
.prCon7 .pr_review_swiper .swiper-slide .review_que { width: 100%; height: 100px; margin: 0 0 25px; display: flex; justify-content: center; align-items: center } 
.prCon7 .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% } 
.prCon7 .pr_review_swiper .swiper-slide .review_con { height:auto } 
.prCon7 .pr_review_swiper .swiper-slide .review_author { margin-top: 0 } 
.prCon7 .pr_review_swiper .swiper-slide .avatar { position: absolute; bottom: 0; left: 0; width: 100% } 
.prCon7 .mini_review_swiper { margin: 0 0 15px; width: 1770px; } 
.prCon7 .mini_review_swiper.swiper-initialized { overflow: inherit; } 
.prCon7 .mini_review_swiper .swiper-wrapper { transition-timing-function: linear; } 
.prCon7 .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 } 
.prCon7 .mini_review_swiper .comm { font-weight: 400; line-height: 1.5 } 
.prCon7 .mini_review_swiper + .tiny_noti {margin: 0;color: #fff;opacity: 0.3;text-align: right;} 

/* con8 */
.eventWrap .evSection.prCon8 {background: #000000 url(https://img.megagong.net/m/2025/1120_njob/con_img10.png) no-repeat center;/* background-size: cover !important; */color:#fff} 
.prCon8 p {font-weight: normal;line-height: 1.5;text-align: left;} 
.prCon8 p + p { margin: 30px 0 0; font-weight: bold; line-height: 1.4; color: #fff } 


/* con9 */
.eventWrap .evSection.prCon10 {background: #111111;background-size: cover !important;color:#fff;padding-top: 0;} 
.prCon10 .plan_wrap{display: flex;gap: 20px;}
.prCon10 .plan_wrap .item{flex:1;background: #f8f8f8;color: #000;border-radius: 10px;overflow: hidden;}
.prCon10 .plan_wrap .tit{background: var(--point-color1);color: #fff;padding: 17px 0;}
.prCon10 .plan_wrap .chat{padding: 25px 25px;display: flex;flex-direction: column;}
.prCon10 .plan_wrap .chat li{position: relative;float: left;margin-right: auto;}
.prCon10 .plan_wrap .chat li:nth-child(2n){margin-left: auto;margin-right: 0;}
.prCon10 .chat li {opacity: 0;transform: translateY(10px);transition: opacity 0.6s ease, transform 0.6s ease;}

.prCon10.on .chat li {opacity: 1;transform: translateY(0);}
.prCon10.on .chat li + li{
    margin-top: -19px;
}

.prCon10.on .chat li:nth-child(1) { transition-delay: 0s; }
.prCon10.on .chat li:nth-child(2) { transition-delay: 0.4s; }
.prCon10.on .chat li:nth-child(3) { transition-delay: 0.8s; }
.prCon10.on .chat li:nth-child(4) { transition-delay: 1.2s; }
.prCon10.on .chat li:nth-child(5) { transition-delay: 1.6s; }
.prCon10 .plan_wrap .chat li:before{content:'';position: absolute;top: 100%;right: 100%;width: 0;height: 0;border-right: 10px solid #ebebeb;border-top: 10px solid transparent;margin: -20px 0 0;}
.prCon10 .plan_wrap .chat li:nth-child(2n):before{left: 100%;right: unset;border-left: 10px solid #ebebeb;border-top: 10px solid transparent;border-right: unset;}


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

/*event*/
#event1 {/* padding-bottom: 0; */background: linear-gradient(0deg, #fff 0%, #83CBFF 100%);} 
#event1.evSection.event .bg_shadow {height: 340px;bottom: 260px;} 
#event1 .mini_tit {display: flex;justify-content: center;align-items: center;gap: 5px;/* opacity: 1; */line-height: 1.4;} 
#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; } 
#event1 .container_info.ver_circle .info .info_date{
    /* font-weight: normal; */
}
#event1 .mega_card_wrap {
    margin-top: 70px;
    padding: 0 !important;
}
#event1 .note-base-wrap{
    background: #fff;
    padding: 20px 280px;
    margin-top: 60px;
}
#event1 .note-base-wrap .n_tit i{
    display: none;
}
#event1 .note-base-wrap li{
    padding-left: 17px;
}
#event1 .note-base-wrap li.in{padding-left: 9px;margin-left: 18px;}

#event2 {background: linear-gradient(180deg, #D4C3FF 0%, #FFF 100%);} 
#event1 .con_tit .end::after, 
#event2 .con_tit .end::after { background: #000 } 
#event2 .gift_list_wrap li .badge {background: #8857FF;} 
#event2 .step_base_wrap .hashtag{color:#8857FF}
#event2 .regist_form_area { background-color: #8857FF; 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 } 

.prCon1.evSection.more_ver { padding: 100px 0 50px } 
.prCon1.more_ver .more500 { text-align: left; margin-bottom: 140px; z-index: 0 } 
.prCon1.more_ver .more500_mini_tit { background: #000; display: inline-block; border-radius: 50px; padding: 5px 28px; letter-spacing: 4px; margin-bottom: 9px } 
.prCon1.more_ver .more500_main_tit { position: relative; z-index: 0 } 
.prCon1.more_ver .point_part { position: relative; color: #111 } 
.prCon1.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 } 

.prCon1_2.more_ver { background: #11176A } 
.prCon1_2.more_ver .wh_box { background: #fff; border-radius: 10px; padding:55px 50px } 
.prCon1_2.more_ver .main_tit { margin-bottom: 10px; font-weight: 600 } 
.prCon1_2.more_ver .sub_text { color: #333; line-height: 1.5; margin-bottom: 25px } 
.prCon1_2.more_ver .table_wrap { display: flex; justify-content: center; align-items: center } 
.prCon1_2.more_ver .table_wrap .table_box.ver1 { width: 309px; margin-right: -1px; position: relative } 
.prCon1_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 } 
.prCon1_2.more_ver .table_wrap .table_box.ver2 { width: calc(100% - 309px) } 
.prCon1_2.more_ver .table_wrap .table_box th { background: #eaedf9; height: 54px; border: 1px solid #ced4e8 } 
.prCon1_2.more_ver .table_wrap .table_box td { height: 54px; border: 1px solid #ececec } 
.prCon1_2.more_ver .evt_con_base { margin-top: 12px; text-align: right } 

.prCon1_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 } 
.prCon1_3.more_ver .q_sd_wrap { margin: 0 60px } 

.passTab .tab_nav { margin: 0 auto 40px } 
.sale_box .name > strong { max-width: 370px } 
.prCon_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 } 
.prCon_goods .more_tab_box .mtb_mark { font-size: 12px; position: relative } 
.prCon_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 } 
.prCon_goods .more_tab_box .mtb_mark strong { position: relative } 
.prCon_goods .more_tab_box .mtb_main { display: flex; align-items: center; justify-content: center; gap: 20px } 
.prCon_goods .more_tab_box .mtb_main .mtb_main_sub { opacity: 0.8 } 
.prCon_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; } 

.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.prCon1 {
    padding: 22% 0 0;
    background-size: 250% !important;
} 
.prCon1 .inner {
    padding: 38% 0 clamp(90px,13vmin,120px);
} 
.prCon1 .con_tit {
    position: relative;
    font-size: clamp(20px,8.5vmin,80px);
    margin: 0 0 3%;
    /* display: flex; */
    /* flex-direction: column; */
} 
.prCon1 .con_tit span{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}
.prCon1 .con_tit span + span {
    display: inline-block;
}
    
.prCon1 .top {} 
.prCon1 .mini_tit {}
.prCon1 .sub_tit .evt_con_base{
    font-size: clamp(10px,1.5vmin,12px);
    text-align: right;
}
.prCon1 .sub_tit {
    left: 0;
    width: 36%;
} 
.prCon1 .sub_tit p:not(.evt_con_base) {} 
.prCon1 .sub_tit p img {width:100%} 
.prCon1 .con_tit  + .sub_tit p:not(.evt_con_base) {} 
.prCon1 .con_tit  + .sub_tit {
    right: 0;
    top: 25%;
    width: 47%;
} 
.prCon1 .sub_tit sup{} 
.prCon1 .teacher_home {
    position: absolute;
    bottom: 0;
    left: 100%;
    display: inline-flex;
    margin: 0;
    display: inline-flex;
    font-weight: normal;
    letter-spacing: 0;
    margin: 0 -0 10px 10px;
} 

    /* con2 */
    .prCon2 .con2metrics_swiper .swiper-pagination-bullet { background: #fff; } 
    .prCon2 .con2metrics_swiper .swiper-slide { height: auto } 
    .prCon2 .con2metrics_swiper .item {padding: 4VW 3vw;justify-content: space-between;flex-direction: column} 
    .prCon2 .con2metrics_swiper .item dl { width: 100%; text-align: center } 
    .prCon2 .con2metrics_swiper .item .logo_wrap {
    width: clamp(50px,22.5vmin,200px);
    display: none;
} 
    .prCon2 .con2metrics_swiper .item .logo_wrap img { width: 74%; max-width:450px } 
    .prCon2 .con2metrics_swiper .item .table_wrap { width: 100% } 
    .prCon2 .con2metrics_swiper .item .table_wrap table { font-size:13px } 
    .prCon2 .con2metrics_swiper .item .table_wrap th,
    .prCon2 .con2metrics_swiper .item .table_wrap td { padding: 7px 3px; } 
    .prCon2 .con2metrics_swiper .item dd { line-height:1.3 } 

    /* con3 */
    .prCon3 .pr_content_wrap .pr_content_tit { color: #fff } 
.prCon3 .pr_content_wrap .pr_content_swiper .ico{width: auto;height:auto}
.prCon3 .pr_content_wrap .pr_content_swiper .con{height: 77px;}
.prCon3 .tiny_noti { margin: -40px 0 60px; opacity: 0.5; line-height: 1.7; } 
.prCon3 .point_wrap {
    margin: 0 0 8vw;
} 
.prCon3 .eventVideo { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } 
.prCon3 .point_wrap > ul li {gap: 2vw;padding: 0;align-items: center;} 
.prCon3 .point_wrap > ul li a { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center } 
.prCon3 .point_wrap .profile_pop { /* 18px */padding: 0;} 
.prCon3 .point_wrap .profile_pop dt {} 
.prCon3 .point_wrap .profile_pop dd {} 
.prCon3 .point_wrap .profile_pop dd.info {margin: 0 0 10px;} 
.prCon3 .pr_content_wrap .pr_content_swiper .swiper-slide {background: #fff;padding-left: 0;padding-right: 0} 
.prCon3 .pr_content_wrap .pr_content_swiper .ico.btn { width: 197px; justify-content: center; align-items: center } 
.prCon3 .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 } 

    .prCon4 .purchase_chk { gap: 0 10px; margin: 15px 0 0; } 
    .prCon4 .purchase_chk .chk-base label { font-size: clamp(14px,2.1vmin,18px); } 
    .prCon4 .purchase_chk .btn { font-size: clamp(12px,1.7vmin,13px); padding: clamp(2px,1vmin,4px) clamp(10px,2.2vmin,20px); } 
    .prCon4 .chk-base.type-1 input + label { padding: 0 0 0 30px; } 
    .prCon4 .chk-base input + label::before { width: 18px; height: 18px; top: 2px; } 
    .prCon4 .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%; } 

    .prCon5 .pr_book_wrapper dt .pr_book_swiper_wrap { width: 100%; padding: 0 0 0 8% } 
    .prCon5.evSection .con_tit { margin-bottom: 6% } 
    .eventWrap .prCon5 .con_box { height: auto } 
    .prCon5 .next_100 { padding: 0 30%; margin-bottom: 5% } 
    .prCon5 .next_point .next_box.ver1 ,
    .prCon5 .next_point .next_box.ver2 ,
    .prCon5 .next_point .next_box.ver3 , 
    .prCon5 .next_point .next_box.ver4 ,.prCon5 .next_point { position: relative; left: inherit; top: inherit; transform: inherit; transform: inherit; right: inherit; bottom: inherit } 
    .prCon5 .next_point .next_box { width: 100%; padding: 3% 0; margin-bottom: 1% } 
.prCon5 .pr_book_detail > li .tit{
    font-size: clamp(15px,2.5vmin,18px);
}
    
    .prCon6 .type_wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 20px } 
    .prCon6 .type_wrap .item { flex: 1 } 

    .prCon6 h5 { margin: 0 0 20px } 
    .prCon6 .next_point { gap: 10px; display: flex; flex-direction: column } 
    .prCon6 .next_point li { flex: none; width: 100% } 
    .prCon6 .next_point li.full { flex: none; width: 100% } 
    .prCon6 .next_point li .tit { padding: 11px 0 } 
    .prCon6 .next_point li .info { padding: 12px 5px 12px; line-height: 1.4; display: flex; justify-content: center; align-items: center; flex-direction: column } 
    .prCon6 .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 } 
    .prCon6 .next_point li.pass { display: flex; flex-direction: column } 
    .prCon6 .next_point .pass i { transform: rotate(90deg) } 
    .prCon6 .next_point .pass p { width: clamp(110px, 15.5vmin, 150px) } 

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

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

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

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

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

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

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

.prCon10 .plan_wrap .chat{padding:0}
.prCon10 .plan_wrap .chat img{width:100%}
    .prCon10.on .chat li:nth-child(1){width: 83%;}
    .prCon10.on .chat li:nth-child(2){width: 88%;}
    .prCon10.on .item + .item .chat li:nth-child(1){width: 85%;}
    .prCon10.on .item + .item .chat li:nth-child(2){width: 95%;}
    .prCon10.on .item + .item .chat li:nth-child(3){width: 95%;}
    .prCon10.on .item + .item .chat li:nth-child(4){width: 90%;}
    .prCon10.on .item + .item .chat li:nth-child(5){width: 100%;}
    .eventWrap .evSection.prCon8{background-size: cover;}
    .evSection .con_tit+.mini_tit{
    margin-top: -20px;
}
    #event1 .note-base-wrap{
    padding: 20px 20px;
}

}

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


    .prCon4 .play_swiper .item { padding: 60px 0; flex-direction: column; justify-content: flex-start } 
    .prCon4 .play_swiper .img_wrap { width: 96%; padding: 0 2% } 
    .prCon4 .play_swiper .txt .tit br { display:none } 
    .prCon4 .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 } 

    .prCon2 .bg_char { padding: 0 18% } 

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

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

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

    .prCon_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 */
    .prCon1_3.more_ver .mega_swiper_destroy .swiper-pagination { bottom: 0vw } 
    .prCon1_3.more_ver.evSection .swiper-pagination-bullet { background: #fff } 

    .prCon_goods .more_tab_box .mtb_mark .mb_img { display: none } 
    .prCon_goods .more_tab_box .mtb_mark { background: #000; border-radius: 50px; padding: 5px 2% } 
    .prCon_goods .more_tab_box { gap: 1% } 
    .prCon_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 } 

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

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

    .prCon4 .playground_box a { padding: 25px } 
    .prCon4 .purchase_chk { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; } 
    .prCon4 .purchase_chk .btn { margin: 0 0 0 31px; } 
    .prCon1_2.more_ver .table_wrap .table_box.ver1::after { width: 98% } 
    .prCon_goods .more_tab_box .mtb_main { gap: 6px } 
    .prCon_goods .more_tab_box { display: block } 
    .prCon_goods .more_tab_box .mtb_mark { padding: 5px 3%; display: inline-block; margin-bottom: 1% } 
    .prCon_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% } 

    .prCon1 .inner{
    padding-top: 50%;
    padding: 37% 0 clamp(80px,13vmin,120px);
}
    .prCon1 .top { margin: 0 0 4%; } 
    .prCon1 .sub_tit { text-align: center } 
    .prCon1 .sub_tit p { margin: 0 0 5px } 
    .prCon1 .sub_tit{}
    .prCon1 .con_tit + .sub_tit{
    top: 21vw;
    width: 50%;
}
    .prCon1 .teacher_home{
    margin-bottom: 0;
}

    .prCon2 .bg_char { margin-bottom: 5%; padding: 0 5% } 
    .prCon2 .think_wrap { margin-bottom: 7% } 
    .prCon2 .think_wrap .think_list { position: relative; left: inherit; top: inherit; transform: inherit } 
    .prCon2 .think_wrap .think_list .thk_box.ver1,
    .prCon2 .think_wrap .think_list .thk_box.ver2,
    .prCon2 .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% } 
    .prCon2 .think_wrap .think_list .thk_box .point_red { display: none } 
    .prCon2 .think_wrap .think_list .thk_box p { font-size: clamp(15px, 3.3vmin, 28px) } 
    .prCon2 .con2metrics_swiper .item .table_wrap td { font-size: 12px; padding: 5px 0; } 
    .pr_book_detail > li { padding: 20px; } 

    .prCon3 .point_wrap{
    padding: 0 10%;
}
    .prCon9 .charact_slider .swiper-slide .tit{
    padding: 10px 0;
}
    .prCon4 .service_swiper .item { background-size: 100% auto } 
    .prCon4 .playground_box a { flex-direction: column; align-items: flex-start; gap: 10px; background-position: 90% 50% } 
    .prCon4 .playground_box .btn { font-size: 11px; padding: 3px 10px } 
    .prCon4 .play_swiper .item { padding: 40px 0 60px; gap:40px; min-height: 668px } 
    .prCon4 .play_swiper .img_wrap { height: 392px; width: max-content } 
    .prCon4 .play_swiper .txt { gap: 15px; width: 100%; padding: 0 30px } 
    .prCon4 .play_swiper .chk_list li::before { width: 10px; height: 6px } 
    .prCon4 .play_swiper .swiper-pagination { top:auto; bottom: 30px; right: auto; left: 50%; transform: translateX(-50%) } 
    .prCon4 .playground_box a { flex-direction: column; align-items: flex-start; gap: 10px; background-position: 90% 50% } 
    .prCon4 .playground_box .btn { font-size: 11px; padding: 3px 10px } 
    .prCon5 .pr_book_detail > li .tit span { margin: 5px 0 0; } 
    .prCon5 .next_100 { padding: 0 23% } 
    .prCon8 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; } 


.prCon9 .charact_slider .swiper-slide .con{height:200px;gap:15px}

    .prCon10 .plan_wrap{
    display: flex;
    flex-direction: column;
}

}