@charset "utf-8";

/********** 웹접근성 *********/
.top_nav {
  position: fixed;
  margin: 0 auto;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
}

.top_nav a {
  position: fixed;
  width: 25vw;
  font-size: 0;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.top_nav a:active,
.top_nav a:focus {
  display: inline-block;
  font-size: 12px;
  padding: 10px;
  top: 0;
  text-align: center;
  color: #fff;
  background: #000;
  outline: 4px blue dotted;
}


*:focus-visible {
  outline: 3px dotted #000;
}

.swiper-slide div:focus-visible,
.swiper-slide div:focus-within,
.swiper-slide div:focus,

.swiper-slide-active a:focus,
.swiper-slide-active a:focus-within,
.swiper-slide-active a:focus-visible {
  outline: 3px dotted #000;
}

.swiper-slide-active a {
  display: block;
}

/* GNB_____________________________________________________________________________ */
#gnb {
  position: fixed;
  top: 0;
  display: flex;
  width: 100%;
  height: 95px;
  border-bottom: 1px solid var(--color-lightgray);
  z-index: 99;
  color: #000;
  transition: all .4s;
}

#gnb.on {
  background-color: #fff;
  color: #000;
}

/*
#gnb.on .gnb_sitemap {
  background: url(/img/front/icon_menu_b.svg) no-repeat center/26px;
}

#gnb.on .gnb_search {
  background: url(/img/front/icon_search_b.svg) no-repeat center/26px;
}

#gnb.on .m_gnb_button span {
  background-color: #000;
}
*/
#gnb .gnb_left_wrap {
  width: 100%;
  background: #fff;
}

#gnb .gnb_left .gnb_left_left a {
  position: absolute;
  left: 30px;
  top: 0;
  display: block;
  width: 200px;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  /* background: url(/img/front/main_logo.png) no-repeat center/contain; */
  background: url(/img/front/main_logo_on.png) no-repeat center/contain;
  cursor: pointer;
}

#gnb.on .gnb_left .gnb_left_left a {
  background: url(/img/front/main_logo_on.png) no-repeat center/contain;
}

#gnb .gnb_left_right {
  max-width: 960px;
  padding-left: 300px;
}

#gnb .gnb_left_right>ul {
  display: table;
}

#gnb .gnb_others_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 9;
}

#gnb .gnb_others {
  position: absolute;
  display: flex;
  align-items: center;
  top: 17px;
  right: 50px;
  width: auto;
  text-align: right;
  white-space: nowrap;
}

#gnb .gnb_others a span {}

.gnb_left_right .gnb_menu {
  display: table-cell;
  width: 16.66666%;
}

.gnb_left_right .gnb_menu>a {
  display: block;
  line-height: 90px;
  font-family: 'Gmarket Sans', 'Pretendard-Bold', 'Pretendard', sans-serif;
  text-align: center;
}

.gnb_left_right .gnb_menu>a span {
  display: inline-block;
  height: 100%;
  border-bottom: 4px solid transparent;
}

.gnb_left_right .gnb_menu:hover>a span,
.gnb_left_right .gnb_menu:focus>a span,
.gnb_left_right .gnb_menu.focus>a span {
  border-bottom: 4px solid var(--color-orange);
}

.gnb_left_right .gnb_menu:hover>a {
  color: var(--color-orange);
}

.gnb_left_right .gnb_menu.on>a span {
  border-bottom: 4px solid var(--color-green);
}

.gnb_left_right .gnb_menu.on>a {
  color: var(--color-green);
}

/*.gnb_left_right .gnb_menu:hover>div {
  display: block;
}*/
/*********************************************************************************************************************************************************** gnb *****************************************************/
.sub_gnb_wrap {
  position: absolute;
  top: 94px;
  left: 0;
  width: 100vw;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-top: 1px solid var(--color-lightgray);
  border-bottom: 1px solid var(--color-lightgray);
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}

.gnb_menu:hover .sub_gnb_wrap,
.gnb_menu:focus .sub_gnb_wrap,
.sub_gnb_wrap.focus {
  visibility: visible;
  height: 570px;
  opacity: 1;
}

.gnb_menu.new_kium:focus .sub_gnb_wrap,
.gnb_menu.new_kium:hover .sub_gnb_wrap {
  height: 850px;
}

.gnb_menu.new_info:focus .sub_gnb_wrap,
.gnb_menu.new_info:hover .sub_gnb_wrap {
  height: 750px;
}


.sub_gnb_menus {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 6%;
}

.sub_gnb_title {
  position: relative;
  width: 25%;
  height: 100%;
  display: flex;
  justify-content: center;
  background: var(--color-green);
}

.sub_gnb_right {
  position: relative;
  display: inline-table;
  width: 75%;
  height: 100%;
  background: #fff;
}

.sub_cnt_2 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 2);
}

.sub_cnt_3 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 3);
}

.sub_cnt_4 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 4);
}

.sub_cnt_5 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 5);
}

.sub_cnt_6 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 6);
}

.sub_cnt_7 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 7);
}

.sub_cnt_7.new_kium .sub_gnb_right .sub_gnb_menu {
  height: 10.2%;
  display: flex;
  align-items: center;
}

.sub_cnt_7.new_kium .sub_gnb_right .sub_gnb_menu:nth-child(1),
.sub_cnt_7.new_kium .sub_gnb_right .sub_gnb_menu:nth-child(4),
.sub_cnt_7.new_kium .sub_gnb_right .sub_gnb_menu:nth-child(5),
.sub_cnt_7.new_kium .sub_gnb_right .sub_gnb_menu:nth-child(7) {
  height: 17.3%;
}

.sub_cnt_8 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 8);
}

.sub_cnt_9 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 9);
}

.sub_cnt_10 .sub_gnb_right .sub_gnb_menu {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100% / 10);
}

.sub_gnb_right .sub_gnb_menu .sub_gnb_menu_link {
  display: flex;
  align-items: center;
  width: 25%;
  height: 100%;
  padding: 0 30px 0 30px;
  background: #F6F8F5;
  font-size: 0.95rem;
  border-bottom: 1px solid #fff;
}

.sub_gnb_right .sub_gnb_menu>div {
  width: 75%;
  padding: 0 10px 0 10px;
  height: 100%;
  display: flex;
  border-bottom: 1px solid #ddd;
}

.sub_gnb_right li:last-child div {
  border-bottom: none;
}

.sub_gnb_right .sub_gnb_menu>div>ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.sub_gnb_right .sub_gnb_menu>div>ul>li {
  display: inline-block;
  padding: 10px 25px;
  font-size: 1.025rem;
  font-weight: 700;
}

.sub_gnb_right .sub_gnb_menu>div>ul>li>a {
  display: inline-block;
  /* padding: 10px 25px;
  font-size: 1.025rem;
  font-weight: 700; */
}

.sub_gnb_right .sub_gnb_menu>div>ul>li>a:hover {
  color: var(--color-orange);
}

.sub_gnb_right .sub_gnb_menu .sub_gnb_menu_link:hover {
  color: var(--color-green);
  background: #e8efe5;
}

.gnb_left_container-Box {
  margin-top: 40px;
  margin-left: 80px;
  width: 50%;
}

.gnb_left_container-Box .inner_1 {
  color: #fff;
}

.gnb_left_container-Box .inner_2 {
  color: #fff;
  font-weight: 300;
  margin: 30px 0;
  font-size: 0.95rem;
  line-height: 135%;
}

.gnb_left_container-Box .inner_2::before {
  content: "더 광주답게, 더 성평등하게 지역과 공감하는 여성가족정책 플랫폼";
}

.gnb_left_container-Box .inner_3 {
  display: inline-block;
  width: 116px;
  height: 116px;
  border-radius: 116px;
}

.new_policy .gnb_left_container-Box .inner_3 {
  background: #fff url(/img/new_main/gnb_icon_01.svg) no-repeat 50% 50%;
  background-size: auto 55%;
}

.new_business .gnb_left_container-Box .inner_3 {
  background: #fff url(/img/new_main/gnb_icon_02.svg) no-repeat 50% 50%;
  background-size: auto 55%;
}

.new_kium .gnb_left_container-Box .inner_3 {
  background: #fff url(/img/new_main/gnb_icon_03.svg) no-repeat 50% 50%;
  background-size: auto 55%;
}

.new_archiving .gnb_left_container-Box .inner_3 {
  background: #fff url(/img/new_main/gnb_icon_04.svg) no-repeat 50% 50%;
  background-size: auto 55%;
}

.new_open .gnb_left_container-Box .inner_3 {
  background: #fff url(/img/new_main/gnb_icon_05.svg) no-repeat 50% 50%;
  background-size: auto 55%;
}

.new_info .gnb_left_container-Box .inner_3 {
  background: #fff url(/img/new_main/gnb_icon_06.svg) no-repeat 50% 50%;
  background-size: auto 55%;
}



/*********************************************************************************************************************************************************** gnb *****************************************************/
.gnb_right_sns_group {
  display: flex;
}

.gnb_right_sns_group>a {
  overflow: hidden;
}

.gnb_newsletter {
  height: 46px;
  line-height: 46px;
  padding: 0 13px 0 10px;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, var(--color-orange), #EF4835);
  color: #fff;
}

/* 231124 김시윤 추가 */
.gnb_guide {
  height: 46px;
  line-height: 46px;
  padding: 0 10px;
  border-radius: 10px;
  background-color: var(--color-green);
  color: var(--color-yellow);
}

.gnb_right_sns_group>a:first-of-type img {
  border-radius: 10px 0 0 10px;
}

.gnb_right_sns_group>a:last-of-type img {
  border-radius: 0 10px 10px 0;
}

.gnb_search,
.gnb_sitemap {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.gnb_sitemap {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  background: url(/img/new_main/top_gnb_icon.svg) no-repeat center/30px;
  /* background: url(/img/front/icon_menu.svg) no-repeat center/26px; */
}

.gnb_search {
  background: url(/img/new_main/search.svg) no-repeat center 55%/35px;
  /* background: url(/img/front/icon_search.svg) no-repeat left center/26px; */
}

.gnb_gwangju_logo {
  display: inline-block;
}

.gnb_family {
  display: inline-block;
}

.gnb_family>img {
  position: relative;
  margin-top: -3px;
  width: 100%;
  max-width: 45px;
}

.gnb_others .sp_line {
  display: inline-block;
  width: 1px;
  height: 26px;
  font-size: 0;
  background: #dbdbdb;
}

.right_sns_bar {
  position: fixed;
  top: 50%;
  right: 3%;
  transform: translateY(-50%);
  display: none;
  flex-direction: column;
  z-index: 3;
}

.right_sns_bar a {
  border-radius: 50%;
  overflow: hidden;
}

.modal-family-dialog {
  width: 90%;
  max-width: 1460px;
}

.modal-family-dialog .modal-content {
  border-radius: 20px;
  overflow: hidden;
}

.modal_familysite_container {}

.modal_familysite_container .family_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 40px;
  background: #EFF9F4;
}

.modal_familysite_container .family_head .inner_title {}

.modal_familysite_container .family_head .inner_title>img {
  position: relative;
  margin-top: -3px;
  margin-right: 10px;
}

.modal_familysite_container .family_head .inner_title>span {
  color: var(--color-orange);
}

.modal_familysite_container .family_head .modalfamilysite_close {}

.modal_familysite_container .family_body {
  padding: 40px;
}

.modal_familysite_container .family_body>ul {
  display: flex;
  justify-content: space-between;
}

.modal_familysite_container .family_body>ul>li {
  width: calc(100% / 4 - 30px);
}

.modal_familysite_container .family_body .inner_title {
  padding: 10px 10px 7px 10px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 30px;
}

.modal_familysite_container .family_body .inner_title.on1 {
  color: var(--color-green);
  border: 1px solid #C7E7D7;
}

.modal_familysite_container .family_body .inner_title.on2 {
  color: var(--color-orange);
  border: 1px solid #FFD1B2;
}

.modal_familysite_container .family_body .inner_container_x {
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal_familysite_container .family_body .inner_container_x::-webkit-scrollbar {
  width: 6px;
}

.modal_familysite_container .family_body .inner_container_x::-webkit-scrollbar-thumb {
  background-color: #9E9E9E;
  border-radius: 6px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.modal_familysite_container .family_body .inner_container_x::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  border-radius: 6px;
  box-shadow: inset 0px 0px 5px white;
}

.modal_familysite_container .family_body .inner_container_x>p {
  width: 100%;
  text-align: left;
  line-height: 0;
  background: url(/img/new_main/Chevron_Right.svg) no-repeat right center/13px;
}

.modal_familysite_container .family_body .inner_container_x>p>a {
  display: inline-block;
  height: 26px;
  line-height: 30px;
  width: calc(100% - 20px);
  font-size: 0.8em;
  overflow: hidden;
}

.modal_familysite_container .family_body .inner_container_x>p>a:hover {
  color: var(--color-green);
}

/* GNB____________________________________________________________________________END_ */

#container {
  width: 100%;
}

/********** 모바일 GNB **********/
.m_gnb_button {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 999;
  transition: all .4s;
}

.m_gnb_button.on {
  background-color: var(--color-orange);
}

.m_gnb_button.on .m_gnb_button_inner>span {
  background-color: #fff !important;
}

.m_gnb_button.on .m_gnb_button_inner>span:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}

.m_gnb_button.on .m_gnb_button_inner>span:nth-of-type(2) {
  opacity: 0;
}

.m_gnb_button.on .m_gnb_button_inner>span:nth-of-type(3) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.m_gnb_button_inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.m_gnb_button_inner span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 22px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
  opacity: 1;
  transform-origin: left center;
  transition: transform .6s;
}

.m_gnb_button_inner>span:nth-of-type(1) {
  top: 20px
}

.m_gnb_button_inner>span:nth-of-type(2) {
  top: 28px
}

.m_gnb_button_inner>span:nth-of-type(3) {
  top: 36px
}

.m_gnb {
  position: fixed;
  top: 0;
  right: -85vw;
  width: 85vw;
  height: 100vh;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  transition: right .4s
}

.m_gnb.on {
  right: 0;
}

.m_gng_top {
  display: flex;
  height: 60px;
  padding: 0 20px;
  border-bottom: 1px solid #DBDBDB;
  align-items: center;
}

.m_gnb_top_search_wrap {
  position: relative;
  width: 75%;
}

.m_gnb_top_search_wrap input {
  padding: 0.6em;
  border: 0;
  border-radius: 50px;
  background-color: #F7F7F7;
}

.m_gnb_top_search_wrap input:focus-visible {
  outline: 0
}

.m_gnb_top_search_wrap button {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(/img/front/icon_search_b.svg) no-repeat center/18px;
  opacity: .7;
  border: 0;
}

.m_gnb .m_gnb_nav a {
  display: block;
}

.m_gnb .m_gnb_nav .nav1_item {
  position: relative;
  border-bottom: 1px solid #dbdbdb;
}

.m_gnb .m_gnb_nav .nav1_a {
  width: calc(100% - 60px);
  padding: 20px 40px;
  font-weight: 900;
}

.m_gnb .m_gnb_nav .nav1_item_inner.on {
  background-color: var(--color-green);
  color: #fff;
}

.m_gnb .m_gnb_nav .nav_open {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 60px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  background: url(/img/front/icon_plus.png) no-repeat center;
  cursor: pointer;
}

.m_gnb .m_gnb_nav .nav_open2 {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 60px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  background: url(/img/front/icon_plus.png) no-repeat center;
  cursor: pointer;
}

.m_gnb .m_gnb_nav .nav_open.on {
  background: url(/img/front/icon_minus.png) no-repeat center;
}

.m_gnb .m_gnb_nav .nav_open2.on {
  background: url(/img/front/icon_minus2.png) no-repeat center;
}

.m_gnb .m_gnb_nav .nav1_a.on .nav2_ul {
  display: block;
}

.m_gnb .m_gnb_nav .nav2_ul {
  background-color: #F7F7F7;
}

.m_gnb .m_gnb_nav .nav2_ul li {
  position: relative;
}

.m_gnb .m_gnb_nav .nav2_ul,
.m_gnb .m_gnb_nav .nav3_ul {
  display: none;
}

.m_gnb .m_gnb_nav .nav2_a {
  position: relative;
  width: calc(100% - 60px);
  padding: 12px 40px;
  color: var(--color-green);
  font-family: 'Pretendard-Bold', 'Pretendard', sans-serif;

}

.m_gnb .m_gnb_nav .nav1_a img,
.m_gnb .m_gnb_nav .nav2_a img {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}

.m_gnb .m_gnb_nav .nav3_ul {
  padding: 6px 40px;
  background-color: #fff;
}

.m_gnb .m_gnb_nav .nav3_a {
  line-height: 2;
}

.m_gnb .m_gnb_nav .nav3_a.on a {
  color: var(--color-green);
}

.m_gnb_sns {
  display: flex;
  width: 94%;
  margin: 0 auto 20px;
  border-radius: 10px;
  align-items: center;
  overflow: hidden;
}

.m_gnb_sns a:nth-of-type(1) {
  width: calc(100% - 138px);
  height: 46px;
  line-height: 46px;
  padding: 0 .6em;
  background-image: linear-gradient(to top, var(--color-orange), #EF4835);
  color: #fff;
}

/********** 모바일 서브 내비게이션 **********/
.m_sub_top_wrap {
  position: relative;
  display: none;
}

.m_sub_top_button {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0 25px;
  text-align: left;
  background: url(/img/front/icon_plus_w.png) no-repeat calc(100% - 25px) center var(--color-green);
  color: #fff;
  border: 0;
}

.m_sub_top_button.on {
  background: url(/img/front/icon_minus.png) no-repeat calc(100% - 25px) center var(--color-green);
}

.m_sub_top_nav {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
}

.m_sub_top_nav.on {
  display: block;
}

.m_sub_top_nav a {
  display: block;
  width: 100%;
  padding: 12px 25px;
  border-bottom: 1px solid #dbdbdb;
  color: #737373;
}

.m_board_cate_wrap2 {
  display: none;
  width: 100%;
  margin-bottom: 27px;
}

.m_board_cate_wrap2 select {
  padding: 14px 20px;
  color: var(--color-green);
  border: 0;
  background: url(/img/front/icon_down_g.png) no-repeat calc(100% - 20px) center #F7F7F7;
}

.m_board_cate_wrap2 option {
  color: #000;
}

/********** 에디터 **********/
.note-editor.note-airframe,
.note-editor.note-frame {
  border: 1px solid #dbdbdb !important;
}

.note-toolbar {
  background-color: transparent !important;
}

.note-btn {
  border: 0 !important;
}

/********** 페이징 **********/
.paging {
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.paging_item {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background-color: #F1F1F1;
  color: vaR(--color-lightgray_bl);
  font-family: 'Pretendard-Bold', 'Pretendard', sans-serif;
}

.paging_item.on,
.paging_item:hover,
.paging_item:active {
  background-color: var(--color-orange);
  color: #fff;
}

.paging_first,
.paging_end {
  background-repeat: no-repeat;
  background-position: center;
}

.paging_first {
  background-image: url(/img/front/icon_first.png);
}

.paging_end {
  background-image: url(/img/front/icon_end.png);
}

.paging_first:hover {
  background-image: url(/img/front/icon_first_w.png);
}

.paging_end:hover {
  background-image: url(/img/front/icon_end_w.png);
}

/********** 파일 업로드 폼 **********/
.board_upload_file_wrap {
  display: flex;
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
}

.board_upload_files {
  display: flex;
  width: 70%;
  flex-direction: column;
  row-gap: 10px;
}

.board_upload_files>span {
  color: #333;
}

.board_upload_file {
  color: var(--color-darkgray);
}

.file_choose {
  height: 100%;
  min-height: 39px;
  padding: 0;
  border: 0;
  outline: 0;
  appearance: none;
  -webkit-appearance: none;
  /* overflow: hidden; */
}

.file_choose::before {
  content: "파일 선택";
}

.file_choose::before,
.board_upload_file_wrap>p>input[type='button'],
.board_upload_item_wrap>input[type='button'] {
  display: inline-block;
  width: 100px;
  padding: 10px 0;
  text-align: center;
  border-radius: 10px;
  background-color: var(--color-darkgray);
  color: #fff;
  cursor: pointer;
  border: 0;
}

.file_choose::-webkit-file-upload-button {
  width: 0;
  visibility: hidden;
}

.board_upload_item_wrap {
  display: flex;
  width: 100%;
  padding: 15px 15px 15px 50px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  background: url(/img/front/icon_file.png) no-repeat 20px center;
}

.upload_file_item input[type='text'] {
  padding: 0 1em;
}

.board_upload_item_wrap>span {
  white-space: nowrap;
}

.upload_file_name {
  display: block;
}

.upload_img_preview {
  max-width: 200px;
  border: 1px solid #dbdbdb;
}

/********** 인덱스 **********/
.custom-pop {
  /*
  position: fixed;
  top: 50%;
  left: 50%;
  min-width:280px;
  transform: translate(-50%,-50%);
  z-index: 999;
  */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .85);

}

.custom-pop__inner {
  /*
  position: relative;
  */
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.custom-pop__inner>a {
  display: block;
}

.custom-pop__inner>a>img {
  width: 100%;
}

.custom-pop button {
  /*
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width:fit-content;
  border: 0;
  background: none;
  font-size:2rem;
  -webkit-appearance: none;
  */
  position: absolute;
  bottom: -46px;
  left: 0;
  /* width: fit-content; */
  border: 0;
  height: 46px;
  width: 100%;
  display: inline-block;
  background: #000;
  font-size: 1.1rem;
  color: #ffffff;
  -webkit-appearance: none;
}

.index_container {
  position: relative;
  width: 100%;
  display: inline-block;
}

/*
.index_section {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100vh;
}

.btn_prev {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: url(/img/front/icon_prev.png) no-repeat center var(--color-lightgreen);
  vertical-align: middle;
}

.swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 10px;
  background-color: var(--color-yellow);
  border: 2px solid var(--color-yellow);
}
*/
/* 기준 넓이 */
.new_width {
  margin: 0 auto;
  width: 100%;
  max-width: 1550px;
}

.sp-50,
.sp-100 {
  display: inline-block;
  margin: 0;
  width: 100%;
  font-size: 0;
}

.sp-50 {
  padding: 25px 0;
}

.sp-100 {
  padding: 50px 0;
}

/* new */
.index_container_w1 {
  margin-top: 145px;
}

.index_container_w1>ul {
  display: flex;
  justify-content: space-between;
  gap: 0 35px;
}

.index_ver1_second1 {}

.index_ver1_second1 .inner1 {
  /* 2024-08-22 주석 */
  position: relative;
  margin-top: 10px;
  width: 100%;
  border-radius: 15px;
  background: var(--color-green);
  cursor: pointer;
}

.index_ver1_second1 .inner1 .icon {
  /* 2024-08-22 주석 */
  position: absolute;
  display: inline-block;
  left: 2em;
  top: -10px;
}

.index_ver1_second1 .inner1 .icon>img {
  /* 2024-08-22 주석 */
  width: 100%;
  max-width: 80px;
}

.index_ver1_second1 .inner1 .tx {
  /* 2024-08-22 주석 */
  padding: 20px 45px;
  text-indent: 4em;
  color: #fff;
  text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.2);
}

.index_ver1_second1 .inner1 .tx>span {
  /* 2024-08-22 주석 */
  color: var(--color-yellow);
}

/* new  시작 */
.index_ver1_second1 .inner1_new {
  position: relative;
  padding-top: 17px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.index_ver1_second1 .inner1_new .inner1_box {
  position: relative;
  width: calc(50% - 10px);
  border-radius: 15px;
  padding: 53px 10px 25px 10px;
  cursor: pointer;
}

.index_ver1_second1 .inner1_new .bg_st1 {
  background: no-repeat 100% / cover url('/img/new_main/new_main_ba_bg1.jpg');
}

.index_ver1_second1 .inner1_new .bg_st2 {
  background: no-repeat 100% / cover url('/img/new_main/new_main_ba_bg2.jpg');
}

.index_ver1_second1 .inner1_new .inner1_box .icon {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: -17px;
  transform: translateX(-50%);
}

.index_ver1_second1 .inner1_new .inner1_box .icon>img {
  height: 58px;
}

.index_ver1_second1 .inner1_new .inner1_box .tx {
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 1px 4px 3px rgba(0, 0, 0, 0.25);
}

.index_ver1_second1 .inner1_new .inner1_box .tx>span {
  color: var(--color-yellow);
}

.index_ver1_second1 .inner2_new {}

.index_ver1_second1 .inner2_new>ul {
  display: flex;
  justify-content: space-between;
  gap: 0;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid var(--color-greenLine);
}

.index_ver1_second1 .inner2_new>ul>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 20px;
  width: calc(100% / 2);

  cursor: pointer;
}

.index_ver1_second1 .inner2_new>ul>li:nth-child(2) {
  border-left: 1px solid var(--color-greenLine);
  border-right: 1px solid var(--color-greenLine);
}

.index_ver1_second1 .inner2_new>ul>li:hover {
  background: var(--color-bg-green);
}

.index_ver1_second1 .inner2_new .icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 34px;
}

