@charset "utf-8";



/* 반드시 들어가야 하는 스타일 시작 */



/* 1. 본문 전체  */
body{
background: #FFF;
background-attachment: fixed; background-position:top center; background-repeat: no-repeat; 
font: 0.75em/1.5 Malgun Gothic; color:#434343;
margin:0px auto;
}


/* 스크롤 */
::-webkit-scrollbar { width: 7px; } 
  
::-webkit-scrollbar-track-piece { background-color:#fff; } 

::-webkit-scrollbar-thumb:vertical { 
    width: 100px; 
    border-radius: 10px; 
    -moz-border-radius: 100px; 
    -webkit-border-radius: 0px; 
    -o-border-radius: 100px; 
    background-color: #004a80; 
} 



/* 2. 기본 링크 */
	a:link {text-decoration: none;	color:#333;	}
	a:visited {text-decoration: none;	color:#333; }
	a:hover {text-decoration: none; 	color:#000;}
	a:active {text-decoration: none;	color:#333;	}
/* 3. 이미지 */
	img {border-width: 0px; }
/* 4. 이미지 버튼 */
	.ib {	cursor: pointer;	}
/* 5. 입력 텍스트 */
	.text {	border:1px solid #999;	background-color:#ddd;	height:18px;	}

/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {	color:#876;	text-align: center;	}
/* 16. 키워드 스타일 */
	.key1 {	cursor: pointer;	border-bottom: 1px dotted #ccc;	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt {font:90% Tahoma;	color:#f30;	}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt {	font:10px Tahoma;	color:#999;	}


/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_general             { }
	.rp_admin span.name		{  }
	.rp_secret              { color:#004a80;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {}
.guest_admin { }
.guest_secret              { color:#004a80;}


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



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




hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input, textarea { font: 1em dotum; }
input { height: 16px; }
table { border-collapse: collapse; border-spacing: 0; }



/* 블로그 레이아웃 */

#container {
	width:/*@post-width:290=*/807px/*@*/;
	height: 100%; margin:0 auto;
}

.header {
	width : 807px; 
	margin:0 auto;
	padding: 0px 0 0px 0;
	}
#page {
	width : 807px;
	margin: 0 auto;
	border: 0px solid #eee;
	padding: 0 0px;
	}
	
.content {
	margin: 40px 0 0px 0;
	padding: 0 30px 0 30px;
	}
#footer {clear:both;
	}


/* 메뉴 */

.header .menu {margin-right:10px;font-size:12px;line-height:7px;font-family:Verdana;padding-top:60px;text-align:right;}
.header .menu .basicmenu a {color:#7d7d7d;
transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s;}
.header .menu .basicmenu a:hover {background:#007bd4; color:#fff;}
.header .menu .adminmenu a{color:#acacac;}



/* 틀 */

.main { margin:30px; position:absolute;left:0px auto; width:420px;height:223px; background:url(images/main.gif) no-repeat 0 0;}
* html .main {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/custom/blog/148/1485251/skin/images/main.gif', sizingMethod='crop');}

.date, .cnt, .from, .delete { font: 0.9em Malgun Gothic, Trebuchet MS, batang; color: #959595;}
.name { padding-bottom:5px; font: 1.0em Malgun Gothic, Trebuchet MS, batang; color: #959595;}
.control { padding-bottom:5px; font: 0.9em Malgun Gothic, Trebuchet MS, batang; color: #959595;}



.content {background: rgba(255, 255, 255, 1.0);
          overflow-y:auto; height:600px; }


#content .nonEntry h3,

#content .entryNotice,
#content .entryProtected,
#content .entry             { }



/* 목록 */

.searchList ol { width:640px; text-align:left; font:1.1em Malgun Gothic; list-style:none; margin:70px 0 60px 0;padding:0;} 
.searchList ol li {padding:2px 0; margin:5px 0 5px 0;} 
.searchList ol li a {color: #434343;
transition:linear 0.2s; -moz-transition:linear 0.2s; -webkit-transition:linear 0.2s; -o-transition:linear 0.2s; -ms-transition:linear 0.2s;}
.searchList ol li a:hover {background:#007bd4; color:#fff;}
.searchList .date {margin-right:20px;} 
.searchList .cnt {color:#007bd4;}




/* 방명록 */

#guestWrite                  { padding:0px;}
#guestWrite p                { clear: both; padding: 0; margin:0;}
#guestWrite p.secret            { }

#guestWrite .guestmember      {margin-left:10px;}
#guestWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle;  }
#guestWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px; }
#guestWrite textarea            { margin-top:5px; padding:2px .5em;width:95%;height:100px;border:1px solid #ddd;font:1.0em Malgun Gothic,,AppleGothic, Sans-Serif;color:#666; overflow:hieedn;}
#guestWrite .homepage           { width: /*@post-width:-180=*/450px/*@*/ !important; font: 0.85em verdana; color: #999; height: 16px; }

#gueestWrite legend 	  { font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

#gueestWrite fieldset div { margin:.3em 0;}
#guestWrite label 		{ margin-right:0px; padding-left:.2em;font:1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;}
#guestWrite label span	{color:#999;}


#guestWrite input		{padding:2px .5em;width: 300px; font:1.0em Verdana, AppleGothic,Sans-Serif;vertical-align:middle;}
#guestWrite input.submit        { align:center; background-color:#004a80; margin-top:1em;padding:.3em;width:200px;height:25px;font-size:.9em;color:#fff;cursor:pointer; margin-bottom: 50px;
	border:0;}

#guestWrite .secretWrap     { clear:both; float:; position:relative; margin-bottom: 5px;}
#guestWrite .checkbox       { border:none; padding:0; margin:0; width:25px;}


#guestList                  { margin:30px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none; }
#guestList .guest_admin, #guestList .guest_general { padding-top: 0px; }

#guestList p.ctrlGuest, #guestList p.ctrlGuestRe { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 13px; height: 15px; }

#guestList p.ctrlGuestRe { margin-bottom: 7px; }
#guestList ol li            { text-align:left; padding: 10px 20px 10px;  margin-bottom:30px; width:/*@post-width:-50=*/700px/*@*/; overflow:hidden;}
#guestList li ul li         { width:/*@post-width:-90=*/660px/*@*/; padding :10px 20px 10px;  border:none;  overflow:hidden; margin-top: 15px; margin-left:20px; margin-bottom:15px; }
#guestList li .name         { float: left; font:1.0em Malgun Gothic; color:#007bd4; letter-spacing: -1px; padding-right: 15px; }
#guestList li span.name img 	{ vertical-align: middle; }
#guestList li a { font:Malgun Gothic; color:#7d7d7d;}
#guestList li a:hover { color:#007bd4; text-decoration:none;}
#guestList li .name a { font:Malgun Gothic; color:#666;}
#guestList li .name a:hover { color:#007bd4;}
#guestList li .date         { float: left; font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; padding-right: 15px; margin-top: 3px;}
#guestList .desc { clear: both; }

.guesttitle {
	color: #004a80; 
	font: 1.9em;
	letter-spacing:-1px;
	margin: 20px 40px 20px 40px;
	padding: 0px;
	}



/* 공지 */

.entryNotice { text-align:left; line-height:20px; margin:30px 0 0px 0px; auto;} 
.entryNotice .articles { clear:both; padding:20px 20px 0px 20px; } 
.notice_title { margin-right:20px; float:left; color:#004a80; font-family:Malgun Gothic; font-size:16px; font-weight:bold; padding-top:5px;} 
.entryNotice .articles .notice_article  { float:left; }



/* 제목 */

.titleWrap               { margin-top:50px;}
.titlepost h2 a{
	font:15px Malgun gothic;
	text-align:center;
	color: #666;
	letter-spacing:-2px;
}
.titlepost h2 a:hover{
	color:#007bd4;
transition:linear 0.3s; -moz-transition:linear 0.3s; -webkit-transition:linear 0.3s; -o-transition:linear 0.3s; -ms-transition:linear 0.3s;
}



/* 보호글 */

.entryProtected {
	margin-top:50px;
	margin-bottom:50px;
}

.entryProtected .input {
	margin-top:4px;
}

.entryProtected .input label { vertical-align: middle; }

.entryProtected .input input {
	width:150px;
	height:17px !important;
	margin-left:5px;
	border:1px solid #DADADA;
	vertical-align:middle;
}

.entryProtected .input .submit {
background-color:#004a80; padding:.3em;width:40px;height:25px;font-size:.9em; color:#fff;cursor:pointer;
 	vertical-align:middle;
	border:0;
}



/* 내용 */

.posted { 
	margin: 20px 0 5px 0; 
	}
		
.admin {
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}
	
.article {
	margin: 50px 0 0px 0;
	text-align: justify;
	font-size: 1.0em;
	}

.article a {
	color: #007bd4;
	}
	
.article a:hover {
	color: #007bd4;
	}
	
.article img { border: 0;}
.article .cap1  { font: 1.0em trebuchet MS, batang; margin:3px ; color: #999; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	list-style: none;
	}

.article blockquote {
	border-left: 4px solid #ccc;
	clear: both;
	color: #555;
	display: block;
	font: italic 1.0em Verdana,serif;
	margin: 12px 16px;
	padding-left: 12px;
	}
	
.actionTrail {
	text-align:right;
	font-size: 0.9em;
	padding-bottom: 3px;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	font:12px Malgun Gothic;
	color:#007bd4;
	text-decoration:none;
	}	

.actionTrail .cnt        { font:12px Malgun Gothic; color:#007bd4;}



/* 댓글 */

.comment img {border: 0; }
.comment .name {
	padding-right: 15px;
}
.comment .name a  { color: #666;}
.comment .name a:hover {
	color:#007bd4;	
	}
.comment a {
	color: #7d7d7d;
	}
.comment a:hover {
	color: #007bd4;
	}

.comment .commentList  { width:98%; }
	
.comment ol     { 
	padding:0; 
	margin:10px 0 0px 10px;	
	list-style: none; 	
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{ 
	padding:12px 20px 0px 0px; margin:20px 0 10px 30px;	
	list-style: none; 
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 10px 0;
        margin-bottom:0px;	
	}
.comment ol li ul li {
	padding-top : 10px; 
	border:0;
        padding-left:10px;
	}
.comment .rp { margin-bottom: 7px; }
.comment .rptext {margin-top:10px;}
.comment .date {
	padding-right: 15px;
}



/* 댓글 양식 */

.comment fieldset 	{ margin:10px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.comment .commentmember {margin-left:0px;}

.comment legend 	  {font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin:.3em 0;}

.comment label 		{padding-left:.2em;font: 0.85em verdana, Helvetica, Sans-Serif; vertical-align:middle;}
.comment label span	{color:#999;}

.comment input		{padding:2px .5em;width: 150px; font:1.0em Gulim, AppleGothic,Sans-Serif;vertical-align:middle;color:#666;border:1px solid #ddd; }
.comment textarea 	{padding:2px .5em; width:98%; height:100px; border:1px solid #ddd; font:1.0em Malgun Gothic,,AppleGothic, Sans-Serif;color:#666; overflow:hieedn;}

.comment .homepage           { width: /*@post-width:-180=*/450px/*@*/ !important; font: 0.85em verdana; color: #999; height: 16px; }

.comment .checkbox 	{background:none; padding:0; width:15px; border:0 none;}
.comment .submit input  {align:right; background-color:#004a80; margin-top:1em;padding:.3em; width:200px; height:25px; font-size:.9em;color:#fff; cursor:pointer;	border:0;}



/* 페이징 */

.paging {
	text-align:center;
	font:12px malgun Gothic;	
	margin: 50px 0 50px 0;
	}

.paging .numbox { 
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num { 
	padding-right:8px; 
	margin-right:5px;
	}
		
.selected { color:#007bd4;
	font-weight:bold; 
	}



/* 카운터&카피라이트 */
#footer          { margin-top:30px; clear: both; text-align:center;  padding:0px 10px 10px 10px;  font:11px Verdana, dotum;	color:#666;}
#footer .copyright, #footer .copyright a { font: 10px Verdana; color: #666; }