@charset "UTF-8";
/****************************************************
	파일명	: base.css
	최초작성자	: 이민혁
	최초작성일	: 2024-09-28
	-------------------------------------------------
	Dec. 공통 스타일링 정의
	-------------------------------------------------
	최종수정자	: 이민혁
	최종수정일	: 2024-10-02
	수정내용	: 최초작성
	속성순서: 
*****************************************************/
#wrap {
  position: relative;
  overflow: hidden;
}

#skip-nav {
  display: none;
}

html {
  font-size: 62.5%;
}

table {
  width: 100%;
  font-size: 1.6rem;
}

/* input , select, textarea */
input, input[type=text], input[type=password], input[type=email], input[type=number],
input[type=search], input[type=tel], input[type=url], input[type=color], input[type=date],
input[type=datetime-local], input[type=month], input[type=range], input[type=time],
input[type=week], input[type=file], input[type=submit], input[type=button],
input[type=reset], textarea, select, button {
  font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-size: 1.6rem;
  background-color: #fff;
}

input[type=text], select, input[type=password] {
  border: 0.1rem solid #CBCCCD;
  border-radius: 0.5rem;
  padding: 1.2rem;
}

select {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: none;
  padding: 0.8rem 1rem;
  min-height: 4rem;
}

.file__post {
  display: none;
}

input[type=checkbox] {
  width: 2.4rem;
  height: 2.4rem;
}

input[type=radio] {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  margin: 0;
  vertical-align: middle;
}

input[type=radio].clicked:not(:checked) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #D8D8D8;
  border: 0.1rem solid #C6C6C6;
}

input[type=radio].clicked:not(:checked) + label {
  color: #D8D8D8;
}

.textarea {
  max-height: 20rem;
  overflow: auto;
  border-radius: 0.5rem;
  padding: 1.2rem;
}

.title__lv1 {
  font-size: 4rem;
  font-weight: 700;
}

.title__lv2 {
  font-size: 2.5rem;
  font-weight: 700;
}

.title__lv3 {
  font-size: 2.1rem;
  font-weight: 700;
}

.title__lv4 {
  font-size: 1.7rem;
  font-weight: 400;
}

.flex__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex__title span {
  font-size: 1.6rem;
}

br.onlyMo {
  display: none;
}

textarea {
  border: 0.1rem solid #ddd;
  width: 100%;
}

/* selector */
.select__box select {
  min-width: 10rem;
}

.select__renew {
  background-image: url(../img/select__renew.png);
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

.skip__nav {
  position: absolute;
  width:100%;
  height:38px;
  top:0;
  left:0;
}

.skip__nav a {
  position: absolute;
  top:0;
  width: 100%;
  height:38px;
  background-color: #000;
  text-align: center;
  padding: 0.7rem 0;
  font-size: 1.6rem;
  color: #fff;
  
}

.skip__nav a:focus, .skip__nav a:active {
  transform:translateY(0);
  z-index:2000;
}

.blind {
  overflow: hidden;
  display: block;
  position: absolute;
  top: -99999.9rem;
  left: -99999.9rem;
  width: 0.1rem;
  height: 0.1rem;
  line-height: 0;
  font-size: 0;
  text-indent: -99999.9rem;
  z-index: 0;
}

/* text align */
.txt--c {
  text-align: center;
}

.txt--l {
  text-align: left;
}

.txt--r {
  text-align: right;
  padding-right: 1rem;
}

.txt--l-p {
  text-align: left;
  padding-left: 1rem;
}

.txt--l-r {
  text-align: left;
  padding-left: 1rem;
}

.txt--c-i {
  text-align: center !important;
}

.txt--l-i {
  text-align: left !important;
}

.txt--r-i {
  text-align: right !important;
}

.color-fff {
  color: #fff;
}

.color-666 {
  color: #666666;
}

/* padding */
.pl--10 {
  padding-left: 1rem;
}

.pl--20 {
  padding-left: 2rem;
}

.pr--10 {
  padding-right: 1rem;
}

.pb--10 {
  padding-bottom: 1rem !important;
}

.pr--24 {
  padding-right: 2.4rem;
}

.px--10 {
  padding: 0 1rem;
}

.pd--10 {
  padding: 1rem;
}

/* preBox */
.preBox {
  white-space: pre-wrap;
}

/* borderBox */
.borderBox {
  border: 0.1rem solid #CBCCCD;
  border-radius: 0.5rem;
}

.borderBox.textarea {
  max-height: 20rem;
  overflow-y: auto;
}

/* margin */
/* margin left */
.ml--10 {
  margin-left: 1rem;
}

.ml--15 {
  margin-left: 1.5rem;
}

.ml--20 {
  margin-left: 2rem;
}

/* margin right */
.mr--10 {
  margin-right: 1rem;
}

.mr--20 {
  margin-right: 2rem;
}

.mr--24 {
  margin-right: 2.4rem;
}

.mr--32 {
  margin-right: 3.2rem;
}

/* margin top */
.mt--0 {
  margin-top: 0 !important;
}

.mt--10 {
  margin-top: 1rem;
}

.mt--24 {
  margin-top: 2.4rem;
}

.mt--40 {
  margin-top: 4rem;
}

.mt--64 {
  margin-top: 6.4rem;
}

.mt--80 {
  margin-top: 8rem;
}

/* margin bottom */
.mb--36 {
  margin-bottom: 3.6rem;
}

.mb--64 {
  margin-bottom: 6.4rem;
}

.mb--100 {
  margin-bottom: 10rem;
}

.mb--250 {
  margin-bottom: 25rem;
}

.mb--10 {
  margin-bottom: 1rem;
}

.mb--16 {
  margin-bottom: 1.6rem;
}

.mb--40 {
  margin-bottom: 4rem;
}

.mb--56 {
  margin-bottom: 5.6rem;
}

.mb--60 {
  margin-bottom: 6rem;
}

.mb--56 {
  margin-bottom: 5.6rem;
}

.my--20 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my--64 {
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}

.gap-10 {
  gap: 1rem;
}

.gap-40 {
  gap: 4rem;
}

.borderR-7 {
  border-radius: 0.7rem;
}

@media all and (max-width: 767px) {
  .sm--mt-36 {
    margin-top: 3.6rem !important;
  }
  .sm--mb-36 {
    margin-bottom: 3.6rem !important;
  }
  .my--64.sm--36-All {
    margin-top: 3.6rem;
    margin-bottom: 3.6rem;
  }
  .sm--mb-64 {
    margin-bottom: 6.4rem !important;
  }
}
/* helper 라지 Space */
.lg--64-mt {
  margin-top: 6.4rem;
}

@media all and (min-width: 767px) {
  .tablet-mr-24 {
    margin-right: 2.4rem;
  }
}
.hp--lgSpace {
  margin-bottom: 25rem;
}

@media all and (max-width: 767px) {
  .hp--lgSpace {
    margin-bottom: 6rem;
  }
}
.hp--mdSpace {
  margin-top: 6.4rem;
}

@media all and (max-width: 767px) {
  .hp--mdSpace {
    margin-top: 3.6rem;
  }
}
/* border */
.border-top-large {
  border-top: 0.2rem solid #000;
}

.border--btm {
  border-bottom: 0.1rem solid #ddd;
}

.border--r {
  border-right: 0.1rem solid #ddd;
}

.noBorder--r {
  border-right: 0 !important;
}

/* flex */
.flex--box {
  display: flex;
}

.flex--box-c {
  display: flex;
  align-items: center;
}

.flex--box-r {
  display: flex;
  align-items: right;
}

.flex--center-im {
  display: flex !important;
  align-items: center;
}

.flex--box-cs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex--box-end {
  display: flex;
  justify-content: end;
}

.flex--space {
  justify-content: space-between;
}

.flex--box-s {
  display: flex;
  justify-content: space-between;
}

.flex--end {
  justify-content: end;
}

.flex--center-s {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-equal > * {
  flex: 1;
}

.flex-equal {
  display: flex;
}

.flex--grow-100 {
  flex-grow: 1;
}

.flex--start {
  display: flex;
  align-items: center;
  justify-content: start;
}

.flex--column {
  flex-direction: column;
}

.flex--vertical {
  display: flex;
  flex-direction: column;
}

.flex--noWrap {
  flex-wrap: nowrap !important;
}

.flex--item-right {
  margin-left: auto;
}

.align--bottom-self {
  align-self: flex-end;
}

.align--baseline-item {
  align-items: baseline;
}

/* min width, max-width */
.lg--mw200 {
  max-width: 20rem;
}

.lg--mw500 {
  max-width: 50rem;
}

.lg--miw500 {
  min-width: 50rem;
}

@media all and (max-width: 767px) {
  .lg--mw200 {
    max-width: auto;
  }
  .lg--mw500 {
    max-width: auto;
  }
  .lg--miw500 {
    min-width: auto;
  }
}
@media all and (min-width: 1440px) {
  .lg--miw480 {
    min-width: 48rem;
  }
}
.mw__490 {
  max-width: 49rem;
}

/* width percent */
.width--10 {
  width: 10%;
}

.width--15 {
  width: 15%;
}

.width--20 {
  width: 20%;
}

.width--60 {
  width: 60%;
}

.width--80 {
  width: 80%;
}

.width--100 {
  width: 100%;
}

.width__100 {
  width: 100%;
}

/* height */
.min--h-4 {
  min-height: 4rem;
}

.height--100 {
  height: 100%;
}

/* overflow */
.overflow-xAuto {
  overflow-x: auto;
}

.overflow-rock {
  overflow: hidden;
}

/* wordBreak, white-space */
.txt__noWrap {
  white-space: nowrap;
}

.wordBreakNormal th {
  word-break: normal !important;
}

.wordBreakNowrap th {
  white-space: nowrap !important;
}

.wordBreakKeepAll th {
  word-break: keep-all;
}

/* position */
.relative {
  position: relative;
}

/* bg */
.modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

.black__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* mobile content */
.m__image {
  display: none;
}

.m__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.m__cont {
  display: none;
}

/* 20241007 문정환 추가 */
.pagination{margin-top:4rem;text-align:center;}
.pagination > a{display:inline-block;width:3.5rem;text-align:center;line-height:3.5rem;height:3.5rem;background:#f8f8f8;border-radius:3px;color:#707070;vertical-align:top;}
.pagination > a.active, .pagination > a:hover{background:#004a98;color:#fff;border-radius:0;}
.pagination > a.step{background:none;}
.pagination > a.step:after, .pagination > a.step.first:before, .pagination > a.step.last:before{content:"";display:inline-block;width:6px;height:6px;border-top:2px solid #BFBFBF;border-right:2px solid #BFBFBF;border-radius:1px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);margin-bottom:4px;}
.pagination > a.step.first:after, .pagination > a.step.last:after{margin-left:-2px;}
.pagination > a.step.first:before, .pagination > a.step.last:before{margin-left:4px;}
.pagination > a.step.next:after, .pagination > a.step.last:after, .pagination > a.step.last:before{-webkit-transform:rotate(-135deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

@media only screen and (max-width: 550px) {
	.table.horizontal tbody th{padding:0 1rem;}
	.mobileMenu{width:70%;}
	.pagination > a{width:2.8rem;line-height:2.8rem;height:2.8rem;}
}
@media only screen and (max-width: 420px) {
	.table.horizontal tbody th{word-break:break-all;}
	.mobileMenu{width:70%;}
	.subNav{display:none;}
	/* 20241118 ljy 주석 */
	/* .pagination > a{width:2rem;line-height:2rem;height:2rem;} */
	/* 20241118 ljy 주석 */
}
/* 20241007 문정환 추가 */

.pagination.m__cont {
  display: none;
}

/* error */
.error-message {
  color: #E71825;
}

/* layout */
.ly__cont {
  margin-top: 6.4rem;
}

.ly__cont2 {
  padding-top: 3.6rem;
}

/* font-weight */
.font-thin {
  font-weight: 400 !important;
}

.font-thin td, .font-thin th {
  font-weight: 400;
}

/* font */
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard GOV ExtraBold"), url(../font/woff2/PretendardGOV-ExtraBold.woff2) format("woff2"), url(../font/woff/PretendardGOV-ExtraBold.woff) format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard GOV Bold"), url(../font/woff2/PretendardGOV-Bold.woff2) format("woff2"), url(../font/woff/PretendardGOV-Bold.woff) format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard GOV Medium"), url(../font/woff2/PretendardGOV-Medium.woff2) format("woff2"), url(../font/woff/PretendardGOV-Medium.woff) format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard GOV Regular"), url(../font/woff2/PretendardGOV-Regular.woff2) format("woff2"), url(../font/woff/PretendardGOV-Regular.woff) format("woff");
}
body {
  font-size: 1.6rem;
  color: #1d1d1d;
  font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  overflow-x: hidden;
}

/****************************************************
	파일명	: others.css
	최초작성자	: 이민혁
	최초작성일	: 2024-09-28
	-------------------------------------------------
	Dec. 컴포넌트별 스타일링 정의
	-------------------------------------------------
	최종수정자	: 이민혁
	최종수정일	: 2024-10-02
	수정내용	: 최초작성
	속성순서: 
*****************************************************/
.file__icon {
  display: inline-block;
  width: 2rem;
  height: 2.4rem;
  background: url(../img/file__icon.svg) no-repeat center;
  background-size: cover;
}

.breadcrumb {
  display: flex;
  font-weight: 700;
  font-size: 1.5rem;
  align-items: center;
  padding-left: 2.4rem;
  padding-top: 2.4rem;
}

.breadcrumb .path .home > a {
  position: relative;
}

.breadcrumb .path .home > a::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/Base-Breadcrumb.svg) no-repeat center;
  content: "";
  transform: translateY(-50%);
}

.breadcrumb .path > li {
  display: inline;
  position: relative;
}

.breadcrumb .path > li > a {
  position: relative;
  font-weight: 700;
  padding-bottom: 0.1rem;
}

.breadcrumb .path > li > a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.1rem;
  content: "";
  background-color: #000;
}

.breadcrumb .path > li + li::before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0 0.4rem;
  background: url(../img/arrow__right-bk.svg) no-repeat center;
  content: "";
  vertical-align: middle;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .page-navi {
  font-size: 1.6rem;
  line-height: 4rem;
}

.pagination .page-navi.prev {
  display: inline-flex;
  align-items: center;
  margin-right: 2rem;
}

.pagination .page-navi.prev::before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../img/more__arrow__left__black\ 1.png) no-repeat center;
  content: "";
}

.pagination .page-navi.next {
  display: inline-flex;
  align-items: center;
  margin-left: 2rem;
}

.pagination .page-navi.next::after {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../img/more__arrow__right__black.png) no-repeat center;
  content: "";
}

.pagination .page-link {
  display: inline-block;
  width: 4rem;
  font-size: 1.6rem;
  line-height: 4rem;
  text-align: center;
  border-radius: 0.7rem;
}

.pagination .page-link.active {
  color: #fff;
  font-weight: 700;
  background-color: #0c3975;
}

.pagination.m__cont {
  flex-direction: column;
}

