/* Color Variables */
:root {
  --color-light-gray: #EAEAEA;
  --color-cream: #F2EFE9;
  --color-brown-gray: #AFA083;
  --color-dark-brown: #5c4f37;
  --color-dark-gray: #333;
  --color-gray: #707070;
  --color-light-blue: #cce6eb;
  --color-black: #000;
  --color-white: #fff;
  --color-green: #008c4f;
  --color-blue: #0084a1;
}

.guide-under-kv {
    width: 100%;
    padding-top: 1.25vw;
    background-color: var(--color-cream);
}

.guide-under-kv:lang(en) {
    font-family: 'URW DIN', sans-serif;
}


.guide-under-kv .splide {
    margin-bottom: 4.1875vw;
}

.guide-under-kv .splide__slide {
    width: 58.75vw;
    height: 39.167vw;
    overflow: hidden;
}

.guide-under-kv .splide__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-under-kv .splide__arrow {
    width: 4.515625vw;
    height: 4.515625vw;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--color-white);
    opacity: 1;
    transition: all 0.3s ease;
}

.guide-under-kv .splide__arrow:hover {
    opacity: 0.8;
    background-color: var(--color-black);
}

.guide-under-kv .splide__arrow svg {
    width: 0.795625vw;
    height: 1.273125vw;

}

.guide-under-kv .splide__arrow:hover svg path {
    fill: var(--color-white);
}

.guide-under-kv-container {
    display: flex;
    justify-content: space-between;
    margin: 0 12.5vw;
    padding-bottom: 3.75vw;
    border-bottom: 1px solid var(--color-brown-gray);
}

.guide-under-kv-title-content {
    width: 50vw;
}

.guide-under-kv-title:lang(en) {
    font-family: 'URW DIN', sans-serif;
    font-weight: 500;
}

.guide-under-kv-subtitle {
    font-size: 1.25vw;
    display: flex;
    align-items: center;
    gap: 0.625vw;
    line-height: 1;
    margin-bottom: 0.875vw;
    font-family: 'URW DIN', sans-serif;
    font-weight: 600;
}

.guide-under-kv-subtitle-icon {
    width: 1.139375vw;
    height: auto;
}



.guide-under-kv-title-content h2 {
    font-size: 2vw;
    margin-bottom: 1.25vw;

}


.guide-under-kv-title-description {
    font-size: 1.25vw;
    margin-bottom: 1vw;
    color: var(--color-brown-gray);
    line-height: 1.5;
    letter-spacing: 0.02em;

    font-weight: 500;
}

.guide-under-kv-sub-description {
    font-size: 0.9375vw;
    color: var(--color-dark-gray);

}

.guide-under-kv-title-content h2:lang(en),
.guide-under-kv-title-description:lang(en),
.guide-under-kv-sub-description:lang(en) {
    font-family: 'URW DIN', sans-serif;
}

.guide-under-kv-data-content .guide-section__data-item:last-child {
    border-bottom: none;
}

.guide-under-kv-data-content-btn {
    display: flex;
    font-size: 1.0625vw;
    color: var(--color-white);
    background-color: var(--color-black);
    width: 100%;
    height: 3.625vw;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid var(--color-black);
    margin-top: 0.25vw;
}

.guide-under-kv-data-content-btn:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}


.guide-under-list-container {
    margin: 0 12.5vw;
    padding: 2.75vw 0 3.75vw 0;
    display: flex;
}

.guide-under-list-container-title {
    width: 23.75vw;
}

.guide-under-list-container-title h3 {
    font-size: 1.5vw;
}

.guide-under-list-container-list {
    width: 51.25vw;
}

.guide-under-list-container-item {
    font-size: 0.9375vw;
    display: flex;
    gap: 0.875vw;
    line-height: 1.5;
    margin: 1.25vw 0;
    
}


.guide-under-list-container-item-dot {
    width: 0.375vw;
    height: 0.375vw;
    border-radius: 50%;
    background-color: var(--color-black);
}

.guide-under-list-container-item p {
    margin-top: -0.75em;
}

