@charset "utf-8";

/*----- default -----*/
body {
	margin: 0;
	padding: 0;
	font: 12px Tahoma, Gulim, Verdana, AppleGothic, Sans-serif;
	color: #333;
	background: #fff url(images/bg.gif) repeat-x;
}

a:link          { color: #333; text-decoration: none; }
a:visited       { color: #333; text-decoration: none; }
a:hover         { color: #000; text-decoration: underline; }
a:active        { color: #333; text-decoration: none; }

hr              { display: none; }
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; }
form           { margin: 0; }
input           { border: 1px solid #aaa; }
textarea        { border: 1px solid #aaa; }
.clear          { clear: both; }

/*------ layout -------*/
#header {
		width: 974px;
		margin: 0 auto 0 auto;
		padding: 10px 0;
}

#container {
		clear: both;
		width: 974px;
		margin: 0 auto 0 auto;
}

#footer {
		clear: both;
		margin: 0 auto 0 auto;
		padding: 60px 0 60px 0; 
		background: url(images/bg_bottom.gif) repeat-x;
}

#topbar {
		clear: both;
		height: 120px;
		padding-bottom: 10px;
		border-bottom: 2px solid #ddd;
}

#leftbar {
		clear: both;
		float: left;
		width: 180px;
		margin-right: 10px;
		padding-right: 5px;
		padding-bottom: 30px;
		border-right: 1px solid #ddd;
		overflow: hidden;
}

#rightbar {
		float: right;
		width: 180px;
		padding-left: 5px;
		padding-bottom: 30px;
		border-left: 1px solid #ddd;
		overflow: hidden;
}

#content {
		float: left;
		width: 580px;
		margin-top: 10px;
		padding-bottom: 30px;
		overflow: hidden;
}

/*------ header -------*/
#header h1             { padding: 0 0 0 2px; }
#header h1 a           { font-family: Tahoma,dotum; font-weight: bold; letter-spacing: -1px; }
#header h1 a:hover     { color: #000; text-decoration: none; }

#header #wrapTitle     { height: 53px; }
#header #wrapTitle .titleLeft  { float: left; }
#header #wrapTitle .titleRight { float: right; }
#header #wrapTitle ul  { margin: 0; padding: 0; }
#header #wrapTitle li  { float: left; margin: 0; padding: 0 6px 0 0; list-style: none; }

#header #wrapMenu      { clear: both; width: 714px; height: 32px; padding-left: 260px; background: url(images/bg_topmenu.gif) no-repeat; }

#header .blogMenu      { float: left; font: 1em Georgia, Verdana; font-weight: bold; }
#header .blogMenu a    { color: #fff; }
#header .blogMenu ul   { margin: 0; padding: 7px 5px; list-style: none; }
#header .blogMenu li   { display: inline; margin-left: 3px; padding-left: 25px; }
#header li.tab_home    { background: none; }

#header .search         { text-align: right; padding: 5px 10px 0 5px; }
#header .search input   { width: 128px; height: 16px; background-color: #449EF0; border: 1px solid #0F67B7; }
#header .search .submit { width: 40px; height: 20px; background: url(images/btn_search.gif) no-repeat; text-indent:-5000px; border: 0; }

/*------ topbar -------*/
#topbar .blogImage img { float: left; width: 185px; }
#topbar .blogImage img { width: 185px; height: 120px; vertical-align: middle; }

#topbar .calendar    { float: left; width: 180px; padding: 0 10px; }
#topbar .calendar h3 { display: none; }

#topbar .signboard   { float: left; width: 404px; height: 120px; background: #f5f5f5 url(images/bg_signboard.gif) no-repeat; }

#topbar .counter          { float: left; width: 170px; height: 120px; padding-left: 10px; font: 1em Georgia; }
#topbar .counter dl       { padding: 0; margin: 0; font-weight: bold; color: #666; }
#topbar .counter dt       { height: 17px; width: 80px; float: left; font-family: Arial; font-size: 11px; font-weight: bold; padding-left: 6px; padding-top: 4px; border-bottom: 1px solid #ccc; }
#topbar .counter dd       { height: 17px; font-weight: bold; padding-top: 4px; border-bottom: 1px solid #ccc; text-align: right; }
#topbar .counter dd.today { color: #1381E0; }

#topbar .rss       { padding-top: 9px; text-align: center; }
#topbar .rss img   { vertical-align: middle; }

#topbar .admin     { padding-top: 6px; text-align: center; }
#topbar .admin img { vertical-align: middle; }

/*------ leftbar -------*/
#leftbar h3                    { font: 1em Georgia; font-weight: bold; color: #333; padding-top: 16px; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
#leftbar ul                    { padding: 0; margin: 0; list-style: none; }
#leftbar li                    { background: url(images/bul.gif) 0 6px no-repeat; padding-left: 7px; }
#leftbar .cnt                  { font: 0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color: #2d9ab5; }

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

