@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;
}

.top_header{
	width:100%;
	position: fixed;
    background: #231f20;
    display: flex;
    /*border-bottom: 0.5px solid #d7d7d7;*/
}

#logo_con {
    width: 75%;
    height: 19vw;
    position: relative;
    left: 0;
    background: #231f20;
    z-index: 9999999999;
}


#logo_con img {
	width: 70%;
    position: absolute;
    display: block;
    left: 5%;
    top: 40%;
}


#phone {
    width: 20vw;
    height: 19vw;
    position: relative;
    background: #231f20;
    left: 0;
    cursor: pointer;
    border-left: 1px solid #413e3f;
}


#phone a {
    display: block;
    height: 100%;
}



#phone img {
    width: 30%;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 34%;
    left: 0;
}



#menu_btn {
    width: 20vw;
    height: 19vw;
    position: relative;
    background: #231f20;
	/*border-right: 1px solid #d7d7d7;*/
    top: 0;
    right: 0vw;
    cursor: pointer;
	box-sizing: border-box;
    border-left: 1px solid #413e3f;
}



#menu_bar{
	clear:both;
	width:100%;
}



nav {
    z-index: 99999999999999 !important;
}



#nav { 
    position:fixed;
     width:100%; 
     display:none; 
     z-index:1;
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     top:19vw;
    }



#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:#a88251;
 }



#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: #a88251;
     color: #fff; 
    }


#menu_top {
    z-index: 999999999999999 !important;
    background: #fff;
    width: 18vw;
    top: -19.3vw;
    position: absolute;
    right: 0;
    height: 19.15vw;
	box-sizing: border-box;
	overflow: hidden;
    border-left: 1px solid #413e3f;
}

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


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

/* header end*/