@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;outline:none}
fieldset,img{border:0;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
input::-ms-clear {display:none}
button {border:0;background-color:transparent;cursor:pointer}
body {background:#f5f5f5}
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.6; font-family:'Roboto Condensed', 'Nanum Gothic', sans-serif; color:#333;}
a {font-weight:bold; text-decoration:none; color:#333;}
a:hover {color:#A32E2D;}
#tistorytoolbarid{display:none}
.clear{clear:both; position:relative; display:block;}
embed, video, iframe {max-width:100%;} 

/* 전체 */
#Wrap{position:relative; width:450px; margin:150px auto; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background:#f9f9f9; box-shadow: 0px 0px 20px #ccc;}
#Wrap .img_hd{font-size:0;}
#Wrap .img_hd img{width:100%;}

/* 헤더 */
#Header{position:absolute; margin-top:-25px; width:100%; padding:0 20px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index:90}
#Header .box_hd{background:#fff; padding:25px; border-radius:25px; box-shadow: 0px 0px 10px #ccc;}
#Header .title_hd{position:absolute; top:0; line-height:50px;}
#Header .title_hd a{font-size:16px;}
#Header .right_hd{position:absolute; top:0; line-height:50px; right:40px; font-size:14px;cursor:pointer;}
#Header .mnbtn_hd:before{display:inline-block; content:"\f078"; font-family: "FontAwesome";}
#Header .mnbtn_hd:hover:before{color:#A32E2D;}
#Wrap.open #Header .mnbtn_hd:before{content:"\f077";}

/* 메뉴 */
#Menu{display:none; margin-bottom:-10px; font-size:10px; padding-top:25px;}
#Menu .cate_mn .link_tit{}
#Menu .cate_mn > ul > li {line-height:28px;}
#Menu .cate_mn > ul > li > ul > li {border-top:1px dashed #eee;}
#Menu .cate_mn > ul > li > ul > li > ul {display:inline-block;}
#Menu .cate_mn > ul > li > ul > li > ul > li {display:inline-block; padding-left:10px;}
#Menu .cate_mn > ul > li > ul > li > ul > li:before{display:inline-block; content:"\f0da"; font-family: "FontAwesome"; font-size:10px; padding-right:2px;}
#Menu .cate_mn > ul > li > ul > li > ul > li a {color:#bbb;}
#Menu .cate_mn > ul > li > ul > li > ul > li a:hover {color:#A32E2D;}
#Menu .fav_mn{line-height:28px; border-top:1px dashed #eee; font-weight:bold;}
#Menu .fav_mn span{margin-left:10px;}
#Menu .fav_mn span:before{display:inline-block; content:"\f0da"; font-family: "FontAwesome"; font-size:10px; padding-right:5px;}
#Menu .fav_mn a{color:#bbb;}
#Menu .fav_mn a:hover {color:#A32E2D}

/* 리스트 */
.bbody{padding:40px 20px 20px;}
.top_ct{border-bottom:1px dashed #e5e5e5; padding:10px 0;}
.top_ct .name_ct {font-weight:bold; color:#A32E2D}
.top_ct .num_ct{font-size:10px; font-style:italic;}

/* 공지 */
.noti_lt{padding:10px 0; display:block; border-bottom:1px dashed #e5e5e5;}
.noti_lt:last-child{border-bottom:0; padding-bottom:0;}
.noti_lt .info_nl{font-size:10px; color:#aaa;}
.noti_lt .each_nl:hover .txt_nl .title_nl:before{display:inline-block; content:"\f0da"; font-family: "FontAwesome"; font-size:10px; padding-right:5px;}
.bar_lt{font-size:10px; font-weight:normal; color:#ccc; padding:0 5px;}

/* 갤러리 */
.list_lt {padding:10px 0; display:block; border-bottom:1px dashed #e5e5e5;}
.list_lt:last-child{border-bottom:0; padding-bottom:0;}
.list_lt .each_lt{display:table; font-size:0; width:100%; table-layout:fixed;}
.list_lt .each_lt .thumb_lt {display:table-cell; width:70px; height:70px;}
.list_lt .each_lt .thumb_lt img{width:100%; border-radius:50%; box-shadow: 0px 0px 10px #ddd;}
.list_lt .each_lt .txt_lt{display:table-cell; vertical-align:middle; font-size:12px; padding-left:15px;}
.list_lt .each_lt .txt_lt .title_lt{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list_lt .each_lt:hover .txt_lt .title_lt:before{display:inline-block; content:"\f0da"; font-family: "FontAwesome"; font-size:10px; padding-right:5px;}
.list_lt .each_lt .txt_lt .info_lt{font-size:10px; color:#aaa;}

/* 보호글 */
.protected_rd{text-align:center;}
.protected_rd .box_protect{display:inline-block; padding:5px 10px; border-radius:5px; background:#eee; margin:80px 0;}
.protected_rd .box_protect input{border:0; background:none; width:60px}
.protected_rd .box_protect button:hover{color:#A32E2D}

/* 본문 */
.top_rd .title_rd{font-weight:bold;}
.top_rd .info_rd{font-size:10px; color:#bbb;}
.top_rd .admin_rd a{font-weight:normal; color:#bbb;}
.bar_rd{display:inline-block; padding:0 5px; color:#ddd;}
.body_rd{padding-top:20px;}
.body_rd .moreless_fold,
.body_rd .moreless_top,
.body_rd .moreless_bottom{font-weight:bold;}
.body_rd .moreless_fold span:before {content: "\f067"; font-family: "FontAwesome"; font-weight:normal; padding-right:3px; font-size:10px;}
.body_rd .moreless_top span:before,
.body_rd .moreless_bottom span:before{content: "\f00d"; font-family: "FontAwesome"; font-weight:normal; padding-right:3px; font-size:10px;}
.body_rd .moreless_fold span:hover,
.body_rd .moreless_top span:hover,
.body_rd .moreless_bottom span:hover{color:#A32E2D;}
.body_rd .tx-quote-tistory{padding:0 30px;}
.body_rd .tx-quote-tistory:before{display:block; content: "\f10d"; font-family: "FontAwesome";}
.body_rd .tx-quote-tistory:after{display:block; content: "\f10e"; font-family: "FontAwesome"; text-align:right;}
.footer_rd{position:relative; border-top:#e5e5e5 1px dashed; padding-top:20px; font-size:10px;}
.footer_rd .tag_rd{font-weight:bold; margin-right:75px;}
.footer_rd .rpbtn_rd{float:right;}
.footer_rd .rpbtn_rd i{padding-left:3px;}

/* 댓글목록 */
.reply{padding-top:20px; border-top:1px dashed #e5e5e5; margin-top:20px;}
.reply .li_rp{padding-bottom:20px;}
.reply .snd_rp{padding:10px 0 0 50px;}
.reply .info_rp {font-size:10px;}
.reply .info_rp .nick{font-weight:bold;padding-right:5px;}
.reply .fst_rp .info_rp .nick:before{content:"\f105"; font-family: "FontAwesome"; padding-right:5px;}
.reply .snd_rp .info_rp .nick:before{content:"\f101"; font-family: "FontAwesome"; padding-right:5px;}
.reply .rp_admin  .info_rp .nick:before{color:#A32E2D}
.reply .info_rp .edit{display:none;}
.reply .fst_rp:hover .edit,
.reply .snd_rp:hover .edit{display:inline-block;}

/* 댓글쓰기 */
.top_rp{padding-bottom:5px; font-size:10px;}
.top_rp span{display:inline-block; background:#eee; border-radius:3px; margin-right:3px; padding:4px;}
.top_rp span input{width:60px; border:0; background:none; font-size:10px;}
.top_rp span label{color:#aaa;}
.text_rp textarea{width:100%; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:0; background:#eee; padding:5px;}
.btm_rp{padding-top:5px; text-align:right;}
.btm_rp .sct_rp{padding-right:5px;}
.btm_rp .sct_rp label:before{content:"\f09c"; font-family: "FontAwesome"; font-size:10px; color:#ccc;}
.btm_rp .sct_rp input:checked + label:before{content:"\f023"; font-family: "FontAwesome"; color:#555}
.btm_rp .sub_rp button{background:#A32E2D; color:#fff; padding:3px 10px; border-radius:3px; font-size:10px; font-weight:bold;}
.btm_rp .sub_rp button:hover{background:#555;}

/* 방명록 */
.list_gb .li_gb{margin-top:20px; padding-top:20px; border-top:1px dashed #e5e5e5;}
.list_gb .snd_gb{padding:15px 0 0 50px;}
.list_gb .info_gb{font-size:10px; padding-bottom:5px;}
.list_gb .info_gb .nick{font-weight:bold; padding-right:5px;}
.list_gb .info_gb .date{display:none; color:#bbb;}
.list_gb .info_gb .date a{color:#bbb; font-weight:normal;}
.list_gb .info_gb .date a:hover{color:#A32E2D;}
.list_gb .fst_gb:hover .date,
.list_gb .snd_gb:hover .date{display:inline-block;}
.list_gb .fst_gb .info_gb .nick:before{content:"\f105"; font-family: "FontAwesome"; padding-right:5px;}
.list_gb .snd_gb .info_gb .nick:before{content:"\f101"; font-family: "FontAwesome"; padding-right:5px;}
.list_gb .guest_admin  .info_gb .nick:before{color:#A32E2D}

/* 태그 */
.tag ul li{display:inline-block; padding-right:3px;}
.tag ul li a{font-weight:normal;}
.tag ul li a:hover{font-weight:bold;}

/* 푸터 */
#Footer{position:relative; background:#fff; border-top:1px solid #eee;}
#Footer .td_ft{position:relative; width:20%; float:left; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align:center; font-size:16px; line-height:60px;}
#Footer .td_ft i{color:#bbb;}
#Footer .td_ft a:hover i{color:#A32E2D;}
#Footer .td_ft .no-more-prev i,
#Footer .td_ft .no-more-next i,
#Footer .td_ft .no-more-prev:hover i,
#Footer .td_ft .no-more-next:hover i {color:#e5e5e5}

/* 검색 */
#Search .bg_srh{position:absolute; width:100%; left:0; z-index:10;}
#Search input{position:relative; width:100%; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:10px; z-index:20; background:none; border:0; text-align:center;}
#Search input:focus{background:#fff;}

/* 삭제&수정 금지 */
.mark_fg{position:fixed; bottom:10px; left:10px;}

/* 모바일 */
@media only screen and (max-width:500px) {
	#Wrap{width:100%; margin:0px auto; box-shadow: none;}
}