@charset "UTF-8";

@import "/css/portal/site/banner_font/banner_font.css";

/*main*/
/*배경*/
.main-vban-wrap.bg{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 171.5px);
  min-height: 739px;
  position: relative;
  background: url('../../images/portal/pattern/content/main_bg.svg')no-repeat top center;
  background-color: transparent;
  background-size: cover;
}
.main-vban-wrap .inner{
  padding-top: var(--krds-number-18);
  padding-bottom: var(--krds-number-18);
}
@media (max-width: 1023px) {
  .main-vban-wrap.bg{
    height: fit-content;
    min-height: unset;
  }
}
@media (max-width: 768px) {
  .main-vban-wrap.bg{
    height: fit-content;
  }
}
/*검색*/
.main-vban-wrap .main-top-sch.integrated-search{
  max-width: 120rem;
  padding-top: 0;
  margin: 0 auto var(--krds-gap-7);
}
.main-top-sch .main-sch-box{
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: var(--krds-number-10);
}
.main-top-sch.integrated-search .main-sch-box .sch-form-wrap{
  align-items: end;
  flex: 1;
  gap: var(--krds-gap-4);
  width: calc(100% - 376px);
}
.main-top-sch .sch-form-wrap .sch-input{
  width: 100%;
}
.main-top-sch .sch-input .krds-input{
  border-radius: 100px;
  border: 0px;
}
.main-tit-wrap.main-sch-more{
  width: 100%;
}
.main-tit-wrap .popular-keywords{
  display: flex;
  align-items: center;
  flex: 1;
  gap: var(--krds-gap-5);
  min-width: 0;
}
.main-tit-wrap .popular-keywords .tit{
  font-size: 1.7rem;
  color: var(--krds-light-color-text-secondary);
}
.main-tit-wrap .popular-keywords>.krds-tag-wrap{
  width: 100%;
}
.krds-btn-tag.outline-secondary{
  padding:var(--krds-padding-2)!important;
  background-color: transparent;
  border-style: solid;
  border-radius: 0 !important;
  border-color: transparent;
  color: var(--krds-light-color-element-secondary);
  font-size: 1.7rem !important;
}
.krds-btn-tag.outline-secondary:hover{
  background-color: var(--krds-light-color-element-secondary-lighter);
  border-radius: 0;
}
.main-sch-more .krds-btn-tag{
  max-width: 120px;
}
.main-sch-more .krds-btn-tag>span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .main-top-sch .sch-input .krds-input{
    font-size: var(--krds-pc-font-size-heading-xsmall);
  }
}
@media (max-width: 499px) {
  .main-top-sch .sch-input .krds-input{
    font-size: var(--krds-pc-font-size-heading-xxsmall);
  }
}
/*상세검색 - 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;
}
@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: 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;
  }
}
/*인기데이터*/
.data-rank-list{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-4);
  padding: 2.4rem;
  background-color: #fff;
  border-radius: 1.2rem;
  width: 376px;
}
.data-rank-list>.rank-head{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap:var(--krds-gap-5);
}
.data-rank-list .rank-button-wrap{
  display: flex;
  align-items: center;
}
.data-rank-list .rank-button-wrap .swiper-controller>button{
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background-color: transparent;
}
.data-rank-list .rank-button-wrap .swiper-navigation{
  display: flex;
  flex-direction: row;
}
.data-rank-list .rank-button-wrap .swiper-navigation>button{
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0;
  border: 0;
  background-color: transparent;
  position: static;
}
.data-rank-list .rank-button-wrap .swiper-button-prev{
  transform: rotate(90deg);
}
.data-rank-list .rank-button-wrap .swiper-button-next{
  transform: rotate(90deg);
}
.data-rank-list>.swiper{
  width: 100%;
  height: 102px;
  overflow: hidden;
}
.data-rank-list .swiper-slide>a{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-4);
}
.data-rank-list .swiper-slide>a>.rank{
  display: block;
  width: 20px;
  color: var(--krds-light-color-border-information);
  text-align: center;
  font-weight: 700;
}
.data-rank-list .swiper-slide>a>.title{
  flex: 1;
  min-width: 0;
  width: 100%;
  font-weight: 500;
  color: var(--krds-light-color-element-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 970px) {
  .main-vban-wrap.bg{
    height: auto;
  }
  .main-top-sch .main-sch-box{
    flex-direction: column;
  }
  .main-top-sch.integrated-search .main-sch-box .sch-form-wrap{
    width: 100%;
  }
  .data-rank-list{
    width: 100%;
  }
}
@media (max-width: 767px) {
  .data-rank-list{
    display: none;
  }
  .main-tit-wrap.main-sch-more{
    flex-direction: column;
    align-items: flex-end;
  }
  .main-tit-wrap .popular-keywords{
    align-items: flex-start;
    width: 100%;
    gap: var(--krds-gap-2);
  }
  .main-tit-wrap.main-sch-more .detail-search{
    display: none;
  }
}
/*메인 첫번째 콘텐츠*/
.main-sect-group{
  display: flex;
  align-items: stretch;
  gap: var(--krds-gap-7);
}
.main-sect-group > .data-cate-cont,
.main-sect-group > .promotional-video {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: var(--krds-gap-7);
  min-width: 0;
  min-height: 1px;
}
/*데이터 카테고리*/
.main-sect.data-cate{
  padding: 0;
  margin: 0;
}
.main-sect.data-cate:last-child:not(.bg){
  padding-bottom: 0;
}
.main-sect.data-cate .inner{
  padding: 0;
}
.main-sect.data-cate .data-cate-tit{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
}
.sect-tab{
  display: flex;
  align-items: center;
  background-color: var(--krds-color-light-gray-0);
  border-radius: 50px;
}
.sect-tab > li a{
  display: flex;
  padding: .8rem 1.2rem;
  border-radius: 50px;
  font-size: var(--krds-pc-font-size-body-small);
}
.sect-tab > li.on a{
  background-color: var(--krds-color-light-primary-50);
  color: var(--krds-light-color-surface-white);
}
.data-cate .data-infor-coll{
  font-size: var(--krds-pc-font-size-heading-small);
  font-weight: 500;
  cursor: default;
}
.data-cate .data-infor-coll p strong{
  font-size: var(--krds-pc-font-size-heading-medium);
  font-weight: var(--krds-font-weight-bold);
  color:var(--krds-light-color-element-secondary);
}
@media (max-width: 900px) {
  .data-cate .main-tit-wrap{
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .main-sect.data-cate{
    padding-top: var(--krds-number-10);
  }
}
/*데이터 카테고리 item*/
.main-sect .menu-list{
  display: none;
}
.main-sect .menu-list.on{
  display: block;
}
.main-sect .menu-list .data-item-list{
  display: grid;
  grid-template-columns:1fr 1fr 1fr;
  gap: var(--krds-gap-4);
}
.main-sect .menu-list .data-item-list.over-item{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--krds-gap-4);
  height: 354px;
}
.main-sect .menu-list .data-item-list li{
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 1.2rem;
}
.main-sect .menu-list .data-item-list.over-item li{
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.main-sect .menu-list.type1 .menu-item{
  gap: var(--krds-gap-4);
  padding: 2.4rem 1.2rem;
  background-color: #fff;
  border-radius: 1.2rem;
}
.main-sect .menu-list.type1 .data-item-list.over-item .menu-item{
  justify-content: center;
  gap: 0;
  height: 100%;
  padding:0;
}
.main-sect .menu-list .menu-item .ico{
  width: 4.5rem;
  height: 4.5rem;
}
.main-sect .menu-list .data-item-list.over-item .menu-item .ico{
  width: 4rem;
  height: 4rem;
}
.main-sect .menu-list .data-item-list .menu-item .ico::after{
  width: 100%;
  height: 100%;
}
.main-sect .menu-list:not(.outline) .menu-item .ico{
  background-color: transparent;
}
.main-sect .menu-list .data-item-list .menu-item .ico::after{
  transition: all .3s ease-in-out;
}
.main-sect .menu-list .data-item-list .menu-item:hover .ico::after{
  transform: scale(1.2);
}
.main-sect .menu-list.type1 .menu-item .txt{
  font-weight: var(--krds-font-weight-bold);
}
.main-sect .menu-list.type1 .menu-item .count{
  color: var(--krds-color-light-primary-50);
  font-weight: var(--krds-font-weight-bold);
  font-size: var(--krds-pc-font-size-label-large);
}

@media (min-width: 1024px) {
  .main-sect .menu-list .data-item-list.over-item{
    flex-wrap: nowrap;
  }
  .main-sect .menu-list .data-item-list.over-item li{
    width: 100%;
  }
  .main-sect .menu-list.type1.outline .data-item-list .menu-item .ico{
    width: 4.8rem;
    height: 4.8rem;
  }
  .main-sect .menu-list .data-item-list .menu-item .ico::after{
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 970px) {
  .main-sect-group{
    flex-direction: column;
  }
  .main-sect .menu-list .data-item-list{
    flex-wrap: wrap;
  }
  .main-sect .menu-list .data-item-list .menu-item .ico::after{
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .main-sect .menu-list .data-item-list{
    grid-template-columns: 1fr 1fr 1fr;
  }
  .main-sect .menu-list.type1 .data-item-list .menu-item,
  .main-sect .menu-list.type1 .data-item-list.over-item .menu-item{
    justify-content: center;
    gap: 0;
  }
  .main-sect .menu-list .data-item-list li{
    width: 100%;
  }
  .main-sect .menu-list .data-item-list.over-item li{
    width: 100%;
  }
  .main-sect .menu-list.type1 .menu-item .txt{
    font-size: var(--krds-mobile-font-size-body-small);
  }
  .main-sect .menu-list.type1.outline .data-item-list .menu-item .count{
    color: var(--krds-light-color-text-primary);
    font-weight: var(--krds-font-weight-bold);
  }
  .main-sect .menu-list .data-item-list .menu-item .ico::after{
    width: 85%;
    height: 85%;
  }
}
@media (max-width: 499px) {
  .main-sect .menu-list .data-item-list .menu-item{
    height: 11rem;
  }
  .main-sect .menu-list.type1 .data-item-list .menu-item,
  .main-sect .menu-list.type1 .data-item-list.over-item .menu-item{
    padding: 0;
  }
}
/*홍보 영상*/
.main-sect-group .promotional-video{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  overflow: hidden;
}
.main-sect-group .promotional-video .main-video-wrap{
  display: flex;
  height: 100%;
  border-radius: 1.2rem;
  background-color: var(--krds-color-light-gray-5);
  overflow: hidden;
  aspect-ratio: auto !important;
}
.main-sect-group .promotional-video video{
  flex: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 970px) {
  .main-sect-group > .data-cate-cont{
    gap: var(--krds-gap-5);
  }
  .main-sect-group .promotional-video {
    display: block;
    flex: unset;
    width: 100%;
    height: auto;
    max-width: 100%;
    overflow: hidden;
  }
  .main-sect-group > .data-cate-cont,
  .main-sect-group > .promotional-video {
    min-height: unset !important;
  }
  .main-sect-group .promotional-video .main-tit-wrap{
    margin-bottom: var(--krds-gap-5);
  }
  .main-sect-group .promotional-video .main-video-wrap{
    aspect-ratio: 16 / 9 !important;
  }

}
/*신규 등록*/
.new-reg-tab{
  background-color: var(--krds-color-light-gray-5);
}
.main-sect.new-reg{
  margin-bottom: var(--krds-gap-11);
}
.main-sect.new-reg .main-tit-wrap{
  flex-wrap: wrap;
}
.new-reg .new-reg-list{
  display: none;
  gap: var(--krds-gap-7);
}
.new-reg .new-reg-list.on{
  display: flex;
  flex-direction: column;
}
.new-reg .new-reg-list .new-reg-item-list{
  width: 100%;
}
.new-reg .new-reg-list .sub-tit-wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--krds-gap-7);
  background-color: #E9F6F2;
}
.new-reg .new-reg-list.trending .sub-tit-wrap{
  background-color: #ECF7FE;
}
.new-reg .new-reg-list.popularity .sub-tit-wrap{
  background-color: #EBF0FF;
}
.new-reg .new-reg-list .sub-tit-wrap>div{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.new-reg .new-reg-list .tit{
  color: #214D52;
  font-size:  var(--krds-pc-font-size-heading-large);
}
.new-reg .new-reg-list.trending .tit{
  color: var(--krds-light-color-text-primary);
}
.new-reg .new-reg-list.popularity .tit{
  color: #063A74;
}
.new-reg .new-reg-list .img{
  width: 234px;
  height: 148px;
}
.new-reg .new-reg-list.data .img{
  height: 183px;
  background: url('../../images/portal/pattern/content/main_model.svg')no-repeat center;
  background-size: 100%;
  background-position: bottom;
}
.new-reg .new-reg-list.trending .img{
  background: url('../../images/portal/pattern/content/main_data.svg')no-repeat center;
  background-size: 100%;
  background-position: bottom;
}
.new-reg .new-reg-list.popularity .img{
  height: 183px;
  background: url('../../images/portal/pattern/content/main_pop.svg')no-repeat center;
  background-size: 100%;
  background-position: bottom;
}
.new-reg-list .krds-structured-list > li{
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.krds-structured-list .item-infor{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  gap: var(--krds-number-6) 0;
  width: 100%;
  padding:var(--krds-structured-list--list-padding-small-size);
  position: relative;
}
.krds-structured-list .item-infor::after{
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  top: 45%;
  right: 3.2rem;
  z-index: 0;
}
.krds-structured-list .item-infor.pub::after{
  background: url('../../images/portal/pattern/content/new_reg_01.svg')no-repeat center;
  background-size: 100%;
}
.krds-structured-list .item-infor.coll::after{
  background: url('../../images/portal/pattern/content/new_reg_02.svg')no-repeat center;
  background-size: 100%;
}
.krds-structured-list .item-infor.research::after{
  background: url('../../images/portal/pattern/content/new_reg_03.svg')no-repeat center;
  background-size: 100%;
}
.krds-structured-list .item-infor.statistics::after{
  background: url('../../images/portal/pattern/content/new_reg_04.svg')no-repeat center;
  background-size: 100%;
}
.new-reg-list .krds-structured-list>li{
  border-radius: 1.2rem 3.2rem 1.2rem 1.2rem;
  border: var(--krds-structured-list--border-width) solid #E5E7EB;
  transition: all .3s ease-in-out;
}
.new-reg-list .krds-structured-list>li:hover{
  border: var(--krds-structured-list--border-width) solid var(--krds-color-light-primary-50);
}
.new-reg-list .krds-structured-list .card-body{
  z-index: 1;
  gap: var(--krds-gap-5);
}
.new-reg-list .krds-structured-list .card-body .c-text{
  gap: var(--krds-gap-5);
}
.new-reg-list .krds-structured-list .card-body .c-text .top{
  display: flex;
  flex-direction: column;
  gap: var(--krds-gap-5);
}
.krds-structured-list .card-body .c-text:hover .c-tit{
  color: var(--krds-color-light-primary-50);
  transition: all .3s ease-in-out;
}
.krds-structured-list .card-body .c-text:hover .c-tit::after{
  background-color: var(--krds-color-light-primary-50);
}
.krds-structured-list .card-body .c-text .c-tit .span{
  flex: 1;
  -webkit-line-clamp: 2;
  height: 58px;
}
.new-reg-list .krds-structured-list .card-body .c-text .c-txt{
  height: 51px;
  -webkit-line-clamp: 2;
}
.krds-structured-list .card-body .c-text .c-date .key,
.krds-structured-list .card-body .c-text .c-date .value{
  font-size: var(--krds-pc-font-size-body-small);
}
.krds-structured-list .card-body .c-text .c-date .key{
  width: 75px;
  min-width: 75px;
  position: relative;
}
.krds-structured-list .card-body .c-text .c-date .key::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: var(--krds-color-light-gray-20);
  position: absolute;
  top:50%;
  right:0;
  transform: translateY(-50%);
}
.krds-structured-list .card-body .c-text .c-date .value{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.new-reg-list .krds-structured-list .card-btm{
  justify-content: flex-end;
  z-index: 1;
}
.new-reg-list .krds-structured-list .card-btm .c-util{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-2);
}
.new-reg-list .krds-structured-list .card-btm .c-util>i{
  background-color:var(--krds-color-light-gray-50);
}

@media (min-width: 1024px) {
  .new-reg .new-reg-list.on{
    flex-direction: row;
  }
  .new-reg .new-reg-list .sub-tit-wrap{
    flex-direction: column;
  }
}
@media (min-width: 1024px) and (max-width: 1112px) {
  .new-reg .new-reg-list .sub-tit-wrap{
    justify-content: space-between;
  }
  .new-reg .new-reg-list .img{
    width: 180px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .new-reg-list .krds-structured-list{
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px){
  .new-reg .new-reg-list .sub-tit-wrap{
    display: none;
  }
  .new-reg-list .krds-structured-list .card-body .c-text .c-tit .span{
    display: block;
    overflow: unset;
    text-overflow: unset;
    -webkit-line-clamp: none;
  }
  .krds-structured-list .card-body .c-text .c-tit .span{
    height: auto;
  }
  .krds-structured-list .card-body .c-date{
    flex-wrap: nowrap;
  }
}
/*공지사항*/
.main-box-responsive.cont04>.d-auto{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.main-box-responsive.cont04>.d-auto>div{
  display: flex;
  flex-direction: column;
  gap: var(--krds-pc-gap-layout-title-body-large);
  width: 100%;
  min-width: 0;
}
.main-sect .tab-conts.news-tbl-list{
  display: flex;
}
.main-sect .cont04 .krds-tab-area{
  width: auto;
}
.main-sect .cont04 .krds-tab-area .tab{
  width: auto;
}
.main-box-responsive .d-auto{
  gap: var(--krds-pc-gap-layout-title-body-large);
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.badge.new{
  display: inline-block;
  padding:.5rem 1rem;
  border-radius: 50px;
  background-color: var(--krds-color-light-primary-50);
  font-size: 1.2rem;
  color: var(--krds-color-light-gray-0);
  vertical-align: middle;
}
.main-sect .news-tbl-list li .tit{
  display: flex;
}
.main-sect .news-tbl-list li .tit:hover{
  color: var(--krds-color-light-primary-50);
}
.main-sect .news-tbl-list li> a::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 10px 10px 10px 0;
  background-color: var(--krds-color-light-gray-20);
  border-radius: 50%;
  vertical-align: middle;
}
.main-sect .news-tbl-list li .tit>div{
  flex: 1;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .main-box-responsive.cont04{
    display: flex;
    flex-direction: column;
  }
  .main-sect .news-tbl-list li .tit{
    display: flex;
    gap: 10px;
  }
  .main-sect .news-tbl-list{
    justify-content: space-between;
    height: 100%;
  }
  .main-sect .news-tbl-list li{
    padding: 0;
    min-height: unset;
  }
}
@media (max-width: 900px) {
  .main-sect .news-tbl-list li{
    padding: var(--krds-padding-3) 0;
  }
  .main-sect .news-tbl-list li> a::before{
    margin: 10px 0 10px 0;
  }
  .badge.new{
    height: fit-content;
  }
  .main-sect .news-tbl-list li .tit>div>span:last-child{
    flex: 1;
  }
}
@media (max-width: 767px) {
  .main-box-responsive.cont04{
    gap: var(--krds-pc-gap-layout-title-body-large);
  }
  .main-box-responsive.cont04>.d-auto>div{
    gap: var(--krds-pc-gap-layout-title-body-small);
  }
  .main-box-responsive.cont04>.d-auto{
    display: flex;
    flex-direction: column;
  }
  .main-sect .news-tbl-list li .tit{
    display: flex;
    gap: 10px;
  }
  .main-sect .news-tbl-list li .date{
    margin-left: 24px;
  }
}

/*팝업존*/
.main-sect.news .main-box-responsive .d-fix{
  width: 41rem;
}
.main-sect.news .main-box-responsive .d-fix .in{
  padding: 0;
  border-radius: unset;
  background-color: unset;
}
.main-sect.news .main-d-ban-swiper{
  gap: var(--krds-pc-gap-layout-title-body-large);
}
.main-sect.news .main-d-ban-swiper>.main-tit-wrap{
  justify-content: space-between;
}
.main-sect.news .main-d-ban-swiper>.swiper{
  aspect-ratio: 5 / 4.08;
  width: 100%;
  height: 100%;
  min-height: 334px;
  border-radius: var(--krds-radius-xlarge2);
  background-color: var(--krds-light-color-surface-secondary-subtler);
  overflow: hidden;
}
.main-sect.news .main-d-ban-swiper .swiper-indicator{
  justify-content: flex-end;
  align-items: flex-end;
  height: 36px;
  margin-top: 0;
  position: static;
  bottom: unset;
  right: unset;
  z-index: unset;
}
.data-support-center{
  background:url('../../images/portal/pattern/content/main_popup_banner_01.svg')no-repeat 90% bottom #9DC9FC;
  background-size: 70%;
}
.agr-tech-center{
  background:url('../../images/portal/pattern/content/main_popup_banner_02.svg')no-repeat 90% 90% #E0D6FF;
  background-size: 60%;
}
.agr-data-platform{
  background:url('../../images/portal/pattern/content/main_popup_banner_03.svg')no-repeat 90% 90% #FFEFB1;
  background-size: 75%;
}
.main-sect .main-d-ban-swiper .swiper-slide{
  height: 100%;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.main-sect .main-d-ban-swiper .swiper-slide .text{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-bottom: 0;
  padding: var(--krds-pc-padding-card-medium);
}
.main-sect .main-d-ban-swiper .swiper-slide .text .tit{
  display: block;
  text-align: left;
  line-height: 1.3;
  color: #063871;
  font-size: 4rem;
  font-family: 'GmarketSans';
}
.main-sect .main-d-ban-swiper .swiper-slide .text .cate{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main-sect .main-d-ban-swiper .swiper-slide .text .cate span{
  display: block;
  text-align: left;
  color: #292D33;
}
.main-sect .main-d-ban-swiper .data-support-center .text .btm{
  text-align: left;
  color: #044CA4;
  margin-bottom: 4rem;
}
.main-sect .main-d-ban-swiper .swiper-button-next,
.main-sect .main-d-ban-swiper .swiper-button-prev{
  width:var(--krds-size-height-6);
  height: var(--krds-size-height-6);
}
.main-sect .main-d-ban-swiper .swiper-pagination{
  position: static;
}
@media (max-width: 1023px) {
  .main-sect.news .main-box-responsive .d-fix{
    width: unset;
  }
}
@media (max-width: 1019px) {
  .main-box-responsive {
    grid-template-columns: 1fr 38rem;
  }
}
@media (max-width: 900px) {
  .main-box-responsive{
    grid-template-columns: 100%;
  }
  .data-support-center{
    background-size: 35%;
    background-position:90% 50%;
  }
  .agr-tech-center{
    background-size: 36%;
    background-position:90% 50%;
  }
  .agr-data-platform{
    background-size: 41%;
    background-position: 95% 50%;
  }
  .main-sect.news .main-d-ban-swiper>.swiper{
    min-height: unset;
    height: 100%;
  }
  .main-sect .main-d-ban-swiper .data-support-center .text .tit br{
    display: none;
  }
}
@media (max-width: 767px) {
  .main-sect.news .main-d-ban-swiper{
    gap: var(--krds-pc-gap-layout-title-body-small);
  }
  .data-support-center{
    background-size: 200px;
    background-position:90% 100%;
  }
  .agr-tech-center{
    background-size: 50%;
    background-position:90% 100%;
  }
  .agr-data-platform{
    background-size: 280px;
    background-position: 95% 100%;
  }
  .main-sect .main-d-ban-swiper .swiper-slide{
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .main-sect .main-d-ban-swiper .swiper-slide .text .tit{
    font-size: 3.5rem;
  }
  .main-sect .main-d-ban-swiper .data-support-center .text .tit br{
    display: none;
  }
}
@media (min-width: 542px) and (max-width: 768px) {
  .agr-tech-center{
    background-size: 250px;
  }
}
@media (max-width: 499px) {
  .agr-tech-center{
    background-size: 50%;
    background-position:90% 90%;
  }
  .agr-data-platform{
    background-size: 240px;
    background-position: 95% 95%;
  }

}
@supports not (aspect-ratio: 1/1) {
  .main-sect.news .main-d-ban-swiper > .swiper::before {
    content: "";
    display: block;
    padding-top: calc(100% * (4.08 / 5)); /* 81.6% */
  }
}
/*배너모음*/
.main-sect.ci-banner:last-child:not(.bg){
  padding-bottom: 1.6rem;
}
.main-sect.ci-banner{
  padding: 1.6rem;
  border-top: var(--krds-light-border-width-static-regular) solid #E5E7EB;
}
.main-sect.ci-banner .inner{
  flex-direction: row;
}
.main-ci-swiper{
  display: flex;
  align-items: center;
  width: 100%;
}
.main-ci-swiper .swiper-in{
  width: calc(100% - 88px);
}
.main-ci-swiper .swiper-slide{
  height: 75px;
}
.main-ci-swiper .swiper-slide a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
}
.main-ci-swiper .swiper-slide a img{
  max-width: 100%;
}
.main-ci-swiper .swiper-indicator .swiper-button-next,
.main-ci-swiper .swiper-indicator .swiper-button-prev{
  width: var(--swiper-navigation-size);
}
@media (max-width: 1024px) {
  .main-sect.ci-banner .inner{
    padding: unset;
  }
}
@media (max-width: 499px) {
  .main-sect.news{
    margin-bottom: var(--krds-gap-11);
  }
  .main-sect.ci-banner{
    display: none;
  }
}
/*footer*/
#krds-footer .f-cnt .f-info .info-cs li .key-info span{
  display: flex;
  align-items: center;
  gap: var(--krds-gap-2);
}
@media (max-width: 767px) {
  #krds-footer .f-logo {
    width: 18rem;
  }
}