@charset "utf-8";
/* 공통 요소 */
body {margin: 0; padding: 0; background:url("images/bg_body.gif") repeat left top; font: small/1.3em "돋움","Dotum"; }
a {text-decoration: none; }
a:hover {text-decoration: underline; }
img {border: 0; vertical-align:middle;}
.ib .click img	{vertical-align:baseline !important;}
hr {display: none; }
input {vertical-align: middle;  outline:none; }
ul, ol {margin: 0; padding: 0; list-style: none; }
li, dl, dt, dd {margin: 0; padding: 0; }
h1, h2, h3, h4 {margin: 0; padding: 0; line-height: 1em; }
.clear {clear: both; }
.count {font-size: 11px; }
#guest_info { margin-bottom:0px; }
#guest_info input { float:left; clear:both; width:180px; margin-bottom:6px; border:1px solid #333; background:#222; color:#A2A2A2; padding:4px 0 4px 2px;}
#guest-url input { margin-bottom:0px; }
input.checkbox { clear:both; width:15px; }
#comment_textarea textarea { border:1px solid #333; background:#222; color:#A2A2A2; overflow-y:auto; width:477px; height:182px; outline:none; }
/* 태그 클라우드 */
.cloud1, .cloud1:hover {color: #797b74 !important; font-size: 1.4em; font-weight:bold;}
.cloud2, .cloud2:hover {color: #797b74 !important; font-size: 1.4em; font-weight:bold;}
.cloud3, .cloud3:hover {color: #797b74 !important; font-size: 1.2em; font-weight:bold;}
.cloud4, .cloud4:hover {color: #797b74 !important; font-size: 1em; font-weight:bold;}
.cloud5, .cloud5:hover {color: #797b74 !important; font-size: 0.9em; }

/* 포스트 내부 요소 */
.article { width:680px; overflow:hidden; word-wrap: break-word; }
.article ul {padding: 0 15px 0 45px; list-style-type: disc; }
.article ol {padding: 0 15px 0 24px; list-style-type: decimal; }
.article ul li{padding-left: 0 !important; background:none !important; }
.article ol li{padding-left: 0 !important; background:none !important; }

.article .moreless_fold {margin-top:10px; padding-left: 45px; background:url(images/read_more.gif) no-repeat left top; color: #6e7066; }
.article .moreless_top {margin-top:10px; padding-left: 45px; background:url(images/read_more.gif) no-repeat left top;  color: #6e7066; }
.article .moreless_bottom {padding-left: 45px; margin-top: 10px; background:url(images/read_more.gif) no-repeat left bottom;  color: #6e7066; }
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {padding:10px 0; line-height:1.1em;}

/* 카테고리 */
.branch3 {cursor: pointer; }
.c_cnt {font-size: 11px; color:#7D7D7D; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}

/* 달력 월 표시 */
.cal_month {color:#616161; font-size: 11px; font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
.cal_month a {color:#616161;}
/* 달력 요일 표시(th 영역) */
.cal_week1 {color:#616161; font-weight: normal; font-size: 11px; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 {color:#616161; font-weight: normal; font-size: 11px; }
/* 달력 Week(tr 영역)  */
.cal_week {}
.cal_current_week {}
/* 달력 Day(td 영역) */
.cal_day {color:#616161; text-align: center; font-size: 11px; font-family:"Trebuchet MS", Verdana, Tahoma, 돋움, Sans-serif;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday {}
.cal_day_sunday a {}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 {}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 {}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 {color:#616161; font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {color:#616161; text-decoration:underline;}
a.cal_click:visited {color:#616161; text-decoration:underline;}
a.cal_click:hover {color:#616161; text-decoration:underline;}

/* 공통 요소 끝 */

#comments ul li .commentBox, #comments-g ul li .commentBox, #comments-g ul li .commentBoxRe { margin-left:60px; background:url(./images/non-Image.gif) no-repeat; }

#trackback_areaX { clear:both; }
.t_wrapper { margin: 10px 5px 10px 5px; font-size:11px; padding:0 10px 0 5px; }

.t_wrapper .inner { background:transparent url(images/arrow1.gif) no-repeat 10px 50%; border:1px solid #ccc; padding:16px 20px; margin:0 0 0 5px;  }

/* content */
.article .article_author					{clear:both; padding:20px 0; color:#707070; text-align:right; font-size:0.85em;}
div.another_category table { margin:0 0 1em 0; }
div.another_category td, div.another_category th  { border:0;}
div.another_category th {  background:transparent;}

#guest_info label, #secretWrap { clear:both; }
#secretWrap {padding-top:10px; text-align:left; }
.actionTrail { text-align:right; padding:15px 15px 5px 0; }
.actionTrail .cnt { color:#f30; font-weight:bold; }

.searchList ol { margin:0; padding:0 0 0 5px; line-height:140%; }
.searchList .post_content li  { margin:0; padding: 4px 0; }
.searchList li a, .searchList li a:visited { text-decoration: none; }

/* 포스트 내부 요소 */
.imageblock img {padding:4px 15px 15px 15px; }
.imageblock { margin:5px 0 10px 0; }
.imageblock a  { text-decoration:none !important; }

#mediaLogNest { margin-left:165px; margin-top:105px; width:680px !important; background:url(images/stripe1.gif) repeat-x top;}

.no-entry { padding-top:27px; }
.post-admin { width:140px; text-align:right;}
.guestbook .comment_form_wrapper  { text-align:center;}
#search_input { }

.meta-date-n{  background:#f6f6f6; width:80px; _width:95px; float:right; padding: 0 13px 0 0px; _padding-right:1px; display:block; background:url(images/meta-date-n.gif) no-repeat 0 0; /* clear:both; height:29px; */ }

.date-year{color:#999999; display:block; float:right; font-size:0.9em; height:10px; line-height:10px; padding: 0 0 0 0px; width:80px; margin : 0px 0 5px 0px; }

.date-month{color:#33A8E5;  float:left; font-size:2.8em;font-weight:700;height:34px;line-height:30px; padding: 0 0 0 15px; width:37px; }
#tt-body-notice .date-month, .post_meta.protection .date-month{color:#75E730;}
.date-day{color:#666666; border-left:0px solid #FFF; float:right; font-size:2.8em;font-weight:700;height:34px;line-height:30px; padding: 0px 0 0 10px; _padding-top:2px; width:15px; /* text-align:right */ }
td.branch3:hover div { color:#f3dc19 !important;  }

.interword {display:none;}
.post_content.protected {  background:url(images/img_protect.gif) no-repeat ; padding-left:40px; }
p.bg-txtPassword label { }
.post_content.protected input.txtPassword { border-left:1px solid #A5ACB2; border-top:1px solid #A5ACB2; border-right:1px solid #D9DCDF; border-bottom:1px solid #D9DCDF; }

#localog .spot              { background:url(images/arrow1.gif) 5px 6px no-repeat;  padding-left:15px;  margin-top:5px;}
#localog .info              { background:url(images/arrow5.gif) 5px 5px no-repeat;  padding-left:15px;  margin-top:2px;}
#localog a:link             { color:#5a5194; text-decoration:none; }
#localog a:visited          { color:#5a5194;}
#localog a:hover            { color:#7870ab;  text-decoration:underline;}

#taglog .post_content.tag {width:580px; overflow: hidden;}
#taglog .post_content.tag ol { list-style:none !important; padding:0px 3px !important; margin:0;  text-align:justify; line-height:200%; }
#taglog .post_content.tag li      { display:inline; }
#taglog .post_content.tag li  a {text-decoration:none; }
#taglog a:hover             { background-color:#eee;  color:#8c8c8c;}
#taglog li .cloud1          { color:#a2348f !important;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { color:#5a5194 !important;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { color:#7870ab !important;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { color:#666 !important;     font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#aaa !important; }

.blogImage img { width:206px; }

#twitter .tweet {padding:5px;}
#twitter .tweet:hover {background-color:transparent;}
#twitter .tweet p {margin:0;}
#twitter .tweet .tweet_time {color:#999; font-size:10px;}

/*   
Theme Name:monochrome
Theme URI:
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.You can see live demo including more information here http://www.mono-lab.net/demo1/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:3.0.3 (tistory 0.9beta, editor Juo http://juostory.tistory.com)
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#f2f2f2;
       font-family: Arial, Helvetica, sans-serif; 
       font-size:12px; color:#666; }
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#33a8e5; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:200%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 23px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
 table { border-collapse:collapse; width:100%; border:0; } 
blockquote { margin:0 0 1em 0; padding:35px 20px 0 20px; border:1px solid #ccc; background:#fafafa url(images/quote1.gif) no-repeat 10px 10px; }
blockquote p { margin:0 0 5px 0; }
.quote_bottom { height:30px; background:#fafafa url(images/quote2.gif) no-repeat right ; margin-right:-10px; }
pre { border:1px solid #ccc; background:#fafafa; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
/* object { display:block; margin:0 auto; } */
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
li.comment-name img{ position:absolute; margin-left:-54px; margin-top:-2px; padding:1px; background:transparent; border-top:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid #C4C4C4; width:32px; height:32px; }

/* ----- layout -----------------[_noside padding-left:40px right_col 5종 ]------------------------------------------------ */
#wrapper { width:1100px; margin:10px auto 0; }
#header { background:url(images/header.gif) no-repeat bottom; }
#contents { background:url(images/side.gif) repeat-y; }
#left_col { float:left; display:inline; width:860px; margin:0 0 0 2px; }
#right_col { float:right; display:inline; width:236px; margin:51px 2px 30px 0; }
#footer { background:url(images/footer.gif) no-repeat top; height:90px; }

/* notice-wide */
#tt-body-notice #header { background:url(images/header_noside.gif) no-repeat bottom; }
#tt-body-notice #contents { background:url(images/side_noside.gif) repeat-y; }
#tt-body-notice #left_col { padding-left:40px; }
#tt-body-notice #right_col, #tt-body-notice #header_meta, #tt-body-notice dl.post_meta { display:none; }
#tt-body-notice #footer { background:url(images/footer_noside.gif) no-repeat top; }

/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top { height:125px; }
#logo { float:left; display:inline; margin:26px 0 0 5px; }

/*blogtitle*/
#logo a, #logo a:visited { color:#333; font-size:24px;  line-height:24px;}
#logo a:hover { text-decoration:none; color:#33a8e5; }

/*description*/
#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:0; color:#aaa; font-size:11px; }

/*header menu is at the bottom of this page*/


/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */
.post { background:url(images/post_line.gif) no-repeat left bottom; }
#single_post { background:none; }
.post_odd { clear:both; }
.post_even { background:url(images/meta_stripe.gif) repeat-y left; clear:both; }
.post_content_wrapper { float:right; width:680px; padding:50px 15px; }
.post_meta { float:left; display:inline; width:120px; padding:0 15px 35px; margin:35px 0 0 0; }
.content_noside { float:right; width:680px; padding:15px; }

/* ----- post contents -------------------------------------------------------------------------------------------------------------------------- */

/* post title */
.post_title { font-size:16px; margin:0 0 11px 0; font-weight:normal; line-height:0; background:url(images/stripe1.gif) repeat-x bottom; padding:0; }
.post_title a, .post_title a:visited, .post_title span { color:#666; line-height:120%;  display:inline-block; padding:0 0 13px 0; }
.post_title a:hover { text-decoration:none; color:#2089cc; }

.post_content {line-height:160%; }

.post_content p { margin:0 0 15px 0; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { margin:0 0 15px 0; }
.post_content a,.post_content a:visited { color:#2089cc; text-decoration:underline; }
.post_content a:hover { color:#e2415b; }

/* read more */
.post_content a.more-link, .post_content a.more-link:visited 
  { display:block; clear:both; color:#666; margin:15px 0 0 0; height:20px; padding:0 0 4px 45px; background:url(images/read_more.gif) no-repeat left top; text-decoration:none; }
.post_content a.more-link:hover { color:#2089cc; background:url(images/read_more.gif) no-repeat left bottom; text-decoration:none; }

/* layout of image */
.post img.centered,div.center { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.article img { border:0; }


.post img.alignright,div.alignright { margin:4px 0 15px 15px; display:inline; }
.post img.alignleft,div.alignleft { margin:4px 15px 15px 0; display:inline; }


/* table 
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #ccc; padding:15px; }
.post th { background:#eee; font-weight:normal; }
*/
/* list */
.post_content ul li { margin:0 0 1em 0; line-height:160%; background:url(images/bullet1.gif) no-repeat 3px 7px; padding:0 0 0 18px; }
.post_content ol li { margin:0 0 1em 0; }
.post_content input { margin:5px 0; }

/* post meta (left side of each post)  */
.post_meta { font-size:11px; text-align:right; line-height:160%; margin:34px 0 0 0; }
.post_meta dt { color:#999; margin:20px 0 0 0; padding-top:20px; background:url(images/dot1.gif) repeat-x top; }
.post_meta dt.meta_date { padding:16px 0 5px 0; margin:0; background:none; }
.post_meta a, .post_meta a:visited { color:#666; }
.post_meta a:hover { color:#33a8e5; }
.post_date { font-size:32px; padding:5px 0 0 0; }
.post_date span { color:#666; }

/* odd post color (default is blue) */
.meta_comment a, .meta_comment a:visited, .post_date, .post_meta dt.meta_comment { color:#33a8e5; }

/* even post color (default is green) */
.post_even .meta_comment a, .post_even .meta_comment a:visited, .post_even .post_date, .post_even .post_meta dt.meta_comment, .post_even .post_meta a:hover
 { color:#75e730; }

/* next,previous post */
#previous_next_post { display:none; padding:15px 15px; margin:0 0 0 150px; width:680px; }
#previous_next_post #previous_post a { float:left; /* width:231px; */ display:block; padding:5px 0 10px 35px; background:url(images/preview_post.gif) no-repeat left top; }
#previous_next_post #next_post a { float:right; display:block; text-align:right; /* width:231px; */ padding:5px 35px 10px 0; background:url(images/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

/* ----- header_meta (for breadcrumb,archive,category,tag,search) ------------------------------------------------------------------------------- */
#header_meta { width:680px; background:url(images/header_meta.gif) no-repeat right top; border-bottom:1px solid #dee3e6; padding:8px 15px; margin:-11px 0 -20px 150px; }
#header_meta ul#bread_crumb { margin:0;  _padding-top:3px; }
#header_meta ul#bread_crumb li { display:inline; font-size:11px; margin:0;  }
#header_meta ul#bread_crumb li#bc_home, #header_meta ul#bread_crumb li#bc_cat { background:url(images/arrow5.gif) no-repeat right 4px; margin:0 6px 0 0; padding:0 15px 0 0; }
#header_meta p { margin:0; font-size:14px; padding:10px 0 7px 0; }
#header_meta #keyword { color:#33a8e5; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_box { color:#666; margin:0 15px 25px; font-size:11px; background:url(images/dot1.gif) repeat-x top; clear:both; padding:30px 0 0; }
.first_side_box { background:none; padding:0; }

#right_col h3 { font-size:11px; color:#999; font-weight:normal; text-transform:uppercase; line-height:100%; margin:0 0 1em 0; padding:0; }
#right_col a, #right_col a:visited { color:#7d7d7d; }
#right_col a:hover { color:#f3dc19; }

.side_box ul { margin:0; }
.side_box li { margin:0 0 1em 0; line-height:140%; }
.side_box li li { padding:0 0 0 1em; margin:3px 0; }
.side_box .notice li { line-height:90%; _padding-top:3px; }
/* information */
#information_area { padding:0 0 0 0; margin:0 0 20px 0; }
#information { color:#7d7d7d; background:url(images/stripe4.gif) left top; padding:10px; border:1px solid #454545; margin:0 15px; line-height:160%; }

/* rss feed */
#entries_rss { font-size:11px; background:url(images/entries_rss.gif) no-repeat left top; padding:2px 0 0 18px; margin:8px 15px 0 0; float:right; display:inline; }
#entries_rss a:hover { text-decoration:none; }

/* search area */
#search_area { width:206px; height:27px; background:url(images/search.gif) no-repeat left top; margin:0 0 7px 0; }
#search_input { float:left; margin:7px 0 0 10px; border:0px; height:15px; display:inline; width:150px; font-size:100%; color:#999; background:transparent; }
#search_button { float:right; }
#search_area_top { background:none; padding:0; margin:0 15px 25px; }

/* tag list */
#tag_list { margin:0 0 -25px 0;  }
.search_tag { float:right; display:block; margin:0 0 5px 0; padding:2px 0 2px 24px; font-size:11px; background:url(images/tag1.gif) no-repeat left top; }
.search_tag:hover { text-decoration:none; }
.active_search_tag { background:url(images/tag2.gif) no-repeat left top; }
#tag_list .wp-tag-cloud { clear:both; margin:0 0 10px 0; border:1px solid #f3dc19; background:#333; padding:6px; font-size:12px; display:none; }
#tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }

/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; }
#wp-calendar th, #wp-calendar td {  padding:0; width:14%; line-height:220%; text-align:center; }
#wp-calendar th { color:#999; }
#wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none; color:#bbb; background:url(images/calendar2.gif) no-repeat center; }
#wp-calendar td a:hover {  background:url(images/calendar3.gif) no-repeat center; color:#bbb; }
#wp-calendar caption { padding:8px 0; }
#wp-calendar tfoot td { border:none; padding:5px 0; }
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited
  { text-decoration:none; background:none; color:#7d7d7d; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { text-decoration:underline; color:#f3dc19; }
#wp-calendar td#today { color:#888; background:url(images/calendar2.gif) no-repeat  center; }

/* recent post date (for non widget user) */
.side_box li.side_date { margin:0; padding:0; }

/* return top link */
#return_top a { position:absolute; position:fixed; right:15px; bottom:15px; width:18px; height:99px;
                display:block; background:url(images/return_top.png) no-repeat left top; }
#return_top a:hover { background:url(images/return_top.png) no-repeat right top; text-decoration:none; }

/* ----- footer ------------------------------------------------------------------------------------------------------------------------------- */
#copyright { float:left; display:inline; margin:55px 0 0 -10px; color:#777; }
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; background:url(images/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { color:#777; }

/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_noside_contents { background:url(images/side_noside.gif) repeat-y; padding:30px 122px 10px; }
#page_noside_header { background:url(images/header_noside.gif) no-repeat top; height:32px; margin:-32px 0 0 0; }
#page_noside_post { padding:0 15px 20px; background:none; }
#footer_noside { background:url(images/footer_noside.gif) no-repeat top; height:90px; }
#page_date { margin:-9px 0 0 0; font-size:11px; }

/* ----- page navi (pager) ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,  
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi .selected, .page_navi span.dots
 { color:#999; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(images/pager1.gif) no-repeat left top; }
.page_navi a:hover{ color:#999; background:url(images/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current, .page_navi .selected { background:url(images/pager2.gif) no-repeat left top; color:#fff; }

/* normal navigation */
#normal_next_post a { float:left; display:block; padding:5px 0 10px 35px; background:url(images/preview_post.gif) no-repeat left top; }
#normal_previous_post a { float:right; display:block; text-align:right; padding:5px 35px 10px 0; background:url(images/next_post.gif) no-repeat right top; }


/* ----- header-menu (default color #f3193d) --------------------------------------------------------------------------------------------------------------------------- */
.header_menu { float:right; display:inline; margin:20px 0 0 0; height:52px; background:url(images/header_menu_right.gif) no-repeat right top; }

.menu { float:left; background:url(images/header_menu_left.gif) no-repeat left top; font-size:11px; height:52px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; border-left:1px solid #444; height:48px; margin:2px 0 0 0; z-index:10; }
.menu ul li { height:auto; border-left:none; padding:0; left:auto; margin:0; }
.menu a:link, .menu a:visited { color:#999; display:block; padding:19px 30px 14px; position:relative; }
.menu a:hover { color:#f3193d; text-decoration:none; background:#333; }
.menu ul { position:absolute; top:48px; left:0; display:none; opacity:0; width:200px; }
.menu ul ul { margin:0 0 0 189px; top:0; }

.menu ul a:link, .menu ul a:visited,
 .menu .current_page_item ul a:link, .menu .current_page_item ul a:visited,
  .menu ul .current_page_item a:link, .menu ul .current_page_item a:visited,
   .menu ul .current_page_item ul a:link, .menu ul .current_page_item ul a:visited,
 .menu .current-cat ul a:link, .menu .current-cat ul a:visited,
  .menu ul .current-cat a:link, .menu ul .current-cat a:visited,
   .menu ul .current-cat ul a:link, .menu ul .current-cat ul a:visited,
 .menu .current-menu-item ul a:link, .menu .current-menu-item ul a:visited,
  .menu ul .current-menu-item a:link, .menu ul .current-menu-item a:visited,
   .menu ul .current-menu-item ul a:link, .menu ul .current-menu-item ul a:visited
   { color:#999; background:#282828; line-height:140%; padding:9px 28px 7px; border:1px solid #444; width: 132px; margin:-1px 0 0 0; }

.menu ul a:hover,
 .menu .current_page_item ul a:hover,
  .menu .current-cat ul a:hover,
   .menu .current-menu-item ul a:hover,
.menu .first_menu ul a:hover,
 .menu .last_menu ul a:hover
   { color:#f3193d; background:#333; }

.menu .current_page_item,
 .menu .current-cat,
  .menu .current-menu-item
  { background:url(images/stripe2.gif) 0 0; z-index:9;}

.menu .current_page_item a:link, .menu .current_page_item a:visited,
 .menu .current-cat a:link, .menu .current-cat a:visited,
  .menu .current-menu-item a:link,  .menu .current-menu-item a:visited
  { color:#f3193d; padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; }

#tt-body-page .menu li.page-item-00 a
  { color:#f3193d; padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; }
#tt-body-guestbook .menu li.page-item-25 a
  { color:#F3DC19; /* padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; */ }
#tt-body-tag .menu li.page-item-22 a
  { color:#F3DC19; /* padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; */ }
#tt-body-media .menu li.page-item-23 a
  { color:#F3DC19; /* padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; */ }
#tt-body-location .menu li.page-item-24 a
  { color:#F3DC19; /* padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; */ }
#tt-body-notice .menu .page-item-21 a
  { color:#F3DC19; /* padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; */ }
#tt-body-archive .menu li.page-item-28 a,
#tt-body-search .menu li.page-item-28 a,
#tt-body-category .menu li.page-item-28 a
  { color:#F3DC19; /* padding-bottom:21px; background:url(images/header_menu_arrow.gif) no-repeat center bottom; */ }


.menu ul .current_page_item a:link, .menu ul .current_page_item a:visited,
 .menu ul .current-cat a:link, .menu ul .current-cat a:visited,
  .menu ul .current-menu-item a:link, .menu ul .current-menu-item a:visited
  { color:#f3193d; background:#282828 url(images/stripe2.gif) left top; }

.menu ul .current_page_item ul a:link, .menu ul .current_page_item ul a:visited,
 .menu ul .current-cat ul a:link, .menu ul .current-cat ul a:visited,
  .menu ul .current-menu-item ul a:link, .menu ul .current-menu-item ul a:visited
  { color:#999; background:#282828; }

.menu ul .current_page_item ul a:hover,
 .menu ul .current-cat ul a:hover,
  .menu ul .current-menu-item ul a:hover
  { color:#f3193d; background:#333; }

.menu .first_menu { border:none; background:none; }
.menu .first_menu_active { background:url(images/header_menu_first_active.gif) no-repeat left top; border:none; }
.menu .first_menu a:hover { background:url(images/header_menu_first_hover.gif) no-repeat left top; }
.menu .last_menu { background:none; }
.menu .last_menu_active { background:url(images/header_menu_last_active.gif) no-repeat right top; }
.menu .last_menu a:hover { background:url(images/header_menu_last_hover.gif) no-repeat right top; }

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background:#282828 url(images/arrow4.gif) no-repeat right 14px; }
.menu ul .parent_menu > a:hover { background:#333 url(images/arrow4.gif) no-repeat right 14px; }

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* comment css */
#comments_wrapper { float:right; width:710px; padding:0 0 15px 0; }

#comment_area, #trackback_area { margin:15px 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #ccc; }
#trackback_area {  }


/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:1px solid #ccc; font-size:11px; position:relative; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 5px; }
#add_comment a { background:url(images/write_comment.gif) no-repeat left center; padding:0 0 0 20px; }
#comment_feed a { background:url(images/comment_rss.gif) no-repeat left center; padding:0 0 0 20px; }

#comment_header_right { clear:left; position:absolute; top:-1px; right:15px;  background:transparent; }
#comment_header_right li, #comment_header_right #trackback_closed { border-top:1px solid transparent; border-bottom:1px solid #ccc;  }
#comment_header_right li.comment_switch_active,#comment_header_right #comment_closed { border:1px solid #ccc; border-bottom:1px solid transparent; }
.comment_switch_active a { color:#33a8e5; }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 15px 15px; padding:15px 0 3px; background:#eee; }
.even_comment, .odd_comment_children { background:#eee; }
.odd_comment, .even_comment_children { background:#fdfdfd; }
.admin-comment { }

/* ----- comment-meta ----- */
.comment-meta { height:56px; position:relative; }

.comment-meta-left { position:absolute; left:15px; top:0; }
.comment-meta.tracback-meta .comment-meta-left { position:absolute; left:0px; top:0; }
.avatar { border:1px solid #ccc; background:transparent; width:37px; height:37px; padding:2px; display:inline; float:left; margin:0 15px 0 0; }
.comment-name-date { padding:6px 0 0 0; float:left; }

.commentlist a, .commentlist a:visited, .comment-name { color:#2d96bd; }
.commentlist a:hover { color:#ef3982; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }

.comment-date { font-size:11px; color:#757676; margin:0 0 0 0; }

.comment-act { background:url(images/arrow2.gif) no-repeat left 5px; font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-meta.tracback-meta .comment-act { background:url(images/arrow2.gif) no-repeat left 5px; font-size:11px; position:absolute; right:0px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* ----- comment-contents ----- */
.comment-content { padding:0; clear:both; margin:0 15px; }
* html .comment-content { padding:5px 0 0 0; }
.comment-content a, .comment-content a:visited { text-decoration:underline; }
.comment-content a:hover { }
.comment blockquote span { margin:0 0 -1em 0; display:block; }

.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }

.comment_closed { border:1px solid #ccc; text-align:center; margin:0 15px 15px 15px; padding:15px; background:#fff url(images/stripe3.gif) left top; }
#trackback_closed { background:url(images/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 15px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 15px; }

#trackback_url_wrapper { margin:0 15px 20px; font-size:11px; }
#trackback_url_wrapper label { margin:0 0 2px 5px; display:block; }
#trackback_url_wrapper input { background:#fff url(images/arrow1.gif) no-repeat 10px center; border:1px solid #ccc; color:#777; padding:5px 20px; width:468px; }

/* ----- comment-pager ----- */
#comment_pager { margin:0 15px 10px 15px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }



/* ---------- form area ------------------------------------------------------------------------------------------------------------------------- */
.comment_form_wrapper { border:1px solid #ccc; margin:0 15px 15px; padding:15px; background:transparent url(images/stripe3.gif) left top; }

#cancel_comment_reply  { background:url(images/arrow2.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 11px; }

#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:100%; }
#comment_user_login span { margin:0 0 0 40px; }

#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:100%; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(images/arrow1.gif) no-repeat 10px 3px; }

#guest_info { padding:0; width:98%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; border:1px solid #ccc;  padding: 3px 5px; width:70%; background:transparent; color:#777; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span { color:#666; margin:0 10px 0 0; }

#comment_textarea textarea { width:90%; margin:15px 0 0 0; padding:15px; height:150px; border:1px solid #ccc;
                             background:transparent; color:#777; font-size:11px; overflow:auto; }

#submit_comment { margin:30px auto 0 auto; width:200px; display:block; background:transparent; color:#666; border:1px solid #ccc; padding:4px 0; cursor:pointer; }
#submit_comment:hover { border:1px solid #33a8e5; color:#33a8e5; }

#back_top_comment { float:right; background:url(images/arrow3.gif) no-repeat left center; padding:0 0 0 16px; display:inline; margin:0 15px 10px 0; font-size:11px; }

#input_hidden_field { display:none; }

/* ----- password protected ----- */
.nocomments { text-align:center; margin:0 15px; color:#33a8e5; border:1px solid #ccc; background:#fff url(images/stripe3.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; }

/* ----- plugin ----- */
#guest_info div#custom_smilies { margin:0; padding:10px 0 0 0; }
p.subscribe-to-comments { margin:15px 0 -15px 0; }


/* graphics */
/* change */

.highslide-image { padding:15px; background: none; }
.highslide-wrapper, .highslide-outline { background: none; }

/* change */
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {

}
.highslide:hover img {

}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px; 
	background: none;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(images/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(images/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(images/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(images/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(images/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(images/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
#div3 { border:1px solid red; }
.highslide-html { padding:15px; 
	background-color: transparent;
}
.highslide-html-content {
	display: none;
	width: 400px;border:1px solid red;
	padding: 0 5px 5px 5px;
}
.highslide-header { position:absolute; right:5px; bottom:0; }
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	color: gray; font-size:11px;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(images/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: .5em;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(images/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(images/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(images/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(images/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}
.postImg2 {display:none;}

#ttCanvas { margin-left:175px !important; margin-top:30px !important; width:680px !important; }

.another_category {background:url("./images/TongCasT.png") no-repeat bottom right;} /* 배경 이미지 */
.another_category td {display:none;} /* 날짜 감추기 */

 /* 스크롤바 */
html {
 overflow-y:scroll;
 scrollbar-3dlight-color:#ebebeb;
 scrollbar-arrow-color:#cacaca;
 scrollbar-base-color:#a8a8a8;
 scrollbar-track-color:#8f8f8f;
 scrollbar-darkshadow-color:#ebebeb;
 scrollbar-face-color:#cacaca;
 scrollbar-highlight-color:#a8a8a8;
 scrollbar-shadow-color:transparent;
}
#ttCanvas { margin-left:175px !important; margin-top:30px !important; width:580px !important; }

div.blogger-news-widget {display:inline;float:right;clear:both;text-align:left;width:0px !important;overflow:hidden !important;margin-top:0px;border-right:1px solid #c3c9e0;} div.mixup_widget {display:block;float:right;clear:both;width:60px !important;} div.another_category {clear:none;width:580px !important;} div.another_category tr {line-height:15px;height:15px;} div.blogger-news-widget embed {float:left;} fieldset {clear:both;display:block;width:100%;} 

/* 피드버너 + 다음뷰구독자 */
#blogfeedcount { width: 172px; margin-bottom: 10px; }
#blogfeedcount .feedburnercount { float: left; width: 80px; height: 26px; }
#blogfeedcount .daumcount { float: right; width: 80px; height: 26px; background: url(./images/daumcountbg.gif) no-repeat 0 0; cursor: pointer;}
#blogfeedcount .daumcountnum { font-size: 11px; font-family: 굴림; float: right; margin: 0.5px 3px 0 0;}