.index_ver1_second1 .inner2_new .icon>img {
  width: 100%;
}

.index_ver1_second1 .inner2_new .tx {
  width: calc(100% - 34px);
  position: relative;
  top: -3px;
  padding-top: 10px;
  text-align: center;
  letter-spacing: -0.05em;
}

/* new  끝 */

.index_ver1_second1 .inner2 {
  /* 2024-08-22 신규 적용 */
}

.index_ver1_second1 .inner2>ul {
  /* 2024-08-22 신규 적용 */
  display: flex;
  justify-content: space-between;
  gap: 0;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid var(--color-greenLine);
}

.index_ver1_second1 .inner2>ul>li {
  /* 2024-08-22 신규 적용 */
  padding: 15px;
  width: calc(100% / 3);
  text-align: center;
  cursor: pointer;
}

.index_ver1_second1 .inner2>ul>li:nth-child(2) {
  /* 2024-08-22 신규 적용 */
  border-left: 1px solid var(--color-greenLine);
  border-right: 1px solid var(--color-greenLine);
}

.index_ver1_second1 .inner2>ul>li:hover {
  /* 2024-08-22 신규 적용 */
  background: var(--color-bg-green);
}

.index_ver1_second1 .inner2 .icon {
  /* 2024-08-22 신규 적용 */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}

.index_ver1_second1 .inner2 .icon>img {
  /* 2024-08-22 신규 적용 */
}

.index_ver1_second1 .inner2 .tx {
  /* 2024-08-22 신규 적용 */
  padding-top: 10px;
}

.index_ver1_second1 .inner3 {}

.index_ver1_second1 .inner3 img {
  width: 100%;
}


.index_ver1_second3 {}

.index_ver1_second3 .inner1 {}

.index_ver1_second3 .inner1>img {
  width: 100%;
}

.index_ver1_second3 .inner2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.index_ver1_second3 .inner2 .tx1 {
  position: relative;
  width: 65%;
}

.index_ver1_second3 .inner2 .tx1 .tx {
  display: inline-block;
  padding-right: 30px;
  color: var(--color-green);
  background: #fff;
}

.index_ver1_second3 .inner2 .tx1 .line_w {
  position: absolute;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  height: 1px;
  background: var(--color-lightgray);
  width: calc(60% + 30px);
  border: none;
  z-index: -1;
}

.index_ver1_second3 .inner2 .sns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.index_ver1_second3 .inner2 .sns>a {}

.index_ver1_second3 .inner2 .sns>a>img {
  width: 44px;
}


.index_ver1_second3 .inner3 {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 35px 30px 25px 30px;
  overflow: hidden;
  border: 3px solid var(--Linear, #459848);
  border-radius: 15px;
  background-image:
    url('/img/new_main/icon_01.svg'),
    url('/img/new_main/Vector 170.png'),
    url('/img/new_main/Vector 171.png'),
    url('/img/new_main/Vector 168.png'),
    url('/img/new_main/Vector 169.png');
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat;
  background-position:
    calc(100% - 25px) calc(100% - 25px),
    top right,
    top right,
    bottom right,
    bottom left;
}

.index_ver1_second3 .inner3 .box {}

.index_ver1_second3 .inner3 .box .tx1 {
  color: var(--color-green);
}

.index_ver1_second3 .inner3 .box .tx2 {
  margin: 20px 0 0 0;
}

.index_ver1_second3 .inner3 .box .tx2>p {}

.index_ver1_second3 .inner3 .box .tx2>p>a {
  display: inline-block;
  padding: 5px 0;
  width: 100%;
}

.index_ver1_second3 .inner3 .box .tx2>p>a:hover {
  color: var(--color-green);
  text-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
}

.index_ver1_second3 .inner3 .box .tx2>p>a>span {
  display: inline-block;
  margin-right: 5px;
}

.index_banner_link_w6 {}

.index_banner_link_w6>ul {
  display: flex;
  justify-content: space-evenly;
}

.index_banner_link_w6>ul>li {
  cursor: pointer;
  width: calc(100% / 6);
  text-align: center;
}

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

.index_banner_link_w6 .inner_icon>span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: var(--color-bg-green);
  border-radius: 40px;
}

.index_banner_link_w6 .inner_icon>span>img {
  width: 50%;
  max-width: 50%;
}

.index_banner_link_w6 .inner_tx {
  display: inline-block;
  padding-top: 20px;
  width: 100%;
}

.index_banner_link_w6>ul>li:hover .inner_icon>span {
  background: var(--color-orange);
  border: 2px solid #fff;
  box-shadow: 0px 0 15px rgba(241, 95, 0, 0.5);
}

.index_container_w2 {}

.index_container_w2>ul {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  gap: 0px 60px;
}

.index_container_w2>ul>li {}

.index_open_board {}

.open_board_head {
  display: flex;
  align-items: center;
  justify-content: start;
  height: 58px;
  margin-bottom: 30px;
}

.open_board_head .tap_gnb {
  display: flex;
  align-items: center;
}

.open_board_head .tap_gnb .board_new_tab_item {}

.open_board_head .tap_gnb .board_new_tab_item>a {
  padding: 10px 20px 8px 20px;
  border-radius: 50px;
}

.open_board_head .tap_gnb .board_new_tab_item.on>a {
  color: #fff;
  background: var(--color-orange)
}

