@font-face{font-display:swap;font-family:Pretendard;font-weight:900;src:local("Pretendard Black"),url(./Pretendard-Black.subset.DBVlHUpa.woff2) format("woff2"),url(./Pretendard-Black.subset.BHKzTnjN.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:800;src:local("Pretendard ExtraBold"),url(./Pretendard-ExtraBold.subset.C8ahUYWx.woff2) format("woff2"),url(./Pretendard-ExtraBold.subset.A1cPG3di.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:700;src:local("Pretendard Bold"),url(./Pretendard-Bold.subset.NvQkMce4.woff2) format("woff2"),url(./Pretendard-Bold.subset.ByYJKlCl.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:600;src:local("Pretendard SemiBold"),url(./Pretendard-SemiBold.subset.DdMYyxPR.woff2) format("woff2"),url(./Pretendard-SemiBold.subset.Doheemvi.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:500;src:local("Pretendard Medium"),url(./Pretendard-Medium.subset.D07TkZcI.woff2) format("woff2"),url(./Pretendard-Medium.subset.D-vxZJjN.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:400;src:local("Pretendard Regular"),url(./Pretendard-Regular.subset.BZqc2FCe.woff2) format("woff2"),url(./Pretendard-Regular.subset.Dpq6qleg.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:300;src:local("Pretendard Light"),url(./Pretendard-Light.subset.-7YfZPHv.woff2) format("woff2"),url(./Pretendard-Light.subset.BH9bwXKk.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:200;src:local("Pretendard ExtraLight"),url(./Pretendard-ExtraLight.subset.Dne8vBUr.woff2) format("woff2"),url(./Pretendard-ExtraLight.subset.D-kBGiz2.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:100;src:local("Pretendard Thin"),url(./Pretendard-Thin.subset.CIJfwvSz.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:900;src:local("Pretendard 9 Black"),url(./Paperlogy-9Black.B12Afvqk.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:800;src:local("Paperlogy 8 ExtraBold"),url(./Paperlogy-8ExtraBold.DFVYPjXi.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:700;src:local("Paperlogy 7 Bold"),url(./Paperlogy-7Bold.DBuKOf_n.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:600;src:local("Paperlogy 6 SemiBold"),url(./Paperlogy-6SemiBold.DCpHmk6V.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:500;src:local("Paperlogy 5 Medium"),url(./Paperlogy-5Medium.DRnvCX70.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:400;src:local("Paperlogy 4 Regular"),url(./Paperlogy-4Regular.DIDoo1ID.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:300;src:local("Paperlogy 3 Light"),url(./Paperlogy-3Light.C7LsImYI.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:200;src:local("Paperlogy 2 ExtraLight"),url(./Paperlogy-2ExtraLight.CMUIMs7h.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperlogy;font-weight:100;src:local("Paperlogy 1 Thin"),url(./Paperlogy-1Thin.DDZw3CVl.woff2) format("woff2")}blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,legend,menu,ol,p,pre,ul{border:0;margin:0;padding:0}table,td,th{border-collapse:collapse;border-spacing:0}ol:not([type]),ul,ul>li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}body,button,input,select,textarea{color:var(--old-color-gray-800);font:normal var(--old-font-size-body-s)/1 var(--font-family-default),sans-serif;line-height:normal}button,input,select,textarea{-webkit-appearance:none;border-radius:0;color:var(--old-color-gray-800);margin:0;outline:0;padding:0;vertical-align:middle}a:active,a:hover,a:link,a:visited{text-decoration:none}a,button,input[type=button],input[type=reset],input[type=submit]{background:transparent;border:0;cursor:pointer}img{border:0;vertical-align:top}:root{--color-gray-50:#f1f1f1;--color-gray-100:#e8e8e8;--color-gray-200:#eaeaea;--color-gray-300:#dbdbdb;--color-gray-400:#acaeaf;--color-gray-500:#878b8c;--color-gray-600:#6e7172;--color-gray-700:#575a5b;--color-gray-800:#484a4b;--color-gray-900:#333;--color-gray-950:#202122;--color-blue-50:#f5f7fc;--color-blue-100:#eef2f5;--color-blue-200:#ebf2ff;--color-blue-300:#e8f0ff;--color-blue-400:#94baff;--color-blue-500:#649bff;--color-blue-600:#1c74f4;--color-blue-700:#176aff;--color-blue-800:#0e3fa4;--color-blue-900:#00338f;--color-blue-950:#142957;--color-orange-50:#fff9ed;--color-orange-100:#fff3ec;--color-orange-200:#fff0e1;--color-orange-300:#fdebb8;--color-orange-400:#fde195;--color-orange-500:#ffbf66;--color-orange-600:#ffb039;--color-orange-700:#f90;--color-orange-800:#e27200;--color-orange-900:#f15400;--color-orange-950:#9d460f;--color-red-50:#fff2f1;--color-red-100:#ffe4e1;--color-red-200:#ffcec8;--color-red-300:#ffaba1;--color-red-400:#fe7a6b;--color-red-500:#f74f3c;--color-red-600:#e44937;--color-red-700:#c02715;--color-red-800:#9f2315;--color-red-900:#832419;--color-red-950:#480e07;--color-green-50:#eefff5;--color-green-100:#d8ffea;--color-green-200:#b3ffd5;--color-green-300:#65f3a6;--color-green-400:#37e185;--color-green-500:#0dda6c;--color-green-600:#04c85f;--color-green-700:#078e46;--color-green-800:#0c6f3b;--color-green-900:#0c5b33;--color-green-950:#00331a;--color-purple-50:#f4f3ff;--color-purple-100:#ece9fe;--color-purple-200:#dad6fe;--color-purple-300:#bfb4fe;--color-purple-400:#9f8afb;--color-purple-500:#805af8;--color-purple-600:#692fee;--color-purple-700:#5312d3;--color-purple-800:#4e20ac;--color-purple-900:#351b7e;--color-purple-950:#280f66;--color-pink-50:#fdf2fa;--color-pink-100:#fce7f7;--color-pink-200:#fccef1;--color-pink-300:#fba6e4;--color-pink-400:#ef7dce;--color-pink-500:#f044ba;--color-pink-600:#d61f93;--color-pink-700:#c2147d;--color-pink-800:#a01467;--color-pink-900:#851658;--color-pink-950:#520533;--color-yellow-50:#fefbe8;--color-yellow-100:#fff8c2;--color-yellow-200:#fff5b2;--color-yellow-300:#fff194;--color-yellow-400:#ffe582;--color-yellow-500:#ffcd0b;--color-yellow-600:#ffbb19;--color-yellow-700:#ffae00;--color-yellow-800:#ce8700;--color-yellow-900:#884a0b;--color-yellow-950:#431e05;--color-black:#111;--color-white:#fff;--color-text-body:var(--color-gray-900);--color-text-label:var(--color-gray-700);--color-text-default:var(--color-gray-950);--color-text-inverse:var(--color-gray-50);--color-text-disabled:var(--color-gray-300);--color-text-description:var(--color-gray-500);--color-status-error:var(--color-red-700);--color-status-success:var(--color-green-700);--color-status-warning:var(--color-orange-700);--color-background-base:var(--color-white);--color-border-base:var(--color-gray-200);--font-family-default:"Pretendard";--font-family-rending:"Paperlogy";--font-weight-thin:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-headline-xl:48px;--font-size-headline-l:40px;--font-size-headline-m:36px;--font-size-headline-s:32px;--font-size-title-xl:28px;--font-size-title-l:26px;--font-size-title-m:24px;--font-size-title-s:20px;--font-size-body-l:18px;--font-size-body-m:16px;--font-size-body-s:14px;--font-size-caption:13px;--line-height-tight:1;--line-height-normal:1.2;--line-height-relaxed:1.4;--line-height-loose:1.6;--radius-level-01:24px;--radius-level-02:16px;--radius-level-03:8px;--radius-level-04:4px;--radius-full:100px;--old-color-gray-50:#f8f8f8;--old-color-gray-100:#f3f3f3;--old-color-gray-120:#e8e8e8;--old-color-gray-150:#dbdbdb;--old-color-gray-200:#c9c9c9;--old-color-gray-300:#b1b1b1;--old-color-gray-400:#a1a1a1;--old-color-gray-500:#8a8a8a;--old-color-gray-550:#757575;--old-color-gray-580:#606060;--old-color-gray-600:#333;--old-color-gray-700:#2a2a2a;--old-color-gray-800:#1e1e1e;--old-color-gray-900:#121212;--old-color-red-100:#fdc9c3;--old-color-red-200:#fdafa5;--old-color-red-300:#fc8a7c;--old-color-red-400:#fb7363;--old-color-red-500:#fa503c;--old-color-red-600:#e44937;--old-color-red-700:#b2392b;--old-color-yellow-100:#fdebb8;--old-color-yellow-200:#fde195;--old-color-yellow-300:#ffc830;--old-color-yellow-400:#ffbd30;--old-color-yellow-500:#ffb54d;--old-color-yellow-600:#ff8d29;--old-color-yellow-700:#ff6c11;--old-color-yellow-800:#f15400;--old-color-yellow-900:#8e3200;--old-color-green-100:#c3f1d8;--old-color-green-200:#a5eac6;--old-color-green-300:#7ce1ab;--old-color-green-400:#63db9b;--old-color-green-500:#3cd282;--old-color-green-600:#37bf76;--old-color-green-700:#2b955c;--old-color-blue-30:#f5f6fa;--old-color-blue-50:#e8f0ff;--old-color-blue-80:#d3e3ff;--old-color-blue-100:#b7d1ff;--old-color-blue-200:#94baff;--old-color-blue-300:#649bff;--old-color-blue-400:#4588ff;--old-color-blue-500:#176aff;--old-color-blue-600:#1560e8;--old-color-blue-700:#104bb5;--old-color-blue-800:#0d3a8c;--old-color-blue-900:#0a2d6b;--old-color-black:#000;--old-color-white:#fff;--old-color-container-primary:var(--old-color-blue-500);--old-color-container-disabled:var(--old-color-gray-100);--old-color-container-secondary:var(--old-color-gray-50);--old-color-container-placeholder:var(--old-color-gray-300);--old-color-container-primary-hover:var(--old-color-blue-700);--old-color-container-primary-focused:var(--old-color-blue-600);--old-color-container-primary-inverse:var(--old-color-white);--old-color-container-secondary-hover:var(--old-color-gray-150);--old-color-container-primary-selected1:var(--old-color-blue-50);--old-color-container-primary-selected2:var(--old-color-blue-80);--old-color-container-primary-selected3:var(--old-color-blue-100);--old-color-container-secondary-focused:var(--old-color-gray-120);--old-color-container-secondary-inverse:var(--old-color-gray-580);--old-color-container-secondary-selected1:var(--old-color-gray-300);--old-color-container-secondary-selected2:var(--old-color-gray-400);--old-color-icon-primary:var(--old-color-gray-580);--old-color-icon-inverse:var(--old-color-white);--old-color-icon-secondary:var(--old-color-blue-500);--old-color-icon-primary-disabled:var(--old-color-gray-200);--old-color-icon-secondary-disabled:var(--old-color-blue-100);--old-color-background-hover:var(--old-color-gray-300);--old-color-background-default:var(--old-color-white);--old-color-background-primary1:var(--old-color-gray-50);--old-color-background-primary2:var(--old-color-gray-100);--old-color-background-selected:var(--old-color-blue-100);--old-color-background-primary-focused:var(--old-color-gray-150);--old-color-background-primary-disabled:var(--old-color-white);--old-color-background-primary-selected:var(--old-color-gray-120);--old-color-background-secondary:var(--old-color-blue-30);--old-color-status-error:var(--old-color-red-500);--old-color-status-active:var(--old-color-blue-500);--old-color-status-success:var(--old-color-blue-500);--old-color-status-pressed:var(--old-color-blue-500);--old-color-border-primary:var(--old-color-gray-100);--old-color-border-secondary:var(--old-color-blue-500);--old-color-border-primary-hover:var(--old-color-gray-150);--old-color-border-primary-focused:var(--old-color-gray-120);--old-color-border-secondary-hover:var(--old-color-blue-700);--old-color-border-secondary-focused:var(--old-color-blue-600);--old-line-height-tight:1;--old-line-height-normal:1.2;--old-line-height-relaxed:1.4;--old-line-height-loose:1.6;--old-letter-spacing-tight:-.6%;--old-letter-spacing-normal:0;--old-letter-spacing-rexlaxed:.6%;--old-letter-spacing-loose:1%;--old-font-size-heading-3xl:60px;--old-font-size-heading-2xl:52px;--old-font-size-heading-xl:46px;--old-font-size-heading-l:32px;--old-font-size-heading-m:30px;--old-font-size-heading-s:28px;--old-font-size-heading-xs:26px;--old-font-size-subtitle-m:24px;--old-font-size-subtitle-s:20px;--old-font-size-body-l:18px;--old-font-size-body-m:16px;--old-font-size-body-s:14px;--old-font-size-caption:13px;--old-font-size-overline:12px;--old-blur-level1:3px;--old-blur-level2:6px;--old-blur-level3:10px;--old-blur-level4:15px;--old-blur-level5:24px;--old-radius-level1:24px;--old-radius-level2:16px;--old-radius-level3:8px;--old-radius-level4:4px;--old-radius-full:100px;--old-border-thin:1px;--old-border-light:2px;--old-border-medium:3px;--old-border-semibold:4px;--old-border-bold:5px}#trythis{padding-top:60px}.container{box-sizing:border-box;min-height:calc(100vh - 60px)}.layout{margin:0 auto;max-width:1200px}@media (max-width:1200px){:root{--font-size-headline-xl:36px;--font-size-headline-l:34px;--font-size-headline-m:32px;--font-size-headline-s:30px;--font-size-title-xl:26px;--font-size-title-l:24px;--font-size-title-m:22px;--font-size-title-s:20px;--font-size-body-l:18px;--font-size-body-m:16px;--font-size-body-s:14px;--font-size-caption:13px;--old-font-size-heading-3xl:62px;--old-font-size-heading-2xl:54px;--old-font-size-heading-xl:48px;--old-font-size-heading-l:34px;--old-font-size-heading-m:32px;--old-font-size-heading-s:30px;--old-font-size-heading-xs:28px;--old-font-size-subtitle-m:26px;--old-font-size-subtitle-s:22px;--old-font-size-body-l:20px;--old-font-size-body-m:18px;--old-font-size-body-s:16px;--old-font-size-caption:15px;--old-font-size-overline:14px}#trythis{padding:60px 16px 78px}#trythis .--m-hidden{display:none}.container{min-height:calc(100vh - 138px)}}@media (min-width:1200px){#trythis .--pc-hidden{display:none}}.modal{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;visibility:hidden;z-index:1100}.modal.--active{opacity:1;visibility:visible}.com-modal{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:visibility .3s ease-in-out,opacity .3s ease-in-out;visibility:hidden;z-index:1100}.com-modal.--active{opacity:1;visibility:visible}.class-page{-moz-column-gap:22px;column-gap:22px;display:flex;flex-wrap:wrap;padding:20px 64px 20px 42px}.class-page .class-profile-component{min-width:400px;width:400px}.class-page .content{background:var(--old-color-background-primary2);border-radius:var(--old-radius-level4);display:flex;flex:1;flex-direction:column;flex-wrap:wrap;min-width:0;overflow-x:auto;padding:20px}.class-page .content .nav-area{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.class-page .content .nav-area .left-area{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex}.class-page .content .nav-area .link{width:240px}.class-page .content .nav-area .btn{width:220px}.class-page .content .nav-area .btn .path{fill:var(--old-color-blue-500)}.class-page .page-box{background:var(--old-color-background-default);padding:20px}.class-page .page-box .search-title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-m);font-weight:var(--font-weight-medium);margin-bottom:14px}.class-page .page-box .search-area{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;margin-bottom:38px;position:relative;z-index:10}.class-page .page-box .search-area .filter-btn{align-items:center;border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);color:var(--old-color-gray-600);-moz-column-gap:12px;column-gap:12px;display:flex;height:40px;justify-content:center;width:100px}.class-page .page-box .search-area .filter-btn .icon{height:20px;width:20px}.class-page .page-box .search-area .selector-component{width:180px}.class-page .page-box .search-area .selector-component .btn-text{height:40px}.class-page .page-box .search-area .input-area{flex:1;position:relative}.class-page .page-box .search-area .input-area .text-field-component{height:40px;padding-right:44px}.class-page .page-box .search-area .input-area .search-btn{height:24px;position:absolute;right:10px;top:8px;width:24px}.class-page .page-box .search-area .filter-float{display:none;left:0;position:absolute;top:100%}.class-page .page-box .search-area .filter-float.--active{display:block}.class-page .page-box .search-area .filter-float .box{background:var(--old-color-background-default);border:1px solid var(--old-color-border-primary-focused);box-sizing:border-box;display:flex;flex-direction:column;height:460px;margin-top:10px;width:486px}.class-page .page-box .search-area .filter-float .row-label{align-items:center;border-bottom:1px solid var(--old-color-border-primary-hover);display:flex;height:32px}.class-page .page-box .search-area .filter-float .row-label .label{font-size:var(--old-font-size-caption);text-align:center}.class-page .page-box .search-area .filter-float .row-content{display:flex;flex:1;overflow-y:auto}.class-page .page-box .search-area .filter-float .row-bottom{border-top:1px solid var(--old-color-border-primary-hover);display:flex;justify-content:flex-end;padding:6px 10px}.class-page .page-box .search-area .filter-float .row-bottom .reset-btn{color:var(--old-color-gray-400);-moz-column-gap:4px;column-gap:4px;display:flex}.class-page .page-box .search-area .filter-float .row-bottom .reset-btn .icon{height:16px;width:16px}.class-page .page-box .search-area .filter-float .row-bottom .reset-btn .path{fill:var(--old-color-gray-400)}.class-page .page-box .search-area .filter-float .col{display:flex;flex:1;flex-direction:column;padding:4px;row-gap:4px}.class-page .page-box .search-area .filter-float .col .checkbox{align-items:center;border-radius:var(--old-radius-level4);-moz-column-gap:4px;column-gap:4px;display:flex;padding:4px}.class-page .page-box .search-area .filter-float .col .checkbox.--active{background:var(--old-color-container-primary-selected2);color:var(--old-color-blue-500);font-weight:var(--font-weight-medium)}.class-page .page-box .list-title-area{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.class-page .page-box .list-title-area.--single{justify-content:flex-start}.class-page .page-box .list-title-area .text{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}.class-page .page-box .list-title-area .sort-area{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex}.class-page .page-box .list-title-area .sort-area .sort-btn{color:var(--old-color-gray-400);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-bold)}.class-page .page-box .list-title-area .sort-area .sort-btn.--active{color:var(--old-color-gray-800)}.class-page .page-box .list-title-area .btn-area{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.class-page .page-box .list-title-area .btn-area .divider{background:var(--old-color-border-primary-hover);border:0;height:24px;margin:0;width:1px}.class-page .page-box .list-title-area .btn-area .btn{border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);font-size:var(--old-font-size-overline);height:24px;padding:0 6px}.class-page .page-box .list-class-room{display:flex;flex-direction:column;row-gap:14px}.class-page .page-box .list-class-room .row .btn-class-room{align-items:center;cursor:pointer;display:flex;height:42px;justify-content:space-between;padding:0 10px 0 16px}.class-page .page-box .list-class-room .row .btn-class-room .text{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-l);font-weight:var(--font-weight-medium)}.class-page .page-box .list-class-room .row .btn-class-room .text .gray{color:var(--old-color-gray-400);font-family:var(--font-family-default);font-weight:var(--font-weight-regular)}.class-page .page-box .list-class-room .row .btn-class-room .icon{height:24px;width:24px}.class-page .page-box .list-class-room .list-content{background:var(--old-color-background-primary1);display:none;flex-wrap:wrap;gap:20px;padding:20px}.class-page .page-box .list-class-room .list-content.--active{display:flex}.class-page .page-box .list-class-room .list-content .class-room-item-component{flex:1;min-width:200px}.class-page .page-box .list-class-room .list-content .no-data{flex:1;padding:58px 0}.class-page .page-box .list-class-room .list-content .no-data .text{color:var(--old-color-gray-500);text-align:center}.class-page .page-box .studunt-list{overflow-x:auto;width:100%}.class-page .page-box .studunt-list .row-head{align-items:center;background:var(--old-color-container-primary-selected1);color:var(--old-color-blue-500);display:flex;font-weight:var(--font-weight-medium);height:45px}.class-page .page-box .studunt-list .row{align-items:center;border-bottom:1px solid var(--old-color-primary-focused);display:flex;height:72px}.class-page .page-box .studunt-list .col{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:0 10px}.class-page .page-box .studunt-list .col.col-check{width:64px}.class-page .page-box .studunt-list .col.col-nickname,.class-page .page-box .studunt-list .col.col-password{flex:1;min-width:477px}.class-page .page-box .studunt-list .col.col-edit,.class-page .page-box .studunt-list .col.col-share{width:100px}.class-page .page-box .studunt-list .col.col-portfolio{width:140px}.class-page .page-box .studunt-list .col .btn{width:50px}.class-page .page-box .studunt-list .col .btn.--large{width:85px}.class-page .page-box .studunt-list .col-nickname{position:relative}.class-page .page-box .studunt-list .col-nickname .btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:57px}.class-page .page-box .no-studunt-list{background:var(--old-color-background-primary1);color:var(--old-color-gray-500);padding:40px 0;text-align:center}@media (max-width:1200px){.class-page{-moz-column-gap:0;column-gap:0;flex-direction:column;padding:0}.class-page .class-profile-component{min-width:unset;width:100%}.class-page .content{box-sizing:border-box;margin:0 -16px;max-width:100vw}.class-page .content .nav-area{background:var(--old-color-background-default);margin:-20px -20px 20px;padding:10px 16px}.class-page .content .nav-area .left-area{-moz-column-gap:4px;column-gap:4px}.class-page .content .nav-area .link{height:34px;width:64px}.class-page .content .nav-area .btn{height:34px;width:94px}.class-page .page-box .search-title{font-size:var(--old-font-size-body-s)}.class-page .page-box .search-area .filter-btn,.class-page .page-box .search-area .input-area .text-field-component{font-size:var(--old-font-size-caption)}.class-page .page-box .search-area .filter-float .box{height:250px;overflow:auto;width:300px}.class-page .page-box .search-area .filter-float .col{min-width:150px}.class-page .page-box .list-title-area .sort-area .sort-btn,.class-page .page-box .list-title-area .text{font-size:var(--old-font-size-body-s)}.class-page .page-box .list-class-room .row .btn-class-room .text{font-size:var(--old-font-size-caption)}.class-page .page-box .list-class-room .list-content{gap:10px;padding:10px}.class-page .page-box .list-class-room .list-content .class-room-item-component{flex:1;min-width:200px}.class-page .page-box .list-class-room .list-content .no-data{padding:30px 0}}.community-page{background:var(--old-color-background-primary1);padding:20px 64px}.community-page .nav-area{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;justify-content:center;margin-bottom:20px}.community-page .nav-area .link{width:240px}.community-page .community-lesson-list{background:var(--old-color-background-default);display:flex}.community-page .community-lesson-list .filter-area{box-sizing:border-box;display:flex;flex-direction:column;padding:30px 20px;row-gap:40px;width:320px}.community-page .community-lesson-list .filter-area .title-area{align-items:center;display:flex;justify-content:space-between}.community-page .community-lesson-list .filter-area .title-area .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}.community-page .community-lesson-list .filter-area .title-area .reset-btn{align-items:center;color:var(--old-color-gray-400);-moz-column-gap:4px;column-gap:4px;display:flex;font-size:var(--old-font-size-overline);font-weight:var(--font-weight-light);justify-content:center}.community-page .community-lesson-list .filter-area .title-area .reset-btn .icon{height:14px;width:14px}.community-page .community-lesson-list .filter-area .title-area .reset-btn .path{fill:var(--old-color-gray-400)}.community-page .community-lesson-list .filter-area .row .label{font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium);margin-bottom:10px}.community-page .community-lesson-list .filter-area .row .chip-list{display:grid;gap:10px 6px}.community-page .community-lesson-list .filter-area .row .chip-list.--column{grid-template-columns:repeat(2,1fr)}.community-page .community-lesson-list .filter-area .row .chip-list .item{align-items:center;border:1px solid var(--old-color-gray-120);border-radius:var(--old-radius-full);box-sizing:border-box;display:flex;height:30px;justify-content:center}.community-page .community-lesson-list .filter-area .row .chip-list .item.--active{background:var(--old-color-blue-50);border-color:var(--old-color-blue-50);color:var(--old-color-blue-500)}.community-page .community-lesson-list .content-area{flex:1;padding:30px 16px 20px}.community-page .community-lesson-list .search-area{display:flex;flex-wrap:wrap;gap:14px 8px;margin-bottom:38px}.community-page .community-lesson-list .search-area .search-title{flex:1 0 100%;font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}.community-page .community-lesson-list .search-area .input-area{flex:1;position:relative}.community-page .community-lesson-list .search-area .input-area .text-field-component{padding-right:44px}.community-page .community-lesson-list .search-area .input-area .search-btn{height:24px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.community-page .community-lesson-list .search-area .input-area .search-btn .path{fill:var(--old-color-gray-580)}.community-page .community-lesson-list .search-area .sort-menu{position:relative;width:100px}.community-page .community-lesson-list .search-area .sort-menu .sort-btn{align-items:center;border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);-moz-column-gap:12px;column-gap:12px;display:flex;height:42px;justify-content:center;width:100%}.community-page .community-lesson-list .search-area .sort-menu .sort-btn .icon{height:20px;width:20px}.community-page .community-lesson-list .search-area .sort-menu .sort-list{background:var(--old-color-background-default);border:1px solid var(--old-color-border-primary-hover);display:none;flex-direction:column;left:0;padding:4px;position:absolute;right:0;top:100%;z-index:10}.community-page .community-lesson-list .search-area .sort-menu .sort-list.--active{display:flex}.community-page .community-lesson-list .search-area .sort-menu .sort-list .item{align-items:center;color:var(--old-color-gray-600);display:flex;height:32px;justify-content:center}.community-page .community-lesson-list .list-area .list-title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium);margin-bottom:20px}.community-page .community-lesson-list .list-area .no-data{align-items:center;background:var(--old-color-background-primary1);color:var(--old-color-gray-500);display:flex;flex-direction:column;font-size:var(--old-font-size-body-m);justify-content:center;line-height:1.4;padding:50px 0;row-gap:10px;text-align:center}.community-page .community-lesson-list .list-area .no-data .icon{height:32px;width:32px}.community-page .community-lesson-list .list-area .no-data .icon .path{fill:var(--old-color-gray-500)}.community-page .community-best-list .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-l);font-weight:var(--font-weight-medium);margin-bottom:24px}.community-page .community-best-list .lesson-area{margin-bottom:32px}.community-page .community-best-list .class-area,.community-page .community-best-list .lesson-area{background:var(--old-color-background-default);border-radius:var(--old-radius-level4);padding:24px 16px}.community-page .community-best-list .class-list{display:flex;flex-wrap:wrap;gap:10px}.community-page .community-best-list .class-list .item{align-items:center;border:1px solid var(--old-color-gray-120);border-radius:var(--old-radius-level2);display:flex;flex:1;flex-direction:column;height:286px;justify-content:center;min-width:278px;position:relative;row-gap:14px}.community-page .community-best-list .class-list .item:empty{border:0;height:0}.community-page .community-best-list .class-list .item .number{left:10px;position:absolute;top:10px;width:34px;z-index:10}.community-page .community-best-list .class-list .item .number .img{width:100%}.community-page .community-best-list .class-list .item .number .text{color:var(--old-color-white);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-semibold);left:50%;position:absolute;top:11px;transform:translate(-50%)}.community-page .community-best-list .class-list .item .profile-img{border-radius:50%;height:64px;overflow:hidden;position:relative;width:64px}.community-page .community-best-list .class-list .item .profile-img .img{position:absolute}.community-page .community-best-list .class-list .item .profile-img .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.community-page .community-best-list .class-list .item .profile-img .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.community-page .community-best-list .class-list .item .text-area{color:var(--old-color-gray-800);text-align:center}.community-page .community-best-list .class-list .item .text-area .nickname{font-size:var(--old-font-size-body-l);font-weight:var(--font-weight-semibold);margin-bottom:10px}.community-page .community-best-list .class-list .item .label{background:var(--old-color-container-primary-selected1);border-radius:var(--old-radius-full);color:var(--old-color-container-primary);font-weight:var(--font-weight-medium);height:34px;line-height:34px;text-align:center;width:264px}.community-page .community-best-list .no-data{align-items:center;background:var(--old-color-background-primary1);color:var(--old-color-gray-500);display:flex;font-size:var(--old-font-size-body-m);height:420px;justify-content:center}.community-page .community-like-list{background:var(--old-color-background-default);padding:30px 16px 20px}.community-page .community-like-list .search-area{display:flex;flex-wrap:wrap;gap:14px 8px;margin-bottom:38px}.community-page .community-like-list .search-area .search-title{flex:1 0 100%;font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}.community-page .community-like-list .search-area .input-area{flex:1;position:relative}.community-page .community-like-list .search-area .input-area .text-field-component{padding-right:44px}.community-page .community-like-list .search-area .input-area .search-btn{height:24px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.community-page .community-like-list .search-area .input-area .search-btn .path{fill:var(--old-color-gray-580)}.community-page .community-like-list .list-area .list-title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium);margin-bottom:20px}.community-page .community-like-list .list-area .no-data{align-items:center;background:var(--old-color-background-primary1);color:var(--old-color-gray-500);display:flex;flex-direction:column;font-size:var(--old-font-size-body-m);justify-content:center;line-height:1.4;padding:50px 0;row-gap:10px;text-align:center}@media (max-width:1200px){.community-page{background:transparent;padding:0}.community-page .nav-area{justify-content:flex-start}.community-page .nav-area .link{width:64px}.community-page .community-lesson-list .filter-area{background:var(--old-color-background-default);bottom:0;display:none;left:0;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:1000}.community-page .community-lesson-list .filter-area.--active{display:flex}.community-page .community-lesson-list .filter-area .title-area{-moz-column-gap:10px;column-gap:10px;justify-content:flex-start}.community-page .community-lesson-list .filter-area .title-area .title{flex:1}.community-page .community-lesson-list .filter-area .title-area .close-btn{height:20px;width:20px}.community-page .community-lesson-list .content-area{padding:0}.community-page .community-lesson-list .search-area{display:flex;flex-wrap:wrap;gap:14px 8px;margin-bottom:38px}.community-page .community-lesson-list .search-area .search-title{flex:1 0 100%;font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}.community-page .community-lesson-list .search-area .filter-btn{border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);height:42px;padding:8px;width:42px}}.policy-page{padding:60px 64px}.policy-page .title-area{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}.policy-page .title-area .title{color:var(--old-color-blue-500);font-family:var(--font-family-rending);font-size:var(--old-font-size-heading-l);font-weight:var(--font-weight-semibold)}.policy-page .title-area .enforcement{color:var(--old-color-gray-580);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-medium)}@media (max-width:1200px){.policy-page{padding:20px 0}.policy-page .title-area{align-items:flex-start;background:var(--old-color-gray-50);border-radius:var(--old-radius-level3);flex-direction:column;justify-content:flex-start;margin-bottom:20px;padding:16px;row-gap:10px}.policy-page .title-area .title{color:var(--old-color-gray-600);font-family:var(--font-family-default);font-size:var(--old-font-size-caption)}.policy-page .title-area .enforcement{font-size:var(--old-font-size-overline);font-weight:var(--font-weight-regular)}}.account-page{align-items:flex-start;background:var(--old-color-gray-50);-moz-column-gap:20px;column-gap:20px;display:flex;justify-content:center;padding:24px 0}.account-page .my-page-menu-component{width:282px}.account-page .content-box{background:var(--old-color-white);border:1px solid var(--old-color-gray-120);border-radius:var(--old-radius-level2);box-sizing:border-box;display:flex;flex:1;flex-direction:column;max-width:886px;padding:36px 24px;row-gap:20px}.account-page .content-box.--large{max-width:1188px}.account-page .content-box .divider{background:var(--old-color-gray-120);border:0;height:1px;margin:0;width:100%}.account-page .content-box .title-area{align-items:flex-end;display:flex}.account-page .content-box .title-area .title{color:var(--old-color-gray-900);flex:1;font-family:var(--font-family-rending);font-size:var(--old-font-size-heading-xs);font-weight:var(--font-weight-semibold)}.account-page .content-box .title-area .description{color:var(--old-color-gray-600);font-weight:var(--font-weight-medium)}.account-page .content-box .delete-area{border-top:1px solid var(--old-color-gray-120);padding-top:12px}.account-page .content-box .delete-area .btn{align-items:center;border:1px solid var(--old-color-gray-120);border-radius:var(--old-radius-level4);color:var(--old-color-gray-700);display:flex;font-size:var(--old-font-size-caption);height:34px;justify-content:center;width:120px}@media (max-width:1200px){.account-page{background:var(--old-color-white);flex-direction:column;padding:8px 0;row-gap:8px}.account-page .my-page-menu-component{width:100%}.account-page .content-box{border:0;max-width:100%;padding:0;width:100%}.account-page .content-box.--large{max-width:100%}.account-page .content-box .title-area{align-items:flex-start;flex-direction:column;row-gap:12px}.account-page .content-box .title-area .title{font-size:var(--old-font-size-subtitle-s)}.account-page .delete-area{display:flex;justify-content:center}}.class-room-page{padding:20px 64px}.class-room-page .content-area{background:var(--old-color-background-primary2);border-radius:var(--old-radius-level4);display:flex;flex-direction:column;padding:20px;row-gap:20px}.class-room-page .nav-area{align-items:center;display:flex;justify-content:space-between}.class-room-page .nav-area .left-area{-moz-column-gap:10px;column-gap:10px;display:flex}.class-room-page .nav-area .left-area .btn{width:240px}.class-room-page .nav-area .action-btn{width:220px}.class-room-page .nav-area .action-btn.--active{background:var(--old-color-container-primary-selected2);border:1px solid var(--old-color-border-secondary)}.class-room-page .nav-area .action-btn .path{fill:var(--old-color-blue-500)}@media (max-width:1200px){.class-room-page{padding:0}.class-room-page .content-area{margin:0 -16px}.class-room-page .nav-area .left-area .btn{font-size:14px;font-weight:var(--font-weight-semibold);height:34px;width:64px}.class-room-page .nav-area .action-btn{font-size:14px;font-weight:var(--font-weight-semibold);height:34px;width:86px}}.icon .path{fill:var(--old-color-gray-580)}.icon .bg{fill:var(--old-color-white)}.btn-component{align-items:center;border-radius:var(--old-radius-level4);-moz-column-gap:4px;column-gap:4px;display:flex;font-weight:var(--font-weight-bold);justify-content:center}.btn-component.--primary{background:var(--old-color-container-primary);color:var(--old-color-container-primary-inverse)}.btn-component.--primary .icon{fill:var(--old-color-container-primary-inverse)}.btn-component.--secondary{background:var(--old-color-container-primary-selected1);color:var(--old-color-container-primary)}.btn-component.--secondary .icon{fill:var(--old-color-container-primary)}.btn-component.--tertiary{background:var(--old-color-container-primary-inverse);color:var(--old-color-container-primary)}.btn-component.--tertiary .icon{fill:var(--old-color-container-primary)}.btn-component.--disabled{background:var(--old-color-container-secondary-focused);color:var(--old-color-container-secondary-selected2)}.btn-component.--disabled .icon{fill:var(--old-color-container-secondary-selected2)}.btn-component.--xl{font-size:var(--old-font-size-subtitle-s);height:64px}.btn-component.--xl .icon{height:32px;width:32px}.btn-component.--l{font-size:var(--old-font-size-body-m);height:46px}.btn-component.--l .icon{height:24px;width:24px}.btn-component.--m{font-size:var(--old-font-size-body-s);height:34px}.btn-component.--m .icon{height:20px;width:20px}.btn-component.--s{font-size:var(--old-font-size-caption);font-weight:var(--font-weight-semibold);height:24px}.btn-component.--s .icon{height:16px;width:16px}.user-menu-modal{background:transparent;bottom:auto;left:auto;right:64px;top:60px}.user-menu-modal .box{background:var(--old-color-background-default);border-radius:var(--old-radius-level3);box-shadow:0 12px var(--old-blur-level4) #39393926;box-sizing:border-box;display:flex;flex-direction:column;padding:16px 16px 10px;row-gap:16px;width:320px}.user-menu-modal .divider{background:var(--old-color-gray-120);border:0;height:1px;margin:0;width:100%}.user-menu-modal .profile-area{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex}.user-menu-modal .profile-area .image-area{border-radius:50%;height:40px;overflow:hidden;position:relative;width:40px}.user-menu-modal .profile-area .image-area .img{position:absolute}.user-menu-modal .profile-area .image-area .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.user-menu-modal .profile-area .image-area .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.user-menu-modal .profile-area .text-area{flex:1}.user-menu-modal .profile-area .text-area .top-area{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.user-menu-modal .profile-area .text-area .top-area .nickname{color:var(--old-color-gray-600);font-weight:var(--font-weight-semibold)}.user-menu-modal .profile-area .text-area .top-area .label{border:1px solid var(--old-color-gray-120);border-radius:var(--old-radius-full);box-sizing:border-box;color:var(--old-color-gray-550);font-size:var(--old-font-size-overline);line-height:1;padding:5px 10px}.user-menu-modal .profile-area .text-area .top-area .link{align-items:center;color:var(--old-color-gray-400);display:flex}.user-menu-modal .profile-area .text-area .top-area .link .icon{height:22px;width:22px}.user-menu-modal .profile-area .text-area .top-area .link .path{fill:var(--old-color-gray-400)}.user-menu-modal .profile-area .text-area .email{color:var(--old-color-gray-400);font-size:var(--old-font-size-overline)}.user-menu-modal .menu-list{display:flex;flex-direction:column;row-gap:10px}.user-menu-modal .menu-list .link-wrap{display:flex;flex-direction:column;row-gap:4px}.user-menu-modal .menu-list .link-wrap .wrap-name{color:var(--old-color-gray-400);font-size:var(--old-font-size-overline)}.user-menu-modal .menu-list .link-wrap .link{padding-left:10px}.user-menu-modal .menu-list .link{color:var(--old-color-gray-600);height:34px;line-height:34px}.user-menu-modal .btn-area{display:flex;justify-content:flex-end;padding:0 10px 10px}.user-menu-modal .btn-area .logout-btn{color:var(--old-color-gray-580);font-weight:var(--font-weight-medium)}@media (max-width:1200px){.user-menu-modal{align-items:flex-start;background:#00000040;bottom:0;justify-content:flex-end;left:0;right:0;top:60px}.user-menu-modal .box{border-radius:0;box-shadow:none;height:100%;width:288px}.user-menu-modal .menu-list{flex:1}}.modal-experience-tool .box{background:var(--old-color-white);border-radius:var(--old-radius-level4);box-sizing:border-box;display:flex;flex-direction:column;padding:20px 16px 16px;position:relative;row-gap:20px;width:580px}.modal-experience-tool .btn-close{height:24px;position:absolute;right:14px;top:13px;width:24px}.modal-experience-tool .btn-close .path{fill:var(--old-color-gray-580)}.modal-experience-tool .top-area{display:flex;flex-direction:column;row-gap:10px}.modal-experience-tool .top-area .title{font-family:var(--font-family-rending);font-size:16px;font-weight:500}.modal-experience-tool .top-area .description{color:var(--old-color-gray-800);line-height:1.4}.modal-experience-tool .notice{background:var(--old-color-background-primary1);border-radius:var(--old-radius-level4);color:var(--old-color-status-error);padding:10px 14px}.modal-experience-tool .btn-area{-moz-column-gap:8px;column-gap:8px;display:flex;padding-top:10px}.modal-experience-tool .btn-area .btn{flex:1}.header-component{align-items:center;background:var(--old-color-white);display:flex;height:60px;justify-content:space-between;left:0;padding:0 64px;position:fixed;right:0;top:0;z-index:100}.header-component .left-area{align-items:center;-moz-column-gap:80px;column-gap:80px;display:flex}.header-component .left-area .home-link{padding-top:4px;width:100px}.header-component .left-area .menu-list{-moz-column-gap:60px;column-gap:60px;display:flex}.header-component .left-area .menu-list .link{color:var(--old-color-gray-800);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}.header-component .left-area .menu-list .link.--active{color:var(--old-color-blue-500)}.header-component .right-area{align-items:center;-moz-column-gap:26px;column-gap:26px;display:flex}.header-component .right-area.--guest{-moz-column-gap:12px;column-gap:12px}.header-component .right-area .link-v2{align-items:center;background:#e8f0ff;border-radius:4px;color:var(--color-blue-700);display:flex;font-size:14px;font-weight:var(--font-weight-semibold);height:36px;justify-content:center;padding:0 12px}.header-component .right-area .btn{height:32px;width:32px}.header-component .right-area .btn .path{fill:var(--old-color-gray-500)}.header-component .right-area .notice-btn{position:relative}.header-component .right-area .notice-btn.--active:before{display:block}.header-component .right-area .notice-btn:before{background:var(--old-color-blue-400);border-radius:50%;content:"";display:none;height:6px;position:absolute;right:0;top:0;width:6px}.header-component .right-area .link{width:144px}.header-component .right-area .link:first-child{border:1px solid var(--old-color-border-secondary)}@media (max-width:1200px){.header-component{padding:0 0 0 16px}.header-component .right-area{-moz-column-gap:0;column-gap:0}.header-component .right-area .btn{box-sizing:border-box;height:46px;padding:10px;width:46px}}.nav-mobile{background:var(--old-color-white);bottom:0;box-shadow:0 -3px var(--old-blur-level2) #4242421a;box-sizing:border-box;height:78px;justify-content:space-between;left:0;padding:6px 16px 20px;position:fixed;right:0;z-index:100}.nav-mobile,.nav-mobile .link{align-items:center;display:flex}.nav-mobile .link{color:var(--old-color-gray-400);flex-direction:column;font-size:var(--old-font-size-overline);height:48px;justify-content:center;row-gap:4px;width:70px}.nav-mobile .link .icon{height:24px;width:24px}.nav-mobile .link .icon .path{fill:var(--old-color-gray-400)}.page-error,.page-error .box-error{align-items:center;display:flex;justify-content:center}.page-error .box-error{background:var(--old-color-white);border-radius:var(--old-radius-level4);box-shadow:0 12px var(--old-blur-level4) #39393926;box-sizing:border-box;flex-direction:column;height:323px;overflow:hidden;padding-top:23px;position:relative;row-gap:10px;width:580px}.page-error .box-error:before{background:var(--old-color-blue-500);content:"";display:block;height:23px;left:0;position:absolute;right:0;top:0;z-index:1}.page-error .box-error:after{background:var(--old-color-green-300);border-radius:50%;box-shadow:16px 0 var(--old-color-yellow-400),32px 0 var(--old-color-red-400);content:"";display:block;height:9px;position:absolute;right:42px;top:7px;width:9px;z-index:2}.page-error .box-error .img{height:50px;width:50px}.page-error .box-error .title{color:var(--old-color-blue-500);font-family:ver(--font-family-rending);font-size:var(--old-font-size-heading-xs);font-weight:var(--font-weight-bold)}.page-error .box-error .caption{font-size:var(--old-font-size-body-m)}@media (max-width:1200px){.page-error .box-error{height:193px;width:285px}.page-error .box-error .title{font-size:var(--old-font-size-subtitle-s)}.page-error .box-error .caption{font-size:var(--old-font-size-body-s)}}