@charset "UTF-8";
/*header*/
#krds-header .header-container .header-branding{
  gap: var(--krds-gap-9);
}
#krds-header .header-container .header-actions{
  justify-content: flex-end;
  flex: 1;
  gap: var(--krds-gap-7);
  margin-left: unset;
}
#krds-header .header-container .header-actions .actions-menu:not(:has(.toDo-list)){
  flex: unset;
  margin-left: unset;
}
.header-actions .sch-input{
  align-items: center;
  flex: 1;
  max-width: 456px;
}
.header-actions .sch-input .krds-input{
  border-radius: 5rem;
}
.header-actions .actions-menu{
  display: inline-flex;
  gap: var(--krds-gap-3);
  margin-left: auto;
}
/*header menu*/
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list{
  padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x)  var(--krds-main-menu--sub-menu-padding-x);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list.single-list{
  padding: var(--krds-main-menu--sub-menu-only-2depth-padding-y) 0 var(--krds-main-menu--sub-menu-padding-x);
}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul.type-description li .tit a{
  padding: 0;
  font-size: var(--krds-main-menu--sub-menu-description-title-font-size) 1.9rem;
}
@media (max-width: 900px) {
  .header-actions .sch-input{
    display: none;
  }
}
@media (max-width: 768px) {
  .gnb-login .login, .gnb-login .login-m {
    display: none !important;
  }
  .gnb-header:has(.login-m) {
    min-height: 60px;
  }
  .header-actions .btn-navi.login{
    display: none !important;
  }
}
/*footer*/
#krds-footer .f-cnt .f-info .info-cs li .key-info span{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-2);
}
/*side menu - 3dep*/
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-submenu-2dep>ul{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  padding: var(--krds-side-navigation--4depth-padidng) 0;
  margin: var(--krds-padding-3) 0;
  border-top: 0.1rem solid var(--krds-color-light-gray-10);
  border-bottom: 0.1rem solid var(--krds-color-light-gray-10);
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu>ul>li:last-child .lnb-submenu-2dep>ul{
  border-bottom: 0;
  margin-bottom: 0;
}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu .lnb-submenu-2dep>ul>li>.lnb-btn{
  padding: var(--krds-side-navigation--3depth-btn-padding-y) 2.4rem;
}
/*mobile*/
.krds-main-menu-mobile .depth4-wrap-drop{
  display: none;
  position: static;
}
.krds-main-menu-mobile .depth4-wrap-drop.is-open{
  width: 100%;
  height: 100%;
  background-color: var(--krds-main-menu-mobile--depth4-color-surface);
  transition: var(--krds-transition-base);
}
.krds-main-menu-mobile .depth3-wrap .depth3-trigger.has-depth4-drop::after{
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../../images/portal/component/icon/ico_angle.svg);
  mask-image: url(../../images/portal/component/icon/ico_angle.svg);
  flex-shrink: 0;
  margin-left: auto;
  transition: var(--krds-transition-base);
  transform: rotate(0deg);
}
.krds-main-menu-mobile .depth3-wrap>ul>li.is-open .depth3-trigger.has-depth4-drop::after{
  transform: rotate(180deg);
}
.krds-main-menu-mobile .depth4-wrap-drop.depth4-body .depth4-ul a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-main-menu-mobile--depth4-list-gap-layout-dot-text);
  padding: var(--krds-main-menu-mobile--depth4-list-li-padding-y) var(--krds-main-menu-mobile--depth4-list-li-padding-x);
  border-radius: var(--krds-main-menu-mobile--depth4-list-li-border-radius);
}
.krds-main-menu-mobile .depth4-wrap-drop.depth4-body .depth4-ul a::before {
  content: "-";
  font-weight: var(--krds-font-weight-regular);
}
/*data*/
/*검색 입력폼*/
.total-sch-input-wrap{
  width: 100%;
  display: flex;
  flex-direction : column;
  gap: var(--krds-gap-2);
  align-items : flex-end;
}
/*검색 입력폼 상세검색 - modal*/
body.scroll-lock {
  position: fixed;
  width: 100%;
  overflow: hidden;
}
.detail_search_modal{
  display: none;
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  /*overflow: hidden;*/
  z-index: 1000;
  overscroll-behavior: contain;
}
.detail_search_modal .modal-dialog{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  z-index: 1020;
  width: 100rem;
  height: 100%;
  min-height: 26.4rem;
  margin: 0 auto;
}
.detail_search_modal .modal-dialog .modal-content{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-height: 95%;
  background-color: var(--krds-light-color-surface-white-subtler);
  border-radius: var(--krds-radius-xlarge1);
  border: 2px solid #256EF4;
  color: var(--krds-light-color-text-basic);
  outline-color: transparent;
  transition: outline-color 0.1s;
  box-shadow: 0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--krds-light-color-alpha-shadow3);
  /*overflow: auto;*/
  -webkit-overflow-scrolling: touch;
}
.detail_search_modal .modal-dialog .modal-header {
  width: 100%;
  background-color: inherit;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  padding-top: var(--krds-number-17);
  padding-inline: var(--krds-padding-10);
}
.detail_search_modal .modal-title{
  border-bottom: 1px dashed #DCECFF;
  color: var(--krds-color-light-primary-50);
}
.detail_search_modal .modal-dialog .modal-conts {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  width: 100%;
  padding: var(--krds-padding-6) var(--krds-padding-10) var(--krds-padding-3);
}
.detail_search_modal .modal-dialog .modal-conts .conts-area {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.detail_search_modal .modal-dialog .modal-conts > *,
.detail_search_modal .modal-dialog .modal-conts .conts-area > * {
  width: 100%;
  gap: var(--krds-gap-5);
}
.detail_search_modal .txt-box.bg-white{
  padding: 0;
  border:0;
  border-radius: 0;
}
.detail_search_modal .form-group-row{
  align-items: end !important;
  width: 100%;
}
.detail_search_modal .modal-dialog .modal-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: var(--krds-gap-3);
  width: 100%;
  padding: var(--krds-padding-6) var(--krds-padding-10) var(--krds-padding-10);
}
.detail_search_modal .modal-dialog .btn-close {
  position: absolute;
  top: var(--krds-gap-7);
  right: var(--krds-gap-7);
  z-index: 901;
}
.detail_search_modal .modal-back.in{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}
.toast-popup .filter-list.krds-accordion .accordion-item .accordion-collapse{
  display: none;
}
.toast-popup .krds-accordion .accordion-item.active .accordion-collapse{
  display: block;
  max-height: unset;
}
@media (max-width: 1020px) {
  .detail_search_modal .modal-dialog {
    width: calc(100% - var(--krds-gap-7));
  }
}
@media (max-width: 767px) {
  .detail_search_modal .modal-dialog .modal-conts {
    overflow-y: auto;
  }
}
@media (max-width: 500px) {
  .detail_search_modal .modal-dialog .modal-header{
    padding-top: var(--krds-number-13);
    padding-inline: var(--krds-padding-9);
  }
  .detail_search_modal .modal-dialog .modal-conts {
    padding: var(--krds-padding-6) var(--krds-padding-9) var(--krds-padding-3);
  }
  .detail_search_modal .modal-title{
    font-size: var(--krds-pc-font-size-heading-medium);
  }
  .detail_search_modal .input-group.range{
    flex-direction: column;
  }
  .detail_search_modal .input-group.range > li:not(.mark){
    width: 100%;
  }
  .detail_search_modal .input-group.range > li.mark{
    display: none;
  }
}
/* 공통 캘린더 css 추가 */
.detail_search_modal .calendar-input .calendar-btn-wrap .krds-btn,
.calendar-wrap .calendar-footer .calendar-btn-wrap .krds-btn{
  position: static !important;
  transform: none !important;
}
.krds-calendar-area.top .calendar-wrap{
  bottom: calc(0.8rem + 56px);
  top: auto;
}
.krds-calendar-area.small .calendar-wrap{
  transform: scale(0.8);
  transform-origin: bottom left;
}
@supports (zoom: 0.85) {
  .krds-calendar-area.small .calendar-wrap {
    zoom: 0.85;
    transform: none;
  }
}
/*데이터 검색 - filter*/
.search-between-conts .aside-filter-area{
  display: flex;
  flex-direction: column;
}
.total-search-top-box > .inner .sch-form-wrap{
  align-items: center;
}
.aside.custom-filter dt{
  border-bottom:0.1rem solid var(--krds-light-color-divider-gray-dark);
  display: flex;
  justify-content: space-between;
}
.aside.custom-filter dt.non-border {
  padding-top: 0;
  border-bottom: none;
}
.aside.custom-filter dd {
  margin-bottom: 24px;
}
.aside.custom-filter dd div.data-check-area{
  display: block;
  padding: var(--krds-padding-6) 0 0;
}
.aside.custom-filter dd .date-filter .data-check-area{
  padding-top: 0;
}
.aside.custom-filter dd > div.date-filter {
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: 2.4rem;
  padding: var(--krds-padding-6) 0 ;
}
.aside.custom-filter dd > div.date-filter.year {
  gap: 0;
}
.aside.custom-filter dd .chk-column{
  display: block;
  max-height: none;
  min-height: auto;
  margin-bottom: var(--krds-gap-3);
  overflow: hidden;
  position: relative;
}
.aside.custom-filter dd .chk-column .scroll-area {
  height: 130px;
  overflow-y: hidden;
  transition: all .2s ease-in-out;
}
.aside.custom-filter dd .chk-column .chk-wrapper {
  display: block;
}
.aside.custom-filter dd .chk-column .chk-wrapper .krds-form-check{
  padding: var(--krds-padding-4);
}
.aside.custom-filter dd .data-check-area.open .scroll-area {
  height: 182px;
  overflow-y: auto;
}
.aside.custom-filter dd .date-more-area {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  padding-bottom:var(--krds-padding-6);
}
.aside.custom-filter dd .date-more-area .krds-btn::after {
  display: inline-flex; content: '';
  width: var(--krds-icon--size-medium);
  height: var(--krds-icon--size-medium);
  background-color: currentColor;
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../../images/portal/component/icon/ico_angle.svg);
  mask-image: url(../../images/portal/component/icon/ico_angle.svg);
  transition: var(--krds-transition-base);
  transform: rotate(0deg);
}
.aside.custom-filter dd .date-more-area .krds-btn.open::after{
  transform: rotate(180deg);
}
.aside.custom-filter .tab-date-filter{
  padding: var(--krds-padding-6) 0 0;
}
.aside.custom-filter .tab-date-filter ul{
  display: flex;
}
.aside.custom-filter .tab-date-filter ul li{
  display: flex;
  flex: 1;
}
.aside.custom-filter .tab-date-filter ul li button{
  width: 100%;
  padding: var(--krds-padding-3) 0;
  border: 1px solid var(--krds-color-light-gray-30);
  color: var(--krds-color-light-gray-30);
}
.aside.custom-filter .tab-date-filter ul li.active button{
  border: 1px solid var(--krds-color-light-primary-50);
  background-color: var(--krds-color-light-primary-5);
  color: var(--krds-color-light-primary-50);
}
.aside.custom-filter .date-filter{
  display: none;
}
.aside.custom-filter .date-filter.active{
  display: flex;
}
.aside.custom-filter .date-filter .krds-form-chip input[type=radio]:checked ~ label{
  padding-inline: var(--krds-padding-4);
}
.form-group .form-conts.calendar-conts .input-group.range li.mark{
  flex: none;
}
@media (max-width: 767px) {
  .search-between-conts .aside-filter-area:has(.aside.custom-filter){
    display: none;
  }
}
@media (max-width: 499px) {
  .publication.data .total-sch-input-wrap .sch-input .krds-input {
    padding: 0px 5.6rem 0 var(--krds-padding-6);
    font-size: var(--krds-input--mobile-font-size-medium);
  }
}
/*더보기 팝업*/
.modal-more-view .modal-dialog .modal-content{
  border: 2px solid var(--krds-color-light-primary-50);
}
.modal-more-view .modal-header .modal-title{
  border-bottom: 1px dashed #DCECFF;
  color: var(--krds-color-light-primary-50);
}
.modal-more-view .modal-dialog .modal-conts{
  padding: var(--krds-modal--padding) var(--krds-modal--padding) var(--krds-modal--conts-padding-top);
}
.modal-more-view .chk-row-flex{
  flex-wrap: wrap;
}
.modal-more-view .chk-row-flex>.krds-form-check{
  display: flex;
  width: calc(100% / 3 - var(--krds-gap-6));
}
@media (max-width: 768px) {
  .modal-more-view .modal-dialog .modal-conts{
    padding: var(--krds-modal--conts-padding-top) var(--krds-modal--padding) var(--krds-modal--conts-padding-top);
  }
  .krds-modal.modal-more-view:not([data-type=bottom-sheet]) .modal-dialog .modal-content{
    padding-bottom: 0;
  }
  .modal-more-view .chk-row-flex>.krds-form-check{
    flex: 1 auto;
    width: calc(100% / 2 - var(--krds-gap-6));
  }
}
@media (max-width: 500px) {
  .modal-more-view .chk-row-flex>.krds-form-check{
    width: 100%;
  }
}
/*mobile - 검색필터*/
.krds-modal.aside.custom-filter .krds-accordion .accordion-item .accordion-body .data-check-area{
  padding-top: var(--krds-padding-6);
}
.krds-modal.aside.custom-filter .tab-date-filter{
  padding-top: 0;
}
.krds-modal.aside.custom-filter .date-filter{
  padding-top: var(--krds-padding-6);
}
.krds-modal.aside.custom-filter .date-filter{
  flex-direction: column;
  gap: var(--krds-gap-5);
}
/*데이터 검색 - list*/
.total-search-list .total-search-item{
  flex-direction: row;
  align-items: center;
  position: relative;
}
.total-search-item>a{
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-gap-7);
}
.total-search-list .info-top {
  display: flex;
  gap: var(--krds-gap-5);
  justify-content: space-between;
  align-items: flex-start;
}
.total-search-list .info-top .info-top-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--krds-gap-4);
}
.total-search-list .info-top .share-star.active{
  width: 20px;
  height: 20px;
  background: url("/images/dcp/mydata/share-on.svg")no-repeat center;
  background-size: 100%;
}
.total-search-list .info-top .tit {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
  word-break: break-all;
}
.total-search-list .info-body-row{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--krds-gap-7);
}
.total-search-list .info-body{
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1;
  gap: var(--krds-gap-5);
  justify-content: space-between;
}
.total-search-list .info-body .list-item-info{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.total-search-list .info-body .info-row{
  display: flex;
  gap: var(--krds-gap-3);
}
.total-search-item button {
  position: relative;
  z-index: 2;
}
.kw-highlight{
  color: #0B50D0;
  font-weight: 600;
  background: #D8E5FD;
}
@media (max-width: 1024px) {
  .total-search-list .total-search-item{
    flex-direction: column;
    align-items: flex-start;
  }
  .total-search-list .info-body .info-row{
    flex-wrap: wrap;
  }
}
@media (max-width: 900px) {
  .total-search-list .info-top{
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .total-search-list .info-body-row{
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .total-search-item>a{
    width: 100%;
  }
  .total-search-list .info-top {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .total-search-list .info-body{
    flex-wrap: wrap;
    width: 100%;
  }
}
@media (max-width: 499px) {
  .search-list-top .sch-sort{
    flex-wrap: wrap;
    gap: var(--krds-gap-3);
  }
  .search-list-top .sch-info li:not(:last-child),
  .search-list-top .sch-sort li:not(:last-child){
    padding-right: 0;
  }
  .search-list-top .sch-info li:not(:last-child)::after,
  .search-list-top .sch-sort li:not(:last-child)::after{
    display: none;
  }
  .total-search-list .info-body .list-item-info{
    gap: var(--krds-gap-3);
  }
  .total-search-list .info-body .info-row{
    flex-direction: column;
  }
  .total-search-list .info-body .info-row>.sep{
    display: none;
  }
}
.total-search-list>.no-data{
  display:flex;
  flex-direction: column;
  gap: var(--krds-gap-7);
  width: fit-content;
  margin: var(--krds-gap-10) auto;
}
/*상세페이지*/
.sec-tit-wrap{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.data-file-sec .dataFile-list{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.data-file-sec .dataFile-list .d-card .krds-badge {
  white-space: nowrap;
}
.data-file-sec .dataFile-list .d-card.line .text:not(.krds-btn){
  display: flex;
  flex-direction: column;
}
.data-file-sec .dataFile-list .d-card .c-tit {
  text-align: left;
}
.data-file-sec .dataFile-list .d-card .c-txt{
  display: block;
  max-height: 76.5px;
  overflow-y: auto;
  text-overflow: unset;
  -webkit-box-orient: unset;
}
.data-file-sec .d-card button.file-download {
  display: flex;
  align-items: center;
  gap: 10px;
}
.detail-view.inner .page-title-wrap .tit-ver{
  display: flex;
  justify-content: space-between;
}
.detail-view.inner .page-title-wrap .tit-ver>span{
  min-width: fit-content;
}
.detail-view.inner .conts-wrap .license span{
  color: var(--krds-light-color-text-primary);
}
.detail-view.inner .def-list-wrap.meta-info dd>.krds-info-list > li{
  padding-left: 0;
}
.detail-view.inner .def-list-wrap .krds-info-list > li{
  color: var(--krds-light-color-text-bolder);
}
.detail-view.inner .box_communication_link {
  margin-top:64px;
  padding-bottom:2px;
}
.detail-view.inner .box_communication_link a {
  display:block;
  position:relative;
  margin-top:16px;
  padding:32px 80px 32px 88px;
  border-radius:12px;
  background-color:#f8f8f8;
  box-shadow:0 0 0 1px #e4e4e4;
}
.detail-view.inner .box_communication_link a:first-child {
  margin-top:0;
}
.detail-view.inner .box_communication_link a:hover,
.detail-view.inner .box_communication_link a:focus {
  text-decoration:none;
  box-shadow:0 0 0 2px #246beb;
  outline:none;
}
.detail-view.inner .box_communication_link a .iconset_mw {
  position:absolute;
}
.detail-view.inner .box_communication_link a .iconset_mw:first-child {
  left:32px;
  top:35px;
}
.detail-view.inner .box_communication_link a .ico_arrow_long {
  right:32px;
  top:39px;
}
.detail-view.inner .box_communication_link .iconset_mw.ico_question{
  width: 32px;
  height: 32px;
  background: url('../../images/portal/component/icon/ico_question.svg')no-repeat center;
  background-size: 100%;
}
.detail-view.inner .box_communication_link a .tit {
  margin: var(--krds-gap-2) 0;
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}
.detail-view.inner .box_communication_link a .txt {
  margin-top: var(--krds-gap-3);
  padding-right: var(--krds-padding-10);
  color: var(--krds-light-color-text-subtle);
}
@media (max-width: 767px) {
  .detail-view.inner .page-title-wrap .tit-ver{
    flex-direction: column;
    gap: var(--krds-gap-4);
  }
  .krds-in-page-navigation-type .detail-view.inner .krds-in-page-navigation-area{
    display: none;
  }
}
/*모델*/
.detail-view.inner .visualization-box{
  width: 100%;
  height: 720px;
  /*background-color: var(--krds-color-light-gray-10);*/
}
.detail-view.inner .visual-manual-box{
  width: 100%;
  height: 500px;
  /*background-color: var(--krds-color-light-gray-10);*/
}
/*table*/
.col-th-table{
  width: 100%;
}
.col-th-table .col-1{
  width: 15%;
}
.col-th-table .col-2{
  width: 75%;
}
.col-th-table th{
  min-width: fit-content;
  padding: var(--krds-padding-5) var(--krds-padding-6);
  background-color: var(--krds-light-color-surface-secondary-subtler);
  border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-secondary-light);
  font-weight: var(--krds-font-weight-bold);
  font-size: var(--krds-pc-font-size-label-medium);
  color: var(--krds-light-color-text-bolder);
  text-align: left;
}
.col-th-table tr:first-child th{
  border-top: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-secondary-light);
}
.col-th-table td{
  padding: var(--krds-padding-5) var(--krds-padding-6);
  background-color: var(--krds-light-color-surface-white-subtle);
  border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
  font-size: var(--krds-table--data-tbody-pc-font-size);
  color: var(--krds-pc-font-size-label-medium);
  font-weight: var(--krds-font-weight-regular);
  text-align: left;
}
.col-th-table tr:first-child td{
  border-top: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light);
}
.col-th-table td.ws-pw{
  white-space: pre-wrap;
}
.col-th-table td>.ws-pw{
  white-space: pre-wrap;
}
.krds-table-wrap.sample-data-table .tbl.data thead th{
  min-width: fit-content;
  white-space: nowrap;
}
.tbl.data.line-clamp-2 tbody td>p{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 1024px) {
  .col-th-table .col-1{
    width: 20%;
  }
  .col-th-table .col-2{
    width: 80%;
  }
}
@media (max-width: 767px) {
  .col-th-table .col-1{
    width: 25%;
  }
  .col-th-table .col-2{
    width: 75%;
  }
}
@media (max-width: 499px) {
  .col-th-table .col-1{
    width: 100%;
  }
  .col-th-table .col-2{
    width: unset;
  }
  .col-th-table th,
  .col-th-table td{
    display: block;
  }
  .col-th-table tr:first-child td{
    border-top: 0;
  }
}
/*pop loading*/
.pop-loading {
  width: 100%; height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-loading p {
  font-weight: 600;
}
/* 라이선스 popup css */
#data-pblcate-lic-pop .modal-conts {
  max-height: 300px;
  overflow-y: auto;
}
#data-pblcate-lic-pop .modal-conts h4{
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1680px) {
  .wrap.publication .krds-in-page-navigation-type > .inner.detail-view:not(.in-between) {
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .wrap.publication .krds-in-page-navigation-type > .inner.detail-view:not(.in-between) {
    padding-right: var(--krds-contents-padding-x);
  }
  .krds-table-wrap.edit-log{
    display: flex;
    flex-direction: column;
    gap: var(--krds-in-page-navigation--gap);
  }
  .krds-table-wrap.edit-log .tbl{
    width: 100%;
    min-width: unset;
  }
  .krds-table-wrap.related-link{
    width: unset;
  }
}

@media (min-width: 768px) {
  .wrap.publication .inner.detail-view .conts-area>.conts-wrap{
    max-width: calc(100% - 280px - 4rem);
}

  /*page nav*/
  .wrap.publication .detail-view.inner .conts-area{
    flex-direction: row-reverse;
  }
  .wrap.publication .krds-table-wrap{
    overflow-x: auto;
  }
  .wrap.publication .krds-in-page-navigation-area .krds-table-wrap .tbl.data thead th{
    background: transparent;
  }
  .wrap.publication .krds-in-page-navigation-area .krds-table-wrap .tbl.data td,
  .wrap.publication .krds-in-page-navigation-area .krds-table-wrap .tbl.data td span{
    font-size: 15px;
  }
  .wrap.publication .krds-in-page-navigation-type .krds-in-page-navigation-area{
    width: 280px;
    min-width: 280px;
    position: sticky;
  }
}
@media (min-width: 1024px) {
  .wrap.publication .inner.detail-view .conts-area>.conts-wrap{
    max-width: calc(100% - 320px - 4rem);
  }
  /*page nav*/
  .wrap.publication .krds-in-page-navigation-type .krds-in-page-navigation-area{
    width: 320px;
    min-width: 320px;
  }
}
/*Modal - 항목정보*/
.view-detail-modal th,
.view-detail-modal td{
  text-align: center;
}
.view-detail-modal .dataset-info div{
  width: 100%;
}
.view-detail-modal .dataset-info .title{
  width: 120px;
}
.view-detail-modal *:focus {
  outline: none;
  box-shadow: none;
}
/*Modal - 항목 상세보기*/
.cata-detail-modal .conts-area{
  flex-direction: row !important;
  align-items: stretch !important;
}
.cata-detail-modal .cata-tree-menu{
  max-width: 300px;
  min-height: 320px;
}
.tui-tree-wrap.custom{
  width: 100%;
  height: 100%;
  max-height: 457px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  background-color: transparent;
  overflow-y: auto;
}
.tui-tree-wrap.custom .tui-tree-content-wrapper{
  width: auto;
}
.tui-tree-wrap.custom .tui-tree-toggle-btn{
  margin: 6px 4px 0 0;
}
.tui-tree-wrap.custom .tui-ico-folder{
  width: 16px;
  height: 16px;
  margin: 5px 8px 0 0;
}
.tui-tree-wrap.custom .tui-tree-closed>.tui-tree-content-wrapper .tui-ico-folder{
  background: url('../../images/portal/pattern/tree/folder.svg')no-repeat center;
  background-size: 100%;
}
.tui-tree-wrap.custom .tui-tree-opened>.tui-tree-content-wrapper .tui-ico-folder{
  background: url('../../images/portal/pattern/tree/folder_open.svg')no-repeat center;
  background-size: 100%;
}
.tui-tree-wrap.custom .tui-tree-toggle-btn{
  width: 20px;
  height: 20px;
  margin: 8px 8px 0 0;
}
.tui-tree-wrap.custom .tui-ico-tree{
  width: 20px;
  height: 20px;
  margin: 0;
}
.tui-tree-wrap.custom .tui-tree-opened .tui-ico-tree{
  background: url('../../images/portal/pattern/tree/indeterminate_box.svg')no-repeat center;
  background-size: 100%;
}
.tui-tree-wrap.custom .tui-tree-closed .tui-ico-tree{
  background: url('../../images/portal/pattern/tree/add_box.svg')no-repeat center;
  background-size: 100%;
}
.tui-tree-wrap.custom .tui-tree-text{
  font-size: var(--krds-pc-font-size-body-medium);
}
.tui-tree-wrap.custom .tui-ico-file{
  background: none;
}
.tui-tree-wrap.custom .tui-tree-content-wrapper:hover,
.tui-tree-wrap.custom .tui-tree-hover > .tui-tree-content-wrapper{
  background-color: var(--krds-light-color-action-secondary-selected);
  border-radius: var(--krds-radius-small3);
}
.tui-tree-wrap.custom .tui-tree-selected > .tui-tree-content-wrapper{
  color: var(--krds-light-color-text-secondary);
  background-color: var(--krds-light-color-action-secondary-selected);
  border-radius: var(--krds-radius-small3);
  font-weight: var(--krds-font-weight-bold);
}
.tui-tree-wrap.custom .tui-tree-selected > .tui-tree-content-wrapper .tui-tree-text{
  color: var(--krds-light-color-text-secondary);
}

.cata-detail-modal .cata-detail-view{
  display: flex;
  gap: var(--krds-gap-5);
  max-width: calc(100% - 300px);
}
.cata-detail-view .detail-info{
  width: 50%;
}
.cata-detail-view .detail-info{
  width: 50%;
}
.cata-detail-view .detail-info-list{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
  width: 100%;
  max-height: 457px;
}
.cata-detail-view .detail-info-list .def-list{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.cata-detail-view .detail-info-list .def-list li{
  display: flex;
  flex-wrap: wrap;
  gap: var(--krds-gap-5);
  width: 100%;
}
.cata-detail-view .detail-info-list .def-list li>div{
  display: flex;
  gap: var(--krds-gap-6);
}
.cata-detail-view .detail-info-list .def-list li > div {
  flex: 1 1 calc(50% - var(--krds-gap-6));
  display: flex;
}
.cata-detail-view .detail-info-list .def-list .title{
  width: 10rem;
  font-weight: var(--krds-font-weight-bold);
}
.cata-detail-view .detail-info-list .def-list li > div:first-child:nth-last-child(2) .title,
.cata-detail-view .detail-info-list .def-list li > div:first-child:nth-last-child(2) ~ div .title {
  width: 8rem;
}
.cata-detail-view .detail-info-list .def-list .txt{
  width: calc(100% - 10rem);
}
.cata-detail-view .cata-detail-table{
  height: 100%;
  overflow-y: auto;
}
.cata-detail-view .cata-detail-table .tbl.data thead th{
  position: sticky;
  top: 0;
}
.cata-detail-view .cata-detail-table .tbl.data tbody td{
  padding: var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);
}
.cata-detail-modal .modal-dialog .modal-conts{
  padding: var(--krds-modal--conts-padding-top) var(--krds-modal--padding) var(--krds-modal--padding);
}

@media (max-width: 880px) {
  /*Modal - 항목상세보기*/
  .cata-detail-modal .conts-area{
    flex-direction: column !important;
  }
  .cata-detail-modal .cata-detail-view,
  .cata-detail-modal .cata-tree-menu{
    max-width: unset;
  }
}
@media (max-width: 767px) {
  /*Modal - 항목상세보기*/
  .cata-detail-modal .cata-tree-menu{
    min-height: unset;
  }
  .cata-detail-view .detail-info-list{
    max-height: unset;
  }
  .cata-detail-view .detail-info-list .def-list li{
    flex-direction: column;
  }
  .cata-detail-view .detail-info-list .def-list li>div{
    width: 100%;
  }
  .cata-detail-view .cata-detail-table{
    width: 100%;
    max-height: unset;
    overflow-y: visible;
  }
  .cata-detail-view  .cata-detail-table .tbl{
    min-width: unset;
    width: 100%;
  }
  .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content{
    padding-bottom: var(--krds-modal--padding);
  }
  .cata-detail-view .detail-info-list .def-list li > div {
    flex-direction: column;
    flex: auto;
  }
}
/*Modal - 데이터 조회*/
.modal-btn .krds-pagination{
  margin-top: 0;
}
/*modal - 데이터 수집 기간 선택*/
@media (max-width: 600px) {
  .krds-modal.col-period .input-group{
    flex-direction: column;
  }
  .krds-modal.col-period .input-group.range li{
    width: 100%;
  }
  .krds-modal.col-period .input-group.range li.mark{
    display: none;
  }
  .krds-modal.col-period .input-group.range li>.date-start-label,
  .krds-modal.col-period .input-group.range li>.date-end-label{
    align-self: flex-start;
    position: static !important;
    width: unset !important;
    height: unset!important;
    overflow: visible !important;
  }
}
/*datepicker*/
.krds-modal .krds-calendar-area .calendar-wrap{
  width: unset;
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-head{
  padding: var(--krds-padding-6) var(--krds-padding-6) 0;
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl caption{
  font-size: 0;
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl th{
  padding-bottom: 0.6rem;
  text-align: center;
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap .calendar-tbl td > button{
  width: 30px;
  height: 30px;
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-footer .calendar-btn-wrap{
  padding: var(--krds-padding-5);
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-body .calendar-table-wrap{
  padding: var(--krds-padding-4);
}
.krds-modal .krds-calendar-area .calendar-wrap .calendar-footer{
  margin-top: 0;
}

@media (max-width: 400px) {
  .krds-calendar-area .calendar-wrap{
    left: 50%;
    transform: translateX(-50%);
  }
}
/*Modal - open API*/
.api-detail-modal .modal-dialog .modal-header{
  padding-bottom: 1.6rem;
}
.api-detail-modal .modal-dialog .modal-conts.overflow-unset {
  z-index: 902;
}
.api-detail-modal .api-detail-view{
  display: flex;
  gap: var(--krds-gap-5);
}
.api-detail-modal .detail-info-list{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
  width: 100%;
}
.api-detail-modal .detail-info-list .def-list{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.api-detail-modal .detail-info-list .def-list li{
  display: flex;
  flex-wrap: wrap;
  gap: var(--krds-gap-5);
  /*width: 100%;*/
}
.api-detail-modal .detail-info-list .def-list li>div{
  display: flex;
  width: 100%;
}
.api-detail-modal .detail-info-list .def-list .title{
  width: 14rem;
  min-width: 14rem;
  margin-right: var(--krds-gap-7);
  font-weight: var(--krds-font-weight-bold);
}
.api-detail-modal .detail-info-list .def-list .txt{
  width: calc(100% - 14rem);
}
.api-detail-modal .cata-detail-table .tbl.data thead th{
  position: sticky;
  top: 0;
}
.api-detail-modal .cata-detail-table .tbl.data tbody td{
  padding: var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);
}
.number-list {
  list-style-type: decimal;
  padding-left: 20px;
  margin-top: 10px;
  font-size: var(--krds-info-list--pc-text-depth1);
}
/*dep table*/
.table-api tbody>.dep-01-tr>td{
  font-weight: var(--krds-font-weight-bold) !important;
  color: var(--krds-light-color-text-secondary) !important;
}
@media (max-width: 767px) {
  /*Modal - open API*/
  .api-detail-modal .detail-info-list .def-list li>div {
    flex-direction: column !important;
  }
  .api-detail-modal .krds-table-wrap{
    width: auto;
  }
}
/*Modal - 데이터 공유 신청*/
.api-detail-modal .date-pick-form>div>div{
  display: flex;
  align-items: center;
  gap: 3px;
}
.krds-modal .modal-dialog .modal-conts.overflow-unset{
  overflow-x: hidden;
}
.api-detail-modal .krds-form-check input[type=radio] ~ label:before,
.api-detail-modal.krds-form-check input[type=checkbox] ~ label:before{
  z-index: 0;
}
.api-detail-modal .krds-form-check input[type=radio] ~ label:after,
.api-detail-modal .krds-form-check input[type=checkbox] ~ label:after{
  z-index: 0;
}
@media (max-width: 767px) {
  .api-detail-modal .detail-info-list .def-list .txt{
    width: 100%;
  }
}
/*Modal - 활용목적*/
.purpose-modal.purpose-of-use .purpose-form .assess-opinion-wrap{
  border: 0;
  margin-top: 0;
  padding-top: 0;
}
.purpose-modal.purpose-of-use .assess-opinion-wrap .assess-opinion-list>ul{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-8);
}
/*Modal - purpose modal*/
.purpose-modal .purpose-form .assess-opinion-wrap{
  margin-top: 0;
  padding: 0;
  border: 0;
}
.purpose-modal .purpose-form .assess-opinion-wrap .assess-opinion-list>form{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-7);
  counter-reset: item;
}
.purpose-modal .purpose-form .assess-opinion-wrap .assess-opinion-list > form ul li:nth-child(n+3) {
  grid-column: 1 / -1;
}
.purpose-modal .purpose-form .assess-opinion-wrap .assess-opinion-list .form-group .krds-check-area{
  flex-wrap: wrap;
}
/*Modal - complete modal*/
.complete-modal .txt-box.bg-gray.complete{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--krds-gap-5);
  padding: var(--krds-pc-padding-card-large) var(--krds-pc-padding-card-small);
}
.complete-modal .txt-box.bg-gray.complete .complete-icon{
  width: 60px;
  height: 60px;
  background-color: transparent !important;
  forced-color-adjust: none;
  background-image: url('../../images/portal/component/icon/ico_outline_chk.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.complete-modal .txt-box.bg-gray.complete>p{
  text-align: center;
}
.complete-modal .txt-box.bg-gray.complete strong.complete{
  color: var(--krds-color-light-primary-50);
  word-break: break-all;
}
.complete-modal .modal-btn{
  justify-content: center !important;
}
@media (max-width: 767px) {
  /*Modal - complete modal*/
  .complete-modal.krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content {
    padding-bottom: 0;
  }
  .complete-modal .conts-area .sec-tit{
    text-align: center;
  }
  .purpose-modal .purpose-form .assess-opinion-wrap .assess-opinion-list > form ul {
    grid-template-columns: 1fr;
  }
  .purpose-modal .purpose-form .assess-opinion-wrap .assess-opinion-list > form ul li {
    grid-column: auto;
  }
}
/*지원*/
/*공지사항*/
.g-wrap.board-wrap .txt-box.bg-white.g-form .g-form-inner{
  padding-right: unset;
}
.g-wrap .community-notice-list.inquire .svg-icon.ico-file {
  background-color: var(--krds-light-color-text-basic) !important;
}
.page-btn-wrap .btn-wrap>form{
  display:flex;
}
.notice-select-orgnzt .modal-conts{
  gap: var(--krds-gap-7);
}
.notice-select-orgnzt .modal-conts .conts-area{
  overflow-y: auto;
}
.g-wrap .community-notice-list li a>.all-notice{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
}
.g-info-box > .g-desc.cell-num{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--krds-gap-3);
  padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
  position: relative;
  color: var(--krds-light-color-text-primary);
}
.g-info-box > .g-desc.cell-num::before{
  position: absolute;
  top: var(--krds-gap-1);
  left: 0;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  background-image: url(../../images/portal/component/icon/ico_headphones.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .g-info-box > .g-desc.cell-num{
    gap:0;
  }
  .page-btn-wrap .btn-wrap>form .krds-btn {
    flex: 1 1 0px !important;
  }
}
.file-name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--krds-gap-5);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 10px;
  background-color: white;
}
.file-name>span {
  display: block;
  flex: 1;
  min-width: 0;
  width: 100%;
  word-break: break-all;
}
.badge-wrap{
  width: 68px;
  text-align: center;
}
@media (max-width: 767px) {
  .badge-wrap{
    width: unset;
    text-align: left;
  }
}
@media (max-width: 499px) {
  .file-name {
    flex-direction: column;
  }
}
/*소개*/
/*데이터 플랫폼*/
.introduction .conts-wrap .conts-wrap h3.sec-tit{
  margin-bottom: 0;
}
.introduction .conts-wrap{
  display: flex;
  flex-direction: column;
  gap: var(--krds-number-14);
}
.introduction .conts-wrap>.conts-wrap{
  display: flex;
  flex-direction: column;
  gap: var(--krds-number-14);
}
.introduction .conts-wrap>.conts-wrap.tit{
  gap: var(--krds-number-10);
}
.introduction .cent-contents.plat{
  display: flex;
  flex-direction: column;
  gap: var(--krds-number-10);
  margin-top: var(--krds-pc-gap-layout-h2-h3);
}
.introduction .cent-contents .cent-cont-tit .sec-tit{
  margin-bottom: var(--krds-pc-gap-layout-title-body-medium);
}
.introduction .cent-contents .krds-badge-wrap{
  margin-bottom: var(--krds-pc-gap-layout-text-text-small);
}
.introduction .platinfo_box{
  display: flex;
  flex-direction: column;
  gap: var(--krds-number-10);
}
.platinfo_box .imgbox{
  text-align: center;
}
.platinfo_box .imgbox .plat-nomob{
  display: none;
}
.platinfo_box .imgbox .plat-mob{
  display: inline-block;
  width: 100%;
  max-width: 98%;
}
.platinfo_box .cont_outer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--krds-gap-5);
  width: 100%;
}
.platinfo_box .cont_outer .cont-box {
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
  width: 100%;
}
.platinfo_box .cont_outer .cont-box .plat_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.2rem;
  border-radius: 5rem;
  border: 1px solid var(--krds-color-light-primary-50);
}
.platinfo_box .cont_outer .cont-box .plat_tit span {
  color: var(--krds-color-light-primary-50);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
}
.platinfo_box .ul_box {
  padding: 0 1rem;
}
.platinfo_box .ul_box li {
  font-size: 1.6rem;
  font-style: normal;
  line-height: 150%;
}
.platinfo_box .ul_box li::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 5rem;
  margin-right: 1rem;
}
.cont_summary {
  width: 100%;
}
.cont_summary .summary_box {
  height: 5.4rem;
  border-radius: 1rem;
  display: flex;
  background: var(--krds-color-light-secondary-70);
  align-items: center;
  justify-content: center;
}
.cont_summary .summary_box span {
  color: #FFF;
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: normal;
}
.cont-box.effect{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--krds-number-8);
  width: 100%;
}
.cont-box.effect .detail_box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--krds-gap-6);
  width: 100%;
  padding: 2rem 0;
  height: auto;
  background: #FFF;
  box-shadow: 0 1.2rem 11.6px 0 rgba(102, 112, 128, 0.13);
  border-top: 5px solid #074073;
}
.cont-box.effect .detail_box.purp{
  border-top: 5px solid #9A6AFF;
}
.cont-box.effect .detail_box.blue{
  border-top: 5px solid #41C6FF;
}
.cont-box.effect .detail_box.green{
  border-top: 5px solid #00BF58;
}
.cont-box.effect .detail_box.navy{
  border-top: 5px solid #275FCC;
}
.cont-box.effect .detail_box.purp .icon_box{
  background: #9A6AFF;
}
.cont-box.effect .detail_box.blue .icon_box{
  background: #41C6FF;
}
.cont-box.effect .detail_box.green .icon_box{
  background:  #00BF58;
}
.cont-box.effect .detail_box.navy .icon_box{
  background:  #275FCC;
}
.cont-box.effect .detail_box .icon_box{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  min-height: 7rem;
  border-radius: 15rem;
  background: #EEF2F7;
}
.cont-box.effect .detail_box .icon_box img{
  width: 50%;
}
.cont-box.effect .detail_box span{
  color: #000;
  text-align: center;
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: 700;
}
.cont-box.effect .detail_box.purp span{
  color: #9A6AFF;
}
.cont-box.effect .detail_box.blue span{
  color: #41C6FF;
}
.cont-box.effect .detail_box.green span{
  color: #00BF58;
}
.cont-box.effect .detail_box.navy span{
  color: #275FCC;
}
.cont-box.effect .detail_box p{
  color: #667080;
  text-align: center;
}
.mid_cont_outer{
  padding: 2rem 1rem;
  height: auto;
  border-radius: 1rem;
  background: linear-gradient(90deg, #F5F8FF 22.4%, #FFF 52.81%, #F0F6FF 80.2%);
}
.mid_cont_outer .highlight_box{
  color: #022247;
  font-size: var(--krds-pc-font-size-heading-medium);
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  text-align: center;
  padding: 1rem;
  word-break: keep-all;
}
.mid_cont_outer .highlight_box span{
  color: #022247;
  font-size: var(--krds-pc-font-size-body-large);
  text-align: center;
  line-height: 160%;
}
.mid_cont_outer .highlight_box .highlight{
  color:  var(--krds-light-color-text-primary);
  font-weight: 700;
  line-height: 160%;
}
.cont-box.Direction {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--krds-gap-10);
  margin-top: 6rem;
}
.cont-box.Direction{
  flex-wrap: wrap;
}
.cont-box.Direction .detail_box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: auto;
  width: 100%;
  gap: var(--krds-gap-6);
  position: relative;
}
.cont-box.Direction .detail_box::before{
  content: '';
  display: inline-block;
  font-size: 7rem;
  font-weight: 700;
  position: absolute;
  top: -7.5rem;
  left: -1rem;
  transform: skew(-10deg);
}
.cont-box.Direction .detail_box.year2023::before{
  content: '2023';
  color: rgba(146, 179, 232, 0.50);
}
.cont-box.Direction .detail_box.year2024::before{
  content: '2024';
  color: #85A4D4;
}
.cont-box.Direction .detail_box.year2025::before{
  color: #5976A5;;
  content: '2025';
}
.cont-box.Direction .detail_box.year2026::before{
  color: #304E7D;;
  content: '2026';
}
.cont-box.Direction .detail_box .detail_tit{
  width: 100%;
  padding: 1rem 0;
  border-radius: 50px;
  background: #03448E;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.cont-box.Direction .detail_box .detail_tit h2{
  color: #FFF;
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: 700;
  line-height: normal;
}
.cont-box.Direction .detail_box .detail_cont{
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}
.cont-box.Direction .detail_box .detail_cont .data{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  align-items: center;
}
.cont-box.Direction .detail_box .detail_cont .data .icon_box{
  padding: 5px;
  width: 7.7rem;
  height: 7.7rem;
  border-radius: 8rem;
  border: 5px solid #1F4E79;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.cont-box.Direction .detail_box .detail_cont .data .icon_box img{
  width: 2.5rem;
  height: 2.5rem;
}
.cont-box.Direction .detail_box .detail_cont .data .icon_box span{
  color: #1F4E79;
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  word-break: keep-all;
}
.cont-box.Direction .detail_box .detail_cont .data .txt_box{
  height: 5rem;
  border-radius: 1rem;
  background: #EEE;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.cont-box.Direction .detail_box .detail_cont .data .txt_box span{
  color: #1F4E79;
  font-size: var(--krds-pc-font-size-body-xsmall);
  line-height: 1.2;
  text-align: center;
}
.lightmsg{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #41C6FF;
}
.lightmsg.opacity{
  color: transparent;
}
.lightmsg span{
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
}
.plat-mob{
  display: block;
}
.plat-nomob{
  display: none;
}
.cont-box.effect .detail_box .icon_box{
  display: none;
}
.lefticon{
  display: flex;
  justify-content: center;
  transform: rotate(90deg);
  align-items: center;
  position: relative;
  bottom: 30px;
}

