@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
input, textarea, button{outline:none;border:none;background:none;font-family:inherit;}

/* 공통 요소 */
html, body{font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';font-size:20px;width:100%;height:100%;margin:0;padding:0;color:#000;}
a, a:link, a:visited{color:#000;}
a:hover, a:active{color:#000;}

/* 레이아웃 */
#container{margin:0 auto;width:100%;}
#sidebar{width:250px;min-height:100%;max-height:100%;position:fixed;background:white;overflow-y: scroll;letter-spacing:-1.5px;border-right:1px solid #ddd;}
#content{margin-left:250px;letter-spacing:-1.5px;min-height:100%;}
#sidebar .header{text-align:center;font-size:30px;font-weight:normal;padding:20px;}
.blogImage{text-align:center;border-bottom:1px solid #ddd;padding-bottom:20px;}
.blogImage img{width:150px;height:150px;border-radius:50%;}
#sidebar a{display:block;}
#sidebar .menu, #sidebar .category, #sidebar .counter, #sidebar .recentPost, #sidebar .recentComment{border-bottom:1px solid #ddd;}
#sidebar .mark{padding:15px;cursor:pointer;}
#menuList{border-top:1px solid #ddd;display:none;font-size:14px;}
#sidebar .menu li{padding:15px;text-align:right;}
#sidebar .menu li:not(:last-child){padding:15px;}
#topAdmin{text-align:right;float:right;}
#topAdmin a{color:#ccc !important;font-size:15px;}
#mobilebar{display:none;width:100%;z-index:99;border-bottom:1px solid #ddd;background:#fff;padding:20px;}
#menuIcon{cursor:pointer;font-size:30px;}
#mobilebar a{font-size:30px;font-weight:normal;margin-left:5px;letter-spacing:-1.5px;}
.menu_bg{
position:fixed;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.7);
z-index:998;
display:none;
}
.menu_toolbar{display:none;}

.tt_category{border-top:1px solid #ddd;font-size:14px;text-align:right;}
.link_tit, .link_item, .link_sub_item{padding:15px;}
a.link_sub_item:before{content:'-';}
a.link_sub_item{color:#777 !important;}
.link_tit, .link_item, .link_sub_item{}
.search{border-bottom:1px solid #ddd;height:30.6px;position:relative;}
.search input{width:150px;height:100%;}
.search button{background:#000;width:40px;height:100%;color:#fff;padding:0px;float:right;}
.search svg{width:30px !important;}

.counterContent{border-top:1px solid #ddd;display:none;}
.counterContent p{padding:15px;font-size:14px;text-align:right;}
.counterContent p:not(:last-child){}
.recentPostContent{border-top:1px solid #ddd;display:none;}
.recentPostContent li{padding:15px;font-size:14px;text-align:right;}
.recentPostContent li:not(:last-child){}
.recentCommentContent{border-top:1px solid #ddd;display:none;}
.recentCommentContent li{padding:15px;font-size:14px;text-align:right;}
.recentCommentContent li:not(:last-child){}
.pageTitle{padding:30px 20px;font-size:36px;font-weight:bold;border-bottom:1px solid #ddd;}

.searchList li{min-height:110px;position:relative;border-bottom:1px dashed #ddd;padding:20px;padding-right:0;line-height:1.5;}
.searchList li:last-child{border-style:solid;}
.searchList a{display:block;height:100%;padding:20px 0;text-overflow:ellipsis;}
.searchList .left{padding-right:20px;}
.searchList .date{background:#000;padding:0 5px;color:#fff;margin-right:5px;}
.searchList p{margin-top:10px;margin-right:150px;color:#777;line-height:1.2;}
.searchList .thumbnail{width:150px;height:150px;position:absolute;top:0;right:0;}

.titleWrap{padding:20px;border-bottom:1px dashed #ddd;line-height:1.2;}
.titleWrap .category{margin-bottom:5px;}
.titleWrap .category a{color:#777 !important;font-weight:200;}
.titleWrap h2{font-size:36px;font-weight:bold;}
.titleWrap .date{display:inline-block;font-size:16px;font-weight:200;margin-left:10px;}
.titleWrap .admin{margin-top:10px;font-size:12px;color:#777;}
.titleWrap .admin a{color:#777 !important;}
.article{padding:20px;border-bottom:1px solid #ddd;line-height:1.2;}
.container_postbtn{}
div.another_category{margin:-20px !important;padding:20px;border:1px solid #ddd !important;border-left:0 !important;border-right:0 !important;border-bottom:0 !important;font-family:'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';font-size:20px !important;}
div.another_category h4{margin:0px !important;color:#000 !important;font-size:14px !important;line-height:normal;border-width:0 !important;}
div.another_category h4 a{color:#000 !important;font-size:14px !important;margin:0 !important;}
div.another_category table{border:0px solid #ddd;border-top:0;margin:0 !important;}
div.another_category table td{display:none;}
div.another_category th a{color:#000 !important;font-size:14px !important;}
div.another_category th a.current{border-bottom:0 !important}
div.another_category th span{color:#777 !important;font-size:14px !important;margin-left:2px;}
div.another_category th{padding-bottom:8px}
div.another_category table th{}
div.another_category tr:first-child th{}
.tagTrail{padding:20px;border-bottom:1px solid #ddd;}
.entryWrap .mark{padding:20px;border-bottom:1px solid #ddd !important;cursor:pointer;}
.commentWrite>p:first-child{border-bottom:1px dashed #ddd !important;}
.commentWrite input{font-size:14px;padding:20px;width:100px;border-right:1px dashed #ddd;}
.commentWrite label{font-size:14px;}
.commentWrite .homepage{width:200px;}
.commentWrite input[type="checkbox"]{width:20px;display:none;}
.commentWrite textarea{width:600px;font-size:14px;padding:20px;}
.commentWrite button{text-align:center;background:#000;width:100%;color:#fff;padding:10px;font-size:15px;}
.commentWrite input[type="checkbox"]+label{
padding:20px;
font-size:15px;
color:#777;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.commentWrite input[type="checkbox"]:checked+label{
color:#000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.commentList{font-size:14px;}
.commentList .name{font-weight:bold;margin-right:5px;}
.commentList .name img{display:none;}
.commentItem, .replyItem{padding:20px;border-bottom:1px dashed #ddd;position:relative;}
.commentItem p, .replyItem p{margin-top:10px;line-height:1.5;}
.commentList .date{color:#777;}
.commentList .control{margin-left:10px;display:none;}
.commentItem:hover .control, .commentItem:active .control, .replyItem:hover .control, .replyItem:active .control{display:inline;}
.replyItem svg{font-size:20px;position:absolute;}
.replyItem .header, .replyItem p{padding-left:25px;}
.tt_more_preview_comments_wrap{padding:20px;border-bottom:1px dashed #ddd;}

.guestWrite>p:first-child{border-bottom:1px dashed #ddd !important;}
.guestWrite input{font-size:14px;padding:20px;width:100px;border-right:1px dashed #ddd;}
.guestWrite label{font-size:14px;}
.guestWrite .homepage{width:200px;}
.guestWrite input[type="checkbox"]{width:20px;display:none;}
.guestWrite textarea{width:600px;font-size:14px;padding:20px;}
.guestWrite button{text-align:center;background:#000;width:100%;color:#fff;padding:10px;font-size:15px;}
.guestWrite input[type="checkbox"]{width:20px;display:none;}
.guestWrite textarea{width:600px;font-size:14px;padding:20px;}
.guestWrite button{text-align:center;background:#000;width:100%;color:#fff;padding:10px;font-size:15px;}
.guestWrite input[type="checkbox"]+label{
padding:20px;
font-size:15px;
color:#777;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.guestWrite input[type="checkbox"]:checked+label{
color:#000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.guestList{border-bottom:1px solid #ddd;}
.guestList .guestItem .marker{font-size:30px;}
.guestList .guestReplyItem .marker{font-size:30px;}
.guestList .header{margin-bottom:5px;}
.guestList .name{font-weight:bold;font-size:24px;margin-right:5px;}
.guestList .name img{display:none;}
.guestList .date{font-weight:200;font-size:16px;}
.guestList .guestItem .header{margin-left:50px;}
.guestList .control{margin-left:10px;display:none;font-size:14px;}
.guestItem .control a{margin-right:5px;}
.guestReplyItem .control a{margin-left:5px;}
.guestItem:hover .control, .guestItem:active .control, .guestReplyItem:hover .control, .guestReplyItem:active .control{display:inline;}
.guestList .guestItem p{margin-left:50px;line-height:1.2;}
.guestItem{padding:20px;}
.guestReplyItem{padding:20px;text-align:right;}
.guestReplyItem .header{margin-right:50px;}
.guestReplyItem .desc{margin-right:50px;line-height:1.2;}

.tagContent{padding:20px;border-bottom:1px solid #ddd;}
.taglog li, .taglog a{display:inline-block;}
.taglog a{margin-right:5px;margin-bottom:7px;}
.taglog .cloud1, .taglog .cloud2{padding:5px;background:#000;color:#fff !important;border:1px solid #000;}
.taglog .cloud3, .taglog .cloud4, .taglog .cloud5{padding:5px;border:1px solid #bbb;}

.entryProtected .article{padding:40px;}
.entryProtected svg{font-size:50px;margin-bottom:10px;}
.entryProtected input{font-size:14px;padding:5px;width:100px;border-bottom:1px dashed #ddd;}

.paging{padding:20px;border-bottom:1px solid #ddd;}
.paging a{margin:20px;}
.paging .selected{background:#000;color:#fff !important;padding:0 16px;}
.no-more-prev, .no-more-next{color:#ccc !important;}

#footer{padding:20px;color:#777;font-weight:200;}
#footer #top{color:#000;font-weight:bold;}
#footer .copyright{margin-top:10px;font-size:10px;font-weight:normal;letter-spacing:0;}
#footer a{color:#777 !important;}

/* 스크롤바 */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #dddddd;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}
::-webkit-scrollbar-thumb:active {
  background: #9e9e9e;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
::-webkit-scrollbar-track:active {
  background: #ffffff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* 반응형 레이아웃 */
@media screen and (max-width:600px){
	#sidebar{z-index:999;left:-300px;}
	#topAdmin{margin-top:20px;margin-right:20px;}
	#content{width:100%;margin:0;padding-top:60px;overflow-x:hidden;}
	.paging{text-align:center;line-height:2;}
	.paging a{margin:10px;}
	.paging .selected{padding:0 10px;}
	#mobilebar{display:block;position:fixed;}
	
	.searchList li{min-height:70px;padding:0 20px;}
	.searchList li p{display:none;}
	.searchList .thumbnail{width:110px;height:110px;display:none;}
	
	.pageTitle{font-size:30px;}
	.titleWrap h2{font-size:30px;}
	.titleWrap .date{display:block;margin-top:10px;margin-left:0;}
	
	.commentWrite input{width:50px !important;}
	.guestWrite input{width:50px !important;}
}