/* Main 콘텐츠 관련 CSS 작성 */
.main-visual-section {height: 100vh; padding: 0!important;}
.main-visual-slider {height: 100%;}
.main-visual-slider .swiper-container {height: 100%; overflow: hidden;}
.main-visual-slide {}
.main-visual-slide img {object-fit: cover; object-position: center; height: 100%; width: 100%;}

.main-visual-ctr {display: flex; align-items: center; justify-content: center; gap: 0 18px; position: absolute; bottom: 8vh; left: 50%; transform: translateX(-50%); z-index: 1;}
.main-visual-timer {height: 4px; width: 340px; border-radius: 50px; background-color: rgba(255,255,255,0.5); transition: .3s; position: relative; overflow: hidden;}
.main-visual-timer .bar {position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: var(--white-color);}
.main-visual-ctr-btns {display: flex; align-items: center; gap: 0 10px;}
.main-visual-ctr-btns button {background-color: transparent; display: flex; align-items: center; justify-content: center; border: none; width: 20px; aspect-ratio: 1 / 1; color: var(--white-color); font-size: 18px; font-weight: 500; transition: .3s;}
.main-visual-ctr-btns button:hover {color: var(--main-color);}
.main-visual-ctr-btns .pause i:first-child {display: none;}
.main-visual-ctr-btns .pause.play i:first-child {display: block;}
.main-visual-ctr-btns .pause.play i:last-child {display: none;}

.main-visual-paging {display: flex; gap: 0 4px; background-color: rgba(255,255,255,0.8); border-radius: 40px; width: 50px; align-items: center; justify-content: center;}
.main-visual-paging p {font-size: 14px; font-weight: 400; color: var(--black-color);}
.main-visual-paging span {color: var(--color-61); font-size: 13px;}
.main-visual-paging p.cur {color: var(--main-color); font-weight: 700;}

.main-float-layout {display: flex; align-items: center; gap: 0 20px; position: absolute; top: 50%; right: -370px; z-index: 2; transform: translateY(-50%); transition: .8s;}
.main-float-btn {display: flex; align-items: center; justify-content: center; width: 32px; height: 104px; border-radius: 50px; background-color: var(--main-color); border: none; color: var(--white-color); font-size: 20px; transition: .3s;}
.main-float-btn i {transition: .5s; transition-delay: .3s; transform: rotate(180deg);}
.main-float-btn:hover {background-color: var(--main-color)!important;}

