@media (max-width:1700px){
  #sub0101_04 .map_wrap .marker img {width: 90%;}
  #sub0101_04 .map_wrap .m1 {left: 46%;}
  #sub0101_04 .map_wrap .m2 {top: 46.5%; left: 48.5%;}
  #sub0101_04 .map_wrap .m2 .marker_tit, #sub0101_04 .map_wrap .m3 .marker_tit, #sub0101_04 .map_wrap .m4 .marker_tit {left: 88%;}


}

@media (max-width:1540px){

.best_pro #ltt_warp .swiper-slide { max-width: calc((100% / 3) - 10px); }
.form-step2 .flex_box { flex-wrap: wrap; gap: 50px; justify-content: center !important; }

#sub0101_04 .map_wrap .m1 {top: 46%; left: 45.7%;}
#sub0101_04 .map_wrap .m2 {top: 47%; left: 48.5%;}

}

@media (max-width:1400px){

#header .gnb { display: none; }

.section0101 .title {font-size: 36px; margin-bottom: 46px;}
#sub0101_01 .heritage .tit_wrap .txt_wrap .article {font-size: 19px; margin-bottom: 16px;}
#sub0101_02 .txt_wrap .txt p:first-child {font-size: 19px;}
#sub0101_02 .txt_wrap .txt p {font-size: 17px; margin-bottom: 20px;}
#sub0101_03 .tab_wrap .active_tab p, #sub0101_03 .tab_wrap .move_tab p {font-size: 28px;}
#sub0101_03 .event .txt_wrap .top {margin-bottom: 120px;}
#sub0101_03 .event .txt_wrap .btm ul {margin-bottom: 18px;}
#sub0101_03 .event .txt_wrap .btm ul li {font-size: 17px;}
#sub0101_03 .event .txt_wrap .btm ul li:first-child {width: 18%;}
#sub0101_03 .detail_wrap .btm ul li:first-child {font-size: 19px; margin-top: 2px;}
#sub0101_04 .map_wrap .explan {font-size: 18px;}
#sub0101_04 .map_wrap .marker .marker_tit {font-size: 15px;}

}

@media (max-width:1280px){
  .sub01_header, #sub0101_04 .txt_wrap, .width1240 {width: 100%; padding-right: 20px; padding-left: 20px;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap br:nth-of-type(4) {display: none;}
  #sub0101_02 .txt_wrap .txt p br {display: none;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .desc br {display: none;}
  #sub0101_03 .event .txt_wrap {width: 66%;}
  #sub0101_03 .detail_wrap .top .txt_wrap {width: 54%;}
  #sub0101_03 .detail_wrap .top {gap:0; justify-content: space-between;}
  #sub0101_03 .detail_wrap .btm ul li:first-child {width: 14%;}
  #sub0101_03 .detail_wrap .btm ul li:last-child {width: 86%;}
  .section0101 .title {font-size: 34px;}
  #sub0101_04 .txt_wrap {gap: 10px;}
  #sub0101_04 .map_wrap .marker .marker_tit {font-size: 14px;}
  #sub0101_04 .map_wrap .m5 .marker_tit {left: -250%;}
  #sub0101_04 .map_wrap .marker .marker_tit {top: -44%; padding: 7px 28px;}
  #sub0101_04 .map_wrap .explan {font-size: 16px;}
}