@media (min-width: 480px) {
  .cont-box.Direction .detail_box .detail_cont .data .icon_box {
    width: 8rem;
    height: 8rem;
    padding: 0;
    gap: 1rem;
  }
  .cont-box.Direction .detail_box::before{
    font-size: 7rem;
    top: -7.5rem;
    transform: skew(-10deg);
  }
}
@media (min-width: 768px) {
  .cont-box.effect {
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .cont-box.effect .detail_box{
    width: calc(50% - 8px);
  }
}
@media (min-width: 1024px) {
  .platinfo_box .imgbox .plat-nomob{
    display: inline-block;
    /*max-width: 960px;*/
  }
  .platinfo_box .imgbox .plat-mob{
    display: none;
  }
  .cont-box.effect{
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
  .cont-box.effect .detail_box{
    flex: auto;
  }
  .cont-box.effect .detail_box .icon_box{
    display: flex;
  }
  .cont-box.effect .detail_box.purp span{
    color: #000;
  }
  .cont-box.effect .detail_box.blue span{
    color: #000;
  }
  .cont-box.effect .detail_box.green span{
    color: #000;
  }
  .cont-box.effect .detail_box.navy span{
    color: #000;
  }
  .cont-box.effect .detail_box{
    height: 280px;
  }
  .cont-box.Direction{
    justify-content: center;
    flex-direction: row;
    gap: 4rem;
  }
}
@media (min-width: 1130px) {
  .cont-box.effect{
    flex-wrap: unset;
  }
  .cont-box.effect .detail_box{
    flex: 1;
  }
  .cont-box.Direction{
    justify-content: space-between;
    row-gap: 7rem;
    column-gap: 1rem;
  }
  .cont-box.Direction .detail_box{
    flex: auto;
    width: calc(100% / 3);
  }
  .lefticon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    transform: rotate(0deg);
    bottom: 0;
  }
}
@media (min-width: 1150px) {
  .cont-box.Direction{
    flex-wrap: nowrap;
  }
  .cont-box.Direction{
    flex-wrap: nowrap;
  }
  .cont-box.Direction .detail_box{
    flex: 1;
  }
}
@media (max-width: 1130px) {
  .cont-box.Direction{
    display: grid;
    grid-template-columns: 1fr 1.5rem 1fr 1.5rem;
    justify-content: space-between;
    row-gap: 7rem;
    column-gap: 1rem;
  }
  .cont-box.Direction .detail_box{
    width: 100% !important;
  }
  .lefticon{
    transform: rotate(0deg);
  }
}
@media (max-width: 767px) {
  .cont_summary .summary_box span{
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  .cont-box.effect .detail_box span{
    font-size: var(--krds-mobile-font-size-heading-medium);
  }
  .platinfo_box .cont_outer{
    flex-direction: column;
  }
  .mid_cont_outer .highlight_box .highlight{
    font-size: var(--krds-mobile-font-size-heading-medium);
  }
  .mid_cont_outer .highlight_box{
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  .cont-box.Direction .detail_box .detail_tit h2{
    font-size: var(--krds-mobile-font-size-heading-medium);
  }
  .cont-box.Direction .detail_box::before{
    font-size: 6rem;
    left: 50%;
    transform: skew(0deg) translateX(-50%);
  }
  .cont-box.Direction .detail_box .detail_cont .data .txt_box{
    padding: 0 1.6rem;
  }
}
@media (max-width: 570px) {
  .cont-box.Direction{
    display: flex;
    grid-template-columns: unset;
    flex-direction: column;
    gap: var(--krds-gap-10);
  }
  .lefticon{
    transform: rotate(90deg);
  }
}
@media (max-width: 499px) {
  .cont-box.Direction{
    gap: var(--krds-gap-8);
  }
  .cont-box.Direction .detail_box::before{
    font-size: 5rem;
    top: -6.5rem;
  }
  .cont-box.Direction .detail_box .detail_tit h2{
    font-size: var(--krds-mobile-font-size-body-medium);
  }
}
/*지원센터*/
.introduction .conts-wrap>.conts-wrap:has(.cent-contents){
  margin-top: var(--krds-pc-gap-layout-h2-h3);
}
.cent-contents .contBox{
  margin-top: 4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}
.cent-contents .contBox .color-box{
  width: calc(50% - 12px);
  height: 18rem;
  padding: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: var(--krds-number-9);
  border-radius: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid #B1B8BE;
  color: #39506C;
}
.cent-contents .contBox .color-box span{
  text-align: center;
}
.cent-contents.RD .contBox .color-box img{
  width: 6rem;
  height: 6rem;
}
.cent-contents.RD .color-box.purp{
  border: 1px solid #9A6AFF;
  color: #9A6AFF;
}
.cent-contents.RD .color-box.blu{
  border: 1px solid #41C6FF;
  color: #41C6FF;
}
.cent-contents.RD .color-box.green{
  border: 1px solid #00BF58;
  color: #00BF58 !important;
}
.cent-contents.RD .color-box.navy{
  border: 1px solid #275FCC;
  color: #275FCC;
}

.cent-contents.role .role-Box{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-10);
  width: 100%;
  height: 13rem;
  padding: 0 3rem;
  border-radius: var(--krds-radius-xlarge1);
  border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray);
}
.cent-contents.role .role-Box:first-child{
  background: url('../../images/portal/pattern/introduction/role-01.svg')no-repeat 90%;
  background-size: 10%;
}
.cent-contents.role .role-Box:nth-child(2){
  background: url('../../images/portal/pattern/introduction/role-02.svg')no-repeat 90%;
  background-size: 10%;
}
.cent-contents.role .role-Box:last-child{
  background: url('../../images/portal/pattern/introduction/role-03.svg')no-repeat 90%;
  background-size: 10%;
}
.cent-contents.role .role-Box .tit-box{
  display: flex;
  align-items: center;
  font-weight: var(--krds-font-weight-bold);
  font-size: var(--krds-pc-font-size-heading-small);
  color: var(--krds-light-color-text-secondary);
}
.cent-contents.role .role-Box .role-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}
.cent-contents.role .role-Box .role-txt br{
  display: none;
}
.cent-contents.role .role-Box .sub-txt{
  font-size: var(--krds-pc-font-size-heading-xsmall);
  color: var(--krds-light-color-icon-gray);
  font-weight: var(--krds-font-weight-regular);
}
.cent-contents.activities{
  position: relative;
}
.cent-contents.activities .act-cont{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:var(--krds-gap-6);
  padding: var(--krds-gap-9) var(--krds-gap-8);
  background-color: var(--krds-light-color-surface-secondary-subtler);
  border-radius: 1.2rem;
}
.cent-contents.activities .act-cont .circ-box-group{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-6);
}
.cent-contents.activities .act-cont .circ-box{
  display: flex;
  width: 26rem;
  height: 26rem;
  border-radius: 50rem;
  background: #FFF;
}
.cent-contents.activities .act-cont .circ-box p{
  font-size: var(--krds-pc-font-size-heading-small);
  line-height: 120%;
  color: #0A39A2;
  text-align: center;
}
.cent-contents.activities .act-cont .circ-box>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--krds-gap-6);
  width: 100%;
}
.cent-contents.activities .act-cont .circ-box img{
  width: 60%;
}

