@charset "UTF-8";
:focus-visible {
  outline: 2px solid #0D5A5C;
  outline-offset: 0px;
}

#skip_nav a:focus-visible {
  outline: none;
  box-shadow: inset 0 3px 0 0 #0D5A5C, inset 2px 0 0 0 #0D5A5C, inset 0 -2px 0 0 #0D5A5C, inset -2px 0 0 0 #0D5A5C;
}

#dim_popup_cal .fcus_bt:focus-visible {
  outline: none;
  box-shadow: inset 0 2px 0 0 #0D5A5C, inset 2px 0 0 0 #0D5A5C, inset 0 -2px 0 0 #0D5A5C, inset -2px 0 0 0 #0D5A5C;
}

.selectbox .option button:focus-visible {
  outline: none;
  box-shadow: inset 0 2px 0 0 #0D5A5C, inset 2px 0 0 0 #0D5A5C, inset 0 -2px 0 0 #0D5A5C, inset -2px 0 0 0 #0D5A5C;
}

#wrap {
  position: relative;
}

.board {
  position: relative;
}

.board-line {
  display: flex;
  height: 1px;
  background-color: #E0E0E0;
}

.logo_wa {
  width: 80px;
  height: 55px;
  background: url(/static/home/images/logo_wa-bfbd1af3aaaa25563c96e6ba430fbedc.png) no-repeat center center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
}

.logo_wa_box {
  align-items: flex-end;
  gap: 8px;
}