#leftbar .tagbox ul         { padding: 5px 2px; text-align: justify; }
#leftbar .tagbox li         { background: none; display: inline; }
#leftbar .tagbox a          { letter-spacing:-1px; }
#leftbar .tagbox li .cloud1 { font-size: 14px; color: #ff6600; }
#leftbar .tagbox li .cloud2 { font-size: 13px; color: #ff9900; }
#leftbar .tagbox li .cloud3 { font-size: 12px; color: #669900; }
#leftbar .tagbox li .cloud4 { font-size: 12px; color: #0099CC; }
#leftbar .tagbox li .cloud5 { font-size: 11px; color: #999; }
#leftbar .tagbox a:hover    { background-color: #eee; text-decoration: none; color: #000; }

#leftbar .archive li        { font-family: verdana; }

/*------ rightbar -------*/
#rightbar h3                { font: 1em Georgia; font-weight: bold; color: #333; padding-top: 16px; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
#rightbar ul                { padding: 0; margin: 0; list-style: none; }
#rightbar li                { background: url(images/bul.gif) 0 6px no-repeat; padding-left: 7px; }
#rightbar .cnt              { font: 0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color: #2d9ab5; }
#rightbar .date             { font: 0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #888; }
#rightbar .name             { font: 0.9em Dotum, Arial, sans-serif; color: #888; }
#rightbar .author           { color: #f36d21; }
#rightbar .author .stext    { color: #999; }

#rightbar .notice           { width: 180px; padding-top: 13px; overflow: hidden; }
#rightbar .notice ul        { padding: 0; margin: 0; list-style: none; }
#rightbar .notice li        { border-bottom: 1px dotted #ddd; margin: 0 0 2px 0; padding: 0 0 1px 0; background: none; }
#rightbar .notice a         { font: 12px Gulim; }
#rightbar .notice a:link,
#rightbar .notice a:visited { background: url(images/iconNotice.gif) 0 0 no-repeat; padding: 1px 0 5px 27px; }
#rightbar .notice a:hover   { background: url(images/iconNotice_on.gif) 0 0 no-repeat; padding: 0 0 5px 27px; text-decoration: none; color: #f60; }

#rightbar .recentPost                 { width: 180px; overflow: hidden; }
#rightbar .recentPost li              { line-height: 117%; padding-bottom: 5px; }
#rightbar .recentComment              { width: 180px; overflow: hidden; }
#rightbar .recentComment li           { line-height: 117%; padding-bottom: 5px; }
#rightbar .recentComment .info_wrap   { color: #999; }
#rightbar .recentTrackback            { width: 180px; overflow: hidden; }
#rightbar .recentComment li           { line-height: 117%; padding-bottom: 5px; }
#rightbar .recentTrackback .info_wrap { color: #999; }

/*------ content -------*/
#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .searchRplist h3 { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 0 0 0 5px; color: #222; height: 21px; }

#content .entryNotice,
#content .entryProtected,
#content .entry           { margin-bottom: 40px; }

#content .searchList,
#content .searchRplist,
#content .localog,
#content .taglog,
#content .guestbook       { margin-bottom: 20px; }

