@charset "euc-kr"; 

:root{
--point-color1:#df5060;--point-color2:#006ad0;--point-color3:#fff600;--point-color4:#0073ff;--point-color5:#00c6ff;--pt-gradi-color:linear-gradient(to right, var(--point-color5), var(--point-color4));
}

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */


/* °øÅë */
.eventWrap .evSection{padding: 155px 0}
.warningList li ul li a{ color: #0038fd; text-decoration: underline}
.lecture { padding-bottom: 0 !important; background: #fff}

.flt_inner.renewal li{margin-top: 0 !important}

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after {background: #f32424}


.clamp-title{font-size:46px}
.clamp-text26{font-size:26px}
.clamp-text24{font-size:24px}
.clamp-text22{font-size:22px}
.clamp-text20{font-size:20px}
.clamp-text18{font-size:18px}
.clamp-text16{font-size:16px}
.clamp-text15{font-size:15px}
.clamp-text14{font-size:14px}

.tiny_noti.right{text-align: right}
.tiny_noti.left{text-align: left}

/* ŸÀÌƲ */
.evSection .con_tit {font-weight: bold;line-height: 1.2;margin: 0 0 60px}
.evSection .con_tit .light_ver { font-weight: 400}
.evSection .con_tit .point_ver { color:var(--point-color1) } 
.evSection .con_tit .wh_ver { color:#fff } 
.evSection .con_tit .stgrd{background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .wh_ver { color: #fff}
.evSection .mini_tit {font-weight: bold;margin-bottom: 10px;color: var(--point-color1)}
.evSection .mini_tit.mb_re { margin-bottom: 0}
.eventWrap .tit_point{margin:0 0 50px;font-size:24px;font-weight:200}
.eventWrap .tit_point strong{font-weight:900}
.eventWrap .tit_line {position: relative;margin-bottom: 25px}
.eventWrap .tit_line::before {content: '';display: block;width: 100%;height: 1px;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.eventWrap .tit_line span {position: relative;padding: 0px 23px;background: #fff;border-radius: 30px;font-weight: bold}


.eventWrap .swiper-pagination { position: relative; display: flex; justify-content: center; gap: 10px; top: auto; bottom: auto; margin-top: 30px}
.eventWrap .swiper-pagination-bullet {background: #fff;opacity: 1;width: 12px;height: 12px}
.eventWrap .swiper-pagination-bullet-active { background: #111111}

.eventVideo.with_shadow::before{opacity:0.5}

.eventWrap {background: #f4f4f4 url(https://image.megagong.net/m/2024/0912_allawyer/con_img7.jpg) no-repeat center 0}

.eventWrap .df_shadow {box-shadow: 19px 20px 30px -10px rgba(0,0,0,0.12)}
.eventButtons .btn{min-width:490px;border-radius: 3px}

/* con1 */
.evSection.evCon1 {padding: 410px 0 310px}
.evCon1 h3 span {display: block}
.evCon1 h3 strong {display: block}
.evCon1 .home {position: absolute;bottom: 120px;right: 255px;width: 50px;height: 50px;background: #000;opacity: 0}

/* banner */
.banner { background-color: #222222; overflow: initial !important;padding: 0 !important}
.banner.on { position: fixed; top: 0; left: 0; width: 100%; z-index: 3}
.banner ul { display: flex; flex-direction: row; align-items: center; justify-content: center}
.banner ul.for_mo { display: none}
.banner ul li { position: relative; flex: 1}
.banner ul li::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 46px; background-color: #555555}
.banner ul li:last-of-type::before { display: none}
.banner ul li a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 86px}
.banner ul li a p { line-height: 1.5; color: #fff; font-size: 16px; font-weight: 500}
.banner ul li a i { position: absolute; top: -11px; left: 50%; transform: translate(-50%, 0); display: inline-block; width: 74px; height: 22px; line-height: 22px; color: #fff; font-size: 12px; font-style: normal; font-weight: 400; background-color: #c7243d; border-radius: 30px}
.banner.on ul li a i { position: initial; transform: initial}

/* con2 */
.evSection.evCon2 {padding-top: 0}
.evCon2 .stop{display: block;margin: 0 0 10px}
.evCon2 .mname{color:#ffb05c;text-decoration: underline;text-underline-offset: 8px;text-decoration-thickness: 2px}
.evCon2 .graph_wrap{border-radius: 25px}

.evSection .pointSlider_3 { position: relative; overflow: hidden}
.evSection .pointSlider_3 .swiper_common { width: 100%}
.evSection .pointSlider_3 .swiper-wrapper {width: 100%;gap: 20px;padding: 0 50px 30px 0}
.evSection .pointSlider_3 .swiper-slide { width: calc(33.33% - 13.34px)}
.evSection .pointSlider_3 {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 20px;margin: 0 -50px 0 0}
.evSection .pointSlider_3 .box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; width: 100%; height: 150px; background-color: #fff; border: 1px solid #dddddd; border-radius: 20px}
.evSection .pointSlider_3 .swiper-slide i {display:none} 
.evSection .pointSlider_3 .swiper-slide p b {color:var(--point-color1)} 
.evSection .pointSlider_3 .swiper-pagination {margin-top: 10px}
.evSection .pointSlider_3 .swiper-pagination-bullet { background: #c2c2c2; opacity: 1; width: 12px; height: 12px}
.evSection .pointSlider_3 .swiper-pagination-bullet-active { background: #111111}

/* con3 */
.evSection.evCon3 {background: #fff}
.evCon3 .plus{margin: 40px 0 35px;padding: 40px 0 3px 40px;background: url(https://image.megagong.net/m/2024/0912_allawyer/con_img12.png) no-repeat center 0;display: inline-block;font-weight: bold}
.evCon3 .character_wrap{display: flex;justify-content: space-between;gap: 30px}
.evCon3 .character_wrap li{border: 1px solid #ddd;flex: 1;border-radius: 13px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 50px 0 70px}
.evCon3 .character_wrap li{display: flex;flex-direction: column;align-items: center}
.evCon3 .character_wrap li strong{margin: 0 0 12px}
.evCon3 .character_wrap li .go{margin: 17px 0 0;font-size: 13px;text-decoration: underline;text-underline-offset: 3px;color: #a3a3a3}
.evCon3 .eventVideo.with_shadow{margin: 0 40px 45px;}

/* con4 */
.evSection.evCon4 {background: #dd4354}
.evCon4 .mini_tit{color: #000}
.evCon4 .con_tit + .tiny_noti{color: #ff9ca7;margin: -50px 0 30px}
.evCon4 .pointSlider_4 .swiper-wrapper{display: flex;flex-direction: column;gap: 20px}
.evCon4 .pointSlider_4 .box{position: relative;text-align: left;padding: 45px 0 45px 200px;border-radius: 15px;background: #fff url(https://image.megagong.net/m/2024/0912_allawyer/con_img13_4.png) no-repeat 100% 100%}
.evCon4 .pointSlider_4 .swiper-slide:nth-child(2) .box{padding-left:40px}
.evCon4 .pointSlider_4 .box::before{content:'';position: absolute;width: 155px;height: 138px}
.evCon4 .pointSlider_4 .swiper-slide:nth-child(1) .box::before{background: url(https://image.megagong.net/m/2024/0912_allawyer/con_img13_1.png) no-repeat 0 0;top: 65px;left: 60px}
.evCon4 .pointSlider_4 .swiper-slide:nth-child(2) .box::before{background: url(https://image.megagong.net/m/2024/0912_allawyer/con_img13_2.png) no-repeat 0 0;top: 80px;left: 885px}
.evCon4 .pointSlider_4 .swiper-slide:nth-child(3) .box::before{background: url(https://image.megagong.net/m/2024/0912_allawyer/con_img13_3.png) no-repeat 0 0;top: 53px;left: 56px}
.evCon4 .pointSlider_4 .box p{letter-spacing: -0.08em;font-weight: 400;line-height: 1.5}
.evCon4 .pointSlider_4 .box p b{font-weight: bold}
.evCon4 .pointSlider_4 .box .tit{margin: 0 0 12px;font-weight: bold}
.evCon4 .pointSlider_4 .box b.point{color:var(--point-color1)}

/* con5 */
.evSection.evCon5 {position: relative}
.evCon5 .tiny_noti{position: absolute;top: 15px;left:50%;opacity: 0.4;margin: 0 0 0 -170px}
.evCon5 .plus{margin: 0 0 30px}
.evCon5 .book_wrap{position: relative;display: flex;justify-content: space-between;margin: 0 0 30px;align-items: center}
.evCon5 .book_wrap .tiny_noti{top: inherit;bottom: -12px;left: 80px;margin: 0;}
.evCon5 .book_wrap .book{margin: 0 0 0 -89px;z-index: 1}
.evCon5 .book_wrap ul{display: flex;flex-direction: column;text-align: left;gap: 45px;padding: 0 0 50px}
.evCon5 .book_wrap li{position: relative}
.evCon5 .book_wrap li::before{content:'';background:  url(https://image.megagong.net/m/2024/0912_allawyer/con_img15.png) no-repeat 0 0;position: absolute;top: 7px;right: 100%;width: 420px;height: 10px;margin: 0 12px 0 0}

/* con6 */
.evSection.evCon6 {background: #f6d84c}
.evCon_event .con_tit .event_tag {font-size: 40px;background: #f6d84c;padding: 4px 0px 6px;display: block}
.evCon_event .con_tit .event_tag::before {background: #f6d84c}
.evCon_event .mini_tit{color:#000;margin: -45px 0 40px;font-weight: normal}
.evCon_event .container_gift_wrap {margin: 0 0px 60px}
.evCon_event .container_info {margin-bottom: 100px}
.evCon_event .container_info .info .info_title {color: #112d7f}
.evCon_event .container_info .info:last-child .noti {font-size: 12px;color: var(--point-color1);opacity: 1;font-weight: 500}
.evCon_event .container_info {font-size: 20px;display: inline-flex;flex-direction: column;align-items: flex-start;margin: 0 0 60px;color: #000}
.evCon_event .container_info.ver_circle .info{width: auto}
.evCon_event .container_info .info .info_title {width: 140px;color: #fff;background: #000}
.evCon_event .container_info .info .info_date {font-weight: 500}
.evCon_event .container_gift_wrap ul{gap: 0}
.evCon_event .container_gift_wrap ul li{flex: 1;width: auto}
.evCon_event .eventButtons{gap:0 20px}
.evCon_event a.btn{height: 90px;display: flex;justify-content: center;align-items: center;flex-direction: column;line-height: 1.3}
.evCon_event a.btn b{color:#f6d84c;font-size: 0.8em;font-weight: normal}
.evtoggleWarning{padding: 0 !important}







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


    .eventWrap img{width:100%}

    .eventWrap .evSection{padding: clamp(70px,18vmin,150px) 0}
    .con_tit .end{right:0;/* width:26%; */}

    .clamp-title{font-size: clamp(22px,5vmin,40px);}
    .clamp-text26{font-size: clamp(15px,3.1vmin,26px)}
    .clamp-text24{font-size: clamp(15px,2.9vmin,24px)}
    .clamp-text22{font-size:clamp(15px,2.7vmin,22px)}
    .clamp-text20{font-size:clamp(15px,2.5vmin,20px)}
    .clamp-text18{font-size:clamp(14px,2.3vmin,18px)}
    .clamp-text16{font-size:clamp(14px,2.1vmin,16px)}
    .clamp-text15{font-size:clamp(13px,2.0vmin,15px)}
    .clamp-text14{font-size:clamp(13px,1.9vmin,14px)}

    /*ŸÀÌƲ*/
    .eventWrap sup{vertical-align:top}
    .evSection .con_tit{margin:0 0 5%}
    .evSection .con_tit .tiny{padding:25px 0 0}
    .evSection .bigt.wht{color:#fff}
    .eventWrap .tit_point{margin:0 0 6%}
    .eventWrap .tit_line {margin-bottom: 3%}
    .eventWrap .tit_line span {font-size: clamp(17px,2.3vmin,22px)}

    .eventButtons .btn{min-width: calc(50% - 10px)}

    .eventWrap {background-size: 200%}
    .eventWrap::before{content:'';position: absolute;top: 1558px;left: 50%;margin: 0px 0 0 -1190px;background: url(https://image.megagong.net/m/2024/0912_allawyer/con_img16.jpg) no-repeat 0 0;width: 728px;height: 1194px;border-radius: 0 230px 0 0}

    .eventWrap .df_shadow{box-shadow:none}

    /* con1 */
    .evSection.evCon1 {padding: 30% 0 10% 0}
    .evCon1 h3 {margin: 0 0}
    .evCon1 h3 span img {width: clamp(240px,45vmin,400px)}
    .evCon1 .home {bottom: 40%;right: 21%;width: 6vw;height: 6vw}

    /* con2 */
    .evSection.evCon2 {padding-top: clamp(50px,15vmin,120px)}
    .evCon2 .con_tit{font-size: clamp(18px,4.5vmin,38px);}
    .evCon2 .stop img{width: clamp(55px,12vmin,108px);}

    .evCon3 .plus{background-position: center 0;padding: 35px 0 0;margin: 30px 0 20px;}
    .evCon3 .character_wrap {gap: 2%;font-size: clamp(12px,2.0vmin,15px)}
    .evCon3 .character_wrap li{box-shadow: none;padding: 0 2%}
    .evCon3 .character_wrap li{padding: 4% 2%;justify-content: flex-start;}

    /* evCon3 */
    .evSection .pointSlider_1 .swiper-slide .box img{width: 50%}

    /* con4 */
    .evCon4 .con_tit + .tiny_noti{margin: 0px 0 0}
    .evCon4 .pointSlider_4{margin: 30px 0 0;gap: clamp(5px,2.0vmin,20px)}
    .evCon4 .pointSlider_4 .swiper-wrapper{gap: 10px}

    .evCon4 .pointSlider_4 .box{padding: 25px 30px 25px 120px !important;border-radius: 10px;background-image: none}
    .evCon4 .pointSlider_4 .box::before{content:'';position: absolute;width: 105px;height: 98px;background-size: 100% !important}
    .evCon4 .pointSlider_4 .swiper-slide:nth-child(1) .box::before{top: 35px;left: 25px}
    .evCon4 .pointSlider_4 .swiper-slide:nth-child(2) .box::before{top: 35px;left: 25px}
    .evCon4 .pointSlider_4 .swiper-slide:nth-child(3) .box::before{top: 35px;left: 25px}

    .evCon4 .pointSlider_4 .box p{letter-spacing: -0.08em;font-weight: 400;line-height: 1.5}
    .evCon4 .pointSlider_4 .box p b{font-weight: bold}
    .evCon4 .pointSlider_4 .box .tit{margin: 0 0 5px}
    .evCon4 .pointSlider_4 .box b.point{color:var(--point-color1)}

    /* con5 */
    .evCon5 .tiny_noti{margin: 0;left: inherit;right: 0;padding: 0 10px 0 0}
    .evCon5 .plus{margin: 0 0 30px}
    .evCon5 .book_wrap{margin: 0 4% 30px 0}
    .evCon5 .book_wrap .book{margin: 0 0 0 -2%;width: clamp(260px,45vmin,450px)}
    .evCon5 .book_wrap ul{gap: 20px;padding: 0}
    .evCon5 .book_wrap li::before{width: clamp(80px,40vmin,450px);background-position: right}
    .evCon5 .book_wrap .tiny_noti{position: relative;bottom:inherit;left:inherit;text-align: center;}

    .evSection .pointSlider_3{margin: 0 0 40px}
    .evSection .pointSlider_3 .df_shadow{box-shadow:none}
    .evSection .pointSlider_3 .swiper-wrapper{padding: 0}
    .evCon_event .container_gift_wrap ul{gap: 2%;}
    .evCon_event .container_gift_wrap {margin: 0 auto 8%}
    .evCon_event .container_info {margin-bottom: 8%}
    .evCon_event .container_info {font-size: clamp(14px, 2.2vmin, 20px);margin: 0;padding: 0vw 0 6vw;}
    .evCon_event .container_info .info .info_title {width: clamp(90px, 16vmin, 140px)}
    .evCon_event .container_info .info .noti {font-size: clamp(11px, 1.4vmin, 15px)}
    .container_info.ver_circle .info .info_date{padding:0}
    .container_info .info .noti{margin-left: 5px;}
    
    .evCon_event .con_tit{font-size: clamp(24px,6vmin,48px)}
    .evCon_event .con_tit .event_tag{font-size: clamp(20px,4vmin,38px)}
    .evCon_event .mini_tit{margin: 0 0 30px}



}





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

    /* °øÅë */
    .con_tit .end {top: 0}

    .evSection .pointSlider_3 {gap: 0;margin-bottom: 5vw}
    .evSection .pointSlider_3 .swiper-wrapper {gap: 0;flex-wrap: nowrap;padding: 0}
    .evSection .pointSlider_3 .swiper-slide {width: 50%;padding:0 0.5%} 
    .evSection .pointSlider_3 .show-768 { display: flex !important}

}





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




    .banner ul li a p { font-size: 13px}

    .evCon4 .pointSlider_4{background: #fff;border-radius: 10px;overflow: hidden;margin: 20px 5% 0}
    .pointSlider_4 .swiper-pagination-bullet{background: #ccc}
    .pointSlider_4 .swiper-pagination-bullet-active { background: #111111}
    .evCon4 .pointSlider_4 .swiper-wrapper{flex-direction: row;gap: 0;display: flex;align-items: stretch;flex-wrap: nowrap}
    .evCon4 .pointSlider_4 .swiper-slide{background:#fff}
    .evCon4 .pointSlider_4 .swiper-slide .box{text-align:center;padding:20px 10px !important}
    .evCon4 .swiper-pagination{margin: 5px 0 10px}
    .evCon4 .pointSlider_4 .swiper-slide .box::before{display:none}

    .evCon_event .btn_box { margin: 10% 20%}
    .evCon_event .gift_box { width: min(100%, 500px)}
    .evCon_event .event_step .step span { font-size: clamp(11px,2.5vmin,15px); display: block; margin: 0 auto 20px; width: fit-content}
    .evCon_event .event_step .step img { width: min(346px,65%)}
    .evCon_event .event_step .step p { font-size: clamp(13px,2.8vmin,18px)}
    .evCon_event .event_step .step > div { height: auto; padding: 5% 0}
    .evCon_event .event_step .step > div + p { font-size: clamp(11px,2.4vmin,14px); margin-top: 10px}

    .evCon_event .event_step .step:not(:last-child) > div::before { top: auto; bottom: -30px; left: 50%; transform: translate(-50%, 0%) rotate(90deg); width: 30px}
    .evCon_event .event_step .step:first-child > div::before { bottom: -95px}

    .evCon5 .book_wrap{margin: 0;display: flex;flex-direction: column;gap: 10px}
    .evCon5 .book_wrap .book{margin: 0}
    .evCon5 .book_wrap ul{gap: 10px;margin: 0 0 15px}
    .evCon5 .book_wrap li{padding: 0 0 0 25px;}
    .evCon5 .book_wrap li::before{right: unset;left: 0;width: 15px;top: 3px}
    .evCon_event .container_gift_wrap ul li:first-child{margin: 0}

    /*ÀÎÁõÆ˾÷ */
    [class*=mg_popup_wrap] .mg_popup_close, [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}
    #popupCertified select,
    #popupCertified input[type=text],
    #popupCertified .mg_tb_form th, #popupCertified .mg_tb_form td{padding: 5px;font-size: clamp(11px,1.3vmin,13px)}
    #popupCertified .mg_terms{font-size: clamp(12px,1.3vmin,14px)}
    #popupCertified .mg_s_info li{font-size: clamp(12px,1.3vmin,14px);padding-left: 15px}




}






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


    /* °øÅë */
    .eventButtons .btn{min-width: 0;flex: 1;font-size:14px}
    .eventWrap .tiny_noti{font-size:11px}
    
    .eventWrap .swiper-pagination-bullet{width:8px !important;height: 8px !important}

    .tiny_noti.right{text-align:center}

    .banner ul li a{height: 60px}
    .banner ul li a p {line-height: 1.3}
    .banner ul li a p span{font-size:12px}
    .banner ul li a i {top: 0;right: 0;width: 40px;height: 40px;background-size: 100%}

    .eventWrap{background-size: 230%;}
    .evSection.evCon1{padding: 40% 0 13%;}
    .evCon3 .character_wrap{display: flex;flex-direction: column;}
    .evCon3 .character_wrap li{width: 100%;padding: 4% 2%;margin: 0 0 2%;}
    .evCon3 .character_wrap li img{width: clamp(220px,45vmin,360px);}
    .evCon3 .character_wrap li .go{margin-top: 8px;}

    .evSection .pointSlider_1 { gap: 0; margin-bottom: 5vw}
    .evSection .pointSlider_1 .swiper-wrapper { gap: initial}
    .evSection .pointSlider_1 .swiper-slide {width: 100% !important}
    .evSection .pointSlider_1 .show-768 { display: flex !important}
    .evSection .pointSlider_1 .swiper-slide .box img{width:100%}

    .evSection .pointSlider_3 .swiper-wrapper {gap: initial;flex-wrap: nowrap;padding: 0}
    .evSection .pointSlider_3 .swiper-slide {padding: 0;width: 100%}
    .evSection .pointSlider_3 .show-768 { display: flex !important}
    .evSection .pointSlider_3 .swiper-slide .box{height:100px}

    .evCon4 .character_wrap li{padding: 3% 20px 3% 80px !important;background-size: 65px !important;background-position: 14px 15px !important}
    .evCon_event .eventButtons{gap: 10px;flex-direction: row}
    .evCon_event .container_info{gap: 13px;}
    .evCon_event .container_info .info {flex-direction: column;justify-content: center;align-items: center;gap: 3px;}
    .evCon_event .container_gift_wrap ul{flex-direction: row;flex-wrap: wrap}
    .evCon_event .container_gift_wrap ul li{width: 50%}
    .evCon_event .container_gift_wrap ul li:first-child{width: 100%;flex: none;padding: 0 25%;margin: 0 0 2%;}



}