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

.btns_wrap{text-align:center;margin-top:50px;}
.btns_wrap .btn_base{display:inline-block;padding:25px 20px;background-color:#000;color:#fff;font-size:20px;font-weight:bold;min-width:480px;}
.btns_wrap .btn_base.done{background-color:#999999;cursor:default;pointer-events:none;}
.mg_terms strong span{font-weight:400;}
.mg_popup_wrap .btns_wrap .btn_base{min-width:initial;width:80%;padding:20px;}
.book_info + .btns_wrap{margin-top:80px;}

.evCon1{background:url(https://img.megagong.net/m/2024/0625_ysw7/con1_bg.jpg) 50% 0 no-repeat;background-size:cover;}
.evCon1 .inner{width:1240px;}
.evCon1 .inner .btn_link{width:7%;height:3.5%;right:8%;bottom:30%;}
.con_tit .end::after{background: #000;}/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp2{color:#317ae1;}

.evCon2 .inner{padding:150px 0 130px;}
.evCon2 .inner .tiny{font-size:14px;color:#999;position:absolute;right:0;top:10px;display:block;}
.evCon2 .con_tit{line-height:1.2;}
.evCon2 .con_tit span{display:block;font-size:24px;color:#444;}
.evCon2 .con_tit span em{color:#317ae1;font-style:normal;}
.evCon2 .con_tit strong{font-size:40px;font-weight:bold;color:#121212;margin-top:15px;display:block;}
.evCon2 .con_tit strong em{font-style:normal;font-size:32px;color:#444;}
.evCon2 .con_box{margin-top:50px;}

.evCon3{background-color:#ebf2ff;}
.evCon3 .inner{padding:180px 0 130px;}
.evCon3 .curr_list > li{position:relative;margin-top:150px;}
.evCon3 .curr_list > li:first-child{margin-top:0;}
.evCon3 .curr_list > li .point dt{position: relative;}
.evCon3 .curr_list > li .point dt::before{content:'';display:block;width:100%;height:1px;background-color:#317ae1;position: absolute;left:0;top:50%;}
.evCon3 .curr_list > li .point dt span{display:inline-block;background: rgb(98,163,255);background: linear-gradient(90deg, rgba(98,163,255,1) 0%, rgba(49,122,225,1) 100%);padding:15px 30px;position: relative;color:#fff;border-radius:30px;font-size:24px;}
.evCon3 .curr_list > li .point dt em{color:#fff389;font-style:normal;}
.evCon3 .curr_list > li .point dd{position: relative;padding-top:35px;}
.evCon3 .curr_list > li .point dd:first-child{padding-top:150px;}
.evCon3 .curr_list > li .point dd .badge{position: absolute;left:0;top:0;}
.evCon3 .curr_list > li .point dd .label{font-size:24px;font-weight:bold;color:#444;}
.evCon3 .curr_list > li .point dd .label strong{color:#317ae1;}
.evCon3 .curr_list > li .point dd .txt{font-size:40px;font-weight:bold;color:#121212;letter-spacing:-2px;margin-top:10px;}
.evCon3 .curr_list > li .point dd .txt strong{color:#317ae1;}
.evCon3 .curr_list > li .point dd .txt2{font-size:24px;font-weight:bold;color:#444;}
.evCon3 .curr_list > li .point dd .badge{position: absolute;left:-90px;top:30px;}
.evCon3 .curr_list > li .eventVideo{margin-top:55px;}
.evCon3 .curr_list > li .official_list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 14px;margin-top:50px;}
.evCon3 .curr_list > li .official_list > li{background-color:#fff;padding:30px 20px;border-radius:10px;width:calc(33.333% - 10px);}
.evCon3 .curr_list > li .official_list > li .label_wrap .label{display:inline-block;background: rgb(98,163,255);background: linear-gradient(90deg, rgba(98,163,255,1) 0%, rgba(49,122,225,1) 100%);padding:5px 15px;border-radius:20px;font-size:16px;color:#fff;font-weight:bold;}
.evCon3 .curr_list > li .official_list > li .label_wrap .con{font-size:20px;font-weight:bold;color:#121212;margin-top:10px;}
.evCon3 .curr_list > li .official_list > li .label_wrap .con strong{color:#317ae1;}
.evCon3 .curr_list > li .official_list > li .label_wrap + p{padding-top:20px;margin-top:20px;border-top:1px solid #e8e8e8;letter-spacing:-1px;}
.evCon3 .video_info{display:flex;gap:0 20px;margin-top:30px;}
.evCon3 .video_info dt{position: relative;}
.evCon3 .video_info dt, .evCon3 .video_info dd{width:50%;}
.evCon3 .curr_list > li .table{margin-top:30px;}
.evCon3 .curr_list > li .special{margin-top:50px;border-radius:15px;overflow:hidden;}
.evCon3 .curr_list > li .special dl{display:flex;}
.evCon3 .curr_list > li .special dt{flex-shrink:0;width:180px;background-color:#317ae1;font-size:20px;font-weight:bold;color:#fff;display:flex;align-items:center;justify-content:center;}
.evCon3 .curr_list > li .special dd{flex-grow:1;background-color:#fff;padding:25px 15px;border-left:1px solid #e8e8e8;}
.evCon3 .curr_list > li .special dd .label{display:inline-block;background: rgb(98,163,255);background: linear-gradient(90deg, rgba(98,163,255,1) 0%, rgba(49,122,225,1) 100%);padding:5px 15px;border-radius:20px;font-size:16px;color:#fff;font-weight:bold;}
.evCon3 .curr_list > li .special dd .con{font-size:16px;margin-top:10px;}
.evCon3 .curr_list > li .tiny{display:block;text-align:right;font-size:14px;color:#a5a4be;margin-top:10px;}

.eventVideo.video_renewal { position: relative; width: auto; height: auto; background: #000; }

.evCon3 .video_box { position: relative; width: 100%; height: 100%; background-color: none; padding-bottom: 56.2%; }
.evCon3 .video_info dt .play_area { width: 100% !important; height: 100% !important; position: absolute; width: 100%; height: 100%; } 
.evCon3 .video_info dt .play_area img{width:100%;}
.evCon3 .video_info dt iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 

.evCon3 .video_info dd ul{display:flex;gap:10px 0;flex-direction:column;width:100%;}
.evCon3 .video_info dd li{background-color:#fff;padding:10px;}
.evCon3 .video_info dd li::before{content:'';display:inline-block;width:20px;height:20px;background:url(https://img.megagong.net/m/2024/0625_ysw7/con3_check.png) 50% 0 no-repeat;margin:0 auto;}
.evCon3 .video_info dd li span{display:block;}
.evCon3 .curr_message{margin-top:50px;font-size:32px;color:#121212;letter-spacing:-1.5px;}

.evCon3 .book_info{display:flex;margin-top:70px;}
.evCon3 .book_info > dt{width:480px;flex-shrink:0;position: relative;}
.evCon3 .book_info > dt .book{position:absolute;display:block;left:30px;}
.evCon3 .book_info > dt .book a{display:block;}
.evCon3 .book_info > dd{flex-grow:1;text-align:left;padding-top:60px;}
.evCon3 .book_info > dd .label{font-size:24px;font-weight:bold;padding:20px 30px;background-color:#cee0ff;border-radius:0 35px 35px 0;display:inline-block;}
.evCon3 .book_info > dd .label strong{color:#317ae1;}
.evCon3 .book_info > dd .info{padding:10px 0 35px 30px;}
.evCon3 .book_info > dd .info li{font-size:18px;color:#121212;text-indent:-10px;padding-left:10px;margin-top:10px;}
.evCon3 .book_info > dd .info li:first-child{margin-top:0;}
.evCon3 .book_info > dd .detail{display:flex;gap:0 14px;padding-left:30px;}
.evCon3 .book_info > dd .detail li{width:200px;height:200px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;}
.evCon3 .book_info > dd .detail li dl{text-align:center;}
.evCon3 .book_info > dd .detail li dl dd{font-size:16px;color:#121212;margin-top:10px;line-height:1.2;}

.evCon4 .inner{padding:150px 0 130px;}
.evCon4 .con_tit{font-size:40px;font-weight:bold;margin-bottom:60px;}
.evCon4 .product_info{padding:20px 40px;background-color:#f7f8f8;border-radius:10px;margin:60px 0 50px;display:flex;justify-content:space-between;align-items:center;}
.evCon4 .product_info .product_l{text-align:left;}
.evCon4 .product_info .product_l > span{display:block;}
.evCon4 .product_info .product_l .label{font-size:16px;color:#fff;background: linear-gradient(90deg, rgba(98,163,255,1) 0%, rgba(49,122,225,1) 100%);display:inline-block;padding:3px 25px;border-radius:15px;}
.evCon4 .product_info .product_l .label.on{color:#fff389;}
.evCon4 .product_info .product_l .con{font-size:24px;font-weight:bold;color:#121212;margin-top:10px;}
.evCon4 .product_info .product_l .con strong{color:#317ae1;position:relative;}
.evCon4 .product_info .product_l .con strong span{position: relative;}
.evCon4 .product_info .product_l .con strong::before{content:'';display:block;width:100%;height:15px;background-color: #cee0ff;position: absolute;left:0;bottom:0;}
.evCon4 .product_info .product_r .btn_base{display:inline-block;font-size:16px;color:#fff;font-weight:bold;background-color:#000;border-radius:30px;padding:13px 34px;}

.tit_line_wrap{position: relative;margin:120px 0 30px;}
.tit_line_wrap .tit_line{display:inline-block;background-color:#000;color:#fff;padding:20px 90px;font-size:20px;border-radius:35px;position: relative;min-width:320px;}
.tit_line_wrap::before{content:'';display:block;width:100%;height:1px;background-color:#000;position: absolute;top:50%;left:0;}

#event1{background-color: #317ae1;}
#event1 > .inner{padding:150px 0;}

.evEvent .con_tit > *{display:block;}
.evEvent .con_tit .label{margin-bottom:30px;display:inline-block;}
.evEvent .con_tit .s_tit{font-size:32px;font-weight:bold;}
.evEvent .con_tit .badge{position: absolute;left:-60px;top:-50px;}
.evEvent#event1 .con_tit .s_tit{color:#fff;}
.evEvent#event2 .con_tit .s_tit{color:#121212;}

.evEvent .con_tit .b_tit{font-size:46px;font-weight:900;color:#fff;}
.evEvent .con_tit .info{font-size:24px;color:#afd0ff;margin-top:20px;font-weight:400;}
.evEvent .con_tit .info strong{font-weight:700;}

#event1 .container_info.ver_circle{gap:0 60px;margin-top:50px;}
#event1 .container_info.ver_circle .info{width:auto;}
#event1 .container_info.ver_circle .info .info_title{background-color: #000;}
#event1 .container_info.ver_circle .info .info_date{color:#fff;}

#event1 .gift_list{display:flex;gap:0 34px;justify-content:center;margin-top:70px;}

#event2{background-color: #bcddff;}
#event2 > .inner{padding:150px 0;}
#event2 .event_line_wrap{position: relative;height:50px;background-color:#95c9fe;margin:60px 0 75px;}
#event2 .event_line_wrap::before,
#event2 .event_line_wrap::after{content:'';display:block;width:1000px;height:100%;background-color:#95c9fe;position: absolute;top:0;}
#event2 .event_line_wrap::before{left:-1000px;}
#event2 .event_line_wrap::after{right:-1000px;}
#event2 .event_line_wrap .label_wrap{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:680px;display:flex;justify-content:space-between;align-items:center;gap:0 30px;}
#event2 .event_line_wrap .label{font-size:46px;font-weight:900;color:#317ae1;background-color: #fff;border:8px solid #317ae1;border-radius:50px;padding:10px 80px;display:inline-block;}
#event2 .event_line_wrap .arrow{flex-shrink:0;}
#event2 .coupon_txt{font-size:24px;color:#121212;}
#event2 .coupon_detail{margin-top:60px;position: relative;}
#event2 .coupon_detail .coupon_box{position: absolute;left:50%;top:0;transform:translate(-50%, 0);padding-right:70px;height:235px;display:flex;flex-direction:column;justify-content: center;}
#event2 .coupon_detail .coupon_box .class{font-size:26px;font-weight:bold;color:#121212;}
#event2 .coupon_detail .coupon_box .name{font-size:40px;font-weight:900;;color:#317ae1;line-height:1.2;margin-top:10px;}
#event2 .container_info{max-width:680px;margin:0 auto;}
#event2 .evt_step_list{display:flex;flex-wrap:wrap;gap:0 15px;}
#event2 .evt_step_list li{width:calc(33.333% - 10px);background-color:#fff;padding:30px 0 20px;border-radius:10px;position: relative;}
#event2 .evt_step_list li::before{content:'';display:block;width:35px;height:35px;background:url(https://img.megagong.net/m/2024/0625_ysw7/evt_arrow.png) 0 0 no-repeat;position: absolute;left:-25px;top:50%;margin-top:-17.5px;}
#event2 .evt_step_list li:first-child::before{display:none;}
#event2 .evt_step_list li .evt_label span{font-size:16px;color:#111;padding:7px 24px;background-color:#ebebeb;border-radius:20px;margin-bottom:20px;display:inline-block;}
#event2 .evt_step_list li .evt_name{font-size:20px;color:#317ae1;font-weight:700;display:inline-block;padding:0 6px;position: relative;}
#event2 .evt_step_list li .evt_name::before{content:'';display:block;width:100%;height:9px;background-color:#cee0ff;position: absolute;left:0;bottom:0;}
#event2 .evt_step_list li .evt_name span{position: relative;}
#event2 .evt_step_list li .evt_con{margin-top:15px;}
#event2 .evt_step_list li .evt_tiny{font-size:14px;color:#ff3b60;display:block;margin-top:10px;}
#event2 .evt_step_tiny{margin-top:10px;}
#event2 .evt_step_tiny li{text-align:right;font-size:14px;color:#999;}

.eventWrap .evSection.evCon1{overflow:inherit;z-index:2;position: relative;}
.evt-popup{position: absolute;left:80px;top:50px;max-width:1080px;}
.evt-popup .btn-close{position: absolute;right:30px;top:30px;width:36px;font-size:0;transition:transform 0.2s;}
.evt-popup .btn-close:hover{transform:rotate(180deg);}
.evt-popup .popup-content{position: relative;}
.evt-popup .popup-content .btn{position: absolute;right:124px;bottom:119px;width:436px;height:76px;background-color:gold;font-size:0;opacity:0;}

@media screen and (max-width: 1240px){
    .evCon1 .inner{width:96%;}
    .evt-popup{left:3%;width:94%;top:2%;}
    .evt-popup .popup-content .btn{right:11%;bottom:13%;width:41%;height:10%;}
    .evt-popup .btn-close{right:3%;top:3%;width:4%;}
}
@media screen and (max-width: 1200px){
    .evCon2 .inner{padding:15% 0 13%;}
    .evCon2 .con_tit span{font-size:clamp(16px, 2.4vw, 24px);}
    .evCon2 .con_tit strong{font-size:clamp(20px, 4vw, 40px);}
    .evCon2 .con_tit strong em{font-size:clamp(16px, 3.2vw, 32px);}
    .evCon2 .con_box{margin-top:5%;}

    .evCon3 .inner{padding:18% 0 13%;}
    .evCon3 .curr_list > li{margin-top:15%;}
    .evCon3 .curr_list > li .point dt span{font-size:clamp(16px, 2.4vw, 24px);padding:15px;}
    .evCon3 .curr_list > li .point dd{padding-top:3.5%;}
    .evCon3 .curr_list > li .point dd:first-child{padding-top:15%;}
    .evCon3 .curr_list > li .point dd .label{font-size:clamp(16px, 2.4vw, 24px);}
    .evCon3 .curr_list > li .point dd .txt{font-size:clamp(20px, 4vw, 40px);}
    .evCon3 .curr_list > li .eventVideo{margin-top:5.5%;}
    .evCon3 .curr_list > li .official_list{margin-top:5%;}
    .evCon3 .curr_list > li .official_list > li .label_wrap .label{font-size:14px;}
    .evCon3 .curr_list > li .official_list > li .label_wrap .con{font-size:clamp(14px, 1.8vw, 20px);}
    .evCon3 .curr_list > li .official_list > li .label_wrap + p{font-size:clamp(12px, 1.3vw, 16px);padding-top:10px;margin-top:10px;}

    .btns_wrap{margin-top:5%;}
    .book_info + .btns_wrap{margin-top:8%;}
    .tit_line_wrap{margin:12% 0 3%;}
    .tit_line_wrap .tit_line{padding:15px 40px;min-width:initial;font-size:16px;}

    .evCon3 .curr_message{margin-top:5%;font-size:clamp(18px, 2.7vw, 32px);}
    .evCon3 .curr_list > li .point dd .badge{left:0;width:13%;top:53%;}
    .evCon3 .curr_list > li .point dd .txt2{font-size:clamp(14px, 2.2vw, 24px);}

    .evCon3 .book_info{display:block;}
    .evCon3 .book_info > dt{width:80%;margin:0 auto;position: relative;right:5%;}
    .evCon3 .book_info > dt .book{width:100%;left:0;position: static;}
    .evCon3 .book_info > dd{width:100%;padding-top:0;}
    .evCon3 .book_info > dd .label{font-size:clamp(16px, 2.2vw, 24px);}
    .evCon3 .book_info > dd .detail{padding-left:0;justify-content:center;}
    .evCon3 .book_info > dd .detail li dl dd{font-size:clamp(12px, 1.6vw, 16px);}
    .evCon3 .book_info > dd .info{padding-left:0;padding-bottom:3.5%;}
    .evCon3 .book_info > dd .info li{font-size:clamp(14px, 2vw, 18px);}

    .evCon4 .inner{padding:15% 0 13%;}
    .evCon4 .con_tit{font-size:clamp(20px, 4vw, 40px);margin-bottom:6%;}
    .evCon4 .product_info{margin:6% 0 5%;padding:20px;}
    .evCon4 .product_info .product_l .con{font-size:clamp(16px, 2.2vw, 24px);}

    .evEvent .con_tit .label{margin-bottom:3%;width:25%;}
    .evEvent .con_tit .s_tit{font-size:clamp(18px, 3vw, 32px);}
    .evEvent .con_tit .b_tit{font-size:clamp(24px, 4.2vw, 46px)}
    .evEvent .con_tit .info{font-size:clamp(16px, 2.4vw, 24px);}

    #event1 > .inner{padding:15% 0;}
    #event2 > .inner{padding:15% 0;}
    #event1 .container_info.ver_circle{gap:0 30px;margin-top:5%;}
    #event1 .gift_list{margin-top:7%;gap:0 15px;}

    /* #event2 .event_line_wrap .label_wrap{width:auto;gap:0 15px;} */
    #event2 .event_line_wrap .label_wrap{width:70%;}
    #event2 .event_line_wrap .label{font-size:clamp(14px, 3.5vw, 46px);padding:10px 40px;}
    #event2 .coupon_txt{font-size:clamp(16px, 2.2vw, 24px);}

    #event2 .coupon_detail{margin-top:6%;}
    #event2 .coupon_detail .coupon_box{height:20.5vw;}
    #event2 .coupon_detail .coupon_box .class{font-size:clamp(16px, 2.3vw, 26px);}
    #event2 .coupon_detail .coupon_box .name{font-size:clamp(20px, 3.7vw, 40px);}
    .evEvent .con_tit .badge{left:0;width:20%;}
}
@media screen and (max-width: 992px){
    .evCon3 .video_info{display:block;}
    .evCon3 .video_info dt, .evCon3 .video_info dd{width:100%;}
    .evCon3 .video_info dd{margin-top:10px;}
    .evCon3 .curr_list > li .special dt{width:90px;font-size:18px;}
    .evCon3 .curr_list > li .special dd .label{font-size:12px;}
    .evCon3 .curr_list > li .special dd .con{font-size:14px;}

    #event1 .container_info.ver_circle{display:block;}
    #event1 .container_info.ver_circle .info{margin-top:10px;}
    #event1 .container_info.ver_circle .info:first-child{margin-top:0;}
}
@media screen and (max-width: 820px){
    #event2 .event_line_wrap .label_wrap{width:100%;}
}
@media screen and (max-width: 768px){
    .evCon2 .inner .tiny{font-size:12px;}
    .evCon3 .curr_list > li .official_list{display:block;}
    .evCon3 .curr_list > li .official_list > li{width:100%;margin-top:10px;padding:15px;}
    .evCon3 .curr_list > li .official_list > li:first-child{margin-top:0;}
    .evCon3 .curr_list > li .official_list > li .label_wrap .con{font-size:16px;}
    .evCon3 .curr_list > li .official_list > li .label_wrap + p{font-size:14px;}

    .btns_wrap .btn_base{font-size:16px;min-width:initial;padding:15px 20px;}
    .evCon3 .book_info > dd .detail li{width:30vw;height:30vw;}
    .evCon3 .book_info > dd .detail li dt{margin:0 auto;}
    .evCon3 .book_info > dd .detail li:nth-child(1) dt{width:25.5px;}
    .evCon3 .book_info > dd .detail li:nth-child(2) dt{width:37px;}
    .evCon3 .book_info > dd .detail li:nth-child(3) dt{width:30px;}
    .evCon3 .curr_list > li .special dt{display:none;}

    .evCon4 .product_info{padding:15px;gap:0 10px;}
    .evCon4 .product_info .product_r .btn_base{font-size:14px;padding:10px 15px;}

    #event2 .event_line_wrap{height:30px;margin:6% 0 7.5%;}
    #event2 .event_line_wrap .label{border-width:4px;}
    #event2 .event_line_wrap .arrow{width:20px;}
    #event2 .coupon_detail{max-width:525px;margin:6% auto;}
    #event2 .coupon_detail .coupon_box{height:100%;padding-right:13%;width:100%;}
    #event2 .coupon_detail .coupon_box .class{font-size:clamp(16px, 4vw, 26px);}
    #event2 .coupon_detail .coupon_box .name{font-size:clamp(20px, 5vw, 40px);}

    #event2 .evt_step_list li{width:100%;margin-top:15px;padding:30px 10px;}
    #event2 .evt_step_list li::before{left:50%;top:-10px;transform:rotate(90deg);margin-left:-17.5px;}
    #event2 .evt_step_list li .evt_label span{font-size:14px;margin-bottom:10px;}
    #event2 .evt_step_list li .evt_name{font-size:16px;}
    #event2 .evt_step_list li .evt_tiny{font-size:12px;}
    #event2 .evt_step_tiny li{font-size:12px;}
    .evEvent .con_tit .badge{width:25%;top:-65px;}

    .evt-popup .popup-content .btn{left:0;bottom:0;width:100%;}
}
@media screen and (max-width: 576px){
    .evEvent .con_tit .badge{top:-50px;}
}