@charset "utf-8";
* {
	margin:0;
	padding:0;
	border:0; 
	line-height:1.6; 
	font-family:"Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic, Sans-serif;
}
body {
	background-color:#ffffff;font:12px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic, Sans-serif; letter-spacing:0;;
}
a {text-decoration:none; }
a:hover {text-decoration:underline; }
hr {display:none; }
input.text, select, textarea {
	font:11px "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", Verdana, Dotum;
}
input {vertical-align: middle; }
textarea {padding:5px; font-size:12px; }
label {font:10px Tahoma, Dotum, Sans-serif;}

/* 태그 */
#taglog ul, #tagbox ul { 
	text-align:justify; 
}

#blogMenu li,
#counter li,
#tagbox li,  
#taglog li {
	display:inline;
}
#blogMenu li, /*탑메뉴*/
#sidebar li, /*사이드바 - 마크업에 따라 변경*/
#searchList li, /*본문검색리스트*/
#searchRplist li, /*댓글검색리스트*/
#guestList li, /*방명록*/
.trackback li, /* 트랙백 */
.keylog li, /*키로그*/
.commentList li /*댓글*/ {
	list-style-type:none;
}
/* 포스트 본문 마크업 */
#content .entry .article ol, #content .entry .article ul, #content .entry .article il {
	padding-left:25px;
}

.article dt {
	padding-top:5px;
	text-decoration:underline;
}
.article dd {
	padding-left:25px;
	padding-bottom:5px;
}
.article table th { } /* 스킨디자인에따라 색상 변경 */
.article table td {padding:2px;} /* 스킨디자인에따라 색상 변경 */
.dual table td, .triple table td {background-color:transparent; } /* 이미지 레이아웃 */
/* article 다음에 오는 마크업 */
.author, .tagTrail, .actionTrail { clear:both; }

/* 블로그 레이아웃 */
#header .head-container {width:/*@post-width:257*/900px/*@*/; margin:0px auto;  margin-top:10px; margin-bottom:0px; }
#body {clear: both; width:/*@post-width:257*/900px/*@*/; margin:0px auto; }
#content {
	float:left;
	width:/*@post-width:42*/680px/*@*/;
	overflow:hidden;text-align:justify; 
	word-break:break-all;
}
#sidebar {
	float:right;
	width:200px;
	overflow:hidden;
}
#footer {
	clear:both;
	padding:5px 0 32px 0;
	text-align:center;
}
/* BOX  */
.boxMid {clear:both; margin-bottom:37px;}
.boxMidR {clear:both; overflow:hidden; margin-bottom:22px; table-layout:fixed;white-space:nowrap;padding-bottom:5px}
.boxMidRC {overflow:hidden;}
.clear {clear:both; width:1px; height:10px; padding:0; font:0px; line-height:0px; }
* html .clear {clear:both; width:1px; height:6px; padding:0; font:0px; line-height:0px; }

/* 헤더 */
#header {
	padding-top:0px; margin-bottom:26px;
}

#searchbar {clear:both; }
/* 검색 */
#searchBox {clear:both;height:18px; float:right; margin-top:0px;margin-bottom:12px;}
#searchBox label {display:none; }
#searchBox input {
	width:120px;
	height:16px;
	vertical-align:middle; /* 검색창과 버튼 정렬이 안맞을 때 필수 */
	position:relative;
	cursor:pointer;
}
#searchBox .submit { width:36px; height:18px; font-size:9px; 
	overflow:hidden;
	vertical-align:middle; /* 검색창과 버튼 정렬이 안맞을 때 필수 */
	border:0;
	position:relative;
	cursor:pointer;
}

/* 타이틀 */
.title {border-bottom:1px dotted; padding:15px 9px 14px 19px; }
.title, .title a { }
.subMarginTop {height:30px; }
.subMargin {margin-top:30px; }

/* 방명록&댓글 */
#guestbook .container {padding:19px 20px 33px 20px; }
#guestList {margin-top:10px; }

