/* 서브 반응형 */
@media all and (min-width: 1200px) and (max-width: 1420px) {
  .sub {
    margin-bottom: 200px;
  }
  .sub_top {
    width: 100%;
    height: 520px;
  }
  .sub_top .title {
    margin-top: 3%;
  }
  .sub_top .title img {
    width: 58px;
    margin-bottom: 32px;
  }
  .sub_top .title h2 {
    font-size: 28px;
    line-height: 1.4;
  }
  .page {
  }

  /* introduction */
  .intro_cont {
    padding: 160px 0;
  }
  .intro_cont {
    width: 90%;
    margin: 0 auto;

    justify-content: space-between;
    align-items: center;
  }
  .intro_cont .inner {
  }
  .intro_cont .desc {
  }
  .intro_cont .desc h2 {
    font-size: 82px;
  }
  .intro_cont .desc .line {
    width: 60px;
    height: 1px;
    margin: 52px 0;
  }
  .intro_cont .desc p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 26px;
  }

  .intro_cont .intro_point {
    width: 520px;
    height: 680px;
  }
  .intro_cont .intro_point::after {
    right: 0;
    bottom: 0;
  }
  .intro_cont .intro_point::before {
    right: -10px;
    bottom: -10px;
  }
  .intro_cont02 {
    width: 90%;
    margin: 0 auto;
  }
  .intro_page {
  }
  .intro_page .items {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .intro_page .items .item {
    flex: 1;
  }
  .intro_page .items .item img {
    width: 100%;
  }

  .intro_page .item_txt {
    width: 100%;
  }
  .intro_page .item_txt h3 {
    font-size: 28px;
    margin: 100px 0 32px;
  }
  .intro_page .item_txt p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 26px;
  }

  /* stay */
  .stay_page {
    width: 90%;
    margin: 160px auto 0;
  }
  .stay_page .items {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .stay_page .items.items02 {
    margin: 100px 0 150px;
  }
  .stay_page .items .stay_txt {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .stay_page .items.items02 .stay_txt {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: end;
  }
  .stay_page .items .stay_txt h3 {
    font-size: 32px;
  }
  .stay_page .items .stay_txt p {
    font-size: 20px;
    line-height: 32px;
    margin-top: 32px;
  }

  .stay_page .items .stay_txt .intro_btn {
    width: 140px;
    height: 42px;

    margin-top: 52px;
  }
  .stay_page .items .stay_txt .intro_btn:hover {
  }
  .stay_page .items .stay_txt .intro_btn span {
    font-size: 18px;
  }
  .stay_page .items .stay_txt .intro_btn:hover span {
  }

  .stay_page .items .stay_slider {
    width: 50%;
    height: 420px;
  }
  .stay_page .items .stay_slider .slick-dots {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  .stay_page .items .stay_slider .slick-dots li {
  }
  .stay_page .items .stay_slider .slick-dots li button {
  }
  .stay_page .items .stay_slider div {
  }
  .stay_page .items .stay_slider div img {
  }

  .stay_page .notification {
    padding: 32px 0;
    width: 100%;
  }
  .stay_page .notification h4 {
    font-size: 18px;
    margin-left: 50px;
    margin-bottom: 12px;
  }
  .stay_page .notification p {
    font-size: 2vw;
    line-height: 22px;
    margin-left: 50px;
  }

  /* refund */
  .refund_page .desc {
    width: 100%;
  }
  .refund_page .desc .caution {
    width: 100%;
    /* border: 1px solid black; */
  }
  .refund_page .desc .caution span {
    display: block;
    margin-top: 8px;
  }
  .refund_page .desc .caution span:first-child {
  }

  .refund_page .desc .caution {
    margin: 52px 0;
  }
  .refund_page .desc .caution02 {
    margin: 52px 0 80px;
  }
  .refund_page .desc .caution .refund_tt {
    font-size: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2vw;
  }
  .refund_page .desc .caution span {
    font-size: 14px;
  }

  .refund_page .desc .standard {
  }
  .refund_tt {
    font-size: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2vw;
  }
  .refund_tt span {
    font-size: 14px;
    display: block;
    margin-right: 12px;
  }
  .refund_page .desc .standard .detail {
    margin: 2vw 0;
  }
  .refund_page .desc .standard .detail .item {
  }
  .refund_page .desc .standard .detail .item ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .refund_page .desc .standard .detail .item ul li {
    flex: 1;
    text-align: center;
    border: 1px solid #4d4d4d;
    border-bottom: none;
    padding: 12px 0;
    box-sizing: border-box;
  }
  .refund_page .desc .standard .detail .item.item01 ul li {
    padding: 2vw 0;
  }
  .refund_page .desc .standard .detail .item.item01 ul li span {
    font-size: 18px;
  }
  .refund_page .desc .standard .detail .item ul li:first-child {
    border-right: none;
  }
  .refund_page .desc .standard .detail .item.item01 ul li:first-child {
    border-right: 1px solid white;
    border-radius: 20px 0 0 0;
  }
  .refund_page .desc .standard .detail .item.item01 ul li:last-child {
    border-radius: 0 20px 0 0;
  }
  .refund_page .desc .standard .detail .item:last-child ul li {
    border-bottom: 1px solid #4d4d4d;
  }
  .refund_page .desc .standard .detail .item ul li span {
    font-size: 17px;
  }

  .refund_page .desc .standard .ore {
    font-size: 15px;
  }
  .inquiry {
    width: 100%;
    /* height: 100px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 140px;
  }
  .inquiry .item {
    flex: 1;
    /* height: 100%; */
    border: 1px solid #a1a1a1;
    padding: 42px 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .inquiry .item:last-child {
    border-left: none;
  }
  .inquiry .item .txt {
    margin-left: 52px;
  }
  .inquiry .item h3 {
    font-size: 22px;
  }
  .inquiry .item:last-child h3 {
  }
  .inquiry .item p {
    font-size: 15px;
    margin-top: 12px;
  }
  .inquiry .item:last-child p {
  }
  .inquiry .item .fa {
    font-size: 20px;
    margin-right: 52px;
  }

  .inquiry .item:last-child .fa {
  }

  /* tourist */
  .tourist_page {
    width: 92%;
    height: auto;
    margin: 0 auto;
  }
  .tourist_desc {
    width: 100%;
    margin-left: 13px;
    margin-top: 62px;
  }
  .tourist_desc .item {
    width: 32%;
    float: left;
    margin-right: 13px;
    margin-bottom: 62px;
  }
  .tourist_desc .item .tourist_img {
    width: 100%;
    height: 240px;
  }
  .tourist_desc .item .tourist_img:hover {
  }
  .tourist_desc .item .tourist_txt {
  }
  .tourist_desc .item .tourist_txt h3 {
    font-size: 24px;
    margin: 22px 0 2vw;
  }
  .tourist_desc .item .tourist_txt p {
    font-size: 17px;
    line-height: 26px;
    margin-top: 14px;

    -webkit-line-clamp: 2;
  }

  /* utilization */
  .utilization_page {
    width: 80%;
    margin: 0 auto;
  }
  .utilization_tab {
    width: 100%;
    margin: 10vw 0 7vw;
  }
  .utilization_tab .tab_btns {
    width: 100%;
    gap: 3vw;
  }
  .utilization_tab .tab_btns .btn {
  }
  .utilization_tab .tab_btns .btn a {
    padding: 0 0 2vw;
    font-size: 2.5vw;
  }
  .utilization_tab .tab_btns .btn a::before,
  .utilization_tab .tab_btns .btn a::after {
  }
  .utilization_tab .tab_btns .btn a::after {
  }
  .utilization_tab .tab_btns .btn a.active::before {
  }
  .utilization_tab .tab_btns .btn a.active {
  }

  .utilization_desc {
  }

  .utilization_desc .tab_item {
  }

  .utilization_desc .tab_item.active {
  }

  .utilization_desc .tab_item img {
    width: 100%;
  }

  .utilization_desc .tab_item.tab_menu02 {
  }
  .utilization_desc .tab_item.tab_menu02 .item {
    width: 100%;
    margin-top: 4vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item:first-child {
    margin-top: 0;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt {
    width: 100%;
    padding: 2vw 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px 20px 0 0;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt .fa {
    font-size: 3vw;
    margin-left: 3vw;
    margin-right: 1.2vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt h3 {
    font-size: 3vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail {
    padding: 2.3vw 0;
    border-radius: 0 0 20px 20px;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p {
    font-size: 2.3vw;
    line-height: 2.8vw;
    margin-left: 3vw;
    margin-top: 2vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p .mo_br {
    display: none;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p span {
    font-size: 2vw;
  }

  .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;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .contact_wrap .desc .item h3 {
    font-size: 28px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 32px;
  }
  .contact_wrap .desc .item h3 span {
    font-size: 20px;
    margin-left: 8px;
    display: block;
  }
  .contact_wrap .desc .item .contact_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
  }
  .contact_wrap .desc .item .contact_link .link {
    width: 160px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact_wrap .desc .item .contact_link .link.naver {
    margin-left: 2vw;
  }
  .contact_wrap .desc .item .contact_link .link .fa {
    font-size: 18px;
    margin-right: 12px;
  }
  .contact_wrap .desc .item .contact_link .link span {
    font-size: 18px;
  }
}
@media all and (min-width: 720px) and (max-width: 1199px) {
  .sub {
    margin-bottom: 15%;
  }
  .sub_top {
    width: 100%;
    height: 520px;
  }
  .sub_top .title {
    margin-top: 3%;
  }
  .sub_top .title img {
    width: 58px;
    margin-bottom: 32px;
  }
  .sub_top .title h2 {
    font-size: 28px;
    line-height: 1.4;
  }
  .page {
  }

  /* introduction */
  .intro_cont {
    padding: 160px 0;
  }
  .intro_cont {
    width: 90%;
    margin: 0 auto;

    justify-content: space-between;
    align-items: center;
  }
  .intro_cont .inner {
  }
  .intro_cont .desc {
  }
  .intro_cont .desc h2 {
    font-size: 62px;
  }
  .intro_cont .desc .line {
    width: 52px;
    height: 1px;
    margin: 32px 0;
  }
  .intro_cont .desc p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .intro_cont .intro_point {
    width: 42%;
    height: 560px;
  }
  .intro_cont .intro_point::after {
    right: 0;
    bottom: 0;
  }
  .intro_cont .intro_point::before {
    right: -10px;
    bottom: -10px;
  }
  .intro_cont02 {
    width: 90%;
    margin: 0 auto;
  }
  .intro_page {
  }
  .intro_page .items {
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .intro_page .items .item {
    flex: 1;
  }
  .intro_page .items .item img {
    width: 100%;
  }

  .intro_page .item_txt {
    width: 100%;
  }
  .intro_page .item_txt h3 {
    font-size: 28px;
    margin: 80px 0 32px;
  }
  .intro_page .item_txt p {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  /* stay */
  .stay_page {
    width: 90%;
    margin: 160px auto 0;
  }
  .stay_page .items {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .stay_page .items.items02 {
    margin: 60px 0 100px;
  }
  .stay_page .items .stay_txt {
    width: 53%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .stay_page .items.items02 .stay_txt {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: end;
  }
  .stay_page .items .stay_txt h3 {
    font-size: 28px;
  }
  .stay_page .items .stay_txt p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 32px;
  }

  .stay_page .items .stay_txt .intro_btn {
    width: 120px;
    height: 36px;

    margin-top: 36px;
  }
  .stay_page .items .stay_txt .intro_btn:hover {
  }
  .stay_page .items .stay_txt .intro_btn span {
    font-size: 2vw;
  }
  .stay_page .items .stay_txt .intro_btn:hover span {
  }

  .stay_page .items .stay_slider {
    width: 47%;
    height: 360px;
  }
  .stay_page .items .stay_slider .slick-dots {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  .stay_page .items .stay_slider .slick-dots li {
  }
  .stay_page .items .stay_slider .slick-dots li button {
  }
  .stay_page .items .stay_slider div {
  }
  .stay_page .items .stay_slider div img {
  }

  .stay_page .notification {
    padding: 32px 0;
    width: 100%;
  }
  .stay_page .notification h4 {
    font-size: 18px;
    margin-left: 50px;
    margin-bottom: 12px;
  }
  .stay_page .notification p {
    font-size: 2vw;
    line-height: 22px;
    margin-left: 50px;
  }
  /* qna */
  .qna {
  }

  .qna_wrap {
    width: 95%;
  }
  .qna_desc {
    /* width: 1000px; */
    padding: 50px;
    margin: 52px auto 0;
  }
  .qna_desc .qna_item {
    margin-bottom: 36px;
  }
  .qna_desc .qna_item:last-child {
  }
  .qna_desc .qna_item .qna_Q {
    font-size: 26px;
    margin-bottom: 14px;
  }
  .qna_desc .qna_item .qna_Q span {
    font-size: 28px;
  }
  .qna_desc .qna_item .item {
  }
  .qna_desc .qna_item .item span {
    font-size: 28px;
    margin-right: 8px;
  }
  .qna_desc .qna_item .item .qna_A {
    padding: 14px;
  }
  .qna_desc .qna_item .item .qna_A h3 {
    font-size: 18px;
    line-height: 26px;
  }

  /* refund */
  .refund_page {
    width: 90%;
  }
  .refund_page .desc {
    width: 100%;
  }
  .refund_page .desc .caution {
    width: 100%;
    /* border: 1px solid black; */
  }
  .refund_page .desc .caution span {
    display: block;
    margin-top: 8px;
  }
  .refund_page .desc .caution span:first-child {
  }

  .refund_page .desc .caution {
    margin: 52px 0;
  }
  .refund_page .desc .caution02 {
    margin: 52px 0 80px;
  }
  .refund_page .desc .caution .refund_tt {
    font-size: 2.7vw;
    margin-bottom: 2vw;
  }
  .refund_page .desc .caution .refund_tt span {
    font-size: 1vw;
  }
  .refund_page .desc .caution span {
    font-size: 1.5vw;
  }

  .refund_page .desc .standard {
  }
  .refund_tt {
    font-size: 2.7vw;
    margin-bottom: 2vw;
  }
  .refund_tt span {
    font-size: 1vw;
  }
  .refund_page .desc .standard .detail {
    margin: 2vw 0;
  }
  .refund_page .desc .standard .detail .item {
  }
  .refund_page .desc .standard .detail .item ul {
  }
  .refund_page .desc .standard .detail .item ul li {
    padding: 1.2vw 0;
  }
  .refund_page .desc .standard .detail .item.item01 ul li {
    padding: 1vw 0;
  }
  .refund_page .desc .standard .detail .item.item01 ul li span {
    font-size: 1.5vw;
  }
  .refund_page .desc .standard .detail .item ul li:first-child {
  }
  .refund_page .desc .standard .detail .item.item01 ul li:first-child {
  }
  .refund_page .desc .standard .detail .item.item01 ul li:last-child {
  }
  .refund_page .desc .standard .detail .item:last-child ul li {
  }
  .refund_page .desc .standard .detail .item ul li span {
    font-size: 1.2vw;
  }

  .refund_page .desc .standard .ore {
    font-size: 1.3vw;
  }
  .inquiry {
    width: 100%;
    /* height: 100px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 140px;
  }
  .inquiry .item {
    flex: 1;
    /* height: 100%; */
    border: 1px solid #a1a1a1;
    padding: 42px 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .inquiry .item:last-child {
    border-left: none;
  }
  .inquiry .item .txt {
    margin-left: 4vw;
  }
  .inquiry .item h3 {
    font-size: 2vw;
  }
  .inquiry .item:last-child h3 {
  }
  .inquiry .item p {
    font-size: 1.2vw;
    margin-top: 12px;
  }
  .inquiry .item:last-child p {
  }
  .inquiry .item .fa {
    font-size: 1.8vw;
    margin-right: 4vw;
  }

  .inquiry .item:last-child .fa {
  }

  /* tourist */
  .tourist_page {
    width: 90%;
    margin: 26vw auto 0;
  }
  .tourist_page .title {
    text-align: center;
  }
  .tourist_page .title h2 {
    font-size: 6vw;
  }
  .tourist_page .title p {
    margin-top: 3vw;
    font-size: 3.7vw;
  }

  .tourist_desc {
    width: 90vw;
    margin-left: 13px;
    margin-top: 62px;
  }
  .tourist_desc .item {
    width: 90vw;
    float: left;
    margin-right: 13px;
    margin-bottom: 62px;
    display: block;
  }
  .tourist_desc .item .tourist_img {
    width: 90vw;
    height: 40vw;
    transition: 0.5s;
  }
  .tourist_desc .item .tourist_img:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .tourist_desc .item .tourist_txt {
    width: 70vw;
  }
  .tourist_desc .item .tourist_txt h3 {
    font-size: 3.5vw;
    margin: 3vw 0;
  }
  .tourist_desc .item .tourist_txt p {
    font-size: 2.5vw;
    line-height: 3.2vw;
    margin-top: 0;

    overflow: visible;
    text-overflow: clip;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }

  .tourist_slider .slick-dots {
    width: 60%;
    height: 3vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
  .tourist_slider .slick-dots li {
    width: 3vw;
    height: 3vw;
    border-radius: 50px;
    transition: 0.5s;
  }
  .tourist_slider .slick-dots li.slick-active {
  }
  .tourist_slider .slick-dots li button {
    display: none;
  }

  .utilization_page {
    width: 80%;
    margin: 0 auto;
  }
  .utilization_tab {
    width: 100%;
    margin: 10vw 0 7vw;
  }
  .utilization_tab .tab_btns {
    width: 100%;
    gap: 3vw;
  }
  .utilization_tab .tab_btns .btn {
  }
  .utilization_tab .tab_btns .btn a {
    padding: 0 0 2vw;
    font-size: 2.5vw;
  }
  .utilization_tab .tab_btns .btn a::before,
  .utilization_tab .tab_btns .btn a::after {
  }
  .utilization_tab .tab_btns .btn a::after {
  }
  .utilization_tab .tab_btns .btn a.active::before {
  }
  .utilization_tab .tab_btns .btn a.active {
  }

  .utilization_desc {
  }

  .utilization_desc .tab_item {
  }

  .utilization_desc .tab_item.active {
  }

  .utilization_desc .tab_item img {
    width: 100%;
  }

  .utilization_desc .tab_item.tab_menu02 {
  }
  .utilization_desc .tab_item.tab_menu02 .item {
    width: 100%;
    margin-top: 4vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item:first-child {
    margin-top: 0;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt {
    width: 100%;
    padding: 2vw 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px 20px 0 0;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt .fa {
    font-size: 3vw;
    margin-left: 3vw;
    margin-right: 1.2vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt h3 {
    font-size: 3vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail {
    padding: 2.3vw 0;
    border-radius: 0 0 20px 20px;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p {
    font-size: 2.3vw;
    line-height: 2.8vw;
    margin-left: 3vw;
    margin-top: 2vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p .mo_br {
    display: none;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p span {
    font-size: 2vw;
  }

  /* 오시는길 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;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .contact_wrap .desc .item h3 {
    font-size: 24px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 26px;
  }
  .contact_wrap .desc .item h3 span {
    font-size: 18px;
    margin-left: 8px;
    display: block;
  }
  .contact_wrap .desc .item .contact_link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
  }
  .contact_wrap .desc .item .contact_link .link {
    width: 140px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .contact_wrap .desc .item .contact_link .link.naver {
    margin-left: 2vw;
  }
  .contact_wrap .desc .item .contact_link .link .fa {
    font-size: 2vw;
    margin-right: 12px;
  }
  .contact_wrap .desc .item .contact_link .link span {
    font-size: 2vw;
  }
}
@media all and (min-width: 220px) and (max-width: 719px) {
  .sub {
    margin-bottom: 15%;
  }
  .sub_top {
    width: 100%;
    height: 70vw;
  }
  .sub_top .title {
    margin-top: 15%;
  }
  .sub_top .title img {
    width: 13vw;
    margin-bottom: 4vw;
  }
  .sub_top .title h2 {
    font-size: 4vw;
    line-height: 1.4;
  }
  .page {
  }

  /* introduction */
  .intro_cont {
    padding: 10vw 0 0;
  }
  .intro_cont {
    width: 90%;
    margin: 0 auto;

    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .intro_cont .inner {
  }
  .intro_cont .desc {
  }
  .intro_cont .desc h2 {
    font-size: 13.5vw;
  }
  .intro_cont .desc .line {
    width: 12vw;
    height: 2px;
    margin: 8vw 0;
  }
  .intro_cont .desc p {
    font-size: 3.3vw;
    line-height: 5.1vw;
    margin-bottom: 2vw;
  }

  .intro_cont .intro_point {
    width: 100%;
    height: 42vw;
    margin-top: 5vw;
  }
  .intro_cont .intro_point::after {
    opacity: 0.92;
  }
  .intro_cont .intro_point::before {
    right: 0;
    bottom: 0;
  }
  .intro_cont02 {
    width: 90%;
    margin: 0 auto;
  }
  .intro_page {
  }
  .intro_page .items {
    display: none;
  }
  .intro_page .items .item {
    flex: 1;
  }
  .intro_page .items .item img {
    width: 100%;
  }

  .intro_page .item_txt {
    width: 100%;
  }
  .intro_page .item_txt h3 {
    font-size: 4.2vw;
    margin: 8vw 0 4vw;
  }
  .intro_page .item_txt p {
    font-size: 3.3vw;
    line-height: 5.1vw;
    margin-bottom: 2vw;
  }

  /* stay */
  .stay_page {
    width: 95%;
    margin: 16vw auto 0;
  }
  .stay_page .items {
    width: 100%;
    flex-direction: column-reverse;
  }
  .stay_page .items.items02 {
    margin: 16vw 0 16vw;
    flex-direction: column;
  }
  .stay_page .items .stay_txt {
    width: 100%;
    margin-top: 8vw;
    flex-direction: column;
  }
  .stay_page .items.items02 .stay_txt {
  }
  .stay_page .items .stay_txt h3 {
    font-size: 5.5vw;
  }
  .stay_page .items .stay_txt p {
    font-size: 3.1vw;
    line-height: 1.5;
    margin-top: 4vw;
  }
  .stay_page .items .stay_txt .intro_btn {
    width: 20vw;
    height: 6.5vw;
    margin-top: 7vw;
  }
  .stay_page .items .stay_txt .intro_btn:hover {
  }
  .stay_page .items .stay_txt .intro_btn span {
    font-size: 2.8vw;
  }
  .stay_page .items .stay_txt .intro_btn:hover span {
  }

  .stay_page .items .stay_slider {
    width: 100%;
    height: 50vw;
  }
  .stay_page .items .stay_slider .slick-dots {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  .stay_page .items .stay_slider .slick-dots li {
  }
  .stay_page .items .stay_slider .slick-dots li button {
  }
  .stay_page .items .stay_slider div {
  }
  .stay_page .items .stay_slider div img {
  }
  .stay_size {
    width: 100%;
    margin: 120px auto 0;
    box-sizing: border-box;
  }
  .stay_size .title {
    margin-bottom: 52px;
    text-align: center;
  }
  .stay_size .title h2 {
    font-size: 5vw !important;
  }
  .stay_size img {
    width: 100%;
  }
  .stay_size ul {
    width: 100%;
    margin: 3vw auto 0;
  }
  .stay_size ul .stay_seat {
  }
  .stay_size ul .stay_seat .desc {
    gap: 1vw;
  }
  .stay_size ul .stay_seat .desc li {
    padding: 2vw 0;
  }
  .stay_size ul .stay_seat .desc:first-child li {
    border-top: 1px solid rgb(173, 173, 173);
  }
  .stay_size ul .stay_seat .desc:first-child li span,
  .stay_size ul .stay_seat .desc:first-child li h3 {
    font-size: 18px;
  }
  .stay_size ul .stay_seat .desc li span {
    width: 40%;
    font-size: 2vw;

    margin: 0 2vw;
  }
  .stay_size ul .stay_seat .desc li h3 {
    width: 52%;
    font-size: 2vw;

    padding-left: 2vw;
    border-left: 1px solid rgb(173, 173, 173);
  }
  .stay_page .notification {
    padding: 5vw 0;
    width: 100%;
    margin-top: 4vw;
  }
  .stay_page .notification h4 {
    font-size: 3vw;
    margin-left: 4vw;
    margin-bottom: 2vw;
  }
  .stay_page .notification p {
    width: 90%;
    font-size: 2.5vw;
    line-height: 3.5vw;
    margin-left: 4vw;
  }
  /* qna */
  .qna {
  }

  .page .title {
    text-align: center;
    margin-top: 15vw;
  }
  .page .title h2 {
    font-size: 7vw;
  }
  .page .title p {
    font-size: 5vw;
    margin-top: 2vw;
  }
  .qna_wrap {
    width: 95%;
  }
  .qna_desc {
    padding: 5vw 3.3vw !important;
    margin: 52px auto 0;
  }
  .qna_desc .qna_item {
    margin-bottom: 4vw;
  }
  .qna_desc .qna_item:last-child {
  }
  .qna_desc .qna_item .qna_Q {
    font-size: 4.55vw !important;
    margin-bottom: 2vw;
  }
  .qna_desc .qna_item .qna_Q span {
    font-size: 5vw !important;
  }
  .qna_desc .qna_item .item {
  }
  .qna_desc .qna_item .item span {
    font-size: 5vw !important;
    margin-right: 1vw;
  }
  .qna_desc .qna_item .item .qna_A {
    padding: 3vw !important;
  }
  .qna_desc .qna_item .item .qna_A h3 {
    font-size: 3.5vw !important;
    line-height: 4.5vw !important;
  }
  .qna_desc .qna_item .item .qna_A h3 br {
    display: none;
  }

  /* refund */
  .refund_page {
    width: 95%;
  }
  .refund_page .desc {
    width: 100%;
  }
  .refund_page .desc .caution {
    width: 100%;
    /* border: 1px solid black; */
  }
  .refund_page .desc .caution span {
    display: block;
    margin-top: 8px;
  }
  .refund_page .desc .caution span:first-child {
  }

  .refund_page .desc .caution {
    margin: 52px 0;
  }
  .refund_page .desc .caution02 {
    margin: 52px 0 80px;
  }
  .refund_page .desc .caution .refund_tt {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
  .refund_page .desc .caution .refund_tt span {
    font-size: 3vw;
    line-height: 3.5vw;
  }
  .refund_page .desc .caution span {
    font-size: 3vw;
    line-height: 3.5vw;
  }

  .refund_page .desc .standard {
  }
  .refund_tt {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
  .refund_tt span {
    font-size: 2vw;
  }
  .refund_page .desc .standard .detail {
    margin: 2vw 0;
  }
  .refund_page .desc .standard .detail .item {
  }
  .refund_page .desc .standard .detail .item ul {
  }
  .refund_page .desc .standard .detail .item ul li {
    padding: 2vw 0;
  }
  .refund_page .desc .standard .detail .item.item01 ul li {
    padding: 2vw 0;
  }
  .refund_page .desc .standard .detail .item.item01 ul li span {
    font-size: 3vw;
  }
  .refund_page .desc .standard .detail .item ul li:first-child {
  }
  .refund_page .desc .standard .detail .item.item01 ul li:first-child {
  }
  .refund_page .desc .standard .detail .item.item01 ul li:last-child {
  }
  .refund_page .desc .standard .detail .item:last-child ul li {
  }
  .refund_page .desc .standard .detail .item ul li span {
    font-size: 3vw;
  }

  .refund_page .desc .standard .ore {
    font-size: 2.5vw;
  }
  .inquiry {
    width: 100%;
    /* height: 100px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10vw;
  }
  .inquiry .item {
    width: 100%;
    padding: 8vw 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .inquiry .item:last-child {
    border-top: none;
  }
  .inquiry .item .txt {
    margin-left: 10vw;
  }
  .inquiry .item h3 {
    font-size: 4.5vw;
  }
  .inquiry .item:last-child h3 {
  }
  .inquiry .item p {
    font-size: 2.3vw;
    margin-top: 1.8vw;
  }
  .inquiry .item:last-child p {
  }
  .inquiry .item .fa {
    font-size: 6vw;
    margin-right: 10vw;
  }

  .inquiry .item:last-child .fa {
  }

  /* tourist */

  .tourist .inner .title {
  }
  .tourist .inner .title h2 {
  }
  .tourist .inner .title p {
  }
  .tourist_page {
    width: 90vw;
  }
  .tourist_desc {
    margin-left: 0;
    margin-top: 10vw;
  }
  .tourist_desc .item {
    width: 90vw;
    float: left;
    margin-right: 0;
    margin-bottom: 10vw;
    display: block;
  }
  .tourist_desc .item .tourist_img {
    width: 90vw;
    height: 50vw;
    transition: 0.5s;
  }
  .tourist_desc .item .tourist_img:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .tourist_desc .item .tourist_txt {
    width: 75vw;
  }
  .tourist_desc .item .tourist_txt h3 {
    font-size: 5vw;
    margin: 5vw 0;
  }
  .tourist_desc .item .tourist_txt p {
    font-size: 3.2vw;
    line-height: 4vw;
    margin-top: 0;

    overflow: visible;
    text-overflow: clip;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
  }

  .tourist_slider .slick-dots {
    width: 60%;
    height: 3vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
  .tourist_slider .slick-dots li {
    width: 3vw;
    height: 3vw;
    border-radius: 50px;
    transition: 0.5s;
  }
  .tourist_slider .slick-dots li.slick-active {
  }
  .tourist_slider .slick-dots li button {
    display: none;
  }

  .utilization_page {
    width: 90%;
    margin: 0 auto;
  }
  .utilization_tab {
    width: 100%;
    margin: 10vw 0 7vw;
  }
  .utilization_tab .tab_btns {
    width: 100%;
    gap: 3vw;
  }
  .utilization_tab .tab_btns .btn {
  }
  .utilization_tab .tab_btns .btn a {
    padding: 0 0 4vw;
    font-size: 3.5vw;
  }
  .utilization_tab .tab_btns .btn a::before,
  .utilization_tab .tab_btns .btn a::after {
  }
  .utilization_tab .tab_btns .btn a::after {
  }
  .utilization_tab .tab_btns .btn a.active::before {
  }
  .utilization_tab .tab_btns .btn a.active {
  }

  .utilization_desc {
  }

  .utilization_desc .tab_item {
  }

  .utilization_desc .tab_item.active {
  }

  .utilization_desc .tab_item img {
    width: 100%;
  }

  .utilization_desc .tab_item.tab_menu02 {
  }
  .utilization_desc .tab_item.tab_menu02 .item {
    width: 100%;
    margin-top: 4vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item:first-child {
    margin-top: 0;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt {
    width: 100%;
    padding: 3vw 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 20px 20px 0 0;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt .fa {
    font-size: 4vw;
    margin-left: 3vw;
    margin-right: 1.2vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .txt h3 {
    font-size: 4vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail {
    padding: 3vw 0;
    border-radius: 0 0 20px 20px;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p {
    font-size: 3vw;
    line-height: 5vw;
    margin-left: 2vw;
    margin-top: 2vw;
  }

  .utilization_desc .tab_item.tab_menu02 .item .detail p span {
    display: block;
    font-size: 3vw;
  }
  .utilization_desc .tab_item.tab_menu02 .item .detail p br.mo_br {
    display: block;
  }
  .utilization_desc .tab_item.tab_menu03 {
  }
  .utilization_desc .tab_item.tab_menu03 img {
    width: 100%;
  }
  .utilization_desc .tab_item.tab_menu03 img.tab_menu03_on {
    display: none;
  }
  .utilization_desc .tab_item.tab_menu03 img.tab_menu03_mo {
    display: block;
  }

  /* 오시는길 contact */
  .contact_page {
    width: 90%;
    margin: 0 auto;
  }
  .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 {
    width: 100%;
    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;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .contact_wrap .desc .item h3 {
    font-size: 6vw;

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

  .contact_wrap .desc .item.item02 {
    width: 100%;
  }
  .contact_wrap .desc .item.item02 .txt {
    width: 100%;
  }
  .contact_wrap .desc .item.item02 .txt h3 {
  }
  .contact_wrap .desc .item.item02 .txt span {
    width: auto;
    padding: 3vw 3vw;
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 1.3;
  }
  .contact_wrap .desc .item.item02 .txt span:last-child {
    border: none;
    padding: 3vw 3vw 0;
  }
  /* confirm */
  .confirm_section {
    padding: 120px 0 60px;
    width: 100%;
  }
  
  .confirm_container {
    width: 100%;
    max-width: 100%;
    padding: 30px 15px;
    margin: 0;
    box-sizing: border-box;
  }
  
  .confirm_title h2 {
    font-size: 24px;
  }
  
  .result_table {
    display: none;
  }
  
  .reservation_cards {
    display: block;
    width: 100%;
  }
  
  .reservation_card {
    background: #f8f8f8;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    border-left: 4px solid #019301;
    width: 100%;
    box-sizing: border-box;
  }
  
  .card_row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    word-break: break-word;
  }
  
  .card_label {
    font-weight: 600;
    color: #383838;
    font-size: 13px;
    flex-shrink: 0;
    margin-right: 10px;
  }
  
  .card_value {
    color: #666;
    text-align: right;
    font-size: 13px;
    word-break: break-word;
  }
  /* confirm footer */
  .footer .brand_foot {
    height: auto;
    min-height: 90px;
    flex-direction: column;
    padding: 20px 15px;
  }
  
  .footer .cube_foot {
    padding: 30px 15px;
  }
  
  .footer .brand_foot .txt h3 {
    font-size: 12px;
    text-align: center;
  }
  
  .footer .brand_foot img {
    margin-bottom: 15px;
  }
  
}