@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root {
    --color-primary: #5A55FF;
}
.evSection {padding: 150px 0;}

.con_tit .end::after {background: #F00;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.btn-base.xl a {padding: 28px 95px; min-width: 380px;}
.note_base_wrap {color: #777; text-align: left;}
.note_base_wrap .n_tit {font-weight: 700;}
.note_base_wrap ul + .n_tit {margin-top: 30px;}
.note_base_wrap ul {font-weight: 400;}
.note_base_wrap li {position: relative; padding-left: 8px;}
.note_base_wrap li + li {margin-top: 5px;}
.note_base_wrap li .dash {position: absolute; top: 0; left: 0;}
.note_base_wrap li a {font-weight: 700; color: #2F00FF;}

.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}

/* evCon1 */
.evCon1 {padding: 50px 0 63px; background: url(https://image.megagong.net/m/2025/0515_uni/con1_bg.png) no-repeat; background-size: auto 100%;}
.evCon1 .s_tit {color: var(--color-primary); letter-spacing: 6px; margin-bottom: 20px;}
.evCon1 .container_info_wrap {margin-top: 15px;}
.evCon1 .gift {max-width: 90%; margin: 0 auto 70px;}
.evCon1 .cert_btn a {padding: 20px 110px; border-radius: 100px;}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .mini_tit {font-weight: 400;}
.evCon2 .con_tit {color: var(--color-primary); margin: 60px auto 20px;}
.evCon2 .line_tit span {background: var(--color-primary); padding: 10px 90px 12px;}
.evCon2 .mega_swiper {position: relative; overflow: hidden; background: #F0F0F0; margin-bottom: 60px;}
.evCon2 .mega_swiper .swiper-slide {padding: 40px;}
.evCon2 .mega_swiper .content {justify-content: space-between; align-items: center; padding: 0 70px;}
.evCon2 .mega_swiper .content .txt {text-align: right; line-height: 1.6;}
.evCon2 .mega_swiper .content strong {display: block; line-height: inherit;}
.evCon2 .mega_swiper .evt_con_base {text-align: right;}
.evCon2 .mega_swiper .swiper-pagination {width: fit-content; top: 12px; left: auto; right: 18px;}
.evCon2 .mega_swiper .swiper-pagination-bullet {width: 12px; height: 12px; border: 1px solid #ccc; background: none; opacity: 1;}
.evCon2 .mega_swiper .swiper-pagination-bullet-active {background: #ccc;}

/* evCon3 */
.evCon3 {background: linear-gradient(180deg, #EDFFF6 0%, #AEFFD0 100%);}
.evCon3 .step_base_wrap {margin-bottom: 40px;}
.evCon3 .btn-base.on a {background: var(--color-primary); border-color: var(--color-primary);}
.evCon3 .step_base_wrap .hashtag {color: #4D64FF;}
.evCon3 .note_base_wrap {margin-top: 50px;}
.evCon3 .gift_full_wrap {margin-left: -1%;}

/* evCon4 */
.evCon4 {background: linear-gradient(180deg, #F2FFD3 0%, #ACE755 100%);}
.evCon4.event .bg_shadow {bottom: 0; top: 730px;}
.evCon4 .gift_item_wrap {margin-bottom: 80px;}
.regist_form_area {background: #5A55FF;}

/* evCon5 */
.evCon5 {background: #fff;}
.evCon5 .con_tit {color: var(--color-primary); margin-bottom: 40px;}
.evCon5 .cont_wrap {flex-wrap: wrap; gap: 30px;}
.evCon5 .cont_wrap .item {flex: 1; height: 160px; display: flex; justify-content: center; align-items: center; gap: 60px; border-radius: 10px; border: 1px solid #8D8D8D; background: rgba(186, 186, 186, 0.07);}
.evCon5 .cont_wrap .item:first-child {flex-basis: 100%;}
.evCon5 .cont_wrap .txt {text-align: left;}
.evCon5 .cont_wrap .txt strong {display: block;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.warningList li ul li a {color: #1A00FF;}

#filename::placeholder {font-size: 11px;}

/* Æ˾÷ */
/* popup */
.mg_popup_wrap.new_event .tiny_noti { font-size: 12px; color: #333; margin: 20px auto; } 
.mg_popup_wrap.new_event ul.tiny_noti li { position: relative; display: block; padding-left: 10px; line-height: 1.2; color: #b5b5b6; } 
.mg_popup_wrap.new_event ul.tiny_noti li + li { margin-top: 5px; } 
.mg_popup_wrap.new_event ul.tiny_noti li::before { content: '*'; position: absolute; top: 0; left: 0; } 
.mg_popup_wrap.new_event ul.tiny_noti .tp1 { color: #000; padding: 1px 6px; font-weight: 900; } 
.mg_popup_wrap.new_event .b_tit { position: relative; width: fit-content; line-height: 1.3; font-weight: 400; font-family: 'Noto Sans KR'; margin: 0 auto; z-index: 1; } 
.mg_popup_wrap.new_event .b_tit b { font-weight: bold; } 
.mg_popup_wrap.new_event .s_tit { font-family: 'Noto Sans KR'; font-weight: normal; padding: 20px 0 0; } 
.mg_popup_wrap.new_event .info_box { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; font-size: 13px; margin-top: 25px; margin-bottom: 30px; padding: 15px 20px; border: 1px solid #000000; } 
.mg_popup_wrap.new_event .info_box p { line-height: 1.4; color: #333333; } 
.mg_popup_wrap.new_event .info_box p b { font-weight: bold; } 
.mg_popup_wrap.new_event .info_box p.red { margin-bottom: 10px; color: #e45c6c; font-weight: bold; } 
.mg_popup_wrap.new_event .info_box p span { margin-left: 10px; } 
.mg_popup_wrap.new_event .mg_filebox { margin-bottom: 2%; } 
.mg_popup_wrap.new_event .mg_filebox:last-child { margin-bottom: 0; } 
.mg_popup_wrap.new_event .mg_filebox .filename a { width: 44px; } 

.mg_popup_wrap.new_event select { width: 100%; border: 1px solid #d0d0d0; padding: 0; margin: 0; height: 30px; cursor: pointer; color: #000; padding-left: 5px; } 
.mg_popup_wrap.new_event .mg_tb_wrap tr:last-child input[type=text] { width: 100%; flex: 1; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #d0d0d0; } 
.mg_popup_wrap.new_event .mg_chk_base { display: flex; align-items: start; gap: 5px; } 
.mg_popup_wrap.new_event .mg_chk_base label .color_highlight { color: #f00; } 
.mg_popup_wrap.new_event .mg_terms { padding: 15px; height: 90px; font-size: 12px;} 
.mg_popup_wrap.new_event .noti_red { margin-top: 20px; } 
.mg_popup_wrap.new_event .noti_red p { margin-bottom: 5px; color: #e45c6c; font-size: 13px; font-weight: bold; } 

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}

    .btn-base.xl a {min-width: initial;}

    /* evCon1 */
    .evCon1 {padding: 5% 0 6%;}
    .evCon1 .gift {margin-bottom: 6%;}

    /* evCon2 */
    .evCon2 .con_tit {margin: 6% auto 3%;}
    .evCon2 .mega_swiper .content {gap: 20px; padding: 0;}
    
    .evCon3 .gift_full_wrap {max-width: none; margin-left: -10%;}

    /* popup */
    .mg_popup_wrap.new_event .content_area .content_inner { padding: 4% 2%; } 
    .mg_popup_wrap.new_event .info_box { margin-top: 2%; margin-bottom: 2%; padding: 2% 2%; } 
    .mg_popup_wrap.new_event .tiny_noti { margin: 2% auto 0; } 
    .mg_popup_wrap.new_event .mg_info_wrap { margin-top: 2%; } 
    .mg_popup_wrap.new_event .mg_terms { padding: 2%; } 
    .mg_popup_wrap.new_event .content_area .mg_btn_wrap { margin-top: 3%; } 
    .mg_popup_wrap.new_event .noti_red { margin-top: 2%; } 
}
@media screen and (max-width: 992px){
    .evCon2 .line_tit span {padding: 1vmin 6vmin;}
    .evCon2 .mega_swiper .swiper-slide {padding: 20px;}
    .evCon2 .mega_swiper .content .img {width: 40%;}

    /* popup */
    .mg_popup_wrap.new_event .mg_tb_form th, .mg_popup_wrap.new_event .mg_tb_form td { height: 38px; } 
    .mg_popup_wrap.new_event .content_area .content_inner table td { padding: 1% 1%; } 
}
@media screen and (max-width: 768px){
    .btn-base.xl a {padding: 21px 40px;}
    .evt_con_base.sm {font-size: 12px;}

    .event .container_info.horizon {flex-direction: column;}
    .input-base-wrap.ver_input-btn {}
    .input-base-wrap.ver_input-btn .textarea-base {font-size: 13px; height: 60px;}
    .input-base-wrap.ver_input-btn .btn-base a {display: flex; justify-content: center; align-items: center; height: 100%;}

    .evCon4 .gift_item_wrap {margin-bottom: 8%;}

    .evCon5 .cont_wrap {gap: 10px;}

    .mg_popup_wrap.new_event .b_tit { font-size: 25px; } 
    .mg_popup_wrap.new_event .content_area .content_inner .tiny_noti { margin-top: 2%; } 
}
@media screen and (max-width: 576px){
    .btn-base.xl a {min-width: 300px;}

    .evCon2 .con_tit {font-size: 16px;}
    .evCon2 .line_tit span {line-height: 1.4;}
    .evCon2 .mega_swiper .content {flex-direction: column; gap: 10px; margin-bottom: 10px;}
    .evCon2 .mega_swiper .content .img {width: 60%;}
    .evCon2 .mega_swiper .content .img.tea {width: 90%;}
    .evCon2 .mega_swiper .content .txt {text-align: center;}
    
    .evSection.event .con_tit {font-size: 22px;}

    .input-base-wrap.ver_input-btn .textarea-base {font-size: 12px; height: 80px; padding: 10px;}

    .evCon5 .cont_wrap .item {height: 100px; gap: 20px;}
    .evCon5 .cont_wrap .img {width: 35%;}

    /* popup */
    .mg_popup_wrap.new_event .b_tit { font-size: 20px; } 
    .mg_popup_wrap.new_event .info_box {font-size: 12px;}
    .mg_tb_form th {font-size: 12px;}
    .mg_popup_wrap.new_event .content_area .content_inner table th, .mg_popup_wrap.new_event .content_area .content_inner table td { padding: 1%; } 
    .mg_popup_wrap.new_event select {padding-left: 0%; } 
    .mg_popup_wrap.new_event .mg_tb_wrap tr:last-child input[type=text] { padding: 0 2%; } 
    .mg_popup_wrap.new_event .mg_terms {font-size: 12px;}
    .mg_popup_wrap.new_event .content_area .mg_btn_wrap .mg_btn_base { font-size: 13px; padding: 4% 3%; } 
    .mg_popup_wrap.new_event .noti_red p {font-size: 12px;}
}