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


/* 카테고리 - 이미지 버튼 */
	.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:#B0E0E6; font:10px/12px tahoma; }
	a.cal_click:link        { }
	a.cal_click:visited     { }
	a.cal_click:hover       { }

/* 종류별 코멘트 [##_rp_rep_class_##] */
	.rp_general             { }
	.rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
	.rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_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; padding:4px 0; margin:0;}
/* 그림 */
	.imageblock             { margin:5px 0;}
/* 왼쪽 */
	.left                   { }
/* 가운데 */
	.center                 { }
/* 오른쪽 */
	.right                  { }
/* 그림 2개 배치 */
	.dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
	.triple                 { margin-bottom:5px;}

/* 키워드 */
	.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; }

/* 카테고리 글 더보기 테이블 */
.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=*/ 924px /*@*/; margin:0px auto; background-color:#fff; }
#header {width:/*@post-width:100=*/ 924px /*@*/; border-bottom:3px solid #DCDCDC; position: relative; }
#header h1 {float:left; width:/*@post-width:-100=*/ 724px /*@*/;  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 #DCDCDC; }
.sidebar-one, .sidebar-two, .sidebar-three, .sidebar-four, .sidebar-five {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; margin-right:20px; }
.sidebar-five {float:left; }
.sidebar { width: 172px; }
#content {width:/*@post-width=*/ 824px /*@*/; overflow: hidden; margin: 0 auto 195px auto; padding: 40px 0 0 0; }
#tt-body-media #content { padding-top: 30px; }
#footer {width:/*@post-width:100=*/ 924px /*@*/; 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=*/ #87CEEB /*@*/;
	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=*/ 812px /*@*/; 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=*/ 824px /*@*/; }
#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=*/ 551px /*@*/; }
.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=*/ 824px /*@*/; 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=*/ 824px /*@*/; 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:#DCDCDC; 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=*/ 811px /*@*/; 
	padding:0 0 0 13px;
	background:url(images/iconIndentArrow_re.gif) no-repeat 0px 3px;
}

