@charset "utf-8";

/*------------------------------------------------------------
   Font Color : 차후 수정 및 삭제
-------------------------------------------------------------*/
.fontBlue{color:blue !important;font-weight:700 !important}
.fontGreen{color:green !important;font-weight:700 !important}
.fontRed{color:red !important;font-weight:700 !important}
.fontOrange{color:orange !important;font-weight:700 !important}
.fontBlack{color:black !important;font-weight:700 !important}

/*------------------------------------------------------------
   Font Size
-------------------------------------------------------------*/
.fontSize-xxs{font-size:0.714em;line-height:1.5em} /* 10px */
.fontSize-xs{font-size:0.786em} /* 11px */
.fontSize-sm{font-size:0.857em} /* 12px */
.smaller{font-size:0.929em} /* 13px */
.fontSize-md{font-size:1em} /* 14px : 기본값 */
.larger{font-size:1.071em} /* 15px */
.fontSize-lg{font-size:1.214em} /* 17px */
.fontSize-xl{font-size:1.429em} /* 20px */
.fontSize-xxl{font-size:1.714em} /* 24px */
.fontSize-xxxl{font-size:2.5em;letter-spacing:-2.5px} /* 36px */
.fontSize-xxxxl{font-size:4.2em;letter-spacing:-2.5px} /* 57px */
.fontSize-xxxxxl{font-size:5.7em} /* 80px */

/*------------------------------------------------------------
   Font Type
-------------------------------------------------------------*/
.font-typeA, .font-typeA-b{font-family:'Malgun Gothic', sans-serif}
.font-typeA-b{font-weight:700}
.font-typeB, .font-typeB-b{font-family:'NanumGothic', sans-serif}
.font-typeB-b{font-weight:700}
.font-typeC, .font-typeC-b{font-family:'Roboto', sans-serif;letter-spacing:0.5px}
.font-typeC-b{font-weight:700;letter-spacing:normal}
/*.font-typeD, .font-typeD-b{font-family:'SpoqaHanSans', sans-serif}
.font-typeD-b{font-weight:700} 없어진 폰트 */
.font-typeE, .font-typeE-b{font-family:'Tahoma', sans-serif}
.font-typeE-b{font-weight:700}
.font-typeF, .font-typeF-b{font-family:'NotoSansKR', sans-serif}
.font-typeF-b{font-weight:700}

/*------------------------------------------
   한글 폰트
-------------------------------------------*/
/* NanumGothic */
@font-face {
	font-family:'NanumGothic';
	font-weight:400;
	src: local('NanumGothic'),
	   url('../Font/NanumGothic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NanumGothic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'NanumGothic';
	font-weight:700;
	src: local('NanumGothicBold'), local('NanumGothic Bold'), local('NanumGothic-Bold'),
	   url('../Font/NanumGothicBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NanumGothicBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'NanumGothic';
	font-weight:800;
	src: local('NanumGothicExtraBold'), local('NanumGothic-ExtraBold'), local('NanumGothic ExtraBold'), 
	   url('../Font/NanumGothicExtraBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NanumGothicExtraBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* NanumBarunGothic */
@font-face {
	font-family:'NanumBarunGothic';
	font-weight:300;
	src: local('NanumBarunGothic'),
	   url('../Font/NanumBarunGothicLightSubset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NanumBarunGothicLightSubset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family:'NanumBarunGothic';
	font-weight:400;
	src: local('NanumBarunGothic'),
	   url('../Font/NanumBarunGothicSubset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NanumBarunGothicSubset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family:'NanumBarunGothic';
	font-weight:700;
	src: local('NanumBarunGothicBoldSubset'),
	   url('../Font/NanumBarunGothicBoldSubset.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NanumBarunGothicBoldSubset.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* NotoSansKR */
@font-face {
	font-family:'NotoSansKR';
	font-weight:300;
	src: local('NotoSansKRLight'), local('NotoSansKR Light'), local('NotoSansKR-Light'), 
	   url('../Font/NotoSansKR-Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NotoSansKR-Light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:400;
	src: local('NotoSansKR'),
	   url('../Font/NotoSansKR-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NotoSansKR-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:700;
	src: local('NotoSansKRMedium'), local('NotoSansKR Medium'), local('NotoSansKR-Medium'),
	   url('../Font/NotoSansKR-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NotoSansKR-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family:'NotoSansKR';
	font-weight:800;
	src: local('NotoSansKRBold'), local('NotoSansKR Bold'), local('NotoSansKR-Bold'), 
	   url('../Font/NotoSansKR-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	   url('../Font/NotoSansKR-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*------------------------------------------
   영문 폰트
-------------------------------------------*/

/* Roboto */
@font-face {
	font-family:'Roboto';
	font-weight:400;
	src: local('RobotoRegular'), 
		 url(../Font/RobotoRegular.eot),
	     url(../Font/RobotoRegular.eot?#iefix) format('embedded-opentype'), url(../Font/RobotoRegular.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-weight:500;
	src: local('RobotoMedium'), 
	     url(../Font/RobotoMedium.eot),
	     url(../Font/RobotoMedium.eot?#iefix) format('embedded-opentype'), url(../Font/RobotoMedium.woff) format('woff');
}
@font-face {
	font-family:'Roboto';
	font-weight:700;
	src: local('RobotoBold'), 
	     url(../Font/RobotoBold.eot),
	     url(../Font/RobotoBold.eot?#iefix) format('embedded-opentype'), url(../Font/RobotoBold.woff) format('woff');
}

/* Tahoma */
@font-face {
	font-family:'Tahoma';
	font-weight:400;
	src: local('tahoma'), 
	     url(../Font/tahoma.eot),
	     url(../Font/tahoma.eot?#iefix) format('embedded-opentype'), url(../Font/tahoma.woff) format('woff');
}
@font-face {
	font-family:'Tahoma';
	font-weight:700;
	src: local('tahomaBold'), 
	     url(../Font/tahomaBold.eot),
	     url(../Font/tahomaBold.eot?#iefix) format('embedded-opentype'), url(../Font/tahomaBold.woff) format('woff');
}

