@charset "utf-8"; 

/*   
Theme Name:Piano Black
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/demo3/
Author:mono-lab
Author URI:http://www.mono-lab.net
Version:2.3
Version:beta, 티스토리 버전(Editor by http://juostory.tistory.com/ )
Tags: white, simple, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/
#tistorytoolbarid {display:none;}
* { margin:0; padding:0; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야 하는 스타일 시작 (참고용)
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 페이징 - 현재 페이지 */
    .selected 				{ }
    .no-more-prev,
	.no-more-next 		{ }

/* 카테고리 - 이미지 버튼 */
    .ib                     	{ }
	
/* 카테고리 - 트리 셀 */
    .branch3                	{ }

/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  	{ }

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             	{ }
    .rp_admin               	{ } /* 클래스명이 제대로 사용되고 있지 않은것 같음 */
    .rp_secret              	{ }

/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          {   }
    .guest_admin            {   } 
    .guest_secret              	{ }

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment 		{ }

/* 이미지 아래 캡션 스타일 */
    .cap1                   	{ color:#999;  text-align:center;}

/* 그림 */
    .imageblock             { }

/* 왼쪽 */
    .left                   	{ }

/* 가운데 */
    .center                 	{ }

/* 오른쪽 */
    .right                  	{ }

/* 그림 2개 배치 */
    .dual                   	{}

/* 그림 3개 배치 */
    .triple                 	{}

/* 키워드 */ 
    .key1 	{ cursor: pointer; border-bottom: 1px dotted #ccc; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야 하는 스타일 끝 
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 공통 요소 및 추가 */
img {border: 0; }
hr {display: none; }
input {vertical-align: middle; }
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; }
.article { line-height:200%; }

.post .post_content .article  p { font-size: 12.5px; line-height:200% !important; font-family: "돋움"; text-align:justify !important; }
.article p { font: 12.5px/200% "돋움"; text-align:justify !important; overflow:hidden; }/*  word-wrap: break-word;  */
.article .entry-ccl img {border:0;  }

/* 태그 클라우드 */
.cloud1, .cloud1:hover {color: #dc0a25 !important; font-size: 1.2em; font-weight:bold;}
.cloud2, .cloud2:hover {color: #dc0a25 !important; font-size: 1.1em; font-weight:bold;}
.cloud3, .cloud3:hover {color: #606060 !important; font-size: 1em; font-weight:bold;}
.cloud4, .cloud4:hover {color:#959595; font-size: 1em; }
.cloud5, .cloud5:hover {color:#959595; font-size: 0.9em; }

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

.moreless_fold {padding-left: 20px; background: url('./images/btn_more.gif') no-repeat 0 5px; color: #8b8a8a; font-weight:bold !important; }
.moreless_top {padding-left: 20px; background: url('./images/btn_less.gif') no-repeat 0 5px; color: #8b8a8a; font-weight:bold !important; }
.moreless_bottom {padding-left: 20px; background: url('./images/btn_less.gif') no-repeat 0 5px; color: #8b8a8a; font-weight:bold !important; }

.article_post h1,
.article_post h2,
.article_post h3,
.article_post h4,
.article_post h5,
.article_post h6 {padding:10px 0; line-height:1.1em;}

#mediaLogNest { width:90% !important; text-align:right !important; }
#mediaLogContent { margin-left:30px; }

/* 카테고리 */
.branch3 {cursor: pointer; }
.c_cnt {color:#777; font-size: 11px; font-family:Tahoma, Verdana, sans-serif;}
#categories-4, #categories-4 ul, #categories-4 li, #categories-4 td { line-height:98% !important; }
#categories-4  td{ _line-height:120% !important; }

.entry .admin { margin:0px 0 0 15px; font-size:9px; }
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#81c8d5; 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; }
ol { margin:0 0 1em 19px; padding:0; } 
ol li { padding:0 0 5px 0; line-height:normal; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }


blockquote { margin:0 0 1em 0; padding:15px 20px 0 30px; border:1px solid #333; background:#222; background: url(images/quote1.gif) no-repeat 10px 10px}
blockquote p { margin:0 0 5px 0; }
blockquote a, blockquote a:visited { text-decoration:underline; }
.quote_bottom { height:30px; background: url(images/quote2.gif) no-repeat right ; margin-right:-10px; }

pre { border:1px solid #333; background:#222; padding:10px 20px; margin:0 0 1em 0; overflow: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; }

.localog_rep .info a { padding-left: 22px; background:url(images/icon.gif) no-repeat 0 -1px;}
/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background: url(images/back1.gif);
       font-family:"돋움","Dotum", "Century Gothic", Arial, Helvetica, sans-serif;
       font-size:12px; color:#b8babb; }

/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
#wrapper { background:url(images/back2.png) no-repeat center top; }
#header { background:url(images/top.png) no-repeat bottom; height:160px; }
#contents { width:959px; margin:0 auto;  clear:both; }

#middle-contents { background:url(images/side.png) repeat-y; _background:url(images/side.gif) repeat-y; text-align:left; padding-bottom:50px; }

#left_col { float:left; display:inline; width:584px; margin:0 0 0 5px; overflow:hidden;}
#right_col { float:right; display:inline; width:270px; margin:70px 5px 0 0; padding:0 30px 0 30px;  overflow:hidden;}
#footer { background:url(images/bottom.png) no-repeat top; _background:url(images/bottom.gif) no-repeat 0 -3px; height:114px; margin-bottom:50px;  }

#contents_noside { background:url(images/side_noside.gif) repeat-y; clear:both; padding:60px 28px; }

/*  ------ header ---------------------- */

/* Change the number of margin if you are using original logo image */
#logo_image { margin:69px 0 0 30px; float:left; display:inline; }
#logo_image h1 { margin:0; padding:0; }

/* blog title */
#logo { float:left; display:inline; margin:64px 0 0 40px; }
#logo a, #logo a:visited { color:#ccc; font-size:22px; }
#logo a:hover { text-decoration:none; color:#83bac4; }

#logo h1 { font-weight:normal; line-height:100%; margin:0; padding:6px 0; color:#666; font-size:11px; }

#header_meta { float:right; display:inline; margin:0 40px 0 0; }

#rss-feed { font-size:11px; float:left; margin:62px 0 0 20px; display:inline; color:#777; background:url(images/rss.gif) no-repeat left top; height:25px; padding:18px 0 0 55px; }
#rss-feed:hover { background:url(images/rss.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }

#twitter { font-size:11px; float:left; margin:62px 0 0 20px; display:inline; color:#777; background:url(images/twitter.gif) no-repeat left top; height:25px; padding:18px 0 0 55px; }
#twitter:hover { background:url(images/twitter.gif) no-repeat left bottom; color:#83bac4; text-decoration:none; }

#search-area { float:left; display:inline; width:183px; height:29px; margin:70px 25px 0 0; background:url(images/search-area.gif) no-repeat; position:relative; }
#search-input { position:absolute; top:7px; left:21px; border:0px; height:17px; display:inline; width:125px; font-size:100%; color:#7e7e7e; background:transparent; }
#search-button { position:absolute; right:0px; top:0px; }


/*  ------ header-menu ------------------------ */

.header-menu-wrapper { }
#pngfix-right { background:url(images/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:right; }
#pngfix-left { background:url(images/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:right; }

.menu { float:right; background:url(images/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; border-left:1px solid #222; height:55px; padding:0 18px; z-index:100; }
.menu li.first_menu { border:none; }
.menu ul li { height:auto; border-left:none; padding:0; left:auto;  }
.menu #header-menu-home { border:none; }
.menu a, .menu a:visited { color:#888; display:block; padding:0 15px; line-height:49px; position:relative; top:5px; }
.menu a:hover { color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

.menu ul { position:absolute; top:52px; left:0; display:none; opacity:0; width:200px; }
.menu ul a, .menu ul a:visited { background:#000; line-height:140%; padding:9px 30px 8px; border:1px solid #222; width: 128px; margin:-1px 0 0 0; }
.menu ul a:hover { background:#222 !important; border-bottom:1px solid #222 !important; }
.menu ul ul { margin: -34px 0 0 189px; top:34px; }

.menu .current_page_item a, .menu .current_page_item a:visited,
 .menu .current-cat a, .menu .current-cat a:visited,
  .menu .current-menu-item a, .menu .current-menu-item a:visited
{ color:#869497; border-bottom:2px solid #627376; }

.menu .current_page_item a:hover,
 .menu .current-cat a:hover,
  .menu .current-menu-item a:hover
{ color:#83bac4; border-bottom:2px solid #83bac4; text-decoration:none; }

.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover,
 .menu .current-cat ul a, .menu .current-cat ul a:visited, .menu .current-cat ul a:hover,
  .menu .current-menu-item ul a, .menu .current-menu-item ul a:visited, .menu .current-menu-item ul a:hover
{ border-bottom:1px solid #373737; }

.menu ul .parent_menu > a:link, .menu ul .parent_menu > a:visited { background:#000 url(images/arrow1.gif) no-repeat 170px 15px; }
.menu ul .parent_menu > a:hover { background:#222 url(images/arrow1.gif) no-repeat 170px 15px; }

/* ***********************************************************

       header menu is at the bottom of this page!

************************************************************ */

.post { margin:0px 0 5px 35px; /* 549 */ }

.post h1 { margin:0 0 1px 0; padding:0; line-height:100%; }
.post h1 a, .post h1 a:visited, #single h1 { color:#ccc; font-size:16px; line-height:120%; font-weight:normal; }
.post h1 a:hover { text-decoration:none; color:#83bac4; }
.post-info { margin:0; }
.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
.write-comment { background:url(images/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
.post-info a, .post-info a:visited { color:#777; }
.post-info a:hover { color:#83bac4; }


/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */

.noEntry { padding-bottom:60px; }
.noEntry .post_meta { margin-top:0px } 
.searchList ol, .searchList li {margin-left:0; padding-left:0;}
.searchList .post_metaX { padding:20px 0 0 40px; }
.localog .post_metaX { padding:20px 0 0 30px; }
.guestbook .post_metaX { padding:20px 0 0 29px; }
.taglog .post_metaX { padding:20px 0 0 38px; }
.taglog ol, .taglog li {margin-left:0; padding-left:0;}

#previous_next_post { padding:15px 30px; margin:0 0 20px 0; }
#previous_next_post #previous_post a { float:left; display:block; width:231px; padding:8px 0 10px 40px; 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:8px 40px 10px 0; background:url(images/next_post.gif) no-repeat right top; }
#previous_next_post p { line-height:140%; margin:0; }

/* post title */
.post_title { font-size:16px; margin:0; font-weight:normal; line-height:140%; padding:0 0 0px 0; color:#555; border-bottom:1px solid #363838; _border-bottom:1px solid #1c1c1c; margin-bottom:0px;  }
.post_title a, .post_title a:visited { color:#555; display:inline-block; }
.post_title a:hover { text-decoration:none; color:#2089cc; }

/* post date,author,etc */
.post_info li { display:inline; font-size:11px; margin:0 12px 0 0; color:#aaa; }
.post_info li a, .post_info li a:visited { color:#aaa; }
.post_info li a:hover { color:#2089cc; }
li.write_comment a{ background:url(images/arrow5.gif) no-repeat left center; padding:0 0 0 7px;margin-left:10px; }

/* post contents */
.post_content { margin:0px 0 30px 0; padding-top:23px; border-top:0px solid #525252; }
.post_content p { margin:0 0 1em 0; }

/* ********************************************************************************
post image (delete this 2 line if you wan't to get rid of border around the image) 
********************************************************************************* */
.post img, .post a img { border:0; padding: 5px 0px; margin:0 0px 0 0;  }

.no-border-image img, .no-border-image a img { border-color:transparent; background-color:transparent !important; }
.post a:hover img { border:0; }

.no-border-image a:hover img{ border-color:transparent; background-color:transparent !important; }

.post img.centered,div.centered { display:block; margin:0 auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:0 auto; }
.post img.alignright,div.alignright { margin:4px 0 5px 15px; display:inline; }
.post img.alignleft,div.alignleft { margin:4px 15px 5px 0; display:inline; }
.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

.post table { margin:0 0 1em 0; }
.post td { border:0px solid #ccc; padding :15px ; }
.post th { border:0px solid #ccc; padding :15px ; }
.post th {  font-weight:normal; }

.post_content ul li { margin:0 0 1em 0; line-height:160%; background:url(images/bullet1.gif) no-repeat 5px 7px; padding:0 0 0 18px; }
.post_content ol li { margin:0 0 1em 0; line-height:160%; }
.post_content input { margin:5px 0; }

/* ----- post meta ----- */
.entryProtected .post_metaX {padding:30px 0 0 37px; }

.post_meta { background:url(images/meta-top.gif) no-repeat right top; padding:13px 0 0 0; clear:both; width:585px; }
.post_meta ul { background:url(images/meta-bottom.gif) no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%;  }
.post_meta li { font-size:11px; line-height:140%; margin:0; }

.post_category { float:left; width:380px; padding:0px 0 0 2px; }

.post_tag { float:left; width:210px; padding:0 0 0 2px; }

.post_comment { float:right; background:url(images/write-comment.gif) no-repeat 0 0px; padding:0 10px 0 17px; max-width:150px;  width:auto !important; _width:90px; }
.actionTrail a{ font-size:0.98em; }

/* ----- bread crumb ----- */
#bread_crumb { /* background:url(images/meta_bottom.gif) no-repeat right bottom; */ padding:0;  margin: 0px 0 10px 0; }
#bread_crumb ul { /* background:url(images/meta_top.gif) no-repeat right top; */ padding:12px 15px 12px 0px; margin:0; line-height:0%; }
#bread_crumb li { display:block; float:left; font-size:11px; line-height:140%; margin:0; }
#bread_crumb li#bc_cat { background:url(images/category-icon.gif) no-repeat 0 -1px; padding:0 10px 0 20px; margin:0 10px 0 30px; _margin-left:15px; }
#bc_home a:hover { /* background:url(images/home_icon.gif) no-repeat left bottom; */}

.tagTrail { background:url(images/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 22px; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
#right_col h3, .side_title { margin:0 0 20px 0; font-size:12px; text-transform:uppercase; color:#999; font-weight:normal; line-height:100%; }
.side_box { color:#aaa; margin:0 0 50px 0px; font-size:11px; padding:0 0px 0 0px; }
#right_col .module { margin:0 0 50px 0; font-size:11px; }
#right_col .module a img, .module_plugin a img{display:block !important;}
#right_col ul { line-height:100%; }
#right_col li { margin:0 0 1em 0; }
#right_col li .info_wrap { color:#9E9E9E; }

#right_col li li { padding:0 0 0 10px; margin:3px 0; background:url(images/bullet1.gif) no-repeat 1px 7px; }

#side_left { float:left; width:130px; padding:0; display:inline; margin:0; }
#side_right { float:right; width:130px; padding:0; display:inline; margin:0; }

.side_box_short { margin:0 0 50px 0; width:95px; font-size:11px; color:#aaa;  }

#side_bottom { clear:both;  }

/* this is just for default mode */
#side_left_ex { float:left; width:100px; padding:0; display:inline; margin:0; overflow:hidden;}
#side_right_ex { float:right; width:100px; padding:0; display:inline; margin:0; overflow:hidden; }
#side_bottom_ex { clear:both; }

/* calendar */
.tt-calendar, #wp-calendar { margin:0 auto; width:100%; font-size:11px; }
.tt-calendar th, .tt-calendar td, #wp-calendar th, #wp-calendar td {  padding:0; width:14%; line-height:220%; text-align:center; }

.tt-calendar th { color:#777; }

.tt-calendar td a, .tt-calendar td a:visited, #wp-calendar td a, #wp-calendar td a:visited { display:block; text-decoration:none !important; color:#777; background:url(images/calendar2.gif) no-repeat  45% 99%; }

.tt-calendar td a:hover, #wp-calendar td a:hover { text-decoration:none;  color:#fff; background:url(images/calendar3.gif) no-repeat  45% 99%; }

.tt-calendar caption, #wp-calendar caption { padding:8px 0; }

.tt-calendar tfoot td, #wp-calendar tfoot td { border:none; padding:5px 0; }

.tt-calendar #prev a, .tt-calendar #prev a:visited, .tt-calendar #next a, .tt-calendar #next a:visited,
#wp-calendar #prev a, #wp-calendar #prev a:visited, #wp-calendar #next a, #wp-calendar #next a:visited,

#side_middle {margin:0 0 50px 0; }
#side_middle .tt-calendar #prev a, 
#side_middle .tt-calendar #prev a:visited, 
#side_middle .tt-calendar #next a, 
#side_middle .tt-calendar #next a:visited,

#side_middle #wp-calendar #prev a, 
#side_middle #wp-calendar #prev a:visited, 
#side_middle #wp-calendar #next a, 
#side_middle #wp-calendar #next a:visited
  { text-decoration:none; background:none; color:#81aaa4; }

.tt-calendar #prev a:hover, 
.tt-calendar #next a:hover,
#side_middle .tt-calendar #prev a:hover, 
#side_middle .tt-calendar #next a:hover,

#wp-calendar #prev a:hover, 
#wp-calendar #next a:hover,
#side_middle #wp-calendar #prev a:hover, 
#side_middle #wp-calendar #next a:hover
 { text-decoration:underline; color:#2089cc; }

 .cal_day4, #wp-calendar td#today { color:#7F8E91; background:url(images/calendar1.gif) no-repeat  45% 49%; text-decoration:none; }

#side_middle .tt-calendar td a, #side_middle .tt-calendar td a:visited,
#side_middle #wp-calendar td a, #side_middle #wp-calendar td a:visited { background:url(images/calendar5.gif) no-repeat  45% 49%; }

#side_middle .tt-calendar td a:hover, 
#side_middle #wp-calendar td a:hover { background:url(images/calendar6.gif) no-repeat  45% 49%; }

h3#information-title { background:url(images/info-box-top.gif) no-repeat left top; padding:25px 20px 5px 20px; width:232px; margin:0 0 0 0px; }
.information-contents { line-height:160%; font-size:11px; color:#868a8d; background:url(images/info-box-bottom.gif) no-repeat left bottom; padding:12px 20px 20px 20px; margin:0 0 25px 0px !important; _margin-bottom:80px; width:232px; }

.blogImage img { width:258px; margin-bottom:5px; padding:5px; border:1px solid #ccc;}
.blogImage .blogDesc { padding-left:1px;}
.side_box_short .blogImage img { width:83px; padding:5px; border:1px solid #ccc; margin-bottom:5px; }

.side_box#notice-3 li{ line-height:100% !important; }

/* ----- copyright ------------------------------------------------------------------------------------------------------------------------------- */

#copyrights { color:#777; border-left:3px solid #444; padding:1px 0 0 8px; clear:both; font-size:8pt; }
#copyrights li { margin:0; padding:0; line-height:160%; list-style:none; }
#copyrights a, #copyrights a:visited { color:#777; }
#copyrights a:hover { color:#849ca0; }
#copyrights #wp a { text-decoration:underline; }

#return_top { padding:10px 5px 0 15px; font-size:11px; background:url(images/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
#return_top:hover { color:#81C8D5;}

/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_edit { margin:0; font-size:11px; }

/*  ------ search,archive ------------- */
#search_result,#archive_headline { background:url(images/meta_bottom.gif) no-repeat right bottom; padding:0; width:595px; margin:-10px 0 50px 0; }
#search_result p,#archive_headline p { background:url(images/meta_top.gif) no-repeat right top; margin:0; padding:10px 10px 10px 30px; line-height:160%; }
#keyword { font-weight:bold; color:#2089cc; }
.search_result_content { margin:25px 30px 25px 30px; border-left:1px solid #ccc; padding:5px 0px 0px 15px;  }
.search_result_contents p { clear:both; }
.read_more { padding:0 0 0 20px; }

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:-10px 0 50px 30px; padding:0; clear:both; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }

.numbox .interword { display:none; }
.page-numbers a.num:hover { color:#81C8D5; }
#search_pagenavi { margin:70px 0 0 0; }
.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 span.dots
 { color:#777; width:25px; padding:5px 0 0 0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; }
.page_navi a:hover { color:#999; text-decoration:none; }
.page_navi span.current { color:#fff; }

#previous_page a, #previous_page a:visited { /* float:left; */ display:inline; margin:5px 0 10px 5px; height:22px; padding:7px 0 0 20px; background:url(images/arrow2.gif) no-repeat left top; }
#previous_page a:hover { background:url(images/arrow2.gif) no-repeat left bottom; text-decoration:none; }
#next_page a, #next_page a:visited { display:inline; margin:5px 0 10px 0; height:22px; padding:7px 20px 0 0; background:url(images/arrow3.gif) no-repeat right top; }
#next_page a:hover { background:url(images/arrow3.gif) no-repeat right bottom; text-decoration:none; }


/* 페이징 - 현재 페이지 */
    .selected 				{  font-weight:bold; color: #81C8D5; }
    .no-more-prev,
	.no-more-next 		{ /* color:#ccc; */ }

/* ---------- 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 */

/* ************ http://www.mono-lab.net/demo2/wp-content/themes/neutral/comment-style.css  ************** */
#comments_wrapper{ padding-bottom:10px; }
#comments_wrapper, #comments_wrapper-g { margin:0 0 0 30px; width:554px; }

#comment_area {  margin:15px 0 0 0; padding:0 0 20px 0;  /* margin:15px 0px -5px 0px; padding:0 0 5px 0;  */ } 
#trackback_area { margin:15px 0 0 0; padding:0 0 20px 0; /* margin:15px 0px -20px 0px; padding:0 0 5px 0;  */ } 

#trackback_area ol.commentlist p {font-size:11px; line-height:140% !important; font-family: "돋움"; }

/*  ------ comment_header ----------------------------------------------------------------------------------------------------------------------- */
#comment_header { border-bottom:0px solid #ccc; font-size:11px; position:relative; margin:0 -20px; width:560px; _width:557px; }
#comment_header li { display:inline; float:left; padding:5px 10px; }

#comment_header_left { float:left; display:inline; margin:0 0 0 20px; }
#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:30px;  background:#fff; }
#comment_header_right li, #comment_header_right #trackback_closed { border-top:1px solid #fff; 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 #fff; }
.comment_switch_active a { color:#2089cc; }


/*  ------ comment ------------------------------------------------------------------------------------------------------------------------------ */
.commentlist { list-style-type:none; margin:0; padding:0px; word-wrap: break-word;
 }
.comment { border:1px solid #333; margin:0 0 15px 0; padding:15px 20px 3px 20px; background:#151515; }
.even_comment, .odd_comment_children { background:#1B1B1B; }
.odd_comment, .even_comment_children { background:#141414; }
.admin-comment { }

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

.comment-meta-left { position:absolute; left:15px; top:0; }
.avatar { border:1px solid #ccc; background:#111; width:37px; height:37px;_height:36px; padding:1px; /* display:inline;  */ float:left;margin:0 15px 0 0; }
    .guest_admin .avatar { /* visibility:hidden; */ } 
.comment-name span img { position:absolute; padding:4px 3px 2px 3px; _padding:3px 3px 3px 4px; background:#111; _background:#C4C4C4; margin:-5px 0 0 -54px; width:32px; height:32px; _margin-left:-55px; }

.comment-name-date { padding:6px 0 0 0; float:left; }

.commentlist a, .commentlist a:visited, .comment-name { }
.commentlist a:hover {  }
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/arrow1.gif) no-repeat left 5px; font-size:11px; position:absolute; right:12px; top:5px; padding:0 0 0 13px; }
.comment-act li { display:inline; }
.comment-reply a, .comment-reply a:visited {  padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited {  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/stripe1.gif) left top; }
#trackback_closed { background:url(images/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }

/* ----- trackback-contens ----- */

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

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

/* ----- 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 #333 !important; text-align:center; margin:0 0 15px 0; padding:30px; background:#000 !important; }

#cancel_comment_reply  { background:url(images/arrow1.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, #guest_info-g { padding:0; width:98%; }
#guest_info div, #guest_info-g div { margin:0 0 12px 0; text-align:left; }
#guest_info input, #guest_info-g input { margin:0; border:1px solid #333 !important;  padding: 3px 5px; width:70%; background:#222; color:#a2a2a2; }
#guest_info label, #guest_info-g label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;}
#guest_info span, #guest_info-g span { color:#666; margin:0 10px 0 0; }
#secretWrap, #secretWrap-g {width:60px; float:left; }
#secretWrap label span, #secretWrap-g label span { color:#666; }
input.checkbox  {width:12px; height:12px;}
#comment_textarea textarea { width:450px; margin:15px auto 0 auto; padding:15px; height:150px; border:1px solid #333 !important;
                             background:#222; color:#a2a2a2; font-size:11px; overflow:auto;  }
#guest_info input:focus, #guest_info-g input:focus, #comment_textarea textarea:focus { outline: 1px solid #849ca0; }
#submit_comment, #submit_comment-g { margin:30px auto 0 auto; width:200px; display:block; background:#000; color:#a5a5a5; border:1px solid #555; padding:4px 0; cursor:pointer; }

#submit_comment:hover, #submit_comment-g:hover { border:1px solid #849ca0; color:#849ca0; }

#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; border:1px solid #ccc; background:#fff url(images/stripe1.gif) left top; }
.nocomments p { margin:15px 20px; font-size:12px; color:#2089cc; }

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

.counter 					{ }
.counter dl 					{ border-bottom:1px solid #191919; padding-bottom:5px; margin-bottom:5px;}
.counter dt 				{ float:left;}
.counter dd 				{ text-align:right; padding:2px 5px 0 0;}
.counter .total dd 		{ color:#aaa; font-weight:bold;}

.ProtectedArticleInfom  { padding:0 40px;  }
.taglogUl { padding:0 40px;  }
.taglogUl li{ display:inline; line-height:200%;}
.localog_rep  { padding:0 40px; line-height:160%; }

#return_top a { position:absolute; position:fixed; right:0; bottom:15px;
                display:block; height:138px; width:38px; 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; }
div#ttCanvas { margin-left:47px !important; }

.postImg2 {display:none;}