@charset "utf-8";

body {font-family: Verdana, Dotum;	font-size:11px;	color:#333;	line-height:180%;	background:url(./images/.jpg);}

a {color: #333;	text-decoration:none;}
a:link, a:visited, a:active {text-decoration:none;	border:0px;}
a:hover {color: transparent; 
    text-shadow: 0 0 2px #373737; 
    transition: all 250ms ease-in;}
iframe{width:100%;}
#tistorytoolbarid{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: transparent; 
    text-shadow: 0 0 2px #373737; 
    transition: all 250ms ease-in; 
} 
::-moz-selection{ 
    color: transparent; 
    text-shadow: 0 0 2px #373737; 
    transition: all 250ms ease-in; 
} 

/*전체 레이아웃*/
#wrap{width:600px;	margin: 0 auto;	margin-top:100px;
	/* 박스섀도우
	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:600px;
	height:100px;
	background:rgba(255,255,255,0.3);
	border:2px solid #000;
	border-top:none;
	box-sizing: border-box;
}
/*프로필사진*/
.profile{
	float:right;
	margin:10px;
	width:80px;
	height:80px;
	border:0px solid #000;
	box-sizing:border-box;
}

.profile img{
	width:100%;
}

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

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


/*내용영역*/
.contentWrap{
	margin:auto;
	background:rgba(255,255,255,0.5);
	border:2px solid #000;
	box-sizing:border-box;
	width:600px;
	max-height:350px;
	padding:20px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.date, .cnt, .name, .from, .delete {
	 font-family: Verdana, Dotum;
}

.name2 {
	 font-family: Verdana, Dotum;
}

/*갤러리형 목록*/
.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: 33.3%;
  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:0px solid #000;
	padding:5px 0px;
	padding-left:10px;
}
#lst_web .list_content:first-child{
	border-top:0px solid #000;
}

.listTitle .date {
	float: right;
	padding-right: 10px;
}

/*태그로그*/
.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:px solid #000;
}

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

.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: #000;
	background-color: #000;
	text-decoration: none;
	}

.article img { border: 0;}

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

.tagText {
	 font-family: Verdana, Dotum;
	color: #333;
	}

/*액션트레일*/
.actionTrail {
	text-align:right;
	padding-bottom: 3px;
	margin-bottom: 15px;
	}

.actionTrail a {
	 font-family: Verdana, Dotum;
	color:#333;
	text-decoration:none;
	}

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

.article_p input {
	width:80px;
	padding:5px;
	border:1px dashed #000;
	border-radius: 0%;
	background:rgba(255,255,255,0);
	outline:none;
}

/*댓글, 방명록 리스트*/
.comment .name2 a, .comment .name2 a:hover {
	color:#000;
	}
.comment ol     {
	padding:0;
	margin:0;
	list-style: none;
	border-top: 0px 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: 0px solid #000;
	}
.comment ol li ul li {
	padding-top : 0;
	border:0;
	}


/*댓글, 방명록 입력창*/
.comment .commentWrite 	{
	width:558px;
	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;
	border-radius: 0%;
	outline:none;
}
.comment textarea 	{
	padding:5px;
	line-height:170%;
	width:558px;
	height:50px;
	background:rgba(255,255,255,0);
	border:1px solid #000;
	border-radius: 0%;
	box-sizing:border-box;
	font-size:11px;
	color:#333;
	margin:auto;
	font-family: Verdana, Dotum;
	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: Verdana, Dotum;
	font-size:11px;
	margin-top:20px;
	}

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

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

.paging #left{
	float:left;
}

.paging #right{
	float:right;
}

.selected {
	color: transparent; 
  text-shadow: 0 0 2px #373737; 
  transition: all 250ms ease-in;
	}

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

/*댓글 profile 없애기*/
.comment-list .nickname .tistoryProfileLayerTrigger {display: none;}
/*공감 없애기*/
.container_postbtn {display:none;}


/*반응형 (모바일)*/
@media (max-width:767px) {
   #wrap{margin-top:30px;   width:80%;}
   .contentWrap{width:100%;}
   .Header{width:100%;   height:auto;   padding:10px;   box-sizing:border-box;}
   .category{width:65%;   margin:0;}
   .profile{   width:30%;   margin:0;   overflow:hidden;}
   .clear{   clear:both;}
	 .comment textarea{width:100%;}
	 .comment .commentWrite{width:100%;}
}