.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: 8px; }
.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: #2d9ab5; }
.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: #158daa; }
.localog a:visited        { color: #158daa; }
.localog a:hover          { color: #158daa; text-decoration: underline; }

/* tag log */
.taglog ul                { text-align: justify; padding: 5px; margin: 0; }
.taglog li                { display: inline; font-size: 1.5em; }
.taglog a:hover           { background-color: #666; color: #fff !important; text-decoration: none; }
.taglog li a.cloud1       { color: #ff6600; font-weight: bold; }
.taglog li a.cloud2       { color: #ff9900; font-weight: bold; }
.taglog li a.cloud3       { color: #669900; font-weight: bold; }
.taglog li a.cloud4       { color: #0099CC; }
.taglog li a.cloud5       { color: #999; }

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

.guestWrite               { padding: 10px; background-color: #f5f5f5; border: 1px solid #ddd; }
.guestWrite input         { width: 150px; }
.guestWrite textarea      { width: 552px; height: 80px; }
.guestWrite .homepage     { width: 350px; }
.guestWrite .submit       { width: 350px; height: 24px; background-color: #ccc; font-size: 1em; margin: 0; padding-top: 3px; }
.guestWrite .checkbox     { border: none; padding: 0; margin: 0; width: 25px; }

.guestList                { padding: 10px 0 0 0; }
.guestList ol,
.guestList ul             { margin: 0; padding: 0; list-style: none; }
.guestList li p           { border-top: 1px dotted #ccc; margin-top: 5px; padding-top: 5px; }
.guestList ol li          { border: 1px solid #eee; padding: 10px; margin-bottom: 10px; 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: 515px; overflow: hidden; }
.guestList li .name       { color: #666; font-weight: bold; padding-right: 10px; }
.guestList li .date       { font: 0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; padding-right: 10px; }

.guestList .control a.modify      { background: url(images/iconModify.gif) no-repeat; padding: 0 0 2px 53px; text-decoration: none; }
.guestList .control a.modify span { display: none; }
.guestList .control a.write       { background: url(images/iconWrite.gif) no-repeat; padding: 0 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; padding: 0 0 0 5px; height: 21px; }

.titleWrap               { padding-bottom: 10px; }
.titleWrap .category a   { font: 1em Dotum, Arial, sans-serif; color: #888; margin-right: 6px; }
.titleWrap .date         { font: 0.9em Georgia, Verdana, Helvetica, Arial, Gulim, sans-serif; color: #888; }

.titleInfo { border-top: 1px solid #ccc; border-bottom: 1px solid #999; padding: 3px 0 2px 5px; }

.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; }

.blogAdmin { background-color: #f5f5f5; padding: 3px 5px; margin-bottom: 10px; font-size: 9pt; }

.article                 { width: 580px; margin: 0; overflow: hidden; }
.article a:link          { color: #158daa; text-decoration: none; }
.article a:visited       { color: #158daa; text-decoration: none; }
.article a:hover         { color: #158daa; text-decoration: underline; }
.article a:active        { color: #158daa; text-decoration: none; }
.article dt              { text-decoration: underline; }
.article dd              { margin-left: 20px; padding-bottom: 10px; }
.article blockquote      { border-left: 7px double #CDCAB1; color: #62562A; padding-left: 15px; margin: 10px 20px; }

.article .author         { float: right; color: #333; background: url(images/img_postedby.gif) no-repeat; padding: 7px 0 0 70px; height: 31px; margin: 30px 5px 0 0; }
.author .text            { display: none; }

.tagTrail                { text-align: right; padding: 0 0 10px 0; }
.tagText                 { display: none; }

.actionTrail             { border-top: 1px dotted #ccc; padding: 7px 5px; font: 1em Georgia; clear: both; }
.actionTrail .cnt        { color: #2d9ab5; }

.trackback               { border-top: 1px solid #ddd; background-color: #f5f5f5; padding: 10px; width: 545px; 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                         { border-top: 1px solid #ddd; background-color: #f5f5f5; padding: 10px; 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: 0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #777; }
.comment .name                   { font-weight: bold; }
.comment ol li                   { padding: 10px 5px; }
.comment li ul li                { padding: 5px 10px 5px 25px; background: url("images/iconIndentArrow_local.gif") no-repeat 12px 6px; }
.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; }
.commentWrite input              { width: 150px; }
.commentWrite textarea           { width: 544px; }
.commentWrite .homepage          { width: 350px; }
.commentWrite .submit            { width: 350px; height: 24px; background-color: #ccc; font-size: 1em; margin: 0; padding-top: 3px; }
.commentWrite .checkbox          { border: none; padding: 0; margin: 0; width: 25px; }

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

/*------ footer -------*/
#footer         { text-align: center; font: 11px Verdana, dotum; color: #555; }
#footer a       { color: #555; }
#footer a:hover { color: #000; }
#footer .menu   {
	width: 974px; margin: 0 auto 0 auto; padding: 20px 0 5px 0;
	background: url(images/footer_line.gif) repeat-x;
}

/* 페이징 - 현재 페이지 */
    .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: #2d9ab5; }

/* 달력 월 표시 */
    .cal_month          { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height: 14px; font-weight: bold; }
/* 달력 요일 표시(th 영역) */
    .cal_week1          { font: 0.95em Dotum, Arial, sans-serif; height: 16px; font-weight: normal; background-color: #67B3FB; }
/* 달력 일요일 표시(th 영역) */
    .cal_week2          { font: 0.95em Dotum, Arial, sans-serif; color: #f30; background-color: #67B3FB; }

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

/* 달력 Day(td 영역) */
    .cal_day            { font: 0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color: #999; text-align: center; }
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday     { color: #f30 !important; }
    .cal_day_sunday a   { color: #f30 !important; }

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1           { color: #ccc; }
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2           { color: #ccc; }
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3           { color: #666; }
/* 달력 오늘 날짜 표시(td) */
    .cal_day4           { color: #000; text-decoration: underline; }
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link    { color: #333; font-weight: bold; }
    a.cal_click:visited { color: #333; font-weight: bold; }
    a.cal_click:hover   { color: #f30; font-weight: bold; }

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general         { }
    .rp_admin           { background: url(images/iconAdmin.gif) no-repeat; padding-left: 20px; }
    .rp_secret          { color: #f30; font-weight: bold; }
/* 종류별 코멘트 [##_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               { color: #999; text-align: center; }
/* 그림 */
    .imageblock         { 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_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; }