@import url("//cdn.jsdelivr.net/korean-webfonts/1/corps/google/NotoSansKR/NotoSansKR.css");
@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css");
body,table {
  font-family:'NanumGothic','Open Sans',sans-serif !important;
}
body {
  background:#fff;
  font-size:.8rem;
  overflow:hidden;
}
ul,ol {
  list-style:none;
  margin:0;
  padding:0;
}
p,li,li a {
  color:#495057;
}
a {
  color:#495057;
}
a:hover {
  color:#495057;
}
a,a:focus,a:hover,a:active {
  outline:0 !important;
  text-decoration:none;
}
.navbar {
  padding:0.442rem 0rem;
  height:55px;
  background:#388ed5;
}
.navbar-brand {
    width: 240px;
    text-align: center;
}
.top-bar {
  color:#FFF;
  padding-right:25px;
}
.top-bar li {
  float:left;
  font-size:.72rem;
}
.top-bar li>a {
  color:#fff;
}
.top-bar li>a i {
  margin-right:.35em;
}
.top-bar li>a:hover {
  border-radius:3px;
  background-color:#0083ff;
}
.top-user .dropdown-toggle::after {
  display:none;
}
.top-user .fa-cog {
  font-size:1.8rem;
  color:#fff;
}
#side-wrap {
  height:100vh;
  position:fixed;
  z-index:1029;
  top:0;
  left:0;
  overflow:hidden;
}
#sidebar-wrap {
  width:240px;
  height:100vh;
  padding:80px 15px 10px 15px;
  background:#f5f5f5;
}
#page-wrap {
  margin-left:240px;
  margin-right:0;
  margin-top:0;
  padding-top:55px !important;
}
#page-wrap.toggled {
  margin-left:0px;
}
.page-content {
  padding:8px 20px 24px;
  margin:0;
}
@media (min-width:992px) {
  .menu-hamburger {
    display:none;
  }
  #side-wrap {
    box-shadow:0 2px 1px 0 rgba(60,64,67,.3),0 6px 2px 2px rgba(60,64,67,.15);
  }
}
@media (max-width:991.98px) {
  body {
    min-height:100vh;
    padding-top:55px;
    font-size:.8rem;
    overflow-x:hidden;
    overflow-y:auto;
  }
  .navbar {
    padding:.3rem 1rem;
    height:55px;
  }
  .navbar-brand {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }
  .top-bar {
    display:none;
  }
  .menu-hamburger,.menu-hamburger:focus,.menu-hamburger:active {
    display:block;
    color:#fff;
    border:none;
    outline:none;
    box-shadow:none;
    padding:0px;
    background:rgba(0,0,0,0);
    margin:.7rem 0rem;
  }
  .hamburger {
    padding:0px;
  }
  #adminmenu-toggle .dropdown-menu {
    margin-top:1rem;
  }
  #sidebar-wrap {
    margin-left:-241rem;
    overflow-y:scroll;
  }
  #side-wrap.toggled #sidebar-wrap {
    margin-left:0rem;
  }
  #page-wrap {
    margin-left:0px;
    padding-top:0px !important;
  }
  .page-content {
    padding:8px 7px 14px;
  }
  .footer {
    display:none;
  }
  #sidebar-wrap {
    z-index:1031;
  }
  .layout-expanded .layout-overlay {
    display:block;
  }
  .layout-overlay {
    z-index:1020;
  }
  .layout-overlay {
    position:fixed;
    top:0;
    right:0;
    height:100% !important;
    left:0;
    display:none;
    background:#181C21;
    opacity:.5;
    cursor:pointer;
  }
  .layout-expanded {
    overflow: hidden;
  }
}
/* ÁÂÃø */
.btn-group-write {
  position:relative;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:middle;
  width:100%;
}
.btn-group-write .btn {
  position:relative;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}
