@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');


/* reset */
html, body, a {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
input, button, img:hover, img:hover, input:hover, .moreless_fold span, .moreless_top span, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
li {list-style:none;}
a:link, a:active, a, img {text-decoration:none;color:#000; transition:all .5s ease;}
textarea { width:100%; box-sizing:border-box; height:70px; border:1px solid #eee; }
html{	overflow-x:hidden; overflow-y:scroll; }
body {
	background:#fff;
	color:#000;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:0.7em;
	line-height:1.5em;
}
input::placeholder {
	color:#000;
}

img { max-width:100% }

#contentW {
	width:920px;
	margin:100px auto;
}
#content {
	display:block;
	width:600px;
	box-sizing:border-box;
	margin:0 auto 50px;
	padding:10px;
	float:right;
	border-radius:7px;
	border:1px solid #f1f1f1;
}



/* 사이드바 */
.sidebar {
	position:fixed;
	z-index:9999;
	display:block;
	width:250px;
	float:left;
	text-align:center;
	background:#fff;
}
.sidebarbg {
	display:none;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.5);
}
.side_b {
	display:none;
}


/* 프로필 */
.sidebar .profile {
	border:1px solid #f1f1f1;
	border-radius:7px;
}
.sidebar .profile .s_header {
	width:100%;
	border-radius:7px 7px 0 0;
}
.sidebar .profile .s_profile {
	display:block;
	text-align:left;
}
.sidebar .profile .s_profile img {
	width:65px;
	height:65px;
	border-radius:50%;
	margin-top:-40px;
	margin-left:15px;
	border:5px solid #fff;
}
.profile_t font {
	position:absolute;
	margin-top:-20px;
	left:100px;
	color:#8c8c8c;
}
.profile_t .about {
	text-align:left;
	margin:-15px 15px 13px 15px;
	color:#666;
	line-height:18px;
	white-space:pre-line;
}


/* 메뉴 */
.sidebar .menu {
	padding:5px;
	margin:10px 0;
	border-radius:7px;
	border:1px solid #f1f1f1;
}
.sidebar .menu a {	
	display:block;
	padding:5px;
	text-align:right;
}
.sidebar .menu i {
	padding-right:5px;
	position:absolute;
	margin-top:2px;
	left:10px;
	font-size:14px;
}


/* 카테고리 */
.category {
	margin:10px 0;
}
.category ul, .category li {
	margin:0;
	padding:0;
}
.category a.link_tit {
	display:none;
}
.category li a {
	border-radius:7px;
	border:1px solid #f1f1f1;
	display:block;
	padding:7px 10px;
	margin:5px 0;
	text-align:left;
}
.category .sub_category_list a {
	background:#f1f1f1;
}


/* 검색 */
.search {	
	display:inline-block;
	width:90px;
	padding:0;
}
.search input {
	position:relative;
	top:-2px;
	border:0;
	padding:0;
	width:100%;
	box-sizing:border-box;
	font-size:12px;
	font-weight:500;
	text-align:right;
}


/* 갤러리형 */
#list_wrap {
	width:100%;
	display:block;
}
.list_content {
	display:none;
	float:left;
	position:relative;
	width:24.6%;
	margin:0.2%;
}
.list_content .thumb {
	width:100%;
	position:absolute;
}
.list_content .thumb img {
	width:100%;
	display:block;
}
.list_content .thumb img:hover {
	filter:grayscale(100%);
}
.list_content .noimg img {
	width:100%;
	display:block;
}


/* 목록형 */
.list {
	display:none;
	width:100%;
	margin:auto;
	border-bottom:1px dotted #f1f1f1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.list:last-child {
	border-bottom:0;
}
.list a {
	float:left;
	width:70%;
	margin-left:10px;
	position:relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:15px 0;
}
.list .date_post {
	float:right;
	font-size:0.75em;
	padding:16px 0;
	margin-right:10px;
}



/* 본문 */
.entry {
	background:#fff;
}
.titleWrap {
	text-align:center;
}
.titleWrap .title {
	padding:8px;	
	font-weight:700;
	font-size:1.1em;
}
.titleWrap .date {
	display:inline-block;
	padding:2px 5px;
	margin-bottom:35px;
	font-size:0.6em;
}
.entry .admin {
	display:block;
	float:right;
	margin-top:-35px;
	margin-bottom:35px;
}
.entry .admin a {
	padding:5px;
}
.entry .article {
	padding:20px 0 25px 0;
	line-height:1.4em;
}
.entry .article img:hover {
	opacity:0.7;
}


.tagTrail {
	padding:10px 0;
}
.tagTrail a {
	color:#ddd;
	margin-right:10px;
}
.tagTrail a:before {
	content:"#"
}
.actionTrail {
	padding:10px 0;
	text-align:left;
	font-size:12px;
}