.main-float-content {max-width: 438px; transition: .8s; opacity: 0; visibility: hidden; transition-delay: .2s;}
.main-float-content .float-box {background-color: rgba(255,255,255,0.6); border-radius: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.main-float-content .float-box ~ .float-box {margin-top: 30px;}
.main-float-content .float-box-head {display: flex; align-items: flex-start; padding-bottom: 30px; justify-content: space-between;}
.main-float-content .float-box-head .title {font-weight: 600; font-size: 22px; color: var(--black-color);}
.main-float-content .float-box-head .more-btn {width: 28px; aspect-ratio: 1 / 1; display: flex;  align-content: space-between; justify-content: space-between; flex-wrap: wrap; transition: .3s;}
.main-float-content .float-box-head .more-btn:hover {transform: rotate(90deg);}
.main-float-content .float-box-head .more-btn span {display: inline-block; width: 11px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #83B6FF; transition: .3s;}
.main-float-content .float-box-head .more-btn span.is-active {background-color: var(--main-color);}
.main-float-content .float-box-body {}
.main-float-content .float-box.briefing {padding: 36px 40px;}
.main-briefing-list {}
.main-briefing-link {display: flex; flex-direction: column; padding: 12px 0 17px; border-bottom: 1px solid var(--color-cd);}
.main-briefing-link:last-child {border-bottom: none;}
.main-briefing-link.empty {width: 100%; align-items: center; justify-content: center; padding: 30px 10px; font-weight: 500; font-size: 14px; border-top: 1px solid var(--color-cd); border-bottom: 1px solid var(--color-cd); width: 358px; max-width: 100%; color: var(--black-color);}
.main-briefing-link .title {font-family: 'A2Z'; font-weight: 500; font-size: 18px; color: var(--black-color); line-height: 1.77; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s; display: block; transition: .3s;}
.main-briefing-link .title::before {content: '• ';}
.main-briefing-link .date {font-weight: 400; font-size: 16px; color: var(--color-76); line-height: 1; margin-top: 8px;}
.main-briefing-link:hover .title {color: var(--main-color);}

.main-quick-list {display: flex; position: relative;}
.main-quick-list .glider {position: absolute; width: 33.33%; aspect-ratio: 1 / 1; z-index: 1; background-color: var(--main-color); border-radius: 30px; transition: 0.25s ease-out; opacity: 0;}
.main-quick-list:hover .glider {opacity: 1;}
.main-quick-link {width: 33.33%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; aspect-ratio: 1 / 1; position: relative; z-index: 2;}
.main-quick-link:nth-child(1):hover ~ .glider {transform: translateX(0);}
.main-quick-link:nth-child(2):hover ~ .glider {transform: translateX(100%);}
.main-quick-link:nth-child(3):hover ~ .glider {transform: translateX(200%);}
/* .main-quick-link::before {content: ''; width: 0; height: 0; border-radius: 30px; background-color: var(--main-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s;} */
.main-quick-link > * {position: relative; z-index: 1;}
.main-quick-link .icon {width: 50px; aspect-ratio: 1 / 1; font-size: 0; transition: .3s;}
.main-quick-link .icon img {transition: .3s;}
.main-quick-link .t {font-family: 'A2Z'; font-weight: 400; font-size: 18px; line-height: 1.5; margin-top: 10px; color: var(--black-color); transition: .3s;}

.main-quick-link:hover::before {width: 100%; height: 100%; opacity: 1;}
.main-quick-link:hover img {filter: brightness(0) invert(1);}
.main-quick-link:hover .t {color: var(--white-color);}

.main-float-layout.is-active {right: calc((100vw - 1756px) / 2);}
.main-float-layout.is-active .main-float-content {opacity: 1; visibility: visible;}
.main-float-layout.is-active .main-float-btn {background-color: rgba(0,0,0,0.3);}
.main-float-layout.is-active .main-float-btn i {transform: rotate(0);}

.main-section {padding-top: 100px; position: relative;}
.main-section-head {position: relative;}
.main-section-title {text-align: center;}
.main-section-title .t1 {font-weight: 300; font-size: 50px; color: var(--black-color);}
.main-section-title .t1 b {font-weight: 700;}
.main-section-title .t2 {font-weight: 400; font-size: 18px; color: var(--color-61); line-height: 1; margin-top: 10px;}
.main-section-head .more-btn {display: flex; align-items: center; position: absolute; gap: 0 10px; color: var(--black-color); top: 20px; right: 0; z-index: 1; font-weight: 500; transition: .3s;}
.main-section-head .more-btn span {font-weight: 700; font-size: 18px;}
.main-section-head .more-btn:hover {color: var(--main-color);}

.main-section-head.jcsb {display: flex; justify-content: space-between;}
.main-section-head.jcsb .main-section-title {display: flex; align-items: flex-end; gap: 0 25px;}
.main-section-head.jcsb .main-section-title .t1 {line-height: 1;}
.main-section-head.jcsb .more-btn {position: static;}

.white .main-section-title .t1 {color: var(--white-color);}
.white .main-section-title .t2 {color: rgba(255,255,255,0.8);}
.main-section-head.white .more-btn {color: var(--white-color);}

.main-section-body {padding-top: 50px;}

.main-news-section {}
.main-news-section::before {content: ''; width: 100%; height: 65%; position: absolute; top: 0; left: 0; background: #0053CC; background: linear-gradient(180deg,rgba(0, 83, 204, 0.2) 0%, rgba(255, 255, 255, 1) 100%);}
.main-news-list {width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto auto auto; grid-gap: 45px;}
.main-news-card {}
.main-news-card[data-area="a"], .main-news-card[data-area="b"] {grid-row: 1 / span 2;}
.main-news-card[data-area="c"], .main-news-card[data-area="d"] {grid-row: 1 / span 1;}
.main-news-card[data-area="e"], .main-news-card[data-area="f"] {grid-row: 3 / span 1;}
.main-news-card[data-area="g"], .main-news-card[data-area="h"] {grid-row: 2 / span 2;}
.main-news-link {display: block; position: relative; width: 100%; border-radius: 15px; overflow: hidden; transition: .3s;}
.main-news-thumb {font-size: 0;}
.type-01 .main-news-thumb {aspect-ratio: 1 / 1;}
.type-02 .main-news-thumb {aspect-ratio: 135 / 71;}
.main-news-thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: .5s;}
.main-news-title {position: absolute; bottom: 0; left: 0; display: flex; align-items: center; padding: 0 30px 26px; width: 100%; color: var(--white-color); height: 0; align-items: flex-end; background: #2264C6; background: linear-gradient(0deg,rgba(34, 100, 198, 1) 0%, rgba(255, 255, 255, 0) 100%); transition: .5s; opacity: 0; visibility: hidden;}
.main-news-title span {font-weight: 600; font-size: 22px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.main-news-title i {font-size: 26px; font-weight: 500; transition: .3s; height: 33px;}

.main-news-link:hover {box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.main-news-link:hover .main-news-title {height: 60%; opacity: 1; visibility: visible;}
.main-news-link:hover .main-news-title i {transform: rotate(-45deg);}
.main-news-link:hover img {transform: scale(1.05);}

.main-video-content {display: flex; align-items: stretch; border-radius: 100px 0 0 0; overflow: hidden; padding-bottom: 80px; background-color: #072248;}
.main-video-left {width: 71%;}
.main-video-right {width: 29%; padding: 100px 0 0; padding-right: 80px; padding-left: 60px;}
.main-video-card {display: flex; flex-direction: column;}
.main-video-card ~ .main-video-card {margin-top: 50px;}
.main-video-thumb {font-size: 0; position: relative; border-radius: 6px; overflow: hidden; position: relative; height: 0; padding-bottom: 51.66%;}
/* .main-video-thumb::before {content: '\f00a'; font-family: 'remixicon' !important; width: 60px; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--black-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: var(--white-color); font-size: 30px; transition: .5s;} */
.main-video-thumb img {transition: .5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main-video-thumb iframe, .main-video-thumb video {transition: .5s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main-video-title {color: var(--white-color); display: flex; align-items: center; line-height: 1; margin-top: 30px; font-size: 22px; transition: .3s;}
.main-video-title span {font-family: 'A2Z'; font-weight: 500; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px;}
.main-video-title i {transition: .5s;}

.main-video-list {padding-right: 60px; overflow-y: auto; height: 100%;}
.main-video-list::-webkit-scrollbar {width: 4px; height: 4px;}
.main-video-list::-webkit-scrollbar-track {background-color: rgba(255,255,255,.3); border-radius: 100px;}
.main-video-list::-webkit-scrollbar-thumb {background-color: var(--white-color);}
.main-video-list::-webkit-scrollbar-button {display: none;}
.main-video-list::-webkit-scrollbar-track,
.main-video-list::-webkit-scrollbar-thumb {border-radius: 10px; overflow: hidden;}
.big-card .main-video-thumb {border-radius: 0; padding-bottom: 63.658%;}
.big-card .main-video-thumb::before {width: 92px; font-size: 60px;}
.big-card .main-video-thumb::after {content: ''; width: 100%; height: 40%; left: 0; bottom: 0; position: absolute; background: #072248; background: linear-gradient(180deg,rgba(7, 34, 72, 0) 0%, rgba(7, 34, 72, 1) 100%);}
.big-card .main-video-title {padding-left: calc((100vw - 1756px) / 2); font-size: 30px; line-height: normal;}

.main-video-card:hover {}
.main-video-card:hover .main-video-thumb img {transform: translate(-50%, -50%) scale(1.05);}
.main-video-card:hover .main-video-thumb::before {background-color: var(--main-color);}
.main-video-card:hover .main-video-title i {transform: rotate(-45deg);}

.main-record-section {display: flex; align-items: flex-start; padding: 180px 0; padding-left: calc((100vw - 1756px) / 2); background: url('../img/main-record-section-bg.png') no-repeat center/cover;}
.main-record-section .main-section-title {text-align: left;}
.main-record-section .main-section-head .more-btn {position: static; margin-top: 54px;}
.main-record-section .main-section-head {width: 434px;}
.main-record-section .main-section-body {width: calc(100% - 434px);}

.main-possibility-section {background: url('../img/main-possibility-section-bg.png') no-repeat center/cover; padding: 110px 0 130px;}

.main-possibility {display: flex; align-items: flex-start;}
.main-possibility > * {width: 50%;}
.main-possibility-thumb-slider {padding-right: 100px;}
.main-possibility-thumb-slider .swiper-container {width: 560px; margin-left: auto;}
.main-possibility-thumb-slide {width: 560px; aspect-ratio: 1 / 1; font-size: 0; border-radius: 30px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.25);}
.main-possibility-content-slider {width: 50%; padding-left: 50px; display: flex; flex-direction: column; gap: 50px;}
.main-possibility-content-slide {font-family: 'A2Z'; opacity: 0!important;}
.main-possibility-content-slide.swiper-slide-active {opacity: 1!important;}
.main-possibility-content-slide .promise {display: flex; align-items: center; font-weight: 400; font-size: 17px; color: var(--main-color); gap: 0 10px; margin-bottom: 20px;}
.main-possibility-content-slide .promise .bar {display: flex; width: 100px; height: 1px; background-color: var(--main-color);}
.main-possibility-content-slide .promise::after {content: attr(data-num); font-weight: 400; font-size: 17px; color: var(--main-color);}
.main-possibility-content-slide .title {font-weight: 700; font-size: 30px; color: var(--black-color); line-height: 1.35; margin-bottom: 19px;}
.main-possibility-content-slide .promise-ul {}
.main-possibility-content-slide .promise-li {font-weight: 400; font-size: 18px; color: var(--color-61);}
.main-possibility-content-slide .promise-li ~ .promise-li {margin-top: 5px;}
.main-possibility-content-slide .promise-li::before {content: '• ';}
.main-possibility-content-slide .more-btn {display: flex; align-items: center; justify-content: space-between; width: 140px; height: 52px; border-radius: 50px; background-color: var(--main-color); font-weight: 400; font-size: 16px; color: var(--white-color); padding-left: 20px; padding-right: 15px; transition: .3s; margin-top: 24px;}
.main-possibility-content-slide .more-btn i {font-size: 20px; transition: .3s;}
.main-possibility-content-slide .more-btn:hover {width: 150px; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.main-possibility-content-slide .more-btn:hover i {transform: rotate(-45deg); transition-delay: .1s;}
.main-possibility-content-img {display: none;}

.main-possibility-ctr {display: flex; align-items: center; gap: 0 20px;}
.main-possibility-ctr-btns {display: flex; align-items: center; gap: 0 10px;}
.main-possibility-ctr-btns button {display: flex; align-items: center; justify-content: center; width: 50px; aspect-ratio: 1 / 1; border-radius: 50%; border: 1px solid var(--color-c8); background-color: var(--white-color); font-size: 24px; transition: .3s;}
.main-possibility-ctr-btns button:not(:disabled):hover {background-color: var(--main-color); border-color: var(--main-color); color: var(--white-color);}
.main-possibility-paging {display: flex; align-items: center; gap: 0 5px; font-weight: 500; font-size: 16px; color: var(--color-61);}
.main-possibility-paging p {width: 12px; text-align: center;}
.main-possibility-paging .cur {color: var(--main-color); font-weight: 700;}
.main-possibility-img-paging {display: flex; align-items: center; gap: 0 20px;}
.main-possibility-img-page {font-size: 0; display: block; border-radius: 6px; cursor: pointer; width: 80px; aspect-ratio: 1 / 1; overflow: hidden; height: auto!important; margin: 0!important; transition: .3s; opacity: 0.5;}
.main-possibility-img-page.swiper-pagination-bullet-active {opacity: 1;}

.main-possibility-thumb-slider.is-before .swiper-slide {}

/* 취임사 없음으로 임시 취임사 생길 경우 해당 코드 삭제 { */
/* .main-quick-link {width: 50%; aspect-ratio: 1 / 0.7;}
.main-quick-list .glider {width: 50%; aspect-ratio: 1 / 0.7;} */
/* } 취임사 없음으로 임시 취임사 생길 경우 해당 코드 삭제 */

/* 2026-07-02 메인 충남의 흐름 영상 1개 수정 { */
/* .main-video-left {width: 100%;}
.main-video-right {display: none;}
.big-card .main-video-thumb {padding-bottom: 38%;} */
/* } 2026-07-02 메인 충남의 흐름 영상 1개 수정 */

/* 2026-07-20 메인 영상 영역 레이아웃 수정 { */
.main-video-content {height: 100vh; padding-bottom: 0; align-items: stretch;}
.main-video-left {width: 71%; max-height: 95%;}
.main-video-thumb {height: auto; padding-bottom: 0; aspect-ratio: 1.618 / 1;}
.big-card {height: 100%;}
.big-card .main-video-thumb {width: min(100%, calc((100vh - 36px) * 1.618)); height: auto; max-height: calc(100vh - 36px); padding-bottom: 0; aspect-ratio: 1.618 / 1;}
.big-card .main-video-title {height: 36px; margin-top: 0; flex-shrink: 0; padding: 0; width: calc(100% - 80px);}
.main-video-bottom {display: flex; align-items: center; justify-content: space-between; padding-left: calc((100vw - 1756px) / 2);}
.main-video-ctr-btns {display: flex; align-items: center; gap: 0 10px;}
.main-video-ctr-btns button {background-color: transparent; border: none; color: var(--white-color); font-size: 28px;}
.main-video-ctr-btns button i:last-child {display: none;}
.main-video-ctr-btns button.is-active i:first-child {display: none;}
.main-video-ctr-btns button.is-active i:last-child {display: block;}

.main-video-right {width: 29%; height: 100%; padding: 0;}
.main-video-list {padding-right: 0; padding: 55px 0;}
.main-video-select-btn {border: none; background-color: transparent; padding: 30px 80px 0 40px; transition: .3s;}
.main-video-select-content {display: flex; align-items: center; padding-bottom: 30px; border-bottom: 1px solid var(--color-cd); transition: .3s;}
.main-video-select-thumb {width: 180px; border-radius: 6px; font-size: 0; overflow: hidden; aspect-ratio: 180 / 90;}
.main-video-select-thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main-video-select-title {font-weight: 500; font-size: 18px; color: var(--white-color); line-height: 1.5; width: calc(100% - 180px); padding-left: 20px; text-align: left; white-space: normal; overflow: hidden; max-height: 3em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.main-video-select-btn:hover {background-color: rgba(255,255,255,0.1);}
.main-video-select-btn.is-active {background-color: rgba(255,255,255,0.1);}
/* } 2026-07-20 메인 영상 영역 레이아웃 수정 */

/* 2026-07-29 메인 영상 영역 레이아웃 수정 { */
.main-video-list {--mv-list-pad-y: 2.5vh;--mv-item-pad-y: 1.2vh;--mv-thumb-h: min(8vh, calc((100vh - (var(--mv-list-pad-y) * 2) - (var(--mv-item-pad-y) * 12)) / 6));height: 100%;padding: var(--mv-list-pad-y) 0;overflow-y: hidden;display: flex;flex-direction: column;}
.main-video-select-btn {flex: 1 1 0; min-height: 0; padding: 30px 40px 0 40px; padding-top: var(--mv-item-pad-y); display: flex; align-items: stretch;}
.main-video-select-content {flex: 1; width: 100%; display: flex; align-items: center; padding-bottom: var(--mv-item-pad-y); box-sizing: border-box;}
.main-video-select-thumb {width: auto; height: var(--mv-thumb-h); aspect-ratio: 2 / 1; flex-shrink: 0;}
.main-video-select-title {width: calc(100% - (var(--mv-thumb-h) * 2)); word-break: break-all; font-size: 16px;}
.main-video-bottom {padding-right: 10px;}
/* } 2026-07-29 메인 영상 영역 레이아웃 수정 */

/* 2026-07-30 메인 충남의 책임 수정 { */
.main-possibility-img-text {position: absolute; top: 0; left: 0; width: 100%; padding: 42px 50px 0; z-index: 1;}
.main-possibility-img-text p {font-family: 'A2Z'; font-weight: 500; font-size: 23px; color: #FFFFFF; line-height: 1.7;}
.main-possibility-img-text p span {font-weight: 600; color: #FFD765;}

.main-possibility-content-img {position: relative;}
/* } 2026-07-30 메인 충남의 책임 수정 */

/* ====================  반응형 ==================== */
@media screen and (max-width:1800px) {
  .main-float-layout {gap: 0 10px;}
  .main-float-layout.is-active {right: 1.5rem;}
  .main-float-content {max-width: 380px;}
  .main-float-content .float-box {border-radius: 10px;}
  .main-float-content .float-box ~ .float-box {margin-top: 10px;}
  .main-float-content .float-box.briefing {padding: 30px;}
  .main-float-content .float-box-head {padding-bottom: 10px;}
  .main-briefing-link {padding: 10px 0;}
  .main-briefing-link .title {font-size: 16px;}
  .main-briefing-link .date {font-size: 14px; margin-top: 4px;}
  .main-quick-link .icon {width: 40px;}
  .main-quick-link .t {font-size: 16px; margin-top: 4px;}
  .main-quick-list .glider {border-radius: 10px;}

  .main-visual-ctr {bottom: 1.5rem;}

  .main-news-list {gap: 20px;}
  .main-news-title {padding: 0 20px 20px;}

  .main-video-content {border-radius: 50px 0 0 0;}
  .big-card .main-video-title {padding-left: 1.5rem;}

  .main-possibility {align-items: center;}
  .main-possibility-thumb-slider {padding-right: 3rem;}
  .main-possibility-thumb-slider .swiper-container {width: 500px;}
  .main-possibility-thumb-slide {width: 500px;}
  .main-possibility-content-slider {gap: 30px; padding-left: 1.5rem;}

  .main-video-content {height: 100vh;}
}
@media screen and (max-width:1440px) {
  .main-section {padding-top: 60px;}
  .main-section-head.jcsb .main-section-title {gap: 0 10px;}
  .main-section-body {padding-top: 30px;}
  .main-section-title .t1 {font-size: 38px;}
  .main-section-title .t2 {font-size: 16px;}
  .main-section-head .more-btn {top: inherit; bottom: 0;}

  .main-video-content {padding-bottom: 50px;}
  .main-video-card ~ .main-video-card {margin-top: 30px;}
  .main-video-title {font-size: 18px; margin-top: 10px;}
  .big-card .main-video-title {font-size: 24px;}

  .main-possibility-section {padding: 60px 0;}
  .main-possibility-thumb-slider {padding: 0 2rem;}
  .main-possibility-thumb-slider .swiper-container {width: 100%;}
  .main-possibility-thumb-slide {width: 90%; border-radius: 10px;}

  .main-possibility-content-slide .promise {margin-bottom: 10px; font-size: 15px;}
  .main-possibility-content-slide .promise::after {font-size: 15px;}
  .main-possibility-content-slide .title {font-size: 24px; margin-bottom: 14px;}
  .main-possibility-content-slide .promise-li {font-size: 16px;}
  .main-possibility-content-slide .more-btn {font-size: 14px; height: 42px; width: 120px; margin-top: 16px;}
  .main-possibility-ctr-btns button {width: 40px;}

  .main-possibility-img-paging {display: none;}

  .main-video-select-btn {padding: 20px; padding-bottom: 0;}
  .main-video-select-content {padding-bottom: 20px;}
  .main-video-select-title {padding-left: 10px; font-size: 16px;}

  .main-video-left {max-height: 100%;}
  .main-video-select-title {font-size: 14px;}

  .main-possibility-img-text {padding: 30px 30px 0;}
  .main-possibility-img-text p {font-size: 20px; line-height: 1.5;}
  .main-possibility-img-text p br {display: none;}

}
@media screen and (max-width:1024px) {
  .main-section-title .t1 {font-size: 30px;}
  .main-section-head .more-btn span {font-size: 16px;}

  .main-news-list {grid-template-columns:repeat(2, 1fr); grid-template-rows: auto;}
  .main-news-card {}
  .main-news-card[data-area="a"] {grid-row: 1 / span 2; grid-column: 1;}
  .main-news-card[data-area="c"] {grid-row: 1 / span 1; grid-column: 2;}
  .main-news-card[data-area="b"] {grid-row: 2 / span 2; grid-column: 2;}
  .main-news-card[data-area="d"] {grid-row: 3 / span 1; grid-column: 1;}
  .main-news-card[data-area="g"] {grid-row: 4 / span 2; grid-column: 2;}
  .main-news-card[data-area="e"] {grid-row: 4 / span 1; grid-column: 1;}
  .main-news-card[data-area="h"] {grid-row: 5 / span 2; grid-column: 1;}
  .main-news-card[data-area="f"] {grid-row: 6 / span 1; grid-column: 2;}
  .main-news-link {border-radius: 10px;}
  /* .main-news-title {height: 40%; opacity: 1; visibility: visible;} */
  .main-news-title span {font-size: 16px;}
  .main-news-title i {font-size: 16px; height: auto;}

  .main-video-content {flex-direction: column; border-radius: 0;}
  .main-video-left {width: 100%;}
  .main-video-right {width: 100%; height: auto!important; padding: 1.5rem;}
  .main-video-list {padding-right: 0; padding-bottom: 20px; display: flex; align-items: flex-start; overflow: hidden; overflow-x: auto;}
  .main-video-card ~ .main-video-card {margin-top: 0; margin-left: 1.5rem;}
  .main-video-right .main-video-card {width: 35%;}
  .main-video-thumb::before {width: 40px; font-size: 20px;}
  .main-video-title {font-size: 16px;}

  .big-card .main-video-title {font-size: 20px; padding: 0 1.5rem; line-height: 1.4;}
  .big-card .main-video-thumb::before {width: 70px; font-size: 30px;}

  .main-possibility {flex-direction: column;}
  .main-possibility > * {width: 100%;}
  .main-possibility-thumb-slider {display: none;}
  .main-possibility-content-slide {position: relative; padding-left: calc(330px + 20px);}
  .main-possibility-content-img {display: block; position: absolute; top: 0; left: 0; width: 330px; border-radius: 10px; overflow: hidden; font-size: 0;}
  .main-possibility-content-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
  .main-possibility-content-slider {gap: 50px; padding: 0;}
  .main-possibility-content-slide .title {font-size: 22px;}
  .main-possibility-ctr {justify-content: center;}
  .main-possibility-ctr-btns {gap: 0 5px;}
  .main-possibility-ctr-btns button {font-size: 20px; width: 34px;}
  .main-possibility-paging {font-size: 15px;}
  .main-possibility-content-slide .more-btn {font-size: 13px; height: 34px; padding-left: 16px; padding-right: 11px;}
  .main-possibility-content-slide .more-btn i {font-size: 18px;}

  .big-card .main-video-title {padding: 0; width: calc(100% - 70px);}
  .main-video-bottom {padding: 0 1.5rem;}
  .main-video-list {padding: 0;}
  .main-video-ctr-btns button {font-size: 24px;}

  .main-video-select-content {flex-direction: column; border-bottom: none;}
  .main-video-select-thumb {}
  .main-video-select-title {width: 100%; padding-left: 0; margin-top: 10px;}
  .main-video-content {padding-bottom: 0;}

  .main-video-content {height: auto;}
  .main-video-list {flex-direction: row; overflow-x: auto; overflow-y: hidden; height: auto;}
  .main-video-select-btn {flex: 0 0 auto; min-height: auto; width: 35%; height: auto;}
  .main-video-select-content {flex: none; height: auto;}
  .main-video-select-thumb {width: 100%; height: auto;}

  .main-possibility-img-text {padding: 20px 25px 0;}
  .main-possibility-img-text p {font-size: 18px;}
}
@media screen and (max-width:768px) {
  .main-visual-section {height: auto;}
  .main-visual-slider {position: relative; font-size: 0;}
  .main-visual-ctr {bottom: 1rem; padding: 0 1rem; width: 100%; gap: 0 10px;}
  .main-visual-paging p {font-size: 12px;}
  .main-visual-paging span {font-size: 11px;}
  .main-visual-timer {width: calc(100% - 98px);}
  .main-visual-slide {position: relative; padding-bottom: 62%; height: 0;}
  .main-visual-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

  .main-float-layout {position: static; transform: none; padding: 40px 1rem;}
  .main-float-content {opacity: 1; visibility: visible;}
  .main-float-btn {display: none;}
  .main-float-content {width: 100%; max-width: 100%; display: flex; align-items: stretch; gap: 10px;}
  .main-float-content .float-box {box-shadow: none; border: 1px solid var(--color-ccc);}
  .main-float-content .float-box ~ .float-box {margin: 0;}
  .main-float-content .float-box.briefing {width: 80%;}
  .main-float-content .float-box.quick {width: 20%;}
  .main-float-content .float-box.quick .float-box-body {height: 100%;}
  .main-float-content .float-box-head .title {font-size: 18px;}
  .main-float-content .float-box-head .more-btn {width: 24px;}
  .main-float-content .float-box-head .more-btn span {width: 10px;}
  .main-briefing-link .title {font-size: 14px;}
  .main-briefing-link .date {font-size: 13px;}
  .main-briefing-link.empty {width: 100%; padding: 60px 10px;}

  .main-quick-list {flex-direction: column; width: 100%; height: 100%;}
  .main-quick-list .glider {aspect-ratio: auto; width: 100%; height: 33.33%;}
  .main-quick-link {aspect-ratio: auto; width: 100%; height: 33.33%;}
  .main-quick-link .icon {width: 34px;}
  .main-quick-link .t {font-size: 14px;}
  .main-quick-link:nth-child(1):hover ~ .glider {transform: translateY(0);}
  .main-quick-link:nth-child(2):hover ~ .glider {transform: translateY(100%);}
  .main-quick-link:nth-child(3):hover ~ .glider {transform: translateY(200%);}

  .main-section {padding-top: 40px;}
  .main-section-title .t1 {font-size: 24px;}
  .main-section-title .t2 {font-size: 14px; margin-top: 6px;}
  .main-section-head {display: flex; align-items: flex-end; justify-content: space-between;}
  .main-section-title {text-align: left;}
  .main-section-head .more-btn {position: static;}
  .main-section-head .more-btn span {font-size: 14px;}
  .main-section-body {padding-top: 20px;}

  .main-news-list {gap: 15px;}
  .main-news-title {padding: 1rem; padding-top: 0;}
  .main-news-link:hover .main-news-title{height: 40%;}

  .main-video-content {padding-bottom: 40px;}
  .big-card .main-video-title {font-size: 18px; padding: 0 1rem;}
  .main-video-card ~ .main-video-card {margin-left: 1rem;}
  .main-video-right {padding: 1.5rem 1rem;}
  .main-video-list {padding-bottom: 10px;}

  .main-possibility-section {padding: 40px 0;}
  .main-possibility-content-slider {gap: 20px;}
  .main-possibility-content-slide {padding-left: 48%;}
  .main-possibility-content-img {width: 45%;}
  .main-possibility-content-slide .promise {font-size: 12px; gap: 0 5px;}
  .main-possibility-content-slide .promise .bar {width: 30px;}
  .main-possibility-content-slide .promise::after {font-size: 12px;}
  .main-possibility-content-slide .title {font-size: 18px; word-break: break-all;}
  .main-possibility-content-slide .promise-li {font-size: 13px;}
  .main-possibility-content-slide .more-btn {width: 100%; font-size: 12px; border-radius: 2px;}
  .main-possibility-content-slide .more-btn:hover {width: 100%;}
  .main-possibility-ctr-btns button {width: 30px; font-size: 18px;}
  
  /* 취임사 없음으로 임시 취임사 생길 경우 해당 코드 삭제 { */
  /* .main-quick-link {height: 50%;}
  .main-quick-list .glider {height: 50%;} */
  /* } 취임사 없음으로 임시 취임사 생길 경우 해당 코드 삭제 */

  .main-video-content {padding-bottom: 0;}
  .big-card .main-video-title {padding: 0;}
  .main-video-bottom {padding: 0 1rem;}
  .main-video-select-title {font-size: 14px; margin-top: 6px;}

  .main-video-select-btn {width: 240px; padding: 10px;}

  .main-possibility-content-slide {padding-left: 0;}
  .main-possibility-content-img {position: static; width: 100%; margin-bottom: 20px; aspect-ratio: 2.5 / 1;}

}
@media screen and (max-width:425px) {
  .main-visual-slide {padding-bottom: 70%;}

  .main-float-content {flex-direction: column;}
  .main-float-content .float-box.briefing {padding: 20px; width: 100%;}
  .main-briefing-link .title {font-size: 13px;}
  .main-float-content .float-box.quick {width: 100%; overflow: hidden;}
  .main-float-content .float-box-head {padding-bottom: 4px;}
  .main-quick-list {height: auto; flex-direction: row;}
  .main-quick-link {height: auto; padding: 10px;}
  .main-quick-link .icon {width: 30px;}
  .main-quick-link .t {font-size: 13px;}
  .main-quick-list:hover .glider {display: none;}
  .main-quick-link:hover {background-color: var(--main-color);}

  .main-briefing-link.empty {width: 100%; padding: 30px 10px; font-size: 13px;}

  .main-section-title .t1 {font-size: 22px;}
  .main-section-title .t2 {font-size: 13px;}
  .main-section-head .more-btn {gap: 0 5px;}
  .main-section-head .more-btn span {font-size: 13px;}
  .main-section-head.jcsb .main-section-title {flex-direction: column; align-items: flex-start;}

  .main-news-list {gap: 10px;}
  .big-card .main-video-title {font-size: 16px;}
  .big-card .main-video-thumb::before {width: 50px; font-size: 24px;}
  .main-video-right .main-video-card {width: 45%;}
  .main-video-title {font-size: 15px;}

  .main-possibility-content-slide {padding-left: 0;}
  .main-possibility-content-img {position: static; width: 100%; margin-bottom: 20px;}

  .main-possibility-ctr {gap: 0 10px;}
  .main-possibility-paging {font-size: 13px; gap: 0 2px;}
  .main-possibility-paging p {width: 10px;}
  .main-possibility-content-slide .more-btn {width: 100px; padding: 0 10px;}
  .main-possibility-content-slide .more-btn:hover {width: 100px;}

  .main-visual-ctr-btns {gap: 0 5px;}
  .main-visual-ctr-btns button {width: 16px;}

  .main-video-ctr-btns button {font-size: 20px;}
  .main-video-select-content {padding-bottom: 0;}
  .main-video-select-btn {width: 200px;}
  .main-video-select-title {font-size: 13px;}

  .main-possibility-content-img {aspect-ratio: 1 / 1;}
  .main-possibility-img-text {padding: 16px; padding-bottom: 0;}
  .main-possibility-img-text p {font-size: 16px;}
}