.open_board_body {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.open_board_body a.more {
  position: absolute;
  top: -75px;
  right: 0;
  z-index: 10;
  display: inline-block;
}

.open_board_body a.more {
  width: 34px;
}

.open_board_body .board_content_noitice {
  display: flex;
  width: calc(50% - 22px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  border: 1px solid var(--color-lightgray);
  border-radius: 15px;
  overflow: hidden;
}

.open_board_body .board_content_noitice a {
  display: inline-block;
  padding: 30px;
  width: 100%;
  height: 100%;
}

.open_board_body .board_content_noitice a:hover {
  color: #fff;
  font-weight: 700;
  background: var(--color-green);
}

.open_board_body .board_content_noitice a:hover .board_content_body>div {
  font-weight: 300;
}

.open_board_body .board_content_noitice .board_content_body {
  padding: 0;
}

.open_board_body .board_content_noitice .board_content_body p.cotx {
  margin-bottom: 25px;
}

.open_board_body .board_content_noitice .board_content_body .new24time {
  display: flex;
}

.open_board_body .board_content_noitice .board_content_body .new24time .new-text {
  display: inline-block;
  font-size: 0.9rem;
  color: var(--color-orangebright);
  margin-right: 15px;
}

.table_wrap .new-text {
  display: inline-block;
  font-size: 0.9rem;
  color: var(--color-orangebright);
  margin-right: 15px;
}

/*
new24time
*/
/**  swiper  **/
.index__visual {
  position: relative;
  width: 670px;
  /*  height:396px; */
  overflow: hidden;
  border-radius: 20px;
  background: var(--color-greenLine);
}

.index__visual .swiper-container {
  width: 100%;
  height: 100%;
}

.index__visual .swiper-container .swiper-slide-active a {
  width: 100%;
}

.index__visual .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.index__visual .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index__visual .swiper-btn {
  position: relative;
  display: block;
  top: 0px;
  z-index: 10;
  width: 214px;
  height: 56px;
  margin-top: -56px;
  background: var(--color-green);
  border-top-right-radius: 20px;
}

.index__visual .swiper-button-next:after,
.index__visual .swiper-button-prev:after {
  font-size: 0;
}

.index__visual .swiper-btn .swiper-button-next .on,
.index__visual .swiper-btn .swiper-button-prev .on {
  display: none;
}

.index__visual .swiper-btn .swiper-button-next:hover .on,
.index__visual .swiper-btn .swiper-button-prev:hover .on {
  display: inline-block;
}

.index__visual .swiper-btn .swiper-button-next:hover .off,
.index__visual .swiper-btn .swiper-button-prev:hover .off {
  display: none;
}

.index__visual .swiper-button-next,
.index__visual .swiper-button-prev {
  position: absolute;
  z-index: 11;
  width: 34px !important;
  height: 56px;
  line-height: 56px;
  text-align: center;
  cursor: pointer;
}

.index__visual .swiper-button-prev {
  left: 5px;
}

.index__visual .swiper-button-next {
  right: 5px;
}

.index__visual .swiper-button-next img,
.index__visual .swiper-button-prev img {
  width: 100%;
  max-width: 26px;
}

.index__visual .swiper-horizontal>.swiper-pagination-bullets,
.index__visual .swiper-pagination-bullets.swiper-pagination-horizontal,
.index__visual .swiper-pagination-custom,
.index__visual .swiper-pagination-fraction {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 50% !important;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 300;
}

.index__visual .swiper-pagination-current {
  font-weight: 700;
  font-size: 1.2rem;
}

.index__visual .swiper-play-btn {
  position: absolute;
  left: calc(50% + 15px) !important;
  bottom: calc(50% - 20px) !important;
  z-index: 12;
}

.index__visual .swiper-play-btn button {
  border: none;
  background-color: transparent;
}

.index__visual .dashicons-controls-pause {
  position: relative;
  margin: 0 0 -6px -5px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -999999%;
  background: url('/img/new_main/icon_Pause.svg') no-repeat 50% 50%;
}

.index__visual .dashicons-controls-play {
  position: relative;
  margin: 0 0 -6px -5px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -999999%;
  background: url('/img/new_main/icon_play.svg') no-repeat 50% 50%;
}

.index__visual .screen-reader-text {
  font-size: 0;
}

.index__visual .iplay {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -999999%;
}

/**  swiper [ end ] **/
/**  swiper 문화전시행사  **/
.culture-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 550px;
  height: 58px;
  margin-bottom: 30px;
}

.h1-culture {
  display: inline-block;
}

/* .index_culture_board .swiper  */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

/* .index_culture_board .poster_swiper  */
.poster_swiper {
  /* 여기 수정 할 것 김가연 */
  width: 100%;
  max-width: 1030px;
  height: auto !important;
  padding: 0px;
  text-align: center;
}

/* .index_culture_board .poster_swiper .swiper-slide */
.poster_swiper .swiper-slide {
  /* 여기 수정 할 것 김가연 */
  min-width: 260px;
  overflow: hidden;
  border-radius: 15px;
}

/* .index_culture_board .poster_swiper .swiper-slide img  */
.poster_swiper .swiper-slide img {
  /* 여기 수정 할 것 김가연 */
  display: block;
  width: 100%;
  height: 100%;
  max-height: 346px;
  object-fit: fill;
}

/* .index_culture_board .swiper-slide  */
.swiper-slide {
  /* 여기 수정 할 것 김가연 */
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform;
  display: block;
}

/* .index_culture_board .poster_swiper .swiper-wrapper  */
.poster_swiper .swiper-wrapper {
  /* 여기 수정 할 것 김가연 */
  padding: 0 !important;
}

.poster_swiper .swiper-slide:hover {
  /* 여기 수정 할 것 김가연 */
  transform: translateY(0px);
}

.index_culture_board {
  position: relative;
}

.index_culture_board .poster_swiper {
  max-width: 550px;
}

.index_culture_board .poster_img_wrap {
  position: relative;
  padding: 0;
  border: 0;
  height: 346px;
  box-shadow: none;
  overflow: hidden;
}

.index_culture_board .poster_img_wrap .overlay {
  position: absolute;
  z-index: 1;
  display: none;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.index_culture_board .poster_img_wrap .overlay span {
  color: #fff;
}

.poster_swiper .swiper-slide:hover {
  /***  transform: translateY(-20px)  ****/
}



.index_culture_board .event_status {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 58px;
  height: 58px;
  background-color: var(--color-orange);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: grid;
  align-content: center;
  z-index: 2;
  text-align: center;
}

.index_culture_board .event_status_end {
  background-color: var(--color-green);
}

.view_detail {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(/img/front/icon_search.svg) no-repeat center var(--color-orange);
}

.poster_swiper .swiper-slide:hover .overlay {
  display: grid;
}



.index_culture_board .poster_swiper_buttons {
  display: none;
}

.index_culture_board .swiper-btn {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 56px;
}

.index_culture_board .swiper-button-next:after,
.index_culture_board .swiper-button-prev:after {
  font-size: 0;
}

.index_culture_board .swiper-btn .swiper-button-next .on,
.index_culture_board .swiper-btn .swiper-button-prev .on {
  display: none;
}

.index_culture_board .swiper-btn .swiper-button-next:hover .on,
.index_culture_board .swiper-btn .swiper-button-prev:hover .on {
  display: inline-block;
}

.index_culture_board .swiper-btn .swiper-button-next:hover .off,
.index_culture_board .swiper-btn .swiper-button-prev:hover .off {
  display: none;
}

.index_culture_board .swiper-button-next,
.index_culture_board .swiper-button-prev {
  position: absolute;
  z-index: 11;
  width: 34px !important;
  height: 56px;
  line-height: 56px;
  text-align: center;
  cursor: pointer;
}

.index_culture_board .swiper-button-prev {
  left: 5px;
}

.index_culture_board .swiper-button-next {
  right: 5px;
}

.index_culture_board .swiper-button-next img,
.index_culture_board .swiper-button-prev img {
  width: 100%;
  max-width: 26px;
}

.index_culture_board .swiper-horizontal>.swiper-pagination-bullets,
.index_culture_board .swiper-pagination-bullets.swiper-pagination-horizontal,
.index_culture_board .swiper-pagination-custom,
.index_culture_board .swiper-pagination-fraction {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 50% !important;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 300;
}

.index_culture_board .swiper-pagination-current {
  font-weight: 700;
  font-size: 1.2rem;
}

.index_culture_board .swiper-play-btn {
  position: absolute;
  left: calc(25% + 5px) !important;
  bottom: calc(50% - 20px) !important;
  z-index: 12;
}

.index_culture_board .swiper-play-btn button {
  border: none;
  background-color: transparent;
}

.index_culture_board .dashicons-controls-pause {
  position: relative;
  margin: 0 0 -6px -5px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -999999%;
  background: url('/img/new_main/icon_culture_Pause.svg') no-repeat 50% 50%;
}

.index_culture_board .dashicons-controls-play {
  position: relative;
  margin: 0 0 -6px -5px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -999999%;
  background: url('/img/new_main/icon_culture_play.svg') no-repeat 50% 50%;
}

.index_culture_board .screen-reader-text {
  font-size: 0;
}

.index_culture_board .iplay {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-indent: -999999%;
}

/**  swiper 문화전시행사 [ end ] **/

.index_container_w3 {
  position: relative;
  width: 100%;
  display: inline-block;
  background: url('/img/new_main/Rectangle 460.png') no-repeat right top;
}

.gjft_width {
  position: relative;
}

.index_container_w3 .gjft_title {
  margin-bottom: 60px;
}

.index_container_w3 .gjft_title .h1-gjft {
  margin-top: 40px;
  margin-bottom: 40px;
}

.index_container_w3 .gjft_title .h1-gjft>span {
  color: var(--color-orange);
}

.index_container_w3 .gjft_title .inner_tx {}

.gjft-gnb-swiper-container {
  position: absolute;
  top: 215px;
  left: 0;
  z-index: -1;
  width: 100%;
  max-width: 1245px;
  height: 370px;
  background: linear-gradient(96deg, #00A63C -1.37%, #8BC21F 35.57%, #C6D413 56.97%, #FFE607 75.79%, #FF7500 100.89%);
}

.gjft-gnb-cont {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 735px;
  min-height: 500px;
}

.gjft-gnb-cont .in-title {}

.gjft-gnb-cont .in-title .box {
  position: relative;
  top: 50px;
  margin-bottom: 10px;
}

.gjft-gnb-cont .in-title .box.on {
  background: url('/img/new_main/line_arrow.svg') no-repeat 160px 50%;
  background-size: auto 16px;
}

.gjft-gnb-cont .in-title .box .tx1 {
  padding: 10px 25px 8px 25px;
  display: inline-block;
  color: #fff;
  cursor: pointer;
}

.gjft-gnb-cont .in-title .box.on .tx1 {
  border: 1px solid #fff;
  border-radius: 50px;
  font-weight: 700;
}

.gjft-gnb-cont .in-title .box .tx1:hover {
  opacity: 0.7;
}

.gjft-gnb-cont .in-cont .default.off {
  display: none;
}

.gjft-gnb-cont .in-cont {}

.gjft-gnb-cont .in-cont .default {
  position: absolute;
  top: 50px;
  left: calc(45% + 0px);
  z-index: 1;
  padding: 50px;
  background: #fff;
  width: 100%;
  max-width: 400px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
}

.gjft-gnb-cont .in-cont .default .inner1 {
  color: var(--color-green);
}

.gjft-gnb-cont .in-cont .default .inner2 {
  color: var(--color-darkgray1);
  line-height: 150%;
}

.gjft-gnb-cont .in-cont .default .inner3 {
  margin-top: 25px;
}

.gjft-gnb-cont .in-cont .default .inner3>a {
  position: relative;
  display: inline-block;
  width: 100%;
}

.gjft-gnb-cont .in-cont .default .inner3 .tx1 {
  float: right;
  color: var(--color-orange);
}

.gjft-gnb-cont .in-cont .default .inner3 .line {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  transform: translateY(-50%);
  width: calc(100% - 80px);
  font-size: 0;
  border-bottom: 1px solid var(--color-green);
}

.gjft-images {
  position: absolute;
  width: 100%;
  top: -110px;
  right: 0;
  max-width: 878px;
  overflow: hidden;
}

#gjft-swiper .default {
  z-index: 50;
}

.gjft-images .img-box.off {
  display: none;
}

.gjft-images .img-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 420px;
  z-index: 0;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.gjft-images .img-box .bg {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.gjft-images .img-box .cont-img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 100%;
}

.gjft-images .img-slide-number {
  position: relative;
  float: right;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  width: 170px;
}

.gjft-images .img-slide-number a {
  display: inline-block;
  width: 26px;
}

.gjft-images .img-slide-number .inner_number {
  position: absolute;
  left: 65px !important;
  top: 24px !important;
}

.gjft-images .img-slide-number .inner_number .tx1 {
  font-weight: 700;
  color: var(--color-orange);
  font-size: 1.2rem;
}

.gjft-images .img-slide-number .inner_number .tx2 {
  margin: 0 5px;
  opacity: 0.5;
  font-weight: 300;
  font-size: 0.85rem;
}

.gjft-images .img-slide-number .inner_number .tx3 {
  opacity: 0.8;
}

@media screen and (min-width: 981px) {

  /* 981 이상일때 적용 이하일때 삭제 됨*/
  .new_main_20240520 {
    width: 100%;
    min-width: 1520px;
    overflow: auto;
  }

  .mobile_view_banner {
    display: none;
  }
}

/*
@media (max-width: 1500px) {
  .index_ver1_second1 .inner1 .icon > img {max-width: 65px;}
  .index_ver1_second1 .inner1 .icon {left:0.5em}
  .index_ver1_second1 .inner1 .tx {text-indent: 0em;text-align: right;}
}
*/
@media (max-width: 1060px) {
  .index_container_w1 {
    margin-top: 80px;
  }
}

@media (max-width: 980px) {
  .pc_view_banner {
    display: none;
  }

  .index_container_w1,
  .index_container_w2 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .index_container_w1>ul {
    flex-wrap: wrap;
    gap: 35px 35px;
  }

  .mobile_view_banner {
    display: inline-block;
    width: 100%;
  }

  .index_ver1_second2 .index__visual {
    width: 100%;
  }

  .index_container_w2>ul {
    flex-wrap: wrap;
    gap: 35px 35px;
  }

  .open_board_body .board_content_noitice {
    width: calc(50% - 10px);
  }

  .gjft-images {
    /* 이미지 감추면 동작을 하지 못해서 우측으로 숨김*/
    right: -1000px;
  }

  .index_container_w3 {
    overflow: hidden;
    /* 위 right: -1000px; 로 인한 스크롤 때문에 처리 함 */
    background-size: 70% auto;
    background-position: 25em 0px;
  }

  .gjft-gnb-cont {
    max-width: 100%;
    min-height: 430px;

  }

  .gjft-gnb-cont .in-cont .default {
    left: calc(50% + 0px);
  }

  .index_container_w3 .gjft_title .h1-gjft {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  .gjft-gnb-swiper-container {
    top: 115px;
  }

  .gjft-gnb-cont .in-cont .default {
    top: 0;
  }

  .index_container_w3 .gjft_title {
    padding-left: 4%;
    margin-bottom: 15px;
  }

  .gjft-gnb-cont .in-title {
    padding-left: 4%;
  }

  .sp-100 {
    padding: 30px 0;
  }
}

@media (max-width: 875px) {

  .index_ver1_second1,
  .index_ver1_second3 {
    width: 100%;
  }

  .index_ver1_second1 .inner3 {
    text-align: center;
  }

  .index_ver1_second1 .inner3 img {
    width: 100%;
    max-width: 373px;
  }

  .index_ver1_second1 .inner1 .tx {
    /* 2024-08-22 주석 */
    text-indent: 0;
    text-align: right;
  }

  .index_ver1_second3 .inner1 {
    text-align: center;
  }

  .index_ver1_second3 .inner1>img {
    width: 100%;
    max-width: 380px;
  }
}

@media (max-width: 830px) {
  .index_banner_link_w6>ul {
    flex-wrap: wrap;
  }

  .index_banner_link_w6>ul>li {
    width: calc(100% / 3);
    margin-bottom: 35px;
  }

  .gjft-gnb-cont .in-cont .default {
    left: calc(0% + 0px);
    padding: 25px;
  }

  .index_container_w3 {
    background: none;
  }

  .gjft-gnb-cont .in-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }

  .gjft-gnb-cont .in-title .box {
    width: 100%;
    display: flex;
    justify-content: end;
    padding-right: 4%;
    background: none;
  }

  .gjft-gnb-cont .in-cont .default {
    top: 36px;
  }

  .gjft-gnb-cont .in-title .box .tx1 {
    color: #000;
  }

  .gjft-gnb-cont .in-title .box.on .tx1 {
    border: 1px solid #000;
  }
}



@media (max-width: 550px) {
  .gjft-gnb-cont .in-cont .default {
    max-width: 280px;
  }
}

@media (max-width: 480px) {
  .index_banner_link_w6>ul>li {
    width: calc(100% / 2);
    margin-bottom: 20px;
  }
}

@media (max-width: 800px) {
  .open_board_head {
    flex-wrap: wrap;
  }

  .open_board_head>h1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .open_board_head {
    margin-bottom: 50px;
  }

  .open_board_body a.more {
    top: -107px;
  }

  .open_board_head .tap_gnb {
    width: 100%;
  }

  .sp-100 {
    padding: 20px 0;
  }
}

@media (max-width: 620px) {
  .open_board_head .tap_gnb {
    flex-wrap: wrap;
  }

  .open_board_head .tap_gnb .board_new_tab_item {
    display: inline-block;
    width: calc(50% - 0px);
    margin: 0 0 25px 0;
  }

  .open_board_head {
    margin-bottom: 100px;
  }

  .open_board_body a.more {
    top: -155px;
  }

  .culture-head {
    width: 346px
  }

  .index_culture_board .poster_swiper {
    max-width: 260px;
  }
}

@media (max-width: 520px) {
  .open_board_body .board_content_noitice {
    width: calc(100% - 0px);
  }

  .index_container_w2>ul {
    gap: 0px 0px;
  }

  .index_culture_board {
    margin-top: 25px;
  }
}

@media (max-width: 420px) {
  .index_ver1_second1 .inner2>ul>li {
    /* 2024-08-22 신규 적용 */
    padding-left: 8px;
    padding-right: 8px;
  }

  .index_ver1_second1 .inner2 .tx {
    /* 2024-08-22 신규 적용 */
    font-size: 0.9rem;
    letter-spacing: -0.05em;
  }

  .open_board_head .tap_gnb .board_new_tab_item {}

  .gjft-gnb-cont .in-cont .default {
    top: -10px;
    padding: 20px;
    max-width: 200px;
  }
}

@media (max-width: 370px) {
  .open_board_head .tap_gnb .board_new_tab_item>a {
    font-size: 1rem;
    letter-spacing: -0.05em;
  }
}

@media (max-width: 346px) {
  .culture-head {
    width: 100%;
  }

  .culture-head .h1-culture {
    margin-right: 0;
  }
}

/****************************************************** 메인 슬라이드 배너 높이 ****/

/****************************************************** 메인 슬라이드 배너 높이 ****/



/********** footer **********/
.footer {
  width: 100%;
  background-color: #F7F7F7;
}

.footer .footer_top_links {
  display: none;
}

.footer .footer_top_wrap {
  width: 100%;
  height: 50px;
  background-color: var(--color-darkgray1);
  color: #fff;
}

.footer .footer_top_wrap .footer_top_wrap_inner {
  display: flex;
  width: 92%;
  max-width: 1300px;
  height: 100%;
  margin: 0 auto;
  justify-content: right;
  align-items: center;
}

.footer_top_left {
  padding: 12px 0;
}

.footer .footer_top_left a {
  margin-right: 20px;
}

.footer .footer_top_left a:first-of-type {
  color: var(--color-yellow);
}

.footer .footer_top_left a:last-of-type {
  margin-right: 0;
}

.footer .footer_top_right {
  display: flex;
}

.footer .footer_top_right>div {
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-right: 1px solid rgba(255, 255, 255, .2);
}

.footer .footer_select_box {
  display: flex;
  width: 100%;
  max-width: 250px;
  height: 100%;
  column-gap: 10px;
  align-items: center;
}

.footer .footer_select_box select {
  height: 100%;
  padding-right: 1em;
  border: 0;
  background: url(/img/front/icon_down.png) no-repeat calc(100% - 5px) center;
  color: #fff;
  text-align-last: center;
  text-align: center;
}

.footer .footer_select_box select option {
  color: #000;
}

.footer .footer_select_box select:active,
.footer .footer_select_box select:visited {
  background: url(/img/front/icon_top.png) no-repeat calc(100% - 5px) center;
}

.footer .footer_top_wrap_inner>.footer_select_box:nth-of-type(2) {
  max-width: 260px;
}

.footer .footer_top_wrap_inner>.footer_select_box:nth-of-type(3) {
  max-width: 200px;
}

.footer_select_box a {
  display: inline-block;
  width: 50px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  text-align: center;
  background-color: var(--color-orange);
  color: #fff;
}

.footer .footer_bottom {
  display: flex;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  line-height: 1.5;
  justify-content: space-between;
  align-items: center;
}

.footer_bottom_gov {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.footer_bottom_gov a img {
  max-height: 57px;
}

.footer .footer_bottom_wrap {
  display: flex;
  width: 100%;
  padding: 50px 0;
}

.footer .footer_bottom_logo {
  margin-right: 60px;
}

.footer .footer_bottom_text {
  color: var(--color-darkgray);
}

.footer .footer_links {
  margin-bottom: 15px;
}

.footer .footer_links a {
  padding-right: 20px;
}

.footer .footer_links>a:first-child {
  color: var(--color-green);
}

.footer .footer_links>a:last-child {
  padding-right: 0;
}

/************ 서브 공통 ************/
.inner_max_width {
  max-width: 1300px;
  margin: 0 auto;
}

.inner_full_width {
  width: 100%;
}

.inner_container {
  min-height: 60vh;
  margin-bottom: 80px;
}

.bg_grd_green {
  background-image: linear-gradient(to right, #459848, #9BB553)
}

/* 접근성 .bg_grd_green {background-image: linear-gradient(to right, #9BB553, #459848);} */
.bg_grd_gray {
  background-image: linear-gradient(to right, #575757, #727272);
}

.list_line_green {
  display: inline-block;
  height: 3px;
  width: 15px;
  min-width: 15px;
  background-color: var(--color-lightgreen);
  vertical-align: 30%;
}

.list_line_none {
  display: inline-block;
  height: 3px;
  width: 15px;
}

.sub_top_wrap {
  width: 100%;
  /* 2024 05 19 _ 김강연 삭제 서브 이미지 높이
  height: 300px;
  */
  margin-top: 95px;
  background: url(/img/front/shape_bg_sub.png) no-repeat center/cover;
  border-bottom: 1px solid var(--color-lightgray);
}

.sub_top_text_bar {
  padding-top: 75px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}

.sub_top_wrap_text {
  padding-top: 100px;
}

.sub_top_nav {
  display: flex;
  align-items: center;

}

.sub_top_text_bar span {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: var(--color-lightgray);
}

.sub_top_nav .clear>li:nth-of-type(2) .sub_top_link {
  width: 325px;
}

.sub_top_nav .clear>li:nth-of-type(3) .sub_top_link {
  width: 340px;
}

.sub_top_nav .sub_top_link_wrap {
  float: left;
  position: relative;
  background: url(/img/front/icon_down_g.png) no-repeat 90% center;
}

.sub_top_nav .sub_top_link {
  width: 110px;
  padding: 15px 0;
  border: 0;
  text-align: left;
  font-weight: 700;
  color: var(--color-darkgray);
}

.sub_top_nav .sub_top_link_wrap ul {
  display: none;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: var(--box-shadow-default);
  z-index: 2;
}

.sub_top_nav .sub_top_link_wrap:hover {
  background: url(/img/front/icon_up_g.png) no-repeat 90% center;
}

.sub_top_nav .sub_top_link_wrap ul.focus,
.sub_top_nav .sub_top_link_wrap:hover ul {
  display: block;
  width: 100%;
  position: absolute;
  top: 100%;
}

.sub_top_nav .sub_top_link_wrap ul li:hover a {
  color: var(--color-green);
}

.sub_top_nav .sub_top_link_wrap ul li a,
.sub_top_nav .sub_top_link_wrap ul li div {
  display: block;
  width: 100%;
  padding: 15px;
  white-space: nowrap;
  color: var(--color-darkgray);
}

.sub_top_nav a img {
  min-width: 18px;
}

.sub_top_icon {
  position: relative;
}

.top_share {
  position: relative;
  top: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/img/front/icon_share.png) no-repeat center;
  border: 0;
}

.top_share_div {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: -10px;
  padding: 5px;
  flex-direction: column;
  row-gap: 10px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: var(--box-shadow-default);
  z-index: 9;
}

.top_share_div.on {
  display: flex;
}

.top_share_div>a {
  max-width: 40px;
  border-radius: 50%;
  overflow: hidden;
}

/* 231206 twitter => X */
.top_share_div>a:last-of-type {
  box-shadow: 0 0 2px rgb(0, 0, 0, .5);
}

.top_print {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/img/front/icon_print.png) no-repeat center;
}

.board_cate_wrap1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  text-align: center;
  color: var(--color-darkgray);
  border-radius: 10px;
}

.board_cate_wrap1::-webkit-scrollbar {
  visibility: hidden;
}

.board_cate_wrap1 a {
  position: relative;
  width: calc(100% / 3);
  padding: 12px 0;
}

.board_cate_wrap1_half a {
  width: 50%;
}

.board_cate_wrap1 a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: calc(100% - 1px);
  height: 100%;
  border: 1px solid var(--color-lightgray);
  border-right: 0;
  z-index: 1;
}

.board_cate_wrap1 a:nth-of-type(1)::after {
  border-radius: 10px 0 0 10px;
}

.board_cate_wrap1 a:nth-last-child(1)::after {
  border-right: 1px solid var(--color-lightgray);
  border-radius: 0 10px 10px 0;
}

.board_cate_wrap1 a.on,
.board_cate_wrap1 a:hover {
  background-color: #FFF4E5;
  color: var(--color-orange);
}

.board_cate_wrap1 a.on::after,
.board_cate_wrap1 a:hover::after {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 2px dashed var(--color-orange);
}

.board_cate_wrap1 a:nth-of-type(1).on~:nth-of-type(2)::after,
.board_cate_wrap1 a:nth-of-type(2).on~:nth-of-type(3)::after,
.board_cate_wrap1 a:nth-of-type(1):hover~:nth-of-type(2)::after,
.board_cate_wrap1 a:nth-of-type(2):hover~:nth-of-type(3)::after {
  border-left: 2px solid transparent;
}

.board_cate_wrap2 {
  display: flex;
  margin-bottom: 40px;
}

.board_cate_wrap2 a {
  padding-top: 10px;
  margin-right: 30px;
  border-top: 4px solid transparent;
  color: #757575;
}

.board_cate_wrap2 a:last-child {
  margin-right: 0;
}

.board_cate_wrap2 a.on,
.board_cate_wrap2 a:hover {
  border-top: 4px solid var(--color-orange);
  color: #000;
}

.sub_body_title {
  margin: 80px 0 40px;
}

.sub_body_title>div {
  color: var(--color-darkgray);
}

.sub_body_desc1 {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 40px;
  margin-bottom: 60px;
  border-radius: 10px;
  background-color: #F4F5EE;
}

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

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

.sub_body_desc1 img {
  height: 100%;
  margin-right: 40px;
}

.sub_body_desc1 p {
  margin-bottom: 20px;
  word-break: keep-all;
}

.sub_body_desc1 .fz18,
.sub_body_desc2 .fz18 {
  line-height: 1.5;
  word-break: keep-all;
}

.sub_body_desc2 {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 25px 25px 25px 40px;
  margin-bottom: 60px;
  column-gap: 15px;
  justify-content: space-between;
  align-items: center;
  border-radius: 50px 50vw 50vw 50px;
  background-color: #F4F5EE;
}

.sub_body_desc2_btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 20px;
}

.sub_body_desc2_btns>a,
.newsletter_item a {
  display: inline-block;
  width: 160px;
  padding: 12px 20px;
  margin-right: 20px;
  border-radius: 10px;
  background-image: url(/img/front/icon_next.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  text-align: left;
  color: #fff;
}

.sub_body_desc2_btns>a.btn_download {
  width: 250px;
  color: var(--color-green);
}

.sub_body_desc2 .sub_body_desc2_right>span {
  display: inline-block;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background-position: center;
  background-image: url(/img/front/img_forum.png);
  background-repeat: no-repeat;
}

.business_01_03_01 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_womendb.png);
}

.business_02_01 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_bullying.png);
}

.business_05_01 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_2030.png);
}

.business_06_01 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_bullying_re.jpg);
  background-size: cover;
}

.business_06_03 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_equality_re.jpg);
  background-size: cover;
}

.business_06_04 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_womentown.png);
}

.kium_01 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_kium_operation.png);
}

.kium_02_01 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_hospital_care.png);
}

.kium_03 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_i_kium.png);
}

.kium_06 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_kium_sick.png);
}

.business_01_04 .sub_body_desc2_right>span {
  background-image: url(/img/front/img_womendb.png);
}

.sub_body_desc3 {
  display: flex;
  width: 100%;
  padding: 20px 0;
  margin-bottom: 60px;
  align-items: center;
  border-radius: 10px;
  text-align: center;
  justify-content: center;
  background-color: #879744;
  /* 9BB553  */
  color: #fff;
}

.sub_body_desc3 span {
  display: inline-block;
  width: 30px;
  height: 1px;
  margin: 0 30px;
  background-color: #fff;
}

.sub_inner_title {
  padding-left: 2em;
  background: url(/img/front/icon_tabbar1.png) no-repeat left center;
  word-break: keep-all;
}

.sub_data_wrap {
  padding: 50px 0;
}

.sub_data_img_wrap {
  border: 1px solid #dbdbdb;
}

.sub_data_video_wrap {
  position: relative;
  width: 100%;
  max-width: 850px;
  height: 500px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 20px;
  background: url(/img/front/bg_video.png) no-repeat center;
}

.sub_data_video_wrap iframe {
  border-radius: 20px;
}

.sub_data_wrap p {
  line-height: 1.4;
}

.responsive_img_wrap>img:last-of-type {
  display: none;
}

/********** 테이블 **********/
.table_sub_default,
.table_sub_2 {
  width: 100%;
}

.table_sub_default thead th {
  padding: 15px 0;
  background-color: var(--color-green);
  color: #fff;
  word-break: keep-all;
}

.table_sub_default thead th {
  border-bottom: 1px solid #DBDBDB;
  border-left: 1px solid #DBDBDB;
}

.table_sub_default thead th:first-of-type {
  border-left: 0;
}

.table_sub_default tbody td {
  padding: 15px 10px;
  border-left: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  word-break: keep-all;
}

.table_sub_default tbody tr td:first-of-type {
  border-left: 0;
  font-weight: 700;
  white-space: nowrap;
}

.table_sub_2_2 thead th {
  padding: 16px 10px;
  border-right: 0;
  border-bottom: 0;
  text-align: center;
  color: #fff;
  background-color: var(--color-green);
  word-break: keep-all;
}

.table_sub_2 th {
  padding: 15px 5px;
  border-right: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  white-space: nowrap;
}

.table_sub_2 td {
  padding: 15px 10px;
  border-bottom: 1px solid #DBDBDB;
  line-height: 1.5;
  word-break: keep-all;
}

.table_sub_2 tr:first-of-type {
  border-top: 2px solid var(--color-green);
}

.table_sub_2_2 th {
  padding: 15px 20px;
  background-color: #F4F5EE;
}

.table_sub_2_2 td {
  padding: 15px 26px;
  border-right: 1px solid #DBDBDB;
}

.table_sub_2_2 tr>td:last-of-type {
  border-right: 0;
}

.table_sub_2_2 td a {
  display: inline-block;
  width: auto;
  height: 100%;
  border: 1px solid #dbdbdb;
}

.table_img_pdf,
.table_img_view {
  position: relative;
}

.table_img_pdf::after {
  content: "PDF";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 30%;
  min-width: 40px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-weight: bold;
  background-color: var(--color-orange);
  color: #fff;
}

.table_img_view::after {
  content: "자세히";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 50%;
  height: 35px;
  line-height: 35px;
  padding-left: 5%;
  text-align: left;
  font-weight: bold;
  background: url(/img/front/icon_next.png) no-repeat 95% center var(--color-orange);
  color: #fff;
}

/* 231219 추가 */
.business_04_02 .table__detail-link {
  display: inline;
  display: contents;
}

.business_04_02 .table__detail-link img {
  width: auto !important;
}

