/*-------------------------------------------------------------------*/

.wrapper {padding:0; margin:0; padding-top:3.438rem; }
.column {position: relative; width:var(--max-width); margin:0 auto;  padding:0 .85rem}
.content-wrapper {  padding: 10px 10px; display:block; width: 100%; }

.container {  width: 100%;  }

@media screen and (max-width:1920px){
	.column {position: relative; width:100%;}
}
@media screen and (max-width:1440px){
	.column { width:100%; padding:0 .65rem 0rem; }

}

/* Utilities */
.grid-margin {  margin-top: 10px;}
.main .grid-margin {  margin-top: 15px;}

/* main-content */
.card {  position: relative;border-radius:var(--radius-card); background-color:#fff; border:1px solid var(--color-border-card); box-shadow:2px 2px 5px rgba(75,100,135,0.05) }
.card-head {position:relative; display:flex;  align-items: center; gap:.65rem; padding:0 .983rem; height:var(--hei-head);  }
.card-head:after {content:""; position:absolute; left:0; bottom:0; height:1px; width:100%; background-color:#F1F2F3; }
.card-head.noline:after {display:none;}
.head-count {display:inline-flex; font-size:.875rem; font-weight:500; color:#B2B7BA; gap:.25rem;}
.head-count b {font-weight:700; color:var(--color-title)}
.head-count strong {font-weight:700; color:var(--color-default)}
.card-body { padding:.983rem .983rem 1rem; }
.card-body.pt0 {padding-top:0;}


/* title */
.title-wrap {display:flex; align-items: center; margin-bottom:.65rem; background-color:#fff;}
.h1 {font-size:1.1rem; font-weight:700; line-height:1.4rem; color:var(--color-title); }
.h2 {font-size:1rem; font-weight:700; line-height:1.4rem; color:var(--color-title); }
.h3 {font-size:.95rem; font-weight:600; line-height:1.4rem; color:#777; }
.card-title {font-size:1rem; font-weight:700; line-height:1.4rem; color:var(--color-title); }
.total-wrap {padding-bottom:.5rem;}
.total-wrap .h2{font-size:.925rem;display:flex; align-items: center; }
.total {font-size:.8rem;  line-height:1.3rem; font-weight:500; color:#888; display:inline-block; vertical-align:middle; margin-left:.85rem; }
.total b {color:#222; font-size:1rem; line-height:1.3rem; font-weight:700; display:inline-block; vertical-align:middle;  }
.note {font-size:.85rem; line-height:1rem; color:#888; }
.popup.layer_center .total-wrap {padding-bottom:0;}

@media screen and (max-width:1440px){
.h1 {font-size:1rem;  }
.h2 {font-size:.95rem; }
.h3 {font-size:.9rem;  }
.card-title {font-size:.95rem; }

}
/*
.card.main {height:calc(100vh - 100px); display:flex; justify-content: center; align-items: center; }
.card-body {  flex: 1 1 auto;  padding: 1.25rem; }
.main .card {padding:20px;}
*/


/*  ///////////////////////////////////////////////////////// */
/*      nav         
/*  ///////////////////////////////////////////////////////// */

.nav {  display: flex; flex-wrap: wrap; padding-left: 0;  margin-bottom: 0;  list-style: none; }

.d-flex,.navbar .navbar-menu-wrapper 
.navbar-nav,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown 
.navbar-dropdown .dropdown-item {  display: flex !important;}



/*
@media screen and (max-width:1800px){
.content-wrapper {min-width:1280px; }
}
*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Navbar
///////////////////////////////////////////////////////////////////////////////////////////*/

.navbar { position:fixed;left:0; top:0; width:100%;  height:var(--hei-head); background-color:#fff;  border-bottom:1px solid var(--color-border1); box-shadow:1px 1px 3px rgba(66,71,83, 0.05); z-index:99}
.navbar .column{ display: flex; justify-content: center;   }

.nav { display: flex; flex-wrap: wrap;  padding-left: 0; margin-bottom: 0; list-style: none; gap:1.5rem;}
.nav-link { display: block; padding:0rem .5rem; }
.nav-link:hover, .nav-link:focus {  text-decoration: none;}
.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default;}


h1.logo {position:absolute; left:.85rem; top:0; width:120px; height:var(--hei-head); background:url('../images/logo.png?ver=1') no-repeat left ; background-size:auto 3rem; }
h1.logo a {display:block; width:100%; height:100%; }

/*-------------------------------------------------------------------*/
/* Animation Mixins */
@keyframes dropdownAnimation {
    from {  opacity: 0; transform: translate3d(0, -30px, 0);  }
        to {  opacity: 1; transform: none; transform: translate3d(0, 0px, 0);  }
}

@keyframes dropdownAnimationCenter {
   from {  opacity: 0;  transform:translate(-50%,-58%); }
        to {  opacity: 1; transform: none; transform:translate(-50%,-50%);  }
}
@keyframes dropdownAnimationCenter2 {
   from {  opacity: 0;  transform:translate(-50%,-58%); }
        to {  opacity: 1; transform: none; transform:translate(-50%,-50%);  }
}


.dropdownAnimation,  .navbar .nav-gnb .page-navigation > .nav-item .submenu {
  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;
}

.dropdownAnimationCenter,  .modal-popup {
  animation-name: dropdownAnimationCenter;
  -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;
}

.dropdownAnimationCenter2,  .modal-popup.open-full {
  animation-name: dropdownAnimationCenter2;
  -webkit-animation-duration: none;
  -moz-animation-duration: none;
  -ms-animation-duration: none;
  -o-animation-duration: none;
  animation-duration: none;
  -webkit-animation-fill-mode: none;
  -moz-animation-fill-mode: none;
  -ms-animation-fill-mode: none;
  -o-animation-fill-mode: none;
  animation-fill-mode:none;
}

.navbar .nav-gnb { position: relative; height:var(--hei-gnb); width: auto;  display: -webkit-flex;  display: flex;-webkit-align-items: center;  align-items: center;}

.navbar .nav-gnb .page-navigation {  position: relative;  width: 100%;  z-index: 99; display:flex; }

.navbar .nav-gnb .page-navigation > .nav-item {   text-align: left;}
.navbar .nav-gnb .page-navigation > .nav-item:last-child {  border-right: none;}
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link { color: var(--color-gnb); display:block; }
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link .menu-title { font-size: 15.5px;  font-weight:600;display:inline-flex; height:var(--hei-head); align-items: center}
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link:before {content:''; display:inline-block; vertical-align:top; margin-top:0px; line-height:var(--hei-gnb);  margin-right:.25rem; font-weight:500; font-size: 1.125rem; font-family:'xeicon', 'Material Design Icons';}
.navbar .nav-gnb .page-navigation > .nav-item:hover > .nav-link:before {color:var(--color-default)}
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link.m01:before {content: "\FEC3";}
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link.m02:before {content: "\FBBE";font-size: 1.25rem; }
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link.m03:before  {content: "\F8BA";}
.navbar .nav-gnb .page-navigation > .nav-item > .nav-link.m04:before {content: "\F8BA";}


.navbar .nav-gnb .page-navigation > .nav-item:hover .submenu { display: block; }
.navbar .nav-gnb .page-navigation > .nav-item:hover > .nav-link { background: transparent; }
.navbar .nav-gnb .page-navigation > .nav-item:hover > .nav-link i,
.navbar .nav-gnb .page-navigation > .nav-item:hover > .nav-link .menu-title {color: var(--color-default); /*transition: color 1s ease; */}

.navbar .nav-gnb .page-navigation > .nav-item.active > .nav-link:before { color:var(--color-default); }
.navbar .nav-gnb .page-navigation > .nav-item.active > .nav-link:after { position: absolute; content: ""; left: 0;  bottom: 0px;  width: 100%;  height: 3px;  background: var(--color-default);}
.navbar .nav-gnb .page-navigation > .nav-item.active > .nav-link .menu-title { color: var(--color-title); font-weight:700;}

.navbar .nav-gnb .page-navigation > .nav-item .submenu { display: none;}
.navbar .nav-gnb .page-navigation > .nav-item .submenu ul { list-style-type: none; padding-left: 0;}
.navbar .nav-gnb .page-navigation > .nav-item .submenu ul li { display: block;  line-height: 20px;}
.navbar .nav-gnb .page-navigation > .nav-item .submenu ul li a {
  display: block;  padding: 5px 10px;  font-weight: 400;  color: var(--color-gnb);  text-decoration: none;  text-align: left;  margin: 4px 0;  text-overflow: ellipsis;
  overflow: hidden;  max-width: 100%;  white-space: nowrap;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  border-radius: 6px;
}

.navbar .nav-gnb .page-navigation > .nav-item .submenu ul li a:hover {  color: var(--color-default); font-weight:500; 
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -ms-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.navbar .nav-gnb .page-navigation > .nav-item .submenu ul li a:hover:before {  border-color: var(--color-default);}
.navbar .nav-gnb .page-navigation > .nav-item .submenu ul li.active a {  color: var(--color-default);font-weight:bold; }
.navbar .nav-gnb .page-navigation > .nav-item .submenu ul li.active a:before {  border-color: var(--color-default);}
.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) {  position: relative;}
.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) .submenu {  left: 0;}
.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) .submenu.last { left:auto; right:0; }

.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) .submenu {/*  submenu */	position: absolute; top: 51px;	z-index: 999; background: #fff;  border-radius: 5px; border:1px solid var(--color-border1);
	box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
}
.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) .submenu ul {  width: auto;  padding: 10px 15px;}
.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) .submenu li a {position: relative;padding-left: 20px;  font-size: 0.895rem;  }
.navbar .nav-gnb .page-navigation > .nav-item:not(.mega-menu) .submenu li a::before {  position: absolute;content: "";width: 7px;height: 7px;background: #fff; border:1px solid var(--color-gnb); top: 12px;left: 5px; border-radius:50%; }



.header-account {position:absolute; right:.85rem; top:0;height:var(--hei-gnb);display:flex; justify-content: flex-end; gap:1.2rem; }
.header-account a {display:inline-flex; align-items: center; font-size:.9rem; color:var(--color-gnb); }
.header-account a:before {content:""; font-family:"Material Design Icons"; display:inline-flex; margin-right:.3rem; font-size:1.2rem; color:var(--color-gnb); }
.header-account a.my:before {content:"\FB31"; }
.header-account a.logout:before {content:"\F343"; }
.header-account a:hover {text-decoration:none; color:var(--color-default)}
.header-account a:hover:before {color:var(--color-default)}


@media screen and (max-width:1440px){
	.navbar .nav-gnb{margin-left:8rem;}
	.navbar .column{  justify-content:start; }
	.nav-link { padding:0rem 1rem; }
	.header-account {right:.65rem;}
}

@media screen and (max-width:1024px){
.navbar {min-width:1024px;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       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;}

/* ¸®½ºÆ® ³ôÀÌÁ¶Àý °ü·Ã */
.list_wrap {position:relative;clear:both;overflow:auto; min-height:100px;  scrollbar-face-color:#ccc; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #ccc; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #ccc ;
overflow-y: auto; /* Enable vertical scrolling */
  height: 100%; 
}
.popcont_wrap {position:relative;clear:both;overflow:auto; min-height:100px;  scrollbar-face-color:#ccc; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #ccc; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #ccc ;
overflow-y: auto; /* Enable vertical scrolling */
  height: 100%; 
}


.list_wrap table {border-top:0;}
.title_fixed {overflow:hidden; padding-right:0; }
.title_fixed table, .list_wrap table { padding:0 !important; }

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