/* 보호글 */
.protected {
	padding:35px 15px;
	text-align:center;
}
.protected font {
	display:block;
	margin-bottom:15px;
}
.protected .entrypw {
	width:80px;
	margin:0 auto;
	border:1px solid #f1f1f1;
	transition:all .5s ease;
}
.protected .entrypw input {
	border:0;
	text-align:center;
	box-sizing:border-box;
	width:100%;
	padding:5px;
	font-size:0.7em;
}


/* 태그 */
.taglog font {
	display:block;
	text-align:center;
	padding:8px;
	font-size:1.1em;	
	font-weight:700;
	font-size:1.3em;
}
.taglog a {
	padding:4px 8px;
	margin:5px;
	border:1px solid #f1f1f1;
	display:inline-block;
	text-align:center;
}


/* 댓글 */
.commentWrite {
	margin-bottom:15px;
}
.commentWrite input {
	box-sizing:border-box;
	border:0;
	width:100%;
	background:transparent;
	font-size:10px;
	margin-top:-1px;
}
.commentWrite .submit {
	border:1px solid #f1f1f1
}
.commentWrite input[type="submit"] { 
	width:40px;
	padding:5px;
	transition:all .3s ease;
	background-color:transparent;
	float:right;
	font-size:11px;
	border-radius:0px;
}
.commentList > li {
	padding:15px 0px 5px 0px;
}
.commentList ul {
	padding:0;
}
.commentList ul li {
	border:1px solid #f1f1f1;
	margin-bottom:2px;
	padding:15px 15px 5px 15px;
}
.commentList .name {
	margin-right:10px;
	font-weight:bold;
}
.commentList .control a {
	color:#ccc;
}


/* 방명록 */
#guestWrite {
	margin-bottom:15px;
}
.guest_name, .guest_pw {
	display:inline-block;
	width:70px;	
	padding:5px 0;
	margin-right:10px;
	border-bottom:1px solid #f1f1f1;
	transition:all .3s ease;
}
.guestWrite input {
	border:0;
	box-sizing:border-box;
	width:100%;
	background-color:transparent;
	font-size:10px;
	margin-top:-1px;
}
.guestWrite .submit {
	border:1px solid #f1f1f1
}
.guestWrite input[type="submit"] { 
	width:40px;
	padding:5px;
	transition:all .3s ease;
	background-color:transparent;
	float:right;
	font-size:11px;
	border-radius:0px;
}
.guestList > li {
	padding:15px 0px 0px 0px;
}
.guestList ul {
	padding:0;
}
.guestList ul li {
	border:1px solid #f1f1f1;
	margin-bottom:2px;
	padding:15px 15px 5px 15px;
}
.guestList .name {
	margin-right:10px;
	font-weight:bold;
}
.guestList .control a {
	color:#ccc;
}


/* checkbox */
#secret {
	display: none;
}
#secret + .secret {
	display:inline-block;
	cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
}
#secret + .secret:before {
	content:"\f204";
	font-family:FontAwesome;
	font-size:15px;
	margin-left:2px;
	float:right;
}
#secret:checked + .secret:before {
	content:"\f205";
	font-family:FontAwesome;
	color:#000;
}


/* 페이징 */
.paging {
	clear:both;
	position:relative;	
	text-align:center;
	top:5px;
}
.paging a {
	display:inline-block;
	padding:7px 15px;
}
a.no-more-prev, a.no-more-next {
	display:none;
}


#copyright {
	position:fixed;
	bottom:9px;
	left:13px;
	font-size:12px;
	color:#eeeeee;
	z-index:999;
}
#copyright a {
	color:#8c8c8c;
	font-weight:bold;
}


::-webkit-scrollbar  { width: 0px; }
::-webkit-scrollbar-track { background-color: #fff;}
::-webkit-scrollbar-thumb { background-color: #f1f1f1; }
::selection{ 
	background:#f1f1f1;
} 


.container_postbtn { display:none; }
.another_category { display:none; }




@media only screen and ( max-width:700px ) {
	#contentW {
		width:100%;
		margin:20px auto;		
	}
	
	.sidebar {
		width:250px;
		height:100%;
		top:0;
		left:-999px;
		transition:all 0.5s ease;
		overflow-y:scroll;
	}
	.sidebar .profile, .sidebar .menu, .category li a, .category .sub_category_list a, .sidebar .profile .s_header {
		border:0;
		border-radius:0;
	}
	.sidebar .menu {
		border-top:1px solid #f1f1f1;
		border-bottom:1px solid #f1f1f1;
		padding:7px 5px;
	}
	.category li a {
		margin:2px 0;
	}
	.side_b {
		display:block;
		text-align:center;
		background:#fff;
		font-size:13px;
		margin-top:20px;
	}
	.side_b i {
		width:15px;
		height:14px;
		padding:8px;
		border:1px solid #f1f1f1;
		border-radius:50%;
	}
	
	#content {
		width:100%;
		border-radius:0;
	}
	.list_content {
		width:32.9%;
		margin:0.2%;
	}
}