/* Google -  https://fonts.google.com/
-----------------------------------------------------------------*/
@import url('https://webfontworld.github.io/naver/NanumSquareRound.css');

/* Font style
-----------------------------------------------------------------*/
body {font-family:'NanumSquareRound', 'AppleGothic', 'Dotum', sans-serif;}


@font-face {
    font-family: 'NanumSquareRound';
    src: url('../../img/fonts/NanumSquareRoundB.eot');
    src: url('../../img/fonts/NanumSquareRoundB.eot?#iefix') format('embedded-opentype'),
        url('../../img/fonts/NanumSquareRoundB.woff2') format('woff2'),
        url('../../img/fonts/NanumSquareRoundB.woff') format('woff'),
        url('../../img/fonts/NanumSquareRoundB.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'NanumSquareRound';
    src: url('../../img/fonts/NanumSquareRoundL.eot');
    src: url('../../img/fonts/NanumSquareRoundL.eot?#iefix') format('embedded-opentype'),
        url('../../img/fonts/NanumSquareRoundL.woff2') format('woff2'),
        url('../../img/fonts/NanumSquareRoundL.woff') format('woff'),
        url('../../img/fonts/NanumSquareRoundL.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'NanumSquareRound';
    src: url('../../img/fonts/NanumSquareRoundEB.eot');
    src: url('../../img/fonts/NanumSquareRoundEB.eot?#iefix') format('embedded-opentype'),
        url('../../img/fonts/NanumSquareRoundEB.woff2') format('woff2'),
        url('../../img/fonts/NanumSquareRoundEB.woff') format('woff'),
        url('../../img/fonts/NanumSquareRoundEB.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'NanumSquareRound';
    src: url('../../img/fonts/NanumSquareRoundR.eot');
    src: url('../../img/fonts/NanumSquareRoundR.eot?#iefix') format('embedded-opentype'),
        url('../../img/fonts/NanumSquareRoundR.woff2') format('woff2'),
        url('../../img/fonts/NanumSquareRoundR.woff') format('woff'),
        url('../../img/fonts/NanumSquareRoundR.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/* Font Size
-----------------------------------------------------------------*/
body {
 line-height: 1.5;
 color: #333;
 font-size: 18px;
}

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: 24px;}
h6, .h6 {font-size: 20px;}


@media (max-width: 1366px) {
  body {font-size: 15px;}
  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: 18px;}
  h6, .h6 {font-size: 16px;}


  .display-1 {font-size: calc(1.725rem + 3.7vw);}
  .display-2 {font-size: calc(1.675rem + 2.9vw);}
  .display-3 {font-size: calc(1.575rem + 2.4vw);}
  .display-4 {font-size: calc(1.475rem + 1.1vw);}
  .display-5 {font-size: 1.725rem;}
  .display-6 {font-size: 1.5rem;}
}

@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);}
  .display-5 {font-size: 3rem;}
  .display-6 {font-size: 2.5rem;}
}

@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;}
  h6, .h6 {font-size: 18px;}


  .display-1 {font-size: calc(1.725rem + 3.7vw);}
  .display-2 {font-size: calc(1.675rem + 2.9vw);}
  .display-3 {font-size: calc(1.575rem + 2.4vw);}
  .display-4 {font-size: calc(1.475rem + 1.1vw);}
  .display-5 {font-size: 2rem;}
  .display-6 {font-size: 1.5rem;}

}


@media (max-width: 545px) {
  body {font-size: 16px; }
  h1, .h1 {font-size: 1.75rem;}
  h2, .h2 {font-size: 1.45rem;}
  h3, .h3 {font-size: 1.25rem;}
  h4, .h4 {font-size: 1.15rem;}
  h5, .h5 {font-size: 18px;}
  h6, .h6 {font-size: 16px;}

  .display-1 {font-size: calc(1.725rem + 3.7vw);}
  .display-2 {font-size: calc(1.675rem + 2.9vw);}
  .display-3 {font-size: calc(1.575rem + 2.4vw);}
  .display-4 {font-size: calc(1.475rem + 1.1vw);}
  .display-5 {font-size: 1.8rem;}
  .display-6 {font-size: 1.25rem;}

}

@media (max-width: 991px) {
.lead {font-size: 16px;}
}



/* Navigation Size : ¸Þ´º¹Ù
-----------------------------------------------------------------*/
.menu-link {
  font-size: 20px;
  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: 50px;
}
.slider-caption p {
  font-size: 22px;
}

@media screen and (max-width: 1024px) {
  .swiper_wrapper .slider-caption h2 {
    font-size: 44px;
  }
  .swiper_wrapper .slider-caption p {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .swiper_wrapper .slider-caption h2 {
    font-size: 38px;
  }
  .swiper_wrapper .slider-caption p {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .swiper_wrapper .slider-caption h2 {
    font-size: 30px;
  }
  .swiper_wrapper .slider-caption p {
    font-size: 18px;
  }
}