.btn-primary {
  background-color:#388ed5;
  border-color:#4d9ad9;
  color:#f7f7f7;
}
.border-light {
  border-color:#ddd!important;
}
.list-item {
  position:relative;
  padding:.5rem;
}
.list-item .btn-receipt {
  height:1.2rem;
  padding:.1rem .2rem;
  float:right;
  background:#fff;
  border:1px solid #c0c0c0;
  border-radius:2px;
  font-size:.68rem;
  letter-spacing:-1px;
  color:#343434;
  line-height:.9rem;
}
.list-item:hover {
  background-color:rgba(0,0,0,0.05);
}
.list-item i {
  color:#707070;
  font-size:.8rem;
  width:1.1rem;
}
.newcount {
  display:inline-block;
  font-family:Tahoma;
  font-weight:bold;
  color:#f43b3b;
  letter-spacing:0;
}
.box-info {
  position:absolute;
  bottom:2.5rem;
  width:100%;
  left:0;
  padding:1rem;
}
@media (max-width:991.98px) {
  .box-info {
    position: relative;
    bottom: 0;
    width: 100%;
    padding: 0;
  }
}
/* ÆäÀÌÁö»ó´Ü */
.page-header {
  margin:12px 0 28px;
}
.page-tit {
  position:relative;
  border-bottom:1px solid #e5e5e5;
  background-color:#f5f5f5;
  min-height:2.5rem;
  line-height:2.5rem;
  padding:0rem 1rem;
  display:block;
  font-size:.72rem;
}
.page-tit .tit-addr {
  position:absolute;
  right:1rem;
  bottom: 0;
}
/* ÇÏ´Ü */
.footer {
  color:#676a6c;
  padding:10px;
  font-size:.7rem;
  background:white;
  border-top:1px solid #b5b5b5;
  text-align:center;
}
.login {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  min-height:100vh;
  padding:0px;
}
.login-header {
  background:#348cd4;
  width:100%;
  padding:.73rem;
}
@media (max-width:767.98px) {
  .xs-hide {
    display:none;
  }
  .xs-show {
    display:block;
  }
  .btn-group.xs-show {
    display:inline-flex;
  }
}
@media (min-width:768px) {
  .xs-show {
    display:none;
  }
}
.loader-wrap {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1041;
  background:#fff;
}
.loader {
  display:block;
  position:relative;
  z-index:1042;
  left:50%;
  top:50%;
  width:5rem;
  height:5rem;
  margin:-2.5rem 0 0 -2.5rem;
}
.loader .spinner-border {
  width:5rem;
  height:5rem;
}
@media (min-width:992px) {
  #page-wrap {
    height:100vh;
    overflow:hidden;
  }
}
.toolbar-left,.table-toolbar-left {
  float:left;
  text-align:left;
}
.toolbar-right,.table-toolbar-right {
  text-align:right;
}
@media (max-width:991.98px) {
  .toolbar-left,.toolbar-right,.table-toolbar-left,.table-toolbar-right {
    text-align:center;
    padding-right:0;
    padding-left:0;
  }
}
.toolbar {
  border-bottom:1px solid #e8e8e9;
  padding:.5rem .8rem;
}
.toolbar .btn-default,.toolbar .btn-default:focus {
  background-color:rgba(0,0,0,0.03);
  color:#495057;
  margin:0;
  font-size:.8rem;
  height: 2.1rem;
  vertical-align:middle;
  border-radius:3px;
  border:1px solid #ccc;
  transition:all 0.25s;
}
@media (max-width:991.98px) {
  .toolbar .btn-default,.toolbar .btn-default:focus {
    font-size:.75rem;
  }
}
.btn-default:hover,.btn-default:active {
  background-color:#428bca !important;
  border-color:rgba(0,0,0,0.07) !important;
  color:#f5f5f5 !important;
}
.toolbar .listcnt {
  display:inline-block;
  padding:.25rem 1.75rem .45rem .75rem;
  font-size:.9rem;
  font-weight:400;
  line-height:1.5;
  color:#495057;
  vertical-align:middle;
  background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
  background-color:#fff;
  border:1px solid #bebebe;
  border-radius:.25rem;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.toolbar .btn-select {
  padding:.45rem .6rem;
}
.dropdown-menu {
  font-size:13px;
  border-radius:3px;
  box-shadow:0 3px 7px rgba(0,0,0,0.3);
  margin:5px 0 0;
}
.toolbar .dropdown-toggle::after {
  display:none;
}
.mail-search {
  width:200px;
  position:absolute;
}
.mail-search input {
  font-size:.75rem;
  padding:.2rem .5rem;
  height:2.1rem;
}
.mail-listcnt {
  display:inline-block;
}
.mail-sort {
  display:inline-block;
}
@media (min-width:992px) {
  .mail-search {
    position:absolute;
    right:10.1rem;
  }
  .mail-listcnt {
    position:absolute;
    right:1rem;
  }
  .mail-sort {
    position:absolute;
    right:5.4rem;
  }
}
@media (max-width:991.98px) {
  .toolbar {
    padding:.5rem .75rem .1rem .75rem;
  }
  .toolbar-left {
    padding:.5rem .5rem 0rem .5rem;
  }
  .toolbar-right {
    border-bottom:1px solid #e8e8e9;
    padding:0rem .75rem .5rem .75rem;
    text-align:right;
  }
}
.list-item .txt {
  font-size:.75rem;
  float:right;
}
.list-item .newnum {
  padding-left:.5rem;
  color:#ff6600;
  font-weight:bold;
}
.list-item .count {
  color:#ff6600;
}
.note-editor {
  border-radius: 0rem;
}

.menubar {
    border-bottom: 1px solid #e8e8e9;
    padding: .5rem .8rem;
}
@media (max-width:991.98px) {
  .menubar .nav-link {
    padding: .5rem;
  }
}
.btn-address {
  border:1px solid #cbcbcb;
  text-align:center;
  background-color:#fff;
  font-size:.7rem;
  line-height:1.25rem;
  border-radius:3px;
}
.btn-address:hover {
  border-color:#a2a2a2;
}
.nav-link.active {
    color: #227ac3;
    font-weight: bold;
}
.addrlist li {
    border-bottom: 1px solid #e9e9e9;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 1rem;
}
.addrlist li:last-child {
    border-bottom: 0px;
}
.addrlist .notaddr {
    height: 10rem;
    text-align: center;
    padding: 4rem 0rem;
}

@media (max-width: 767.98px) {
  .modal-full {
    min-width: 100%;
    margin: 0;
  }
  .modal-dialog-centered.modal-dialog-scrollable {
    justify-content: normal;
  }
  .modal-full .modal-content {
    min-height: 100vh;
    border: 0px;
    border-radius: 0rem;
  }
}