@charset "utf-8";
* { padding: 0; margin: 0; border: 0; }

/* 1. 본문 전체  */
body { font:12px/140% Verdana, Gulim, AppleGothic, Sans-serif; color:#333; margin:0px; background-color:transparent; background-repeat:no-repeat; background-position:top center; background-attachment:scroll; }

/* 2. 기본 링크 */
	a:link, a:visited { text-decoration:none; }
	a:hover { text-decoration:underline; }
	a:active { text-decoration:none; }

/* 3. 이미지 */
	img { border-width: 0px; }

/* 4. 이미지 버튼 */
	.ib { cursor: pointer; }

/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }

/* 6. 트리 테이블 */
	.branch2 {}
	
/* 7. 트리 셀 */
	.branch3 { cursor: pointer; }

/* 8. 달력 월 표시 */
	.cal_month { font-size : 11px; height: 18px; }

/* 9. 달력 요일 표시 */
	.cal_week1 { font-size : 11px; height:18px; }

/* 10. 달력 일요일 표시 */
	.cal_week2 { color: #f30; font-size:12px; text-align: center; }

/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 { color: #777; font-size:12px; text-align:center; }

/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 { color: #777; font-size : 11px; text-align: center; }

/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 { color: #777; font-size : 11px; text-align: center; }

/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 { text-align: center; font-size: 11px; font-weight:bold; color: #FFFFFF; background-color: #87A7BE; }
	#sidebar .cal_day4 a.cal_click:link, #sidebar .cal_day4 a.cal_click:visited{ color: #FFFFFF; }

/* 15. 달력 글쓴 날 링크 스타일 */
	#sidebar a.cal_click:link, #sidebar a.cal_click:visited { color : #777; font-weight: bold; padding-right: 4px; padding-left: 4px; }
	#sidebar a.cal_click:hover { font-weight: bold; background: #F4F7F9; }

/* 16. 이미지 아래 캡션 스타일 */
	.cap1 { color: #1E3269; text-align: center; font: 12px "바탕", "바탕체"; margin: 4px; }

/* 17. 이미지 갤러리 캡션 스타일 */
	.galleryCaption { color: #1E3269!important; text-align: center; font: 12px "바탕", "바탕체"; margin: 4px; }

/* 18. 키워드 스타일 */
	.key1 { cursor: pointer; border-bottom: 1px dashed #ccc; }

/* 19. 카테고리 옆 개수 스타일 */
	.c_cnt { font: 9px Tahoma; color : #666; }

/* 20. 최신글 옆 개수 스타일 */
	.ps_cnt {	font:10px Tahoma; color : #666; }


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

/* body 설정 */
body { background: #FFFFFF url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/bg.jpg) repeat-x; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

/* header 설정 */
#header { width: 100%; margin-top:50px; }
#header .blog_title { text-align: center; }
#header .blog_title h1 { font: bold 30px Verdana, Arial, Helvetica, sans-serif; color: #0066cc; margin: 0px; padding: 0px;}
#header .blog_title h1 a { color:#0066cc; text-decoration:none; }
#header .blog_info { color:#282828; font: normal 15px Dotum; text-align: center; margin: 2px 0 10px; }

/* container 설정 */
#container { width:860px; margin: 10px auto;}

/* 블로그 메뉴 설정 */
#menu { background-color:#fff; height:35px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom: 20px; }
#menu .top_menu ul { float:left; padding:10px 0 0 10px; }
#menu .top_menu li { display:inline; padding:0 18px; }
#menu .top_menu A:link, 
#menu .top_menu A:visited { color:#777; text-decoration:none; font-weight:bold; }
#menu .top_menu A:hover { color:#000; text-decoration:underline;}

#menu .s_search { float:right; margin: 8px 20px 8px; text-align: center; }
#menu .s_search .search_input { width:100px; height:18px; color:#333; font-size: 11px; padding-left: 4px; background: #FFFFFF; border-top: 1px solid #346E86; border-right: 1px solid #E6EBEF; border-bottom: 1px solid #E6EBEF; border-left: 1px solid #346E86; }
#menu .s_search .submit { border:1px solid #666; font:bold 7pt Verdana; color:#FFFFFF; width:50px; height:19px; background: #333; cursor: pointer; text-transform: uppercase; }

/* 컨텐츠 설정 */
#content { width:630px; float:left; background: #FFFFFF; margin:0; padding:10px; clear: left; }
/* 전체 리스트 공통 설정 */
ul, li, p { margin: 0px; padding: 0px; }

/* Side 설정 */
#sidebar { width:200px; float:right; overflow:hidden; clear: both; }
#sidebar h3 { font-size:1em; color:#555555; padding:7px 5px 2px 3px; border-bottom:1px solid #ccc; }
#sidebar .blog_img { text-align: center; margin-bottom: 2px; }

#sidebar .blog_img img { border: 0px; }
#sidebar ul { list-style: none; }
#sidebar A:link, 
#sidebar A:visited { color:#666666; text-decoration:none;}
#sidebar A:hover { color:#0066cc; text-decoration:underline;}

#footer { width: 860px; margin: 0 auto 10px; clear:both; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 사이드 리스트 설정 */
#sidebar .notice, side_list { word-break:break-all; padding-left:2px; }

/* 최신글, 최신트랙백 info */
#sidebar .recentInfo { font: 11px "돋움"; color: #666; }

/* 사이드 태그 설정 */
#sidebar .side_tagbox { text-align: justify; word-break:break-all; line-height:20px; }
#sidebar .side_tagbox a { letter-spacing:-1px; }	
#sidebar .side_tagbox .side_tagbox a:hover { background-color:#5B4F4A; color:#999; }
#sidebar .side_tagbox .side_tagbox a:visited { color:#777 }

/* 태그 클라우드 스타일 */
#sidebar .side_tagbox .cloud1 { font-family:Tahoma; font-weight: bold; font-size :12px; color :#CC3300!important ; }
#sidebar .side_tagbox .cloud2 { font-family:돋움; font-weight: bold; font-size :11px; color :#FF6600!important ; }
#sidebar .side_tagbox .cloud3 { color :#0099CC!important; font: bold 11px "돋움"; }
#sidebar .side_tagbox .cloud4 { font-family:돋움; font-size :11px; color :#009966!important ; }
#sidebar .side_tagbox .cloud5 { font-family:돋움; font-size :11px; color :#888888!important ; }

/* 보관함 */
#sidebar .archive li { list-style: circle; padding-left: 8px; margin-left: 2px; background: url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/bul.gif) no-repeat left center; }

/* 링크 */
#sidebar .link li { list-style: circle; padding-left: 8px; margin-left: 2px; background: url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/bul.gif) no-repeat left center; }

/* 카운트 설정 */
#sidebar .side_counter { font:11px/16px tahoma; color: #333; text-align: right; background: #fff; border: 1px dashed #ccc; padding: 8px; margin-top: 10px; margin-bottom: 5px; }

/* RSS 버튼 설정 */
#sidebar .side_button { text-align: center; margin-top: 10px; margin-bottom: 5px; }

/* 실시간 접속 설정 */
#sidebar .side_live { text-align: center; margin-top: 10px; margin-bottom: 5px; }

/* 스폰서 설정*/
#sidebar .side_sponsor { text-align: center; margin-top: 10px; margin-bottom: 5px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 포스팅 head 설정 */
.articleHead { border-bottom: none; }
/* 
따로 설정 가능.tagHead, .noticeHead, .localHead, .guestHead, .mediaHead {  
}
*/
.head_title { color:#000000; padding-left: 12px; font: bold 20px "Trebuchet MS", 고딕, dotum, Helvetica, sans-serif; height: 20px; }
.head_title a:link, .head_title a:visited {color:#000; text-decoration:none;} 
.head_title a:hover{ text-decoration:none; color: #0066cc; }

/* title, info 설정, 관리자 */
.info { font:11px Tahoma; color:#777; text-align: right; border-bottom: 1px solid #ccc; }
.owner { font:11px Tahoma; color:#777; text-align: right; margin-right: 10px; }
.info a:link,
.info a:visited {color:#777; text-decoration:none;}
.owner a:link,
.owner a:visited {color:#777; text-decoration:none;}
.info a:hover,
.owner a:hover{color:#0066cc; text-decoration:none;}

/* 날짜 설정*/
.date, .notice_date { font:11px Tahoma; color: #777; text-align: right; margin-right: 10px; }
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date { color: #777; }
.cnt { font:10px Tahoma; }

/* 컨텐츠 내용 설정*/
.article { font-size: 11pt; line-height:180%; padding: 15px 10px; word-break:break-all; text-align: justify; clear: both; overflow: hidden; }
.article p { margin-top: 10px; margin-bottom: 10px; }
.article ul, 
.article li { margin-left: 10px; }
.article blockquote { border-left: 7px double #ccc; margin: 10px 10px 10px 20px; padding-left: 10px; word-break:break-all; }	
.article a:link, .article a:visited { color:#0066CC; }	
.article a:hover{ color:#0066cc; text-decoration:underline; }	
.article_bottom { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 15px;}

/* 본문 - more / less */
.moreless_fold { background:url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/icon_more.gif) left no-repeat; padding-left:20px; color:#000;}
.moreless_top { background:url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/icon_less.gif) left no-repeat; padding-left:20px; color:#000;}
.moreless_body { }
.moreless_bottom { background:url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/icon_less.gif) left no-repeat; padding-left:20px; color:#000;}

/* 컨텐츠 태그 설정 */
.tag_box { font :8pt Dotum; background:url('images/entry_tag.gif') no-repeat left; float:left; padding-left:32px; padding-top:2px; }
.tag_box a:link, 
.tag_box a:visited { color:#333; text-decoration:none; }
.tag_box a:hover{ color:#0066cc; text-decoration:none; }

/* 컨텐츠 트랙백, 코멘트 버튼 설정 */
.tb_cmt_btn { font:11px Tahoma; color:#333; text-align:right; float: right; }
.tb_cmt_btn a:link, 
.tb_cmt_btn a:visited { color:#333; text-decoration:none;}
.tb_cmt_btn a:hover{ color:#0066cc; text-decoration:none;}

/* 이름 설정*/
.name { font:bold 12px Tahoma; color:#333; }
.name a:link, 
.name a:visited { color:#333; text-decoration:none; }
.name a:hover { color:#0066cc; text-decoration:none; }
.name img { vertical-align: middle; }

/* 댓글 등 글내용 설정*/
.desc { padding-left:5px; word-break:break-all; }
.opt { font:normal 10px Verdana; color:#333; }
.opt a:link, 
.opt a:visited { color:#333; text-decoration:none;}
.opt a:hover{ color:#0066cc; text-decoration:none;}

/* 댓글 및 방명록 기본 박스 설정*/
.box { padding:10px; border-bottom:1px solid #f7f7f7; }
.reply_box { margin-top:10px; margin-left:40px; padding:10px; border:1px dashed #ccc; background-color:#F7F7F7; }

/* 입력폼 설정 */
.form_input { margin-top:4px; padding:1px; height:18px; border:1px solid #ddd; font-size: 11px; }
.form_textarea { font-weight:normal; margin-top:4px; height:120px; width:99%; border:1px solid #ccc; overflow:visible; clear: both; background: #fff url(images/comment.gif) right bottom no-repeat; }
.form_submit { font:bold 11px tahoma; color:#333; margin-top:4px; height:25px; width:99%; cursor: pointer; background: #ccc; border: 1px solid #333; }
.secret { margin-top: -19px; position: absolute; margin-left: 540px; }

/* 트랙백 설정 */
.tb_box { padding-left:6px; padding-right:6px; background-color:#F7F7F7; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.tb_address { font: 11px tahoma; color:#333; text-align:center; padding:12px; clear: both; background: #F7F7F7; border-bottom: 1px dashed #ccc; margin-bottom: 8px; }
.tb_list_box { padding-bottom:10px; border-bottom:1px dashed #ccc; }
.tb_title { color:#333; font-weight:bold; font-size: 12px; }
.tb_title a:link, .tb_title a:visited { color:#333; text-decoration:none;}
.tb_title a:hover { color:#369; text-decoration:none;}
.tb_name { font:11px Tahoma; letter-spacing:0px; color: #5F7C94; }
.tb_name a:link, .tb_name a:visited { color:#5F7C94; text-decoration:none; font: bold 11px "돋움", "돋움체"; }
.tb_name a:hover { color:#0066cc; text-decoration:none;}

/* 방명록 설정 */
.guestbook_form_box { font:11px tahoma; color:#555; padding: 10px; border-bottom:1px solid #eee; background: #F7F7F7; }

/* 코멘트(댓글/방명록) 설정 */
.cmt_form_box { font:11px tahoma; color:#555; padding:10px; border-bottom:1px solid #eee; background: #f7f7f7; }
.cmt_box { }

/* 코멘트, 트랙백, 방명록의 리스트 설정 */
.cmt_box ul, .box ul, .tb_list_box ul, .list_box ul, .rplist_box ul { list-style: none; }

/* 태그 설정*/
.tag_cloud { font:13px Dotum; line-height:24px; text-align: justify; margin: 20px; }	
.tag_cloud .cloud1 { background-color:#eee; font-weight:bold; font-size : 20px; color : #657700; }
.tag_cloud .cloud2 { background-color:#eee; font-weight:bold; font-size : 18px; color : #5E7E7D; }
.tag_cloud .cloud3 { background-color:#eee; font-weight:bold; font-size : 16px; color : #6B5E7E; }
.tag_cloud .cloud4 { background-color:#eee; font-size : 14px; color : #84604E; }
.tag_cloud .cloud5 { font-size : 12px; 	color : #777; }	
.tag_cloud a:hover { background-color:#f5f5f5; color:#555; }	
.tag_cloud a:visited { color:#777 }
.tag_cloud li { display: inline; }

/* 위치로그 설정 */
#location { margin: 10px; }
.location_spot { color:#777; margin-top: 4px; }	
.location_info { color:#006666; }
.location_info a:link, .location_info a:visited { color:#006666; text-decoration:none; }
.location_info a:hover { color:#339933; text-decoration:none; }

/* 리스트 & 검색 결과 설정*/
.list_box { margin: 10px; }
.rplist_box { margin: 10px; }
.list { color:#666; word-break:break-all; padding-left:10px; padding-bottom:4px; background:url(http://s1.daumcdn.net/cfs.tistory/custom/blog/7/77432/skin/images/bul.gif) no-repeat 0px 6px; }
.list a:link, .list a:visited { color:#666; text-decoration:none; }
.list a:hover{ color:#0066cc; text-decoration:underline; }
	
.rplist { color:#777; word-break:break-all; border-bottom:1px solid #eee; margin-bottom: 10px; padding: 8px; }
.rplist a:link, .rplist a:visited { color:#777; text-decoration:none;}
.rplist a:hover{ color:#0066cc; text-decoration:none;}

/* 페이징 */
.paging{ font:11px Tahoma; color:#333; padding-top:8px; text-align:center; padding-bottom: 8px; }
.paging a:link, .paging a:visited { color:#666666; text-decoration:none; }
.paging a:hover { color:#0066cc; text-decoration:none; }
.paging .selected { color:#0066cc; text-decoration:none; font-weight: bold; }

/* 푸터 설정 */
.copyright { font-size:10px; color:#333; text-align:center; border-top:1px solid #ccc;}
.copyright A:hover { color: #0066cc; text-decoration:underline;}