@charset "utf-8";
/*CSS Document*/

/*
컬러셋

메뉴 색깔 FFFFFF
메뉴 on 색깔 F4EB40
본문 색깔 787878
Search 색깔 000000
Guide 글자 색깔 575757
copyright 글자 색깔 FFFFFF
email, rss 글자 색깔 F4EB40
사이드바 제목색 575757
사이드바 링크색 CBCBCB
사이드바 숫자색 929292
*/

/*header*/
#header h1 a{
    display:block;
    width:749px;
    height:264px;
}
#header h1 a span{
    display:none;
}

/*guide*/

#guide span{
  display:none;
}
body#tt-body-page #guide span.gdBlog, body#tt-body-category #guide span.gdBlog, body#tt-body-notice #guide span.gdNotice, body#tt-body-tag #guide span.gdTag, body#tt-body-location #guide span.gdLocation, body#tt-body-media #guide span.gdMedia, body#tt-body-guestbook #guide span.gdGuestbook{
  display:block;
}
#guide a.cr{
  color:#575757;
}
#guide a{
    
    font:20px Fixedsys, Consolas;
}
/*content*/

/*공통*/
h1, h2, h3, h4, h5  {padding:0; margin:0;}

a:link	{text-decoration:none; color:#333;}
a:hover	{text-decoration:none; color:#333;}
a:visited	{text-decoration:none; color:#333;}
a:active	{text-decoration:none; color:#333;}

body{
  margin:0;
  font:13px "Malgun Gothic", Consolas, 맑은 고딕, Dotum, 돋움,  Arial;
  color:#333;
  text-align:center;
  background:url(./images/bgbg.jpg) repeat-x;
}

/* 레이아웃*/
#container{
  margin:0 auto;
  width:950px;
  text-align:left;
}
#header{
  height:264px;
  background:url(./images/bgTitle_summer.jpg) no-repeat;
}
#wrapper{
  width:700px;
  float:left;
}
#menu{
  margin-top:2px;
  padding:5px 0px 0 40px;
  height:50px;
  background:url(./images/bgmenu.jpg) no-repeat;
}

#menu a{
  color:#FFF;
  font:30px "Fixedsys","Consolas";
  display:block;
  float:left;
  padding:0px 20px 0px 12px;
}
body#tt-body-page #menu a.blog, body#tt-body-category #menu a.blog,body#tt-body-notice #menu a.blog, body#tt-body-tag #menu a.tag, body#tt-body-location #menu a.location, body#tt-body-media #menu a.media, body#tt-body-guestbook #menu a.guestbook{
	color:#f4eb40;
}

#guide{
  height:42px;
  font: 20pt Fixedsys, Consolas;
  background:url(./images/bgguide.jpg) no-repeat;
}
#content{
  margin:20px 0;
}

/*컨텐츠-미디어로그*/
#media {width:650px; margin-left:12px}
#mediaLogNest {height:850px !important}

/*컨텐츠-지역로그*/
#localog {margin:12px}
#localog .spot {font:9pt "Malgun Gothic"; color:#777777; height:20px}
#localog .spot span {color:#DDDDDD; padding-right:3px}
#localog .info {font:9pt "Malgun Gothic"; height:20px}
#localog .info a {color:#333333; text-decoration:none}
#localog .info a:hover {font-weight:bold}
#localog .info span {color:#999999; padding-right:3px}

/*컨텐츠-태그로그*/
#taglog {margin:12px}
#taglog ul {margin:0px; padding:0px; text-align:justify; line-height:25px}
#taglog ul li {list-style:none; display:inline; padding-right:3px}
#taglog ul li .cloud1 {font:14pt "Malgun Gothic"; background-color:#666666; color:#E1EBF9; padding:0px 2px 2px 2px; font-weight:bold}
#taglog ul li a:hover.cloud1 {background-color:#333333; color:#FFFFFF}
#taglog ul li .cloud2 {font:11pt "Malgun Gothic"; background-color:#E1EBF9; padding:0px 2px 2px 2px; color:#333333}
#taglog ul li a:hover.cloud2 {background-color:#DDDDDD}
#taglog ul li .cloud3 {font:10pt Dotum; font-weight:bold; color:#333333}
#taglog ul li a:hover.cloud3 {border-bottom:1px dashed #333333}
#taglog ul li .cloud4 {font:8pt Batang; color:#666666}
#taglog ul li a:hover.cloud4 {text-decoration:underline}
#taglog ul li .cloud5 {font:8pt Gulim; color:#999999}
#taglog ul li a:hover.cloud5 {text-decoration:underline}

