@charset "utf-8";
/*! Web Font @font-face Style Sheets v0.270 © 20150303~. 20180814. 20190213. MoonYoungshin[myshin@naver.com]
 * ★ NoEdit! ★ Only CSS Creator can modify.
 * Note) 표제를 위한 볼드타입과 본문을 위한 가독성 좋은 폰트, 이렇게 최대 2개의 폰트만 선언하는 것이 좋다.
 * 실무 적용 가능한 템플릿 코드를 만들었다.
 * 20190213. 본고딕(깨끗버전IE9+) 으로 수정!
 */

/** Compatible! [IE8+]
 */

/** Table of contents ))
 | @import
 | @font-face
 | 'Nanum Gothic'
 | 'Nanum Barun Gothic'
 | 'Nanum Square'
 | 'Noto Sans'
 | 'Spoqa Han Sans'
 | 'Lato'
 | 'godoRounded R'
 | 'Open Sans'
 | 
 | 'WONtitle'
 | 'GimhaeGaya'
 */


/* ◇◆ Web Font ◆◆◆ */


/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/* @import url(http://fonts.googleapis.com/css?family=Lato); */


/* ◇◆ @font-face ◇◆ */


/* Sample ))) Best Practice */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	/* [~IE8]은 format() 속성을 해석 못하고 문자열로 인식하므로, .eot 뒤에 물음표(?)를 추가하여 이후 구문을 쿼리문으로 만들어 해결한다. */
	src: url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'), /* [~IE8], [IE9+] */
				url('//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v2/NanumGothic-Regular.woff') format('woff'); /* 모던 브라우저 */
}

/* 위와 같이 [IE8호환성보기모드]는 물음표(?)를 추가해도 format() 이 있거나 url() 이 한 번 더 사용된 경우 인식하지 못하므로,
 * 아래와 같이 src 를 별도로 정의해 준다.
 */

@font-face { 
  font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: normal;
  src: url(../../font/NanumGothic-Regular.eot); /* [~IE8], [IE8호환성보기모드]. format('embedded-opentype') 속성이 없으므로 표준 브라우저가 eot 폰트를 내려받아야 하지만 영리하게도 그러지 않는다. */
  src: local('☺'), /* [~IE8]은 local() 을 인식하지 못하므로, 이 속성 이후 폰트는 요청하지 않는다. */
				local('나눔고딕'), /* 사용자 로컬에 폰트가 잘못 설치되면, 원하는 화면을 보여줄 수 없으므로 local() 속성을 대부분 사용하지 않는다. */
				local('NanumGothic'),
				local('Nanum Gothic'),
				url(../../font/NanumGothic-Regular.woff2) format('woff2'), /* [Edge], [CR][FF][OP] */
				url(../../font/NanumGothic-Regular.woff) format('woff'); /* [IE9+][IE11에뮬레이션], 모던 브라우저 */
	unicode-range: U+0030-0039, U+002E, /* 0123456789. */
											U+003?, /* 0123456789:;<=>? */
											U+000-5FF, /* Latin */
											U+0041-005A, U+0061-007A, /* A-Za-z */
											U+AC00-D7AF, /* Korean */
											U+3000-9FFF, U+FF??; /* Japanese */
}


