@charset "UTF-8";

.tab_area .contents .nodata{height:calc(100vh - 17.5rem)}
.tab_area .contents .li_nodata .nodata{width:100%}
.tab_area .contents .li_nodata .nodata.ha{padding-top:2.5rem;padding-bottom:2.5rem}

.challenge{position:relative}
.challenge .thumb{position:relative;width:100%;aspect-ratio:1/1;background-color:#fff}
.challenge .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.challenge .thumb + .info{margin-top:0.5rem}
.challenge .thumb.no_img{background-size:3rem}
.challenge > .df{display:flex;flex-shrink:0;column-gap:0.75rem}
.challenge > .df .thumb,
.challenge .chk_challenge > .df .thumb,
.challenge .reading_rate > .df .thumb{flex-shrink:0;width:8.75rem;height:fit-content}
.challenge > .df .thumb + .info,
.challenge .chk_challenge > .df .thumb + .info,
.challenge .reading_rate > .df .thumb + .info{flex-grow:1;margin-top:0}
.challenge .progress{position:absolute;bottom:0;left:0;width:100%}
.challenge .progress:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#000}
.challenge .progress p{display:inline-block;position:relative;background-color:#000;font-weight:500;font-size:0.75rem;color:#fff;line-height:1;padding:0.25rem 0.25rem 0.25rem 1.25rem}
.challenge .progress p:before{content:'';display:inline-block;position:absolute;top:0.25rem;left:0.25rem;width:0.75rem;height:0.75rem;background:url('../images/icon/ico_light.svg') no-repeat 0 0 / cover;margin-right:0.25rem}
.challenge .progress .rank{position:absolute;bottom:0;left:0;width:auto;height:3.312rem}
.challenge .progress .rank img{width:100%;height:100%;object-fit:cover}
.challenge .info .tit{font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.challenge .info .desc{display:-webkit-box;overflow:hidden;max-height:2.25rem;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;font-size:0.75rem;color:#767676;margin-top:0.25rem}
.challenge .info .name{font-weight:500;font-size:0.75rem;color:#767676;line-height:1;margin-top:0.5rem}
.challenge .info .period{font-weight:500;font-size:0.75rem;line-height:1;margin-top:0.5rem}
.challenge .info .author{font-weight:500;font-size:0.75rem;color:#767676;line-height:1;margin-top:0.75rem}
.challenge .info .author > span + span{position:relative;padding-left:0.625rem}
.challenge .info .author > span + span:before{content:'';display:inline-block;position:absolute;top:50%;left:0.125rem;width:0.187rem;height:0.187rem;background-color:#767676;border-radius:50%;transform:translateY(-50%)}
.challenge .info .level_wrap{display:flex;align-items:center;border-top:1px solid #000;margin-top:0.75rem;padding-top:0.687rem}
.challenge .info .level_wrap p{font-weight:500;font-size:0.75rem;line-height:1}
.challenge .info .level{display:flex;column-gap:0.25rem;margin-left:auto}
.challenge .info .level > li{width:0.5rem;height:0.5rem;border:1px solid #000}
.challenge .info .level > li.checked,
.challenge .info .level > li:has(~ .checked){background-color:#000}
.challenge .info > .btn_area{margin-top:0.75rem}
.challenge .info > .dday{display:inline-block;position:relative;width:fit-content;font-weight:700;font-size:0.687rem;line-height:1;padding-bottom:0.187rem}
.challenge .info > .dday:before{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#000}
.challenge .info > .dday + .tit{margin-top:0.25rem}
.challenge .info .deadline{display:flex;align-items:center;border:1px solid #ff4900;border-bottom-width:0.125rem;border-radius:0.25rem;margin-top:0.75rem;padding:0.437rem 0.75rem 0.375rem}
.challenge .info .deadline strong{font-weight:700;font-size:0.75rem;line-height:1;color:#ff4900}
.challenge .info .deadline .dday{display:block;margin-left:auto}
.challenge .info .tit + .rate{margin-top:0.75rem}
.challenge .info .rate > p{font-size:0.75rem}
.challenge .info .rate > p > strong{font-weight:600;font-size:0.813rem;padding-left:0.125rem}
.challenge .btn_bookmark{flex-shrink:0}
.challenge  a.df:has(~.btn_bookmark){padding-right:2rem}
.challenge  a.df + .btn_bookmark{position:absolute;top:0;right:0}
.challenge .txt_intro{border-top:1px solid #f0f0f0;font-weight:500;font-size:0.75rem;margin-top:0.75rem;padding-top:0.437rem}
.challenge .btn_del{height:100%}
.challenge .ico_del{width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23EB2F34' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E")}
.challenge .reading_rate{background-color:#D9DEF4}
.challenge .reading_rate > .df{column-gap:1rem}
.challenge .reading_rate > .df .thumb{width:5rem;height:5rem}
.challenge .reading_rate .info{display:inline-flex;flex-direction:column}
.challenge .reading_rate .info .tit{font-size:0.875rem}
.challenge .btn_area.type_tab{border-radius:0;margin:0 0.75rem}
.challenge .btn_area.type_tab .btn:first-child{border-bottom-left-radius:0.75rem}
.challenge .btn_area.type_tab .btn:last-child{border-bottom-right-radius:0.75rem}
.challenge .btn_area.type_tab .btn span{font-weight:400}
.challenge .btn_area.type_tab .btn strong{font-weight:600}
.challenge .btn_area.type_tab .btn span + strong{position:relative;padding-left:0.875rem}
.challenge .btn_area.type_tab .btn span + strong:before{content:'';display:inline-block;position:absolute;top:50%;left:0.375rem;width:0.125rem;height:0.125rem;border-radius:50%}
.challenge .review_cont{width:100%;background-color:#fff;box-shadow:0 0 0.437rem 0 rgba(0,0,0,0.04), 0 0 1.562rem 0 rgba(0,0,0,0.07);border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;padding:1.25rem}
.challenge .review_cont .date{display:inline-block;font-size:0.75rem;color:#a5a5a5;line-height:1}
.challenge .review_cont .text_box .txt{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:0.875rem}
.challenge .review_cont .text_box .txt + .df{align-items:center;margin-top:0.75rem}
.challenge .review_cont .text_box .category{font-weight:500;font-size:0.75rem;color:#767676;line-height:1;margin-left:auto}
.challenge .review_cont .df > .right_area{display:flex;align-items:center;column-gap:0.5rem;margin-left:auto}
.challenge .review_cont .right_area .btn.pill{border-color:#f2f6ff;background-color:#f2f6ff;font-weight:600;color:#4171d9}
.challenge .badge.app_complete{position:absolute;top:0.687rem;right:-0.25rem;width:2.5rem;height:2.5rem;border-radius:0.5rem;border-top-right-radius:0;background-color:#333;border:0;font-weight:600;font-size:0.687rem;color:#fff;line-height:1.1;letter-spacing:0.034rem;padding:0.125rem}
.challenge .badge.app_complete:before{content:'';display:inline-block;position:absolute;top:-0.25rem;right:0;width:0.25rem;height:0.25rem;background-color:#333;}
.challenge .badge.app_complete:after{content:'';display:inline-block;position:absolute;top:-0.437rem;right:0;width:0.25rem;height:0.437rem;background-color:#000;border-radius:0 0.25rem 0.25rem 0}
.challenge .badge.app_complete > span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid transparent;border-radius:0.375rem 0 0.375rem 0.375rem;background-image:linear-gradient(#333, #333), linear-gradient(to right, rgba(27, 190, 161, 0.6) 0%, rgba(51, 51, 51, 0.6) 100%);background-origin:border-box;background-clip:content-box, border-box;}
.challenge.hot .thumb{aspect-ratio:1/1.5}
.challenge.hot .thumb.no_img{background-size:3.25rem}
.challenge.hot .thumb + .info{margin-top:0.75rem}
.challenge.hot .progress{display:flex;align-items:center;background-color:#000}
.challenge.hot .progress p{display:flex;justify-content:flex-end;background-color:transparent;font-weight:700;font-size:0.875rem;padding:0.375rem 0.375rem 0.375rem 1.5rem;margin-left:auto}
.challenge.hot .progress p:before{top:0.375rem;left:0.375rem;width:0.875rem;height:0.875rem}
.challenge.hot .info .tit{font-size:1.125rem}
.challenge.together .thumb img{mix-blend-mode:luminosity}
.challenge.secret .thumb:before,
.challenge.private .thumb:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:0.125rem;background-color:#000}
.challenge.secret .thumb:after,
.challenge.private .thumb:after{content:'';display:block;position:absolute;top:0;left:0;width:1.75rem;height:1.75rem;background:rgba(0,0,0,0.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h1V6q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm0-2h12V10H6zm6-3q.825 0 1.413-.587T14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17M9 8h6V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6zM6 20V10z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;border-radius:0 0 0.5rem 0}
.challenge.secret.unlock .thumb:after,
.challenge.private.unlock .thumb:after{background:rgba(25, 39, 168, 0.80) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6 8h9V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6H7q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22H6q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8m0 12h12V10H6zm6-3q.825 0 1.413-.587T14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17m-6 3V10z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem}
.challenge.comming .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23F28D8E' d='M9 3V1h6v2zm2 11h2V8h-2zm1 8q-1.85 0-3.488-.712T5.65 19.35t-1.937-2.863T3 13t.713-3.488T5.65 6.65t2.863-1.937T12 4q1.55 0 2.975.5t2.675 1.45l1.4-1.4l1.4 1.4l-1.4 1.4Q20 8.6 20.5 10.025T21 13q0 1.85-.713 3.488T18.35 19.35t-2.863 1.938T12 22m0-2q2.9 0 4.95-2.05T19 13t-2.05-4.95T12 6T7.05 8.05T5 13t2.05 4.95T12 20m0-7'/%3E%3C/svg%3E")}
.challenge.recruit_close .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23B6E577' d='M19.775 22.625L17.15 20H4v-2.8q0-.85.438-1.562T5.6 14.55q1.125-.575 2.288-.925t2.362-.525L1.375 4.225L2.8 2.8l18.4 18.4zM18.4 14.55q.725.35 1.15 1.062T20 17.15l-3.35-3.35q.45.175.888.35t.862.4m-4.2-3.2L8.65 5.8q.575-.85 1.45-1.325T12 4q1.65 0 2.825 1.175T16 8q0 1.025-.475 1.9T14.2 11.35'/%3E%3C/svg%3E")}
.challenge.limit_recruit .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23B6E577' d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05c1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5'/%3E%3C/svg%3E")}
.challenge.limit_recruit_close .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23B6E577' d='M19.775 22.625L17.15 20H4v-2.8q0-.85.438-1.562T5.6 14.55q1.125-.575 2.288-.925t2.362-.525L1.375 4.225L2.8 2.8l18.4 18.4zM18.4 14.55q.725.35 1.15 1.062T20 17.15l-3.35-3.35q.45.175.888.35t.862.4m-4.2-3.2L8.65 5.8q.575-.85 1.45-1.325T12 4q1.65 0 2.825 1.175T16 8q0 1.025-.475 1.9T14.2 11.35'/%3E%3C/svg%3E")}
.challenge.limit_recruit_close .progress p > span{display:inline-block;position:relative;margin-left:0.312rem}
.challenge.limit_recruit_close .progress p > span em{display:inline-block;position:relative;color:#000}
.challenge.limit_recruit_close .progress p > span:before{content:'';display:inline-block;position:absolute;top:-0.187rem;left:-0.187rem;width:100%;height:100%;background-color:#fff;padding:0.187rem 0.187rem 0.25rem}
.challenge.apply .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23B2CBFF' d='m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E")}
.challenge.recruiting .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2300C7C2' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.challenge.recruit_before .progress p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23F2AC0C' d='m18 22l-.01-6L14 12l3.99-4.01L18 2H6v6l4 4l-4 3.99V22zM8 7.5V4h8v3.5l-4 4z'/%3E%3C/svg%3E")}
.challenge.data{background-color:#f6f6f6;border-radius:1.25rem;padding:1.5rem}
.challenge.data > .df{column-gap:1.25rem}
.challenge.data > .df .thumb,
.challenge.data .chk_challenge > .df .thumb{width:5rem;height:7.25rem;box-shadow:0.25rem 0.25rem 0.625rem 0 rgba(0,0,0,0.05), 0.625rem 0.625rem 3.125rem rgba(0,0,0,0.20);aspect-ratio:auto}
.challenge.data > .df .thumb.no_img,
.challenge.data .chk_challenge > .df .thumb.no_img{background-size:1.625rem}
.challenge.data .info {padding-top:0.75rem}
.challenge.data .info .tit{font-weight:500;font-size:0.875rem}
.challenge.data .chk_challenge > .df{column-gap:0.75rem}
.challenge.data .chk_challenge .thumb + .info{padding-top:0}
.challenge.success .reading_rate{border-bottom-left-radius:0;border-bottom-right-radius:0}
.challenge.finish .info > .dday{color:#767676}
.challenge.finish .info > .dday:before{background-color:#767676}
.challenge.finish .btn_area.type_tab .btn:last-child{border-bottom-left-radius:0.75rem}

.challenge_list > li:nth-child(5n+1) .reading_rate{background-color:#fee3ea}
.challenge_list > li:nth-child(5n+1) .btn_area.type_tab .btn_md{color:#fee3ea !important}
.challenge_list > li:nth-child(5n+1) .reading_rate + .btn_area.type_tab .btn span + strong:before{background-color:#fee3ea}
.challenge_list > li:nth-child(5n+2) .reading_rate{background-color:#d9def4}
.challenge_list > li:nth-child(5n+2) .btn_area.type_tab .btn_md{color:#d9def4 !important}
.challenge_list > li:nth-child(5n+2) .btn_area.type_tab .btn span + strong:before{background-color:#d9def4}
.challenge_list > li:nth-child(5n+3) .reading_rate{background-color:#cff5f4}
.challenge_list > li:nth-child(5n+3) .btn_area.type_tab .btn_md{color:#cff5f4 !important}
.challenge_list > li:nth-child(5n+3) .btn_area.type_tab .btn span + strong:before{background-color:#cff5f4}
.challenge_list > li:nth-child(5n+4) .reading_rate{background-color:#d2edfa}
.challenge_list > li:nth-child(5n+4) .btn_area.type_tab .btn_md{color:#d2edfa !important}
.challenge_list > li:nth-child(5n+4) .btn_area.type_tab .btn span + strong:before{background-color:#d2edfa}
.challenge_list > li:nth-child(5n+5) .reading_rate{background-color:#e7e8e8}
.challenge_list > li:nth-child(5n+5) .btn_area.type_tab .btn_md{color:#e7e8e8 !important}
.challenge_list > li:nth-child(5n+4) .btn_area.type_tab .btn span + strong:before{background-color:#e7e8e8}
.challenge_list > li .challenge.finish .reading_rate{background-color:#f6f6f6 !important}
.challenge_list > li .challenge.finish .btn_area.type_tab .btn_md{color :#f6f6f6 !important}

.mission_state + .challenge_list .challenge .info .name{margin-top:0.75rem}

.my_challenge{display:flex;align-items:center;column-gap:1.5rem}
.my_challenge .thumb{position:relative;flex-shrink:0;width:7.375rem;height:10.875rem}
.my_challenge .thumb:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 15px 0 rgba(0,0,0,0.1)}
.my_challenge .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.my_challenge .info{display:flex;flex-direction:column;row-gap:1rem;width:100%}
.my_challenge .info .tit{margin-top:-0.5rem}
.my_challenge .info .tit a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;color:inherit}
.my_challenge .info .btns{display:flex;gap:0.75rem}
.my_challenge .info .btns > a{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:#333;background-repeat:no-repeat;background-position:50% 50%;background-size:1rem 1rem}
.my_challenge .info .btns > .ico_flag{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M5 21V4h9l.4 2H20v10h-7l-.4-2H7v7zm9.65-7H18V8h-5.25l-.4-2H7v6h7.25z'/%3E%3C/svg%3E")}
.my_challenge .info .btns > .ico_edit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M5 19h1.425L16.2 9.225L14.775 7.8L5 17.575zm-2 2v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM19 6.4L17.6 5zm-3.525 2.125l-.7-.725L16.2 9.225z'/%3E%3C/svg%3E")}
.my_challenge .info .btns > .ico_medal{background-image:url(../images/icon/ico_medal.svg);background-size:0.75rem 1rem}
.my_challenge .badge{width:fit-content;background-color:#1ba4e7;border-color:#1ba4e7;border-radius:0.25rem;line-height:1.5;color:#fff;padding:0.062rem 0.438rem}
.my_challenge .rate{display:flex;align-items:center}
.my_challenge .rate .progress_bar{flex-grow:0;position:relative;width:100%;height:0.187rem;border-radius:6.187rem;background-color:#dbdbdb}
.my_challenge .rate .progress_bar .progress{position:absolute;top:0;left:0;height:100%;border-radius:6.187rem;background:linear-gradient(90deg, #1BBEA1 1.84%, #1927A8 101%)}
.my_challenge .rate .progress_bar + p{flex-shrink:0;width:5rem;padding-left:0}
.my_challenge .rate p{flex-grow:1;font-weight:500;font-size:0.75rem;line-height:1;text-align:right;margin-left:auto;padding-left:0.25rem}

.challenge_list{display:flex;flex-wrap:wrap;gap:2rem 1.25rem}
.challenge_list > li{width:calc((100% / 2) - 0.625rem)}
.challenge_list .challenge .info .tit{font-size:0.875rem}
.challenge_list.list_type{flex-direction:column;gap:0}
.challenge_list.list_type > li{width:100%}
.challenge_list.list_type > li + li{margin-top:1.25rem}
.challenge_list.list_type + .challenge_list.list_type{margin-top:1.25rem}

.challenge_detail{}
.challenge_detail .slide_area .swiper-pagination-fraction{top:1rem;bottom:auto !important;height:1.25rem;border-radius:99px;background-color:rgba(255, 255, 255, 0.40);padding:0 0.5rem}
.challenge_detail .slide_area img{aspect-ratio:1/0.91604}
.challenge_detail .basic_info{padding:1.75rem 1.25rem 2.5rem;border-bottom:0.5em solid #f6f6f6;overflow:hidden}
.challenge_detail .basic_info .tit{font-size:1.5rem;font-weight:700}
.challenge_detail .basic_info:not(.type02) .hashtag_area{flex-wrap:nowrap;width:calc(100% + 2.5rem);margin:0.75rem -1.25rem 0;padding:0 1.25rem;overflow-x:auto}
.challenge_detail .basic_info:not(.type02) .hashtag_area:empty{margin-top:0}
.challenge_detail .basic_info .desc{margin-top:0.75rem;font-size:0.875rem}
.challenge_detail .basic_info .info{margin-top:1rem;padding-top:0.938rem;line-height:1;border-top:1px solid #f0f0f0}
.challenge_detail .basic_info .info .txt_date{display:inline-block;padding-right:1.25rem;font-size:0.875rem;line-height:1rem;vertical-align:top;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M8 14q-.425 0-.712-.288T7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14m4 0q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m4 0q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5zM5 8h14V6H5zm0 0V6z'/%3E%3C/svg%3E") no-repeat 100% 50%;background-size:1rem}
.challenge_detail .basic_info .info .btn_date{display:inline-block;width:11.125rem;height:auto;padding:0;font-size:0.875rem;line-height:1rem;vertical-align:top;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M8 14q-.425 0-.712-.288T7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14m4 0q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m4 0q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5zM5 8h14V6H5zm0 0V6z'/%3E%3C/svg%3E") no-repeat 100% 50%;background-size:1rem}
.challenge_detail .basic_info .info .bi_cash{position:relative;margin-top:0.75rem}
.challenge_detail .basic_info .info .bi_cash .df{align-items:center;column-gap:0.25rem}
.challenge_detail .basic_info .info .bi_cash .cash{line-height:1}
.challenge_detail .basic_info .info .bi_cash .btn_help{width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m-.9-3.85h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.challenge_detail .basic_info .info .bi_cash .tooltip{display:none;position:absolute;top:1.5rem;left:0;width:100%;padding:0.438rem 0.688rem;font-size:0.75rem;line-height:1.8;border:1px solid #dbdbdb;background-color:#fff}
.challenge_detail .basic_info .info .bi_cash.active .tooltip{display:block}
.challenge_detail .basic_info .info .bi_cash .cash:has(~ .cash_free){text-decoration:line-through}
.challenge_detail .basic_info .info .bi_cash .cash_free{margin-left:auto;color:#eb2f34;font-weight:700}
.challenge_detail .basic_info .dl{display:flex;align-items:center;margin-top:1rem;padding-top:0.938rem;line-height:1;border-top:1px solid #f0f0f0}
.challenge_detail .basic_info .dl .dt{font-size:0.75rem;font-weight:500}
.challenge_detail .basic_info .dl .dd{margin-left:auto}
.challenge_detail .basic_info .dl .dd .level{display:flex;column-gap:0.25rem}
.challenge_detail .basic_info .dl .dd .level li{width:0.5rem;height:0.5rem;border:1px solid #000;background-color:#fff}
.challenge_detail .basic_info .dl .dd .level li.checked,
.challenge_detail .basic_info .dl .dd .level li:has(~ .checked){background-color:#000}
.challenge_detail .basic_info .sub_info{display:flex;flex-wrap:wrap;margin-top:0.75rem}
.challenge_detail .basic_info .sub_info > p{font-size:0.875rem;line-height:1}
.challenge_detail .basic_info .sub_info > p + p{position:relative;padding-left:0.937rem}
.challenge_detail .basic_info .sub_info > p + p:before{content:'';display:inline-block;position:absolute;top:50%;left:0.312rem;width:0.187rem;height:0.187rem;border-radius:50%;background-color:#767676;transform:translateY(-50%)}
.challenge_detail .basic_info .sub_info > p > span{display:inline-block;padding-left:0.25rem}
.challenge_detail .basic_info .mate{display:flex;flex-wrap:wrap;align-items:center;border-top:2px solid #000;margin-top:1.125rem;padding-top:0.875rem}
.challenge_detail .basic_info .mate .name{font-size:0.875rem;line-height:1}
.challenge_detail .basic_info .mate .name + .btn_like{margin-left:auto}
.challenge_detail .basic_info.type02{position:relative;background-color:#000;border-bottom:0;padding-top:0.75rem;padding-bottom:1.75rem}
.challenge_detail .basic_info.type02 *{color:#fff}
.challenge_detail .basic_info.type02 .hashtag_area{display:flex;align-items:center;column-gap:0.5rem;position:fixed;top:1.125rem;right:1.25rem;justify-content:flex-end;margin:0 auto}
body:not(.gnb_active) .challenge_detail .basic_info.type02 .hashtag_area{z-index:110}
.challenge_detail .basic_info.type02 .hashtag_area .hashtag{border-color:#fff}
.challenge_detail .basic_info.type02 .hashtag_area .btn_area{margin-top:0}
.challenge_detail .basic_info.type02 .sub_info > p + p:before{background-color:#fff}
.challenge_detail .basic_info.type02 .mate{border-color:#fff}
.challenge_detail .basic_info.type02 .btn_setting{width:1.5rem;height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M19.43 12.98c.04-.32.07-.64.07-.98c0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 0 0-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0 0 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 0 0-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98c0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 0 0 .61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03c.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64zm-1.98-1.71c.04.31.05.52.05.73c0 .21-.02.43-.05.73l-.14 1.13l.89.7l1.08.84l-.7 1.21l-1.27-.51l-1.04-.42l-.9.68c-.43.32-.84.56-1.25.73l-1.06.43l-.16 1.13l-.2 1.35h-1.4l-.19-1.35l-.16-1.13l-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7l-1.06.43l-1.27.51l-.7-1.21l1.08-.84l.89-.7l-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13l-.89-.7l-1.08-.84l.7-1.21l1.27.51l1.04.42l.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43l.16-1.13l.2-1.35h1.39l.19 1.35l.16 1.13l1.06.43c.43.18.83.41 1.23.71l.91.7l1.06-.43l1.27-.51l.7 1.21l-1.07.85l-.89.7zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4m0 6c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.challenge_detail .sec_chk{background-color:#fff;margin-top:-1px;padding:0 1.25rem 6.25rem}
.challenge_detail .sec_chk .check_wrap{border-top:0.125rem solid #000;padding:1.125rem 0 1.25rem;margin-top:0}
.challenge_book .book_thumb{position:relative;padding:3.125rem 0 5.375rem;background-color:#fff}
.challenge_book .book_thumb:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 11rem);background-color:#fff}
.challenge_book .book_thumb .bg{position:absolute;top:0;left:0;width:100%;height:13.75rem;background-repeat:no-repeat;background-position:50% 3.5rem;background-size:100%;opacity:0.4;filter:blur(1.563rem)}
.challenge_book .book_thumb .thumb{position:relative;width:10rem;margin:0 auto;z-index:1}
.challenge_book .book_thumb .thumb img{box-shadow:0.25rem 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.05), 0.625rem 0.625rem 3.125rem 0 rgba(0, 0, 0, 0.20)}
.challenge_book .book_thumb .thumb.no_img{aspect-ratio:1 / 1.5}
.challenge_book .book_thumb .bg:has(~ .no_img){background-color:#000;background-image:none !important;opacity:.1}
.challenge_book .book_thumb .author{position:absolute;top:-0.25rem;left:0;font-size:0.875rem;font-weight:500;line-height:1;z-index:1}
.challenge_book .book_thumb .author:before{content:'';display:block;width:2.375rem;height:0.25rem;margin-bottom:0.75rem;background-color:#000}
.challenge_book .book_thumb .page{position:absolute;top:9.75rem;right:1.25rem;font-size:0.875rem;line-height:1;z-index:1}
.challenge_book .book_thumb .page:before{content:'';display:block;width:1px;height:2.5rem;margin:0 auto 0.75rem;background-color:#000}
.sec .challenge_book .book_thumb:after{left:-1.25rem;width:calc(100% + 2.5rem)}
.sec .challenge_book .book_thumb .bg{top:-2.75rem;left:-1.25rem;width:calc(100% + 2.5rem)}
.challenge_book .book_intro{display:flex;flex-wrap:wrap;row-gap:0.5rem;padding-top:1.125rem;border-top:2px solid #000}
.challenge_book .book_intro .tit{width:100%;font-weight:600}
.challenge_book .book_intro .desc{width:100%;line-height:1.8}
.challenge_book .book_intro .desc:not(.active){overflow:hidden;max-height:7.2rem}
.challenge_book .book_intro .btn_more{display:flex;align-items:center;margin-left:auto;padding:0.375rem 0.25rem 0.375rem 0.625rem;color:#767676;font-size:0.75rem;font-weight:600;line-height:1;background-color:#f9f9f9}
.challenge_book .book_intro .btn_more:after{content:'';width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 15l-5-5h10z'/%3E%3C/svg%3E") no-repeat 100% 50%;background-size:1rem}
.challenge_book .book_intro .desc:not(.active) + .btn_more .active_txt,
.challenge_book .book_intro .desc.active + .btn_more span:not(.active_txt){display:none}
.challenge_book .book_intro .desc.active + .btn_more:after{transform:rotate(180deg)}
.mate_list li{display:flex;align-items:flex-start;column-gap:1.25rem}
.mate_list li + li{margin-top:1.25rem}
.mate_list li .thumb{flex-shrink:0;width:7.5rem;background-color:#d9d9d9;aspect-ratio:1}
.mate_list li .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;mix-blend-mode:luminosity}
.mate_list li .thumb.no_img{background-size:2.625rem}
.mate_list li .mate_info{flex:1;padding:0.25rem 0 0.625rem;border-bottom:1px solid #000}
.mate_list li .lbl{display:inline-block;position:relative;padding-bottom:0.313rem;color:#00c7c2;font-weight:700;font-family:'Montserrat';font-size:0.812rem;line-height:1;vertical-align:top;text-transform:uppercase}
.mate_list li .lbl:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0.125rem;background-color:#00c7c2}
.mate_list li .desc{margin-top:0.5rem;font-size:0.875rem;font-weight:500}
.mate_list li .link{display:block;margin-top:1rem;padding-right:1.25rem;color:#767676;font-size:0.75rem;font-weight:500;line-height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E") no-repeat 100% 0;background-size:1rem}

.chk_challenge{display:flex;column-gap:0.75rem}
.chk_challenge .challenge{width:100%;padding-bottom:1.187rem;border-bottom:1px solid #f0f0f0}

.mission{display:flex;column-gap:0.75rem}
.mission > .num{flex-shrink:0;position:relative}
.mission > .num:before,
.mission > .num:after{content:'';display:inline-block;position:absolute;left:50%;transform:translateX(-50%)}
.mission > .num:before{top:0;height:100%;border-left:1px dashed #00c7c2}
.mission > .num:after{bottom:0;width:0.312rem;height:0.312rem;background-color:#00c7c2;border-radius:50%}
.mission .num .badge{position:relative;background-color:#00c7c2;border-color:#00c7c2;border-radius:6.187rem;font-weight:700;color:#fff;padding:0.437rem 0.625rem}
.mission .chk_list.type02 .radio :checked ~ label:after{border-style:solid}
.mission .chk_list .radio .info > p{line-height:1.5}
.mission .question{width:100%}
.mission .question .cont .btn.pill{flex-shrink:0;background-color:#fff !important;border-color:#fff !important;z-index:1}
.mission .question .date{font-weight:500;font-size:0.75rem;color:#767676;line-height:1;margin-top:0.5rem}
.mission .question .cont{width:100%;margin-top:0.75rem}
.mission .question textarea,
.mission .question .textarea{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;overflow:hidden}
.mission .question textarea + .btn_area,
.mission .question .textarea + .btn_area{margin-top:0}
.mission .question textarea + .btn_area .btn,
.mission .question .textarea + .btn_area .btn{height:2.187rem;border-color:#dbdbdb;border-top:0;border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;background-color:#f6f6f6}
.mission .question .cont > textarea{height:6.25rem;border-radius:0.75rem;font-size:0.875rem;line-height:1.5}
.mission .question .cont .chk_list + .chk_list{margin-top:0.5rem}
.mission .question .cont > .row,
.mission .question .cont + .row{margin-top:0.75rem}
.mission .question .answer{padding:0.75rem}
.mission .question .answer .txt{font-size:0.813rem;line-height:1.5}
.mission .question .answer .txt + .df{align-items:center;background-color:#f6f6f6;border-radius:0.5rem;margin-top:0.5rem;padding:0.5rem 0.75rem}
.mission .question .answer .date{font-weight:400;font-size:0.75rem;color:#767676;line-height:1}
.mission .question .answer .df .date{margin-top:0}
.mission .question .answer .etc{display:flex;align-items:center;column-gap:0.75rem;margin-left:auto}
.mission .question .answer .etc > .df{align-items:center}
.mission .question .answer .etc .num{display:inline-block;font-weight:500;font-size:0.813rem;color:#767676;line-height:1;padding-left:0.25rem}
.mission .question .answer .user{display:flex;align-items:center;column-gap:0.25rem;width:calc(100% - 6.25rem)}
.mission .question .answer .user_img{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;overflow:hidden}
.mission .question .answer .user_img img{width:100%;height:100%;object-fit:cover;object-position:top}
.mission .question .answer .user .name{display:-webkit-box;overflow:hidden;font-weight:500;font-size:0.75rem;color:#767676;line-height:1;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.mission .question .answer .btn_icon_del:before{width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E")}
.mission .question .answer_box{border-radius:0.75rem;border:1px solid #f0f0f0;margin-top:0.5rem;overflow:hidden}
.mission .question .answer_box .btn_arr_down{width:100%;padding:0.687rem 0.937rem}
.mission .question .answer_box.active .btn_arr_down:after{transform:rotate(180deg)}
.mission .question .answer_box .btn_arr_down:after{flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M16.59 8.59L12 13.17L7.41 8.59L6 10l6 6l6-6z'/%3E%3C/svg%3E");margin-left:auto}
.mission .question .answer_box .btn_arr_down span{font-size:0.813rem;color:#000;text-align:left}
.mission .question .answer_box:not(.active) .answer_list{display:none}
.mission .question .answer_box .answer_list > li{border-top:1px solid #f0f0f0}
.mission .question .answer_box .answer{background-color:#fff;padding:1rem 0.937rem 0.937rem}
.mission .question .answer_box .answer .date{color:#a5a5a5}
.mission .question .answer_box .answer .df + .txt{margin-top:0.375rem}
.mission .question .answer_box .answer .img_area{margin-top:0.375rem}
.mission .question .answer_box .answer .img_area .img_wrap + .img_wrap{margin-top:0.75rem}
.mission .question .answer_box .answer .img_area .img_wrap img{width:100%;height:100%;object-fit:cover}
.mission .question .answer_box .answer .my_menu_area .my_menu{top:-2.125rem}
.mission .question .answer_box.type02.active:not(.list_active) .answer_list > li:nth-child(n+6){display:none}
.mission .question .answer_box.type02.list_active .answer_list > li{display:block}
.mission .question .btn_more .active_txt,
.mission .question .answer_box.type02.list_active + .btn_area .btn_more > span:not(.active_txt){display:none}
.mission .question .answer_box.type02.list_active + .btn_area .btn_more .active_txt{display:block}
.mission .question .answer_box.type02.list_active + .btn_area .btn_more:after{transform:rotate(180deg)}
.mission .question .btn_mission{position:relative;width:100%;min-height:3rem;background:linear-gradient(90deg, #1bbea1 1.84%, #3140cb 101%);border-radius:0.75rem;font-weight:600;font-size:0.812rem;color:#fff;text-align:left;padding:0.687rem 0.937rem}
.mission .question .btn_mission:before{content:'';display:block;position:absolute;top:50%;right:1rem;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.675 12L9.6 15.075L11 16.5l4.5-4.5L11 7.5L9.6 8.925zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 0 / cover;transform:translateY(-50%)}
.mission .question .btn_icon_del:before{width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E")}
.mission .question .cont > .answer_list > li + li{margin-top:0.5rem}
.mission .question .cont > .answer_list .answer{background-color:#f9f9f9;border-radius:0.75rem}
.mission .question .cont > .answer_list .answer .txt{line-height:1.5}
.mission .question .cont_box{display:flex;column-gap:0.75rem;background-color:#f9f9f9;border-radius:0.75rem;border:1px solid #00c7c2;padding:0.75rem}
.mission .question .cont_box .txt{font-weight:600;font-size:0.812rem}
.mission .question .answer .txt + .btn_area{margin-top:0.25rem}
.mission .question .answer_box:not(.active) + .btn_area{display:none}
.mission .question .fill_white{color:#767676 !important}
.mission .question .answer_txt{display:flex;align-items:center;padding:0.688rem;font-size:0.813rem;font-weight:600;border:1px solid #00c7c2;border-radius:0.75rem;background-color:#f9f9f9}
.mission .question .answer_txt > div{padding-right:0.75rem;word-break:break-all}
.mission .question .answer_txt .btn{flex-shrink:0;margin-bottom:auto}
.mission .question .btn_area{justify-content:right;margin-top:0.5rem}
.mission + .btn_area{margin-top:0.75rem}
.mission + .btn_area .btn{width:auto;font-weight:500}
.mission.complete .num:before{border-color:#000}
.mission.complete .num:after{width:1.25rem;height:1.25rem;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E") no-repeat 50% 50% / 0.75rem}
.mission.complete .num .badge{border-color:#000;background-color:#000}
.mission.complete .chk_list.type02 .radio label{pointer-events:none}
.mission.complete .chk_list.type02 .radio label .btn.pill{pointer-events:auto}
.mission.complete .chk_list.type02 .radio :checked ~ label:after{border-style:solid}
.ch_detail .mission:not(.complete) .question .chk_list,
.ch_detail .mission:not(.complete) .question .answer_txt,
.ch_detail .mission.complete .question .btn_mission{display:none}

@media screen and (min-width:489px){
    .challenge_detail .basic_info.type02 .hashtag_area{max-width:448px;right:50%;transform:translateX(50%);margin-right:-12.5rem}
    .challenge_detail .basic_info.type02 .hashtag_area .btn_area + .hashtag{margin-right:30px}
}

.mission_complete{overflow:hidden;position:relative;width:100%;max-width:1080px;height:100%;max-height:1080px;background-color:#00a0ff;margin:0 auto;font-family:'NotoSansKR';overflow:hidden;aspect-ratio:1/1}
.mission_complete .bg{position:absolute;width:100%}
.mission_complete .bg img{width:100%}
.mission_complete .bg01{top:0;left:0;height:100%}
.mission_complete .bg01 img{object-fit:contain}
.mission_complete .bg02{bottom:0;left:50%;transform:translateX(-50%)}
.mission_complete .txt_area{position:relative;text-align:center;padding-top:1.5rem}
.mission_complete .txt_area .name{display:inline-flex;align-items:center;justify-content:center;background-color:#005e96;border-radius:6.187rem;font-weight:600;font-size:0.812rem;color:#fff;line-height:1;padding:0.312rem 0.5rem}
.mission_complete .txt_area .txt{font-family:'Ttangsbudaejjigae';font-weight:300;font-size:1.125rem;line-height:1.2;color:#fff;margin-top:0.75rem;margin-bottom:0}
.mission_complete .txt_area .txt strong{display:block;font-weight:700;font-size:1.937rem;letter-spacing:0.096rem;padding-top:0.5rem}
.mission_complete .thumb_area{position:relative;margin-top:0.875rem;z-index:1}
.mission_complete .thumb_area .thumb{position:relative;width:7.187rem;height:11.375rem;object-fit:cover;object-position:top;box-shadow:0.125rem 0.25rem 0.937rem 0 rgba(0, 0, 0, 0.2);margin:0 auto}
.mission_complete .thumb_area .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.mission_complete .thumb_area .thumb .medal{position:absolute;top:2.125rem;right:-1.75rem;width:3.375rem}

#missionDownloadPop .popup .pop_foot{padding-top:1.75rem}
@media screen and (min-width:1080px){
    .mission_complete .bg02{width:941px}
    .mission_complete .txt_area{padding-top:75px}
    .mission_complete .txt_area .name{border-radius:99px;font-size:40px;padding:16px 28px}
    .mission_complete .txt_area .txt{font-size:56px;margin-top:40px}
    .mission_complete .txt_area .txt strong{font-size:96px;letter-spacing:4.8px;padding-top:28px}
    .mission_complete .thumb_area{margin-top:45px}
    .mission_complete .thumb_area .thumb{width:360px;height:570px;box-shadow:4px 8px 30px 0px rgba(0, 0, 0, 0.25)}
    .mission_complete .thumb_area .thumb .medal{top:107px;right:-88px;width:169px}
}
@media screen and (min-width:490px) and (max-width:1079px){
    .mission_complete .bg01{left:-1.8518518518518516vw;width:102.96296296296296vw;height:101.48148148148148vw;background-position-y:2.7777777777777777vw}
    .mission_complete .bg02{width:87.12962962962962vw}
    .mission_complete .txt_area{padding-top:6.944444444444444vw}
    .mission_complete .txt_area .name{border-radius:9.166666666666666vw;font-size:3.7037037037037033vw;padding:1.4814814814814814vw 2.5925925925925926vw}
    .mission_complete .txt_area .txt{font-size:5.185185185185185vw;margin-top:3.7037037037037033vw}
    .mission_complete .txt_area .txt strong{font-size:8.888888888888888vw;letter-spacing:0.37037037037037035vw;padding-top:2.5925925925925926vw}
    .mission_complete .thumb_area{margin-top:4.166666666666666vw}
    .mission_complete .thumb_area .thumb{width:33.33333333333333vw;height:52.77777777777777vw;box-shadow:0.37037037037037035vw 0.7407407407407407vw 2.7777777777777777vw 0 rgba(0, 0, 0, 0.25)}
    .mission_complete .thumb_area .thumb .medal{top:9.907407407407407vw;right:-8.148148148148147vw;width:15.648148148148147vw}
}
@media screen and (min-width:490px){
    #missionDownloadPop .mission_complete .bg02{width:23.406rem}
    #missionDownloadPop .mission_complete .txt_area{padding-top:1.866rem}
    #missionDownloadPop .mission_complete .txt_area .name{border-radius:6.187rem;font-size:1rem;padding:0.375rem 0.625rem}
    #missionDownloadPop .mission_complete .txt_area .txt{font-size:1.375rem;margin-top:1.062rem}
    #missionDownloadPop .mission_complete .txt_area .txt strong{font-size:2.406rem;letter-spacing:0.077rem;padding-top:0.625rem}
    #missionDownloadPop .mission_complete .thumb_area{margin-top:1.093rem}
    #missionDownloadPop .mission_complete .thumb_area .thumb{width:8.937rem;height:14.15rem;box-shadow:0.15rem 0.312rem 1.125rem 0 rgba(0, 0, 0, 0.2)}
    #missionDownloadPop .mission_complete .thumb_area .thumb .medal{top:2.625rem;right:-2.187rem;width:4.187rem}
}
@media screen and (max-width:489px){
    .mission_complete .bg02{width:76.59033078880407vw}
    .mission_complete .txt_area{padding-top:6.106870229007633vw}
    .mission_complete .txt_area .name{border-radius:25.19083969465649vw;font-size:3.3078880407124682vw;padding:1.272264631043257vw 2.035623409669211vw}
    .mission_complete .txt_area .txt{font-size:4.580152671755725vw;margin-top:3.5623409669211195vw}
    .mission_complete .txt_area .txt strong{font-size:7.888040712468193vw;letter-spacing:0.2544529262086514vw;padding-top:2.035623409669211vw}
    .mission_complete .thumb_area{margin-top:3.5623409669211195vw}
    .mission_complete .thumb_area .thumb{width:29.26208651399491vw;height:46.31043256997455vw;box-shadow:0.5089058524173028vw 1.0178117048346056vw 3.8167938931297707vw 0 rgba(0,0,0,0.2)}
    .mission_complete .thumb_area .thumb .medal{top:8.651399491094148vw;right:-7.124681933842239vw;width:13.740458015267174vw}
}