@charset "utf-8";


/*****************************************
/*공통*
*****************************************/
body {
	background:#f7f7f7;
	margin:0 auto;
	padding:0;
	font:Calibri,"돋움";
	font-size:11px;
    color:#555;
	width: 1160px; /*크기조정시*/ /*크기조정시라는 주석이 붙은 부분의 width값에서 조절할 길이의 값을 빼주거나 더해주세요. 총 본문길이을 500px; 줄이고 싶다면 각각의 값에서 500을 빼줍니다*/
	                              /* ex) bddy 1160-500= 660px #header 998-500= 498px*/
	
}
li,ol,ul {list-style:none; margin:0;}
a:link		{ color:#555; text-decoration:none;}
a:visited	{ color:#555; text-decoration:none;}
a:hover		{ color:#3CC; text-decoration:none;}
a:active	{ color:#3cc; text-decoration:none;}

/*본문공통요소*/

/*페이징*/
.selected	{ font-weight:bold; padding:0 2px;color:#3cc;}

/*more/less*/
.moreless_fold		{ padding-left:20px; background:url(images/more.png) 0 40% no-repeat;}
.moreless_fold span:hover	{ color:#ccc; text-decoration:line-through;}
.moreless_top		{ padding-left:20px; background:url(images/less.png) 0 40% no-repeat;}
.moreless_top span:hover	{ color:#ccc; text-decoration:line-through;}
.moreless_bottom	{ display:none;}


/*비밀댓글*/
.hiddenComment 	{ padding-left:0px; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1			{ color:#666; text-align:center;}
/* 그림 */
.imageblock		{ border:0px; padding:0px; margin:0px;}
/* 그림 2개 배치 */
.dual		{ margin-bottom:0px;}
/* 그림 3개 배치 */
.triple		{ margin-bottom:0px;}




img	{ border:0;}
input{ border:1px solid #ccc; font:11px calibri; padding:2px;}
.clear	{ clear:both;}
.line { height:1px; border:1px solid #ccc}
.line2 { height:1px; border:1px solid #ccc; margin-top:-3px;}
::selection{color:#fff; background:#3cc;}
::-moz-selection{color:#fff; background:#3cc;} 



/*****************************************
/*레이아웃*
******************************************/

#container{ width: 1170px; margin:0 }/*크기조정시*/

#contentsWrap { width: 1000px; float:right; line-height:170%; overflow:hidden; text-align:left; margin-top: 60px; margin-left:10px; padding-bottom: 60px;  }/*크기조정시*/

#sideMenu {position:absolute; right:0;top:0; 
           text-align: left;  
		   width:150px; height:auto;
		   background:url(images/bg.png) repeat;}

#header { width:998px;  /*크기조정시*/
          background:url(images/bg.png) repeat;
          border:1px solid #ccc; 
          }
		 
.contents { width:968px; background:url(images/bg.png) repeat; margin-top:20px; padding:10px 15px; border:1px solid #ccc;}/*크기조정시*/


/*****************************************
/*사이드 메뉴*
******************************************/
*{margin:0;padding:0;}
 #menu{height:auto; }
 #wrap {position:relative;width:155px; height:500px; z-index:10;overflow:hidden; float: left; margin-top: 60px;color:#999; }
	.c_right_menu{position:absolute;top:0;right:0;}
	.c_right_menu a{display:block;}
	.on_menu{position:absolute;right:0;top:0;}
	.out_menu{position:relative;right:-250px;width:250px;height:301px;}
	.out_menu p {position:absolute;right:0;top:0; z-index:100}
	
	#sideMenu {border: 1px solid #ccc; border-top:1px solid #3cc;  border-bottom:1px solid #3cc; }
	#sideMenu ul { text-transform: uppercase; padding-top:30px;}
    #sideMenu li {  width:150px;height:30px;  font-size:14px; font-family:tahoma; font-size:10px; font-weight:bold; color:#999; border-bottom:1px solid #CCC;}
	#sideMenu ul>li:hover{ color:#3cc; background:#fff; }
	#sideMenu ul>li>a { width:140px; padding:10px 5px; color:#999; }
	#sideMenu ul>li>a:hover {padding:10px 5px; color:#3cc; }
	.bar { position: absolute; right:0; font-weight:bold; padding-right:10px;}
	
.banner {text-align:center; margin-top:30px; margin-bottom:10px; padding:5px 0; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}
.search { padding:10px 2px;  float:left}	
.submit {background:url(images/bg.png); color:#666}
#copyright {font-family:Tahoma; font-size:9px; color:#3cc; text-align:right; margin-top:5px;}

/*****************************************
/*블로그타이틀*
******************************************/
.title {width:80px; height:19px; background:#3cc; color:#FFF; text-align:center; padding:10px 0; border-right: 2px solid #666;
        text-decoration:line-through; float:left;
        }
.ment {width:878px; padding:10px 20px ; margin-left:80px; font-weight:bold; color:#3cc; text-transform: uppercase; font-family: "맑은 고딕", Tahoma; font-size:11px;}
.headerFont{font-family:tahoma; font-size:10px;}

/* 길이수정시
  .title과 .ment의 width길이의 합이 #header의 width길이가 되게 맞춰주세요
   ex)#header500px=.title150px+.ment 350px 이렇게! */

/*****************************************
/*콘텐츠*
******************************************/

/*검색결과*/


#cotegory { height:20px;
           margin-top:10px;
           padding:5px 15px;
		   border-top:1px solid #ccc;
		   border-bottom:1px solid #ccc;
		   text-transform:uppercase;
		   }
#cotegory a {float:left;
             font-family:Tahoma, "맑은 고딕";
		     font-size:8px;
		     font-weight:bold;
			 padding:0px 3px;}

#cotegory ul{ margin:0}
#cotegory li {float:left;}


.searchList {margin:auto; clear:left;}
.searchList ol {margin-top:15px;}

.searchList li {
	font-size:11px;
	display: block;
	border-bottom: 1px dashed #ccc;
	padding: 12px 15px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	}

.searchList li a {
	font-family:"맑은 고딕",Tahoma
	display: block;
	float: left;
	color: #666;
	}

.searchList a:hover {     
	color: #999;
	background-color: transparent;
	text-decoration: underline;
	}

.searchList li:hover {
	background-color:#F4F4F4;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	}

.searchList .date {
	display: block;
	float: right;
	font: 9px calibri;
	color: #666;
	margin-top: 3px;
	margin-right:5px;
	padding: 0 2px;
	}

.searchList .cnt{ font:9px calibri; margin-top: 3px; margin-right:5px; color:#666; float:right;}
 


/*방명록*/
 #guest{margin-top:20px;  height:auto}

.subject {color:#999;
	      font-family:Tahoma; font-size:12px; font-weight:bold;
          text-transform:uppercase;
		  }
	
.guestWrite{ margin:0;padding:0; padding-top:10px; padding-bottom:20px;}
.guestWrite input {font-size:10px; font-family:Calibri,"맑은 고딕"; color:#666;
                   width:80px; 
				   margin-right: 5px; margin-bottom: 10px; margin-left: 2px; 
				   padding: 2px; 
				   background-color: #fff; 
				   border: 1px solid #ddd;}

.guestWrite textarea { font-size:11px; font-family:Calibri, "맑은 고딕"; color:#666; 
                          width:auto; height:100px; 
						  padding:5px; top:5px; 
						  overflow:visible; 
						  line-height:170%;
						  background-color:#fff; 
						  border: 1px solid #ddd;}
						  
.guestWrite .homepage   { width:120px; margin-right:0;}

.guestWrite input.submit{ margin-top:5px; height:40px; background:url(images/bg.png) }	
	
.guestWrite .submit:hover 	{ text-decoration: line-through; color: #666;}

.guestWrite .secret {width:40px; height:40px;
	                 background:url(images/bg.png); color:#666;
                     border:1px solid #ddd;
					 padding: 13px 16px 12px ;
					 }
					 

.guestWrite .checkbox {width:12px;
                       padding:2px;
					   margin-top:9px;
					   background:url(images/bg.png);
					   vertical-align: middle;
					   
					   
}

.guestWrite .label_secret { font-family:Calibri; font-size:11px; color:#666; text-transform:lowercase;}
.guestWrite label { vertical-align: middle; font-family:Tahoma, "맑은 고딕"; font-size:9px; text-transform:uppercase; }


/*방명록 리스트*/

.guestList { margin:0; padding:0}
.guestList p { margin-left:5px;}

.guestList ol { margin:10px 0; color:#666;}
.guestList ol li { padding:5px 0; border-top:1px dashed #ccc; }

.guestList ul { margin-top:5px; margin-left:20px;  }
.guestList ul li {border-top:1px dashed #ccc; }

.guestList ol li .name { font:Tahoma, "맑은 고딕"; font-size:10px; color:#3cc; margin-left:5px; padding:1px;}
.guestList ol li .date {font-family:Calibri; font-size:9px; text-transform:uppercase; color:#ccc; margin-left:5px;}
.guestList ol li .control { font-family:Tahoma; font-size:9px; text-transform:uppercase; color:#999; margin-left:5px;}

.guest_general {}
.guest_admin {}


/*공지사항*/

.entryNotice { margin-top:20px; color:#666}

.titleWrap {padding:5px;}
.titleWrap  h2{ font-size:11px; font-family:"맑은 고딕", calibri; color:#666}
.titleWrap .date { font-size:9px; font-family:Calibri; color:#999}

.entryNotice .article { padding:0 10px; margin-bottom:10px; }
.entryNotice .line { margin-top:10px;}

/*보호글*/

.entryProtected { margin-top:15px; padding-bottom:15px;}
.entryProtected p{ margin-left:10px; color:#666;}
.entryProtected h2 { font-family:Tahoma, "맑은 고딕"; font-size:12px; margin-top:10px;}
.entryProtected .date { font-family:Calibri; font-size:9px; color:#666;}
.entryProtected label {color:#3cc; font-family:Tahoma; font-size:9px; font-weight:bold;}


/*본문*/

.entry { margin-top:15px;}
.titleWrap .category { font-size:9px; font-family: "맑은 고딕", calibri; color:#999;}
.titleWrap .admin a { color:#999; font-family: Tahoma, "맑은 고딕"}
.titleWrap .admin { font-size:9px; color:#666;font-family: Tahoma, "맑은 고딕"}

.entry .article {padding-left:5px; font-family: "돋움"}


/*태그*/

.tagTrail { margin-top:10px; margin-left:5px;  }
.tagTrail span.tagText {padding:2px; color:#3cc; font-family:Tahoma; font-size:9px; font-weight:bold;}


/*댓글*/

.actionTrail {margin:5px 0; margin-left:5px; padding-bottom:15px;}
.actionTrail .cnt {margin-left:2px; color:#3cc}
.comment				{ padding-bottom:10px; width:100%; overflow:hidden;} 
.comment p				{ margin:0; padding:0;}
.comment h3				{ display:none;}
.comment ol {
	padding:0; 
	margin:0;	
	list-style: none;		
	}
.comment ul { 
	padding-left: 10px ;	
	list-style: none; 
	overflow: hidden;
	}
.comment ol li {
	padding: 10px 0;
	overflow: hidden;
	text-align:justify;
	}
.comment ol li ul li { 
	border-top: 1px dashed #ddd;
	margin-top: 10px;
	padding-bottom: 0px;
	}

.comment .date		{ font:11px calibri; color: #666; padding: 0 2px; margin-left: 5px;}
.comment .name		{ font-weight:bold; color:#3cc;}

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ padding-left:2px; font:11px calibri;}

.comment .line {margin-bottom:10px;}

/*댓글쓰기*/

.commentWrite  { padding:0; margin:0; font:11px calibri;  padding-top:10px;}
.commentWrite p {margin-top:5px;}

.commentWrite input				{font-size:10px; font-family:Calibri,"맑은 고딕"; color:#666;
                                 width:80px; 
				                 margin-right: 5px; margin-bottom: 10px; margin-left: 2px; 
				                 padding: 2px; 
				                 background-color: #fff; 
				                 border: 1px solid #ddd;}
								 
.commentWrite textarea          { font-size:11px; font-family:Calibri, "맑은 고딕"; color:#666;  width:auto; height:100px; border:1px solid #ddd; }

.commentWrite .homepage			{ width:120px; margin-right:0;}

.commentWrite input.submit { margin-top:5px; height:40px; background:url(images/bg.png) }	
.commentWrite .submit:hover 	{ text-decoration: line-through; color: #666;}

.commentWrite .checkbox			{width:12px;
                                         padding:2px;
					             margin-top:9px;
					             background:url(images/bg.png);
					             vertical-align: middle;
					   
					   
}
.commentWrite .secret			{width:40px; height:40px;
	                             background:url(images/bg.png); color:#666;
                                 border:1px solid #ddd;
					             padding: 12px 16px 13px ;
								 
}
.commentWrite label 			{ vertical-align: middle; }

/*페이징*/

.paging					{ background:url(images/bg.png); padding:10px; margin-top:-4px; text-align:left; font:11px calibri; border:1px solid #ddd;}
.paging .numbox			{ padding-left:4px; margin-left:4px; font:10px calibri;}
.paging .num			{ padding-right:4px; margin-right:4px; font:10px calibri;}
.paging a:visited		{ text-decoration:none;}
.paging a:hover			{ color:#3cc;}