@charset "euc-kr";

.full_main .fmain_inner {background-color:#0000ff !important;background-image:url("https://img.megagong.net/m/2025/0329_full/gong/top_bg.jpg") !important;min-height: initial;}
.fstscoring_wrp .fstscoring_tit h5{color: #047af5 !important;}
.fstscoring_wrp .fstscoring_tit h5::before{border-bottom: 7px solid #047af5 !important;}

/* s\sobang\full\20250329\full_main.css */
.full_main {background-color: transparent;}
.full_main .inner {width: 1200px; margin: 0 auto; position: relative;}
.top_number_wrap {background-color: #000000;}
.top_number_wrap .inner {width: 1200px; margin:0 auto;}
.top_number {display: flex; justify-content: space-between; align-items: center; color:#fff; height: 60px;}
.top_number .number_wrap {display: flex; gap:60px; align-items: center;}
.top_number .number_wrap > li {display: flex; align-items: center; gap:16px;}
.top_number .number_wrap .txt {border:1px solid #666666; border-radius: 2px; width: max-content; line-height: 1;padding: 7px 30px; font-weight: 600;}
.top_number .number_wrap sup {color:#fff; opacity: 0.4; font-size: 9px;}

.full_main .fmain_inner {padding: 60px 0 20px; background-color:#ff503c; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image:url("https://img.megagong.net/m/2025/0329_full/sobang/top_bg.jpg");}
.full_main .mini_tit {font-weight:400; text-align: center;color:#fff}
.full_main .mini_tit sup {font-size: 11px; opacity: 0.5;}
.full_main .con_tit {margin: 10px auto 0; font-size: 80px; color:#fff; text-align: center;}
.full_main .predict_btn {margin: 20px auto 30px;display: block;/* padding: 20px 70px; */border-radius: 60px;background-color: #000;color: #fff;width: max-content;line-height:1;font-weight: bold;width: 360px;height: 100%;aspect-ratio: 6 / 1;/* align-content: center; */align-items: center;text-align: center;display: flex;justify-content: center;}
.full_main .labtop_wrap {position: relative;width: max-content;margin: 0 auto;}
.full_main .labtop_wrap .laptop {display: block;left: -42px;position: relative;}

.full_main .labtop_wrap .txt_box li {width:198px; height:64px; display: flex; align-items: center; justify-content: center; text-align: center; gap:10px; background-color: #fff; border-radius: 3px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; font-weight: 500; position: absolute;}

.full_main .labtop_wrap .txt_box li:nth-child(1) {top:48px;left: -103px;}
.full_main .labtop_wrap .txt_box li:nth-child(2) {top:63px;right: -120px;}
.full_main .labtop_wrap .txt_box li:nth-child(3) {bottom:109px;left: -10px;}
.full_main .labtop_wrap .txt_box li:nth-child(4) {bottom:100px;right: -38px;}

 

.full_main .v_noti {position:absolute;right:0;bottom: 31px;text-align: right;color:#000;opacity:0.3;letter-spacing: -1.38px;}


.full_tabcon {background: linear-gradient(180deg, rgb(230 238 255) 0%, rgba(255, 255, 255, 1) 5%);}
.full_tabcon.sub_tabcon {padding:80px 0 0; background: #f5f5f5;}
.ftabcon_inner {padding-top:0; width: 1200px;}



/* ? '?? ? ????' (?????)*/
.ftabcon_inner .fstscoring_wrp .tit_wrp{border: 0;padding: 0;}
.fstscoring_wrp .fstscoring_tit h5{color: #047af5;}
.fstscoring_wrp .fstscoring_tit h5::before{content: "";position: absolute;top: 6px;left:0;width: 0px;height:0px;border-right: 7px solid transparent;border-bottom: 7px solid #047af5;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);}

/* ? '??? ????' */
.loca_grp_wrp{padding: 0 0 30px;height: inherit;}

/* full_common ????*/
.full_opini{padding-top: 0;}
.full_opini .evtBoard_common{background-color: #0fc0db;}

.belt_bnrwrp,.belt_bnrwrp::before{background-color: #460b67;}
.belt_bnrwrp{margin: 0;}
.belt_bnrwrp .point{position: absolute;top: -37px;left: 0;z-index: 2;}




.fopini_write::before{background: url(https://img.megagong.net/m/2020/0613_fullserv/evt_present.png) 0 0 no-repeat;width: 406px;height: 89px;top: -94px;right: 0;}


.full_opini .evt_func, .full_common .evt_func{margin-top: 60px;color: #999999;text-align: left;padding: 0;border: 0;}
.full_common .evt_func{width: 1080px;margin: 0 auto;padding:60px 0 50px}
.full_opini .evt_func h5, .full_common .evt_func h5{text-align: left;position: relative;overflow: hidden;font-size: 27px;margin-bottom: 20px;padding: 0;}
.full_opini .evt_func h5 span, .full_common .evt_func h5 span{position: relative;display: inline-block;background: #ffffff;padding: 0 10px 0 0;}
.full_opini .evt_func h5::before, .full_common .evt_func h5::before{position: absolute;content: "";top: 50%;left: 0;width: 100%;height: 2px;margin: -1px 0 0;background-color: #999999;}
.full_opini .evt_func p, .full_common .evt_func p{position: relative;padding-bottom: 7px;line-height: 1.4;font-size: 13px;padding-left: 12px;}
.full_opini .evt_func p.point, .full_common .evt_func p.point{font-weight: bold;}
.full_opini .evt_func p::before, .full_common .evt_func p::before{position: absolute;content: "";top: 8px;left:0;width: 5px;height: 1px;background-color: #b0b0b0;}
.full_opini .evt_func p.inn, .full_common .evt_func p.inn{padding-left: 17px;}
.full_opini .evt_func p.inn::before, .full_common .evt_func p.inn::before{content: ":";height: 10px;background: none;font-size: 13px;top: -1px;left: 9px;font-weight: normal;}
.full_opini .evt_func p a, .full_common .evt_func p a{display: inline-block;border: 1px solid #555555;padding: 0px 4px;color: #555555;font-size: 11px;margin-left: 5px;/* font-weight: normal; */}



/* ? '?? ? ????' */
.subpaperdown_wrp{border: 1px solid #ccc;padding: 28px 15px 28px;border-radius: 15px;}
.subpaperdown_wrp ul.download_wrap {display: flex; justify-content: center;}
.subpaperdown_wrp ul li{width: 28%;box-sizing: border-box;text-align: center;}
.subpaperdown_wrp ul li::before{content: "";position: absolute;top: 50%;left:0;width: 3px;height: 22px;margin: -11px 0 0;background-color: #d3d3d3;}
.subpaperdown_wrp ul li:nth-child(1)::before{display:none}
.subpaperdown_wrp ul li.sub_line{width: auto;width: 44%;}
.subpaperdown_wrp ul li.allcomm_line{float: left;}
.subpaperdown_wrp ul li strong{font-size: 19px;padding: 0;}
.subpaperdown_wrp ul li strong::before{display:none}
.subpaperdown_wrp ul li span{padding: 0;}
.subpaperdown_wrp ul li select{margin: 0 0 0 10px;width: 140px;}
.subpaperdown_wrp ul li button{background: #000;border-radius: 100%;width: 34px;height: 34px;font-size: 0;background: #000 url(https://img.megagong.net/m/2020/0613_fullserv/down.png) center center no-repeat;margin: 0 0 0 10px;}

/* ?? ?? ?? */
.dim_bnrwrp_wrap .dim_popup{position:fixed;top:50%;left:50%;z-index:3;width: 520px;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.dim_bnrwrp_wrap .dim_popup > button{position:absolute;right: 0;top: 0;margin: -40px 0 0;width: 40px;}
.dim_bnrwrp_wrap .dim_popup > button.btnToday{position: absolute;bottom: 100%;right: 44px;padding: 0;height: 40px;margin: -40px 0 0;line-height: 40px;width: 130px;background: #9fa0a2;color: #fff;font-weight: bold;}

.event .con_tit .end{right: -120px;}
.event .con_tit .end::after{background-color: #000;}

/*??? ??*/
.eventWrap .evSection.event{padding:120px 0}
#event1 {background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgb(180 203 255) 70%);padding-bottom: 60px;}
#event2 {background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgb(151 220 241) 59%);}
#event3 {background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgb(232 189 255) 100%);}
#bonusevent {background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgb(255 182 211) 75%);}
#event4 {background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgb(255 222 153) 100%);}


.mg_popup_wrap .content_area {padding:0 !important;}
.con_tit .end::after {background-color: #000;}
.full_common .event_bnr {background-color: #0000ff;color:#fff;overflow: hidden;}
.full_common .event_bnr .inner {width: 1080px;padding: 95px 0 67px;margin: 0 auto;position: relative;text-align: center;/* overflow: hidden; */}
.full_common .event_bnr .count{opacity: .8;position: absolute;left: 10px;top: 5px;z-index: 2;text-shadow: 1px 0px 5px #0000ff}
.full_common .event_bnr .tit {font-weight: bold;position: relative;z-index: 1;text-shadow: 1px 0px 5px #0000ff}
.full_common .event_bnr .tit .point {color:#efefff;}
.full_common .event_bnr .det {display: block;margin: 18px 0 0;opacity: 0.5;font-weight: 300;}
.full_common .event_bnr .gift_icon1 {position: absolute;top: 25px;left: -106px;}
.full_common .event_bnr .gift_icon2 {position: absolute;bottom:0;right: -126px;}

.step_base_wrap .inner_center {width: fit-content; margin: 0 auto;}
.step_base_wrap .step_info {text-align: left;}
.step_base_wrap .depth2 {padding-left: 15px;}
.step_base_wrap .step_info li a{color: #ff5eac;}
.bonusevent .con_tit .point{color: #ff5eac;}
.bonusevent .step_base_wrap .step_info li {display: flex; gap: 5px;}
.bonusevent .step_base_wrap .step_info li:before {content:"\203B"; display: block;}
.bonusevent .step_base_wrap a {color:#6359ff; font-weight: bold;}
.step_base_wrap .step_list li .box_area {display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.step_base_wrap .step_list li .box_area span {width: 100%;}
.step_base_wrap .btn-base.white a {display: flex; align-items: center; justify-content: center; width: 100%; font-weight: bold;}


.evSection.event1 .bg_shadow {bottom: -5%;}
.evSection.event1 .obj_cover .pattern_obj {top: 6%;}
.event .gift_list_wrap li .badge.fz12{font-size: 12px;}

.event1 .con_tit .point {color: #1d0ffc;}
.event1 .mini_tit {margin:26px auto 0; color:#777777; opacity: 0.7;}
.event1 .gift_white_wrap{margin: 50px auto 30px; background-color: #fff; padding:25px 40px 35px;}
.gift_white_wrap .gift_list_wrap {margin:14px auto 0}
.gift_white_wrap .gift_list_wrap li.inc_label .cover {border: 1px solid #ececec;  border-top: none;}
/* .gift_list_wrap li .badge {background-color: #ff9300;} */
.gift_list_wrap li .badge.gry {background-color: #999999 !important;}
.gift_list_wrap li.inc_label .label {margin-bottom: 0; border-radius: 3px 3px 0 0;}
.gift_list_wrap li.inc_label .cover {border-radius: 0px 0px 3px 3px;}
.event1 .sub_tit {display: block; margin: 94px auto 60px;}
.event_goto {position: relative;height: 100px;background-color: #fff;border: 3px solid transparent;border-radius: 0;border-image: linear-gradient(to right, #0005ff 0%, #23cee9 100%);border-image-slice: 1;display: flex;align-items: center;color:#000;padding-left: 40px;box-sizing: border-box;}
.event_goto li {position: relative;width: 26%;text-align: center;}
.event_goto li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;gap:10px;}
.event_goto li p {font-weight: bold;}

.event_goto li:nth-child(1){width: 20%;}
.event_goto li:nth-child(2),
.event_goto li:nth-child(4){width: 27%;}


.event_goto li::after {content:"";position: absolute;top: 50%;right:0;transform: translateY(-50%);display: block;width: 1px;height: 54%;background-color: #ececec;}
.event_goto li:last-child::after {display: none;}
.event1 .gift_list_wrap li.inc_label .label{margin-bottom: 0;border-radius: 3px 3px 0 0;background: #1d0ffc;}
.event1 .gift_list_wrap li .badge{background-color:#1ecfea;}
.event_goto.on {position: fixed;left:50%;max-width: 1000px; transform:translateX(-50%);bottom:3%;z-index: 3;width: 100%;}

.evSection.event2 .bg_shadow {bottom: auto;top: 900px;}
.evSection.event2 .inner{max-width: 1080px;width: 100%;margin: 0 auto;text-align: center;}
.event2 .win_confirm_btn {margin:0 0 6px; display: flex; justify-content: flex-end;}
.event2 .win_confirm_btn a { border-radius:3px; border: 1px solid #000; display:flex; align-items: center; justify-content: center; width:122px; height: 24px; font-size: 11px;}
.event2 .con_tit .point {color: #16bfda;}
.event2 .mini_tit {margin:30px auto 54px; color:#777777; opacity: 0.7;}
.event2 .regist_form_area {background-color: #16bfda;}
[class*=board-list-wrap] table tbody tr:has(.c-red) td{background: #e8fbfd;}
.event2 .badge-base.c-red {background-color: #16bfda;}
.event2 .gift_full_wrap {margin: 78px auto 30px;}
.event2 .board-list-wrap .table-top {margin: 0 0 10px; text-align: left; display: flex; align-items: center; justify-content: space-between;}
.event2 .board-list-wrap .table-retry {display: flex; align-items: center; gap:8px;}
.event2 .board-list-wrap .table-top .table-count {font-weight: bold;}
.event2 .board-list-wrap  .table-order {margin:0;}

.event2 .event_winner_wrap {border-radius: 80px; width:100%; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #fff;}
.event2 .slick-arrow {display: none !important;}
.event2 .event_winner_wrap .box_wrap {display: flex !important; justify-content: center;}
.event2 .event_winner_wrap p {display: flex; gap:5px;}
.event2 .event_winner_wrap .win_con {width:240px; border-bottom: 2px solid #000; padding:0 0 8px; display: flex; justify-content: center;}

.event2 [class*=board-list-wrap] table tbody .notice td{background: #e9fbfd;}
.event2 .reply_write_area{margin-top: 15px;}
.event2 .table-order li.active a{color:#1d0ffc}
.event2 .s-btn-base.del{color:#1d0ffc;border-color: inherit;}


.event2 .input-base-wrap.ver_input-btn .textarea-base {max-height: 60px;height: 60px !important;}
.event2 .input-base-wrap.ver_input-btn .reply-textarea {max-height: 220px;height: 220px !important;}
.comment_list .reply_area .txt {overflow: unset;text-overflow: unset;
white-space: unset;}
.event2 .input-base-wrap.ver_input-btn .btn-base.ms > a {height: 100%;display: flex;align-items: center;justify-content: center;width: 100px;padding: 0;}
.event2 .board-list-wrap table tbody td .tit_btn .content {overflow:unset; text-overflow:unset;white-space:unset;}




.event3 .step_info > li {text-indent: -15px;padding-left: 10px;}


.evtoggleWarning .warningList li ul li a{color:#1d0ffc}
/*?? ?? ?? ??*/
#popupWinChk .total_num{margin:30px 0 12px; display: flex; align-items: center; gap: 5px;}
#popupWinChk .total_num span {font-weight: bold;}
#popupWinChk .total_num .tit {display: flex;}
#popupWinChk .total_num .bar {display: block; margin:2px 0 0; font-size:0; width: 2px; height:12px; background-color: #000;}
#popupWinChk .total_num .det {color:#ff3022;}
#popupWinChk .no_list {display: flex; align-items: center; justify-content: center; border: 1px solid #000; height: 150px;}
/*?? ?? ?? ??*/


#popupWinChk .total_num_wrap .tit {display: flex; font-weight: bold;}
#popupWinChk .total_num_wrap .bar {display: block; margin:2px 0 0; font-size:0; width: 2px; height:12px; background-color: #000; font-weight: bold;}
#popupWinChk .total_num_wrap .det {color:#ff3022; font-weight: bold;}
#popupWinChk .no_list {display: flex; align-items: center; justify-content: center; border: 1px solid #000; height: 150px;}




/*?? ?? ???*/
#popupCongra {width:348px; height:310px;}
#popupCongra .content_area .content_inner {display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%; background-color: #ececec;}
#popupCongra .con_icon {display:block; margin:0 auto 22px;}
#popupCongra .b_tit {margin: 0 auto 14px;position: relative;}
#popupCongra .b_tit span {position: relative;}
#popupCongra .b_tit::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -6px;display: block;background-color: #ffef85;width: 123%;height:12px;}
#popupCongra .s_tit {margin: 0 !important;}
#popupCongra .pop_noti {margin: 16px 0 0;color:#999999;}
/*?? ?? ???*/


.card_wrap{display: flex;gap: 0 60px;justify-content: center;margin-top: 60px;}
.card_wrap .mega_card_wrap{aspect-ratio: 346 / 173;height: auto;width: 346px;padding: 20px 40px;margin: 0;background-size: contain!important;}
.card_wrap .mega_card_wrap .date{ font-size: 13px;}
.card_wrap .mega_card_wrap .card .txt{ font-size: 19px;}
.card_wrap .mega_card_wrap .card .name{ font-size: 34px;}
.event3 .step_base_wrap{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.evSection.event3 .bg_shadow {bottom: 15%;}
.evSection.event3 .obj_cover .pattern_obj {}
.event3 .con_tit .point {color: #c83cff;}
.event3 .mega_card_wrap {background: url(https://img.megagong.net/m/2025/0329_full/gong/bg_card_mega_lg.png) 0 0 no-repeat;}
.event3 .mega_card_wrap + .btn-base-wrap{margin-top: 30px;}
.event3 .coupon_chk_btn {margin: 10px auto 0;}
.event3 .coupon_chk_btn a {text-decoration: underline;}


.evSection.bonusevent .bg_shadow {bottom: 18%;}
.evSection.bonusevent .obj_cover .pattern_obj {}
.bonusevent .con_tit .point {color:#ff5eae;}
.bonusevent .mega_card_wrap {background: url(https://img.megagong.net/m/2025/0329_full/gong/bg_card_mega_lg2.png) 0 0 no-repeat;}
.bonusevent .step_base_wrap {margin-top:60px;}
/* .bonusevent .gift_item_wrap {margin-top: 80px;} */
.bonusevent .step_base_wrap .evt_tit_base {margin: 14px 0 0;}


.event4 .con_tit .point {color: #ffad00;}
.event4 .step_base_wrap {margin: 60px auto 6px;}
.event4 .step_base_wrap .step_list li:first-child img {display: block; margin: 40px 0 0;}
.event4 .step_base_wrap .step_list li .box_area .label {color: #ffad00;}
.event4 .step_base_wrap .hashtag {color: #ffad00;}
.event4 .regist_form_area {background-color: #ffad00;margin: 0 auto;}
.event4 .gift_list_wrap li .badge {background-color: #ffad00;}

.evtoggleWarning .warningList .f_dash li{padding-left: 15px;}

.event .comment_base_wrap{position: relative;z-index: 2;}
@media all and (max-width: 1200px){

    .event_goto.on{bottom:70px}


    /* ?? */
    .full_main .inner {width: 97%;}
    .top_number_wrap .inner {width: 97%;}
    .top_number .number_wrap .txt {font-size: clamp(12px, 1.8vmin, 13px);}
    .top_number .number_wrap .num{font-size: clamp(14px, 2.5vmin, 20px);}
    .full_main .fmain_inner {padding: 5% 0 7%; }
    .full_main .con_tit {font-size: clamp(27px, 7.5vmin, 50px);}
    .full_main .predict_btn {/* padding: 3% 8%; */margin: 3% auto 5%;}
    .full_main .labtop_wrap {width: fit-content;padding-bottom: 30px;}
    .full_main .labtop_wrap .laptop {width: 88%;left: 0;}
    .full_main .labtop_wrap .txt_box li:nth-child(1) {top: 13%;left: -16%;}
    .full_main .labtop_wrap .txt_box li:nth-child(2) {top: 14%;right: -15%;}
    .full_main .labtop_wrap .txt_box li:nth-child(3) {bottom: 36%;left: -7%;}
    .full_main .labtop_wrap .txt_box li:nth-child(4) {bottom: 31%;right: -5%;}
    .full_main .v_noti {font-size: 10px;font-size: clamp(8px, 2.1vmin, 12px);bottom: -5%;}



    .full_tabcon {padding: 12% 0 0; background: #f5f5f5;}
    .full_tabcon.sub_tabcon {padding: 12% 0 0;}
    .ftabcon_inner {width: 97%;}

    .countWrap{display: block;}
    .countWrap__tie-day{width: auto;padding: 0 0 0 40px;font-size: 30px;font-weight: bold;letter-spacing: 0.05em;line-height: 39px;height: 40px;vertical-align: top;}
    .countWrap__tie--item{background: none;color: #222;font-size: 30px;font-weight: bold;width: auto;height: auto;line-height: 1;padding: 0;margin: 0 0 0 4px;}
    .countWrap__tie span.txt{font-size: 0.95em;width: auto;height: auto;color: #222;line-height: 1;padding: 0;vertical-align: baseline;display: inline;margin: 0 0 0 -5px;}

	.fmn_advantwrp{padding-top: 3%;margin-top: 3%;}
	.fmn_advantwrp::before{background: none;height: 1px;border-top: 1px solid #dcf298;opacity: 0.3;width: 96%;left: 2%;}
	/* .fmn_advantwrp ul li{width:33.3%;float: left;}
	.fmn_advantwrp ul li img{display:inline-block;max-width: 44%;}
	.fmn_advantwrp ul li span{padding:0;margin: 15px 0 0;} */
    .subpaperdown_wrp{padding: 15px 0 15px;}
    .subpaperdown_wrp ul li strong{font-size:15px}
    .subpaperdown_wrp ul li button{width: 28px;height: 28px;background-size: 14px;}

    .full_opini .evt_func, .full_common .evt_func{margin-top: 6%;}
    .full_common .evt_func{width:97%;padding: 0 0 5%;}
    .full_opini .evt_func h5, .full_common .evt_func h5{font-size: 18px;margin: 0 0 10px;}

    .dim_bnrwrp_wrap .dim_popup{width: 90%;font-size: 12px;left: 50%;background-size: 100% 100%;max-width: 500px;}



    .full_common .event_bnr .inner {width: 97%;padding: 5% 0;}
    .full_common .event_bnr .gift_icon1 {left: 0;width: min(220px,15vw);aspect-ratio: 1/1;}
    .full_common .event_bnr .gift_icon2 {right: 0;aspect-ratio: 1/1;width: min(220px,15vw);}

    .eventWrap .evSection.event{padding:12% 0}
    #event1{padding-bottom: 8%;}
	.event .con_tit .end{right:0}
    .event1 .gift_white_wrap {padding: 25px 4%;margin: 8% auto 4%;}
    .event1 .sub_tit {margin: 8% auto 4%;/* text-align: left; *//* width: fit-content; */font-size: clamp(20px,4vmin,30px);}

    .gift_item_wrap {width: 100%;}

    .evSection.event2 .inner{width: 96%;}
    .event2 .event_winner_wrap {height: auto; padding:10px 0; gap: 10px;}
    .event2 .event_winner_wrap .box_wrap{gap:0 1vmin}
    .event2 .event_winner_wrap .win_con {width: fit-content; padding: 0  clamp(5px,2.5vmin,20px);}
    .event2 .mini_tit {margin: 26px auto 6%;}
    .event2 .gift_full_wrap {margin: 9% auto 4%;}
    .event2 .event_winner_wrap p {font-size: clamp(12px, 2.9vmin, 24px);}
    .event2 .event_winner_wrap .win_con {font-size: clamp(12px, 2.7vmin, 22px);}
    
    .card_wrap{ gap: 0 5vmin; margin-top: 7%;}
    .card_wrap .mega_card_wrap{padding: clamp(5px,3vmin,30px) clamp(10px,3vmin,20px);}
    .card_wrap .mega_card_wrap .date{ font-size: clamp(11px,2.3vmin,13px);}
    .card_wrap .mega_card_wrap .card .txt{font-size: clamp(13px,2.9vmin,19px);}
    .card_wrap .mega_card_wrap .card .name{font-size: clamp(20px,4.4vmin,34px);}
    .bonusevent .step_base_wrap{margin-top:4%}
}

@media all and (max-width:992px){


    /* ?? */
    .full_main .labtop_wrap {padding-bottom: 60px;}
    .full_main .labtop_wrap .txt_box li:nth-child(3) {bottom: 43%;}
    .full_main .labtop_wrap .txt_box li:nth-child(4) {bottom: 41%;}

	.countWrap .end_info{font-size: 20px;background-size: 23px, 4px;height: 30px;line-height: 29px;padding: 0 25px 0 35px;}
    .countWrap__tie-day{font-size: 20px;height: 30px;line-height: 30px;padding: 0 0 0 20px;}


    .event_goto {flex-wrap: wrap;height: auto;align-items: stretch;padding-left: 0;/* gap: 0 5px; */}
    .event_goto li {min-height: 95px;}
    .event_goto li:first-child a img{width: 30%;}
	.event_goto li a{
    /* gap: 0; */
}
    .event_goto li p{flex: 1;}
    .event_goto li img{width: 40%;}
    .event_goto li:nth-child(1),
    .event_goto li:nth-child(2) {border-bottom: 1px solid #ececec; }
    .event_goto li:nth-child(2)::after {display: none;}
}

@media all and (max-width:768px){

    /* ?? */
    .top_number_wrap .inner {width: 100%;}
    .top_number_wrap .inner {width: 100%;}
    .top_number {flex-direction: column;height: auto;}
    .top_number p {padding:10px 0; width: 100%; border-bottom:1px solid #fff; text-align: center;}
    .top_number .number_wrap {padding: 10px 0;gap: 20px;}
    .top_number .number_wrap>li {gap: 5px;}
    .top_number .number_wrap .txt {padding: 7px 13px;}
    .full_main .labtop_wrap {padding-bottom: 34px;}
    .full_main .labtop_wrap .laptop {width: 79%;left: 8%;height: auto;}
    .full_main .labtop_wrap .txt_box li {width: auto;height: auto;padding: 10px 20px;}
    .full_main .labtop_wrap .txt_box li:nth-child(1) {top: 12%;left: -7%;}
    .full_main .labtop_wrap .txt_box li:nth-child(2) {top: 13%;right: -6%;}
    .full_main .labtop_wrap .txt_box li:nth-child(3) {bottom: 42%;left: 10%;}
    .full_main .labtop_wrap .txt_box li:nth-child(4) {bottom: 38%;right: 1%;}
	.countWrap{padding-bottom: 8px;}
	.countWrap__section{padding-top: 8px;}
    .countWrap .end_info{font-size: 17px;background-size: 23px, 4px;padding: 0 20px 0 30px;}
    .countWrap__tie-day{padding: 0 0 0 15px;}


	.full_main .predict_btn{width: min(300px,70%);}
	
    .fmn_advantwrp{margin-bottom: 5%;}
	.loca_grp_wrp{padding: 0 0 20px;}
	.fopini_write::before{width: 300px;background-size: 100%;height: 66px;top: -70px;}
	.subpaperdown_wrp{border-radius: 0;padding: 0;margin: 0 0 30px;background: #f8f8f8;}
    .subpaperdown_wrp ul li span button{background-size: 11px;width: 24px;height: 24px;}
	.subpaperdown_wrp ul li{width: 50%;padding: 10px 0 10px;}
	.subpaperdown_wrp ul li.sub_line{width: 100%;border-bottom: 1px solid #ccc;}
    .subpaperdown_wrp ul li.sub_line:before,.subpaperdown_wrp ul li.all_line:before{display:none}
    .subpaperdown_wrp ul li strong{font-size:13px;font-weight: normal;}
    .subpaperdown_wrp ul li.sub_line span{display:block;width: 100%;margin: 5px 0 0;}
    .subpaperdown_wrp ul li.sub_line select{margin:0;width: 81%;}
    .subpaperdown_wrp ul li::before{height: 100%;top: 0;margin: 0;width: 1px;}
    
    .belt_bnrwrp .point{max-width: 51%;top: -22%;}

    .full_opini{padding-top: 50px;}
    .full_opini .evt_func h5, .full_common .evt_func h5{font-size: 13px;}
    .full_opini .evt_func h5::before, .full_common .evt_func h5::before{height: 1px;opacity: 0.5;}
    .full_opini .evt_func p, .full_common .evt_func p{font-size: 11px;padding-bottom: 4px;}

    .difficulty_view .difficulty_grpwrp .sg_inner{float: none;width: 100%;padding: 0 12%;}

    .dim_bnrwrp_wrap .dim_popup > button{width:30px;height:30px;right: 0px;margin: -30px 0 0;}
    .dim_bnrwrp_wrap .dim_popup > button.btnToday{width: 140px;top: 0;right: 33px;height: 30px;line-height: 30px;margin: -30px 0 0;}

    .event4 .step_base_wrap .step_list li:first-child img{margin-top: 20px;}
    .full_common .event_bnr .gift_icon1 {/* left: -1%; *//* height: 84%; */}
    .full_common .event_bnr .gift_icon2 {/* right: -3%; *//* height: 76%; */}

    .event_goto li:nth-child(1), .event_goto li:nth-child(2),.event_goto li:nth-child(4),
    .event_goto li{min-height: auto;width: 50%;/* border-color: #fff; */border-bottom: 1px solid #fff;}
    .event_goto li a {min-height: 45px;background: #dfedff;}
    .event_goto li::after {height: 100%;background: #fff;}
    .event_goto li img {display: none;}
    .event1 .gift_item_wrap{width: auto;}


    .event .gift_list_wrap li .badge.fz12{font-size: 11px;height: 55px;}
    .event1 .gift_white_wrap .gift_list_wrap li:last-child {width: calc(58% - 5px)}
    
    .event2 .badge-base.type-2{font-size: 11px}
	.event2 .board-list-wrap td,.event2 .board-list-wrap th{/* font-size: clamp(11px,1.5vmin,14px); */font-size: 13px;}
	.event2 .board-list-wrap td:last-child{/* font-size: clamp(10px,1.5vmin,14px); */font-size: 13px;}
    .event2 [class*=board-list-wrap] table tbody td .tit_btn{flex-wrap: wrap;}
	.event2 [class*=board-list-wrap] table tbody td .tit_btn .content{width: 100%;}
    /* .event2 [class*=board-list-wrap] table tbody td .tit_btn > a{width: fit-content;} */

    .card_wrap{gap: 0 2vmin;}
    .card_wrap .mega_card_wrap{width: clamp(170px,45vmin,346px);}
	.event3 .mega_card_wrap + .btn-base-wrap{margin-top: 7%;}
    .event .evt_tit_base{font-size: 14px;}

    .event1 .container_info.ver_circle.horizon,
    .event4 .container_info.ver_circle.horizon{ justify-content: flex-start;}

    .event .con_tit .evt_mark{padding: 5px 10px 7px !important;}
    .step_base_wrap .step_list li .box_area .txt{font-size: clamp(12px,2vmin,14px) !important;}
    .step_base_wrap .hashtag{font-size: clamp(10px,2vmin,12px) !important;}
}

@media all and (max-width:576px){
    .event_goto.on{bottom:55px}

    /* ?? */
    .full_main .top_number .number_wrap {gap: 5px;}
    .full_main .predict_btn {/* padding: 5% 10%; *//* margin: 7% auto 10%; */}
    .full_main .labtop_wrap .txt_box li {padding: 7px 13px;font-size: 12px;}
    .full_main .labtop_wrap .txt_box li:nth-child(1) {left: 2%;}
    .full_main .labtop_wrap .txt_box li:nth-child(2) {right: 0%;}
    .full_main .labtop_wrap .txt_box li:nth-child(4) {bottom: 41%;right: 7%;}

    .countWrap{padding-bottom: 8px;}
	.countWrap__section{padding-top: 8px;}
    .countWrap .end_info{font-size: 15px;background-size: 20px, 4px;padding: 0 20px 0 30px;}
    .countWrap__tie-day{padding: 0 0 0 15px;font-size: 19px;line-height: 28px;}

	.full_common .event_bnr .inner{padding:10% 0}
    .full_common .event_bnr .gift_icon1 {/* display: none; */top: 7%;}
    .full_common .event_bnr .gift_icon2 {/* display: none; */}

    .event2 .event_winner_wrap {flex-direction: column;}
    .input-base-wrap.ver_input-btn .btn-base a{width: 100%;}

    .input-base-wrap.ver_input-btn{flex-direction: column;}
    .event2 .input-base-wrap.ver_input-btn .btn-base.ms{}
    .event2 .input-base-wrap.ver_input-btn .btn-base.ms > a{ width: 100%; height: 40px;}

    .event2 .input-base-wrap.ver_input-btn .textarea-base{/* height: 80px !important; *//* max-height: 80px; */}
}
