@charset "utf-8";

/* ·Î°í */
	#logo {margin-top: 10px;}
	#logo p {font-size:24pt; color: #000; font-family:'Noto Sans KR', sans-serif;  line-height: 2.4; padding: 0px 30px; letter-spacing: 2px; }
	#logo a {text-align: center; }
	#logo img {width: 250px; height: 80px; }
	#logo .mlogo  {display: none;}
	/* logo media query*/
		@media (max-width: 1000px){
			#logo {position: absolute; right: 0px; top: 0px;  z-index:50;}
			#logo .logo  {display: none;}
			#logo .mlogo {display: block;}			
			#logo .mlogo a {text-align: left; }
		}

/* top  */
	#top {}
	#top .top li {display: none; } /* ¸ð¹ÙÀϾÆÀÌÄÜ */
	/* top media query*/
		@media (max-width: 1000px){
			#top {position: relative; }
			#top .top {position: absolute;  left: 10px; top: 140px; }		
			#top .top li {display: inline; }
			#top .top li img {display: block; padding-top: 10px; width: 60px; height: 75px;}
			#top .top li a {padding: 0px 0px; letter-spacing: 1px; }
		}

/*menu-wrap*/
	#menu-wrap {margin-top: 0px; background-color: #1565c0;}
	#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: 1.4; padding: 0px 30px; letter-spacing: 2px; }
	/*menu-wrap media query*/
		@media (max-width: 1000px){
			#menu-wrap {position: absolute; left: 0px; top: 0px; width: 100%;  height: 140px; transition: left 0.3s ease-in-out; background: #fff ;}
			#menu-wrap .mNav {display: block; float: left; width: 60px; height: 75px; cursor: pointer; padding: 40px 0  0px 10px;}
			#menu-wrap .menu { display: none; overflow: hidden; position: absolute; left: 80px; top: 80px; width: 90%; background: #fff;  text-align: left; }
			#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: 20px; color:#000; }
		}
	
/* 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;}
		}