@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2023/ */
.shadow{filter: drop-shadow(1px 1px 6px #9f8ef5)}

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit strong {display: inline-block; font-weight: 900; font-size: 45px;}
.evSection .con_tit .sub_tit {font-size: 26px;}
.evSection .con_tit .highlight {color: #3917e6;}
.evSection .con_tit strong + .sub_tit {margin-top: 40px;}
.evSection .con_tit .sub_tit + strong {margin-top: 20px;}
.evSection .evt_end {position: absolute; width: 24%; top: 14%; right: -5%;}
.flt_inner.renewal li + li {margin-top: 0;}
.flt_inner.renewal li.top {margin-top:0;}
.flt_inner {right: 0;}

/* .evCon1 */
.evCon1 {padding: 60px 0 0; background-image:url(https://image.megagong.net/m/2023/0831_avantage78/ver2_con1_bg.jpg);background-color: #ffb7f1;background-size: cover; background-position: center top !important;}
.evCon1 h3 {position: relative; z-index: 1;}
.evCon1 h3 .sub_tit1 {font-weight: normal; font-size: 18px; color:#000; letter-spacing: 0.06em; margin: 0 auto 35px;}
.evCon1 h3 .sub_tit2 {position: absolute; top: 270px; left: 0; width: 100%; display: flex; justify-content: space-between; font-size: 35px; z-index: -1;}
.evCon1 h3 .sub_tit2::before {content: ''; position: absolute; left: 50%; bottom: 18px; width: 50%; height: 1px; background: #000; transform: translateX(-45%);}
.evCon1 h3 .sub_tit2 span:first-child {text-align: left;}
.evCon1 h3 .sub_tit2 span:last-child {text-align: right; transform: translateY(50%)}
.evCon1 .tea_home {position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%); z-index: 1; }
.evCon1 .tea_home a {font-size: 18px;}
.evCon1 .tea_home a + a::before {content: ''; display: inline-block; width: 2px; height: 14px; background: #0a0b0b; vertical-align: middle; margin: 0 14px;}
.evCon1 .tea_home a span {display: inline-block; width: 25px; height: 25px; background: #fff; border-radius: 50%; font-weight: 900; font-size: 13px; line-height: 25px; vertical-align: text-bottom;}

/* .evCon2 */
.evCon2 {padding: 150px 0 160px; background: #ddd;}
.evCon2 .con_tit {margin: 0 auto 80px;}
.evCon2 .process .tit {font-weight: bold; font-size: 24px; margin: 0 auto 25px;}
.evCon2 .process + .process {margin-top: 55px;}

/* .evCon3 */
.evCon3 {padding: 30px 0 0; background: #efefef;}
.evCon3 .inner > .tiny_noti {text-align: right; font-size: 14px; color: #888; margin: 0 auto 110px;}
.evCon3 .con_tit {margin: 0 auto 140px;}
.evCon3 .review_wrap {position: relative; margin: 0 40px; padding: 0 0 180px;}
.evCon3 .review_wrap .tea_img {position: absolute; bottom: 0; left: -10px;}
.evCon3 .review_wrap .review_slider {margin-left: 41%;}
.evCon3 .review_wrap .review_slider .item {position: relative; width: 100%; height: 175px; display: inline-flex !important; justify-content: center; align-items: center; font-size: 17px; background: #fffaf8f2; border: 1px solid #bebebe; border-radius: 20px; margin: 12px 0;}
.evCon3 .review_wrap .review_slider .item::before {content: ''; position: absolute; background: url(https://image.megagong.net/m/2023/0831_avantage78/con3_quotes.png) no-repeat; width: 29px; height: 21px; top: 0; left: 40px; transform: translateY(-50%);}
/* .evCon3 .review_wrap .review_slider .slick-slide {margin: 12px 0;} */
.evCon3 .review_wrap .review_slider .slick-arrow {position: absolute; width: 86px; height: 35px; font-size: 0; left: 50%; background: url(https://image.megagong.net/m/2023/0831_avantage78/con3_arrow.png) no-repeat;}
.evCon3 .review_wrap .review_slider .slick-prev {top: -16px; transform: translate(-50%, -100%);}
.evCon3 .review_wrap .review_slider .slick-next {bottom: -16px; transform: translate(-50%, 100%); background-position: center bottom;}

/* .evCon4 */
.evCon4 {padding: 40px 140px; background: #d7ceff;}
.evCon4 .inner > .tiny_noti {text-align: right; font-size: 14px; color: #888; margin: 0 auto 100px;}
.evCon4 .con_tit {margin: 0 auto 60px;}
.evCon4 .video_wrap .tab_base {display: flex; gap: 4px; margin: 0 auto 20px;}
.evCon4 .video_wrap .tab_base li {flex: 1;}
.evCon4 .video_wrap .tab_base li a {display: block; font-weight: 900; font-size: 23px; color: #888; border: 1px solid #888; padding: 18px 0;}
.evCon4 .video_wrap .tab_base li.on a {color: #fff; border: 1px solid #3917e6; background: #3917e6;}
.evCon4 .video_wrap .panel_base li .eventVideo {margin: 0 auto 65px;}
.evCon4 .strategy_wrap .tit {position: relative; margin: 0 auto 45px; z-index: 1;}
.evCon4 .strategy_wrap .tit::before {content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background: #000;z-index: -1;}
.evCon4 .strategy_wrap .tit span {display: inline-block; font-weight: bold; font-size: 25px; border: 1px solid #000; background: #3917e6; border-radius: 28px; padding: 9px 68px;color:#fff}
.evCon4 .strategy_wrap .strategy_slider .slick-list li {display: inline-flex !important; justify-content: center; align-items: center; gap: 36px; width: calc(50% - 10px) !important; height: 235px; padding: 0 10px 0 40px; background: #fffaf8; border-radius: 10px;}
.evCon4 .strategy_wrap .strategy_slider .slick-slide > div li + li {margin-left: 20px;}
.evCon4 .strategy_wrap .strategy_slider .slick-slide > div + div {margin-top: 20px;}
.evCon4 .strategy_wrap .strategy_slider .slick-slide li p {text-align: left; font-weight: 300; font-size: 16px;}
.evCon4 .strategy_wrap .strategy_slider .slick-dots {display: flex; justify-content: center; gap: 5px;}
.evCon4 .strategy_wrap .strategy_slider .slick-dots li button {font-size: 0; width: 10px; height: 10px; background: #ddd; border-radius: 50%;}
.evCon4 .strategy_wrap .strategy_slider .slick-dots li.slick-active button {background: #3917e6;}

/* .evCon5 */
.evCon5 {padding: 40px 0 150px; background: #fafafa;}
.evCon5 .inner > .tiny_noti {text-align: right; font-size: 14px; color: #888; margin: 0 auto 90px;}
.evCon5 .con_tit {margin: 0 auto 70px;}
.evCon5 .book_slider {margin: 0 auto 60px;}
.evCon5 .book_slider .slick-track {display: flex; justify-content: center; gap: 80px;}
.evCon5 .book_slider .slick-track > div {flex: 0 0 365px;}
.evCon5 .book_slider .item .book_img {margin: 0 auto 40px;}
.evCon5 .book_slider .item .book_img img {margin: 0 auto;}
.evCon5 .book_slider .item .btn a {display: block; font-weight: bold; font-size: 21px; color: #fff; background: #1d1d1d; border-radius: 10px; padding: 25px 0; max-width: 365px; margin: 0 auto;}
.evCon5 .feature {display: flex; margin: 0 40px; gap: 18px;}
.evCon5 .feature li {flex: 1; padding: 35px 20px 45px;; border: 1px solid #bebebe; border-radius: 20px;}
.evCon5 .feature li .tit {font-weight: bold; font-size: 22px; color: #3917e6; margin: 0 auto 20px;}
.evCon5 .feature li p {font-weight: 300; font-size: 16px;}
.evCon5 .book_slider .slick-dots {display: flex; justify-content: center; gap: 5px; margin: 2% auto 0;}
.evCon5 .book_slider .slick-dots li button {width: 10px; height: 10px; background: #ddd; border-radius: 10px; font-size: 0;}
.evCon5 .book_slider .slick-dots li.slick-active button {background: #3917e6;}

/* .evCon6 */
.evCon6 {background: #fff;}
.evCon6 .con_tit {margin: 0 auto 70px;}
.evCon6 .lecture {padding-bottom: 0 !important;}

/* .evCon7 */
.evCon7 {background: #3917e6;}
.evCon7 section:last-of-type{margin-top: 80px;}
.evCon7 .con_tit .end::after{background: #fff;opacity: .5;}
.evCon7 .con_tit {margin: 0 auto 35px;color:#fff}
.evCon7 .con_tit .event_tag{color:#3917e6}
.evCon7 .con_tit > strong > span{color:#ff4045}
.evCon7 .con_tit .sub_tit {color: #fff; font-size: 22px; font-weight: 300;}
.evCon7 .container_info.ver_dark{background: none;border: 1px solid;}
.evCon7 .container_gift_wrap ul{justify-content: center;gap:70px;margin: 60px auto 90px;}
.evCon7 .subtitle_line{margin-bottom: 50px;}
.evCon7 .subtitle_line .text{color: #fff;background: #102a46;border: 1px solid;border-radius: 30px;padding: 9px 55px;font-size: 22px;margin: 0;}
.evCon7 .subtitle_line .line{background: #fff;}
.evCon7 .event_step{gap: 15px;align-items: stretch;}
.evCon7 .event_step .step{height: auto;border-radius: 10px;}
.evCon7 .event_step .step > div{height: 150px;}
.evCon7 .event_step .step span{font-size: 16px;background: #ececec;border-radius: 30px;padding: 4px 15px;margin-bottom: 15px;}
.evCon7 .event_step .step p{font-size: 20px;font-weight: normal;}
.evCon7 .links{display: flex;justify-content: center;max-width: 535px;margin: 20px auto;width: 100%;gap: 12px;}
.evCon7 .links a{color:#fff;border: 1px solid;flex: 1;line-height: 50px;border-radius: 5px;font-size: 17px;}
.evCon7 .btn a {display: inline-block;background: #ff4247;color: #fff;width: min(390px, 50%);font-weight: bold;font-size: 21px;padding: 25px 0;border-radius: 10px;}
.evCon7 .type_lst ul li,.type_lst ul li.on a,.type_lst ul li a{color:#fff; border-color: #fff;}
.evCon7 .gallery_lst ul li .img:before{display: none;}



.event2 { background: linear-gradient(180deg, #f0dbff 20%, #ff95fe 100%); }
.event2 .con_tit {margin:0 auto 60px;}
.event2 .con_tit > .mini_tit {opacity: 0.7; font-weight: bold; display: block;}
.event2 .container_info_wrap {margin-bottom: 60px;}
/* .evWarning */
.evSection.evWarning {padding: 0;}
.evWarning p.w_tit {background: #1d1d1d; color: #fff; font-weight: bold; font-size: 19px; padding: 15px 0; position: relative; z-index: 1;}
.evWarning p.w_tit::before{content:''; width: 1000%; height: 100%; background: #1d1d1d; position: absolute; top: 0; left: -500%; z-index: -1;}
.evWarning .warningList {padding: 70px 0;}
.warningList li ul li a {color: #3917e6; margin: 0;}


@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 15% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit strong {font-size: clamp(19px,5vmin,45px);}
    .evSection .con_tit .sub_tit {font-size: clamp(13px,3vmin,26px);}
    .evSection .con_tit strong + .sub_tit {margin-top: 2%;}
    .evSection .con_tit .sub_tit + strong {margin-top: 2%;}
    .evSection .evt_end {right: 0;}

    /* .evCon1 */
    .evCon1 {padding: 5% 0 0;}
    .evCon1 h3 .sub_tit1 {margin: 0 auto 3%;}
    .evCon1 h3 .sub_tit2 {top: 25%;}

    /* .evCon2 */
    .evCon2 .process .tit {margin: 0 auto 2%;font-size: clamp(14px,3vmin,24px);}
    .evCon2 .process + .process {margin-top: 6%;}

    /* .evCon3 */
    .evCon3 {padding: 2% 0 0;}
    .evCon3 .inner > .tiny_noti {margin: 0 auto 10%;font-size: clamp(10px,2vmin,14px);}
    .evCon3 .con_tit {margin: 0 auto 12%;}
    .evCon3 .review_wrap {margin: 0; padding: 0 0 15%;}
    .evCon3 .review_wrap .tea_img {width: 46%;}
    .evCon3 .review_wrap .review_slider .item {height: clamp(100px,15vmin,150px);font-size: clamp(12px,2.7vmin,17px);margin: clamp(5px,2vmin,12px) 0;}

    /* .evCon4 */
    .evCon4 {padding: 2% 0 10%;}
    .evCon4 .inner > .tiny_noti {margin: 0 auto 10%;}
    .evCon4 .video_wrap .tab_base {margin: 0 auto 2%;}
    .evCon4 .video_wrap .panel_base li .eventVideo {margin: 0 auto 6%;}
    .evCon4 .strategy_wrap .tit {margin: 0 auto 4%;}
    .evCon4 .strategy_wrap .tit span {font-size: clamp(14px,3vmin,25px);}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide li {width: calc(50% - 10px) !important;}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide > div li + li {margin-left: 10px;}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide > div + div {margin-top: 10px;}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide li {gap: 15px; padding: 0 10px 0 20px;}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide li p {font-size: 15px;}

    /* .evCon5 */
    .evCon5 {padding: 2% 0 10%;}
    .evCon5 .inner > .tiny_noti {margin: 0 auto 10%;}
    .evCon5 .book_slider {margin: 0 auto 6%;}
    .evCon5 .book_slider .slick-track > div {flex: 1 1 auto;}
    .evCon5 .book_slider .item .book_img {margin: 0 auto 6%;}
    .evCon5 .feature {margin: 0;}
    .evCon5 .feature li .tit {margin: 0 auto 3%;font-size: clamp(14px,3vmin,22px);}

    /* .evCon7 */
    .evCon7 .con_tit strong + .sub_tit {margin-top: 4%;}
    .evCon7 section:last-of-type{    margin-top: 15%;}
    .evCon7 .container_gift_wrap ul{gap: clamp(10px,7vmin,70px);margin: 10% auto 15%;}
    .evCon7 .subtitle_line{margin-bottom: 5%;}
    .evCon7 .subtitle_line .text{font-size: clamp(15px,3vmin,22px);padding: clamp(5px,1vmin,10px) clamp(20px,6vmin,55px);}
    .evCon7 .event_step .step span{font-size: clamp(11px,2vmin,16px);margin-bottom: 4%;}
    .evCon7 .event_step .step p{font-size: clamp(13px,3vmin,20px);}
    .evCon7 .links a{font-size: clamp(15px,2vmin,17px);}
    
    .event2 .con_tit  {margin: 0 auto 6%;}
    .event2 .container_info_wrap {margin-bottom: 6%;;}

    /* .evWarning */
    .evWarning .warningList {padding: 6% 0;}

    /* fix_menu */
    .fix_menu {background: #3c1de5;z-index: 11;position: relative;width: 100%;} 
    .fix_menu.on { position: fixed; } 
    .fix_menu a {max-width: 1080px;margin: 0 auto;position: relative;cursor: pointer;z-index: 5;color: #fff; height: 100px;display: flex;align-items: center;justify-content: center;gap: 40px;} 
    .fix_menu a span{font-size: 18px;background: #ff4247;padding: 0 25px;line-height: 45px;border-radius: 30px;}
    .fix_menu a b{font-size: 26px;}
    .fix_menu.on{bottom: 65px;}

}

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

    .evCon1 h3 .sub_tit1 {font-size: clamp(12px,2vmin,18px);}
    .evCon1 h3 .sub_tit2 {font-size: clamp(15px,4vmin,35px);}
    .evCon1 h3 .sub_tit2::before {width: min(45%,145px);bottom: clamp(5px,2vmin,18px);}
    .evCon1 .tea_home {bottom: clamp(15px,5vmin,65px);}


    .evCon3 .review_wrap .tea_img {display: none;}
    .evCon3 .review_wrap .review_slider {margin: 0;}
    .evCon3 .review_wrap .review_slider .slick-arrow {width: 43px; height: 18px; background-size: cover;}

    .evCon4 .inner > .tiny_noti {font-size: 10px;}
    .evCon4 .strategy_wrap .strategy_slider .slick-list li {width: 100% !important; height: 180px;}

    .evCon5 .inner > .tiny_noti {font-size: 10px;}
    .evCon5 .book_slider .item .btn a {font-size: clamp(12px,3vmin,21px);padding: clamp(10px,3vmin,25px) 0;}
    .evCon5 .feature {flex-direction: column;}
    .evCon5 .feature li {padding: 3% 0;}
    .evCon5 .feature li p {font-size: clamp(12px,2vmin,16px);}
    .evCon5 .feature li br {display: none;}

}

@media screen and (max-width: 768px){
    #popupCertified[class*=mg_popup_wrap] .mg_popup_close, 
    #popupCertified[class*=mg_popup_wrap] button.mfp-close{width: clamp(25px, 4vmin,36px);height: clamp(25px, 4vmin,36px);top: min(-30px,-5.1vmin);background-size: contain;}

    .evCon1 h3 .sub_tit1 {letter-spacing: normal;}
    .evCon1 .tea_home a {font-size: clamp(14px,2vmin,18px);}
    .evCon1 .tea_home a span {width: 20px; height: 20px; line-height: 20px; font-size: 10px;}

    .evCon4 .video_wrap .tab_base li a {padding: 10px 0;font-size: clamp(14px,3vmin,23px);}
    .evCon4 .strategy_wrap .tit span {padding: 5px 40px;}

    .evCon5 .book_slider .slick-track {gap: 0;}
    .evCon5 .feature li br {display: block;}

    .evCon7 .btn a {font-size: clamp(12px,3vmin,21px);padding: clamp(10px,3vmin,25px) 0;}
    .evCon7 .container_gift_wrap ul li:first-child{margin: 0;}
    .evCon7 .container_gift_wrap ul{gap: clamp(10px,7vmin,70px);margin: 10% auto 15%;}
    .evCon7 .subtitle_line{margin-bottom: 5%;}
    .evCon7 .subtitle_line .text{font-size: clamp(15px,3vmin,22px);padding: clamp(5px,1vmin,10px) clamp(20px,6vmin,55px);}
    .evCon7 .event_step .step > div{height: auto;margin-bottom: 5%;}
    .evCon7 .event_step .step > div + img{width: min(290px,60%);}
    .evCon7 .event_step .step span{font-size: clamp(11px,2vmin,16px);margin-bottom: 4%;}
    .evCon7 .event_step .step p{font-size: clamp(13px,3vmin,20px);}
    .evCon7 .links{    gap: clamp(5px,1vmin,12px);}
    .evCon7 .links a{font-size: clamp(15px,2vmin,17px);line-height: clamp(35px,5vmin,50px);}

    .evWarning p.w_tit {font-size: clamp(13px,2vmin,19px);padding: 10px 0;}

    .fix_menu a {height: clamp(60px,12vmin,100px);gap: clamp(5px,2vmin,40px);justify-content: center;} 
    .fix_menu a span{font-size: clamp(11px,2vmin,18px);padding: 0 clamp(10px,2vmin,20px);line-height: clamp(30px,5vmin,45px);}
    .fix_menu a b{font-size: clamp(14px,3vmin,26px);}
}

@media screen and (max-width: 576px){
    .evCon1 .tea_home a + a::before {height: 10px; margin: 0 8px;}


    .evCon3 .review_wrap .review_slider .item::before {width: 15px; height: 11px; background-size: cover;}
    .evCon3 .review_wrap .review_slider .slick-prev {top: -5px;}
    .evCon3 .review_wrap .review_slider .slick-next {bottom: -5px;}

    .evCon4 .strategy_wrap .strategy_slider .slick-list li {flex-direction: column; height: 210px;}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide li .icon {width: 18%;}
    .evCon4 .strategy_wrap .strategy_slider .slick-slide li p {font-size: 12px; text-align: center;}

    .evCon5 .book_slider {width: 60%;}

    .evCon7 .con_tit strong {width: 120%; margin-left: -10%;}

    .fix_menu.on{bottom: 55px;}
}