.pagination.m__cont .page-navis {
  display: flex;
  align-items: center;
  margin-bottom: 2.4rem;
}

.info__tip__box {
  position: relative;
}

.info__tip {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/info__tip.svg) no-repeat center;
}

.info__tip.active {
  position: relative;
}

.info__tip.active::after {
  display: inline-block;
  position: absolute;
  top: 3.4rem;
  left: 50%;
  width: 2.2rem;
  height: 2.2rem;
  content: "";
  z-index: 1001;
  background-color: #fff;
  box-shadow: -0.1rem 0.1rem #C6C6C6;
  transform: translateX(-50%) rotate(135deg);
  z-index: 801;
}

.info__tip__box .tooltip__layer {
  display: none;
  position: absolute;
  top: 5rem;
  left: 7rem;
  padding: 2.4rem;
  border: 0.1rem solid #C6C6C6;
  background: #fff;
  z-index: 800;
  border-radius: 1.2rem;
}

.info__tip__box .tooltip__layer.active {
  display: block;
}

.mobile__con .info__tip__box .tooltip__layer {
  top: 6.4rem;
}

.info__tip__box .tooltip__title {
  font-weight: 700;
  padding-bottom: 2rem;
}

.info__tip__box .tooltip__content strong {
  padding-right: 0.4rem;
}

.info__tip__box .tooltip__content p:not(:last-child) {
  padding-bottom: 1.6rem;
}

.info__tip__box .tooltip__content p {
  display: flex;
}

.info__tip__box .tooltip__layer .info__close__btn {
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/info__tip__close.svg) no-repeat center;
}

/* 모바일 화면 일 시 width 100%*/
@media (max-width: 767px) {
  .info__tip__box .tooltip__layer {
    left: 0;
    width: 100%;
  }
}
#popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);
  z-index: 1002;
}

#popup .popup__body {
  padding: 2rem;
}

.bgPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  z-index: 1001;
}

.desc__box {
  padding: 1.6rem;
  border: 0.1rem solid #E4E4E4;
  background: #F8F8F8;
  border-radius: 0.8rem;
}

.desc__boxTit {
  display: flex;
  align-items: center;
}

.desc__boxTit::before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(../img/icon__helper__info__tr.svg);
  content: "";
  margin-right: 0.4rem;
  background-size: contain;
}

.desc__box__txt {
  margin-left: 2.4rem;
}

.desc__list {
  border-top: 0.1rem dashed #C6C6C6;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
}

/* 폼 CSS */
form {
  width: 100%;
}

.search__box {
  height: 5.8rem;
  background-color: #F9F9FA;
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
}

.search__box input, .search__box select {
  width: 100%;
  height: 4rem;
  border: 0.1rem solid #ddd;
  font-size: 1.6rem;
  line-height: 4rem;
}

.search--flex {
  display: flex;
  align-items: center;
}

.padding--10 {
  padding-left: 1rem;
}

.search__select__wrap {
  width: 15.38%;
  margin-right: 1rem;
}

.auth__select__wrap {
  width: 33.33%;
  font-size: 1.6rem;
  margin-left: 2rem;
}

.select {
  width: 80%;
}

.select select {
  min-width: 10rem;
  margin-left: 1rem;
}

.search__form .form-content select {
  position: relative;
  background-color: #fff;
  background-image: url(/img/select__renew.png);
  background-position: center right 1rem;
  background-repeat: no-repeat;
}

input[type=file]::file-selector-button {
  width: 10rem;
  height: 4rem;
  border: 0;
  color: white;
  line-height: 4rem;
  text-align: center;
  background-color: #004A98;
  cursor: pointer;
  margin-right: 10px;
}

.upload__file__name {
  color: #8E8E8E;
  font-weight: 400;
  font-size: 1.6rem;
  padding-left: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.search__form {
  border-bottom: 0.1rem solid #ddd;
  background-color: #F9F9FA;
}

.form-input, .form-radio {
  display: flex;
  width: 100%;
  height: 5.8rem;
  align-items: center;
}

.form__head {
  background-color: #EAF5F0;
}

.form-title {
  display: inline-flex;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.form__head {
  height: 5.8rem;
  font-weight: 700;
}

.form__head .form-title:nth-of-type(1) {
  width: 23.44%;
  max-width: 30rem;
}

.form__row {
  border-bottom: 0.1rem solid #ddd;
}

.form__row > .form-wrap {
  height: 5.8rem;
}

.form__row .td__container:nth-of-type(1) {
  width: 23.44%;
  max-width: 30rem;
}

.form__head > .form-title-file {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form__body .form__row input {
  width: 100%;
  height: 4rem;
  border-radius: 0.5rem;
}

.form-content {
  display: flex;
  padding: 10px;
  flex-grow: 1;
  align-items: center;
  gap: 10px;
}

.form-content > select {
  width: 100%;
  min-height: 4rem;
  background-color: #fff;
}

.form-content > input[type=text] {
  width: 100%;
  min-height: 4rem;
  background-color: #fff;
}

.preview {
  height: 4rem;
  border: 0.1rem solid #CBCCCD;
  border-radius: 0.5rem;
}

.year__form {
  font-size: 1.5rem;
  margin-right: 2rem;
}

.year__form input {
  height: 4rem;
  padding: 0 0.8rem;
  border: 0.1rem solid #ddd;
  font-size: 1.6rem;
  line-height: 4rem;
  margin-left: 1rem;
}

.search__form-2 .form-title {
  height: 5.8rem;
  background-color: #F9F9FA;
  min-width: 16rem;
}

.search__form-2 .form-desc {
  padding: 0 1rem;
  flex-grow: 1;
}

.btn__file__select--mo {
  display: none;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/file__select--mo.svg) no-repeat center;
  transform: translateY(-50%);
  background-size: cover;
}

/* 버튼 CSS */
button {
  background: inherit;
  cursor: pointer;
}

.bg--blue-00 {
  background-color: #246beb;
}

.bg--blue-01 {
  background-color: #1d56bc;
}

.bg--blue-02 {
  /* 20241127 웹접근성 명도대비 위배 사례로 인한 컬러변경 background-color: #218bee; */
  background-color: #1D77C9;
}
#1d77c9
.bg--navy-00 {
  background-color: #003675;
}

.bg--black-00 {
  background-color: #000000;
}

.bg--gray-00 {
  background-color: #d8d8d8;
}

.bg--gray-01 {
  background-color: #C6C6C6;
}

.bg--gray-02 {
  background-color: #555555;
}

.bg--red-00 {
  background-color: #b9131e;
}

.bg--green-00 {
  background-color: #008a1e;
}

.bg--green-01 {
  background-color: #00ba63;
}

.bg--green-02 {
  background-color: #21a366;
}

.bg--mint-00 {
  /* 20241127 웹접근성 명도대비 위배 사례로 인한 컬러변경 background-color: #14bdb3; */
  background-color: #0c7d76;
}

.bg--transparent-00 {
  background-color: none;
}

.btn__control {
  height: 5.6rem;
  padding: 0 2rem;
  border: 0;
  color: #fff;
  font-weight: 400;
  font-size: 2rem;
  border-radius: 0.7rem;
  cursor: pointer;
}

.btn__control.responsive {
  height: 4rem;
  font-size: 1.6rem;
}

.txt--black-00 {
  color: #000 !important;
}

.txt--white-00 {
  color: #fff !important;
}

@media all and (max-width: 767px) {
  .btn__control.responsive {
    width: auto;
    height: 4.8rem;
    padding: 0 1.2rem;
    font-size: 1.6rem;
  }
}
.function__group {
  text-align: right;
}

.function__group .btn__control:not(:last-child) {
  margin-right: 1rem;
}

.sub1__1__wrap .tab__wrap .tab__btn button.active::after, .main__accn__desc__wrap .tab__btn button.active::after {
  bottom: 0;
}

.tab__wrap {
  display: flex;
  width: 100%;
  margin: 0px auto;
  max-width: 128rem;
  align-items: center;
  margin-top: 8rem;
}

.tab__btn {
  height: 4.5rem;
  text-align: center;
  flex: 1;
}

.tab__btn > button {
  width: 100%;
  background: transparent;
  color: #767676;
  font-weight: 700;
  font-size: 2rem;
  line-height: 4.5rem;
  white-space: nowrap;
  cursor: pointer;
}

.tab__wrap .tab__btn button.active {
  position: relative;
  color: #21a366;
}

.tab__wrap .tab__btn button.active::after {
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 100%;
  height: 0.4rem;
  content: "";
  background-color: #21a366;
}

.tab__border {
  border-bottom: 0.2rem solid #ddd;
}

.tab__btn__auto .tab__btn > button {
  width: auto;
  padding: 0 2rem;
  border-bottom: 0;
}

.close__btn__wrap {
  text-align: center;
  padding-top: 1.2rem;
}

.close__btn {
  height: 5.6rem;
  padding: 0.4rem 2rem;
  border: 0;
  color: #fff;
  font-weight: 500;
  font-size: 2rem;
  line-height: 4.8rem;
  cursor: pointer;
  background-color: #218bee;
  border-radius: 0.7rem;
}

.btn__select {
  height: 9rem;
  border: 0.1rem solid #000;
  color: #000;
  font-size: 1.6rem;
  background-color: transparent;
  border-radius: 1rem;
}

.btn__find {
  height: 4rem;
  border: 0.1rem solid #000;
  background: transparent;
  border-radius: 0.5rem;
}

.btn__file__select {
  display: inline-flex;
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid #000;
  font-weight: 400;
  font-size: 1.6rem;
  max-height: 4rem;
  min-height: 4rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.btn__upload {
  height: 4rem;
  padding: 0.8rem 2rem;
  color: #fff;
  font-size: 1.6rem;
  max-height: 4rem;
  border-radius: 0.5rem;
}

.btn__down {
  display: inline-flex;
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid #000;
  font-size: 1.6rem;
  max-height: 4rem;
  min-height: 4rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.btn__input {
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid #000;
  background: transparent;
  font-size: 1.6rem;
  max-height: 3.8rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
}

.btn__add, .btn__remove {
  width: 5rem;
  height: 4rem;
  height: 4rem;
  color: white;
  font-size: 3rem;
  line-height: 4rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.5rem;
}

.input__find {
  padding: 0.8rem 2.6rem;
}

.btn__file {
  width: 2rem;
  height: 2rem;
  background: url(../../img/file__select--mo.svg) no-repeat center;
  background-size: contain;
}

/* 팝업 */
#popup {
  width: calc(100% - 3.2rem);
}

/*  테이블 CSS */
table th {
  font-weight: 700;
  background-color: #EAF5F0;
}

/* 20241118 ljy 주석처리
table td {
  font-weight: 700;
} */

table caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.border-middleGray {
  border-top: 0.1rem solid #ddd;
  border-left: 0.1rem solid #ddd;
  border-right: 0.1rem solid #ddd;
}

.table__vertical table thead tr th {
  text-align: center;
  white-space: normal;
  border-right: 0.1rem solid #ddd;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: keep-all;
}

.table__vertical tr {
  border-bottom: 0.1rem solid #ddd;
}

.table__vertical thead .min__h__box {
  padding: 0;
}

.table__vertical tr th:nth-child(1) {
  white-space: nowrap;
  word-break: keep-all;
}

.table__vertical thead tr th:nth-last-child(1) {
  border-right: 0;
}

.table__vertical tbody td, .table__vertical tbody th {
  min-height: 6rem;
  border-right: 0.1rem solid #ddd;
}

.table__vertical tbody th {
  vertical-align: middle;
}

.table__vertical tbody td {
  width: auto;
  vertical-align: middle;
}

.table__vertical tbody td:nth-last-child(1) {
  border-right: 0;
}

.table__vertical.tight__pd tbody td .min__h__box {
  padding: 0 0.6rem;
}

.table__horizontal__ex tr {
  display: flex;
  width: 100%;
  min-height: 5.8rem;
  border-bottom: 0.1rem solid #ddd;
  align-items: stretch;
}

.table__horizontal__ex tr.m__cont {
  display: none;
}

.table__horizontal__ex th {
  display: inline-flex;
  width: 25rem;
  text-align: left;
  padding-left: 3rem;
  padding-right: 1rem;
  z-index: -1;
  align-items: center;
}

.table__horizontal__ex td {
  display: block;
  width: auto;
  flex-grow: 1;
  flex-basis: 0;
}

.table__horizontal__ex .half__row td {
  width: 50%;
}

.table__horizontal__ex input[type=text] {
  width: 100%;
  height: 4rem;
  font-size: 1.6rem;
}

.table__horizontal__ex .td__container select {
  width: 100%;
}

.table__horizontal__ex .td__container .content {
  width: 100%;
}

.table__horizontal__ex .td__vertical--c {
  display: flex;
  align-items: center;
}

.table__horizontal__ex .find--width td {
  width: 84.62%;
}

.table__horizontal__ex .input-3--flex {
  display: flex;
  width: 100%;
  gap: 1rem;
}

.table__horizontal__ex .input-3--flex input {
  flex: 1;
}

.table__horizontal__ex.shortTit th {
  width: 20rem;
}

.table__horizontal__ex.shortTit2 th {
  width: 15rem;
  padding: 0 1.5rem;
}

table.click tr.on {
  background: #DDEAF6;
}

table.click tr {
  cursor: pointer;
}

.m__table {
  display: none;
}

.table__horizontal__mo table {
  font-size: 1.9rem;
}

.table__horizontal__mo table th {
  background: transparent;
}

.table__horizontal__mo tr {
  border-bottom: 0.1rem solid #ddd;
}

.table__horizontal__mo td {
  display: block;
}

.table__horizontal__mo tr td:not(:first-child):not(:last-child) {
  padding-bottom: 1rem;
}

.table__horizontal__mo tr td:first-child {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.table__horizontal__mo tr td:last-child {
  padding-bottom: 3rem;
}

.attachment__mo {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/download__icon_3.svg) no-repeat center;
/*   background: url(../img/file__select--mo.svg) no-repeat center; */
/*   2025.01.20 파일첨부 이미지 변경 */
  background-size: cover;
}

.table__horizontal__mo:not(.widthAutoTable) .sub__title {
  display: inline-block;
  width: 19.44%;
  min-width: 7rem;
}

.table__horizontal__mo .sub__title {
  font-weight: 700;
}

.accn__open__wrap .table__horizontal__mo .title {
  font-weight: 700;
  font-size: 1.9rem;
}

.mo__strongTitle {
  font-weight: 700;
  font-size: 1.9rem;
}

.table__horizontal__mo.miw120 .sub__title {
  min-width: 12rem;
}

.table__horizontal__mo.halfTable .sub__title {
  display: inline-block;
  width: 50%;
}

.table__title__wrap {
  margin-bottom: 6.4rem;
  margin-top: 6.4rem;
}

.table__title__wrap .data__number {
  margin-top: 6.4rem;
}

.table__title {
  font-weight: 700;
  font-size: 2.5rem;
}

.max-h-overflow {
  max-height: var(--max-height);
  overflow-y: auto;
}

.table--fixed {
  table-layout: fixed;
}

.min__h__box {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  min-height: 6rem;
}

.text--r {
  justify-content: flex-end;
}

.text--l {
  justify-content: flex-start;
}

.text--c {
  justify-content: center;
}

.td__date {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.td__radio {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.td__date select {
  flex: 1;
}

.td__container {
  display: flex;
  padding: 1rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.td__container select {
  flex: 1 1 calc(33.33% - 1rem);
}

.td__container input[type=text] {
  flex: 1 1 calc(33.33% - 1rem);
}

/* 20241017 문정환 추가 */
.td__container .select2-container {
  flex: 1 1 calc(33.33% - 1rem);
  
}
/* 20241017 문정환 추가 */

.calender__body {
  position: relative;
}

.calender__body .calender__icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/calendar-days-regular--mo.svg) no-repeat center;
  transform: translateY(-50%);
}

.table--margin {
  margin: 0.9rem 1rem;
}

.border-right {
  border-right: 0.1rem solid #ddd !important;
}

.read__info__table input[type=text] {
  border: 0;
  font-weight: 700;
}
/* 20241119 ljy 유주무관님 요청으로 주석 */
/* .table__vertical:not(.infoTable) tbody tr:hover {
  background-color: #DDEAF6 !important;
} */

.popupBox {
  width: 100%;
  border: 0.1rem solid #ddd;
  font-size: 2rem;
  max-width: 60rem;
}

.popupBox {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);
  z-index: 1002;
}

.popupBox > *:not(.popup__title) {
  font-weight: 500;
}

.popupBox .popup__title {
  display: flex;
  min-height: 9rem;
  align-items: center;
}

.popup__title {
  padding: 0 2rem;
}

.popup__body {
  padding: 5rem 3rem 0 5rem;
  font-weight: 500;
  font-size: 2rem;
  min-height: 45.6rem;
}

.popup__foot {
  padding: 1.2rem 2rem;
}

.popup__foot button {
  font-size: 2rem;
}

.popup__img > img {
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popupBox.main .popup__title {
  color: #fff;
  background-color: #21A366;
  justify-content: center;
}

.popupBox.message .popup__title {
  background-color: #EAF5F0;
}

.popupBox.search {
  max-width: 70rem;
}

.popupBox.search .popup__body {
  padding: 3rem 3rem 0 3rem;
}

.popupBox.search .btn__control__u {
  height: 4rem;
  font-weight: 400;
  font-size: 1.5rem;
}

.popupBox.search .popup__title {
  background-color: #C8EDDD;
}

.popup__search__inner {
  padding: 2rem 3rem;
  background: #EDF1F5;
  border-radius: 1.2rem;
}

.popup__search__inner label {
  font-weight: 700;
}

.popup__body.imgOnly {
  padding: 0;
}

/****************************************************
	파일명	: layout.css
	최초작성자	: 이민혁
	최초작성일	: 2024-09-28
	-------------------------------------------------
	Dec. 레이아웃 관련 스타일
	-------------------------------------------------
	최종수정자	: 이민혁
	최종수정일	: 2024-10-02
	수정내용	: 최초작성
	속성순서: 
*****************************************************/
/* 헤더 CSS */
.header {
  position: relative;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  border-bottom: 0.15rem solid #ededed;
}

.header .header__btm .logo {
  width: 36rem;
  max-height: 3rem;
}

.header img {
  max-width: 100%;
}

.header__fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  transition: transform ease 0.4s 0.01s;
}

.banner__text {
  display: inline-block;
  font-size: 1.6rem;
}

.banner__text a {
  color: #000;
  font-weight: 500;
  margin-left: 1.6rem;
  margin-right: 0.4rem;
  display: inline-flex;
  align-items: center;
}

.banner__text a::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  background: url(../img/icon__arrow__down.svg) no-repeat center;
}

.header__btm {
  position: relative;
  align-items: center;
  display: flex;
  height: 8rem;
}

.right__icon__set {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.right__icon__set a {
  font-weight: 700;
  font-size: 1.7rem;
  padding: 1rem 1.2rem;
  display: inline-flex;
  align-items: center;
}

.right__icon__set a img {
  margin-right: 0.8rem;
}

.right__icon__set span {
  white-space: nowrap;
}

.right__icon__set .hamburger {
  display: none;
}

.base__gnb {
  height: 6.4rem;
}

.base__gnb a {
  line-height: 6.4rem;
  margin-right: 1.6rem;
  font-weight: bold;
  font-size: 1.9rem;
  color: #555555;
  display: inline-flex;
  align-items: center;
}

.base__gnb a::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-block;
  background: url(../img/icon__arrow__20.png) no-repeat center;
  margin-left: 0.8rem;
}

.border {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  border: 0.1rem solid #D8D8D8;
}

#gnb1 > ul {
  display: flex;
}

#gnb1 > ul > li {
  flex: 0 0 auto;
  margin-right: 16px;
  padding: 0 1.6rem;
}

