/*******************************************
	폰트 
********************************************/
@import url('../font/icofont/icofont.min.css');
@import url('../font/Roboto/stylesheet.css');
@import url('../font/NanumSquareOTF/font.css');

@font-face {
    font-family: 'MapoGoldenPier';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoGoldenPierA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff');
}
@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
}
@font-face {
  font-family: 'LotteMartDream';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff');
}

.lottemartdream * {
 font-family: 'LotteMartDream', sans-serif;
}



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





/*******************************************
	공통요소
********************************************/
	* {	margin: 0px; padding: 0px; -webkit-overflow-scrolling : touch; outline: 0 none !important; font-family: 'Roboto', 'NanumSquare', sans-serif; }

	html, body {
		display: inline-block; width: 100%; height: auto;
		margin: 0px; padding: 0px;
		font-size: 14px;
		font-family: 'Roboto', 'NanumSquare', sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust: 100%;
	}
	body { -webkit-overflow-scrolling: touch; float: left; overflow-x: hidden; }

	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
	::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
	::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
	::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }



	h1,h2,h3,h4,h5 {
		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				{ display: inline; }
	.display_inline_block		{ display: inline-block; }
	.display_none				{ display: none; }
	.display_block				{ display: block; }
	.display_table				{ display: table; }
	.display_table_cell			{ display: table-cell; }

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

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


	.bold		{ font-weight: 800; }


	.font_mapo	{ font-family: 'MapoGoldenPier'; }
	
	/*
	.font_3	{ font-family: 'S-CoreDream-3Light'; }
	.font_5	{ font-family: 'S-CoreDream-5Medium'; }
	*/

	.font_3	{ }
	.font_5	{  font-family: 'NanumSquare-B'; }

	.LotteMartDream { font-family: 'LotteMartDream'; }



	.fly {
		opacity: 0;

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

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


	.fly2 {
		opacity: 0;

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

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

	.fly_left {
		opacity: 0;

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

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


	.fly_right {
		opacity: 0;

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

		transform: translateY(0px) translateX(25px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(25px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(25px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(25px) -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);
	}

	input, select, textarea {
		-webkit-appearance: none;
		   -moz-appearance: none;
				appearance: none;
				border-radius: 0px;
	}
	
	.ctr { transform: skew(-0.1deg); }


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

#wrap { width: 100%; height: auto;  min-height: calc(100vh - 366px); overflow-x: hidden; }
#wrap > .containner { width: 100%; height: auto; }

#header {
	width: 100%; height: 111px;
	border-bottom: 1px solid #ECECEC;
	background-color: #fff;
	z-index: 10001;
	box-sizing: border-box;
}

#header > div {
	left: 50%;
	width: 100%; max-width: 1800px; height: 100%;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#header .logo {
	width: auto; height: 63px;
	margin-top: 23.5px;
	box-sizing: border-box;
}
#header .logo a, 
#header .logo a img { width: auto; height: 100%; } 

#header .nav {
	width: auto; height: 63px; line-height: 63px;
	margin-top: 23.5px;
	box-sizing: border-box;
}

#header .nav > div { 
	width: auto; height: 100%;  
	padding-right: 90px;
}


#header .nav > div > ul > li:first-child { margin-left: 0px; }
#header .nav > div > ul > li {
	width: auto; height: 100%; line-height: 63px;
	margin-left: 80px;
	box-sizing: border-box;
}
#header .nav > div > ul > li > a { font-size: 20px; color: #3A3A3B; text-align: left; font-weight: 700; }
#header .nav > div > ul > li > a.active { 
	color: #6CD090; 
}

#header .nav > div > ul > li:hover > div { display: inline-block; }
#header .nav > div > ul > li > div::before {
	content:  "";
	position: absolute; top: -10px; left: 50%;

	width: 0px;height: 0px;
	border-top: 10px solid none;
	border-bottom: 10px solid #6CD090;
	border-right: 10px solid transparent;
	border-left: 10px solid  transparent;



    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

}
#header .nav > div > ul > li > div {
	display: none;
	top: 100%; left: 50%;
	width: 180px; height: auto;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	padding: 5px 0px;
	background-color: #6CD090;



	box-sizing: border-box;
}

