@charset "utf-8";

body {
	background:url(./images/header_bg.gif) repeat-x 0 0;
	background-color:#efefef;
	font:12px Gulim, Dotum, Verdana, Tahoma;
	color:#7A7A7A;
	line-height:1.4Em;
	margin:0;
	padding:0;
}

a:link	{ text-decoration:none; color:#7A7A7A; }
a:visited	{ text-decoration:none; color:#7A7A7A; }
a:hover	{ text-decoration:none; color:#ABABAB; }
a:active	{ text-decoration:none; color:#7A7A7A; }
a,img,input {outline:none; selector-dummy:expression(this.hideFocus=true);}
h1,h2,h3,h4,h5 {margin:0; padding:0;}
img {border:0;}
.cnt {color:#b1cbc1; font-weight:bold;}

/* 페이징 - 현재 페이지 */
.selected { font-weight:bold; color:#b1cbc1; }
.no-more-prev,
.no-more-next  { color:#ABABAB;}

/* 카테고리 - 셀 스타일 */
.ib                    { cursor:pointer; }
/* 카테고리 - 트리 셀 */
.branch3               { cursor:pointer; font:12px Gulim, Dotum, Verdana;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt                 { font:0.85em Tahoma, Arial, Gulim; color:#ababab; }

/* 종류별 코멘트 [##_rp_rep_class_##] */
/* 일반 코멘트 */
.rp_general            { }
/* 관리자 코멘트 */
.rp_admin              { }
/* 비밀코멘트 */
.rp_secret             { color:#f30;   font-weight:bold;}
/* 로그아웃시 비밀코멘트 */
.hiddenComment         { background:url(./images/iconSecret.gif) no-repeat; padding-left:20px; color:#444; font-weight:normal; }

/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general         { }
.guest_admin           { }
.guest_secret { background:url(./images/iconSecret.gif) no-repeat; padding-left:20px; color:#444; font-weight:normal; }

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

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

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

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

/* layout */
div#container {width:800px; margin:0 auto; }
div#header {width:800px; height:60px; margin:50px 0 15px 0; padding:0; }
div#header ul {padding: 0; margin: 0; list-style:none; overflow:hidden; }
div#header li {list-style-type:none; float:left; padding: 0; margin: 0; font-size: 0; line-height: 0; }
div#header ul li img {display:block; }
div#mainImg {width:800px; height:160px; margin:0; background:url(images/mainImg.jpg) no-repeat 0 0;}
div#content {width:788px; margin:15px 0 0 0; padding:0px; background-color:#FFFFFF; border:6px solid #f6f6f6;}
div#footer {width:800px; height:15px; margin:25px 0 50px 0; padding:0; background:url(images/footer.gif) no-repeat top center;}

/* blog layout */
div#blogContainer {width:788px; margin:0 auto; padding:0;}
div#blogHeader {width:768px; margin:0; padding:10px; text-align:right;}
div#blogContent {width:768px; margin:20px 0 50px 0; padding:0 10px; background-color:#FFFFFF;}
div#blogFooter {width:768px; margin:0; padding:10px; background-color:#efefef; }

/* blogHeader */
div.blogMenu {font:10px Tahoma, Verdana, Dotum; color:#9F9F9F; letter-spacing:1px;}
div.blogMenu a {color:#9d9d9f;}
div.blogMenu a:hover {color:#4ec6b1;}
div.blogMenu a.title {color:#4ec6b1;}

/* blogContent */
div#blogContent div.nonPost { width:680px; margin:30px auto; padding:0; overflow:hidden; }
div.nonPost h3 { text-align:center;}

/* blogContent > search */
#searchList ol,
#searchRplist ol { list-style:none; padding:5px 0; margin:0;}
#searchList li,
#searchRplist li { border-bottom:1px dotted #ddd; padding: 6px 0;}
#searchList .date,
#searchRplist .date { font:11px Tahoma, Dotum; color: #999; margin-right:10px; }
#searchList span.cnt { color: #BABABA; font:11px Tahoma, Verdana; }
#searchRplist .name { color:#9A9A9A; padding-left:8px;}

/* blogContent > taglog */
div#taglog h3 {font:16px Century Gothic, Verdana, Tahoma; color:#9d9d9f; letter-spacing:2px; padding:2px 0 2px 6px; border-bottom:1px dotted #ddd;}
div#taglog ul { padding:5px; margin:0; text-align:justify; line-height:1.5em;}
div#taglog li { display:inline;}
div#taglog a:hover { background-color:#eee; color:#000;}
div#taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
div#taglog li .cloud2 { font-size : 12px; color : #000; }
div#taglog li .cloud3 { font-size : 12px; color : #ddd; }
div#taglog li .cloud4 { font-size : 12px; color : #999; }
div#taglog li .cloud5 { font-size : 12px; color : #999; }


	.entryNotice h2,
	.entryProtected h2,
	.entry h2                {
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
		border-bottom: 1px solid #f6f6f6;
	}
    .entryNotice h2 a,
	.entryProtected h2 a,
	.entry h2 a	{
		/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
		/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
		/*@post-title-color=color:*/ color: #333333 /*@*/;
	}

	.entryProtected { color: #666; }
	.entryProtected p.text   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
	.entryProtected input    { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
	.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}

/* blogContent > post */
div#blogContent div.post { width:680px; margin:0 auto 40px auto; padding:0 0 5px 0; overflow:hidden; }
div.postInfo {font:11px Dotum, Gulim; letter-spacing:-1px; text-align:center; margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px dotted #ddd;}
div.postInfo .admin {margin:5px 0 0 0;}

div.article {overflow:hidden; margin:0 0 15px 0; line-height:1.5em;}
.article a:link  { color:#666;  text-decoration:none;}
.article a:visited { color:#666;  text-decoration:none;}
.article a:hover { color:#666;  text-decoration:underline;}
.article a:active { color:#666;  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;}

/* tag & trackback */
.tagTrail { padding:5px 5px 5px 38px; background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
.tagText { display:none;}

div#postFooter {width:100%; background:#FFF; border-top:1px dotted #ddd; margin:0 auto; padding:5px 0 0 0;}

.actionTrail { text-align:center; overflow:hidden; font:11px Tahoma, Verdana; border-bottom:1px solid #fff; margin:0; padding:0; }

.trackback { width:540px; overflow:hidden; margin:0 auto; text-align:center; }
.trackback a { color:#9A9A9A; text-decoration: none;}
.trackback h3 { font:11px Tahoma; margin: 0; padding:4px 0;}
.trackback h4 { font:11px Dotum; 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, Tahoma, Gulim, sans-serif; color:#ABABAB;}
.trackback p { margin:0; padding:0;}

/* blogContent > comment */
div.comment { width:600px; overflow:hidden; margin:0 auto; }
div.comment p { margin:3px 0; padding:0;}
div.comment ol,
div.comment ul { margin:0; padding:0; }
div.comment ol li { padding:8px 0 7px 0; border-bottom:1px solid #fff; }
div.comment li ul li { padding:8px 0 0px 30px; border:0;}
div.comment div.form {border-left:4px solid #c6ded5; padding:2px 0 1px 7px;}
div.comment .name { font:12px Gulim, Dotum, Verdana; color:#8A8A8A; font-weight:bold; }
div.comment .name a {color:#8A8A8A; font-weight:bold; }
div.comment .name a:hover {color:#bbb; }
div.comment .date { font:10px Verdana, Tahoma, Gulim, Arial; color:#bbb; letter-spacing:-1px; }
div.comment .control {font:10px Tahoma, Verdana;}
div.comment .control a {color:#9d9d9f;}
div.comment .control a:hover {color:#b1cbc1;}
div.commentTxt {font:12px Gulim, Dotum, Verdana; color:#8A8A8A; line-height:1.4em; margin:5px 0 0 0;}

div.commentWrite {width:600px; overflow:hidden; margin:5px auto 0 auto; padding:0; background-color:#FFF;}
div.commentWrite label {font:10px Tahoma, Verdana; color:#ababab; }
div.commentWrite input {width:120px; height:14px; font:12px Gulim, Dotum, Verdana; color:#8A8A8A; vertical-align:middle; border-top:0; border-left:0; border-right:0; border-bottom:1px dotted #ddd; }
div.commentWrite textarea {width:588px; height:90px; overflow-x:hidden; margin:0; padding:5px; font:12px Gulim, Dotum, Verdana; color:#8A8A8A; border:1px dotted #ddd; scrollbar-face-color:#fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#b1cdc1; scrollbar-darkshadow-color:#fff;}
div.commentWrite .homepage {width:220px; font:11px Tahoma, Verdana; }
div.commentWrite .submit {width:600px; height:20px; background-color:#e2ede9; font:bold 10px Tahoma; color:#9A9A9A; border:0; cursor:pointer; margin:0 auto; }
div.commentWrite .secretWrap { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
div.commentWrite .checkbox {border:none; margin:0; padding:0; width:14px;}

/* paging */
#paging { text-align:center; padding:0; font:10px Tahoma, Verdana; }
#paging .numbox {font:10px Tahoma, Verdana;}
#paging .num {margin:2px;}

/* blogFooter */
div.profileImg { margin:0 0 5px 0; padding:0; }
div.profileImg img {border:2px solid #F6F6F6;}
div.profileDiv { float:left; margin:0; padding:6px; border:3px solid #F6F6F6; }
div.divCalendar {width:160px; margin:0 auto;}

/* blogFooter > sidebar */
div#sidebar {float:left; width:576px;margin:0 0 0 10px; }
div#sidebar h3 { font:11px Verdana, Tahoma; color:#8A8A8A; border-left:2px solid #4ec6b1; margin:0 0 3px 0; padding:1px 0 2px 3px; letter-spacing:1px;}
div#sidebar .cnt { font:10px Tahoma, Arial; color:#ababab; }
div#sidebar .date { font:10px Verdana, Tahoma, Arial; color:#aaa; letter-spacing:-1px; }
div#sidebar .name { font:12px Dotum, Gulim, Verdana; color:#ABABAB; letter-spacing:-1px; }

div#sidebar div.category {margin:0 0 10px 0;}
div#sidebar div.category ul {list-style:none; font:11px 'Tahoma', Dotum; margin:0 0 0 8px; padding:0;}
div#sidebar div.category ul li ul {display:inline;}
div#sidebar div.category ul li ul li {list-style-type:none; margin:0 8px 0 0; display:inline;}
div.category li.selected {font-weight:normal;}

div#recentDiv {float:left; width:576px; margin:0 0 8px 0;}
div#sidebar div.recentPost {float:left; width:40%; margin:0;}
div#sidebar div.recentCmt {float:right; width:60%; margin:0;}
ul.recent	{ padding:0; margin: 0 0 0 8px; list-style:none; }
ul.recent li { background:url(./images/iconSidebar.gif) 0 7px no-repeat; padding:0 0 0 9px; margin: 0; line-height:1.5em;}
div.blogDesc {font:11px Dotum, Gulim; color:#9d9d9f; margin:0; padding:0;}
span.userName {color:#4ec6b1;}

/* sidebar > tagbox */
div#sidebar div.tagbox {clear:both; margin:0 0 8px 0;}
#sidebar .tagbox ul {margin:0 5px; padding:0; text-align:justify; }
#sidebar .tagbox li { background:none; display:inline; font:12px Gulim, Dotum, Verdana; margin:10px 0; padding:5px 0; line-height:1.4em; }
#sidebar .tagbox li a		{ letter-spacing:-1px; }
#sidebar .tagbox li a:hover	{ color:#4ec6b1; text-decoration:underline; }
#sidebar .tagbox li .cloud1	{ font-weight:bold; font-size:11px; color:#EEA9B6;}
#sidebar .tagbox li .cloud2	{ font-weight:bold; font-size:11px; color:#96C9D9;}
#sidebar .tagbox li .cloud3	{ font-weight:bold; font-size:11px; color:#D7C5C5;}
#sidebar .tagbox li .cloud4	{ font-size:11px; color:#B0C6CC; }
#sidebar .tagbox li .cloud5	{ font-size:11px; color:#8A8A8A; }

/* sidebar > archive */
div#sidebar div.archive {margin:0 0 8px 0;}
div#sidebar div.archive ul {font:11px Tahoma, Verdana; list-style:none; margin:0 0 0 8px; padding:0;}
div#sidebar div.archive li {list-style-type:none; display:inline; margin:0 8px 0 0;}

/* sidebar > search */
#sidebar div.search { text-align:right; margin:0 0 5px 0; }
#sidebar div.search input { border-style:none; background-color:#DFDFDF; width:130px; height:13px; font:11px Dotum, Gulim, Verdana; color:#9D9D9F; margin:0; padding:3px 2px 0 2px; vertical-align:middle;}
#sidebar div.search .submit { border-style:none; background-color:#DFDFDF; width:38px; height:16px; padding:0; font:10px Tahoma, Verdana; color:#9D9D9F; cursor:pointer; vertical-align:middle; letter-spacing:0px;}

/* sidebar > blogInfo */
div#sidebar div.blogInfo {font:0.85em 'Tahoma', 'Verdana', Dotum, Gulim; line-height:1.3em; text-align:right; height:14px;}
div.blogInfo img {margin:0 0 -2px 0;}

/* 달력 월 표시 */
    .cal_month              { font:0.85em Verdana, Tahoma, Dotum; height:16px; font-weight:bold; }
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Gulim, Verdana; height:16px; font-weight:normal; color:#9FBDC5; }
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Gulim, Verdana; color:#E791A1; }

/* 달력 Week(tr 영역)  */
    .cal_week               { }
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:0.85em Tahoma, Verdana, Gulim; text-align:center; line-height:1.4em; }
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday             { color:#E791A1 !important; }
    .cal_day_sunday a:link      { color:#E791A1 !important; }
    .cal_day_sunday a:visited   { color:#E791A1 !important; }
    .cal_day_sunday a:active    { color:#E791A1 !important; }
    .cal_day_sunday a:hover     { color:#aaa !important; }

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#aaa; }
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#aaa; }
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#999; }
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#9C7488; }
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#aaa; font-weight:bold; letter-spacing:-1px;}
    a.cal_click:visited     { color:#aaa; font-weight:bold; letter-spacing:-1px;}
    a.cal_click:hover       { color:#EDBFBF; font-weight:bold; letter-spacing:-1px;}