@charset "utf-8";

/* 본문 전체 */
body 	 	{margin: 70px 30px; background: #fff; }
body, td, div 	{font: 14px/24px Arial; color: #333; }
input, textarea {font: 12px Arial; color: #333; }
a 	 	{text-decoration: none; color : #333; outline: none; }
img 	{border: 0 none; vertical-align: bottom; }
.sub 	{color: #999; }
.both 	{clear: both; }
.pc 	{color: #333; }

/* Structured */
#container 	{width: 700px; margin : 0 auto; }
#header 	{font: 28px/28px Georgia; margin-bottom: 10px; text-align: center; }
div#menu 	{margin-bottom: 50px; font: 13px/23px Georgia; letter-spacing: 1px; text-align: center; }
div#menu a 	{padding: 3px; color: #808080; }
div#menu a:hover 	{color: #333; background: #eee; }
#paging 	{font: 11px/18px Arial; }
#paging a 	{padding: 3px; color: #333; border: 1px solid #fff; }
#paging a:hover {padding: 3px; background: #f5f5f5; }
#admin   	{font: 11px/18px Sylfaen; letter-spacing: 2px; }
#admin a   	{color: #fff; }
#admin a:hover 	{color: #ccc; }
.selected 	{color: #ccc; }
.subject	{margin-bottom: 10px; }

/* 검색결과 */
.find 	 	{margin-bottom: 50px; }
.find_head 	{margin-bottom: 10px; }
div.find_list 	{margin-top: 5px; font: 12px/18px Arial; }
div.find_list a {border-bottom: 1px solid #333; }
div.find_list a:visited {border-bottom: 0px; }
.find_l {letter-spacing: 1px; }
.find_r {font: 11px/18px Arial; color: #ddd; letter-spacing: 1px; margin-left: 10px; }
.cnt 	{font: 11px/18px Arial; color: #999; letter-spacing: 1px; margin-left: 10px; }

/* 태그 */
div.labels	{text-align: justify; margin: 10px 0 40px 0; }
div.labels a	{padding: 3px 5px; }
div.labels a:hover	{color: #fff; background: #333; }
.cloud1	{font: 14px/18px Arial; color: #333; letter-spacing: 1px; }
.cloud2	{font: 13px/18px Arial; color: #666; letter-spacing: 1px; }
.cloud3	{font: 12px/18px Arial; color: #666; letter-spacing: 1px; }
.cloud4	{font: 12px/18px Arial; color: #999; letter-spacing: 1px; }
.cloud5	{font: 11px/18px Arial; color: #999; letter-spacing: 1px; background: #f5f5f5; }

/* 방명록 */
.gb	{text-align: justify; border-top: solid 1px #eee; margin-top: 30px; padding-top: 10px; }
.gb_form	{font: 12px/12px Sylfaen; letter-spacing: 1px; }
.gb_reply	{text-align: justify; margin: 10px 0 0 30px; }
.gb_small_input	{width: 100px; height: 18px;  border: solid 1px #ddd; border-top: solid 1px #666; border-left: solid 1px #666; margin-right: 10px; }
.gb_input	{width: 250px; height: 18px;  border: solid 1px #ddd; border-top: solid 1px #666; border-left: solid 1px #666; }
.gb_textarea	{width: 400px; height: 100px;  border: solid 1px #ddd; border-top: solid 1px #666; border-left: solid 1px #666; overflow: auto; overflow-x: hidden; }
.gb_blank	{margin: 10px 0; }

/* 보호글 */
div.protected 	{width: 360px; padding: 20px; background: #eee; margin-bottom: 15px; }
div.protected a {color: #808080; }
div.protected a:hover {color: #ccc; background: #ccc; }
.protected_text {margin-bottom: 15px; font: 12px/18px Arial; }

/* common */
.all {text-align: justify; margin: 15px 0 50px 0; }
span.title 	{font: bold 16px/26px Arial; letter-spacing: 1px; }
span.title a 	{text-decoration: none; }
div.article 	{text-align: justify; font: 14px/24px Arial; color: #333; margin-bottom: 15px; }
div.article a 	{color: #808080; }
div.article a:hover 	{color: #ccc; background: #ccc; }
div.article blockquote {width: 557px; padding-left: 10px; margin-left: 30px; border-left: 3px solid #c33; color: #c33; font: 11px/18px Dotum; }
span.modify 	{color: #eee; font: 11px Dotum; padding-left: 20px; letter-spacing: 1px; }
span.modify a 	{color: #ddd; }
span.modify a:hover {color: #ccc; }
div.tags	{font: 12px/22px Arial; letter-spacing: 2px; margin-bottom: 5px; }
div.tags a	{color: #808080; }
div.tags a:hover	{color: #333; }
div.menu	{font: 12px/22px Georgia; letter-spacing: 2px; }
div.menu a	{color: #808080; }
div.menu a:hover	{color: #333; }
.cap1 {font: bold 12px/22px Dotum; color: #666; }

.imageblock 	{margin: 0 0 20px 0; padding: 0; }
.imageblock.left, .imageblock.right 	{margin: 0 0 .5em 0 !important; }
.imageblock.left 	{padding-right: 10px; }
.imageblock.right 	{padding-left: 10px; }
.imageblock * 	{border: 0 none !important; }
.imageblock img 	{vertical-align: middle; }
.imageblock .extensionIcon img {border: none !important; margin-right: 5px; }
.imageblock .cap1 	{text-align: center; margin: 5px 0 0 0; }

/* 본문 - more / less */
.moreless_fold 	{background: url(images/a_more.gif) center left no-repeat; padding-left: 15px; color: #808080; margin: 10px 0; }
.moreless_top 	{background: url(images/a_less.gif) center left no-repeat; padding-left: 15px; color: #808080; margin: 10px 0; }
.moreless_content 	{color: #999; }
.moreless_bottom 	{text-align: right; background: url(images/a_less.gif) center right no-repeat; padding-right: 17px; color: #808080; margin: 10px 0; }

/* 트랙백, 댓글 */
.rt 	 	{width: 600px; margin-top: 15px; }
.rp1 	 	{text-align: justify; margin-bottom: 15px; }
.rp2 	 	{text-align: justify; margin: 10px 0 0 30px; }

.re 	 	{margin-bottom: 5px; }
.rename 	{font-weight: bold; letter-spacing: 1px; vertical-align: middle; }
td.remenu 	{text-align: right; color: #ccc; font: 10px/18px Sylfaen; letter-spacing: 2px; }
td.remenu a {color: #999; }
td.remenu a:hover 	{color: #ccc; background: #ccc; }

/* 글쓰기 폼 */
.table		{padding-top: 10px; }
.form 	 	{font: 12px/12px Sylfaen; letter-spacing: 1px; padding-right: 5px; }
.small_input{width: 100px; height: 18px;  border: solid 1px #ddd; border-top: solid 1px #666; border-left: solid 1px #666; margin-right: 10px; }
.textarea 	{width: 550px; height: 90px;  border: solid 1px #ddd; border-top: solid 1px #666; border-left: solid 1px #666; overflow: auto; overflow-x: hidden; margin: 15px 0; }
.submit 	{height: 24px; width: 100px; border: solid 1px #666; border-top: solid 1px #ddd; border-left: solid 1px #ddd; background: #fff; font: 12px Sylfaen; letter-spacing: 2px;}

/* 입력 텍스트 */
.text 	 	{border: 1px solid #888; }