@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; font-size: 1.2em; font-weight: bold; }
.cloud2, .cloud2:hover { color: #dc0a25; font-size: 1.1em; font-weight: bold; }
.cloud3, .cloud3:hover { color: #606060; 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: 100px; }
#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: 40px 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: 35px 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: 35px 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: 40px 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 bottom; display: block; width: 10px; height: 44px; float: right; }
#pngfix-left { background: url(images/menu_left.png) no-repeat left bottom; display: block; width: 10px; height: 44px; float: right; }

.menu { float: right; background: url(images/menu_middle.png) repeat-x left top; font-size: 11px; height: 40px; margin: 0; }
.menu,
.menu ul { line-height: 1; margin: 0; padding: 0; }
.menu li { position: relative; float: left; border-left: 1px solid #222; height: 40px; 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: 30px; position: relative; top: 5px; }
.menu a:hover { color: #83bac4; border-bottom: 2px solid #83bac4; text-decoration: none; }

.menu ul { position: absolute; top: 45px; 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; }

.side_box#tag-cloud-3  ul { padding: 5px 2px; text-align: justify; }
.side_box#tag-cloud-3  li { background: none; display: inline; }
.side_box#tag-cloud-3  a { letter-spacing: -1px; }
.side_box#tag-cloud-3  li .cloud1 { background-color: #1d1d1d; font-weight: bold; font-size: 2em; color: #fff; }
.side_box#tag-cloud-3  li .cloud2 { background-color: #1d1d1d; font-weight: bold; font-size: 1.8em; color: #fff; }
.side_box#tag-cloud-3  li .cloud3 { background-color: #646464; font-weight: bold; font-size: 1.8em; color: #000; }
.side_box#tag-cloud-3  li .cloud4 { background-color: #c0c0c0; font-size: 1.6em; color: #000; }
.side_box#tag-cloud-3  li .cloud5 { font-size: 1.2em; color: #fff; }

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