/* ****************************************************
만약 실제 글이 보여지는 영역 (contentWidth)을 변경하고 싶다면
이 파일 (style.css)과 index.xml만 수정하면 됩니다.
찾기 쉽도록 주석을 달았으니 주석을 검색하여 변경하면 됩니다.
스킨을 처음 설치하면 contentWidth의 기본값은 610px이고,
이 값은 index.xml 에 명시되어 있습니다.
만약 contentWidth를 800px로 변경하고 싶다면,
크게 두 단계로 진행됩니다.
[단계 A]
index.xml로 가서 다음과 같은 문장을 찾은 후
610
이 부분을 다음과 같이 변경하세요.
800
[단계 B]
이 파일 (style.css)에서 contentWidth를 검색하여
주석에 표시된 계산식대로 수정해주면 됩니다.
style.css 안에 contentWidth를 찾아 전부 해주시면 되요.
############################################
예1)
만약 검색을 통해 아래와 같은 문장을 찾았다면
width:610px; / * contentWidth - 10px * /
새로운 contentWidth가 800px이니
width값으로 다음과 같이 변경하세요.
width:790px; / * contentWidth - 10px * /
예2)
만약 이런 문장을 찾았다면
width:680px; / * contentWidth + 70px * /
새로운 contentWidth가 800px이니
width값으로 다음과 같이 변경하세요.
width:880px; / * contentWidth + 70px * /
############################################
[변경 끝]
**************************************************** */
@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
font:0.75em/1.5 나눔고딕, 맑은 고딕, 굴림;
margin:0px; padding:0px;
background:url("./images/bg.gif") repeat-x;
background-color:#505467;
text-align:center;
}
a:link { color: #1058c3; text-decoration:none; }
a:visited { color: #1058c3; text-decoration:none; }
a:hover { color: #f09; text-decoration:none; }
a:active { color: #1058c3; text-decoration:none; }
/* 페이징 - 현재 페이지 */
.selected { font-weight:bold; color:#f30;}
.no-more-prev,
.no-more-next { color:#ccc;}
.paging { padding:10px; text-align:center; font:1.0em 나눔고딕, 맑은 고딕, 굴림;}
.paging .numbox { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;}
.paging .num { border-right:1px solid #ccc; padding-right:6px; margin-right:6px; font-weight:bold;}
.paging .prev,
.paging .next { font:1.0em 나눔고딕, 맑은 고딕, 굴림;}
/* 카테고리 - 이미지 버튼 */
.ib { cursor:pointer; cursor:hand;}
/* 카테고리 - 트리 셀 */
.branch3 { cursor:pointer; cursor:hand;}
/*@ 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font:0.75em 나눔고딕, 맑은 고딕, 굴림; color:#f30;}
/*@ 달력 월 표시 */
.cal_month { font:0.95em 나눔고딕, 맑은 고딕, 굴림; height:0.9em; font-weight:bold; margin-bottom:10px; text-align:center;}
/*@ 달력 요일 표시(th 영역) */
.cal_week1 { background-color: #636363; font:0.95em 나눔고딕, 맑은 고딕, 굴림; color:#eee; height:18px; font-weight:normal; text-align:center;}
/*@ 달력 일요일 표시(th 영역) */
.cal_week2 { background-color: #636363; font:0.95em 나눔고딕, 맑은 고딕, 굴림; color:#f30; text-align:center; }
/*@ 달력 Week(tr 영역) */
.cal_week { background-color:#d2d4dc; height:25px;}
.cal_current_week { background-color:#8b8b94;}
/*@ 달력 Day(td 영역) */
.cal_day { font:0.8em 나눔고딕, 맑은 고딕, 굴림; color:#666; 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:#333; background-color:#fff;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { font-size:0.9em; font-weight:bold; color:#202020;}
a.cal_click:visited { font-size:0.9em; font-weight:bold; color:#202020;}
a.cal_click:hover { font-size:0.9em; font-weight:bold; color:#202020;}
/*@ 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {}
.rp_admin { background:url("./images/icon-admin.gif") right 2px no-repeat; color:#000;}
.rp_secret { color:#f30; font-weight:bold;}
/*@ 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general {}
.guest_admin { background:url("./images/icon-admin.gif") right 2px no-repeat; color:#000;}
/*@ 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment { background:url("./images/icon-secret.gif") no-repeat; padding-left:20px; font-weight:normal;}
/*@ 이미지 아래 캡션 스타일 */
.cap1 { color:#999; text-align:center; margin-top:0;}
/*@ 그림 */
.imageblock {}
/*@ 왼쪽 */
.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/icon-more.gif") top left no-repeat; padding-left:20px; color:#000;}
.moreless_top { background:url("./images/icon-less.gif") top left no-repeat; padding-left:20px; color:#000;}
.moreless_body {}
.moreless_bottom { background:url("./images/icon-less.gif") top right no-repeat; padding-right:20px; color:#999; text-align:right;}
/* 키워드 */
.key1 { background-color:#f6f5ce; border: 1px solid #c4b16f; color:#55411b; cursor: pointer; cursor:hand; padding:2px;}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr { display:none;}
img { border:0;}
h1, h2, h3, h4 { margin:0; padding:0;}
h1 { font-size:2.0em; font-family:나눔고딕, 맑은 고딕, 굴림; font-weight:bold;}
h2 { font-size:1.4em; font-family:나눔고딕, 맑은 고딕, 굴림;}
h3 { font-size:1.2em; font-family:나눔고딕, 맑은 고딕, 굴림;}
h4 { font-size:1em;}
input { border:1px solid #aaa; background-color:#f6f6f6;}
textarea { border:1px solid #aaa; background-color:#f6f6f6; font:1.0 나눔고딕, 맑은 고딕, 굴림;
width:590px; /* contentWidth - 20px */
overflow:auto;
}
/* 블로그 레이아웃 */
#container {
width:975px; /* (#smallbar 크기) + (contentWidth + 70px) + (#sidebar 크기) + 10px + 5px */
margin:0px auto;
padding:0px;
text-align:left;
border:0px solid #f33;
}
#header {
width:100%;
padding:0;
margin-top:15px;
margin-bottom:4px;
text-align:left;
border:0px solid #000;
}
#smallbar {
float:left;
width:40px; height:93px;
background:url("./images/smallbar-bg-0.gif");
border:0px solid #3f3;
}
#content {
float:left;
padding:0 5px;
width:680px; /* contentWidth + 70px */
overflow:hidden;
text-align:left;
margin-bottom:0;
border:0px solid #ff3;
}
#sidebar {
float:left;
width:240px;
margin-bottom:0;
border:0px solid #33f;
}
#copyright {
color:#1d232d;
margin: 5px 0 15px 0;
text-align:center;
}
#copyright a { color:#efefef; font-weight:bold;}
/* ***** Header ***** */
#header h1 { padding:0; margin:10px 0 0 55px;}
#header h1 a { color:#c1e9f0; font-weight:bold;}
#header h1 a:hover { color:#f09; text-decoration:none;}
#header .blog-title { float:left; border:0px solid #000;}
#blog-menu { border:0px solid #30f; height:43px;
margin-left:496px; /* contentWidth - 114px */
}
#blog-menu span { float:left; height:43px; list-style-image:none; list-style-type:none; padding:0 2px; margin:0;}
#blog-menu a { height:43px; overflow:hidden; text-indent:10000em; text-decoration:none;}
#blog-menu a:hover { background-position: 0 -43px;}
#blog-menu #nav-local { width:72px; height:43px; display:block; background-image: url("./images/menu-top-1.gif"); }
#blog-menu #nav-tag { width:72px; height:43px; display:block; background-image: url("./images/menu-top-2.gif"); }
#blog-menu #nav-guest { width:72px; height:43px; display:block; background-image: url("./images/menu-top-3.gif"); }
/* ***** smallbar ***** */
#smallbar ul {padding:0; margin:6px 0 0 0; list-style: none;}
.small-rss a {display:block;width:40px;height:26px;background: url("images/smallbar-rss.gif") no-repeat center center; cursor:pointer;text-indent: -999em;}
.small-media a {display:block;width:40px;height:26px;background: url("images/smallbar-media.gif") no-repeat center center; cursor:pointer;text-indent: -999em;}
.small-admin a {display:block;width:40px;height:26px;background: url("images/smallbar-admin.gif") no-repeat center center; cursor:pointer;text-indent: -999em;}
.small-write a {display:block;width:40px;height:26px;background: url("images/smallbar-write.gif") no-repeat center center; cursor:pointer;text-indent: -999em;}
/* ***** content ***** */
#content .localog,
#content .taglog,
#content .entry-notice,
#content .entry { border:0px solid #f36; padding:0; margin: 0 20px 0px 20px;}
#content .entry-protected { border:0px solid #f36; padding:0; margin: 0 20px 0px 20px;}
#content .entry2 { border:0px solid #f36; padding:0; margin: 0 20px 0px 20px;}
#content .guestbook,
#content .search-list,
#content .search-rplist,
#content .localog,
#content .taglog { padding:0 10px; margin: 0 15px 0px 15px;}
#content .localog h3 { padding:15px 0 10px 26px; background:url("./images/icon-localog.gif") no-repeat 0 15px; margin-bottom:10px;}
#content .taglog h3 { padding:15px 0 10px 26px; background:url("./images/icon-tag.gif") no-repeat 0 15px; margin-bottom:10px;}
#content .guestbook h3 { padding:15px 0 10px 26px; background:url("./images/icon-comment.gif") no-repeat 0 15px; margin-bottom:10px;}
#content .search-list h3 { padding:15px 0 10px 26px; background:url("./images/icon-search.gif") no-repeat 0 15px; margin-bottom:10px;}
#content .search-rplist h3 { padding:15px 0 10px 26px; background:url("./images/icon-comment.gif") no-repeat 0 15px; margin-bottom:10px;}
.search-list ol,
.search-rplist ol { list-style:none; padding:5px; margin-top:10px;}
.search-list li,
.search-rplist li { padding-bottom:2px;}
.search-list .date,
.search-rplist .date { font:0.8em 나눔고딕, 맑은 고딕, 굴림; margin-right:10px; }
.search-list .cnt { font:0.8em 나눔고딕, 맑은 고딕, 굴림; color:#f60;}
.search-rplist .name { font:0.9em 나눔고딕, 맑은 고딕, 굴림; color:#999; padding-left:8px;}
.localog .details { background-color:#f6f6f6;padding:15px 10px 15px 10px;}
.localog .spot { background:url("./images/icon-indent-arrow_local.gif") 5px 0 no-repeat; padding-left:20px; margin-top:5px;}
.localog .info { background:url("./images/icon-indent-arrow_localinfo.gif") 5px 3px no-repeat; padding-left:15px; margin-top:2px;}
.localog a:link {}
.localog a:visited {}
.localog a:hover { color:#ff204f; text-decoration:underline;}
.taglog .details { background-color:#f6f6f6;padding:15px 10px 15px 10px;}
.taglog ul { padding:5px; margin:0; text-align:justify;}
.taglog li { display:inline;}
.taglog a:hover { background-color:#eee;}
.taglog li .cloud1 { color:#0e1bc4; font-size:1.3em; font-weight:bold; background-color:#c7c7c7;}
.taglog li .cloud2 { color:#4434ba; font-size:1.2em; font-weight:bold; background-color:#d9d9d9;}
.taglog li .cloud3 { color:#708cab; font-size:1.1em; font-weight:bold;}
.taglog li .cloud4 { color:#666; font-size:1.0em;}
.taglog li .cloud5 { color:#999; font-size:0.9em;}
.guestbook p { padding:2px 0; margin:0;}
.guest-write { padding:10px; border:0px solid #ddd; margin-top:5px;}
.guest-write input { width:150px;}
.guest-write textarea { padding:5px;}
.guest-write .homepage { width:300px;}
.guest-write .submit { background-color:#eee; border:1px solid #666; font:1.0em 나눔고딕, 맑은 고딕, 굴림; padding:5px; height:35px;
width:602px; /* contentWidth - 20px + 12px */
}
.guest-list {}
.guest-list .details { background-color:#f6f6f6;padding:10px;}
.guest-list ol,
.guest-list ul { margin:0; padding:0; list-style:none; color:#666;}
.guest-list li {}
.guest-list li p { margin-top:5px; padding-top:5px;}
.guest-list ol li { padding:10px; overflow:hidden;}
.guest-list li ul li { margin-left:20px; background:url("images/icon-indent-arrow_local.gif") no-repeat 10px 10px; background-color:#e5e5e5; padding-left:25px; border:none; overflow:hidden;}
.guest-list li .name { color:#666; font-weight:bold;}
.guest-list li .date { font:0.8em 나눔고딕, 맑은 고딕, 굴림;}
.guest-list .control a.modify { background:url("./images/icon-comm-mod.gif") no-repeat; padding:0 0 2px 60px; text-decoration:none;}
.guest-list .control a.modify span { display:none;}
.guest-list .control a.write { background:url("./images/icon-comm-write.gif") no-repeat; padding:0 5px 2px 60px; text-decoration:none;}
.guest-list .control a.write span { display:none;}
.guest-list .ext-guestlist { margin-bottom:10px;}
/* entry */
.entry-notice h2,
.entry-protected h2,
.entry h2 { font-size:1.2em; line-height:1.2em;}
h2 a:link { color:#000;}
h2 a:visited { color:#000;}
h2 a:hover { color:#f09; text-decoration:none;}
h2 a:active { color:#000;}
.title-wrap { padding:15px 0 10px 26px; background:url("./images/icon-article.gif") no-repeat 0 15px;}
.title-wrap .category a { font:0.9em 나눔고딕, 맑은 고딕, 굴림; color:#666; margin-right:6px;}
.title-wrap .date { font:0.8em 나눔고딕, 맑은 고딕, 굴림; color:#666;}
.divider2 { background:url("./images/divider2.gif") repeat-x; font-size:1px; height:2px; margin:0;}
.entry-protected .details { background-color:#f6f6f6;padding:15px 10px 15px 10px;}
.entry-protected p.text { padding-left:50px;}
.entry-protected input { width:200px;}
.entry-protected .submit { background-color:#eee; border:1px solid #666; font:1.0em 나눔고딕, 맑은 고딕, 굴림; width:45px; height:24px;}
.article { margin:0; padding:10px; overflow:hidden; background-color:#fff;}
.article a:link { color:#1058c3; text-decoration:none;}
.article a:visited { color:#1058c3; text-decoration:none;}
.article a:hover { color:#ff204f; text-decoration:underline;}
.article a:active { color:#1058c3; text-decoration:none;}
.article dt { text-decoration:underline;}
.article dd { margin-left:20px; padding-bottom:10px;}
.article blockquote { background:url("./images/icon-blockquote.gif") top left no-repeat; padding-left:25px; margin:10px 20px;}
.article li { display:list-item; list-style-type:decimal;}
/*.footnotes .footnotes li { display:list-item; list-style-type:upper-roman;} */
.tag-trail { padding:10px 22px; background:url("./images/icon-tag.gif") center left no-repeat; clear:both; font:0.9em 나눔고딕, 맑은 고딕, 굴림;}
.tag-text { display:none;}
.action-trail {
background:url("./images/bg-cmt-trk.gif") no-repeat;
border:0px solid #333;
clear:both;
margin-left:320px;
padding-top:5px; font-size:1.0em; text-align:center;
position:relative; top:-13px;
width:287px; height:27px;
}
.action-trail .cnt { color:#f60; font-size:1.0em;}
.action-trail a:link,
.action-trail a:visited,
.action-trail a:active {color:#4c4d63;}
.action-trail a:hover {color:#f09; text-decoration:none;}
.trackback { padding:0; margin:0; overflow:hidden; border:
0px solid #36f;
width:640px; /* contentWidth + 30 */
clear:both;
}
.trackback a { color:#000;}
.trackback h3 { font:0.9em 나눔고딕, 맑은 고딕, 굴림; color:#333; margin:0; font-weight:bold; padding:10px; border:1px solid #92b4bd; background-color:#bddbe1;}
.trackback h4 { font:0.9em 나눔고딕, 맑은 고딕, 굴림; font-weight:normal; margin:5px 0 2px 0;}
.trackback h4 a { color:#1058c3;}
.trackback .from { font:0.7em; color:#999; }
.trackback .name { color:#666; }
.trackback ol { margin:0; padding:0; list-style:none;}
.trackback li { }
.trackback .date { font:0.8em 나눔고딕, 맑은 고딕, 굴림; color:#777;}
.trackback p { font:0.95em 나눔고딕, 맑은 고딕, 굴림; color:#666; margin:3px 0 0 0; padding:0; letter-spacing:-1px}
.trackback .receive { border:1px solid #92b4bd; background-color:#bddbe1; margin:10px 0; padding:10px 10px;}
.trackback a.delete { background:url("./images/icon-delete.gif") left top no-repeat; padding-left:8px; text-decoration:none;}
.trackback a.delete span { display:none;}
.comment { padding:0; margin-bottom:0; overflow:hidden;
width:640px; /* contentWidth + 30 */
clear:both;
}
.comment p { margin:3px 0 0 0; padding:0;}
.comment-list { padding:0 10px 0 10px;}
.comment h3 { display:none;}
.comment ol,
.comment ul { margin:0; padding:0; list-style:none; color:#555;}
.comment .date { font:0.8em 나눔고딕, 맑은 고딕, 굴림; 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/icon-indent-arrow_local.gif") no-repeat 12px 6px;}
.comment-list ul { background-color:#b7deec; margin:15px 0 0 45px;}
.comment .control a.address { background:url("./images/icon-comm-addr.gif") no-repeat; padding-left:60px; padding-bottom:2px; text-decoration:none;}
.comment .control a.address span { display:none;}
.comment .control a.modify { background:url("./images/icon-comm-mod.gif") no-repeat; padding-left:68px; padding-bottom:2px; text-decoration:none;}
.comment .control a.modify span { display:none;}
.comment .control a.write { background:url("./images/icon-comm-write.gif") no-repeat; padding-left:60px; padding-bottom:2px; text-decoration:none;}
.comment .control a.write span { display:none;}
.comment-write { margin:0; padding:10px;}
.comment-write input { width:150px;}
.comment-write textarea { padding:5px;}
.comment-write .homepage { width:300px;}
.comment-write .secret-wrap {}
.comment-write .checkbox { width:25px; border:none; padding:0; margin:0; }
.comment-write .submit { padding:5px; height:35px; border:1px solid #666; background-color:#eee; font:1.0em 나눔고딕, 맑은 고딕, 굴림;
width:602px; /* contentWidth - 20 + 12 */
}
.comment-write .member { margin-top:10px;}
/* ***** sidebar ***** */
#sidebar { text-align:left;}
#sidebar ul { padding:0; margin:0; list-style:none;}
#sidebar .blog-image { margin-bottom:8px; text-align:center;}
#sidebar .blog-desc { color:#888; font-size:1.0em; line-height:1.2em; letter-spacing:-1px; margin-bottom:8px;}
#sidebar .user-id { color:#888; letter-spacing:-1px;}
#sidebar .blog-desc { margin:0; padding:0;}
#sidebar .notice { margin:0; padding:0;}
#sidebar .category { margin:0; padding:0;}
#sidebar .tagbox { margin:0; padding:0;}
#sidebar .recent-article { margin:0; padding:0;}
#sidebar .archive { margin:0; padding:0;}
#sidebar .calendar { margin:0; padding:0;}
#sidebar .recent-comment { margin:0; padding:0;}
#sidebar .recent-trackback { margin:0; padding:0;}
#sidebar .link { margin:0; padding:0;}
#sidebar .misc { margin:0; padding:0;}
.cnt { font:0.8em 나눔고딕, 맑은 고딕, 굴림; color:#f60;}
.date { font:0.8em 나눔고딕, 맑은 고딕, 굴림; color:#888;}
.name { font:0.9em 나눔고딕, 맑은 고딕, 굴림; color:#888;}
/* ***** 사이드바 제목들 ***** */
#noticehead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#noticehead { width:135px; height:31px; background: url("images/box-sidebar-title-notice.gif") 0 0 no-repeat; margin-left:10px;}
#categoryhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#categoryhead { width:135px; height:31px; background: url("images/box-sidebar-title-category.gif") 0 0 no-repeat; margin-left:10px;}
#smshead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#smshead { width:135px; height:31px; background: url("images/box-sidebar-title-SMS.gif") 0 0 no-repeat; margin-left:10px;}
#ttbhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#ttbhead { width:135px; height:31px; background: url("images/box-sidebar-title-ttb.gif") 0 0 no-repeat; margin-left:10px;}
#rearticlehead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#rearticlehead { width:135px; height:31px; background: url("images/box-sidebar-title-article.gif") 0 0 no-repeat; margin-left:10px;}
#tagboxhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#tagboxhead { width:135px; height:31px; background: url("images/box-sidebar-title-tagbox.gif") 0 0 no-repeat; margin-left:10px;}
#archivehead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#archivehead { width:135px; height:31px; background: url("images/box-sidebar-title-archive.gif") 0 0 no-repeat; margin-left:10px;}
#calendarhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#calendarhead { width:135px; height:31px; background: url("images/box-sidebar-title-calendar.gif") 0 0 no-repeat; margin-left:10px;}
#recommenthead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#recommenthead { width:135px; height:31px; background: url("images/box-sidebar-title-comment.gif") 0 0 no-repeat; margin-left:10px;}
#retrackbackhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#retrackbackhead { width:135px; height:31px; background: url("images/box-sidebar-title-trackback.gif") 0 0 no-repeat; margin-left:10px;}
#linkhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#linkhead { width:135px; height:31px; background: url("images/box-sidebar-title-link.gif") 0 0 no-repeat; margin-left:10px;}
#counterhead h3 { display:none; color:#666; font-size:1.0em; font-weight:bold;}
#counterhead { width:135px; height:31px; background: url("images/box-sidebar-title-counter.gif") 0 0 no-repeat; margin-left:10px;}
/* ***** 사이드바 :: 공지사항 모듈 ***** */
.notice ul { list-style: none;}
.notice li { background:none;}
.notice a:link,
.notice a:active,
.notice a:visited { background:url("./images/icon-notice.gif") 0 0 no-repeat; padding:1px 0 5px 27px;}
.notice a:hover { background:url("./images/icon-notice-on.gif") 0 0 no-repeat; padding:0 0 5px 27px;}
/* ***** 사이드바 :: 검색 모듈 ***** */
.searchbox { margin-top:10px; padding:0; text-align:center;}
.searchbox input { width:140px; height:20px; font-size:1.0em;}
.searchbox .submit { width:45px; height:24px; border:1px solid #666;}
/* ***** 사이드바 :: 카테고리 모듈 ***** */
.category li { list-style:none;}
.category li a { color:#1058c3;}
.category li a:hover { color:#f09;}
.category li ul li { background:url("./images/icon-bullet.gif") 0 4px no-repeat; padding-left:10px;}
.category li ul li a { color:#1058c3;}
.category li ul li a:hover { color:#f09;}
.category li ul li ul li { background:url("./images/icon-bullet-2.gif") 8px 4px no-repeat; padding-left:18px;}
.category li ul li ul li a { color:#1058c3;}
.category li ul li ul li a:hover { color:#f09;}
/* ***** 사이드바 :: 새로 등록된 글 모듈 ***** */
.recent-article ul { list-style: none;}
/* ***** 사이드바 :: 태그목록 모듈 ***** */
.tagbox ul { list-style: none; text-align:justify;}
.tagbox ul li { display:inline;}
.tagbox li .cloud1 { color:#0e1bc4; font-size:1.3em; font-weight:bold; background-color:#c7c7c7;}
.tagbox li .cloud2 { color:#4434ba; font-size:1.2em; font-weight:bold; background-color:#d9d9d9;}
.tagbox li .cloud3 { color:#708cab; font-size:1.1em; font-weight:bold;}
.tagbox li .cloud4 { color:#666; font-size:1.0em;}
.tagbox li .cloud5 { color:#999; font-size:0.9em;}
.tagbox a:hover { background-color:#eee; text-decoration:none;}
/* ***** 사이드바 :: 글 보관함 모듈 ***** */
/* ***** 사이드바 :: 달력 모듈 ***** */
.calendar .ccontent { padding:0 2px 0 2px; text-align:center;}
/* ***** 사이드바 :: 새로 달린 댓글 모듈 ***** */
.recent-comment ul { list-style: none;}
.recent-comment a, li { display:block;}
/* ***** 사이드바 :: 새로 달린 트랙백 모듈 ***** */
.recent-trackback ul { list-style: none;}
.recent-trackback a, li { display:block;}
/* ***** 사이드바 :: 링크 모듈 ***** */
.link ul { list-style: none;}
.link a, li { }
/* ***** 사이드바 :: 카운터와 RSS 모듈 ***** */
.misc h3 { color:#666; font:1.0em 나눔고딕, 맑은 고딕, 굴림; font-weight:bold;}
.misc li { font:0.9em 나눔고딕, 맑은 고딕, 굴림;}
.misc ul { list-style: none;}
.misc .total { color:#292F65; font:0.9em 나눔고딕, 맑은 고딕, 굴림; font-weight:bold;}
.misc .today { color:#3F4CB8; font:0.9em 나눔고딕, 맑은 고딕, 굴림; font-weight:bold;}
.misc .yesterday { color:#777A8F; font:0.9em 나눔고딕, 맑은 고딕, 굴림; font-weight:bold;}
/* ***** 태터툴즈 로고와 RSS 표시 ***** */
.logo { text-align:center;}
.logo p { padding:0;}
.logo img { padding:0 5px;}
.aladdinttb { text-align:center;}
/* ***** content box content ***** */
.head .c,
.foot .c,
.foot2 .c {
font-size:1px; /* ensure minimum height */
height:10px;
}
.head { background:transparent url("./images/round-tl.gif") no-repeat 0px 0px; padding:0;}
.head .c { background:transparent url("./images/round-tr.gif") no-repeat right 0px; padding:0;}
.main { background:transparent url("./images/round-ml.gif") repeat-y 0px 0px; padding:0;}
.main .c { background:transparent url("./images/round-mr.gif") repeat-y right 0px; padding:0;}
.foot { background:transparent url("./images/round-bl.gif") no-repeat 0px 0px; padding:0; margin-bottom:5px;}
.foot .c { background:transparent url("./images/round-br.gif") no-repeat right 0px; padding:0;}
.main2 { background:transparent url("./images/round-ml2.gif") repeat-y 0px 0px; padding:0;}
.main2 .c { background:transparent url("./images/round-mr2.gif") repeat-y right 0px; padding:0;}
.foot2 { background:transparent url("./images/round-bl2.gif") no-repeat 0px 0px; padding:0; margin-bottom:5px;}
.foot2 .c { background:transparent url("./images/round-br2.gif") no-repeat right 0px; padding:0;}
/* ***** sidebar box content ***** */
.sidehead .c {
height:31px;
}
.sidehead2 .c,
.sidefoot .c {
font-size:1px; /* ensure minimum height */
height:10px;
}
.sidehead { background:transparent url("./images/side-tl.gif") no-repeat 0px 0px; padding:0;}
.sidehead .c { background:transparent url("./images/side-tr.gif") no-repeat right 0px; padding:0;}
.sidemain { background:transparent url("./images/side-ml.gif") repeat-y 0px 0px; padding:0;}
.sidemain .c { background:transparent url("./images/side-mr.gif") repeat-y right 0px; padding:0;}
.sidefoot { background:transparent url("./images/side-bl.gif") no-repeat 0px 0px; padding:0; margin-bottom:5px;}
.sidefoot .c { background:transparent url("./images/side-br.gif") no-repeat right 0px; padding:0;}
.sidehead2 { background:transparent url("./images/side-tl2.gif") no-repeat 0px 0px; padding:0;}
.sidehead2 .c { background:transparent url("./images/side-tr2.gif") no-repeat right 0px; padding:0;}
.sbc {padding:10px 15px;}
/* ***** bg graphics ***** */
#bg5 {
background:transparent url("./images/bg-5.gif");
height:146px;
margin-top:10px; padding:0;
clear:both;
}
.paging-bottom { margin-bottom:15px;}