/*방명록-글쓰기*/
#guestWrite {margin:12px}
#guestWrite .writeinfo {margin-bottom:5px}
#guestWrite .writeinfo label {padding-left:5px; cursor:pointer; font:7pt "Malgun Gothic"; color:#555555}
#guestWrite .writeinfo input {border:0px; color:#333333}
#guestWrite .writeinfo #name, #guestWrite .writeinfo #pass {width:100px; height:13px; padding:2px; font:8pt "Malgun Gothic"; background-color:#BBBBBB}
#guestWrite .writeinfo #home {width:142px; height:13px; padding:2px; font:7pt tahoma; background-color:#BBBBBB}
#guestWrite .writeinfo #secret {vertical-align:middle}
#guestWrite textarea {width:545px; height:100px; border:#AAAAAA 1px solid; padding:5px; font:9pt Dotum; color:#555555; margin-bottom:10px}
#guestWrite .writeok {text-align:right}
#guestWrite .writeok input {border:0px; width:50px; height:40px; background-color:#E1EBF9; font:8pt "Malgun Gothic"; color:#333333}

/*방명록-읽기*/
#guestList {margin:12px}
#guestList ol {list-style:none; padding:0px}
#guestList ol li {margin-top:20px; border-bottom:#CCCCCC 1px solid}
#guestList ol li .name {font:12pt "Malgun Gothic", consolas; color:#676767; font-weight:bold}
#guestList ol li .name a {text-decoration:none; color:#565656}
#guestList ol li .name a:hover {text-decoration:underline}
#guestList ol li .name img {float:left; width:36px; height:36px; padding:0px 5px}
#guestList ol li .control {font:7pt consolas}
#guestList ol li .control a {color:#888888}
#guestList ol li .date {padding-left:2px; font:8pt consolas; color:#AAAAAA}
#guestList ol li .guest_general p {padding:0px 10px; font:9pt "Malgun Gothic", consolas; color:#555555; line-height:18px; text-align:justify}
#guestList ol li .guest_admin p {padding:0px 10px; font:9pt  "Malgun Gothic", consolas; color:#555555; line-height:18px; text-align:justify}
#guestList ol li .guest_secret p {padding:0px 10px; font:9pt  "Malgun Gothic", consolas; color:#888888; line-height:18px; text-align:justify}
#guestList ol li .hiddenComment p {padding:0px 10px; font:9pt  "Malgun Gothic", consolas; color:#888888; line-height:18px; text-align:justify}
#guestList ol li ul {list-style:none; padding:0px 0px 0px 40px}
#guestList ol li ul li {border-bottom:0px; margin-bottom:10px}
#guestList ol li ul li .name img {clear:both; width:20px; height:20px}

