/********************************************************
■ 공통
********************************************************/
#container {--padding-y:clamp(4rem, 3.2rem + 5vw, 8rem);}
.inner {max-width: 84rem; margin: 0 auto; padding:0 clamp(1.6rem, 1.52rem + 0.5vw, 2rem); }

#header{animation: header-move 1s cubic-bezier(0.550, 0.055, 0.675, 0.190) both}

@media (max-width:1024px){ 
	#container {--padding-y:5rem;}
	.inner {padding:0 1rem; }
}
/********************************************************
■ 비쥬얼
********************************************************/
#visual {position:relative; overflow:hidden; width:100%; height:100dvh; background:#e57900 url('/images/default/main/vis_bg.webp')no-repeat right 50%; background-size:cover; }
#visual .inner{position:relative; height:100%; display: flex; align-items: center;}

.vtxt{color:#fff; z-index: 1;}
.vtxt p,
.vtxt h2{animation: txt-move 1s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
.vtxt .word1{font-weight:700; margin-bottom:clamp(0.8rem, 0.76rem + 0.25vw, 1rem); animation-delay: 0.1s;}
.vtxt h2{font-weight: 800; margin-bottom:clamp(0.6rem, 0.56rem + 0.25vw, 0.8rem); animation-delay: 0.3s;}
.vtxt h2 b{color: var(--black);}
.vtxt .word2{font-weight: 200;  animation-delay: 0.4s;}
.vtxt .vdate{margin-top:clamp(1.6rem, 1.48rem + 0.75vw, 2.2rem); font-weight: 800; display: flex; flex-direction: column; gap:clamp(0.4rem, 0.36rem + 0.25vw, 0.6rem);}
.vtxt .vdate em{font-weight: 500;}
.vtxt .word3{animation-delay: 0.6s; font-weight: 600;}
.vtxt .word4{animation-delay: 0.7s; font-weight:600;}

.vimg{position:absolute; right:10rem; top:56%; z-index:0; transform:translateY(-50%); --text-width:59rem; --cap-width:26.15rem; --bird1:13.8rem; --bird2:9.05rem;}
.vimg:before{content:""; position:absolute; left:50%; top:50%; width:var(--text-width);  aspect-ratio: 1253 / 516; background:url('/images/default/main/vis_text.svg')no-repeat right 50%; background-size:100%; z-index:-1; transform:translate(-50%,-52%); animation: textMove 2s .6s cubic-bezier(0.4, 0.11, 0.57, 1.02)  both;}
.vimg .vis_cap{display:block; width:var(--cap-width); aspect-ratio: 523 / 492;  animation: capMove 1s .1s cubic-bezier(0.4, 0.11, 0.57, 1.02) both;}
.vimg .vis_cap span{display:block; width:100%; height:100%; background:url('/images/default/main/vis_cap.webp')no-repeat right 50%; background-size:100%; animation: capMove1 10s .2s cubic-bezier(0.4, 0.11, 0.57, 1.02) infinite  both;}
.vimg .vis_bird1{position:absolute; right:-17%; top:-29%; width:var(--bird1);  aspect-ratio: 276 / 218;  animation: bird1Move 1s .5s cubic-bezier(0.4, 0.11, 0.57, 1.02) both;}
.vimg .vis_bird1 span{display:block; width:100%; height:100%; background:url('/images/default/main/vis_bird.svg')no-repeat right 50%; background-size:100%;  animation: bird1Move1 5s .5s cubic-bezier(0.4, 0.11, 0.57, 1.02) infinite  both;}
.vimg .vis_bird2{position:absolute; left:-33%; top:14%; width:var(--bird2);  aspect-ratio: 181 / 162; animation: bird2Move 1s .6s cubic-bezier(0.4, 0.11, 0.57, 1.02) both;}
.vimg .vis_bird2 span{display:block; width:100%; height:100%; background:url('/images/default/main/vis_bird1.svg')no-repeat right 50%; background-size:100%; animation: bird2Move1 5s .5s cubic-bezier(0.4, 0.11, 0.57, 1.02) infinite  both;}

#visual .quick{position:fixed; right:2rem; top:55%; z-index:5; transform:translateY(-50%); transition: all 0.5s ease-out 0s;}
#visual .quick ul{display: flex; flex-direction: column; gap:1.5rem;}
#visual .quick ul a{width: 3rem; aspect-ratio: 1; display: flex; padding: 0.5rem 0; flex-direction: column; justify-content: center; align-items: center;border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(0, 0, 0, 0.25); transition: all 0.3s ease-out 0s;}
#visual .quick ul a img{width:1.5rem;}
#visual .quick ul a:hover{background: rgba(0, 0, 0, 1); }
#visual .quick.remove{opacity:0; visibility: hidden;}

@keyframes header-move {
   0%   {opacity:0;}
   100% {opacity:1;}
}
@keyframes txt-move {
   0%   {transform:translateY(3rem); opacity:0;}
   100% {transform:translateY(0); opacity:1;}
}
@keyframes txt-moveX {
   0%   {transform:translateX(3rem); opacity:0;}
   100% {transform:translateX(0); opacity:1;}
}
@keyframes textMove {
    0%   {filter: blur(8px); clip-path: inset(0 50% 0 50%); opacity: 0;}
    100% {filter: blur(0px); clip-path: inset(0 0 0 0);  opacity: 1;}
}
@keyframes capMove {
    0%   {transform: translateY(30%) ;  opacity: 0;}
    100% {transform: none; opacity: 1;}
}
@keyframes capMove1 {
    50% {transform:  translateY(5%); }
}
@keyframes bird1Move {
    0%   {transform: translate(-10%, 10%) scale(.8) rotate(-15deg);  opacity: 0;}
    100% {transform: none; opacity: 1;}
}
@keyframes bird1Move1 {
    50% {transform: translate(-5%, 5%) scale(.9) rotate(-10deg); }
}
@keyframes bird2Move {
    0%   {transform: translate(10%, -10%) scale(.8) rotate(15deg); opacity: 0;}
    100% {transform: none;opacity: 1;}
}
@keyframes bird2Move1 {
    50% {transform: translate(5%, -5%) scale(.9) rotate(10deg); }
}

@media (max-width:1640px){ 
	.vimg{right:6rem;}
}
@media (max-width:1440px){ 
	.vimg{--text-width:50rem; --cap-width:20rem; --bird1:10rem; --bird2:7rem;}
}
@media (max-width:1024px){ 
	#visual {background-position:60% 50%;}
	#visual .inner{padding-top:16dvh; align-items: normal;}
	.vimg{transform: translate(-50%, 0%); right:auto; left:50%;}
	#visual .quick{right:1rem; top:auto; bottom:4rem; transform: translateY(0);}
	#visual .quick ul{gap:0.5rem;}
	#visual .quick ul a{width:2.5rem; background: rgba(0, 0, 0, 1);}
	#visual .quick ul a img{width:1.2rem;}
}
@media (max-width:768px){ 
	.vtxt h2{margin-bottom:1rem; font-size: 1.41rem;}
	.vtxt .word1{margin-bottom:1rem; font-size: 1.2rem;}
	.vtxt .word2,
	.vtxt .word3,
	.vtxt .word4{font-size:0.88rem;}
	.vtxt .word3 .fs30{font-size:1.24rem;}
	.vimg{top: 65%; --text-width:95vw; --cap-width:50vw; --bird1:22vw; --bird2:16vw;}
}
@media (max-width:320px){ 
	.vtxt h2{ font-size: 2.6rem;}
	.vtxt .word2,
	.vtxt .word3{font-size:0.9rem;}
	.vtxt .word4{font-size:1rem;}
	.vtxt .word3 .fs30{font-size:1.2rem;}
	.vtxt .vdate{margin-top:2rem;}
	.vimg { top: 70%;}
}

/********************************************************
■ 공통
********************************************************/
.title {position:relative; margin-bottom:3rem; color:var(--black)}
.title .title_text {display:inline-flex; align-items: center; gap:0.5rem; font-weight: 800; position:relative;}
.title .title_text .deco_wrap {display:inline-flex; align-items: center; gap: 1rem;}
.title .deco {display:block; width: 1.9rem; height:1.8rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.title .deco.normal {background-image:url('/images/default/main/title_deco_normal.png')}
.title .deco.orange {background-image:url('/images/default/main/title_deco_orange.png')}
.title p{font-weight: 200; margin-top:1rem;}

.main_bg{position:relative; border-radius: 0 13rem 0 0; background: linear-gradient(184deg, #FFF5EA 3.17%, #FFEFDE 127.41%); overflow:hidden;}

.more{display:flex; align-items: center; gap:1rem; font-weight:700; color:var(--black); letter-spacing: 0em;  z-index:0;}
.more .arrow{position:relative; display: flex; align-items: center;  justify-content: center; flex-shrink: 0; width: 1.411rem; aspect-ratio: 1; border-radius: 50%; border: 1px solid #FFF; background: #2B1910; box-shadow: 0 1.735px 13.884px 0 rgba(0, 0, 0, 0.10); transition: all 0.2s ease-out 0s;}
.more .arrow:after{content:""; width:0.65rem; aspect-ratio: 1; background:url('/images/default/main/icon_arrow.svg')no-repeat right 50%; background-size:100%;  transition: all 0.2s ease-out 0s;}
.more .arrow:before{content:""; position:absolute; left:-0.35rem; top:-0.35rem; width:calc(100% + 0.7rem); height:calc(100% + 0.7rem); border-radius: 50%; background:rgba(239, 126, 0, 0.1); z-index:-1;}
.more:hover .arrow{background:var(--main);}
.more:hover .arrow:before{background:rgba(239, 126, 0, 0.3); }

@media (max-width:1640px){ 
	.main_bg{border-radius: 0 8rem 0 0; }
}
@media (max-width:1024px){ 
	.title {margin-bottom:2rem; }

	.main_bg{border-radius: 0 5rem 0 0; }
}
@media (max-width:768px){ 
	.title .title_text {flex-direction: column; align-items: flex-start; gap: 0;}
}
@media (max-width:320px){ 
	.title h3{font-size: 2.2rem;}
	.title p{font-size: 1.25rem;}
}

/********************************************************
■ 컨텐츠
********************************************************/

/* -------- cts1 개요  -------- */
.cts1{padding:var(--padding-y) 0; background: linear-gradient(0deg, #FFF5EA 0%, #FFF5EA 100%);}
.cts1 .title h3 {}
.cts1 .control{position:absolute; right:0px; bottom:0px; display:flex; gap:1.4rem;}
.cts1 .control .mpPrev,
.cts1 .control .mpNext{width:4.5rem; aspect-ratio: 150/64; background-color: #ef7e00; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url('/images/default/main/arrow_big.svg'); mask-image: url('/images/default/main/arrow_big.svg'); cursor:pointer; transition: all 0.4s ease-out 0s;}
.cts1 .control .mpPrev{transform: scaleX(-1);}
.cts1 .control .mpPrev:hover,
.cts1 .control .mpNext:hover{background-color: #D85600;}

.mainProg_wrap{width: calc(100% + 8rem);}
.mainProg a{display:block;  overflow:hidden; border-radius: 0.6rem;}
.mainProg .bg{aspect-ratio: 37.6/49; width:100%; background-repeat:no-repeat; background-position:0 bottom; background-size:cover;}
.mainProg .txt{padding: 0.5rem 1rem; position:absolute; left:-1px; bottom:-1px; display: inline-flex; align-items: center; justify-content: center; min-width:62.5%; background:#fff; height:5rem; border-radius: 0 0.6rem 0 0; background: #FFF; border-top-right-radius:0.6rem; overflow:hidden;}
.mainProg .txt:before{content:""; position:absolute; right:0px; top:0px; width:2.4rem; aspect-ratio: 48/17; background:url('/images/default/main/img_patt.svg')no-repeat right 50%; background-size:100%;}
.mainProg .txt h4{ font-weight: 900; background-clip: text; color: transparent; background-position:0 bottom;}

@media (max-width:1640px){ 
	.mainProg_wrap{width: calc(100% + 2rem);}
}
@media (max-width:1440px){ 
	.cts1 .control{gap:2rem;}
	.cts1 .control .mpPrev,
	.cts1 .control .mpNext{width:5rem; }
}
@media (max-width:768px){ 
	.cts1 .control{gap:0rem; }
	.cts1 .control .mpPrev,
	.cts1 .control .mpNext{width:3rem; }
	.mainProg_wrap{width:100%;}
	.mainProg .bg{aspect-ratio: 37.6 / 43;}
}

/* -------- cts2 공지사항  -------- */
.main_bg:has(.cts2):before {content:""; position:absolute; right:2%; top:-4rem; width:17.7rem; aspect-ratio: 354/350; background:url('/images/default/main/bg_pattern01.svg')no-repeat right 50%; background-size:100%; animation: img-moveX 5s linear infinite  both;}
@keyframes img-moveX {
   50%{transform:translateX(-2rem);}
}
@keyframes img-moveY {
   50%{transform:translateY(1rem);}
}

.cts2{position:relative; padding:clamp(3.2rem, 3.14rem + 0.375vw, 3.5rem) 0 var(--padding-y);}
.cts2:before{content:""; position:absolute; left:-4rem; bottom:-8%; width:17.6rem; aspect-ratio: 352 / 333;  background:#FFF5EA url('/images/default/main/bg_pattern02.svg')no-repeat 0 0; background-size:100%; animation: img-moveY 7s linear infinite  both;  background-blend-mode: exclusion; opacity: 0.5;}
.cts2 .inner > .title {display: flex; justify-content: center;}
.cts2 .inner > .title h3 {color:var(--dmain);}

.cts2 .commu_con_wrap {display:flex; gap:1rem clamp(1.2rem, 1.04rem + 1vw, 2rem); position:relative; z-index:1;}
.cts2 .commu_con_wrap > div {padding:clamp(1.6rem, 1.57rem + 0.187vw, 1.75rem) clamp(1.2rem, 1.04rem + 1vw, 2rem); min-height: 20.9rem; border:1px solid #E9E9E9; border-radius:clamp(0.4rem, 0.36rem + 0.25vw, 0.6rem); background:#fff;}
.cts2 .commu_con_wrap > div .title{display:flex; justify-content: space-between; align-items: center; margin-bottom:clamp(1rem, 0.95rem + 0.313vw, 1.25rem);}
.cts2 .commu_con_wrap > div .title h3 {font-weight: 700;}
.cts2 .notice-wrap,
.cts2 .news-wrap {width:35.35%}
.cts2 .qna_wrap {flex:1; color:rgba(18, 18, 18, 0.80); background:#FFDABA url('/images/default/main/qna_sec_icon.webp') no-repeat right +2rem bottom +2rem !important; background-size:30% auto;}
.cts2 .qna_wrap .title {margin-bottom:clamp(1.6rem, 1.5rem + 0.625vw, 2.1rem) !important;}

.goToQnA {display: inline-block; padding:0.45rem clamp(0.8rem, 0.71rem + 0.563vw, 1.25rem); margin-top:clamp(2.4rem, 2.37rem + 0.187vw, 2.55rem); color:#fff; line-height:1; font-weight:700; border-radius: 3rem; border: 1px solid #FFF; background: linear-gradient(90deg, #FFAF65 -23.52%, #EF7E00 132.54%); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.06); position:relative; z-index:0; overflow:hidden;}
.goToQnA:after {content:''; display:block; width:100%; height:100%; background-color:hsla(44.81012658227848,100%,53%,1);background-image:radial-gradient(circle at 40% 20%, hsla(35.55555555555556,93%,54%,1) 0%,transparent 50%),radial-gradient(circle at 80% 0%, hsla(16.03960396039604,85%,53%,1) 0%,transparent 50%),radial-gradient(circle at 0% 50%, hsla(357.92079207920796,82%,52%,1) 0%,transparent 50%);background-blend-mode:normal,normal,normal; position:absolute; top:0; left:0; z-index:-1; opacity:0; transition:all 0.5s cubic-bezier(0.18,0.89,0.32,1.27);}
.goToQnA:hover:after {opacity:1;}

@media (max-width:1640px){ 
	.main_bg:has(.cts2):before{ width:15rem;}

	.cts2 .notice-wrap, .cts2 .news-wrap {width:32%;}
}
@media (max-width:1024px){ 
	
	.main_bg:has(.cts2):before{width:10rem;}
	.cts2 .commu_con_wrap {flex-wrap:wrap; width:100%;}
	.cts2 .commu_con_wrap > div {min-height:unset;}
	.cts2 .notice-wrap, .cts2 .news-wrap {width:calc((100% - clamp(1.2rem, 1.04rem + 1vw, 2rem) * 1)/2)}
	.cts2 .qna_wrap {flex-basis:100%;}
}
@media (max-width:768px){ 
	.cts2:before{left:-2rem; bottom:-4%; width:12rem;}
	.cts2 .notice-wrap, .cts2 .news-wrap {width:100%;}
	.cts2 .qna_wrap {background-position:right +1.2rem bottom +1.2rem !important;}
}

/* 공지사항 */
.notice-wrap{display: flex; flex-direction: column;}
.notice {flex:1;}
.notice ul{height:100%;}
.notice li{display:flex; align-items: flex-end; gap: 1rem; padding:0.9rem 0; border-top:2px solid #B3AAA4;}
.notice li:first-child {border-top:none; padding-top:0;}
.notice li:last-child {padding-bottom:0;}
.notice li a{flex:1;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  color:var(--black);}
.notice li p {text-align:right; font-weight: 600; color:var(--black);}
.notice li p span{opacity:0.5; font-size: 0.75rem; display:block; line-height:1;}
.notice li.no_post{border:none; display: flex; align-items: center;  justify-content: center; height: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 0.6rem;}


/* 갤러리 */
.photo_wrap{display:flex; gap:1rem; align-items: center;}
.mainPhoto{position:relative; width:50%; flex-shrink: 0; --btn-size:3.7rem;}
.mainPhoto .phNext,
.mainPhoto .phPrev{display: flex; align-items: center;  justify-content: center; width: var(--btn-size); height: var(--btn-size); margin-top:calc(-1 * calc(var(--btn-size) / 2)); background: rgba(255, 255, 255, 0.85); border:2px solid #fff;  filter: drop-shadow(0px 3.7px 9.25px rgba(0, 0, 0, 0.10)); backdrop-filter: blur(10px); border-radius:50%;}
.mainPhoto .phNext:after,
.mainPhoto .phPrev:after{content:""; width:1rem; aspect-ratio: 1; background:url('/images/default/main/icon_arrow_min.svg')no-repeat right 50%; background-size:100%; }
.mainPhoto .phPrev:after{transform: scaleX(-1);}
.mainPhoto .phPrev{right:auto; left:calc(-1 * calc(var(--btn-size) / 2))}
.mainPhoto .phNext{left:auto; right:calc(-1 * calc(var(--btn-size) / 2))}
.mainPhoto .pimg{aspect-ratio: 1; border-radius:0.6rem; overflow:hidden;}
.mainPhoto .pimg span{display:block; width:100%; height:100%;}
.photo-txt{flex:1; text-align:right; color:var(--black)}
.photo-txt h4{font-weight:800; margin-bottom:1rem; font-size: 2rem;}
.photo-txt p{font-weight:200;     font-size: 1.25rem;}

.aos-animate .festival-wrap .title{animation: txt-move 1s 0.6s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
.aos-animate .mainPhoto{ animation: txt-moveX 1s 0.8s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
.aos-animate .photo-txt{ animation: txt-moveX 1s 1s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}

@media (max-width:1440px){ 
	.mainPhoto {--btn-size:2.5rem;}
	.photo-txt h4{font-size: 1.6rem;}
	.photo-txt p{font-size:1rem;}
}
@media (max-width:1024px){ 
	.photo-txt h4{font-size: 2rem;}
	.photo-txt p{font-size:1.25rem;}
}
@media (max-width:768px){ 
	.photo_wrap{flex-direction: column; gap: 2rem;}
	.mainPhoto{width:90%; --btn-size:3rem;}
	.photo-txt{text-align:center;}
	.photo-txt h4{font-size:2.35rem}
	.photo-txt p{font-size:1.47rem;}

	.aos-animate .mainPhoto,
	.aos-animate .photo-txt{animation-name:txt-move}
}
@media (max-width:320px){ 
	.photo-txt h4{font-size:2.2rem}
	.photo-txt p{font-size:1.25rem;}
}

/* -------- cts3 영상  -------- */
.cts3{position:relative; padding:0 0 var(--padding-y); background:#fff; border-radius: clamp(2.8rem, 0.76rem + 12.75vw, 13rem) 0 0 0; z-index:0;}
.cts3:before,
.cts3:after{content:""; position:absolute;right:4%; z-index:-1; animation: img-moveX 10s linear infinite  both;}
.cts3:before{top:2rem; width:19.65rem; aspect-ratio: 393/253; background:url('/images/default/main/bg_cloud01.svg')no-repeat 0 0; background-size:100%; }
.cts3:after{bottom:4rem; width:17.95rem; aspect-ratio: 359/127; background:url('/images/default/main/bg_cloud02.svg')no-repeat 0 0; background-size:100%; }
.cts3 .inner{position:relative;}
.cts3 .inner:before{content:""; position:absolute;left:-12%; bottom:-6.5rem; height:7.65rem; aspect-ratio: 435/153; background:url('/images/default/main/bg_cloud03.svg')no-repeat 0 0; background-size:100%; animation: img-moveX 10s linear infinite  both;}
.vod_wrap{position:relative; max-width: 67.5rem; aspect-ratio: 217/122; margin:0 auto; border-radius:0.6rem; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.vod_wrap:before,
.vod_wrap:after{content:""; position:absolute; z-index:1; }
.vod_wrap:before{right:0; top:-6.4rem; height:7.4rem; aspect-ratio: 119/148; background:url('/images/default/main/obj_man01.svg')no-repeat 0 0; background-size:100%; animation: img-rotate2 5s linear infinite  both;}
.vod_wrap:after{left:-5%; bottom:-1rem; height:8.15rem; aspect-ratio: 158/163; background:url('/images/default/main/obj_man02.svg')no-repeat 0 0; background-size:100%; animation: img-rotate 5s linear infinite  both;}
.vod_wrap .vod{position:relative; width:100%; height:100%; border-radius:0.6rem; overflow:hidden; }
.vod_wrap iframe{position:absolute; width:100%; height:100%; left:0; top:0; will-change: transform;}

@keyframes img-rotate {
   50%{transform:rotate(10deg ); transform-origin: bottom;}
}
@keyframes img-rotate2 {
   50%{transform:rotate(5deg ) translate(0, 0.5rem ); transform-origin: bottom;}
}

@media (max-width:1640px){ 
	.cts3:before,
	.cts3:after{right:-10%; }
}
@media (max-width:1024px){ 
	.cts3:before{top:2rem; width:40%;  }
	.cts3:after{bottom:4rem; width:35%; }
	.cts3 .inner:before{bottom:-4.5rem; height:5rem;}
	.vod_wrap{margin:4rem auto 0;}
	.vod_wrap:before{top: -3.4rem; height: 4.4rem;}
	.vod_wrap:after{ left: -8%; height: 4.15rem;}
}

/* -------- cts4 소개  -------- */
.guide-wrap .swiper-slide {width:33.3%; height:41rem; z-index:0; overflow:hidden; background:#2B1910;}
.guide-wrap .guide-bg{position:absolute; left: 0; top: 0; width:100%; height:100%; z-index:-1; overflow:hidden;}
.guide-wrap .guide-bg:before{content:""; position:absolute; left: 0; top: 0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index: 1;}
.guide-wrap .guide-bg img{position:absolute; left: 50%; top: 50%; width:105%; height: 105%; transform:translate(-50%,-50%); object-fit: cover; filter: blur(7.5px);}
.guide-wrap .guide-text{height:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; color:#fff; padding:0 2rem; text-align:center;}
.guide-wrap .guide-text h4{ margin-bottom:2.5rem; }
.guide-wrap .guide-text h4 span{display:block; font-weight: 600; margin-bottom:2rem;}
.guide-wrap .guide-text .more{margin-top:clamp(4rem, 3.6rem + 2.5vw, 6rem); width:2.25rem; height:2.25rem; color:#fff; }
.guide-wrap .guide-text .more .arrow{background:#000;}
.guide-wrap .guide-text .more:hover .arrow{background: var(--main);}
.guide-wrap .guide-text .more .arrow:before{background:rgba(255,255,255,0.2);}
.guide-wrap .guide-text .more:hover .arrow:before{background:rgba(255,255,255,0.3);}

@media (min-width:1025px){ 
	.guide-wrap .over .guide-bg{left:50%; top:50%;  width: 125%; height: auto; aspect-ratio: 1;  border-radius:50%; transform:translate(-50%,-50%); transition: border-radius 0.4s ease-out 0s;}
	.guide-wrap .over .guide-bg:before{left:50%; top:50%; width: 60%; height: auto; aspect-ratio: 1; border-radius:50%; background:rgba(0,0,0,0.4); transform:translate(-50%,-50%); transition: border-radius 0.4s, background 0.4s  ease-out 0s;}
	.guide-wrap .over .guide-bg:after{content:""; position:absolute; left: 0; top: 0; width:100%; height:100%; background: rgba(255, 134, 0, 0.60); }
	.guide-wrap .over .guide-bg img{filter: blur(0px);}
	.guide-wrap .over .guide-text h4{animation: txt-move 0.4s 0.1s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
	.guide-wrap .over .guide-text p{display:none;}
	.guide-wrap .over .guide-text .more{animation: txt-move 0.4s 0.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both; margin-top:0;}

}
@media (max-width:1024px){ 
	.guide-wrap .swiper-slide-active .guide-text h4{animation: txt-move 0.4s 0.1s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
	.guide-wrap .swiper-slide-active .guide-text p{animation: txt-move 0.4s 0.3s cubic-bezier(0.550, 0.055, 0.675, 0.190) both;}
	.guide-wrap .swiper-slide-active .guide-text .more{animation: txt-move 0.4s 0.5s cubic-bezier(0.550, 0.055, 0.675, 0.190) both; }
}
@media (max-width:320px){ 
	.guide-wrap .guide-text h4{font-size:2.2rem;}
	.guide-wrap .guide-text h4 span{font-size: 1.5rem;}
}

/* -------- cts5 퀵버튼  -------- */
.cts5{padding:var(--padding-y) 0; }
.cts5 .inner {max-width:67.5rem;}
.btn_wrap{display:flex; gap:var(--btn-gap); --btn-gap:2rem;}
.btn_wrap li{width: 100%; min-height: clamp(4.8rem, 3.39rem + 8.813vw, 11.85rem); transition:width 0.4s ease-out 0s}
.btn_wrap a{position:relative; display:flex;  gap:0; height: 100%; color:#fff; padding:clamp(1.2rem, 1.13rem + 0.438vw, 1.55rem) clamp(1.2rem, 1.04rem + 1vw, 2rem);border-radius: 0.6rem; background: #EF7E00; box-shadow: 0 0 10px 0 rgba(74, 45, 0, 0.04) inset; border: 3px solid #EF7E00; transition: all 0.4s ease-out 0s;}
.btn_wrap a p {display:flex;flex-direction:column; align-items: flex-start; gap:clamp(0.2rem, 0.16rem + 0.25vw, 0.4rem); font-size: clamp(0.85rem, 0.84rem + 0.063vw, 0.9rem);}
.btn_wrap a b{display:inline-block; padding-bottom: clamp(0.6rem, 0.57rem + 0.188vw, 0.75rem); position:relative; font-weight:600;}
.btn_wrap a b:before{content:""; position:absolute; left:0px; bottom:0px; width:0; height:4px; background:#EF7E00; transition: width 0.4s ease-out 0s; }
.btn_wrap a i{display:inline-block; margin-left: auto;  width:clamp(3.2rem, 2.65rem + 3.438vw, 5.95rem); aspect-ratio: 1; transition: width 0.4s ease-out 0s, transform 0.4s ease-out 0s; background-size:100% auto; background-position:center center; background-repeat:no-repeat; position: absolute; bottom: 0.5rem; right: 1rem;} 
.btn_wrap a i.quick01{background-image: url('/images/default/main/icon_quick01_notHover.svg');}
.btn_wrap a i.quick02{background-image: url('/images/default/main/icon_quick02_notHover.svg');}
.btn_wrap a i.quick03{background-image:url('/images/default/main/icon_quick03_notHover.svg');}
.btn_wrap li.on {width:50%;}
.btn_wrap li:not(.on) {flex: 1; width:25%;}
.btn_wrap a:is(.on,:hover) {background:#fff; color:#EF7E00;}
.btn_wrap a:is(.on,:hover) b:before{width:100%;}
.btn_wrap a:is(.on,:hover) i{transform: translateY(-0.5rem);}

.btn_wrap a.on i {width:clamp(4.8rem, 4.18rem + 3.875vw, 7.9rem);}
.btn_wrap a:is(.on,:hover) i.quick01{background-image: url('/images/default/main/icon_quick01.svg');}
.btn_wrap a:is(.on,:hover) i.quick02{background-image: url('/images/default/main/icon_quick02.svg');}
.btn_wrap a:is(.on,:hover) i.quick03{background-image:url('/images/default/main/icon_quick03.svg');}

@media (max-width:1440px){ 
	.btn_wrap{--btn-gap:1rem;}
}
@media (max-width:1024px){ 
	.btn_wrap{flex-wrap:wrap; justify-content: center;}
	.btn_wrap li.on {flex-basis:100%;}
}
@media (max-width:768px){ 
	.btn_wrap a{gap:1rem;}
	.btn_wrap .fs17{font-size:0.85rem;}
	.btn_wrap .fs25 {font-size: 1.4rem;}
}
@media (max-width:450px){ 
	.btn_wrap .fs25 {font-size: 1.25rem;}
	.btn_wrap li:not(.on) {flex-basis:100%;}
}


/* -------- cts6 주최주관  -------- */
.main_bg:has(.cts6) {padding:var(--padding-y) 0 clamp(4rem, 3.96rem + 0.25vw, 4.2rem);background: transparent; border-radius: 0;
overflow: visible;}
.main_bg:has(.cts6):before {content:''; display:block; width:100%; height:6.3rem; background:url('/images/default/main/cts6_bg.webp') no-repeat center bottom; background-size:auto 100%; position:absolute; bottom:0; left:0;}


/* 주최주관 슬라이드 */
.host_slide {position:relative;}
.host_slide .swiper-container {padding-top: 1rem;}
.host_info {padding:3px; width:100%; height:auto; aspect-ratio:1; background:#fff; border-radius:100%; position:relative; cursor:pointer;}
.host_info.noLink {cursor:default;}
.host_logo {display: flex; align-items: center; justify-content: center; width:100%; height:100%; background:#fff; border-radius:100%;}
.host_logo img {width: 50%;}
.host_logo.long-logo img {width:80%;}

.slide_badge {display: flex; align-items: center; justify-content: center; width:5.2rem; height:3.6rem; color:#fff; font-size:0.7rem; font-weight:500; background-size:100% auto; background-position:center center; background-repeat:no-repeat; position: absolute; top: -0.5rem; right: 0;letter-spacing: -0.05em;}
.host_info:is(.isHost) {background: linear-gradient(168.501deg, #003B93 0%, #001638 100%);}
.host_info:is(.isHost) .slide_badge {background-image:url('/images/default/main/isHost.webp')}
.host_info:is(.isOrganizer) {background: linear-gradient(168.501deg, #008F07 0%, #004D04 100%);}
.host_info:is(.isOrganizer) .slide_badge {background-image:url('/images/default/main/isOrganizer.webp')}
.host_info:is(.isSponsor) {background: linear-gradient(168.501deg, #F4A300 0%, #C48300 100%);}
.host_info:is(.isSponsor) .slide_badge {background-image:url('/images/default/main/isSponsor.webp')}


/* 스와이퍼 페이지네이션 */
.host-prev,
.host-next {display: flex; align-items: center; justify-content: center; margin-top:0; width:3.7rem; height:3.7rem; aspect-ratio:1; color:var(--main); font-size:1.11rem; border-radius:100%; border:2px solid #fff; background:rgba(255,255,255,0.7); backdrop-filter:blur(9.25px); top:50%; transform:translateY(-50%); box-shadow: 0px 3.700000047683716px 9.25px 0px rgba(0, 0, 0, 10%); border:1px solid #ECE9E5;}
.host-prev {left:auto; right:102%;}
.host-next {right:auto; left:102%;}


@media (max-width:1800px){
	.host_slide {padding:0 5rem;}

	/* 스와이퍼 페이지네이션 */
	.host-prev {right:auto; left:0rem;}
	.host-next {left: auto; right:0rem;}
}     
@media (max-width:768px){
	/* 스와이퍼 페이지네이션 */
	.host-prev,
	.host-next {width:2.5rem; height:2.5rem;}
	.host-prev {left:-0.5rem;}
	.host-next {right:-0.5rem;}
}
@media (max-width:540px){
	.host_slide {padding:0 3rem;}
	.host_logo img {max-width: 100%;}
	.slide_badge {width: 6.2rem; height: 4.6rem;}
}