@charset "euc-kr"; .clamp-title { font-size:46px; } 


.clamp-text { font-size:24px; } 
.clamp-text2 { font-size:22px; } 
.con_tit { font-weight: 900; line-height: 1.3; margin-bottom: 55px; } 
.con_tit b { color: var(--main-color); font-weight: 900; } 

.eventWrap .inner { padding: 150px 0; } 
.wh_ver { color: #fff; } 
.shadow_box { box-shadow: 30px 30px 55px 7px rgba(0,0,0,0.1); } 
.round_box { background: #fff; padding: 30px 40px; border-radius: 15px; font-weight: 700; margin-bottom: 20px; position: relative; cursor: pointer; transition: 0.3s; } 
.btn a { display: inline-block; } 
.blue_btn a { color: #fff; background: var(--main-color); border-radius: 50px; padding: 22px 110px; box-shadow: 3px 9px 15px 0px var(--shadow-color); } 
.black_btn a { color: #fff; background: #000; border-radius: 50px; padding: 22px 128px; box-shadow: none; } 

/* con1 */
.evCon1 { background: url(https://image.megagong.net/m/2024/1010_free/gong/bg_con1.jpg) no-repeat center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 115px 0 60px; } 
.evCon1 .swiper_basic1 .sd_tit { font-size: 34px; font-weight: 400; margin-bottom: 35px; line-height: 1.3; } 
.evCon1 .swiper_basic1 .main_con_tit { margin-bottom: 30px; } 
.evCon1 .swiper_basic1 .main_sd_img { margin: 0 -20px; } 
.eventWrap .evCon1 .swiper-pagination { bottom: 40px; } 
.eventWrap .evCon1 .swiper-pagination-bullet { background: #ffffff; border: 2px solid var(--light-color); width: 13px; height: 13px; } 
.eventWrap .evCon1 .swiper-pagination-bullet-active { background: var(--sub-color); border: none; width: 12px; height: 12px; } 

/* con2 */
.eventWrap .inner.con2_ver { padding: 50px 0 200px; } 
.evCon2 .con_tit { margin-bottom: 75px; } 
.evCon2 .main_text { font-weight: 400; } 
.evCon2 .main_text strong { font-weight: 600; } 


/* ÇȽº ¸Þ´º¸¦ À§ÇÑ css */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #000; z-index: 5; position: relative; height: 80px; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; } 
.fix_menu li { flex: 1; position: relative; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { display: block; padding: 24px 0; position: relative; color: #fff; font-weight: 700; } 
.fix_menu li a b { color: #f9dc5c; } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 
.fix_menu.fixed.bottom { position: fixed; bottom: 0; top:auto; left: 0; width: 100%; } 


/* con3 */
.evCon3 { background: #000; } 
.eventWrap .evCon3 .inner { padding: 20px 0 190px; } 
.evCon3 .tiny_noti { text-align: right; display: block; margin-bottom: 100px; opacity: 0.4; } 
.evCon3 .con_tit { margin-bottom: 165px; } 
.evCon3 .ani_grp_wrap { display: flex; justify-content: center; align-items: center; align-items: center; gap: 70px; margin-bottom: 150px; } 
.evCon3 .ani_grp_wrap .grp_text { line-height: 1.1; } 
.evCon3 .ani_grp_wrap .grp_text .sub_grp_tit { opacity: 0.5; } 
.evCon3 .ani_grp_wrap .grp_text .main_grp_tit { font-size: 44px; font-weight: 600; } 
.evCon3 .ani_grp_wrap .grp_text .main_grp_tit sup { font-size: 12px; vertical-align: text-top; margin-top: 10px; display: inline-block; } 
.evCon3 .ani_grp_wrap .grp_img_box { position: relative; } 
.evCon3 .ani_grp_wrap .grp_img_box .grp_img { position: absolute; left: -13px; top: -15px; width: 485px; } 
.evCon3 .ani_grp_wrap:last-child { margin-bottom: 0; } 
.evCon3 .back_grd::before { content: ""; display: block; width: 70%; height: 100%; background: var(--main-color); opacity: 0.4; position: absolute; left: 57%; top: 60%; transform: translate(-50%, -50%); filter: blur(80px); } 
.evCon3 .back_grd.mint_ver::before { background: var(--ani-color); opacity: 0.25; width: 90%; top: 70%; } 
.evCon3 .back_grd.green_ver::before { background: #57fd97; opacity: 0.25; width: 90%; top: 70%; } 

/* bar */
.evCon3 .grp_line_bar { fill: none; stroke: var(--main-color); stroke-width: 3px; stroke-dasharray: 500; stroke-dashoffset: 500; animation: ani_line 6s infinite ease-in; } 
@keyframes ani_line { 
 0% { stroke-dashoffset: 500; } 
50% { stroke-dashoffset: 0; } 
100% { stroke-dashoffset: -500; } 
 }

/* arrow */
.evCon3 .ani_grp_wrap.arrow_type { gap: 110px; } 
.evCon3 .arrow_type .grp_img_box { display: flex; justify-content: center; gap: 80px; height: 320px; align-items: flex-end; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow { width: 80px; height: 0px; background: var(--ani-color); position: relative; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow::after { content: ""; display: block; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 0px solid var(--ani-color); border-bottom: 80px solid var(--ani-color); border-left: 80px solid transparent; border-right: 80px solid transparent; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow.fir { height: 75px; animation: ani_arrow 3s infinite linear alternate; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow.sec { height: 50px; animation: ani_arrow2 3s infinite linear alternate; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow.trd { height: 25px; animation: ani_arrow3 3s infinite linear alternate; } 

@keyframes ani_arrow { 
 0% { height: 75px; } 
100% { height: 260px; } 
 }

@keyframes ani_arrow2 { 
 0% { height: 50px; } 
100% { height: 170px; } 
 }

@keyframes ani_arrow3 { 
 0% { height: 25px; } 
100% { height: 90px; } 
 }


/* man */
.evCon3 .man_type { margin-left: 40px; } 
.evCon3 .man_type .grp_img_box { display: flex; justify-content: center; align-items: flex-end; gap: 20px; } 
.evCon3 .man_type .grp_img_box .man_img { animation: ani_man 1s infinite ease-in alternate; transform-origin: 50% 100%; } 
.evCon3 .man_type .grp_img_box .man_img.trd { margin-left: 15px; } 

@keyframes ani_man { 
 0% { transform: scaleX(1.1) scaleY(1.05); } 

100% { transform: scaleX(1) scaleY(1); } 
 }



/* con4 */
.evCon4 .tea_wrap { display: flex; justify-content: center; align-items: center; gap: 1px; margin: 0 -210px 175px; } 
.evCon4 .cont_info { display: flex; justify-content: center; align-items: center; gap: 40px; } 
.evCon4 .cont_info .cont_box { background: #fff; border-radius: 20px; box-shadow: 10px 10px 22px 15px var(--shadow-color2); padding: 70px 47px; } 
.evCon4 .cont_info .cont_box .cont_tit { font-size: 20px; color: #777; margin-bottom: 35px; } 
.evCon4 .cont_info .cont_box .cont_tit strong { font-size: 26px; color: #000; font-weight: 700; } 
.evCon4 .cont_info .cont_box .cont_tit strong sup { font-size: 13px; } 
.evCon4 .noti_tiny { text-align: right; display: block; font-size: 13px; color: #000; margin-top: 20px; opacity: 0.6; } 


/* con5 */
.evCon5 { background: url(https://image.megagong.net/m/2024/1010_free/gong/bg_con4.jpg) no-repeat center; background-size: cover; } 
.evCon5 .cou_img img { background: linear-gradient(0deg, rgb(154 207 217) 0%, rgba(65, 61, 176, 0) 100%); } 
.evCon5 .cou_img .shadow_box { box-shadow: 30px 30px 55px 7px rgba(0,0,0,0.1); border-radius: 20px; } 
.evCon5 .tiny_noti { font-size: 15px; opacity: 0.6; font-family: 'Noto Sans KR'; font-weight: 400; margin-top: 15px; margin-bottom: 60px; display: inline-block; } 


/* con6 */
.eventWrap .evCon6 .inner { padding: 150px 0 55px; } 
.evCon6 .bg_box_ani { position: relative; margin: 0 83px; border-radius: 50px; background: #f4f6f8; } 
.evCon6 .bg_box_ani .bg_box { width: 283px; height: 77%; background: var(--main-color); border-radius: 50px; box-shadow: 3px 9px 15px 0px var(--shadow-color); position: absolute; left: 6px; top: 50%; transform: translateY(-50%); transition: 0.3s; } 
.evCon6 .bg_box_ani .tab_base { display: flex; position: relative; } 
.evCon6 .bg_box_ani .tab_base li { flex: 1; position: relative; color: #666666; } 
.evCon6 .bg_box_ani .tab_base li.on { color: #fff; } 
.evCon6 .bg_box_ani .tab_base li a { display: block; padding: 19px 0 20px; } 
.evCon6 .bg_box_ani .bg_box.tab_move0 { left: 6px; } 
.evCon6 .bg_box_ani .bg_box.tab_move1 { left: 315px; } 
.evCon6 .bg_box_ani .bg_box.tab_move2 { left: 620px; } 


/* con7 */
.eventWrap .evCon7 .inner { padding: 85px 0 150px; } 
.evCon7 { background: url(https://image.megagong.net/m/2024/1010_free/gong/bg_con6.jpg) no-repeat center; background-size: cover; } 
.evCon7 .cont_link_wrap { width: 1000px; margin: 0 auto 150px; } 
.evCon7 .cont_link_wrap li { padding: 0px; } 
.evCon7 .cont_link_wrap li a { display: flex; justify-content: space-between; align-items: center; padding: 25px 120px; } 
.evCon7 .cont_link_wrap li a .link_btn { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.evCon7 .qna_list { width: 1000px; margin: 0 auto; } 
.evCon7 .qna_list li .qusetion { display: flex; justify-content: space-between; gap: 5px; align-items: center; } 
.evCon7 .qna_list li .qusetion p { text-align: left; } 
.evCon7 .qna_list li .qusetion .qa { margin-right: 10px; font-style: normal; font-weight: 900; color: var(--sub-color); } 
.evCon7 .qna_list li .qusetion .qa span:nth-child(2) { display: none; } 
.evCon7 .qna_list li .qusetion .btn { font-style: normal; color: #fff; border-radius: 30px; width: 130px; height: 42px; font-size: 18px; display: flex; align-items: center; justify-content: center; background: var(--sub-color); } 
.evCon7 .qna_list li .qusetion .btn span:nth-child(2) { display: none; } 
.evCon7 .qna_list li .answer { opacity: 0; height: 0; transition: all .1s ease; position: relative; } 
.evCon7 .qna_list li.on { transition: 0.3s; box-shadow: 30px 30px 55px 7px #e6e6e6; } 
.evCon7 .qna_list li.on .qusetion p { color: var(--sub-color); } 
.evCon7 .qna_list li.on .qusetion .qa span:nth-child(1) { display: none; } 
.evCon7 .qna_list li.on .qusetion .qa span:nth-child(2) { display: inherit; } 
.evCon7 .qna_list li.on .qusetion .btn { background: #bbb !important; box-shadow: var(--box-shadow); } 
.evCon7 .qna_list li.on .qusetion .btn span:nth-child(1) { display: none; } 
.evCon7 .qna_list li.on .qusetion .btn span:nth-child(2) { display: block; } 
.evCon7 .qna_list li.on .answer { opacity: 1; height: auto; color: #777; text-align: left; font-size: 20px; margin-top: 5px; padding-left: 45px; font-weight: 500; transition: all .3s ease-in-out; } 
.eventWrap .evCon7 .answer .tiny_noti { display: block; margin-top: 3px; font-family: 'Noto Sans KR'; opacity: 0.6; } 

.evCon7 .qna_list li .answer::before { content: "A."; font-style: normal; font-weight: 900; color: var(--sub-color); position: absolute; left: 3px; top: -3px; font-size: 24px; } 

/* con8 */
.evCon8 { background: url(https://image.megagong.net/m/2024/1010_free/gong/bg_con7.jpg) no-repeat center; background-size: cover; } 
.evCon8 .con_box { margin: 0 40px; } 
.evCon8 .pass_more_wrap { display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 50px; } 
.evCon8 .pass_more_wrap li { flex: 1; background: #fff; border-radius: 20px; padding: 39px 0; } 
.evCon8 .pass_more_wrap li .pass_more_text { font-size: 18px; margin-top: 20px; } 
.evCon8.evSection .subtitle_line .text { color: var(--sub-color); font-size: 38px; margin: 0 38px; } 


/* sobang */

.sobang_ver .evCon1 { background: url(https://image.megagong.net/m/2024/1010_free/sobang/bg_con1.jpg) no-repeat center; background-size: cover; } 
.sobang_ver .evCon5 { background: url(https://image.megagong.net/m/2024/1010_free/sobang/bg_con4.jpg) no-repeat center; background-size: cover; } 
.sobang_ver .evCon7 { background: url(https://image.megagong.net/m/2024/1010_free/sobang/bg_con6.jpg) no-repeat center; background-size: cover; } 
.sobang_ver .evCon8 { background: url(https://image.megagong.net/m/2024/1010_free/sobang/bg_con7.jpg) no-repeat center; background-size: cover; } 

.sobang_ver .evCon4 .tea_wrap { margin: 0 4% 14%; } 
.sobang_ver .evCon4 .tea_wrap li { width: 24%; } 
.sobang_ver .evCon5 .cou_img img { background: linear-gradient(0deg, rgb(232 200 140) 0%, rgba(65, 61, 176, 0) 100%); } 

.evCon3 .svg_cover { width:455.5px; height:266.5px; } 


/* puls 241219 */
.evCon3.new_ver .con_tit { margin-bottom: 115px; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap { width: 400px; height: 400px; border-radius: 50%; overflow: hidden; position: relative;  } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .pie_box::after { content: ""; width: 400px; height: 400px; background: var(--main-color); position: absolute; left: -2px; top: -2px; transform-origin: 100% 100%; animation: ani_pie 1s linear forwards; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .pie_box::before { content: ""; width: 400px; height: 400px; background: var(--main-color); position: absolute; left: -2px; top: -2px; transform: translate(-50%, -50%) rotate(90deg); animation: ani_pie2 1s linear forwards; animation-delay: 1s; transform-origin: 100% 100%; opacity: 0; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .pie_box2::before { content: ""; width: 400px; height: 400px; background: var(--main-color); position: absolute; left: -2px; top: -2px; transform: translate(-50%, -50%) rotate(180deg); animation: ani_pie3 1s linear forwards; animation-delay: 2s; transform-origin: 100% 100%; opacity: 0; } 
 .evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .grp_img { position: absolute; left: -1px; top: -1px; width: auto; } 

.evCon3 .back_grd.cir_type::before { width: 100%; height: 100%; left: 60%; top: 60%; z-index: 1; } 

.evCon8 .black_btn.new_ver { position: relative; } 
.evCon8 .black_btn .badge-base { padding: 8px 20px; font-size: 14px; position: absolute; left: 50%; transform: translateX(-50%); animation: up_down 3s ease-in infinite; background: var(--main-color); } 
.evCon8 .black_btn .badge-base::after { content: ""; width: 10px; height: 10px; background: var(--main-color); left: 50%; transform: translateX(-50%) rotate(45deg); display: block; position: absolute; top: 25px; z-index: -1; } 

@keyframes ani_pie { 
 0% { transform: translate(-50%,-50%); } 

100% { transform: translate(-50%, -50%) rotate(90deg); } 
 }

@keyframes ani_pie2 { 
 0% { transform: translate(-50%, -50%) rotate(90deg); opacity: 1; } 

100% { transform: translate(-50%, -50%) rotate(180deg); opacity: 1; } 
 }

@keyframes ani_pie3 { 
 0% { transform: translate(-50%, -50%) rotate(180deg); opacity: 1; } 

100% { transform: translate(-50%, -50%) rotate(270deg); opacity: 1; } 
 }
@keyframes up_down { 
 0% { top: -20px } 

50% { top: -30px } 

100% { top: -20px } 
 }


 
 
@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(24px,5vmin,46px); } 
.clamp-text { font-size: clamp(16px,2.4vmin,24px); } 
.clamp-text2 { font-size: clamp(14px,2.2vmin,22px); } 
.con_tit { margin-bottom: 5%; } 

.blue_btn a { padding: 2% 10%; } 
.black_btn a { padding: 2% 10%; } 
.eventWrap .inner { padding: 11% 0; } 

.round_box { padding: 2% 3%; margin-bottom: 2%; } 

/* con1 */
.eventWrap .evCon1 .inner { padding: 11% 0 5%; } 
.evCon1 .swiper_basic1 .sd_tit { font-size: clamp(15px,3.4vmin,34px); margin-bottom: 3%; } 
.evCon1 .swiper_basic1 .main_con_tit { margin-bottom: 5%; padding: 0 9%; } 
.evCon1 .swiper_basic1 .main_sd_img { margin: 0 0px; padding: 0 5%; } 
.eventWrap .evCon1 .swiper-pagination { margin-top: 3rem; } 

/* fixed */
.fix_menu { height: inherit; } 
.fix_menu ul { width: 96%; } 
.fix_menu li a { padding: 2.5% 0; } 

/* con2 */
.eventWrap .inner.con2_ver { padding: 8% 0 11%; } 
.evCon2 .con_tit { margin-bottom: 6%; } 

/* con3 */
.eventWrap .evCon3 .inner { padding: 3% 0 15%; } 
.evCon3 .tiny_noti { margin-bottom: 12%; } 
.evCon3 .con_tit { margin-bottom: 12%; } 
.evCon3 .ani_grp_wrap { gap: 6%; margin-bottom: 3%; } 
.evCon3 .ani_grp_wrap .grp_text .main_grp_tit { font-size: clamp(16px,4vmin,44px); } 
.evCon3 .ani_grp_wrap .grp_img_box { width: 50%; } 
.evCon3 .svg_cover { width: 100%; height: 100%; } 
.evCon3 .ani_grp_wrap .grp_img_box .grp_img { position: absolute; left: -1%; top: -3%; width: 100%; } 
.evCon3 .ani_grp_wrap .grp_img_box .grp_img img { max-width: 130%; width: 103%; } 
.evCon3 .ani_grp_wrap.arrow_type { gap: 9%; } 
.evCon3 .arrow_type .grp_img_box { height: 31vw; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow { width: 8vw; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow::after { top: -7vw; border-bottom: 8vw solid var(--ani-color); border-left: 8vw solid transparent; border-right: 8vw solid transparent; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow.fir { height: 7vw; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow.sec { height: 5vw; } 
.evCon3 .arrow_type .grp_img_box .bar_arrow.trd { height: 2vw; } 

@keyframes ani_arrow { 
 0% { height: 7vw; } 
100% { height: 26vw; } 
 }

@keyframes ani_arrow2 { 
 0% { height: 5vw; } 
100% { height: 17vw; } 
 }

@keyframes ani_arrow3 { 
 0% { height: 2vw; } 
100% { height: 9vw; } 
 }

.evCon3 .man_type { margin-left: 1%; } 
.evCon3 .man_type .grp_img_box { width: 47%; gap: 4%; } 


/* con4 */
.evCon4 .tea_wrap { flex-wrap: wrap; margin: 0 14% 14%; gap: 1%; } 
.evCon4 .tea_wrap li { width: 31%; } 
.evCon4 .cont_info { gap: 2%; } 
.evCon4 .cont_info .cont_box { padding: 5% 3%; } 
.evCon4 .cont_info .cont_box .cont_tit { font-size: clamp(13px,2vmin,20px); margin-bottom: 7%; } 
.evCon4 .cont_info .cont_box .cont_tit strong { font-size: clamp(15px,2.6vmin,26px); } 
.evCon4 .noti_tiny { margin-top: 2%; } 


/* con5 */
.evCon5 .cou_img { padding: 0 24%; } 
.evCon5 .tiny_noti { font-size: 13px; margin-top: 2%; margin-bottom: 6%; } 


/* con6 */
.eventWrap .evCon6 .inner { padding: 11% 0 6%; } 
.evCon6 .bg_box_ani { margin: 0 0%; } 
.evCon6 .bg_box_ani .tab_base li a { padding: 6% 0; } 
.evCon6 .bg_box_ani .bg_box { width: 28vw; height: 77%; } 
.evCon6 .bg_box_ani .bg_box.tab_move0 { left: 2vw; } 
.evCon6 .bg_box_ani .bg_box.tab_move1 { left: 34vw; } 
.evCon6 .bg_box_ani .bg_box.tab_move2 { left: 66vw; } 


/* con7 */
.eventWrap .evCon7 .inner { padding: 7% 0 11%; } 
.evCon7 .cont_link_wrap { width: 100%; margin: 0 auto 15%; } 
.evCon7 .cont_link_wrap li a { padding: 2% 2%; } 
.evCon7 .qna_list { width: 100%; } 
.evCon7 .qna_list li.on .answer { font-size: clamp(15px,2vmin,20px); margin-top: 1%; padding-left: 4%; } 

.evCon7 .qna_list li .answer::before { font-size: clamp(16px, 2.4vmin, 24px); left: 0.5%; } 

/* con8 */
.evCon8 .con_box { margin: 0 0px; } 
.evCon8.evSection .subtitle_line { margin-bottom: 3%; } 
.evCon8.evSection .subtitle_line .text { font-size: clamp(20px,3.8vmin,38px); margin: 0 5%; } 
.evCon8 .pass_more_wrap { gap: 1%; margin-bottom: 5%; } 
.evCon8 .pass_more_wrap li { padding: 3% 0; } 
.evCon8 .pass_more_wrap li .pass_more_text { font-size: clamp(13px,1.8vmin,18px); margin-top: 5%; } 

/* 241219 */
.evCon3.new_ver .con_tit { margin-bottom: 8%; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap { width: 40vw; height: 40vw; }
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .pie_box::before { width: 40vw; height: 40vw; left: 0px; top: 0px; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .pie_box::after { width: 40vw; height: 40vw; left: 0px; top: 1%; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .pie_box2::before { width: 40vw; height: 40vw; left: 1%; top: 0px; } 
.evCon3 .ani_grp_wrap .grp_img_box.aos-animate .pie_wrap .grp_img { left: -1%; top: -1%; width: 50%; }


.evCon8 .black_btn .badge-base { padding: 1% 2%; font-size: 13px; } 
.evCon8 .black_btn .badge-base::after { top: 83%; } 

@keyframes up_down { 
 0% { top: -20px } 
 
 50% { top: -25px } 
 
 100% { top: -20px } 
 } 
 }


@media screen and (max-width: 992px){
 .round_box { margin-bottom: 2%; } 

/* con8 */
.evCon3 .ani_grp_wrap { gap: 10%; margin-bottom: 0%; } 
.evCon3 .ani_grp_wrap.arrow_type { margin-bottom: 8%; } 
.evCon3 .ani_grp_wrap .grp_img_box { /*transform: scale(0.7); */ width: 42%; } 
.evCon3 .ani_grp_wrap.arrow_type { gap: 8%; } 
.evCon3 .arrow_type .grp_img_box { gap: 63px; } 

/* con4 */
.evCon4 .tea_wrap { margin: 0 11% 14%; } 

/* con7 */
.evCon7 .cont_link_wrap li a .link_btn { gap: 2vw; width: 88%; justify-content: flex-start; } 
.evCon7 .cont_link_wrap li a .ico_img { width: 13%; } 
.evCon7 .cont_link_wrap li a .arrow_img { display: block; width: 5%; } 
.evCon7 .qna_list li .qusetion .btn { border-radius: 50px; width: 14vw; height: 4vw; font-size: clamp(13px,2vmin,18px); } 

/* con8 */
.evCon8 .pass_more_wrap li img { padding: 0 24%; } 
 }


@media screen and (max-width: 768px){
 .fix_menu li a { padding: 3% 0; } 


/* con1 */
.evCon1 .swiper_basic1 .main_con_tit { padding: 0 6%; } 

/* con3 */
.evCon3 .ani_grp_wrap { flex-wrap: wrap; margin-bottom: 16%; } 
.evCon3 .ani_grp_wrap .grp_text { width: 100%; margin-bottom: 8%; } 
.evCon3 .clamp-text { font-size: clamp(18px, 2.4vmin, 24px); } 
.evCon3 .ani_grp_wrap .grp_text .main_grp_tit { font-size: clamp(27px, 4vmin, 44px); } 
.evCon3 .ani_grp_wrap .grp_text .main_grp_tit sup { margin-top: 0%; } 
.evCon3 .ani_grp_wrap .grp_img_box { width: 55%; } 
.evCon3 .ani_grp_wrap.arrow_type { flex-wrap: wrap-reverse; margin-bottom: 15%; } 
.evCon3 .arrow_type .grp_img_box { height: 27vw; } 

/* con4 */
.evCon4 .tea_wrap { margin: 0 4% 14%; } 
.evCon4 .cont_info .cont_box { padding: 5% 2%; } 

/* con5 */
.evCon5 .cou_img { padding: 0 19%; } 

/* con6 */
.evCon6 .bg_box_ani .tab_base li a { padding: 9% 0; } 

/* con7 */
.evCon7 .qna_list li.on .answer { font-size: clamp(14px, 2vmin, 20px); padding-left: 6%; } 

/* sobang */
.sobang_ver .evCon4 .tea_wrap { margin: 0 0% 14%; } 

/* 241219 */
.evCon3 .ani_grp_wrap .grp_img_box .pie_wrap { margin: auto; } 
.evCon8 .pass_more_wrap.re_bot { margin-bottom: 7%; } 
.evCon8 .black_btn .badge-base::after { top: 69%; width: 2vw; height: 2vw; } 
 }


@media screen and (max-width: 576px){
 .round_box { border-radius: 10px; padding: 3% 3%; } 

.blue_btn a { padding: 3% 10%; } 
.black_btn a { padding: 3% 10%; } 

/* con1 */
.evCon1 .swiper_basic1 .main_con_tit { padding: 0 3%; } 
.evCon1 .swiper_basic1 .main_sd_img { margin: 4% 0px 0; padding: 0 0%; } 
.eventWrap .evCon1 .swiper-pagination { margin-top: 4rem; } 


/* fixed */
.fix_menu li a { padding: 4% 0; } 

/* con2 */
.evCon2 .clamp-text { font-size: clamp(15px, 2.4vmin, 24px); } 
.evCon2 .main_text { line-height: 1.3; } 

/* con3 */
.evCon3 .ani_grp_wrap .grp_text .main_grp_tit { font-size: clamp(23px, 4vmin, 44px); } 
.evCon3 .ani_grp_wrap .grp_img_box { width: 68%; } 

/* con4 */
.evCon4 .tea_wrap { margin: 0 0% 14%; } 
.evCon4 .cont_info { display: block; } 
.evCon4 .cont_info .cont_box { padding: 7% 7%; margin-bottom: 3%; border-radius: 10px; box-shadow: 0px 0px 11px 05px var(--shadow-color2); border: 1px solid var(--shadow-color2); } 
.evCon4 .cont_info .cont_box .cont_tit { font-size: clamp(14px, 2vmin, 20px); margin-bottom: 5%; line-height: 1.2; } 
.evCon4 .cont_info .cont_box .cont_tit strong { font-size: clamp(17px, 2.6vmin, 26px); } 
.evCon4 .noti_tiny { font-size: 12px; } 

/* con5 */
.evCon5 .cou_img { padding: 0 11%; } 
.evCon5 .tiny_noti { font-size: 12px; margin-top: 3%; margin-bottom: 8%; } 

/* con6 */
.evCon6 .clamp-text2 { font-size: clamp(13px, 2.2vmin, 22px); } 
.evCon6 .bg_box_ani .bg_box { width: 30vw; } 
.evCon6 .bg_box_ani .bg_box.tab_move0 { left: 1vw; } 
.evCon6 .bg_box_ani .bg_box.tab_move1 { left: 33vw; } 
.evCon6 .bg_box_ani .bg_box.tab_move2 { left: 65vw; } 

/* con7 */
.evCon7 .cont_link_wrap li a .ico_img { width: 17%; } 
.evCon7 .cont_link_wrap li .clamp-text { font-size: clamp(15px, 2.4vmin, 24px); } 
.evCon7 .cont_link_wrap li a .arrow_img { width: 7%; } 
.evCon7 .qna_list li .qusetion .qa { margin-right: 2px; } 
.evCon7 .qna_list li .qusetion .btn { border-radius: 50px; width: 14vw; height: 6vw; font-size: clamp(13px, 2vmin, 18px); } 
.evCon7 .qna_list li .clamp-text { font-size: clamp(13px, 2.4vmin, 24px); } 
.evCon7 .qna_list li.on .answer { font-size: clamp(13px, 2vmin, 20px); } 

/* con8 */
.evCon8 .pass_more_wrap { gap: 2%; margin-bottom: 8%; flex-wrap: wrap; } 
.evCon8 .pass_more_wrap li { flex: none; width: 49%; margin-bottom: 2%; border-radius: 10px; } 
.evCon8 .pass_more_wrap li img { padding: 0 28%; } 

/* sobang */
.sobang_ver .evCon4 .tea_wrap li { width: 41%; } 

/* 241219 */
.evCon8 .black_btn .badge-base { padding: 2% 2%; width: 60%; } 
.evCon8 .black_btn .badge-base::after { top: 85%; width: 2vw; height: 2vw; } 
 }