@charset "utf-8";

				
/* 타이틀 */
[data-main-con],
[data-main-pledge]												{padding:6.25em 0;}
.title																{display:flex;align-items:center;margin-bottom:1.875em;flex-wrap:wrap;justify-content: space-between;}
.h2_title															{ font-size:2.375em;line-height:1; color:var(--color-base);font-family:var(--font-Tenada);margin-top:.25em; }


@media all and (max-width:1568px){
	[data-main-con],
	[data-main-pledge]											{padding:5em 0;}
	.h2_title															{ font-size:2.25em;  }
}

@media all and (max-width:1368px){
	[data-main-con],
	[data-main-pledge]											{padding:4em 0;gap:0 3.5em;}
	.h2_title															{ font-size:2em;  }
}

@media all and (max-width:1268px){
	[data-main-con],
	[data-main-pledge]											{padding:3em 0;}
	.title															{margin-bottom:1.75em;}
	.h2_title														{ font-size:1.875em; }
}


@media all and (max-width:868px){
	[data-main-con],
	[data-main-pledge]											{padding:2.5em 0;}
	.title																{margin-bottom:1.5em;gap: 0 1.5em;}
	.h2_title															{ font-size:1.75em; }
}

@media all and (max-width:568px){
	.title																	{margin-bottom:1.5em;text-align:center;gap:.5em 0;align-items: flex-start;}
}


@media all and (max-width:468px){
	[data-main-con],
	[data-main-pledge]											{padding:2em 0;}
	.title																{margin-bottom:1.375em;}
	.h2_title															{ font-size:1.625em; }

}	



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

 							main_visual 

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

