@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:12px/1.5 Arial, Dotum, Verdana, AppleGothic, Sans-serif;
		color:#666;
		/*@background-image=background-image:;*/background-image: none;/*@*/
		/*@background-image-position=background-position:;*/background-position: ;/*@*/
		/*@background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/
		/*@background-color=background-color:#ddd;*/background-color: #FFFFFF;/*@*/
}
a:link          { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; color:#bfbfbf;     text-decoration:none;}
a:visited       { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; color:#bfbfbf;     text-decoration:none;}
a:hover         { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; color:#1C7BCD;  text-decoration:none;}
a:active        { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; color:#bfbfbf;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
  .selected               { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; font-weight:bold;  color:#f30;}
	.no-more-prev {  font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; padding-left:6px; color:#999;}
	.no-more-next { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif;  padding-right:6px; color:#999;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { padding-left:20px; }
    .rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { font: Arial, Dotum, Verdana, AppleGothic, Sans-serif; padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999; padding:0px 0; margin:0;}
/* 그림 */
    .imageblock             { width: 500px !important; height: auto; }
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          {  background:url(images/btn_open.gif) left no-repeat;  padding-left:15px; color:#000; text-decoration:underline;}
    .moreless_top           { background:url(images/btn_close.gif) left no-repeat;  padding-left:15px; color:#000; text-decoration:underline;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/btn_close.gif) left no-repeat;  padding-left:15px; color:#000; text-decoration:underline;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { font: Arial,  Dotum, Verdana, AppleGothic, Sans-serif; margin:0;  padding:0;}
h1              { font: Dotum, Verdana, AppleGothic, Sans-serif; font-size:1.6em;}
h2              { font: Dotum, Verdana, AppleGothic, Sans-serif;  font-size:1.4em;}
h3              { font: Dotum, Verdana, AppleGothic, Sans-serif;  font-size:1.2em;}
h4              { font: Dotum, Verdana, AppleGothic, Sans-serif; font-size:1em;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}

/* 블로그 레이아웃 */

#container {
		width:/*@post-width:0=*/830px/*@*/;
		margin:0px auto; 
		padding:0px;  
		background-color:#fff;
                font: Dotum, Verdana, AppleGothic, Sans-serif;
}
#header {
		padding:/*@title-height:-41=padding-top:*/20px/*@*/ 10px 0 20px;
		background-color:/*@title-background-color=*/transparent/*@*/;
		margin-bottom:8px;
		/*@title-background-image=background-image:;*/background-image: none;/*@*/
		/*@title-background-image-position=background-position:;*/background-position: left top;/*@*/
		/*@title-background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/
}
#content {  
                margin-right:160px;
                float:right;
		width:/*@post-width=*/500px/*@*/;
		overflow:hidden;
                font: Dotum, Verdana, AppleGothic, Sans-serif;

}
#sidebar {  margin-top:110px;
               width:130px;
               text-align:right;  
               float:left;
               line-height:20px;
               font-size: 90%;

}






#footer {
		clear:both;
		padding:20px 0 0 0;
}


/* ***** Header ***** */
#header a              { color:/*@title-color=*/#000000/*@*/;  padding:0 3px;}

#header h1             { text-align:center; padding: 0;}

#header h1 a           { font-family:/*@title-font-family=*/gulim/*@*/; /*@title-font-size=font-size:;*/font-size: inherit;/*@*/ font-weight:bold;  letter-spacing:-1px;}
#header h1 a:hover     { color:#ccf;  text-decoration:none;}

/* ***** content ***** */
#content .nonEntry {       font: Dotum, Verdana, AppleGothic, Sans-serif; padding:0px;}
#content .nonEntry h3   { font: Dotum, Verdana, AppleGothic, Sans-serif; text-align:center; }

#searchList ol, 
#searchRplist ol            { font: Dotum, Verdana, AppleGothic, Sans-serif; list-style:none;  padding:5px;  padding-top:30px; margin:0;}
#searchList li, 
#searchRplist li            { font: Dotum, Verdana, AppleGothic, Sans-serif; border-bottom:0px solid #eee;  padding-bottom:2px;  margin-bottom:4px;}
#searchList .date, 
#searchRplist .date         { font:0.95em  Verdana, Helvetica, Arial, Gulim, sans-serif; color:#CFCFCF;  margin-right:10px; }
#searchList .cnt            { font:0.75em  Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#FF0000;} 
#searchRplist .name         { font:0.95em   Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

#content .entryNotice, 
#content .entryProtected h2 { text-align:center; }
#content .entry             { font: Dotum, Verdana, AppleGothic, Sans-serif; border:0px solid #eee;  padding:0px;  margin-bottom:10px;}
#content .article            { font: Dotum, Verdana, AppleGothic, Sans-serif; margin-bottom:30px;}

#content .entry admin { color:#CFCFCF; text-align:right;}

#guestbook p                { font: Dotum, Verdana, AppleGothic, Sans-serif; padding:2px 0; margin:0;}

#guestWrite                 { }
#guestWrite input           { width:150px;}
#guestWrite textarea        { font: Dotum, Verdana, AppleGothic, Sans-serif; width:696px; height:250px; background:url(images/배경.jpg) no-repeat; }
#guestWrite .homepage       { width:300px;}
#guestWrite .checkbox      { border:none; width:20px; text-align:right; }  
#guestWrite .submit         { font: Dotum, Verdana, AppleGothic, Sans-serif; width:699px; height:22px; background:url(images/배경.jpg) no-repeat;  font:1.1em  Dotum, Arial, sans-serif; padding-top:0px;  }

.guestbook_form_box {
	font:11px  Dotum, Verdana, AppleGothic, Sans-serif;
	color:#555;
	border-bottom:1px solid #eee;
	padding: 10px;
		}

#guestList                  { font: Dotum, Verdana, AppleGothic, Sans-serif; padding:10px 0 0 0;}
#guestList ol,              
#guestList ul               { font: Dotum, Verdana, AppleGothic, Sans-serif; margin:0; padding:0;  list-style:none;}

.secretWrap         { float:right; position:relative; top:-0px; left:0px;}
.checkbox           { border:none; padding:0; margin:0; width:25px;}

.box {  font: Dotum, Verdana, AppleGothic, Sans-serif;
	padding-bottom:15px;
        padding-top:5px;  
	border-bottom:1px solid #e9e9e9;
	}

.reply_box {  font: Dotum, Verdana, AppleGothic, Sans-serif;
	margin-top:10px;
	margin-left:40px;
        margin-right:40px;
	padding:10px;
	background-color:#FAF9F8;
	border:1px dashed #ddd;
	}	
.opt {   
	font:10px Dotum, Verdana, AppleGothic, Sans-serif;
	color:#BFBFBF;
	letter-spacing:-1px;
	}
	.opt a:link, .opt a:visited { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#BFBFBF; text-decoration:none;}
	.opt a:hover{ color:#1C7BCD; font: Dotum, Verdana, AppleGothic, Sans-serif; text-decoration:none;}
.name         { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#BFBFBF;  font-weight:bold;}

#guestList .control a.modify       { font: Dotum, Verdana, AppleGothic, Sans-serif; padding:0 0 2px 0px;  text-decoration:none;}
#guestList .control a.modify span  { }
#guestList .control a.write        { font: Dotum, Verdana, AppleGothic, Sans-serif; padding:0 5px 2px 0px;  text-decoration:none;}
#guestList .control a.write span   { }


/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2                { font-size:1.2em;  line-height:1.2em;}
.title {
	color: #333; 
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing:-1px;
        text-align:center;
	padding: 0px;
	}

.entryProtected p.text   { font: Dotum, Verdana, AppleGothic, Sans-serif; background:url(images/imgProtected.gif) no-repeat ; padding-left:37px; margin-top:100px; margin-bottom:100px;}
.entryProtected input    { width:100px;}
.entryProtected .submit  { width:48px; padding-top:2px; height:20px; background-color:#ccc;}


.article                 { font: Dotum, Verdana, AppleGothic, Sans-serif; width:/*@post-width:0=*/500px/*@*/; margin:0px 0px 0 0px; overflow:hidden; /*@post-body-color=color:;*/color: ;/*@*/ /*@post-body-font-family=font-family:;*/font-family: inherit;/*@*/ /*@post-body-font-size=font-size:;*/font-size: inherit;/*@*/}

.article a:link          { font: Dotum, Verdana, AppleGothic, Sans-serif; text-decoration:none;}
.article a:visited       { font: Dotum, Verdana, AppleGothic, Sans-serif; text-decoration:none;}
.article a:hover         { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#1C7BCD;  text-decoration:none;}
.article a:active        { font: Dotum, Verdana, AppleGothic, Sans-serif; text-decoration:none;}

.article dt              { font: Dotum, Verdana, AppleGothic, Sans-serif; text-decoration:underline;}
.article dd              {  font: Dotum, Verdana, AppleGothic, Sans-serif; margin-left:20px;  padding-bottom:10px;}

.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

.tagTrail                { font: Dotum, Verdana, AppleGothic, Sans-serif; padding:10px 0px 10px 0px;  clear:both;}
.tagTrail a:link          { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#BFBFBF; font-size:0.90em; text-decoration:none;}
.tagTrail a:visited      { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#BFBFBF; font-size:0.90em; text-decoration:none;}
.tagTrail a:hover        { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#1C7BCD; font-size:0.90em; text-decoration:none;}
.tagTrail a:active       { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#BFBFBF; font-size:0.90em; text-decoration:none;}
.tagText                 { }

.actionTrail             { font: Dotum, Verdana, AppleGothic, Sans-serif; border-top:0px dotted #ccc;  padding:0px 0px; margin-bottom:200px; clear:both; float:right; font-size:0.90em; }
.actionTrail .cnt        { font: Dotum, Verdana, AppleGothic, Sans-serif; color:#ff0000;}


/* 댓글 등 기본 박스 설정*/
.box { font: Dotum, Verdana, AppleGothic, Sans-serif;
	padding-top:15px;
	border-bottom:1px solid #e9e9e9;
	}

.reply_box { font: Dotum, Verdana, AppleGothic, Sans-serif;
	margin-top:10px;
	margin-left:40px;
	padding:10px;
	background-color:#f7f7f7;
	border:1px dashed #ddd;
	}	

/* 입력폼 설정 */
.form_input1 {
	margin-top:4px;
	padding:1px;
	height:18px;
        background:url(images/배경1-1.jpg) no-repeat; 
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_input2 {
	margin-top:4px;
	padding:1px;
	height:18px;
        background:url(images/배경2-1.jpg) no-repeat; 
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_input3 {
	margin-top:4px;
	padding:1px;
	height:18px;
        background:url(images/배경3.jpg) no-repeat; 
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_textarea { font: Dotum, Verdana, AppleGothic, Sans-serif;
	font-weight:normal;
	margin-top:4px;
	height:150px;
	width:99%;
        background:url(images/배경4.jpg) no-repeat; 
	border:1px solid #ddd;
	overflow:visible;
	clear: both;
	}

.form_submit {
	font:11px  Dotum, Verdana, AppleGothic, Sans-serif;
	color:#444;
	margin-top:4px;
	border:1px solid #ddd;
	background:url(images/배경5.jpg) no-repeat; 
	height:25px;
	width:99%;
	cursor: pointer;
	}


/* 방명록 설정*/
.guestbook_form_box {
	font:11px Dotum, Verdana, AppleGothic, Sans-serif; 
	color:#555;
        background:url(images/배경.jpg) no-repeat; 
	border-bottom:1px solid #eee;
	padding: 10px;
		}

.cmt_form_box { 
		font:11px Dotum, Verdana, AppleGothic, Sans-serif; 
		color:#555;
		padding:10px;
		background:url(images/배경.jpg) no-repeat; 
		margin-bottom:10px;
        border-bottom:1px solid #eee;
		}

cmt_form_box .secret         { float:right; position:relative; top:0px; left:0px;}
cmt_form_box .checkbox     {  border:none; padding:0; margin:0; width:20px;}

.cmt_box {
        border-top:0px solid #eee;
        padding-top:20px;
		}


#paging            { padding-top:100px;  text-align:center;  font:0.90em Dotum, Verdana, AppleGothic, Sans-serif;}
#paging .numbox    { border-left:0px solid #ccc; padding-left:0px; margin-left:3px;  font:0.90em Dotum, Verdana, AppleGothic, Sans-serif;} 
#paging .num       { border-right:0px solid #ccc; padding-right:0px; margin-right:3px; font:Dotum, Verdana, AppleGothic, Sans-serif;}
#paging #prevPage { padding-left:0px;}
#paging #nextPage { padding-right:0px;}
#paging a:link          { color:#BFBFBF; font:0.90em Verdana; text-decoration:none;}
#paging a:visited      { color:#BFBFBF; font:0.90em Verdana; text-decoration:none;}
#paging a:hover        { color:#1C7BCD; font:0.90em Verdana; text-decoration:none;}
#paging a:active       { color:#BFBFBF; font:0.90em Verdana; text-decoration:none;}



/* ***** footer ***** */
#footer          { text-align:center;  font:11px Verdana,  dotum;	color:#666;}
#footer a        { color:#666;}
#footer a:hover  { color:#1C7BCD;}