@charset "utf-8";

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

*	{ margin:0; padding:0; word-wrap:break-word;}
body	{ font:12px 'Verdana', 'Helvetica', 'AppleGothic', Sans-serif; color:#777; 
	background:url('./images/bg-base.jpg') repeat;
	background:url('images/bg-pattern.png') fixed repeat,
	url('images/bg-point-water.png') top right no-repeat,
	url('images/bg-point-gr-rt.png') top right no-repeat,
	url('images/bg-base.jpg') top left 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	{ font-size:9px; color:#bbb;}
.date,
.control,
.control a:link,
.control a:visited	{ font-size:9px; color:#bbb;}
.control a:hover	{ color:#444;}
noscript .noscript-caution	{ background:#fff3c5; font-size:9px;}

input.homepage	{ font-size:9px; }

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

#container	{ padding:40px 0 40px 40px;}
#header { width:150px; position:absolute;}
#content	{ margin:0 0 0 156px; line-height:20px;}
	.x1, .x2, x3, .hx1	{ margin:0 6px 6px 0; padding:10px; background-color:#fffcef; 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 #9f9b8b; 
	-webkit-box-shadow:1px 1px 6px #9f9b8b; 
	-moz-box-shadow: 1px 1px 6px #9f9b8b; 
	}
	.x1	{ width:237px; z-index:1;}
	.x2	{ width:500px; z-index:100;}
	.x3	{ width:500px;}
#footer	{ position:fixed; bottom:40px;}


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

#header *	{ font-size:9px; font-weight:normal;}
.hx1	{ width:130px; background-color:#fffcef !important;}

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

.category li	{ list-style:none;}
.category ul li ul li { margin-top:5px;}
.category ul li ul li ul li	{ padding-left:10px;}
.c_cnt	{ color:#bbb; }	/* 카테고리 - 카테고리 옆 개수 스타일 */

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

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


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

.search-list h2	{ margin:0 0 10px 0; }
.search-list h2 sub	{ font-size:9px; }
.search-list ol	{ list-style:none;}
.search-list li	{ font-size:9px; margin-bottom:7px; line-height:100%;}
.search-list li a:visited	{ padding-left:15px; background:url('images/valid.png') left no-repeat;}

.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-bottom:10px; width:100%; 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;}

.title-wrap	{ width:100%; position:absolute; margin-bottom:0 !important; bottom:0; 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;}
.title-wrap .share-twitter	{ position:absolute; right:0;}

.comment, .x1 .x1-fold, .x2 .x2-fold, .x1 .another_category	{ display:none;}
.x2 .action-trail	{ display:inline;}
.x2 .x1-fold, .x1 .x2-fold	{ display:block;}
.x1 .x2-fold	{ cursor:pointer;}
.x2 .x1-fold	{ margin-top:0;}

.action-trail	{ position:absolute; bottom:0; right:0;}
.x1tog	{ position:absolute; margin:0 !important; padding:0 !important; bottom:15px; right:0; text-align:right; font-size:9px;}

.comment	{ width:100%; margin:20px 0 0; padding-top:20px; background:url('images/bg-dot.gif') top repeat-x; color:#999;} 
.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	{ display:none;}
.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; padding-bottom:40px;} 
.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 iframe	{ margin:15px 0;}

.article img	{ margin:0;}
.x1 .article img	{ width:100% !important; height:auto !important;}
.x2 .article img	{ width:normal; height:auto; border-bottom:1px #fffcef solid;}

.article pre	{ overflow:auto; margin:15px 0; padding:8px; background:url('images/bg-b10.png') repeat; line-height:20px;}
.article code	{ background:url('images/bg-b10.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	{ }
a
.article em	{ background:url('images/bg-b5.png') repeat; font-style:normal;}
.article strong	{ background:#fff3c5; font-weight:normal;}

p.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;}
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; padding-left:15px; background:url('images/valid-01.png') bottom left no-repeat; }

/* 테이블 예제 */
.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;}


/* Footer ----------------------------------------------------------- */

#footer	{ font-size:9px;}
a.go-to-top	{ display:block; width:30px; height:30px; margin-bottom:10px; text-indent:-999em; background:url('images/icon-top.png') no-repeat;}
a.go-to-top:hover	{ background-position:0 -30px;}
a.go-to-top:active, a.go-to-top:focus	{ outline:none;}