/*공통*/
.tit-zone h3{color: #333; font-size: 3rem; font-weight: 700; line-height: 3.5rem; letter-spacing: -0.015rem;opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.tit-zone .desc {color: #666; font-size: 1rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.005rem;margin-top:1.5rem;opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
.more-btn {width:10.65rem;height:3rem;display:flex;justify-content:space-between;align-items:center;color: #D9141C; text-align: center; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;border-radius: 2.5rem;
border: 1px solid #D9141C;padding:0 0.8rem;margin-top:2.75rem;background:#fff url(../images/main/more-arrow.png)no-repeat center right+0.8rem;transition-duration: 0.3s;}
.more-btn:hover{background:#D9141C url(../images/main/more-arrow-btn.png)no-repeat center right+0.8rem;color:#fff;transition-duration: 0.3s;}


.con {width:1500px;margin:0 auto;}

.active .tit-zone h3 {    opacity: 1; transform: translateY(0); transition-delay: 0.1s;}
.active .tit-zone .desc {opacity: 1; transform: translateY(0); transition-delay: 0.25s;}

@media (max-width:1500px){
	.tit-zone h3{font-size:2.5rem;line-height:1.3;}
	.con {width:100%;padding:0 1rem;}
}

@media (max-width:1200px){
    .tit-zone h3{font-size:30px;}
    .tit-zone .desc{font-size:14px;}
}

@media (max-width:767px){
	.tit-zone h3{font-size:30px;}
	.tit-zone .desc{font-size:14px;}
}


/*visual*/
#visual{position:relative;width:100%;overflow:hidden;height:43rem;}
#visual .visual-bg {display:flex;height:100%;position:relative;}
#visual .visual-bg:before{content:'';position:absolute;width:10rem;height:5rem;background:url(../images/main/intro-poin.png)no-repeat center center;background-size:cover;left:50%;top:0;transform:translateX(-50%);z-index:1;}
#visual .visual-bg > div {width:50%;overflow:hidden;}
#visual .visual-bg > div img {max-width:100%;height:100%;object-fit: cover;transform: scale(1);
    transition: transform 2s ease-out;width:100%;}
/* ⭐ active 되면 zoom-in */
#visual.active .visual-bg > div img {
    transform: scale(1.08); /* 자연스럽게 커지는 정도 */
}
#visual .visual-tit {position:absolute;left:50%;top:50%;margin-left:-17.875rem;margin-top:-10.525rem;z-index:1;text-align:center;}
#visual .visual-tit img {width:35.75rem;height:19.05rem;transform: translateY(50px);opacity:0;transition: opacity 2s ease-out, transform 1.5s ease-out; }
#visual.active .visual-tit img {opacity:1; transform: translateY(0); }
#visual .visual-tit p {color: #FFF; font-family: 'Poppins'; font-size: 2rem; font-style: normal; font-weight: 600; line-height: 2rem; /* 100% */ letter-spacing: -0.01rem;}
.typing { border-right: 2px solid #000; padding-right: 5px; white-space: nowrap; overflow: hidden; font-size: 2rem; animation: cursorBlink 0.7s infinite; }



@media (max-width:960px){
	#visual .visual-bg {flex-direction:column;}
	#visual .visual-bg > div{width:100%;height:50%;}
	#visual{height:100vh;}
	#visual .visual-bg:before{left:auto;right:0;    transform: translateX(50%);}
	#visual .visual-bg > div img{width:100%;}
}

@media (max-width:767px){
	#visual .visual-tit img{width:100%;height:auto;}
	#visual .visual-tit{margin-left:0;margin-top:0; transform: translate(-50%,-50%);}
	#visual .visual-tit p{min-height:30px;}

}
@media (max-width:500px){
	#visual .visual-tit {width:100%;padding:0 1rem;}

}


#visual .scroll {writing-mode: vertical-rl;position:absolute;left:50%;bottom:0;z-index:1;   padding-bottom:5.65rem;color: #FFF; font-family: 'Poppins'; font-size: 0.7rem; font-weight: 400; line-height: 0.7rem; letter-spacing: -0.0021rem;border-left:1px solid rgba(255,255,255,0.18);padding-left:0.3rem;}
#visual .scroll:before{content:'';position:absolute;width:1px;height:2.5rem;left:-1px;top:0;background:#FFF;animation: scrollLine 2.2s ease-in-out infinite;}




@keyframes scrollLine {
  0%   { height: 2.5rem; }
  50%  { height: 100%; }   /* 가득 차는 상태 */
  100% { height: 2.5rem; }
}


/*ctn01*/
#ctn01 {padding:11.25rem 0 8rem 0;position:relative;overflow:hidden;}
#ctn01 .tit-zone {padding-left: calc((100% - 1500px) / 2);}
#ctn01 .pointimg{position:absolute;right:0;top:11.25rem;clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); opacity: 1; transition: width 0.5s, background 0.5s, clip-path 1s;}
#ctn01 .more-btn {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
#ctn01.active .more-btn{opacity: 1; transform: translateY(0); transition-delay: 0.25s;}

#ctn01 .point-txt {font-family: 'Poppins'; font-size: 4rem; font-weight: 700; line-height: 4rem; letter-spacing: -0.02rem;background: linear-gradient(270deg, #F39800 55%, #F39800 0%, #D9141C 100%, #D9141C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;z-index:1;position:absolute;right:8.3rem;top:31.55rem;transform:translateX(-70%); opacity: 0;transition: opacity 1.5s ease, transform 1.5s ease; transition-delay: 0s; /* 기본값(지연 없음) */}

#ctn01 .img-zone {margin-top:4.8rem;display:flex;gap:3.5rem;clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); opacity: 1; transition: width 0.5s, background 0.5s, clip-path 1s;}
#ctn01 .img-zone img {max-width:100%;height:17.5rem;}

#ctn01.active .pointimg { clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0);}
#ctn01.active .point-txt {transform:translateX(0);transition-delay: 0.5s;  opacity: 1;}
#ctn01.active .img-zone{ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0);transition-delay: 0.75s; }

#ctn01 .one-point {position:absolute;right:5.45rem;top:26rem;  animation: rotateAni 10s linear infinite;z-index:1;}

#ctn01 .more-btn.btn-web {display:flex;}
#ctn01 .more-btn.btn-mob {display:none;}

/* 회전 키프레임 */
@keyframes rotateAni {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (max-width:1500px){
	#ctn01 .tit-zone {padding-left:1rem;padding-right:35rem;}
	#ctn01 .pointimg{width:33rem;}

	#ctn01 .tit-zone .desc br{display:none;}
	#ctn01 .point-txt{right:0;top:47.5%;font-size:3rem;line-height:3rem;}

}
@media (max-width:1200px){
	#ctn01 .pointimg{width:30rem;}
	#ctn01 .tit-zone {padding-right:32rem;}
}
@media (max-width:1030px){
	#ctn01 {padding:5rem 0;}
	#ctn01 .pointimg{position:relative;top:auto;width:auto;margin-left:auto;display:block;transform:translateX(20%);height:250px;}
	.more-btn{width:180px;}
	#ctn01 .tit-zone{padding-right:0;}
	#ctn01 .point-txt{position:relative;top:auto;right:auto;}
	#ctn01 .one-point{width:13rem;right:0;top: 47.5%;}
	#ctn01 .more-btn.btn-web {display:none;}
	#ctn01 .more-btn.btn-mob {display:flex;margin-left:1rem;}

}
@media (max-width:767px){
	#ctn01 .pointimg{height:200px;margin-top:20px;}
	#ctn01 .one-point{width:140px;}
	#ctn01 .point-txt{font-size:25px;}
	#ctn01 .img-zone{gap:20px;margin-top:58px;}
	#ctn01 .img-zone img{height:160px;} 

}
@media (max-width:400px){
	#ctn01 .img-zone{margin-left:-4.5rem;}
}



/*ctn02*/
#ctn02 {padding:8rem 0 12.05rem;background:url(../images/main/ctn02-bg.png)no-repeat top left;position:relative;}
#ctn02 .con{display:flex;gap:6rem;position:relative;z-index:1;}
#ctn02 .left-box {width:34.5%;}
#ctn02 .left-box .tit-zone {position:sticky;top:5.5rem;}
#ctn02 .right-box{flex:1;}
#ctn02 .right-box ul {display:flex;gap:2.75rem;flex-wrap:wrap;align-items: flex-start;}
#ctn02 .right-box ul li {width:calc((100% - 2.75rem) / 2);padding:1.25rem 1rem 1.75rem 1rem;border-radius: 1rem; background: #FFF; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);}
#ctn02 .right-box ul li span {border-radius: 0.85rem; background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);width:1.7rem;height:1.7rem;display:flex;justify-content:center;align-items:center;color: #FFF; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;margin:1rem auto 0.75rem auto; }
#ctn02 .right-box ul li p {color: #333; font-size: 1.15rem; font-weight: 600; line-height: 1.15rem; letter-spacing: -0.00575rem;text-align:center;}
#ctn02 .right-box ul li img {width:100%;}
#ctn02 .right-box ul li:nth-child(even) {    transform: translateY(5.45rem);}
#ctn02 .banner-txt {position: absolute; color: #FFF; font-family: 'Poppins'; font-size: 9rem; font-style: normal; font-weight: 900; line-height: 9rem; /* 100% */ letter-spacing: -0.045rem; animation: content_move linear infinite 13s; display: flex; text-transform: uppercase; width: 100%; white-space: nowrap; vertical-align: top; line-height: 1;opacity: 0.5;top:40rem;z-index:0;overflow:hidden;}
@-webkit-keyframes content_move {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
#ctn02 .right-box ul li:hover { background: linear-gradient(180deg, #F39800 0%, #D9141C 100%);}
#ctn02 .right-box ul li:hover span {background:#FFF;color:#D9141C;}
#ctn02 .right-box ul li:hover p {color:#fff;}

#ctn02 .more-btn {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
#ctn02.active .more-btn{opacity: 1; transform: translateY(0); transition-delay: 0.25s;}

@media (max-width:1500px){
	#ctn02 .right-box ul li p{font-size:1.1rem;}
	#ctn02 .right-box ul{gap:1.5rem;}
	#ctn02 .right-box ul li {width: calc((100% - 1.5rem) / 2);}
}
@media (max-width:1030px){
	#ctn02 {padding:5rem 0 10rem 0;}

}

@media (max-width:767px){
	#ctn02 {padding:80px 0;overflow:hidden;background-size:cover;border-radius:0 200px 0 0 }
	#ctn02 .left-box{width:100%;}
	#ctn02 .right-box{display:none;}
	#ctn02 .left-box .tit-zone{position:relative;top:auto;}
	#ctn02 .con{display:block;gap:0;}

	#ctn02 .control-box {position:relative;height:20px;display:flex;align-items:center;margin-top:40px;}
	#ctn02 .control-box .swiper-pagination {width:calc(100% - 40px);height:1px;position:relative;}
	#ctn02 .control-box .button-next{width:20px;height:20px;background:url(../images/main/mob-right-arrow.svg)no-repeat center center;background-size:cover;}
	#ctn02 .control-box .button-prev{width:20px;height:20px;background:url(../images/main/mob-left-arrow.svg)no-repeat center center;background-size:cover;}

	#ctn02 .control-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;}

	#ctn02 .businessSwiper {margin-top:40px;}
	#ctn02 .businessSwiper .swiper-slide{background:#fff;padding:25px 20px 35px 20px;border-radius:20px;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);}
	#ctn02 .businessSwiper .swiper-slide img {width:100%;}
	#ctn02 .businessSwiper .swiper-slide span {border-radius: 0.85rem; background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);width:1.7rem;height:1.7rem;display:flex;justify-content:center;align-items:center;color: #FFF; font-size: 0.8rem; font-weight: 600; line-height: 0.8rem; letter-spacing: -0.004rem;margin:1rem auto 0.75rem auto; }
	#ctn02 .businessSwiper .swiper-slide p {color: #333; font-size: 1.15rem; font-weight: 600; line-height: 1.15rem; letter-spacing: -0.00575rem;text-align:center;}
}


/*ctn03 */
#ctn03  {padding:9.4rem 0}
#ctn03 .tit-zone{display:flex;justify-content:space-between;align-items: center;}
#ctn03 .tit-zone .more-btn{margin-top:0;}
#ctn03 .event-list {display:flex;}
#ctn03 .event-list > li {width:calc(100% / 4);opacity: 0; transform: translateY(20px); transition: opacity 1s ease, transform 1.2s ease;}
#ctn03 .event-list > li .day{padding:0.5rem;border-radius: 0.25rem; background: #333;color: #FFF; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem; letter-spacing: -0.0045rem;display:inline-block;}
#ctn03 .event-list > li p.tit{color: #333; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.007rem;margin-top:1rem;line-height:1.3;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
#ctn03 .event-list > li .date{margin-top:2.25rem;color: #666; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.0045rem;}
#ctn03 .event-list > li > a {padding:1.85rem 1.5rem;display:inline-block;}
#ctn03 .event-list > li > a:hover .day{ background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);color:#fff;}
#ctn03 .event-list > li > a:hover p.tit{background: linear-gradient(270deg, #F39800 0%, #D9141C 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration : underline; text-underline-position : under; }


#ctn03.active .event-list > li {opacity: 1; transform: translateY(0);}
#ctn03.active .event-list > li:nth-child(1) { transition-delay: 0.1s; }
#ctn03.active .event-list > li:nth-child(2) { transition-delay: 0.2s; }
#ctn03.active .event-list > li:nth-child(3) { transition-delay: 0.3s; }
#ctn03.active .event-list > li:nth-child(4) { transition-delay: 0.4s; }

@media (max-width:1030px){
	#ctn03 {padding:5rem 0;}
}
@media (max-width:767px){
	#ctn03 .event-list > li{width:50%;}
	#ctn03 .event-list > li:nth-child(1),
	#ctn03 .event-list > li:nth-child(2){border-bottom:1px solid #ddd;}
}
@media (max-width:500px){
	#ctn03 .event-list > li{width:100%;}
}

/*ctn04 */

#ctn04{position:relative;}
#ctn04 .tit-zone{text-align:center;}
#ctn04 .timeSwiper  {margin-top:2.75rem;overflow:hidden;position:relative;   opacity: 0; transform: translateY(40px);  transition: opacity 0.8s ease, transform 0.8s ease;}
#ctn04.active .timeSwiper  {  opacity: 1; transform: translateY(0);    transition-delay: 0.5s;}

#ctn04 .timeSwiper .swiper-slide {text-align:center;    scale: 0.9;    transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), scale 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.6s ease;}
#ctn04 .timeSwiper .swiper-slide.swiper-slide-active {scale: 1; transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), scale 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);} 

#ctn04 .timeSwiper .swiper-slide .img-zone {position:relative;}
#ctn04 .timeSwiper .swiper-slide .img-zone img {max-width:100%;border-radius:15rem;}
#ctn04 .timeSwiper .swiper-slide .img-zone p {color: #FFF; font-family: 'Poppins'; font-size: 5rem; font-weight: 700; line-height: 5rem; letter-spacing: -0.025rem;position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);}
#ctn04 .timeSwiper .swiper-slide .txt-zone{margin-top:2.5rem;}
#ctn04 .timeSwiper .swiper-slide .txt-zone .tit{color: #333; font-size: 1.4rem; font-weight: 700; line-height: 1.4rem; letter-spacing: -0.007rem;}
#ctn04 .timeSwiper .swiper-slide .txt-zone .stxt {color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.3rem; letter-spacing: -0.0045rem;margin-top:0.5rem;}

#ctn04 .button-next {width:3.5rem;height:3.5rem;border-radius:50%;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);position:absolute;top:calc(50% - 3.2rem);right:22.5%;z-index:1;background:#fff;transform:translateY(-50%);background:#fff url(../images/main/arrow-right.svg)no-repeat center center;cursor:pointer;}

#ctn04 .button-prev {width:3.5rem;height:3.5rem;border-radius:50%;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);position:absolute;top:calc(50% - 3.2rem);left:22.5%;z-index:1;background:#fff;transform:translateY(-50%);background:#fff url(../images/main/arrow-left.svg)no-repeat center center;cursor:pointer;}

#ctn04 .button-next:hover,
#ctn04 .button-prev:hover {border:1px solid #D9141C}

#hearts {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 클릭 막지 않음 */
    overflow: hidden;
    z-index: 999;
}

.heart-container {
    position: absolute;
    top: -50px;
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.heart {
    color: #ff3366; /* 하트 색상 */
    font-size: 20px;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes fall {
    0% { transform: translateY(-50px); }
    100% { transform: translateY(110vh); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes swing {
    0% { transform: translateX(0); }
    50% { transform: translateX(20px); }
    100% { transform: translateX(0); }
}

@keyframes flip {
    0% { transform: rotateX(0deg); }
    50% { transform: rotateX(180deg); }
    100% { transform: rotateX(360deg); }
}

@keyframes flipY {
    0% { transform: rotateY(0deg); }
    50% { transform: rotateY(180deg); }
    100% { transform: rotateY(360deg); }
}

@keyframes flipX {
    0% { transform: rotate(0deg) rotateX(180deg); }
    100% { transform: rotate(360deg) rotateX(0deg); }
}


#ctn04 .time-list {overflow:hidden;margin-top:2.75rem;position:relative;}
#ctn04 .time-list > .time-list {margin-top:0;}
#ctn04 .time-list:after{content:'';position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0;}
#ctn04 .time-list .swiper-slide{text-align:center;padding-bottom:1rem;border-bottom:1px solid #ddd; font-size: 1.4rem; font-weight: 700; line-height: 1.4rem; letter-spacing: -0.007rem;color:rgba(51,51,51,0.2);}
#ctn04 .time-list .swiper-slide.swiper-slide-active span{  display: inline-block; background: linear-gradient( 270deg, #F39800  0%,   /* 시작: 주황 */ #F8A53A 10%,  /* 중간: 주황+빨강 섞인 톤 */ #D9141C  100%  /* 끝: 빨강 */ ); -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-size: 1.4rem; font-weight: 700; line-height: 1.4rem; letter-spacing: -0.007rem;}
#ctn04 .time-list .swiper-slide.swiper-slide-active span {position:relative;z-index:1;}
#ctn04 .time-list .swiper-slide.swiper-slide-active span:after{content:'';position:absolute;width:100%;height:2px;background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);left:0;bottom:-1rem;z-index:1;}

#ctn04 .btn-web {display:block;}

@media (max-width:1030px){
	#ctn04 .button-prev{left:10%;}
	#ctn04 .button-next{right:10%;}
}
@media (max-width:767px){
	#ctn04 .btn-web {display:none;}
	#ctn04 .control-box {position:relative;height:20px;display:flex;align-items:center;margin-top:27px;}
	#ctn04 .control-box .swiper-pagination {width:calc(100% - 40px);height:1px;position:relative;}
	#ctn04 .control-box .button-next{width:20px;height:20px;background:url(../images/main/mob-right-arrow.svg)no-repeat center center;background-size:cover;position:relative;top:auto;    transform: translateY(0);box-shadow:inherit;border-radius:0;right:auto;}
	#ctn04 .control-box .button-prev{width:20px;height:20px;background:url(../images/main/mob-left-arrow.svg)no-repeat center center;background-size:cover;position:relative;top:auto;    transform: translateY(0);box-shadow:inherit;border-radius:0;left:auto;}

	#ctn04 .control-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;}
	#ctn04 .time-list:after{display:none;}
	#ctn04 .time-list .swiper-slide{border-bottom:none;}
	#ctn04 .time-list .swiper-slide.swiper-slide-active span:after{display:none;}
	#ctn04 .timeSwiper .swiper-slide .img-zone p{font-size:50px;line-height:1.3;    bottom: -1rem;}
}



/*게시판*/
#board {padding-top:9rem;}
#board .tit-zone {display:flex;justify-content:space-between;align-items:center;}
#board .board-list{margin-top:2.75rem;}
#board .board-list > li:first-child{border-top:1px solid #333;}
#board .board-list > li {border-bottom:1px solid #333;padding:48px 1.5rem ;}
#board .board-list > li > a {display:flex;}
#board .board-list > li > a .date {color: #666;font-size: 0.9rem; font-weight: 400; line-height: 0.9rem; /* 100% */ letter-spacing: -0.0045rem;display:inline-block;width:4.1rem;margin:0 2.5rem 0 1.5rem;line-height: 1.55rem;}
#board .board-list > li > a .tit {color: #333;  font-size: 1.2rem; font-style: normal; font-weight: 600; line-height: 1.3;letter-spacing: -0.006rem;flex:1;display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#board .board-list > li > a:hover .tit{background: linear-gradient(270deg, #F39800 0%, #D9141C 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;} 

#board .con {
    position: relative;
}

#board .hover-img-box {
    position: absolute;
    right: 0;
    top: 0; /* 기준점만 잡아두기 */
    width: 16rem; /* 필요한 크기로 조절 */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

#board .hover-img-box img {
    display: block;
    width: 100%;
}

#board .hover-img-box.on {
    opacity: 1;
    transform: translateY(0);
}

#board .board-list > li {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* active 되면 등장 */
#board.active .board-list > li {
    opacity: 1;
    transform: translateY(0);
}

/* 순차 딜레이 */
#board.active .board-list > li:nth-child(1) {
    transition-delay: 0.1s;
}
#board.active .board-list > li:nth-child(2) {
    transition-delay: 0.25s;
}
#board.active .board-list > li:nth-child(3) {
    transition-delay: 0.4s;
}
#board.active .board-list > li:nth-child(4) {
    transition-delay: 0.55s;
}

