@charset "utf-8";
/*
 * contents.css
 */

.footnote { color:var(--color-point);}
.root_daum_roughmap_landing.full	{ width:100%; }

/* 군민헌장 */
[data-subarea="charter"] .box_text_tab_bg						{ position:relative; }
[data-subarea="charter"] .box_text_tab_bg::before				{ position:absolute; width:calc(100% - 100px - 10px); height:calc(100% - 100px - 10px); left:55px; top:55px; 
																	background:url(/resource/www/images/contents/icon_charter.svg) no-repeat top left / 40px, 
																	url(/resource/www/images/contents/icon_charter.svg) no-repeat top right / 40px, url(/resource/www/images/contents/icon_charter.svg) no-repeat bottom left / 40px, 
																	url(/resource/www/images/contents/icon_charter.svg) no-repeat bottom right / 40px; content:''; z-index:2; pointer-events:none;  }	
[data-subarea="charter"] .box_text_tab_bg::after				{ position:absolute; width:calc(100% - 100px - 48px); height:calc(100% - 100px - 48px); left:calc(50px + 24px); top:calc(50px + 24px); pointer-events:none;
																	background: url(/resource/www/images/contents/bg_charter.png) no-repeat 0 50% / cover var(--color-white); content:''; z-index:1; border:3px solid var(--color-point) }																	
[data-subarea="charter"] .box_text_tab_bg>dl					{ position:relative; width:100%; display:flex; flex-wrap:wrap; gap:1em 0; padding:85px 85px 85px 40%; z-index:3 }
[data-subarea="charter"] .box_text_tab_bg>dl>dt					{ position:absolute; width:40%; left:0; top:0; height:100%; display:flex; justify-content:center; align-items:center; font-size:3.13em; font-weight:700; font-family:var(--font-paper); 
																	color:var(--color-point); padding-left:3% }
[data-subarea="charter"] .box_text_tab_bg>dl>dd					{ position:relative; width:100%; padding-left:90px; font-size:1.25em; line-height:1.6; font-weight:600 }
[data-subarea="charter"] .box_text_tab_bg>dl>dt::before			{ position:absolute; width:15px; height:100%; right:0; top:0; content:''; background:url(/resource/www/images/contents/img_charter01.svg) no-repeat 50% 50% / auto 70%; } 
[data-subarea="charter"] .box_text_tab_bg svg					{ position:absolute; width:90px; height:90px; z-index:4 }
[data-subarea="charter"] .box_text_tab_bg svg .line				{ fill:none; stroke:var(--color-point); stroke-width:3; stroke-linecap:square; stroke-miterlimit:10; pointer-events:none; }
[data-subarea="charter"] .box_text_tab_bg svg.line1				{ left:50px; top:50px; }
[data-subarea="charter"] .box_text_tab_bg svg.line2				{ right:50px; top:50px; transform:rotate(90deg);}
[data-subarea="charter"] .box_text_tab_bg svg.line3				{ left:50px; bottom:50px; transform:rotate(-90deg);}
[data-subarea="charter"] .box_text_tab_bg svg.line4				{ right:50px; bottom:50px; transform:rotate(180deg);}
[data-subarea="charter"] .box_text_tab_bg  [class^="line_"]		{ position:absolute; z-index:4; background:var(--color-point); pointer-events:none;}
[data-subarea="charter"] .box_text_tab_bg .line_top				{ left:calc(50px + 90px - 3px); width:calc(100% - 100px - 180px + 6px); height:3px; top:50px; }
[data-subarea="charter"] .box_text_tab_bg .line_bottom			{ left:calc(50px + 90px - 3px); width:calc(100% - 100px - 180px + 6px); height:3px; bottom:50px; }
[data-subarea="charter"] .box_text_tab_bg .line_left			{ left:50px; height:calc(100% - 100px - 180px + 6px); width:3px; top:calc(90px + 50px - 3px); }
[data-subarea="charter"] .box_text_tab_bg .line_right			{ right:50px; height:calc(100% - 100px - 180px + 6px); width:3px; top:calc(90px + 50px - 3px); }
@media all and (max-width:1668px) {
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:3em; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ font-size:1.2em; }	
}
@media all and (max-width:1568px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding-left:45%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:3em; width:45%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ font-size:1.2em; }
	[data-subarea="charter"] .box_text_tab_bg::before			{ width:calc(100% - 100px - 10px); height:calc(100% - 100px - 10px); left:53px; top:53px; background-size:36px; } 
	[data-subarea="charter"] .box_text_tab_bg::after			{  width:calc(100% - 100px - 44px); height:calc(100% - 100px - 44px); left:calc(50px + 20px); top:calc(50px + 20px); }																	
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ padding-left:50px; }
	[data-subarea="charter"] .box_text_tab_bg svg				{ width:80px; height:80px;  }
	[data-subarea="charter"] .box_text_tab_bg .line_top			{ left:calc(50px + 80px - 3px); width:calc(100% - 100px - 160px + 6px); }
	[data-subarea="charter"] .box_text_tab_bg .line_bottom		{ left:calc(50px + 80px - 3px); width:calc(100% - 100px - 160px + 6px); }
	[data-subarea="charter"] .box_text_tab_bg .line_left		{ height:calc(100% - 100px - 160px + 6px); top:calc(80px + 50px - 3px); }
	[data-subarea="charter"] .box_text_tab_bg .line_right		{ height:calc(100% - 100px - 160px + 6px); top:calc(80px + 50px - 3px); }	
}
@media all and (max-width:1468px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding-left:48%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2.9em; width:48%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ font-size:1.167em; }	
}
@media all and (max-width:1368px) {
	[data-subarea="charter"] .box_text_tab_bg::before			{ width:calc(100% - 60px - 10px); height:calc(100% - 60px - 10px); left:33px; top:33px; } 
	[data-subarea="charter"] .box_text_tab_bg::after			{ width:calc(100% - 60px - 44px); height:calc(100% - 60px - 44px); left:calc(30px + 20px); top:calc(30px + 20px); }		
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding:65px 65px 65px 48%; }															
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{  padding-left:50px; }
	[data-subarea="charter"] .box_text_tab_bg .line_top			{ top:30px; left:calc(30px + 70px - 3px); width:calc(100% - 60px - 140px + 6px); }
	[data-subarea="charter"] .box_text_tab_bg .line_bottom		{ left:calc(30px + 70px - 3px); width:calc(100% - 60px - 140px + 6px); bottom:30px }
	[data-subarea="charter"] .box_text_tab_bg .line_left		{ left:30px; height:calc(100% - 60px - 140px + 6px); top:calc(70px + 30px - 3px); }
	[data-subarea="charter"] .box_text_tab_bg .line_right		{ height:calc(100% - 60px - 140px + 6px); top:calc(70px + 30px - 3px); right:30px }	
	
	[data-subarea="charter"] .box_text_tab_bg svg				{ width:70px; height:70px;  }
	[data-subarea="charter"] .box_text_tab_bg svg.line1			{ left:30px; top:30px; }
	[data-subarea="charter"] .box_text_tab_bg svg.line2			{ right:30px; top:30px; }
	[data-subarea="charter"] .box_text_tab_bg svg.line3			{ left:30px; bottom:30px; }
	[data-subarea="charter"] .box_text_tab_bg svg.line4			{ right:30px; bottom:30px; }
}
@media all and (max-width:1268px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding-left:40%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2.8em; width:40%;  }
}
@media all and (max-width:1168px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding-left:43%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2.7em; width:43%;  }
}
@media all and (max-width:968px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding-left:45%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2.6em; width:45%;  }
}
@media all and (max-width:868px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding-left:48%; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2.5em; width:48%;  }
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{  padding-left:40px; }
}
@media all and (max-width:768px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding:50px 60px 70px 60px; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ display:flex; font-size:2.4em; width:100%; position:relative; left:inherit; top:inherit; padding:0 0 2.5rem 0; margin-bottom:1rem   }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt::before		{ width:100%; height:12px; background-size:auto auto; background-image:url(/resource/www/images/contents/img_charter02.svg); top:inherit; bottom:0; } 
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ padding:0; text-align:center }
	[data-subarea="charter"] .box_text_tab_bg::after			{ border-width:2px; }
	[data-subarea="charter"] .box_text_tab_bg .line_top,
	[data-subarea="charter"] .box_text_tab_bg .line_bottom		{ height:2px; width:calc(100% - 60px - 140px + 4px); left:calc(30px + 70px - 2px)}
	[data-subarea="charter"] .box_text_tab_bg .line_left,
	[data-subarea="charter"] .box_text_tab_bg .line_right		{ width:2px; height:calc(100% - 60px - 140px + 4px); top:calc(70px + 30px - 2px) }
	[data-subarea="charter"] .box_text_tab_bg svg .line			{ stroke-width:2; }
}
@media all and (max-width:668px) {
	[data-subarea="charter"] .box_text_tab_bg::before			{ width:calc(100% - 44px - 10px); height:calc(100% - 44px - 10px); left:27px; top:27px; background-size:28px; } 
	[data-subarea="charter"] .box_text_tab_bg::after			{ width:calc(100% - 40px - 40px); height:calc(100% - 40px - 40px); left:calc(20px + 20px); top:calc(20px + 20px); }		
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding:50px 52px 60px 50px; }
	[data-subarea="charter"] .box_text_tab_bg .line_top			{ top:20px; left:calc(20px + 60px - 3px); width:calc(100% - 40px - 120px + 4px); }
	[data-subarea="charter"] .box_text_tab_bg .line_bottom		{ left:calc(20px + 60px - 2px); width:calc(100% - 40px - 120px + 4px); bottom:20px }
	[data-subarea="charter"] .box_text_tab_bg .line_left		{ left:20px; height:calc(100% - 40px - 120px + 4px); top:calc(60px + 20px - 2px); }
	[data-subarea="charter"] .box_text_tab_bg .line_right		{ height:calc(100% - 40px - 120px + 4px); top:calc(60px + 20px - 2px); right:20px }	
	[data-subarea="charter"] .box_text_tab_bg svg				{ width:60px; height:60px;  }
	[data-subarea="charter"] .box_text_tab_bg svg.line1			{ left:20px; top:20px; }
	[data-subarea="charter"] .box_text_tab_bg svg.line2			{ right:20px; top:20px; }
	[data-subarea="charter"] .box_text_tab_bg svg.line3			{ left:20px; bottom:20px; }
	[data-subarea="charter"] .box_text_tab_bg svg.line4			{ right:20px; bottom:20px; }
}
@media all and (max-width:568px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding:40px 42px 50px 40px; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2.2em; padding:0 0 2rem 0; margin-bottom:.5rem  }
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ font-size:.98rem; }
}
@media all and (max-width:468px) {
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding:40px 32px 50px 30px; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:2em; padding:0 0 1.5rem 0; }
}
@media all and (max-width:368px) {
	[data-subarea="charter"] .box_text_tab_bg>dl>dt				{ font-size:1.9em; padding:0 0 1.5rem 0; }
	[data-subarea="charter"] .box_text_tab_bg>dl>dd				{ font-size:.95rem; }
	[data-subarea="charter"] .box_text_tab_bg::before			{ width:calc(100% - 32px - 10px); height:calc(100% - 32px - 10px); left:20px; top:20px; background-size:22px; } 
	[data-subarea="charter"] .box_text_tab_bg::after			{ width:calc(100% - 18px - 44px); height:calc(100% - 18px - 44px); left:calc(20px + 10px); top:calc(20px + 10px); }		
	[data-subarea="charter"] .box_text_tab_bg>dl				{ padding:35px 32px 40px 30px; }
	[data-subarea="charter"] .box_text_tab_bg .line_top			{ top:20px; left:calc(20px + 40px - 3px); width:calc(100% - 40px - 80px + 4px); }
	[data-subarea="charter"] .box_text_tab_bg .line_bottom		{ left:calc(20px + 40px - 2px); width:calc(100% - 40px - 80px + 4px); bottom:20px }
	[data-subarea="charter"] .box_text_tab_bg .line_left		{ left:20px; height:calc(100% - 40px - 80px + 4px); top:calc(40px + 20px - 2px); }
	[data-subarea="charter"] .box_text_tab_bg .line_right		{ height:calc(100% - 40px - 80px + 4px); top:calc(40px + 20px - 2px); right:20px }	
	[data-subarea="charter"] .box_text_tab_bg svg				{ width:40px; height:40px;  }
	[data-subarea="charter"] .box_text_tab_bg svg .line			{ stroke-width:3px; }
}


/* 버스시간표 */
[data-subarea="bus"] .box_flex.col03								{ gap:1em; flex-wrap:wrap; align-items:flex-start;}
[data-subarea="bus"] .box_flex.col03>div							{ flex:auto; width:calc((100% - 2em) / 3); }

@media all and (max-width: 968px) {
    [data-subarea="bus"] .box_flex.col03>div 						{width: calc((100% - 1em) / 2);}
  	[data-subarea="bus"] .box_flex.col03.lg>div						{width: 100%;}
}

@media all and (max-width: 668px) {
    [data-subarea="bus"] .box_flex.col03							{gap: 30px;}
    [data-subarea="bus"] .box_flex.col03>div						{width: 100%;}
}
 
/* 민원실 배치도 */
table.basic_table span.num										{ display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:100%; font-size:.9rem; font-weight:700; color:var(--color-white); 
																	background:var(--color-point); margin:0 auto; }