.cent-contents.opper .opper-mian-box{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  margin: 4rem 0 3rem;
}
.cent-contents.opper .farm-box{
  display: flex;
  flex-direction: column;
  flex: 1;
}
.cent-contents.opper .farm-box span{
  color: #063A74;
  text-align: center;
  font-size: var(--krds-mobile-font-size-heading-medium);
  font-weight: 700;
}
.cent-contents.opper .farm-box.blue span{
  color: #41C6FF;
}
.cent-contents.opper .farm-box.green span{
  color: #00BF58;
}
.cent-contents.opper .farm-box .list-tabl{
  border-top: .5rem solid #063A74;
  box-shadow: 0 1.2rem 11.6px 0 rgba(102, 112, 128, 0.13);
  padding: var(--krds-number-9);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem
}
.cent-contents.opper .farm-box.blue .list-tabl{
  border-top: 5px solid #41C6FF;
}
.cent-contents.opper .farm-box.green .list-tabl{
  border-top: 5px solid #00BF58;
}
.cent-contents.opper .list-tabl .detail-conts{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  width: 100%;
}
.cent-contents.opper .list-tabl .detail-conts img{
  width: 8rem;
}
.cent-contents.opper .farm-box.blue .detail-conts>img{
  width: 7rem;
}
.cent-contents.opper .farm-box.blue .detail-conts:first-child>img{
  width: 9.2rem;
}
.cent-contents.opper .farm-box.people .detail-conts:last-child>img{
  width: 10rem;
  padding: .6rem 0;
}
.cent-contents.opper .farm-box.green .detail-conts>img{
  width: 7rem;
}
.cent-contents.opper .farm-box.green .detail-conts:first-child>img{
  width: 8rem;
}
.cent-contents.opper .list-tabl .detail-conts .list-tit{
  width: 100%;
  padding: 1rem 0;
  border-radius: 5rem 0 3rem 5rem;
  background: #063A74;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.cent-contents.opper .farm-box.blue .list-tit{
  background: #41C6FF;
}
.cent-contents.opper .farm-box.green .list-tit{
  background: #00BF58;
}
.cent-contents.opper .farm-box .list-tit p{
  color: var(--krds-light-color-surface-white);
  text-align: center;
  font-size: 18px;
}
.cent-contents.opper .farm-box .list-cont{
  width: 100%;
  height: 6.6rem;
  padding: 0;
  border-radius: 1rem;
  background: #EEF2F7;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--krds-gap-3);
  align-items: center;
  justify-content: center;
}
.cent-contents.opper .farm-box .list-cont img{
  width: 3rem;
}
.cent-contents.opper .list-cont .list-box01,
.cent-contents.opper .list-cont .list-box02{
  width: 193px;
  height: 56px;
  padding: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cent-contents.opper .list-cont .list-box01 h3{
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: var(--krds-mobile-font-size-body-small);
  font-weight: 500;
  line-height: 130%;
}
.cent-contents.opper .list-cont .list-box01.bold h3{
  font-weight: 700;
}
.cent-contents.opper .farm-box h3 br{
  display: none;
}
.cent-contents.opper .list-cont .list-box01 span{
  color: #858585;
  font-size: var(--krds-mobile-font-size-body-xsmall);
  line-height: 130%;
  font-weight: 500;
}
.cent-contents.opper .list-cont .list-box02 span{
  color: #000;
  text-align: center;
  font-size: var(--krds-mobile-font-size-body-small);
  word-break: keep-all;
  font-weight: 700;
}

.cent-contents.operate .operate-cont{
  display: flex;
  gap: var(--krds-gap-6);
  flex-direction: column;
}
.cent-contents.operate .operate-cont .cont-box{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 1rem;
  background: var(--krds-color-light-alpha-white100);
  border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray);
}
.cent-contents.operate .operate-cont .cont-box img{
  width: 100%;
}
.cent-contents.operate .operate-cont .cont-box .textBox{
  background: #02336B;
  display: flex;
  padding: 1rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.cent-contents.operate .operate-cont .cont-box .textBox p{
  color: #FFF;
  text-align: center;
  font-size: var(--krds-mobile-font-size-heading-small);
  line-height: normal;
  word-break: keep-all;
}

@media (min-width: 768px) {
  .cent-contents .contBox .color-box span{
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  .cent-contents.role .contBox{
    flex-wrap: nowrap;
  }
  .cent-contents.role .contBox .role-Box{
    justify-content:flex-start;
    flex-direction: column;
    gap: var(--krds-gap-5);
    width: calc(100% / 3 - 10px);
    height: 230px;
    padding: 2rem 1rem;
  }
  .cent-contents.role .role-Box:first-child{
    background: url('../../images/portal/pattern/introduction/role-01.svg')no-repeat 50% 90%;
    background-size: 25%;
  }
  .cent-contents.role .role-Box:nth-child(2){
    background: url('../../images/portal/pattern/introduction/role-02.svg')no-repeat 50% 90%;
    background-size: 25%;
  }
  .cent-contents.role .role-Box:last-child{
    background: url('../../images/portal/pattern/introduction/role-03.svg')no-repeat 50% 90%;
    background-size: 25%;
  }
  .cent-contents.role .role-Box .role-txt{
    align-items: center;
    text-align: center;
  }
  .cent-contents.role .role-Box .role-txt br{
    display: block;
  }
  .cent-contents.activities .act-cont{
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: var(--krds-gap-6);
  }
  .cent-contents.activities .act-cont .circ-box-group{
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
  }
  .cent-contents.activities .act-cont .circ-box{
    width: 50%;
    height: auto;
    position: relative;
  }
  .cent-contents.activities .act-cont .circ-box::after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .cent-contents.activities .act-cont .circ-box>div {
    height: 100%;
    position: absolute;
  }
  .cent-contents.activities .act-cont .circ-box p{
    font-size: var(--krds-pc-font-size-heading-xsmall);
  }

  .cent-contents.opper .list-cont .list-box01,
  .cent-contents.opper .list-cont .list-box02{
    padding: 1rem;
  }
  .cent-contents.opper .farm-box .list-cont .list-box01 h3{
    font-size: var(--krds-pc-font-size-body-small);
  }
  .cent-contents.opper .farm-box .list-cont .list-box01 span{
    font-size: var(--krds-pc-font-size-body-xsmall);
  }
  .cent-contents.opper .farm-box .list-cont .list-box02 span{
    font-size: var(--krds-pc-font-size-body-small);
  }
  .cent-contents.opper .opper-mian-box .farm-box span{
    font-size: var(--krds-pc-font-size-heading-small);
  }

  .cent-contents.operate .operate-cont{
    flex-direction: row;
  }
  .cent-contents.operate .operate-cont .cont-box{
    height: auto;
    flex: 1;
  }
  .cent-contents.operate .operate-cont .cont-box .textBox p{
    font-size: var(--krds-pc-font-size-heading-xsmall);
  }
  .cent-contents.operate .operate-cont .cont-box .textBox p br{
    display: none;
  }
  .cent-contents .contBox {
    flex-wrap: nowrap;
    gap: var(--krds-gap-4);
  }
  .cent-contents .contBox .color-box{
    width: 35rem;
  }

  .cent-contents.opper .opper-mian-box {
    flex-direction: column;
    gap: var(--krds-gap-4);
  }
  .cent-contents.opper .opper-mian-box .farm-box{
    flex: 1;
  }
  .cent-contents.opper .farm-box .list-tabl,
  .cent-contents.opper .farm-box.blue .list-tabl,
  .cent-contents.opper .farm-box.green .list-tabl{
    flex-direction: row;
    align-items: stretch;
    height: 100%;
  }
  .cent-contents.opper .farm-box .list-tabl .detail-conts{
    justify-content: space-between;
    flex: 1;
    width: 100%;
  }
  .cent-contents.opper .farm-box .list-tit p{
    font-size: var(--krds-pc-font-size-heading-xsmall);
  }
  .cent-contents.opper .farm-box .list-cont{
    flex-wrap: nowrap;
    gap:0;
    padding: 1rem 0;
  }
  .cent-contents.opper .farm-box .list-cont img{
    height: auto;
  }
  .cent-contents.opper .farm-box .list-cont .list-box01{
    width: 100%;
    height: 6.6rem;
    padding: 0;
  }
  .cent-contents.opper .farm-box .list-cont .list-box02{
    width: 100%;
    height: 4.3rem;
    padding: 0;
  }
  .cent-contents.opper .farm-box h3 br{
    display: block;
  }
  .wordBreak{
    word-break: keep-all;
  }
  .cent-contents.operate .operate-cont{
    flex-direction: column;
  }
  .cent-contents.operate .operate-cont .cont-box img{
    width: 100%;
  }
  .cent-contents.operate .operate-cont .cont-box .textBox{
    background: #02336B;
    display: flex;
    padding: 1.5rem 1rem;
    height: 5rem;
  }
}
@media (min-width: 1024px) {
  .cent-contents.operate .operate-cont .cont-box .textBox p br{
    display: block;
  }
}
@media (min-width: 1130px) {
  .cent-contents.operate .operate-cont{
    flex-direction: row;
  }
}
@media (min-width: 1250px) {
  .cent-contents.opper .opper-mian-box {
    flex-direction: row;
    gap: var(--krds-gap-4);
  }
  .cent-contents.opper .farm-box .list-tabl,
  .cent-contents.opper .farm-box.blue .list-tabl,
  .cent-contents.opper .farm-box.green .list-tabl{
    align-items: unset;
    flex-direction: column;
  }
}
@media (max-width: 1300px){
  .cent-contents.activities .act-cont .circ-box p {
     font-size: 1.3vw;
  }
}
@media (max-width: 1023px){
  .cent-contents.activities .act-cont .circ-box p {
    font-size: var(--krds-pc-font-size-heading-xsmall);
  }
}
@media (max-width: 980px){
  .cent-contents.activities .act-cont .circ-box p {
    font-size: 1.8vw;
  }
}
@media (max-width: 767px) {
  .cent-contents.activities .act-cont .circ-box-group{
    flex-direction: row;
  }
  .cent-contents.activities .act-cont .circ-box{
    aspect-ratio: 1 / 1;
    width: auto;
    height: auto;
  }
  .cent-contents.activities .act-cont .circ-box p {
    font-size: var(--krds-pc-font-size-heading-xsmall);
  }
  .cent-contents.operate .operate-cont .cont-box .textBox p br{
    display: none;
  }
}
@media (max-width: 499px) {
  .cent-contents.activities .act-cont{
    padding: var(--krds-gap-6) var(--krds-gap-5);
  }
  .cent-contents.activities .act-cont .circ-box p{
    font-size: 3.5vw;
  }
  .cent-contents.opper .opper-mian-box{
    gap: var(--krds-gap-8);
  }
  .cent-contents.opper .farm-box span{
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  .cent-contents.opper .farm-box .list-tit p{
    font-size: var(--krds-pc-font-size-body-small);
  }
  .cent-contents.opper .list-tabl .detail-conts img{
    width: 6rem;
  }
  .cent-contents.operate .operate-cont .cont-box .textBox p{
    font-size: var(--krds-mobile-font-size-body-small);
  }
  .cent-contents.role .role-Box{
    height: 15rem;
  }
}
@media (max-width: 355px) {
  .cent-contents.role .role-Box{
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-gap-3);
  }
  .cent-contents.role .role-Box .role-txt{
    font-size: var(--krds-pc-font-size-body-small);
  }
  .cent-contents.role .role-Box .sub-txt{
    font-size: var(--krds-pc-font-size-body-small);
  }
}

/*이용안내*/
.information-portal .info .cent-cont-tit{
  margin-bottom: var(--krds-pc-gap-layout-title-body-medium);
}
.information-portal .info .imgBox{
  width: 100%;
  padding:5rem 3rem;
  border-radius: var(--krds-radius-xlarge1);
  border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray);
}
.information-portal .info .cent-cont-tit .sub-tit{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
  margin-top:  var(--krds-gap-6);
}
.information-portal .info .cent-cont-tit .sub-tit::before{
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: url('../../images/portal/pattern/triangle.svg') no-repeat center;
  background-size: 100%;
}
.information-portal .info .imgBox img{
  width: 80%;
  margin: 0 auto;
}
img.nomobimg {
  display: none;
}
img.monimg {
  display: block;
}
img.monimg.m01 {
  display: none;
}
img.monimg.m02 {
  display: block;
}
.information-portal .rol-info .imgBox{
  width: 100%;
  padding: 3rem;
  border-radius: var(--krds-radius-xlarge1);
  border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray);
}

