/*로그인 및 회원가입 / 기본레이아웃은 광역지원센터와 동일합니다.*/
#tnb_wrap a.hop_tnb:focus, #tnb_wrap a.hop_tnb:hover {color:#009949 !important;}

.sos_move_arr {background-color:#1453c8 !important;}
.sos_move_arr a {color:#fff !important;}
.sos_move_arr a:hover, .sos_move_arr a:focus, .sos_move_arr a:active {background-color:#1453c8 !important;color:#fff !important;}
a.sos_move_arr {color:#fff !important;padding:3px 0px}
a.sos_move_arr:hover, a.sos_move_arr:focus, a.sos_move_arr:active {background-color:#1453c8 !important;color:#fff !important;}
/*대메뉴 기본레이아웃은 광역지원센터와 동일합니다.*/
/*상단메뉴셋팅*/

/* 대메뉴링크*/
.hopmenu .navbar-nav > li {padding: 30px 0 45px 55px;}


/* 서브메뉴*/
.hop_drop_menu {width: 100% !important;min-width:200px;margin:0 auto;background-color:#104739 !important;border-radius: 0px;padding:0;margin-top:1px;} /*min-height:200px;*/
.hop_drop_menu div > li {border-bottom:1px solid #0d573c} /*float:left;width:calc(100%/3);padding: 20px 0px;*/
.dropdown-menu-right {left:20px;}


/*전체메뉴 pc 기본레이아웃은 광역지원센터와 동일합니다.*/

.all_menu_cate > li > a.hop_all_menu_brd {/*border-bottom:2px solid #009949 !important;*/}
.all_menu_cate > li > ul > li a.hop_menu_cate:hover {color:#009949 !important;}


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

		/* 대메뉴링크*/
		.hopmenu .navbar-nav > li {padding: 21px 0 35px 45px;}
		.navbar-brand img.hop_logo_img {max-width:219px;} /*로고사이즈 희망센터는219*/		

		/*서브메뉴*/
		.dropdown-menu-right {left:0px;}
	
		}

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

		/* 대메뉴링크*/
		.hopmenu .navbar-nav > li {padding: 20px 0 20px 0px;border-bottom:1px solid #ddd;}
		.hopmenu .navbar-nav > li:last-child {border-bottom:0;}

		/* 서브메뉴*/
		.hop_drop_menu {min-height:auto;margin:15px auto 0 auto;}	
		.hop_drop_menu {background:#104739;}
		.hop_drop_menu > div {width:100%;background:none;margin:0 auto;padding:0;}		
		.hop_drop_menu div > li {float:none;width:100%;padding:0;border:0;}
		}
			
	
		/* 모바일기기 */
		@media all and (max-width:480px) {

		
		.navbar-brand img.hop_logo_img {max-width:183px;} /*로고사이즈 183*/
	

		}



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

/*컬러리셋하기*/
.hop_crl {color:#009949 !important} /*color*/
.hop_brd {border:1px solid #166d3f !important}
.hop_bg {background-color:#009949 !important}


/*슬라이드 기본구조셋팅은 광역지원과 동일*/
/*텍스트색깔 별도 지정시 h3 p b 등 클래스 다른이름으로 지정할 것*/
.carousel-caption h3{font-size:60px;font-weight:900;letter-spacing:-0.3px;}
.carousel-caption h3 b {color:#10ff94;display:block;}
.carousel-caption p{margin-top:10px;font-size:26px;letter-spacing:-0.4px;}
.carousel-caption a.hop_cap:hover{background-color:#009949 !important;border:1px solid #166d3f !important;}

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

		/* 모바일 슬라이드 텍스트 크기 조절 */
			.carousel-caption h3{font-size:50px;}
			.carousel-caption p{font-size:24px;}			

		}

		/* 태블릿 */
		@media all and (max-width:1024px){			
						
			/* 모바일 슬라이드 텍스트 크기 조절 */
			.carousel-caption h3{font-size:40px;}
			.carousel-caption p{font-size:22px;}
			.carousel-caption a{padding:6px 20px;font-size:14px;}

		}

		/* 모바일기기 + 태블릿 */
		@media all and (max-width:768px){			
	
			/* 모바일 슬라이드 텍스트 크기 조절 */
			.carousel-caption h3{font-size:30px;}
			.carousel-caption p{font-size:18px;}
			.carousel-caption a{padding:5px 20px;font-size:12px;}

		}

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

			/* 모바일 슬라이드 텍스트 크기 조절 */
			.carousel-caption h3{font-size:20px;}
			.carousel-caption p{font-size:14px;}

		}



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


/*무엇을도와드릴까요*/
.hop_search_bg {position:absolute;bottom:0;z-index:1;background-color:rgba(0,153,73,0.9);}
.hop_search-wrap{margin:0 auto;}
.hop_search-wrap > ul {display:flex;justify-content:center;padding:45px 0;}
.hop_search-wrap > ul > li:first-child{margin-right:120px;}
.hop_search-wrap > ul > li p.qa {font-size:32px;color:#fff;}
.hop_search-wrap > ul > li span.hash {font-size:18px;margin-top:10px;font-weight:300;color:#63ff57;display:block;}


/*검색바*/
.hd_sch_wr{width:540px;}
#hd_sch h3 {font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:1px solid #0a41a5;background:#fff;overflow:hidden}
#hd_sch #sch_stx {font-size:16px;height:60px;width:480px;padding-left:10px;font-weight:300;border:0;border-right:0;float:left;color:#444;}
#hd_sch #sch_submit {height:60px;border:0;background:#fff;color:#1453c8;width:50px;float:left;cursor:pointer;font-size:30px}
legend { position:relative;display: block;padding: 0;font-size: 0;margin-bottom:0;width:0;max-width:0;}


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

		/*무엇을도와드릴까요*/
		.hop_search-wrap > ul {padding:40px 0;}
		.hop_search-wrap > ul > li:first-child{margin-right:100px;}
		.hop_search-wrap > ul > li p.qa {font-size:28px;}
		.hop_search-wrap > ul > li span.hash {font-size:16px;margin-top:10px;}	

	}

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

		/*무엇을도와드릴까요*/	
		.hop_search-wrap > ul > li {width:50%;}
		.hop_search-wrap > ul > li:first-child{margin-right:0}
		.hop_search-wrap > ul > li p.qa {font-size:26px;}
		.hop_search-wrap > ul > li span.hash {font-size:16px;margin-top:5px;}	

	}

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

		/*무엇을도와드릴까요*/	
		.hop_search_bg {position:relative;}
		.hop_search-wrap > ul {display:flex;flex-direction:column;padding:35px 0;}
		.hop_search-wrap > ul > li {width:100%;}
		.hop_search-wrap > ul > li:first-child{margin-right:0;margin-bottom:10px;}
		.hop_search-wrap > ul > li p.qa {font-size:24px;}
		.hop_search-wrap > ul > li span.hash {font-size:14px;margin-top:5px;}
	

	}



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


/*사업명타이틀*/
.hop_main_tit {font-size:32px;margin-top:65px;font-weight:700;color:#222;}
.hop_main_line {width:100%;margin-top:15px;height:2px;background-color:#222;position:relative;}
.hop_main_more {font-size:24px;right:20px;bottom:10px;position:absolute;font-weight:500;letter-spacing:-0.3px;color:#222;}
.hop_main_more a {color:#222;}
/*지원사업*/
ul.hop_busi_wrap {width:100%;margin-top:40px;display:flex;flex-wrap:wrap;}
ul.hop_busi_wrap li{width:calc(96%/3);position:relative}
ul.hop_busi_wrap li a {padding:22px 0 22px 40px;font-size:24px;text-align:left;font-weight:500;display:block;color:#222;letter-spacing:-0.3px;border:2px solid #e4e4e4;} 
ul.hop_busi_wrap li:nth-of-type(2), ul.hop_busi_wrap li:nth-of-type(5){margin-right:2%;margin-left:2%;}
ul.hop_busi_wrap li:nth-of-type(4), ul.hop_busi_wrap li:nth-of-type(5), ul.hop_busi_wrap li:nth-of-type(6) {margin-bottom:2%;margin-top:2%;}
span.hop_busi {color:#666;padding-top:5px;right:40px;position:absolute;font-size:24px;}

ul.hop_busi_wrap li a:hover {border:2px solid #009949;}
ul.hop_busi_wrap li a:hover span.material-icons{color:#009949 !important}


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

			/*타이틀*/
			.hop_main_tit {font-size:28px;margin-top:60px;}
			.hop_main_line {margin-top:15px;}
			.hop_main_more {font-size:22px;right:15px;}

			/*지원사업*/
			ul.hop_busi_wrap {margin-top:35px;}
			ul.hop_busi_wrap li{width:calc(96%/3);}
			ul.hop_busi_wrap li a {padding:20px 0 20px 30px;font-size:22px;} 	
			
			span.hop_busi {padding-top:4px;right:30px;font-size:22px;}

		}

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

			/*타이틀*/
			.hop_main_tit {font-size:26px;margin-top:50px;}		
			.hop_main_more {font-size:20px;}

			/*주요사업*/
			ul.hop_busi_wrap {margin-top:30px;}
			ul.hop_busi_wrap li{width:calc(96%/3);}
			ul.hop_busi_wrap li a {padding:20px 0 20px 30px;font-size:20px;} 	
			
			span.hop_busi {padding-top:3px;font-size:20px;}

		}

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

			/*타이틀*/
			.main_tit {font-size:22px;margin-top:40px;}	
			.main_line {margin-top:10px;}
			.main_more {font-size:18px;right:5px;}

			/*주요사업*/
			ul.hop_busi_wrap {margin-top:20px;}
			ul.hop_busi_wrap li{width:calc(98%/2);}
			ul.hop_busi_wrap li a {padding:15px 0 15px 15px;font-size:18px;} 
			ul.hop_busi_wrap li:nth-of-type(2), ul.hop_busi_wrap li:nth-of-type(5){margin-right:0%;margin-left:0%;}
			ul.hop_busi_wrap li:nth-of-type(2n) {margin-left:2%;}
			ul.hop_busi_wrap li:nth-of-type(3), ul.hop_busi_wrap li:nth-of-type(4) {margin-bottom:2%;margin-top:2%;}
			ul.hop_busi_wrap li:nth-of-type(5), ul.hop_busi_wrap li:nth-of-type(6) {margin-bottom:2%;margin-top:0%;}

			span.hop_busi {padding-top:2px;font-size:18px;}		
		

		}

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

			/*타이틀*/
			.hop_main_tit {font-size:18px;}			
			.hop_main_more {font-size:16px;}

			/*주요사업*/	
			ul.hop_busi_wrap li{width:100%;}
			ul.hop_busi_wrap li a {font-size:16px;}
			ul.hop_busi_wrap li span {padding-top:1px;font-size:16px;}

			ul.hop_busi_wrap li:nth-of-type(2), ul.hop_busi_wrap li:nth-of-type(5){margin-right:0%;margin-left:0%;}
			ul.hop_busi_wrap li:nth-of-type(2n) {margin-left:0%;margin-top:2%;}
			ul.hop_busi_wrap li:nth-of-type(3){margin-bottom:2%;margin-top:2%;}
			ul.hop_busi_wrap li:nth-of-type(4){margin-bottom:2%;margin-top:0%;}
			ul.hop_busi_wrap li:nth-of-type(5), ul.hop_busi_wrap li:nth-of-type(6) {margin-bottom:2%;margin-top:0%;}
	
		}


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


/*알림마당*/
ul.hop_gtabs {width:100%;display:flex;margin-top:40px;}
ul.hop_gtabs li {border:2px solid #ddd}
ul.hop_gtabs li:nth-of-type(even) {margin:0 15px;}
ul.hop_gtabs li a {font-size:22px;padding:12px 25px;font-weight:700;color:#666;text-align:center;display:block;}
ul.hop_gtabs li a:hover{}	
ul.hop_gtabs li.active{border:2px solid #009949;color:#222;}
ul.hop_gtabs li.active a:hover,
ul.hop_gtabs li.active a {color:#222;}
.hop_gtab_container {height:auto;margin-top:20px;}
.hop_gtab_content {color:#666;word-break:break-all;}

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

		ul.hop_gtabs {margin-top:35px;}
		ul.hop_gtabs li:nth-of-type(even) {margin:0 15px;}
		ul.hop_gtabs li a {font-size:20px;padding:10px 25px;}

	}

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

		ul.hop_gtabs {margin-top:30px;}		
		ul.hop_gtabs li a {font-size:18px;}

	}

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

		ul.hop_gtabs {margin-top:20px;}
		ul.hop_gtabs li {width:100%;}
		ul.hop_gtabs li:nth-of-type(even) {margin:0 10px;}
		ul.hop_gtabs li a {font-size:18px;padding:8px 5px;}

	}

	
	/* 모바일기기 */
	@media all and (max-width:480px) {
		
		ul.hop_gtabs li:nth-of-type(even) {margin:0 5px;}
		ul.hop_gtabs li a{font-size:16px;}
	}

	/* 모바일세로 */
	@media all and (max-width:320px) {		
		
		ul.hop_gtabs li a{font-size:14px;}
	}


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

/*카피라이터 레이아웃은 광역지원센터와 동일*/

/*이용약관*/
.hop_footer_bg {background-color:#041c28 !important;}
/*주소*/
.hop_add_bg {background-color:#041c28 !important;}
/*패밀리사이트*/
.hop_fam_bg {background-color:#041c28 !important}

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


/*서브레이아웃은 광역지원센터와 동일하게 사용*/

/*서브메뉴*/
div#hop_sub_menu_set {background:#009949;} /*border-bottom:1px solid #ddd;border-top:1px solid #ddd;*/
ul#hop_sub_menu_set {margin:0 auto;list-style:none;}

ul#hop_sub_menu_set:after {clear:both;content:'';display:block}
ul#hop_sub_menu_set > li {float:left;border-left:1px solid #4cb77f;border-right:1px solid #4cb77f;text-align:center;width:300px;margin-left:-1px;letter-spacing:-0.01em;overflow:hidden;}

ul#hop_#main_group_menu, ul#hop_sub_group_menu {margin:0;padding:0;list-style:none;}
ul#hop_main_group_menu:after , ul#hop_sub_group_menu:after  {clear:both;content:'';display:block}

ul#hop_sub_menu_set > li > a,
ul#hop_main_group_menu > a, ul#hop_sub_group_menu > a {color:#fff;font-size:18px;height:55px;width:300px;line-height:55px;display:block;text-decoration:none;font-weight:500;}


#hop_mgm, #hop_sgm {width:300px;display: none;position:absolute;margin-top:0px;background:#009949;margin-left:-1px;list-style:none;z-index:99;border:1px solid #4cb77f;border-bottom:none;letter-spacing:-0.01em;}

#hop_mgm li, #hop_sgm li {height:55px;border-bottom:1px solid #4cb77f;line-height:52px;font-size:18px;text-align:left;padding-left:30px;}
#hop_mgm li a, #hop_sgm li a {color:#fff;text-decoration:none;width:100%;display:block;}
#hop_mgm li:hover, #hop_sgm li:hover {background:#104739;}

#hop_mgm_click > span.material-icons, #hop_sgm_click > span.material-icons {margin-left:5px;font-size:15px;}


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

	

	}

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



		ul#hop_sub_menu_set > li {width:200px;} /*letter-spacing:-0.1em;*/
		ul#hop_main_group_menu > a, ul#hop_sub_group_menu > a {font-size:16px;width:200px;}
		#hop_mgm, #hop_sgm {width:200px;} /*letter-spacing:-0.1em;*/	
		#hop_mgm li, #hop_sgm li {font-size:16px;padding-left:20px;}

		#hop_mgm_click > span.material-icons, #sgm_click > span.material-icons {font-size:13px;}

	}

	@media all and  (max-width:480px){
		
		ul#hop_sub_menu_set > li {width:150px;}
		ul#hop_main_group_menu > a, ul#hop_sub_group_menu > a {font-size:14px;width:150px;height:45px;line-height:45px;}
		#hop_mgm, #hop_sgm {width:150px;}
		#hop_mgm li, #hop_sgm li {font-size:14px;height:45px;line-height:45px;padding-left:10px;}
	

	}



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