#main {padding-top: 80px;}

.main-title {position: relative;}
.main-title .t1 {font-family: var(--font-sub1); font-size: 50px; font-weight: 700; color: var(--clr-black2); line-height: normal;}
.main-title .c1 {color: var(--clr-main);}
.main-title .cw {color: var(--clr-white);}

.main-visual {}
.main-visual-slider {position: relative;}
.main-visual-slider .swiper-container {overflow: hidden;}
.main-visual-slider .swiper-wrapper {}
.main-visual-slider .swiper-slide {}
.main-visual-slider .slide-inner {position: relative; width: 100%; height: calc(100vh - 80px);}
.main-visual-slider .slide-imgbox {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.main-visual-slider .slide-imgbox img {width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.main-visual-slider .slide-txtbox {position: relative; z-index: 2; height: auto; padding-top: 7%; text-align: left;}
.main-visual-slider .slide-txtbox .t1 {font-size: 50px; font-weight: 300; color: var(--clr-white); line-height: 1.35; font-family: var(--font-sub1);}
.main-visual-slider .slide-txtbox .t1 b {font-weight: 700;}
.main-visual-slider .slide-txtbox .t1 strong {font-size: 62px; font-weight: 700;}
.main-visual-slider .slide-txtbox .t2 {font-size: 20px; font-weight: 300; color: var(--clr-white); line-height: 135%; letter-spacing: normal; margin-top: 40px;}

.main-visual-slider .ctrl {position: absolute; left: 0; top: 62%; width: 100%; z-index: 30;}
.main-visual-slider .ctrl .inner {display: flex; align-items: center; justify-content: flex-start; gap: 0;}

.main-visual-slider .page-wrap {display: flex; flex-flow: row wrap; align-items: center;}
.main-visual-slider .bar {font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, 0.6); line-height: 1;}
.main-visual-slider .page {font-size: 18px; font-weight: 700; color: rgba(255, 255, 255, 0.6); line-height: 1;}
.main-visual-slider .page.current {margin-right: 10px; font-weight: 700; color: #ffffff;}
.main-visual-slider .page.total {margin-left: 10px;}

.main-visual-slider .arrow {width: 24px; height: 24px; border: 0; font-size: 0; background: none;}
.main-visual-slider .arrow.prev {margin-right: 20px; background: url("../img/icon-prev_w.png") no-repeat center/8px auto;}
.main-visual-slider .arrow.next {margin-left: 20px; background: url("../img/icon-next_w.png") no-repeat center/8px auto;}

.main-visual-slider .btn-wrap {margin: 0 19px 0 7px;}
.main-visual-slider .pp_btn {display: block; position: relative; width: 24px; height: 24px; border: 0; font-size: 0; background: none; text-align: center; font-size: 0;}
.main-visual-slider .pp_btn.pause {background: url("../img/icon-pause_w.png") no-repeat center/12px auto;}
.main-visual-slider .pp_btn.play {display: none; background: url("../img/icon-play_w.png") no-repeat center/12px auto;}
.main-visual-slider .pp_btn img {vertical-align: middle;}
.main-visual-slider .pp_btn.play img {width: 16px;}

.main-visual-slider .timer-wrap {position: relative; width: 243px; height: 3px; background-color: rgba(255, 255, 255, 0.2);}
.main-visual-slider .timer {position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #ffffff;}

.main-sec.section6 {margin-top: 110px;}
.main-media-wrap {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 44px; margin-top: 20px;}
.main-youtube, .main-sns {width: calc(50% - 22px);}

.main-media-btns {position: absolute; top: 0; right: 0;}
.main-media-btns .media-links {display: flex; flex-wrap: wrap; align-items: center; gap: 20px;}
.main-media-btns .media-links a {display: inline-block;}
.main-media-btns .media-links a i {font-size: 0;}

.media-links a.instagram {width: 48px; height: 48px; background-image: url(../img/icon-instagram.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.media-links a.facebook {width: 48px; height: 48px; background-image: url(../img/icon-facebook.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.media-links a.youtube {width: 48px; height: 48px; background-image: url(../img/icon-youtube.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.media-links a.naver-blog {width: 48px; height: 48px; background-image: url(../img/icon-blog.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.media-links a.twitter {width: 48px; height: 48px; background-image: url(../img/icon-twitter.png); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}

.main-youtube-slider {position: relative;}
.main-youtube-slider .swiper-container {overflow: hidden;}
.main-youtube-slider .ctrl {position: absolute; top: 0; right: 0; z-index: 1;}
.main-youtube-slider .ctrl .inner {display: flex; align-items: center; justify-content: center;}
.main-youtube-slider .ctrl .pagination {width: auto; margin-right: 5px; line-height: 1;}
.main-youtube-slider .ctrl .pagination .swiper-pagination-bullet {width: 10px; height: 10px; background: var(--clr-gray); opacity: 1;}
.main-youtube-slider .ctrl .pagination .swiper-pagination-bullet-active {background: var(--clr-main);}
.main-youtube-slider .ctrl .arrow {width: 24px; height: 24px; border: 0; font-size: 0; background: none;}
.main-youtube-slider .ctrl .arrow.prev {background: url("../img/icon-prev.png") no-repeat center/8px auto;}
.main-youtube-slider .ctrl .arrow.next {background: url("../img/icon-next.png") no-repeat center/8px auto;}
.main-youtube-slider .ctrl .pp_btn {display: block; position: relative; width: 24px; height: 24px; border: 0; font-size: 0; background: none; text-align: center; font-size: 0;}
.main-youtube-slider .ctrl .pp_btn.pause {background: url("../img/icon-pause.png") no-repeat center/12px auto;}
.main-youtube-slider .ctrl .pp_btn.play {display: none; background: url("../img/icon-play.png") no-repeat center/12px auto;}
.main-youtube-slider .ctrl .pp_btn img {vertical-align: middle;}
.main-youtube-slider .ctrl .pp_btn.play img {width: 16px;}

.main-youtube-slider .youtube-subj {max-width: calc(100% - 110px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px; font-size: 20px; font-weight: 700; color: var(--clr-black2);}
.main-youtube-slider .youtube-box {overflow: hidden; position: relative; height: 0; padding-bottom: 47.25%; border-radius: 20px;}
.main-youtube-slider .youtube-box iframe {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}

.main-sns {display: flex; flex-direction: row; flex-wrap: wrap; gap: 44px;}
.main-sns-feed {overflow: hidden; width: calc(50% - 22px); border-radius: 20px; font-size: 0; position: relative;}
.main-sns-feed::after {content: ''; position: absolute; top: 10px; right: 10px; width: 52px; height: 52px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 999px;}
.main-sns-feed.instagram::after {background-image: url(../img/icon-instagram.png);}
.main-sns-feed.facebook::after {background-image: url(../img/icon-facebook.png);}
.main-sns-feed.youtube::after {background-image: url(../img/icon-youtube.png);}
.main-sns-feed.naver-blog::after {background-image: url(../img/icon-blog.png);}
.main-sns-feed.twitter::after {background-image: url(../img/icon-twitter.png);}

.main-sns-feed a {display: block; height: 0; position: relative; padding-bottom: 100%;}
.main-sns-feed img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.main-sec.section7 {margin-top: 120px;}
.main-programs-wrap {min-height: 690px; position: relative; margin-top: 50px; }
.main-programs-item {}
.main-programs-tab {width: calc(46% - 50px); display: inline-block; padding-right: 50px;}
.main-programs-item .program-tab {display: block; text-align: left; width: 100%; height: 94px; padding: 10px 30px; font-size: 28px; border: none; border-bottom: 1px solid var(--clr-gray); background-color: var(--clr-white); color: var(--clr-gray3);}
.main-programs-item.on .program-tab {background-color: var(--clr-main); color: var(--clr-white); border-radius: 20px 0 20px 0; border-bottom: none;}

.main-programs-slider {width: 54%; padding: 0 20px; position: absolute; top: 0; right: 0; display: none; opacity: 0; visibility: hidden;}
.main-programs-item.on .main-programs-slider {display: inline-block; opacity: 1; visibility: visible;}

.main-programs-slider .btn-plus {position: absolute; bottom: calc(100% + 19px + 50px); right: 0;}

.main-programs-slider .swiper-container {overflow: hidden;}
.main-programs-slider .swiper-slide .img-box {width: 100%; height: 0; position: relative; padding-bottom: 54.168%; overflow: hidden; border-radius: 20px;}
.main-programs-slider .swiper-slide img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main-programs-slider .swiper-slide .txt-box .t1 {font-size: 28px; font-weight: 700; line-height: normal; margin-top: 30px;}
.main-programs-slider .swiper-slide .txt-box .t2 {font-size: 18px; font-weight: 500; line-height: 150%; margin-top: 20px;}

.main-programs-slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content:'';}
.main-programs-slider .swiper-button-prev, .main-programs-slider .swiper-button-next {top: 36%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 999px; background:rgba(0,0,0,0.5); font-size: 0; margin-top: 0;}
.main-programs-slider .swiper-button-prev {right: calc(100% - 30px); left: unset;}
.main-programs-slider .swiper-button-next {right: unset; left: calc(100% - 30px);}
.main-programs-slider .swiper-button-prev::after {width: 23px; height: 23px; background: url(../img/icon-prev_w.png) no-repeat 5px / 10px;}
.main-programs-slider .swiper-button-next::after {width: 23px; height: 23px; background: url(../img/icon-next_w.png) no-repeat 9px / 10px;}

.main-programs-slider .page-control {width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 35px;}
.main-programs-slider .swiper-pagination-bullets.swiper-pagination-horizontal {width: unset; max-width: calc(100% - 6px - 18px);}
.main-programs-slider .swiper-pagination {position: static;}
.main-programs-slider .swiper-pagination-bullet {width: 10px; height: 10px; background-color: var(--clr-gray); opacity: 1;}
.main-programs-slider .swiper-pagination-bullet-active {background-color: var(--clr-main);}
.program-autoplay-control-btn {display: block; cursor: pointer; width: 18px; height: 18px; background-image: url(../img/icon-pause.png); background-repeat: no-repeat; background-position: center; background-size: 12px; background-color: transparent; border: none;}
.program-autoplay-control-btn.play {background-image: url(../img/icon-play.png);}

.main-sec.section8 {margin-top: 120px;}
.main-sec.section8 .main-title {text-align: center;}
.main-about-card-wrap {margin: 45px auto 0; display: flex; align-items: start; justify-content: center; gap: 65px;}
.main-about-card {display: block; border: 1px solid var(--clr-gray); color: va(--clr-black2); width: 380px; border-radius: 30px 0 30px 0; padding: 56px 50px; margin-top: 50px;}
.main-about-card:nth-child(even) {margin-top: 0; border-color: var(--clr-main); background-color: var(--clr-main); color: var(--clr-white);}
.main-about-card-inner {height: 100%; display: flex; flex-direction: column; align-items: center; gap: 30px;}
.main-about-card .icon {display: block; width: 89px; height: 90px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main-about-card:nth-child(1) .icon {background-image: url(../img/icon-about1.png);}
.main-about-card:nth-child(2) .icon {background-image: url(../img/icon-about2.png);}
.main-about-card:nth-child(3) .icon {background-image: url(../img/icon-about3.png);}
.main-about-card .title {text-align: center; font-size: 28px; font-weight: 700; line-height: normal;}
.main-about-card .desc {font-size: 18px; font-weight: 500; line-height: 150%;}

.main-sec.section9 {margin-top: 120px;}
.main-sec.section9 .main-title {position: relative; text-align: center; margin-bottom: 45px;}
.main-sec.section9 .btn-plus {position: absolute; right: 0; top: calc(50% - 21px / 2);}

.main-news-wrap {display: flex; gap: 70px; flex-wrap: wrap;}
.main-news-item {width: calc((100% - 70px * 3) / 4); padding: 24px 0; border-top: 1px solid var(--clr-black2);}
.main-news-item-inner {display: flex; flex-direction: column;}

.main-news-item .title {font-size: 24px; font-weight: 700; color: var(--clr-black2);}
.main-news-item:hover .title {text-decoration: underline;}
.main-news-item .desc {font-size: 18px; font-weight: 500; color: var(--clr-gray4); margin-top: 30px;}
.main-news-item .date {font-size: 16px; font-weight: 400; color: var(--clr-gray4); margin-top: 24px;}

.main-sec.section10 {margin-top: 60px;}
.main-sec.section10 .inner{padding: 100px 0 200px; background: url(../img/main-earth-bg.png) no-repeat top center / 1300px;}
.main-sec.section10 .main-title .t1 {text-align: center; font-size: 60px; line-height: 135%; word-break: keep-all; font-family: 'pretendard';}

/* 2025-12-29 멀티팝업 추가 { */
.multi-popup-wrap {background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; max-height: 100vh; z-index: 999; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.multi-popup-slider {position: relative; max-width: 100%; width: calc(400px * 3 + 20px * 2);}
.multi-popup-slider .page-wrap {text-align: center; color: var(--clr-white); margin-top: 20px;}
.multi-popup-slider .arrow {position: absolute; top: calc(50% - 17px); width: 34px; height: 34px; border: 0; font-size: 0; background: none;}
.multi-popup-slider.is-disabled .arrow {display: none;}
.multi-popup-slider .arrow.prev {background: url("../img/icon-prev_w.png") no-repeat center/18px auto; /* right: calc(100% + 20px); */ left: calc((100% - 1240px) / 2 - 68px)}
.multi-popup-slider .arrow.next {background: url("../img/icon-next_w.png") no-repeat center/18px auto; /* left: calc(100% + 20px); */ right: calc((100% - 1240px) / 2 - 68px)}

.multi-popup-slider .swiper-container {font-size: 0; overflow: hidden;}
.multi-popup-slider .swiper-wrapper {display: inline-flex; min-width: 100%;}
.multi-popup-slider.is-disabled .swiper-wrapper {justify-content: center;}

.multi-popup-slider .swiper-slide {display: block; overflow: hidden; width: 400px; height: 485px; border-radius: 10px; margin-right: 20px;}
.multi-popup-slider .swiper-slide:last-child {margin-right: 0;}
.multi-popup-slider .swiper-slide .slide-inner {width: 100%; height: 100%; display: block;}
.multi-popup-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}

.multi-popup-btn-wrap {margin-top: 40px; display: flex; gap: 10px; justify-content: center;}
.multi-popup-btn {padding: 10px 20px; border-radius: 5px; border: 1px solid var(--clr-main); background-color: var(--clr-main); color: var(--clr-white); transition: .3s;}
.multi-popup-btn:hover {background-color: var(--clr-white); color: var(--clr-main)}
/* } 2025-12-29 멀티팝업 추가 */

/* ===  response === */
@media screen and (max-width: 1700px){
  
} /* End */

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

  #main {padding-top: 65px;}

  .main-title .t1 {font-size: 42px;}
  .main-visual-slider .slide-inner {height: calc(100vh - 65px);}

  .main-media-wrap {gap: 33px;}
  .main-youtube, .main-sns {width: calc(50% - 17px);}

  .main-sns {gap: 33px;}
  .main-sns-feed {width: calc(50% - 22px);}

  .main-programs-tab br {display: none;}

  .main-news-wrap {gap: 50px;}
  .main-news-item {width: calc((100% - 50px * 3) / 4);}

  .main-sec.section10 .inner{padding: 80px 0 180px;}
  .main-sec.section10 .main-title .t1 br {display: none;}
  
} /* End */

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

  .main-title .t1 {font-size: 36px;}
  
  .main-visual-slider .slide-txtbox .t1 {font-size: 36px;}
  .main-visual-slider .slide-txtbox .t1 strong {font-size: 52px;}
  .main-visual-slider .slide-txtbox .t2 {font-size: 18px;}

  .main-visual-slider .bar {font-size: 14px;}
  .main-visual-slider .page {font-size: 16px;}

  .main-visual-slider .arrow {width: 20px; height: 20px;}
  .main-visual-slider .arrow.prev {margin-right: 16px; background-size: 7px;}
  .main-visual-slider .arrow.next {margin-left: 16px; background-size: 7px;}

  .main-visual-slider .pp_btn {width: 20px; height: 20px;}
  .main-visual-slider .pp_btn.pause {background-size: 11px;}
  .main-visual-slider .pp_btn.play {background-size: 11px;}

  .main-media-wrap {gap: 22px; margin-top: 18px;}
  .main-youtube, .main-sns {width: calc(50% - 11px);}
  .main-youtube-slider .youtube-subj {margin-bottom: 12px; font-size: 18px;}

  .main-sns {gap: 22px;}
  .main-sns-feed {width: calc(50% - 11px);}

  .main-sec.section6, .main-sec.section7, .main-sec.section8, .main-sec.section9 {margin-top: 90px;}

  .main-programs-wrap {min-height: 515px; margin-top: 30px; padding-bottom: clamp(10px, 4vw, 50px); box-sizing: content-box;}
  .main-programs-tab {width: calc(50% - 20px); padding-right: 20px;}
  .main-programs-item .program-tab {height: 84px; font-size: 24px;}

  .main-programs-slider {width: 50%;}
  .main-programs-slider .btn-plus {position: absolute; bottom: calc(100% + 19px + 18px); right: 0;}

  .main-programs-slider .swiper-slide .txt-box .t1 {font-size: 24px; margin-top: 20px;}
  .main-programs-slider .swiper-slide .txt-box .t2 {margin-top: 10px;}

  .main-programs-slider .swiper-button-prev::after {background-position: 4px;}
  .main-programs-slider .swiper-button-next::after {background-position: 10px;}

  .main-programs-slider .page-control {margin-top: 25px;}

  .main-about-card-wrap {gap: 40px;}

  .main-news-wrap {gap: 35px;}
  .main-news-item {width: calc((100% - 35px * 3) / 4);}

  .main-news-item .title {font-size: 22px;}
  .main-news-item .desc {margin-top: 20px;}
  .main-news-item .date {margin-top: 15px;}

  .main-sec.section10 .inner{padding: 65px 0 160px; background-size: 100%;}
  .main-sec.section10 .main-title .t1 {font-size: 50px;}

  /* 2025-12-29 멀티팝업 추가 { */
  .multi-popup-slider .arrow.prev {left: calc((100% - 840px) / 2 - 68px)}
  .multi-popup-slider .arrow.next {right: calc((100% - 840px) / 2 - 68px)}
  .multi-popup-slider {width: calc(400px * 2 + 20px);}
  /* } 2025-12-29 멀티팝업 추가 */

} /* End */

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

  #main {padding-top: 55px;}

  .main-title .t1 {font-size: 30px;}

  .main-visual-slider .slide-inner {height: calc(100vh - 55px);}
  .main-visual-slider .slide-txtbox .t1 {font-size: 30px;}
  .main-visual-slider .slide-txtbox .t1 strong {font-size: 44px;}

  .main-visual-slider .bar {font-size: 13px;}
  .main-visual-slider .page {font-size: 14px;}
  .main-visual-slider .page.current {margin-right: 8px;}
  .main-visual-slider .page.total {margin-left: 8px;}

  .main-visual-slider .arrow {width: 16px; height: 16px;}
  .main-visual-slider .arrow.prev {margin-right: 11px;}
  .main-visual-slider .arrow.next {margin-left: 11px;}

  .main-visual-slider .btn-wrap {margin: 0 12px 0 5px;}
  .main-visual-slider .pp_btn {width: 16px; height: 16px;}
  .main-visual-slider .pp_btn.pause {background-size: 11px;}
  .main-visual-slider .pp_btn.play {background-size: 11px;}
  .main-visual-slider .pp_btn.play img {width: 11px;}

  .main-visual-slider .timer-wrap {position: relative; width: 203px;}

  .main-sec.section6, .main-sec.section7, .main-sec.section8, .main-sec.section9 {margin-top: 75px;}

  .main-media-wrap {gap: 12px;}

  .main-media-btns .media-links {gap: 15px;}

  .media-links a.instagram {width: 35px; height: 35px;}
  .media-links a.facebook {width: 35px; height: 35px;}
  .media-links a.youtube {width: 35px; height: 35px;}
  .media-links a.naver-blog {width: 35px; height: 35px;}
  .media-links a.twitter {width: 35px; height: 35px;}

  .main-youtube-slider .ctrl .pagination .swiper-pagination-bullet {width: 8px; height: 8px;}

  .main-youtube, .main-sns {width: calc(50% - 6px);}
  .main-youtube-slider .youtube-subj {font-size: 16px;}

  .main-sns {gap: 12px;}
  .main-sns-feed {width: calc(50% - 6px);}
  .main-sns-feed::after {width: 42px; height: 42px;}

  .main-programs-wrap {min-height: 460px;}
  .main-programs-item .program-tab {height: 74px; padding: 10px 20px; font-size: 20px;}

  .main-programs-slider .swiper-slide .txt-box .t1 {font-size: 22px;}
  .main-programs-slider .swiper-slide .txt-box .t2 {font-size: 16px;}

  .main-programs-slider .swiper-button-prev, .main-programs-slider .swiper-button-next {top: 28%; width: 36px; height: 36px;}
  .main-programs-slider .swiper-button-prev {right: calc(100% - 20px);}
  .main-programs-slider .swiper-button-next {left: calc(100% - 20px);}
  .main-programs-slider .swiper-button-prev::after {width: 15px; height: 15px; background-position: 3px; background-size: 8px;}
  .main-programs-slider .swiper-button-next::after {width: 15px; height: 15px; background-position: 4px; background-size: 8px;}

  .main-programs-slider .page-control {margin-top: 20px;}
  .main-programs-slider .swiper-pagination-bullet {width: 8px; height: 8px;}

  .main-about-card-wrap {margin: 30px auto 0; gap: 20px;}
  .main-about-card {width: calc((100% - 20px * 2) / 3); border-radius: 20px 0 20px 0; padding: 35px;}
  .main-about-card-inner {gap: 20px;}
  .main-about-card .icon {width: 60px; height: 60px;}
  .main-about-card .title {font-size: 24px;}
  .main-about-card .desc {font-size: 18px;}
  .main-about-card .desc br {display: none;}

  .main-news-wrap {gap: 20px;}
  .main-news-item {width: calc((100% - 20px * 3) / 4);}

  .main-news-item .title {font-size: 20px;}
  .main-news-item .desc {margin-top: 15px;}
  .main-news-item .date {margin-top: 10px;}

  .main-sec.section10 .inner{padding: 50px 0 140px;}
  .main-sec.section10 .main-title .t1 {font-size: 45px;}

  /* 2025-12-29 멀티팝업 추가 { */
  .multi-popup-slider .arrow.prev {left: calc((100% - 640px) / 2 - 50px)}
  .multi-popup-slider .arrow.next {right: calc((100% - 640px) / 2 - 50px)}
  .multi-popup-slider {width: calc(300px * 2 + 20px);}
  .multi-popup-slider .swiper-slide {width: 300px; height: 364px;}
  /* } 2025-12-29 멀티팝업 추가 */
} /* End */

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

  #main {padding-top: 50px;}

  .main-title .t1 {font-size: 26px;}

  .main-visual-slider .slide-inner {height: calc(100vh - 50px);}
  .main-visual-slider .slide-txtbox .t2 {font-size: 16px;}

  .main-youtube, .main-sns {width: 100%;}

  .main-sec.section6, .main-sec.section7, .main-sec.section8, .main-sec.section9 {margin-top: 60px;}

  .main-programs-wrap {min-height: 360px; padding-bottom: clamp(10px, 7vw, 70px);}
  .main-programs-item .program-tab {height: 64px; padding: 10px 15px; font-size: 18px;}
  .main-programs-item.on .program-tab {border-radius: 10px 0 10px 0;}

  .main-programs-slider .swiper-slide .img-box {border-radius: 10px;}
  .main-programs-slider .swiper-slide .txt-box .t1 {font-size: 18px;}
  .main-programs-slider .swiper-slide .txt-box .t2 {font-size: 16px;}

  .main-programs-slider .page-control {margin-top: 15px;}

  .main-about-card {padding: 25px; margin-top: 35px;}
  .main-about-card .title {font-size: 22px;}
  .main-about-card .desc {font-size: 15px;}

  .main-news-item {width: calc((100% - 20px * 1) / 2); padding: 18px 5px;}

  .main-news-item .title {font-size: 18px;}

  .main-sec.section10 {margin-top: 40px;}
  .main-sec.section10 .inner{padding: 40px 0 100px;}
  .main-sec.section10 .main-title .t1 {font-size: 36px;}

} /* End */

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

  .main-title .t1 {font-size: 24px;}

  .main-visual-slider .ctrl {top: unset; bottom: 10%;}
  .main-visual-slider .slide-txtbox .t1 {font-size: 24px;}
  .main-visual-slider .slide-txtbox .t1 strong {font-size: 36px;}
  .main-visual-slider .slide-txtbox .t2 br {display: none;}

  .main-media-btns {top: -13px;}
  .main-youtube-slider .youtube-box {border-radius: 10px;}
  .main-sns-feed {border-radius: 10px;}

  .main-sec.section6, .main-sec.section7, .main-sec.section8, .main-sec.section9 {margin-top: 40px;}
    
  .main-programs-wrap {margin-top: 10px; min-height: 295px; padding-bottom: clamp(365px, 70vw, 520px);}
  .main-programs-tab {width: 100%; padding-right: 0;}
  .main-programs-item .program-tab {height: 55px; font-size: 16px;}

  .main-programs-slider {width: 100%; top: 295px; left: 0; padding: 0 20px;}

  .main-programs-slider .swiper-button-prev, .main-programs-slider .swiper-button-next {top: 36%;}
  .main-programs-slider .swiper-button-prev {right: calc(100% - 36px);}
  .main-programs-slider .swiper-button-next {left: calc(100% - 36px);}

  .main-programs-slider .swiper-slide .txt-box .t1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px;}
  .main-programs-slider .swiper-slide .txt-box .t2 {font-size: 14px; margin-top: 5px;}

  .main-programs-slider .btn-plus {bottom: calc(100% + 295px + 10px + 15px / 2);}

  .main-about-card-wrap {margin: 25px auto 0; flex-direction: column; gap: 15px;}
  .main-about-card {width: 100%; margin-top: 0; padding: 20px; border-radius: 15px 0 15px 0;}
  .main-about-card-inner {flex-wrap: wrap; flex-direction: row; gap: 10px;}
  .main-about-card .icon {width: 30px; height: 30px;}
  .main-about-card .title {max-width: calc(100% - 30px - 10px); font-size: 20px;}
  .main-about-card .desc {width: 100%; font-size: 14px;}

  .main-sec.section9 .main-title {margin-bottom: 25px;}
  .main-news-wrap {gap: 5px;}
  .main-news-item {width: 100%;}
  .main-news-item:not(:first-child) {border-top-color: var(--clr-gray);}

  .main-news-item .title {font-size: 16px;}
  .main-news-item .desc {font-size: 15px; margin-top: 5px;}
  .main-news-item .date {font-size: 13px; margin-top: 5px;}

  .main-sec.section10 .inner{padding: 40px 0 80px; background-size: cover;}
  .main-sec.section10 .main-title .t1 {font-size: 26px;}

  /* 2025-12-29 멀티팝업 추가 { */
  .multi-popup-slider .arrow.prev {left: calc((100% - 300px) / 2 - 50px)}
  .multi-popup-slider .arrow.next {right: calc((100% - 300px) / 2 - 50px)}
  .multi-popup-slider {width: 300px;}
  .multi-popup-slider .page-wrap {margin-top: 10px; font-size: 14px;}
  .multi-popup-btn-wrap {margin-top: 20px;}
  .multi-popup-btn {padding: 8px 15px; font-size: 14px;}
  /* } 2025-12-29 멀티팝업 추가 */

} /* End */

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

  .main-title .t1 {font-size: 20px;}

  .main-visual-slider .slide-txtbox {padding-top: 15%;}
  .main-visual-slider .slide-txtbox .t1 {font-size: 20px;}
  .main-visual-slider .slide-txtbox .t1 strong {font-size: 28px;}
  .main-visual-slider .slide-txtbox .t2 {margin-top: 15px; font-size: 14px;}
  
  .main-visual-slider .ctrl {top: unset; bottom: 10%;}
  .main-visual-slider .ctrl .inner {flex-wrap: wrap;}
  .main-visual-slider .timer-wrap {margin-top: 20px; width: 100%;}

  .main-sns {flex-direction: column;}
  .main-sns-feed {width: 100%;}

  .main-media-btns {top: -10px;}
  .main-media-btns .media-links {gap: 10px;}

  .media-links a.instagram {width: 30px; height: 30px;}
  .media-links a.facebook {width: 30px; height: 30px;}
  .media-links a.youtube {width: 30px; height: 30px;}
  .media-links a.naver-blog {width: 30px; height: 30px;}
  .media-links a.twitter {width: 30px; height: 30px;}

  .main-programs-wrap {min-height: 270px;}
  .main-programs-item .program-tab {height: 50px; font-size: 14px;}
  .main-programs-slider {top: 270px;}

  .main-programs-slider {padding: 0 10px;}

  .main-programs-slider .btn-plus {bottom: calc(100% + 270px + 10px + 15px / 2);}

  .main-programs-slider .swiper-button-prev, .main-programs-slider .swiper-button-next {top: 26%; width: 30px; height: 30px;}
  .main-programs-slider .swiper-button-prev {right: calc(100% - 30px);}
  .main-programs-slider .swiper-button-next {left: calc(100% - 30px);}
  .main-programs-slider .swiper-button-prev::after {width: 12px; height: 12px; background-size: 6px; background-position: 2px;}
  .main-programs-slider .swiper-button-next::after {width: 12px; height: 12px; background-size: 6px;}

  .main-programs-wrap {padding-bottom: clamp(300px, 85vw, 378px);}
  
  .main-sec.section10 {margin-top: 30px;}
  .main-sec.section10 .inner{padding: 30px 0 50px;}
  .main-sec.section10 .main-title .t1 {font-size: 22px;}

  /* 2025-12-29 멀티팝업 추가 { */
  .multi-popup-slider .arrow.prev {left: calc((100% - 200px) / 2 - 50px)}
  .multi-popup-slider .arrow.next {right: calc((100% - 200px) / 2 - 50px)}
  .multi-popup-slider {width: 200px;}
  .multi-popup-slider .swiper-slide {width: 200px; height: 242.5px;}
  /* } 2025-12-29 멀티팝업 추가 */
  
} /* End */