@keyframes dropdownAnimation {
    from {  opacity: 0; transform: translate3d(0, 10px, 0);  }
        to {  opacity: 1; transform: none; transform: translate3d(0, 0px, 0);  }
}


/*.container-scroller {  overflow: hidden;  min-width:1800px; overflow:auto; }*/
.main-panel {  transition: width 0.25s ease, margin 0.25s ease;  width: calc(100% - 180px);   min-height: calc(100vh - 45px); display: inline-block; float:left; }
.content-wrapper {  padding: .65rem .65rem .65rem; display:block; width: 1500px;  border:0px solid #f00; }

.container {  width: 100%;  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
.container-fluid {  width: 100%;  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}

.cont-row {  display: block; width:100%; background:transparent; font-size:0;}

@media screen and ( max-width:1280px ) {
body {   min-width: 1280px;  overflow-x:scroll; }

}
.margin0 {margin:0 !important;}

/*-------------------------------------------------------------------*/
.page-body-wrapper {padding:0;}
.page-body-wrapper.full-page-wrapper {  width:100%;min-height:100%;padding-top:0;}
.main .navbar-menu-wrapper .current-state {display:block;}
.main .rout {display:none;}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        sidebar
///////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar_wrap {height:100%;font-weight:300;}
.sidebar {position:fixed; min-height: calc(100vh - 0px); background: #383962;  font-weight: 300;  padding:0; padding-top:40px; width: 180px; border-right:0px solid rgba(255,255,255,0.1);  z-index: 11;
  
}


.sidebar .nav {  overflow: hidden;  flex-wrap: nowrap;  flex-direction: column;  margin-bottom: 60px; padding:15px 0 0 4px;}
.sidebar .nav .nav-item {margin:3px 0; transition-property: background;  -webkit-transition-property: background; list-style:none; }

.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 { padding: 0.5rem;color:rgba(255,255,255, .7);  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  white-space: nowrap; transition-property: color;-webkit-transition-property: color;font-weight: 400; border-radius: 0.25rem;transition: all 0.4s ease-in; }       
          
.sidebar .nav .nav-item .nav-link i {  color: inherit; font-style:normal;}
.sidebar .nav .nav-item .nav-link i.menu-icon {  font-size: 1.125rem;  line-height: 1.4em;  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: top; font-family:"Material Design Icons"; color:rgba(255,255,255,0.7)}
.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 .nav-link i.menu-icon.m00:before { content:"\F2DC" ;}
.sidebar .nav .nav-item .nav-link i.menu-icon.m01:before { content:"\F10B";}
.sidebar .nav .nav-item .nav-link i.menu-icon.m02:before { content:"\FBBE";}
.sidebar .nav .nav-item .nav-link i.menu-icon.m03:before { content:"\F14D"}
.sidebar .nav .nav-item .nav-link i.menu-icon.m04:before { content:"\F185";}
.sidebar .nav .nav-item .nav-link i.menu-icon.m05:before { content:"\F1C4";}
.sidebar .nav .nav-item .nav-link i.menu-icon.m06:before { content:"\FEAE";}


/*
.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; transform:rotate(90deg); font-size: 1.125rem; line-height: 1.2em;}

.sidebar .nav .nav-item .nav-link .menu-title {  color: inherit;  display: inline-block;  font-size: 0.85rem; font-weight:bold;   line-height: 1;  vertical-align: middle;}
.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"] 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-radius: 0.25rem; background:rgba(255,255,255,0.05) }
.sidebar .nav .nav-item.active > .nav-link {  position: relative; background: var(--color-default);  border-radius: 0.25rem; overflow:hidden; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.07);}
.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 .nav-item .nav-link:hover .menu-title {margin-left:4px; }
.sidebar .nav .nav-item.active .nav-link:hover .menu-title {margin-left:0px;}

.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;  }
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {  margin: 0;}
/*
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link { color: #fff;  background: var(--color-default); border-radius: 0.25rem; }
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link[aria-expanded="true"] { color: #34374d; border-radius: 0.25rem; }
.sidebar .nav:not(.sub-menu) > .nav-item:active > .nav-link {  color: #fff;  background: var(--color-default); border-radius: 0.25rem; }
.sidebar .nav:not(.sub-menu) > .nav-item:focus > .nav-link {  color: #fff;  background: var(--color-default); border-radius: 0.25rem; }
*/

.sidebar .nav.sub-menu { display:flex; margin-bottom: 0; list-style: none; background: transparent; padding: 0.65rem 0.15rem 1rem 0.8rem; border-radius: 0.25rem; transition: .400s; }
.sidebar .nav.sub-menu .nav-item {  padding: 0;  margin:0; position: relative; overflow-x:hidden;}
.sidebar .nav.sub-menu .nav-item .nav-link {  color:#bfc5d6;  padding: 0.465rem 0.985rem;  position: relative;  font-size: 13px; font-weight:600; letter-spacing:-.04em; line-height: 1;  height: auto; border-radius:0 !important;  border-top: 0;   }
.sidebar .nav.sub-menu .nav-item .nav-link:before {  content: '';  width: 3px;  height: 3px;  border-radius:50%; background:#a8abbb; position: absolute; left:8px; top: 12px;   }
.sidebar .nav.sub-menu .nav-item .nav-link.depth3 {    padding: 0.465rem 0 0.465rem 1.65rem !important;  }
.sidebar .nav.sub-menu .nav-item .nav-link.depth3:before {  content: '';  width: 5px;  height: 1px;  border-radius:50%; background:#a8abbb; position: absolute; left:15px; top: 13px;   }
.sidebar .nav.sub-menu .nav-item .nav-link.active.depth3:before { color:#fff600;}

.sidebar .nav.sub-menu .nav-item a.nav-link:hover:before { background-color:#fff}
.sidebar .nav.sub-menu .nav-item a.nav-link:hover {  color: #fff ; }
.sidebar .nav.sub-menu .nav-item .nav-link.active {  color: #fff600; font-weight:bold; background-color:transparent !important; }
.sidebar .nav.sub-menu .nav-item span.nav-link.active {  color: #fff600 !important; font-weight:bold; background-color:transparent !important; border:1px solid #f00 }
.sidebar .nav.sub-menu .nav-item .nav-link.active:before {background-color:#fff}
.sidebar .nav .nav-item.active .nav-link i.menu-arrow:before {transform:rotate(-90deg);}
.sidebar .nav.sub-menu .nav-item:hover { background: transparent; }
.sidebar .nav.sub-menu .nav-item ul {padding:5px 0 5px 15px;}
.sidebar .nav.sub-menu .nav-item ul .nav-link {font-size:13px;}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Layouts 
///////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar-icon-only .navbar .navbar-brand-wrapper {   width:40px;}
.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:-5px;}
.sidebar-icon-only .navbar .navbar-menu-wrapper {width:calc(100% - 40px);}
.sidebar-icon-only .sidebar { width:40px;}
.sidebar-icon-only .sidebar .nav {overflow:visible;}
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item {position:relative;margin-left:1px; margin-right:6px; margin-top:3px; margin-bottom:3px;}
.sidebar-icon-only .sidebar .nav:not(.sub-menu) .nav-item .nav-link {display:block; padding:3px 3px;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:7px;}
.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:#3b9ced;padding:0.5rem 1.4rem;left:40px;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:#3b9ced;}
.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:40px;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-item .nav {display:none !important;}
.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% - 40px);}

.sidebar {max-height:auto;}
.sidebar .nav {/*max-height:calc(100vh - 50px);overflow:auto;*/position:relative;}
.sidebar .nav.sub-menu {max-height:none;}
.main-panel {margin-left:180px; padding-top:40px;}
.sidebar-icon-only .main-panel {margin-left:40px;}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Navbar
///////////////////////////////////////////////////////////////////////////////////////////*/
.navbar_wrap {height:45px;}
.navbar {min-width:1120px;font-weight:400;padding:0 !important; 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 {     border-right:0px solid #eee; border-bottom:1px solid rgba(255,255,255,0.15); width:180px;height:40px; padding:0.5rem .85rem 0.5rem 1.0rem;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;}

.navbar .navbar-brand-wrapper .navbar-brand {  color:#27367f;font-size:1.5rem;margin-right:0;padding:0;}
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {  display:none;}
.navbar .navbar-brand-wrapper .brand-logo {display:inline-block; width:160px;  background:url('/images/inc/logo_w.svg?ver=1') no-repeat left  ; background-size:auto 100%; text-indent:-9999px; overflow:hidden;  }
.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(180px - 90px); max-width:100%;height:30px;margin: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; margin-top:-2px; display:inline-block; float:right;}

.sidebar-icon-only .navbar .navbar-menu-wrapper {left:40px !important;}
.navbar .navbar-menu-wrapper {position:absolute; top:0;left:180px;padding-left:0.85rem;padding-right:0;height:40px; right:0; z-index:1;background:#ffffff;transition:left 0.25s ease;-webkit-transition:left 0.25s ease;-moz-transition:left 0.25s ease;-ms-transition:left 0.25s ease;color:#707889;
                                           -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:45px;border-radius:4px;}


.member-state {position:fixed; display:flex; align-items: center;justify-content:flex-end; border:0px solid #f00; right:0; margin-right:0px; height:40px; }
.member-state a:before {content:"";font-family:"Material Design Icons";font-size:1.125rem; }
.member-state .logout {color:#333;  font-size:0.85rem; margin-right:55px; line-height:40px; }
.member-state .logout:before {content:"\F343"; margin-right:.3rem;}
.member-state .grade {display:inline-block; border-radius:30px; color:#fff; background:#fb4448; padding:3px 10px; font-size:0.75rem; font-weight:bold;}
.member-state .welcome { background:#f4f6f9; padding:5px 20px; font-size:0.75rem; color:#666; font-weight:bold; border-radius:30px;}
.member-state .go-hompage { position:fixed; right:0; top:0;width:40px; height:40px; background:#c2cad9; color:#fff;  }
.member-state .go-hompage:before {content:"\F59F"; height:100%; display:flex;  justify-content: center;align-items: center;  }




/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       Footer
///////////////////////////////////////////////////////////////////////////////////////////*/
.footer-wrapper {width:100%; padding:0px 0 10px; }
.footer-wrapper .footer {  color:#666; text-align:center; 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; font-weight:400;}
.footer-wrapper .footer a {  color:#25378b;font-size:inherit;}

.footerFix {padding:0; margin:0;}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       ´Þ·Â
///////////////////////////////////////////////////////////////////////////////////////////*/
/*
.trans {position:absolute; left:0; top:0;background:transparent !important;}
.trans:focus {background:#fff !important;}
*/
.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:5000;}
.hcTable {width:230px;border-collapse:collapse;}
.hcTitle {padding:0 45px;}
.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 td:hover {color:#333 !important;}
.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;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;}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         BasicTable
///////////////////////////////////////////////////////////////////////////////////////////*/

.basicTable {width:100%;}
.basicTable th {padding:6px 10px; background-color:#ebeff6; font-size:.85rem; color:#222; }
.basicTable .nor {font-weight:normal}
.basicTable td {padding:5px 10px; border-bottom:1px solid #e7eaef;  text-align:center; font-size:14px; line-height:1.3em; color:#46494e;font-family:'SpoqaHanSans'; }
.basicTable td .btn {padding:0 .85rem;}
/*.basicTable th:first-child,
.basicTable td:first-child { text-align:left; padding-left:20px;}
*/
.main .basicTable tbody tr:last-child td {border-bottom:0; }
.basicTable tbody tr {transition: all 0.2s ease-in;}
.basicTable tbody tr:hover {background-color:#f6fafe}
.basicTable a { display:block; vertical-align:middle; color:#000; line-height:1.3em; transition: all 0.2s ease-in;overflow : hidden;   text-overflow : ellipsis;   white-space : nowrap;  }
.basicTable a:hover {text-decoration:underline; color:#000;}
.basicTable a.title{font-size:14px; display:inline-block; vertical-align:middle;  font-weight:bold; color:#000}
.basicTable a.link {margin-right:3px; /*display:inline-block;*/ vertical-align:top; text-decoration:underline }
.basicTable .imgWrap {display:inline-block; vertical-align:middle; width:80px; height:55px; background-color:#f4f4f4; border-radius:4px; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;  }
.basicTable .imgWrap a {display:block; width:100%; height:100%;}
.basicTable dl.carInfo {display:inline-block; vertical-align:middle; margin-left:12px; width:calc(100% - 120px)}
.basicTable dl.carInfo dt {font-size:15px; line-height:1.3em;  font-weight:bold; color:#333; font-weight:bold; }
.basicTable dl.carInfo dt a {display:inline-block; vertical-align:middle; color:#333;font-size:14px; line-height:1.3em;  margin-right:5px;}
.basicTable dl.carInfo dt a:hover {text-decoration:underline}
.basicTable dl.carInfo dd {font-size:13px; color:#71787f; padding-top:5px; line-height:1.4em;  }
.basicTable dl.carInfo dd span {display:inline-block; margin-left:10px;}
.basicTable dl.carInfo dd span:before {content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:1px; height:14px; background-color:#d7dde2; }
.basicTable dl.carInfo dd span:first-child {padding-left:0; margin-left:0; }
.basicTable dl.carInfo dd span:first-child:before {display:none;}
.basicTable dl.carInfo .badge {margin-left:3px;}
.basicTable .cp {display:block;font-size:12px; color:#777; }
.basicTable a.preview {display:inline-block; vertical-align:middle; margin-left:8px; width:20px; line-height:1.3em; }
.basicTable a.preview:before {content:"\e951"; display: inline-block; vertical-align:middle;  font-size:19px; color: #555;   }
.basicTable .times {display:inline-block; height:22px; line-height:21px; width:42px; border-radius:30px; background-color:#fff; border:1px solid #ccc;margin:2px 0 0; text-align:center; font-size:13px; color:#333; }
.basicTable .times:hover {border:1px solid #333; background-color:#333; color:#fff;}
.basicTable p {margin:0}
.basicTable select,
.basicTable input[type="text"]{height:32px; line-height:32px;}
.basicTable td.phone {font-size:0; }
.basicTable td.phone input[type="text"] {margin:0; margin-left:3px;}
.basicTable td input[type="text"]:first-child{margin-left:0 !important; }
.basicTable i {font-size:21px;display:inline-block; vertical-align:middle; }
.basicTable .link2 { color:#195fc8; text-decoration:underline; }
.basicTable input[type=checkbox] + label { display:inline-block; padding:0 0rem 0 1.09rem;text-align:center; font-size:14px; letter-spacing:0;  }
.basicTable td.bg_today {background:rgba(184,0,45,.05);font-weight:bold;font-size:14px;color:#ff002e !important;}
.basicTable tr.sum td {background:rgba(184,0,45,.05);color:#000;}
.basicTable .txt_general {color:var(--color-recom); }
.basicTable .txt_recomm {color:var(--color-violet); }


.basicTable .bannerImg {display:inline-block; width:130px; }
.basicTable .bannerImg.type2 {width:230px; }
.basicTable .bannerImg img {width:100%; }

/* °øÁöÀϹݰԽÃÆÇ*/
.basicTable.onTxt td {padding:8px 5px;}
/*.basicTable.onTxt td:first-child {padding-left:20px;}*/

/* À̺¥Æ®°Ô½ÃÆÇ*/
.basicTable.event a.title {font-size:15px; line-height:1.6em; padding-bottom:3px; }
.basicTable.event td {padding-top:5px; padding-bottom:5px; }
.basicTable .eventImg {display:inline-block; width:130px; height:80px; background-color:#f4f4f4; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.basicTable .eventImg a {display:block;}


.basicTable.table-left th,
.basicTable.table-left td {text-align:center; }
.basicTable.table-left th {padding:8px 5px; }
.basicTable.table-left td {padding:7px 5px;}
.basicTable.table-left th:first-child,
.basicTable.table-left td:first-child {padding-left:12px;}
.basicTable.type2 th { border:1px solid #dbdde3; background-color:#f0f3f7;color:#212c40; }
.basicTable.type2 td { border:1px solid #dbdde3; color:#333; } 
.basicTable.type2 td input[type=radio] + label {padding-right:2rem;font-size:14px;}
.basicTable.type2 td input[type=radio]:checked + label {font-weight:bold;}
.basicTable.type2 tbody tr:hover {background:none; }
.basicTable.type2 .result { display:inline-block; min-width:110px; text-align:right; }
.basicTable.type2 th:first-child,
.basicTable.type2 td:first-child { text-align:center; }

.basicTable.type2.left th,
.basicTable.type2.left td {text-align:left;}

.basicTable.type3 th { border-top:1px solid #ccc; border-bottom:1px solid #666;  background-color:#fff;color:#333; }
.basicTable.type3 td { padding:12px 0 !important}
.basicTable.type3 th em {font-weight:normal;}

.basicTable.type2.colum {border-collapse:separate;  border-top:1px solid var(--color-default)}
.basicTable.type2.colum th { text-align:left; padding:12px 10px; border-color:#cbcdd5;  border-right:0; border-top:0; }
.basicTable.type2.colum td { text-align:left; padding:10px;  border-color:#cbcdd5; border-top:0; }
.basicTable.type2.colum input[type="text"],
.basicTable.type2.colum select {height:35px; line-height:35px;  padding-left:10px; color:#000;background-position:calc(100% - 10px)}
.basicTable.type2.colum textarea { min-height:120px; margin:0; color:#000 }
.basicTable.type2.colum input[type="text"]:focus, .basicTable.type2.colum textarea:focus {border-color:var(--color-default); background-color:#fff;}
.basicTable.type2.colum .title{ font-size:15px; color:#000; font-weight:500;  }
.basicTable.type2.colum textarea.reply {height:270px;}
.basicTable.type2.colum .cont {font-size:15px; color:#000; padding-bottom:10px;}
.basicTable.type2.colum input[type=checkbox] + label {padding:0 1rem 0 1.38rem;}
.basicTable.type2.colum .txt {font-size:13px; margin:3px; color:#777; }

/* ¸ÞÀϺ¸³»±â Å×À̺í */
.basicTable.mail {font-family:'SpoqaHanSans';}
.basicTable.mail th { position:relative; border:0; border-top:1px solid #dcdcdd; border-bottom:1px solid #ededf0; font-size:.85rem; color:#9898a1; font-weight:normal; background-color:#fff; }
.basicTable.mail th:before {content:''; width:1px; height:16px; background-color:#ededf0; position:absolute; left:0; top:50%; margin-top:-8px; }
.basicTable.mail th:first-child:before {display:none;}
.basicTable.mail td {font-size:.85rem; text-align:center; padding:.5rem; color:#222; border-bottom:1px solid #efeff1;}
.basicTable.mail td:first-child {text-align:center !important;}
.basicTable.mail input[type="text"] {width:auto !important;}


/* table */
.table_type_write { font-weight:400; width:100%;  width: 100%; padding:0;   empty-cells: show;   border-collapse:collapse;border-top:1px solid #bbb; }
.table_type_write.line {border-top:1px solid #555; padding-top:5px;}
.table_type_write colgroup {display:table-column-group;}
.table_type_write tbody {display:table-row-group; }
.table_type_write tr {display:table-row;}
.table_type_write th,
.table_type_write td {display:table-cell;font-size:.85rem; font-weight:500; font-family:'SpoqaHanSans'; word-break:break-all; border:1px solid #dedede; text-align:center;padding:.25rem .25rem; }
.table_type_write th { background-color:#f5f6f7;border-bottom:1px solid #dedede;color:#111;padding:.65rem .5rem .65rem; letter-spacing:-.06em;}
.table_type_write td {color:#333;}
.table_type_write td span{font-size:13px; color:#777; }
.table_type_write th.vTop {vertical-align:top; padding-top:1rem; }
.table_type_write.no_bdr {border:0;}
.table_type_write .add_line2 {margin-top:4px;}
.table_type_write.left th,
.table_type_write.left td{text-align:left;}

.table_type_write input,
.table_type_write select,
.table_type_write textarea, 
.table_type_write button {border:1px solid #dedede; border-radius:3px; font-weight:500; color:#333; font-size:.9rem; font-family:'SpoqaHanSans';}
.table_type_write input,
.table_type_write select,
.table_type_write button {height:34px; line-height:34px;  }

.table_type_write input,
.table_type_write select,
.table_type_write textarea {color:#111; }
.table_type_write input:focus  {color:#111; }


.add_line1 {display:flex; width:100%;flex-wrap: nowrap;}
.add_line1 input[type="text"] {width:150px; }
.add_line2 {margin-top:5px;}
.btn_line {display:flex; width:100%;flex-wrap: nowrap;}
.btn_line input[type="text"] {width:150px; }
.table_type_write .btn_rp {width:100px; background-color:#f4f4f4; border:1px solid #ddd; color:#555; margin-left:5px; border-radius:.25rem;  font-size:0.85rem;}


.item_email { display:flex; align-items: center; gap:5px;width:50%;}
.item_email input {width:30%; }
.item_email input.or1 {width:33%}
.item_email input.or2 {width:33%}
.item_email select {width:34%; }
.item_email em { text-align:center; color:#999}

.item_phone { display:flex; align-items: center; gap:5px; width:50%;}
.item_phone select {width:25%; }
.item_phone input {width:35%; }
.item_phone em { text-align:center; color:#999}

.item_unit {position:relative; display:inline-block;}
.item_unit em {position:absolute; right:10px; top:50%; height:46px; line-height:46px;  margin-top:-23px;}
.item_unit input {padding-right:40px; text-align:right; color:var(--color-default) }
.item-extra {display:inline-block; vertical-align:middle; margin-left:5px; }


/* ÷ºÎÆÄÀÏ */
.inp-file { display: inline-block; vertical-align:middle; padding:0;}
.inp-file label {display: block;	position:relative; text-align: center;	box-sizing: border-box; height:32px; width:100px; padding: 0 5px;border: 1px solid #ccc;border-radius:60px; background-color: #fff; cursor: pointer;transition: all 0.2s ease-in;}
.inp-file label:before {content:"\eb7b";font-family:'xeicon'; display:inline-block; vertical-align:top;  margin-right:5px; font-size:18px;line-height:30px;   }
.inp-file label span {display: inline-block;vertical-align: top;height:32px !important; line-height:30px !important; font-size: 13px;color: #666;}
.inp-file 	input[type="file"] { display:none;}
.inp-file .disabled label { cursor: default; background-color: #f1f1f1 !important; }
.inp-file .disabled label  span { color: #999; }

/* ÷ºÎÆÄÀÏ ¸®½ºÆ® */
.addfile_list{  font-size:0.85rem;padding-bottom:0rem; line-height:34px; display:flex; gap:0.2rem;  flex-start; margin-left:.35rem; align-items: center;}
.addfile_list  button { position:relative;margin-bottom:0;display:inline-block; vertical-align:middle; height:30px; line-height:28px; background-color:transparent; border:1px solid #dedede; text-align:left; padding:0 10px; width:auto; overflow:hidden; border-radius:60px; font-size:13px;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.addfile_list  button:after {content:'';font-family:'xeicon'; display:inline-block; vertical-align:middle; margin-left:5px; line-height:20px;font-size:0.65rem; border:1px solid transparent;  border-radius:6rem; text-align:center;  }
.addfile_list  button.file {padding:0px; border:0; margin-top:3px; margin-right:1rem; }
.addfile_list  button.file:after {content:'\e921'; color:#fff; background-color:#999; width:20px; height:20px; line-height:18px;}
.addfile_list  button.file em {display:inline-block; vertical-align:middle; margin:0 3px;}
.addfile_list  button.file em:after {content:"\eb7c"; font-family:'xeicon'; border:1px solid #ddd; color:#333; background-color:#fff; font-size:1.1rem; border:0; }
.addfile_list  button.fileDown:after {content:"\eb7c"; border:1px solid #ddd; color:#333; background-color:#fff; font-size:1.1rem; border:0; }

.addfile-photo {font-size:0; display:flex;  justify-content: flex-start; gap:0.3rem; padding:0.5rem 0 0.3rem; }
.addfile-photo>div form {font-size:0; display:flex;  justify-content: flex-start; gap:0.3rem; padding:0.5rem 0 0.3rem; }
.addfile-photo .box {position:relative;width:150px; height:auto; min-height:7rem;text-align:center;  overflow:hidden; z-index:5; display:flex; align-items: center;}
.addfile-photo .box:before {content: "\eb18"; font-family:'xeicon'; font-size:2.5rem; line-height:7rem; position:absolute; left:0; top:0; width:100%; height:100%; color:#eee; border:1px dashed #dedede; z-index:-1}
.addfile-photo .box img {width:100%;}
.addfile-photo .box .file-delete { position:absolute; right:0px; top:-1px; width:24px; height:24px; color:#000; font-size:0; border:0 !important; outline:0; padding:0;z-index:5; border-radius:0 }
.addfile-photo .box .file-delete:after {content:"\e9af"; display:inline-flex; align-items: center; justify-content: center;  font-size:11px; font-weight:bold; width:100%;height:100%; text-align:center; background-color:rgba(0,0,0,0.5);  color:#fff; font-family:'xeicon';}
.addfile-photo button {width:80px;}
.addfile-photo input[type="file"] {width:calc(100% - 80px); }

/* °¡°Ýº¯°æ */
.price_wrap {position:relative; }
.price_wrap .fuc_price {color:var(--color-red); font-weight:bold;}
.price_wrap .price_box {display:none;position:absolute;left:50%;top:25px;margin-left:-120px;font-size:.9rem; min-width:240px;width:max-content; height:auto;line-height:normal;padding:1rem;background:#fff;border:1px solid #949494; 
                               border-radius:7px; z-index:30;box-shadow: 7px 7px 15px -3px rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in;}
.price_wrap .price_box input[type='text'] {display:inline-block; width:80px; margin:0 .35rem !important; color:#000; text-align:right;}
.price_wrap .price_box input[type='text']:first-child {margin:0 .35rem !important;}
.price_wrap .price_box h2 {display:block; font-size:.9rem; font-weight:700; color:#333; text-align:left;font-family: 'pretendard'  }
.price_wrap .price_box .row {padding:0; margin:0; padding-top:.85rem; }
.price_wrap .layer_close {position:absolute; right:.8rem; top:.8rem; background-color:transparent; }
.price_wrap .layer_close:before {content:'\e921'; font-family:'xeicon'; display:inline-block; font-size:1.2rem; line-height:1.2rem; color:#333; }
.price_wrap .btn_wrap {margin-top:.5rem; border-top:1px solid #dedede; padding-top:.5rem; display:flex; justify-content: center; gap:.3rem;}
.price_wrap .btn_wrap .btn { width:auto;border-radius:.3rem; background-color:#fff; color:#333; border:1px solid #ccc; padding:0 1rem !important; font-size:13px; font-weight:bold;  }
.price_wrap .btn_wrap .btn.save {color:var(--color-white); border-color:var(--color-default); background-color:var(--color-default); }
.price_wrap  input[type=checkbox] + label { padding:0 0rem 0 1.3rem;}
.fuc_wrap.active .price_box{display:block;}



.dropdownAnimation, .price_wrap .price_box {
  animation-name: dropdownAnimation;
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -ms-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}


.icon.up {height:12px;line-height:12px;color:#1b49d3; font-size:11px;font-weight:normal;}
.icon.down {height:12px;line-height:12px;color:#f9092b; font-size:11px;font-weight:normal;}



/* °Ô½ÃÆÇ ºäÆäÀÌÁö */
.basicTableView{padding:0 10px;}
.basicTableView .head {padding:10px 0 12px 10px; font-size:19px; line-height:1.3em;  font-weight:bold; color:#333; border-bottom:1px solid #666; }
.basicTableView .head .remain {float:right; margin-top:3px; height:25px; line-height:25px; padding:0 12px; background-color:#32caf8; font-size:15px; color:#fff; font-weight:normal; letter-spacing:0;  }
.basicTableView .viewInfo { padding:15px 10px; border-bottom:1px solid #eee;   }
.basicTableView .viewInfo span {margin-left:10px; font-size:13px; color:#666;}
.basicTableView .viewInfo span:before {content:''; display:inline-block; vertical-align:middle; width:1px; height:14px; background-color:#ddd; margin-right:10px; }
.basicTableView .viewInfo span:first-child:before {display:none;}
.basicTableView .viewInfo span em {color:#000; }
.basicTableView .cont {display:block; padding:20px; min-height:400px; font-size:15px; line-height:1.6em; color:#555; }
.basicTableView .answer { position:relative; padding:20px 30px 20px 70px; font-size:14px; line-height:1.6em; color:#000; border-top:1px dashed #ddd;  border-bottom:1px solid #ddd;  min-height:200px; }
.basicTableView .answer:before {content:"\e981" ; font-size:26px; color:#aaa; position:absolute; left:30px; top:20px; }

.basicTableView .attach {display:inline-block; width:70%; font-size:14px;  }
.basicTableView button.fileDown { position:relative; margin-left:3px; display:inline-block; vertical-align:middle; height:30px; line-height:28px; border:1px solid #ccc;background-color:#fff; text-align:center; padding:0 35px 0 12px; width:auto; overflow:hidden; 
                                              border-radius:60px; font-size:13px;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.basicTableView button.fileDown:after {content:"\eb7c"; font-family:'xeicon';position:absolute; right:8px; top:0px; font-size:18px;line-height:28px; color:#555; }
.basicTableView .detail {display:inline-block; width:30%;text-align:right;}

.basicPaging {display:block;padding:0 10px; margin-bottom:0px; }
.basicPaging li:first-child {border-top:1px solid #dedede;}
.basicPaging li {display:block;  padding:10px 0; border-bottom:1px solid #dedede; font-size:0;  }
.basicPaging li .type {display:inline-block; vertical-align:middle; width:150px; font-size:15px; color:#333; padding-left:20px;  }
.basicPaging li .subject {display:inline-block; vertical-align:middle; width:calc(100% - 150px); font-size:16px; color:#333; }
.basicPaging li .subject a {display:block; color:#000}
.basicPaging li .subject a:hover {text-decoration:underline;}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      pagination
///////////////////////////////////////////////////////////////////////////////////////////*/
.pagination { display:inline-block; width:100%; margin-top:5px;  padding:0; font-size:0;text-align:center;}
.pagination:after {content:''; clear:both; }
.pagination span { display:inline-block;  margin:0 2px; }
.pagination span a { display:inline-block; font-size:13px; border:1px solid #dcdde0; width:32px; height:32px; line-height:30px;color:#333;background:#fff; vertical-align:middle; transition:300ms ease-out 0ms;}
.pagination span a:before {content:''; display:inline-block; font-family:"Material Design Icons","xeicon"; font-size:18px;}
.pagination span .first:before  {content:"\F13D"; }
.pagination span .prev:before {content: "\F141"; }
.pagination span .next:before {content:"\F142" }
.pagination span .last:before  {content:"\F13E" }
.pagination span .prev {margin-right:7px; }
.pagination span .next {margin-left:7px; }
.pagination span a.on { background:var(--color-default); border:1px solid var(--color-default); color:#fff; }
.pagination span a.off { color:#bfc2ca; }
.pagination span a.first{  margin-left:0;border-left:1px solid #dcdde0; }
.pagination span .first.on,
.pagination span .prev.on,
.pagination span .next.on,
.pagination span .last.on { background-color:#fff; color:#111; border-color:#aaa}


/* badge label */
.label {  display:inline-block; vertical-align:middle; font-family: 'pretendard'; border-radius:3px;  border:1px dashed #9298a3; color:#3f4b5f;  font-size:12px; height:22px; line-height:20px; padding:0 5px; margin:0; font-weight:600;
         transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.label.round {border-radius:60px;}
.label.complete { background-color:#fee8eb; color:#f74358; border-color:#f74358 ; width:65px; text-align:center;}
.label.wait { background-color:#dff6fd; color:#03a1db; border-color:#03a1db;  width:60px; text-align:center; }
.label.ing { border-color:var(--color-default); color:var(--color-default); border-color:var(--color-default)  }

.table_type_write .label {margin:0 .3rem;}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Btn °øÅë
///////////////////////////////////////////////////////////////////////////////////////////*/

/* btn_wrap
.btn_wrap {display:flex;  align-items: center; gap:.8rem; margin-top:1rem; }
.btn_wrap.right {justify-content: flex-end; }
.btn_wrap.left {justify-content: flex-start;}
.btn_wrap button {border:0; outline:0; width:100%; height:2.8rem; line-height:2.8rem; border-radius:8px; background-color:var(--color-default); border:1px solid var(--color-default); color:#fff; font-size:.9rem; font-weight:600; }
.btn_wrap button:hover {box-shadow:5px 5px 20px rgba(0,0,0,0.1)}
.btn_wrap button.cancel {width:40%; background-color:#fff; border:1px solid #ddd; color:#999; }
.btn_wrap button.cancel:hover { border-color:#333; color:#fff; background-color:#333;}
.btn_wrap button.cancel2 { background-color:#fff; border:1px solid var(--color-default); color:var(--color-default); }

.btn_wrap button.btn_join {background-color:transparent; color:var(--color-default)}
.btn_wrap.row_col { flex-direction: column;}
 */
.btn_wrap {display:block; text-align:center; font-size:0; padding:15px 10px 0px;margin:0;  }
.btn_wrap .col-left {width:50%; text-align:left; display:inline-block; vertical-align:top; }
.btn_wrap .col-right {width:50%; text-align:right; display:inline-block; vertical-align:top; }
.btn_wrap .btn {display:inline-block; vertical-align:top; height:38px; line-height:36px; border-radius:5px; background-color:#333; color:#fff; border:1px solid #333; padding:0 30px; font-size:14px; font-weight:bold;  }
.btn_wrap .btn:before {content:''; font-family:"Material Design Icons","xeicon";display:inline-block; vertical-align:top; font-weight:normal !important; margin-right:5px; font-size:16px; }
.btn_wrap .btn:after {content:''; font-family:"Material Design Icons","xeicon";display:inline-block; vertical-align:top; font-weight:normal !important; margin-left:5px; font-size:16px; }
.btn_wrap .btn:hover { box-shadow: 3px 5px 15px -5px rgba(0,0,0,0.1),3px 5px 15px -5px rgba(0,0,0,0.1);}
.btn_wrap .btn.delete:before {content:"\F9E6";  }
.btn_wrap .btn.prev {background-color:#fff; color:#333;  }
.btn_wrap .btn.next {background-color:#fff; color:#333;  }
.btn_wrap .btn.save {background-color:#000; color:#fff; padding:0 2rem; }
.btn_wrap .btn.save:before {content: "\e928"; }
.btn_wrap .btn.list:before {content: "\e91c"; }
.btn_wrap .btn.modify:before {content: "\FDA5"; }
.btn_wrap .btn.prev:before {content: "\e908"; }
.btn_wrap .btn.next:after {content: "\e90b"; }

.btn_wrap.type2 {display:flex;  align-items: center; gap:.3rem; margin:0 }
.btn_wrap.type2 button {width:auto;padding:0 1.2rem;  height:2.3rem; line-height:2.3rem; color:#333; font-size:.9rem; font-weight:600; border-radius:5px; background-color:#f9f9f9; border:1px solid #ddd; }
.btn_wrap.type2 button.btn_ok { border-color:var(--color-default); color:var(--color-white); background-color:var(--color-default);}
.btn_wrap.type2 button.save { border-color:var(--color-dark-blue); color:var(--color-white); background-color:var(--color-dark-blue); padding:0 1rem; }
.btn_wrap.type2 .btn.round {border-radius:5rem;}
.btn_wrap.type2.center { justify-content: center; }
.btn_wrap.type2.right { justify-content: flex-end;}

.btn_wrap.type3 {display:flex;  align-items: center; gap:.5rem; margin:0 }
.btn_wrap.type3 .btn {width:auto;padding:0 1rem;  height:1.8rem; line-height:1.8rem; color:#fff; font-size:.85rem; font-weight:600; border-radius:5rem; background-color:#666; border:1px solid #666; }
.btn_wrap.type3 .btn.btn_ok {background-color:var(--color-dark-blue);border-color:var(--color-dark-blue); }
.btn_wrap.type3.center { justify-content: center; }
.btn_wrap.type3.right { justify-content: flex-end;}


.btn:not(:disabled):not(.disabled) { cursor:pointer;}
button:not(:disabled) { cursor:pointer;}
.btn {display:inline-block; border-radius:var(--radius-default); vertical-align:middle; font-size:13px; height:28px; line-height:26px;padding:0px 15px; color:#333; margin:0 2px;letter-spacing:-.07em; word-break:keep-all !important; transition: .2s ease-out;cursor: pointer;}
.btn:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1),0 2px 10px 0 rgba(0,0,0,0.1);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
.btn:disabled {
	border-color:#eeeff1 !important;
	background-color:#eeeff1 !important;
}
.btn:disabled:hover { cursor:default;
    box-shadow: 0 0px 0px 0 #e0e6ed,0 0px 0px 0 #e0e6ed;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.btn.round {  border-radius:var(--radius-round); padding:0 0.85rem;}
.btn.base {background-color:#fff; border:1px solid #ccc;color:#333; padding:0;}

.btn.delete {background-color:#333; border-color:#333;   color:#fff;}
.btn.sell {background-color:#3e6bdc;  color:#fff;}
.btn.file {background-color:#1e8c0c;  color:#fff;}
.btn.reset {background-color:#06b5eb;  color:#fff;}
.btn.save {background-color:#203259;  color:#fff;}
.btn.upload {background-color:#203259;  color:#fff;}
.btn.list {background-color:var(--color-default); border-color:var(--color-default); color:#fff;}
.btn.refuse {background-color:#eea404;  color:#fff;}
.btn.modify {background-color:var(--color-gray); border-color:var(--color-gray); color:#fff;}
.btn.gray {background-color:var(--color-gray); border-color:var(--color-gray); color:#fff;}
.btn.ok {background-color:var(--color-blue); border-color:var(--color-blue);  color:#fff;}
.btn.search {background-color:var(--color-dark-blue); border-color:var(--color-dark-blue);  color:#fff;}


.btn.down {background-color:#113577;  color:#fff;}
.btn.down:before {content:"\eb77"; display:inline-block; vertical-align:top; margin-right:3px;  color:#fff; font-size:18px;font-family:'xeicon'; }
.btn.down:hover {box-shadow: 0 2px 8px -4px rgba(32,50,90,0.3),0 2px 10px 0 rgba(32,50,90,0.3);}
.btn.fileup {background-color:#5449ee;  color:#fff;}
.btn.fileup:before {content:"\eb7b"; display:inline-block;   vertical-align:top; margin-right:3px; color:#fff; font-size:18px;font-family:'xeicon'; }
.btn.fileup:hover {box-shadow: 0 2px 8px -4px rgba(32,50,90,0.3),0 2px 10px 0 rgba(32,50,90,0.3);}



.collapse:not(.show) {  display: none;}
.collapsing {  position: relative;  height: 0;  overflow: hidden;  transition: height 0.20s ease;}

@media (prefers-reduced-motion: reduce) {
  .collapsing {    transition: none;  }
}




/*======================================================================================================================================================================================= 
	popup 
=======================================================================================================================================================================================*/
.modal-popup.modal-reset {display:block !important;position:relative !important;height:auto !important;}
.modal-popup {display:none;overflow-y:auto;overflow-x:hidden;position:fixed;left:0;top:0;width:100%;height:100%; background:#fff;z-index:10001;-webkit-overflow-scrolling:touch;/*background:url('../usedcar/pop5.png') no-repeat #ededed;background-size:100%;opacity:0.3;*/}
/*.modal-popup:after {content:'';position:absolute;left:0;top:0;width:100%;height:1000px;z-index:100000;}*/
.modal-popup .pop-header {position:relative;padding:5px 10px 5px 20px;vertical-align: middle;text-align:left;background:var(--color-default);border-radius:0 !important;border:none !important;}
.modal-popup .pop-header span {display:inline-block;padding-top:18px;color:#333;font-size:19px;line-height:19px;font-weight:500;vertical-align:middle;word-break:keep-all;}
.modal-popup .pop-header .product-title {display:block;padding:14px 13px 11px 13px;background:#154fd2;color:#fff;font-size:16px;-weight:bold;text-align:left;line-height:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all;}
.modal-popup .pop-header .title {display:inline-block;color:#fff;font-size:18px;line-height:40px;font-weight:500; vertical-align:middle;word-break:keep-all; font-family:'NotoSans'}
.modal-popup .pop-header .title .symbol {display:inline-block; width:40px; height:40px; margin-right:10px;vertical-align:middle;}
.modal-popup .pop-header .btn_close {position:absolute;top:50%;right:0px;width:50px;height:50px; text-align:center; margin:-23px 0 0 0;font-size:0;line-height:0; background-color:transparent; }
.modal-popup .pop-header .btn_close:before {content:"\e921"; font-family:'xeicon'; display:inline-block; line-height:50px; color:#333; font-size:1.35rem;  }

.divpop1 {position:absolute;left:50%;top: 50%;width:450px;transform:translate(-50%, -50%);z-index:20000;font-size:0;}
.divpop1 .btns .closing { display:inline-block; width:50%; height:55px;border:1px solid #e3ebf8;line-height:55px; text-align:center; font-size:16px; background:#fff; color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.modal-popup.popup-blank {display:block !important;}
.modal-popup .button-group {padding-left:0;padding-right:0;}

.inform-box {display:flex; align-items: center; justify-content: center; width:100%;height:100%;   }
.pop-txt { font-size:1rem; text-align:center; width:100%; line-height:1.8rem; font-weight:400; color:#666;}


/* ·¹À̾îÇü */
.block-ui, .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4); z-index:9999;}
.block-ui {display:none;}
.block-ui.white {display:block;background:rgba(0,0,0,.3);z-index:999 !important;}

.modal-popup.ty02 {position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:100%; height:auto; transform:translate(-50%,-50%);background:#fff; border-radius:1rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.modal-popup.ty02 .inner {position:relative; width:100%; height:100%;padding:.5rem 1rem 1rem; }
.modal-popup.ty02 .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0; border-radius:0 !important;}
.modal-popup.ty02 .pop-header.line {border-bottom:1px solid #ddd !important}
.modal-popup.ty02 .pop-header .title { display:block; font-size:1.2rem; line-height:50px;color:#333;  font-weight:700;text-transform:uppercase ;  text-align:center; }
.modal-popup.ty02 .pop-header .btn_close {top:0px;right:0px; margin:0; width:50px;height:50px;}
.modal-popup.ty02 .pop-content { position:relative; font-size:1rem;  height:calc(100% - 120px); padding:1rem .5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;border:0px solid #f00}
.modal-popup.ty02 .pop-content.no_head { height:calc(100% - 65px); display:flex; align-items: center; justify-content: center; border:0px solid #f00}
.modal-popup.ty02 .pop-content p {font-size:.885rem; line-height:1.3em; color:#333; margin:.3rem 0;}
.modal-popup.ty02 .pop-content table {margin-top:.5rem;}
.modal-popup.ty02 .btn_wrap { text-align:center;position:absolute; left:0; width:100%; bottom:1.35rem;padding:0 3rem; margin:0; display:flex; gap:0.5rem; flex-wrap: nowrap; justify-content: center;  }
.modal-popup.ty02 .btn_wrap a {width:100%; padding:0 1.5rem; height:45px;line-height:43px; margin:0 3px; font-size:0.95rem;  background:#fff;color:var(--color-default2);border:1px solid var(--color-default2);  text-align:center; border-radius:5px;        
                                       -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;}
.modal-popup.ty02 .btn_wrap a.go { background-color:var(--color-default2); color:#fff; }
.modal-popup.ty02 .pop-content textarea {width:100%; min-height:150px; color:#333; font-size:1.05rem; margin:0;}

.modal-popup ::-webkit-scrollbar { background-color:#f4f4f4; border-radius:4px; width: 4px;height:4px; }
.modal-popup ::-webkit-scrollbar-thumb { background:var(--color-default); }



/* click open layer */
.txt_hide { position:absolute!important; top:-9999px!important; text-indent:-9999px!important;}
.openLayer {  display:block; position: fixed; width: 500px; height: 100%;top: 0; z-index: 9999; border:0px solid #f00; background: #fff; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; }
.layer_close { display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; border:0; background:none; }
.layer_close:before { content:"\e921"; font-family:'xeicon'; display:inline-block; text-align:center; font-size:1.35rem; line-height:50px; color:#000}

.pushy-open-right .site-overlay, .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index:9991 !important;  background-color: rgba(0, 0, 0, 0.4) !important; -webkit-animation: fade 500ms; animation: fade 500ms;}
.pushy-open-left .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.2); -webkit-animation: fade 500ms; animation: fade 500ms;}

.pushy.pushy-right {right: 0;}
.pushy-right{ -webkit-transform: translate3d(500px, 0, 0); -ms-transform: translate3d(500px, 0, 0); transform: translate3d(500px, 0, 0);}
.pushy-open-right .pushy, .pushy.open-right { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);visibility: visible;}
.pushy-open-right #wrap, .pushy, .push { transition: 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
/*.site-overlay { display: none; }*/
.openLayer .nav_top { position:relative; height:80px; padding:25px 30px; border-bottom:1px solid #dedede; background-color:#fff; }
.openLayer .nav_top h2 {display:block; font-size:20px; font-weight:bold; color:#333; }

.openLayer .car-list-open {display:block; padding:25px 25px; }

.openLayer .car-list-open li {font-size:0; display:block; position:relative; padding-bottom:17px; margin-top:17px; border-bottom:1px solid #dedede; } 
.openLayer .car-list-open li:nth-child(1) {margin-top:0}
.openLayer .car-list-open .check-area {position:absolute; left:3px; top:12px; z-index:10; border:0px solid #f00}
.openLayer .car-list-open .img-wrap { position:relative; display:inline-block; vertical-align:top; width:110px; height:80px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.openLayer .car-list-open .img-wrap a {display:block; width:100%; height:100%; }
.openLayer .car-list-open .car-name a {display:block; color:#222; }
.openLayer .car-list-open .car-name a:hover { text-decoration:underline;}
.openLayer .car-list-open .car-cont {display:inline-block; vertical-align:top; width:calc(100% - 110px); padding-left:15px;  }
.openLayer .car-list-open .car-name {font-size:18px; line-height:20px; font-weight:500; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.openLayer .car-list-open .car-desc {padding-top:5px; font-size:13px; color:#777; }
.openLayer .car-list-open .car-desc span {padding-left:12px; }
.openLayer .car-list-open .car-desc span:first-child {padding-left:0; }
.openLayer .car-list-open .price {display:block; margin-top:10px; font-size:17px; font-weight:500; color:#555;}
.openLayer .car-list-open .price strong {font-size:18px; color:#f7264d; font-weight:600; }
.openLayer .btn-more {display:block; width:110px; height:40px; line-height:38px;  color:#333; font-weight:500;  font-size:15px;  text-align:center; margin:20px auto; border:1px solid #dedede; border-radius:60px; }
.openLayer .btn-more:after {content:"\e913"; display:inline-block; margin-left:3px; vertical-align:top; line-height:39px;   margin-left:5px; color:#333; font-family: 'xeicon'}
.openLayer .btn-more:hover { color:#fff; border:1px solid #333; background-color:#333}
.openLayer .btn-more:hover:after {color:#fff;}
.openLayer .btn-compare {display:block;  width:100%; height:40px; line-height:38px; background-color:#333; color:#fff;  font-size:15px;  text-align:center; margin-top:20px;  border-radius:7px; }
.openLayer .ui_tab {padding-top:5px; text-align:left;  padding-left:20px;}
.openLayer .ui_tab .ui_tab_btns { border-bottom:0 !important; }
.openLayer .ui_tab .ui_tab_btns .ui_tab_btn {margin:0; margin-right:15px;   height:45px;  line-height:43px; font-size:17px; }

.popupLayer{ position:relative; background-color:#fff; min-width:100%; }
.popupLayer .nav_top { position:relative; height:80px; padding:25px 30px; border-bottom:1px solid #dedede; background-color:#fff; }
.popupLayer .nav_top h2 {display:block; font-size:20px; font-weight:bold; color:#333; }
.popupLayer h3 {font-size:1rem; font-weight:700; line-height:1.3em; margin-bottom:.5rem; margin-top:1rem; }
.popupLayer h3:first-child {margin-top:0}
.popupLayer .car-list-open {display:block; padding:25px 25px; }
.popupLayer .btn-more {display:block; width:110px; height:40px; line-height:38px;  color:#333; font-weight:500;  font-size:15px;  text-align:center; margin:20px auto; border:1px solid #dedede; border-radius:60px; }
.popupLayer .btn-more:after {content:"\e913"; display:inline-block; margin-left:3px; vertical-align:top; line-height:39px;   margin-left:5px; color:#333; font-family: 'xeicon'}
.popupLayer .btn-more:hover { color:#fff; border:1px solid #333; background-color:#333}
.popupLayer .btn-more:hover:after {color:#fff;}
.popupLayer .btn-compare {display:block;  width:100%; height:40px; line-height:38px; background-color:#333; color:#fff;  font-size:15px;  text-align:center; margin-top:20px;  border-radius:7px; }
.popupLayer .ui_tab {padding-top:5px; text-align:left;  padding-left:20px;}
.popupLayer .ui_tab .ui_tab_btns { border-bottom:0 !important; }
.popupLayer .ui_tab .ui_tab_btns .ui_tab_btn {margin:0; margin-right:15px;   height:45px;  line-height:43px; font-size:17px; }
.pop-layer a.btn-layerClose {transition:300ms ease-out 0ms;   display: inline-block;margin:0 auto;    height: 40px; line-height:40px !important;   width:120px; background-color: #444;  font-weight:normal;  font-size:16px;  color:#fff;}
.pop-layer a.btn-layerClose:hover { background-color: #32caf8; }

/* openlayer push 
.openLayer.auction { width: 450px; }
.pushy.pushy-right2 {right: 0;}
.pushy-right2{ -webkit-transform: translate3d(450px, 0, 0); -ms-transform: translate3d(450px, 0, 0); transform: translate3d(450px, 0, 0);}
*/
/* push layer content  */
.pushWrap {position:relative; background-color:#fff;}
.pushWrap .head {height:50px; position:relative; padding:1rem; border-bottom:1px solid #eee; }
.pushWrap .head .title {font-size: 1.1rem; font-weight:700; color:#111; }
.pushWrap .content {padding:1rem; height:calc(100vh - 7.2rem); overflow-y:scroll;  }

.pushWrap .table_type_write th{padding:.7rem .5rem; }
.pushWrap .table_type_write input {margin:0}

@media screen and ( max-width:1280px ) {
.popupLayer{ min-width:100%; }

}




/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       ´Þ·Â
///////////////////////////////////////////////////////////////////////////////////////////*/
/*
.trans {position:absolute; left:0; top:0;background:transparent !important;}
.trans:focus {background:#fff !important;}
*/
.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 45px;}
.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:var(--color-default) !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;}