@charset "utf-8";

/* .popup{display:inline-block; position:absolute; top:130px; z-index:999;}
.popup1{left:3%; z-index:997;}
.popup4{left:3%; top:900px;}
.popup5{left:3%; top:680px;}

.popup2{right:3%; z-index:998;}
.popup3{right:3%; top:400px;}

.popup > div{display:flex; flex-direction:row-reverse; align-items:center; background:#333;}
.popup > div > button{color:#fff; font-size:15px; font-weight:bold; padding:.2em;}
@media all and (max-width:768px){
	.popup{width:80%; max-width:450px;}
	.popup img{max-width:100%;}
	.popup4{top:130px;}
	.popup5{top:130px;}
	.popup2{right:auto; left:3%;}
	.popup3{right:auto; left:3%; top:130px;}

	.popup > div > button{font-size:13px;}
} */


#mVisual .mv{position: relative; z-index:-1; height: 100vh; background-repeat: no-repeat; background-size:cover; background-position:center;}
#mVisual .mv1{background-image: url('/azalea/images/mv1_2025.webp');}
/* #mVisual .mv2{background-image: url('/azalea/images/mv_bg_2024.jpg');} */

#mVisual .mv img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#mVisual .slick-dots{transform: translateX(-50%);}
#mVisual .slick-dots li{width: 8px; height: 8px; background-color: #fff; opacity: 0.8; position: relative; margin-left: 12px; margin-right: 12px;}
#mVisual .slick-dots li.slick-active::after{content: ''; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; border: 1px solid #fff; border-radius: 100%; transform: translate(-50%, -50%);}
@media all and (max-width:1024px){
    #mVisual .mv img{max-width: 80%;}
}