.table_sub_3 {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.table_sub_3 thead th {
  padding: 16px 10px;
  background-color: var(--color-orange);
  color: #fff;
}

.table_sub_3 tbody td {
  padding: 20px;
  border-bottom: 1px solid #DBDBDB;
}

.table_sub_3 tbody>tr:first-of-type {
  background-color: #F7F7F7;
}

.table_sub_3 tr td:first-of-type {
  white-space: nowrap;
  font-family: 'Pretendard-Bold', 'Pretendard', sans-serif;
}

.table_sub_3 td a {
  text-decoration: underline;
}


.table_sub_4 {
  width: 100%;
  margin-bottom: 40px;
  overflow: hidden;
  border-top: 1px solid var(--color-green);
  background: rgba(255, 255, 255, 0.5);
}

.table_sub_4 thead th {
  padding: 16px 10px;
  background-color: var(--color-lightgreen);
  color: #fff;
  border: 1px solid var(--color-bg-green);
}

.table_sub_4 tbody td,
.table_sub_4 tbody th {
  padding: 15px;
  text-align: left;
  border: 1px solid var(--color-lightgray);
}

.table_sub_4 tbody th {
  font-weight: 700;
}

.table_sub_4 tbody th.txc {
  text-align: center;
}

.table_sub_4 td a {
  text-decoration: underline;
}

/********** 폼 **********/
.form_wrap_title {
  margin-bottom: 30px;
  color: var(--color-darkgray);
}

.form_wrap_desc {
  margin-bottom: 30px;
  color: var(--color-green);
}

.form_cate {
  display: flex;
  margin-bottom: 60px;
  column-gap: 30px;
}

.form_cate strong {
  white-space: nowrap;
}

.form_cate>div {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  align-items: center;
}

.form_cate>div label {
  margin-right: 25px;
}

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

.form_input_wrap>div {
  display: flex;
  width: 45%;
  margin-bottom: 30px;
  align-items: center;
}

.form_input_wrap>.form_input_item_full {
  width: 100%;
  align-items: baseline;
}

.form_input_item .required {
  position: relative;
}

.form_input_item .required::before {
  content: "*";
  display: inline-block;
  color: var(--color-orange);
  margin-right: 3px;
}

.form_input_item>label {
  display: inline-block;
  min-width: 92px;
  word-break: keep-all;
}

#form_education .form_input_item>label {
  min-width: 100px;
}

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

.form_agree_wrap {
  display: flex;
  padding: 30px 0;
  column-gap: 20px;
  justify-content: space-between;
  align-items: center;
}

.form_agree_wrap a {
  text-decoration: underline;
  color: var(--color-darkgray);
}

/********** 모달 **********/
.modal_default .modal-content {
  min-height: 200px;
  padding: 60px 40px;
  border-radius: 10px;
  border: 2px solid var(--color-orange);
}

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

.modal_input_wrap .btn_request {
  padding: 12px 20px;
  white-space: nowrap;
}

.enter_ver_code {
  padding-top: 20px;
}

.enter_ver_code small {
  display: block;
  color: red;
}

.enter_ver_code p {
  padding-top: 20px;
}

.modal-body-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 0;
  border-radius: 0 0 10px 10px;
  text-align: center;
  background-color: #f7f7f7;
}

#modalSearch .modal-content,
.search_all_input {
  background-color: transparent !important;
  color: #fff;
  border: 0;
}

.modalSearch_close {
  width: 23px;
  height: 23px;
  background: url(/img/front/icon_close_w.png) no-repeat center;
  opacity: .6;
  cursor: pointer;
}

#modalSearch .fz30 {
  text-align: center;
  color: #fff;
}

#modalSearch ::-webkit-input-placeholder {
  color: #fff;
}

.search_all_shape {
  padding: 70px 60px;
  border-radius: 50vw;
  background-color: var(--color-green);
  z-index: 0;
}

.search_all_shape::before {
  content: "";
  position: absolute;
  top: 60px;
  left: -30px;
  display: inline-block;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background-color: var(--color-orange);
  z-index: -1;
}

.search_all_shape::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  display: inline-block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: var(--color-yellow);
  z-index: -1;
}

.search_all_wrap {
  display: flex;
  padding-bottom: 20px;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

/********** Summernote **********/
.note-btn {
  width: auto;
}

/********** 서브 - 공통 스타일 **********/
picture img {
  width: 100%;
}

.study_policy_wrap,
.genderforum_process_wrap,
.women_db_process_wrap,
.herstory_info_wrap {
  width: 100%;
  display: flex;
  padding-bottom: 80px;
  column-gap: 20px;
  justify-content: space-between;
  text-align: center;
}

/********** 서브 - 정책연구 **********/
.study_policy_wrap a {
  position: relative;
  width: 20%;
  height: 150px;
  padding: 20px 0;
  border-radius: 10px 50px 10px 10px;
  background-color: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
}

.study_policy_wrap a:hover {
  border: 2px solid var(--color-orange);
}

.study_policy_wrap a:nth-of-type(2n):hover {
  border: 2px solid var(--color-lightgreen);
}

.study_policy_wrap a::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: var(--color-orange);
  border-radius: 10px;
  z-index: -1;
}

.study_policy_wrap a:nth-of-type(2n)::after {
  background-color: var(--color-lightgreen);
}

.study_policy_wrap img {
  margin-bottom: 25px;
}

.policy_01 .inner_container {
  margin-bottom: 0;
}

.policy_01 .inner_full_width {
  padding: 100px 0;
  background-color: #F7F7F7;
}

.policy_info_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 70px;
}

.policy_info {
  position: relative;
  width: 48%;
  margin-bottom: 30px;
}

.policy_info img {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}

.policy_info p {
  width: 90%;
  margin-left: 10%;
  padding: 60px 0 40px 125px;
  border-bottom: 1px solid #9BB553;
}

.policy_info .fz40 {
  margin-right: 25px;
  /*color: #CFD2BA;*/
  color: var(--color-lightgreen);
  vertical-align: middle;
}

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

.study_policy_org {
  display: flex;
  width: 100%;
  padding: 30px 25px;
  line-height: 1.5;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  background-color: #fff;
  /* 240206 재단 요청  width: 48%;
   justify-content: space-between;*/
}

.study_policy_org p {
  padding-left: 6rem;
  color: var(--color-darkgray);
}

.evaluation_function_wrap,
.evaluation_business_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.evaluation_function {
  display: flex;
  align-items: center;
  width: 49%;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color-lightgray);
}

.evaluation_function a {
  text-decoration: underline;
  color: var(--color-green);
}

.evaluation_business {
  width: 49%;
  margin-bottom: 40px;
}

.evaluation_business_top {
  padding: 20px 20px 20px 60px;
  margin-bottom: 10px;
  border-radius: 10px;
  color: #fff;
}

.evaluation_business_top>span {
  position: relative;
  margin-left: -40px;
}

.evaluation_business_bottom {
  height: 150px;
  padding: 30px;
  border-radius: 10px;
  box-shadow: var(--box-shadow-default);
}

.evaluation_business_bottom p {
  display: flex;
  align-items: center;
  word-break: keep-all;
}

.evaluation_business_bottom_lg {
  height: auto;
  min-height: 230px;
}

.evaluation_contact_wrap {
  display: flex;
  justify-content: space-between;
  color: #fff;
}

.evaluation_contact_wrap>div:first-of-type {
  background-color: var(--color-orange);
}

.evaluation_contact_wrap>div:last-of-type {
  background-color: var(--color-lightgreen);
}

.evaluation_contact {
  width: 49%;
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  align-items: center;
  border-radius: 10px;
  box-shadow: var(--box-shadow-default);
  word-break: keep-all;
}

.policy_03 .grid_view_right_info p {
  display: flex;
}

.evaluation_contact a {
  letter-spacing: 0.1px;
}

.genderforum_process_wrap>div:nth-of-type(2)::after,
.women_db_process_wrap>div:nth-of-type(2)::after,
.education_process_1>div:nth-of-type(2)::after {
  content: "02";
  background-color: var(--color-green);
}

.genderforum_process_wrap>div:nth-of-type(3)::after,
.women_db_process_wrap>div:nth-of-type(3)::after,
.education_process_1>div:nth-of-type(3)::after {
  content: "03";
}

.genderforum_process_wrap>div:nth-of-type(4)::after,
.education_process_2>div:nth-of-type(1)::after {
  content: "04";
  background-color: var(--color-green);
}

.genderforum_process_wrap>div:nth-of-type(5)::after,
.education_process_2>div:nth-of-type(2)::after {
  content: "05";
}

.education_process_2>div:nth-of-type(3)::after {
  content: "06";
  background-color: var(--color-green);
}

.genderforum_process>div,
.education_process>div,
.main_feature_wrap>div>div {
  width: 82px;
  height: 82px;
  line-height: 82px;
  margin: 0 auto 20px;
  background-color: #F4F5EE;
  border-radius: 50%;
  text-align: center;
}

.business_05_01 .sub_body_desc2_btns>a:nth-of-type(1),
.business_06_04 .sub_body_desc2_btns>a:nth-of-type(1) {
  background-color: var(--color-lightgreen);
}

.business_05_01 .sub_body_desc2_btns>a:nth-of-type(2),
.business_06_04 .sub_body_desc2_btns>a:nth-of-type(2) {
  background-color: var(--color-orange);
}

.business_05_01 .sub_body_desc2_btns>a:nth-of-type(3),
.business_06_04 .sub_body_desc2_btns>a:nth-of-type(3) {
  background-color: var(--color-green);
}

.business_05_01 .sub_body_desc2_btns>a:nth-of-type(4),
.business_06_04 .sub_body_desc2_btns>a:nth-of-type(4) {
  background-color: var(--color-orangebright);
}

.business_05_01 .sub_body_desc2_btns>a:nth-of-type(5),
.business_06_04 .sub_body_desc2_btns>a:nth-of-type(5) {
  background-color: var(--color-purple);
}

.herstory_intro_wrap,
.bookcafe_intro_wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

.herstory_intro_left,
.bookcafe_intro_left {
  width: 25%;
  padding-top: 40px;
  border-top: 1px solid var(--color-green);
}

.herstory_intro_right,
.bookcafe_intro_right {
  width: 70%;
  padding-top: 40px;
  border-top: 1px solid #DBDBDB;
}

.herstory_intro_right strong,
.herstory_desc strong {
  color: var(--color-orange);
}

.herstory_gallery_wrap,
.bookcafe_gallery_wrap {
  display: flex;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}

.policy_06_02 .evaluation_business_bottom p {
  align-items: flex-start;
}

.policy_06_02 .evaluation_business_bottom .list_line_green {
  position: relative;
  top: 10px;
  vertical-align: unset;
}

/* 230713 광주여성전문인력DB 추가 작업 */
.db_info {
  display: flex;
  padding-bottom: 10px;
  line-height: 1.6;
  align-items: center;
  border-bottom: 1px solid #DBDBDB;
  word-break: keep-all;
}

.db_criteria {
  padding: 30px 40px;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
}

.db_criteria li {
  display: flex;
  margin-bottom: 20px;
  line-height: 1.6;
  align-items: center;
}

.db_criteria li:last-of-type {
  margin-bottom: 0;
}

/********** 서브 - 사업` **********/
.gender_forum_info_top {
  margin-bottom: 100px;
}

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

.gender_forum_info {
  width: 30%;
}

.gender_forum_info_arrow {
  display: inline-block;
  width: 100%;
  height: 90px;
  background: url(/img/front/img_gender_forum_arrow.png) no-repeat center/contain;
}

.gender_forum_info p {
  width: 100%;
  padding: 12px 0;
  border-radius: 50px;
  background-color: #F7F7F7;
  text-align: center;
}

.genderforum_process {
  position: relative;
  width: 20%;
  height: 170px;
  padding: 20px 30px;
  border: 1px solid #DBDBDB;
  border-bottom: 2px solid var(--color-orange);
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}

.genderforum_process::after {
  content: "01";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-top-left-radius: 10px;
  background-color: var(--color-lightgreen);
  color: #fff;
}

/* .sub_border_top_wrap {margin-bottom:100px}
.sub_border_top_text {
	position:relative;
	padding:30px 40px;
	border-top:1px solid #dbdbdb;
	text-align:center;
}
.sub_border_top_text::after {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	content:"";
	display:inline-block;
	width:40px;
	height:5px;
	background-color: var(--color-lightgreen);
}
.sub_border_top_wrap > div:nth-of-type(2)::after {background-color:var(--color-orange);}
.sub_border_top_wrap > div:nth-of-type(3)::after {background-color:var(--color-green);} */
.gender_forum_business_wrap {
  display: flex;
  justify-content: space-between;
}

.gender_forum_business {
  position: relative;
  width: calc(100% / 5 - 20px);
  margin-right: calc(20px / 4);
  height: 245px;
  border-radius: 20px;
  box-shadow: var(--box-shadow-default);
  text-align: center;
  overflow: hidden;
}

.gender_forum_business p {
  position: absolute;
  bottom: 22px;
  left: 50%;
  width: 94%;
  transform: translateX(-50%);
  color: #fff;
  word-break: keep-all;
}

.gender_forum_business_wrap>div:last-child {
  margin-right: 0;
}

.gender_forum_business::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 150%;
  height: 230px;
  padding-top: 2.5em;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #9BB553, #459848);
  z-index: -2;
}

.forum_business_img {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 108px;
  height: 108px;
  line-height: 108px;
  margin: 0 auto;
  box-shadow: var(--box-shadow-default);
  border-radius: 50%;
  background-color: #fff;
  /*background-image: url(/img/front/icon_document2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90px;
  */
}

.gender_forum_business_wrap>div:nth-of-type(2)::after {
  content: "";
  background-image: linear-gradient(to bottom, #F48200 30%, #EF4835);
}

.gender_forum_business_wrap>div:nth-of-type(4)::after {
  content: "";
  background-image: linear-gradient(to bottom, #F48200 30%, #EF4835);
}

.gender_forum_org {
  padding: 80px 0 100px;
  background-color: #F4F5EE;
}

.women_db_process_wrap {
  align-items: center;
}

.women_db_process {
  width: 30%;
}

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

.network_box {
  position: relative;
  width: 49%;
  background-color: #F7F7F7;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #DBDBDB;
  overflow: hidden;
}

.network_box_wrap>div:first-of-type .fz20 {
  background-color: var(--color-orange);
}

.network_box_wrap>div:last-of-type .fz20 {
  background-color: var(--color-lightgreen);
}

.network_box .fz20 {
  position: absolute;
  width: 100%;
  padding: 12px 0;
  left: 0;
  top: 0;
  text-align: center;
  color: #fff;
}

.network_box p {
  padding: 90px 40px 40px;
  line-height: 1.6;
}

.network_box p span,
.moral_text p span {
  display: list-item;
  list-style-image: url(/img/front/img_list_style.png);
  word-break: keep-all;

}

.education_info_bg {
  position: relative;
  width: 100%;
  height: 450px;
  margin-bottom: 60px;
  background: url(/img/front/bg_sketchbook.png) no-repeat center/cover;
}

.education_info_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 1000px;
  padding: 30px 0;
  border-radius: 10px;
  background-color: #F7F7F7;
}

.education_info_inner table {
  margin: 0 auto;
  line-height: 1.6;
}

.education_info_inner table th {
  padding-right: 1.5em;
  vertical-align: text-top;
  white-space: nowrap;
  color: var(--color-green);
}

.education_img_wrap {
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
}

.education_img {
  width: calc(100% / 4 - 10px);
  border-radius: 10px;
  overflow: hidden;
}

/* 230421 성평등교육전문강사양성 페이지 수정 */
.indent {
  display: flex;
}

.indent {
  column-gap: 5px;
}

.education_new_target {
  margin-bottom: 10px;
}

.education_new_target li span {
  padding-top: 4px;
  font-size: .5em;
}

.education_process_new_wrap {
  padding-top: 20px;
}

.education_process_new_wrap>div {
  position: relative;
  display: flex;
  width: 24%;
  padding: 30px 20px;
  flex-direction: column;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

.education_process_new_wrap>div::before {
  position: absolute;
  top: -18px;
  left: -1px;
  display: inline-block;
  display: inline-flex;
  height: 36px;
  padding: 0 18px;
  align-items: center;
  border-radius: 50px 50px 50px 0;
  background-color: var(--color-lightgreen);
  font-weight: bold;
  color: #fff;
}

.education_process_new_wrap>div:nth-of-type(1)::before {
  content: "1단계";
}

.education_process_new_wrap>div:nth-of-type(2)::before {
  content: "2단계";
  background-color: var(--color-orange);
}

.education_process_new_wrap>div:nth-of-type(2)::after {
  content: "※ 교과목 편성 중 시간이 늘어날 수 있음";
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  width: 100%;
  font-size: 15px;
  color: var(--color-darkgray);
}

.education_process_new_wrap>div:nth-of-type(3)::before {
  content: "3단계";
}

.education_process_new_wrap>div:nth-of-type(4)::before {
  content: "4단계";
  background-color: var(--color-orange);
}

.education_process_tit {
  margin: 20px 0;
  color: var(--color-green);
}

.education_process_dur {
  position: relative;
  display: block;
  width: 100%;
}

.education_process_dur::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 65%;
  height: 1px;
  background-color: var(--color-green);
}

.teacher_info_bg {
  height: 310px;
  margin-bottom: 30px;
  background: url(/img/front/bg_sketchbook2.png) no-repeat center/cover;
}

.education_process_wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.education_process_1,
.education_process_2,
.education_process_new_wrap,
.main_feature_wrap,
.info_value_wrap,
.info_goal_wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.education_process_1 {
  margin-bottom: 60px;
}

.education_process_2 {
  flex-direction: row-reverse;
}

.education_process,
.main_feature_third {
  position: relative;
  width: 30%;
  height: 170px;
  padding: 20px 30px;
  border: 1px solid #DBDBDB;
  border-bottom: 2px solid var(--color-orange);
  border-radius: 10px 10px 0 0;
  background-color: #fff;
}

.main_feature_third {
  height: 100%;
}

.main_feature_quarter {
  width: 24%;
}

.education_process_1>div::after,
.education_process_2>div::after {
  content: "01";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-top-left-radius: 10px;
  background-color: var(--color-lightgreen);
  color: #fff;
}

.education_process_1>div:nth-of-type(3)::before {
  content: "";
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 16px;
  height: 19px;
  background: url(/img/front/icon_arrow_down_gr.png) no-repeat center;
}

.business_02_01_1 .form_input_item>label {
  min-width: 120px
}

.education_ppl_inputs,
.education_item_inputs {
  display: flex;
  row-gap: 10px;
  flex-wrap: wrap;
}

.education_ppl_inputs div,
.education_item_inputs div {
  display: inline-block;
}

/* 230428 찾아가는 성평등 교육 페이지 수정 */
.equality_edu_new_wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.equality_edu_item {
  display: flex;
  width: 49%;
  justify-content: space-between;
  align-items: center;
}

.equality_edu_name {
  width: clamp(100px, 23%, 150%);
  margin-right: 40px;
  padding: 12px 0;
  border-radius: 10px;
  background-color: var(--color-orange);
  color: #fff;
  text-align: center;
}

.equality_edu_new_wrap>div:not(:nth-last-of-type(1)),
.equality_edu_new_wrap>div:not(:nth-last-of-type(2)) {
  margin-bottom: 20px;
}

.equality_edu_new_wrap>div:nth-of-type(2) .equality_edu_name,
.equality_edu_new_wrap>div:nth-of-type(5) .equality_edu_name {
  background-color: var(--color-lightgreen);
}

.equality_edu_new_wrap>div:nth-of-type(3) .equality_edu_name,
.equality_edu_new_wrap>div:nth-of-type(6) .equality_edu_name {
  background-color: var(--color-green);
}

.equality_edu_text {
  width: calc(100% - clamp(100px, 23%, 150%));
  padding: 12px 0;
  border-bottom: 1px solid #D2D2D2;
  text-align: left;
}

/* 과정 번거롭게 만들었다가 일단 버림
.equality_edu_process_new_wrap {position: relative; width: 92%;min-height: 600px;margin-top: 70px; padding-left: 8%;}
.edu_process_bg {position: absolute; z-index:-1;}
.edu_process_box {position: absolute; top: 8%; translate: -50% -50%;text-align: center;}
.edu_process_box .fz18 {padding: 15px 15% 0; word-break: keep-all;}
.edu_process_box[data-order="2"]{left: 35%;}
.edu_process_box[data-order="3"]{left: 61%;}
.edu_process_box[data-order="4"]{left: 61%; top:44%;}
.edu_process_box[data-order="5"]{left: 35%;top:44%;}
.edu_process_box[data-order="6"]{left: 35%;top:85%;}
.edu_process_box[data-order="7"]{left: 61%;top:85%;}
.edu_process_box[data-order="8"]{left: 87%;top:85%;}
  과정 번거롭게 만들었다가 일단 버림 */
.equal_education_target {
  margin-bottom: 10px;
}

.equal_edu_process_img_wrap {
  width: 100%;
  text-align: center;
}

.business_03_01_01 .inner_container {
  margin-bottom: 0;
}

.business_03_01_01 .inner_full_width {
  padding: 100px 0;
  background-color: #F7F7F7;
}

.business_03_01_01 .board_cate_wrap1 {
  margin-bottom: 80px;
}

.business_03_01_02 .inner_container {
  margin-bottom: 0;
}

.business_03_01_02 .inner_full_width {
  background: url(/img/front/bg_herstory.png) no-repeat left bottom/contain;
}

.business_03_01_02 .inner_full_width .inner_max_width {
  padding: 240px 0 130px;
}

.herstory_contents_box {
  position: relative;
  width: 100%;
  height: 440px;
  border: 1px solid var(--color-lightgreen);
  border-radius: 10px;
  box-shadow: var(--box-shadow-default);
  background-color: rgba(255, 255, 255, .7);
}

.herstory_content_left {
  position: absolute;
  bottom: 50px;
  left: 50px;
  margin-bottom: 40px;
}

.herstory_content_left img {
  width: 100%;
  max-width: 385px;
}

.herstory_content_right {
  position: absolute;
  right: 150px;
  bottom: 80px;
}

.herstory_content_right .fz40 {
  margin-bottom: 100px;
}

.herstory_content_right_item {
  display: flex;
  margin-bottom: 15px;
}

.herstory_content_right_item>div {
  padding-bottom: 8px;
  margin-right: 40px;
  border-bottom: 2px solid var(--color-orange);
  white-space: nowrap;
}

.herstory_content_right>div:last-of-type {
  color: var(--color-darkgray);
}

.herstory_gallery {
  position: relative;
  width: calc(100% / 3 - 60px);
  padding: 12px 12px 0 12px;
  background: #e0e0e0;
  color: #fff;
}

.herstory_gallery p {
  padding: 12px 0;
  text-align: center;
}

.herstory_gallery_wrap>span,
.bookcafe_gallery_wrap>span {
  width: 60px;
}

.herstory_desc {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 100px 3%;
  text-align: center;
}

.herstory_info {
  width: 20%;
  padding: 40px 30px 10px;
  border-radius: 10px;
  border: 1px solid #dbdbdb;
}

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

.herstory_announce_wrap img {
  width: 54%;
  margin-left: -25px;
}

.herstory_announce_wrap>div {
  width: 40%;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-lightgreen);
}

