@charset "utf-8";
/* BEGIN STYLESHEET RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input.text, select, textarea {
	border:1px solid #444;
	background-color:#303030;
	color:#777;
}

input {vertical-align: middle; }

textarea {padding:5px; font-size:12px; }

.commentList li /*댓글*/ {
	list-style-type:none;
}
/* remember to define focus styles! */
:focus { /* 인풋할때 강조되는 섹션 ex)background-color:#xxxxxx*/
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins { /*밑줄이나 강조등을 할때*/
  text-decoration: none;
}
del { /*글자 중간에 줄가는 등의 효과*/
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* END STYLESHEET RESET */

 /* main elements */     
body {
        background:#1e1e1e ;
        color:#676767;
        font:normal 12px verdana, Helvetica, Arial, sans-serif, dotum;
        line-height:1.7em;
        }

#content {
      	width:420px;
       	position:relative;
       	margin:25px auto;
       	padding:15px;
        }
		
a {
  	color:#e03d0d;
  	outline:0;
   	text-decoration:none;
    }
	a:hover {
			color:#F75342;
        }

#left {
        position:absolute;
        width:270px;
	right:465px;
        }
       
#left #logo img {
            margin-top: 6em;
	    margin-left: 8em;
           }

#right {
  padding-top: 10px;

}
		   
#entry {
        position:relative;
        margin-bottom:5em;
        }

#entry div.labels { /*포스트 작성일 및 관리툴 위치 정리*/
        position:absolute;
        left:440px;
        text-align:left;
        width:160px;
        }

#entry div.date { /*작성일 스타일*/
        white-space:nowrap; /* 빈칸을 모두 한칸으로 선언*/
        display:inline; 
	font-size:10px;
        color:#729129;
	/*Background:#fff200;*/
        }
			       
#entry div.admin {
        white-space:nowrap;
	font-size:10px;
        display:inline;
        }
			
#entry div.admin a {
        color:#fff200;
        text-decoration:none;
        }

#entry div.admin a:hover {
            color:#e75342;
            }

#entry div.fbLike {
				margin: .4em 0em;
				}
#entry ol, ul {
				list-style:none;
				}
				#entry li {
							margin-left:3em;
            			}
			 
.article blockquote {
		font-size: 23px;
                line-height:1.4em;
		margin:.5em 0 0 1em; 
		padding-left:1em;
		background:url(images/iconBlockquote.gif) no-repeat;
		}
            
.imageblock {
		margin:0 0 0.5em;
		border:none;
		}
		
.imageblock * {
		border:none !important;
		}
		
.imageblock img {
		/*background-color:#303030;*/
		border:0px solid #e0e0d1 !important;
		vertical-align:middle;
		}
		
.cap1 { /* 이미지 아래 캡션 스타일 */
		padding:4px 0; 
		color:#999; 
		font-size:11px;
		text-align:center; 
		}

/* cc 버튼 위치 조절용.
.entry-ccl {
           margin-bottom:0 !important;
           }
*/

.post-footer {
        color:#969696;
        font:Normal 10px 'Lucida Grande',  Verdana,  Arial,  sans-serif, dotum;
        letter-spacing:.5px;
        margin-top:.45em;
        text-transform:uppercase;
        }
		.post-footer a {
			color:#767676;
			}
		.post-footer a:hover {
			color:#464646;
			}
.post-footer p {
			margin:.1em 0;
			}
