@font-face{font-family:'NotoSans';font-style:normal;font-weight:normal;src:url('/font/notokr-regular.eot');src:local(※),url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),url('/font/notokr-regular.woff') format('woff'),url('/font/notokr-regular.ttf') format('truetype');}
/* demilight */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:100;src:url('/font/notokr-demilight.eot');src:local(※),url('/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),url('../font/notokr-demilight.woff') format('woff'),url('/font/notokr-demilight.ttf') format('truetype');}
/* medium */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:500;src:url('/font/notokr-medium.eot');src:local(※),url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),url('/font/notokr-medium.woff') format('woff'),url('/font/notokr-medium.ttf') format('truetype');}
/* bold */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:bold;src:url('/font/notokr-bold.eot');src:local(※),url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),url('/font/notokr-bold.woff') format('woff'),url('/font/notokr-bold.ttf') format('truetype');}
/* black */
@font-face {font-family:'NotoSans';font-style:normal;font-weight:800;src:url('/font/notokr-black.eot');src:local(※),url('/font/notokr-black.eot?#iefix') format('embedded-opentype'),url('/font/notokr-black.woff') format('woff'),url('/font/notokr-black.ttf') format('truetype');}
@font-face {font-family:'OpenSans-Regular';font-style:normal;src:url('/font/OpenSans-Regular.eot');src:local(※),url('/font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Regular.woff') format('woff'),url('/font/OpenSans-Regular.ttf') format('truetype');}
@font-face {font-family:'OpenSans-Semibold';font-style:normal;src:url('/font/OpenSans-Semibold');src:local(※),url('/font/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Semibold.woff') format('woff'),url('/font/OpenSans-Semibold.ttf') format('truetype');}
@font-face {font-family:'OpenSans-Bold';font-style:normal;src:url('/font/OpenSans-Bold');src:local(※),url('/font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),url('/font/OpenSans-Bold.woff') format('woff'),url('/font/OpenSans-Bold.ttf') format('truetype');}


/*-------------------------------------------------------------------*/
.page-body-wrapper {  min-height: calc(100vh - 2.8125rem);  display: -webkit-flex;  display: flex;  -webkit-flex-direction: row;  flex-direction: row;   
  padding-left: 0;  padding-right: 0;  padding-top: 2.8125rem;
}
.page-body-wrapper.full-page-wrapper {  width: 100%;  min-height: 100vh;  padding-top: 0;}
.main { }
.main .navbar-menu-wrapper .current-state {display:block;}
.main .rout {display:none;}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        sidebar
///////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar {
  min-height: calc(100vh - 2.8125rem);  background: #ffffff;  font-weight: 300;  padding:0;  width: 13.125rem;  z-index: 11;
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease;
  box-shadow: 6px 16px 31px -18px #b7bcd1;
  -webkit-box-shadow: 6px 16px 31px -18px #b7bcd1;
  -moz-box-shadow: 6px 16px 31px -18px #b7bcd1;
  -ms-box-shadow: 6px 16px 31px -18px #b7bcd1;
}

.sidebar .profile-box {display:block; position:relative;  text-align:center;  padding:30px 0 0px}
.sidebar .profile-box:before {content:''; position:absolute; left:0; top:0; width:100%; height:70px; background:#6178eb; z-index:-1;}
.sidebar .profile-box .profile-img {display:block; margin:0; padding:0; position:relative; }
.sidebar .profile-box .profile-img img {width:80px; border:5px solid rgba(68,94,222,0.3); border-radius:80px;}
.sidebar .profile-box  .edit {position:absolute; right:40px; top:76px; z-index:55}
.sidebar .profile-box  .edit a { display:block; }
.sidebar .profile-box  .edit i { font-size:20px; color:#40424d; font-family:'xeicon'; }
.sidebar .profile-box h1 { font-size:16px; color:#505158; padding: 10px 0; }
.sidebar .profile-box h1 span { display:inline-block; clear:both;margin:8px 0 0; padding:3px 15px; border-radius:50px; border:1px solid #adb5ed; color:#3652db; font-size:15px; line-height:20px;  letter-spacing:0;}

.sidebar .nav {  overflow: hidden;  flex-wrap: nowrap;  flex-direction: column;  margin-bottom: 60px;}
.sidebar .nav .nav-item {margin:3px 0;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  transition-property: background;  -webkit-transition-property: background;
}

.sidebar .nav .nav-item .collapse {  z-index: 999;}
.sidebar .nav .nav-item.nav-profile .profile-image img {  width: 37px;  height: 37px;}
.sidebar .nav .nav-item.nav-profile .profile-name {  margin-left: .75rem;}
.sidebar .nav .nav-item.nav-profile .profile-name .name {  font-size: 13px;  color: #ffffff;  font-weight: 500;  margin-bottom: 0;}
.sidebar .nav .nav-item.nav-profile .profile-name .designation {  font-size: 11px;  margin-bottom: 0;}
.sidebar .nav .nav-item .nav-link {  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  white-space: nowrap;  padding: 0.625rem 0.85rem 0.625rem 0.85rem;  color: #34374d;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  transition-property: color;
  -webkit-transition-property: color;
  font-weight: 400;
}       
           
.sidebar .nav .nav-item .nav-link i {  color: inherit; }
.sidebar .nav .nav-item .nav-link i.menu-icon {  font-size: 1.325rem;  line-height: 1.3;  margin-top:1px; margin-right: 0.325rem;  color: #81879f; transition: all 0.2s ease-in;}
.sidebar .nav .nav-item .nav-link i.menu-icon:before {  vertical-align: middle;}
.sidebar .nav .nav-item .nav-link i.menu-arrow {  display: inline-block; float:right; vertical-align:middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;  margin-right: 0;  color: #81879f;transition: all 0.2s ease-in;
}
.sidebar .nav .nav-item:hover .nav-link i.menu-icon, .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-icon  { color:#fff;}
.sidebar .nav .nav-item:hover .nav-link i.menu-arrow, .sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow  { color:#fff; }

.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
  content: "\F142";  font-family: "Material Design Icons";  font-style: normal;  display: block;  font-size: 1.125rem; line-height: 1.5em;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.sidebar .nav .nav-item .nav-link .menu-title {  color: inherit;  display: inline-block;  font-size: 0.95rem; font-weight:bold;   line-height: 1;  vertical-align: middle;transition: all 0.2s ease-in; }
.sidebar .nav .nav-item .nav-link:hover .menu-title { padding-left:8px; color:#fff; }
.sidebar .nav .nav-item .nav-link .badge {  font-size: 9px;  margin-left: 10px;  margin-bottom: 0;}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] {  border-radius: 0.405rem;  background: #304aca;color:#fff;}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] i.menu-arrow:before { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.sidebar .nav .nav-item .nav-link[data-toggle="collapse"] i.menu-arrow:before  {  -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.sidebar .nav .nav-item .nav-link[data-toggle="collapse"][aria-expanded="true"] i.menu-arrow:before, .sidebar .nav .nav-item.active .nav-link[data-toggle="collapse"] i.menu-arrow:before {  -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.sidebar .nav .nav-item.active {  border:0px solid #f00}
.sidebar .nav .nav-item.active > .nav-link {  position: relative;border:0px solid #f00; background: #304aca;border-radius: 0.405rem; overflow:hidden;  }
.sidebar .nav .nav-item.active > .nav-link i,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link .menu-arrow {  color: #fff;  font-weight: 500;}


.sidebar .nav:not(.sub-menu) {  margin-top: .3rem; overflow-x:hidden !important;}
.sidebar .nav:not(.sub-menu) > .nav-item {  margin-top: 0;  margin-left: 5px; margin-right:10px; border-radius: 0.405rem; }
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {  margin: 0;}
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {  color: #fff;  background: #304aca;  border-radius: 0.405rem; }
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link[aria-expanded="true"] { border-radius: 0.405rem; color:#fff;  }

.sidebar .nav:not(.sub-menu) > .nav-item:active > .nav-link {  border-radius: 0.405rem;  color:#fff;  background: #304aca; }
.sidebar .nav:not(.sub-menu) > .nav-item:focus > .nav-link {  border-radius: 0.405rem;  background: #304aca;  }

.sidebar .nav.sub-menu {  margin-bottom: 0;  margin-top: 0;  list-style: none;  background: #fff;  padding: 0.25rem 0  0.25rem 1.2rem;  border-radius: 0.405rem;  }
.sidebar .nav.sub-menu .nav-item {  padding: 0;  position: relative; overflow-x:hidden;}
.sidebar .nav.sub-menu .nav-item:before {  content: '';  width: 4px;  height: 4px;  border-radius:50%; background:#a8abbb; position: absolute; left:2px; top: 11px;   }
.sidebar .nav.sub-menu .nav-item .nav-link {  color:#666;  padding: 0.425rem 0.725rem;  position: relative;  font-size: 14px; font-weight:500; letter-spacing:-.04em; line-height: 1;  height: auto;  border-top: 0;  }
.sidebar .nav.sub-menu .nav-item .nav-link:hover {  color: #333 !important; }
.sidebar .nav.sub-menu .nav-item .nav-link.active {  color: #1c37bb !important; font-weight:bold;}
.sidebar .nav.sub-menu .nav-item:hover {  background: transparent;}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Layouts - shrink
///////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar-icon-only .navbar .navbar-brand-wrapper {   width: 55px;  }
.sidebar-icon-only .navbar .navbar-brand-wrapper .brand-logo { display: none;  }
.sidebar-icon-only .navbar .navbar-brand-wrapper .mdi-backburger{  display: none;  }
.sidebar-icon-only .navbar .navbar-brand-wrapper .mdi-forwardburger {display:block; margin-left:-3px;}
.sidebar-icon-only .navbar .navbar-menu-wrapper {    width: calc(100% - 55px);  }
.sidebar-icon-only .sidebar { width: 55px;  }
.sidebar-icon-only .sidebar .profile-box {display:none;}
.sidebar-icon-only .sidebar .nav {    overflow: visible;  padding-top:20px; }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item { margin-left: 7px; position: relative;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link { display: block; padding-left: .5rem; padding-right: .5rem; padding-top: .35rem; padding-bottom: .35rem;  text-align: center;  position: static;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .menu-title,
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .badge, .sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .menu-sub-title {    display: none;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .menu-title { border-radius: 0 0px 0px 0px;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link i.menu-icon { margin-right: 0; margin-left: 0; margin-bottom: 0;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link i.menu-arrow { display: none;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link[aria-expanded] { border-radius: 0.405rem;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link[aria-expanded] .menu-title { border-radius: 0 0px 0 0px;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .profile-name,
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .designation { display: none;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link .profile-image { width: 100%; }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .collapse { display: none; }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .nav-link .menu-title {display: -webkit-flex; display: flex;-webkit-align-items: center; align-items: center;
                                                                                                                            background: #304aca;  padding: 0.5rem 1.4rem;    left: 55px; position: absolute; text-align: left;  top: 0; bottom: 0; width: 190px;
                                                                                                                            z-index: 1;  line-height: 1.8;    box-shadow: 4px 0px 7px 0px rgba(182, 185, 189, 0.25);
}
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .nav-link .menu-title:after {    display: none;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .nav-link:hover .menu-title {    background: #304aca;  }
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .collapse,
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .collapsing {
display: block;    padding: 0 0 0rem 0;    background: #cdcfd5;    border-radius: 0 0 0px 0px;
position: absolute;    left: 55px;    width: 190px;    box-shadow: 4px 4px 7px 0px rgba(182, 185, 189, 0.25);
}

.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .collapse .submenu,
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item.hover-open .collapsing .submenu {    border-radius: 0;  }
.sidebar-icon-only .sidebar .nav.sub-menu {    padding: 0 0 0 1.5rem;    border-radius: 0px 0px 0px 0px;  }
.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {    text-align: left;    padding-left: 20px;  }
.sidebar-icon-only .main-panel {    width: calc(100% - 55px);  }

.sidebar-fixed .sidebar { position: fixed; max-height: auto;  }
.sidebar-fixed .sidebar .nav { max-height: calc(100vh - 55x);  overflow: auto; position: relative;  }
.sidebar-fixed .sidebar .nav.sub-menu {  max-height: none;  }
.sidebar-fixed .main-panel {  margin-left: 13.125rem;  }
.sidebar-fixed.sidebar-icon-only .main-panel {    margin-left: 55px;  }




/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Navbar
///////////////////////////////////////////////////////////////////////////////////////////*/
.navbar {  font-weight: 400;padding: 0 !important; min-width:1700px;  display:block;
   transition: background 0.25s ease;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  /* Navbar color variations */
}

.navbar .navbar-brand-wrapper {  background: #3650d0;  padding: 0.625rem 0.85rem 0.625rem 1.25rem;display: flex; z-index:333;
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease; 
  -ms-transition: width 0.25s ease, background 0.25s ease;
   width: 13.125rem;  height: 2.8125rem;
}

.navbar .navbar-brand-wrapper .navbar-brand {  color: #fff;  font-size: 1.2rem; font-family:'GmarketSans'; font-weight:500;  margin-right: 0;  padding-left: 5px;}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {  display: none;}
.navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {  color: #1b2658;}
.navbar .navbar-brand-wrapper .navbar-brand img {  /*width: calc(95px - 26px);*/   max-width: 100%;  height: 21px;  margin:  0 auto;  vertical-align: middle;}
.navbar .navbar-brand-wrapper  .mdi-forwardburger {display:none;} 
.navbar .navbar-brand-wrapper .navbar-toggler { 
  border: 0;  color: #fff;  font-size: 1.375rem;  padding: 0;border:0px solid #f00; display:inline-block; float:right; 
}


.navbar .navbar-menu-wrapper {position:absolute; top:0; right:0px; z-index:1;
  background: #445ede;
  transition: width 0.25s ease;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -ms-transition: width 0.25s ease;
  color: #707889;  padding-left: 0.85rem;  padding-right: 0;  width: calc(100% - 13.125rem);  height: 2.8125rem;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.07);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-user-icon img {  width: 35px;  height: 35px;}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {  border: none;
  -webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown { 
position: absolute;  font-size: 0.9rem;  margin-top: 0;  right: 0;  left: auto;  padding: 0;  top: 2.8125rem;  border-radius: 4px;
}

/*  head  */
.go-homepage { position:absolute; right:0; top:0;  width:2.8125rem; height:2.8125rem; vertical-align:top;}
.go-homepage a { display:block;background:#394daf;color:#fff; font-size:1.05rem; text-align:center;line-height:2.8125rem;}
.go-homepage a:hover { background:#394daf}

/*  */
.member-state {position:relative; display:inline-block; float:right; margin-right:2.8125rem; margin-top:0;  }
.member-state div {display:inline-block; margin:0; font-size:0.85rem;}
.member-state div i {font-size:1.135rem; color:#fff }
.member-state a {display:block;padding:0 7px;color:#fff;line-height:42px;}

@media screen and (max-width:1680px){
	.member-state div { margin:0 5px; font-size:0.75rem;}
}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       Footer
///////////////////////////////////////////////////////////////////////////////////////////*/
.footer-wrapper {    width: 100%; padding:0 17px 12px; }
.footer-wrapper .footer {  background: #ffffff; border:1px solid #e7eaef; color:#666; text-align:center; padding: 15px 0;  transition: all 0.25s ease;  -moz-transition: all 0.25s ease;  -webkit-transition: all 0.25s ease; 
                                   -ms-transition: all 0.25s ease;  font-size: 0.775rem; letter-spacing:0;  font-weight: 400;  /*border-top: 1px solid rgba(0, 0, 0, 0.06); */ border-radius: 5px;}
.footer-wrapper .footer a {  color: #25378b;  font-size: inherit;}



/* pagination */
.pagination { display:inline-block; width:100%; margin:8px 0 5px; padding:0; height:30px;}
.pagination:after {content:''; clear:both; }
.pagination ul {font-size:0;text-align:center;   }
.pagination li { display:inline-block;}
.pagination li a { display:inline-block; font-size:14px; border:1px solid #dcdde0;  border-left:0; padding:5px 12px;color:#333;background:#fff; vertical-align:middle; transition:300ms ease-out 0ms;}
.pagination li a:hover {background:#016cf6; border:1px solid #016cf6; border-left:0; color:#fff; }
.pagination li a.on { background:#016cf6; border:1px solid #016cf6;border-left:0; color:#fff; }
.pagination li a.off { color:#bfc2ca; }
.pagination li a.on,
.pagination li a.off:hover {color:#fff;}
.pagination li:first-child a{ border-top-left-radius:4px; border-bottom-left-radius:4px; overflow:hidden; margin-left:0;border-left:1px solid #dcdde0; }
.pagination li:last-child a { border-top-right-radius:4px; border-bottom-right-radius:4px; overflow:hidden;  }


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       달력
///////////////////////////////////////////////////////////////////////////////////////////*/
/*
.trans {position:absolute; left:0; top:0;background:transparent !important;}
.trans:focus {background:#fff !important;}
*/
.calendar {width:200px; display:inline-block;margin:0 2px; vertical-align:middle; position:relative; border-radius:4px; }
.calendar:before {content:'\FDFA'; position:absolute; top:7px; right:8px; font-family: 'Material Design Icons'; font-size:22px;  color:rgba(0,0,0,0.7); z-index:5}
.calendar input {width:100%; height:38px; background:transparent;}
.calendar:first-child {margin-left:0}
.inp-time {width:100px; display:inline-block; height:38px; margin:0 2px; vertical-align:middle; position:relative; border-radius:4px; }
.inp-time:before {content:'\F150'; position:absolute; top:5px; right:8px; font-family: 'Material Design Icons'; font-size:18px;  color:rgba(0,0,0,0.8); z-index:5}
.inp-time input {width:100%;  height:38px; background:transparent;}



.helloCalenderDiv {padding:10px 20px 15px;margin-top:30px; background:#fff;border:1px solid #1e295b; border-radius:7px;box-shadow:3px 3px 5px rgba(0,0,0,.10);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.10);z-index:1000;}
.hcTable {width:230px;border-collapse:collapse;}
.hcTitle {padding:0 2.8125rem;}
.hcControlBar {padding:12px 0 !important;}
.hcTable th {padding:2px 0;color:#999;font-weight:normal; font-weight:bold; font-size:14px; font-family:  'NotoSans' ; }
.hcTable td { padding:8px; font-size:13px; text-align:center;font-weight:bold; }
.hcTable tr:hover td {background:none;}
.hcTable tr:hover td.hcControlBar {background:none !important;}
.hcTable .Year    {min-width:65px;width:35%;margin-right:2px;height:30px;background-color:#fff; border:1px solid #999; line-height:30px;font-size:13px;font-weight:bold; border-radius:4px; padding:0 8px; }
.hcTable .Month {min-width:50px;width:30%;margin-right:2px;height:30px;background-color:#fff; border:1px solid #999; line-height:30px;font-size:13px;font-weight:bold;border-radius:4px; padding:0 8px; }
.hcTable .mouseOver { background-color:#eaedf0 !important;  border-radius:5px; cursor:pointer; }
.hcTable .hcSun { color:#FF0000; }
.hcTable .hcSat { color:#1c4fb9; }
.hcTable .selectDay { background-color:#fd4867 !important;color:#fff;overflow:hidden; border-radius:100%;}
.hcTable .selectDay:hover {color:#fff !important}
.hcTable select:focus { border:1px solid #25378b !important;}

.hcPrev {display:inline-block;width:30px;height:30px; position:relative; border-radius:4px; line-height:30px;margin-right:5px;padding:0 6px;border-width:0; color:transparent; font-size:18px; border:1px solid #f0f0f0; background:#fff url(/images/arrow_left.png) no-repeat center ; background-size:15px 15px; 
                -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
.hcPrev:hover { border:1px solid #999}
.hcNext {display:inline-block;width:30px;height:30px; border-radius:4px; line-height:30px;margin-left:5px;padding:0 6px;border-width:0;background:#aaa;font-weight:bold;color:transparent;border:1px solid #f0f0f0;  background:#fff url(/images/arrow_right.png) no-repeat center ; background-size:15px 15px; 
           -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
.hcNext:hover { border:1px solid #999}
.hcToday { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white;color: #6C6C6C;padding-top:4px; }
.hcToday { margin-right:25px; }
.hcTable .noSelect { background-color:#fff; }

.date-picker-wrapper .drp_top-bar .apply-btn:after {content:'저장';position:absolute;right:0;top:0;font-size:14px;font-weight:bold;background-image:none;z-index:1;}



/*이용약관 레이어팝업*/
.container .row .column{display: flex; flex-direction: column; gap: .625rem; padding:0 1.25rem;}
.rule .titlebar-center a{text-align: center; display: block; height: 3.35rem; line-height: 3.35rem; font-size: .875rem; color: #2C2C2C;}
/* 이용약관 */
.joinrule {padding-bottom:3rem; line-height: 1.4;}
.joinrule h3 {padding:1rem 0 1rem;font-weight:bold;font-size:1rem;}
.joinrule p {padding-bottom:1rem;font-size:.9rem;color:#777;}
.joinrule li {position:relative;padding-bottom:.5rem;font-size:.9rem;color:#777;}
.joinrule ul, .joinrule ol {padding-bottom:.5rem;}
.joinrule ul li {padding-left:1rem;}
.joinrule ul li:before {content:'';position:absolute;left:.3rem;top:.6rem;width:5px;height:1px;background:#555;}
.joinrule th, .joinrule td{font-size: .8rem;}
.joinrule th {line-height:1.2rem; background-color:#f1f1f1; color:#212121; font-weight: 500;}
.joinrule td {line-height:1.1rem; border-top:1px solid #ededed; border-right:1px solid #ededed; color: #555555;}
.joinrule td:nth-of-type(4){border-right:0px;}
.joinrule table tbody tr:nth-child(even){background-color:#ffffff;}
.joinrule table tbody td, table tbody th{padding:.5em .4rem .625rem}
.joinrule .agree2_table1 td{width:20%;}
.joinrule .agree2_table1 td:nth-of-type(2){width:30%;}
.joinrule .agree2_table1 td:nth-of-type(3){width:30%;}
.joinrule .agree2_table2 td:nth-of-type(1){width:13%;}
.joinrule .agree2_table2 td:nth-of-type(3){width:16%;}
.joinrule ol{margin-left: 1.25rem;}
.joinrule ul, .joinrule ol, .joinrule ol li{list-style: auto;}
.joinrule ul, .joinrule ol{padding-bottom: .5rem; line-height: 1.6; margin-bottom: 1rem; list-style-position: outside;}
.joinrule li{position: relative; padding-bottom: .5rem; font-size: .9rem;}
.joinrule table tbody, .joinrule table tfoot, .joinrule table thead{border: 1px solid #f1f1f1; background-color: #fefefe;}

::-webkit-scrollbar{opacity: 1 !important; border-radius: 9px;}
::-webkit-scrollbar-thumb{background:#333 !important;}
::-webkit-scrollbar-track {background:transparent;}