/*******************************************
	폰트 
********************************************/
@import url('../font/NotoKR/font.css');
@import url('../font/proximaNova/fonts.css');



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





/*******************************************
	공통요소
********************************************/
	* {	margin: 0px; padding: 0px; -webkit-overflow-scrolling : touch; outline: 0 none !important; font-family: 'NotoSansKR', sans-serif; border: 0px; }
	.en { font-family: 'Proxima Nova', 'NotoSansKR', sans-serif; }
	.en_medium { font-family: 'proxima_nova_ltsemibold', 'NotoSansKR', sans-serif; }
	.en_bold { font-family: 'proxima_nova_altbold', 'NotoSansKR', sans-serif; }


	html, body {
		display: inline; height: 100%;
		margin: 0px; padding: 0px;
		font-size: 14px;
		font-family: 'NotoSansKR', sans-serif;
	}


	div {
	   -ms-user-select: none; 
	   -moz-user-select: -moz-none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   user-select: none;
	 }


	h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
	}

	a							{ text-decoration: none; }
	li, ul, ol					{ list-style: none; }


	/* float */
	.left						{ float: left;  }
	.right						{ float: right; } 
	.clear						{ clear: both;  }

	/* text-align */
	.text_left					{ text-align: left; }
	.text_right					{ text-align: right; }
	.text_center				{ text-align: center; }

	/* display */
	.display_inline_block		{ display: inline-block; }
	.display_none				{ display: none; }
	.display_block				{ display: block; }

	/* position */
	.position_relative			{ position: relative; }
	.position_absolute			{ position: absolute; }
	.position_fixed				{ position: fixed; }

	.slow {
		transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
	}

	.bold { font-weight: bold; }
	.medium { font-weight: 500; }


	.fly {
		opacity: 0;

		transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;

		transform: translateY(50px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(50px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(50px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(50px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	.show-block {
		opacity: 1;

		transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}


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



#header {
	top: 0px; left: 0px;
	width: 100%; height: 120px;
	padding: 30px 80px;
	z-index: 10;
	box-sizing: border-box;
}

#header.scroll_fixed {
	position: fixed; top: 0px; left: 0px;
	height: 90px; padding-top: 15px; padding-bottom: 15px; 
	background-color: #212e65;
	z-index: 9999;
}
#header.scroll_fixed .header_logo > a > img { height: 50px; margin-top: 5px; }


#header .header_containner { width: 100%; height: 100%; }
#header .header_logo { width: auto; height: 100%; }
#header .header_logo > a { width: auto; height: 100%; }
#header .header_logo > a > img { width: auto; height: auto; vertical-align: middle; }

#header .header_nav { width: auto; height: 60px; line-height: 60px; }
#header .header_nav ul { width: auto; height: 60px; line-height: 60px; } 
#header .header_nav ul li { width: auto; height: 60px; line-height: 60px; margin-left: 55px; }
#header .header_nav ul li:first-child { margin-left: 0px; }
#header .header_nav ul li a { width: auto; height: 60px; line-height: 60px; font-size: 14px; color: #fff; }
#header .header_nav ul li a:hover { color: #f0712b; }


#footer {
	width: 100%; height: 342px;
	text-align :center;
}

#footer .footer_bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }
#footer .footer_bg .footer_bg_left { width: 50%; height: 100%; background-color: #e0e0e0; }
#footer .footer_bg .footer_bg_right { width: 50%; height: 100%; background-color: #25346f; }

#footer .footer_containner { width: 100%; max-width: 1280px; height: 100%; z-index: 2; margin-bottom: -4px; }
#footer .footer_containner .footer_info { width: 320px; height: 100%; background-color: #e0e0e0; }
#footer .footer_containner .footer_func { width: calc(100% - 320px); height: 100%; background-color: #25346f; }

#footer .footer_containner .footer_info > div { width: 100%; height: 100%; padding: 90px 0px; box-sizing: border-box; }
#footer .footer_containner .footer_func > div { width: 100%; height: 100%; padding: 90px 0px; box-sizing: border-box; }


#footer .footer_containner .footer_info .footer_logo { width: 100%; height: auto; margin-bottom: 40px; text-align: left; }
#footer .footer_containner .footer_info .footer_logo img { width: auto; height: auto; }

#footer .footer_containner .footer_info .footer_addr,
#footer .footer_containner .footer_info .footer_number,
#footer .footer_containner .footer_info .footer_email { 
	width: 100%; height: auto; line-height: 1.8;
	font-size: 13px; color: #000000; text-align: left;
	opacity: 0.6;
}


#footer .footer_containner .footer_func .footer_func_nav { width: auto; height: auto; padding-left: 80px; }
#footer .footer_containner .footer_func .footer_func_nav ul { width: 90px; height: auto; }
#footer .footer_containner .footer_func .footer_func_nav ul li { width: 100%; height: auto; margin-top: 15px; }
#footer .footer_containner .footer_func .footer_func_nav ul li a { 
	width: auto; height: auto; line-height: 1.5; 
	font-size: 15px; color: #fff; text-align: left;
	opacity: 0.6;
}

