#sub_main {
  height: 70vw;
  background: url("../images/sub_vis.jpg") no-repeat center/cover;
  position: relative;
  text-align: center;
}

#sub_main .subpage_copy p {
  color: #222;
  font-size: 3.7vw;
  padding: 33vw 0 3vw;
  font-weight: 400;
  letter-spacing: -1px;
}

#sub_main .subpage_copy strong {
  color: #182954;
  font-size: 7.5vw;
  padding: 3vw 0;
  font-weight: 400;
  letter-spacing: -2px;
  font-family: "Pretendard-Bold";
}

/*=====gsap=====*/
.sub_copy {
  transform: translateY(3vw);
}

/*==============*/

.sub_bottom {
  margin: 13vw auto 30vw;
  position: relative;
  text-align: center;
}

.sub_bottom > img {
  width: 100%;
}

iframe {
  width: 90%;
  height: 50vw;
  margin-bottom: 20vw;
}

#guest_ifr {
  padding-bottom: 10vw;
}

.go_to_artera {
  position: absolute;
  bottom: 0vw;
  left: 50%;
  transform: translateX(-50%);
  width: 60vw;
  height: 12.5vw;
}

.contact_map01 {
  position: absolute;
  bottom: 126vw;
  left: 50%;
  transform: translateX(-50%);
  width: 51vw;
  height: 10vw;
}

.contact_map02 {
  position: absolute;
  bottom: 5vw;
  left: 50%;
  transform: translateX(-50%);
  width: 51vw;
  height: 10vw;
}

.vr_box {
  width: 98%;
  height: 90vh;
  margin: 0 auto;
}

.vr_box .iframbox {
  width: 100%;
  height: 100%;
}

.sub_bottom .duck {
  display: block;
  font-size: 3vw;
  padding-top: 10vw;
  color: #999;
  line-height: 1.5em;
}

/*====================*/
/*
.vr_box {
    width: 98%;
    height: 90vh;
    margin: 0 auto;
}

.vr_box .iframbox {
    width: 100%;
    height: 100%;
}

.sub_img .duck {
    font-size: 3vw;
    padding-top: 5vw;
    line-height: 1.5;
}


.sub_pr {
    width: 90vw;
    margin: 0 auto 20vw;
    height: 50vw;
}

.sub_pr iframe {
    width: 100%;
    height: 100%;
}


.sub_ytb {
    height: 60vw;
    z-index: 99;
}


.sub_ytb iframe {
    height: 60vw;
    width: 90%;
    margin: 0 auto 5vw;
}



.gonggo_btn {
    position: absolute;
    width: 63.5vw;
    height: 12.5vw;
}



.gonggo01_btn {
    top: 57.5%;
    left: 17%;
}



.gonggo02_btn {
    top: 67.5%;
    left: 17%;
}*/
.drop_wrap {
  /* width: 90%; */
  height: 9vw;
  margin: 1vw auto 0;
  display: flex !important;
  justify-content: center;
  align-items: center;

  position: relative;
}
.home_link {
  display: inline-block;
  margin-right: 5vw;
}
.home_link img {
  width: 6vw;
  height: 6vw;
}

.drop_wrap .hea_menu {
  position: relative;
}

.drop_wrap .drop_smenu,
.drop_wrap .hea_menu .title {
  width: 38vw;
  height: 9vw;
  border-left: 1px solid #ddd;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.drop_wrap .drop_smenu h2,
.drop_wrap .hea_menu h2 {
  font-size: 3vw;
  font-weight: 500;
  color: #5c5c5c;
}

.drop_wrap .drop_smenu .arrow,
.drop_wrap .hea_menu .arrow {
  width: 2vw;
  height: 2vw;
  border: 2px solid #5c5c5c;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
}

.drop_wrap .drop_smenu.active .arrow,
.drop_wrap .hea_menu.active .arrow {
  transform: rotate(135deg);
}

/* 135deg */