.visual																	{position:relative;width:100%;overflow:hidden;}
.visual .text													{ position:absolute; left:50%; top:50%; transform:translate(-50%,-74%); z-index:4; color:var(--color-base); line-height:1.2;z-index:4;}	
.visual .text .title                                      	  	{display:inline-flex;flex-flow:column;gap:.5em;justify-content:center;align-items: flex-start;text-align:left;font-family:var(--font-Tenada);margin-bottom:.7em;letter-spacing:-.005em;font-size:2.375em;}	
.visual .text .title strong                                  	{padding-top: .25em;font-size:1.66em;position:relative;font-weight: bolder; background-image: linear-gradient(to right, var(--color-point), var(--color-green));  background-clip: text;  -webkit-background-clip: text;  color: transparent;line-height:1;}
.visual .txt														{font-size:1.25em;font-weight:500;line-height: 1.5;color:var(--color-base1);}
.visual .txt span													{display:block;}
.visual .img													{ position:relative; width:100%; height:760px; overflow:hidden; }
.visual .img::before											{content:'';display:block;position:absolute;left:0;top:0;background:linear-gradient(to right, #fff, transparent);width:60%;height:100%;z-index:2;opacity:.9;}
.visual .img::after											{content:'';display:block;position:absolute;left:0;top:0;background:url(/resource/chief/images/main/img_symbol.png) no-repeat top left / 100%;width: 381px;height: 271px;z-index: 2;opacity:.8;}
.visual .img img												{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
																	-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1}

.visual .swiper_control 										{position:absolute;left:50%;top:50%;transform:translate(-50%, calc(50% + 6em));display:flex;align-items: center;z-index:2;}


@media all and (max-width:1568px){
	.visual .text .title													{font-size:2.25em;margin-bottom: .5em;}
	.visual .txt																{font-size:1.125em;}
	.visual .img															{height:680px;}
  	.visual .img::after														{width:353px;height:251px;}
	.visual .swiper_control												{ transform: translate(-50%, calc(50% + 5em));}
}

@media all and (max-width:1268px){
	.visual .text .title													{font-size:2em;}
	.visual .txt																{font-size:1.063em;}
	.visual .img															{height:580px;}
  	.visual .img::after													{width:325px;height:231px;}
	.visual .swiper_control												{ transform: translate(-50%, calc(50% + 4em));}
}

@media all and (max-width:868px){
	.visual .text .title													{font-size:1.875em;}
	.visual .img															{height:540px;}
  	.visual .img::after													{height:221px;}
	.visual .swiper_control												{ transform: translate(-50%, calc(50% + 3em));}

}

@media all and (max-width:668px){
	.visual .text .title													{font-size:1.75em;}
	.visual .img															{height:480px;}
 	.visual .img::after														{width:311px;height:200px;}
}

@media all and (max-width:568px){
	.visual .text															{transform:translate(-50%,-55%);}
	.visual .text .title													{width:70%;font-size:1.5em;}
	.visual .txt															{width:70%;}
	.visual .txt span														{display:inline;}
	.visual .img															{height:400px;}
	.visual .img img														{object-position: 55% 50%;}
 	.visual .img::after													{width:60%;background-size:100%;}
	.visual .swiper_control												{transform: translate(-50%, 0);top:initial;bottom:5%;}
}

@media all and (max-width:468px){
	.visual .text .title													{font-size:1.375em;}
	.visual .txt															{font-size:1em;}
	.visual .img															{height:360px;}
	.visual .img::before													{width:90%;}
}

@media all and (max-width:368px){
	.visual .text .title													{font-size:1.25em;}
	.visual .img															{height:320px;}
}




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

 		자주 찾는 서비스 & 사진으로 보는 군정 활동

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

/*자주 찾는 서비스*/
[data-main-con="quick"]														{position:relative;display:flex;flex-wrap:wrap;justify-content: space-between;gap:0 5em;padding-bottom:0;}
[data-main-con="quick"]	.service										{width:calc((100% - 5em) / 2);}
[data-main-con="quick"]	.service .btns									{display:flex;gap:1.25em;flex-wrap:wrap;}
[data-main-con="quick"]	.service .btns > li								{position:relative;width:calc((100% - 1.25em) / 2);}
[data-main-con="quick"]	.service .btns > li > a							{display:block;background:#ededed;border-radius:1.25em;padding:2.25em 2.25em 32% 2.25em;transition:var(--trans-ani);}
[data-main-con="quick"]	.service .btns > li > a:hover,
[data-main-con="quick"]	.service .btns > li > a:focus				{background:var(--color-point);}
[data-main-con="quick"]	.service .btns > li > a .icon				{position:absolute;right:1.875em;bottom:1.875em;}
[data-main-con="quick"]	.service .btns > li > a:hover .icon::before,
[data-main-con="quick"]	.service .btns > li > a:focus .icon::before{animation:iconShow 2s ease;filter:brightness(0) invert(1);}
[data-main-con="quick"]	.service .btns > li > a .icon01		{width:60px;height:59px;}
[data-main-con="quick"]	.service .btns > li > a .icon02		{width:60px;height:50px;}
[data-main-con="quick"]	.service .btns > li > a .icon03		{width:62px;height:45px;}
[data-main-con="quick"]	.service .btns > li > a .icon04		{width:59px;height:55px;}
[data-main-con="quick"]	.service .btns > li > a .icon::before		{content:'';display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center left;background-size:100%;}
[data-main-con="quick"]	.service .btns > li > a .icon01::before		{background-image:url('/resource/chief/images/main/icon_quick01.svg');}
[data-main-con="quick"]	.service .btns > li > a .icon02::before		{background-image:url('/resource/chief/images/main/icon_quick02.svg');}
[data-main-con="quick"]	.service .btns > li > a .icon03::before		{background-image:url('/resource/chief/images/main/icon_quick03.svg');}
[data-main-con="quick"]	.service .btns > li > a .icon04::before		{background-image:url('/resource/chief/images/main/icon_quick04.svg');}
[data-main-con="quick"]	.service .btns > li > a strong				{width:calc(100% - 1.5em - var(--sizeIcon));color:var(--color-base1);font-size:1.25em;font-weight:700;}
[data-main-con="quick"]	.service .btns > li > a:hover strong,
[data-main-con="quick"]	.service .btns > li > a:focus strong		{color:var(--color-white);}

/*사진으로 보는 군정 활동*/
[data-main-con="quick"]	.photo										{width:calc((100% - 5em) / 2);}
[data-main-con="quick"]	.photo .title .swiper_control				{display:flex;}
[data-main-con="quick"]	.photo .title .swiper_control .control			{background:#ededed;border-radius:1.25em;padding:.25em 1em .25em 1.25em;}
[data-main-con="quick"]	.photo .title .swiper_control .control .swiper_page{margin-right:.75em;}
[data-main-con="quick"]	.photo .title .swiper_control .more				{ margin-left:-20px;position:relative; display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:100%; background:var(--color-white);border:1px solid #e2e2e2; transition:var(--trans-ani);}
[data-main-con="quick"]	.photo .title .swiper_control .more::before,
[data-main-con="quick"]	.photo .title .swiper_control .more::after		{ position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%);background:#333; }	
[data-main-con="quick"]	.photo .title .swiper_control .more::before		{ width:14px; height:2px;}	
[data-main-con="quick"]	.photo .title .swiper_control .more::after		{width:2px; height:14px;}	
[data-main-con="quick"]	.photo .title .swiper_control .more:hover,
[data-main-con="quick"]	.photo .title .swiper_control .more:focus		{background:var(--color-point);}	
[data-main-con="quick"]	.photo .title .swiper_control .more:hover::before,
[data-main-con="quick"]	.photo .title .swiper_control .more:focus::before,
[data-main-con="quick"]	.photo .title .swiper_control .more:hover::after,
[data-main-con="quick"]	.photo .title .swiper_control .more:focus::after		{background:var(--color-white);}	
[data-main-con="quick"]	.photo .swiper										{width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;}
[data-main-con="quick"]	.photo .swiper-slide 								{width: 50%;display: flex;height: auto}
[data-main-con="quick"]	.photo .swiper-slide > a 							{display:block;width:calc(100% - 20px);margin: 0 10px;padding: 0;border: 1px solid #e2e2e2;border-radius: 1.25em;background: var(--color-white);overflow: hidden;transition:var(--trans-ani);}
[data-main-con="quick"]	.photo .swiper-slide > a:hover,
[data-main-con="quick"]	.photo .swiper-slide > a:focus						{border-color:var(--color-point);}
[data-main-con="quick"]	.photo .swiper-slide .img 							{position: relative;width: 100%;height: 0;padding-top: 67.056%;overflow: hidden;border-radius:1.25em;}
[data-main-con="quick"]	.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;transition: 0.5s ease 0s;transition-property: transform;}
[data-main-con="quick"]	.photo .swiper-slide .cont 							{padding:1.33em 1.875em;}
[data-main-con="quick"]	.photo .swiper-slide .cont .ti 						{font-size:1.25em;font-weight:600;height:3.1235em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
[data-main-con="quick"]	.photo .swiper-slide .cont .date 						{font-size:1em;color:var(--color-base2);margin-top: 1.313em;display:block;line-height:1;}

@media all and (max-width:1568px){
	[data-main-con="quick"]															{gap:0 4em;}
	[data-main-con="quick"] .service,
	[data-main-con="quick"] .photo													{width: calc((100% - 4em) / 2);}

	/*자주 찾는 서비스*/
	[data-main-con="quick"] .service .btns > li > a								{padding: 2em 2em 32.1% 2em;}
	[data-main-con="quick"] .service .btns > li > a strong						{font-size:1.125em;}
	[data-main-con="quick"] .service .btns > li > a .icon						{right:1.75em;bottom:1.75em;}

	/*사진으로 보는 군정 활동*/
	[data-main-con="quick"] .photo .swiper-slide .cont							{padding:1.25em 1.75em;}
	[data-main-con="quick"] .photo .swiper-slide .cont .ti						{font-size:1.125em;}
	[data-main-con="quick"] .photo .swiper-slide .cont .date				{margin-top:1.25em;}
}

@media all and (max-width:1368px){
	[data-main-con="quick"]															{gap:0 3em;}
	[data-main-con="quick"] .service,
	[data-main-con="quick"] .photo														{width: calc((100% - 3em) / 2);}

	/*자주 찾는 서비스*/
	[data-main-con="quick"] .service .btns											{gap:1.125em}
	[data-main-con="quick"] .service .btns > li										{width: calc((100% - 1.125em) / 2);}
	[data-main-con="quick"] .service .btns > li > a									{padding: 1.75em 1.75em 33.5% 1.75em;}
	[data-main-con="quick"] .service .btns > li > a .icon						{right:1.5em;bottom:1.5em;}

	/*사진으로 보는 군정 활동*/
	[data-main-con="quick"] .photo .swiper											{width: calc(100% + 18px);margin-left: -9px; margin-right: -9px;}
	[data-main-con="quick"] .photo .swiper-slide > a								{width: calc(100% - 18px);margin:0 9px;}
	[data-main-con="quick"] .photo .swiper-slide .cont								{padding:1.25em 1.5em;}
	[data-main-con="quick"] .photo .swiper-slide .cont .date					{margin-top:1.125em;}
	[data-main-con="quick"]	.photo .title .swiper_control .more						{ margin-left:-18px;width:36px; height:36px; }
}	


@media all and (max-width:1268px){
	[data-main-con="quick"] .service,
	[data-main-con="quick"] .photo														{width:100%;}

	/*자주 찾는 서비스*/
	[data-main-con="quick"] .service .btns											{gap:10px;}
	[data-main-con="quick"] .service .btns > li										{width: calc((100% - 30px) / 4);}
	[data-main-con="quick"] .service .btns > li > a								{padding: 1.5em 1.5em 6em 1.5em;border-radius:12px;}
	[data-main-con="quick"] .service .btns > li > a .icon						{right:1.375em;bottom:1.375em;}
	[data-main-con="quick"]	.service .btns > li > a .icon01						{width:58px;height:57px;}
	[data-main-con="quick"]	.service .btns > li > a .icon02						{width:58px;height:48px;}
	[data-main-con="quick"]	.service .btns > li > a .icon03						{width:60px;height:43px;}
	[data-main-con="quick"]	.service .btns > li > a .icon04						{width:57px;height:53px;}

	/*사진으로 보는 군정 활동*/
	[data-main-con="quick"] .photo													{margin-top:3em;}
	[data-main-con="quick"] .photo .swiper											{width: calc(100% + 10px);margin-left: -5px; margin-right: -5px;}
	[data-main-con="quick"] .photo .swiper-slide									{width:33.3%;}
	[data-main-con="quick"] .photo .swiper-slide > a								{width: calc(100% - 10px);margin:0 5px;border-radius:12px;}
	[data-main-con="quick"] .photo .swiper-slide .img								{border-radius:12px;}
}

@media all and (max-width:968px){
	/*자주 찾는 서비스*/
	[data-main-con="quick"] .service .btns > li										{width: calc((100% - 10px) / 2);}
	[data-main-con="quick"]	.service .btns > li > a .icon01						{width:56px;height:55px;}
	[data-main-con="quick"]	.service .btns > li > a .icon02						{width:56px;height:46px;}
	[data-main-con="quick"]	.service .btns > li > a .icon03						{width:57px;height:41px;}
	[data-main-con="quick"]	.service .btns > li > a .icon04						{width:55px;height:51px;}

	/*사진으로 보는 군정 활동*/
	[data-main-con="quick"] .photo .swiper-slide									{width:50%;}
}

@media all and (max-width:868px){
	/*사진으로 보는 군정 활동*/
	[data-main-con="quick"] .photo													{margin-top:2.5em;padding-bottom:4em;}
	[data-main-con="quick"] .photo .title .swiper_control						{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
}

@media all and (max-width:468px){
	/*자주 찾는 서비스*/
	[data-main-con="quick"] .service .btns											{gap:8px;}
	[data-main-con="quick"] .service .btns > li										{width: 100%;}
	[data-main-con="quick"] .service .btns > li > a								 {padding: 1.375em 1.375em 5.5em 1.375em;}
	[data-main-con="quick"] .service .btns > li > a .icon						{right:1.25em;bottom:1.25em;}
	[data-main-con="quick"]	.service .btns > li > a .icon01						{width:54px;height:53px;}
	[data-main-con="quick"]	.service .btns > li > a .icon02						{width:53px;height:44px;}
	[data-main-con="quick"]	.service .btns > li > a .icon03						{width:54px;height:39px;}
	[data-main-con="quick"]	.service .btns > li > a .icon04						{width:53px;height:49px;}

	/*사진으로 보는 군정 활동*/
	[data-main-con="quick"]	.photo .title .swiper_control .more					{ margin-left:-16px;width:34px; height:34px; }
	[data-main-con="quick"] .photo .swiper											{width: 100%;margin-left:0; margin-right:0;}
	[data-main-con="quick"] .photo .swiper-slide									{width:100%;}
	[data-main-con="quick"] .photo .swiper-slide > a								{width: 100%;margin:0;}
	[data-main-con="quick"] .photo .swiper-slide .cont								{padding: 1.25em 1.375em;}
}	



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

 						5대 핵심 공약

**********************************************************************/
[data-main-pledge]																		{position:relative;overflow:hidden;--sizeImg:790px;--sizeWidth:140px;}
[data-main-pledge]::before																{content:'';display:block;width:100%;height:26.875em;position:absolute;bottom:0;left:0;background:#e2edfd;z-index:-1;}
[data-main-pledge] .box																	{position:relative;padding:5em 0 0 5em;}
[data-main-pledge] .box::before														{content:'';position:absolute;top:0;left:0;width:100vw;height:100%;margin-left:auto;background: url(/resource/chief/images/main/bg_pledge.jpg) no-repeat center / cover;z-index: -1;border-radius:1.25em 0 0 6.25em;}
[data-main-pledge] .box .title .h2_title														{color:var(--color-white);}
[data-main-pledge] .box .pledge																{position:relative;}
[data-main-pledge] .box .swiper_control .page												{display:flex;align-items:center;flex-wrap:wrap;gap:0 1em;padding-bottom:10px;}
[data-main-pledge] .box .swiper_control .page .swiper-pagination-bullet			{position:relative;font-size:1.125em;font-weight:700;opacity:.5;color:var(--color-white);margin:0 !important;padding:6px;border-radius: 0;}
[data-main-pledge] .box .swiper_control .page .swiper-pagination-bullet-active	{opacity:1;}
[data-main-pledge] .box .swiper_control .page .swiper-pagination-bullet::before{content:'';position:absolute;bottom: -11px;left:50%;transform:translateX(-50%);display:block;height: 1px;width:100%;background:var(--color-white);opacity:0;visibility:hidden;}
[data-main-pledge] .box .swiper_control .page .swiper-pagination-bullet-active::before{opacity:1;visibility:visible;}
[data-main-pledge] .box .swiper_control .page .swiper_auto::before					{filter:invert(1);}
[data-main-pledge] .box .swiper_control .control												{position:absolute;width:var(--sizeImg);display: flex;justify-content: space-between;right:0;top:50%;transform:translateY(-43%);z-index:2;}
[data-main-pledge] .box .swiper_control .control button									{width:60px;height:60px;border-radius:100%;background:var(--color-white);}
[data-main-pledge] .box .swiper_control .control button::before							{width:10px;height:16px;background-size:auto 16px;}
[data-main-pledge] .box .swiper_control .control .swiper_prev							{margin-left:-30px;}
[data-main-pledge] .box .swiper_control .control .swiper_next							{margin-right:-30px;}
[data-main-pledge] .box .swiper 																	{overflow: visible;}
[data-main-pledge] .box .swiper-slide															{display:flex;}
[data-main-pledge] .box .swiper-slide .text														{display:flex;width:calc(100% - var(--sizeImg));border-top:1px solid rgba(255,255,255,.2);}
[data-main-pledge] .box .swiper-slide .text .num												{width:var(--sizeWidth);padding-top:2.125rem;line-height:1;font-size:5.125em;font-weight:800;color:var(--color-white);opacity:.2;}
[data-main-pledge] .box .swiper-slide .text dl													{width:calc(100% - var(--sizeWidth));color:var(--color-white);padding:2.5em 2.5em 5em 2.5em; border-left: 1px solid rgba(255, 255, 255, .2);box-sizing: border-box;}
[data-main-pledge] .box .swiper-slide .text dt													{font-size:1.5em;font-weight:700;line-height:1.4;}
[data-main-pledge] .box .swiper-slide .text dd													{font-weight:300;margin-top:1.25em;line-height:1.6;}
[data-main-pledge] .box .swiper-slide .img														{position:absolute;top:-7.35em;right:0;width:var(--sizeImg);padding-top:32.747%;border-radius:1.25em;overflow:hidden;}
[data-main-pledge] .box .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;transition: 0.5s ease 0s;transition-property: transform;}
[data-main-pledge] .btns																			{display:flex;flex-wrap:wrap;padding:2em 0 2em 5em;;width:calc(100% - var(--sizeImg));align-items: center;}
[data-main-pledge] .btns h3																	{display:flex;align-items: center;gap:12px;width:var(--sizeWidth);}
[data-main-pledge] .btns h3::before															{content:'';display:block;width:24px;height:24px;background:url("/resource/chief/images/main/icon_pledge.svg") no-repeat center / 100%;}
[data-main-pledge] .btns h3	span																{margin-top:.25em;font-family:var(--font-Tenada);color:var(--color-point);font-size:1.375rem;}
[data-main-pledge] .btns ul																			{display:flex;flex-wrap:wrap;gap:10px;width:calc(100% - var(--sizeWidth));padding-left:2.5em; align-items: center;}
[data-main-pledge] .btns ul > li > a																{display:block;padding:6px 22px;border-radius:1.25em;border:1px solid rgba(0,48,121,.25);text-align:center;transition:var(--trans-ani);}
[data-main-pledge] .btns ul > li > a:hover,
[data-main-pledge] .btns ul > li > a:focus															{background:var(--color-white);border-color:var(--color-point);}
[data-main-pledge] .btns ul > li > a span															{font-weight:500;color:var(--color-point);opacity:.9;}


@media all and (max-width:1568px){
	[data-main-pledge]																			{--sizeImg:760px;}
	[data-main-pledge] .box																		{padding:4em 0 0 4em;}
	[data-main-pledge] .box .swiper_control .control button								{width:50px;height:50px;}
	[data-main-pledge] .box .swiper_control .control .swiper_prev						{margin-left:-25px;}
 	[data-main-pledge] .box .swiper_control .control .swiper_next						{margin-right:-25px;}
	[data-main-pledge] .box .swiper-slide .text .num									{font-size:4.5em;padding-top: 2rem;}
	[data-main-pledge] .box .swiper-slide .text dl											{padding:2.25em 2.25em 4em 2.25em;}
	[data-main-pledge] .box .swiper-slide .text dt											{font-size:1.375em;}
	[data-main-pledge] .box .swiper-slide .text dd											{margin-top: 1.125em;}
	[data-main-pledge] .btns																	{padding: 1.875em 0 1.875em 4em;}
	[data-main-pledge] .btns ul																	{padding-left:2.25em;}
}

@media all and (max-width:1468px){
   [data-main-pledge]																			{--sizeImg:640px;--sizeWidth: 120px;}
   [data-main-pledge] .box .swiper-slide .text .num										{font-size:4.25em;}	
   [data-main-pledge] .btns																		{padding:1.25em 0 1.25em 4em;}	
   [data-main-pledge] .btns h3																{gap:10px;}
   [data-main-pledge] .btns h3::before														{width:22px;height:22px;}
   [data-main-pledge] .btns h3 span																{font-size:1.25rem; margin-top: .45em;}		
   [data-main-pledge] .btns ul > li > a														{padding:4px 18px;}		
}

@media all and (max-width:1368px){
	[data-main-pledge]																			{--sizeImg:600px;}
	[data-main-pledge] .box																	{padding:3em 0 0 3em;}
	[data-main-pledge] .box .swiper-slide .text .num									{font-size:4em;padding-top: 1.5rem;}
	[data-main-pledge] .box .swiper-slide .text dl											{padding: 1.875em 1.875em 3em 1.875em;}
	[data-main-pledge] .box .swiper-slide .text dt											{font-size:1.25em;}
	[data-main-pledge] .box .swiper-slide .text dd										{margin-top:1em;}
	[data-main-pledge] .box .swiper-slide .img											{top:-6.875em;}
	[data-main-pledge] .btns																{padding:1.25em 0 1.25em 3em;}	
	[data-main-pledge] .btns ul																{padding-left:1.875em;}
}

@media all and (max-width:1288px){
	[data-main-pledge] .btns																{padding:1.125em 0 1.125em 3em;}	
}

@media all and (max-width:1268px){
	[data-main-pledge]																		{--sizeWidth:110px;--sizeImg:540px;}
	[data-main-pledge] .box																	{padding:2.5em 0 0 2.5em;}
	[data-main-pledge] .box::before															{border-radius: 12px 0 0 40px;}
	[data-main-pledge] .box .swiper-slide .img 											{top: -6.5em;}
	[data-main-pledge] .box .swiper-slide .text dl										{padding:1.75em 1.75em 2.5em 1.75em;}
	[data-main-pledge] .btns																	{ padding: 1em 0 1em 2.5em;}
	[data-main-pledge] .btns ul																{padding-left:1.75em;}
}

@media all and (max-width:1168px){
	[data-main-pledge] .box																	{padding:2em 0 2em 2em;}
	[data-main-pledge]::before																{height:50%;}
	[data-main-pledge] .box .swiper_control .control									{ width: 100%;transform: translateY(140%);}
	[data-main-pledge] .box .swiper_control .control button								{width:40px;height:40px;}
	[data-main-pledge] .box .swiper_control .control .swiper_prev						{margin-left:-20px;}
 	[data-main-pledge] .box .swiper_control .control .swiper_next						{margin-right:-20px;}
	[data-main-pledge] .box .swiper_control .control button::before					{width:8px;height:13px;background-size:auto 13px;}
	[data-main-pledge] .box .swiper-slide													{flex-wrap:wrap;}
	[data-main-pledge] .box .swiper-slide .text											{width:100%;align-items: stretch;}
	[data-main-pledge] .box .swiper-slide .text .num									{font-size:3.75em;}
	[data-main-pledge] .box .swiper-slide .text dl											{padding: 1.75em;}	
	[data-main-pledge] .box .swiper-slide .text dt br									{display:none;}
	[data-main-pledge] .box .swiper-slide .text dd										{margin-top:.5em;}									
	[data-main-pledge] .box .swiper-slide .img											{ position: relative;top: initial;right: initial;width:100%;border-radius:12px;padding-top:50%;}
	[data-main-pledge] .btns																{width:100%;padding:1.125em 0;justify-content: center;}
	[data-main-pledge] .btns h3,
	[data-main-pledge] .btns ul																{width:auto;}
}

@media all and (max-width:868px){
	[data-main-pledge] .box																	{padding:1.875em 0 1.875em 1.875em}
	[data-main-pledge] .box .swiper_control .control									{transform: translateY(120%);}
}

@media all and (max-width:768px){
	[data-main-pledge] .box::before															{border-radius: 12px 0 0 30px;}
 	[data-main-pledge] .box .swiper_control .control										{ width: auto;top:4.375em;gap: 6px;transform: translateY(0);}
	[data-main-pledge] .box .swiper_control .control .swiper_prev						{margin-left:0;}
	[data-main-pledge] .box .swiper_control .control .swiper_next						{margin-right:0;}
	[data-main-pledge] .box .swiper-slide .text													{flex-flow:column;padding:1.25em 0;}
	[data-main-pledge] .box .swiper-slide .text .num,
	[data-main-pledge] .box .swiper-slide .text dl											{width:100%;}
	[data-main-pledge] .box .swiper-slide .text .num									{padding-top:0;font-size:3.5em;}
	[data-main-pledge] .box .swiper-slide .text dl											{border-left:none;padding:0;margin-top:1em;}
	[data-main-pledge] .btns h3																{gap: 6px;}
	[data-main-pledge] .btns h3::before														{width:20px;height:20px;}
	[data-main-pledge] .btns h3 span														{margin-top: .35em;font-size:1.125rem;}
	[data-main-pledge] .btns ul																{gap:6px;justify-content: center;}
}


@media all and (max-width:668px){
	[data-main-pledge] .box::before															{border-radius: 12px 0 0 12px;}
	[data-main-pledge] .box .swiper_control .page .swiper_page						{margin-right:0;}
}


@media all and (max-width:478px){
	[data-main-pledge] .btns ul																{width:100%;margin-top:.5em;padding-left:0;}
	[data-main-pledge] .btns ul > li > a													{padding: 4px 16px;font-size:.938em;}
}

@media all and (max-width:468px){
	[data-main-pledge] .box																	{padding:1.5em 0 1.5em 1.5em;}
	[data-main-pledge] .box .swiper_control .control									{top:4.25em;}
	[data-main-pledge] .box .swiper_control .control button							{width:32px;height:32px;}
	[data-main-pledge] .box .swiper-slide .text											{padding:1.125em 0;}
	[data-main-pledge] .box .swiper-slide .text .num									{font-size:3em;}
}

@media all and (max-width:248px){
  	[data-main-pledge] .box .swiper_control .control									{top:5.75em;}
	[data-main-pledge] .box .swiper_control .page .swiper-pagination-bullet::before{display:none;}
}