@media (max-width:1280px) {
	.w1200{padding:0 5%;}
}

/* reset 설정 */
:root{
/* color*/
--color-point:#28a987;
--color-point2:#cf003c;
--color-yellow:#8f6449;
--color-gray:#f5f5f5;
--color-gray-border:#e1e1e1;
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1

}



#hd_pop{z-index:998;}



/* Common */
#wrap{position: relative; overflow: hidden;}
.area{max-width: 1600px; margin: 0 auto;}
[data-aos=fade-down]{transform:translate3d(0,-20px,0);} /* aos 이벤트 위치 조정 */


@media (max-width: 1640px){
    .area{padding: 0 20px;}
}



/* Visual */
#visual{padding-top: 160px;}
#visual .vinner{display: flex; justify-content: center; align-items: center; position: relative; padding: 50px 20px; background: #e4efe9;}
#visual .vcity{position: absolute; top: 30px; left: 30px;}
#visual .vleft{text-align: center;}
#visual .vleft ul li:nth-child(2){padding: 35px 0 0 30px;}
#visual .vleft ul li img{max-width: 100%;}
#visual .vright{position: relative; margin: 30px 160px 0 250px; text-align: center;}
#visual .vright .vearth ul li:nth-last-child(1){padding-top: 40px;}
#visual .vright .vperson p{position: absolute;}
#visual .vright .vperson p:nth-child(1){top: -60px; left: -135px; animation: updown1 3s linear 1s infinite alternate;}
#visual .vright .vperson p:nth-child(2){top: -85px; right: -105px; animation: updown2 4s linear 1s infinite alternate;}
#visual .vright .vperson p:nth-child(3){top: 270px; left: -120px;}
#visual .vright .vperson p:nth-child(4){top: 210px; right: -170px;}

@keyframes updown1 {
    0% {top: -60px;}
    50% {top: -100px;}
    50% {top: -70px;}
    100% {top: -60px;}
}
@keyframes updown2 {
    0% {top: -85px;}
    50% {top: -65px;}
    50% {top: -100px;}
    100% {top: -85px;}
}

@media (max-width: 1536px){
    #visual .vinner{gap: 7%;}
    #visual .vcity{display: none;}
    #visual .vleft{width: 40%;}
    #visual .vright{width: 50%; margin: 0 3% 0 0;}
    #visual .vright .vperson p:nth-child(1){top: -40px; left: 10px;}
    #visual .vright .vperson p:nth-child(2){top: -65px; right: 40px;}
    #visual .vright .vperson p:nth-child(3){left: 25px;}
    #visual .vright .vperson p:nth-child(4){right: -25px;}

    @keyframes updown1 {
        0% {top: -40px;}
        50% {top: -80px;}
        50% {top: -50px;}
        100% {top: -40px;}
    }
    @keyframes updown2 {
        0% {top: -65px;}
        50% {top: -45px;}
        50% {top: -80px;}
        100% {top: -65px;}
    }
}
@media (max-width: 1280px){
    #visual{padding-top: 80px;}
    #visual .vinner{gap: 5%;}
    #visual .vright{width: 80%;}
    #visual .vright .vearth ul li:nth-child(1) img{height: 320px;}
    #visual .vright .vearth ul li:nth-child(2) img{height: 32px;}
    #visual .vright .vperson p:nth-child(1) img{height: 200px;}
    #visual .vright .vperson p:nth-child(2) img{height: 200px;}
    #visual .vright .vperson p:nth-child(3) img{height: 220px;}
    #visual .vright .vperson p:nth-child(4) img{height: 280px;}
}
@media (max-width: 1024px){
    #visual .vinner{display: block; gap: unset;}
    #visual .vleft{width: 100%;}
    #visual .vleft ul li:nth-child(1) img{height: 300px;}
    #visual .vleft ul li:nth-child(2){padding: 35px 0 0;}
    #visual .vright{display:block; margin:auto; margin-top:100px;}
}
@media (max-width: 768px){
    #visual .vleft ul li:nth-child(1) img{height: 220px;}
    #visual .vleft ul li:nth-child(2){padding: 20px 0 0;}
    #visual .vleft ul li:nth-child(2) img{height: 80px;}

	#visual .vright .vearth ul li:nth-child(1) img{ max-width:100%; height:auto; max-height:320px;}
	#visual .vright .vearth ul li:nth-child(2) img{ max-width:100%; height:auto; max-height:32px;}
	#visual .vright .vperson p:nth-child(1){left:-40px;}
	#visual .vright .vperson p:nth-child(2){right:-40px;}
	#visual .vright .vperson p:nth-child(3){left:-10px;}
	#visual .vright .vperson p:nth-child(4){right:-40px;}
}
@media (max-width: 640px){
    #visual{padding-top: 60px;}
    #visual .vinner{padding: 30px 20px;}
    #visual .vleft ul li:nth-child(1) img{height: 160px;}
    #visual .vleft ul li:nth-child(2) img{height: 60px;}

	#visual .vright .vperson p:nth-child(1) img{height:150px;}
	#visual .vright .vperson p:nth-child(2) img{height:150px;}
	#visual .vright .vperson p:nth-child(3) img{height:150px;}
	#visual .vright .vperson p:nth-child(4) img{height:150px;}

	#visual .vright .vperson p:nth-child(3){left:-30px;}
	#visual .vright .vperson p:nth-child(4){top:270px;}
}

