@charset "euc-kr"; :root { --main-color:#0036ff; --point-color:#ffd200; } 

/* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #46b9a0; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .inner { padding: 150px 0; } 
.con_tit { font-weight: 900; margin-bottom: 45px; } 
.mini_tit { margin-bottom: 45px; } 
.round_box { border-radius: 16px; background: #fff; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2); padding: 60px 0 50px; position: relative; } 
.round_box .grp_tit { color: #000; font-weight: 600; margin-bottom: 15px; } 
.per_box_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px; } 
.per_box_wrap .per_box { flex: 1; background: rgba(0, 0, 0, 0.2); border-radius: 8px; padding: 32px 0; } 
.per_box_wrap .per_box .crown_obj { display: block; margin-bottom: 12px; } 
.per_box_wrap .per_box .per_num { font-weight: 800; } 
.per_box_wrap .per_box .per_num sup { font-size: 19px; } 
.sub_tit { background: #000; color: #fff; border-radius: 50px; display: inline-block; padding: 7px 53px; font-weight: 600; margin-bottom: 20px; } 
.evCon2 .tiny_noti,
.evCon3 .tiny_noti,
.evCon4 .tiny_noti,
.evCon5 .tiny_noti,
.evCon6 .tiny_noti { font-size: 13px; text-align: left; display: block; opacity: 0.4; font-family: 'Noto Sans KR'; font-weight: 400; margin-top: 15px; } 

/* .evCon1 */
.evCon1 { position: relative; background-image: url('https://img.megagong.net/m/2023/0228_ngbr/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon1 .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8; animation: show_outLeader 2.5s ease-in .5s forwards; -webkit-animation: show_outLeader 2.5s ease-in 0.5s forwards;; } 
.eventWrap .evCon1 .inner { position: relative; padding: 220px 0; } 
.evCon1 h3 { animation: show_inLeader 2.5s ease-out .5s forwards; -webkit-animation: show_inLeader 2.5s ease-out 0.5s forwards; opacity: 0; } 
.evCon1 .txt_box { letter-spacing: 0.7em; border-top: 1px solid; border-bottom: 1px solid; display: inline-block; border-image: linear-gradient(to right, var(--main-color), var(--main-color)) 1; padding: 10px 0; white-space: nowrap; margin-bottom: 60px; height: 63px; } 
.evCon1 .txt_box .typing { display: inline-block; color: var(--main-color); letter-spacing: 19px; } 
.evCon1 .txt_box .typing strong { font-weight: 500; } 

/* banner */
.banner { background-color: var(--main-color); } 
.eventWrap .banner .inner { padding: 25px 0 } 
.banner .con_tit { color: #ffffff; font-weight: 200; margin-bottom: 0; } 
.banner .con_tit span { color: var(--point-color); font-weight: bold; } 
.banner .con_tit b { font-weight: bold; } 

/* .evCon2 */
.evCon2 { background: linear-gradient(0deg, rgba(0,54,255,1) 0%, rgba(0,0,0,1) 100%); color: #fff } 
.evCon2 .obj_img { position: absolute; left: -660px; bottom: -330px; mix-blend-mode: multiply; } 
.evCon2 .con_box_wrap { margin-bottom: 200px; } 
.evCon2 .con_box_wrap:last-of-type { margin-bottom: 0px; } 
.evCon2 .con_tit sup { font-size: 10px; vertical-align: top; margin-top: 6px; display: inline-block; } 
.evCon2 .mini_tit { opacity: 0.6; } 
.evCon2 .grp_box { position: relative; display: inline-block; } 
.evCon2 .grp_box .say_box { position: absolute; right: 0px; top: -35px; } 
.evCon2 .grp_box .pos_ab { position: absolute; left: 0px; top: 0px; overflow: hidden; } 
.evCon2 .grp_box .pos_ab.box_ver { left: inherit; } 
.evCon2 .grp_box .pos_ab.box_ver img { transform: translate3d(0, 240px, 0); } 
.evCon2 .grp_box .pos_ab.box_ver img.aos-animate { transform: translateZ(0); } 
.evCon2 .grp_box .pos_ab.line_ver { width: 797px; height: 330px; } 
.evCon2 .grp_box .pos_ab.line_ver span { width: 0; opacity: 1; transition:0.3s; overflow: hidden; display: block; transform: translateZ(0); } 
.evCon2 .grp_box .pos_ab.line_ver span.aos-animate { transition:1s; width: 797px; } 
.evCon2 .grp_box .pos_ab.line_ver span img { max-width: fit-content; } 
.evCon2 .con_box_wrap:last-of-type .round_box { display: flex; justify-content: center; gap: 320px; padding: 55px 0; } 
.evCon2 .left_text { text-align: left; color: #000; } 
.evCon2 .left_text .q_text { color: #777; } 
.evCon2 .left_text .a_text { line-height: 1.2; font-weight: 600; margin-top: 10px; } 
.evCon2 .right_text { color: var(--main-color); font-weight: 900; display: flex; align-items: center; } 
.evCon2 .right_text sup { font-weight: 300; vertical-align: top; font-size: 43px; margin-top: -11px; } 

/* .evCon3 */
.evCon3 .arrow_obj { position: absolute; left: 313px; top: 93px; } 

/* .evCon4 */
.evCon4 { background: #f9f9f9; } 
.evCon4 .g_line { position: absolute; left: 219px; top: 171px; display: flex; flex-wrap: wrap; gap: 20px; } 
.evCon4 .round_box .grp_tit { color: #777; } 

/* .evCon5 */
.evCon5 .round_box { padding: 20px 0px 20px 20px; background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); box-shadow: none; } 
.evCon5 .review_wrap { display: flex; justify-content: center; align-items: flex-start; gap: 50px; } 
.evCon5 .review_wrap .review_vis { background: var(--main-color); border-radius: 8px; color: #fff; padding: 30px 0px 0px 30px; width: 453px; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2); } 
.evCon5 .review_wrap .review_vis .vis_tit { text-align: left; line-height: 1.3; margin-bottom: 35px; } 
.evCon5 .review_wrap .review_vis .vis_tit sup { font-size: 13px; } 
.evCon5 .review_wrap .review_vis .review_img { text-align: right; } 
.evCon5 .review_wrap .review_cont { width: calc(100% - 453px); } 
.evCon5 .review_wrap .evt-tab { padding-bottom: 20px; } 
.evCon5 .review_wrap .tab-base.type-2 { margin-bottom: 20px; } 
.evCon5 .review_wrap .tab-base.type-2 li a, 
.evCon5 .review_wrap .tab-base.type-2 .swiper-slide a { padding: 14px 22px; border-radius: 50px; font-weight: 500; background-color: #ffff; border: 2px solid #ececec; color: #777777; } 
.evCon5 .review_wrap .tab-base.type-2 li.on a, .evCon5 .review_wrap .tab-base.type-2 .swiper-slide.on a { background-color: #111; color: #fff; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); border: 2px solid #000; } 
.evCon5 .review_wrap .panel_base { text-align: left; color: #999; } 
.evCon5 .review_wrap .panel_base p { margin-bottom: 25px; line-height: 1.5; } 
.evCon5 .review_wrap .panel_base strong { color: #000; } 
.evCon5 .review_wrap .panel_base .review_name { color: #ccc; } 

/* .evCon6 */
.evCon6 { background: url('https://img.megagong.net/m/2025/0227_ngbr/bg_con6.jpg') no-repeat center; background-size: cover; color: #fff; } 
.evCon6 .per_box_wrap { flex-wrap: wrap; } 
.evCon6 .per_box_wrap .per_box { background: var(--main-color); flex: inherit; width: 346px; } 
.evCon6 .per_box_wrap .per_box:nth-child(1) { margin-left: 150px; } 
.evCon6 .per_box_wrap .per_box:nth-child(2) { margin-right: 150px; } 

.eventWrap .swiper_basic1_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}

@keyframes show_outLeader { 
0% { opacity: 0.8; } 
100% { opacity: 0; } 
}
@-webkit-keyframes show_outLeader { 
0% { opacity: 0.8; } 
100% { opacity: 0; } 
}
@keyframes show_inLeader { 
0% { opacity: 0; } 
100% { opacity: 1; } 
}
@-webkit-keyframes show_inLeader { 
0% { opacity: 0; } 
100% { opacity: 1; } 
}


@media screen and (max-width: 1200px){
.eventWrap .inner { padding: 11% 0; } 
.con_tit { margin-bottom: 5%; } 
.mini_tit { margin-bottom: 4%; } 
.sub_tit { padding: 1% 4%; margin-bottom: 2%; } 
.round_box { border-radius: 10px; padding: 5% 0 4%; } 
.round_box .grp_tit { margin-bottom: 2%; } 
.per_box_wrap { gap: 1%; margin-top: 2%; } 
.per_box_wrap .per_box { padding: 3% 0; } 
.per_box_wrap .per_box .crown_obj { margin-bottom: 3%; padding: 0 44%; } 
.evCon2 .tiny_noti, .evCon3 .tiny_noti, .evCon4 .tiny_noti, .evCon5 .tiny_noti, .evCon6 .tiny_noti { font-size: 12px; margin-top: 2%; } 

/* .evCon1 */
.eventWrap .evCon1 .inner { padding: 14% 0; } 
.evCon1 .txt_box { padding: 1% 0; margin-bottom: 6%; height: 6.3vw; } 
.evCon1 .main_tit { padding: 0 19%; } 

/* .banner */
.eventWrap .banner .inner { padding: 2% 0; } 

/* .evCon2 */
.evCon2 .obj_img { display: none; } 
.evCon2 .con_box_wrap { margin-bottom: 14%; } 
.evCon2 .grp_box { margin: 0 9%; } 
.evCon2 .grp_box .pos_ab.box_ver { width: 100%; } 
.evCon2 .grp_box .pos_ab.line_ver { width: 100%; height: 33vw; } 
.evCon2 .grp_box .pos_ab.line_ver span { width: 0; } 
.evCon2 .grp_box .pos_ab.line_ver span.aos-animate { width: 100% } 
.evCon2 .grp_box .pos_ab.line_ver span img { width: 79vw; height: 33vw; } 
.evCon2 .grp_box .say_box { right: 3%; top: -5%; width: 27%; } 
.evCon2 .round_box .why_img { padding: 0% 6%; } 
.evCon2 .con_box_wrap:last-of-type .round_box { gap: 16%; padding: 5% 0; } 
.evCon2 .left_text .a_text { margin-top: 2%; } 
.evCon2 .right_text sup { margin-top: -4%; } 

/* .evCon3 */
.evCon3 .arrow_obj { left: 23%; top: 18%; width: 59%; } 
.evCon3 .grp_up { padding: 0% 6%; } 

/* .evCon4 */
.evCon4 .g_line { left: 17%; top: 35%; gap: 2vw; width: 69%; } 
.evCon4 .grp_grd { padding: 0% 11%; } 

/* .evCon5 */
.evCon5 .round_box { padding: 2% 0px 2% 2%; } 
.evCon5 .review_wrap { justify-content: flex-start; gap: 20px; } 
.evCon5 .review_wrap .review_vis { padding: 2% 0px 0px 2%; width: 42%; } 
.evCon5 .review_wrap .review_cont { width: calc(100% - 42%); } 
.evCon5 .review_wrap .tab-base.type-2 { margin-bottom: 2%; } 
.evCon5 .review_wrap .evt-tab { padding-bottom: 3%; } 
.evCon5 .review_wrap .tab-base.type-2 li a, .evCon5 .review_wrap .tab-base.type-2 .swiper-slide a { padding: 10px 15px; } 
.evCon5 .review_wrap .panel_base { padding-left: 1%; } 
.evCon5 .review_wrap .panel_base p { margin-bottom: 4%; } 

/* .evCon6 */
.evCon6 .per_box_wrap .per_box:nth-child(1) { margin-left: 0px; } 
.evCon6 .per_box_wrap .per_box:nth-child(2) { margin-right: 0px; } 
.evCon6 .per_box_wrap .per_box { width: 32%; margin-bottom: 1%; } 
}

@media screen and (max-width: 992px){
/* .evCon1 */
.evCon1 .txt_box { padding: 1% 0; height: 7vw; } 
.evCon1 .main_tit { padding: 0 14%; } 

/* .evCon2 */
.evCon2 .right_text sup { font-size: 30px; } 

/* .evCon3 */
.evCon3 .arrow_obj { left: 25%; top: 17%; width: 55%; } 

/* .evCon5 */
.evCon5 .review_wrap { display: block; } 
.evCon5 .review_wrap .review_vis { width: 100%; position: relative; overflow: hidden; padding: 9% 4%; margin-bottom: 3%; } 
.evCon5 .review_wrap .review_vis .vis_tit { margin-bottom: 0%; } 
.evCon5 .review_wrap .review_vis .review_img { position: absolute; right: 0px; top: 53%; width: 31%; transform: translateY(-50%); } 
.evCon5 .review_wrap .review_cont { width: 100%; } 
.evCon5 .review_wrap .tab-base.type-2 { margin-bottom: 0%; } 
.evCon5 .review_wrap .panel_base p { margin-bottom: 2%; } 
}

@media screen and (max-width: 768px){
.per_box_wrap .per_box .per_num sup { font-size: 11px; } 

/* .evCon1 */
.evCon1 .txt_box .typing { letter-spacing: 2vw; } 
}

@media screen and (max-width: 576px){
.round_box { border-radius: 5px; } 
.per_box_wrap .per_box { border-radius: 5px; } 
.per_box_wrap .per_box .crown_obj { margin-bottom: 8%; padding: 0px 40%; } 
.per_box_wrap .per_box .per_text { margin-bottom: 4%; } 
.evCon2 .tiny_noti, .evCon3 .tiny_noti, .evCon4 .tiny_noti, .evCon5 .tiny_noti, .evCon6 .tiny_noti { font-size: 11px; margin-top: 2%; } 

/* .evCon1 */
.evCon1 .txt_box { height: 9vw; } 
.evCon1 .main_tit { padding: 0 10%; } 

/* .banner */
.banner .con_tit { font-size: 15px; } 

/* .evCon2 */
.evCon2 .grp_box { margin: 0 5%; } 
.evCon2 .grp_box .pos_ab.line_ver { height: 36vw; } 
.evCon2 .grp_box .pos_ab.line_ver span img { width: 90vw; height: 36vw; } 
.evCon2 .right_text sup { font-size: 23px; } 

/* .evCon4 */
.evCon4 .grp_grd { padding: 0% 4%; } 
.evCon4 .g_line { left: 11%; top: 37%; width: 84%; } 

/* .evCon5 */
.evCon5 .review_wrap .evt-tab { display: flex; flex-wrap: wrap; justify-content: center; gap: 1%; } 
.evCon5 .review_wrap .tab-base.type-2 .swiper-slide { margin-right: 0px; width: 47%; margin-bottom: 2%; } 
}