@charset "utf-8";
#main														{ margin-bottom:80px;}
#main *  													{ box-sizing:border-box }
[data-main-con]											{ margin-top:80px; }

@media all and (max-width:1568px){
	#main													{margin-bottom:70px;}
	[data-main-con]										{ margin-top:70px; }
}
@media all and (max-width:1268px){
	#main													{ margin-bottom:60px; }
	[data-main-con]										{ margin-top:60px; }
}

@media all and (max-width:1024px){
	#main													{ margin-bottom:50px; }
	[data-main-con]										{ margin-top:50px; }
}

@media all and (max-width:868px){
	#main													{margin-bottom:40px;}
	[data-main-con]										{ margin-top:40px; }
}
@media all and (max-width:468px){
	#main													{ margin-bottom:35px; }
	[data-main-con]										{ margin-top:35px; }
}
				

/* 타이틀 */
h2.title												{ font-size:2em; line-height:1; margin-bottom:1em; font-weight:700; color:var(--color-black1); font-family:var(--font-TheJamsil);padding-left:10px;} 
h3.title												{font-size:1.375em;line-height:1; font-weight:500;color:var(--color-black1); font-family:var(--font-TheJamsil);margin-bottom:1.36em;}

@media all and (max-width:1368px){
	h2.title											{ font-size:1.75em; }	
	h3.title											{font-size:1.25em;margin-bottom: 1.25em;}
}
@media all and (max-width:868px){
	h2.title											{ font-size:1.563em; }
	h3.title											{font-size:1.125em;margin-bottom: 1em;}
}

@media all and (max-width:668px){
	h2.title										{padding-left:4px;}
}



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

 								Visual

