@charset "utf-8";

.main-urgent-wrap {background-color: #3c6587;}
.main-urgent-wrap .krds-form-check label {color: #fff;}

.main-vban-wrap.bg {background-color: #f2f6f9;}

.main-vban-wrap .inner {max-width: 1256px; padding-left: 28px; padding-right: 28px;}

.main-vban-wrap .vb-swiper {padding: 0; position: relative;}
.main-vban-wrap .vb-swiper .swiper-slide {padding: 48px 32px 38px;}
.main-vban-wrap .vb-swiper .swiper-slide .in {display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 40px; height: 100%; background-position: center right; background-repeat: no-repeat;}
.main-vban-wrap .vb-swiper .swiper-slide .text {flex: 1; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 24px; font-weight: 700;}
.main-vban-wrap .vb-swiper .swiper-slide .text .tit {font-size: 36px; line-height: 1.4; letter-spacing: 1px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main-vban-wrap .vb-swiper .swiper-slide .text .txt {font-size: 19px; font-weight: 400; height: 58px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.main-vban-wrap .vb-swiper .swiper-slide .text .v-btn {margin-top: 4px; background-color: #ffffff00; background-color: #256ef4; color: #fff; gap: 4px; height: 56px; padding: 0 20px; border-radius: 8px; font-size: 19px; font-weight: 400; display: inline-flex; align-items: center; justify-content: center; flex-direction: row; width: auto; border: 1px solid #256ef4; cursor: pointer; white-space: normal; transition: 0.4s ease-in-out;}
.main-vban-wrap .vb-swiper .swiper-slide .im {flex-basis: 60%; flex-shrink: 0; margin-right: auto; text-align: right;}
.main-vban-wrap .vb-swiper .swiper-slide .im img {width: 100%; border-radius: 8px;}

.swiper-indicator {display: flex; align-items: center; flex-direction: row; gap: 8px; position: relative;}
.text-center {text-align: center !important;}
.swiper-indicator.text-center {justify-content: center;}
.main-vban-wrap .swiper-indicator {padding-bottom: 32px;}

.swiper-pagination {position: relative; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10;}
.swiper-indicator .swiper-pagination {top: auto; bottom: auto; width: auto;}
.main-vban-wrap .swiper-pagination {border: 1px solid #cdd1d5;}

.swiper-pagination .swiper-pagination-bullet {width: 18px; height: 18px; opacity: 1; cursor: pointer; background: none; position: relative;}
.swiper-pagination .swiper-pagination-bullet:before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 10px; background-color: #6d7882; border-radius: 50%;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {width: 20px; border-radius: 1000px; background-color: #256ef4;}
.swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction) {display: flex; align-items: center; justify-content: center; flex-direction: row; height: 40px; padding: 12px; border-radius: 100px; background-color: #fff;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;}
.swiper-indicator {display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 8px;}
.main-vban-wrap .swiper-pagination, .main-vban-wrap [class^=swiper-button-] {border: 1px solid #cdd1d5;}

.main-vban-wrap .vb-swiper .swiper-indicator .swiper-button-prev,
.main-vban-wrap .vb-swiper .swiper-indicator .swiper-button-next {width: 40px; height: 40px;}
.main-vban-wrap .vb-swiper .swiper-button-prev:after,
.main-vban-wrap .vb-swiper .swiper-button-next:after {width: 24px; height: 24px;}

.main-sect {margin-top: 64px;}
.main-sect:last-child:not(.bg) {padding-bottom: 64px;}
.main-sect .inner {display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: 24px;}
.main-box-responsive {display: grid; grid-template-columns: 1fr 410px; gap: 24px;}
.main-box-responsive.half {grid-template-columns: 1fr 1fr;}
.main-box-responsive > div {display: flex; align-items: normal; justify-content: flex-start; flex-direction: column;}

.main-tit-wrap {display: flex; align-items: center; justify-content: center; flex-direction: row; gap: 16px;}
.main-tit-wrap .tit {font-size: 24px; letter-spacing: 1px; font-weight: 700;}
.main-box-responsive .in {height: 100%; padding: 32px; border-radius: 12px; background-color: #eef2e7;}
.main-box-responsive .in.outline {display: flex; flex-direction: column; gap: 24px; border: 1px solid #b1b8be; background-color: #fff;}

.mods-tab-area {display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 32px; width: 100%;}
.main-sect .mods-tab-area {gap: 24px;}
.tab-conts-wrap {width: 100%;}
.tab-conts {display: none;}
.tab-conts.active {display: flex; align-items: normal; justify-content: flex-start; flex-direction: column;}
.main-sect .news-tbl-list {display: flex; align-items: normal; justify-content: flex-start; flex-direction: column; gap: 16px; margin-bottom: 16px;}
.main-sect .news-tbl-list li {display: flex; align-items: center; justify-content: space-between; flex-direction: row; padding: 4px 0; gap: 16px;}
.main-sect .news-tbl-list li .tit {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.main-sect .news-tbl-list li a {display: flex; align-items: center; width: 100%; gap: 4px;}
.main-sect .news-tbl-list li span {flex-shrink: 0;}
.main-sect .news-tbl-list li .date {color: #464c53;}
.ac {text-align: center !important;}
.more-btn {display: inline-block; align-items: center; width: auto; border:1px solid #ddd; transition: 0.4s ease-in-out; cursor: pointer; border-radius: 2px; font-size: 17px; font-weight: 400; height: auto; white-space: normal; padding: 2px;}
.more-btn.text {border-color: #ffffff00; background-color: #ffffff00; color: #1d1d1d;}
.more-btn.text .svg-icon {margin-bottom: -4px; display: inline-block; margin-left: 2px; width: 20px; height: 20px; transition: 0.4s ease-in-out;}
.svg-icon.ico-plus {background-image: url(../images/common/ico_plus.svg);}

.sns {display: flex; gap: 14px; margin-left: 8px;}
.sns > a .snslogo {width: 42px; height: 42px; z-index: 10; background-color: #fff; border: 1px solid #b1b8be; border-radius: 1000px; display: flex; align-items: center; justify-content: center;}
.sns > a .snslogo.blog {background: url(../images/common/ico_sns_blog_color.svg) no-repeat center center / 30px 30px;}
.sns > a .snslogo.facebook {background: url(../images/common/ico_sns_facebook_color.svg) no-repeat center center / 30px 30px;}
.sns > a .snslogo.instagram {background: url(../images/common/ico_sns_instagram_color.svg) no-repeat center center / 30px 30px;}
.sns > a .snslogo.youtube {background: url(../images/common/ico_sns_youtube_color.svg) no-repeat center center / 30px 30px;}
.sns > a .snslogo.x {background: url(../images/common/ico_sns_x.svg) no-repeat center center / 28px 28px;}

@media (max-width: 1023px) {

    .main-vban-wrap .vb-swiper .swiper-slide .text .tit {font-size: 24px;}
    .main-vban-wrap .vb-swiper .swiper-slide .text .txt {font-size: 19px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

    .main-sect .news-tbl-list {gap: 2px;}
    .main-sect .news-tbl-list li {flex-direction: column; align-items: flex-start; gap: 4px; padding: 4px 0;}

}

@media (min-width: 768px) {

    .main-vban-wrap .vb-swiper {padding: 0;}
    .main-vban-wrap .vb-swiper .swiper-button-prev,
    .main-vban-wrap .vb-swiper .swiper-button-next {width: 64px; height: 64px;}
    
}

@media (max-width: 767px) {

    .main-vban-wrap .vb-swiper {padding: 40px 0;}
    .main-vban-wrap .vb-swiper .swiper-slide {height: auto; padding: 0 10px;}
    .main-vban-wrap .vb-swiper .swiper-slide .in {flex-direction: column; justify-content: flex-start; align-items: normal; padding-top: 0; gap: 40px;}
    .main-vban-wrap .vb-swiper .swiper-slide .text {flex: 0; padding-top: 0; gap: 20px;}
    .main-vban-wrap .vb-swiper .swiper-slide .im {width: 100%; text-align: right; margin-bottom: 10px;}

    .main-vban-wrap .swiper-indicator {margin-top: 20px; padding: 0;}

    .main-sect {margin-top: 48px;}
    .main-sect .inner {gap: 20px;}
    .main-box-responsive.half {grid-template-columns: 100%; gap: 32px;}
    .main-tit-wrap .tit {font-size: 24px;}
    .main-box-responsive .in.outline {gap: 16px;}
    .main-sect .krds-tab-area {gap: 24px;}
    .main-sect .tab-conts.active {gap: 2px;}
    .main-sect .news-tbl-list {gap: 8px; margin-bottom: 0;}

    .main-sect:last-child:not(.bg) {padding-bottom: 40px;}
    .main-tit-wrap.sns_tit {display: flex; flex-direction: column;}

}

@media (max-width: 480px) {

    .main-urgent-wrap .krds-check-area.end {margin-top: 4px;}

}