@charset "utf-8";

/* header subPage */
#header .head_con::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #d8d8d8;
  background-color: #fff;
}
#header .head_con .logo a {
  background-position: center center, -9999px center;
}
#header #gnb > li > a {
  color: #1d1d1d;
}
#mHeader .logo a {
  background-position: center;
}
#mHeader .logo.eng a {
  background-position: center;
}


/* margin, padding */
.mgt0 {
  margin-top: 0 !important;
}
.mgt5 {
  margin-top: 5px !important;
}
.mgt10 {
  margin-top: 10px !important;
}
.mgt15 {
  margin-top: 15px !important;
}
.mgt20 {
  margin-top: 20px !important;
}
.mgt25 {
  margin-top: 25px !important;
}
.mgt30 {
  margin-top: 30px !important;
}
.mgt35 {
  margin-top: 35px !important;
}
.mgt40 {
  margin-top: 40px !important;
}
.mgt45 {
  margin-top: 45px !important;
}
.mgt50 {
  margin-top: 50px !important;
}

.mgt_10 {
  margin-top: -10px !important;
}
.mgt_20 {
  margin-top: -20px !important;
}
.mgt_30 {
  margin-top: -30px !important;
}
.mgt_40 {
  margin-top: -40px !important;
}
.mgt_50 {
  margin-top: -50px !important;
}

.br_pc {
  display: block;
}
.br_t,
.br_m {
  display: none;
}

/* 공통 */
.sub_content_wrap .inner_center {
  display: flex;
  padding: 104px 10px 0;
}

#lnb {
  flex: none;
  width: 350px;
  padding: 50px 49px 50px 0;
  border-right: 1px solid #d8d8d8;
}

#lnb .lnb_title {
  min-height: 77px;
  padding: 24px;
  border-radius: 16px;
  background: url(../images/sub/bg_lnb_title.png) no-repeat center/cover;
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  letter-spacing: -0.05em;
  box-shadow: 0px 4px 15px 0px rgba(0, 7, 66, 0.2);
}

#lnb .lnb_list {
  position: relative;
  margin-top: 16px;
  padding: 4px 24px;
  border-radius: 16px;
}
#lnb .lnb_list::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #d8d8d8;
  border-radius: inherit;
  pointer-events: none;
}

#lnb .lnb_list > li + li {
  border-top: 1px solid #d8d8d8;
}

#lnb .lnb_list > li > a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 18px 28px 18px 0;
  color: #1d1d1d;
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
}

#lnb .lnb_list > li > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(../images/ico_20_arrow_right_pink.svg), url(../images/ico_20_arrow_right_black.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: center -9999px, center center;
  background-size: contain, contain;
  transform: translateY(-50%);
}
#lnb .lnb_list > li > a[target="_blank"]::after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(../images/ico_16_blank_black.svg) no-repeat center/contain;
}

#lnb .lnb_list > li > a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}

#lnb .lnb_list > li > a.active {
  color: #ce336c;
}
#lnb .lnb_list > li > a.active::before {
  background-position: center center, center -9999px;
}

.sub_content {
  flex: 1;
}

.sub_con_head {
  position: relative;
  padding: 50px 50px 40px;
  border-bottom: 1px solid #c6c6c6;
}

.sub_con_head .title {
  color: #1d1d1d;
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
}

.sub_con_head .location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}

.sub_con_head .location > li + li {
  padding-left: 18px;
  margin-left: 6px;
  background: url("../images/ico_12_arrow_right_black.svg") no-repeat 0 center;
  background-size: auto 12px;
}

.sub_con_head .location > li .ico_home {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../images/ico_20_home_black.svg") no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
}

.sub_con_head .location > li > a,
.sub_con_head .location > li > em,
.sub_con_head .location > li > span {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.sub_con_head .right_btns {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 40px;
}
.sub_con_head .right_btns > li {
  margin-left: 8px;
}
.sub_con_head .right_btns > li > .ico {
  display: inline-flex;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
}
.sub_con_head .right_btns > li > .ico.ico_share {
  /* background-image: url(../images/btn_40_share_black.svg); */
  background-image: url(../images/btn_40_share_black.png);
}
.sub_con_head .right_btns > li > .ico.ico_print {
  background-image: url(../images/btn_40_print_black.svg);
}

.share_box {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 184px;
  margin-top: 12px;
  padding: 20px 12px 12px;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
  background: #fff;
  z-index: 10;
}
.share_box > .tit {
  padding: 0 6px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: -0.48px;
}
.share_box > ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.share_box > ul > li {
  width: 25%;
  padding: 4px;
}
.share_box > ul > li > .ico {
  display: block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
}
.share_box > .close_sharebox {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 24px;
  height: 24px;
  border: none;
  background: url("../images/ico_24_black_close.svg") no-repeat center center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
}

.sub_cont {
  min-height: 560px;
  margin: 50px 0 80px 50px;
}

.sub_cont > *:first-child {
  margin-top: 0;
}

/* 내용 */
/* 내용 */
/* 내용 */

/* 서브탭 */
.js_tab {
	margin-bottom: 32px;
}
.sub_cont:has(.board_support) .js_tab {
	margin-bottom: 40px;
} 
.sub_tabbox > ul {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d8d8d8;
  border-radius: 16px;
  overflow: hidden;
  letter-spacing: -0.05em;
}
.sub_tabbox > ul > li {
  flex: 0 1 calc(100% / 3 + 1px);
  margin: 0 0 -1px -1px;
  border: 1px solid #d8d8d8;
}
.sub_tabbox > ul:not(:has(li:nth-child(3))) > li {
  flex: 1;
}
.sub_tabbox > ul:not(:has(li:nth-child(3))) > li + li {
	border-right: 0;
}
  
.sub_tabbox > ul > li:nth-child(-n + 3) {
  border-top: none;
}
.sub_tabbox > ul > li:nth-child(3n) {
  border-right: none;
}
.sub_tabbox > ul > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  color: #1d1d1d;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  text-align: center;
}
.sub_tabbox > ul > li > a:focus,
.sub_tabbox > ul > li > a:hover {
  background-color: #f8f8f8;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sub_tabbox > ul > li.active {
  border-color: #ce336c;
  z-index: 1;
}
.sub_tabbox > ul > li.active > a {
  background-color: #ce336c;
  color: #fff;
  font-weight: 700;
}

