@charset "utf-8";

:root {
  --color-bg1: rgb(160, 26, 89);
  --color-bg2: rgb(0, 57, 100);
  --color1: 160, 26, 89;
  --color2: 0, 57, 100;
  --color3: 160, 26, 89;
  --color4: 0, 57, 100;
  --color5: 0, 57, 100;
  --color-interactive: 0, 57, 100;
  --circle-size: 80%;
  --blending: hard-light;
}
@-webkit-keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}
@-webkit-keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}


.main-section-group {display: flex;flex-direction: column;gap: 6.4rem;}
.section-wrap {display: flex;align-items: center;justify-content: flex-start;align-items: flex-start;flex-direction: row;gap: 2.4rem;}
.section-wrap .section-item {flex: 1;width: 100%;}
.section-grid {display: grid;grid-template-columns: 1fr 44rem;gap: var(--krds-gap-7);}
@media (max-width: 1023px) {
    .section-wrap {flex-direction: column;gap: 4rem;}
    .section-grid {display: flex;flex-direction: column;gap: 4rem;}
}
@media (max-width: 767px) {
    .main-section-group {gap: 4rem;}
}


.main-tit {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;gap: var(--krds-gap-5);padding-bottom: 2.4rem;}
.main-tit .tit {font-size: var(--krds-pc-font-size-heading-large);letter-spacing: var(--krds-typo-letter-spacing-1);}
.main-tit span {font-size: var(--krds-pc-font-size-body-medium);}
@media (max-width: 1023px) {
    .main-tit {padding-bottom: 2rem;}
}
@media (max-width: 767px) {
    .main-tit .tit {font-size: var(--krds-mobile-font-size-heading-large);}
    .main-tit span {font-size: var(--krds-mobile-font-size-body-medium);}
}

.section-box {padding: var(--krds-pc-padding-card-medium);border:1px solid var(--krds-light-color-border-gray);border-radius: var(--krds-radius-xlarge2);}
.section-box .krds-tab-area .tab {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;width: 100%;}
.section-box .krds-tab-area .tab .btn-tab {height: 4rem;}
.section-box .krds-tab-area .tab .btn-more {margin-left: auto;flex-shrink: 0;}
@media (max-width: 767px) {
    .section-box {padding: 0;border: 0;}
}


