@charset "utf-8"; /* 반드시 들어가야 하는 스타일 시작 */ * {margin:0; padding:0; border:0; } body { background-color:/*@background-color*/#565656/*@*/; 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:#fff; 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: #cecece; } /* 달력 월 표시 */ .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:#959494; 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:#565656; } /* 달력 글쓴 날 링크 스타일 */ #sidebar .cal_click { color:#565656; 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:#fff; 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*/800px/*@*/; margin:0px auto; background-color:#565656; } #header {width:/*@post-width:100*/800px/*@*/; border-bottom:4px solid #fff; position: relative; } #header h1 {float:left; width:/*@post-width:-100*/600px/*@*/; 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 #fff; } .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*/700px/*@*/; padding:50px 50px 0 50px; } #tt-body-media #content { padding-top: 30px; } #footer {width:/*@post-width:100*/800px/*@*/; margin-top:65px; margin-bottom:66px; border-top:1px solid #737373; } /* 해더 */ #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 { color:/*@title-color*/#fff/*@*/; 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:#fff; color:#030303; font-weight:bold; font-size:14px; } #taglog li .cloud2 {color:#E7E7E7; font-weight:bold; font-size:14px; } #taglog li .cloud3 {background-color:#9B9A9A; color:#4f4f4f; font-weight:bold; font-size:12px; } #taglog li .cloud4 {color:#9B9A9A; font-weight:bold; font-size:14px; } #taglog li .cloud5 {color:#9B9A9A; font-size:12px; } /* 지역로그 */ #localog, #localog a {color:#A5A5A5; 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 #737373; background-color:transparent; color:#A5A5A5; font:11px/11px dotum; } /* 방명록 댓글 기준 */ textarea {width:/*@post-width:-12*/688px/*@*/; height:80px; padding:5px; border:1px solid #737373; background-color:transparent; color:#919191; font:12px/15px dotum; } .submit {text-indent:-5000px; overflow:hidden; cursor:pointer; } /* 방명록 댓글 */ .comment {margin-top:16px; } /* 쓰기 */ #guestWrite, .commentWrite {width:/*@post-width*/700px/*@*/; } #guestWrite {margin-top:5px; } .commentWrite {margin-top:19px; } .head label {display:block; margin-bottom:3px; color:#919191; 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*/700px/*@*/; 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*/700px/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; } #guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color:#DBDBDB; font:11px/20px dotum, sans-serif; } #guestList .date, .commentList .date {color:#838383; font:9px/20px tahoma; } #guestList p, .commentList p {padding:5px 0 11px 0; color:#919191; font:12px/15px dotum, sans-serif; } .control {float:right; color:#838383; font:8px/20px tahoma; } .control a {color:#919191; 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:#DBDBDB; font:11px/11px tahoma; } .trackback ol {margin-top:14px; padding-bottom:2px; border-bottom:1px solid #737373; } .trackback li {width:/*@post-width*/700px/*@*/; word-break:break-all; word-wrap:break-word; overflow:hidden; } .trackback h4 a {color:#919191; 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:#888888; font:12px/15px dotum; } .trackback .date {color:#888888; font:9px/15px tahoma; } .trackback p {padding:5px 0 14px 0; color:#838383; font:11px/16px dotum, sans-serif; letter-spacing:-1px; } /* 보호글 */ .entryProtected .article {padding:30px 0 35px 0; border:1px solid #737373; text-align:center; } .entryProtected p {padding:4px; } .entryProtected label {color:#A5A5A5; 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:#fff; font:12px/18px dotum; } .listEntry h3 b {font-weight:bold; } .listEntry .date {display:block; float:left; width:64px; margin-top:1px; color:#8F8E8E; font:11px/11px tahoma; } .listEntry .list {float:left; width:/*@post-width:-64*/636px/*@*/; } .listEntry, .listEntry a, listEntry span {color:#A5A5A5; font:12px/16px dotum, sans-serif; } .listEntry li {margin-bottom:2px; } /* 포스트 */ .titleWrap {padding-bottom:12px; } .titleWrap h2 a { color:/*@post-title-color*/#fff/*@*/; font-size:/*@post-title-font-size*/12px/*@*/; line-height:1.2em; font-family:/*@post-title-font-family*/dotum, "돋움"/*@*/; } .titleWrap .date, .titleWrap .category {color:#959595; font:9px/9px tahoma; } .titleWrap .category a {color:#959595; font:11px/11px dotum;} .admin {margin-top:12px; margin-bottom:2px; } .admin, .admin a, .admin a:hover {color:#888888; font:11px/18px dotum; } .article { width:/*@post-width*/700px/*@*/; 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 0px 2px; } /* 테그트레일 */ .tagTrail {margin-bottom:8px; padding-left:16px; background:url(images/icon_tag.gif) no-repeat 0px 0px; } .tagTrail, .tagTrail a {color:#8F8E8E; font:12px/14px dotum; } /* 액션트레일 */ .actionTrail, .actionTrail a, .actionTrail a span, .actionTrail b {color:#8F8E8E; 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: #ddd; } /* 페이지 */ #paging {margin-top:35px; text-align:center; } .numbox a {padding:0 4px; } #paging, #paging a, #paging a:hover {color:#A5A5A5; 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; } #prevPage:hover, #nextPage:hover, .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:#999; font:9px/9px verdana; padding-right:6px; background:url(images/bul_tistory.gif) no-repeat right 5px; } #footMenu {color:#7D7D7D; font:11px/14px dotum, sans-serif; } #footMenu a, #copyright, #copyright a {color:#888; 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 {font:11px/14px dotum; } #userID {color:#BEBEBE; } #blogDesc {margin-bottom:16px; color:#959494; } /* 달력테이블 */ #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:#959494; font:10px/10px tahoma; } /* search */ #searchBox {width:153px; height:18px; margin-bottom:15px; padding-top:3px; border:1px solid #737373; } #searchBox input {vertical-align:top; } #searchBox input.text {width:131px; height:14px; padding-top:0px; border:0px; color:#959494; font:12px/14px dotum; } #searchBox .submit {width:12px; height:12px; margin-top:1px; background:url(images/btn_search.gif) no-repeat; vertical-align:middle; } /* counter */ #counter {margin-bottom:15px; color:#959494; 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:#BEBEBE; font:bold 11px dotum, sns-serif; line-height:14px !important; overflow:visible; } /* 플러그인 위젯 타이틀 */ /* 목록 */ #sidebar, #sidebar a {color:#959494; 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: #cecece; } /* 카테고리 */ #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 */