.herstory_announce_wrap>div>a {
  display: block;
  width: 160px;
  padding: 12px 20px;
  background-image: url(/img/front/icon_next.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  text-align: left;
  border-radius: 10px;
  background-color: #59811C;
  color: #FFF;
}

.business_03_02_01 .inner_full_width {
  padding: 60px 0;
  background-color: #F7F7F7;
}

.bookcafe_intro_right p:first-of-type {
  color: var(--color-orange);
}

.bookcafe_intro_right span {
  position: relative;
  display: inline-block;
  padding-left: 1.5em;
  margin-bottom: 30px;
}

.bookcafe_intro_right span::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--color-orange);
  border-radius: 50%;
  background-color: #fff;
}

.bookcafe_intro_right span:nth-of-type(2)::after {
  border: 2px solid var(--color-lightgreen);
}

.bookcafe_intro_right span:nth-of-type(3)::after {
  border: 2px solid var(--color-green);
}

.bookcafe_gallery {
  width: calc(50% - 60px);
}

.bookcafe_rent_process_bg {
  width: 100%;
  padding: 80px 0;
  border-radius: 10px;
  background-color: #F7F7F7;
}

.bookcafe_rent_process_wrap {
  display: flex;
  width: 94%;
  max-width: 900px;
  margin: 0 auto;
  flex-direction: column;
  word-break: keep-all;
}

.bookcafe_rent_process_wrap>div:last-of-type>div {
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #dbdbdb;
}

.bookcafe_rent_process>div:first-of-type {
  padding: 20px 40px;
  border-radius: 10px;
  color: #fff;
}

.bookcafe_rent_process>div:last-of-type {
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: var(--box-shadow-default);
}

.bookcafe_rent_process p a {
  text-decoration: underline;
  color: var(--color-green);
}

.book_search_top {
  margin-top: 80px;
  text-align: center;
}

.business_03_02_03 .board_search_wrap {
  margin: 40px auto 20px 0;
  padding: 0;
  background-color: transparent;
}

.book_search_top .search_container {
  justify-content: center;
}

.book_search_top .search_container .input_search {
  border: 1px solid var(--color-lightgray);
}

.book_search_filter {
  padding: 30px;
  border-radius: 10px;
  background-color: #F4F5EE;
  text-align: center;
}

.book_search_filter>div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.book_search_filter a {
  margin-right: 20px;
}

.book_search_filter a.on,
.book_search_filter a:hover {
  color: var(--color-orange);
}

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

.business_2030_img {
  width: 30%;
}

.business_04_02 .table_sub_2_2 td a {
  width: 100%;
  max-width: 200px;
  min-width: 150px;
}

.business_04_02 .table_sub_2_2 td a img {
  width: 100%;
}

.main_feature_wrap p {
  text-align: center;
}

.main_feature_wrap p strong {
  display: block;
  color: var(--color-green);
}

.business_04_032 .board_cate_wrap1 {
  margin-bottom: 80px;
}

.duhop_top {
  width: 100%;
  height: 250px;
  padding-top: 30px;
  text-align: center;
  background: url(/img/front/img_duhop.png) no-repeat center/cover;
}

.duhop_top>img {
  max-width: 90%;
}

.duhop_box {
  padding: 100px;
  border: 1px solid #DBDBDB;
  border-radius: 50px;
}

.duhop_overview {
  width: clamp(650px, 39.4vw, 800px);
  margin: 0 auto 100px;
}

.duhop_overview li {
  display: flex;
  align-items: baseline;
}

.duhop_overview li span.purple {
  display: inline-flex;
  width: 40px;
  min-width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-purple);
  border-radius: 50%;
}

.duhop_overview li>strong {
  display: inline-block;
  min-width: 120px;
  white-space: nowrap;
}

.duhop_blobs {
  position: relative;
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: space-between;
  color: #fff;
}

.duhop_blobs::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  width: 90%;
  height: 1px;
  transform: translate(-50%, -50%);
  background-color: #DBDBDB;
  z-index: -1;
}

.duhop_blob {
  display: inline-flex;
  width: 187px;
  min-width: 187px;
  height: 187px;
  aspect-ratio: 1/1;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 26px;
}

.duhop_blobs .duhop_blob:first-of-type {
  background-image: url(/img/front/img_duhop_shape1.svg);
}

.duhop_blobs .duhop_blob:nth-of-type(2) {
  background-image: url(/img/front/img_duhop_shape2.svg);
}

.duhop_blobs .duhop_blob:last-of-type {
  background-image: url(/img/front/img_duhop_shape3.svg);
}

.duhop_files>a,
.duhop_apply {
  display: inline-flex;
  width: 228px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid var(--color-purple);
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.duhop_files>a:not(:last-of-type) {
  margin-right: 20px;
}

.duhop_courses {
  position: relative;
}

.duhop_tabs {
  top: 95px;
  display: flex;
  max-width: 1300px;
  padding: 20px 0 30px;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.duhop_tabs.fixed {
  position: fixed;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.duhop_tabs>label {
  position: relative;
  display: flex;
  width: 32.5%;
  height: 60px;
  padding: 1em 30px;
  border-radius: 50px;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  white-space: nowrap;
}

.duhop_tabs>label.on {
  border-width: 3px;
}

.duhop_tabs label[for="course1"] {
  border-color: #7E9157;
  background: url(/img/front//icon_arrow_duhop1.png) no-repeat calc(100% - 30px) center #F4F5EE;
}

.duhop_tabs label[for="course1"] span.color {
  color: #7E9157;
}

.duhop_tabs label[for="course2"] {
  border-color: #835FA7;
  background: url(/img/front//icon_arrow_duhop2.png) no-repeat calc(100% - 30px) center #EEEEFC;
}

.duhop_tabs label[for="course2"] span.color {
  color: #835FA7;
}

.duhop_tabs label[for="course3"] {
  border-color: #536C59;
  background: url(/img/front/icon_arrow_duhop3.png) no-repeat calc(100% - 30px) center #DDE5E1;
}

.duhop_tabs label[for="course3"] span.color {
  color: #536C59;
}

.course_list {
  display: none;
}

input[name="duhop_course"]:checked+.course_list {
  display: block;
}

.course_item {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #dbdbdb;
}

.course__num {
  padding-top: 62px;
  text-align: center;
}

.course__num img {
  display: block;
  margin: 0 auto 10px;
}

.course__img {
  min-width: 300px;
  margin: 0 50px;
}

.course__txt {
  padding-top: 10px;
}

.course__txt li {
  margin-bottom: 10px;
}

.course__txt li {
  display: flex;
}

.course__txt li span {
  margin-right: 5px;
}

.duhop_mo_tit {
  display: none;
  color: #737373;
}

/* 231201 두홉길 수정 */
.duhop_video {
  width: 100%;
  height: 500px;
  border: 1px solid #DBDBDB;
}

/*240320 두홉길 신청 바로가기 버튼 추가 */
li:has(.duhop_apply) span,
li:has(.duhop_apply) strong {
  visibility: hidden;
}

.duhop_apply {
  width: 100%;
  height: 40px;
  border-radius: 10px;
}

/********** 서브 - 키움지원단 **********/
.kium_01 .table_sub_3 td a {
  text-decoration: none;
}

.kium_03 .sub_body_desc2_btns>a,
.kium_03 .btn_download {
  width: auto;
  white-space: nowrap;
}

.kium_03 .btn_request {
  padding-right: 3em;
}

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

.kium_what {
  width: 30%;
  height: 310px;
  border-bottom: 1px solid #9BB553;
}

.kium_what_inner {
  position: relative;
  display: inline-block;
  width: 100%;
}

.kium_what_inner .kium_what_text {
  position: absolute;
  left: 85px;
  width: calc(100% - 85px);
  line-height: 130%;
}

.kium_what_title {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-bottom: 30px;
  line-height: 55px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--color-lightgreen);
  color: #fff;
}

.kium_what_title::after {
  content: "";
  position: absolute;
  top: -12px;
  right: -10px;
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--color-orange);
  z-index: -1;
}

.kium_what p {
  word-break: keep-all;
  letter-spacing: -0.4px;
}

.kium_table_wrap,
.kium_platform_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.kium_table_wrap>table {
  width: 48%;
}

.kium_table_wrap>table:nth-of-type(2) thead th,
.kium_table_wrap>table:nth-of-type(3) thead th {
  background-color: var(--color-lightgreen);
}

.kium_platform_wrap {
  row-gap: 40px;
}

.kium_table_wrap img.inner_01_Ca {
  width: 100%;
  min-width: 130px;
  max-width: 180px;
}

.kium_table_wrap .inner_t1 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 0 15px 0;
  font-size: 1.1em;
}

.kium_table_wrap .inner_t1 .tx1 {
  padding: 0 0 5px 0;
  font-weight: 700;
}

.kium_table_wrap .inner_t1 .tx2 {
  color: #59811C;
  font-size: 0.85em;
  text-align: right;
}

@media (max-width:880px) {
  .kium_table_wrap {
    flex-direction: column;
  }

  .kium_table_wrap>table {
    width: 100%;
  }
}



.kium_platform {
  display: flex;
  width: 48%;
  align-items: center;
}

.kium_platform img {
  max-width: 90px;
  max-height: 90px;
}

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

.hospital_care {
  display: flex;
  width: 30%;
  align-items: center;
}

.hospital_care span {
  width: 100px;
  height: 100px;
  line-height: 100px;
  padding: 0 10px;
  margin-right: 20px;
  border-radius: 10px;
  box-shadow: var(--box-shadow-default);
  text-align: center;
}

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

.hospital_carer {
  width: 49%;
}

.hospital_carer table {
  width: 100%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.hospital_carer caption {
  font-size: 0;
  width: 0;
  height: 0;
}

.hospital_carer_wrap>div:first-of-type table thead th {
  background-color: var(--color-orange);
}

.hospital_carer_wrap>div:last-of-type table thead th {
  background-color: var(--color-lightgreen);
}

.hospital_carer table thead th {
  padding: 13px 10px;
  color: #fff;
}

.hospital_carer table th {
  word-break: keep-all;
}

.hospital_carer table tbody>tr {
  border-bottom: 1px solid #DBDBDB;
}

.hospital_carer table tbody>tr td {
  padding: 30px 10px;
}

.hospital_carer table tbody>tr:nth-of-type(2n-1) {
  background-color: #f7f7f7;
}

.kium_system_wrap {
  display: flex;
  width: 100%;
  padding-bottom: 50px;
  justify-content: space-between;
  align-items: center;
}

.kium_system {
  position: relative;
  width: 30%;
  height: 170px;
  background: url(/img/front/bg_lined_box1.png) no-repeat center/contain;
}

.kium_system_wrap>div:nth-of-type(1) p {
  top: 33%;
}

.kium_system_wrap>div:nth-of-type(2) p {
  top: 40%;
}

.kium_system_wrap>div:nth-of-type(2) {
  background: url(/img/front/bg_lined_box2.png) no-repeat center/contain;
}

.kium_system_wrap>div:nth-of-type(3) {
  background: url(/img/front/bg_lined_box3.png) no-repeat center/contain;
}

.kium_system p {
  position: absolute;
  width: 100%;
  top: 35%;
}

/* 230414 아픈아이긴급병원동행서비스 추가 */
.kium_06 .sub_body_title,
.kium_06 .fz30 {
  word-break: keep-all;
}

.kium_06 .kium_platform {
  align-items: flex-start;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-green);
}

.kium_sick_span {
  display: inline-block;
  width: 130px;
  min-width: 130px;
  height: 40px;
  line-height: 40px;
  margin-right: 20px;
  background-image: linear-gradient(to bottom, #F48200, #EF4835);
  border-radius: 50px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
  text-align: center;
  color: #fff;
}

.kium_sick_text {
  word-break: keep-all;
}

ul.kium_sick_text {
  margin-left: 9px;
  text-indent: -13px;
}

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

.kium_sick_double {
  display: flex;
  width: 48%;
  align-items: center;
}

.kium_sick_double strong.fz20 {
  margin-right: 35px;
  white-space: nowrap;
}

.kium_01 .kium_what {
  height: unset;
  border-bottom: 0;
}

/********** 서브 - 아카이빙 **********/
.archiving_01_01 .inner_container {
  margin-bottom: 0;
}

.archiving_01_01 .tx-cent,
.archiving_01_02 .tx-cent {
  word-break: keep-all;
}

.archiving_01_02 h3.fz40,
.archiving_01_03 h3.fz40 {
  color: #737373;
}

.gjwomen_title {
  padding: 100px 0 40px;
}

.gjwomen_p {
  line-height: 2;
  padding: 50px 0;
}

.archiving_poster_wrap {
  width: 100%;
  height: 600px;
  margin-bottom: 80px;
}

.archiving_poster_bg {
  display: flex;
  height: 100%;
  column-gap: 30px;
  align-items: center;
  justify-content: center;
  background: url(/img/front/bg_archiving_poster.png) no-repeat center bottom/cover;
}

.archiving_poster_item {
  color: #fff;
  width: calc(100% / 3);
  text-align: center;
}

.archiving_poster_item img {
  width: 100%;
  max-width: 350px;
}

.archiving_01_01 .inner_full_width>p {
  width: 92%;
  max-width: 1300px;
  padding-bottom: 120px;
  margin: 0 auto;
  line-height: 2;
}

.archiving_history_container {
  display: flex;
  width: 100%;
  border-top: 1px solid #DBDBDB;
}

.archiving_history_left {
  display: flex;
  width: 40%;
  justify-content: end;
  padding-top: 150px;
  padding-right: 60px;
  column-gap: 60px;
  background-color: #F7F7F7;
}

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

.archiving_left_year {
  position: relative;
}

.archiving_left_year img {
  z-index: 2;
}

.archiving_left_year>img.span_2023 {
  padding-top: 370px;
}

.archiving_left_year>img.span_2022 {
  padding-top: 205px;
}

.archiving_left_year>img.span_2021 {
  padding-top: 455px;
}

.archiving_left_year span {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #DBDBDB;
}

.archiving_history_right {
  width: 60%;
  padding-top: 150px;
  padding-left: 60px;
  background-color: #fff;
}

.archiving_history_right img {
  max-width: 110px;
}

.archiving_history_right .fz40 {
  display: none;
}

.archiving_right_2024 {
  padding: 120px 0 0;
}

.archiving_right_2023 {
  padding: 120px 0 0;
}

.archiving_right_2022 {
  padding: 120px 0 0;
}

.archiving_right_2021 {
  padding: 120px 0 150px;
}

.archiving_right_2021 .archiving_history_item span {
  background-color: var(--color-orange);
}

.archiving_history_item {
  display: flex;
  max-width: 760px;
  padding: 30px 20px;
  border-bottom: 1px solid #DBDBDB;
}

.archiving_history_item>div {
  width: 200px;
  white-space: nowrap;
}

.archiving_history_item span {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--color-green);
}

.archiving_01_02 {
  background: url(/img/front/bg_sub.png) no-repeat center/contain;
}

.archiving_02_01,
.kium_04_02 {
  background: url(/img/front/bg_sub.png) no-repeat center bottom/contain;
}

.archiving_01_02 .sub_data_video_wrap,
.archiving_01_03 .sub_data_video_wrap {
  margin-bottom: 120px;
}

.archiving_02_01 .sub_data_video_wrap {
  margin-bottom: 50px;
}

.archiving_02_02 table td {
  word-break: keep-all;
}

.archiving_01_03 img.mr10 {
  margin-right: 10px;
}

.gjwomen_introduce_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 60px;
}

.gjwomen_introduce {
  position: relative;
  width: 30%;
  padding: 30px;
  border-radius: 20px 70px 20px 20px;
  box-shadow: var(--box-shadow-default);
  background-color: #F7F7F7;
}

.gjwomen_introduce p {
  text-indent: -5px;
}

.gjwomen_introduce::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: var(--color-lightgreen);
  z-index: -1;
}

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

.gjwomen_introduce_name span {
  position: relative;
  display: inline-block;
  width: 70%;
  height: 1px;
  background-color: var(--color-green);
  opacity: .5;
}

.gjwomen_introduce_name span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid var(--color-green);
  border-radius: 50%;
  background-color: #f7f7f7;
}

.gjwomen_introduce a {
  display: inline-block;
  padding-right: 1.5em;
  background: url(/img/front/icon_next_b.png) no-repeat right center;
}

.gjwomen_introduce:hover,
.gjwomen_introduce:active {
  background-image: linear-gradient(to top, #fff 0%, #fff 50%, #EF4835 50%, var(--color-orange) 100%);
  color: #fff;
}

.gjwomen_introduce:hover a,
.gjwomen_introduce:active a {
  background: url(/img/front/icon_next.png) no-repeat right center;
}

.gjwomen_introduce:hover .gjwomen_introduce_name span,
.gjwomen_introduce:active .gjwomen_introduce_name span {
  background-color: #fff;
}

.gjwomen_introduce:hover .gjwomen_introduce_name span::after,
.gjwomen_introduce:active .gjwomen_introduce_name span::after {
  border: 2px solid #fff;
  background-color: #EF4835;
}

.gjwomen_introduce:hover::after,
.gjwomen_introduce:active::after {
  background-color: var(--color-orange);
}

.archiving_women_title {
  display: flex;
  padding-top: 40px;
  justify-content: space-between;
  align-items: center;
}

.archiving_women_quote {
  width: 100%;
  padding: 13px 10px;
  margin-bottom: 60px;
  border-radius: 10px;
  text-align: center;
  background-image: linear-gradient(to right, var(--color-lightgreen), var(--color-green));
  color: #fff;
}

.archiving_women_contents {
  display: flex;
  margin-bottom: 60px;
  column-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1.5;
}

.archiving_women_contents img {
  width: 100%;
  max-width: 460px;
  border-radius: 10px;
  border: 1px solid #dbdbdb;
}

.archiving_women_contents p {
  max-width: 780px;
  word-break: keep-all;
}

.archiving_women_contents strong {
  color: var(--color-darkgray);
}

.archiving_03_01 {
  background: url(/img/front/bg_sub.png) no-repeat center/contain;
}

.women_oriented_goal_wrap {
  display: flex;
  padding-left: 4%;
  column-gap: 5%;
  row-gap: 60px;
  flex-wrap: wrap;
}

.women_oriented_goal {
  position: relative;
  width: 30%;
  padding: 40px 10px;
  border-radius: 10px;
  background-color: #F4F5EE;
  text-align: center;
}

.women_oriented_goal>span {
  position: absolute;
  top: -20px;
  left: -20px;
}

.archiving_02_02 .board_view_top .board_view_top_right,
.archiving_03_02 .board_view_top .board_view_top_right {
  padding-left: 0;
}

/********** 서브 - 열린공간 **********/
.intra_report_bg .education_info_box {
  top: 43%;
}

.intra_report_desc {
  position: absolute;
  bottom: 17%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 1000px;
  color: var(--color-green);
}

.newsletter .inner_max_width {
  border: 1px solid #DBDBDB;
  border-radius: 10px;
}

.newsletter_container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}

.newsletter_title_img {
  overflow: hidden;
}

.newsletter_item {
  padding: 60px 0;
  border-bottom: 1px solid #DBDBDB;
}

.newsletter_item .newsletter_text_wrap {
  padding-left: 60px;
}

.newsletter_item_text .newsletter_text_wrap {
  padding-left: 0;
}

.newsletter_item_text .newsletter_img_wrap {
  width: 100%;
}

.newsletter_item .newsletter_img_wrap {
  position: relative;
}

.newsletter_item .newsletter_img_wrap img {
  width: 100%;
  max-width: 330px;
}

.newsletter_item .newsletter_img_wrap span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 0 0 20px 0;
  color: #fff;
}

.newsletter_text_wrap>span {
  display: inline-block;
  padding: 12px 20px;
  margin-bottom: 30px;
  border-radius: 0 0 20px 0;
  color: #fff;
}

.newsletter_item .news_gender {
  background-color: #FF6757;
}

.newsletter_item .news_manage {
  background-color: #F48200;
}

.newsletter_item .news_exchange {
  background-color: #8577B5;
}

.newsletter_item .news_equality {
  background-color: #F676AF;
}

.newsletter_item .news_population {
  background-color: #5778E2;
}

.newsletter_item .news_kium {
  background-color: #1DB4C5;
}