@media (max-width: 1279px) {
  .logo_wa_box {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .logo_wa_box {
    align-items: unset;
    margin-top: 4px;
  }
}
.wt13 {
  width: 13px;
}

.board_List_view {
  position: absolute;
  bottom: 0;
  right: 0;
}
.board_List_view:has(.show) {
  z-index: 2;
}
@media screen and (max-width: 1279px) {
  .board_List_view {
    display: none;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1220px) {
  .board_List_view {
    bottom: 56px;
  }
}

.board_support {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 16px;
  gap: 20px;
}

.board_count {
  display: inline-flex;
}
.board_count > li {
  position: relative;
  font-size: 17px;
  font-weight: 400;
}
.board_count > li + li {
  margin-left: 8px;
  padding-left: 8px;
}
.board_count > li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 15px;
  background-color: #d2d2d2;
}
.board_count .all_count > span {
  color: #0D5A5C;
  font-weight: 700;
}
.board_count .now_count .num {
  color: #0D5A5C;
  font-weight: 700;
}

.board_Search {
  display: flex;
  align-items: center;
  gap: 8px;
}
.board_Search .select {
  height: 43px;
  z-index: 2;
}
.board_Search .select .selectbox > button {
  border-radius: 8px;
  border: 1px solid #c6c6c6;
  background: #fff;
}
.board_Search .select .selectbox > button > span {
  color: #1d1d1d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.board_Search .search {
  position: relative;
}
.board_Search .search .inputText > input {
  height: 43px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  background: #fff;
  border-radius: 8px;
  outline: none;
}
.board_Search .search .inputText > input:focus {
  border: 1px solid #c6c6c6;
  --tw-ring-shadow: unset;
}
.board_Search .search .searchBtn {
  display: block;
  height: 43px;
  border-radius: 8px;
  background-position: top 50% right 16px;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-color: #0A484A;
  background-image: url(/static/home/images/sub/ico_search-2102c6243ffc96e679205675ef1aca40.svg);
  top: 0;
  flex-shrink: 0;
  z-index: 1;
  color: #fff;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  padding: 0px 36px 0px 20px;
}

.board_area {
  width: 100%;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #d8d8d8;
  background: #f8f8f8;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.board_area .select {
  width: 130px;
}

.board_area .inputText {
  width: 404px;
  gap: 8px;
}

.board_area.radio {
  gap: 40px;
}

.board_area.radio .search_radio {
  display: flex;
  align-items: center;
  gap: 24px;
}

.board_area.radio .search_radio > span {
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  flex-shrink: 0;
}

.board_area.radio .search_radio > .radio_box {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.board_area.radio .search_radio > .radio_box label {
  font-size: 17px;
  font-weight: 400;
  padding-left: 28px;
}

.board_area.radio .search_radio > .radio_box label::before {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 767px) {
  .board_area.radio {
    flex-direction: column;
    gap: 20px;
  }
  .board_area.radio .lg_btn_area,
  .board_area.radio .lg_btn_area div {
    width: 100%;
  }
  .board_area.radio .search_radio > .radio_box label {
    font-size: 16px;
  }
  .board_support {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .board_Search {
    width: 100%;
    flex-direction: column;
  }
  .board_Search .search {
    width: 100%;
  }
  .board_support #searchFrm,
  .board_support .select,
  .board_support .inputText {
    width: 100% !important;
  }
  .board_area form {
    width: 100%;
  }
  .board_area .select {
    width: 100%;
  }
  .board_area .inputText {
    width: 100%;
  }
}
.board_list {
  table-layout: fixed;
  width: 100%;
  border-top: 2px solid #1d1d1d;
}
.board_list tr:hover, .board_list tr:focus-visible {
  background-color: #f8f8f8;
}
.board_list tr.selected {
  background-color: #FFF3E9;
}
.board_list tr.selected td {
  border-bottom: 1px solid #F58220;
}
.board_list th {
  vertical-align: middle;
  padding: 16px;
  background: #f8f8f8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  font-size: 17px;
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #333;
}
.board_list th:last-child {
  border-right: unset;
}
.board_list td {
  vertical-align: middle;
  padding: 14px;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}
.board_list td.null {
  border-bottom: 1px solid #212121;
}
.board_list td span {
  font-size: 16px;
  color: #555;
  letter-spacing: -0.02em;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.board_list td em.tail_box {
  text-overflow: unset;
  overflow: unset;
  margin-left: 4px;
  font-style: normal;
  position: relative;
}
.board_list td > span {
  position: relative;
  top: 2px;
}
.board_list td.num span {
  color: #555;
}
.board_list td.subject span {
  text-align: left;
  color: #1d1d1d;
}
.board_list td.writer span {
  color: #555;
}
.board_list td.date span {
  color: #555;
}
.board_list td.count span {
  color: #555;
}
.board_list td.subject > a {
  display: flex;
  width: 100%;
  max-width: 100%;
}
.board_list td.subject.secret a span.subject_text {
  position: relative;
  padding-left: 24px;
}
.board_list td.subject.secret a span.subject_text::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(/static/home/images/icons/ico-secret-dd88c9c15b5a6997ccdcb7e8a727fc28.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 3px;
  left: 0;
}
.board_list td.subject.new a span {
  position: relative;
  padding-right: 24px;
}
.board_list td.subject.new a span::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(/static/home/images/sub/ico_new-a27675418e431be33db620eb98e52369.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 3px;
  right: 0;
}
.board_list td.subject.new a:has(.tail_box) span {
  padding-right: 0px;
}
.board_list td.subject.new a:has(.tail_box) span::after {
  content: unset;
}
.board_list td.subject.new a:has(.tail_box) .tail_box {
  padding-right: 24px;
}
.board_list td.subject.new a:has(.tail_box) .tail_box::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url(/static/home/images/sub/ico_new-a27675418e431be33db620eb98e52369.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 3px;
  right: 0;
}
.board_list td a span.new_ico {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(/static/home/images/sub/ico_new-a27675418e431be33db620eb98e52369.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  top: 3px;
  right: -2px;
}
.board_list td.subject > a:hover span, .board_list td.subject > a:focus-visible span, .board_list td.program > a:hover, .board_list td.program > a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.board_list td.subject > a:hover .tail_box {
  text-decoration: none;
}
.board_list td.at_file {
  text-align: center;
}
.board_list td.at_file .attach_file_ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/home/images/sub/ico_attach_file-fcd7104d911535e89f16723eedefcd85.svg);
}
.board_list tr.notice td.num .notice_box {
  display: flex;
  padding: 1px 6px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #1d1d1d;
  background: #1d1d1d;
}
.board_list tr.notice td.num .notice_box .notice_ico {
  width: 12px;
  height: 12px;
  background: url(/static/home/images/icons/ico-notice-f309bde816ae751d0c8dc02f4d8e8da7.svg) center/cover no-repeat;
  flex-shrink: 0;
}
.board_list tr.notice td.num span {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 1279px) {
  .board_list {
    display: block;
  }
  .board_list colgroup {
    display: none;
  }
  .board_list thead {
    display: none;
  }
  .board_list tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .board_list tbody tr {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 0;
    width: 100%;
    padding: 12px 8px;
    border-bottom: 1px solid #d5d5d5;
  }
  .board_list tbody tr.nodata {
    padding: 0;
    border-bottom: 0;
  }
  .board_list tbody td {
    position: relative;
    display: inline-flex;
    padding: 0;
    border: 0;
  }
  .board_list tbody td + td {
    padding-right: 8px;
  }
  .board_list tbody td + td::before {
    content: "";
    position: absolute;
    top: 13px;
    right: 0;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 10px;
    background-color: #d5d5d5;
  }
  .board_list tbody td + td:nth-last-child(1)::before {
    content: unset;
  }
  .board_list tbody td + td:nth-last-child(1) {
    padding-right: 0;
  }
  .board_list tbody td {
    color: #555;
    font-size: 14px;
  }
  .board_list tbody td span {
    color: #555;
    font-size: 14px;
  }
  .board_list td em.tail_box {
    color: #1d1d1d;
    font-size: 16px;
  }
  .board_list td.num {
    display: none;
  }
  .board_list td.subject {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
  .board_list td.program {
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
  .board_list tbody td.program::before {
    content: unset;
  }
  .board_list tbody td.text2::after {
    left: -45px;
  }
  .board_list td.text3 {
    width: 100%;
    margin-left: 45px !important;
  }
  .board_list td.text4 {
    width: 100%;
    margin-left: 58px !important;
  }
  .board_list tbody td.text4::after {
    left: -57px;
  }
  .board_list td.first_txt {
    order: -1;
  }
  .board_list td.user_count, .board_list td.date2, .board_list td.booker, .board_list td.school_name, .board_list td.status, .board_list td.date, .board_list td.instructor-name, .board_list td.progress-status, .board_list td.application-date, .board_list td.applicant-name {
    width: 100%;
  }
  .board_list td.subject::before {
    display: none;
  }
  .board_list td.subject > a > span {
    font-size: 16px;
    font-weight: 500;
  }
  .board_list td.file:not(:has(.fileCon)) {
    display: none;
  }
  .board_list td.file .fileCon {
    width: 15px;
    height: 15px;
    background-size: cover;
  }
  .board_list td.writer {
    width: unset;
    margin-right: 6px;
  }
  .board_list td.at_file {
    width: unset;
    margin-right: 6px;
  }
  .board_list td.date {
    width: unset;
    margin-right: 6px;
  }
  .board_list tr:has(td.file .fileCon) > td.writer {
    width: unset;
    margin-right: 6px;
  }
  .board_list tr.notice td.num {
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
  }
  .board_list tr.notice td.num span {
    font-size: 12px;
  }
  .board_list tr.notice td.num + td.subject {
    width: calc(100% - 55px);
  }
  .board_list tr.notice td.num, .board_list tr.notice td.subject {
    margin-bottom: 4px;
  }
}

.board_list tr.answer_line {
  background-color: #f8ffff;
}

.subject .ico_qna {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: center/cover no-repeat url(/static/home/images/sub/ico_qna-c848a251f26172443b9ad90901fead60.svg);
  margin-top: 3px;
  margin-right: 4px;
}

.subject .ico_answer {
  display: inline-block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: center/cover no-repeat url(/static/home/images/sub/ico_answer-a4a2e606d22c5c05c679c757be8ab61d.svg);
  margin-top: 3px;
  margin-right: 4px;
}

.faq_list {
  margin-top: 8px;
  border-top: 3px solid #1c1c1c;
}
.faq_list > ul > li {
  border-bottom: 1px solid #d0d0d0;
}
.faq_list .toggle_title {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 70px;
  background-color: initial;
  display: flex;
  align-items: center;
  padding: 16px;
  padding-right: 52px;
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-image: url(../images/icon/icon_pager_down.svg);
}
.faq_list .on .toggle_title {
  background-image: url(../images/icon/icon_pager_up.svg);
}
.faq_list .toggle_title .que {
  position: relative;
  line-height: 26px;
  padding-left: 86px;
  font-size: 17px;
  text-align: left;
  font-weight: 400;
}
.faq_list .on .toggle_title .que {
  font-weight: 600;
}
.faq_list .toggle_title .num {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #111111;
  border: 1px solid #111111;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  width: 70px;
  height: 36px;
}
.faq_list .on .toggle_title .num {
  background-color: #fff;
  color: #111;
}
.faq_list .toggle_title > span {
  margin-right: 8px;
}
.faq_list .toggle_title:hover, .faq_list .toggle_title:focus-visible {
  text-decoration: underline;
}
.faq_list .toggle_title:hover .que, .faq_list .toggle_title:focus-visible .que {
  font-weight: 600;
}
.faq_list .toggle_title:hover .num, .faq_list .toggle_title:focus-visible .num {
  background-color: #fff;
  color: #111;
}
.faq_list .toggle_info {
  display: none;
}
.faq_list .toggle_info.on {
  display: block;
}
.faq_list .toggle_info > p {
  position: relative;
  background-color: #f5f5f5;
  padding: 16px;
  padding-left: 102px;
  line-height: 24px;
  font-size: 16px;
  color: #111111;
  word-break: break-all;
}
.faq_list .toggle_info > p::before {
  content: "A";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 70px;
  height: 20px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
}
.faq_list .toggle_info > p > span {
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .faq_list .toggle_title {
    min-height: 50px;
    padding: 0;
    padding-right: 38px;
    line-height: 20px;
    background-position: center right 10px;
  }
  .faq_list .toggle_title .num {
    width: 50px;
    height: 28px;
    font-size: 14px;
    left: 0;
  }
  .faq_list .toggle_title .que {
    padding-left: 60px;
    font-size: 14px;
    line-height: 20px;
  }
  .faq_list .toggle_info > p {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    padding-left: 30px;
  }
  .faq_list .toggle_info > p::before {
    top: 10px;
    left: 10px;
    width: 10px;
    font-size: 14px;
  }
}

.list_area > ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -24px;
  gap: 20px;
  width: 100%;
}
.list_area > ul > li {
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
}
.list_area > ul > li > .inbox {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.list_area > ul > li > .inbox .imgbox {
  width: 100%;
  overflow: hidden;
  background: #f8f8f8;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.14% !important;
  background-image: url(/static/home/images/sub/gallery-no-img-411a2692c65383c6612477670074a8f9.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
}
.list_area > ul > li > .inbox:hover {
  outline: 2px solid #0A484A;
}
.list_area > ul > li > .inbox:hover .imgbox .img {
  transform: scale(105%);
  transition: transform 0.5s ease;
}
.list_area > ul > li > .inbox .imgbox:hover::after {
  background: rgba(0, 0, 0, 0.4);
}
.list_area.link_area > ul > li > .inbox .imgbox {
  padding-bottom: 31.14% !important;
}
.list_area > ul > li > .inbox .imgbox .img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.list_area > ul > li > .inbox .imgbox .img.txt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Pretendard";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.36px;
}
.list_area > ul > li > .inbox:hover .txtbox .tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.list_area.link_area > ul > li > .inbox:hover .txtbox .tit {
  text-decoration: unset;
}
.list_area .inbox .txtbox_tit {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  width: 94px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list_area .inbox .txtbox_tit span {
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.7px;
}
.list_area .inbox .txtbox_tit.orange_bg {
  border-radius: 10px 0px;
  background: #f06e00;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.list_area .inbox .txtbox_tit.green_bg {
  border-radius: 10px 0px;
  background: #006743;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.list_area .inbox .txtbox {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px 24px;
  border-radius: 0 0 10px 10px;
  border: 1px solid #c6c6c6;
  background: #fff;
}
.list_area.link_area .inbox .txtbox {
  height: 20px;
  text-align: center;
  background: #f8f8f8;
  bottom: -1px;
}
.list_area .inbox .txtbox .tit {
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical; /* 세로 방향 박스 */
  -webkit-line-clamp: 2; /* 보여줄 줄 수 */
  overflow: hidden;
  color: #1d1d1d;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  margin-bottom: 10px;
}
.list_area.link_area .inbox .txtbox .tit {
  display: block;
  white-space: nowrap;
  height: auto;
  margin-bottom: unset;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.list_area .inbox .txtbox .bot_area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 24px;
  gap: 10px;
}
.list_area .inbox .txtbox .bot_area .bot_area_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.list_area .inbox .txtbox .bot_area .tit {
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.9px;
}
.list_area .inbox .txtbox .bot_area span {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  color: #8e8e8e;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.42px;
}
.list_area .inbox .txtbox .bot_area .date_ico {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url(/static/home/images/icons/ico-date-4caa248d8dbb9d5ceda5af3d3238469a.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 4px;
}
.list_area .inbox .txtbox .bot_area .visited_ico {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url(/static/home/images/icons/ico-count-a9ee2e6a43848c00cf1cb6a1a12cbc99.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 4px;
}
@media screen and (max-width: 1279px) {
  .list_area > ul > li {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .list_area > ul > li {
    width: 100%;
    margin-bottom: 0;
  }
}

.thumbnail_list_area > ul {
  display: flex;
  flex-wrap: wrap;
  margin-right: -24px;
  gap: 40px 20px;
  width: 100%;
}
.thumbnail_list_area > ul > li {
  width: calc((100% - 40px) / 3);
  margin-bottom: 20px;
}
.thumbnail_list_area > ul > li > .inbox {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.thumbnail_list_area > ul > li > .inbox .imgbox {
  width: 100%;
  overflow: hidden;
  background: #f8f8f8;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.14% !important;
  background-image: url(/static/home/images/sub/gallery-no-img-411a2692c65383c6612477670074a8f9.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0);
}
.thumbnail_list_area > ul > li > .inbox:hover .imgbox .img {
  transform: scale(105%);
  transition: transform 0.5s ease;
}
.thumbnail_list_area > ul > li > .inbox .imgbox:hover::after {
  background: rgba(0, 0, 0, 0.4);
}
.thumbnail_list_area.link_area > ul > li > .inbox .imgbox {
  padding-bottom: 31.14% !important;
}
.thumbnail_list_area > ul > li > .inbox .imgbox .img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.thumbnail_list_area > ul > li > .inbox .imgbox .img.txt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Pretendard";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.36px;
}
.thumbnail_list_area > ul > li > .inbox:hover .txtbox .tit {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.thumbnail_list_area.link_area > ul > li > .inbox:hover .txtbox .tit {
  text-decoration: unset;
}
.thumbnail_list_area .inbox .txtbox_tit {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  width: 94px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbnail_list_area .inbox .txtbox_tit span {
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.7px;
}
.thumbnail_list_area .inbox .txtbox_tit.orange_bg {
  border-radius: 10px 0px;
  background: #f06e00;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.thumbnail_list_area .inbox .txtbox_tit.green_bg {
  border-radius: 10px 0px;
  background: #006743;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.thumbnail_list_area .inbox .txtbox {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 0px 0px 0px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
.thumbnail_list_area.link_area .inbox .txtbox {
  height: 20px;
  text-align: center;
  background: #f8f8f8;
  bottom: -1px;
}
.thumbnail_list_area .inbox .txtbox .tit {
  display: block;
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1d1d1d;
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.9px;
  margin-bottom: 10px;
}
.thumbnail_list_area.link_area .inbox .txtbox .tit {
  display: block;
  white-space: nowrap;
  height: auto;
  margin-bottom: unset;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}
.thumbnail_list_area .inbox .txtbox .bot_area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 24px;
  gap: 10px;
}
.thumbnail_list_area .inbox .txtbox .bot_area .bot_area_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.thumbnail_list_area .inbox .txtbox .bot_area .tit {
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  letter-spacing: -0.9px;
}
.thumbnail_list_area .inbox .txtbox .bot_area span {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  color: #8e8e8e;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.42px;
}
.thumbnail_list_area .inbox .txtbox .bot_area .date_ico {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url(/static/home/images/icons/ico-date-4caa248d8dbb9d5ceda5af3d3238469a.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 4px;
}
.thumbnail_list_area .inbox .txtbox .bot_area .visited_ico {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url(/static/home/images/icons/ico-count-a9ee2e6a43848c00cf1cb6a1a12cbc99.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: 4px;
}
@media screen and (max-width: 1279px) {
  .thumbnail_list_area > ul > li {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .thumbnail_list_area > ul {
    gap: 16px;
  }
  .thumbnail_list_area > ul > li {
    width: 100%;
    margin-bottom: 0;
  }
}

.nodata {
  pointer-events: none;
  height: auto;
}
.nodata .null {
  width: 100%;
  padding: 0;
}
.nodata .null > .board_null {
  width: 100%;
  height: 151px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.nodata .null > .board_null > span {
  padding-top: 59px;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/sub/image_no-data.svg);
  color: #111111;
}

.board_read .title {
  padding: 24px;
  border-top: 2px solid #111111;
  border-bottom: 1px solid #d5d5d5;
}
.board_read .title .tit {
  max-width: 100%;
  font-size: 22px;
  font-weight: 600;
  color: #111111;
  text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.board_read .info {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 12px;
}
.board_read .info > span {
  display: inline-flex;
  gap: 6px;
  position: relative;
  font-size: 15px;
}
.board_read .info > span + span::before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  top: 3px;
  width: 1px;
  height: 14px;
  background-color: #d5d5d5;
}
.board_read .info > span > span {
  font-weight: 500;
}
.board_read .info > span > span + span {
  font-weight: 300;
}
.board_read .attach {
  background: #f7f7f9;
  border-bottom: 1px solid #b7b7b7;
}
.board_read .attach .attach-list {
  padding: 24px;
}
.board_read .attach .attach-list li > a {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(../images/icon/icon_attach_file.svg);
}
.board_read .attach .attach-list li + li {
  margin-top: 16px;
}
.board_read .attach .attach-list li span {
  font-size: 15px;
  font-weight: 300;
  color: #111111;
}
.board_read .attach .attach-list li .name {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.board_read .attach .attach-list li .size {
  color: #919191;
  margin-left: 8px;
}
.board_read .detail {
  word-break: break-all;
  min-height: 90px;
  padding: 40px 24px 90px;
  color: #212121;
  border-bottom: 1px solid #b7b7b7;
}
.board_read .detail > * {
  max-width: 100%;
}
.board_read .detail img {
  max-width: 100%;
}
.board_read > .btn-group {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .board_read .title {
    padding: 16px 8px;
  }
  .board_read .title .title .tit {
    font-size: 16px;
  }
  .board_read .info {
    margin-top: 8px;
    gap: 13px;
  }
  .board_read .info .info > span {
    font-size: 13px;
  }
  .board_read .info .info > span + span::before {
    left: -6px;
    height: 10px;
  }
  .board_read .attach .attach-list {
    padding: 16px;
  }
  .board_read .attach .attach-list li + li {
    margin-top: 12px;
  }
  .board_read .attach .attach-list li span {
    font-size: 13px;
  }
  .board_read .detail {
    padding: 24px 24px 100px;
  }
}

.tbl-pager {
  table-layout: fixed;
  border-collapse: separate;
  width: 100%;
  border-bottom: 1px solid #b7b7b7;
}
.tbl-pager th {
  padding: 16px 18px;
  vertical-align: middle;
}
.tbl-pager th span {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 15px;
  color: #111111;
  padding-left: 34px;
  background-repeat: no-repeat;
  background-position: center left;
}
.tbl-pager .next th span {
  background-image: url(../images/icon/icon_pager_up.svg);
}
.tbl-pager .prev th span {
  background-image: url(../images/icon/icon_pager_down.svg);
}
.tbl-pager .next.nodata th span {
  background-image: url(../images/icon/icon_pager_up_nodata.svg);
}
.tbl-pager .prev.nodata th span {
  background-image: url(../images/icon/icon_pager_down_nodata.svg);
}
.tbl-pager td {
  position: relative;
  overflow: hidden;
  padding: 16px 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.tbl-pager td span {
  font-weight: 400;
  font-size: 15px;
  color: #111111;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.tbl-pager tr td a {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}
.tbl-pager td span a:hover {
  text-decoration: underline;
}
.tbl-pager tr + tr th, .tbl-pager tr + tr td {
  border-top: 1px solid #b7b7b7;
}
.tbl-pager .nodata th span {
  color: #919191;
}
.tbl-pager .nodata td span {
  color: #919191;
}

.totalSearch {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111111;
  background-color: #f5f5f5;
  padding: 0 16px;
}
.totalSearch .search {
  display: inline-flex;
  gap: 8px;
  width: 100%;
  max-width: 582px;
}
.totalSearch .search .inputText {
  width: calc(100% - 102px);
  height: 50px;
}
.totalSearch .search .inputText > input {
  height: 50px;
  border: 1px solid #111111;
  padding: 16px;
}
.totalSearch .search .searchBtn {
  width: 94px;
  height: 50px;
  position: relative;
  top: 0;
  background-color: #111111;
  color: #fff;
  background-image: initial;
}
.totalSearch .search .searchBtn > span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.totalSearch .search .searchBtn > span::after {
  content: "";
  display: inline-flex;
  width: 20px;
  height: 20px;
  background-image: url(../images/icon/icon_search_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.totalSearch .search:has(.inputText > input:hover) .searchBtn, .totalSearch .search:has(.inputText > input:focus-visible) .searchBtn {
  background-image: initial;
}
@media screen and (max-width: 767px) {
  .totalSearch {
    height: 98px;
  }
}

.result_Num {
  padding: 40px 0 50px;
  text-align: center;
}

.result_Num > p {
  font-size: 20px;
  font-weight: 500;
  word-break: keep-all;
}

.result_Num > p > span {
  font-size: 20px;
}

.result_Num .keyword {
  color: #014ce1;
  font-weight: 700;
}

.result_Num .total {
  color: #014ce1;
  font-weight: 700;
}

.keyword {
  color: #a50010;
}

.total_search + .total_search {
  margin-top: 40px;
}
.total_search .total_search_top {
  border-bottom: 2px solid #111111;
  padding-bottom: 8px;
  margin-bottom: 20px;
}
.total_search .total_search_top > span {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.total_search .total_search_top > span + span {
  margin-left: 10px;
  padding-left: 10px;
}
.total_search .total_search_top > span + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 16px;
  background-color: #919191;
}
.total_search .total_search_top .total_search_tit {
  font-size: 20px;
  font-weight: 700;
  color: #111111;
}
.total_search .total_search_top .total_search_num {
  font-size: 20px;
  font-weight: 500;
  color: #014ce1;
}
.total_search .search_result {
  padding-bottom: 20px;
}
.total_search .resultBox .resultList > li .null {
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #b5b5b5;
}
.total_search .resultBox .resultList > li .null > span {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding-top: 88px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../images/icon/icon_totalsearch_null.svg);
}

.menu .resultBox .resultList > li > a {
  display: flex;
  align-items: center;
  padding: 16px;
  border: 1px solid #b5b5b5;
}
.menu .resultBox .resultList > li > a:hover, .menu .resultBox .resultList > li > a:focus-visible {
  background-color: #f7f7f9;
  border: 1px solid #111111;
}
.menu .resultBox .resultList > li > a .depth {
  width: 100%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content .resultBox .resultList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.content .resultBox .resultList > li {
  width: 100%;
}
.content .resultBox .resultList > li > a {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px;
  border: 1px solid #b5b5b5;
}
.content .resultBox .resultList > li > a p {
  width: 100%;
  color: #111111;
}
.content .resultBox .resultList > li > a p.tit {
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content .resultBox .resultList > li > a p.cont {
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  word-break: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.content .resultBox .resultList > li > a p.depth {
  margin-top: 4px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content .resultBox .resultList > li > a p.depth > span {
  display: inline-block;
}
.content .resultBox .resultList > li > a p.depth > span + span {
  margin-left: 3px;
}
.content .resultBox .resultList > li > a p.depth > span + span:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../images/icon/icon_search_depth.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
@media screen and (max-width: 767px) {
  .content .resultBox .resultList > li > a p.tit {
    display: -webkit-box;
    height: 48px;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: initial;
    line-height: 24px;
  }
  .content .resultBox .resultList > li > a p.cont {
    height: 66px;
    -webkit-line-clamp: 3;
  }
  .content .resultBox .resultList > li > a p.depth {
    font-size: 14px;
  }
}

.board .resultBox .resultList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.board .resultBox .resultList > li {
  width: 100%;
}
.board .toggle .toggle_title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  position: relative;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  padding: 0 16px;
  padding-right: 56px;
}
.board .toggle .toggle_title:after {
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #111111;
  background-image: url(../images/icon/icon_toggle_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.board .toggle .toggle_title > p {
  max-width: 100%;
  text-align: left;
  line-height: 20px;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.board .toggle .toggle_title > p > span {
  font-size: 16px;
  font-weight: 500;
}
.board .toggle .toggle_title > p .depth {
  color: #111111;
}
.board .toggle .toggle_title > p .total {
  color: #014ce1;
  margin-left: 8px;
}
.board .resultBox .resultList .active .toggle .toggle_title {
  background-color: #111111;
  border: 1px solid #111111;
}
.board .resultBox .resultList .active .toggle .toggle_title:after {
  background-image: url(../images/icon/icon_toggle_arrow_on.svg);
}
.board .resultBox .resultList .active .toggle .toggle_title > p > span {
  color: #fff;
}
.board .resultBox .resultList .active .toggle .toggle_title > p .total {
  color: #fff;
}
.board .toggle .toggle_info {
  display: none;
  padding: 20px;
  border: 1px solid #111111;
}
.board .resultBox .resultList .active .toggle .toggle_info {
  display: block;
}
.board .toggle .toggle_info .toggle_infoList {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.board .toggle .toggle_info .toggle_infoList > li {
  width: 100%;
}
.board .toggle .toggle_info .toggle_infoList > li > a {
  display: flex;
  justify-content: space-between;
}
.board .toggle .toggle_info .toggle_infoList > li > a .title {
  display: inline-block;
  width: calc(100% - 107px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.board .toggle .toggle_info .toggle_infoList > li > a .date {
  width: 87px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .sub_tabbox .sub_tabList {
    flex-wrap: wrap;
  }
  .sub_tabbox .sub_tabList > li {
    display: none;
    width: 100%;
    order: 2;
  }
  .sub_tabbox .sub_tabList > li + li {
    border: 0;
  }
  .sub_tabbox .sub_tabList > li.active {
    order: 1;
    display: block;
  }
  .sub_tabbox .sub_tabList.active > li {
    display: block;
  }
  .sub_tabbox .sub_tabList > li > a {
    display: flex;
    justify-content: space-between;
    padding: 14px;
  }
  .sub_tabbox .sub_tabList > li.active > a:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/icon//icon_arrow_down_white.svg);
  }
  .sub_tabbox .sub_tabList.active > li.active > a:after {
    background-image: url(../images/icon//icon_arrow_up_white.svg);
  }
}
.page_nate {
  text-align: center;
  margin: 0 auto;
  position: relative;
  margin-top: 40px;
  padding: 0 110px;
}
.page_nate .btn + .btn {
  margin-left: 0;
}
.page_nate > a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #515151;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  border-radius: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page_nate > a:hover, .page_nate > a:focus-visible {
  color: #111111;
  font-weight: 700;
  text-decoration: underline;
}
.page_nate > a.btn.num + a.btn.num {
  margin-left: 4px;
}
.page_nate > a.btn.curr {
  font-weight: 700;
  color: #fff;
  background-color: #111111;
  pointer-events: none;
}
.page_nate > a.btn.move {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #111111;
  background-size: 6px 12px;
}
.page_nate > a.btn.move:hover, .page_nate > a.btn.move:focus-visible {
  background-color: #e5e5e5;
}
.page_nate > a.btn.move + a.btn.move {
  margin-left: 4px;
}
.page_nate > a.btn.prev {
  background-image: url(../images/icon/icon_arrow_left.svg);
}
.page_nate > a.btn.next {
  background-image: url(../images/icon/icon_arrow_right.svg);
}
.page_nate .noBtn {
  display: none;
}
.page_nate > a.noBtn {
  cursor: default;
  background-image: url(../images/icon/icon_page_no_move.svg);
}
@media screen and (max-width: 1279px) {
  .page_nate {
    padding: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1220px) {
  .page_nate {
    margin-top: 80px;
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .page_nate .noBtn:has(+ .num + .num + .num + .curr) {
    display: inline-block;
  }
  .page_nate:has(.curr + .num + .num + .num) .noBtn:has(+ .last) {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .page_nate {
    padding-top: 64px;
  }
  .page_nate > a.btn.move {
    position: absolute;
    top: 0;
  }
  .page_nate > a.btn.prev {
    right: calc(50% + 4px);
  }
  .page_nate > a.btn.next {
    left: calc(50% + 4px);
  }
  .page_nate {
    padding-top: 64px;
  }
  .page_nate .num {
    display: none;
  }
  .page_nate .curr, .page_nate .num:has(+ .num + .curr), .page_nate .num:has(+ .curr), .page_nate .curr + .num, .page_nate .curr + .num + .num, .page_nate .first, .page_nate .last, .page_nate .next {
    display: inline-block;
  }
  .page_nate:has(.num + .num + .curr) .noBtn {
    display: inline-block;
  }
  .page_nate:has(.curr + .num + .num) .noBtn:has(+ .last) {
    display: inline-block;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  gap: 8px;
  margin-top: 40px;
}
.pagination .page-navi-box {
  display: flex;
}
.pagination .page-navi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  min-width: 40px;
  height: 40px;
  padding: 0px;
}
.pagination .page-navi:active {
  transition: 0.4s ease-in-out;
}
.pagination .page-navi.prev .prev_ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/home/images/sub/page-arrow-left-s-line-f8c9f8e9d19a3cf34ef68de86f290e65.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-1px);
}
.pagination .page-navi.skip_prev .skip_prev_ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/home/images/sub/page-skip-left-line-a37c5e7296a4d40d2b7b940bbacbb962.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-1px);
}
.pagination .page-navi.prev.none .prev_ico {
  background-image: url(/static/home/images/sub/page-arrow-left-s-line-un-81995473f4ad37fc0fa2296f6036f97e.svg);
}
.pagination .page-navi.skip_prev.none .skip_prev_ico {
  background-image: url(/static/home/images/sub/page-skip-left-line-un-51e13e9d57542857ab1c43204673ed33.svg);
}
.pagination .page-navi.next .next_ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/home/images/sub/page-arrow-right-s-line-1effbf544cfeffdd7be8e1a8153c488f.svg);
  background-position: center center;
  transform: translateY(-1px);
  background-repeat: no-repeat;
}
.pagination .page-navi.skip_next .skip_next_ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(/static/home/images/sub/page-skip-right-line-e8c673e9115b203e5dd6626d6d672e2e.svg);
  background-position: center center;
  transform: translateY(-1px);
  background-repeat: no-repeat;
}
.pagination .page-navi.next.none .next_ico {
  background-image: url(/static/home/images/sub/page-arrow-right-s-line-un-d91ea739b4cf05d099685590e86f6e8b.svg);
}
.pagination .page-navi.skip_next.none .skip_next_ico {
  background-image: url(/static/home/images/sub/page-skip-right-line-un-f742247eb1a9988d0ec9b24f032c9106.svg);
}
.pagination .page-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 6px;
}
.pagination .page-links .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  color: #1d1d1d;
  min-width: 40px;
  height: 40px;
  font-size: 17px;
  border-radius: 50%;
}
.pagination .page-links .page-link:active {
  transition: 0.4s ease-in-out;
}
.pagination .page-links .page-link.link-dot {
  background-image: url(/static/home/images/sub/ico_page_dot-9615620c20c204782dac0b07546a37b6.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
}
.pagination .page-links .page-link.active {
  width: 40px;
  height: 40px;
  font-weight: 700;
  color: #0D5A5C;
}
.pagination .page-navi:hover, .pagination .page-links .page-link:hover, .pagination .page-navi:focus-visible, .pagination .page-links .page-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pagination .page-links .page-link.active:hover {
  text-decoration: unset !important;
}
.pagination .page-navi.prev:hover, .pagination .page-navi.next:hover {
  background-color: unset;
  color: unset;
  text-decoration: unset;
}
.pagination.m-page {
  display: none;
}
.paging > .pagination {
  margin-top: 0;
}
.pagination > .pagination {
  margin-top: 0;
}
.pagination .page-navi span {
  color: #1d1d1d;
}
@media screen and (max-width: 767px) {
  .pagination.m-page {
    margin-top: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pagination.m-page .page-navi.prev {
    height: 40px;
    padding: 6px 8px 6px 4px;
  }
  .pagination.m-page .page-navi.next {
    height: 40px;
    padding: 6px 8px 6px 4px;
  }
  .pagination.m-page .page-links {
    width: 100%;
  }
  .pagination .page-navi.prev::before {
    transform: translateY(0px);
  }
  .pagination .page-navi.next::after {
    transform: translateY(0px);
  }
  .pagination.w-page {
    display: none;
  }
  .pagination.m-page {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .pagination.m-page .page-navis {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
  }
}

.common_view table {
  width: 100%;
  border-spacing: 0;
}

.common_view th,
.common_view td {
  height: 35px;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  border-bottom: 1px solid #dedede;
}

.common_view th {
  border-right: 1px solid #dedede;
}

.common_view .center {
  border-left: 1px solid #dedede;
}

.common_view .subject {
  height: 52px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  border-right: 0;
  border-top: 2px solid #1d1d1d;
}

.common_view td {
  padding: 0 20px;
}

.common_view .file {
  color: #333;
  font-size: 14px;
}

.common_view .file:hover {
  text-decoration: underline;
}

.common_view .file img {
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
}

.common_view .c_cont {
  padding: 20px 0 0 0;
  line-height: 26px;
  color: #505050;
  font-size: 14px;
  background: #f8f8f8;
}

.common_view .c_cont > div {
  min-height: 500px;
}

.common_view .c_cont > p {
  line-height: 26px;
  color: #505050;
  font-size: 14px;
}

.common_view .c_cont > img {
  display: block;
  margin: 15px auto;
  max-width: 90%;
}

.common_view .c_cont .comment {
  position: relative;
  margin-top: 50px;
  background: #fff;
  border: 1px solid #dedede;
}

.common_view .c_cont .comment .title {
  padding: 0 28px;
  height: 56px;
  line-height: 56px;
  color: #505050;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
}

.common_view .c_cont .comment .answer {
  padding: 20px 28px;
  line-height: 26px;
  color: #505050;
  font-size: 14px;
}

.common_view .c_cont .comment .arrow {
  position: absolute;
  top: -13px;
  left: 46px;
  margin: 0;
  width: 23px;
  height: 13px;
}

.common_view .board_btn_area {
  position: relative;
  margin: 16px 0;
}

.common_view .board_btn_area .btn_area.right {
  float: right;
}

.common_view .board_btn_area .btn_area.left {
  display: inline;
}

.btn_area .btn {
  display: flex;
  width: 100px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #0A484A;
  gap: 4px;
  color: #fff;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.btn_area .btn:active {
  position: relative;
  top: 1px;
  left: 1px;
}

.common_view .section_line {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #d8d8d8;
}

/* read page — 아래 규칙은 위 기본 스타일을 덮어씀 (순서 유지) */
.common_view table {
  table-layout: fixed;
}

.common_view th,
.common_view td {
  border-bottom: 1px solid #c6c6c6;
  height: auto;
}

.common_view td.c_cont {
  border-bottom: 0px solid #c6c6c6;
}

.common_view td {
  padding: 0px;
}

.common_view table tr.info {
  background: #f8f8f8;
}

.common_view table tr.info .info_box {
  display: flex;
  padding: 10px 20px;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

.common_view table tr.info .info_box div {
  color: #555;
  font-family: "Pretendard";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.common_view .subject {
  border-top: 2px solid #1d1d1d;
  border-bottom: unset;
  padding: 24px 0px 0px 0px;
  word-wrap: break-word;
  color: #1d1d1d;
  text-align: left;
  font-family: "Pretendard";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.54px;
}

.common_view .title_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
}

.common_view .title_box .title {
  color: #1d1d1d;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

.common_view .info_box {
  display: flex;
  padding: 10px 20px;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f8f8f8;
}

.common_view .info_box > div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #717171;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_view .info_box > div > span {
  color: #555;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_view .info_box > div > span.t_first {
  font-weight: 500;
}

.common_view .c_cont {
  background-color: unset;
}

.common_view .c_cont img {
  display: block;
  margin: unset;
  max-width: 100%;
  width: 100%;
}

.common_view .c_cont > div {
  min-height: 500px;
  padding-top: 20px;
}

.common_view .c_cont > div > p {
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.8px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.common_view .c_cont > div .cont {
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.8px;
  min-height: 300px;
}

.common_view .c_cont > div .cont img {
  width: initial;
  max-width: 100%;
}

.common_view .c_cont > div > p .path {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  letter-spacing: -0.85px;
}

.common_view .c_cont > div > .cont .path {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  letter-spacing: -0.85px;
}

.common_view .c_cont > div .blog_top {
  position: relative;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  background: #f8f8f8;
  margin-bottom: 40px;
}

.common_view .c_cont > div .blog_top::before {
  content: "";
  position: absolute;
  inset: 0;
  background: right 35px center/102px 115px no-repeat url(/static/home/images/sub/bg_cont_box_ico-15a1f45d0e9f4414f46d0930aa9e63ac.png);
  opacity: 0.05;
}

.common_view .c_cont > div .blog_top > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.common_view .c_cont > div .blog_top > ul li {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.common_view .c_cont > div .blog_top > ul li > p {
  font-size: 17px;
  font-weight: 400;
}

.board_btn_area .btn_area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 16px;
}

/** next, prev area */
.common_view th {
  border-right: 0px solid #dedede;
}

.common_view .tbl-pager .alt_text {
  display: none;
}

.common_view .tbl-pager th,
.common_view .tbl-pager td {
  border-bottom: 0px solid #d8d8d8;
}

.common_view .tbl-pager {
  table-layout: fixed;
  border-collapse: separate;
  width: 100%;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.common_view .tbl-pager tr:not(.nodata):hover td > a > span,
.common_view .tbl-pager tr:not(.nodata):hover th > span,
.common_view .tbl-pager tr:not(.nodata):focus-visible td > a > span,
.common_view .tbl-pager tr:not(.nodata):focus-visible th > span {
  text-decoration: underline;
}

.common_view .tbl-pager th {
  padding: 16px 10px;
  vertical-align: middle;
}

.common_view .tbl-pager th span {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  display: inline-block;
  vertical-align: middle;
  color: #1d1d1d;
  padding-left: 43px;
  background-repeat: no-repeat;
  background-position: center left;
}

.common_view .tbl-pager .next .next_ico {
  width: 24px;
  height: 24px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_down_black-9fd0133d81e803b68d0c8afac5c8d5fc.svg);
  background-size: 17px;
}

.common_view .tbl-pager .prev .prev_ico {
  width: 24px;
  height: 24px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_up_black-06fbc65d5701136989d9c00b1ab4bb0f.svg);
  background-size: 17px;
}

.common_view .tbl-pager .next.none .next_ico {
  width: 24px;
  height: 24px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_down_gray-bf56ccadd877cbad9c9961f679fb1321.svg);
  background-size: 17px;
}

.common_view .tbl-pager .prev.none .prev_ico {
  width: 24px;
  height: 24px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_up_gray-865088aca9dd6fac4172ec23a63c9efc.svg);
  background-size: 17px;
}

.common_view .tbl-pager .prev.nodata th span {
  background-image: url(/static/home/images/sub/icon_down_black-9fd0133d81e803b68d0c8afac5c8d5fc.svg);
  background-size: 17px;
}

.common_view .tbl-pager .prev_area,
.common_view .tbl-pager .next_area {
  display: flex;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  flex-shrink: 0;
}

.common_view .tbl-pager .prev_area span,
.common_view .tbl-pager .next_area span {
  color: #1d1d1d;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.common_view .tbl-pager .prev.none td span,
.common_view .tbl-pager .next.none td span {
  color: #717171;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_view .tbl-pager .prev.none .prev_area span,
.common_view .tbl-pager .next.none .next_area span {
  font-weight: 700;
}

.common_view .tbl-pager td {
  position: relative;
  overflow: hidden;
  /* padding: 16px 0px 16px 10px; */
  width: 100%;
  padding: 2px;
}

.common_view .tbl-pager .prev.none td,
.common_view .tbl-pager .next.none td {
  display: flex;
  padding: 15px 24px;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  min-width: 0;
}

.common_view .tbl-pager td span {
  overflow: hidden;
  color: #1d1d1d;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* 제목 span(prev_area/next_area가 아닌 직계 자식)만 남는 폭을 차지하며 한 줄 말줄임 처리한다 */
.common_view .tbl-pager tr td a > span:not(.prev_area):not(.next_area),
.common_view .tbl-pager tr td > span:not(.prev_area):not(.next_area) {
  flex: 1;
  min-width: 0;
  display: block;
}

.common_view .tbl-pager tr td a {
  display: flex;
  padding: 15px 24px;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  min-width: 0;
}

.common_view .tbl-pager tr td a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: #f8f8f8;
}

.common_view .tbl-pager tr + tr th,
.common_view .tbl-pager tr + tr td {
  border-top: 1px solid #d8d8d8;
}

.common_view .c_cont .attach {
  background: #f8f8f8;
  margin-top: 140px;
  margin-bottom: 40px;
  padding: 24px 20px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
}

.common_view .c_cont .attach.type_a {
  margin: 0;
}

.common_view .c_cont .attach .attact-tit {
  min-width: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  color: #1d1d1d;
  font-family: "Pretendard";
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.common_view .c_cont .attach .attact-tit .attact_ico {
  width: 24px;
  height: 24px;
  background: url(/static/home/images/sub/ico_attach_file_black-61142ccee51cfe60f436825b9d76f0aa.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.common_view .c_cont .attach .attact-tit::before {
  content: unset;
}

.common_view .c_cont .attach .attact-tit::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #c6c6c6;
  bottom: -16px;
  right: 0px;
  z-index: 1;
}

.common_view .c_cont .attach .attach-list li {
  display: flex;
  gap: 16px;
}

.common_view .c_cont .attach .attach-list li + li {
  margin-top: 16px;
}

.common_view .c_cont .attach .attach-list li a.down_button {
  color: #162b64;
  overflow: unset;
}

.common_view .c_cont .attach .attach-list li .name {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 24px;
  position: relative;
  line-height: 31px;
  width: 100%;
  color: #1d1d1d;
  font-family: "Pretendard";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.48px;
}

.common_view .c_cont .attach .attach-list li .name::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url(/static/home/images/sub/file_any-f79f265f56ca2d8edbdb9d389ce5b628.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.common_view .c_cont .attach .attach-list li .name.pdf::before {
  background-image: url(/static/home/images/sub/file_pdf_ico-8f2bd8fbb3b3d41ea5f383cc896a964a.svg);
}

.common_view .c_cont .attach .attach-list li .name.hwp::before,
.common_view .c_cont .attach .attach-list li .name.hwpx::before {
  background-image: url(/static/home/images/sub/file_hwp_ico-74f3ea41bfdc95cd4309779e038f74ba.svg);
}

.common_view .c_cont .attach .attach-list li .name.doc::before,
.common_view .c_cont .attach .attach-list li .name.docx::before {
  background-image: url(/static/home/images/sub/file_word_ico-dae81f0744f4f167720118af590e2c78.svg);
}

.common_view .c_cont .attach .attach-list li .name.ppt::before,
.common_view .c_cont .attach .attach-list li .name.pptx::before {
  background-image: url(/static/home/images/sub/file_pptx_ico-8126dac3a83a925e2769b22b44bdc2c3.svg);
}

.common_view .c_cont .attach .attach-list li .name.xls::before,
.common_view .c_cont .attach .attach-list li .name.xlsx::before {
  background-image: url(/static/home/images/sub/file_xls_ico-02e326cdd00deb4d00df3554930f4a21.svg);
}

.common_view .c_cont .attach .attach-list li .name.zip::before {
  background-image: url(/static/home/images/sub/file_zip_ico-79271ecfa1643eb9860653e5dd53bb67.svg);
}

.common_view .c_cont .attach .attach-list li .name:not(.pdf):not(.hwp):not(.hwpx):not(.doc):not(.docx):not(.ppt):not(.pptx):not(.xls):not(.xlsx):not(.zip)::before {
  background-image: url(/static/home/images/sub/file_any-f79f265f56ca2d8edbdb9d389ce5b628.svg);
}

.common_view .c_cont .attach .attach-list li .down_file {
  display: flex;
  padding: 4px 8px 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  border: 1px solid #2d2d2d;
  background: #ffffff;
}

.common_view .c_cont .attach .attach-list li .down_file:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.common_view .c_cont .attach .attach-list li .down_file .down_txt {
  color: #2d2d2d;
  font-family: "Pretendard";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
  width: 52px;
}

.common_view .c_cont .attach .attach-list li .down_file .down_icon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/static/home/images/sub/ico_btn_down_black-96c707f1463e990e0c3aaa6b61ed6277.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.common_view .answer {
  border-radius: 10px;
  border: 1px solid #307070;
  background: #ffffff;
  margin-bottom: 40px;
  overflow: hidden;
}

.common_view .answer article {
  display: block;
}

.common_view .answer .title {
  background: #307070;
  color: #ffffff;
  text-align: center;
  padding: 8px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.common_view .answer .detail {
  padding: 24px 20px 24px 20px;
}

.common_view .answer .detail,
.common_view .answer .detail p,
.common_view .answer .detail div {
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-family: "Pretendard";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.8px;
}

.common_view .answer .title .title_icon {
  width: 32px;
  height: 32px;
  background-image: url(/static/home/images/sub/answer_ico-d9cef6327bbda66a0bd4f55f7c651346.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.common_view .answer .title > .tit {
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.9px;
}

.common_view .c_cont .answer .attach .attact-tit {
  overflow: unset;
}

.common_view .comment_area {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 32px;
}

.common_view .comment_area .insert_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.common_view .comment_area .insert_box .tit {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  color: #1d1d1d;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}

.common_view .comment_area .insert_box .comment_ico {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: url(/static/home/images/icons/ico-comment-6afe0785095558681566e2c980f6db70.svg) center/cover no-repeat;
}

.common_view .comment_area .insert_box .ist_area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-radius: 8px;
}

.common_view .comment_area .insert_box .ist_area .ist_box {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea {
  display: flex;
  height: 100px;
  padding: 16px;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 10px 0 0 10px;
  border: 1px solid #717171;
  background: #fff;
  resize: none;
  box-shadow: none;
  position: relative;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar {
  width: 5px;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar-track {
  background: rgba(189, 187, 187, 0);
  border-radius: 10px;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar-thumb {
  background: #717171;
  border-radius: 10px;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar-thumb:hover {
  background: #1b1d1f;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 5px;
}

.common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 5px;
}

.common_view .comment_area .insert_box .ist_area .ist_box .commentBtn {
  display: flex;
  width: 146px;
  height: 100px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 0 10px 10px 0;
  background: #555;
  color: #fff;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}

.common_view .comment_area .insert_box .ist_area .ist_box .btn_ico {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: url(/static/home/images/icons/ico-write-3e349bf974bfe1936f3131d58235c83d.svg) center/cover no-repeat;
}

.common_view .comment_area .insert_box .ist_area .ist_info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.common_view .comment_area .insert_box .ist_area .ist_info .notice {
  color: #555;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.common_view .comment_area .insert_box .ist_area .ist_info .count {
  color: #555;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.common_view .comment_area .insert_box .ist_area .ist_info .count span {
  color: #0A484A;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
  padding-right: 2px;
}

.common_view .comment_area .list_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.common_view .comment_area .list_box .button_box {
  display: flex;
  align-items: center;
  gap: 4px;
}

.common_view .comment_area .list_box .button_box button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #c6c6c6;
  background: #fff;
}

.common_view .comment_area .list_box .button_box button.active {
  color: #fff;
  border: 1px solid #0A484A;
  background: #0A484A;
}

.common_view .comment_area .list_box .button_box button.active::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/static/home/images/icons/ico-check-white-3dcae759d3f2247cc0687f21f421805d.svg) center/cover no-repeat;
}

.common_view .comment_area .list_box .comment_item {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 10px;
  background: #f8f8f8;
}

.common_view .comment_area .list_box .comment_item .tit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.common_view .comment_area .list_box .comment_item .tit .name {
  color: #1d1d1d;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  letter-spacing: -0.54px;
}

.common_view .comment_area .list_box .comment_item .tit .insert_date {
  flex: 1 0 0;
  color: #555;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.common_view .comment_area .list_box .comment_item .tit button {
  display: flex;
  height: 24px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #555;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
}

.common_view .comment_area .list_box .comment_item .tit button.btn1 {
  color: #fff;
  border-radius: 4px;
  border: 1px solid #555;
  background: #555;
}

.common_view .comment_area .list_box .comment_item .tit button.btn2 {
  border-radius: 4px;
  border: 1px solid #555;
  background: #fff;
}

.common_view .comment_area .list_box .comment_item .cont {
  width: 100%;
}

.common_view .comment_area .list_box .comment_item .cont p {
  color: #555;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.common_view .comment_area .list_box .comment_item textarea {
  display: flex;
  width: 100%;
  height: 100px;
  padding: 16px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid #717171;
  background: #fff;
  resize: none;
  box-shadow: none;
  position: relative;
}

.common_view .comment_area .list_box .comment_item textarea::-webkit-scrollbar {
  width: 5px;
}

.common_view .comment_area .list_box .comment_item textarea::-webkit-scrollbar-track {
  background: rgba(189, 187, 187, 0);
  border-radius: 10px;
}

.common_view .comment_area .list_box .comment_item textarea::-webkit-scrollbar-thumb {
  background: #717171;
  border-radius: 10px;
}

.common_view .comment_area .list_box .comment_item textarea::-webkit-scrollbar-thumb:hover {
  background: #1b1d1f;
}

.common_view .comment_area .list_box .comment_item textarea::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 5px;
}

.common_view .comment_area .list_box .comment_item textarea::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 5px;
}

@media screen and (max-width: 1279px) {
  .common_view .subject {
    border-top: unset;
    padding: 0 0 32px 0;
  }
  .common_view .comment_area .insert_box .ist_area .ist_info {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .common_view .subject {
    padding: 0 0 24px 0;
  }
  .common_view .title_box .title {
    font-size: 19px;
  }
  .common_view .tbl-pager th {
    padding: 16px 8px;
  }
  .common_view .tbl-pager th span {
    padding-left: 32px;
  }
  .common_view table tr.info .info_box {
    flex-direction: column;
    gap: 4px;
  }
  .common_view .btn_area .btn.deep_blue {
    width: 100%;
  }
  .common_view .c_cont {
    padding: 24px 0 0 0;
  }
  .common_view .c_cont .attach {
    /* margin-top: 24px; */
    margin-bottom: 24px;
    padding: 16px;
  }
  .common_view .c_cont > div {
    padding-top: 0;
  }
  .common_view .c_cont > div > p {
    padding: 0 20px;
    gap: 24px;
  }
  .common_view .c_cont > div > .cont {
    padding: 0 20px;
    gap: 24px;
  }
  .common_view .c_cont > div .blog_top {
    margin-bottom: 24px;
  }
  .common_view .c_cont .attach .attach-list li {
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 10px;
  }
  .common_view .board_btn_area {
    margin: 16px 0 0 0;
  }
  .common_view .tbl-pager tr td a {
    padding: 16px 10px;
    gap: 16px;
  }
  .common_view .tbl-pager .prev_area,
  .common_view .tbl-pager .next_area {
    gap: 8px;
  }
  .board_btn_area .btn_area {
    margin-top: 40px;
  }
  .common_view .answer .detail {
    padding: 24px 20px;
  }
  .common_view .answer {
    margin-bottom: 24px;
  }
  .common_view .answer .detail p {
    font-size: 14px;
  }
  .common_view .comment_area .insert_box .ist_area .ist_box {
    flex-direction: column;
  }
  .common_view .comment_area .insert_box .ist_area .ist_box textarea {
    flex: unset;
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
  .common_view .comment_area .insert_box .ist_area .ist_box textarea::-webkit-scrollbar-track-piece:end {
    margin-bottom: 5px;
  }
  .common_view .comment_area .insert_box .ist_area .ist_box .commentBtn {
    width: 100%;
    height: unset;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 0 0 10px 10px;
  }
}
.blog {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.blog .top {
  display: flex;
  width: 100%;
  padding: 40px 40px 50px 40px;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  text-align: center;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  background: url(/static/home/images/sub/blog_top_bg-29ba82b912c94064453bf57f1b18a1d6.png) -23.946px -40.603px/111.953% 116.402% no-repeat, linear-gradient(180deg, #f3feff 0%, #fff 91.25%), #e7f4f0;
}

.blog .top .top_box {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  flex: 1 0 0;
}

.blog .top .top_box .tit {
  display: flex;
  gap: 8px;
  align-self: stretch;
  justify-content: center;
}

.blog .top .top_box .tit span {
  font-family: "Hakgyoansim Allimjang OTF";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 48px */
}

.blog .top .top_box .tit .ico {
  width: 38px;
  height: 45px;
  flex-shrink: 0;
  aspect-ratio: 38/45;
  background: center/cover no-repeat url(/static/home/images/sub/blog_top_ico-07a646e0d64797d03e25b03585fb6069.svg);
}

.blog .top .top_box .txt {
  text-align: center;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 136.842% */
}

.blog .top .tit_no {
  display: flex;
  padding: 5px 16px;
  align-items: center;
  gap: 24px;
  border-radius: 500px;
  background: #08627d;
}

.blog .top .tit_no .txt {
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog .top .tit_no .txt span {
  color: #fff;
  text-align: center;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 152.941% */
}

.blog .top .tit_no .txt .year {
  font-size: 17px;
  font-weight: 400;
}

.blog .top .tit_no .dot {
  width: 6px;
  height: 6px;
  background: #87aeb9;
  border-radius: 50%;
}

.blog > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}

.blog > ul > li {
  width: 100%;
}

.blog > ul > li > a {
  display: flex;
  padding: 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  position: relative;
}

.blog > ul > li > a.none_txt {
  background: #f8f8f8;
}

.blog > ul > li > a.none_txt .tit {
  padding-bottom: 0px;
  border-bottom: unset;
}

.blog > ul > li > a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: right 40px top 24px/130px 125px no-repeat url(/static/home/images/sub/bg_cont_box_ico-15a1f45d0e9f4414f46d0930aa9e63ac.png);
  opacity: 0.05;
}

.blog > ul > li > a .tit {
  display: flex;
  padding-bottom: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
  border-bottom: 1px solid #d8d8d8;
}

.blog > ul > li > a .tit .title_box {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.blog > ul > li > a .tit .title_box .state_tit {
  display: flex;
  height: 26px;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 100px;
  border: 1px solid #08627d;
  background: #fff;
  color: #08627d;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
  flex-shrink: 0;
}

.blog > ul > li > a .tit .title_box .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
}

.blog > ul > li > a .tit > ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.blog > ul > li > a .tit > ul > li {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.blog > ul > li > a .txt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  width: 100%;
}

.blog > ul > li > a .txt .img_box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  max-height: 200px;
}

.blog > ul > li > a .txt .img_box img {
  width: 100%;
}

.blog > ul > li > a:hover .tit .title_box .title {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.blog > ul > li > a:hover {
  background: #f8f8f8;
}

@media screen and (max-width: 767px) {
  .blog {
    gap: 24px;
  }
  .blog .top {
    padding: 24px;
  }
  .blog .top .top_box {
    gap: 8px;
  }
  .blog .top .top_box .tit span {
    font-size: 25px;
  }
  .blog .top .top_box .txt {
    font-size: 17px;
  }
  .blog .top .tit_no .txt .year {
    font-size: 15px;
  }
  .blog .top .tit_no .txt span {
    font-size: 19px;
  }
  .blog > ul > li > a .tit .title_box {
    align-items: flex-start;
  }
  .blog > ul > li > a .tit .title_box .title {
    white-space: unset;
    text-overflow: unset;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.lg_btn_area {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  gap: 16px;
}

.lg_btn_area.mgt40 {
  margin-top: 40px;
}

.lg_btn_area .btn {
  display: flex;
  min-width: 100px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #0A484A;
  gap: 4px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  margin-left: 0;
}

.lg_btn_area .btn.un_wid {
  min-width: unset;
}

.lg_btn_area .btn.disabled,
.lg_btn_area .btn[disabled] {
  color: #717171 !important;
  background: #e4e4e4 !important;
  font-weight: 700 !important;
  cursor: auto;
}

.lg_btn_area .btn.none {
  visibility: hidden;
}

.lg_btn_area .btn.type1 {
  background: #fff;
  color: #1d1d1d;
  border: 1px solid #1d1d1d;
}

.lg_btn_area .btn.type2 {
  background: #0A484A;
  color: #fff;
  border: 1px solid #0A484A;
}

.lg_btn_area .btn.type3 {
  background: #f0f0f0;
  color: #1d1d1d;
  border: 1px solid #f0f0f0;
}

.lg_btn_area .btn.type4 {
  background: #245454;
  color: #fff;
  border: 1px solid #245454;
}

.lg_btn_area .btn.type5 {
  background: #fff;
  color: #08627d;
  border: 1px solid #08627d;
}

.lg_btn_area .btn.type6 {
  background: #fff;
  color: #1d1d1d;
  border: 1px solid #8e8e8e;
}

.lg_btn_area .btn.type7 {
  background: #08627d;
  color: #fff;
  border: 1px solid #08627d;
}

.lg_btn_area .btn.type8 {
  background: #ffc75e;
  color: #1d1d1d;
  border: 1px solid #ffc75e;
  padding: 8px;
}

.lg_btn_area .btn.type8:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), #ffc75e;
}

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

.lg_btn_area.left {
  justify-content: flex-start;
}

.lg_btn_area.btw {
  justify-content: space-between;
}

.lg_btn_area.btw .btw_center {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
}

@media screen and (max-width: 767px) {
  .lg_btn_area {
    gap: 10px;
  }
  .lg_btn_area .btn {
    width: 100%;
  }
  .lg_btn_area .btn.none {
    visibility: unset;
    display: none;
  }
  .lg_btn_area.btw,
  .lg_btn_area.btw .btw_center {
    width: 100%;
    flex-direction: column;
  }
  .lg_btn_area.btw .btw_center.trans_m a:first-child,
  .lg_btn_area.btw .btw_center.trans_m button:first-child {
    order: 2;
  }
  .lg_btn_area.btw .btw_center.trans_m a:nth-child(2),
  .lg_btn_area.btw .btw_center.trans_m button:nth-child(2) {
    order: 1;
  }
}
/* input */
/* selectbox */
.lg_selectbox {
  display: flex;
  gap: 8px;
}

.lg_selectbox .select {
  position: relative;
  display: inline-flex;
  width: 110px;
  height: 44px;
}

.lg_selectbox .select select {
  visibility: hidden;
}

.lg_selectbox .select .selectbox {
  z-index: unset;
}

.lg_selectbox .select .selectbox > button {
  border-radius: 8px;
  border: 1px solid #d8d8d8;
  background: #fff;
  font-size: 15px;
}

.lg_selectbox .select .selectbox > button:after {
  width: 35px;
  height: 35px;
  min-width: 35px;
}

.lg_selectbox .select .selectbox > button > span {
  color: #8e8e8e;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lg_selectbox .select .selectbox > button > span.select_val {
  color: #1d1d1d;
}

.lg_selectbox .search {
  position: relative;
}

.lg_selectbox .search .inputText > input {
  height: 43px;
  border-top: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
  border-left: 1px solid #c6c6c6;
  background: #fff;
  border-radius: 8px 0 0 8px;
  outline: none;
}

.lg_selectbox .search .searchBtn {
  display: block;
  width: 43px;
  height: 43px;
  border-radius: 0 8px 8px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #08627d;
  background-image: url(/static/home/images/sub/ico_search-2102c6243ffc96e679205675ef1aca40.svg);
  top: 0;
  flex-shrink: 0;
}

@media screen and (min-width: 767px) {
  .lg_selectbox .select.w420 {
    width: 420px;
  }
  .lg_selectbox .select.w250 {
    width: 250px;
  }
  .lg_selectbox .select.w114 {
    width: 114px;
  }
  .lg_selectbox .select.w76 {
    width: 76px;
  }
  .lg_selectbox .select.w71 {
    width: 71px;
  }
}
@media screen and (max-width: 767px) {
  .lg_selectbox {
    width: 100%;
  }
  .lg_selectbox .select {
    width: 100%;
  }
}
/* selectbox */
/* radio */
.radio_box input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.radio_box label {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 23px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  flex-shrink: 0;
}

.radio_box label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(/static/home/images/sub/ico_radio_off-525fc30f726312fb19420cda26b111f0.svg) no-repeat center/contain;
}

.radio_box input[type=radio]:checked + label::before {
  background-image: url(/static/home/images/sub/ico_radio_on-ce1250c1318a75438ade7cf0fd24dbd9.svg);
}

.radio_box input[type=radio]:focus-visible + label {
  outline: 2px solid #d22a00;
  outline-offset: 3px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .radio_box label::before {
    width: 24px;
    height: 24px;
  }
  .radio_box label {
    height: 24px;
    padding-left: 29px;
  }
}
/* radio */
/* checkbox */
.checkboxname {
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.checkboxname_checkbox {
  width: 18px;
  height: 18px;
  background-image: url(/static/home/images/sub/ico_check-91b0ec70e322706cab360c32fa9a93a7.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  display: inline-block;
}

.checkboxname_checkedbox {
  width: 18px;
  height: 18px;
  background-image: url(/static/home/images/sub/ico_checked-d59b6391abeb25682947c130653e9029.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  display: inline-block;
}

.checkboxname_checkedbox.type2 {
  background-image: url(/static/home/images/sub/ico_checked2-06d80c7649d891831e78cc559978e504.svg);
}

@media screen and (max-width: 767px) {
  .checkboxname_checkbox {
    width: 24px;
    height: 24px;
  }
  .checkboxname_checkedbox {
    width: 24px;
    height: 24px;
  }
}
/* checkbox */
/* datepicker */
input[type=text].calendar {
  display: block !important;
  margin: 0 0 0 -1px !important;
  padding: 0 10px !important;
  line-height: 33px !important;
  font-size: 14px !important;
  color: #000 !important;
  -webkit-appearance: none !important;
  background: url(/static/home/images/sub/ico_datepicker-133fe5e3d0ce36d165a0ae7cc7b6cac1.svg) no-repeat center right 5px #fff !important;
  text-align: left !important;
}

/* datepicker */
/* address */
.postal_box {
  width: 100%;
}

@media screen and (max-width: 858px) {
  .postal_box {
    width: 100%;
  }
}
/* address */
/* addfile */
.file_inr .file_select {
  display: flex;
  align-items: center;
  gap: 10px;
}

.file_inr .file_select .file-input {
  display: none;
}

.file_inr .file_select .file-select {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 89px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border-radius: 12px;
  background: #00937f;
  cursor: pointer;
  flex-shrink: 0;
}

.file_inr .file_select .txt span {
  color: #717171;
  font-size: 14px;
  font-weight: 400;
}

.file_inr .fileListBox {
  margin-top: 12px;
  padding-top: 12px;
  border-top: solid 1px #c6c6c6;
}

.file_inr .fileListBox ul li + li {
  margin-top: 10px;
}

.file_inr .fileListBox ul li .file-name {
  display: flex;
  align-items: center;
  gap: 6px;
}

.file_inr .fileListBox ul li .file-name > p {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}

.file_inr .fileListBox ul li .file-name > button {
  text-indent: -999px;
  overflow: hidden;
  width: 14px;
  height: 14px;
  background-image: url(/static/home/images/sub/ico_remove-60e7da58045be98c30fa4d5b25fae520.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  flex-shrink: 0;
}

.file_inr .fileListBox2 ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.file_inr .fileListBox2 ul li:last-child {
  margin-bottom: 12px;
}

.file_inr .fileListBox2 ul li .file-name p {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* addfile */
/* hidden file*/
.hidden_file {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  opacity: 0.01;
  background: none;
  overflow: hidden;
}

/* hidden file*/
.notice_txt {
  /* margin-bottom: 12px; */
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.notice_txt.notice_flex {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.flex_box {
  display: flex;
  align-items: center;
  gap: 4px;
}

.flex_box .box {
  display: flex;
  align-items: center;
  gap: 4px;
}

.check_area {
  margin-left: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .flex_box.type2 {
    flex-direction: column;
    align-items: flex-start;
  }
  .flex_box .box {
    width: 100%;
  }
  .notice_txt.notice_flex {
    text-align: left;
  }
  .notice_txt.notice_flex {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .notice_txt.notice_flex .lg_btn_area,
  .notice_txt.notice_flex .lg_btn_area .btw_center {
    width: 100%;
  }
}
.imp_symbol {
  color: #0D5A5C;
}

.co_txt {
  color: #1d1d1d;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding: 0;
  margin-left: 6px;
}

.common_wrtie .board_list.type_a th {
  text-align: center;
  border-right: unset;
}
.common_wrtie .board_list.type_a td span {
  padding: 0;
}
@media (max-width: 1279px) {
  .common_wrtie .board_list.type_a td {
    height: unset;
  }
}

.common_write td input[type=text][readonly=readonly] {
  background-color: #f0f0f0;
}

.common_write td input[type=text][readonly=readonly].addfile {
  background-color: #fff;
}

.common_write td textarea {
  border-radius: 8px;
  border: solid 1px #d8d8d8;
  padding: 11px 16px;
  width: 100%;
  resize: none;
  outline: none;
  box-shadow: none;
}

.common_write td textarea::-webkit-scrollbar {
  width: 5px;
}

.common_write td textarea::-webkit-scrollbar-track {
  background: rgba(189, 187, 187, 0);
  border-radius: 10px;
}

.common_write td textarea::-webkit-scrollbar-thumb {
  background: #717171;
  border-radius: 10px;
}

.common_write td textarea::-webkit-scrollbar-thumb:hover {
  background: #1b1d1f;
}

.common_write td textarea::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 5px;
}

.common_write td textarea::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .common_write td input[type=text].wt250 {
    width: 250px;
  }
  .common_write td input[type=text].wt72 {
    width: 72px;
  }
  .common_write td input[type=text].wt50 {
    width: 50px;
  }
}
@media screen and (max-width: 767px) {
  .common_write td input[type=text].phone {
    width: calc(33.3333333333% - 12px);
  }
  .pc_none {
    display: none;
  }
}
.common_write td .co_txt span {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .common_write td .co_txt {
    font-size: 15px;
    padding: 0;
    margin-left: 2px;
  }
}
.common_write table {
  width: 100%;
  border-top: 2px solid #162b64;
  table-layout: fixed;
}

.common_write th,
.common_write td {
  height: 50px;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  border-bottom: 1px solid #dedede;
}

.common_write th {
  border-right: 1px solid #dedede;
  background-color: #f5f5f5;
}

.common_write td {
  padding: 0 12px;
}

.common_write td input[type=text] {
  padding: 0 10px;
  width: 634px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #dfdfdf;
  background: #fff;
}

.common_write td input[type=file] {
  width: 350px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #fff;
  background: #fff;
}

.common_write td .btn_file_add {
  position: relative;
  top: -4px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("../images/sub/btn_file_add.gif") no-repeat;
}

.common_write .btn_area {
  margin: 16px 0;
}

.common_write .btn_area.right {
  text-align: right;
}

.common_write .btn_area .btn {
  display: inline-block;
  width: 86px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
}

.common_write .btn_area .btn.blue {
  color: #fff;
  border: 1px solid #047278;
  background: #009aa3;
}

.common_write .btn_area .btn.white {
  color: #086596;
  border: 1px solid #086596;
  background: #fff;
}

.common_write .btn_area .btn:active {
  position: relative;
  top: 1px;
  left: 1px;
}

.common_write.type_b th {
  background: #fbfbfb;
}

.common_write th,
.common_write td {
  height: 70px;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  border-bottom: 1px solid #dedede;
  padding: 12px 16px;
}

.common_write td input[type=text],
.common_write td input[type=tel],
.common_write td input[type=password],
.common_write td textarea.text,
.common_write td .file_name_box .file_name {
  border-radius: 8px;
  border: solid 1px #d8d8d8;
  padding: 10px 12px;
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 500;
}

.common_write td input[type=text],
.common_write td input[type=tel],
.common_write td input[type=password] {
  border-radius: 8px;
  border: solid 1px #d8d8d8;
  padding: 10px 12px;
  width: 100%;
  height: 44px;
}

.common_write td .radio_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px 24px;
}

.common_write td .radio_box .radio_input_txt {
  display: flex;
  align-items: center;
  gap: 8px;
}

.common_write th {
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Pretendard";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
  text-align: left;
}

.common_write td {
  color: #1d1d1d;
  font-family: "Pretendard";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.common_write td .input_group {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 0;
}

.common_write td .input_group + .input_group {
  margin-top: 8px;
}

.common_write td .input_group.postal input + input {
  margin-left: 8px;
}

.common_write td .input_group.postal input {
  width: 375px;
}

/** 오류메세지 */
.common_write td .td_input_box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.common_write td .td_input_box .error_txt {
  display: none;
}

.common_write td .td_input_box.valid .error_txt {
  display: block;
}

.common_write td .td_input_box.valid .error_txt span {
  color: #eb003b;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  padding-left: 24px;
  position: relative;
}

.common_write td .td_input_box.valid .error_txt span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  background: center/16px 16px no-repeat url(/static/home/images/sub/ico_addfile_notice-b4b452bc70747fcb97f660c1db57ca6c.svg);
}

.common_write td .td_input_box.valid .selectbox > button {
  border: 1px solid #eb003b !important;
}

.common_write td .td_input_box.valid input {
  border: 1px solid #eb003b !important;
}

/** 오류메세지 */
/** 첨부파일(다중) */
.common_write .add_file_box {
  width: 100%;
}

.common_write .add_file_box .drag_drop_area {
  display: flex;
  padding: 24px 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
  background: #f8f8f8;
}

.common_write .add_file_box .lg_btn_area {
  margin: 0;
}

.common_write .add_file_box .lg_btn_area .btn {
  display: flex;
  padding: 8px 24px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.ico_upload {
  width: 13px;
  height: 13px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_btn_up_white-346549f43ee5a77c601a2658d7ebb073.svg);
}

.common_write .file_box {
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
}

.common_write .file_box span {
  padding: 0;
}

.common_write .file_box .add_area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.common_write .file_box .add_area .area_head {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  justify-content: space-between;
}

.common_write .file_box .add_area .area_head > div {
  color: #1d1d1d;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_box .add_area .area_head > div span {
  color: #d22a00;
  font-weight: 700;
}

.common_write .file_box .add_area .area_head > div a {
  color: #1d1d1d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_box .add_area .area_head > div a:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.common_write .file_box .add_area .area_add_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.common_write .file_box .add_area .area_add_box .add_item {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1.2px solid #3c8c8c;
}

.common_write .file_box .add_area .area_add_box .add_item .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  align-self: stretch;
}

.common_write .file_box .add_area .area_add_box .add_item .box .item_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1 0 0;
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_box .add_area .area_add_box .add_item .box .item_status {
  display: flex;
  align-items: center;
  gap: 6px;
}

.common_write .file_box .add_area .area_add_box .add_item .box .item_status span {
  color: #1d1d1d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_box .add_area .area_add_box .add_item.type2 {
  border: 1.2px solid #eb003b;
  background: #fdf2f3;
}

.common_write .file_box .add_area .area_add_box .add_item.type2 .box {
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
}

.common_write .file_box .add_area .area_add_box .add_item.type2 .notice {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}

.common_write .file_box .add_area .area_add_box .add_item.type2 .notice .ico_box {
  display: flex;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  aspect-ratio: 1/1;
}

.common_write .file_box .add_area .area_add_box .add_item.type2 .notice div {
  color: #1d1d1d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_box .add_area .area_add_box .add_item .ico {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.common_write .file_box .add_area .area_add_box .add_item .ico.type1 {
  background: center/cover no-repeat url(/static/home/images/sub/ico_addfile_comp-a5c73b978260dbfef855fdaba58f89be.svg);
}

.common_write .file_box .add_area .area_add_box .add_item .ico.type2 {
  background: center/cover no-repeat url(/static/home/images/sub/ico_addfile_del-81a0f98ecc1287ddbba6a673d6cba434.svg);
}

.common_write .file_box .add_area .area_add_box .add_item .ico.type3 {
  width: 14px;
  height: 14px;
  background: center/cover no-repeat url(/static/home/images/sub/ico_addfile_notice-b4b452bc70747fcb97f660c1db57ca6c.svg);
}

@media screen and (max-width: 767px) {
  .common_write .file_box .add_area .area_add_box .add_item .ico {
    width: 24px;
    height: 24px;
  }
}
/** 첨부파일(다중) */
/** 첨부파일 */
.common_write .file_box_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.common_write .file_box_list .file_item {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.common_write .file_box_list .file_item .first_box {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.common_write .file_box_list .file_item .last_box {
  width: 100%;
}

.common_write .file_box_list .file_item .tit {
  width: 71px;
  padding-left: 8px;
  flex-shrink: 0;
  position: relative;
}

.common_write .file_box_list .file_item .tit::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #63a3a3;
  position: absolute;
  top: 10px;
  left: 0;
}

.common_write .file_box_list .file_item .tit span {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.common_write .file_box_list .file_item .file_name {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
  height: 47px;
  width: 100%;
}

.common_write .file_box_list .file_item .file_name .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  align-self: stretch;
}

.common_write .file_box_list .file_item .file_name .box .item_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1 0 0;
  overflow: hidden;
  color: #1d1d1d;
  text-overflow: ellipsis;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  word-break: break-all;
}

.common_write .file_box_list .file_item .file_name .box .item_status {
  display: flex;
  align-items: center;
  gap: 6px;
}

.common_write .file_box_list .file_item .file_name .box .item_status span {
  color: #1d1d1d;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_box_list .file_item .file_name .box .ico {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.common_write .file_box_list .file_item .file_name .box .ico.type2 {
  background: center/cover no-repeat url(/static/home/images/sub/ico_addfile_del-81a0f98ecc1287ddbba6a673d6cba434.svg);
}

.common_write .file_box_list .lg_btn_area {
  margin: 0;
}

.common_write .file_box_list .lg_btn_area .btn {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.common_write .file_name_box {
  position: relative;
}

.common_write .file_name_box input[type=text] {
  padding: 10px 30px 10px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.common_write td .btn_findfile {
  width: 80px;
  height: 41px;
  margin-left: 10px;
  border: none;
  background: #f0f0f0;
  color: #1d1d1d;
  font-size: 14px;
  border-radius: 10px;
  font-weight: 500;
  text-align: center;
}

.common_write td .file_add {
  width: 41px;
  height: 41px;
  margin-left: 6px;
  border-radius: 10px;
  background: #f0f0f0 url(/static/home/images/icons/ico-file-add-307c530fd1d1b160f2d38afa5548c8a1.svg) no-repeat center center;
  text-indent: -999px;
  overflow: hidden;
  border: none;
}

.common_write td .addfile_area .input_group .file_name_box {
  max-width: 500px;
  width: calc(100% - 137px);
  position: relative;
}

.common_write td .addfile_area .input_group .file_name_box .btn_remove {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(/static/home/images/icons/ico-file-del-99b17f889c6b8c9bb7ad73deaa1e3a55.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  z-index: 1;
}

.common_write td .addfile_area .input_group .file_name_box.photo.memberInfo {
  width: 622px;
  max-width: 622px;
}

.alt_text {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  opacity: 0.01;
  background: none;
  overflow: hidden;
}

.gh_common_list .board_btn_area {
  position: relative;
}

@media screen and (min-width: 1279px) {
  .gh_sub.container.sub .area .cont.gh_cont .board_btn_area .btn_area.ab_button {
    position: absolute;
    top: -33px;
    right: 0;
  }
  .gh_common_list .board_btn_area.ab_board_btn_area {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1279px) {
  .gh_sub.container.sub .area .cont.gh_cont .board_btn_area .btn_area {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .common_write th,
  .common_write td {
    display: block;
    height: auto;
  }
  .common_write th {
    border-right: 0px solid;
  }
  .common_write td {
    padding: 12px;
  }
  .common_write td span {
    padding: 0px 10px;
  }
  .common_write .btn_area.right {
    text-align: center;
  }
  .common_write .btn_area {
    display: flex;
    gap: 16px;
  }
  .gh_sub.container.sub .area .cont.gh_cont .btn_area .btn {
    font-size: 14px;
  }
  .gh_sub.container.sub .area .cont.gh_cont .btn_area .btn.one_button {
    width: 100%;
  }
  .gh_sub.container.sub .area .cont.gh_cont .btn_area .btn.two_button {
    width: 50%;
  }
  .common_write .file_box_list span {
    padding: 0px;
  }
  .common_write .file_box_list .file_item {
    flex-direction: column;
    align-items: flex-start;
  }
  .common_write .file_box_list .lg_btn_area {
    width: 100%;
  }
}
.input_flex_box1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}

.input_flex_box1_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.input_flex_box2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
}

.input_flex_box2_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

@media (max-width: 767px) {
  .input_flex_box1 {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .input_flex_box2 {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .input_flex_box1_box,
  .input_flex_box2_box {
    width: 100%;
  }
  .input_flex_box2_box .lg_btn_area {
    width: 100%;
  }
}
@media screen and (min-width: 1417px) {
  .common_write td input[type=text].wt210,
  .common_write td input[type=tel].wt210,
  .common_write td input[type=password].wt210 {
    width: 210px;
  }
}
.search_type1 {
  display: flex;
  width: 100%;
  justify-content: center;
}

.search_type1 .button_box {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.flex_box_search {
  display: none;
}

.flex_box_search.on {
  display: flex;
  align-items: center;
  gap: 20px;
}

.flex_box.type3 {
  flex-direction: column;
  position: relative;
  width: 100%;
}

.option_button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-left: 16px;
}

.option_button .ico {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  background: center/cover no-repeat url(/static/home/images/sub/ico_option-bdce6c6140706b2c0bb5cbf6cb75c9ef.svg);
}

.option_button .arrow_ico {
  width: 16px;
  height: 16px;
  background: center/cover no-repeat url(/static/home/images/sub/icon_down_gray-bf56ccadd877cbad9c9961f679fb1321.svg);
}

.option_box {
  display: flex;
  align-items: center;
  gap: 20px;
}

.section_line_search {
  width: 1px;
  height: 24px;
  background: #d9d9d9;
}

.option_box .option_radio {
  display: flex;
  align-items: center;
  gap: 10px;
}

.option_box .option_radio .radio_box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.option_box .option_select {
  display: flex;
  align-items: center;
  gap: 10px;
}

.option_box .tit {
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  flex-shrink: 0;
}

.option_box .option_select .select .selectbox > button {
  display: flex;
  width: 100%;
  height: 43px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #c6c6c6;
  background: #fff;
  font-size: 15px;
}

@media screen and (max-width: 1400px) {
  .flex_box_search {
    flex-direction: column;
  }
  .section_line_search.type_pc {
    display: none;
  }
}
@media screen and (max-width: 929px) {
  .board_area .search_type1 .inputText {
    width: 280px;
  }
}
@media screen and (max-width: 767px) {
  .option_button {
    margin-left: 0;
    margin-top: 0px;
  }
  .option_box {
    flex-direction: column;
    align-items: flex-start;
  }
  .section_line_search.type_m {
    display: none;
  }
  .option_box .option_radio .radio_box {
    flex-wrap: wrap;
  }
  .flex_box_search,
  .option_box,
  .option_box .option_select,
  .option_box .option_select .select .selectbox > button {
    width: 100%;
  }
  .search_type1 .button_box {
    width: 100%;
    margin-top: 10px;
  }
  .search_type1 .button_box .lg_btn_area {
    position: unset;
    right: unset;
    top: unset;
  }
  .board_area .search_type1 .inputText {
    width: 100%;
  }
}
.menuCard_area > .row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.menuCard_area > .row > li > .inbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0 16px;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  background: #fff;
  transition: background-color 0.2s, border-color 0.2s;
}

.menuCard_area > .row > li > .inbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border-top: 2px solid #f0a61f;
  border-left: 2px solid #f0a61f;
  border-top-left-radius: 4px;
}

.menuCard_area > .row > li > .inbox .tit {
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1d;
  letter-spacing: -0.48px;
  text-align: center;
}

.menuCard_area > .row > li > .inbox:hover,
.menuCard_area > .row > li > .inbox:focus,
.menuCard_area > .row > li > .inbox.active {
  background: #f0a61f;
  border-color: #f0a61f;
}

.menuCard_area > .row > li > .inbox:hover .tit,
.menuCard_area > .row > li > .inbox:focus .tit,
.menuCard_area > .row > li > .inbox.active .tit {
  color: #fff;
  font-weight: 700;
}

@media screen and (max-width: 1023px) {
  .menuCard_area > .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 599px) {
  .menuCard_area > .row {
    grid-template-columns: 1fr;
  }
}
.tabMenu_head {
  position: relative;
}

.tabMenu_selectBtn {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
}

.tabMenu_selectLabel {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: #1d1d1d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tabMenu_selectIco {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat url("/static/home/images/sub/ico_bottom_arrow_black-fe0055188a8747575cae6aa3d30fbafb.svg");
  transition: transform 0.2s ease;
}

.tabMenu.is-open .tabMenu_selectIco {
  transform: rotate(180deg);
}

.tabMenu_nav {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-radius: 10px;
}

.tabMenu_navItem {
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.tabMenu_nav:has(.tabMenu_navItem:nth-child(4)) .tabMenu_navItem {
  flex: 0 0 25%;
  max-width: 25%;
}

.tabMenu_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 16px 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: #1d1d1d;
  background: #fff;
  box-sizing: border-box;
  word-break: keep-all;
  transition: color 0.2s, background-color 0.2s;
}

.tabMenu_item:hover,
.tabMenu_item:focus {
  background: #f0f0f0;
  color: #1d1d1d;
}

.tabMenu_item.active {
  color: #fff;
  font-weight: 500;
  background: #0A484A;
}

.tabMenu_item.active:hover,
.tabMenu_item.active:focus {
  background: #0A484A;
  color: #fff;
}

.tabMenu_panel {
  padding: 40px 0 0;
  min-height: 200px;
}

.tabMenu_loading {
  position: relative;
  padding: 60px 0;
  text-align: center;
  color: #888;
  font-size: 15px;
}

.tabMenu {
  margin-bottom: 40px;
}

a.tabMenu_item {
  text-decoration: none;
}

span.tabMenu_item,
span.tabMenu_item:hover,
span.tabMenu_item:focus {
  background: #fff;
  cursor: default;
}

.tabMenu_subTabs {
  margin-top: 24px;
}
.tabMenu_subTabs > ul > li > a {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .tabMenu_nav:has(.tabMenu_navItem:nth-child(4)) .tabMenu_navItem {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tabMenu_navItem:first-child {
    border-top-left-radius: 10px;
  }
  .tabMenu_navItem:nth-child(4) {
    border-top-right-radius: 10px;
  }
  .tabMenu_navItem:last-child {
    border-bottom-right-radius: 10px;
  }
  .tabMenu_navItem:nth-last-child(-n+4):nth-child(4n+1) {
    border-bottom-left-radius: 10px;
  }
  .tabMenu_nav:not(:has(> .tabMenu_navItem:nth-child(4))) > .tabMenu_navItem:last-child {
    border-top-right-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tabMenu_selectBtn {
    display: flex;
  }
  .tabMenu_nav {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 20;
    flex-direction: column;
    flex-wrap: nowrap;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
  }
  .tabMenu.is-open .tabMenu_nav {
    display: flex;
  }
  .tabMenu_navItem,
  .tabMenu_nav:has(.tabMenu_navItem:nth-child(4)) .tabMenu_navItem {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .tabMenu_navItem {
    border: none;
  }
  .tabMenu_navItem + .tabMenu_navItem {
    border-top: 1px solid #d8d8d8;
  }
  .tabMenu_item {
    justify-content: flex-start;
    min-height: 48px;
    padding: 12px 16px;
    font-size: 15px;
  }
  .tabMenu_panel {
    padding-top: 24px;
  }
  .tabMenu {
    margin-bottom: 24px;
  }
}
html.no-scroll {
  overflow: hidden;
}

.dim_popup {
  opacity: 0;
  position: absolute;
  top: -9999px;
}

.dim_popup.on {
  opacity: 1;
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
}

.dim_popup.program.on {
  z-index: 999999;
}

#dim_popup_school.dim_popup.on {
  z-index: 999999;
}

.dim_popup .popup {
  display: flex;
  width: 400px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.4);
}

.dim_popup .header {
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 16px 16px 0 0;
  background: #fff;
}

.dim_popup .header .tit {
  flex: 1 0 0;
  color: #1d1d1d;
  font-size: 21px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.05px;
}

.dim_popup .header .close {
  width: 29px;
  height: 29px;
  background: center/cover no-repeat url(/static/home/images/icons/ico-dimd-close-47b297ba05d082403aead8fc1cbfba61.svg);
}

.dim_popup .popup .main {
  display: flex;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 0 0 16px 16px;
  background: #fff;
}

.dim_popup .popup .main .scroll_area {
  display: flex;
  height: 100%;
  padding-right: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  border-radius: 0;
  background: #fff;
  overflow-y: auto;
}

.dim_popup .popup .main .scroll_area::-webkit-scrollbar {
  width: 4px;
}

.dim_popup .popup .main .scroll_area::-webkit-scrollbar-track {
  background: #d8d8d8;
  border-radius: 20px;
}

.dim_popup .popup .main .scroll_area::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 20px;
}

.dim_popup .popup .main .lg_btn_area button {
  flex-shrink: 0;
}

.dim_popup .common_write th,
.dim_popup .common_write td {
  height: auto;
  padding: 18px 16px;
  border-right: 1px solid #dedede;
}

.dim_popup .common_write th:last-child,
.dim_popup .common_write td:last-child {
  border-right: unset;
}

.dim_popup .search_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  position: relative;
}

.dim_popup .search_tit::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #8e8e8e;
  position: absolute;
  left: 0;
}

#dim_popup_cal .calView .fc .fc-toolbar-title {
  font-size: 24px;
}

.dim_popup .popup .main .result_box {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 10px;
  background: #f0f0f0;
}

.dim_popup .popup .main .result_box .txt {
  color: #1d1d1d;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.dim_popup .popup .main .result_box .lg_btn_area,
.dim_popup .popup .main .result_box .lg_btn_area button {
  width: 100%;
}

.dim_popup .popup .main .info_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.dim_popup .popup .main .info_box .t_txt {
  color: #1d1d1d;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.48px;
}

.dim_popup .popup .main .info_box .b_txt {
  color: #1d1d1d;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.42px;
}

.dim_popup .popup .main .inp_box {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.dim_popup .popup .main .inp_box input[type=text] {
  border-radius: 8px;
  border: solid 1px #d8d8d8;
  padding: 10px 12px;
  width: 100%;
  flex: 1;
  height: 44px;
}

.username-check-popup {
  display: flex;
  padding: 0px 24px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  background: #fff;
}

.username-check-popup .result_box {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 10px;
  background: #f0f0f0;
}

.username-check-popup .result_box .txt {
  color: #1d1d1d;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.username-check-popup .result_box .lg_btn_area,
.username-check-popup .result_box .lg_btn_area button {
  width: 100%;
}

.username-check-popup .info_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.username-check-popup .info_box .t_txt {
  color: #1d1d1d;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.48px;
}

.username-check-popup .info_box .b_txt {
  color: #1d1d1d;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.42px;
}

.username-check-popup .inp_box {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.username-check-popup .inp_box input[type=text] {
  border-radius: 8px;
  border: solid 1px #d8d8d8;
  padding: 10px 12px;
  width: 100%;
  flex: 1;
  height: 44px;
}

@media screen and (max-width: 1279px) {
  .dim_popup .popup .main {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .dim_popup .popup .common_write th,
  .dim_popup .popup .common_write td {
    display: table-cell;
    padding: 16px;
  }
  .dim_popup .search_tit {
    justify-content: flex-start;
  }
  .dim_popup .popup .main .board_area {
    padding: 16px;
  }
  .dim_popup .popup .main .board_Search {
    align-items: flex-start;
  }
  .dim_popup .popup .main .board_area .inputText {
    padding: 0;
  }
  .dim_popup#dim_popup_school .popup .main .scroll_area {
    gap: 20px;
  }
  .dim_popup .popup {
    width: 358px;
  }
  .dim_popup .popup .main .inp_box {
    flex-direction: column;
  }
  .dim_popup .popup .main .lg_btn_area,
  .dim_popup .popup .main .lg_btn_area button {
    width: 100%;
  }
  .dim_popup .popup .main .info_box .t_txt {
    font-size: 14px;
  }
}
.dim_popup .popup.calendar {
  display: flex;
  width: 1100px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2);
  margin: 0 16px;
}

.dim_popup .popup.calendar .main {
  display: flex;
  height: 100%;
  max-height: 85dvh;
  padding: 24px 8px 24px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  border-radius: 0 0 16px 16px;
  background: #fff;
}

.dim_popup .popup.calendar .fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 20px;
  gap: 0;
}

.dim_popup .popup.calendar .calView .fc th:last-child {
  border-right: unset;
}

.dim_popup .popup.calendar .fc .fc-daygrid-event-harness {
  height: unset;
}

.dim_popup .popup.calendar .app_box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  gap: 4px;
}

.dim_popup .popup.calendar .app_box span,
.dim_popup .popup.calendar .app_box a {
  flex: 1;
}

.dim_popup .popup.calendar .calView .fc .fc-event {
  overflow: unset;
}

.dim_popup .popup.calendar .lg_btn_area .btn,
.dim_popup .popup.calendar .lg_btn_area .btn span {
  padding: 8px;
  font-size: 15px;
  display: flex;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  font-weight: 700;
  border-radius: 4px;
}

.dim_popup .popup.calendar .calView .fc .fc-event .lg_btn_area .btn span {
  all: unset;
}

.dim_popup .popup.calendar .calView .fc .fc-event .lg_btn_area .btn.disabled span {
  color: #717171;
}

.dim_popup .popup.calendar .calView .fc .fc-daygrid-day-frame {
  cursor: auto;
}

.dim_popup .popup.calendar .calView .fc .fc-event span {
  background: #d8e8e8;
  color: #1d1d1d;
}

.dim_popup .popup.calendar .calView .fc .fc-event:hover,
.dim_popup .popup.calendar .calView .fc .fc-event:focus-visible {
  color: #1d1d1d !important;
  text-decoration: unset !important;
  text-underline-offset: unset !important;
}

.dim_popup .popup.calendar .calView .fc .fc-daygrid-day .fc-daygrid-day-frame {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  height: 122px;
}

.dim_popup .popup.calendar .calView .fc-h-event {
  background: #d8d8d8;
  border: 1px solid #d8d8d8;
}

.dim_popup .popup.calendar .calView .fc-h-event:hover {
  background: #d8d8d8;
}

.dim_popup .popup.calendar .calView .fc .fc-daygrid-day-events {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}

.dim_popup .popup.calendar .fc .fc-daygrid-event-harness {
  flex: 1;
}

.dim_popup .popup.calendar .calView .fc .fc-event span.un_title {
  background: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: wrap;
  word-break: keep-all;
  color: #8e8e8e;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.5px */
}

.dim_popup .popup.calendar .calView .fc .fc-daygrid-day.fc-day-today {
  background: unset;
}

.dim_popup .popup.calendar .calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
  background: #fff;
}

.dim_popup .popup.calendar .calView .fc-daygrid-day-frame:has(.un_title) .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #ea0000;
}

.dim_popup .popup.calendar .calView .fc-daygrid-day-frame:not(:has(.un_title)) .fc-daygrid-day-top .fc-daygrid-day-number {
  color: #1d1d1d;
}

@media screen and (max-width: 1279px) {
  .dim_popup .popup.calendar .lg_btn_area .btn {
    min-width: unset;
  }
}
@media screen and (max-width: 767px) {
  .dim_popup .popup.calendar .calView .fc .fc-daygrid-day .fc-daygrid-day-frame {
    padding: 4px;
  }
  .dim_popup .popup.calendar .calView .fc .fc-event span.un_title {
    padding: 0;
    font-size: 13px;
    -webkit-line-clamp: 3;
    word-break: unset;
  }
  .dim_popup .popup.calendar .calView .fc .fc-event span {
    white-space: break-spaces;
  }
  .dim_popup .popup.calendar .calView .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame .fc-daygrid-day-number {
    margin-bottom: 0;
  }
  .dim_popup .popup.calendar .calView .fc .fc-event span,
  .dim_popup .popup.calendar .lg_btn_area .btn,
  .dim_popup .popup.calendar .lg_btn_area .btn span {
    font-size: 13px;
  }
}
.sportsOrgGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.sportsOrgCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 20px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #fff;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.sportsOrgCard_icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.sportsOrgCard_name {
  font-size: 16px;
  font-weight: 700;
  color: #1d1d1d;
  text-align: center;
  letter-spacing: -0.48px;
}

.sportsOrgCard_actions {
  display: flex;
  gap: 8px;
  width: 100%;
}

.sportsOrgCard_btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d8d8d8;
  background: #fff;
  color: #555;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.sportsOrgCard_btn:hover {
  background: #ededed;
}

.sportsOrgCard_btn--primary {
  background: #0A484A;
  border-color: #0A484A;
  color: #fff;
}

.sportsOrgCard_btn--primary:hover {
  background: #08393a;
}

.sportsOrgCard_btn--disabled {
  color: #bbb;
  cursor: not-allowed;
  background: #f7f7f7;
}

@media screen and (max-width: 1023px) {
  .sportsOrgGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 599px) {
  .sportsOrgGrid {
    grid-template-columns: 1fr;
  }
}
.sportsOrgSections {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.sportsOrgSection_title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #1d1d1d;
  letter-spacing: -0.6px;
}

.sportsOrgSection_title::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #F58220;
}

.sportsOrgDetailCard {
  padding: 28px 32px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #fff;
}

.sportsOrgDetail_header {
  display: flex;
  align-items: center;
  gap: 20px;
}

.sportsOrgDetail_icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  flex-shrink: 0;
}

.sportsOrgDetail_category {
  font-size: 14px;
  color: #888;
  margin-bottom: 4px;
}

.sportsOrgDetail_name {
  font-size: 22px;
  font-weight: 700;
  color: #1d1d1d;
}

.sportsOrgDetail_divider {
  border: none;
  border-top: 1px solid #e4e4e4;
  margin: 20px 0;
}

.sportsOrgDetail_memberInfo {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sportsOrgDetail_memberRow {
  display: flex;
  align-items: baseline;
  gap: 16px;
}

.sportsOrgDetail_memberRow dt {
  flex-shrink: 0;
  width: 72px;
  font-size: 14px;
  font-weight: 700;
  color: #0A484A;
}

.sportsOrgDetail_memberRow dd {
  font-size: 15px;
  color: #1d1d1d;
  margin: 0;
}

.sportsOrgDetail_footer {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.sportsOrgDetail_footer .sportsOrgCard_btn {
  width: 160px;
}

.districtAssociationDetailCard {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 28px 32px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  background: #fff;
}

.districtAssociationDetail_image {
  width: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.districtAssociationDetail_imageText {
  font-size: 16px;
  text-align: center;
}

.districtAssociationDetail_logo {
  width: 160px;
  height: 160px;
  object-fit: contain;
  flex-shrink: 0;
}

.districtAssociationDetail_body {
  flex: 1;
  min-width: 0;
}

.districtAssociationDetail_infoGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 40px;
}

.districtAssociationDetail_infoRow {
  display: flex;
  align-items: baseline;
  gap: 16px;
}

.districtAssociationDetail_infoRow dt {
  flex-shrink: 0;
  width: 100px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #1d1d1d;
}

.districtAssociationDetail_infoRow dt::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #F58220;
  flex-shrink: 0;
}

.districtAssociationDetail_infoRow dd {
  font-size: 15px;
  color: #555;
  margin: 0;
}

@media screen and (max-width: 900px) and (min-width: 768px) {
  .districtAssociationDetail_infoGrid {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .districtAssociationDetailCard {
    flex-direction: column;
    align-items: flex-start;
  }
  .districtAssociationDetail_image {
    width: 100%;
  }
}
@media screen and (max-width: 670px) {
  .districtAssociationDetail_infoGrid {
    grid-template-columns: 1fr;
  }
}
.data_list_wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.data_list {
  table-layout: fixed;
  width: 100%;
  min-width: var(--data-list-min-width, 1006px);
  border-top: 2px solid #1d1d1d;
  border-collapse: collapse;
}
.data_list thead tr th {
  vertical-align: middle;
  padding: 16px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  font-size: 17px;
  line-height: 150%;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #333;
}
.data_list thead tr th[scope=colgroup] {
  padding: 4px 8px;
}
.data_list thead tr[data-group=colgroup] th {
  padding: 4px 8px;
  font-size: 15px;
}
.data_list tbody tr:hover, .data_list tbody tr:focus-visible {
  background-color: #f8f8f8;
}
.data_list tbody tr td {
  vertical-align: middle;
  padding: 14px 8px;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}
.data_list tbody tr td span {
  font-size: 16px;
  color: #1D1D1D;
  letter-spacing: -0.02em;
  max-width: 100%;
}
.data_list tbody tr td.data_list__title span, .data_list tbody tr td.data_list__sub span {
  color: #1D1D1D;
  font-weight: 500;
}
.data_list tbody tr td.data_list__action .cont_link_btn {
  padding: 4px 8px;
}
.data_list tbody tr td.data_list__action .cont_link_btn:hover, .data_list tbody tr td.data_list__action .cont_link_btn:focus-visible {
  background: #E7EFEF;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.data_list tbody tr td.data_list__action .cont_link_btn:active {
  background: #0A484A;
  border-color: #083637;
  color: #fff;
  text-decoration: none;
}
.data_list tbody tr td.data_list__action .cont_link_btn:active .cont_link_btn__ico {
  filter: brightness(0) invert(1);
}
.data_list tbody tr.nodata td {
  justify-content: center;
  padding: 24px 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #8E8E8E;
}
.data_list tbody tr.nodata::before {
  display: none;
}

@media screen and (max-width: 1279px) {
  .data_list_wrap {
    overflow-x: visible;
  }
  .data_list {
    display: block;
    min-width: 0;
    width: 100%;
    border-top: 0;
    border-collapse: separate;
  }
  .data_list colgroup, .data_list thead {
    display: none;
  }
  .data_list tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .data_list tbody tr {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4px;
    align-items: stretch;
    position: relative;
    width: 100%;
    padding: 16px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
  }
  .data_list tbody tr:hover, .data_list tbody tr:focus-visible {
    background-color: #fff;
  }
  .data_list tbody tr td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 0;
    border-bottom: 0;
    text-align: left;
    min-width: 0;
    box-sizing: border-box;
  }
  .data_list tbody tr td::before {
    content: attr(data-label);
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    color: #1D1D1D;
    letter-spacing: -0.02em;
  }
  .data_list tbody tr td span {
    font-size: 14px;
    text-align: right;
    white-space: normal;
  }
  .data_list tbody tr td.data_list__title {
    justify-content: flex-start;
    order: 1;
  }
  .data_list tbody tr td.data_list__title::before {
    display: none;
  }
  .data_list tbody tr td.data_list__title span {
    font-size: 18px;
    font-weight: 700;
    color: #0D5A5C;
    text-align: left;
  }
  .data_list tbody tr td.data_list__sub {
    justify-content: flex-start;
    order: 2;
  }
  .data_list tbody tr td.data_list__sub::before {
    display: none;
  }
  .data_list tbody tr td.data_list__sub span {
    font-size: 16px;
    font-weight: 500;
    color: #1D1D1D;
    text-align: left;
  }
  .data_list tbody tr td.data_list__sub.date span {
    font-size: 14px;
    color: #1D1D1D;
  }
  .data_list tbody tr td.w-auto {
    width: auto;
  }
  .data_list tbody tr td.data_list__action {
    position: absolute;
    top: 16px;
    right: 16px;
    width: auto;
    justify-content: flex-end;
    order: 0;
  }
  .data_list tbody tr td.data_list__action::before {
    display: none;
  }
  .data_list tbody tr td.data_list__item {
    order: 3;
  }
  .data_list tbody tr td.ord-zero {
    order: 0;
  }
  .data_list tbody tr td.ord-one {
    order: 1;
  }
  .data_list tbody tr td.ord-two {
    order: 2;
  }
  .data_list tbody tr td.ord-three {
    order: 3;
  }
  .data_list tbody tr td.ord-four {
    order: 4;
  }
  .data_list tbody tr td.ord-five {
    order: 5;
  }
  .data_list tbody tr:has(.data_list__title, .data_list__sub, .data_list__action) td.data_list__item:nth-child(1 of .data_list__item) {
    padding-top: 8px;
    margin-top: 4px;
    border-top: 1px solid #D8D8D8;
  }
}
.calendar-wrap .fc-classic-wsy {
  cursor: pointer;
}
.calendar-wrap .fc-classic-wsy.viewSelected {
  outline-color: #0D5A5C;
  outline-offset: -1px;
  outline-width: 1px;
  outline-style: solid;
}
.calendar-wrap .fc-classic-OLq {
  min-width: 0;
  text-overflow: ellipsis;
}
.calendar-wrap :has(> .cal-nav-btn) {
  gap: 20px;
}
.calendar-wrap button.cal-nav-btn {
  display: flex;
  width: 50px;
  height: 50px;
  padding: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 40px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  box-shadow: none;
  color: transparent;
}
.calendar-wrap button.cal-nav-btn svg {
  display: none;
}
.calendar-wrap button.cal-nav-btn::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.calendar-wrap button.cal-nav-btn:hover, .calendar-wrap button.cal-nav-btn:focus-visible, .calendar-wrap button.cal-nav-btn:active {
  border-color: #0D5A5C;
  background: #0D5A5C;
}
.calendar-wrap button.cal-nav-prev::before {
  background-image: url(/static/home/images/icons/ico-prev-black-91b5d77b4e77ce194e4baa23a083940b.svg);
}
.calendar-wrap button.cal-nav-prev:hover::before,
.calendar-wrap button.cal-nav-prev:focus-visible::before,
.calendar-wrap button.cal-nav-prev:active::before {
  background-image: url(/static/home/images/icons/ico-prev-white-45936fbb65d7a849e8a8cf7ddbda6bac.svg);
}
.calendar-wrap button.cal-nav-next::before {
  background-image: url(/static/home/images/icons/ico-next-black-be9b9d428de883025e269787e3b7c5f2.svg);
}
.calendar-wrap button.cal-nav-next:hover::before,
.calendar-wrap button.cal-nav-next:focus-visible::before,
.calendar-wrap button.cal-nav-next:active::before {
  background-image: url(/static/home/images/icons/ico-next-white-10ba81a81bafb765e6568af1966e3356.svg);
}

@media screen and (max-width: 767px) {
  .calendar-wrap .fc-classic-1Zl {
    display: none;
  }
  .calendar-wrap button.cal-nav-btn {
    width: 40px;
    height: 40px;
  }
}
.common_view .answer {
  margin-top: 40px;
  border: 1px solid #0D5A5C;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.common_view .answer .answer_head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  background: #0D5A5C;
  border-radius: 9px 9px 0 0;
}
.common_view .answer .answer_tit {
  margin: 0;
  color: #fff;
  text-align: center;
  font-family: Pretendard, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.6px;
}
.common_view .answer .answer_cont {
  padding: 24px 20px;
  color: #1d1d1d;
  font-family: Pretendard, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.8px;
  word-break: break-word;
}
.common_view .answer .answer_cont p {
  margin: 0 0 0.5em;
}
.common_view .answer .answer_cont p:last-child {
  margin-bottom: 0;
}
.common_view .answer .answer_cont img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 1279px) {
  .common_view .answer {
    margin-top: 32px;
  }
  .common_view .answer .answer_tit {
    font-size: 18px;
    letter-spacing: -0.54px;
  }
  .common_view .answer .answer_cont {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .common_view .answer {
    margin-top: 24px;
  }
  .common_view .answer .answer_head {
    padding: 8px 16px;
    justify-content: flex-start;
  }
  .common_view .answer .answer_tit {
    font-size: 16px;
    letter-spacing: -0.48px;
    text-align: left;
  }
  .common_view .answer .answer_cont {
    padding: 16px;
    font-size: 15px;
    letter-spacing: -0.45px;
  }
}