/* AI검색 박스 */
.section-01 {position: relative;width: 100%;height: 500px;}
.main-search-wrap {position: relative;display: flex;align-items: center;justify-content: center;height: 100%;z-index: 1;}
.main-search {display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 800px;padding-left: var(--krds-contents-padding-x);padding-right: var(--krds-contents-padding-x);}
.main-search .top {width: 100%;padding-bottom: 2.4rem;}
.main-search .top .tit {font-size: 4rem;color: #ffffff;padding-bottom: 2.4rem;text-align: center;}
.main-search .top .main-sch-box {position: relative;}
.main-search .top .main-sch-box .sch-box {width: 100%;height: 118px;padding: 16px 48px 16px 24px;border-radius: 16px;}
.main-search .top .main-sch-box .sch-box::placeholder {font-weight: 700;color: var(--krds-light-color-text-disabled);}
.main-search .top .main-sch-box .ask-btn {position: absolute;right: 24px;bottom: 16px;width: 3.6rem;height: 3.6rem;background: url(../../img/ico_ask_btn_02.svg) no-repeat center;border-radius: 50%;}
.main-search .btm {width: 100%;}
.example-chips {display: grid;flex-wrap: wrap;gap: 0.8rem;}
.example-chips .chip {display: flex;align-items: center;gap: 0.4rem;width: auto;padding: 6.5px 10px;font-size: var(--krds-pc-font-size-label-small);color: #ffffff;background: #0000001A;border: 1px solid #FFFFFF91;border-radius: var(--krds-radius-medium3);}
.example-chips .chip::before {content: "";flex-shrink: 0;display: inline-block;width: 24px;height: 24px;background: url("../../img/ico_sparkle.svg") no-repeat center;background-size: contain;}
.example-chips .chip:hover,
.example-chips .chip:focus {text-decoration: underline;}
.main-gradient-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));}
.main-gradient-bg svg {position: fixed;top: 0;left: 0;width: 0;height: 0;}
.main-gradient-bg .gradients-container {filter: url(#goo) blur(40px);width: 100%;height: 100%;}
.main-gradient-bg .g1 {position: absolute;background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;mix-blend-mode: var(--blending);width: var(--circle-size);height: var(--circle-size);top: calc(50% - var(--circle-size) / 2);left: calc(50% - var(--circle-size) / 2);transform-origin: center center;-webkit-animation: moveVertical 40s ease infinite;animation: moveVertical 40s ease infinite;opacity: 1;}
.main-gradient-bg .g2 {position: absolute;background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;mix-blend-mode: var(--blending);width: var(--circle-size);height: var(--circle-size);top: calc(50% - var(--circle-size) / 2);left: calc(50% - var(--circle-size) / 2);transform-origin: calc(50% - 400px);animation: moveInCircle 30s reverse infinite;opacity: 1;}
.main-gradient-bg .g3 {position: absolute;background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;mix-blend-mode: var(--blending);width: var(--circle-size);height: var(--circle-size);top: calc(50% - var(--circle-size) / 2 + 200px);left: calc(50% - var(--circle-size) / 2 - 500px);transform-origin: calc(50% + 400px);-webkit-animation: moveInCircle 50s linear infinite;animation: moveInCircle 50s linear infinite;opacity: 1;}
.main-gradient-bg .g4 {position: absolute;background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;mix-blend-mode: var(--blending);width: var(--circle-size);height: var(--circle-size);top: calc(50% - var(--circle-size) / 2);left: calc(50% - var(--circle-size) / 2);transform-origin: calc(50% - 200px);-webkit-animation: moveHorizontal 50s ease infinite;animation: moveHorizontal 50s ease infinite;opacity: 0.7;}
.main-gradient-bg .g5 {position: absolute;background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;mix-blend-mode: var(--blending);width: calc(var(--circle-size) * 2);height: calc(var(--circle-size) * 2);top: calc(50% - var(--circle-size));left: calc(50% - var(--circle-size));transform-origin: calc(50% - 800px) calc(50% + 200px);-webkit-animation: moveInCircle 30s ease infinite;animation: moveInCircle 30s ease infinite;opacity: 1;}
.main-gradient-bg .interactive {position: absolute;background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;mix-blend-mode: var(--blending);width: 100%;height: 100%;top: -50%;left: -50%;opacity: 0.7;}
@media (max-width: 1023px) {
    .main-search .top .tit {font-size: 3.2rem;}
    .example-chips {flex-direction: column;align-items: flex-start;}
}
@media (max-width: 767px) {
    .section-01 {height: auto;padding: 3.4rem 0;}
    .main-search {max-width: 100%;width: 100%;}
    .main-search .top .tit {font-size: 2.8rem;}
    .main-search .top .main-sch-box .sch-box {height: 86px;padding: 12px 40px 12px 16px;}
    .main-search .btm {display: flex;flex-direction: column;align-items: center;gap: 1.2rem;}
    .main-search .btm .krds-btn.text {color: #ffffff;}
    .main-search .btm .krds-btn.text:hover,
    .main-search .btm .krds-btn.text:focus {background-color: #0000001A;}
    .main-search .btm .krds-btn.text .svg-icon {background-color: #ffffff;}
    .example-chips {width: 100%; overflow: hidden;}
    .example-chips.active {flex-wrap: nowrap;}
    .example-chips .chip {display: none;}
    .example-chips .chip:first-child {display: flex;}
    .example-chips.active .chip {display: flex;}
}


/* 인기 데이터, 최신 데이터 */
.section-02 .section-wrap .section-item {width: 50%;}
.main-list ul {display: flex;flex-direction: column;gap: 1.2rem;}
.main-list ul li {display: flex;align-items: center;gap: 1.2rem;padding: var(--krds-padding-3) 0;}
.main-list ul li .num {display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 2.5rem;height: 2.4rem;font-size: var(--krds-pc-font-size-label-small);color: #ffffff;background-color: var(--krds-light-color-element-secondary);border-radius: var(--krds-radius-small2);}
.main-list ul li > a {min-width: 0;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-list ul li a:hover,
.main-list ul li a:focus {text-decoration: underline;text-underline-offset: 0.2rem;}
.main-list ul li .category-badge-wrap {display: flex;align-items: center;gap: 0.4rem;flex-shrink: 0;}
@media (max-width: 1023px) {
  .section-02 .section-wrap .section-item {width: 100%;}
}
@media (max-width: 767px) {
    .main-list ul li > a {font-size: var(--krds-mobile-font-size-heading-small);}
    .main-list ul li .num {font-size: var(--krds-mobile-font-size-label-small);}
}


/* 데이터 제공, 분쟁조정 신청 */
.main-link-wrap {display: flex;gap: 4.8rem;padding: var(--krds-pc-padding-card-medium);border:1px solid var(--krds-light-color-border-gray);border-radius: var(--krds-radius-xlarge2);}
.main-link-wrap .item {position: relative;display: flex;flex-direction: column;gap: 1.6rem;padding-bottom: 7rem;background-repeat: no-repeat;background-position: right bottom;background-size: 12rem;}
.main-link-wrap .item:first-child {background-image: url("../../portal/img/main/bg_link_01.png");border-right: 2px dashed #C4C8CE;}
.main-link-wrap .item:last-child {background-image: url("../../portal/img/main/bg_link_02.png");}
.main-link-wrap .item .sub-tit {font-size: var(--krds-pc-font-size-heading-medium);font-weight: 700;}
.main-link-wrap .item .sub-tit span {display: block;font-size: var(--krds-pc-font-size-heading-xsmall);font-weight: 700;padding-bottom: 0.8rem;}
.main-link-wrap .item .summary {font-size: 1.6rem;text-wrap-style: balance;}
.main-link-wrap .item button {font-size: 1.6rem;}
.main-link-wrap .item button .svg-icon {width: 2rem;height: 2rem;}
@media (max-width: 767px) {
    .main-link-wrap {flex-direction: column;padding: var(--krds-mobile-padding-card-medium);}
    .main-link-wrap .item:first-child {border-right: 0;border-bottom: 2px dashed #C4C8CE;}
    .main-link-wrap .item .sub-tit {font-size: var(--krds-mobile-font-size-heading-medium);}
    .main-link-wrap .item .sub-tit span {font-size: var(--krds-mobile-font-size-heading-xsmall);}
}


/* 소식지 */
.main-banner {position: relative;width: 100%;height: 100%;height: 31.5rem;border: 1px solid var(--krds-light-color-border-gray);border-radius: var(--krds-radius-xlarge2);overflow: hidden;}
.main-banner .swiper .swiper-slide > a img {width: 100%;height: 100%;}
.main-banner .swiper-indicator {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);z-index: 1;}
@media (max-width: 1023px) {
    .main-banner {width: 44rem;}
}
@media (max-width: 767px) {
    .main-banner {width: 100%;}
}


/* 숫자로 보는 */
.section-04 {background-color: #ECF2FE;padding: var(--krds-gap-12) 0 var(--krds-gap-11)}
.stats-history {display: flex;align-items: center;flex-direction: column;gap: 4rem;}
.stats-history .history-txt {text-align: center;}
.stats-history .history-txt p {font-size: var(--krds-pc-font-size-display-medium);font-weight: 700;padding-bottom: 0.8rem;}
.stats-history .history-txt span {font-size: var(--krds-pc-font-size-body-large);}
.stats-history .history-num {display: flex;gap: 4rem;}
.stats-history .history-num > div {display: flex;flex-direction: column;align-items: center;gap: 1.2rem;min-width: 21.5rem;padding: 2.4rem 0;}
.stats-history .history-num .icon {width: 60px;height: 60px;}
.stats-history .history-num .txt {font-size: var(--krds-pc-font-size-heading-xsmall);font-weight: 700;}
.stats-history .history-num .num {font-size: var(--krds-pc-font-size-heading-xlarge);font-weight: 600;}
.stats-history .odometer.odometer-auto-theme {font-family: var(--krds-font-family-base);}
.stats-history .odometer.odometer-auto-theme .odometer-value {font-size: var(--krds-pc-font-size-heading-xlarge);font-weight: 600;}
@media (max-width: 1023px) {
    .stats-history .history-num {justify-content: space-between;width: 100%;}
    .stats-history .history-num > div {min-width: auto;}
}
@media (max-width: 767px) {
    .section-04 {padding: var(--krds-gap-9) 2.4rem var(--krds-gap-5)}
    .stats-history .history-txt p {font-size: var(--krds-mobile-font-size-display-medium);}
    .stats-history .history-txt span {font-size: var(--krds-mobile-font-size-body-large);}
    .stats-history .history-num {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.2rem;}
    .stats-history .history-num .txt {font-size: var(--krds-mobile-font-size-heading-xsmall);text-wrap-style: balance;}
    .stats-history .history-num .num {font-size: var(--krds-mobile-font-size-heading-xlarge);}
    .stats-history .odometer.odometer-auto-theme .odometer-value {font-size: var(--krds-mobile-font-size-heading-xlarge);}
}



/* 공지사항 */
.main-notice .krds-tab-area .tab {display: flex;align-items: center;justify-content: flex-start;flex-direction: row;width: 100%;}
.main-notice .krds-tab-area .tab .btn-tab {height: 4rem;}
.main-notice .krds-tab-area .tab .btn-more {margin-left: auto;flex-shrink: 0;}
.notice-list ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 2.4rem;}
.notice-list ul li a {display: inline-block;width: 100%;min-height: 137px;padding: var(--krds-pc-padding-card-small);border: 1px solid var(--krds-light-color-border-gray);border-radius: var(--krds-radius-xlarge2);overflow: hidden;}
.notice-list ul li a p {display: -webkit-box;margin-bottom: 1.2rem;font-size: var(--krds-pc-font-size-heading-xsmall);font-weight: 700;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.notice-list ul li a span {font-size: 1.6rem;}
.notice-list ul li a:hover p,
.notice-list ul li a:focus p {text-decoration: underline;text-underline-offset: 0.2rem;}
@media (max-width: 1023px) {
    .notice-list ul {grid-template-columns: repeat(3, 1fr);}
    .notice-list ul li:nth-child(n + 4) {display: none;}
}
@media (max-width: 767px) {
    .notice-list ul {display: flex;flex-direction: column;}
    .notice-list ul li a p {font-size: var(--krds-mobile-font-size-heading-xsmall);}
}


/* 참여 지원 프로그램 */
.main-info-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2.4rem;}
.main-info-list .item {width: 100%;height: 22.5rem;padding: var(--krds-pc-padding-card-small);border-radius: var(--krds-radius-xlarge2);}
.main-info-list .item.txt {padding-bottom: 0;font-size: var(--krds-pc-font-size-heading-large);}
.main-info-list .item.txt strong {text-decoration: underline;text-underline-offset: 0.4rem;}
.main-info-list .item.info {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: 1.6rem;}
.main-info-list .item.bg-primary {background-color: var(--krds-color-light-primary-5);}
.main-info-list .item.bg-success {background-color: #ECFEEF;}
.main-info-list .item .icon {width: 32px;height: 32px;}
.main-info-list .item .info-txt p {padding-bottom: 0.4rem;font-size: var(--krds-pc-font-size-heading-small);font-weight: 700;}
.main-info-list .item .info-txt span {font-size: 1.6rem;}
.main-info-list .item button:hover,
.main-info-list .item button:focus {background-color: #ffffff;}
.main-info-list .item button:active {background-color: #ececec;}
@media (max-width: 1023px) {
    .main-info-list .item {height: 27.8rem;}
    .main-info-list .item.txt {font-size: var(--krds-mobile-font-size-heading-large);padding-left: 0;}
}
@media (max-width: 767px) {
    .main-info-list {display: flex;flex-direction: column;}
    .main-info-list .item {height: auto;padding: var(--krds-mobile-padding-card-small);}
    .main-info-list .item.txt {padding: 0;}
    .main-info-list .item .info-txt p {font-size: var(--krds-mobile-font-size-heading-small);}
}

/* 메인 팝업 */
.main-pop {display: none;position: fixed;z-index: 111;}
.main-pop.shown {display: block;}
.main-pop .main-pop-inner {display: flex;align-items: center;justify-content: flex-start;flex-direction: column;position: relative;background-color: #ffffff;border: 1px solid #ddd;border-radius: 1.2rem;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);}
.main-pop .main-pop-inner .main-pop-header {width: 100%;padding: 2rem;}
.main-pop .main-pop-inner .main-pop-header .main-pop-title {font-size: 2.4rem;}
.main-pop .main-pop-inner .main-pop-btn {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 2rem;}
.main-pop .main-pop-inner .btn-close {position: absolute;top: 2.4rem;right: 2rem;}