@charset "utf-8";
@import "../fonts/noto-sans-korean-webfont/noto-sans-korean.css";

/* adm nav */
.nav.adm-nav {padding:0;}
.nav.adm-nav .logo {padding:2rem;margin:0;}
.nav.adm-nav .bottom {padding:2rem;}
.nav.adm-nav .nav-wrap .bottom .logout-btn {display:block;width:100%;padding-left: 4.5rem;background:url(../imgs/ic_logout.svg) no-repeat center left 1rem;}
.nav.adm-nav .nav-wrap .bottom .logout-btn:hover {font-weight: var(--weight-bold);cursor: pointer;}

/* 회원관리 */
.adm-user {width:100%;height: 100%;overflow:hidden;padding:2rem;max-width:1400px;margin:0 auto;}
.adm-user .user-sch {display:flex; align-items: center; max-width:620px; position:relative;}
.adm-user .user-sch input {border:1px solid #cecece;border-radius:6px;padding:1rem 2rem;background:transparent;width:100%;padding-right:5rem;}
.adm-user .user-sch input:focus, .adm-user .user-sch input:active {border-color:var(--primary);}
.adm-user .user-sch button {position:absolute;right:0;top:0;width:5rem;height:100%;background:url(../imgs/ic_search_02.svg) no-repeat center;}
.adm-user .user-sch input:focus + button, .adm-user .user-sch input:active + button {background:url(../imgs/ic_search_02_on.svg) no-repeat center;}
.adm-user .user-sch02 {display:flex;align-items: center;gap:2rem;}
.adm-user .user-sch02 select {border:1px solid #cecece;border-radius:6px;padding:0 1rem;height:4rem;background:transparent;width:100%;}
.adm-user .user-sch02 input {border:1px solid #cecece;border-radius:6px;padding:0 1rem;height:4rem;background:transparent;width:100%;}
.adm-user .user-sch02 .date {display:flex;align-items: center;gap:2rem;}
.adm-user .user-sch02 .name input {width:35rem;}
.adm-user .user-sch02 .btns {display: flex;align-items: center;gap: 1rem;}
.adm-user .user-sch02 .btns button {padding:0 2rem;border-radius:0.6rem; height:4rem;}
.adm-user .user-sch02 .btns .reset-btn {background: var(--danger);color: #fff;}
.adm-user .user-sch02 .btns .search-btn {background: var(--primary);color: #fff;}

.adm-user .user-tb {width:100%;height: calc(100% - 8rem);overflow: hidden;display: flex;flex-direction: column;padding-bottom: 30px;}
.adm-user .user-tb .tb-hd {display:flex;align-items:center;justify-content: space-between;padding: 1.6rem 0;}
.adm-user .user-tb .tb-hd .caption {font-size:var(--font-size-md);}
.adm-user .user-tb .tb-hd .caption span {font-weight:var(--weight-semibold);}
.adm-user .user-tb .tb-hd .btns button {padding:0.6rem 1rem; color:#fff;border-radius:6px;font-size:var(--font-size-sm);}
.adm-user .user-tb .tb-hd .btns button:not(last-of-type) {margin-right:0.4rem;}
.adm-user .user-tb .tb-hd .btns a {padding:0.6rem 1rem; color:#fff;border-radius:6px;font-size:var(--font-size-sm);}
.adm-user .user-tb .tb-hd .btns a:not(last-of-type) {margin-right:0.4rem;}
.adm-user .user-tb .tb-hd .btns .danger-btn {background:var(--danger)}
.adm-user .user-tb .tb-hd .btns .dark-btn {background:var(--dark)}
.adm-user .user-tb .tb-hd .btns .dark-gray-btn {background:var(--dark-gray)}
.adm-user .user-tb .tb-hd .btns .primary-btn {background:var(--primary)}
.adm-user .user-tb .tb-area {width:100%;flex: 1 1 auto;overflow-y: auto;overflow-x: hidden;}
.adm-user .user-tb .tb-area .empty-data{background-color: #f0f0fa; width: 100%; padding: 50px 0; text-align: center;}
.tb-adm {width:100%;table-layout: fixed}
.tb-adm {border-collapse: collapse;width: 100%;background-color: #f7f7f7;border-left: 0;border-right: 0;}
.tb-adm .notice-title:hover{font-weight:var(--weight-bold);cursor: pointer;}
.tb-adm th, .tb-adm td {padding: 0.4rem;margin: 0.4rem;text-align: center;color: #333;font-size:var(--font-size-sm);min-width:2rem;}
.tb-adm td {background: #f7f7f7;border-top: 6px solid #fff;}
.tb-adm th {background-color: #f5f3ff;color: var(--primary);font-weight: 500;}
.tb-adm .sticky-hd {position: sticky;top: 0px;}
.tb-adm td button {padding: 0.4rem;margin:0;color:#fff;border:0;border-radius: 4px;font-size:var(--font-size-sm);}
.tb-adm .edit-btn {background:#f8f9fa;background: #88a2ff;}
.tb-adm .delete-btn {background:#f8f9fa;background: var(--danger);}
.tb-adm .restore-btn {background:#f8f9fa;background: var(--info);}
@media screen and (max-width:400px){
    .adm-user .user-tb .tb-hd {flex-direction: column; align-items: flex-start; gap: 0.4rem;}
}
@media screen and (min-width:1023px){
  .adm-user {padding:3rem;}
  .adm-user .user-tb .tb-hd .btns button {padding:1rem 3rem;font-size:var(--font-size-md);}
  .adm-user .user-tb .tb-hd .btns button:not(last-of-type) {margin-right:1rem;}
  .adm-user .user-tb .tb-hd .btns a {padding:1rem 3rem;font-size:var(--font-size-md);}
  .adm-user .user-tb .tb-hd .btns a:not(last-of-type) {margin-right:1rem;}
  .tb-adm th, .tb-adm td  {padding:1rem;font-size:var(--font-size-lg);}
  .tb-adm td button {padding:0.8rem 1rem;min-width:5rem;font-size:var(--font-size-md)}
}

/* 로그인 */
.login-wrap.admin-login {background:linear-gradient(291deg, #77D3CB 0, #5AA9E2 20%, #6585D7 40%, #AE7BE8 60%, #DF8190 80%, #DC4E97 100%);}
.login-wrap.admin-login .login-enter button {background:linear-gradient(291deg, #77D3CB 0, #5AA9E2 20%, #6585D7 40%, #AE7BE8 60%, #DF8190 80%, #DC4E97 100%);}
.login-wrap.admin-login .login-form .row .input-box {position: relative;}
.login-wrap.admin-login .login-form .row .input-box .button-icon {position: absolute; height: 100%; display: flex; align-items: center;}
.login-wrap.admin-login .login-form .row .input-box .password-view {right: 40px}
.login-wrap.admin-login .login-form .row .input-box .password-delete {right: 10px}

.noticeCopy.view .notice-title:hover{cursor: pointer; font-weight:var(--weight-bold);}

.modal .modal-layer .modal-con .modal-input-adm label input:not(input[type="radio"]){background: none;}
.modal .modal-layer .modal-con .modal-input-adm label input:not(input[type="radio"]):disabled { color: #ccc; background:var(--light);}
.modal .modal-layer .modal-con .modal-input-adm label input:not(input[type="radio"]):disabled::placeholder { color: #ccc; background:var(--light);}
.modal .modal-layer .modal-con .modal-input-adm label .primary-btn {padding:0.6rem 1rem; color:#fff;border-radius:6px;font-size:var(--font-size-sm);background:var(--primary);margin-top: 6px;}
@media screen and (min-width: 1023px) {
    .modal .modal-layer .modal-con .modal-input label input:not(input[type="radio"]), .modal .modal-layer .modal-con .modal-input-adm label input:not(input[type="radio"]) {
        background: none;
    }
    .modal .modal-layer .modal-con .modal-input label input:not(input[type="radio"]):disabled, .modal .modal-layer .modal-con .modal-input-adm label input:not(input[type="radio"]):disabled {
        color: #ccc;  background:var(--light);
    }
}

#userInfoModal .input-box {position: relative;width:100%;}
#userInfoModal .input-box .password {width:100%; padding-right: 80px;}
#userInfoModal .input-box .button-icon {position: absolute;height: 100%;display: flex;align-items: center;top:0px;gap: 0 10px;}
#userInfoModal .input-box .button-icon.password-view {right:40px;}
#userInfoModal .input-box .button-icon.password-delete {right:10px;}
#userInfoModal .input-box .button-icon .password-icon {width: 20px;height:100%;display: inline-flex;align-items: center;}
#userInfoModal .input-box .button-icon .password-icon.hide {display:none;}
.mt-10 {margin-top: 10px;}