.header .menu_wrap {
  background: white;
}
.header .menu_wrap .logo a img.on {
  opacity: 1;
}
.header .menu_wrap .logo a img.off {
  opacity: 0;
}

.sub {
  animation: load_bg 2s both;
  animation-delay: 0.2s;
}
.sub_top {
  width: 100%;
  height: 460px;
  background: url("../image/sub/sub_bg.png") no-repeat center center;
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  margin-top: 140px;
}
.sub_top .title {
  margin-top: 100px;

  animation: load_B_T 2s both;
  animation-delay: 0.5s;
}
.sub_top .title img {
  margin-left: -10px;
}

.sub_desc {
  width: 1300px;
  margin: 100px auto 0;
}
.sub_desc .page {
  width: 100%;
  position: relative;
}
.sub_desc .page img {
  width: 100%;
  object-fit: cover;
}

.contact_link {
  width: 37%;
  height: 60px;
  background: #282828;
  display: flex;
  justify-content: space-between;
  align-items: center;

  position: absolute;
  right: 9%;
  bottom: 27%;
  opacity: 0;
}
.contact_link a {
  width: 48.5%;
  height: 100%;
}
.contact_link a.naver {
  background: green;
}
.contact_link a.kakao {
  background: yellow;
}