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

/* 본문 공통 */
body{
		font:12px/1.5 Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
		color:#9a9b9d;
                margin:0;
                padding:0;
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#333;    text-decoration:none; }
a:active        { color:#333;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
  .selected               { font-weight:normal;  color:#ccc;}


/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               {  padding:0px; }
    .rp_secret              { color:#9a9b9d;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { padding:0px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { padding:0px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
 /* 그림 */
    .imageblock {
	border:none;
	margin:0;
	padding:0;
	}

.imageblock img {
	padding:0px 0px 5px 0px;
        border:none;
	background:none;
	vertical-align:middle;
	}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:0px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:0px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:0px; color:#999; text-align:right;}

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


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

hr              { display:none;}
img {-ms-interpolation-mode:bicubic; border:0;} 
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;   }
h3              { font-size:12px;  font-weight: normal; }
h4              { font-size:1em;}
input           {  border-left:0px solid #e5eaf1; border-right:0px solid #e5eaf1; border-top:0px solid #e5eaf1; background:#edeff4;
                     }
textarea        {   border-left:0px solid #e5eaf1; border-right:0px solid #e5eaf1; border-top:0px solid #e5eaf1; background:#edeff4;                        }

/* 블로그 레이아웃 */



#container {
		width:899px;
		margin:0px auto; 
		padding:0px;   margin-top:0px; 
		background-color:#; border-right: 0px solid #b3b3b3;
}
#header {
		margin:0px;
             
                height:100%;
                padding:10px 0px 0px 0px; border-left: px solid #b3b3b3;   float:left; background: #fff url(images/left.gif) repeat-y 0 0;


}
#content {
		 float:left;
		width:680px;
                padding:0px 0px 5px 9px; border-left: 0px solid #b3b3b3; margin-top: 0px;   background: #fff url(images/left.gif) repeat-y 0 0;

		
overflow:hidden;

 
}
#sidebar {   
		float:right;
		width:200px;
                padding:0px 0px 50px 0px; 
               overflow:hidden; 
}


#footer {
		clear:both;
		margin:0;
                padding:0;
                border-top: px solid #333; width : 150px;
}

/* ***** Header ***** */        





/* ***** content ***** */
#content .nonEntry {width:680px; padding:15px 0px 0px 0px; margin:0px;   }
#content .nonEntry h3   { padding-bottom:10px;  margin-bottom:5px;   }

#content .entryNotice, 
#content .entryProtected, 
#content .entry             { width:680px; padding:15px 40px 0px 0px; margin:0px; border-top:px solid #ccc;}

.disno{
display: none;
}


#searchList ol, 
#searchRplist ol            { list-style:none;  padding:10px 0px 40px 0px;  margin:0; color:#ccc;}
#searchList li, 
#searchRplist li            { border-bottom:1px solid #;  padding-bottom:5px;  margin-bottom:4px;}
#searchList .date, 
#searchRplist .date         { font:0.95em Arial, Verdana, Helvetica, Gulim, sans-serif; color:#999;  margin-right:10px; }
#searchList .cnt            { font:0.8em Arial, Verdana, Gulim, sans-serif;  color:#999; padding:0px 0px 0px 0px;} 
#searchRplist .name         { font:0.95em Arial, Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}



#guestbook                        { padding:10px 0px 40px 0px; margin-bottom:0px; 
                                           width:468px; overflow:hidden;} 
#guestbook p                        { margin:3px 0 0 0; padding:0; font:11px/1.8 돋음, dotum, arial, verdana, sans-serif;}

#guestbook h3                       { display:none;}
#guestbook ol,
#guestbook ul                       { margin:0;  padding:0;  list-style:none;}
#guestbook .date                    { font:0.9em Arial, Gulim, sans-serif;  color:#aaa;}
#guestbook .name                 { color:#999999; font-weight:bold;  }
#guestbook .name a               { color:#3b5998; font-weight:bold;  }
#guestbook ol li                    { padding-bottom:10px;  margin-top:5px;   border-bottom:1px solid #e5eaf1;  background:#edeff4;        color:#333;    padding: 5px;                               }
#guestbook ol li.ad           { padding-bottom:10px;  margin-top:5px;   border-bottom:1px solid #e5eaf1;  background:#edeff4;
                                           color:#333;  padding: 5px;  }
#guestbook .control a            { color:#aaa; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
#guestbook .control a:hover  { color:#808080;  text-decoration:none;}
#guestWrite                     { padding:5px 0px 5px 0px ; margin-top:20px;color:#aaa; margin-bottom: 20px;}
#guestWrite input               { width:250px;padding:5px; color:#333;   border-left:0px solid #e5eaf1; border-right:0px solid #e5eaf1; border-top:0px solid #e5eaf1;  border-bottom:1px solid #e5eaf1; background:#edeff4;   }
#guestWrite textarea           { width:456px; padding:5px; position:relative; top:-16px;
                                              height:20px;overflow:auto;color:#333;
                                             font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;  border-left:1px solid #e5eaf1; border-right:1px solid #e5eaf1; border-top:1px solid #e5eaf1; border-bottom:1px solid #e5eaf1;  background:#edeff4; }