.newsletter_item .news_etc {
  background-color: var(--color-darkgray);
}

.newsletter_item a {
  background-color: var(--color-lightgreen);
}

.newsletter_item .newsletter_btns span {
  color: var(--color-darkgray);
}

.newsletter_item,
.newsletter_btns,
.newsletter_bottom {
  display: flex;
  justify-content: space-between;
}

.newsletter_btns,
.newsletter_bottom {
  align-items: center;
}

.newsletter_bottom {
  padding-top: 20px;
  color: var(--color-darkgray);
}

.newsletter_bottom a {
  margin-right: 30px;
}

.newsletter_bottom>a:last-of-type {
  margin-right: 0;
}

.newsletter_bottom a img {
  margin-right: 20px;
}

.newsletter_bottom img {
  border-radius: 10px;
  overflow: hidden;
}

/*.open_07 .sub_body_title {margin: 80px 0 20px;}*/
.open_07 .mb20 {
  text-align: right;
}

.open_07 .sub_body_desc1_sb>div:first-of-type>div {
  white-space: nowrap;
}

.open_07 .grid_img_wrap img {
  object-fit: initial;
}

/********** 서브 - 재단소개 **********/
.info_01 {
  background: url(/img/front/bg_sub.png) no-repeat center 63.5vh/contain;
}

.info_01 .inner_max_width {
  padding-bottom: 80px;
}

.greeting_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.greeting_tit {
  position: relative;
  width: 100%;
  order: 1;
  word-break: keep-all;
  font-weight: 500;
}

.greeting_tit::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 12.5em;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(/img/front/shape_circle_green.png) no-repeat center;
  z-index: -1;
}

.greeting_txt {
  width: 52%;
  order: 2;
  line-height: 170%;
  text-align: justify;
}

.greeting_txt p {
  white-space: pre-wrap;
  word-break: keep-all;
  text-align: justify;
}

.greeting_img {
  width: 40%;
  order: 3;
}

.chair_name {
  position: relative;
  display: flex;
  padding-top: 24px;
  align-items: center;
  white-space: nowrap;
}

.chair_name::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 38px;
  background-color: var(--color-orange);
  margin-right: 15px;
}

.chair_name .ff_kyobo {
  margin-left: 15px;
}

.content_double_wrap {
  display: flex;
  padding: 20px 0 50px;
  justify-content: space-between;
  align-items: center;
}

.content_double {
  position: relative;
  width: 48%;
}

.content_double .fz20 {
  color: var(--color-darkgray);
}

.content_double .line {
  display: inline-block;
  width: 90%;
  height: 1px;
  background-color: var(--color-orange);
}

.content_double::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 170px;
  height: 170px;
  background: url(/img/front/img_mission.png) no-repeat center/contain;
}

.content_double_wrap>div:last-of-type {
  text-align: right;
}

.content_double_wrap>div:last-of-type::after {
  left: -10px;
  background: url(/img/front/img_vision.png) no-repeat center/contain;
}

.info_value_wrap {
  margin-bottom: 50px;
  column-gap: 30px;
}

.info_value {
  position: relative;
  width: 30%;
  height: 100%;
  min-height: 225px;
  border-radius: 10px;
  box-shadow: var(--box-shadow-default);
  background: url(/img/front/img_value1.png) no-repeat center top/cover #fff;
}

.info_value_wrap>div:nth-of-type(2) {
  background: url(/img/front/img_value2.png) no-repeat center top/cover #fff;
}

.info_value_wrap>div:nth-of-type(3) {
  background: url(/img/front/img_value3.png) no-repeat center top/cover #fff;
}

.info_value span {
  position: absolute;
  bottom: 12%;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 20px;
  border-radius: 50px;
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-lightgreen);
  color: #fff;
}

.info_value_wrap>div:nth-of-type(2) span {
  background-color: var(--color-orange);
}

.info_value_wrap>div:nth-of-type(3) span {
  background-color: var(--color-green);
}

.info_02 .responsive_img_wrap {
  padding-bottom: 20px;
}

.info_02 .gender_forum_business {
  height: 250px;
}

.info_02 .gender_forum_business::after {
  content: "";
  top: 30%;
}

.info_02 .gender_forum_business_wrap>div:nth-of-type(2)::after {
  content: "";
  background-image: linear-gradient(to bottom, #F48200 30%, #EF4835);
  word-break: keep-all;
}

.info_02 .gender_forum_business_wrap>div:nth-of-type(3)::after {
  content: "";
  word-break: keep-all;
}

.info_02 .gender_forum_business_wrap>div:nth-of-type(4)::after {
  content: "";
  background-image: linear-gradient(to bottom, #F48200 30%, #EF4835);

}

.info_02 .gender_forum_business_wrap {
  margin-bottom: 50px;
}

.info_goal {
  position: relative;
  width: 30%;
  height: 169px;
  background: url(/img/front/bg_lined_box1.png) no-repeat center/contain;
}

.info_goal_wrap>div:nth-of-type(2) {
  background: url(/img/front/bg_lined_box2.png) no-repeat center/contain;
}

.info_goal_wrap>div:nth-of-type(3) {
  background: url(/img/front/bg_lined_box3.png) no-repeat center/contain;
}

.info_goal:hover,
.info_goal:active {
  background: url(/img/front/bg_lined_box1_on.png) no-repeat center/contain;
  color: #fff;
}

.info_goal_wrap>div:nth-of-type(2):hover,
.info_goal_wrap>div:nth-of-type(2):active {
  background: url(/img/front/bg_lined_box2_on.png) no-repeat center/contain;
}

.info_goal_wrap>div:nth-of-type(3):hover,
.info_goal_wrap>div:nth-of-type(3):active {
  background: url(/img/front/bg_lined_box3_on.png) no-repeat center/contain;
}

.info_goal p {
  height: 100%;
  padding: 70px 0 60px;
}

.info_goal_wrap>div:nth-of-type(2) p::after {
  border: 1px solid var(--color-orange);
}

.info_strategy_wrap {
  display: flex;
  row-gap: 40px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.info_strategy_wrap .info_strategy {
  position: relative;
  display: grid;
  align-content: center;
  width: 30%;
  height: 145px;
  line-height: 1.4;
  border-radius: 30px;
  background-color: #EEF6DF;
}

.info_strategy_wrap>div:nth-of-type(2n) {
  background-color: #F4F5EE
}

.info_strategy_wrap .info_strategy::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 45px;
  height: 5px;
  background-color: #9BB553;
}

.info_strategy_wrap>div:nth-of-type(2n)::after {
  background-color: #459848
}

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

.info_history_tab {
  display: inline-block;
  width: 32%;
  padding: 10px 0;
  margin-bottom: 80px;
  border-radius: 10px;
  text-align: center;
  background-color: #F7F7F7;
  color: #707070;
}

.info_history_tab.on,
.info_history_tab:hover {
  background-color: var(--color-lightgreen);
  color: #fff;
}

.info_history_title {
  position: relative;
  display: inline-block;
}

.info_history_title::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -5px;
  right: -10px;
  width: 28px;
  height: 28px;
  background: url(/img/front/shape_circle_green.png) no-repeat center/contain;
  z-index: -1;
}

.info_history_wrap {
  position: relative;
}

.info_history_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.milestone {
  font-size: 0;
  visibility: hidden;
}

.info_history_year {
  position: absolute;
  z-index: 99;
  top: 0;
  transition: top 0.3s ease-out;
}

.info_history_year ul {
  list-style: none;
  list-style-position: inside;
  margin: 15px 0;
}

.info_history_year ul li {
  position: relative;
  margin: 15px 0;
  color: #707070;
  cursor: pointer;
  font-size: 45px;
  transition: all 0.3s ease-out;
}

.info_history_year ul li.active {
  color: #000;
  font-size: 80px;
}

.info_history_year ul li.active span::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -150%;
  top: 50%;
  transform: translateY(-50%);
  height: 10px;
  width: 140%;
  background: url(/img/front/img_history_circle.png) no-repeat center/contain;
}

.info_history_year ul li:hover {
  color: #000;
}

.info_history_inner p {
  margin-bottom: 20px;
}

.info_history_inner span {
  display: inline-block;
  width: 67px;
  /* width:55px; */
  color: #707070;
  text-align: end;
}

.info_history_inner .widen {
  letter-spacing: 1.4px;
}

.info_history_contents {
  float: right;
}

section.info_02 .inner_full_width .inner_max_width {
  padding-bottom: 0px;
}

.ci_signature_item_quarter {
  display: flex;
  column-gap: 40px;
}

.ci_signature_item {
  display: flex;
  column-gap: 145px;
  row-gap: 60px;
}

.ci_signature_item_half {
  flex-direction: column;
}

.ci_signature_item_half>div {
  display: table;
  max-width: 1000px;
}

.ci_signature_item_half>div>div {
  display: table-cell;
  width: 50%;
}

.ci_signature_title {
  width: 100%;
  padding: 20px 40px;
  border-top: 1px solid #DBDBDB;
  background-color: #F4F5EE;
}

.info_org_chart_img,
.info_ci_img {
  padding: 50px;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  text-align: center;
}

/* .info_org_chart_img {padding:10px;} */
.info_org_chart_img picture img {
  width: fit-content;
}

.info_ci_title {
  margin: 100px 0;
}

.info_ci_grd_color {
  width: 100%;
  height: 40px;
  background-image: linear-gradient(to right, #39A63D, #95C227, #FAE220, #ED6D00);
}

.info_ci_color_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.info_ci_color_wrap>div {
  width: 25%;
}

.info_ci_color_wrap>div>span {
  display: inline-block;
  width: 100%;
  height: 80px;
  text-align: center;
}

.info_ci_color_wrap>div:nth-of-type(1) span {
  background-color: #39A63D;
}

.info_ci_color_wrap>div:nth-of-type(2) span {
  background-color: #FAE220;
}

.info_ci_color_wrap>div:nth-of-type(3) span {
  background-color: #95C227;
}

.info_ci_color_wrap>div:nth-of-type(4) span {
  background-color: #ED6D00;
}

.info_cate_wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 20px;
}

.info_cate_wrap a {
  width: 25%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #dbdbdb;
  color: var(--color-darkgray);
  text-align: center;
}

.info_cate_wrap a.on,
.info_cate_wrap a:hover {
  background-color: var(--color-orange);
  border: 1px solid var(--color-orange);
  color: #fff;
}

.info_04 .table_sub_default tbody tr>td:nth-of-type(2) {
  white-space: nowrap;
}

.info_04 .info_04_table_wd tbody tr>td:nth-of-type(1),
.info_04 .info_04_table_wd tbody tr>td:nth-of-type(2) {
  width: 18%;
}

.info_04 .info_04_table_wd tbody tr>td:nth-of-type(3) {
  width: 38%;
}

.info_04 .info_04_table_wd tbody tr>td:nth-of-type(4) {
  width: 26%;
}

.info_05 iframe {
  width: 100%;
  height: 600px;
}

.declare_clean_wrap {
  padding: 60px 40px;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
}

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

.declare_clean_title>div {
  padding: 0 40px;
  white-space: nowrap;
}

.declare_clean_text {
  padding: 40px -0;
  border-radius: 10px;
  background-color: #F4F5EE;
}

.declare_clean_text p {
  width: 70%;
  margin: 0 auto;
  line-height: 2;
}

.declare_clean_text p {
  display: flex;
}

.info_07_04_01 .declare_clean_text p>span:first-child {
  min-width: 20px;
}

.declare_clean_text p>span:first-child {
  min-width: 40px;
}

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

.esg_item {
  width: 30%;
}

.esg_item>span {
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  border-radius: 50vw;
  background-color: var(--color-orange);
  color: #fff;
  box-shadow: var(--box-shadow-default);
}

.esg_wrap>div:nth-of-type(1) .fz55 {
  color: var(--color-orange);
}

.esg_wrap>div:nth-of-type(2) .fz55 {
  color: var(--color-lightgreen);
}

.esg_wrap>div:nth-of-type(3) .fz55 {
  color: var(--color-green);
}

.esg_wrap>div:nth-of-type(2)>span {
  background-color: var(--color-lightgreen);
}

.esg_wrap>div:nth-of-type(3)>span {
  background-color: var(--color-green);
}

.esg_text_box {
  min-height: 140px;
  padding: 20px;
  line-height: 1.5;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: var(--box-shadow-default);
}

.esg_text_box p {
  display: flex;
}

.info_07_01_01 p,
.info_07_02 table th,
.info_07_02 table td,
.declare_clean_wrap,
.moral_text,
.info_07_04_02,
.info_07_05 .td_date,
.evaluation_function span {
  word-break: keep-all;
}

.info_07_01_04 .table_sub_default tbody tr td:first-of-type {
  white-space: normal;
}

.info_07_03 .board_table .td_cate {
  text-align: left;
}

.info_07_04_01 .declare_clean_wrap {
  margin-bottom: 100px;
}

.moral_text p {
  line-height: 1.8;
  padding-left: .8em;
}

.moral_text p span {
  max-width: 100%;
}

.moral_text p i {
  display: inline-block;
  max-width: 100%;
  padding-left: 12px;
  line-height: 1.5;
  font-style: normal;
  color: var(--color-darkgray);
}

.info_07_01_04 table thead th:first-of-type {
  width: 40%;
}

.info_07_04_05 table a {
  display: block;
}

.list_p {
  display: flex;
}

.list_p>span:first-child {
  display: inline-block;
  padding-right: 4px;
}

.report_center_docs_wrap {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

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

.get_here_left {
  width: 56%;
  border-radius: 10px;
}

.get_here_right {
  display: flex;
  width: calc(44% - 30px);
  flex-direction: column;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  overflow: hidden;
}

.get_here_right>div {
  display: flex;
  width: 100%;
  height: 33.33333%;
  padding: 30px;
  align-items: center;
  background-color: #F7F7F7;
}

.get_here_address span,
.get_here_phone span,
.get_here_fax span {
  display: inline-block;
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 30px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--color-green);
}

.get_here_phone span {
  background-color: var(--color-orange);
}

.get_here_right>div .fz20 {
  color: var(--color-green);
}

.get_here_right>div:nth-of-type(2n) {
  background-color: #fff;
}

.get_here_right>div:nth-of-type(2n) .fz20 {
  color: var(--color-orange);
}


/********** 서브 - 부가정보 **********/
.etc_01 .sub_data_wrap,
.etc_02 .sub_data_wrap {
  line-height: 1.8em;
  font-weight: 300;
}

.etc_01 .sub_data_wrap .fz18,
.etc_02 .sub_data_wrap .fz18 {
  word-break: keep-all;
}

.text_align {
  display: flex;
  align-items: baseline;
}

.text_align img {
  position: relative;
  top: 4px;
}

.sitemap .sitemap_group_wrap:last-of-type .sitemap_group_left span {
  display: none;
}

.sitemap_group {
  display: flex;
  padding: 80px 0;
  justify-content: space-between;
  border-bottom: 1px solid #dbdbdb;
}

.sitemap_group_left span {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  background-color: #F4F5EE;
}

.sitemap_group_right {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  width: 80%;
}

.sitemap_right_item {
  width: calc(33% - 20px);
  margin-bottom: 20px;
  word-break: keep-all;
}

.sitemap_right_item a:hover {
  font-weight: 700;
  color: var(--color-orange);
}

.sitemap_right_item ul {
  line-height: 1.5;
}

.sitemap_item_2dt {
  display: block;
  width: 100%;
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 2px solid #DBDBDB;
  color: var(--color-green);
}

/********** 서브 - 검색결과 **********/
.search_result_top {
  display: flex;
  padding: 50px 20px;
  margin-top: 80px;
  border-radius: 10px;
  justify-content: center;
  background-color: #F4F5EE;
}

.search_result_top .select_default {
  max-width: 210px;
  padding: 0 1em;
  background-color: #fff;
}

.search_result_top .search_container {
  width: 100%;
  max-width: 440px;
}

.search_result_top .search_container .input_search {
  border: 1px solid #DBDBDB;
}

.search_result_text {
  padding: 60px 0;
  text-align: center;
  word-break: keep-all;
}

.search_result_text strong,
.search_result_cate_wrap strong {
  color: var(--color-orange);
}

.search_result_cate_wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 2px solid #BEBEBE;
}

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

.search_result_item {
  padding: 40px 0;
  border-bottom: 1px solid #BEBEBE;
}

.search_result_cate {
  display: block;
  color: var(--color-green);
}

.search_result_item .search_result_item_content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
}

.search_result_item>span:last-of-type {
  color: var(--color-darkgray);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background-color: #000 !important;
  color: #fff;
}

.note-modal-footer .note-btn {
  margin-top: -10px;
}

/************** 반응형 **************/
@media (max-height:1000px) {
  .index_gj_logo {
    top: 13vh;
    max-width: 180px;
  }

  .index_inner_right_text {
    top: 55%;
  }
}

@media (max-width:1600px) {

  #gnb .gnb_right_wrap,
  .index_container_right {
    display: none;
  }

  #gnb .gnb_left_wrap,
  .index_container_left {
    width: 100%;
  }

  #gnb .gnb_others {
    right: 30px;
  }

  .right_sns_bar {
    display: flex;
  }
}

/*****************  gnb ************************************/
.gnb_gwangju_logo>img {
  width: 110px;
}

@media (max-width:1460px) {
  #gnb .gnb_left .gnb_left_left a {
    width: 180px;
  }

  #gnb .gnb_left_right {
    max-width: 900px;
    padding-left: 220px;
  }

  #gnb .gnb_others {
    right: 15px;
  }

  .gnb_others .mr20 {
    margin-right: 10px;
  }

  .gnb_search,
  .gnb_sitemap {
    width: 45px;
    height: 45px;
  }

  .gnb_sitemap {
    border-radius: 5px;
  }

  .gnb_family {
    font-size: 0.9rem;
  }

  .gnb_gwangju_logo>img {
    width: 100px;
  }
}

@media (max-width:1400px) {
  .gnb_left_container-Box {
    margin-left: 0px;
    width: 70%;
  }
}

@media (max-width:1265px) {
  .gnb_left_left {
    display: none;
  }

  #gnb .gnb_left_right {
    max-width: 700px;
    padding-left: 0px;
  }
}

@media (max-width:1075px) {

  .gnb_gwangju_logo,
  .gnb_others .sp_line {
    display: none;
  }
}

/*****************  gnb ************************************/
@media (max-width:1366px) {
  .inner_max_width {
    width: 92%;
  }

  .herstory_gallery_wrap,
  .bookcafe_gallery_wrap {
    width: 92%;
  }

  .business_wrap {
    flex-direction: column;
  }

  .business_left {
    margin-right: 0;
    margin-bottom: 40px;
    column-gap: 0;
  }

  .business_left>a {
    width: calc(50% - 15px);
  }

  .business_right_item {
    padding: 18px 10px;
  }

  .footer .footer_bottom_wrap {
    padding: 50px 4%;
  }

  .footer .footer_top_left a {
    margin-right: 15px;
  }
}

@media (max-width:1300px) {
  .content_double_wrap {
    row-gap: 60px;
    flex-direction: column;
  }

  .content_double {
    width: 100%;
  }
}

@media (max-width: 1240px) {
  #gnb .gnb_left {
    column-gap: 0;
  }

  #gnb .gnb_left .gnb_left_left a {
    width: 170px;
  }

  .index_left_banner_wrap {
    height: 300px;
  }

  .index_inner_left_text .fz55 {
    margin-bottom: 30px;
  }

  .index_inner_left_text .enter {
    display: block;
  }

  .index_inner_left_text .search_keyword,
  .board_tab,
  .section_board_bg,
  .board_all_wrap {
    display: none;
  }

  .board_contents {
    width: 100%;
  }

  .board_content {
    width: calc(50% - 10px);
    max-width: unset;
  }

  .index_container .poster_swiper {
    width: 65vw;
  }

  .poster_swiper_buttons>div {
    top: calc(50% + 45px);
    width: 14px;
    height: 28px;
  }

  .poster_swiper_buttons .swiper-button-next {
    right: 10px;
    background: url(/img/front/icon_next_m.png) no-repeat center/contain;
  }

  .poster_swiper_buttons .swiper-button-prev {
    left: 10px;
    background: url(/img/front/icon_prev_m.png) no-repeat center/contain;
  }

  .sub_body_desc2_left {
    max-width: 610px;
  }

  .policy_info {
    width: 100%;
  }

  /* .study_policy_org {flex-direction: column;} */
  .study_policy_org>div {
    padding-bottom: 15px;
  }

  .gender_forum_info_arrow {
    width: 70%;
  }

  .business_left_img_wrap {
    width: 100%;
  }

  .evaluation_function img {
    display: block;
    width: 80px;
    height: 80px;

  }

  .evaluation_function span {
    padding: 0 10px;
  }

  /* 230421 성평등교육전문강사양성 수정 반응형 */
  .education_process_new_wrap {
    flex-wrap: wrap;
  }

  .education_process_new_wrap>div {
    width: calc(50% - 10px);
  }

  .education_process_new_1,
  .education_process_new_2 {
    margin-bottom: 50px;
  }

  .business_03_01_02 .inner_full_width {
    background: url(/img/front/bg_herstory.png) no-repeat left bottom/contain;
  }

  .business_03_01_02 .inner_full_width .inner_max_width {
    padding: 0 0 80px 0;
  }

  .herstory_contents_box {
    height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
  }

  .herstory_content_left {
    position: static;
    bottom: unset;
    left: unset;
  }

  .herstory_content_right {
    position: static;
    bottom: unset;
    left: unset;
  }

  .herstory_content_right .fz40 {
    margin-bottom: 30px;
  }

  .business_03_02_03 table tbody td {
    word-break: keep-all;
  }

  .business_03_02_03 .board_search_wrap {
    background-color: transparent;
  }

  .newsletter_container {
    width: 92%;
  }

  .newsletter_bottom {
    flex-direction: column;
    row-gap: 20px;
  }

  .info_history_tab_wrap,
  .info_history_year {
    display: none;
  }

  .info_history_contents {
    float: none;
  }

  .milestone {
    margin-bottom: 20px;
    font-size: 30px;
    visibility: visible;
    color: var(--color-darkgray);
  }

  .info_history_contents .info_history_inner .info_history.active p span {
    color: var(--color-darkgray) !important;
  }

  .footer_top_left>a:last-of-type,
  .footer_top_left>a:nth-last-of-type(2) {
    display: none;
  }

  .footer_top_left>a:nth-last-of-type(3) {
    margin-right: 0;
  }
}

