@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */
* {margin: 0; padding: 0; border: 0;}
body {
	background-color: /*@background-color=*/#fff/*@*/;
	background-image: /*@background-image=*/none/*@*/;
	background-repeat: /*@background-image-repeat=*/no-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 !important;}
.cal_day4 a {color: #fff !important;}
/* 달력 글쓴 날 링크 스타일 */
#sidebar .cal_click { color: #fff; font: 10px/12px tahoma;}
#sidebar a.cal_click:link {color: #5C5C5C;}
#sidebar a.cal_click:visited {color: #5C5C5C;}
#sidebar a.cal_click:hover {color: #5C5C5C;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {}
.rp_admin {}
.rp_secret {color: #f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {}
.guest_admin {}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.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: 40px; padding: 20px; border: 1px solid #e1e1e1;}
#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: transparent;}
.article table td {background-color: transparent;}
/* 카테고리 글 더보기 테이블 */
.another_category th, .another_category td {background-color: transparent !important;}

/* 이미지를 둘러싼 테이블 bg */
.dual table td, .triple table td {background-color: transparent;}

/* 블로그 레이아웃 */
#container {*zoom: 1; width: /*@post-width:240=*/1060px/*@*/; margin: 0px auto; background-color: #fff;}
#container:after {
	display: block; visibility: hidden; clear: both; content: ".";
	height: 0;
}
#header {width: /*@post-width:240=*/1060px/*@*/; border-bottom: 4px solid #000; position: relative;}
#header h1 {float: left; width: /*@post-width:40=*/860px/*@*/;  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: 7px;}
#sidebar {float: right; width: 178px; margin: 40px 0 0 0; line-height: 1.4;}
#content {float: left; width: /*@post-width:40=*/860px/*@*/; padding: 40px 0 0 0;}
#tt-body-media #content {padding-top: 30px;}
#footer {width: /*@post-width:240=*/1060px/*@*/; margin-top: 65px; margin-bottom: 66px; border-top: 1px solid #E7E7E7;}

/* 해더 */
#header {
	padding-bottom: 11px;
	background-color: /*@title-background-color=*/transparent/*@*/;
	background-image: /*@title-background-image=*/none/*@*/;
	background-repeat: /*@title-background-image-repeat=*/no-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: 25px; background-position: 0px 0px;}
.tab_tag a {width: 18px; background-position: 0px -10px;}
.tab_media a {width: 28px; background-position: 0px -20px;}
.tab_location a {width: 69px; background-position: 0px -30px;}
.tab_key a {width: 42px; background-position: 0px -40px;}
.tab_guestbook a {width: 59px; background-position: 0px -50px;}
.tab_admin a {width: 6px; background-position: 0px -60px;}
.tab_write a {width: 6px; 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: 14px; padding-top: 3px; padding-left: 5px; border: 1px solid #D6D6D6; color: #979796; font: 11px/11px dotum;} /* 방명록 댓글 기준 */
textarea {width: /*@post-width:-12=*/808px/*@*/; height: 80px; padding: 5px; border: 1px solid #D6D6D6; color: #A4A4A4; font: 12px/15px dotum;}
#guestWrite textarea {width: /*@post-width:-14=*/806px/*@*/;}
.submit {text-indent: -5000px; overflow: hidden; cursor: pointer;}

/* 방명록 댓글 */
#content {float: left;}
#entry0Comment {float: left;}
#guestbook {
	float: left;
	width: /*@post-width:-2=*/818px/*@*/;
	padding: 20px 20px 20px 20px; margin-bottom: 40px; border: 1px solid #e1e1e1;
}
#guestbook form {float: left; width: /*@post-width:-2=*/818px/*@*/;}
.commentList {}
.comment {margin-top: 16px;}

/* 쓰기 */
#guestWrite, .commentWrite {width: /*@post-width=*/820px/*@*/; padding: 23px 0 0 0; border-top: 0px solid #ebebeb;}
#guestWrite {width: /*@post-width:-2=*/818px/*@*/; margin-top: 5px; padding: 0; border-top: 0;}
.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=*/547px/*@*/;}
#guestWrite .homepage input.text {width: /*@post-width:-275=*/545px/*@*/;}
.writeWrap {clear: both; width: /*@post-width=*/820px/*@*/; padding: 4px 0 0 0;}
.secretWrap {float: left; width: 70px; padding: 2px 0;}
.secretWrap label {color: #979796; font: 11px/11px dotum;}
.secretWrap label, .secretWrap input {vertical-align: middle;}
.btn-write {float: right; width: 109px; height: 35px; margin-top: 5px; text-align: right;}
.btn-write input.submit {float: right; width: 109px; height: 35px; background: url(images/btn_confirm1.gif) no-repeat;}

/* 읽기 */
#guestList {float: left; margin-top: 20px; padding: 23px 0 0 0; border-top: 1px solid #ebebeb;}
#guestList li, .commentList li {width: /*@post-width=*/820px/*@*/; word-break: break-all; word-wrap: break-word; overflow: hidden;}
#guestList li, .commentList li a {color: #4a836d;}
#guestList li {width: /*@post-width=*/820px/*@*/;}
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color: #585858; font: bold 11px/20px dotum, sans-serif;}
#guestList .date, .commentList .date {color: #A3A3A3; font: 9px/20px tahoma;}
#guestList p, .commentList p {padding: 5px 0 11px 0; color: #666; font: 11px/15px dotum, sans-serif;}
#guestList li .control, .commentList li .control {float: right; color: #666; font: 8px/20px tahoma;}
#guestList li .control a, .commentList li .control a {color: #b5b4b4; font: 9px/20px tahoma;}
#guestList ul li, .commentList ul li {
	width: /*@post-width:-35=*/785px/*@*/;
	margin: 0 0 13px 13px; padding: 10px 10px 0 10px; border: 1px solid #ebebeb;
	background: #f8f8f8;
}

