@charset "utf-8";

@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src:	url('fonts/NotoSansKR-Thin.woff2') format('woff2'),
			url('fonts/NotoSansKR-Thin.woff') format('woff'), 
			url('fonts/NotoSansKR-Thin.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src:	url('fonts/NotoSansKR-Regular.woff2') format('woff2'),
			url('fonts/NotoSansKR-Regular.woff') format('woff'), 
			url('fonts/NotoSansKR-Regular.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src:	url('fonts/NotoSansKR-Medium.woff2') format('woff2'),
			url('fonts/NotoSansKR-Medium.woff') format('woff'), 
			url('fonts/NotoSansKR-Medium.otf') format('opentype'); 
}

section, nav, header, aside, footer, menu{display:block;} /* for ie 6, 7, 8 */

html,body {margin:0; padding:0; height:100%; }
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
input,textarea,select,td{font-size:14px;}
table {border-spacing:0; border-collapse:collapse; width:100%;}
address,caption,cite,code,dfn,th,var {font-style:normal;}
th{font-weight:normal;}
td {background:#fff;}
ol,ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
hr,legend,caption{display:none;}
img,input,select,textarea{vertical-align:middle;}
img,fieldset {border:none;}
input, textarea, select{ font-family: 'Noto Sans KR', sans-serif, Arial,"Malgun Gothic",Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; -webkit-text-size-adjust:none;}
input{letter-spacing:0 !important;}
a{color:#555353; text-decoration:none;}
menu{margin:0; padding:0;}

.skip{position:absolute; top:0; left:-1000px; width:0; height:0; font-size:0; line-height:0;}

@media all and (min-width:768px){
*{text-shadow:none !important; -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important;}

}

/*common*/
.c_red {color:#ff0000;}
.mb10 {margin-bottom:10px;}
.mr10 {margin-right:10px;}
.ta_l {text-align:left;}
.ta_r {text-align:right;}
.ta_c {text-align:center;}

@media all and (min-width:769px){
body { min-width: 768px !important; }
*{/*text-shadow:none !important;*/ -webkit-box-sizing:content-box !important; -moz-box-sizing:content-box !important;}

}

.mobile_view { display:none !important; }

@media (max-width:768px){
	.mobile_view { display:block !important; }
	.pc_view { display:none !important; }
	img { max-width:100%; }
}