body,html{font-family:Noto Sans KR,sans-serif}#header{width:100%;padding:1vw 4vw;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;color:#fff;transition:all .3s ease-in-out}#header.scroll{background:#fff;color:#333;box-shadow:0 0 10px #0000004d}#header .wrapper{width:100%;display:flex;justify-content:space-between;align-items:center}#header .logo{height:2vw;display:flex;justify-content:center}#header .logo img{height:100%}#header .nav{display:flex;justify-content:center;align-items:center}#header .nav .menu{position:relative;margin-right:3vw;padding:1vw 0;font-size:1.2vw;margin-left:2vw}#header .nav .menu .sub-nav{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:100;color:#333;background:#fff;border:1px solid rgba(0,0,0,.3);display:none}#header .nav .menu:hover .sub-nav{display:flex;flex-direction:column}#header .nav .menu .sub-nav .sub-menu{width:10vw;display:flex;justify-content:center;align-items:center;padding:1vw;font-size:1vw}#header .nav .menu .sub-nav .sub-menu:hover{background:rgba(0,0,0,.2)}.banner{width:100%;height:30vw;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.banner img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.banner .text{color:#fff;text-align:center}.banner .text h1{font-size:3vw;font-weight:700}.banner .text p{font-size:1.6vw;margin-top:1vw}#footer{width:100%;padding:4vw;display:flex;justify-content:center;align-items:center}#footer .logo{height:2.5vw;display:flex;justify-content:center}#footer .logo img{height:100%}#footer .info{margin-top:2vw;display:flex;justify-content:center;align-items:center}#footer .info p{position:relative;font-size:.9vw;margin-left:1.8vw}#footer .info p:before{content:"";position:absolute;top:50%;left:-.9vw;width:.01vw;height:80%;background-color:#0000004d;transform:translateY(-50%)}#footer .info p:first-of-type:before{height:0}#footer .copyright{margin-top:1.5vw;font-size:.9vw;text-align:center}@media screen and (max-width:768px){#header{padding:2vw}#header .logo{height:3.5vw}#header .nav .menu{margin-right:3vw;padding:1vw 0;font-size:3vw;font-weight:700;margin-left:2vw}#header .nav .menu .sub-nav .sub-menu{width:30vw;position:relative;padding:2vw;font-size:2.6vw}.banner{height:55vw}.banner .text h1{font-size:1.8rem;font-weight:500}.banner .text p{font-size:.9rem;margin-top:1vw}#footer{padding:4vw}#footer .logo{height:1.3rem}#footer .info{margin-top:.7rem;flex-wrap:wrap}#footer .info p{width:100%;margin-top:1vw;font-size:.75rem;font-weight:300;margin-left:0}#footer .info p:before{width:0}#footer .copyright{margin-top:1.5vw;font-size:.6rem;font-weight:300;text-align:left}}