@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Thin.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraLight.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--white:#fff;--black:#171717;--gray-2:#fffbeb;--gray-3:#f9fafb;--gray-4:#f3f4f6;--gray-5:#e5e7eb;--gray-6:#99a1af;--gray-7:#4a5565;--gray-8:#6a7282;--gray-9:#191f28;--blue-1:#f6f7fb;--blue-2:#eff6ff;--blue-3:#dff2fe;--blue-8:#3182f6;--blue-9:#155dfc;--red-2:#fef2f2;--red-3:#fecaca;--red-5:#ef4444;--red-6:#e53e3e;--red-7:#fb2c36;--red-8:#dc2626;--red-9:#ca3500;--purple-2:#eef2ff;--purple-5:#615fff;--purple-6:#4f39f6;--yellow-3:#fffbeb;--yellow-4:#fef3c7;--yellow-5:#fbbf24;--yellow-6:#f59e0b;--orange-1:#e17100;--orange-2:#fe9a00;--orange-3:#ffd6a8;--green-1:#ecfdf5;--green-2:#00bc7d;--green-3:#096}body{text-rendering:optimizespeed;-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;font-family:var(--font-family-base);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}input,button,textarea,select{font:inherit;background:0 0;border:none}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none;display:inline-block}.links{text-align:center}.links .link{font-size:12px}.links .link span{vertical-align:top}.links .link+.link:before{content:"";background:var(--gray-5);vertical-align:text-bottom;width:1px;height:16px;margin:0 16px;display:inline-block}.link,.link-back{color:var(--gray-6);text-align:center;font-size:14px;font-weight:700;line-height:20px}.link-back:before{content:"";vertical-align:middle;background:url(/arrow-gray.svg) 50%/16px 16px no-repeat;width:20px;height:20px;margin-right:6px;display:inline-block}.blind{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

