﻿@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
	
#header { width:1200px; margin:0 auto; margin-bottom:-15px; }
#header h1 {
	float:left;
	padding-left:10px;
	padding-top:48px;
	}
	
	
	
	
	
.nav_wrap { width: 930px; float:right; }
/* @group core nav menu */
#nav { margin: 10px; padding: 0; list-style: none;}
#nav li p{line-height:30px; margin-top:43px; margin-bottom:38px; font-size:18px; letter-spacing:0.5pt; line-height:20px; font-weight :500; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
#nav li p span{font-size:13px;font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
#nav li { float: left; display: block;  position: relative; z-index: 9999999999999;font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
#nav li a { display: block; padding: 0 35px 0  35px; line-height: 97px; text-decoration: none; zoom: 1; text-align:center; line-height:18px; color:#242424; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif;   }
#nav li a:hover, #nav li a.hov {  font-weight :600; color:#333;font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
.menu_p{ height:72px;  line-height:30px; margin-top:15px;}
.menu_p span { font-size:13px;}

/* @group subnav */
#nav ul { position: absolute; left:-9px; display: none; margin: 0;  z-index:99999999999999; top:90px;  padding: 0; list-style: none; }	
#nav ul.menu1 li { width:155px; float: left; z-index:99999999999999; }
#nav ul li:hover { background:#045cb5; }

#nav ul.menu1 a { width:155px; display: block;  line-height:25px; padding: 7px 0px ; z-index:99999999999999;   font-size:10.5pt; color:#6e6e6e; border-bottom:1px #dddddd solid;border-left:1px #dddddd solid;border-right:1px #dddddd solid; background:#fff;font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
.mbd a{  border-top:1px #dddddd solid;}
#nav ul.menu1 a:hover { font-weight:500;	text-decoration:none;  color:#000;  padding:7px 0px;font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; }


/*모바일 */

	.auto {max-width:100%; height:auto;}


		table{font-size:14px;font-family:'NanumSquareRound','Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif; line-height: 180%; color: #444444; text-align:left;  } 
		td{font-size:14px;font-family:'NanumSquareRound','Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif; line-height: 180%; color: #444444; } 
		body{font-size:14px;font-family:'NanumSquareRound','Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif; line-height: 180%; color: #444444;} 

		A:link		{ color: #444444; text-decoration:none;		 font-family:'NanumSquareRound','Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif;} 
		A:visited	{ color: #444444; text-decoration:none;		font-family:'NanumSquareRound','Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif; } 
		A:hover		{ color: #444444; text-decoration:underline; font-family:'NanumSquareRound','Noto Sans Korean','Malgun Gothic', '맑은 고딕', sans-serif;}





		/* 아이패드 이하 */
		@media only screen and (max-width: 769px) {
		.title  {padding: 0 0 0 0px;width:100%; display:block; line-height:40px; text-decoration:none; background:#fff; color:#333;font-weight:600; font-size:20px;border-bottom:2px #fff solid;} 
		}


ul#topnav_mobile { margin: 0; padding: 0px; float: center;  list-style: none; position: relative; font-size: 1em; z-index:100;}
ul#topnav_mobile li { float: left; margin: 0; border-right: 0px solid #555;  background:url('./top_bar.gif') no-repeat;}
ul#topnav_mobile li:hover > a {  color: #ff3300; }
ul#topnav_mobile li:first-child { background:none; }

ul#topnav_mobile li span { float: left; padding: 10px 0; position: absolute; top:42px; display: none; background: #fff; color: #bec7d9; z-index:1;}
ul#topnav_mobile li:hover span { display: block; }
ul#topnav_mobile li span a {  color: #bec7d9; font-weight:normal;  font-size:16px; display: inline;  line-height:20px;padding: 10px 10px 10px 10px ; }
ul#topnav_mobile li span a:hover { color:#fff;text-decoration: none; font-weight:600;}

ul#topnav_mobile li a {
  font-weight:normal; text-align:center; font-size:20px; letter-spacing:-1px; padding: 0 25px ; line-height:50px; height:50px;display: block; color: #333333; text-decoration: none; 
}

@media only screen and (max-width: 700px) {
ul#topnav_mobile li a {
   font-weight:normal; text-align:center; font-size:17px; letter-spacing:-1px; padding: 0 18px ; line-height:50px; height:50px;display: block; color: #333333; text-decoration: none; 
  }
}

@media only screen and (max-width: 500px) {
ul#topnav_mobile li a {
  font-weight:normal; text-align:center; font-size:13px; letter-spacing:-1px; padding: 0 7px ; line-height:50px; height:50px;display: block; color: #333333; text-decoration: none; 
  }
}

