@charset "utf-8";

/* ------------ 태터툴즈 필수 스타일 -------------- */

/* 페이징 */
.selected { font-weight:bold; } /* 선택된 페이징 */
.no-more-prev { color:#cccccc; } /* 뒤로 더 못 갈 때 */
.no-more-next { color:#cccccc; } /* 앞으로 더 못 갈 때 */

/* more...less */
.moreless_fold { background:url(images/i_more.gif) left 33% no-repeat; padding-left:20px; color:#000000; } /* 펼치기 */
.moreless_top { background:url(images/i_less.gif) left 33% no-repeat; padding-left:20px; color:#000000; } /* 접기 (위) */
.moreless_content { padding:10px; color:#888888; } /* 본문 */
.moreless_bottom { background:url(images/i_less.gif) left 33% no-repeat; padding-left:20px; color:#000000; } /* 접기 (밑) */

/* 카테고리 */
.ib { cursor:pointer; } /* 카테고리 접기/펼치기 */
.branch3 { cursor:pointer; } /* 카테고리 클릭 */
.c_cnt { font-size:0.9em; font-family:Verdana,'Lucida Grande',sans-serif; letter-spacing:-1px; color:#999999; } /* 글 수 */

/* 달력 */
.cal_month { font-size:0.9em; font-family:Verdana,'Lucida Grande',sans-serif; color:#eaeaea; font-weight:bold; line-height:1.2; } /* 월 표시 */
.cal_week1 { color:#999999; font-weight:normal; background:#454545; padding:2px 4px; } /* 주(평일) 타이틀 */
.cal_week2 { color:#ff9999; font-weight:normal; background:#454545; padding:2px 4px; } /* 일요일 타이틀 */
.cal_week { } /* 모든 주 */
.cal_current_week { background:#3a3a3a; } /* 이번주 강조 */
.cal_day { font-size:0.9em; font-family:Verdana,'Lucida Grande',sans-serif; padding:2px 4px; } /* 모든 날짜 */
.cal_day_sunday { color:#ff9999; } /* 일요일 날짜 */
.cal_day1 { color:#888888; } /* 전달 */
.cal_day2 { color:#888888; } /* 다음달 */
.cal_day3 { } /* 이번달 */
.cal_day4 { text-decoration:underline; } /* 오늘 */
a.cal_click { font-weight:bold; } /* 글쓴날 */

/* 이미지 */
.cap1 { color:aaaaaa; } /* 캡션 */
.imageblock { margin:5px; }
.dual {  }
.triple {  }

/* 키워드 */
.key1 { cursor:pointer; border-bottom:1px #cccccc dotted; }

/* ------------ 레이아웃 + 스타일 -------------- */

/* 본문 전체 */
body { font-family:Arial,'Lucida Grande',AppleGothic,Dotum,돋움,sans-serif; font-size:75%; text-align:center; margin:0; padding:0; line-height:1.5; color:#454545; background:url(images/b_entire.gif) repeat-x; }
.dotum { font-family:AppleGothic,Dotum,돋움,Arial,'Lucida Grande',sans-serif; }
.gulim { font-family:AppleGothic,Gulim,굴림,Arial,'Lucida Grande',sans-serif; } /* 굴림은 12px의 딱딱함을 위해 쓰는 것으로, 맥 환경에서는 AppleGothic이 더 의도하던 글꼴입니다.*/
.arial { font-family:Arial,'Lucida Grande',sans-serif; letter-spacing:0; }
.ps_cnt { font-family:Verdana,'Lucida Grande',sans-serif; color:#888888; font-size:0.9em; }
table, tr, td { margin:0; padding:0; }
textarea, input { font-family:Arial,'Lucida Grande',sans-serif; font-size:1em; }
a:link { color:#5080b0; text-decoration:none; }
a:visited { color:#5080b0; text-decoration:none; }
a:hover { color:#6699cc; text-decoration:underline; }
a img{ border:0; }
img { border:0; }

/* 인용문 */
blockquote { margin:0 10px; padding:0 15px; border-left:7px solid #eaeaea; color: #888888; }
blockquote p{ margin:0; padding:0; }
blockquote cite { margin:5px 0 0 0; display:block; color:#8E8E8E; font-style:normal; }

/* pre, 코드 */
pre { overflow:auto; margin:0 0 18px 0; padding:4px; }
pre, code, kbr {font-family:'Lucida Console',Courier,monospace;}
code, kbr {padding:0 2px;}

/* 여백제거 */
p{ margin:0; margin-bottom:1.3em; }
h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;}
fieldset { border:0; }

/* 레이아웃 전역선언 */
#title .left { float:left; width:600px; }
#title .right, #menu .right { float:right; width:250px; text-align:right; }

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }

/* 레이아웃 */
#entire { text-align:left; width:850px; margin:0 auto; padding:0; }

/* #title */
#title { height:130px; overflow:hidden; }
#title h1 { color:#ffffff; font-family:'Lucida Grande',Arial,sans-serif; font-size:2em; padding-top:30px; line-height:30px; height:70px !important; height /**/:100px; overflow:hidden; }
#title h1 a:link { color:#ffffff; text-decoration:none; }
#title h1 a:visited { color:#ffffff; text-decoration:none; }
#title h1 a:hover { color:#ffffff; text-decoration:none; }
#title h1 span { color:#cccccc; font-size:0.45em; font-weight:normal; }
#title .t_taste { height:18px !important; height /**/:30px; padding-top:12px; line-height:18px; font-size:0.9em; color:#aaaaaa; font-weight:bold; }
#title .t_taste strong { color:#ffffff; }
#title .right { padding-top:10px; height:120px !important; height /**/:130px; overflow:hidden; }

/* #taste */
#taste { padding:15px; height:120px !important; margin:10px 0; height /**/:150px; background:url(images/b_taste.gif) no-repeat; color:#ffffff; }
#taste #tdt { font-size:1.5em; line-height:1.3em; font-weight:bold; float:right; margin:0; padding:25px 0 15px 0; width:670px; }
#taste #tdt sup { font-size:0.6em; }
#taste #tdd { margin-left:150px; padding:0; font-size:0.9em; }
#taste dd.img { margin-left:0; }
#taste dd.img img { 	float:left; margin-right:30px; }
#taste a:link { color:#ffffff; text-decoration:none; }
#taste a:visited { color:#ffffff; text-decoration:none; }
#taste a:hover { color:#ffffff; text-decoration:underline; }

/* #tastealter */
#tastealter { margin:10px 0; height:150px; background:url(images/b_alternative.jpg) no-repeat; }

/* #menu */
#menu { height:50px; }
#menu #zs_menu { float:left; margin:0; padding:0; list-style:none; list-style-image:none; }
#menu #zs_menu li { float:left; margin:0; padding:0; list-style:none; list-style-image:none; }
#menu #zs_menu a { float:left; display:block; color:#333333; padding:23px 20px 0 20px; margin-right:1px; line-height:0; height:27px !important; height /**/:50px; }
/* 위치 표시 */
#menu #zs_menu a.blog { background:url(images/b_menuhover.gif) repeat-x; }
#tt-body-location #menu #zs_menu a.location {background:url( images/b_menuhover.gif) repeat-x; }
#tt-body-location #menu #zs_menu a.blog { background:none; }
#tt-body-tag #menu #zs_menu a.tags { background:url(images/b_menuhover.gif) repeat-x; }
#tt-body-tag #menu #zs_menu a.blog { background:none; }
#tt-body-guestbook #menu #zs_menu a.guest { background:url(images/b_menuhover.gif) repeat-x; }
#tt-body-guestbook #menu #zs_menu a.blog { background:none; }
#menu #zs_menu a:hover { background:url(images/b_menuhover.gif) repeat-x !important; }
#menu .right { height:35px !important; height /**/:50px; padding:15px 15px 0 15px; background:url(images/b_search.gif) right 50% no-repeat; } 
#menu .right .searchtext { width:136px !important; width /**/:140px; height:16px !important; height /**/:20px; padding:2px; line-height:16px; border:0; }
#menu .right .search { padding:0; vertical-align:top; }

.ie15 { height:15px; }

/* #contents */
#contents { background:url(images/b_contents.gif); }

/* #contents .article */
#contents .article { width:640px; margin-right:20px; overflow:hidden; }
#contents .article .location { margin:0; padding:0; font-size:0.9em; color:#666666; height:30px; line-height:30px; background:url(images/b_location.gif) 0 50% no-repeat; padding-left:15px; }
#contents .article .location a:link { color:#666666; text-decoration:none; }
#contents .article .location a:visited { color:#666666; text-decoration:none; }
#contents .article .location a:hover { color:#333333; text-decoration:underline; }
#contents .article h2 { font-size:1.3em; line-height:1.3; background:url(images/b_atitle.gif) top left no-repeat; padding:10px 0 0 16px; margin:0 0 10px 5px; }
#contents .article h2 a:link { color:#000000; text-decoration:none; }
#contents .article h2 a:visited { color:#000000; text-decoration:none; }
#contents .article h2 a:hover { color:#000000; text-decoration:none; }
#contents .article .info { margin-left:5px; color:#666666; font-size:0.9em; }
#contents .article .info span { letter-spacing:-1px; }
#contents .article .info a:link { color:#666666; text-decoration:none; }
#contents .article .info a:visited { color:#666666; text-decoration:none; }
#contents .article .info a:hover { color:#999999; text-decoration:underline; }
#contents .article .post { margin:0 0 30px 5px; }
#contents .article .textwrap { overflow:hidden; text-align:justify; line-height:1.8; }
#contents .article .textwrap .btn_top { text-align:right; clear:both; }
#contents .article .textwrap sup { font-family:Georgia, serif; }
#contents .article .textwrap .tags { background:#f0f0f0 url(images/i_tag.gif) 5px 50% no-repeat; padding:5px 5px 5px 20px; font-size:0.9em; letter-spacing:-1px; line-height:1.3; display:inline; }
#contents .article .textwrap .tags strong { font-weight:normal; }
#contents .article .feedback { background:#f0f0f0; padding:15px; }
#contents .article .feedback .feedbacks { margin:0; }
#contents .article .feedback h3, #contents .writecomment h3 { font-size:1em; color:#000000; margin-top:25px; }
#contents .article .feedback p { color:#333333; }
#contents .article .feedback ul { margin:15px 0 0 15px; padding:0; list-style:none; list-style-image:none; }
#contents .article .feedback li { margin:0; padding:0; list-style:none; list-style-image:none; }
#contents .article .feedback .fbtitle { color:#454545; }
#contents .article .feedback .fbtitle strong { color:#666666; } 
#contents .article .feedback .fbtitle a:link { color:#333333; text-decoration:none; }
#contents .article .feedback .fbtitle a:visited { color:#333333; text-decoration:none; }
#contents .article .feedback .fbtitle a:hover { color:#454545; text-decoration:underline; }
#contents .article .feedback .fbcontent { margin-left:15px; }
#contents .article .feedback .reply { border:1px #dddddd solid; background:#f9f9f9; padding:10px; padding-bottom:0; margin-bottom:15px; }
#contents .article .feedback .date { color:#666666; }
#contents .article .feedback a:link { color:#666666; text-decoration:none; }
#contents .article .feedback a:visited { color:#666666; text-decoration:none; }
#contents .article .feedback a:hover { color:#454545; text-decoration:underline; }
#contents .article .writecomment fieldset { border:0; }
#contents .article .writecomment label { margin:0 5px; font-weight:bold; font-family:Arial,'Lucida Grande',sans-serif; }
#contents .article .writecomment input { margin:0; border:1px #dddddd solid; background:#ffffff; padding:3px; width:87px !important; width /**/:93px; }
#contents .article .writecomment .homepage { width:220px !important; width /**/:226px; }
#contents .article .writecomment textarea { margin:0; margin-right:2px; padding:3px; border:1px #dddddd solid; padding:3px; width:480px !important; width /**/:486px; height:75px; vertical-align:top; }
#contents .article .writecomment .submit { background:#eaeaea; width:92px; height:82px; }
#contents .article .writecomment .secret { text-align:right; }
#contents .article .writecomment .secret input { width:20px !important; border:none; margin:none; background:none; }
#contents .article .writecomment .secret label { margin:0; margin-right:10px; font-weight:normal; font-family:AppleGothic,굴림,Arial,'Lucida Grande',AppleGothic,sans-serif; letter-spacing:-1px; }

/* 위치로그 */
#contents .article .location_spot { padding-left:25px; background:url("images/i_list.gif") no-repeat 10px 2px; margin-bottom:3px; }	
#contents .article .location_info { padding-left:15px; background:url("images/i_list2.gif") no-repeat 0 50%; margin-bottom:3px; }

/* 태그 구름 */
#contents .article .tagc { margin:0; margin-left:10px; padding:0; list-style:none; list-style-image:none; }
#contents .article .tagc li { margin:0; padding:0; display:inline; list-style-image:none; letter-spacing:-1px; } /* 태그에는 엔터가 없다 ... */
#contents .article .tagc li a { padding:3px; }
#contents .article .tagc li a.cloud1 { font-weight:bold; font-size:18px; color:#f30; }
#contents .article .tagc li a.cloud2 { font-weight:bold; font-size:16px; color:#f60; }
#contents .article .tagc li a.cloud3 { font-size:14px; color:#369; }
#contents .article .tagc li a.cloud4 { font-size:12px; color:#690; }
#contents .article .tagc li a.cloud5 { font-size:12px; color:#999; }
#contents .article .tagc li a:hover { text-decoration:none; background:#999999; color:#ffffff; }

/* 방명록 / 방명록 쓰기부분은 댓글 쓰기와 같은 스타일을 사용합니다. */
#contents .article .guest p { color:#333333; }
#contents .article .guest .gtitle { color:#454545; }
#contents .article .guest .gtitle strong { color:#666666; } 
#contents .article .guest .gtitle a:link { color:#333333; text-decoration:none; }
#contents .article .guest .gtitle a:visited { color:#333333; text-decoration:none; }
#contents .article .guest .gtitle a:hover { color:#454545; text-decoration:underline; }
#contents .article .guest.fbcontent { margin-left:15px; }
#contents .article .guest .reply { border:1px #dddddd solid; background:#f9f9f9; padding:10px; padding-bottom:0; margin-bottom:15px; }
#contents .article .guest .date { color:#666666; }
#contents .article .guest a:link { color:#666666; text-decoration:none; }
#contents .article .guest a:visited { color:#666666; text-decoration:none; }
#contents .article .guest a:hover { color:#454545; text-decoration:underline; }

/* 페이징 */
#contents .article .paging{ clear:both; text-align:center; font:10px Tahoma; margin-bottom:15px; color:#999999; }
#contents .article .paging_n { padding:0 7px; }

/* #contents .sidebar */
#contents .sidebar { width:170px !important; width /**/: 190px; padding:10px; padding-top:0px; background:#cccccc; font-size:0.9em; line-height:1.6; letter-spacing:-1px; }
#contents .sidebar h3, #contents .sidebar h4 { font-size:1em; color:#000000; font-weight:normal; }
#contents .sidebar h3 { margin-top:15px; margin-bottom:5px; }
#contents .sidebar ul { list-style:none; list-style-image:none; margin:0; padding:0; }
#contents .sidebar li { list-style:none; list-style-image:none; margin:0; margin-left:10px; padding:0; }
#contents .sidebar .nomar { margin:0; }
#clicker1, #clicker2, #clicker6 { background:url(images/i_arrow_opened.gif) 0 50% no-repeat; padding-left:15px; cursor:pointer; }
#clicker3, #clicker4, #clicker5 { background:url(images/i_arrow_closed.gif) 0 50% no-repeat; padding-left:15px; cursor:pointer; }
#block1, #block2, #block6 { display:block; }
#block3, #block4, #block5 { display:none; }
#contents .sidebar a:link { color:#454545; text-decoration:none; }
#contents .sidebar a:visited { color:#454545; text-decoration:none; }
#contents .sidebar a:hover { color:#333333; text-decoration:underline; }
#contents .sidebar a.cloud1 { font-weight:bold; font-size:15px; color:#f30; }
#contents .sidebar a.cloud2 { font-weight:bold; font-size:14px; color:#f60; }
#contents .sidebar a.cloud3 { font-weight:bold; font-size:13px; color:#369; }
#contents .sidebar a.cloud4 { font-size:12px; color:#690; }
#contents .sidebar a.cloud5 { font-size:11px; color:#999; }

/* #footer */
#footer { background:#333333 url(images/b_footer.gif) repeat-x; padding-top:10px; height:70px !important; height /**/:80px; line-height:30px; font-size:0.9em; color:#cccccc; overflow:hidden; }
#footer p { margin:0; padding:0; }
#footer a.nav { margin:0 10px; }
#footer a:link { color:#cccccc; text-decoration:none; }
#footer a:visited { color:#cccccc; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:underline; }