#guestList .name, .commentList .name {float:left; margin-right: 10px;font-weight:normal; color:#a6f }
#guestList .wrapper, .commentList .wrapper {float:left; }
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a { font:bold 12px/16px Verdana, Dotum, AppleGothic ; }
#guestList .wrapper, #guestList .wrapper a, .commentList .wrapper, .commentList .wrapper a {}
#guestList p, .commentList p {padding-bottom:1px; font:12px/16px Verdana, Dotum, AppleGothic ; }
#guestList .date, .commentList .date, #guestList .wrapper .control, #guestList .wrapper .control a, .commentList .wrapper .control, .commentList .wrapper .control a {font:10px/16px tahoma; }
#guestList ol li ul li, .commentList ol li ul li { 
	padding-left:33px;  
	background:url(images/iconIndentArrow_re.gif) no-repeat 11px 15px;  
}
#guestList ol li {padding-top:13px; }
#guestList ul {margin-top:11px; }
#guestList ul li {padding-top:13px; padding-bottom:11px;}

#guestList ol li .wrapper {width:/*@post-width:-110*/533px/*@*/; overflow:hidden; }
#guestList ul li .wrapper {width:/*@post-width:-143*/500px/*@*/; overflow:hidden; }

#guestWrite b, .commentWrite b {display:none; }
input.text {height:18px; }

.secretWrap {height:18px; padding-top:2px; }
.secretWrap input {margin-top:2px; }

#guestWrite .name input {width:/*@post-width:-438*/235px/*@*/; padding-left:5px; }
#guestWrite .password input {width:/*@post-width:-425*/248px/*@*/; padding-left:5px; }
#guestWrite .homepage input {width:/*@post-width:-63*/600px/*@*/; padding-left:5px; }
#guestWrite .homepage, .commentWrite .homepage {margin-top:4px; }
#guestWrite textarea {width:/*@post-width:-12*/631px/*@*/;}
#guestWrite p.button {width:/*@post-width*/643px/*@*/;}
p.button {
	margin-top:4px; 
	text-align:right; 
}
p.button input.submit {
	width:59px;  
	height:19px; 
	border:0; 
	background:url(images/btn_confirm.gif) no-repeat; 
	text-indent:-5000px;
	vertical-align:top;
	overflow:hidden;
	cursor:pointer;
}
/* 댓글 */
.comment h3 {display:none; }
.commentList {font-size:0px; }
.commentList {width:/*@post-width*/643px/*@*/; }
.commentList ol { }
.commentList ol li {padding-top:13px; padding-left:15px; padding-right:15px; }
.commentList ol li .wrapper {width:/*@post-width:-140*/533px/*@*/; padding-bottom:11px; overflow:hidden; }
.commentList ul {}
.commentList ul li {padding:13px 0px 11px 0; }
.commentList ul li .wrapper {width:/*@post-width:-173*/500px/*@*/; padding-bottom:0px; overflow:hidden; }

.commentWrite {width:/*@post-width:-30*/613px/*@*/; padding:13px 15px 15px 15px; overflow:hidden;}
.commentWrite .name input, .commentWrite .password input {width:140px; }
.commentWrite .homepage input {width:140px; padding-left:5px; }
.commentWrite textarea {width:/*@post-width:-42*/601px/*@*/; }
.commentWrite p.button {width:/*@post-width:-30*/613px/*@*/; }
.cmt1	{ text-align:justify; overflow:hidden; table-layout:fixed;}

/* 검색목록 */
#searchList ol, #searchRplist ol {margin:19px 20px 9px 20px; }
#searchList, searchRplist {padding-bottom:4px; }
#searchList li, #searchRplist li {margin-bottom:4px; }
#searchList li .date, #searchRplist li .date {padding-right:4px; }
#searchList li, #searchList li a, #searchRplist li, #searchRplist li a {font:12px/16px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }

/* 보호글 */
.entryProtected .container {padding-top:25px !important; padding-bottom:47px !important; text-align:center; }
.entryProtected p.text {padding-bottom:7px; font:12px/18px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
.entryProtected p.input {width:250px; margin:0px auto; padding:10px 0px; }
.entryProtected label {font:bold 12px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
.entryProtected input.text {
	width:150px;
	height:20px;
	border:0px;
	vertical-align:middle;
}
.entryProtected .input .submit {
	width:59px;  
	height:19px; 
	background:url(images/btn_confirm2.gif) no-repeat; 
	font-size:0px;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
}

/* 포스트 */
.infor {width:/*@post-width:42*/675px/*@*/; height:22px; padding-top:8px; }
.infor .category {float:right; padding-top:2px; padding-left:16px; background:url(images/icon_category.gif) no-repeat 0px 3px; font:11px dotum;}
*:first-child+html .infor .category { background-position: 0 4px; }
.infor .date {padding-left:21px; background:url(images/icon_date.gif) no-repeat 8px 2px; font:11px tahoma; }

.titleWrap h2 a {
	font-size:/*@post-title-font-size*/16px/*@*/;
	line-height:1.3em;
	font-family:/*@post-title-font-family*/"Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum /*@*/;
}

.entryNotice .article, .entryProtected .container, .entry .container { padding:10px 20px 1px 20px; }

.entry .admin {padding-bottom:12px; }
.entry .admin, .entry .admin a {font:12px/18px Dotum; }

.article {
	width:/*@post-width*/643px/*@*/;
	font-size:1.05em; line-height:180%;
	font-family:/*@post-body-font-family*/"Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic, /*@*/; 
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden; padding-top:20px;
}

/* 내가22 추가한 것 */
.article blockquote	{ padding-left:28px; margin:10px 20px;}
.article code {
	display: block;
	margin-top:0px;padding: 5px;
	overflow:auto;
	font: normal 11px "DejaVu Sans Mono", "NanumGothic", Monaco, "Andale Mono", "Lucida Console", Monospace;line-height:150%;;
	white-space: pre;
}
.code1 {
	display: block;
	margin-top:0px;padding: 5px;
	font: normal 11px "DejaVu Sans Mono", "NanumGothic", Monaco, "Andale Mono", "Lucida Console", Monospace;line-height:150%;;
	white-space: pre;
}
.article pre {
	margin-top:0px;padding: 5px;
	overflow:auto;
	font: normal 11px "DejaVu Sans Mono", "NanumGothic", Monaco, "Andale Mono", "Lucida Console", Monospace;line-height:150%; white-space: normal;;
}

/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
	padding-left:18px;
	text-decoration:underline; 
}
.moreless_fold { /* 열기 */
	background:url(images/iconMore.gif) no-repeat left top; 
}
.moreless_top { /* 닫기 위 */
	background:url(images/iconLess.gif) no-repeat left top; 
}
.moreless_bottom { /* 닫기 아래 */
	padding-right:18px; 
	background:url(images/iconLess.gif) no-repeat right top; 
	text-align:right;
}
.moreless_content {margin:10px 0px 10px 0px; }


.tagTrail {padding-left:38px; padding-bottom:8px; background:url(images/txt_tag.gif) no-repeat 0 1px;}
.tagTrail, .tagTrail a { font-size:12px; }
.tagTrail .tagText {display:none; }

.actionTrail {padding-bottom:10px; }
.actionTrail a, .actionTrail a span { /* 폰트 지정시 필수 */
	font:bold 10px tahoma;
}
.actionTrail a.tb {padding-left:13px; background:url(images/icon_trackback.gif) no-repeat 0px 1px }
.actionTrail a.rp {padding-left:19px; background:url(images/icon_comment.gif) no-repeat 5px 2px }

.trackback, .comment {margin-top:1px;}

.trackback h3 {width:/*@post-width:-30*/613px/*@*/; padding:11px 0 12px 15px; font:bold 9px/16px tahoma; }
.trackback .trackback-url { padding-left:10px; }
.trackback h3 span { font:normal 11px/16px verdana; }
.trackback ol li {width:/*@post-width:-30*/613px/*@*/; padding:13px 15px 0 15px; overflow:hidden; }
.trackback ol li, .trackback ol li a {}
.trackback h4, .trackback h4 a {font:12px/15px "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
.trackback .from {padding-left:12px; }
.trackback .from, .trackback .date {font:10px/15px verdana; }
.trackback .name {font:12px/15px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
.trackback p {padding-top:3px; padding-bottom:11px; font:12px/15px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
.trackback a.delete { 
	padding-left:5px; 
	background:url(images/iconDelete.gif) no-repeat;  
	font-size:9px;
	text-decoration:none;
}
.trackback a.delete span {
	display:none;
}
/* 페이지 */
#paging {margin:19px 0 13px 0; text-align:center; }
.numbox a span {padding:0px 5px 0px 3px; }
#paging a, #paging span, #paging span.selected {font-size:12px verdana;}
}
/* 이전 다음 버튼 */
#prevPage span, #nextPage span {
	display:none;
}
a#prevPage:hover, a#nextPage:hover {text-decoration:none; }
#prevPage, .no-more-prev { 
	padding-right:6px;
	background-repeat:no-repeat;
	background-position: left 4px;
}
#nextPage, .no-more-next { 
	padding-left:6px;
	background-repeat:no-repeat;
	background-position: right 4px;
}
#prevPage {background-image:url(images/ico_prev_no.gif); }
#nextPage {background-image:url(images/ico_next_no.gif); }
.no-more-prev {background-image:url(images/ico_prev.gif) !important; }/* 비활성prev버튼 */
.no-more-next { background-image:url(images/ico_next.gif) !important; }/* 비활성next버튼 */