@media (max-width:1030px){
	#board{padding-top:5rem;}
	#board .board-list > li > a .date{margin-left:0;margin-right:1.5rem;}
}
@media (max-width:767px){
	#board .board-list > li{padding:1rem;}
	#board .board-list > li > a{flex-direction:column;gap:0.75rem;}
	#board .board-list > li > a .date{margin-right:0;}
}


/*ctn05 */
#ctn05 {padding-top:12.5rem;}
#ctn05 .tit-zone{text-align:center;}
#ctn05 .one-list {display:flex;margin-top:2.75rem;}
#ctn05 .one-list > li {width: calc((100% + 4.65rem) / 4);aspect-ratio: 1 / 1;border-radius:50%;background:rgba(217,20,28,0.05);position:relative;display:flex;justify-content:center;align-items:center;text-align:center;}
#ctn05 .one-list > li:not(:first-child){margin-left:-1.55rem;}
#ctn05 .one-list > li:after{content:'';position:absolute;width:100%;height:100%;background:url(../images/main/one-bg01.png)no-repeat center bottom;left:0;bottom:0;background-size: contain;z-index:1;}
#ctn05 .one-list > li:nth-child(even) {background:rgba(243,152,0,0.05);}
#ctn05 .one-list > li:nth-child(even):after{background:url(../images/main/one-bg02.png)no-repeat top center;left:0;bottom:0;background-size: contain;z-index:999;}