/*desk*/
@media (max-width:1180px){

.wetoz .rm-infos3 { font-size: 14px !important; }
/* #placeList li { width: calc((100% / 3) - 15px) !important; } */
.sub01_header ul li p {font-size: 18px;}

.heritage {text-align: center;}
.section0101 .title {margin-bottom: 20px;}
#sub0101_01 .heritage .tit_wrap {flex-direction: column-reverse; padding-bottom: 30px;}
#sub0101_01 .heritage .tit_wrap .txt_wrap {width:100%;}
#sub0101_01 .global_img {margin-bottom: 20px;}
.sub01slide .swiper-wrapper .swiper-slide {height: 155px;}
.sub01slide .swiper-wrapper .swiper-slide .name {font-size: 16px;}
.section0101 {padding-bottom: 180px;}
#sub0101_03 .event {margin-bottom: 110px;}
#sub0101_03 .tab_wrap .active_tab p, #sub0101_03 .tab_wrap .move_tab p {font-size: 23px;}
#sub0101_03 .tab_wrap .active_tab p {padding: 20px 36px 20px 0;}
#sub0101_03 .tab_wrap .move_tab p {padding: 20px 0 20px 36px;}
#par_roll .swiper {height: 155px;}
#par_roll .swiper-slide {width: 155px!important;}
#sub0101_03 .event .txt_wrap .top .anno {font-size: 16px;}
#sub0101_03 .event .txt_wrap .top .tit {font-size: 28px;}
#sub0101_03 .event .txt_wrap .top .tit {font-size: 27px; padding-left: 14px;}
#sub0101_03 .event .txt_wrap .top .tit:before {top:11%; height: 26px;}
#sub0101_03 .event .txt_wrap .btm ul li {font-size: 16px;}
#sub0101_03 .detail_wrap .top {margin-bottom: 40px;}
#sub0101_03 .detail_wrap .top > img {width: 36%;}
#sub0101_04 .map_wrap .m1 {left: 44%;}
#sub0101_04 .map_wrap .m2 {left: 47.5%;}
#sub0101_04 .map_wrap .m3 {left: 48.5%;}
#sub0101_04 .map_wrap .m5 {left: 48%;}
.m_img_wrap .zone_wrap img {width: 100%;}

.hm-header {gap: 4px;}
.hm-titles h3 {font-size: 20px;}
.hm-titles .en {font-size: 15px;}
.hm-icon {width: 30px; height: 30px; margin-top:-18px;}
.hm-meta dl, .hm-desc {font-size: 14px;}


}

/*desk*/
@media (max-width:1024px){

  .visual { height: 50vh; }

  #my_menu { overflow-y: scroll; }
  #nav_tog { display: block; }
  #nav_tog li:nth-of-type(n+5) { display: none; }
  .sch_wr2 { max-width: 100%; border: none; margin: 0 auto; }
  .sh_tab li { font-size: 16px; }
  #plan .title { font-size: 40px; }
  #plan a { font-size: 20px; }
  .wetoz .col-lg-3 { width: calc((100% / 3) - 10px) !important; }

  .section0101 {padding-bottom: 150px;}
  .sub01_header ul li {gap: 14px; padding: 22px 0; width: auto;}
  .section0101 .title {font-size: 30px;}
  #sub0101_01 .global_img {width: 100%;}
  #sub0101_01 .global_img img {width: 50%;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .article {margin-bottom: 8px;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .desc {line-height: 165%; font-size: 15px;}
  .sub01slide .swiper-wrapper .swiper-slide {height: 121px;}
  .sub01slide .swiper-wrapper {margin-bottom: 20px;}
  .sub01slide .swiper-pagination {gap: 16px; padding: 0 26px;}
  .sub01slide .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px;}
  .sub01slide .swiper-wrapper .swiper-slide .name {font-size: 15px; width: 100%; left: 0;}
  #sub0101_02 .txt_wrap .txt p {line-height: 155%; font-size: 16px; margin-bottom: 16px;}
  #sub0101_02 .txt_wrap .txt p:first-child {font-size: 18px;}
  #sub0101_02 .txt_wrap > img {width: 34%;}
  #sub0101_03 .tab_wrap .active_tab p, #sub0101_03 .tab_wrap .move_tab p {font-size: 20px;}
  #sub0101_03 .event {gap:4%; margin-bottom: 100px;}
  #sub0101_03 .event .txt_wrap .top .anno {font-size: 15px;}
  #sub0101_03 .event .txt_wrap .top .tit {font-size: 26px;}
  #sub0101_03 .event .txt_wrap .btm ul {margin-bottom: 16px;}
  #sub0101_03 .event .txt_wrap .btm ul li {font-size: 15px;}
  #sub0101_03 .event .txt_wrap .btm ul li:first-child {width:22%;}
  #sub0101_03 .event .txt_wrap .btm ul li:last-child {width: 78%;}
  #sub0101_03 .detail_wrap .btm ul {padding: 16px;}
  #sub0101_03 .detail_wrap .btm ul li:first-child {font-size: 18px;}
  #sub0101_03 .detail_wrap .btm ul li:last-child {font-size: 15px; line-height: 155%;}
  #sub0101_03 .detail_wrap .top .txt_wrap .desc {font-size: 15px;}
  #sub0101_04 .map_wrap .m1 {left: 42%;}
  #sub0101_04 .map_wrap .m2 {left: 46.5%;}
  #sub0101_04 .map_wrap .m3 {left:48%; top: 53%;}
  #sub0101_04 .map_wrap .m4 {left: 52%;}
  #sub0101_04 .map_wrap .m5 {left: 47%;}
  #par_roll .swiper {height: 121px;}
  #par_roll .swiper-slide {width: 121px!important;}
  .hm-grid {display: flex; flex-wrap: wrap; justify-content: center;}

}