/* 사이드바 */
/* 사이드바 타이틀 */
#sidebar h3 {margin-top:3px; margin-left:9px;margin-bottom:1px; font-size:13px; font-weight:bold; } 
#sidebar .dot					{ }
#sidebar .cmtt		{ margin-bottom:2px;padding-left:4px;}
#sidebar .logobox	{ overflow:hidden; margin-bottom:22px;padding:15px 0px 9px 15px;}
#sidebar .category	{ }
#sidebar .category li          { background:none;}
#sidebar .category li ul li    { background:url(images/bul-c.gif) 0 6px no-repeat; padding-left:6px;}

/* 본문 */
#sidebar ul {margin:2px 10px 0px 10px; }
#sidebar ul li, #sidebar ul li a, #sidebar ul li a span { font:12px/16px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
#sidebar ul li {padding:1px 0px; }
#sidebar #tagbox ul li, #sidebar #tagbox ul li a {line-height:18px; }


/* RSS */
#btnRSS {width:194px; height:20px; margin-top:10px; text-align:right;font:10px "Ubuntu", "NanumGothic", "나눔고딕", Tahoma, Dotum, Arial, AppleGothic;}

/* 프로필 */
#sidebar .blogImage img        { width:168px;}
#sidebar .blogDesc             { padding:6px 16px 2px 0px; text-align:right; font-size:1em; line-height:1.2em; letter-spacing:-1px; font:11px/16px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic;}
#userID { font:bold 11px/16px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }

/*카테고리*/
#treeComponent {width:138px; margin-top:10px; margin-left:5x; margin-right:5px; }
#treeComponent .c_cnt { font-size:10px;} /* 카테고리 옆 개수 */

/* 달력 */
#calendar {width:180px; margin:0 auto; padding-top:7px; }
#calendar .tt-calendar caption.cal_month { /* 달력 월 표시 */
	width:180px;
}

#calendar .tt-calendar caption.cal_month a { /* 달력 월 표시 */
	vertical-align:top;
	font:bold 9px/13px tahoma, sans-serif;
}
#calendar .tt-calendar caption.cal_month a.prev-month { /* 달력 prev 커서 이미지 */
	display:block;
	float:left;
	width:5px;
	height:11px;
	margin-left:4px;
	background:url(images/btn_prevmonth.gif) no-repeat 0px 5px;
	text-indent:-1000px;
	overflow:hidden;
}
#calendar .tt-calendar caption.cal_month a.next-month { /* 달력 next 커서 이미지 */
	display:block;
	float:right;
	width:5px;
	height:11px;
	margin-right:4px;
	background:url(images/btn_nextmonth.gif) no-repeat 0px 5px;
	text-indent:-1000px;
	overflow:hidden;
}
#calendar .tt-calendar thead {display:none; }
#calendar .tt-calendar thead th { /* 달력 요일 표시(th 영역) */
	height:15px;
	font:normal 11px/13px, sans-serif;
}
#calendar .tt-calendar tbody td { /* 달력 Day(td 영역) */
	font:9px/15px Verdana, sans-serif;
	text-align:center;
}
#calendar .tt-calendar tbody td.cal_day4 { /* 달력 오늘 날짜 표시(td) */
	font-weight:bold;
}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link, a.cal_click:visited {
	font:9px/15px Verdana, sans-serif;
	text-decoration:underline;
}

/* 태그 */

/* TISTORY */
#adTistory { height:14px; padding: 0 0 6px 6px; }
#adTistory a { display: inline; float: left; font:11px Dotum; }
#adTistory .linkTistory { background:url(images/tistory.png) no-repeat; width: 87px; height: 14px; text-indent: -100em; }
* html #adTistory .linkTistory {
	background-image:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_LifeInMono_Dark/images/tistory.png', sizingMethod='crop');
}
#adTistory .joinTistory { margin: 3px 0 0 6px; }
#topMenu a {letter-spacing:-1px; }


