/*공용*/
.inner {width:1500px;margin:0 auto;}
.tit-zone p.stxt {color:#269C7D; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem;padding-left:0.65rem;position:relative;opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s ease;}
.tit-zone p.stxt:before{content:'';position:absolute;width:0.4rem;height:0.4rem;background:#FABE00;left:0;top:0;}
.tit-zone h3{color: #333; font-size: 2.15rem; font-weight: 700; line-height: 3rem; margin-top:0.75rem;opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease, transform 0.8s ease; transition-delay: 0.25s;} 


.animated .tit-zone p.stxt {opacity: 1; transform: translateY(0);}
.animated .tit-zone h3 {opacity: 1; transform: translateY(0);}

@media screen and (max-width: 1500px) {
	.inner {width:100%;padding:0 1rem;}
}
@media screen and (max-width: 767px) {
	.tit-zone h3 {font-size:23px;line-height:35px;}
}


.visual {}
.visual .main-visual  { height:calc(100vh - 9.05rem);margin:0 2.5rem; position: relative; border-radius: 1.25rem; overflow: hidden;}
.visual .main-visual  .swiper { height: 100%; }
.visual .main-visual  .swiper-slide { position: relative;  height: 100%; background-color: #f8f8f8 ;}
.visual .main-visual  .swiper-slide .img { position: absolute; width:100%; height: 100%; left:0; bottom:0; transform: scale(1.1);}
.visual .main-visual  .swiper-slide .img > * { height: 100%; width:100%; object-fit: cover;}
.visual .main-visual  .swiper-slide.img_fixed .img{display: flex; align-items: center; justify-content: center;}
.visual .main-visual  .swiper-slide.img_fixed .img img{width: auto; height: auto; object-fit: contain;}
.visual .main-visual  .swiper-slide .txt-box { position: absolute; left:calc((100% - 1500px) / 2);bottom:7.7rem; z-index:2; color:#fff;  }
.visual .main-visual  .swiper-slide .txt-box .tit { color: #FFF; text-shadow: 0 8px 20px rgba(0, 0, 0, 0.50); font-size: 3rem; font-weight: 800; line-height: 3.75rem; letter-spacing: -0.2rem; margin-bottom: 1.75rem; transform: translateY(8rem); opacity:0; font-weight:700; }
.visual .main-visual  .swiper-slide .txt-box .txt {color: #FFF; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); font-size: 1rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.005rem; transform: translateY(8rem); opacity:0; }
.visual .main-visual  .swiper-slide .txt-box .lb { display: flex; transform: translateY(8rem); opacity:0; margin-bottom: 0.75rem;}
.visual .main-visual  .swiper-slide .txt-box .lb p { padding: 0 1rem;line-height: 1.9rem;  color: #FFF; font-size: 0.9rem; font-weight: 600; letter-spacing: -0.0045rem;border-radius: 0.4rem; background:#269C7D;}


.visual .main-visual  .swiper-slide .txt-box .btns { transform: translateY(8rem); opacity:0;}
.visual .main-visual  .swiper-slide .txt-box .btn-main-more  { border-color:#fff;}
.visual .main-visual  .swiper-slide .txt-box .btn-main-more svg circle { fill:#fff; }
.visual .main-visual  .swiper-slide .txt-box .btn-main-more svg path { fill:var(--black); }
.visual .main-visual  .swiper-slide.swiper-slide-active .img { transform: unset; transition: all 2s ease;}
.visual .main-visual  .swiper-slide.swiper-slide-active .txt-box .lb { transform: unset; opacity:1; transition: all 1s ease; transition-delay:0; }
.visual .main-visual  .swiper-slide.swiper-slide-active .txt-box .tit { transform: unset; opacity:1; transition: all 1s ease; transition-delay: 0.2s;}
.visual .main-visual  .swiper-slide.swiper-slide-active .txt-box .txt { transform: unset; opacity:1; transition: all 1.2s ease;transition-delay: 0.5s}
.visual .main-visual  .swiper-slide.swiper-slide-active .txt-box .btns { transform: unset; opacity:1; transition: all 1.4s ease;transition-delay: 0.7s}
.visual .main-visual  .controls {  position: absolute; left:calc((100% - 1500px) / 2); bottom:23.35rem; z-index:2; }
.visual .main-visual  .controls .cin { display: flex; align-items: center; }
.visual .main-visual  .controls .cin .paging { display: flex; gap:0.5rem; align-items: center; }
.visual .main-visual  .controls .cin .paging .num1,
.visual .main-visual  .controls .cin .paging .num2{font-size:16px; font-weight:700; color:#fff;color: #FFF; font-family: 'Roboto'; font-size: 0.8rem; font-weight: 700; line-height: 0.8rem; letter-spacing: -0.004rem;}
.visual .main-visual  .controls .cin .paging .bar { width:3.95rem; height:2px; background-color: rgba(255,255,255,0.3); position: relative;}
.visual .main-visual  .controls .cin .paging .bar em { position: absolute; left:0; top:0; width:0; height:100%; background-color: #fff; }
.visual .main-visual  .controls .swiper-pagination { position: static; width:auto; }
.visual .main-visual  .controls .play-stop { width:1rem; height: 1rem; display: flex; align-items: center; justify-content: center; margin-left: 0.5rem}
.visual .main-visual  .controls .play-stop .play { display: none;}
.visual .main-visual  .controls .play-stop.active .play { display: block;}
.visual .main-visual  .controls .play-stop.active .stop { display: none;}

.main-quick {margin:0 2.5rem;margin-top:2.5rem;border-radius: 2.5rem; background: #269C7D;padding:0 8rem;}
.main-quick ul {display:flex;}
.main-quick ul li {flex:1;text-align:center;}
.main-quick ul li a{line-height:4rem;display:flex;align-items:center;color: #FFF; font-size: 0.95rem; font-weight: 600;justify-content: center; }
.main-quick ul li a img { width: 1.75rem; margin-right: 0.5rem; transition: transform 0.25s ease; /* 부드럽게 */ }

.main-quick ul li a:hover img { transform: scale(1.25); /* 15% 확대 */ }


.visual .main-visual .swiper-slide .txt-box .tit p span{ display: inline-block; transform: rotateY(90deg); perspective: 1000px; opacity: 0; will-change: transform, opacity; }
.visual .main-visual .swiper-slide.swiper-slide-active .txt-box .tit p span{ animation: flip 1.3s forwards;}

@keyframes flip{
	0%{ transform: rotateY(90deg); opacity: 0; }
	100%{ transform: rotateY(0deg); opacity: 1; }
}
@media (max-width:1600px){
	.visual .main-visual {margin:0 1rem;}
	.visual .main-visual .swiper-slide .txt-box{left:1rem;}
	.visual .main-visual .controls{left:1rem;}
	.main-quick{margin:0 1rem;margin-top:2.5rem;padding:0 1rem;}
	
}
@media (max-width:767px){
	.main-quick{border-radius:1rem;}
	.main-quick ul li a { flex-direction:column; line-height:inherit;padding:15px 0.5rem 13px;height:100%;font-size:14px;}
	.main-quick ul li:first-child a{padding-left:0;}
	.main-quick ul li:last-child a{padding-right:0;}
	.main-quick ul li a { justify-content: flex-start;}
	.main-quick ul li a img{margin-right:0;margin-bottom:10px;}
	
}


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

    .main-visual {margin-bottom: 0}
    .visual .main-visual .swiper-slide .txt-box { position: static; order: 2; margin-top: 30px; }

    .visual .main-visual .swiper-slide .txt-box .tit p {color: #000 !important;}

    .visual .main-visual .swiper-slide .txt-box .txt p {color: #000 !important;}
    .visual .main-visual .swiper-slide .txt-box .btn-main-more {background-color: transparent; border: 1px solid var(--black) !important; color: var(--black) !important;}
    .main-visual .controls {left: 20px;bottom: auto;top: -30px;width: 100%;margin-top: 65%;}
    .visual .main-visual .swiper-slide .txt-box .btn-main-more svg circle {fill: var(--black);}
    .visual .main-visual .swiper-slide .txt-box .btn-main-more svg path {fill: #fff;}
    .visual .main-visual .swiper-slide .txt-box {}

    .main-partner .partners1 ul li .item .txt br.mo_show{display: block;}
	.visual .main-visual .swiper-slide {background-color: transparent !important; display: flex; flex-direction: column; }
    .visual .main-visual .swiper-slide .img {position: relative; width:100%; padding-top: max(65% , 230px); height: auto;  border-radius: 20px; overflow: hidden; transform: unset;}
    .visual .main-visual .swiper-slide .img > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1);}
    .visual .main-visual .swiper-slide.swiper-slide-active .img > *  {transition: transform 2s ease; transform: scale(1);}
	
	.visual .main-visual .swiper-slide .txt-box .tit{text-shadow:inherit;font-size:30px;line-height:45px}
	.visual .main-visual .swiper-slide .txt-box .txt{text-shadow:inherit;}
	.visual .main-visual {height:auto;border-radius:0;}


}




/*ctn01*/
.ctn01{padding:5rem 0;position:relative;}
.ctn01 .notice-cont{display:flex;gap:3.25rem;align-items: flex-start;opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.5s;}
.ctn01.animated .notice-cont {opacity: 1; transform: translateY(0);}

.ctn01 .notice-cont .left{flex:1;position:relative}
.ctn01 .notice-cont .left .board-tab{display:flex;gap:0 0.75rem;margin:2.5rem 0 1.5rem 0;padding-right:1.3rem;}
.ctn01 .notice-cont .left .board-tab button{width:7.5rem;height:2.4rem;border-radius: 2.5rem; background: #DFE8F0;color: #717D96; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;font-family:'Pretendard Variable';}
.ctn01 .notice-cont .left .board-tab button.on {background:#269C7D !important;color:#fff !important;}
.ctn01 .notice-cont .left .board-tab button:hover {background:#fff;color:#269C7D;border:1px solid #ddd}
.ctn01 .notice-cont .left .first > a {display:flex;gap:0 1.25rem;padding:1.25rem;}
.ctn01 .notice-cont .left .first > a .date {width:4.5rem;height:4.5rem;border:1px solid #269C7D;border-radius:50%;display:flex; flex-direction:column;justify-content:center;align-items:center;text-align:center; gap:0.15rem;}
.ctn01 .notice-cont .left .first > a .date p{color: #269C7D; font-size: 0.75rem; font-weight: 400; line-height: 0.75rem; letter-spacing: -0.00375rem;}
.ctn01 .notice-cont .left .first > a .date b{display:block;color: #269C7D; text-align: center; font-size: 1.5rem; font-weight: 600; line-height: 1.5rem; letter-spacing: -0.0075rem;} 
.ctn01 .notice-cont .left .first > a .cont-box {flex:1;}
.ctn01 .notice-cont .left .first > a .cont-box .tit {display:flex;gap:0 0.25rem;align-items:center;
 }
.ctn01 .notice-cont .left .first > a .cont-box .tit p {color: #333; font-size: 1.1rem; font-weight: 600; line-height: 1.1rem; letter-spacing: -0.0055rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.ctn01 .notice-cont .left .first > a .cont-box .txt{color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.4rem; letter-spacing: -0.0045rem;margin-top:0.5rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.ctn01 .notice-cont .left .notice-list {padding-top:0.75rem;border-top:1px dashed #ddd;}
.ctn01 .notice-cont .left .notice-list li{padding:0.735rem 1.25rem;}
.ctn01 .notice-cont .left .notice-list li a{display:flex;justify-content:space-between;align-items:center;position:relative;padding-left:0.7rem;
}
.ctn01 .notice-cont .left .notice-list li a:before {content:'';position:absolute;width:4px;height:4px;background:#666;left:0;top:0.5rem;border-radius:50%;}
.ctn01 .notice-cont .left .notice-list li a .tit{color: #333; font-size: 1rem; font-weight: 400; line-height: calc(1rem + 7px); letter-spacing: -0.005rem;flex:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.ctn01 .notice-cont .left .notice-list li a:hover .tit{color:#269C7D;font-weight:600;text-decoration : underline; text-underline-position : under; text-decoration-thickness: 2px}
.ctn01 .notice-cont .left .moare-btn {width:2.4rem;height:2.4rem;border:1px solid #ddd;border-radius:50%;right:3.35rem;top:2.5rem;background:url(/images/default/main/more-icon.svg)no-repeat center center;position:absolute;transition-duration: 0.3s; }
.ctn01 .notice-cont .left .moare-btn:hover {transform: rotate(90deg);transition-duration: 0.3s;
}
.ctn01 .notice-cont .left .notice-list li a .date{color: #666; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem; letter-spacing: -0.004rem;}
.ctn01 .notice-cont .right {width:43.86%;border-radius: 1rem; background: #EEF0F5;padding:1.75rem 1.75rem 4.1rem 1.75rem;position:relative;min-height:24rem;} 
.ctn01 .notice-cont .right .gallery-list{display:flex;flex-direction:column;gap:1.25rem 0; }
.ctn01 .notice-cont .right .gallery-list li a {display:flex;align-items:center;gap:0 2rem; }
.ctn01 .notice-cont .right .gallery-list li a .img-zone {position:relative;aspect-ratio: 285 / 170;border-radius:0.75rem;overflow:hidden;width:285px;}
.ctn01 .notice-cont .right .gallery-list li a .img-zone span {width:4.5rem;height:1.65rem;border-radius: 2.5rem; background: linear-gradient(90deg, #269C7D 19.52%, #194098 80.57%);display:flex;justify-content:center;align-items:center;color: #FFF; font-size: 0.75rem; font-weight: 600; line-height: 0.75rem; letter-spacing: -0.00375rem;position:absolute;left:0;top:0;z-index:2;}
.ctn01 .notice-cont .right .gallery-list li a .img-zone .bg {position:absolute;width:4.75rem;height:2rem;background:#EEF0F5;left:0;top:0;border-radius:1rem 0 1rem 0 ;z-index:1;}
.ctn01 .notice-cont .right .gallery-list li a .img-zone .bg:before{content:'';position:absolute;left:0;bottom:-0.65rem;width:0.75rem;height:0.65rem;background:url(/images/default/main/notice-point.png)no-repeat center center;background-size:cover;}
.ctn01 .notice-cont .right .gallery-list li a .img-zone .bg:after{content:'';position:absolute;right:-0.75rem;top:0;width:0.75rem;height:0.65rem;background:url(/images/default/main/notice-point.png)no-repeat center center;background-size:cover;}
.ctn01 .notice-cont .right .gallery-list li a .img-zone img {position:absolute;width:100%;left:0;top:0;left:0;height:100%;transition-duration: 0.5s;
}
.ctn01 .notice-cont .right .gallery-list li a:hover .img-zone img{    transform: scale(1.1);transition-duration: 0.5s; }
.ctn01 .notice-cont .right .gallery-list li a .gallery-cont{flex:1;}
.ctn01 .notice-cont .right .gallery-list li a .gallery-cont .tit{color: #333; font-size: 1rem; font-style: normal; font-weight: 600; line-height: 1.5rem;letter-spacing: -0.005rem;min-height:3.05rem;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.ctn01 .notice-cont .right .gallery-list li a .gallery-cont .date {color: #666; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem; letter-spacing: -0.004rem;margin-top:1.25rem;}
.ctn01 .notice-cont .right .gallery-list li a:hover .gallery-cont .tit {color:#269C7D; text-decoration : underline; text-underline-position : under; text-decoration-thickness: 2px; }
.ctn01 .notice-cont .right .control-box {position:absolute;bottom:1.75rem;left:50%;transform:translateX(-50%);height:1rem;display:flex;gap:0 0.4rem;}
.ctn01 .notice-cont .right .control-box .swiper-pagination{position:relative;height:1rem;display:flex;gap: 0.4rem;align-items:center;}
.ctn01 .notice-cont .right .swiper-pagination-bullet {width:0.5rem;height:0.5rem;background:#CFD2D9;opacity:1;}
.ctn01 .notice-cont .right .swiper-pagination-bullet-active {background:#005BAC;width:1.15rem;height:0.5rem;border-radius:2.5rem;}
.ctn01 .notice-cont .right .gallerySwiper {overflow:hidden;}
.ctn01 .notice-cont .right .control-box .stop {width:1rem;height:1rem;background:url(/images/default/main/control-stop.svg)no-repeat center center;}
.ctn01 .notice-cont .right .control-box .start {width:1rem;height:1rem;background:url(/images/default/main/control-start.svg)no-repeat center center;}
.ctn01 .ctn-bg {    position: absolute; right: 0; top: 4.15rem; width: 100%; height: 100%; z-index: -1;text-align:right;transition-duration: 0.5s;}

.mob-more-btn{display:none;}

@media screen and (max-width: 1600px) {
	.ctn01 .notice-cont{gap:2.5rem;}
	.ctn01 .notice-cont .right{width:45%;min-height:auto;}
	.ctn01 .notice-cont .right .gallery-list li a .img-zone{width:40%;}
	.ctn01 .notice-cont .left .moare-btn{right:0;}
	.ctn01 .notice-cont .left .board-tab {padding-right:3rem;}
	.ctn01 .notice-cont .left .board-tab button{width:calc((100% - (0.75rem * 3)) / 4);}
	.ctn01 .notice-cont .right .gallery-list li a{gap:1rem;}

}
@media screen and (max-width: 1200px) {
	.ctn01 .notice-cont{ flex-direction:column;}
	.ctn01 .notice-cont .right{width:100%;}
	.ctn01 .notice-cont .right .gallery-list li a .img-zone{width:35%;}
	.ctn01 .notice-cont .left{width:100%;flex:auto;}

}
@media screen and (max-width: 500px) {
	.ctn01{padding:70px 0;}
	.ctn01 .notice-cont .right{padding:1rem 1rem 3rem 1rem;}
	.ctn01 .notice-cont .right .gallery-list{gap:35px 0;}
	.ctn01 .notice-cont .right .gallery-list li a { flex-direction:column;align-items:flex-start;}
	.ctn01 .notice-cont .right .gallery-list li a .img-zone{width:100%;}
	.ctn01 .notice-cont .right .gallery-list li a .gallery-cont .date{margin-top:15px;}
	.ctn01 .notice-cont .right .control-box{bottom:1rem;}
	.ctn01 .notice-cont .left .first > a{padding:1.25rem 0;}
	.ctn01 .notice-cont .left .notice-list li{padding:0.4rem 0;}
	.ctn01 .notice-cont .left .board-tab-cont {overflow-x:auto;scrollbar-width: none;}
	.ctn01 .notice-cont .left .board-tab{ min-width: 0;flex-wrap: nowrap; width: max-content;}
	.ctn01 .notice-cont .left .board-tab button{ flex:0 0 auto; width:7.5rem; height:2.4rem; border-radius:2.5rem; background:#DFE8F0; color:#717D96; font-size:0.9rem; font-weight:600; line-height:0.9rem; letter-spacing:-0.0045rem; font-family:'Pretendard Variable'; }
	.mob-more-btn{display:flex;width:9rem;height:2.6rem;border:1px solid #717D96;border-radius:0.5rem;justify-content:space-between;align-items:center; padding:0 1.25rem;color: #717D96; font-size: 15px; font-weight: 600; line-height: 15px; letter-spacing: -0.00375rem;margin:0 auto;margin-top:1.1rem;}
	.mob-more-btn:after{content:'';width:1.2rem;height:1.2rem;background:url(/images/default/main/more-btn-mob.svg)no-repeat center center;background-size:cover;}
	.ctn01 .notice-cont .left .moare-btn{display:none;}

	
	
}



.ctn02 {position:relative;}
.ctn02 .inner {position:relative;}
.ctn02 .point-more {width:9.75rem;height:9.75rem;position:absolute;right:0;top:0;    display: flex; align-items: center; justify-content: center;opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.25s;}
.ctn02.animated .point-more {opacity: 1; transform: translateY(0);}

.ctn02 .point-more  span {width:5.5rem;height:5.5rem;border-radius:50%;background: linear-gradient(125deg, #269C7D 13.32%, #005BAC 88.02%);display:flex;justify-content:center;align-items:center;color: #FFF; text-align: center; font-size: 0.8rem; font-weight: 600; line-height: 1.1rem;position:relative;z-index:1;}
.ctn02 .point-more  span:hover {width:7.5rem;height:7.5rem;transition: .3s;}
.ctn02 .point-more  span:before {content:'';width:9.75rem;height:9.75rem;background:url(/images/default/main/point-more-bg.png)no-repeat center center;background-size:cover;animation: rotate 8s infinite linear;position: absolute;}

.ctn02 .point-more:before { content: ""; display: block; opacity: 0.3; position: absolute; left: 50%; top: 50%; width: 5rem; height: 5rem; border-radius: 50%; background: linear-gradient(125deg, #269C7D 13.32%, #005BAC 88.02%); opacity: 0.1; animation: ping 1.3s ease-in-out infinite both; transform: translate(-50%, -50%) scale(1); }

/* animation */
@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes ping {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
.ctn02{position:relative;padding-bottom:6.5rem;}
.ctn02 .ctn-bg { position: absolute; right: 0; top: -5.11rem; width: 100%; height: 100%; z-index: -1;transition-duration: 0.5s; }

.ctn02 .culture{margin-top:3.36rem;display:flex;gap:0 4.8rem;opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.5s;}
.ctn02.animated .culture {opacity: 1; transform: translateY(0);}

.ctn02 .culture .culture-tab {display:flex; flex-direction:column; gap:0.75rem 0;}
.ctn02 .culture .culture-tab button{width:7.5rem;height:2.4rem;border-radius: 2.5rem; background: #DFE8F0;    font-family: 'Pretendard Variable', 'Noto Sans KR', '나눔고딕', 'Nanum Gothic', 'sans-serif';display:flex;align-items:center;gap:0 0.5rem;color: #717D96; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;padding:0 1rem;border:1px solid #DFE8F0 }
.ctn02 .culture .culture-tab button.on {background:#269C7D !important;color:#fff !important;border:1px solid #269C7D !important;}
.ctn02 .culture .culture-tab button:hover {background:#fff;border:1px solid #ddd;color:#269C7D;}
.ctn02 .culture .culture-cont{flex:1;overflow:hidden;}
.ctn02 .culture .culture-cont .swiper-slide a .img-zone {aspect-ratio: 19/25;position:relative;border-radius:0.75rem;overflow:hidden;box-shadow: 0px 10px 10px rgb(0 0 0 / 10%);
}
.ctn02 .culture .culture-cont .swiper-slide a .img-zone img {position:absolute;left:0;top:0;transition-duration: 0.5s;width:100%;height:100%;object-fit:cover;}
.ctn02 .culture .culture-cont .swiper-slide a:hover .img-zone img {transform: scale(1.05); transition-duration: 0.5s;}

.ctn02 .culture .culture-cont .swiper-slide a .img-zone span.cate {position:absolute;left:0.5rem;top:0.5rem;background:#002D6F;border-radius:0.25rem;z-index:1;color: #FFF; font-size: 0.75rem; font-weight: 600; line-height: 0.75rem;padding:0.5rem;}
.ctn02 .culture .culture-cont .swiper-slide a .img-zone .bg{width:100%;height:5rem;opacity: 0.7;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #000 100%);
mix-blend-mode: multiply;left:0;bottom:0;z-index:1;position:absolute;}
.ctn02 .culture .culture-cont .swiper-slide a .txt-zone {margin-top:1.5rem;}
.ctn02 .culture .culture-cont .swiper-slide a .txt-zone .tit {color: #333; font-size: 1rem; font-style: normal; font-weight: 600; line-height: calc(1rem + 5px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;}
.ctn02 .culture .culture-cont .swiper-slide a:hover .txt-zone .tit {color:#269C7D; text-decoration : underline; text-underline-position : under; text-decoration-thickness: 2px}

.ctn02 .culture .culture-cont .swiper-slide a .txt-zone .date-box {display:flex;gap:0 0.4rem;align-items:center;margin-top:0.75rem;
}
.ctn02 .culture .culture-cont .swiper-slide a .txt-zone .date-box span {padding:0.4rem 0.5rem;border-radius: 2.5rem; background: #333;color: #FFF; text-align: center; font-size: 0.7rem; font-weight: 600; line-height: 0.7rem;}
.ctn02 .culture .culture-cont .swiper-slide a .txt-zone .date-box p {color: #333; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem;}

.ctn02 .culture .culture-cont .swiper-slide a:hover .txt-zone .date-box span {background:#269C7D}

.ctn02 .control{position:relative;height:2.4rem;margin-top:2.65rem;display:flex;align-items:center;gap:0 1.6rem;}
.ctn02 .control .swiper-pagination-progressbar {width:55.65rem;height:2px;position:relative;}

.ctn02 .control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#269C7D}
.ctn02 .control > div {display:flex;gap:0 0.4rem;}
.ctn02 .control .button-prev {width:2.4rem;height:2.4rem;border:1px solid #ddd;border-radius:50%;background:url(/images/default/main/prev-icon.svg)no-repeat center center;}
.ctn02 .control .button-prev:hover{border:1px solid #269C7D;background:url(/images/default/main/prev-icon-on.svg)no-repeat center center;}
.ctn02 .control .button-next {width:2.4rem;height:2.4rem;border:1px solid #ddd;border-radius:50%;background:url(/images/default/main/next-icon.svg)no-repeat center center;}
.ctn02 .control .button-next:hover{border:1px solid #269C7D;background:url(/images/default/main/next-icon-on.svg)no-repeat center center;}


.flow-container{position: absolute; z-index:-1;bottom:0;left:0;border-radius:0 0 0 0.4rem;}
.flow-text {display: flex; flex: 0 0 auto; white-space: nowrap; overflow: hidden; transition: 0.3s;opacity: 0.4; font-size: 5rem; font-weight: 800; line-height: 5rem;}
.flow-wrap {animation: textLoop 30s linear infinite;background: linear-gradient(90deg, #D0F0E8 0%, #FEF1CB 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

@keyframes textLoop {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}

@media screen and (max-width: 767px) {
	.ctn02 .culture{ flex-direction:column;gap:25px 0;margin-top:25px; }
	.ctn02 .culture .culture-tab {    flex-direction: row;gap:0 0.5rem;}
	
}
@media screen and (max-width: 680px) {
	.ctn02 .point-more{display:none;}
	.ctn02 .mob-more-btn{display:flex;width:9rem;height:2.6rem;border:1px solid #717D96;border-radius:0.5rem;justify-content:space-between;align-items:center; padding:0 1.25rem;color: #717D96; font-size: 15px; font-weight: 600; line-height: 15px; letter-spacing: -0.00375rem;margin:0 auto;margin-top:1.1rem;}
	
	.ctn02 .mob-more-btn:after{content:'';width:1.2rem;height:1.2rem;background:url(/images/default/main/more-btn-mob.svg)no-repeat center center;background-size:cover;}
	.ctn01 .notice-cont .left .moare-btn{display:none;}
	
}
@media screen and (max-width: 500px) {
	.ctn02 .culture .culture-tab-cont {        overflow-x: auto; scrollbar-width: none;}
	.ctn02 .culture .culture-tab {min-width: 0; flex-wrap: nowrap; width: max-content;}
	
}


.ctn03{position:relative;padding-top:3.5rem;padding-bottom:7.5rem;}
.ctn03 .ctn-bg { position: absolute; right: 0; top:18.15rem; width: 100%; height: 100%; z-index: -1;transition-duration: 0.5s; text-align:right;}
.ctn03 .tit-zone{text-align:center;}
.ctn03 .tit-zone p.stxt {display:inline;}
.ctn03 .tit-zone .cont {color: #666; text-align: center; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem;margin-top:1.25rem;opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.5s;}

.ctn03.animated .tit-zone .cont {opacity: 1; transform: translateY(0);}


.ctn03 .space-cont {display:flex;gap:0 4.25rem;align-items:flex-end;margin-top:2.5rem;opacity: 0;transform: translateY(40px);transition: opacity 0.8s ease, transform 0.8s ease;transition-delay: 0.75s;}
.ctn03.animated .space-cont{opacity: 1; transform: translateY(0);}

.ctn03 .space-cont .left{width:32.5rem;}
.ctn03 .space-cont .left .spaceBigSwiper{overflow:hidden;box-shadow: 0px 15px 18px rgb(0 0 0 / 12%);border-radius:1rem;
}
.ctn03 .space-cont .left .spaceBigSwiper .swiper-slide span{position:absolute;z-index:1;padding:0.4rem 0.5rem;border-radius: 3rem; background: rgba(51, 51, 51, 0.80);color: #FFF; font-size: 0.65rem; font-weight: 400; line-height: 0.65rem; letter-spacing: -0.00325rem;display:flex;left:1rem;bottom:1rem;gap:0 0.25rem}
.ctn03 .space-cont .left .spaceBigSwiper .swiper-slide span:before{content:'';display:block;width:0.6rem;height:0.6rem;background:url(/images/default/main/map-icon.svg)no-repeat center center;background-size:cover;}


.ctn03 .space-cont .right {width:calc(100% - 32.5rem - 4.25rem);}
.ctn03 .space-cont .right .spaceTxtSwiper {overflow:hidden;}
.ctn03 .space-cont .right .spaceTxtSwiper .tit {color: #333; font-size: 1.4rem; font-weight: 700; line-height: 1.4rem; }
.ctn03 .space-cont .right .spaceTxtSwiper .txt{color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.0045rem;margin-top:1.5rem;}
.ctn03 .space-cont .right .spaceTxtSwiper a{color:#269C7D; font-size: 1rem; font-weight: 600; line-height: 1rem; text-decoration : underline; text-underline-position : under; text-decoration-thickness: 1px; display:flex;align-items:center;gap:0 0.75rem;margin-top:1.5rem;
}
.ctn03 .space-cont .right .spaceTxtSwiper a:after{content:'';display:block;width:2.5rem;height:2.5rem;background:#269C7D url(/images/default/main/link-icon.svg)no-repeat center center;border-radius:50%;transition-duration: 0.25s;}

.ctn03 .space-cont .right .spaceTxtSwiper a:hover:after {transform: rotate(90deg);}


.ctn03 .space-cont .right .spaceBigSwiper{overflow:hidden;margin-top:3.5rem;}
.ctn03 .space-cont .right .spaceBigSwiper img {width:100%;border-radius:1rem;}
.ctn03 .space-cont .right .spaceBigSwiper .swiper-slide span {position:absolute;z-index:1;padding:0.4rem 0.5rem;border-radius: 3rem; background: rgba(51, 51, 51, 0.80);color: #FFF; font-size: 0.65rem; font-weight: 400; line-height: 0.65rem; letter-spacing: -0.00325rem;display:flex;left:0.5rem;bottom:0.5rem;gap:0 0.25rem}
.ctn03 .space-cont .right .spaceBigSwiper .swiper-slide span:before{content:'';display:block;width:0.6rem;height:0.6rem;background:url(/images/default/main/map-icon.svg)no-repeat center center;background-size:cover;}

.ctn03 .space-cont .right .swiper {width:100%;}
.ctn03 .space-cont .right .guide-btn {display:flex;margin-top:1.5rem;}
.ctn03 .space-cont .right .guide-btn .guide-btn-prev {width:1rem;height:1rem;background:url(/images/default/main/guide-prev.svg)no-repeat center center;background-size:cover;}
.ctn03 .space-cont .right .guide-btn .guide-btn-next {width:1rem;height:1rem;background:url(/images/default/main/guide-next.svg)no-repeat center center;background-size:cover;}
.ctn03 .space-cont .right .guide-btn .guide-btn-stop {width:1rem;height:1rem;background:url(/images/default/main/guide-stop.svg)no-repeat center center;background-size:cover;}
.ctn03 .space-cont .right .guide-btn .guide-btn-start {width:1rem;height:1rem;background:url(/images/default/content/control-start.svg)no-repeat center center;background-size:cover;}



@media screen and (max-width: 1600px) {
	.ctn03 .space-cont{gap:0 2rem;}
	.ctn03 .space-cont .right{width: calc(100% - 45% - 2rem);}

	.ctn03 .space-cont .right .spaceBigSwiper img{border-radius:10px;}
	.ctn03 .space-cont .left {width:45%}
	.ctn03 .space-cont .left img {width:100%;}
}
@media screen and (max-width: 1400px) {
	.ctn03 .space-cont .right .spaceBigSwiper .swiper-slide span{display:none;}
}
@media screen and (max-width: 1200px) {
	.ctn03 .space-cont .left {width:55%}
	.ctn03 .space-cont .right{width: calc(100% - 55% - 2rem);}
}

@media screen and (max-width: 767px) {
	.ctn03 .space-cont{flex-direction:column;align-items:flex-start; gap:25px;}
	.ctn03 .space-cont .left{width:100%;}
	.ctn03 .space-cont .right {width:100%;}
	.ctn03 .space-cont .right .spaceBigSwiper{display:none;}
}

/*팝업*/
.video-popup { position: fixed; top: 50%; left: 50%; width: 93%; max-width: 60rem; transform: translate(-50%, -50%); z-index: 999999; }
.video-popup .pop-inner { width: 100%; overflow: hidden; display: flex; gap: 2rem; justify-content: center; }
.top-popup {display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;}
.popup-header { display: flex; align-items: center; gap: 1.2rem; color: #fff; z-index: 2; }
.popup-title { font-size: 1.8rem; font-weight: 800; letter-spacing: -0.02em; }
.popup-indicator { display: flex; align-items: center; gap: 0.4rem; font-size: 1rem; }
.popup-indicator button { background: none; border: none; color: #fff; font-size: 1.4rem; cursor: pointer; padding: 0; }
.popup-count { text-align: center; font-weight: 500; color: rgba(255, 255, 255, 0.55); }
.popup-count .current {color: #fff;}
.video-popup .close_box { display: flex; gap: 0.6rem; align-items: center; }
.video-popup .today { display: flex; align-items: center; gap: 0.4rem; height: 2.2rem; padding: 0.4rem 0.8rem; border: 0.05rem solid #fff; border-radius: 999rem; font-size: 0.9rem; color: #fff; cursor: pointer; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; white-space: nowrap; }
.video-popup .today:hover { background: #fff; color: #2d3748;}
.video-popup .today input { appearance: none; width: 0.8rem; height: 0.8rem; border: 0.05rem solid #fff; border-radius: 0.15rem; position: relative; transition: border-color 0.25s ease;}
.video-popup .today:hover input { border-color: #717D96; }
.video-popup .close { padding: 0.4rem 1.7rem 0.4rem 0.8rem; height: 2.2rem; border: 0.05rem solid #fff; border-radius: 999rem; background: none; color: #fff; font-size: 0.9rem; cursor: pointer; position: relative; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;}
.video-popup .close:hover { background: #fff; color: #2d3748; }
.video-popup .close::before, .video-popup .close::after { content: ""; position: absolute; width: 0.75rem; height: 0.1rem; background: #fff; top: 50%; left: 74%; transform: translateY(-50%); transition: background-color 0.25s ease;}
.video-popup .close:hover::before, .video-popup .close:hover::after { background: #2d3748; }
.video-popup .close::before { transform: translate(-50%, -50%) rotate(45deg); }
.video-popup .close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.pop-video .popup-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99999; }
.popup-swiper { width: 100%; overflow: hidden; }
.popup-card { display: block; border-radius: 1rem; overflow: hidden; transition: transform 0.35s ease; }
.popup-card img { width: 100%; display: block; transition: transform 0.35s ease; }
.popup-card:hover img { transform: scale(1.06); }
.popup-swiper .swiper-slide { display: flex; justify-content: center; }
.popup-nav { position: absolute; top: -3.8rem; left: 0; display: flex; align-items: center; gap: 0.8rem; color: #fff; font-size: 1rem; }
.popup-prev, .popup-next { background: none; border: none; color: #fff; font-size: 1.4rem; cursor: pointer; }

.popup-slider { position: relative; width: 100%; padding: 0 3.4rem; }
.popup-swiper { width: 100%; overflow: hidden; }

.popup-prev,
.popup-next { position: absolute; top: 50%; z-index: 2; width: 2.6rem; height: 2.6rem; padding: 0; transform: translateY(-50%); cursor: pointer; transition: background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease; }
.popup-prev { left: -3.6rem; }
.popup-next { right: -3.6rem; }
.popup-prev::before,
.popup-next::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0.65rem; height: 0.65rem; border-right: 0.1rem solid #fff; border-bottom: 0.1rem solid #fff; }
.popup-prev::before { transform: translate(-35%, -50%) rotate(135deg); }
.popup-next::before { transform: translate(-65%, -50%) rotate(-45deg); }

.popup-prev:focus-visible,
.popup-next:focus-visible { outline: 0.15rem solid #fff; outline-offset: 0.15rem; }

.popup-prev.swiper-button-disabled,
.popup-next.swiper-button-disabled { opacity: 0.35; cursor: default; }
.popup-prev.swiper-button-lock,
.popup-next.swiper-button-lock { display: none; }

@media (max-width: 550px) {
    .popup-slider { padding: 0 2.5rem; }
    .popup-prev, .popup-next { width: 2rem; height: 2rem; }
    .popup-prev::before, .popup-next::before { width: 0.5rem; height: 0.5rem; }
}



@media (max-width:1300px){
	.video-popup .pop-inner {gap: 1rem;}
}

@media (max-width: 550px) {
	.top-popup { gap: 0.8rem; }
	.popup-header { flex-wrap: wrap; gap: 0.6rem; }
	.popup-title { font-size: 1.4rem; }
	.popup-indicator { font-size: 0.9rem; }
	.popup-indicator button { font-size: 1.2rem; }
	.video-popup .close_box { align-self: flex-end; gap: 0.4rem; }
	.video-popup .today { padding: 0.4rem; }
}

/* 홍보영상 */
.promo-video-section { padding-top: clamp(4rem, 6vw, 7.5rem); }
.promo-video-inner { display: grid; grid-template-columns: minmax(18rem, 28.5%) minmax(0, 1fr); gap: 5.05rem; align-items: start; }
.promo-video-side .tit-zone p.stxt,
.promo-video-side .tit-zone h3 { opacity: 1; transform: none; }

/* 탭 */
.promo-video-tabs { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; margin-top: 2.5rem; }
.promo-video-tab { display: inline-flex; align-items: center; gap: 0.5rem; min-width: 8.8rem; min-height: 2.4rem; padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 2.5rem; background: #DFE8F0; color: #717D96; font-size: 0.9rem; font-weight: 600; line-height: 1; white-space: nowrap; transition: 0.25s; }
.promo-video-tab:hover { border-color: #269C7D; background: #fff; color: #269C7D; }
.promo-video-tab.on { background: #269C7D; color: #fff; }
.promo-video-tab:focus-visible { outline: 1px solid #269C7D; outline-offset: 1px; }
.promo-tab-icon { position: relative; width: 1.4rem; height: 1.4rem; background: url('/images/default/main/promo-icon.png') center / cover no-repeat; }

/* 탭 콘텐츠 */
.promo-video-panel[hidden] { display: none; }
.promo-video-media { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 1rem; background: #F6F6F6; }
.promo-video-media img,
.promo-video-media video,
.promo-video-media iframe { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.promo-video-info { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-top: 1.5rem; }
.promo-video-info > div { display: flex; flex-direction: column; gap: 1.25rem; min-width: 0; }
.promo-video-info strong { overflow: hidden; color: #333; font-size: 1rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.005rem; text-overflow: ellipsis; white-space: nowrap; }
.promo-video-date { color: #666; font-size: 0.8rem; font-weight: 400; line-height: 1; letter-spacing: -0.004rem; }
.promo-video-link { display: inline-flex; align-items: center; gap: 0.75rem; flex-shrink: 0; color: #269C7D; font-size: 1rem; font-weight: 600; line-height: 1; }
.promo-video-link > span { text-decoration: underline; text-underline-offset: 0.25rem; }
.promo-video-link i { position: relative; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #269C7D; transition: transform 0.25s ease; }
.promo-video-link i::before,
.promo-video-link i::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.7rem; height: 0.1rem; background: #fff; transform: translate(-50%, -50%); }
.promo-video-link i::after { transform: translate(-50%, -50%) rotate(90deg); }
.promo-video-link:not(.is-disabled):hover i { transform: rotate(90deg); }
.promo-video-link.is-disabled { cursor: default; opacity: 0.7; }

@media (max-width: 1200px) {
    .promo-video-inner { grid-template-columns: 15rem minmax(0, 1fr); gap: 2.5rem; }
}

@media (max-width: 900px) {
	.promo-video-inner { grid-template-columns: 1fr; gap: 2rem; }
	.promo-video-tabs { flex-direction: row; flex-wrap: wrap; margin-top: 1.8rem; }
}

@media (max-width: 600px) {
	.promo-video-inner { gap: 1.5rem; }
	.promo-video-tabs { overflow-x: auto; flex-wrap: nowrap; width: 100%; padding-bottom: 0.2rem; scrollbar-width: none; }
	.promo-video-tabs::-webkit-scrollbar { display: none; }
	.promo-video-tab { flex: 0 0 auto; }
	.promo-video-media { border-radius: 0.75rem; }
	.promo-video-info { align-items: flex-start; flex-direction: column; gap: 1.25rem; padding-top: 1rem; }
	.promo-video-info > div { gap: 0.75rem; width: 100%; }
	.promo-video-link { align-self: flex-end; gap: 0.75rem; }
	.promo-video-link i { width: 2rem; height: 2rem; }
}