@charset "utf-8";
/* 본문 폭 수정할 때 :본문설정1~8 조정 */
/* 본문 글꼴 등 수정할 때 :본문설정6 조정 */
/* 사이드바 수정할 때 :본문설정1, 사이드1~2 조정 */

/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body{
	font:12px/1.5 맑은 고딕, Malgun Gothic, Dotum, Verdana, AppleGothic, Sans-serif; color:#454545;
	/*@background-image=background-image:;*/background-image: url("http://i1.daumcdn.net/cfs.tistory/resource/283/blog/style/template/image/generic/11.jpg");/*@*/
	/*@background-image-position=background-position:;*/background-position: left top;/*@*/
	/*@background-image-repeat=background-repeat:;*/background-repeat: repeat-x;/*@*/
	/*@background-color=background-color:#ddd;*/background-color: #568BF1;/*@*/
}

a:link {color:#333; text-decoration:none; outline-style:none;}
a:visited {color:#333; text-decoration:none; outline-style:none;}
a:hover {color:#7870ab; text-decoration:underline; outline-style:none;}
a:active {color:#666; text-decoration:none; outline-style:none;}

/* 페이징 - 현재 페이지 */
.selected {font-weight:bold; color:#f30;}
.no-more-prev {background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
.no-more-next {background:url(images/ico_next_no.gif) right 1px no-repeat !important; padding-right:6px; color:#999;}

/* 카테고리 - 이미지 버튼 */
.ib {cursor:pointer;}

/* 카테고리 - 트리 셀 */
.branch3 {cursor:pointer;}

/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f30;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {}
.rp_admin {background:url(images/iconAdmin.gif) no-repeat; padding-left:20px; }
.rp_secret {color:#f30;}

/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {}
.guest_admin {background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment {background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1 {margin:0px; padding:8px 0px 0px 0px; font-size:9pt; color:#888; text-align:center;}

/* 그림 */
.imageblock {margin:1px; padding:3px; border:0px solid #e8e8e8; }

/* 왼쪽 */
.left {}

/* 가운데 */
.center {}

/* 오른쪽 */
.right {}

/* 그림 2개 배치 */
.dual {background-color:#fff; margin-bottom:5px;}

/* 그림 3개 배치 */
.triple {background-color:#fff; margin-bottom:5px;}

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

/* 키워드 */ 
.key1 {cursor:pointer; border-bottom:1px dotted #ccc; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr {display:yes;}
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 {border:1px solid #aaa;}
textarea {border:1px solid #aaa;}

/* 블로그 레이아웃 */
#container {
	width:/*@post-width:195=*/ 952px /*@*/; /******** 본문설정1. (본문+사이드) 가로 폭 */
	border:0px solid #bbb;
	margin:45px auto; 
	padding:12px; 
	background-color:#fff;
	border-radius:10px;
}
#header {
	padding:/*@title-height:-41=padding-top:*/25px/*@*/ 10px 25px 15px;
	background-color:/*@title-background-color=*/#FFFFFF/*@*/;
	margin-bottom:5px;
	/*@title-background-image=background-image:;*/background-image: url("http://i1.daumcdn.net/cfs.tistory/resource/283/blog/style/template/image/title/24.jpg");/*@*/
	/*@title-background-image-position=background-position:;*/background-position: right top;/*@*/
	/*@title-background-image-repeat=background-repeat:;*/background-repeat: repeat;/*@*/
}
#content {
	float:left;
	width:/*@post-width=*/ 758px /*@*/; /******** 본문설정2. (본문 전체) 가로 폭 */
	overflow:hidden;
}
#sidebar { /***** 사이드1. 사이드박스 폭, 글꼴 */
	float:right;
	width:187px;
	font-size:10pt;
}
#footer {
	clear:both;
	padding:15px 0px 0px 0px;
}

/* ***** Header ***** */
#header a {color:/*@title-color=*/ #FFFFFF /*@*/; padding:0 3px;}
#header h1 {padding:0;}
#header .blogMenu {text-align:right; padding:0 0 0.3em 0; margin-top:0px;}
#header h1 a {font-family:/*@title-font-family=*/ 돋움 /*@*/; /*@title-font-size=font-size:;*/ font-size:14pt; /*@*/ font-weight:bold; letter-spacing:-1px;}
#header h1 a:hover {color:#ccf; text-decoration:none;}
#header .blogMenu ul {margin:0; padding:0; list-style:none;}
#header .blogMenu li {display:inline; background:url(images/bullBar.gif) no-repeat; margin-left:3px; padding-left:7px;}
#header li.tab_localog {background:none;}

/* ***** content ***** */
#content .nonEntry {padding:0px;}
#content .nonEntry h3 {border-bottom:1px solid #ccc; margin-bottom:15px; color:#222;}
#content .entryNotice, 
#content .entryProtected, 
#content .entry {border:5px solid #eee; padding:10px; margin-bottom:10px;} /******** 본문설정3. 본문 내부 패딩 */

#searchList ol, 
#searchRplist ol {list-style:none; padding:5px; margin:0;}
#searchList li, 
#searchRplist li {border-bottom:1px solid #eee; padding-bottom:2px; margin-bottom:4px;}
#searchList .date, 
#searchRplist .date {font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; margin-right:10px; }
#searchList .cnt {font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#f60;} 
#searchRplist .name {font:0.95em Dotum, Arial, sans-serif; color:#999; padding-left:8px;}

#localog .spot {background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat; padding-left:20px; margin-top:5px;}
#localog .info {background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat; padding-left:15px; margin-top:2px;}
#localog a:link {color:#5a5194;}
#localog a:visited {color:#5a5194;}
#localog a:hover {color:#7870ab; text-decoration:underline;}

#taglog ul {padding:5px; margin:0; text-align:justify;}
#taglog li {display:inline;}
#taglog a:hover {background-color:#eee; color:#000;}
#taglog li .cloud1 {background-color:#eee; color:#a2348f; font-weight:bold; font-size:16px;}
#taglog li .cloud2 {background-color:#eee; color:#5a5194; font-weight:bold; font-size:15px;}
#taglog li .cloud3 {background-color:#eee; color:#7870ab; font-weight:bold; font-size:14px;}
#taglog li .cloud4 {background-color:#eee; color:#666; font-size:13px;}
#taglog li .cloud5 {font-size:12px; color:#999; }

#guestbook p {padding:2px 0px; margin:0px;}
#guestWrite {padding:10px; background-color:#f5f5f5; border:1px solid #ddd;}
#guestWrite input {width:150px;}
#guestWrite textarea {width:726px; height:135px; padding:5px;} /******** 본문설정4. 방명록 글 쓰기 가로 폭 */
#guestWrite .homepage {width:300px;}
#guestWrite .submit {width:738px; height:25px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px;} /******** 본문설정5. 방명록 글 입력 버튼 */
#guestList {padding:10px 0px 0px 0px;}
#guestList ol,
#guestList ul {margin:0px; padding:0px; list-style:none;}
#guestList li p {border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
#guestList ol li {border:5px solid #eee; padding:10px; margin-bottom:8px; width:*; overflow:hidden;}
#guestList li ul li {margin-left:20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; background-color:#f5f5f5; padding-left:25px; border:none; width:*; overflow:hidden;}
#guestList li .name {color:#666; font-weight:bold;}
#guestList li .date {font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}
#guestList .control a.modify {background:url(images/iconModify.gif) no-repeat; padding:0px 0px 2px 53px; text-decoration:none;}
#guestList .control a.modify span {display:none;}
#guestList .control a.write {background:url(images/iconWrite.gif) no-repeat; padding:0px 5px 2px 53px; text-decoration:none;}
#guestList .control a.write span {display:none;}

/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2 {font-size:1.2em; line-height:1.2em;}
.titleWrap {margin-bottom:15px; padding-bottom:5px; border-bottom:1px dashed #ccc; }
.titleWrap h2 a {/*@post-title-color=color:;*/ color:; /*@*/ /*@post-title-font-family=font-family:;*/ font-family:inherit; /*@*/ /*@post-title-font-size=font-size:;*/ font-size:inherit; /*@*/ }
.titleWrap .category a {font:1em Dotum, Arial, sans-serif; color:#888; margin-right:6px;}
.titleWrap .date {font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#888;}
.entryProtected p.text {background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
.entryProtected input {width:200px;}
.entryProtected .submit {width:50px; padding-top:2px; height:20px; background-color:#ccc;}

.article {width:/*@post-width:-40=*/ 728px /*@*/; margin:5px 0px 0px 0px; overflow:hidden; /*@post-body-color=color:;*/ color:; /*@*/ /*@post-body-font-family=font-family:;*/ font-family:inherit; /*@*/ /*@post-body-font-size=font-size:;*/ font-size:1.2em; /*@*/; text-align:justify;} /******** 본문설정6. 게시글 본문 입력 가로 폭 */
.article a:link {color:#5a5194; text-decoration:none;}
.article a:visited {color:#5a5194; text-decoration:none;}
.article a:hover {color:#7870ab; text-decoration:underline;}
.article a:active {color:#5a5194; text-decoration:none;}
.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:25px; margin:10px 20px;}
.author {text-align:right; color:#888; margin:8px 20px 3px 0px;}
.author .text {font:90% Verdana, Arial, Helvetica, sans-serif;}

.tagTrail {padding:5px 5px 5px 40px; background:url(images/entryTag.gif) center left no-repeat; clear:both;}
.tagText {display:none;}

.actionTrail {border-top:1px dotted #ccc; padding:7px 5px; clear:both;}
.actionTrail .cnt {color:#f60;}

.trackback {background-color:#f5f5f5; padding:10px 0px 0px 0px; margin-top:0px; margin-bottom:5px; width:/*@post-width:-60=*/ 100% /*@*/; overflow:hidden;}
.trackback a {color:#000;}
.trackback h3 {font:11px Verdana; color:#333; border-bottom:1px solid #f5f5f5; margin:5px 5px 10px 5px;}
.trackback h4 {font:12px Verdana; font-weight:normal; margin:0;}
.trackback ol {margin:0; padding:0; list-style:none;}
.trackback li {border-top:1px dotted #ccc; padding:5px;}
.trackback .date {font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777;}
.trackback p {font:0.95em Dotum, Arial, sans-serif; color:#999; margin:3px 0 0 0; padding:0; letter-spacing:-1px}
.trackback a.delete {background:url(images/iconDelete.gif) left top no-repeat; padding-left:8px; text-decoration:none;}
.trackback a.delete span {display:none;}

.comment {background-color:#f5f5f5; padding:10px; margin-bottom:4px; width:/*@post-width:-60=*/ * /*@*/; overflow:hidden;} 
.comment p {margin:5px 0 0 0; padding:0;}
.comment h3 {display:none;}
.comment ol,
.comment ul {margin:0; padding:0; list-style:none;}
.comment .date {font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777;}
.comment .name {color:#666; font-weight:bold;}
.comment .name a {color:#333; font-weight:bold;}
.comment ol li {padding:10px 5px; border-bottom:1px dashed #999; margin-top:10px;}
.comment li ul li {padding:5px 10px 5px 25px; background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px; border:none;}
.comment .control a.address {background:url(images/iconAddress.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;}
.comment .control a.address span {display:none;}
.comment .control a.modify {background:url(images/iconModify.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;}
.comment .control a.modify span {display:none;}
.comment .control a.write {background:url(images/iconWrite.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;}
.comment .control a.write span {display:none;}
.commentWrite {padding:5px; margin:10px 0px -15px 0px;}
.commentWrite input {width:150px;}
.commentWrite textarea {width:/*@post-width:-75=*/ 686px /*@*/; padding:5px; position:relative; top:-16px;} /******** 본문설정7. 댓글 글 입력 가로 폭 */
.commentWrite .homepage {width:300px;}
.commentWrite .submit {width:/*@post-width:-63=*/ 698px /*@*/; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px; position:relative; top:-17px;} /******** 본문설정8. 댓글 글 입력 버튼 가로 폭 */
.commentWrite .secretWrap {float:right; position:relative; top:-23px; left:-10px;}
.commentWrite .checkbox {border:none; padding:0; margin:0; width:25px;}

#paging {padding-top:10px; text-align:center; font-size:0.95em;}
#paging .numbox {border-left:1px solid #ccc; padding-left:6px; margin-left:6px; font:0.95em verdana;} 
#paging .num {border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}
#paging #prevPage {background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:6px;}
#paging #nextPage {background:url(images/ico_next.gif) right 1px no-repeat; padding-right:6px;}

/* ***** sidebar ***** */
#sidebar ul {padding:0; margin:0px -10px 0px 17px; }
#sidebar li {padding-left:0px;}
#sidebar h3 {margin-bottom:3px; padding:15px 0px 3px 0px; font-size:1em; font-weight:bold; color:#7870ab; border-bottom:1px solid #ccc;}
#sidebar .cnt {font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f60;}
#sidebar .date {font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#888;}
#sidebar .name {font:0.9em Dotum, Arial, sans-serif; color:#888;}

#blogImage img {width:187px; padding-bottom:3px;} /***** 사이드2. 사이드박스 블로그 이미지 */
#blogDesc {text-align:justify; color:#888; font-size:0.9em; line-height:1.4em; letter-spacing:-1px;}
#userID {color:#888; background:url(images/iconBy.gif) 3px 0 no-repeat; padding-left:22px; letter-spacing:-1px;}

#notice {margin:10px 0; padding:0;}
#notice li {border-bottom:1px dotted #ddd; margin:0px 0px 2px 0px; padding:0px 0px 1px 0px; background:none;}
#notice a:link,
#notice a:visited {background:url(images/iconNotice.gif) 0 0 no-repeat; padding:1px 0 5px 27px;}
#notice a:hover {background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:0 0 5px 27px; text-decoration:none; color:#f60;}

#adminMenu {margin:5px 0px 0px 0px; padding:8px 0px 5px 0px; text-align:center; background-color:#eee;}
#adminMenu li {display:inline; background:none;}

#searchBox {text-align:center;}
#searchBox input {width:110px; height:16px; border:1px solid #a197b9;}
#searchBox .submit {background:url(images/btn_search.gif) no-repeat; width:40px; height:20px; text-indent:-5000px; border:0; cursor:pointer;}

#category li {background:none;}
#category li ul li {background:url(images/bul.gif) 0 6px no-repeat; padding-left:10px;}
#category li ul li ul li {background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#category li ul li ul li a {color:#999;}

#tagbox ul {padding:5px 2px; text-align:justify;}
#tagbox li {background:none; display:inline;}
#tagbox a {letter-spacing:-1px;}
#tagbox li .cloud1 {background-color:#eee; font-weight:bold; font-size:16px; color:#a2348f;}
#tagbox li .cloud2 {background-color:#eee; font-weight:bold; font-size:15px; color:#5a5194;}
#tagbox li .cloud3 {background-color:#eee; font-weight:bold; font-size:14px; color:#7870ab;}
#tagbox li .cloud4 {background-color:#eee; font-size:13px; color:#666;}
#tagbox li .cloud5 {font-size:12px; color:#888;}
#tagbox a:hover {background-color:#eee; text-decoration:none; color:#000;}

#recentComment {width:190px; overflow:hidden;}
#recentComment .info_wrap {margin-bottom:3px; color:#999; display:block;}
#recentTrackback {width:190px; overflow:hidden;}
#recentTrackback .info_wrap {margin-bottom:3px; color:#999; display:block;}
#archive li {font-family:verdana;}

#calendar td {font-family:verdana;}
#counter {font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; padding:3px 0px 5px 0px; margin:3px 0px 0px 0px; text-align:center; background-color:#eee; letter-spacing:0;}
#counter li {background:none; display:inline; padding:0 5px;}
#counter li.total {display:block; color:#000;}
#adTistory {text-align:center;}
#btnRSS {text-align:center; padding:5px;}
#uibgmplayer {margin:5px 0 0 5px; width:181px;} 

/* ***** footer ***** */
#footer {text-align:center; padding:35px 10px 10px 10px; font:11px Verdana, dotum; color:#666;}
#footer a {color:#666;}
#footer a:hover {color:#333;}