@charset "utf-8";
[data-main-con]									{ margin-top:5em; }
@media all and (max-width:1568px){
	[data-main-con]											{ margin-top:4em; }
}
@media all and (max-width:1268px){
	[data-main-con]											{ margin-top:3.5em; }
}
@media all and (max-width:868px){
	[data-main-con]											{ margin-top:3em; }
}

				
/* 타이틀 */
[data-main-con] h2.title						{ display:flex; justify-content:center; font-size:2.38em; font-weight:800; line-height:1; margin-bottom:.5em; font-family:var(--font-score) } 
[data-main-con] .sub_text						{ display:flex; justify-content:center; font-size:1.19em; line-height:1.2; margin-bottom:1.84em; text-align:center }

/* 더보기 */
.icon_more										{ display:flex; align-items:center; justify-content:center; position:relative; width:38px; height:38px; border-radius:100%; background:var(--color-white); transition:var(--trans-ani);}
.icon_more::before								{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/mayor/images/main/icon_arr.svg) no-repeat 50% 50% / auto 15px; transition:var(--trans-ani);}




@media all and (max-width:1568px){
	/* 타이틀 */
	[data-main-con] h2.title								{ font-size:2.25em;  }
	[data-main-con] .sub_text								{ font-size:1.167em; }
	
	/* 더보기 */
	.icon_more												{ width:30px; height:30px; }
	.icon_more::before										{ background-size:auto 9px; }
}
@media all and (max-width:1268px){
	/* 타이틀 */
	[data-main-con] h2.title								{ font-size:2em; }
	[data-main-con] .sub_text								{ font-size:1.1em; }
	
	
}
@media all and (max-width:868px){
	/* 타이틀 */
	[data-main-con] h2.title								{ font-size:1.8em; }
	[data-main-con] .sub_text								{ font-size:1.067em; }
}
@media all and (max-width:468px){
	/* 타이틀 */
	[data-main-con] h2.title								{ font-size:1.6em; }
	[data-main-con] .sub_text								{ font-size:1.03em; }
}									
/**********************************************************************

 								visual 

**********************************************************************/
[data-main-visual="visual"]													{ position:relative; --sizeHig:170px; }
[data-main-visual="visual"]::before											{ position:absolute; width:100%; left:0; bottom:0; height:var(--sizeHig); content:''; background:#eff6fc;}
[data-main-visual="visual"] .visual											{ position:relative; margin-left:7.5em; height:820px; width:calc(100% - 7.5em); overflow:hidden; background:url(/resource/mayor/images/main/bg_visual.jpg) no-repeat 50% 50% / cover; 
																					border-radius:150px 0 0 0; }

[data-main-visual="visual"] .con_inner::before								{ position:absolute; right:0; width:100vw; height:var(--sizeHig); bottom:0; background:rgba(0,102,179,.9); content:''; border-radius:0 50px 0 0;}
[data-main-visual="visual"] .visual .con_inner								{ position:absolute; height:100%; left:50%; bottom:0; transform:translateX(-50%); }
[data-main-visual="visual"] .visual .text_wrap								{ display:flex; height:100%; justify-content:space-between; padding:0 9em 0 3em; }
[data-main-visual="visual"] .visual .text_wrap .img							{ width:25em; display:flex; align-items:flex-end; }
[data-main-visual="visual"] .visual .text_wrap dl							{ flex:auto; display:flex; flex-flow:column; gap:3.75em; margin-top:10.5em }
[data-main-visual="visual"] .visual .text_wrap dl>dt						{ font-size:3.13em; font-family:var(--font-tway); }
[data-main-visual="visual"] .visual .text_wrap dl>dt strong					{ font-size:1.4em; color:var(--color-point); }
[data-main-visual="visual"] .visual .text_wrap dl>dd						{ font-size:1.38em; line-height:1.5; }


/* 하단 배너 */
[data-main-visual="visual"] .visual .banner_wrap							{ position:absolute; display:flex; align-items:center; justify-content:space-between; bottom:0; left:0; width:100%; height:var(--sizeHig); 
																				border-radius:0px 50px 0px 0px; padding:1.25em; z-index:2 }
[data-main-visual="visual"] .visual .banner_wrap ul							{ flex:auto; width:calc(100% - 300px - 2em); margin-right:2em; gap:0 3em; display:flex; align-items:center; }
[data-main-visual="visual"] .visual .banner_wrap ul>li>a					{ display:flex; flex-flow:column; justify-content:center; align-items:center;}
[data-main-visual="visual"] .visual .banner_wrap ul>li						{ flex:auto; width:calc((100% - 15em) / 6); }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon				{ display:flex;  width:50px; height:42px; transition:var(--trans-ani);}
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon::before		{ width:100%; height:100%; content:''; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon1::before		{ background-image:url(/resource/mayor/images/main/icon_banner01.svg); }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon2::before		{ background-image:url(/resource/mayor/images/main/icon_banner02.svg); }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon3::before		{ background-image:url(/resource/mayor/images/main/icon_banner03.svg); }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon4::before		{ background-image:url(/resource/mayor/images/main/icon_banner04.svg); }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon5::before		{ background-image:url(/resource/mayor/images/main/icon_banner05.svg); }
[data-main-visual="visual"] .visual .banner_wrap ul>li .icon6::before		{ background-image:url(/resource/mayor/images/main/icon_banner06.svg); }
[data-main-visual="visual"] .visual .banner_wrap ul>li>a:hover .icon,
[data-main-visual="visual"] .visual .banner_wrap ul>li>a:focus .icon		{ animation:iconShow 0.7s ease-in-out 1 forwards; }


[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong				{ font-size:1.2em; margin-top:1em; font-weight:500; color:var(--color-white); line-height:1 }
[data-main-visual="visual"] .visual .banner_wrap .banner					{ width:300px; background:#2993d1 url(/resource/mayor/images/main/img_banner.png) no-repeat 0 50% / contain;  border-radius:30px; color:var(--color-white); }
[data-main-visual="visual"] .visual .banner_wrap .banner a					{ display:flex; flex-flow:column; gap:10px; padding:1.88em; width:100%; padding-left:55%; }															
[data-main-visual="visual"] .visual .banner_wrap .banner strong				{ font-size:1.25em; font-family:var(--font-score); font-weight:600; line-height:1 }
[data-main-visual="visual"] .visual .banner_wrap .banner a:hover .icon_more,
[data-main-visual="visual"] .visual .banner_wrap .banner a:focus .icon_more { animation:iconShow 0.7s ease-in-out 1 forwards; }


@media all and (max-width:1768px) {
	[data-main-visual="visual"] .visual										{ height:800px; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:3em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt strong				{ font-size:1.3em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ font-size:1.267em; }
	[data-main-visual="visual"] .visual .text_wrap .img						{ width:23em; }
	
	[data-main-visual="visual"] .visual .banner_wrap ul						{ gap:0 2em; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ width:calc((100% - 10em) / 6); }
	[data-main-visual="visual"] .visual .banner_wrap ul>li .icon			{ width:48px; height:40px; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong			{ font-size:1.13em; }
	[data-main-visual="visual"] .visual .banner_wrap .banner strong			{ font-size:1.167em; }
}
@media all and (max-width:1568px) {
	[data-main-visual="visual"] .visual										{ height:780px; border-radius:100px 0 0 0}
	[data-main-visual="visual"]												{ --sizeHig:150px; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:2.8em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt strong				{ font-size:1.267em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ font-size:1.167em; }
	
	[data-main-visual="visual"] .visual .banner_wrap ul						{ gap:0 1em; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ width:calc((100% - 5em) / 6); }
	[data-main-visual="visual"] .visual .banner_wrap ul>li .icon			{ width:42px; height:35px; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong			{ font-size:1.067em; }
	[data-main-visual="visual"] .visual .banner_wrap .banner a				{ padding:1.5em; padding-left:9em }
	[data-main-visual="visual"] .visual .banner_wrap .banner strong			{ font-size:1.1em; }
}
@media all and (max-width:1468px) {
	[data-main-visual="visual"] .visual										{ height:700px; margin-left:4em; width:calc(100% - 4em);  }
	[data-main-visual="visual"] .con_inner::before							{ border-radius:0 30px 0 0; }
	[data-main-visual="visual"]												{ --sizeHig:150px; }
	[data-main-visual="visual"] .visual .text_wrap							{ padding-right:2em; }
	[data-main-visual="visual"] .visual .text_wrap dl						{ margin-top:9.5em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:2.6em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt strong				{ font-size:1.167em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ font-size:1.067em; }
	[data-main-visual="visual"] .visual .text_wrap .img						{ width:21em; }
	
	[data-main-visual="visual"] .visual .banner_wrap ul						{ gap:0 .5em; width:calc(100% - 270px - 2em)}
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ width:calc((100% - 2.5em) / 6); }
	[data-main-visual="visual"] .visual .banner_wrap ul>li .icon			{ width:36px; height:30px; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong			{ font-size:1.03em; }
	[data-main-visual="visual"] .visual .banner_wrap .banner				{ width:270px; border-radius:20px; }
	[data-main-visual="visual"] .visual .banner_wrap .banner a				{ padding:1.25em; padding-left:9em }
	[data-main-visual="visual"] .visual .banner_wrap .banner strong			{ font-size:1.067em; }
}
@media all and (max-width:1268px) {
	[data-main-visual="visual"] .visual										{ height:650px; }
	[data-main-visual="visual"]												{ --sizeHig:140px; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:2.3em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt strong				{ font-size:1.067em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ font-size:1.03em; }
	[data-main-visual="visual"] .visual .text_wrap .img						{ width:19em; }
	
	[data-main-visual="visual"] .visual .banner_wrap ul>li:nth-child(3)		{ display:none; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ width:calc((100% - 2em) / 5); }
	
}
@media all and (max-width:1024px) {
	[data-main-visual="visual"] .visual										{ height:550px; }
	[data-main-visual="visual"]												{ --sizeHig:140px; }
	[data-main-visual="visual"] .visual .text_wrap dl						{ margin-top:6em; gap:2em;}
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:2.3em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt strong				{ font-size:1.067em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ font-size:1.03em; }
	[data-main-visual="visual"] .visual .text_wrap .img						{ width:19em; }
	
	[data-main-visual="visual"] .visual .banner_wrap ul						{  width:calc(100% - 250px - 2em)}
	[data-main-visual="visual"] .visual .banner_wrap .banner				{ width:250px; }
	
}
@media all and (max-width:868px) {
	[data-main-visual="visual"]												{ --sizeHig:100px; }
	[data-main-visual="visual"] .con_inner::before							{ display:none; }
	[data-main-visual="visual"] .visual										{ height:500px; border-radius:50px 0 0 0; margin-left:0; width:100%; }
	[data-main-visual="visual"] .visual .text_wrap							{ padding:0; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:2em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt strong				{ font-size:1.06em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ font-size:1em; }
	[data-main-visual="visual"] .visual .text_wrap .img						{ width:17em; }
	
	[data-main-visual="visual"] .visual .banner_wrap						{ flex-wrap:wrap; background:rgba(0,102,179,.9); border-radius:20px 20px 0 0; flex-wrap:wrap; padding:1.5em 1em 1em; height:auto; max-height:calc(var(--sizeHig) * 2); }
	[data-main-visual="visual"] .visual .banner_wrap ul						{ gap:1em; flex:100%; margin-right:0; width:100%; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong			{ font-size:1.03em; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ flex:auto; width:calc((100% - 4em) / 5);}
	[data-main-visual="visual"] .visual .banner_wrap ul>li .icon			{ width:33px; height:28px; }
	
	[data-main-visual="visual"] .visual .banner_wrap .banner				{ width:100%; border-radius:15px; margin-top:1em }
	[data-main-visual="visual"] .visual .banner_wrap .banner a				{ flex-flow:row wrap; align-items:center; padding:1.5em; padding-left:8em; justify-content: space-between; }
	[data-main-visual="visual"] .visual .banner_wrap .banner strong			{ font-size:1.067em; }
	
}
@media all and (max-width:668px) {
	[data-main-visual="visual"] .visual										{ height:650px; border-radius:35px 0 0 0;}
	[data-main-visual="visual"] .visual .text_wrap							{ flex-flow:column; }
	[data-main-visual="visual"] .visual .text_wrap dl						{ margin-top:3em; text-align:center; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd					{ padding:0 2em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dd br					{ display:none; }
	[data-main-visual="visual"] .visual .text_wrap .img						{ margin:1em auto 0 auto }
	
	[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong			{ font-size:1em; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li:nth-child(6)		{ display:none; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ width:calc((100% - 3em) / 4);}
}
@media all and (max-width:468px) {
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:1.5em; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li .icon			{ width:29px; height:24px; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li>a strong			{ font-size:.9em; }
	[data-main-visual="visual"] .visual .banner_wrap .banner a				{ padding:1.25em; padding-left:6em;}
	[data-main-visual="visual"] .visual .banner_wrap .banner strong			{ font-size:1.03em; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li:nth-child(1)		{ display:none; }
	[data-main-visual="visual"] .visual .banner_wrap ul>li					{ width:calc((100% - 2em) / 3);}
}
@media all and (max-width:320px) {
	[data-main-visual="visual"] .visual .text_wrap dl						{ gap:1em; }
	[data-main-visual="visual"] .visual .text_wrap dl>dt					{ font-size:1.4em; }
}
/**********************************************************************

 							

**********************************************************************/
[data-main="pledge"]																{ position:relative; --sizeMargin:6em; --sizeHig:520px; }
[data-main="pledge"] .pledge														{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;  padding:6em 0 3em 0}
[data-main="pledge"] .pledge::before												{ position:absolute; right:22.5em; width:100vw; height:100%; bottom:0; background:#eff6fc; content:''; border-radius:0 0 9.38em 0;}
[data-main="pledge"] .pledgeSwiper													{ position:relative; width:16.88em; height:var(--sizeHig); margin:var(--sizeMargin) 0 0 0; padding-bottom:5.75em}
[data-main="pledge"] .pledgeSwiper::before											{ position:absolute; content:''; background:linear-gradient(to top, rgba(240,247,252,1), rgba(240,247,252,0.3)); width:100%; bottom:0; left:0; height:3.75em; z-index:2 } 
[data-main="pledge"] .pledgeSwiper .swiper-slide									{ width:100%; height:calc(100% / 4); display:flex; flex-flow:column; pointer-events:none; }
[data-main="pledge"] .pledgeSwiper .swiper-slide .num								{ font-size:1.56em; font-weight:900; color:var(--color-point); opacity:.2; }
[data-main="pledge"] .pledgeSwiper .swiper-slide strong								{ display:flex; font-size:1.38em; font-family:var(--font-score); font-weight: 600; opacity:.4; line-height:1.2; }
[data-main="pledge"] .pledgeSwiper .swiper-slide.swiper-slide-thumb-active .num,
[data-main="pledge"] .pledgeSwiper .swiper-slide.swiper-slide-thumb-active strong	{ opacity:.7; }
[data-main="pledge"] .pledgeSwiper2													{ position:relative; flex:auto; width:calc(100% - 16.88em); max-width:1200px; margin:0; }
[data-main="pledge"] .pledgeSwiper2::before											{ position:absolute; top:-.2em; left:.5em; font-size:6.88em; font-weight:900; color:#eff6fc; content:'promise'; text-transform:uppercase;
																						text-shadow: -1px -1px 0 #e4eef7, 1px -1px 0 #e4eef7, -1px 1px 0 #e4eef7, 1px 1px 0 #e4eef7;}
[data-main="pledge"] .pledgeSwiper2	.swiper-slide									{ width:100%; position:relative; }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .img								{ position:absolute; width:720px; height:0; padding-top:40.001%; overflow:hidden; right:0; border-radius:20px; overflow:hidden; top:5em; transition:var(--trans-ani);}
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .img img							{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1}
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap						{ display:flex; flex-flow:column; flex:auto; max-width:780px; min-height:var(--sizeHig); margin-top:var(--sizeMargin); border-radius:80px 25px; box-sizing:border-box; 
																						background:var(--color-white); padding:3.75em 29% 1em 4.38em; }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .cate					{ font-size:1.25em; font-weight:bold; color:var(--color-point); }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap strong					{ font-size:2.19em; font-weight:600; line-height:1.3; font-family:var(--font-score); padding-bottom:.7em; border-bottom:1px solid var(--color-point) }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text					{ display:flex; flex-flow:column; margin-top:2em; gap:1em; }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text>li				{ position:relative;  font-size:1.25em; line-height:1.2; padding-left:15px; }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text>li::before		{ position:absolute; width:5px; height:5px; border-radius:100%; background:var(--color-point); left:0; top:.4em; content:''; }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .num					{ font-size:10em; font-weight:900; color:#f0f7fc; margin-top:-.25em; line-height:1  }
[data-main="pledge"] .pledgeSwiper2	 .swiper_control								{ position:absolute; bottom:5em; right:9em; z-index:3 }
[data-main="pledge"] .pledgeSwiper2	.swiper-slide.swiper-slide-active .img			{ top:0; opacity:1; }


@media all and (max-width:1868px) {
	[data-main="pledge"]															{ --sizeHig:500px; }
	[data-main="pledge"] .pledge													{ padding-left:2em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide .num							{ font-size:1.46em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide strong							{ font-size:1.28em; }
	
	[data-main="pledge"] .pledgeSwiper2::before										{ font-size:6em; top:-.1em; left:.6em;}
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ padding:3.5em 29% 1em 4em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .cate				{ font-size:1.2em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap strong				{ font-size:2em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .num				{ font-size:9em; }
	[data-main="pledge"] .pledgeSwiper2	 .swiper_control							{ bottom:4.5em; right:9em }
}
@media all and (max-width:1768px) {
	[data-main="pledge"]															{ --sizeHig:480px; }
	[data-main="pledge"] .pledge::before											{ border-radius: 0 0 7.38em 0; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide .num							{ font-size:1.36em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide strong							{ font-size:1.18em; }
	
	[data-main="pledge"] .pledgeSwiper2												{ max-width:1100px; }
	[data-main="pledge"] .pledgeSwiper2::before										{ font-size:5.5em; top:.1em; left:.8em;}
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ padding:3em 29% 1em 3em; max-width:680px; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .cate				{ font-size:1.167em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap strong				{ font-size:1.9em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .num				{ font-size:8em; }
}
@media all and (max-width:1668px) {
	[data-main="pledge"]															{ --sizeHig:460px; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide .num							{ font-size:1.26em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide strong							{ font-size:1.1em; }
	
	[data-main="pledge"] .pledgeSwiper2::before										{ font-size:5em; top:.1em; left:.8em;}
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ padding:2.5em 29% 1em 2.5em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .cate				{ font-size:1.1em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap strong				{ font-size:1.8em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .num				{ font-size:7em; }

}
@media all and (max-width:1568px) {
	[data-main="pledge"] .pledge													{ padding:5em 0 2em 6em; }
	[data-main="pledge"] .pledge::before											{ right:5em; border-radius: 0 0 5.38em 0; }
	[data-main="pledge"] .pledgeSwiper												{ width:calc(100% - 8em); height:inherit; margin:0; padding-bottom:0; padding-right:5em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide								{ height:100%; width:auto; margin-right:.5em; }
	[data-main="pledge"] .pledgeSwiper::before										{ width:5em; height:100%; left:inherit; right:0; background:linear-gradient(to right, rgba(240,247,252,.3), rgba(240,247,252,1)) }
	[data-main="pledge"] .pledgeSwiper .swiper-slide .num							{ font-size:1.167em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide strong							{ font-size:.95em; padding-right:1em }
	
	[data-main="pledge"] .pledgeSwiper2												{ max-width:inherit; width:100%; margin-top:3em }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ padding:3em 10em 3em 3em; min-height:inherit; max-width:inherit; width:55%; border-radius:50px 25px }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .img							{ width:50%; padding-top:33.001%; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .num				{ font-size:6em; margin-top:.75em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text>li			{ font-size:1.2em;  }
	[data-main="pledge"] .pledgeSwiper2 .swiper_control								{ bottom:inherit; right:inherit; top:3em; left:calc(50% - 12em); }
}
@media all and (max-width:1468px) {
	[data-main="pledge"] .pledge													{ padding:4em 0 2em 3em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ padding:2.5em 9em 2.5em 2.5em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .cate				{ font-size:1.067em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap strong				{ font-size:1.6em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .num				{ font-size:5.8em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text>li			{ font-size:1.167em;  }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li::before	{ top:.38em; }
	
}
@media all and (max-width:1368px) {
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .num				{ font-size:5.6em; margin-top:.5em; }
}
@media all and (max-width:1268px) {
	[data-main="pledge"]															{ --sizeMargin:5em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .cate				{ font-size:1.03em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap strong				{ font-size:1.5em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .num				{ font-size:5.5em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text>li			{ font-size:1.1em; padding-left:12px  }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li::before	{ top:.38em; }
}
@media all and (max-width:1168px) {												
	[data-main="pledge"] .pledge::before											{ right:0; border-radius: 0 0 3em 0; }
	[data-main="pledge"] .pledgeSwiper												{ width:calc(100% - 2em); }
	[data-main="pledge"] .pledgeSwiper2												{ margin-top:0; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide								{ display:flex; flex-flow:column; height:auto }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ width:calc(100% - 2em); padding:2em 20em 2em 2em; min-height:15em; border-radius:30px 15px }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .img							{ width:15em; height:15em; padding-top:0; border-radius:100%; top:inherit !important; bottom:2em; right:4em}
	[data-main="pledge"] .pledgeSwiper2 .swiper_control								{ left:inherit; right:3em; }
	[data-main="pledge"] .pledgeSwiper2::before										{ left:inherit; right:1em; }
	[data-main="pledge"] .pledgeSwiper2	.swiper-slide .text_wrap .text>li			{ font-size:1.067em;  }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li::before	{ top:.38em; }
}
@media all and (max-width:1024px) {
	[data-main="pledge"] .pledge													{ padding:4em 2em 2em 3em }
	[data-main="pledge"] .pledgeSwiper												{ padding-right:0; width:100%; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ width:100%; }
	[data-main="pledge"] .pledgeSwiper2 .swiper_control								{ right:0; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide								{ margin-right:0; flex-wrap:wrap; }
  	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .img							{ right:2em; }
	[data-main="pledge"] .pledgeSwiper::before										{ width:2em; }
	[data-main="pledge"] .pledgeSwiper .swiper-slide strong							{ font-size:1.03em; line-height:1.4; padding-right:2em }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li			{ font-size:1.167em; padding-left:10px; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li::before	{ top:.4rem; width:4px; height:4px;}
}
@media all and (max-width:868px) {
	[data-main="pledge"] .pledge													{ padding:4em 2em 2em 0em; }
}
@media all and (max-width:668px) {
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ padding:2em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .num				{ font-size:4em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .img							{ width:20em; height:10em; border-radius:1em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap strong				{ font-size:1.3em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .num				{ margin-top:1.5em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text				{ margin-bottom:1em; }
}
@media all and (max-width:568px) {
	[data-main="pledge"] .pledge													{ padding:3em 1.5em 2em 0 }
	[data-main="pledge"] .pledgeSwiper2												{ padding-top:4em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide								{ padding:2em; background:#fff; border-radius:30px 15px; box-sizing: border-box; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap					{ min-height:inherit; border-radius:0; background:none; margin:0; padding:0; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .num				{ display:none; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .img							{ width:100%; position:relative; bottom:inherit; right:inherit }
	[data-main="pledge"] .pledgeSwiper2 .swiper_control								{ top:1.5em; }
	[data-main="pledge"] .pledgeSwiper2::before										{ line-height:1; top:0 }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text				{ margin-top:1em; }
}
@media all and (max-width:414px) {
	[data-main="pledge"] .pledge													{ padding:2.5em 1em 2.5em 0 }
	[data-main="pledge"] .pledge::before											{ border-radius:0 0 1.5em 0; }
	[data-main="pledge"] .pledgeSwiper2												{ padding-top:3em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide								{ padding:1.2em 1em;  border-radius:15px 10px;  }
	[data-main="pledge"] .pledgeSwiper2::before										{ font-size:3.5em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper_control								{ top:1em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li			{ font-size:1.067em; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .text_wrap .text>li::before	{ top:.32rem; }
	[data-main="pledge"] .pledgeSwiper2 .swiper-slide .img							{ border-radius:10px; }
}
@media all and (max-width:320px) {
	[data-main="pledge"] .pledgeSwiper2::before										{ font-size:3em; top:.2em }
}
/**********************************************************************

 							photo

**********************************************************************/
[data-main-con="photo"]											{ width:100%; background:url(/resource/mayor/images/main/bg_photo.jpg) no-repeat 50% 50% / cover; padding:6em 0; margin-top:0 }
[data-main-con="photo"]	.photo									{ position:relative; padding:0 60px; }
[data-main-con="photo"] .swiper-wrapper							{ align-items:stretch;}
[data-main-con="photo"] .swiper-slide							{ width:25%; display:flex; height:auto }
[data-main-con="photo"] .swiper-slide a							{ display:flex; flex-flow:column; width:100%; margin:0 10px; padding:0; border:1px solid #e5e5e5; border-radius:25px 25px 50px 25px; background:var(--color-white); overflow:hidden  }
[data-main-con="photo"] .swiper-slide .img						{ position:relative; width:100%; height:0; padding-top:72.85%; overflow:hidden; border-radius:25px 25px 0 0; }
[data-main-con="photo"] .swiper-slide .img img					{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1}
[data-main-con="photo"] .swiper-slide dl						{ display:flex; flex-flow:column; padding:1.88em }
[data-main-con="photo"] .swiper-slide dl dt						{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.13em; line-height:1.4; height:2.8em; font-weight:bold; }
[data-main-con="photo"] .swiper-slide dl dd						{ margin-top:1em; font-size:.94em; opacity:.74; }
[data-main-con="photo"] .swiper_control button					{ position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:50px; height:50px; border-radius:100%; background:var(--color-point); }
[data-main-con="photo"] .swiper_control .swiper_next			{ right:0; margin-right:0; }
[data-main-con="photo"] .swiper_control .swiper_prev			{ left:0; }
[data-main-con="photo"] .swiper_control .swiper_next::before,
[data-main-con="photo"] .swiper_control .swiper_prev::before	{ filter:invert(1); }
@media all and (max-width:1468px) {
	[data-main-con="photo"] .swiper-slide dl					{ padding:1.5em }
}
@media all and (max-width:1168px) {
	[data-main-con="photo"] .swiper-slide						{ width:33.333%; }
}
@media all and (max-width:1068px) {
	[data-main-con="photo"]	.photo								{ padding:0 40px; }
	[data-main-con="photo"] .swiper-slide						{ width:33.333%; }
	[data-main-con="photo"] .swiper_control button				{ width:36px; height:36px; }
	[data-main-con="photo"] .swiper-slide a						{ margin:0 7px; }
}
@media all and (max-width:768px) {
	[data-main-con="photo"]										{ padding:5em 0; } 
	[data-main-con="photo"]	.photo								{ padding:0 30px; }
	[data-main-con="photo"] .swiper-slide						{ width:50%; }
	[data-main-con="photo"] .swiper_control button				{ width:32px; height:32px; }
}
@media all and (max-width:468px) {
	[data-main-con="photo"]										{ padding:4em 0; } 
	[data-main-con="photo"]	.photo								{ padding:0 25px; }
	[data-main-con="photo"] .swiper-slide						{ width:100%; }
	[data-main-con="photo"] .swiper_control button				{ width:28px; height:28px; }
	[data-main-con="photo"] .swiper-slide dl					{ padding:1em }
	[data-main-con="photo"] .swiper-slide dl dt					{ font-size:1.067em; }
	[data-main-con="photo"] .swiper_control .swiper_next::before	{ margin-left:2px; }
	[data-main-con="photo"] .swiper_control .swiper_prev::before	{ margin-right:2px; }
}


/**********************************************************************

 							sns_wrap

**********************************************************************/
.sns_wrap											{ position:fixed; left:0em; top:calc(100svh - 27em); z-index:2; display:flex; flex-flow:column; justify-content:center; align-items:center; transition:var(--trans-ani);}
.sns_wrap strong									{ display:flex; font-size:1.25em; font-family:var(--font-score); font-weight:300; padding-bottom:105px; transform:translateX(-45%) rotate(90deg);  }
.sns_wrap strong em									{ font-weight:600; }
.sns_wrap ul										{ position:relative; display:flex; flex-flow:column; gap:10px; padding-top:110px; margin-top:20px; }
.sns_wrap ul::before								{ position:absolute; left:50%; top:0; width:1px; height:80px; background:var(--color-base); content:''; }
.sns_wrap ul > li[data-sns] a:before				{ content:''; display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:50% 50%; background-size:auto 100%;}
.sns_wrap ul > li[data-sns="facebook"] a:before		{ background-image:url(/resource/mayor/images/common/icon_facebook.svg); }
.sns_wrap ul > li[data-sns="instar"] a:before		{ background-image:url(/resource/mayor/images/common/icon_Instagram.svg);}
.sns_wrap ul > li[data-sns="twitter"] a:before		{ background-image:url(/resource/mayor/images/common/icon_twitter.svg);}
#wrap:has(.header.active) .sns_wrap					{ top:20%; }
@media all and (max-width:1468px) {
	.sns_wrap										{ left:-1.5em }
	.sns_wrap strong								{ font-size:1.2em; padding-bottom:97px }
	.sns_wrap ul									{ padding-top:70px; margin-top:5px; gap:5px; }
	.sns_wrap ul::before							{ height:60px; }
	.sns_wrap ul > li[data-sns] a:before			{ width:38px; height:38px; }
}
@media all and (max-width:1024px) {
	.sns_wrap										{ top:45%;  }
	.sns_wrap strong								{ font-size:1.1em; padding-bottom:81px }
	.sns_wrap ul									{ padding-top:60px; margin-top:5px; gap:5px; }
	.sns_wrap ul::before							{ height:50px; }
	.sns_wrap ul > li[data-sns] a:before			{ width:36px; height:36px; }
}
@media all and (max-width:868px) {
	.sns_wrap										{ display:none; }
}