.comment {margin-top:1px; background-color:#363636; }

.commentList .name {float:left; width:100px; overflow: hidden; margin-right: 10px; }
.commentList .wrapper {float:left; }
.commentList .name {color:#666; font:bold 12px/16px gulim,굴림,verdana;  }
.commentList .name a {
                                  font:bold 12px/16px gulim,굴림,verdana; 
                                 }
                                 #guestList .name a:link, .commentList .name a:link,
                                 #guestList .name a:visited, .commentList .name a:visited {color:#999;}
                                 #guestList .name a:hover, .commentList .name a:hover,
                                 #guestList .name a:active, .commentList .name a:active {color:#09c;}

.commentList .wrapper, .commentList .wrapper a {color:#888; }
.commentList p {padding-bottom:1px; font:12px/16px dotum; }
.commentList .date {font:10px/16px Verdana, tahoma; }
.commentList .wrapper .control, .commentList .wrapper .control a {color:#666; font:10px/16px Verdana, tahoma; }
.commentList ol li ul li { 
	padding-left:33px;  
	background:url(images/iconIndentArrow_re.gif) no-repeat 11px 15px;  
}
.commentWrite b {display:none; }
input.text {height:18px; }
.commentWrite label {background-repeat:no-repeat; background-position:10px 5px; }
.commentWrite .name label {padding-left:98px; background-image:url(images/txt_name.gif); }
.commentWrite .password label {padding-left:48px; background-image:url(images/txt_password.gif); }
.commentWrite .homepage label {padding-left:48px; background-image:url(images/txt_homepage.gif); }
.commentWrite .secretWrap label {padding-left:33px; background-image:url(images/txt_secret.gif); background-position:0px 5px;}

.secretWrap {height:18px; padding-top:2px; }
.secretWrap input {margin-top:2px; }

.commentWrite .homepage {margin-top:4px;}

p.button {
	margin-top:4px; 
	text-align:right; 
}
p.button input.submit {
	width:59px;  
	height:19px; 
	border:0; 
	background:url(images/btn_confirm2.gif) no-repeat; 
	text-indent:-5000px;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
}

.comment h3 {display:none; }
.commentList {font-size:0px; }
.commentList {width:/*@post-width=*/ 420px /*@*/; }
.commentList ol {border-bottom:1px solid #444; }
.commentList ol li {padding-top:13px; padding-left:15px; padding-right:15px; }
.commentList ol li .wrapper {width:/*@post-width:-140=*/ 280px /*@*/; padding-bottom:11px; overflow:hidden; }
.commentList ul {border-top:1px solid #444; }
.commentList ul li {padding:13px 0px 11px 0; border-bottom:1px solid #444; }
.commentList ul li .wrapper {width:/*@post-width:-173=*/ 247px /*@*/; padding-bottom:0px; overflow:hidden; }

.commentWrite {width:/*@post-width:-30=*/ 390px /*@*/; padding:13px 15px 15px 15px; overflow:hidden; }
.commentWrite .name input {width:/*@post-width:-448=*/ 104px /*@*/; }
.commentWrite .password input {width:/*@post-width:-435=*/ 104px /*@*/; }
.commentWrite .homepage input {width:/*@post-width:-93=*/ 318px /*@*/; padding-left:5px; }
.commentWrite textarea {width:/*@post-width:-42=*/ 378px /*@*/; }
.commentWrite p.button {width:/*@post-width:-30=*/ 390px /*@*/; }

.commentWrite {
    background:#333;
	vertical-align:middle;
	color:#666;
	}

.rp_admin { 
	padding-left:20px;
	background:url(images/iconAdmin.gif) no-repeat; 
}
.rp_secret { /* 비밀글 */
	color:#f30;
}

.hiddenComment { /* 비밀 댓글 (로그아웃시 비밀글 표현) */
	padding-left:20px; 
	background:url(images/iconSecret.gif) no-repeat; 
	font-weight:normal;
}


#footer {
        margin-bottom:4em;

	}	
.paging {
		font:normal 10px 'Trebuchet MS', Helvetica, Sans-Serif;
		padding:0 3em;
		color:#424242;
		text-align:center;
		}
	.paging a:link, .paging a:visited { color:#09c;}
	.paging a:hover, .paging a:active { color:#3cf;}
	
.selected {
	font-weight:bold;
	color:#f60;
	border-bottom:1px solid #424242;
	}
	
.no-more-prev, .no-more-next { color:#424242; } 

.login {
		font-size:10px;
		margin:0 .5em 0;
		text-align:center;
		}
		.login a {color:#2786c2;}
		.login a:hover, login a:active {
					/*background-color:#c2c1ac;*/
					color:#069;
					}
/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
					padding-left:24px;
					text-decoration:none;
					}
.moreless_fold { /* 열기 */
					background:url(images/iconMore.gif) no-repeat left top; 
				}
.moreless_top { /* 닫기 위 */
					background:url(images/iconLess.gif) no-repeat left top; 
				}
.moreless_bottom { /* 닫기 아래 */
						display:none;
						}
.moreless_fold span, .moreless_top span, .moreless_bottom span{
				background:#1e1e1e;
                /*border-bottom:dashed 1px #95ae30;*/
				color:#95ae30;
				}
.moreless_content {
                background-color:#1e1e1e;
				padding:3em 3em 3em 3em;
				margin-bottom:2em;
				border:solid 1px #303030;
                }
				
/* 키워드 */
.key1 { 
	border-bottom:1px dotted #ccc; 
	cursor: pointer; 
}

.floatWrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */