@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500;700;900&display=swap');


@font-face {
  font-family: 'FontAwesome';font-weight:900;font-style: normal;
  src: url('/resources/homepage/main/font/fa-solid-900.eot');
  src: url('/resources/homepage/main/font/fa-solid-900.eot?#iefix') format('eot'), 
		url('/resources/homepage/main/font/fa-solid-900.woff') format('woff'), 
		url('/resources/homepage/main/font/fa-solid-900.ttf') format('truetype'), 
		url('/resources/homepage/main/font/fa-solid-900.svg#FontAwesome') format('svg');
}
@font-face {
  font-family: 'FontAwesome';font-weight: 400;font-style: normal;
  src: url('/resources/homepage/main/font/fa-regular-400.eot');
  src: url('/resources/homepage/main/font/fa-regular-400.eot?#iefix') format('eot'), 
		url('/resources/homepage/main/font/fa-regular-400.woff') format('woff'), 
		url('/resources/homepage/main/font/fa-regular-400.ttf') format('truetype'), 
		url('/resources/homepage/main/font/fa-regular-400.svg#FontAwesome') format('svg');
}
@font-face {
  font-family: 'FontAwesome';font-weight: normal;font-style: normal;
  src: url('/resources/homepage/main/font/fa-brands-400.eot');
  src: url('/resources/homepage/main/font/fa-brands-400.eot?#iefix') format('eot'), 
		url('/resources/homepage/main/font/fa-brands-400.woff') format('woff'), 
		url('/resources/homepage/main/font/fa-brands-400.ttf') format('truetype'), 
		url('/resources/homepage/main/font/fa-brands-400.svg#FontAwesome') format('svg');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face {
 font-family: 'TitilliumSB';
 font-weight: 600;
 src: url(../font/TitilliumWeb-SemiBold.eot);
 src: url(../font/TitilliumWeb-SemiBold.eot?#iefix) format('embedded-opentype'),
      url(../font/TitilliumWeb-SemiBold.woff) format('woff'),
      url(../font/TitilliumWeb-SemiBold.ttf) format('truetype');
}

@font-face {
 font-family: 'TitilliumR';
 font-weight: 400;
 src: url(../font/TitilliumWeb-Regular.eot);
 src: url(../font/TitilliumWeb-Regular.eot?#iefix) format('embedded-opentype'),
      url(../font/TitilliumWeb-Regular.woff) format('woff'),
      url(../font/TitilliumWeb-Regular.ttf) format('truetype');
}

@font-face {
 font-family: 'TitilliumL';
 font-weight: 300;
 src: url(../font/TitilliumWeb-Light.eot);
 src: url(../font/TitilliumWeb-Light.eot?#iefix) format('embedded-opentype'),
      url(../font/TitilliumWeb-Light.woff) format('woff'),
      url(../font/TitilliumWeb-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'NotoSerifEL';
    src: url('NotoSerifKR-ExtraLight-Alphabetic.eot');
    src: url('NotoSerifKR-ExtraLight-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-ExtraLight-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-ExtraLight-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-ExtraLight-Alphabetic.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifBL';
    src: url('NotoSerifKR-Black-Alphabetic.eot');
    src: url('NotoSerifKR-Black-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-Black-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-Black-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-Black-Alphabetic.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifB';
    src: url('NotoSerifKR-Bold-Alphabetic.eot');
    src: url('NotoSerifKR-Bold-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-Bold-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-Bold-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-Bold-Alphabetic.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifL';
    src: url('NotoSerifKR-Light-Alphabetic.eot');
    src: url('NotoSerifKR-Light-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-Light-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-Light-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-Light-Alphabetic.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifM';
    src: url('NotoSerifKR-Medium-Alphabetic.eot');
    src: url('NotoSerifKR-Medium-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-Medium-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-Medium-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-Medium-Alphabetic.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifR';
    src: url('NotoSerifKR-Regular-Alphabetic.eot');
    src: url('NotoSerifKR-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-Regular-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-Regular-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-Regular-Alphabetic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSerifSB';
    src: url('NotoSerifKR-SemiBold-Alphabetic.eot');
    src: url('NotoSerifKR-SemiBold-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('NotoSerifKR-SemiBold-Alphabetic.woff2') format('woff2'),
        url('NotoSerifKR-SemiBold-Alphabetic.woff') format('woff'),
        url('NotoSerifKR-SemiBold-Alphabetic.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}