#loader{z-index:999;border:5px solid #f3f3f3;border-top-color:#d2a362;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes highlightFade{0%{background-color:#e1c196}to{background-color:#0000}}.highlighted{animation:3s forwards highlightFade}body{color:#333;text-align:center;font-family:Nanum Gothic,sans-serif;font-size:10px;font-weight:400;line-height:1.4;overflow:auto}img{display:block}a{text-decoration:none}.inner{width:1200px;max-width:100%;margin:0 auto;position:relative}.btn{color:#fff;cursor:pointer;background-color:#d2a362;border:none;padding:10px 20px}.btn.disabled{cursor:not-allowed;background-color:#ccc}.search{width:200px;padding:10px}.no-scroll{height:100%;overflow:hidden}header{max-width:100%}header .inner h1{text-align:left;padding-top:30px;padding-bottom:20px;font-size:3.6em;font-weight:700}.toolbar{max-width:100%}.toolbar .inner{justify-content:space-between;padding:20px 0;display:flex}.toolbar .inner .toolbar__btn .btn{border-radius:.4em}.toolbar .inner .toolbar__btn .btn:first-child{margin-right:.4em}.staff-list{max-width:100%;display:inline-block}.staff-list .inner{max-width:100%}.staff-list .inner .staff-list__title{border-top:1px solid #ddd;border-bottom:1px solid #ddd;grid-template-columns:.5fr .8fr 1fr 1fr 1fr 1fr;align-items:center;padding:10px 0;font-size:1.6em;font-weight:700;display:grid}.staff-list .inner .staff-list__title span{text-align:center}.staff-list .inner .staff-list__item{margin-bottom:8em}.staff-list .inner .staff-list__item ul li{text-align:center;border-bottom:1px solid #ddd;grid-template-columns:.5fr .8fr 1fr 1fr 1fr 1fr;align-items:center;padding:10px 0;display:grid}.staff-list .inner .staff-list__item ul li .item-image{border-radius:1.6em;width:100%;height:auto}.staff-list .inner .staff-list__item ul li .item-name,.staff-list .inner .staff-list__item ul li .item-email,.staff-list .inner .staff-list__item ul li .item-phone,.staff-list .inner .staff-list__item ul li .item-category{font-size:1.6em}.overlay-register,.overlay-staff{z-index:100;background:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.overlay-register.show,.overlay-staff.show{display:block}.selected-item{background-color:#f0f0f0}.register-modal{z-index:101;text-align:left;background:#fff;flex-direction:column;width:60%;height:100%;transition:right .3s;display:flex;position:fixed;top:0;right:-60%;overflow-y:auto}.register-modal.show{right:0}.register-modal .container{padding:2em}.register-modal .register-modal__title{justify-content:center;align-items:center}.register-modal .register-modal__title h2{font-size:3.2em;font-weight:700}.register-modal .register-modal__sub-title{justify-content:space-between;align-items:center;padding:2em .4em;display:flex}.register-modal .register-modal__sub-title h3{font-size:2.4em;font-weight:700}.register-modal .register-modal__sub-title .btn{border-radius:.4em}.register-modal .register-modal__content{padding:2em 0}.register-modal .register-modal__content .register-modal__input-field #staff-form{flex-direction:column;width:50%;height:auto;padding:1.6em 0;font-size:1.2em;display:flex}.register-modal__content .register-modal__input-field #staff-form input{border:1px solid #e0e0e0;border-radius:.4em;margin-bottom:1.2em;padding:15px;font-size:1.2em}.staff-modal{z-index:101;text-align:left;background:#fff;flex-direction:column;width:60%;height:100%;transition:right .3s;display:flex;position:fixed;top:0;right:-60%;overflow-y:auto}.staff-modal.show{right:0}.staff-modal .container{padding:2em}.staff-modal .staff-modal__title{justify-content:center;align-items:center}.staff-modal .staff-modal__title h2{font-size:3.2em;font-weight:700}.staff-modal .staff-modal__sub-title{justify-content:space-between;align-items:center;padding:2em .4em;display:flex}.staff-modal .staff-modal__sub-title h3{font-size:2.4em;font-weight:700}.staff-modal__sub-title .btn,.change-image-btn{border-radius:.4em}.staff-modal__sub-title .btn.cancel-btn{background-color:#ccc}.change-image-btn{cursor:pointer;border:1px solid #e0e0e0;width:40%;margin-left:0;padding:10px 20px;font-size:1.8em;display:none}.change-image-btn.show{display:block}.divider{border-bottom:1px solid #e0e0e0}.staff-modal .staff-modal__content{padding:2em 0;display:flex}.staff-modal .staff-modal__content .info-image{border-radius:1.6em;flex:0 0 40%;max-width:40%;height:auto}.staff-modal .staff-modal__content .staff-modal__info{flex:1;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr;font-size:1.8em;display:grid}.staff-modal .staff-modal__content .staff-modal__info input[type=text]{justify-content:start;align-items:center;width:100%;padding:.5em 1em;font-size:1em}.staff-modal .staff-modal__content .staff-modal__info .info-name,.staff-modal .staff-modal__content .staff-modal__info .info-email,.staff-modal .staff-modal__content .staff-modal__info .info-phone,.staff-modal .staff-modal__content .staff-modal__info .info-category{border:1px solid #e0e0e0;grid-template-columns:1fr 3fr;margin:0 2em;display:grid}.staff-modal .staff-modal__content .staff-modal__info .info-name__label,.staff-modal .staff-modal__content .staff-modal__info .info-email__label,.staff-modal .staff-modal__content .staff-modal__info .info-phone__label,.staff-modal .staff-modal__content .staff-modal__info .info-category__label{background-color:#f5f5f5;border-right:1px solid #e0e0e0;justify-content:center;align-items:center;padding:1em;font-weight:700;display:flex}.staff-modal .staff-modal__content .staff-modal__info .info-name__content,.staff-modal .staff-modal__content .staff-modal__info .info-email__content,.staff-modal .staff-modal__content .staff-modal__info .info-phone__content,.staff-modal .staff-modal__content .staff-modal__info .info-category__content{justify-content:start;align-items:center;padding:1em;display:flex}#to-top{color:#fff;cursor:pointer;z-index:9;background-color:#d2a362;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:fixed;bottom:30px;right:30px;transform:translate(100px)}@media (width<=768px){body{width:auto;padding:1.6em}.inner{width:auto}.toolbar .inner{flex-direction:column;align-items:flex-start}.toolbar .inner .toolbar__btn{margin-bottom:1.2em}.staff-list{display:block}.staff-list__title span:nth-child(3),.staff-list__title span:nth-child(4),.staff-list__title span:nth-child(5),.staff-list__title span:nth-child(6),.staff-list__title input[type=checkbox]+span{display:none}.staff-list__title{grid-template-columns:1fr 3fr;display:grid}.staff-list__title input[type=checkbox]{order:1}.staff-list__title:before{content:"임직원 정보";order:2;justify-content:center;align-items:center;display:flex}.staff-list .inner .staff-list__title{grid-template-columns:1fr 3fr}.staff-list .inner .staff-list__item .item-image{visibility:hidden;display:none}.staff-modal .staff-modal__content .info-image{visibility:visible;display:block}.staff-list .inner .staff-list__item ul li{grid-template-rows:auto auto auto auto;grid-template-columns:1fr 3fr;gap:8px;width:100%;display:grid}.item-checkbox{grid-area:1/1}.item-name,.item-email,.item-phone,.item-category{grid-column:2;justify-content:center;align-items:center;display:flex}.register-modal,.staff-modal{z-index:101;text-align:left;background:#fff;flex-direction:column;width:80%;height:100%;transition:right .3s;display:flex;position:fixed;top:0;right:-80%;overflow-y:auto}.register-modal .register-modal__content .register-modal__input-field #staff-form{width:100%}.staff-modal .staff-modal__sub-title{flex-direction:column;align-items:start;padding:2em .4em;display:flex}.staff-modal .staff-modal__sub-title h3{margin-bottom:.8em}.staff-modal__sub-title .btn{margin-right:.4em}.change-image-btn{width:100%}.staff-modal .staff-modal__content{flex-direction:column;align-items:stretch;width:100%;display:flex}.staff-modal .staff-modal__content .info-image,.staff-modal .staff-modal__content .staff-modal__info{flex:0 0 100%;max-width:100%}.staff-modal .staff-modal__content .info-image{margin-bottom:2em}.staff-modal .staff-modal__content .staff-modal__info{width:100%;font-size:1.4em}.staff-modal .staff-modal__content .staff-modal__info input[type=text]{width:85%}.staff-modal .staff-modal__content .staff-modal__info .info-name,.staff-modal .staff-modal__content .staff-modal__info .info-email,.staff-modal .staff-modal__content .staff-modal__info .info-phone,.staff-modal .staff-modal__content .staff-modal__info .info-category{margin:0}.staff-modal .staff-modal__content .info-name__label,.staff-modal .staff-modal__content .info-email__label,.staff-modal .staff-modal__content .info-phone__label,.staff-modal .staff-modal__content .info-category__label{white-space:nowrap;min-width:50%}}
/*# sourceMappingURL=index.dc265695.css.map */