@charset "utf-8";

body{
	font-family: 나눔고딕,NanumGothic,돋움,Dotum,Arial,Helvetica,sans-serif;
	font-size: 14px;
}

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

.fl{ float: left; }
.fr{ float: right; }
.clearfix{ *zoom:1; }
.clearfix:after{ clear: both; display: block; content: "" }

header{
	background: #F1F1F1;
	border: 1px solid #d4d4d4;
}

header .title{ background-color: #ddd; padding: 12px 20px }
header .title .temp{ font-size: 9px; vertical-align: top; }

#wrap{ margin-top: 20px; position: relative; }
#wrap textarea{ width: 100%; height: 400px; margin: 10px 0; resize: vertical; line-height: 1.2em; }

#wrap #test-btn{
	text-align: center;
	padding: 7px 25px;
	background-color: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
}

footer{ font-size: 11px; color: #777; text-align: center; line-height: 150% }
footer p{ margin: 3px 0; }