#ctn05 .one-list > li .tit {display:flex;align-items:flex-end;justify-content:center;color: #333; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;margin:1.25rem 0 0.75rem 0;}
#ctn05 .one-list > li .tit b {color: #333; font-family: 'Poppins'; font-size: 2.75rem; font-weight: 700; line-height: 2.75rem; letter-spacing: -0.01375rem;}
#ctn05 .one-list > li .tit span {color: #333; font-family: 'Poppins'; font-size: 1.75rem; font-weight: 500; line-height: 1.75rem; letter-spacing: -0.00875rem;}
#ctn05 .one-list > li .tit em {padding-left:0.35rem;}
#ctn05 .one-list > li .stxt {color: #666; font-size: 1.15rem; font-weight: 600; line-height: 1.15rem; letter-spacing: -0.00575rem;}


/*애니메이션*/
#ctn05 .one-list > li {
    opacity: 0;
    transform: translateY(40px) scale(0.9);
    transition: all 0.7s ease;
}

/* active가 되면 등장 */
#ctn05.active .one-list > li {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* 순차 지연 */
#ctn05.active .one-list > li:nth-child(1) { transition-delay: 0.2s; }
#ctn05.active .one-list > li:nth-child(2) { transition-delay: 0.35s; }
#ctn05.active .one-list > li:nth-child(3) { transition-delay: 0.50s; }
#ctn05.active .one-list > li:nth-child(4) { transition-delay: 0.65s; }