#header .nav > div > ul > li > div > div {
	width: 100%; height: auto;
	box-sizing: border-box;
}

#header .nav > div > ul > li > div > div > a:hover {
	background-color: #5bc080;
}
#header .nav > div > ul > li > div > div > a {
	width: 100%; height: 50px; line-height: 50px;
	padding: 0px 20px;
	font-weight: 400;
	color: #fff; font-size: 16px; text-align: left;
	background-color: #6CD090;
	box-sizing: border-box;
}



#footer {
	width: 100%; height: auto;
	border-top: 1px solid #ECECEC;
	padding: 60px 0px;
	box-sizing: border-box;
}

#footer > div {
	left: 50%;
	width: 100%; max-width: 1260px; height: 100%;
	padding: 0px 30px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#footer .containner_info {
	width: 50%; height: auto;
	box-sizing: border-box;
}


#footer .containner_info .footer_name {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 18px; color: #3A3A3B; text-align: left;
	box-sizing: border-box;
}

#footer .containner_info .footer_addr {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #3A3A3B; text-align: left;
	margin-top: 20px;
	box-sizing: border-box;
}



#footer .containner_info .footer_copy {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #3A3A3B; text-align: left;
	margin-top: 15px;
	box-sizing: border-box;
}



#footer .containner_time {
	width: 50%; height: auto;
	box-sizing: border-box;
}



#footer .containner_time .footer_name {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 18px; color: #3A3A3B; text-align: left;
	box-sizing: border-box;
}

#footer .containner_time .footer_time {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #3A3A3B; text-align: left;
	margin-top: 15px;
	box-sizing: border-box;
}

#footer .containner_time .footer_time > div {
	width: 212px; height: auto; line-height: 2;
	box-sizing: border-box;
}


#sub_header {
	width: 100%; height: 500px;
	padding-bottom: 90px;
	box-sizing: border-box
}

#sub_header > div {
	width: 100%; height: 100%;
	
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
	box-sizing: border-box;
}


#sub_header > div > div {
	left: 50%;
	width: 100%; max-width: 1230px; height: 100%;
	padding: 0px 15px;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

	box-sizing: border-box;
}

#sub_header .title {
	left: 15px; bottom: -45px;
	width: 420px; height: 250px; line-height: 250px;
	font-size: 38px; color: #3A3A3B; text-align: center;
	border: 1px solid #ECECEC; 
	background-color: #fff;
	z-index: 1;
	box-sizing: border-box;
}


#sub_header .sub_nav {
	right: 15px; bottom: -90px;
	width: 100%; height: 25px; line-height: 25px;
	font-size: 16px; color: #3A3A3B; text-align: right;
	box-sizing: border-box;
}

#sub_header .sub_nav img { vertical-align: middle;   }
#sub_header .sub_nav img.home { width: 20px; height: 18px; vertical-align: -3px; }
#sub_header .sub_nav img.arrow { width: 5px; height: 9px; margin: 0px 15px; }






#header .m_nav {
	display: none;
	top: 50%; right: 20px;
	width: 25px; height: 18px;

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	cursor: pointer;
	box-sizing: border-box;
}
#header .m_nav > div { width: 100%; height: 100%; box-sizing: border-box; }
#header .m_nav > div > div {
	left: 0px;
	width: 100%; height: 2px;
	border-radius: 5px;
	background-color: #000;
	box-sizing: border-box;
}

#header .m_nav > div > div:nth-child(1) { top: 0px; }
#header .m_nav > div > div:nth-child(2) { 
	top: 50%; 

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);

}
#header .m_nav > div > div:nth-child(3) { bottom: 0px; }


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




#m_menu {
	display: none;
	top: 0px; left: 0px;
	width: 100vw; height: 100vh;
	z-index: 10000;
	box-sizing: border-box;
}

#m_menu .bg {
	top: 0px; left: 0px;
	width: 100%; height: 100%;
	z-index: 1;
	background-color: #fff;
	box-sizing: border-box;
}

#m_menu .nav {
	width: 100%; height: auto;
	margin-top: 81px;
	z-index: 1;
	padding: 60px 20px;
	box-sizing: border-box;
}

