@charset "UTF-8";
/* asta */
@font-face {
  font-family: 'Asta Sans';
  font-weight: 300;
  src: url("/resource/templete/assets/fonts/asta/AstaSans-Light.woff2") format("woff2"), url("/resource/templete/assets/fonts/asta/AstaSans-Light.woff") format("woff");
}

@font-face {
  font-family: 'Asta Sans';
  font-weight: 400;
  src: url("/resource/templete/assets/fonts/asta/AstaSans-Regular.woff2") format("woff2"), url("/resource/templete/assets/fonts/asta/AstaSans-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Asta Sans';
  font-weight: 500;
  src: url("/resource/templete/assets/fonts/asta/AstaSans-Medium.woff2") format("woff2"), url("/resource/templete/assets/fonts/asta/AstaSans-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Asta Sans';
  font-weight: 600;
  src: url("/resource/templete/assets/fonts/asta/AstaSans-SemiBold.woff2") format("woff2"), url("/resource/templete/assets/fonts/asta/AstaSans-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'Asta Sans';
  font-weight: 700;
  src: url("/resource/templete/assets/fonts/asta/AstaSans-Bold.woff2") format("woff2"), url("/resource/templete/assets/fonts/asta/AstaSans-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Asta Sans';
  font-weight: 800;
  src: url("/resource/templete/assets/fonts/asta/AstaSans-ExtraBold.woff2") format("woff2"), url("/resource/templete/assets/fonts/asta/AstaSans-ExtraBold.woff") format("woff");
}

/* pretendard */
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  src: url("/resource/templete/assets/fonts/pretendard/Pretendard-Regular.woff2") format("woff2");
  src: url("/resource/templete/assets/fonts/pretendard/Pretendard-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  src: url("/resource/templete/assets/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2");
  src: url("/resource/templete/assets/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  src: url("/resource/templete/assets/fonts/pretendard/Pretendard-Black.woff2") format("woff2");
  src: url("/resource/templete/assets/fonts/pretendard/Pretendard-Black.woff") format("woff");
}

/* gmarket */
@font-face {
  font-family: 'GmarketSans';
  font-weight: 400;
  src: url("/resource/templete/assets/fonts/gmarket/GmarketSansLight.otf") format("woff");
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 600;
  src: url("/resource/templete/assets/fonts/gmarket/GmarketSansMedium.otf") format("woff");
}

@font-face {
  font-family: 'GmarketSans';
  font-weight: 800;
  src: url("/resource/templete/assets/fonts/gmarket/GmarketSansBold.otf") format("woff");
}

/****************************************/
/*  Name :학교생활기록부 종합지원포털
/*  PART :common style
/*  Author :KTP
/*
/*  Summary : 게시판요소/ 폼요소/ 테이블요소 정의
/*  02) form
/*  03) table
/****************************************/
/* **********************************************************************************
* 01) board
* **********************************************************************************/
* {
  line-height: 1.4;
}

/* width */
.w100 {
  width: 100% !important;
}

.w80 {
  width: 80% !important;
}

.w60 {
  width: 60% !important;
}

.w_5rem {
  width: 5.6rem !important;
}

/* align */
.align_l {
  text-align: left !important;
}

.align_c {
  text-align: center !important;
}

.align_r {
  text-align: right !important;
}

/* 필수입력 */
.essencial {
  position: relative;
  display: inline-block;
  padding-right: 1.6rem;
}

.essencial:before {
  position: absolute;
  top: 0;
  right: 0;
  content: '*';
  color: #DC1547;
  display: flex;
  align-items: flex-start;
}

/* 학생부질의답변*/
.flex_center {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.flex_center label {
  margin-bottom: -0.5rem !important;
}

/* font-size */
.font_s_14 {
  font-size: 1.4rem !important;
}

.font_s_18 {
  font-size: 1.8rem !important;
}

.font_s_20 {
  font-size: 2.0rem !important;
}

.font_s_22 {
  font-size: 2.2rem !important;
}

.font_s_26 {
  font-size: 2.6rem !important;
}

.font_w_400 {
  font-weight: 400 !important;
}

.font_w_500 {
  font-weight: 500 !important;
}

.font_w_600 {
  font-weight: 600 !important;
}

.font_w_700 {
  font-weight: 700 !important;
}

/* padding */
.padd_l_60 {
  padding-left: 6rem !important;
}

.padd_t_0 {
  padding-top: 0 !important;
}

.padd_l_0 {
  padding-left: 0 !important;
}

.mar_t_0 {
  margin-top: 0 !important;
}

.mar_r_10 {
  margin-right: 0.5rem !important;
}

.mar_r_20 {
  margin-right: 2rem !important;
}

.mar_l_10 {
  margin-left: 0.5rem !important;
}

.mar_l_15 {
  margin-left: 1.5rem !important;
}

.mar_t_10 {
  margin-top: 1rem !important;
}

.mar_t_20 {
  margin-top: 2rem !important;
}

.mar_b_10 {
  margin-bottom: 1rem !important;
}

/* space */
.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: 0;
}

.space-s {
  clear: both;
  font-size: 0;
  width: 100%;
  height: 2rem;
}

.space-m02 {
  clear: both;
  font-size: 0;
  width: 100%;
  height: 3rem;
}

.space-m {
  clear: both;
  font-size: 0;
  width: 100%;
  height: 4rem;
}

.space-l {
  clear: both;
  font-size: 0;
  width: 100%;
  height: 6rem;
}

.space-xl {
  clear: both;
  font-size: 0;
  width: 100%;
  height: 10rem;
}

@media (max-width: 1040px) {
  .space-s {
    clear: both;
    font-size: 0;
    width: 100%;
    height: 1.4rem;
  }
  .space-m02 {
    clear: both;
    font-size: 0;
    width: 100%;
    height: 2rem;
  }
  .space-m {
    clear: both;
    font-size: 0;
    width: 100%;
    height: 2.4rem;
  }
  .space-l {
    clear: both;
    font-size: 0;
    width: 100%;
    height: 4rem;
  }
  .space-xl {
    clear: both;
    font-size: 0;
    width: 100%;
    height: 5rem;
  }
}

.ellipsis-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Table */
.tbl-box {
  width: 100%;
  border-collapse: collapse;
  border-top: 0.2rem solid #5A5E6A;
}

.tbl-box thead tr {
  background-color: #F2F4F5;
}

.tbl-box thead th {
  padding: 1.2rem;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 700;
  color: #282828;
  border: 0.1rem solid #D6DBE0;
}

.tbl-box thead th:first-child {
  border-left: 0.1rem solid transparent;
}

.tbl-box thead th:last-child {
  border-right: 0.1rem solid transparent;
}

.tbl-box thead td {
  padding: 1.2rem;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 700;
  color: #282828;
}

.tbl-box tbody tr {
  background-color: #fff;
}

.tbl-box tbody th {
  padding: 1rem;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 700;
  color: #282828;
  border: 0.1rem solid #D6DBE0;
  background-color: #F2F4F5;
}

.tbl-box tbody th:first-child {
  border-left: 0.1rem solid transparent;
}

.tbl-box tbody th:last-child {
  border-right: 0.1rem solid transparent;
}

.tbl-box tbody td {
  padding: 1rem;
  line-height: 1.5;
  font-size: 1.5rem;
  text-align: center;
  color: #5A5E6A;
  border: 0.1rem solid #D6DBE0;
}

.tbl-box tbody td:first-child {
  border-left: 0.1rem solid transparent;
}

.tbl-box tbody td:last-child {
  border-right: 0.1rem solid transparent;
}

.tbl-box tbody td.bdr_R {
  border-right: 0.1rem solid #D6DBE0;
}

.tbl-box tfoot tr {
  background-color: #fff;
}

.tbl-box tfoot th {
  font-size: 1.5rem;
  color: #5A5E6A;
  background-color: #F2F4F5;
}

.tbl-box tfoot td {
  font-size: 1.5rem;
  color: #5A5E6A;
}

@media (max-width: 1040px) {
  .tbl-wrap {
    padding-bottom: 0.4rem;
    margin-bottom: 2rem;
  }
  .tbl-box colgroup {
    display: none;
  }
  .tbl-box th {
    white-space: nowrap;
  }
  .tbl-box td {
    white-space: nowrap;
  }
}

/* 기본 리스트 타입 */
.tit-list {
  padding: 2rem;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: 700;
  word-break: keep-all;
  color: #464646;
  background-color: #F2F4F5;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  margin-bottom: 1rem;
}

.tit-list.tac {
  padding: 4rem 0;
  line-height: 1.6;
  font-size: 2rem;
  text-align: center;
  border: 0.1rem solid #E4E7EA;
  background-color: #fff;
}

.tit-list .primary1 {
  color: #0A1F55;
}

.tit-list .primary2 {
  color: #0A1F55;
}

.txt-list {
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: 700;
  word-break: keep-all;
  color: #464646;
}

.urd-list {
  display: flex;
  flex-direction: column;
}

.urd-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  position: relative;
  line-height: 1.5;
  font-size: 1.6rem;
  word-break: keep-all;
  color: #8b8b8b;
}

.urd-list li .primary1 {
  color: #0A1F55;
}

.urd-list li .primary2 {
  color: #0A1F55;
}

.urd-list li::before {
  content: '-';
  display: flex;
  align-items: center;
  font-size: 1.7rem;
  color: #8b8b8b;
}

.urd-list ul {
  display: flex;
  flex-direction: column;
}

.urd-list ul li {
  padding: 0;
  font-size: 1.5rem;
}

.urd-list ul li::before {
  display: none;
}

.ord-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ord-list li {
  position: relative;
  padding-left: 1.6rem;
  line-height: 1.5;
  font-size: 1.7rem;
  word-break: keep-all;
  color: #464646;
}

.ord-list li .primary1 {
  color: #0A1F55;
}

.ord-list li .primary2 {
  color: #0A1F55;
}

.ord-list li::before {
  content: '●';
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.8rem;
  left: 0;
  font-size: 0.4rem;
  color: #464646;
}

.ord-list .nor-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1rem 0;
}

.ord-list .nor-list li {
  padding: 0;
  font-size: 1.5rem;
}

.ord-list .nor-list li::before {
  display: none;
}

.ord-list .urd-list {
  padding-top: 1rem;
}

.ord-list .urd-list li {
  display: block;
  font-size: 1.5rem;
}

.ord-list .urd-list li::before {
  content: '-';
  top: 0;
  font-size: 1.5rem;
}

.num-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.num-list > li {
  position: relative;
  padding-left: 3.6rem;
  line-height: 1.5;
  font-size: 1.7rem;
  word-break: keep-all;
  color: #464646;
}

.num-list > li .num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 2.4rem;
  height: 2.4rem;
  font-size: 1.2rem;
  font-weight: 800;
  color: #464646;
  border: 0.1rem solid #8b8b8b;
  background-color: #fff;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.num-list > li .primary1 {
  color: #0A1F55;
}

.num-list > li .primary2 {
  color: #0A1F55;
}

.num-list ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1rem 0;
}

.num-list ul li {
  flex-wrap: nowrap;
  font-size: 1.7rem;
}

.cht-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cht-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  position: relative;
  line-height: 1.5;
  font-size: 1.7rem;
  word-break: keep-all;
  color: #464646;
}

