@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
@import url(http://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

/* 본문 */
body,input,textarea {
	font-size:12px; font-family: "Ubuntu Condensed","Spoqa Han Sans"}
iframe, video, embed { max-width: 100%; }
body {padding:0; margin:0; background:#aaa; color:#000;}
a {color:#000; text-decoration:none; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; }
a:hover {color:#888; text-decoration:none; }

/* 전체 구조 */
#container {margin:50px auto;width:550px;}
#sidebar {background:#000038;}
.hc {text-align:right;letter-spacing:10px;margin-right:15px;padding-top:9px;}
.hc a {padding:9px 5px;background:#FF7878;border-radius:0px 0px 9px 9px;}
.hc a:hover {background:#FF5656;}
.title {padding:57px 35px; padding-top:42px; letter-spacing:4px;}
.title a {color:#fff; text-transform:uppercase;}
.title a:hover {opacity:0.5;letter-spacing:12px;}
#sidebar .lg {}
#sidebar .lg:hover {opacity:0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s }
#content {margin-bottom:20px;}
#copyright {padding-top:5px;padding-left:30px;font-size:10px;color:#fff;}

/* 메인 리스트 */
.main_list {list-style:none;margin:5px 0px;margin-bottom:5px;}
.main_list li {list-style:none;margin-bottom:5px;}
.main_list li a {display:block;padding:14px 20px;padding-right:20px;
	background:#fff;color:#000038;	font-size:10px;font-weight:}
.main_list li a:hover {border-right:40px solid #eee;background:#f3f2f4;color:#ff7878;letter-spacing:1px;}
.lbox .list {font-size:11px;}
.lbox .cmt {padding-left:7px;color:#ccb2f2;font-size:10px;font-weight:normal;}

/* 카테고리 */
.category { line-height:32px; clear:both; overflow:hidden; text-transform:uppercase;
	background:#FF7878;}
.category a { text-decoration:none; color:#fff; display:block; width:110px;
	text-align:center; font-size:10px;letter-spacing:1.5px; font-family:Ubuntu Condensed;}
.category ul, .category li { padding:0; margin:0; list-style-type:none; overflow:hidden; }
.category > ul > li > a { display:none; }
.category > ul > li > ul > li:hover {} 
.category > ul > li > ul > li > a {} 
.category > ul > li > ul > li > a:hover {background:#FF5656;}
.category > ul > li > ul > li > a > span.c_cnt { display:none; }
.category > ul > li > ul li:hover ul { display:block; position:absolute; }
.category > ul > li > ul > li > ul { display:none; }
.category > ul > li > ul > li > ul {background:#000038;}
.category > ul > li > ul > li > ul > li a {}
.category > ul > li > ul > li > ul > li a:hover {}
.category > ul > li > ul > li > ul > li:hover {background:#000099;}
.category > ul > li > ul > li { float:left; }
.category ul li ul li li { clear:both; }

/* 포스트 */
.entryPost {margin-bottom:12px;background:#fff;border-radius:3px}
.cate {padding:20px 25px;padding-bottom:0px;color:#000;font-size:10px;
	text-transform:uppercase;text-align:right;letter-spacing:0.7px;}
.cate a {color:#000038;letter-spacing:0.7px;}
.cate img {opacity:0.1;}
.cate a:hover {opacity: 0.6;}

.post {padding:0px 32px;padding-bottom:0px;}
.post .atmt {background:#000038;padding:3px;padding-right:0px;
	font-size:10px;color:#fff;letter-spacing:1px;}
.post h {background:#dedede;padding:5px 8px;font-size:10px;letter-spacing:0.6px;
	margin-left:5px;}
.admin {text-align:right;color:#d5d5d5;font-size:10px;}
.admin a {color:#d5d5d5;font-size:11px;}
.admin a:hover {opacity:0.5;}
.article {padding:0px 5px;padding-top:30px;line-height:25px;}

/* 포스트 태그 */
.tagt {font-size:10px;padding-left:3px;padding-top:25px;}
.tagt img {padding-right:5px;}

/* 코멘트 액션트레일 */
.actionTrail {text-align:right;padding:20px 0px;}
.actionTrail a {opacity:0.2;}
.actionTrail a:hover {opacity:0.2;}

/* 코멘트 출력 */
.list_reply {margin:0px;padding:0px;font-size:11px;}
.list_reply li {overflow:hidden;position:relative;padding:5px;margin-bottom:5px;}
.list_reply li:hover{}
.list_reply .my_reply {}
.list_reply .re_reply {margin-left:30px;}
.reply_content {}
.tit_nickname {display:block;overflow:hidden;font-weight:bold;color:#333;}
.my_reply .tit_nickname {color:#3db39e}
.tit_nickname:hover {text-decoration:none}
.rp_secret .tit_nickname {}
.rp_secret .ico_secret { display:inline-block }
.txt_reply {display:block;padding-top:7px;line-height:25px;}
.re_reply .txt_reply {display:block;}
.btn_replymenu {display:none}
.list_reply li .my_edit {display:none;position:absolute;top:15px;right:22px;
	text-align:right;}
.list_reply li:hover .my_edit{display:block}
.my_edit .link_edit {margin:1px;font-size:11px;}
.my_edit .link_edit img {opacity:0.8;}
.my_edit .link_edit:hover {opacity:0.6;text-decoration:none}
.hiddenComment .tit_nickname {display:none}
.hiddenComment .txt_reply {}
.hiddenComment .txt_date {}

/* 코멘트 인풋 */
.cmi {margin-bottom:10px;}
.cmig {}
.cmig input {width:80px;font-size:11px;padding:5px;margin-bottom:5px;
	border:1px solid #fff;border-bottom:1px solid #eee;border-radius:3px;color:#999;}
.cmi .homepage {width:80px;border-radius:3px;}

.cmm {float:left;}
.cmm img {margin-right:2px;}
.cmm a {cursor:pointer;opacity:0.8;}
.cmi textarea {width:92%;height:24px;
	border:1px solid #fff;border-bottom:1px dashed #d5d5d5; 
	letter-spacing:1px;font-size:12px;padding:1px;border-radius:5px;margin:0px;}
.cmi textarea a {cursor:pointer;}

.cwsb {text-align:right;margin-right:8px;}
.cwsb input {-webkit-appearance: none; border:1px solid #ccc;border-radius:10px;
	padding:4px;}
.cwsb input:focus {outline:none;}
.cwsb a {cursor:pointer;opacity:0.7;}
.cwsb a:hover {opacity:0.5;}

/* 보호글 */
.entryProtected {padding-left:30px;padding-bottom:50px;
	margin-bottom:20px;background:#fff;}

.protected_form {margin-top:25px;font-size:11px;}
.protected_form input { -webkit-appearance: none; padding:0 10px;  border-radius: 4px; 
	border: 1px solid #ddd; height:25px; width:100px; line-height:18px; font-size: 11px; }
.protected_form button {margin-left:2px; border-radius: 4px; font-size: 11px; line-height: 15px; background-color: #d1d1d1; color: #fff; font-weight: bold; padding:5px 10px;
	border:0;cursor:pointer }
.protected_form button:hover {opacity:0.6;}

/* 공지사항 */
.nti {margin-bottom:17px;}
.ntic {padding:30px 40px;background:#fff;margin-bottom:10px;}
.nat1 {font-size:10px;font-weight:bold;padding-bottom:15px;}
.nat1 span {color:#000;font-size:10px;font-weight:normal;letter-spacing:1.5px;text-decoration: line-through;}
.nat2 {line-height:24px;}

/* 방명록 */
.nonEntry {list-style:none;background:#FFF;margin-bottom:10px;}
.gbimg1 {padding:8px;background:#e5e5e5;text-align:center;color:#fff;
	font-size:10px;	letter-spacing:6px;}

#guestWrite {margin-right:20px;}
#guestWrite textarea  {width:100%; height:100px; 
	padding:10px;border:0px solid #3e445c;}
.gbform {padding:2px;font-size:12px;color:#d5d5d5;text-align:right;}
#guestWrite input           {width:80px;
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
	border-bottom: 1px solid #eee; color:#d5d5d5;}
#guestWrite .modify a {color:#000;}
#guestWrite .homepage       {width:80px;}
.sdiv {text-align:right;padding:0px;margin-bottom:20px;}
.sdiv a {cursor: pointer;border-bottom:1px solid #000;padding:2px;}

#guestList         {list-style:none;border-top:1px dashed #d5d5d5;line-height:25px;}
.nnn {background:#f5f5f5;padding:30px 70px;}
.lnnn {padding:30px 70px;}
.nameg {font-weight:bold;}
#guestList ol               {list-style:none;padding:0px;margin:0px; }
#guestList li               {list-style:none;padding:0px;margin:0px; }
#guestList ol li            {margin:0px;padding:0px;list-style:none;}
#guestList ul               { list-style:none; margin:0px;padding:0px;}
#guestList li .gsss         { margin:0;padding:0px;}
#guestList li ul li         {border:0px;margin:0px;padding:20px 70px; }
input[type="checkbox"] {width:auto;}

.guestList ol .my_edit {display:none;position:absolute;top:0px;right:22px;
	text-align:right;}
.list_reply li:hover .my_edit {display:block}

/* 태그 */
.taglog {font-size:11px;}
.tag-m {padding:30px;background:#fff;margin-bottom:10px;border:0px solid #cacaca;}
.tag-t {background:#f1f1f1;letter-spacing:1px;color:#c1a2ef;
	font-size:10px;padding:3px 5px;margin-bottom:7px;}
.tag-p {padding:0px 5px;letter-spacing:0.6px;line-height:24px}
.taglog ul {}
.taglog li { display:inline;}
.taglog a {}
.taglog a:hover { letter-spacing:2px;opacity:0.6; }
.taglog li .cloud1 { font-weight:bold; font-size : 13px; }
.taglog li .cloud2 { font-size : 12px; }
.taglog li .cloud3 { font-size : 11px; }
.taglog li .cloud4 { font-size : 10px; }
.taglog li .cloud5 { font-size : 10px; }

/* 태그 */
.taglog1 {text-decoration:line-through;}
.taglog2 {letter-spacing:1px;}
.taglog3 {letter-spacing:1px;color:#d3d3d3;}

/* footer */
.footer {background:#000038;padding:4px 9px;font-size:10px;color:#ff7878;
	margin-bottom:10px;text-align:right;}
.footer a {color:#ff7878;opacity:0.7;letter-spacing:0.7px;}
.footer a:hover {opacity:1;}

/* 페이지 */
.page {text-align:right;font-size:10px;padding-top:7px;font-size:10px;}
.page a {padding:5px 4px;margin-left:4px;color:#fff;background:#5e5e5e;}
.page a:hover {opacity:0.4;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width:5px; background-color:#eee;} 
::-webkit-scrollbar-track-piece { background-color:transparent;}
::-webkit-scrollbar-thumb:vertical {width:3px;border-radius: 100px;background:#d5d5d5;}