/* ===============================================================================

    COMMON FONTS STYLESHEET : 마루 패밀리 사이트

=============================================================================== */

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../../common/fonts/Roboto/Roboto-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../../common/fonts/Roboto/Roboto-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/Roboto/Roboto-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-100.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/Roboto/Roboto-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../common/fonts/Roboto/Roboto-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../common/fonts/Roboto/Roboto-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/Roboto/Roboto-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-300.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/Roboto/Roboto-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../common/fonts/Roboto/Roboto-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../common/fonts/Roboto/Roboto-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/Roboto/Roboto-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-regular.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/Roboto/Roboto-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../common/fonts/Roboto/Roboto-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../../common/fonts/Roboto/Roboto-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/Roboto/Roboto-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-500.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/Roboto/Roboto-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../common/fonts/Roboto/Roboto-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../../common/fonts/Roboto/Roboto-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/Roboto/Roboto-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-700.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/Roboto/Roboto-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../../common/fonts/Roboto/Roboto-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../../common/fonts/Roboto/Roboto-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/Roboto/Roboto-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-900.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/Roboto/Roboto-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/Roboto/Roboto-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* 나눔고딕 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../../common/fonts/NanumGothic/NanumGothic-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic'),
       url('../../common/fonts/NanumGothic/NanumGothic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/NanumGothic/NanumGothic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/NanumGothic/NanumGothic-regular.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/NanumGothic/NanumGothic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/NanumGothic/NanumGothic-regular.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../../common/fonts/NanumGothic/NanumGothic-700.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic Bold'), local('NanumGothic-Bold'),
       url('../../common/fonts/NanumGothic/NanumGothic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/NanumGothic/NanumGothic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/NanumGothic/NanumGothic-700.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/NanumGothic/NanumGothic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/NanumGothic/NanumGothic-700.svg#NanumGothic') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../../common/fonts/NanumGothic/NanumGothic-800.eot'); /* IE9 Compat Modes */
  src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'),
       url('../../common/fonts/NanumGothic/NanumGothic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../common/fonts/NanumGothic/NanumGothic-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../common/fonts/NanumGothic/NanumGothic-800.woff') format('woff'), /* Modern Browsers */
       url('../../common/fonts/NanumGothic/NanumGothic-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../common/fonts/NanumGothic/NanumGothic-800.svg#NanumGothic') format('svg'); /* Legacy iOS */
}

/* 나눔스퀘어 */
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(../../common/fonts/NanumSquare/NanumSquareL.eot);
 src: url(../../common/fonts/NanumSquare/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(../../common/fonts/NanumSquare/NanumSquareL.woff) format('woff'),
      url(../../common/fonts/NanumSquare/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(../../common/fonts/NanumSquare/NanumSquareR.eot);
 src: url(../../common/fonts/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(../../common/fonts/NanumSquare/NanumSquareR.woff) format('woff'),
      url(../../common/fonts/NanumSquare/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(../../common/fonts/NanumSquare/NanumSquareB.eot);
 src: url(../../common/fonts/NanumSquare/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../../common/fonts/NanumSquare/NanumSquareB.woff) format('woff'),
      url(../../common/fonts/NanumSquare/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../../common/fonts/NanumSquare/NanumSquareEB.eot);
 src: url(../../common/fonts/NanumSquare/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../../common/fonts/NanumSquare/NanumSquareEB.woff) format('woff'),
      url(../../common/fonts/NanumSquare/NanumSquareEB.ttf) format('truetype');
}

/* 나눔스퀘어라운드 */
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("NanumSquareRoundL"), /* computer */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("../../common/fonts/NanumSquareRound/NanumSquareRoundR"), /* computer */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("../../common/fonts/NanumSquareRound/NanumSquareRoundB"), /* computer */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("../../common/fonts/NanumSquareRound/NanumSquareRoundEB"), /* computer */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("../../common/fonts/NanumSquareRound/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}

/* Spoqa Han Sans */
@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 700;
  src: local('Spoqa Han Sans Bold'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansBold.woff2') format('woff2'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansBold.woff') format('woff'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 400;
  src: local('Spoqa Han Sans Regular'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansRegular.woff2') format('woff2'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansRegular.woff') format('woff'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansRegular.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 300;
  src: local('Spoqa Han Sans Light'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansLight.woff2') format('woff2'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansLight.woff') format('woff'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Spoqa Han Sans';
  font-weight: 100;
  src: local('Spoqa Han Sans Thin'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansThin.woff2') format('woff2'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansThin.woff') format('woff'),
  url('../../common/fonts/SpoqaHanSans/SpoqaHanSansThin.ttf') format('truetype');
}