@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.gnb__logo{cursor:pointer;transition:opacity var(--transition-fast)}.gnb__logo:hover{opacity:.8}.gnb__step{cursor:pointer;transition:all var(--transition-normal)}.gnb__step:hover:not(.active):not(.completed){border-color:#fff6;background-color:#ffffff0d}.gnb__step.completed{background-color:var(--hm-indigo);border-color:var(--hm-indigo);color:#fff}.gnb__step-indicator{-webkit-user-select:none;-moz-user-select:none;user-select:none}.gnb__track-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semi);border:none;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.gnb__track-badge:hover{opacity:.85;transform:scale(1.03)}.gnb__track-change{font-size:11px;opacity:.75;border-left:1px solid rgba(255,255,255,.4);padding-left:6px;margin-left:2px}.gnb__career-guide-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semi);border:1.5px solid rgba(255,255,255,.25);background:#ffffff14;color:#ffffffd9;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.gnb__career-guide-btn:hover{background:#ffffff2e;border-color:#fff6;color:#fff}.gnb__career-guide-btn.is-active{background:#ffffff38;border-color:#fff;color:#fff}.subject-card{background:var(--hm-white);border:1.5px solid var(--status-available-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-mild);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal),opacity var(--transition-normal);position:relative;overflow:hidden;min-height:180px}.subject-card--selected{background:var(--status-selected-bg);border-color:var(--status-selected-border);box-shadow:0 0 0 3px #6a75b11f,var(--shadow-mild)}.subject-card--locked{background:#f8faff;border-color:var(--hm-indigo);border-style:solid;opacity:1;box-shadow:var(--shadow-small)}.subject-card--disabled{background:var(--status-disabled-bg);border-color:var(--status-disabled-border);opacity:.5;cursor:not-allowed}.subject-card--conflict{background:var(--status-conflict-bg);border-color:var(--status-conflict-border);box-shadow:0 0 0 3px #f59e0b26,var(--shadow-mild)}.subject-card--interactive{cursor:pointer}.subject-card--interactive:hover:not(.subject-card--disabled){box-shadow:var(--shadow-hover);border-color:var(--hm-indigo)}.subject-card--interactive:focus-visible{outline:2px solid var(--hm-indigo);outline-offset:2px}.subject-card__top{display:flex;align-items:center;justify-content:space-between}.subject-card__status-area{display:flex;align-items:center;gap:var(--space-1)}.subject-card__check-icon{width:20px;height:20px;border-radius:var(--radius-full);background:var(--hm-indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--fw-bold);flex-shrink:0}.subject-card__lock-icon{font-size:14px;opacity:.6}.subject-card__conflict-icon{font-size:14px;color:var(--color-warning)}.subject-card__disabled-icon{font-size:14px;color:#94a3b8;font-weight:var(--fw-bold)}.subject-card__pair-badge{font-size:10px;font-weight:var(--fw-bold);color:#7c3aed;background:#f5f3ff;border:1px solid #DDD6FE;border-radius:var(--radius-full);padding:2px 8px;letter-spacing:.02em}.subject-card__pair-name{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--fw-semi);color:var(--hm-navy)}.subject-card__pair-arrow{font-size:18px;color:#7c3aed;font-weight:var(--fw-bold);line-height:1}.subject-card__pair-other{color:#7c3aed;opacity:.7}.subject-card__name{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--fw-semi);line-height:var(--lh-snug);color:var(--hm-navy);letter-spacing:-.01em}.subject-card__set-label{display:inline-block;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;color:#1f4e79;background:#eef3f8;border:1px solid #B4C5D8;border-radius:6px;letter-spacing:-.01em}.subject-card--disabled .subject-card__name{color:#94a3b8}.subject-card--locked .subject-card__name{color:var(--hm-navy)}.subject-card__desc{font-size:var(--text-sm);line-height:var(--lh-normal);color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.subject-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.subject-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.subject-card__meta{display:flex;align-items:center;gap:var(--space-2)}.subject-card__credits{display:flex;align-items:baseline;gap:2px}.subject-card__credits-num{font-family:var(--font-number);font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--hm-navy)}.subject-card__credits-label{font-size:var(--text-xs);color:#64748b}.subject-card__detail-btn{font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--hm-indigo);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.subject-card__detail-btn:hover{background:#eef2ff;color:var(--hm-navy)}.subject-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#f8fafcb3;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:5;pointer-events:none;text-align:center}.subject-card__overlay-text{font-size:var(--text-xs);font-weight:var(--fw-semi);color:#64748b;line-height:var(--lh-snug);word-break:keep-all}.subject-card__overlay--locked{top:auto;bottom:0;height:40px;background:#eef2fff2;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid rgba(106,117,177,.2);padding:0 var(--space-4)}.subject-card__overlay--locked .subject-card__overlay-text{color:var(--hm-indigo);font-weight:var(--fw-bold);font-size:11px}.subject-card__tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--hm-navy);color:#fff;font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);white-space:nowrap;max-width:240px;white-space:normal;text-align:center;z-index:50;pointer-events:none;box-shadow:var(--shadow-medium)}.subject-card__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--hm-navy)}.subject-card:hover .subject-card__tooltip{display:block}.roadmap-summary{width:var(--layout-sidebar);flex-shrink:0;padding:var(--space-5);position:sticky;top:calc(var(--layout-header-h) + var(--space-4));max-height:calc(100vh - var(--layout-header-h) - var(--space-8));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);align-self:flex-start}.roadmap-summary__title{font-family:var(--font-jeongjo);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--hm-navy);letter-spacing:-.01em}.roadmap-summary__track{display:flex;align-items:center;justify-content:space-between}.roadmap-summary__progress{display:flex;flex-direction:column;gap:var(--space-2)}.roadmap-summary__progress-header{display:flex;justify-content:space-between;align-items:center}.roadmap-summary__progress-num{font-family:var(--font-number);font-weight:var(--fw-semi);font-size:var(--text-sm);color:var(--hm-indigo)}.roadmap-summary__section-title{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--hm-navy);margin-bottom:var(--space-2)}.roadmap-summary__credit-list{display:flex;flex-direction:column;gap:var(--space-3)}.roadmap-summary__group-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.roadmap-summary__group-item{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;opacity:.65;transition:opacity var(--transition-fast)}.roadmap-summary__group-item.is-done{opacity:1}.roadmap-summary__group-icon{font-size:14px;text-align:center}.roadmap-summary__group-label{color:#374151;font-size:12px}.roadmap-summary__group-count{font-family:var(--font-number);font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--hm-indigo);background:#eef2ff;padding:1px 6px;border-radius:var(--radius-full)}.roadmap-summary__cta{width:100%;margin-top:var(--space-2)}@media (max-width: 768px){.roadmap-summary{position:fixed;bottom:0;left:0;right:0;width:100%;top:auto;max-height:50vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-sidebar);transform:translateY(calc(100% - 60px));transition:transform var(--transition-slow)}.roadmap-summary.is-open{transform:translateY(0)}}.subject-drawer{position:fixed;top:var(--layout-header-h);right:0;bottom:0;width:min(520px,92vw);background:var(--hm-white);box-shadow:var(--shadow-heavy);z-index:var(--z-drawer);display:flex;flex-direction:column;overflow:hidden}.subject-drawer__header{background:linear-gradient(to bottom,var(--hm-bg),var(--hm-white));padding:var(--space-8);border-bottom:1px solid #E2E8F0;flex-shrink:0;position:relative}.subject-drawer__close{position:absolute;top:var(--space-6);right:var(--space-6);width:36px;height:36px;border-radius:var(--radius-full);background:var(--hm-white);border:1px solid #E2E8F0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#64748b;transition:all var(--transition-fast);box-shadow:var(--shadow-mild)}.subject-drawer__close:hover{background:#f1f5f9;color:var(--hm-navy);transform:rotate(90deg)}.subject-drawer__meta-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.subject-drawer__name{font-size:var(--text-3xl);margin-bottom:var(--space-4);padding-right:var(--space-10);display:flex;align-items:center;gap:var(--space-3)}.subject-drawer__difficulty{font-size:14px;background:#f1f5f9;padding:4px 8px;border-radius:var(--radius-md);font-weight:400}.subject-drawer__credits{display:flex;align-items:baseline;gap:var(--space-2)}.subject-drawer__credit-num{font-family:var(--font-number);font-size:var(--text-4xl);font-weight:var(--fw-black);color:var(--hm-navy);line-height:1}.subject-drawer__body{flex:1;overflow-y:auto;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.subject-drawer__section{display:flex;flex-direction:column;gap:var(--space-4)}.subject-drawer__section-title{font-size:var(--text-xs);font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:var(--space-2)}.subject-drawer__section-title:after{content:"";flex:1;height:1px;background:#f1f5f9}.highlight-box{background:#f8fafc;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid #E2E8F0;line-height:1.6}.signature-box{background:linear-gradient(135deg,#eef2ff,#f5f7ff);padding:var(--space-5);border-radius:var(--radius-lg);border-left:4px solid var(--hm-indigo);color:var(--hm-navy);font-weight:500}.subject-drawer__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);color:#64748b}.stat-value{font-weight:700;font-size:18px}.difficulty--최상{color:#ef4444}.difficulty--상{color:#f59e0b}.difficulty--중{color:#10b981}.difficulty--하{color:#3b82f6}.subject-drawer__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.subject-drawer__prereq-flow{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background:#f8fafc;border-radius:var(--radius-md)}.subject-drawer__notice{background:#fffbeb;border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid #FDE68A;color:#92400e}.subject-drawer__footer{flex-shrink:0;padding:var(--space-6) var(--space-8);border-top:1px solid #E2E8F0;background:var(--hm-white);box-shadow:0 -10px 20px #00000005}.subject-drawer__locked-info{display:flex;align-items:center;gap:var(--space-3);background:#f8fafc;border-radius:var(--radius-md);padding:var(--space-4)}@media (max-width: 1024px){.subject-drawer{width:100%;top:auto;height:92vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.subject-drawer__grid{grid-template-columns:1fr}}@media (max-width: 480px){.subject-drawer__header{padding:var(--space-5) var(--space-4)}.subject-drawer__body{padding:var(--space-4)}}.subject-select-page__main{padding-top:calc(var(--layout-header-h) + var(--space-6));padding-bottom:var(--space-16);padding-left:var(--layout-outer-margin);padding-right:var(--layout-outer-margin)}.subject-select-page__layout{display:flex;gap:var(--space-6);max-width:min(1440px,100%);margin-inline:auto;align-items:flex-start}.subject-select-page__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-5)}.subject-select-page__tabs{display:flex;gap:0;border-bottom:2px solid #E2E8F0;position:sticky;top:var(--layout-header-h);background:var(--hm-bg);z-index:10;padding-bottom:0}.subject-select-page__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-semi);color:#64748b;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.subject-select-page__tab:hover{color:var(--hm-navy)}.subject-select-page__tab.is-active{color:var(--hm-navy);border-bottom-color:var(--hm-navy)}.subject-select-page__tabs-spacer{flex:1}.subject-select-page__track-change-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin:auto 0;background:var(--hm-bg);border:1.5px solid var(--hm-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--hm-gray-700);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.subject-select-page__track-change-btn:hover{border-color:var(--hm-indigo);color:var(--hm-indigo);background:#fff}.subject-select-page__track-change-label{font-size:12px;font-weight:var(--fw-medium);color:var(--hm-indigo);opacity:.85}.subject-select-page__track-change-btn:hover .subject-select-page__track-change-label{opacity:1}.subject-select-page__tab-badge{min-width:20px;height:20px;border-radius:var(--radius-full);background:var(--hm-indigo);color:#fff;font-size:11px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;padding:0 5px}.subject-select-page__groups{display:flex;flex-direction:column;gap:var(--space-6)}.gnb__track-badge{margin-left:var(--space-4)}.group-section{background:var(--hm-white);border-radius:var(--radius-xl);border:1.5px solid #E2E8F0;overflow:hidden;box-shadow:var(--shadow-mild);transition:border-color var(--transition-normal)}.group-section--complete{border-color:#bbf7d0}.group-section__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-6);gap:var(--space-4);border-bottom:1px solid #F1F5F9;background:#fafafa}.group-section__header-left{display:flex;flex-direction:column;gap:var(--space-1)}.group-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md)}.group-section__lock{font-size:14px}.group-section__rule{color:#64748b}.group-section__header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.group-section__progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);min-width:100px}.group-section__count{font-family:var(--font-number);font-size:var(--text-sm);font-weight:var(--fw-semi);color:#64748b}.group-section__count.is-complete{color:var(--color-success)}.group-section__progress{width:100px;height:4px}.group-section__collapse-btn{width:28px;height:28px;border-radius:var(--radius-full);background:var(--hm-bg);border:1px solid #E2E8F0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#64748b;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.group-section__collapse-btn:hover{background:#e2e8f0}.group-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--space-4);padding:var(--space-2) var(--space-6) var(--space-6)}.group-section__semester-group{border-bottom:none}.group-section__semester-group:not(:last-child){border-bottom:2px solid rgba(0,33,71,.08);padding-bottom:var(--space-5);margin-bottom:var(--space-5)}.group-section__semester-title{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;margin:var(--space-4) var(--space-4) var(--space-3);color:var(--hm-navy);font-size:15px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,#7ad7c638,#7ad7c60a);border-left:4px solid #7ad7c6;border-radius:0 999px 999px 0}.group-section__semester-group:nth-child(2) .group-section__semester-title{background:linear-gradient(90deg,#0021471f,#00214705);border-left-color:#002147}.group-section__semester-title:before{content:"📘";display:inline-block;font-size:15px;background:none;width:auto;height:auto;border-radius:0}.group-section__semester-group:nth-child(2) .group-section__semester-title:before{content:"📗"}.group-section__empty{grid-column:1 / -1;padding:var(--space-6);text-align:center;color:#94a3b8}@media (max-width: 1100px){.subject-select-page__layout{flex-direction:column}.roadmap-summary{width:100%;position:static;max-height:none}}@media (max-width: 600px){.group-section__grid{grid-template-columns:1fr;padding:var(--space-4)}}.prereq-check{background:linear-gradient(180deg,#fff7ed,#fffbeb);border:1px solid #FED7AA;border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}.prereq-check__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.prereq-check__title{font-size:var(--text-md);font-weight:var(--fw-bold);color:#9a3412;margin:0 0 var(--space-1)}.prereq-check__desc{font-size:var(--text-xs);color:#7c2d12;line-height:var(--lh-normal);margin:0;max-width:540px}.prereq-check__count{text-align:right;font-family:var(--font-number);font-size:var(--text-lg);font-weight:var(--fw-bold);color:#9a3412;line-height:1;flex-shrink:0}.prereq-check__count .is-ok{color:#16a34a}.prereq-check__count-sep{color:#ca8a04;margin:0 2px}.prereq-check__count-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:#9a3412;margin-top:4px}.prereq-check__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--space-2)}.prereq-check__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border:1.5px solid #FED7AA;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.prereq-check__item:hover{border-color:#fb923c;background:#fff7ed}.prereq-check__item.is-checked{background:#fed7aa;border-color:#ea580c;color:#7c2d12;font-weight:var(--fw-semi)}.prereq-check__item input{accent-color:#EA580C;width:16px;height:16px;flex-shrink:0}.prereq-check__item-name{line-height:var(--lh-snug)}.subject-select-page__bottom-nav{margin-top:var(--space-6);padding:var(--space-5) var(--space-4);background:var(--hm-white);border:1px solid #E2E8F0;border-radius:var(--radius-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.subject-select-page__bottom-nav-left,.subject-select-page__bottom-nav-right{display:flex;gap:var(--space-3)}.subject-select-page__bottom-nav-left:empty{flex:1}@media (max-width: 600px){.subject-select-page__bottom-nav{flex-direction:column;align-items:stretch}.subject-select-page__bottom-nav-left,.subject-select-page__bottom-nav-right,.subject-select-page__bottom-nav .btn-ghost,.subject-select-page__bottom-nav .btn-primary{width:100%}}.confirmation-form-wrapper{display:none}@media print{body.print-confirmation *{visibility:hidden!important}body.print-confirmation .confirmation-form-wrapper,body.print-confirmation .confirmation-form-wrapper *{visibility:visible!important}body.print-confirmation .confirmation-form-wrapper{position:absolute!important;left:0!important;top:0!important;width:100%!important;padding:0!important;margin:0!important;background:#fff!important;display:block!important}body.print-confirmation .page-container,body.print-confirmation .roadmap-result-page,body.print-confirmation .roadmap-result-page__main{display:block!important}@page{size:A4 portrait;margin:14mm 14mm 12mm}}.confirmation-form{font-family:맑은 고딕,Malgun Gothic,Noto Sans KR,sans-serif;color:#111;font-size:11pt;line-height:1.45;width:100%;max-width:182mm;margin:0 auto;page-break-after:always}.cf-header{text-align:center;border-bottom:2px solid #111;padding-bottom:3mm;margin-bottom:3mm}.cf-school{font-size:11pt;letter-spacing:.15em;color:#555;margin-bottom:1mm}.cf-title{font-size:16pt;font-weight:800;letter-spacing:-.02em;margin:0 0 1mm}.cf-submit-date{font-size:9.5pt;color:#555}.cf-student-info{margin-bottom:3mm}.cf-student-info table{width:100%;border-collapse:collapse;border:1px solid #333;font-size:10.5pt}.cf-student-info th,.cf-student-info td{border:1px solid #999;padding:1.5mm 3mm;text-align:left;vertical-align:middle}.cf-student-info th{background:#f0f0f0;font-weight:700;width:22mm;white-space:nowrap}.cf-subjects{margin-bottom:3mm}.cf-subjects-grid{display:grid;grid-template-columns:1fr 1fr;gap:2mm}.cf-semester{border:1px solid #333;page-break-inside:avoid}.cf-semester-head{display:flex;justify-content:space-between;align-items:center;background:#e8edf2;border-bottom:1px solid #333;padding:2mm 3mm;font-weight:700}.cf-semester-label{font-size:11pt}.cf-semester-credits{font-size:10pt;color:#333}.cf-subject-group{border-top:1px solid #bbb}.cf-subject-group:first-of-type{border-top:none}.cf-subject-group-head{font-size:9pt;font-weight:700;letter-spacing:.05em;color:#333;background:#f6f8fa;padding:.8mm 3mm;border-bottom:1px dotted #999}.cf-subject-group--common .cf-subject-group-head{color:#002147}.cf-subject-group--elective .cf-subject-group-head{color:#0a6b54}.cf-subject-list{list-style:none;margin:0;padding:1.2mm 3mm;min-height:0}.cf-subject-list li{display:flex;justify-content:space-between;font-size:10pt;padding:.4mm 0;border-bottom:1px dotted #bbb}.cf-subject-list li:last-child{border-bottom:none}.cf-subject-name{flex:1}.cf-subject-credits{color:#555;font-size:9.5pt;margin-left:3mm}.cf-empty{color:#999;font-size:10pt;text-align:center}.cf-notice{margin-bottom:3mm;border:1px solid #999;padding:2mm 3mm;background:#fafafa}.cf-notice h3{margin:0 0 1mm;font-size:10pt}.cf-notice ul{margin:0;padding-left:5mm}.cf-notice li{font-size:9.5pt;margin-bottom:.5mm}.cf-consent{margin-top:3mm;padding:3mm;border-top:2px solid #111}.cf-consent-text{font-size:10.5pt;line-height:1.55;margin:0 0 4mm;text-align:center}.cf-date-line{text-align:center;font-size:11pt;font-weight:600;margin-bottom:5mm;letter-spacing:.05em}.cf-signatures{display:flex;flex-direction:column;gap:4mm;padding:0 8mm}.cf-signature-row{display:flex;align-items:baseline;gap:4mm;font-size:12pt}.cf-signature-label{width:22mm;font-weight:700;white-space:nowrap}.cf-signature-line{flex:1;border-bottom:1.5px solid #111;min-width:60mm}.cf-signature-suffix{font-size:10pt;color:#666;white-space:nowrap}.cf-footer{margin-top:3mm;text-align:center;font-size:8.5pt;color:#888;padding-top:2mm;border-top:1px solid #ccc}.roadmap-result-page__main{padding-top:calc(var(--layout-header-h) + var(--space-8));padding-bottom:var(--space-16);max-width:1200px;margin:0 auto;padding-left:var(--layout-outer-margin);padding-right:var(--layout-outer-margin);display:flex;flex-direction:column;gap:var(--space-8)}.roadmap-result-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.roadmap-result-page__header-text{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;min-width:0}.roadmap-result-page__meta{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.roadmap-result-page__meta .badge,.roadmap-result-page__meta>span{white-space:nowrap;flex-shrink:0}.roadmap-result-page__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3);flex:0 0 auto;max-width:420px}.roadmap-result-page__actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.roadmap-result-page__grid{background:var(--hm-white);border-radius:var(--radius-xl);border:1.5px solid #E2E8F0;box-shadow:var(--shadow-medium);overflow:hidden}.roadmap-result-page__grid-header{background:var(--hm-navy);color:#fff;padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between}.roadmap-result-page__grid-header .heading-3{color:#fff}.roadmap-result-page__semester-grid{display:grid;grid-template-columns:repeat(4,1fr)}.roadmap-result-page__semester-col{border-right:1px solid #E2E8F0;padding:var(--space-5) var(--space-4);min-width:0}.roadmap-result-page__semester-col:last-child{border-right:none}.roadmap-result-page__sem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid #F1F5F9}.roadmap-result-page__sem-credits{display:flex;align-items:baseline;gap:2px}.roadmap-result-page__subject-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.roadmap-result-page__subject-item{background:var(--hm-bg);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid #E2E8F0;transition:all var(--transition-fast)}.roadmap-result-page__subject-item.is-locked{background:#f8fafc;border-color:#cbd5e1;opacity:.8}.roadmap-result-page__subject-item.is-advanced{border-color:var(--hm-indigo);background:#eef2ff}.roadmap-result-page__subject-name{font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--hm-navy);margin-bottom:var(--space-1);line-height:var(--lh-snug);word-break:keep-all;overflow-wrap:anywhere}.roadmap-result-page__subject-meta{display:flex;gap:var(--space-2);align-items:center}.roadmap-result-page__subject-credits{font-family:var(--font-number);font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--hm-indigo)}.roadmap-result-page__empty{font-size:var(--text-sm);color:#94a3b8;font-style:italic;padding:var(--space-3);text-align:center}.roadmap-result-page__credit-summary{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.roadmap-result-page__credit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.roadmap-result-page__credit-item{display:flex;flex-direction:column;gap:var(--space-2)}.roadmap-result-page__credit-label{display:flex;justify-content:space-between;align-items:center}.roadmap-result-page__back{display:flex;justify-content:center}@media print{.gnb,.roadmap-result-page__actions,.roadmap-result-page__back,.roadmap-result-page__credit-summary{display:none!important}.roadmap-result-page__main{padding-top:0}.roadmap-result-page__grid{box-shadow:none;border:1px solid #CBD5E1}}@media (max-width: 900px){.roadmap-result-page__semester-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.roadmap-result-page__header{flex-direction:column}.roadmap-result-page__semester-grid,.roadmap-result-page__credit-grid{grid-template-columns:1fr}}@media print{.gnb,.toast-container,.overlay,.guide-modal,.GNB,body>nav,body>header{display:none!important}body,html{background:#fff!important}}.cg-main{display:flex;flex-direction:column;max-width:1160px;margin:0 auto;padding:32px 24px 64px;width:100%;gap:0}.cg-title-bar{display:flex;align-items:flex-start;gap:24px;padding-bottom:24px;border-bottom:1px solid #E2E8F0;margin-bottom:32px}.cg-back-link{flex-shrink:0;margin-top:4px;background:none;border:none;font-size:13px;color:#94a3b8;cursor:pointer;padding:0;white-space:nowrap;transition:color .15s}.cg-back-link:hover{color:var(--hm-navy)}.cg-title-bar__center{display:flex;flex-direction:column;gap:4px}.cg-title-bar__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hm-indigo)}.cg-title-bar__heading{font-size:22px;font-weight:800;color:var(--hm-navy);letter-spacing:-.02em;margin:0;line-height:1.2}.cg-body{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:32px;align-items:stretch;height:clamp(520px,calc(100vh - 320px),820px)}.cg-sidebar{display:flex;flex-direction:column;height:100%}.cg-sidebar__list{display:flex;flex-direction:column;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;background:#fff;flex:1}.cg-sidebar__item{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;background:none;border:none;border-left:3px solid transparent;cursor:pointer;text-align:left;transition:background .12s,border-color .12s;border-bottom:1px solid #F1F5F9;min-height:0}.cg-sidebar__item:last-child{border-bottom:none}.cg-sidebar__item:hover{background:#f8fafc}.cg-sidebar__item.is-active{background:color-mix(in srgb,var(--accent) 7%,white);border-left-color:var(--accent)}.cg-sidebar__num{font-size:10px;font-weight:700;font-family:var(--font-number, monospace);color:#cbd5e1;letter-spacing:.04em;flex-shrink:0;width:20px}.cg-sidebar__item.is-active .cg-sidebar__num{color:var(--accent)}.cg-sidebar__name{font-size:13px;font-weight:500;color:#475569;line-height:1.35}.cg-sidebar__item.is-active .cg-sidebar__name{color:var(--hm-navy);font-weight:700}.cg-panel{display:flex;flex-direction:column;gap:0;min-width:0;height:calc(100vh - 320px);min-height:580px;overflow-y:auto;overflow-x:hidden;border-radius:12px;scrollbar-width:thin;scrollbar-color:#E2E8F0 transparent}.cg-panel::-webkit-scrollbar{width:5px}.cg-panel::-webkit-scrollbar-track{background:transparent}.cg-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cg-header{display:flex;gap:20px;align-items:flex-start;padding:28px 28px 24px;background:#fff;border:1px solid #E2E8F0;border-top:3px solid var(--accent);border-radius:12px 12px 0 0;border-bottom:none}.cg-header__index{font-size:40px;font-weight:900;font-family:var(--font-number, monospace);color:color-mix(in srgb,var(--accent) 15%,#F1F5F9);line-height:1;flex-shrink:0;letter-spacing:-.04em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cg-header__body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.cg-header__track-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cg-header__track-badge{font-size:11px;font-weight:700;letter-spacing:.04em;color:color-mix(in srgb,var(--accent) 80%,#374151);background:color-mix(in srgb,var(--accent) 10%,white);border:1px solid color-mix(in srgb,var(--accent) 25%,white);border-radius:4px;padding:2px 8px;text-transform:uppercase}.cg-header__kw-row{display:flex;gap:6px;flex-wrap:wrap}.cg-kw{font-size:11px;color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 7px}.cg-header__title{font-size:26px;font-weight:800;color:var(--hm-navy);letter-spacing:-.025em;line-height:1.15;margin:0}.cg-header__desc{font-size:13.5px;line-height:1.65;color:#64748b;margin:0;max-width:560px}.cg-tabs{display:flex;background:#f8fafc;border-left:1px solid #E2E8F0;border-right:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;gap:0}.cg-tab{flex:1;padding:11px 0;font-size:13px;font-weight:600;color:#94a3b8;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .12s;letter-spacing:-.01em}.cg-tab:hover{color:var(--hm-navy);background:#eff6ff}.cg-tab.is-active{color:var(--hm-indigo);background:#fff;border-bottom-color:var(--hm-indigo)}.cg-overview,.cg-subjects,.cg-dept-guide{padding:28px;background:#fff;border:1px solid #E2E8F0;border-top:none}.cg-note{font-size:12px;color:#94a3b8;margin:0 0 20px}.cg-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cg-section{display:flex;flex-direction:column;gap:14px}.cg-section__title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);padding-bottom:10px;border-bottom:1.5px solid color-mix(in srgb,var(--accent) 20%,#F1F5F9);margin:0}.cg-fit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:none}.cg-fit-item{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;color:#374151}.cg-fit-item__num{font-size:11px;font-weight:800;font-family:var(--font-number, monospace);min-width:16px;padding-top:2px;flex-shrink:0}.cg-dept-chips{display:flex;flex-wrap:wrap;gap:6px}.cg-dept-chip{font-size:12.5px;font-weight:500;color:var(--hm-navy);background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;padding:4px 10px}.cg-tip{margin-top:4px;padding:12px 14px;background:color-mix(in srgb,var(--accent) 5%,white);border-left:3px solid var(--accent);border-radius:0 6px 6px 0}.cg-tip__label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.cg-tip p{font-size:12.5px;line-height:1.6;color:#475569;margin:0}.cg-subject-table{display:flex;flex-direction:column;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden;margin-bottom:20px}.cg-subject-row{display:grid;grid-template-columns:140px 1fr;min-height:60px;border-bottom:1px solid #E2E8F0}.cg-subject-row:last-child{border-bottom:none}.cg-subject-row__label-col{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:14px 16px;background:#f8fafc;border-right:1px solid #E2E8F0}.cg-subject-row__label{font-size:12px;font-weight:700;letter-spacing:.01em}.cg-subject-row__note{font-size:10.5px;color:#94a3b8}.cg-subject-row__chips{display:flex;flex-wrap:wrap;align-content:center;gap:6px;padding:12px 16px;background:#fff}.cg-subject-chip{font-size:12.5px;font-weight:500;color:var(--hm-navy);background:#f1f5f9;border-radius:4px;padding:3px 10px;white-space:nowrap}.cg-subject-footer{display:flex;justify-content:flex-end}.cg-dept-row{border:1px solid #E2E8F0;border-radius:8px;margin-bottom:8px;overflow:hidden}.cg-dept-row.is-open{border-color:color-mix(in srgb,var(--accent) 30%,#E2E8F0)}.cg-dept-row__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:none;border:none;cursor:pointer;transition:background .12s;gap:12px}.cg-dept-row__toggle:hover{background:#f8fafc}.cg-dept-row.is-open .cg-dept-row__toggle{background:color-mix(in srgb,var(--accent) 6%,white)}.cg-dept-row__name{font-size:13.5px;font-weight:600;color:var(--hm-navy);text-align:left}.cg-dept-row__icon{flex-shrink:0;color:#94a3b8;transition:transform .18s}.cg-dept-row.is-open .cg-dept-row__icon{transform:rotate(180deg)}.cg-dept-row__content{padding:0 16px 14px;background:#fff;border-top:1px solid #F1F5F9}.cg-dept-row__subjects{font-size:12.5px;line-height:1.75;color:#64748b;margin:12px 0 0;word-break:keep-all}.cg-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:#fff;border:1px solid #E2E8F0;border-top:none;border-radius:0 0 12px 12px;flex-wrap:wrap;position:sticky;bottom:0;z-index:5;box-shadow:0 -4px 12px #0000000a;margin-top:auto}.cg-footer-cta:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 0 0 12px}.cg-footer-cta__info{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:600;color:var(--hm-navy)}.cg-footer-cta__sub{font-size:12px;font-weight:400;color:#94a3b8}@media (max-width: 860px){.cg-body{grid-template-columns:minmax(0,1fr);gap:20px;height:auto;min-height:0}.cg-sidebar{flex-direction:row;height:auto}.cg-panel{height:auto;min-height:0;overflow:visible}.cg-sidebar__list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;border-radius:8px;scrollbar-width:none;flex:none;height:auto;width:100%;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch}.cg-sidebar__list::-webkit-scrollbar{display:none}.cg-sidebar{position:relative;min-width:0}.cg-sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;background:linear-gradient(to left,#fffffff2,#fff0);pointer-events:none;border-radius:0 8px 8px 0}.cg-sidebar__item{flex:0 0 auto;border-left:none;border-bottom:2px solid transparent;padding:10px 14px;border-radius:0}.cg-sidebar__item.is-active{border-bottom-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,white)}.cg-sidebar__num{display:none}.cg-sidebar__name{font-size:12px;white-space:nowrap}.cg-two-col{grid-template-columns:1fr;gap:24px}}@media (max-width: 560px){.cg-main{padding:20px 16px 48px}.cg-header{flex-direction:column;gap:8px;padding:20px}.cg-header__index{font-size:28px}.cg-header__title{font-size:20px}.cg-subject-row{grid-template-columns:1fr}.cg-subject-row__label-col{border-right:none;border-bottom:1px solid #E2E8F0;flex-direction:row;align-items:center;gap:8px;padding:10px 14px}.cg-footer-cta{flex-direction:column;align-items:flex-start}}.guide-modal{position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:var(--z-modal);width:min(480px,calc(100vw - 32px));max-height:min(85vh,720px);background:var(--hm-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-heavy);padding:var(--space-6);border-top:4px solid var(--hm-indigo);outline:none;display:flex;flex-direction:column}.guide-modal__body{flex:1 1 auto;overflow-y:auto;min-height:0}.guide-modal__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.guide-modal__icon{font-size:24px;flex-shrink:0;line-height:1;margin-top:2px}.guide-modal__title-wrap{display:flex;flex-direction:column;gap:var(--space-1)}.guide-modal__type-badge{width:-moz-fit-content;width:fit-content}.guide-modal__title{font-size:var(--text-md)}.guide-modal__body{color:#374151;line-height:var(--lh-relaxed);margin-bottom:var(--space-4)}.guide-modal__related,.guide-modal__prereq{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.guide-modal__subject-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.guide-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #F1F5F9}.guide--success{border-top-color:var(--color-success)}.guide--info{border-top-color:var(--color-info)}.guide--warning{border-top-color:var(--color-warning)}.guide--critical{border-top-color:var(--color-critical)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,Malgun Gothic,Pretendard,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:light}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}html{font-size:clamp(14px,calc(.75rem + .3vw),18px);font-family:Inter,system-ui,Malgun Gothic,Pretendard,sans-serif}body{background:#faf9fd;color:#1a1b1e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:block}.app-root{margin:0;padding:0;min-height:100vh}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(0 33 71 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{--tw-bg-opacity: 1;background-color:rgb(0 10 30 / var(--tw-bg-opacity, 1))}.btn-primary:active{--tw-bg-opacity: 1;background-color:rgb(0 29 60 / var(--tw-bg-opacity, 1))}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(196 198 207 / var(--tw-border-opacity, 1));background-color:transparent;padding:.75rem 1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(0 33 71 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(244 243 247 / var(--tw-bg-opacity, 1))}.card{border-radius:.5rem;border-width:1px;border-color:#c4c6cf4d;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.5rem;--tw-shadow: 0px 12px 32px rgba(26, 27, 30, .06);--tw-shadow-colored: 0px 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[-16px\]{margin-top:-16px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-\[2px\]{height:2px}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.w-56{width:14rem}.w-64{width:16rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-\[72px\]{min-width:72px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.125rem}.rounded-full{border-radius:.75rem}.rounded-lg{border-radius:.25rem}.rounded-xl{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-error-container{--tw-border-opacity: 1;border-color:rgb(255 218 214 / var(--tw-border-opacity, 1))}.border-outline-variant\/20{border-color:#c4c6cf33}.border-outline-variant\/30{border-color:#c4c6cf4d}.bg-error-container{--tw-bg-opacity: 1;background-color:rgb(255 218 214 / var(--tw-bg-opacity, 1))}.bg-outline-variant\/40{background-color:#c4c6cf66}.bg-primary-container{--tw-bg-opacity: 1;background-color:rgb(0 33 71 / var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(250 249 253 / var(--tw-bg-opacity, 1))}.bg-surface-container-high{--tw-bg-opacity: 1;background-color:rgb(233 231 235 / var(--tw-bg-opacity, 1))}.bg-surface-container-low{--tw-bg-opacity: 1;background-color:rgb(244 243 247 / var(--tw-bg-opacity, 1))}.bg-tertiary-container{--tw-bg-opacity: 1;background-color:rgb(0 39 33 / var(--tw-bg-opacity, 1))}.bg-tertiary-fixed-dim{--tw-bg-opacity: 1;background-color:rgb(122 215 198 / var(--tw-bg-opacity, 1))}.bg-tertiary-fixed-dim\/20{background-color:#7ad7c633}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.fill-current{fill:currentColor}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-3{padding-bottom:.75rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-headline{font-family:Inter,system-ui,Malgun Gothic,Pretendard,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-error{--tw-text-opacity: 1;color:rgb(186 26 26 / var(--tw-text-opacity, 1))}.text-on-error-container{--tw-text-opacity: 1;color:rgb(147 0 10 / var(--tw-text-opacity, 1))}.text-on-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-on-secondary-container{--tw-text-opacity: 1;color:rgb(85 100 116 / var(--tw-text-opacity, 1))}.text-on-surface{--tw-text-opacity: 1;color:rgb(26 27 30 / var(--tw-text-opacity, 1))}.text-on-surface-variant{--tw-text-opacity: 1;color:rgb(68 71 78 / var(--tw-text-opacity, 1))}.text-on-tertiary-container{--tw-text-opacity: 1;color:rgb(55 152 137 / var(--tw-text-opacity, 1))}.text-on-tertiary-fixed{--tw-text-opacity: 1;color:rgb(0 32 27 / var(--tw-text-opacity, 1))}.text-primary-container{--tw-text-opacity: 1;color:rgb(0 33 71 / var(--tw-text-opacity, 1))}.text-tertiary-container{--tw-text-opacity: 1;color:rgb(0 39 33 / var(--tw-text-opacity, 1))}.text-tertiary-fixed-dim{--tw-text-opacity: 1;color:rgb(122 215 198 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-ambient{--tw-shadow: 0px 12px 32px rgba(26, 27, 30, .06);--tw-shadow-colored: 0px 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-primary-container\/15{--tw-ring-color: rgb(0 33 71 / .15)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-error-container\/30:hover{background-color:#ffdad64d}.hover\:bg-error-container\/40:hover{background-color:#ffdad666}.hover\:bg-primary:hover{--tw-bg-opacity: 1;background-color:rgb(0 10 30 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-container:hover{--tw-bg-opacity: 1;background-color:rgb(0 33 71 / var(--tw-bg-opacity, 1))}.hover\:bg-surface-container-low:hover{--tw-bg-opacity: 1;background-color:rgb(244 243 247 / var(--tw-bg-opacity, 1))}.hover\:bg-tertiary-fixed:hover{--tw-bg-opacity: 1;background-color:rgb(151 243 226 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:text-tertiary-fixed-dim{--tw-text-opacity: 1;color:rgb(122 215 198 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white\/85{color:#ffffffd9}@media (min-width: 768px){.md\:h-\[68px\]{height:68px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}}:root{--hm-navy: #002147;--hm-navy-deep: #000a1e;--hm-mint: #7ad7c6;--hm-mint-light: #97f3e2;--hm-mint-deep: #002721;--hm-indigo: #002147;--hm-blue: #465f88;--hm-green: #7ad7c6;--hm-gold: #C5A059;--hm-bg: #faf9fd;--hm-white: #ffffff;--hm-si-humanities: #465f88;--hm-si-math: #7ad7c6;--hm-gray-100: #f4f3f7;--hm-gray-200: #e3e2e6;--hm-gray-700: #44474e;--color-primary: var(--hm-navy);--color-secondary: var(--hm-blue);--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #ba1a1a;--color-recommend: #8B5CF6;--color-info: var(--hm-blue);--color-critical: #ba1a1a;--color-locked: var(--hm-navy);--status-available-bg: var(--hm-white);--status-available-border: #c4c6cf;--status-selected-bg: rgba(122, 215, 198, .12);--status-selected-border: var(--hm-mint);--status-locked-bg: rgba(0, 33, 71, .06);--status-locked-border: #c4c6cf;--status-disabled-bg: #f4f3f7;--status-disabled-border: #e3e2e6;--status-conflict-bg: #ffdad6;--status-conflict-border: #ba1a1a;--font-jeongjo: "Inter", system-ui, "Malgun Gothic", "Pretendard", sans-serif;--font-body: "Inter", system-ui, "Malgun Gothic", "Pretendard", sans-serif;--font-number: "Inter", system-ui, "Malgun Gothic", "Pretendard", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 36px;--text-4xl: 48px;--text-hero: 64px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.6;--lh-relaxed: 1.8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--layout-outer-margin: 80px;--layout-sidebar: 260px;--layout-content: 940px;--layout-header-h: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-mild: 0 4px 20px rgba(0, 33, 71, .05);--shadow-medium: 0 8px 30px rgba(0, 33, 71, .08);--shadow-heavy: 0 12px 40px rgba(0, 33, 71, .12);--shadow-hover: 0 16px 48px rgba(0, 33, 71, .16);--shadow-indigo: 0 8px 30px rgba(106, 117, 177, .25);--transition-fast: .12s ease;--transition-normal: .22s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-card: 10;--z-drawer: 100;--z-sidebar: 200;--z-header: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--hm-navy);background-color:var(--hm-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}input,select,textarea{font-family:inherit}.app-root{min-height:100vh;background-color:var(--hm-bg);position:relative;overflow-x:hidden}.onboarding-page__main{background-image:radial-gradient(circle at 80% 20%,rgba(106,117,177,.06) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(84,142,203,.04) 0%,transparent 50%)}.gnb{position:fixed;top:0;left:0;right:0;height:var(--layout-header-h);background-color:var(--hm-navy);display:flex;align-items:center;padding:0 var(--layout-outer-margin);z-index:var(--z-header);gap:var(--space-4)}.gnb__logo{font-family:var(--font-jeongjo);font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--hm-white);letter-spacing:-.01em}.gnb__logo span{font-family:var(--font-number);font-weight:var(--fw-medium);color:#ffffff80;font-size:var(--text-sm);margin-left:var(--space-2)}.gnb__step-indicator{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.gnb__step{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-number);font-size:var(--text-xs);font-weight:var(--fw-semi);color:#fff6;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-normal)}.gnb__step.active{background-color:var(--hm-indigo);border-color:var(--hm-indigo);color:#fff}.gnb__step.completed{background-color:#ffffff1a;border-color:#ffffff4d;color:#ffffffb3}.gnb__step-line{width:20px;height:1px;background-color:#ffffff26}.page-container{padding-top:0;min-height:100vh}.page-content{max-width:calc(var(--layout-sidebar) + var(--layout-content) + var(--space-8));margin:0 auto;padding:var(--space-8) var(--layout-outer-margin)}.heading-hero{font-family:var(--font-jeongjo);font-size:var(--text-hero);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--hm-navy)}.heading-1{font-family:var(--font-jeongjo);font-size:var(--text-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--hm-navy)}.heading-2{font-family:var(--font-jeongjo);font-size:var(--text-2xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:-.01em;color:var(--hm-navy)}.heading-3{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--fw-semi);line-height:var(--lh-snug);color:var(--hm-navy)}.body-lg{font-size:var(--text-md);line-height:var(--lh-relaxed)}.body-base{font-size:var(--text-base);line-height:var(--lh-normal)}.body-sm{font-size:var(--text-sm);line-height:var(--lh-normal)}.body-xs{font-size:var(--text-xs);line-height:var(--lh-normal)}.text-navy{color:var(--hm-navy)}.text-indigo{color:var(--hm-indigo)}.text-blue{color:var(--hm-blue)}.text-green{color:var(--hm-green)}.text-muted{color:#64748b}.text-light{color:#94a3b8}.font-bold{font-weight:var(--fw-bold)}.font-semi{font-weight:var(--fw-semi)}.font-medium{font-weight:var(--fw-medium)}.card{background:var(--hm-white);border-radius:var(--radius-lg);border:1px solid var(--status-available-border);box-shadow:var(--shadow-mild);transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card--heavy{box-shadow:var(--shadow-heavy);border-radius:var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-semi);line-height:1;transition:all var(--transition-normal);cursor:pointer;border:none;white-space:nowrap}.btn--primary{background-color:var(--hm-navy);color:#fff}.btn--primary:hover{background-color:#024;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.btn--indigo{background-color:var(--hm-indigo);color:#fff}.btn--indigo:hover{background-color:#5a65a1;box-shadow:var(--shadow-indigo);transform:translateY(-1px)}.btn--outline{background-color:transparent;color:var(--hm-navy);border:1.5px solid var(--hm-navy)}.btn--outline:hover{background-color:var(--hm-navy);color:#fff}.btn--ghost{background-color:transparent;color:var(--hm-indigo);border:1.5px solid var(--hm-indigo)}.btn--ghost:hover{background-color:#eef2ff}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-xl)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-semi);letter-spacing:.01em}.badge--navy{background:var(--hm-navy);color:#fff}.badge--indigo{background:#eef2ff;color:var(--hm-indigo);border:1px solid #C7D2FE}.badge--blue{background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE}.badge--green{background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0}.badge--orange{background:#fff7ed;color:#ea580c;border:1px solid #FED7AA}.badge--red{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.badge--gray{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.badge--recommend-glow{background:linear-gradient(135deg,var(--color-recommend),#A78BFA);color:#fff;box-shadow:0 0 12px #8b5cf666;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 8px #8b5cf666}50%{box-shadow:0 0 16px #8b5cf699}to{box-shadow:0 0 8px #8b5cf666}}.badge--locked{background:#f8fafc;color:#94a3b8;border:1px solid #E2E8F0}.badge--success{background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0}.badge--track-humanities{background:#eff6ff;color:var(--track-humanities);border:1px solid #BFDBFE}.badge--track-engineering{background:#eff6ff;color:var(--track-engineering);border:1px solid #BFDBFE}.badge--track-chemistry{background:#f0fdf4;color:var(--track-chemistry);border:1px solid #BBF7D0}.badge--track-medical{background:#fef2f2;color:var(--track-medical);border:1px solid #FECACA}.badge--track-it{background:#f5f3ff;color:var(--track-it);border:1px solid #DDD6FE}.badge--track-earth{background:#fffbeb;color:var(--track-earth);border:1px solid #FDE68A}.badge--자연{background:#eff6ff;color:#2563eb;border:1px solid #BFDBFE}.badge--정보{background:#f5f3ff;color:#7c3aed;border:1px solid #DDD6FE}.badge--인문{background:#eff6ff;color:var(--hm-si-humanities);border:1px solid #BFDBFE}.badge--grading-rel{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.badge--grading-abs5{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.badge--grading-abs3{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.badge--grading-pf{background:#f8fafc;color:#475569;border:1px solid #CBD5E1}.tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--fw-medium);background:var(--hm-bg);color:#64748b;border:1px solid #E2E8F0;transition:all var(--transition-fast)}.tag:hover{background:#eef2ff;color:var(--hm-indigo);border-color:#c7d2fe}.tag--recommend{background-color:#8b5cf61a;color:var(--color-recommend);border:1px solid rgba(139,92,246,.2);font-weight:600}.progress-bar{width:100%;height:6px;background-color:#e2e8f0;border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--hm-indigo),var(--hm-blue));transition:width var(--transition-slow)}.progress-bar--success .progress-bar__fill{background:linear-gradient(90deg,var(--hm-green),#34D399)}.progress-bar--warning .progress-bar__fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.credit-bar{display:flex;flex-direction:column;gap:var(--space-1)}.credit-bar__label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.credit-bar__semester{font-weight:var(--fw-semi);color:var(--hm-navy)}.credit-bar__numbers{font-family:var(--font-number);font-weight:var(--fw-semi);color:var(--hm-indigo)}.credit-bar__track{height:8px;background-color:#e2e8f0;border-radius:var(--radius-full);overflow:hidden}.credit-bar__track-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--hm-navy),var(--hm-indigo));transition:width var(--transition-slow)}.credit-bar__track-fill--full{background:linear-gradient(90deg,var(--hm-indigo),#818CF8)}.credit-bar__track-fill--near{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.section-divider{height:1px;background:linear-gradient(90deg,#E2E8F0,transparent);margin:var(--space-6) 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:calc(var(--z-modal) - 1)}.card,.group-section,.subject-card{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.subject-card--interactive:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:#fffffff2}.subject-card--selected{border-color:var(--hm-indigo);background:#1a1c4d05}.subject-card__recommend-icon{font-size:1.2rem;filter:drop-shadow(0 0 4px rgba(139,92,246,.5))}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.toast{background:var(--hm-white);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-heavy);border-left:3px solid var(--hm-indigo);display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);animation:slideInRight var(--transition-normal) ease}.toast--success{border-left-color:var(--color-success)}.toast--info{border-left-color:var(--color-info)}.toast--warning{border-left-color:var(--color-warning)}.toast--critical{border-left-color:var(--color-critical)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid var(--hm-indigo);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes trackConfirm{0%{transform:scale(1)}30%{transform:scale(1.08);box-shadow:0 0 #6a75b166}60%{box-shadow:0 0 0 20px #6a75b100}to{transform:scale(1);box-shadow:none}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease both}.animate-scale-in{animation:scaleIn var(--transition-normal) ease both}.animate-slide-up{animation:slideInUp var(--transition-normal) ease both}@media (max-width: 1280px){:root{--layout-outer-margin: 48px}}@media (max-width: 1024px){:root{--layout-outer-margin: 32px;--layout-sidebar: 220px}}@media (max-width: 768px){:root{--layout-outer-margin: 16px;--layout-header-h: 56px;--text-hero: 40px;--text-3xl: 28px;--text-2xl: 24px}.gnb{padding:0 var(--layout-outer-margin)}}@media print{.gnb,.toast-container{display:none}.page-container{padding-top:0}body{background:#fff}.card{box-shadow:none;border:1px solid #E2E8F0}}