@charset "UTF-8";
html *::-webkit-scrollbar{width: 8px;background-color: #eee; border-radius: 35px;}
html *::-webkit-scrollbar-thumb{width: 8px;background-color: #333; border-radius: 35px;}
body{font-family: 'Noto Sans KR';color: #222;min-width:320px;}
header{position: fixed;top: 0;background: #fff;width: 100%;height: 100px;z-index: 20;}
header.hover{background:rgba(255,255,255,.4)}
article{display: flex;align-items: center;height: 100%;padding: 0 40px;}
h1{display: inline-block;z-index: 10;}
.logo a{font-family: "Montserrat", sans-serif;font-weight: 800;line-height: 100px;color: #005ffe;}
nav{width: 100%;position: absolute;top: 35px;left: 50%;transform: translateX(-50%);}
nav ul{display: flex;align-items: center;justify-content: center;}
nav li{margin: 0 50px;}
nav a{font-family: "Montserrat", sans-serif;font-weight: 600;font-size: 18px;}
header .contact{font-family: "Montserrat", sans-serif;position: absolute;top: -10px;right: 0;display: block;border-radius: 26px;background: rgba(0, 95, 254, 0.1);width: 126px;height: 45px;}
header .contact marquee{font-size:16px;font-weight: 600;line-height: 45px;color: #005ffe;}
footer{padding: 15px 0 30px;text-align: center;}
footer p{color: #888;}
footer span{font-weight: 600;}
@media only screen and (max-width:1023px){
	.logo a{font-size: 22px;}
	nav li{margin: 0 35px;}
	nav a{font-size: 16px;}
	header .contact{width: 94px;}
	footer{padding: 15px 0 30px;}
	footer p{font-size: 15px;}
}
@media only screen and (max-width:767px){
	article{justify-content: space-between;padding: 10px 20px;}
	.logo a{font-size: 18px;}
	nav{position: static;transform: initial;margin-top: -7px;margin-left: 28px;}
	nav li{flex: auto;margin:0 7px;text-align: center;}
	nav li:first-child{margin-left:0;}
	nav a{font-size: 15px;color: #aaaaaa;}
	nav .on a{color: #333;}
	header .contact{position: static;max-width: 85px;height: 36px;}
	header .contact marquee{font-size: 15px; line-height: 36px;}
	footer{padding: 15px 0;}
}
@media only screen and (max-width:480px){
	header{box-shadow: 4px 0px 10px 0px rgba(0,0,0,.09);height:96px;}
	article{display: block;padding: 10px 20px;}
	.logo a{line-height: 20px;}
	nav{margin-top: 2px;margin-left: 0;}
	nav li{text-align: left;margin:0;}
	header .contact{ max-width: 75px;}
	nav a{font-size: 14px;}
	header .contact marquee{font-size: 14px;}
	footer p{font-size: 13px;}
}
@media only screen and (max-width:380px){
	nav a{font-size: 13px;}
	header .contact{height: 32px;margin-top: 3px;}
	header .contact marquee{font-size: 13px;line-height: 32px;}
}