@media (min-width: 500px) {
  img.nomobimg {
    display: none;
  }
  img.monimg.m01 {
    display: block;
  }
  img.monimg.m02 {
    display: none;
  }
}
@media (min-width: 768px) {
  .information-portal .rol-info .imgBox img{
    width: 80%;
    margin: 0 auto;
  }
  img.nomobimg {
    display: block;
  }
  img.monimg {
    display: none;
  }
  img.monimg.m01 {
    display: none;
  }
  img.monimg.m02 {
    display: none;
  }
}

/*최적환경설정*/
/*모델 서비스*/
.optimal-modelService .introduction-box>.conts-img{
  width: 100%;
  height: 464px;
}
.optimal-modelService .introduction-box>.conts-img.img-00{
  width: 100%;
  height: 400px;
}
.optimal-modelService .introduction-box>.conts-img.img-00{
  background: url('../../images/portal/pattern/optimalEnvSet/img_service01.png') no-repeat center;
  background-size: contain;
}
.optimal-modelService .introduction-box>.conts-img.img-01{
  background: url('../../images/portal/pattern/optimalEnvSet/img_service02.jpg') no-repeat center;
  background-size: contain;
}
.optimal-modelService .introduction-box>.conts-img.img-02{
  height: 1144px;
  background: url('../../images/portal/pattern/optimalEnvSet/img_service03.png') no-repeat center;
  background-size: contain;
}
@media (max-width: 768px) {
  .optimal-modelService .introduction-box>.conts-img.img-00{
    height: 300px;
  }
  .optimal-modelService .introduction-box>.conts-img{
    height: 300px;
  }
  .optimal-modelService .introduction-box>.conts-img.img-02{
    height: 500px;
  }
}
@media (max-width: 500px) {
  .optimal-modelService .introduction-box>.conts-img.img-00{
    height: 180px;
  }
  .optimal-modelService .introduction-box>.conts-img{
    height: 200px;
  }
  .optimal-modelService .introduction-box>.conts-img.img-02{
    height: 300px;
  }
}
/*최적환경 공통*/
.optimal-env .conts-wrap .conts-wrap .conts-wrap .conts-wrap h5.sec-tit{
  position: relative;
  padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
}
.optimal-env .conts-wrap .conts-wrap .conts-wrap .conts-wrap h5.sec-tit.check::before{
  position: absolute;
  top: var(--krds-gap-1);
  left: 0;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  background-image: url('../../images/portal/pattern/content/ico_outline_chk.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.optimal-env .conts-wrap .conts-wrap .conts-wrap .conts-wrap h5.sec-tit.circle::before{
  content: "";
  display: inline-flex;
  width: var(--krds-number-4);
  height: var(--krds-number-4);
  border-radius: 50%;
  background-color: var(--krds-light-color-text-basic);
  position: absolute;
  top: 50%;
  left: var(--krds-gap-4);
  transform: translateY(-50%);
}
.optimal-env .conts-wrap h6.sec-tit{
  font-size: var(--krds-pc-font-size-heading-xsmall);
  position: relative;
  padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
}
.optimal-env .conts-wrap h6.sec-tit.chart::before{
  position: absolute;
  top: var(--krds-gap-1);
  left: 0;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  background-image: url('../../images/portal/pattern/content/bar_chart.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.optimal-env .conts-row-wrap{
  display: flex;
  gap: var(--krds-gap-7);
}
.optimal-env .conts-row-wrap .chart-box{
  width: 100%;
  height: 219px;
}
.txt-box.data-guide-box{
  border: 0;
  background-color: #F8FBFF;
}
.txt-box.data-guide-box>.data-guide-img{
  display: block;
  width: 100%;
  height: 20rem;
  background: url('../../images/portal/pattern/optimalEnvSet/optimal-env-01.svg')no-repeat center;
  background-size: 100% 100%;
}
.tab-conts.active{
  min-width:0;
}
.conts-wrap.farm-comp{
  width:100%;
  min-width:0;
  margin-top: var(--krds-padding-8);
}
.conts-wrap.farm-comp.no-filter{
  margin-top: 0;
}
.conts-wrap.farm-comp>.guide-table{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
  width:100%;
  min-width:0;
  /*overflow-x:hidden;*/
}
.guide-table{
  position: relative;
  margin: 1.6rem 0;
}
.guide-table.light{
  background-color: #F8F9FA;
}
.guide-table>.chart{
  width: 100%;
  height: 246px;
  background-color: var(--krds-color-light-gray-0);
}
/*table*/
.tab-area-table .krds-table-wrap,
.guide-table .krds-table-wrap,
.krds-table-wrap.custom-set-search-table,
.conts-wrap.farm-comp>.guide-table .krds-table-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  contain: inline-size;
}
.tab-area-table .krds-table-wrap .tbl,
.guide-table .krds-table-wrap .tbl,
.krds-table-wrap.custom-set-search-table .tbl,
.conts-wrap.farm-comp>.guide-table .krds-table-wrap>table{
  border-collapse:collapse;
  table-layout:fixed;
  min-width:100%;
}
.tab-area-table .krds-table-wrap .tbl thead th,
.guide-table .krds-table-wrap .tbl thead th,
.krds-table-wrap.custom-set-search-table .tbl thead th,
.conts-wrap.farm-comp>.guide-table .krds-table-wrap .tbl thead th{
  white-space: nowrap;
}
.tab-area-table .krds-table-wrap .tbl thead th,
.tab-area-table .krds-table-wrap .tbl tbody td,
.guide-table .krds-table-wrap .tbl thead th,
.guide-table .krds-table-wrap .tbl tbody td,
.krds-table-wrap.custom-set-search-table .tbl thead th,
.krds-table-wrap.custom-set-search-table .tbl tbody td,
.conts-wrap.farm-comp>.guide-table .krds-table-wrap .tbl thead th,
.conts-wrap.farm-comp>.guide-table .krds-table-wrap .tbl tbody td{
  padding: var(--krds-table--data-tbody-padding);
  font-size: var(--krds-table--data-thead-mobile-font-size);
}
.krds-table-wrap.custom-set-search-table{
  margin-top: var(--krds-padding-6);
}
/*단위*/
.visual-unit{
  font-size: var(--krds-pc-font-size-body-small);
  position: absolute;
  top:-2.4rem;
  right: 1rem;
}
/*txt box custom*/
.yield-item{
  display: flex;
  gap: var(--krds-gap-7);
  margin: var(--krds-padding-8) 0;
}
.yield-item .txt-box.bg-white.blue-line,
.yield-item .txt-box.bg-white.green-line{
  margin: 0;
}
.txt-box.bg-white.green-line{
  padding: var(--krds-padding-8);
  border: 1px solid #389135;
  margin-bottom: var(--krds-padding-8);
}
.txt-box.bg-white.blue-line{
  padding: var(--krds-padding-8);
  border: 1px solid #063A74;
  margin-bottom: var(--krds-padding-8);
}
.txt-box.bg-white.green-line>.green-box-tit{
  padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
  color: #297E26;
  font-size: var(--krds-pc-font-size-heading-small);
  position: relative;
}
.txt-box.bg-white.blue-line>.blue-box-tit{
  padding-left: calc(var(--krds-size-height-4) + var(--krds-padding-3));
  color: #063A74;
  font-size: var(--krds-pc-font-size-heading-small);
  position: relative;
}
.txt-box.bg-white.blue-line>.blue-box-tit::before,
.txt-box.bg-white.green-line>.green-box-tit::before{
  position: absolute;
  top: var(--krds-gap-1);
  left: 0;
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  background-image: url('../../images/portal/pattern/optimalEnvSet/ghouse.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.txt-box.bg-white.green-line>.green-box-tit.glass::before{
  background-image: url('../../images/portal/pattern/optimalEnvSet/glass.svg');
}
.txt-box.bg-white.green-line>.green-box-tit.snow::before{
  background-image: url('../../images/portal/pattern/optimalEnvSet/snowflake.svg');
}
.txt-box.bg-white.blue-line>.blue-box-tit.snow::before{
  background-image: url('../../images/portal/pattern/optimalEnvSet/snowflake.svg');
}
.txt-box.bg-white.green-line>.green-box-tit.sun::before{
  background-image: url('../../images/portal/pattern/optimalEnvSet/sun.svg');
}
.txt-box.bg-white.green-line>.green-box-tit.terrain::before{
  background-image: url('../../images/portal/pattern/optimalEnvSet/terrain.svg');
}
.txt-box.bg-white.green-line>.green-box-tit.water::before{
  background-image: url('../../images/portal/pattern/optimalEnvSet/water-drop.svg');
}
/*최종 선정 데이터 상세*/
.selected-data-box{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.selected-data-box>.selected-data-01,
.selected-data-box>.selected-data-02{
  display: flex;
  width: 20rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #EAF6EC;
  color: #297E26;
  font-size: var(--krds-pc-font-size-body-small);
  position: relative;
  z-index: 0;
}
.selected-data-box .selected-data-01>div,
.selected-data-box .selected-data-02>div{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.selected-data-box>.selected-data-01>p,
.selected-data-box>.selected-data-02>p{
  color: #297E26;
}
.selected-data-box>.selected-data-01>div::before,
.selected-data-box>.selected-data-02>div::before{
  content: '';
  display: block;
  width: 100px;
  height: 88px;
}
.selected-data-box>.selected-data-all{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 24.5rem;
  height: 24.5rem;
  border-radius: 50%;
  border: 2px dotted #3FA039;
  gap: var(--krds-gap-4);
  z-index: 1;
}
.selected-data-box>.selected-data-all>p{
  font-size: var(--krds-pc-font-size-heading-large);
  font-weight: var(--krds-typo-font-weight-bold);
}
.selected-data-box>.selected-data-all::before{
  content: '';
  display: block;
  width: 5rem;
  height: 5rem;
  background: url('../../images/portal/pattern/optimalEnvSet/verified.svg')no-repeat center;
  background-size: auto 100%;
}
/*재배 정보*/
.conts-wrap.cult-info .structured-item{
  min-height: 237px;
  justify-content: space-between;
  padding: var(--krds-structured-list--list-padding-small-size);
  align-items: center;
  text-align: center;
}
.conts-wrap.cult-info .structured-item>.title{
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}
.conts-wrap.cult-info .structured-item>.icon{
  width: 60px;
  height: 60px;
}
.conts-wrap.cult-info .structured-item>.icon.placeholder{
  background: url('../../images/portal/pattern/optimalEnvSet/placeholder.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.no-entry{
  background: url('../../images/portal/pattern/optimalEnvSet/no-entry.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.sprout{
  background: url('../../images/portal/pattern/optimalEnvSet/sprout.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.digging{
  background: url('../../images/portal/pattern/optimalEnvSet/digging.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.paprika{
  background: url('../../images/portal/pattern/optimalEnvSet/paprika.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.greenhouse{
  background: url('../../images/portal/pattern/optimalEnvSet/greenhouse.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.seasons{
  background: url('../../images/portal/pattern/optimalEnvSet/4-seasons.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .structured-item>.icon.cucumber{
  background: url('../../images/portal/pattern/optimalEnvSet/cucumber.svg')no-repeat center;
  background-size: 100%;
}
.conts-wrap.cult-info .item-row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
  gap: var(--krds-gap-4);
}
.conts-wrap.cult-info .item-row>div{
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--krds-gap-3);
}
.conts-wrap.cult-info .item-row .title{
  padding: .3rem var(--krds-padding-4);
  background-color: #EAF6EC;
  border-radius: 5rem;
  font-size: var(--krds-pc-font-size-body-xsmall);
  font-weight: var(--krds-font-weight-bold);
}
.conts-wrap.cult-info .item-row .item-info{
  font-size: var(--krds-pc-font-size-body-xsmall);
}
/*생산성 향상 모델*/
.guide-txt.txt-box.outline{
  padding: var(--krds-pc-padding-card-small);
  border: 0;
}
.productivity .txt-box.only-checkbox{
  margin-top: var(--krds-padding-6);
  padding: var(--krds-padding-8);
}
.krds-form-check-group{
  display: flex;
  flex-direction: row;
  gap: var(--krds-gap-5);
}
.productivity .txt-box.only-checkbox .krds-check-area{
  flex-wrap: wrap;
}
.productivity .txt-box.only-checkbox .krds-form-check{
  flex: auto;
  width: calc(100% / 3 - 2rem);
}
.productivity .txt-box.search-box{
  align-items: flex-start;
  padding: var(--krds-padding-8);
  background-color: var(--krds-color-light-secondary-5);
  border-width: 0;
}
.productivity .filter-set{
  position: relative;
}
.productivity .krds-check-area.with-tit{
  margin-bottom:0;
  padding:var(--krds-number-7) var(--krds-number-10);
  border-radius: var(--krds-radius-xlarge2);
  background-color: var(--krds-light-color-surface-secondary-subtler);
  position: absolute;
  bottom: -6px;
  right: 0;
}
.productivity.no-filter .krds-check-area.with-tit{
  bottom: unset;
  top: -24px;
}
.productivity .krds-check-area.with-tit .label.tit{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-7);
}
.productivity .krds-check-area.with-tit .label.tit::after{
  content: '';
  display: inline-flex;
  width: 1px;
  height: 100%;
  background-color: var(--krds-color-light-gray-30);
}
/*수집데이터 정보*/
.field-data-coll{
  width: 100%;
}
.field-data-coll .coll-manual .swiper-wrapper{
  width: 100%;
}
.field-data-coll .coll-manual .swiper-pagination{
  margin-top: var(--krds-gap-5);
  border: unset;
  border-radius: unset;
  position: unset;
}
.field-data-coll .swiper-button-next,
.field-data-coll .swiper-button-prev{
  width: 44px;
  height: 44px;
}
.field-data-coll .coll-manual .swiper-slide{
  transform: scale(.9);
  opacity: .5;
  transition: transform 0.5s ease;
  box-sizing: border-box;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap{
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border:1px solid #02878F;
  border-radius: .8rem;
  background-color: var(--krds-light-color-background-white);
  cursor: default;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap .title{
  padding: .8rem 0;
  background-color: #02878F;
  border-radius: .3rem;
  color: var(--krds-color-light-gray-0);
  font-size: var(--krds-pc-font-size-label-medium);
  text-align: center;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap .img{
  width: 100%;
  aspect-ratio: 4 / 5.6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: .5rem;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-01 .img{
   background: url("../../images/portal/pattern/content/manualBook/01-12.png")no-repeat center;
   background-size: 100%;
 }
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-02 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-17.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-03 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-18.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-04 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-20.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-05 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-21.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-06 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-23.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-07 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-24.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.tomato-08 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-26.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.strawberry-01 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-65.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.strawberry-02 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-66.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.strawberry-03 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-70.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.paprika-01 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-90.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.paprika-02 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-94.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.paprika-03 .img{
  background: url("../../images/portal/pattern/content/manualBook/01-95.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-01 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-10.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-02 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-11.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-03 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-12.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-04 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-13.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-05 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-14.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-06 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-15.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.koreanMelon-07 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-16.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.cucumber-01 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-30.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.cucumber-02 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-33.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.cucumber-03 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-34.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.cucumber-04 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-35.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.cucumber-05 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-36.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide .manual-wrap.cucumber-06 .img{
  background: url("../../images/portal/pattern/content/manualBook/02-37.png")no-repeat center;
  background-size: 100%;
}
.field-data-coll .coll-manual .swiper-slide-active{
  transform: scale(1);
  opacity: 1;
}
.conts-wrap.source{
  margin-top: var(--krds-gap-5);
}
/*tab*/
.txt-box.bg-white:has(.env-tab){
  min-width: 0;
}
.krds-tab-area.env-tab {
  gap: var(--krds-gap-10);
  min-width: 0;
}
.krds-tab-area.env-tab .tab.full {
  min-width: 0;
}
.krds-tab-area.env-tab .tab.fill.full > ul {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  contain: inline-size;
}
.krds-tab-area.env-tab .tab.fill.full > ul > li {
  width: auto;
  min-width: 0;
}
.krds-tab-area.env-tab .tab.fill.full > ul > li .btn-tab {
  width: 100%;
}
/*tab guide*/
.guide-txt.filter-radio{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--krds-gap-5);
  padding: var(--krds-pc-padding-card-small);
  font-size: var(--krds-pc-font-size-body-medium);
}
.guide-txt.filter-radio .krds-check-area > div{
  flex: 1;
}
@media (max-width: 1550px) {
  /*최종 선정 데이터 상세*/
  .selected-data-box{
    gap: 1rem;
    justify-content: space-evenly !important;
  }
  .selected-data-box>svg{
    display: none;
  }
  /*tab guide*/
  .guide-txt.filter-radio .krds-check-area{
    justify-content: flex-end;
  }
  .guide-txt.filter-radio .krds-check-area > div{
    flex: unset;
  }
  /*생산성 향상 모델*/
  .productivity .txt-box.search-box .form-group-row{
    width: 100%;
  }
  .productivity .txt-box.search-box .form-conts{
    width: 100%;
  }
}
@media (max-width: 1280px) {
  /*최종 선정 데이터 상세*/
  .selected-data-box{
    position: relative;
    padding-top: 3rem;
    justify-content: space-between !important;
  }
  .selected-data-box>.selected-data-all{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  /*tab*/
  /*tab guide*/
  .guide-txt.filter-radio{
    flex-direction: column;
  }
  .krds-tab-area.env-tab .tab.fill.full > ul > li {
    flex: 1 1 auto;
  }
}
@media (max-width: 1150px) {
  /*최종 선정 데이터 상세*/
  .selected-data-box {
    padding-top: 17rem;
  }
}
@media (max-width: 1023px) {
  /*최종 선정 데이터 상세*/
  .selected-data-box {
    gap: 20rem;
    justify-content: center !important;
    padding-top: 5rem;
  }
  /*chart 영역*/
  .optimal-env .conts-row-wrap{
    flex-direction: row;
  }
  /*재배 정보*/
  .conts-wrap.cult-info .krds-structured-list{
    grid-template-columns: 1fr 1fr 1fr;
  }
  /*tab*/
  .krds-tab-area.env-tab .tab.fill.full > ul > li {
    flex: 1 1 auto;
  }
  /*생산성 향상 모델*/
  .productivity .krds-check-area.with-tit{
    margin-bottom: 0;
    position: absolute;
  }
}
@media (max-width: 767px) {
  /*데이터 선정 과정*/
  .txt-box.data-guide-box>.data-guide-img{
    height: 536px;
    background: url('../../images/portal/pattern/optimalEnvSet/optimal-env-01-m.svg')no-repeat center;
  }
  /*최종 선정 데이터 상세*/
  .selected-data-box{
    justify-content: space-evenly !important;
    gap: 0;
    position: relative;
    padding-top: 16rem;
  }
  .selected-data-box>.selected-data-all{
    width: 22rem;
    height: 22rem;
  }
  /*chart 영역*/
  .optimal-env .conts-row-wrap{
    flex-direction: column;
  }
  /*재배 정보*/
  .conts-wrap.cult-info .krds-structured-list{
    grid-template-columns: 1fr;
  }
  .conts-wrap.cult-info .structured-item{
    flex-direction: column;
  }
  /*생산성 향상 모델*/
  .productivity .txt-box.bg-white .box-sec{
    width: 100%;
  }
  .productivity .txt-box.search-box .input-group.m-column{
    align-items: flex-start;
  }
  .productivity .krds-check-area.with-tit{
    margin-bottom: var(--krds-number-7);
    position: static;
  }
  /*tab*/
  .krds-tab-area.env-tab .tab.fill.full > ul > li {
    flex: none;
  }
}
@media (max-width: 499px) {
  /*최종 선정 데이터 상세*/
  .selected-data-box{
    padding-top: 14rem;
  }
  .selected-data-box>.selected-data-01,
  .selected-data-box>.selected-data-02{
    width: 16rem;
  }
  .selected-data-box>.selected-data-all{
    width: 18rem;
    height: 18rem;
  }
  .selected-data-box>.selected-data-all>p{
    font-size: var(--krds-pc-font-size-heading-medium);
  }
  /*생산성 향상 모델*/
  .productivity .txt-box.only-checkbox .krds-form-check{
    width: 100%;
  }
  .krds-form-check-group{
    flex-direction: column;
  }
  /*check, radio area*/
  .krds-check-area.chk-row{
    flex-direction: column;
  }
  /*txt box custom*/
  .yield-item{
    flex-direction: column;
  }
}
/*토마토*/
.selected-data-box.tomato>.selected-data-01>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-01-1.png')no-repeat center;
  background-size: 100%;
}
.selected-data-box.tomato>.selected-data-02>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-01-2.png')no-repeat center;
  background-size: 100%;
}
/*딸기*/
.selected-data-box.strawberry>.selected-data-01>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-02-1.png')no-repeat center;
  background-size: 100%;
}
.selected-data-box.strawberry>.selected-data-02>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-02-2.png')no-repeat center;
  background-size: 100%;
}
/*파프리카*/
.selected-data-box.paprika>.selected-data-01>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-03-1.png')no-repeat center;
  background-size: 100%;
}
.selected-data-box.paprika>.selected-data-02>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-03-2.png')no-repeat center;
  background-size: 100%;
}
/*참외*/
.selected-data-box.korean-melon>.selected-data-01>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-04-1.png')no-repeat center;
  background-size: 100%;
}
.selected-data-box.korean-melon>.selected-data-02>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-04-1.png')no-repeat center;
  background-size: 100%;
}
/*오이*/
.selected-data-box.cucumber>.selected-data-01>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-05-2.png')no-repeat center;
  background-size: 100%;
}
.selected-data-box.cucumber>.selected-data-02>div::before{
  background: url('../../images/portal/pattern/optimalEnvSet/data-05-1.png')no-repeat center;
  background-size: 100%;
}
/*콘텐츠 담당자 안내*/
.btm-manager{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
  margin-top: var(--krds-pc-gap-layout-contents-footer);
  padding-top: var(--krds-padding-6);
  border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);
}
.btm-manager .key-info::after{
  content: '|';
  display: inline-block;
  margin-left: var(--krds-gap-3);
  font-weight: 500;
  color: var(--krds-light-color-divider-gray-light);
}
.btm-manager span{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-3);
}

/*login*/
.inner.login .page-title-wrap{
  margin-bottom: var(--krds-pc-gap-layout-h2-h3);
}
.inner.login .page-title-wrap .h-tit{
  flex-direction: column;
}
.login-layer{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-8);
  width: 100%;
}
.login-type .login-form-wrap{
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-9);
  width: 100%;
}
.inner.login .login-form-area{
  justify-content: center;
  border-bottom: 0;
}
.inner.login .login-form-area > div{
  flex: .6;
}
.inner.login .login-form-area::after{
  display: none;
}

