@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 */

:root { --point-color:#ff6000; } 



.eventWrap .evSection {padding: 150px 0; } 
.eventWrap .evSection.evtoggleWarning {padding: 0;}

.flt_inner.renewal li{margin-top:15px;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.15) 4.95px 5.95px 5.2px;width: 156px;height: 80px;background-color: var(--point-color);color:#fff;text-align:left;display:flex;align-items: center;justify-content: center;background-image: url("https://image.megagong.net/m/2025/0305_fullevent/s_arr.png");background-position: 93% 86%;background-repeat: no-repeat;}
.flt_inner.renewal li a {display: flex; align-items: center; padding:0 0 0 18px; width: 100%; height: 100%; line-height: 1.4;}
.flt_inner.renewal li.on {background-color: #222222;}
.flt_inner.renewal li.top {box-shadow: none; width: auto; height: auto; display:block; background-image: none; background-color: transparent;}
.flt_inner.renewal li.top a {padding:0;}

/*S : »ó´Ü µðµ¥ÀÌ ¶ì*/
.top_line { background: #3c3c3c; } 
.top_line .txt { font-size: 20px; color: #fff; padding: 10px 0; } 
.top_line .txt strong { display: inline-block; background: #430908; width: 105px; line-height: 40px; border-radius: 100px; margin-left: 22px; } 
/*E : »ó´Ü µðµ¥ÀÌ ¶ì*/

/*S : ŸÀÌƲ*/
.con_tit .point,
.mini_tit .point {color:var(--point-color)}
.mini_tit .point {font-weight: bold;}
.big_cir_tit {margin: 0 auto;border-radius: 60px;padding:20px 40px;line-height:1;width:max-content;background-color: #000;color:#fff;font-weight: bold;}
.big_cir_tit .point {color:var(--point-color);}
/*E : ŸÀÌƲ*/



.fix_ban {display:none;}


/*S : evCon1*/
.eventWrap .evSection.evCon1 { position: relative; padding:135px 0 140px; background-image: url("https://image.megagong.net/m/2025/0305_fullevent/evCon1_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff; } 
.evCon1 .inner { position: static; } 
.evCon1 .con_tit {font-size: 80px;}
.evCon1 .con_tit .mini_tit {letter-spacing: 6px;}
.evCon1 .con_tit strong {line-height: 1.2;}
.evCon1 p.mini_tit strong {display: block;margin: 26px 0 10px;}
.evCon1 p.mini_tit > span {font-weight: 300; display: block;}
.evCon1 .point { color: var(--point-color); } 
.evCon1 .register_btn {margin:30px auto 0;background-color: #000; color:#fff; display: flex; align-items: center; justify-content: center; width:376px; height: 70px; border-radius: 70px; }
.evCon1 .noti {position: absolute;bottom: 20px;left: 50%;width: 100%;transform: translateX(-50%);color:#6a6a6a;} 
/*E : evCon1*/

/*S : evCon2*/
.eventWrap .evSection.evCon2 { padding: 112px 0 62px; } 
.evCon2 .inner { width:1000px; } 
.evCon2 .con_tit { text-align: left; color: #222222; font-weight: normal; line-height: 1.5; margin-bottom: 75px; font-weight: 500; } 
.evCon2 .con_tit strong { color: var(--point-color); display: inline-block; margin-top: 16px; position: relative; } 
.evCon2 .con_tit strong::before { content:''; background: #ffd4ba; position: absolute; left: 50%; bottom: 11.5%; transform: translate(-50%, 0); width: 99.4%; height: 18%; z-index: -1; } 
.evCon2 .txt_wrap { width: 100%; position: absolute; top: 51px; display: flex; justify-content: space-between; } 
.evCon2 .txt_wrap .txt { text-align: left; position: relative; } 
.evCon2 .txt_wrap .txt.txt1 { left: -2px; } 
.evCon2 .txt_wrap .txt.txt2 { left: -14px; top: -56px; } 
.evCon2 .txt_wrap .txt.txt3 { top: -34px; left: -1px; } 
.evCon2 .txt_wrap .txt .tiny { color: #626262; font-weight: 400; margin-bottom: 15px; display: block; } 
.evCon2 .txt_wrap .txt p { color: var(--point-color); font-size: 27px; font-weight: 700; } 
.evCon2 .txt_wrap .txt p strong { font-weight: 900; line-height: 1; } 
.evCon2 .txt_wrap .txt p sup { vertical-align: top; font-weight: normal; } 
.evCon2 .graph { margin: 0 -325px 0 -256px; } 
.evCon2 .tiny_noti { text-align: right; color: #b5b5b5; } 
/*E : evCon2*/

/*S : evCon3*/
.eventWrap .evSection.evCon3 { background: #262626 url('https://img.megagong.net/m/2025/0305_fullevent/evCon3_bg.png') no-repeat; padding: 150px 0 95px; } 
.evCon3 .con_tit { color: #fff; font-weight: 200; } 
.evCon3 .mini_tit { color:#fff; } 
.evCon3 .con_tit strong { display: block; margin-bottom: 6px; } 
.evCon3 .con_tit strong sup { font-weight: 200; font-size: 10px; vertical-align: top; position: relative; top: 3px; } 
.evCon3 .con1 { margin: 65px auto 75px; } 
.evCon3 .con2 { display: flex; justify-content: center; gap: 95px; } 
.evCon3 .con2 li { background: #111111; border-radius: 100px; width: 364px; line-height: 1.25; position: relative; padding: 24px 0; -webkit-animation: ani_subway2 1.6s infinite; animation: ani_subway2 1.6s infinite; } 
.evCon3 .con2 li{ color: var(--point-color); } 
.evCon3 .con2 li::before { content: ''; width: 0; height: 0; position: absolute; left: 50%; top: 0; transform: translate(-50%, -100%); z-index: 1; border-bottom: 13px solid #111; border-left: 12.5px solid transparent; border-right: 12.5px solid transparent; } 
.evCon3 .con2 li sup { font-size: 9px; } 
.evCon3 .tiny_noti { text-align: right; color: #929292; margin: 100px 0 0; } 
@-webkit-keyframes ani_subway2 { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-7px) } 
    100% { transform: translateY(0); } 
 }
@keyframes ani_subway2 { 
    0% { transform: translateY(0); } 
    50% { transform: translateY(-7px) } 
    100% { transform: translateY(0); } 
 }
/*E : evCon3*/


/*S : evCon4*/
.evCon4 {background: #fee4d1;}
.evCon4 .contents_wrap {max-width: 998px;}
.evCon4 .contents_wrap ul {margin:40px auto 0;padding: 30px 90px 10px; border: 1px solid var(--point-color);max-width: 998px;}
.evCon4 .contents_wrap ul .top {justify-content: space-between;}
.evCon4 .contents_wrap ul li.type > div:first-of-type {width: 240px;}
.evCon4 .contents_wrap ul .type {padding: 0}
.evCon4 .contents_wrap ul .type span {border-radius: 4px;}
.evCon4 .contents_wrap ul .type .main span {width:170px; height: 58px;}
.evCon4 .contents_wrap ul .type .others span {width: 85px; height: 42px;}
.evCon4 .contents_wrap ul .type .vs span {padding: 0 50px;}
.evCon4 .contents_wrap ul li span.big.point {background-image: url('https://img.megagong.net/m/2025/0305_fullevent/cir_bg1.png'); }
.evCon4 .contents_wrap ul li > div:not(:first-of-type) {flex-direction: row;gap: 55px;}
.evCon4 .contents_wrap ul .mid > div:not(:first-of-type) span {background-image: url('https://img.megagong.net/m/2025/0305_fullevent/cir_bg2.png'); }
.evCon4 .contents_wrap ul .top > div:not(:first-of-type) span {width: 200px; height: 200px; background-size: 200px;}
.evCon4 .contents_wrap ul li span.normal {background-size: 180px !important;}
.evCon4 .noti {margin:10px 0 0; text-align:right; color:#777777;}
.evCon4 .predict_box_wrap  {margin: 48px auto 0; }
.evCon4 .predict_box {border-radius: 10px;border:1px solid #d0d0d0;padding: 45px 14px;width: calc(20% - 10px);background-color: #fff;}
.evCon4 .predict_box .region_tit {font-weight: bold;word-break: keep-all;}
.evCon4 .predict_box .detail {margin:20px 0; border-radius: 5px; padding: 20px 0; background-color: #f6f6f6; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:12px; width: 100%;}
.evCon4 .predict_box .amount {color:var(--point-color); font-weight: bold;} 
.evCon4 .slick-dots {margin:30px 0 0;display:flex;align-items: center;justify-content: center;gap: 8px;} 
.evCon4 .slick-dots li {width: 16px;height: 16px;border-radius: 100%;background-color: transparent;border: 1px solid #a2a2a2;} 
.evCon4 .slick-dots li button { font-size: 0; } 
.evCon4 .slick-dots li.slick-active {background-color: #a2a2a2;} 
.evCon4 .slick-slide > div {padding: 0 5px;}

.evCon4 .more_data_btn { margin: 45px auto 98px;}
.popupTable .table_tit {margin:0 0 15px; text-align:center;}
.popupTable .board-write-wrap table tbody th {padding: 10px;background-color: #f5eced; border:1px solid #b9b9b9;}
.popupTable .board-write-wrap table tbody td {padding: 7px;text-align: center;border:1px solid #b9b9b9;}
.popupTable .board-write-wrap table tbody td.yellow {background-color: #fff2cc;}
.popupTable .board-write-wrap table tbody td.gry {background-color: #e4e4e4;}
.popupTable .board-write-wrap table {margin: 10px 0;}
/*E : evCon4*/


/*S : evCon4, evCon5 °øÅë*/
.more_data_btn { border-radius: 3px; background-color: #000; color:#fff !important; width:360px; height: 72px; display: flex; align-items: center; justify-content: center;}

.contents_wrap {width: 100%;max-width: 776px;margin: 0 auto;} 
.contents_wrap ul { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
.contents_wrap ul li { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.contents_wrap ul li.type > div:first-of-type {width: 260px;}
.contents_wrap ul li > div:first-of-type { width: 287px; } 
.contents_wrap ul li > div:not(:first-of-type) {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;} 
.contents_wrap ul .type { padding: 20px 0; } 
.contents_wrap ul .type > div,
.contents_wrap ul .type > div:not(:first-of-type){flex: none;}
.contents_wrap ul .type span { display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; font-weight: bold; border-radius: 40px; } 
.contents_wrap ul .type .main span {width: 120px;height: 40px;background-color: var(--point-color);} 
.contents_wrap ul .type .others span { width: 60px; height: 30px;  background-color: #222222; } 
.contents_wrap ul .type .vs span {padding: 0 60px;color:#aaaaaa;} 
.contents_wrap ul .top,
.contents_wrap ul .bottom {padding: 20px 0;background-color: #fee4d1;border-radius: 20px;} 
.contents_wrap ul .top > div:first-of-type,
.contents_wrap ul .bottom > div:first-of-type {display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1.5;color: var(--point-color);font-weight: bold;} 
.contents_wrap ul .bottom > div:first-of-type span {  font-weight: 300; } 
.contents_wrap ul .mid { padding: 20px 0; } 
.contents_wrap ul .mid > div:first-of-type { line-height: 1.5; color: #222222;  } 
.contents_wrap ul .top > div:not(:first-of-type) span,
.contents_wrap ul .mid > div:not(:first-of-type) span {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 154px;height: 154px;color: #fff;font-weight: bold;background-image: url('https://img.megagong.net/m/2024/0530_fullevent/add5_deco_img1.png');background-repeat: no-repeat;background-position: center;background-size: 154px;} 
.contents_wrap ul li span.big.point { background-image: url('https://img.megagong.net/m/2025/0305_fullevent/cir_bg3.png'); } 
.contents_wrap ul li span.normal {background-size: 140px !important;} 
.contents_wrap ul li span.small {background-size: 120px !important;} 
.contents_wrap ul .bottom { min-height: 142px; } 
.contents_wrap ul .bottom > div:nth-of-type(2) {color: var(--point-color);font-weight: bold;} 
.contents_wrap ul .bottom > div:nth-of-type(3),
.contents_wrap ul .bottom > div:nth-of-type(4) { color: #222222; font-weight: bold; } 
/*E : evCon4, evCon5 °øÅë*/





.evCon5 .more_data_btn { margin: 65px auto;}
.evCon5 .contents_wrap {margin: 50px auto 0;}
.evCon5 .contents_wrap span.show-768 {display: none;}

/*S : evCon6*/
.eventWrap .evSection.evCon6 {background-color: #f9f9f9;}
.evCon6 .big_cir_tit {margin: 45px auto 30px;}
.evCon6 .icon_box_wrap  {margin:0 auto; width:1000px; display: flex; justify-content: space-between; gap:20px; flex-wrap: wrap;}
.evCon6 .icon_box_wrap .icon_box { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius:10px; padding: 30px 0; width: calc(50% - 10px); background-color: #efefef;}
.evCon6 .icon_box .det {margin: 20px 0 10px;font-weight: 600;}
.evCon6 .icon_box .cir_btn {  border-radius: 80px; border:1px solid var(--point-color); display: flex; align-items: center; justify-content: center; color:var(--point-color);  line-height: 1; font-weight: bold;}
.evCon6 .icon_box .cir_btn a{padding:10px 30px;}
/*E : evCon6*/



/*S : event*/
.event { padding: 160px 0; } 

.event1 { background: #fffce0; } 
.event1 .event_inp { margin: 30px 0 0; background: var(--point-color); border-radius: 2px; padding: 30px 35px 20px; position: relative; } 
.event1 .event_inp .inp_wrap { display: flex; justify-content: space-between; align-items: center; gap: 10px; } 
.event1 .event_inp .inp_wrap label { width: max-content; display: block; min-width: 80px; font-weight: 900; } 
.event1 .event_inp .inp_wrap input { border-radius: 3px; font-size: 14px; padding: 0 12px; width: 100%; height: 40px; box-sizing: border-box; display: block; color: #666666; border: 1px solid #dddddd; } 
.event1 .event_inp .inp_wrap input::placeholder { font-size: 15px; } 
.event1 .event_inp .btn-base a { padding: 11.5px 40px; width: max-content; }
.event1 .event_inp .evtDtl_wrap {display: flex; align-items: center; justify-content: flex-end;} 
.event1 .event_inp .evt_dtl { display: block; margin: 6px 0 0; font-size: 13px; width:fit-content } 

.event2 { background: #fff3e0; } 
.event2 .btn-base a.confirm { background-color: var(--point-color); color:#fff; border: none; } 
.event2 .flex_col { display: flex; flex-direction: column; gap:8px; } 
.event2 .flex_col .flex { align-items: center; gap:7px; } 
.event2 .flex_col .num { border-radius: 50%; width:26px; height:26px; display: flex; align-items: center; justify-content: center; font-size: 13px; background-color: #000; color: #fff; font-weight: bold; } 
.event2 .flex_col .txt { width: calc(100% - 33px) } 


/*S : ÀÀ½ÃÁ¤º¸ È®ÀÎ ÀúÀå/¼öÁ¤ Æ˾÷â*/
.testinfo_view  {height: 600px; overflow-y:scroll;}
.testinfo_view .tit_wrp .con_tit { margin: 0 0 20px; display: flex; align-items: center; gap:10px; } 
.testinfo_view .con_tit::before { content: ""; display:block; width: 3px; height: 17px; background-color: #000; } 
.testinfo_view .t_info { color:#ff0000; } 
.testinfo_view .info_txt_w {margin: 20px 0 50px;display: flex;flex-direction: column;gap: 4px;color: #808080;line-height: 1.3;} 
.testinfo_view .agree_info_wrap { display:flex; align-items: center; justify-content: center; gap:10px; font-weight: 600; } 
.testinfo_view .agree_info_wrap .agree_info_more { color:#3338fc; text-decoration: underline; } 
.testinfo_view .blue_btn {margin: 24px auto 0;display:flex;align-items: center;justify-content: center;width: fit-content;background-color: #3338fc;color:#fff;border-radius: 8px;padding: 12px 70px;} 
.testinfo_view tbody td .m_addpoint,
.testinfo_view tbody td .mem_sex_wrap {display: flex; gap: 10px;}

.testinfo_write .board-write-wrap td.m_number label,
.testinfo_write .board-write-wrap td.m_serial label { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; } 
.testinfo_write .board-write-wrap td.m_serial select { width: 31%; height: 40px; font-size: 14px; padding: 0 10px; box-sizing: border-box; background-color: #fff; border-radius: 3px; border: 1px solid #ddd; font-family: 'Noto Sans KR'; } 
.testinfo_write .board-write-wrap .smll_info_wrap { margin: 5px 0 9px; } 
.testinfo_write .board-write-wrap .smll_info { font-size: 12px; color: #808080; } 
.testinfo_write .board-write-wrap .input_two { display: flex; gap: 10px; justify-content: space-between; } 
.testinfo_write .board-write-wrap table .input_two input[type=text] { width: calc(50% - 5px); }
/*E : ÀÀ½ÃÁ¤º¸ È®ÀÎ ÀúÀå/¼öÁ¤ Æ˾÷â*/


/*S : event1,event2 ÀÛÀº Æ˾÷ °øÅë css*/
.agree_info {padding: 22px 18px;text-align: left;background: #fff;border: 1px solid #ccc;position: absolute;top: 43%;right: 0;z-index: 2;font-size: 14px;width: 570px;margin: -15px 0 0 -285px;-webkit-box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 30%);box-shadow: 5px 5px 6px 1px rgb(0 0 0 / 30%);} 
.agree_info a { width: 24px; position: absolute; top: 8px; right: 8px; } 
.agree_info p { position: relative; margin: 0 0 10px; } 
.agree_info p span { position: relative; display: block; margin: 0 0 2px; padding: 0 0 0 10px; border: 0; } 
.agree_info p span:before { content:""; display:block; position:absolute; top: 8px; left:0; width:5px; height:1px; background:#222; } 
.agree_info p strong { display: block; margin: 0 0 3px; } 
.agree_info .tit { text-align: left; font-size: 14px; font-weight: bold; } 
.agree_info .tit:before { display:none } 
.cautn { margin: 16px 0 0; } 
.cautn li { text-align: left; line-height: 1.65; text-indent: -12px; padding-left: 11px; } 
.cautn li a { font-size: 12px; color: #666666; border: 1px solid #818181; background: #f9f9f9; display: inline-block; padding: 1.1px 9.7px; margin-left: 3px; text-indent: 0; } 
/*E : event1,event2 ÀÛÀº Æ˾÷ °øÅë css*/

.event2 .agree_info { top: auto; bottom: -5%; left: auto; right: -7%; } 


.event_bnr { display: flex; align-items: center; justify-content: center; background-image: url(https://img.megagong.net/m/2025/0305_fullevent/event_gift_bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } 

.event3 { background:#ffdede; } 
/*E : event*/
 
/*S : °øÅë ÄÄÆ÷³ÍÆ® css »ö»ó º¯°æ*/
.gift_list_wrap li .badge { background-color: var(--point-color); } 
.step_base_wrap .step_list li .box_area .label.c_blue { color:var(--point-color) } 
.step_base_wrap .hashtag { color: var(--point-color); } 
.regist_form_area { background-color: var(--point-color); } 
.warningList li ul li a { color:var(--point-color) } 

.step_base_wrap .step_list li .box_area {padding: 30px 20px;}
.share_base_wrap .share_list {display: flex; justify-content: center;}
/*E : °øÅë ÄÄÆ÷³ÍÆ® css »ö»ó º¯°æ*/


@media screen and (max-width: 1200px){
    .eventWrap .evSection {padding: 12% 0;}
    .top_line .txt { font-size: clamp(13px,3.4vmin,20px); } 
    .top_line .txt strong { margin-left: 3%; line-height: clamp(25px,5.3vmin,40px); width: clamp(90px,13.7vmin,105px); } 
    
    .more_data_btn {/* width: fit-content; */height: auto;padding: 4% 14%;padding: 21px 10px;}

    .eventWrap .evSection.evCon1 {padding: 15% 0 18%;}
    .evCon1 .con_tit {font-size: clamp(30px,7.5vmin,80px);}
    .evCon1 .register_btn {width: fit-content;height: auto;padding: 4% 11%;margin: 7% auto 8%;}


    .eventWrap .evSection.evCon2 { padding: 11.2% 0 6.2%; } 
    .evCon2 .inner { width: 96%; } 

    .evCon2 .con_tit { font-size: clamp(14px,2.6vmin,26px); } 
    .evCon2 .con_tit strong { margin-top: 2%; } 
    .evCon2 .graph { margin: 0 -20% 0 -13%; } 

    .evCon2 .txt_wrap .txt.txt1 { left: 2%; } 
    .evCon2 .txt_wrap .txt.txt2 { left: 0; } 
    .evCon2 .txt_wrap .txt.txt3 { left: 0; } 
    .evCon2 .txt_wrap .txt .tiny { margin-bottom: 2%; } 
    .evCon2 .txt_wrap .txt p sup { font-size: clamp(8px,1.2vmin,12px); } 

    .eventWrap .evSection.evCon3 {padding: 15% 0 9.5%; background-size: cover;}
    .evCon3 .con_tit strong sup { font-size: clamp(8px,1vmin,10px); top: clamp(3px,.8vmin,8px); } 
    .evCon3 .con1 { margin: 6.5% auto 7.5%; } 
    .evCon3 .con2 { gap: 2%; } 
    .evCon3 .con2 li { padding: 3% 0; width: 40%; } 
    .evCon3 .con2 li::before { border-width: 0 clamp(8px,1.25vmin,12.5px) clamp(7px,1.3vmin,13px) clamp(8px,1.25vmin,12.5px); } 
    .evCon3 .con2 li sup { font-size: 7px; } 
    .evCon3 .tiny_noti { margin: 10% 0 0; } 

    .evCon4 .contents_wrap ul {padding: 0 4%;padding: 30px 4% 10px;}
    .evCon4 .contents_wrap ul li > div:not(:first-of-type) {gap: 20px;}
    .evCon4 .contents_wrap ul .top > div:not(:first-of-type) span {width: 22vw; height: 22vw; background-size: 22vw;}
    .evCon4 .contents_wrap ul li span.normal {background-size: 19vw !important;}
    .evCon4 .contents_wrap ul .type .main span {width: 18vw;height: 46px;} 
    .evCon4 .contents_wrap ul .type .vs span {padding: 0 5vw;}
    .evCon4 .more_data_btn {margin: 7% auto 18%;}

    .evCon5 .contents_wrap {margin: 5% auto 0;}
    .evCon5 .more_data_btn {margin: 8% auto 14%;}

    .contents_wrap ul .type .vs span {padding: 0 6vw;}
    
    .evCon6 .big_cir_tit { margin: 7% auto 5%;}
    .evCon6 .icon_box_wrap { width: 100%;}

    .event1 .cautn { margin: 1.6% 0 0; } 
    .event1 .cautn li a { font-size: 11px; padding: 0 4px; } 
    .event1 .content ul { padding: 7% 4% 7% 2%; gap: 30px; } 
    .event1 .content ul li { width: 45%; } 

    .testinfo_view {height: 70vh}
    .container_info.ver_circle {justify-content: flex-start;}
    .share_base_wrap .share_list {display:block;}
 }


@media screen and (max-width: 768px){
    
    .fix_ban {display:block;position:fixed;left:0;z-index: 2;width:100%;box-shadow: 0px -5px 10px 0px rgb(0 0 0 / 20%);} 
    .fix_ban .btn_wrap {display: flex;justify-content: space-between;} 
    .fix_ban .btn_wrap li {border-right:1px solid #6c6c6c; padding: 14px 0; width: 25%; display:flex; align-items: center; justify-content: center; font-size: 12px; background-color: var(--point-color);}
    .fix_ban .btn_wrap li.on {background-color: #222222; color:#fff;}
    .fix_ban .btn_wrap li:last-child {border-right: none;}
    
    .evCon2 .con_tit { text-align: center; margin-bottom: 7.5%; font-size: clamp(14px,3.3vmin,26px); } 
    .evCon2 .con_tit strong sup { font-size: clamp(9px,2.1vmin,15px); } 
    .evCon2 .txt_wrap { display: block; } 
    .evCon2 .txt_wrap .txt { top: 0 !important; left: 0 !important; text-align: center; margin-bottom: 6%; } 
    .evCon2 .txt_wrap .txt .tiny { font-size: clamp(13px,3.1vmin,16px); } 
    .evCon2 .txt_wrap .txt p { font-size: clamp(14px,3.3vmin,27px); } 
    .evCon2 .txt_wrap .txt p strong { font-size: clamp(30px,7.2vmin,60px); line-height: 1.2; } 
    .evCon2 .txt_wrap .txt p sup { font-size: clamp(8px,1.9vmin,12px); position: relative; top: 1.2vw; } 

    .evCon2 .graph {margin: 0 -3%;padding: 19% 0 0;} 
    .evCon2 .graph img { width: 100%; } 
    .evCon2 .tiny_noti { position: relative; top: -4vw; } 

    .evCon3 .con2 li { width: 48%; } 
    .evCon4 .contents_wrap ul li > div:first-of-type {width: max-content;} 
    .evCon4 .contents_wrap ul li.top > div:not(:first-of-type) {max-width: 50vw;}
    .evCon4 .contents_wrap ul .top > div:not(:first-of-type) span {width: 23vw;height: 23vw;background-size: 23vw;}
    .evCon4 .contents_wrap ul li span.normal {background-size: 20vw !important;}
    .evCon4 .predict_box_wrap {margin: 7% auto 0;}
    .evCon4 .predict_box {padding: 20px 10px;}
    .evCon4 .predict_box .detail {margin: 10px 0;}
    .evCon4 .slick-dots {margin: 15px 0 0;}
    .evCon4 .slick-dots li {width: 10px; height: 10px;}
    .popupTable .board-write-wrap .col1 {width: 19%;}
    .popupTable .board-write-wrap .col3 {width: 16%;}
    .popupTable .board-write-wrap .col4 {width: 16%;}
    .popupTable .board-write-wrap .col5 {width: 16%;}

    .contents_wrap ul li.type > div:first-of-type,
    .contents_wrap ul li > div:first-of-type {width: 230px;} 
    .contents_wrap ul .type .vs span {padding: 0 10vw;} 
    .contents_wrap ul .bottom {border-radius:10px;}
    .contents_wrap ul .top, .contents_wrap ul .mid {border-radius:10px;}

    .evCon5 .mini_tit {display: none;}
    .evCon5 .contents_wrap span.show-768 {display: block !important;color:#000;width: 100%;margin-left: -40px;}


    .evCon6 .icon_box_wrap .icon_box {padding: 20px 0;}
    .evCon6 .icon_box_wrap .icon_box img {width: 97px;}


    .event1 .event_inp { margin: 20px 0 0; padding: 20px; } 
    .event1 .event_inp .inp_wrap label { min-width: 70px; } 
    .event1 .event_inp .btn-base a { padding: 11.5px 20px; } 
    .event1 .event_inp .evt_dtl { font-size: 12px; } 

    .event2 .flex_col .flex {align-items: flex-start;}
    .event2 .flex_col .num {width: 14px;height: 14px; margin-top: 5px;} 
    .event2 .flex_col .txt { width: calc(100% - 25px) } 

    .agree_info {width: 90%;}
    .mfp-zin.mfp-ready .z-anim {padding: 0 7px;}
    
    #popupRegister .content_area .content_inner {padding: 40px 10px;}
    .testinfo_view .info_txt_w {margin: 20px 0;}
    .testinfo_view tbody td .m_addpoint,
    .testinfo_view tbody td .mem_sex_wrap {flex-direction: column; gap:5px}
    .testinfo_view tbody td .m_addpoint label input,
    .testinfo_view tbody td .mem_sex_wrap label input {height: fit-content;}

    .step_base_wrap .step_list li .box_area {padding: 20px 10px;}
    .share_base_wrap .share_list {display: block;}

    .share_base_wrap .share_list.col4.mo4 li dl dd {width: calc(25% - 6px);font-size: 12px;}
    .share_base_wrap .share_list li dl dd.long a {padding: 0px 2px;}
}
@media screen and (max-width: 576px){
    .big_cir_tit {padding:10px 40px; line-height: 1.4;}
    .testinfo_view .agree_info_wrap {line-height: 1.4;align-items: flex-end;}
    .evCon4 .contents_wrap ul {padding: 20px 4% 10px;}
    .evCon4 .contents_wrap ul li > div:first-of-type {flex:none;width: max-content;font-size: 18px;}
    .evCon4 .contents_wrap ul li.type > div:first-of-type {width: 35vw;}
    .evCon4 .contents_wrap ul .type .main span {width: 22vw;height: 35px;font-size: 14px;} 
    .evCon4 .contents_wrap ul .type .others span { width: 50px; height: 25px; font-size: 12px; } 
    .evCon4 .noti {font-size: 11px;}

    .evCon5 .contents_wrap span.show-768 {margin-left:0;}
    
    .popupTable .content_area .content_inner { padding: 40px 5px;}
    .popupTable .board-write-wrap table tbody th {padding: 5px;}
    .popupTable .board-write-wrap table tbody td {padding: 5px;}

    .evCon6 .icon_box_wrap { gap: 10px;}
    .evCon6 .icon_box_wrap .icon_box {width: calc(50% - 5px);}
    .evCon6 .icon_box .det {margin: 10px auto;}
    .evCon6 .icon_box .cir_btn a{ padding: 7px 14px;}

    .contents_wrap ul li.type > div:first-of-type, .contents_wrap ul li > div:first-of-type {width: 165px;}
    .contents_wrap ul .bottom { min-height: 119px; } 
    .contents_wrap ul .mid { padding: 10px 0; } 
    .contents_wrap ul li > div:not(:first-of-type) {max-width: 22vw;} 
    .contents_wrap ul .type .vs span {padding: 0 4vw;}
    .contents_wrap ul .type .main span { width: 22vw; height: 40px; font-size: 14px; } 
    .contents_wrap ul .type .others span { width: 50px; height: 25px; font-size: 12px; } 
    .contents_wrap ul li > div:first-of-type {flex: none;width: 170px;} 
    .contents_wrap ul .top > div:not(:first-of-type) span, .contents_wrap ul .mid > div:not(:first-of-type) span { width: 22vw; height: 22vw; background-size: 22vw; } 
    .contents_wrap ul li span.normal { background-size: 19vw !important; } 
    .contents_wrap ul li span.small { background-size: 16vw !important; } 
    .contents_wrap ul .bottom > div:nth-of-type(2) { font-size: 20px; } 
    .contents_wrap ul .bottom > div:nth-of-type(3), .evAdd5 .contents_wrap ul .bottom > div:nth-of-type(4) { font-size: 16px; } 
    .event_bnr img {width: 75vw;}

    
}