/*
* Site Name	: All made from	Celmon corp. website
* Description :	All	fonts of the website
* Company :	CELMON Corp.
* CSS Author : FUNNY
* Date : 2017.12.20 ~
* Caution :	Do not modify the unconditional
*/
@charset "utf-8";

@font-face {font-family:NanumSquareR, Tahoma, Dotum, Gulim, Apple Gothic, sans-serif;}

/* A class */
a	{selector-dummy: expression(this.hideFocus=true);
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a {blr: expression(this.onFocus=this.blur());}
a.DYcolor:hover		{color:#f2b600 !important;}


/* Font Color */
.IDcolor			{color:#f2b600 !important;}
.ATcolor			{color:#ca4410 !important;} /* Accent ID Color */
.Tcaution			{color:#d43d39 !important;}
.Torange			{color:#f58604 !important;}
.Tblack			{color:#111111 !important;}
.Twhite			{color:#FFFFFF !important;}
.Tblue				{color:#0973f6 !important;}
.Tskyblue			{color:#33C7D8 !important;}
.Tdeepsky			{color:#34a2f7 !important;}
.Tgreen			{color:#4dc74d !important;}
.Tlightgray		{color:#888888 !important;}
.Tgray				{color:#645761 !important;}
.Tdeepgray		{color:#444444;}
.Tflu_green		{color:#4dc74d;}
.Tflu_lightgreen	{color:#acfc00;}
.Tflu_yellow		{color:#fcf7a8;}
.Tflu_blue			{color:#c8f1ff;}
.Tlightpuple		{color:#9279f1 !important;}
.TBack_darkgray	{background:#2e353d; padding:2px 2px;}


/* Font Size */
.C12				{font:12px celmonKr_medium; letter-spacing:-0.07em;}
.C12B				{font:12px celmonKr_bold; letter-spacing:-0.1em;}
.C13				{font:13px celmonKr_medium; letter-spacing:-0.08em;}
.C13B				{font:13px celmonKr_bold; letter-spacing:-0.1em;}
.C14				{font:14px celmonKr_medium; letter-spacing:-0.08em;}
.C14B				{font:14px celmonKr_bold; letter-spacing:-0.1em;}
.C15				{font:15px celmonKr_medium; letter-spacing:-0.08em;}
.C15B				{font:15px celmonKr_bold; letter-spacing:-0.08em;}

.N10				{font:10px NanumSquareR;}
.N11				{font:11px NanumSquareR;}
.N12				{font:12px NanumSquareR;}
.N11B				{font:11px NanumSquareB;}
.N12B				{font:12px NanumSquareB;}
.N13				{font:13px NanumSquareR;}
.N13B				{font:13px NanumSquareB;}
.N14				{font:14px NanumSquareR;}
.N14B				{font:14px NanumSquareB;}
.N16B				{font:16px NanumSquareB;}

.R9					{font:9px Roboto; letter-spacing:0em;}
.R10				{font:10px Roboto; letter-spacing:0em;}
.R10B				{font:10px Roboto; font-weight:600; letter-spacing:0em;}
.R11				{font:11px Roboto; letter-spacing:0em;}
.R11B				{font:11px Roboto; font-weight:600; letter-spacing:0em;}
.R12				{font:12px Roboto; letter-spacing:0em;}
.R12B				{font:12px Roboto; font-weight:700; letter-spacing:0em;}
.R12BB				{font:12px Roboto; font-weight:700; letter-spacing:0em;}
.R13				{font:13px Roboto; letter-spacing:0em;}
.R13B				{font:13px Roboto; font-weight:500; letter-spacing:0em;}
.R14				{font:14px Roboto; letter-spacing:0em;}
.R14B				{font:14px Roboto; font-weight:500; letter-spacing:0em;}
.R16B				{font:16px Roboto; font-weight:500; letter-spacing:0em;}
.R18B				{font:18px Roboto; font-weight:700; letter-spacing:0em;}
.R20B				{font:20px Roboto; font-weight:700; letter-spacing:0em;}
.R24B				{font:24px Roboto; font-weight:700; letter-spacing:0em;}

.H14				{font:14px celmonHG_40; letter-spacing:-0.05em;}
.H22				{font:22px celmonHG_40; letter-spacing:-0.05em;}

.B24				{color:#222; text-decoration:none; font:24px Batang, Dotum !important; letter-spacing:-0.10em; padding:0; margin:0}

.won, .won a		{color:#AAA; text-decoration:none; font:11px NanumBarunGothic; letter-spacing:-0.10em; padding:0 0 0 0.08em; margin:0}

/* Font Decoration */
.b {font-weight:bold !important;}
.n {font-weight:normal !important;}
.u {text-decoration:underline !important;}


/* NanumSquare */
@font-face {
	font-family: 'NanumSquareR';
	src:url('../css/font/Nanum/NanumSquareR.eot');
	src:url('../css/font/Nanum/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../css/font/Nanum/NanumSquareR.woff') format('woff'),
		url('../css/font/Nanum/NanumSquareR.ttf') format('truetype');
	font-style: normal;
}

@font-face {
	font-family: 'NanumSquareB';
	src:url('../css/font/Nanum/NanumSquareB.eot');
	src:url('../css/font/Nanum/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../css/font/Nanum/NanumSquareB.woff') format('woff'),
		url('../css/font/Nanum/NanumSquareB.ttf') format('truetype');
	font-style: normal;
}


/* NotoSans */
@font-face {
	font-family: 'celmonKr_black';
	src:url('../css/font/NotoKR-Black/notokr-black.eot');
	src:url('../css/font/NotoKR-Black/notokr-black.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-Black/notokr-black.woff2') format('woff2'),
		url('../css/font/NotoKR-Black/notokr-black.woff') format('woff'),
		url('../css/font/NotoKR-Black/notokr-black.ttf') format('truetype'),
		url('../css/font/NotoKR-Black/notokr-black.svg#notokr-black') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonKr_bold';
	src:url('../css/font/NotoKR-Bold/notokr-bold.eot');
	src:url('../css/font/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
		url('../css/font/NotoKR-Bold/notokr-bold.woff') format('woff'),
		url('../css/font/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
		url('../css/font/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonKr_demilight';
	src:url('../css/font/NotoKR-DemiLight/notokr-demilight.eot');
	src:url('../css/font/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
		url('../css/font/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
		url('../css/font/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
		url('../css/font/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonKr_light';
	src:url('../css/font/NotoKR-Light/notokr-light.eot');
	src:url('../css/font/NotoKR-Light/notokr-light.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-Light/notokr-light.woff2') format('woff2'),
		url('../css/font/NotoKR-Light/notokr-light.woff') format('woff'),
		url('../css/font/NotoKR-Light/notokr-light.ttf') format('truetype'),
		url('../css/font/NotoKR-Light/notokr-light.svg#notokr-light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonKr_medium';
	src:url('../css/font/NotoKR-Medium/notokr-medium.eot');
	src:url('../css/font/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
		url('../css/font/NotoKR-Medium/notokr-medium.woff') format('woff'),
		url('../css/font/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
		url('../css/font/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonKr_regular';
	src:url('../css/font/NotoKR-Regular/notokr-regular.eot');
	src:url('../css/font/NotoKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-Regular/notokr-regular.woff2') format('woff2'),
		url('../css/font/NotoKR-Regular/notokr-regular.woff') format('woff'),
		url('../css/font/NotoKR-Regular/notokr-regular.ttf') format('truetype'),
		url('../css/font/NotoKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonKr_thin';
	src:url('../css/font/NotoKR-Thin/notokr-thin.eot');
	src:url('../css/font/NotoKR-Thin/notokr-thin.eot?#iefix') format('embedded-opentype'),
		url('../css/font/NotoKR-Thin/notokr-thin.woff2') format('woff2'),
		url('../css/font/NotoKR-Thin/notokr-thin.woff') format('woff'),
		url('../css/font/NotoKR-Thin/notokr-thin.ttf') format('truetype'),
		url('../css/font/NotoKR-Thin/notokr-thin.svg#notokr-thin') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* GGothicss */
@font-face {
	font-family: 'celmonHG_00';
	src:url('../css/font/HGGGothicssi00g/HGGGothicssi00g.eot');
	src:url('../css/font/HGGGothicssi00g/HGGGothicssi00g.eot?#iefix') format('embedded-opentype'),
		url('../css/font/HGGGothicssi00g/HGGGothicssi00g.woff2') format('woff2'),
		url('../css/font/HGGGothicssi00g/HGGGothicssi00g.woff') format('woff'),
		url('../css/font/HGGGothicssi00g/HGGGothicssi00g.ttf') format('truetype'),
		url('../css/font/HGGGothicssi00g/HGGGothicssi00g.otf') format('opentype'),
		url('../css/font/HGGGothicssi00g/HGGGothicssi00g.svg#HGGGothicssi00g') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonHG_20';
	src:url('../css/font/HGGGothicssi20g/HGGGothicssi20g.eot');
	src:url('../css/font/HGGGothicssi20g/HGGGothicssi20g.eot?#iefix') format('embedded-opentype'),
		url('../css/font/HGGGothicssi20g/HGGGothicssi20g.woff2') format('woff2'),
		url('../css/font/HGGGothicssi20g/HGGGothicssi20g.woff') format('woff'),
		url('../css/font/HGGGothicssi20g/HGGGothicssi20g.ttf') format('truetype'),
		url('../css/font/HGGGothicssi20g/HGGGothicssi20g.otf') format('opentype'),
		url('../css/font/HGGGothicssi20g/HGGGothicssi20g.svg#HGGGothicssi20g') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonHG_40';
	src:url('../css/font/HGGGothicssi40g/HGGGothicssi40g.eot');
	src:url('../css/font/HGGGothicssi40g/HGGGothicssi40g.eot?#iefix') format('embedded-opentype'),
		url('../css/font/HGGGothicssi40g/HGGGothicssi40g.woff2') format('woff2'),
		url('../css/font/HGGGothicssi40g/HGGGothicssi40g.woff') format('woff'),
		url('../css/font/HGGGothicssi40g/HGGGothicssi40g.ttf') format('truetype'),
		url('../css/font/HGGGothicssi40g/HGGGothicssi40g.otf') format('opentype'),
		url('../css/font/HGGGothicssi40g/HGGGothicssi40g.svg#HGGGothicssi40g') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonHG_60';
	src:url('../css/font/HGGGothicssi60g/HGGGothicssi60g.eot');
	src:url('../css/font/HGGGothicssi60g/HGGGothicssi60g.eot?#iefix') format('embedded-opentype'),
		url('../css/font/HGGGothicssi60g/HGGGothicssi60g.woff2') format('woff2'),
		url('../css/font/HGGGothicssi60g/HGGGothicssi60g.woff') format('woff'),
		url('../css/font/HGGGothicssi60g/HGGGothicssi60g.ttf') format('truetype'),
		url('../css/font/HGGGothicssi60g/HGGGothicssi60g.otf') format('opentype'),
		url('../css/font/HGGGothicssi60g/HGGGothicssi60g.svg#HGGGothicssi60g') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonHG_80';
	src:url('../css/font/HGGGothicssi80g/HGGGothicssi80g.eot');
	src:url('../css/font/HGGGothicssi80g/HGGGothicssi80g.eot?#iefix') format('embedded-opentype'),
		url('../css/font/HGGGothicssi80g/HGGGothicssi80g.woff2') format('woff2'),
		url('../css/font/HGGGothicssi80g/HGGGothicssi80g.woff') format('woff'),
		url('../css/font/HGGGothicssi80g/HGGGothicssi80g.ttf') format('truetype'),
		url('../css/font/HGGGothicssi80g/HGGGothicssi80g.otf') format('opentype'),
		url('../css/font/HGGGothicssi80g/HGGGothicssi80g.svg#HGGGothicssi80g') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'celmonHG_99';
	src:url('../css/font/HGGGothicssi99g/HGGGothicssi99g.eot');
	src:url('../css/font/HGGGothicssi99g/HGGGothicssi99g.eot?#iefix') format('embedded-opentype'),
		url('../css/font/HGGGothicssi99g/HGGGothicssi99g.woff2') format('woff2'),
		url('../css/font/HGGGothicssi99g/HGGGothicssi99g.woff') format('woff'),
		url('../css/font/HGGGothicssi99g/HGGGothicssi99g.ttf') format('truetype'),
		url('../css/font/HGGGothicssi99g/HGGGothicssi99g.otf') format('opentype'),
		url('../css/font/HGGGothicssi99g/HGGGothicssi99g.svg#HGGGothicssi99g') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Roboto */
@font-face {
	font-family: 'Roboto';
	font-style:normal;
	font-weight: 100;
	src:url(../css/font/Roboto/Roboto-Thin.woff2) format('woff2'),
		url(../css/font/Roboto/Roboto-Thin.woff) format('woff'),
		url(../css/font/Roboto/Roboto-Thin.otf) format('opentype');}

@font-face {
	font-family: 'Roboto';
	font-style:normal;
	font-weight: 300;
	src:url(../css/font/Roboto/Roboto-Light.woff2) format('woff2'),
		url(../css/font/Roboto/Roboto-Light.woff) format('woff'),
		url(../css/font/Roboto/Roboto-Light.otf) format('opentype');}

@font-face {
	font-family: 'Roboto';
	font-style:normal;
	font-weight: 400;
	src:url(../css/font/Roboto/Roboto-Regular.woff2) format('woff2'),
		url(../css/font/Roboto/Roboto-Regular.woff) format('woff'),
		url(../css/font/Roboto/Roboto-Regular.otf) format('opentype');}

@font-face {
	font-family: 'Roboto';
	font-style:normal;
	font-weight: 500;
	src:url(../css/font/Roboto/Roboto-Medium.woff2) format('woff2'),
		url(../css/font/Roboto/Roboto-Medium.woff) format('woff'),
		url(../css/font/Roboto/Roboto-Medium.otf) format('opentype');}

@font-face {
	font-family: 'Roboto';
	font-style:normal;
	font-weight: 700;
	src:url(../css/font/Roboto/Roboto-Bold.woff2) format('woff2'),
		url(../css/font/Roboto/Roboto-Bold.woff) format('woff'),
		url(../css/font/Roboto/Roboto-Bold.otf) format('opentype');}