@media (max-width:1500px){
	#ctn05 .one-list > li .tit b{font-size:1.75rem;line-height:1.75rem;}
	#ctn05 .one-list > li .stxt{font-size:1rem;line-height:1rem;}
	#ctn05 .one-list > li:not(:first-child){margin-left:-1.3rem}
	#ctn05 .one-list > li {width: calc((100% + 3.9rem) / 4);}
 }

@media (max-width:1030px){
 	#ctn05 .one-list > li img {width:4.75rem;}
	#ctn05{padding-top:5rem;}
 
}
@media (max-width:767px){
	#ctn05 .one-list > li:after{display:none;}
	#ctn05 .one-list{flex-wrap:wrap;}
	#ctn05 .one-list > li {width: calc((100% + 1.3rem) / 2);}
	#ctn05 .one-list > li:nth-child(3){margin-left:0;margin-top:-1.3rem;}
	#ctn05 .one-list > li:nth-child(4){margin-top:-1.3rem;}
	#ctn05 .one-list > li img{width:50px;}
	#ctn05 .one-list > li .stxt{line-height:1.3;}

}


/*ctn06 */
#ctn06 {padding:12.5rem 0 9.95rem 0;position:relative;overflow:hidden;}
#ctn06 .con {position:relative;z-index:1;}
#ctn06 .bg{position:absolute;left:0;width:100%;z-index:0;    bottom: -120px;opacity:0;    transition: all 1.2s 
ease;}
#ctn06 .bg img {width:100%;}
#ctn06.active .bg{bottom: 0; opacity: 1;}

