@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
* {margin:0; padding:0; border:0; }
body {
background-color:/*@background-color*/#fff/*@*/;
background-image:/*@background-image*/ /*@*/;
background-repeat:/*@background-image-repeat*/ /*@*/;
background-position:/*@background-image-position*/ /*@*/;
font:12px/1.5 dotum;
}
a {text-decoration:none; }
a:hover {text-decoration:underline; }
/* 페이징 - 현재 페이지 */
.selected {color:#545252; font-weight:bold; }
.no-more-prev {background:url(images/icon_prev_no.gif) no-repeat left 4px !important; }
.no-more-next {background:url(images/icon_next_no.gif) right 4px no-repeat !important; }
/* 카테고리 - 이미지 버튼 */
.ib { cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3 { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font:9px/9px tahoma; letter-spacing:0px; color: #717171; }
/* 달력 월 표시 */
.cal_month { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; }
/* 달력 요일 표시(th 영역) */
.cal_week1 { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font:0.95em Dotum, Arial, sans-serif; }
/* 달력 Week(tr 영역) */
.cal_week { }
.cal_current_week { }
/* 달력 Day(td 영역) */
.cal_day { height:16px; color:#A3A3A3; font:10px/10px tahoma; text-align:center; }
/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday { }
.cal_day_sunday a { }
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 { }
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 { }
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { }
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { background:url(images/bg_today.gif) no-repeat 5px 2px; color:#fff; }
/* 달력 글쓴 날 링크 스타일 */
#sidebar .cal_click { color:#fff; font:10px/12px tahoma; }
a.cal_click:link { }
a.cal_click:visited { }
a.cal_click:hover { }
/* 종류별 코멘트 */
.rp_general { }
.rp_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px; }
.rp_secret { color:#f30;}
/* 종류별 방명록 글 */
.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; padding:4px 0; margin:0;}
/* 그림 */
.imageblock { margin:5px 0;}
/* 왼쪽 */
.left { }
/* 가운데 */
.center { }
/* 오른쪽 */
.right { }
/* 그림 2개 배치 */
.dual { margin-bottom:5px;}
/* 그림 3개 배치 */
.triple { margin-bottom:5px;}
/* 본문 - more / less */
.moreless_fold, .moreless_top, .moreless_bottom {color:#424242; font:12px tahoma; text-decoration:underline; }
.moreless_fold {margin-top:18px; padding-left:14px; background:url(images/iconMore.gif) no-repeat left 5px; }
.moreless_top {margin-top:18px; padding-left:14px; background:url(images/iconLess.gif) no-repeat left 5px; }
.moreless_content {margin:5px 0 2px 0; }
.moreless_bottom {padding-right:14px; background:url(images/iconLess.gif) no-repeat right 5px; text-align:right; }
/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {display:none; }
#taglog ul, #tagbox ul {text-align:justify; }
#blogMenu li, #counter li, #tagbox li, #taglog li {display:inline; }
.nonEntry li, .listEntry li, #sidebar li, #conter li, .trackback li, .commentList li {list-style-type:none; }
/* 포스트 본문 마크업 */
#content .entry { margin-bottom: 100px; }
#content .entry .article ol, #content .entry .article ul, #content .entry .article il {padding-left:25px; }
.article dt {padding-top:5px; text-decoration:underline; }
.article dd {padding-left:25px; padding-bottom:5px; }
/* 표만들기 color */
.article table th {background-color:#ccc; }
.article table td {background-color:#eee; }
/* 카테고리 글 더보기 테이블 */
.another_category th, .another_category td { background-color: transparent !important; }
/* 이미지를 둘러싼 테이블 bg */
.dual table td, .triple table td {background-color:transparent; }
/* 블로그 레이아웃 */
#container {width:/*@post-width:100*/1000px/*@*/; margin:0px auto; background-color:#fff; }
#header {width:/*@post-width:100*/1000px/*@*/; border-bottom:4px solid #000; position: relative; }
#header h1 {float:left; width:/*@post-width:-100*/800px/*@*/; margin-top:/*@title-height:-27*/74px/*@*/; word-break:break-allt:left; word-wrap:break-word; }
#blogMenu {float:right; margin-top:/*@title-height:-23*/78px/*@*/; position: absolute; right: 0; bottom: 11px; }
#sidebar {display:none; padding-top:40px; padding-bottom:21px; border-bottom:1px solid #000; }
.sidebar-one, .sidebar-two, .sidebar-three, .sidebar-four {word-break:break-allt:left; width:155; word-wrap:break-word; overflow:hidden; }
.sidebar-one {float:left; width:155px; margin-right:20px; }
.sidebar-two {float:left; margin-right:20px; }
.sidebar-three {float:left; margin-right:20px; }
.sidebar-four {float:left; }
.sidebar { width: 190px; }
#content {width:/*@post-width*/900px/*@*/; padding:50px 50px 0 50px; }
#tt-body-media #content { padding-top: 30px; }
#footer {width:/*@post-width:100*/1000px/*@*/; margin-top:65px; margin-bottom:66px; border-top:1px solid #E7E7E7; }
/* 해더 */
#header {
padding-bottom:11px;
background-color:/*@title-background-color*/ /*@*/;
background-image:/*@title-background-image*/ /*@*/;
background-repeat:/*@title-background-image-repeat*/ /*@*/;
background-position:/*@title-background-image-position*/ /*@*/;
}
#header h1 a {
height:16px;
overflow:visible;
color:/*@title-color*/#000/*@*/;
font-size:/*@title-font-size*/16px/*@*/;
line-height:1.1em;
font-family:/*@title-font-family*/dotum/*@*/;
letter-spacing:-1px;
}
#btnRSS {padding-left:12px; background:url(images/rss.gif) no-repeat right center; font-size:/*@title-font-size*/16px/*@*/; }
#btnRSS:hover {text-decoration:none; }
/* 블로그 메뉴 */
#blogMenu li {float:left; height:10px; padding:0 6px 0 8px; background:url(images/tab_bar.gif) no-repeat; }
#blogMenu li a {display:block; height:10px; background-image:url(images/tab.gif); background-repeat:no-repeat; text-indent:-1000px; overflow:hidden; cursor:pointer; }
#blogMenu li#sidebar_open, #blogMenu li#sidebar_close {background-image:none; }
#blogMenu li.tab_home {background-image:none; }
#blogMenu li.tab_write {padding-right:10px; }
.tab_home a {width:6px; background-position:0px 0px; }
.tab_tag a {width:6px; background-position:0px -10px; }
.tab_media a {width:10px; background-position:0px -20px; }
.tab_location a {width:6px; background-position:0px -30px; }
.tab_key a {width:6px; background-position:0px -40px; }
.tab_guestbook a {width:8px; background-position:0px -50px; }
.tab_admin a {width:8px; background-position:0px -60px; }
.tab_write a {width:10px; background-position:0px -70px; }
li#sidebar_open a {width:15px; background-image:url(images/btn_open.gif); }
li#sidebar_close a {width:15px; background-image:url(images/btn_close.gif); }
/* footer 레이아웃 */
#adTistory {float:left; }
#footer .wrap {float:right; text-align:right; padding-right: 3px; }
/* 태그로그 */
#taglog li {line-height:20px; font:12px/20px dotum; vertical-align:middle; }
#taglog li .cloud1 {background-color:#000; color:#fff; font-weight:bold; font-size:14px; }
#taglog li .cloud2 {color:#000; font-weight:bold; font-size:14px; }
#taglog li .cloud3 {background-color:#9E9E9E; color:#fff; font-weight:bold; font-size:12px; }
#taglog li .cloud4 {color:#939393; font-weight:bold; font-size:14px; }
#taglog li .cloud5 {color:#939393; font-size:12px; }
/* 지역로그 */
#localog, #localog a {color:#888; font:12px/18px dotum; }
#localog .spot {padding-left:14px; background:url(images/iconIndentArrow_local.gif) no-repeat 0px 1px; }
#localog .info {padding-left:9px; background:url(images/iconIndentArrow_localinfo.gif) no-repeat 0px 5px; }
/* 공통 */
input.text {height:13px; padding-top:2px; padding-left:5px; border:1px solid #D6D6D6; color:#979796; font:11px/11px dotum; } /* 방명록 댓글 기준 */
textarea {width:/*@post-width:-12*/688px/*@*/; height:80px; padding:5px; border:1px solid #D6D6D6; color:#A4A4A4; font:12px/15px dotum; }
.submit {text-indent:-5000px; overflow:hidden; cursor:pointer; }
/* 방명록 댓글 */
.comment {margin-top:16px; }
/* 쓰기 */
#guestWrite, .commentWrite {width:/*@post-width*/900px/*@*/; }
#guestWrite {margin-top:5px; }
.commentWrite {margin-top:19px; }
.head label {display:block; margin-bottom:3px; color:#a3a3a3; font:11px dotum, sans-serif; text-transform:lowercase; }
.head {float:left; }
.name, .password {width:133px; }
.name input.text, .password input.text {width:122px; }
.homepage input.text {width:/*@post-width:-273*/427px/*@*/; }
.secretWrap {clear:both; padding:2px 0; text-align:right; }
.secretWrap label {color:#979796; font:11px/11px dotum; }
.secretWrap label, .secretWrap input {vertical-align:middle; }
.btn-write {width:/*@post-width*/900px/*@*/; height:17px; margin-top:5px; text-align:right; }
.btn-write input.submit {float:right; width:70px; height:17px; background:url(images/btn_confirm.gif) no-repeat; }
/* 읽기 */
#guestList {margin-top:20px; }
#guestList li, .commentList li {width:/*@post-width*/900px/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; }
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color:#585858; font:11px/20px dotum, sans-serif; }
#guestList .date, .commentList .date {color:#b0b0b0; font:9px/20px tahoma; }
#guestList p, .commentList p {padding:5px 0 11px 0; color:#A4A4A4; font:12px/15px dotum, sans-serif; }
.control {float:right; color:#666; font:8px/20px tahoma; }
.control a {color:#b5b4b4; font:9px/20px tahoma; letter-spacing:1px; }
#guestList ul li, .commentList ul li {
width:/*@post-width:-13*/687px/*@*/;
padding:0 0 0 13px;
background:url(images/iconIndentArrow_re.gif) no-repeat 0px 3px;
}
/* 트랙백 */
.trackback {margin-top:22px; }
.trackback h3 {margin-bottom:12px; color:#555555; font:11px/11px tahoma; }
.trackback ol {margin-top:14px; padding-bottom:2px; border-bottom:1px solid #ECECEC; }
.trackback li {width:/*@post-width*/900px/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; }
.trackback h4 a {color:#9D9D9D; font:12px/18px dotum, sans-serif; }
.trackback .delete {padding-left:9px; background:url(images/iconDelete.gif) no-repeat right 3px; font:12px/18px dotum; }
.trackback .from {color:#A3A3A3; font:12px/15px dotum; }
.trackback .date {color:#A3A3A3; font:9px/15px tahoma; }
.trackback p {padding:5px 0 14px 0; color:#B6B6B6; font:11px/16px dotum, sans-serif; letter-spacing:-1px; }
/* 보호글 */
.entryProtected .article {padding:30px 0 35px 0; border:1px solid #ECECEC; text-align:center; }
.entryProtected p {padding:4px; }
.entryProtected label {color:#A3A3A3; font:11px/11px tahoma; letter-spacing:1px; }
.entryProtected input.submit {width:70px; height:17px; margin-left:4px; background:url(images/btn_confirm.gif) no-repeat; }
/* 검색결과 */
.listEntry { margin-bottom: 50px; }
.listEntry h3 { margin-bottom:15px; color:#424242; font:12px/18px dotum; }
.listEntry h3 b {font-weight:bold; }
.listEntry .date {display:block; float:left; width:64px; margin-top:1px; color:#A5A5A5; font:11px/11px tahoma; }
.listEntry .list {float:left; width:/*@post-width:-64*/636px/*@*/; }
.listEntry, .listEntry a, listEntry span {color:#888; font:12px/16px dotum, sans-serif; }
.listEntry li {margin-bottom:2px; }
/* 포스트 */
.titleWrap {padding-bottom:12px; }
.titleWrap h2 a {
color:/*@post-title-color*/#424242/*@*/;
font-size:/*@post-title-font-size*/12px/*@*/;
line-height:1.2em;
font-family:/*@post-title-font-family*/dotum, "돋움"/*@*/;
}
.titleWrap .date, .titleWrap .category {color:#B7B7B7; font:9px/9px tahoma; }
.titleWrap .category a {color:#B7B7B7; font:11px/11px dotum;}
.admin {margin-top:12px; margin-bottom:2px; }
.admin, .admin a, .admin a:hover {color:#b7b7b7; font:11px/18px dotum; }
.article {
width:/*@post-width*/900px/*@*/;
padding-bottom:25px;
color:/*@post-body-color*/#A5A5A5/*@*/;
font-size:/*@post-body-font-size*/12px/*@*/;
line-height:1.6;
font-family:/*@post-body-font-family*/dotum/*@*/;
word-break:break-all; word-wrap:break-word; overflow:hidden;
}
.article a {color:/*@post-body-color*/#A5A5A5/*@*/; text-decoration:underline; }
/* 포스트본문 */
.article blockquote {padding-left:10px; background:url(images/iconBlockquote.gif) no-repeat; }
/* 테그트레일 */
.tagTrail {margin-bottom:8px; padding-left:16px; background:url(images/icon_tag.gif) no-repeat 0px 0px; }
.tagTrail, .tagTrail a {color:#a5a5a5; font:12px/14px dotum; }
/* 액션트레일 */
.actionTrail, .actionTrail a, .actionTrail a span, .actionTrail b {color:#a5a5a5; font:12px/14px dotum; }
.author {float:right; color:#B7B7B7; font:11px/14px dotum, sans-serif; letter-spacing:-1px; }
.author .text {text-transform:uppercase; }
.actionTrail span.cnt { font: bold 10px verdana; color: #545252; }
/* 페이지 */
#paging {margin-top:35px; text-align:center; }
.numbox a {padding:0 4px; }
#paging, #paging a, #paging a:hover {color:#8E8E8E; font:11px verdana; }
/* 이전 다음 버튼 */
#prevPage {padding-left:5px; background:url(images/icon_prev.gif) no-repeat left 4px; }
#nextPage {padding-right:5px; background:url(images/icon_next.gif) no-repeat right 4px; }
.no-more-prev:hover, .no-more-next:hover {text-decoration:none; }
/* footer */
#footer {padding-top:15px; }
#adTistory {width:80px; height:10px; margin-top:1px; padding-top:6px; padding-left:88px; background:url(images/tistory.gif) no-repeat; }
#adTistory a {color:#bbb; font:9px/9px verdana; padding-right:6px; background:url(images/bul_tistory.gif) no-repeat right 5px; }
#footMenu {color:#E7E7E7; font:11px/14px dotum, sans-serif; }
#footMenu a, #copyright, #copyright a {color:#B8B6B6; font:11px/14px dotum, sans-serif; letter-spacing:-1px; }
#copyright, #copyright a {text-transform:uppercase; }
/* sidebar */
#blogImage {margin-bottom:9px; }
#blogImage img {width:155px; }
#userID, #blogDesc {color:#919191; font:11px/14px dotum; }
#userID {color:#919191; }
#blogDesc {margin-bottom:16px; color:#A7A6A6; }
/* 달력테이블 */
#calendar {margin-bottom:16px; }
.cal_month {padding:0 4px 9px 4px; }
.prev-month, .next-month {width:3px; height:5px; margin-top:3px; background-repeat:no-repeat; background-position:0px 0px; text-indent:-1000px; overflow:hidden; }
.prev-month {float:left; background-image:url(images/btn_prev.gif); }
.next-month {float:right; background-image:url(images/btn_next.gif); }
.tt-calendar thead {display:none; }
#sidebar .cal_month a {display:block; }
#sidebar .this-month {color:#9E9E9E; font:10px/10px tahoma; }
/* search */
#searchBox {height:18px; margin-bottom:15px; padding-top:3px; border:1px solid #E6E6E6; }
#searchBox input {vertical-align:top; }
#searchBox input.text {float:left; width:131px; height:14px; padding-top:0px; border:0px; color:#888; font:12px/14px dotum; }
#searchBox .submit {float:right; width:12px; height:12px; margin-top:1px; margin-right:5px; background:url(images/btn_search.gif) no-repeat; vertical-align:middle; }
/* counter */
#counter {margin-bottom:16px; color:#9E9E9E; font:9px/18px tahoma; }
#counter span {float:right; }
/* 사이드바 */
/* 타이틀 */
#sidebar h3 {height:14px; background-repeat:no-repeat; line-height:5000px; overflow:hidden; }
#category h3 {background-image:url(images/stit_category.gif); }
#tagbox h3 {background-image:url(images/stit_tag.gif); }
#notice h3 {background-image:url(images/stit_notice.gif); }
#recentPost h3 {background-image:url(images/stit_recentpost.gif); }
#recentComment h3 {background-image:url(images/stit_recentcomment.gif); }
#recentTrackback h3 {background-image:url(images/stit_recenttrackback.gif); }
#archive h3 {background-image:url(images/stit_archive.gif); }
#link h3 {background-image:url(images/stit_link.gif); }
.module { margin-bottom: 16px; }
.module_widget h3, .module_plugin h3 {margin-bottom:6px; color:#757575; font:bold 11px dotum, sns-serif; line-height:14px !important; overflow:visible; } /* 플러그인 위젯 타이틀 */
/* 목록 */
#sidebar, #sidebar a {color:#9C9C9C; font:11px/14px dotum; }
#sidebar ul {margin-bottom:16px; }
#sidebar li {padding:1px 0; }
#sidebar .cnt, #sidebar .date .c_cnt {font:9px/9px tahoma; letter-spacing:0px; color: #717171; }
/* 카테고리 */
#category {margin-bottom:16px; }
#sidebar #category ul {margin:0; }
#sidebar #category li {padding:0; }
#sidebar #category li a {display:block; padding:2px 0; }
#category ul li ul li ul li {
padding-left:9px !important;
background:url(images/iconDepth3.gif) no-repeat 0px 5px;
}
.hide { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
.clear {clear:both; }
/* Float 버그 */
.floatWrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.floatWrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html .floatWrapper {height: 1%;}
/* End hide from IE-mac */