@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: 19vw;
    position: relative;
    /* z-index: 999999999999; */
	z-index:100;
}
.top_header{
	width:100%;
	position: fixed;
    background: #fff;
    display: flex;
    border-bottom: 1px solid #d7d7d7;

}
#logo_con {
    width: 60%;
    height: 19.4vw;
    position: relative;
    background: #fff;
    z-index: 99;
}
#logo_con img {
	width: 70%;
    position: absolute;
    display: block;
    left: 15%;
    top: 30%;
}

.call_btn {
    width: 20vw;
    height: 19.4vw;
    position: relative;
    background: #ffffff;
    left: 0;
    cursor: pointer;
    border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
}
.call_btn a {
    display: block;
    height: 100%;
}
.call_btn img {
    width: 30%;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 34%;
    left: 0;
}


#menu_btn {
    width: 20vw;
    height: 19.4vw;
    position: relative;
    background: #fff;
	border-right: 1px solid #d7d7d7;
    left: 0;
    cursor: pointer;
	box-sizing: border-box;

}


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



#menu_top {
    z-index: 999 !important;
    background: #fff;
    width: 19.5vw;
    top: -19.7vw;
    position: absolute;
    left: 0;
    height: 19vw;
	box-sizing: border-box;
	overflow: hidden;

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

#menu_top img {
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 34%;
    left: 40%;
}

/* header end*/