#ctn06 .tit-zone {text-align:center;}
#ctn06 .more-btn {margin:0 auto;margin-top:2.75rem; background-color: inherit;
background-image: url(../images/main/more-arrow.png);
background-repeat: no-repeat;
background-position: center right 0.8rem;}
#ctn06 .more-btn:hover{background: #D9141C url(../images/main/more-arrow-btn.png) no-repeat center right +0.8rem;}

#ctn06 .emblem {margin-top:4rem;position:relative;height:14.75rem;display:flex;justify-content:space-between;align-items:center;
}
#ctn06 .emblem img {position:absolute;left:50%;transform:translateX(-50%);top:0;}
#ctn06 .emblem > div p { font-family: 'Poppins'; font-size: 5.5rem; font-weight: 700; line-height: 5.5rem; letter-spacing: -0.0275rem;}
#ctn06 .emblem > div{display:flex;align-items:center;gap:2rem;}
#ctn06 .emblem > div span {padding:1.25rem 4rem;border-radius:5rem;color: #FFF; text-align: center; font-size: 1.3rem; font-weight: 700; line-height: 1.3rem; letter-spacing: -0.0065rem;}
#ctn06 .emblem .left-box span {background:#D9141C;}
#ctn06 .emblem .left-box p {color:#D9141C;opacity: 0.15;}
#ctn06 .emblem .right-box span  {background:#F39800;}
#ctn06 .emblem .right-box p {color:#F39800;opacity: 0.25;}
#ctn06 .emblem .right-box {flex-direction:row-reverse;}

