@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 

@font-face {
  font-family: 'Sosa';
  src: url('/assets/fonts/sosa.eot'); /* IE9 Compat Modes */
  src: url('/assets/fonts/sosa.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/sosa.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/sosa.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/sosa.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
	padding:0;
	margin:0;	
	color:#666;
	font-family: 'Noto Sans KR', sans-serif; 
}

.container {
	width:800px;
	margin:0 auto;	
}

header {
	background:#5f6774;
	color:#fff;	
}

h1 {
	margin:0;
	padding:60px 0 10px 0;
	font-size:17pt;
}

.notice {
	background:#efefef;
	padding:15px;
		
}

form input[type="text"], textarea {
	width:100%;
	font-size:12pt; 
	padding:5px;
	border-radius:5px;
	border:2px solid #ccc;
	box-sizing:border-box;
}

textarea {
	height:160px;
}

dl dt label {
	font-weight:bold;
	font-size:10pt;
}

dl dd {
	margin:0;
	margin-bottom:20px;
}

button {
	width:100%;
	font-size:12pt; 
	padding:20px 10px;
	font-weight:bold;
	border-radius:5px;
	color:#fff;
	background:#5f6774;
}

@media screen and (max-width: 800px) {

	.container {
		width:100%;
	}

}