.guide-under-list-container-title:lang(en) h3,
.guide-under-list-container-item p:lang(en) {
    font-family: 'URW DIN', sans-serif;
}


/* itinerary  */


.guide-under-itinerary:lang(en) {
    line-height: 1.5;
    font-family: 'DIN Alternate', sans-serif;
}

.guide-under-itinerary-container {
    display: flex;
    padding: 8.375vw 0 6.6875vw 0;
    margin-left: 3.75vw;
    gap: 11.875vw;
} 

.guide-under-itinerary-img {    
    width: 44.375vw;
    height: 65.1875vw;
    overflow: hidden;
}

.guide-under-itinerary-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-under-itinerary-content {
    width: 28.125vw;
}

.guide-under-itinerary-content p {
    font-size: 0.9375vw;
    color: var(--color-dark-gray);
    margin-bottom: 3.125vw;
    line-height: 2;
}

.guide-under-itinerary-content p:lang(en) {
    font-family: 'URW DIN', sans-serif;
}

.guide-under-itinerary-btn {
    display: flex;
    font-size: 1.0625vw;
    color: var(--color-black);
    align-items: center;
    padding-left: 2.5vw;
    gap: 2.875vw;
    width: 100%;
    height: 6.25vw;
    background-color: var(--color-cream);
    border-radius: 10px;
    letter-spacing: 0.08em;

}

.guide-under-itinerary-btn img {
    width: auto;
    height: 3.0625vw;
}

.guide-under-included-container {
    padding: 6.4375vw 12.6875vw  5.125vw 12.6875vw;
    background-color: var(--color-cream);
    
}

.guide-under-included-box {
    display: flex;
}

.guide-under-included-box:first-child {
    padding-bottom: 1.6875vw;
    border-bottom: 1px solid var(--color-brown-gray);
}

.guide-under-included-box:last-child {
    padding-top: 2.6875vw;
}

.guide-under-included-box:first-child .guide-under-list-container-item-dot {
    background-color: transparent;
    border: 1px solid var(--color-black);
}

.guide-under-included-box:last-child .guide-under-list-container-item-dot {
    background-color: transparent;
    width:auto;
    height:auto;
    line-height: 1;
    margin-top: -0.35em;
    font-size: 0.75vw;
}

/* map  */

.guide-under-map {
    padding: 6.25vw 3.75vw  15.3125vw 3.75vw;
    display: flex;
    justify-content: space-between;
}

.guide-under-map:lang(en) {
    font-family: 'URW DIN', sans-serif;
}

.guide-under-map-container {
    width: 71.375vw;
}


.guide-under-map-title {
    width: 17.5vw;
}

.guide-under-map-title h3 {
    font-size: 2vw;
    margin-bottom: 1.25vw;
    line-height: 1;
}

.guide-under-map-title p {  
    font-size: 0.9375vw;
    color: var(--color-dark-gray);
    line-height: 2;
    margin-bottom: 5vw;
}

.guide-under-map-title h3:lang(en),
.guide-under-map-title p:lang(en) {
    font-family: 'URW DIN', sans-serif;
}

.guide-under-map-btn-list {
    display: flex;
    flex-direction: column;
    gap: 0.25vw;
}




.guide-under-map-btn-item a {
    display: flex;
    align-items: center;
    padding-left: 1.5vw;
    gap: 0.875vw;
    font-size: 1.0625vw;
    color: var(--color-black);
    width: 100%;
    height: 3.875vw;
    background-color: var(--color-cream);
    border-radius: 10px;
    
} 

.guide-under-map-btn-item a span {
    font-family: 'URW DIN', sans-serif;
    font-weight: 500;
    padding-top: 0.375em;
} 

.guide-under-map-btn-item a img {
    width: 0.5925vw;
    height: auto;
}

.guide-under-map-img {
    width: 71.375vw;
    height:37.75vw;
    overflow: hidden;
    margin-bottom: 3.75vw;
}

.guide-under-map-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.guide-under-map-box {
    margin-bottom: 6vw;
}

.guide-under-map-box-title p {
    font-size: 0.9375vw;
    color: var(--color-brown-gray);
    font-family: 'URW DIN', sans-serif;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.5vw;

}

