@charset "utf-8";
 /**
 * font.css
 * 20201217 | @m | 최초 등록
 * 20201228 | @m | 요구반영. 결함개선. 고도화.
 * 20211228 | @m | pretendard 추가
 * 20211231 | @m | 
 * 20220224 | @m | @import url(font_NotoSans.css);
 * 20221028 | @m | 커스텀
 * 20221115 | @m | pretendard-subset.css )) CDN 이용
 * 20221202 | @m | 'Disket Mono' 추가
 * 20221209 | @m | 
 * 20230120 | @m | font_NotoSans.css 주석처리
 * 20230131 | @m | @import url(font_NotoSans.css);
 * 20230914 | @m | Pretendard 갱신
 * 20231012 | @m | 관리자 html_head 폰트 코드, 두런 코드 병합
 * 20231130 | @m | 커스텀
 * 20240320 | @m | 구글 아이콘, 심벌, 이모지 제일 앞으로
 * 20240326 | @m | 구글 심벌 
 * 20240326 | @m | 맞춤
 * 20240329 | @m | Outfit 추가, @import 모두 상단으로
 * 20240604 | @m | Material Symbols Outlined 로딩 빠른 방법으로
 * 20240621 | @m | Material Symbols Outlined 고도화
 * 20240625 | @m | 'wght' 300,
 * 20240828 | @m | Material+Symbols+Rounded
 */


/* 
 * @font-face | class font-family | Mobile
 * <link /> href 속성값 | 문법오류 )) @import 코드 사용하여 해결 가능
 * Lato 는 로컬이 더 좋더라!
 * 중복 선언하면 맨끝 적용된다.
 */


/* Google Icon, Symbol, Emoji 20240320~. 20240828 */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');

/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined'); */ /* 크기,굵기,채움,그라데이션 :opsz,wght,FILL,GRAD@24,400,0,0 */
/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'); */ /* 로딩느림 */
/* @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0'); */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@300,0..1');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL@300,0..1');

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap') */


/* 20240329 */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* 본고딕.CDN최신 */
@import url(font_NotoSansKr.v21.css);

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Lato:wght@300;400;700;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/* Pretendard 20230914 */
/* 
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");

/* 
font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
*/


/* Material Symbols Outlined 조정 (@import 시 @20..48,100..700,0..1,-50..200 필요. 로딩느림) 20240621 */
:root{
	--fvs1:
		'opsz' 24,
		'wght' 300,
		'FILL' 0,
		'GRAD' 0;
}
.material-symbols-outlined{
	font-variation-settings:var(--fvs1);
}
.fvsf-0{font-variation-settings:var(--fvs1), 'FILL' 0;}
.fvsf-1{font-variation-settings:var(--fvs1), 'FILL' 1;}


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


/* Open Sans 20200205
 * 유니코드범위 0123456789.A-Za-z
		unicode-range: U+0030-0039, U+002E, U+0041-005A, U+0061-007A;
		)) [FF]bugFix) Open Sans 하위세트 사용안함
 */
/* @font-face {
	font-family: 'OpenSans';
	font-weight: 300;
	font-style: normal;
	src: url(../../font/OpenSans/300.woff2) format('woff2'), url(../../font/OpenSans/300.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 300;
	font-style: italic;
	src: url(../../font/OpenSans/300Italic.woff2) format('woff2'), url(../../font/OpenSans/300Italic.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 400;
	font-style: normal;
	src: url(../../font/OpenSans/400.woff2) format('woff2'), url(../../font/OpenSans/400.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 400;
	font-style: italic;
	src: url(../../font/OpenSans/400Italic.woff2) format('woff2'), url(../../font/OpenSans/400Italic.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 600;
	font-style: normal;
	src: url(../../font/OpenSans/600.woff2) format('woff2'), url(../../font/OpenSans/600.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 600;
	font-style: italic;
	src: url(../../font/OpenSans/600Italic.woff2) format('woff2'), url(../../font/OpenSans/600Italic.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 700;
	font-style: normal;
	src: url(../../font/OpenSans/700.woff2) format('woff2'), url(../../font/OpenSans/700.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 700;
	font-style: italic;
	src: url(../../font/OpenSans/700Italic.woff2) format('woff2'), url(../../font/OpenSans/700Italic.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 800;
	font-style: normal;
	src: url(../../font/OpenSans/800.woff2) format('woff2'), url(../../font/OpenSans/800.woff) format('woff');
}
@font-face {
	font-family: 'OpenSans';
	font-weight: 800;
	font-style: italic;
	src: url(../../font/OpenSans/800Italic.woff2) format('woff2'), url(../../font/OpenSans/800Italic.woff) format('woff');
} */


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


/* 넥슨 lv1 고딕 (when@who)  */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Disket Mono */
@font-face {
	font-family: 'Disket Mono';
	font-weight: 400;
	src:
		url(../../font/DisketMono/Disket-Mono-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Disket Mono';
	font-weight: 700;
	src:
		url(../../font/DisketMono/Disket-Mono-Bold.woff) format('woff');
}


/* ◇◆ class font-family 20221028 ◇◆ */


.ffdu{
	font-family:
		'돋움',Dotum,
		sans-serif;
}

.ffmg{
	font-family:
		'맑은 고딕','Malgun Gothic',
		sans-serif;
}

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

.ffnsk,
.ffnss{
	font-family:
		'본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans, /* 로컬 파일 우선 */
		'본고딕',NotoSans,'Noto Sans KR','Noto Sans CJK KR', /* 리모트 우선 */
		'Microsoft JhengHei',
		sans-serif;
}

.ffptd{
	font-family:
		Pretendard,
		'Microsoft JhengHei',
		sans-serif;
}



@media only screen and (-webkit-min-device-pixel-ratio:1.3){ /* [Mobile] ◇◆◇◆◇◆◇◆◇◆ */


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

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


}/* /[Mobile] */