#footer .footer_containner .footer_func .footer_func_link { width: 320px; height: 100%; }
#footer .footer_containner .footer_func .footer_func_link .footer_sns { width: 100%; height: 30px; line-height: 30px; text-align: right; }
#footer .footer_containner .footer_func .footer_func_link .footer_sns a { width: 20px; height: 30px; line-height: 30px; margin-left: 55px; }
#footer .footer_containner .footer_func .footer_func_link .footer_sns a:first-child { margin-left: 0px;  }
#footer .footer_containner .footer_func .footer_func_link .footer_sns a > img { width: auto; height: auto; vertical-align: middle; }

#footer .footer_containner .footer_func .footer_func_link .footer_copy { bottom: 0px; right: 0px; width: 100%; height: auto; text-align: right; }
#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_bar { width: 100%; height: 1px; }
#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_bar > div { width: 50px; height: 1px; background-color: #fff; }
#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_txt {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 12px; color: #fff; text-align: right;
	margin-top: 45px;
	opacity: 0.6;
}


#wrap { width: 100%; height: auto; box-sizing: border-box; z-index: 9;}

#subHeader {
	width: 100%; height: 400px; 
	padding-top: 200px; text-align: center; 
	background: url(../images/sub_header_img.jpg) no-repeat center center; background-size: cover; 
	box-sizing: border-box; 
}

#subHeader > div { width: 100%; max-width: 1280px; height: auto; }
#subHeader .sub_header_title { width: 100%; height: auto; line-height: 1; font-size: 80px; text-align: left; color: #fff; }
#subHeader .sub_header_nav { width: 100%; height: auto; margin-top: 35px; }
#subHeader .sub_header_nav ul { width: auto; height: auto; }
#subHeader .sub_header_nav ul li { width: auto; height: 15px; line-height: 15px; margin-bottom: 10px; }
#subHeader .sub_header_nav ul li div { width: 1px; height: 15px; margin: 0px 25px; background-color: #fff; opacity: 0.6; }
#subHeader .sub_header_nav ul li a { width: auto; height: 15px; line-height: 15px; font-size: 14px; color: #fff; opacity: 0.8;  }
#subHeader .sub_header_nav ul li a.active { opacity: 1; color: #f0712b; }
#subHeader .sub_header_nav ul li a:hover { color: #f0712b; }
#m_nav_btn {
	display: none;
	width: 30px; height: 22px;
	margin-top: 15px;
	cursor: pointer;
	z-index: 199999;
}

#m_nav_btn > div {
	width: 100%; height: 4px;
	background-color: #fff;
}


#m_nav_btn > div:nth-child(1){ top: 0px; }
#m_nav_btn > div:nth-child(2){ top: 9px; }
#m_nav_btn > div:nth-child(3){ top: 18px; }

#m_nav_btn > div:nth-child(1).active { top: 8px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#m_nav_btn > div:nth-child(2).active { opacity: 0; }
#m_nav_btn > div:nth-child(3).active { top: auto; bottom: 10px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }


#m_nav_bg {
	display: none;
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	background-color: #25346f;
	opacity: 0.95;
	z-index: 99999;
}


br.footer_br_01 { display: none; }

#topBtn {
	display: none;
	bottom: 30px; right: 80px;
	width: 40px; height: 40px;
	background: url(../images/top_btn.svg) no-repeat center center; background-size: cover;
	cursor: pointer;
	z-index: 10;
}
#dumy {
	bottom: 30px; right: -1000%;
	width: 1px; height: 1px;
	z-index: 9;
}


