/* Google
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');

/* Font style
-----------------------------------------------------------------*/
body,
body .font-primary,
.portfolio-desc h3,
.counter + h5,
.feature-box .fbox-content h3,
.accordion .accordion-item > *,
section.typography .col > *,
.title-shop,
.private > * {
    font-family: 'Noto Sans KR', 'Lato', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1 {
    font-family: 'Lato', sans-serif;
}

.font-irop {
    font-family: 'Iropke Batang', serif;
}

.font-eng {
    font-family: 'Lato', sans-serif;
}

/* Common Size
-----------------------------------------------------------------*/
body {
    font-size: 17px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 18px 0;
}
h1,
.h1 {
    font-size: 40px;
}
h2,
.h2 {
    font-size: 36px;
}
h3,
.h3 {
    font-size: 32px;
}
h4,
.h4 {
    font-size: 28px;
}
h5,
.h5 {
    font-size: 1.5rem;
}
h6,
.h6 {
    font-size: 18px;
}

@media (max-width: 1200px) {
    .display-1 {
        font-size: calc(1.725rem + 4.7vw);
    }
    .display-2 {
        font-size: calc(1.675rem + 3.1vw);
    }
    .display-3 {
        font-size: calc(1.575rem + 2.9vw);
    }
    .display-4 {
        font-size: calc(1.475rem + 1.7vw);
    }
}

@media (max-width: 991px) {
    body {
        font-size: 16px;
    }
    h1,
    .h1 {
        font-size: 2rem;
    }
    h2,
    .h2 {
        font-size: 1.75rem;
    }
    h3,
    .h3 {
        font-size: 1.5rem;
    }
    h4,
    .h4 {
        font-size: 1.25rem;
    }
    h5,
    .h5 {
        font-size: 20px;
    }
}

.fbox-content h3 {
    /* font-size: 1.5rem; */
}

/* Navigation Size
-----------------------------------------------------------------*/
.menu-link {
    font-size: 1.1rem;
    font-weight: 500;
}
.sub-menu-container .menu-item > .menu-link {
    font-size: 1rem;
}
@media (max-width: 1024px) {
    .menu-link {
        font-size: 1rem;
    }
}

/* Hero Slider Size
-----------------------------------------------------------------*/
.slider-caption {
    font-size: 1.375rem;
}
.slider-caption h2 {
    font-size: 4.5rem;
}
.slider-caption p {
    font-size: 1.5rem;
}

@media (max-width: 991.98px) {
    .swiper_wrapper .slider-caption h2 {
        font-size: 5.5vw;
    }
    .swiper_wrapper .slider-caption p {
        font-size: 4vw;
    }
}