@charset "utf-8";

/* ·Î°í */
	#logo {margin-top: 10px;}
	#logo a {text-align: center; }
	#logo img {width: 250px; height: 80px; }
	#logo .mlogo img {display: none;}
	/* logo media query*/
		@media (max-width: 1000px){
			#logo {position: absolute; right: 0px; top: 0px;  z-index:50;}
			#logo .logo {position: absolute; left: 0; top: 0; margin-top: 15px; }
			#logo .logo a {text-align: left; }
			#logo .logo img {display: none;}
			#logo .mlogo img{display: block; width: 350px; height: 142px; padding-top: 10px;  }
		}

/* top  */
	#top {background-color: #1565c0;}/* ¹Ù´Ù#1565c0 »ê#009900 °¡Á·# */
	#top .top li {display: none; } /* ¸ð¹ÙÀϾÆÀÌÄÜ */
	/* top media query*/
		@media (max-width: 1000px){
			#top {position: relative; }
			#top .top {position: absolute;  left: 30px; top: 140px; }		
			#top .top li {display: inline; }
			#top .top li img {display: block; padding-top: 10px; width: 80px; height: 100px;}
			#top .top li a {padding: 5px 10px; letter-spacing: 1px; }
		}

/*menu-wrap*/
	#menu-wrap {margin-top: 0px; background-color: #1565c0;}/* ¹Ù´Ù#1565c0 »ê#009900 °¡Á·# */
	#menu-wrap .mNav {display: none;}
	#menu-wrap .menu li {display: inline; }
	#menu-wrap .menu li a {font-size:14pt; color: #fff; font-family:'Noto Sans KR', sans-serif;  line-height: 2.4; padding: 20px 30px; letter-spacing: 2px; }
	/*menu-wrap media query*/
		@media (max-width: 1000px){
			#menu-wrap {position: absolute; left: 0px; top: 0px; width: 100%;  transition: left 0.3s ease-in-out; background: #fff ;}
			#menu-wrap .mNav {display: block; float: left; width: 80px; height: 100px; cursor: pointer; padding: 40px 0  0px 30px;}
			#menu-wrap .menu { display: none; overflow: hidden; position: absolute; left: 110px; top: 110px; width: 80%; background: #fff;  text-align: center; }
			#menu-wrap .menu ul {float: left; width: 100%; }
			#menu-wrap .menu ul li {display: inline-block; width: 80%; font-family:'Abel', sans-serif; padding: 10px;}
			#menu-wrap .menu ul li a {font-size: 32px; color:#999; }
		}
	
/* footer */
	#footer {text-align: center; padding: 10px 50px; }
	#footer li {position: relative; display: inline; margin-right: 5px; white-space: nowrap; line-height:1.6; color:#424242;}
	#footer li::after {padding-left: 5px; content: "l"}
	#footer li:last-child::after {content: ""}
	#footer address {padding-top: 10px; font-size: 12px; color:#979797;}
	#footer address a {color:#979797;}
	/* footer media query*/
		@media (max-width: 1100px){
			#footer li {font-size: 20px; margin: 0;}
			#footer address {font-size: 18px;}
		}