@charset "utf-8";

/* ------------ 태터툴즈 필수 스타일 -------------- */

/* 페이징 */
.selected { font-weight:bold; } /* 선택된 페이징 */
.no-more-prev { color:#cccccc; } /* 뒤로 더 못 갈 때 */
.no-more-next { color:#cccccc; } /* 앞으로 더 못 갈 때 */

/* more...less */
.moreless_fold { background:url(images/i_list2.gif) left 50% no-repeat; padding-left:15px; color:#000000; margin:0; } /* 펼치기 */
.moreless_top { background:url(images/i_list.gif) left 50% no-repeat; padding-left:15px; color:#000000; margin:0; margin-bottom:10px; } /* 접기 (위) */
.moreless_content { padding:10px; color:#888888; margin:0; margin-bottom:10px; } /* 본문 */
.moreless_bottom { background:url(images/i_list.gif) left 50% no-repeat; padding-left:15px; color:#000000; margin:0;} /* 접기 (밑) */

/* 카테고리 */
.ib { cursor:pointer; } /* 카테고리 접기/펼치기 */
.branch3 { cursor:pointer; font-size:11px; } /* 카테고리 클릭 */
.c_cnt { letter-spacing:-1px; color:#999999; } /* 글 수 */

/* 달력 */
.cal_month { font-size:0.9em; font-family:Verdana,'Lucida Grande',sans-serif; color:#eaeaea; font-weight:bold; line-height:1.2; } /* 월 표시 */
.cal_week1 { color:#999999; font-weight:normal; background:#454545; padding:2px 4px; } /* 주(평일) 타이틀 */
.cal_week2 { color:#ff9999; font-weight:normal; background:#454545; padding:2px 4px; } /* 일요일 타이틀 */
.cal_week { } /* 모든 주 */
.cal_current_week { background:#3a3a3a; } /* 이번주 강조 */
.cal_day { font-size:0.9em; font-family:Verdana,'Lucida Grande',sans-serif; padding:2px 4px; } /* 모든 날짜 */
.cal_day_sunday { color:#ff9999; } /* 일요일 날짜 */
.cal_day1 { color:#888888; } /* 전달 */
.cal_day2 { color:#888888; } /* 다음달 */
.cal_day3 { } /* 이번달 */
.cal_day4 { text-decoration:underline; } /* 오늘 */
a.cal_click { font-weight:bold; } /* 글쓴날 */

/* 이미지 */
.cap1 { color:aaaaaa; } /* 캡션 */
.imageblock { margin:5px; }
.dual {  }
.triple {  }

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

/* ------------ 레이아웃 + 스타일 -------------- */

/* 본문 전체 */
body { font-family:Arial,'Lucida Grande',AppleGothic,'돋움',Dotum,sans-serif; font-size:75%; text-align:center; margin:0; padding:0; line-height:1.5em; color:#454545;background-image:url('http://www.ovat.net/ovimg/head_bg.gif'); background-repeat:repeat-x;background-color:black;}
.dotum { font-family:AppleGothic,Dotum,'돋움',"Malgun Gothic",Arial,'Lucida Grande',sans-serif; }
.gulim {
	font-family:AppleGothic,Gulim,굴림,Arial,'Lucida Grande',sans-serif;
} /* 굴림은 12px의 딱딱함을 위해 쓰는 것으로, 맥 환경에서는 AppleGothic이 더 의도하던 글꼴입니다.*/
.arial { font-family:Arial,'Lucida Grande',sans-serif; letter-spacing:0; }
.myraid { font-family:myarid,verdana,arial,sans-serif; letter-spacing:0; }
table, tr, td { margin:0; padding:0; }
textarea, input { font-family:Arial,'Lucida Grande',sans-serif; font-size:1em; }
a:link { color:#5080b0; text-decoration:none; }
a:visited { color:#5080b0; text-decoration:none; }
a:hover { color:#6699cc; text-decoration:underline; }
a img{ border:0;}
img { border:0; vertical-align:middle}

hr { display: block; margin-bottom: 1em; }

/* 인용문 */
blockquote { padding:26px 15px 15px 47px; background:#f7f7f7 url(images/i_quote.gif) 15px 15px no-repeat; margin:0; overflow:hidden; color:#666666; }
blockquote p{ margin:0; padding:0; }
blockquote cite { margin:5px 0 0 0; display:block; color:#8E8E8E; font-style:normal; }

/* pre, 코드 */
pre { overflow:auto; margin:0 0 18px 0; padding:4px; }
pre, code, kbr {font-family:'Lucida Console',Courier,monospace;}
code, kbr {padding:0 2px;}

/* 여백제거 */
p{
	margin:0;
}
h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;}
fieldset { border:0; }

/* 레이아웃 전역선언 */
#title .left { float:left; width:600px; }
#title .right, #menu .right { float:right; width:250px; text-align:right; }

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }

.abm img { vertical-align:middle; }

/* 레이아웃 */
#entire { text-align:left; width:850px; margin:0 auto; padding:0; }

/* #title */
#title { height:40px; overflow:hidden; }
#title h1 { color:#ffffff; font-size:1.2em; line-height:40px; overflow:hidden; }
#title h1 a:link { color:#ffffff; text-decoration:none; }
#title h1 a:visited { color:#ffffff; text-decoration:none; }
#title h1 a:hover { color:#ffffff; text-decoration:none; }
#title h1 span { color:#cccccc; font-size:0.45em; font-weight:normal; }

/* #menu */
#menu { height:50px; }
#menu #zs_menu { float:left; margin:0; padding:0; list-style:none; list-style-image:none; }
#menu #zs_menu li { float:left; margin:0; padding:0; list-style:none; list-style-image:none; }
#menu #zs_menu a { float:left; display:block; color:#333333; padding:23px 20px 0 20px; margin-right:1px; line-height:0; height:27px !important; height /**/:50px; }

/* 위치 표시 */
#menu #zs_menu a.blog { background:url(images/b_menuhover.gif) repeat-x; }
#tt-body-location #menu #zs_menu a.location {background:url( images/b_menuhover.gif) repeat-x; }
#tt-body-location #menu #zs_menu a.blog { background:none; }
#tt-body-tag #menu #zs_menu a.tags { background:url(images/b_menuhover.gif) repeat-x; }
#tt-body-tag #menu #zs_menu a.blog { background:none; }
#tt-body-guestbook #menu #zs_menu a.guest { background:url(images/b_menuhover.gif) repeat-x; }
#tt-body-guestbook #menu #zs_menu a.blog { background:none; }
#menu #zs_menu a:hover { background:url(images/b_menuhover.gif) repeat-x !important; }
#menu .right { height:35px !important; height /**/:50px; padding:15px 15px 0 15px; background:url(images/b_search.gif) right 50% no-repeat; } 
#menu .right .searchtext { width:136px !important; width /**/:140px; height:16px !important; height /**/:20px; padding:2px; line-height:16px; border:0; }
#menu .right .search { padding:0; vertical-align:top; }

.ie15 { height:15px; }

/* #contents .article */
#contents .article { width:640px !important; width /**/:660px; margin-right:20px; overflow:hidden; }
#contents .article .location { margin:0; padding:0; font-size:0.9em; color:#666666; height:30px; line-height:30px; background:url(images/b_location.gif) 0 50% no-repeat; padding-left:15px; }
#contents .article .location a:link { color:#666666; text-decoration:none; }
#contents .article .location a:visited { color:#666666; text-decoration:none; }
#contents .article .location a:hover { color:#333333; text-decoration:underline; }
#contents .article h2 {
	font-size:1.3em;
	line-height:1.3;
	padding:0 0 0 16px;
	margin:0 0 10px 5px;
}
#contents .article h2 a:link { color:#000000; text-decoration:none; }
#contents .article h2 a:visited { color:#000000; text-decoration:none; }
#contents .article h2 a:hover { color:#000000; text-decoration:none; }
#contents .article .info {
	margin-left:5px;
	color:#666666;
	font-size:0.9em;
}
#contents .article .info span {
	letter-spacing:-1px;
}
#contents .article .info a:link { color:#666666; text-decoration:none; }
#contents .article .info a:visited { color:#666666; text-decoration:none; }
#contents .article .info a:hover { color:#999999; text-decoration:underline; }
#contents .article .post {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
#contents .article .textwrap { overflow:hidden; text-align:justify; line-height:1.5; }
#contents .article .textwrap .btn_top { text-align:right; clear:both; }
#contents .article .textwrap sup { font-family:Georgia, serif; }
#contents .article .textwrap .tags { background:#ffffff url(images/i_tag.gif) 5px 50% no-repeat; padding:5px 5px 5px 20px; font-size:0.9em; letter-spacing:-1px; line-height:1.3; display:inline; }
#contents .article .textwrap .tags strong { font-weight:normal; }

#contents .article .textwrap ol { margin:10px 0 10px 15px; padding:0; }
#contents .article .textwrap ol li { margin:0; margin-left:20px; padding:0; }
#contents .article .textwrap ul { margin:10px 0 10px 15px; list-style:none; list-style-image:none; padding:0; }
#contents .article .textwrap ul li { margin:0; padding:0; padding-left:20px; background:url(images/i_ul.gif) 0 8px no-repeat; list-style:none; list-style-image:none;  }
#contents .article .textwrap div.footnotes { border-top:2px #cccccc solid; font-weight:bold; color:#888888; margin-top:15px; }
#contents .article .textwrap div.footnotes ol { margin:0; margin-top:10px; padding:0; font-weight:normal; color:#666666; }
#contents .article .textwrap div.footnotes ol li { margin:0; margin-left:20px; padding:0; }
#contents .article .textwrap sup { font-family:Georgia, serif; }

#contents .article .pbox { background:url(images/i_protect.gif) top left no-repeat; padding:5px 0 5px 118px; }
#contents .article .pbox img { vertical-align:top; }
#contents .article .pbox .pwbox { margin:0; border:1px #dddddd solid; background:#ffffff; padding:2px; width:124px !important; width /**/:130px; margin-bottom:2px; }
#contents .article .pbox .pwsubmit { vertical-align:top; margin:0; padding:0; width:52px; height:20px; }

#contents .article .st_error { background:url(images/i_protect.gif) top left no-repeat; padding:40px 0 0 118px; height:57px !important; height /**/:97px; }

#contents .article .feedback {
	background:#f0f0f0;
	padding:10px;
}
#contents .article .feedback .feedbacks { margin:0; }
#contents .article .feedback h3, #contents .writecomment h3 { font-size:1em; color:#000000; margin-top:0px; }
#contents .article .feedback p { color:#333333; margin-bottom:5px; }
#contents .article .feedback ul { margin:5px 0 0 10px; padding:0; list-style:none; list-style-image:none; }
#contents .article .feedback li {
	margin:0;
	padding:5px;
	list-style:none;
	list-style-image:none;
}
#contents .article .feedback .fbtitle { color:#454545; }
#contents .article .feedback .fbtitle strong { color:#666666; } 
#contents .article .feedback .fbtitle a:link { color:#333333; text-decoration:none; }
#contents .article .feedback .fbtitle a:visited { color:#333333; text-decoration:none; }
#contents .article .feedback .fbtitle a:hover { color:#454545; text-decoration:underline; }
#contents .article .feedback .fbcontent {
	margin-left:10px;
	margin-bottom: 5px;
}
#contents .article .feedback .reply {
	border:1px #dddddd solid;
	background:#f9f9f9;
	padding:5px;
	margin-bottom:10px;
	margin-top: 10px;
	margin-right: 10px;
}
#contents .article .feedback .date { color:#666666; }
#contents .article .feedback a:link { color:#666666; text-decoration:none; }
#contents .article .feedback a:visited { color:#666666; text-decoration:none; }
#contents .article .feedback a:hover { color:#454545; text-decoration:underline; }
#contents .article .writecomment fieldset { border:0; }
#contents .article .writecomment label { margin:0 5px; font-weight:bold; font-family:Arial,'Lucida Grande',sans-serif; }
#contents .article .writecomment input { margin:0; border:1px #dddddd solid; background:#ffffff; padding:3px; width:87px !important; width /**/:93px; }
#contents .article .writecomment .homepage { width:220px !important; width /**/:226px; }
#contents .article .writecomment textarea {
	margin:0;
	margin-right:2px;
	padding:3px;
	border:1px #dddddd solid;
	padding:3px;
	width:480px !important;
	width /**/:486px;
	height:80px;
	vertical-align:top;
}
#contents .article .writecomment .submit {
	background:#eaeaea;
	width:95px;
	height:88px;
	margin-top: 1px;
}
#contents .article .writecomment .secret { text-align:left; }
#contents .article .writecomment .secret input { width:20px !important; border:none; margin:none; background:none; }
#contents .article .writecomment .secret label { margin:0; margin-right:10px; font-weight:normal; font-family:AppleGothic,굴림,Arial,'Lucida Grande',AppleGothic,sans-serif; letter-spacing:-1px; }

/* 위치로그 */
#contents .article .location_spot { padding-left:25px; background:url("images/i_list.gif") no-repeat 10px 2px; margin-bottom:3px; }	
#contents .article .location_info { padding-left:15px; background:url("images/i_list2.gif") no-repeat 0 50%; margin-bottom:3px; }

/* 태그 구름 */
#contents .article .tagc { margin:0; margin-left:10px; padding:0; list-style:none; list-style-image:none; }
#contents .article .tagc li { margin:0; padding:0; display:inline; list-style-image:none; letter-spacing:-1px; } /* 태그에는 엔터가 없다 ... */
#contents .article .tagc li a { padding:3px; }
#contents .article .tagc li a.cloud1 { font-weight:bold; font-size:18px; color:#f30; }
#contents .article .tagc li a.cloud2 { font-weight:bold; font-size:16px; color:#f60; }
#contents .article .tagc li a.cloud3 { font-size:14px; color:#369; }
#contents .article .tagc li a.cloud4 { font-size:12px; color:#690; }
#contents .article .tagc li a.cloud5 { font-size:12px; color:#999; }
#contents .article .tagc li a:hover { text-decoration:none; background:#999999; color:#ffffff; }

/* 방명록 / 방명록 쓰기부분은 댓글 쓰기와 같은 스타일을 사용합니다. */
#contents .article .guest p { color:#333333; }
#contents .article .guest .gtitle { color:#454545; }
#contents .article .guest .gtitle strong { color:#666666; } 
#contents .article .guest .gtitle a:link { color:#333333; text-decoration:none; }
#contents .article .guest .gtitle a:visited { color:#333333; text-decoration:none; }
#contents .article .guest .gtitle a:hover { color:#454545; text-decoration:underline; }
#contents .article .guest.fbcontent { margin-left:15px; }
#contents .article .guest .reply {
	border:1px #dddddd solid;
	background:#f9f9f9;
	margin-bottom:15px;
	padding: 10px;
}
#contents .article .guest .date { color:#666666; }
#contents .article .guest a:link { color:#666666; text-decoration:none; }
#contents .article .guest a:visited { color:#666666; text-decoration:none; }
#contents .article .guest a:hover { color:#454545; text-decoration:underline; }

/* 페이징 */
#contents .article .paging{ clear:both; text-align:center; font:10px Tahoma; margin-bottom:15px; color:#999999; }
#contents .article .paging_n { padding:0 7px; }

/* #contents .sidebar */
#contents .sidebar {
	width:168px !important;
	width /**/: 186px;
	padding:10px;
	padding-top:0px;
	font-size:0.9em;
	border-left:solid #e0e0e0 1px;
	line-height:1.6;
}
#contents .sidebar h3, #contents .sidebar h4 { font-size:1em; color:#000000; font-weight:normal;
	font:7pt tahoma;
	text-align:left;
	font-weight:bold;
	color:#555;
	border-bottom:0px dotted #bbb;
	margin:8px 0px 5px 0px;;
	text-transform: uppercase;
	padding:2px 5px 2px 5px;
	background:url(images/dot_line.gif) bottom no-repeat;
	}
#contents .sidebar h3 {
	font:7pt tahoma;
	text-align:left;
	font-weight:bold;
	color:#555;
	border-bottom:0px dotted #bbb;
	text-transform: uppercase;
	background:url(images/dot_line.gif) bottom no-repeat;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#contents .sidebar ul { list-style:none; list-style-image:none; margin:0; padding:0; }
#contents .sidebar li { list-style:none; list-style-image:none; margin:0; margin-left:10px; padding:0; }
#contents .sidebar .nomar { margin:0; }
#contents .sidebar .clicker { cursor:pointer; }
#opened1, #opened2 { display:block; }
#opened3, #opened4, #opened5 { display:none; }
#closed1, #closed2 { display:none; }
#closed3, #closed4, #closed5 { display:block; }
#contents .sidebar a:link { color:#454545; text-decoration:none; }
#contents .sidebar a:visited { color:#454545; text-decoration:none; }
#contents .sidebar a:hover { color:#333333; text-decoration:underline; }
#contents .sidebar a.cloud1 { font-weight:bold; font-size:15px; color:#f30; }
#contents .sidebar a.cloud2 { font-weight:bold; font-size:14px; color:#f60; }
#contents .sidebar a.cloud3 { font-weight:bold; font-size:13px; color:#369; }
#contents .sidebar a.cloud4 { font-size:12px; color:#690; }
#contents .sidebar a.cloud5 { font-size:11px; color:#999; }

/* #footer */
#bottom { background:#eaeaea }
#footer { text-align:left; width:850px; margin:0 auto; padding:0; padding-top:15px; color:#666666; }
#footer p { margin:0; padding-bottom:10px; }
#footer a:link { color:#666666; text-decoration:none; border-bottom:1px #999999 dashed; }
#footer a:visited { color:#666666; text-decoration:none; border-bottom:1px #999999 dashed; }
#footer a:hover { color:#666666; border-bottom:1px #999999 solid; }
#footer strong { color:#333333; font-weight:normal; }
#footer strong a:link { color:#333333; }
#footer strong a:visited { color:#333333; }
#footer strong a:hover { color:#333333; }

/* #overock */
.container {
	position:relative;
}
.contents {
         background-color:white;
	padding:0px;
	margin:0 auto;
	width:890px;
}
.headimg {
	position:relative;
	height: 123px;
	width: 100%;
}