/* 폰트 */
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:url('fonts/noto/NotoSans-Light.eot');
	src:url('fonts/noto/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/noto/NotoSans-Light.woff2') format('woff2'),
		url('fonts/noto/NotoSans-Light.woff') format('woff'),
		url('fonts/noto/KaiGenGothicKR-Light.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:url('fonts/noto/NotoSans-Regular.eot');
	src:url('fonts/noto/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/noto/NotoSans-Regular.woff2') format('woff2'),
		url('fonts/noto/NotoSans-Regular.woff') format('woff'),
		url('fonts/noto/KaiGenGothicKR-Regular.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:url('fonts/noto/NotoSans-Medium.eot');
	src:url('fonts/noto/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/noto/NotoSans-Medium.woff2') format('woff2'),
		url('fonts/noto/NotoSans-Medium.woff') format('woff'),
		url('fonts/noto/KaiGenGothicKR-Medium.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:url('fonts/noto/NotoSans-Bold.eot');
	src:url('fonts/noto/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/noto/NotoSans-Bold.woff2') format('woff2'),
		url('fonts/noto/NotoSans-Bold.woff') format('woff'),
		url('fonts/noto/KaiGenGothicKR-Bold.ttf') format('truetype');
}

@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:900;
	src:url('fonts/noto/NotoSans-Black.eot');
	src:url('fonts/noto/NotoSans-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/noto/NotoSans-Black.woff2') format('woff2'),
		url('fonts/noto/NotoSans-Black.woff') format('woff'),
		url('fonts/noto/KaiGenGothicKR-Heavy.ttf') format('truetype');
}

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

@font-face{
	font-family:'gmarketSans';
	font-style:normal;
	font-weight:300;
	src:url('fonts/gmarketSans/GmarketSansLight.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	url('fonts/gmarketSans/GmarketSansLight.ttf') format('truetype');
}

@font-face{
	font-family:'gmarketSans';
	font-style:normal;
	font-weight:500;
	src:url('fonts/gmarketSans/GmarketSansMedium.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	url('fonts/gmarketSans/GmarketSansMedium.ttf') format('truetype');
}

@font-face{
	font-family:'gmarketSans';
	font-style:normal;
	font-weight:700;
	src:url('fonts/gmarketSans/GmarketSansBold.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	url('fonts/gmarketSans/GmarketSansBold.ttf') format('truetype');
}


/* default */
body{font:400 16px "NotoSansKR", Dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif; color:#444; line-height: 1.2; letter-spacing: -0.025em;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
-o-text-size-adjust:none;
text-size-adjust:none;
}

/* 공통 */
h2 {font-size: 32px;}
h3 {font-size: 28px;}
strong {font-weight: 700;}
.clear::after {display: block; content: ""; clear: both;}
.fl {float: left;}
.fr {float: right;}
.btn {display: inline-block; text-align: center; border-radius:10px;}
.font-medium {font-weight: 500;}
.font-light {font-weight: 300;}
.container {width: 100%; overflow:hidden; margin: 0 auto;}
.inner{width:1200px; margin:0 auto; position: relative;}
.blind {display: inline-block; position: absolute; top: 0; left: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; border: 0; overflow: hidden;}
.hidden_block {overflow: hidden; border: 0; position: absolute; /* relative를 사용해도 무관할 듯 하다 */ z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.hidden_inline { overflow: hidden; display: inline-block; position: relative;z-index: -1; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.flex-box{display: flex;}

/* 컬러 - 폰트 */
.f-red{color:#f56f4b;}


/* 컬러 - 베경 */
.bg-brown{background:#ac7646;}
.bg-orange{background:orange;}
.bg-green{background:green;}
.bg-blue{background:skyblue;}