.search-bar[data-v-b0f7c8de]{background:var(--o-color-fill2);border-radius:var(--o-radius-l);justify-content:space-between;padding:var(--o3-gap-4) var(--o3-gap-6)}.search-bar[data-v-b0f7c8de],.sort-wrap[data-v-b0f7c8de],.sort-wrap .sort-text[data-v-b0f7c8de]{align-items:center;display:flex}.sort-wrap .sort-text[data-v-b0f7c8de]{color:var(--o-color-info2);cursor:pointer;font-size:var(--font-size);line-height:var(--line-height);margin-right:var(--o3-gap-6)}@media (min-width:1681px){.sort-wrap .sort-text[data-v-b0f7c8de]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.sort-wrap .sort-text[data-v-b0f7c8de]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.sort-wrap .sort-text[data-v-b0f7c8de]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.sort-wrap .sort-text[data-v-b0f7c8de]{--font-size:14px;--line-height:22px}}.sort-wrap .active-sort-text[data-v-b0f7c8de]{font-weight:600}.sort-icon[data-v-b0f7c8de]{align-items:center;display:inline-block;display:flex;font-weight:400;height:24px;justify-content:center;margin-left:var(--o3-gap-1);position:relative;width:24px}.sort-icon .asc-arrow[data-v-b0f7c8de],.sort-icon .desc-arrow[data-v-b0f7c8de]{color:var(--o-color-info4);font-size:12px;height:1em;position:absolute;width:1em}.sort-icon .desc-arrow[data-v-b0f7c8de]{margin-bottom:6px;top:4px}.sort-icon .asc-arrow[data-v-b0f7c8de]{top:8px;transform:scaleY(-1)}.sort-icon .arrow-active[data-v-b0f7c8de]{color:var(--o-color-info1)}.sort-search[data-v-b0f7c8de]{max-width:348px}.sort-search[data-v-b0f7c8de] .o_box-main{border-radius:100vh}.achieve-wrap[data-v-8a4761ce]{align-items:flex-start;gap:var(--grid-column-gutter);padding-bottom:var(--o3-gap-10)}.aside-wrap[data-v-8a4761ce]{flex-grow:0;width:var(--grid-4)}@media (min-width:841px) and (max-width:1200px){.aside-wrap[data-v-8a4761ce]{width:var(--grid-3)}}.content-wrap[data-v-8a4761ce]{flex:1}.achieve-list-wrap[data-v-8a4761ce]{display:grid;gap:var(--o3-gap-6);grid-template-columns:repeat(3,1fr);margin-top:var(--o3-gap-6);width:100%}@media (min-width:841px) and (max-width:1200px){.achieve-list-wrap[data-v-8a4761ce]{grid-template-columns:repeat(2,1fr)}}.achievement-page[data-v-8a4761ce]{display:flex;justify-content:flex-end;margin-top:var(--o3-gap-6)}.section[data-v-ec78c26e]{border-radius:var(--o-radius-xs);margin-top:var(--o3-gap-8)}.title-text[data-v-ec78c26e]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:500;line-height:var(--line-height)}@media (min-width:1681px){.title-text[data-v-ec78c26e]{--font-size:48px;--line-height:64px}}@media (min-width:1201px) and (max-width:1680px){.title-text[data-v-ec78c26e]{--font-size:40px;--line-height:56px}}@media (min-width:841px) and (max-width:1200px){.title-text[data-v-ec78c26e]{--font-size:32px;--line-height:44px}}@media (max-width:840px){.title-text[data-v-ec78c26e]{--font-size:20px;--line-height:28px}}.search-input[data-v-ec78c26e]{margin-top:var(--o3-gap-6);width:100%}.filter-wrap[data-v-ec78c26e]{align-items:center;display:flex;justify-content:space-between;margin-top:var(--o3-gap-8)}.sort-icon[data-v-ec78c26e]{font-weight:600;height:var(--o-icon_size-xs);margin-left:var(--o3-gap-1);width:var(--o-icon_size-xs)}.sort-text[data-v-ec78c26e]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height)}@media (min-width:1681px){.sort-text[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.sort-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.sort-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.sort-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}.filter-icon[data-v-ec78c26e]{height:var(--o-icon_size-xs);margin-left:var(--o3-gap-1);width:var(--o-icon_size-xs)}.filter-text[data-v-ec78c26e]{color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1681px){.filter-text[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.filter-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.filter-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.filter-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}.filter-text-active[data-v-ec78c26e]{font-weight:600}.sortDrop[data-v-ec78c26e]{width:-moz-fit-content;width:fit-content}.sort-drop-item[data-v-ec78c26e]{border-radius:var(--o-radius-xs);color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height);padding:var(--o3-gap-1) var(--o3-gap-6)}@media (min-width:1681px){.sort-drop-item[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.sort-drop-item[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.sort-drop-item[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.sort-drop-item[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}.sort-drop-item-active[data-v-ec78c26e]{background:var(--o-color-primary1-light);font-weight:600}#achievement-filter .o-dropdown-list[data-v-ec78c26e]{border-radius:var(--o-radius-xs)}.filter-dialog-title[data-v-ec78c26e]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height)}@media (min-width:1681px){.filter-dialog-title[data-v-ec78c26e]{--font-size:40px;--line-height:56px}}@media (min-width:1201px) and (max-width:1680px){.filter-dialog-title[data-v-ec78c26e]{--font-size:32px;--line-height:44px}}@media (min-width:841px) and (max-width:1200px){.filter-dialog-title[data-v-ec78c26e]{--font-size:24px;--line-height:32px}}@media (max-width:840px){.filter-dialog-title[data-v-ec78c26e]{--font-size:18px;--line-height:26px}}.filter-dialog-sub-title[data-v-ec78c26e]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;line-height:var(--line-height)}@media (min-width:1681px){.filter-dialog-sub-title[data-v-ec78c26e]{--font-size:18px;--line-height:26px}}@media (min-width:1201px) and (max-width:1680px){.filter-dialog-sub-title[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (min-width:841px) and (max-width:1200px){.filter-dialog-sub-title[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.filter-dialog-sub-title[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}.split-line[data-v-ec78c26e]{background:#00000026;height:1px;width:100%}.split-line[data-v-ec78c26e],.tag-wrap[data-v-ec78c26e]{margin:var(--o3-gap-5) 0}.tag-wrap[data-v-ec78c26e]{display:flex;flex-wrap:wrap;gap:var(--o3-gap-2)}.filter-dialog-tag[data-v-ec78c26e]{background:#f6f6f7;border:1px solid transparent;border-radius:var(--o-radius-xs);color:var(--o-color-info1);font-size:var(--font-size);line-height:var(--line-height);padding:var(--o3-gap-1) var(--o3-gap-5)}@media (min-width:1681px){.filter-dialog-tag[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.filter-dialog-tag[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.filter-dialog-tag[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.filter-dialog-tag[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}.filter-dialog-tag-active[data-v-ec78c26e]{background:var(--o-color-fill2);border:1px solid var(--o-color-primary3)}.filter-dialog-btn-wrap[data-v-ec78c26e]{align-items:center;display:flex;justify-content:space-between}.btn-split[data-v-ec78c26e]{background:#00000026;height:24px;width:1px}.btn-text[data-v-ec78c26e]{color:var(--o-color-info1);display:flex;font-size:var(--font-size);font-weight:600;justify-content:center;line-height:var(--line-height);width:50%}@media (min-width:1681px){.btn-text[data-v-ec78c26e]{--font-size:40px;--line-height:56px}}@media (min-width:1201px) and (max-width:1680px){.btn-text[data-v-ec78c26e]{--font-size:32px;--line-height:44px}}@media (min-width:841px) and (max-width:1200px){.btn-text[data-v-ec78c26e]{--font-size:24px;--line-height:32px}}@media (max-width:840px){.btn-text[data-v-ec78c26e]{--font-size:18px;--line-height:26px}}.empty-container[data-v-ec78c26e]{margin-top:var(--o3-gap-6)}.card-wrap[data-v-ec78c26e]{display:grid;gap:var(--o3-gap-6);grid-template-columns:1fr;margin:var(--o3-gap-8) 0 var(--o3-gap-6) 0}[data-v-ec78c26e] .o-card-main{padding:0}.card-content-wrap[data-v-ec78c26e]{display:flex}.img-wrap[data-v-ec78c26e]{aspect-ratio:16/9;background-repeat:no-repeat;background-size:cover;max-width:180px;width:45%}[data-v-ec78c26e] .o-figure-img{-o-object-fit:cover;object-fit:cover}.card-info-wrap[data-v-ec78c26e]{background-color:var(--o-color-fill2);flex:1 0 0;padding:var(--o3-gap-2)}.card-title[data-v-ec78c26e]{color:var(--o-color-info1);font-size:var(--font-size);font-weight:600;height:calc(var(--o-line_height-text1)*2);line-height:var(--line-height)}@media (min-width:1681px){.card-title[data-v-ec78c26e]{--font-size:22px;--line-height:30px}}@media (min-width:1201px) and (max-width:1680px){.card-title[data-v-ec78c26e]{--font-size:18px;--line-height:26px}}@media (min-width:841px) and (max-width:1200px){.card-title[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (max-width:840px){.card-title[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}.desc-text[data-v-ec78c26e]{color:var(--o-color-info3);font-size:var(--font-size);line-height:var(--line-height);margin-top:var(--o3-gap-3)}@media (min-width:1681px){.desc-text[data-v-ec78c26e]{--font-size:16px;--line-height:24px}}@media (min-width:1201px) and (max-width:1680px){.desc-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.desc-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (max-width:840px){.desc-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}.loading-more-text[data-v-ec78c26e]{color:var(--o-color-info2);display:flex;font-size:var(--font-size);justify-content:center;line-height:var(--line-height);margin-bottom:var(--o3-gap-9)}@media (min-width:1681px){.loading-more-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:1201px) and (max-width:1680px){.loading-more-text[data-v-ec78c26e]{--font-size:14px;--line-height:22px}}@media (min-width:841px) and (max-width:1200px){.loading-more-text[data-v-ec78c26e]{--font-size:12px;--line-height:18px}}@media (max-width:840px){.loading-more-text[data-v-ec78c26e]{--font-size:12px;--line-height:18px}}.achievement-filter-dialog{min-height:65vh}