.guide-under-map-box-title h4 {
    font-size: 2vw;
    color: var(--color-dark-gray);
    margin-bottom: 1.875vw;
}

.guide-under-map-box-content {
    display: flex;
    gap: 3.75vw;
}

.guide-under-map-box-content-container {
   width: 46.375vw;
}

.guide-under-map-box-content-img {
    width: 100%;
    height: 30.9375vw;
    overflow: hidden;
    margin-bottom: 3.28125vw;
}

.guide-under-map-box-content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.guide-under-map-box-content-text p {
    font-size: 0.9375vw;
    color: var(--color-dark-gray);
    line-height: 2;
}

.guide-under-map-box-content-list {
    width: 21.25vw;
}

.guide-under-map-box-content-item {
    display: flex;
    color: var(--color-dark-gray);
    padding: 1.5vw 0;
    border-bottom: 1px solid var(--color-brown-gray);
}

.guide-under-map-box-content-item:first-child {
    border-top: 1px solid var(--color-brown-gray);
}

.guide-under-map-box-content-item p:first-child {
    font-size: 0.9375vw;
    line-height: 1.5;
    width: 8.625vw;
    font-weight: 600;
}

.guide-under-map-box-content-item p:last-child {
    font-size: 0.9375vw;
    line-height: 1.5;
    width: 12.625vw;
}

.guide-under-map-box-content-item p:last-child:lang(en) {
    font-family: 'URW DIN', sans-serif;
    margin-top: 0;
}


.guide-under-map-btn {
    display: flex;
    font-size: 1.0625vw;
    color: var(--color-white);
    background-color: var(--color-black);
    width: 46.375vw;
    height: 3.625vw;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid var(--color-black);
}

.guide-under-map-btn:hover {
    background-color: var(--color-white);
    color: var(--color-black);
}

.guide-under-map-btn-description:first-of-type {
    margin-top: 2vw;
}
.guide-under-map-btn-description {
     font-size: 0.9375vw;
    color: var(--color-dark-gray);
    font-family: 'URW DIN', sans-serif;
    line-height: 2;
    width: 46.375vw;

}

.guide-under-map-btn-description:lang(en) {
    line-height: 1.5;
}


/* interested  */

.guide-under-interested {
        background-color: var(--color-cream);
    padding: 5vw 5vw 8.375vw 5vw;
  
}

.guide-under-interested:lang(en) {
    font-family: 'URW DIN', sans-serif;
}

.guide-under-interested h3 {
    font-size: 2vw;
    margin-bottom: 2.5vw;
    line-height: 1;
    margin-left: -1.25vw;
}

.guide-under-interested .guide-section__title {
    margin-bottom: 0;
    align-items: start;
}

.guide-under-interested .guide-section__title a {
    display: flex;
    align-items: start;
    gap: 1.5vw;
}

.guide-under-interested .guide-section__title span {
    line-height: 1.5;
    margin-top: -0.125em;
   
}

.guide-under-interested .guide-section__title span:lang(en) {
    margin-top: 0.015625em;
}

.guide-under-interested .guide-section__description-box {
   padding-top: 2.3125vw;
}

.guide-under-interested .guide-section__data {
    background-color: var(--color-cream);
}

.guide-under-interested .guide-section__data-item {
    border-bottom: 1px solid var(--color-white);
}

.guide-under-interested .guide-section__data-item:first-child {
    border-top: none;
}

.guide-under-interested .guide-section__data-item:last-child {
    border-bottom: none;
}

.guide-under-interested .guide-section__data-title {
    padding-left: 1.8125vw;
}