.mtit h3{font-size: 5.5rem; padding: 0 0 3rem; letter-spacing: -0.075em;}
.mtit h3 .acc-font{font-family: 'Shilla_CultureB-Bold'; color: #ea4e59; font-size: 8rem; font-style: italic; } 
.mtit h3 .acc-font2{font-size: 1.2em;}
.mtit p{line-height: 180%;}

.br568mo{display: none;}
@media all and (max-width:1400px){
    .mtit h3{font-size: 4.5rem; padding:0 0 2.5rem;}
    .mtit h3 .acc-font{font-size: 7.5rem;}
}
@media all and (max-width:1024px){
    .br1024{display: none;}
}
@media all and (max-width:768px){
    #mVisual .mv{height: 110vw;}
    .mtit h3{font-size: 4rem; padding:0 0 2rem;}
    .mtit h3 .acc-font{font-size: 6.5rem;}
}
@media all and (max-width:568px){
    .mtit p{width: 75%; margin:0 auto;}
    .br568{display: none;}
    .br568mo{display: block;}


}
@media all and (max-width:380px){
    .mtit h3{font-size: 3rem; padding:0 0 1.5rem;}
    .mtit h3 .acc-font{font-size: 5rem;}
}

.fw300{font-weight: 300;}
.fw500{font-weight: 500;}
.fw700{font-weight: 700;}
.fz16{font-size: 1.6rem;}
.ff-1{font-family:"Shilla_CultureB-Bold";}

.sec1{padding:100px 0; position: relative;}
.sec1:before{content: ''; position: absolute; left: 0; top: 13%; width: 270px; height: 800px; background: url('../images/s1_bg1.png')no-repeat left top; background-size:contain; z-index: -1;}
.sec1:after{content: ''; position: absolute; right: 0; bottom: -50%; width: 253px; height: 494px; background: url('../images/s1_bg2.png')no-repeat right top; background-size:contain; z-index: 2;}
@media all and (max-width:1280px) {
    .sec1:after{width: 15%; background-size: contain;}

}
@media all and (max-width:1024px){
    .sec1:before{width: 18%; background-size: contain; top: 13%;}
}

.sec1 .infolist{max-width: 970px; width: 100%; margin:50px auto 0 auto;}
.infolist li{display: flex; align-items: center; height: 75px;}
.infolist li + li {margin-top: 10px;}
.infolist li strong{display: inline-block; height: 100%; margin-right: 14px; letter-spacing: 30px; padding-left: 26px; width: 220px; line-height: 75px; background-color: #e01f25; color: #fff; font-size: 2.2rem; border-radius: 38px; text-align: center;}
.infolist li strong.ls3{letter-spacing: 6px; padding-left: 3px;}
.infolist li p{height: 100%; width: 740px; display: flex; padding:0 40px; align-items: center; border:1px solid #f0ece1; border-radius: 38px; font-size: 2.1rem; font-weight: 500;}
.infolist li p img{max-width: 100%;}
@media all and (max-width:768px){
    .sec1{padding:50px 0;}
    .infolist li strong{letter-spacing: 10px; padding-left: 6px;}
    .infolist li strong.ls3{letter-spacing: 0; padding-left: 0;}
}
@media all and (max-width:620px){
    .infolist li strong{width: 30%; font-size: 2rem; margin-right: 5px;}
    .infolist li p{font-size: 1.6rem;}
    .infolist li p span span{font-size: 1.4rem;}
}
@media all and (max-width:568px){
    .infolist li strong{letter-spacing: 0; padding-left: 0; width: 80px; flex: 0 0 auto;}
    .infolist li p{padding:0 20px;}
}

.r-down{display: inline-block; position: absolute; right: 6%; bottom: 0;text-align: center; width: 120px; height: 120px; background: linear-gradient(135deg, #ea4e59, #ff83a3); display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%;}
.r-down:before{position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 125%; height: 125%; background: #fee2e4; border-radius: 50%; z-index: -1;}
.r-down:after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 145%; height: 145%; border:1px solid #fee3e2; border-radius: 50%; z-index: -1;}
@media all and (max-width:1520px){
    .r-down{position: relative; margin: 40px auto 0 auto; right: auto;}
}
@media all and (max-width:568px){
    .r-down{width: 80px; height: 80px;}
}

.sec2{padding: 120px 0 40px; position: relative; overflow-x: hidden;}
.sec2:before{content: ''; position: absolute; right: 0; bottom: 100px; width: 65%; height: 530px; background-color: #fdfafa; border-radius: 0 0 0 50px;}
.sec2:after{content: ''; position: absolute; left: 0; bottom: 0; z-index: -1; width: 1633px; height: 153px; background:url('/azalea/images/s2_bg2.png')no-repeat; background-size:contain; z-index: -2;}

.sec2 .cont{position: relative; margin: 50px 0 0;}

/* .sec2 .cont .list-wrap{ padding: 0 0 80px;} */
.sec2 .cont .list-wrap .list{display: flex;}
.sec2 .cont .list-wrap .list .img{position:relative; width: 880px; height: 0%; overflow: hidden; border-radius: 0 50px 0 50px; box-shadow: 10px 20px 20px #e9eaf0;}
.sec2 .cont .list-wrap .list .img img{object-fit: cover; max-width:100%;}
.sec2 .cont .list-wrap .list .txt{margin-top: 190px; margin-left: 100px;}
.sec2 .cont .list-wrap .list .txt h4{font-size: 3rem; color: #222; padding: 0 0 15px; font-weight: 700;}
.sec2 .cont .list-wrap .list .txt h4 > span{font-size:2rem;}
.sec2 .cont .list-wrap .list .txt p{position: relative; padding: 20px 0 40px;}
.sec2 .cont .list-wrap .list .txt p.line{padding:30px 0 0; border-top: 1px dotted #999;}
.sec2 .cont .list-wrap .list .txt > span{display: block; padding: 15px 0 0 ; font-size: 1.7rem; font-weight: 600;}

@media all and (max-width:1630px){
    .sec2 .cont .list-wrap .list .img{width: 54%;}
    .sec2 .cont .list-wrap .list .txt{margin-top: 180px; margin-left:60px;}
}
@media all and (max-width:1400px){
    .sec2 .cont .list-wrap .list .txt{margin-left: 40px;}
    .sec2 .cont .list-wrap .list .txt h4{font-size: 3.5rem; padding: 0 0 5px;}
    .sec2 .cont .list-wrap .list .txt p{padding: 0 0 15px;}
}
@media all and (max-width:1280px){
    .sec2{padding: 70px 0;}
	.sec2:before{height:50%; bottom:150px;}
    .sec2 .cont{margin-top: 25px;}
	.sec2 .cont .list-wrap{width:70%; margin:0 auto; padding:0 0 40px;}
    .sec2 .cont .list-wrap .list{flex-direction: column;}
    .sec2 .cont .list-wrap .list .img{width: 100%; overflow: hidden; border-radius:0 30px 0 30px; box-shadow: 5px 5px 10px #e9eaf0;}
    .sec2 .cont .list-wrap .list .img img{max-width: 100%; width:100%;}
    .sec2 .cont .list-wrap .list .txt{margin-top: 20px; margin-left:20px;}

    .sec2 .cont .list-wrap .list .txt h4{padding: 0 0 15px;}
    .sec2 .cont .list-wrap .list .txt p{padding: 0 0 20px;}
    .sec2 .cont .list-wrap .list .txt span{padding: 15px 0 0 ;}

    .sec2 .arrow > div{width: 60px; height: 60px;}
    .sec2 .arrow .next{margin-bottom: 0;}
}
@media all and (max-width:800px){
	.sec2 .cont .list-wrap{width:100%;}
}
@media all and (max-width:568px){
    .sec2 .cont .list-wrap .list .txt{ margin-left:0px;}
    .sec2 .cont .list-wrap .list .txt h4{font-size: 2.5rem; padding: 0 0 10px;}
}

.sec2 .cont{overflow-x: hidden;}
.sec2 .cont .btns{position: absolute; right: 10%; top: 24px;}
.sec2 .cont .btns .btn-wrap .slick-track{transform: none !important;}
.sec2 .cont .btns .btn-wrap .list{padding: 5px 0;}
.sec2 .cont .btns .btn-wrap button{display: inline-block; margin: 0 5px; width: 100px; height: 100px; background: #856b61; color: #fff; font-size: 1.8rem; font-weight: 600; border-radius: 50%; transition: all .15s ease-in;}
.sec2 .cont .btns .btn-wrap .list:nth-child(even) button{margin-top: 24px;}
.sec2 .cont .btns .btn-wrap .slick-current button{position: relative; background: #ea4e59 url('../images/s2-img2.png')no-repeat;}
.sec2 .cont .btns .btn-wrap .slick-current button:before{content: ''; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 110%; height: 110%; background:#fbdcde; border-radius: 50%; z-index: -1;}

@media all and (max-width:1310px){
	.sec2 .cont .btns .btn-wrap button{width: 80px; height: 80px; font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    .sec2 .cont{display: flex; flex-direction: column-reverse;}
    .sec2 .cont .btns{position: static; width: 60%; margin: 0 auto 20px auto;}
    .sec2 .cont .btns .btn-wrap .list:nth-child(even) button{margin-top: 0;}
    .sec2 .btns .slick-slide{text-align: center;}
}
@media all and (max-width:768px){
    .sec2 .cont .btns{width: 80%;}
}
@media all and (max-width:568px){
    .sec2 .cont .btns{width: 90%;}
}
@media all and (max-width:500px){
    .sec2 .cont .btns{width: 100%;}
}
@media all and (max-width:415px){
    .sec2 .cont .btns .slick-list{padding: 0 !important;}
    .sec2 .cont .btns .btn-wrap button{font-size: 1.5rem;}
}

.sec3{position: relative; padding: 145px 0 160px 0;  overflow-x: hidden;}
.sec3:before{content: ''; position: absolute; right: 0; top: -45%; width: 267px; height: 293px; background: url('/azalea/images/s2_bg1.png')no-repeat right top;}
#gallery .mtit{display: flex; align-items: flex-end; margin-bottom: 40px;}
#gallery .mtit h3{display: inline-block; padding-bottom: 0; line-height: 1.1;}
#gallery .mtit p{display: inline-block; margin-left: 20px;}
#gallery .mtit .arrow{margin-left: auto;}
#gallery .mtit .arrow > div{display: inline-block; cursor: pointer;}

#gallery .slick-track{display: flex !important; padding-bottom: 20px;}
#gallery .gall-wrap .list{max-width: 370px; height: inherit !important; margin: 0 20px; box-shadow: 5px 5px 10px rgb(51 51 51 / 10%); border-radius: 0 0 0 30px;}
#gallery .gall-wrap .list > a{display: block;}
#gallery .gall-wrap .list img{max-width: 100%; object-fit: cover;}
#gallery .gall-wrap .txt{padding: 30px 20px 30px; text-align: center;}
#gallery .gall-wrap .txt strong{display: inline-block; font-size: 2.4rem; padding:0 0 15px;}
#gallery .gall-wrap .txt p{color: #9ca4ac; font-size: 15px;;}
@media all and (max-width:1400px){
    #gallery .gall-wrap .txt strong{font-size: 2rem;}
    #gallery .gall-wrap .list img{}
}
@media all and (max-width:1024px){
    .sec3{padding: 100px 0 130px 0;}
    #gallery .mtit p{width: 40%; word-break: keep-all; line-height: 1.3;}

    #gallery .gall-wrap .list{max-width: 270px; margin:0 15px;}
    #gallery .gall-wrap .list img{}


    .sec3:before{width: 25%; background-size:contain}
    
}
@media all and (max-width:768px){
    .sec3{padding: 60px 0 80px 0;}
    #gallery .mtit{flex-wrap:wrap; margin-bottom: 20px;}
    #gallery .mtit h3{width: 100%;}
    #gallery .mtit p{width: 60%; margin-left:0;}
    #gallery .mtit .arrow{width: 40%; text-align: right;}
    #gallery .mtit .arrow > div{width: 45px; height: 45px;;}
    #gallery .mtit .arrow > div img{max-width: 100%;}
    #gallery .gall-wrap .txt strong{font-size: 1.8rem;}
    #gallery .gall-wrap .txt p{font-size: 14px;}
}



.sec3 .gall_tabs{margin-bottom: 30px; display: flex; gap: 15px;}
.sec3 .gall_tabs li{padding: 10px 25px; background: #999; font-size: 24px; color: #fff; border-radius: 50px; cursor: pointer;}
.sec3 .gall_tabs li.on{background-color: #ea4e59;}
.sec3 .tab_content{display: none;}
.sec3 .tab_content.on{display: block;}
.sec3 .gall_content .slick-track{}
.sec3 .gall_content .list{width: 365px; margin-right: 20px;}
.sec3 .gall_content .list .txt{text-align: center; padding:30px 15px; box-shadow: 5px 5px 10px rgb(51 51 51 / 10%); border-radius: 0 0 0 30px;}
.sec3 .gall_content .list .txt strong{display: inline-block; font-size: 2.0rem; padding:0 0 15px; color: #222;}
.sec3 .gall_content .list .txt p{color: #9ca4ac; font-size: 15px;  font-weight: 400;}
.sec3 .slick-prev, .sec3 .slick-next{width: 60px; height: 60px; left: auto; right: 0; top: -50px; background: initial;}
.sec3 .slick-prev:hover, .sec3 .slick-prev:focus{background:url('/azalea/images/btn-prev.png'); background-size: contain;}
.sec3 .slick-next:hover, .sec3 .slick-next:focus{background:url('/azalea/images/btn-next.png'); background-size: contain;}

.sec3 .slick-prev{right: 70px; background:url('/azalea/images/btn-prev.png'); background-size: contain;}
.sec3 .slick-next{background:url('/azalea/images/btn-next.png'); background-size: contain;}
.sec3 .slick-prev:before{content: ''; background-color: transparent;}
.sec3 .slick-next:before{content: ''; background-color: transparent;}
@media all and (max-width:976px){
    .sec3 .gall_content .list{width: 280px;}
    .sec3 .gall_content .list img{width: 100%;}
    .sec3 .gall_tabs li{font-size: 20px;}
}
@media all and (max-width:767px){
    #gallery .mtit h3{padding-bottom: 20px;}
    .sec3 .gall_content .list{width: 220px;}
    .sec3 .gall_content .list .txt{padding: 15px 10px;}
    .sec3 .gall_tabs{margin-bottom: 20px; gap: 10px;}
    .sec3 .gall_tabs li{font-size: 18px;}
    .sec3 .slick-prev, .sec3 .slick-next{top: -45px; width: 45px; height: 45px;}
    .sec3 .slick-prev{right: 55px;}
    .sec3 .gall_content .list .txt strong{font-size: 16px;}
    .sec3 .gall_content .list .txt p{font-size: 13px;}
}
@media all and (max-width:480px){
    #gallery .mtit h3{padding-bottom: 5px;}
    .sec3 .gall_tabs{gap: 5px;}
    .sec3 .gall_tabs li{font-size: 14px;}
    .sec3 .slick-prev, .sec3 .slick-next{top: -40px;}
    .sec3 .gall_content .list .txt strong{font-size: 15px; padding-bottom: 5px;}
    .sec3 .gall_content .list .txt p{font-size: 13px;}

}









.sec4{background:url('/azalea/images/s4-bg1.png')no-repeat center top; position: relative; }
.sec4:before{content: ''; top: -10%; left: 3%; position: absolute; width: 375px; height: 322px; background:url('../images/s4-bg2.png')no-repeat left top; background-size:contain;}
.sec4:after{content: ''; top: -16%; right: 0; position: absolute; width: 449px; height: 373px; background:url('/azalea/images/s4-bg3.png')no-repeat right top; background-size:contain;}
.sec4 .mtit{color: #fff; padding-top: 150px;}
.br768{display: none;}
.sec4 .mtit p{color:#28555b;}
.sec4 .vod-area{display: flex; justify-content: space-around; align-items: flex-end;}
.sec4 .vod{position: relative; flex:0 0 auto; border-radius: 0 100px 0 100px; margin: 80px 20px 0 20px; width: 1200px; height: 675px; box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.25); background: #fff; overflow: hidden;}
.sec4 .img img{max-width: 100%;}
.sec4 .vod .playbtn{cursor: pointer; position: absolute; z-index:11; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12%; height: 7vw; background: url('../images/s4-img1.png')no-repeat center; background-size:contain;}
.sec4 .vodCover{position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; background-image: url('../images/s4-cover.png'); background-position: center; background-repeat: no-repeat; background-size: cover;}

.sec4 .vod.active .playbtn{display:none;}
.vodPlay iframe{width:100%; height:675px; object-fit: cover;}

@media all and (max-width:1800px) {
    .sec4:after{width: 22%;}
    .sec4:before{width: 20%;}
}
@media all and (max-width:1400px){
    .sec4{padding-bottom: 80px;}
    .sec4 .mtit{padding-top: 100px;}
    .sec4 .vod{width: 80%; height: calc(240px + 24.5vw); margin-top: 40px;}
    .vodPlay iframe{height: calc(240px + 24.5vw);}
}
@media all and (max-width:1024px){
    .sec4{background-size:cover;}
    .sec4 .vod{ border-radius: 0 80px 0 80px;}
}
@media all and (max-width:768px){
    .sec4{padding-bottom: 40px;}
    .sec4 .mtit{padding-top: 50px;}
    .sec4 .vod{width: 85%; height: calc(200px + 20vw);}
    .sec4 .vod .playbtn{width:18%; height:12vw;}
    .vodPlay iframe{height: calc(200px + 20vw);}
    .br768{display: block;}
    .sec4 .img{display: none;}

}
@media all and (max-width:568px){
    .sec4:after{width: 25%; top: -6%}
    .sec4 .vod{margin-top: 30px; width: 85%;  height: calc(140px + 16vw); border-radius: 0 50px 0 50px;}
    .vodPlay iframe{height: calc(140px + 16vw);}
}


.sec5{position: relative; margin-top:80px; padding: 80px 0 120px; overflow-x: hidden;}
.sec5:before{content: ''; position: absolute; left: 0; bottom: 0; width: 532px; height: 260px; background:url('/azalea/images/s5-bg1.png')no-repeat left bottom; z-index: -1; background-size:contain;}
.sec5:after{content: ''; position: absolute; right: 0; bottom: 0; width: 336px; height: 201px; background:url('/azalea/images/s5-bg2.png')no-repeat right bottom; z-index:-1; background-size:contain;}
.sec5 .inner{display: flex;}
.sec5 .mtit{width: 400px;}
.sec5 h3{line-height: 1.1;}
.sec5 .arrow{margin-top: 80px;}
.sec5 .arrow > div{display: inline-block; cursor: pointer;;}
.sec5 #archive{width:100%; margin-right:-400px;}
.sec5 .slick-track{display: flex !important; padding-bottom: 20px;}
.sec5 .arch-wrap .list{margin: 0 20px; max-width: 370px; height: inherit !important; overflow: hidden; border-radius: 0 0 0 30px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);}
.sec5 .arch-wrap .list img{width:100%; max-width: 100%; object-fit: cover;}
@media all and (max-width:1024px){
    .sec5:before{width: 35%;}
    .sec5:after{width: 25%;}
    .sec5 .mtit{width: 300px;}
    .sec5 #archive{margin-right: -300px;}
    .sec5 .arch-wrap .list{max-width: 270px; margin:0 15px;}
}
@media all and (max-width:768px) {
    .sec5{margin-top: 0; padding:80px 0 80px;}
    .sec5 .inner{flex-wrap: wrap;}
    .sec5 .mtit{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 20px;}
    .sec5 .mtit h3{width: 100%; padding:0;}
    .sec5 .mtit p{width: 60%;}
    .sec5 .mtit .arrow{width: 40%; text-align: right; margin:0;}
    .sec5 .mtit .arrow > div{width: 45px; height: 45px;}
    .sec5 .mtit .arrow > div img{max-width: 100%;}
    .sec5 #archive{margin-right: 0;}
    
}



.sec6{position: relative; z-index:2; width: 100%; height: 560px;}

.sec6 .mtit{padding:80px 60px; position: absolute; top:80px; left: 50%; margin-left: -800px; z-index: 10; color:#fff; border-radius: 0 50px; background:#ea4e59 url('/azalea/images/s6-img1.png')no-repeat 90% 10%;}
.sec6 .mtit h4{font-size: 1.8rem; font-weight: normal; margin-bottom: 40px;}
.sec6 .mtit h3{font-size: 4.0rem; font-weight: normal; line-height: 1.2; padding-bottom:0;}
.sec6 .mtit p{font-size: 2.2rem; margin-top:3rem;}

.sec6 .map_border{display:none;}
.sec6 .wrap_controllers{display:none;}
.sec6 .maploca{width: 100%;}
@media all and (max-width:1800px){
    .sec6 .mtit{left:10%; margin-left:0;}
}
@media all and (max-width:1280px){
    .sec6 .mtit{padding: 50px 50px;}
    .sec6 .mtit h4{font-size: 1.5rem;}
    .sec6 .mtit h3{font-size: 3.0rem;}
    .sec6 .mtit p{font-size: 1.8rem;}
}
@media all and (max-width:1024px) {
    .sec6 .mtit{padding:40px 50px; width: 80%; top: auto; bottom: 5%; background-position:98% 10%;}
    .sec6 .mtit h4{margin-bottom: 10px;}
}
@media all and (max-width:768px){
    .sec6 .mtit{padding:20px 50px;}
    .sec6 .mtit h3 span{word-break:keep-all;}
}
@media all and (max-width:568px){
    .sec6 .mtit{background: #ea4e59; padding:20px 30px;}
    .sec6 .mtit p{width: 100%;}
}

.sec7{margin-top:40px; position:relative;}
.sec7-2{background:#fdfafa; padding:40px 0;}
.sec7 .mtit2{margin:0 0 40px; font-size:3.6rem; font-weight:600;}
.sec7 ul{display:flex; flex-wrap:wrap; gap:10px 20px; max-width:1280px; margin:0 auto;}
.sec7 ul li{width:calc(50% - 20px/2); padding:1em 2em; border-radius:0; background:#fff; }
.sec7 ul dl{display:flex; font-size:2.0rem; align-items:center;}
.sec7 ul dt{width:180px; flex: 0 0 auto; color:#e01f25; font-size:1.8rem;}
.sec7 ul dd{font-weight:500;}
@media all and (max-width:1280px){
	.sec7-2{padding:20px 0;}
	.sec7 .mtit2{margin:0 0 20px;}
	.sec7 ul{justify-content:center;}
	.sec7 ul li{width:100%; max-width:800px;}
}
@media all and (max-width:600px){
	.sec7 .mtit2{font-size:2.4rem;}
	.sec7 ul li{padding:1em 1.5em;}
	.sec7 ul dt{width:100px; font-size:1.6rem;}
	.sec7 ul dd{font-size:1.8rem;}
}

.sec8{padding:50px 0; position:relative; z-index:5; text-align:center;}
.sec8 .mtit{margin-bottom:40px;}
.sec8 .img{display:inline-block; width:100%; text-align:center;}
.sec8 .img img{max-width:100%;}



.sec9{margin-top:40px; position:relative; overflow-x: hidden;}
.sec9-2{background:#fdfafa; padding:40px 0;}
.sec9-2 .inner{display:flex; justify-content:space-between; gap:0 20px; align-items:stretch; flex-wrap: wrap;}
.sec9-2 .inner .chehum{width:calc((100% - 60px)/4); height:inherit; border-radius:10px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2)}

.sec9 ul{height:inherit; display:flex; flex-wrap:wrap; max-width:1280px; padding:.5em 0 1em; margin:0 auto;  }
.sec9 ul li p{font-size:1.7em; margin:.6em 0 .6em;}
.sec9 ul li{width:100%; padding:.2em 2em; border-radius:0;}
.sec9 ul dl{display:flex; font-size:1.8rem; align-items:center;}
.sec9 ul dt{width:90px; flex:0 0 auto; color:#e01f25; font-size:1.6rem;}
.sec9 ul dd{font-weight:500;}

.sec9 .btn-star{display:inline-block; padding:4px 30px; border:1px solid transparent; background:#e01f25; color:#fff; font-weight:600; border-radius:30px;}
.sec9 .btn-star:hover{background:#fff; border:1px solid #e01f25; color:#e01f25;}

.s9caption{margin-top:20px; text-align:center; width:100%; padding:2em; border-radius:10px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
.s9caption b{font-size:1.2em;}
.s9caption .date{display:inline-block; margin-bottom:15px; font-size:1.2em;}
@media all and (max-width:1280px){
	.sec9-2 .inner{flex-direction:column; gap:20px 0;}
	.sec9-2 .inner .chehum{width:100%;}
	.sec9 ul{justify-content:center;}
}
@media all and (max-width:600px){
	.sec9 ul dt{font-size:1.5rem;}
	.sec9 ul dd{font-size:1.6rem;}
}


.sec10 .inner{display: flex; gap: 80px;}
.sec10 .inner > div{position: relative; width: 50%; padding: 80px 0;}
.sec10 .map_border{display:none;}
.sec10 .wrap_controllers{display:none;}
.sec10 .txt{padding:25px; position: absolute; left: 10px; bottom:90px; z-index: 9; max-width: 340px; background-color: #ea4e59; color:#fff; border-radius: 0 20px;}
.sec10 .txt .t1{font-size: 1.6rem; font-weight: normal;}
.sec10 .txt .t2{margin-top: 0.6em; font-size: 2.4rem;}
@media all and (max-width:1399px){
    .sec10 .inner{gap: 40px;}
    .sec10 .root_daum_roughmap {height: 480px !important;}
}
@media all and (max-width:976px){
    .sec10 .inner{flex-wrap: wrap; gap: 0;}
    .sec10 .inner > div{width: 100%; padding: 40px 0;}
    .sec10 .inner > div:nth-child(2){padding-top: 0;}
    .sec10 .txt{bottom: 50px;}
    .sec10 .txt .t1{font-size: 1.5rem;}

}





.cardSec{padding: 120px 0 160px; position: relative; overflow: hidden;}
.cardSec:before{content: ''; position: absolute; right: 0; bottom: 100px; width: 65%; height: 50%; background-color: #f3f9f9; border-radius: 0 0 0 50px;}
.cardSec:after{content: 'YEONGJU\A festival'; white-space:pre; position: absolute; left: 0; bottom: 0; z-index: -2; font-size: 7rem; color: #f3f9f9; text-transform: uppercase; line-height: 0.9; font-weight: 900; font-family: 'Barlow';}

.cardSec .cont{position: relative; margin: 50px 0 0;}
.cardSec .cont:before{content: ''; position: absolute; left: 90%; bottom:-25%; width: 177px; height: 368px; background:url('../images/s2_bg1.png')no-repeat right bottom/100%;}
.cardSec .cont .arrow{display: flex; position:absolute; left:770px; top:0; z-index: 10;}
.cardSec .cont .arrow > div{position: relative; display:flex; justify-content: center; align-items: center; width:100px; height:100px; background:#118acf; border-radius: 50%; margin: 2px; cursor: pointer; transition: all .2s;}
.cardSec .cont .arrow > div:hover{background-color: #0a5296;}
.cardSec .cont .arrow > div:before{transition: all .2s;}
.cardSec .cont .arrow > div:hover:before{content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: 110%; height: 110%; background: #a0d6f5; border-radius: 50%; z-index: -1;}
.cardSec .cont .arrow .next{margin-top: 30px;} 
.cardSec .cont .list-wrap .list{display: flex;}
.cardSec .cont .list-wrap .list .img{position:relative; width: 680px; height: 0%; overflow: hidden; border-radius: 0 50px 0 50px; box-shadow: 10px 20px 20px #e9eaf0;}
.cardSec .cont .list-wrap .list .img img{object-fit: cover; max-width:100%;}
.cardSec .cont .list-wrap .list .txt{margin-top: 190px; margin-left: 100px;}
.cardSec .cont .list-wrap .list .txt h4{font-size: 3.4rem; color: #222; padding: 0 0 15px; font-weight: 700;}
.cardSec .cont .list-wrap .list .txt h4 > span{font-size:2rem;}
.cardSec .cont .list-wrap .list .txt p{position: relative; padding: 20px 0 40px;}
.cardSec .cont .list-wrap .list .txt p.singer{font-size: 2.5rem; font-weight: 500;}
.cardSec .cont .list-wrap .list .txt p.line{padding:30px 0 0; border-top: 1px dotted #999;}
.cardSec .cont .list-wrap .list .txt > span{display: block; padding: 15px 0 0 ; font-size: 1.7rem; font-weight: 600;}

@media all and (max-width:1630px){
    .cardSec .cont:before{left: 85%;}
    .cardSec .cont .arrow{left: calc(54% + 60px);}
    .cardSec .cont .list-wrap .list .img{width: 54%;}
    .cardSec .cont .list-wrap .list .txt{margin-top: 180px; margin-left:60px;}
}
@media all and (max-width:1400px){
    .cardSec .cont .arrow{left: calc(54% + 40px);}
    .cardSec .cont .list-wrap .list .txt{margin-left: 40px;}
    .cardSec .cont .list-wrap .list .txt h4{font-size: 3.5rem; padding: 0 0 5px;}
    .cardSec .cont .list-wrap .list .txt p{padding: 0 0 15px;}
}
@media all and (max-width:1280px){
    .cardSec{padding: 70px 0;}
	.cardSec:before{height:50%;}
    .cardSec .cont{margin-top: 25px;}
    .cardSec .cont:before{bottom: 0;}
    .cardSec .cont .arrow{left: auto; right: 14vw; top: 70vw;}
    .cardSec .cont .arrow > div{width: 70px; height: 70px;}
    .cardSec .cont .arrow .next{margin-top: 2px;}
	.cardSec .cont .list-wrap{width:70%; margin:0 auto; padding:0 0 40px;}
    .cardSec .cont .list-wrap .list{flex-direction: column;}
    .cardSec .cont .list-wrap .list .img{width: 100%; overflow: hidden; border-radius:0 30px 0 30px; box-shadow: 5px 5px 10px #e9eaf0;}
    .cardSec .cont .list-wrap .list .img img{max-width: 100%; width:100%;}
    .cardSec .cont .list-wrap .list .txt{margin-top: 20px; margin-left:20px;}

    .cardSec .cont .list-wrap .list .txt h4{padding: 0 0 15px;}
    .cardSec .cont .list-wrap .list .txt p{padding: 0 35% 20px 0;}
    .cardSec .cont .list-wrap .list .txt span{padding: 15px 0 0 ;}

    .cardSec .arrow > div{width: 60px; height: 60px;}
    .cardSec .arrow .next{margin-bottom: 0;}
}
@media all and (max-width:800px){
    .cardSec .cont:before{display:none;}
    .cardSec .cont .arrow{right: 0; top: 95vw;}
	.cardSec .cont .list-wrap{width:100%;}
}
@media all and (max-width:568px){
    .cardSec .cont .arrow > div{width: 45px; height: 45px;}
    .cardSec .cont .arrow img{width: 15px;}
    .cardSec .cont .list-wrap .list .txt{ margin-left:0px;}
    .cardSec .cont .list-wrap .list .txt h4{font-size: 2.5rem; padding: 0 0 10px;}
    .cardSec .cont .list-wrap .list .txt p.singer{font-size: 1.8rem;}
    .cardSec .cont .list-wrap .list .txt p br{display: none;}
    .cardSec:after{font-size: 6.0rem;}
}



.sec11{padding: 130px 0 0;}
@media all and (max-width:1280px){
    .sec11{padding: 80px 0 0;}
}
@media all and (max-width:768px){
    .sec11{padding: 60px 0 0;}
}