@charset "utf-8";
@import url("./font.css");
@import url("./content.css");
html {
  font-size: 12px;
  font-weight: 500;
}
html, body, #wrap {
  min-height: 100vh;
}
/* ****************** HEADER ********************** */
#sub-header {
  width: 100%;
  background: linear-gradient(to right, rgba(84, 107, 186, 1) 20%, rgba(83, 153, 232, 1) 100%);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
  position: sticky;
  top: -45px;
  z-index: 11; /* 25.02.19 변경(10 > 11)*/
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#sub-header.admin-popup {
  top: 0px;
}
/*
#sub-header.fixed {
  left: 0;
  top: 0;
  position: fixed;
  margin-top: -45px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
*/
#sub-header.main-header {
  box-shadow:none;
}
#sub-headerInner {
  position: relative;
  margin: 0px auto;
  padding: 0px 0 0 2%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#sub-header .logo {
  position: relative;
  z-index: 100;
  /*padding: 2.65rem 0;*/
  margin-top: 2.65rem;
  vertical-align: middle;
}
#sub-header.admin-popup .logo {
  padding: 1.3rem 0;
  margin-top: inherit;
}
#sub-header .logo a {
  position: sticky;
  top: 12px;
  display: block;
  font-size: 0;
}
#sub-header .logo a .logo-default {
  background: url(/img/common/logo.svg);
  display: block;
  width: 181px;
  height: 37px;
  /*width: 153px;
  height: 37.45px;*/
}
#sub-header.fixed .logo {
  padding: 4.15rem 0 0.5rem 0;
}
#sub-header .sub-header-right {
  text-align: right;
	width: calc(100% - 153px);
}
#sub-header .sub-header-right-flex {
  display: inline-flex;
  justify-content: space-between;
  background: var(--bs-primary-dark);
  border-bottom-left-radius: 2.5rem;
  align-items: center;
  padding: 0.7rem 1rem 0.7rem 2rem;
  gap: 2rem;
  width: 100%;
  max-width: 40vw;
  text-align: left;
}
.notice-slide a {
  font-size: 1.17em;
  color: var(--bs-gray-200);
  font-weight: 500;
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#sub-header .sub-etc-wrap {
  width: 60%;
}
.notice-slide a:hover {
  color: var(--bs-white);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#sub-header .header-search-wrap {
  display: flex;
  background: rgba(255, 255, 255, 0.2);
  padding-right: 1rem;
  text-align: left;
}
#sub-header .header-search-wrap select, #sub-header .header-search-wrap input {
  border: none;
  background: transparent;
  color: var(--bs-white);
  font-size: 1.1em;
  font-weight: 500;
  padding: 0.4rem;
  line-height: 1.2;
}
#sub-header .header-search-wrap select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  min-width: auto;
  border-radius: 0px;
}
#sub-header .header-search-wrap select::-ms-expand {
  display: block;
}
#sub-header .header-search-wrap select:focus {
  border: 0 !important
}
#sub-header .header-search-wrap button span {
  display: inline-block;
  text-indent: -9999px;
}
#sub-header .header-search-wrap select .option {
  color: var(--bs-black)
}
#sub-header .header-search-wrap input {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 0.5rem;
  width: 100%;
  max-width: 155px;
}
#sub-header .header-search-wrap input::placeholder {
  color: rgba(255, 255, 255, 0.54);
}
#sub-header .header-search-wrap input:focus {
  border: none !important
}
#sub-header .header-search-wrap > p {
  display: flex;
}
/* -------- Header :: GNB(PC) -------- */
#sub-gnb > ul {
  display: flex;
	justify-content: center;
	margin-right: 130px; /* 25.02.19 153 > 130으로 변경 */
}
#sub-gnb > ul > li {
  position: relative;
  word-break: keep-all;
  padding: 0 2em;
}
#sub-gnb > ul > li > a span {
  position: relative;
  z-index: 100;
  display: inline-block;
  height: 58px;
  line-height: 58px;
  text-align: center;
  color: var(--bs-white);
  font-size: 1.417em;
  padding: 0 0px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
  white-space: nowrap;
}
#sub-gnb > ul > li > a:hover span, #sub-gnb > ul > li.on > a span {
  opacity: 1;
  filter: Alpha(opacity=100);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}
#sub-gnb > ul > li > a span:before {
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0;
  left: 50%;
  height: 4px;
  background-color: var(--bs-skyblue);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 10;
}
#sub-gnb > ul > li > a:hover span:before, #sub-gnb > ul > li.on > a span:before {
  width: 100%;
  margin-left: -50%;
}
/* GNB :: 2차 전체메뉴 */
#sub-gnb > ul > li .gnb-2dep {
  position: absolute;
  top: 57px;
  left: 50%;
  z-index: 99;
  width:100%;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  filter: Alpha(opacity=0);
	min-width:174px;
	transform: translateX(-50%);
}
#sub-gnb > ul > li .gnb-2dep:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  height: 0;
  opacity: 0;
  filter: Alpha(opacity=0);
  background: var(--bs-secondary-500);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s
}
#sub-gnb > ul > li .gnb-2dep ul {
  padding: 1rem 0;
}
#sub-gnb > ul > li .gnb-2dep ul li {
  position: relative;
  padding: 5px 20px;
  opacity: 0;
  filter: Alpha(opacity=0);
}
#sub-gnb > ul > li .gnb-2dep ul li a {
  display: block;
  color: var(--bs-white);
  line-height: 1.3;
  opacity: 0.7;
  font-size: 1.17em;
  filter: Alpha(opacity=70);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s
}
#sub-gnb > ul > li .gnb-2dep ul li a:hover, #sub-gnb > ul > li .gnb-2dep ul li.on a {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  font-weight: 500;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s
}
#sub-gnb > ul > li:hover .gnb-2dep:before {
  height: 100%;
  opacity: 1.0;
  filter: Alpha(opacity=100);
}
#sub-gnb > ul > li .gnb-2dep.open {
  visibility: visible;
  opacity: 1.0;
  filter: Alpha(opacity=100);
}
#sub-gnb > ul > li .gnb-2dep.open ul li {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  -ms-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(4) {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(5) {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(6) {
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  -ms-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(7) {
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(8) {
  -webkit-transition-delay: 0.45s;
  -moz-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(9) {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(10) {
  -webkit-transition-delay: 0.55s;
  -moz-transition-delay: 0.55s;
  -o-transition-delay: 0.55s;
  -ms-transition-delay: 0.55s;
  transition-delay: 0.55s;
}
#sub-gnb > ul > li .gnb-2dep.open ul li:nth-child(11) {
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
#sub-header.fixed #sub-gnb > ul > li > a span {
  height: 45px;
  line-height: 45px;
}
#sub-header.fixed #sub-gnb > ul > li .gnb-2dep {
  top: 49px;
}
/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn {
  display: none;
}
#sub-gnbM {
  display: none
}
/* ****************** FOOTER ********************** */
#sub-footer {
  background-color: var(--bs-white);
  padding: 1rem 0;
  border-top: 1px solid #dfdfe1;
  text-align: center;
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
}
#sub-footer ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#sub-footer li {
  padding: 0.5rem 0rem;
}
#sub-footer li:last-child a {
  border-right: none;
}
#sub-footer a {
  font-size: 1.17em;
  padding: 0rem 1rem;
  border-right: 1px dashed #d4d4d4;
}
/* ****************** BUTTON ********************** */
.btn {
  border-radius: 4px;
  /* font-size: 1rem; */
  /* padding: 6px 10px; */
  font-size: 1.1rem; /* 25.02.19 변경 */
  padding: 5px 10px; /* 25.02.19 변경 */
  border-width: 1px;
  border-style: solid;
  word-break: keep-all;
  font-weight: 600 /* 25.02.19 추가 */
}
.btn:has(span img) {
  padding: 4px 25px;
}
.btn-lg {
  font-size: 1.2rem;
  padding: 1.2rem 4.7rem;
}
#Container {
  display: flex;
  width: 100%;min-height: 100vh;
}
#sub-header.fixed ~ #Container {
  padding-top: 113px;
}
/* ****************** LNB ********************** */
#lnb-toggle-label {
  background: linear-gradient(to bottom, var(--bs-primary-dark-hover) 0%, var(--bs-secondary-100) 100%);
  width: 17px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: 0;
  margin: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#lnb:has(#lnb-toggle:checked) {
  width: 0;
  height: 100vh
}
#lnb-toggle:checked ~ #lnb-toggle-label {
  right: -17px;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#lnb-toggle:checked ~ #lnb-toggle-label > .lnb-toggle-arrow {
  transform: rotate(180deg);
}
#lnb:has(#lnb-toggle:checked) .lnb-inner {
  overflow: hidden;
}
.lnb-toggle-arrow {
  background: url("/img/common/lnb_control_btn_close.svg") no-repeat;
  width: 10px;
  height: 9px;
  position: relative;
  transition: 0.3s ease-in-out;
}

#lnb {
  width: 190px; /* 25.02.19 210 > 190으로 변경*/
  background: var(--bs-lnb-bg);
  position: sticky;
}
#Container.admin-container #lnb {
  width: 240px;
}
/* LNB :: 프로필*/
.lnb-profile-wrap {
  padding: 1.5rem 1rem;
  border-bottom: 1px dashed #D0DAE8;
}
.lnb-profile-info {
  display: flex;
  gap: 6px;
  align-items: center;
  min-height:59.11px;
}
.lnb-profile-info .img {
  /*overflow: hidden;
  border-radius: 50%;*/
}
.lnb-profile-info .img img {
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
}
.lnb-profile-info > div p {
  color: var(--bs-gray-300);
}
.lnb-profile-info > div p:first-child {
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  flex-wrap: wrap;
}
.lnb-profile-info > div p strong {
  font-size: 1.25em;
  color: var(--bs-gray-400);
}
.lnb-profile-info > div p span {
  font-size: 0.9em;
  color: var(--bs-gray-400);
  display: block;
  padding: 0.45rem 0.7rem 0.25rem;
  background: var(--bs-yellow);
  border-radius: 2rem;
  font-weight: 500;
  line-height: 1;
}
.lnb-profile-btn {
  padding: 1rem 0rem 0;
  display: flex;
  gap: 5px;
}
.lnb-profile-btn > .btn {
  padding-right: 0;
  padding-left: 0;
  flex: 1;
  background: transparent;
}
.lnb-profile-btn > .btn:focus {
  color: var(--bs-secondary-200);
}
.lnb-used-wrap {
  padding: 1.5rem 1rem;
}
.lnb-used-wrap li {
  font-weight: 500;
}
.lnb-used-wrap li strong {
  font-weight: 900;
}
.lnb-alarm-wrap {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
}
.lnb-alarm-wrap li {
  width: 50px;
  height: 50px;
  border: 2px solid var(--bs-white);
  border-radius: 50%;
  background: #f6f9fd;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}

.lnb-alarm-wrap li.icon1 {
  background-image: url("/img/common/ico_memo.svg")
}
.lnb-alarm-wrap li.icon2 {
  background-image: url("/img/common/ico_email.svg")
}
.lnb-alarm-wrap li.icon3 {
  background-image: url("/img/common/ico_message.svg")
}
.lnb-alarm-wrap li a {
  display: block;
  height: 100%;
  width: 100%;
}
.lnb-alarm-wrap li a:hover {
  border: 2px solid var(--bs-primary);
  border-radius: 50%;
}
.lnb-alarm-wrap li span {
  display: block;
  text-indent: -9999px;
}
.lnb-alarm-wrap li em {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  line-height: 18px;
  border-radius: 50%;
  background: #AFE6FF;
  font-size: 10px;
  color: var(--bs-primary);
  font-weight: 900;
}
.lnb-alarm-wrap li em:hover {
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid var(--bs-primary);
}
.lnb-alarm-wrap li.new-alarm em {
  background: #ecbfc3;
  color: var(--bs-red);
}
.lnb-alarm-wrap li.new-alarm em:hover {
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid var(--bs-red);
}
#lnb nav {
  padding: 1.5rem 6px;
}
#lnb nav h4 {
  background: linear-gradient(to bottom, rgba(74, 133, 230, 1) 0%, rgba(53, 91, 204, 1) 100%);
  color: var(--bs-white);
  border-radius: 8px;
  font-size: 1.35em;
  padding: 0.9rem 3rem 0.9rem 1.3rem;
  position: relative;
}
#lnb nav h4:after {
  display: block;
  content: "";
  background: url("/img/common/lnb_menu_arrow_down.svg");
  width: 20px;
  height: 20px;
  right: 1rem;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
#lnb nav ul {
  border: 1px solid #DBE3EF;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: var(--bs-white);
  padding: 1rem 0.5rem
}
#lnb nav ul li {
  padding: 0;
}
#lnb nav ul li a {
  display: block;
  color: var(--bs-gray-400);
  font-size: 1.17em;
  font-weight: 500;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  padding: 0.5rem 0 0.5rem 1.6rem;
  position: relative;
}
#lnb nav ul li a:hover, #lnb nav ul li a.on {
  color: var(--bs-primary);
  font-weight: 900;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
#lnb nav ul li a:before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #B5B5B5;
  position: absolute;
  left: 0.8rem;
  top: 11px;
  display: block;
  content: "";
}
#lnb nav ul li a:hover:before, #lnb nav ul li a.on:before {
  background: var(--bs-primary);
}
.lnb-banner-wrap {
  margin: 0px 6px 22px 6px;
}
.lnb-banner-wrap p {
  border-radius: 4px;
  overflow: hidden;
}
.lnb-banner-wrap .slick-dots {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 9920;
}
.lnb-banner-wrap .slick-dots li {
  display: none;
  color: var(--bs-white);
  font-size: 10px;
  line-height: 1em;
}
.lnb-banner-wrap .slick-dots li.slick-active {
  display: block;
}
.lnb-cs-wrap {
  color: var(--bs-primary-dark);
  padding: 0.6rem 1rem;
}
.lnb-cs-wrap h5 {
  font-size: 1.09em;
}
.lnb-cs-wrap p {
  margin-top: 0.5rem;
}
.lnb-cs-wrap p strong {
  font-weight: 900;
  font-size: 1.2em;
}
.lnb-cs-wrap2 {
  color: var(--bs-primary-dark-hover);
  padding: 1.9rem 1rem;
}
.lnb-cs-wrap2 h5 {
  font-size: 1.09em;
}
.lnb-cs-wrap2 p {
  margin-top: 0.5rem;
}
.lnb-cs-wrap2 p strong {
  font-weight: 900;
  font-size: 1.2em;
}
/* ****************** RNB ********************** */
#rnb-toggle-label {
  background: linear-gradient(to bottom, var(--bs-primary-dark-hover) 0%, var(--bs-secondary-100) 100%);
  width: 17px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 133px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: 0;
  margin: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#rnb:has(#rnb-toggle:checked) {
  width: 0;
  height: 100vh
}
#rnb-toggle:checked ~ #rnb-toggle-label {
  left: -17px;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#rnb-toggle:checked ~ #rnb-toggle-label > .rnb-toggle-arrow {
  transform: rotate(0deg);
}
.rnb-toggle-arrow {
  background: url("/img/common/lnb_control_btn_close.svg") no-repeat;
  width: 10px;
  height: 9px;
  position: relative;
  transition: 0.3s ease-in-out;
  transform: rotate(180deg);
}
#rnb {
  width: 70px;
  background: var(--bs-rnb-bg);
  min-height: 100%;
  order: 2;
  position: fixed;
  right: 0;
  top: 0;
  padding-top: 113px;
}
#rnb ul {
  margin-top: 3.5rem;
}
#rnb li {
  text-align: center;
  padding: 1rem 0.5rem;
  border-bottom: 1px dashed #8499b9;
}
#rnb li span {
  display: block;
  margin-bottom: 0.6rem;
}
#rnb li a {
  font-size: 0.9em;
  color: var(--bs-white);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
#rnb li a:hover {
  font-weight: 700;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}
/* ****************** CONTENT AREA ********************** */
#sub-content {
  width: calc(100% - 190px); /* 25.02.19 210 > 190으로 변경 */
  display: flex;
}
#Container.admin-container #sub-content {
  width: calc(100% - 240px);
}
#lnb:has(#lnb-toggle:checked) ~ #sub-content {
  width: 100%;
}
#content {
  width: calc(100% - 70px); 
  order: 1;
  padding: 2rem;
  padding-bottom: 6rem;
}
#rnb:has(#rnb-toggle:checked) ~ #content {
  width: 100%;
}
#Container:not(:has(#rnb)) #content {
  width: 100%;
}

/* ****************** TOP ********************** */
.popup-to-top-btn {
  position: fixed;
  bottom: 75px;
  right: 15px;
  display: block;
  width: 30px;
  height: 40px;
  background-color: var(--bs-white);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
  font-size: 0.9em;
  text-align: center;
  line-height: 40px;
  color: var(--bs-gray-dark);
  z-index: 99;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
  border-radius: 20px;
}
.to-top-btn i {
  display: inline-block;
}

.box-radius {
  box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px;
  background-color: var(--bs-white);
  border-radius:10px;
  padding:0.2em 1.5em 1.5em;
  margin: 1.5em 0.5em 0;
  border: 1px solid #666;
}


/* 25.02.27 추가 */
/* 테마별 변경되는 컬러 모음 */ 
/* background에 쓰인 이미지는 테마별로 추가제작하여 css 이미지경로 변경해야함
/* 
 * html에 삽입된 이미지들... 일단 덮어씌움 
  http://project.colaw.co.kr:8080/img/common/profile.png 
  http://project.colaw.co.kr:8080/img/common/lnb_control_btn_close.svg
  http://project.colaw.co.kr:8080/img/common/lnb_btn_profile_mypage.svg
  http://project.colaw.co.kr:8080/img/common/lnb_btn_profile_logout.svg 
*/

/* 2025.03.19 이창준 비활성 주석
#sub-header {
  background: #152131;
}

#sub-gnb > ul > li .gnb-2dep:before {
  background: #4c4f65
}

#lnb {
  background: #f7f3f2;
}
#lnb-toggle-label {
  background: #fff;
}
.lnb-profile-btn > .btn:focus {
  color: #281c0a;
}
.lnb-toggle-arrow {
  width: 17px;
  height: 30px;
  background: url(/img/common/lnb_control_btn_close.svg) no-repeat;
}
#lnb nav h4 {
  background: #152131;
}
#lnb nav h4:after {
  background: url(/img/common/lnb_menu_arrow_down.svg) 
}
.lnb-profile-info > div p span {
  color: #f7f3f2;
  background-color: #152131;
}
.lnb-profile-btn > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #152131;
  border-color: #152131;
}
.lnb-used-wrap li strong {
   color: #2d4084!important
}
.lnb-alarm-wrap li {
  background: #fbf9f9;
  background-repeat: no-repeat;
  background-position: center center;
}
.lnb-alarm-wrap li em {
  color: #fff;
  background: #dfc076;
}
.lnb-cs-wrap,
.lnb-cs-wrap2 {
  color: #4040;
}


/* rnb */
#rnb {
  background: #152131
}
#rnb li {
  border-bottom: 1px dashed #e2e2e2;
}
/*
#rnb-toggle-label {
  background : #fff
}
.rnb-toggle-arrow {
  width: 17px;
  height: 30px;
  background: url(/img/common/lnb_control_btn_close.svg) no-repeat;
}
*/
/* contents */
.searchInner .label {
  color: #111;
}
.search-warp .btn-secondary[name="searchClearBtn"]:focus,
.search-warp .btn-secondary[name="searchClearBtn"]:hover,
.search-warp .btn-secondary[name="searchClearBtn"]:active {
  background: #f2f2f2
}
.search-warp .btn-secondary[name="searchClearBtn"] {
  color: #555;
  border-color: #999;
}
.btn-search {
  background: #152131;
  border-color: #152131;
}
.btn-search:focus,
.btn-search:active,
.btn-search:hover {
  background: #404040;
  border-color: #404040;  
}
.gridTable-tbl thead th {
 /* background: #f7f3f2;*/ /* --bs-lnb-bg */
 /* border-color: #dadadd;*/ /* --bs-gray-700 */ 
 /* border-top-color: #152131;*/ /* --bs-primary */
}
.paging-wrap ul li.active {
  background: #707186;
}
.popup-title {
  color: #171004;
  font-size: 1.5em;
}
.datepicker-box-select {
  /* background: #70634f; */
}
#sub-gnb > ul > li > a span:before {
  /* background-color: #897556;  */ /* --bs-skyblue */
}

#WContainer .tab-list-style {
  background: #152131 /* --bs-primary-dark */
}
.Wpopup-head {
  background: #152131; /*  --bs-primary-dark */
}

ul.nav > li > a:hover {
  background-color: inherit
}
.Wpopup-head li:before {
  background: #978d7d; /* --bs-primary */
}
.tableView tbody th {
  /* background: #f7f3f2; */ /* --bs-lnb-bg */
}
.basic-tab.non-fixed .tab-list-style ul {
  border-bottom: 1px solid #373d68; /* --bs-tabs-btn */
}
.gridTable-tbl tbody td {
  /* border-color: #dadadd!important; */
}