#m_menu .nav > div {
	width: 100%; height: auto;
	box-sizing: border-box;
}
#m_menu .nav > div > ul {
	width: 100%; height: auto;
	box-sizing: border-box;
}
#m_menu .nav > div > ul > li:first-child { margin-top: 0px; }
#m_menu .nav > div > ul > li {
	width: 100%; height: auto;
	margin-top: 30px;
	box-sizing: border-box;	
}
#m_menu .nav > div > ul > li > div { 
	width: 100%; height: auto;
	margin-top: 10px;
	box-sizing: border-box;
}

#m_menu .nav > div > ul > li > a {
	left: 50%; 
	width: 200px; height: auto; line-height: 1.5;
	font-size: 26px; color: #3A3A3B;  text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

#m_menu .nav > div > ul > li > a.active{ color: #6CD090; }

#m_menu .nav > div > ul > li > div > div { 
	left: 50%; 
	width: 150px;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
#m_menu .nav > div > ul > li > div > div > a:first-child {  margin-top: 0px; }
#m_menu .nav > div > ul > li > div > div > a { 
	width: 100%; height: auto; line-height: 1.5;
	font-size: 16px; color: #3A3A3B;  text-align: center;
	margin-top: 5px;
	text-align: center;
	box-sizing: border-box;	
}



@media (max-width: 479px){ 
	#header .m_nav { display: inline-block; width: 20px; height: 14px; }


	#header { position: fixed; top: 0px; left: 0px; }
	#wrap { min-height: calc(100vh - 416px); padding-top: 76px; }
	#m_menu .nav { padding: 45px 20px; }


	#header { height: 76px; }
	#header > div { padding: 0px 20px; }
	#header .logo { height: 35px; }
	#header .nav { display: none; }

	#footer { padding: 45px 0px; }
	#footer > div { padding: 0px 20px; }
	#footer .containner_time { width: 100%; }
	#footer .containner_info { width: 100%; margin-top: 30px; } 

	#footer .containner_time .footer_time > div { width: 140px; letter-spacing: -0.5px; }
	#footer .containner_info .footer_name { font-size: 14px; }
	#footer .containner_time .footer_name { font-size: 14px; }
	#footer .containner_info .footer_addr { font-size: 12px; letter-spacing: -0.5px; margin-top: 15px; }
	#footer .containner_time .footer_time { font-size: 12px; }
	#footer .containner_info .footer_copy { font-size: 12px; }



	.fly_right,
	.fly_left {
		opacity: 0;
		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);
	}






	#sub_header > div { background-position: 80% center; }
	#sub_header { height: 150px; padding-bottom: 0px; }
	#sub_header > div > div { padding: 0px 20px; background-color: rgba(255,255,255,.5); }
	#sub_header .title { 
		left: 50%; bottom: auto;  top: 50%;
		width: 100%; height: auto; line-height: 1.5; 
		font-size: 20px; 

		border: 0px; background-color: rgba(255,255,255,.0);
		padding-bottom: 22px;

		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	#sub_header .sub_nav { 
		right: auto;
		left: 50%; bottom: auto;  top: 50%;
		width: 100%; text-align: center; 
		font-size: 12px; 
		border: 0px; background-color: rgba(255,255,255,.0);
		padding-top: 22px;

		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#sub_header .sub_nav img.arrow { margin: 0px 5px; }
	#sub_header .sub_nav img.home { width: 16px; height: 14px; }


	#m_menu .nav { margin-top: 76px; }
	#m_menu .nav > div > ul > li > a { font-size: 20px; }
	#m_menu .nav > div > ul > li > div > div > a { font-size: 14px; }
	#m_menu .nav > div > ul > li { margin-top: 20px; }



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

