body{ overflow-y:scroll; margin:0; font-size:11px; font-family:'Nanum Barun Gothic'; line-height:2.0; word-wrap:break-word; color:#000; background:url(http://cfile8.uf.tistory.com/original/2139144356F11AD927B3CF) no-repeat fixed 0 0; background-size:cover; }
a,img{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
a:link,a:visited{ text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease }
a:hover,a:active{ text-decoration:none; }
ol,ul,li{ margin:0; padding:0; list-style:none }
input,textarea{ outline:none; border:0; }
img { vertical-align:middle; }  
.moreless_fold{ border-left:2px solid #000000; padding:5px; }
.moreless_top{ border-left:2px solid #000000; padding:5px; }
.moreless_content{ margin-top:10px; border-top:1px dashed #d5d5d5; padding-top:10px; }
.moreless_bottom{ display:none }

/* max-width : 본문 넓이 */
#container { max-width:1000px; margin:80px auto; }

.profile { text-align:center; background:url(./images/pattern.png) repeat-x 24px 45px; }
.profile img { width:80px; height:80px; margin-bottom:15px; border-top: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #ff0000; border-bottom: 3px solid #ff0000; border-radius:10px; padding:5px; background:#FFF; }

/* 메뉴 */
.category { position:relative; width:100%; box-sizing:border-box; text-align:center; background:linear-gradient( to right, #000000 , #ff0000 ); background:rgba(255, 255, 255, 0.3); border-top:3px solid #000000; border-bottom:3px solid #ff0000; }
.category a { display:inline-block; height:38px; box-sizing:border-box; border:0 solid #ff0000; padding:10px; color:#000; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;}
.category a:hover { border-bottom-width:3px; }

/* 반응형 메뉴 */
.category i { border-top: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #ff0000;border-bottom: 3px solid #ff0000; border-radius:25px; padding:7px; font-size:20px; color:#000000; background:#FFF; }
.re_category { display:none; margin:0 3%; }
.re_category a { display:block; height:30px; border-bottom:1px solid #DDD; padding:5px; color:#ff0000; }

#content { position:relative; width:100%; box-sizing:border-box; top:10px; }

/* 카테고리 */
#searchlist { margin-bottom:10px; border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000; border-radius:10px; background:rgba(255, 255, 255, 0.3);}
.searchlist_category { border-bottom:2px dotted #DDD; padding:9px 20px; font-weight:bold; }
.searchlist_date { float:right; padding:2px 5px; font:10px calibri; color:#000; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
.searchlist_title { color:#000; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
#searchlist li { padding:9px 20px; border-bottom:2px dotted #ddd; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
#searchlist li:hover .searchlist_title { color:#000000; }
#searchlist li:hover .searchlist_date { color:#ff0000; }
#searchlist li:last-child { border-bottom:none; }
#searchlist li a { border:none; }
.cnt { font-size:10px; color:#bbb; }

/* 본문 */
.article{ padding:20px; border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000;border-radius:10px 10px 0px 0px; background:rgba(255, 255, 255, 0.3); color:#000; }

.article_info { position:relative; margin-bottom:10px; }
.article_info span { margin-right:7px; font-weight:bold; }

.admin{ position:relative; margin-bottom:10px; color:#ddd }
.admin a{ color:#ddd }

.tagtrail { margin-top:20px; }
.tagtrail a { margin-left:5px;color:#000; opacity:1; }
.tagtrail a:hover { opacity:0.5; }

.actiontrail{ display:block; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000;border-top:none; border-radius:0px 0px 10px 10px; padding:10px 20px; background:rgba(255, 255, 255, 0.3); }
.actiontrail a { color:#000; }
.actiontrail .cnt { color:#ff0000; }


/* 비밀글 */
.entryProtected{ overflow:hidden; border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000; border-radius:10px; padding:20px; background:rgba(255, 255, 255, 0.3); }
.protect_input{ float:left; width:120px; height:35px; box-sizing:border-box; border:2px solid #000000; padding-left:5px; background:none; }
.protect_submit{ width:55px; height:35px; box-sizing:border-box; margin-left:-2px; border:2px solid #ff0000; background:none; font-size:11px; }


/* 공지사항 */
.notice{ margin-bottom:10px; border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000; border-radius:10px; padding:20px; background:rgba(255, 255, 255, 0.3); }
.notice_title { margin-bottom:10px; border-bottom:2px dotted #DDD; padding-bottom:9px; }
.notice_title span { margin-right:5px; font-weight:bold; }


/* 리플 */
.rp_content { display:none; margin:10px 0px; border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000; border-radius:10px; padding:20px; background:rgba(255, 255, 255, 0.3); }
.commentwrite{ padding:10px 0; }
.commentlist ol li { margin:10px 0px; }
.commentlist ol li div { padding-top:20px; }
.commentlist ol li ul li { margin:15px 0px; border-left:1px solid #ddd; padding:5px 0px 0px 10px; }
.commentlist ol li ul li div { padding:0; }
.hiddenComment .rp_name:before { content:"SECRET" }

.rp_admin .rp_name a { color:#000000; }
.rp_name{ margin-right:5px; font-weight:700 }
.rp_date{ font:10px calibri }
.rp_rep_desc { display:block; }
.rp_control a{ margin-left:5px; font:11px dotum; color:#BBB; }

.rp_v_name,.rp_v_pass,.rp_v_home{ display:block; width:200px; margin-bottom:15px; border-bottom:1px solid #DDD; padding:2px; background:none; font:11px nanum barun gothic }
.rp_textarea{ overflow:auto; width:99%; height:80px; border:1px solid #DDD; background:rgba(255,255,255,0.3); font:11px nanum barun gothic; letter-spacing:1px; }
.rp_submit{ width:99%; border-bottom:1px solid #DDD; padding:10px; background:none; font:11px nanum barun gothic; font-weight:700; color:#000; cursor:pointer; }


/* 방명록 */
.guest_form{border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000; border-radius:10px; padding:20px; background:rgba(255, 255, 255, 0.3); }
.guestlist ol { padding-top:10px; }
.guestlist .rp_li1 { position:relative; margin:10px 0; }
.guestlist ol li ul li{ position:relative; margin:15px 0; border-left:1px solid #ddd;  padding:5px 0px 10px 10px; }

.guest_rep_desc{ display:block; padding:3px 0px; font-weight:400; }
.guest_name{ font-weight:700!important; margin-right:5px; }
.guest_date{ font:10px calibri; font-weight:400; color:#8c8c8c; }
.guest_control a{ margin-left:5px; font:11px dotum; color:#8c8c8c; }
.guest_admin .guest_name { color:#000000; }
.hiddenComment .guest_name:before{ content:"비밀글로 등록한 사용자입니다."; }
.hiddenComment .guest_name{ margin:0; }

.guest_input{ display:block; width:416px; height:30px; margin-top:10px; border:1px solid #EEE; padding-left:35px; font:11px nanum barun gothic; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
.guest_textarea{ overflow:auto; width:435px; height:80px; border:1px solid #EEE; padding:30px 5px 5px 10px; background:url(./images/draw.png) 9px 8px no-repeat; background-size:14px; font-size:12px; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease; }
.guest_input:hover,.guest_input:focus, .guest_textarea:hover,.guest_textarea:focus{ border:1px solid #DDD; }
.guest_submit{ width:50px; height:35px; margin-top:10px; font:11px nanum barun gothic; font-weight:700; color:#fFF; background:#000000; cursor:pointer;}


/* 체크박스 */
input[id="secret"] { display:none }
input[id="secret"] + label { display:inline-block; font-size:11px; color:#AAA; cursor:pointer }
input[id="secret"]:checked + label { color:#000000; }
input[id="secret"]:checked + label:before { content:"\f023"; font:11px FontAwesome; }
input[id="secret"] + label:before { content:"\f09c"; font:11px FontAwesome; }


/* 태그로그 */
.taglog { border-top:3px solid #000000; border-left:3px solid #000000; border-right:3px solid #ff0000; border-bottom:3px solid #ff0000; border-radius:10px; padding:20px; background:rgba(255, 255, 255, 0.3); }
.taglog div { margin-bottom:10px; border-bottom:2px dotted #ddd; padding-bottom:9px; font-weight:bold; }
.taglog a { margin-right:3px; }
.taglog a:hover { text-decoration:line-through; }
.taglog .cloud1 { font-weight:bold; font-size:14px; color:#000000;  }
.taglog .cloud2 { font-size:13px; }
.taglog .cloud3 { font-size:13px; }
.taglog .cloud4 { font-size:12px; }
.taglog .cloud5 { font-size:11px; color:#000; }


/* 페이징 */
.paging{ float:right; margin-right:2px; }
.paging a{ display:inline-block; position:relative; margin:10px 0; padding:9px; color:#000000; opacity:1; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
.paging a:hover { opacity:0.4; }

#top_btn { float:right }
#top_btn a { display:inline-block; position:relative; margin:10px 0 10px 3px; padding:9px; color:#ff0000; opacity:1; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
#top_btn a:hover {opacity:0.4;}

.clear-both{ clear:both }

.copyright { position:fixed; bottom:10px; right:10px; }
.copyright a { color:#ddd; }

#lightbox{border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);background-color:#FFF!important;border:0!important}
#closeButton{display:none!important}

::-webkit-scrollbar{ width:8px; }
::-webkit-scrollbar-track{ background:#FFF; -webkit-border-radius:0; border-radius:0; }
::-webkit-scrollbar-thumb{ width:50px; background-color:#000000; }
::-webkit-scrollbar-thumb:hover{ width:50px; background-color:#ff0000; }

::selection{ background:rgb(255, 205, 68); color:#FFF; } 
::-moz-selection{ background:rgb(255, 205, 68); color:#FFF; } 

@media only screen and (min-width : 500px) {
.category i { display:none }
}
@media only screen and (max-width : 500px) { 
	#tistorytoolbarid { display:none; }
	body { overflow-x:hidden; background:#FFF; }
	#container { width:100%; margin:0 auto; }
	#content { width:94%; margin:0 3%;}
	.profile { display:none; }
	.paging a { color:#000000; }
	#top_btn a { color:#ff0000; margin-right:5px; }
	.category { background:#FFF; border:0; }
	.category a:hover { border-bottom-width:1px; }
	.guest_textarea, .rp_textarea { width:93%; }
	.guest_input, .rp_v_name,.rp_v_pass, .rp_v_home { width:50%; }
	.rp_submit { width:100px; border:2px solid #ff0000; }
	.category span { display:none; }
	.copyright { left:0;bottom:0px; }
}