/*join*/
.conts-area.join-type .login-form-area{
  padding: var(--krds-padding-10) 0;
  border: 0;
}
.conts-area.join-type .join-type-tit{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.conts-area.join-type .login-form-area::after{
  content: "";
  position: absolute;
  top: var(--krds-gap-9);
  left: calc(50% - var(--login-form-width-border));
  width: var(--login-form-width-border);
  height: calc(100% - var(--krds-gap-12));
  background-color: var(--krds-color-light-gray-20);
}
.conts-area.join-type .login-form-area .join-wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}
.join-type-btn button>strong{
  color: var(--krds-light-color-text-secondary);
}

.conts-area.join-type .login-form-area .join-wrap .join-type-btn{
  padding: 0;
}
.conts-area.join-type .login-form-area .join-wrap .join-type-btn>a{
  padding: var(--krds-padding-9) var(--krds-padding-9) var(--krds-padding-9) var(--krds-number-21);
}
.conts-area.join-type .login-form-area .join-wrap .join-type-btn>a .helper-tit {
  display: flex;
  align-items: center;
  position: relative;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  color: var(--helper-refer-color-text);
}
.conts-area.join-type .login-form-area .join-wrap .join-type-btn>a .helper-tit::before {
  content: "";
  display: inline-flex;
  width: var(--krds-size-height-3);
  height: var(--krds-size-height-3);
  margin-right: var(--krds-gap-3);
  background-color: transparent !important;
  background-size: contain;
  forced-color-adjust: none;
  background-image: url(../../images/portal/component/icon/ico_notice_fill.svg);
}
.conts-area.join-type .login-form-area .join-wrap .join-type-btn>a .cj-tit {
  display: flex;
  align-items: center;
  position: relative;
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  color: var(--helper-refer-color-text);
}
.conts-area.join-type .login-form-area .border-line{
  display: none;
}
@media (max-width: 1023px) {
  .conts-area.join-type .login-form-area .border-line{
    display: block;
    width: 100%;
    height: var(--login-form-width-border);
    background-color: var(--krds-color-light-gray-20);
  }
  .conts-area.join-type .login-form-area .join-wrap .certify-type{
    flex-direction: row;
    max-width: unset;
  }
  .conts-area.join-type .login-form-area .join-wrap .join-type-btn{
    flex: 1;
  }
}
@media (max-width: 899px) {
  .conts-area.join-type .login-form-area .join-wrap .certify-type{
    flex-direction: column;
  }
  .conts-area.join-type .login-form-area .join-wrap .join-type-btn{
    flex: 1;
  }
}
@media (max-width: 767px) {
  .certify-sel-wrap .certify-type > li .type-tit{
    padding-left: 0;
  }
  .login-form-area .join-wrap .certify-sel-wrap .certify-type > li::before,
  .login-form-area .join-wrap .certify-sel-wrap .certify-type > li::after{
    top: 50%;
    transform: translateY(-50%);
  }
}
/*step*/
.inner.join{
  padding-top: 5rem;
}
.inner.login .krds-step-wrap{
  cursor: default;
}
.inner.login .krds-step-wrap > li > span::before,
.inner.login .krds-step-wrap > li > span::after{
  left: 50%;
  transform: translateX(-50%);
}
.inner.login .krds-step-wrap > li:first-child::after{
  width: 50%;
  left: unset;
  right: -0.1rem;
}
.inner.login .krds-step-wrap > li:last-child::after{
  content: '';
  display: block;
  position: absolute;
  top: calc(var(--krds-step--circle-size-default) / 2 - var(--krds-step--border-width-medium) / 2);
  left: 0.1rem;
  content: "";
  width: 50%;
  height: var(--krds-step--border-width-medium);
  background-color: var(--krds-step--color-fill-default);
}
.inner.login .krds-step-wrap > li.active::after{
  background: linear-gradient(to left, var(--krds-step--color-fill-default) 50%, var(--krds-step--color-fill-done) 50%);
}
.inner.login .krds-step-wrap > li:first-child.active::after{
  background: var(--krds-step--color-fill-default);
}
.inner.login .krds-step-wrap > li:last-child.active::after{
  background: var(--krds-step--color-fill-done);
}
.inner.login .krds-step-wrap > li > span{
  padding-right: 0;
  text-align: center;
}
.inner.login .conts-area.step-type h3.sec-tit{
  margin-bottom: 0;
}
/*find login info*/
.inner.login .certify-sel-wrap .certify-option > li{
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.conts-area.terms-type .terms-agree-all{
  margin-top: var(--krds-pc-gap-layout-h4-h4);
}

@media (max-width: 767px) {
  .krds-step-wrap > li:last-child{
    flex: 1;
  }
  .inner.login .certify-sel-wrap .certify-type > li{
    padding: var(--krds-number-20) var(--krds-padding-8) var(--krds-padding-8);
  }
}
/*step info*/
.inner.join .txt-box.outline{
  cursor: default;
}
/*step 01 - agree modal*/
.krds-agree-modal.krds-modal .modal-dialog .modal-header{
  padding-bottom: var(--krds-padding-3);
}
.krds-agree-modal.krds-modal .modal-dialog .modal-header .modal-title {
  font-size: var(--krds-pc-font-size-heading-xxsmall);
}
.krds-agree-modal.krds-modal .modal-dialog .modal-conts {
  padding-top: 0;
}
.krds-agree-modal.krds-modal .pop-agree-wrap {
  --pop-agree-width-border: var(--krds-light-border-width-variable-regular);
  --pop-agree-color-border: var(--krds-light-color-border-gray);
  --pop-agree-info-list-color: var(--krds-light-color-text-basic);
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-7);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-head .tit {
  flex: 1;
  font-size: var(--krds-pc-font-size-heading-small);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-head .agree-navigation {
  display: inline-flex;
  gap: var(--krds-gap-3);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-head .agree-navigation .krds-btn {
  width: var(--krds-size-height-6);
  height: var(--krds-size-height-6);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body {
  height: 36rem;
  padding: var(--krds-padding-2);
  overflow: hidden;
  border-radius: var(--krds-radius-xlarge1);
  border: var(--pop-agree-width-border) solid var(--pop-agree-color-border);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .in {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5);
  height: 100%;
  padding: var(--krds-padding-7);
  overflow: hidden;
  overflow-y: auto;
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .agree-t1 {
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: var(--krds-font-weight-bold);
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .in::-webkit-scrollbar-thumb {
  background-color: var(--krds-light-color-element-secondary-light);
  border-radius: 0.8rem;
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .in::-webkit-scrollbar {
  width: 0.8rem;
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .in::-webkit-scrollbar-thumb {
  background-color: var(--krds-light-color-element-secondary-light);
  border-radius: 0.8rem;
}
.krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .in::-webkit-scrollbar-track {
  background-color: var(--krds-light-color-element-secondary-lighter);
}
@media (max-width: 767px) {
  .krds-agree-modal.krds-modal .modal-header {
    padding-top: 5.2rem;
    padding-bottom: var(--krds-padding-3);
  }
  .krds-agree-modal.krds-modal .modal-title {
    font-size: var(--krds-mobile-font-size-heading-xxsmall);
  }
  .krds-agree-modal.krds-modal .pop-agree-wrap {
    gap: var(--krds-gap-5);
  }
  .krds-agree-modal.krds-modal .pop-agree-wrap .agree-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .krds-agree-modal.krds-modal .pop-agree-wrap .agree-head .tit {
    font-size: var(--krds-mobile-font-size-heading-small);
  }
  .krds-agree-modal.krds-modal .pop-agree-wrap .agree-body {
    height: auto;
  }
  .krds-agree-modal.krds-modal .pop-agree-wrap .agree-body .in {
    padding: var(--krds-padding-6);
  }
}
/*step 02 - certify*/
.inner.join .txt-box.bg-white{
  margin-top: var(--krds-pc-gap-layout-h4-h4);
}
.certify-sel-wrap .certify-option{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-7);
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}
.certify-sel-wrap .certify-type > li.cell-phone::before {
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: url(../../images/portal/component/icon/ico_phone.svg);
  mask-image: url(../../images/portal/component/icon/ico_phone.svg);
  background-image: url('../../images/portal/component/icon/ico_phone.svg');
  background-size: contain;
  background-position: center center;
}
/*step 03 - user info*/
.essential{
  margin:0 .3rem;
  font-weight: 700;
  color: var(--krds-color-light-danger-50);
}
.inner.join .txt-box.bg-white .form-group-row.only-first-label{
  align-items: flex-end;
}
/*step 04 - join complete*/
.inner.join .join-complete.txt-box.outline{
  align-items: center;
  cursor: default
}
.inner.join .join-complete{
  text-align: center;
}
.inner.join .join-complete .complete-icon{
  width: 60px;
  height: 60px;
  background-color: transparent !important;
  forced-color-adjust: none;
  background-image: url('../../images/portal/component/icon/ico_outline_chk.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.inner.join .join-complete .complete{
  color: var(--krds-light-color-text-primary);
}

.inner.join .join-complete .welcome-ment{
  text-align: center;
  font-size: var(--krds-pc-font-size-heading-small);
}

/*my page*/
.inner.mypage .txt-box.bg-white .form-group-row.only-first-label {
  align-items: flex-end;
}
.inner.mypage .comp-info-box{
  --comp-color-background: transparent;
  gap: var(--krds-gap-9);
  padding: 0;
  margin-top: 2rem;
  border-radius: 0;
  background: var(--comp-color-background);
  cursor: default;
}
.inner.mypage .comp-info-box > li .value {
  width: calc(100% - 19.1rem);
}
@media (max-width: 767px) {
  .inner.mypage .comp-info-box > li .value {
    width: 100%;
  }
}
.map-tooltip{
  padding: 12px 10px 10px;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 1.5rem;
  border: 1px solid #3B95FF;
  color: #3B95FF;
  font-weight: 700;
  position: relative;
  cursor: default;
}
.map-tooltip::before{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 0px solid transparent;
  border-top: 10px solid #3B95FF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.map-tooltip::after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 0px solid transparent;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
/*site map*/
.site-map .all-menu-list{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
  width: 100%;
}
.site-map .all-menu-list>li{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.site-map .all-menu-list>li:nth-child(3){
  grid-row: 1 / span 3;
  grid-column: 3;
}
.site-map .all-menu-list>li>h3{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.0rem 1rem;
  border: 2px solid var(--krds-color-light-primary-50);
  border-radius: .4rem;
  color: var(--krds-light-color-text-primary);
  font-size:var(--krds-pc-font-size-heading-small);
  cursor: default;
}
.site-map .all-menu-list>li>ul{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.site-map .all-menu-list>li>ul>li>a{
  display: block;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  font-size: 1.9rem;
}
.site-map .all-menu-list>li>ul>li>h4{
  display: block;
  padding: 2rem;
  border-bottom: 1px solid #ddd;
  font-weight: 600;
  font-size: 1.9rem;
}
.site-map .all-menu-list .dep03{
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
}
.site-map .all-menu-list .dep03>li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-map .all-menu-list .dep03>li>a{
  display: block;
  width: 100%;
  padding: 1rem 0 1rem 2.4rem;
}
.site-map .all-menu-list .dep03>li>a::before{
  content: '';
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: 1rem;
  border-radius: 50%;
  background-color: var(--krds-color-light-gray-50);
  vertical-align: middle;
}
.site-map .all-menu-list .dep03>li:first-child{
  margin-top: 1.6rem;
}
.site-map .all-menu-list .dep03>li:last-child:has(.dep04){
  margin-bottom: 1.6rem;
}
.site-map .all-menu-list .dep04{
  display: flex;
  flex-direction: column;
  width: calc(100% - 4rem);
  padding:0 var(--krds-gap-5) var(--krds-gap-5);
  gap: var(--krds-gap-4);
}
@media (max-width: 767px) {
  .site-map .all-menu-list{
    display: flex;
    flex-direction: column;
  }
  .site-map .all-menu-list>li{
    width: 100%;
  }
}
/*loading*/
.loading{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .7);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.loading .loading-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading .loading-ani{
  position: relative;
}
.loading .loading-ani .sprout{
  width: 120px;
  height: 120px;
  background: url('../../images/portal/component/loading/toTkr.svg')no-repeat center;
  background-size: 100%;
}
.loading .loading-ani .magnifier{
  width: 150px;
  height: 150px;
  position: absolute;
  top: 50px;
  left: 100px;
  animation: circle-rotate 3s linear infinite;
  -webkit-animation: circle-rotate 3s linear infinite;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
}
.loading .loading-ani .magnifier::after{
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  background: url('../../images/portal/component/loading/Eheqhrl.svg')no-repeat center;
  background-size: 100%;
  transform: scaleX(-1);
  animation: Rotate-reverse 3s linear infinite;
  -webkit-animation: Rotate-reverse 3s linear infinite;
}
@keyframes Rotate-reverse {
  from {
    transform: rotate(-360deg);
  }
  to {
    transform: rotate(-0deg);
  }
}
@-webkit-keyframes Rotate-reverse {
  from {
    -webkit-transform: rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(-0deg);
  }
}

@keyframes circle-rotate {
  from {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(-405deg);
  }
}

@-webkit-keyframes circle-rotate {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-405deg);
  }
}
.loading .loading-bar{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading .loading-bar .txt{
  color: var(--krds-color-light-gray-0);
}
.loading .loading-circle span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  animation: loading 1s 0s linear infinite;
  background-color: var(--krds-light-color-element-primary);
}
.loading .loading-circle  span:nth-child(1) {
  animation-delay: 0s;
}

.loading .loading-circle  span:nth-child(2) {
  animation-delay: 0.2s;
}

.loading .loading-circle  span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes loading {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}
/*loading - spiner*/
.spiner{
  width: 48px !important;
  height: 48px !important;
  background: url('../../images/portal/component/loading/Spiner.gif')no-repeat center;
  background-size: 100%;
}
.krds-btn.small.blue.text {
  color: var(--krds-color-light-secondary-80);
}
/*open api*/
.open-API-service>.conts-wrap>.conts-wrap>.conts-wrap{
  margin-top: var(--krds-pc-gap-layout-h3-h3);
}
.open-API-service>.conts-wrap>.conts-wrap>.conts-wrap:first-child{
  margin-top: 0;
}
.use-API-info{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--krds-gap-7);
}
.use-API-info>li{
  display: flex;
  flex: 1;
  height: unset;
}
.use-API-info>li.d-card .in{
  align-items: flex-end;
  width: 100%;
}
.use-API-info>li .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  background: linear-gradient(45deg, #C5DEFF 18%, #CCF1FF 85%);
  border-radius: 50%;
}
.use-API-info>li .icon::after{
  content: '';
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.use-API-info>li.step1 .icon::after{
  background: url('../../images/portal/pattern/openApi/api.svg')no-repeat center;
  background-size: 100%;
}
.use-API-info>li.step2 .icon::after{
  background: url('../../images/portal/pattern/openApi/pencil.svg')no-repeat center;
  background-size: 100%;
}
.use-API-info>li.step3 .icon::after{
  background: url('../../images/portal/pattern/openApi/key.svg')no-repeat center;
  background-size: 100%;
}
.use-API-info>li.step4 .icon::after{
  background: url('../../images/portal/pattern/openApi/dev.svg')no-repeat center;
  background-size: 100%;
}
.use-API-info>li.d-card .in > .text{
  width: 100%;
}
.use-API-info>li.d-card .c-tit{
  color: var(--krds-light-color-text-secondary);
}
.use-API-info>li.d-card .c-txt{
  -webkit-line-clamp: unset;
}
.open-API-caution{
  margin-top: var(--krds-pc-gap-layout-title-body-large);
}
.open-API-table .show-api-btn{
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: var(--krds-gap-2);
}
.open-API-table .show-api-btn>p{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
}

@media (max-width: 1140px) {
  .use-API-info {
    grid-template-columns: repeat(2, 1fr);
  }
  .use-API-info>li.d-card{
    padding: 0 var(--krds-pc-padding-card-small) var(--krds-pc-padding-card-small);
  }
  .use-API-info>li.d-card .in{
    padding-top: var(--krds-pc-padding-card-large);
    position: relative;
  }
  .use-API-info>li .icon{
    position: absolute;
    top: 10px;
  }
}
@media (max-width: 767px) {
  .use-API-info {
    grid-template-columns: repeat(1, 1fr);
  }
  .open-API-table>.tbl{
    min-width: unset;
    /*width: 100%;*/
  }
}
@media (max-width: 600px) {
  .krds-table-wrap.open-API-table{
    width: 100%;
  }
  .krds-table-wrap.open-API-table .tbl.data thead th {
    padding: var(--krds-table--data-thead-th-padding) var(--krds-table--data-tbody-padding);
  }
  .krds-table-wrap.open-API-table .tbl.data tbody td{
    padding: var(--krds-table--data-tbody-padding) var(--krds-table--data-tbody-padding);
  }
  .krds-table-wrap.open-API-table .tbl.data tbody td{
    font-size: var(--krds-mobile-font-size-label-small);
  }
  .krds-table-wrap.open-API-table td.provider{
    word-break: break-all;
  }
  .open-API-table .show-api-btn{
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .krds-table-wrap.open-API-table .tbl.data thead th {
    padding: var(--krds-table--data-thead-th-padding) var(--krds-padding-4) ;
  }
  .krds-table-wrap.open-API-table .tbl.data tbody td{
    padding: var(--krds-table--data-tbody-padding) var(--krds-padding-4);
  }
  .open-API-table .show-api-btn>.krds-btn{
    padding: var(--krds-button--padding-y-small) var(--krds-padding-3);
    font-size: var(--krds-mobile-font-size-label-xsmall);
  }
}
/*코드 예시*/
.example-codebox {
  background: #1e1f22;
  color: #2b2d31;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.55;
  padding: 18px;
  border-radius: 6px;
  overflow: auto;
}
.example-codebox pre {
  display: inline-block;
  vertical-align: top;
  line-height: normal;
  margin: 0;
  padding: 0;
  white-space: pre;
}
.example-codebox pre::after {
  content: '';
  display: block;
  height: 0;
  margin-bottom: -4px;
}
/*JSON 토큰 색상*/
.example-codebox .tok-key{
  color:#9cdcfe;
}
.example-codebox .tok-string{
  color:#ce9178;
}
.example-codebox .tok-number{
  color:#b5cea8;
}
.example-codebox .tok-bool{
  color:#d19a66;
}
.example-codebox .tok-null{
  color:#d19a66;
  font-style: italic;
}
.example-codebox .tok-punc{
  color:#c9ccd1;
}
.example-codebox .tok-emph{
  color:#ff6b6b;
  font-weight:700;
}

/*header 처리할 일*/
.toDo-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.toDo-list .title {
  font-weight: 700;
  cursor: default;
}
.toDo-box {
  display: flex;
  gap: 8px;
}
.toDo-box li {
  display: flex;
  gap: 5px;
}
.toDo-list li:first-child{
  cursor: default;
}
.toDo-list .toDo-title{
  cursor: default;
}
.toDo-list .toDo-count strong {
  color: var(--krds-color-high-contrast-primary-50);
}
.toDo-list li:first-child .toDo-count strong {
  color: var(--krds-color-light-alpha-black50);
}
@media (max-width: 499px) {
  .toDo-list{
    display: none;
  }
}
/*버전 변경이력*/
.link.no-link{
  cursor: default !important;
  pointer-events:none;
  color:var(--krds-table--data-tbody-color-text);
}
.link.no-link:has(> span.lineThrough){
  color: var(--krds-light-color-text-disabled);
}
/* TAB SCROLL STYLE */
.tab-scroll-custom {
  position: relative;
}
.tab-scroll-custom ul[role="tablist"] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  display: flex;
  white-space: nowrap;
}
.tab-scroll-custom ul[role="tablist"]::-webkit-scrollbar {
  display: none;
}

.tab-scroll-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: var(--krds-color-light-gray-40, #ccc);
  border-radius: 4px;
  transition: width 0.15s ease, left 0.15s ease;
  pointer-events: none;
}

@media (min-width: 500px) {
  .tab-scroll-custom ul[role="tablist"] {
    scrollbar-width: thin;
  }
  .tab-scroll-custom ul[role="tablist"]::-webkit-scrollbar {
    height: 6px;
  }
  .tab-scroll-custom ul[role="tablist"]::-webkit-scrollbar-thumb {
    background: var(--krds-color-light-gray-40, #bbb);
    border-radius: 4px;
  }
  .tab-scroll-indicator{
    display: none;
  }
}

/* TABLE SCROLL STYLE== */
.krds-table-wrap {
  position: relative;
  overflow: hidden;
}
.krds-table-wrap .table-scroll-inner {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  display: block;
  width: 100%;
}
.krds-table-wrap .table-scroll-inner::-webkit-scrollbar {
  display: none;
}

.krds-table-wrap .table-scroll-inner > table {
  min-width: 100%;
  /*width: max-content;*/
  table-layout: auto;
}
/* 테이블 인디케이터 */
.table-scroll-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 0;
  background: var(--krds-color-light-gray-40, #ccc);
  border-radius: 3px;
  pointer-events: none;
  transition: width 0.15s ease, left 0.15s ease;
  z-index: 1;
}

@media (min-width: 500px) {
  .krds-table-wrap {
    overflow: unset;
  }
  .krds-table-wrap .table-scroll-inner {
    scrollbar-width: thin;
  }
  .krds-table-wrap .table-scroll-inner::-webkit-scrollbar {
    height: 8px;
  }
  .krds-table-wrap .table-scroll-inner::-webkit-scrollbar-thumb {
    background: var(--krds-color-light-gray-40, #bbb);
    border-radius: 4px;
  }
  .table-scroll-indicator{
    display: none;
  }
}