@media (max-width: 479px){ 
	#header { height: auto; padding: 20px 15px; box-sizing: border-box; }
	#header .header_logo > a > img { height: 40px; }
	#header .header_nav { height: 40px; line-height: 40px; }

	#header .header_nav ul { 
		display: none;
		position: fixed; top: 50%; left: 0px; 
		width: 100%; height: auto; line-height: initial; 

		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		z-index: 199999;
	}
	#header .header_nav ul li { width: 100%; height: auto; line-height: initial; text-align: center; margin-left: 0px; }
	#header .header_nav ul li a { 
		width: auto; height: auto; line-height: initial; 
		float: none;
		font-size: 24px; font-weight: bold;
		padding: 10px; 
		box-sizing: border-box;
	}



	#footer .footer_containner { padding: 0px 0px; box-sizing: border-box; }

	#m_nav_btn { display: inline-block; margin-top: 10px;  width: 28px; height: 19px; }
	#m_nav_btn > div { height: 3px; }
 
	#m_nav_btn > div:nth-child(1){ top: 0px; }
	#m_nav_btn > div:nth-child(2){ top: 8px; }
	#m_nav_btn > div:nth-child(3){ top: 16px; }

	#m_nav_btn > div:nth-child(1).active { top: 8px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	#m_nav_btn > div:nth-child(2).active { opacity: 0; }
	#m_nav_btn > div:nth-child(3).active { top: auto; bottom: 8px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }



	br.footer_br_01 { display: none; }
	#footer { height: auto; margin-bottom: -10px; }
	#footer .footer_bg { display: none; }
	#footer .footer_containner .footer_info { width: 100%; padding: 0px 15px; box-sizing: border-box; }
	#footer .footer_containner .footer_info > div { padding: 30px 0px; }
	#footer .footer_containner .footer_info .footer_logo { text-align: center; margin-bottom: 15px; }
	#footer .footer_containner .footer_info .footer_logo img { float: none; height: 30px; }
	#footer .footer_containner .footer_info .footer_addr, 
	#footer .footer_containner .footer_info .footer_number, 
	#footer .footer_containner .footer_info .footer_email { line-height: 2; font-size: 12px; text-align: center; }

	#footer .footer_containner .footer_func { width: 100%; width: 100%; padding: 0px 15px; box-sizing: border-box;  }
	#footer .footer_containner .footer_func > div { padding: 30px 0px; }
	#footer .footer_containner .footer_func .footer_func_nav { display: none; }
	#footer .footer_containner .footer_func .footer_func_link { width: 100%; }

	#footer .footer_containner .footer_func .footer_func_link .footer_sns { text-align: center; }
	#footer .footer_containner .footer_func .footer_func_link .footer_sns a {  margin-left: 30px; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy { position: relative; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_bar { text-align: center; line-height: 1px; margin-top: 15px; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_bar > div { float: none; vertical-align: middle; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_txt { margin-top: 15px; text-align: center; }


	#subHeader { height: auto; padding-top: 120px; padding-bottom: 30px; }
	#subHeader > div { padding: 0px 15px; box-sizing: border-box; }
	#subHeader .sub_header_title { font-size: 24px; }
	#subHeader .sub_header_nav { margin-top: 15px; }
	#subHeader .sub_header_nav ul li div { margin: 0px 10px; }
	#subHeader .sub_header_nav ul li a { font-size: 12px; }


	#header.scroll_fixed { height: auto; padding-top: 15px; padding-bottom: 15px; }
	#header.scroll_fixed .header_logo > a > img { height: 40px; margin-top: 0px; }

	#topBtn { width: 35px; height: 35px; right: 15px; }
}

