@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

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

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

/* more...less */
.moreless_fold { background:url(images/i_locationSpot.png) left 5px no-repeat; padding-left:20px; color:#000000; margin:0; } /* 펼치기 */
.moreless_top { background:url(images/i_locationElement.png) left 5px no-repeat; padding-left:20px; color:#000000; margin:0; margin-bottom:10px; } /* 접기 (위) */
.moreless_content { padding:10px; color:#888888; margin:0; margin-bottom:10px; } /* 본문 */
.moreless_bottom { background:url(images/i_locationElement.png) left 5px no-repeat; padding-left:20px; color:#000000; margin:0;} /* 접기 (밑) */

/* 카테고리 */
.ib { cursor:pointer; } /* 카테고리 접기/펼치기 */
.branch3 { cursor:pointer; } /* 카테고리 클릭 */
.c_cnt { color:#888888; } /* 글 수 */

/* 이미지 */
.cap1 { color:#999999; margin-top:10px; margin-bottom:0; } /* 캡션 */
.imageblock { padding:2px; border;1px #eaeaea solid; margin:5px; }
.dual {  }
.triple {  }

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

/* ------------ 0. 공통 -------------- */

/* 본문 전체 */
body { font-family:'나눔 고딕','Nanum Gothic',NanumGothic,Gulim,굴림,'Lucida Grande',AppleGothic,Arial,sans-serif; font-size:12px; text-align:center; margin:0; padding:0; line-height:1.5; color:#454545; background:url(images/b_body.png) repeat; }
.dotum { font-family:'나눔 고딕','Nanum Gothic',NanumGothic,Dotum,돋움,'Lucida Grande',AppleGothic,Arial,sans-serif; }
.gulim { font-family:'나눔 고딕','Nanum Gothic',NanumGothic,Gulim,굴림,'Lucida Grande',AppleGothic,Arial,sans-serif; }
.small { font-size:0.9em; letter-spacing:-1px; }
table, tr, td { margin:0; padding:0; }
textarea, input { font-family:Arial,'Lucida Grande',sans-serif; font-size:1em; }
a:link { color:#6699cc; text-decoration:none; }
a:visited { color:#6699cc; text-decoration:none; }
a:hover { color:#336699; text-decoration:underline; }
.graylink a:link { color:#666666; text-decoration:none; }
.graylink a:visited { color:#666666; text-decoration:none; }
.graylink a:hover { color:#999999; text-decoration:underline; }
a img{ border:0; }
img { border:0; }

.imgp { padding:3px 0; vertical-align:middle; }

hr { display: block; margin-bottom: 1em; }

/* 인용문 */
blockquote { padding:26px 15px 15px 47px; background:#f7f7f7 url(images/i_quote.png) 15px 15px no-repeat; margin:0; margin-bottom:1em; overflow:hidden; color:#666666; }
blockquote p{ margin:0; padding:0; }
blockquote cite { margin:5px 0 0 0; display:inline; 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:1em; }
h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;}
fieldset { border:0; }

/* 레이아웃 전역선언 */
.mc_left { float:left; width:650px; }
.mc_right{ float:right; width:300px; text-align:right; }

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cb1 { clear:both; height:1px; }
.abm img { vertical-align:middle; }
.abm input { vertical-align:middle; }

/* 레이아웃 */
.w950 { text-align:left; width:950px; margin:0 auto; padding:0; }
.w980 { text-align:left; width:950px !important; width /**/:980px; margin:0 auto; padding:0 15px; }

#mc_top { height:100px; overflow:hidden; background:url(images/b_top.png) repeat-x; }

/* #title */
#title { height:60px; background:#333333 url(images/b_title.png) no-repeat; }
h1 { color:#ffffff; font-size:1.25em; line-height:60px; letter-spacing:-1px; }
h1 a:link { color:#ffffff; text-decoration:none; }
h1 a:visited { color:#ffffff; text-decoration:none; }
h1 a:hover { color:#ffffff; text-decoration:none; }
#title .mc_right { line-height:0; }
#title .mc_right { padding-top:20px; }
#title .mc_right .searchtext { width:144px !important; width /**/:150px; height:14px !important; height /**/:20px; padding:2px; line-height:16px; border:1px #cccccc solid; vertical-align:top; }
#title .mc_right .search { padding:0; vertical-align:top; }

/* #menu */
#mc_mbar { height:40px; background:#999999 url(images/b_menu.png) no-repeat; }
#mc_menu { float:left; color:#ffffff; margin:0; padding:0; list-style:none; list-style-image:none; height:40px; overflow:hidden; }
#mc_menu li { float:left; margin:0; padding:0; list-style:none; list-style-image:none; }
/* 롤오버 CSS */
#mc_menu a { float:left; padding:40px 0 0 0; height:0px !important; height /**/:40px; overflow:hidden; }
#mc_menu a.blog { background:url(images/nav_blog.png); width:53px; }
#mc_menu a.cover { background:url(images/nav_cover.png); width:41px; }
#mc_menu a.location { background:url(images/nav_local.png); width:62px; }
#mc_menu a.tags { background:url(images/nav_tag.png); width:40px; }
#mc_menu a.guest { background:url(images/nav_guest.png); width:52px; }
#mc_menu a.admin { background:url(images/nav_admin.png); width:52px; }
#mc_menu a.write { background:url(images/nav_write.png); width:51px; }

#mc_menu a:hover { background-position:0 -40px !important; }

/* 위치 표시 */
#mc_menu a.blog { background:url(images/nav_blog_s.png); }
#tt-body-cover #mc_menu a.cover { background:url(images/nav_cover_s.png) 0 0px !important; }
#tt-body-cover #mc_menu a.blog { background:url(images/nav_blog.png); }
#tt-body-location #mc_menu a.location { background:url(images/nav_local_s.png) 0 0px !important; }
#tt-body-location #mc_menu a.blog { background:url(images/nav_blog.png); }
#tt-body-tag #mc_menu a.tags { background:url(images/nav_tag_s.png) 0 0px !important; }
#tt-body-tag #mc_menu a.blog { background:url(images/nav_blog.png); }
#tt-body-guestbook #mc_menu a.guest {background:url(images/nav_guest_s.png) 0 0px !important; }
#tt-body-guestbook #mc_menu a.blog { background:url(images/nav_blog.png); }

.ie15 { height:15px; }

/* #contents */
#contents { background:url(images/b_article.png) top left repeat-y; }

/* #contents #article */
#contents #article { float:left; padding:0 20px; width:610px !important; width /**/:650px; overflow:hidden; }

#contents #article h2 { font-size:1.25em; line-height:1.25; letter-spacing:-1px; padding:15px 0; color:#333333; }
#contents #article h2 a:link { color:#333333; text-decoration:none; }
#contents #article h2 a:visited { color:#333333; text-decoration:none; }
#contents #article h2 a:hover { color:#666666; text-decoration:underline; }

#contents #article .info { height:20px !important; height /**/:20px; }
#contents #article .info a:link { color:#454545; text-decoration:none; }
#contents #article .info a:visited { color:#454545; text-decoration:none; }
#contents #article .info a:hover { color:#666666; text-decoration:underline; }

#contents #article .info1 { float:left; padding:2px 4px 0 4px; line-height:18px; height:18px !important; height /**/:20px; background:url(images/b_info_blog.png) 0 0 no-repeat; }
#contents #article .info2 { float:left; padding:2px 4px 0 8px; line-height:18px; height:18px !important; height /**/:20px; background:url(images/b_info_category.png) 0 0 no-repeat; }
#contents #article .info3 { float:left; padding:2px 4px 0 8px; line-height:18px; height:18px !important; height /**/:20px; background:url(images/b_info_etc.png) 0 0 no-repeat; }
#contents #article .infoc { float:left; padding:2px 4px 0 4px; line-height:18px; height:18px !important; height /**/:20px; background:url(images/b_info_closer.png) 0 0 no-repeat; }

#contents #article .admintool { margin:0; padding:0; padding-top:10px; list-style:none; list-style-image:none; }
#contents #article .admintool li { margin:0; background:url(images/i_list_side.png) 0 5px no-repeat; padding:0 10px 0 14px; float:left; }

#contents #article .awrap { padding-bottom:10px; }
#contents #article .npaging { padding-bottom:0; }

#contents #article .post { padding-top:10px; width:610px; overflow:hidden; }

#contents #article .textwrap { text-align:justify; line-height:1.8; }
#contents #article .textwrap a:link { border-bottom:1px #cccccc dashed; }
#contents #article .textwrap a:visited { border-bottom:1px #cccccc dashed; }
#contents #article .textwrap a:hover { text-decoration:none; border-bottom:1px #cccccc solid; }
#contents #article .textwrap ol { margin:10px 0 10px 15px; padding:0; }
#contents #article .textwrap ol li { margin:0; margin-left:20px; padding:0; }
#contents #article .textwrap ul { margin:10px 0 10px 15px; list-style:none; list-style-image:none; padding:0; }
#contents #article .textwrap ul li { margin:0; padding:0; padding-left:16px; background:url(images/i_list_side.png) 0 8px no-repeat; list-style:none; list-style-image:none;  }
#contents #article .textwrap div.footnotes { border-top:2px #cccccc solid; font-weight:bold; color:#888888; margin-top:15px; }
#contents #article .textwrap div.footnotes ol { margin:0; margin-top:10px; padding:0; font-weight:normal; color:#666666; }
#contents #article .textwrap div.footnotes ol li { margin:0; margin-left:20px; padding:0; }
#contents #article .textwrap sup { font-family:Georgia, serif; }

#contents #article .textwrap h4 { margin:15px 0 10px 0; padding:0; text-decoration:underline; font-size:1.2em; color:#888888; font-family:Dotum,돋움,Arial,AppleGothic,sans-serif; letter-spacing:-1px; }
#contents #article .textwrap h4.top { margin-top:0; }
#contents #article .textwrap pre, code, kbr {font-family:'Bitstream Vera Sans Mono','Lucida Console','Courier New',Courier,monospace;}
#contents #article .textwrap code { display:block; margin:10px; padding:15px; background:#f0f0f0; border:1px #dedede solid; letter-spacing:0; color:#666666; text-align:left; }
#contents #article .textwrap code strong { font-family:Verdana,'Lucida Grande',sans-serif; }

#contents #article .pbox { background:url(images/i_protect.png) top left no-repeat; padding:5px 0 5px 118px; }
#contents #article .pbox img, #contents #article .pbox input { vertical-align:top; }
#contents #article .pbox .pwbox { margin:0; border:1px #dddddd solid; background:#ffffff; padding:2px; width:124px !important; width /**/:130px; margin-bottom:2px; }
#contents #article .pbox .pwsubmit { vertical-align:top; margin:0; width:40px; height:15px !important; height /**/:21px; }

#contents #article .mc_error { background:url(images/i_protect.png) top left no-repeat; padding:40px 0 0 118px; height:57px !important; height /**/:97px; }

#contents #article .btn_top { margin:0; padding:0; text-align:right; clear:both; }
#contents #article .add { margin:0; padding-bottom:5px; line-height:1.3; }
#contents #article .addb { margin:0; padding-bottom:0px; line-height:1.3; }

#contents #article .tbtop { margin-top:10px; height:15px !important; height /**/:25px; background:url(images/b_tbtop.png) no-repeat; font-size:0; line-height:0; }
#contents #article .cmtop { margin-top:10px; height:15px !important; height /**/:25px; background:url(images/b_cmtop.png) no-repeat; font-size:0; line-height:0; }
#contents #article .fbcloser { height:10px; background:url(images/b_fbcloser.png) no-repeat; font-size:0; line-height:0; }

#contents #article .feedback { line-height:1.8; background:#f7f7f7 url(images/b_fb.png) repeat-y; overflow:hidden; padding-left:65px; padding-right:15px; width:530px !important; width /**/:610px; color:#666666; }
#contents #article #writeGuest { background:#f7f7f7; border:1px #cccccc solid; padding:14px 14px 0 14px; width:580px !important; width /**/:610px; }
#contents #article #readGuestWrap { background:#ffffff; width:610px !important; padding:0; padding-top:15px; }

#contents #article .feedback .spnum { width:65px; margin:0; line-height:1.3; font-size:2.5em; font-family:Arial,sans-serif; font-weight:bold; color:#cccccc; letter-spacing:-2px; overflow:hidden; }
#contents #article #writeGuest .spnum { width:60px; font-size:0; line-height:0; }
#contents #article #readGuestWrap .spnum { width:60px; font-size:0; line-height:0; }
#contents #article .feedback dl { line-height:1.8; font-weight:normal; color:#666666; width:465px; margin:0; padding-bottom:15px; }
#contents #article #writeGuest dl { width:520px; }
#contents #article #readGuestWrap dl { width:550px; }
#contents #article .feedback dt { font-size:1.25em; line-height:27px; height:27px; border-bottom:5px #cccccc solid; font-weight:bold; margin:0; float:left; width:310px; letter-spacing:-1px; }
#contents #article #writeGuest dt { width:430px; }
#contents #article #readGuestWrap dt { width:460px; }
#contents #article .feedback dt .date { font-size:0.75em; color:#8e8e8e; font-weight:normal; }
#contents #article .feedback dd { margin:0; padding:3px 0; text-align:justify; }
#contents #article .feedback .func { float:right; margin:0; padding:0; height:27px; border-bottom:5px #cccccc solid; text-align:right; width:155px; font-size:0; line-height:0; }
#contents #article #writeGuest .func { width:90px; }
#contents #article #readGuestWrap .func { width:90px; }
#contents #article .feedback .func img { margin-left:3px; }

#contents #article .feedback ol { margin:0; padding:0; list-style:none; list-style-image:none; }
#contents #article .feedback ol li { margin:0; padding:0; list-style:none; list-style-image:none; }

#contents #article .feedback .rp2contain .rp2Img, #contents #article #readGuestWrap .rp2contain .rp2Img { width:65px; }
#contents #article .feedback .rp2contain dl { width:400px; padding-bottom:10px; }
#contents #article #readGuestWrap .rp2contain dl { width:485px; }
#contents #article .feedback .rp2contain dt { font-size:1.17em; line-height:27px; height:27px; width:245px; }
#contents #article #readGuestWrap .rp2contain dt { font-size:1.17em; line-height:27px; height:27px; width:395px; }
#contents #article .feedback .rp2contain dt .date, #contents #article #readGuestWrap .rp2contain dt .date { font-size:0.78em; }

#contents #article .feedback label { margin-left:4px; }
#contents #article .feedback input { margin:0; border:1px #dddddd solid; background:#ffffff; padding:2px; width:144px !important; width /**/:150px; margin:2px 0; vertical-align:middle; }
#contents #article .feedback input.homepage { width:244px !important; width /**/:250px; }
#contents #article .feedback textarea { margin-bottom:2px; background:#ffffff; padding:2px; border:1px #dddddd solid; width:459px !important; width /**/:465px; height:75px; vertical-align:top; }
#contents #article #writeGuest textarea { margin-bottom:2px; background:#ffffff; padding:2px; border:1px #dddddd solid; width:514px !important; width /**/:520px; height:75px; vertical-align:top; }
#contents #article .feedback .submit { margin:0; width:465px !important; height:25px; background:none; padding:0; border:none; }
#contents #article #writeGuest .submit { margin:0; width:520px !important; height:25px; background:none; padding:0; border:none; }
#contents #article .feedback .secret { text-align:right; margin:0; padding:0; }
#contents #article .feedback .secret input, #contents #article .feedback .commentTypeCheckbox { width:20px !important; border:none; margin:none; background:none; vertical-align:middle; }
#contents #article .feedback .secret label { margin:0; }

#contents #article .location_spot { padding-left:15px; background:url("images/i_locationSpot.png") no-repeat 0 5px; margin-bottom:3px; }	
#contents #article .location_info { padding-left:15px; background:url("images/i_locationElement.png") no-repeat 0 5px; margin-bottom:3px; }

#contents #article .tagc { margin:0; padding:0; padding-top:10px; 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:#666666; }
#contents #article .guest .feedback { margin:0 !important; }
#contents #article .guestread { background:none; border:none; padding:none; overflow:hidden; }
#contents #article .guestread .fbcontent { padding:11px 0 0 32px; background:url(images/i_quote_w.png) top left no-repeat; overflow:hidden; }
#contents #article .guestread .fbcontent_r { padding:12px 0 0 30px; background:url(images/i_reply_w.gif) top left no-repeat; overflow:hidden; }
#contents #article .guestread .fbicon { text-align:right; line-height:1.3; margin-bottom:15px; }
#contents #article .guestread .reply { margin-left:32px; padding-bottom:0; margin-bottom:15px; }

#contents .paging{ text-align:center; font-family:'Lucida Grande',Tahoma,sans-serif; font-size:10px; line-height:1.2; height:auto; padding:20px 0 10px 0; color:#999999;}
#contents .paging_n { padding:0 7px; }

#acloser { margin:0 auto; padding:0; width:980px; height:30px; }
.png24 {tmp:expression(setPng24(this));}

/* #contents #sidebar */
#contents #sidebar { float:right; width:300px; overflow:hidden; }
#contents #sidebar .element { padding-top:10px; line-height:1.8; }
#contents #sidebar .elementContent { padding:10px 20px 5px 30px; color:#666666; font-size:0.9em; letter-spacing:-1px; }
#contents #sidebar .elementContent ul { margin:0; padding:0; list-style:none; list-style-image:none; }
#contents #sidebar .elementContent ul li { margin:0; padding:0; list-style:none; list-style-image:none; }
#contents #sidebar .elementContent .imgWrap { width:250px; overflow:hidden; }
#contents #sidebar .elementContent .noticeElement { margin-bottom:10px; }
#contents #sidebar .elementContent .noticeElement li { background:url(images/side_i_notice.png) 0 50% no-repeat; padding-left:31px; }
#contents #sidebar .elementContent .listElement { margin-bottom:10px; }
#contents #sidebar .elementContent .listElement li { background:url(images/i_list_side.png) 0 7px no-repeat; padding-left:13px; }
#contents #sidebar .elementContent .category { margin-bottom:10px; }
#contents #sidebar h4 { font-size:1em; color:#000000; font-weight:normal; line-height:0; }

#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 { color:#690; }
#contents #sidebar a.cloud5 { color:#999; }

#close { text-align:center; height:30px; }

/* #footer */
#footer { padding:5px 0; }
#footer p { margin:0; padding-bottom:5px; line-height:1.8; color:#666666; }
#footer strong { font-weight:normal; color:#333333; }
#footer strong a:link { color:#333333; }
#footer strong a:visited { color:#333333; }
#footer strong a:hover { color:#666666; }
#footer a:link { border-bottom:1px #cccccc dashed; }
#footer a:visited { border-bottom:1px #cccccc dashed; }
#footer a:hover { border-bottom:1px #cccccc dashed; text-decoration:none; }