/* 서브 반응형 */
@media all and (min-width: 1200px) and (max-width: 1420px) {
  .sub {
    margin-bottom: 120px;
  }
  .sub_top {
    height: 620px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sub_top .title {
  }
  .sub_top .title h2 {
    font-size: 62px;
  }
  .sub_top .title span {
    font-size: 32px;
    margin-top: 12px;
  }

  .sub_top .scroll_down {
    left: 50px;
    bottom: 30px;
  }
  .sub_top .scroll_down span {
    font-size: 18px;
  }
  .sub_top .scroll_down .fa {
    font-size: 20px;
    margin-top: 5px;
    margin-left: 5px;
  }

  .sub .page {
  }
  .sub .page .sub_title {
    margin-top: 130px;
  }
  .sub .page .sub_title span {
    font-size: 22px;
  }
  .sub .page .sub_title h2 {
    font-size: 52px;
    line-height: 72px;
    margin: 26px 0;
  }
  .sub .page .sub_title p {
    font-size: 20px;
    line-height: 32px;
  }

  .introduction_wrap {
    width: 90%;
    margin-top: 160px;
  }
  .introduction_wrap .title {
  }
  .introduction_wrap .title h4 {
    font-size: 24px;
  }
  .introduction_wrap .title span {
    font-size: 20px;
    line-height: 32px;
  }

  .introduction_desc {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 62px;
  }
  .introduction_sldier01_bg {
    width: 50%;
    height: 500px;

    justify-content: flex-start;
    align-items: flex-end;
  }
  .introduction_sldier01 {
    width: 100%;
  }
  .introduction_sldier01 .introduction_txt {
    margin-left: 50px;
  }
  .introduction_sldier01 .introduction_txt h3 {
    font-size: 34px;
  }
  .introduction_sldier01 .introduction_txt p {
    font-size: 20px;
    line-height: 36px;
    margin-top: 26px;
  }
  .introduction_sldier01 .slick-dots {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 62px 0 50px 50px;
  }
  .introduction_sldier01 .slick-dots li {
    width: 26px;
    height: 3px;
    margin-right: 10px;
  }
  .introduction_sldier01 .slick-dots li.slick-active {
  }
  .introduction_sldier01 .slick-dots li button {
    display: none;
  }
  .introduction_sldier02 {
    width: 50%;
    height: 500px;
  }
  .introduction_img {
    width: 100%;
    height: 500px;
  }
  .introduction_img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }

  /* 오시는길 contact */
  .contact {
  }
  .contact .page {
    width: 90%;
  }
  .contact_wrap {
    margin-top: 72px;
  }
  .contact_wrap .map {
    width: 100%;
    max-width: 100%;
  }
  .contact_wrap .map_pc {
    display: block;
  }
  .contact_wrap .map_mo {
    display: none;
  }
  .contact_wrap .map .root_daum_roughmap {
    width: 100% !important;
  }
  .contact_wrap .map iframe {
    width: 100% !important;
  }
  .section_address,
  .wrap_controllers {
    display: none;
  }
  .contact_wrap .desc {
  }
  .contact_wrap .desc .item {
    padding: 25px 0;
  }
  .contact_wrap .desc .item.item01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .contact_wrap .desc .item.item01 h3 {
    font-size: 28px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 32px;
  }
  .contact_wrap .desc .item.item01 h3 span {
    font-size: 20px;
    margin-left: 8px;
    display: block;
  }
  .contact_wrap .desc .item.item01 .contact_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link {
    width: 160px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact_wrap .desc .item.item01 .contact_link .link.naver {
    margin-left: 16px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link .fa {
    font-size: 18px;
    margin-right: 12px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link span {
    font-size: 18px;
  }

  .contact_wrap .desc .item.item02,
  .contact_wrap .desc .item.item03 {
  }

  .contact_wrap .desc .item.item02 .txt,
  .contact_wrap .desc .item.item03 .txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact_wrap .desc .item.item02 .txt h3,
  .contact_wrap .desc .item.item03 .txt h3 {
    font-size: 26px;
    margin-right: 8px;
    margin-left: 32px;
  }

  .contact_wrap .desc .item.item02 .txt span,
  .contact_wrap .desc .item.item03 .txt span {
    font-size: 20px;
    line-height: 29px;
  }

  /* floor 층별안내 */
  .floor {
  }
  .floor .page {
  }
  .floor_wrap {
    width: 100%;
    margin-top: 130px;
  }
  .floor_wrap .items {
    width: 93%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .floor_wrap .items .item {
    flex: 1;
  }
  .floor_wrap .items .item .txt {
    text-align: center;
  }
  .floor_wrap .items .item .txt h3 {
    font-size: 26px;
  }
  .floor_wrap .items .item .txt p {
    font-size: 18px;
    margin: 14px 0 32px;
  }
  .floor_wrap .items .item .txt span {
    font-size: 18px;
  }
  .floor_wrap .items .item a img {
    width: 100%;
    height: 28vw;
    margin-top: 32px;
  }
  .floor_wrap .items .item a {
    width: 100%;
    height: 460px;
    display: block;
  }
  .floor_wrap .items .item a img.floor_item {
    display: block;
  }
  .floor_wrap .items .item a img.m_floor_item {
    display: none;
  }

  /* floor_pop */
  .floor_pop {
    z-index: 9999;
  }
  .close_btn {
    width: 35px;
    height: 35px;
    right: 30px;
    top: 30px;
  }
  .close_btn span {
    width: 100%;
    height: 4px;
  }
  .close_btn span:last-child {
  }
  .floor_pop_item {
    width: 90%;
    height: 510px;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    position: absolute;
    left: 50%;
    top: 50%;

    opacity: 0; /* 투명하게 시작 */
    transform: translate(-50%, -60%); /* 살짝 위에서 시작 */
    transition: opacity 0.4s ease, transform 0.4s ease;
  }
  .floor_pop_item.active {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .floor_pop_item .pop_slider_img {
    width: 50%;
    height: 510px;
  }
  .floor_pop_item .pop_slider_img div {
    width: 100%;
    height: 510px;
  }
  .floor_pop_item .pop_slider_img img {
    width: 100%;
    height: 510px;
  }

  .floor_pop_item .pop_desc {
    width: 50%;
    height: 100%;
    padding: 30px;
  }
  .floor_pop_item .pop_desc .tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3%;
  }
  .floor_pop_item .pop_desc .tag .point {
    width: 120px;
    height: 32px;

    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
  }
  .floor_pop_item .pop_desc .tag .point span {
    font-size: 16px;
  }

  .floor_pop_item .pop_desc .item {
    margin-bottom: 2%;
  }
  .floor_pop_item .pop_desc .item:last-child {
    margin-bottom: 0;
  }
  .floor_pop_item .pop_desc .item h2 {
    font-size: 32px;
  }
  .floor_pop_item .pop_desc .item p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 1%;
  }
  .floor_pop_item .pop_desc .item h3 {
    font-size: 20px;
  }

  /* instructions 이용안내 */

  .instructions {
  }
  .instructions_wrap {
    width: 90%;
    margin: 62px auto 0;
  }
  .instructions_wrap .item {
    overflow: hidden;
    margin-bottom: 32px;
  }
  .instructions_wrap .item.item03 {
    margin-bottom: 0;
  }
  .instructions_wrap .item .point {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .instructions_wrap .item .desc {
    flex: 1;
    padding: 3% 0;
  }
  .instructions_wrap .item .point .txt {
    padding: 20px 0;
  }
  .instructions_wrap .item .point .txt h3 {
    font-size: 20px;
  }

  .instructions_wrap .item .desc p {
    font-size: 16px;
    line-height: 26px;
    margin-left: 5%;
  }
  .instructions_wrap .item.item01 .point {
  }
  .instructions_wrap .item.item02 .point {
  }
  .instructions_wrap .item.item03 .point {
  }
  .instructions_wrap .item.item01 .desc {
  }
  .instructions_wrap .item.item01 .desc .dd {
    margin-bottom: 16px;
  }
  .instructions_wrap .item.item01 .desc .dd .dummy01 {
    margin-left: 5%;
  }
  .instructions_wrap .item.item01 .desc .dummy01 h4 {
    font-size: 17px;
  }
  .instructions_wrap .item.item01 .desc .dummy01 span {
    font-size: 17px;
    padding: 8px 16px;
    margin-left: 12px;
  }
  .instructions_wrap .item.item01 .desc p {
  }

  .instructions_wrap .item.item02 .desc p {
    line-height: 0;
  }
  .instructions_wrap .item.item02 .desc p span {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    display: block;
  }
  .instructions_wrap .item.item02 .desc p span:last-child {
    margin: 0;
  }

  .instructions_wrap .item.item03 .desc .dummy02 {
    margin-left: 5%;
  }
  .instructions_wrap .item.item03 .desc .dummy02 h5 {
    font-size: 17px;
  }
  .instructions_wrap .item.item03 .desc .dummy02 h5 strong {
  }

  /* faq */
  .faq {
  }
  .faq_wrap {
    width: 70%;
    margin: 72px auto 0;
  }
  .faq_wrap .faq_desc {
  }
  .faq_wrap .faq_desc .item {
    margin-bottom: 32px;
    padding: 1.5vw;
  }
  .faq_wrap .faq_desc .item:last-child {
    margin: 0;
  }
  .faq_wrap .faq_desc .item ul {
  }
  .faq_wrap .faq_desc .item ul li {
  }
  .faq_wrap .faq_desc .item ul li:first-child {
    margin-bottom: 14px;
    padding-bottom: 13px;
  }
  .faq_wrap .faq_desc .item ul li:last-child {
    margin: 0;
  }
  .faq_wrap .faq_desc .item ul li .fa {
    font-size: 36px;
  }
  .faq_wrap .faq_desc .item ul li .fa,
  .faq_wrap .faq_desc .item ul li .faq_po {
    margin-right: 1.5%;
  }
  .faq_wrap .faq_desc .item ul li span {
    font-size: 18px;
  }
  .faq_wrap .faq_desc .item ul li .faq_po {
    width: 30px;
    height: 30px;

    font-size: 24px;
  }
  .faq_wrap .faq_desc .item ul li h4 {
    font-size: 17px;
    line-height: 22px;
  }
}
@media all and (min-width: 720px) and (max-width: 1199px) {
  .sub {
    margin-bottom: 120px;
  }
  .sub_top {
    height: 620px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sub_top .title {
  }
  .sub_top .title h2 {
    font-size: 62px;
  }
  .sub_top .title span {
    font-size: 32px;
    margin-top: 12px;
  }

  .sub_top .scroll_down {
    left: 50px;
    bottom: 30px;
  }
  .sub_top .scroll_down span {
    font-size: 18px;
  }
  .sub_top .scroll_down .fa {
    font-size: 20px;
    margin-top: 5px;
    margin-left: 5px;
  }

  .sub .page {
  }
  .sub .page .sub_title {
    margin-top: 130px;
  }
  .sub .page .sub_title span {
    font-size: 22px;
  }
  .sub .page .sub_title h2 {
    font-size: 52px;
    line-height: 72px;
    margin: 26px 0;
  }
  .sub .page .sub_title p {
    font-size: 20px;
    line-height: 32px;
  }

  .introduction_wrap {
    width: 90%;
    margin-top: 160px;
  }
  .introduction_wrap .title {
  }
  .introduction_wrap .title h4 {
    font-size: 24px;
  }
  .introduction_wrap .title span {
    font-size: 20px;
    line-height: 32px;
  }

  .introduction_desc {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 62px;
  }
  .introduction_sldier01_bg {
    width: 50%;
    height: 500px;

    justify-content: flex-start;
    align-items: flex-end;
  }
  .introduction_sldier01 {
    width: 100%;
  }
  .introduction_sldier01 .introduction_txt {
    margin-left: 50px;
  }
  .introduction_sldier01 .introduction_txt h3 {
    font-size: 34px;
  }
  .introduction_sldier01 .introduction_txt p {
    font-size: 20px;
    line-height: 36px;
    margin-top: 26px;
  }
  .introduction_sldier01 .slick-dots {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 62px 0 50px 50px;
  }
  .introduction_sldier01 .slick-dots li {
    width: 26px;
    height: 3px;
    margin-right: 10px;
  }
  .introduction_sldier01 .slick-dots li.slick-active {
  }
  .introduction_sldier01 .slick-dots li button {
    display: none;
  }
  .introduction_sldier02 {
    width: 50%;
    height: 500px;
  }
  .introduction_img {
    width: 100%;
    height: 500px;
  }
  .introduction_img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
  }

  /* 오시는길 contact */
  .contact {
  }
  .contact .page {
    width: 90%;
  }
  .contact_wrap {
    margin-top: 72px;
  }
  .contact_wrap .map {
    width: 100%;
    max-width: 100%;
  }
  .contact_wrap .map_pc {
    display: block;
  }
  .contact_wrap .map_mo {
    display: none;
  }
  .contact_wrap .map .root_daum_roughmap {
    width: 100% !important;
  }
  .contact_wrap .map iframe {
    width: 100% !important;
  }
  .section_address,
  .wrap_controllers {
    display: none;
  }
  .contact_wrap .desc {
  }
  .contact_wrap .desc .item {
    padding: 25px 0;
  }
  .contact_wrap .desc .item.item01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .contact_wrap .desc .item.item01 h3 {
    font-size: 24px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 26px;
  }
  .contact_wrap .desc .item.item01 h3 span {
    font-size: 18px;
    margin-left: 8px;
    display: block;
  }
  .contact_wrap .desc .item.item01 .contact_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link {
    width: 140px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact_wrap .desc .item.item01 .contact_link .link.naver {
    margin-left: 16px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link .fa {
    font-size: 16px;
    margin-right: 12px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link span {
    font-size: 16px;
  }

  .contact_wrap .desc .item.item02,
  .contact_wrap .desc .item.item03 {
  }

  .contact_wrap .desc .item.item02 .txt,
  .contact_wrap .desc .item.item03 .txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .contact_wrap .desc .item.item02 .txt h3,
  .contact_wrap .desc .item.item03 .txt h3 {
    font-size: 26px;
    margin-right: 8px;
    margin-left: 32px;
  }

  .contact_wrap .desc .item.item02 .txt span,
  .contact_wrap .desc .item.item03 .txt span {
    font-size: 20px;
    line-height: 28px;
  }
  /* floor 층별안내 */
  .floor {
  }
  .floor .page {
  }
  .floor_wrap {
    width: 100%;
    margin-top: 130px;
  }
  .floor_wrap .items {
    width: 93%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
  }
  .floor_wrap .items .item {
    flex: 1;
  }
  .floor_wrap .items .item .txt {
    text-align: center;
  }
  .floor_wrap .items .item .txt h3 {
    font-size: 24px;
  }
  .floor_wrap .items .item .txt p {
    font-size: 17px;
    margin: 12px 0 30px;
  }
  .floor_wrap .items .item .txt span {
    font-size: 17px;
  }
  .floor_wrap .items .item a img {
    width: 100%;
    height: 28vw;
    margin-top: 30px;
  }
  .floor_wrap .items .item a {
    width: 100%;
    height: 28vw;
    display: block;
  }
  .floor_wrap .items .item a img.floor_item {
    display: block;
  }
  .floor_wrap .items .item a img.m_floor_item {
    display: none;
  }

  /* floor_pop */
  .floor_pop {
    z-index: 9999;
  }
  .close_btn {
    width: 35px;
    height: 35px;
    right: 30px;
    top: 30px;
  }
  .close_btn span {
    width: 100%;
    height: 4px;
  }
  .close_btn span:last-child {
  }
  .floor_pop_item {
    width: 90%;
    height: 510px;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;

    position: absolute;
    left: 50%;
    top: 50%;

    opacity: 0; /* 투명하게 시작 */
    transform: translate(-50%, -60%); /* 살짝 위에서 시작 */
    transition: opacity 0.4s ease, transform 0.4s ease;
  }
  .floor_pop_item.active {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .floor_pop_item .pop_slider_img {
    width: 50%;
    height: 510px;
  }
  .floor_pop_item .pop_slider_img div {
    width: 100%;
    height: 510px;
  }
  .floor_pop_item .pop_slider_img img {
    width: 100%;
    height: 510px;
  }

  .floor_pop_item .pop_desc {
    width: 50%;
    height: 100%;
    padding: 30px;
  }
  .floor_pop_item .pop_desc .tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3%;
  }
  .floor_pop_item .pop_desc .tag .point {
    width: 120px;
    height: 32px;

    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
  }
  .floor_pop_item .pop_desc .tag .point span {
    font-size: 16px;
  }

  .floor_pop_item .pop_desc .item {
    margin-bottom: 2%;
  }
  .floor_pop_item .pop_desc .item:last-child {
    margin-bottom: 0;
  }
  .floor_pop_item .pop_desc .item h2 {
    font-size: 32px;
  }
  .floor_pop_item .pop_desc .item p {
    font-size: 16px;
    line-height: 22px;
    margin-top: 1%;
  }
  .floor_pop_item .pop_desc .item h3 {
    font-size: 20px;
  }

  /* instructions 이용안내 */
  .instructions {
  }
  .instructions_wrap {
    width: 90%;
    margin: 62px auto 0;
  }
  .instructions_wrap .item {
    overflow: hidden;
    margin-bottom: 32px;
  }
  .instructions_wrap .item.item03 {
    margin-bottom: 0;
  }
  .instructions_wrap .item .point {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .instructions_wrap .item .desc {
    flex: 1;
    padding: 3% 0;
  }
  .instructions_wrap .item .point .txt {
    padding: 20px 0;
  }
  .instructions_wrap .item .point .txt h3 {
    font-size: 20px;
  }

  .instructions_wrap .item .desc p {
    font-size: 16px;
    line-height: 26px;
    margin-left: 5%;
  }
  .instructions_wrap .item.item01 .point {
  }
  .instructions_wrap .item.item02 .point {
  }
  .instructions_wrap .item.item03 .point {
  }
  .instructions_wrap .item.item01 .desc {
  }
  .instructions_wrap .item.item01 .desc .dd {
    margin-bottom: 16px;
  }
  .instructions_wrap .item.item01 .desc .dd .dummy01 {
    margin-left: 5%;
  }
  .instructions_wrap .item.item01 .desc .dummy01 h4 {
    font-size: 17px;
  }
  .instructions_wrap .item.item01 .desc .dummy01 span {
    font-size: 17px;
    padding: 8px 16px;
    margin-left: 12px;
  }
  .instructions_wrap .item.item01 .desc p {
  }

  .instructions_wrap .item.item02 .desc p {
    line-height: 0;
  }
  .instructions_wrap .item.item02 .desc p span {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    display: block;
  }
  .instructions_wrap .item.item02 .desc p span:last-child {
    margin: 0;
  }

  .instructions_wrap .item.item03 .desc .dummy02 {
    margin-left: 5%;
  }
  .instructions_wrap .item.item03 .desc .dummy02 h5 {
    font-size: 17px;
  }
  .instructions_wrap .item.item03 .desc .dummy02 h5 strong {
  }

  /* faq */
  .faq {
  }
  .faq_wrap {
    width: 90%;
    margin: 72px auto 0;
  }
  .faq_wrap .faq_desc {
  }
  .faq_wrap .faq_desc .item {
    margin-bottom: 32px;
    padding: 1.5vw;
  }
  .faq_wrap .faq_desc .item:last-child {
    margin: 0;
  }
  .faq_wrap .faq_desc .item ul {
  }
  .faq_wrap .faq_desc .item ul li {
  }
  .faq_wrap .faq_desc .item ul li:first-child {
    margin-bottom: 14px;
    padding-bottom: 13px;
  }
  .faq_wrap .faq_desc .item ul li:last-child {
    margin: 0;
  }
  .faq_wrap .faq_desc .item ul li .fa {
    font-size: 36px;
  }
  .faq_wrap .faq_desc .item ul li .fa,
  .faq_wrap .faq_desc .item ul li .faq_po {
    margin-right: 1.5%;
  }
  .faq_wrap .faq_desc .item ul li span {
    font-size: 18px;
  }
  .faq_wrap .faq_desc .item ul li .faq_po {
    width: 30px;
    height: 30px;

    font-size: 24px;
  }
  .faq_wrap .faq_desc .item ul li h4 {
    font-size: 17px;
    line-height: 22px;
  }
}
@media all and (min-width: 220px) and (max-width: 719px) {
  .sub {
    margin-bottom: 0;
  }
  .sub_top {
    height: 70vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sub_top .title {
  }
  .sub_top .title h2 {
    font-size: 12vw;
  }
  .sub_top .title span {
    font-size: 6vw;
    margin-top: 2vw;
  }

  .sub_top .scroll_down {
    left: 3vw;
    bottom: 2vw;
  }
  .sub_top .scroll_down span {
    font-size: 4vw;
  }
  .sub_top .scroll_down .fa {
    font-size: 3.5vw;
    margin-top: 5px;
    margin-left: 5px;
  }

  .sub .page {
  }
  .sub .page .sub_title {
    margin-top: 20vw;
  }
  .sub .page .sub_title span {
    font-size: 4.5vw;
  }
  .sub .page .sub_title h2 {
    font-size: 7vw;
    line-height: 9.5vw;
    margin: 4vw 0;
  }
  .sub .page .sub_title p {
    font-size: 3vw;
    line-height: 4vw;
    width: 86%;
    margin: 0 auto;
  }

  .introduction_wrap {
    width: 90%;
    margin-top: 16vw;
  }
  .introduction_wrap .title {
  }
  .introduction_wrap .title h4 {
    font-size: 4vw;
  }
  .introduction_wrap .title span {
    font-size: 3vw;
  }

  .introduction_desc {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 62px;
  }
  .introduction_sldier01_bg {
    width: 100%;
    height: 40vw;

    justify-content: center;
    align-items: center;
  }
  .introduction_sldier01 {
    width: 100%;
  }
  .introduction_sldier01 .introduction_txt {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-left: 0;
  }
  .introduction_sldier01 .introduction_txt h3 {
    font-size: 5.5vw;
  }
  .introduction_sldier01 .introduction_txt p {
    font-size: 3vw;
    line-height: 5vw;
    margin-top: 2vw;
  }
  .introduction_sldier01 .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5vw 0 0;
  }
  .introduction_sldier01 .slick-dots li {
    width: 6vw;
    height: 6px;
    margin-right: 10px;
  }
  .introduction_sldier01 .slick-dots li:last-child {
    margin: 0;
  }
  .introduction_sldier01 .slick-dots li.slick-active {
  }
  .introduction_sldier01 .slick-dots li button {
    display: none;
  }
  .introduction_sldier02 {
    width: 100%;
    height: 60vw;
  }
  .introduction_img {
    width: 100%;
    height: 60vw;
  }
  .introduction_img img {
    width: 100%;
    height: 60vw;
    object-fit: cover;
  }

  /* 오시는길 contact */
  .contact {
  }
  .contact .page {
    width: 90%;
  }
  .contact_wrap {
    margin-top: 10vw;
  }
  .contact_wrap .map {
    width: 100%;
    max-width: 100%;
    height: 60vw;
  }
  .contact_wrap .map_pc {
    display: none;
  }
  .contact_wrap .map_mo {
    display: block;
  }
  .contact_wrap .map .root_daum_roughmap {
    width: 100% !important;
    height: 60vw !important;
  }
  .contact_wrap .map iframe {
    width: 100% !important;
    height: 60vw !important;
  }
  .section_address,
  .wrap_controllers {
    display: none;
  }
  .contact_wrap .desc {
  }
  .contact_wrap .desc .item {
    padding: 7vw 0;
  }
  .contact_wrap .desc .item.item01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .contact_wrap .desc .item.item01 h3 {
    font-size: 6vw;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 4vw;
  }
  .contact_wrap .desc .item.item01 h3 span {
    font-size: 4vw;
    margin-left: 1vw;
    margin-top: 1.2vw;
  }
  .contact_wrap .desc .item.item01 .contact_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-left: 4vw;
    margin-top: 4vw;
  }
  .contact_wrap .desc .item.item01 .contact_link .link {
    width: 30vw;
    height: 7.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact_wrap .desc .item.item01 .contact_link .link.naver {
    margin-left: 16px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link .fa {
    font-size: 3.5vw;
    margin-right: 12px;
  }
  .contact_wrap .desc .item.item01 .contact_link .link span {
    font-size: 3.5vw;
  }

  .contact_wrap .desc .item.item02,
  .contact_wrap .desc .item.item03 {
  }

  .contact_wrap .desc .item.item02 .txt,
  .contact_wrap .desc .item.item03 .txt {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 2vw;
  }

  .contact_wrap .desc .item.item02 .txt h3,
  .contact_wrap .desc .item.item03 .txt h3 {
    font-size: 5vw;
    margin-right: 0;
    margin-left: 0;
  }

  .contact_wrap .desc .item.item02 .txt span,
  .contact_wrap .desc .item.item03 .txt span {
    font-size: 3.4vw;
    line-height: 5.4vw;
    margin-left: 4vw;
    margin-top: 3vw;
    margin-left: 0;
  }

  /* floor 층별안내 */
  .floor {
  }
  .floor .page {
  }
  .floor_wrap {
    width: 100%;
    margin-top: 130px;
  }
  .floor_wrap .items {
    width: 93%;
    display: block;
    justify-content: space-between;
    align-items: center;
    gap: 0;
  }
  .floor_wrap .items .item {
    width: 100%;
  }
  .floor_wrap .items .item .txt {
    text-align: center;
  }
  .floor_wrap .items .item .txt h3 {
    font-size: 6vw;
  }
  .floor_wrap .items .item .txt p {
    font-size: 4vw;
    margin: 4vw 0 8vw;
  }
  .floor_wrap .items .item .txt span {
    font-size: 4vw;
  }
  .floor_wrap .items .item a {
    width: 100%;
    height: 55vw;
    display: block;
  }
  .floor_wrap .items .item a img {
    width: 100%;
    height: 55vw;
    margin-top: 6vw;
  }
  .floor_wrap .items .item a img.floor_item {
    display: none;
  }
  .floor_wrap .items .item a img.m_floor_item {
    display: block;
  }

  .floor_wrap .items .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    margin-top: 7vw;
  }
  .floor_wrap .items .slick-dots li {
    width: 3vw;
    height: 3vw;
  }
  .floor_wrap .items .slick-dots li.slick-active {
  }
  .floor_wrap .items .slick-dots li button {
    display: none;
  }

  /* floor_pop */
  .floor_pop {
    z-index: 9999;
  }
  .close_btn {
    width: 6vw;
    height: 6vw;
    right: 6vw;
    top: 6vw;
  }
  .close_btn span {
    width: 100%;
    height: 4px;
  }
  .close_btn span:last-child {
  }
  .floor_pop_item {
    width: 90%;
    height: 100vw;
    padding: 50px;
    flex-direction: column;
  }
  .floor_pop_item.active {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .floor_pop_item .pop_slider_img {
    width: 100%;
    height: 50vw;
  }
  .floor_pop_item .pop_slider_img div {
    width: 100%;
    height: 50vw;
  }
  .floor_pop_item .pop_slider_img img {
    width: 100%;
    height: 50vw;
  }

  .floor_pop_item .pop_desc {
    width: 100%;
    height: 100%;
    padding: 30px;
  }
  .floor_pop_item .pop_desc .tag {
    margin-bottom: 3%;
  }
  .floor_pop_item .pop_desc .tag .point {
    width: 20.5vw;
    height: 5vw;
  }
  .floor_pop_item .pop_desc .tag .point span {
    font-size: 2.4vw;
  }

  .floor_pop_item .pop_desc .item {
    margin-bottom: 2%;
  }
  .floor_pop_item .pop_desc .item:last-child {
    margin-bottom: 0;
  }
  .floor_pop_item .pop_desc .item h2 {
    font-size: 5vw;
  }
  .floor_pop_item .pop_desc .item p {
    font-size: 2.7vw;
    line-height: 4vw;
    margin-top: 1%;
  }
  .floor_pop_item .pop_desc .item h3 {
    font-size: 3vw;
  }

  /* instructions 이용안내 */
  .instructions {
  }
  .sub.instructions .page .sub_title p {
    font-size: 3vw;
    line-height: 4vw;
    width: 94%;
    margin: 0 auto;
  }
  .instructions_wrap {
    width: 90%;
    margin: 5vw auto 0;
  }
  .instructions_wrap .item {
    overflow: hidden;
    margin-bottom: 32px;
  }
  .instructions_wrap .item.item03 {
    margin-bottom: 0;
  }
  .instructions_wrap .item .point {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .instructions_wrap .item .desc {
    flex: 1;
    padding: 5% 0;
  }
  .instructions_wrap .item .point .txt {
    padding: 4vw 0;
  }
  .instructions_wrap .item .point .txt h3 {
    font-size: 4vw;
  }

  .instructions_wrap .item .desc p {
    font-size: 3.5vw;
    line-height: 4vw;
    margin-left: 5%;
  }
  .instructions_wrap .item.item01 .point {
  }
  .instructions_wrap .item.item02 .point {
  }
  .instructions_wrap .item.item03 .point {
  }
  .instructions_wrap .item.item01 .desc {
  }
  .instructions_wrap .item.item01 .desc .dd {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .instructions_wrap .item.item01 .desc .dd .dummy01 {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;

    margin-left: 5%;
  }
  .instructions_wrap .item.item01 .desc .dummy01 h4 {
    font-size: 3.5vw;
    margin-bottom: 1vw;
  }
  .instructions_wrap .item.item01 .desc .dummy01 span {
    font-size: 3.5vw;
    padding: 1.5vw 3vw;
    margin-left: 0;
    margin-bottom: 1vw;
  }
  .instructions_wrap .item.item01 .desc p {
  }

  .instructions_wrap .item.item02 .desc p {
    line-height: 0;
  }
  .instructions_wrap .item.item02 .desc p span {
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2vw;
    display: block;
  }
  .instructions_wrap .item.item02 .desc p span:last-child {
    margin: 0;
  }

  .instructions_wrap .item.item03 .desc .dummy02 {
    margin-left: 5%;
  }
  .instructions_wrap .item.item03 .desc .dummy02 h5 {
    font-size: 3.3vw;
    line-height: 4vw;
  }
  .instructions_wrap .item.item03 .desc .dummy02 h5 strong {
    display: block;
  }

  /* faq */
  .faq {
  }
  .faq_wrap {
    width: 90%;
    margin: 8vw auto 0;
  }
  .faq_wrap .faq_desc {
  }
  .faq_wrap .faq_desc .item {
    margin-bottom: 5vw;
    padding: 4vw;
  }
  .faq_wrap .faq_desc .item:last-child {
    margin: 0;
  }
  .faq_wrap .faq_desc .item ul {
  }
  .faq_wrap .faq_desc .item ul li {
  }
  .faq_wrap .faq_desc .item ul li:first-child {
    margin-bottom: 16px;
    padding-bottom: 15px;
  }
  .faq_wrap .faq_desc .item ul li:last-child {
    margin: 0;
  }
  .faq_wrap .faq_desc .item ul li .fa {
    font-size: 6vw;
  }
  .faq_wrap .faq_desc .item ul li .fa,
  .faq_wrap .faq_desc .item ul li .faq_po {
    margin-right: 16px;
  }
  .faq_wrap .faq_desc .item ul li span {
    font-size: 3vw;
  }
  .faq_wrap .faq_desc .item ul li .faq_po {
    width: 5.1vw;
    height: 5.1vw;
    font-size: 3.8vw;
  }
  .faq_wrap .faq_desc .item ul li h4 {
    font-size: 2.6vw;
    line-height: 4vw;
    width: 88%;
  }

  /* faq_wrap */
  .faq_wrap {
    width: 90%;
    padding: 3vw;
    margin: 8vw auto 0;
  }
  .faq_wrap .po_txt {
    padding: 3vw;
  }
  .faq_wrap .po_txt h3 {
    font-size: 3.5vw;
  }
  .faq_wrap table {
    width: 100%;
  }
  .faq_wrap table td {
  }
  .faq_wrap table tr {
  }
  .faq_wrap table thead {
  }
  .faq_wrap table thead tr {
  }
  .faq_wrap table thead tr th {
    font-size: 3vw;

    padding: 3vw 0;
  }
  .faq_wrap table tbody {
  }
  .faq_wrap table tbody tr {
  }
  .faq_wrap table tbody tr td {
    font-size: 2.6vw;
    padding: 3vw 0;
  }
}