#ctn06 .more-btn {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
#ctn06.active .more-btn{opacity: 1; transform: translateY(0); transition-delay: 0.5s;}

/*애니메이션*/
/* 초기 상태 */
#ctn06 .emblem img {
    opacity: 0;
     transform: translate(-50%,40px);
    transition: all 0.8s ease;
}

#ctn06 .emblem .left-box {
    opacity: 0;
    transform: translateX(-40px);
    transition: all 0.8s ease 0.15s; /* 약간 딜레이 */
}

#ctn06 .emblem .right-box {
    opacity: 0;
    transform: translateX(40px);
    transition: all 0.8s ease 0.15s;
}


/* active 되었을 때 등장 */
#ctn06.active .emblem img {
    opacity: 1;
    transform: translate(-50%,0);
	transition-delay: 0.75s;
}

#ctn06.active .emblem .left-box {
    opacity: 1;
    transform: translateX(0);
	transition-delay: 0.9s;
}

#ctn06.active .emblem .right-box {
    opacity: 1;
    transform: translateX(0);
	transition-delay: 1.05s;
}
@media (max-width:1500px){
	#ctn06 .emblem > div p{font-size:3.5rem;line-height:3.5rem;}
	#ctn06 .emblem > div span{padding:1.25rem 2rem;}
}
@media (max-width:1030px){
	#ctn06 {padding:5rem 0 132px 0;}
	#ctn06 .emblem > div p{display:none;}
	#ctn06 .emblem{height:131px;}
	#ctn06 .emblem img{height:131px;}
	#ctn06 .emblem{position:relative;}
	#ctn06 .emblem:after{content:'';position:absolute;width:333px;height:330px;background:url(../images/main/emblem-bg.png)no-repeat center center;background-size:cover;left:50%;bottom:50%;transform:translate(-50%,50%);z-index:-1;}

}
@media (max-width:500px){
	#ctn06 .emblem > div span{padding:10px 15px;}
}