#gnb1 > ul > li > a {
  line-height: 6.4rem;
  font-weight: bold;
  font-size: 1.9rem;
  color: #555555;
  display: inline-flex;
  align-items: center;
}

#gnb1 > ul > li.plus > a::after {
  content: "";
  background: url(../img/arrow__bottom-bk.svg) no-repeat center;
  display: inline-block;
  margin-left: 0.8rem;
  width: 2rem;
  height: 2rem;
  background-size: 2rem auto;
  transition: all 0.3s;
}

#gnb1 > ul > li.active > a {
  color: #21A366;
}

#gnb1 > ul > li.plus.active > a::after {
  transform: rotate(360deg);
  background: url(../img/arrow__top-green.svg);
}

.gnb__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  z-index: 999;
}

#gnb1 .sub__menu > ul:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26rem;
  height: 100%;
}

.header__gnb {
  position: relative;
}

.header__gnb::after {
  content: "";
  display: inline-block;
  width: 100vw;
  height: 0.1rem;
  background-color: #ddd;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

#gnb1 .sub__menu > ul > li {
  display: flex;
}

#gnb1 .sub__menu > ul > li.active > a {
  background: #fff;
  color: #21A366;
  text-decoration: underline;
}

#gnb1 .sub__menu {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  visibility: hidden;
  overflow: hidden;
  width: 128rem;
  height: auto;
  min-height: 20rem;
  opacity: 0;
  top: calc(100% - 1px);
  z-index: 10;
  max-width: 100%;
  text-align: left;
}

#gnb1 .sub__menu::before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
  background-color: #fff;
}

#gnb1 .sub__menu > ul > li > a {
  width: 26rem;
  height: 5.6rem;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 2.4rem;
  transition: all 0.2s;
  font-weight: 700;
  color: #1d1d1d;
  font-size: 1.9rem;
}

#gnb1 .sub__menu > ul > li .dep3 {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 26rem);
  margin-left: 26rem;
  padding: 2.4rem 4rem;
}

.dep3__title {
  display: flex;
  height: 5.6rem;
  align-items: center;
  margin-bottom: 2.4rem;
  font-size: 2.5rem;
  font-weight: 700;
}

.dep3__title a:after {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.2rem;
  margin-left: 0.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/arrow__right-gray.svg) center no-repeat;
  background-size: cover;
  vertical-align: middle;
}

#gnb1 .sub__menu > ul > li.active > .dep3 {
  display: block;
}

#gnb1 .sub__menu > ul {
  display: flex;
  position: relative;
  flex-direction: column;
  width: calc(100% + 2rem);
  height: 100%;
  min-height: 20rem;
  flex-wrap: wrap;
  width: 100%;
  margin-right: -2rem;
  padding: 1.6rem 0;
  color: #1d1d1d;
}

#gnb1 > ul > li.active .sub__menu {
  visibility: visible;
  overflow: visible;
  opacity: 1;
}

/* new userinfo */
.user__info {
  display: flex;
  align-items: center;
}

.user__info .reset {
  background-color: #eee;
  color: #767676;
  border-radius: 8px;
  font-size: 1.3rem;
  font-weight: normal;
}

.user__info .user__name {
  font-size: 1.7rem;
  font-weight: 700;
  margin-left: 12px;
  padding: 0 12px;
}

.user__name {
  display: flex;
  align-items: center;
}

.user__name img {
  margin-right: 8px;
}

#gnb2 {
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1200;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  font-size: 1.7rem;
}

#gnb2.active {
  visibility: visible;
  overflow-y: scroll;
}

#gnb2.active > ul {
  width: 100%;
  height: 100%;
  overflow: visible;
}

#gnb2.active > ul > li {
  display: block;
}

#gnb2 .gnb__head .login__info {
  padding-top: 6.8rem;
}

#gnb2 .gnb__head {
  padding: 0 2.4rem 2rem 2.4rem;
/*   min-height: 12.8rem; */
  /* 20241010 문정환 수정 */
  min-height: 6.0rem;
}

#gnb2 .gnb__body {
  border-top: 0.1rem solid #ddd;
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

#gnb2 .gnb__in {
  height: 100%;
  display: flex;
  flex-direction: column;
}

#gnb2 .gnb__close {
  position: absolute;
  top: 2rem;
  right: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/gnb__close.svg) no-repeat center;
  background-size: cover;
}

#gnb2 .logout img {
  margin-right: 0.8rem;
}

#gnb2 .logout {
  font-weight: 700;
  position: absolute;
  bottom: 2rem;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.login__info .id__info {
  font-weight: 700;
  font-size: 1.7rem;
  display: inline-flex;
  align-items: center;
}

.login__info .id__info img {
  margin-right: 0.8rem;
}

.m-gnb__menu {
  display: flex;
  height: 100%;
}

.m-gnb__menu .menu__wrap {
  width: 14rem;
  display: flex;
  position: relative;
}

.m-gnb__menu .menu__wrap > ul {
  background-color: #EAF5F0;
}

.m-gnb__menu .menu__wrap li > a {
  padding: 2.6rem 2.4rem;
  font-size: 1.7rem;
  display: inline-block;
  width: 100%;
  font-weight: 700;
}

.m-gnb__menu .menu__wrap li > a.active {
  background-color: #fff;
  color: #21A366;
  font-weight: 700;
}

.gnb__body .submenu__wrap {
  width: calc(100% - 14rem);
  flex: 1;
  height: 100%;
  position: relative;
}

.gnb__body .submenu__wrap li a {
  display: block;
}

.gnb__body .submenu__wrap > ul {
  padding: 1.6rem 2.4rem 1.6rem 2.4rem;
  border-bottom: 0.1rem solid #ddd;
}

.gnb__body .submenu__wrap > ul .title {
  font-size: 1.7rem;
  font-weight: 700;
  padding-top: 2.6rem;
  padding-bottom: 2.6rem;
  border-bottom: 0.1rem solid #ddd;
  width: 100%;
}

.gnb__body .submenu__wrap > ul li:not(.title) {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}

/* 푸터 CSS */
footer .inner {
  height: 20rem;
}

footer {
  position: relative;
  overflow: hidden;
}

.footer__bottom .footer__logo {
  padding-top: 4rem;
}

.footer__bottom .footer__flex {
  display: flex;
  align-items: flex-start;
  padding-top: 4rem;
  padding-bottom: 4rem;
  justify-content: space-between;
}

.footer__info p {
  font-size: 1.7rem;
}

.footer__info p:nth-child(1) {
  margin-bottom: 0.4rem;
}

.footer__info p:nth-child(2) {
  margin-bottom: 0.4rem;
}

.inner {
  max-width: 128rem;
  width: 128rem;
  margin: 0px auto;
}

/****************************************************
	파일명	: main.css
	최초작성자	: 이민혁
	최초작성일	: 2024-09-28
	-------------------------------------------------
	Dec. 메인페이지 관련 스타일 
	-------------------------------------------------
	최종수정자	: 이민혁
	최종수정일	: 2024-10-02
	수정내용	: 최초작성
	속성순서: 
*****************************************************/
.top__visual {
  width: 100%;
  color: #fff;
  font-size: 1rem;
}

.top__visual .main__hero {
  width: 100%;
  height: 45rem;
  background: url(../img/main__hero.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

.top__visual .main__hero .black__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.top__visual .main__hero .inner {
  height: 100%;
  position: relative;
  z-index: 1;
}

.top__visual .main__hero .main__text {
  position: absolute;
  top: 9.7rem;
}

.top__visual .main__hero .main__text .main__bold {
  font-size: 4rem;
  line-height: 130%;
  margin-bottom: 4rem;
  word-break:keep-all;
}

.top__visual .main__hero .main__text .main__medium {
  font-size: 2rem;
  font-weight: 400;
  line-height: 110%;
}

.top__visual .main__hero .quick__menu {
  position: absolute;
  right: 0;
  top: 12.8rem;
  display: flex;
}

.top__visual .main__hero .quick__menu .quick__wrap {
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  border: 0.2rem solid #DBDBDB;
  background-color: #373737;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 4.8rem;
  cursor: pointer;
}

.top__visual .main__hero .quick__menu .quick__wrap:nth-last-child(1) {
  margin-right: 0;
}

.top__visual .main__hero .quick__menu .quick__wrap span {
  font-size: 1.5rem;
  padding-top: 1.6rem;
  color: #fff;
  line-height: 120%;
}

.manual {
  position: relative;
}

.manual .tip {
  position: absolute;
  top: -6rem;
}

.count__group .count:hover:hover {
  background-color: #14BDB3;
}
.count__group .count:hover:hover .subc {
  color: #fff;
}

.count__group {
  position: relative;
  z-index: 2;
  top: -10rem;
}

.count__group .inner {
  display: flex;
  justify-content: space-between;
}

.count__group .count {
  width: 40.5rem;
  padding: 3.3rem 0;
  max-height: 18rem;
  background-color: #fff;
  box-shadow: 0rem 0.4rem 1.5rem rgba(0, 0, 0, 0.1);
  border-radius: 3.2rem;
}

.count__group .count > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}

.count__group .count .subc {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  line-height: 120%;
  word-break: keep-all;
}

.count__group .count .subc::before {
  content: "";
  width: 9rem;
  height: 9rem;
  display: block;
  margin: 0px auto;
  margin-bottom: 1.8rem;
  background-color: #fff;
  border-radius: 50%;
}

.count__group .count .subc.open::before {
  background-image: url(../img/icons__open.png);
  background-repeat: no-repeat;
  background-position: center;
}

.count__group .count .subc.write::before {
  background-image: url(../img/icons__write.png);
  background-repeat: no-repeat;
  background-position: center;
}

.count__group .count .subc.manual::before {
  background-image: url(../img/icons__manual.png);
  background-repeat: no-repeat;
  background-position: center;
}

.cs__center {
  position: relative;
  z-index: 0;
  min-height: 37.4rem;
  color: #fff;
  background: url(../img/cs__center.jpg) no-repeat center;
  -webkit-backdrop-filter: blur(1.5rem);
  backdrop-filter: blur(1.5rem);
  background-size: cover;
  display: flex;
}

.cs__center .content__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cs__center .content__top .more {
  color: #fff;
  font-size: 1.9rem;
  padding-right: 0.4rem;
  display: inline-flex;
  align-items: center;
}

.cs__center .content__top .more::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/more__arrow__right.png) no-repeat center;
}

