:root{--spacing-0:0px;--spacing-2:2px;--spacing-4:4px;--spacing-6:6px;--spacing-8:8px;--spacing-10:10px;--spacing-12:12px;--spacing-14:14px;--spacing-16:16px;--spacing-18:18px;--spacing-20:20px;--spacing-22:22px;--spacing-24:24px;--spacing-28:28px;--spacing-30:30px;--spacing-32:32px;--spacing-36:36px;--spacing-40:40px;--spacing-64:64px;--spacing-76:76px;--spacing-100:100px;--radius-0:0px;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-18:18px;--radius-20:20px;--radius-99:99px;--text-title:#434f5c;--text-body:#6b7e93;--primary:#2f7ef5;--surface-body:#f8fafa;--surface-subtle:#f3f5f8;--surface-lightblue:#e8f1fe;--surface-lightgray:#bfc8d4;--surface-lightred:#fef2f2;--purple-400:#ede9fe;--purple-800:#7c3aed;--green-400:#f0fdfa;--green-800:#16a390;--blue-400:#e8f1fe;--blue-800:#2f7ef5;--orange-400:#fff7ed;--orange-800:#ea580c;--red:#dc2626;--subject-html:#16a390;--border-base:#e2e7ed;--on-color-blue:#2f7ef5;--on-color-gray:#6b7e93;--on-color-lightblue:#e8f1fe}header{position:fixed;top:30px;left:50%;transform:translateX(-50%);width:calc(100% - 120px);max-width:1800px;height:65px;display:flex;align-items:flex-start;justify-content:space-between;padding:11px var(--spacing-40);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--surface-body);box-shadow:0 1px 6px rgba(47,126,245,.07);border-radius:14px;z-index:100}header .main-navigation{display:flex;gap:40px;align-items:center;height:100%}header .main-navigation h1.logo{display:block;width:33.146px;height:37px;flex-shrink:0;overflow:hidden;position:relative}header .main-navigation h1.logo a{display:block;width:100%;height:100%}header .main-navigation h1.logo img{position:absolute;width:148.84%;height:133.33%;top:-16.67%;left:-24.42%;max-width:none}header .main-navigation nav{display:flex;align-items:center}header .main-navigation nav a.Link{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-8) var(--spacing-16);flex-shrink:0;font-size:15px;font-weight:400;line-height:1;color:var(--text-title);white-space:nowrap;cursor:pointer}header .main-navigation nav a.Link.on{font-weight:700}header .user-util{display:flex;align-items:center;justify-content:flex-end;height:100%}header .user-util a.cta-regular{flex-shrink:0;background:rgba(0,0,0,0);font-size:15px;color:var(--on-color-gray)}header .user-util a.login-btn,header .user-util button.login-btn{display:inline-flex;align-items:center;gap:var(--spacing-10);padding:var(--spacing-10) var(--spacing-20);border-radius:var(--radius-8);background-color:var(--surface-lightblue);flex-shrink:0;cursor:pointer;border:none;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:600;line-height:1;color:var(--on-color-blue);white-space:nowrap}header .user-util a.login-btn img,header .user-util button.login-btn img{display:block;width:20px;height:20px}header .user-util .user-menu{position:relative;width:100px;height:42px;flex-shrink:0}header .user-util .user-menu .login-user{position:absolute;top:0;left:0;width:100%;height:42px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:none;border:none}header .user-util .user-menu .login-user .user-profile{width:36px;height:36px;border-radius:18px;background:linear-gradient(180deg,#2f7ef5,rgba(47,126,245,.07));overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;color:#fff}header .user-util .user-menu .login-user .caret{display:block;width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid #6b7280;opacity:.6}header .user-util .user-menu .user-menu-dim{position:fixed;inset:0;z-index:9}header .user-util .user-menu ul{position:absolute;top:42px;left:0;width:100px;padding:12px 0;background-color:#fff;border-radius:var(--radius-8);box-shadow:0 4px 16px rgba(47,126,245,.1);z-index:10}header .user-util .user-menu ul li a,header .user-util .user-menu ul li button{display:flex;align-items:center;padding:var(--spacing-14);width:100%;background:none;border:none;cursor:pointer;font-family:Pretendard Variable,sans-serif;font-size:15px;font-weight:500;line-height:1;color:var(--text-title);white-space:nowrap}header .user-util .user-menu ul li a:hover,header .user-util .user-menu ul li button:hover{background-color:var(--surface-subtle)}.dim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200}.login-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;width:380px;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-40) var(--spacing-24)}.login-modal .modal-logo{flex-shrink:0;width:50px;height:20px;overflow:hidden}.login-modal h4{width:100%;text-align:center;padding-top:var(--spacing-40);font-size:18px;font-weight:500;line-height:1.5;color:var(--text-title)}.login-modal .social-login-btns{width:100%;display:flex;flex-direction:column;gap:14px;padding-top:var(--spacing-100);padding-bottom:60px}.login-modal .social-login-btns .login-for-google,.login-modal .social-login-btns .login-for-kakao{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:6px;width:100%;cursor:pointer;font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:500;line-height:1;color:var(--text-title);letter-spacing:-.38px;white-space:nowrap;overflow:hidden}.login-modal .social-login-btns .login-for-google{background:#fff;border:1px solid var(--border-base)}.login-modal .social-login-btns .login-for-kakao{background:#fee500;border:none}.login-modal .contact-link{font-size:15px;font-weight:400;line-height:1;color:var(--text-body);text-align:center}.login-modal .btn-close{position:absolute;top:15px;right:15px;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;display:block}