@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body {height:100%}
body {
	margin:0;
	color:#000;
	font-size:14px;
	font-family: 'Nanum Gothic', serif;
	background-color:#e9e9e9;
}

a, a:link {font-size:inherit; color:inherit; text-decoration:none;}
a:visited {color:inherit}
a:hover {text-decoration:none}

a img {border:0}

h1 {
	margin:0 0 20px 0;
	padding:5px 0 0 0;
	font-size:18px;
}

h2 {
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	font-size:14px;
}

input[type=button],
input[type=submit] {
	padding:3px 7px;
	border:1px #777 solid;
	background-color:#777;
	color:#fff;
}


.aleft {text-align: left !important}
.acenter {text-align: center !important}
.aright {text-align: right !important}

.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}


.header {
	position:relative;
	height:50px;
	background-color:#ff8a00;
	color:#fff;
	z-index:9999;
	/*box-shadow:0 2px 6px #8e3c06;*/
}
.header .container {
	position:relative;
	width:1100px;
	margin:0 auto;
}
.header .logo {
	position:absolute;
	left:0;
	top:13px;
	font-size:24px;
	font-weight:bold;
}
.header .tophints {
	position:absolute;
	right:0;
	top:10px;
	font-size:15px;
	font-weight:sbold;
}
.header .tophints ul {
	margin:0;
	padding:0;
	list-style:none;
}
.header .tophints ul li {
	position:relative;
	float:right;
	padding:6px 0 6px 24px;
	margin-left:20px;
	background-position:0 50%;
	background-repeat:no-repeat;
}
.header .tophints .config {
	background-image:url(./images/tophint-config.png);
	cursor:pointer;
}
.header .tophints .notice {
	background-image:url(./images/tophint-bell.png);
	cursor:pointer;
}
.header .tophints .neighbor {
	background-image:url(./images/tophint-neighbor.png);
	cursor:pointer;
}
.header .tophints .myhome {
	background-image:url(./images/tophint-myhome.png);
	cursor:pointer;
}
.header .tophints .login {
	cursor:pointer;
}
.header .tophints .mypage {
	cursor:pointer;
}
.header .tophints .reqneighbor {
	cursor:pointer;
}
.header .tophints .reqfamily {
	cursor:pointer;
}
.header .tophints .hint-count {
	position:absolute;
	left:14px;
	top:-3px;
	padding:1px 4px;
	background-color:#00bff3;
	border:1px #00bff3 solid;
	border-radius:12px;
	color:#fff;
	font-size:11px;
	display:none;
}

.header .topsearch {
	position:absolute;
	top:10px;
	left:250px;
}
.header .topsearch input[type=text] {
	width:150px;
	height:25px;
	background-color:#fff;
	border:1px #fff solid;
	text-align:center;
	vertical-align: middle;
	margin:0;
	padding:0;
}
.header .topsearch input[type=submit] {
	height:27px;
	width:30px;
	border:1px #fff solid;
	background-color:transparent;
	background-image:url(./images/btn-topsearch.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	vertical-align: middle;
	margin:0 0 0 -3px;
	cursor:pointer;
}

.main-container {
	position:relative;
	width:1100px;
	margin:0 auto;
	background-color:#fff;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	z-index:1;
}
.main-container .block-left {
	position:absolute;
	left:0;
	top:0;
	width:220px;
	padding:0;
	background-color:#f1f1f1;
}
.main-container .block-main {
	position:absolute;
	left:220px;
	top:0;
	width:610px;
	padding:0;
}
.main-container .block-right {
	position:absolute;
	right:0;
	top:0;
	width:270px;
	padding:0;
	background-color:#f1f1f1;
}
.main-container .block-right .site-title {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#f1f1f1;
	padding-top:10px;
}
.main-container .block-right .site-title > div {
	padding:8px 0;
	background-color:#777;
	color:#fff;
	text-align:center;
	font-weight:bold;
}

.main-container .scrollbar-inner .midwrap {
	position:relative;
	padding:10px;
	
	text-align:left;
}
.main-container .block-right .midwrap {
	padding-left:5px;
	padding-right:5px;
}

.scroll-element.scroll-x {
	display: none !important;
}

.writebox {
	padding:5px;
	border:1px #ccc solid;
	margin-bottom:10px;
	background-color:#f1f1f1;
}
.writebox .write-innerwrap {
	
}

.writebox .write-title {
	padding-bottom:7px;
	margin-bottom:7px;
	text-align:center;
	font-weight:bold;
}

.writebox .itemwrap {
	position:relative;
	padding:5px 0;
}
.writebox .itemwrap .label {
	display:inline-block;
	padding:0 10px;
}

.writebox .menuselector select {
	border:1px #ccc solid;
	height:22px;
}

.writebox .subjectwrap {
	height:25px;
}
.writebox .subjectwrap .subject {
	position:absolute;
	top:0;
	right:0;
}
.writebox .subjectwrap input[type=text] {
	height:24px;
	width:520px;
}
.writebox .contentwrap {
	height:130px;
	background-color:#fff;
	padding:5px;
	background:url(./img/resizehandle.png) no-repeat 50% 100%;
}

.writebox #write-content,
.writebox #edit-content {
	border:1px #ccc solid;
	height:100%;
	overflow-y:scroll;
	background-color:#fff;
}
.writebox .menuselector .upload {
	position:absolute;
	bottom:3px;
	right:0;
	background:url(images/photoupload.png) no-repeat 100% 50%;
}
.writebox .menuselector .upload input[type=file] {
	width:62px;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}


.writebox .buttons {
	position:relative;
	padding:3px 0;
	text-align:right;
}



.list {
	width:100%;
	border-spacing:0;
	border:0;
	border-top:1px #d7d7d7 solid;
}
.list tr {
	min-height:40px;
	text-align:center;
}
.list th {
	padding:4px;
	border-bottom:1px #d7d7d7 dashed;
	background-color:#eee;
}
.list td {
	padding:4px;
	border-bottom:1px #d7d7d7 dashed;
}

.siterecents {
	padding-top:40px;
}

.siterecents .recent {
	margin:10px 5px 10px 0;
	padding:10px 5px;
	border:1px #d7d7d7 solid;
	border-radius:6px;
	background-color:#fff;
}

.siterecents .recent .board_title {
	padding-bottom:3px;
	font-size:13px;
	color:#555;
}
.siterecents .recent .title {
	color:#000;
	font-weight:bold;
	padding-bottom:3px;
}
.siterecents .recent .content-text {
	padding:5px 0;
	line-height:150%;
	color:#777;
}
.siterecents .recent .img img {
	max-width:100%;
}

.footer {
	padding:15px 0;
	min-height:80px;
	background-color:#6a3b03;
}