/* 보호글 */
.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=*/ 760px /*@*/; }
.listEntry, .listEntry a, listEntry span {color:#888; font:12px/16px dotum, sans-serif; }
.listEntry li {margin-bottom:2px; }

/* 포스트 내부 */
.article_post img {max-width:/*@post-width:-1=*/ 823px /*@*/; }
.article_post ul {padding: 0 15px; list-style-type: disc; }
.article_post ol {padding: 0 15px 0 45px; list-style-type: decimal; }
.article_post blockquote {padding: 10px 0 10px 20px; background: url('./images/icon_quote.gif') no-repeat 5px 13px; color: #466b7f; }
.article_post blockquote a {color: #466b7f; }
.article_post .moreless_fold {padding-left: 14px; background: url('./images/btn_more.gif') no-repeat 0 7px; color: #5c5c5c; }
.article_post .moreless_top {padding-left: 14px; background: url('./images/btn_less.gif') no-repeat 0 7px; color: #5c5c5c; }
.article_post .moreless_bottom {padding-left: 14px; background: url('./images/btn_less.gif') no-repeat 0 7px; color: #5c5c5c; }

.article_write_top_left {width:/*@post-width=*/ 824px /*@*/; margin: 23px auto 0 auto; background:url('./images/bg_write_top_l.gif') no-repeat left top;}
.article_write_top_right {width:/*@post-width:-5=*/ 819px /*@*/; margin-left: 5px; padding-top: 5px; background:url('./images/bg_write_top_r.gif') no-repeat right top;}
.article_write {width:/*@post-width:-105=*/ 719px /*@*/; padding: 12px 50px 17px 50px; background:#d7e3ea  url('./images/bg_write_c.gif') repeat-y right top;}
.article_write_bottom_left {width:/*@post-width=*/ 824px /*@*/; margin: 0 auto; background: url('./images/bg_write_bottom_l.gif') no-repeat left bottom;}
.article_write_bottom_right {width:/*@post-width:-5=*/ 819px /*@*/; height: 5px; margin-left: 5px; background: url('./images/bg_write_bottom_r.gif') no-repeat right bottom;}
.article_write .name,
.article_write .pass,
.article_write .home,
.article_write .secret {padding: 3px 0 3px 0; }
.article_write .textarea {padding:5px 0 0 0;}
.article_write .name input,
.article_write .pass input,
.article_write .home input {height: 13px; padding: 5px 5px 0 5px; border: 0; border-bottom: 1px solid #aec0cc; background: transparent; color: #466b7f; font-size: 12px; font-family: "돋움", Dotum; }
.article_write .name input {width:/*@post-width:-150=*/ 674px /*@*/; }
.article_write .pass input {width:/*@post-width:-168=*/ 656px /*@*/; }
.article_write .home input {width:/*@post-width:-176=*/ 648px /*@*/; }
.article_write .secret input {position: relative; top: 1px; }
.article_write .label_img {position: relative; top: 5px; }

.article_write textarea {width:/*@post-width:-117=*/ 707px /*@*/; height: 134px; padding: 5px; border: 1px solid #a0bcce; background: #ffffff; color: #696969; font-size: 12px; font-family: "돋움", Dotum; }
.article_write .submit {width:/*@post-width:-105=*/ 719px /*@*/; margin: 5px 0 0 0; text-align: center;}

.article_write .clear {height: 1px; }

/* 본문 */
.article,
.article_etc {width:/*@post-width=*/ 824px /*@*/; margin: 0 0 60px 0; }
.article_etc .article_post, .wrap_article_admin { margin-top: 3px; padding-top: 6px; border-top: 1px solid #7d8d9a; }
.article_head .title {display: inline; color: #4169E1; line-height: 1.2em; padding: 0 0 0 14px; background: url('./images/icon_title.gif') no-repeat 1px center;
						font-size:/*@post-title-font-size=*/ 1.1em /*@*/; 
						/*@post-title-font-family=font-family:;*/ font-family: inherit; /*@*/}
.article_head .title a {color:/*@post-title-color=*/ #181818 /*@*/; }
.article_head .separate {margin: 0 4px 0 7px; color: #7d8d9a; }
.article_info {color: #E0EBFF; font-size: 11px; }
.article_info a {color: #526874; }
.article_info .date {margin: 0 0 0 5px; }
.article_admin {float: left; color: #6c7d8a; }
.article_admin a {color: #6c7d8a; }
.article_author {float: right; color: #6c7d8a; text-align: right; }

.article_post {clear: both; overflow: hidden; padding: 15px 0 25px 0; 
				/*@post-body-color=color:;*/ color: ; /*@*/ 
				/*@post-body-font-family=font-family:;*/ font-family: inherit; /*@*/ 
				/*@post-body-font-size=font-size:;*/ font-size: inherit; /*@*/}
.article_tag {padding: 0 0 6px 0; color: #2d353b; }
.article_tag a {color: #2d353b; }
.article_tag .tag_img {vertical-align: middle; }

.article_guest {padding: 4px 0 0 0; border-top: 1px solid #aec0cc; color: #415360; font-size: 0.9em; font-family: "Trebuchet MS", Tahoma,"돋움",Dotum; }
.article_guest a {color: #415360; }
.article_guest .count {color: #21a2ce; font-size: 0.9em; }

.article_action_tbadd {height: 32px; margin: 20px 0 0 0; background: url('') no-repeat left top; color: #676767; }
.article_action_tbadd h3 {margin-left: 0; padding: 0 15px 0 0; background: url('') no-repeat right top; font-size: 0.9em; font-weight: normal; }

.article_action ol li {margin: 17px 0 0 0; padding: 17px 0 0 0; repeat-x left top; }
.article_action ol li li {margin: 0; padding: 17px 0 0 35px; background: url('./images/icon_reply.gif') no-repeat 17px 23px; }
.article_action ol li p {margin: 0; padding: 5px 0 0 0; }
.article_action ol p {margin: 17px 0 0 0; padding: 17px 0 0 0; background: url('./images/line_dotted.gif') repeat-x left top; }
.article_action .subject {color: #466b7f; font-size: 1em; }
.article_action .subject a,
.article_action .date{color: #DCDCDC; }
.article_action .author {color: #466b7f; }
.article_action .reply .author {color: #415360; }
.article_action .reply .author a {color: #466b7f; }
.article_action .btn_img {margin: 0 0 0 1px; vertical-align: middle; }

/* 페이징 */
.paging {color: #687d8b; text-align: center; font-variant: small-caps; font-size: 0.85em; font-family: Arial; }
.paging a {color: #687d8b; }
.paging .selected {color: #4b5a63; font-size: 1.2em; font-weight: bold; }
.paging .paging_img {position: relative; top: 1px; }
.paging .separate {margin: 0 2px; }

/* 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/icon_prev.gif); }
.next-month {float:right; background-image:url(images/icon_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 */