/* 푸터 */
#footer, #footer a {font:11px "Ubuntu", "NanumGothic", "나눔고딕", "Malgun Gothic", "맑은 고딕", "Segoe UI", Verdana, Dotum, Arial, AppleGothic; }
#copyright {padding-left:14px; text-transform:uppercase; }

/* 티스토리설정 */

/* 카테고리테이블 */
.ib { /* 이미지 버튼 */
	cursor:pointer; 
}
.branch3 { /* 트리 셀 */
	cursor:pointer; 
} 

/* 인용문 */
.article blockquote {
	margin:5px; 
	padding-left:16px; 
	background:url(images/iconBlockquote.gif) no-repeat;
}

/* 이미지 */
.imageblock { /* 그림 1개 배치 */
	margin:5px 0;
}
.dual { /* 그림 2개 배치 */
	margin-bottom:5px;
}
.triple { /* 그림 3개 배치 */
	margin-bottom:5px;
}
.cap1 { /* 이미지 아래 캡션 스타일 */
	padding:4px 0; 
	text-align:center; 
}
/* 댓글 */
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_admin { 
	padding-left:20px;
	background:url(images/iconAdmin.gif) no-repeat; 
}
/* 방명록 */
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_admin { 
	padding-left:20px;
	background:url(images/iconAdmin.gif) no-repeat; 
}
.hiddenComment { /* 비밀 댓글 (로그아웃시 비밀글 표현) */
	padding-left:20px; 
	background:url(images/iconSecret.gif) no-repeat; 
	font-weight:normal;
}
/* 키워드 */
.key1 { 
	cursor: pointer; 
}

/* 태그로그 */
#taglog ul {margin:16px 20px 30px 20px; }
#taglog li {line-height:22px; vertical-align:middle; }
#sidebar #tagbox li .cloud1, #sidebar #tagbox li .cloud2, #sidebar #tagbox li .cloud3 {color:#969630; }
#taglog li .cloud1 { background-color:#5a637c; color:#FFF;  font-size:16px; }
#taglog li .cloud2 { background-color:#5a637c; color:#FFF; font-weight:bold; font-size:14px;}
#taglog li .cloud3 { color:#C7C721; font-weight:bold; font-size:14px;}
#taglog li .cloud4 { color:#C0BFBF; font-size:12px; }
#taglog li .cloud5 { color:#8C8C8C; font-size:12px; }

.floatWrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */
/* Color */
#searchBox input, input.text, select, textarea, .commentWrite .name input, .commentWrite .password input, .commentWrite .homepage input, .commentWrite textarea, .entryProtected p.input, .entryProtected input.text { background-color:#fff;}
.article table th, .article table td, .boxMid,.boxMidR, .commentWrite, .trackback, .comment, #sidebar .logobox {background-color:#f6f6f2;}
#searchBox .submit, #paging span.selected {background-color:#e79797;}
.article code:hover, .code1:hover, .article pre:hover {background-color:#fbeeee;}
.article code, .code1, .article pre {background-color:#fffff1;}
.title {border-color:#e79797;}
.cmt1{border-top:1px solid #ddd;}
input.text, select, textarea, #searchBox input, .article code, .code1, .article pre, .key1 {border:1px solid #ddd;}
#sidebar h3, #sidebar ul li a:hover, #btnRSS a:hover, #guestList .name, #guestList .name a, .commentList .name, .commentList .name a, .actionTrail a .cnt, #calendar .tt-calendar caption.cal_month a, #calendar .tt-calendar tbody td.cal_day4 {color:#e79797;}
a.cal_click:link, a.cal_click:visited {color:#3f3f3f;}
#searchBox .submit, #paging span.selected {color:#fff; }
#sidebar .blogDesc, #sidebar .cmtt, .actionTrail a, .actionTrail a span, .tagTrail, .tagTrail a, #paging a, #paging span, #guestList .date, .commentList .date, .rp_secret {color:#999; }
#treeComponent .c_cnt, #guestList .wrapper .control, #guestList .wrapper .control a, .commentList .wrapper .control, .commentList .wrapper .control a {color:#bbb;}
.article, .titleWrap h2 a, #userID {color:#4c4c4c;}
.entry .article a, a:hover {color:#e16e6e; }
body, a {color:#7a7a7a;}