/***************************** 맞춤복지 ***************************/
/* 여성친화도시 */
.vision_diagram																	{ display:flex; flex-flow:column; align-items:center; justify-content:center;  }
.vision_diagram h5																{ font-size:1.56em; font-family:var(--font-paper); font-weight:400; }
.vision_diagram	strong															{ display:flex; justify-content:center; font-family:var(--font-paper); font-weight:700; text-align:center }
.vision_diagram .color_scarlet1													{ font-size:2.19em; color:var(--color-scarlet1); }
.vision_diagram .img_dt_line													{ position:relative; display:flex; flex-flow:column; align-items:center; justify-content:center; gap:35px; }
.vision_diagram .img_dt_line::before											{ display:flex; width:313px; height:226px; content:''; background:url(/resource/www/images/contents/img_wfcity01.svg) no-repeat 50% 50% / contain; margin-top:10px }	
.vision_diagram .img_dt_line::after												{ position:absolute; width:1px; height:35px; background:var(--color-line); top:236px; content:''; left:50%;  transform:translateX(-50%);}
.vision_diagram .img_dt_line .bg_point											{ position:relative; display:flex; align-items:center; justify-content:center; height:75px; border-radius:50px; background:var(--color-point); color:var(--color-white); font-size:1.69em; padding:0 3.52em; }
.vision_diagram .img_dt_line .bg_point::before									{ position:absolute; width:15px; height:15px; border-radius:100%; border:1px solid var(--color-line); content:''; left:50%; top:-7.5px; background:var(--color-white); transform:translateX(-50%); z-index:1}
.vision_diagram .img_dt_line .bg_point::after									{ position:absolute; width:5px; height:5px; border-radius:100%; background:var(--color-line); content:''; left:50%; top:-2.5px; transform:translateX(-50%); z-index:2}
.vision_diagram .bot_arr_list													{ display:flex; flex-flow:column; margin-top:30px; }
.vision_diagram .bot_arr_list>li												{ position:relative; }
.vision_diagram .bot_arr_list>li>.pentagon_list									{ display:flex; gap:30px; flex-wrap:wrap; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li								{ min-width:243px; width:calc((100% - 90px) / 4); display:flex; flex-flow:column; justify-content:space-between;}
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon						{ position:relative; display:flex; width:100%; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::before				{ position:absolute; width:100%; height:40px; bottom:0; left:0; border-radius:8px; content:''; background:var(--color-point); z-index:-1 }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 				{ content:""; position:absolute; top:0; left:0; width:100%; height:0; border-left:calc((243px / 2) - 1px) solid transparent; border-right:calc((243px / 2) - 1px) solid transparent; border-bottom:50px solid var(--color-point); border-radius:8px; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i						{ position:relative; display:flex; width:100%; left:0; height:88px; z-index:2 }

.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i::before				{ position:absolute; width:60px; height:60px; border-radius:100%; background-color:var(--color-white); content:''; left:50%; top:50%; transform:translate(-50%, -45%); content:''; background-position:50%; background-repeat:no-repeat }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon1 i::before				{ background-image:url(/resource/www/images/contents/icon_wfcity01.svg); }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon2 i::before				{ background-image:url(/resource/www/images/contents/icon_wfcity02.svg); }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon3 i::before				{ background-image:url(/resource/www/images/contents/icon_wfcity03.svg); }
.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon4 i::before				{ background-image:url(/resource/www/images/contents/icon_wfcity04.svg); }
.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl							{ display:flex; flex-flow:column; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dt						{ display:flex; align-items:center; justify-content:center; background:var(--color-point); border-radius:8px; height:50px; color:var(--color-white); font-family:var(--font-paper); font-weight:700; font-size:1.13em; order:2 }
.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd						{ padding:20px 10px; min-height:150px; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul				{ margin-top:0; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li			{ font-size:1.06rem; }
.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li:before	{ top:7px; }
.vision_diagram .bot_arr_list>li .color_point									{ font-size:1.75em; }
.vision_diagram .bot_arr_list>li .bg_light_point								{ display:flex; width:fit-content; background:var(--color-light-point); border-radius:50px; height:75px; padding:0 3.5em; font-size:1.25em; font-weight:600; align-items:center; justify-content:center; margin:10px auto 0 auto; text-align:center }
.vision_diagram .bot_arr_list>li:last-child										{ margin-top:50px; }
.vision_diagram .bot_arr_list>li:last-child::before								{ position:absolute; width:8px; height:8px; left:calc(50% - 4px); top:-25px; content:''; display:flex; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point); transform:translateY(-50%) rotate(-45deg);}
.vision_diagram .bot_arr_list>li:last-child::after								{ position:absolute; width:8px; height:8px; left:calc(50% - 4px); top:-20px; content:''; display:flex; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point); transform:translateY(-50%) rotate(-45deg);}
@media all and (max-width:1668px) {
	.vision_diagram h5															{ font-size:1.46em; }
	.vision_diagram .color_scarlet1												{ font-size:2.09em; }
	.vision_diagram .img_dt_line::before										{ width:293px; height:212px; }
	.vision_diagram .img_dt_line .bg_point										{ height:70px; font-size:1.59em; }
	.vision_diagram .img_dt_line::after											{ top:222px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list								{ gap:20px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li							{ min-width:233px; width:calc((100% - 60px) / 4); }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc((233px / 2) - 1px) solid transparent; border-right:calc((233px / 2) - 1px) solid transparent; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i::before			{ width:56px; height:56px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dt					{ font-size:1.067em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li		{ font-size:1.03rem; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.65em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ height:70px; font-size:1.15em; }	
}
@media all and (max-width:1568px) {
	.vision_diagram h5															{ font-size:1.36em; }
	.vision_diagram .color_scarlet1												{ font-size:1.99em; }
	.vision_diagram .img_dt_line::before										{ width:273px; height:197px; }
	.vision_diagram .img_dt_line::after											{ top:207px; }
	.vision_diagram .img_dt_line .bg_point										{ font-size:1.49em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li							{ min-width:223px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc((223px / 2) - 1px) solid transparent; border-right:calc((223px / 2) - 1px) solid transparent; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i::before			{ width:52px; height:52px; transform:translate(-50%, -50%);}
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dt					{ font-size:1.037em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li		{ font-size:1rem; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li:before	{ top:6px; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.55em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ font-size:1.05em; }	
}
@media all and (max-width:1468px) {
	.vision_diagram h5															{ font-size:1.26em; }
	.vision_diagram .color_scarlet1												{ font-size:1.89em; }
	.vision_diagram .img_dt_line .bg_point										{ font-size:1.39em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li							{ min-width:203px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc((203px / 2) - 1px) solid transparent; border-right:calc((203px / 2) - 1px) solid transparent; border-bottom:36px solid var(--color-point);}
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i					{ height:74px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i::before			{ width:48px; height:48px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dt					{ font-size:1.03em; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.45em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ font-size:1em; }	
}
@media all and (max-width:1368px) {
	.vision_diagram h5															{ font-size:1.2em; }
	.vision_diagram .color_scarlet1												{ font-size:1.79em; }
	.vision_diagram .img_dt_line .bg_point										{ height:65px; font-size:1.29em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li							{ min-width:183px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc((183px / 2) - 1px) solid transparent; border-right:calc((183px / 2) - 1px) solid transparent; border-bottom:36px solid var(--color-point);}
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon i::before			{ width:48px; height:48px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dt					{ font-size:1em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd					{ padding:10px; min-height:130px; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li		{ font-size:.95rem; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.35em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ height:65px; }	
}
@media all and (max-width:1024px) {
	.vision_diagram h5															{ font-size:1.36em; }
	.vision_diagram	strong														{ line-height:1.28; }
	.vision_diagram .color_scarlet1												{ font-size:1.99em; }
	.vision_diagram .img_dt_line .bg_point										{ min-height:60px; height:inherit; font-size:1.49em; padding:15px 3em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dt					{ font-size:1rem; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.55em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ height:inherit; min-height:60px;  padding:15px 3em; font-size:1rem; line-height:1.28 }
}
@media all and (max-width:968px) {
	.vision_diagram .bot_arr_list>li>.pentagon_list>li							{ width:calc((100% - 20px) / 2); }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc(((49vw - 20px - 60px) / 2) - 1px) solid transparent; border-right:calc(((49vw - 20px - 60px) / 2) - 1px) solid transparent; }
}
@media all and (max-width:868px) {
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc(((50vw - 10px - 60px) / 2) - 1px) solid transparent; border-right:calc(((50vw - 10px - 60px) / 2) - 1px) solid transparent; }
	.vision_diagram h5															{ font-size:1.3em; }
	.vision_diagram .color_scarlet1												{ font-size:1.8em; }
	.vision_diagram .img_dt_line .bg_point										{ font-size:1.4em; }
}
@media all and (max-width:668px) {
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc(((50vw - 10px - 40px) / 2) - .5px) solid transparent; border-right:calc(((50vw - 10px - 40px) / 2) - .5px) solid transparent; }
	.vision_diagram .color_scarlet1												{ font-size:1.7em; }
	.vision_diagram .img_dt_line .bg_point										{ font-size:1.3em; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li		{ font-size:.9rem; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.5em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ font-size:.98rem; }
	.vision_diagram .img_dt_line::before										{ width:253px; height:183px; }
	.vision_diagram .img_dt_line::after											{ top:183px; }
}
@media all and (max-width:468px) {
	.vision_diagram .bot_arr_list>li>.pentagon_list>li							{ width:100%; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd					{ min-height:inherit; }
	.vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 			{ border-left:calc(((52vw - 40px) / 1) - .5px) solid transparent; border-right:calc(((52vw - 40px) / 1) - .5px) solid transparent; }
	.vision_diagram .color_scarlet1												{ font-size:1.6em; }
	.vision_diagram .img_dt_line .bg_point										{ font-size:1.267em; }
	.vision_diagram .bot_arr_list>li .color_point								{ font-size:1.4em; }
	.vision_diagram .bot_arr_list>li .bg_light_point							{ font-size:.95rem; padding:15px 1.5em }
	.vision_diagram .img_dt_line::before										{ width:223px; height:161px; }
	.vision_diagram .img_dt_line::after											{ top:161px; }
}


/* 입양절차 */
.diagram_vertical																		{ display:flex; flex-flow:column; }
.diagram_vertical>li																	{ display:flex; flex-wrap:wrap; gap:50px; }
.diagram_vertical>li .area_diagram_type02												{ flex:auto; width:calc((100% - 50px) / 2); margin-top:0;  }
.diagram_vertical>li>.area_diagram_type02>.list											{ height:100%; margin-right:0 !important; gap:0 }
.diagram_vertical>li>.area_diagram_type02>.list > li									{ width:100%; padding-right:0; padding-bottom:40px; }
.diagram_vertical>li .area_diagram_type02 .list > li::after, 
.diagram_vertical>li .area_diagram_type02 .list > li::before							{ top:inherit; bottom:calc(40px / 2); right:inherit; left:50%; transform:translateX(-50%) rotate(135deg)}			
.diagram_vertical>li .area_diagram_type02 .list > li::after								{ bottom:calc((40px / 2) - 4px); }
.diagram_vertical>li .area_diagram_type02 .list > li dd									{ min-height:inherit; height:calc(100% - 75px); padding-top:20px; padding-bottom:20px;}
.diagram_vertical>li .area_diagram_type02 .list > li dl									{ min-height:75px; }
.diagram_vertical>li .area_diagram_type02 .list > li dl:not(:has(.basic_ul)) dd			{ display:none; }
.diagram_vertical>li .area_diagram_type02 .list .basic_ul								{ margin-top:0; }
.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li							{ text-align:left; font-size:1rem; }
.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li::before					{ top:6px; }
.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li .small_text				{ font-size:.94rem; letter-spacing:-.045em; line-height:1.3; display:flex; opacity:.84; margin-top:.75em  }
.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li+li							{ margin-top:.75em; }
.diagram_vertical>li .area_diagram_type02 .list > li dl::before							{ max-width:114px;  }
.diagram_vertical>li .area_diagram_type02 .list > li dl:not(:has(.basic_ul))::before	{ background:var(--color-tab-bg); }
.diagram_vertical>li .area_diagram_type02 .list > li dl:not(:has(.basic_ul))			{ border-width:0; }
.diagram_vertical>li:first-child .area_diagram_type02 .list > li:last-child:after, 
.diagram_vertical>li:first-child .area_diagram_type02 .list > li:last-child:before		{ display:flex; }
.diagram_vertical>li:last-child .area_diagram_type02>.list > li:last-child				{ padding-bottom:0; }
@media all and (max-width:1468px) {
	.diagram_vertical>li																{ gap:30px; }
	.diagram_vertical>li .area_diagram_type02											{ width:calc((100% - 30px) / 2); }
}
@media all and (max-width:1368px) {
	.diagram_vertical>li																{ gap:20px; }
	.diagram_vertical>li .area_diagram_type02											{ width:calc((100% - 20px) / 2); }
	.area_diagram_type02 .list > li dt,
	.diagram_vertical>li .area_diagram_type02 .list > li dl								{ min-height:65px; }
	.diagram_vertical>li .area_diagram_type02 .list > li dd								{ height:calc(100% - 65px); }
}
@media all and (max-width:1024px) {
	.diagram_vertical>li																{ gap:10px; }
	.diagram_vertical>li .area_diagram_type02											{ width:calc((100% - 10px) / 2); }
	.diagram_vertical>li .area_diagram_type02 .list > li dt								{ min-height:60px; }
	.diagram_vertical>li .area_diagram_type02 .list > li dl								{ min-height:60px; }
	.diagram_vertical>li .area_diagram_type02 .list > li dd								{ height:calc(100% - 60px); padding:15px 10px; word-break:break-all; }
	.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li						{ font-size:.95rem; }
	.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li .small_text			{ font-size:.9rem; }
}
@media all and (max-width:668px) {
	.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li						{ font-size:.9rem; }
	.diagram_vertical>li .area_diagram_type02 .list .basic_ul>li .small_text			{ font-size:.85rem; }
	.diagram_vertical>li .area_diagram_type02 .list > li dl								{ height:100%; min-height:55px; }
	.diagram_vertical>li .area_diagram_type02 .list > li dt								{ padding:10px; min-height:55px; }
}



/***************************** 분야별정보 ***************************/
/* 생생마을만들기 */
[data-subarea="ssvillage"] .vision_diagram .img_dt_line::before										{ background-image:url(/resource/www/images/contents/img_ssvillage01.svg); }
[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point									{ flex-wrap:wrap; height:140px; padding:15px 5px 5px; border-radius:70px; z-index:-2; background:linear-gradient(to bottom, var(--color-point) 50%, var(--color-tab-bg) 50%); }
[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span								{ position:relative; display:flex; width:100%; height:70px; font-size:.71em; font-weight:600; color:var(--color-base); justify-content:center; align-items:center; padding-top:10px; } 
[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before						{ position:absolute; width:calc(100% + 10px); left:-5px; top:-60px; height:140px; border:5px solid var(--color-point); border-radius:70px; content:''; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li:last-child::before,
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li:last-child::after						{ display:none; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li:last-child								{ margin-top:0; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li						{ min-width:243px; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after			{ border-left: calc((243px / 2) - 1px) solid transparent; border-right:calc((243px / 2) - 1px) solid transparent; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd>.basic_ul>li	{ letter-spacing:-.065em; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd					{ min-height:60px; }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon1 i::before		{ background-image:url(/resource/www/images/contents/icon_ssvillage01.svg); }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon2 i::before		{ background-image:url(/resource/www/images/contents/icon_ssvillage02.svg); }
[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon3 i::before		{ background-image:url(/resource/www/images/contents/icon_ssvillage03.svg); }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd										{ height:calc(100% - 75px); align-items:flex-start; padding:20px; align-content:flex-start; }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong								{ position:relative; display:flex; width:100%; min-height:70px; border-radius:10px; border:1px solid var(--color-point); font-size:1.06rem; font-weight:700; align-items:center; justify-content:center }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong::before						{ position:absolute; width:51%; max-width:114px; height:5px; background:var(--color-point); border-radius:8px 8px 0 0; left:50%; bottom:0; z-index:1; transform:translateX(-50%); content:''; }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong:nth-child(3)					{ margin-top:20px; }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray						{ width:100%; padding:20px; background:var(--color-gray); text-align:left; border-radius:15px; }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li					{ font-size:1rem; display:flex; gap:5px; word-break: break-all; }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li::before			{ width:20px; height:20px; font-size:.75rem; line-height:20px; }
[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li>ul.mt0			{max-width:calc(100% - 70px);}
@media all and (max-width:1568px) {					
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong							{ min-height:65px; font-size:1.03rem }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li				{ flex-wrap:wrap; }
  	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li>ul.mt0		{max-width:initial;}
}
@media all and (max-width:1468px) {	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point								{ height:130px; }	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before					{ height:130px; }			
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span							{ height:60px; }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong							{ min-height:60px; }
}
@media all and (max-width:1368px) {	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point								{ height:125px; }	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before					{ height:125px; }			
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span							{ height:55px; padding-top:5px; font-size:.81em }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd									{ height:calc(100% - 65px); }
}
@media all and (max-width:1024px) {	
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong							{ font-size:.98rem }		
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray					{ padding:15px; }		
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li,
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li ul			{ font-size:.95rem;  }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li::before		{ width:18px; height:18px; font-size:.7rem; line-height:18px; }
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point								{ height:120px; }	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before					{ height:120px; }			
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span							{ height:50px;  }
}
@media all and (max-width:968px) {	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point								{ height:115px; }	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before					{ height:115px; }			
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span							{ height:45px;  }
	[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after		{ border-left:calc(((49vw - 20px - 60px) / 2) - 1px) solid transparent; border-right:calc(((49vw - 20px - 60px) / 2) - 1px) solid transparent; }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li										{ width:100%; padding-right:0; padding-bottom:var(--sizePadding); }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li:after, 
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li:before								{ top:inherit; bottom:1px; right:inherit; left:50%; transform:translate(-50%, -50%) rotate(135deg)}
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li:before								{ bottom:-4px; }
}
@media all and (max-width:868px) {	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point								{ height:110px; }	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before					{ height:110px; }			
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span							{ height:40px;  }
    [data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 		{ border-left:calc(((50vw - 10px - 60px) / 2) - 1px) solid transparent; border-right:calc(((50vw - 10px - 60px) / 2) - 1px) solid transparent; }
}
@media all and (max-width:668px) {	
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point								{ height:inherit; background:none; }
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point em							{ padding:15px 25px; border-radius:20px; background:var(--color-point); padding-bottom:45px; }
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span::before					{ display:none; }
	[data-subarea="ssvillage"] .vision_diagram .img_dt_line .bg_point span							{ padding:15px 25px; border-radius:50px; background:var(--color-tab-bg); width:fit-content; margin-top:-35px; height:inherit }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd									{ padding:15px; }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd strong							{ min-height:55px; font-size:.95rem }
	[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li					{ min-width:inherit; }
    [data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after		{ border-left:calc(((50vw - 10px - 40px) / 2) - .5px) solid transparent;  border-right:calc(((50vw - 10px - 40px) / 2) - .5px) solid transparent; }
	
}
@media all and (max-width:468px) {
	[data-subarea="ssvillage"] .vision_diagram .bot_arr_list>li>.pentagon_list>li>dl>dd				{ min-height:inherit; }
	[data-subarea="ssvillage"]  .vision_diagram .bot_arr_list>li>.pentagon_list>li .icon::after 	{ border-left:calc(((52vw - 40px) / 1) - .5px) solid transparent; border-right:calc(((52vw - 40px) / 1) - .5px) solid transparent; }
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li,
	[data-subarea="ssvillage"] .area_diagram_type02 .list > li dd .list_num.bg_gray>li ul			{ font-size:.9rem;  }
}

/*도로점용허가*/
[data-subarea="road"] .area_diagram_type02 .list > li:after,
[data-subarea="road"] .area_diagram_type02 .list > li:before						{top: calc(60px / 2);}
[data-subarea="road"] .area_diagram_type02 .list > li dl::before					{display:none;}
[data-subarea="road"] .area_diagram_type02 .list > li dt							{min-height: 60px;}
[data-subarea="road"] .area_diagram_type02 .list > li dd 							{height: calc(100% - 60px);align-items: flex-start;padding: 20px;align-content: flex-start;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol						{width:100%;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li					{position:relative;padding-bottom: 40px;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li:last-child		{padding-bottom:0;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li::after, 
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li::before			 {content:'';display:block; position:absolute;top: inherit;bottom: calc(40px / 2);right: inherit;left: 50%;width:8px; height:8px; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point);transform: translateX(-50%) rotate(135deg);}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li::after			 {bottom: calc((40px / 2) - 4px);}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li:last-child::before,
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li:last-child::after{display:none;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex			{display:flex;--sizeWidth: 140px;gap:10px;align-items:center;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex.bg			{background:#e8f2f5;padding:15px 10px;margin-left: -10px;margin-right: -10px;border-radius: 10px;width: calc(100% + 20px);}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex strong		{width:calc(100% - var(--sizeWidth) - 10px);font-size: 1em;color: var(--color-base);}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex > div		{width:var(--sizeWidth);}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span 			{position: relative;display: flex;width: 100%;min-height: 70px;border-radius: 10px;border: 1px solid var(--color-point);font-size: 1em;align-items: center;background: var(--color-white);justify-content: center;}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span::before		{position: absolute;width: 51%;max-width: 114px;height: 5px; background: var(--color-point);border-radius: 8px 8px 0 0;left: 50%;bottom: 0; z-index: 1;transform: translateX(-50%);content: '';}
[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span + span		{margin-top:10px;}

@media all and (max-width:1668px){
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex 		{--sizeWidth:120px;}
}
@media all and (max-width:1568px){
	[data-subarea="road"] .area_diagram_type02 .list > li							{width: calc(100% / 4);}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span			{min-height:65px;}
}
@media all and (max-width:1468px){
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex		{flex-flow:column;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex strong,
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex > div	{width:100%;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span			{min-height:60px;}
}
@media all and (max-width:1368px){
	[data-subarea="road"] .area_diagram_type02 .list > li dt						{min-height: 50px;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd 						{height: calc(100% - 50px);}
    [data-subarea="road"] .area_diagram_type02 .list > li:after,
  	[data-subarea="road"] .area_diagram_type02 .list > li:before					{top: calc(50px / 2);}
}
@media all and (max-width:1024px){
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex strong,
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span			{font-size:.98rem;}
}

@media all and (max-width:968px){
	[data-subarea="road"] .area_diagram_type02 .list > li							{width:100%;padding-right:0; padding-bottom: var(--sizePadding);}
	[data-subarea="road"] .area_diagram_type02 .list > li:after,
	[data-subarea="road"] .area_diagram_type02 .list > li:before 					{top: inherit;bottom: 1px;right: inherit;left: 50%;transform: translate(-50%, -50%) rotate(135deg);}
    [data-subarea="road"] .area_diagram_type02 .list > li:before 					{bottom: -4px;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd						{min-height:initial;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li div			{display:flex;gap:10px;flex-wrap:wrap;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span			{flex: 1 1 calc((100% - 10px) / 2);}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span + span	{margin-top:0;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex.bg		{padding:15px;}
}

@media all and (max-width:468px){
	[data-subarea="road"] .area_diagram_type02 .list > li dd						{padding:15px;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span			{flex: 1 1 100%;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li div			{gap:5px;}
	[data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex.bg		{width:calc(100% + 10px);margin-right:-5px;margin-left:-5px;padding:10px;}
}

/* 농촌주택개량사업 */
.area_diagram_type02 .list.improv > li 							{ width:100%; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; padding-right:0; padding-bottom:var(--sizePadding)  }
.area_diagram_type02 .list.improv > li:after, 
.area_diagram_type02 .list.improv > li:before					{ top:inherit; bottom:4px; right:inherit; left:50%; transform:translate(-50%, -50%) rotate(135deg)}
.area_diagram_type02 .list.improv > li:before					{ bottom:9px; }
.area_diagram_type02 .list.improv > li>dl						{ width:calc((100% - 20px) / 3); }
.area_diagram_type02 .list.improv > li>dl>dd					{ min-height:110px; }
.area_diagram_type02 .list.improv > li>dl>dd br					{ display:block; }
.area_diagram_type02 .list.improv > li.left						{ justify-content:left; }
.area_diagram_type02 .list.improv > li.right					{ justify-content:right; }
@media all and (max-width:668px) {
	.area_diagram_type02 .list.improv > li>dl					{ width:100%; height:inherit; min-height:inherit }
	.area_diagram_type02 .list.improv > li:after				{ bottom:-1px; }
	.area_diagram_type02 .list.improv > li:before				{ bottom:-5px; }
	.area_diagram_type02 .list.improv > li>dl>dt				{ min-height:inherit; }
	.area_diagram_type02 .list.improv > li>dl>dd				{ min-height:60px; padding-top:15px; padding-bottom:20px }
}
.area_diagram_type02 .list.demol > li 							{ width:100%; display:flex; flex-wrap:wrap; gap:10px; justify-content:left; padding-right:0; padding-bottom:var(--sizePadding);   }
.area_diagram_type02 .list.demol > li:after, 
.area_diagram_type02 .list.demol > li:before					{ top:inherit; bottom:4px; right:inherit; left:calc(((100% - 100px) / 2) * .5 - 4px); transform:translateY(-50%) rotate(135deg)}
.area_diagram_type02 .list.demol > li:before					{ bottom:9px; }
.area_diagram_type02 .list.demol > li>dl						{ width:calc((100% - 100px) / 2); height:inherit; min-height:175px}
.area_diagram_type02 .list.demol > li dd						{ min-height:100px; text-align:left; padding-bottom:20px; }
.area_diagram_type02 .list.demol > li>dl dd br					{ display:block; }
.area_diagram_type02 .list.demol > li.right						{ justify-content:right; padding-bottom:0 }
.area_diagram_type02 .list.demol > li:nth-last-child(3)			{ padding-bottom:0; }
.area_diagram_type02 .list.demol > li:nth-last-child(3)::before,
.area_diagram_type02 .list.demol > li:nth-last-child(3)::after	{ display:none; }
.area_diagram_type02 .list.demol > li.right::before				{ bottom:calc(50% - 9px); }
.area_diagram_type02 .list.demol > li.right::after				{ bottom:calc(50% - 4px); }
.area_diagram_type02 .list.demol > li .list02					{ position:absolute; width:calc((100% - 100px) / 2); display:flex; flex-flow:column; bottom:var(--sizePadding); right:0; gap:calc((175px * 2) - var(--sizePadding) - 20px); }
.area_diagram_type02 .list.demol > li .list02::before,
.area_diagram_type02 .list.demol > li .list02::after			{ position:absolute; width:8px; height:8px; left:-53px; top:50%; content:''; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point); 
																		transform:translateY(-50%) rotate(-135deg); }
.area_diagram_type02 .list.demol > li .list02::after			{ left:-58px;  }
.area_diagram_type02 .list.demol > li .list02>li				{ position:relative; }
.area_diagram_type02 .list.demol > li .list02>li:first-child	{ order:2; }
.area_diagram_type02 .list.demol > li .list02>li:first-child::before,
.area_diagram_type02 .list.demol > li .list02>li:first-child::after	{ position:absolute; width:8px; height:8px; left:-53px; top:50%; content:''; border-style:solid; border-width:1px 1px 0 0; border-color:var(--color-point); 
																		transform:translateY(-50%) rotate(-135deg); }
.area_diagram_type02 .list.demol > li .list02>li:first-child::after			{ left:-58px;  }	
.area_diagram_type02 .list.demol > li .list02>li:last-child			{ position:initial; }	
.area_diagram_type02 .list.demol > li .list02>li:last-child::before	{ position:absolute; width:1px; height:100%; left:50%; content:''; background:var(--color-point); }		
.area_diagram_type02 .list.demol > li .list02>li:last-child::after	{ position:absolute; width:calc(50% + 53px); height:1px; left:-53px; top:50%; content:''; background:var(--color-point); }															
@media all and (max-width:1568px) {
	.area_diagram_type02 .list.demol > li>dl,
	.area_diagram_type02 .list.demol > li .list02									{ width:calc((100% - 50px) / 2); }
	.area_diagram_type02 .list.demol > li .list02									{ gap:calc((165px * 2) - var(--sizePadding) - 30px); }
	.area_diagram_type02 .list.demol > li .list02::before,
	.area_diagram_type02 .list.demol > li .list02>li:first-child::before			{ left:-23px; }
	.area_diagram_type02 .list.demol > li .list02::after,
	.area_diagram_type02 .list.demol > li .list02>li:first-child::after				{ left:-28px; }	
	.area_diagram_type02 .list.demol > li .list02>li:last-child::after				{ width:calc(50% + 23px); left:-23px; }	
	.area_diagram_type02 .list.demol > li:after, 
	.area_diagram_type02 .list.demol > li:before									{ left: calc(((100% - 60px) / 2) * .5 - 4px); }
}
@media all and (max-width:1368px) {
	.area_diagram_type02 .list.demol > li>dl										{ min-height:165px; }	
	.area_diagram_type02 .list.demol > li .list02									{ gap:calc((165px * 2) - var(--sizePadding) - 40px); }
}
@media all and (max-width:1024px) {
	.area_diagram_type02 .list.demol > li>dl,
	.area_diagram_type02 .list.demol > li .list02									{ width:calc((100% - 30px) / 2); }
	.area_diagram_type02 .list.demol > li>dl										{ min-height:165px; }	
	.area_diagram_type02 .list.demol > li .list02									{ gap:calc((165px * 2) - var(--sizePadding) - 45px); }
	.area_diagram_type02 .list.demol > li .list02::before,
	.area_diagram_type02 .list.demol > li .list02>li:first-child::before			{ left:-13px; }
	.area_diagram_type02 .list.demol > li .list02::after,
	.area_diagram_type02 .list.demol > li .list02>li:first-child::after				{ left:-18px; }	
	.area_diagram_type02 .list.demol > li .list02>li:last-child::after				{ width:calc(50% + 13px); left:-13px; }	
	.area_diagram_type02 .list.demol .basic_ul>li									{ font-size:.9rem; word-break:break-all;}
	.area_diagram_type02 .list.demol > li:after, 
	.area_diagram_type02 .list.demol > li:before									{ left: calc(((100% - 30px) / 2) * .5 - 4px); }
}
@media all and (max-width:668px) {
	.area_diagram_type02 .list.demol > li>dl										{ min-height:175px; }
	.area_diagram_type02 .list.demol > li dd										{ min-height:110px; }
	.area_diagram_type02 .list.demol > li .list02									{ gap:calc((175px * 2) - var(--sizePadding) - 85px); }
	.area_diagram_type02 .list.demol > li:before									{ bottom:0; }
	.area_diagram_type02 .list.demol > li:after										{ bottom:-5px; }
}



/* 장류 및 미생물캐릭터 */
[data-subarea="character"] .character .flex											{position:relative;display:flex;align-items: center;justify-content: center;gap: 3em;aspect-ratio: 300 / 116;background: url('/resource/www/images/contents/bg_character.svg') no-repeat center / 100%;}
[data-subarea="character"] .character .flex > li									{width: 23em;display:flex;flex-flow:column;align-items:center;gap: 20px;}
[data-subarea="character"] .character .flex > li .img								{position:relative;width:214px;height:142px;display: flex;align-items: flex-end;}
[data-subarea="character"] .character .flex > li.microbes .img						{max-width:147px;}
[data-subarea="character"] .character .flex > li dl									{text-align:center;}
[data-subarea="character"] .character .flex > li dt									{font-size: 1.375rem;font-weight:700;line-height: 1;margin-bottom: 16px;font-family:var(--font-paper);letter-spacing:.025em;}
[data-subarea="character"] .character .flex > li dd									{line-height:1.3;color:var(--color-base);font-weight:500;letter-spacing:0;font-size: 1.063rem;}
[data-subarea="character"] .character .flex > li.paste dt							{color:var(--color-green);}
[data-subarea="character"] .character .flex > li.microbes dt						{color:var(--color-orange);}

[data-subarea="character"] .character .flex > li.keyword							{width:19em;font-family: var(--font-paper);}
[data-subarea="character"] .character .ti											{font-size: 1.125rem;font-weight: 700;font-family: var(--font-paper);letter-spacing: 0;color: var(--color-base);line-height: 1;}
[data-subarea="character"] .character .flex > li.keyword ol > li					{position:relative;padding-bottom: 30px;text-align:center;}
[data-subarea="character"] .character .flex > li.keyword ol > li span				{display: block;min-width:130px;border-radius:2.5em;color:var(--color-white);font-size:1rem;font-weight: 600;padding: .62em;}
[data-subarea="character"] .character .flex > li.keyword ol > li:nth-child(1) span	{background:#76c043;}
[data-subarea="character"] .character .flex > li.keyword ol > li:nth-child(2) span	{background:var(--color-orange);}

[data-subarea="character"] .character .flex > li.keyword ol > li:last-child			{padding-bottom: 0;}

[data-subarea="character"] .character .flex > li.keyword ol > li::after,
[data-subarea="character"] .character .flex > li.keyword ol > li::before 			{content: '';display: block; position: absolute;top: inherit;bottom: calc(30px / 2);right: inherit;left: 50%;width: 8px;height: 8px;border-style: solid;border-width: 1px 1px 0 0;border-color:#76c043;transform: translateX(-50%) rotate(135deg);}

[data-subarea="character"] .character .flex > li.keyword ol > li::after 			{bottom: calc((30px / 2) - 4px);}

[data-subarea="character"] .character .flex > li.keyword ol > li:last-child::before,
[data-subarea="character"] .character .flex > li.keyword ol > li:last-child::after {display: none;}
  
[data-subarea="character"] .box_text_tab_bg.tac										{max-width:690px;border-radius:3em;margin-right:auto;margin-left:auto;color:var(--color-base);font-size:1.063rem;font-weight:600;line-height:1.3;}
[data-subarea="character"] .concept													{margin-top:50px;}
[data-subarea="character"] .concept .title strong									{font-size:2.1875rem;font-weight:700;font-family:var(--font-paper);color:var(--color-orange);display:block;}
[data-subarea="character"] .concept .box											{text-align: center;--sizeHig: 50px;}
[data-subarea="character"] .concept .box strong										{background: var(--color-orange);display:block;border-radius:2.5em;color:var(--color-white);font-size:1.063rem;font-weight: 500;width:90%;max-width: 330px;height:var(--sizeHig);line-height:var(--sizeHig);margin: 0 auto;margin-bottom: calc((var(--sizeHig) / 2) * -1);position: relative;z-index: 1;letter-spacing: 0;}
[data-subarea="character"] .concept .box p											{background: var(--color-board-gray);border-radius: 10px; padding: 3em 2.5em 1.5em;font-size:1.063rem;}

[data-subarea="character"] .all														{max-width: 880px !important;}
[data-subarea="character"] .basic_table tr td img									{width: auto;height: 120px;margin: 0 auto;}

@media all and (max-width: 1628px) {
    [data-subarea="character"] .concept .box p br									{display:none;}
}

@media all and (max-width:1468px){
    [data-subarea="character"] .character .flex > li								{gap:16px;}
    [data-subarea="character"] .character .flex > li .img							{width: 210px;}
    [data-subarea="character"] .character .flex > li.microbes .img					{max-width:134px;}
    [data-subarea="character"] .character .flex > li dt								{font-size:1.125rem;margin-bottom:12px;}
    [data-subarea="character"] .character .flex > li dd								{font-size:1.03rem;}
    [data-subarea="character"] .character .ti										{font-size:1.063rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span			{font-size:.98rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span			{padding:.5em;min-width: 120px;}
  	[data-subarea="character"] .box_text_tab_bg.tac,
  	[data-subarea="character"] .concept .box strong									{font-size:1.03rem;}
  	[data-subarea="character"] .concept .box 										{--sizeHig:46px;}
  	[data-subarea="character"] .concept .title strong								{font-size:2rem;}
  	[data-subarea="character"] .concept .box p										{padding: 2.875em 2.375em 1.375em;font-size:1.03rem;}
}

@media all and (max-width:1368px){
    [data-subarea="character"] .character .flex > li .img							{width: 196px;height: 130px;}
    [data-subarea="character"] .character .flex > li.microbes .img					{max-width:122px;}
}

@media all and (max-width:968px){
  	[data-subarea="character"] .character .flex > li .img 							{width: 180px;height: 120px;}
    [data-subarea="character"] .character .flex > li.microbes .img 					{max-width:110px;}
}

@media all and (max-width: 868px) {
    [data-subarea="character"] .character .flex										{flex-flow:column;background-image: url('/resource/www/images/contents/bg_character_m.svg');background-size: auto 100%;aspect-ratio: 116 / 300; margin: 0 auto;gap: 0;max-width:520px;}
    [data-subarea="character"] .character .flex > li .img 							{max-width: 214px;height:auto;width:40%;}
    [data-subarea="character"] .character .flex > li.microbes .img 					{max-width:147px;}
    [data-subarea="character"] .character .flex > li 								{position:absolute;width: 100% !important;}
    [data-subarea="character"] .character .flex > li.paste							{bottom: 75%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 44%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 7%;}
    [data-subarea="character"] .character .flex > li dt 							{font-size: 1.375rem;margin-bottom: 16px;}
    [data-subarea="character"] .character .flex > li dd 							{font-size: 1.063rem;}
    [data-subarea="character"] .character .ti 										{font-size: 1.125rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span 			{font-size: 1rem;min-width: 130px;}
  	[data-subarea="character"] .box_text_tab_bg.tac,
  	[data-subarea="character"] .concept .box strong									{font-size:1.063rem;}
  	[data-subarea="character"] .box_text_tab_bg.tac									{border-radius:10px;}
  	[data-subarea="character"] .concept .box 										{--sizeHig:44px;}
  	[data-subarea="character"] .concept .title strong								{font-size:1.875rem;}
  	[data-subarea="character"] .concept .box p										{padding: 2.75em 2.25em 1.25em;font-size:1.063rem;}
    [data-subarea="character"] .basic_table tr td img 								{height: 100px;}
}

@media all and (max-width: 568px) {
	[data-subarea="character"] .concept												{margin-top:30px;}
}

@media all and (max-width: 568px) {
    [data-subarea="character"] .character .flex > li.paste							{bottom: 76%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 45%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 8%;}
    [data-subarea="character"] .character .flex > li dt								{font-size: 1.25rem;}
    [data-subarea="character"] .character .flex > li dd 							{font-size: 1.03rem;}
    [data-subarea="character"] .character .ti 										{font-size: 1.063rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span 			{font-size: .98rem;min-width: 120px;}
  	[data-subarea="character"] .box_text_tab_bg.tac,
  	[data-subarea="character"] .concept .box strong									{font-size:1.03rem;}
  	[data-subarea="character"] .concept .box 										{--sizeHig:44px;}
  	[data-subarea="character"] .concept .title strong								{font-size:1.75rem;}
  	[data-subarea="character"] .concept .box p										{padding: 2.5em 2em 1em;font-size:1.03rem;}
}

@media all and (max-width: 468px) {
    [data-subarea="character"] .character .flex > li.paste							{bottom: 75%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 44%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 7%;}
    [data-subarea="character"] .character .flex > li dt 							{font-size: 1.125rem;}
    [data-subarea="character"] .character .flex > li dd 							{font-size: .98rem;}
    [data-subarea="character"] .character .ti 										{font-size: 1.03rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span 			{font-size: .92rem;min-width: 110px;}
  	[data-subarea="character"] .box_text_tab_bg.tac,
  	[data-subarea="character"] .concept .box strong									{font-size: .98rem;}
  	[data-subarea="character"] .concept .box 										{--sizeHig:42px;}
  	[data-subarea="character"] .concept .title strong								{font-size:1.5rem;}
  	[data-subarea="character"] .concept .box p										{padding: 1.875em 1.75em .75em;font-size:.98rem;}
}

@media all and (max-width: 400px) {
    [data-subarea="character"] .character .flex > li.paste							{bottom: 74%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 41%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 4%;}
}

@media all and (max-width: 378px) {
    [data-subarea="character"] .character .flex > li dt 							{font-size: 1.063rem;}
    [data-subarea="character"] .character .flex > li dd 							{font-size: .92rem;}
    [data-subarea="character"] .character .ti 										{font-size: .98rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span			{padding:.375em;min-width:100px;}
    [data-subarea="character"] .character .flex > li.keyword ol > li 				{padding-bottom:26px;}
    [data-subarea="character"] .character .flex > li.keyword ol > li::after,
  	[data-subarea="character"] .character .flex > li.keyword ol > li::before 		{bottom: calc(26px / 2);}
	[data-subarea="character"] .character .flex > li.keyword ol > li::after 		{bottom: calc((26px / 2) - 4px);}
  	[data-subarea="character"] .box_text_tab_bg.tac,
  	[data-subarea="character"] .concept .box strong									{font-size: .92rem;}
  	[data-subarea="character"] .concept .box 										{--sizeHig:40px;}
  	[data-subarea="character"] .concept .title strong								{font-size:1.375rem;}
  	[data-subarea="character"] .concept .box p										{font-size:.92rem;}
}


@media all and (max-width: 368px) {
    [data-subarea="character"] .character .flex > li.paste							{bottom: 73.5%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 41.5%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 3.5%;}
}

@media all and (max-width: 328px) {
 	[data-subarea="character"] .character .flex > li								{gap:12px;}
    [data-subarea="character"] .character .flex > li.paste							{bottom: 74%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 42%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 4%;}
    [data-subarea="character"] .character .flex > li dt 							{font-size: 1.063rem;margin-bottom:10px;}
    [data-subarea="character"] .character .flex > li dd 							{font-size: .88rem;}
    [data-subarea="character"] .character .ti 										{font-size: .94rem;}
    [data-subarea="character"] .character .flex > li.keyword ol > li				{padding-bottom:22px;}
    [data-subarea="character"] .character .flex > li.keyword ol > li span			{font-size:.88rem;min-width:90px;}
    [data-subarea="character"] .character .flex > li.keyword ol > li::after,
  	[data-subarea="character"] .character .flex > li.keyword ol > li::before 		{bottom: calc(22px / 2);}
    [data-subarea="character"] .character .flex > li.keyword ol > li::after 		{bottom: calc((22px / 2) - 4px);}
  	[data-subarea="character"] .box_text_tab_bg.tac,
  	[data-subarea="character"] .concept .box strong									{font-size: .88rem;}
  	[data-subarea="character"] .concept .title strong								{font-size:1.25rem;}
  	[data-subarea="character"] .concept .box p										{font-size:.92rem;}
}


@media all and (max-width: 280px) {
    [data-subarea="character"] .character .flex > li.paste							{bottom: 73%;}
    [data-subarea="character"] .character .flex > li.keyword						{bottom: 40%;}
    [data-subarea="character"] .character .flex > li.microbes						{bottom: 3%;}
}




/* 예산서 */
[data-subarea] .budget_list										{ display:flex; flex-wrap:wrap; gap:10px; }
[data-subarea] .budget_list>li									{ flex:auto; width:calc((100% - 10px) / 2); display:flex; min-height:50px; border:1px solid var(--color-line); border-radius:8px; align-items:center; padding:7.5px 7.5px 7.5px 15px; 
																	line-height:1; justify-content:space-between;}
[data-subarea] .budget_list>li>span								{ display:flex; max-width:calc(100% - 36px); flex-wrap:wrap; align-items:center; gap:5px; font-weight:500 }
[data-subarea] .budget_list>li>span::before						{ display:flex; min-width:26px; height:26px; border-radius:100%; background:url(/resource/www/images/contents/icon_budget.svg) no-repeat 50% 50% / 12px var(--color-point); content:''; }
[data-subarea] .budget_list>li .button							{ position:relative; display:flex; min-width:35px; height:35px; border-radius:5px; background:var(--color-gray); transition:var(--trans-ani);}
[data-subarea] .budget_list>li .button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; transition:var(--trans-ani);}
[data-subarea] .budget_list>li .button:hover,
[data-subarea] .budget_list>li .button:focus					{ background:var(--color-point); }
[data-subarea] .budget_list>li .button.view::before				{ background:url(/resource/www/images/common/icon_search.svg) no-repeat 50% 50% / auto 12px; }
[data-subarea] .budget_list>li .button.download::before			{ background:url(/resource/www/images/common/icon_dowload.svg) no-repeat 50% 50% / auto 12px; filter:invert(36%) sepia(39%) saturate(1293%) hue-rotate(154deg) brightness(98%) contrast(91%); }
[data-subarea] .budget_list>li .button:hover::before,	
[data-subarea] .budget_list>li .button:focus::before			{ filter:invert(1) brightness(100);}	
@media all and (max-width:1024px) {
	[data-subarea] .budget_list>li>span							{ font-size:.95rem; }
}
@media all and (max-width:668px) {
	[data-subarea] .budget_list>li								{ width:100%; min-height:40px; padding:5px 5px 5px 7px; }
	[data-subarea] .budget_list>li>span							{ max-width:calc(100% - 36px) }
	[data-subarea] .budget_list>li>span::before					{ min-width:22px; height:22px; background-size:10px; }
	[data-subarea] .budget_list>li .button						{ min-width:30px; height:30px; }
	[data-subarea] .budget_list>li .button.view::before,
	[data-subarea] .budget_list>li .button.download::before				{ background-size:10px; }
	[data-subarea] .budget_list>li>span							{ font-size:.92rem; }
}


/* 연혁 */
[data-subarea] .history											{ position:relative; display:flex; flex-flow:column;  }
[data-subarea] .history::before									{ position:absolute; width:1px; height:100%; border-left:1px dashed var(--color-line); top:0; left:8px; content:''; z-index:-1 }	
[data-subarea] .history>li										{ position:relative;  display:flex; gap:1em 2rem; padding-left:30px;  }		
[data-subarea] .history>li::before								{ position:absolute; width:16px; height:16px; background-image:linear-gradient(#fff, #fff), linear-gradient(180deg, #128fae 1%, #046383 100%); left:0; top:1px; content:''; 
																	border-radius:100%; background-origin:border-box; background-clip:content-box, border-box; border:4px solid transparent; z-index:1 }
[data-subarea] .history>li+li									{ margin-top:30px; }
[data-subarea] .history>li strong								{ position:relative; width:110px; font-weight:500; font-size:1.3rem; color:var(--color-point); line-height:1 }
[data-subarea] .history>li>ul									{ position:relative; display:flex; flex-flow:column; }
[data-subarea] .history>li>ul>li								{ position:relative; padding-left:15px; font-size:1.03rem; line-height:1.5; font-weight:500; opacity:.74 }
[data-subarea] .history>li>ul>li::before						{ position:absolute; width:4px; height:4px; background:var(--color-point-line); border-radius:100%; left:0; top:10px; content:''; }
[data-subarea] .history>li>ul>li.day							{ font-size:1.067rem; font-weight:600; padding-left:0;  opacity:1; margin-top:-3px; } 
[data-subarea] .history>li>ul>li.day::before					{ display:none; }
@media all and (max-width:768px) {
	[data-subarea] .history>li									{ flex-flow:column; gap:10px; }
	[data-subarea] .history>li+li								{ margin-top:20px; }
	[data-subarea] .history>li strong							{ font-size:1.2rem; }
	[data-subarea] .history>li>ul>li							{ font-size:.95rem; padding-left:12px; }
	[data-subarea] .history>li>ul>li.day						{ font-size:1rem; }
	[data-subarea] .history>li>ul>li::before					{ top:8px; }	
}


/* 심볼 */
[data-subarea="symbol"] .bg_point_box												{ width:480px; padding:50px; border-radius:20px; background:var(--color-light-point); display:flex; flex-flow:column; align-items:center; justify-content:center; }
[data-subarea="symbol"] .bg_point_box img											{ max-height:180px; }
[data-subarea="symbol"] .symbol_info												{ display:flex; flex-flow:column; gap:20px; width:calc(100% - 480px - 50px); }

[data-subarea="symbol"] .symbol_info>p												{ font-size:1.06em; font-weight:600; opacity:.84; line-height:1.28 }
[data-subarea="symbol"] .symbol_info .gradient_font									{ font-size:1.38em; font-weight:900; line-height:1.28; background:linear-gradient(90deg, var(--color-point) 10%, #1eb9d3 100%); -webkit-background-clip:text; 
																						-webkit-text-fill-color:transparent; }
[data-subarea="symbol"] .symbol_info .color_info									{ display:flex; flex-wrap:wrap; gap:10px; }
[data-subarea="symbol"] .symbol_info .color_info>li									{ width:calc((100% - 20px) / 3); }
[data-subarea="symbol"] .symbol_info .color_info>li>dl								{ display:flex; flex-flow:column; gap:15px; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt							{ display:flex; align-items:center; border-radius:8px; height:50px; font-size:1.06em; font-weight:700; color:var(--color-white); padding:0 15px; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.red>dt 						{ background:#a5181c; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.green>dt 					{ background:#4c953d; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.navy>dt 						{ background:#004669; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)				{ font-size:1.06em; font-weight:600; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.red>dd:nth-child(2)			{ color:#a5181c; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.green>dd:nth-child(2)		{ color:#4c953d; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl.navy>dd:nth-child(2)			{ color:#004669; }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd>ul						{ display:flex; flex-wrap:wrap; gap:10px; opacity:.74 }
[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd							{ font-size:.88em; text-transform:uppercase; font-weight:500; opacity:.84; padding:0 15px;  }
[data-subarea="symbol"] .box_flex.gap10												{ gap:10px; }
[data-subarea="symbol"] .box_flex>.basic_btn										{ margin-top:0; opacity:1; }
[data-subarea="symbol"] .box_flex:has(.basic_btn)									{ align-items:center; }
[data-subarea="symbol"] .box_flex.col03 .item										{ width:calc((100% - 20px) / 3); }
[data-subarea="symbol"] div.line_box												{ position:relative; border:1px solid var(--color-deep-point4); border-radius:10px; margin-top:10px;  display:flex; 
																						align-items:center; justify-content:center; }
[data-subarea="symbol"] div.line_box img											{ max-height:100%; }
[data-subarea="symbol"] div.line_box::before										{ position:absolute; width:28.5%; height:5px; border-radius:0 0 5px 5px; background:var(--color-deep-point4); top:0; left:50%; content:''; transform:translateX(-50%);}
[data-subarea="symbol"] ul.line_box													{ display:flex; flex-wrap:wrap; border:1px solid var(--color-deep-point4); border-radius:10px; }
[data-subarea="symbol"] ul.line_box>li												{ position:relative; flex:auto; width:33.333%; display:flex; align-items:center; justify-content:center;}
[data-subarea="symbol"] ul.line_box>li img											{ max-height:100%; }	
[data-subarea="symbol"] ul.line_box>li::before										{ position:absolute; width:28.5%; height:5px; border-radius:0 0 5px 5px; background:var(--color-deep-point4); top:0; left:50%; content:''; transform:translateX(-50%);}
[data-subarea="symbol"] ul.line_box>li:nth-child(n+4)::before 						{ display:none;}
[data-subarea="symbol"] ul.line_box.col03>li										{ padding:20px; }
[data-subarea="symbol"] ul.line_box.col03>li:nth-child(-n+3)						{ padding-top:60px; }
[data-subarea="symbol"] ul.line_box.col03>li:nth-last-child(-n+3)					{ padding-bottom:60px; }
[data-subarea="symbol"] ul.line_box.col03>li img									{ max-height:150px; }
[data-subarea="symbol"] .basic_btn.bg_point											{ border-radius:10px; background:var(--color-light-point); padding:25px 0 }
@media all and (max-width:1668px) {
	[data-subarea="symbol"] .bg_point_box											{ width:460px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 460px - 40px); }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.33em; }
}
@media all and (max-width:1568px) {
	[data-subarea="symbol"] .bg_point_box											{ width:420px; }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:150px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 420px - 40px); }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.3em; }
	[data-subarea="symbol"] .symbol_info p br,
	[data-subarea="symbol"] .symbol_info .gradient_font br							{ display:none; }	
}
@media all and (max-width:1468px) {
	[data-subarea="symbol"] .bg_point_box											{ width:360px; padding:40px }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:130px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 360px - 30px); gap:15px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl							{ gap:10px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt						{ height:45px; font-size:1.03em; padding:0 10px;}
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd						{ font-size:.8rem; padding:0 10px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:1.03em; }
}
@media all and (max-width:1368px) {
	[data-subarea="symbol"] .bg_point_box											{ width:330px; padding:30px }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:120px; }
	[data-subarea="symbol"] .symbol_info											{ width:calc(100% - 330px - 25px); gap:15px; }
	[data-subarea="symbol"] .symbol_info>p											{ font-size:1.03em; }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.267em; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl							{ gap:10px; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt						{ height:42px; font-size:1em; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd						{ font-size:.8rem; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:1em; }
	[data-subarea="symbol"] ul.line_box.col03>li									{ padding:15px; }
	[data-subarea="symbol"] ul.line_box.col03>li:nth-child(-n+3)					{ padding-top:50px; }
	[data-subarea="symbol"] ul.line_box.col03>li:nth-last-child(-n+3)				{ padding-bottom:50px; }
	[data-subarea="symbol"] ul.line_box.col03>li img								{ max-height:130px; }
	[data-subarea="symbol"] .basic_btn.bg_point										{ padding:20px 0 }
}
@media all and (max-width:1024px) {
	[data-subarea="symbol"] .symbol_info>p											{ font-size:1.03rem; }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.267rem; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt,
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:1rem; }
}
@media all and (max-width:968px) {
	[data-subarea="symbol"] .bg_point_box											{ width:100%; }
	[data-subarea="symbol"] .bg_point_box img										{ max-height:150px; }
	[data-subarea="symbol"] .symbol_info											{ width:100%; margin-top:2em }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.3em; }
	[data-subarea="symbol"] ul.line_box.col03>li									{ padding:10px; }
	[data-subarea="symbol"] ul.line_box.col03>li:nth-child(-n+3)					{ padding-top:40px; }
	[data-subarea="symbol"] ul.line_box.col03>li:nth-last-child(-n+3)				{ padding-bottom:40px; }
	[data-subarea="symbol"] ul.line_box.col03>li img								{ max-height:100px; }
	[data-subarea="symbol"] .basic_btn.bg_point										{ padding:15px 0 }
}
@media all and (max-width:568px) {
	[data-subarea="symbol"] .symbol_info .color_info>li								{ width:100%; }
	[data-subarea="symbol"] .box_flex.col03 .item									{ width:100%; }
	[data-subarea="symbol"] .box_flex.col03 .item img								{ max-height:180px; }
	[data-subarea="symbol"] ul.line_box												{ border:none; border-radius:0; gap:10px; }
	[data-subarea="symbol"] ul.line_box>li											{ width:100%; border:1px solid var(--color-deep-point4); border-radius:10px; }
	[data-subarea="symbol"] ul.line_box>li img										{ max-height:180px; }
	[data-subarea="symbol"] div.line_box::before,
	[data-subarea="symbol"] ul.line_box>li::before									{ width:50%; height:3px; }
	[data-subarea="symbol"] ul.line_box.col03										{ gap:0; border:1px solid var(--color-deep-point4); border-radius:10px;}
	[data-subarea="symbol"] ul.line_box.col03>li									{ width:33.333%; border:none; border-radius:0 }
	[data-subarea="symbol"] ul.line_box.col03>li:nth-child(-n+3)					{ padding-top:30px; }
	[data-subarea="symbol"] ul.line_box.col03>li:nth-last-child(-n+3)				{ padding-bottom:30px; }
	[data-subarea="symbol"] ul.line_box.col03>li img								{ max-height:90px; }
	[data-subarea="symbol"] .basic_btn.bg_point										{ padding:10px 0 }
	[data-subarea="symbol"] .symbol_info>p											{ font-size:.98rem; }
	[data-subarea="symbol"] .symbol_info .gradient_font								{ font-size:1.067rem; }
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dt,
	[data-subarea="symbol"] .symbol_info .color_info>li>dl>dd:nth-child(2)			{ font-size:.96rem; }
}

/* 순창둘러보기 */
[data-subarea="exploring"]															{ position:relative; display:flex; flex-wrap:wrap; gap:1em; }
[data-subarea="exploring"] .cate_wrap												{ position:absolute; right:2%; top:50%; height:75%; width:340px; border-radius:15px; background:rgba(255,255,255,.85); padding:1.5em; backdrop-filter:blur(10px); z-index:2;
																						transform:translateY(-50%); }
[data-subarea="exploring"] .cate_wrap strong										{ display:flex; width:100%; justify-content:center; font-size:1.6em; font-weight:700; font-family:var(--font-paper); color:var(--color-point) }																				
[data-subarea="exploring"] .cate_wrap .list											{ display:flex; flex-wrap:wrap; gap:1em; margin-top:1em; width:100%; justify-content:space-between;}
[data-subarea="exploring"] .cate_wrap .list>li										{ width:calc((100% - 2em) / 3); }
[data-subarea="exploring"] .cate_wrap .list>li>button								{ display:flex; border:none; padding:0; margin:0; justify-content:center; width:100%; font-size:.95rem; font-weight:500; transition:var(--trans-ani); }
[data-subarea="exploring"] .cate_wrap .list>li>button>span							{ display:flex; flex-flow:column; justify-content:center; align-items:center; width:100%; }
[data-subarea="exploring"] .cate_wrap .list>li.active>button,
[data-subarea="exploring"] .cate_wrap .list>li>button:hover,
[data-subarea="exploring"] .cate_wrap .list>li>button:focus							{ color:var(--color-point); }	
[data-subarea="exploring"] .cate_wrap .list .icon									{ width:80px; height:80px; border-radius:100%; display:flex; position:relative; background:var(--color-gray); margin-bottom:7px; transition:var(--trans-ani);}
[data-subarea="exploring"] .cate_wrap .list>li.active .icon,
[data-subarea="exploring"] .cate_wrap .list>li>button:hover .icon,
[data-subarea="exploring"] .cate_wrap .list>li>button:focus .icon					{ background:var(--color-point); }
[data-subarea="exploring"] .cate_wrap .list>li.active .icon::before,
[data-subarea="exploring"] .cate_wrap .list>li>button:hover .icon::before,
[data-subarea="exploring"] .cate_wrap .list>li>button:focus .icon::before			{ filter:invert(1) brightness(100); }
[data-subarea="exploring"] .cate_wrap .list .icon::before							{ position:absolute; width:100%; height:100%; left:0; top:0; background-size:contain; background-position:50%; background-repeat:no-repeat; content:''; 
																						transition:var(--trans-ani);}
[data-subarea="exploring"] .cate_wrap .list .icon1::before							{ background-image:url(/resource/www/images/contents/icon_map01.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon2::before							{ background-image:url(/resource/www/images/contents/icon_map02.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon3::before							{ background-image:url(/resource/www/images/contents/icon_map03.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon4::before							{ background-image:url(/resource/www/images/contents/icon_map04.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon5::before							{ background-image:url(/resource/www/images/contents/icon_map05.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon6::before							{ background-image:url(/resource/www/images/contents/icon_map06.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon7::before							{ background-image:url(/resource/www/images/contents/icon_map07.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon8::before							{ background-image:url(/resource/www/images/contents/icon_map08.svg); }
[data-subarea="exploring"] .cate_wrap .list .icon9::before							{ background-image:url(/resource/www/images/contents/icon_map09.svg); }
[data-subarea="exploring"] .cate_wrap .img											{ position:absolute; right:0; bottom:0; z-index:2; pointer-events:none; }
[data-subarea="exploring"] .cate_wrap .img .op1										{ position:absolute; width:133px; height:173px; right:3em; bottom:-1em; background:url(/resource/www/images/contents/img_map01.png) no-repeat 50% 50% / contain; }
[data-subarea="exploring"] .cate_wrap .img .op2										{ position:absolute; width:40px; height:31px; right:12em; bottom:3em; background:url(/resource/www/images/contents/img_map02.png) no-repeat 50% 50% / contain; }
[data-subarea="exploring"] .cate_wrap .img .op3										{ position:absolute; width:44px; height:24px; right:-.65em; bottom:11em; background:url(/resource/www/images/contents/img_map03.png) no-repeat 50% 50% / contain; }
[data-subarea="exploring"] .cate_wrap .img .op4										{ position:absolute; width:44px; height:24px; right:13em; bottom:8em; background:url(/resource/www/images/contents/img_map03.png) no-repeat 50% 50% / contain; }
[data-subarea="exploring"] .map_wrap												{ position:relative; width:100%; height:800px; overflow:hidden; border-radius:15px; z-index:1 }
[data-subarea="exploring"] .map_wrap .open_btn .icon								{ position:relative; width:50px; height:50px; display:flex; }
[data-subarea="exploring"] .map_wrap .open_btn .icon::before						{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-size:contain; background-position:50%; background-repeat:no-repeat; }
[data-subarea="exploring"] .map_wrap .open_btn .icon1::before						{ background-image:url(/resource/www/images/contents/icon_map_mk01.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon2::before						{ background-image:url(/resource/www/images/contents/icon_map_mk02.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon3::before						{ background-image:url(/resource/www/images/contents/icon_map_mk03.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon4::before						{ background-image:url(/resource/www/images/contents/icon_map_mk04.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon5::before						{ background-image:url(/resource/www/images/contents/icon_map_mk05.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon6::before						{ background-image:url(/resource/www/images/contents/icon_map_mk06.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon7::before						{ background-image:url(/resource/www/images/contents/icon_map_mk07.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon8::before						{ background-image:url(/resource/www/images/contents/icon_map_mk08.svg); }
[data-subarea="exploring"] .map_wrap .open_btn .icon9::before						{ background-image:url(/resource/www/images/contents/icon_map_mk09.svg); }
[data-subarea="exploring"] .map_layer												{ position:absolute; width:94%; max-width:260px; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:10; 
																						border-radius:10px; border:2px solid var(--color-point); background:var(--color-white); padding:15px 15px 40px; display:none }
[data-subarea="exploring"] .map_layer.active										{ display:block; }
[data-subarea="exploring"] .map_layer strong										{ display:block; font-size:1.2em; font-weight:700; line-height:1.3; padding-bottom:10px; border-bottom:1px dashed var(--color-line); letter-spacing:-.025em;
																						white-space:nowrap; text-overflow:ellipsis; overflow:hidden }
[data-subarea="exploring"] .map_layer .info											{ margin-top:15px; }
[data-subarea="exploring"] .map_layer .info>li										{ position:relative; display:flex; align-items:center; font-size:.95rem; opacity:.84; line-height:1.3; padding-left:30px; word-break:break-all; }
[data-subarea="exploring"] .map_layer .info>li+li									{ margin-top:10px; }
[data-subarea="exploring"] .map_layer .info>li .icon::before						{ position:absolute; width:25px; height:25px; left:0; top:-4px; content:'';  background-size:contain; background-position:50%; background-repeat:no-repeat}
[data-subarea="exploring"] .map_layer .info>li .icon1::before						{ background-image:url(/resource/www/images/contents/icon_map_info01.svg); }
[data-subarea="exploring"] .map_layer .info>li .icon2::before						{ background-image:url(/resource/www/images/contents/icon_map_info02.svg);  }
[data-subarea="exploring"] .map_layer .close_btn									{ position:absolute; width:36px; height:36px; left:50%; bottom:-18px; background:var(--color-point); color:var(--color-white); border-radius:100%; transform:translateX(-50%) }
[data-subarea="exploring"] .map_layer .close_btn::before							{ position:absolute; width:11px; height:11px; left:50%; top:50%; transform:translate(-50%,-50%); 
																						background:url(/resource/common/images/common/icon_close.svg) no-repeat 50% 50% / cover; content:''; transition:all ease 0.3s; z-index:2; 
																						transition:var(--trans-ani); transition-property:transform; filter:invert(1) brightness(100);  }
[data-subarea="exploring"] .map_layer .close_btn:hover::before,
[data-subarea="exploring"] .map_layer .close_btn:focus::before						{ transform:translate(-50%,-50%) rotate(180deg); }

@media all and (max-width:1568px) {
	[data-subarea="exploring"] .cate_wrap											{ width:300px; }
	[data-subarea="exploring"] .cate_wrap .list										{ gap:1em 10px; }
	[data-subarea="exploring"] .cate_wrap .list>li									{ width:calc((100% - 20px) / 3); }
	[data-subarea="exploring"] .cate_wrap .list .icon								{ width:70px; height:70px; }
	[data-subarea="exploring"] .cate_wrap .list>li>button							{ font-size:.9rem; }
	[data-subarea="exploring"] .map_wrap											{ height:720px; }
	[data-subarea="exploring"] .cate_wrap .img .op1									{ width:118px; height:153px; right:3em;}
	[data-subarea="exploring"] .cate_wrap .img .op2									{ width:28px; height:21px; right:12em; bottom:2.5em; }
	[data-subarea="exploring"] .cate_wrap .img .op3									{ width:35px; height:20px; right:-.65em; bottom:8em;  }
	[data-subarea="exploring"] .cate_wrap .img .op4									{ width:35px; height:20px; right:13em; bottom:6em;  }
}
@media all and (max-width:1468px) {
	[data-subarea="exploring"] .cate_wrap											{ position:initial; width:96%; height:inherit; transform:inherit; order:2; margin-top:-8em; margin-right:auto; margin-left:auto; background:var(--color-light-point); }
	[data-subarea="exploring"] .cate_wrap .list .icon								{ background:var(--color-white); }
	[data-subarea="exploring"] .cate_wrap .list										{ width:calc(100% - 15em); justify-content:flex-start;}
	[data-subarea="exploring"] .cate_wrap .list>li									{ width:calc((100% - 50px) / 6); }
}
@media all and (max-width:1024px) {
	[data-subarea="exploring"] .map_wrap											{ height:400px; }
	[data-subarea="exploring"] .cate_wrap											{ margin-top:-4em; padding:1.25em; }
	[data-subarea="exploring"] .cate_wrap .list										{ width:calc(100% - 13em); }
	[data-subarea="exploring"] .cate_wrap .img .op1									{ width:95px; height:123px; right:2em;  }
	[data-subarea="exploring"] .cate_wrap .img .op2									{ width:23px; height:18px; right:10em; }
	[data-subarea="exploring"] .cate_wrap .img .op3									{ width:35px; height:18px; }
	[data-subarea="exploring"] .cate_wrap .img .op4									{ width:35px; height:18px; right:11em; }
}	
@media all and (max-width:768px) {
	[data-subarea="exploring"]														{ padding-bottom:3em; }
	[data-subarea="exploring"] .map_wrap											{ border-radius:10px; height:350px; }
	[data-subarea="exploring"] .cate_wrap											{ margin-top:0; width:100%;  padding-bottom:3em }
	[data-subarea="exploring"] .cate_wrap strong									{ font-size:1.5em; }
	[data-subarea="exploring"] .cate_wrap .list										{ width:100%; }
	
	[data-subarea="exploring"] .map_layer											{ padding:10px 10px 25px 10px; }
	[data-subarea="exploring"] .map_layer strong									{ font-size:1.16em; }
	[data-subarea="exploring"] .map_layer .info>li									{ font-size:.9rem; }
}
@media all and (max-width:568px) {
	[data-subarea="exploring"] .cate_wrap .list>li									{ width:calc((100% - 20px) / 3); }
	[data-subarea="exploring"] .cate_wrap strong									{ font-size:1.4em; }
	[data-subarea="exploring"] .cate_wrap .img										{ bottom:-3em; }
	[data-subarea="exploring"] .cate_wrap .img .op1									{ width:72px; height:93px; }
	[data-subarea="exploring"] .cate_wrap .img .op2									{ right:8em; bottom:1em; }
	[data-subarea="exploring"] .cate_wrap .img .op3									{ right:-.5em; bottom:4.5em;  }
	[data-subarea="exploring"] .cate_wrap .img .op4									{ right:9em; bottom:3.5em;  }
}
@media all and (max-width:368px) {
	[data-subarea="exploring"] .cate_wrap .list .icon								{ width:60px; height:60px; }
}


/* 그림으로 보는 순창 */
.icon_round_list								{ display:flex; flex-wrap:wrap; gap:3.13em 1.88em; }
.icon_round_list>li								{ width:calc((100% - (1.88em * 2)) / 3); display:flex; flex-flow:column; gap:2.5em; border-radius:20px; overflow:hidden; background:var(--color-tab-bg); padding:0 20px 0 20px; align-items:center; }
.icon_round_list>li .icon						{ width:94%; max-width:120px; height:60px; display:flex; position:relative; }
.icon_round_list>li .icon::after				{ position:absolute; width:100%; height:calc(60px * 2); left:0; bottom:0; border-radius:100%; background:var(--color-white); content:''; }
.icon_round_list>li .icon::before				{ position:absolute; width:100%; height:100%; left:0; bottom:0; content:''; background-size:contain; background-position:50%; background-repeat:no-repeat; z-index:1 }
.icon_round_list>li dl							{ display:flex; width:100%; flex-flow:column; border-radius:20px 20px 0 0; background:var(--color-white); align-items:center; padding:0 1.25em; line-height:1.28; text-align:center }
.icon_round_list>li dl>dt						{ display:flex; max-width:110px; width:100%; height:35px; border-radius:50px; font-size:1rem; align-items:center; justify-content:center; font-weight:600; background:var(--color-point); color:var(--color-white); margin-top:calc(35px - (35px * 1.5)); } 
.icon_round_list>li dl>dd						{ width:100%; height:60px; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; align-content: center;  }
.icon_round_list>li dl>dd:not(.line)			{ color:var(--color-point); font-size:1.06rem; font-weight:700; }
.icon_round_list>li dl>dd.line					{ border-top:1px solid var(--color-line);  }
.icon_round_list>li .small_text					{ font-size:.88rem; font-weight:400; margin-top:-2px; }
@media all and (max-width:1668px) {
	.icon_round_list							{ gap:3em 1.5em; }
	.icon_round_list>li							{ width:calc((100% - (1.5em * 2)) / 3); }
	.icon_round_list>li .icon					{ max-width:100px; height:50px; }
	.icon_round_list>li .icon::after			{ height:calc(50px * 2); }
	.icon_round_list>li .icon::before			{ background-size:auto 80%; }
	.icon_round_list>li dl>dt					{ font-size:.95rem; }
	.icon_round_list>li dl>dd					{ height:55px; font-size:.95rem }
	.icon_round_list>li dl>dd:not(.line)		{ font-size:1.03rem; }
}
@media all and (max-width:1368px) {
	.icon_round_list>li							{ width:calc((100% - (1.5em * 1)) / 2); }
}
@media all and (max-width:768px) {
	.icon_round_list							{ gap:2em 1em; }
	.icon_round_list>li							{ width:calc((100% - (1em * 1)) / 2); padding:0 10px 0 10px }
	.icon_round_list>li .icon					{ max-width:90px; height:45px; }
	.icon_round_list>li .icon::after			{ height:calc(45px * 2); }
	.icon_round_list>li dl						{ padding:0 15px; }
	.icon_round_list>li dl>dt					{ font-size:.9rem; height:32px; }
	.icon_round_list>li dl>dd					{ height:50px; font-size:.9rem }
	.icon_round_list>li dl>dd:not(.line)		{ font-size:1rem; }
}
@media all and (max-width:468px) {
	.icon_round_list>li							{ width:100%; }
	.icon_round_list>li dl>dd:not(.line)		{ font-size:.98rem; }
}
[data-subarea="picture_sunchang"] .icon_round_list>li .icon1::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang01.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon2::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang02.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon3::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang03.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon4::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang04.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon5::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang05.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon6::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang06.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon7::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang07.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon8::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang08.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon9::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang09.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon10::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang10.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon11::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang11.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon12::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang12.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon13::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang13.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon14::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang14.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon15::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang15.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon16::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang16.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon17::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang17.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon18::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang18.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon19::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang19.svg); }
[data-subarea="picture_sunchang"] .icon_round_list>li .icon20::before			{ background-image:url(/resource/www/images/contents/icon_picture_sunchang20.svg); }

/* 신고센터 */
[data-subarea="report_center"] .icon_round_list>li dl>dt						{ max-width:150px; }
[data-subarea="report_center"] .icon_round_list>li dl>dd.basic_btn				{ margin-top:0; height:inherit; padding-bottom:20px; }
[data-subarea="report_center"] .icon_round_list>li .icon1::before				{ background-image:url(/resource/www/images/contents/icon_report_center01.svg); }
[data-subarea="report_center"] .icon_round_list>li .icon2::before				{ background-image:url(/resource/www/images/contents/icon_report_center02.svg); }
[data-subarea="report_center"] .icon_round_list>li .icon3::before				{ background-image:url(/resource/www/images/contents/icon_report_center03.svg); }


/* 조직정보공개 */
[data-subarea="org_info"] .box_flex.between.start									{ gap:1em 30px; }
[data-subarea="org_info"] .box_flex.between.start>div:first-child					{ flex:auto; max-width:calc(100% - 450px - 30px); }
@media all and (max-width:968px) {
	[data-subarea="org_info"] .box_flex.between.start								{ gap:1em 20px; }
	[data-subarea="org_info"] .box_flex.between.start>div:first-child				{ max-width:calc(100% - 360px - 20px); }
}
@media all and (max-width:768px) {
	[data-subarea="org_info"] .box_flex.between.start								{ gap:1em 20px; }
	[data-subarea="org_info"] .box_flex.between.start>div:first-child				{ max-width:inherit; width:100%; }
	[data-subarea="org_info"] .vertical_chart_box									{ width:100%; min-width:inherit }
}

/* 관련사이트 */
.quick_link 																		{ margin-top:15px; }
.quick_link ul 																		{ display: grid; grid-template-columns: repeat(3, 1fr);gap:15px; }
.quick_link ul .quick_item 															{ padding:30px; border:1px solid #d9d9d9; border-radius:17px; transition-timing-function:linear; transition-property:border-color, box-shadow; transition-duration:0.25s; text-align: center}
.quick_link ul .quick_item:hover													{border-color:var(--color-point); box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);}
.quick_link ul .quick_item:hover .title 											{ color:var(--color-point); }

.quick_link ul .quick_item .title													{display:block; font-size:20px; line-height:26px; color:#282828; font-weight:700;transition-timing-function:linear; transition-property:color; transition-duration:0.25s;}
.quick_link ul .quick_item .stitle													{ display:block; font-size:inherit; margin-top:10px}
.quick_link ul .quick_item .img 													{ margin:15px 0; border-top:1px dotted #d9d9d9;border-bottom:1px dotted #d9d9d9; padding:15px 0 }

.quick_link ul.col04 																 {grid-template-columns: repeat(4, 1fr);}

@media all and (max-width:1024px){
	.quick_link ul,
	.quick_link ul.col04															{ grid-template-columns: repeat(2, 1fr);}		
}

@media all and (max-width:768px){
	.quick_link ul,
	.quick_link ul.col04															{ grid-template-columns: 1fr;}		
}
  
/* 개인정보처리방침 */
[data-subarea="labeling"] h4 														{ position: relative;margin-top: 1.92em; margin-bottom: .77em; font-size: 1.63em; color: var(--color-base); font-weight: bold;  line-height: 1.28;  padding-top: .58em;  display: flex;   align-items: center;   justify-content: flex-start;}
[data-subarea="labeling"] h4 img 													{ margin-right: 10px; flex-shrink: 0;width:42px;}
[data-subarea="labeling"] h4 span													{min-width:100px;}
[data-subarea="labeling"] .labeling_list											{ margin: 20px 0;}
[data-subarea="labeling"] .labeling_list > ul 										{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; list-style: none; padding: 0; margin: 0;}
[data-subarea="labeling"] .labeling_list > ul > li 									{ border: solid 1px var(--color-line); border-radius: 5px; padding: 20px; text-align: center; display: flex;  flex-direction: column; align-items: center;  justify-content: center;  position: relative;  box-sizing: border-box;  overflow: hidden;}
[data-subarea="labeling"] .labeling_list li strong									{ display: block; margin-top: 10px;}
[data-subarea="labeling"] .labeling_list li span 									{ display: none; padding: 10px; position: absolute;  bottom: 0;  width: 100%; background: rgba(14, 43, 108, .9);  z-index: 1; color: var(--color-white);  text-align: center;  word-break: keep-all;  box-sizing: border-box;}
[data-subarea="labeling"] .labeling_list li span a 									{ color: var(--color-white); position: relative; padding-right: 20px;}
/*[data-subarea="labeling"] .labeling_list li:hover,
[data-subarea="labeling"] .labeling_list li:focus 									{ cursor: pointer;}*/
[data-subarea="labeling"] .labeling_list li:hover span,
[data-subarea="labeling"] .labeling_list li:focus span 								{ display: block;}

[data-subarea="labeling"] .lb_list 													{ display:flex; flex-wrap:wrap; border-top: solid 1px var(--color-line); border-left: solid 1px var(--color-line); margin-bottom: 30px;}
[data-subarea="labeling"] .lb_list li 												{ border-right: solid 1px var(--color-line); border-bottom: solid 1px var(--color-line); box-sizing: border-box; flex:1 0 50%;}
[data-subarea="labeling"] .lb_list li a 											{ display: flex; align-items: center; padding: 10px; min-height: 71px; box-sizing: border-box;}

[data-subarea="labeling"] .lb_list li img 											{ flex: 0 0 auto; }
[data-subarea="labeling"] .lb_list li span 											{ display: inline-block; padding-left: 10px; width: calc(100% - 60px);}

[data-subarea="labeling"] .labeling_list > ul > li img,
[data-subarea="labeling"] .lb_list li a img											{width:56px;}

[data-subarea="labeling"] .revision_list 											{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 16px; list-style: none; margin: 20px 0; padding: 0;}
[data-subarea="labeling"] .revision_list li a										{ display: block; position: relative; padding: 12px 40px 12px 16px; border: 1px solid var(--color-line); border-radius: 4px; color: var(--color-base); text-decoration: none; box-sizing: border-box;}
[data-subarea="labeling"] .revision_list li a span									{ display: block;}
[data-subarea="labeling"] .revision_list li a span:after 							{ content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 14px; height: 13px;  background: url(/resource/common/images/common/icon_dowload.svg) no-repeat 50% 50%;  background-size: 100%;}
[data-subarea="labeling"] .revision_list li a:hover,
[data-subarea="labeling"] .revision_list li a:focus 								{ color: var(--color-point);}

[data-subarea="labeling"] .list_num > li br + span									{display:block;margin-top:7px;}
    
@media (max-width: 1024px) {

  [data-subarea="labeling"] h4 														{ font-size:1.53em; }
  [data-subarea="labeling"] h4 span													{min-width:75px;}
  [data-subarea="labeling"] h4 img													{ width:30px; }
  
  [data-subarea="labeling"] .revision_list,
  [data-subarea="labeling"] .labeling_list > ul										{ grid-template-columns: repeat(3, 1fr);}
  [data-subarea="labeling"] .labeling_list > ul > li img,
  [data-subarea="labeling"] .lb_list li a img											{width:50px;}
  

}

@media (max-width: 768px) {
  [data-subarea="labeling"] h4 														{ font-size:1.43em; flex-direction: column; gap:.5em;justify-content: space-evenly;text-align: left; align-items: start;}
  [data-subarea="labeling"] h4 > *													{margin: 0;text-align: left;display: inline-flex;align-self: flex-start;flex: 1 0 100%;}
  [data-subarea="labeling"] h4 span													{min-width:initial;}
  [data-subarea="labeling"] h4 img,													
  [data-subarea="labeling"] .labeling_list > ul > li img,
  [data-subarea="labeling"] .lb_list li a img										{width:40px;}
  
  [data-subarea="labeling"] .revision_list,
  [data-subarea="labeling"] .labeling_list > ul										{ grid-template-columns: repeat(2, 1fr);}
  [data-subarea="labeling"] .lb_list 												{ grid-template-columns: 1fr;}
}

@media (max-width: 468px) {
  [data-subarea="labeling"] .revision_list,
  [data-subarea="labeling"] .labeling_list > ul										{ grid-template-columns: 1fr;}
  [data-subarea="labeling"] .labeling_list > ul										{gap:5px;}
  [data-subarea="labeling"] .lb_list li												{flex:1 0 100%;}
}

/* 군정 비전 및 역점 분야 */
[data-subarea="vision"] h4{position:relative;}
[data-subarea="vision"] h4:before{content:""; display: block; background:url(/resource/www/images/contents/img_vision.png) no-repeat center / contain; height:24em; width:100%; margin-bottom:4em;}
[data-subarea="vision"] h4:after{content:""; display:block; width:1px; height:7.8em; background:#ddd; position:Absolute; top:20.2em; left:0; right:0; margin:auto;}
[data-subarea="vision"] h4 span{position:relative;display:block;background: linear-gradient(to top, #004669, #1eb9d3); color:#fff; text-align:center; width:50%; margin:auto; padding:.8em 1em; min-width:max-content; font-family:var(--font-paper); font-size:2em; border-radius:3em}
[data-subarea="vision"] h4 span:before{content:""; display:block; background:#c7cacc; width:15px; height:15px; border-radius:50%; border:4px solid #fff; box-shadow:0 0 0 1px #ddd; position:Absolute; top:-7.5px; left:0; right:0; margin:auto; z-index:1}

[data-subarea="vision"] ul{display:flex; flex-wrap:wrap; gap:2em; max-width:1000px; margin:auto; padding-top:5%; justify-content:center;}
[data-subarea="vision"] li{width:calc((100% / 5) - 1.6em);background-image:url(/resource/www/images/contents/bg_visionS.svg); background-size:auto 100%; background-repeat:no-repeat;background-position: center;color:#fff;text-align:center; padding:7% 0 4%; display:flex;align-items:center;flex-flow:column;align-content: center;flex-wrap:wrap; position:relative; border-radius:8px}
[data-subarea="vision"] li:nth-child(2){background-image:url(/resource/www/images/contents/bg_visionB.svg);}
[data-subarea="vision"] li:nth-child(3){background-image:url(/resource/www/images/contents/bg_visionP.svg);}
[data-subarea="vision"] li:nth-child(4){background-image:url(/resource/www/images/contents/bg_visionR.svg);}
[data-subarea="vision"] li:nth-child(5){background-image:url(/resource/www/images/contents/bg_visionG.svg);}
[data-subarea="vision"] li:before{content:""; display:block; width:.5em; height:1.5em; background:linear-gradient(to top, #045374, #21a1ba); border-radius:.5em; position:absolute; top:-15%; left:0; right:0; margin:auto;}
[data-subarea="vision"] li:nth-child(2):before{background:linear-gradient(to top, #35308f, #716eed);}
[data-subarea="vision"] li:nth-child(3):before{background:linear-gradient(to top, #91348e, #9e63a6);}
[data-subarea="vision"] li:nth-child(4):before{background:linear-gradient(to top, #b52327, #dc4448);}
[data-subarea="vision"] li:nth-child(5):before{background:linear-gradient(to top, #077240, #3eb151);}
[data-subarea="vision"] li i{display:block;background-color:#fff;width:5em;height:5em;border-radius:50%;margin: 0 auto .8em; background-image:url(/resource/www/images/contents/icon_vision01.svg); background-repeat:no-repeat; background-position:center; background-size:50%;}
[data-subarea="vision"] li:nth-child(2) i{background-image:url(/resource/www/images/contents/icon_vision02.svg);}
[data-subarea="vision"] li:nth-child(3) i{background-image:url(/resource/www/images/contents/icon_vision03.svg);}
[data-subarea="vision"] li:nth-child(4) i{background-image:url(/resource/www/images/contents/icon_vision04.svg);}
[data-subarea="vision"] li:nth-child(5) i{background-image:url(/resource/www/images/contents/icon_vision05.svg);}
@media (max-width: 1024px) {
    [data-subarea="vision"] h4 span{font-size:1.5em}

    [data-subarea="vision"] ul{padding-top:5.5%}
    [data-subarea="vision"] li:before{top:-14%;}
}
@media (max-width: 768px) {
    [data-subarea="vision"] ul{gap:1em;}
    [data-subarea="vision"] li{width:calc((100% / 5) - .8em); padding:6% 0 3%}
    [data-subarea="vision"] li i{width:4em; height:4em;}
    [data-subarea="vision"] li:before{top:-18%;}
}
@media (max-width: 600px) {
    [data-subarea="vision"] ul{gap:9vw 1em; padding-top:9%}
    [data-subarea="vision"] li{width:calc((100% / 3) - .8em); padding:14% 0 7%}
    [data-subarea="vision"] li:before{top:-15%;}
}
@media (max-width: 360px) {
    [data-subarea="vision"] ul{gap:12vw 1em; padding-top:15%}
    [data-subarea="vision"] li{width:calc((100% / 2) - .5em); padding:20% 0 10%}
}

/* 사전정보공개 */
.box_info_top.preliminary											{ margin-bottom:15px; }
.box_info_top.preliminary .list_icon								{ display:flex; flex-wrap:wrap; gap:1em; justify-content:space-between;}
.box_info_top.preliminary .list_icon>li								{ width:calc((100% - 5em) / 6); }
.box_info_top.preliminary .list_icon>li>a							{ display:flex; flex-flow:column; gap:10px; align-items:center; font-size:.98rem; font-weight:500; transition:var(--trans-ani);}
.box_info_top.preliminary .list_icon>li>a .icon						{ position:relative; margin:0 auto; background-color:var(--color-white); border-radius:10px; }
.box_info_top.preliminary .list_icon>li>a .icon::before				{ position:absolute; width:100%;  height:100%; left:0; top:0; content:''; background-size:auto 60%; background-position:50%; background-repeat:no-repeat; }
.box_info_top.preliminary .list_icon>li>a .icon::after				{ position:absolute; width:100%; height:100%; border:2px solid var(--color-point); left:0; top:0; content:''; opacity:0; pointer-events:none; transition:var(--trans-ani); border-radius:10px; }
.box_info_top.preliminary .list_icon>li>a .icon1::before			{ background-image:url(/resource/www/images/bbs/icon01.svg); }
.box_info_top.preliminary .list_icon>li>a .icon2::before			{ background-image:url(/resource/www/images/bbs/icon02.svg); }
.box_info_top.preliminary .list_icon>li>a .icon3::before			{ background-image:url(/resource/www/images/bbs/icon03.svg); }
.box_info_top.preliminary .list_icon>li>a .icon4::before			{ background-image:url(/resource/www/images/bbs/icon04.svg); }
.box_info_top.preliminary .list_icon>li>a .icon5::before			{ background-image:url(/resource/www/images/bbs/icon05.svg); }
.box_info_top.preliminary .list_icon>li>a .icon6::before			{ background-image:url(/resource/www/images/bbs/icon06.svg); }
.box_info_top.preliminary .list_icon>li>a .icon7::before			{ background-image:url(/resource/www/images/bbs/icon07.svg); }
.box_info_top.preliminary .list_icon>li>a .icon8::before			{ background-image:url(/resource/www/images/bbs/icon08.svg); }
.box_info_top.preliminary .list_icon>li>a .icon9::before			{ background-image:url(/resource/www/images/bbs/icon09.svg); }
.box_info_top.preliminary .list_icon>li>a .icon10::before			{ background-image:url(/resource/www/images/bbs/icon10.svg); }
.box_info_top.preliminary .list_icon>li>a .icon11::before			{ background-image:url(/resource/www/images/bbs/icon11.svg); }
.box_info_top.preliminary .list_icon>li>a .icon12::before			{ background-image:url(/resource/www/images/bbs/icon12.svg); }
.box_info_top.preliminary .list_icon>li.active>a,
.box_info_top.preliminary .list_icon>li>a:hover,
.box_info_top.preliminary .list_icon>li>a:focus						{ color:var(--color-point); }
.box_info_top.preliminary .list_icon>li>a:hover .icon::before,
.box_info_top.preliminary .list_icon>li>a:focus .icon::before		{ animation:iconShow 0.7s ease-in-out 1 forwards;  }
.box_info_top.preliminary .list_icon>li.active>a .icon::after,
.box_info_top.preliminary .list_icon>li>a:hover .icon::after,
.box_info_top.preliminary .list_icon>li>a:focus .icon::after		{ opacity:1; }
@media all and (max-width:968px) {
	.box_info_top.preliminary .list_icon>li>a						{ font-size:.95rem; }
}
@media all and (max-width:868px) {
	.box_info_top.preliminary .list_icon>li>a .icon					{ width:90px; height:90px; }
}
@media all and (max-width:768px) {
	.box_info_top.preliminary .list_icon>li							{ width:calc((100% - 3em) / 4); }
	.box_info_top.preliminary .list_icon>li>a						{ font-size:.88rem; gap:7px; }
}
@media all and (max-width:468px) {
	.box_info_top.preliminary .list_icon>li							{ width:calc((100% - 2em) / 3); }
	.box_info_top.preliminary .list_icon>li>a .icon					{ width:80px; height:80px; }
}
@media all and (max-width:368px) {
	.box_info_top.preliminary .list_icon>li							{ width:calc((100% - 1em) / 2); }
}

/* 오시는 길 */
[data-subarea="location"] .location                                   { background:var(--color-tab-bg); border-radius:1.5em; display:flex; flex-wrap:wrap; padding:2em; justify-content:space-between; }
[data-subarea="location"] .location ul                                { width:428px; position:relative; }
[data-subarea="location"] .location ul:after                          { content:""; display:block; width:14em; height:12em; background:url(/resource/www/images/contents/img_location.svg) no-repeat right bottom; position:absolute; right:-4.8em; bottom:0; z-index:2; }
[data-subarea="location"] .location li                                { display:flex; flex-wrap:wrap; align-items:center; gap:1em; position:relative; }
[data-subarea="location"] .location li:not(:first-child)              { margin-top:1.5em; }
[data-subarea="location"] .location li i                              { display:block; width:5em; height:5em; background-color:var(--color-nav-deep-bg); border-radius:50%; background-image:url(/resource/www/images/contents/icon_location01.svg); background-size:auto 55%; background-position:center; background-repeat:no-repeat; }
[data-subarea="location"] .location li:nth-child(2) i                 { background-image:url(/resource/www/images/contents/icon_location02.svg); background-position:60% center; }
[data-subarea="location"] .location li dl                             { font-size:1.1em; }
[data-subarea="location"] .location li dd                             { font-weight:700; }

[data-subarea="location"] .location .map_box					        { position:relative; overflow:hidden; width:calc(100% - 428px); height:400px; border:1px solid #ccc; border-radius:1em; }
[data-subarea="location"] .location .map_box .root_daum_roughmap      { width:calc(100% + 2px); left:-1px; height:calc(100% + 2px); top:-1px !important; }

.root_daum_roughmap:has(*:focus)										{ outline-offset:-2px; }
.root_daum_roughmap button:focus,
.root_daum_roughmap a:focus												{ outline-offset:-2px; }
@media all and (max-width:1024px) {
    [data-subarea="location"] .location ul                            { width:100%; display:flex; flex-wrap:wrap; gap:1em 2em; margin-bottom:2em; }
    [data-subarea="location"] .location ul:after                      { right:-1em; bottom:-3em; width:10em; height:8em; }
    [data-subarea="location"] .location li:not(:first-child)          { margin-top:0; }
	
    [data-subarea="location"] .location .map_box                      { width:100%; height:350px; }
}

@media all and (max-width:830px){
    [data-subarea="location"] .location li                            { width:100%; flex:1 0 100%; }
}

@media all and (max-width:640px){
    [data-subarea="location"] .location ul                            { gap:1em }
    [data-subarea="location"] .location ul:after                      { width:8em; height:6em; }
    [data-subarea="location"] .location li i                          { width:4em; height:4em; position:absolute; top:0; left:0; }
    [data-subarea="location"] .location li dl                         { padding-left:5em; }
	
    [data-subarea="location"].location .map_box                       { height:300px; }
}
@media all and (max-width:400px){
    [data-subarea="location"] .location                               { padding:1em; }
    [data-subarea="location"] .location ul                            { margin-bottom:1em; }
    [data-subarea="location"] .location ul:after                      { top:-6em; }
    [data-subarea="location"] .location li i                          { width:3em; height:3em; }
    [data-subarea="location"] .location li dl                         { padding-left:3.5em; }
}

/* 부서 검색 전체 영역 */
[data-subarea="department"] .department_search                                  { position:relative; margin-bottom:50px; overflow:hidden; background:#f7f8fb; border:1px solid #e0e0e0; border-radius:10px; padding:20px; }
[data-subarea="department"] .department_search form,
[data-subarea="department"] .department_search form fieldset                    { display: flex; flex-wrap:nowrap; width: 100%; gap: 10px; align-items: center;  justify-content: center;}
[data-subarea="department"] .department_search legend                           { position: absolute;  width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;}
[data-subarea="department"] .department_search .form_group                      {flex:1;}
[data-subarea="department"] .department_search .form_group.search               {display:flex; flex:3; gap:.5em;}
[data-subarea="department"] .department_search .form_group.search select        {flex:1;}
[data-subarea="department"] .department_search .form_group.search input         {flex:2}
[data-subarea="department"] .department_search label                            { display: none;}
[data-subarea="department"] .department_search select,
[data-subarea="department"] .department_search input                            { width: 100%; min-height: 2.8em; padding: 0 2em 0 10px; border: 1px solid #e0e0e0;  border-radius: 10px; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; transition: all 0.3s;}
[data-subarea="department"] .department_search select::-ms-expand               { display: none;}
[data-subarea="department"] .department_search button                           { display: flex; align-items: center; justify-content: center; min-height: 2.8em; padding: 0 20px; border-radius: 1em; background: var(--color-point, #007acc); color: var(--color-white); font-weight: 600; cursor: pointer; white-space: nowrap; gap: 8px;}
[data-subarea="department"] .department_search button .icon                     { display: inline-block; width: 20px; height: 20px; background: url("/resource/www/images/common/icon_searchW.svg") no-repeat center / contain;}
[data-subarea="department"] .department_search button:hover,
[data-subarea="department"] .department_search button:focus                     { background: var(--color-green, #005fa3);}

@media all and (max-width:640px){
    [data-subarea="department"] .list                                           { grid-template-columns: 1fr;}
    [data-subarea="department"] .department_search form fieldset                { flex-direction: column; align-items: stretch; gap: 0.5em;}
    [data-subarea="department"] .department_search .form_group,
    [data-subarea="department"] .department_search button                       { width: 100%; }
}

/* 조직도:공통 */
.basic_org .org_first                       {display:flex; justify-content:center; flex-wrap:wrap;}
.basic_org .org_first span                  {display:flex; justify-content:center; align-items:center; width:6.5em; height:6.5em; color:var(--color-white); font-size:1.4em; font-weight:bold; border-radius:50%; background:var(--color-org-blue1); position:relative; overflow:hidden;}
.basic_org .org_first span:before           {content:""; display:block; width:70%; height:30%; background:url(/resource/www/images/contents/icon_org.svg) no-repeat top center / cover; position:absolute; bottom:0;}
.basic_org .org_first span:after            {content:""; display:block; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border-radius:50%; border:1px solid var(--color-white); opacity:.15;}

.basic_org p                                {display:flex; justify-content:center; flex-wrap:wrap;}
.basic_org p a,
.basic_org p strong							{display:block; padding:calc(1em + 5px) 3em 1em; position:relative; background:var(--color-org-blue2); color:var(--color-white); text-align:center; border-radius:10px; font-size:1.2em; font-weight:bold;}
.basic_org p a:before,
.basic_org p strong:before					{content:""; display:block; width:50%; height:5px; background:var(--color-white); border-radius:0 0 5px 5px; position:absolute; top:0; left:0; right:0; margin:auto;}


.basic_org strong                         {display:block;padding:calc(.8em + 5px) 3em .8em;position:relative;background:var(--color-org-blue3);color:var(--color-white);text-align:center;border-radius:10px;font-size:1.1em;font-weight:bold;}
.basic_org strong:before                  {content:""; display:block; width:50%; height:5px; background:var(--color-white); border-radius:0 0 5px 5px; position:absolute; top:0; left:0; right:0; margin:auto;}

.basic_org dl                               {border:1px solid var(--color-org-blue3); border-radius:10px; position:relative;}
.basic_org dl:before                        {content:""; display:block; width:50%; height:5px; background:var(--color-org-blue3); border-radius:0 0 5px 5px; position:absolute; top:0; left:0; right:0; margin:auto;}
.basic_org dt                               {text-align:center; font-weight:bold; padding:calc(1em + 5px) 1em 1em; font-size:1.1em;}
.basic_org dd                               {padding:0 .5em .5em;}
.basic_org dd ul                            {background:var(--color-gray); border-radius:10px; padding:1em;}
.basic_org dd li                            {position:relative; padding-left:.5em; line-height:1.7}
.basic_org dd li:before                     {content:""; display:block; width:.25em; height:.25em; background:var(--color-base); opacity:.34; position:absolute; top:.7em; left:0; border-radius:50%;}

.basic_org a+ul>li:not(:has(dl))            {border:1px solid var(--color-org-blue3); border-radius:10px; position:relative; text-align:center; font-weight:bold; padding:calc(.6em + 5px) 1em .6em; font-size:1.1em;}
.basic_org a+ul>li:not(:has(dl)):after      {content:""; display:block; width:50%; height:5px; background:var(--color-org-blue3); border-radius:0 0 5px 5px; position:absolute; top:0; left:0; right:0; margin:auto;}

@media all and (max-width: 400px) {
    .basic_org strong                     {padding-left:2em; padding-right:2em;}
}
@media all and (max-width: 320px) {
    .basic_org strong                     {padding-left:1em; padding-right:1em;}
}

/* 조직도 */
[data-subarea="org"]>ol                                                     {display:flex; flex-wrap:wrap; gap:3em 0;}
[data-subarea="org"]>ol>li                                                  {width:100%;}
[data-subarea="org"] li,
[data-subarea="org"] dl,
[data-subarea="org"] ul                                                     {position:relative;}
[data-subarea="org"]>ol:not(:first-child)                                   {border-top:1px dashed var(--color-ddd); padding-top:3em; margin-top:3em;}

/* 1차 */
[data-subarea="org"] .org_first:before                                      {background:var(--color-org-blue1);content:"";display:block;width:1px;height:calc(3em + 5px);position:absolute;top: calc(8.8em + 5px);left:0;right:0;margin:auto;transform:rotate(180deg);z-index:1}

/* 2차:첫번째 조직도 */
[data-subarea="org"]>ol:first-child>li:nth-child(2)                         {margin-bottom:1em}
/* 2차:조직도(첫번째 제외) */
[data-subarea="org"]>ol:not(:first-child)>li:first-child:before             {content:""; display:block; width:1px; height:3em; background:var(--color-org-blue1); position:absolute; bottom:-3em; left:0; right:0; margin:auto; transform:rotate(180deg)}

/* 3차:첫번째조직도 */
[data-subarea="org"]>ol:first-child>li:nth-child(3)                         {display:flex; flex-wrap:wrap;}
[data-subarea="org"]>ol:first-child>li:nth-child(3):before                  {content:""; display:block; width:37.5%; height:1px; background:var(--color-org-blue2); position:absolute; top:-2em; left:12.5%;}
[data-subarea="org"]>ol:first-child>li:nth-child(3):after                   {content:"";display:block;width:1px;height: calc(100% + 7em);background:var(--color-org-blue1);transform:rotate(180deg);position:absolute;top:-4em;left:0;right:0;margin:auto;z-index: 1;}
[data-subarea="org"]>ol:first-child>li:nth-child(3) dl                      {width:25%;}
[data-subarea="org"]>ol:first-child>li:nth-child(3) dl:before               {content:""; display:block; width:1px; height:2em; background:var(--color-org-blue1); position:absolute; top:-2em; left:0; right:0; margin:auto; transform:rotate(180deg)}
/* 3차:조직도 */
[data-subarea="org"]>ol>li:has(li>ul, li>dl)                                {padding-top:3em;}
[data-subarea="org"]>ol>li:has(li>ul, li>dl):before                         {content:""; display:block; width:calc(50% + 1em); height:1px; background:var(--color-org-blue3); position:absolute; top:0; left:0; right:0; margin:auto;}
[data-subarea="org"]>ol>li>ul                                               {display:flex; flex-wrap:wrap; gap:2em;}
[data-subarea="org"]>ol>li>ul>li                                            {width:calc(50% - 1em);}
[data-subarea="org"]>ol>li>ul>li>a                                          {display:flex;justify-content:center;position:relative;margin-bottom:1em;}
[data-subarea="org"]>ol>li>ul>li>a:before                                   {content:""; display:block; width:1px; height:calc(3em + 5px); background:var(--color-org-blue3); position:absolute; top:-3em; left:0; right:0; margin:auto; z-index:1}
[data-subarea="org"]>ol>li>ul>li>ul                                         {display:flex;flex-wrap:wrap;gap: 1em;justify-content: center; padding-top:1em;}
[data-subarea="org"]>ol>li>ul>li>ul:not(:has(li>*))                         {width:calc(100% - ((100% / 3) - .55em)); margin:auto;}
[data-subarea="org"]>ol>li>ul>li>ul:before                                  {content:""; display:block; width:calc(((100% / 3) - .55em) *2); height:1px; background:var(--color-org-blue3); position:Absolute; top:0; left:0; right:0; margin:auto;}
[data-subarea="org"]>ol>li>ul>li>ul.col02:before                            {width:calc((100% / 3) - .55em);}
[data-subarea="org"]>ol>li>ul>li>ul:not(:has(li>*)):before                  {width:calc(100% - ((100% / 2) - .45em)); top:-1px}
[data-subarea="org"]>ol>li>ul>li>ul:after                                   {content:""; display:block; width:1px; height:1em; background:var(--color-org-blue3); position:absolute; top:-1em; left:0; right:0; margin:auto;}
[data-subarea="org"]>ol>li>ul>li>ul>li                                      {width:calc((100% / 3) - 1.5em);}
[data-subarea="org"]>ol>li>ul>li>ul>li:not(:has(>*))                        {flex:1 0 calc((100% / 2) - .75em);}
[data-subarea="org"]>ol>li>ul>li>ul>li:not(:has(>*)):last-child:before      {display:none;}
[data-subarea="org"]>ol>li>ul>li>ul>li:before                               {content:""; display:block; width:1px; height:1em; background:var(--color-org-blue3); margin:auto; position:absolute; top:-1em; left:0; right:0; margin:auto;}

[data-subarea="org"]>ol>li dl                                               {height:100%; display:flex; flex-wrap:wrap; align-items:stretch;}
[data-subarea="org"]>ol>li dt                                               {flex:1 0 100%;}
[data-subarea="org"]>ol>li dd                                               {flex:1 0 100%; height:calc(100% - 4.25em);}
[data-subarea="org"]>ol>li dd ul                                            {height:100%;}

/* 읍면 */
[data-subarea="org"]>ol:nth-child(4)>li strong                                {padding-left:0; padding-right:0;}
[data-subarea="org"]>ol:nth-child(4)>li a                                     {display:block; margin-bottom:0;}
[data-subarea="org"]>ol:nth-child(4)>li ul                                    {justify-content:center; gap:1em .2em; padding-top:3em}
[data-subarea="org"]>ol:nth-child(4)>li ul:before                             {content:""; display:block; width:calc(100% - (100% / 6)); height:1px; background:var(--color-org-blue3); position:absolute; top:0; left:0; right:0; margin:auto;}
[data-subarea="org"]>ol:nth-child(4)>li li                                    {width:calc((100% / 6) - .2em);}
[data-subarea="org"]>ol:nth-child(4)>li li:not(:nth-child(-n+6)) a:before     {display:none;}

@media all and (max-width: 1400px) {
    [data-subarea="org"]>ol>li>ul>li>ul                                     {justify-content:start}
    [data-subarea="org"]>ol>li>ul>li>ul:not(:has(li>*))                     {width:100%;}
    [data-subarea="org"]>ol>li>ul>li>ul:before,
    [data-subarea="org"]>ol>li>ul>li>ul.col02:before,
    [data-subarea="org"]>ol>li>ul>li>ul:not(:has(li>*)):before              {width:calc(100% - ((100% / 2) - .5em))}
    [data-subarea="org"]>ol>li>ul>li>ul>li                                  {width:calc((100% / 2) - .5em);}

    [data-subarea="org"]>ol:nth-child(4)>li ul:before                         {width:calc(100% - (100% / 4));}
    [data-subarea="org"]>ol:nth-child(4)>li li                                {width:calc((100% / 4) - .15em);}
    [data-subarea="org"]>ol:nth-child(4)>li li:not(:nth-child(-n+4)) a:before {display:none;}
}
@media all and (max-width: 600px) {
    [data-subarea="org"]>ol:first-child>li:nth-child(3):before              {width:calc(27% + 1px); left:23%;}
    [data-subarea="org"]>ol:first-child>li:nth-child(3) dl                  {width:46%;}
        
    [data-subarea="org"]>ol>li>ul>li>ul:before,
    [data-subarea="org"]>ol>li>ul>li>ul.col02:before,
    [data-subarea="org"]>ol>li>ul>li>ul:not(:has(li>*)):before              {width:0}
    [data-subarea="org"]>ol>li>ul>li>ul>li,
    [data-subarea="org"]>ol>li>ul>li>ul>li:not(:has(>*))                    {width:100%;flex: 1 0 100%;}
}
@media all and (max-width: 400px) {
    [data-subarea="org"]>ol>li>ul                                           {gap:.5em}
    [data-subarea="org"]>ol>li>ul>li                                        {width:calc(50% - .25em);}

    [data-subarea="org"]>ol>li:has(li>ul, li>dl):before                     {width:calc(50% + .25em)}

    [data-subarea="org"]>ol:nth-child(4)>li ul:before                         {width:calc(100% - (100% / 3));}
    [data-subarea="org"]>ol:nth-child(4)>li li                                {width:calc((100% / 3) - .15em);}
    [data-subarea="org"]>ol:nth-child(4)>li li:not(:nth-child(-n+3)) a:before {display:none;}
}

/* 조직도 하단 테이블 : web 상단 */
[data-subarea="org"] .top_table                         {margin-top:3em;}
@media all and (min-width:768px){
[data-subarea="org"] .top_table                         {position:absolute; top:10em; right:0; font-size:.8em; margin-top:0; background:var(--color-tab-bg); padding:2em; border-radius:10px; width:39%;}
[data-subarea="org"] .top_table div                     {display:block; margin-top:0; position:relative;}
[data-subarea="org"] .top_table>div:has(h4):before      {content:""; display:block; width:100%; height:1px; background:var(--color-deep-point4); position:absolute; top:1.7em;}
[data-subarea="org"] .top_table h4                      {background:var(--color-deep-point4); color:#fff; text-align:center; padding:.5em; border-radius:10px; font-size:1.5em; width:80%; margin:0 auto .5em;}
[data-subarea="org"] .top_table h4 + p{justify-content:right;}
[data-subarea="org"] .top_table div:has(table)          {overflow-x:auto;}
[data-subarea="org"] .top_table table                   {margin-top:0;}
[data-subarea="org"] .top_table table tr th,
[data-subarea="org"] .top_table table tr td             {font-size:1em; padding:.8em 1em}
[data-subarea="org"] .mob_info                          {background:var(--color-white) !important;}
}

/* 분야별정보 - 재난안전대책본부 조직도 */
[data-subarea="safety_org"] .org_first span				{width:10em;height:10em;text-align:center;}
[data-subarea="safety_org"] .org_first:before 			{background: var(--color-org-blue1);content: "";display: block;width: 1px;height: calc(2em + 5px);position: absolute;top: calc(13.7em + 5px);left: 0;right: 0;margin: auto;transform: rotate(180deg);z-index: 1;}
[data-subarea="safety_org"]>ol 							{display: flex;flex-wrap: wrap;gap: 2em 0;}
[data-subarea="safety_org"]>ol>li						{width: 100%;}
[data-subarea="safety_org"]>ol>li:not(.org_first) 		{position: relative;}

[data-subarea="safety_org"] li,
[data-subarea="safety_org"] ul,
[data-subarea="safety_org"]>ol li.left p,
[data-subarea="safety_org"]>ol>li>ul>li>strong			{position:relative;}

[data-subarea="safety_org"]>ol>li>p>strong,
[data-subarea="safety_org"]>ol>li>ul>li>strong			{min-width:220px;}


[data-subarea="safety_org"]>ol li.left					{ display: flex;flex-wrap: wrap;position: relative;}
[data-subarea="safety_org"]>ol li.left:before 			{content: "";display: block;width: 30%;height: 1px;background: var(--color-org-blue2);position: absolute;top: 50%;left: 20%;}
[data-subarea="safety_org"]>ol>li:not(.org_first):after,
[data-subarea="safety_org"]>ol li.left:after,
[data-subarea="safety_org"]>ol>li>ul>li>ul:after		{content: "";display: block;width: 1px;height: calc(2em + 5px);background: var(--color-org-blue2);transform: rotate(180deg);position: absolute;top: -2em;left: 0;right: 0;margin: auto;z-index: 1;}
[data-subarea="safety_org"]>ol>li:last-child:after 		{background:var(--color-org-blue1);}

[data-subarea="safety_org"]>ol>li>p>strong				{padding-left:1em;padding-right:1em;}
[data-subarea="safety_org"]>ol>li>p>strong>span,
[data-subarea="safety_org"]>ol>li>ul>li>strong span,
[data-subarea="safety_org"]>ol>li>ul>li>ul>li dd span	{display:block;background: var(--color-white);width: 100%;font-size:1rem;padding: .375em .5em;font-weight: 400;border-radius: 4px;line-height:1.3;margin-top: .25em;}
[data-subarea="safety_org"]>ol>li>p>strong>span			{color: var(--color-org-blue2);}
[data-subarea="safety_org"]>ol li.left:after 			{height: calc(100% + 5.4em);top: -3em;}
[data-subarea="safety_org"]>ol li.left p 				{width: 50%;}

[data-subarea="safety_org"]>ol>li>ul>li					{display: flex;justify-content: center;gap: 2em;flex-wrap: wrap;}
[data-subarea="safety_org"]>ol>li>ul>li>strong			{display: flex;justify-content: center;flex-wrap:wrap;padding-left:1em;padding-right:1em;}
[data-subarea="safety_org"]>ol>li>ul>li>strong span		{color: var(--color-point);}
[data-subarea="safety_org"]>ol>li>ul>li>ul 				{display: flex;flex-wrap: wrap;gap: 1em;justify-content: center;padding-top: 1em;}
[data-subarea="safety_org"]>ol>li>ul>li>ul:before 		{content: "";display: block;width: calc(100% - ((100% - 4em) / 5));height: 1px; background: var(--color-org-blue3);position: Absolute;top: 0;left: 0;right: 0;margin: auto;}
[data-subarea="safety_org"]>ol>li>ul>li>ul:after		{background:var(--color-org-blue3);height: 2em;}
[data-subarea="safety_org"]>ol>li>ul>li>ul>li 			{flex: 0 1 calc((100% - 4em) / 5);}
[data-subarea="safety_org"]>ol>li>ul>li>ul>li:before 	{content: "";display: block; width: 1px;height: 1em; background: var(--color-org-blue3); margin: auto; position: absolute; top: -1em;left: 0;right: 0; margin: auto;}

[data-subarea="safety_org"]>ol>li>ul>li>ul>li dl 		{height: 100%;display: flex;flex-wrap: wrap;align-items: stretch;}
[data-subarea="safety_org"]>ol>li>ul>li>ul>li dt 		{flex: 1 0 100%;line-height: 1.3;height: 4.75em;display: flex;align-items: center;justify-content: center;}
[data-subarea="safety_org"]>ol>li>ul>li>ul>li dd 		{flex: 1 0 100%;height: calc(100% - 5.22em);}
[data-subarea="safety_org"]>ol>li>ul>li>ul>li dd span	{background: var(--color-gray);height: 100%;text-align: center;display: flex;justify-content: center;align-items: center;margin-top:0 !important;}

[data-subarea="safety_org"] .basic_p.tac				{color:var(--color-base3);}

@media all and (max-width: 1024px) {
    [data-subarea="safety_org"] .org_first span			{width:9em;height:9em;}
    [data-subarea="safety_org"] .org_first:before		{top: calc(12.2em + 5px);}
    [data-subarea="safety_org"]>ol>li>ul>li>ul:before 	{width: calc(100% - ((100% - 3em) / 4));}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li		{flex: 0 1 calc((100% - 3em) / 4);}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li:nth-child(n+10):before {display:block;}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li:last-child:before{display:none;}
    [data-subarea="safety_org"]>ol>li>p>strong>span,
    [data-subarea="safety_org"]>ol>li>ul>li>strong span,
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li dd span{font-size:.94rem;}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li dt 	{height: 4.5em;}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li dd 	{height: calc(100% - 5em);}
}

@media all and (max-width: 768px) {
    [data-subarea="safety_org"]>ol>li>ul>li>strong		{min-width:200px;}
    [data-subarea="safety_org"]>ol>li>ul>li>ul:before 	{width: calc(100% - ((100% - 2em) / 3));}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li		{flex: 0 1 calc((100% - 2em) / 3);}
    
}

@media all and (max-width: 568px) {
  	[data-subarea="safety_org"]>ol li.left strong		{width:90%;min-width:initial}
    [data-subarea="safety_org"]>ol li.left:after		{top: -2em;}
  	[data-subarea="safety_org"]>ol>li>p>strong>span,
    [data-subarea="safety_org"]>ol>li>ul>li>strong span,
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li dd span{font-size:.88rem;}
    [data-subarea="safety_org"]>ol>li>p>strong,
    [data-subarea="safety_org"]>ol>li>ul>li>strong		{min-width: 180px;}
    [data-subarea="safety_org"]>ol>li>p>strong			{padding-left:.75em;padding-right:.75em;padding: calc(.75em + 5px) .75em .75em;}
    [data-subarea="safety_org"]>ol>li>ul>li>ul:before 	{width: calc(100% - ((100% - 1em) / 2));}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li		{flex: 0 1 calc((100% - 1em) / 2);}
}

@media all and (max-width: 400px) {
    [data-subarea="safety_org"] .org_first span			{width:8.5em;height:8.5em;}
    [data-subarea="safety_org"] .org_first:before 		{top: calc(11.5em + 5px);}
    [data-subarea="safety_org"]>ol>li>ul>li>ul:before 	{width: calc(100% - ((100% - .5em) / 2));}
    [data-subarea="safety_org"]>ol>li>ul>li>ul			{gap:.5em;padding-top: .5em;}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li		{flex: 0 1 calc((100% - .5em) / 2);}
    [data-subarea="safety_org"]>ol>li>ul>li>ul>li:before{height:.5em;top: -.5em;}
}

@media all and (max-width: 268px) {
  [data-subarea="safety_org"]>ol>li>p>strong,
  [data-subarea="safety_org"]>ol>li>ul>li>strong		{min-width:100%;}
  [data-subarea="safety_org"]>ol>li:last-child:after	{display:none;}
  [data-subarea="safety_org"]>ol>li>ul>li>ul			{padding-top:0;}
  [data-subarea="safety_org"]>ol>li>ul>li>ul>li			{flex:0 1 100%;}
  [data-subarea="safety_org"]>ol>li>ul>li>ul>li dt,
  [data-subarea="safety_org"]>ol>li>ul>li>ul>li dd		{height:auto;}
  
}

/* 공공데이터 수요조사 */
.public_data h4                                 {background:var(--color-gray) url(/resource/www/images/contents/img_public_data.svg) no-repeat center bottom / 680px; text-align:center; height:11.5em; color:var(--color-point); font-family:var(--font-paper); font-weight:800; font-size:2.5em; padding-top:1.5em; border-radius:15px 15px 0 0;}
.public_data div                                {background: var(--color-deep-point4); padding:2em 3em; border-radius:0 0 15px 15px; margin-bottom:3em;}
.public_data h5                                 {color:var(--color-white); font-family:var(--font-paper); font-size:1.5em; font-weight:600; margin-bottom:.2em;}
.public_data h5 + p                             {color:#fff; line-height:1.3}
.public_data ul                                 {margin-top:1em; display:flex; gap:1em; flex-wrap:wrap;}
.public_data li                                 {background: var(--color-tab-bg);border-radius:15px; width:calc((100% / 3) - (2em / 3)); text-align:center;}
.public_data dl                                 {position:relative; padding:2em 1em;}
.public_data dl:before                          {content:""; display:block; width:5em; height:5em; background-color:var(--color-white); border-radius:50%; margin:0 auto .5em; background-repeat:no-repeat; background-position:center; background-size:45%; background-image:url(/resource/www/images/contents/icon_public_data01.svg);}
.public_data li:nth-child(2) dl:before          {background-image:url(/resource/www/images/contents/icon_public_data02.svg); background-size:57%;}
.public_data li:nth-child(3) dl:before          {background-image:url(/resource/www/images/contents/icon_public_data03.svg); background-size:32%; background-position:55% center;}
.public_data dt                                 {font-size:1.05em; font-weight:bold; margin-bottom:.5em}
.public_data dd                                 {font-size:.99em; line-height:1.2}
@media all and (max-width:1024px) {
    .public_data h4                             {background-size:530px; font-size:2.2em; padding-top:1em; height:10.8em;}
}
@media all and (max-width:768px) {
    .public_data h4                             {background-size:460px; font-size:2.1em; padding-top:1em; height:10em;}
    .public_data div                            {padding:2em 1em;}
    .public_data ul                             {gap:.5em;}
    .public_data li                             {width:calc((100% / 3) - (1em / 3));}
    .public_data dl                             {padding:1em .5em 1.4em;}
    .public_data dl:before                      {width:4.5em; height:4.5em;}
    .public_data dl dt                          {margin-bottom:.2em;}
}
@media all and (max-width:540px) {
    .public_data h4                             {font-size:1.8em; background-size:320px; height:8.5em}
    .public_data li                             {flex:1 0 45%}
}
@media all and (max-width:320px) {
    .public_data li                             {flex:1 0 100%}
}