@media (max-width: 520px){
	#visual .vright {margin-top:86px;}	
	#visual .vright .vperson p:nth-child(1) img,
	#visual .vright .vperson p:nth-child(2) img {height:134px;}
	#visual .vright .vperson p:nth-child(3),
	#visual .vright .vperson p:nth-child(4) {display:none;}
}

        

/* Program */
.programs{padding: 120px 0 0 150px;}
.programs .protit{display: flex; align-items: center; padding-bottom: 50px;}
.programs .protit h3{font-family:'GmarketSansBold'; font-size: 48px;}

.programs .numcount{margin-top: -5px;}
.programs .numcount span{font-family:'GmarketSansMedium'; font-size: 24px;}
.programs .numcount span.now{font-family:'GmarketSansBold'; color: #28a987;}

.programs .prarrow{position: relative; margin-right: 35px; padding: 0 25px 0 50px;}
.programs .prarrow:after{content: ''; position: absolute; top: 6px; right: 0; width: 1px; height: 30px; background: #ddd;}
.programs .prarrow button{background: none; border: none;}
.programs .prarrow button i{font-size: 38px;}

.programs .proslide{height: 500px;}
.programs .probox{position: relative; height: 500px; margin-right: 20px; border-radius: 10px; overflow: hidden; border: 1px solid #eee;}
.programs .probox > a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.programs .probox .proimg{position: relative; flex-shrink: 0; height: 280px; overflow: hidden;}
.programs .probox .proimg img{width: 100%; max-width: 100%; margin-top: -50px;}
.programs .probox .proimg span{position: absolute; top: 20px; left: 20px; height: 38px; line-height: 40px; padding: 0 22px; border-radius: 5px; 
    font-family:'GmarketSansMedium'; font-size: 18px; color: #fff;}
.programs .probox .protxt{padding: 35px;}
.programs .probox .protxt h4,
.programs .probox .protxt h5{margin-top: -5px; font-family:'GmarketSansMedium'; font-size: 20px; word-break: keep-all;}
.programs .probox .protxt h6{padding: 15px 0 30px; font-family:'GmarketSansMedium'; font-size: 18px; line-height: 26px; word-break: keep-all;}
.programs .probox .protxt ul{display: none;}
.programs .probox .protxt ul li p{position: relative; margin: 10px 0; padding-left: 18px; font-size: 18px; color: #555;}
.programs .probox .protxt ul li p:before{content: ''; position: absolute; top: 6px; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #555;}

.programs .probox.probox01 .proimg span{background: #55d588;}
.programs .probox.probox01 .protxt h6{color: #55d588;}
.programs .probox.probox02 .proimg span{background: #874be7;}
.programs .probox.probox02 .protxt h6{color: #874be7;}
.programs .probox.probox03 .proimg span{background: #53d5c9;}
.programs .probox.probox03 .protxt h6{color: #53d5c9;}
.programs .probox.probox04 .proimg span{background: #5475d6;}
.programs .probox.probox04 .protxt h6{color: #5475d6;}
.programs .probox.probox05 .proimg span{background: #c855d4;}
.programs .probox.probox05 .protxt h6{color: #c855d4;}
.programs .probox.probox06 .proimg span{background: #ffa453;}
.programs .probox.probox06 .protxt h6{color: #ffa453;}

@media (max-width: 1536px){
    .programs{padding: 120px 0 0 20px;}
}
@media (min-width: 1025px){
    .custom-cursor{position: absolute; width: 130px; height: 130px; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; text-align: center;
        background: #28a98790; border: 3px solid #28a987; backdrop-filter: blur(2px); font-family:'GmarketSansBold'; color: #fff;
        pointer-events: none; border-radius: 50%; opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s; z-index: 9999;}
    .custom-cursor.active{opacity: 1; visibility: visible;}
    
    .programs .probox .proimg{width: 360px;}
    .programs .probox.slick-slide.slick-active{width: 360px!important;}
    .programs .probox.slick-slide.slick-current.slick-active{display: flex; width: 840px!important; align-items: center; cursor: none!important;}
	.programs .probox.slick-slide.slick-current.slick-active > a{cursor: none!important;}
    .programs .probox.slick-slide.slick-current.slick-active .proimg{width: 400px;}
    .programs .probox.slick-slide.slick-current.slick-active .proimg img{margin-top: 0;}
    .programs .probox.slick-current .proimg{height: auto;}
    .programs .probox.slick-current .protxt{padding: 0 50px;}
    .programs .probox.slick-current .protxt h4{font-family:'GmarketSansBold'; font-size: 36px;}
    .programs .probox.slick-current .protxt h5{font-family:'GmarketSansBold'; font-size: 28px;}
    .programs .probox.slick-current .protxt h6{font-size: 20px; line-height: 30px;}
    .programs .probox.slick-current .protxt ul{display: block;}
}
@media (max-width: 1024px){    
    .custom-cursor{display: none;}

    .programs{padding: 100px 10px 0;}
    .programs .protit{padding: 0 0 30px 10px;}
    .programs .protit h3{font-size: 32px;}

    .programs .prarrow{margin-right: 30px; padding: 0 25px;}
    .programs .prarrow:after{height: 25px;}

    .programs .proslide{height: auto;}
    .programs .probox{margin: 0 10px;}
    .programs .probox .protxt{padding: 25px;}
}
@media (max-width: 640px){    
    .programs{padding: 55px 10px 0;}
    .programs .protit h3{font-size: 26px;}

    .programs .numcount{margin-top: -2px;}
    .programs .numcount span{font-size: 22px;}

    .programs .prarrow{margin-right: 18px; padding: 0 10px;}
    .programs .prarrow:after{top: 4px; height: 22px;}
    .programs .prarrow button.prnext{margin-left: -8px;}
    .programs .prarrow button i{font-size: 30px;}

    .programs .probox{height: auto;}
    .programs .probox .protxt h5{font-size: 20px; line-height: 26px;}
    .programs .probox .protxt h6{padding: 10px 0 0; font-size: 16px; line-height: 22px;}
}
  
  

/* Video */
.Yvideo{position: relative; padding: 120px 0 100px; text-align: center;}
.Yvideo:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 420px; background: url('../images/2025/main/video_bg.jpg') 0 0 no-repeat;}
.Yvideo .yvtit h3{padding-bottom: 50px; font-family:'GmarketSansBold'; font-size: 48px;}

.Yvideo .vd_all{position:relative; width:100%; max-width: 1200px; padding-bottom: 710px; margin: 0 auto;
    background:#fff; border-radius:60px; box-shadow: 0px 5px 21.25px 3.75px rgba(0, 0, 0, 0.1);}   
.Yvideo .vd_all video , .Yvideo .vd_all video[poster]{position: absolute; border-radius:22px; overflow:hidden; width:calc(100% - 80px);height:calc(100% - 80px); top:40px; left: 40px; z-index:3;} 
.Yvideo .vd_all::before{position:absolute; display:block; content:''; width:100%; height:100%; border:40px solid #f39501; border-radius: 50px; top:0; left:0; z-index:0;}
.Yvideo .vd_all::after{position:absolute; display:block; content:''; width:calc(100% - 30px); height:calc(100% - 30px); border:25px solid #f2f2f2; border-radius:40px; top:15px; left:15px; z-index:1;}

@media (max-width: 1240px){    
    .Yvideo{padding: 120px 20px 100px;}
    .Yvideo .vd_all{padding-bottom: 60%;}
}
@media (max-width: 1024px){  
    .Yvideo{padding: 100px 20px;}  
    .Yvideo .yvtit h3{padding-bottom: 20px; font-size: 32px;}
    .Yvideo .vd_all{border-radius:30px;} 
	.Yvideo .vd_all video , .Yvideo .vd_all video[poster]{width:calc(100% - 60px);height:calc(100% - 60px); top: 30px; left: 30px; border-radius:15px;}
	.Yvideo .vd_all::before{border-radius:25px;}
	.Yvideo .vd_all::after{border-radius:20px;}
}
@media (max-width: 640px){
    .Yvideo{padding: 55px 20px;}
    .Yvideo:before{height: 50%; background-size: cover;}
    .Yvideo .yvtit h3{font-size: 26px;}
}



/* 공지사항 + Q&A */
#news{padding: 120px 0;}
#news .area{display: flex; justify-content: space-between;}
#news .area > div{width: 48%;}
#news .sm_tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
#news .sm_tit h3{font-family:'GmarketSansBold'; font-size: 48px;}
#news .sm_tit a{display: inline-block; padding: 7px 16px 0; font-family:'GmarketSansMedium'; font-size: 38px; color: #fff; background: #eee; transition: all .3s;}
#news .sm_tit a:hover{background: #28a987;}

/* 공지사항 */
#news .note ul li + li{margin-top:15px;}
#news .note ul li a{display: flex; transition: all .3s; align-items: center;}
#news .note ul li a .date{width: 120px; height: 120px; border: 1px solid #bbb; color: #999; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1; transition: all .3s; border-radius:8px;}
#news .note ul li a .date h5{font-family:'GmarketSansBold', sans-serif; font-weight: normal; font-size: 42px; letter-spacing: -0.02em;}
#news .note ul li a .date p{font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size: 16px; letter-spacing: -0.02em; padding-top: 6px;}
#news .note ul li a .txt{padding-left: 25px; line-height: 1.2; display: flex; flex-direction: column; justify-content: center; width: calc(100% - 120px); word-break: keep-all;}
#news .note ul li a .txt h5{margin: 5px 0; font-family:'GmarketSansBold', sans-serif; font-size: 25px; color: #555; letter-spacing: -0.02em; transition: all .3s;
    word-break: keep-all; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#news .note ul li a .txt p{font-family:'GmarketSansMedium', sans-serif; font-size:20px; line-height:1.4; color:rgb(85 85 85 / 60%); letter-spacing: -0.02em; transition: all .3s;
    word-break: keep-all; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

/* Q&A */
#news .qna ul li + li{margin-top: 10px; }
#news .qna ul li a{transition: all .3s; position:relative; display:block; width:100%; padding:18px 25px; border: 1px solid #bbb; border-radius:8px; color: #555;}
#news .qna ul li a p{font-family:'GmarketSansMedium', sans-serif; font-weight: normal; font-size: 20px; letter-spacing: -0.02em;
    word-break: keep-all; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

@media (max-width: 1024px) {
	#news{padding: 100px 0;}
    #news .area{display: block;}
    #news .area > div{width: 100%;}
    #news .sm_tit{margin-bottom: 20px; padding-bottom: 10px;}
    #news .sm_tit h3{font-size: 32px;}
    #news .sm_tit a{padding: 7px 12px 0; font-size: 26px;}
    #news .note{padding-bottom: 75px;}
}
@media (min-width: 769px) {
	#news .area .note ul li a:hover .date{border: 1px solid #28a987; color: #28a987; transition: all .3s;}
	#news .area .note ul li a:hover .txt h5{color: #28a987; transition: all .3s;}
	#news .area .note ul li a:hover .txt p{color: #28a987; transition: all .3s;}
	#news .area .qna ul li a:hover{border: 1px solid #28a987; color: #28a987; transition: all .3s;}
}
@media (max-width: 768px) {
	#news .note ul li + li{margin-top:15px;}
	#news .note ul li a .date{width: 100px; height: 100px;}
	#news .note ul li a .date h5{font-size:38px;}
	#news .note ul li a .date p{font-size: 16px;}
	#news .note ul li a .txt{width: calc(100% - 100px);}
	#news .note ul li a .txt h5{font-size: 22px;}
	#news .note ul li a .txt p{font-size: 18px;}
}
@media (max-width:640px) {
	#news{padding: 55px 0;}
    #news .sm_tit{margin-bottom: 15px;}
    #news .sm_tit h3{font-size: 26px;}
    #news .sm_tit a{padding: 3px 10px 0;}
    #news .note{padding-bottom: 50px;}
	#news .note ul li + li{margin-top:10px;}
	#news .note ul li a .date{width: 85px; height: 85px; border-radius: 5px;}
	#news .note ul li a .date h5{font-size: 26px;}
	#news .note ul li a .date p{font-size: 12px;}
	#news .note ul li a .txt{width: calc(100% - 85px); padding-left: 12px;}
	#news .note ul li a .txt h5{font-size: 18px;}
	#news .note ul li a .txt p{font-size: 16px;}

    #news .qna ul li + li{margin-top: 5px;}
    #news .qna ul li a{padding: 15px 20px; border-radius: 5px;}
	#news .qna ul li a p{font-size: 18px;}
}



/* 후원사로고 */
#m-link{background:#f9f9f9; padding: 50px 0;}
#m-link .link-box{display:flex; justify-content: space-between;}
#m-link .link-box .link-item{width: 16%; text-align: center;}
#m-link .link-box .link-item a{display: block; width:100%; height: 90px; line-height: 88px; border: 1px solid #eee; overflow: hidden; background: #fff;}
#m-link .link-box .link-item a img{max-width: 100%;}
#m-link .link-box .link-item.new a img{max-width: 80%; max-height: 40px;}

@media (max-width: 1024px){
	#m-link .link-box{flex-wrap: wrap;}
	#m-link .link-box .link-item{width: 31%; margin: 1%;}
}
@media (max-width: 640px){
	#m-link{padding: 25px 0;}
	#m-link .link-box .link-item{width: 48%;}
    #m-link .link-box .link-item a{height: 80px; line-height: 78px;}
}



/* ------------------------------------------- 퀵메뉴 ------------------------------------------- */
#quick{position:fixed; right:0; top:28%; z-index: 9;}
#quick ul{}
#quick ul li{margin-bottom:15px;}
#quick ul li a{
	display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; width:130px; height:130px; border-radius:15px 0 0 15px; box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.1); text-align:center;
}
#quick ul li a img{width: 45px; transition-duration: 0.5s; transition-timing-function: ease-in-out}
#quick ul li a p{ font-family:'GmarketSansMedium', sans-serif; font-weight: 600; font-size:18px; line-height:1.13; color:#fff; margin-top:7px;}

#quick ul .qu-0 a{background: #F39500;}
#quick ul .qu-1 a{background:#28A987;}
#quick ul .qu-2 a{background:#2BACD1;}

#quick ul li a:hover img{transform: rotateY(360deg);}

@media (max-width:1200px){
	#quick ul li{margin-bottom:10px;}
	#quick ul li a{width:115px; height:115px; border-radius:10px 0 0 10px;}
	#quick ul li a img{width:38px;}
	#quick ul li a p{font-size:17px; margin-top:7px;}
	#quick ul li a:hover img{transform: rotateY(360deg);}
}
@media (max-width:860px) {
	#quick ul li{margin-bottom:10px;}
	#quick ul li a{width:100px; height:100px;}
	#quick ul li a img{width:32px;}
	#quick ul li a p{font-size:15px; margin-top:7px;}
}

@media (max-width:640px) {
	#quick ul li{margin-bottom:10px;}
	#quick ul li a{width:90px; height:90px;}
	#quick ul li a img{width:28px;}
	#quick ul li a p{font-size:14px; margin-top:7px;}
}