@charset "utf-8";

body {
	 font-family: 'Gulim';
	font-size:11px;
	color:#333;
	line-height:180%;
	background:url(./images/11.PNG);
	}

a { 
	color: #333;
	text-decoration:none;
	}
a:link, a:visited, a:active { 
	text-decoration:none;
	border:0px;
	}
a:hover {
	color: #eee;
	transition:0.3s;
	}
iframe{
	width:100%;
}

#tistorytoolbarid{display:none;}
.container_postbtn {display:none;}

/*스크롤바*/
::-webkit-scrollbar {
	width:0px;
	background-color:#000; /*배경*/
}

::-webkit-scrollbar-thumb {
	border:0px solid #000; /*테두리*/
	width:0px;
	background-color:rgba(0,0,0,1); /*스크롤바*/
}

/*드래그*/
::selection { color:rgba(255,255,255,0); background: rgba(255,255,255,0); } 
::-moz-selection { color:rgba(255,255,255,0); background: rgba(255,255,255,0); }


/*전체 레이아웃*/
#wrap{
	width:1000px;
	margin: 0 auto;
	margin-top:110px;
	/* 박스섀도우
	box-shadow:1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000, 6px 6px #000, 7px 7px #000, 8px 8px #000, 9px 9px #000, 10px 10px #000;
	*/
}

/*헤더*/
.Header{
	width:1000px;
	height:120px;
	background:rgba(255,255,255,0.3);
	border:1px solid #000;
	border-top:none;
	box-sizing: border-box;
}
/*프로필사진*/
.profile{
	float:right;
	margin:20px;
	width:80px;
	height:80px;
	background:url(./images/bb.PNG);
	border:1px solid #000;
	box-sizing:border-box;
}

/*카테고리 박스*/
.category{
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:208px;
	height:80px;
	border:1px solid #000;
	box-sizing:border-box;
}

.category p {
	text-align:center;
	margin-top:20px;
}


/*내용영역*/
.contentWrap{
	margin:auto;
	background:rgba(255,255,255,0.5);
	border:1px solid #000;
	box-sizing:border-box;
	width:1000px;
	max-height:500px;
	padding:30px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.date, .cnt, .name, .from, .delete {
	 font-family: 'Gulim';
}

.name2 {
	 font-family: 'Gulim';
}

/*갤러리형 목록*/
.list_wrap:after { 
  display: block; 
  clear: both;  
	content:'';
}
#lst_gal .list_content .date, #lst_gal .list_content .listTitle { 
  display: none; 
}
#lst_gal .list_content { 
  width: 16.6%; 
  margin: 0; 
  float: left; 
  position: relative; 
  box-sizing: border-box; 
}
#lst_gal .list_content .thumb-img { 
  width: 100%; 
  height: auto; 
  overflow: hidden; 
}
#lst_gal .list_content .thumb-img img { 
  display: block; 
  width: 100%; 
  height: auto; 
	position: relative; 
}

/*일반 목록*/

#lst_web .list_content .thumb-img{
  display: none;
}
#lst_web .list_content { 
  border-bottom:1px solid #000;
	padding:10px 0px;
	padding-left:10px;
}
#lst_web .list_content:first-child{
	border-top:1px solid #000;
}

/*태그로그*/
.taglog ul { 
	margin:0; 
	padding:10px; 
	text-align:justify;
	}
.taglog li { 
	display:inline;
	}
.taglog a{
	margin:0 5px;
}
.taglog a:first-child{
	margin-left:0px;
}


/*본문영역*/
/*글제목*/
.titleWrap{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #000;
}

.titleWrap span{
	font-size:11px;
}

.titleWrap .date{
	float:right;
	font-size:11px;
	color:#333;
}
/*어드민*/
.admin {
	margin: 0; 
	text-align: right;
	}
/*글 내용*/
.article {
	text-align: justify;
	margin-bottom:20px;
	}

.article a {
	color: #333;
	text-decoration:none;
	}
	
.article a:hover {
	color: #eee;
	background-color: #eee;
	text-decoration: none;
	}
	
.article img { border: 0;}

/*태그트레일*/
.tagTrail { 
	margin-bottom:20px;
	}

.tagText {	
	 font-family: 'Gulim';
	color: #333;
	}
	
/*액션트레일*/
.actionTrail {
	text-align:right;
	padding-bottom: 3px;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	 font-family: 'Gulim';
	color:#333;
	text-decoration:none;
	}	

/*보호글*/
.article_p{
	text-align:center;
}

.article_p input {
	width:80px;
	padding:5px;
	border:1px solid #000;
	background:rgba(255,255,255,0);
	outline:none;
}
		
/*댓글, 방명록 리스트*/
.comment .name2 a, .comment .name2 a:hover {
	color:#eee;	
	}
.comment ol     { 
	padding:0; 
	margin:0;	
	list-style: none; 
	border-top: 1px solid #000;		
	}
	
.comment ul	{ 
	padding:8px; 
	margin:10px 0px 0px 30px;	
	list-style: none; 
	border: 1px solid #000;
	} /*답글 박스*/

.comment ol li	{ 
	padding: 15px 0px;
	border-bottom: 1px solid #000;	
	}
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}


/*댓글, 방명록 입력창*/

.comment .commentWrite 	{
	width:308px; 
	margin:10px 0px 50px;
	border:0; 
	letter-spacing:0; 
}
.comment i {
	font-size:7px;
}
.comment .commentWrite div {
	margin:0;
}
.comment input		{
	padding:5px;
	width: 50px; 
	background:rgba(255,255,255,0);
	font-size:11px; 
	vertical-align:middle;
	color:#333;
	border:1px solid #000; 
	outline:none;
}
.comment textarea 	{
	padding:5px;
	line-height:170%;
	width:308px;
	height:50px;
	background:rgba(255,255,255,0);
	border:1px solid #000; 
	box-sizing:border-box; 
	font-size:11px;
	color:#333; 
	margin:auto;  
	font-family: 'Gulim';
	outline:none;
	resize:vertical;
}
.comment .checkbox 	{
	float:right; 
	margin-top:7px; 
	width:12px;
	height:12px;
	border:1px solid #000;
}
.comment .submit input {
	float:right;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:20px;
	width:35px;
	height:25px;
	background:rgba(255,255,255,0);
	font-size:11px;
	color:#000;
	border:1px solid #000; 
	box-sizing:border-box; 
}

/*페이징*/
.paging {
	text-align:center;
	 font-family: 'Gulim';
	font-size:11px;
	margin-top:20px;
	}

.paging span{
	margin:0px 5px;
}

.paging a:hover{
	background:none;
	color:#eee;
}

.paging #left{
	float:left;
}

.paging #right{
	float:right;
}

.selected { 
	color:#eee;
	background:none;
	}

/*카피라이트*/
.copyright{
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:10px;
}



/*반응형 (모바일)*/
@media (max-width:767px) {
	#wrap{
		margin-top:30px;
	}
}