* {
  font-family: 'Noto Sans KR', sans-serif;
}

body {
  background: #fff;
  padding: 78px 0 0;
  margin: 0;
}

dl,
dt,
dd,
ul,
li,
p,
input {
  padding: 0;
  margin: 0;
}

img {
  vertical-align: top;
  border: none;
}

.header-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100vw;
  background: #fff;
}

.logo {
  flex: 4;
  position: relative;
}

.logo img {
  /* width: 100%; */
  height: 78px;
}

.menu-wrap {
  flex: 1;
  position: relative;
}

.menu-wrap img {
  /* width: 100%; */
  height: 78px;
}

.btn-menu-ham,
.btn-menu-cross {
  position: absolute;
  top: 0;
  right: 0;
}

.btn-menu-cross {
  display: none;
}

.snb-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 0vh;
  background: #fff;
  z-index: 5;
  margin-top: 78px;
  padding-top: 0px;
  overflow: hidden;
  transition: all .2s;
  opacity: 0;
}

.snb-wrap-on {
  height: 100vh;
  padding-top: 10px;
  opacity: 1;
}

.maps {
  position: relative;
}

.map2, .map3 {
  display: none;
}

.map-wrap {
  position: relative;
}

.btn-navi {
  display: flex;
  list-style: none;
}

.btn-navi button {
  padding: 0;
  margin: 0;
  border: none;
}