@media (min-width:1060px) {

  .m_gnb,
  .archiving_history_right img {
    display: none;
  }
}

@media (max-width:1060px) {
  #gnb {
    height: 60px;
  }

  #gnb .gnb_left .gnb_left_left a {
    width: 140px;
  }

  .gnb_right,
  #modalSearch {
    display: none !important;
  }

  .m_gnb_button {
    display: block;
    z-index: 1000;
  }

  #gnb .gnb_left_wrap {
    padding: 0 4%;
  }

  .gnb_left_right,
  .gnb_others_wrap,
  .right_sns_bar,
  .sub_top_wrap {
    display: none;
  }

  .m_sub_top_wrap {
    display: block;
    margin-top: 60px;
  }

  .sub_body_title {
    margin: 60px 0 40px;
  }

  .inner_container .sub_data_wrap:last-of-type {
    padding: 40px 0 20px 0;
  }

  .section_board,
  .section_exhibit,
  .section_business,
  .kium_sick_double {
    display: block;
  }

  .policy_03 .grid_view_right_info p {
    display: block;
  }

  .evaluation_contact_wrap {
    flex-direction: column;
  }

  .evaluation_contact,
  .kium_06 .kium_platform {
    width: 100%;
    margin-bottom: 30px;
    align-items: center;
  }

  .kium_platform_wrap {
    row-gap: 0 !important;
  }

  .kium_sick_double img.mr20 {
    max-height: 25px;
    margin-right: 10px !important;
  }

  .kium_sick_double strong.fz20 {
    margin-right: 0;
    vertical-align: middle;
  }

  .kium_sick_contact {
    padding: 15px 0;
  }

  .evaluation_business {
    width: 100%;
  }

  .study_policy_wrap,
  .genderforum_process_wrap,
  .women_db_process_wrap,
  .herstory_info_wrap {
    flex-wrap: wrap;
    justify-content: normal;
    column-gap: 10px;
    padding-bottom: 0;
  }

  .genderforum_process,
  .herstory_info,
  .study_policy_wrap a {
    width: 100%;
    margin-bottom: 30px;
  }

  .women_db_process_wrap {
    justify-content: center;
  }

  .women_db_process_wrap>span {
    margin-bottom: 20px;
    transform: rotate(90deg);
  }

  .archiving_history_left {
    display: none;
  }

  .archiving_history_right {
    width: 100%;
    padding-top: 75px;
    padding-left: 4%;
  }

  .archiving_right_2021 {
    padding: 60px 0 75px;
  }

  .archiving_history_right .fz40,
  .info_ci_img {
    padding: 20px;
  }

  .info_ci_color .enter {
    display: block;
  }

  .archiving_history_right .fz40 {
    margin-bottom: 30px;
  }

  .gjwomen_introduce_wrap {
    column-gap: 30px;
  }

  .gjwomen_introduce {
    width: calc(50% - 15px);
  }

  .open_07 .sub_body_desc1_sb {
    row-gap: 25px;
    flex-direction: column;
  }


  .esg_item .enter {
    display: block;
  }

  .footer_top_wrap .inner_max_width {
    display: flex;
    flex-direction: column;
  }

  .footer .footer_top_right,
  .footer .footer_select_box select {
    width: 100%;
  }

  .footer .footer_top_right>div {
    width: 25%;
  }

  .footer .footer_top_right {
    border-top: 1px solid rgba(255, 255, 255, .2);
  }

  .footer .footer_top_right>div:first-of-type {
    border-left: 0;
  }

  .footer .footer_top_right>div:last-of-type {
    border-right: 0;
  }

  .footer_bottom_gov {
    display: none;
  }
}

@media (max-width: 1024px) {

  .index_inner_left_text .fz55,
  .index_inner_right_text>p,
  .index_inner_right_text>img,
  .index_scroll,
  .index_inner_right_yt,
  .index_inner_right_ig,
  .index_video_wrap,
  .index_gj_logo {
    display: none;
  }

  .index_inner_left {
    width: 100%;
  }

  .index_inner_left_text {
    left: 3%;
  }

  .index_inner_right {
    width: 100%;
    background-color: transparent;
  }

  .index_visual_shape {
    right: -30%;
  }

  .index_inner_right_text {
    top: 80%;
  }

  .index_swiper_etc_wrap {
    left: 3% !important;
  }

  .sub_body_desc2 .sub_body_desc2_right>span {
    width: 200px;
    height: 200px;
  }

  /* .sub_body_desc2_btns {flex-direction: column;}  */
  .sub_body_desc2_btns>a {
    margin-right: 0;
  }

  .duhop_box {
    padding: 40px;
  }
}

@media (max-width:1000px) {
  .hospital_care_wrap {
    flex-direction: column;
  }

  .hospital_care {
    width: 100%;
    margin-bottom: 30px;
  }

  .kium_system_wrap {
    flex-direction: column;
  }

  .kium_system {
    width: 100%;
    margin-bottom: 20px;
  }

  .sick_enter {
    display: block;
    height: 0;
    color: transparent;
  }

  .esg_text_box {
    min-height: 230px;
  }

  .footer .footer_top_wrap {
    height: 100px;
  }

  .footer .footer_top_wrap .footer_top_wrap_inner {
    flex-wrap: wrap;
    height: 50%;
    justify-content: center;
  }

  .footer .footer_select_box {
    width: 50%;
    max-width: unset !important;
  }

  .footer_bottom_text .enter {
    display: block;
  }

  .footer .footer_bottom_logo {
    margin-right: 30px;
  }
}

@media (max-width: 820px) {
  .section_main {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }

  .sub_body_title .line1,
  .board_cate_wrap1 a::after {
    display: none;
  }

  .sub_body_desc3 {
    flex-direction: column;
  }

  .sub_body_desc3 span {
    width: 1px;
    height: 20px;
    margin: 15px 0;
  }

  .board_cate_wrap1 {
    display: block;
    width: 100%;
    max-width: 820px;
    justify-content: unset;
    border-radius: unset;
    white-space: nowrap;
    overflow: auto;
    text-align: left;
  }

  .board_cate_wrap1 a {
    display: inline-block;
    width: unset;
    padding: 0;
    margin: 0 20px 0 0;
  }

  .board_cate_wrap1 a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% + 10px);
    transform: translateY(-50%);
    display: inline-block;
    width: 2px;
    height: 16px;
    background-color: #DBDBDB;
    cursor: default;
  }

  .board_cate_wrap1 a.on,
  .board_cate_wrap1 a:hover {
    background-color: transparent;
  }

  .business_03_02_03 .board_search_wrap {
    position: relative;
    display: block;
  }

  .business_03_02_03 .board_search_wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background-color: #dbdbdb;
  }

  .info_01 {
    background: url(/img/front/bg_sub.png) no-repeat center 90vh/contain;
  }

  .greeting_container {
    position: relative;
    padding-bottom: 85px;
    flex-direction: column;
  }

  .greeting_tit {
    order: 2;
  }

  .greeting_tit::after {
    right: 10.5em;
  }

  .greeting_txt {
    width: 100%;
  }

  .greeting_img {
    width: 100%;
    margin-bottom: 40px;
    order: 1;
  }

  .chair_name {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .info_cate_wrap a {
    width: 50%;
    font-size: 16px;
  }

  .info_ci_title {
    margin: 50px 0;
    font-size: 36px;
  }

  .ci_signature_title {
    padding: 20px 4%;
  }

  .ci_signature_item_quarter {
    flex-wrap: wrap;
    row-gap: 30px;
    column-gap: 30px;
  }

  .ci_signature_item {
    row-gap: 30px;
    column-gap: 30px;
  }

  .ci_signature_item_half>div>div {
    padding: 10px;
  }

  .education_info_box {
    width: 94%;
  }

  .gender_forum_business_wrap {
    flex-wrap: wrap;
  }

  .gender_forum_business {
    width: 48%;
    margin-right: 2%;
  }

  .gender_forum_business_wrap>div:nth-of-type(2n) {
    margin-right: 0;
  }

  .intra_report_desc {
    bottom: 10%;
    width: 94%;
  }

  .kium_what_title {
    width: 40px;
    height: 40px;
    line-height: 44px;
  }

  .kium_what_title::after {
    top: -4px;
    right: -3px;
    width: 23px;
    height: 23px;
  }

  .archiving_poster_item img {
    max-width: 230px;
  }

  .archiving_women_contents,
  .info_goal_wrap,
  .newsletter_item {
    row-gap: 30px;
    flex-direction: column;
  }

  .archiving_women_quote {
    padding: 18px 10px;
    margin-bottom: 40px;
  }

  .info_goal,
  .info_value,
  .newsletter_item>img {
    width: 100%;
  }

  .newsletter_container .newsletter_title_img .mb60 {
    margin-bottom: 0 !important;
  }

  .newsletter_item>div {
    width: 100% !important;
    padding-left: 0;
  }

  .duhop_tabs>label {
    height: unset;
    padding: 13px 20px;
  }

  .duhop_overview {
    width: 100%;
    margin: 0 0 55px;
  }

  .duhop_files>a {
    display: flex;
    margin: 0 auto 10px;
  }

  .duhop_files>a:not(:last-of-type) {
    margin-right: auto;
  }
}

@media (max-width: 768px) {
  .sub_body_desc2 {
    row-gap: 25px;
    flex-direction: column-reverse;
    align-items: normal;
    border-radius: 10px;
    text-align: center;
  }

  .sub_body_desc2 .sub_body_desc2_right>span {
    width: 120px;
    height: 120px;
  }

  .sub_body_desc1 div.fz18,
  .sub_body_desc2 div.fz18 {
    line-height: 1.6;
    text-align: left;
  }

  .paging .mr10 {
    margin-right: 5px !important;
  }

  .paging_item {
    width: 25px;
    height: 25px;
    line-height: 25px;
  }

  .policy_04_02 .board_table .td_tit a,
  .policy_04_03 .board_table .td_tit a,
  .policy_05 .board_table .td_tit a,
  .policy_06_02 .board_table .td_tit a,
  .open_02 .board_table .td_tit a,
  .open_03 .board_table .td_tit a,
  .open_05 .board_table .td_tit a,
  .open_06 .board_table .td_tit a,
  .open_08 .board_table .td_tit a,
  .info_07_05 .board_table .td_tit a,
  .info_07_06 .board_table .td_tit a,
  .info_07_07 .board_table .td_tit a,
  .info_07_08 .board_table .td_tit a,
  .archiving_02_02 .board_table .td_tit a,
  .archiving_03_02 .board_table .td_tit a {
    width: 95% !important;
    max-width: 85vw !important;
  }

  .form_input_wrap,
  .women_db_process_wrap,
  .kium_platform_wrap,
  .herstory_announce_wrap,
  .get_here_wrap {
    flex-direction: column;
  }

  .form_input_wrap>div,
  .kium_platform,
  .herstory_announce_wrap img,
  .herstory_announce_wrap>div,
  .get_here_left,
  .get_here_right,
  .sitemap_group_right,
  .equality_edu_item {
    width: 100%;
  }

  .responsive_img_wrap>img:first-of-type {
    display: none;
  }

  .responsive_img_wrap>img:last-of-type {
    display: block;
    margin: 0 auto;
  }

  .study_policy_org p {
    padding-left: 2rem;
  }

  .women_db_process_wrap>span {
    margin-bottom: 20px;
    transform: rotate(90deg);
  }

  .women_db_process {
    width: 100%;
    margin-bottom: 30px;
  }

  .evaluation_business_top {
    word-break: keep-all;
  }

  .equal_edu_process_img_wrap img {
    max-width: 320px;
  }

  .business_03_02_03 table tbody .td_book {
    font-weight: 700;
  }

  .business_03_02_03 table tbody .td_writer::before {
    content: "저자:";
    display: inline-block;
    padding-right: .2em;
  }

  .business_03_02_03 table tbody .td_pub::before {
    content: "출판사:";
    display: inline-block;
    padding-right: .2em;
  }

  .info_strategy_wrap .info_strategy {
    width: 48%;
    word-break: keep-all;
  }

  .kium_platform_wrap,
  .get_here_wrap {
    row-gap: 30px;
  }

  .herstory_announce_wrap img,
  .sitemap_group_left {
    margin-bottom: 30px;
  }

  .equality_edu_name {
    margin-right: 20px;
  }

  .herstory_announce_wrap img {
    min-height: 200px;
  }

  .herstory_content_right>.herstory_content_right_item:nth-of-type(2),
  .herstory_content_right>.herstory_content_right_item:nth-of-type(3) {
    display: flex;
  }

  .get_here_left {
    min-height: 360px;
  }

  .sitemap_group {
    padding: 60px 0;
    flex-direction: column;
  }

  .sitemap_group_left p {
    display: inline-block;
    margin-right: 10px;
  }

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

  .sitemap_group_left span {
    width: 60px;
    height: 60px;
    line-height: 60px;
    vertical-align: super;
  }

  .sitemap_group_left span img {
    max-width: 50px;
  }

  .sitemap .sitemap_group_wrap:nth-of-type(1) .sitemap_group_left span img {
    max-width: 30px;
  }

  .sitemap .sitemap_group_wrap:nth-of-type(3) .sitemap_group_left span img,
  .sitemap .sitemap_group_wrap:nth-of-type(4) .sitemap_group_left span img {
    max-width: 40px;
  }

  .etc_04 .search_result_top {
    row-gap: 20px;
    flex-direction: column;
  }

  .etc_04 .search_result_top .search_container,
  .etc_04 .search_result_top .search_container .input_search {
    max-width: unset;
  }

  .duhop_box {
    padding: 0;
    border: 0;
  }

  .duhop_tabs * {
    font-size: 18px !important;
  }

  .duhop_tabs.fixed {
    top: 60px;
  }

  .course_item {
    flex-direction: column;
    align-items: baseline;
  }

  .course__num {
    padding-top: 0;
  }

  .course__img {
    margin: 10px 0 20px;
  }

  .course__num img {
    display: inline-block;
    margin: 0 11px 0 0;
  }

  .duhop_mo_tit {
    display: block;
  }

  .duhop_top {
    padding-top: 60px;
    background: url(/img/front/img_duhop_m.png) no-repeat center/100%;
  }
}

