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

/* settings */
:root {
    --color-primary: #216FFF;
}
.evSection {padding: 150px 0;}
.evSection .mini_tit {font-weight: 400;}
.evSection .con_tit + .mini_tit {margin-top: 30px; margin-bottom: 60px;}
.tx_primary {color: var(--color-primary);}
.con_tit .end::after {background: #fff;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.note_base_wrap {color: #4B4B4B; text-align: left;}
.note_base_wrap .n_tit {font-weight: 700;}
.note_base_wrap hr {border: none; height: 1px; background: #000; margin: 16px 0 25px;}
.note_base_wrap ul {font-weight: 400;}
.note_base_wrap li {position: relative; padding-left: 8px;}
.note_base_wrap li + li {margin-top: 3px;}
.note_base_wrap li .dash {position: absolute; top: 0; left: 0;}
.note_base_wrap li u {font-weight: 700; color: #282828; text-underline-offset: 3px;}
.note_base_wrap li a {font-weight: 700; color: #0082FF;}

.mega_swiper_wrap {position: relative;}
.mega_swiper {position: relative; overflow: hidden;}
.evSection .swiper-pagination {position: static; margin-top: 1%;}
.evSection .swiper-pagination-bullet-active {background: var(--color-primary);}

/* evCon1 */
.evCon1 {padding: 0; background: var(--color-primary) url(https://image.megagong.net/m/2025/0521_passdiary/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .inner {padding: 155px 0 153px; z-index: 0;}
.evCon1 h3 {margin: 30px auto 25px;}
.evCon1 .container_info_wrap {margin-bottom: 40px;}
.evCon1 .container_info {font-size: 18px; background: #fff; border: 1.5px solid #000; border-radius: 23px; padding: 8px 40px;}
.evCon1 .container_info .info .info_title {font-weight: 900; width: auto; height: auto; line-height: 1.4; color: var(--color-primary); background: none;}
.evCon1 .sub_tit.btm u {display: block; text-underline-offset: 3px; margin-bottom: 20px;}
.evCon1 .figure {position: absolute; animation: float-updown-a 2s ease-in-out infinite; z-index: -1;}
.evCon1 .figure:nth-child(odd) {animation: float-updown-b 2s ease-in-out infinite;}
.evCon1 .figure01 {top: 123px; left: 130px;}
.evCon1 .figure02 {top: 242px; left: -53px;}
.evCon1 .figure03 {bottom: 157px; left: 57px;}
.evCon1 .figure04 {top: 120px; right: 84px;}
.evCon1 .figure05 {top: 273px; right: -10px;}
.evCon1 .figure06 {bottom: 162px; right: 47px;}
.evCon1 .figure07 {bottom: 246px; right: -43px;}
/* [ws] 250630 üÇè´Ü ÆäÀÌÁö À̵¿ ¹öÆ° Ãß°¡ */
.evCon1 .exper_btn {width: 100%; max-width: 566px; margin-top: 40px;}
.evCon1 .exper_btn a {width: 100%;}

@keyframes float-updown-a {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

@keyframes float-updown-b {
    0%, 100% {
        transform: translateY(-15px);
    }
    50% {
        transform: translateY(0);
    }
}

/* evCon2 */
.evCon2 {background: #fff;}
.evCon2 .pass_swiper_wrap {margin-bottom: 65px;}
.evCon2 .pass_swiper {margin: -30px;}
.evCon2 .pass_swiper .swiper-wrapper {gap: 30px; padding: 30px;}
.evCon2 .pass_swiper .swiper-slide {flex: 1 1 auto; height: 216px; display: flex; flex-direction: column; justify-content: center; font-weight: 700; border-radius: 12px; border: 3px solid #0070FF; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.20);}
.evCon2 .pass_swiper .swiper-slide .img {margin: 0 auto 10px;}
.evCon2 .pass_swiper .swiper-slide .txt {font-weight: 700;}
.evCon2 .pass_swiper .swiper-slide strong.black {line-height: 1; margin: 10px 0 15px;}
.evCon2 .pass_swiper .swiper-slide sup {font-size: 0.35em; vertical-align: top; line-height: 1.4em;}
.evCon2 .evt_con_base {text-align: right; margin-top: 10px; margin-right: -60px;}

/* evCon3 */
.evCon3 {background: linear-gradient(180deg, #E6EFFF 0%, #DEDDFF 100%);}
.evCon3 .apply_btn {margin: 60px 0;}
.evCon3 .apply_btn .badge {position: absolute; top: -8px; left: 50%; transform: translate(-50%, -50%); width: max-content; padding: 6.5px 18px; border-radius: 18px; z-index: 1;}
.evCon3 .apply_btn .badge::before {content: ''; position: absolute; bottom: -8px; left: calc(50% - 8px); border-top: 9px solid #f00; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.evCon3 .apply_btn .btn-base a {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; font-weight: 400; padding: 0; width: 440px; height: 105px; border-radius: 53px; margin: 0 auto;}
.evCon3 .apply_btn .btn-base.disabled a {color: #fff; background: #707070;}
.evCon3 .box_base {padding: 60px 0; border-radius: 16px; background: #fff;}
.evCon3 .box_base + .box_base {margin-top: 40px;}
.evCon3 .box_tit {font-weight: 400; margin-bottom: 50px;}
.evCon3 .box_tit span {display: block; margin-top: 20px;}
.evCon3 .schedule_box .box_cont {margin: 0 117px;}
.evCon3 .schedule_box p {margin-top: 50px;}
.evCon3 .schedule_box ul {gap: 16px;}
.evCon3 .schedule_box li {position: relative; flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 252px; font-weight: 700; border-radius: 16px; border: 2px solid rgba(23, 23, 23, 0.87); padding: 40px 10px;}
.evCon3 .schedule_box li.focus .badge {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #000; border-radius: 14px; padding: 2.5px 14px;}
.evCon3 .schedule_box li.focus.on {border-color: #F01616;}
.evCon3 .schedule_box li.focus.on .badge {background: #F01616;}
.evCon3 .schedule_box li .tit {display: block; width: 114px; padding: 6.5px 0; border-radius: 20px;}
.evCon3 .schedule_box li .period {text-underline-offset: 3px;}
.evCon3 .schedule_box li .evt_con_base {font-weight: 500;}
.evCon3 .mission_box .box_cont {margin: 0 126px;}
.evCon3 .mission_box .mission_tit {position: relative; z-index: 0;}
.evCon3 .mission_box .mission_tit::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 0; border-bottom: 1px dashed rgba(0, 0, 0, 0.4); z-index: -1;}
.evCon3 .mission_box .mission_tit strong {display: inline-block; background: #fff; padding: 0 20px;}
.evCon3 .mission_box ul {position: relative; margin: 45px 40px 50px 74px;}
.evCon3 .mission_box ul::before {content: ''; position: absolute; width: 15px; height: 116%; top: -8%; left: calc(54.5px + 15px / 2); border-radius: 9px; background: linear-gradient(180deg, #B8D1FF 0%, #216FFF 100%);}
.evCon3 .mission_box li {position: relative; display: flex; align-items: center;}
.evCon3 .mission_box li + li {margin-top: 50px;}
.evCon3 .mission_box li .week {width:48px; border-radius: 30px; padding: 1.5px 0; background: #2571FF;}
.evCon3 .mission_box li .week::before {content: ''; position: absolute; width: 7.8px; height: 7.8px; background: #fff; border-radius: 50%; top: calc(50% - 7.8px / 2); left: calc(54.5px + 11px);}
.evCon3 .mission_box li .ico {margin: 0 11px 0 50px;}
.evCon3 .mission_box li p {flex: 1; text-align: left;}
.evCon3 .mission_box .daily_mission {font-weight: 700; margin: 40px 23px 0; border: 2px solid #000; border-radius: 16px; padding: 30px;}
.evCon3 .mission_box .daily_mission .evt_con_base {font-weight: 500; margin-top: 15px;}
/* .evCon3 .benefit_box .box_cont {margin: 0 149px;} */
/* .evCon3 .benefit_box .box_cont .flex_wrap {gap: 48px;} */
.evCon3 .benefit_box .box_cont {margin: 0 40px;}
.evCon3 .benefit_box .box_cont .flex_wrap {justify-content: center; gap: 28px;}
.evCon3 .benefit_box .benefit_tit {font-weight: 700; margin-bottom: 15px;}
.evCon3 .benefit_box .item_wrap {/*gap: 20px;*/ gap: 10px;}
.evCon3 .benefit_box .item_wrap .item {position: relative;}
.evCon3 .benefit_box .item_wrap .badge {position: absolute; top: -20px; right: -20px; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; opacity: 0.95; background: linear-gradient(142deg, #A938DD 4.13%, #216FFF 94.61%); z-index: 1;}
.evCon3 .benefit_box .item_wrap .gift {border: 2px solid #000; border-radius: 16px; overflow: hidden;}
.evCon3 .benefit_box .item_wrap .txt {margin-top: 15px;}
.evCon3 .benefit_box .evt_con_base {text-align: right; margin-top: 25px;}
.evCon3 .note_base_wrap {margin-top: 60px;}

/* [ws] 250908 À§Å¬¸® ¹Ì¼Ç ¼öÁ¤ */
.evCon3 .mission_box .border_box {margin: 40px auto 0; border: 2px solid #000; border-radius: 16px; padding: 30px 58px;;}
.evCon3 .mission_box .border_box .tit {font-weight: 400;}
.evCon3 .mission_box .border_box .tit p {margin-top: 20px;}
.evCon3 .mission_box .border_box .content {padding: 30px; margin: 30px auto 40px; border-width: 1px 0; border-style: dashed; border-color: rgba(0, 0, 0, 0.3);}
.evCon3 .mission_box .border_box .content .item {display: flex; justify-content: center; align-items: center; gap: 15px; font-weight: 700;}
.evCon3 .mission_box .border_box .content .item + .item {margin-top: 20px;}
.evCon3 .mission_box .list_btn a {min-width: 407px; border-radius: 50px;}
.evCon3 .mission_box .list_btn + .evt_con_base {margin-top: 20px;}
.evCon3 .mission_box .list_wrap {display: none; text-align: left; margin-top: 40px;}
.evCon3 .mission_box .list_wrap .notice {font-weight: 400; font-size: 14px; color: #666; margin-bottom: 40px;}
.evCon3 .mission_box .list_wrap .notice strong {color: #111;}
.evCon3 .mission_box .list_wrap .notice p {margin-top: 10px;}
.evCon3 .mission_box .list_wrap dl dt {font-weight: 700; font-size: 16px;}
.evCon3 .mission_box .list_wrap dl dd {font-weight: 400; font-size: 14px; color: #666; margin-top: 10px; margin-bottom: 20px;}

/* evCon4 */
.evCon4 {background: linear-gradient(180deg, #7F78EE 0%, #114EBF 100%);}
.evCon4.event .bg_shadow {bottom: auto; top: 850px;}
.evCon4.event .obj_cover .pattern_obj {top: 20%;}
.evCon4 .mini_tit {color: rgba(255, 255, 255, 0.6);}
.evCon4 .con_tit .mini_tit {font-weight: 700; color: #62FFFF;}
.evCon4 .con_tit + .mini_tit {margin-top: 15px; margin-bottom: 40px;}
.evCon4 .gift_item {position: relative; width: fit-content; max-width: 60%; margin: 0 auto;}
.evCon4 .gift_item .tail {margin-top: 20px;}
.evCon4 .step_base_wrap .step_list li .box_area .label {color: #4D64FF;}
.evCon4 .step_base_wrap .hashtag {color: #4D64FF;}
.evCon4 .regist_form_area {background-color: var(--color-primary);}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

/* Æ˾÷ */
.mg_tb_form .radio-base {margin-right: 10px;}
.mg_s_info {color: var(--color-gray); line-height: 1.4;}
.mg_s_info li {font-size: 13px; margin-top: 6px; padding-left: 15px;}
.mg_s_info li:before {content: '\203B';}
.mg_s_info a {color: var(--color-blue);}

/* ÇÕ°Ý ¼ö±â ¿µ¿ª */
.pass_opinion_wrap .tab-base.type-2 li a {width: 94px; padding: 7.5px; background-color: #999; color: #fff;}
.pass_opinion_wrap .tab-base.type-2 li.on a {background-color: var(--color-primary);}
.pass_op {position: relative; margin: 0 -60px; text-align: left;}
.pass_op .slide-btn-base.prev {left: -25px;}
.pass_op .slide-btn-base.next {right: -25px;}
.pass_op .pass_op_sd_w {margin:30px auto 0;}
.pass_op .pass_op_sd_w .pass_op_sd {padding: 40px 30px 0;background: #f5f5f5; border-radius: 16px;}
.pass_op .pass_op_sd_w .pass_op_sd .slick-slide > div {padding:0 12px 43px 13px;}
.pass_op .pass_op_sd_w .pass_op_sd .item {padding:20px 20px 30px;border-radius: 20px;box-sizing:border-box;box-shadow: 0 10px 10px rgb(0 0 0 / 16%);border: 1px solid #ddd;background: #fff;}
.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box {display:table;width: 100%;}
.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_img {display:inline-block;vertical-align: middle;}
.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_t {width: calc(100% - 73px);display:inline-block;vertical-align: middle;padding-left:10px;font-weight:bold;line-height:1.26;font-size:15px;color:#333333;}
.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_t .date {display:block;margin-top:3px;font-size:13px;color:#aaaaaa;}
.pass_op .pass_op_sd_w .pass_op_sd .item .txt {padding-top:17px;}
.pass_op .pass_op_sd_w .pass_op_sd .item .txt strong {display:block;font-weight:bold;font-size:15px;line-height:1.46;height:45px;overflow:hidden;box-sizing:border-box;text-overflow: ellipsis;white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pass_op .pass_op_sd_w .pass_op_sd .item .txt p {position:relative;word-break: break-all;padding-right:5px;margin-top:5px;font-size:12px;color:#aaaaaa;line-height:1.5;height:35px;overflow:hidden;box-sizing:border-box;text-overflow: ellipsis;white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pass_op .pass_op_sd_w .pass_op_sd .item .txt p span {display:inline-block;}
.pass_op .pass_op_sd_w .pass_op_sd .item .txt p span:before {content:'...';position:absolute;bottom:0;right:0;}
/* gong */
.pass_op .pass_op_sd_w.gong .pass_op_sd .item .txt strong {color: #0a857b;}
/* sobang */
.pass_op .pass_op_sd_w.sobang .pass_op_sd .item .txt strong {color: #b43b3b;}


@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit + .mini_tit {margin-top: 3%; margin-bottom: 6%;}

    /* evCon1 */
    .evCon1 {padding: 0;}
    
    /* evCon2 */
    .evCon2 .evt_con_base {margin-right: 0;}

    /* evCon3 */
    .evCon3 .img {max-width: 60%; margin: 0 auto;}
    .evCon3 .mission_box ul {margin: 45px 0 50px;}

    /* ÇÕ°Ý ¼ö±â ¿µ¿ª */
    .pass_op {margin: 0;}
    .pass_op .slide-btn-base.type-2 {width: 30px; height: 30px;}
    .pass_op .slide-btn-base.prev {left: 5px;}
    .pass_op .slide-btn-base.next {right: 5px;}
}
@media screen and (max-width: 992px){
    .evCon1 .inner {padding: 15% 0 14%;}
    .evCon1 .figure > img {transform: scale(0.7);}

    .evCon3 .box_base {padding: 40px 30px;}
    .evCon3 .box_base .box_cont {margin: 0;}
    .evCon3 .schedule_box p {margin-top: 25px;}

    /* ÇÕ°Ý ¼ö±â ¿µ¿ª */
    .pass_op .pass_op_sd_w .pass_op_sd .slick-slide > div {padding:0 15px 43px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item {padding:15px 15px 35px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_img {width: 45px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_t {font-size:14px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .txt {padding-top:20px;height:80px;}

}
@media screen and (max-width: 768px){
    .evt_con_base.xs {font-size: 12px;}

    .evCon1 h3 {width: 80%;}
    .evCon1 .container_info {font-size: 14px;}
    .evCon1 .figure01 {top: 10%; left: 10%;}
    .evCon1 .figure02 {top: 20%; left: -15%;}
    .evCon1 .figure03 {bottom: 14%; left: 4%;}
    .evCon1 .figure04 {top: 10%; right: 6%;}
    .evCon1 .figure05 {top: 25%; right: -8%;}
    .evCon1 .figure06 {bottom: 10%; right: 0%;}
    .evCon1 .figure07 {bottom: 34%; right: 0%;}

    .evCon2 .pass_swiper .swiper-wrapper {gap: 10px;}

    .evCon3 .apply_btn .btn-base a {height: 90px;}
    .evCon3 .box_tit {margin-bottom: 30px;}
    .evCon3 .box_tit span {margin-top: 10px;}
    .evCon3 .box_base {padding: 30px 20px;}
    .evCon3 .schedule_box ul {gap: 10px;}
    .evCon3 .schedule_box li {height: 210px; padding: 20px 5px;}
    .evCon3 .mission_box .daily_mission {margin: 30px auto 0; padding: 20px 0;}
    .evCon3 .benefit_box .box_cont .flex_wrap {gap: 30px;}
    .evCon3 .benefit_box .item_wrap {gap: 10px;}
    .evCon3 .benefit_box .item_wrap .badge {top: -10px; right: -10px; width: 50px; height: 50px;}

    /* [ws] 250908 À§Å¬¸® ¹Ì¼Ç ¼öÁ¤ */
    .evCon3 .mission_box .border_box {padding: 20px;}

    /* ÇÕ°Ý ¼ö±â ¿µ¿ª */
	.pass_op .pass_op_sd_w .pass_op_sd {padding: 20px 25px 0;}
	.pass_op .pass_op_sd_w .pass_op_sd .slick-list {padding-right:20%;}
	.pass_op .pass_op_sd_w .pass_op_sd .slick-slide > div {padding:0 5px 25px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item {padding:10px 10px 20px;box-shadow: 0 0 6px rgba(0, 0, 0, .2);}
	.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_img {width: 40px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_t {font-size:12px;width: calc(100% - 40px);}
	.pass_op .pass_op_sd_w .pass_op_sd .item .pf_box .pf_t .date {font-size:11px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .txt {padding-top:12px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .txt strong {font-size:13px;height:40px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .txt p {margin-top:0;font-size:11px;height:34px;}
	.pass_op .pass_op_sd_w .pass_op_sd .item .txt p span:before {bottom:2px;}
}
@media screen and (max-width: 576px){
    .evCon1 .container_info {padding: 6px 20px;}
    .evCon1 .figure > img {transform: scale(0.55);}
    .evCon1 .figure01 {top: 6%; left: 4%;}
    .evCon1 .figure02 {left: -26%;}
    .evCon1 .figure03 {bottom: 16%; left: -7%;}
    .evCon1 .figure04 {top: 4%; right: -8%;}
    .evCon1 .figure05 {top: 29%; right: -19%;}
    .evCon1 .figure06 {bottom: 13%; right: -16%;}
    .evCon1 .figure07 {bottom: 2%; right: 8%;}

    .evCon2 .pass_swiper_wrap {margin-bottom: 30px;}
    .evCon2 .pass_swiper {margin: 0; border-radius: 12px; border: 3px solid #0070FF; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.20);}
    .evCon2 .pass_swiper .swiper-wrapper {gap: 0; padding: 0;}
    .evCon2 .pass_swiper .swiper-slide {flex: 1 0 100%; height: auto; padding: 15px 0; border: none; box-shadow: none;}
    .evCon2 .pass_swiper .swiper-slide sup {font-size: 0.6em;}
    .evCon2 .pass_swiper .swiper-slide .img {width: 60%;}

    .evCon3 .apply_btn .btn-base a {width: 100%; height: 70px;}
    .evCon3 .apply_btn .badge {top: -12px;}
    .evCon3 .schedule_box .box_cont {overflow-x: auto;}
    .evCon3 .schedule_box ul {width: 500px; margin-top: 10px;}
    .evCon3 .mission_box ul {margin: 20px 0 30px;}
    .evCon3 .mission_box ul::before,
    .evCon3 .mission_box li .week::before {content: none;}
    .evCon3 .mission_box li {flex-direction: column; border: 2px solid #2571FF; border-radius: 12px; padding: 10px 0;}
    .evCon3 .mission_box li + li {margin-top: 20px;}
    .evCon3 .mission_box li .ico {width: 26px; margin: 2% auto 4%;}
    .evCon3 .mission_box li p {text-align: center;}
    .evCon3 .benefit_box .box_cont .flex_wrap {flex-direction: column;}
    .evCon3 .benefit_box .item_wrap .item {flex: 1;}

    /* [ws] 250908 À§Å¬¸® ¹Ì¼Ç ¼öÁ¤ */
    .evCon3 .mission_box .border_box {padding: 20px 10px;}
    .evCon3 .mission_box .border_box .content {padding: 20px 10px;}
    .evCon3 .mission_box .border_box .content .item {gap: 10px;}
    .evCon3 .mission_box .list_btn a {min-width: initial;}
    .evCon3 .mission_box .list_wrap .notice {font-size: 12px; margin-bottom: 20px;}
    .evCon3 .mission_box .list_wrap dl dt {font-size: 14px;}
    .evCon3 .mission_box .list_wrap dl dd {font-size: 13px;}

    .mg_tb_form th,
    .mg_tb_form td {padding: 5px 8px;}
}