/* 코로나 배너 */
@font-face {
	font-family: 's-core_dream';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 's-core_dream';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

.mobileOnly{display:none;}
#wrap{min-width:320px;}

.frontTopBanner{position:relative; text-align:center; z-index:20;}

.frontTopBanner .openMayor{display:flex; justify-content:center; align-items:center; background-color:#243A5A; color:#fff;}
.frontTopBanner .openMayor a{height:50px; display:flex; justify-content:center; align-items:center;}
.frontTopBanner .openMayor .msg{font-size:20px;color:#fff; margin-right:20px; display:inline-block;}
.frontTopBanner .openMayor .msg em{font-weight:500;color:#FFCECE;}
.frontTopBanner .openMayor .go{font-size:14px; color:#fff; padding-bottom:5px; border-bottom:1px solid #fff; line-height:1em; display:inline-block;}
.frontTopBanner .openMayor .go:after{display:inline-block;content:'';width:11px;height:11px; background:url(../../images/seocho_2022/main/arr_go.svg) 0 0 / cover no-repeat; margin-left:5px;}

@media all and (max-width:600px){
	.frontTopBanner .openMayor a{flex-wrap:wrap;}
	.frontTopBanner .openMayor a{display:block; padding:3px 0; box-sizing:border-box;}
	.frontTopBanner .openMayor .msg{font-size:16px;width:100%;}
	.frontTopBanner .openMayor .go{font-size:13px; padding-bottom:5px;}
	.frontTopBanner .openMayor .go:after{margin-left:5px; width:10px;height:10px;}
}
@media all and (max-width:360px){
	.frontTopBanner .openMayor .msg{font-size:15px;}
}

/* 공통 */
.main-inner{position:relative; width:1400px; margin:0 auto; max-width:calc(100% - 32px);}

.title-main-section{font-family: "GmarketSans"; font-weight:700; color:#222;font-size:24px; margin-bottom:12px;}

.btn-main-more{display:block;width:32px;height:32px; text-align:left;text-indent:-9999px; background:url(/images/seocho_2025/main/btn_more.svg) 0 0 no-repeat; background-size:100% auto;}
.btn-main-more:hover{background-position:0 -32px;}
.btn-main-more.sm{width:24px;height:24px; background-size:24px auto;}
.btn-main-more.sm:hover{background-position:0 -24px;}

/* section1 */
.mainSection1-inner{display:flex; padding:40px 0;}
.mainSection1-inner > div{width:calc(100% / 3 - (60px * 2)/3); position:relative;}

/* 성수씨와 한컷 */
.main-oneshot{margin-right:60px; position:relative;}

.main-oneshot-header{display:flex; padding-right:32px;}
.main-oneshot-header .oneshot-control{margin-left:auto;}
.main-oneshot .thumb img{ /*aspect-ratio: 426/247;*/ height:100%; object-fit: cover; min-width:100%;}

.oneshot-slider{overflow:hidden; border-radius:20px;}
.oneshot-slider .swiper-slide img{height:247px; width:100%;}
.oneshot-slider .swiper-slide a:focus-visible{outline-offset: -3px;}

.oneshot-control {height:28px; display:flex; align-items: center;}
.oneshot-control .slider-page{width:auto; color:#222; font-family: "GmarketSans"; font-weight:500;padding-top:3px; margin:0 10px;}
.oneshot-control .slider-page .swiper-pagination-current{font-weight:700;}
.oneshot-control > a{display:inline-block; width:28px;height:28px; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-9999px; overflow:hidden; cursor:pointer; border-radius:12px;}
.oneshot-control a.btn-prev,
.oneshot-control a.btn-next{border-radius:12px;}
.oneshot-control a.btn-prev,
.oneshot-control a.btn-next {background-image:url('/images/seocho_2025/main/popupzone_slider_prev.svg'); background-size:cover;}
.oneshot-control a.btn-next{transform:rotate(180deg);}
.oneshot-control a.btn-stop{background-image:url('/images/seocho_2025/main/popupzone_slider_pause.svg');}
.oneshot-control a.btn-stop.active{background-image:url('/images/seocho_2025/main/popupzone_slider_play.svg');}

.oneshot-control > a:hover{background-color:#FCF9FF;}

.main-oneshot .btn-main-more{position:absolute;right:0;top:2px;}

/* 언론보도 */
.main-press{margin-right:60px;}
.main-press-list li{border-bottom:1px solid #dedede;}
.main-press-list a{width:100%; display:flex; align-items: center; height:49px;}
.main-press-list .title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; font-weight:500; margin-right:10px;}
.main-press-list .date{color:#777; flex-shrink: 0; margin-left:auto;}
.main-press .btn-main-more{position:absolute;right:0;top:2px;}
.main-press-list a:hover .title{text-decoration: underline; text-underline-position: under; color:#D61769; }

/* 열린구청장실 */
.main-mayor{display:flex; flex-direction:column; position:relative;}
.main-mayor-intro{flex:1; position:relative; border:1px solid #F45197; border-bottom:none; border-radius:20px 20px 0 0; padding:28px 32px; box-sizing:border-box;}
.main-mayor-intro:before{display:block;content:''; position:absolute;right:0;bottom:0; width:100%;height:100%; background:url(/images/seocho_2025/main/photo_mayor.png) right bottom no-repeat; }
.main-mayor-intro .mayor-copy{font-size:24px; color:#222; line-height:1.33em; margin-bottom:16px; }
.main-mayor-intro .mayor-copy span{display:block;}
.main-mayor-intro .mayor-copy .txt1{color:#F45197; font-weight:700; margin-bottom:3px;line-height:1.3;}
.main-mayor-intro .mayor-copy .txt1 em{font-size:26px;line-height:1.3;}
.main-mayor-intro .mayor-copy .txt2 strong{font-size:34px;font-weight:700;font-family: "GmarketSans";line-height:1.3;}

.main-mayor-intro .links{position:relative; width:148px;}
.main-mayor-intro .links li + li{margin-top:12px;}
.main-mayor-intro .links a{display:flex; align-items:center; height:38px; border:1px solid #dedede; border-radius:8px; padding:0 20px; font-size:17px; font-weight:500; background-color:rgba(255,255,255,0.5); box-sizing:border-box;}
.main-mayor-intro .links a:after{display:block;content:''; width:18px;height:18px; margin-left:auto; background:url(/images/seocho_2025/main/arr_go.svg) 0 center no-repeat; transition:all 0.3s;}
.main-mayor-intro .links a:hover{outline:2px solid #222;outline-offset:-1px;box-shadow:0 4px 5px rgba(34,34,34,0.2);}
.main-mayor-intro .links a:hover:after{animation:hoverEffect 0.8s infinite;}

.main-mayor .go-mayorSite{height:52px; font-size:20px;line-height:1.25em; flex-shrink: 0;}
/* .main-mayor .go-mayorSite a{display:flex; align-items: center; justify-content: center; height:100%; color:#fff; font-size:18px;font-weight:500; background:linear-gradient(to right, #F45197 42%, #CB5CC7 72%, #5853FE 100%); border-radius:0 0 20px 20px;} */
.main-mayor .go-mayorSite a{display:flex; align-items: center; justify-content: center; height:100%; color:#fff; font-size:18px;font-weight:500; background-color:#F45197; border-radius:0 0 20px 20px;}
.main-mayor .go-mayorSite a:before,
.main-mayor .go-mayorSite a:after{display:block;content:''; transition:all 0.3s;}
.main-mayor .go-mayorSite a:before{width:20px;height:20px; margin-right:8px; background:url(/images/seocho_2025/main/ic_mayor.svg) 0 center no-repeat;}
.main-mayor .go-mayorSite a:after{width:18px;height:18px; margin-left:12px; background:url(/images/seocho_2025/main/arr_go_w.svg) 0 center no-repeat;}
.main-mayor .go-mayorSite a:hover:after{animation:hoverEffect 0.8s infinite;}

@keyframes hoverEffect {
	0% {transform:translateX(0);}
	50% {transform:translateX(6px);}
	100% {transform:translateX(0);}
}

/* section2 */
.mainSection2{position:relative;}
.mainSection2-back{position:absolute;left:0;top:0;right:0; height:677px; background:linear-gradient(to bottom, #F9F1FF, rgba(238,249,255,0)); overflow:hidden;}
.mainSection2-back .star1{position:absolute;left:-121px;top:239px; width:303px;height:320px; background:url(/images/seocho_2025/main/bg_star1.png) center no-repeat; animation: starAnimation 10s infinite linear;}
.mainSection2-back .star2{position:absolute;right:-40px;top:-85px;; width:285px;height:301px; background:url(/images/seocho_2025/main/bg_star2.png) center no-repeat; animation: starAnimation 15s infinite linear;}

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

.mainSection2-inner{padding:40px 0; position:relative; display:flex; flex-wrap:wrap;}

/* 팝업존 */
.main-popupzone{width:65%; position:relative;}

@media all and (min-width:769px){

	.main-popupzone .swiper-container{width:100%; height:360px; box-sizing:border-box; position:relative; padding:111px 0; overflow:hidden;}
	.main-popupzone .swiper-slide{width: 303.33px; transition: all 0.3s;}
	.main-popupzone .swiper-slide a{display:block; border-radius:10px; overflow:hidden; z-index: 0; position: relative; opacity:0;}
	.main-popupzone .swiper-slide a:focus-visible{outline:1px dashed #000; outline-offset: 0;}
	.main-popupzone .swiper-slide img{width:303.33px; aspect-ratio: 790/355;}

	.main-popupzone .swiper-slide.swiper-slide-duplicate-prev,
	.main-popupzone .swiper-slide.swiper-slide-prev{
		z-index:1;
		transform: translateX(65.6%) scale(2.3);
	}
	.main-popupzone .swiper-slide.swiper-slide-duplicate-next,
	.main-popupzone .swiper-slide.swiper-slide-next{
		z-index:1;
		transform: translateX(-65.6%) scale(2.3);
	}
	.main-popupzone .swiper-slide.swiper-slide-duplicate-active,
	.main-popupzone .swiper-slide.swiper-slide-active{
		z-index:2;
		transform:scale(2.6044242244);
	}

	.main-popupzone .swiper-slide.swiper-slide-duplicate-prev a,
	.main-popupzone .swiper-slide.swiper-slide-prev a,
	.main-popupzone .swiper-slide.swiper-slide-duplicate-next a,
	.main-popupzone .swiper-slide.swiper-slide-next a,
	.main-popupzone .swiper-slide.swiper-slide-duplicate-active a,
	.main-popupzone .swiper-slide.swiper-slide-active a,
	.main-popupzone .swiper-slide a:focus{
		opacity:1;
	}

	.main-popupzone .swiper-slide.swiper-slide a:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right:0;
		bottom:0;
		background: rgba(0, 0, 0, 0.5);
		transition: all 0.3s;
		opacity: 1;
		border-radius:10px;
	}
	.main-popupzone .swiper-slide.swiper-slide-next a:after,
	.main-popupzone .swiper-slide.swiper-slide-prev a:after {
		background: rgba(0, 0, 0, 0.4);
	}
	.main-popupzone .swiper-slide.swiper-slide-active a:after{
		opacity: 0;
	}
}
@media all and (max-width:768px){

	.main-popupzone .swiper-slide img{width:100%;}
	.popupzone-slider{border-radius:12px;}
}

.popupzone-control {width:100%; height:40px; margin-top:12px; display:flex; align-items: center; justify-content: center; position:relative;}
.popupzone-control .slider-page{width:auto; color:#222; font-family: "GmarketSans"; font-weight:500;padding-top:3px; margin:0 20px;}
.popupzone-control .slider-page .swiper-pagination-current{font-weight:700;}
.popupzone-control a{display:inline-block; width:40px;height:40px; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-9999px; overflow:hidden; cursor:pointer; border-radius:12px;}
.popupzone-control a.btn-prev,
.popupzone-control a.btn-next{width:40px;height:40px; position:absolute;top:0; border-radius:12px;}
.popupzone-control a.btn-prev,
.popupzone-control a.btn-next {background-image:url('/images/seocho_2025/main/popupzone_slider_prev.svg');}
.popupzone-control a.btn-prev{left:0;}
.popupzone-control a.btn-next{right:0; transform:rotate(180deg);}
.popupzone-control a.btn-stop{background-image:url('/images/seocho_2025/main/popupzone_slider_pause.svg');}
.popupzone-control a.btn-stop.active{background-image:url('/images/seocho_2025/main/popupzone_slider_play.svg');}
.popupzone-control a.btn-slider-more{background-image:url('/images/seocho_2025/main/popupzone_more.svg');}

.popupzone-control a:hover{background-color:#fefefe;}

/* 주요서비스 */
.main-service{width:30.5%; margin-left:4%;}
.main-service ul{display:flex; flex-wrap:wrap; margin:-12px;}
.main-service li{width:calc(50% - 24px);margin:12px;}
.main-service a{display:block; text-align:center; border-radius:20px; border:1px solid #FCDAEB; background-color:#fff; padding:26px 0; font-size:18px;font-weight:500; color:#222;}
.main-service a:before{display:block;content:'';width:40px;height:40px; margin:0 auto 12px auto; background-position:0 0; background-repeat:no-repeat; background-size:cover;}
.main-service .item1:before{background-image:url(/images/seocho_2025/main/ic_service1.svg);}
.main-service .item2:before{background-image:url(/images/seocho_2025/main/ic_service2.svg);}
.main-service .item3:before{background-image:url(/images/seocho_2025/main/ic_service3.svg);}
.main-service .item4:before{background-image:url(/images/seocho_2025/main/ic_service4.svg);}
.main-service a:hover{background-color:#F45197; border-color:#F45197; box-shadow:0 0 12px rgba(244,81,151,0.6); color:#fff;}
.main-service a:hover:before{background-position:0 -40px;}

/* 즐겨찾는 메뉴 */
.main-favor{width:100%; padding-top:21px; position:relative; margin-top:40px;}
.main-favor-nav{position:absolute;left:50%;top:0; transform:translateX(-50%); z-index:10; background-color:#fff; border-radius:28px;}
.main-favor-nav ul{display:flex; align-items: center;}
.main-favor-nav li + li{margin-left:6px;}
.main-favor-nav a{white-space:nowrap;}
.main-favor-nav .favor-nav-item{display:flex; height:55px; align-items: center; justify-content: center; padding:0 28px; color:#222; font-family: "GmarketSans"; font-size:18px; line-height:1; border-radius:4px 20px 20px 20px;}
.main-favor-nav .active .favor-nav-item:focus-visible{outline:2px dotted #000;}
.main-favor-nav .tabNav-item:hover{text-decoration: underline; text-underline-position: under; font-weight:600;}

#btn-favorSetting{display:block;width:20px;height:20px;overflow:hidden;text-align:left;text-indent:-9999px; background:url(/images/seocho_2025/main/ic_myfavor_set.svg) center no-repeat; margin-left:4px; flex-shrink: 0;}

.main-favor-nav .active .favor-nav-item,
.main-favor-nav .active.favor-nav-item{background-color:#222; color:#fff; box-shadow:0 0 12px rgba(34,34,34,0.5); padding-top:2px;}
.main-favor-nav .active.favor-nav-item a{color:#fff;}
.main-favor-nav .active .favor-nav-item:before,
.main-favor-nav .active.favor-nav-item:before{display:block;content:'';width:20px;height:20px; background:url(/images/seocho_2025/main/ic_favor_active.svg) center no-repeat; margin-right:6px; transform:translateY(-1px);}
.main-favor-nav .active.favor-nav-item #btn-favorSetting{background-image:url(/images/seocho_2025/main/ic_myfavor_set_w.svg); transform:translateY(-1px);}

.main-favor-links{position:relative; z-index:1; border-radius:8px 60px 60px 60px; background:linear-gradient(to right, #F45197, #E4477A); padding:36px 60px 29px 60px; min-height:222px; box-sizing:border-box;}
.main-favor-links:not(.active){position:absolute;left:0;top:21px;right:0;}
.main-favor-links.active{z-index:5; display:block !important;}

.favor-slider .swiper-container{overflow:hidden; padding:30px 0 0 0;}
.favor-slider .swiper-slide{text-align:center;}
.favor-slider .swiper-slide a{display:block; color:#fff; font-weight:500;}
.favor-slider .swiper-slide a:focus-visible{outline-offset: -2px;}
.favor-slider .swiper-slide img{display:block; margin:0 auto; width:68px;height:68px; margin-bottom:16px; border-radius:50%; transition:all 0.2s;}
.favor-slider .swiper-slide span{display:block;}
.favor-slider .no-data{text-align:center; height:126px; display:flex; align-items: center; justify-content: center;}
.favor-slider .no-data p{padding-left:26px; background:url(/images/seocho_2025/main/ic_info_w.svg) left center no-repeat; color:#fff; font-size:20px; font-family: "GmarketSans"; font-weight:500; padding-top:4px;}
.favor-slider .swiper-slide a:hover img{transform:scale(1.05); ;box-shadow:6px 6px 8px rgba(177,0,62,0.5);}

.favor-control button{position:absolute;top:50%;margin-top:-19px;display:block;width:38px;height:38px;border-radius:50%;background-color:rgba(255,255,255,0.2);background-position:center;background:rgba(255,255,255,0.2) url(/images/seocho_2025/main/favor_slider_prev.svg) center no-repeat;text-align:left;text-indent:-9999rem;overflow:hidden; border: 1px solid rgba(255, 255, 255, 0.5);}
.favor-control .btn-prev{left:20px;}
.favor-control .btn-next{right:20px; transform: rotate(180deg);}
.favor-control .swiper-button-disabled{opacity:0.5; border:none;}

.myFavorSet-wrap{position:fixed;left:0;top:0;right:0;bottom:0;z-index:20; background-color:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:center;}
.myFavorSet-box{width:1200px; border:1px solid #000; background-color:#fff;padding:30px; position:relative; box-sizing:border-box; margin:0 10px;}
.myFavorSet-box .set-header{padding:0 0 30px; border-bottom:1px solid #dedede;}
.myFavorSet-box .set-header h2{text-align:center; font-size:22px;}
.myFavorSet-box .set-close{width:36px;height:36px; text-align:left;text-indent:-9999px;overflow:hidden; position:absolute;right:30px;top:30px; border:1px solid #3D2823;}
.myFavorSet-box .set-close:before,
.myFavorSet-box .set-close:after{height:2px; display:block;content:''; background-color:#3D2823; position:absolute;left:10px;right:10px;}
.myFavorSet-box .set-close:before{transform:rotate(45deg); top:16px;}
.myFavorSet-box .set-close:after{transform:rotate(-45deg); bottom:16px;}
.myFavorSet-box .set-close:hover{background-color:#3D2823;}
.myFavorSet-box .set-close:hover:before,
.myFavorSet-box .set-close:hover:after{background-color:#fff;}

.set-items-wrap{position:relative;max-height:500px; overflow-y:auto;  border-bottom:1px solid #dedede;}
.set-items-wrap .set-items{display:flex; padding:20px; border-bottom:1px solid #dedede;}
.set-items-wrap .set-items:last-child{border-bottom:none;}
.set-items-wrap .set-items dt{width:130px; flex-shrink:0; text-align:left; font-size:20px; font-weight:bold;}
.set-items-wrap .set-items dd{width:calc(100% - 130px);}
.set-items-wrap .set-items .checkbox-group{display:flex; flex-wrap:wrap; width:100%; position:relative;}
.set-items-wrap .set-items .checkbox-group label{width:25%; padding:5px 0; display:flex; cursor:pointer;}
.set-items-wrap .set-items .checkbox-group label input{width:20px;height:20px; flex-shrink:0; margin-right:10px;}

.set-items-wrap::-webkit-scrollbar {appearance: none;-webkit-appearance: none;}
.set-items-wrap::-webkit-scrollbar:vertical:increment {width: 12px;}
.set-items-wrap::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1);border: none;}
.set-items-wrap::-webkit-scrollbar-thumb:hover{background-color: rgba(0, 0, 0, .2);}
.set-items-wrap::-webkit-scrollbar-track {background-color: #eee;}

.myFavorSet-box .set-command{ padding:30px 0 20px;text-align:center;}
.myFavorSet-box .set-command .btn{min-width:140px; height:40px; text-align:center; border-radius:20px; color:#fff; font-size:18px; background-color:#8D8D8D;}
.myFavorSet-box .set-command .btn + .btn{margin-left:10px;}
.myFavorSet-box .set-command .btn.ok{background-color:#E4477A;}

/* 공지사항 */
.main-board-wrap{margin-top:40px; position:relative; width:100%;}
.main-board-wrap:after{display:block;content:'';clear:both;}
.main-board-wrap .main-board{width:calc(50% - 30px); float:left;}
.main-board-wrap .main-board + .main-board{margin-left:60px;}

.main-board{position:relative;}
.main-board-nav{margin-bottom:16px;}
.main-board-nav ul{display:flex; align-items: center;}
.main-board-nav li{position:relative;}
.main-board-nav li + li{margin-left:24px;}
.main-board-nav li + li:before{display:block;content:'';width:3px;height:3px; background-color:#777; position:absolute;left:-13px;top:50%;}
.main-board-nav a{font-size:17px; color:#777; display:block;}
.main-board-nav a[target="_blank"]{display:flex; align-items: center;}
.main-board-nav a[target="_blank"]:after{display:block;content:'';width:18px;height:18px; background:url(/images/seocho_2025/main/ic_blank_gray.svg) center / cover no-repeat; margin-left:4px;}
.main-board-nav a:hover{color:#222;text-decoration:underline; text-underline-position: under;}
.main-board-nav .active a{color:#222; font-size:24px; font-weight:700;}

.main-board-contents{display:none;}
.main-board-contents .btn-main-more{position:absolute;right:0;top:5px;}
.main-board-contents.active{display:block;}

.main-board-front{margin-bottom:8px; position:relative;}
.main-board-front a{display:block;border-radius:20px; padding:18px 26px; border:2px solid #F45197; box-sizing:border-box; position:relative;}
.main-board-front .item-wrap{display:flex; align-items: center; overflow:hidden;}
.main-board-front .ic-notice{width:47px;height:47px; border-radius:12px; background-color:#F45197; background-position:center; background-repeat:no-repeat; flex-shrink: 0; text-align:left; text-indent:-9999px; overflow:hidden; box-shadow:0 0 12px rgba(244, 81, 151, 0.3); margin-right:20px;}
.main-board-front .title{font-size:20px;font-weight:700; color:#222; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block;}
.main-board-front .date{margin-left:auto; color:#777; font-size:18px; flex-shrink: 0;}
.main-board-front a:hover .title{color:#D61769;}

.main-board-front.notice .ic-notice{background-image:url(/images/seocho_2025/main/ic_board_notice.svg);}
.main-board-front.other .ic-notice{background-image:url(/images/seocho_2025/main/ic_board_other.svg);}
.main-board-front.event .ic-notice{background-image:url(/images/seocho_2025/main/ic_board_event.svg);}
.main-board-front.lecture .ic-notice{background-image:url(/images/seocho_2025/main/ic_board_lecture.svg);}

.main-board-list{padding:0 28px; box-sizing:border-box;}
.main-board-list li{border-bottom:1px solid #dedede; }
.main-board-list a{display:block; padding:20px 0 12px; position:relative;}
.main-board-list .item-wrap{display:flex; align-items: center; width:100%;}
.main-board-list .title{display:block; margin-right:20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.main-board-list .date{color:#777; margin-left:auto; flex-shrink: 0;}
.main-board-list a:hover .title{text-decoration:underline; text-underline-position: under; color:#D61769;}

/* 알림배너 */
.main-bannerzone{width:100%; margin-top:40px;}
.main-bannerzone .title-main-section{text-align:center; font-size:32px; margin-bottom:20px;}

.bannerzone-slider{position:static; width:100%; overflow:hidden;}
.bannerzone-slider .swiper-slide img{width:100%; aspect-ratio: 332/286; }
.bannerzone-slider .swiper-slide a{display:block;box-sizing:border-box; position:relative;border-radius:20px;overflow:hidden;}
.bannerzone-slider .swiper-slide a > img{width:332px; max-width:100%; transition:all 0.3s;}
.bannerzone-slider .swiper-slide a:focus-visible{outline-offset: -2px;}
.bannerzone-slider .swiper-slide a:hover img{transform:scale(1.05);}

.bannerzone-control{display:flex; align-items:center; justify-content: center; position:relative; margin-top:20px; width:100%;}
.bannerzone-control .slider-page{width:auto; color:#222; font-family: "GmarketSans"; font-weight:500; margin:0 20px; line-height:1; padding-top:3px;}
.bannerzone-control .slider-page .swiper-pagination-current{font-weight:700;}
.bannerzone-control a{display:inline-block; width:40px; height:40px; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-9999px; overflow:hidden; cursor:pointer; border-radius:12px;}

.bannerzone-control a.btn-prev,
.bannerzone-control a.btn-next{width:38px;height:38px; border-radius:12px; border:1px solid #dedede;}
.bannerzone-control a.btn-prev,
.bannerzone-control a.btn-next {background-image:url('/images/seocho_2025/main/bannerzone_slider_prev.svg');}
.bannerzone-control a.btn-prev{margin-right:25px;}
.bannerzone-control a.btn-next{margin-left:25px; transform:rotate(180deg);}

.bannerzone-control a.btn-stop{background-image:url('/images/seocho_2025/main/popupzone_slider_pause.svg');}
.bannerzone-control a.btn-stop.active{background-image:url('/images/seocho_2025/main/popupzone_slider_play.svg');}

.bannerzone-control a.btn-slider-more{background-image:url('/images/seocho_2025/main/popupzone_more.svg');}

.bannerzone-control a:hover{background-color:#FCF9FF;}

.bannerzone-control a.btn-prev:hover,
.bannerzone-control a.btn-next:hover{background-color:#fff; outline:2px solid #222; outline-offset:-1px;}
.bannerzone-control a.btn-prev:hover{box-shadow:0 4px 5px rgba(0,0,0,0.12);}
.bannerzone-control a.btn-next:hover{box-shadow:0 -4px 5px rgba(0,0,0,0.12);}


/* section3 */
.mainSection3{background-color:#FCF9FF; padding:60px 0;}
.mainSection3-inner{display:flex;}

/* 서초구 소식지 */
.main-newsletter{width:350px; margin-right:60px; display:flex; flex-direction: column;}

.main-newsletter-lately{border-radius:20px; background:#fceff9 url(/images/seocho_2025/main/bg_newsletter.png) left top / cover no-repeat; padding:40px 35px 28px 35px; height:100%;}
.main-newsletter-lately .cover{width:210px; margin:0 auto; position:relative; max-width:100%;}
.main-newsletter-lately .cover img{width:100%; aspect-ratio: 210/297; box-shadow:6px 6px 12px rgba(0,0,0,0.08);}
.main-newsletter-lately .cover .version{display:flex;align-items: center;justify-content: center; border-radius:50%; width:88px;height:88px; background-color:#F45197;color:#fff; position:absolute;right:-40px;bottom:-11px; box-shadow:6px 6px 12px rgba(0,0,0,0.08); flex-direction: column; line-height:1.1;font-size:18px;}
.main-newsletter-lately .cover .version .month strong{font-size:28px; font-weight:700;}
.main-newsletter-lately .cover .version span{display:block;}
.main-newsletter-lately .links{display:flex; margin-top:31px; justify-content: center;}
.main-newsletter-lately .links a + a{margin-left:12px;}
.main-newsletter-lately .links a{display:flex;align-items: center;justify-content: center; border-radius:8px; width:calc(50% - 6px);height:39px; background-color:#fff;color:#222; border:1px solid #dedede; font-size:18px;font-weight:500; max-width:160px;}
.main-newsletter-lately .links a:after{display:block;content:'';width:18px;height:18px; background:url(/images/seocho_2025/main/arr_go.svg) center no-repeat; flex-shrink: 0; margin-left:16px; transition:all 0.3s;}
.main-newsletter-lately .links a:hover{outline:2px solid #222;outline-offset:-1px;box-shadow:0 4px 5px rgba(34,34,34,0.2);}
.main-newsletter-lately .links a:hover:after{animation:hoverEffect 0.8s infinite;}

/* 서초구 SNS */
.main-sns{width:430px; display:flex; flex-direction: column; margin-right:60px;}

.main-sns-box{background:url(/images/seocho_2025/main/bg_sns.jpg) 0 0 / cover no-repeat; border-radius:20px; height:100%; display:flex; flex-direction: column; display:flex; align-items: center; justify-content: center; padding:28px 16px;}
/* .main-sns-box .img{height:178px; background:url(/images/seocho_2025/main/bg_sns2.png) center bottom / contain no-repeat; flex-shrink: 0;} */
.main-sns-link{color:#fff; border-radius:20px; width:100%;}
.main-sns-link .copy{text-align:center; font-size:24px; font-family: "GmarketSans"; margin-bottom:40px;}
.main-sns-link .copy strong{font-size:30px;font-weight:700; display:block;}
.main-sns-link ul{margin-top:-12px; text-align:center; display:flex; flex-wrap:wrap; width:100%; align-items: center; justify-content: center;}
.main-sns-link li{margin:12px;}
.main-sns-link a{display:block; border-radius:12px;width:90px; height:90px; min-height:68px; text-align:left; text-indent:-9999px; overflow:hidden; background-color:#fff; background-position:center; background-repeat:no-repeat; position:relative; transition:all 0.3s;}
.main-sns-link .yt{background-image:url(/images/seocho_2025/main/sns_youtube.svg);}
.main-sns-link .insta{background-image:url(/images/seocho_2025/main/sns_instagram.svg);}
.main-sns-link .blog{background-image:url(/images/seocho_2025/main/sns_blog.svg);}
.main-sns-link .fb{background-image:url(/images/seocho_2025/main/sns_facebook.svg);}
.main-sns-link .dg{background-image:url(/images/seocho_2025/main/sns_dang.svg);}
.main-sns-link .kakao{background-image:url(/images/seocho_2025/main/sns_kakao.svg);}
.main-sns-link a:hover{transform:scale(1.05);}
.main-sns-link a:focus-visible{outline-color:#fff;}

/* 서초구 인터넷방송 */
.main-air{width:500px; position:relative;}
.main-air .btn-main-more{position:absolute;right:0;top:0;}

.main-air-banner a{display:block; position:relative; border-radius:20px; overflow:hidden;}
.main-air-banner .thum{position:relative; box-sizing:border-box; height:0; padding-bottom:55%; overflow:hidden; border-radius:20px; height:275px; max-height:60vw; transition:all 0.3s;}
.main-air-banner .thum img{min-width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%); object-fit: cover; }
.main-air-banner .title{font-weight:700; font-size:18px; box-sizing:border-box; position:absolute;left:0;bottom:0;right:0; height:74px; color:#fff; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,100) 70%); box-sizing:border-box; padding-top:30px;border-radius:0 0 20px 20px;}

.main-air-banner a:hover{box-shadow:6px 6px 10px  rgba(0,0,0,0.1);}
.main-air-banner a:hover .thum{transform:scale(1.05);}

.seoulBanner{width:100%; margin-top:24px; overflow:hidden; border-radius:16px;}
.seoulBanner img {width:100%; height:145px; border-radius:16px; transition:all 0.3s;}
.seoulBanner:hover{box-shadow:6px 6px 10px  rgba(0,0,0,0.1);}
.seoulBanner:hover img{transform:scale(1.05);}
.seoulBanner a:focus-visible{outline-offset:-2px;}

/* 메인 팝업 */
.layerPopup2021{position:absolute;padding:0;color:#000;background-color:#e6e9ea;border:2px solid #3c3f4e;} /* height:390px; */
.layerPopup2021 *{font-family:"NanumGothic", "Malgun Gothic", "dotum", "Arial", sans-serif;}
.layerPopup2021 img{max-width:100%;width:100%;}
.layerPopup2021Header h2{position:absolute;left:-9999em;top:-9999em;}
.layerPopup2021Header a{display:block;position:absolute;top:0;right:0;width:50px;line-height:30px;height:30px;padding-left:22px;font-weight:500;color:white;font-size:16px;text-align:center;background:#2d2d2d url(../../images/common/layerPopup/popupCloseIcon.png) no-repeat 6px center;}
.layerPopup2021Body{padding:0 0 30px;}
.layerPopup2021CloseDiv{position:absolute; left: 0; bottom: 0; width:100%; box-sizing: border-box; padding:0 20px;height:34px;background:#2d2d2d;line-height:34px;color:#fff;font-size:14px;font-weight:400;color:white;text-align:left;font-family:"NanumGothic", "Malgun Gothic", "dotum", "Arial", sans-serif;}
.layerPopup2021CloseDiv label{color:white;}
.layerPopup2021CloseDiv a{background:url(../../images/common/layerPopup/popupCloseIcon.png)no-repeat left center;  color:#fff; padding-left: 15px; float: right;line-height:34px;}


/* 반응형 ******************************************************************************************************** */

@media all and (max-width:1400px){

	.bannerzone-slider .swiper-slide a > img{width:100%;}

	.main-sns-link li{margin:4px; max-width:calc(33% - 12px);}
	.main-sns-link a{max-width:100%; aspect-ratio: 1/1; height:auto;}

}

@media all and (max-width:1024px){

	.mainSection1-inner{flex-wrap:wrap; padding-top:0;}
	.mainSection1-inner > div{width:calc(50% - 20px);}

	.mainSection1-inner .main-oneshot{order:2; margin:0;}
	.mainSection1-inner .main-press{order:1; margin-right:40px;}
	.mainSection1-inner .main-mayor{order:0; width:100%; margin:0 0 40px 0;}

	.main-mayor{display:block;}

	.main-popupzone{width:100%; max-width:890px; margin:0 auto;}
	.main-popupzone .swiper-slide img{width:100%;}

	.main-service{width:100%; margin:40px 0 0 0;}
	.main-service ul{margin: -6px;}
	.main-service li {width: calc(25% - 12px);margin: 6px;}

	.main-board-wrap .main-board {width: calc(50% - 20px); }
	.main-board-wrap .main-board + .main-board{margin-left:40px;}

	.mainSection3{padding:40px 0;}
	.mainSection3-inner{flex-wrap:wrap;}

	.main-newsletter{order:0; margin-right:40px; width:calc(50% - 20px);}
	.main-air{order:1; width:calc(50% - 20px);}
	.main-sns{order:2; width:100%; margin:40px 0 0 0;}


}

@media all and (max-width:768px){

	.main-board-wrap .main-board{width:auto; float:none;}
	.main-board-wrap .main-board + .main-board{margin:40px 0 0 0;}

	.main-sns-link a{width:80px;}

	.set-items-wrap .set-items .checkbox-group label{width:50%;}

}

@media all and (max-width:640px){

	.webOnly{display:none;}
	.mobileOnly{display:block;}

	.btn-main-more{width:22px;height:22px; background-size:22px auto;}
	.btn-main-more:hover{background-position:0 -22px;}
	.btn-main-more.sm{width:22px;height:22px; background-size:22px auto;}
	.btn-main-more.sm:hover{background-position:0 -22px;}

	.mainSection1-inner{padding-bottom:30px;}
	.oneshot-slider .swiper-slide img{height:50vw; object-fit:cover;}

	.oneshot-control {height:24px;}
	.oneshot-control a{width:24px;height:24px;}

	.mainSection1-inner .main-mayor{margin-bottom:20px;}
	.main-mayor-intro{padding:24px;}
	.main-mayor-intro:before{background-size:auto 200px;}
	.main-mayor-intro .mayor-copy{font-size:20px;}
	.main-mayor-intro .mayor-copy .txt1 em{font-size:24px;}
	.main-mayor-intro .mayor-copy .txt2 strong{font-size:28px;}
	.main-mayor .go-mayorSite{height:45px;}

	.mainSection1-inner .main-press{width:100%; margin:0 0 20px 0;}
	.mainSection1-inner .main-oneshot{width:100%;}

	.title-main-section{font-size:18px; margin-bottom:8px;}

	.main-press-list a{height:39px;}
	.main-press .btn-main-more{top:1px;}

	.main-oneshot .btn-main-more{top:1px;}

	.mainSection2-inner{padding:30px 0; display:block;}

	.main-service{margin-top:20px;}

	.main-favor{margin-top:30px;}
	.favor-slider .swiper-container{padding:0;}

	.myFavorSet-box{padding:20px;}
	.myFavorSet-box .set-header{padding:0 0 20px;}
	.myFavorSet-box .set-header h2{text-align:center; font-size:18px; text-align:left; line-height:36px;}
	.myFavorSet-box .set-close{right:20px;top:20px;}

	.set-items-wrap{max-height:400px;}
	.set-items-wrap .set-items{display:block;padding:20px 0;}
	.set-items-wrap .set-items dt{width:100%; font-size:18px; padding-bottom:20px;}
	.set-items-wrap .set-items dd{width:100%;}
	.set-items-wrap .set-items .checkbox-group label{width:50%;}
	.myFavorSet-box .set-command .btn{min-width:100px; font-size:14px;}

	.main-board-wrap{margin-top:30px;}
	.main-board-wrap .main-board + .main-board{margin-top:30px;}

	.main-service li{width:calc(50% - 12px);}
	.main-service a{padding:23px 0; font-size:16px;}
	.main-service a:before{width:36px;height:36px;}
	.main-favor-nav li + li{margin:0;}
	.main-favor-nav li{flex:1;}
	.main-favor-nav .favor-nav-item{height:41px; font-size:16px; padding:0 10px;}
	.main-favor-nav .active .favor-nav-item:before,
	.main-favor-nav .active.favor-nav-item:before{display:none;}

	.main-favor{margin-left:-16px; margin-right:-16px; width:calc(100% + 32px);}
	.main-favor-nav{left:16px;right:16px; transform:none;}
	.main-favor-links{border-radius:0; padding:44px 20px 20px 20px;}

	.favor-slider .favor-control{display:none;}
	.favor-slider .swiper-wrapper{flex-wrap:wrap; gap:0 12px;}
	.favor-slider .swiper-slide{width:calc(50% - 6px) !important; display:flex; padding:8px 0;}
	.favor-slider .swiper-slide a{display:flex; align-items: center; font-size:15px; text-align:left;}
	.favor-slider .swiper-slide a i{margin-right:10px;}
	.favor-slider .swiper-slide img{width:46px;height:46px; margin:0;}

	.main-board-nav{margin-bottom:10px;}
	.main-board-nav a{font-size:15px;}
	.main-board-nav .active a{font-size:18px;}
	.main-board-contents .btn-main-more{top:1px;}

	.main-board-front a{padding:14px;}
	.main-board-front .item-wrap{position:relative;min-height:40px; display:block; padding-left:52px;}
	.main-board-front .ic-notice{width:40px;height:40px; position:absolute;left:0;top:0;}
	.main-board-front .title{width:100%; font-size:16px;}
	.main-board-front .date{width:100%; margin-top:2px; font-size:14px;}

	.main-board-list{padding:0 8px;}
	.main-board-list a{padding:12px 0 7px; font-size:15px;}

	.main-bannerzone{margin-top:30px;}
	.main-bannerzone .title-main-section{font-size:20px; margin-bottom:10px;}
	.bannerzone-control{margin-top:8px;}
	.bannerzone-control a.btn-prev,
	.bannerzone-control a.btn-next{position:absolute;top:0;}
	.bannerzone-control a.btn-prev{left:0;}
	.bannerzone-control a.btn-next{right:0;}

	.main-newsletter{width:100%; margin:0;}
	.main-newsletter-lately{padding:28px;}
	.main-newsletter-lately .links a{font-size:16px;}

	.main-air{width:100%; order:3; margin-top:30px;}

	.main-sns{margin-top:30px; order:2;}
	.main-sns-link .copy{font-size:20px; margin-bottom:20px;}
	.main-sns-link .copy strong{font-size:24px;}
	.main-sns-link ul{max-width:340px; margin:0 auto;}

}

@media all and (max-width:430px){

	.main-newsletter-lately{padding:28px 16px;}
	.main-newsletter-lately .cover{width:160px;}
	.main-newsletter-lately .links a + a{margin-left:6px;}
	.main-newsletter-lately .links a:after{margin-left:6px;}

}