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


/* header */
header {
    width: 100%;
    height: 20vw;
    position: relative;
    z-index: 999999999999;
    border-bottom: 1px solid #ddd;
}
.top_header{
	width:100%;
	position: fixed;
    background: #fff;
    display: flex;
    border-bottom: 1px solid #ddd;

}
#logo_con {
    width: 80%;
    height: 20vw;
    position: relative;
    background: #fff;
    z-index: 9999999999;
}
#logo_con img {
    width: 17%;
    position: absolute;
    display: block;
    left: 8%;
    top: 16%;
}



#menu_btn {
    width: 20vw;
    height: 20vw;
    position: relative;
    right: 0;
    cursor: pointer;

}


#menu_bar{
	clear:both;
	width:100%;
}
nav {
    z-index: 99999999999999 !important;
}
#nav { position:fixed; top:0; width:100%; display:none; z-index:1;border-bottom: 1px solid #ddd;top:20.1vw;}
#nav ul.menu { width:100%; margin:0; padding:0;position: relative;background: #fff;height: 160vw;}
#nav ul.menu li a{ position:relative; float:left; width:100%; list-style-type:none; font-size:3.5vw; border-bottom:1px solid #ddd; display:block; width:100%; line-height:3em; text-indent:2.2em; color:#444; font-weight:bold; text-decoration:none; background-color:#fff; }
#nav ul.menu li a:hover{ background:#fff; color:#6dabca; }
#nav ul.menu li .sub {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
}
#nav ul.menu li .sub a{ position:relative; font-size:3vw; float:left; display:block; width:100%; z-index:999; background:#eee; list-style-type:disc; color:#777; padding-left: 1vw; }
#nav ul.menu li .sub a:hover{ background:#eee; color:#6dabca; }



#menu_top {
    top: 0vw;
    z-index: 999999999999999 !important;
    background: #fff;
    width: 19.7vw;
    height: 19vw;
    top: -20vw;
    position: absolute;
    right: 0;

}
#menu_btn img {
    width: 27%;
    position: absolute;
    left: 35%;
    top: 38%;
}

#menu_top img {
    position: absolute;
    width: 25%;
    padding: 7.2vw;
}

/* header end*/