#guestWrite textarea:hover         { width:456px; padding:5px; position:relative; top:-16px;
                                              height:100px;overflow:auto;color:#333;
                                             font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;  border-left:1px solid #e5eaf1; border-right:1px solid #e5eaf1; border-top:1px solid #e5eaf1; border-bottom:1px solid #e5eaf1;    -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;     background: #edeff4 ; }




#guestWrite .homepage           { width:250px;padding:5px;  border-left:0px solid #e5eaf1; border-right:0px solid #e5eaf1; border-top:0px solid #e5eaf1; border-bottom:1px solid #e5eaf1; background:#edeff4; }
#guestWrite .submit             { width:100px;  height:25px;  
                                                font:11px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; position:relative; top:-15px;     padding:2px 0px 5px 0px; text-align:center;color:#333;  
                                                border:none; background: #fff;   float: right; font-weight: bold; }
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
#guestWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:none;}


/* entry */
.entryNotice h2, 
.entryProtected h2,    
.entry h2                {   font-size:12px;  line-height:1.3em;}
.titleWrap               { padding-bottom:10px;  margin-bottom:5px;}
.titleWrap a          {color:#333; font-weight: bold;  }
.titleWrap a:hover          { color:#A37575;   }
.titleWrap .category a   { font:1em Dotum, Arial, sans-serif;  color:#888;  margin-right:6px;}
.titleWrap .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#888;}

.titleWrap .commentCount {float:none; margin-right:5px;  font-size:0.8em; width:24px; text-align:center; padding:0px; margin-top:0px;  height:17px;}
.titleWrap .commentCount a { font-size:0.9em;   text-decoration:none; padding:0px 0px 0px 0px;}



.entryProtected p.text   { padding-left:0px; font-color : #333;}
.entryProtected input    { width:140px;}
.entryProtected .submit  { width:50px; padding-top:2px; height:20px; background-color:#fff;}


.article                 { width:680px;  overflow:hidden;color:#888;  font:12px/1.6 "Gulim",Dotum, Arial, sans-serif;  text-align:justify;  margin-top: 9px;  margin:-right:9px; }

.article a:link          { color:#7575A3;  text-decoration:underline;  }
.article a:visited       { color:#7575A3;  text-decoration:underline; }
.article a:hover         { color:#A37575;  text-decoration:underline;  }
.article a:active        { color:#A37575;  text-decoration:underline;}







.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}

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

.action             { border:px solid #eee;  padding:7px 0px 4px 5px;  clear:both;
                                font:11px/1.5 돋음, dotum, arial, verdana, sans-serif;  color:#333;  text-align:left; height:100%;    margin-top: 15px;  border-bottom:1px solid #e5eaf1;  background:#edeff4; }
.action a           { color:#3b5998;   }
.action a:hover     { color:#333;}


.actionTrail             { border:px solid #eee;  padding:0px;  clear:both;
                                font:11px/1.8 돋음, dotum, arial, verdana, sans-serif; color:#999;  text-align:left; height:100%;  background:#;  margin-top: 15px;  }
.actionTrail a           { color:#aaa;}
.actionTrail a:hover     { color:#999;}

.trackback               { background-color:#; padding:5px; margin-bottom:4px;  width:448px;  overflow:hidden;}
.trackback h3            { font:11px Verdana; color:#aaa;    margin:5px 5px 10px 0px; text-align:left;}
.trackback h4            { font:11px Verdana; color:#aaa;   text-align:left;}
.trackback p                        { margin:3px 0 0 0; padding:0; font:11px/1.6 Arial, Gulim, sans-serif;}
.trackback ol                       { margin:3px 0 0 0; padding:0; font:11px/1.6 Arial, Gulim, sans-serif;}

.commentCount {  font:17px/1.6  Arial, Gulim, sans-serif;}

.comment                          { padding:0px 0px 10px 0px; margin-bottom:4px; 
                                           width:468px; overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0; font:11px/1.6 돋음, dotum, arial, verdana, sans-serif; }

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { font:0.9em 돋음, dotum, arial, verdana, sans-serif;  color:#aaa;}
.comment .name                 { color:#aaa; font-weight:bold;  font:11px/1.8 돋음, dotum, arial, verdana, sans-serif; }



.comment .name a               { color:#000000; font-weight:bold;  }
.comment .name a:hover     { color:#575a5d;     }
.comment ol li                    {padding-bottom:5px; padding: 5px;  margin:5px 0px 0px 0px;
                                          border-bottom:1px solid #F3F3F3;  background:#FBFBFB; color: #666; }
.comment ol li.ad           { padding-bottom:5px; padding: 5px;  border-bottom:1px solid #F3F3F3; margin:5px 0px 0px 0px;
                                           background:#FBFBFB; color: #333;  }



.comment .control a            { color:#666; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
.comment .control a:hover  { color:#aaa; text-decoration:none;}
.commentList { padding:10px 0px 0px 0px ; margin:0px;}
.commentWrite                     { padding:25px 0px 5px 0px ; margin:0px;color:#aaa;}
.commentWrite input               { width:250px;padding:5px; color:#333;  border-bottom:1px solid #F3F3F3;  background:#FBFBFB; }
.commentWrite textarea            { width:456px; padding:5px; position:relative; top:-16px;
                                               height:20px;   overflow:auto;color:#333;   border-left:1px solid #F3F3F3; border-right:1px solid #F3F3F3; border-top:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3;  background:#FBFBFB;
                                                 font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;}

.commentWrite textarea:hover            { width:456px; padding:5px; position:relative; top:-16px;
                                                  height:100px;overflow:auto;color:#333;  border-left:1px solid #F3F3F3; border-right:1px solid #F3F3F3; border-top:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3;  background:#FBFBFB;
                                                 font:12px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif; 
 -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}


.commentWrite .homepage           { width:250px;padding:5px;  border-bottom:1px solid #F3F3F3;  background:#FBFBFB;}
.commentWrite .submit             { width:100px;  height:25px;  
                                                font:11px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; position:relative; top:-15px;   padding:2px 0px 5px 0px; text-align:center;color:#333;  
                                                border:none; background: #fff;   float: right;  font-weight: bold; }
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox          {border:none; padding:0;	margin:0; width:25px; background:none;}



/* ***** sidebar ***** */










#adminMenu            { margin:5px 0 10px 0; text-align:center; background-color:#eee; padding:5px;}
#adminMenu li         { display:inline; background:none;}


#sidebar h3 a:hover			{ cursor:pointer;   color:#333; }
#sidebar h3 span:hover		{   color:#333;   }
#sidebar h3 			{ padding-left:10px; padding-bottom:0px; margin-bottom: 5px;  margin-top: 3px; font-size:1.0em;   background: #fff; width: 80px;  color:#3b5998; border-left: px solid #b3b3b3;  font-weight: bold ;   background: #fff url(images/left.gif) repeat-y 0 0; width:200px;   }
#sidebar ul					{ padding-left:11px; margin:0; list-style:none; color:#333; }
#sidebar li					{ padding-bottom:2px; list-style:none; color:#333;  }


#sidebar .cnt						{ font-size:11px; color:#ccc; font-weight:normal;}
#sidebar .name					{ color:#999;}
#sidebar .date					{ font-size:9px; color:#aaa; font-weight:normal;}





#category h3 {border-top:1px solid #333;   }
#recentPost, 
#recentComment,
#recentTrackback,
#calendar				{ padding-bottom:10px;}
#archive				{ font:9px verdana, dotum; padding-bottom:10px; color: green;}


#link						{ font:11px verdana, dotum; padding-bottom:10px;}





		/* paging */
#paging            { padding:50px 0px 0px 0px;  text-align:left;  font-size:0.8em; letter-spacing:-1px;}
#paging .numbox    { margin:0px;  font:0.8em; } 
#paging .num { margin:0px 2px 0px 2px;color:#ccc;border:1px solid #f1f1f1; 
                        padding:2px 5px 2px 5px;
                        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 2px; color:#999;}

#paging .num:hover { margin:0px 2px 0px 2px;border:1px solid #B9B19D; 
                        padding:2px 5px 2px 5px;
                        -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 2px; color:#333; background-color:#f6f6f6;}





#trans                   { width: 100%; height: 32px; background: transparent url(images/fbar.png) repeat-x; position: fixed; z-index: 9999; display: block; top: 0; overflow: visible; margin: 0 auto; }


#trans .blogImage { padding-left:5px;  margin-bottom:10px;  font-size: 12px;   font-weight: bold; color: #fefefe; margin:0px auto;  width:800px;  top:0px; }


#trans a:link {  margin-top:-20px; }

/* ***** footer ***** */
#footer .copyright          { text-align:left;  padding:5px 0px 0px 10px;  font:11px/1.5 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;color:#666;  repeat-x 0 0; width: 240px; border-left: 1px solid #b3b3b3;  background: #fff url(images/left.gif) repeat-y 0 0; }
#footer .copyright  a        { color:#3b5998;   }
#footer .copyright  a:hover  { color:#999;}