@charset "utf-8";
/* CSS Document */
/* jQuery UI Datepicker 기본 스타일 (CDN) - datepicker.css에서 오버라이드 */
@import url("https://code.jquery.com/ui/1.13.3/themes/base/jquery-ui.css");
@import "layout.css?v=20260126175948";
@import "root.css?v=20260126175948";
@import "reset.css?v=20260126175948";
@import "font.css?v=20260126175948";
@import "input.css?v=20260126175948";
@import "table.css?v=20260126175948";
@import "button.css?v=20260126175948";
@import "loading.css?v=20260126175948";
@import "etc.css?v=20260126175948";
@import "datepicker.css?v=20260126175948";
/* Vue 마운트 끝난후 화면 그림 */
[v-cloak] {
  display: none;
}
/* padding */
.p0 {
  padding: 0px !important
}
.p05 {
  padding: 5px !important
}
.p10 {
  padding: 10px !important
}
.p20 {
  padding: 20px !important
}
.pL10 {
  padding-left: 10px !important
}
.pL20 {
  padding-left: 20px !important
}
.pL30 {
  padding-left: 30px !important
}
.pL25 {
  padding-left: 25px !important
}
.pR20 {
  padding-right: 20px !important
}
.pT05 {
  padding-top: 5px
}
.pT10 {
  padding-top: 10px;
}
.pT50 {
  padding-top: 50px;
}
.pB10 {
  padding-bottom: 10px;
}
/* margin */
.mB0 {
  margin-bottom: 0 !important
}
.mT0 {
  margin-top: 0 !important
}
.mT05 {
  margin-top: 05px !important
}
.mT10 {
  margin-top: 10px !important
}
.mT20 {
  margin-top: 20px !important
}
.mT30 {
  margin-top: 30px !important
}
.mT40 {
  margin-top: 40px !important
}
.mT50 {
  margin-top: 50px !important
}
.mB05 {
  margin-bottom: 5px !important;
}
.mB10 {
  margin-bottom: 10px !important;
}
.mB20 {
  margin-bottom: 20px !important;
}
.mB30 {
  margin-bottom: 30px !important;
}
.mL0 {
  margin-left: 0 !important
}
.mL05 {
  margin-left: 5px !important
}
.mL10 {
  margin-left: 10px !important
}
.mL20 {
  margin-left: 20px !important
}
.mL30 {
  margin-left: 30px !important
}
.mL40 {
  margin-left: 40px !important
}
.mL50 {
  margin-left: 50px !important
}
.mL100 {
  margin-left: 100px !important
}
.mR0 {
  margin-right: 0 !important;
}
.mR05 {
  margin-right: 5px !important;
}
.mR10 {
  margin-right: 10px !important;
}
.mR20 {
  margin-right: 20px !important;
}
.mR30 {
  margin-right: 30px !important;
}
.mR50 {
  margin-left: 50px !important;
}
.mT30m {
  margin-bottom: -25px;
  display: block !important
}
/* align */
.Center {
  text-align: center !important
}
.Left {
  text-align: left !important
}
.Right {
  text-align: right !important
}
.vM {
  vertical-align: middle
}
/* display */
.dI {
  display: inline !important
}
.dIB {
  display: inline-block !important
}
.dB {
  display: block !important
}
.dC {
  display: contents !important
}
.dF {
  display: flex !important;
}
.dF-C {
  justify-content: center !important
}
.dF-jc {
  justify-content: space-between !important
}
.dF-w {
  flex-wrap: wrap;
  gap: 5px 0;
}
.dF-b {
  align-items: flex-end !important
}
.dF-ic {
  align-items: center !important
}
.dF-col {
  flex-direction: column !important;
}
.dF-row {
  flex-direction: row !important;
}
.dF-end {
  justify-content: flex-end;
}
.dF-grow {
  flex-grow: 1;
}
.g10 {
  gap: 10px !important
}
.dF-se {
  justify-content: space-evenly
}
.mauto {
  margin: 0 auto
}
/* width */
/* % */
.wp10 {
  width: 10% !important
}
.wp15 {
  width: 15% !important
}
.wp20 {
  width: 20% !important
}
.wp25 {
  width: 25% !important
}
.wp30 {
  width: 30% !important
}
.wp35 {
  width: 35% !important
}
.wp40 {
  width: 40% !important
}
.wp45 {
  width: 45% !important
}
.wp50 {
  width: 50% !important
}
.wp55 {
  width: 55% !important
}
.wp60 {
  width: 60% !important
}
.wp65 {
  width: 65% !important
}
.wp70 {
  width: 70% !important
}
.wp75 {
  width: 75% !important
}
.wp80 {
  width: 80% !important
}
.wp85 {
  width: 85% !important
}
.wp90 {
  width: 90% !important
}
.wp100 {
  width: 100% !important
}
/* height */
/* % */
.hp10 {
  height: 10% !important
}
.hp20 {
  height: 20% !important
}
.hp30 {
  height: 30% !important
}
.hp35 {
  height: 30% !important
}
.hp40 {
  height: 40% !important
}
.hp45 {
  height: 45% !important
}
.hp50 {
  height: 50% !important
}
.hp60 {
  height: 60% !important
}
.hp70 {
  height: 70% !important
}
.hp80 {
  height: 80% !important
}
.hp85 {
  height: 85% !important
}
.hp90 {
  height: 90% !important
}
.hp95 {
  height: 95% !important
}
.hp100 {
  height: 100% !important
}
.vh100 {
  height: 100vh !important
}
.allH {
  height: calc(100vh - 215px) !important
}
.hFit {
  height: fit-content !important
}
/* px */
.w40 {
  width: 40px !important
}
.w60 {
  width: 60px !important
}
.w70 {
  width: 70px !important
}
.w75 {
  width: 75px !important
}
.w80 {
  width: 80px !important
}
.w100 {
  width: 100px !important
}
.w120 {
  width: 120px !important
}
.w130 {
  width: 130px !important
}
.w150 {
  width: 150px !important
}
.w200 {
  width: 200px !important
}
.w300 {
  width: 300px !important
}
.w400 {
  width: 400px !important
}
.w450 {
  width: 450px !important
}
.w500 {
  width: 500px !important
}
.w1000 {
  width: 1000px !important
}
.w1100 {
  width: 1100px !important
}
.w1200{width: 1200px !important}
.h24 {
  height: 24px !important
}
.h30 {
  height: 30px !important
}
.h60 {
  height: 60px !important
}
.h80 {
  height: 80px !important
}
.h100 {
  height: 100px !important
}
.h120 {
  height: 120px !important
}
.h140 {
  height: 140px !important
}
.h150 {
  height: 150px !important
}
.h190 {
  height: 190px !important
}
.h200 {
  height: 200px !important
}
.h220 {
  height: 220px !important
}
.h250 {
  height: 250px !important
}
.h300 {
  height: 300px !important
}
.h320 {
  height: 320px !important
}
.h330 {
  height: 330px !important
}
.h350 {
  height: 350px !important
}
.h400 {
  height: 400px !important
}
.h450 {
  height: 450px !important
}
.h40 {
  height: 40px !important
}
.h500 {
  height: 500px !important
}
.h550 {
  height: 550px !important
}
.h600 {
  height: 600px !important
}
.h700 {
  height: 700px !important
}
.h800 {
  height: 800px !important
}
/* text color */
.point-m {
  color: #00a1bc
}
.point-blue {
  color: var(--color-Blue)
}
.black {
  color: var(--color-gray-80)
}
.red {
  color: var(--color-Red-60)
}
.white {
  color: var(--color-white)
}
.blue {
  color: #00abc8
}
.deepgreen {
  color: #043730
}
/* bg */
.bgcolor-blue {
  background: #e5eef0
}
.bgcolor-white {
  background: #fff;
  box-shadow: 0px 0px 5px 0px #ddd;
  width: 100%;
  border-radius: 10px;
  height: inherit;
  padding: 20px;
}
/* text decoration */
.underline {
  text-decoration: underline
}
/* border,line */
.bB {
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 10px
}
/* fontsize */
.f10 {
  font-size: 10px !important
}
.f11 {
  font-size: 11px !important
}
.f12 {
  font-size: 12px !important
}
.f13 {
  font-size: 13px !important
}
.f14 {
  font-size: 14px !important
}
.f15 {
  font-size: 15px !important
}
/* */
sup {
  font-size: 13px;
  color: var(--color-Red-60);
  vertical-align: middle;
  margin: 0 5px;
}
.Tline {
  border-top-color: #666
}
.Bline {
  border-top: 1px solid #cdcdcd;
  margin: 10px 0
}
.nonescroll {
  overflow-y: hidden
}
.scrollY {
  overflow-y: scroll
}
.scrollX {
  overflow-x: scroll
}
.autoY {
  overflow-y: auto
}
strong.topline {
  font-weight: 400;
  font-size: 13px;
  cursor: pointer
}
strong.topline::after {
  content: 'l';
  padding-left: 10px
}
.pointBox {
  background: #2d2d2d;
  color: #fff;
  font-size: 11px;
  border-radius: 3px;
  padding: 2px 4px;
  display: inline-block;
}