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

/*******************************************
	#header_type_01
********************************************/
	#header_type_01 {
		display: inline-block;
		width: 100%; 
		text-align: center;
		z-index: 99990;
		background-color: #fff;
	}

	#header_type_01 > div {
		transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;

		display: inline-block;
		width: 100%; max-width: 1280px;
		padding: 60px 0px 30px;
		box-sizing: border-box;
	}
	

	#header_type_01 .logo { width: 104px; height: 44px; margin-left: -138px; cursor: pointer; }
	#header_type_01 .logo img { width: 100%; height: 100%; }

	#header_type_01 .list ul li { width: 120px; height: 40px; line-height: 40px; }
	#header_type_01 .list ul li a { 
		transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;

		display: inline-block; width: 100%; height: 100%;
		font-size: 17px;
	}
	#header_type_01 .list ul li a:hover, 
	#header_type_01 .list ul li a.active {
		color: #2392d1;
	}

	#header_type_01  .m_nav {
		display: none;
		right: 15px; top: 38px;
		width: 30px; height: 23px;
		background-color: #fff;
		cursor: pointer;
		z-index: 10;
	}

	#header_type_01  .m_nav div {
		width: 100%; height: 1px; 
		background-color: #000;
		margin-top: 10px;
	}

	#header_type_01  .m_nav div:first-child {
		margin-top: 0px;
	}


	#header_type_01 ,
	#header_type_01 .logo ,
	#header_type_01 .list ,
	#header_type_01 .list ul ,
	#header_type_01 .list ul li ,
	#header_type_01 .list ul li a {
		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){ 
	#header_type_01 .m_nav { display: block; }
	#header_type_01 > div { padding: 30px 15px 30px; }
	#header_type_01 .logo { margin-left: 0px; }
	#header_type_01 .list { margin-left: 0px; margin-top: 15px; text-align: left; width: 100%; }

	#header_type_01 .list ul li { height: 40px; line-height: 40px; }
	#header_type_01 .list ul li a { font-size: 14px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	#header_type_01 .m_nav { display: block; }
	#header_type_01 > div { padding: 30px 15px 30px; }
	#header_type_01 .logo { margin-left: 0px; }
	#header_type_01 .list { margin-left: 30px; }

	#header_type_01 .list ul li { height: 40px; line-height: 40px; }
	#header_type_01 .list ul li a { font-size: 14px; }

}

@media (max-width: 1024px) and (min-width: 750px) { 
	#header_type_01 .m_nav { display: block; }
	#header_type_01 > div { padding: 30px 15px 30px; }
	#header_type_01 .logo { margin-left: 0px; }
	#header_type_01 .list { margin-left: 30px; }

	#header_type_01 .list ul li { height: 40px; line-height: 40px; }
	#header_type_01 .list ul li a { font-size: 14px; }
}

@media (max-width: 1279px) and (min-width: 1025px) { 
	#header_type_01 > div { padding: 30px 15px 30px; }

	#header_type_01 .logo { margin-left: 0px; }
	#header_type_01 .list { margin-left: 30px; }
}

@media (max-width: 1309px) and (min-width: 1280px) { 
	#header_type_01 > div { padding: 60px 15px 30px; }

	#header_type_01 .logo { margin-left: 0px; }
	#header_type_01 .list { margin-left: 30px; }
}

@media (max-width: 1600px) and (min-width: 1280px) { 
	#header_type_01 .logo { margin-left: 0px; }
	#header_type_01 .list { margin-left: 30px; }

}