@charset "euc-kr"; :root { --btn-point: #009cff;--main-color: #006cff; --sub-color: #ff6d00; } 


.eventWrap .inner { padding: 150px 0; } 
.eventWrap .con_tit { line-height: 1.3; margin: 0 -20px 60px; display: inline-block; } 
.eventWrap .wh_ver { color: #fff; } 
.eventWrap .con_tit .wh_ver { font-weight: 600; } 

.tab_base { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } 
.tab_base li { flex: 1; background: #ddd; border-radius: 15px 15px 0 0; } 
.tab_base li.on { color: #fff; background: #000; } 
.tab_base li a { padding: 22px 0; display: block; } 

.swiper_basic1 .swiper-wrapper { transition-timing-function: linear; } 
.mega_swiper_scroll .swiper-wrapper { gap: 10px; } 
.mega_swiper_scroll .swiper-slide { flex:1 } 
.mega_swiper_scroll .swiper-scrollbar { display: none; } 

.mega_swiper_destroy .swiper-wrapper { gap: 10px; } 
.mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; justify-content: center; } 
.mega_swiper_destroy .swiper-pagination { display: none; } 

.con_tit.tab_name_line { margin-bottom: 0px; /*overflow: hidden; */ } 
.con_tit.tab_name_line .evt_mark { padding: 21px 0px; width: 428px; border-radius: 50px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; position: relative; margin-bottom: 40px; } 
.con_tit.tab_name_line .evt_mark b { display: block; width: 100%; } 
.con_tit.tab_name_line .evt_mark .face_obj { position: absolute; right: 15px; top: 0px; animation: scaleAni 3s forwards; animation-delay: 2s; opacity: 0; } 
.con_tit.tab_name_line .evt_mark::after { border-right-width: 52px; border-top-width: 26px; bottom: -16px; } 
.con_tit.tab_name_line .evt_mark.aos-animate { animation: scaleAni 2s forwards; } 

@keyframes scaleAni { 
 0% { transform: translateZ(0) scale(0); opacity: 0; } 
 50% { transform:translateZ(0) scale(1.1); } 
 100% { transform: translateZ(0) scale(1); opacity: 1; } 
 }



.point_ver { color: var(--sub-color); position: relative; } 
.point_ver::before { content: ""; display: block; width: 100%; height: 1px; background: var(--sub-color); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } 


/* con1 */

.evCon1 { background: #464644 url(https://image.megagong.net/m/2024/1129_concert/bg_con1.jpg) no-repeat center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 270px 0 200px; } 
.evCon1 .tea_img { position: absolute; bottom: 0px; } 
.evCon1 .tea_img.left_ver { left: -120px; } 
.evCon1 .tea_img.right_ver { right: -177px; } 
.evCon1 .typing_wrap { color: #fff; position: relative; margin-bottom: 110px; } 
.evCon1 .typing_wrap .h_hide { position: relative; } 
.evCon1 .typing_wrap .h_hide::after { content: ""; display: block; width: 25px; height: 1px; background: #fff; position: absolute; right: -22px; bottom: 9px; opacity: 0; } 

.evCon1 .typing_wrap .h_hide.ani_type::after { animation: typeAni 0.7s infinite; } 

@keyframes typeAni { 
 0% { opacity: 0; } 

 100% { opacity: 1; } 
 }

 .evCon1 h3 { position: relative; } 

.evCon1 .vod_frame_wrap { width: 1550px; height: 850px; position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.evCon1 .vod_frame { position: relative; display: block; width: 100%; height: 100%; } 
.evCon1 .vod_frame .line { width: 200px; height: 150px; border: 2px solid rgba(255,255,255,0.7); position: absolute; animation: lineAni 1s; } 
.evCon1 .vod_frame .line.ver1 { left: 0px; top: 0px; border-right: none; border-bottom: none; } 
.evCon1 .vod_frame .line.ver2 { right: 0px; top: 0px; border-left: none; border-bottom: none; } 
.evCon1 .vod_frame .line.ver3 { right: 0px; bottom: 0px; border-left: none; border-top: none; } 
.evCon1 .vod_frame .line.ver4 { left: 0px; bottom: 0px; border-right: none; border-top: none; } 
.evCon1 .vod_frame .line .obj_con1 { position: absolute; animation: blurAni 2s forwards; } 
.evCon1 .vod_frame .line.ver1 .obj_con1 { left: 30px; top: 30px; } 
.evCon1 .vod_frame .line.ver2 .obj_con1 { right: 30px; top: 30px; } 
.evCon1 .vod_frame .line.ver3 .obj_con1 { right: 30px; bottom: 30px; } 
.evCon1 .vod_frame .line.ver4 .obj_con1 { left: 30px; bottom: 30px; } 

@keyframes lineAni { 
 0% { width: 0px; height: 0px; } 

 100% { width: 200px; height: 150px; } 
 }

 @keyframes blurAni { 
 0% { filter: blur(6px); opacity: 0; } 
 
 100% { filter: blur(0px); opacity: 1; } 
 }


/* con2 */
.evCon2 { background: var(--main-color); } 
.eventWrap .evCon2 .inner { padding: 150px 0 35px; } 
.evCon2 .pos_name_wrap { display: flex; justify-content: center; gap: 20px; } 
.evCon2 .pos_name_wrap .pos_name { width: 428px; background: #000; border-radius: 50px; padding: 20px 0; position: relative; display: flex; justify-content: center; align-items: center; gap: 15px; position: relative; } 
.evCon2 .pos_name_wrap .pos_name .round_point { display: flex; position: relative; } 
.evCon2 .pos_name_wrap .pos_name .round_obj { animation: blurAni2 2s infinite; } 
.evCon2 .pos_name_wrap .pos_name .pos_obj { display: block; position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); width: 38px; max-width: 38px; animation: bounceAni 2s infinite; transform-origin:bottom; } 
.evCon2 .swiper_inner { padding: 0px 0px 145px; } 
.evCon2 .swiper_inner .swiper_basic1 { margin-bottom: 15px; } 
.evCon2 .swiper_inner .swiper-slide img { border-radius: 3px; } 

@keyframes blurAni2 { 
 0% { filter: blur(3px); opacity: 0.8; } 
 50% { filter: blur(0px); opacity: 1; } 
 100% { filter: blur(3px); opacity: 0.8; } 
 }


@keyframes bounceAni { 
 0% { transform: translateX(-50%) scale(1.1); } 
 50% { transform: translateX(-50%) scale(1); } 
 100% { transform: translateX(-50%) scale(1.1); } 
 }


/* con3 */
.evCon3 { background: #2682ff; } 
.evCon3 .con_tit.tab_name_line .evt_mark { background: var(--sub-color); } 
.evCon3 .con_tit.tab_name_line .evt_mark::after { border-top: 10px solid var(--sub-color); border-top-width: 26px; } 
.evCon3 .tab_base { gap: 1px; } 
.evCon3 .tab_base li { background: #006cff; color: #002b98; } 
.evCon3 .tab_base li.on { background: #002b98; color: #fff; } 
.evCon3 .tab_base li .badge-base.type-2 { padding: 5px 0px; min-width: 67px; background: #002b98; color:#006cff; font-size: 14px; font-weight: 700; margin-bottom: 3px; } 
.evCon3 .tab_base li.on .badge-base.type-2 { background: var(--sub-color); color: #fff; } 
.evCon3 .img_text { background: #002b98; color: #fff; padding: 35px 0; border-radius: 0 0 15px 15px; margin-top: 20px; } 

/* con4 */
.evCon4 .con_tit.tab_name_line .evt_mark { background: var(--main-color); } 
.evCon4 .con_tit.tab_name_line .evt_mark::after { border-top: 10px solid var(--main-color); border-top-width: 26px; } 
.evCon4 .tab_base { margin-bottom: 35px; } 
.evCon4 .tab_base li { background: #eeeeee; color: #999999; font-weight: 700; } 
.evCon4 .tab_base li.on { background: #000; color: #fff; } 
.evCon4 .tab_base li a { padding: 31px 0; } 
.evCon4 .panel_base li { display: flex; justify-content: center; } 
.evCon4 .panel_base li .tea_info { width: 40%; position: relative; } 
.evCon4 .panel_base li .tea_info .tea_img { width: 396px; position: relative; } 
.evCon4 .panel_base li .tea_info .tea_img::after { content: ""; display: block; width: 100%; height: 150px; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0.7) 45%, rgba(255, 255, 255, 0.2) 79%, rgba(65, 61, 176, 0) 100%); position: absolute; left: 0px; bottom: -1px; } 
.evCon4 .panel_base li .tea_vod { width: 60%; } 
.evCon4 .panel_base li .tea_text { text-align: left; line-height: 1.4; font-weight: 600; } 
.evCon4 .panel_base li .tea_text sup { font-size: 11px; } 
.evCon4 .panel_base li .btn { text-align: left; font-weight: 700; position: absolute; left: 0px; bottom: 5px; } 
.evCon4 .panel_base li .btn p { display: flex; align-items: center; gap: 7px; } 
.evCon4 .panel_base li .btn p .home_img { display: flex; } 
.evCon4 .panel_base li .vod_tit { margin: 35px 0 30px; } 
/* .evCon4 .panel_base li .vod_tit .point_ver { color: var(--sub-color); position: relative; } 
.evCon4 .panel_base li .vod_tit .point_ver::before { content: ""; display: block; width: 100%; height: 1px; background: var(--sub-color); position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } */
.evCon4 .panel_base li .eventVideo { margin: 0 24px; } 
.eventWrap .evCon4 .tiny_noti { text-align: left; display: block; margin-left: 24px; margin: 20px 0px 0px 24px; color: #999; height: 68px; } 

/* con5 */
.evCon5 { background: #f1f3f5 url(https://image.megagong.net/m/2024/1129_concert/bg_con5.jpg) no-repeat center; background-size: cover; } 
.eventWrap .evCon5 .con_tit { margin-bottom: 40px; } 
.evCon5 .con_tit b { font-weight: 600; color: var(--main-color); } 
.evCon5 .swiper_review { margin: 0 -13px; } 
.evCon5 .mega_swiper_destroy .swiper-wrapper { gap: 0px; } 
.eventWrap .evCon5 .swiper-pagination { display: none; } 
.eventWrap .evCon5 .tiny_noti { text-align: right; display: block; color: #999; margin-top: 10px; } 


/* con6 */
.evCon6 { background: linear-gradient(0deg, rgba(206,227,255,1) 0%, rgba(255,255,255,1) 100%); } 
.evCon6 .point_ver { color: var(--main-color); } 
.evCon6 .point_ver::before { background: var(--main-color); } 
.evCon6 .mini_text { color: #777; margin-bottom: 15px; } 
.evCon6 .main_text { line-height: 1.3; } 
.evCon6 .main_text strong { font-weight: 800; } 
.evCon6 .sign_img_wrap { height: 640px; position: relative; } 
.evCon6 .tea_img { position: absolute; } 
.evCon6 .tea_img.left_ver { left: -40px; } 
.evCon6 .tea_img.right_ver { right: -23px; } 
.evCon6 .sign_img { position: absolute; mix-blend-mode: multiply; } 
.evCon6 .sign_img.left_ver { left: -138px; top: 64px; } 
.evCon6 .sign_img.right_ver { right: -130px; top: 25px; } 


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

/* bullet °ψΕλ */
.eventWrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 1rem; } 
.eventWrap .swiper-pagination-bullet { background: #ddd; opacity: 1; width: 12px; height: 12px; } 
.eventWrap .swiper-pagination-bullet-active { background: #000; } 

/* button °ψΕλ */
.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev { top: 50%; transform: translateY(-50%); left: auto; right: auto; margin: 0 auto; z-index: 2; width: auto; height: auto; } 
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after { background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } 
.eventWrap .swiper-button-next { right: 0; transform: translateY(-50%) rotate(180deg); } 
.eventWrap .swiper-button-next:after { transform: rotate(180deg); } 




@media screen and (max-width: 1200px){
 .eventWrap .inner { padding: 11% 0; } 

 .eventWrap .con_tit { margin: 0 0px 5%; } 
 .con_tit.tab_name_line { margin-bottom: 0%; } 
 .con_tit.tab_name_line .evt_mark { padding: 4% 0px; width: 45vw; margin-bottom: 8%; } 
.con_tit.tab_name_line .evt_mark .face_obj { right: 2%; width: 9%; } 

 .tab_base { margin-bottom: 2%; } 
 .tab_base li a { padding: 6% 0; } 

 
 .eventWrap .evSection.evCon1 {
    background-size: 280%;
    background-position: 43% 70%;
} 
 .eventWrap .evCon1 .inner { padding: 7% 0 13%; } 
.evCon1 .tea_img { width: 43%; } 
.evCon1 .tea_img.left_ver { left: 0px; } 
.evCon1 .tea_img.right_ver { right: 0px; } 
.evCon1 .vod_frame_wrap { width: 100%; height: 90%; } 
.evCon1 .vod_frame .line { width: 16%; height: 18%; } 
.evCon1 .vod_frame .line.ver1 .obj_con1 { left: 13%; top: 14%; } 
.evCon1 .vod_frame .line.ver2 .obj_con1 { right: 4%; top: 14%; } 
.evCon1 .vod_frame .line.ver3 .obj_con1 { right: 13%; bottom: 14%; } 
.evCon1 .vod_frame .line.ver4 .obj_con1 { left: 13%; bottom: 14%; } 
.evCon1 .typing_wrap { margin-bottom: 25%; } 

.evCon1 h3 { padding: 0 18%; } 

@keyframes lineAni { 
 0% { width: 0px; height: 0px; } 
 
 100% { width: 16%; height: 18%; } 
 }
 

 .eventWrap .evCon2 .inner { padding: 11% 0 6%; } 
.evCon2 .pos_name_wrap .pos_name { width: 41vw; padding: 2% 0; gap: 2%; } 
.evCon2 .pos_name_wrap .pos_name .round_point img { width: 100%; } 
.evCon2 .pos_name_wrap .pos_name .round_point .pos_obj { bottom: 44%; width: 100%; max-width: 100%; } 
.evCon2 .swiper_inner { padding: 0px 0px 11%; } 

.evCon3 .tab_base li .badge-base.type-2 { padding: 2% 0px; min-width: 6vw; font-size: 13px; margin-bottom: 1%; } 
.evCon3 .img_text { padding: 3% 0; margin-top: 2%; } 

.evCon4 .tab_base li a { padding: 6% 0; } 
.evCon4 .tab_base { margin-bottom: 3%; } 
.evCon4 .panel_base li { gap: 2%; } 

.evCon4 .panel_base li .tea_info .tea_img { width: 100%; } 
.evCon4 .panel_base li .tea_info .tea_img::after { height: 19vw; } 
.evCon4 .panel_base li .vod_tit { margin: 3% 0 4%; } 
.evCon4 .panel_base li .eventVideo { margin: 0 0px; } 
 .evCon4 .panel_base li .btn { bottom: 3%; } 
.eventWrap .evCon4 .tiny_noti { margin: 2% 0px 0px 0px; height: 8vw } 

.eventWrap .evCon5 .con_tit { margin-bottom: 5%; } 

.evCon6 .sign_img_wrap { height: inherit; display: flex; justify-content: center; margin-bottom: 4%; } 
.evCon6 .tea_img { width: 40%; position: relative; } 
.evCon6 .tea_img.left_ver { left: inherit; } 
.evCon6 .tea_img.right_ver { right: inherit; } 
.evCon6 .sign_img { width: 28%; } 
.evCon6 .sign_img.left_ver { left: -2%; top: -7%; } 
.evCon6 .sign_img.right_ver { right: -2%; top: -7%; } 
.evCon6 .mini_text { margin-bottom: 1%; } 

}


@media screen and (max-width: 992px){
 .mega_swiper_destroy { position: relative; overflow: hidden; } 
.mega_swiper_destroy .swiper-wrapper { gap: 0; } 
.mega_swiper_destroy .swiper-slide { flex: 1 0 100%; } 
.mega_swiper_destroy .swiper-pagination { display: block; } 

.con_tit.tab_name_line .evt_mark { width: 55vw; } 
.tab_base li { border-radius: 10px 10px 0 0; } 

.eventWrap .evCon1 .inner { padding: 8% 0 16%; } 
.evCon1 .vod_frame .line .obj_con1 { width: 50%; } 
.evCon1 .typing_wrap { margin-bottom: 22%; } 

.evCon2 .pos_name_wrap .pos_name { width: 50%; } 

.evCon3 .img_text { border-radius: 0 0 10px 10px; } 

.evCon4 .panel_base li .tea_info { width: 35%; } 
.evCon4 .panel_base li .tea_text { margin-bottom: 4%; } 
.evCon4 .panel_base li .btn { bottom: 9%; } 
.evCon4 .panel_base li .tea_vod { width: 65%; } 
.eventWrap .evCon4 .tiny_noti { font-size: 11px; } 

.eventWrap .evCon5 .swiper-pagination { display: block; } 
.eventWrap .evCon5 .tiny_noti { margin-top: 2%; text-align: center; } 
 }


@media screen and (max-width: 768px){
 .mega_swiper_scroll { position: relative; overflow: hidden; } 
.mega_swiper_scroll .swiper-slide { flex:none; width: 450px; } 
.mega_swiper_scroll .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
 .mega_swiper_scroll .swiper-scrollbar .swiper-scrollbar-drag { background: #000; } 

 .mega_swiper_scroll .swiper-horizontal>.swiper-scrollbar, .mega_swiper_scroll .swiper-scrollbar.swiper-scrollbar-horizontal { position: relative; } 


 .evCon1 .typing_wrap .h_hide::after { width: 3.5vw; height: 1px; right: -3.5vw; bottom: 16%; } 
.evCon1 h3 { padding: 0 15%; } 

.evCon3 .tab_base li .badge-base.type-2 { padding: 1.5% 0px; min-width: 8vw; margin-bottom: 1%; } 
.evCon3 .mega_swiper_scroll .swiper-slide { width: 800px; } 

.evCon4 .panel_base li { display: block; } 
.evCon4 .panel_base li .tea_info { width: 100%; } 
.evCon4 .panel_base li .tea_text { margin-bottom: 0%; position: absolute; left: 52%; top: 27%; font-size: clamp(19px, 2.2vmin, 17px); } 

.evCon4 .panel_base li .tea_info .tea_img { width: 46%; padding-left: 4%; } 
.evCon4 .panel_base li .btn { bottom: 12%; left: 52%; } 
.evCon4 .panel_base li .tea_vod { width: 100%; } 
.evCon4 .panel_base li .vod_tit { margin: 3% 0 3%; } 
.evCon4 .panel_base li .btn p { gap: 2%; } 
.evCon4 .panel_base li .btn p .home_img { width:3vw; } 
.eventWrap .evCon4 .tiny_noti { margin: 2% 0px 0px 0px; height: 12vw; } 

 .eventWrap .evCon5 .swiper-pagination { display: block; } 
 }


@media screen and (max-width: 576px){
 .con_tit.tab_name_line .evt_mark { width: 85vw; } 
 .tab_base li a { padding: 10% 0; } 

 .eventWrap .evCon1 .inner { padding: 11% 0 13%; } 
 .evCon1 .typing_wrap { margin-bottom: 25%; } 
 .evCon1 .vod_frame .line .obj_con1 { width: 70%; } 

 .evCon2 .swiper_inner .swiper_basic1 { margin-bottom: 10px; } 
.evCon2 .pos_name_wrap { display: block; } 
.evCon2 .pos_name_wrap .pos_name { width: 100%; margin-bottom: 2%; } 
.evCon2 .pos_name_wrap .pos_name .round_point img { width: 80%; margin: auto; } 
.evCon2 .pos_name_wrap .pos_name .round_point .pos_obj { width: 60%; } 

.evCon3 .tab_base li { line-height: 1.2; } 
 .evCon3 .tab_base li b { font-size: 14px; } 
.evCon3 .tab_base li .badge-base.type-2 { padding: 2% 0px; min-width: 12vw; margin-bottom: 3%; } 
.evCon3 .img_text { padding: 5% 0; } 

.evCon4 .panel_base li .tea_info .tea_img { width: 48%; padding-left: 1%; } 
.evCon4 .panel_base li .tea_text { left: 45%; top: 19%; width: 100%; font-size: clamp(15px, 2.2vmin, 17px); } 
.evCon4 .panel_base li .btn { bottom: 16%; left: 51%; width: 100%; line-height: 1.2; } 
.evCon4 .panel_base li .btn p { gap: 1%; margin-top: 2%; } 
.evCon4 .panel_base li .btn p .home_img { width: 5vw; } 
.eventWrap .evCon4 .tiny_noti { margin: 2% 0px 0px 0px; height: 25vw; } 

.evCon5 .swiper_review { margin: 0 9%; } 

.evCon6 .sign_img_wrap { display: block; } 
.evCon6 .tea_img { width: 100%; position: relative; display: block; } 
.evCon6 .tea_img.left_ver { left: inherit; padding-left: 30%; } 
.evCon6 .tea_img.right_ver { right: inherit; padding-right: 30%; } 
.evCon6 .sign_img { width: 46%; } 
.evCon6 .sign_img.left_ver { left: 3%; top: -3%; } 
.evCon6 .sign_img.right_ver { right: 3%; top: 47%; } 

}