/*	소속     : YELLOW-FINGER  */
/*	작성자   : 김건호         */
/*	작성일자 : 2017-02-22     */

/*******************************************
	#banner_type_01
********************************************/
#banner_type_01 {
	position: relative;
	width: 100%; height: 447px;
	padding: 0px 0px 30px;
}
    
#banner_type_01 .bg {
	top: 0px; left: 0px;
	width: 100%; height: 447px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	z-index: 0;
}

#banner_type_01 .txt_box { 
	display: inline-block; top: 50%; left: 50%;
	width: 602px; height: 100px;
	margin-top: -50px; margin-left: -301px;
	border: 2px solid #fff;
	box-sizing: border-box;
	text-decoration: none;
	z-index: 1;
}

#banner_type_01 .txt_box h2 { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	opacity: 1;
	font-size: 38px; color: #fff;
}

#banner_type_01 .txt_box p { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	opacity: 1;

	font-size: 17px; color: #fff;
}


#banner_type_01 .txt_box:hover h2,
#banner_type_01 .txt_box:hover p { 
	color: #2392d1;
}

#banner_type_01 .txt_box:hover p { 

}


#banner_type_01 .txt_box p img{ 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	width: auto; height: 9px;
}

#banner_type_01 .txt_box:hover p img{ 
}


#banner_type_01 .txt_box div { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	width: 100%; height: 100%; 
	padding: 8px 0px;
	box-sizing: border-box;
	overflow: hidden;
}

#banner_type_01 .txt_box:hover div { 
	background-color: #fff;
}

#banner_type_01 ,
#banner_type_01 .bg ,

#banner_type_01 .txt_box ,
#banner_type_01 .txt_box div ,
#banner_type_01 .txt_box h2 ,
#banner_type_01 .txt_box p { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

/*******************************************
	YELLOW-FINGER
********************************************/

@media (max-width: 479px){ 
	#banner_type_01 ,
	#banner_type_01 .bg { height: 250px; }
	#banner_type_01 .bg { background-attachment: inherit; }

	#banner_type_01 .txt_box { 
		width: 260px; height: 76px;
		margin-left: -130px; margin-top: -38px; 
	}

	#banner_type_01 .txt_box div { padding: 7px 0px; }
	#banner_type_01 .txt_box h2 { font-size: 24px; }
	#banner_type_01 .txt_box p { font-size: 14px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#banner_type_01 ,
	#banner_type_01 .bg { height: 280px; }
	#banner_type_01 .bg { background-attachment: inherit; }

	#banner_type_01 .txt_box { 
		width: 300px; height: 80px;
		margin-left: -150px; margin-top: -40px; 
	}

	#banner_type_01 .txt_box div { padding: 7px 0px; }
	#banner_type_01 .txt_box h2 { font-size: 28px; }
	#banner_type_01 .txt_box p { font-size: 14px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#banner_type_01 ,
	#banner_type_01 .bg { height: 350px; }
	#banner_type_01 .bg { background-attachment: inherit; }

	#banner_type_01 .txt_box { 
		width: 300px; height: 90px;
		margin-left: -150px; margin-top: -45px; 
	}

	#banner_type_01 .txt_box div { padding: 7px 0px; }
	#banner_type_01 .txt_box h2 { font-size: 32px; }
	#banner_type_01 .txt_box p { font-size: 16px; }
}

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

}

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

}

@media (max-width: 1600px) and (min-width: 1310px) { 

}