/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-size:1.2em;  letter-spacing:-1px;padding:0 0 20px 0;line-height:150%;}
.sub_title_txt02			{ letter-spacing:-1px;padding:0 0 5px 0;}
.sub_title_txt03			{font-size:0.95em;color:#555; letter-spacing:-1px;padding:0 0 10px 0; }  /*   업체 리스트 테이블 상단 전체 갯수 표시 */
.text_blue					{color:#0083fe;font-weight:400;}
.text_sky					{color:#19b9ce;font-weight:400;}


.sub_wait_box				{border:1px solid #ddd;width:850px;margin:0 auto;text-align:center;padding:40px 0;}
.sub_wait_box img		{max-width:100%;}

@media screen and (max-width:1024px) {  
.sub_wait_box				{ width:100%; padding:30px 0;}
 }

/* MAP  ================================================================================== */
.map_box #map_canvas				{position:relative; height:550px; width:100%; border:1px solid #dfdfdf;}
.map_box ul							{padding:40px 20px; overflow:hidden; border-bottom:1px solid #dfdfdf;display:flex;}
.map_box ul li:first-child			{width:34%;}
.map_box ul li:nth-child(2)			{width:33%;}
.map_box ul li						{overflow:hidden;  margin-right:40px; }
.map_box ul li:last-child			{margin:0;}
.map_box i							{float:left; width:45px; line-height:45px; background:#489be1; color:#fff; text-align:center; border-radius:100%; font-size:1.2em; cursor:auto;}
.map_box dl							{padding-left:62px;}
.map_box dl dt						{ font-weight:500; font-size:1.2em; color:#414141;}
.map_box dl dd						{color:#777;}
.map_txt									{padding:10px ;color:#0b73bd;}
 
.map_box .location01		{padding: 5px 0 5px 60px;background:url('../image/sub/map_acc01.png') no-repeat 0 2px;background-size:45px auto;}
.map_box .location02		{padding: 5px 0 5px 60px;background:url('../image/sub/map_acc02.png') no-repeat 0 2px;background-size:45px auto;}
.map_box .location03		{padding: 5px 0 5px 60px;background:url('../image/sub/map_acc03.png') no-repeat 0 2px;background-size:45px auto;}
.map_box .location04		{padding: 5px 0 5px 60px;background:url('../image/sub/map_acc04.png') no-repeat 0 2px;background-size:45px auto;}


@media screen and (max-width:1024px) {  
	.map_box #map_canvas			{height:420px;}
	.map_box ul						{padding:10px 0;display:block; }
	.map_box ul li					{display:block; margin:20px 0;}
.map_box ul li:first-child			{width:100%;}
.map_box ul li:nth-child(2)			{width:100%;} 
	.map_box ul li:last-child		{margin:20px 0;}
	.map_box i						{width:40px; line-height:40px;}
	.map_box dl						{padding-left:55px;}
	.map_box dl dt					{font-size:1em;}
 }

/* 사회적경제 익산 ============= */ 
.int_box					{background:#f3f6f8;padding:20px;border:1px solid #e4e6e8;margin:20px 0;}		

.int_group3					{position:relative;display: flex;width:100%; text-align:center;margin:20px 0 40px 0;justify-content: space-around; }
.int_group3 li					{ width:310px;min-height:310px;border-radius:300px; }
.int_group3 dl				{padding:25px;text-align:center;}
.int_group3 dl dt			{padding:40px 0 20px 0;color:#fff;font-size:1.35em; font-weight:600;}
.int_group3 dl dt span		{font-size:0.8em;}
.int_group3 dl dd			{padding:20px; color:#fff;text-align:center;border-top:1px dashed #fff;}
.int_group3	.li01 		{background:#196795;} 
.int_group3	.li02 		{background:#198dc1;} 
.int_group3	.li03  		{background:#19b9ce;} 

.int_group5					{overflow:hidden;padding:80px 0 80px 0;background:url('../image/sub/03_01.png') no-repeat 0 20px;}
.int_group5 div				{float:left;width:20%;}
.int_group5 dl				{margin:7px;padding:10px;border-radius:150px;min-height:120px;}
.int_group5 dl dt			{padding:25px 0 0 0;text-align:center; line-height:140%;font-weight:600;}
.int_group5	.li01 dl		{background:#17c3b9;}
.int_group5	.li01 dl dt		{color:#fff;}
.int_group5	.li02 dl		{background:#ababab;}
.int_group5	.li02 dl dt		{color:#fff;}
.int_group5	.li03 dl		{background:#5693e7;}
.int_group5	.li03 dl dt		{color:#fff;}
.int_group5	.li04 dl		{background:#f1a727;}
.int_group5	.li04 dl dt		{color:#fff;}




 
.sub_process_list				{position:relative;overflow:hidden;display: flex;justify-content: space-around;flex-flow: wrap;}  
.sub_process_li01				{position:relative; width:28%;margin:0 0 40px 0; }
.sub_process_li01 dl			{border:2px solid #5693e7;border-radius:10px;overflow:hidden;}
.sub_process_li01 dl dt			{padding:10px;background:#5693e7;color:#fff; text-align:center;line-height:140%; }
.sub_process_li01 dl dt p		{border-bottom:1px solid #fff;width:50px;color:#fff;font-size:0.8em;font-weight:bold;margin:0 auto 10px auto;}
.sub_process_li01 dl dd			{ padding:10px;text-align:center;line-height:150%;min-height:70px; }
.sub_process_arrow01:after			{content:''; position:absolute; top:45%; right:-11%; border:solid #999; border-width:3px 3px 0 0;  padding:6px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.sub_process_arrow02:after			{content:''; position:absolute; top:45%; left:-11%; border:solid #999; border-width:3px 3px 0 0;  padding:6px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.sub_process_arrow03:after			{content:''; position:absolute; bottom:-20px; right:47%; border:solid #999; border-width:3px 3px 0 0;  padding:6px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}

.sub_process_list_wrap			{position:relative;overflow:hidden;} 
.sub_process_li02				{position:relative; width:100%;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px dashed #d0d0d0; } 
.sub_process_li02 dl			{overflow:hidden;display: flex;justify-content: space-between; }
.sub_process_li02 dl dt			{ width:150px;height:150px;overflow:hidden;border-radius:200px;background:#5693e7;color:#fff;line-height:120%;text-align:center;  letter-spacing:-1px;}
.sub_process_li02 dl dt p		{padding:40px 0 5px 0;font-size:0.8em;font-weight:bold; letter-spacing:0;}
.sub_process_li02 dl dd			{ width:calc(100% - 200px);background:#f3f6f8;padding:15px;border:1px solid #e4e6e8; border-radius:10px;}
.sub_process_li02 .organ		{float:right;color:#0074bd;}
.sub_process_li02 .sub_list02	{padding:0 0 4px 10px;background:url(../image/common/icon02.gif) no-repeat 0 11px;}

 .sub_process_img						{text-align:center;}


.sub_process_img_wrap					{position:relative;overflow:hidden;text-align:center;} 
.sub_process_img_one01					{position:relative;margin:50px auto 200px auto;width:150px;line-height:150px;border-radius:200px;background:rgb(0,131,245,0.8);color:#fff;letter-spacing:-1px;}
.sub_process_img_one02					{position:absolute;right:calc(50% - 13px); top:240px ;width:150px;line-height:150px;border-radius:200px;background:rgb(17,192,182,0.8);color:#fff;letter-spacing:-1px;}
.sub_process_img_one03					{position:absolute;left:calc(50% - 13px); top:240px ; width:150px;line-height:150px;border-radius:200px;background:rgb(246,149,12,0.8);color:#fff;letter-spacing:-1px;}
.sub_process_img_box01					{position:relative;margin:0 auto;width:300px;line-height:120%;font-size:0.9em; color:#666;border:1px solid #ddd;border-radius:5px;padding:15px;background:#fff;}
.sub_process_img_box02 				{position:absolute;left:10%;top:400px;width:300px;line-height:120%;font-size:0.9em; color:#666;border:1px solid #ddd;border-radius:5px;padding:15px;background:#fff;}
.sub_process_img_box03					{position:absolute;right:10%;top:400px;width:300px;line-height:120%; font-size:0.9em; color:#666;border:1px solid #ddd;border-radius:5px;padding:15px;background:#fff;} 
.sub_process_img_box01:after					{position:absolute; left:50%; top:84px; content:''; display:block; width:1px; height:50px; background:#ddd; z-index:-1; }
.sub_process_img_box02:after					{position:absolute; right:-30px; top:-50px; content:''; display:block; width:1px; height:70px; background:#ddd; transform: rotate(55deg); -webkit-transform: rotate(55deg); z-index:-1; } 
.sub_process_img_box03:after					{position:absolute; left:-30px; top:-50px; content:''; display:block; width:1px; height:70px; background:#ddd; transform: rotate(-55deg); -webkit-transform: rotate(-55deg); z-index:-1; }

.vision_list					{background:url('../image/sub/sub_bg.png') no-repeat center 43%;border-top:1px solid #333;}
.vision_list dl					{overflow:hidden;padding:30px 0;border-bottom:1px dashed #ddd;}
.vision_list dl	dt				{float:left;width:15%;color:#111;font-size:1.4em;font-weight:500;letter-spacing:-1.5px;text-indent:10px;}
.vision_list dl	dd				{float:right;width:85%;}
.vision_list .t1				{text-align:center;color:#333;font-size:1.4em;font-weight:500;letter-spacing:-1px;}
.vision_list .t2				{text-align:center;color:#0083fe;font-size:1.4em;font-weight:500;letter-spacing:-1px;margin-top:7px;}
.vision_list .t3				{text-align:center;color:#0083fe;font-size:1.3em;border:1px solid #d0d0d0;background:#f3f6f8;letter-spacing:-1.5px; padding:18px 15px  ;margin:0 0 20px 0;border-radius:50px;}
.vision_list .group4			{overflow:hidden;  position:relative; display: flex; flex-flow:wrap;justify-content: space-between;  }
.vision_list .group4 li			{width:24%;}
.vision_list .group4 .li_wrap	{display:block; background:#0083fe;color:#fff;text-align:center;vertical-align:middle;line-height:130%; padding: 15px 10px; border-radius:100px;font-size:1em; min-height:75px;} 

.vision_list .group3_1			{overflow:hidden;  position:relative; display: flex; flex-flow:wrap;justify-content: space-between;  }
.vision_list .group3_1 li			{ width:32%;border:1px solid #ddd;border-radius: 10px;margin:0 0 20px 0; }
.vision_list .group3_1 .li_wrap	{ }
.vision_list .group3_1 .li_wrap02	{ }
.vision_list .group3_1 .li_title	{letter-spacing:-1px;text-align:center;color:#fff;background:#17c3b9;font-size:1em;padding:13px 5px;border-radius:10px 10px 0 0;line-height:130%;}
.vision_list .group3_1 .li_cont		{padding:10px;font-size:0.9em;letter-spacing:-1px; }
.vision_list .group3_2			{overflow:hidden;  position:relative; display: flex; flex-flow:wrap;justify-content: space-between;  }
.vision_list .group3_2 li		{ width:32%;border:1px solid #ddd;border-radius: 10px;margin:0 0 20px 0; }
.vision_list .group3_2 .li_wrap	{ }
.vision_list .group3_2 .li_wrap02	{ }
.vision_list .group3_2 .li_title	{letter-spacing:-1px; text-align:center;font-weight:500;color:#fff;background:#f99200;font-size:1em;padding:13px 5px;border-radius:10px 10px 0 0;line-height:130%;}
.vision_list .group3_2 .li_cont		{padding:10px;font-size:0.9em;letter-spacing:-1px; }



.int_chart01						{position:relative;display: flex;align-items: center;justify-content: space-around; }
.int_chart01_01					{position:relative;width:20%;box-sizing: border-box; } 
.int_chart01_01	div				{background:#fff;width:100%;border:1px solid #0083fe;padding:15px 0;line-height:120%;border-radius:6px;margin:5px 0;}
.int_chart01_01:after			{content:''; position:absolute; top:43%; right:-18%; border:solid #999; border-width:3px 3px 0 0;  padding:5px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.int_chart01_02					{position:relative;width:120px;line-height:120px;background:#0083fe;color:#fff;border-radius:150px;}



.biz_support_wrap							{position:relative;overflow:hidden;}
.biz_support01									{position:relative;overflow:hidden; padding:20px 0;border-bottom:1px dashed #ddd;}
.biz_support01:last-child					{border:none;}
.biz_support01_tit								{float:left;width:180px;background:#5693e7; border-radius:15px;padding:30px 10px;box-sizing:border-box;text-align:center;color:#fff;font-size:1.1em;font-weight:bold;}
.biz_support01_cont							{float:left;width:calc(100% - 180px);box-sizing:border-box;padding:0 0 0 30px;}



/* screen 1200 */
@media screen and (max-width:1200px) {

 .sub_process_img	 img					{max-width:100%;}
.int_box img					{max-width:100%;}
}
/* screen 1024 */
@media screen and (max-width:1024px) {

.int_group3					{position:relative;display: block;margin:20px 0 40px 0;  }
.int_group3 li					{ width:100%;min-height:150px;border-radius:100px; margin:0 0 30px 0;}
.int_group3 dl				{padding:10px 25px;}
.int_group3 dl dt			{padding:10px 0;color:#fff;font-size:1.3em; font-weight:600;}
.int_group3 dl dd			{padding:10px; }

.sub_process_img_box02 				{left:0;}
.sub_process_img_box03					{right:0;}

}




/* screen 820 */
@media screen and (max-width:820px) {

.vision_list					{background:url('../image/sub/sub_bg02.png') no-repeat center 36%;}

.vision_list dl	dt				{float:none;width:100%; padding:0 0 15px 0;font-size:1.4em;font-weight:500;letter-spacing:-1.5px;text-indent:10px;}
.vision_list dl	dd				{float:none;width:100%;}

.vision_list .group4 li				{ width:48%;margin:10px 0;}
.vision_list .group3_1 li			{ width:100%; }
.vision_list .group3_2 li		{ width:48%;  }


.sub_process_list				{position:relative;overflow:hidden;display: block;justify-content: space-around;flex-flow: wrap;}  
.sub_process_li01				{position:relative; width:100%;  }
.sub_process_li01:before			{content:''; position:absolute; bottom:-22px; right:49%; border:solid #999; border-width:3px 3px 0 0;  padding:6px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.sub_process_li01:last-child:before{display:none;} 
.sub_process_li01 dl dd			{ min-height:50px; }
.sub_process_arrow01:after, .sub_process_arrow02:after, .sub_process_arrow03:after					{display:none;}
 

.sub_process_li02 dl dt			{ width:120px;height:120px;overflow:hidden;border-radius:200px;background:#5693e7;color:#fff;;text-align:center;line-height:140%;padding:0 0 10px 0;letter-spacing:-1px;}
.sub_process_li02 dl dt p		{padding:25px 0 5px 0;font-size:0.8em;font-weight:bold; letter-spacing:0;}
.sub_process_li02 dl dd			{ width:calc(100% - 140px);background:#f3f6f8;padding:15px;border:1px solid #e4e6e8; border-radius:10px;}
.sub_process_li02 .organ		{float:none;color:#0074bd; font-size:0.9em;}



.sub_process_img_one01					{position:relative;margin:50px auto 280px auto;}
.sub_process_img_box02 				{position:absolute;left:0;top:420px; width:45%; }
.sub_process_img_box03					{position:absolute;right:0;top:420px;  width:45%; }  
.sub_process_img_box02:after					{position:absolute; right:0; top:-50px; transform: rotate(0deg); -webkit-transform: rotate(0deg); z-index:-1; }
.sub_process_img_box03:after					{position:absolute; left:0; top:-50px;   transform: rotate(0deg); -webkit-transform: rotate(0deg); z-index:-1; }


}



/* screen 500px */
@media screen and (max-width:500px) {

.int_box					{ padding:10px; }		

.sub_process_list_wrap			{position:relative;overflow:hidden;} 
.sub_process_li02				{position:relative; width:100%;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px dashed #d0d0d0; } 
.sub_process_li02 dl			{overflow:hidden;display: block; }
.sub_process_li02 dl dt			{ width:100%;height:60px;overflow:hidden;border-radius:10px 10px 0 0;background:#5693e7;color:#fff;line-height:120%;text-align:center;  letter-spacing:-1px;}
.sub_process_li02 dl dt p		{padding:10px 0 0 0;font-size:0.8em;font-weight:bold; letter-spacing:0;}
.sub_process_li02 dl dd			{ overflow:hidden;width:100%;background:#f3f6f8;padding:15px;border:1px solid #e4e6e8; border-radius:0 0 10px 10px;}
 
.sub_process_li02 .sub_list02	{padding:0 0 2px 10px;background:url(../image/common/icon02.gif) no-repeat 0 11px;}

.sub_process_img_one01					{position:relative;margin:50px auto 320px auto;}

.int_chart01_01					{font-size:0.9em; } 
.int_chart01_01	div				{background:#fff;width:100%;border:1px solid #0083fe;padding:12px 0;line-height:120%;border-radius:6px;margin:5px 0;}
.int_chart01_01:after			{content:''; position:absolute; top:43%; right:-15%; border:solid #999; border-width:2px 2px 0 0;  padding:4px; } 
.int_chart01_02					{position:relative;width:70px;line-height:70px; }




}