.cs__center .content__title {
  font-size: 3.2rem;
  font-weight: bold;
}

.cs__center .content {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  padding-top: 3.7rem;
}

.cs__center .content .item {
  width: calc(50% - 3rem);
}

.cs__center .content .visitor__graph .graph__img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cs__center .content .visitor__graph img {
  width: 100%;
}

.cs__center .content .qa .content__qa {
  margin-top: 0.7rem;
}

.cs__center .content .qa .content__qa a {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 3.3rem 0 3.3rem 2.4rem;
  color: #fff;
  max-height: 8rem;
}

.cs__center .content .qa .content__qa a .text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 2rem;
  font-weight: 700;
}

.cs__center .content .qa .content__qa a .text span {
  margin-right: 3.2rem;
}

.cs__center .content .qa .content__qa a:not(:last-child) {
  border-bottom: 0.1rem solid #fff;
}

.main__graph {
  position: relative;
  top: -4rem;
  margin-bottom: 1rem;
}

.main__echart .chartBox {
  background: #FFF;
  height: 40rem;
  border-top: 1px solid #E5E5E5;
  border-radius: 2.4rem;
  padding: 3rem 3.5rem 0 3.5rem;
  box-shadow: 0rem 0rem 2rem 0 rgba(0, 0, 0, 0.1);
}

.main__echart > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
}

.main__echart .chartBox .title {
  margin-bottom: 3.2rem;
}

.main__echart .chartBox .echart {
  width: 100%;
  height: 18.8rem;
}

.main__echart .table__vertical {
  width: 44%;
  font-size: 1.6rem;
}

.main__echart .table__vertical table {
  table-layout: fixed;
}

.main__echart .table__vertical table tbody td {
  padding: 0 1rem;
}

.main__echart .table th {
  height: 6.5rem;
}

.main__echart .data .unit {
  color: #767676;
  font-size: 1.3rem;
  margin-left: 0.4rem;
}

.main__echart .data > h2 {
  font-size: 1.7rem;
  color: #767676;
}

.main__echart .chart1, .chart2 {
  width: 320px;
}

.main__echart .table tbody td {
  height: 6.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.main__echart .table tbody td :nth-child(1) {
  min-width: 10rem;
}

.main__echart .table tbody td :nth-child(2) {
  min-width: 8rem;
}

.main__echart .table colgroup col:nth-child(1) {
  width: 30%;
}

.main__echart .table colgroup col:nth-child(2) {
  width: 25%;
}

.main__echart__wrap {
  display: flex;
  justify-content: space-between;
  gap: 3.2rem;
}

.main__echart .table__unit {
  padding-bottom: 1.2rem;
  font-size: 1.7rem;
}

#tableList tbody tr.on {
  background-color: #DDEAF6 !important;
}

.chartBox .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.chartBox .title {
  font-size: 2.5rem;
}

.data--bold {
  color: #000;
  font-size: 1.7rem;
  font-weight: bold;
}

.chartData__wrap {
  display: flex;
  padding-top: 3rem;
}

.chartData__wrap .data {
  text-align: center;
  width: 50%;
}

.table > #tableList {
  min-height: 40rem;
  max-height: 40rem;
}

.swiper__container {
  width: 100%;
  max-width: 109.6rem;
  padding-left: 9.2rem;
  padding-right: 9.2rem;
}

.banner__swiper .swiper__wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.banner__swiper {
  position: relative;
  margin: 6rem 0;
}

.banner__swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16rem;
  position: relative;
}

.banner__swiper .swiper-slide .item__desc {
  font-size: 2.4rem;
  margin-left: 2.4rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2.4rem;
}

.worker {
  background-color: #218BEE;
}

.work__condition {
  background-color: #16C273;
}

.work__portal {
  background-color: #14BDB3;
}

.banner__box {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 2.4rem;
  overflow: hidden;
}

.banner__box .banner__text {
  position: absolute;
  left: 2.4rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}

.banner__box .banner__text {
  color: #fff;
  font-size: 2.4rem;
  line-height: 150%;
  font-weight: 700;
}

.banner__box img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 98;
}

.banner__btn {
  position: absolute;
  width: 128rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

.banner__btn .swiper-button-next {
  background: url(../img/swiper__next__btn.png) no-repeat center;
  background-size: cover;
  right: 1.2rem;
}

.banner__btn .swiper-button-prev {
  background: url(../img/swiper__prev__btn.png) no-repeat center;
  background-size: cover;
  right: 1.2rem;
}

.banner__btn .swiper-button-next, .banner__btn .swiper-button-prev {
  width: 6.4rem;
  height: 6.4rem;
}

.banner__btn .swiper-button-prev::after, .banner__btn .swiper-button-next::after {
  display: none;
}

.section__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
}

.section__top .section__title {
  font-weight: 700;
  font-size: 4rem;
  line-height: 150%;
}

.section__top .section__title .strong {
  color: #21A366;
}

.section__top .form__select {
  font-family: inherit;
  width: 15rem;
  border: 0;
  border-bottom: 0.1rem solid #dbdbdb;
  font-size: 1.9rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/icon__arrow__20.png) no-repeat;
  background-position: right 1.6rem center;
}

/****************************************************
	파일명	: sub__content.css
	최초작성자	: 이민혁
	최초작성일	: 2024-09-28
	-------------------------------------------------
	Dec. 서브 페이지 스타일링 정의
	-------------------------------------------------
	최종수정자	: 이민혁
	최종수정일	: 2024-10-02
	수정내용	: 최초작성
	속성순서: 
*****************************************************/
label.mo_only {
  display: none;
}

button.mo_only {
  display: none;
}

#sub__wrap .visual__bg {
  width: 100%;
  height: 25rem;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#sub__wrap .accn_desc .visual__bg, #sub__wrap .main_accn_desc .visual__bg {
  background-image: url(../img/top_visual_desc.jpg);
}

#sub__wrap .accn_open .visual__bg, #sub__wrap .public_register .visual__bg, #sub__wrap .sub1_1 .visual__bg, #sub__wrap .check__accounting .visual__bg {
  background-image: url(../img/top_visual_public_open.jpg);
}

#sub__wrap .member_info_change .visual__bg, #sub__wrap .password_change .visual__bg, #sub__wrap .file_change .visual__bg {
  background-image: url(../img/top_visual_security.jpg);
}

#sub__wrap .notice_detail .visual__bg, #sub__wrap .notice .visual__bg {
  background-image: url(../img/top_visual_notice.jpg);
}

#sub__wrap .sign_up .visual__bg {
  background-image: url(../img/top_visual_sign_up.jpg);
}

#sub__wrap .union_management .visual__bg {
  background-image: url(../img/top_visual_union.jpg);
}

#sub__wrap .faq .visual__bg {
  background-image: url(../img/top_visual_faq.jpg);
}

#sub__wrap .visual__bg.sub1 {
  background-image: url(../img/top_visual_notice.jpg);
}

#sub__wrap .content .visual__bg .visual__text {
  position: absolute;
  bottom: 7.2rem;
  color: #fff;
}

#sub__wrap .content .visual__bg .visual__text h2 {
  font-size: 4rem;
  margin-bottom: 1.2rem;
  white-space: nowrap;
}

#sub__wrap .content .visual__bg .visual__text p {
  font-size: 2.2rem;
}

.function__group.margin-1 {
  margin-top: 4rem;
}

.function__group.margin-2 {
  margin-top: 6.4rem;
}

.pagination__margin {
  margin-top: 6.4rem;
  margin-bottom: 20rem;
}

.pagination__margin__mo {
  margin-top: 3.6rem;
  margin-bottom: 6rem;
}

.mobile__con {
  display: none;
}

.mobile__tab {
  display: none;
}

.mobile__tab__content {
  display: none;
}

@media all and (max-width: 768px) {
  .sm--pd-24Th th {
    padding-left: 2.4rem;
    padding-right: 2.4rem !important;
  }
}
.table__vertical.lineBg tr.style1 > td {
  background: #DEEBF7;
}

.table__vertical.inputBg tr.style1 > td input {
  background: #DEEBF7 !important;
  /*  ↓ 20241119 ljy 유주무관님 요청 */
  border:none;
}

.table__vertical.inputBg tr td:first-of-type input {
  background: #DEEBF7;
  /*  ↓ 20241119 ljy 유주무관님 요청 */
  border:none;
}

.table__vertical.lineBg tr td:first-of-type {
  background: #DEEBF7;

}

.input--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.align__cols {
  width: 20rem;
}

.miw__1024 {
  min-width: 102.4rem;
}

.miw__1400 {
  min-width: 140rem;
}

.miw__1260 {
  min-width: 126rem;
}

.miw__1600 {
  min-width: 160rem;
}

.miw__1800 {
  min-width: 180rem;
}

.miw__2600 {
  min-width: 260rem;
}

.data__number {
  font-size: 2.1rem;
  font-weight: 700;
}

.data__number > span {
  color: #1D56BC;
}

.title__lv1__wrap {
  margin-top: 8rem;
  margin-bottom: 6.4rem;
}

.search__form__user {
  background-color: #EDF1F5;
  border-radius: 1.2rem;
}

.search__form__user select, .search__form__user input {
  border: 0.1rem solid #717171;
}

.search__form__user .search {
  padding: 4rem;
}

.search__form__user .preview {
  background-color: #fff;
  height: 4.8rem;
  flex-grow: 1;
}

.search__form__user .upload__wrap .btn__file__select {
  font-weight: 400;
  min-height: 4.8rem;
}

.search__form__user .upload__wrap .btn__upload {
  font-weight: 400;
  min-height: 4.8rem;
}

.search__form__user .search .first__input__box {
  padding-bottom: 2.4rem;
}

.search__form__user .search input {
  font-size: 1.7rem;
}

.search__form__user .search .select__box {
  min-width: 18rem;
  height: 4.8rem;
  display: flex;
}

