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

:root {
    --color-point: #983250;
    --color-point2: #05ffc0;
}

/* settings */
.evSection {padding: 140px 0;}
.evSection .con_tit {margin-bottom: 60px;}
.evSection .con_tit h4 {font-weight: 900; font-size: 44px; letter-spacing: -0.05em;}
.evSection .con_tit .sub_tit {font-size: 22px; color: rgba(0, 0, 0, 0.6);}
.evSection .con_tit h4 + .sub_tit {margin-top: 25px;}

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

.eventWrap .tit_line {position:relative;margin-bottom:60px;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 47px 15px; font-size: 22px; background: #000; color: #fff;}

/* evCon1 */
.evCon1 {padding: 150px 0 150px; background: #c7808f url(https://image.megagong.net/m/2024/0801_gongssel/premium/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 700; color: #fff;}
.evCon1 .sub_tit.top {font-size: 24px;}
.evCon1 .sub_tit.btm {font-size: 20px;}
.evCon1 h3 {font-weight: 900; margin: 30px auto 35px;}
.evCon1 h3 .badge {font-size: 22px; color: #111; background: var(--color-point2); border-radius: 25px; width: fit-content; padding: 9px 65px; margin: 0 auto 10px;}
.evCon1 h3 strong {font-weight: 900; font-size: 98px; line-height: 1.1; color: #fff; position: relative;}
.evCon1 h3 strong .end{position: absolute; left: 50%; top: -10px;margin:0 0 0 350px; width: 191px; aspect-ratio: 191/187; background: url(https://image.megagong.net/m/2024/0801_gongssel/premium/end.png) no-repeat center/cover; font-size: 0;}
.evCon1 h3 strong .end.on{background: url(https://image.megagong.net/m/2024/0801_gongssel/premium/end_on.png) no-repeat center/cover;}
.evCon1 h3 strong .end.er{background-image: url(https://image.megagong.net/m/2024/0919_gongssel/end_er.png);}
.evCon1 h3 strong .end.er.on{background-image: url(https://image.megagong.net/m/2024/0919_gongssel/end_er.png);}
.evCon1 h3 strong .end {background-image: url(https://image.megagong.net/m/2025/0716_gongssel/end.png);}

.evCon1 .feature {justify-content: center; gap: 12px; margin-top: 55px;}
.evCon1 .feature li {display: flex; flex-direction: column; gap: 15px; width: 200px; height: 200px; background: #fff; border-radius: 50%; padding: 40px 0 30px;}
.evCon1 .feature li .txt {font-weight: 700; font-size: 16px; line-height: 1.2; margin: auto;}
.evCon1 .black_btn{width: 400px; border-radius: 40px; background-color: #000; font-size: 22px; font-weight: bold; letter-spacing: -0.44px; color: #fff; margin: 40px auto 0; display: block; padding: 25px 0;}
.evCon1 .con_box{margin: 280px 0 0;}
.evCon1 .sure{display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.evCon1 .sure li{aspect-ratio: 346/352; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 20px;}
.evCon1 .sure li .desc{margin: 25px 0 30px; font-size: 22px; font-weight: 700; line-height: 1.27; color: #222;}
.evCon1 .sure li .tiny_noti{ font-size: 13px; font-weight: 300; line-height: 1.23; color: rgba(153, 153, 153, 0.8);}

/* evCon2 */
.evCon2 {padding: 140px 0 0; background: #212121;}
.evSection.evCon2 .con_tit.ver2 {margin-bottom: 35px;}
.evCon2 .con_tit h4 {color: #fff;}
.evCon2 .tea_list {gap: 6px; margin: 0 -78px 120px;}
.evCon2 .tea_group {margin: 0 -104px;}
.evCon2 .desc{ font-size: 34px; font-weight: bold; line-height: 1.35; color: #fff; margin: 0 0 50px;}
.evCon2 .desc.ver2 {margin: 0 0 100px;}

/* evCon3 */
.eventWrap .tit_line.m30{margin-bottom: 30px;}
.evCon3 {background: #f5f5f5;}
.evCon3 .con_tit {margin-bottom: 40px;}
.evCon3 .con_inner{margin: 0 0 140px;} 
.evCon3 .system { gap: 35px; display: grid; grid-template-columns: repeat(2,1fr); margin: 0 -81px;}
.evCon3 .rank { margin-bottom: 90px; } 
.evCon3 .rank .slider_rank { margin-bottom: 5px; } 
.evCon3 .rank .slider_rank .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 40px; z-index: 1; font-size: 0; } 
.evCon3 .rank .slider_rank .slick-arrow.slick-prev { right: 65%; margin-right: 450px; background: url(https://img.megagong.net/m/2022/1111_overall/btn_prev.png) no-repeat; background-size: 100%; } 
.evCon3 .rank .slider_rank .slick-arrow.slick-next { left: 65%; margin-left: 450px; background: url(https://img.megagong.net/m/2022/1111_overall/btn_next.png) no-repeat; background-size: 100%; } 
.evCon3 .rank .noti_tiny { font-size: 13px; color:#bfbfbf; text-align: right; } 
.evCon3 .rank .slick-dots {margin-top: 20px;display: flex; justify-content: center;}
.evCon3 .rank .slick-dots li {width: 12px; height: 12px; background: #b6b6b6; border-radius: 50%;  margin-right: 20px;}
.evCon3 .rank .slick-dots li:last-child {margin-right: 0;}
.evCon3 .rank .slick-dots li.slick-active {background: #000;}
.evCon3 .rank .slick-dots li button {color: transparent;}
.evCon3 .schedule{background: #fff; border-radius: 20px; margin: 60px 0 0;} 
.evCon3 .bar{position: relative;}
.evCon3 .bar::before{position: absolute; content: ''; left: 50%; transform: translateX(-50%); bottom: 0; border: 1px solid #000; z-index: 1; width: 1000%;}
.evCon3 .tab_base { margin: 60px auto 0; overflow:hidden; } 
.evCon3 .tab_base li { float:left; width:50%; height:100px; background:#fff; display:table; position:relative; } 
.evCon3 .bar.ver2 .tab_base li { width:100%;}
.evCon3 .tab_base li:first-child { margin-left:0; } 
.evCon3 .tab_base li a { display:table; width:100%; height:100%; text-align:center; } 
.evCon3 .tab_base li a p { display:table-cell; vertical-align:middle; color:#999; font-size:20px; line-height:130%; } 
.evCon3 .tab_base li a p span { display:block; margin-top:0; font-size:16px; } 
.evCon3 .tab_base li.on { background: #000000; } 
.evCon3 .tab_base li.on a p { color:#fff; } 
.evCon3 .tabCont { padding-top:60px; } 
.evCon3 .tabCont > div { display:none; } 
.evCon3 .tabCont .slider-for { position:relative; max-width:804px; /*width:calc(100% - 40px); */ margin:auto; } 
.evCon3 .tabCont .slider-for .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); width:20px; height:40px; z-index:1; font-size:0; } 
.evCon3 .tabCont .slider-for .slick-arrow.slick-prev { right:50%; margin-right:450px; background:url(https://img.megagong.net/m/2022/1111_overall/btn_prev.png) no-repeat; background-size:100%; } 
.evCon3 .tabCont .slider-for .slick-arrow.slick-next { left:50%; margin-left:450px; background:url(https://img.megagong.net/m/2022/1111_overall/btn_next.png) no-repeat; background-size:100%; } 
.evCon3 .tabCont .slider-for img { width:100%; } 
.evCon3 .tabCont .slider-for p { position:absolute; bottom:5px; left:0; width:100%; padding:20px 0; text-align:center; color:#fff; background:rgba(0,0,0,.5); } 
.evCon3 .tabCont .slider-nav { max-width:804px; margin:20px auto 0; /*width:calc(100% - 40px); */ } 
.evCon3 .tabCont .slider-nav .item { padding:5px; position:relative; cursor:pointer; } 
.evCon3 .tabCont .slider-nav .item:before { content:""; display:none; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; top:5px; left:5px; border:3px solid var(--color-point2); box-sizing:border-box; } 
.evCon3 .tabCont .slider-nav .item:after { content:""; display:block; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; top:5px; left:5px; background: rgba(0,0,0,.4); box-sizing:border-box; } 
.evCon3 .tabCont .slider-nav .slick-current .item:before { display:block; } 
.evCon3 .tabCont .slider-nav .slick-current .item:after { background:none; } 

/* evCon4 */
.evCon4 {background: #ffdae2; /*padding-bottom: 0;*/}
.evCon4 .benefit{display: grid; grid-template-columns: repeat(3,1fr); gap: 30px;}
.evCon4 .benefit li{aspect-ratio: 340/270; border-radius: 12px; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.evCon4 .benefit.item8 {display: flex; justify-content: center; flex-wrap: wrap; gap: 0 30px;}
.evCon4 .benefit.item8::before {content: ''; width: 100%; order: 0;}
.evCon4 .benefit.item8 li:nth-child(-n+2) {order: -1; margin-top: 0;}
.evCon4 .benefit.item8.ver2 li:nth-child(-n+2) {order: 0; margin-top: 30px;}
.evCon4 .benefit.item8 li {width: calc(33.333% - 20px); height: 270px; border-radius: 12px; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 30px;}
.evCon4 .benefit li p{ font-size: 18px; font-weight: 600; line-height: 1.33; margin: 0 0 50px;}
.evCon4 .benefit li p.mb30{margin: 0 0 27px;}
.evCon4 .benefit li p span{ font-size: 14px; font-weight: 500; color: #6e6e6e;}
.evCon4 .benefit li a {font-size: 12px;color: #6e6e6e;border: 1px solid #b8b8b8;margin-top: 6px;width: 105px;height: 25px;display: flex;border-radius: 30px;align-items: center;justify-content: center;font-weight: bold;margin: 20px auto 0;}

/* evCon5 */
.evCon5 {background: #fff; position: relative;}
/* .evCon5::after{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 140px; background: #ffdae2;} */
/* .evCon5 .inner{padding: 140px 0;} */
.evCon5 .con_box + .con_tit{margin-top: 140px;}
.evCon5 .tt_top{position: relative; z-index: 1;}
/*.evCon5 .tt_top::after{position: absolute; content: ''; left: 50%; transform: translateX(-50%); top: 0; width: 1000%; background: #ffdae2; height: 100%; z-index: -1;}*/
.evCon5 .con_tit span{display: block;font-size: 24px;font-weight: bold;}
.evCon5 .con_tit .end_point{position: absolute;top: -20px;right: 160px;}
.evCon5 .thanks_wrap{font-size: 16px;background: #fff4f6;padding: 40px 0;margin: 140px 0 80px;}
.evCon5 .thanks_wrap p.point {font-size: 20px;font-weight: bold;padding: 0 0 7px;}
/* S: [ws] 250716 ¼±Âø¼ø ¸¶°¨ ¿µ¿ª Ãß°¡ */
.evCon5 .order_end {position: relative; width: 100%; max-width: 643px; border: 1px solid #b5b5b5; border-radius: 30px; padding: 120px 20px 50px; margin: 0 auto;}
.evCon5 .order_end .tit {}
.evCon5 .order_end .tit::before {content: ''; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 148px; height: 114px; background: url(https://image.megagong.net/m/2025/0716_gongssel/ico_end.png) no-repeat; background-size: contain;}
.evCon5 .order_end .tit::after {content: ''; display: block; width: 90%; max-width: 418px; border-top: 2px dashed #b5b5b5; margin: 20px auto;}
.evCon5 .order_end .txt {color: #5f5f5f;}
/* E: [ws] 250716 ¼±Âø¼ø ¸¶°¨ ¿µ¿ª Ãß°¡ */

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evtoggleWarning .mt20 {margin-top: 20px;}
.evtoggleWarning .ml12 {margin-left: -12px;}
.evtoggleWarning .tbl_wrp {width: 100%; max-width: 876px;}
.evtoggleWarning .tbl_wrp .tbl_5 {border-top-width: 1px;}
.evtoggleWarning .tbl_wrp .tbl_5 tr {background: #fff;}
.evtoggleWarning .tbl_wrp .tbl_5 tr th {padding: 10px 3px;}
.evtoggleWarning .tbl_wrp .tbl_5 tr td {padding: 10px 20px;}
.evtoggleWarning .tbl_wrp .tbl_5 tbody th {font-weight: 500; background: #fff;}
.evtoggleWarning .tbl_wrp .tbl_5 td {text-align: left;}

/* Æ˾÷ */
.dimPopup { display:none; }
.dimPopup .bg { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.8); z-index:6; }
.dimPopup .popup { position:fixed; top:50%; left:50%; margin-left:150px; max-width:360px; width:90%; transform:translateY(-50%); z-index:10; }
.dimPopup .popup > a { display:block; text-align:right; }
.dimPopup .popup > div { margin-top:10px; width:100%; box-sizing:border-box; background:#fff; padding:60px 25px; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; width:78px; height:30px; font-weight:700; color:#fff; font-size: 13px; line-height: 30px; text-align:center; vertical-align: middle; background: #5b5b5b; cursor: pointer; border:none; }
.filebox .upload-name { display: inline-block; width:calc(100% - 92px); height:26px; vertical-align: middle; background: #fff; border: 1px solid #d2d2d2; text-indent:10px; font-size:13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#666; font-weight:400; }
.dimPopup .popup > div p { margin-top:20px; }
.dimPopup .popup > div p a { display:block; margin:0 auto; width:160px; height:40px; line-height:40px; text-align:center; background:#000; color:#fff; font-size:17px; font-weight:700; }


.series_tab li.on a{color: #fff;}


@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .evSection .con_tit h4 {font-size: clamp(20px, 4.6vmin, 40px);}
    .evSection .con_tit .sub_tit {font-size: clamp(16px, 2.4vmin, 22px);}
    .evSection .con_tit h4 + .sub_tit {margin-top: 2%;}
    .eventWrap .tit_line span{font-size: clamp(16px, 2.4vmin, 22px); padding: 10px 35px 12px;}

    /* evCon1 */
    .evCon1 {padding: 16% 0 10%;}
    .evCon1 .sub_tit.top {font-size: clamp(17px, 2.6vmin, 24px);}
    .evCon1 .sub_tit.btm {font-size: clamp(15px, 2.2vmin, 20px);}
    .evCon1 h3 {margin: 4% auto 6%;}
    .evCon1 h3 .badge {font-size: clamp(16px, 2.4vmin, 22px); padding: 0.5% 6%;}
    .evCon1 h3 strong {font-size: clamp(40px, 9vmin, 98px); letter-spacing: -0.05em;}
    .evCon1 h3 strong .end{left: unset; top: 0;margin:0;right:0}
    .evCon1 .feature {margin-top: 8%;}
    .evCon1 .feature li {width: 24vmin; height: 24vmin; padding: 4% 0 3%;}
    .evCon1 .feature li .ico {max-width: 30%; margin: 0 auto;}
    .evCon1 .con_box{margin: clamp(100px, 15vmin, 150px) 0 0;}
    .evCon1 .sure li img{width: clamp(40px,10vmin,100px);}
    .evCon1 .sure li .desc{font-size: clamp(16px, 2.4vmin, 22px); margin: 10px 0;}
    .evCon1 .sure li .tiny_noti{font-size: clamp(10px, 1.8vmin, 13px); line-height: 1.4;}
    .evCon1 .black_btn{font-size: clamp(16px, 2.4vmin, 22px); width: 300px; padding: 15px 0;}
    .evCon1 h3 strong .end{width: clamp(60px, 15vmin, 191px); top: -5%;}

    /* evCon2 */
    .evCon2 {padding: 14% 0 0;}
    .evSection.evCon2 .con_tit.ver2 {margin-bottom: 4%;}
    .evCon2 .tea_list {margin: 0 auto 12%;}
    .evCon2 .tea_group {margin: 0 -2%;}
    .evCon2 .desc{font-size: clamp(20px, 3vmin, 34px); margin: 0 0 30px;}
    .evCon2 .desc.ver2  {margin: 0 0 30px;}

    /* evCon3 */
    .evCon3 .con_inner{margin: 0 0 clamp(60px, 10vmin, 100px);}
    .evCon3 .tab_base { max-width: 100%; } 
    .evCon3 .tab_base li { height:70px; } 
    .evCon3 .tab_base li a p { font-size:15px; } 
    .evCon3 .tab_base li a p span { font-size:13px; } 
    .evCon3 .tabCont { padding: 3vw 0 0; } 
    .evCon3 .tabCont .slider-for { width:calc(100% - 40px); } 
    .evCon3 .tabCont .slider-for .slick-arrow { width:15px; height:30px; } 
    .evCon3 .tabCont .slider-for .slick-arrow.slick-prev { left:-25px; right:inherit; margin:0; } 
    .evCon3 .tabCont .slider-for .slick-arrow.slick-next { right:-25px; left:inherit; margin:0; } 
    .evCon3 .tabCont .slider-for p { position:absolute; bottom:5px; left:0; width:100%; padding:20px 0; text-align:center; color:#fff; background:rgba(0,0,0,.5); } 
    .evCon3 .tabCont .slider-nav { margin:1vw auto 0; width:calc(100% - 40px); } 
    .evCon3 .rank .slider_rank { margin-bottom: 4%;}
    .evCon3 .rank .slick-dots { margin-top: 2%;}
    .evCon3 .system{margin: 0;}
    .evCon3 .schedule{margin: 7% 0 0; padding: 0 4% 0;}

    /* evCon4 */
    .evCon4{/* padding-bottom: 0; */}
    .evCon4 .benefit li p{font-size: clamp(14px, 2.2vmin, 18px);}
    .evCon4 .benefit li p span{font-size: clamp(11px, 1.9vmin, 14px);}

    /* evCon5 */
    .evCon5::after{display:none;height:14%}
    .evCon5 .inner{padding: 0 0;}
    .evCon5 .con_box + .con_tit{margin-top: 10%;}
    .evCon5 .con_tit span{font-size: 0.7em;}
    .evCon5 .con_tit .end_point{right: 0;top: -10px;width: clamp(60px,8vmin,80px);}
    .evCon5 .thanks_wrap{margin: 0 0 7%;font-size: clamp(12px, 2.2vmin, 16px);padding: 20px 0;}
    .evCon5 .thanks_wrap p.point{font-size: 1.1em;}
    
    /* evtoggleWarning */
    .evtoggleWarning .tbl_wrp .tbl_5 tr th {padding: 5px 2px;}
    .evtoggleWarning .tbl_wrp .tbl_5 tr td {padding: 5px 10px;}

    /* Æ˾÷ */
    .dimPopup .popup { margin-left:0; left:inherit; right:10px; }
    .dimPopup .popup > div { padding:10% 5%; }
}
@media screen and (max-width: 992px){
    .evCon3 .system{grid-template-columns: repeat(1,1fr);}

    .evCon4 .benefit{gap: 10px;}
    .evCon4 .benefit.item8 {gap: 0 10px;}
    .evCon4 .benefit.item8 li {width: calc(33.333% - 6.666px); height: auto; margin-top: 10px;}
    .evCon4 .benefit li img{width: clamp(45px, 7.5vmin, 75px);}
    .evCon4 .benefit li p{margin: 0 0 30px;}
    .evCon4 .benefit li p.mb30{margin: 0 0 7px;}

    .evCon4 .benefit.item8.ver2 li:nth-child(-n+2) {margin-top:10px;}
    
}
@media screen and (max-width: 768px){
    .evCon1 .feature {flex-wrap: wrap;}
    .evCon1 .feature li {width: calc(50% - 6px); height: auto; gap: 1vmin; border-radius: 10px; padding: 3% 0;}
    .evCon1 .feature li .ico {width: 18%; max-width: 43px;}
    .evCon1 .sure{grid-template-columns: repeat(1,1fr); gap: 10px;}
    .evCon1 .sure li{aspect-ratio: auto; padding: 3% 0; border-radius: 10px;}
    .evCon1 h3 strong .end{left: auto; right: -11%;}

    .evCon2 .tea_list {flex-wrap: wrap; justify-content: center;}
    .evCon2 .tea_list li {flex-basis: calc(33.333% - 4px); max-width: 201px;}

    .evCon3 .rank .noti_tiny { font-size: 11px; color: #bfbfbf; text-align: right;}
    .evCon3::before { display:none } 
    .evCon3 .info img{width: 80%;}

}
@media screen and (max-width: 576px){
    .evCon1 .feature li .txt {font-size: 13px;}
    .evCon1 .black_btn{width: 220px;}

    .evCon2 .worry {flex-direction: column; gap: 2.5vmin;}
    .evCon2 .worry li {display: flex; align-items: center;}
    .evCon2 .worry li .ico {flex-basis: 26%;}
    .evCon2 .worry li .txt {flex-grow: 1; margin-bottom: 0;}
    .evCon2 .worry li .txt::before {bottom: auto; top: 50%; right: 1px; transform: translate(100%, -50%); border-left: 10px solid var(--color-point2); border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
    .evCon2 .worry li:nth-child(even) .txt::before {right: auto; left: 1px; transform: translate(-100%, -50%); border-left: none; border-right: 10px solid var(--color-point2);}
    .evCon2 .worry li:nth-child(even) {flex-direction: row-reverse;}

    .evCon3 .tab_base { border-bottom: 2px solid #000000; margin: 40px auto 0;} 
    .evCon3 .tab_base li { height:60px; min-height:60px; box-sizing:border-box; padding:5px; } 
    .evCon3 .tab_base li a p { font-size: 13px; } 
    .evCon3 .tab_base li a p span { font-size:11px; } 
    .evCon3 .tabCont { padding-top:5vw; } 
    .evCon3 .tabCont .slider-for p { padding:10px 5px; } 
    .evCon3 .tabCont .slider-nav { margin:1vw auto 0; }

    .evCon4 .benefit{grid-template-columns: repeat(2,1fr);}
    .evCon4 .benefit li{aspect-ratio: 300/206;}
    .evCon4 .benefit.item8 li {width: calc(50% - 5px);}
    .evCon4 .benefit li p{margin: 0 0 10px;}
    .evCon4 .benefit li a{height: 22px;width: 100px;margin-top: 10px;margin-bottom: 5px;}

}
@media screen and (max-width: 499px){
    .evCon1 h3 strong .end{right: -3%; top: 10%;}
}