@charset "euc-kr";
/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */


.con_tit .end::after{background: #e63455;}/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .evt_mark{border-radius:0;}
.container_info{background-color:transparent;border:1px solid #111111;}
.container_info .info .noti{color:#0201ad;opacity:1;font-weight:500;}
.warningList li ul li a.tp2{color:#1e00ff;}
.warningList .f_dash li.indent li{padding-left:0;}
.warningList .f_dash li.indent .dash{display:none;}

.clamp-title{font-size:44px;font-weight:900;}
.clamp-title2{font-size:50px;font-weight:900;}
.clamp-title2 .mini{font-size:35px;font-weight:700;line-height:1.4;display:block;}
.clamp-title2 .mini2{font-size:28px;font-weight:700;line-height:1.4;display:block;}
.clamp-title strong,
.clamp-title2 strong{background: linear-gradient(to right, #0000fe, #ff0075);-webkit-background-clip: text;color: transparent;}
.clamp-text{font-size:30px;}
.clamp-text2{font-size:25px;}
.clamp-text3{font-size:24px;}
.clamp-text4{font-size:20px;color:#0201ad;}
.color_white{color:#fff !important;}
.con_box{margin-top:60px;}

.flt_inner.renewal{width:170px;text-align:center;border-top:1px solid #111;}
.flt_inner.renewal li:not(.top) a{background-color: #fff;border:1px solid #111111;padding:20px 0px;letter-spacing:-1.5px;border-top:0;}
.flt_inner.renewal li:not(.top) .txt{font-size:15px;font-weight:700;color:#111;line-height:1.2;display:block;}
.flt_inner.renewal li:not(.top) .tit{font-size:18px;font-weight:700;color:#0000fe;line-height:1.2;display:block;margin-top:10px;}
.flt_inner.renewal li.top{margin-top:0;}
.flt_inner.renewal li.top a{padding:10px 0;background-color:#111;color:#fff;font-size:13px;}
.flt_inner.renewal li{margin-top:0;}

.evCon1{padding:160px 0 170px;background:url(https://image.megagong.net/m/2024/0909_nojoony1/bg_top.jpg) 50% 0 no-repeat;background-size:cover;}
.evCon1 .inner{width:1278px;}
.evCon1 .tec_home{margin-top:60px;font-size:0;}
.evCon1 .tec_home a{display:inline-block;font-size:18px;font-weight:700;color:#727272;letter-spacing:1.5px;}
.evCon1 .tec_home a::after{content:'';display:inline-block;width:16px;height:16px;background:url(https://image.megagong.net/m/2024/0909_nojoony1/top_home.png) 0 0 no-repeat;margin-left:10px;}

.evCon2, .evCon3, .evCon4, .evCon5, #event, #event1, #event2{padding:180px 0;}
.evCon2{background-color:#2d2c32;}
.evCon3{background-color: #f5f5f5;}
.evCon4{background-color: #fff;}
.evCon5{background-color: #ffe9f3;}

.evCon2 .clamp-title strong{background: linear-gradient(to right, #9696ff, #ff5ca7);-webkit-background-clip: text;color: transparent;}
.evCon2 .pic_list{display:flex;gap:0 20px;margin-bottom:60px;}
.evCon2 .pic_list > li{background-color: #222127;width:33.333%;padding:40px 20px 50px;border-radius:10px;position: relative;}
.evCon2 .pic_list > li::before{content:'';display:block;width:69px;height:69px;background:url(https://image.megagong.net/m/2024/0909_nojoony1/top_arrow.png) 0 0 no-repeat;position: absolute;left:-45px;top:50%;margin-top:-35px;}
.evCon2 .pic_list > li:first-child::before{display:none;}
.evCon2 .pic_list > li dt{height:147px;display:flex;align-items:center;justify-content:center;}
.evCon2 .pic_list > li dd{margin-top:25px;}
.evCon2 .pic_list > li dd span{display:block;color:#b9b9b9;}
.evCon2 .pic_list > li dd .tit{font-size:22px;font-weight:700;}
.evCon2 .pic_list > li dd .con{font-size:18px;font-weight:500;margin-top:20px;}
.evCon2 .pic_list > li.current{background-color: #ff0075;}
.evCon2 .pic_list > li.current dd span{color:#ffffff;}

.evCon3 .tab_base{display:flex;border-bottom:3px solid #0000fe;}
.evCon3 .tab_base > li{width:50%;}
.evCon3 .tab_base > li a{padding:25px 0;background-color:#dedede;display:block;}
.evCon3 .tab_base > li a span, .evCon3 .tab_base > li a strong{display:block;color:#9d9d9d;}
.evCon3 .tab_base > li a span{font-size:18px;font-weight:500;}
.evCon3 .tab_base > li a strong{font-size:22px;font-weight:700;}
.evCon3 .tab_base > li.on a{background-color: #0000fe;}
.evCon3 .tab_base > li.on a span, .evCon3 .tab_base > li.on a strong{color:#fff;}
.evCon3 .class_intro{padding:60px 0 80px;font-size:22px;color:#111;}
.evCon3 .class_intro .para{margin-top:30px;}
.evCon3 .class_intro .para:first-child{margin-top:0;}
.evCon3 .class_intro p{margin-top:6px;}
.evCon3 .class_intro span{background-color: #fff;font-weight:bold;background-color: #dedede;}
.evCon3 .class_detail .eventVideo{max-width:1000px;margin:0 auto;}
.evCon3 .class_detail .eventVideo.video_renewal .video_box{padding-bottom:60.9%;}
.evCon3 .class_detail .point-label{position: relative;margin:70px 0 40px;}
.evCon3 .class_detail .point-label:first-child{margin-top:0;}
.evCon3 .class_detail .point-label::before{content:'';display:block;width:100%;height:1px;position: absolute;top:50%;left:0;background-color:#111;}
.evCon3 .class_detail .point-label span{display:inline-block;padding:15px 50px;background-color: #111;border-radius:30px;font-size:20px;font-weight:500;color:#fff;position: relative;}
.evCon3 .class_detail .point-label span em{color:#9696ff;font-style:normal;}
.evCon3 .class_detail .detail_info{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;}
.evCon3 .class_detail .detail_info > li{background-color: #fff;border:1px solid #ccc;width:calc(33.333% - 7px);border-radius:10px;padding:50px 0;}
.evCon3 .class_detail .detail_info > li span{display:inline-block;position: relative;padding-top:25px;font-size:18px;}
.evCon3 .class_detail .detail_info > li span em{font-style:normal;font-size:16px;}
.evCon3 .class_detail .detail_info > li span::before{content:'';display:inline-block;width:14px;height:14px;background:url(https://image.megagong.net/m/2024/0909_nojoony1/ico_check.png) 0 0 no-repeat;position: absolute;left:50%;top:0;}
.evCon3 .class_detail .book_info{padding-left:250px;position: relative;margin-top:70px;}
.evCon3 .class_detail .book_info .book_obj{position: absolute;left:-95px;top:-15px;}
.evCon3 .class_detail .book_info .book_list{display:flex;gap:0 8px;}
.evCon3 .class_detail .book_info .book_list > li{flex-grow:1;background-color: #fff;padding:30px 0 45px;border:1px solid #cccccc;border-radius:10px;}
.evCon3 .class_detail .book_info .book_list > li dd{font-size:18px;font-weight:500;color:#111;margin-top:15px;}

.evCon3 .tab_base.type-2{border-color:#ff0075}
.evCon3 .tab_base.type-2 > li.on a{background-color: #ff0075;}
.evCon3 #tab2 .class_detail .point-label span em{color:#ff0075;}

.evCon5 .tec{position: absolute;left:-507px;top:40px;}
.evCon5 .con_wrap{position: relative;}
.evCon5 .con_wrap .season_list{display:flex;gap:45px;flex-wrap:wrap;margin-top:60px;}
.evCon5 .con_wrap .season_list > li{background-color:#fff;padding:35px 30px;width:calc(50% - 30px);border:1px solid #cccccc;border-radius:15px;position: relative;}
.evCon5 .con_wrap .season_list > li::before{content:'';display:inline-block;position:absolute;}
.evCon5 .con_wrap .season_list > li.season1::before,
.evCon5 .con_wrap .season_list > li.season3::before{width:40px;height:86px;background:url(https://image.megagong.net/m/2024/0909_nojoony1/arrow_r.png) 0 0 no-repeat;}
.evCon5 .con_wrap .season_list > li.season2::before{width:86px;height:40px;background:url(https://image.megagong.net/m/2024/0909_nojoony1/arrow_b.png) 0 0 no-repeat;}
.evCon5 .con_wrap .season_list > li.season3::before{transform:rotate(180deg);}
.evCon5 .con_wrap .season_list > li.season1::before,
.evCon5 .con_wrap .season_list > li.season3::before{top:50%;margin-top:-43px;}
.evCon5 .con_wrap .season_list > li.season1::before{right:-40px;}
.evCon5 .con_wrap .season_list > li.season3::before{left:-40px;}
.evCon5 .con_wrap .season_list > li.season2::before{bottom:-40px;left:50%;margin-left:-43px;}
.evCon5 .con_wrap .season_list > li .tit{display:block;font-size:24px;font-weight:700;}
.evCon5 .con_wrap .season_list > li .con{display:block;font-size:20px;font-weight:500;margin-top:10px;}
.evCon5 .con_wrap .preview-area{margin-top:80px;}
.evCon5 .con_wrap .preview-area .label{position: relative;}
.evCon5 .con_wrap .preview-area .label span{display:inline-block;padding:15px 60px;background-color: #282828;font-size:20px;font-weight:500;color:#fff;border-radius:30px;position: relative;}
.evCon5 .con_wrap .preview-area .label::before{content:'';display:block;width:100%;height:1px;background-color:#282828;position: absolute;left:0;top:50%;}
.evCon5 .con_wrap .preview-area .book{margin:35px 0 20px;}

#event{background-color:#b9c9ff;}
#event .clamp-title2 strong,
#event .clamp-title2 .mini2{color:#0201ad;}
#event .clamp-text3{margin-top:20px;}
#event .container_gift_wrap{margin-top:60px;}
#event .eventButtons{margin-top:100px;}

#tabContent{position: relative;}
#tabContent .tab_base{display:flex;max-width:1200px;position:relative;left:50%;top:0;margin-left:-600px;gap:0 4px;}
#tabContent .tab_base li{width:50%;}
#tabContent .tab_base li a{color:#a6a6a6;display:block;text-align:center;padding:25px 0;}
#tabContent .tab_base li a > *{display:block;}
#tabContent .tab_base li.on a{color:#000;}
#tabContent .tab_base li a span{font-size:17px;font-weight:300;}
#tabContent .tab_base li a strong{font-size:20px;font-weight:700;}
#tabContent .tab_base li a strong i{font-style:normal;}
#tabContent .tab_base li.blue a{background-color: #d7e0ff;}
#tabContent .tab_base li.red a{background-color: #ffe9f3;}

.evCon5.blue{background-color: #d7e0ff;}
.evCon5.blue .intro_area{margin:0 auto;max-width:1000px;}
.evCon5.blue .intro_area .message_list{display:flex;width:100%;gap:0 20px;margin-top:80px;}
.evCon5.blue .intro_area .message_list li{display:flex;align-items:center;justify-content:center;background-color: #fff;border:1px solid #d7e0ff;border-radius:15px;width:33.333%;border:1px solid #cccccc;padding:50px 0;font-size:18px;}

#event1{background-color:#ffaace;}
#event1 .clamp-title2 strong,
#event1 .clamp-title2 .mini2{color:#da0064;}
#event1 .clamp-text3{margin-top:20px;}
#event1 .container_gift_wrap{margin-top:60px;}
#event1 .eventButtons{margin-top:100px;}
#event1 .container_info{display:inline-flex;}
#event1 .container_info .info .noti{color:#da0064;padding-left:0;}
#event1 .container_info .info .noti::before{display:none;}
#event1 .purchase_list{margin-top:55px;}
#event1 .purchase_list > li{display:flex;gap:0 5px;margin-top:30px;}
#event1 .purchase_list > li:first-child{margin-top:0;}
#event1 .purchase_list > li .class_detail, #event1 .purchase_list > li .class_btn{border-radius:15px;}
#event1 .purchase_list > li .class_detail{text-align:left;background-color:#fff;flex-grow:1;padding:50px;}
#event1 .purchase_list > li .class_detail .tit{font-size:30px;font-weight:700;color:#111;}
#event1 .purchase_list > li .class_detail .con{font-size:20px;margin-top:5px;}
#event1 .purchase_list > li .class_detail .pkg-info{margin-top:40px;}
#event1 .purchase_list > li .class_detail .pkg-info .label{font-size:16px;font-weight:700;text-decoration:underline;margin-bottom:5px;}
#event1 .purchase_list > li .class_detail .pkg-info .list{font-size:16px;color:#999999;line-height:1.4;}
#event1 .purchase_list > li .class_detail .pkg-info .price{margin-top:40px;display:flex;align-items:center;gap:0 15px;}
#event1 .purchase_list > li .class_detail .pkg-info .price em{font-style:normal;}
#event1 .purchase_list > li .class_detail .pkg-info .price .origin{font-size:20px;font-weight:500;color:#bbbbbb;text-decoration:line-through}
#event1 .purchase_list > li .class_detail .pkg-info .price .origin em{font-weight:500;;}
#event1 .purchase_list > li .class_detail .pkg-info .price .discount{display:inline-block;padding:5px 12px;background-color:#ff0075;font-size:18px;font-weight:700;color:#fff;border-radius:20px;}
#event1 .purchase_list > li .class_detail .pkg-info .price .current{font-size:30px;font-weight:500;color:#ff0075;}
#event1 .purchase_list > li .class_detail .pkg-info .price .current em{font-weight:700;}
#event1 .purchase_list > li .class_btn{background-color: #ff0075;color:#fff;justify-content: center;align-items: center;display:flex;flex-shrink:0;padding:40px;font-size:25px;font-weight:700;}

#event2{background-color:#b9c9ff;}
#event2 .clamp-title2 strong,
#event2 .clamp-title2 .mini2{color:#0201ad;}
#event2 .clamp-text3{margin-top:20px;}
#event2 .clamp-text4{margin-top:45px;}
#event2 .container_gift_wrap{margin-top:60px;}
#event2 .eventBoard{margin-top:90px;}
#event2 .eventButtons{margin-top:100px;}
#event2 .evtBoard_common{background-color: #224bbf;}
#event2 .evtBoard_common .board_notice li{opacity:1;}
#event2 .container_info_column_wrap{position: relative;background-color:#a3b8ff;padding:35px 0;display:flex;justify-content: center;}
#event2 .container_info_column_wrap::before,
#event2 .container_info_column_wrap::after{content:'';display:block;width:1000px;height:100%;background-color:#a3b8ff;position: absolute;top:0;}
#event2 .container_info_column_wrap::before{left:-1000px;}
#event2 .container_info_column_wrap::after{right:-1000px;}
#event2 .container_info.ver_column{border:0;border-radius:0;display:block;}
#event2 .container_info.ver_column .info{margin-top:15px;}
#event2 .container_info.ver_column .info:first-child{margin-top:0;}

@media screen and (max-width: 1280px){
    .evCon1 .inner{width:96%;}
}
@media screen and (max-width: 1200px){
    .evCon1{padding:14% 0 15%;}
    .evCon2, .evCon3, .evCon4, .evCon5, #event, #event1, #event2{padding:16% 0;}
    .clamp-title{font-size: clamp(24px, 3.8vw, 44px);}
    .clamp-title2{font-size: clamp(26px, 4.2vw, 50px);}
    .clamp-title2 .mini{font-size: clamp(18px, 2.7vw, 35px);}
    .clamp-title2 .mini2{font-size: clamp(16px, 2.2vw, 28px);}

    .clamp-text{font-size: clamp(18px, 2.6vw, 30px);}
    .clamp-text2{font-size: clamp(16px, 2.2vw, 25px);}
    .clamp-text3{font-size: clamp(15px, 2.1vw, 24px);}
    .clamp-text4{font-size: clamp(13px, 1.8vw, 20px);}

    .con_box{margin-top:6%;}
    .evCon2 .pic_list{gap:0 10px;margin-bottom:6%;}
    .evCon2 .pic_list > li{padding:20px 10px 25px;}
    .evCon2 .pic_list > li::before{width:35px;height:35px;margin-top:-17.5px;background-size:cover;left:-25px;}
    .evCon2 .pic_list > li dt{height:100px;}
    .evCon2 .pic_list > li dt img{max-width:initial;max-height:100%;}
    .evCon2 .pic_list > li dd .tit{font-size:18px;}
    .evCon2 .pic_list > li dd .con{font-size:14px;}
    
    .evCon3 .tab_base > li a{padding:20px 0;}
    .evCon3 .tab_base > li a span{font-size:16px;}
    .evCon3 .tab_base > li a strong{font-size:20px;}
    .evCon3 .class_intro{padding:6% 0 8%;font-size:18px;}
    .evCon3 .class_intro .para{margin-top:3%;}
    .evCon3 .class_detail .point-label{margin:7% 0 4%;}
    .evCon3 .class_detail .point-label span{font-size:18px;padding:15px 30px;}
    .evCon3 .class_detail .detail_info > li{width:calc(50% - 5px);padding:30px 0;}
    .evCon3 .class_detail .detail_info > li span{font-size:16px;}
    .evCon3 .class_detail .detail_info > li span em{font-size:14px;}
    .evCon3 .class_detail .book_info .book_list > li dd{font-size:16px;}

    .evCon5 .con_wrap .preview-area .label span{font-size:18px;padding:15px 40px;}
    .evCon5 .tec{display:none;}
    .evCon5 .con_wrap .season_list{margin-top:6%;}
    .evCon5 .con_wrap .season_list > li{padding:35px 15px;}
    .evCon5 .con_wrap .season_list > li .tit{font-size:20px;}
    .evCon5 .con_wrap .season_list > li .con{font-size:16px;}
    .evCon5 .con_wrap .preview-area{margin-top:8%;}

    #event .container_gift_wrap{margin-top:6%;}
    #event .eventButtons{margin-top:10%;}

    #event1 .container_gift_wrap{margin-top:6%;}
    #event1 .eventButtons{margin-top:10%;}
    #event1 .purchase_list > li{margin-top:3%;}
    #event1 .purchase_list > li .class_detail,
    #event1 .purchase_list > li .class_btn{padding:30px;}
    #event1 .purchase_list > li .class_btn{font-size: clamp(16px, 2.2vw, 25px);}
    #event1 .purchase_list > li .class_detail .tit{font-size: clamp(18px, 2.6vw, 30px);}
    #event1 .purchase_list > li .class_detail .con{font-size: clamp(13px, 1.8vw, 20px);}
    #event1 .purchase_list > li .class_detail .pkg-info{margin-top:4%;}
    #event1 .purchase_list > li .class_detail .pkg-info .label,
    #event1 .purchase_list > li .class_detail .pkg-info .list{font-size: clamp(12px, 1.4vw, 16px);}
    #event1 .purchase_list > li .class_detail .pkg-info .price{margin-top:4%;}
    #event1 .purchase_list > li .class_detail .pkg-info .price .origin{font-size: clamp(13px, 1.8vw, 20px);}
    #event1 .purchase_list > li .class_detail .pkg-info .price .discount{font-size: clamp(13px, 1.6vw, 18px);}
    #event1 .purchase_list > li .class_detail .pkg-info .price .current{font-size: clamp(18px, 2.6vw, 30px);}

    #tabContent .tab_base{width:100%;margin-left:0;left:0;}
    .evCon5.blue .intro_area .message_list{gap:0 10px;margin-top:8%;}
    .evCon5.blue .intro_area .message_list li{font-size:16px;}

    #event2 .clamp-text4{margin-top:4.5%;}
    #event2 .eventBoard{margin-top:9%;}
    #event2 .container_gift_wrap{margin-top:6%;}
}
@media screen and (max-width: 1024px){
    .evCon3 .class_detail .book_info{display:block;padding-left:0;}    
    .evCon3 .class_detail .book_info .book_obj{position: static;}
}
@media screen and (max-width: 992px){
    .evCon5.blue .intro_area .message_list li{font-size:14px;}
}
@media screen and (max-width: 768px){
    .evCon2 .pic_list{display:block;}
    .evCon2 .pic_list > li{width:100%;margin-top:15px;}
    .evCon2 .pic_list > li:first-child{margin-top:0;}
    .evCon2 .pic_list > li::before{left:50%;margin-left:-17.5px;top:-9px;transform:rotate(90deg);}

    .evCon3 .class_intro{font-size:14px;}
    .evCon3 .class_detail .point-label span{font-size:16px;}
    .evCon3 .class_detail .detail_info > li{padding:15px 10px;}
    .evCon3 .class_detail .detail_info > li span{font-size:14px;padding-top:20px;}
    .evCon3 .class_detail .detail_info > li span em{font-size:12px;}
    .evCon3 .class_detail .book_info .book_list > li{padding:15px 0;}
    .evCon3 .class_detail .book_info .book_list > li dt{margin:0 auto;widtH:50%;}
    .evCon3 .class_detail .book_info .book_list > li dd{font-size:14px;margin-top:10px;}

    .evCon5 .con_wrap .season_list{gap:25px;}
    .evCon5 .con_wrap .season_list > li{width:calc(50% - 12.5px);padding:20px 10px;}
    .evCon5 .con_wrap .season_list > li.season1::before, .evCon5 .con_wrap .season_list > li.season3::before{width:20px;height:43px;background-size:auto 43px;margin-top:-21.5px;}
    .evCon5 .con_wrap .season_list > li.season1::before{right:-20px;}
    .evCon5 .con_wrap .season_list > li.season3::before{left:-20px;}
    .evCon5 .con_wrap .season_list > li.season2::before{width:43px;height:20px;background-size:auto 20px;bottom:-20px;margin-left:-21.5px;}
    .evCon5 .con_wrap .season_list > li .tit{font-size:16px;}
    .evCon5 .con_wrap .season_list > li .con{font-size:14px;}

    #tabContent .tab_base li a{padding:20px 0;}
    #tabContent .tab_base li a span{font-size:14px;}
    #tabContent .tab_base li a strong{font-size:16px;}
    #tabContent .tab_base li a strong i{display:none;}
    .evCon5.blue .intro_area .message_list{display:block;}
    .evCon5.blue .intro_area .message_list li{width:100%;margin-top:10px;padding:30px 0;}
    .evCon5.blue .intro_area .message_list li:first-child{margin-top:0;}

    #event1 .purchase_list > li .class_detail,
    #event1 .purchase_list > li .class_btn{padding:20px;}
    #event2 .container_info.ver_column .info{margin-top:10px;}
}
@media screen and (max-width: 576px){
    .evCon3 .class_detail .detail_info > li span{font-size:12px;}
    .evCon3 .class_detail .detail_info > li span em{font-size:10px;}
    .evCon3 .class_detail .book_info .book_list{flex-wrap:wrap;justify-content:center;gap:10px;}
    .evCon3 .class_detail .book_info .book_list > li{width:calc(50% - 5px);flex-grow:0;}
    .evCon3 .class_detail .book_info .book_list > li dd{font-size:12px;}
    .evCon5 .con_wrap .season_list > li .tit{font-size:14px;}
    .evCon5 .con_wrap .season_list > li .con{font-size:12px;}

    #event1 .purchase_list > li{display:block;}
    #event1 .purchase_list > li .class_detail{border-radius:10px 10px 0 0;}
    #event1 .purchase_list > li .class_btn{border-radius:0 0 10px 10px;}
    #event1 .purchase_list > li .class_btn br{display:none;}
}

@media screen and (max-width: 460px){
    .evCon3 .class_detail .detail_info > li span br{display:none;}
}