/* main-visual */
.main-visual {}
.vb-swiper .swiper-slide {height: 55vh;}
.vb-swiper .swiper-slide img {width: 100%; height: 100%; object-fit: cover; display: block;}
.main-visual .swiper .swiper-wrapper {max-width: 1280px;}
.main-visual .vb-swiper {position: relative;}
.main-visual .vb-swiper .controls {display: flex; margin-top: 6rem;}
.main-visual .vb-swiper .controls .swiper-button-prev,
.main-visual .vb-swiper .controls .swiper-button-next {position: static; margin-top: 0; width: 4.4rem; height: 4.4rem; margin-right: 0.8rem;}
.main-visual .swiper-slide {}
.main-visual .visual-overlay {position: absolute; top: 50%;left: 0; width: 100%; z-index: 10; color: #fff; transform: translateY(-50%);}
.main-visual .visual-overlay .swiper-indicator {position: static;}
.main-visual .visual-overlay .swiper-pagination {position: static; margin-right: 2rem;}
.main-visual .vis-txt .tit {margin-bottom: 3rem; line-height: 1.3; font-size: 5.8rem; font-weight: 700;}
.main-visual .vis-txt .txt {font-size: 3.6rem; color: #fff;}
/* report */
section.report {padding: 9.8rem 0 8rem; background: #F4F6F8;}
.report .main-title-area {display: flex; justify-content: space-between; margin-bottom: 6.5rem;}
.report .main-title-area .main-tit-wrap {display: flex; flex-direction: column; gap: 0;}
.report .main-title-area .main-tit-wrap .sub-title {font-size: 2rem; color: #1e2124; font-weight: 700;}
.report .main-title-area .main-tit-wrap .tit {font-size: 5.0rem; color: #3250C6;}
.report .main-title-area .main-carousel-category ul {display: flex; align-items: center; padding: 1.2rem 1.5rem; background-color: #fff; border-radius: 5rem;}
.report .main-title-area .main-carousel-category ul li {}
.report .main-title-area .main-carousel-category ul li button {padding: 0.5rem 2rem; font-size: 2rem;}
.report .main-title-area .main-carousel-category ul li.active {padding: 0.5rem 3.2rem; border-radius: 10rem; color: #fff; background-color: #3250c6;}
.report {position: relative;}
.report .content-wrap {}
.report .content-wrap .content-list {position: relative; padding: 0 7.8rem;}
.report .swiper-navigation button {width: 48px; height: 48px;}
.report .swiper-navigation [class^=swiper-button-] {background: transparent; border: 1px solid #a1afbd;}
.report .swiper-button-prev,
.report .swiper-button-next {top: 36%;}
.report .swiper-button-prev {left: 0;}
.report .swiper-button-next {right: 0;}
.report .swiper-button-next:after,.swiper-button-prev:after {background-color: #A1AFBD;}
.report .swiper-slide {border-radius: 0 10px 10px 10px; border: 1px solid #cdd1d5; overflow: hidden; aspect-ratio: 52 / 67;}
.report .swiper-indicator {margin-top: 5rem;}
.report .swiper-indicator .swiper-pagination {height: 0;}
.report .swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction) {padding: 0; background: transparent;}
.report .swiper-pagination {position: static; margin-top: 5rem;}
.report .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 4rem; height: 1.2rem; background: #3250c6;}
.report .swiper-pagination .swiper-pagination-bullet {min-width: 1.2rem; min-height: 1.2rem; background: #A1AFBD;}
.report .swiper-slide .label {position: absolute; top: 0; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; min-width: 128px; height: 36px; background-color: #4C5060; border-radius: 0px 0px 10px 0px; cursor: default;}
.report .swiper-slide .label .cate {font-size: 1.8rem; color: #fff; letter-spacing: -0.5px; padding: 0 2rem;}
.report .swiper-slide .im img {width: 100%; height: 100%;}

/* info-board */
.info-board {position: relative; padding: 5.4rem 0 6rem;}
.info-board .inner {display: flex;}
.info-board .inner .popup-zone {flex-shrink: 0; width: 376px; height: 352px; border-radius: 20px; overflow: hidden; margin-right: 6.0rem;}
.info-board .inner .popup-zone .main-popup-swiper {position: relative; height: 100%;}
.info-board .inner .popup-zone .main-popup-swiper .swiper,
.info-board .inner .popup-zone .main-popup-swiper .swiper .im,
.info-board .inner .popup-zone .main-popup-swiper .swiper .im img {height: 100%;}
.info-board .tab.line {display: flex; width: 100%;}
.info-board .tab-conts-wrap .d-card .c-txt {-webkit-line-clamp: 3; font-size: 1.6rem; color: #444;}
.info-board .tab-conts-wrap .d-card .c-txt::before {display: block; content: ''; width: 100%; height: 1px; margin: 2rem 0; background-color: #dee0e7;}
.info-board .tab-conts-wrap .d-card .date {display: flex; justify-content: flex-end;}
.info-board .tab-conts-wrap .d-card .date img {width: 2.4rem; height: 2.4rem;}
.info-board .tab-conts-wrap .d-card .date span {margin-left: 0.5rem; font-size: 1.6rem; color: #444;}
.info-board .tab-conts-wrap ul {display: flex; gap: var(--krds-gap-6);}
.info-board .tab-conts-wrap ul li {min-width: 0; flex-basis: 0; flex-grow: 1; min-width: 0; height: 28rem; padding: 1.5rem 2rem 2.5rem; background: #F5F6FA; border-radius: 1.5rem;}
.info-board .tab-conts-wrap ul li a:focus {box-shadow:none;}
.info-board .tab-conts-wrap ul li .d-card .in > .text {gap: 0; justify-content: unset;}
.info-board .tab-conts-wrap ul li .d-card .c-tit {-webkit-line-clamp: 2; height: 5.8rem;}
.info-board .tab-conts-wrap ul li:last-child {margin-right: 0;}
.info-board .swiper-indicator {position: absolute; bottom: 0; width: 100%; z-index: 1; padding: 1.0rem 2.5rem; justify-content: space-between; background-color: #2D3548; color: #fff; }
.info-board .swiper-indicator .swiper-navigation {gap: var(--krds-gap-1);}
.info-board [class^=swiper-button-] {background: transparent; border: none; width: var(--krds-size-height-4);}
.info-board .swiper-button-next:after, .info-board .swiper-button-prev:after, .info-board [class^=swiper-button-]::after {background-color: #fff;}
.info-board .swiper-indicator .swiper-pagination.swiper-pagination-fraction {background-color: transparent; border: none; color: #fff;}
.info-board .swiper-indicator .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {font-size: 1.6rem; color: #fff;}
.info-board .swiper-indicator .indicator-title {font-size: 2.0rem; font-weight: 700;}
.info-board .swiper-indicator .swiper-pagination {position: static;}
.info-board .swiper-indicator .controls {display: flex; align-items: center;}
.info-board .krds-tab-area {display: block; min-width: 0; flex-grow: 0;}
.info-board .krds-tab-area .tab-list {display: flex; justify-content: space-between; width: 100%; margin-bottom: 2.5rem;}
.info-board .krds-tab-area .tab-list ul {display: flex; align-items: center; width: 100%;}
.info-board .krds-tab-area .tab-list ul li {display: flex; align-items: center;}
.info-board .krds-tab-area .tab-list ul li::after {display: inline-block; content: ''; width: 0.1rem; height: 1.6rem; margin: 0 2rem; background: #CACACA;}
.info-board .krds-tab-area .tab-list ul li:last-child::after {display: none;}
.info-board .krds-tab-area .tab-list ul li button {display: flex; align-items: center; position: relative; font-size: 2rem; font-weight: 700;}
.info-board .krds-tab-area .tab-list ul li button.active {padding-left: 1rem; font-size: 2.8rem; color: #343A8F;}
.info-board .krds-tab-area .tab-list ul li button.active::before {position: absolute; top: 3px; left: 0; content: ''; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #256EF4;}
.info-board .krds-tab-area .tab-list .more-btn {display: flex; justify-content: center; align-items: center; width: 4.4rem; height: 4.4rem; border-radius: 50%; background: #343A8F;}
.info-board .krds-tab-area .tab-list .more-btn i {background-color: #fff;}


.info-board .krds-tab-area .tab .btn-tab {position: relative; font-size: 2.2rem;}
.info-board .krds-tab-area .tab .btn-tab.active {font-size: 2.8rem;}
.info-board .krds-tab-area .tab>ul {gap: 0;}
.info-board .krds-tab-area .tab li.active .btn-tab:before {display: inline-block; content: ''; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #256EF4;}
.info-board .krds-tab-area .tab li::after {display: inline-block; content: ''; width: 0.1rem; height: 1.6rem; background-color: #cacaca;}
.info-board .tab.line .active .btn-tab:before {top: 0;}
.tab .btn-tab {height: 0;}
.tab-conts-wrap {font-size: 2rem; color: #1E2124;}
 
/* info-service */ 
.info-service {padding: 5rem 0 6rem; background: #edf3fd;}
.info-service h3.title {font-size: 3.6rem; margin-bottom: 2rem; font-weight: 700;}
 .info-service .service-wrap {display: flex; width: 100%;}
.info-service .info-service-area {display: flex; flex-direction: column; width: 100%; margin-right: 6rem;}
.info-service .info-wrap {display: flex; min-height: 25rem; margin-bottom: 2rem; border-radius: 1rem; background-color: #fff; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1);}
.info-service .info-wrap .info-item {position: relative; flex: 1; margin: 2rem 0; padding: 1rem 3.2rem; border-right: 1px solid #DDE2EB;}
.info-service .info-wrap .info-item:first-child {background: url(/resources2025/img/main/icon-service-01.png) no-repeat top right 2rem;}
.info-service .info-wrap .info-item:nth-child(2) {background: url(/resources2025/img/main/icon-service-02.png) no-repeat top right 2rem;}
.info-service .info-wrap .info-item:nth-child(3) {background: url(/resources2025/img/main/icon-service-03.png) no-repeat top right 2rem; border-right: 0;}
.info-service .info-wrap .info-item strong {display: block; font-size: 2rem; font-weight: 700; color: #1e2124; margin-bottom: 1.5rem;}
.info-service .info-wrap .info-item ul li {position: relative; padding-left: 1.2rem; margin-bottom: 1rem;}
.info-service .info-wrap .info-item ul li a {display: block;}
.info-service .info-wrap .info-item ul li:last-child {margin-bottom: 0;}
.info-service .info-wrap .info-item ul li::before {content: ''; position: absolute; top: 1rem; left: 0; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #000;}
.book-intro {}
.book-intro a:focus {box-shadow:none;}

.book-intro .info-box {position: relative; min-width: 35rem; width: 35rem; height: 100%; padding: 6rem 3.6rem; background: linear-gradient(135deg, #D93F82 5%, #4E3A95 97%), #C4C4C4;border-radius: 20px 100px 20px 20px;}
.book-intro .info-box .info-txt {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; max-width: 20rem; height: 100%;}
.book-intro .info-box .info-txt .label {padding: 0.4rem 2.2rem; border-radius: 10rem; color: #fff; font-weight: 700; background: #000;}
.book-intro .info-box .info-txt .title-book {font-size: 2.4rem; font-weight: 700; line-height: 1.5; color: #fff;}
.book-intro .info-box .info-txt .pub-date {color: #fff;}
.book-intro .info-box .book-cover {position: absolute; bottom: 4rem;right: -4.6rem; width: 16rem; height: 23.8rem;}
.book-intro .info-box .book-cover img {width: 100%; height: 100%;}
.quick-link-wrap {display: flex;}
.quick-link-wrap a {display: block; width: 50%; padding: 2.4rem 3.6rem; background-color: #f6faff; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1);}
.quick-link-wrap a {display: block; width: 50%; padding: 2.4rem 3.6rem; font-size: 2rem; color: #3f1c89; font-weight: 700; border-radius: 1rem; box-shadow: 0 0 3rem 0 rgba(0, 0, 0, 0.1);}
.quick-link-wrap a:first-child {margin-right: 2rem; background: #f6faff url(/resources2025/img/main/bg-quick-link01.png) no-repeat right 0.6rem / 45%;}
.quick-link-wrap a:nth-child(2) {background: #f6faff url(/resources2025/img/main/bg-quick-link02.png) no-repeat right -0.5rem / 43%;}




@media screen and (max-width: 1280px) {
  .info-board .krds-tab-area .tab-list ul li::after {margin: 0 1rem;}
}
@media (min-width: 1024px) and (max-width: 1180px) {
  .info-service .info-wrap .info-item:nth-child(-n+3) {background: none;}
}
@media screen and (max-width: 1024px) {
  section.report {padding: 3rem 4rem;}
  .report .main-title-area {flex-direction: column;}
  .report .main-title-area .main-tit-wrap {margin-bottom: 3rem;}
  .report .main-title-area .main-carousel-category ul {justify-content: center;}
  .info-board .inner {flex-direction: column; align-items: center;}
  .info-board .inner .popup-zone {margin-right: 0; margin-bottom: 5rem;}
  .info-service {padding: 4rem 0;}
  .info-service .service-wrap {flex-direction: column; align-items: center;}
  .info-service .info-service-area {margin-right: 0; margin-bottom: 4rem;}
}
@media screen and (max-width: 768px) {
  .info-service .info-wrap .info-item:nth-child(-n+3) {background-position: right top 2rem; background-size: 6rem;}
  .main-visual .vis-txt .tit {font-size: 4.55rem;}
  .main-visual .vis-txt .txt {font-size: 3rem;}
  section.report {padding: 3rem 2rem;}
  .report .main-title-area .main-carousel-category ul {flex-direction: column; gap: 0.5rem; border-radius: 2rem;}
  .report .main-title-area .main-carousel-category ul li {width: 100%;}
  .report .main-title-area .main-carousel-category ul li button {width: 100%;}
  .report .main-title-area .main-carousel-category ul li.active {}
  .info-board .krds-tab-area .tab-list .more-btn {}
  .info-board .krds-tab-area .tab-list ul {flex-wrap: wrap; justify-content: center;}
  .info-board .krds-tab-area .tab-list ul li::after {margin: 0 2rem;}
  .d-card {padding: 0;}
  .info-service .service-wrap {flex-direction: column;}
  .info-service .info-wrap {flex-direction: column;}
  .info-service .info-wrap .info-item {border-bottom: 1px solid #DDE2EB; border-right: 0; margin: 0 3rem; padding: 3rem 0;}
  .quick-link-wrap {flex-direction: column;}
  .quick-link-wrap a {width: 100%; margin-right: 0;}
  .quick-link-wrap a:first-child {background-size: 20%; margin-right: 0; margin-bottom: 2rem;}
  .quick-link-wrap a:nth-child(2) {background-size: 20%;}
  .info-board .tab-conts-wrap ul li:last-child {display: none;}
}
@media screen and (max-width: 576px) {
  .info-board .inner .popup-zone {max-width: 350px;}
  .info-board .tab-conts-wrap ul li:not(:first-child) {display: none;}
  .info-board .krds-tab-area .tab-list ul li {margin: 0 2rem;}
  .info-board .krds-tab-area .tab-list ul li::after {display: none;}
  .book-intro .info-box .info-txt {max-width: 17rem;}
  .book-intro .info-box .book-cover {bottom: 3rem; right: -1rem;}
  .quick-link-wrap a:first-child,
  .quick-link-wrap a:nth-child(2) {background-size: contain;}
  .info-board {padding: 5.4rem 0 7rem;}
  .info-board .krds-tab-area .tab-list .more-btn {position: absolute; bottom: 1.5rem; left: 50%; transform: translateX(-50%);    display: flex; align-items: center;}

}
@media screen and (max-width: 390px) {}