/* Google -  https://fonts.google.com/
-----------------------------------------------------------------*/
@import url('https://webfontworld.github.io/naver/NanumSquareRound.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;500;600;700&display=swap');

/* Font style
-----------------------------------------------------------------*/
/*body {font-family:'NanumSquareRound', 'AppleGothic', 'Dotum', sans-serif;}*/
/*body {font-family: 'Noto Sans KR', 'Lato', sans-serif;}*/
body {font-family: 'Catamaran', 'Noto Sans KR', sans-serif;}

@font-face {
    font-family: 'SDSamliphopangche_Outline';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 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: 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: 3.5rem;}
  .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: 2rem;}
  .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 h1 {
  font-size: 70px;
}
.slider-caption h2 {
  font-size: 70px;
}
.slider-caption h3 {
  font-size: 70px;
}
.slider-caption p {
  font-size: 38px;
}

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

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

@media screen and (max-width: 480px) {
  .swiper_wrapper .slider-caption h1 {
    font-size: 44px;
  }
  .swiper_wrapper .slider-caption h2 {
    font-size: 46px;
  }
  .swiper_wrapper .slider-caption h3 {
    font-size: 50px;
  }
  .swiper_wrapper .slider-caption p {
    font-size: 19px;
  }
}