@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2024/ */

:root{
    --point-color1:#f93442;
    --point-color2:#01265c;
    --black:#000;    
    --pt-gradi-color:linear-gradient(90deg, #fff 0%, #7794ff 100%);
}
.eventWrap{font-weight: 400;}

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 70px;}
.evSection .con_tit h4 {font-weight: 900; line-height: 1.29; letter-spacing: -0.66px; color: var(--point-color3);}
.evSection .con_tit h4 .under{position: relative;}
.evSection .con_tit h4 .under::after{position: absolute; content: ''; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #fff; bottom: 0;}

.flt_inner {right: 0;}
.flt_inner.renewal li {margin-top: -1px;}
.flt_inner.renewal li.top {margin-top: 0;}

.eventWrap .tit_point {margin: 0 0 40px;background:#333333;color:#fff;padding: 12px 0;border-radius: 40px;font-weight: 700;position: relative;}
.eventWrap .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.eventWrap .tit_line::before {content:'';display:block;width:100%;height:1%;background: #000;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative;border-radius:30px;line-height: 1; font-weight: 700; padding: 13px 0; width: 280px; background: #1d1d1d; color: #fff;}

/* °øÅë */
.evSection{padding: 150px 0;}
.warningList li ul li a{ color: #0038fd; text-decoration: underline; } 
.lecture { padding-bottom: 0 !important; background: #fff; } 
.po1{color: #f93442;}
.po2{color: #01265c;}
.po3{color: #ff0f47;}
.w{color: #fff !important;}
.black{color: #000 !important;}
.bo{font-weight: bold !important;}
.ebo{font-weight: 900 !important;}
.me{font-weight: 500 !important;}
.nm{font-weight: 400 !important;}

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: rgba(255,255,255,.5); } 

.clamp-title{font-size:50px;}
.clamp-title2{font-size:45px;}
.clamp-text{font-size:40px;}
.clamp-text2{font-size:30px;}
.clamp-text3{font-size:24px;}
.clamp-text4{font-size:20px;}
.clamp-text5{font-size:18px;}
.clamp-textn{font-size:16px;}


.eventWrap .btn_n{display: flex; align-items: center; justify-content: center; gap: 24px;}
.eventWrap a.btn{font-size: 20px;display: block;padding: 26px 0px;width: 470px; font-weight: bold;background: #000;color: #fff;}
.eventWrap a.btn.end{background: #999;}
.eventWrap a.btn span{display: inline-block;position: relative;padding: 0 25px 0 0}
.eventWrap a.btn span::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 17px;margin: -7px 0 0;background-color:#fff;color: #fff;-webkit-mask-size: 100%;mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;-webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg)}
.design_txt{margin: 0 0 35px;}
.con_tit .sub_tit{margin: 30px 0 0;}

/* evCon1 */
.evCon1 { background: #132628 url(https://image.megagong.net/m/2024/0906_megalaw/con1_bg.jpg) no-repeat center/cover; padding: 35px 0 0;}
.evCon1 .center_wrap{display: flex; justify-content: center;}
.evCon1 .center_wrap .txt_box{margin-left: -25px; position: relative; padding: 75px 0 0; text-align: left;}
.evCon1 .center_wrap .txt_box h3{margin: 55px 0 30px -20px;}
.evCon1 .center_wrap .txt_box .link_btn{text-align: right; margin:0 35px 70px 0;}
.evCon1 .center_wrap .txt_box .link_btn a{color: #4d7397;} 
.evCon1 .center_wrap .txt_box .link_btn img{vertical-align: top;}
.evCon1 .center_wrap .txt_box ul{display: grid; grid-template-columns: repeat(3, 1fr);}
.evCon1 .center_wrap .txt_box ul li{position: relative; padding: 0 20px; line-height: 1.5;}
.evCon1 .center_wrap .txt_box ul li::before{position: absolute; content: ''; left: 0; top: 0; width: 1px; height: 175%; background: url(https://image.megagong.net/m/2024/0906_megalaw/line.png) no-repeat center/cover;}

/* evCon2 */
.evCon2 { background: #132628 url(https://image.megagong.net/m/2024/0906_megalaw/con2_bg.jpg) no-repeat center/cover;}
.evCon2 .item{display: flex; align-items: center;}
.evCon2 .item:not(:last-of-type){margin: 0 0 40px;}
.evCon2 .left{width: calc(100% - 700px);}
.evCon2 .left h6{text-align: left; line-height: 1.33; font-size: 36px; color: #fff; font-weight: 900; letter-spacing: -0.9px;}
.evCon2 .right{background: #fff; width: 700px; height: 348px; padding: 50px; display: flex; align-items: flex-start;}
.evCon2 .right .txt_box{padding: 15px 0 0 45px; text-align: left;}
.evCon2 .right .txt_box .tit{line-height: 1.67;}
.evCon2 .right .txt_box .desc{line-height: 1.5; margin: 35px 0 0; word-break: keep-all;}
.evCon2 .tiny_noti{font-size: 13px; color: rgba(255,255,255,.7); text-align: right; margin: 20px 0 0;} 

/* evCon3 */
.evCon3 { background: #e8f1fc;}
.evCon3 .t_bg{position: absolute; right: calc(100% - 120px); top: 40px;}
.evCon3 .bubble_box{background: #fff; border-radius: 20px; margin: 60px 40px 100px; padding: 40px 50px; position: relative; height: 200px;}
.evCon3 .bubble_box::after{position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 100%;  border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 28px solid #fff;}
.evCon3 .bubble_box:last-child{margin-bottom: 0;}
.evCon3 .bubble_box .icon{border-radius: 50%; width: 125px; height: 125px; background-image: linear-gradient(to top, rgba(255, 171, 150, 1), #ff0f47); display: flex; align-items: center; justify-content: center; position: absolute; left: 50px; top: 50%; transform: translateY(-50%);}
.evCon3 .bubble_box .txt{ height: 100%; display: flex; flex-direction: column; justify-content: center;}
.evCon3 .bubble_box .txt .desc{line-height: 1.67; margin-top: 10px;}
.evCon3 .eventVideo{width: 864px; margin: 0 auto;}

/* evCon4 */
.evCon4 { background: linear-gradient(to top, #dce6f2, #fff);}
.evCon4 .tab_base{display: flex; border-bottom: 3px solid #15082b;}
.evCon4 .tab_base li{width: 50%; background: #f0f0f0;}
.evCon4 .tab_base li a{padding: 33px 0; display: inline-block; width: 100%; height: 100%; color: #666;}
.evCon4 .tab_base li.on{background: #000;}
.evCon4 .tab_base li.on a{color: #fff;}
.evCon4 .panel_base{padding: 70px 0 0;}
.evCon4 .eventVideo.with_shadow{margin-bottom: 80px;}
.evCon4 .lecture{margin-bottom: 100px;}
.evCon4 .tit_line {margin: 100px 0 50px;}
.evCon4 .target_box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon4 .target_box .swiper_common { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon4 .target_box .swiper-wrapper { gap: 20px; } 
.evCon4 .target_box .swiper-slide { width: calc(33.33% - 13.34px) !important;;} 
.evCon4 .target_box .target_inner{box-shadow: 1.8px -0.9px 18.4px 1.6px rgba(3, 3, 31, 0.1); background: #fff; aspect-ratio: 346/388; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
.evCon4 .target_box .target_inner .txt_box .txt1{color: #414141; line-height: 1.5;}
.evCon4 .target_box .target_inner .txt_box .txt2{line-height: 1.5; margin: 15px 0 0;} 

/* evCon5 */
.evCon5{background: var(--point-color2);}
.evCon5 .con_tit .sub_tit {margin: 0 0 20px;}
.evCon5 .evCon5_swiper { overflow: hidden; margin: 185px 0 110px;}
.evCon5 .swiper-pagination{ bottom: auto !important;}
.evCon5 .swiper-pagination-bullet{width: 16px; height: 16px; background: transparent; border: 1px solid #eff6ff; margin: 0 7px !important;}
.evCon5 .swiper-pagination-bullet-active{ border: 1px solid #fff; background: #fff;}

/* evCon6 */
.evCon6 {background: #db2e3a;}
.evCon6 .con_tit .event_tag {color: #db2e3a;}
.evCon6 .con_tit h4 {color: #fff;}
.evCon6 .con_tit .sub_tit {color: #fff; font-size: 22px;}
.evCon6 .container_info {position: relative; padding: 50px 0 58px; margin: 0 40px 70px;}
.evCon6 .container_info::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; background: rgba(255,255,255,.1);}
.evCon6 .container_info .info .info_title {width: 136px; line-height: 38px; font-weight: 500; font-size: 18px; background: none; background: #000; color: #fff;}
.evCon6 .container_info .info .info_date {font-weight: 500; font-size: 18px; color: #fff;}
.evCon6 .container_info .info .info_date .step{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.evCon6 .container_info .info .noti {color: #ffd9dc; margin-left: 5px; padding: 0;}
.evCon6 .container_info .info .noti::before {content: none;}
.evCon6 .container_gift_wrap ul {justify-content: center; gap: 52px; margin-bottom: 80px;}
.evCon6 .container_gift_wrap .tiny_noti{font-size: 14px; color: #ffd9dc; margin: 40px 0 0;}


/*ÀÎÁõÆ˾÷ */
#popupCertified .mg_filebox .filename a{background: none;}
#popupCertified .mg_filebox .filename{border:0}
#popupCertified input[type=text]{border: 1px solid #d0d0d0;border-style: solid;width: 100%;height: 30px;padding: 5.5px 9px;}
#popupCertified select{border: 1px solid #d0d0d0;border-style: solid;width: 100%;height: 30px;padding: 5.5px 9px;}
#popupCertified .mg_s_info li{margin-top: 0;line-height: 1.4;padding-left: 20px;}
#popupCertified .mg_s_info li:before{content: '\203B';}
#popupCertified .mg_s_info li a{color:red;font-weight: 700;}
#popupCertified .mg_terms{color:#999;padding: 10px 20px;}
#popupCertified .mg_terms strong{color:#999}
#popupCertified .mg_terms strong.lg_tit{color:#000;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {padding: 0;}

@media screen and (max-width: 1300px){
    .evCon1 .center_wrap .txt_box ul li{padding: 0 16px;}
}

@media screen and (max-width: 1200px){
    /* °øÅë */

    .clamp-title{font-size: clamp(24px,5vmin,50px);}
    .clamp-title2 {font-size: clamp(22px,4.2vmin,45px);}
    .clamp-text{font-size: clamp(19px,3vmin,40px);}
    .clamp-text2{font-size: clamp(17px,2.2vmin,30px);}
    .clamp-text3{font-size: clamp(16px,2vmin,24px);}
    .clamp-text4{font-size: clamp(14px,1.8vmin,20px);}
    .clamp-text5{font-size: clamp(13px,1.7vmin,18px);}
    .clamp-textn{font-size: clamp(13px,1.7vmin,16px);}

    .design_txt{margin: 0 0 20px; width: clamp(160px,20vmin,287px);}
    .con_tit .sub_tit{margin: 15px 0 0;}

    .eventWrap .btn_n{gap: 10px;}
    .eventWrap a.btn{font-size: 16px;padding: 20px 0}

    
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .eventWrap .tit_line { margin-bottom: 6%; } 
    .eventWrap .tit_line span{font-size: clamp(15px, 2.4vmin, 22px); padding: 10px 35px 12px;}

    .evCon1{ padding: 35px 0 0; position: relative;}
    .evCon1 .center_wrap{width: 96%; margin: 0 auto; align-items: flex-end;}
    .evCon1 .center_wrap .img_box{width: 500px;}
    .evCon1 .center_wrap .txt_box{max-width: 450px; padding: 50px 0; }    
    .evCon1 .center_wrap .txt_box ul{grid-template-columns: repeat(1, 1fr); gap: 10px;}
    .evCon1 .center_wrap .txt_box ul li{padding: 0 10px;}
    .evCon1 .center_wrap .txt_box ul li::before{height: 130%;}

    .evCon2 .item{flex-wrap: wrap;}
    .evCon2 .left{width: 100%;}
    .evCon2 .left h6{font-size: clamp(18px,3vmin,36px); margin: 0 0 10px; text-align: center;}
    .evCon2 .right{width: 100%; height: auto; padding: 30px;}
    .evCon2 .right .txt_box{padding: 0 0 0 30px;}
    .evCon2 .right .txt_box .desc{margin: 20px 0 0;}
    .evCon2 .tiny_noti{font-size: clamp(11px,1.5vmin,13px);}

    .evCon5 .evCon5_swiper{margin: clamp(50px,15vmin,120px) 0;}

    .evCon6 .container_info {padding: 5% 0 6%; margin: 0 auto 7%;}
    .evCon6 .container_gift_wrap ul {gap: 3vmin; margin-bottom: 5%;}
    .evCon6 .con_tit .sub_tit{font-size: clamp(16px,1.8vmin,22px);}
    .evCon6 .container_info .info .info_title {font-size: clamp(13px, 2vmin, 18px);}
    .evCon6 .container_info .info .info_date {font-size: clamp(13px, 2vmin, 18px);}
    .evCon6 .container_gift_wrap .tiny_noti{font-size: clamp(12px,1.6vmin,14px);}
}
@media screen and (max-width: 992px){

    .evCon1{padding: 7% 0;}
    .evCon1 .center_wrap{justify-content: flex-start;}
    .evCon1 .center_wrap .img_box{position: absolute; left: 46%; bottom: 0; width: clamp(330px, 60vmin, 698px);}
    .evCon1 .center_wrap .txt_box{margin-left: 0; max-width: 600px;}
    .evCon1 .center_wrap .txt_box .t1{max-width: 60%;}
    .evCon1 .center_wrap .txt_box .t2{max-width: 70%;}
    .evCon1 .center_wrap .txt_box h3{margin: 30px 0;}
    .evCon1 .center_wrap .txt_box .link_btn{text-align: left; margin: 0 0 40px;}

    .evCon3 .eventVideo{width: 80%;}
    .evCon3 .bubble_box{margin: 40px 0; padding: 20px 10px; height: auto;}
    .evCon3 .bubble_box .icon{position: initial; width: 150px; height: auto; padding: 5px 10px; border-radius: 20px; display: inline-block; transform: translateY(0); margin: 0 0 10px;}

    .evCon4 .target_box .target_inner .img_box img{width: 100px;}    

    .evCon5 .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 4px !important;}
    .evCon6 .container_info .info .info_date .step{gap: 5px;}

}
@media screen and (max-width: 768px){
    .eventWrap .tit_line span{width: 200px; padding: 8px 10px 10px;} 
    .eventWrap a.btn{font-size: 14px; padding: 13px 0;} 

    .evCon1 .center_wrap .txt_box{padding-top: 0;}
    .evCon1 .center_wrap .txt_box .link_btn img{width: 20px; vertical-align: middle;}

    .evCon2 .right{padding: 20px 15px;}
    .evCon2 .right img{width: 75px; position: absolute;}
    .evCon2 .right .txt_box{padding: 0;}
    .evCon2 .right .txt_box .tit{margin: 17px 0 0 93px;}
    .evCon2 .right .txt_box .desc{margin: 50px 0 0;}
    .evCon2 .item:not(:last-of-type){margin: 0 0 20px;}
    .evCon2 .tiny_noti{margin: 10px 0 0;}

    .evCon4 .tab_base li a{padding: 25px 0;}
    .evCon4 .panel_base{padding: 30px 0 0;}
    .evCon4 .eventVideo.with_shadow{margin-bottom: 40px;}
    .evSection.overview .lecture{margin-bottom: 50px;}
    .evCon4 .tit_line{margin: 50px 0 30px;}
    .evCon4 .target_box { gap: 0; overflow: hidden; } 
    .evCon4 .target_box .target_inner{aspect-ratio: auto; padding: 15px 5px 45px;}    
    .evCon4 .target_box .target_inner .img_box {margin: 0 0 10px;}
    .evCon4 .target_box .target_inner .img_box img{width: 70px;}
    .evCon4 .target_box .target_inner .txt_box .txt2{margin: 5px 0 0;}
    .evCon4 .target_box .swiper-wrapper { gap: initial; } 
    .evCon4 .target_box .swiper-slide { width: 100% !important; } 
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { display: flex; flex-direction: row; align-items: center; justify-content: center; bottom: 15px;}
    .evCon4 .swiper-pagination-bullet-active{background: var(--point-color2);}

    .evCon6 .container_info .info .info_title {width: 110px; line-height: 2.2;}
    .evCon6 .container_gift_wrap ul li {margin: 0; width: min(320px, 41%);}
}
@media screen and (max-width: 576px){
    .eventWrap .tit_line span{width: 150px;}

    .evCon3 .bubble_box .icon{width: 100px; padding: 3px 10px;}
    .evCon3 .bubble_box .txt .desc{margin-top: 5px;}
    .evCon3 .bubble_box::after{ border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #fff;}
    .evCon3 .eventVideo{width: 90%;}

    .evCon4 .tab_base li a{padding: 15px 0;}
    
    .evCon6 .container_info {display: block;}
    .evCon6 .container_info .info {flex-direction: column; align-items: center;}
    .evCon6 .container_info .info + .info {margin-top: 6%;}
    .evCon6 .container_gift_wrap .tiny_noti{margin: 20px 0 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: 400px){

    .evCon1 .center_wrap .img_box{left: 35%;}

    .evCon6 .container_gift_wrap ul li{width: min(350px, 46%);}
}