@charset "utf-8";

@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');


/******************************* font *******************************/

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

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

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

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

	@font-face{
		font-family:"NotoR";
		src:url("../fonts/NotoSansKR-Regular.eot");
		src:local("※"),
		url("../../fonts/noto/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
		url("../../fonts/noto/NotoSansKR-Regular.woff") format("woff"),
		url("../../fonts/noto/NotoSansKR-Regular.woff2") format("woff2");
		font-style:normal;
		font-weight:normal;
		}

	@font-face{
		font-family:"NotoM";
		src:url("../fonts/NotoSansKR-Medium.eot");
		src:local("※"),
		url("../../fonts/noto/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),
		url("../../fonts/noto/NotoSansKR-Medium.woff") format("woff"),
		url("../../fonts/noto/NotoSansKR-Medium.woff2") format("woff2");
		font-style:normal;
		font-weight:normal;
		}







	/* REM 기준 */

	/* Mobile
	@media screen and (max-width:1024px){
	html{font-size:18px}}
	@media screen and (max-width:960px){
	html{font-size:17.60px}}
	@media screen and (max-width:910px){
	html{font-size:17.30px}}
	@media screen and (max-width:860px){
	html{font-size:17px}}
	@media screen and (max-width:810px){
	html{font-size:16.70px}}
	@media screen and (max-width:760px){
	html{font-size:16.40px}}
	@media screen and (max-width:710px){
	html{font-size:16.10px}}
	@media screen and (max-width:660px){
	html{font-size:15.80px}}
	@media screen and (max-width:610px){
	html{font-size:15.50px}}
	@media screen and (max-width:560px){
	html{font-size:15.20px}}
	@media screen and (max-width:510px){
	html{font-size:14.90px}}
	@media screen and (max-width:460px){
	html{font-size:14.60px}}
	@media screen and (max-width:410px){
	html{font-size:14.30px}}
	@media screen and (max-width:360px){
	html{font-size:14px}}
	@media screen and (max-width:320px){
	html{font-size:13.77px}}
	*/