#ctn07{padding:9.2rem 0 12.2rem 0;overflow:hidden;background:url(../images/main/ctn07-bg.png)no-repeat bottom right;}
#ctn07 .top-text{padding-left:5.8rem;display:flex;gap:8.7rem;}
#ctn07 .top-text .desc{color: #666; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.0045rem;flex:1;padding-top:2.55rem;opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
#ctn07 .top-text .desc b {color:#333;font-weight:500;}
#ctn07 .donationSwiper {margin-top:4rem;opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}


#ctn07 .donationSwiper img {max-width:100%;}
#ctn07 .donationSwiper .swiper-slide {position:relative;transition: transform 0.6s ease; }
#ctn07 .donationSwiper .swiper-slide p {position:absolute;color: #FFF; font-size: 0.75rem; font-weight: 600; line-height: 0.75rem; letter-spacing: -0.00375rem;left:1.4rem ;bottom:1.2rem;z-index:1;}
#ctn07 .donationSwiper .swiper-slide.swiper-slide-prev {transform:translateY(4rem);}
#ctn07 .donationSwiper .swiper-slide.swiper-slide-next {transform:translateY(4rem);}
#ctn07 .donationSwiper .swiper-slide:hover{transform:translateY(-2rem);}
#ctn07 .donationSwiper .swiper-slide.swiper-slide-prev:hover {transform:translateY(2rem);}
#ctn07 .donationSwiper .swiper-slide.swiper-slide-next:hover {transform:translateY(2rem);}