.cht-list li .primary1 {
  color: #0A1F55;
}

.cht-list li .primary2 {
  color: #0A1F55;
}

.nor-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.nor-list li {
  position: relative;
  line-height: 1.5;
  font-size: 1.7rem;
  word-break: keep-all;
  color: #464646;
}

.nor-list li .primary1 {
  color: #0A1F55;
}

.nor-list li .primary2 {
  color: #0A1F55;
}

.hwp-list {
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
  border: 0.1rem solid #CCD1D6;
  background-color: #fafafa;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.hwp-list li {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  padding: 1rem 0;
  line-height: 1.5;
  font-size: 1.7rem;
  font-weight: 700;
  word-break: keep-all;
  color: #464646;
}

.hwp-list li + li {
  border-top: 0.1rem solid #D6DBE0;
}

.hwp-list .bt-down {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 2rem;
  min-height: 4.8rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  color: #5A5E6A;
  border: 0.1rem solid #CCD1D6;
  background-color: #fff;
}

.hwp-list .bt-down:focus, .hwp-list .bt-down:hover {
  color: #282828;
  border-color: #464646;
}

.hwp-list .bt-down .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/common/ico-down.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.btn-list li {
  width: calc((100% - 2rem) / 3);
  line-height: 1.5;
  font-size: 1.7rem;
  word-break: keep-all;
  color: #464646;
}

.btn-list .bt-view {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0 4rem;
  min-height: 4.8rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  color: #5A5E6A;
  border: 0.1rem solid #CCD1D6;
}

.btn-list .bt-view:focus, .btn-list .bt-view:hover {
  color: #282828;
  border-color: #464646;
}

.button-box {
  display: flex;
  justify-content: center;
  gap: 4rem;
  position: relative;
  z-index: 2;
  padding: 3rem 0 0 0;
}

.button-box .bt-direct {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0 4rem;
  min-height: 5rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #5A5E6A;
  border: 0.1rem solid #8b8b8b;
  background-color: #fff;
  box-shadow: 0rem 0.2rem 2rem 0rem rgba(0, 0, 0, 0.04);
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
  transition: 0.3s ease-in-out;
}

.button-box .bt-direct:focus, .button-box .bt-direct:hover {
  color: #282828;
  border-color: #282828;
  background-color: #fff;
  box-shadow: 0rem 0.4rem 3rem 0rem rgba(0, 0, 0, 0.1);
}

