@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */
.con_tit .end { top: -160px; } 
.con_tit .end::after { background: #8093f0; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.warningList li ul li a.tp1 { background-color:#000; color:#fff; } 

.clamp-title { font-size:46px; } 
.clamp-text { font-size:20px; } 
.clamp-text2 { font-size:28px; } 
.clamp-text3 { font-size:18px; } 
.clamp-text4 { font-size:26px; } 
.mini_tit { font-weight: 400; margin-bottom: 15px; } 
.con_tit { font-weight: 400; line-height: 1.3; margin-bottom: 55px; } 
.con_tit strong { font-weight: 800; } 
.con_tit b { font-weight: 800; } 

.wh_ver { color: #fff } 
.blue_color { color: #6c85ff; } 
.blue_color2 { color: #0026e0; } 
.red_color { color: #ff5e32; } 
.red_color2 { color: #ff3700; } 
.red_color3 { color: #ff6e46; } 

.btn a { display: inline-block; } 
.eventWrap .inner { padding: 140px 0; } 
.eventWrap .evtoggleWarning .inner { padding: 0px; } 
.triangle { background: #fff; position: relative; width: 210px; clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 6% 50%, 0% 0%); padding: 1px; display: flex; justify-content: center; } 
.ex_wrap { display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 20px; padding: 50px 20px; position: relative; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); } 
.ex_wrap div { flex: 1; padding: 20px 0; } 
.ex_wrap .ex_img { border-right: 1px solid #ddd; } 
.ex_wrap .ex_tit { position: absolute; left: 50%; transform: translateX(-50%); top: -55px; } 

.tab_base { display: flex; justify-content: center; align-items: center; gap: 1px; } 
.tab_base li { flex: 1; } 
.tab_base li a { display: block; width: 100%; background: #e5e5e5; color: #afafaf; padding: 20px 0; font-size: 24px; } 
.tab_base li.on a { background: #1e2b6f; color: #fff; } 

.under_linetab { position: relative; } 
.under_linetab::after { content: ""; display: block; width: 200%; height: 2px; background: #000; left: 50%; bottom: 0px; transform: translateX(-50%); position: absolute; } 
.under_linetab_v2 { border-bottom: 2px solid #000; } 

/* con1 */
.evCon1 { background: #122772 url(https://image.megagong.net/m/2024/0809_adlaw/bg_con1.jpg) no-repeat center center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 40px 0 90px; } 
.evCon1 .sub_tit { color: #babaca; font-weight: 400; margin-bottom: 530px; } 
.evCon1 .sub_tit b { font-weight: 400; } 
.evCon1 .tea_img { display: block; width: 1231px; position: absolute; left: 44%; transform: translateX(-50%); bottom: 200px; z-index: 0; } 
.evCon1 h3 { position: relative; margin-bottom: 10px; } 
.evCon1 .sub_text_wrap { display: flex; justify-content: center; align-items: center; gap: 12px; } 
.evCon1 .sub_text_wrap .sub_box { font-weight: 700; color: #1d2b6f; } 
.evCon1 .sub_text_wrap .sub_text { font-weight: 700; font-size: 29px; color: #fff; } 

/* con2 */
.evCon2 { background: #e8e8e8; } 
.ex_temp .con_tit { margin-bottom: 85px; } 
.ex_temp .tiny_noti { text-align: right; display: block; color: #999; font-family: 'Noto Sans KR'; margin-top: 20px; } 

/* con3 */
.evCon3 { background: #f5f5f5; } 
.evCon3 .ex_wrap { padding: 9px 20px; } 
.evCon3 .ex_wrap div { padding: 15px 0; } 
.evCon3 .ex_wrap .ex_tit { top: -50px; } 
.evCon3 .ex_wrap .ex_img { border-right: none; } 
.evCon3 .ex_wrap .text_img { border-left:1px solid #ddd; } 

/* con4 */
.evCon4 { background: #dbe1ff; } 
.evCon4 .ico_tit { font-size: 24px; font-weight: 700; line-height: 1.3; letter-spacing: -1px; } 
.evCon4 .ico_box { width: 306px; height: 306px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; gap: 21px; } 
.evCon4 .ico_box .ico_img { display: block; width: 100%; } 
.evCon4 .ico_box_wrap { display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 70px; } 
.evCon4 .ico_box.black_ver { background: #1d2b6f; color: #fff; margin: 0 auto 20px; } 
.evCon4 .ico_arrow { margin-bottom: 20px; display: block; } 
.evCon4 .main_text { font-size: 32px; font-weight: 400; position: relative; } 
.evCon4 .obj_text { position: absolute; left: 50%; top: 20px; transform: translateX(-50%); width: 100%; } 

/* con5 */
.evCon5 { background: #122772 url(https://image.megagong.net/m/2024/0809_adlaw/bg_con5.jpg) no-repeat center center; background-size: cover; } 
.evCon5 .con_tit { margin-bottom: 75px; } 
.evCon5 .tab_base { margin-left: 24px; margin-bottom: 40px; } 
.evCon5 .tab_base li { width: 377px; margin-left: -25px; position: relative; } 
.evCon5 .tab_base li a { background: #dbe1ff; color: #4a4c58; font-weight: 700; } 
.evCon5 .tab_base li.on a { background: #ff5425; color: #fff; } 
.evCon5 .triangle { clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); } 
.evCon5 .zero_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.evCon5 .arrow_point { position: relative; } 
.evCon5 .arrow_point::after { content: ""; background: url(https://image.megagong.net/m/2024/0809_adlaw/tab_arrow_con5.png) no-repeat center center; width: 28px; height: 28px; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -39px; } 
.evCon5 .tab_base.on .arrow_point::after { opacity: 1; transition: 0.3s; } 
.evCon5 .tab_base .arrow_point::after { opacity: 0; transition: 0.3s; } 


/* con6 */
.evCon6 { background:#f5f5f5; } 

.evCon6 .panel_base { margin-top: 55px; } 
.evCon6 .panel_base .line_tit { background: #dbe1ff; font-weight: 700; padding: 10px 0; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; } 
.evCon6 .panel_base .line_main_wrap { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; gap: 20px; } 
.evCon6 .panel_base .line_main_wrap .tea_prof { width: 330px; position: relative; } 
.evCon6 .panel_base .line_main_wrap .tea_prof::after { content: ""; display: block; width: 100%; height: 120px; background: linear-gradient(0deg, rgba(245, 245, 245, 1) 30%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: 0px; left: 0px; } 
.evCon6 .panel_base .line_main_wrap .home_ver { position: absolute; z-index: 1; bottom: 30px; left: 50%; transform: translateX(-50%); } 
.evCon6 .panel_base .line_main_wrap .home_ver a { display: flex; align-items: center; gap: 6px; font-weight: 700; } 
.evCon6 .line_main_wrap .vod_right { width: 655px; } 
.evCon6 .eventVideo.system .video_box .play_area > img { width: 0; height: 0; } /*À̹ÌÁö ¾øÀ»°æ¿ì ÄÁÅÙÃ÷ ¾øÀ½ ¾Ë·µÀÌ ¶ß¹Ç·Î ÀÓ½ÃÁöÁ¤*/
.evCon6 .eventVideo.system .video_title { text-align: left; position: absolute; font-size: 20px; z-index: 2; font-weight: 300; width: 100%; height: 100%; padding: 40px; } 
.evCon6 .eventVideo.system .video_title span { color: #fff; text-align: center; display: block; font-weight: 700; } 
.evCon6 .eventVideo.system .video_title strong { display: block; text-align: center; margin-top: 50px; } 
.evCon6 .eventVideo.system .video_title::before { content: ''; display: block; font-size: 0; width: 76px; height: 75px; background: url(https://img.megagong.net/m/2024/0513_tech/video.png) no-repeat 0 0; position: absolute; bottom:95px; left: 50%; background-size: contain; transform: translateX(-50%); } 
.evCon6 .eventVideo.system .video_box.prof .play_area > img { z-index: 1; position: absolute; bottom: -2px; right: 0; width: 240px; height:auto } /*prof ³ÖÀ» °æ¿ì*/
.evCon6 .point_list { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 65px; font-size: 18px; } 
.evCon6 .point_list li { background: #fff; border-radius: 10px; padding: 35px 0; flex: 1; } 
.evCon6 .point_list li .point_num { display: inline-block; background: #0027de; color: #fff; border-radius: 50px; padding: 3px 20px; margin-bottom: 16px; } 
.evCon6 .point_list li .point_text { font-weight: 600; } 
.evCon6 .mega_swiper { margin: 0 -11px; padding: 10px; position: relative; } 
.evCon6 .mega_swiper .swiper-wrapper { gap: 10px; } 
.evCon6 .mega_swiper .swiper-slide { flex:1; position: relative; } 
.evCon6 .mega_swiper .swiper-scrollbar { display: none; } 
.evCon6 .mega_swiper .step_box { border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.1); } 
.evCon6 .mega_swiper .step_num { padding: 7px 0; background: #222; color: #fff; } 
.evCon6 .mega_swiper .step_text { background: #fff; height: 150px; display: flex; justify-content: center; align-items: center; font-weight: 600; flex-wrap: wrap; align-content: center; } 
.evCon6 .mega_swiper .step_text .light_ver { font-weight: 400; display: inline-block; width: 100%; } 
.evCon6 .mega_swiper .step_box.red_ver { color: #ff3700; } 
.evCon6 .mega_swiper .step_box.red_ver .step_num { background: #ff3700; } 
.evCon6 .arrow_cover { position: relative; } 
.evCon6 .arrow_cover .sd_arrow { width: 1279px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 

/* con7 */
.evCon7 .clearfix { margin-bottom: 18px; font-family: 'Noto Sans KR'; } 
.evCon7 .subTab li a { color: #000000; font-size: 16px; } 
.evCon7 .subTab li.on a { text-decoration: none; color: #000000; font-weight: 800; } 

/* °­ÀÇ ¼Ò°³ */
.evCon8 { background: #0026df; } 
.evCon8 .event_mark { display: inline-block; margin-bottom: 30px; } 
.evCon8 .con_tit { margin-bottom: 25px; } 
.evCon8 .main_text { opacity: 0.8; font-weight: 400; margin-bottom: 45px; } 
.evCon8 .container_info_wrap { position: relative; padding: 50px 0; margin-bottom: 55px; } 
.evCon8 .container_info_wrap::before { content: ""; display: block; width: 200%; background: #1f40e4; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
.evCon8 .container_info.ver_circle { gap: 14px; } 
.evCon8 .container_info.ver_circle .info .info_title { background: rgb(0 0 0); } 
.evCon8 .container_info .info .noti { opacity: 1; margin-left: 5px; } 
.evCon8 .container_info .info .noti.new_ver { margin-left: 0px; opacity: 1; } 
.evCon8.evSection .subtitle_line { margin-bottom: 20px; } 
.evCon8.evSection .subtitle_line .text { margin: 0 0px; color: #ffffff; font-size: 24px; background: #222; border-radius: 50px; padding: 14px 55px; } 
.evCon8.evSection .subtitle_line .line { height: 2px; background-color: #222222; } 

.evt_wrap.best { margin-bottom: 20px; } 
.evt_wrap.best .best_tit { margin: 0 auto 60px; } 
.evt_wrap.best .best_tit p { font-size: 28px; margin: 0 auto 25px; } 
.evt_wrap.best .best_tit p b { color: #987afc; } 
.evt_wrap.best .best_tit span { position: relative; font-size: 20px; z-index: 1; } 
.evt_wrap.best .best_tit span::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 50%; background: #fff; z-index: -1; } 
.evt_wrap.best .best_cont { position: relative; background: #fff; border-radius: 30px; padding: 50px 40px; overflow: hidden; } 
.evt_wrap.best .best_cont .dimWrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } 
.evt_wrap.best .best_cont .dimWrap .dim { position: absolute; width: 100%; height: 100%; background: #00082d; opacity: 1; } 
.evt_wrap.best .best_cont .dimWrap .content { position: absolute; z-index: 1; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.evt_wrap.best .best_cont .dimWrap .content .txt { font-size: 28px; margin: 0 auto 15px; font-weight: 400; } 
.evt_wrap.best .best_cont .dimWrap .content .btn { display: block; background: #ff5426; font-weight: 500; font-size: 18px; width: 36%; max-width: 200px; padding: 7.5px 0; margin: 0 auto; border-radius: 6px; } 

.evt_wrap.best .best_cont .lec_tit { text-align: left; font-size: 24px; font-weight: 700; position: relative; padding-left: 17px; line-height: 1; margin: 0 auto 30px; } 
.evt_wrap.best .best_cont .lec_tit::before { content:''; background: #000; width: 5px; height: 22px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } 
.evt_wrap.best .best_cont ul { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; border-width: 1px 0; height: 265px; overflow-y: auto; } 
.evt_wrap.best .best_cont ul li { display: flex; height: 53px; align-items: center; font-size: 16px; color: #333333; padding: 0 60px; border-bottom: 1px solid #b2b2b2; } 
.evt_wrap.best .best_cont ul.more5 { border-bottom: 1px solid #b2b2b2; } 
.evt_wrap.best .best_cont ul.more5 li:last-child { border-bottom: none; } 
.evt_wrap.best .best_cont ul li .tea { flex: 0 0 180px; text-align: left; font-weight: bold; } 
.evt_wrap.best .best_cont ul li .lec { font-weight: 400; text-align: left; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; */ } 
.evt_wrap.best .best_cont ul li .btn { flex: 0 0 180px; font-weight: bold; font-size: 14px; color: #fff; background: #ff5426; margin-left: auto; padding: 5px 0; } 

/* ½ºÅ©·Ñ¹ÙÀÇ Æø ³Êºñ */
.evt_wrap.best .best_cont ul.more5::-webkit-scrollbar { width: 10px; } 
.evt_wrap.best .best_cont ul.more5::-webkit-scrollbar-thumb { background: rgb(0, 0, 0); border-radius: 10px; } 
.evt_wrap.best .best_cont ul.more5::-webkit-scrollbar-track { background: transparent; } 

/* ½Ç½Ã°£ ¼ö°­Èıâ */
.review_area { min-height: 12vw; } 
.review_area table tbody { background: #fff; } 
.review_area table tr th { color: #fff; background: #222222; } 
.review_area table tr td { font-weight: 400; border: 1px solid rgba(0, 0, 0, 0.3); } 
.review_area table tr th,
.review_area table tr td { font-size: 16px; box-sizing: border-box; padding: 17px 5px; } 
.review_area table tr td.aL { padding: 17px 30px; } 
.review_area table tr td a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; } 
.review_area table tr td a img { margin: 0; margin-right: 3px; vertical-align: middle; } 
.review_area table tr th:first-child,
.review_area table tr td:first-child { border-left: none; } 
.review_area table tr th:last-child,
.review_area table tr td:last-child { border-right: none; } 
.paging { margin-top: 25px; } 
.paging.gall { margin-top: 1%; } 

.tbl_6 th.last { background: #222222; } 
.tbl_6,.tbl_6 tr,.tbl_6 th,.tbl_6 td { border: none; } 
.paging.gall strong, .paging.gall a { color: #fff; } 

.warningList > li { margin-top: 10px; } 
.warningList li ul li a.tp1 { background-color: transparent; color: #0026e0; font-size: 13px; text-decoration: underline; margin-left: 0px; } 

.evCon6 .tab_base li a { position: relative; } 
.evCon6 .new_mark { position: absolute; right: 10px; top: -24px; } 

@media screen and (max-width: 1200px){
 .clamp-title { font-size: clamp(23px,4.8vmin,46px); } 
 .clamp-text { font-size: clamp(15px,2vmin,20px); } 
 .clamp-text2 { font-size: clamp(14px,3.2vmin,28px); } 
 .clamp-text3 { font-size: clamp(14px,2.2vmin,18px); } 
 .clamp-text4 { font-size: clamp(14px,2.8vmin,26px); } 
 .mini_tit { margin-bottom: 1%; } 
 .con_tit { margin-bottom: 6%; } 

 .triangle { width: 20vw; } 
 .eventWrap .inner { padding: 11% 0; } 

.ex_temp .con_tit { margin-bottom: 9%; } 
.ex_wrap { border-radius: 15px; padding: 5% 0%; } 
.ex_wrap div { flex: inherit; padding: 2% 2%; width: 49%; } 
.ex_wrap .ex_tit { top: -13%; width: 45%; } 
.ex_temp .tiny_noti { margin-top: 2%; } 

.tab_base li a { padding: 6% 0; font-size: clamp(14px,2.6vmin,24px); } 


/* con1 */
 .eventWrap .evCon1 .inner { padding: 6% 0 10%; } 
.evCon1 .sub_tit { margin-bottom: 40%; } 
.evCon1 .tea_img { width: 90%; left: 50%; bottom: 25%; } 
.evCon1 h3 { margin-bottom: 2%; padding: 0 5%; } 
.evCon1 .sub_text_wrap .sub_text { font-size: clamp(14px,3.2vmin,28px); } 

.evCon1 .tea_img.army_ver { left: 46%; } 

 
.evCon3 .ex_wrap { padding: 3% 0%; } 
.evCon3 .ex_wrap div { padding: 2% 2%; } 


.evCon4 .ico_tit { font-size: clamp(13px,2.6vmin,24px); line-height: 1.2; } 
.evCon4 .ico_box_wrap { gap: 2%; margin-bottom: 6%; } 
.evCon4 .ico_box { width: 30vw; height: 30vw; gap: 3%; } 
.evCon4 .ico_box.black_ver { margin: 0 auto 2%; } 
.evCon4 .ico_arrow { margin-bottom: 2%; } 
.evCon4 .main_text { font-size: clamp(14px,3.4vmin,32px); } 
.evCon4 .obj_text { top: 18%; } 

.evCon5 .con_tit { margin-bottom: 9%; } 
.evCon5 .arrow_point::after { top: -53%; } 
.evCon5 .tab_base { margin-left: 2%; margin-bottom: 4%; } 
.evCon5 .tab_base li { width: 37vw; margin-left: -2%; } 
.evCon5 .zero_wrap { gap: 2%; } 


.evCon6 .tab_base li a { padding: 11% 0; } 
.evCon6 .panel_base { margin-top: 3%; } 
.evCon6 .panel_base .line_tit { padding: 1% 0; margin-bottom: 3%; gap: 2%; } 
.evCon6 .panel_base .line_main_wrap { margin-bottom: 3%; gap: 2%; } 
.evCon6 .panel_base .line_main_wrap .tea_prof { width: 35%; } 
.evCon6 .panel_base .line_main_wrap .tea_prof::after { height: 12vw; bottom: -2%; } 
.evCon6 .panel_base .line_main_wrap .home_ver { bottom: 5%; } 
.evCon6 .panel_base .line_main_wrap .home_ver a { font-size: clamp(14px,2.2vmin,18px); } 
.evCon6 .line_main_wrap .vod_right { width: 65%; } 
.evCon6 .eventVideo.system .video_title strong { margin-top: 4%; } 
.evCon6 .eventVideo.system .video_title::before { bottom: 22%; } 
.evCon6 .point_list { gap: 1%; margin-bottom: 5%; font-size: clamp(14px,2.2vmin,18px); } 
.evCon6 .point_list li { padding: 2% 0; } 
.evCon6 .point_list li .point_num { padding: 1% 8%; margin-bottom: 3%; } 
.evCon6 .mega_swiper { margin: 0 0px; position: relative; overflow: hidden; } 
.evCon6 .mega_swiper .swiper-wrapper { gap: 0%; } 
.evCon6 .mega_swiper .swiper-slide { width: 205px; flex: none; margin-right: 1%; } 
.evCon6 .mega_swiper .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
.evCon6 .mega_swiper .swiper-scrollbar .swiper-scrollbar-drag { background: var(--swiper-theme-color); } 
.evCon6 .mega_swiper .swiper-slide::after { display: none; } 
.evCon6 .mega_swiper .step_num { padding: 6% 0; } 
.evCon6 .mega_swiper .step_text { height: 16vw; } 
.evCon6 .arrow_cover .sd_arrow { display: none; } 


.evCon8 .event_mark { margin-bottom: 3%; padding: 0 39%; } 
.evCon8 .con_tit { margin-bottom: 2%; } 
.evCon8 .main_text { margin-bottom: 5%; } 
.evCon8 .container_info_wrap { padding: 4% 0; margin-bottom: 6%; } 
.evCon8 .container_info.ver_circle { gap: 10px; } 


 .evt_wrap.best .best_tit { margin: 0 auto 6%; } 
 .evt_wrap.best .best_tit p { font-size: clamp(17px, 3.4vw, 28px); margin: 0 auto 2%; } 
 .evt_wrap.best .best_tit span { font-size: clamp(15px, 2.6vw, 20px); } 
 .evt_wrap.best .best_cont { padding: 5vw 4vw; } 
 .evt_wrap.best .best_cont .dimWrap .content .txt { font-size: clamp(16px, 2.8vw, 28px); margin: 0 auto 4%; } 
 .evt_wrap.best .best_cont .dimWrap .content .btn { font-size: clamp(13px, 2.6vw, 18px); padding: 1vw 0; } 
 .evt_wrap.best .best_cont .lec_tit { font-size: clamp(15px, 3vw, 24px); padding-left: 2vw; margin: 0 auto 3%; } 
 .evt_wrap.best .best_cont .lec_tit::before { width: clamp(2px, 0.5vmin, 5px); height: clamp(13px, 2.6vw, 22px); } 
 .evt_wrap.best .best_cont ul li { font-size: clamp(13px, 2.4vw, 16px); padding: 0 2vw; } 
 .evt_wrap.best .best_cont ul li .tea { flex: 0 0 22vw; font-size: 1.1em; } 
 .evt_wrap.best .best_cont ul li .btn { flex: 0 0 auto; font-size: clamp(13px, 2.2vw, 14px); padding: 0.5vw 2vw; } 

 .review_area table tr th,
 .review_area table tr td { font-size: 13px; padding: 11px 2px; } 
 .review_area table tr td.aL { padding: 11px 20px; } 

 .con_tit .end { top: -128%; } 
 }


@media screen and (max-width: 992px){
 .evCon3 .ex_wrap .ex_tit { top: -15%; } 

 .evCon4 .ico_box .ico_img { padding: 0 27%; } 
 .evCon4 .obj_text { width: 88%; } 

 .evCon6 .point_list { display: block; } 
.evCon6 .point_list li { margin-bottom: 1%; } 
.evCon6 .point_list li .point_num { padding: 0.5% 4%; margin-bottom: 1%; } 

.evCon7 .subTab { padding: 1% 0 1% 0; } 
.evCon7 .subTab li:after { top: 4%; } 
.evCon7 .subTab li a { font-size: 13px; } 
.evCon7 .clearfix { margin-bottom: 2%; } 

.evCon8 .event_mark { padding: 0 37%; } 
.evCon8 .container_info.ver_circle { gap: 5px; } 
.evCon8 .clamp-text2 { font-size: clamp(14px, 2.8vmin, 28px); } 
.evCon8.evSection .subtitle_line .text { font-size: clamp(15px,2.6vmin,24px); padding: 1% 6%; } 

 .ex_wrap .ex_tit { top: -14%; width: 52%; } 
 .ex_wrap div.text_img { padding: 2% 6%; } 

 .evt_wrap.best .best_cont ul { height: auto; min-height: 100px; max-height: 300px; } 
 .evt_wrap.best .best_cont ul li { height: auto; display: grid; grid-template-columns: 1fr 18vw; padding: 2vw 2vw; column-gap: 0.5vw; } 
 .evt_wrap.best .best_cont ul li:last-child { border-bottom: none; } 
 .evt_wrap.best .best_cont ul li .tea { grid-row: 1 / 2; margin: 0 0 4px; } 
 .evt_wrap.best .best_cont ul li .lec { grid-row: 2 / 3; font-weight: normal; } 
 .evt_wrap.best .best_cont ul li .btn { grid-row: 1 / 3; width: 100%; padding: 0; padding: 3vw 0; } 

 .evCon6 .new_mark.mo_ver { background: #ff5425; font-size: 13px; border-radius: 50px; font-weight: 500; padding: 1% 13%; color: #fff; } 
 .evCon6 .new_mark { position: absolute; right: inherit; top: -20%; left: 50%; transform: translateX(-50%); } 
 }


@media screen and (max-width: 768px){
 .con_tit { line-height: 1.2; } 

 .ex_temp .con_tit { margin-bottom: 11%; } 
 .ex_wrap .ex_tit { top: -7%; width: 63%; } 
 .ex_wrap { padding: 5% 0% 0%; display: block; } 
 .ex_wrap .ex_img { border-right: none; width: 100%; border-bottom: 1px solid #ddd; padding: 8% 18%; } 
 .ex_wrap div.text_img { padding: 5% 26%; width: 100%; } 

 

 .evCon3 .ex_wrap { padding: 3% 0% 0%; } 
 .evCon3 .ex_wrap .ex_tit { top: -7%; padding: 0 0%; } 
 .evCon3 .ex_wrap div { padding: 0% 18%; } 
 .evCon3 .ex_wrap div.text_img { padding: 2% 26%; } 

 .evCon4 .ico_box { border-radius: 10px; gap: 8%; height: inherit; padding: 4% 0; } 
 .evCon4 .ico_box .ico_img { margin-bottom: 5%; } 
 .evCon4 .ico_arrow { display: inline-block; padding: 0 47%; } 
 
 .evCon6 .btn.popvod_ver { width: 20%; } 
 .evCon6 .panel_base .line_main_wrap .home_ver { width: 100%; } 
 .evCon6 .panel_base .line_main_wrap .home_ver a { gap: 4%; justify-content: center; } 
.evCon6 .mega_swiper .swiper-slide { width: 135px; } 
.evCon6 .mega_swiper .step_box { border-radius: 10px; } 
.evCon6 .eventVideo.system .video_title::before { width: 8vw; height: 8vw; } 
.evCon8 .container_info_wrap .gift { margin-left: 4%; } 
.evCon8 .container_info.ver_circle { gap: 5px; margin: 0 15%; } 
.evCon8 .container_info.ver_circle .info .info_title { width: clamp(115px, 16vmin, 150px); } 

 .review_area table tr th,
 .review_area table tr td { font-size: 12px; padding: 7px 2px; } 
 .review_area table tr td.aL { padding: 7px 16px; } 

 .evCon6 .new_mark.mo_ver { font-size: 11px; } 
 }


@media screen and (max-width: 576px){
 .triangle { width: 23vw; } 
 .tab_base li a { font-size: clamp(13px, 2.6vmin, 24px); } 

 .evCon1 h3 { padding: 0px 3%; } 

 .ex_wrap .ex_tit { top: -6%; width: 80%; } 
.ex_wrap .ex_img { padding: 8% 2%; } 
.ex_wrap div.text_img { padding: 5% 16%; } 

.evCon3 .ex_wrap .ex_tit { top: -6%; } 
.evCon3 .ex_wrap .ex_img { padding:0% 2%; } 
.evCon3 .ex_wrap div.text_img { padding: 2% 16%; } 

.evCon4 .ico_box .ico_img { margin-bottom: 8%; padding: 0 22%; } 
.evCon4 .obj_text { display: none; } 
.evCon4 .main_text { font-size: clamp(15px, 3.4vmin, 32px); } 

.evCon5 .zero_wrap { display: block; } 
 .evCon5 .zero_wrap .zero_box { margin-bottom: 2%; } 
 .evCon5 .arrow_point::after { top: -43%; } 
.evCon5 .arrow_point::after { width: 18px; height: 19px; background-size: cover; } 

 .evCon6 .panel_base .line_main_wrap { display: block; } 
.evCon6 .panel_base .line_main_wrap .tea_prof { width: 100%; padding: 0 28%; margin-bottom: 2%; } 
.evCon6 .panel_base .line_main_wrap .home_ver a { gap: 2%; } 
.evCon6 .line_main_wrap .vod_right { width: 100%; } 
.evCon6 .panel_base .line_tit { padding: 3% 0; display: block; } 
.evCon6 .btn.popvod_ver { margin-top: 1%; padding: 0 36%; width: 100%; } 
.evCon6 .point_list { gap: 1%; margin-bottom: 5%; font-size: clamp(13px, 2.2vmin, 18px); } 

.evCon7 .subTab li a { font-size: 12px; } 

.evCon8 .event_mark { padding: 0 33%; } 
.evCon8 .container_info_wrap { padding: 4% 0 7%; margin-bottom: 10%; } 
.evCon8 .container_info_wrap .gift { width: 68%; } 
.evCon8 .container_info.ver_circle { margin: 0 1%; } 
.evCon8.evSection .subtitle_line .text { padding: 2% 10%; } 

 .evt_wrap.best .best_cont { border-radius: 10px; } 

 .review_area table tr th,
 .review_area table tr td { font-size: 11px; padding: 4px 2px; } 
 .review_area table tr td.aL { padding: 4px 8px; } 

 .warningList li ul li a.tp1 { font-size: 12px; } 

 .evCon6 .new_mark { top: -37%;} 
 }