@charset "utf-8";
/* default set */
@font-face { font-family: s55; src: url(./images/s55.eot);}
@font-face { font-family: s57; src: url(./images/s57.eot) }
@font-face { font-family: ydwd; src: url(./images/ydwd.eot)}
.jpn { font: 12px MS UI GOTHIC, MS P GOTHIC, Arial; }
.key1 { cursor: pointer; border-bottom: 1px dotted #999; }
.cap1	{ color: #999; text-align:center; padding: 4px 0; margin:0;}
.selected		{ font-weight: bold; color: #D82828;}
.no-more-prev	{ background: url(./images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
.no-more-next	{ background: url(./images/ico_next_no.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
.btn_more,.btn_less {margin: 0; padding: 0; font: 11px/17px 'nanumgothic','나눔고딕',dotum,돋움; }
.btn_more:before { content: ''; display: inline-block; clear: both; background:url(./images/icon_more.gif) no-repeat 0 4px; height: 17px; padding-left:8px; }
.btn_less:before { content: ''; display: inline-block; clear: both; background:url(./images/icon_less.gif) no-repeat 0 4px; height: 17px; padding-left:8px; }

#page	{ text-align: center; font: 10px trebuchet MS, tahoma; margin: auto; padding: 10px 0 0 0; }

/* -- */

body {
	font: 11px/17px 'nanumgothic','나눔고딕',dotum,돋움;
	color: #666;
	margin: 50px 0 30px 0;
	text-align: center;
	background: url(./images/bg.gif) #CEC7B6;
	overflow: auto;
}
a {text-decoration:none;}
a:link, a:visited { color: #666; }
a:hover,o a:active { color: #000; }
ul,li { list-style: none; padding: 0; margin: 0 }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,input,textarea { padding: 0; margin: 0 }
img { border: 0; }
#head { width: 548px; height: 21px; margin: 0 auto; background: url(./images/_border_12.gif) no-repeat; }
#wrapper { position: relative; width: 548px; min-height: 660px; text-align: left; margin: 0 auto; background: url(./images/conbg.gif); }
#foot { width: 548px; height: 21px; margin: 0 auto;	background: url(./images/_border_6.gif) no-repeat; }
#copyright { width: 548px; text-align: left; margin: 0 auto; background: url(./images/conbg.gif); }
#copyright img { margin: 30px 0 0 30px }
#title { margin: -300px 0 20px 31px }
#sticker { position: relative; width: 90px; padding: 20px 0 0 0; margin: 0 0 0 -76px; text-align: right; }
#sticker li { height: 40px }
h1 span, h3 span, .post-comment .reply span, .post-comment .write span { display: none; }
h2 {*font-family:돋움,dotum !important}
.blahbl { height: 30px; margin: 6px 0 0 29px; padding: 1px 0 0 25px; background: url(./images/p_cha_tessi.gif) no-repeat; }
.blahbl h2 { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #C85A5A; letter-spacing: -1px; padding: 1px 0 0 0; }
.knowle { height: 30px; margin: 6px 0 0 29px; padding: 1px 0 0 25px; background: url(./images/p_cha_carol.gif) no-repeat; }
.knowle h2 { font-size: 14px; font-weight: bold; letter-spacing: -1px;color: #7153A5; letter-spacing: -1px; padding: 1px 0 0 0; }
.indivi { height: 30px; margin: 6px 0 0 29px; padding: 1px 0 0 25px; background: url(./images/p_cha_bosi.gif) no-repeat; }
.indivi h2 { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #597C9F; letter-spacing: -1px; padding: 1px 0 0 0; }
.electr { height: 30px; margin: 6px 0 0 29px; padding: 1px 0 0 25px; background: url(./images/p_cha_ed.gif) no-repeat; }
.electr h2 { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #5E707B; letter-spacing: -1px; padding: 1px 0 0 0; }
.notice { height: 30px; margin: 6px 0 0 29px; padding: 1px 0 0 25px; background: url(./images/p_cha_edis.gif) no-repeat 0 2px; }
.notice h2 { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #65879B; letter-spacing: -1px; padding: 1px 0 0 0; }
.protect { height: 30px; margin: 6px 0 0 29px; padding: 1px 0 0 25px; background: url(./images/p_cha_yell.gif) no-repeat 0 2px; }
.protect h2 { font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #fcc227; letter-spacing: -1px; padding: 1px 0 0 0; }
.blahbl h2 a:link, .blahbl h2 a:visited, .blahbl h2 a:active { color: #C85A5A; }
.knowle h2 a:link, .knowle h2 a:visited, .knowle h2 a:active { color: #7153A5; }
.indivi h2 a:link, .indivi h2 a:visited, .indivi h2 a:active { color: #597C9F; }
.electr h2 a:link, .electr h2 a:visited, .electr h2 a:active { color: #5E707B; }
.notice h2 a:link, .notice h2 a:visited, .notice h2 a:active { color: #333; }
.protect h2 a:link, .protect h2 a:visited, .protect h2 a:active { color: #FFBA4D; }
.blahbl h2 a:hover	{ color: #E55151; }
.knowle h2 a:hover	{ color: #8763C5; }
.indivi h2 a:hover	{ color: #6C97C1; }
.electr h2 a:hover	{ color: #809FB2; }
.notice h2 a:hover	{ color: #91AFC1; }
.protect h2 a:hover	{ color: #FF9C00; }
.post-info { font: 10px tahoma; color: #999; margin: 1px 0 0 1px; }
.post-info a { color: #444; }
.post-info a:hover { text-decoration: underline; }
.c-light { color: #999; }
.c-strong { font-weight: bold;}
.c-gr { color: #444; }
.c-black { color: #000; }
.post-admin { letter-spacing: -1px; color: #999; margin: 15px 0 -10px 54px; }
.post-admin a { color: #999; }
.post-admin a:hover { text-decoration: underline; }
.post-contents { width: 440px; *letter-spacing: -1px; margin: 25px 0 0 54px; }
.post-contents a { text-decoration: underline }
.post-contents a:hover { color: #333; }

/* 포스트 태그 */
.post-tag { line-height: 13px; height: 12px; margin: 20px 0 0 53px; }
.post-tag dt { float: left; }
.post-tag dd { float: left; margin: 0 0 0 5px; text-transform: uppercase; }

/* 개구리 */
.post-tracom { clear: left; height: 15px; padding: 20px 54px 0 0 }
.post-tracom-bg01 { float: right; background: url(./images/kaeru_01.gif) no-repeat; width: 25px; height: 15px;}
.post-tracom-txt { float: right; font: 9px tahoma; color: #508A1C; height: 15px; background: url(./images/kaeru_bg.gif) repeat-x; padding: 2px 0 0 0; }
.post-tracom-bg02 { float: right; background: url(./images/kaeru_02.gif) no-repeat; width: 6px; height: 15px; }
.post-tracom-txt a:link,.post-tracom-txt a:hover,.post-tracom-txt a:visited,.post-tracom-txt a:active { color: #508A1C; font-weight: bold; }

.post-trackback h3, .post-comment h3 { background: url(./images/tc_12.gif) no-repeat; width: 440px; height: 6px; }
.border6 { background: url(./images/tc_6.gif) no-repeat; width: 440px; height: 6px; }

.post-trackback { clear: left; font-size: 11px; letter-spacing: -1px; background: url(./images/tc_bg.gif) repeat-y; width: 440px; margin: 5px 0 0 54px }
.post-trackback .address { height: 13px; margin: 10px 0 10px 20px; }
.post-trackback .address dt { float: left; }
.post-trackback .address dd { float: left; font: 11px/12px 'Trebuchet MS'; margin: 0 0 0 15px; }
.post-trackback .line { clear: left; background: url(./images/tc_line.gif) no-repeat; width: 440px; height: 13px; margin: -1px 0 0 0; }
.post-trackback .detail { margin: 4px 0 0 15px }
.post-trackback .detail dt, .post-trackback .detail dt { float: left; margin: 0 3px 0 0; }
.post-trackback .detail dd, .post-trackback .detail dd { font-size: 11px; line-height: 13px; letter-spacing: -1px; }
.post-trackback p { margin: 3px 0 3px 14px;}
.post-comment { background: url(./images/tc_bg.gif) repeat-y; width: 440px; margin: 5px 0 0 54px }
.post-comment .comment { width: 410px; margin: 2px 0 0 15px; }
.post-comment .comment .name { float: left; font-size: 11px; line-height: 13px; font-weight: bold; letter-spacing: 0; margin: 2px 5px 0 0; }
.post-comment .comment .date { float: left; font: 11px/14px 'Trebuchet MS'; color: #888; margin: 1px 5px 0 0; }
.post-comment .comment .btns { float: left; margin: 2px 0 0 0; }
.post-comment .comment p { clear: left; width: 410px; font-size: 11px; line-height: 150%; letter-spacing: -1px; padding: 4px 0 0 0; }
.post-comment .reply { background: url(./images/rp_bg.gif) repeat-y; width: 350px; margin: 10px 0 5px 75px }
.post-comment .reply-border12 { background: url(./images/rp_12.gif) no-repeat; width: 350px; height: 5px; }
.post-comment .reply-saru { float: left; background: url(./images/rp_saru.gif) no-repeat; width: 31px; height: 17px; }
.post-comment .reply p { float: left; width: 305px; font-size: 11px; line-height: 140%; letter-spacing: -1px; margin: 0 0 0 7px; padding: 4px 0 3px 0; }
.post-comment .reply-border6 { clear: left; background: url(./images/rp_6.gif) no-repeat; width: 350px; height: 5px; }
.post-comment .line { background: url(./images/tc_line.gif) no-repeat; width: 440px; height: 13px; }
.post-comment .write { position: relative; width: 420px; margin: 4px 0 0 10px; }
.post-comment .write dt,.post-comment .write dd { height: 17px; }
.post-comment .write .name { float: left;width: 30px; }
.post-comment .write .nameform { float: left;background: url(./images/wc_wrap_name.gif) no-repeat; width: 55px; padding: 1px 0 0 0; }
.post-comment .write .nameform input { border: 0; width: 48px; height: 14px; font-size: 11px; line-height:13px; letter-spacing: -1px; margin: 0 0 0 3px; }
.post-comment .write .page { float: left;width: 61px; }
.post-comment .write .pageform { float: left;background: url(./images/wc_wrap_addr.gif) no-repeat; width: 119px; padding: 1px 0 0 0;}
.post-comment .write .pageform input { border: 0; width: 112px; height: 14px; font: 10px tahoma; margin: 0 0 0 3px; }
.post-comment .write .pass { float: left; width: 62px; }
.post-comment .write .passform { float: left; background: url(./images/wc_wrap_pass.gif) no-repeat; width: 64px; padding: 1px 0 0 0; }
.post-comment .write .passform input { border: 0; width: 57px; height: 14px; font: 10px tahoma; margin: 0 0 0 3px; }
.post-comment .write .secret { position: absolute; left: 399px; top: 2px; *margin: -4px 0 0 -4px; }
.post-comment .write .textarea { clear: left; width: 420px; height: 17px; }
.post-comment .write .textareaform { background: url(./images/wc_wrap_comment.gif) no-repeat; width: 420px; height: 90px; }
.post-comment .write .textareaform textarea { border: 0; width: 407px; height: 82px; font-size: 11px; line-height: 15px; letter-spacing: -1px; overflow-y: auto; margin: 3px 0 0 6px; }
.post-comment .write .submit { height: 19px; margin: 5px 0 5px 0; }
.post-line { clear: both; background: url(./images/post_line.gif) no-repeat 0 10px; width: 490px; height: 11px; margin: 0 0 15px 29px }
.sort { margin: 10px 0 0 30px; }
.sort h2 { background: url(./images/caution_x2.gif) no-repeat; height: 22px; font-size: 14px; font-weight:bold; color: #999; letter-spacing: -1px; text-transform: uppercase; padding: 5px 0 0 30px; margin: 0 0 5px 0;}
.sort .list { background: url(./images/sort_bg.gif) repeat-x 0 5px; height: 15px; margin: 0 54px 0 25px;}
.sort .list .subject { float: left; background: url(./images/middot.gif) no-repeat 0 3px #FFF; font-size: 11px; line-height:13px; letter-spacing: -1px; padding: 0 0 0 10px;}
.sort .list .comment { float: left; background: #FFF; font: 10px tahoma; color: #999; margin: -1px 0 0 0; padding: 0 6px 0 4px }
.sort .list .date { float: right; background: #FFF; font: 11px/11px 'Trebuchet MS'; color: #AAA; padding: 0 0 0 6px; }
.sort .list .name { float: right; background: #FFF; font-size: 11px; line-height: 13px; letter-spacing: -1px; color: #AAA; padding: 0 0 0 6px; }
.guestbook-write span, .guestbook-reply-saru span { display: none; }
.guestbook-write { background: url(./images/guestbook_bg.gif) repeat-y; width: 490px; margin: 0 0 0 29px}
.guestbook-border12 { background: url(./images/guestbook_12.gif) no-repeat; width: 490px; height: 5px; margin: 0 0 0 29px; }
.guestbook-list-border12 { background: url(./images/guestbook_12.gif) no-repeat; width: 490px; height: 5px; margin: 10px 0 0 29px; }
.guestbook-border6 { background: url(./images/guestbook_6.gif) no-repeat; width: 490px; height: 5px; margin: 0 0 0 29px; }
.guestbook-write input, .guestbook-write textarea { border: 0 }
.guestbook-write dl { padding: 0 0 0 15px }
.guestbook-write dt { padding: 5px 0 0 0; }
.guestbook-write .name { width: 52px; height: 12px; margin: 0 0 0 3px; }
.guestbook-write .nameform { background: url(./images/form_guest_01.gif) no-repeat; width: 153px; height: 17px; padding: 1px 0 0 4px; }
.guestbook-write .nameform input { width: 144px; height: 14px; font-size: 11px; }
.guestbook-write .pass { width: 75px; height: 12px; margin: 0 0 0 3px; }
.guestbook-write .passform { background: url(./images/form_guest_01.gif) no-repeat; width: 153px; height: 17px; padding: 1px 0 0 4px; }
.guestbook-write .passform input { width: 144px; height: 14px; font: 11px tahoma }
.guestbook-write .page { width: 81px; height: 12px; margin: 0 0 0 3px;}
.guestbook-write .pageform { float: left; background: url(./images/form_guest_02.gif) no-repeat; width: 208px; height: 17px; padding: 1px 0 0 4px; }
.guestbook-write .pageform input { width: 199px; height: 14px; font: 11px tahoma }
.guestbook-write .secret { position: absolute; right: 15px; top: 0; }
.guestbook-write .secrettxt { float: left; margin: -3px 4px 0 0; }
.guestbook-write .secretform { float: left;}
.guestbook-write .secretform input { *margin: -4px 0 0 -2px; }
.guestbook-write .text { clear: left; position: relative; width: 460px; height: 12px; padding: 5px 0 0 18px; }
.guestbook-write .textform { clear: left; position: relative; left: 15px; background: url(./images/form_guest_03.gif) no-repeat; width: 460px; height: 135px; }
.guestbook-write .textform textarea { width: 448px; height: 122px; font-size: 11px; line-height: 14px; letter-spacing: -1px; margin: 4px 0 0 6px; overflow-y: auto; }
.guestbook-write .submit { height: 26px; margin: 0 0 0 15px; }
.guestbook-list { background: url(./images/guestbook_bg.gif) repeat-y; width: 490px; margin: 0 0 0 29px;  padding: 4px 0 0 15px; }
.guestbook-list .name { float: left; font-size: 11px; line-height: 13px; font-weight: bold; letter-spacing: -1px; margin: 0 0 0 0; }
.guestbook-list .date { float: left; font: 11px/13px 'Trebuchet MS'; color: #888; margin: -1px 5px 0 5px; }
.guestbook-list .btns { float: left; }
.guestbook-list .guestbook-list-txt { clear: left; width: 460px; font-size: 11px; line-height: 17px; letter-spacing: -1px; padding: 4px 0 4px 0; }
.guestbook-reply { background: url(./images/guestbook_reply_bg.gif) repeat-y; width: 408px; margin: 4px 0 0 52px;}
.guestbook-reply-border12 { background: url(./images/guestbook_reply_12.gif) no-repeat; width: 408px; height: 5px; }
.guestbook-reply-saru { float: left; background: url(./images/guestbook_reply_saru.gif) no-repeat; width: 44px; height: 18px; }
.guestbook-reply-txt { float: left; font-size: 11px; line-height: 15px; letter-spacing: -1px; color: #444; width: 352px; letter-spacing: -1px; padding: 2px 0 0 6px; }
.guestbook-reply-border6 { clear: left; background: url(./images/guestbook_reply_6.gif) no-repeat; width: 408px; height: 5px; }
.guestbook-blank { height: 5px; }
#gadget { display: none; position: absolute; left: 14px; top: -7px; z-index: 20; width: 212px;  }
.g-border12 { background: url(./images/gadget_12.png) no-repeat; width: 212px; height: 10px; }
.g-border6 { background: url(./images/gadget_6.png) no-repeat; width: 212px; height: 14px; }
.g-body { background: url(./images/gadget_bg.png) repeat-y; width: 208px; padding: 3px 4px 0 0; }
.g-image { height: 130px; margin: 0 0 0 14px; }
.g-counter { font: 10px tahoma; letter-spacing: -1px; text-align: center; margin: 1px 0 8px 0;}
.g-notice { background: #f6f5ef; width: 180px; padding: 5px 0 5px 0; margin: 0 0 10px 14px; }
.g-notice ul { font: 10px/14px tahoma; margin: 0 0 0 7px; }
.g-notice li { background: url(./images/notice.gif) no-repeat 2px 4px; padding: 0 0 0 10px }
.g-category { font: 10px/13px tahoma; margin: 0 0 0 14px; }
.g-category ul { margin: 3px 0 0 7px; }
.g-recent { font-size: 11px; line-height: 15px; letter-spacing: -1px; margin: 10px 0 0 14px; }
.g-recent ul { margin: 7px 0 0 0; }
.g-recent li { background: url(./images/middot.gif) no-repeat 0 4px; padding: 0 0 0 10px; margin: 0 0 0 7px; }
.g-recent-comment { font: 10px tahoma; color: #999; }
.g-tags { font-size: 11px; line-height: 14px; letter-spacing: -1px; padding: 10px 0 0 14px; text-align: justify; }
.g-tags-list { padding: 5px 14px 0 7px; text-transform: uppercase; word-break: break-all; }
.g-tags-list a { margin: 0 4px 0 0; }
.g-favorites { font-size: 11px; line-height: 14px; letter-spacing: -1px; padding: 10px 0 0 14px; text-align: justify; }
.g-favorites ul { padding: 5px 14px 0 7px; }
.g-favorites li { display: inline; text-transform: uppercase; word-break: break-all; }

.service { height: 61px; margin: 10px 0 0 16px; }
.pointer { cursor: pointer; }
.search { position: absolute; width: 111px; left: 410px; top: 0; }
.searchform { float: left; background: url(./images/search_bg.gif) no-repeat; width: 91px; height: 17px; }
.searchform input { border: 0; background: url(./images/search_txt.gif) no-repeat #e4e1d2 center 3px; font-size: 11px; line-height: 13px; letter-spacing: -1px; color: #838177; letter-spacing: -1px; width: 82px; height: 15px; margin: 1px 0 0 3px; padding: 0; }
.searchbtn { float: left; width: 15px; margin: 0 0 0 5px; }
.paging { font: 10px 'Trebuchet MS'; text-align: center; height: 20px; margin: 15px 0 0 0; }
.gb2 { position: relative; background: url(./images/guestbook_write_bg.gif) no-repeat; width: 490px; height: 300px; margin: 0 0 0 29px; }
.gb2 #name { position: absolute; left: 10px; top: 32px; z-index: 3; background: url(./images/guestbook_name.gif) no-repeat; width: 95px; height: 44px; }
.gb2 #name input { width: 87px; height: 18px; font-size: 14px; line-height: 130%; letter-spacing: -1px; margin: 11px 0 0 4px; border: 0; }
.gb2 #addr { position: absolute; left: 120px; top: 21px; z-index: 3; background: url(./images/guestbook_addr.gif) no-repeat; width: 122px; height: 44px; }
.gb2 #addr input { width: 114px; height: 18px; font: 10px/14px tahoma; margin: 12px 0 0 4px; border: 0; ime-mode: disabled; }
.gb2 #pass { position: absolute; left: 346px; top: 20px; background: url(./images/guestbook_pass2.gif) no-repeat; width: 84px; height: 66px; }
.gb2 #pass input { width: 75px; height: 16px; font: 7px/12px tahoma; letter-spacing: 5px; margin: 10px 0 0 6px; border: 0; }
.gb2 #secret { position: absolute; left: 426px; top: 167px; width: 20px; height: 20px; *margin: -4px 0 0 -4px }
.gb2 #mem01 { position: absolute; left: 10px; top: 32px; z-index: 1; background: url(./images/guestbook_mem01.gif) no-repeat; width: 95px; height: 44px; }
.gb2 #mem02 { position: absolute; left: 120px; top: 21px; z-index: 1; background: url(./images/guestbook_mem02.gif) no-repeat; width: 122px; height: 44px; }
.gb2 #desc { position: absolute; left: 11px; top: 112px; background: url(./images/guestbook_content.gif) no-repeat; width: 365px; height: 175px; }
.gb2 #desc textarea { width: 352px; height: 150px; font-size: 11px; line-height: 15px; letter-spacing: -1px; overflow-y: auto; margin: 20px 0 0 7px; border: 0; }
.gb2 #done { display: none; position: absolute; left: 400px; top: 218px; width: 66px; height: 75px; }
#t_category { position: absolute; left: 280px; top: 0; width: 122px; }
#t_category_off {  }
#t_category_on { display: none; background: url(./images/t_category_bg.gif) no-repeat; width: 122px; height: 91px; }
#t_category_close { height: 18px; cursor: pointer; }
#t_category_list { margin: 0 0 0 9px; }
#t_category a { color: #858169; }
.lock { width: 200px; height: 130px; margin: 80px 0 0 180px; }
.lock-pass { float: left; position: relative; top: -6px; background: url(./images/lock.gif) no-repeat; width: 142px; height: 42px; margin: 0 8px 0 0; }
.lock-btn { float: left; width: 24px; height: 34px; }
.lock-pass input { border: 0; width: 132px; height: 14px; font: 10px/10px tahoma; letter-spacing: 2px; margin: 26px 0 0 5px; }
.tagcloud { width: 490px; padding: 0 29px 0 29px; }
.tagcloud-title { text-align: center; }
.tagcloud-tags { font-size: 11px; font-family: Arial; line-height: 170%; width: 480px; word-break: break-all; margin: 10px 5px 0 5px; text-align: justify; }
a.cloud1 { background: #FFDADA; color: #E93522; font-weight: bold; }
a.cloud2 { background: #FFF2DA; color: #FF4400; font-weight: bold; }
a.cloud3 { background: #DDF7CE; color: #79C350; }
a.cloud4 { background: #D7E8F9; color: #5089C3; }
.tagcloud .cloud1 { font-size: 18px;  font-weight: bold; text-transform: uppercase; }
.tagcloud .cloud2 { font-size: 16px;  font-weight: bold; }
.tagcloud .cloud3 { font-size: 14px; }                  
.tagcloud .cloud4 { font-size: 14px; }                  
.tagcloud .cloud5 { font-size: 12px; }
.tagcloud a { padding: 0 2px 0 2px; margin: 0 4px 0 0; }
.tagcloud a:hover{ text-decoration: underline; }