.button-box .bt-reserve {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0 4rem;
  min-height: 6rem;
  font-size: 1.8rem;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(113deg, #2c71ae, #343586);
  border-radius: 8rem;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
}

.button-box .bt-reserve .ico {
  min-width: 3.6rem;
  height: 3.6rem;
  background-image: url("/resource/templete/assets/images/main/ico-visual-online.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 3.6rem auto;
  transition: 0.3s cubic-bezier(0.33, 1.53, 0.68, 1);
}

.button-box .bt-reserve:focus, .button-box .bt-reserve:hover {
  background-color: #032951;
}

.button-box .bt-reserve:focus .ico, .button-box .bt-reserve:hover .ico {
  background-image: url("/resource/templete/assets/images/main/ico-visual-online.svg");
  background-repeat: no-repeat;
  background-position: 0 -3.6rem;
  background-size: 3.6rem auto;
}

.button-box .bt-online {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  padding: 0 5rem;
  min-height: 5.4rem;
  font-weight: 800;
  font-size: 2rem !important;
  border-radius: 8rem;
  -webkit-border-radius: 8rem;
  -moz-border-radius: 8rem;
  -ms-border-radius: 8rem;
  -o-border-radius: 8rem;
}

.button-box .bt-online:after {
  content: '';
  min-width: 2rem;
  height: 2rem;
  background-image: url("/resource/templete/assets/images/common/ico-personal-next.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: .3s ease-in-out;
}

.button-box .bt-online:hover::after {
  transform: translateX(0.4rem);
}

.button-box .bt-online.down:after {
  content: '';
  min-width: 2rem;
  height: 2rem;
  background-image: url("/resource/templete/assets/images/common/ico-down_w.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.button-box .bt-online.down:hover::after {
  transform: none;
}

@media (max-width: 1040px) {
  .button-box {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
  .button-box .bt-direct,
  .button-box .bt-reserve {
    font-size: 1.6rem;
  }
}

.red {
  color: #DC1547 !important;
}

/* 이용약관 동의 폼 */
.term-wrap .term {
  padding: 2rem;
  background-color: #F2F4F5;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.term-wrap .term .ag {
  padding-right: 3rem;
  width: 100%;
  line-height: 1.8;
  max-height: 25rem;
  font-size: 1.5rem;
  overflow-y: auto;
  overflow-wrap: break-word;
}

.term-wrap .term .ag ul li {
  color: #5A5E6A;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.term-wrap .term ::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}

.term-wrap .fm-chk + label {
  font-size: 1.8rem !important;
}

/* 그리드 박스 2*2 */
.grid-box {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding: 3rem;
}

.grid-box .grid-wrap {
  display: flex;
  gap: 3rem;
}

.grid-box .grid-wrap .innr {
  width: 100%;
}

.grid-box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  padding: 3rem 4rem;
  min-height: 18rem;
  background-color: #fff;
  box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.05);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.grid-box .title .ico {
  min-width: 9rem;
  height: 9rem;
  background-image: url("/resource/templete/assets/images/common/ico13.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 9rem auto;
}

.grid-box .title p {
  line-height: 1.5;
  font-size: 1.8rem;
  color: #282828;
}

.grid-box .title p strong {
  font-size: 2.2rem;
  font-weight: 800;
}

.grid-box .title img {
  width: 100%;
  height: auto;
}

@media (max-width: 1420px) {
  .grid-box .title-info {
    padding: 3rem;
  }
  .grid-box .title-info .ico {
    min-width: 8rem;
    height: 8rem;
  }
  .grid-box .title-info p {
    font-size: 2rem;
  }
  .grid-box .title-info p br {
    display: none;
  }
}

@media (max-width: 1040px) {
  .grid-box .title-info {
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem;
  }
  .grid-box .title-info .ico {
    min-width: 6rem;
    height: 6rem;
  }
  .grid-box .title-info p {
    font-size: 1.8rem;
  }
}

/* Tab Common Ui */
.tabs-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.tabs-wrap.col3 ul {
  flex-wrap: wrap;
}

.tabs-wrap.col3 li {
  width: calc((100% - 0rem) / 3);
}

.tabs-wrap.col4 ul {
  flex-wrap: wrap;
}

.tabs-wrap.col4 li {
  width: calc((100% - 0rem) / 4);
}

.tabs-wrap.col5 ul {
  flex-wrap: wrap;
}

.tabs-wrap.col5 li {
  width: calc((100% - 0rem) / 5);
}

.tabs-wrap.col6 ul {
  flex-wrap: wrap;
}

.tabs-wrap.col6 li {
  width: calc((100% - 0rem) / 6);
}

.tabs-wrap h2 {
  font-size: 3.8rem;
  font-weight: 900;
  color: #282828;
}

.tabs-wrap h2 span {
  color: #6B990B;
}

.tabs-wrap h3 {
  font-size: 2.8rem;
  font-weight: 900;
  color: #282828;
}

.tabs-wrap ul {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: 0 0 0 1px;
}

.tabs-wrap li {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 0 0 -1px;
}

.tabs-wrap .bt_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  width: 100%;
  min-height: 5rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #5A5E6A;
  border: 0.1rem solid #CCD1D6;
  background-color: #EBEEF3;
  padding: 0 2px;
}

.tabs-wrap .bt_tab:focus, .tabs-wrap .bt_tab:hover {
  font-weight: 800;
  color: #0A1F55;
  border-color: #0A1F55;
  background-color: #fff;
}

.tabs-wrap .act {
  position: relative;
  z-index: 2;
}

.tabs-wrap .act .bt_tab {
  color: #0A1F55;
  border-color: #0062CC;
}

@media (max-width: 1420px) {
  .tabs-wrap.col3 li {
    width: calc((100% - 0rem) / 3);
  }
  .tabs-wrap.col4 li {
    width: calc((100% - 1.2rem) / 4);
  }
  .tabs-wrap.col5 li {
    width: calc((100% - 0.8rem) / 3);
  }
  .tabs-wrap.col6 li {
    width: calc((100% - 1.2rem) / 4);
  }
  .tabs-wrap.col9 li {
    width: calc((100% - 1.6rem) / 5);
  }
  .tabs-wrap li {
    width: calc((100% - 0.4rem) / 2);
  }
}

@media (max-width: 1040px) {
  .tabs-wrap.col3 li {
    width: calc((100% - 0.4rem) / 2);
  }
  .tabs-wrap.col4 li {
    width: calc((100% - 0.4rem) / 2);
  }
  .tabs-wrap.col9 li {
    width: calc((100% - 1.2rem) / 4);
  }
  .tabs-wrap li {
    width: 100%;
  }
}

/* Tab Common Ui None ul li */
.tabs-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.tabs-wrap.col3 {
  flex-wrap: wrap;
}

.tabs-wrap.col3 .bt_tab {
  width: calc((100% - 0rem) / 3);
}

.tabs-wrap.col4 {
  flex-wrap: wrap;
}

.tabs-wrap.col4 .bt_tab {
  width: calc((100% - 0rem) / 4);
}

.tabs-wrap.col5 {
  flex-wrap: wrap;
}

.tabs-wrap.col5 .bt_tab {
  width: calc((100% - 0rem) / 5);
}

.tabs-wrap.col6 {
  flex-wrap: wrap;
}

.tabs-wrap.col6 .bt_tab {
  width: calc((100% - 0rem) / 6);
}

.tabs-wrap h2 {
  font-size: 3.8rem;
  font-weight: 900;
  color: #282828;
}

.tabs-wrap h2 span {
  color: #6B990B;
}

.tabs-wrap h3 {
  font-size: 2.8rem;
  font-weight: 900;
  color: #282828;
}

.tabs-wrap .bt_tab:focus, .tabs-wrap .bt_tab:hover {
  font-weight: 800;
  color: #0A1F55;
  border-color: #0A1F55;
}

.tabs-wrap li.act {
  position: relative;
  z-index: 2;
}

.tabs-wrap li.act .bt_tab {
  background-color: #0062CC;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 1420px) {
  .tabs-wrap.col3 .bt_tab {
    width: calc((100% - 0.8rem) / 3);
  }
  .tabs-wrap.col4 .bt_tab {
    width: calc((100% - 1.2rem) / 4);
  }
  .tabs-wrap.col5 .bt_tab {
    width: calc((100% - 0.8rem) / 3);
  }
  .tabs-wrap.col6 .bt_tab {
    width: calc((100% - 1.2rem) / 4);
  }
  .tabs-wrap.col9 .bt_tab {
    width: calc((100% - 1.6rem) / 5);
  }
}

@media (max-width: 1040px) {
  .tabs-wrap.col3 .bt_tab {
    width: calc((100% - 0.4rem) / 2);
  }
  .tabs-wrap.col4 .bt_tab {
    width: calc((100% - 0.4rem) / 2);
  }
  .tabs-wrap.col9 .bt_tab {
    width: calc((100% - 1.2rem) / 4);
  }
  .tabs-wrap .bt_tab {
    width: 100%;
    min-height: 6rem;
  }
}

.cons-wrap {
  margin-top: 2rem;
}

.cons-wrap.hide {
  display: none;
}

.cons-wrap .more {
  position: absolute;
  top: 0;
  right: 0;
}

.cons-wrap .more .bt-more {
  display: flex;
  justify-content: center;
  min-width: 4.2rem;
  height: 4.2rem;
  background-image: url("/resource/templete/assets/images/main/bt-main-ctrl.svg");
  background-repeat: no-repeat;
  background-position: -12.6rem 0;
  background-size: 16.8rem auto;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.cons-wrap .more .bt-more:focus, .cons-wrap .more .bt-more:hover {
  background-image: url("/resource/templete/assets/images/main/bt-main-ctrl.svg");
  background-repeat: no-repeat;
  background-position: -12.6rem -4.2rem;
}

/* Guide List */
.guide-wrap {
  padding: 4rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  max-width: 140rem;
  width: 100%;
  background-color: #F7F9F9;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.guide-wrap .info {
  display: flex;
  gap: .5rem;
  padding-bottom: 2rem;
  font-size: 2rem;
  font-weight: 800;
  color: #282828;
}

.guide-wrap .info::before {
  content: '';
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/common/ico-info.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2rem auto;
}

.guide-wrap .text li {
  display: flex;
  gap: 1rem;
  min-height: 3.2rem;
  word-break: keep-all;
  position: relative;
  padding-left: 2rem;
}

.guide-wrap .text li::before {
  content: '-';
  display: flex;
  min-height: 3.4rem;
  position: absolute;
  top: 0rem;
  left: 0.5rem;
}

.guide-wrap .text li.col {
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.guide-wrap .text li.col span {
  font-size: 1.5rem;
}

@media (max-width: 1040px) {
  .guide-wrap {
    padding: 2rem;
    margin-top: 2rem;
  }
  .guide-wrap .text {
    display: flex;
    flex-direction: column;
    gap: .8rem;
  }
  .guide-wrap .text li {
    line-height: 1.4;
    display: inline-block;
  }
  .guide-wrap .text li::before {
    content: '-';
    display: inline-block;
    min-height: 3.4rem;
    margin-right: 0.5rem;
  }
}

/* 데이터 없을 경우 */
.nodata {
  border-top: 1px solid #5A5E6A;
  border-bottom: 1px solid #5A5E6A;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative !important;
  padding: 4% 0 !important;
  width: 100% !important;
  text-align: center;
  color: #5A5E6A;
  gap: 2rem;
}

.nodata::before {
  content: '';
  position: relative;
  display: block;
  width: 7rem;
  height: 7rem;
  background-image: url("/resource/templete/assets/images/common/noimage.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 7rem auto;
  opacity: 0.4;
}

.nodata .bt-content {
  text-align: center !important;
}

/* 일반 게시판 */
.board-group {
  padding: 2rem 0;
}

.board-group table {
  width: 100%;
  border-collapse: collapse;
  border-top: 0.2rem solid #282828;
  border-bottom: 0.1rem solid #282828;
}

.board-group table thead tr th {
  height: 5.5rem;
  color: #464646;
}

.board-group table tbody tr {
  border-top: 0.1rem solid #CCD1D6;
}

.board-group table tbody tr td {
  padding: 1.6rem 0;
  line-height: 1.7;
  text-align: center;
  word-break: break-word;
  vertical-align: middle;
}

.board-group table tbody tr td.tal {
  text-align: left;
}

.board-group table tbody tr td a {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.board-group table tbody tr td a span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-group table tbody tr td .tac {
  justify-content: center;
  margin: 0 auto;
}

.board-group table tbody tr td .bt-deleted {
  margin: 0 auto;
  width: 5rem;
  height: 3.2rem;
  background-color: #DC1547;
  background-image: url("/resource/templete/assets/images/mypage/ico-list-delete.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2rem auto;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.board-group table tbody tr td .bt-deleted:focus, .board-group table tbody tr td .bt-deleted:hover {
  background-color: #860928;
}

.board-group table tbody tr th {
  background: #F2F4F5;
  color: #464646;
  font-size: 2rem;
  font-weight: 500;
}

.board-group table tbody tr .title {
  text-align: left;
}

.board-group table tbody tr .title a {
  font-weight: 600;
  color: #282828;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1420px) {
  .board-group table tbody tr td .tac {
    justify-content: flex-start;
    max-width: 100% !important;
  }
}

.board-group .ico-attach {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.board-group .ico-attach .ico {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-size: 100% auto;
}

.board-group .ico-attach .ico-file {
  background-image: url("/resource/templete/assets/images/common/ico-file.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.board-group .ico-attach .ico-movie {
  background-image: url("/resource/templete/assets/images/common/ico-movie.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.board-group .ico-attach .ico-img {
  background-image: url("/resource/templete/assets/images/common/ico-img.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.board-group .ico-attach .ico-excel {
  background-image: url("/resource/templete/assets/images/common/ico-excel.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.board-group .ico-attach .ico-ppt {
  background-image: url("/resource/templete/assets/images/common/ico-ppt.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.board-group .ico-attach .ico-doc {
  background-image: url("/resource/templete/assets/images/common/ico-doc.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media (max-width: 1040px) {
  .board-group .ico-attach {
    justify-content: flex-start;
  }
}

.board-group .ico-notice {
  display: block;
  margin: 0 auto;
  width: 3rem;
  height: 3rem;
  background-image: url("/resource/templete/assets/images/common/ico-notice.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

@media (max-width: 1040px) {
  .board-group .ico-notice {
    margin: 0;
  }
}

.board-group .ico-new {
  display: block;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/common/ico-new.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.board-group .bbs-tit {
  border-top: 0.1rem solid #000;
}

.board-group .bbs-tit .tit {
  padding: 4rem 2rem;
  line-height: 1.5;
  font-size: 3rem;
  font-weight: 800;
  text-align: center;
  color: #000;
}

.board-group .bbs-tit .con {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 0 3rem;
  min-height: 5rem;
  background-color: #F2F4F5;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}

.board-group .bbs-tit .con li {
  position: relative;
  font-size: 1.5rem;
  color: #8b8b8b;
}

.board-group .bbs-tit .con li + li::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: .1rem;
  height: 1.8rem;
  background-color: #D6DBE0;
}

.board-group .bbs-tit .con li strong {
  font-size: 1.6rem;
  color: #282828;
}

.board-group .bbs-con {
  padding: 5rem 12rem;
  line-height: 1.7;
  color: #000;
}

.board-group .bbs-con img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 80%;
  height: auto;
}

.board-group .bbs-con video {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 80%;
  height: auto;
}

@media (max-width: 1420px) {
  .board-group .bbs-con {
    padding: 5rem;
  }
}

@media (max-width: 1040px) {
  .board-group .bbs-con {
    padding: 3rem;
  }
}

.board-group .bbs-cate {
  padding: 2rem 3rem;
  background-color: #F2F4F5;
}

.board-group .bbs-cate .con {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 0 1rem;
  width: 100%;
}

.board-group .bbs-cate .con li {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.board-group .bbs-cate .con li strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12rem;
  min-height: 3.2rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
  background-color: #0A1F55;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

@media (max-width: 1040px) {
  .board-group table {
    table-layout: fixed;
  }
  .board-group table colgroup {
    display: none;
  }
  .board-group table thead {
    display: none;
  }
  .board-group table tbody tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .board-group table tbody tr td {
    position: relative;
    padding-left: 6rem !important;
    text-align: left;
    padding: 1rem 0;
  }
  .board-group table tbody tr td:before {
    content: attr(data-label) "";
    width: 70px;
    font-size: 13px;
    font-weight: 500;
    color: #0062CC;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .board-group table tbody tr td.w_20 {
    width: 20%;
  }
  .board-group table tbody tr td.w_30 {
    width: 30%;
  }
  .board-group table tbody tr td.w_50 {
    width: 50%;
  }
  .board-group table tbody tr td.w_70 {
    width: 70%;
  }
  .board-group table tbody tr td.w_80 {
    width: 80%;
  }
  .board-group table tbody tr th {
    background: transparent;
  }
}

/* 첨부 파일 */
.bbs-file {
  display: flex;
  align-items: center;
  align-items: stretch;
  border-top: 0.1rem solid #282828;
  border-bottom: 1px solid #282828;
}

.bbs-file .tit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  min-width: 14rem;
  font-size: 1.7rem;
  font-weight: 700;
  color: #5A5E6A;
  background-color: #F2F4F5;
}

.bbs-file .con {
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  width: 100%;
}

.bbs-file .con li + li {
  border-top: 0.1rem solid #E4E7EA;
}

.bbs-file .con.nofile {
  padding: 3rem 0;
  position: relative !important;
  width: 100% !important;
  text-align: center;
}

.bbs-file .bt-file {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0;
}

.bbs-file .ico-file {
  display: flex;
  align-items: center;
  min-height: 3rem;
  line-height: 2;
  font-size: 1.6rem;
  color: #5A5E6A;
  background-image: url("/resource/templete/assets/images/common/ico-file.svg");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bbs-file .ico-file:hover {
  text-decoration: underline;
}

.bbs-file .ico-down {
  display: block;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/common/ico-down.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

/* 버튼 정렬 */
.button-group {
  padding: 2rem 0;
}

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

.button-wrap.tac {
  justify-content: center;
}

.button-wrap.tar {
  justify-content: right;
}

.button-wrap .innr {
  display: flex;
  gap: 1.5rem;
}

.button-wrap .innr_side {
  width: 100%;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}

.button-wrap .innr_side .float_l {
  display: flex;
  gap: 1.5rem;
}

.button-wrap .innr_side .float_r {
  display: flex;
  gap: 1.5rem;
}

/* 페이지네이션 */
.paging-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .8rem;
  padding: 5rem 0 2rem 0;
}

.paging-group .paging-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .8rem;
}

.paging-group .num {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4rem;
  height: 4rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
  color: #5A5E6A;
  border: 0.1rem solid #D6DBE0;
  overflow: hidden;
  cursor: pointer;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.paging-group .num:focus, .paging-group .num:hover {
  border-color: #8b8b8b;
}

@media (max-width: 1040px) {
  .paging-group .num {
    min-width: 3.2rem;
    height: 3.2rem;
  }
}

.paging-group .current {
  color: #fff;
  border-color: #0A1F55;
  background-color: #0A1F55;
}

.paging-group .ico {
  min-width: 1.6rem;
  height: 1.6rem;
}

.paging-group .ico-first {
  background-image: url("/resource/templete/assets/images/common/ico-first.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.paging-group .ico-prev {
  background-image: url("/resource/templete/assets/images/common/ico-prev.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.paging-group .ico-next {
  background-image: url("/resource/templete/assets/images/common/ico-next.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.paging-group .ico-end {
  background-image: url("/resource/templete/assets/images/common/ico-end.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

/*글쓰기 폼*/
.view-wrap {
  border-top: 0.1rem solid #464646;
}

.view-wrap .length {
  line-height: 1.2;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.view-wrap .form-tbl {
  width: 100%;
  position: relative;
}

.view-wrap .form-tbl tbody tr th:first-child {
  border-left: 0;
}

.view-wrap .form-tbl tbody tr td:last-child {
  border-right: 0;
}

.view-wrap .form-tbl tbody th {
  border: 0.1rem solid #E4E7EA;
  background-color: #F2F4F5;
}

.view-wrap .form-tbl tbody th label {
  position: relative;
}

.view-wrap .form-tbl tbody th em {
  position: absolute;
  top: -0.6rem;
  right: -1.2rem;
  font-size: 0.6rem;
  color: #DC1547;
}

.view-wrap .form-tbl tbody td {
  padding: 0.8rem 0;
  height: 6.4rem;
  border: 0.1rem solid #E4E7EA;
}

.view-wrap .form-tbl tbody td .tbl {
  width: 100%;
}

.view-wrap .form-tbl tbody td .tbl thead th {
  padding: 0 1rem;
  height: 4rem;
}

.view-wrap .form-tbl tbody td .tbl tbody td {
  padding: 0 1rem;
  text-align: center;
}

@media (max-width: 1040px) {
  .view-wrap .form-tbl colgroup {
    display: none;
  }
  .view-wrap .form-tbl tbody .length {
    display: none;
  }
  .view-wrap .form-tbl tbody tr {
    display: flex;
    flex-wrap: wrap;
  }
  .view-wrap .form-tbl tbody tr th {
    display: flex;
    align-items: center;
    padding: 0 2rem;
    width: 24%;
    text-align: left;
    word-break: keep-all;
  }
  .view-wrap .form-tbl tbody tr td {
    width: 76%;
    height: auto;
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .view-wrap .form-tbl tbody tr {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .view-wrap .form-tbl tbody tr th {
    width: 100%;
    min-height: 5rem;
    border: 0;
  }
  .view-wrap .form-tbl tbody tr td {
    padding: 0.6rem 0;
    margin-bottom: 1rem;
    width: 100%;
    border: 0;
  }
}

.view-wrap .form-tbl .lak-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  padding: 1rem 0;
}

.view-wrap .form-tbl .lak-wrap li {
  position: relative;
}

.view-wrap .form-tbl .lak-wrap .ico {
  display: flex;
  min-width: 6rem;
  height: 6rem;
}

.view-wrap .form-tbl .lak-wrap .ico.ico1 {
  background-image: url("/resource/templete/assets/images/common/ico-lak1.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-tbl .lak-wrap .ico.ico2 {
  background-image: url("/resource/templete/assets/images/common/ico-lak2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-tbl .lak-wrap .ico.ico3 {
  background-image: url("/resource/templete/assets/images/common/ico-lak3.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-tbl .lak-wrap .ico.ico4 {
  background-image: url("/resource/templete/assets/images/common/ico-lak4.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-tbl .lak-wrap .ico.ico5 {
  background-image: url("/resource/templete/assets/images/common/ico-lak5.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-tbl .fm-lak {
  position: absolute;
  width: 100%;
  height: 100%;
  appearance: none;
  cursor: pointer;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.view-wrap .form-tbl .fm-lak + label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: 1.5rem;
  min-width: 20rem;
  min-height: 19.4rem;
  text-align: center;
  border: 0.1rem solid #E4E7EA;
  word-break: keep-all;
  cursor: pointer;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.view-wrap .form-tbl .fm-lak + label:focus-visible {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
}

.view-wrap .form-tbl .fm-lak + label strong {
  padding: 2rem 0 1.5rem 0;
  font-size: 2rem;
  font-weight: 800;
  color: #5A5E6A;
}

.view-wrap .form-tbl .fm-lak + label span {
  line-height: 1.3;
  font-size: 1.6rem;
  font-weight: 700;
  color: #5A5E6A;
}

.view-wrap .form-tbl .fm-lak:checked + label {
  border-color: #8b8b8b;
  background-color: #F2F4F5;
}

.view-wrap .form-tbl .fm-lak:checked + label strong {
  color: #282828;
}

.view-wrap .form-tbl .fm-lak:checked + label span {
  color: #282828;
}

@media (max-width: 760px) {
  .view-wrap .form-tbl .lak-wrap li {
    width: calc((100% - 2rem) / 2);
  }
  .view-wrap .form-tbl .fm-lak + label {
    min-width: auto;
    width: 100%;
  }
}

.view-wrap .form-box2 {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.view-wrap .form-box2 .qna_flex_line {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.view-wrap .form-box2 .qna_flex_line i {
  margin-right: 0.5rem;
}

.view-wrap .form-box2 .qna_flex_line a {
  line-height: 2.0;
  height: auto;
}

.view-wrap .form-box2 input[type="radio"], .view-wrap .form-box2 input[type="checkbox"] {
  margin: 0 0 0 0;
}

.view-wrap .form-box2 label {
  margin-bottom: 0;
}

.view-wrap .form-box2 .num {
  padding: 1rem 0 0 0;
  font-size: 1.8rem;
  font-weight: 800;
  color: #282828;
}

.view-wrap .form-box2 .con {
  padding: 0 2rem;
  line-height: 1.3;
  font-size: 1.6rem;
  font-weight: 400;
  color: #464646;
}

.view-wrap .form-box2 .con.pad {
  display: block;
  padding-top: 1.2rem;
}

.view-wrap .form-box2 .con.typ {
  padding: 0 2rem;
}

.view-wrap .form-box2 .con strong {
  font-weight: 800;
  color: #282828;
}

.view-wrap .form-box2 .con span {
  /* display: inline-flex;*/
  align-items: center;
  margin-right: 1rem;
}

.view-wrap .form-box2 .con fieldset {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.view-wrap .form-box2 .con em {
  padding: 0 1rem;
}

.view-wrap .form-box2 .con .inr {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem 0;
}

.view-wrap .form-box2 .con .inr.wrp {
  flex-wrap: wrap;
}

.view-wrap .form-box2 .con .inr.wrp .fm-sel {
  width: 11rem !important;
}

.view-wrap .form-box2 .con .flx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.view-wrap .form-box2 .con .w80 {
  width: 7rem !important;
}

.view-wrap .form-box2 .con .w158 {
  width: 14rem !important;
}

.view-wrap .form-box2 .con .w233 {
  width: 14rem !important;
}

.view-wrap .form-box2 .con .w300 {
  width: 30rem !important;
}

.view-wrap .form-box2 .con .stts {
  display: inline-flex;
  align-items: center;
  padding: 0 1.6rem;
  min-height: 3.1rem;
  font-size: 1.6rem;
  color: #fff;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}

.view-wrap .form-box2 .con .stts.stts1 {
  background-color: #0A1F55;
}

.view-wrap .form-box2 .con .stts.stts2 {
  background-color: #9646F0;
}

.view-wrap .form-box2 .con .stts.stts3 {
  background-color: #DC1547;
}

.view-wrap .form-box2 .urd {
  padding: 1rem 0;
}

.view-wrap .form-box2 .urd ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.view-wrap .form-box2 .urd li {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  position: relative;
  line-height: 1.5;
  font-size: 1.4rem;
  word-break: keep-all;
  color: #464646;
}

.view-wrap .form-box2 .urd li .primary1 {
  color: #0A1F55;
}

.view-wrap .form-box2 .urd li .primary2 {
  color: #0A1F55;
}

.view-wrap .form-box2 .urd li::before {
  content: '-';
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #464646;
}

.view-wrap .form-box2 .abt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: .8rem 1.6rem;
  min-height: 6.4rem;
  line-height: 1.4;
  font-size: 1.8rem;
  word-break: keep-all;
  background-color: #fff;
}

.view-wrap .form-box2 .abt .inr {
  position: relative;
}

.view-wrap .form-box2 .att {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  padding-top: 2rem;
}

.view-wrap .form-box2 .att .inr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.view-wrap .form-box2 .att .bt-attach {
  position: relative;
  padding: 0 1.2rem;
  min-height: 4rem;
  font-size: 1.5rem;
  color: #5A5E6A;
  border: 0.1rem solid #8b8b8b;
}

.view-wrap .form-box2 .att .bt-attach::before {
  content: '';
  display: flex;
  align-items: center;
  margin-right: 0.8rem;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/common/ico-file.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-box2 .att .bt-attach::after {
  content: '';
  display: flex;
  align-items: center;
  margin-left: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/common/ico-delete-line.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-box2 .att .bt-attach:focus, .view-wrap .form-box2 .att .bt-attach:hover {
  background-color: #F2F4F5;
}

.view-wrap .form-box2 .att .bt-attach span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.view-wrap .form-box2 .att img {
  display: block;
  width: 24rem;
  height: auto;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}

.view-wrap .form-box2 .att span {
  position: relative;
}

.view-wrap .form-box2 .att .bt-attach {
  padding: 0 1rem;
}

.view-wrap .form-box2 .att .bt-attach::before {
  content: '';
  min-width: 3rem;
  height: 3rem;
  background-image: url("/resource/templete/assets/images/common/ico-file.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-box2 .att .bt-attach::after {
  content: '삭제';
  display: flex;
  align-items: center;
  padding-left: 2rem;
  padding-right: 1rem;
  min-width: 3rem;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  background-image: url("/resource/templete/assets/images/common/ico-del.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 1.5rem auto;
}

.view-wrap .form-box2 .att .bt-file {
  display: inline-flex;
  padding: 0 2rem;
  color: #fff;
  background-color: #464646;
}

.view-wrap .form-box2 .att .bt-file.focus, .view-wrap .form-box2 .att .bt-file:hover {
  background-color: #5A5E6A;
}

.view-wrap .form-box2 .grp {
  width: 100%;
  border: 0.1rem solid #E4E7EA;
}

.view-wrap .form-box2 .grp.disable .fm-sel {
  cursor: not-allowed;
  pointer-events: none;
}

.view-wrap .form-box2 .grp.disable .fm-txt {
  cursor: not-allowed;
  pointer-events: none;
}

.view-wrap .form-box2 .grp.disable .fm-chk + label {
  cursor: not-allowed;
  pointer-events: none;
}

.view-wrap .form-box2 .grp.disable .fm-chk + label:before {
  background-color: #fff;
}

.view-wrap .form-box2 .grp.disable .all {
  background-color: #F2F4F5;
}

.view-wrap .form-box2 .grp.disable .all span {
  opacity: 0.5;
}

.view-wrap .form-box2 .grp.disable .lis,
.view-wrap .form-box2 .grp.disable .typ {
  opacity: 0.5;
}

.view-wrap .form-box2 .grp .all {
  background-color: #F2F4F5;
}

.view-wrap .form-box2 .grp .lis {
  display: flex;
  align-items: center;
  gap: 8.5rem;
  padding: 1rem 2rem;
  width: 100%;
}

.view-wrap .form-box2 .grp .lis + .lis {
  border-top: 0.1rem solid #E4E7EA;
}

.view-wrap .form-box2 .grp .lis span {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
}

.view-wrap .form-box2 .grp .lis span label {
  min-width: 3rem;
  text-align: center;
  word-break: keep-all;
}

.view-wrap .form-box2 .grp .typ {
  font-size: 1.8rem;
  font-weight: 700;
  color: #5A5E6A;
}

.view-wrap .form-box2 .tip {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding: 0 1.6rem .8rem 1.6rem;
  word-break: keep-all;
  background-color: #fff;
}

.view-wrap .form-box2 .tip.error .ico {
  background-image: url("/resource/templete/assets/images/layout/ico-tip-error.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-box2 .tip.error span {
  color: #DC1547;
}

.view-wrap .form-box2 .tip .ico {
  display: flex;
  min-width: 1.6rem;
  height: 1.6rem;
  background-image: url("/resource/templete/assets/images/layout/ico-tip-info.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.view-wrap .form-box2 .tip span {
  display: flex;
  align-items: center;
  min-height: 1.6rem;
  font-size: 1.5rem;
  color: #0A1F55;
}

.view-wrap .form-box2 .all {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
  width: 100%;
  background-color: #F2F4F5;
}

.view-wrap .form-box2 .all strong {
  padding-right: 1rem;
}

.view-wrap .form-box2 .tr {
  gap: 0;
  position: relative;
  padding-left: 20rem;
  border-bottom: 0.1rem solid #E4E7EA;
  background-color: #F2F4F5;
}

.view-wrap .form-box2 .tr.line {
  padding-bottom: 0;
}

.view-wrap .form-box2 .tr .tit {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 3rem;
  min-height: 6.4rem;
  line-height: 1.4;
  font-size: 1.8rem;
  color: #464646;
  font-weight: 600;
  max-width: 14rem;
  min-width: 6rem;
}

.view-wrap .form-box2 .tr .tit + .tip {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.view-wrap .form-box2 .tr .tit .fm-chk2 + label {
  gap: 1rem;
  position: relative;
  left: -3rem;
  word-break: keep-all;
}

.view-wrap .form-box2 .tr .tit em {
  position: relative;
  top: -13px;
  right: -0.5rem;
  color: #DC1547;
}

.view-wrap .form-box2 .tr .con {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .8rem 1.6rem;
  min-height: 6.4rem;
  line-height: 1.4;
  font-size: 1.6rem;
  word-break: keep-all;
  overflow-wrap: break-word;
  background-color: #fff;
  word-break: break-word;
  /* KSH 251001 정렬 수정 */
}

.view-wrap .form-box2 .tr .con.rows {
  justify-content: flex-start;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.view-wrap .form-box2 .tr .con.cols {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.view-wrap .form-box2 .tr .con span {
  overflow-wrap: break-word;
  /* overflow: hidden; */
}

.view-wrap .form-box2 .tr .con .fm-sel {
  width: auto;
}

.view-wrap .form-box2 .tr .con .inr {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.view-wrap .form-box2 .tr .con .inr label {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  min-width: 6rem;
}

.view-wrap .form-box2 .tr .con .inr strong {
  display: flex;
  align-items: center;
  min-height: 4rem;
}

.view-wrap .form-box2 .tr .con .editor_in {
  width: 100%;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  min-height: 30rem;
  border: 1px solid #E4E7EA;
}

.view-wrap .form-box2 .tr .con .write_in_secret {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.view-wrap .form-box2 .tr .con .write_in_secret p {
  display: block;
  display: flex;
  align-items: center;
  min-width: 7rem;
  gap: 0.4rem;
}

.view-wrap .form-box2 .tr .tbl {
  width: 100%;
  border-collapse: collapse;
}

.view-wrap .form-box2 .tr .tbl tbody tr + tr {
  border-top: 0.1rem solid #E4E7EA;
}

.view-wrap .form-box2 .tr .tbl tbody td {
  padding: 1rem;
}

.view-wrap .form-box2 .tr .tbl tbody label {
  position: relative;
}

.view-wrap .form-box2 .tr .tbl tbody label em {
  position: absolute;
  top: -0.4rem;
  right: -1.5rem;
  font-size: 0.6rem;
  color: #DC1547;
}

.view-wrap .form-box2 .check-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (max-width: 1420px) {
  .view-wrap .form-box2 .tr {
    gap: 0;
    padding-left: 18rem;
  }
  .view-wrap .form-box2 .tr .tit {
    left: 2rem;
    font-size: 1.6rem;
    color: #464646;
    font-weight: 600;
  }
  .view-wrap .form-box2 .tr .tit + .tip {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .view-wrap .form-box2 .tr .tit .fm-chk2 + label {
    position: relative;
    left: 0;
    font-size: 1.6rem;
  }
  .view-wrap .form-box2 .tr .con {
    flex-wrap: wrap;
    gap: 1rem;
    font-size: 1.6rem;
  }
  .view-wrap .form-box2 .tr .con .inr {
    padding: 0 1rem;
    width: 100%;
  }
  .view-wrap .form-box2 .tr .con .inr label {
    min-width: 5.6rem;
  }
  .view-wrap .form-box2 .tr .con .write_in_secret {
    align-items: flex-start;
  }
  .view-wrap .form-box2 .tr .grp {
    width: 100%;
    border: 0.1rem solid #E4E7EA;
  }
  .view-wrap .form-box2 .tr .grp .all {
    background-color: #E4E7EA;
  }
  .view-wrap .form-box2 .tr .grp .lis {
    flex-wrap: wrap;
    gap: 1rem 2rem;
    position: relative;
    padding-left: 8rem;
  }
  .view-wrap .form-box2 .tr .grp .lis + .lis {
    border-top: 0.1rem solid #E4E7EA;
  }
  .view-wrap .form-box2 .tr .grp .lis span .w90 {
    width: 9rem !important;
  }
  .view-wrap .form-box2 .tr .grp .typ {
    position: absolute;
    top: 2.2rem;
    left: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: #5A5E6A;
  }
  .view-wrap .form-box2 .tr .tip {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: 0 1.6rem .8rem 1.6rem;
    word-break: keep-all;
    background-color: #fff;
  }
  .view-wrap .form-box2 .tr .tip.error .ico {
    background-image: url("/resource/templete/assets/images/layout/ico-tip-error.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .view-wrap .form-box2 .tr .tip.error span {
    color: #DC1547;
  }
  .view-wrap .form-box2 .tr .tip .ico {
    display: flex;
    min-width: 1.6rem;
    height: 1.6rem;
    background-image: url("/resource/templete/assets/images/layout/ico-tip-info.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
  }
  .view-wrap .form-box2 .tr .tip span {
    display: flex;
    align-items: center;
    min-height: 1.6rem;
    font-size: 1.5rem;
    color: #0A1F55;
  }
}

@media (max-width: 1040px) {
  .view-wrap .form-box2 {
    border-bottom: 0.1rem solid #E4E7EA;
  }
  .view-wrap .form-box2 .tr {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    border-bottom: 0;
  }
  .view-wrap .form-box2 .tr + .tr {
    margin-top: 1rem;
  }
  .view-wrap .form-box2 .tr .tit {
    position: static;
    padding: 0 1rem;
    min-height: 4rem;
    font-size: 1.6rem;
    align-items: center;
  }
  .view-wrap .form-box2 .tr .tit + .tip {
    padding: 1rem;
  }
  .view-wrap .form-box2 .tr .tit .fm-chk2 + label {
    left: 0rem;
  }
  .view-wrap .form-box2 .tr .tit em {
    position: static;
    margin: 0 1rem;
  }
  .view-wrap .form-box2 .tr .con {
    flex-wrap: wrap;
    padding: .8rem 0;
    min-height: 4rem;
    font-size: 1.6rem;
  }
  .view-wrap .form-box2 .tr .con.rows {
    flex-wrap: wrap;
    gap: .8rem;
  }
  .view-wrap .form-box2 .tr .con .inr {
    flex-wrap: wrap;
  }
  .view-wrap .form-box2 .tr .con .inr em {
    display: none;
  }
  .view-wrap .form-box2 .tr .con .fm-sel {
    width: 100%;
  }
  .view-wrap .form-box2 .tr .con .fm-txt {
    width: 100%;
  }
  .view-wrap .form-box2 .tr .con .write_in_secret {
    flex-direction: column;
    align-items: flex-start;
  }
  .view-wrap .form-box2 .tr .tip {
    padding: 1rem;
    padding-top: 0;
    line-height: 1.5;
  }
  .view-wrap .form-box2 .tr .tip .ico {
    position: relative;
    top: .2rem;
  }
  .view-wrap .form-box2 .tr .tbl colgroup {
    display: none;
  }
  .view-wrap .form-box2 .tr .tbl tbody tr {
    display: flex;
    flex-wrap: wrap;
    border: 0 !important;
  }
  .view-wrap .form-box2 .tr .tbl tbody th {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 12rem;
  }
  .view-wrap .form-box2 .tr .tbl tbody td {
    padding: 0.5rem 0;
    width: calc(100% - 12rem);
  }
}

#container {
  overflow: hidden;
  /*댓글내용*/
  /*댓글입력*/
}

#container .comment-group + .comment-group {
  margin-top: 6rem;
}

#container .comment-view {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

#container .comment-view .innr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 3rem;
  border: 0.1rem solid #CCD1D6;
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

#container .comment-view .item {
  display: flex;
  flex-direction: column;
  position: relative;
}

#container .comment-view .item.comm1 {
  padding-left: 6rem;
  margin-top: 1rem;
  border-top: 0.1rem dashed #F2F4F5;
}

#container .comment-view .item.comm2 {
  padding-left: 12rem;
  margin-top: 1rem;
  border-top: 0.1rem dashed #F2F4F5;
}

#container .comment-view .item .head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-height: 4.8rem;
  border-bottom: 0.1rem solid #E4E7EA;
}

#container .comment-view .item .head .usr {
  font-size: 1.7rem;
}

#container .comment-view .item .head .dat {
  font-size: 1.3rem;
}

#container .comment-view .item .head .name {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin-right: 0.8rem;
  min-height: 2.4rem;
  font-size: 1.4rem;
  color: #fff;
  background-color: #032951;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

#container .comment-view .item .body {
  padding: 1.2rem 0 2rem 0;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

#container .comment-view .item .foot {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: absolute;
  top: 0;
  right: 0;
  min-height: 4.8rem;
}

#container .comment-view .item .foot .bt {
  padding: 0 1.2rem;
  min-height: 2.6rem;
  font-size: 1.3rem;
}

#container .comment-view .item .foot .bt-mod {
  color: #fff;
  background-color: #0A1F55;
}

#container .comment-view .item .foot .bt-mod:focus, #container .comment-view .item .foot .bt-mod:hover {
  background-color: #032951;
}

#container .comment-view .item .foot .bt-del {
  color: #fff;
  background-color: #464646;
}

#container .comment-view .item .foot .bt-del:focus, #container .comment-view .item .foot .bt-del:hover {
  background-color: #5A5E6A;
}

#container .comment-view .write {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 2rem;
  margin-bottom: 2rem;
  border: 0.1rem solid #CCD1D6;
  background-color: #F2F4F5;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

#container .comment-view .write.comm1 {
  margin-left: 6rem;
}

#container .comment-view .write.comm2 {
  margin-left: 12rem;
}

#container .comment-view .write .head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-height: 4.8rem;
  border-bottom: 0.1rem solid #E4E7EA;
}

#container .comment-view .write .head .usr {
  font-size: 1.7rem;
}

#container .comment-view .write .head .dat {
  font-size: 1.3rem;
}

#container .comment-view .write .body.rows {
  display: flex;
  gap: 2rem;
}

#container .comment-view .write .body.rows .bt-mod {
  min-width: 12rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}

#container .comment-view .write .body .att {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding-top: 1rem;
}

#container .comment-view .write .body .att .tit {
  display: flex;
  align-items: center;
  min-height: 3.2rem;
  color: #282828;
  white-space: nowrap;
}

#container .comment-view .write .body .att .con {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

#container .comment-view .write .body .att .con .bt-attach {
  gap: 1rem;
  position: relative;
  padding: 0 4rem 0 1.6rem;
  min-height: 3rem;
  line-height: 2;
  font-size: 1.3rem;
  color: #fff;
  background-color: #5A5E6A;
  word-break: keep-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

#container .comment-view .write .body .att .con .bt-attach:focus, #container .comment-view .write .body .att .con .bt-attach:hover {
  background-color: #8b8b8b;
}

#container .comment-view .write .body .att .con .bt-attach .ico {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  right: .8rem;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/layout/bt-head-search-close.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

#container .comment-view .write .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding-top: 1rem;
}

#container .comment-view .write .foot .inr {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}

#container .comment-view .write .foot .fm-file {
  height: 4rem;
}

#container .comment-view .write .foot .bt {
  padding: 0 2rem;
  min-height: 4rem;
  font-size: 1.5rem;
}

@media (max-width: 1420px) {
  #container .comment-view .write .body .att {
    flex-direction: column;
  }
  #container .comment-view .write .body .att .con {
    width: 100%;
  }
}

#container .comment-write {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 3rem 0;
}

#container .comment-write .innr {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 3rem;
  border: 0.1rem solid #CCD1D6;
  background-color: #E4E7EA;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

#container .comment-write .write {
  display: flex;
  flex-direction: column;
  position: relative;
}

#container .comment-write .write.comm1 {
  padding-left: 6rem;
  margin-top: 1rem;
  border-top: 0.1rem dashed #E4E7EA;
}

#container .comment-write .write.comm2 {
  padding-left: 12rem;
  margin-top: 1rem;
  border-top: 0.1rem dashed #E4E7EA;
}

#container .comment-write .write .head {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  min-height: 4.8rem;
  border-bottom: 0.1rem solid #E4E7EA;
}

#container .comment-write .write .head .usr {
  font-size: 1.7rem;
}

#container .comment-write .write .head .dat {
  font-size: 1.3rem;
}

#container .comment-write .write .body.rows {
  display: flex;
  gap: 2rem;
}

#container .comment-write .write .body.rows .bt-mod {
  min-width: 12rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}

#container .comment-write .write .body .att {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding-top: 2rem;
}

#container .comment-write .write .body .att .tit {
  display: flex;
  align-items: center;
  min-height: 3.2rem;
  color: #282828;
  white-space: nowrap;
}

#container .comment-write .write .body .att .con {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

#container .comment-write .write .body .att .con .bt-attach {
  position: relative;
  padding: 0 4rem 0 2rem;
  min-height: 3.2rem;
  font-size: 1.3rem;
  color: #fff;
  background-color: #5A5E6A;
}

#container .comment-write .write .body .att .con .bt-attach:focus, #container .comment-write .write .body .att .con .bt-attach:hover {
  background-color: #8b8b8b;
}

#container .comment-write .write .body .att .con .bt-attach .ico {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  right: .8rem;
  min-width: 2.4rem;
  height: 2.4rem;
  background-image: url("/resource/templete/assets/images/layout/bt-head-search-close.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

#container .comment-write .write .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding-top: 2rem;
}

#container .comment-write .write .foot .inr {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}

#container .comment-write .write .foot .bt-mod {
  color: #fff;
  background-color: #0A1F55;
}

#container .comment-write .write .foot .bt-mod:focus, #container .comment-write .write .foot .bt-mod:hover {
  background-color: #032951;
}

#container .comment-write .write .foot .bt-del {
  color: #fff;
  background-color: #464646;
}

#container .comment-write .write .foot .bt-del:focus, #container .comment-write .write .foot .bt-del:hover {
  background-color: #5A5E6A;
}

/* 갤러리 게시판 */
.gallery-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5.4rem;
  padding: 3rem 0;
  border-top: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
}

.gallery-wrap .innr {
  width: calc((100% - 16.2rem) / 4);
}

.gallery-wrap .innr .item {
  display: flex;
  flex-direction: column;
  padding: .2rem;
  text-decoration: none;
  background-color: #F2F4F5;
  overflow: hidden;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.gallery-wrap .innr .item:focus, .gallery-wrap .innr .item:hover {
  position: relative;
  z-index: 0;
  border-radius: 2rem;
}

.gallery-wrap .innr .item:focus::before, .gallery-wrap .innr .item:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(113deg, #2c71ae, #343586);
  z-index: -1;
  border-radius: calc($radius + $width);
}

.gallery-wrap .innr .item:focus::after, .gallery-wrap .innr .item:hover::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0.2rem;
  background: #F2F4F5;
  z-index: 0;
  border-radius: 2rem;
}

.gallery-wrap .innr .item:focus .img, .gallery-wrap .innr .item:hover .img {
  position: relative;
  z-index: 1;
}

.gallery-wrap .innr .item:focus .img img, .gallery-wrap .innr .item:hover .img img {
  transform: scale(1.06);
}

.gallery-wrap .innr .item:focus .box, .gallery-wrap .innr .item:hover .box {
  position: relative;
  z-index: 1;
}

.gallery-wrap .innr .item .img {
  overflow: hidden;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.gallery-wrap .innr .item .img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 23rem;
  object-fit: cover;
  transition: .3s ease-in-out;
}

.gallery-wrap .innr .item .box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 2rem;
  padding-bottom: 3rem;
}

.gallery-wrap .innr .item .tit {
  height: 4.8rem;
  line-height: 1.4;
  font-size: 1.7rem;
  font-weight: 700;
  word-break: keep-all;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gallery-wrap .innr .item .tit .notice {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin-right: 0.8rem;
  min-height: 2.4rem;
  font-size: 1.4rem;
  color: #fff;
  background-color: #0A1F55;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.gallery-wrap .innr .item .dat {
  font-size: 1.7rem;
  color: #8b8b8b;
}

@media (max-width: 1420px) {
  .gallery-wrap {
    gap: 3rem;
  }
  .gallery-wrap .innr {
    width: calc((100% - 6rem) / 3);
  }
}

@media (max-width: 1040px) {
  .gallery-wrap {
    gap: 2rem;
  }
  .gallery-wrap .innr {
    width: calc((100% - 2rem) / 2);
  }
}

/* ********************************************************************************* *
* 02) form
* ********************************************************************************* */
.content-wrap {
  /* Align */
  /* Input */
  /*파일업로드*/
  /*20250514 파일업로드 버튼수정보완 */
}

.content-wrap .tal {
  text-align: left;
}

.content-wrap .tac {
  text-align: center;
}

.content-wrap .tar {
  text-align: right;
}

.content-wrap .fm-chk:disabled + label {
  color: #5A5E6A;
  cursor: not-allowed;
  pointer-events: none;
}

.content-wrap .fm-chk:disabled + label:before {
  border: 0.1rem solid #E4E7EA;
  background-color: #F2F4F5;
}

.content-wrap .fm-chk:disabled:checked + label:before {
  border-color: #E4E7EA;
  background-color: #F2F4F5;
  background-image: url("/resource/templete/assets/images/layout/fm-chk-disabled.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.content-wrap .fm-chk2:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.content-wrap .fm-chk3:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.content-wrap .fm-rad:disabled + label {
  color: #5A5E6A;
  cursor: not-allowed;
  pointer-events: none;
}

.content-wrap .fm-rad:disabled + label::before, .content-wrap .fm-rad:disabled + label::after {
  content: '';
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.content-wrap .fm-rad:disabled + label::before {
  border: 0.1rem solid #D6DBE0;
  background-color: #F2F4F5;
}

.content-wrap .fm-rad:disabled:checked + label::before {
  border-color: #D6DBE0;
  background-color: #F2F4F5;
}

.content-wrap .fm-rad:disabled:checked + label::after {
  background-color: #D6DBE0;
}

.content-wrap .fm-rad2:disabled + label {
  cursor: not-allowed;
  pointer-events: none;
}

.content-wrap .fm-chk3 {
  position: absolute;
  width: 100%;
  height: 3.4rem;
  appearance: none;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.content-wrap .fm-chk3 + label {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 1.5rem;
  min-height: 3.4rem;
  line-height: 1.3;
  font-size: 1.7rem;
  border: 0.1rem solid #E4E7EA;
  background-color: #fff;
  word-break: keep-all;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.content-wrap .fm-chk3 + label:hover, .content-wrap .fm-chk3 + label:focus {
  border-color: #0A1F55;
}

.content-wrap .fm-chk3 + label:focus-visible {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
}

.content-wrap .fm-chk3:checked + label {
  font-weight: 600;
  color: #fff !important;
  background-color: #0A1F55;
}

.content-wrap .fm-chk2 {
  position: absolute;
  width: 2rem;
  height: 2rem;
  appearance: none;
}

.content-wrap .fm-chk2 + label {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  line-height: 1.3;
  font-size: 1.8rem;
  font-weight: 700;
  word-break: keep-all;
  color: #000;
  cursor: pointer;
}

.content-wrap .fm-chk2 + label:before {
  content: '';
  min-width: 2rem;
  height: 2rem;
  background-image: url("/resource/templete/assets/images/layout/fm-chk2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.content-wrap .fm-chk2 + label:hover:before, .content-wrap .fm-chk2 + label:focus:before, .content-wrap .fm-chk2 + label:focus-visible:before {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
  border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -o-border-radius: 0.3rem;
}

.content-wrap .fm-chk2:checked + label:before {
  background-image: url("/resource/templete/assets/images/layout/fm-chk3.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.content-wrap .fm-chk {
  position: absolute;
  width: 2rem;
  height: 2rem;
  appearance: none;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
}

.content-wrap .fm-chk + label {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  position: relative;
  line-height: 1.3;
  font-size: 1.6rem;
  word-break: keep-all;
  cursor: pointer;
}

.content-wrap .fm-chk + label span {
  display: flex;
  align-items: center;
  line-height: 1.3;
}

.content-wrap .fm-chk + label:before {
  content: '';
  min-width: 2rem;
  height: 2rem;
  border: 0.1rem solid #CCD1D6;
  background-color: #fff;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  transition: .2s ease-in-out;
}

.content-wrap .fm-chk + label:hover:before, .content-wrap .fm-chk + label:focus:before {
  border-color: #032951;
}

.content-wrap .fm-chk + label:focus-visible {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
}

.content-wrap .fm-chk:checked + label:before {
  border-color: #032951;
  background-color: #032951;
  background-image: url("/resource/templete/assets/images/layout/fm-chk.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.content-wrap .fm-rad2 {
  position: absolute;
  width: 100%;
  height: 3.4rem;
  appearance: none;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.content-wrap .fm-rad2 + label {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 1.5rem;
  min-height: 3.4rem;
  line-height: 1.3;
  font-size: 1.7rem;
  border: .2rem solid transparent;
  word-break: keep-all;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.content-wrap .fm-rad2 + label:before {
  content: '';
}

.content-wrap .fm-rad2 + label:hover, .content-wrap .fm-rad2 + label:focus {
  border-color: #0A1F55;
}

.content-wrap .fm-rad2 + label:hover + label:before, .content-wrap .fm-rad2 + label:focus + label:before {
  min-width: 2rem;
  height: 2rem;
  background-image: url("/resource/templete/assets/images/layout/fm-rad2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2rem auto;
}

.content-wrap .fm-rad2 + label:focus-visible {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
}

.content-wrap .fm-rad2:checked + label {
  font-weight: 600;
  color: #fff;
  background-color: #0A1F55;
}

.content-wrap .fm-rad2:checked + label:before {
  min-width: 2rem;
  height: 2rem;
  background-image: url("/resource/templete/assets/images/layout/fm-rad2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 2rem auto;
}

.content-wrap .fm-rad {
  position: absolute;
  width: 2rem;
  height: 2rem;
  appearance: none;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.content-wrap .fm-rad + label {
  display: inline-flex;
  align-items: flex-start;
  gap: .8rem;
  position: relative;
  padding-right: 0.6rem;
  line-height: 1.3;
  font-size: 1.6rem;
  word-break: keep-all;
  color: #282828;
  cursor: pointer;
}

.content-wrap .fm-rad + label span {
  display: inline-flex;
  align-items: center;
  line-height: 1.3;
}

.content-wrap .fm-rad + label::before, .content-wrap .fm-rad + label::after {
  content: '';
  min-width: 2rem;
  height: 2rem;
  transition: .2s ease-in-out;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.content-wrap .fm-rad + label::before {
  border: 0.1rem solid #CCD1D6;
  background-color: #fff;
}

.content-wrap .fm-rad + label::after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* margin-left: 0.48rem; margin-top: 0.52rem; */
  background-color: transparent;
}

.content-wrap .fm-rad + label:hover::before, .content-wrap .fm-rad + label:focus::before {
  border-color: #032951;
  background-color: #fff;
}

.content-wrap .fm-rad + label:focus-visible {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
}

.content-wrap .fm-rad:checked + label::before {
  border-color: #032951;
  background-color: #fff;
}

.content-wrap .fm-rad:checked + label::after {
  margin: 0.52rem 0.48rem;
  min-width: 1rem;
  height: 1rem;
  background-color: #032951;
}

.content-wrap .fm-sel {
  padding: 0 6rem 0 1.6rem;
  width: 100%;
  height: 4.8rem;
  font-size: 1.7rem;
  color: #8b8b8b;
  border: 0.1rem solid #E4E7EA;
  background-image: url("/resource/templete/assets/images/layout/fm-sel.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  appearance: none;
}

.content-wrap .fm-sel.error {
  border-color: #DC1547;
}

.content-wrap .fm-sel:hover, .content-wrap .fm-sel:focus-visible {
  border-color: #5A5E6A;
}

.content-wrap .fm-txt {
  padding: 0 1.6rem;
  width: 100%;
  height: 4.8rem;
  font-size: 1.7rem;
  color: #8b8b8b;
  border: 0.1rem solid #E4E7EA;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  resize: none;
}

.content-wrap .fm-txt.error {
  border-color: #DC1547;
}

.content-wrap .fm-txt:hover, .content-wrap .fm-txt:focus-visible {
  border-color: #5A5E6A;
}

.content-wrap .fm-dat {
  position: relative;
  padding: 0 1.6rem;
  padding-right: 5rem;
  width: 100%;
  height: 4.8rem;
  font-size: 1.7rem;
  color: #8b8b8b;
  border: 0.1rem solid #E4E7EA;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  resize: none;
}

.content-wrap .fm-dat.error {
  border-color: #DC1547;
}

.content-wrap .fm-dat:hover, .content-wrap .fm-dat:focus-visible {
  border-color: #5A5E6A;
}

.content-wrap .fm-dat::-webkit-calendar-picker-indicator {
  position: absolute;
  z-index: 1;
  right: 1.6rem;
  opacity: 0;
  cursor: pointer;
}

.content-wrap .fm-dat::after {
  content: url("/resource/templete/assets/images/common/ico-date.svg");
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 1.6rem;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  pointer-events: none;
}

.content-wrap .fm-tme {
  position: relative;
  padding: 0 1.6rem;
  padding-right: 5rem;
  width: 100%;
  height: 4.8rem;
  font-size: 1.7rem;
  color: #8b8b8b;
  border: 0.1rem solid #E4E7EA;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  resize: none;
}

.content-wrap .fm-tme.error {
  border-color: #DC1547;
}

.content-wrap .fm-tme:hover, .content-wrap .fm-tme:focus-visible {
  border-color: #5A5E6A;
}

.content-wrap .fm-tme::-webkit-calendar-picker-indicator {
  position: absolute;
  z-index: 1;
  right: 1.6rem;
  opacity: 0;
  cursor: pointer;
}

.content-wrap .fm-tme::after {
  content: url("/resource/templete/assets/images/common/ico-time.svg");
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 1.6rem;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  pointer-events: none;
}

.content-wrap .fm-are {
  padding: 1.6rem;
  width: 100%;
  height: 4.8rem;
  font-size: 1.7rem;
  color: #8b8b8b;
  border: 0.1rem solid #E4E7EA;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  resize: none;
}

.content-wrap .fm-are.error {
  border-color: #DC1547;
}

.content-wrap .fm-are:hover, .content-wrap .fm-are:focus-visible {
  border-color: #5A5E6A;
}

.content-wrap .fm-file {
  position: absolute;
  z-index: 0;
  width: 16rem;
  height: 4.8rem;
  font-size: 0;
  appearance: none;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.content-wrap .fm-file + label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  padding: 0.8rem 3rem;
  font-size: 1.6rem;
  border: 0.1rem solid #8b8b8b;
  background-color: #fff;
  word-break: keep-all;
  cursor: pointer;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.content-wrap .fm-file + label:hover, .content-wrap .fm-file + label:focus {
  border-color: #0A1F55;
}

.content-wrap .fm-file + label:focus-visible {
  outline: 0.2rem solid rgba(0, 0, 0, 0.05);
}

.content-wrap .fm-file:checked + label {
  font-weight: 800;
  color: #fff;
  background-color: #0A1F55;
}

/* 정렬 보정(cw.lee/2025-09-28) */
.valign:after {
  content: "";
  height: 0;
  line-height: 0;
  clear: both;
  display: block;
}

.valign p {
  float: left;
}

.valign input {
  float: left !important;
  outline: none !important;
  box-shadow: none !important;
}

.valign label {
  float: left !important;
  padding: 0 0 0 4px;
}

/* 에디터 첨부파일 추가 */
.view-wrap .form-box2 .tr .con span.file-txt {
  min-width: 7rem;
  display: block;
}

.view-wrap .form-box2 .tr .con.cols .img_alt {
  display: flex;
  margin-top: 1rem;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  border-top: 1px solid #E4E7EA;
  padding-top: 1rem;
}

[data-ax5uploader-uploaded-box] {
  font-size: 1.5rem !important;
}

.view-wrap .form-box2 .tr .con button.file_del {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.view-wrap .form-box2 .tr .con button.bttn-trans:hover {
  background-color: transparent !important;
}

[data-ax5uploader-uploaded-box] i {
  font-size: 1.5rem !important;
}

[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] {
  position: relative;
}

[data-uploaded-item-cell="filesize"] {
  min-width: 9rem !important;
}