.search__form__user .search .select__box.select__container {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.search__form__user .flexTwo {
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.search__form__user .flexTwo input[type=text], .search__form__user .flexTwo .select__box > select {
  width: calc(50% - 1rem);
  flex: auto;
}

.search__form__user .search .select__box.select__container input[type=text], .sub1__1__wrap .search__form__user .search .select__box > select {
  width: calc(50% - 1rem);
  flex: auto;
}

.search__form__user .search .input__box {
  height: 4.8rem;
  display: flex;
  flex: 1;
}

.search .input__box.lg--interval__both input {
  margin: 0 2.4rem;
}

@media all and (max-width: 767px) {
  .search .input__box.lg--interval__both input {
    margin: 0;
  }
}
.search__form__user .search .input__box > input {
  height: 100%;
  flex: 1;
  background: #fff;
}

.search__form__user .search .select__box > select {
  width: 100%;
  height: 100%;
  flex: 1;
}

.search__form__user label.mo_only {
  font-weight: 700;
  font-size: 1.7rem;
  padding-bottom: 1rem;
  margin-right: auto;
}

/* 2025-01-08 유수진 추가 */
.search__form__user label.web_only {
  font-weight: 700;
  font-size: 1.7rem;
  margin-right: 1.2rem;
}

.search__form__user .search__container {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.form__container {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.btn__control__u {
  color: #fff;
  font-size: 1.7rem;
  border-radius: 0.7rem;
  padding: 0 1.6rem;
  height: 4.8rem;
}

.accn__open__wrap .search__form__user .search > div label {
  font-size: 1.7rem;
  font-weight: 700;
  margin-right: 1.2rem;
}

.accn__desc__wrap .num__label.m__cont {
  display: none;
}

.table__vertical .input__data tr td input {
  width: 100%;
  border-radius: 0;
  text-align: right;
  font-weight: 700;
}

.accn__result table {
  font-size: 1.6rem;
}

.notBorderRight table thead th:not(:first-child), .notBorderRight table tbody td:not(:first-child) {
  border-right: 0;
}

.noborderRightAll * {
  border-right: 0 !important;
}

.noborderAll * {
  border: 0 !important;
}

.qna__container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  color: #fff;
}

.qna__container.question {
  background-color: #16C273;
}

.qna__container.answer {
  background-color: #000000;
}

.foldStyle__table tbody tr {
  min-height: 5.8rem;
  border-bottom: 0.1rem solid #ddd;
  display: flex;
  align-items: stretch;
}

.foldStyle__table tbody tr td {
  display: flex;
  align-items: center;
}

.foldStyle__table .text__container {
  flex-grow: 1;
  flex-basis: 75%;
}

.foldStyle__table tbody tr:nth-child(even) {
  background-color: #F9F9FA;
}

.foldStyle__table .qna__title {
  min-width: 12rem;
  border-right: 0.1rem solid #ddd;
  min-height: 5.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.foldStyle__table .answer__toggle {
  font-weight: 700;
  text-align: left;
}

.foldStyle__table .qna__function__group {
  margin-left: auto;
  margin-right: 3rem;
}

.foldStyle__table .arrow__box {
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 5.4rem;
}

.foldStyle__table .arrow__box > img {
  width: 100%;
  height: 100%;
}

@media all and (max-width: 768px) {
  .search__form__user .search .input__box > input {
    margin: 0;
  }
}
.notice__detail__wrap table {
  font-size: 1.6rem;
}

.notice__detail__wrap .content__desc {
  min-height: 45rem;
  font-size: 1.7rem;
  color: #555555;
}

.notice__detail__wrap .table__horizontal__ex .td__container {
  height: 100%;
  align-items: center;
}

.board__detail {
  padding: 6.4rem 0;
}

.notice__detail__wrap .file__wrap {
  min-height: 5.8rem;
  background-color: #EAF5F0;
  display: flex;
  align-items: center;
}

.file__wrap .file__header {
  min-width: 25rem;
  padding-left: 3rem;
  font-weight: 700;
  line-height: 5.8rem;
}

.file__wrap .list {
  flex-grow: 1;
  max-width: 84rem;
}

.file__wrap .list > span {
  font-weight: 500;
}

.file__wrap .download {
  margin-left: auto;
  padding-right: 3.6rem;
}

.prev__next {
  font-size: 1.6rem;
  border-bottom: 0.1rem solid #ddd;
}

.prev__next > li {
  overflow: hidden;
  position: relative;
  padding: 1.8rem 0 1.8rem 3rem;
  max-height: 5.8rem;
  display: flex;
  align-items: center;
  border-top: 0.1rem solid #ddd;
}

.prev__title {
  font-weight: 700;
}

.prev__next .prev span, .prev__next .next span {
  min-width: 22rem;
  display: inline-flex;
  align-items: center;
}

.prev__next .prev span::before {
  content: "";
  margin-right: 2rem;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/arrow__top-bk.svg) no-repeat center;
  background-size: 2.4rem auto;
}

.prev__next .next span::before {
  content: "";
  margin-right: 2rem;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../img/arrow__bottom-bk.svg) no-repeat center;
  background-size: 2.4rem auto;
}

.search .input__box.int {
  margin-right: 2.4rem;
}

.union__management__wrap .btn__file__select {
  min-width: 9.1rem;
}

.union__management__wrap .upload__wrap {
  flex-grow: 1;
}

.function__group.type2 {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  gap: 1rem;
  /* 20241118 ljy 추가 */
  margin-bottom:-5rem;
  /* 20241118 ljy 추가 */
}
/* 20241118 ljy 수정
.function__group.type2 .btn__control__u {
	padding: 0 1.2rem;
  	font-size: 1.5rem; 
  	height: 4rem;
}
20241118 ljy 수정 */

.accn__desc__wrap .desc__inner {
  padding: 0 9rem;
}

.accn__desc__wrap .num__label {
  margin-right: 0.8rem;
  background-color: #000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  color: #fff;
  border-radius: 50%;
  font-size: 1.2rem;
}

.accn__desc__wrap .content__section:first-child {
  display: flex;
  position: relative;
}

.content__section:first-child .image__container {
  min-width: 33.7rem;
  min-height: 52.7rem;
  margin-right: 5rem;
  background-image: url("../img/accn__desc__img_01.png");
  background-size: cover;
}

.content__section .text__container .title {
  font-size: 3.6rem;
  font-weight: 700;
}

.content__section .text__container .desc {
  font-size: 1.8rem;
  color: #555555;
  max-width: 65rem;
}

.content__section:first-child .text__container {
  padding-top: 13rem;
}

.content__section:first-child .text__container .desc:nth-of-type(1) {
  margin-bottom: 2.4rem;
}

.content__section:first-child .text__container .desc:nth-of-type(2) {
  margin-bottom: 5rem;
}

.content__section:first-child .text__container .desc__light {
  color: #9C9C9C;
}

.content__section:first-child .circle__image__container {
  width: 15.3rem;
  height: 18.4rem;
  background-image: url("../img/accn__desc__img__circle__01.png");
  position: absolute;
  bottom: 0;
  right: 0;
}

.accn__desc__wrap .section {
  margin-top: 10rem;
}

.accn__desc__wrap .content__section:nth-child(2) {
  display: flex;
  position: relative;
}

.accn__desc__wrap .content__section:nth-child(2) .image__container {
  min-width: 58.4rem;
  min-height: 27.9rem;
  max-width: 58.4rem;
  max-height: 27.9rem;
  margin-left: 5rem;
  background-image: url("../img/accn__desc__img_02.png");
  background-size: cover;
}

.accn__desc__wrap .content__section:nth-child(2) .text__container {
  padding-top: 4rem;
  max-width: 47rem;
}

.accn__desc__wrap .content__section:nth-child(2) .text__container .desc {
  margin-top: 3rem;
}

.accn__desc__wrap .content__section:nth-child(2) .circle__image__container {
  width: 41.2rem;
  height: 11rem;
  background-image: url("../img/accn__desc__img__circle__02.png");
  position: absolute;
  left: 2.7rem;
  top: 22rem;
  bottom: -2rem;
  background-size: cover;
}

.accn__desc__wrap .content__section:nth-child(3) .image__container {
  background-position: center center;
}

.accn__desc__wrap .expected__section {
  text-align: center;
  margin-bottom: 35rem;
}

.accn__desc__wrap .expected__section .image__container {
  width: 100%;
  height: 26.2rem;
  margin: 5rem 0;
  background-image: url("../img/accn__desc__img__circle__03.png");
  background-position: center center;
}

.accn__desc__wrap .expected__section .title {
  font-size: 4.8rem;
  font-weight: 700;
}

.main__accn__desc__wrap .image__container {
  text-align: center;
  margin: 6.4rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main__accn__desc__wrap .image__container img {
  max-width: 100%;
}

.main__accn__desc__wrap .table__vertical thead th {
  height: 5.8rem;
}

.main__accn__desc__wrap .table__vertical tbody th {
  height: 5.8rem;
  background: transparent;
}

.main__accn__desc__wrap .tab .table__vertical {
  border-top: 0.2rem solid #00A463;
}

.main__accn__desc__wrap .table__vertical tbody td {
  padding: 0.8rem 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.main__accn__desc__wrap .tab:nth-of-type(1) .table__vertical {
  margin-bottom: 25rem;
}

.main__accn__desc__wrap .tab:nth-of-type(2) .content__section:not(:last-child) {
  margin-bottom: 10rem;
}

.main__accn__desc__wrap .tab:nth-of-type(2) .content__section:last-child {
  margin-bottom: 30rem;
}

.desc__banner {
  background-color: #EDF1F5;
  display: flex;
  align-items: center;
  padding: 2.6rem 2.4rem;
  max-height: 6.4rem;
  border-radius: 0.8rem;
}

.desc__banner .title {
  font-size: 1.7rem;
  font-weight: 700;
  margin-right: 1.6rem;
}

.desc__banner .desc {
  font-size: 1.5rem;
  font-weight: 400;
}

@media all and (max-width: 767px) {
  .table__horizontal__ex.mo__columnTable .border-top-large {
    border: 0;
  }
  .table__horizontal__ex.mo__columnTable tr {
    display: block;
    border-bottom: 0;
  }
  .table__horizontal__ex.mo__columnTable th {
    padding: 0;
    background: transparent;
    margin-bottom: 1.2rem;
  }
  .table__horizontal__ex.mo__columnTable th {
    margin-top: 1.6rem;
  }
  .table__horizontal__ex.mo__columnTable tr:nth-child(1) th:first-child {
    margin-top: -1.6rem;
  }
  .table__horizontal__ex.mo__columnTable .td__container {
    gap: 0;
    padding: 0;
  }
  .table__horizontal__ex.mo__columnTable.mo__columnType2 .border-top-large {
    border: 0;
  }
  .table__horizontal__ex.mo__columnTable.mo__columnType2 .td__container {
    gap: 1rem;
  }
}
.chart-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}

.chart__wrapper {
  width: calc(50% - 20px);
}

.tab .echart {
  width: 100%;
  height: 400px;
  position: relative;
  background-color: #F8F8F8;
}

.chart__title {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #000;
  padding-bottom: 12px;
}

.chart__title h2 {
  font-weight: 700;
  font-size: 2.5rem;
}

.chart__title span {
  font-size: 1.7rem;
}

.tab__4__table {
  margin-bottom: 6.4rem;
}

.tab__4__table .input--flex input, .tab__4__table .input--flex select {
  width: calc(50% - 1rem);
}

.tab__4__chart__wrapper {
  width: calc(50% - 2rem);
  margin-bottom: 6.4rem;
}

.td--flex {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  flex-wrap: nowrap;
}

.td--flex .td--width {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.must__help__message span, .must__help__message p {
  font-size: 1.5rem;
}

.btn__s {
  font-size: 1.6rem;
  padding: 0.8rem 1.2rem;
  border: 0.1rem solid #000;
  max-height: 5.6rem;
  min-height: 4rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.must__help__message {
  margin-top: 2.4rem;
}

.file-upload-wrapper {
  display: flex;
  align-items: center;
}

.custom-file-label {
  background-color: #004A98;
  color: white;
  width: 10rem;
  height: 4rem;
  line-height: 4rem;
  cursor: pointer;
  text-align: center;
  margin-right: 10px;
}

.form__table .with__submit input[type=text] {
  width: 90%;
}

.form__table .with__submit .btn__s {
  width: calc(10% - 1rem);
  color: #fff;
}

.form__table .col2__th {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 5.8rem;
}

.form__table .col2__th span {
  line-height: 150%;
  text-align: left;
}

.form__table .preview {
  min-width: auto;
}

.form__table tr {
  min-height: 5.8rem;
  width: 100%;
  border-bottom: 0.1rem solid #ddd;
}

.form__table td {
  flex-grow: 1;
  line-height: 100%;
  display: block;
}

.form__table td input[type=text], .form__table td input[type=password] {
  line-height: 4rem;
  width: 100%;
  padding: 0 8px;
  font-size: 1.6rem;
}

.form__table td input[type=submit] {
  line-height: 4rem;
}

.form__table td select {
  height: 4rem;
}

/* 20241017 문정환 추가 */
.form__table td .select2-selection{
  height: 4rem;
}
/* 20241017 문정환 추가 */

.form__table .secret__Check .icon__pw-visible {
  right: 1.8rem;
  transform: translateY(-50%);
}

.form__table .secret__Check input {
  height: 4rem;
}

.form__table .error-message {
  padding-left: 2rem;
  padding-bottom: 1rem;
}

.must__type {
  position: relative;
  text-align: left;
}

.must__type::after {
  content: " *";
  color: #FE5555;
  font-weight: 700;
  position: absolute;
}

.td__calender {
  position: relative;
  width: 33.33%;
}

.printResult__desc {
  font-size: 2.1rem;
  padding-top: 2.4rem;
  padding-bottom: 6.4rem;
}

.grayTable th {
  background-color: #f8f8f8;
}

.printPage {
  width: 21cm;
  min-height: 29.7cm;
  position: relative;
}

.printPage .desc__box__txt {
  font-size: 14px;
  margin-left: 0;
}

.printPage .main__title__lg {
  font-size: 3.2rem;
}

.printResult__inner {
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
}

.printPage th {
  font-size: 12px;
  padding: 0 4px;
  max-width: 120px;
  min-width: 110px !important;
}

.printPage tr {
  min-height: auto;
}

.printPage td {
  font-size: 12px;
  font-weight: 400;
}

.printPage .min__h__box {
  border: 0.1rem solid #ddd;
  margin: 6px;
  min-height: 3.2rem;
}

@page {
  size: A4;
  margin: 0;
}
@media print {
  .printPage {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
  .printPage input {
    min-height: 30px;
    padding: 0;
    box-sizing: border;
  }
}
/* 모바일 전용 탭 */
.mobile__tab .swiper-slide {
  max-width: 13rem;
  text-align: center;
}

.mobile__tab .swiper-slide button {
  width: 100%;
  height: 100%;
  color: #555555;
  background: transparent;
  font-size: 1.9rem;
  padding: 2rem 1.6rem;
  white-space: nowrap;
  border-bottom: 0.2rem solid #ddd;
  font-weight: 700;
}

.mobile__tab .swiper-button-next {
  border-radius: 50%;
  background: url(../img/mo__tab__next.png) no-repeat center;
  background-size: 100% auto;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.25);
}

.mobile__tab .swiper-button-prev {
  border-radius: 50%;
  background: url(../img/mo__tab__prev.png) no-repeat center;
  background-size: 100% auto;
  box-shadow: 0 0 0.4rem 0 rgba(0, 0, 0, 0.25);
}

.mobile__tab .swiper-slide button.active {
  color: #21A366;
  position: relative;
}

.mobile__tab .swiper-slide button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #21a366;
}

.mobile__tab .swiper-slide button.active {
  color: #21A366;
  position: relative;
}

.mobile__tab .swiper-slide button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background-color: #21a366;
}

/* 20241120 이민혁 버튼 비활성화 스타일 초기화 */
.mobile__tab .swiper-button-next.swiper-button-disabled, .mobile__tab .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.mobile__tab .swiper-button-next,
.mobile__tab .swiper-button-prev {
  position: absolute;
  z-index: 66;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0;
  margin-top: calc(0px - 1.2rem);
}

.mobile__tab .swiper-button-next::after,
.mobile__tab .swiper-button-prev::after {
  font-size: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
  position: absolute;
  left: 0;
  top: 0;
}

@media all and (min-width: 551px) and (max-width: 766px) {
  .content .mobile__tab .swiper .swiper-slide {
    max-width: 25%;
  }
}
@media all and (max-width: 550px) {
  .content .mobile__tab .swiper .swiper-slide {
    max-width: 13rem;
  }
}
.mobile__con {
  margin: 3.6rem 0;
}

.data--open {
  position: relative;
  padding: 2rem 0.8rem;
  font-size: 1.7rem;
}

.data--open .arrow__wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}

.data--open .arrow__wrap .arrow__top {
  display: none;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/arrow__top-green.svg) no-repeat center;
}

.data--open .arrow__wrap .arrow__bottom {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/acordian__arrow__down.png) no-repeat center;
}

.data--open.first {
  border-top: 0.1rem solid #ddd;
}

.data--open {
  cursor: pointer;
  width: 100%;
  position: relative;
  border-bottom: 0.1rem solid #ddd;
}

.data__toggle {
  font-size: 1.7rem;
  font-weight: 700;
}

.data--open.on {
  border-bottom: 0.3rem solid #21A366;
}

.data--open.on .data__toggle {
  color: #21A366;
}

.data--open.on .arrow__top {
  display: block;
}

.data--open.on .arrow__bottom {
  display: none;
}

.data--openTotal {
  margin-left: auto;
  padding-right: 2.6rem;
  font-weight: 700;
}

.mo__slide {
  padding: 0 1rem;
}

.mo__slide > table {
  font-size: 1.7rem;
}

.mo__slide > table tr.is-open td {
  display: flex;
}

.mo__slide > table th {
  background: transparent;
}

/* 20241120 문정환 주석 처리 */
/* .mo__slide > table .sub__element { */
/*   font-weight: 700; */
/*   font-size: 1.8rem; */
/* } */

.mo__slide > table tbody tr td:last-child {
  margin-bottom: 3rem;
}

.mo__slide > table tbody tr td:first-of-type {
  margin-top: 2rem;
}

.mo__slide > table tr.style1 > td {
  background: #DEEBF7;
}

.mo__slide > table tr.style1 .sub__element {
  background: transparent;
}

.mo__slide > table td td:first-of-type {
  background: #DEEBF7;
}

.mo__slide td.depth1Style:before{
	content: "■ ";
    color: #21A366;
    display: inline-block;
}
.mo__slide td.sub__element{
	font-size:1.7rem;
}
.mo__slide td.sub__element.depth1Style:before{
	margin-right:9px;
}
.mo__slide td.depth2Style{
	padding-left:13px;
	margin-top:1.5rem !important;
}
.mo__slide td.depth2Style.alingStart{
	justify-content: start;
}
.mo__slide td.depth2Style:before{
	content: "- ";
    color: #21A366;
    display: inline-block;
    margin-right:7px;
}
.mo__slide td.depth-1 {
  font-size: 1.7rem;
}

.mo__slide td.depth-2 {
  font-size: 1.5rem;
}
/* .mo__slide td.depth-2{text-align:left;} */
/* .mo__slide td.depth-2 .sub__title{ */
/* 	text-align:right; */
/* } */
.mo__slide td.depth-3 {
  font-size: 1.3rem;
}

/* 20241114 문정환 수정 */
.acordian__table.depth-margin .depth-2 {
  margin-left: 1.6rem;
}

/* .acordian__table.depth-margin .depth-3 {margin-left: 2rem;} */
.acordian__table.depth-margin .depth-3 {
  margin-left: 3.2rem;
}

/* 20241120 이민혁 수정 */
.register__table.depth-margin .depth-2 {
  margin-left: 1.6rem;
}

.register__table.depth-margin .depth-3 {
  margin-left: 3.2rem;
}

