@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); } 
.tx_daily { color: var(--color-daily); } 

.evSection .mission_tit { display: block; 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; } 
.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; padding-left: 21px; } 
.evSection .check_list li + li { margin-top: 10px; } 
.evSection .check_list li::before { content: ''; position: absolute; top: 6px; left: 0; width: 16px; height: 11px; background-image: url(https://image.megagong.net/m/2025/0630_passdiary/ico_check.png); background-repeat: no-repeat; background-size: contain; } 
.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 ol { gap: 12px; } 
.evCon2 .weekly_wrap li { flex: 1; position: relative; padding: 50px 10px 55px; } 
.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; } 
.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; } 

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