@media (max-width: 749px) and (min-width: 480px) { 
	#header { height: auto; padding: 20px 15px; box-sizing: border-box; }
	#header .header_logo > a > img { height: 50px; }
	#header .header_nav { height: 50px; line-height: 50px; }
	#header .header_nav ul { 
		display: none;
		position: fixed; top: 50%; left: 0px; 
		width: 100%; height: auto; line-height: initial; 

		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		z-index: 199999;
	}
	#header .header_nav ul li { width: 100%; height: auto; line-height: initial; text-align: center; margin-left: 0px; }
	#header .header_nav ul li a { 
		width: auto; height: auto; line-height: initial; 
		float: none;
		font-size: 26px; font-weight: bold;
		padding: 10px;
		box-sizing: border-box;
	}



	#m_nav_btn { display: inline-block; }


	#footer .footer_containner { padding: 0px 0px; box-sizing: border-box; }

	br.footer_br_01 { display: none; }
	#footer { height: auto; }
	#footer .footer_bg { display: none; }
	#footer .footer_containner .footer_info { width: 100%; padding: 0px 15px; box-sizing: border-box; }
	#footer .footer_containner .footer_info > div { padding: 30px 0px; }
	#footer .footer_containner .footer_info .footer_logo { text-align: center; margin-bottom: 15px; }
	#footer .footer_containner .footer_info .footer_logo img { float: none; height: 35px; }
	#footer .footer_containner .footer_info .footer_addr, 
	#footer .footer_containner .footer_info .footer_number, 
	#footer .footer_containner .footer_info .footer_email { line-height: 2; font-size: 12px; text-align: center; }

	#footer .footer_containner .footer_func { width: 100%; width: 100%; padding: 0px 15px; box-sizing: border-box;  }
	#footer .footer_containner .footer_func > div { padding: 30px 0px; }
	#footer .footer_containner .footer_func .footer_func_nav { display: none; }
	#footer .footer_containner .footer_func .footer_func_link { width: 100%; }

	#footer .footer_containner .footer_func .footer_func_link .footer_sns { text-align: center; }
	#footer .footer_containner .footer_func .footer_func_link .footer_sns a {  margin-left: 30px; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy { position: relative; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_bar { text-align: center; line-height: 1px; margin-top: 15px; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_bar > div { float: none; vertical-align: middle; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_txt { margin-top: 15px; text-align: center; }



	#subHeader { height: auto; padding-top: 150px; padding-bottom: 30px; }
	#subHeader > div { padding: 0px 15px; box-sizing: border-box; }
	#subHeader .sub_header_title { font-size: 32px; }
	#subHeader .sub_header_nav { margin-top: 15px; }
	#subHeader .sub_header_nav ul li div { margin: 0px 10px; }
	#subHeader .sub_header_nav ul li a { font-size: 13px; }

	#header.scroll_fixed { height: 80px; padding-top: 15px; padding-bottom: 15px; }
	#header.scroll_fixed .header_logo > a > img { height: 50px; margin-top: 0px; }
	#topBtn { width: 35px; height: 35px; right: 15px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	#header { height: auto; padding: 30px 15px; box-sizing: border-box; }
	#header .header_logo > a > img { height: 50px; }
	#header .header_nav { height: 50px; line-height: 50px; }
	#header .header_nav ul { height: 50px; line-height: 50px; }
	#header .header_nav ul li { height: 50px; line-height: 50px; }
	#header .header_nav ul li a { height: 50px; line-height: 50px; }
	#footer .footer_containner { padding: 0px 30px; box-sizing: border-box; }
	#header .header_nav ul li { margin-left: 30px; }


	br.footer_br_01 { display: block; }
	#footer { height: 230px; }
	#footer .footer_containner .footer_info { width: 50%; }
	#footer .footer_containner .footer_info > div { padding: 30px 0px; }

	#footer .footer_containner .footer_func { width: 50%; }
	#footer .footer_containner .footer_func > div { padding: 30px 0px; }
	#footer .footer_containner .footer_func .footer_func_nav { display: none; }
	#footer .footer_containner .footer_func .footer_func_link .footer_sns a {  margin-left: 30px; }
	#footer .footer_containner .footer_func .footer_func_link .footer_copy .footer_copy_txt { margin-top: 30px; }


	#subHeader { height: auto; padding-top: 150px; padding-bottom: 45px; }
	#subHeader > div { padding: 0px 30px; box-sizing: border-box; }
	#subHeader .sub_header_title { font-size: 52px; }
	#subHeader .sub_header_nav { margin-top: 20px; }
	#m_nav_bg { display: none !important; }


	#header.scroll_fixed { height: 80px; padding-top: 15px; padding-bottom: 15px; }
	#header.scroll_fixed .header_logo > a > img { height: 50px; margin-top: 0px; }

	#topBtn { width: 35px; height: 35px; right: 15px; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#header { padding: 30px 15px; box-sizing: border-box; }
	#footer .footer_containner { padding: 0px 60px; box-sizing: border-box; }
	#header .header_nav ul li { margin-left: 30px; }


	br.footer_br_01 { display: block; }
	#footer .footer_containner .footer_info { width: 250px; }
	#footer .footer_containner .footer_info > div { padding: 60px 0px; }

	#footer .footer_containner .footer_func { width: calc(100% - 250px); }
	#footer .footer_containner .footer_func > div { padding: 60px 0px; }
	#footer .footer_containner .footer_func .footer_func_nav { padding-left: 30px; }

	#subHeader { height: auto; padding-top: 150px; padding-bottom: 60px; }
	#subHeader > div { padding: 0px 60px; box-sizing: border-box; }
	#subHeader .sub_header_title { font-size: 65px; }
	#subHeader .sub_header_nav { margin-top: 20px; }
	#m_nav_bg { display: none !important; }
	#topBtn { right: 15px; }

}


@media (max-width: 1530px) and (min-width: 1280px) { 
	#header { padding: 30px 30px; box-sizing: border-box; }
	#footer .footer_containner { padding: 0px 90px; box-sizing: border-box; }
	#header .header_nav ul li { margin-left: 30px; }
	#subHeader > div { padding: 0px 90px; box-sizing: border-box; }
	#m_nav_bg { display: none !important; }
	#topBtn { right: 30px; }

}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}

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


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

	}

*/