@charset "euc-kr";
:root{
--point-color1: #0183ff;
--point-color2:#8dccff;
--point-color3:#e1eefd;
--step-color1:#59b5ff;
--step-color2:#1e95ff;
--step-color3:#006dd6;
--float-color1:#2f99ff;
--float-color2:#4ea8ff;
--float-color3:#021f3b;}


/* bg url: https://img.megagong.net/m/2022/ */

/* setting */
.evSection {padding: 70px 0 150px;}


.evSection .con_tit span{display: block;margin: 0 auto 30px;max-width: 36%;}



/* evCon1 */
.evSection.evCon1 {background: #6abbfe url(https://img.megagong.net/m/2024/0521_curri/con_img1_gong.jpg) no-repeat center 0;padding: 0 0 204px;position: relative;}
.evCon1 .con_tit i{position: absolute;bottom: 240px;right: -30px;}
.evCon1 .comment_wrap {background:url(https://img.megagong.net/m/2024/0521_curri/con_img4_gong.png) no-repeat center 0;margin: 0 0 055px;position: relative;}
.evCon1 .comment_vertical {position: relative;height: 150px;overflow: hidden;padding: 0 0 20px;}
.evCon1 .comment_vertical .swiper-slide {display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 18px;}
.evCon1 .comment_vertical .swiper-slide span {display: block;font-weight: bold;padding: 3px 0 0;}
.evCon1 .comment_wrap  p {font-size: 13px;position: absolute;bottom: 20px;left: 0;width: 100%;opacity: 0.4;}

/* evCon2 */
.evSection.evCon2 {background: var(--point-color3);}
.evCon2 .charact_swiper1 {position: relative;overflow: hidden;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.evCon2 .charact_swiper1 .swiper-slide a{position: absolute;bottom: 59%;left: 71%;width: 25%;height: 7%;font-size: 0;background: #000;opacity: 0;}
.evCon2 .charact_swiper1 .pc{}
.evCon2 .charact_swiper1 .mo{display: none;}
.evCon2 .charact_swiper-prev{position: absolute;top:50%;left: -80px;margin: -20px 0 0;opacity: 1;cursor: pointer;}
.evCon2 .charact_swiper-next{position: absolute;top:50%;right: -80px;margin: -20px 0 0;opacity: 1;cursor: pointer;}
.evCon2 .swiper-pagination{opacity: 0;} 

/* evCon3 */
.evSection.evCon3 {background: url(https://img.megagong.net/m/2024/0521_curri/con_img14_gong.png) no-repeat center 100%;}
.evCon3 .table_wrap{display: flex;border: 2px solid #d0d0d0;border-radius: 14px;overflow: hidden;margin: 0 0 40px;}
.evCon3 .plus_wrap{display: flex;position: relative;}

.evCon3 .plus_wrap i{position: absolute;top: 0;left: 50%;margin: -50px 0 0 -26px;}


/* evCon4 */
.evSection.evCon4 {background: #f5f5f5;}
.evCon4 .step_wrap {display: flex;flex-direction: column;gap: 40px;}
.evCon4 .step_wrap .item{position: relative;display: flex;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);border-radius: 15px;background: #fff;align-items: center;justify-content: flex-start;}
.evCon4 .step_wrap .item .cont{padding: 0 20px 0 40px;}
.evCon4 .step_wrap i{position: absolute;top: -33px;left:140px}


.evCon_curr .tit_point{margin: -40px 0 80px;}

/* ?? */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

/* ??? url ?? */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}




.eventWrap .bottom_fix{background-color: var(--float-color1);position: absolute;bottom: 0;left: 0;width: 100%;z-index: 3;display: flex;flex-direction: row;justify-content: center;align-items: flex-start;padding: 0;flex-wrap: wrap;}
.eventWrap .bottom_fix.fixed{position: fixed;bottom:unset;top: 0;left: 0;width: 100%}
.eventWrap .bottom_fix a{position: relative;display: flex;line-height: 1.3;font-size: 18px;height: 100px;width: 270px;flex-direction: column;align-items: center;justify-content: center;}
.eventWrap .bottom_fix a + a::before{content:'';background:var(--float-color2);position: absolute;top: 15%;left: 0;width: 1px;height: 70%;}
.eventWrap .bottom_fix a span{background: var(--float-color2);padding: 4px 15px;border-radius: 30px;display: block;font-size: 13px;line-height: 1;font-weight: bold;margin: 0 0 6px;}
.eventWrap .bottom_fix a strong b{display: block;color: #fff;font-size: 13px;font-weight: 200;padding: 3px 0 0;}


.eventWrap .bottom_pass {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 3;}
.eventWrap .bottom_pass a{font-size: 20px;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: row;flex-wrap: wrap;background: var(--float-color3);letter-spacing: 0;position: relative;height: 75px;}
.eventWrap .bottom_pass a::before{display:none}
.eventWrap .bottom_pass a span{background: none;color: #fff;opacity: 0.6;font-size: 1em;font-weight: 200;margin: 0;}
.eventWrap .bottom_pass a strong{font-weight: 900;color: var(--float-color1);font-style: normal;margin-left: 10px;}
.eventWrap .bottom_pass a i{position: absolute;top: 50%;right: 50%;color: #fff;font-style: normal;margin: -8px -540px 0 0;font-size: 13px;font-weight: 200;border-bottom: 1px solid #888;}




@media screen and (max-width: 1200px){    
    
    
    
    
    /* setting */
    .evSection {padding: 15% 0;}
    /* evCon1 */
    .evSection.evCon1{padding: 6% 0 calc(20% + 8vw);background-size: cover;}
    .evCon1 .con_tit{padding:0 10%}
    .evCon1 .con_tit i{width: 20%;max-width: 220px;bottom: 59%;right: 0;}
    .evCon1 .comment_wrap + p{padding: 0 12%;}
    .evCon1 .comment_wrap{background-size: 100% 100%;margin: 0 0 8%;}
    /* evCon2 */
    .evCon2 .charact_swiper1 {width: 96%;margin: 0 auto;}
    .evCon2 .charact_swiper-prev,
    .evCon2 .charact_swiper-next{display:none}

    /* evCon3 */
    .evSection.evCon3{background-image:none}

    /* evCon4 */
    .evCon4 .step_wrap{gap:10px}
    .evCon4 .step_wrap i{display:none}

    .evCon_curr .tit_point{margin:0 15% 7%}
    
    .evCon2 .swiper-pagination{opacity: 1;} 

    .eventWrap .bottom_fix{padding: 0;}
    .eventWrap .bottom_fix a{font-size: 1.7vw;height: 11vw;justify-content: center;width: 25%;}
    .eventWrap .bottom_fix a.pass{font-size: 1.7vw;height: 7vw;}
    .eventWrap .bottom_fix a:nth-child(2){flex-grow: 1.3;}
    .eventWrap .bottom_fix a span{padding: 0.5vw 1vw;font-size: 0.8em;}
    .eventWrap .bottom_fix a strong::before{width: 2.0%;height: 100%;top: 3%;margin: 0}

    
    .eventWrap .bottom_pass {bottom:65px}
    .eventWrap .bottom_pass a{font-size: 1.7vw;height: 11vw;justify-content: center;}
    .eventWrap .bottom_pass a{font-size: 1.7vw;height: 8vw;}
    .eventWrap .bottom_pass a:nth-child(2){flex-grow: 1.3;}
    .eventWrap .bottom_pass a span{padding: 0.5vw 1vw;font-size: 0.8em;}
    .eventWrap .bottom_pass a strong::before{width: 2.0%;height: 100%;top: 3%;margin: 0}
    .eventWrap .bottom_pass a i{right: 2%;margin: -0.7vw 0 0;width: auto;font-size: 0.8em;}


}






@media (max-width: 992px){




}





@media (max-width: 768px){




    .evCon1 .comment_vertical .swiper-slide {font-size: 14px;}
    .evCon1 .comment_wrap  p {font-size: 12px;}
    .evCon2 .charact_swiper1{width:100%}
    .evCon3 .table_wrap{margin: 0 0 20px;}
    .evCon3 .plus_wrap i{width: 35px;margin: -27px 0 0 -17px;}

    .eventWrap .bottom_fix a:nth-child(2){flex-grow: 1;}
    .eventWrap .bottom_fix a{font-size: 3.6vw;text-align: left;line-height: 1.5;height: 9vw;}
    .eventWrap .bottom_fix a i{width: 23%}
    .eventWrap .bottom_fix a strong{padding: 0 5% 0 0;display: none;}
    .eventWrap .bottom_fix a.pass strong{display:block;padding: 0;margin: 0 0 0 4px;}
    .eventWrap .bottom_fix a strong::before{display: none}
    .eventWrap .bottom_fix a span{background: var(--point-color);/* color: #fff; */text-align: center;line-height: 1.2;font-size: clamp(13px,3.2vmin,18px);padding: 0;margin: 0;}
    
    .eventWrap .bottom_pass a{font-size: 3.6vw;text-align: left;line-height: 1.5;height: 9vw;}
    .eventWrap .bottom_pass a i{}
    .eventWrap .bottom_pass a strong{padding: 0 5% 0 0;display: none;}
    .eventWrap .bottom_pass a strong{display:block;padding: 0;margin: 0;}
    .eventWrap .bottom_pass a strong::before{display: none}
    .eventWrap .bottom_pass a span{background: var(--point-color);/* color: #fff; */text-align: center;line-height: 1.2;font-size: clamp(13px,3.2vmin,18px);padding: 0;margin: 0;}
    .eventWrap .bottom_pass a span{display:none}
    .eventWrap .bottom_pass a{font-size: clamp(15px,3.2vmin,18px);height: 11vw;}
    .eventWrap .bottom_pass a i{margin: -2.0vw 0 0;}

}




@media (max-width: 576px){    
    

    .evSection .con_tit span{max-width: 45%;margin: 0 auto 3%;}
    .evSection.evCon1{padding: 6% 0 calc(20% + 15vw);}
    .evCon1 .comment_vertical .swiper-slide {font-size: 13px;}
    .evCon1 .comment_wrap + p{padding: 0 3%;}
    .evCon2 .charact_swiper1{width:80%}
    .evCon2 .charact_swiper1 .swiper-slide a{bottom: 71%;left: 20%;width: 60%;height: 5%;}
    .evCon2 .charact_swiper1 .pc{display: none;}
    .evCon2 .charact_swiper1 .mo{display: block;}
    .evCon3 .table_wrap{flex-direction: column;border-radius: 0;}
    .evCon3 .plus_wrap{display: flex;flex-direction: column;}
    .evCon3 .plus_wrap i{width: 35px;margin: -27px 0 0 -17px;}
    .evCon3 .plus_wrap div{background: #333;padding: 0 16%;}
    .evCon3 .plus_wrap div + div{overflow: hidden;border-left: 2px solid #d0d0d0;border-right: 2px solid #d0d0d0;border-bottom: 2px solid #d0d0d0;padding: 0;background: #fff;}
    .evCon3 .plus_wrap div + div img{max-width: 160%;width: 150%;margin: -3px 0 -3px 7%;}

    .evCon4 .step_wrap {gap: 10px;}
    .evCon4 .step_wrap .item{flex-direction: column;overflow: hidden;border-radius: 10px;}
    .evCon4 .step_wrap .item .tit{width: 100%;padding: 0 30% 0%;}
    .evCon4 .step_wrap .item:nth-child(1) .tit{background: var(--step-color1);overflow: hidden;}
    .evCon4 .step_wrap .item:nth-child(1) .tit img{margin: -8% 0;}
    .evCon4 .step_wrap .item:nth-child(2) .tit{background: var(--step-color2);}
    .evCon4 .step_wrap .item:nth-child(3) .tit{background: var(--step-color3);}
    .evCon4 .step_wrap .item .cont{padding: 4% 4% 6% 4%;}
    .evCon4 .step_wrap i{position: absolute;top: -33px;left:140px}
    .eventWrap .bottom_fix a{height: 13vw;}
    .eventWrap .bottom_pass {bottom:55px}
    .eventWrap .bottom_pass a{height: 15vw;}



}





@media (max-width: 480px){




}