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

/* settings */
:root { --color-weekly: #FF007A; --color-daily: #FF5440; } 
.evSection { padding: 70px 0; } 
.evSection .mini_tit { font-weight: 400; color: var(--color-black-2); opacity: 0.5; } 
.evSection .con_tit { color: var(--color-black-2); margin-bottom: 60px; } 
.evSection .con_tit + .mini_tit { margin-bottom: 60px; } 
.tx_weekly { color: var(--color-weekly) !important; } 
.tx_daily { color: var(--color-daily) !important; } 
.fw_bold { font-weight: bold !important; } 
.cr000 { color: #000 !important; } 


.evSection .mission_tit {display: inline-flex;/* width: 235px; */padding: 10px 20px;border-radius: 12px 12px 12px 0px;background: linear-gradient(90deg, var(--color-weekly) 0%, #FF8B5A 100%);box-shadow: 8px 6px 20px 0px rgba(0, 0, 0, 0.10);margin: 0 auto 30px;text-align: center;justify-content: center;} 
.evSection * + .mission_tit { margin-top: 60px; } 
.evSection .box_base { border-radius: 12px; background: #FFF; box-shadow: 11px 4px 20px 0px rgba(0, 0, 0, 0.10); } 
.evSection .check_list_wrap { width: fit-content; text-align: left; margin: 0 auto; } 
.evSection .check_list {width: fit-content;font-weight: 400;/* color: #333; */text-align: left;margin: 0 auto;} 
.evSection .check_list li { position: relative; } 
.evSection .check_list li + li { margin-top: 10px; } 
.evSection .check_list li::before {  } 
.evSection .check_list li .tit {font-weight:bold;color: #000;} 
.note_base_wrap { text-align: left; margin-top: 40px; } 
.note_base_wrap .n_tit { font-weight: 700; color: #111; margin-bottom: 25px; display: flex; align-items: center; gap: 20px; } 
.note_base_wrap .n_tit::after { content: ''; display: block; flex: 1; width: auto; height: 1px; background: rgba(17, 17, 17, 0.20); } 
.note_base_wrap ul { color: #4B4B4B; 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; } 

/* evCon1 */
.evCon1 { padding: 0; background: url(https://image.megagong.net/m/2025/0630_passdiary/con1_bg.jpg) no-repeat; background-size: auto 100%; } 
.evCon1 .inner { padding: 130px 0 135px; z-index: 0; } 
.evCon1 h3 { margin: 30px auto 25px; } 
.evCon1 .container_info_wrap { margin-bottom: 50px; } 
.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-weekly); background: none; } 
.evCon1 .oath { width: 100%; max-width: 690px; padding: 45px; margin: 0 auto; } 
.evCon1 .oath p { line-height: 1.7; margin-bottom: 25px; } 
.evCon1 .oath p span { position: relative; display: block; background: url(https://img.megagong.net/m/2025/0630_passdiary/con1_line.png) no-repeat 50% 95%; background-size: 100% auto; } 
.evCon1 .oath strong { } 
.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: 290px; left: 40px; } 
.evCon1 .figure04 { top: 120px; right: 84px; } 
.evCon1 .figure05 { top: 235px; right: -75px; } 
.evCon1 .figure06 { bottom: 230px; right: 8px; } 
.evCon1 .figure07 { bottom: 390px; right: -43px; } 

@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); } 
}

.bgWrap { padding: 70px 0; background: linear-gradient(180deg, #FFF 0%, #FFE2E8 100%); } 

/* evCon2 */
.evCon2 .weekly_wrap { margin-top: 40px; } 
.evCon2 .weekly_wrap + .tiny_noti{
    margin: 15px 0 60px;
    opacity: 0.5;
}
.evCon2 .tit + .tiny_noti{
    margin: -15px 0 20px;
    opacity: 0.5;
}
.evCon2 .weekly_wrap ol { gap: 12px; } 
.evCon2 .weekly_wrap li {flex: 1;position: relative;padding: 48px 10px 53px;display: flex;align-items: center;justify-content: center;} 
.evCon2 .weekly_wrap li.on {position:relative;padding:16px;border-radius:12px;background: linear-gradient(#fff, #fff) padding-box, linear-gradient(
116deg, rgba(255, 0, 122, 1), rgba(255, 139, 90, 1), rgba(255, 0, 122, 1), rgba(255, 255, 255, 1)) border-box;border:4px solid transparent;background-size:200% 100%;animation: borderFlow 2s linear infinite;} 
    @keyframes borderFlow{
0%{background-position:0 0;}
100%{background-position:-200% 0;}
}
.evCon2 .weekly_wrap li + li::before { content: ''; position: absolute; top: 50%; left: -6px; width: 40px; height: 40px; background-color:var(--color-black); border-radius:50%; background-image: url(https://img.megagong.net/common/slide_btn_arrow_type2.png); background-position:50% 50%; background-size: auto; background-repeat: no-repeat; transform: translate(-50%, -50%) rotate(180deg); } 
.evCon2 .weekly_wrap .tit {/* margin-bottom: 20px; */} 
.evCon2 .weekly_wrap p { font-weight: 400; color: #555; } 
.evCon2 .daily_wrap {padding: 50px 30px;color: #666;} 
.evCon2 .daily_wrap .check_list span { color: #333; } 
.evCon2 .daily_wrap .evt_con_base { color: var(--color-weekly); margin-top: 15px; } 

/* evCon3 */
.evCon3 .mission_wrap { position: relative; } 
.evCon3 .mission_wrap .dim-base-wrap .btn-base { display: block; margin-top: 16px; } 
.evCon3 .mission_wrap .dim-base-wrap .btn-base a { padding: 11.5px 42px; } 
.evCon3 .table-base th { color: #111; background: #F9F9F9; border: 1px solid rgba(0, 0, 0, 0.10); height: 60px; padding: 5px; } 
.evCon3 .table-base th span { font-weight: 400; } 
.evCon3 .table-base th.weekly { background: #FFDEE3; } 
.evCon3 .table-base th.daily { background: #FFE5DB; } 
.evCon3 .table-base td { border: 1px solid rgba(0, 0, 0, 0.10); padding: 14.5px 5px; } 
.evCon3 .table-base .badge-base { padding: 8px 5px 9px 5px; font-size: 13px; color: #FFF; background: #111; font-weight: 700; width: 100%; max-width: 140px; } 
.evCon3 .table-base .badge-base.done.weekly { background: var(--color-weekly); } 
.evCon3 .table-base .badge-base.done.daily { background: var(--color-daily); } 
.evCon3 .table-base .badge-base.end { background: #A9A9A9; } 
.evCon3 .table-base .badge-base.soon { color: #111; background: #FFF; } 

/* evCon4 */
.evCon4 .order_wrap { justify-content: space-between; align-items: center; } 
.evCon4 .order_wrap .table-order { position: static; margin: 0; } 
.evCon4 .order_wrap .table-order li a { font-weight: 700; } 
.evCon4 .order_wrap .table-order li.active a { color: var(--color-weekly); } 
.evCon4 .order_wrap .btn-base a { display: block; } 
.evCon4 .gallery_base_wrap .img_wrap { position: relative; } 
.evCon4 .gallery_base_wrap .img_wrap .badge { position: absolute; top: 0; right: 20px; font-weight: 700; font-size: 13px; padding: 4px 10px; color: #FFF; border-radius: 0 0 8px 8px; } 
.evCon4 .gallery_base_wrap .img_wrap .badge.weekly { background: var(--color-weekly); } 
.evCon4 .gallery_base_wrap .img_wrap .badge.daily { background: var(--color-daily); } 

/* ?? */
.mission_pop { font-family: var(--font-noto); line-height: 1.4; } 
.mission_pop .pop_tit { text-align: center; margin-bottom: 25px; } 
.mission_pop .area_tit { margin-bottom: 20px; } 
.mission_pop * + .area_tit { margin-top: 25px; } 
.mission_pop .area_tit::before { content: '\2022'; display: inline-block; margin: 0 10px; } 
.mission_pop .content_area .content_inner { padding: 36px; } 
.mission_pop .table-base { border-top: 1px solid #111; } 
.mission_pop .table-base th,
.mission_pop .table-base td { border-bottom: 1px solid #ECECEC; } 
.mission_pop .table-base th { background: #fff; font-weight: 700; padding: 21px 10px; } 
.mission_pop .table-base td { padding: 10px; } 
.mission_pop .table-base input,
.mission_pop .table-base textarea { border-radius: 3px; border-color: #DDD; font-size: 13px; font-family: var(--font-noto) !important; } 
.mission_pop .input-base { height: 40px; padding: 0 10px; } 
.mission_pop .textarea-base { height: auto; } 
.mission_pop .mg_filebox .search-button { width: 135px; height: 40px; } 
.mission_pop .mg_filebox .search-button label { height: inherit; line-height: 40px; font-size: 14px; background: #111; border-radius: 2px; } 
.mission_pop .mg_filebox .filename { width: calc(100% - 145px); border-radius: 3px; border-color: #DDD; height: 40px; } 
.mission_pop .mg_filebox .filename input[type="text"] { height: inherit; } 
.mission_pop .evt_con_base { color: #555; margin-top: 20px; } 
.mission_pop .btn-base a { padding: 11.5px 40px; } 

/* 250729 */
.evCon4 .evt-tab.type-1 li a { color: #acacac; background: #303030; border-color: #111; font-weight: 600; border: none; } 
.evCon4 .evt-tab.type-1 li.on a { background: #FF007A; color: #fff; } 
.evCon4 .evt-tab.type-1 li.on::before { display: none; } 

.mission_pop .guide{display: flex;padding: 26px 20px;flex-direction: column;align-items: flex-start;align-self: stretch;background: var(--bg-bg7, #F4FAFF);color: #222;}
.mission_pop .guide .copy_wrap{display: flex;position: relative;padding: 10px 100px 10px 10px;justify-content: flex-start;align-items: flex-start;gap: 10px;align-self: stretch;border: 1px solid #B7D3EA;margin: 10px 0 0;}
.mission_pop .guide .copy_wrap p{}
.mission_pop .guide .copy_wrap button{display: flex;padding: 0;justify-content: center;align-items: center;gap: 10px;border-radius: 3px;background: #111;color: #FFF;text-align: center;font-size: 11px;font-weight: 700;line-height: 25px; /* 200% *//* flex: 1; */width: 80px;position: absolute;bottom: 10px;right: 10px;}

.gallery_base_wrap .gallery_list>li .img .btn-base{
    position: absolute;
    bottom: 5px;
    left: 5px;
}



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

    /* evCon1 */
    .evCon1 { padding: 0; } 

    .bgWrap { padding: 7% 0; } 
.evCon2 .tit + .tiny_noti{
    margin-top: 0;
}


}



@media screen and (max-width: 992px){




    .evCon1 .inner { padding: 15% 0 14%; } 
    .evCon1 .figure > img { transform: scale(0.7); } 

    .evCon2 .weekly_wrap { overflow-x: auto; } 
    .evCon2 .weekly_wrap ol { width: 130vmin; max-width: 1080px; min-width: 830px; } 
    .evCon2 .weekly_wrap li { box-shadow: unset; border: 1px solid rgba(0, 0, 0, 0.10); } 



}



@media screen and (max-width: 768px){




    .evt_con_base.sm { font-size: 12px; } 
    .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: 39%; left: -2%; } 
    .evCon1 .figure04 { top: 10%; right: 6%; } 
    .evCon1 .figure05 { top: 25%; right: -22%; } 
    .evCon1 .figure06 { bottom: -2%; right: -7%; } 
    .evCon1 .figure07 { bottom: 40%; right: 5%; } 

    .evCon2 .weekly_wrap ol { width: 150vmin; } 

    .evCon4 .order_wrap { margin-top: 10px; } 

    .mission_pop .content_area .content_inner { padding: 30px 15px; } 



}




@media screen and (max-width: 576px){




    .evSection .mission_tit { width: 200px; padding: 5px 10px; border-radius: 8px 8px 8px 0; margin-bottom: 15px; } 
    .evSection * + .mission_tit { margin-top: 40px; } 
    .evSection .check_list li::before { width: 13px; height: 9px; } 

    .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: 36%; left: -5%; } 
    .evCon1 .figure04 { top: 4%; right: -8%; } 
    .evCon1 .figure05 { right: -34%; } 
    .evCon1 .figure06 { right: -16%; } 
    .evCon1 .oath { padding: 30px 15px; } 
    .evCon1 .oath p { margin-bottom: 15px; } 

    .evCon2 .weekly_wrap { margin-top: 20px; } 
    .evCon2 .weekly_wrap li { padding: 30px 5px; } 
    .evCon2 .weekly_wrap li + li::before { width: 26px; height: 26px; background-size: auto 11px; } 
    .evCon2 .weekly_wrap .tit { margin-bottom: 10px; } 
    .evCon2 .daily_wrap { padding: 30px 15px; } 

    .evCon3 .table-base th { height: 50px; padding: 5px 3px; } 
    .evCon3 .table-base td { padding: 5px 3px; } 
    .evCon3 .table-base .badge-base { font-size: 12px; padding: 4px 3px 5px 3px } 

    .mission_pop .area_tit { margin-bottom: 10px; } 
    .mission_pop .table-base { font-size: 13px; } 
    .mission_pop .table-base th { padding: 5px 3px; } 
    .mission_pop .table-base td { padding: 5px; } 
    .mission_pop .mg_filebox .filename { width: calc(100% - 65px); } 
    .mission_pop .mg_filebox .search-button { width: 60px; } 
    .mission_pop .mg_filebox .search-button label { font-size: 13px; } 
    .mission_pop .guide{padding: 15px;}
    .mission_pop .guide .copy_wrap{padding: 10px 10px 40px;}



}




@media screen and (max-width: 460px){



    .evCon1 .container_info { border-radius: 35px; } 
    .evCon1 .container_info .info { flex-direction: column; gap: 3px; } 
    .evCon1 .oath p span:last-child::before { content: ''; position: absolute; top: 42%; left: 0; width: 100%; height: 2px; background: url(https://img.megagong.net/m/2025/0630_passdiary/con1_line.png) no-repeat 50% 95%; background-size: 100% auto; } 




}