﻿body{ overflow-y:scroll; margin:0; font-size:11px; font-family:'Nanum Barun Gothic'; line-height:2.0; word-wrap:break-word; color:#555; background:#FFF; 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 #FF7E7E; padding:5px; }
.moreless_top{ border-left:2px solid #FF7E7E; padding:5px; }
.moreless_content{ margin-top:10px; border-top:1px dashed #d5d5d5; padding-top:10px; }
.moreless_bottom{ display:none }

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

.profile { text-align:center; background:url(./images/pattern.png) repeat-x 50px 50px; }
.profile img { width:50px; height:50px; margin-bottom:15px; border-top: 3px  padding:5px; background:#FFF; }

/* 메뉴 */
.category { position:relative; width:100%; box-sizing:border-box; text-align:center; background:linear-gradient( to right, #FF7E7E , #FF7E7E ); background:rgba(255, 255, 255, 0.8); border-top:1px solid #FF7E7E; border-bottom:1px solid #FF7E7E; }
.category a { display:inline-block; height:38px; box-sizing:border-box; border:0 solid #FF7E7E; padding:10px; color:#555; -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; }

/* 반응형 메뉴 */


.re_category { display:none; margin:0 3%; }
.re_category a { display:block; height:30px; border-bottom:1px solid #DDD; padding:5px; color:#FF7E7E; }

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


/* 카테고리 */
#searchlist { margin-bottom:10px; border-top:3px solid #FF7E7E; border-left:3px solid #FF7E7E; border-right:3px solid #FF7E7E; border-bottom:3px solid #FF7E7E;  background:rgba(255, 255, 255, 0.8);}
.searchlist_category { border-bottom:2px dotted #DDD; padding:9px 20px; font-weight:bold; }
.searchlist_date { float:right; padding:2px 5px; font:10px calibri; color:#555; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
.searchlist_title { color:#777; -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:#FF7E7E; }
#searchlist li:hover .searchlist_date { color:#FF7E7E; }
#searchlist li:last-child { border-bottom:none; }
#searchlist li a { border:none; }
.cnt { font-size:10px; color:#BBB; }

/* 본문 */
.article{ padding:20px; border-top:2px solid #FF7E7E; border-left:2px solid #FF7E7E; border-right:2px solid #FF7E7E; border-bottom:3px solid #FF7E7E; background:rgba(255, 255, 255, 0.8); color:#777; }

.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:#777; opacity:1; }
.tagtrail a:hover { opacity:0.5; }

.actiontrail{ display:block; border-left:3px solid #FF7E7E; border-right:3px solid #FF7E7E; border-bottom:3px solid #FF7E7E;border-top:none;  padding:10px 20px; background:rgba(255, 255, 255, 0.8); }
.actiontrail a { color:#777; }
.actiontrail .cnt { color:#FF7E7E; }


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


/* 공지사항 */
.notice{ margin-bottom:10px; border-top:3px solid #FF7E7E; border-left:3px solid #FF7E7E; border-right:3px solid #FF7E7E; border-bottom:3px solid #FF7E7E; padding:20px; background:rgba(255, 255, 255, 0.8); }
.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:2px solid #FF7E7E; border-left:2px solid #FF7E7E; border-right:2px solid #FF7E7E; border-bottom:2px solid #FF7E7E;  padding:20px; background:rgba(255, 255, 255, 0.8); }
.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 #ccc 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:#ccc; }

.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.4); 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:#555; cursor:pointer; }


/* 방명록 */
.guest_form{border-top:3px solid #FF7E7E; border-left:3px solid #FF7E7E; border-right:3px solid #FF7E7E; border-bottom:3px solid #FF7E7E; padding:20px; background:rgba(255, 255, 255, 0.8); }
.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:#CCCCCC; }
.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:#FF7E7E; cursor:pointer;}


/* 체크박스 */
input[id="secret"] { display:none }
input[id="secret"] + label { display:inline-block; font-size:11px; color:#FFC6C6; cursor:pointer }
input[id="secret"]:checked + label { color:#FF7E7E; }
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 #FF7E7E; border-left:3px solid #FF7E7E; border-right:3px solid #FF7E7E; border-bottom:3px solid #FF7E7E;  padding:20px; background:rgba(255, 255, 255, 0.8); }
.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:#FF7E7E }
.taglog .cloud2 { font-size:13px; }
.taglog .cloud3 { font-size:13px; }
.taglog .cloud4 { font-size:12px; }
.taglog .cloud5 { font-size:11px; color:#777; }


/* 페이징 */
.paging{ float:right; margin-right:2px; }
.paging a{ display:inline-block; position:relative; margin:10px 0; padding:9px; color:#FF7E7E; 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:#FF7E7E; 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{box-shadow:1px 1px 5px rgba(0,0,0,0.6);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:#FF7E7E; }
::-webkit-scrollbar-thumb:hover{ width:50px; background-color:#FF7E7E; }

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