.header-container{background:var(--white);box-sizing:border-box;z-index:1000;border-bottom:.8px solid #0000000d;justify-content:space-between;align-items:center;gap:20px;width:100%;height:60px;padding:20px 20px 20px 88px;transition:all .3s;display:flex;position:fixed}.dropdown{position:relative}.dropdown-container{box-sizing:border-box;background-color:#fff;border:.8px solid #0000000d;border-radius:16px;flex-direction:column;align-items:center;display:flex;position:absolute;top:130%}.grouplist-btn{align-items:center;gap:8px;max-width:300px;height:28px;font-size:14px;font-weight:700;display:flex}.grouplist-btn-text{max-width:100%}.grouplist-icon-right{transition:transform .2s}.rotate{transform:rotate(180deg)}.grouplist .dropdown-container{max-height:285px;left:16px}.grouplist .dropdown-items{overflow:hidden auto}.grouplist .dropdown-footer{flex-shrink:0}.grouplist-item{border-bottom:.8px solid #0000000d;width:256px;padding:12px 16px;display:flex}.grouplist-item:hover,.grouplist-footer:hover{background-color:#f9fafb}.grouplist .dropdown-items>div:first-child,.grouplist .dropdown-items>div:first-child .grouplist-item{border-top-left-radius:16px;border-top-right-radius:16px}.grouplist-item-info{gap:0;width:90%;padding:0 12px;font-weight:700;line-height:1.1}.grouplist-item-name{font-size:14px;display:block}.grouplist-item-member{color:#99a1af;font-size:12px}.grouplist-footer{color:#6a7282;border-bottom-right-radius:16px;border-bottom-left-radius:16px;align-items:center;gap:12px;width:256px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.grouplist-footer-icon{background-color:var(--gray-4);border-radius:9999px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.header-right{align-items:center;gap:6px;display:flex}.notice{position:relative}.notice-btn-active{background-color:var(--blue-2)}.notice-icon-active,.notice-btn-active .notice-icon-default{display:none}.notice-btn-active .notice-icon-active{display:inline}.notice-count-badge{min-width:15px;height:15px;color:var(--white);pointer-events:none;background-color:#fb2c36;border-radius:9999px;justify-content:center;align-items:center;padding:0 2px;font-size:8px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.notice .dropdown-container{max-height:380px;position:absolute;right:20%}.notice-header{border-bottom:.8px solid #0000000d;justify-content:space-between;align-items:center;width:340px;padding:14px 20px;display:flex}.notice-header .title{color:#191f28;font-size:14px;font-weight:700}.notice-header .badge{color:#fff;background-color:#ffb900;border-radius:16px;justify-content:center;align-items:center;width:53px;height:19px;font-size:10px;font-weight:700;display:flex}.notice-empty{box-sizing:border-box;text-align:center;color:#99a1af;width:340px;padding:40px 20px;font-size:13px;font-weight:600}.notice-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notice-icon-left{justify-content:center;align-items:center;display:flex}.notice-btn:hover{background-color:#f9fafb}.notice-btn-active:hover{background-color:var(--blue-2)}.notice .dropdown-items{flex-direction:column;width:340px;display:flex;overflow:hidden auto}.notice .dropdown-items:last-child{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.notice-item{border-bottom:.8px solid #0000000d;padding:16px 20px;display:flex}.notice .dropdown-items>div:last-child .notice-item{border-bottom:none}.notice-item:hover{background-color:#f9fafb}.notice-item-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notice-item .request{background-color:#fef3c6}.notice-item .approved{background-color:#d0fae5}.notice-item .reject{background-color:#fee2e2}.notice-item-info{flex-direction:column;flex:1;min-width:0;padding:0 14px;display:flex}.notice-item-title{color:#191f28;max-width:170px;font-size:14px;font-weight:700}.notice-item-content{color:#99a1af;word-break:break-all;overflow-wrap:break-word;max-width:170px;font-size:12px;font-weight:600}.notice-item-time{color:#d1d5dc;font-size:10px;font-weight:600}.btn-primary{width:61px;height:25px;color:var(--white);background-color:#3182f6;border-radius:16px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.user{position:relative}.user-btn{align-items:center;gap:8px;max-width:100px;height:37px;padding:4px;font-size:13px;display:flex}.user-btn-text{text-align:left;max-width:100px}.user .dropdown-container{position:absolute;right:20%}.user .dropdown-header{width:208px}.user-info{flex-direction:column;padding:12px 16px;display:flex}.user-info-name{color:#191f28;font-size:14px;font-weight:700}.user-info-role{color:#99a1af;font-size:12px;font-weight:600}.user .dropdown-items{width:208px}.user-menu{border-top:.8px solid #0000000d;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.user-menu:hover{background-color:#f9fafb}.user .dropdown-items>div:last-child .user-menu{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.user-menu-icon{border-radius:16px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mypage .user-menu-icon{background-color:#eff6ff}.mypage .user-menu-text{color:#191f28}.logout .user-menu-icon{background-color:#fef2f2}.logout .user-menu-text{color:#fb2c36}.user-menu-text{font-size:14px;font-weight:700}strong{font-size:13px;display:block}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ellipsis-2{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (max-width:768px){.header-left{width:60%}.header-right{justify-content:end;width:40%}.grouplist-btn{max-width:100%}.header-right .user{max-width:calc(100% - 36px)}.user-btn,.user-btn-text{max-width:100%}.notice .dropdown-container{align-items:stretch;max-height:calc(100vh - 80px);position:fixed;top:64px;left:12px;right:12px;overflow-y:auto}.notice-header,.notice-empty{width:auto}.notice-item-title,.notice-item-content{max-width:none}}
.sidebar-container{box-sizing:border-box;z-index:2000;background:#fff;border-right:.8px solid #0000000d;flex-direction:column;width:220px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0}.sidebar-container.closed{width:68px}.logo-section{box-sizing:border-box;border-bottom:.8px solid #0000000d;flex-shrink:0;align-items:center;height:60px;padding-left:16px;display:flex}.logo-btn{align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.menu-section{gap:2px;height:100%;padding:12px 8px 16px}.menu{color:#99a1af;box-sizing:border-box;align-items:center;gap:12px;width:203px;height:40px;padding:10px 12px;font-size:14px;font-weight:700;transition:width .3s;display:flex}.menu.closed{width:51px}.menu.active{color:#3182f6;background-color:#ebf3fe;border-radius:16px}.sidebar-toggle{background-color:#fff;border:.8px solid #e5e7eb;border-radius:18px;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:50%;right:-18px;transform:translateY(-50%)}.sidebar-toggle img{width:10px;height:auto;transition:transform .3s}.rotate{transform:rotate(180deg)}@media screen and (max-width:768px){.sidebar-container{box-sizing:border-box;background:0 0;border-right:none;width:auto;height:60px}.sidebar-container.closed{width:auto}.sidebar-container .logo-section{border-bottom:none}.sidebar-container .menu-section,.sidebar-container .sidebar-toggle{display:none}}
.bottom-nav{display:none}@media screen and (max-width:768px){.bottom-nav{background:var(--white);box-sizing:border-box;z-index:1500;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);border-top:.8px solid #0000000d;align-items:stretch;display:flex;position:fixed;bottom:0;left:0}.bottom-nav-item{min-width:0;color:var(--gray-6);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:11px;font-weight:700;display:flex}.bottom-nav-item.active{color:var(--blue-8)}}
.layout{--sidebar-width:220px;box-sizing:border-box;width:100%;min-height:100vh;display:flex}.layout:has(.sidebar-container.closed){--sidebar-width:68px}.layout .header-container{padding-left:calc(var(--sidebar-width) + 20px)}.layout .main-area{min-width:0;margin-left:var(--sidebar-width);box-sizing:border-box;flex-direction:column;flex:1;transition:margin-left .3s;display:flex}.layout .main-area main{box-sizing:border-box;background-color:#f6f7fb;min-width:0;min-height:100vh;padding:84px 72px 32px}.main-area .container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;min-width:0;max-width:860px;margin:0 auto;display:flex}@media screen and (max-width:768px){:is(.layout,.layout:has(.sidebar-container.closed)){--sidebar-width:0px}.layout .main-area{width:100%;min-width:0}.layout .main-area main{width:100%;min-width:0;height:auto;padding:88px 20px calc(88px + env(safe-area-inset-bottom,0px))}.layout .header-container{padding-left:60px}.main-area .container{width:100%;min-width:0}}
.auth-layout{background-color:var(--blue-1);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 0;display:flex}.auth-layout .logo{text-align:center;margin-bottom:24px}.auth-layout .logo img{display:inline-block}.auth-layout .logo-title{color:var(--gray-1);letter-spacing:-.55px;margin-top:12px;font-size:22px;font-style:normal;font-weight:700;line-height:33px}.auth-layout .logo-desc{color:var(--gray-6);margin-top:12px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.auth-layout .card .form-title,.auth-layout .card .links{margin:20px 0}@media screen and (max-width:768px){.auth-layout{background:var(--white);justify-content:flex-start;align-items:center;padding:0}.auth-layout:has(.fixed.buttons){box-sizing:border-box;padding-bottom:100px}.auth-layout-center{justify-content:center}.auth-layout main{width:100%}.auth-layout .logo{display:none}.auth-layout .card{box-shadow:none;box-sizing:border-box;width:100%;min-width:100%}.auth-layout .card .link-back{width:40px;height:40px;padding:0;display:inline-block}.auth-layout .card .link-back:before{background-position:50%;background-size:30px}.auth-layout .card .link-back span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.buttons.fixed{background:var(--white);box-sizing:border-box;width:100%;padding:12px;position:fixed;bottom:0;left:0}}
.Dropdown-module__m4Avdq__active{background-color:#f9fafb}