/* Nanum Gothic */
@font-face {
	font-family: 'Nanum Gothic';
	font-weight: 400;
	src: url(../../font/NanumGothic-Regular.eot);
	src: local('☺'),
				url(../../font/NanumGothic-Regular.woff2) format('woff2'),
				url(../../font/NanumGothic-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-weight: 700;
	src: url(../../font/NanumGothic-Bold.eot);
	src: local('☺'),
				url(../../font/NanumGothic-Bold.woff2) format('woff2'),
				url(../../font/NanumGothic-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-weight: 800;
	src: url(../../font/NanumGothic-ExtraBold.eot);
	src: local('☺'),
				url(../../font/NanumGothic-ExtraBold.woff2) format('woff2'),
				url(../../font/NanumGothic-ExtraBold.woff) format('woff');
}


/* Nanum Barun Gothic */
 @font-face {
  font-family: 'Nanum Barun Gothic';
  font-weight: 200;
  src: url(../../font/NanumBarunGothicUltraLight.eot);
  src: local('☺'),
				url(../../font/NanumBarunGothicUltraLight.woff2) format('woff2'),
				url(../../font/NanumBarunGothicUltraLight.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-weight: 300;
  src: url(../../font/NanumBarunGothicLight.eot);
  src: local('☺'),
				url(../../font/NanumBarunGothicLight.woff2) format('woff2'),
				url(../../font/NanumBarunGothicLight.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-weight: 400;
  src: url(../../font/NanumBarunGothic.eot);
  src: local('☺'),
				url(../../font/NanumBarunGothic.woff2) format('woff2'),
				url(../../font/NanumBarunGothic.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-weight: 700;
  src: url(../../font/NanumBarunGothicBold.eot);
  src: local('☺'),
				url(../../font/NanumBarunGothicBold.woff2) format('woff2'),
				url(../../font/NanumBarunGothicBold.woff) format('woff');
}


/* Nanum Square. 한자없다 */
@font-face {
	font-family: 'Nanum Square';
	font-weight: 300;
	src: url(../../font/NanumSquareL.eot);
	src: local('☺'),
				url(../../font/NanumSquareL.woff) format('woff');
}
@font-face {
	font-family: 'Nanum Square';
	font-weight: 400;
	src: url(../../font/NanumSquareR.eot);
	src: local('☺'),
				url(../../font/NanumSquareR.woff2) format('woff2'),
				url(../../font/NanumSquareR.woff) format('woff');
}
@font-face {
	font-family: 'Nanum Square';
	font-weight: 700;
	src: url(../../font/NanumSquareB.eot);
	src: local('☺'),
				url(../../font/NanumSquareB.woff2) format('woff2'),
				url(../../font/NanumSquareB.woff) format('woff');
}
@font-face {
	font-family: 'Nanum Square';
	font-weight: 800;
	src: url(../../font/NanumSquareEB.eot);
	src: local('☺'),
				url(../../font/NanumSquareEB.woff) format('woff');
}


/* Nanum Myeongjo 20180814 */
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 400;
	src: url('../../font/nanum-myeongjo-v8-korean_latin-regular.eot');
	src: local('NanumMyeongjo'),
				url('../../font/nanum-myeongjo-v8-korean_latin-regular.woff2') format('woff2'),
				url('../../font/nanum-myeongjo-v8-korean_latin-regular.woff') format('woff');
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 700;
	src: url('../../font/nanum-myeongjo-v8-korean_latin-700.eot');
	src: local('NanumMyeongjo Bold'), local('NanumMyeongjoBold'),
				url('../../font/nanum-myeongjo-v8-korean_latin-700.woff2') format('woff2'),
				url('../../font/nanum-myeongjo-v8-korean_latin-700.woff') format('woff');
}
@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 800;
	src: url('../../font/nanum-myeongjo-v8-korean_latin-800.eot');
	src: local('NanumMyeongjo ExtraBold'), local('NanumMyeongjoExtraBold'),
				url('../../font/nanum-myeongjo-v8-korean_latin-800.woff2') format('woff2'),
				url('../../font/nanum-myeongjo-v8-korean_latin-800.woff') format('woff');
}


/* Noto Sans. 20190213
 * 나눔 폰트는 font-family:'나눔고딕',NanumGothic,'Nanum Gothic' 처럼 로컬 폰트명부터 먼저 적어주면 되는데..
 * 폰트 패밀리명을 'Noto Sans KR' 로 하면 로컬 폰트명과 같아서, 모든 @font-face{} 에서 local('Noto Sans KR') 을 추가해야지 로컬 폰트부터 찾아서 적용된다.
 * 그래서, font-family: 'Noto Sans'; 로 다르게 명명하였고, 스타일 정의시 로컬 폰트명부터 먼저 찾도록 아래 예처럼 사용하면 된다.
 * 예) .ffnsk { font-family: 'Noto Sans KR','본고딕',NotoSans,'Noto Sans'; }
 */
@font-face{
	font-family: 'Noto Sans';
	font-weight: 100;
	src: url('../../font/NotoSansKR/NotoSansKR-Thin.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-Thin.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 300;
	src: url('../../font/NotoSansKR/NotoSansKR-Light.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-Light.woff') format('woff');
}
/* @font-face{
	font-family: 'Noto Sans';
	font-weight: 350;
	src: url('../../font/NotoSansKR/NotoSansKR-DemiLight.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-DemiLight.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-DemiLight.woff') format('woff');
} */
@font-face{
	font-family: 'Noto Sans';
	font-weight: 400;
	src: url('../../font/NotoSansKR/NotoSansKR-Regular.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-Regular.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 500;
	src: url('../../font/NotoSansKR/NotoSansKR-Medium.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-Medium.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 700;
	src: url('../../font/NotoSansKR/NotoSansKR-Bold.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-Bold.woff') format('woff');
}
@font-face{
	font-family: 'Noto Sans';
	font-weight: 900;
	src: url('../../font/NotoSansKR/NotoSansKR-Black.eot');
	src: local('☺'),
				url(../../font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'),
				url('../../font/NotoSansKR/NotoSansKR-Black.woff') format('woff');
}


/* Spoqa Han Sans
 * /font/ 폴더에 .eot 추가해야 한다.
 * Bold 는 17px 이상이어야 뭉쳐보이지 않는다.
 */
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 100;
	src: url('../../font/SpoqaHanSansThin.eot');
	src: local('☺'),
				local('Spoqa Han Sans Thin'),
				url('../../font/SpoqaHanSansThin.woff2') format('woff2'),
				url('../../font/SpoqaHanSansThin.woff') format('woff');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 300;
	src: url('../../font/SpoqaHanSansLight.eot');
	src: local('☺'),
				local('Spoqa Han Sans Light'),
				url('../../font/SpoqaHanSansLight.woff2') format('woff2'),
				url('../../font/SpoqaHanSansLight.woff') format('woff');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 400;
	src: url('../../font/SpoqaHanSansRegular.eot');
	src: local('☺'),
				local('Spoqa Han Sans Regular'),
				url('../../font/SpoqaHanSansRegular.woff2') format('woff2'),
				url('../../font/SpoqaHanSansRegular.woff') format('woff');
}
@font-face {
	font-family: 'Spoqa Han Sans';
	font-weight: 700;
	src: url('../../font/SpoqaHanSansBold.eot');
	src: local('☺'),
				local('Spoqa Han Sans Bold'),
				url('../../font/SpoqaHanSansBold.woff2') format('woff2'),
				url('../../font/SpoqaHanSansBold.woff') format('woff');
}


/* Lato
 * 숫자,영문
 * [IE11]bug) 줄간이 어긋나기도 함 (ex) float 요소에 한글, block 요소에 숫자 사용 시
 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../../font/Lato-Regular.woff2') format('woff2');
}


/* godoRounded R */
@font-face {
	font-family: 'godoRounded R';
	font-weight: normal;
	font-style: normal;
	src: url('../../font/godoRoundedR.eot');
	src: url('../../font/godoRoundedR.eot?#iefix') format('embedded-opentype'),
				url('../../font/godoRoundedR.woff2') format('woff2'),
				url('../../font/godoRoundedR.woff') format('woff');
}


/* Open Sans 유니코드범위 0123456789.A-Za-z */
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/Light/OpenSans-Light.woff2") format("woff2"), url("../../font/OpenSans/Light/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/LightItalic/OpenSans-LightItalic.woff2") format("woff2"), url("../../font/OpenSans/LightItalic/OpenSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/Regular/OpenSans-Regular.woff2") format("woff2"), url("../../font/OpenSans/Regular/OpenSans-Regular.woff") format("woff");
  font-weight: normal; /* 400 500 */
  font-style: normal;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/Italic/OpenSans-Italic.woff2") format("woff2"), url("../../font/OpenSans/Italic/OpenSans-Italic.woff") format("woff");
  font-weight: normal; /* 400 500 */
  font-style: italic;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/Semibold/OpenSans-Semibold.woff2") format("woff2"), url("../../font/OpenSans/Semibold/OpenSans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../../font/OpenSans/SemiboldItalic/OpenSans-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/Bold/OpenSans-Bold.woff2") format("woff2"), url("../../font/OpenSans/Bold/OpenSans-Bold.woff") format("woff");
  font-weight: bold; /* 700 */
  font-style: normal;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/BoldItalic/OpenSans-BoldItalic.woff2") format("woff2"), url("../../font/OpenSans/BoldItalic/OpenSans-BoldItalic.woff") format("woff");
  font-weight: bold; /* 700 */
  font-style: italic;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/ExtraBold/OpenSans-ExtraBold.woff2") format("woff2"), url("../../font/OpenSans/ExtraBold/OpenSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}
@font-face {
  font-family: 'Open Sans';
  src: url("../../font/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("../../font/OpenSans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
	unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
}


/* ◇◆  (@m) 사용하고 싶지 않아! */


/* 원불교 한둥근체 */
@font-face {
	font-family: 'WONtitle';
	font-weight: 400;
	src: url('../../font/WONtitle.eot');
	src: local('☺'),
				url('../../font/WONtitle.woff2') format('woff2'),
				url('../../font/WONtitle.woff') format('woff');
}


/* 김해가야체 */
@font-face {
	font-family: 'GimhaeGaya';
	font-weight: normal;
	font-style: normal;
	/* src: url('../../font/GimhaeGayaR.eot'); */
	/* src: url('../../font/GimhaeGayaR.eot?#iefix') format('embedded-opentype'), */
	src: local('☺'),
				url('../../font/GimhaeGayaR.woff2') format('woff2'),
				url('../../font/GimhaeGayaR.woff') format('woff');
}
@font-face {
	font-family: 'GimhaeGaya';
	font-weight: bold;
	font-style: normal;
	/* src: url('../../font/GimhaeGayaB.eot'); */
	/* src: url('../../font/GimhaeGayaB.eot?#iefix') format('embedded-opentype'), */
	src: local('☺'),
				url('../../font/GimhaeGayaB.woff2') format('woff2'),
				url('../../font/GimhaeGayaB.woff') format('woff');
}


/* ◇◆ CSS font-family ◇◆ */


.ff-demo{ /* ★☆ToEdit) ☆ TEST */
	font-family:
		'Apple SD Gothic Neo', /* 맥 漢字 [iOS 5.1+][OS X Mountain Lion](20120308~) */
		'Lato Regular','Lato-Regular',Lato,
		'Open Sans', /* 숫자, 영문 ☆ 자간 확인요  */
		'Microsoft JhengHei', /* 漢字(繁體), 숫자, 영문 (한자 없는 한글 폰트 앞에 선언. 이거 없으면 한자 안보임) [(Windows)SF5.1.7(~2012)]fix) */
		 /* 한글 */
		/* '나눔스퀘어',NanumSquare,'Nanum Square', */
		/* '나눔고딕',NanumGothic,'Nanum Gothic', */
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		/* 위 폰트 모두 없다면 */
		AppleGothic,
		Helvetica,'Helvetica Neue', /* 숫자, 영문 */
		Arial,
		sans-serif; /* 기본 폰트 적용 ( [Windows7~]맑은고딕(한글, 숫자, 영문) ) */
}

.ffmg{
	font-family:
		'맑은 고딕','Malgun Gothic',
		'Open Sans',
		'Microsoft JhengHei',
		'돋움',Dotum,
		sans-serif;
}

.ffng{
	font-family:
		'나눔고딕',NanumGothic,'Nanum Gothic',
		'Open Sans',
		'Microsoft JhengHei',
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}

.ffnbg{
	font-family:
		'나눔바른고딕',NanumBarunGothic,'Nanum Barun Gothic',
		'Open Sans',
		'Microsoft JhengHei',
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}

/* '나눔스퀘어' 처럼 한자없는 한글폰트는 'Microsoft JhengHei' 폰트가 먼저 선언되어야 한자가 보인다. [IE8+][모던UA](O)
 * 하지만, 모바일 [삼성인터넷6.2.01.12] 에서는 한자가 공백으로 보이므로..
 * 모바일은 {font-family:sans-serif;} 로 다시 정의하여 모바일UA 기본폰트로 바꿔줘야 한다.
 * '스포카한산스' 는 한자가 없으면 이후 선언된 폰트로 한자를 보여준다.
 */

.ffns{
	font-family:
		'Open Sans',
		'Microsoft JhengHei',
		'나눔스퀘어',NanumSquare,'Nanum Square',
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}

.ffnm{
	font-family:
		'Open Sans',
		'Microsoft JhengHei',
		'나눔명조',NanumMyeongjo,'Nanum Myeongjo',
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}

.ffnsk{
	font-family:
		'Noto Sans KR','본고딕',NotoSans,'Noto Sans',
		'Open Sans',
		'Microsoft JhengHei',
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}

.ffshs{
	font-family:
		'스포카한산스',SpoqaHanSans,'Spoqa Han Sans', /* 숫자,영문,한글 */
		'Open Sans',
		'Microsoft JhengHei', /* 한자 */
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}


.fflt{
	font-family:
		'Lato', /* 숫자,영문 */
		'Open Sans',
		'Microsoft JhengHei', /* 한자 */
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}


.ffgdrR{
	font-weight: normal;
	font-family:
		'godoRounded R', /* 숫자,영문 */
		'Open Sans',
		'Microsoft JhengHei', /* 한자 */
		'맑은 고딕','Malgun Gothic',
		sans-serif;
	line-height:.75;
}


.ffgy{
	font-family:
		'GimhaeGaya', /* 숫자,영문,한글 */
		'Open Sans',
		'Microsoft JhengHei', /* 한자 */
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}


@media only screen and (min-resolution: 125dpi){ /* [mobile] ◇◆◇◆◇◆◇◆◇◆ */

	
/* UA 기본폰트 */
[lang|='ko'],
[lang|='ko']>*{
	font-family:sans-serif;
}

/* [class], */ /* ☆ 이거하면 위에서 클래스로 정의한 모든 폰트를 기본으로 되돌린다. */
.ffng{
	font-family:sans-serif;
}


}/* /[mobile] */