@charset "utf-8";

/* 문서 공통 --------------------------------------------------------- */

*	{ margin:0; padding:0; word-wrap:break-word;}
body	{ padding:30px 30px 30px 30px; font:12px 'Verdana', 'Helvetica', 'AppleGothic', Sans-serif; color:#777; background:url('./images/bg.jpg') repeat;}
a:link,
a:visited,
a:active	{ color:#777; text-decoration:none;}
a:hover	{ color:#444;}

h1, h2, h3, h4, h5, h6	{ font-size: 12px; font-weight:bold;}

input { height:18px;}
button,
input,
textarea	{ border:none; background:url('images/bg-b5.png') repeat; font:12px 'Verdana', 'AppleGothic', Sans-serif; color:#777;}
button:focus,
input:focus,
textarea:focus	{ background:url('images/bg-b10.png') repeat;}

img	{ border:none;}
hr	{ display:none;}
.clearer { display:block; clear:both; width:100%; height:1px; line-height:0;}

.cnt, .date, .control, .control a:link, .control a:visited	{ font-size:9px; color:#bbb;}
.control a:hover	{ color:#444;}


/* 블로그 레이아웃 --------------------------------------------------- */

#container	{ position:relative; width:100%; }
#sidebar	{ position:absolute; width:206px; left:0; top:0;}
#content	{ margin-left:206px; line-height:20px;}

.x1, .x2, .x3	{ margin:0 6px 6px 0 !important; padding:10px !important; background-color:#fff; overflow:hidden; 
border:0; 
border-radius:5px; 
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
-opera-border-radius:5px;
box-shadow:1px 1px 6px #afafaf; 
-webkit-box-shadow:1px 1px 6px #aaa; 
-moz-box-shadow: 1px 1px 6px #aaa; 
}

.x1	{ width:350px;}
.x2	{ width:726px;}
.x3	{ width:100%;}
.x5	{ width:100%; height:50px;}

/* Header ------------------------------------------------------------ */

.header { font-weight:normal;}
.blog-menu	{ margin-top:10px; padding-top:5px; background:url('images/bg-dot.gif') #fff top repeat-x;}
.blog-menu li { margin-top:5px;}


/* Sidebar ------------------------------------------------------------ */

#sidebar	{ padding-bottom:50px;}
#sidebar .x1	{ width:180px;}

#sidebar h3	{ cursor:pointer;}

#sidebar ul	{ margin-top:10px;}
#sidebar li	{ list-style:none; margin:3px 0;}
#sidebar .li-2nd	{ margin-bottom:7px;}

.search-form, .paging	{ position:relative;}
.search-form label	{ position:absolute; left:-2000px;}
.search-form input	{ width:135px; height:16px; border:none; background:none; font-size:12px; color:#777;}
.search-form button	{ width:40px; border:none; background:none; font-size:9px; color:#777; cursor:pointer; text-align:right;}

#search-form button, .paging .next	{ position:absolute; top:10px; right:10px;}

#sidebar .category ul li ul	{ margin-top:0;}
#sidebar .category ul li ul li { margin-top:5px;}
#sidebar .category ul li ul li ul li	{ padding-left:10px;}

.recent-archive	{ font-size:9px;}
.c_cnt	{ font-size:9px; color:#bbb;}	/* 카테고리 - 카테고리 옆 개수 스타일 */
#sidebar .name, #sidebar .name a:link, #sidebar .name a:visited	{ color:#bbb;}
#sidebar .name a:hover	{ color:#444;}


/* content ----------------------------------------------------------- */

.search-list h2	{ margin:0 0 10px 0;}
.search-list ol	{ list-style:none;}
.search-list li	{ margin-bottom:7px; line-height:100%;}
.search-list li a:visited	{ text-decoration:line-through;}

.guest-write	{ }
.guest-write p	{ margin:2px 0;}
.guest-write label { font-size:9px;}
.guest-write input	{ width:150px;}
.guest-write textarea	{ width:100%; padding:5px 0;}
.guest-write .homepage   { width:300px;}
.guest-write .submit		{ height:22px; font-size:9px;}
.guest-write input.checkbox	{ width:auto; border:none; background:transparent;}

.guest-list .name	{ line-height:15px; margin-bottom:10px;}
.guest-list .guest_general	{ }
.guest-list .guest_admin	{ }
.guest-list .guest_secret	{ color:#bbb;}
.guest-list .reply	{ margin-top:10px; padding-top:10px; background:url('images/bg-dot.gif') top repeat-x;}


/* entry ------------------------------------------------------------- */

.eprotected	{ margin-top:10px; width:250px; background:url('images/bg-b10.png') top left repeat;}
.eprotected input	{ width:200px; border:none; background:none; font-size:12px; color:#777; }
.eprotected button	{ width:45px;  border:none; background:none; font-size:9px; color:#777; cursor:pointer;}

h2	{ margin-bottom:3px;}
.title-wrap	{ width:100%; margin-bottom:25px; color:#bbb; font-size:9px; line-height:normal;}
.title-wrap a:link,
.title-wrap a:visited,
.title-wrap a:active	{ color:#bbb !important;}
.title-wrap a:hover	{ color:#444 !important;}
.title-wrap .control { padding-left:5px;}

.action-trail	{ }
.action-trail .cnt	{ font-size:12px;}

.trackback h3	{ margin:20px 0 0; font-size:9px; background:url('images/bg-b5.png') repeat; font-weight:normal;}
.trackback li	{ margin:20px 0 0;}

.comment	{ width:100%; margin:20px 0 0; padding-top:10px; background:url('images/bg-dot.gif') top repeat-x; color:#999;} 
.comment-list	{ margin-bottom:20px;}
.comment p	{ text-align:justify;}
.comment ol,
.comment ul	{ list-style:none;}
.comment ol li	{ margin:25px 0 0 0;}
.comment li ul li	{ margin:15px 0 0 50px; }
.comment .name	{ font-weight:bold;}

.rp_general	{ }	
.rp_admin	{ }
.rp_secret	{ color:#bbb;}
.hiddenComment 	{ font-weight:normal; color:#bbb;}

.comment-write	{ }
.comment-write p { position:relative; margin:2px 0;}
.comment-write label { position:absolute; font-size:9px; color:#bbb;}
.comment-write input		{ width:150px;}
.comment-write textarea	{ width:100%; padding:5px 0;}
.comment-write .homepage	{ width:300px;}
.comment-write .submit	{ height:22px; font-size:9px;}
.comment-write input.checkbox	{ width:auto; border:none; background:transparent;}


/* article ----------------------------------------------------------- */

.article	{ width:100%; position:relative; margin-bottom:20px;} 
.article a:link,
.article a:active	{ color:#444;}
.article a:visited	{ color:#bbb;}
.article a:hover	{ border:none; color:#777;}

.article ol,
.article ul	{ margin:15px 0; list-style-position:inside;}
.article h4	{ margin:15px 0; }
.article h3	{ margin:25px 0 15px; padding-bottom:5px; color:#444; background:url('images/bg-dot.gif') bottom repeat-x;}

.article div	{ margin:15px 0;}
.article p	{ margin:15px 0; padding:0; vertical-align:middle; }

.article img	{ margin-bottom:15px;}

.article pre	{ overflow:auto; margin:15px 0; padding:8px; background:url('images/bg-b5.png') #efefef repeat; line-height:20px;}
.article code	{ background:url('images/bg-b5.png') repeat; font-family: 'Courier New', 'Courier', 'bitstream vera sans mono', 'mono', '나눔고딕', monospace;}
.article pre code	{ background:none;}

.article dl	{ margin:15px 0;}
.article dt	{ font-weight:bold; color:#bbb;}
.article dd	{ padding:0 0 0 40px; background:url('images/bg-dot.gif') top repeat-x; color:#bbb;}

.article blockquote	{ padding-left:40px; background:url('images/icon-blockquote.png') left 5px no-repeat;}

.article abbr,
.article acronym	{ border-bottom:1px dotted #bbb; cursor:help;}

.article sup,
.article sub	{ }

.article em	{ background:url('images/bg-b5.png') repeat; font-style:normal;}
.article strong	{ background:#fff3c5; font-weight:normal;}

.en9	{ font-size:9px; line-height:170%;}
.article .p0	{ margin:0; padding:0;}
.article .box	{ margin:15px 0; padding:8px; background-color:#fff;}
.article .textbox	{ margin:15px 0; padding:10px; background:url('images/bg-30.png') top left repeat;}
.article .download	{ padding-left:40px; background:url('images/icon-download.png') left 5px no-repeat;}
object.audioplayer1	{ width:290px; height:24px; opacity:.2; filter:alpha(opacity=20);/* For IE 5-7 */ -ms-filter:'alpha(opacity=20)';/* For IE 8 */}


.article .repeatImg	img	{ margin:0; padding:0;}
.article .repeatImg div	{ width:100%; background:url('images/bg-50.png') top left repeat;}

div.another_category	{ color:#bbb !important; border:none !important; background:url('images/bg-b5.png') top left repeat; /* border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; */}
div.another_category h4 { border:none !important; background:url('images/bg-dot.gif') bottom repeat-x;}
div.another_category *	{ color:#bbb !important;}
div.another_category h4,
div.another_category h4 a,
div.another_category a	{ color:#777 !important;}
div.another_category th a.current	{ text-decoration:line-through !important; border-bottom:none !important; font-weight:normal !important;}

/* 테이블 예제 */
.article table caption	{ margin-bottom:5px; font-weight:bold; text-align:left;}
.article table.normalTable	{ border-collapse:collapse; clear:both; width:100%; border:1px solid #ccc; background:url('images/bg-30.png') top left repeat;}
.article table.normalTable tr th	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background:url('images/bg-30.png') top left repeat;}
.article table.normalTable tr td	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px;}
.article table.normalTable tr:hover { background:url('images/bg-30.png') top left repeat;}

.article table.Table01	{ border-collapse:collapse; clear:both; width:100%; border-top:3px solid #888; border-bottom:3px solid #888;}
.article table.Table01 tr th	{ border-bottom:3px solid #888; padding:5px;}
.article table.Table01 tr td	{ border-bottom:1px solid #888; padding:3px;}
.article table.Table01 tr:hover { background:url('images/bg-30.png') top left repeat;}

.imageblock      { position:relative; margin-bottom:10px; border:none; line-height:0; vertical-align:top; }
.imageblock a:link,
.imageblock a:visited,
.imageblock a:hover,
.imageblock a:active { border-style: none;}
.imageblock img	{ margin:0;}

.center	{ }
.center img	{  }

p.cap1	{ margin:0; padding:2px 0 0 0; font-size:9px; color:#bbb; } /* 이미지 아래 캡션 스타일 */

.key1	{ border-bottom:1px dotted #bbb; color:#bbb;}
.key1:hover	{ color:#777; border:none;}

/* 본문 - more / less */
p.moreless_fold	{ margin:0 0 10px 0; padding-left:25px; background:url('images/icon-more.png') top left no-repeat; font-weight:bold; color:#777;}
p.moreless_top	{ padding-left:25px; background:url('images/icon-less.png') top left no-repeat; font-weight:bold; color:#777;}
.moreless_body	{ }
p.moreless_bottom	{ padding-right:25px; background:url('images/icon-less.png') top right no-repeat; font-weight:bold; color:#777; text-align:right;}

.tt-thumb	{ margin-bottom:15px;}
.tt-post-summary	{ color:#bbb;}
.tt-post-title	{ position:relative; margin:15px 0 0;}
.tt-post-title span.tt-post-date	{ position:absolute; right:0; bottom:0;}