/* input값 초기화 */
.input-txtReset input[type=text] {
  border: 0;
  min-height: auto;
  padding: 0;
  font-size: inherit;
  border-radius: 0;
}

.input-txtReset input[type=text]:focus {
  outline: none;
}

.t__title input[type=text] {
  font-weight: 700;
}

.sub__t__title {
  cursor: pointer;
}

.sub__t__title > span {
  display: flex;
  align-items: center;
}

.sub__t__total {
  margin-right: 0.8rem;
  margin-left: auto;
}

.sub__t__title::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/acordian__arrow__down.png) no-repeat center;
  align-self: center;
}

.sub__t__title.is-subopen::after {
  transform: rotate(180deg);
}

.notFold {
  font-size: 1.8rem;
}

.notFold > span {
  display: flex;
  align-items: center;
}

.mo__slide > table .sub__element td {
  display: flex;
  align-items: center;
}

.mo__slide > table .sub__element span {
  display: flex;
  align-items: center;
}

.mo__slide > table .sub__element::after {
  content: "";
  height: 1px;
  background-color: #ddd;
  flex: 1;
  margin-left: 1rem;
}

.mo__slide > table .t__title {
  padding-top: 2rem;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #ddd;
  display: flex;
  justify-content: space-between;
}

.mo__slide > table tr.is-open .t__title.arrow::after {
  transform: rotate(180deg);
}

.t__title.arrow::after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/acordian__arrow__down.png) no-repeat center;
  align-self: center;
}

.t__title.arrow > span {
  margin-left: auto;
  margin-right: 0.8rem;
}

.mo__slide .acordian__table .t__title {
  cursor: pointer;
}

.mo__slide .acordian__table tr td {
  display: none;
}

.mo__slide > table tr td {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mo__slide input {
  text-align: right;
}

.mo__slide.min__h__58 td {
  min-height: 5.8rem;
}

.td--separated {
  padding-top: 2rem;
  padding-bottom: 3rem;
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
  margin-bottom: 0 !important;
}

.child__arrow {
  display: inline-block;
  width: 1.6rem;
  height: 2.2rem;
  background: url(../img/arrow__right-bk.svg) no-repeat center;
  background-size: cover;
}

/* th depth */
tr.th-depth .min__h__box {
  position: relative;
}

tr.th-depth p {
  height: 4rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #d5e4de;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #505050;
}

/* 사용자 폼 관련 페이지 스타일 */
.login__page body {
  position: relative;
}
.login__page .wrap {
  display: flex;
  flex-direction: column;
}
.login__page #login__body {
  overflow: auto;
  font-size: 1.5rem;
  padding-top: 12.8rem;
  padding-bottom: 8rem;
}
.login__page #login__body input[type=text], .login__page #login__body input[type=password] {
  height: 5.8rem;
  border: 0.1rem solid #717171;
}
.login__page #login__body input::-moz-placeholder {
  font-size: 1.9rem;
}
.login__page #login__body input::placeholder {
  font-size: 1.9rem;
}
.login__page #login__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.login__page #login__body .login__block {
  width: 100%;
  max-width: 480px;
  margin-bottom: 8rem;
}
.login__page #login__body .login__block .title {
  text-align: center;
  font-size: 3.2rem;
}
.login__page #login__body .login__block .desc {
  text-align: center;
  font-size: 1.8rem;
  color: #555555;
}
.login__page #login__body .login__block > div {
  background-color: #fff;
  margin-top: 3rem;
}
.login__page #login__body .login__block > div > div > button {
  color: #fff;
  height: 5.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
  margin: 2.4rem 0 2.4rem 0;
  border-radius: 0.8rem;
}
.login__page #login__body .login__block .login__input:nth-of-type(1) {
  padding-bottom: 2.4rem;
}
.login__page #login__body .login__block .login__input:nth-of-type(2) {
  padding-bottom: 1.2rem;
}
.login__page #login__body .login__block .login__input label {
  padding-bottom: 1.2rem;
}
.login__page #login__body .save__info {
  display: flex;
  align-items: center;
  padding-top: 2.4rem;
}
.login__page #login__body .save__info input[type=checkbox] {
  margin-right: 0.8rem;
}
.login__page #login__body .login__help a:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 12px;
  background: #ddd;
  margin: 0 7px 0 13px;
  display: inline-block;
}
.login__page .helper__box {
  width: 100%;
  padding: 2.4rem;
  background-color: #EDF1F5;
  border: 1px solid #E4E4E4;
  border-radius: 1.2rem;
  font-size: 1.7rem;
}
.login__page .helper__box .helper__tit {
  display: flex;
  position: relative;
  color: #003675;
  font-weight: 700;
}
.login__page .helper__box .helper__tit::before {
  margin-right: 0.4rem;
  content: "";
  width: 2rem;
  height: 2rem;
  margin-top: 0.2rem;
  background-image: url(../img/icon__helper__info.svg);
  background-size: contain;
}
.login__page .helper__box .helper__desc__wrap .info-list {
  list-style: disc;
}
.login__page .helper__box .helper__desc__wrap .info-list > li:not(:last-child) {
  margin-bottom: 0.4rem;
}
.login__page .helper__box .helper__desc__wrap {
  margin-top: 1.6rem;
  margin-left: 4.8rem;
  color: #555555;
}
.login__page #login__body .secret__Check .icon__pw-visible {
  right: 1.6rem;
  
  /* 20241018 문정환 추가 */
  min-width: 24px;
}

.secret__Check {
  position: relative;
}

.secret__Check .icon__pw-visible {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  max-height: 2.4rem;
}

.show__icon {
  width: 2.4rem;
  height: 2.4rem;
}

.form__table .file__select__container .preview {
  flex-grow: 1;
}

.form__table .file__select__container {
  padding-right: 0;
}

.form__table .btn__file__select--mo {
  display: none;
}

.info__change__form {
  margin-top: 8rem;
  margin-bottom: 44rem;
}

