.wrap{position:relative;display:grid;height:max-content;min-height:100vh;grid-template:1fr min-content/min-content 1fr;grid-auto-flow:row}.wrap .nav{position:relative;width:100%;background-color:var(--color-white);border-right:1px solid var(--color-border-color);grid-column:1;grid-row:1/3;z-index:1;padding:1.6rem;transition:width .3s linear;width:17.1rem}.wrap .nav__wrap{position:fixed}.wrap .nav__inner{margin-top:10.3vh}.wrap .nav__list--active a{background-color:var(--color-blue50);font-weight:700}.wrap .nav__list--active a.nav__dashboard{background-image:url(/asset/ic_dashboard_blue.png)}.wrap .nav__list--active a.nav__employee{background-image:url(/asset/ic_employee_blue.png)}.wrap .nav__list--active a.nav__grade{background-image:url(/asset/ic_grade_blue.png)}.wrap .nav__list--active a span{color:var(--color-gray900)}.wrap .nav__list a{display:flex;align-items:center;width:13.8rem;padding:0 .8rem 0 3.3rem;height:3.2rem;font-size:1rem;color:var(--color-gray400);border-radius:.5rem;transition:width .3s linear}.wrap .nav__list a:hover.nav__dashboard{background-image:url(/asset/ic_dashboard_blue.png)}.wrap .nav__list a:hover.nav__employee{background-image:url(/asset/ic_employee_blue.png)}.wrap .nav__list a:hover.nav__grade{background-image:url(/asset/ic_grade_blue.png)}.wrap .nav__list a:hover span{color:var(--color-blue400);font-weight:500}.wrap .nav__list img{margin-right:.8rem}.wrap .nav__list span{overflow:hidden;white-space:nowrap}.wrap .nav__dashboard{background-image:url(/asset/ic_dashboard_gray.png);background-repeat:no-repeat;background-position:left .8rem center}.wrap .nav__employee{background-image:url(/asset/ic_employee_gray.png);background-repeat:no-repeat;background-position:left .8rem center}.wrap .nav__grade{background-image:url(/asset/ic_grade_gray.png);background-repeat:no-repeat;background-position:left .8rem center}.wrap .nav__head{padding:.8rem 0;display:grid;grid-template-columns:1fr 1.6rem;align-items:center}.wrap .nav__control a{display:flex;align-items:center;justify-content:center;height:2.2rem;width:2.2rem;border-radius:.5rem;grid-column:2;cursor:pointer;background-color:var(--color-gray50)}.wrap .nav.close{width:6.75rem}.wrap .nav.close .nav__head{grid-template-columns:1fr 0;transform:translate(0.2rem)}.wrap .nav.close .nav__list a{width:3.2rem;padding:0 .8rem}.wrap .nav.close .nav__list a span{display:none}.wrap .nav.close .nav__control a{width:2.8rem;height:auto;border-radius:0 .5rem .5rem 0;transform:translate(1.65rem);background:var(--color-white);padding:.8rem;border-top:1px solid var(--color-border-color);border-right:1px solid var(--color-border-color);border-bottom:1px solid var(--color-border-color)}.wrap .nav.close .nav__control a svg{transform:rotate(180deg)}.wrap .container{position:relative;width:100%;margin:0 auto;grid-row:1;grid-column:2;display:grid;grid-template-rows:4.7rem 1fr;grid-auto-flow:column;row-gap:24px;background-color:var(--color-background)}.wrap .container__wrap{position:relative;width:100%;max-width:1340px;margin:0 auto;padding:0 3.2rem 5.6rem;z-index:0}.wrap .container__title{margin-bottom:2.5rem}.wrap .container__title h2{font-size:2.4rem;font-weight:700}.wrap .container__content{background-color:var(--color-white);box-shadow:.25rem .8rem 2.6rem rgba(0,0,0,.1019607843);border-radius:1rem;padding:2rem;position:relative}.wrap .container__content#notice-area{margin-top:2rem}.wrap .container__content#notice-area .notice-list{width:100%;padding:1.5rem;background-color:#f8fafb;border:1px solid var(--color-border-color);border-radius:.5rem;margin-bottom:.5rem}.wrap .container__content#notice-area .notice-list span{font-size:1rem;color:var(--color-gray500);line-height:1.2rem;float:right}.wrap .container__subtitle{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.wrap .container__head{margin:0 0 2rem;display:flex;justify-content:space-between;gap:.8rem}.wrap .container__head .head-inner{display:flex;gap:.8rem}.wrap .header__menu{display:none}.wrap .header__logo{display:none}.wrap .header__wrap{display:flex;width:calc(100% - 6.4rem);max-width:1340px;height:3rem;margin:1.7rem auto 0;justify-content:end;z-index:1;grid-row:1;user-select:none}.wrap .header__list{margin-left:1rem}.wrap .header__notice{position:relative;width:2.9rem;height:2.9rem;padding:.6rem;background-color:var(--color-white);border-radius:2.9rem;cursor:pointer}.wrap .header__alert{text-align:center;position:absolute;width:1.3rem;height:1.3rem;display:inline-flex;align-items:center;justify-content:center;top:0;right:.25rem;background-color:var(--color-danger);border-radius:1.3rem;font-size:.75rem;font-weight:800;color:var(--color-white)}.wrap .footer{position:relative;width:100%;grid-column:2;grid-row:2;color:var(--color-text-dark);background-color:var(--color-white);border-top:1px solid var(--color-border-color);padding:2.7rem}.wrap .footer__description{margin-bottom:1rem;font-size:.9rem;color:var(--color-gray500);line-height:1.5}.wrap .footer__copyright{font-size:.9rem;color:var(--color-gray700);line-height:1}.wrap .footer__copyright strong{font-weight:700}.checkbox{display:flex;justify-content:center;align-items:center}.checkbox input{display:none}.checkbox label{display:inline-flex;align-items:center;font-size:0}.checkbox span{content:"";display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:2px;border:1px solid var(--color-gray400);cursor:pointer;background-color:var(--color-white)}.checkbox:hover span{border-color:var(--color-blue100)}.checkbox--checked span{background-color:var(--color-blue400);border:0;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"m11.06 15.46 5.4-5.4a.65.65 0 1 0-.919-.919l-4.941 4.94-2.818-2.818a.65.65 0 1 0-.919.919l3.278 3.278a.651.651 0 0 0 .919 0\" style=\"fill:%23ffffff\"/></svg>");background-position:50% 50%}.link{color:var(--color-gray900)}.link:hover{text-decoration:underline}.scrolltop{position:absolute;top:0;right:0;width:3.7rem;margin:0 1rem 1rem;transition:transform 300ms ease-out 0s}.scrolltop__button{width:3.7rem;height:3.7rem;border:0;border-radius:1rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1607843137);cursor:pointer;padding:1rem;background:rgba(255,255,255,.5)}.dropdown__container{position:relative}.dropdown__wrap::-webkit-scrollbar{width:8px;border-radius:4px;background:rgba(0,0,0,.1);padding:0 1px}.dropdown__wrap::-webkit-scrollbar-button{display:none}.dropdown__wrap::-webkit-scrollbar-thumb{border-radius:3px;width:6px;background-color:rgba(0,0,0,.2)}.dropdown--open.dropdown--account .dropdown__display{background-color:var(--color-gray200)}.dropdown--open.dropdown--account .dropdown__wrap{display:list-item}.dropdown--open.dropdown--sort .dropdown__display{border-color:var(--color-blue400) !important;border-width:2px;padding:13px}.dropdown--open.dropdown--sort .dropdown__wrap{display:block}.dropdown--account .dropdown__display{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;width:auto;max-width:21.5rem;height:auto;padding:.7rem 1.2rem .7rem 1.8rem;align-items:center;border-radius:2rem;background-color:var(--color-white);font-size:1rem;color:var(--color-gray900);word-break:break-all;cursor:pointer}.dropdown--account .dropdown__display span{grid-column:1;grid-row:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown--account .dropdown__display svg{grid-column:2;grid-row:1}.dropdown--account .dropdown__wrap{position:absolute;display:none;width:11.2rem;height:auto;right:0;font-size:1rem;font-weight:500;text-decoration:none;line-height:1;list-style:none;margin-top:.5rem;border-radius:.6rem;box-shadow:0 .3rem 1rem rgba(0,0,0,.1019607843);border:solid 1px var(--color-gray200);background-color:var(--color-white);color:var(--color-gray900);z-index:1}.dropdown--account .dropdown__inner{height:100%;padding:.6rem 0;font-size:1rem;font-weight:500}.dropdown--account .dropdown__list{display:flex;height:2.5rem;align-items:center;padding:.6rem 1.3rem;cursor:pointer;justify-content:space-between}.dropdown--sort .dropdown__container{width:13rem}.dropdown--sort .dropdown__display{display:flex;height:3.2rem;padding:14px;align-items:center;border-radius:.5rem;cursor:pointer;flex-direction:row;border:1px solid var(--color-border-color)}.dropdown--sort .dropdown__display:hover{border-color:var(--color-blue100);border-width:2px;padding:13px}.dropdown--sort .dropdown__display[data-id=open]{border-color:var(--color-blue400);border-width:2px;padding:13px}.dropdown--sort .dropdown__display span{flex:1 1;font-size:1rem;font-weight:500;color:var(--color-gray900);border:0;padding:0;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--color-white)}.dropdown--sort .dropdown__display svg{justify-self:flex-end}.dropdown--sort .dropdown__wrap{border-radius:.5rem;border:solid 1px var(--color-gray200);padding:.5rem 0;position:absolute;z-index:1;width:max-content;top:100%;min-width:100%;margin-top:2px;background-color:var(--color-white);max-height:30em;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.1);display:none}.dropdown--sort .dropdown__list a{display:block;border-radius:8px;padding:12px;margin:0 8px;cursor:pointer;font-size:15px;font-weight:500;color:var(--theme-gray900)}.dropdown--sort .dropdown__list a[data-id=select]{background-color:var(--color-gray200)}.dropdown--sort .dropdown__list a:hover{background-color:var(--color-gray50)}.button{width:min-content;max-width:100%;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:normal;white-space:nowrap;cursor:pointer;border:1px solid var(--color-border-color)}.button__wrap{position:relative;z-index:1;display:flex;gap:.5rem;justify-content:center;padding-top:1.5rem}.button--lg{height:3.2rem;padding:1rem 1.6rem;border-radius:.5rem}.button--blue400{background:var(--color-blue400);border-color:var(--color-blue400);color:var(--color-white)}.button--blue400:hover{background:var(--color-blue600);border-color:var(--color-blue600)}.button--gray800{background:var(--color-gray800);border-color:var(--color-gray800);color:var(--color-white)}.button--gray800:hover{background:var(--color-gray900);border-color:var(--color-gray900)}.button--gray200{background:var(--color-gray200);border-color:var(--color-gray200);color:var(--color-gray900)}.button--gray200:hover{background:var(--color-gray300);border-color:var(--color-gray300)}.button--white{background:var(--color-white);border-color:var(--color-border-color);color:var(--color-gray900)}.button--white:hover{background:var(--color-blue50)}.default-input{display:flex;gap:.8rem}.default-input__container{display:flex;align-items:center;flex-direction:row;background:var(--color-gray50);border:1px solid var(--color-border-color);border-radius:.5rem;padding:14px;font-size:1rem;height:3.2rem}.default-input__container:hover{border-color:var(--color-blue100);border-width:2px;padding:13px}.default-input__container--focus{border-color:var(--color-blue400) !important;border-width:2px;padding:13px}.default-input__container input{flex:1 1;border:0;padding:0;width:100%;background:rgba(0,0,0,0);font-size:1rem;line-height:normal;letter-spacing:normal;color:var(--color-gray900);text-align:left}.default-input__container input::placeholder{color:var(--color-gray500)}.table{width:100%;border-collapse:collapse}.table thead{border-bottom:1px solid var(--color-border-color);background-color:var(--color-gray50)}.table thead th{font-size:.9rem;line-height:1.85;color:var(--color-gray500);min-height:2.8rem;padding:.6rem 1rem;text-align:center;font-weight:700;vertical-align:middle}.table tbody tr{border-bottom:1px solid var(--color-border-color)}.table tbody td{font-size:1rem;line-height:1.6;color:var(--color-gray800);text-align:center;min-height:2.8rem;padding:.6rem 1rem;word-break:break-all;vertical-align:middle}.photo-wrap{width:3.5rem;height:3.5rem;overflow:hidden;border-radius:3.5rem;margin:0 auto;box-shadow:0 0 .7rem rgba(0,0,0,.1019607843);background-position:center center;background-repeat:no-repeat;background-size:cover}.pagination{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(1.8rem, max-content);column-gap:.5rem;justify-content:center;margin-top:2rem}.pagination__list{display:flex;gap:.2rem}.pagination__item{width:2rem;height:2rem;padding:1px;border-radius:.3rem;border:1px solid var(--color-border-color);background-color:var(--color-white);font-size:.9rem;font-weight:600;color:var(--color-gray900);cursor:pointer}.pagination__item:disabled{background-color:var(--color-gray100);pointer-events:none}.pagination__item:hover{background-color:var(--color-blue50)}.pagination__item--selected{border:0;background-color:var(--color-blue400) !important;color:var(--color-white)}.add-box{display:flex;width:50%;padding:.7rem 1rem}.add-box:last-child{width:100%}.add-box__wrap{display:flex;flex-wrap:wrap}.add-box__title{color:var(--color-gray600);font-weight:600;line-height:2rem;flex:0 1 10rem}.add-box__input{width:calc(100% - 10rem)}.add-box__input p{color:var(--color-gray500);font-size:.9rem;margin-top:.4rem;line-height:1.5rem;word-break:keep-all}.add-box__input .img-label{display:flex;justify-content:center;align-items:center;width:25rem;height:25rem;background-color:#f8fafb;border:1px solid var(--color-border-color);border-radius:.5rem;overflow:hidden;cursor:pointer}.add-box__input .img-label #employee-img{display:none}.add-box__input #employee-preview{width:25rem;height:25rem;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;overflow:hidden;cursor:pointer;background-color:#f8fafb}.add-box__input #employee-preview .upload-clear{display:none;background-color:rgba(0,0,0,.8);border:none;width:100%;height:100%;cursor:pointer}.add-box__input #employee-preview:hover .upload-clear{display:block}.wrap .container--login{grid-template-rows:auto}.wrap .container--login .container__wrap{display:flex;justify-content:center;padding:3.2rem 0;align-items:center}.wrap .container__login{width:25rem;background-color:var(--color-white);box-shadow:.25rem .8rem 2.6rem rgba(0,0,0,0.1019607843);border-radius:1rem;padding:2rem;position:relative;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.wrap .container__login .login__header{text-align:center}.wrap .container__login .login__header strong{font-size:1.8rem;font-weight:700;display:block;margin-top:2vh}.wrap .container__login .login__header p{font-size:1rem;color:var(--color-gray700);margin-top:.5rem}.wrap .container__login .login__content{width:100%;margin-top:3vh}.wrap .container__login .login__content .default-input__container{margin-top:.3rem}.wrap .container__login .login__content .button{width:100%;display:block;text-align:center;margin-top:.3rem}.wrap .container__login .login__content .join-box{margin-top:3vh;padding-top:2.5vh;border-top:1px solid var(--color-border-color)}.wrap .container__login .login__content .join-box strong{display:block;color:var(--color-gray700);font-size:1rem;text-align:center;margin-bottom:1rem}.info__base{display:flex;justify-content:space-between;align-items:center}.info__base strong{font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.info__base p{font-size:1rem;color:var(--color-gray500);margin-top:.5rem}.info__box{width:100%;border:1px solid var(--color-border-color);background-color:#f8fafb;border-radius:.5rem;display:flex;margin-top:1rem}.info__list{width:33.33%;border-right:1px solid var(--color-border-color);padding:2rem 2rem 1.8rem 2rem}.info__list:last-child{border-right:none;position:relative}.info__list:last-child p{position:absolute;top:3rem}.info__list strong{font-size:1.05rem;font-weight:700;display:block;margin-bottom:.4rem}.info__list p{font-size:1rem;color:var(--color-gray500);line-height:1.2rem}.info__list p span{display:inline-block;width:1.4rem;height:1.4rem;border-radius:1rem;transform:translateY(0.25rem);margin-left:.3rem;background-position:center center}.info__list p span.email-incomplete{background-color:var(--color-danger);background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23px\" height=\"23px\"><path d=\"M 4.9902344 3.9902344 A 1.0001 1.0001 0 0 0 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 A 1.0001 1.0001 0 1 0 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 A 1.0001 1.0001 0 1 0 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 A 1.0001 1.0001 0 0 0 18.980469 3.9902344 A 1.0001 1.0001 0 0 0 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 A 1.0001 1.0001 0 0 0 4.9902344 3.9902344 z\" style=\"fill:%23ffffff\"/></svg>");background-size:70%}.info__list p span.email-complete{background-color:var(--color-blue400);background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"><path d=\"m11.06 15.46 5.4-5.4a.65.65 0 1 0-.919-.919l-4.941 4.94-2.818-2.818a.65.65 0 1 0-.919.919l3.278 3.278a.651.651 0 0 0 .919 0\" style=\"fill:%23ffffff\"/></svg>")}#loading{position:fixed;left:0;top:0;z-index:2;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.dot-spinner{--uib-size: 2.8rem;--uib-speed: 0.9s;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot::before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--color-blue400);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed)*1.111) ease-in-out infinite;box-shadow:0 0 20px rgba(18,31,53,.3)}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2)::before{animation-delay:calc(var(--uib-speed)*-0.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3)::before{animation-delay:calc(var(--uib-speed)*-0.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4)::before{animation-delay:calc(var(--uib-speed)*-0.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5)::before{animation-delay:calc(var(--uib-speed)*-0.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6)::before{animation-delay:calc(var(--uib-speed)*-0.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7)::before{animation-delay:calc(var(--uib-speed)*-0.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8)::before{animation-delay:calc(var(--uib-speed)*-0.125)}@keyframes pulse0112{0%,100%{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}
@media(max-width: 1199px){html{font-size:14px}.wrap .container .header__wrap{position:relative}.wrap .container .header__logo{display:block;position:absolute;left:50%;transform:translateX(-50%)}.wrap .container .header__menu{display:block;position:absolute;left:0;width:2.9rem;height:2.9rem;padding:.6rem;background-color:var(--color-white);border-radius:2.9rem}.wrap .container .header__menu svg{transform:rotate(180deg)}.wrap .container__head{flex-direction:column;gap:1.6rem;margin:1.5rem 0 .8rem}.wrap .container__head .head-inner--right{justify-content:end}.wrap .container__head .search{width:100%}.wrap .container__head .search__container{width:100%}.wrap .nav.mobile{position:fixed;height:100vh;width:auto;z-index:2}.wrap .nav.mobile .nav__wrap{position:relative}.wrap .nav.mobile.close{display:none}.wrap .nav.mobile.close .nav__control a{display:none}.wrap .nav.mobile.close .nav__list a{width:3.5rem}.table .phone{display:none}}

/*# sourceMappingURL=styles.css.map*/