.js_tabcont {
  display: none;
}
.js_tabcont.active {
  display: block;
}

/* table */
.mobile_scroll {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}
.mobile_minwidth .txt_ex_scroll {
  display: none;
}

.subtit_l_con .mobile_scroll {
  margin: 0 0 24px -20px;
}

/* 세로형 */
.table_data {
  width: 100%;
  margin-top: 20px;
  border-top: 2px solid #555;
  letter-spacing: -0.05em;
}
.table_data thead th {
  padding: 14px 16px;
  border-bottom: 1px solid #d8d8d8;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
.table_data tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid #d8d8d8;
  color: #666;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
}
.table_data tbody td.align_left {
  text-align: left;
}

/* 가로형 */
.table_data_row {
  width: 100%;
  margin-top: 24px;
  border-top: 2px solid #555;
  letter-spacing: -0.05em;
}
.table_data_row th {
  padding: 12px;
  border-bottom: 1px solid #d8d8d8;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}
.table_data_row td {
  padding: 12px 16px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: left;
}

/* contents */
.contents {
  min-height: 590px;
  margin: 40px 0 90px;
}
.contents > *:first-child,
.contents > .inner_center:first-child > *:first-child {
  margin-top: 0 !important;
}

.subnotice_box {
  margin: 32px 0 40px;
  padding: 40px;
  border: 1px solid #c6c6c6;
  border-radius: 16px;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.subnotice_box .tit {
  margin-bottom: 16px;
  padding-left: 34px;
  background: url(../images/ico_30_subnotice_tit.svg) no-repeat 0 0/30px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.subtit_l {
  display: block;
  margin-top: 40px;
  padding-left: 30px;
  background: url(../images/sub/ico_subtit_l.svg) no-repeat 0 0;
  background-size: 26px;
  color: #1d1d1d;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: -0.05em;
}
.subtit_l_con {
  padding: 2px 0 0 20px;
}
.subtit_m {
  display: block;
  position: relative;
  margin-top: 14px;
  padding-left: 11px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.subtit_m::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #1d1d1d;
}
.subtit_m_con {
}
.subtit_s {
  display: block;
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.05em;
}
.subtit_s::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 6px;
  height: 2px;
  background-color: #555;
}
.subtit_s.in_num {
  padding-left: 0;
}
.subtit_s.in_num::before {
  display: none;
}

.subtit_s_con {
}
.subtit_none {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.05em;
  /* padding-left: 12px; */
}

.subnoti_red {
  margin-top: 8px;
  color: #ff0000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.05em;
}

.btn_bd_blue {
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  padding: 7px 15px;
  border: 1px solid #CE336C;
  border-radius: 8px;
  background-color: #CE336C;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.btn_bd_blue[target="_blank"]::after {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url(../images/ico_16_blank_white.svg) no-repeat center/contain;
}
.btn_bd_blue:focus,
.btn_bd_blue:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media screen and (max-width: 1279px) {
  .br_t {
    display: block;
  }
  .br_pc,
  .br_m {
    display: none;
  }
  /* 공통 */
  .sub_content_wrap .inner_center {
    padding: 64px 35px 0;
  }

  #lnb {
    display: none;
  }

  .sub_content {
    width: 100%;
    margin: 0;
  }

  .sub_con_head {
    margin: 0 -35px;
    padding: 24px 85px 32px 35px;
  }

  .sub_con_head .title {
    width: 100%;
  }

  .sub_con_head .right_btns {
    flex-direction: column;
    right: 35px;
    bottom: 32px;
  }
  .sub_con_head .right_btns > li {
    margin: 4px 0 0 0;
  }

  .share_box {
    top: 36px;
  }

  .sub_cont {
    min-height: 650px;
    margin: 40px 0 80px;
  }

  /* 내용 */
  /* 내용 */
  /* 내용 */

  /* 서브탭 */
  .sub_tabbox > ul > li {
    flex: 0 1 calc(100% / 3 + 1px);
  }

  .sub_tabbox > ul > li:nth-child(-n + 4) {
    border-top: 1px solid #d8d8d8;
  }
  .sub_tabbox > ul > li:nth-child(-n + 3) {
    border-top: none;
  }
  .sub_tabbox > ul > li:nth-child(4n) {
    border-right: 1px solid #d8d8d8;
  }
  .sub_tabbox > ul > li.active {
    border-color: #ce336c;
  }
  .sub_tabbox > ul > li > a:focus,
  .sub_tabbox > ul > li > a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .br_m {
    display: block;
  }
  .br_pc,
  .br_t {
    display: none;
  }

  /* 공통 */
  .sub_content_wrap .inner_center {
    padding: 64px 16px 0;
  }

  .sub_con_head {
    margin: 0 -16px;
    padding: 32px 66px 24px 16px;
  }

  .sub_con_head .title {
    font-size: 32px;
    line-height: 48px;
  }

  .sub_con_head .right_btns {
    right: 16px;
    bottom: 24px;
  }

  .share_box {
  }

  .sub_cont {
    min-height: 450px;
    margin: 24px 0 64px;
  }

  /* 내용 */
  /* 내용 */
  /* 내용 */

  /* 서브탭 */
  .sub_tabbox {
    position: relative;
    height: 52px;
  }
  .sub_tabbox > ul {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-height: 52px;
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: #ce336c;
    overflow: hidden;
    transition: max-height 0s cubic-bezier(0, 1, 0, 1);
  }
  .sub_tabbox > ul.open {
    max-height: 600px;
    border-color: #d8d8d8;
    background-color: #fff;
    z-index: 11;
    transition: max-height 0s ease-in-out;
  }
  .sub_tabbox > ul > li {
    flex: none;
    order: 2;
    position: relative;
    width: 100% !important;
    margin: 0;
    border: none;
    border-top: 1px solid #d8d8d8 !important;
    background-color: #fff;
    overflow: hidden;
  }
  .sub_tabbox > ul > li:nth-child(-n + 4) {
    border-right: none;
  }
  .sub_tabbox > ul > li > a {
    justify-content: flex-start;
    height: auto;
    padding: 16px;
    background: #fff;
    text-align: left;
  }
  .sub_tabbox > ul > li > a:focus,
  .sub_tabbox > ul > li > a:hover {
    font-weight: 400;
  }
  .sub_tabbox > ul > li.active {
    order: 1;
    border-top: none !important;
  }
  .sub_tabbox > ul > li.active > a {
    padding-right: 45px;
    background-color: #ce336c;
    color: #fff;
    font-weight: 700;
  }
  .sub_tabbox > ul > li.active > a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-image: url(../images/ico_20_arrow_down_black.svg), url(../images/ico_20_arrow_down_white.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: -9999px center, center center;
    background-size: contain, contain;
  }
  .sub_tabbox > ul.open > li.active > a {
    background-color: #fff;
    color: #1d1d1d;
    font-weight: 500;
  }
  .sub_tabbox > ul.open > li.active > a:before {
    background-position: center center, -9999px center;
    transform: rotate(180deg);
  }

  /* table */
  .subtit_l_con .mobile_scroll {
    margin: 0 0 24px -20px;
  }
  .mobile_minwidth {
    min-width: 739px; /* 767px - 28px */
  }
  .mobile_minwidth .txt_ex_scroll {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/sub/bg_ex_scroll.svg) no-repeat center 45px;
    background-size: 70px;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 5;
  }

  /* 세로형 */
  .table_data {
    margin-top: 16px;
  }

  /* 가로형 */
  .table_data_row {
    margin-top: 16px;
  }

  /* contents */
  .subnotice_box {
    padding: 24px;
  }
  .subnotice_box .tit {
    margin-bottom: 8px;
    padding-left: 0;
    background: none;
  }
}
/* 준비중 */
.preparing {
  width: 100%;
  min-height: 755px;
  background-color: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preparing-wrap {
  display: inline-flex;
  flex-direction: column;
  max-width: 389px;
}
.preparing-wrap.eng {
  max-width: 403px;
}
.preparing-wrap .imgBox {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.preparing-wrap .imgBox .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/sub/img_preparing.png);
}
.preparing-wrap .tit {
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
  text-align: center;
  margin-top: 24px;
}
.preparing-wrap.eng .tit {
  font-size: 24px;
}
.preparing-wrap .tit > span {
  font-size: 25px;
  font-weight: 700;
  line-height: 37.5px;
  color: #016A6A;
}
.preparing-wrap .cont {
  font-size: 17px;
  font-weight: 500;
  line-height: 25.5px;
  text-align: center;
  margin-top: 24px;
}

/* tablet */
@media screen and (max-width: 1279px) {
  .preparing {
      min-height: 600px;
  }
}

/* mobile */
@media screen and (max-width: 767px) {
  .preparing {
      min-height: 400px;
  }
}

/* 준비중 */
.preparing {
  width: 100%;
  min-height: 500px;
  background-color: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preparing-wrap {
  display: inline-flex;
  flex-direction: column;
  max-width: 389px;
}
.preparing-wrap .imgBox {
  position: relative;
  width: 92px;
  height: 120px;
  margin: 0 auto;
}
.preparing-wrap .imgBox .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/sub/ico_preparing.svg);
}
.preparing-wrap .tit {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  margin-top: 24px;
}
.preparing-wrap .tit > span {
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  color: #CE336C;
}
.preparing-wrap .cont {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  margin-top: 16px;
}
/* tablet */
@media screen and (max-width: 1279px) {
  .preparing {
      min-height: 650px;
  }
}
/* mobile */
@media screen and (max-width: 767px) {
  .preparing {
      min-height: 450px;
  }
}




/* 사이트 맵 sub.css */
.sitemap .topmenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.sitemap .topmenu >li:nth-child(3n-2) {
  margin-left: 0;
}
.sitemap .topmenu >li:nth-child(n+4) {
  margin-top: 40px;
}
.sitemap .topmenu >li {
  width: calc((100% - 64px) / 3);
  margin-left: 32px;
}
.sitemap .topmenu >li >a ,
.sitemap .topmenu > li > p{
  display: block;
  padding: 24px;
  color: #fff;
  font-size: 20px;
  letter-spacing: -1px;
  font-weight: 700;
  background-color: #CE336C;
  text-align: left;
  border-radius: 16px 16px 0px 0px;
}
.sitemap .topmenu >li >div >ul >li {
  position: relative;
}
.sitemap .topmenu >li >div >ul >li.open_new_file {
  position: relative;
}
.sitemap .topmenu >li >div >ul >li.open_new_file::before {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  right: 24px;
  width: 20px;
  height: 20px;
  background: url(../images/sub/ico_open_new_file.svg);
  background-size: 100% auto;
}
.sitemap .topmenu >li >div >ul >li >a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 24px;
  color: #1D1D1D;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  text-align: left;
}
.sitemap .topmenu >li >div >ul >li:hover,
.sitemap .topmenu >li >div >ul >li:focus-visible{
  background-color: #F8F8F8 ;
}
.sitemap .topmenu >li >div >ul >li:hover >a,
.sitemap .topmenu >li >div >ul >li:focus-visible >a{
  text-decoration: underline;
}
.sitemap .topmenu >li >div >ul >li{
  border: solid 1px #D8D8D8;
}
.sitemap .topmenu >li >div >ul >li + li{
  border-top: none;
}
.sitemap .topmenu >li >div >ul >li:last-child{
  border-radius: 0px 0px 16px 16px;
  overflow: hidden;
}
.sitemap .topmenu >li >div >ul >li >div .dep3_title {
  display: none;
}
.dep3_title {
  display: flex;
  height: 5.6rem;
  align-items: center;
  margin-bottom: 2.4rem;
  font-size: 2.5rem;
  font-weight: 700;
}
.sitemap .topmenu >li >div >ul >li >div >ul {
  padding: 3.6rem 3rem;
  background-color: #F8F8F8;
  border-bottom: 1px solid #d0d0d0;
}
.sitemap .topmenu >li >div >ul >li >div >ul:before {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  right: 24px;
  width: 20px;
  height: 20px;
  background: url(../images/sub/ico_arroDown.svg);
  background-size: 100% auto;
}
.sitemap .topmenu >li >div >ul >li >div >ul >li {
  position: relative;
  padding-left: 12px;
  line-height: 150%;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 16px;
}
.sitemap .topmenu >li >div >ul >li >div >ul >li:last-child{
  margin-bottom: 0;
}
.sitemap .topmenu >li >div >ul >li >div >ul >li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #016A6A;
  border-radius: 50%;
}
.sitemap .topmenu >li >div >ul >li >div >ul >li >a {
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
}
.sitemap.eng .topmenu >li {
  width: calc((100% - 2rem) / 2);
}
.sitemap.eng .topmenu >li:nth-child(2n-1) {
  margin-left: 0;
}
.sitemap.eng .topmenu >li:nth-child(3) {
  margin-right: 16px;
}
.sitemap.eng .topmenu >li:nth-child(4) {
  margin-left: 0;
}
.sitemap.eng .topmenu >li:nth-child(n+3) {
  margin-top: 4rem;
}
@media screen and (max-width: 1279px) {
  .sitemap .topmenu >li {
    width: calc((100% - 48px) / 3);
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sitemap .topmenu >li{width: 100%; margin-left: 0;}
  .sitemap .topmenu >li:nth-child(3n-2){margin-left: 0;}
  .sitemap .topmenu >li:nth-child(n+2){margin-top: 24px;}
  .sitemap.eng .topmenu >li{width: 100%; margin-left: 0;}
  .sitemap.eng .topmenu >li:nth-child(3) {
      margin-right: 0;
  }

}
/* 사이트맵 sub.css */

/* 검색어 영역 */
.total-search-top-box {
  position: relative;
  margin-bottom: 50px;
}
.total-search-top-box > .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 24px;
  align-items: center;
}
.total-search-top-box > .inner .sch-form-wrap {
  display: flex;
}
.total-search-top-box::after {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
  content: "";
  width: 100%;
  height: 100%;
  background-color: #F0F0F0;
  border-radius: 16px;
}
.total-search-top-box > .inner .sch-form-wrap input{
  padding: 12px 16px;
  width: 352px;
  height: 41px;
  border-radius: 8px 0px 0px 8px;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  border-right:  none;
}
.total-search-top-box > .inner .sch-form-wrap button{
  width: 41px;
  height: 41px;
  padding: 10px;
  background: #CE336C;
  border-radius: 0px 8px 8px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.total-search-top-box > .inner .sch-form-wrap button > span{
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/sub/ico_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* 통합검색 : 결과 리스트 */
.total-search-list .li {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border: 1px solid #D8D8D8;
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 16px;
}
/* 통합검색 No Data */
.total-search-list.nodata .li{
  padding: 60px 16px;
}
.total-search-list.nodata .li .text{
  height: 221px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.total-search-list.nodata .li .text > p{
  color: #1D1D1D;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.8px;
  padding-left: 28px;
  background: url(../images/sub/ico_search_waring.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
}
/* 통합검색 No Data */

.total-search-list .li .keyword {
  font-weight: 700;
  color: #CE336C;
}
.total-search-list .info-top {
  display: flex;
}
.total-search-list .info-top .krds-badge{
  border-radius: 4px;
  background: #FCF4F7;
  display: flex;
  height: 24px;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  color: #CE336C;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-right: 16px;
}
.total-search-list .info-top .i-date {
color: #555555;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 400;
line-height: 150%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.total-search-list .info-body {
  display: flex;
  flex-direction: column;
}
.total-search-list .li:hover:not(.nodata),
.total-search-list .li:hover:not(.nodata) .info-body a > .tit,
.total-search-list .li:focus-visible:not(.nodata),
.total-search-list .li:focus-visible:not(.nodata) .info-body a > .tit {
  background-color: #F8F8F8;
}

.total-search-list .li:hover:not(.nodata) .info-body a > .tit ,
.total-search-list .li:focus-visible:not(.nodata) .info-body a > .tit {
  text-decoration: underline;
}
.total-search-list .info-body .tit {
  font-weight: 700;
  color:  #1D1D1D;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 150%;
}
.total-search-list .info-body .in{
  margin-top: 24px;
  display: flex;
}
.total-search-list .info-body .txt {
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.total-search-list .info-body .thum {
  display: inline-flex;
  flex-shrink: 0;
  width: 18rem;
  height: 11rem;
  border-radius: var(--krds-rd-8);
  overflow: hidden;
}
.total-search-list .info-body .thum img {
  width: 100%;
  height: 100%;
}
.total-search-list .info-btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--krds-spacer-4);
}
.total-search-list .info-btm .url-link {
  text-decoration: underline;
}
.total-search-list .info-btm .i-cate {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: var(--krds-gray-70);
}
.total-search-list .info-btm .i-cate li {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}
.total-search-list .info-btm .i-cate li:not(:first-child)::before {
  display: inline-flex;
  content: "";
  width: 16px;
  height: 16px;
  background: url(../images/sub/ico_search_arrow_right.svg) no-repeat center;
  background-size: contain;
}
.total-search-list .info-btm .i-cate .span {
  font-weight: 400;
  color: #555555;
}
.total-search-list .info-btm .btn-area button{
  padding-right: 24px;
  background: url(../images/sub/ico_search_more.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 16px;
  color:#1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;

}
/* 통합검색 양쪽 배치 */
.search-between-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-spacer-20);
}
.search-between-conts .aside {
  flex-shrink: 0;
}
.search-between-conts .aside .filter-list {
  border-bottom: 0.1rem solid var(--krds-gray-40);
}
.search-between-conts .aside .filter-dl .dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  font-size: var(--krds-fz-title-xlg);
  font-weight: 700;
  line-height: 1;
  padding: var(--krds-spacer-4) 0;
  border-bottom: 0.1rem solid var(--krds-gray-70);
}
.search-between-conts .aside .filter-dl .dt .btn {
  height: auto;
}
.search-between-conts .aside .filter-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-top: var(--krds-spacer-6);
}
.search-between-conts .aside .filter-btn .btn {
  flex: 1;
}
.search-between-conts .contents {
  flex: 1;
}
.search-between-conts .aside {
  width: 29.6rem;
}





/* 리스트 상단 */
.tab-conts-wrap .search-list-top{
  margin-top: 40px;
  margin-bottom: 24px;
}
.tab-conts-wrap .search-list-top .sch-info{
  display: flex;
  color: #CE336C;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.9px;
}
.tab-conts-wrap .search-list-top .sch-info > h3{
  color: #1D1D1D;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.9px;
  padding-left: 30px;
  position: relative;
  margin-right: 32px;
}
.tab-conts-wrap .search-list-top .sch-info > h3::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background: url(../images/sub/ico_search_logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tab-conts-wrap .search-list-top .sch-info > h3::before{
  content: '';
	position: absolute;
	top: 50%; right: -16px;
	transform: translateY(-50%);
	width: 1px; height: 16px;
	background-color: #D8D8D8;
}
.tab-conts-wrap .search-list-top .sch-info .keyword{
  padding-left: 4px;
  color: #CE336C;
}
/* 리스트 상단 */
@media screen and (max-width: 1279px) {
  .total-search-top-box{
    margin-bottom: 32px;
  }
  .tab-conts-wrap .search-list-top{
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .total-search-top-box {
    margin-bottom: 24px;
  }
  .total-search-top-box > .inner .sch-form-wrap{
    width: 100%;
  }
  .total-search-top-box > .inner .sch-form-wrap .sch-input{
    width: 100%;
  }
  .total-search-top-box > .inner .sch-form-wrap input{
    width: 100%;
  }
  .tab-conts-wrap .search-list-top{
    margin-top: 32px;
  }
}

/* #################### 컨텐츠 페이지 #################### */

/* 위원회 개요 > 대통령 메세지 > 정부 인공지능 정책 경과 */
.subcontent_info{
  padding: 50px;
  background-image: url(../images/sub/content_/bg_titbox.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 16px;
}
.subcontent_info > .txt_box{
  width: 480px;
}
.subcontent_info > .txt_box > .subtit{
  font-size: 32px;
  color: #fff;
  font-weight: 700;
}
.subcontent_info > .txt_box > .sub_tit{
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  margin-top: 32px;
}
.subcontent_info > .txt_box > .txt{
  font-size: 17px;
  color: #fff;
  margin-top: 16px;
  font-weight: 400;
}
.subcontent_tit{
  border-radius: 16px;
  padding: 16px 24px;
  background-image: url(../images/sub/content_/bg_subtit.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 40px;
}
.subcontent_tit > .tit{
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.subcontent_box {
  border-radius: 16px;
  background: #f8f8f8;
  padding: 24px;
  margin-top: 24px;
}
.subcontent_box > .subtit_l:first-child{
  margin-top: 0;
}
@media screen and (max-width: 1279px) {
  .subcontent_info{
    position: relative;
  }
  .subcontent_info::before{
    content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      border-radius: 16px;
      z-index: 1;
  }
  .subcontent_info > * {
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .subcontent_info{
    padding: 24px;
    position: relative;
  }
  .subcontent_info > .txt_box{
    width: 100%;
  }
  .subcontent_info > .txt_box > .subtit{
    font-size: 24px;
  }
  .subcontent_info > .txt_box > .sub_tit{
    margin-top: 16px;
  }
  .subcontent_tit{
    margin-top: 24px;
  }
  .subcontent_box{
    margin-top: 16px;
  }
}
/* 위원회 개요 > 대통령 메세지 > 정부 인공지능 정책 경과 */


/* 위원회 개요 > 위원회 소개 > 민간위원 */
.form_list.position_only {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 0;
  margin: 0 -12px;
  margin-top: 24px;
}
.form_list.position_only > li{
  width: 33.33%;
  overflow: hidden;
  display: flex;
  padding: 0 12px;
}
.form_list.position_only .only {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F8F8;
  border-radius: 16px;
  padding: 24px;
}
.form_list.position_only .only .position {
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.7px;
  background: linear-gradient(to right, #871A4A, #1B3DC5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.form_list.historical{
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.form_list.historical > li{
  background: #F8F8F8;
  border-radius: 16px;
  overflow: hidden;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px;
}
.form_list.historical > li > .form_imgbox{
  width: 120px;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.form_list.historical > li > .form_imgbox > .img_box{
  width: 120px;
  height: 154px;
  background-color: #fff;
  border-radius: 8px;
  border: solid 1px #D8D8D8;
  overflow: hidden;
}
.form_list.historical > li > .form_imgbox > .img_box > .img{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.form_list.historical.historical_01 > li > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile01.png);
}
.form_list.historical.historical_02 > li:nth-child(1) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile02.png);
}
.form_list.historical.historical_02 > li:nth-child(2) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile03.png);
}
.form_list.historical.historical_02 > li:nth-child(3) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile04.png);
}
.form_list.historical.historical_02 > li:nth-child(4) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile05.png);
}
.form_list.historical.historical_02 > li:nth-child(5) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile06.png);
}
.form_list.historical.historical_02 > li:nth-child(6) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile07.png);
}
.form_list.historical.historical_02 > li:nth-child(7) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile08.png);
}
.form_list.historical.historical_02 > li:nth-child(8) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile09.png);
}
.form_list.historical.historical_02 > li:nth-child(9) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile10.png);
}
.form_list.historical.historical_02 > li:nth-child(10) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile11.png);
}
.form_list.historical.historical_02 > li:nth-child(11) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile12.png);
}
.form_list.historical.historical_02 > li:nth-child(12) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile13.png);
}
.form_list.historical.historical_02 > li:nth-child(13) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile14.png);
}
.form_list.historical.historical_02 > li:nth-child(14) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile15.png);
}
.form_list.historical.historical_02 > li:nth-child(15) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile16.png);
}
.form_list.historical.historical_02 > li:nth-child(16) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile17.png);
}
.form_list.historical.historical_02 > li:nth-child(17) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile18.png);
}
.form_list.historical.historical_02 > li:nth-child(18) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile19.png);
}
.form_list.historical.historical_02 > li:nth-child(19) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile20.png);
}
.form_list.historical.historical_02 > li:nth-child(20) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile21.png);
}
.form_list.historical.historical_02 > li:nth-child(21) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile22.png);
}
.form_list.historical.historical_02 > li:nth-child(22) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile23.png);
}
.form_list.historical.historical_02 > li:nth-child(23) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile24.png);
}
.form_list.historical.historical_02 > li:nth-child(24) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile25.png);
}
.form_list.historical.historical_02 > li:nth-child(25) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile26.png);
}
.form_list.historical.historical_02 > li:nth-child(26) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile27.png);
}
.form_list.historical.historical_02 > li:nth-child(27) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile28.png);
}
.form_list.historical.historical_02 > li:nth-child(28) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile29.png);
}
.form_list.historical.historical_02 > li:nth-child(29) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/historical_profile30.png);
}
.form_list.historical > li > .form_txtbox{
  width: calc(100% - 144px);
}
.form_list.historical > li > .form_txtbox > .position{
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -0.7px;
  background: linear-gradient(to right, #871A4A, #1B3DC5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.form_list.historical > li > .form_txtbox > .tit{
  border-bottom: 1px solid #C6C6C6;
  padding-bottom: 8px;
  color: #1D1D1D;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -1px;
  margin-top: 4px;
}
.form_list.historical > li > .form_txtbox > .tit > span{
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
  letter-spacing: -0.7px;
}
.form_list.historical > li > .form_txtbox > .term{
  margin-top: 8px;
}
.form_list.historical > li > .form_txtbox > .term > div + div{
  margin-top: 4px;
}
.form_list.historical > li > .form_txtbox > .term > div > p{
  color: #1D1D1D;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.8px;
  padding-left: 11px;
  position: relative;
}
.form_list.historical > li > .form_txtbox > .term > div > p::after{
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #1D1D1D;
  border-radius: 50%;
}
/* tablet */
@media screen and (max-width: 1279px) {
  .form_list.position_only > li {
    width: 50%;
  }
  .form_list.historical{
    margin-top: 24px;
    gap: 24px 16px;
  }
}
/* mobile */
@media screen and (max-width: 767px) {
  .form_list.position_only > li {
    width: 100%;
  }
  .form_list.historical{
    grid-template-columns:  1fr;
    gap: 16px;
  }
  .form_list.historical > li{
    padding: 16px;
    gap: 16px;
  }
  .form_list.historical > li > .form_txtbox > .tit{
    margin-bottom: 8px;
    font-size: 16px;
  }
  .form_list.historical > li > .form_txtbox > .term{
    margin-top: 10px;
  }
  .form_list.historical > li > .form_txtbox > .term > div > span:first-child{
    margin-right: 12px;
  }
  .form_list.historical > li > .form_txtbox > .term > div > span:first-child::before{
    right: -6px;
  }
  .form_list.historical > li > .form_txtbox > .term > div > span{
    font-size: 14px ;
  }
}
/* 위원회 개요 > 위원회 소개 > 민간위원 */

/* 위원회 개요 > 위원회 소개 > 글로벌 스티어링 그룹 */
.form_list.global_steering_group{
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.form_list.global_steering_group > li{
  background: #F8F8F8;
  border-radius: 16px;
  overflow: hidden;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
}
.form_list.global_steering_group > li > .form_imgbox{
  width: 120px;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.form_list.global_steering_group > li > .form_imgbox > .img_box{
  width: 120px;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #D8D8D8;
}
.form_list.global_steering_group > li > .form_imgbox > .img_box > .img{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.form_list.global_steering_group > li:nth-child(1) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_01.jfif);
}
.form_list.global_steering_group > li:nth-child(2) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_02.jfif);
}
.form_list.global_steering_group > li:nth-child(3) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_03.jfif);
}
.form_list.global_steering_group > li:nth-child(4) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_04.jfif);
}
.form_list.global_steering_group > li:nth-child(5) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_05.jfif);
}
.form_list.global_steering_group > li:nth-child(6) > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_06.jfif);
}
.form_list.global_steering_group.list_02 > li > .form_imgbox > .img_box > .img{
  background-image: url(../images/sub/content_/historical/global_07.jfif);
}
.form_list.global_steering_group > li > .form_txtbox{
  width: calc(100% - 136px);
}
.form_list.global_steering_group > li > .form_txtbox > .name{
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 21px */
  letter-spacing: -1px;
  color: #1D1D1D;
  padding-bottom: 8px;
  position: relative;
}
.form_list.global_steering_group > li > .form_txtbox > .name::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(120deg, #871A4A -0.14%, #1B3DC5 101.69%);
}
.form_list.global_steering_group > li > .form_txtbox > .tit{
  color: #1D1D1D;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.7px;
  margin-top: 8px;
}
/* tablet */
@media screen and (max-width: 1279px) {
  .form_list.global_steering_group{
    grid-template-columns: repeat(2, 1fr);
  }
}
/* mobile */
@media screen and (max-width: 767px) {
  .form_list.global_steering_group{
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
/* 위원회 개요 > 위원회 소개 > 글로벌 스티어링 그룹 */


/* 위원회 개요 > 지원단 소개 > 조직도 */
.organization_chart {
  display: flex;
  padding: 40px 0px;
  align-items: flex-start;
  justify-content: center;
  gap: 32px;
  border-radius: 16px;
  background: #F8F8F8;
}
.organization_chart .org-info {
  display: flex;
  width: 180px;
  padding: 12px 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  box-sizing: border-box;
  position: relative;
}
.organization_chart .org-info::before {
  content: '';
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #C6C6C6;
}

.organization_chart .org-info.linearBlue {
  background: linear-gradient(120deg, #871A4A -0.14%, #1B3DC5 101.69%);
}
.organization_chart .org-info.linearBlue > p {
  color: #fff;
}
.organization_chart .org-info.blue {
  border: 1px solid #000742;
  background: #000742;
}
.organization_chart .org-info.blue > p {
  color: #fff;
}
.organization_chart .org-info.lineWhite {
  border: 1px solid #D8D8D8;
  background: #FFF;
}
.organization_chart .org-info.lineWhite > p {
  color: #555;
}
.organization_chart .org-info > p {
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}

.organization_chart .org-list {
  display: flex;
}
.organization_chart .org-list > li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.organization_chart .org-group {
  position: relative;
  display: flex;
  gap: 53px;
}
.organization_chart .org-group > li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.organization_chart .org-group.groups {
  position: relative;
  margin-top: -27px;
}
.organization_chart .org-group.groups::before {
  content: '';
  display: block;
  width: 50%;
  height: 1px;
  position: absolute;
  top: 27px;
  left: 50%;
  transform: translateX(-50%);
  background: #C6C6C6;
}
.organization_chart .org-group.groups > li {
  position: relative;
  gap: 26px;
}
.organization_chart .org-group.items {
  padding-top: 26px;
  position: relative;
  margin-top: -8px;
}
.organization_chart .org-group.items::before {
  content: '';
  width: 100%;
  height: 1px;
  background: #C6C6C6;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.organization_chart .org-group.items > li {
  position: relative;
}
.organization_chart .org-group.items > li:first-child::before {
  content: '';
  display: block;
  position: absolute;
  right: 50%;
  top: -26px;
  width: 100%;
  height: 1px;
  background: #f8f8f8;
}
.organization_chart .org-group.items > li:last-child::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: -26px;
  width: 100%;
  height: 1px;
  background: #f8f8f8;
}
.organization_chart .org-group.items .org-info.item::before {
  top: initial;
  bottom: 100%;
  height: 26px;
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
  .organization_chart .org-group {
    gap: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .organization_chart .org-info::before {
    height: 58px;
  }
  .organization_chart .org-group {
    gap: 10px;
  }
  .organization_chart .org-group > li {
    gap: 58px;
  }
  .organization_chart .org-group.groups .org-info::before {
    height: 20px;
  }
}
@media screen and (max-width: 860px) {
  .organization_chart .org-info::before {
    height: 16px;
  }
  .organization_chart .org-group > li {
    gap: 16px;
  }
  .organization_chart .org-group.groups {
    margin-top: 0;
    padding-top: 16px;
  }
  .organization_chart .org-group.groups::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #C6C6C6;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .organization_chart .org-group {
    gap: 40px;
  }
  .organization_chart .org-group.groups > li {
    gap: 16px;
  }
  .organization_chart .org-group.groups > li:first-child::before {
    content: '';
    display: block;
    position: absolute;
    right: 50%;
    top: -16px;
    width: 100%;
    height: 1px;
    background: #f8f8f8;
  }
  .organization_chart .org-group.groups > li:last-child::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: -16px;
    width: 100%;
    height: 1px;
    background: #f8f8f8;
  }
  .organization_chart .org-group.groups .org-info::before {
    top: initial;
    bottom: 100%;
    height: 16px;
  }
  .organization_chart .org-group.items {
    margin-top: 0;
    padding-top: 0;
    flex-direction: column;
    gap: 16px;
  }
  .organization_chart .org-group.items::before {
    display: none;
  }
  .organization_chart .org-group.items > li:first-child::before,
  .organization_chart .org-group.items > li:last-child::before {
    display: none;
  }
  .organization_chart .org-group.items .org-info.item::before {
    height: 16px;
  }
}

@media screen and (max-width: 767px) {
  .organization_chart .org-info {
    width: 120px;
    padding: 8px 4px;
  }

}

/* #################### 컨텐츠 페이지 #################### */