@media all and (min-width: 480px) and (max-width: 1440px) {
  br.onlyMo {
    display: block;
  }
}
@media all and (min-width: 360px) and (max-width: 767px) {
/* 20241125 ljy 주석처리
   .form__head .form-title:nth-of-type(1) {
    min-width: 10rem;
    max-width: 10rem;
  }
  .upload__manager .form__row .td__container:nth-of-type(1) {
    max-width: 10rem;
    min-width: 10rem;
  } */
  .upload__manager .form__row .td__container input {
    width: 8rem;
  }
  .upload__manager .file__select__container > .preview, .union__management__wrap .file__select__container > .preview {
    margin-right: 1rem;
  }
  .file__select__container > .preview {
    position: relative;
  }
  /* 20241125 ljy 주석처리
  .btn__file__select {
    display: none;
  }
  .btn__file__select--mo {
    display: block;
    right: 0;
  } */
  .file__change__wrap .td__container {
    flex-wrap: nowrap;
  }
  .file__change__wrap .preview {
    white-space: nowrap;
  }
  .file__change__wrap .btn__file__select {
    white-space: nowrap;
  }
}
@media all and (max-width: 767px) {
  br.pcOnly {
    display: none;
  }
  .btn__s {
    min-width: 10rem;
    font-size: 1.9rem;
  }
  .form__table td input[type=text], .form__table td input[type=password] {
    font-size: 1.9rem;
  }
  .form__table tr {
    flex-direction: column;
    border-bottom: 0;
  }
  .form__table th {
    padding-left: 0;
    margin-bottom: 1.2rem;
    width: 100%;
    background-color: transparent;
    white-space: nowrap;
  }
  .form__table.border-top-large {
    border-top: 0;
  }
  .form__table .td__container {
    padding: 0;
  }
  .form__table .consent__chk .td__container {
    gap: 0;
  }
  .form__table td input[type=text], .form__table td input[type=password] {
    padding: 0.8rem 0.8rem;
    min-height: 5.6rem;
  }
  .form__table td select {
    min-height: 5.6rem;
    max-height: 5.6rem;
    font-size: 1.7rem;
    color: #555555;
  }
  .form__table .file__select__container {
    position: relative;
    gap: 0;
  }
  .form__table .preview {
    height: 5.8rem;
  }
  .form__table .btn__file__select {
    display: none;
  }
  .form__table .btn__file__select--mo {
    display: block;
  }
  .info__change__form {
    margin-top: 6.4rem;
    margin-bottom: 9.2rem;
  }
  .info__change__form .form__table tr {
    margin-bottom: 2.4rem;
  }
  .info__change__form .function__group {
    margin: 0;
  }
  .info__change__form .btn__control {
    width: 100%;
  }
  .info__change__form .error-message {
    padding-left: 0;
    padding-top: 1rem;
    padding-bottom: 0;
  }
  .table__title.flex__title {
    flex-direction: column;
    align-items: baseline;
  }
  .table__title.flex__title > h2 {
    font-size: 3.2rem;
  }
  .table__title .must__help__message {
    margin: 0;
  }
  /* 20241118 ljy 주석처리 */ 
  /* .sign__up__table__wrap .form__table tr {
    margin-bottom: 1.6rem;
  } */
  /* 20241118 ljy 주석처리 */ 
  .sign__up__table__wrap .form__table tr:nth-child(6) .td__container {
    flex-direction: column;
  }
  .sign__up__table__wrap .form__table tr:nth-child(5) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(6) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(8) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(9) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(10) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(11) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(16) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(17) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(18) {
    padding-bottom: 3.6rem;
  }
  .sign__up__table__wrap .form__table tr:nth-child(8) .td__container {
    flex-direction: column;
  }
  .sign__up__table__wrap .form__table tr:nth-child(9) .td__container {
    flex-direction: column;
    width: 100%;
  }
  .sign__up__table__wrap .form__table tr:last-child {
    margin-bottom: 1.2rem;
  }  
  .must__help__message {
    margin-top: 0;
  }
  .organization {
    flex-direction: column;
  }
  .organization .btn__select {
    width: 100%;
    height: 4.8rem;
    margin-bottom: 1rem;
    margin-left: 0;
  }
  .sign__up__table__wrap .td__calender {
    width: 100%;
    position: relative;
  }
  .sign__up__table__wrap .form__table .col2__th {
    min-height: auto;
  }
  .sign__up__table__wrap .td__date {
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
  }
  .sign__up__table__wrap .td__date select {
    min-width: auto;
  }
  .sign__up__table__wrap .td__date .select__renew {
    background: url(../img/select__renew__mo.svg) no-repeat 92% 50%;
  }
  .btn__half__wrap.function__group {
    display: flex;
  }
  .btn__half__wrap.function__group .btn__control {
    width: 50%;
  }
  .radio__wrap label {
    font-size: 1.9rem;
  }
}
/****************************************************
	파일명	: media__query.css
	최초작성자	: 이민혁
	최초작성일	: 2024-09-28
	-------------------------------------------------
	Dec. 미디어 쿼리 관련 정의
	-------------------------------------------------
	최종수정자	: 이민혁
	최종수정일	: 2024-10-02
	수정내용	: 최초작성
	속성순서: 
*****************************************************/
@media all and (min-width: 1441px) {
  .banner__swiper .swiper-button-next, .banner__swiper  .swiper-button-prev {
    margin-top: -32px;
  }
  .preview {
    min-width: 50rem;
  }
  .preview.lg--miw480 {
    min-width: 48rem;
  }
  .table__horizontal__ex .wide__first td:nth-of-type(1) .td__container {
    min-width: 42rem;
  }
  .form__table .td__date select {
    width: 12rem;
  }
  .footer__info p {
    line-height: 1.9rem;
  }
}
/* 노트북 소형~ 중형 1080px ~ 1440px */
@media all and (min-width: 1080px) and (max-width: 1440px) {
  .wrap .count__group .count {
    width: 32%;
  }
  .banner__btn .swiper-button-next, .banner__btn .swiper-button-prev {
    width: 4rem;
    height: 4rem;
  }
  .main__echart .table colgroup col:nth-child(1) {
    width: 25%;
  }
  .main__echart .table colgroup col:nth-child(2) {
    width: 20%;
  }
  .main__echart .table tbody td:nth-child(n+3) {
    white-space: nowrap;
  }
  .main__echart .table tbody td {
    padding: 0 0.4rem;
  }
  .main__echart > div {
    gap: 2rem;
  }
  .tab__4__chart__wrapper {
    width: calc(50% - 2rem);
  }
  .tab__4 .echart {
    width: 100%;
  }
}
/* 태블릿 큰 사이즈 768px ~ 1079px */
@media all and (min-width: 768px) and (max-width: 1079px) {
  .top__visual .main__hero .main__text {
    position: static;
    padding-top: 6.3rem;
    text-align: center;
  }
  .count__group .count {
    width: 32%;
    height: auto;
    padding: 2rem 0;
  }
  .count__group .count .subc {
    font-size: 2.8rem;
  }
  .top__visual .main__hero .quick__menu {
    position: static;
    justify-content: center;
    padding-top: 10rem;
    padding-bottom: 4rem;
  }
  .wrap .main__swiper .main__btn__group {
    bottom: -2rem;
  }
  .wrap .swiper__container {
    width: 85.625%;
  }
  .wrap .banner__btn {
    width: calc(100% - 4rem);
  }
  .content .tab__wrap {
    width: 100%;
    padding: 0 2rem;
    padding-top: 8rem;
  }
  .main__echart > div {
    flex-direction: column;
    gap: 4rem;
  }
  .main__echart .table__vertical {
    width: 100%;
  }
  .main__echart .table colgroup col:nth-child(1) {
    width: 20%;
  }
  .main__echart .table colgroup col:nth-child(2) {
    width: 20%;
  }
  .main__echart__wrap {
    width: 100%;
    justify-content: space-around;
  }
  .main__echart .chartBox .echart {
    display: flex;
    justify-content: center;
  }
  .main__echart .table__vertical table tbody td, .main__echart .table__vertical table thead th {
    font-size: 1.6rem;
  }
}
/* 모바일 가로 & 테블릿 세로 480px ~ 767px */
@media all and (min-width: 480px) and (max-width: 767px) {
  .wrap .swiper__container {
    width: 100%;
    padding: 0 9.2rem;
  }
  .wrap .count__group .count {
    width: 32%;
  }
  .wrap .banner__wrap {
    display: flex;
  }
  .wrap .banner__btn {
    width: calc(100% - 1.6rem);
  }
  .wrap .sub1__1__wrap .content .tab__wrap {
    width: 100%;
    padding: 0 1.6rem;
  }
  .wrap .header__gnb #gnb1 {
    display: none;
  }
  .wrap .top__visual .main__hero .main__text {
    position: static;
    padding-top: 6.3rem;
    text-align: center;
  }
  .wrap .top__visual .main__hero .main__text .main__bold {
    font-size: 3.2rem;
    margin-bottom: 0;
    padding-bottom: 3.2rem;
  }
  .wrap .top__visual .main__hero .quick__menu {
    position: static;
    padding-top: 10rem;
    padding-bottom: 4rem;
    justify-content: center;
  }
  .wrap .top__visual .main__hero .quick__menu .quick__wrap {
    width: 10rem;
    height: 10rem;
    margin: 0;
  }
  .wrap .top__visual .main__hero .quick__menu .quick__wrap:nth-child(2) {
    margin: 0 2.4rem;
  }
  .wrap .top__visual .main__hero .quick__menu .quick__wrap span {
    padding-top: 0.8rem;
    font-size: 1.3rem;
  }
  .wrap .count__group .count:nth-child(1), .wrap .count__group .count:nth-child(2) {
    margin-bottom: 1.6rem;
  }
  .wrap .count__group .inner {
    flex-wrap: wrap;
  }
  .wrap .count__group .count .subc {
    font-size: 2rem;
  }
  .wrap .banner__swiper .swiper-slide-active {
    visibility: visible;
  }
  .wrap .banner__swiper .swiper-slide:not(.swiper-slide-active) {
    visibility: hidden;
  }
  .wrap .banner__swiper .swiper-slide {
    max-width: none;
  }
  .wrap .banner__btn .swiper-button-next, .wrap .banner__btn .swiper-button-prev {
    width: 4rem;
    height: 4rem;
  }
  .wrap .main__swiper .swiper-slide-active .item .item__wrap .total .total__wrap:nth-child(1)::after {
    display: none;
  }
  .wrap .footer__global .g__flex {
    flex-direction: column;
  }
}
/* pc 전환시까지 변환 유지 되어야 하는 영역 */
@media all and (min-width: 767px) and (max-width: 1079px) {
  .swiper__container {
    width: 100%;
  }
  .banner__box .banner__text p {
    font-size: 2rem;
  }
  .banner__btn .swiper-button-next, .banner__btn .swiper-button-prev {
    width: 4rem;
    height: 4rem;
  }
  .main__swiper .swiper-slide-active .item .item__wrap .total .total__wrap:nth-child(1)::after {
    display: none;
  }
  .accn__desc__wrap .breadcrumb {
    margin-bottom: 6.4rem;
  }
  .search__form__user .search .select__box {
    min-width: auto;
  }
  .tab__4__chart__wrapper {
    width: calc(50% - 2rem);
  }
  .tab__4 .echart {
    width: 100%;
  }
}
@media all and (min-width: 360px) and (max-width: 1080px) {
  .upload__manager .preview {
    min-width: auto;
    flex-grow: 1;
  }
  .btn__file__select--mo {
    margin: 0 1rem;
  }
}
/* 모바일 세로 (해상도 ~ 479px) 까지 */
@media all and (max-width: 479px) {
  .count__group .count .subc.open::before {
    background-image: url(../img/mo__icons__open.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .count__group .count .subc.write::before {
    background-image: url(../img/mo__icons__write.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .count__group .count .subc.manual::before {
    background-image: url(../img/mo__icons__manual.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .wrap .banner__text a {
    margin-left: 0;
  }
  .wrap .inner {
    width: 100%;
    padding: 0 1.6rem;
  }
  .wrap .header__gnb #gnb1 {
    display: none;
  }
  .wrap .banner__wrap {
    display: flex;
  }
  .wrap .top__visual .main__hero .main__text {
    position: static;
    padding-top: 6.3rem;
    text-align: center;
  }
  .wrap .top__visual .main__hero .main__text .main__bold {
    font-size: 3.2rem;
    padding-bottom: 3.2rem;
    margin-bottom: 0;
  }
  .wrap .top__visual .main__hero .quick__menu {
    position: static;
    padding-top: 10rem;
    padding-bottom: 4rem;
    justify-content: center;
  }
  .wrap .top__visual .main__hero .quick__menu .quick__wrap {
    width: 10rem;
    height: 10rem;
    margin: 0;
  }
  .wrap .top__visual .main__hero .quick__menu .quick__wrap:nth-child(2) {
    margin: 0 2.4rem;
  }
  .wrap .top__visual .main__hero .quick__menu .quick__wrap span {
    padding-top: 0.8rem;
    font-size: 1.3rem;
  }
  .wrap .count__group {
    position: static;
    padding: 5rem 0;
  }
  .wrap .count__group .inner {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .wrap .count__group .count {
    width: 100%;
    padding: 2rem 0;
  }
  .wrap .count__group .count > a {
    flex-direction: row;
    justify-content: start;
    padding-left: 5.6rem;
  }
  .wrap .count__group .count .subc {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
  }
  .wrap .count__group .count .subc::before {
    margin-bottom: 0;
    margin-right: 1.6rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
  }
  .wrap .section__top .section__title {
    font-size: 3.2rem;
  }
  .wrap .swiper__container {
    width: 80%;
    padding: 0;
  }
  .wrap .banner__btn .swiper-button-next, .wrap .banner__btn .swiper-button-prev {
    width: 4rem;
    height: 4rem;
  }
  .wrap .banner__btn {
    position: static;
    transform: none;
  }
}
/* 모바일 최소 사이즈 ~ 태블릿 세로 */
@media all and (min-width: 360px) and (max-width: 767px) {
  .footer__info p:nth-child(1) {
    margin-bottom: 3.2rem;
  }
  .footer__info p:nth-child(2) {
    border-top: 0.1rem solid #ddd;
    padding-top: 1.6rem;
    color: #555555;
  }
  .main__graph {
    margin-bottom: 2.8rem;
  }
  .section__top {
    flex-direction: column;
    margin-top: 5.2rem;
  }
  .section__top .form__select {
    width: calc(100% - 3.2rem);
    margin-top: 2.4rem;
  }
  .main__echart > div {
    flex-direction: column;
    gap: 5rem;
  }
  .main__echart .table__vertical {
    width: 100%;
  }
  .main__echart__wrap {
    flex-direction: column;
    gap: 5rem;
  }
  .main__echart .table colgroup col:nth-child(1) {
    width: 25%;
  }
  .main__echart .table colgroup col:nth-child(2) {
    width: 20%;
  }
  .main__echart .table tbody td {
    white-space: nowrap;
  }
  .banner__swiper {
    margin: 5rem 0;
  }
}
@media all and (max-width: 1440px) {
  .inner {
    width: 100%;
    padding: 0 2rem;
  }
  .preview {
    flex-grow: 1;
  }
  .table__horizontal__ex .wide__first td:nth-of-type(1) .td__container {
    min-width: 22rem;
  }
}
@media all and (max-width: 1080px) {
  .wrap .footer__bottom .footer__flex {
    flex-direction: column;
  }
  .wrap .footer__global .g__flex {
    flex-direction: column;
  }
  .cs__center {
    height: auto;
  }
  .cs__center .content {
    flex-direction: column;
    padding: 5rem 0;
    gap: 8rem;
  }
  .cs__center .content .item {
    width: 100%;
  }
  .cs__center .bg {
    height: 100%;
  }
  .cs__center .content__title {
    font-size: 2.5rem;
  }
  .cs__center .content .qa .content__qa a {
    padding-right: 2.4rem;
  }
  .table__horizontal__ex th,
  .table__horizontal__ex.shortTit th {
    width: 15rem;
  }
  .accn__desc__wrap .w__image {
    display: none;
  }
  .accn__desc__wrap .m__image {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .accn__desc__wrap .section:not(:nth-of-type(1)) {
    margin-top: 6.4rem;
  }
  .accn__desc__wrap .content__section:first-child {
    margin-top: 0;
  }
  .accn__desc__wrap .desc__inner {
    padding: 0;
  }
  .accn__desc__wrap .content__section {
    flex-direction: column;
  }
  .accn__desc__wrap .content__section .text__container {
    padding-top: 3.6rem;
  }
  .accn__desc__wrap .content__section:nth-child(2) .text__container {
    padding-top: 3.6rem;
  }
  .accn__desc__wrap .expected__section {
    margin-bottom: 10rem;
  }
}
/* 태블릿 최소 사이즈까지 */
@media all and (max-width: 767px) {
  .mo__slide input {
    max-width: 17rem;
  }
  .sm-flex--column {
    flex-direction: column;
  }
  .sm-flex--column > * {
    width: 100%;
  }
  .header__gnb {
    display: none;
  }
  footer .inner {
    height: auto;
  }
  .inner {
    width: 100%;
    padding: 0 1.6rem;
  }
  .header__btm {
    height: 6.4rem;
  }
  .tab__wrap {
    padding: 0;
  }
  .calender__body {
    width: 100%;
  }
  .preview {
    height: 4.8rem;
  }
  .ly__cont {
    margin-top: 3.6rem;
  }
  .btn__s.height--res-768 {
    height: 5.6rem;
  }
  .btn__down {
    background-color: #246BEB;
    color: #fff;
    border: 0;
  }
  .btn__add, .btn__remove {
    height: 4.8rem;
  }
  .btn__control {
    width: 100%;
  }
  .login__page #login__body {
    padding-top: 0;
  }
  input[type=text], select {
    min-height: 4.8rem;
  }
  .count__group .count:nth-child(1), .count__group .count:nth-child(2) {
    margin-bottom: 1.6rem;
  }
  .accn__desc__wrap .section .text__container p,
  .accn__desc__wrap .section .text__container div {
    text-align: left;
  }
  .accn__desc__wrap .expected__section .text__container p:nth-of-type(1) {
    margin-bottom: 2.4rem;
  }
  .accn__desc__wrap .num__label.m__cont {
    display: inline-flex;
  }
  .content__section .text__container .title {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  .accn__desc__wrap .expected__section .title {
    font-size: 3.6rem;
  }
  .content__section:first-child .text__container .desc:nth-of-type(1) {
    margin-bottom: 0;
  }
  .content__section:first-child .text__container .desc:nth-of-type(2) {
    margin-bottom: 0;
  }
  .footer__bottom .footer__logo {
    padding-top: 3.2rem;
  }
  .footer__bottom .footer__flex {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
  .user__info {
    display: none;
  }
  .right__icon__set a:not(.hamburger) {
    display: none;
  }
  .right__icon__set a.hamburger {
    display: inline-flex;
    flex-direction: column;
    font-size: 1.3rem;
    padding: 1rem 0;
  }
  .right__icon__set a span {
    padding-top: 0.2rem;
  }
  .right__icon__set a img {
    margin: 0;
  }
  .w__cont {
    display: none;
  }
  .w__cont-i {
    display: none !important;
  }
  .m__cont {
    display: block;
  }
  .table__horizontal__ex tr.m__cont {
    display: flex;
  }
  .pagination.w__cont {
    display: none;
  }
  .pagination.m__cont {
    display: flex;
  }
  
  label.mo_only {
    display: block;
  }
  button.mo_only {
    display: block;
  }
  .breadcrumb {
    margin-bottom: 6.4rem;
  }
  .title__lv1__wrap {
    display: none;
  }
  .table__title__wrap {
    margin-bottom: 3.6rem;
    margin-top: 3.6rem;
  }
  .table__title__wrap .data__number {
    margin-top: 3.6rem;
  }
  .foldStyle__table .qna__title {
    background: transparent;
  }
  .foldStyle__table .arrow__box {
    display: none;
  }
  .foldStyle__table tr:nth-child(odd) td:nth-of-type(1) {
    border-right: 0.1rem solid #ddd;
  }
  .foldStyle__table .qna__function__group {
    margin-right: 0;
    width: 4rem;
    justify-content: center;
  }
  .foldStyle__table .qna__title {
    width: 4rem;
    min-width: 4rem;
  }
  .foldStyle__table td {
    font-size: 1.9rem;
  }
  .foldStyle__table td {
    min-height: 8rem;
  }
  .foldStyle__table .answer__toggle {
    font-size: 1.9rem;
  }
  .qna__container.question {
    background-color: #000;
  }
  .qna__container.answer {
    background-color: #9C9C9C;
  }
  .qna__container {
    width: 2rem;
    height: 2rem;
  }
  .search__form__user .search label.mo_only:nth-of-type(2) {
    margin-top: 2.4rem;
  }
  .search__form__user .search {
    padding: 2rem;
  }
  .search__form__user .search__list {
    flex-direction: column;
    justify-content: start;
  }
  .search__form__user .search__list .input__box {
    flex-direction: column;
    width: 100%;
  }
  .search__form__user .search .select__box {
    min-width: auto;
    width: 100%;
  }
  .search__form__user .btn__con {
    margin-top: 2.4rem;
  }
  .search__form__user .btn__con > button {
    flex: 1;
  }
  .search__form__user.type3 .search > div label {
    margin-right: auto;
  }
  .search__form__user.type3 .search > div label:not(.mo_only) {
    padding-bottom: 1rem;
  }
  .search__form__user.type3 .search .input__box > input {
    margin: 0;
  }
  .search__form__user.type3 .mo_only {
    padding-top: 2.4rem;
  }
  .notice__detail__wrap .table__horizontal__ex tr th {
    min-width: 10rem;
    max-width: 10rem;
    min-height: 5.8rem;
  }
  .notice__detail__wrap .second__line {
    flex-wrap: wrap;
  }
  .notice__detail__wrap .second__line td {
    width: calc(100% - 10rem);
    flex-basis: auto;
  }
  .notice__detail__wrap .second__line th:first-of-type, .notice__detail__wrap .second__line td:first-of-type {
    border-bottom: 0.1rem solid #ddd;
    border-top: 0.1rem solid #ddd;
  }
  .notice__detail__wrap .table__horizontal__ex tr:nth-child(1) {
    border-bottom: 0;
  }
  .notice__detail__wrap .file__wrap {
    flex-direction: column;
  }
  .notice__detail__wrap .file__header {
    margin-right: auto;
    padding-left: 0;
    border-right: 0 !important;
  }
  .notice__detail__wrap .file__wrap .list {
    margin-right: auto;
    padding-left: 0;
  }
  .file__wrap {
    width: 100%;
    padding: 0 1rem;
  }
  .file__wrap .download {
    margin-right: auto;
    margin-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .board__detail {
    padding: 3.6rem 0;
  }
  .file__wrap .file__header {
    border-right: 0.1rem solid #ddd;
  }
  .prev__next .prev span, .prev__next .next span {
    min-width: auto;
    margin-right: 2rem;
  }
  .prev__next > li {
    padding-left: 1rem;
  }
  .function__group.type2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* gap: 1rem; */
    /* 20241118 ljy 추가 */
    margin-bottom:-1rem;
    /* 20241118 ljy 추가*/
  }
  .function__group.type2 button {
    flex: 1;
  }
  .function__group.type2 button:nth-child(1) {
    display: none;
  }
  .search__form__user.type2 .search .input__box {
    margin: 0;
  }
  .search__form__user.type2 .search__list .input__box {
    flex-direction: row;
  }
  .search__form__user.type2 .search__list .input__box input {
    width: calc(100% - 1rem);
    margin-right: 1rem;
  }
  .search__form__user.type2 .upload__flex {
    flex-wrap: wrap;
  }
  .search__form__user.type2 .upload__wrap {
    width: 100%;
  }
  .function__group.margin-2 {
    margin-top: 3.6rem;
  }
  .echart {
    width: 100%;
  }
  .chart__wrapper {
    width: 100%;
  }
  .chart-block {
    display: block;
  }
  .tab__4__chart__wrapper {
    width: 100%;
  }
  .tab__4 .chart {
    width: 100%;
  }
  .public__register__wrap .form__table tr {
    flex-direction: column;
  }
  .public__register__wrap .form__table td {
    margin-bottom: 1.6rem;
  }
  .public__register__wrap .form__table tr th {
    width: 100%;
    max-width: none;
    padding-left: 0;
  }
  .public__register__wrap .su__operior {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
  }
  .public__register__wrap .consent__chk td:nth-of-type(2) {
  	/* 20241119 ljy 주석처리 */
    /* padding-bottom: 3.6rem; */
  }
  .public__register__wrap .es__date td {
  	/* 20241119 ljy 주석처리 */
    /* padding-bottom: 3.6rem; */
    width: auto;
  }
  .su__operior .td__container {
    flex-direction: column;
    width: 100%;
  }
  .table__horizontal__ex .half__row td {
    width: 100%;
  }
  .btn__half__wrap .function__group .btn__control:nth-of-type(1) {
    margin-bottom: 1rem;
  }
  .desc__banner {
    flex-direction: column;
    align-items: flex-start;
    max-height: none;
    padding: 1.4rem 2.4rem;
  }
  .main__accn__desc__wrap .tab:nth-of-type(1) .table__vertical {
    margin-bottom: 6rem;
  }
  .main__accn__desc__wrap .tab:nth-of-type(2) .content__section:last-child {
    margin-bottom: 6rem;
  }
  .main__accn__desc__wrap .title__lv2 {
    display: none;
  }
  .main__accn__desc__wrap .table__vertical th {
    white-space: normal !important;
  }
}
/* 모바일 최소 사이즈*/
@media all and (max-width: 420px) {
  .header__btm .right__icon__set a {
    padding: 1rem 0.8rem;
  }
  .top__visual .main__hero .main__text .main__medium {
    font-size: 1.5rem;
  }
  .top__visual .main__hero .quick__menu .quick__wrap {
    width: 9rem;
    height: 9rem;
  }
  .manual .tip {
    -o-object-fit: contain;
       object-fit: contain;
    width: 12rem;
    height: auto;
  }
  .banner__text {
    font-size: 1.5rem;
  }
  .upload__file__name {
    max-width: 12rem;
  }
}
/* 서브 미디어 쿼리 CSS */
@media all and (min-width: 767px) and (max-width: 880px) {
  .align__cols {
    width: 18rem;
  }
  .table__vertical table tr th:nth-child(1) {
    word-break: keep-all;
    white-space: nowrap;
    padding: 0 0.8rem;
  }
}
/* 모바일 세로 (해상도 ~ 479px) 까지 */
@media all and (max-width: 479px) {
  #sub__wrap .content .visual__bg {
    height: 16.6rem;
  }
  #sub__wrap .content .visual__bg .visual__text h2 {
    font-size: 3.2rem;
    margin-bottom: 2rem;
  }
  #sub__wrap .content .visual__bg .visual__text p {
    font-size: 1.7rem;
  }
  #sub__wrap .content .visual__bg .visual__text {
    width: calc(100% - 2rem);
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
  }
}

/* 2024.10.07 문정환 추가 */
.header a{
  cursor:pointer;
}

/* 20241018 문정환 추가 */
input::-ms-reveal,
input::-ms-clear {
	display: none;
}

@media (max-width: 479px) {
    .top__visual .main__hero {
        height:auto;
        padding-bottom:30px;
    }
    .breadcrumb {
        margin-bottom: 2.4rem;
    }
}
@media (max-width: 390px) {
    .wrap .count__group .count > a {
        justify-content: center;
        padding-left: 0;
    }
}
table td.title{
	font-weight:700 !important;
}
.table__horizontal__mo td.title{
	padding-top:1rem;
}
.read__info__table input[type=text]:read-only {
	font-weight:400;
}
.table__horizontal__mo .sub__title{
	font-weight:500;
}
.table__title__wrap .totalNember{
	margin-top: 3rem;
	font-weight:500;
}
.table__title__wrap .totalNember > span{
	font-weight:700;
}
.mr_10{
	margin-right:10px;
}
.desktopMode{width:1920px;}
.desktopMode > *{width:100%;}


/* 20241118 ~ ljy 추가 */
table td {
  font-weight: 400;
}
table.fixLabel th{
	padding:0 7px;
	width:140px;
	min-width:140px;
	max-width:none;
}
table.fixLabel th > label{
	display:inline-block;
	word-break: keep-all;
}
table.fixLabel th:first-child{
	width:120px;
	min-width:120px;
}
table.fixLabel td:last-child{
	width:160px;
	max-width:160px;
}

.popupBox.flexBt {
    width: 100%;
    height: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.popupBox.flexBt .popup__body{
	min-height:auto;
    height: calc(100% - 140px);
}

.select2-container--default .select2-selection--single .select2-selection__rendered, 
.select2-container--default .select2-selection--single .select2-selection__arrow {line-height:40px !important;height:40px !important;}

.form__table td .addStyle .select2-selection > span.select2-selection__rendered{
	line-height:4rem;
}
.form__table td .addStyle .select2-selection > span.select2-selection__arrow{
	height:4rem;
}
.search__form__user .preview{
	border:0.1rem solid #717171;
}
button{
	word-break:keep-all;
}
.accn__desc__wrap .textAddStyle{
	width: 580px;
    display: inline-block;
}

.m-gnb__menu{
	display:block;
	position:relative;
}
.m-gnb__menu .menu__wrap{
	width:100%;
	height:100%;
}
.m-gnb__menu .menu__wrap > ul{
	width:100%;
	background:#EAF5F0;
}
.m-gnb__menu .menu__wrap > ul > li:nth-child(2n-1){
    width: 14rem;
    display: flex;
}
.gnb__body .m-gnb__menu .menu__wrap > ul > li.submenu__wrap{
	width: calc(100% - 14rem);
	position:absolute;
	right:0;
	top:0;
	background:#fff;
}
.gnb__body li.submenu__wrap > ul{
	padding: 1.6rem 2.4rem 1.6rem 2.4rem;
    border-bottom: 0.1rem solid #ddd;
    font-weight:400;
}
.gnb__body li.submenu__wrap li.title {
    font-size: 1.7rem;
    font-weight: 700;
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    border-bottom: 0.1rem solid #ddd;
    width: 100%;
}
.gnb__body li.submenu__wrap > ul > li > a{padding:0;font-weight:400;}
.gnb__body li.submenu__wrap > ul > li:not(.title) {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    font-weight:400;
}
#gnb2 .logout{
	 width: 14rem;
}
.banner__swiper .inner{
	position:relative;
}
.main__accn__desc__wrap .table__vertical tbody td{
	font-weight:400;
}
.pcAddStyle input.file__post{
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:calc(100% - 108px);
	background:transparent;
	color:transparent;
	z-index:0;
	height:4.6rem;
	margin-left:4px;
	margin-top:2px;
	border: 0;
}
.pcAddStyle input.file__post.width--100{
	width:100% !important;
}
.pcAddStyle.mobileBlock input.file__post{
	height:3.8rem;
}
.pcAddStyle .upload__file__name{
	background: #fff;
    z-index: 1;
    height: 4.4rem;
    line-height: 4.4rem;
    border-radius: 0.5rem;
}
.pcAddStyle.mobileBlock  .upload__file__name{
	height:3.8rem;
}
.pcAddStyle .btn__upload{
	min-height:4.8rem;
}
.table__horizontal__ex th{
	width:23.44%;
}

/* ljy max-width 1441 추가 */
@media all and (max-width: 1441px) {
	.banner__btn{
		width:calc(100% - 4rem);
	}
}
/* ljy max-width 767 추가 */
@media all and (max-width: 767px) {
	.addStyle .td__container{
		width:100%;
	}
	.form__table td .addStyle .select2-selection, .form__table td .addStyle .select2-selection > span.select2-selection__arrow{
		height:5.6rem !important;
		line-height:5.6rem !important;
	}
	.form__table td .addStyle .select2-selection > span.select2-selection__rendered{
		line-height:5.6rem !important;
	}
	.form__table tr {
	  margin-bottom: 2.2rem;
	}
	.sign__up__table__wrap .form__table table.trNotPadding tr{
		padding-bottom:0;
	}
	.form__table table.trNotPadding th{
		margin-bottom:0.5rem;
	}
	/* 테이블 td를 tr 형태로 분리 */
	.form__table table.trNotPadding tr{
		margin:0;
	}
	.form__table table.trNotPadding tr td{
		margin-bottom:2.2rem;
	}
	.table__horizontal__mo.addStyle table tr td.pb--10{
		padding-top:3rem;
	}
	.table__horizontal__mo.addStyle table .sub__title{
		width:30%;
		min-width:170px;
		word-break:keep-all;
		margin-right:1rem;
	}
	.accn__desc__wrap .textAddStyle{
		display:inline;
	}
	.public__register__wrap .su__operior.pa_0{
		padding:0 !important;
	}
	.mobile__con.motab-2.m__cont{
		position:relative;
		margin-top:5rem;
	}
	.mobile__con.motab-2.m__cont.unit_reg:before{
		content:"(단위 : 원)";
		position:absolute;
		right:0;
		margin-top:-2.5rem;
	}
	.mobile__con.motab-2.m__cont.unit_prsl:before{
		content:"(단위 : 천원)";
		position:absolute;
		right:0;
		margin-top:-2.5rem;
	}
	table.mobileTdPadding td{padding:0 1rem;}
	table.mobileTdPadding td span.sub__title{
		min-width:10rem;
	}
	/* 공지사항 다운로드 버튼 스타일 */
	.notice__detail__wrap .file__wrap.border-top-large{
		flex-direction: inherit;
	}
	.table__horizontal__mo td.title{
		padding-top: 2rem;
   		padding-bottom: 2rem !important;
	}
	.search__form__user .search label.mo_only:nth-of-type(2),
	.search__form__user .search label.mo_only.moPlusMargin{
	    margin-top: 2rem !important;
	}
	.table__horizontal__mo table.mobileTrPadding tr td.pb--10{
		padding-top:2.5rem;
	}
	
	.search__form__user .search .select__box.mr_10{
		margin-right:0
	}
	
	.noborderAll .mobileBorder{
		border:0.1rem solid #CBCCCD !important;
	}
	/* 공지사항 파일다운로드 */
	.file__wrap .file__header{
		min-width:4.5rem;
	}
	.file__wrap .download{
		padding-right:0.5rem;
		margin-left:0.8rem;
	}
	.prev__next .prev span, .prev__next .next span{
		width:8.5rem;
		min-width:8.5rem;
		margin-right:1rem;
	}
	.prev__next .prev span::before, .prev__next .next span::before{
		margin-right:1rem;
	}
	.search__form__user .mr--24 {
	  	margin-right:1rem;
	  	padding: 0.8rem 0.7rem
	}
	.pcAddStyle.mobileBlock input.file__post, .pcAddStyle.mobileBlock  .upload__file__name{
		height:4.6rem;
	}
	.pcAddStyle.mobileBlock .upload__file__name.moMt2{
		margin-top:2px;
	}
}
@media all and (min-width: 360px) and (max-width: 767px) {
	.btn__file__select.bg--transparent-00{
		height:4.8rem;
		max-height:4.8rem;
	}
}
/* ljy max-width 479px 추가 */
@media all and (max-width: 479px) {
  .td__container .mobileBlock{
  	display:block;
  	width:100%;
  	text-align:center;
  }
  .radio__wrap label {
    font-size: 1.6rem;
  }
  .td__container .td__date{
  	gap:0.5rem;
  }
  .td__container .td__date select{
  	padding-left:0.7rem;
  }
  .td__date .select__renew{
  	background:url(../img/select__renew__mo.svg) no-repeat 99% 50%;
  }
  .form__table td input[type=text], .form__table td input[type=password]{
  	font-size:1.6rem;
  }
  .table__title__wrap{
  	margin:2rem 0 1rem 0 !important;
  }
  .function__group.type2{
  	margin-bottom:-2rem !important;
  	gap: 0.5rem;
  }
  .function__group.type2 > button{
  	padding:0 1rem;
  	font-size:1.5rem;
  }
  .table__title__wrap{
   margin: 2.5rem 0 1rem !important;
   position:relative;
  }
  .table__title__wrap .data__number{
  	margin-top:0.5rem !important;
  	position:absolute;
  	right:0;
  	top:0;
  	margin-top:-1rem;
  	font-size: 1.8rem;
  }
  .check__result,
  #main__content.foldStyle__table{
  	margin-top:6.2rem;
  }
  .sm--mt-36.mb--36{
  		margin: 2.5rem 0 1rem 0 !important;
	}
	.pagination{
		width:100%;
		padding:0 60px;
		display:block;
		position:relative;
	}
	.pagination > a{
		margin-bottom:4px;
	}
	.pagination > a.step.first{
		position:absolute;
		left:0;
		top:50%;
		margin-top:-1.5rem;
	}
	.pagination > a.step.pre{
		position:absolute;
		left:2.8rem;
		top:50%;
		margin-top:-1.5rem;
	}
	.pagination > a.step.last{
		position:absolute;
		right:0;
		top:50%;
		margin-top:-1.5rem;
	}
	.pagination > a.step.next{
		position:absolute;
		right:2.8rem;
		top:50%;
		margin-top:-1.5rem;
	}
	.tab__wrap {
		margin-top:3rem;
	}
	.info__tip__box.mt--64{
		margin:3rem 0 1rem 0 !important;
	}
	.table__title__wrap{
		margin:2rem 1.5rem;
	}
	.data__header.mb--36{
		margin-bottom: 2rem;
	}
	.mo__slide > table.mobileTdPadding td{
		margin-top:0.7rem;
	}
	.search__form__user label.mo_only{
		padding-bottom:0.4rem;
	}
	.search__form__user .btn__con{
		margin-top: 1.2rem;
	}
	.search__form__user .btn__con .btn__control__u{
		font-size:1.5rem;
	}
	.search__form__user .btn__con .btn__control__u.mr--24{
		margin-right:1rem;
	}
	
	.search__form__user .file__select__container .mr--24, .search__form__user .file__select__container .btn__upload {
		width:auto;
		min-width:auto;
	}
	.pcAddStyle.mobileBlock .td__container .btn__add {
	 margin-left:0;
	}
	.pcAddStyle.mobileBlock .preview {
		width:100%;
		min-width:100%;
		margin-right:0;
	}
	.upload__manager .pcAddStyle.mobileBlock.form__row .td__container input{
		width:100%;
		margin-right:0;
	}
}
@media all and (max-width: 374px) {
	.search.pcAddStyle input.file__post{
		bottom:55px;
	}
	.search__form__user .file__select__container .btn__upload {
		margin-top:0.5rem;
	}
	.search__form__user .file__select__container .preview.mr--24{
		padding-left:0;
	}
	.search.pcAddStyle .upload__file__name{
		height:4.6rem;
	}
}
/* 20241105~  ljy */