@charset "utf-8"; 

/* 공통 요소 */
body {margin: 0; padding: 0; color: #666666; font: 13px Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, "돋움", Dotum; border-top:0px solid #000000; border-bottom:5px solid #171717; background:#eeeeee url(./images/bg-tile.png) repeat center top; line-height: 220%;}
a {color: #666666; text-decoration: none; }
a:hover {color:#a69176; text-decoration: none; }
img {border: 0;}
hr {display: none; }
input {vertical-align: middle; }
ul, ol {margin: 0; padding: 0; list-style: none; }
li, dl, dt, dd {margin: 0; padding: 0; }
h1, h2, h3, h4 {margin: 0; padding: 0; font-size: x-large; line-height: 1em; }
.clear {clear: both; }
.count,
.c_cnt {color: #b2a490; font-size: 11px; font-family: Trebuchet MS, Tahoma; }
.date {font-size: 11px; font-family: Malgun Gothic, 맑은고딕, Georgia, Trebuchet MS, Tahoma; }

/* 카테고리 */
.branch3 {cursor: pointer; }

/* 달력 월 표시 */
.cal_month {font-size: 11px; font-family: Tahoma, "돋움", Dotum; }
/* 달력 요일 표시(th 영역) */
.cal_week1 {font-weight: normal; font-size: 11px; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 {color: #fff; font-weight: normal; font-size: 11px; }
/* 달력 Week(tr 영역)  */
.cal_week {}
.cal_current_week {}
/* 달력 Day(td 영역) */
.cal_day {text-align: center; font-size: 11px; }
/* 달력 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_calendar_today.gif') no-repeat 1px 1px; color: #5f6300; font-weight: bold; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {color: #a6ae00; font-weight: bold; }
a.cal_click:visited {color: #a6ae00; font-weight: bold; }
a.cal_click:hover {color: #a6ae00; font-weight: bold; }

/* 태그 클라우드 */
.cloud1, .cloud1:hover {color: #a69176 !important; font-size: 1.3em; }
.cloud2, .cloud2:hover {color: #b0bb0b !important; font-size: 1.2em; }
.cloud3, .cloud3:hover {color: #6c7400 !important; font-size: 1.1em; }
.cloud4, .cloud4:hover {font-size: 1.1em; }
.cloud5, .cloud5:hover {font-size: 1em; }

/* 레이아웃 */
#header {width:100%; clear:both; height:80px; top:0; left:0; z-index:10000; border-top:1px solid #000000; border-bottom:1px solid #333333; text-shadow: 0 1px 0px #000000; background: #282828 url(./images/obl-1x1.png) repeat left bottom;}
#header-content, #content	{width:900px; margin:0 auto; z-index:1; position:relative; clear:both;}
#header .title		{ float:left; width:216px; margin-top:5px;}
#header .nav		{ float:right; width:384px; text-align:right; margin-top:25px;}
#cap {width: 100%; height:7px; background: url('./images/bl_bg.png') repeat-x center bottom;}
#top {width: 100%; height:40px; background: url('./images/sdfdsf.gif') repeat-x center top;}
#content {width:900px; overflow: hidden; margin: 0 auto; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; background:url(./images/cm.jp) repeat-y left top;}
.sidebar2 {width: 100%; border-top:0px solid #393939; background:#222222 url('./images/obl-1x1.png') repeat left top;}
.sidebar_inside {width: 100%; background: url('./images/pixels-bg.png') repeat-x center top; }
.sidebar {position: relative; width: 900px; margin: 0 auto;}
#foot {width: 100%; height:8px; background: url('./images/ahvb.gif') repeat-x bottom;}
#botto {width: 100%; height:55px; background: url('./images/f_bg.png') no-repeat center bottom;}
#footer {width: 100%; overflow: hidden; margin: 0px 0 auto; padding: 20px 0 50px 0; color:#555; font-size: 12px; border-top:0px solid #3d3d3d; text-align: left; background: url(./images/pixel-bg.png) repeat-x center bottom;}

/* 헤더 */
#header h2	         { font-family: Trebuchet MS; font-size:18px; color:#333;}
#header span	         { font-family: Trebuchet MS; font-size:9px; color:#777777;}
#header span a	         { font-family: Trebuchet MS; font-size:13px; color:#777777;}
#header span a:hover         { color:#a69176; }

a#logo { display: block; position: absolute; height: 17px; width: 241px; top: 31px; left: 0px; background: transparent url(./images/a_logose.png) no-repeat 0 0;}
a#logo:hover { background-position: 0 -17px; }

/* 본문 */
.article,
.article_etc {width:900px; margin: 0 0 60px 0; text-shadow: 0 1px 0 #ffffff;}
.article_etc .article_post, .wrap_article_admin { margin-top: 3px; padding-top: 10px; background: url('./images/aswa.png') repeat-x top;}
.article_head .title { display: inline; color: #555555; line-height: 2.5em; padding: 0px 0 3px 0px; background: url('./images/ajbn.pn') no-repeat 0px left top; font-size:1.03em; font-family:Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, "돋움", Dotum; font-weight: normal;}
.article_head .title a {color:#555555; font-weight: normal;}
.article_head .separate {margin: 0 4px 0 7px; color: #d8d8d8; }
.article_info {color: #777777; font-size: 11px; }
.article_info a {color: #777777; }
.article_info .date {margin: 0 0 0 5px; }
.article_admin {float: left; color: #ccc; font-size: 10px; }
.article_admin a {color: #bbb; }
.article_author {float: right; font-family: Trebuchet MS; color: #777777; font-size:0.85em; background: url(./images/person.png) no-repeat left center; padding-top: 5px; padding-left: 22px;}

.article_post { clear: both; overflow: hidden; padding: 15px 0 30px 0; font: 13px Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, "돋움", Dotum; line-height: 200%; }
.article_tag {padding: 0 0 6px 0; color: #666666; font-size: 12px; padding-top: 20px; background:url('./images/aswa.png') no-repeat left top;}
.article_tag a {font-family:Malgun Gothic, 맑은고딕, "돋움", Dotum; color: #666666;}
.article_tag a:hover { color:#a69176; }
.article_tag .tag_img {vertical-align: middle; margin-top: -7px; }

.article_guest {height:23px; padding-top: 0px; padding-left: 28px; border-top: 0px solid #505050; color: #444; font-size: 12px; font-family: Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, "돋움", Dotum; background: url('./images/comments.png') no-repeat left bottom;}
.article_guest a {color: #666666; }
.article_guest a:hover { color:#a69176;}
.article_guest .count {color: #a69176; font-size: 0.9em; }

.article_action_tbadd {margin: 0px 0 0 0; color: #222; }
.article_action_tbadd h3 {margin-left: 0px; padding: 7px 15px 12px 0; font-size: 13px; font-weight: normal;}
.article_action_tbadd .title_tbadd {padding: 0 5px 0 17px; background: url('./images/icon_trackback.gif') no-repeat left center; text-transform: uppercase; }

.article_action ol li {margin: 23px 0 0 0; padding: 23px 0 0 0; font: 13px Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, "돋움", Dotum; line-height: 220%; background: url(./images/aswa.png) repeat-x center top; }
.article_action ol li li {margin: 0; padding: 22px 0 0 20px; background: url(./images/comment-arrows.png) no-repeat 0px 26px; }
.article_action ol li p {margin: 0; padding: 5px 0 0 0; }
.article_action .subject {font-color: #b2a490; font-size: 1em; }
.article_action .subject a,
.article_action .author {color: #999;}
.article_action .date {color: #888888; font-size: 0.8em; font-weight: normal;}
.article_action .reply .author {font-size: 1.0em; color: #6c7400; }
.article_action .reply .author a {font-size: 1.0em; color: #6c7400; }
.article_action .btn_img {color: #888888; font-size: 0.85em; font-weight: normal;}

/* 포스트 내부 */
.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 0px 0px; background: url('./images/icon_quote.gif') no-repeat 5px 0px; color: #1a1a1a; }
.article_post blockquote a {color: #6d7404; }
.article_post .moreless_fold {padding-left: 30px; background: url('./images/star.png') no-repeat 0 0px; color: #000000; }
.article_post .moreless_top {padding-left: 30px; background: url('./images/star.png') no-repeat 0 0px; color: #000000; } 
.article_post .moreless_bottom {padding-left: 30px; background: url('./images/star.png') no-repeat 0 0px; color: #000000; }

.article_write {width:/*@post-width:-105=*/786px/*@*/; padding: 20px 0px 20px 0px; background:transparent url(./images/bg_write_md.pn) repeat-y right top;}
.article_write .name,
.article_write .pass,
.article_write .home,
.article_write .secret {width:500px; padding: 15px 0 0px 0; font: 10px Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, "돋움", Dotum; color: #888888; line-height: 200%;}

.article_write .textarea {padding:10px 0 0 0;}
.article_write .name input,
.article_write .pass input,
.article_write .home input {height: 20px; padding: 5px 5px 5px 5px; border-top:1px solid #dddddd; border-bottom:1px solid #f9f9f9; border-left:1px solid #dddddd; border-right:1px solid #f9f9f9; color: #333333; font-size: 13px; font-family: Malgun Gothic, 맑은고딕, "돋움", Dotum; background: #eeeeee url('./images/a18.pn') no-repeat center top;}
.article_write .name input {width:500px;}
.article_write .pass input {width:500px;}
.article_write .home input {width:500px;}
.article_write .secret input {position: relative; top: -1px; }

.article_write textarea {width:/*@post-width:-117=*/777px/*@*/; height: 150px; padding: 5px; border-top:1px solid #dddddd; border-bottom:1px solid #f9f9f9; border-left:1px solid #dddddd; border-right:1px solid #f9f9f9; color: #333333; background: #eeeeee url('./images/a18.pn') no-repeat center top; color: #333333; font-size: 13px; font-family: Malgun Gothic, 맑은고딕, "돋움", Dotum;}
.article_write .submit {width:/*@post-width:-105=*/795px/*@*/; margin: 13px 0 2px 0px; text-align: left;}

.article_write .clear {height: 1px; }

/* 보호글 */
.protect .protect_write {margin: 10px 0 0 0; }
.protect .protect_input {width: 153px; height: 16px; padding: 4px 3px 0 3px; border: 1px solid #ada78d; background: #bdb598; color: #e6e1c8; font-size: 11px; font-family: "돋움", Dotum; }

/* 검색 */
.search {width:/*@post-width=*/900px/*@*/; }
.search .article_head .title {float: none; }
.search .article_post {padding-top: 0; color: #666666; }
.search .article_post a {color: #666666; }
.search .article_post li {width:/*@post-width=*/900px/*@*/; padding: 5px 0; background: url(./images/arhre.png) no-repeat left bottom; }
.search .category {color:#777777;}
.search .date { color: #777777; font-family: Trebuchet MS, "돋움", Dotum; margin-right: 10px; }
.search .count {color:#777777;}
.search a:hover { color:#a69176;}

/* 지역로그 */
.location .spot_img,
.location .post_img {position: relative; top: -2px; }
.location .spot {background: url('./images/line_dotted2.gif') repeat-x left bottom; }
.location .spot,
.location .post {padding: 5px 0; }
.location .post a {color: #676354; }

/* 태그 */
.tag li {display: inline; margin-right: 3px; }

/* 방명록 */
.guest .article_head { background: url('./images/aswa.png') repeat-x bottom; padding: 0 0 5px; }

/* 사이드바 */
.sidebar {color: #444444; font-size: 12px; text-shadow: 0 1px 0 #000000; line-height:210%;}
.sidebar a {color: #666666;}
.sidebar a:hover {color:#a69176; }
.module {float:left; padding: 40px 0px 10px 0px;}
.module .title_category {width:300px;}
.module .title_article {width:300px;}
.module .title_comment {width:300px;}
.module .title_trackback {width:300px;}
.module .title_google {width:300px;}
.module .title_notice {width:300px;}
.module .title_calendar {width:300px;}
.module .title_tag {width:900px;}
.module .title_archive {width:900px;}
.module .title_link {width:900px;}

.module h3 {width: 100%; height: 40px; padding: 0 0 0px 0; color: #c7bb9b; font-size: 1.25em; font-family: "Trebuchet MS", Tahoma, "돋움", Dotum; text-indent: -9999px;}
.module h3 a {color: #c7bb9b;}
.module .title_category {background: url('./images/blog_category.png') no-repeat left top;}
.module .title_notice {background: url('./images/blog_notice.png') no-repeat left top;}
.module .title_article {background: url('./images/re_posts.png') no-repeat left top;}
.module .title_comment {background: url('./images/re_replys.png') no-repeat left top; }
.module .title_trackback {background: url('./images/re_trackback.png') no-repeat left top;}
.module .title_tag {background: url('./images/tag_cloud.png') no-repeat left top;}
.module .title_calendar {background: url('./images/blog_calendar.png') no-repeat left top;}
.module .title_archive {background: url('./images/archive.png') no-repeat left top;}
.module .title_link {background: url('./images/fa_links.png') no-repeat left top;}
.module .title_google {background: url('./images/google_ads.png') no-repeat left top;}
.module li {padding-top: 2px; padding-bottom: 4px; background: url(./images/li_dott.png) no-repeat 0 bottom;}
.module .source {color: #a5a39d; text-align: right; font-size: 11px;}
.module .source a {color: #a5a39d;}
.module_calendar .contents {width: 250px; margin: 0; padding: 0; }
.module_tag li {display: inline; margin-right: 5px; padding: 0; background: none;}

/* 페이징 영역 */
.paging {height:40px; margin:-10px 0 40px 0; color:#333; text-align:right; font-family: Trebuchet MS; font-size:0.9em; text-shadow: 0 1px 0 #ffffff; background: url(./images/title-bg.png) no-repeat right top; padding-top:10px; padding-right: 10px;}
.paging a {color:#777777;}
.paging .paging_img {vertical-align:middle;}
.paging .selected {color:#a69176;}
.paging a:hover {color:#a69176;}

/* 푸터 */
#footer  {color: #666666; text-shadow: 0 1px 0 #000000; line-height: 220%;}
#footer a {color: #999999;}
#footer a:hover {color:#a69176;}
.menue {float:right;}
.copyright {float:left; text-align:left;}
.tistory	{color:#FF6600;}
.daum1	{color:#618ffc;}
.daum2	{color:#adc900;}
.daum3	{color:#febc00;}
.daum4	{color:#f2685e;}
.daum5	{color:#a69176;}

#footer a.anchorbutton { display:block; width:65px; height:35px; background:url(./images/g_top.png) no-repeat; float:right; margin-top: 10px;}
#footer a:hover.anchorbutton { background-position:0 -35px;}

/* BBCode 도우미 버튼들 */
.emoticonborder { width:760px; border-style: solid; border-top:1px solid #dddddd; border-bottom:1px solid #f9f9f9; border-left:1px solid #dddddd; border-right:1px solid #f9f9f9; padding: 10px 0px 7px 27px; margin: 10px 0 5px 0; height: 90px; background: #eeeeee url(./images/bg_framen.pn) no-repeat top;}
.emoticons { cursor:pointer; float: left; margin:2px 2px 1px 0;}
.emoticonspace { float: left; margin-right:0px; }
.emoticonusage { cursor:pointer; float: right; }
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; background-color:transparent !important;}
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }