@charset "utf-8";
:root {
  --bs-blue: #1a8fcc;
  --bs-skyblue: #88DAFF;
  --bs-red: #dc3545;
  --bs-orange: #ff5e15;
  --bs-yellow: #FBDF54;
  --bs-green: #198754;
  --bs-gold: #C6A000;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray-100: #EFEFEF;
  --bs-gray-200: #D6D6D6;
  --bs-gray-300: #838383;
  --bs-gray-400: #323232;
  --bs-gray-500: #171616;
  --bs-gray-600: #494A53;
  --bs-gray-700: #B9B9B9;
  --bs-primary: #378EF0; /* 주조색  */
  --bs-primary-dark: #2D4084; /* 주조색 다크블루 */
  --bs-primary-dark-hover: #0C53A7; /* 주조색 다크블루 */
  --bs-secondary-100: #459CFF;
  --bs-secondary-200: #0D66D0;
  --bs-secondary-300: #E3EFFF;
  --bs-secondary-400: #CBEBFF;
  --bs-secondary-500: #536BBA;
  --bs-secondary-600:#56309d;
  --bs-secondary-700:#d841c4;
  --bs-secondary-800:#6c9900;
  --bs-secondary-green:#3f8b58; /* 25.02.25 추가 */
  --bs-secondary-darkgold:#78513d; /* 25.02.25 추가 */
  --bs-primary-font: #333333; /* 폰트칼라  */
  --bs-primary-main-font: #111; /* 25.02.26 추가 */
  --bs-secondary-main-font: #555; /* 25.02.26 추가 */
  --bs-btn-border-100: #D1D1D1;
  --bs-btn-border-200: #D3D3D3; /* input border 칼라  */
  --bs-lnb-bg: #EDF3FC;
  --bs-rnb-bg: #92A6C3;
  --bs-tabs-btn: #56669D;
  --bs-tabs-btn-select: linear-gradient(to bottom, #4A85E6 0%, #355BCC 100%);
  --bs-bg-100: #FFFAE2;
  --bs-bg-200: #fafafa;
  --bs-bg-300: #f2f6f9; /* 25.02.26 추가 */
  --bs-font-sans-serif: 'Pretendard', "돋움", Dotum, Arial, sans-serif;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 5px;
  /*가로 스크롤바 height 과하게 높아서 조정(24.07.30)*/
  height: 5px;
}
::-webkit-scrollbar-thumb {
  height: 30px;
  background-color: var(--bs-primary);
  border-radius: 10px;
  background-clip: padding-box;
  border: 0px solid transparent;
}
html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
}
body, table, th, td, button, select, input, textarea, pre {
  font-family: var(--bs-font-sans-serif);
  color: var(--bs-primary-font);
  line-height: 1;
  font-size: 1.080em;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  /* letter-spacing: 0.05em; 24.02.19 삭제*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
audio, canvas, img, video {
  vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 3.6rem;
}
h2 {
  font-size: 2.8rem;
}
h3 {
  font-size: 2rem;
}
h4 {
  font-size: 1.45rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 0.8rem;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img, fieldset {
  border: 0;
}
input, select, textarea {
  line-height: 1.2;
  vertical-align: middle;
  border: 1px solid var(--bs-btn-border-200);
  padding: 7px;
  font-size: 13px;
}
input {
  padding: 0 7px;
  border-radius: 1px;
  height: 27px;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border: none;
}
input:read-only, textarea:read-only, select:disabled {
  background-color: #f7f7f7;
}
input:read-only:focus, textarea:read-only:focus, select:disabled:focus {
  border: 1px solid #dcdcdc !important;
}
input::placeholder {
  text-align: left;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color: transparent !important;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: transparent !important;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}
input:focus, textarea:focus {
  border: 1px solid var(--bs-gray-300) !important;
}
input[type=radio], input[type=checkbox] {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
input[type=radio] {
  display: none !important;
}
input[type=radio] + label {
  display: inline-block;
  background: var(--bs-white);
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 0.2em;
  vertical-align: middle;
  border: 1px solid var(--bs-gray-200);
  border-radius: 50%;
  position: relative;
}
input[type=radio]:checked + label:after {
  background: var(--bs-primary);
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  border-color: var(--bs-primary);
  content: "";
}
input[type=radio] + label + label {
  color: var(--bs-gray-300);
  margin-right: 0.5em;
}
input[type=radio]:disabled + label {
  background: var(--bs-gray-100);
  box-shadow: none;
  opacity: 0.9;
  cursor: not-allowed;
  border-color: var(--bs-gray-200);
}
input[type=radio]:disabled + label:after {
  background: var(--bs-gray-200);
  border-color: var(--bs-gray-200);
}
input[type=checkbox] {
  display: none !important;
}
input[type=checkbox] + label {
  display: inline-block;
  background: var(--bs-white);
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 0 0.2em;
  vertical-align: middle;
  border: 1px solid var(--bs-gray-200);
  border-radius: 4px;
}
input[type=checkbox]:checked + label {
  background: var(--bs-primary) url("/img/common/ico_checkbox.svg") center center no-repeat;
  border-color: var(--bs-primary);
}
input[type=checkbox] + label + label {
  color: var(--bs-gray-300);
  margin-right: 0.5em;
}
input[type=checkbox]:disabled + label {
  background-color: var(--bs-gray-100);
  box-shadow: none;
  opacity: 0.9;
  cursor: not-allowed;
  border-color: var(--bs-gray-200);
}
button {
  line-height: normal;
}
textarea {
  resize: vertical;
  overflow: auto;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("/img/common/ico_select.svg") no-repeat 100% 50%;
  padding: 0 30px 0 7px;
  height: 27px;
  border: 1px solid var(--bs-btn-border-200);
  min-width: 120px;
  border-radius: 1px;
}
select::-ms-expand {
  display: none;
}
select:focus {
  border: 1px solid var(--bs-gray-300) !important;
}
select:required, input:required, textarea:required {
  border-color: var(--bs-primary-dark-hover);
}
select:required:focus, input:required:focus, textarea:required:focus {
  border-color: var(--bs-primary-dark) !important;
}
input:read-only:required, textarea:read-only:required {
  border: 1px solid var(--bs-gray-300) !important;
}
address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}
label {
  cursor: pointer;
}
caption {
  display: none;
  visibility: hidden;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
a {
  color: var(--bs-gray-300);
  text-decoration: none;
}
a:not(.underline):active, a:not(.underline):hover, a:not(.underline):focus {
  text-decoration: none;
}
button {
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  border: 0px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button:active, button:hover, button:focus {
  outline: 0;
}
.ellipsis-1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.cm-al {
  text-align: left !important;
}
.cm-ac {
  text-align: center !important;
}
.cm-ar {
  text-align: right !important;
}
.cm-fb {
  font-weight: bold;
}
.cm-f500 {
  font-weight: 500;
}
.cm-f600 {
  font-weight: 600;
}
.cm-f700 {
  font-weight: 700;
}
.cm-f800 {
  font-weight: 800;
}
.max-img {
  max-width: 100%;
}
.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0
}
.cm-accessibility a {
  position: absolute;
  text-align: center;
  width: 200px;
  display: block;
  background: #c52227;
  color: #fff;
  left: -9999px;
}
.cm-accessibility a:hover {
  z-index: 999999;
  margin-left: -100px;
  left: 50%;
}
.cm-accessibility a:focus {
  z-index: 999999;
  margin-left: -100px;
  left: 50%;
}
.cm-accessibility a:active {
  z-index: 999999;
  margin-left: -100px;
  left: 50%;
}
@media all and (max-width:1280px) {
  h1 {
    font-size: 3.2rem;
  }
  h2 {
    font-size: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.25rem;
  }
}
@media all and (max-width: 820px) {
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.6rem;
  }
  h4 {
    font-size: 1.05rem;
  }
  h5 {
    font-size: 1rem;
  }
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  h1 {
    font-size: 3.2rem;
  }
  h2 {
    font-size: 2.6rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.25rem;
  }
}
/* layout */
#wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
}
#wrap.hasBasicHeader {
  overflow: inherit;
}
/* ****************** 공통클래스 ********************** */
.area-s {
  max-width: 1280px;
  margin: 0px auto;
  position: relative;
}
.area {
  max-width: 1350px;
  margin: 0px auto;
  position: relative;
}
.area-m {
  max-width: 1480px;
  margin: 0px auto;
  position: relative;
}
.area-md {
  max-width: 1548px;
  margin: 0px auto;
  position: relative;
}
.area-lg {
  max-width: 1720px;
  margin: 0px auto;
  position: relative;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  clear: both;
  display: block;
  content: "";
}
.table-layout {
  display: table;
  width: 100%;
  height: 100%;
}
.table-cell-layout {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.table-fixed {
  table-layout: fixed;
}
/* ****************** Layout ********************** */
.display-flex {
  display: flex;
}
.justify-center {
  justify-content: center !important
}
.justify-space-between {
  justify-content: space-between !important
}
.justify-start {
  justify-content: flex-start !important
}
.justify-end {
  justify-content: flex-end !important
}
.align-center {
  align-items: center !important
}
.display-block {
  display: block;
}
.display-inlineblock {
  display: inline-block;
}
.flex-wrap {
  flex-wrap: wrap;
}

/* 25.02.25 추가 */
.flex-stretch-center {
  display:flex;
  align-items: stretch;
  gap: 3px;
}
.flex-stretch-center > * {
  display:flex;
  align-items: center;
}

/* 25.02.19 gap-01 ~ 04 추가 */
.gap-01 {
  gap: 0.1rem;
}
.gap-02 {
  gap: 0.2rem;
}
.gap-03 {
  gap: 0.3rem;
}
.gap-04 {
  gap: 0.4rem;
}
.gap-05 {
  gap: 0.5rem;
}
.gap-1 {
  gap: 1rem;
}
.gap-15 {
  gap: 1.5rem;
}
.gap-2 {
  gap: 2rem;
}
.align-self-center {
  align-self: center;
}
.align-self-end {
  align-self: end;
}
/* ****************** Link ********************** */
.underline {
  text-decoration: underline;
}
.font-11 {
  font-size: 11px;
  font-weight: 400;
}
.font-13 {
  font-size: 13px;
  font-weight: 400;
}
.font-14 {
  font-size: 1.17em;
}
.font-15 {
  font-size: 1.25em;
}
.font-16 {
  font-size: 1.35em;
}
/* ****************** TITLE ********************** */
.blue-tit {
  color: var(--bs-primary);
  font-weight: 700;
  margin: 0.8rem 0;
  text-transform: uppercase;
}
.gray-tit {
  color: #505050;
  font-weight: 700;
  margin: 0.8rem 0;
  text-transform: uppercase;
}
.sub-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--bs-btn-border-100);
  padding-bottom: 1rem;
  margin-bottom: 1.67em;
}
.sub-title h4 {
  color: var(--bs-gray-400);
  font-weight: 700;
  font-size: 1.67em;
  background: url("/img/common/ico_sub_title.svg") no-repeat left center;
  padding-left: 12px;
}
.sub-title p {
  background: url("/img/common/ico_home.svg") no-repeat center left;
  padding-left: 20px;
}
.sub-title p span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  color: var(--bs-gray-300);
}
.sub-title p span:before {
  position: absolute;
  left: 0;
  top: 0;
  background: url("/img/common/ico_nav_arrow.svg") no-repeat center center;
  width: 5px;
  height: 100%;
  display: block;
  content: "";
}
.sub-title p span:last-child {
  padding-right: 0;
}
.popup-title {
  color: var(--bs-primary-dark);
  font-weight: 700;
  font-size: 1.73em;
  background: url("/img/common/ico_popup_bl.svg") no-repeat left center;
  padding-left: 12px;
  margin: 1.2rem 0 0.5rem;
  position: relative;
}
.popup-title.line {
  margin-bottom: 10px;
}
.popup-title.line:after {
  border-bottom: 2px solid var(--bs-gray-300);
  display: block;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
}
.popup-sub-title {
  color: var(--bs-primary-dark);
  font-weight: 700;
  font-size: 1.13em;
  margin: 0.5rem 0;
}
/* ****************** FONT ********************** */
.basic-text {
  color: var(--bs-primary-font)!important;
}
.primary-text {
  color: var(--bs-primary) !important;
}
.primary-dark-text {
  color: var(--bs-primary-dark)!important;
}
.black-text {
  color: var(--bs-black) !important;
}
.white-text {
  color: var(--bs-white) !important;
}
.blue-text {
  color: var(--bs-secondary-200)!important;
}
.skyblue-text {
  color: var(--bs-skyblue)!important;
}
.red-text {
  color: var(--bs-red)!important;
}
.orange-text {
  color: var(--bs-orange)!important;
}
.yellow-text {
  color: var(--bs-yellow)!important;
}
.green-text {
  color: var(--bs-green)!important;
}
.gold-text {
  color: var(--bs-gold)!important;
}
.pink-text {
  color: var(--bs-secondary-700) !important;
}
.light-green-text {
  color: var(--bs-secondary-800) !important;
}
.gray-text {
  color: var(--bs-gray-300) !important;
}
.purple-text {
  color: var(--bs-secondary-600) !important;
}
.help-text {
  padding: 0;
  line-height: 1.4;
  display: flex;
  color: var(--bs-gray-300);
  margin: 0.5rem 0;
}
.help-text em {
  background: url("/img/common/ico_info.svg") no-repeat left center;
  width: 14px;
  height: 17px;
  margin-right: 0.5rem;
}
.help-text p {
  width: calc(100% - 14px - 0.5rem);
}
.essential-text {
  color: var(--bs-orange);
  font-weight: 700;
  display: inline-block;
  margin-left: 0.4rem;
}
.help-text.big-help {
  font-size: 1.17em;
  color: var(--bs-gray-400);
  font-weight: 500;
}
.help-text.big-help em {
  width: 24px;
  height: 29px;
  background: url("/img/common/ico_info.svg") no-repeat left center;
  background-size: 24px 29px;
}
.popup-title ~ .help-text {
  margin-top: 1.5rem;
}
.line-height13 {
  line-height: 1.3;
}
/* ****************** BG ********************** */
.bg-yellow {
  background: var(--bs-bg-100) !important;
}
.bg-black {
  background: var(--bs-black) !important;
}
.bg-gray-01 {
  background: var(--bs-bg-200) !important;
}
.bg-gray-02 {
  background: var(--bs-gray-100) !important;
}
.bg-gray-03 {
  background: var(--bs-rnb-bg) !important;
}
.bg-gray-04 {
  background: var(--bs-gray-300) !important;
}
.bg-primary {
  background: var(--bs-primary) !important;
}
.bg-red {
  background: var(--bs-red) !important;
}
.bg-gold {
  background: var(--bs-gold) !important;
}
.bg-green {background: var(--bs-green) !important;}
.bg-orange {background: var(--bs-orange) !important;}
.bg-skyblue {background: var(--bs-skyblue) !important;}
.bg-primary-dark {
  background: var(--bs-primary-dark) !important;
}
.bg-purple {
  background: var(--bs-secondary-600) !important;
}
.bg-pink {
  background: var(--bs-secondary-700) !important;
}
.bg-lignt-green {
  background: var(--bs-secondary-800) !important;
}
.bg-state-02 {
  background: var(--bs-green) !important;
  border-color: var(--bs-green) !important;
}
.bg-state-03 {
  background: var(--bs-gold) !important;
  border-color: var(--bs-gold) !important;
}
.bg-state-04 {
  background: var(--bs-orange) !important;
  border-color: var(--bs-orange) !important
}
/* ****************** BUTTON ********************** */
.btn {
  color: var(--bs-white);
  font-weight: 700;
}
.btn span:has(img), .btn font:has(img) {
  display: inline-block;
  margin-right: 0.3rem;
  margin-left: 0.3rem; /* 25.02.27 추가 */
  vertical-align: middle;
  font-size: 0;
}
.btn span[class^="i"] {
  margin-right: 0.5rem;
  vertical-align: middle;
}
/*basic*/
.btn-primary {
  background: var(--bs-primary-dark);
  border-color: var(--bs-primary-dark);
}
.btn-primary:hover {
  background: var(--bs-primary-dark-hover);
  border-color: var(--bs-primary-dark-hover);
}
.btn-primary:active {
  background: var(--bs-secondary-200);
  border-color: var(--bs-secondary-200);
}
.btn-primary:focus {
  background: var(--bs-primary-dark);
  border-color: var(--bs-primary-dark);
}
.btn-primary:disabled {
  background: var(--bs-gray-100);
  border-color: var(--bs-gray-100);
  cursor: default;
  color: var(--bs-gray-200);
}
/*sub*/
.btn-secondary {
  background: var(--bs-white);
  border-color: var(--bs-secondary-200);
  color: var(--bs-primary-dark);
}
.btn-secondary:hover {
  background: var(--bs-secondary-300);
  color: var(--bs-secondary-200);
}
.btn-secondary:active {
  background: var(--bs-secondary-400);
  border-color: var(--bs-secondary-200);
  color: var(--bs-secondary-200);
}
.btn-secondary:focus {
  background: var(--bs-secondary-300);
  border-color: var(--bs-secondary-100);
}
.btn-secondary:disabled {
  background: var(--bs-gray-100);
  border-color: var(--bs-btn-border-100);
  cursor: default;
  color: var(--bs-gray-200);
}

/*sub*/
.btn-gray {
  background: var(--bs-gray-300);
  border-color: var(--bs-gray-300);
  color: var(--bs-white);
}
.btn-gray:hover {
  background: var(--bs-gray-600);
  border-color: var(--bs-gray-600);
}
.btn-gray:active {
  background: var(--bs-gray-200);
  border-color: var(--bs-gray-300);
  color: var(--bs-gray-600);
}
.btn-gray:focus {
  background: var(--bs-gray-200);
  border-color: var(--bs-gray-300);
  color: var(--bs-gray-600);
}
.btn-gray:disabled {
  background: var(--bs-gray-100);
  border-color: var(--bs-btn-border-100);
  cursor: default;
  color: var(--bs-gray-200);
}

/*sub-white ver*/
.btn-secondary-white {
  background: transparent;
  border-color: var(--bs-white);
}
.btn-secondary-white:hover {
  background: rgba(255, 255, 255, 0.2);
}
.btn-secondary-white:active {
  background: var(--bs-secondary-200);
}
.btn-secondary-white:focus {
  background: transparent;
  border-color: var(--bs-secondary-100);
}
.btn-secondary-white:disabled {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: default;
  color: rgba(255, 255, 255, 0.5);
}

/* 25.02.25 green 스타일 추가 */
.btn-secondary-green {
  color: var(--bs-secondary-green);
  border-color: var(--bs-secondary-green);
  background: transparent;
}
.btn-secondary-green:disabled {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: default;
  color: rgba(255, 255, 255, 0.5);
}

/* 25.02.25 darkgold 스타일 추가 */
.btn-secondary-darkgold {
  color: var(--bs-secondary-darkgold);
  border-color: var(--bs-secondary-darkgold);
  background: transparent;
}
.btn-secondary-darkgold:disabled {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: default;
  color: rgba(255, 255, 255, 0.5);
}

/*tertiary (red_btn)*/
.btn-tertiary {
  background: var(--bs-red);
  border-color: var(--bs-red);
  color: var(--bs-white);
}
.btn-secondary:hover {
  background: var(--bs-secondary-300);
  color: var(--bs-secondary-200);
}
.btn-tertiary:active {
  background: var(--bs-secondary-400);
  border-color: var(--bs-secondary-200);
  color: var(--bs-secondary-200);
}
.btn-tertiary:focus {
  background: var(--bs-secondary-300);
  border-color: var(--bs-secondary-100);
}
.btn-tertiary:disabled {
  background: var(--bs-gray-100);
  border-color: var(--bs-btn-border-100);
  cursor: default;
  color: var(--bs-gray-200);
}

/*search ver*/
.btn-search {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  line-height: 50px;
}
.btn-search:hover {
  background: var(--bs-secondary-100);
}
.btn-search:active {
  background: var(--bs-secondary-200);
}
.btn-search:focus {
  background: var(--bs-secondary-200);
}
.btn-search:disabled {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  cursor: default;
  color: rgba(255, 255, 255, 0.5);
}
.btn-search span {
  vertical-align: middle;
  margin-right: 0.4rem;
}
.searchButton-wrap:has(:not(.btn-secondary)) .btn-search {
  line-height: inherit;
}
.btn.btn-img {
  padding: 1px 0;
  width: 21px;
  display: inline-block;
  text-align: center;
}
.btn.link-btn {
  padding: 0 0.4rem;
  min-width: 30px;
  line-height: 28px;
  position: relative;
}
.btn.link-btn:after {
  display: none;
  content: attr(data-content);
  position: absolute;
  right: -6px;
  top: -6px;
  width: 14px;
  line-height: 14px;
  border-width: 1px;
  border-style: solid;
  background: var(--bs-white);
  font-size: 10px;
  font-weight: 700;
  border-radius: 50%;
  text-align: center;
}
.btn.link-btn:disabled {
  background: var(--bs-gray-700);
  border-color: var(--bs-gray-700);
  color: var(--bs-white);
}
.btn.link-btn:not(:has(img)) {
  min-width: 45px;
  width: 100%;
}
.btn.link-btn.link-gray-btn {
  background: var(--bs-gray-700);
  border-color: var(--bs-gray-700);
  color: var(--bs-white);
}
.btn.link-btn.link-green-btn {
  background: var(--bs-green);
  border-color: var(--bs-green);
}
.btn.link-btn.link-green-btn:after {
  border-color: var(--bs-green);
  color: var(--bs-green);
}
.btn.link-btn.link-orange-btn {
  background: var(--bs-orange);
  border-color: var(--bs-orange);
}
.btn.link-btn.link-orange-btn:after {
  border-color: var(--bs-orange);
  color: var(--bs-orange);
}
.btn.link-btn.link-blue-btn {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn.link-btn.link-blue-btn:after {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
.btn.link-btn.link-primary-btn {
  background: var(--bs-primary-dark);
  border-color: var(--bs-primary-dark);
}
.btn.link-btn.link-primary-btn:after {
  border-color: var(--bs-primary-dark);
  color: var(--bs-primary-dark);
}
.popup-title ~ .btn {
  margin-top: 1.2rem;
}
/* Split Text (plugin) */
.word-split {
  overflow: hidden;
  opacity: 0;
}
.word-split.splitting {
  opacity: 1.0;
}
.word-split.splitting .word {
  overflow: hidden;
  display: inline-block;
}
.word-split.splitting .char {
  display: inline-block;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}
.splitting .char {
  animation: slide-in 2s cubic-bezier(.2, 0, .1, 1) both;
  animation-delay: calc(50ms * var(--char-index)) !important;
  will-change: transform;
  transform-origin: center left;
}
@keyframes slide-in {
  from {
    transform: translateY(2em);
    opacity: 0;
  }
}
.triggerScroll .splitting .char {
  animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.triggerScroll.active .splitting .char {
  animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.splitting.delay .char {
  animation-delay: calc(75ms * var(--char-index)) !important;
}
@keyframes text-active-animation {
  from {
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  to {
    opacity: 1.0;
    filter: Alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes text-fade-out {
  from {
    opacity: 1.0;
    filter: Alpha(opacity=100);
  }
  to {
    opacity: 0;
    filter: Alpha(opacity=0);
  }
}
/* ****************** LIST TYPE ********************** */
.arrow_ul li {
  position: relative;
  padding: 0.2rem 0 0.2rem 10px;
  line-height: 1.3;
}
.arrow_ul li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background: url("/img/common/dot_arrow.svg") no-repeat;
  width: 4px;
  height: 6px;
}
.dot_ul li {
  position: relative;
  padding: 0.2rem 0 0.2rem 10px;
  line-height: 1.3;
}
.dot_ul li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  background: var(--bs-rnb-bg);
  border-radius: 50%;
  width: 3px;
  height: 3px;
}
.dot_ul li.font-14:before {
  top: 9px;
}
/* ****************** ICON TYPE ********************** */
.i-search {
  background: url("/img/common/ico_search.svg");
  width: 12px;
  height: 12px;
  display: inline-block;
}
.i-del {
  background: url("/img/common/ico_x.svg") no-repeat;
  width: 10px;
  height: 8px;
  display: inline-block;
}
.i-del-white {
  background: url("/img/common/ico_x_white.svg") no-repeat;
  width: 10px;
  height: 8px;
  display: inline-block;
}
.i-help {
  background: url("/img/common/ico_tooltip.svg") no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.i-save {
  background: url("/img/common/ico_save.svg") no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.i-save.blue {
  background: url("/img/common/ico_save_blue.svg") no-repeat;
}
.i-print {
  background: url("/img/common/ico_print_white.svg") no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block;
}
.i-copy-blue {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url("/img/common/ico_document_blue.svg") no-repeat;
}
/* ****************** LIST TYPE ********************** */
.wid100 {
  width: 100%
}
.wid95 {
  width: 95%
}
.wid90 {
  width: 90%
}
.wid80 {
  width: 80%
}
.wid70 {
  width: 70%
}
.wid75 {
  width: 75%
}
.wid60 {
  width: 60%
}
.wid50 {
  width: 50%
}
.wid49 {
  width: 49.5%
}
.wid45 {
  width: 45%
}
.wid40 {
  width: 40%
}
.wid30 {
  width: 30%
}
.wid35 {
  width: 35%
}
.wid33 {
  width: 33.333%
}
.wid25 {
  width: 25%
}
.wid24 {
  width: 24%;
}
.wid20 {
  width: 20%;
}
.wid15 {
  width: 15%;
}
.wid10 {
  width: 10%;
}
.wid05 {
  width: 5%;
}

/* 25.02.28 추가 */
.wid25p {
  width: 25px
}
.wid60p {
  width: 60px
}
.wid90p {
  width: 90px
}
.wid100p {
  width: 100px
}
.wid120p {
  width: 120px
}
.wid130p {
  width: 130px
}
.wid140p {
  width: 140px
}
.wid150p {
  width: 150px
}
.wid200p {
  width: 200px
}
.wid195p {
  width: 195px
}
/* 25.02.25 클래스 추가 */
.min-wid-150 {
  min-width: 150px
}
.min-wid-auto {
  min-width: 60px;
}

/* 25.02.25 max-wid 유형 클래스 추가 */
.max-wid-200 {
  max-width: 200px!important;
}
.max-wid-250 {
  max-width: 250px!important;
}
.max-wid-300 {
  max-width: 300px!important;
}

/* ****************** MARGIN ********************** */
.marT0 {
  margin-top: 0 !important;
}
.marT05 {
  margin-top: 0.5rem;
}
.marT1 {
  margin-top: 1rem;
}
.marT15 {
  margin-top: 1.5rem;
}
.marB0 {
  margin-bottom: 0 !important;
}
.marTB0 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
/* ****************** TABS ********************** */
.basic-tab .tab-list-style ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.basic-tab .tab-list-style ul li {
  display: table-cell;
  padding: 0 1.5px;
  position: relative;
}
.basic-tab .tab-list-style ul li a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: var(--bs-tabs-btn);
  display: block;
  font-weight: 600;
  font-size: 1.1em;
  color: rgba(255, 255, 255, 0.5);
  padding: 0.85rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  overflow: hidden;
}
.basic-tab .tab-list-style ul li.selected > a {
  background: var(--bs-tabs-btn-select);
	color:var(--bs-white);
}
.basic-tab .tab-list-style ul li.selected:after {
  border-top: 6px solid #355BCC;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0px solid transparent;
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.basic-tab .tab-content .tab-con {
  padding: 2rem;
}
.basic-tab.non-fixed .tab-list-style ul {
  display: flex;
  width: 100%;
	border-bottom:1px solid var(--bs-tabs-btn);
}
.basic-tab.non-fixed .tab-list-style ul li {
  display: block;
}
.basic-tab.non-fixed .tab-list-style ul li.selected:after {display:none;}
.vertical-tab {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: 1px solid var(--bs-btn-border-200);
  background: var(--bs-bg-200);
  margin-top: 0.5rem;
}
.vertical-tab .tab-list-style {
  order: 2;
  width: 25px;
  border-left: 1px solid var(--bs-btn-border-200);
  background: var(--bs-gray-100)!important;
	padding:0 !important;
}
.vertical-tab .tab-list-style ul {
    width: 100%;
    display: block;
    table-layout: auto;
}
.vertical-tab .tab-content {
  order: 1;
  width: calc(100% - 25px);
}
.vertical-tab .tab-list-style ul li {
  padding: 0;
  border-bottom: 1px solid var(--bs-btn-border-200);
	display: block;
}
.vertical-tab .tab-list-style ul li:last-child {
  border-bottom: 0;
}
.vertical-tab .tab-list-style ul li a {
  background: var(--bs-gray-100);
  display: block;
  font-size: 1.1em;
  color: rgba(45, 64, 132, 0.5);
  padding: 1rem 0.3rem;
  position: relative;
  writing-mode: vertical-lr;
  width: 100%;
  font-weight: 600;
  letter-spacing: -1px;
	border-radius:0;
}
.basic-tab .vertical-tab .tab-list-style ul li.selected:after {display:none}
.vertical-tab .tab-list-style ul li.selected a {
  background: var(--bs-bg-200);
  color: var(--bs-primary-dark);
}
.vertical-tab .tab-content .tab-con {
  padding: 8px;
}
.note-tab .tab-list-style ul {
  display: table;
  table-layout: fixed;
  width: 100%;
	border-bottom:1px solid var(--bs-gray-200);
	
}
.note-tab .tab-list-style ul li {
  display: table-cell;
  padding: 0px;
  position: relative;
}
.note-tab .tab-list-style ul li a {
  display: block;
  font-weight: 600;
  font-size: 1.1em;
  padding: 0.85rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  overflow: hidden;
}
.note-tab .tab-list-style ul li.selected a {
	color:var(--bs-primary);
}
.note-tab .tab-content .tab-con {
  padding: 1rem ;
	overflow:scroll;
	max-height:448px;
}
.sms-tab .tab-list-style ul {
  display: flex;
  width: 100%;
}
.sms-tab .tab-list-style ul li {
  padding: 0px;
  position: relative;
	border-top:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
}
.sms-tab .tab-list-style ul li:last-child {border-right:1px solid #E5E5E5;}
.sms-tab .tab-list-style ul li a {
  background: var(--bs-gray-100);
  display: block;
  font-weight: 600;
  font-size: 1.1em;
  color: rgba(45, 64, 132, 0.5);
  padding: 1rem 1.5rem;
  text-align: center;
  position: relative;
}
.sms-tab .tab-list-style ul li.selected a {
  background: var(--bs-bg-200);
	  color:var(--bs-primary-dark);
}
.sms-tab .tab-content .tab-con {
  padding: 1rem;
	border:1px solid #E5E5E5;
	background: var(--bs-bg-200);
	position:relative;
}
@media all and (max-width:1550px) {
  .area-md {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media all and (max-width:1480px) {
  .area-m {
    padding-left: 15px;
    padding-right: 15px;
  }
  select {
    min-width: auto;
  }
}
@media all and (max-width: 1350px) {
  .area {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sub-title {
    padding-bottom: 0.5rem;
    margin-bottom: 0.9em;
  }
}
@media all and (max-width:1280px) {
  .area-s {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media all and (max-width:1140px) {
  .basic-tab .tab-content .tab-con {
    padding: 1rem;
  }
}
.ui-datepicker {
  z-index: 9999 !important;
}