#ctn07.active .top-text .desc {opacity: 1; transform: translateY(0); transition-delay: 0.25s;}
#ctn07 .more-btn {opacity: 0; transform: translateY(40px); transition: all 0.9s ease;}
#ctn07.active .more-btn{opacity: 1; transform: translateY(0); transition-delay: 0.5s;}
#ctn07.active .donationSwiper{opacity: 1; transform: translateY(0); transition-delay: 0.75s;}


@media (max-width:1500px){	
	#ctn07 .top-text{padding-left:1rem;gap:5rem;}
}
@media (max-width:1030px){	
	#ctn07 .top-text {flex-direction:column;gap:1.5rem;}
	#ctn07{padding:5rem 0 8.2rem 0;}
}


#intro {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    pointer-events: none;
    overflow: hidden;
}

/* 상단 포인트 이미지 */
#intro:after{
    content:'';
    position:absolute;
    width:10rem;
    height:5rem;
    background:url(../images/main/intro-poin.png) no-repeat center center;
    background-size:cover;
    top:0;
    left:50%;
    transform:translateX(-50%);
    opacity: 1;
    transition: opacity 0.6s ease;
}
#intro.active:after {
    opacity: 0;
}

/* 가운데 로고 (필요하면 유지) */
#intro > img {
    position:absolute;
    left:50%;
    top: calc(50% + 2.5rem);
    transform:translate(-50%,-50%);
    z-index:1;
}

#intro > div {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

/* 공통 패널 스타일 */
#intro .left,
#intro .right {
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #fff; /* 처음엔 흰색 */
    transition:
        background-color 0.8s ease,              /* 색 부드럽게 변경 */
        clip-path 1.6s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transition:
        background-color 0.8s ease,
        -webkit-clip-path 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 패널 안 로고 정렬 */
#intro .left img,
#intro .right img {
    margin-top: 5rem;
	width:35.6rem;
}

/* 왼쪽 상단 포인트 */
#intro .left > div {
    position:absolute;
    right:50vw;
    top:0;
    width:5rem;
    height:5rem;
    background:url(../images/main/intro-point01.png) no-repeat center center;
    background-size:cover;
}

/* 왼쪽 패널 – 처음엔 꽉 차 있음 */
#intro .left {
    left: 0;
    top: 0;
    border-radius: 0 5rem 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* 오른쪽 패널 – 처음엔 꽉 차 있음 */
#intro .right {
    right: 0;
    top: 0;
    border-radius: 5rem 0 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* 🔥 active 되면 색상 → 빨강, clip-path로 양옆으로 열림 */
#intro.active .left,
#intro.active .right {
    background: #D9141C;
}

#intro.active .left {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

#intro.active .right {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

@media (max-width:767px){
#intro .left img,
#intro .right img{
	width:80%;
	}
	}


/* 화살표 버튼 커스텀(원하면 스타일 바꿔도 됨) */
.event-swiper .event-prev,
.event-swiper .event-next {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid #ddd;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

/* 위치 */
.event-swiper .event-prev {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
    position: absolute;
    top: calc(50% - 7.1rem);
    left: 16%;
    z-index: 1;
    background: #fff;
    transform: translateY(-50%);
    background: #fff url(../images/main/arrow-left.svg) no-repeat center center;
    cursor: pointer;

}
.event-swiper .event-next {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
    position: absolute;
    top: calc(50% - 7.1rem);
    left: 20%;
    z-index: 1;
    background: #fff;
    transform: translateY(-50%);
    background: #fff url(../images/main/arrow-right.svg) no-repeat center center;
    cursor: pointer;

}


/* ✅ 처음/끝 도달 시 비활성화 */
.event-swiper .swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

@media (max-width:1500px){
    .event-swiper .event-prev {left: 16%; }
    .event-swiper .event-next {left: 20%; }
}

@media (max-width:1200px){

    .event-swiper .event-prev {left: 15%;   width: 1.8rem;height: 1.8rem; top: calc(50% - 6.8rem)}
    .event-swiper .event-next {left: 19%;   width: 1.8rem;height: 1.8rem; top: calc(50% - 6.8rem)}
}

@media (max-width:767px){
    .event-swiper .event-prev {left: 26%; }
    .event-swiper .event-next {left: 34%; }
}