@charset "UTF-8";

.container-member{ width: 100%; min-height: 100vh; padding: 0 0 10% 0; display: flex; justify-content: center; align-items: center;}
.member-warp{width: 100%; max-width: 500px;}

.header{background: var(--dark); padding: 0 20px 0 10px;}
.header .btn-link{ color: var(--white);}
.header .navbar-nav{ display: flex; justify-content: flex-end; align-items: center; width: 100%; color: var(--white); gap: 10px;}
.header .navbar-nav .login-data{color: var(--white); font-size: 14px;}
.header .navbar-nav .login-data .admin-name{font-weight: 600; color: var(--white); cursor: pointer;}
/* .header .navbar-nav .login-data .user-name .user-login-time{} */
.header .navbar-nav .btn-logout{background: var(--white); color: var(--dark); padding: 5px 10px 3px 10px; font-weight: 700; font-size: 12px;}
.header .navbar-nav .btn-logout:hover{color: var(--dark);}

.footer{padding: 0 30px 20px 30px;}

.dropdown-menu.center-list{max-height: 400px; overflow-y: scroll;}

.sb-sidenav .sb-sidenav-menu .nav .nav-link:hover{color: #000;}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.on{color: var(--primary);}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.on .sb-nav-link-icon{color: var(--primary);}

.container-fluid{ padding-top: 30px; padding-right: calc(var(--gutter-x) * 1.5); padding-left: calc(var(--gutter-x) * 1.5);}
.justify-space-between{display: flex; justify-content: space-between; align-items: center; align-self: stretch; width: 100%;}
.justify-align-center{display: flex; justify-content: center; align-items: center;}

.lnb h1{font-size: 36px; font-weight: 700; margin-bottom: 15px;}

.navbar-brand{ background: url(../images/logo.png) no-repeat 0 50%; background-size: 40px; padding-left: 50px; font-size: 26px; font-weight: 700; color: var(--white); letter-spacing: -1.0px;}
.navbar-brand:hover{color: var(--white);}

.cont-option-box{display: flex; align-items: center; justify-content: center; min-height: 75px; padding-top: 4px; padding: 0 10px; margin-bottom: 20px; background: #F4FFF6; border-color: #C3EACA;}
.cont-option-box .btn-outline-primary{background: var(--white);}
.cont-option-box .btn.dropdown-toggle span{display: inline-block; padding-right: 30px;}
.cont-option-box .btn.btn-add{width: 160px; margin-left: 10px;}
.cont-option-box .btn.btn-add span{display: inline-block; padding-left: 10px;}

.form-inline-area .form-check-inline:last-child{margin-right: 0;}
.table-area .table-data-area{margin-bottom: 10px;}
.table-area .table tr th{background: var(--gray-100); padding: 0.6rem 0.5rem;}
.table-area .table tr th,
.table-area .table tr td{text-align: center;}

.modal .modal-header{padding: 15px 20px 10px 20px;}
.modal .modal-body{padding: 30px 30px 30px 30px;}
.modal .modal-header .modal-title{font-size: 26px; font-weight: 700;}
.modal .modal-footer .btn{min-width: 100px;}

.mark-ess::after{content: '*'; color: #ff0000; font-style: normal; padding-left: 5px;}

.pagin-area{ margin-top: 50px; display: flex; align-items: center; justify-content: center;}
.pagin-area .pagination li a{display: block; background: #f4f4f4; border-radius: 4px; margin: 0 5px; padding: 7px 15px; min-width: 20px; color: #1E1E1E;}
.pagin-area .pagination li.active a{background: var(--primary); color: #fff; font-weight: 700;}
.pagin-area .pagination li:hover a{color:var(--primary);}
.pagin-area .pagination li:hover.active a{ color: #fff; }

.btn.btn-listin{padding: 2px 10px 2px 10px; position: relative; top: -2px; margin-left: 10px; font-size: 14px; font-weight: 500;}
.btn-list-del{cursor: pointer;}
.btn-list-del.grey{color:grey; cursor: none; pointer-events: none; /* Disable click */ opacity: 0.6;}