@charset "euc-kr";


/* flt_inner */
.flt_inner.renewal li { margin-top: 2px; } 


/* evSection */
.clamp-title { margin-bottom: 15px; font-size: 48px; font-weight: 900; } 
.clamp-text { margin-bottom: 70px; line-height: 1.4; font-size: 28px; } 
.clamp-text2 { font-size: 24px; } 
.con_subtext { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 20px; } 
.con_subtext .line { flex: 1; height: 1px; background-color: #cccccc; } 
.con_subtext .text { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 30px; color: #000000; font-size: 18px; font-weight: 300; letter-spacing: 18px; opacity: 0.6; } 
.con_subtext .text i { display: inline-block; width: 5px; height: 8px; margin: 3px 26px 0 10px; background-image: url('https://image.megagong.net/m/2024/0429_tjenglish08/con_subtext_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 1; } 


/* main */
.main { background-image: url('https://image.megagong.net/m/2024/0429_tjenglish08/main_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.main .con_box { position: relative; margin: 0 -315px; } 
.main .con_box a { position: absolute; left: 315px; bottom: 138px; } 


/* evCon1 */
.evCon1 { padding: 141px 0 148px 0; background-image: url('https://image.megagong.net/m/2024/0429_tjenglish08/con1_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.evCon1 .con_box > img { margin-bottom: 35px; } 
.evCon1 .con_box .clamp-text { margin-bottom: 35px; line-height: 1.7; color: #fff; font-size: 25px; } 
.evCon1 .con_box .clamp-text span { color: #00ff9c; } 
.evCon1 .con_box .clamp-title { margin-bottom: 0; line-height: 1.7; color: #00ff9c; } 
.evCon1 .con_box .clamp-title span { font-size: 32px; font-weight: 400; } 


/* evCon2 */
.evCon2 { padding: 146px 0 150px 0; background-color: #e8e8e8; } 
.evCon2 .box_wrap { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.evCon2 .box_wrap .box { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; gap: 40px; } 
.evCon2 .box_wrap .box:nth-of-type(2) { margin: 0 -17px; } 
.evCon2 .box_wrap .box:nth-of-type(1) .box_top { color: #3144d5; background-image: url('https://image.megagong.net/m/2024/0429_tjenglish08/con2_arrow1_bg.png'); } 
.evCon2 .box_wrap .box:nth-of-type(2) .box_top { color: #fff; background-image: url('https://image.megagong.net/m/2024/0429_tjenglish08/con2_arrow2_bg.png'); } 
.evCon2 .box_wrap .box:nth-of-type(3) .box_top { color: #fff; background-image: url('https://image.megagong.net/m/2024/0429_tjenglish08/con2_arrow3_bg.png'); } 
.evCon2 .box_wrap .box .box_top { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 68px; font-size: 24px; font-weight: bold; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon2 .box_wrap .box .box_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 300px; height: 300px; background-color: #fff; border-radius: 50%; } 
.evCon2 .box_wrap .box .box_inner h6 { margin-bottom: 10px; line-height: 1.5; color: #000000; font-size: 24px; font-weight: 900; } 
.evCon2 .box_wrap .box .box_inner p { min-height: 50px; color: #333333; font-size: 18px; } 


/* evCon3 */
.evCon3 { padding: 146px 0 150px 0; background-color: #fff; } 
.evCon3 .box_wrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; } 
.evCon3 .box_wrap .box { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(50% - 10px); padding: 45px 0; gap: 18px; background-color: #f0f0f0; border-radius: 15px; } 
.evCon3 .box_wrap .box.w100 { width: 100%; } 
.evCon3 .box_wrap .box i { position: absolute; top: 20px; left: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 70px; color: #000; font-size: 16px; font-weight: bold; font-style: normal; background-color: #0bffa0; border-radius: 50%; } 
.evCon3 .box_wrap .box h6 { position: relative; padding: 0 4px; color: #000; font-size: 24px; font-weight: 900; z-index: 1; box-shadow: inset 0 -22px #d9ddff; } 
.evCon3 .box_wrap .box p { line-height: 1.5; color: #333333; font-size: 16px; } 


/* evCon4 */
.evCon4 { padding: 146px 0 150px 0; background-color: #e1e5ff; } 
.evCon4 .box_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px; } 
.evCon4 .box_wrap .box { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon4 .box_wrap .box .box_title { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 310px; height: 147px; background-color: #39459f; border-radius: 15px 0 0 15px; } 
.evCon4 .box_wrap .box .box_title i { position: absolute; top: -20px; left: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 70px; line-height: 1.2; color: #000; font-size: 16px; font-weight: bold; font-style: normal; background-color: #0bffa0; border-radius: 50%; } 
.evCon4 .box_wrap .box .box_title h6 { color: #fff; font-size: 24px; font-weight: bold; } 
.evCon4 .box_wrap .box .box_inner { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex: 1; height: 147px; padding-left: 38px; background-color: #fff; border-radius: 0 15px 15px 0; } 
.evCon4 .box_wrap .box .box_inner p { line-height: 1.5; color: #000000; font-size: 20px; text-align: left; } 


/* evCon5 */
.evCon5 { padding: 146px 0 150px 0; background-color: #fff; } 
.evCon5 .clamp-title { margin-bottom: 70px; } 
.evCon5 .clamp-title span { position: relative; padding: 0 10px; z-index: 1; box-shadow: inset 0 -22px #d9ddff; } 
.evCon5 .eventVideo { margin: 0 40px; margin-bottom: 80px; } 
.evCon5 .table_wrap { border-bottom: 1px solid #000000; } 
.evCon5 .table_wrap table { border-radius: 15px 15px 0 0; overflow: hidden; } 
.evCon5 .table_wrap table.mo { display: none; } 
.evCon5 .table_wrap table thead th { padding: 15px 0; color: #fff; font-size: 16px; font-weight: bold; background-color: #242b5f; border: 1px solid #4b528a; } 
.evCon5 .table_wrap table tbody td { height: 66.66px; padding: 12px 0; font-size: 16px; border: 1px solid #cccccc; } 
.evCon5 .table_wrap table tbody td.gray { background-color: #f5f5f5; } 
.evCon5 .table_wrap table tbody td.orange { background-color: #fbe7dc; } 
.evCon5 .table_wrap table tbody td.yellow { background-color: #faf7d7; } 
.evCon5 .table_wrap table tbody td.blue { background-color: #d9eafd; } 
.evCon5 .table_wrap table tbody td.green { background-color: #d0f6e7; } 
.evCon5 .table_wrap table tbody td.purple { background-color: #ece1ff; } 
.evCon5 .table_wrap table tbody td.green_half { /* background-color: #d0f6e7; */ padding: 0; } 
.evCon5 .table_wrap table tbody td.green_half > div { position: relative; width: 100%; height: 100%; } 
.evCon5 .table_wrap table tbody td.green_half > div::before { position: absolute; top: 0; left: 50%; content: ''; width: calc(50% + 1px); height: 100%; background-color: #d0f6e7; } 
.evCon5 .table_wrap table tbody td.green_half2 { padding-right: 5%; background-color: #d0f6e7; } 
.evCon5 .table_wrap table.mo tbody th { padding: 15px 0; color: #fff; font-size: 16px; font-weight: bold; background-color: #242b5f; border: 1px solid #4b528a; } 
.evCon5 .table_wrap table.mo tbody td { height: 60px; } 
.evCon5 .table_wrap table.mo tbody td.h150 { height: 100px; } 


/* evCon6 */
.evCon6 { padding: 146px 0 150px 0; background-color: #e8e8e8; } 
.evCon6 .clamp-title { margin-bottom: 70px; } 
.evCon6 .clamp-title span { position: relative; padding: 0 10px; z-index: 1; box-shadow: inset 0 -22px #d9ddff; } 


/* event */
.event { padding: 140px 0; background-color: #343e8f; } 
.event .con_tit > img { margin-bottom: 30px; } 
.event .con_tit .end::after { top: -75px; background: #fff; } 
.event .clamp-text { margin-bottom: 25px; color: #c0c2d5; font-weight: bold; } 
.event .clamp-title { margin-bottom: 68px; color: #fff; font-size: 52px; } 
.event .clamp-title span { color: #00ff9c; } 
.event .gift { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 39px; margin: 80px 0 130px 0; } 
.event .container_info { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 19px; padding: 52px 0; background-color: #444d98; border-radius: 0; } 
.event .container_info::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #444d98; z-index: 0; } 
.event .container_info .info { align-items: flex-start; margin-right: 0; z-index: 1; } 
.event .container_info .info .info_title { width: 130px; padding: 0; text-align: left; z-index: 1; } 
.event .container_info .info .info_title::before { display: none; } 
.event .container_info .info .info_title::after { left: -12px; right: initial; } 
.event .container_info .info .info_date { text-align: left; z-index: 1; } 
.event .container_info .info .noti { margin-top: 6px; color: #fff; opacity: 0.6; } 
.event .event_subtext { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 35px; } 
.event .event_subtext .line { flex: 1; height: 1px; background-color: #000; } 
.event .event_subtext .text { margin: 0 22px; color: #fff; font-size: 24px; font-weight: bold; font-family: 'NotoSans KR'; } 
.event .eventBoard .evtBoard_common { background-color: transparent; } 
.event .eventBoard .evtBoard_common .evtBoard_inner { padding: 0; } 
.event .radio_list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-bottom: 0; } 
.event .radio_list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(25% - 9px); margin-right: 0; } 
.event .radio_list li [type="radio"] { position: absolute; top: 38px; left: 50%; transform: translate(-50%, 0); } 
.event .radio_list li label { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; margin-left: 0; padding: 78px 0 38px 0; border: 1px solid #7e84b2; border-radius: 15px; cursor: pointer; } 
.event .radio_list li label span { display: inline-block; width: 111px; height: 31px; line-height: 30px; margin: 0 0 10px 0; color: #000; font-size: 18px; font-weight: bold; text-align: center; font-family: 'NotoSans KR'; background-color: #dddddd; border-radius: 40px; } 
.event .radio_list li label p { line-height: 1.5; font-size: 19px; font-weight: bold; text-align: center; } 
.event .radio_list li.type1:hover label { border: 1px solid #fff47c; } 
.event .radio_list li.type1 [type="radio"]:checked + label { border: 1px solid #fff47c; } 
.event .radio_list li.type1 [type="radio"]:checked + label span { background-color: #fff47c; } 
.event .radio_list li.type1 [type="radio"]:checked + label p { color: #fff47c; } 
.event .radio_list li.type2:hover label { border: 1px solid #ff9d65; } 
.event .radio_list li.type2 [type="radio"]:checked + label { border: 1px solid #ff9d65; } 
.event .radio_list li.type2 [type="radio"]:checked + label span { background-color: #ff9d65; } 
.event .radio_list li.type2 [type="radio"]:checked + label p { color: #ff9d65; } 
.event .radio_list li.type3:hover label { border: 1px solid #ff6973; } 
.event .radio_list li.type3 [type="radio"]:checked + label { border: 1px solid #ff6973; } 
.event .radio_list li.type3 [type="radio"]:checked + label span { background-color: #ff6973; } 
.event .radio_list li.type3 [type="radio"]:checked + label p { color: #ff6973; } 
.event .radio_list li.type4:hover label { border: 1px solid #00ff9c; } 
.event .radio_list li.type4 [type="radio"]:checked + label { border: 1px solid #00ff9c; } 
.event .radio_list li.type4 [type="radio"]:checked + label span { background-color: #00ff9c; } 
.event .radio_list li.type4 [type="radio"]:checked + label p { color: #00ff9c; } 
.event .radio_list li.type5:hover label { border: 1px solid #fff47c; } 
.event .radio_list li.type5 [type="radio"]:checked + label { border: 1px solid #fff47c; } 
.event .radio_list li.type5 [type="radio"]:checked + label span { background-color: #fff47c; } 
.event .radio_list li.type5 [type="radio"]:checked + label p { color: #fff47c; } 
.event .radio_list li.type6:hover label { border: 1px solid #fff47c; } 
.event .radio_list li.type6 [type="radio"]:checked + label { border: 1px solid #fff47c; } 
.event .radio_list li.type6 [type="radio"]:checked + label span { background-color: #fff47c; } 
.event .radio_list li.type6 [type="radio"]:checked + label p { color: #fff47c; } 
.event .radio_list li.type7:hover label { border: 1px solid #fff47c; } 
.event .radio_list li.type7 [type="radio"]:checked + label { border: 1px solid #fff47c; } 
.event .radio_list li.type7 [type="radio"]:checked + label span { background-color: #fff47c; } 
.event .radio_list li.type7 [type="radio"]:checked + label p { color: #fff47c; } 
.event .radio_list li.type8:hover label { border: 1px solid #fff47c; } 
.event .radio_list li.type8 [type="radio"]:checked + label { border: 1px solid #fff47c; } 
.event .radio_list li.type8 [type="radio"]:checked + label span { background-color: #fff47c; } 
.event .radio_list li.type8 [type="radio"]:checked + label p { color: #fff47c; } 
.event .radio_list + .tiny_noti { display: block; margin-top: 15px; margin-bottom: 65px; color: #fff; font-size: 13px; text-align: right; opacity: 0.6; } 
.event .wrap { padding: 40px; background-color: #242b64; } 
.evtBoard_common .board_notice li { font-size: 11px; } 
.evtBoard_common .board_list ul li .usr_info_top { display: flex!important; flex-direction: row; } 
.evtBoard_common .board_list ul li .usr_info .name { margin-top: 0 !important; } 
.evtBoard_common .board_list ul li .type { position: relative; display: inline-block !important; margin-top: 0 !important; margin-right: 7px; padding-right: 12px; } 
.evtBoard_common .board_list ul li .type::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 2px; height: 13px; background-color: #cccccc; } 
.evtBoard_common .board_list ul li .type1 { color: #bcac00; } 
.evtBoard_common .board_list ul li .type2 { color: #ff660f; } 
.evtBoard_common .board_list ul li .type3 { color: #ff1c2b; } 
.evtBoard_common .board_list ul li .type4 { color: #00a565; } 
.evtBoard_common .board_list ul li .type5 { color: #bcac00; } 
.evtBoard_common .board_list ul li .type6 { color: #bcac00; } 
.evtBoard_common .board_list ul li .type7 { color: #bcac00; } 
.evtBoard_common .board_list ul li .type8 { color: #bcac00; } 
.evtBoard_common .board_write .btn_wrap a { color: #000; background-color: #0bffa0; } 


/* event1 */
.event1 { padding: 140px 0; background-color: #4ff2b2; } 
.event1 .con_tit > img { margin-bottom: 30px; } 
.event1 .con_tit .end::after { top: -75px; background: #277959; } 
.event1 .clamp-text { margin-bottom: 10px; color: #111111; font-size: 30px; font-weight: 900; } 
.event1 .clamp-title { margin-bottom: 25px; color: #152287; font-size: 54px; } 
.event1 .clamp-text2 { margin-bottom: 45px; line-height: 1.4; color: #333333; } 
.event1 .clamp-text2 b { color: #343e8f; font-weight: bold; } 
.event1 .container_info { margin-bottom: 60px; background-color: #a7f9d9; } 
.event1 .container_info .info .info_date { font-weight: bold; } 
.event1 .btn_wrap { margin-top: 40px; } 
.event1 .btn_wrap a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 400px; height: 78px; margin: 0 auto; color: #fff; font-size: 24px; font-weight: bold; background-color: #343e8f; border-radius: 10px; } 


/* event2 */
.event2 { padding: 140px 0; background-color: #343e8f; } 
.event2 .con_tit > img { margin-bottom: 30px; } 
.event2 .con_tit .end::after { top: -75px; background: #fff; } 
.event2 .clamp-text { margin-bottom: 10px; color: #fff; font-size: 30px; font-weight: 900; } 
.event2 .clamp-title { margin-bottom: 25px; color: #00ff9c; font-size: 54px; } 
.event2 .clamp-text2 { margin-bottom: 45px; line-height: 1.4; color: #c0c2d5; } 
.event2 .clamp-text2 b { color: #ffffff; font-weight: 400; } 
.event2 .container_info { position: relative; display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 19px; margin-bottom: 60px; padding: 52px 0; color: #fff; background-color: #444d98; border-radius: 0; } 
.event2 .container_info::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 100%; background-color: #444d98; z-index: 0; } 
.event2 .container_info .info { align-items: flex-start; margin-right: 0; z-index: 1; } 
.event2 .container_info .info .info_title { width: 111px; padding: 0; text-align: left; z-index: 1; } 
.event2 .container_info .info .info_title::before { display: none; } 
.event2 .container_info .info .info_title::after { left: -12px; right: initial; height: 19px; background-color: #fff; } 
.event2 .container_info .info .info_date { text-align: left; z-index: 1; } 
.event2 .container_info .info .noti { margin-top: 6px; color: #fff; opacity: 0.6; } 
.event2 .gift { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 77px; } 
.event2 .btn_wrap { margin-top: 60px; } 
.event2 .btn_wrap a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 400px; height: 78px; margin: 0 auto; color: #000000; font-size: 24px; font-weight: bold; background-color: #00ff9c; border-radius: 10px; } 


/* evWarning */
.eventWrap .evWarning { padding: 40px 0; } 
.warningList > li { margin-top: 10px; } 


@media screen and (max-width: 1200px){
    .clamp-title { font-size: clamp(30px,5vmin,48px); } 
    .clamp-text { font-size: clamp(18px,2.5vmin,22px); } 
    .clamp-text2 { font-size: clamp(18px,2.5vmin,22px); } 
    
    .main .con_box { margin: 0 -24vw; } 
    .main .con_box a { left: 27vw; bottom: 14%; } 
    .evCon2 .box_wrap .box .box_inner { width: 290px; height: 290px; } 
    .event .con_tit .end::after,
    .event1 .con_tit .end::after,
    .event2 .con_tit .end::after { top: 0; } 
    .event .gift,
    .event2 .gift { gap: 15px; } 
    .event .radio_list li label p { font-size: 16px; } 
    .event .radio_list + .tiny_noti { font-size: 11px; } 
}

@media screen and (max-width: 992px){
    .clamp-title { margin-bottom: 2vw; } 
    .clamp-text { margin-bottom: 8vw; } 
    .con_subtext { margin-bottom: 2.7vw; } 
    .con_subtext .text { margin: 0 5px 0 20px; font-size: clamp(12px,2vmin,18px); } 
    .evCon1,
    .evCon2,
    .evCon3,
    .evCon4,
    .evCon5,
    .evCon6,
    .event,
    .event1,
    .event2 { padding: 10vw 0; } 
    .evCon1 { background-position: 40% 50% !important; } 
    .evCon1 .con_box .clamp-text { font-size: clamp(18px,2.5vmin,22px); } 
    .evCon1 .con_box .clamp-title span { font-size: clamp(24px,3vmin,30px); } 
    .evCon2 .con_box { padding-bottom: 20px; overflow: auto; } 
    .evCon2 .con_box .box_wrap { width: 900px; } 
    .evCon2 .box_wrap .box { gap: 20px; } 
    .evCon2 .box_wrap .box .box_top { height: 60px; font-size: 20px; } 
    .evCon2 .box_wrap .box .box_inner { width: 260px; height: 260px; } 
    .evCon2 .box_wrap .box .box_inner h6 { font-size: 20px; } 
    .evCon2 .box_wrap .box .box_inner p { font-size: 16px; } 
    .evCon3 .box_wrap { gap: 10px; } 
    .evCon3 .box_wrap .box { width: calc(50% - 5px); } 
    .evCon4 .box_wrap .box .box_title { width: 200px; } 
    .evCon4 .box_wrap .box .box_title i { font-size: 14px; } 
    .evCon4 .box_wrap .box .box_title h6 { font-size: 18px; } 
    .evCon4 .box_wrap .box .box_title,.evCon4 .box_wrap .box .box_inner { height: 130px; } 
    .evCon4 .box_wrap .box .box_inner p { font-size: 15px; } 
    .evCon5 .clamp-title { margin-bottom: 8vw; } 
    .evCon5 .eventVideo { margin: 0 auto; margin-bottom: 7vw; } 
    .evCon5 .table_wrap table thead th,
    .evCon5 .table_wrap table tbody td { font-size: 13px; } 
    .event .clamp-title,
    .event1 .clamp-title,
    .event2 .clamp-title { font-size: clamp(30px,4.7vmin,38px); } 
    .event .gift { flex-wrap: wrap; gap: 20px 30px; } 
    .event .gift > img { width: 30%; } 
    .event .gift > img:first-of-type { margin: 0 40%; } 
    .event .radio_list li label span { width: 100px; height: 27px; line-height: 26px; margin: 0 0 10px 0; font-size: 15px; } 
    .event .radio_list li label p { font-size: 13px; } 
    .event .radio_list + .tiny_noti { margin-top: 10px; margin-bottom: 7vw; font-size: 9px; } 
    .event .wrap { padding: 30px 15px } 
    .event .gift { margin: 6vw 0 10vw 0; } 

    .event1 .clamp-text,
    .event2 .clamp-text { font-size: clamp(20px,2.7vmin,26px); } 
}

@media screen and (max-width: 768px){
    .con_subtext .text i { margin: 1px 26px 0 10px; } 
    .main .con_box a { bottom: 12%; width: 20%; } 
    .evCon3 .box_wrap .box i { top: 10px; left: 10px; width: 60px; height: 60px; font-size: 14px; } 
    .evCon3 .box_wrap .box h6 { font-size: 20px; box-shadow: inset 0 -12px #d9ddff; } 
    .evCon3 .box_wrap .box p { font-size: 14px; } 
    .evCon5 .table_wrap table.pc { display: none; } 
    .evCon5 .table_wrap table.mo { display: table; } 
    .evCon4 .box_wrap .box .box_inner { padding: 0 20px; } 
    .event .con_tit > img,
    .event1 .con_tit > img,
    .event2 .con_tit > img { width: 30%; } 
    .container_info { font-size: 14px; } 
    .event .container_info .info .info_title { width: 70px; margin-right: 15px; } 
    .event .container_info .info .noti { margin-top: 3px; font-size: 10px; } 
    .container_info .info .noti::before { top: 1.5px; } 
    .event .gift > img { width: 40%; } 
    .event .gift > img:first-of-type { margin: 0 30%; } 
    .event .event_subtext .text { margin: 0 15px; font-size: 20px; } 
    .event .radio_list li { width: calc(33.33% - 8px); } 
    .event .radio_list li label { padding: 64px 0 32px 0; } 

    .event1 .con_tit > img,
    .event2 .con_tit > img { margin-bottom: 10px; } 
    .event2 .container_info .info .info_title { width: 86px; } 
    .event2 .gift > img { width: 40%; } 
}

@media screen and (max-width: 576px){
    .clamp-title { font-size: clamp(20px,6vmin,30px); } 
    .clamp-text { font-size: clamp(13px,3vmin,18px); } 
    .clamp-text2 { font-size: clamp(13px,3vmin,18px); } 
    .con_subtext .text { margin: 0 5px 0 9px; font-size: clamp(9px,2vmin,12px); letter-spacing: 5px; } 
    .con_subtext .text i { margin: -1px 12px 0 10px; } 
    .evCon1 { background-position: 30% 50% !important; } 
    .evCon1 .con_box .clamp-text { font-size: clamp(13px,2.5vmin,18px); } 
    .evCon1 .con_box .clamp-title span { font-size: clamp(19px,3vmin,25px); } 
    .evCon2 .con_box .box_wrap { width: 700px; } 
    .evCon2 .box_wrap .box { gap: 20px; } 
    .evCon2 .box_wrap .box .box_top { height: 60px; font-size: 16px; } 
    .evCon2 .box_wrap .box .box_inner { width: 220px; height: 220px; } 
    .evCon2 .box_wrap .box .box_inner h6 { font-size: 15px; } 
    .evCon2 .box_wrap .box .box_inner p { font-size: 12px; } 
    .evCon3 .box_wrap { flex-direction: column; } 
    .evCon3 .box_wrap .box { gap: 10px; width: 100%; padding: 25px 0; } 
    .evCon3 .box_wrap .box h6.mgb_custom{ margin-bottom: -10px; }
    .evCon3 .box_wrap .box p { font-size: 12px; } 
    .evCon4 .box_wrap .box { flex-direction: column; } 
    .evCon4 .box_wrap .box .box_title { width: 100%; height: 70px; border-radius: 15px 15px 0 0; } 
    .evCon4 .box_wrap .box .box_inner { align-items: center; flex: initial; width: 100%; height: initial; padding: 30px 0; border-radius: 0 0 15px 15px; } 
    .evCon4 .box_wrap .box .box_inner p { font-size: 12px; text-align: center; } 
    .evCon5 .table_wrap table.mo tbody th { font-size: 13px; } 
    .evCon5 .table_wrap table.mo tbody td { height: 40px; } 
    .evCon5 .table_wrap table.mo tbody td.h150 { height: 80px; } 
    .event .con_tit > img,
    .event .clamp-text { margin-bottom: 3vw; } 
    .event .clamp-title,
    .event1 .clamp-title,
    .event2 .clamp-title { margin-bottom: 9vw; font-size: clamp(20px,6.5vmin,30px); } 
    .container_info { font-size: 12px; } 
    .event .event_subtext .text { margin: 0 10px; font-size: 14px; } 
    .event .radio_list { gap: 10px; } 
    .event .radio_list li { width: calc(50% - 5px); } 
    .event .radio_list li label { padding: 47px 0 23px 0; } 
    .event .radio_list li [type="radio"] { top: 24px; } 
    .event .radio_list + .tiny_noti { margin-bottom: 12vw; } 
    .event .event_subtext { margin-bottom: 4vw; } 

    .event1 .clamp-text,
    .event2 .clamp-text { font-size: clamp(16px,2.5vmin,26px); } 
    .event1 .clamp-title, .event2 .clamp-title { margin-bottom: 4vw; } 
    .event1 .clamp-text2,
    .event2 .clamp-text2 { margin-bottom: 4vw; } 
    .event1 .container_info { border-radius: 40px; margin-bottom: 5vw; } 
    .event2 .container_info { margin-bottom: 5vw; } 
    .event2 .container_info .info .info_title { width: 60px; } 
    .event2 .container_info .info .info_title::after { height: 12px; } 
    .event1 .btn_wrap a,
    .event2 .btn_wrap a { width: 80%; height: 60px; font-size: 16px; } 
}