@charset "euc-kr";

/* ¸ÞÀÎ ¸Þ´º */

@font-face {
	font-family:NotoSans;
	font-weight:normal;
	src:url('/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
	font-family:NotoSans;
	font-weight:bold;
	src:url('/font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
	font-family:NotoSans;
	font-weight:800;
	src:url('/font/NotoSansKR-Medium.woff') format('woff');
}



*{margin:0; padding:0; font-family: NotoSans;}
li{list-style: none}
#menu_box { position:relative; width:100%; }
.gnb {position: relative; top:-17px; width:920px; margin:0 auto;}
.gnb:after {clear:both; display:block; content:"";}
	.gnb > li{position: relative; display: inline-block; margin-right:50px; text-align:center;}
  .gnb > li:last-child {margin-right:0px;}
		.gnb > li > a {display:inline-block; width:100%; height:40px; line-height:40px;  font-size:14px; color:#fff; font-weight: bold;}
		.gnb > li:nth-child(1) > a {}
		.gnb > li > a:hover {color:#fff;}

	.gnb > li .menu {display:none; opacity:0;  text-align: left; z-index: 999;  position: absolute; top: 40px; line-height:normal; padding-top:8px; z-index: 0;}
	.gnb > li:nth-child(1) .menu{left:-40px; }
  .gnb > li:nth-child(2) .menu{left:-40px; }
  .gnb > li:nth-child(3) .menu{left:-40px;}
  .gnb > li:nth-child(4) .menu{left:-240px; }
  .gnb > li:nth-child(5) .menu{left:-40px; }
  .gnb > li:nth-child(6) .menu{left:-40px; }
  .gnb > li:nth-child(7) .menu{left:-240px;}

  .gnb > li:nth-child(1):hover .menu{display:block; width:500px; animation: mymove_opa 1s forwards; z-index: 1;}
  .gnb > li:nth-child(2):hover .menu{display:block; width:500px; animation: mymove_opa 1s forwards; z-index: 1;}
  .gnb > li:nth-child(3):hover .menu{display:block; width:500px; animation: mymove_opa 1s forwards; z-index: 1;}
  .gnb > li:nth-child(4):hover .menu{display:block; width:800px; animation: mymove_opa1 1s forwards; z-index: 1;}
  .gnb > li:nth-child(5):hover .menu{display:block; width:300px; animation: mymove_opa 1s forwards; z-index: 1;}
  .gnb > li:nth-child(6):hover .menu{display:block; width:200px; animation: mymove_opa 1s forwards; z-index: 1;}
  .gnb > li:nth-child(7):hover .menu{display:block; width:500px; animation: mymove_opa1 1s forwards; z-index: 1;}

		.menu > li{display: inline-block;}
			.menu > li > a {display: block; padding:0 10px; color: #fff; font-size: 12px; cursor: pointer; word-break:keep-all;}
			.menu > li a:hover { color:#ffee00; }


.title{color:#000; font-weight: 800; font-size:22px; text-align:center; margin-top:-50px; letter-spacing: -1px;}
.sm01{ font-weight: bold; font-size:14px; text-align:left; padding-left:40px; letter-spacing: -1px;}
  .sm01 a{color:#393939;}
  .sm01 a:hover{color:#f96c70;}