/* 트랙백 */
.trackback {margin-top: 22px;}
.trackback h3 {margin-bottom: 12px; color: #585858; font: 11px/11px tahoma;}
.trackback ol {margin-top: 14px; padding-bottom: 2px; border-bottom: 1px solid #ECECEC;}
.trackback li {width :/*@post-width=*/820px/*@*/; word-break: break-all; word-wrap: break-word; overflow: hidden;}
.trackback h4 a {color: #585858; font: 12px/14px dotum, sans-serif;}
.trackback .delete {font: 9px/14px Tahoma;}
.trackback .from {color: #A3A3A3; font: 11px/13px dotum;}
.trackback .date {color: #A3A3A3; font: 9px/13px tahoma;}
.trackback p {padding: 0 0 5px 0; color: #666; font: 11px/16px dotum, sans-serif; letter-spacing: -1px;}
.trackback .delete	{position:absolute; color:#f6457f !important;/*!important for IE6*/ font-weight:dotum;}

/* 보호글 */
.entryProtected {border: 1px solid #E1E1E1; margin-bottom: 40px;padding: 20px;}
.entryProtected .article {text-align: center;}
.entryProtected p {width: 268px; padding: 4px; margin: 0 auto;}
.entryProtected label {float: left; margin: 2px 0 0 0; color: #A3A3A3; font: 11px/13px Tahoma; letter-spacing: 1px;}
.entryProtected input {float: left; margin-left: 2px;}
.entryProtected input.submit {width: 70px; height: 19px; margin-left: 4px; text-indent: 0; border: 1px solid #D6D6D6; font: 11px/13px Tahoma; color: #979796; letter-spacing: 1px; background: #fff;}

/* 검색결과 */
.listEntry {margin-bottom: 20px; padding: 0 5px;}
.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: #666; font: 11px/11px tahoma;}
.listEntry .list {float: left; width: /*@post-width:-74=*/746px/*@*/;}
.listEntry, .listEntry a, listEntry span {color: #888; font: 12px/16px dotum, sans-serif;}
.listEntry li {margin-bottom: 2px;}
.listEntryBtn {padding: 6px 10px 3px 10px; margin: 0 0 20px 0; border: 1px solid #E1E1E1; color: #5C5C5C;}
.listbtn_open {color: #5C5C5C; font-weight: bold; padding-left: 16px; background: url(images/btn_open_list.gif) no-repeat 0 0;}
.listbtn_close {color: #5C5C5C; font-weight: bold; padding-left: 16px; background: url(images/btn_close_list.gif) no-repeat 0 0;}
#searchListLeft a {padding-left: 10px; background: url(images/icon_prev.gif) no-repeat left 5px; text-decoration: none;}
#searchListRight a {padding-right: 10px; background: url(images/icon_next.gif) no-repeat right 5px; text-decoration: none;}
.separate {padding: 0 10px; font-size: 10px; font-family: Verdana; color: #ccc;}

/* 포스트 */
.titleWrap {margin-bottom: 16px; padding-bottom: 4px; border-bottom: 1px solid #ebebeb;}
.titleWrap h2 a {
	color: /*@post-title-color=*/#5c5c5c/*@*/;
	font-size: /*@post-title-font-size=*/14px/*@*/;
	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 tahoma;}
.admin {margin-bottom: 2px;}
.admin, .admin a, .admin a:hover {color: #b7b7b7; font: 11px/18px dotum;}
.article {
	width: /*@post-width=*/820px/*@*/;
	padding-bottom: 35px;
	color: /*@post-body-color=*/#4e4d4d/*@*/;
	font-size: /*@post-body-font-size=*/16px/*@*/;
	line-height: 1.8;
	font-family: /*@post-body-font-family=*/gulim/*@*/;
	word-break: break-all; word-wrap: break-word; overflow: hidden;
}
.article a {color: /*@post-body-color=*/#4a836d/*@*/; line-height: 1.8; text-decoration: underline;}

/* 포스트본문 */
.article blockquote {padding-left: 16px; background: url(images/icon_quote.gif) no-repeat;}
.article table {width: /*@post-width:-2=*/818px/*@*/; margin-left: 1px;}
.article table.sunspell {width: /*@post-width:-2=*/818px/*@*/; border-collapse: collapse; margin-left: 1px; background: #f4f4f4;}
.article table.sunspell td,
.article table.sunspell th {padding: 3px; border: 1px solid #ccc;}
.article h3 {padding: 3px 5px 2px 5px; margin: 15px 0; border: 1px solid #ccc; border-bottom: 2px solid #ccc; background: #f9f9f9; font-size: 12px;}
.article h4 {padding: 3px 0 2px 0; margin: 15px 0; border-bottom: 1px solid #e1e1e1; font-size: 12px;}
.article .code {padding: 10px; margin: 5px 0; border: 1px solid #e1e1e1; font-family: Verdana; font-size: 11px;}
.article .imageblock table {background: none;}
.article .imageblock table td,
.article .imageblock table th {padding: 0; border: 0;}
.article .another_category table {border: 0; background: none;}
.article .another_category td,
.article .another_category th {border: 0; padding: 0 !important;}
.article	a:link	{border-bottom:1px dashed #464646 !important;}

/* 테그트레일 */
.tagTrail {margin-bottom: 8px; padding-left: 16px; background: url(images/icon_tag.gif) no-repeat 0px 0px;}
.tagTrail, .tagTrail a {color: #9C9C9C; font: 12px/14px dotum;}

/* 액션트레일 */
.actionTrail {
	border-top: 1px solid #ebebeb;
	padding: 11px 0 0 0;
}
.actionTrail, .actionTrail a, .actionTrail a span, .actionTrail b {color: #9C9C9C; font: 12px/14px dotum;}
.author {float: right; color: #B7B7B7; font: 11px/14px dotum, sans-serif; letter-spacing: -1px;}
.author .text {}
.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, #searchListPaging a {color: #8E8E8E; font: 11px verdana;}
#searchListPaging {text-align: center; margin: 0 0 20px 0;}

/* 이전 다음 버튼 */
#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 {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 {}

/* 사이드바 */
#blogImage {margin: 0 auto 9px auto;}
#blogImage img {width: 176px; border: 1px solid #E6E6E6;}
#userID, #blogDesc {color: #919191; font: 11px/14px dotum;}
#userID {color: #919191;}
#blogDesc {margin-bottom: 16px; color: #A7A6A6;}

/* 타이틀 */
#sidebar h3 {height: 35px; 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: 20px;}
.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, #sidebar a {color: #9C9C9C; font-size: 11px; font-family: dotum;}
#sidebar .cnt, #sidebar .date .c_cnt {font: 9px/11px tahoma; letter-spacing: 0px; color: #717171;}

/* 검색 */
#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 {margin-bottom: 16px; color: #9E9E9E; font: 9px/18px tahoma;}
#counter span {float: right;}

/* 카테고리 */
#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;}
#category a {font-weight: normal;}

/* 달력테이블 */
#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;}

/* 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 */

.MF_Left_Float {float:left; margin-bottom:5px; }
.MF_Right_Float {float:right; margin-bottom:5px; }