@charset "utf-8";
body{font-family: 돋움,Dotum,AppleGothic,sans-serif;font-size:12px;line-height: 1.5; color:#333;/*@background-image=background-image:*/ background-image: none /*@*/;/*@background-image-position=background-position:*/ background-position: left top /*@*/;
/*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;/*@background-color=background-color:*/ background-color: #FFFFFF /*@*/;padding:0; margin:0;}
a:link,a:visited,a:active{ color:#666; text-decoration:none;}
a:hover{text-decoration:underline;color:#ff000a}
img{border:0;vertical-align:middle;max-width:100%}
dl,ul,ol,li {list-style: none;margin:0;padding:0}	
hr {display:none;}

/* button */
.button {color: #6e6e6e; font: bold 12px Helvetica, Arial, sans-serif; text-decoration: none; padding: 7px 12px; position: relative; display: inline-block; text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s;background: #f3f3f3;background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));border: solid 1px #dcdcdc;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;margin-right: 10px;
}
.button:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.button:active {color: #000;border-color: #444;}
.left {-webkit-border-top-right-radius: 0;-moz-border-radius-topright: 0;border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius-bottomright: 0;border-bottom-right-radius: 0;
    margin: 0;}
.middle {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-left: solid 1px #f3f3f3;margin: 0;border-left: solid 1px rgba(255, 255, 255, 0)}
.middle:hover,a.right:hover { border-left: solid 1px #999 }
.right {-webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0;border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomleft: 0;border-bottom-left-radius: 0;
		border-left: solid 1px #f3f3f3;border-left: solid 1px rgba(255, 255, 255, 0);}
.small{padding:2px 8px 4px;font:normal 11px}
a.button:hover {text-decoration:none}
/* 레이아웃 */
#container { /*@post-width:323=width:;*/ width: 1150px; /*@*/ margin: 0 auto; }
#header{float: left; width:100%; border-bottom:13px solid #000000; margin:0;padding-bottom:0px; display: inline;
   	   /*@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: repeat /*@*/;
	   /*@title-background-color=background-color:*/ background-color: #ffffff/*@*/;
	}
#header h1{ float: left; margin: 0px 10 0 0px;
		/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
		/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@title-color=color:*/ color: #333 /*@*/;
		font-weight:bold;
	}
#header h1 a {
		/*@title-font-size=font-size:*/ font-size: 20px /*@*/;
		/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
}
#searchBox { float: right; margin-top: 25px; margin-right: 15px; display: inline;}
#searchBox input.search_keyword { border: 3px solid #000000; background-color: #fff; float: left; margin-right: 4px; height:16px;padding:1px;font-size:12px}
/* 블로그 메뉴 */
#blogMenu{margin:0 0 10px;padding:0;border-bottom:5px solid #ddd}
#blogMenu ul{padding:0 10px}
#blogMenu ul:after{display:block;clear:both;content:""}
#blogMenu li a {float:left;display:block;color:#2E2E2E;letter-spacing:-1px;font-family:verdana;font-size:13px;padding:5px;margin:10px; font-weight:bold; }
#blogMenu li a:hover{color:#ff000a}



/* sidebar */
#sidebar1 {width:180px; float:left}
#blogImage {margin-bottom: 5px}
#blogImage img {width: 250px}
#blogDesc {font-size: 11px;color:#666;padding:5px 0 10px 0;border-bottom: 1px solid #ddd}

/* adsense */
#adsense {margin-bottom:10px;line-height:250px}

/* section */
.section{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1;margin-bottom:10px;}
.section .hx{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;font-size:12px;line-height:normal;color:#333}
.section .tx{padding:5px;margin:0;border-top:1px solid #e9e9e9;color:#666}
.section a{margin:5px;display:block}
.section span.cmt{margin-left:5px;color:#f00;font-size:11px}

/* category */
#category{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1;margin-top:10px}
#category h3{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;font-size:12px;line-height:normal;color:#333}
#category .wrapAbContent {border-top:1px solid #e9e9e9;padding: 10px}
#category .cnt,#category .info{ font-family: verdana; font-size: 11px; color: #999; }

/* tag cloud */
#tagbox{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1;margin-top:0px}
#tagbox .hx{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;font-size:12px;line-height:normal;color:#333}
#tagbox .tx{text-align: justify; margin: 10px;}
#tagbox .tx:after{display:none;clear:both;content:""}
#tagbox .tx a{line-height: 1.8; margin-right: 3px}
#tagbox .tx .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#tagbox .tx .cloud2 { font-size : 12px; color : #000; }
#tagbox .tx .cloud3 { font-size : 12px; color : #ddd; }
#tagbox .tx .cloud4 { font-size : 12px; color : #999; }
#tagbox .tx .cloud5 { font-size : 12px; color : #999; }

/* Counter */
#counter { width: 250px; height: 31px; margin-top:10px;border-bottom: 1px solid #ececec; font-family: verdana,san-serif; font-size:10px; color: #999;}
#counter li {display: inline;margin-right:10px}

/* RSS */
#btnRSS { width: 250px; border-bottom: 1px solid #ececec; }
#btnRSS img {margin-left: 6px;}

/* calendar */
#calendar { border: 1px solid #ececec; margin-top: 10px; }
#calendar .tt-calendar { width: 170px; }
#calendar .wrapAbContent { padding: 0 10px 10px 10px; }

/* 페이징 */
.selected               { font-weight:bold; color:#333; }
.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}
/* 카테고리 - 이미지 버튼 */
.ib { 	cursor: pointer; }
/* 5. 입력 텍스트 */
.text { border:1px solid #999; }
/* 6. 트리 테이블 */
.branch2 { }
/* 7. 트리 셀 */
.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
.cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 { 	}
/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
.cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
.c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
.ps_cnt { font-size: 11px; color : #999; }

/* content */
#content{ float:left; width:/*@post-width=*/ 950px /*@*/; display: line; margin-left:20px;}

/* searchList */
.section_ul{position:relative;border:1px solid #ddd;background:#fff;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.section_ul a{color:#666}
.section_ul a:hover,
.section_ul a:active,
.section_ul a:focus{text-decoration:underline}
.section_ul em{font-style:normal}
.section_ul h2{margin:10px;padding:0px 0 8px 13px;border-bottom:1px solid #ddd;font-size:12px;color:#333}
.section_ul h2 em{color:#cf3292}
.section_ul ul{margin:13px;padding:0;list-style:none}
.section_ul li{position:relative;margin:0 0 10px 0}
.section_ul li:after{display:block;clear:both;content:""}
.section_ul li .bu{float:left;margin:0 4px 0 0;color:#999}
.section_ul li a{float:left}
.section_ul li .time{float:right;clear:right;font-size:0px;color:#a8a8a8;white-space:nowrap}
.section_ul li span.cmt{margin-left:5px;color:#f00;font-size:11px}

/* localog */
#localog,#taglog{position:relative;border:1px solid #e9e9e9;background:#fff;font-size:12px;line-height:normal;*zoom:1}
#localog .spot              {margin-top:5px;font-weight:bold}
#localog .info				{margin-top:2px}
#localog .bu					{margin-right:4px 0 0;color:#999}
#localog h3,#taglog h3{margin:0;padding:10px 0 7px 9px;border:1px solid #fff;background:#f7f7f7;font-size:12px;line-height:normal;color:#333}
#localog .tx,#taglog .tx{padding:10px;margin:0;border-top:1px solid #e9e9e9;color:#666}

#taglog a{margin-right:10px;line-height:1.8}
#taglog a:hover             { background-color:#eee;  color:#000;}
#taglog .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#taglog .cloud2 { font-size : 12px; color : #000; }
#taglog .cloud3 { font-size : 12px; color : #ddd; }
#taglog .cloud4 { font-size : 12px; color : #999; }
#taglog .cloud5 { font-size : 12px; color : #999; }


/* tdiv */
.tdiv {border-top:1px solid #ddd;padding:0;border-bottom:1px solid #ddd}
.tdiv h2{font-size:12px;margin:0;border-bottom:1px solid #ddd;padding:10px;color:#333;background:#fafafa}
.tdiv .ect{padding:10px}
.tdiv .ect span,.tdiv .ect a{margin-right:10px;color:#666;font:thaoma;font-size:11px}

p.protect_p   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
input.protect_i{ width:200px; padding:5px; border: 1px solid #ddd; margin:0 5px}

/* entry */
.article {padding:10px;font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #666 /*@*/; }
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { padding-left:25px;  margin:10px 20px;}


.author .text            { border:0;font:90% Verdana, Arial, Helvetica, sans-serif;}

.tagTrail                { padding:8px 5px 5px 21px;  background:url(./images/tag_blue.png) center left no-repeat; clear:both;}
.tagText                 { display:none}

#articleBtmWrap { width:/*@post-width*/ 950px /*@*/; padding: 7px 0 0; font-family: verdana; font-size: 12px; color: #000; margin: 0 auto; }
.actionTrail             { width:/*@post-width*/ 728px /*@*/; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px;  color: #000; }
.actionTrail .cnt        { color:#999; font-weight: bold; }
.trackback               { width:/*@post-width*/ 728px /*@*/; overflow:hidden;  margin:0 }
.trackback a             { color:#666; text-decoration: none;}
.trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
.trackback h4            { font-family: dotum; font-size: 11px; font-weight:normal;  margin:0; }
.trackback ol            { margin:0;  padding:0; }
.trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
.trackback li            { border-bottom:1px solid #fff;  padding:5px 0;}
.trackback .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
.trackback p             { margin:2px 0 0 0; padding:0;}

/* paging */
#paging {padding:10px 0;text-align:center;line-height:normal}
#paging a{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
#paging .selected {color:#f60}
#paging #prevPage,#paging #nextPage{font-weight:normal;color:#767676;white-space:nowrap}
#paging #prevPage span,#paging #nextPage span{font-weight:bold;font-size:14px}
#paging .no-more-prev,#paging .no-more-next{display:none}
#paging a:hover{color:#f00}
#paging a#prevPage:hover,#paging a#nextPage:hover{color:#333}

/* footer */
#footer { clear:both; width: auto; margin:0; padding-top: 8px; border-top: 10px solid #000000; }
#footer .copyright {font-family: Vadana, san-serif; font-size: 11px; text-align: center; padding: 0; margin: 0; }
#footer .copyright p, #footer .copyright p a { color: #999; }
#footer .copyright .tistory, #footer .copyright .tistory a { color: #666; }


/* 댓글 + 방명록 */
.comment h3	{ display:none; }
.commentList ol,
.commentList ul,
#guestList ol,
#guestList ul { 
	list-style:none; 
	margin:0; 
	padding:0;
	background-color:#eee;
	
}
.comment { 
	background-color:#FAFAFA;
	padding:10px 20px 20px 20px;
	width:/*@post-width:-40=*/ 910px /*@*/; 
	overflow:hidden;
}
.commentList ol li { 
	border-bottom:1px solid #E5E5E5; 
	padding-bottom:9px;
	padding-top:10px; 
}
#guestList ol li {
	background-color:#F8F8F9;
	padding:20px 30px 14px 30px;
	width:/*@post-width:-40=*/ 740px /*@*/; 
	overflow:hidden;
	margin-bottom:1px !important;
}
.commentList ul li,
#guestList ul li { 
	background:url("images/iconIndentArrow_reply.gif") no-repeat 4px 1px; 
	margin:0; padding:0; 
	padding-left:20px;
	margin-top:13px;
	border:0px; 
}
.commentList .control a span,
#guestList .control a span { display:none; }
.commentList .control a,
#guestList .control a {text-decoration:none; }
.commentList .control a.address			{ background:url(images/iconAddress.gif) no-repeat; padding:0 0 0 40px; }
.commentList .control a.modify			{ background:url(images/iconModify.gif) no-repeat; padding:0 0 0 55px; margin-left:-4px; }
.commentList .control a.write			{ background:url(images/iconWrite.gif) no-repeat; padding:0 0 0 34px; }
#guestList .control a.modify		{ background:url(images/iconModify.gif) no-repeat; padding:0 0 2px 55px; }
#guestList .control a.write			{ background:url(images/iconWrite.gif) no-repeat; padding:0 5px 2px 34px; }

.commentList p,
#guestList p { margin:7px 0 0 0; }
.commentList ol p,
#guestList ol p {
	width:/*@post-width:-40=*/ 660px /*@*/; word-wrap:break-word; word-break:break-all;
}
.commentList ul p,
#guestList ul p{
	width:/*@post-width:-60=*/ 640px /*@*/; word-wrap:break-word; word-break:break-all;
}

/* 텍스트 */
.commentList .name,
.commentList .name a,
#guestList .name,
#guestList .name a {
	font:bold 12px/18px Gulim, Arial, Verdana, Helvetica, sans-serif;
	color:#444;
}
.commentList .date,
#guestList .date { 
	font:11px/18px 'Times new roman', Times, Garamond, bodoni, Batang, Gungsuh, serif; 
	color:#9E9E9E; 
}
.commentList ol p,
.commentList ul p,
#guestList ol p,
#guestList ul p {
	font:12px/18px Gulim, Arial, Verdana, Helvetica, sans-serif;
	color:#666;
}

/* 댓글+방명록 글쓰기 */
#guestWrite {
	border:1px solid #fff;
	background-color:#fff;
	margin:10px 0;
}
#guestWrite .inner {
	border:1px solid #fff;
	padding:17px 0 15px 18px;
}
.commentWrite { margin-top:15px; }
.commentWrite .wrapper label{
	width:70px; float:left; display:block;
	font:11px 'Times New Roman', Garamond, bodoni, Gungsuh, serif;
	color:#7575A3;
}
#guestWrite p label.headName		{ background:url(images/head_name.gif) no-repeat left 10px; width:70px; text-indent:-5000px; display: block; float:left; }
#guestWrite p label.headPassword	{ background:url(images/head_password.gif) no-repeat left 8px; width:70px; text-indent:-5000px; display: block; float:left; }
#guestWrite p label.headComment		{ background:url(images/head_comment.gif) no-repeat left 8px; width:70px; text-indent:-5000px; display: block; float:left; }
#guestWrite p						{ clear:both; padding:0; margin:15px; }
.commentWrite p label.headName		{ background:url(images/head_name.gif) no-repeat left 8px; width:70px; text-indent:-5000px; display: block; float:left; }
.commentWrite p label.headPassword	{ background:url(images/head_password.gif) no-repeat left 8px; width:70px; text-indent:-5000px; display: block; float:left; }
.commentWrite p label.headComment	{ background:url(images/head_comment.gif) no-repeat left 8px; width:70px; text-indent:-5000px; display: block; float:left; }
.commentWrite p	{ clear:both; padding:0; margin:0 0 3px 0; }
textarea { width:/*@post-width:-126=*/ 905px /*@*/; padding:5px;height:120px; }
.secretWrap .checkbox { 
	border:none !important; 
	width:10px; !important; 
	padding:0; 
	margin:0 0 0 0px;
	vertical-align:middle;
}
* html .secretWrap .checkbox { margin: 0 0 0 70px; }
.commentWrite label span {
	font:12px 'Times New Roman', Garamond, bodoni, Gungsuh, serif;
	color:#666;
}
.commentWrite input,
#guestWrite input { width:100px; }
#guestWrite .submit	{ 
	background:url(images/btn_guestbook.gif) no-repeat; 
	width:74px; height:20px; 
	overflow:hidden; display:block; text-indent:-1000em;
	cursor:pointer; 
	border:0; 
	margin-left:/*@post-width:-118=*/ 600px /*@*/;
}
.commentWrite .submit { 
	background:url(images/btn_comment.gif) no-repeat; 
	width:74px; height:20px; 
	overflow:hidden; display:block; text-indent:-1000em;
	cursor:pointer; 
	border:0; margin:0 auto; 
}

.cmtcontent {
	background:url(images/comment.gif) 100% 100% no-repeat;
	margin:0 -15px;
	padding:0 15px 10px;
	line-height:145%;
}

#tistorytoolbarid { display: none; }