@font-face {font-family:NanumGothic; src:url(images/NanumGothic.eot);}
@font-face {font-family:NanumGothicExtraBold; src:url(images/NanumGothicExtraBold.eot);}
@font-face {font-family:MalgunGothic; src:url(images/MalgunGothic.eot);}
@charset "utf-8";

div .syntaxhighlighter { overflow-y: hidden!important; overflow-x: 
auto!important; font-size: 1.0em !important;}

#TistoryDokdo {
position: absolute; right: 0; top: 0;
background: url('http://cfs7.tistory.com/original/24/tistory/2008/07/30/12/37/488fe21162885') no-repeat; width: 150px; height: 150px; text-indent: -100em; display: block; overflow: hidden;
}

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

/* 본문 공통 */


body		{ padding:0; margin:0; font-family: NanumGothic, Gulim, 'Trebuchet MS', Sans-serif; font-size:12px; color:#666; }
a:link		{ color:#666; text-decoration:none;}
a:visited		{ color:#666; text-decoration:none;}
a:hover		{ color:#7AA; text-decoration:none;}
a:active	 	{ color:#666; text-decoration:none;}


/* 페이징 - 현재 페이지 */
.selected				{ font-weight:bold; color:#7aa;}

/* 카테고리 - 이미지 버튼 */
.ib				{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3				{ cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt				{ font-size:9px; color:#7aa; font-weight:normal; }

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

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general			{ }
.rp_admin				{ }
.rp_secret			{ color:#7aa;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general			{ }
.guest_admin			{ }

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 			{ color:#7aa; font-weight:normal;}

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

/* 본문 - more / less */
.moreless_fold			{ background:url(images/iconMore.gif) top left no-repeat; padding-left:25px; color:#666; font-weight:bold; }
.moreless_top			{ background:url(images/iconLess.gif) top left no-repeat; padding-left:25px; color:#666; font-weight:bold; }
.moreless_body			{ }
.moreless_bottom		{ background:url(images/iconLess.gif) top right no-repeat; padding-right:25px; color:#666; text-align:right; font-weight:bold; }

/* 키워드 */ 
.key1				{ cursor:pointer; border-bottom: 1px dotted #7aa; }


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

hr		{ display:none;}
img		{ border:0;}
h1, h2, h3, h4	{ margin:0;  padding:0;}
h1		{ font-size:24px;}
h2		{ font-size:20px;}
h3		{ font-size:16px;}
h4		{ font-size:12px;}
input		{ border-top:1px solid #7aa; border-left:1px solid #7aa; border-right:1px solid #7aa; border-bottom:1px solid #7aa;}
textarea		{ border-top:1px solid #7aa; border-left:1px solid #7aa; border-right:1px solid #7aa; border-bottom:1px solid #7aa;}



/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container 		{ margin:0; padding:0; }
#header 			{ margin:0; padding:10px;width:630px;}
#sidebar			{ float:left; width:220px; padding:10px; }
#content 			{ float:left; width:630px; padding:15px; overflow:hidden; line-height:160%;}

#base-table	 	{ width:100%; margin:0; padding:0;}
#base-table td.con		{ vertical-align:top; }

#base-table	.td-1 	{ width:7px; background:url(images/1.gif)  repeat-y;}
#base-table	.td-2 	{ height:7px; background:url(images/2.gif)  repeat-x;}
#base-table	.td-3 	{ width:7px; height:7px; background:url(images/3.gif) no-repeat;}

#base-table	.tr-1		{ height:50px;}
#base-table	.td-left 		{ width:50px;}
#base-table	.td-middle 	{ width:660px;}


/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header h2		{ }
#header h2 a		{ font:20px NanumGothic, Gulim; font-weight:bold; text-transform:uppercase; }
#header h2 a:hover		{ color:#7AA;}
#header span		{ font:11px 'Trebuchet MS', Arial; color:#999; }
#header span a		{ font:11px 'Trebuchet MS', Arial; color:#999; }
#header span a:hover	{ color:#7AA; text-decoration:underline; }


/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */


#sidebar ul		{ padding:0; margin:0; list-style:none;}
#sidebar li		{ padding-bottom:2px; list-style:none;}
#sidebar h3		{ padding-top:10px; padding-bottom:5px; font:12px 'Trebuchet MS'; font-weight:bold }
#sidebar h3 a:hover	{ cursor:pointer;}
#sidebar h3 span:hover	{ color:#7AA;}
#sidebar .cnt		{ font-size:9px; color:#7aa; font-weight:normal;}
#sidebar .name		{ color:#aaa;}
#sidebar .date		{ font-size:9px; color:#aaa; font-weight:normal;}

#recentPost,
#recentComment,
#recentTrackback,
#calendar			{ font:12px NanumGothic, Gulim; padding-bottom:10px;}
#archive			{ font:12px 'Trebuchet MS', Arial; padding-bottom:10px;}
#link			{ font:11px NanumGothic, Gulim; padding-bottom:10px;}


#recentPost ul li		{ font:12px NanumGothic, Gulim; padding-bottom:5px;}
#recentComment ul li		{ font:12px NanumGothic, Gulim; }
#recentTrackback ul li		{ font:12px NanumGothic, Gulim; padding-bottom:5px;}

/* Categories */
#category			{ font:12px NanumGothic, Gulim; font-weight:normal; padding-bottom:10px;}
#category a .c_cnt		{ padding-left:1px; font:8.5px Verdana;}
#category ul		{ list-style:none;}
#category li a		{ line-height:150%; }

/* 1 depth */
#category ul li ul li a		{ padding-top:1px; padding-bottom:1px;}

/* 2 depth */
#category ul li ul li ul li		{ padding-left:17px;font:10px 'Trebuchet MS', Arial; font-weight:normal;}
#category ul li ul li ul li a	{ color:#808080; font-weight:bold;}
#category ul li ul li ul li a:hover	{ color:#7AA; text-decoration:underline; font-weight:bold;}
#category ul li ul li ul li a .c_cnt	{ color:#7AA; padding-right:0px; font:7px verdana;}

/* selected */
#category .selected		{ font-weight:bold;}
#category .selected ul li		{ font-weight:normal;}


/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist	{ padding-bottom:40px;}


#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,		
#content .searchRplist h3,
#content .searchList h3	{ padding-bottom:20px; font:17px dotum; font-weight:bold; }


.searchList ol, 
.searchRplist ol		{ list-style:none; padding:0px; margin:0;}
.searchList li, 
.searchRplist li		{ line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date, 
.searchRplist .date	{ font-size:9px; margin-left:10px; }
.searchList .cnt		{ font-size:9px; color:#7aa;} 
.searchRplist .name	{ font-size:12px; color:#999; padding-left:8px;}

#tagbox 			{ padding-bottom:10px;}
.tagbox 			{ }
.tagbox ul		{ padding-top: 0em;}
.tagbox li		{ display: inline;	line-height: 1.5;}
.tagbox a			{ letter-spacing: -1px;}
.tagbox li a.cloud1	{ font-weight: bold; font-size: 1.2em; color: #06c;}
.tagbox li a.cloud2	{ font-weight: bold; font-size: 1.2em; color: #06c;}
.tagbox li a.cloud3	{ font-weight: bold; font-size: 1.1em; color: #6bf;}
.tagbox li a.cloud4	{ font-size: 1em;	color: #A1B5C9;}
.tagbox li a.cloud5	{ font-size: 0.9em;	color: #ccc;}
.tagbox li a:hover		{ text-decoration: underline; color: #7AA;}

.guestbook p		{ padding:2px 0; margin:0;}

.guestWrite		{ font:10px verdana; font-weight:bold;}
.guestWrite input		{ font:12px verdana; width:150px; height:16px; color:#7aa;}
.guestWrite textarea	{ font:12px NanumGothic, verdana; width:618px; padding:5px; color:#7aa;}
.guestWrite .homepage   	{ width:300px; color:#7aa;}
.guestWrite .submit	{ width:150px; background-color:#7aa; height:20px; font:10px NanumGothic, verdana; font-weight:bold; color:#fff;}
.guestWrite input.checkbox	{ width:15px;  background-color:#fff; padding:0; margin:0; border:none;}

.guestList		{ width:630px; padding:40px 0 0 0;}
.guestList ol		{ padding:30px 0 0 0; margin:0; list-style:none;}
.guestList ol ul		{ margin:0; padding:0; list-style:none;}
.guestList ol li		{ overflow:hidden;}
.guestList ol li p		{ padding-top:5px; background:url(images/2.gif)  repeat-x; }
.guestList ol li ul li	{ padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li .name	{ color:#666; font-weight:bold;}
.guestList ol li .date	{ font-size:9px; color:#999; }
.guestList .control	{ font-size:9px; color:#999;}
.guestList .control a	{ color:#999;}
.guestList .control a:hover	{ font-size:9px; color:#7aa;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */
.entryNotice h2, 
.entryProtected h2, 
.entry h2			{ font:16px NanumGothicExtraBold, dotum; }
.titleWrap		{ font:10px 'Trebuchet MS', Arial; color:#999; padding-bottom:5px;}
.titleWrap .category a	{ color:#999; font:11px NanumGothic, Gulim, Arial;}
.titleWrap .category a:hover{ color:#7aa;}
.titleWrap .date		{ }
.titleWrap .admin 		{ padding-left:5px;}
.titleWrap .admin a	{ color:#999; font:10px 'Trebuchet MS', Arial}
.titleWrap .admin a:hover	{ color:#7aa; }

.adTitle { padding:10px; text-align:center }
.adTrail { padding-bottom:10px; text-align:right }

.entryProtected		{ margin-bottom:15px;}
.warning			{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input	{ width:140px; color:#666; background-color:#eee; }
.entryProtected .submit	{ font:9px Verdana; width:50px; height:20px; color:#666;  background-color:#eee;}

.article			{ width:100%; margin-bottom:30px; } 
.article a:link, 
.article a:visited		{ color:#7aa; border-bottom:1px dotted #7aa;}
.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:28px; margin:10px 20px;}
.article img		{ border:none;}


.tagTrail			{ padding:0px 5px 0px 0px;}
.tagText			{ font-family: "Trebuchet MS", Arial}

.actionTrail		{ clear:both;}
.actionTrail .cnt		{ color:#7aa;}

.trackback		{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a		{ color:#666;}
.trackback h3		{ font-size:9px; color:#7aa;  margin:0px 5px 10px 0px;}
.trackback h4		{ font-weight:normal; margin:0; font-weight:bold;}
.trackback ol		{ margin:0;  padding:0; list-style:none;}
.trackback li		{ padding:7px 0;}
.trackback .date		{ font:9px Verdana; color:#999;}
.trackback p		{ color:#999; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:9px Verdana; color:#999;}

.comment			{ background:url(images/2.gif)  top repeat-x; margin-top:20px; padding-top:15px; margin-bottom:4px;  width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
.comment ol,
.comment ul		{ margin:0;  padding:0; list-style:none;}
.comment .date		{ font:9px 'Trebuchet MS', Arial; color:#999;}
.comment .name		{ font:12px NanumGothic, Gulim, Arial; font-weight:bold;}
.comment ol li		{ padding:10px 0;}
.comment li ul li		{ padding:5px 10px 10px 60px; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ font:10px 'Trebuchet MS', Arial; color:#999;}

.commentWrite		{ margin-top:20px; font:10px verdana; font-weight:bold;}
.commentWrite input	{ font:12px verdana; width:150px; height:16px; color:#7aa;}
.commentWrite textarea	{ font:12px NanumGothic, verdana; width:618px; padding:5px; color:#7aa;}
.commentWrite .homepage	{ width:300px; color:#7aa;}
.commentWrite .submit	{ width:150px; background-color:#7aa; height:20px; font:10px NanumGothic, verdana; font-weight:bold; color:#fff;}
.commentWrite input.checkbox { width:15px;  background-color:#fff; border:none; padding:0; margin:0; }


.paging			{ margin:10px 0px 30px 0px; text-align:center;  font:10px 'Trebuchet MS', verdana;}
.paging .numbox		{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:10px 'Trebuchet MS', verdana;}
.paging .num		{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:11px 'Trebuchet MS', verdana;}
.paging a:visited		{ color:#999; text-decoration:none;}
.paging a:hover		{ text-decoration:none; color:#7aa;}



/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer		{ text-align:right; line-height:130%; padding:10px 10px 40px 10px; font:11px NanumGothic, Arial, Dotum;}
#footer .search	{ padding-bottom:8px;}
#footer .search input	{ background-color:#fff; width:130px; height:16px; color:#666; font:12px verdana; }
#footer .counter		{ }																	


/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}


#book { display:none; }
.book { width:550px; margin:20px; position:absolute; top:205px; left:393px;}
.btn { cursor:pointer; }
.box .hd,
.box .rc-tp, .box .rc-tp span,
.box .rc-bt, .box .rc-bt span {background: url('http://poshopzil.com/bbs/member_imgBox/1/box_bg.png') no-repeat; overflow:hidden;}
.box .rc-tp, .box .rc-bt {position: relative; /* raise z-index, hover .hd */ display: block; height: 4px;}
.box .rc-tp span, .box .rc-bt span {float: right; width: 4px; height: 4px;}
.box .rc-tp {margin-bottom: -4px; background-position: -3px 0;}
.box .rc-bt {margin-top: -4px;  background-position: -3px -3px;}
.box .rc-bt span {background-position: 0 -3px;}
.box {position: relative; /* for .act list */ margin-bottom: 10px; /* default gutter */}

.box .hd {
    height: 21px; 
    border: 1px solid #cccccc;
    border-bottom: none;
    background-color: #fbfbfb;
    background-position: 0 -7px;
    background-repeat: repeat-x;
}
.box .hd h3 {
    font-size: 12px;
    color: #404040;
	line-height: 21px;
	padding:0px;
	text-indent:5px;
	margin:0;
	padding:0;
	overflow:hidden;
}
.box .bd {padding: 10px; border: 1px solid #cccccc; background-color: #f7f7f7;}
.box .bd p {padding:0; margin:0; font-size:12px; line-height:160%;}
.box .ft .act {
	list-style-type:none;
    position: absolute;
    top: 1px;
    right: 1px;
    line-height: 20px;
	margin:0;
	padding:0;
}
/* Box end */

a.more:link,a.more:visited,a.more:active {font-family:"돋움"; font-size:11px; color:#3B5DC7; text-decoration:none; padding-right:12px; letter-spacing:-1px;}
a.more:hover {color:#000; text-decoration:none;}
ing:-1px;}
a.more:hover {color:#000; text-decoration:none;}