/* 팝업레이어 */
#hd_pop{z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img{max-width:100%}
.hd_pops_con{}
.hd_pops_footer{padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button{padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

a{text-decoration:none;}

/* 메인화면 */
#container{background-image:url(../img/main/main_bg1.png);background-position:center top;background-repeat:no-repeat;background-size:100% auto}
@media (min-width:1900px){
	#container{background-size:contain}
}

.section h2{font-size:1.5rem;color:var(--bs-black);line-height:1}
.section h2 b{font-weight:700}
.section h2:after{content:"";display:inline-block;width:0.5rem;height:0.5rem;margin-bottom:0.125rem;margin-left:0.5rem;border-radius:50%;background-color:#0c8dc2;vertical-align:bottom}
@media (min-width:360px){
	.section h2{font-size:1.75rem;}
}
@media (min-width:768px){
	.section h2{font-size:2rem;}
}
@media (min-width:1500px){
	.section h2{font-size:2.5rem;font-weight:500}
	.section h2 b{font-weight:800}
}
@media (min-width:1900px){
	.section h2{font-size:2.75rem;font-weight:500}
	.section h2 b{font-weight:800}
}

.animated{
  animation-fill-mode:both;
}


/* 비쥬얼이미지 */

#section1{position:relative;overflow:hidden;width:100%;height:clamp(280px, 45vh, 430px);background:#000;}
@supports (
	-webkit-touch-callout:none){
		#section1{height:clamp(280px, 50vh, 650px);
	}
}
#section1:before,#section1:after{content:'';position:absolute;top:0;width:1px;height:100%;background:rgba(255,255,255,.1);z-index:3;}
#section1:before{left:0;}
#section1:after{right:0;}
#section1 .visual-line{position:absolute;inset:0;width:50%;margin:auto;border:1px solid rgba(255,255,255,.1);z-index:2;}
#section1 .visual-line:before{content:'';position:absolute;left:50%;top:0;width:1px;height:100%;background:rgba(255,255,255,.1);}
#section1 .visual-slide,#section1 .swiper-wrapper,#section1 .swiper-slide{width:100%;height:100%;}
#section1 .visual-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:absolute;inset:0;z-index:5;padding:0 10%;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5);}
#section1 .visual-text1{font-size:2rem;font-weight:800;}
#section1 .visual-text2{margin-top:2rem;font-size:1rem;font-weight:300;}
#section1 .visual-img{position:absolute;inset:0;opacity:0;transform:scale(1.2);transition:transform 5s ease, opacity 1s ease;background-size:cover;background-position:center;z-index:1;}
#section1 .swiper-slide-active .visual-img{opacity:1;transform:scale(1);}
#section1 .swiper-slide2 .visual-img{background-image:url(../img/main/visual_bg1.png)}
#section1 .swiper-slide3 .visual-img{background-image:url(../img/main/visual_bg2.png)}
#section1 .swiper-slide6 .visual-img{background-image:url(../img/main/visual_bg5.png)}
#section1 .swiper-slide5 .visual-img{background-image:url(../img/main/visual_bg4.png)}
#section1 .swiper-slide7 .visual-img{background-image:url(../img/main/visual_bg6_20260609.png)}
#section1 .swiper-slide4 .visual-img{background-image:url(../img/main/visual_bg3.png)}
#section1 .visual-img:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;animation:vbg 5s forwards;opacity:0;transition:opacity 1.5s ease;}
#section1 .swiper-slide-active .visual-img:before{opacity:0.45;}
#section1 .visual-video{position:absolute;inset:0;z-index:1;}
#section1 .video-poster{position:absolute;inset:0;z-index:2;}
#section1 .visual-video:before{content:"";position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.2);animation:vbg 5s forwards;opacity:0;transition:opacity 1.5s ease;}
#section1 #player{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.78vh;min-height:100vh;transform:translate(-50%, -50%);pointer-events:none;}
#section1 .soundOverlay{display:flex;justify-content:center;align-items:center;position:absolute;top:2rem !important;left:auto !important;right:2rem !important;inset:0;z-index:20;width:2.25rem;height:2.25rem;background-color:rgba(0,0,0,.7);border-radius:50%;color:#fff;cursor:pointer;transition:opacity 0.4s ease, visibility 0.4s ease;}
#section1 .soundOverlay.hide{opacity:0;visibility:hidden;pointer-events:none;}
#section1 .sound-icon{font-size:1rem;line-height:0;animation:soundPulse 1.6s ease-in-out infinite;transform-origin:center;}
#section1 .swiper-button-next,#section1 .swiper-button-prev{display:none;top:calc(50% - 1.5rem);width:2rem;height:3rem;font-size:0.75rem;font-weight:500;color:var(--bs-white);letter-spacing:0.1rem}
#section1 .swiper-button-next:after,#section1 .swiper-button-prev:after{display:none}
#section1 .swiper-button-next span,#section1 .swiper-button-prev span{display:block;width:100%}
#section1 .swiper-button-next .line,#section1 .swiper-button-prev .line{opacity:0.7;position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--bs-white);transform:translateY(0) rotate(0);transition:transform 0.3s ease;}
#section1 .swiper-button-next .line{transform-origin:right center;}
#section1 .swiper-button-prev .line{transform-origin:left center;}
#section1 .swiper-button-next .text{text-align:right}
#section1 .swiper-button-prev .text{text-align:left}
#section1 .swiper-button-next .text,#section1 .swiper-button-prev .text{opacity:1}
#section1 .swiper-button-next:hover .line,#section1 .swiper-button-prev .line:hover,#section1 .swiper-button-next:focus .line,#section1 .swiper-button-prev .line:focus{opacity:1;height:2px;}
#section1 .swiper-button-next:hover .line-up,#section1 .swiper-button-prev:hover .line-up{transform:translateY(-0.01rem) rotate(45deg);}
#section1 .swiper-button-next:hover .line-down,#section1 .swiper-button-prev:hover .line-down{transform:translateY(0.01rem) rotate(-45deg);}
#section1 .swiper-button-next:hover .text,#section1 .swiper-button-prev:hover .text{opacity:0}
#section1 .swiper-pagination{position:absolute;bottom:2rem;left:auto;right:10%;z-index:4;width:auto}
#section1 .swiper-pagination .swiper-pagination-bullet{width:0.75rem;height:0.75rem;margin:0 0.5rem;background:#fff;opacity:0.4}
#section1 .swiper-pagination .swiper-pagination-bullet-active{opacity:1}
#section1 .swiper-button-next,
#section1 .swiper-button-prev,
#section1 .swiper-pagination{z-index:20;}
@keyframes vbg{
	0%{opacity:0;}
	10%{opacity:0.1;}
	100%{opacity:0.6;}
}
@media (min-width:768px){
	#section1{	height:clamp(430px, 90vh, 500px);}
	#section1 .visual-line{z-index:3;}
	#section1 .visual-text{padding:0 15%}
	#section1 .visual-text p{line-height:110%;}
	#section1 .visual-text1{font-size:3rem}
	#section1 .visual-text1 br:nth-child(3){display:none}
	#section1 .visual-text2{margin-top:4rem;font-size:1.2rem;}
	#section1 .swiper-button-next,#section1 .swiper-button-prev{display:block}
	#section1 .swiper-button-next{right:3.2%}
	#section1 .swiper-button-prev{left:3.2%}
	#section1 .swiper-pagination{bottom:3rem;right:15%;}
}
@media (min-width:1025px){
	#section1{	height:clamp(500px, 90vh, 700px);}
	#section1:before{left:3.2%}
	#section1:after{right:3.2%}
	#section1 .visual-line{width:46.8%}
	#section1 .visual-text1{font-size:4rem}
	#section1 .visual-text2{font-size:1.5rem}
	#section1 .soundOverlay{right:3.2% !important}
	#section1 .swiper-button-next,#section1 .swiper-button-prev{top:calc(50% - 1.5rem);width:3rem;height:3rem;}
	#section1 .swiper-pagination{right:3.2%}
}
@media (min-width:1500px){
	#section1{	height:clamp(700px, 90vh, 1080px);}
	#section1 .swiper-button-next,#section1 .swiper-button-prev{top:calc(50% - 2rem);width:3rem;height:4rem;}
}

/* 주요사업 */
#section2{overflow:hidden;position:relative;padding:2rem 0 0;}
#section2 .inner{position:relative;}
#section2 h2{margin-bottom:0}
#section2 .swiper{width:100%;padding:2rem 0 2rem 10px}
#section2 .swiper-wrapper{width:100%}
#section2 .swiper-slide{overflow:hidden;width:70%;height:5rem;margin-right:1rem;border-radius:0.5rem 1rem;}
#section2 .swiper-slide:hover,#section2 .swiper-slide:focus{margin-top:-1rem;box-shadow:20px 20px 30px rgba(0,0,0,.2)}
#section2 a{display:block;position:relative;width:100%;height:100%;text-decoration:none;}
#section2 .txt{display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;width:100%;height:100%;padding:1rem 1.5rem;color:var(--bs-white)}
#section2 .swiper-slide1 .txt{background-color:rgba(194,145,53,1);}
#section2 .swiper-slide2 .txt{background-color:rgba(79,140,144,1);}
#section2 .swiper-slide3 .txt{background-color:rgba(208,124,68,1);}
#section2 .swiper-slide4 .txt{background-color:rgba(57,154,101,1);}
#section2 .swiper-slide5 .txt{background-color:rgba(218,100,129,1);}
#section2 .swiper-slide6 .txt{background-color:rgba(31,99,175,1);}
#section2 .swiper-slide1 .txt:hover,#section2 .swiper-slide1 .txt:focus{background-color:rgba(194,145,53,0.5);}
#section2 .swiper-slide2 .txt:hover,#section2 .swiper-slide2 .txt:focus{background-color:rgba(79,140,144,0.5);}
#section2 .swiper-slide3 .txt:hover,#section2 .swiper-slide3 .txt:focus{background-color:rgba(208,124,68,0.5);}
#section2 .swiper-slide4 .txt:hover,#section2 .swiper-slide4 .txt:focus{background-color:rgba(57,154,101,0.5);}
#section2 .swiper-slide5 .txt:hover,#section2 .swiper-slide5 .txt:focus{background-color:rgba(218,100,129,0.5);}
#section2 .swiper-slide6 .txt:hover,#section2 .swiper-slide6 .txt:focus{background-color:rgba(31,99,175,0.5);}
#section2 .bg{opacity:0;display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
#section2 a:hover .bg,#section2 a:focus .bg{opacity:1;}
#section2 .swiper-slide1 .bg{background-image:url(../img/main/biz1.jpg);}
#section2 .swiper-slide2 .bg{background-image:url(../img/main/biz2.jpg);}
#section2 .swiper-slide3 .bg{background-image:url(../img/main/biz3.jpg);}
#section2 .swiper-slide4 .bg{background-image:url(../img/main/biz4.jpg);}
#section2 .swiper-slide5 .bg{background-image:url(../img/main/biz5.jpg);}
#section2 .swiper-slide6 .bg{background-image:url(../img/main/biz6.jpg);}
#section2 a:hover .txt,#section2 a:focus .txt{text-shadow:0px 0px 5px rgba(0,0,0,.8);}
#section2 h3{font-size:1.25rem;font-weight:700;}
#section2 p{display:none;margin-top:1rem;font-size:0.9rem;font-weight:300}
#section2 .swiper-button-next,#section2 .swiper-button-prev{display:none;position:absolute;top:calc(50% - 1.25rem);z-index:11;width:2.5rem;height:2.5rem;margin:0;padding:0;border-radius:50%;background-color:rgba(220,220,220,.8)}
#section2 .swiper-button-next:after,#section2 .swiper-button-prev:after{font-family:"remixicon";font-size:1rem;color:var(--bs-dark);}
#section2 .swiper-button-next:after{content:"\EA6E"}
#section2 .swiper-button-prev:after{content:"\EA64"}
#section2 .swiper-button-next:hover,#section2 .swiper-button-prev:hover,#section2 .swiper-button-next:active,#section2 .swiper-button-prev:active,#section2 .swiper-button-next:focus,#section2 .swiper-button-prev:focus{background-color:var(--bs-dark);}
#section2 .swiper-button-next:hover:after,#section2 .swiper-button-prev:hover:after,#section2 .swiper-button-next:active:after,#section2 .swiper-button-prev:active:after,#section2 .swiper-button-next:focus:after,#section2 .swiper-button-prev:focus:after{color:var(--bs-white)}
@media (min-width:320px){
	#section2 .swiper{padding:2rem 0 2rem 20px}
}
@media (min-width:550px){
	#section2 .swiper{width:calc(100% - 40px);margin:0 20px;padding:2rem 0;}
	#section2 .swiper-slide{width:calc(50% - 0.5rem);height:5.5rem;}
	#section2 h3{font-size:1.5rem}
}
@media (min-width:768px){
	#section2{padding:3rem 0 1rem}
	#section2 .swiper{width:calc(100% - clamp(20px, 2vw, 30px) * 2);margin:0 clamp(20px, 2vw, 30px);}
	#section2 .swiper-slide{width:calc(50% - 1rem);height:7rem;border-radius:1rem 2rem;}
	#section2 .swiper-button-next,#section2 .swiper-button-prev{display:flex;}
	#section2 .txt{padding:2rem;}
}
@media (min-width:1025px){
	#section2{padding:4rem 0 2rem}
	#section2 h2{margin-bottom:1rem}
	#section2 .swiper{width:100%;margin:0;padding:2rem clamp(30px, 4vw, 50px);}
	#section2 .swiper-slide{width:calc((100% - 2rem) / 3);height:calc(100vw / 4.5);max-height:260px;border-radius:1.5rem 3rem;}
	#section2 .txt{display:block;}
	#section2 h3{font-size:1.6rem;}
	#section2 p{display:block;margin-top:2rem}
}
@media (min-width:1280px){
	#section2 .swiper-slide{width:calc((100% - 3rem) / 3.5);height:calc(100vw / 5);}
}
@media (min-width:1500px){
	#section2{padding:6rem 0 4rem}
	#section2 .swiper{padding:2rem 0 2rem clamp(40px, 5vw, 80px);}
	#section2 .swiper-slide{width:362px}
	#section2 h3{font-size:1.75rem}
}
@media (min-width:1660px){
	#section2 .swiper{overflow:auto;overflow-x:hidden;overflow-y:auto;margin-top:-3rem;margin-left:calc((100% - 1500px) / 2);padding:5rem 0}
	#section2 .swiper-button-next,#section2 .swiper-button-prev{top:0;width:3rem;height:3rem;}
	#section2 .swiper-button-next{left:calc(1500px - 3rem);right:auto;}
	#section2 .swiper-button-prev{left:calc(1500px - 7rem)}
}

/* 축제/행사 */
#section3{display:none;position:relative;padding-bottom:2rem;}
#section3:before{display:none;content:"";position:absolute;left:0;bottom:-1rem;z-index:2;max-width:408px;width:21.4%;height:100%;background-image:url(../img/main/main_bg2.png);background-position:left bottom;background-repeat:no-repeat;background-size:100% auto}
#section3 .inner{position:relative;z-index:3;}
#section3 .h2-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:0;}
#section3 h2{display:block;margin-bottom:1rem;}
@media (min-width:768px){
	#section3{padding-bottom:3rem}
	#section3 .h2-wrap{margin-bottom:2rem;}
	#section3 h2{margin-bottom:2rem}
}
@media (min-width:1025px){
	#section3{padding-bottom:4rem}
	#section3:before{display:block}
	#section3 .h2-wrap{margin-bottom:3rem;}
	#section3 h2{min-width:205px;margin-bottom:3rem}
}
@media (min-width:1500px){
	#section3{min-height:500px;padding-bottom:6rem}
	#section3 .h2-wrap{flex-direction:row;justify-content:space-between;}
	#section3 h2{display:inline-block;width:20%;margin-bottom:0}
}
@media (min-width:1900px){
	#section3{min-height:760px;}
}

/* 시군문화원 */
#section4{position:relative;margin-bottom:2rem;padding-top:2rem;padding-bottom:2rem;background-color:#dbeef6}
#section4:before{display:none;content:"";position:absolute;right:0;top:-5rem;z-index:2;max-width:470px;width:24.7%;height:100%;background-image:url(../img/main/main_bg3.png);background-position:left top;background-repeat:no-repeat;background-size:100% auto}
#section4 .inner{position:relative;z-index:3;}
#section4 h2{}
#section4 .con{margin-top:2rem}
#section4 .list{}
#section4 .map{display:none;overflow:hidden;position:relative;z-index:4;height:calc(440px + 12rem);margin-top:-4rem;margin-bottom:-2rem;border-radius:2.5rem 2.5rem 8rem 2.5rem;background-color:#fff;box-shadow:30px 30px 30px rgba(0,0,0,.2)}
#section4 .map h3{display:flex;align-items:center;width:100%;height:4rem;padding:0 2rem;background:linear-gradient(95deg,#00326f ,#103057 30%,#0c8dc2 70%, #e2537f 100%);font-size:0.9rem;color:#fff}
#section4 .map h3 i{margin-right:0.5rem;margin-bottom:1rem}
#section4 #map_svg{object-position:660 550;width:100%}
#section4 .map-filter{cursor:pointer;}
#section4 .map-filter .map{fill:#B9E3FF;}
#section4 .map-filter .txt{fill:rgba(0,0,0,.7);font-size:0.85rem;font-weight:600;}
#section4 .map-filter:hover .map{fill:#e7f5ff;}
#section4 .map-filter:hover .txt{fill:#000000;}
#section4 .map-filter.active .map{fill:#003E60}
#section4 .map-filter.active .txt{fill:#fff;font-size:0.9rem;font-weight:700;}
#section4 .map .all{display:flex;justify-content:center;align-items:center;position:absolute;right:2rem;top:6rem;z-index:5;width:3rem;height:3rem;border-radius:50%;background-color:#ccc;color:#fff}
#section4 .map .all.active{background-color:#222}
@media (min-width:768px){
	#section4{margin-bottom:3rem;padding-top:3rem;padding-bottom:3rem}
}
@media (min-width:1025px){
	#section4{padding-top:4rem;padding-bottom:0}
	#section4:before{display:block}
	#section4 .con{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;column-gap:3rem;margin-top:3rem}
	#section4 .con_item{width:calc((100% - 3rem) / 2)}
	#section4 #lat-branch{height:427px}
	#section4 .map{display:block;height:calc(427px + 10rem);margin-top:-4rem;margin-bottom:-2rem;}
	#section4 .map .branch-map{display:flex;align-items:center;height:calc(100% - 5rem)}
}
@media (min-width:1200px){
	#section4 .con{column-gap:4rem}
	#section4 .con_item{width:calc((100% - 4rem) / 2)}
}
@media (min-width:1500px){
	#section4{margin-bottom:6rem;padding-top:6rem;}
	#section4 .con{column-gap:5rem;}
	#section4 .con_item{width:calc((100% - 5rem) / 2)}
	#section4 #lat-branch{height:442px}
	#section4 .map h3{justify-content:center;padding:0}
	#section4 .map h3 br{display:none}
	#section4 .map h3 i{margin-bottom:0}
	#section4 .map{display:block;height:calc(442px + 12rem);margin-top:-4rem;margin-bottom:-2rem}
	#section4 .map .branch-map{padding:0 3rem;}
	#section4 .map .all{width:4rem;height:4rem}
}
@media (min-width:1600px){
	#section4 #lat-branch{height:470px}
	#section4 .map{display:block;height:calc(470px + 12rem);margin-top:-4rem;margin-bottom:-2.5rem;}
}

/* 사진자료 */
#section5{position:relative;padding-bottom:2rem;}
#section5 h2{margin-bottom:2rem}
@media (min-width:768px){
	#section5{padding-bottom:3rem}
}
@media (min-width:1025px){
	#section5{padding-bottom:4rem}
	#section5 h2{margin-bottom:3rem}
}
@media (min-width:1200px){
}
@media (min-width:1500px){
	#section5{padding-bottom:6rem;}
}
@media (min-width:1600px){
}

/* 알림소식 */
#section6{position:relative;background-color:#399A65;}
#section6:before{display:none;content:"";position:absolute;right:0;bottom:-1.5rem;z-index:0;max-width:241px;width:21.4%;height:100%;background-image:url(../img/main/main_bg5.png);background-position:left bottom;background-repeat:no-repeat;background-size:100% auto}
#section6 .inner{padding-top:2rem;padding-bottom:2rem;}
#section6 h2{margin-bottom:2rem;color:#fff}
#section6 h2:after{background-color:#ffd560}
@media (min-width:768px){
	#section6 .inner{padding-top:3rem;padding-bottom:3rem}
}
@media (min-width:1025px){
	#section6 .inner{padding-top:4rem;padding-bottom:4rem}
	#section6 h2{margin-bottom:3rem}
}
@media (min-width:1200px){
}
@media (min-width:1500px){
	#section6:before{display:block;}
	#section6 .inner{padding-top:6rem;padding-bottom:6rem;}
}
@media (min-width:1900px){
	#section6:before{right:1%}
}

/* 관련사이트 */
#section7{}
#section7 .inner{padding-top:1rem;padding-bottom:1rem;}
@media (min-width:768px){
}
@media (min-width:1025px){
	#section7 .inner{padding-top:2rem;padding-bottom:2rem}
}
@media (min-width:1500px){
}

/* 영상 */
#section8{position:relative;background-color:#ffd560;}
#section8:before{display:none;content:"";position:absolute;left:0;bottom:3rem;z-index:0;max-width:239px;width:21.4%;height:100%;background-image:url(../img/main/main_bg4.png);background-position:left bottom;background-repeat:no-repeat;background-size:100% auto}
#section8 .inner{padding-top:2rem;padding-bottom:2rem;}
#section8 h2{margin-bottom:2rem}
@media (min-width:768px){
	#section8 .inner{padding-top:3rem;padding-bottom:3rem}
}
@media (min-width:1025px){

	#section8 .inner{padding-top:4rem;padding-bottom:4rem}
	#section8 h2{margin-bottom:2rem}
}
@media (min-width:1200px){
}
@media (min-width:1500px){
	#section8:before{display:block;}
	#section8 .inner{padding-top:6rem;padding-bottom:6rem;}
}
@media (min-width:1600px){
}