@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*** ESSENTIAL STYLES **
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; width:100%; font-family:'Noto Sans KR', sans-serif;}
.sf-menu{line-height:1; }
.sf-menu li {position: relative;}
.sf-menu li a{display:block; font-family:'Noto Sans KR', sans-serif;}

.sf-menu > li {float:left; width:auto; padding:10px 23px 0px 23px;}
.sf-menu > li:last-child{padding-right:0;}
.sf-menu > li > a{font-size:16px; color:#000; letter-spacing:-1px; padding-bottom:10px; font-weight:500;}

.sf-menu li ul{position: absolute; top:100%; left:0; min-width:100%; width:160px; z-index: 999; background:#fff; padding:12px 0; visibility:hidden; opacity:0; transition:opacity .5s ease; box-shadow:0 1px 6px 0 rgba(0,0,0,0.16);}

.sf-menu > li ul li a{position:relative; padding:8px 20px; box-sizing:border-box; font-size:15px; color:#333; letter-spacing:-1px; font-weight:400; line-height:130%;}
.sf-menu > li ul li a:hover{color:#00a2e5;}
.sf-menu > li ul ul {position:absolute; top:-14px; left:100%;}

.sf-menu .sf_arrow:before{content:""; position:absolute; top:12px; right:20px; width:8px; height:12px; background:url(/image/nav_arrow.png) no-repeat; opacity: 0.8;}

.sf-menu > li:hover > a{color:#00a2e5;}
.sf-menu li:hover > ul{opacity:1; visibility:visible;}*/

	.nav {z-index:9999; font-family:"Noto Sans KR";}
	.nav a {font-family:"Noto Sans KR";}
/*nav*/
	.sf-menu, .sf-menu * {margin:0; padding:0; width:100%;}
	.sf-menu{line-height:1; width:auto; height:53px; margin-left:20px;}
	.sf-menu li {position: relative; list-style:none;}
	.sf-menu li a{display:block; }
	
	.sf-menu > li {float:left; width:auto; height:53px; padding:14px 15px; box-sizing:border-box; }
	.sf-menu > li:last-child {padding-right:0;}
	.sf-menu > li > a {font-size:17px; color:#000; font-weight:500; letter-spacing:-1px; font-family: 'Noto Sans KR', Helvetica, sans-serif; }
	
	.sf-menu li ul{position: absolute; top:100%; left:0; min-width:100%; width:auto; z-index: 999; background:#fff; border-top:4px solid #0099cc; padding:12px 0; visibility:hidden; opacity:0; transition:opacity .5s ease; box-shadow:0 1px 6px 0 rgba(0,0,0,0.16);}
	.sf-menu li ul li{white-space:nowrap;}

	.sf-menu > li ul li a{position:relative; padding:8px 30px 8px 20px; box-sizing:border-box; font-size:15px; color:#333; letter-spacing:-1px; font-weight:400; line-height:130%; text-align:left;}
	.sf-menu > li ul li a:hover {color:#0099cc;}
	.sf-menu > li ul ul {position:absolute; top:-16px; left:100%;}

	.sf-menu .sf_arrow:before {content:">"; padding-left:20px;}

	.sf-menu > li:hover > a{color:#0099cc;}
	.sf-menu li:hover > ul {opacity:1; visibility:visible;}