﻿@charset "utf-8"; 

/* 공통 요소 */
body {margin: 0; padding: 0; color: #4B4B4B; font-family: Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, Georgia, Dotum, 돋움, Gulim, 굴림, Verdana, Arial; font-size:12px; border-top:2px solid #4B4B4B; background:#FFFFFF url(./images/) repeat left top;}
a {color: #4c493f ; text-decoration: none; }  /*글제목 색*/

a:hover {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: #808080; font-size: 10px; font-family: Tahoma; }
.date {font-size: 11px; font-family: 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: #FF6600 !important; font-size: 1.4em;font-weight:bold }
.cloud2, .cloud2:hover {background: #transparent; color: #FF8621 !important; font-size: 1.4em;font-weight:bold }
.cloud3, .cloud3:hover {background: #transparent; color: #5275FF !important; font-size: 1.4em;font-weight:bold }
.cloud4, .cloud4:hover {font-size: 1.3em; color:#808080;font-weight:bold }
.cloud5, .cloud5:hover {font-size: 1.1em; color:#2F2F2F; }

/* 레이아웃 */
#header {width:100%; clear:both; height:150px; top:0; left:0; z-index:10000; background-color:#transparent; border-bottom:0px solid #eee; background: url(./images/bottombarBg.png) no-repeat center bottom;}
#header-content, #content	{width:600px; margin:0 auto; z-index:1; position:relative; clear:both;}
#header .title		{ float:left; width:216px; margin-top:45px;}
#header .nav		{ float:left; width:384px; text-align:right; margin-top:75px;}
#content {width:/*@post-width*/600px/*@*/; overflow: hidden; margin: 0 auto 150px auto; padding: 30px 0 0 0; }
#middle  { width: 100%; height:14px; background: url(./images/featured.png) repeat-x top left; }
.sidebar2 {width: 100%; border-top:0px solid #000000; background:#1c1c1c url(./images/sid.jpg) repeat left top; }
.sidebar {position: relative; width: 850px; margin: 0 auto; }
#footer {width: 100%; overflow: hidden; margin: 50px auto 0 auto; padding: 0 0 0px 0; color: #999; text-align:left; font-size: 11px; border-top:1px solid #262626; background:#transparent url(./images/si.jpg) repeat; }

/* 헤더 */
#header h2	                                { font-family: Trebuchet MS; font-size:18px; color:#333;}
#header span			{ font-family: Trebuchet MS; font-size:11px; color:#ccc;}
#header span a			{ font-family: Trebuchet MS; font-size:14px; color:#333;}
#header span a:hover	                { color:#6a97a8;}
#header .module_search { display: block; position: absolute; top: 20px; right: 0px;}
#header .module_search .input_search {width: 175px; height: 14px; padding: 5px 4px 4px 5px; border: 1px solid #4b4b4b; background: transparent; color: #39372f; font-size: 13px; font-family: "돋움",Dotum; }

a#logo { display: block; position: absolute; height: 60px; width: 290px; top: 52px; left: 0px; background: transparent url(./images/annne.png) no-repeat 0 0; } 

/* 본문 */

.article,
.article_etc {width:/*@post-width=*/600px/*@*/; margin: 0 0 60px 0; }

.article_etc .article_post, .wrap_article_admin { margin-top: 3px; padding-top: 0px; border-top: 0px solid #9e9375; }
.article .titl { display: inline; color: #181818; line-height: 1.7em; padding: 0px 0 20px 13px; background: url('./images/ati.png') no-repeat 0px center; font-size:/*@post-title-font-size=*/1.3em/*@*/;  /*@post-title-font-family=font-family:;*/font-family: inherit;/*@*/  font-weight:normal;font-weight:bold;}
.article_head .title a { color:/*@post-title-color=*/#181818/*@*/; }
.article a { color:#7DBB1C; }
.article_info {padding-left: 15px; color: #4c493f; font-size: 13px; }
.article_info a { color: #666666; }
.article_info .date { font-size: 11px; color: #666666; margin:0px; }
.article_admin {float: right; color: #696558; }
.article_admin a {color: #696558; font-size:12px;}

.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:1.1em;*/font-size: inherit;/*@*/}
.article_tag {padding: 0 0 8px 0; color: #6f6b5d; font-size:1.2em; }
.article_tag a {color: #24AB15; }   /*본문내 태그 색깔*/
.article_tag .tag_img {vertical-align: middle; }
.article_tag a:hover {text-decoration: underline; }

.article_guest {height:24px; padding-top: 5px; padding-left: 30px; border-top: 0px solid #b3aa93; color: #6f6b5d; font-size: 1.1em; font-family: Malgun Gothic, 맑은고딕,  Tahoma,"돋움", Dotum; background: url('./images/reply.png') no-repeat left top;}
.article_guest a {color: #6f6b5d; }
.article_guest .count {color: #001F53; font-size: 1.1em; }
.article_guest a:hover {text-decoration: underline; }

.article_action_tbadd {height: 32px; margin: 0px 0 0 0; color: #676767; }
.article_action_tbadd h3 {margin-left: 0px; padding: 0px 0px 2px 0; font-size: 11px; font-weight: normal; }
.article_action_tbadd .title_tbadd {padding: 0 5px 0 0px; text-transform: uppercase; }

.article_action   { line-height:180%; }
.article_action ol li {margin: 23px 0 0 0; padding: 23px 0 0 0; background: url('./images/line.gif') repeat-x left top; }
.article_action ol li li {margin: 0; padding: 23px 0 0 50px; background: url('./images/icon_reply.png') no-repeat 17px 23px; }
.article_action ol li p {margin: 0; padding: 5px 0 0 0; }
.article_action .subject {color: #4c493f; font-size: 1em; }
.article_action .subject a,
.article_action .date,
.article_action .author {color: #4c493f; }
.article_action .reply .author {color: #676354; }
.article_action .reply .author a {color: #4c493f; }
.article_action .btn_img {margin: 0 0 0 1px; vertical-align: middle; }

/* 포스트 내부 */
.article_post	{ width:100%; padding: 10px 0 0 0; font-family: Malgun Gothic, 맑은고딕, NanumGothic, 나눔고딕, Verdana, Arial, Trebuchet MS; font-size:12px; line-height:180%; }
.article_post a {color:#85B834; }  /*태그 글색*/
.article_post ol {padding: 0 15px 0 5px; list-style-type: decimal; }
.article_post blockquote {padding: 10px 0 10px 20px; background: url('./images/icon_quote.gif') no-repeat 5px 13px; color: #6d7404; }
.article_post blockquote a {color: #6d7404; }
.article_post .moreless_fold {padding-left: 14px; background: url('./images/btn_more.gif') no-repeat 0 7px; color: #54524d; }
.article_post .moreless_top {padding-left: 14px; background: url('./images/btn_less.gif') no-repeat 0 7px; color: #54524d; }
.article_post .moreless_bottom {padding-left: 14px; background: url('./images/btn_less.gif') no-repeat 0 7px; color: #54524d; }

.article_write_top_left { clear: both; width:/*@post-width=*/605px/*@*/; margin: 23px auto 0 auto; }
.article_write_top_right {width:/*@post-width:-5=*/600px/*@*/; margin-left: 5px; padding-top: 5px; }
.article_write {width:/*@post-width:-105=*/485px/*@*/; padding: 12px 57px 17px 50px; border: 1px solid #bdbdbd;}
.article_write_bottom_left {width:/*@post-width=*/600px/*@*/; margin: 0 auto;}
.article_write_bottom_right {width:/*@post-width:-5=*/595px/*@*/; height: 5px; margin-left: 5px; }
.article_write .name,
.article_write .pass,
.article_write .home,
.article_write .secret {padding: 3px 0 3px 0; }
.article_write .textarea {padding:10px 0 0 0;}
.article_write .name input,
.article_write .pass input,
.article_write .home input {height: 14px; padding: 7px 5px 0px 10px; border:0; border-bottom: 1px solid #bdbdbd; background: transparent; color: #8d866c; font-size: 12px; font-family: "돋움", Dotum; }
.article_write .name input {width:/*@post-width:-150=*/413px/*@*/; }
.article_write .pass input {width:/*@post-width:-168=*/387px/*@*/; }
.article_write .home input {width:/*@post-width:-176=*/397px/*@*/; }
.article_write .secret input {position: relative; top: 1px; }
.article_write .label_img {position: relative; top: 5px; }

.article_write textarea {width:/*@post-width:-117=*/480px/*@*/; height: 130px; padding: 5px; border: 1px solid #bdbdbd; background: transparent; color: #3a3830; font-size: 12px; font-family: "돋움", Dotum; }
.article_write .submit {width:/*@post-width:-105=*/495px/*@*/; margin: -35px 0 0 0; text-align: right;}

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

/* 검색 */
#searchList                     { padding-bottom:40px; }
#searchList ol                 { padding:0px;  margin:0px 0;}
#searchList ol li               { border:1px solid #DDDDDD;  margin-bottom:5px;}
#searchList ol li a            { display:block; padding:5px; border-left:10px solid #2da0fe;}
#searchList ol li a:hover  { background-color:#E5E5E5;}
#searchList ol li a:visited { border-left:10px solid #E5E5E5;}
#searchList .date            { color: #808080; margin-left:10px;}
#searchList .cnt              { color: #808080; margin-left:10px;}

/* 태그 */
.tag li {display: inline; margin-right: 10px; font-weight:normal;}

/* 방명록 */
.guest .article_head { border-bottom: 0px solid #9e9375; }
.guest .article_write { margin-top: -15px;}

/* 사이드바 */
.sidebar { color: #666666; line-height:180%;}
.sidebar a {color: #808080; }
.sidebar a:hover {color:#fff; }
.module { float: left; padding: 60px 13px 0px 0px; }
.module .title_article { width: 270px; }
.module .title_comment { width: 270px; }
.module .title_trackback { width: 270px; }
.module .title_google { width: 270px; }
.module .title_tag { width: 840px; }
.module .title_archive { width: 840px; }
.module .title_link { width: 840px; }

.module h3 {width: 100%; height: 28px; padding: 0 0 8px 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/title_category.gif') no-repeat left top; }
.module .title_notice {background: url('./images/title_notice.gif') no-repeat left top; }
.module .title_article {background: url('./images/aar.png') no-repeat left top; }
.module .title_comment {background: url('./images/aac.png') no-repeat left top; }
.module .title_trackback {background: url('./images/aTrackback.png') no-repeat left top; }
.module .title_tag {background: url('./images/aat.png') no-repeat left top; }
.module .title_google {background: url('./images/aad.png') no-repeat left top; }
.module .title_calendar {background: url('./images/title_calendar.gif') no-repeat left top; }
.module .title_archive {background: url('./images/aacc.png') no-repeat left top; }
.module .title_link {background: url('./images/aab.png') no-repeat left top; }
.module li {padding-left: 17px; background: url('./images/list.png') no-repeat 0 4px;}
.module .source {color: #a5a39d; text-align: right; font-size: 11px; }
.module .source a {color: #a5a39d; }
.module_tag li { display: inline; margin-right: 6px; padding: 0; background: none;}

/* 페이징 */
#paging { width:/*@post-width:10=*/600px/*@*/; text-align:center; padding-top:40px; margin:10px 0; font:12px Trebuchet MS; text-transform:uppercase;}
#paging .selected {color:#2da0fe;}
#paging a.num { padding:2px 6px; border:1px solid #ccc;}
#paging a:hover.num { border:1px solid #2da0fe;}
#paging a.prev { display:block; width:50px; height:50px; background:url(./images/apr.png) no-repeat; float:left; margin-top:-8px;}
#paging a.next { display:block; width:50px; height:50px; background:url(./images/ane.png) no-repeat; float:right; margin-top:-8px; }
#paging a:hover.prev, #paging a:hover.next { background-position:0 -50px;}
#paging a.prev span, #paging a.next span { display:none;}

/* 푸터 */
#footer a  { font-family: Trebuchet MS; color: #989898; }
#footer .copyright {float: left; font-size:10px; }
#footer .anchorbutton {float: right;}
#footer a.anchorbutton { display:block; width:103px; height:38px; background:url(./images/att.png) no-repeat; float:right; }
#footer a:hover.anchorbutton { background-position:0 -38px;}
#footer .separate {margin: 0 7px; }
#footer .copyright {padding:20px 0; text-transform:uppercase; letter-spacing:1px;}

#footer .copyright a:hover { text-decoration:underline;}
.tistory	{color:#FF6600;}
.daum1	{color:#f0c800;}
.daum2	{color:#fd8116;}
.daum3	{color:#74ca2d;}
.daum4	{color:#6b96fc;}
.hoya	{color:#DEDEE6;}
.sep	{color:#666666;}