**********************************************************************/
.visual 																		{ position: relative;  overflow: hidden; min-height:580px;margin-top:0;background: #cde6ff url(/images/safe/main/img_visual.svg) no-repeat top -15% right 0 / auto 710px;transition:var(--trans-ani);}
.visual::before																	{content:'';position:absolute;left:-33px;bottom:160px;width:141px;height:72px;background:url(/images/safe/main/bg_cloud01.svg) no-repeat center center / 100%;animation:updown 3s ease infinite;}
.visual::after																	{content:'';position:absolute;right:70px;top:70px;width:97px;height:47px;background:url(/images/safe/main/bg_cloud02.svg) no-repeat center center / 100%;animation:updown 3s ease infinite;}
.visual .text_wrap															 {padding:7.5em 0 15em;}
.visual .text_wrap .text													{margin-bottom:50px;}
.visual .text_wrap .text .title_wrap												{display:flex;flex-flow:column;gap:10px;font-family:var(--font-TheJamsil);letter-spacing:-0.015em;margin-bottom:32px;}
.visual .text_wrap .text .title_wrap span									{font-size:1.75em;font-weight:400;}
.visual .text_wrap .text .title_wrap strong									{font-size:2.813em;font-weight:600;color:var(--color-black1);line-height:1;}
.visual .text_wrap .text .txt												{font-size:1.125em;color:var(--color-black1);opacity:.74;}
.visual .text_wrap .quick 												{display:flex;gap:20px;--sizeIcon:100px;flex-wrap:wrap;}
.visual .text_wrap .quick > li											{width:var(--sizeIcon);}
.visual .text_wrap .quick > li > a										{display:block;text-align:center;}
.visual .text_wrap .quick > li > a .icon 									{background-color:var(--color-white);border-radius:100%;width:var(--sizeIcon);height:var(--sizeIcon);box-shadow:4px 4px 20px rgba(133,163,192,.1);margin-bottom:20px;}
.visual .text_wrap .quick > li > a .icon::before						{content:'';display:block;width:100%;height:100%;background-size:100%;background-position:center;background-repeat:no-repeat;}
.visual .text_wrap .quick > li > a:hover .icon::before,
.visual .text_wrap .quick > li > a:focus .icon::before					{animation:iconShow 1s ease-in-out;}
.visual .text_wrap .quick > li:nth-child(1) > a .icon::before			{background:url(/images/safe/main/icon_quick01.svg);}	
.visual .text_wrap .quick > li:nth-child(2) > a .icon::before			{background:url(/images/safe/main/icon_quick02.svg);}	
.visual .text_wrap .quick > li:nth-child(3) > a .icon::before			{background:url(/images/safe/main/icon_quick03.svg);}	
.visual .text_wrap .quick > li:nth-child(4) > a .icon::before			{background:url(/images/safe/main/icon_quick04.svg);}	
.visual .text_wrap .quick > li:nth-child(5) > a .icon::before			{background:url(/images/safe/main/icon_quick05.svg);}	
.visual .text_wrap .quick > li > a span									{font-size:1em;opacity:.9;color:var(--color-base);line-height:1.4;}



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

 							빠른 서비스

**********************************************************************/
[data-main-con="service"] 													{position: relative;margin-top:-7.5em; z-index: 1;}
[data-main-con="service"] .box 												{position:relative;display:flex;gap:2em;align-items:center;--sizeWidth:348px;background:var(--color-white) ;border-radius:20px;padding:3.75em 3.75em 3.75em 12.5em;box-shadow:0px 4px 20px rgba(0,0,0,.1);overflow:hidden;}
[data-main-con="service"] .box::before										{content:'';position:absolute;left:-4%;bottom:0;display:block;width:230px;height:100%;background:url(/images/safe/main/bg_service.svg) no-repeat left bottom / 100%;}						
[data-main-con="service"] .title_wrap										{width:var(--sizeWidth);}
[data-main-con="service"] .title_wrap h2.title								{line-height:1.5;margin-bottom:.5em;padding-left:0;}
[data-main-con="service"] .title_wrap h2.title span							{font-size:0.875em;display:block;}
[data-main-con="service"] .title_wrap p										{font-size:1.125em;color:var(--color-black1);opacity:.8;}
[data-main-con="service"] .btn_wrap										{width:calc(100% - var(--sizeWidth) - 2em);display:flex;gap:15px;flex-wrap:wrap;}
[data-main-con="service"] .btn_wrap > li								{width:calc((100% - 30px) / 3);}
[data-main-con="service"] .btn_wrap > li a								{background:#f2f4f6;border-radius:10px;padding:16px 20px;display:flex; flex-wrap: wrap;justify-content: space-between;align-items: center;transition:var(--trans-ani);font-size:1.125em;color:var(--color-base);}
[data-main-con="service"] .btn_wrap > li a::after						{content:''; display:inline-block;width:28px;height:28px;border:1px solid var(--color-gray5);border-radius:100%;background:transparent url(/images/safe/main/icon_more.svg) no-repeat center center / auto 10px; opacity:.3;}
[data-main-con="service"] .btn_wrap > li a:hover,
[data-main-con="service"] .btn_wrap > li a:focus						{background:var(--color-point);color:var(--color-white);}
[data-main-con="service"] .btn_wrap > li a:hover::after,
[data-main-con="service"] .btn_wrap > li a:focus::after						{filter:invert(1);opacity:6;border-color:var(--color-black);}

/**********************************************************************
 							
						공지사항 & 재난 신고전화	
							
**********************************************************************/

/*공지사항*/
[data-main-con="board"]																{ display:flex;gap:60px;--sizeWidth:960px;}

[data-main-con="board"] .notice_wrap										{position:relative;width: var(--sizeWidth); }
[data-main-con="board"] .notice	.swiper_control								{position:absolute;right:10px;top:-2px;}
[data-main-con="board"] .notice	.swiper_control .swiper_page			{justify-content:center; margin:0 12.5px;}
[data-main-con="board"] .notice	.swiper_control	.icon_more																		{ position:relative;display:flex;flex:none; align-items:center; justify-content:center; width:36px; height:36px; margin-left:12.5px;border:1px solid rgba(0,0,0,.2); border-radius:100%; background:var(--color-white); transition:var(--trans-ani);}
[data-main-con="board"] .notice	.swiper_control	.icon_more::before														{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/images/safe/common/ico_more.svg) no-repeat 50% 50% / 12px; transition:var(--trans-ani);opacity:.5;}
[data-main-con="board"] .notice	.swiper_control	.icon_more:hover,
[data-main-con="board"] .notice	.swiper_control	.icon_more:focus															{ transform:rotate(90deg); background:var(--color-point); border-color:var(--color-point); }
[data-main-con="board"] .notice	.swiper_control	.icon_more:hover::before,
[data-main-con="board"] .notice	.swiper_control	.icon_more:focus::before											{ filter:invert(1);opacity:1; }

[data-main-con="board"] .notice .swiper									{ width:calc(100% + 15px); margin-left:-7.5px; margin-right:-7.5px; }
[data-main-con="board"] .notice .swiper-wrapper						{ align-items:stretch;}
[data-main-con="board"] .notice .swiper-slide							{ width:33.333%; display:flex; height:auto }
[data-main-con="board"] .notice .swiper-slide.none_data				{ padding:0; height:100%; display:flex; justify-content:center; align-items:center;}
[data-main-con="board"] .notice .swiper-slide.none_data > a			{min-height:319px;pointer-events: none; cursor: default; }
[data-main-con="board"] .notice .swiper-slide a							{ display:flex; flex-flow:column;align-items: flex-start; width:100%; margin:0 7.5px; padding:1.875em; border:1px solid #e5e5e5; border-radius:20px;transition:var(--trans-ani); }
[data-main-con="board"] .notice .swiper-slide a:focus,
[data-main-con="board"] .notice .swiper-slide a:hover				{border-color:var(--color-point);}
[data-main-con="board"] .notice .swiper-slide a  i						{display:inline-block;border:1px solid #e5e5e5;border-radius:2em;color:var(--color-point);padding: 2px 16px 1px;}
[data-main-con="board"] .notice .swiper-slide a dl						{margin-top:12px;}
[data-main-con="board"] .notice .swiper-slide a dt						{font-size:1.25em;font-weight:700;color:var(--color-black1);line-height:1.5;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height: 3em;}
[data-main-con="board"] .notice .swiper-slide a dd						{margin-top:1.25em;padding-top:1.25em;border-top:1px dashed #e5e5e5;color:var(--color-gray5);line-height:1.5;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;min-height: 5.815em; }
[data-main-con="board"] .notice .swiper-slide a .date 					{font-size:14px;color:#787878;margin-top:1.375em;}

/*재난 신고전화*/
[data-main-con="board"] .hotline											{width: calc(100% - var(--sizeWidth) - 60px);border:1px solid #e5e5e5;border-radius:20px;overflow:hidden;}
[data-main-con="board"] .hotline h2.title									{background:#2276be;font-size:1.75em;font-weight:500;text-align:center;color:var(--color-white);padding:.75em;margin-bottom:0;}
[data-main-con="board"] .hotline ul											{display:flex;}
[data-main-con="board"] .hotline > ul > li										{flex:0 1 50%;text-align:center;padding:2.5em 1.5em;border-right:1px dashed #e5e5e5;}
[data-main-con="board"] .hotline > ul > li .number 							{display:block;color:var(--color-base);font-weight:500;font-size:1.125em;line-height:1.3;}
[data-main-con="board"] .hotline > ul > li .number a						{display:block;}
[data-main-con="board"] .hotline > ul > li .number a strong					{font-size:1.5em;font-weight:800;letter-spacing:-0.015em;transition:var(--trans-ani);}
[data-main-con="board"] .hotline > ul > li .number a:focus strong,
[data-main-con="board"] .hotline > ul > li .number a:hover strong			{color:var(--color-point) !important;}
[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon						{position:relative;display:block;width:92px;height:92px;border:1px solid #e5e5e5;border-radius:100%;padding:5px;margin:0 auto 20px;}
[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon::before				{content:'';display:block;width:100%;height:100%;background:#e7f2fd;border-radius:100%;}
[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon::after				{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;background:url("/images/safe/main/icon_hotline.svg") no-repeat center center / auto 47px;border-radius:100%;transition:var(--trans-ani);}
[data-main-con="board"] .hotline > ul > li.h_01 .number a:focus .icon::after,
[data-main-con="board"] .hotline > ul > li.h_01 .number a:hover .icon::after	{animation:iconShow 2s ease-in-out;}
[data-main-con="board"] .hotline > ul > li.h_02									{border-right-color:transparent;}
[data-main-con="board"] .hotline > ul > li.h_02 .number_list					{display:flex;flex-flow:column;gap:12px;}
[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number 		{font-size:1em;}
[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number a		{background:#f2f4f6;border-radius:10px;padding:1.125em;transition:var(--trans-ani);}
[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number a:focus,
[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number a:hover{background:#e7f2fd;}
[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number strong{font-size:1.25em;color:var(--color-base);}


/**********************************************************************
 							
						시민행동요령
							
**********************************************************************/
[data-main-con="disaster"] .title_wrap											{display:flex;gap:1.875em;align-items:center;margin-bottom:2em;}
[data-main-con="disaster"] .title_wrap	h2.title								{margin-bottom:0;}
[data-main-con="disaster"] .title_wrap p										{font-size:1.125em;color:var(--color-black1);opacity:.8;}
[data-main-con="disaster"] .banner												{display:flex;gap:15px;justify-content: space-between;flex-wrap:wrap;}
[data-main-con="disaster"] .banner li											{width:calc((100% - 75px) / 6 );}
[data-main-con="disaster"] .banner li a											{display:block;padding:2.188em;min-height:318px;border:1px solid #e5e5e5;border-radius:20px;background-repeat:no-repeat;background-position:center bottom;background-size:100%;overflow:hidden;transition:var(--trans-ani);}
[data-main-con="disaster"] .banner li a:focus,
[data-main-con="disaster"] .banner li a:hover									{transform:translateY(-10px);}
[data-main-con="disaster"] .banner li a dl										{display:flex;gap:18px;flex-flow:column;}
[data-main-con="disaster"] .banner li a dt										{font-size:1.25em;font-weight:700;line-height:1.2;}
[data-main-con="disaster"] .banner li a dd 										{font-size:.938em;line-height:1.3;opacity:.8;}
[data-main-con="disaster"] .banner li.yellow_dust a 						{color:#352727;background-color:#cec4b9; background-image:url("/images/safe/main/img_banner01.svg");}
[data-main-con="disaster"] .banner li.heat_wave a 						{color:#fff;background-color:#ea5148; background-image:url("/images/safe/main/img_banner02.svg");}
[data-main-con="disaster"] .banner li.fire a 								{color:#b62538;background-color:#fedfe3; background-image:url("/images/safe/main/img_banner03.svg");}
[data-main-con="disaster"] .banner li.heavy_snowfall a 						{color:#fff;background-color:#4783ab; background-image:url("/images/safe/main/img_banner04.svg");}
[data-main-con="disaster"] .banner li.cold_wave a 						{color:#213662;background-color:#c1d3e7; background-image:url("/images/safe/main/img_banner05.svg");}
[data-main-con="disaster"] .banner li.earthquake a 						{color:#413e37;background-color:#ece9e2; background-image:url("/images/safe/main/img_banner06.jpg");}

@media all and (max-width:1568px){
	[data-main-con="board"]														{--sizeWidth:860px;}
}

@media all and (max-width:1468px){
	.visual																				{background-size:auto 700px;background-position:top 0 right -10%;}

	[data-main-con="board"]														{--sizeWidth:760px;gap:40px;}
	[data-main-con="board"] .hotline											{width:calc(100% - var(--sizeWidth) - 40px); }
}

@media all and (max-width:1368px){
	.visual																				{background-size:auto 660px;}
	.visual::before																		{left:-2em;bottom:10em;}
	.visual::after																		{top:2em;right:2em;}
	.visual .text_wrap																{padding:7em 0 14em;}
	.visual .text_wrap .text														{margin-bottom:45px;}
	.visual .text_wrap .text .title_wrap										{margin-bottom:28px;}
	.visual .text_wrap .text .title_wrap span									{font-size:1.625em;}
	.visual .text_wrap .text .title_wrap strong									{font-size:2.75em;}
	.visual .text_wrap .quick														{--sizeIcon:98px;}
	.visual .text_wrap .quick > li > a .icon									{margin-bottom:18px;}

	[data-main-con="service"]												{margin-top:-7em;}
	[data-main-con="service"] .box											{padding:3em 3em 3em 11.5em;--sizeWidth:280px;gap: 1em;}
	[data-main-con="service"] .box::before									{width:210px;}
	[data-main-con="service"] .btn_wrap										{width: calc(100% - var(--sizeWidth) - 1em);}

	[data-main-con="board"]													{--sizeWidth:740px;}
	[data-main-con="board"] .notice .swiper-slide a						{padding:1.75em;}
	[data-main-con="board"] .notice .swiper-slide.non_data a		{min-height:298px;}
	[data-main-con="board"] .notice .swiper-slide a dt				{font-size:1.125em;}

	[data-main-con="board"] .hotline h2.title							{font-size:1.5em;}
	[data-main-con="board"] .hotline > ul > li							{padding: 2.375em 1.375em;}
	[data-main-con="board"] .hotline > ul > li .number a strong	{font-size:1.375em;}
	[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon	{width:88px;height:88px;}
	[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number a{padding:1.063em;}
	[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number strong{font-size:1.125em;}	

	[data-main-con="disaster"] .title_wrap								{margin-bottom:1.75em;}
	[data-main-con="disaster"] .banner li a								{padding:1.875em;}
	[data-main-con="disaster"] .banner li a dl							{gap:14px;}
	[data-main-con="disaster"] .banner li a dt							{font-size:1.125em;}
}

@media all and (max-width:1268px){
	.visual																			{background-size:auto 590px;background-position:top 0 right -20%;min-height:auto;}
	.visual::before,
	.visual::after																	{display:none;}
	.visual .text_wrap															{padding:6em 0 12em;}
	.visual .text_wrap .text													{margin-bottom:40px;}	
	.visual .text_wrap .text .title_wrap										{margin-bottom:26px;}
	.visual .text_wrap .text .title_wrap span								{font-size:1.5em;}
	.visual .text_wrap .text .title_wrap strong								{font-size:2.5em;}
	.visual .text_wrap .text .txt												{font-size:1.063em;}
	.visual .text_wrap .quick													{--sizeIcon:96px;gap:15px;}
	.visual .text_wrap .quick > li > a .icon								{margin-bottom:16px;}

	[data-main-con="service"]												{margin-top:-6em;}
	[data-main-con="service"] .box											{flex-flow:column;padding:2.75em;gap:2em;}
	[data-main-con="service"] .box::before									{left: initial;bottom: initial;transform: scale(-1, 1);top: 1.75em;right: 3.75em;width:180px;height: 168px;background-position:left top;z-index:0;}
	[data-main-con="service"] .title_wrap									{width:100%;}
	[data-main-con="service"] .title_wrap p								{font-size:1.063em;}
	[data-main-con="service"] .btn_wrap									{width:100%;z-index:1;}
	[data-main-con="service"] .btn_wrap > li a							{font-size:1.063em;padding:14px 18px;}
	[data-main-con="service"] .btn_wrap > li a::after					{width:26px;height:26px;}

	[data-main-con="board"]													{flex-flow:column;gap:60px;}
	[data-main-con="board"] .notice_wrap,
	[data-main-con="board"] .hotline									{width:100%;flex: none;max-width: initial;}
	[data-main-con="board"] .notice .swiper_control					{top:-4px;}
	[data-main-con="board"] .notice .swiper-slide.none_data > a	{min-height:auto;}

	[data-main-con="disaster"] .title_wrap p							{font-size:1.063em;}
	[data-main-con="disaster"] .banner li								{width: calc((100% - 30px) / 3);}
	[data-main-con="disaster"] .banner li a								{min-height:378px;}
}

@media all and (max-width:1168px){
	.visual																			{background-size:auto 570px;}
}


@media all and (max-width:1024px){
	.visual																			{background-size:auto 580px;background-position:top 30% right -50%;}
	.visual .text_wrap															{padding:5em 0 10em;}
	.visual .text_wrap .text													{margin-bottom:38px;}	
	.visual .text_wrap .text .title_wrap										{margin-bottom:24px;}
	.visual .text_wrap .quick													{--sizeIcon:90px;gap:12px;}

	[data-main-con="service"]												{margin-top:-5em;}
	[data-main-con="service"] .box											{padding:2.5em;}
	[data-main-con="service"] .box::before								{right:3em;}
	[data-main-con="service"] .btn_wrap									{gap:12px;}
	[data-main-con="service"] .btn_wrap > li							{width: calc((100% - 24px) / 3);}

	[data-main-con="board"]													{flex-flow:column;gap:50px;}
	[data-main-con="board"] .notice .swiper							{width: calc(100% + 12px);margin-left: -6px;margin-right:6px;}
	[data-main-con="board"] .notice .swiper-slide a					{margin:0 6px;}
	[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon{width:82px;height:82px;margin: 0 auto 14px;}
	[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon::after{background-size:auto 40px;}

	[data-main-con="disaster"] .title_wrap								{gap:1.5em;}
	[data-main-con="disaster"] .banner									{gap:12px;}
	[data-main-con="disaster"] .banner li								{width: calc((100% - 24px) / 3);}
	[data-main-con="disaster"] .banner li a								{min-height:318px;}
	[data-main-con="disaster"] .banner li a:focus,
	[data-main-con="disaster"] .banner li a:hover					{transform:translateY(-6px);}
}

@media all and (max-width:968px){
	.visual																			{background-size:auto 440px;background-position:top 0 right -30%;}
}

@media all and (max-width:868px){
	.visual																			{background-size:auto 400px;background-position:top -40% right -30%;}
	.visual .text_wrap															{padding:4.5em 0 9em;}
	.visual .text_wrap .text													{margin-bottom:34px;}	
	.visual .text_wrap .text .title_wrap										{margin-bottom:20px;gap:8px;}
	.visual .text_wrap .text .title_wrap span								{font-size:1.375em;}
	.visual .text_wrap .text .title_wrap strong								{font-size:2.375em;}
	.visual .text_wrap .quick													{--sizeIcon:84px;gap:10px;}

	[data-main-con="service"]												{margin-top:-4.5em;}
	[data-main-con="service"] .box											{padding:2.25em;gap:2em;border-radius: 12px;}
	[data-main-con="service"] .box::before								{right:3.5em;width:170px;height: 130px;}
	[data-main-con="service"] .btn_wrap									{gap:10px;}
	[data-main-con="service"] .btn_wrap > li							{width: calc((100% - 20px) / 3);}
	[data-main-con="service"] .btn_wrap > li a::after					{width:24px;height:24px;}

	
	[data-main-con="board"]												{gap:40px;}
	[data-main-con="board"] .notice .swiper							{width: calc(100% + 10px);margin-left: -5px;margin-right:5px;}
	[data-main-con="board"] .notice .swiper-slide a					{margin:0 5px;border-radius:12px;}
	[data-main-con="board"] .notice .swiper_control .icon_more{width:34px;height:34px;}

	[data-main-con="board"] .hotline									{border-radius:12px;}
	[data-main-con="board"] .hotline h2.title							{font-size:1.375em;}
	
	[data-main-con="disaster"] .banner									{gap:10px;}
	[data-main-con="disaster"] .banner li								{width: calc((100% - 20px) / 3);}
	[data-main-con="disaster"] .banner li a								{min-height:268px;border-radius:12px;padding:1.75em;}
	[data-main-con="disaster"] .banner li a dl							{gap:12px;}
}
	
@media all and (max-width:768px){
	.visual																			{background-size:auto 320px;background-position:top 0 right -20%;}
	.visual .text_wrap															{padding:4em 0 8em;}
	
	[data-main-con="service"]												{margin-top:-4em;}

	[data-main-con="board"] .notice .swiper-slide					{width:50%;}
}

@media all and (max-width:668px){
	.visual																			{background-size:auto 240px;background-position:top 0 right 0;}
	.visual .text_wrap															{padding:3.5em 0 7em;}
	.visual .text_wrap .text													{margin-bottom:32px;}	
	.visual .text_wrap .text .title_wrap										{margin-bottom:18px;}
	.visual .text_wrap .text .title_wrap span								{font-size:1.25em;}
	.visual .text_wrap .text .title_wrap strong								{font-size:2.25em;}
	.visual .text_wrap .text .txt												{font-size:.938em;}

	.visual .text_wrap .quick													{ justify-content: center;--sizeIcon:80px;}
	.visual .text_wrap .quick > li												{flex: 0 1 calc((100% - 40px) / 5);}
	.visual .text_wrap .quick > li > a .icon								{margin:0 auto 14px;}

	[data-main-con="service"]												{margin-top:-3.5em;}
	[data-main-con="service"] .box											{padding:2em;gap: 1.5em;}
	[data-main-con="service"] .btn_wrap > li							{width: calc((100% - 10px) / 2);}

	[data-main-con="board"] .notice .swiper-slide a					{padding:1.5em;}
	[data-main-con="board"] .notice .swiper_control					{right:4px;top: -6px;}

	[data-main-con="board"] .hotline > ul > li						{padding:2em 1.25em;}
	[data-main-con="board"] .hotline > ul > li .number a strong{font-size:1.25em;}

	[data-main-con="disaster"] .title_wrap								{margin-bottom:1.5em;}
	[data-main-con="disaster"] .banner li								{width: calc((100% - 10px) / 2);}
	[data-main-con="disaster"] .banner li a								{min-height:288px;padding:1.5em;}
	[data-main-con="disaster"] .banner li a dl							{gap:10px;}
}

@media all and (max-width:568px){
	.visual																			{background-size:auto 220px;}
	.visual .text_wrap															{padding:3em 0 6em;}
	.visual .text_wrap .text													{margin-bottom:30px;}	
	.visual .text_wrap .text .title_wrap										{margin-bottom:16px;gap:4px;}
	.visual .text_wrap .text .title_wrap span								{font-size:1.125em;}
	.visual .text_wrap .text .title_wrap strong								{font-size:2em;}
	.visual .text_wrap .text .txt												{max-width:45%;}

	[data-main-con="service"]												{margin-top:-3em;}
	[data-main-con="service"] .box::before								{right:3em;width:140px;height:132px;}

	[data-main-con="disaster"] .title_wrap								{flex-flow:column;gap:12px;align-items:start;}
	[data-main-con="disaster"] .title_wrap p							{padding-left:4px;}
	[data-main-con="disaster"] .banner li a								{min-height:268px;}
}

@media all and (max-width:468px){
	.visual																			{background-size:auto 180px;}
	.visual .text_wrap .quick > li												{flex: 0 1 calc((100% - 20px) / 3);}
	.visual .text_wrap .quick > li > a .icon								{margin:0 auto 12px;}

	[data-main-con="service"] .box::before								{width: 150px;height: 140px;top:2em;right: 2.5em;}
	[data-main-con="service"] .btn_wrap > li							{width: 100%;}
	[data-main-con="service"] .title_wrap p								{max-width:50%;}

	[data-main-con="board"]												{gap:35px;}
	[data-main-con="board"] .notice .swiper							{width: 100%;margin-left: 0;margin-right:0;}
	[data-main-con="board"] .notice .swiper-slide					{width:100%;}
	[data-main-con="board"] .notice .swiper_control .icon_more{width:32px;height:32px;}

	[data-main-con="disaster"] .banner li a								{min-height:248px;}

}

@media all and (max-width:368px){
	.visual																			{background-image:none;}
	.visual::before,
	.visual::after																	{display:block;}
	.visual::before																	{bottom: 14%;left: -14%;width: 131px;height: 64px;}
	.visual::after																	{top:2%;right:-4%;width: 87px;height: 42px;}
	.visual .text_wrap .text .txt												{max-width:100%;}
	.visual .text_wrap															{position:relative;z-index:1;}
	.visual .text_wrap .text													{text-align:center;}
	.visual .text_wrap .quick													{--sizeIcon:76px;}

	[data-main-con="service"] .box											{padding:1.5em;}
	[data-main-con="service"] .box::before								{display:none;}
	[data-main-con="service"] .title_wrap								{text-align:center;}
	[data-main-con="service"] .title_wrap p								{max-width:100%;}
	[data-main-con="service"] .btn_wrap > li a							{padding:12px 16px;}
	[data-main-con="service"] .btn_wrap > li a::after					{width:22px;height:22px;}

	[data-main-con="board"] .notice .swiper_control					{position:initial;margin-top:20px;}
	[data-main-con="board"] .notice .swiper_control .control		{flex-wrap:wrap;}
	[data-main-con="board"] .notice .swiper-pagination-fraction	{width:auto;}
	[data-main-con="board"] .hotline h2.title							{padding:.8em 1.5em;line-height:1.2;}
	[data-main-con="board"] .hotline ul									{flex-flow: column;}
	[data-main-con="board"] .hotline > ul > li						 {border-right:none;padding:1.5em;}
	[data-main-con="board"] .hotline > ul > li.h_01					{border-bottom:1px dashed #e5e5e5;}
	[data-main-con="board"] .hotline > ul > li.h_01 .number a .icon{width:80px;height:80px;}
	[data-main-con="board"] .hotline > ul > li.h_02 .number_list .number a{padding:1em;}

	[data-main-con="disaster"] .banner li								{width:100%;}
	[data-main-con="disaster"] .banner li a								{min-height:328px;padding:1.5em;}
	[data-main-con="disaster"] .banner li a:focus,
	[data-main-con="disaster"] .banner li a:hover					{transform:initial;}
}

@media all and (max-width:268px){
	.visual .text_wrap .quick													{--sizeIcon:70px;}

	[data-main-con="disaster"] .banner li a								{min-height:268px;}
}