@media (max-width: 749px) and (min-width: 480px) { 
	#header .m_nav { display: inline-block; width: 20px; height: 14px; }

	#header { position: fixed; top: 0px; left: 0px; }
	#wrap { min-height: calc(100vh - 416px); padding-top: 76px; }



	#header { height: 76px; }
	#header > div { padding: 0px 20px; }
	#header .logo { height: 35px; }
	#header .nav { display: none; }

	#footer { padding: 45px 0px; }
	#footer > div { padding: 0px 20px; }
	#footer .containner_time { width: 100%; }
	#footer .containner_info { width: 100%; margin-top: 30px; } 


	#footer .containner_time .footer_time > div { width: 170px; }
	#footer .containner_info .footer_name { font-size: 14px; }
	#footer .containner_time .footer_name { font-size: 14px; }
	#footer .containner_info .footer_addr { font-size: 12px; }
	#footer .containner_time .footer_time { font-size: 12px; }
	#footer .containner_info .footer_copy { font-size: 12px; }



	.fly_right,
	.fly_left {
		opacity: 0;
		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);
	}



	#sub_header { height: 180px; padding-bottom: 0px; }
	#sub_header > div > div { padding: 0px 20px; background-color: rgba(255,255,255,.5); }
	#sub_header .title { 
		left: 50%; bottom: auto;  top: 50%;
		width: 100%; height: auto; line-height: 1.5; 
		font-size: 22px; 

		border: 0px; background-color: rgba(255,255,255,.0);
		padding-bottom: 22px;

		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	#sub_header .sub_nav { 
		right: auto;
		left: 50%; bottom: auto;  top: 50%;
		width: 100%; text-align: center; 
		font-size: 12px; 
		border: 0px; background-color: rgba(255,255,255,.0);
		padding-top: 22px;

		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#sub_header .sub_nav img.arrow { margin: 0px 5px; }
	#sub_header .sub_nav img.home { width: 16px; height: 14px; }


	#m_menu .nav { margin-top: 76px; }
	#m_menu .nav > div > ul > li > a { font-size: 22px; }
	#m_menu .nav > div > ul > li > div > div > a { font-size: 15px; }



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



}

@media (max-width: 1023px) and (min-width: 750px) { 
	#header { position: fixed; top: 0px; left: 0px; }
	#header .m_nav { display: inline-block; }
	#wrap { min-height: calc(100vh - 282px); padding-top: 81px; }
	#header { height: 81px; }
	#header > div { padding: 0px 20px; }
	#header .logo { height: 40px; }
	#header .nav { display: none; }

	#footer { padding: 45px 0px; }
	#footer > div { padding: 0px 20px; }
	#footer .containner_time .footer_time > div { width: 170px; }
	#footer .containner_info .footer_name { font-size: 14px; }
	#footer .containner_time .footer_name { font-size: 14px; }
	#footer .containner_info .footer_addr { font-size: 12px; }
	#footer .containner_time .footer_time { font-size: 12px; }
	#footer .containner_info .footer_copy { font-size: 12px; }





	.fly_right,
	.fly_left {
		opacity: 0;
		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);
	}


	#sub_header { height: 300px; padding-bottom: 60px; }
	#sub_header > div > div { padding: 0px 20px; }
	#sub_header .title { left: 20px; bottom: -60px; font-size: 26px; width: 300px; height: 180px; line-height: 180px; }
	#sub_header .sub_nav { right: 20px; bottom: -60px; font-size: 14px; }
	#sub_header .sub_nav img.arrow { margin: 0px 10px; }
	#sub_header .sub_nav img.home { width: 18px; height: 16px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 
	#wrap { min-height: calc(100vh - 304px); }
	#header { height: 91px; }
	#header .logo { height: 50px; }
	#header .nav > div > ul > li { margin-left: 45px; }
	#header .nav > div > ul > li > a { font-size: 18px; }
	#header .nav { height: 55px; line-height: 55px; margin-top: 17.5px; }
	#header .nav > div > ul > li > div > div > a { height: 45px; line-height: 45px; font-size: 14px; } 

	#footer { padding: 45px 0px; }
	#footer .containner_info .footer_name { font-size: 16px; }
	#footer .containner_time .footer_name { font-size: 16px; }
	#footer .containner_info .footer_addr { font-size: 14px; }
	#footer .containner_time .footer_time { font-size: 14px; }
	#footer .containner_info .footer_copy { font-size: 14px; }


	#sub_header { height: 400px; padding-bottom: 75px; }
	#sub_header > div > div { padding: 0px 30px; }
	#sub_header .title { left: 30px; bottom: -75px; font-size: 32px; width: 400px; height: 230px; line-height: 230px; }
	#sub_header .sub_nav { right: 30px; bottom: -75px; font-size: 15px; }

}
@media (min-width: 1024px) { 
	#m_menu { display: none !important; }
}


/*
	@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) { 

	}
*/