@media (max-width: 768px) {
    .guide-under-kv {
        padding-top: 3vw;
    }

    .guide-under-kv .splide {
        margin-bottom: 4.5vw;
    }

    .guide-under-kv .splide__slide {
        height: 60vw;
    }

    .guide-under-kv .splide__arrow {
        width: 7.2825vw;
        height: 7.2825vw;
    }

    .guide-under-kv .splide__arrow:hover {
        width: 7.2825vw;
        height: 7.2825vw;
        background-color: var(--color-black);
    }

    .guide-under-kv .splide__arrow:hover svg path {
        fill: var(--color-white);
    }

    .guide-under-kv .splide__arrow:first-child {
        left: 1.25vw;
    }

    .guide-under-kv .splide__arrow:last-child {
        right: 1.25vw;
    }

    .guide-under-kv .splide__arrow svg {
        width: 2.2vw;
        height: auto;
    }

    .guide-under-kv-container {
        margin: 0 10vw;
        padding-bottom: 15vw;
        flex-direction: column;
    }

    .guide-under-kv-title-content {
        width: 100%;
        margin-bottom: 7vw;
    }

    .guide-under-kv-subtitle {
        font-size: 3vw;
        align-items: baseline;
        gap: 1vw;
        margin-bottom: 3.5vw;
    }

    .guide-under-kv-subtitle-icon {
        width: 2.4125vw;
        height: auto;
    }

    .guide-under-kv-title-content h2 {
        font-size: 4.25vw;
        margin-bottom: 2.5vw;
        line-height:1.5;
    }

    .guide-under-kv-title-description {
        font-size: 3vw;
        margin-bottom: 2.5vw;
    }

    .guide-under-kv-sub-description {
        font-size: 3vw;
        
    }


    .guide-under-kv-sub-description:lang(en) {
        line-height: 1.5;
    }

    .guide-under-kv-data-content-btn {
        font-size: 2.5vw;
    }

    .guide-under-kv-data-content .guide-section__data-item:last-child {
        border-bottom: 1px solid var(--color-brown-gray);
    }

    .guide-under-kv-data-content .guide-section__data {
       margin-bottom: 5vw;
    }

    .guide-under-kv-data-content-btn {
       width: 100%;
       height: 12.5vw;
       font-size: 3.25vw;
    }

    .guide-under-kv-data-content-btn:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}


    .guide-under-list-container {
        flex-direction: column;
        margin: 0 10vw;
        padding: 7.5vw 0 20vw 0;
    }

    .guide-under-list-container-title h3 {
        font-size: 4.25vw;
        margin-bottom: 6vw;
        line-height: 1;
    }

    .guide-under-list-container-list {
        width: 100%;
    }

    .guide-under-list-container-item {
        font-size: 3vw;
        gap: 2vw;
        margin-bottom: 4vw;
    }

    .guide-under-list-container-item-dot {
        width: 0.75vw;
        height: 0.75vw;
    }

    .guide-under-list-container-item p {
        width: 77.5vw;
        line-height: 1.5;
        margin-top: -0.6em;

    }

    /* itinerary  */

    .guide-under-itinerary-container {
        flex-direction: column;
        padding: 5vw 0 10vw 0;
        margin: 0 5vw;
        gap: 0;
    }

    .guide-under-itinerary-img {
        width: 100%;
        height: 132.5vw;
        margin-bottom: 7.5vw;
    }

    .guide-under-itinerary-content {
        width: 100%;
    }

    .guide-under-itinerary-content p {
        font-size: 3vw;
        
        margin-bottom: 8vw;
    }

    .guide-under-itinerary-content p:lang(en) {
        line-height: 1.5;
    }

    .guide-under-itinerary-btn {
        font-size: 4.25vw;
        height: 15vw;
        padding-left: 5vw;
        gap: 4.5vw;
    }

    .guide-under-itinerary-btn img {
        width: 7vw;
        height: auto;
    }

    .guide-under-included-box {
        flex-direction: column;
    }

    .guide-under-included-container {
        padding: 10vw 10vw 15vw 10vw;
    }

    .guide-under-included-box:first-child {
        padding-bottom: 3.5vw;
    }

    .guide-under-included-box:last-child {
        padding-top: 7.5vw;
    }

    .guide-under-list-container-title {
        width: 100%;
    }

    .guide-under-included-box:first-child .guide-under-list-container-item-dot {
        width: 1vw;
        height: 1vw;
    }

    .guide-under-included-box:last-child .guide-under-list-container-item-dot {
        font-size: 2.5vw;
    }



    /* map */

    .guide-under-map {
        width: 100%;
        flex-direction: column;
        padding: 15vw 0;
    }

    .guide-under-map-title {
        width: 100%;
        padding: 0 10vw 15vw 10vw;
    }

    .guide-under-map-title h3 {
        font-size: 4.25vw;
        margin-bottom: 5vw;
    }

    .guide-under-map-title p {
        font-size: 3vw;
        margin-bottom: 5vw;
    }

    .guide-under-map-title p:lang(en) {
        line-height: 1.5;
    }
    

    .guide-under-map-container {
        width: 100%;
        margin-bottom: 7.5vw;
    }
    
    .guide-under-map-btn-list {
        width: 100%;
        align-items: end;
    }

    .guide-under-map-btn-item {
        width: 70vw;
    }

    .guide-under-map-btn-item a {
        font-size: 3vw;
        width: 100%;
        height: 10vw;
        padding-left: 3.5vw;
        gap: 3vw;
    }

    .guide-under-map-btn-item a img{
       width: 1.185vw;
    }

    .guide-under-map-img {
        width: 100vw;
        height: auto;
        overflow: visible;
        display: flex;
        justify-content: center;
        margin-bottom: 10vw;
    }



    .guide-under-map-box {
        width: 100%;
        padding: 0 10vw;
        margin-bottom: 15vw;
    }

    .guide-under-map-box-title p {
        font-size: 3vw;
        margin-bottom: 2.5vw;
    }

    .guide-under-map-box-title h4 {
        font-size: 5vw;
        margin-bottom: 4vw;
    }

    .guide-under-map-box-content {
        flex-direction: column;
    }

    .guide-under-map-box-content-container {
        width: 100%;
        padding-bottom: 10vw;
    }

    .guide-under-map-box-content-img {
        width: 100%;
        height: 53.25vw;
        margin-bottom: 5vw;
    }

    .guide-under-map-box-content-text p {
        font-size: 3vw;
       
    }

    .guide-under-map-box-content-text p:lang(en) {
        line-height: 1.5;
    }

    .guide-under-map-box-content-list {
        width: 100%;
    }

    .guide-under-map-box-content-item {
        padding: 5vw 0;
    }

    .guide-under-map-box-content-item p:first-child {
        font-size: 3.25vw;
        width: 32.25vw;
    }

    .guide-under-map-box-content-item p:last-child {
        font-size: 3.25vw;
        width: 47.5vw;
         margin-top: 0.125em;
    }


    .guide-under-map-btn {
        font-size: 3.25vw;
        width: 80vw;
        height: 14.5vw;
        margin: 0 10vw;
    }

    .guide-under-map-btn:hover {
        background-color: var(--color-black);
        color: var(--color-white);
    }

    .guide-under-map-btn-description {
        font-size: 3vw;
        margin: 0 10vw;
        width: auto;
    }

    .guide-under-map-btn-description:first-of-type {
        
        margin: 5vw 10vw 2.5vw 10vw;
    }

    .guide-under-map-btn-description:lang(en) {
        line-height: 1.5;
    }

    /* interested  */

    .guide-under-interested {
        padding: 15vw 10vw 40vw 10vw;
    }

    .guide-under-interested h3 {
        font-size: 4.25vw;
        margin-bottom: 5vw;
        margin-left: 0;
    }

    .guide-under-interested .guide-section__data {
        background-color: transparent;
    }

    .guide-under-interested .guide-section__data-item {
        border-bottom: 1px solid var(--color-brown-gray);
    }

       .guide-under-interested  .guide-section__title {
        font-size: 4.25vw;
        margin-bottom: 1vw;
        gap: 3vw;
        line-height: 1.5;
        align-items: start;
    }

    .guide-under-interested .guide-section__title a span {
       
        margin-top: 0;
    }

    .guide-under-interested .guide-section__title a span:lang(en) {
        line-height: 1.25;
        margin-top: 0.25em;
    }

    .guide-under-interested .guide-section__data-item:first-child {
        border-top: 1px solid var(--color-brown-gray);
    }

    .guide-under-interested .guide-section__data-item:last-child {
        border-bottom: 1px solid var(--color-brown-gray);
    }
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

 
}