@charset "utf-8"; 
/* copyright(c) shn */


/*주요내용 타이틀과 내용*/
.sos_sub_tit{font-size:32px;color:#222;font-weight:700;} /*아주큰타이틀*/
.sos_sub_line {margin-top:15px;display:block;height:4px;width:100%;background-color:#222;}
.sos_content_wrap {margin:80px auto;}
.sos_content {margin-top:75px;font-size:22px;color:#333;font-weight:400;letter-spacing:-0.015em;}

/*페이지의 주요요약멘트*/
.con_tit {font-size:28px;color:#222;font-weight:700;line-height:1.5em;}

/*대제목*/
h4.sos_h4 {font-size:26px;font-weight:700;color:#222;}
	.h4_line {width:40px;margin-bottom:8px;height:2px;background:#444;display:block;}
	.h4_con {margin-top:15px;line-height:36px;}
/*중간제목*/
h5.sos_h5 {}
/*소제목*/
h6.sos_h6 {}

/*부연설명 s*/
.add_ex_l {margin-top:20px;}
.add_ex_s {}
.add_ex_s {}
/*부연설명 e*/

/*앞에점이있는설명list s*/
ul.sos_list {margin:0;padding:0;}
ul.sos_list li{padding-left:12px;margin-top:5px;background:url('../img/sub/point.gif') no-repeat;background-position:left 15px;}
ul.sos_list li:first-child{margin-top:0px;}
/*앞에점이있는설명list e*/

/*아무것도없음 list s*/

/*아무것도없음 list e*/



/*주요내용간격*/
.mt15 {margin-top:15px !important}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;} /*h3과 다음h3의 간격*/
.mb20{margin-bottom:20px;}

.tb_box{margin-top:25px !important;}

/*주요내용 내 버튼*/
.bnt_po_l{margin-top:10px;text-align:left;}
.bnt_po_c{margin-top:10px;text-align:center;}
.bnt_po_r{margin-top:10px;text-align:right;}
a.sos_link_btn{font-size:16px;width:150px;padding:5px 15px;color:#222;border:1px solid #222;text-align:left;display:inline-block;position:relative;cursor:pointer;font-weight:500}
a.sos_link_btn:hover, a.sos_link_btn:active, a.sos_link_btn:focus{border:1px solid #1453c8; !important;color:#1453c8 !important;}

a.btn_q_link {background:#3378df; color:#ffffff; font-size:18px; padding:5px 10px;}
a.btn_q_link:hover {color:#ffffff;}

/*버튼 화살표*/
span.r-arr {position:absolute;top:7px;right:10px;font-size:15px;}
a.sos_link_btn:hover span.r-arr {color:#1453c8 !important;}

/*3차탭메뉴*/
.tab_dep_wrap {margin-top:30px;}
.tab_dep{}
.tab_dep a {font-size:20px;display:block;width:100%;padding:8px 5px;border:2px solid #ccc;text-align:center;color:#444;letter-spacing:-0.01em;font-weight:600;}
.tab_dep a:hover , .tab_dep .active {color:#1453c8;border-color:#1453c8;}


	/* 노트북&태블릿 */
	@media all and (max-width:1280px){

		/*주요내용 타이틀과 내용*/
		.sos_sub_tit{font-size:28px;}
		.sos_sub_line {margin-top:10px;}
		.sos_content_wrap {margin:60px auto;}
		.sos_content{font-size:20px; margin-top:55px;}

		.con_tit {font-size:26px;}

		/*대제목중간제목소제목내용*/
		 h4.sos_h4 {font-size:24px;}
		 	.h4_line {width:40px}
		 h5.sos_h5 {}
		 h6.sos_h6 {}
	
		.tab_dep a{font-size:17px; letter-spacing:-0.05em;}		

		/*주요내용간격*/
		.mt40 {margin-top:30px;}
		.mt80 {margin-top:60px;} /*h3과 다음h3의 간격*/


	}

	/* 태블릿 */
	@media all and (max-width:1024px){

		/*주요내용 타이틀과 내용*/
		.sos_sub_tit{font-size:26px;}
		.sos_sub_line {margin-top:10px;}
		.sos_content_wrap {margin:50px auto;}
		.sos_content {margin-top:45px;font-size:18px;}

		.con_tit {font-size:24px;}

		/*대제목중간제목소제목내용*/
		h4.sos_h4 {font-size:22px;}
			.h4_line {width:35px}
			.h4_con {margin-top:10px;line-height:28px;}
		h5.sos_h5 {}
		h6.sos_h6 {}
	
		ul.sos_list li{background-position:left 12px;}

		/*주요내용간격*/
		.mt40 {margin-top:30px;}
		.mt80 {margin-top:50px;} /*h3과 다음h3의 간격*/


		.tb_box{margin-top:15px !important;}

		/*3차탭메뉴*/
		.tab_dep_wrap {margin-top:20px;}
		.tab_dep a{font-size:16px;}

	}

	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){


		/*주요내용 타이틀과 내용*/
		.sos_sub_tit{font-size:22px;}
		.sos_sub_line {margin-top:10px;}
		.sos_content_wrap {margin:40px auto;}
		

		.con_tit {font-size:22px;}

		/*대제목중간제목소제목내용*/
		h4.sos_h4 {font-size:20px;}
			.h4_line {width:30px}
		h5.sos_h5 {}
		h6.sos_h6 {}
				

		/*주요내용간격*/
		.mt40 {margin-top:25px;}
		.mt80 {margin-top:40px;} /*h3과 다음h3의 간격*/

		/*주요내용 내 버튼*/
		
		a.sos_link_btn{font-size:14px;width:120px;}		
		/*버튼 화살표*/
		span.r-arr {top:6px;right:10px;font-size:13px;}

		.tab_dep a{font-size:16px;}
		
		

	}

	/* 모바일기기 */
	@media all and (max-width:480px) {

		.sos_content{font-size:16px;}
		/*모바일에서 줄나눔*/
		.mo_enter{display:block;}


	}




/* 기본 Flexbox 레이아웃 */
.shn-container {display:flex;flex-wrap: wrap;  /* 줄바꿈 허용 */ gap: 16px;  /* 항목 간격 */}

.shn-item12 {flex: 1 1 calc(100% / 12 - 16px); /* 기본적으로 12분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.shn-item8 {flex: 1 1 calc(100% / 8 - 16px);  /* 기본적으로 8분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */} 
.shn-item6 {flex: 1 1 calc(100% / 6 - 16px);  /* 기본적으로 6분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */} 
.shn-item5 {flex: 1 1 calc(100% / 5 - 16px);  /* 기본적으로 5분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.shn-item4 {flex: 1 1 calc(100% / 4 - 16px);  /* 기본적으로 4분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.shn-item3 {flex: 1 1 calc(100% / 3 - 16px);  /* 기본적으로 3분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */} 
.shn-item2 {flex: 1 1 calc(100% / 2 - 16px);  /* 기본적으로 2분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.shn-item1{flex: 1 1 100%;  /* 1개의 컬럼 */  }



@media all and (max-width: 1280px) {

	.shn-item12 {flex: 1 1 calc(100% / 6 - 16px);  /* 6개의 컬럼 유지 */}
	.shn-item8 {flex: 1 1 calc(100% / 4 - 16px);}
	.shn-item6 {flex: 1 1 calc(100% / 3 - 16px);}
	.shn-item5 {flex: 1 1 calc(100% / 5 - 16px);}
	.shn-item4 {flex: 1 1 calc(100% / 2 - 16px);}  /* 4개의 컬럼 유지 */
	.shn-item3 {flex: 1 1 calc(100% / 3 - 16px);}  /* 3개의 컬럼 유지 */
	
}


@media all and (max-width: 1024px) {
	

	.shn-item12 { flex: 1 1 calc(100% / 4 - 16px);} 
	.shn-item8 {flex: 1 1 calc(100% / 2 - 16px);} 
	.shn-item6 {flex: 1 1 calc(100% / 2 - 16px);}
	.shn-item5 {flex: 1 1 calc(100% / 3 - 16px);}
		.shn-item5:nth-child(4), 
		.shn-item5:nth-child(5) {flex: 1 1 calc(100% / 2 - 16px);}
	.shn-item4 {flex: 1 1 calc(100% / 2 - 16px);} 
	.shn-item3 {flex: 1 1 calc(100% / 3 - 16px);} /* 3개의 컬럼 유지 */	
	.shn-item2 {flex: 1 1 calc(100% / 2 - 16px);} /* 2개의 컬럼 유지 */
}


@media all and (max-width: 768px) {
	
	
    .shn-item12 {flex: 1 1 calc(100% / 2 - 16px);} 
	.shn-item8 {flex: 1 1 calc(100% / 2 - 16px);}
	.shn-item6 {flex: 1 1 calc(100% / 2 - 16px);} /* 2개의 컬럼 유지 */
	.shn-item5 {flex: 1 1 calc(100% / 2 - 16px);}
		.shn-item5:nth-child(5) {flex: 1 1 100%;}
	.shn-item4 {flex: 1 1 calc(100% / 2 - 16px);} /* 2개의 컬럼 유지 */
	.shn-item3 {flex: 1 1 calc(100% / 2 - 16px);}
		.shn-item3:nth-child(3) {flex: 1 1 100%;}
	.shn-item2 {flex: 1 1 calc(100% / 2 - 16px); }
}


@media all and (max-width: 480px) {
	
    .shn-item12,
	.shn-item8,
	.shn-item6,
	.shn-item5, 
	.shn-item4, 
	.shn-item3, 
	.shn-item2{flex: 1 1 100%;  /* 1개의 컬럼 */  }

}



/* 기본 사진첨부 레이아웃 */
.photo-container {display:flex;flex-wrap: wrap;  /* 줄바꿈 허용 */ gap: 5px;  /* 항목 간격 */}
.photo-container img {max-width:100%}

.photo-item4 {flex: 1 1 calc(100% / 4 - 5px);  /* 기본적으로 4분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.photo-item3 {flex: 1 1 calc(100% / 3 - 5px);  /* 기본적으로 3분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */} 
.photo-item2 {flex: 1 1 calc(100% / 2 - 5px);  /* 기본적으로 2분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.photo-item1{flex: 1 1 100%;  /* 1개의 컬럼 */  }


@media all and (max-width: 768px) {
	
	
    .photo-item4 {flex: 1 1 calc(100% / 2 - 5px);}  /* 4개의 컬럼 유지 */
	.photo-item3 {flex: 1 1 calc(100% / 2 - 5px);}  /* 3개의 컬럼 유지 */
}


/* 메뉴 레이아웃 */
.submemu-container {display:flex;flex-wrap: wrap;  /* 줄바꿈 허용 */ gap: 16px;  /* 항목 간격 */}

.submemu-item6 {flex: 1 1 calc(100% / 6 - 16px);  /* 기본적으로 2분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.submemu-item5 {flex: 1 1 calc(100% / 5 - 16px);  /* 기본적으로 2분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.submemu-item4 {flex: 1 1 calc(100% / 4 - 16px);  /* 기본적으로 4분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}
.submemu-item3 {flex: 1 1 calc(100% / 3 - 16px);  /* 기본적으로 3분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */} 
.submemu-item2 {flex: 1 1 calc(100% / 2 - 16px);  /* 기본적으로 2분할 */box-sizing: border-box; /* 패딩과 간격이 포함되도록 설정 */}


@media all and (max-width: 1024px) {

	.submemu-container {display:flex;flex-wrap: wrap;  /* 줄바꿈 허용 */ gap: 5px;  /* 항목 간격 */}
	.submemu-item6 {flex: 1 1 calc(100% / 2 - 5px);}

	.submemu-item5 {flex: 1 1 calc(100% / 2 - 5px);}
	.submemu-item5:nth-child(5) {flex: 1 1 100%;}

	.submemu-item4 {flex: 1 1 calc(100% / 2 - 5px);}

	.submemu-item3 {flex: 1 1 calc(100% / 2 - 5px);} 
	.submemu-item3:nth-child(3) {flex: 1 1 100%;}

	.submemu-item2 {flex: 1 1 calc(100% / 2 - 5px);}  
}






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

/*s_sub01_03 진흥원소개*/
.one_stop {color:#ddd;font-size:26px;text-align:center;padding:40px 15px 20px 15px;border-bottom:1px solid #ddd;font-weight:600}
.arr_bg {background:url('../img/sub/arr.png') no-repeat;background-position:center center;height:50px;width:156px;margin:10px auto 0 auto}
.box_tit_cen {border:1px solid #ddd;padding:10px;font-size:22px;font-weight:600;color:#222;text-align:center;border-bottom:2px solid #444}
.box_tit_con {border:1px solid #ddd;padding:30px;font-size:22px;font-weight:600;color:#222;}
.box_tit_con > span {font-size:18px;line-height:26px;font-weight:300;display:block;color:#666;}

/*시설안내*/
span.floor {display:inline-block;padding:0px 10px;border:1px solid #888;background-color:#eee;margin-right:10px;}

	/* 노트북&태블릿 */
	@media all and (max-width:1280px){
	
		.box_tit_cen {font-size:20px;}
		.box_tit_con {font-size:20px;}
	}

	/* 태블릿 */
	@media all and (max-width:1024px){
		
		.one_stop {font-size:24px;padding:30px 15px 15px 15px;}
		.box_tit_cen {font-size:18px;padding:5px}
		.box_tit_con {font-size:18px;padding:20px;}
		.box_tit_con > span {font-size:16px;line-height:24px;}
		
	}

	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){

		.one_stop{font-size:22px;}
		.box_tit_cen {font-size:16px;}
		.box_tit_con {font-size:16px;}
		
		.pd_t_20 {padding-top:0px;}
	}

	/* 모바일기기 */
	@media all and (max-width:480px) {

		.one_stop{font-size:20px;}		
		.box_tit_con > span {font-size:14px;line-height:22px;}


	}


	/* 모바일세로 */
	@media all and (max-width:320px) {

		.one_stop {font-size:18px;padding:15px;}

	}

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

/*s_sub01_04 직원/업무안내*/
.em_work {width:100%;display:flex;}
.em_work_1{width:22%;margin-right:3%;font-size:24px;padding:15px 0;border-top:2px solid #444;font-weight:700;color:#222;}
.em_work_2{display:flex;width:75%;}
.em_work_2 > div:nth-of-type(1) {width:20%;text-align:center;border:1px solid #ddd;}
.em_work_2 > div:nth-of-type(1) > p {font-size:18px;font-weight:500;padding:5px 0;}
.em_work_2 > div:nth-of-type(1) > p:nth-of-type(1) {display:block;background:#eee;color:#222;border-bottom:1px solid #ddd;}
.em_work_2 > div:nth-of-type(2) {width:80%;font-size:18px;padding:10px 20px;border:1px solid #ddd;margin-left:-1px;}
.em_work_2 > div:nth-of-type(2) > p {color:#000;font-size:16px;position:relative;padding-left:18px;}
.em_work_2 > div:nth-of-type(2) > p > span.material-icons {font-size:14px;font-weight:600;display:inline-block;margin-right:5px;position:absolute;left:0;top:11px}
.brd_zero {border:0px !important;padding:0 !important}

	/* 태블릿 */
	@media all and (max-width:1024px){

		.em_work {display:flex;flex-direction:column;}
		.em_work_1{width:100%;margin-right:0;font-size:22px;}
		.em_work_2{width:100%;display:flex;}
		.em_work_2 > div:nth-of-type(1) {width:20%;}
		.em_work_2 > div:nth-of-type(1) > p {font-size:18px;}
		.em_work_2 > div:nth-of-type(1) > p:nth-of-type(1) {}
		.em_work_2 > div:nth-of-type(2) {width:80%;font-size:18px}
		.em_work_2 > div:nth-of-type(2) > p {}
		.em_work_2 > div:nth-of-type(2) > p > span.material-icons {left:0;top:7px}

	}

	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){

		.em_work_1{font-size:20px;}
		.em_work_2{display:flex;flex-direction:column;}
		.em_work_2 > div:nth-of-type(1) {width:100%;text-align:left;}
		.em_work_2 > div:nth-of-type(1) > p {font-size:16px;padding:5px 20px;}
		.em_work_2 > div:nth-of-type(1) > p:nth-of-type(1) {}
		.em_work_2 > div:nth-of-type(2) {width:100%;font-size:16px;margin-left:0px;margin-top:-1px;}
		.em_work_2 > div:nth-of-type(2) > p {}
		.em_work_2 > div:nth-of-type(2) > p > span.material-icons {}

	}


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


/*s_sub01_05 오시는길*/
#daumRoughmapContainer1617068569357 {width:100% !important}
.root_daum_roughmap .cont .section {margin:0 0 !important}
.root_daum_roughmap .section .title {font-size:16px;font-weight:bold;background-color:#eee;border:1px solid #444;text-align:left;width:130px;padding:6px 20px;margin-bottom:10px;color:#222;}
.sos_add_tit {padding-top:5px;}
.sos_add {display:flex;margin-bottom:20px;}


	/* 태블릿 */
	@media all and (max-width:1024px){
		.sos_add_tit {padding-top:1px;}
	}

	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){
		
		#daumRoughmapContainer1617068569357 {height:350px;}
		.sos_add_tit {padding-top:1px;}

	}

	/* 모바일세로 */
	@media all and (max-width:320px) {
	.sos_add {display:flex;flex-direction: column;}
	}



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

/*s_sub02_01 지원사업안내*/
.busi_info_wrap {width:100%;display:flex;}
.busi_info_l{width:22%;margin-right:8%;font-size:26px;padding:15px 0;border-top:2px solid #444;font-weight:700;color:#222;}
.busi_info_r{width:70%}
.busi_info a{padding:20px 0 20px 35px;font-size:22px;text-align:left;font-weight:500;display:block;color:#222;letter-spacing:-0.3px;border:2px solid #e4e4e4;position:relative;}
.busi_info a:hover {border:2px solid #1453c8;color:#222;}
.busi_info a:hover span.material-icons{color:#1453c8 !important}
.busi_info span.busi {color:#666;padding-top:5px;right:35px;position:absolute;font-size:22px;}
.busi_info i {font-size:16px;color:#666;font-weight:400;}

	/* 태블릿 */
	@media all and (max-width:1024px){

		.busi_info_wrap {width:100%;display:flex;flex-direction:column;}
		.busi_info_l{width:100%;margin-right:0;font-size:24px;}
		.busi_info_r{width:100%}
		.busi_info a{padding:15px 0 15px 30px;font-size:20px;}
		.busi_info span.busi {padding-top:3px;right:30px;font-size:20px;;}

	}

	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){

	.busi_info_l{font-size:22px;}
	.busi_info a{padding:15px 0 15px 20px;font-size:18px;}
	.busi_info span.busi {padding-top:3px;right:20px;font-size:18px;}

	}




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

/*sub02_02 전북민생솔루션*/
/*상담솔루션*/
.sub02_call{padding:40px 20px;}
.sub02_call > div {font-size:60px;text-align:center;color:#222;}
.sub02_call > div  span {margin-right:20px;display:inline-block;}

a.sub02_call_btn {display:block; width:100%;}
.sub02_call > div a.sub02_call_btn  {font-size:60px;text-align:center;color:#222;}
a.sub02_call_btn:hover, a.sub02_call_btn:active, a.sub02_call_btn:focus {color:#1453c8 !important}


/*현장컨설팅*/
p.f_con {margin-top:20px;}
p.f_con img {max-width:100%;}


	/*PC */
	@media all and (max-width:1280px){

	.sub02_call > div,
	.sub02_call > div a.sub02_call_btn  {font-size:50px;}

	}


	/*태블릿 */
	@media all and (max-width:1024px){
	
	.sub02_call > div,
	.sub02_call > div a.sub02_call_btn  {font-size:40px;}

	.sub02_call > div  span > img {width:50px;margin-bottom:0px !important;}
	}


	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){
		
		/*상담솔루션*/
		.sub02_call{padding:0;}
		.sub02_call > div,
		.sub02_call > div a.sub02_call_btn  {font-size:20px;}
		.sub02_call > div  span {margin-right:10px;}
		.sub02_call > div  span > img {width:30px;margin-bottom:0px !important;}

	}



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

/*sub02_03 민생신문고*/
	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){
	.mins {width:100px;}
	}






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

/*sub02_04 소상공인역량강화사업*/
.web_link {margin:10px auto;}
.web_link a {font-size:18px;display:block;padding:5px 20px;text-align:center;color:#fff;background:#30405d}
.web_link a:hover, .web_link a:active, .web_link a:focus {color:#fff;background:#333 !important}
.web_link a span.material-icons {font-size:16px;padding-left:5px;}



	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){
	
	}


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

.box_supp_long {border:1px solid #ddd;padding:20px;text-align:center;color:#222;font-weight:500;background:#fefefe;line-height:28px;} /*박스안에 대표한글자*/

/*s_sub02_05 폐업소상공인지원*/

.supp_pro {width:100%;display:flex;}
.supp_pro_1 {width:22%;margin-right:8%;font-size:24px;padding:15px 0 0 0;border-top:2px solid #444;font-weight:700;color:#222;}
.supp_pro_2 {width:70%;border-top:1px solid #ddd;padding:15px 0px;}

.box_supp_cen {border:1px solid #ddd;padding:20px;font-size:22px;font-weight:600;color:#222;text-align:center;/*border-bottom:2px solid #444*/}
.box_supp_cen > span, .li_sp,
.box_supp_con > span {font-size:18px;line-height:26px;font-weight:300;display:block;color:#666;}
.box_supp_con {border:1px solid #ddd;padding:20px;font-size:22px;font-weight:600;color:#222;}
.box_supp_cen img, .box_supp_con img {margin-bottom:15px !important;}

.dis_none{display:none;}
.excep {display:inline-block;padding:2px 30px;text-align:center;color:#e60000;background-color:#eee;font-weight:600;font-size:22px;border:1px solid #ddd;margin-bottom:-1px;margin-top:15px;}
.pd_15 {padding-bottom:15px;}

	/* 노트북&태블릿 */
	@media all and (max-width:1280px){

		.box_supp_cen {font-size:20px;}
		.box_supp_con {font-size:20px;}
		.excep {font-size:20px;}
	}

	/* 태블릿 */
	@media all and (max-width:1024px){

		.box_supp_long {line-height:24px;}

		.supp_pro {display:flex;flex-direction:column;}
		.supp_pro_1 {width:100%;margin-right:0;font-size:22px;padding:0px 0 10px 0;border:0px;}
		.supp_pro_2 {width:100%;border-top:0;padding:0px;}
		
		.box_supp_cen > span, .li_sp,
		.box_supp_con > span{font-size:16px;line-height:24px;}
		.box_supp_con {font-size:18px;padding:20px;}


		.dis_none{display:block;}
		.excep {font-size:18px;}
	}

	/* 모바일기기 + 태블릿 */
	@media all and (max-width:768px){

		.supp_pro_1{font-size:20px;}

		.box_supp_cen {font-size:16px;}
		.box_supp_con {font-size:16px;}

		
	}

	/* 모바일기기 */
	@media all and (max-width:480px) {

		.box_supp_cen > span, .li_sp,
		.box_supp_con > span{font-size:14px;line-height:22px;}
		.excep {width:100%;font-size:16px;}

	}


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

/*s_su02_06 전북천년명가*/

.chicon {width:60px;}


/* s_sub02_06_02 전북천년명가 자격안내 */
.chtab table {width: 100%;border-collapse: collapse;}
.chtab th, .chtab td {border: 1px solid #ddd;padding: 10px;font-size: 16px;}
.chtab thead th {background-color: #f2f2f2;text-align: center;}
.chtab td {text-align:center;}
.chtab td[data-label="제출서류"] {text-align: left;}



		/* 모바일기기 + 태블릿 */
		@media (max-width: 768px) {

		.chmg {width:190px;}
		.chicon {width:40px;}

		 .chtab table,
		 .chtab thead,
		 .chtab tbody,
		 .chtab th,
		 .chtab td,
		 .chtab tr {display: block;width: 100%;}
		 .chtab thead {display: none;}
		 .chtab tr {margin-bottom: 10px;}
		 .chtab td {text-align: left;padding: 15px;border: 1px solid #ddd;position: relative;padding-left: 30%;}
		 .chtab td:before {content: attr(data-label);position: absolute;left: 15px;font-weight: bold;color: #555;}
		  /* 제출서류 셀 모바일에서도 왼쪽 정렬 유지 */
		  .chtab td[data-label="제출서류"] {text-align: left;padding-left: 30%;}
		}



/*************************************************************************************************************************************************************************************************************/
/*s_sub02_07 온라인지원사업*/




/*************************************************************************************************************************************************************************************************************/
/*s_sub04_02 지원사업공고*/

.biz_box {position:relative;width:100%}

.biz_box ul{margin:0 -1%}
.biz_box ul:after{content:'';display:table;line-height:0;clear:Both}

.biz_box li {list-style:none;float:left;width:31.33%; margin:0 1%; margin-bottom:1%; border:1px solid #dddddd; border-radius:15px;padding:25px; min-height:200px;transition:all 0.5s ease-in-out}
.biz_box li:hover {box-shadow:0 0 15px rgba(0,0,0,0.15)}

.biz_box_tab01 {display:inline-block; padding:5px 0; color:#ffffff; border-radius:5px; font-size:15px; letter-spacing:-0.05em; width:70px; text-align:center; font-weight:500;}
.biz_box_tab01_color01 {background:#ff3535;}
.biz_box_tab01_color02 {background:#007fd8;}
.biz_box_tab01_color03 {background:#17356c;}
.biz_box_tab01_color04 {background:#333333;}

.biz_box_tab02 {display:inline-block; padding:10px 0; color:#ffffff; border-radius:5px; font-size:18px; letter-spacing:-0.05em; width:150px; text-align:center; font-weight:500;}
.biz_box_tab02_color01 {background:#1453c8;}
.biz_box_tab02_color02 {background:#14b2c8;}

.biz_box_subject {font-size:24px; font-weight:500; color:#000000; padding:20px 0; border-bottom:1px solid #dddddd;}
.biz_box_date {font-size:18px; color:#666666; padding:15px 0;}

.biz_btn_enter {background:#ff0000; color:#ffffff; font-weight:bold; font-size:20px; padding:10px 10px 8px 10px; line-height:40px; animation:colored 1s 1s forwards infinite;}


@media all and (max-width:1024px){

	.biz_box li {width:48%; margin:0 1%; margin-bottom:2%;}

}

@media all and (max-width:768px){

	.biz_box li {width:98%; margin:0 1%; margin-bottom:2%;}
	.biz_box_tab01 {font-size:14px;width:60px;}
	.biz_box_tab02 {font-size:16px;width:100px;}
	.biz_box_subject {font-size:20px;}
	.biz_box_date {font-size:15px;}

	.biz_btn_enter {font-size:16px; padding:5px 5px 5px 5px; line-height:30px;}
}




/*************************************************************************************************************************************************************************************************************/
/*s_sub05 이용약관*/

/* 테두리가 있는 박스*/
.t_box {width:100%;border:1px solid #ddd;width:100%;list-style:none;padding:2%;background:#fff;box-sizing:border-box;margin:15px 0;font-size:18px}
.tab01 {margin-top:10px;}
.tab01 table {width: 100%;border-collapse: collapse; /* 중복 테두리 제거 */}
.tab01 th, .tab01 td {font-size:18px;}
.tab01 thead {background-color: #f2f2f2; /* 헤더 배경 색 */}
.tab01 thead th, .tab01 th {background-color: #f2f2f2;text-align: center; /* 가운데 정렬 */padding: 5px 20px; /* 여유 공간 */ border: 1px solid #ddd; /* 테두리 색상 */}

/* 테이블 바디 스타일 */
.tab01 tbody td {background-color: #fff;padding: 5px 20px; /* 각 셀 여백 */ border: 1px solid #ddd; /* 테두리 색상 */}

	/* 태블릿 */
	@media all and (max-width:1024px){

		.t_box {font-size:16px;}

	}

	
	/* 반응형 테이블 */
	@media (max-width: 768px) {
			.tab01 table,  .tab01 thead, .tab01 tbody, .tab01 th, .tab01 td, .tab01 tr {font-size:16px;display: block; /* 모바일에서 블록형 레이아웃으로 변경 */}

			/* 각 셀을 하나의 행처럼 보이도록 */
			.tab01 td {text-align: left; /* 모바일에서 텍스트 왼쪽 정렬 */position: relative;/* 앞쪽에 레이블을 배치할 공간 확보 padding-left:50% !important; */}

			
	 }


	/* 모바일기기 */
	@media all and (max-width:480px) {

		.t_box {font-size:14px;}

	}



/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border:1px solid #ddd; border-top:2px solid #bbb; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:5px; }
.basic_table table tbody th{background:#f5f5f5; color:#444; text-align:center;font-weight:500;}
.basic_table table tbody td{color:#555; text-align:center;font-weight:400;letter-spacing:-0.07em; line-height:1.3em;}


@media all and (max-width:980px)
{
	.basic_table {overflow-x : auto;}
	.basic_table table{width:980px !important;max-width:none;}
}




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




/*폰트크기 데스크탑*/

.fnt_56{font-size:56px} 
.fnt_48{font-size:48px} 
.fnt_36{font-size:36px} 
.fnt_32{font-size:32px} 
.fnt_28{font-size:28px} 
.fnt_24{font-size:24px} 
.fnt_20{font-size:20px}
.fnt_18{font-size:18px}
.fnt_16{font-size:16px}
.fnt_14{font-size:14px}
.fnt_12{font-size:12px}

/*반응형에 포함안되는 것들*/

/*컬러지정*/
.clr-1 {color:#1453c8 !important} /*메인컬러*/
.clr-2 {color:#e60000 } /*강조/빨강*/

/*정렬*/
.al_center {text-align:center;}
.al_left {text-align:left;}
.al_right {text-align:right;}



.fnt_300{font-weight:300}
.fnt_400{font-weight:400}
.fnt_500{font-weight:500}
.fnt_600{font-weight:600}
.fnt_700{font-weight:700}