/*본문 외 모든것*/
/* 댓글 */
.comment h3 {display:none; }
.commentList {font-size:12px; }
.commentList {width:@post-width/*600px*/@; }
.commentList ol {border-bottom:1px solid #fff; }
.commentList ol li {padding-top:13px; padding-left:15px; padding-right:15px; }
.commentList ol li .wrapper {width:@post-width:-140/*520px*/@; padding-bottom:11px; overflow:hidden; }
.commentList ul {border-top:1px solid #fff; }
.commentList ul li {padding:13px 0px 11px 0; border-bottom:1px solid #fff; }
.commentList ul li .wrapper {width:@post-width:-173/*510px*/@; padding-bottom:0px; overflow:hidden; }

.commentWrite {width:@post-width:-30/*653px*/@; padding:13px 15px 15px 15px; overflow:hidden; }
.commentWrite .name input {width:@post-width:-448/*235px*/@; }
.commentWrite .password input {width:@post-width:-435/*248px*/@; }
.commentWrite .homepage input {width:@post-width:-93/*590px*/@; padding-left:5px; }
.commentWrite textarea {width:@post-width:-42/*641px*/@; }
.commentWrite p.button {width:@post-width:-30/*653px*/@; }

/* 검색목록 */
#searchList ol, #searchRplist ol {margin:19px 20px 9px 20px; }
#searchList, searchRplist {padding-bottom:4px; }
#searchList li, #searchRplist li {margin-bottom:4px; }
#searchList li .date, #searchRplist li .date {padding-right:4px; }
#searchList li, #searchList li a, #searchRplist li, #searchRplist li a {color:#8A8A8A; font:12px/16px dotum; }
/* 보호글 */
.entryProtected .container {padding-top:25px !important; padding-bottom:47px !important; text-align:center; }
.entryProtected p.text {padding-bottom:7px; color:#8A8A8A; font:12px/18px dotum; }
.entryProtected p.input {width:290px; margin:0px auto; padding:10px 0px; background-color:#EFEFEF; }
.entryProtected label {color:#5C5C5C; font:bold 12px dotum; }
.entryProtected input.text {
	width:150px;
	height:18px;
	border:1px solid #ADADAD;
	vertical-align:middle;
}
.entryProtected .input .submit {
	width:59px;  
	height:19px; 
	background:url(images/btn_confirm2.gif) no-repeat; 
	font-size:0px;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
}
/* 포스트 */
.infor {width:/*@post-width:42*/700px/*@*/; height:22px; padding-top:8px; }
.infor span, .infor span a {color:#636362; }
.infor .category {float:right; padding-top:2px; padding-left:16px; background:url(images/icon_category.gif) no-repeat 0px 3px; font:11px dotum;}
*:first-child+html .infor .category { background-position: 0 4px; }
.infor .date {padding-left:21px; background:url(images/icon_date.gif) no-repeat 8px 2px; font:11px tahoma; }

.titleWrap h2 a {
	color:/*@post-title-color*/#5C5C5C/*@*/;
	font-size:/*@post-title-font-size*/12px/*@*/;
	line-height:1.3em;
	font-family:/*@post-title-font-family*/dotum/*@*/;
}

.entryNotice .article, .entryProtected .container, .entry .container {padding:10px 20px 17px 20px; }

.entry .admin {padding-bottom:14px; }
.entry .admin, .entry .admin a {color:#A1A1A1; font:12px/18px dotum; }

.article {
	width:/*@post-width*/683px/*@*/;
	color:/*@post-body-color*/#8A8A8A/*@*/;
	font-size:/*@post-body-font-size*/12px/*@*/;
	font-family:/*@post-body-font-family*/dotum/*@*/; 
line-height:170%;  
	word-break:break-all;
	word-wrap:break-word;
	overflow:hidden;
}
.entry .article a {color:#8A8A8A; text-decoration:underline; }

/* more / less */
.moreless_fold, .moreless_top, .moreless_bottom {
	padding-left:18px;
	text-decoration:underline; 
}
.moreless_fold { /* 열기 */
/*	background:url(images/iconMore.gif) no-repeat left top;*/ 
}
.moreless_top { /* 닫기 위 */
/*	background:url(images/iconLess.gif) no-repeat left top; */
}
.moreless_bottom { /* 닫기 아래 */
	padding-right:18px; 
/*	background:url(images/iconLess.gif) no-repeat right top; */
	text-align:right;
}
.moreless_content {margin:10px 0px 10px 0px; }

.author {padding-top:24px; padding-bottom:16px; color:#9F9F9F; font:11px dotum; text-align:right; }
.author .text {font:10px tahoma; }

.tagTrail {padding-left:40px; padding-bottom:5px; background:url(images/txt_tag.gif) no-repeat 0 1px;}
.tagTrail, .tagTrail a {color:#A0A0A0; font:12px dotum; }
.tagTrail .tagText {display:none; }

.actionTrail {padding-bottom:10px; }
.actionTrail a, .actionTrail a span { /* 폰트 지정시 필수 */
	color:#A1A1A1;
	font:bold 10px tahoma;
}
.actionTrail a .cnt {color:#7683E6; }
.actionTrail a.tb {padding-left:13px; background:url(images/icon_trackback.gif) no-repeat 0px 1px }
.actionTrail a.rp {padding-left:19px; background:url(images/icon_comment.gif) no-repeat 5px 2px }

.trackback, .comment {margin-top:1px; background-color:#F3F3F3; }

.trackback h3 {width:@post-width:-30/*653px*/@; padding:11px 0 12px 15px; color:#8A8A8A; font:bold 9px/16px tahoma; }
.trackback .trackback-url { padding-left:10px; }
.trackback h3 span { color:#A0A0A0; font:normal 11px/16px verdana; }
.trackback ol li {width:@post-width:-30/*653px*/@; padding:13px 15px 0 15px; border-top:1px solid #fff; overflow:hidden; }
.trackback ol li, .trackback ol li a {color:#A9A79D; }
.trackback h4, .trackback h4 a {font:11px/15px dotum; }
.trackback .from {padding-left:12px; }
.trackback .from, .trackback .date {font:10px/15px verdana; }
.trackback .name {font:11px/15px dotum; }
.trackback p {padding-top:3px; padding-bottom:11px; font:12px/15px dotum; }
.trackback a.delete { 
	padding-left:5px; /* 이미지 넓이 -3px */
	background:url(images/iconDelete.gif) no-repeat;  
	font-size:9px;
	text-decoration:none;
}
.trackback a.delete span {
	display:none;
}
/* 페이지 */
#paging {margin:19px 0 13px 0; text-align:center; }
.numbox a span {padding:0px 5px 0px 3px; }
#paging a, #paging span {color:#5C5C5C; font:12px verdana;}
#paging span.selected { /* 현재 페이지 */
	background-color:#8A8A8A;
	color:#fff;
}
/* 이전 다음 버튼 */
#prevPage span, #nextPage span {
	display:none;
}
a#prevPage:hover, a#nextPage:hover {text-decoration:none; }
#prevPage, .no-more-prev { 
	padding-right:6px;
	background-repeat:no-repeat;
	background-position: left 4px;
}
#nextPage, .no-more-next { 
	padding-left:6px;
	background-repeat:no-repeat;
	background-position: right 4px;
}
#prevPage {background-image:url(images/ico_prev.gif); }
#nextPage {background-image:url(images/ico_next.gif); }
.no-more-prev {background-image:url(images/ico_prev_no.gif) !important; }/* 비활성prev버튼 */
.no-more-next { background-image:url(images/ico_next_no.gif) !important; }/* 비활성next버튼 */


/*사이드바 설정*/

.sidename {padding:4px 10px 0px 10px; height:20px; font:12pt Consolas; font-weight:bold; color:#FFFFFF; background:#555555}

#blogImage {padding:10px}
#blogImage img {width:200px}
#blogDesc {padding:0px 10px 10px 10px; font:8pt Consolas, "Malgun Gothic"}
#blogDesc span {font-weight:bold; color:#000000}

#blogAdmin {padding:0px 10px 10px 10px; font:8pt Consolas,  "Malgun Gothic"; color:#333}
#blogAdmin a {font:8pt Consolas, "Malgun Gothic"; color:#575757}
#blogAdmin a:hover {text-decoration:underline}

#blogNotice {padding:0px 10px 10px 10px}
#blogNotice ul {padding:0px; margin:0px}
#blogNotice ul li {list-style:none; height:18px}
#blogNotice ul li span {font:8pt Consolas, "Malgun Gothic"; color:#999999; background-color:#333333; padding:0px 3px}
#blogNotice ul li a {font:8pt Consolas, "Malgun Gothic"; color:#AAAAAA; padding-left:5px}
#blogNotice ul li a:hover {text-decoration:none; color:#333333}

#sidebarWrap{
  width:250px;
   float:left;
}

#ex2{
  padding:10px;
  height:210px;
  background:url(./images/bgex2.jpg) no-repeat;
}

/*검색모듈*/

#blogSearch {padding:0px 10px 20px 10px}
#blogSearch .text, #blogSearch .submit {float:left}
#blogSearch .text input {width:130px; height:15px; font:8pt Consolas, "Malgun Gothic"; color:#AAAAAA; background-color:#333333; border:0px}
#blogSearch .submit input {width:70px; height:17px; font:7pt Consolas, "Malgun Gothic"; color:#333333; background-color:#CCCCCC; border:0px};

/*카테고리*/
#blogCategory {padding:10px}
#blogCategory .c_cnt {font:7pt  Consolas; color:#FFFFFF}
#blogCategory .ib {cursor:pointer}
#blogCategory .branch3 {font:8pt "Malgun Gothic"; cursor:pointer}

/*태그*/
#blogTag {padding:10px}
#blogTag ul {padding:0px; margin:0px; text-align:justify; line-height:20px}
#blogTag ul li {list-style:none; display:inline}
#blogTag ul li .cloud1 {font:12pt "Malgun Gothic"; color:#000000; font-weight:bold}
#blogTag ul li .cloud2 {font:11pt "Malgun Gothic"; color:#333333}
#blogTag ul li .cloud3 {font:10pt "Malgun Gothic"; color:#666666}
#blogTag ul li .cloud4 {font:8pt Batang; color:#999999}
#blogTag ul li .cloud5 {font:8pt Gulim; color:#AAAAAA}
#blogTag ul li a:hover {border-bottom:#000000 1px dashed}

/*최근 포스트, 댓글, 트랙백, 링크*/

#blogPost,#blogComment,#blogTrackback,,#blogArchive,#blogLink {padding:0px; float:left}
#blogPost ul,#blogComment ul,#blogTrackback ul,,#blogArchive ul,#blogLink ul {padding:0px; margin:0px}
#blogPost ul li,#blogComment ul li,#blogTrackback ul li,#blogArchive ul li,#blogLink ul li {list-style:none}
#blogPost ul li a,#blogComment ul li a,#blogTrackback ul li a,,#blogArchive ul li a,#blogLink ul li a {font:8pt "Malgun Gothic", Consolas; color:#333333}
#blogPost ul li span {font:7pt "Malgun Gothic", Consolas; color:#878787}
#blogComment ul li span {font:8pt "Malgun Gothic", Consolas; color:#878787}
#blogPost ul li a:hover,#blogComment ul li a:hover,#blogTrackback ul li a:hover,,#blogArchive ul li a:hover,#blogLink ul li a:hover {color:#878787}

/*달력*/

#blogCalendar {padding-bottom:10px; text-align:center; background-color:#AAAAAA}
#blogCalendar .cal_month {padding:4px 10px 0px 10px; height:30px; background-color:#777777}
#blogCalendar .cal_month a {font:10pt Trebuchet MS; color:#FFFFFF; font-weight:bold}
#blogCalendar .cal_week1 {padding:10px 10px 0px 10px; font:8pt Gulim; color:#555555; font-weight:normal}
#blogCalendar .cal_week2 {padding:10px 0px 0px 0px; font:8pt Gulim; color:#E1EBF9}
#blogCalendar .cal_week {padding:0px 10px !important}
#blogCalendar.cal_day {font:7pt verdana; color:#555555; text-align:center !important}
#blogCalendar .cal_day_sunday {font:7pt verdana; color:#222222 !important}
#blogCalendar .cal_day_sunday a {font:7pt verdana; color:#000000 !important}
#blogCalendar .cal_day3 {font:7pt verdana; color:#787878}
#blogCalendar .cal_day4 {font:7pt verdana; color:#555555; text-decoration:underline}
#blogCalendar a.cal_click {font:7pt verdana; color:#444444; font-weight:bold;}
#blogCalendar a.cal_click:hover {text-decoration:underline}

/*카운터*/

#count1 {padding:10px 10px 0px 10px; font:8pt Consolas; color:#444444}
#count2 {padding:5px 10px; font:8pt Consolas; color:#444444}
#count3 {padding:0px 10px 10px 10px; font:8pt Consolas; color:#444444; font-weight:bold}
#count1 span, #count2 span, #count3 span {padding-right:3px; color:#333333}

/*카피라이트*/

#powered {padding:10px 10px 5px 10px; font:12pt Consolas; color:#AAAAAA}
#copyright {padding:0px 10px 10px 10px; font:12pt  Consolas; color:#AAAAAA}
#powered a, #copyright a {text-decoration:none; color:#AAAAAA; font-family:"Malgun Gothic"; font-weight:bold}
#powered a:hover, #copyright a:hover {text-decoration:underline}

#sidebar{
  margin:20px 20px;
}
#footer{
  clear:both;
  background:url(./images/bgfooter.jpg) repeat-x;
  text-align:center;
}