@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 반드시 들어가야 하는 스타일 시작 */
html { overflow-y:scroll; }

/* 본문 공통 */
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:#B8E5F7;    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 {
	background: url(images/ic_guest.gif) no-repeat;
	padding-left: 20px;
}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .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:25px; color:#000; font-family:'Nanum Gothic', verdana; font-weight:bold; }
.moreless_top		{ background:url(images/iconLess.gif) top left no-repeat; padding-left:25px; color:#000; font-family:'Nanum Gothic', verdana; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{ background:url(images/iconLess.gif) top right no-repeat; padding-right:25px; color:#999; text-align:right; font-family:'Nanum Gothic', verdana; font-weight:bold; }

/* 키워드 */ 
    .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:950px;
		margin:0px auto; 
		padding:0px;  
		background-color:#; border-right: px solid #333; 
}
#header {
		margin:0px;
                width:150px;
                height:100%;
                padding:25px 0px 0px 0px; border-left: 1px solid #b3b3b3;   float:left; background: #fff url(images/left.gif) repeat-y 0 0;


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

		
overflow:hidden;

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


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

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

#header .bloglogo a        { padding-left: 5px; margin:0px; float:left; width:200px; height:100%; background-color:#;   color:#3b5998; font:24px Helvetica, Helvetica Neue, Arial, Verdana, sans-serif; font-weight:bold;  border-left: 1px solid #3b5998;  margin-left: -1px;   background: #fff url(images/left.gif) repeat-y 0 0;  }

#header .bloglogo a:hover       { color:#3b5998; text-decoration:none;}



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

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


#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:690px; overflow:hidden;} 
#guestbook p                        { margin:3px 0 0 0; padding:0; font:11px/1.8 'Nanum Gothic', 돋음, 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; font: 'Nanum Gothic' }
#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:13px;  line-height:1.3em; background:#FCEAF3; }
.titleWrap               { padding-top:23px;  margin-bottom:0px;}

.titleWrap h2 a          {color:#FF8599; font-weight: bold; padding-top:10px; margin-left:3px; }
.titleWrap h2 a:hover          { color:#FF8599; }
.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:690px; margin:0px; overflow:hidden;color:#333;  font:12px/1.6 'Nanum Gothic', Gulim, Dotum, Arial, sans-serif; text-align:justify;  }

.article a:link          { color:#87C2E8;  text-decoration:none; }
.article a:visited       { color:#87C2E8;  text-decoration:none; }
.article a:hover         { color:#F282A4; border-bottom: 1px dotted; text-decoration:none; }
.article a:active        { color:#87C2E8;  text-decoration:none;}

.sideline               { padding-left:5px; width:50px; margin-bottom:0px; background-color:#3b5998; }





.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:14px;  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:#B8E5F7;}


.actionTrail             { border:px solid #eee;  padding:0px;  clear:both;
                                font:11px/1.8 'Nanum Gothic', 돋음, dotum, arial, verdana, sans-serif; color:#999;  text-align:left; height:100%;  background:#;  margin-top: 15px;  }
.actionTrail a           { color:#333;}
.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:690px; overflow:hidden;} 
.comment p                        { margin:3px 0 0 0; padding:0; font:11px/1.6 'Nanum Gothic', 돋음, 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:#3b5998; font-weight:bold;  }



.comment .name a               { color:#3b5998; font-weight:bold;  }
.comment .name a:hover     { color:#3b8fd6;     }
.comment ol li                    {padding-bottom:5px; padding: 5px;  margin:5px 0px 0px 0px;
                                          border-bottom:1px solid #e5eaf1;  background:#edeff4; color: #333; }
.comment ol li.ad           { padding-bottom:5px; padding: 5px;  border-bottom:1px solid #e5eaf1; margin:5px 0px 0px 0px;
                                           background:#edeff4; color: #333;  }



.comment .control a            { color:#aaa; font:11px Arial,Georgia, Dotum, Verdana; padding:0px 0px 0px 5px;}
.comment .control a:hover  { color:#808080; 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 #e5eaf1;  background:#edeff4; }
.commentWrite textarea            { width:456px; padding:5px; position:relative; top:-16px;
                                               height:20px;   overflow:auto;color:#333;   border-left:1px solid #e5eaf1; border-right:1px solid #e5eaf1; border-top:1px solid #e5eaf1; border-bottom:1px solid #e5eaf1;  background:#edeff4;
                                                 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 #e5eaf1; border-right:1px solid #e5eaf1; border-top:1px solid #e5eaf1; border-bottom:1px solid #e5eaf1;  background:#edeff4;
                                                 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 #e5eaf1;  background:#edeff4;}
.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;}

#searchBox               { text-align:left; padding:15px 0px 15px 0px;  background: #; }
#searchBox input         { width:180px;  height:13px;  padding:5px;
                                   font:12px Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif; background: #fff; border-left: 1px solid #b3b3b3;    border-bottom:0px solid #e5eaf1; border-right:0px solid #e5eaf1; border-top:0px solid #e5eaf1;    }

#sidebar h3 a:hover			{ cursor:pointer;   color:#B8E5F7; }
#sidebar h3 span:hover		{   color:#B8E5F7;   }
#sidebar h3 			{ padding-left:10px; padding-bottom:0px; margin-bottom: 5px;  margin-top: 3px; font-size:1.2em;   background: #fff; width: 80px;  color:#3B5998; border-left: 1px solid #b3b3b3;  font-weight: bold ;   background: #fff url(images/left.gif) repeat-y 0 0;  }
#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				{ text-align:left; } 
#recentComment				{ text-align:left; }
#recentTrackback				{ text-align:left; }
#calendar				{ text-align:center; width:180px; padding-bottom:15px;}
#archive				{ font:9px verdana, dotum; padding-bottom:10px;}


#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;}











/* ***** 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;}




/* ***** 사용자 추가***** */

.author                  { text-align:right; color:#888; padding:20px 20px;}
.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}


.sideline               { padding-left:5px; width:20px; margin-bottom:5px; background-color:#3b5998; }


/* 달력 월 표시 */
.cal_month	{ font:8pt verdana; height:18px; font-weight:normal; text-align:center;}
/* 달력 요일 표시(th 영역) */
.cal_week1	{ font:9pt dotum; height:18px; font-weight:normal; text-align:right;}
/* 달력 일요일 표시(th 영역) */
.cal_week2	{ font:9pt dotum; height:18px; font-weight:normal; color:#4867a2; text-align:right;}
/* 달력 Week(tr 영역)  */
.cal_week			{ background-color:#fff;}
.cal_current_week	{ background-color:#fff;}
/* 달력 Day(td 영역) */
.cal_day			{ font:7pt verdana; color:#999; text-align:right;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday		{ color:#4867a2 !important;}
.cal_day_sunday a	{ color:#4867a2 !important;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1	{ color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2	{ color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3	{ color:#666;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4	{ color:#7EAFFA; background-color:#D1ECF7;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link		{ color:#666; font-weight:bold;}
a.cal_click:visited		{ color:#666; font-weight:bold;}
a.cal_click:hover		{ color:#7cc; font-weight:bold;}

/* 지역로그 */
#localog           { background:url(images/bg_local.gif) right 30px no-repeat;padding-left:0px;}
#localog .spot     { color:#f1799d; padding-left:20px;  margin-top:5px;}
#localog .info     { padding-left:15px;  margin-top:2px;}
#localog a         { color:#69c;}