/* Mobile Device */
@media (max-width: 767px) {
  /* Default CSS */
  html {
    font-size: 14px;
  }
  .custom-select select {
    font-size: 1rem;
  }
  input[type=date],
  .input-field input {
    padding: 14px;
    font-size: 1rem;
  }

  /* Reset CSS */
  .header-inner {
    width: 100%;
    padding: 0 20px;
  }
  .footer-inner,
  section > div[class*=inner]:not(.sub-menu > div),
  .main-page section > div[class*=inner]:not(.sub-menu-inner) {
    width: 100%;
    padding: 0 20px;
  }
  .guide .welcome-inner {
    background: url(/image/m-center-guide-welcome-img-01.png) no-repeat center center / cover;
  }
  .slash::after {
    margin: 0 10px;
    margin-left: 12px;
  }
  .hidden {
    display: block;
  }

  #skip-nav {
    display: none;
  }
  .mo .contents-inner {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  /* ############### Header ############### */
  input::-webkit-search-decoration,
  input::-webkit-search-cancel-button,
  input::-webkit-search-results-button,
  input::-webkit-search-results-decoration {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    right: 40px;
  }

  /* Section Common */
  .main-page div[class*=inner] > .heading {
    font-size: 1.4rem;
    line-height: 1em;
    margin-bottom: 50px;
    padding: 0 20px;
  }

  /* Section : Intro */
  .intro-inner {
    margin-bottom: 120px;
  }
  .intro-inner .photo {
    height: 200px;
    border-radius: 10px;
    margin-bottom: 25px;
  }
  .intro-inner .photo p {
    font-size: 1.42rem;
  }
  .intro-inner .photo p span {
    font-size: 1rem;
  }
  .intro-inner .btn-wrap a {
    font-size: 1rem;
    padding: 20px 30px;
    line-height: normal;
  }

  /* Section : Feature */
  .feature-inner .content-feature {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 60px;
  }
  .feature-inner .content-about {
    justify-content: flex-start;
  }
  .feature-inner .content-about p {
    font-size: 1.57rem;
  }
  .feature-inner .content-photo {
    max-width: none;
    max-height: 180px;
  }
  .feature-inner .content-photo.order {
    order: 2;
  }

  /* Section : Banner */
  #banner {
    padding: 60px 0;
    background: #E3EEFE url(/image/main/m-bg-banner.png) no-repeat center bottom 30px;
    margin-bottom: 80px;
  }
  .mo .banner-inner .heading {
    font-size: 1.35rem;
    margin-bottom: 30px;
  }
  .banner-inner .content-feature {
    height: 600px;
    flex-direction: column;
  }
  .banner-inner .content-about {
    flex: 2.5;
  }
  .banner-inner .content-about-inner {
    width: 100%;
    padding: 25px;
    padding-bottom: 80px;
  }
  .banner-inner .content-about h3 {
    margin-top: 12px;
    margin-bottom: 14px;
    font-size: 1.7rem;
  }
  .banner-inner .content-about p {
    font-size: 1.15rem;
    word-break: break-word;
    width: 100%;
  }
  .banner-inner .slick-next,
  .banner-inner .slick-prev {
    top: 18%;
  }
  .banner-inner .slick-dots {
    bottom: 35px !important;
    left: -33% !important;
  }

  /* Section : Attract */
  .mo .attract-inner {
    margin-bottom: 60px;
    padding-left: 15px !important;
  }
  .attract-inner .heading p {
    font-size: 1.428rem;
  }
  .attract-inner .wrap {
    margin-top: 15%;
    max-height: 150px;
    gap: 40px;
  }
  .attract-inner .sub-title {
    font-size: 1rem;
    padding-bottom: 6px;
    margin-bottom: 10px;
    min-width: 50px;
  }
  .attract-inner .heading h4 {
    font-size: 1.42rem;
  }
  .attract-inner .btn-wrap button {
    font-size: 1rem;
    padding: 15px 32px;
  }
  .attract-inner .slider .slick-list {
      margin: 0 -20px;
  }
  .attract-inner .slick-slide {
    margin: 0 7px;
  }
  .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Section : Event */
  .event-inner {
    margin-bottom: 160px;
  }

  /* Section : Info */
  #info {
    display: none;
  }





  /* ############ Section : Welcome ############ */
  /* Welcome Img */
  .welcome-inner {
    height: 320px;
    background: url(/image/m-welcome-img-01.jpg) no-repeat center center /cover;
  }
  .tourist .welcome-inner {
    background: url(/image/m-tourist-welcome-img-01.png) no-repeat center top / cover;
  }
  .tourist-culture .welcome-inner {
    background: url(/image/m-culture-welcome-img-01.png) no-repeat center top / cover;
  }
  .tourist-edu .welcome-inner {
    background: url(/image/m-edu-welcome-img-01.png) no-repeat center top / cover;
  }
  .tourist-food .welcome-inner {
    background: url(/image/m-food-welcome-img-01.png) no-repeat center top / cover;
  }
  .tourist-leisure .welcome-inner {
    background: url(/image/m-leisure-welcome-img-01.png) no-repeat center top / cover;
  }
  .tourist-nature .welcome-inner {
    background: url(/image/m-nature-welcome-img-01.png) no-repeat left top / cover;
  }

  .center-map .welcome-inner {
    background: url(/image/m-mapguide-welcome-img-01.png) no-repeat left top / cover;
  }
  .heritage .welcome-inner {
    background: url(/image/m-heritage-welcome-img-01.png) no-repeat center top / cover;
  }


  .welcome-heading h2 {
    font-size: 2.85rem;
  }
  .welcome-heading .history > img {
    margin: 0 5px;
  }
  .welcome-heading .history span {
    font-size: 1rem;
  }
  .welcome-heading .history span > img {
    width: 16px;
    margin-right: 3px;
  }
  .welcome-heading .history b {
    font-weight: 400;
  }


  /* ############ Section : Sub Menu ############ */
  .sub-menu-inner {
    width: 90%;
    top: 280px;
    height: auto;
    line-height: 50px;
    border-radius: 16px 4px 16px 4px;
  }
  .sub-menu-inner > a {
    display: block;
  }
  .sub-menu-inner a {
    width: 100%;
    height: 50px;
    text-align: left;
    font-size: 1.1rem;
    margin-right: 0;
    padding: 0 25px;
  }
  .sub-menu-inner a.btn-sub {
    border: 1px solid #f00;
    display: block;
  }
  .sub-menu-inner a::before {
    top: 50%;
    left: 90%;
    transform: translate(0, -60%) rotate(180deg);
    display: none;
  }
  .sub-menu-inner > a::before,
  .sub-menu-inner a:hover::before,
  .sub-menu-inner a.active::before {
    display: block;
    transform: translate(0, -60%) rotate(180deg);
  }
  .mo .sub-menu-inner > a {
    display: block;
  }
  .sub-menu-btns {
    display: none;
  }


  /* ####### Reserve Apply 01 ####### */
  .apply-order-list {
    max-width: 375px;
    height: 80px;
    margin: auto;
    margin-bottom: 70px;
  }
  .apply-order1 .apply-order-list {
    background: url(/image/m-reserve-step-01.png) no-repeat center center;
    background-size: 100%;
  }
  .apply-order1 .content-item-title {
    margin-bottom: 0;
  }
  .reserve-apply-02 .content-item-title {
    margin-bottom: 40px;
  }
  .reserve-apply-02 .car-num .sub-content-box {
    gap: 0;
  }
  .reserve-apply-02 .car-num .sub-content-box div {
    flex: 4;
    margin-right: 7px;
  }
  .apply-order2 .apply-order-list {
    background: url(/image/m-reserve-step-02.png) no-repeat center center;
    background-size: 100%;
  }
  .apply-order3 .apply-order-list {
    background: url(/image/m-reserve-step-03.png) no-repeat center center;
    background-size: 100%;
  }
  .apply-order4 .apply-order-list {
    background: url(/image/m-reserve-step-04.png) no-repeat center center;
    background-size: 100%;
  }
  .apply-order5 .apply-order-list {
    background: url(/image/m-reserve-step-05.png) no-repeat center center;
    background-size: 100%;
  }
  .apply-order6 .apply-order-list {
    background: url(/image/m-reserve-step.png) no-repeat center center;
    background-size: 100%;
  }
  .content-item-title h2 {
    font-size: 1.15rem;
  }
  

  /* ####### Reserve Apply 02 ####### */
  .content-item-title h3 {
    font-size: 1.15rem;
  }

  /* Accordion */
  .accordion .title:not(.faq .accordion .title) {
    padding: 20px 12px;
  }
  .accordion .title label::before {
    width: 18px;
    content: url(/image/m-check-Box-n.svg);
  }
  input[type=checkbox]:checked + label::before {
    content: url(/image/m-check-Box-y.svg);
  }
  .accordion .btn-over-view {
    padding: 8px;
    min-width: 90px;
  }
  .accordion .btn-over-view img {
    margin-right: 3px;
  }
  .accordion .desc {
    padding: 20px 12px;
    padding-bottom: 50px;
  }
  /* .accordion .btn-over-view.close {
    padding: 8px;
    right: 3.5%;
    top: -55px;
  } */
  .guide-text {
    padding: 20px 0;
    
  }

  /* Reserve */
  .reservation-method {
    flex-direction: column;
  }
  .reservation-method a {
    padding: 46px 0;
  }
  .reservation-method a img {
    max-width: 160px;
  }
  .reservation-method a span {
    font-size: 1rem;
    margin-top: 25px;
  }

  /* Button - Prev & Next */
  .btns-prev-next {
    margin-top: 40px;
    gap: 12px;
  }
  .btns-prev-next a {
    padding: 15px 0;
    flex: 1;
    font-size: 1rem;
    border-radius: 5px;
    min-width: auto;
    width: 100%;
  }
  

  .guide .reserve-guide-item {
    flex-direction: column;
    gap: 20px;
    padding: 50px 0;
  }
  .guide .reserve-guide-list {
    padding-left: 5px;
    width: calc(100% - 20px);
  }
  .guide .reserve-guide-list li {
    text-indent: -9px;
    line-height: 1.7rem;
    font-size: 1rem;
  }
  .guide .reserve-guide-list li::before,
  .guide .reserve-guide-list dt::before,
  .guide-detail .reserve-guide-list dd::before,
  .heritage .content-feature .content-about .content-list li::before {
    margin-right: 5px;
  }

  /* #### Reserve Step 02 #### */
  .input-field-box input, .input-field .custom-select select {
    min-width: 100%;
    width: 100%;
  }
  .custom-select {
    min-width: 100%;
  }
  .input-field {
    gap: 0px;
    margin-bottom: 25px;
    font-size: 1rem;
  }
  .input-field .input-field-title {
    min-width:115px; /*min-width: 120px;*/
    width: auto;
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .input-field-box .input-flex {
    gap: 0;
  }
  .input-flex {
    flex-direction: column;
  }
  .user-email .input-flex > div:first-child {
    width: calc(100% - 28px);
  }
  .input-flex > div:first-child s {
    font-size: 1rem;
  }
  .notice {
    font-size: 0.875rem;
    padding-right: 0;
  }
  .notice img {
    width: 18px;
  }
  .car-num .custom-select {
    margin-bottom: 10px;
  }
  .btn-add {
    flex: 1;
    padding: 10px 13px;
  }
  .car-num .input-field-box input {
    min-width: auto;
    max-width: 100%;
    width: 100%;
  }

  /* #### Reserve Step 03 #### */
  .reserve-apply-03 .content-item-title {
    margin-bottom: 0;
  }
  .reserve-sub-content.rooms .room-list li:not(.reserve-sub-content.rooms .room-list li:last-child) {
    margin-bottom: 30px;
  }
  .reserve-apply-03 .reserve-sub-content,
  .reserve-apply-04 .reserve-sub-content {
    flex-direction: column;
    padding: 32px 0;
    gap: 17px;
  }
  /* .reserve-apply-04 .reserve-sub-content.food-menu {
    padding-top: 0; 0923 수정
  } */
  .reserve-sub-content.rooms .room-list li {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
  }
  .reserve-sub-content.rooms .room-list li > * {
    width: 100%;
  }
  .reserve-sub-content.rooms .room-list li > div {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
  }
  .reserve-sub-content.rooms .room-list li b {
    min-width: 65px;
  }
  .reserve-sub-content.rooms .room-list li .custom-select {
    margin-left: 0;
    min-width: auto;
    width: 100%;
  }
  .reserve-sub-content.rooms .room-list li .custom-select select {
    width: 100%;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box {
    display: grid;
    grid-template-columns: 100%;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div,
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div label{
    display: flex;
    width: 100%;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div label:first-of-type .custom-select select {
    min-width: 100%;
  }
  .reserve-sub-content.rooms .room-list li .reserve-date {
    display: block;
  }
  .reserve-date .btn-delete {
    position: absolute;
    left: 90%;
  }
  .sub-title {
    font-size: 1.15rem;
  }

  /* Room List */
  .full-detail-items {
    padding: 30px 20px;
  }
  .full-detail-item {
    padding: 15px 0;
  }
  .full-detail-item:first-child {
    padding-top: 0;
  }
  .full-detail-item:last-child {
    padding-bottom: 0;
  }
  .full-detail-item .reserve-info {
    margin-bottom: 3px;
  }
  .full-detail-item .info-list {
    display: block;
  }

  /* Full Detail & Total Price */
  .total-price {
    padding: 24px 27px;
  }
  .full-detail-title {
    /* font-size: 1rem;  0923 수정*/
    font-size: 1rem;
  }
  .total-all-price em,
  .total-all-price s,
  .total-all-price span {
    font-size: 1rem;
  }
  .total-all-price span {
    margin-left: 18px;
  }
  .total-all-price span b {
    font-size: 1.43rem;
  }

  /* Eating People */
  .meal-items {
    flex-direction: column;
  }
  .meal-item {
    padding: 24px 20px;
    min-height: auto; /* 2024/10/17 수정 */
  }
  .meal-item b {
    font-size: 1.28rem;
  }
  .meal-item .notice {
    text-align: center;
    font-size: 0.875rem;
  }
  .meal-list li {
    padding: 16px 12px;
  }
  .meal-list li em {
    margin-right: 5px;
  }

  /* Food Menu Choice */
  .menu-list {
    flex-direction: column;
    gap: 17px;
  }
  .food-menu-item {
    gap: 12px;
  }
  .food-menu-item .reserve-info {
    flex-direction: column;
  }
  .food-menu-item .reserve-info > div,
  .food-menu-item .reserve-info > div label{
    display: flex;
    width: 100%;
    /* justify-content: space-between; */
  }
  .food-menu-item .reserve-info .select-box {
    flex: 1;
  }
  .food-menu-item .select-box .input-wrap {
    width: 100%;
  }
  .reserve-sub-content .reserve-info input {
    width: 100%; /* 2024/10/17 수정 */
  }
  .food-menu-item .reserve-info > div em {
    /* min-width: 30px; */
    width: 50px;
  }
  /* 2024/10/17 수정 */
  .reserve-sub-content .select {
    flex-direction: column;
    gap: 15px;
  }
  .reserve-sub-content .reserve-info select {
    min-width: auto;
  }
  .reserve-sub-content .reserve-info .btn-reserve {
    width: 100%;
  }
  /* 2024/10/17 수정 */
  .food-menu-item .reserve-info .custom-select {
    min-width: auto;
    margin-bottom: 5px;
  }
  .total-info {
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1rem;
    gap: 12px;
  }
  .total-info h4 {
    margin-right: 0;
  }
  .total-info p {
    gap: 0;
    margin-right: 0;
    width: 100%;
  }
  .total-info p b {
    text-align: right;
  }
  .total-info p b em {
    display: block;
  }

  /* #### Reserve Step 05 #### */
  .reserve-apply-05 .content-item-title {
    margin-bottom: 0;
  }
  .reserve-apply-05 .reserve-sub-content {
    flex-direction: column;
  }
  .reserve-sub-content:not(.reserve-apply-02 .reserve-sub-content) {
    padding: 32px 0;
    gap: 0;
    flex-direction: column; /* 2024.11.04 수정 */
  }
  .reserve-apply-05 .reserve-sub-content:first-of-type {
    padding: 32px 0;
  }
  .reserve-apply-05 .sub-content-box {
    flex-direction: column;
    gap: 12px;
  }
  .reserve-apply-05 .sub-content-box > * {
    align-self: stretch;
  }
  .reserve-apply-05 .sub-content-box input[type=date] {
    width: 100%;
  }
  .btn-reserve {
    font-size: 1rem;
    padding: 14px 0;
  }
  .reserve-apply-05 .select-box {
    display: flex;
    gap: 10px;
  }
  .reserve-apply-05 .facilities .select-box > div {
    min-width: auto;
    max-width: calc(100% - 180px);
    flex: 1;
  }
  .reserve-apply-05 .select-box select {
    width: 100%;
  }
  .reserve-apply-05 .select-box em {
    margin: 10px 0;
  }
  .sub-content {
    margin-top: 20px;
  }
  .car-num .reserve-date,
  .room-list .reserve-date,
  .reserve-apply-05 .reserve-date,
  .food-menu-choice .reserve-date {
    padding: 20px;
  }
  .reserve-date-item span {
    padding-right: 30px;
  }
  .btn-delete {
    width: 25px;
    height: 25px;
  }
  .btn-delete img {
    width: 9px;
  }
  .reserve-apply-05 .reserve-date p .date {
    width: 40px;
    margin-right: 12px;
    display: block;
  }
  .reserve .btn-delete {
    top: 15px;
  }
  .gift .btn-delete {
    top: 0;
  }
  .reserve-apply-05 .reserve-sub-content .input-field.user-num .input-field-box label {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .input-field-box {
    flex: 1;
  }
  .reserve-apply-05 .heritage-reserve .sub-content > * {
    align-items: normal;
  }
  .reserve-apply-05 .heritage-reserve .input-field {
    flex-direction: column;
  }
  .reserve-apply-05 .heritage-reserve .wrap,
  .reserve-apply-05 .heritage-reserve .wrap label {
    width: 100%;
    display: flex;align-items: center;
  }
  .reserve-apply-05 .reserve-sub-content .select-box {
    align-items: flex-start;
  }
  .reserve-apply-05 .wrap {
    display: flex;
  }
  .reserve-apply-05 .wrap .text-wrap {
    font-weight: 600;
    margin-top: 10px;
  }
  .reserve-apply-05 .wrap > *:not(.text-wrap),
  .reserve-apply-05 .wrap select {
    flex: 1;
    width: 100%;
    max-width: 100%;
  }
  .reserve-apply-05 .reserve-sub-content .input-field-box input:not(input[type=date]) {
    min-width: 100%;
  }
  .heritage-reserve .btn-reserve {
    width: 100%;
  }
  .heritage-tour .input-field {
    flex-direction: column;
  }

  /* 예약 신청 - 선물 */
  .gift label[for=file] {
    width: 100%;
  }
  .gift .btn-upload {
    width: inherit;
  }
  .reserve-apply-05 .gift-list .input-field {
    flex-direction: column;
  }
  .reserve-apply-05 .reserve-sub-content .select-box {
    gap: 12px;
  }
  .reserve-gift .select-box {
    flex-direction: column;
  }
  .reserve-gift .select-box > * {
    flex: 1;
    width: 100%;
  }
  .reserve-gift .input-wrap {
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .reserve-gift .input-wrap,
  .reserve-gift .custom-select {
    margin: 0;
  }
  .reserve-apply-05 .reserve-gift .custom-select,
  .mo .heritage-tour .custom-select,
  .mo .heritage-tour select {
    width: auto;
    min-width: auto;
    display: inline-block;
  }
  .reserve-apply-05 .reserve-gift .select-box .custom-select {
    margin-left: 10px;
  }
  .reserve-gift .input-wrap input {
    width: 100%;
  }
  .gift-info .list-items {
    padding: 0 60px;
  }
  .gift-info .input-field-title {
    min-width: auto;
    margin-bottom: 15px;
  }
  .gift-info .input-field-box {
    width: 100%;
  }
  .gift-info .list-photo {
    max-height: none;
  }
  .gift-info .slick-next {
    right: 35px !important;
  }
  .gift-info .slick-dots {
    right: 0 !important;
  }
.gift-info .slick-prev::before {
  content: url(/image/m-slider-prev.png) !important;
}
.gift-info .slick-next::before {
  content: url(/image/m-slider-next.png) !important;
}



  /* Heritage Tour */
  .heritage-tour .input-field-box input, .heritage-tour .input-field .custom-select select {
    min-width: auto;
  }
  .heritage-tour .content-item-title {
    margin-bottom: 0 !important;
  }
  .heritage-tour .notice {
    margin-bottom: 0; /* 0923 추가 */
    padding: 20px 0;
    font-size: 1.15rem;
  }
  .heritage-tour .notice b {
    display: block;
    margin-bottom: 8px;
  }
  .heritage-items {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 54px;
  }
  .heritage-item {
    width: 38%;
    height: 38%;
  }
  .heritage-item::after {
    width: 30px;
    height: 30px;
    right: -40px;
    top: 40%;
  }
  

  /* Heritage Reserve */
  .heritage-reserve .select-box {
    flex-direction: column;
  }
  .heritage-reserve .custom-select {
    margin: 0;
  }
  .heritage-reserve .select-box select {
    min-width: auto;
  }
  .heritage-reserve .reserve-date .date {
    display: block;
  }

  /* #### Reserve Step 06 #### */
  .reserve-apply-06 .reserve-content-item {
    padding: 40px 0;
  }
  .facility .amenity-list .photo {
    width: 56px;
    height: 56px;
  }
  .content .photo img {
    max-width: 100%;
  }
  .visit-look-up-01 .content h3,
  .reserve-apply-06 h3 {
    font-size: 1.25rem;
  }
  .visit-look-up-01 span,
  .reserve-apply-06 span {
    font-size: 1rem;
  }
  .visit-look-up-01 .btns-prev-next .btn-next,
  .reserve-apply-06 .btn-next {
    padding: 13px 0;
  }
  .reserve-apply-06 .business-register .input-field-box {
    gap: 0;
  }
  /* .reserve-content-item, .reserve-content-item.schsharele-people .content-item-title, .reserve-content-item.eating-people .content-item-title {
    margin-bottom: 40px; 0923 수정
  } */

  /* Visit - 01 */
  .visit-03 .content,
  .look-up-01 .content {
    margin-top: 0;
  }
  .visit-03 .content h3,
  .look-up-01 .content h3 {
    font-size: 1.43rem;
    margin-top: 28px;
    margin-bottom: 40px;
  }
  .visit-03 .content h3 em {
    display: block;
  }

  /* Visit - 02 */
  .visit-02 .content-item-title {
    margin-bottom: 0;
  }
  .visit-02 input[type=date] {
    min-width: 100%;
  }
  .visit-02 .car-num .btn-add {
    padding: 12px 0;
    width: 100%;
    margin-top: 12px;
  }
  .input-field-box .custom-select {
    margin-bottom: 12px;
  }
  .car-num .input-field-box {
    line-height: 1.5em;
  }
  .user-telnum .input-flex {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    gap: 30px;
  }
  .user-telnum .input-field-box .custom-select,
  .user-telnum .input-flex .custom-select select {
    min-width: auto;
  }
  .user-telnum .input-flex .custom-select select {
    min-width: 92px;
  }
  .user-telnum .input-flex input[type=tel] {
    min-width: auto;
    width: 100%;
  }
  .user-telnum .input-flex > div::after {
    transform: translateY(-60%);
  }
  .input-field-box input, .input-field .custom-select select {
    font-size: 1rem;
  }
  .input-flex > div:first-child {
    flex: 1;
  }
  .car-num .input-flex {
    flex-direction: row;
    gap: 12px;
  }
  .car-num .input-flex > div:first-child {
    min-width: 92px;
  }
  .visit-02 .btn-visit {
    padding: 15px 0;
  }

  /* 2024/10/22 수정 */
  .visit-02 .input-field,
  .visit-02 .car-num .sub-content-box {
    flex-direction: column;
  }
  .visit-02 .car-num .sub-content-box > * {
    width: 100%;
  }
  /* 2024/10/22 수정 */

  .tab-content .photo-box > span {
    max-width: 100%;
  }
  .tab-content .photo-box > span img {
    max-width: 100%;
  }

  /* Look Up - 02 */
  .look-up-list > .title {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
  }
  .look-up-item-box .title span {
    font-size: 1rem;
  }
  .look-up-item-box .title span strong {
    font-size: 1.128rem;
    margin-top: 8px;
  }
  .look-up-date {
    flex-direction: column;
    gap: 12px;
  }
  .look-up-date > div {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .input-box span,
  .select-box span {
    min-width: 40px;
  }
  .input-box div,
  .select-box div {
    flex: 1;
  }
  .input-box div {
    display: flex;
  }
  .input-box input {
    min-width: auto;
    flex: 1;
    width: calc((100% / 2) - 12px);
  }
  .input-box em {
    width: 15px;
    text-align: center;
  }
  .select-box .custom-select,
  .select-box select {
    width: 100%;
  }
  .look-up-items {
    flex-direction: column;
  }
  .look-up-item {
    min-width: auto;
    padding: 24px 20px;
  }
  .look-up-03 .input-field:last-child {
    margin-bottom: 20px;
  }
  /* Full Detail */
  .look-up-03 .full-detail .total-price {
    flex-direction: column;
    gap: 24px;
  }
  .look-up-03 .reserve-content-inner .total-price {
    border-top: none;
  }
  .look-up-03 .full-detail p {
    text-align: center;
  }
  .look-up-03 .full-detail .total-price p em,
  .look-up-03 .full-detail .total-price p s {
    font-size: 0.85rem;
  }
  .look-up-03 .full-detail .total-price p span b {
    font-size: 1.28rem;
  }
  .look-up-03 .content-item-title {
    margin-bottom: 0;
  }
  .look-up-03 .input-field-box .reserve-info {
    display: block;
  }

  /* Duty Business */
  .look-up-03 .duty-business .email-bullet input {
    max-width: max-content;
    min-width: 92%;
  }
  .business-register.business-file.active {
    padding-bottom: 20px;
  }
  .duty-business .content-item-title {
    margin-bottom: 0;
  }
  .duty-business .wrap {
    flex-direction: column;
  }
  .duty-business .input-field:last-child {
    margin-bottom: 0;
  }
  .duty-register {
    padding-bottom: 0;
  }
  .business-register {
    border-bottom: none;
  }
  .duty-business .btn-add {
    padding: 10px 0;
  }
  .business-register label[for=file],
  .business-register .btn-upload {
    width: 100%;
  }
  .business-register .btn-upload {
    margin: 12px 0;
  }
  .duty-business .input-field {
    flex-direction: column;
  }
  .duty-register .wrap {
    flex-direction: row;
  }
  .duty-business .reserve-date {
    padding: 20px;
  }
  .duty-business .notice b {
    display: block;
  }
  
  /* 세금계산서 미발행 선택 후 진행 시 */
  .business-file .reserve-sub-content {
    padding-bottom: 40px;
  }
  .business-file .duty-register {
    padding-bottom: 0;
  }
  .business-file .business-register .input-wrap {
    display: flex;
    gap: 12px;
  }
  .business-file .btn-wrap {
    display: flex;
    align-items: center;
  }
  .business-file .btn-wrap > * {
    flex: 1;
  }
  .business-file .business-register .btn-upload {
    width: auto;
    flex: 1;
  }
  .business-file.business-email {
    padding-bottom: 0;
  }
  .business-email .input-wrap {
    margin-right: 0;
  }
  .business-email .wrap {
    gap: 12px;
  }
  .business-email .email-bullet input {
    width: 100%;
    max-width: calc(100% - 30px);
    min-width: auto;
    display: inline-block;
    margin-right: 5px;
  }
  
  

  .look-up-03 .input-field:last-child {
    padding-top: 15px;
  }

  .look-up-02 .full-detail-content {
    padding-bottom: 40px;
    margin-bottom: 10px;
  }
  .look-up-02 .full-detail .notice {
    text-align: left;
  }
  .look-up-02 .full-detail .notice span {
    display: block;
  }
  .look-up-02 .full-detail .notice em {
    margin-left: 20px;
  }


  /* ############### Notice List - 01 ############### */
  .post .btns-prev-next {
    margin-top: 30px;
  }
  .post-content-items {
    border-top: 1px solid var(--black-80);
  }
  .post-content-items .head,
  .post-content-items .attachment {
    display: none;
  }
  .post-content-items a {
    padding: 20px;
    gap: 20px;
  }
  .post-content-items li p:last-child {
    display: block;
  }
  .post-content-items li p:last-child .title {
    font-weight: 600;
    display: block;
  }
  .post-content-items li .writer,
  .post-content-items li .date,
  .post-content-items li .view-date {
    min-width: auto;
    font-size: 0.92rem;
    color: var(--black-50);
    text-align: left;
  }
  .post-content-items li .date,
  .search-list p:last-child .writer,
  .search-list p:last-child .date {
    padding-left: 38px;
    margin-right: 18px;
  }
  .search-detail-header .search-list p:last-child .date {
    padding-left: 32px;
  }
  .post-content-items li .view-date,
  .search-list p:last-child .view-date {
    padding-left: 38px;
  }
  .post-content-items li .view-date,
  .post-content-items li .date {
    min-width: auto;
  }
  .post-content-items li .view-date {
    width: 100px;
    vertical-align: middle;
  }
  /* .post-content-items li .date {
    transform: translateY(-10px);
  } */
  .mo-only::before,
  .mo-only::after {
    display: block;
  }
  .mo-only.add::after {
    left: 115px;
  }
  .post-content-items span:not(.post-content-items .title) {
    font-size: 0.93rem;
  }

  /* Page View Number */
  .page-view {
    margin-top: 40px;
  }
  .page-view a:not(.page-view .btn-arrow,
  .page-view a:nth-child(3),
  .page-view a:nth-child(4),
  .page-view a:nth-child(5)) {
    display: none;
  }

  /* ############### Notice List - 02 ############### */
  .post-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .post-title label[for=search-field],
  .post-title label[for=search-field] input[type=search] {
    width: 100%;
  }
  .notice-02 .post-title {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--black-80);
  }
  .notice-02 .post-title h3 {
    margin-bottom: 5px;
    font-size: 1.28rem;
  }
  .notice-02 .post-info em {
    font-size: 0.92rem;
  }
  .notice-02 .post-content {
    padding: 32px 0;
  }

  /* ############### 1:1 Inquiry List ############### */
  .btn-inquiry {
    font-size: 1rem;
    padding: 5px 25px;
  }
  .inquiry .post-content-items .desc .list-num {
    transform: translateY(-15px);
  }
  .inquiry .post-content-items .list-num,
  .inquiry .post-content-items .count,
  .notice-list dd .count::before,
  .post-content-items li .count::before {
    min-width: 20px;
  }
  .inquiry .post-content-items .list-num img {
    max-width: 100%;
  }
  .inquiry .post-content-items .desc .list-num {
    margin-left: 0;
  }
  .inquiry .post-content-items .writer,
  .inquiry .post-content-items .date {
    padding-left: 38px;
  }     
  .inquiry .post-content-items .writer {
    margin-right: 15px;
  }
  .mo-only.register::after {
    left: 78px;
  }

  /* 1:1 Inquiry List - 02 */
  .inquiry-02 .post-heading .post-title h2 {
    font-size: 2rem;
  }
  .inquiry-02 .post-heading .post-title h2 span {
    font-size: 1.15rem;
    line-height: 1.6em;
    margin-top: 20px;
  }
  .inquiry-02 .post-heading .post-title address {
    flex-direction: column;
    gap: 12px;
  }
  .inquiry-02 .post-heading .post-title address p {
    width: 100%;
    padding: 16px 0;
    font-size: 1.15rem;
  }
  .inquiry-02 .post-heading .post-title address p em {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
  .inquiry-02 .post-heading .post-title address p em img {
    width: 15px;
  }
  .inquiry-02 .agree-info .content-item-content {
    padding: 20px 12px;
    font-size: 0.92rem;
    color: #545454;
  }
  .inquiry-02 label[for=agree-info]::before {
    content: url(/image/m-check_radio_n.svg);
    margin-right: 3px;
  }
  .inquiry-02 .agree-info input[id="agree-info"]:checked + label::before {
    content: url(/image/m-check_radio_y.svg);
  }
  .inquiry-02 .agree-info {
    margin-bottom: 40px;
  }
  .inquiry-02 .input-field {
    flex-direction: row;
  }
  .inquiry-02 .agree-info input[id="agree-info"]:focus + label::after,
  .inquiry-02 .post-inquiry .input-field-box input[type=radio]:focus + label::after {
    height: 15px;
    top: 35%;
  }
  .inquiry-02 .post-inquiry .input-field-box input[type=radio] + label::before {
    content: url(/image/m-radio-chk-n.svg);
  }
  .inquiry-02 .post-inquiry .input-field-box input[type=radio]:checked + label::before {
    content: url(/image/m-radio-chk-y.svg);
  }
  .inquiry-02 .post-inquiry .input-field-box input[type=radio] + label:not(label[for=private]) {
    margin-right: 40px;
  }
  label[for=release] + .input-flex {
    display: flex;
    flex-direction: row;
    gap: 0px;
  }
  label[for=private] {
    margin-right: 0;
    width: 70px;
    white-space: nowrap;
  }
  label[for=private] + input[type=text] {
    min-width: auto;
    width: 100%;
    flex: 2;
    margin-top: -12px;
  }
  .input-field.user-email .input-field-box {
    line-height: 4em;
  }
  .inquiry-02 .user-email .input-flex > div:last-child {
    display: block;
  }
  .user-email.input-field .custom-select {
    margin-bottom: 0;
  }
  #user-email {
    min-width: 100%;
    width: 100%;
  }
  .input-field-box .input-flex > div s {
    right: -25px;
    font-size: 1.28rem;
  }
  .post-inquiry .sub-content {
    border-bottom: 1px solid var(--black-20);
    padding-bottom: 30px;
  }

  /* ############### FAQ List ############### */
  .faq .page-view {
    display: block;
  }
  .faq .post-content-items li.ask a,
  .faq .post-content-items li.desc {
    padding: 20px 12px;
    padding-right: 30px;
  }
  /* 2024/11/21 css 추가 */
  .faq .post-content-items li.desc {
    padding-left: 30px;
  }
  .faq .post-content-items li.desc .list-num {
    position: absolute;
    top: 50px;
    left: -5px;
    transform: translateY(-30px);
  }
  .faq .post-content-items .icon-faq::before {
    width: 28px;
    height: 28px;
    line-height: 28px;
  }
  .faq .post-content-items .ask .title {
    width: 85%;
    word-break: break-all;
  }
  .faq .post-content-items .desc .icon-desc {
    align-self: flex-start;
  }
  .faq .accordion .title {
    padding: 0;
    padding-left: 12px;
  }

  /* ########## Section : Search Detail ########## */
  .search-detail-content {
    padding-bottom: 180px;
  }
  .search-detail .search-header {
    margin-bottom: 60px;
  }
  .search-heading {
    margin-bottom: 60px;
  }
  .search-heading h1 {
    font-size: 2.28rem;
    line-height: 1.5em;
  }
  .search-menu-type {
    padding-top: 20px;
  }
  .search-list dt {
    font-size: 1.28rem;
  }
  .search-list a {
    padding: 20px;
    gap: 20px;
  }
  .search-list a p:first-child {
    width: 30px;
  }
  .search-list a p:last-child {
    flex-wrap: wrap;
    gap: 0
  }
  .search-list a p:last-child .title {
    display: block;
    width: 100%;
    font-weight: 600;
  }
  .search-list p:last-child .writer,
  .search-list p:last-child .date,
  .search-list p:last-child .view-date {
    width: auto;
    font-size: 0.92rem;
    color: var(--black-50);
  }
  .notice-list dd .count::before,
  .post-content-items li .count::before {
    width: 20px;
  }
  .search-list label[for=file-attachment] {
    display: none;
  }
  .search-detail .mo-only.add::after {
    left: 108px;
  }

  /* Contact List */
  .contact-list dd a {
    padding: 20px;
    gap: 20px;
  }

  /* ############### Facility ############### */
  .facility .content-list {
    margin-left: 0;
  }
  /* Facility - Stay */
  .facility-stay .content-heading .content-desc {
    font-size: 1.28rem;
    line-height: 1.5em;
  }
  .facility-share .content-slider-inner div {
    height: 198px;
    border-radius: 5px;
  }
  .slick-prev {
    left: 15px !important;
  }
  .slick-next {
    right: 30px !important;
  }
  .slick-prev::before {
    content: url(/image/m-slider-prev.png) !important;
  }
  .slick-next::before {
    content: url(/image/m-slider-next.png) !important;
  }
  .slick-prev:focus:before {
    padding: 10px;
    content: url(/image/m-slider-prev.png) !important;
    outline: 1px solid var(--yellow);
  }
  .slick-next:focus:before {
    padding: 10px;
    content: url(/image/m-slider-next.png) !important;
    outline: 1px solid var(--yellow);
  }
  /* 24/11/29 메인 팝업 버튼 포커스 추가 */
  .main-popup .slick-prev::before,
  .main-popup .slick-prev:focus:before {
    content: url(/image/icon-popslick-prev.png) !important;
  }
  .main-popup .slick-next::before,
  .main-popup .slick-next:focus:before {
    content: url(/image/icon-popslick-next.png) !important;
  }

  .btn-center-layout {
    font-size: 1rem;
    padding: 7px 17px;
    right: 10px;
    bottom: 10px;
  }
  .slick-dots {
    bottom: -30px !important;
  }
  .slick-dots li {
    margin: -1px !important;
  }
  .facility .content-title h3 {
    font-size: 2rem;
  }
  .facility .content-sub-title span {
    display: block;
    line-height: 2.2em;
    font-size: 1rem;
    margin-right: 0;
  }
  .facility .content-item .photo {
    width: 100%;
    height: 100%;
  }
  .facility .content-list.rules {
    padding: 32px 16px;
    padding-left: 34px;
    margin-top: 20px;
  }
  .facility .content-list.rules li {
    font-size: 1rem;
    margin-bottom: 12px;
  }
  .facility .content-list.rules li:last-child {
    margin-bottom: 0;
  }
  .facility-stay .amenity-list {
    gap: 12px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .facility-stay .amenity-list > div {
    width: 98px;
  }
  .facility-stay .amenity-list > div img {
    width: 52px;
  }
  .facility-stay .amenity-list > div span {
    font-size: 1rem;
  }

  /* Facility - Share */
  .facility-share .content-items {
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
    gap: 0;
  }
  .facility-share .content-item {
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 80px;
  }
  .facility .content-slider-inner,
  .facility .content-item .photo {
    height: 100%;
  }
  .facility-stay .content-slider-inner div {
    max-height: 200px;
  }

  /* Facility - Info */
  .tab-menu-list a {
    font-size: 1rem;
    padding: 16px 0;
  }
  .tab-content {
    padding: 40px 0;
  }
  .tab-content .tab-content-tab2 .flex-box {
    flex-direction: column;
    gap: 60px;
  }

   .tab-content .title {
      flex-direction: column;
      align-items: flex-start;
    }
    .tab-content .title span {
      font-size: 1rem;
      display: block;
      margin-bottom: 10px;
    }
    .tab-content .title span strong {
      font-size: 1.125rem;
      margin-right: 10px;
    }
  .tab-content .paging-info {
    gap: 8px;
    padding: 0.2rem 0.4rem 0rem 0.8rem;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .tab-content .paging-info button {
    font-size: 1.125rem;
    width: 40px;
    height: 40px;
    border-radius: 5px;
  }
  .tab-content .title .btn-wrap {
      margin-left: 0;
      display: flex;
      align-items: center;
      width: 100%;
      gap: 5px;
  }
  .tab-content .title .btn-wrap > * {
      flex: 1;
  }

  .tab-content .title .btn-facility {
    margin-left: 0;
    padding: 12px 0;
    border-radius: 5px;
    font-size: 1rem;
  }
  .tab-content .title .btn-shelter {
    margin-right: 5px;
  }
  .facility .tab-content-tab2 .title {
    margin-bottom: 20px;
  }
  .facility .tab-content .paging-info {
    padding: 0;
  }




  /* ############### Tourist ############### */
  .tourist .content-feature {
    flex-direction: column;
    gap: 12px;
    margin-bottom: 80px;
  }
  .tourist .content-feature > div {
    flex: auto;
    max-width: 100%;
    min-width: 100%;
  }
  .tourist .content-about {
    order: 1;
  }
  .tourist .content-photo {
    height: 240px;
  }
  .tourist .content-about .title {
    font-size: 2rem;
    padding-bottom: 10px;
  }
  .tourist .content-about p {
    width: 100%;
  }

  /* Tourist Food */
  .tourist-food .food-menu-types {
    flex-wrap: wrap;
    gap: 10px;
  }
  .tourist-food .food-menu-type {
    min-height: 285px;
    padding: 10px 5px;
    flex-basis: 48%;
  }
  .tourist-food .season-food-items span {
    font-size: 0.92rem;
  }

  /* ############### Center Guide ############### */
  .intro-title {
    margin-bottom: 40px;
  }
  .intro-title .title {
    font-size: 2rem;
    line-height: 1.5em;
    margin-bottom: 15px;
  }
  .intro-title p {
    font-size: 1.125rem;
    line-height: 1.5em;
  }
  .guide-detail .reserve-guide-wrap .photo {
    height: 250px;
  }
  .reserve-guide-text {
    margin-top: 60px;
  }
  .guide-detail .reserve-guide-wrap .reserve-guide-text h4,
  .guide-detail .reserve-guide-items .title {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .guide-detail .reserve-guide-wrap .reserve-guide-text p {
    font-size: 1.125rem;
  }
  .guide-detail .reserve-guide-item {
    padding: 30px 0;
  }
  .guide-detail .reserve-guide-list-wrap {
    width: 100%;
  }
  .guide-detail .reserve-guide-list {
    text-align: left;
    margin-left: 0;
    margin-top: 20px;
  }
  .guide .reserve-guide-list,
  .guide-detail .reserve-guide-list,
  .heritage .content-feature .content-about .content-list {
    margin-left: 10px;
  }
  .guide-detail .reserve-guide-list dd {
    margin-left: 13px;
    line-height: 1.5em;
  }

  
  /* ############### Heritage Tour ############### */
  .mo .heritage .contents-inner {
    padding: 0;
  }
  .heritage .intro-title {
    margin-bottom: 0;
  }
  .heritage .heritage-tour {
    width: 100%;
    background: transparent;
    padding-bottom: 0;
  }
  .heritage .content-feature,
  .heritage .content-feature.order {
    padding: 0;
    max-height: auto;
  }
  .heritage .content-feature {
    display: block;
    padding: 0;
    position: relative;
  }
  .heritage .content-feature:nth-child(3),
  .heritage .content-feature:nth-child(4),
  .heritage .content-feature:nth-child(5) {
    padding: 0;
    max-height: none;
    transform: none;
  }
  .heritage .content-feature .content-about {
    padding: 0 20px;
    padding-bottom: 7%;
  }
  .heritage .content-feature:nth-child(1) .content-about {
    padding-top: 0;
  }
  .heritage .content-feature:nth-child(1) .content-about,
  .heritage .content-feature:nth-child(5) .content-about {
    transform: translateY(-40px);
  }
  .heritage .content-feature:nth-child(2) .content-about {
    transform: translateY(-10px);
  }
  .heritage .content-feature .content-about {
    transform: translateY(-20px);
  }
  .heritage .content-feature:nth-child(6) .content-about {
    padding-top: 15px;
    padding-bottom: 0;
    transform: none;
  }
  .heritage .content-feature .content-about .title {
    font-size: 1.42rem;
    padding-bottom: 13px;
    margin-bottom: 15px;
  }
  .heritage .content-feature .content-about .content-list {
    margin-left: 25px;
    text-indent: -8px;
  }
  .heritage .content-feature .content-about .content-list li {
    margin-bottom: 2px;
    font-size: 1.12rem;
    line-height: 1.6em;
    letter-spacing: -0.4px;
    word-break: break-word;
  }
  .heritage .content-feature:last-child {
    display: block;
    margin-top: 25%;
  }
  .heritage .content-feature .content-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* ############### Center Map ############### */
  .center-map .photo {
    background: url(/image/m-center-map.png) no-repeat center center /cover;
  }
  .center-map .intro-title p {
    padding: 0 30px;
  }
  .center-map address {
    margin: 20px 0;
    font-size: 1.125rem;
  }
  .center-map address span {
    margin-right: 5px;
  }
  .center-map address em {
    display: block;
    margin-left: 40px;
  }
  .center-map .btns-maps-site {
    margin-bottom: 40px;
    display: flex;
  }
  .center-map .btns-maps-site a {
    flex: 1;
    padding: 15px 0;
    font-size: 1rem;
    text-align: center;
  }
  .center-map .center-way li:first-child {
    padding-bottom: 20px;
  }
  .center-map .center-way li:last-child {
    padding-top: 20px;
  }
  .center-map .center-way li h4 {
    font-size: 1.42rem;
    margin-bottom: 5px;
  }
  .center-map .center-way li p {
    font-size: 1.125rem;
  }

  /* ############### Visit Look Up ############### */
  /* Visit Look Up 01 */
  .visit-look-up-01 .reserve-content-item.content {
    padding: 40px 0;
    margin-bottom: 0;
  }
  .visit-look-up-01 .contents h3 {
    margin-bottom: 0;
  }

  /* Visit Look Up 03 */
  .visit-look-up-03 .reserve-sub-content {
    padding: 0;
    padding-bottom: 40px;
  }
  .visit-look-up-03 .content-item-title {
    margin-bottom: 20px;
  }
  .visit-look-up-03 .input-field {
    flex-direction: row;
    margin-bottom: 15px;
  }
  .visit-look-up-03 .input-field .input-field-title {
    margin-bottom: 0;
  }
  .visit-look-up-03 .notice {
    margin-left: 20px;
  }
  .visit-look-up-03 .notice strong {
    display: block;
    text-indent: -20px;
    margin-bottom: 3px;
  }




  /* ############### Footer ############### */
  .footer-inner {
    padding: 40px 20px;
  }
  .footer-content {
    flex-direction: column;
  }
  .policy-terms {
    font-size: 0.85rem;
  }
  .company-info address {
    line-height: 1.5em;
  }
  .company-info address span {
    font-size: 0.78rem;
    margin-right: 5px;
  }
  .copyright span {
    font-size: 0.8rem;
  }


  .family-site-items {
    flex-direction: column;
    gap: 20px;
    margin-top: 40px;
    flex: 1;
    width: 100%;
  }
  .family-site-item {
    width: inherit;
  }
  .family-site-item a::before {
    transform: translateY(-40%);
  }
  .family-site-item span {
    font-size: 0.8rem;
    line-height: 1.5rem;
  }
  .family-site-item span b {
    font-size: 1.1rem;
  }


  /* Modal */
  body.active {
    overflow: hidden;
  }

  .modal {
    width: 93%;
    padding: 40px 20px;
  }
  .modal-content .list {
    margin: 25px 0;
  }
  .btns-confirm {
    margin-top: 50px;
    gap: 12px;
  }

  /* Calender CSS */
  /* .date-picker-wrapper {
    max-width: 350px;
    max-height: 400px;
    margin: auto;
    overflow: hidden;
    align-items: flex-start;
    padding-top: 50px;
  }
  .date-picker-wrapper .month-wrapper {
    flex-wrap: wrap;
    width: 100% !important;
  }
  .month-name .month-element {
    font-size: 1rem !important;
  }
  .date-picker-wrapper table {
    width: 97% !important;
  }
  .date-picker-wrapper table:first-of-type {
    margin-right: 0;
  }
  .date-picker-wrapper table th {
    font-size: 1rem !important;
  }
  .date-picker-wrapper table .day {
    width: 100%;
    font-size: 1rem !important;
  }
  .date-picker-wrapper .next,
  .date-picker-wrapper .prev {
    position: static;
    width: 24px;
    margin-top: 20px;
  } */

  .date-picker-wrapper {
    max-width: 295px;
    height: auto;
    margin: 32px auto 0 auto;
    padding: 4% 2% 2% 2%;
  }
  .date-picker-wrapper .month-wrapper {
    width: 100% !important;
    justify-content: center;
  }
  .date-picker-wrapper .gap {
    display: none;
  }
  .date-picker-wrapper table{ 
    width: 100% !important;
    background: #fff;
  }
  .date-picker-wrapper table .day {
    width: auto;
    min-width: 40px;
  }
  .date-picker-wrapper table:first-of-type {
    margin-right: 0;
    z-index: 20;
  }
  .date-picker-wrapper table:first-of-type::before {
    display: none;
  }
  .date-picker-wrapper .month-wrapper table.month2 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    min-width: 295px;
    width: 100% !important;
    height: 200px;
  }
  .date-picker-wrapper .month-wrapper table.month2::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
    z-index: 10;
  }
  .date-picker-wrapper .month-wrapper table.month2 .month-element,
  .date-picker-wrapper .month-wrapper table.month2 th,
  .date-picker-wrapper .month-wrapper table.month2 td .day {
    font-size: 0 !important;
  }
  .date-picker-wrapper .caption .prev,
  .date-picker-wrapper .caption .next {
    top: 8px;
    width: 24px;
  }
  .date-picker-wrapper .caption .prev {
    left: 40px;
  }
  .date-picker-wrapper .caption .next {
    right: 50px;
  }
  .date-picker-wrapper table.month1 .caption .next {
    display: block !important;
  }
  .date-picker-wrapper table.month2 .caption .next {
    display: none;
  }

  .main-popup {
    width: calc(100% - 10px);
    max-width: 100%;
  }
  .main-popup .popup-item {
    margin: 0 15px;
    max-width: 100%;
    max-height: 100%;
  }
}


/* 모바일 - 메인 비주얼 */
@media (max-width: 750px) {
  /* 모바일 - 예약 신청 버튼 */
  .btn-calender {
    width: 60px;
    height: 60px;
    line-height: 55px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    z-index: 60;
    background: var(--secondary);
    border: 1px solid transparent;
    top: 48px; /*top: 68px;*/
    right: 17.5px; /*right: 27.5px;*/
  }
  .btn-calender img {
    filter: invert(0);
    width: 40px;
    height: 40px;
  }

  /* ############################### Main ############################### */
  /* Main Visual */
  .visual-bifurcation {
    margin-bottom: 100px;
  }
  .main-visual-wrap {
    width: 100vw;
    height: calc(100vh - 4.25rem);
    overflow: hidden;
    position: relative;
  }
  .main-visual-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -4;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .main-visual-wrap.intro::after {
    z-index: 4;
  }
  .main-visual-wrap.intro .main-visual .intro-desc {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
  }
  .main-visual-wrap .main-visual-tours {
    position: absolute;
    min-width: 111.5rem;
    max-width: 111.5rem;
    height: 86.875rem;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
  }
  .main-visual-wrap .main-visual-tours .tours {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .main-visual-wrap .main-visual-tours.main-visual-1 {
    min-width: 111.5rem;
    max-width: 111.5rem;
    height: 86.875rem;
    top: -34.1875rem;
    left: -77.9375rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-2 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -28.625rem;
    left: -17.4375rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-3 {
    min-width: 71.875rem;
    max-width: 71.875rem;
    height: 80.3125rem;
    top: -21.3125rem;
    left: -0.75rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-4 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -16.875rem;
    left: -23.4375rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-5 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -24.25rem;
    left: -42.25rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-6 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -32.125rem;
    left: -30.25rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-7 {
    min-width: 137.46875rem;
    max-width: 137.46875rem;
    height: 106.8125rem;
    top: -33.75rem;
    left: -90.375rem;
  }
  .main-visual-wrap .main-visual-tours.main-visual-8 {
    min-width: 137.46875rem;
    max-width: 137.46875rem;
    height: 106.8125rem;
    top: -54.8125rem;
    left: -55.9375rem;
  }
  .main-visual-wrap .main-visual {
    height: 86.875rem;
    background-size: cover;
    margin: 0 auto;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/image/main/main-visual/main-visual-bg-m.png);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .main-visual-wrap .main-visual.foreground {
    min-width: 100%;
    max-width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
  }
  .main-visual-wrap .main-visual.tour-view::after {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .main-visual-wrap .main-visual.main-visual-1 {
    min-width: 111.5rem;
    max-width: 111.5rem;
    height: 86.875rem;
    top: -34.1875rem;
    left: -74.8125rem;
  }
  .main-visual-wrap .main-visual.main-visual-2 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -28.625rem;
    left: -17.4375rem;
  }
  .main-visual-wrap .main-visual.main-visual-3 {
    min-width: 71.875rem;
    max-width: 71.875rem;
    height: 80.3125rem;
    top: -21.3125rem;
    left: -0.75rem;
  }
  .main-visual-wrap .main-visual.main-visual-4 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -16.875rem;
    left: -23.4375rem;
  }
  .main-visual-wrap .main-visual.main-visual-5 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -24.25rem;
    left: -42.25rem;
  }
  .main-visual-wrap .main-visual.main-visual-6 {
    min-width: 103.125rem;
    max-width: 103.125rem;
    height: 80.3125rem;
    top: -32.125rem;
    left: -30.25rem;
  }
  .main-visual-wrap .main-visual.main-visual-7 {
    min-width: 137.46875rem;
    max-width: 137.46875rem;
    height: 106.8125rem;
    top: -33.75rem;
    left: -90.375rem;
  }
  .main-visual-wrap .main-visual.main-visual-8 {
    min-width: 137.46875rem;
    max-width: 137.46875rem;
    height: 106.8125rem;
    top: -54.8125rem;
    left: -55.9375rem;
  }
  .main-visual-wrap .main-visual::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: auto;
  }
  .main-visual-wrap .building {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    cursor: pointer;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    z-index: -1;
  }
  .main-visual-wrap .building.active {
    opacity: 1;
    z-index: 2;
  }
  .main-visual-wrap #mBuilding1 {
    max-width: 16.6875rem;
    top: 39.8125rem;
    left: 80.25rem;
  }
  .main-visual-wrap #mBuilding2 {
    max-width: 15.9375rem;
    top: 35.875rem;
    left: 20.6875rem;
  }
  .main-visual-wrap #mBuilding3 {
    max-width: 31.1875rem;
    top: 29.8125rem;
    left: 2.3125rem;
  }
  .main-visual-wrap #mBuilding4 {
    max-width: 33.125rem;
    top: 26.25rem;
    left: 19.75rem;
  }
  .main-visual-wrap #mBuilding5 {
    max-width: 27.5625rem;
    top: 33.1875rem;
    left: 44.875rem;
  }
  .main-visual-wrap #mBuilding6 {
    max-width: 11.75rem;
    top: 40.375rem;
    left: 36.375rem;
  }
  .main-visual-wrap #mBuilding7 {
    max-width: 20.1875rem;
    width: 20.1875rem;
    top: 43.4375rem;
    left: 94.8125rem;
  }
  .main-visual-wrap #mBuilding8 {
    max-width: 15.9375rem;
    width: 15.9375rem;
    top: 61.4375rem;
    left: 60.0625rem;
  }
  .main-visual-wrap .building-desc {
    opacity: 0;
    max-width: calc(100% - 2.5rem);
    width: 100%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    background-color: #ffffff;
    padding: 1.25rem;
    border-radius: 1rem;
    position: absolute;
    z-index: -4;
    bottom: 5.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    /*
    // 아산 정주영 기념관
    &[data-building="building1"] {
    }
    // 미곡처리장
    &[data-building="building2"] {
    }
    // 축사
    &[data-building="building3"] {
    }
    // 서산 태양광
    &[data-building="building4"] {
    }
    // 연수원
    &[data-building="building5"] {
    }
    // 본관동
    &[data-building="building6"] {
    }
    // 생활동
    &[data-building="building7"] {
    }
    // 세미나실
    &[data-building="building8"] {
    }
    */
  }
  .main-visual-wrap .building-desc.active {
    opacity: 1;
    z-index: 4;
  }
  .main-visual-wrap .building-desc .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .main-visual-wrap .building-desc .image .half {
    width: 50%;
  }
  .main-visual-wrap .building-desc .title {
    padding: 1.25rem 0 0.75rem;
    color: #004193;
    font-family: "Pretendard Variable";
    font-size: 1.28rem;
    font-weight: 600;
    line-height: 1;
  }
  .main-visual-wrap .building-desc .content {
    color: #565656;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
  }
  .main-visual-wrap .intro-desc {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -10;
    background-color: transparent;
  }
  .main-visual-wrap .intro-desc .desc-top-img {
    position: absolute;
    top: 0.65rem;
    right: 1.16rem;
    max-width: 12.25rem;
  }
  .main-visual-wrap .intro-desc .desc-text1 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #ffffff;
    top: 15.3rem;
  }
  .main-visual-wrap .intro-desc .desc-text2 {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #ffffff;
    bottom: calc((100vw - 5.375rem) / 2 + 3rem + 1.375rem + 4.25rem);
  }
  .main-visual-wrap .intro-desc .arc {
    position: absolute;
    width: calc(100vw - 5.375rem);
    height: calc((100vw - 5.375rem) / 2);
    border-radius: calc((100vw - 5.375rem) / 2) calc((100vw - 5.375rem) / 2) 0 0;
    bottom: 7.6875rem;
    left: 2.6875rem;
    border-top: 0.125rem dotted #FFBD2E;
  }
  .main-visual-wrap .intro-desc .arc::before, .main-visual-wrap .intro-desc .arc::after {
    content: "";
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 50%;
    background-color: #FFBD2E;
    position: absolute;
    bottom: 0;
  }
  .main-visual-wrap .intro-desc .arc::before {
    left: 0;
  }
  .main-visual-wrap .intro-desc .arc::after {
    right: 0;
  }
  .main-visual-wrap .intro-desc > .prev, .main-visual-wrap .intro-desc > .next {
    position: absolute;
    bottom: 4.875rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.0625rem dotted #FFBD2E;
  }
  .main-visual-wrap .intro-desc > .prev::after, .main-visual-wrap .intro-desc > .next::after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1.75rem;
    bottom: 0.625rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .main-visual-wrap .intro-desc > .prev {
    left: 1.25rem;
  }
  .main-visual-wrap .intro-desc > .prev::after {
    left: 0.9375rem;
    background-image: url(/image/main/main-visual/prev.png);
  }
  .main-visual-wrap .intro-desc > .next {
    right: 1.25rem;
  }
  .main-visual-wrap .intro-desc > .next::after {
    right: 0.9375rem;
    background-image: url(/image/main/main-visual/next.png);
  }
  .main-visual-wrap .tour-navigation {
    width: 100%;
    height: 4.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #034EA2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .main-visual-wrap .tour-navigation .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5996DA;
  }
  .main-visual-wrap .tour-navigation .swiper-slide .tour-img {
    margin-right: 0.375rem;
    max-width: 1.25rem;
  }
  .main-visual-wrap .tour-navigation .swiper-button-prev, .main-visual-wrap .tour-navigation .swiper-button-next {
    color: transparent;
    top: unset;
    bottom: 0;
    -webkit-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
  }
  .main-visual-wrap .tour-navigation .swiper-button-prev::after, .main-visual-wrap .tour-navigation .swiper-button-next::after {
    content: "";
    width: 1rem;
    height: 1.75rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .main-visual-wrap .tour-navigation .swiper-button-prev.swiper-button-disabled, .main-visual-wrap .tour-navigation .swiper-button-next.swiper-button-disabled {
    opacity: 1;
  }
  .main-visual-wrap .tour-navigation .swiper-button-prev {
    left: 1.25rem;
  }
  .main-visual-wrap .tour-navigation .swiper-button-prev::after {
    background-image: url(/image/main/main-visual/prev.png);
  }
  .main-visual-wrap .tour-navigation .swiper-button-next {
    right: 1.25rem;
  }
  .main-visual-wrap .tour-navigation .swiper-button-next::after {
    background-image: url(/image/main/main-visual/next.png);
  }
  .scroll-down {
    position: absolute;
    left: 0;
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4.25rem;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 10;
  }
  .scroll-down::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4.25rem;
    left: 0;
    bottom: 0;
    background-color: transparent;
  }
  .scroll-down.show {
    opacity: 1;
  }
  .scroll-down.dim::after {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .scroll-down .scroll-down-tag {
    display: inline-block;
    font-size: 0.625rem;
    line-height: 1;
    padding: 0.75rem 1.5rem;
    background-color: #ECECEC;
    color: #696969;
    border-radius: 2.125rem;
  }
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
}





