@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(http://fonts.googleapis.com/css?family=Courgette);

.noti {display:none}

html {height:100%}
body {margin:0; padding:0; height:100%; font:9pt 'Courgette','맑은 고딕'; word-break:break-all; color:#fff; }

a {color:#000; text-decoration:none}
a:hover {text-decoration:underline}

::-webkit-scrollbar {width:5px;}
::-webkit-scrollbar-track-piece {background-color:#000;}
::-webkit-scrollbar-thumb:vertical { background-color:#fff;}
.clear {clear:both;height:0px;padding:0;margin:0;}
img {border:0;}
input:focus,textarea:focus {outline:none;}
p {margin:0;padding:0}

.entry_wrap { filter:alpha(opacity=50); opacity:.5; transition-property:all; transition-duration:.3s; transition-timing-function:ease-out; }
.entry_wrap:hover { opacity:1;filter:alpha(opacity=100); }

/* 글 목록 */
.searchList { width:500px; margin:50px auto;padding-bottom:50px; color:#000; }
.searchList h3 {font-weight:normal;margin:7px 0;}
.searchList ol {list-style:none; padding:0; margin:0; border-top:1px rgba(0,0,0,.5) dotted;}
.searchList li {padding:4px 6px;border-bottom:1px rgba(0,0,0,.5) dotted;margin:1px 0;}
.searchList li:hover {background:rgba(0,0,0,.1);}
.searchList li:hover a {text-decoration:none;}
.searchList .date {float:right;width:50px; font-size:7pt; padding-top:3px;}

/* 일반 글 */
.entry { width:600px; margin:50px auto; display:none}

.article { background:rgba(0,0,0,.3); width:550px; padding:25px; line-height:180%; }
.entry_wrap:hover .article {background:#000;}
.article img {max-width:550px;}

.article .titleWrap {font-size:13pt;color:#000; margin:-52px 5px 27px -20px;}
.article .titleWrap a {font:bold 12pt '맑은 고딕'}

.article_info {color:#000;display:none;margin:15px 0 0 615px;position:absolute}
.entry_wrap:hover .article_info {display:block}

.entry_wrap .admin_btn {visibility:hidden}
.entry_wrap:hover .admin_btn {visibility:visible}

.actionTrail {text-align:right;visibility:hidden; padding-top:5px;}
.actionTrail a {font-size:10pt}
.entry_wrap:hover .actionTrail {visibility:visible}

/* 댓글 */

/* 방명록 */
.guestbook {width:500px; margin:50px auto; color:#000}
.guestbook p {margin:0;padding:0;}

.guestWrite {width:400px;margin:0 auto 50px auto;}
.guestWrite label {font-size:10pt;margin:0 5px 0 2px;}
.guestWrite input {border:0;background:transparent;font:9pt 'Courgette','맑은 고딕';
                   border-bottom:1px rgba(0,0,0,.3) solid;width:140px}

.guestWrite .password_label {margin-left:20px}
.guestWrite .homepage {width:275px;border:0;}
.guestWrite .checkbox {width:9px;height:9px;margin:0;padding:0}

.guestWrite textarea {resize:none;border:1px rgba(0,0,0,.3) solid; background:transparent; width:388px;min-height:80px;padding:5px;margin:0;font:9pt 'Courgette','맑은 고딕';}
.guestWrite .submit {width:100px;height:20px; border:1px rgba(0,0,0,.3) solid;margin-left:300px;border-top:0;}

/* 방명록 - 리스트 */
.guestList ol {list-style:none; margin:0; padding:0;} 
.guestList ul {list-style:none; margin:0 0 10px 0; padding:0;}
.guestList li {margin:0; padding:0;}
.guestList ol li {margin-bottom:20px}

.guestList .guest_comment { background:rgba(0,0,0,.3);padding:10px;line-height:180%;color:#fff; margin:5px 0 1px 0;clear:both}
.guestList .guest_comment a {color:#fff}
.guestList .entry_wrap:hover .guest_comment {background:#000}

.guestList ul {display:none}
.guestList .entry_wrap:hover ul {display:block}

.guestList .control {float:right;display:none}
.guestList .entry_wrap:hover .control {display:block}

.guestList .date {font-size:7pt; float:right; padding-top:3px; margin-left:8px}

.guestList .name {font-size:11pt;}
.guestList ul .name {font-size:9pt; margin-right:7px;}

.guestList ul li { padding:5px 0; text-align:right; }
.guestList ul p {margin:5px 0 0 0;padding:5px 0;border-top:1px #000 dotted}


/* 페이지 */
.paging {width:600px; text-align:center; color:#000; margin:50px auto; font-size:12pt}

/* 사이드바 */
#sidebar { position:fixed;top:0;left:2.5%; background:#000;color:#fff;font-size:10pt;padding:20px }
#sidebar a {color:#fff}
#sidebar span {font-size:16pt;}
#sidebar ul {list-style:none; padding:0; margin:0 }

#search {position:fixed;bottom:20px;left:2.5%;}
#search input {border:0;border-bottom:1px #000 solid;background:transparent;font:9pt 'Courgette', '맑은 고딕';}
#search .text {width:155px}
#search:hover .text {width:115px}
#search .submit {visibility:hidden;background:#000;color:#fff;padding:3px;border-radius:10px}
#search:hover .submit {visibility:visible}