/*tablet*/
@media (max-width:820px) {


  .best_pro #ltt_warp .img_box img { height: 300px; }
  .best_pro #ltt_warp .rm-infos2 { font-size: 14px; padding: 20px 10px 5px; word-break: keep-all; }
  .best_pro #ltt_warp .rm-infos3 { font-size: 14px; padding: 5px 10px 20px; }
  #plan .title { font-size: 30px; }
  .wetoz .col-lg-3 { width: calc((100% / 2) - 10px) !important; }
  /* .s_top .inner_wrap { flex-wrap: wrap; } */
  .s_top .desc { width: 100%; }
  /*.bo_sch_wrap { padding: 0 50px; }*/
  /* #placeList li { width: calc((100% / 2) - 15px) !important; } */

  .sub01slide .swiper-wrapper .swiper-slide {height: 113px;}




}


/*mobile*/
@media (max-width:767px){

  #header { padding: 0 20px; height: 60px; }
  #header .logo img { height: 20px; object-fit: contain; }
  #header .goog-te-gadget-simple span:first-of-type { font-size: 0;  }
  .login li a { font-size: 0; }
  .sch_wr2 { padding: 40px 20px; }
  .sch_wr2 h2 { font-size: 30px; word-break: keep-all; }
  .sh_tab { display: none; }
  .best_pro { margin: 100px 0; padding: 0 20px; }
  .best_pro .nav ul li { font-size: 14px; padding: 2px 15px; }
  .best_pro #ltt_warp li:nth-of-type(n+2) { display: none; }
  .best_pro #ltt_warp .swiper-slide { max-width: 100%; }

  .m_con { margin-left: 20px; }
  .m_con .h2_wrap { width: calc(100% - 40px); }

  #plan { flex-wrap: wrap; gap: 40px; padding: 0 20px; }

  #footer .inner_wrap { padding: 50px 20px 0; }
  #footer .sitemap { display: none; }
  #footer .flex_box { flex-direction: column; gap: 20px;  }
  #footer .bottom .inner_wrap { padding: 25px 20px 50px; flex-direction: column; align-items: flex-start; }

  .s_top .inner_wrap { padding: 180px 20px 40px; gap: 20px; }
  .s_top .title { font-size: 30px; }
  .s_top .desc { font-size: 12px; }
  #sub h2 { font-size: 30px; line-height: 1.5; }
 /* .bo_sch_wrap { padding: 0 20px; }*/
  .bo_sch { box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1) !important; }
  .container { padding: 5px !important; }
  .wetoz .col-lg-3 { width: 100% !important; }
  .wetoz { padding: 20px !important; }
  .wetoz .form-step2 h4 { flex-direction: column-reverse; align-items: flex-start !important; }
  .rv_box  { margin-left: auto; }
  .wetoz .form-step2 .box-section { padding: 10px !important; }
  #display_pay_button .btn { width: 100% !important; }

  #map { height: 300px !important; }
  #menu button { width: 90px !important; }
  #menu { text-align: center; }
  #placeList li { width: 100% !important; }
  #time-list li .btn-time { font-size: 14px; }
  .form-step2 .table td { font-size: 14px; }
  .form-step2 .table .text-right { font-size: 14px; }
  .review-content .flex_box  { flex-direction: column-reverse; }
  .review-content .rank { margin-left: auto; }
  .review-content li { padding: 20px!important; }
  .pf_name, .pf_date { font-size: 14px; }
  #sub h2 {font-size: 20px;line-height: 1.1;}
  #s_top {height: 80vh;}
  #sub{height: 80vh;}
  .s_top .inner_wrap{height: 100%}
  .wetoz {margin: 0 auto 100px;}
  #placeList li {padding: 16px 20px 8px 18px;}
  #bo_cate a {height: 90px;}
  .info_right {margin-top: 15px;}


  /* 한만규1018????????? */
  .info_right {margin-top: 0px;}
  #map {overflow: hidden; border-radius: 1rem; }

  @media (max-width: 767px) {
    .s_top .inner_wrap {padding: 80px 20px 40px;}
    #sub {height: 55vh;}
  }

  #sub0101_01 {padding-top:50px;}
  .section0101 {padding-bottom: 100px;}
  #sub0101_03 .event {margin-bottom: 100px;}
  .sub01_header ul li {gap: 6px; padding: 14px 0; justify-content: left; width: 50%;}
  .sub01_header ul li img {width: 20%;}
  .sub01_header ul li p {font-size: 15px;}
  .section0101 .title {font-size: 25px;}
  #sub0101_01 .heritage .tit_wrap {padding-bottom: 16px;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .article {font-size: 18px;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .desc {font-size: 14px;}
  .sub01slide .swiper-wrapper .swiper-slide {height: 105px;}
  #sub0101_02 .festival {text-align: center;}
  #sub0101_02 .txt_wrap {flex-wrap: wrap; justify-content: center;}
  #sub0101_02 .txt_wrap > img {margin-bottom: 20px;}
  #sub0101_02 .txt_wrap .txt p:first-child {font-size: 17px; }
  #sub0101_02 .txt_wrap .txt p {font-size: 15px; margin-bottom: 12px; line-height: 145%;}
  #sub0101_03 .tab_wrap {margin-bottom: 30px;}
  #sub0101_03 .tab_wrap .active_tab p, #sub0101_03 .tab_wrap .move_tab p {font-size: 16px;}
  #sub0101_03 .event {flex-wrap: wrap; justify-content: center; margin-bottom: 80px;}
  #sub0101_03 .event > img {margin-bottom: 30px;}
  #sub0101_03 .event .txt_wrap {width: 100%;}
  #sub0101_03 .event .txt_wrap .top {margin-bottom: 40px;}
  #sub0101_03 .event .txt_wrap .top .anno {font-size: 14px; margin-bottom: 10px;}
  #sub0101_03 .event .txt_wrap .top .tit {font-size: 22px;}
  #sub0101_03 .event .txt_wrap .btm ul {margin-bottom: 10px;}
  #sub0101_03 .event .txt_wrap .btm ul li {font-size: 14px;}
  #sub0101_03 .detail_wrap .top {justify-content: center;}
  #sub0101_03 .detail_wrap .top .txt_wrap {width: 100%; margin-bottom: 20px;}
  #sub0101_03 .detail_wrap .top > img {width: 50%;}
  #sub0101_03 .detail_wrap .btm ul {padding: 16px 0;}
  #sub0101_03 .detail_wrap .btm ul li:first-child {width: 100%; margin-bottom: 6px;}
  #sub0101_03 .detail_wrap .btm ul li:last-child {width: 100%;}

  .sub01slide .swiper-slide:last-child{ margin-right: 0 !important; }
  .sub01slide .swiper-wrapper .swiper-slide .gradation, .sub01slide .swiper-wrapper .swiper-slide .name{ display:block; }
  .sub01slide .swiper-wrapper .swiper-slide .name {font-size: 13px;}
  #sub0101_04 .txt_wrap {gap: 6px;}
  #sub0101_04 .txt_wrap > img {width: 7%;}
  #sub0101_04 .map_wrap .marker img {width: 80%;}
  #sub0101_04 .map_wrap .m1 {left: 40%;}
  #sub0101_04 .map_wrap .m2 {left: 46%;}
  #sub0101_04 .map_wrap .m3 {top: 52%;}
  #sub0101_04 .map_wrap .m4 {left: 53%;}
  #sub0101_04 .map_wrap .m5 {left: 46%;}
  #sub0101_04 .map_wrap .marker .marker_tit {font-size: 12px;}
  #sub0101_04 .map_wrap .m2 .marker_tit, #sub0101_04 .map_wrap .m3 .marker_tit, #sub0101_04 .map_wrap .m4 .marker_tit {left: 78%;}
  #sub0101_04 .map_wrap .marker .marker_tit {top:-58%;}
  #sub0101_04 .map_wrap .m5 .marker_tit {left:-234%;}
  #sub0101_04 .map_wrap .explan {font-size: 14px;}
  #par_roll .swiper {height: 105px;}
  #par_roll .swiper-slide {width: 105px!important;}
  .m_img_wrap .zone_wrap p {font-size: 14px;}
  .hm-header {gap: 3px;}
  .hm-icon {width: 24px; height: 24px; margin-top:-15px;}
  .hm-titles h3 {font-size: 17px;}
  .hm-titles .en {font-size: 13px; margin-top: 2px;}
  .hm-meta dl, .hm-desc {font-size: 13px;}






}

@media (max-width:500px){
  .sub01_header ul li {padding: 7px 0;}
  .section0101 .title {font-size: 22px;}
  .section0101 {padding-bottom: 80px;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .article {font-size: 16px;}
  #sub0101_01 .heritage .tit_wrap .txt_wrap .desc {font-size: 13px;}
  .sub01slide .swiper-wrapper {margin-bottom: 12px;}
  .sub01slide .swiper-wrapper .swiper-slide {height: 120px;}
  .sub01slide .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px;}
  .sub01slide .swiper-pagination {gap:12px; padding: 0 22px;}
  #sub0101_02 .txt_wrap .txt p:first-child {font-size: 16px;}
  #sub0101_02 .txt_wrap .txt p {font-size: 13px;}
  #sub0101_03 .tab_wrap .active_tab p, #sub0101_03 .tab_wrap .move_tab p {font-size: 14px;}
  #sub0101_03 .tab_wrap .active_tab p {padding: 18px 26px 18px 0;}
  #sub0101_03 .tab_wrap .move_tab p {padding: 18px 0 18px 18px;}
  #sub0101_03 .event {margin-bottom: 60px;}
  #sub0101_03 .event .txt_wrap .top {margin-bottom: 30px;}
  #sub0101_03 .event .txt_wrap .top .anno {font-size: 13px;}
  #sub0101_03 .event .txt_wrap .top .tit {font-size: 20px; padding-left: 12px;}
  #sub0101_03 .event .txt_wrap .top .tit:before {top: 10%; height: 20px;}
  #sub0101_03 .event .txt_wrap .btm ul {margin-bottom: 14px;}
  #sub0101_03 .event .txt_wrap .btm ul li:first-child, #sub0101_03 .event .txt_wrap .btm ul li:last-child {width: 100%;}
  #sub0101_03 .event .txt_wrap .btm ul li:first-child {margin-bottom: 2px;}
  #sub0101_03 .detail_wrap .top {margin-bottom: 20px;}
  #sub0101_03 .detail_wrap .top .txt_wrap .desc {font-size: 13px;}
  #sub0101_03 .detail_wrap .top > img {width: 100%;}
  #sub0101_03 .detail_wrap .btm ul li:first-child {font-size: 16px;}
  #sub0101_03 .detail_wrap .btm ul li:last-child {font-size: 13px; line-height: 145%;}
  #sub0101_04 .txt_wrap {margin: 0 auto 20px auto;}
  #sub0101_04 .txt_wrap > img {width: 8%;}
  #sub0101_04 .map_wrap .explan {padding-left: 6px; font-size: 11px;}
  #sub0101_04 .map_wrap .explan:before {top:35%; width:3px; height: 3px;}
  #sub0101_04 .map_wrap .marker img {width: 58%;}
  #sub0101_04 .map_wrap .marker .marker_tit {font-size: 11px; padding: 6px 22px;}
  #sub0101_04 .map_wrap .m1 {top:42%; left:38%;}
  #sub0101_04 .map_wrap .m2 {top:45%; left:45%;}
  #sub0101_04 .map_wrap .m3 {top:51%;}
  #sub0101_04 .map_wrap .m4 {top:55%; left:54%;}
  #sub0101_04 .map_wrap .m5 {left:45%;}
  #par_roll .swiper {height: 60px; margin-bottom: 4px;}
  #par_roll .swiper-slide {width: 60px!important; margin-right: 4px;}

  .m_img_wrap .zone_wrap p {font-size: 12px;}
  .m_img_wrap.is-open {grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); gap:6px;}
  .m_img_wrap .zone_wrap img {height: 130px;}

  .hm-dialog {padding: 16px 10px 20px;}
  .hm-titles h3 {font-size: 15px; word-break: keep-all;}
  .hm-header {align-items: start; margin-bottom: 12px;}
  .hm-icon {margin-top:-1px;}
  .hm-titles .en {font-size: 12px;}
  .hm-meta dl, .hm-desc {font-size: 12px;}
  .hm-close {top:0; right: 8px; font-size: 20px;}



}