/* Tablet Device */
@media (min-width: 768px) and (max-width: 900px) {
  .heritage .content-feature {
    transform: translateY(35px) !important;
  }
  .heritage .content-feature:nth-child(1) {
    transform: translateY(20px) !important;
  }
  .heritage .content-feature:nth-child(6) {
    transform: translateY(50px) !important;
  }
  .input-field-box input, .input-field .custom-select select {
    min-width: 100%;
  }

  /* Reserve Apply 04 */
  .meal-items {
    flex-direction: column;
  }

  .sub-title {
    max-width: 100px;
  }

  /* Reserve Apply 05 */
  .heritage-title {
    font-size: 1rem;
    line-height: 1.2em;
  }

  /* Look Up 02 */
  .look-up-item {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  /* Default CSS */
  html {
    font-size: 15px;
  }

  .pc {
    overflow-x: auto;
  }


  /* Reset CSS */
  .header-inner,
  .footer-inner,
  section > div[class*=inner]:not(.sub-menu-inner, .info-inner),
  .sub-menu {
    width: 100%;
    padding: 0 20px;
    /*padding-top: 100px;*/
  }
  .sub-menu > div {
    width: 97%;
  }
  .slash::after {
    margin: 0 10px;
    margin-left: 12px;
  }
  .hidden {
    display: block;
  }
  #skip-nav {
    display: none;
  }

  .input-field-box input, .input-field .custom-select select {
    min-width: 150px;
    max-width: 180px;
  }
  .business-register .input-field-box input {
    width: 100%;
    min-width: auto;
    max-width: none;
  }
  .input-field.car-num input:not(.input-field.car-num input:last-child) {
    min-width: 100%;
  }

  /* ############################### Main ############################### */
  /* Main visual */
  .main-visual-wrap .intro-desc .desc-top-img {
    top: 0.5rem;
    right: 0.95rem;
}
  .main-visual-wrap .intro-desc .desc-text1 {
    right: -13rem;
  }


  /* Section Common */
  .main-page section > div[class*=inner]:not(.info-inner) {
    text-align: center;
    padding: 80px 20px;
  }
  .main-page div[class*=inner] > .heading {
    font-size: 1.4rem;
    line-height: 1em;
    margin-bottom: 50px;
    padding: 0 20px;
  }
  div[class*=inner] > .heading {
    font-size: 2rem;
    line-height: 1.4em;
    margin-bottom: 70px;
  }

  /* Section : Feature */
  .feature-inner .content-about p {
    font-size: 1.7rem;
  }

  /* Section : Banner */
  .banner-inner .heading em {
    display: block;
  }
  .banner-inner .content-feature {
    height: 320px;
  }
  .banner-inner .content-about {
    flex: 1.2;
  }
  .banner-inner .content-about-inner {
    width: 85%;
    padding: 40px 0 0 30px;
  }
  .banner-inner .content-about h3 {
    font-size: 1.5rem;
    padding-bottom: 14px;
    margin-bottom: 20px;
  }
  .banner-inner .content-about p {
    font-size: 1.1rem;
    width: 95%;
  }
  .banner-inner .slick-prev,
  .banner-inner .slick-next {
    top: 48%;
    transform: translate(0, -50%) scale(0.88);
  }
  .banner-inner .slick-dots {
    bottom: 40px !important;
    right: -32px !important;
  }
  .banner-inner .slick-dots li {
    margin: 0 !important;
  }



  /* Pop Up */
  .main-popup {
    width: 800px;
    max-width: 1279px;
    padding: 0 20px;
  }
  .main-popup .popup-items {
    text-align: center !important;
    max-height: 580px;
  }
  /* 모달 Slick 화살표 */
  .main-popup .slick-prev,
  .main-popup .slick-next {
    width: 40px;
    height: 40px;
    transform: translate(-50%);
    top: calc(100% - (-37px)) !important;
  }

  /* Facility */
  .facility-share .content-items {
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
    gap: 0;
  }
  .facility-share .content-item {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 80px;
  }
  
  

  /* Header */
  nav .family-site-items {
    bottom: -265px;
    right: 74%;
  }

  /* Footer */
  .footer-inner {
    padding: 80px 20px;
  }


  /* Sub Menu */
  .sub-menu-inner {
    width: calc(100% - 40px);
  }


  /* Reserve Apply - 03 */
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box .custom-select select {
    min-width: 80px;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div:first-of-type .custom-select select {
    min-width: 180px;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box {
    display: block;
    padding-top: 0px;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div,
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div label{
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box div b {
    position: relative;
    float: left;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box .date {
    flex: none;
    width: 100%;
    margin: 10px 0;
  }
  .reserve-apply-03 .reserve-sub-content.rooms .room-list li .sub-content-box:first-child .date {
    margin-top: 0;
  }
  

  


  /* Date Picker */
  .date-picker-wrapper .month-wrapper {
    width: 50% !important;
  }
  .date-picker-wrapper table { 
    width: 100% !important;
    background: #fff;
  }
  .date-picker-wrapper table .day {
    width: auto;
    min-width: 54px;
  }
  .date-picker-wrapper table:first-of-type {
    margin-right: 0;
    z-index: 20;
  }
  .date-picker-wrapper table:first-of-type::before {
    display: none;
  }

  .date-picker-wrapper .month-wrapper table.month2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    min-width: 378px;
    width: 100% !important;
  }
  .date-picker-wrapper .month-wrapper table.month2::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
    z-index: 10;
  }
  .date-picker-wrapper .month-wrapper table.month2 .month-element,
  .date-picker-wrapper .month-wrapper table.month2 th,
  .date-picker-wrapper .month-wrapper table.month2 td .day {
    font-size: 0 !important;
  }
  .date-picker-wrapper .caption .next {
    right: -100px;
  }
  .reserve-apply-05 .reserve-sub-content input[type=date] {
    width: 25%;
    min-width: 120px;
  }
  .reserve-apply-05 .reserve-sub-content .custom-select select {
    min-width: 120px;
  }
  .reserve-apply-05 .heritage-reserve .custom-select {
    flex: 1;
  }
  .reserve-apply-05 .heritage-tour .input-field-box input {
    width: 100%;
    max-width: none;
  }
  .reserve-apply-05 .heritage-tour .wrap > *:not(.text-wrap) {
    width: 100%;
  }
  .reserve-apply-05 .heritage-reserve .wrap,
  .reserve-apply-05 .heritage-reserve .wrap label {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .reserve-apply-05 .heritage-tour .btn-reserve {
    width: 100%;
  }
  .reserve-apply-05 .reserve-sub-content .btn-reserve {
    padding: 8.5px 4%;
  }
  .reserve-apply-05 .heritage-tour .reserve-sub-content .select-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .reserve-apply-05 .heritage-tour .reserve-sub-content select {
    min-width: auto;
    max-width: none;
    width: 100%;
  }

  .heritage-items {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 54px;
  }


  /* Heritage Tour */
  .heritage .heritage-tour {
    padding: 8% 0;
    background-size: contain;
  }
  .heritage .content-feature {
    padding: 8% 0;
    padding-left: 46%;
    padding-right: 14%;
  }
  .heritage .content-feature.order {
    padding-left: 10%;
    padding-right: 45%;
  }
  .heritage .content-feature:nth-child(3) {
    padding-top: 10%;
    padding-bottom: 8%;
    max-height: none;
  }
  .heritage .content-feature:nth-child(4) {
    padding-top: 8%;
    padding-bottom: 8%;
    max-height: none;
  }
  .heritage .content-feature:nth-child(5) {
    padding-top: 8%;
    padding-bottom: 8%;
    max-height: none;
  }
  .heritage .content-feature:nth-child(6) {
    padding-top: 8%;
    padding-bottom: 8%;
  }
  .heritage .content-feature .content-about .title {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 1.05rem;
  }
  .heritage .content-feature:nth-child(6) li {
    padding-top: 0;
  }
  .heritage .content-feature .content-about .content-list li {
    margin-bottom: 0;
    font-size: 0.85rem;
  }

  
  /* ############################### Facility ############################### */
  .facility-stay .content-slider-inner div {
    max-height: 500px;
  }
  .facility .content-list {
    margin-left: 0;
  }
  /* Facility - Info */
  .tab-content .title {
      flex-direction: column;
      align-items: flex-start;
    }
    .tab-content .title span {
      display: block;
      margin-bottom: 10px;
    }
    .tab-content .paging-info {
      margin-bottom: 15px;
      margin-left: 0;
    }
    .tab-content .title .btn-wrap,
    .tab-content .title .btn-facility {
      margin-left: 0;
    }
    .tab-content .title .btn-facility {
      margin-right: 10px;
  }

  /* Facility - Stay */
  .facility-stay .content-sub-title {
    line-height: 2em;
  }
  .facility-stay .amenity-list {
    gap: 15px;
    justify-content: flex-start;
  }
  .facility-stay .content-list {
    padding: 25px 20px;
  }
  .facility .content-list.rules li {
    text-indent: -10px;
    margin-left: 20px;
    margin-bottom: 3px;
  }

  /* Reserve */
  .guide .reserve-guide-item {
    flex-direction: column;
    gap: 20px;
    padding: 50px 0;
  }
  .guide .reserve-guide-list-wrap {
    width: 55%;
  }
  .guide .reserve-guide-list {
    padding-left: 5px;
    width: 60%;
    text-align: left;
  }
  .guide .reserve-guide-list li {
    text-indent: -9px;
    line-height: 1.7rem;
    font-size: 1rem;
  }
  .guide .reserve-guide-list dt {
    /* text-align: center; */
    margin-left: -20px;
  }
  .guide .reserve-guide-list dd {
    text-align: left;
  }
  .guide .reserve-guide-list li::before,
  .guide .reserve-guide-list dt::before,
  .guide-detail .reserve-guide-list dd::before,
  .heritage .content-feature .content-about .content-list li::before {
    margin-right: 5px;
  }

  .look-up-03 .input-field-box .reserve-info {
    gap: 5px;
    flex-direction: column;
    align-items: flex-start;
  }
  .look-up-03 .duty-business .input-field-box input {
    max-width: 160px;
  }
  .reserve-apply-06 .business-register .input-field-box {
    gap: 0 !important;
  }
  .reserve-apply-06 .duty-business .input-field-box input {
    max-width: -webkit-fill-available;
  }
  

  /* Full Detail & Total Price */
  .total-price {
    padding: 32px 27px;
  }
  /* Look Up 03 */
  .look-up-03 .full-detail .total-price {
    flex-direction: column;
    gap: 24px;
  }
  .look-up-03 .full-detail p {
    text-align: center;
  }

  /* Duty Business */
  .reserve-apply-06 .duty-business .input-field-box {
    gap: 0;
  }
  .look-up-03 .duty-business .input-field-box {
    gap: 50px;
  }
  .duty-business .btn-wrap {
    margin-right: 0;
    flex: 1;
  }
  .business-register .btn-upload,
  .duty-business .btn-add {
    padding: 8px 15px;
    font-size: 1rem;
  }
  .duty-business .btn-wrap > * {
    flex: 1;
  }
  .duty-business .btn-add {
    height: fit-content;
    padding: 12px 15px;
  }
  .duty-register .input-field-box {
    display: block;
  }
  .input-field-box {
    flex: 1;
  }

  /* Search */
  .search-detail-content {
    padding-bottom: 180px;
  }
  .search-detail .search-header-box {
    width: calc(100% - 20px);
  }

  /* Reserve Apply 05 */
  .reserve-apply-05 .reserve-sub-content .select-box {
    gap: 12px;
  }
  .sub-title {
    max-width: 135px;
  }
  .tourist-food .food-menu-types {
    flex-wrap: wrap;
  }
  .tourist-food .food-menu-type {
    max-width: 270px;
    width: 100%;
  }
  .tourist .content-feature > div {
    max-width: none;
    width: 100%;
  }
  .tourist .content-feature {
    flex-direction: column;
  }
  .tourist .content-about {
    order: 1;
  }
}