@media (max-width: 720px) {
  .sub_body_desc3 p {
    width: 90%;
  }

  .business_04_01 .board_cate_wrap1>a:last-of-type,
  .business_04_02 .board_cate_wrap1>a:last-of-type,
  .business_04_03 .board_cate_wrap1>a:last-of-type,
  .kium_04_01 .board_cate_wrap1>a:last-of-type,
  .kium_04_02 .board_cate_wrap1>a:last-of-type,
  .kium_04_03 .board_cate_wrap1>a:last-of-type,
  .business_03_02_01 .board_cate_wrap1>a:last-of-type,
  .business_03_02_02 .board_cate_wrap1>a:last-of-type,
  .business_03_02_03 .board_cate_wrap1>a:last-of-type,
  .kium_02_01 .board_cate_wrap1>a:last-of-type {
    display: block;
    padding-top: 5px;
  }

  .business_right_item {
    justify-content: space-around;
  }

  .business_right_item .btn_more_lightgr {
    background: url(/img/front/icon_next_lightgr.png) no-repeat center;
  }

  .business_right_item .btn_more_orange {
    background: url(/img/front/icon_next_or.png) no-repeat center;
  }

  .business_right>a {
    margin-bottom: 20px;
    background-image: none !important;
  }

  .policy_info img {
    display: inline-block;
    position: static;
    bottom: unset;
    left: unset;
    width: 140px;
    height: 140px;
    margin: 0 auto;
  }

  .policy_info p {
    display: inline-block;
    width: unset;
    margin-left: 0;
    padding: 0;
    vertical-align: text-top;
    text-align: center;
  }

  .policy_06_02 .evaluation_business_bottom .list_line_green {
    position: static;
    top: unset;
    vertical-align: unset;
  }

  .gender_forum_info_wrap,
  .education_process_2,
  .herstory_intro_wrap,
  .bookcafe_intro_wrap,
  .herstory_gallery_wrap {
    flex-direction: column;
  }

  .gender_forum_info,
  .education_process {
    width: 100%;
    margin-bottom: 30px;
  }

  .gender_forum_info_arrow,
  .education_process_1>div:nth-of-type(3)::before {
    display: none;
  }

  .education_process_1 {
    margin-bottom: 0;
    flex-direction: column;
  }

  .gender_forum_info p.mb30 {
    margin-bottom: 15px !important;
  }

  .education_process_1 span {
    transform: rotate(90deg);
  }

  .education_process_2 span {
    transform: rotate(-90deg);
  }

  .education_process_wrap span {
    margin-bottom: 20px;
  }

  .herstory_intro_left,
  .herstory_intro_right,
  .bookcafe_intro_left {
    width: 100%;
    /*text-align: justify;*/
    word-break: keep-all;
  }

  .bookcafe_intro_right {
    width: 100%;
    word-break: keep-all;
  }

  .herstory_intro_left,
  .bookcafe_intro_left {
    margin-bottom: 30px;
    text-align: center;
  }

  .herstory_intro_wrap,
  .bookcafe_intro_wrap {
    margin-bottom: 40px;
  }

  .herstory_gallery_wrap span img {
    transform: rotate(90deg);
    height: 60px;
    object-fit: contain;
  }

  .herstory_gallery {
    width: 100%;
    text-align: center;
  }

  .herstory_desc {
    padding: 50px 4%;
    /*text-align: justify;*/
    word-wrap: keep-all;
  }

  .evaluation_business_bottom p {
    display: block;
  }

  .kium_what {
    height: auto;
    padding-bottom: 20px;
  }

  .list_line_green {
    display: block;
    margin-bottom: 10px;
  }

  .db_criteria .list_line_green {
    margin-bottom: unset;
  }

  .list_line_none {
    display: none;
  }

  .gjwomen_introduce:hover,
  .gjwomen_introduce:active {
    background-image: linear-gradient(to top, #fff 0%, #fff 45%, #EF4835 45%, var(--color-orange) 100%)
  }

  .content_double .enter {
    display: block;
  }

  .info_05 iframe {
    height: 360px;
  }

  .footer .footer_top_right {
    flex-wrap: wrap;
    background-color: var(--color-darkgray);
  }

  .footer .footer_top_right>div {
    width: 50%;
  }

  .footer .footer_top_right>div:nth-of-type(1) {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
  }

  .footer .footer_top_right>div:nth-of-type(2) {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
  }

  .footer .footer_top_right>div:nth-of-type(3) {
    border-left: 0;
  }

  .duhop_tabs {
    min-width: 620px;
  }

  .overflow-x {
    overflow-x: auto;
  }

  .duhop_blob {
    width: 100px;
    min-width: 100px;
    height: 100px;
    font-size: 15px;
  }
}

@media (max-width: 580px) {

  .table_overflow_wrap,
  .info_04 table {
    font-size: 90% !important;
  }

  .table_overflow_wrap .fz20 {
    font-size: 16px !important;
  }

  .table_overflow_wrap .table_sub_2_2 th {
    padding: 15px 10px;
  }

  .table_overflow_wrap .table_sub_2_2 td {
    padding: 15px;
  }

  .index_swiper .swiper-slide img {
    object-fit: cover;
  }

  .section_board .section_title,
  .section_business .section_title {
    margin-bottom: 26px !important;
  }

  .board_content_body p {
    margin-bottom: 20px;
  }

  .mb80 {
    margin-bottom: 40px;
  }

  .section_title h3::after {
    top: -9px;
    width: 25px;
    height: 25px;
    background: url(/img/front/shape_circle_green.png) no-repeat center/contain;
  }

  .section_exhibit {
    background: url(/img/front/shape_bg_exhibit.svg) no-repeat center top/contain,
      linear-gradient(to bottom, rgba(244, 130, 0, .2), rgba(255, 185, 50, .2) 10%, rgba(255, 213, 0, .2));
  }

  .section_exhibit_bg {
    right: -50px;
    bottom: -15px;
  }

  .poster_swiper .swiper-slide {
    min-width: 218px;
  }

  .policy_01 .inner_full_width {
    padding: 60px 0;
  }

  .study_policy_wrap {
    padding-bottom: 30px;
  }

  .study_policy_org {
    flex-direction: column;
  }

  .study_policy_org p {
    padding-left: 0;
  }

  .evaluation_business_wrap>div:last-of-type {
    margin-bottom: 0;
  }

  .gender_forum_info_top {
    margin-bottom: 40px;
  }

  .business_wrap {
    padding-bottom: 60px;
  }

  .business_wrap .btn_more {
    width: 30px;
    height: 30px;
    vertical-align: -9px;
  }

  .business_left {
    margin-bottom: 20px;
  }

  .business_left_img_wrap {
    height: 130px;
    margin-bottom: 20px;
  }

  .business_left .fz20 {
    margin-bottom: 10px;
  }

  .event_status {
    font-size: 16px;
  }

  .sub_body_desc2 {
    margin-bottom: 30px;
  }

  .sub_data_video_wrap {
    height: 350px;
    padding: 20px;
  }

  .sub_data_wrap p {
    word-break: keep-all;
  }

  .section_business .section_title {
    margin-top: 80px;
  }

  .board_cate_wrap1 {
    margin-bottom: 30px;
  }

  .board_cate_wrap2,
  .esg_item .enter {
    display: none;
  }

  .m_board_cate_wrap2,
  .policy_info img,
  .declare_clean_title>div .orange {
    display: block;
  }

  .sub_body_title {
    margin: 40px 0 30px;
  }

  .gjwomen_title {
    padding: 40px 0 30px;
  }

  .sub_body_title>div {
    margin-bottom: 20px;
    word-break: keep-all;
  }

  .policy_info p {
    width: 100%;
  }

  .policy_info .fz40 {
    margin-right: 0;
  }

  .study_policy_org_wrap,
  .education_img_wrap,
  .business_2030_img_wrap,
  .hospital_carer_wrap,
  .education_process_1,
  .education_process_2,
  .main_feature_wrap,
  .info_value_wrap,
  .info_goal_wrap,
  .kium_what_wrap,
  .kium_table_wrap,
  .footer .footer_bottom_wrap,
  .db_info {
    flex-direction: column;
  }

  .study_policy_org {
    width: 100%;
    margin-bottom: 20px;
  }

  /* 230421 성평등교육전문강사양성 수정 반응형 */
  .education_process_new_wrap>div {
    width: 100%;
    padding: 20px;
  }

  .education_process_new_1,
  .education_process_new_3 {
    margin-bottom: 35px;
  }

  .education_process_new_2 {
    margin-bottom: 60px;
  }

  .kium_what {
    width: 100%;
    margin-bottom: 30px;
  }

  .kium_what_inner .kium_what_text {
    position: absolute;
    left: 60px;
    width: calc(100% - 60px);
  }

  .kium_what img.mb30 {
    width: 100%;
  }

  .sub_body_desc2 .sub_body_desc2_right>span {
    background-position: center 40%;
  }

  .kium_04_02 .sub_body_desc1 {
    margin-bottom: 10px;
  }

  .kium_06 .sub_body_desc2_right>span {
    background-size: contain;
  }

  .sub_body_desc2_btns>a,
  .newsletter_item a {
    width: calc(50% - 10px);
  }

  .sub_body_desc2_btns>a.btn_download {
    width: 100%;
  }

  .evaluation_function {
    width: 100%;
    flex-direction: column;
    text-align: center;
  }

  .evaluation_function img {
    margin-bottom: 20px;
    margin-right: 0 !important;
  }

  .education_img,
  .business_2030_img,
  .hospital_carer,
  .education_process,
  .main_feature_third {
    width: 100%;
    margin-bottom: 30px;
  }

  .business_03_01_01 .inner_full_width {
    padding: 40px 0;
  }

  .bookcafe_rent_process_bg {
    padding: 40px 0;
  }

  .book_search_top {
    margin-top: 0;
    word-break: keep-all;
  }

  .business_2030_img img,
  .education_img img,
  .kium_table_wrap>table,
  .gjwomen_introduce,
  .esg_item {
    width: 100%;
  }

  .kium_what img.mb30 {
    margin-bottom: 15px !important;
  }

  .kium_system_wrap {
    padding-bottom: 15px;
  }

  .info_value_wrap {
    row-gap: 30px;
  }

  .info_value {
    min-height: 210px;
  }

  .archiving_01_01 .inner_full_width>p {
    padding-bottom: 60px;
  }

  .archiving_history_right {
    padding-top: 35px;
  }

  .archiving_poster_wrap {
    height: 380px;
    margin-bottom: 60px;
  }

  .archiving_poster_bg {
    column-gap: 20px;
  }

  .archiving_poster_item img {
    max-width: 150px;
  }

  .archiving_history_item {
    row-gap: 10px;
    padding: 10px;
    flex-direction: column;
  }

  .gjwomen_introduce_wrap {
    row-gap: 30px;
  }

  .gjwomen_introduce img {
    display: block;
    width: 100%;
  }

  section.info_02 .inner_full_width .inner_max_width {
    padding-bottom: 30px;
  }

  .info_history_contents .info_history_inner .info_history.active p span {
    display: block;
  }

  .newsletter_title_img {
    min-height: 110px;
  }

  .newsletter_title_img img {
    transform: scale(1.5);
  }

  .newsletter_bottom a {
    margin-right: 8px;
  }

  .newsletter_bottom a img {
    max-width: 20px;
    margin-right: 4px;
    border-radius: 5px;
  }

  .info_03 .enter {
    display: block;
  }

  .info_history_title {
    margin-bottom: 20px !important;
  }

  .info_07_01_03 .table_sub_default thead th {
    padding: 15px 10px;
    text-align: left;
  }

  .content_double_wrap {
    padding: 20px 0 20px;
  }

  .content_double::after {
    width: 130px;
    height: 130px;
  }

  .info_org_chart_img {
    padding: 10px;
  }

  .info_ci_img {
    padding: 10px 0;
  }

  .info_ci_title {
    font-size: 30px !important;
  }

  .info_06_01 .mb100 {
    margin-bottom: 60px !important;
  }

  .declare_clean_wrap {
    padding: 30px 20px;
  }

  .declare_clean_text p {
    width: 85%;
  }

  .declare_clean_title>div {
    padding: 0 15px;
  }

  .info_07_04_04 .fz30 {
    font-size: 22px !important;
    word-break: keep-all;
  }

  .esg_wrap {
    row-gap: 30px;
    flex-direction: column;
  }

  .esg_text_box {
    min-height: auto;
  }

  .get_here_right>div {
    padding: 15px;
  }

  .etc_04 .search_result_top {
    margin-top: 40px;
  }

  .footer .footer_bottom_logo {
    margin: 0 0 30px 0;
  }

  .modal_default .modal-content {
    width: 92%;
    margin: 0 auto;
  }

  /* 230713 추가 */
  .db_info {
    text-align: center;
  }

  .db_info img {
    margin-bottom: 30px;
    margin-right: 0 !important;
  }

  .db_criteria li {
    display: block;
  }

  .db_criteria .list_line_green {
    margin-bottom: 10px;
  }

  .duhop_video {
    height: 300px;
  }
}

@media (max-width: 520px) {
  .index_inner_right_text {
    padding: 0 20px;
  }


  .section_board {
    padding: 80px 0;
  }

  .board_contents {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .board_content {
    width: 100%;
    max-height: 280px;
    margin-bottom: 30px;
  }

  .board_contents>div:nth-of-type(3),
  .board_contents>div:nth-of-type(4) {
    margin-bottom: 30px;
  }

  .business_right>a {
    width: calc(50% - 5px);
    padding: 12px 10px;
  }

  .network_box_wrap,
  .bookcafe_gallery_wrap {
    flex-direction: column;
  }

  .network_box {
    width: 100%;
    margin-bottom: 20px;
  }

  .network_box p {
    padding: 80px 20px 40px;
  }

  .bookcafe_intro_right span:last-of-type {
    margin-bottom: 0;
  }

  .bookcafe_gallery {
    width: calc(100% - 60px);
    text-align: center;
  }

  .bookcafe_gallery_wrap span img {
    transform: rotate(90deg);
    height: 60px;
    object-fit: contain;
  }

  .evaluation_contact>div:first-of-type .mr20 {
    display: none;
  }

  .footer .footer_top_links {
    display: block;
    height: 46px;
    line-height: 46px;
    padding-left: 30px;
    background-color: var(--color-green);
    color: #fff;
  }

  .footer .footer_top_links a {
    padding-right: 15px;
    white-space: nowrap;
  }

  .footer .footer_top_links>a:first-child {
    color: var(--color-yellow);
  }

  .footer .footer_top_links>a:last-child {
    padding-right: 0;
  }

  .footer .footer_top_wrap {
    height: 100%;
    background-color: #fff;
    color: var(--dark-gray);
  }

  .footer .footer_top_wrap .footer_top_wrap_inner {
    width: 100%;
    height: auto;
  }

  .footer .footer_select_box {
    width: 100%;
    height: 46px;
    padding: 0 30px;
    border-bottom: 1px solid #DBDBDB;
  }

  .footer .footer_select_box select {
    text-align: left;
    background: url(/img/front/icon_down_g2.png) no-repeat calc(100% - 15px) center;
    color: var(--color-darkgray);
  }

  .footer_links {
    display: none;
  }

  .duhop_overview li {
    flex-wrap: wrap;
  }

  .duhop_overview li span.purple {
    margin-bottom: 10px;
  }

  .duhop_overview li>p.fz18 {
    width: 100%;
  }

  .duhop_top {
    height: 415px;
    margin-bottom: 30px;
    background: url(/img/front/img_duhop_mo.png) no-repeat center/contain;
  }

  .duhop_top>img {
    display: none;
  }
}

@media (max-width: 480px) {

  .tx-cent .btn_request,
  .tx-cent .btn_cancel {
    padding: 12px 35px !important;
  }

  .index_inner_right_text>a,
  .business_right_item>span:first-of-type {
    display: none;
  }

  .m_gnb_top_search_wrap {
    max-width: 185px;
  }

  .index_inner_right_text {
    padding: 0;
    top: unset;
    transform: none;
    bottom: 0;
  }

  .index_inner_left_text {
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .index_quick_menus>a {
    margin-bottom: 0;
    white-space: nowrap;
    letter-spacing: -0.1px;
    font-size: 14px !important;
  }

  .index_quick_menus .btn_more {
    width: 26px;
    min-width: 26px;
    height: 26px;
  }

  .index_quick_menus .quick_menu2 {
    border: 0;
  }

  /*.section_main {
	   height:calc(var(--vh, 1vh)*100);
	  min-height: -moz-available;
	  min-height: -webkit-fill-available;
	  min-height: fill-available;
  }*/
  .index_swiper_etc_wrap {
    top: 26%;
    left: 40px !important;
  }

  .index_left_banner_wrap {
    width: calc(100vw - 80px);
    height: 226px;
  }

  .index_left_banner_wrap .banner_swiper {
    height: calc(100% - 36px);
  }

  .index_banner_pagination {
    width: calc(100% - 72px) !important;
    line-height: 36px;
  }

  .index_banner_prev,
  .index_banner_next {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }

  .index_banner_prev img,
  .index_banner_next img {
    width: 7px;
  }

  .index_quick_menus>a {
    height: 48px;
    line-height: 48px;
  }

  .index_inner_right_text>a,
  .index_inner_right_text>img {
    padding: 0 3%;
  }

  .index_quick_menus>a {
    width: 50%;
    /* border-radius: 0; */
    /* text-align: center; */
  }

  .index_quick_menus .quick_menu img {
    max-width: 28px;
    margin-right: 10px;
  }

  .index_quick_menus>a:nth-of-type(1),
  .index_quick_menus>a:nth-of-type(2) {
    margin-bottom: 0;
  }

  .section_exhibit .mb40 {
    margin-bottom: 20px !important;
  }

  .poster_swiper .poster_img_wrap {
    height: 300px;
  }

  .poster_img_wrap {
    border: 15px solid #fff;
  }

  .inner_container {
    margin-bottom: 40px;
  }

  .kium_06 .kium_platform {
    align-items: flex-start;
  }

  .kium_platform_wrap .kium_platform:last-of-type {
    margin-bottom: 15px;
  }

  .open_07 .input_search::placeholder,
  .board_search_wrap .input_search::placeholder {
    visibility: hidden;
  }

  .sub_data_wrap {
    padding: 40px 0;
  }

  .sub_body_desc1 {
    padding: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    /*text-align: justify;*/
  }

  .sub_body_desc1 p {
    margin-bottom: 10px;
    text-align: initial;
  }

  .sub_body_desc1 img {
    max-width: 60px;
    height: auto;
    margin-bottom: 20px;
    margin-right: 25px;
  }

  .sub_body_desc2 {
    padding: 25px;
  }

  .policy_info .fz40,
  .policy_info .fz20 {
    display: block;
  }

  .policy_info .fz20 {
    padding-bottom: 10px;
  }

  .business_left {
    flex-direction: column;
  }

  .business_left>a {
    width: 100%;
    margin-bottom: 30px;
  }

  .business_wrap .mb40 {
    margin-bottom: 20px;
  }

  .education_info_bg {
    height: 100%;
    margin-bottom: 15px;
    background: transparent;
  }

  .education_info_box {
    position: static;
    padding: 30px 4%;
    top: unset;
    left: unset;
    transform: none;
    width: 100%;
  }

  .education_info_inner table {
    word-break: keep-all;
  }

  .evaluation_business_top span.mr20 {
    display: block;
    margin-bottom: 10px;
  }

  .evaluation_business_bottom {
    height: auto;
  }

  .education_img_wrap {
    margin-bottom: 20px;
  }

  .evaluation_contact {
    padding: 15px 20px;
    column-gap: 10px;
  }

  .evaluation_contact>div:last-of-type {
    text-align: right;
    font-size: 16px !important;
  }

  .evaluation_contact img {
    transform: scale(0.8)
  }

  .forum_business_img {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }

  .forum_business_img img {
    max-width: 60px;
  }

  .herstory_content_right_item>div {
    margin-right: 20px;
  }

  .women_oriented_goal_wrap {
    row-gap: 40px;
  }

  .women_oriented_goal {
    width: 100%;
  }

  .kium_platform {
    flex-direction: column;
  }

  .kium_sick_double_wrap {
    flex-direction: column;
  }

  .kium_sick_double {
    width: 100%;
  }

  .kium_sick_span {
    width: 100px;
    min-width: 100px;
    height: 34px;
    line-height: 34px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .archiving_02_01,
  .archiving_03_01 {
    background: none;
  }

  .newsletter_btns {
    row-gap: 15px;
    flex-direction: column;
    align-items: baseline;
  }

  .newsletter_btns span {
    padding-left: 5px;
  }

  .newsletter_item a {
    margin-right: 0;
  }

  .open_07 .sub_body_desc1_sb>div:first-of-type>div {
    white-space: normal;
  }

  .open_07 .btn_subscribe {
    padding: 0 10px;
  }

  .open_07 .sub_body_desc1 {
    text-align: inherit;
  }

  .report_center_docs_wrap .enter {
    display: block;
  }

  .intra_report_bg {
    height: auto;
  }

  .ci_signature_item_quarter img {
    width: calc(50% - 30px);
  }

  .modal_default .modal-content {
    padding: 45px 4%;
  }

  .intra_report_bg .education_info_box,
  .intra_report_desc {
    position: static;
    top: unset;
    bottom: unset;
    left: unset;
    padding-top: 20px;
    transform: none;
  }

  .archiving_poster_wrap {
    height: auto;
    margin: 0 0 40px 0;
  }

  .archiving_poster_bg {
    padding: 30px 0;
    flex-direction: column;
    background: none;
    background-color: #e37616;
  }

  .archiving_poster_item {
    width: calc(100% / 1);
    text-align: center;
  }

  .archiving_poster_item img {
    width: 100%;
    max-width: 300px;
  }


}

@media (max-width:420px) {
  .intra_report_desc {
    bottom: 0;
  }

  .policy_06_02 .evaluation_contact .fz20 span {
    display: block;
    width: 0;
    height: 0;
    font-size: 0;

  }

  .kium_01 .enter {
    display: block;
  }

  .kium_01 .btn_download {
    white-space: normal;
  }

  .evaluation_contact .enter {
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
  }

  .network_box p span,
  .moral_text p span,
  .info_07_01_04 .table_sub_default tbody tr td:first-of-type {
    word-break: break-word;
  }
}

.index_left_banner_wrap :focus-visible {
  outline: 3px dotted #ff0000 !important;
  border: 3px dotted #fff !important;
}

.index_swiper_etc_wrap :focus-visible {
  outline: 3px dotted #fff !important;
  border: 3px dotted #ff0000 !important;
}

.closeModal {
  opacity: 1
}

.board_gallery_wrap .fz20 a:focus-visible {
  outline: 3px dotted #ff0000 !important;
}

.closeModal:focus-visible {
  outline: 3px dotted #fff !important;
  border: 3px dotted #ff0000 !important;
  opacity: 1
}

@media (max-width:380px) and (max-height:680px) {
  .index_swiper_etc_wrap {
    top: 22%;
  }
}

.gallery_swiper2 .swiper-button-next {
  float: right;
}


/***** 2025  *************/
.new_06_01_container_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.new_06_01_container_box>li {}

.new_06_01_container_box>li:nth-child(1) {
  width: calc(43% - 20px);
}

.new_06_01_container_box>li:nth-child(3) {
  width: calc(23% - 20px);
}

.new_06_01_container_box>li:nth-child(5) {
  width: calc(33% - 20px);
}

.new_06_01_container_box>li:nth-child(2),
.new_06_01_container_box>li:nth-child(4) {
  width: 30px;
}

.new_06_01_container_box .inner_sp1 {
  position: relative;
}

.new_06_01_container_box .inner_sp1>img {
  width: 14px;
  position: absolute;
  top: calc(65% - 10px);
  left: calc(50% - 6px);
}

.new_06_01_container_box .inner_container_x {
  border-top: 1px solid #FF7500
}

.new_06_01_container_box .inner_container_x .inner_title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 700;
  min-height: 60px;
  text-align: center;
}

.new_06_01_container_box .inner_container_x .inner_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.new_06_01_container_box .inner_container_x .inner_box .inner_box_box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}

.new_06_01_container_box .inner_container_x .inner_box .inner_box_box .inner_tx1 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100px;
}

.new_06_01_container_box .inner_container_x .inner_box .inner_box_box .inner_tx2 {
  display: inline-block;
  text-align: center;
  padding: 12px 0 8px 0;
  font-weight: 600;
  font-size: 0.95rem;
  color: #57A35B;
  background: #D6F0E4;
}

.new_06_01_container_box .inner_container_x .inner_box .inner_box_box .inner_tx3 {
  display: inline-block;
  text-align: center;
  padding: 12px 0 8px 0;
  font-weight: 600;
  font-size: 0.95rem;
  color: #FF7500;
  background: #FFEADD;
}

.new_06_01_container_box .inner_container_x .inner_box .inner_sp2 {
  position: relative;
  text-align: center;
}

.new_06_01_container_box .inner_container_x .inner_box .inner_sp2>img {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 6px);
  width: 11px;
}

.new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(1),
.new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(3),
.new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(5) {
  width: calc(100% / 3 - 20px);
}

.new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(2),
.new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(4) {
  width: 30px;
}

.new_06_01_container_box .inner_container_x .inner_box.inner_width1>li {
  width: 100%;
}

.new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(1),
.new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(3) {
  width: calc(100% / 2 - 15px);
}

.new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(2) {
  width: 30px;
}

@media (max-width:900px) {
  .new_06_01_container_box>li:nth-child(1) {
    width: calc(100% - 0px);
  }

  .new_06_01_container_box>li:nth-child(3) {
    width: calc(100% - 0px);
  }

  .new_06_01_container_box>li:nth-child(5) {
    width: calc(100% - 0px);
  }

  .new_06_01_container_box>li:nth-child(2),
  .new_06_01_container_box>li:nth-child(4) {
    width: calc(100% - 0px);
    min-height: 100px;
  }

  .new_06_01_container_box .inner_sp1>img {
    top: calc(50% - 10px);
    transform: rotate(90deg);
  }

}

@media (max-width:420px) {

  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(1),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(2),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(3),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(4),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(5),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(1),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(2),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(3) {
    width: calc(100% - 0px);
  }

  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(2),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(4),
  .new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(2) {
    width: calc(100% - 0px);
    min-height: 60px;
  }

  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(2)>img,
  .new_06_01_container_box .inner_container_x .inner_box.inner_width5>li:nth-child(4)>img,
  .new_06_01_container_box .inner_container_x .inner_box.inner_width3>li:nth-child(2)>img {
    top: calc(50% - 10px);
    transform: rotate(90deg);
  }

  .new_06_01_container_box .inner_container_x .inner_title {
    color: #FF7500;
  }
}


.book_20250910_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 1170px;
  margin-bottom: 30px;
}

.book_20250910_01 img {
  width: 100%;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05);
}

.book_20250910_02 {
  color: var(--color-orangebright);
}

.book_20250910_03 {
  text-align: center;
  margin-bottom: 30px;
}

.archiving_02_01_table {}

.archiving_02_01_table>th:nth-child(1) {
  width: 32%;
}

.archiving_02_01_table>th:nth-child(2) {
  width: 32%;
}

.archiving_02_01_table>th:nth-child(3) {
  width: 36%;
}

.sub_data_wrap_grid {
  display: grid;
  gap: 20px;
  width: 100%;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width:768px) {
  .sub_data_wrap_grid {
    grid-template-columns: repeat(1, 1fr);
  }
}