@media (max-width: 1700px) {}

@media (max-width: 1500px) and (min-width: 849px) {}

@media (max-width: 850px) {

  .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
  .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),
  .fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]) {
    min-height: auto;
  }

  .main_container [class^="ani"] {
    opacity: 1;
    transform: translateZ(0);
  }

  /* 메인 */
  .main_visual article {
    height: 100vh;
  }

  .main_visual .main_visual_txt {
    padding: 0 5%;
  }

  .main_visual .main_visual_txt strong {
    font-weight: 500;
    display: block;
    font-size: 32px;
  }

  .main_visual .main_visual_txt p {
    font-size: 24px;
    margin-top: 4px;
    opacity: 0.8;
  }

  .main_aboutus {
    padding-bottom: 120px;
  }

  .main_aboutus .inner02,
  .main_insight .inner02 {
    padding-top: 80px;
  }

  .main_insight>div {
    padding-bottom: 0;
  }

  .main_aboutus .main_title {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .main_aboutus .main_title h2 {
    font-size: 32px;
    margin-bottom: 0;
  }

  .main_aboutus .main_title>div {
    flex-direction: column;
    gap: 0;
    font-size: 24px;
  }

  .main_aboutus .main_title>div .bar {
    width: 2px;
    height: 28px;
    margin: 12px 0;
  }

  .main_aboutus .main_title>div i {
    font-size: 36px;
  }

  .main_aboutus .main_title>div i:last-child {
    display: none;
  }

  .main_aboutus .main_cont p {
    font-size: 16px;
    opacity: 0.9;
    text-align: center;
  }

  .main_aboutus .main_cont .ani4 {
    text-align: center;
  }

  .main_aboutus .main_cont .btn {
    margin-top: 60px;
  }

  .main_container .more_btn {
    height: 52px;
    font-size: 16px;
  }

  .main_service,
  .main_insight {
    /* margin-top: -1px; */
  }

  .main_service>div {
    height: auto;
  }

  .main_service article ul {
    flex-direction: column;
    padding: 80px 4% 0;
  }

  .main_service article ul>li {
    padding: 24px 20px;
    clip-path: inset(0 0 0);
  }

  .main_service ul li:before {
    clip-path: unset;
  }

  .main_service ul li:hover:before {
    clip-path: unset;
  }

  .main_service article ul>li div {
    position: relative;
    z-index: 2;
    text-align: center;
  }

  .main_service h3 {
    opacity: 1;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.5px;
  }

  .main_service .btn {
    opacity: 1;
    width: auto;
    height: 40px;
    font-size: 14px;
    padding: 0 calc(20px + 16px + 12px) 0 20px;
    margin-top: 16px;
  }

  .main_service .btn img {
    top: calc(50% - 11px);
    right: 16px;
    width: 20px;
    height: 20px;
  }


  .main_insight {
    padding-bottom: 60px;
  }

  .main_insight .main_title {
    padding-top: 0;
    margin-bottom: 32px;
  }

  .main_insight .main_title p {
    font-size: 15px;
    font-weight: 500;
  }

  .main_insight .main_title h2 {
    font-size: 28px;
    margin-top: 8px;
  }

  .gallery {
    padding-bottom: 20px;
    overflow: hidden;
  }

  .gallery ul li .txt_box {
    padding: 16px 12px;
  }

  .gallery ul li p {
    font-size: 14px;
  }

  .gallery ul li strong {
    font-size: 14px;
    margin: 8px 0;
  }

  .gallery ul li .date {
    font-size: 12px;
  }

  .gallery .swiper-scrollbar {
    /* display: none; */
  }

  .gallery .control-box {
    top: calc(50% - 20px);
    width: 100%;
  }

  .main_insight .btn_box {
    margin-top: 40px;
  }




  /* sub */
  #sub_visual {
    height: 160px;
    padding: 32px 0 0;
  }

  #sub_visual .breadcrumb {
    margin-top: 12px;
    font-size: 13px;
    display: none;
  }

  #sub_visual .location_box span {
    font-size: 13px;
    font-weight: 700;
    opacity: 0.8;
  }

  #sub_visual .location_box strong {
    font-size: 32px;
    margin-top: 6px;
  }

  #snb {
    display: none;
  }

  /* etc */
  #sub_visual.etc_visual {
    height: 200px;
  }


  /* contact */
  .contact dl {
    flex-direction: column;
    gap: 24px;
  }

  .contact dl+dl {
    margin-top: 60px;
  }

  .contact dl dt {
    width: 100%;
  }

  .bw_head h3 {
    font-size: 32px;
  }

  .contact dl dt strong {
    font-size: 22px;
  }

  .contact dl dd .input_box_list>li {
    flex-direction: column;
    gap: 4px;
  }

  .contact dl dd .input_box_list>li label {
    font-size: 16px;
  }

  .contact dl dd .input_box_list>li .ui_rdo_list {
    margin-top: 4px;
  }

  .contact dl dd .input_box_list>li .ui_rdo_list li {
    flex: 1;
  }

  .contact dl dd .input_box_list>li .ui_rdo_list label {
    width: auto;
  }

  .contact .scroll_area {
    height: 180px;
    padding: 20px;
    font-size: 14px;
  }

  .contact .scroll_area+.ui_chk {
    margin-top: 8px;
  }

  .contact .scroll_area+.ui_chk label {
    justify-content: flex-start;
    font-size: 16px;
  }

  .contact .ui_chk.md input[type="checkbox"]+label::before {
    width: 20px;
    height: 20px;
  }

  .contact dl dd .input_box_list>li>.flex.g24 {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .contact dl dd .input_box_list>li>.flex.g24 input {
    width: 100%;
  }

  /* 오시는길 */
  .location .bw_head h3 {
    font-size: 36px;
  }

  .office_box {
    flex-direction: column;
  }

  .office_box .dl_box dl:first-child {
    flex-direction: column;
    gap: 6px;
  }

  /* 게시판 */
  .board_list.tbl_box,
  .board_list.tbl_box tbody,
  .board_list.tbl_box tr,
  .board_list.tbl_box th,
  .board_list.tbl_box td {
    display: block;
  }

  .board_list.tbl_box tr {
    border-bottom: 1px solid #E4E7EC;
    position: relative;
    padding: 16px;
    padding-left: 52px;
    display: flex;
    flex-wrap: wrap;
  }

  .board_list.tbl_box th,
  .board_list.tbl_box td {
    border-bottom: 0;
    padding: 0;
  }

  .board_list .num {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    text-align: center;
  }

  .board_list .num b {
    width: 20px;
    height: 20px;
  }

  .board_list td.tit {
    width: 100%;
    margin-bottom: 4px;
  }

  .board_list .writer,
  .board_list .date {
    width: auto;
    font-size: .9em;
    margin-right: 12px;
  }

  .board_list .file {}

  .board_list .file img {
    width: 16px;
    vertical-align: middle;
  }

  .board_head {
    margin-bottom: 8px;
  }

  .board_head>form {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 12px;
  }

  .board_head .search_box {
    width: 100%;
    background: var(--bg01);
    padding: 8px 0px;
    font-size: 14px;
  }

  .board_head .search_box .flex {
    flex: 1;
  }

  .board_head .search_box select {
    width: 100px;
    padding-left: 16px;
  }

  .search_box button {
    padding-right: 20px;
  }

  .board_head>form .total {
    font-size: 14px;
  }


  /* 게시판 > 갤러리 */
  .column>ul>li>a {
    gap: 32px;
    flex-direction: column;
  }

  .column .img_box {
    width: 100%;
    height: 235px;
  }

  .column .txt_box {
    padding: 20px;
  }

  .column .txt_box strong {
    font-size: 20px;
  }

  .column .txt_box b {
    font-size: 14px;
  }

  .column .txt_box p {
    font-size: 14px;
  }

  .column .txt_box .date {
    font-size: 14px;
  }

  .column .swiper-pagination {
    top: 250px;
    left: 20px;
  }

  .column .swiper-button-prev,
  .column .swiper-button-next {
    top: auto;
    width: 36px;
    height: 36px;
    bottom: 16px;
  }

  .column .swiper-button-prev {
    left: auto;
    right: 60px;
  }

  .column .swiper-button-next {
    right: 16px;
  }

  .board_content h3 {
    font-size: 28px;
  }

  .gallery_list .photo>li {
    width: calc((100% - 20px) / 2);
    margin-bottom: 20px;
  }

  .gallery_list .photo>li:nth-child(2n) {
    margin-right: 0;
  }

  .gallery_list>.photo>li .desc .tit {
    font-size: 16px;
  }

  .gallery_list>ul>li .desc .date {
    font-size: 12px;
  }

  /* 게시판 > 상세보기 */
  .board_view .board_view_head .bv_title strong {
    display: block;
    font-weight: 700;
  }

  .board_view .board_view_head .bv_title .bv_info {
    font-size: 14px;
    margin-top: 12px;
  }

  .board_view .board_view_head .bv_title .bv_info li {
    padding: 0 8px;
  }

  .board_view .board_view_head .bv_title .bv_info li:before {
    width: 1px;
  }

  .board_view .board_view_head .bv_file {
    padding: 4px 20px;
    font-size: 14px;
  }

  .insights_view .board_view .board_view_head .bv_title {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }

  .insights_view .board_view .board_view_head .bv_title strong {
    font-size: 20px;
  }


  /* company */
  .company #sub_visual {
    height: 220px;
    padding: 40px 0 0;
  }

  .company [class^="desc_wrap"] {
    gap: 20px;
    margin-bottom: 60px;
    flex-direction: column;
  }

  [class^="desc_wrap"] strong {
    font-size: 40px;
  }

  .desc_wrap div {
    padding-top: 0;
  }

  .fix_wrap {
    height: 240px;
  }

  .company .desc_wrap2 {
    gap: 4px;
    margin-bottom: 0;
    margin-top: 60px;
  }

  .company .desc_wrap2+.desc_wrap2 {
    flex-direction: column-reverse;
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: right;
  }

  .desc_wrap2 strong {
    font-size: 28px;
  }

  .desc_wrap2 div {
    font-size: 16px;
  }

  .service_wrap {
    padding: 60px 0 120px;
  }

  .service_wrap ul li {
    width: 100%;
  }

  .service_wrap ul li+li,
  .service_wrap ul li:nth-child(2n) {
    margin-top: 40px;
  }

  .service_wrap .img_box {
    height: 280px;
  }

  .service_wrap .txt_box {
    margin-top: 16px;
  }

  .service_wrap .txt_box strong {
    font-size: 26px;
  }

  .service_wrap .txt_box p {
    margin-top: 4px;
    font-size: 16px;
  }

  /* 골프 */
  .sub_tit_box {
    padding-bottom: 0;
  }

  .sub_tit_box b {
    font-size: 14px;
  }

  .sub_tit_box h3 {
    font-size: 36px;
    margin-bottom: 12px;
  }

  .sub_tit_box strong {
    font-size: 20px;
    margin-bottom: 16px;
  }

  .sub_tit_box p {
    font-size: 15px;
  }

  .golf article.inner02>.flex {
    flex-direction: column;
  }

  .golf article>.flex>div {
    width: 100%;
  }

  .golf article>.flex>div.img_box {
    width: 100%;
    height: 300px;
    margin-right: 0;
    display: none;
  }

  .sub_tit {
    margin-bottom: 16px;
  }

  .sub_tit h4 {
    font-size: 28px;
    font-size: 24px;
  }

  .sub_tit h5 {
    font-size: 20px;
  }

  .service .btn_box {
    margin-top: 40px;
  }

  .service .btn_box .btn {
    font-size: 16px;
  }

  /* room */
  .snb_wrap.for_mo {
    display: flex !important;
  }

  .title_box {
    align-items: center;
    margin-bottom: 40px;
    flex-direction: column;
    gap: 28px;
    text-align: center;
  }

  .title_box h2 {
    font-size: 32px;
  }

  .title_box .btn.lg {
    height: 48px;
    width: 100%;
    font-size: 16px;
  }

  .room_top_wrap .room_top_box .swiper-wrapper,
  .room_top_wrap .room_top_box .mySwiper2 .swiper-wrapper {
    height: 300px;
  }

  .room_top_wrap .bg_area {
    margin-top: -260px;
    height: 300px;
  }

  .room_top_wrap .room_top_box .mySwiper .swiper-wrapper {
    height: 60px;
  }

  .room_top_wrap .room_top_box .mySwiper {
    display: none;
  }

  .option_item_wrap {
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: left;
  }

  .option_item_wrap>ul {
    flex-direction: column;
  }

  .option_item_wrap>ul>li+li {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding-top: 20px;
    margin-top: 20px;
  }

  .option_item_wrap>ul>li {
    gap: 32px;
    flex-direction: row;
  }

  .option_item_wrap [class^="ico_"] {
    width: 40px;
    height: 40px;
  }

  .option_item_wrap dl dt {
    font-size: 14px;
  }

  .amenity_wrap {
    margin-bottom: 40px;

    .list_area dl {
      flex-direction: column;
      gap: 20px;
    }

    .list_area dl+dl {
      padding-top: 28px;
      margin-top: 28px;
    }

    .list_area dl dt {
      font-size: 20px;
      width: 100%;
    }

    .list_area dl dd {
      width: 100%;
    }
  }

  .amenity_list {
    gap: 12px 0px;

    & li {
      width: calc(100% / 2);

      .ico_area {
        width: 48px;
        height: 48px;

        [class^="ico_"] {
          width: 20px;
          height: 20px;
        }

      }

    }
  }

  .golfprice .sub_content>article+article,
  .golf .sub_content>article+article {
    margin-top: 40px;
  }

  .golf .bg_wrap {
    padding: 60px 0;
  }

  .golf .ul_list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .golf .ul_list li:nth-child(2n-1) {
    flex-direction: column-reverse;
  }

  .golf .ul_list li .txt_box {
    width: 100%;
  }

  .golf .ul_list li:nth-child(2n) .txt_box {
    padding-left: 0;
  }

  .golf .ul_list li .img_box {
    width: 100%;
    height: 180px;
  }

  .golf .ul_list li:nth-child(2n-1) .img_box {
    margin-left: -5%;
  }

  .golf .ul_list li:nth-child(2n) {
    margin-right: -5%;
  }

  .golf .ul_list li .txt_box strong {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .golf .ul_list li .txt_box p {
    font-size: 15px;
  }

  .golf .dl_list dl {
    padding: 20px 20px;
    font-size: 15px;
  }

  .golf .dl_list dl dt {
    font-size: 16px;
    width: 80px;
  }

  .golf .dl_list .bu_list li {
    align-items: flex-start;
  }

  .golf .dl_list .bu_list li strong {
    width: 64px;
    flex: 0 0 auto;
  }

  .golf .tbl_box {
    font-size: 14px;
  }

  .hole_wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .hole_wrap .list_wrap ul:before,
  .hole_wrap .list_wrap li:before,
  .hole_wrap .list_wrap li.active:after {
    display: none;
  }

  .hole_wrap .list_wrap {
    width: 100%;
    padding: 0;
    border-radius: 4px;
  }


  .hole_wrap .list_wrap ul {
    display: flex;
    align-items: center;

    flex-wrap: wrap;
  }

  .hole_wrap .list_wrap li {
    display: flex;
    align-items: center;
    width: calc(100% / 3);
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .hole_wrap .list_wrap li+li {
    margin-top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  .hole_wrap .list_wrap li a {
    font-size: 16px;
    text-align: center;
    padding: 0;
    line-height: 40px;
    padding: 4px;
    width: 100%;
  }

  .hole_wrap .hole_img {
    width: 100%;
    height: 360px;
  }

  .hole_wrap .hole_info {
    width: 100%;
    padding-left: 0;
  }

  .hole_info .hole_score {
    margin-bottom: 16px;
  }

  .hole_info .hole_score h2 {
    font-size: 24px;
  }

  .hole_info .hole_score h2 span {
    font-size: 40px;
  }

  .hole_info .course_name {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .hole_info .hole_score .right {
    font-size: 15px;
  }

  .hole_info .hole_score .right span {
    font-size: 24px;
  }

  .hole_info .hole_tip {
    padding: 24px 0;
    min-height: auto;
  }

  .hole_info .hole_tit {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .hole_info .hole_tip .tip_txt {
    font-size: 16px;
  }

  .golfprice .bg_box {
    margin-top: 40px;
    padding: 40px 0 60px;
  }

  .golfprice .ul_list>li {
    flex-direction: column;
    gap: 12px;
  }

  .golfprice .ul_list.v2>li>strong,
  .golfprice .ul_list.v2>li>div {
    width: 100%;
  }

  .golfprice .dl_card_box {
    flex-direction: column;
  }

  .golfprice .dl_card_box>dl {
    width: 100%;
  }

  .facility .sub_content>article+article {
    margin-top: 40px;
  }

  .facility .info_divider_box {
    flex-direction: column;
    padding: 20px;
  }

  .facility .info_divider_box>li {
    width: 100%;
    padding: 0;
  }

  .facility .info_divider_box>li+li {
    border-left: 0;
    border-top: 1px solid var(--line);
    padding-top: 12px;
    margin-top: 12px;
  }

  .facility .info_divider_box [class^="ico_"] {
    width: 40px;
    height: 40px;
  }

  .facility .info_divider_box dl dt {
    font-size: 14px;
  }

  .facility .info_divider_box dl dd {
    margin-top: 4px;
  }

  .facility_img_box {
    padding: 0 24px;
  }

  .facility_img_box .swiper {
    height: 40vh;
  }

  .facility .swiper_controls {
    width: 100%;
  }

  .facility .swiper_controls .swiper-button-prev,
  .facility .swiper_controls .swiper-button-next {
    width: 48px;
    height: 48px;
    background-size: 24px;
  }

  .facility .swiper-pagination-fraction {
    padding: 4px 16px;
    bottom: 8px;
    gap: 6px;
    font-size: 9px;
  }

  .facility .swiper-pagination-fraction .swiper-pagination-total,
  .facility .swiper-pagination-fraction .swiper-pagination-current {
    font-size: 13px;
    font-weight: 600;
  }

  .facility_info_box {
    flex-direction: column;
    font-size: 15px;
  }

  .facility_info_box .sub_tit {
    width: 100%;
  }

  .chkinout_box {
    flex-direction: column;
  }
}