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

/*
컬러셋

배경 5e5c56
글자색 2f2e2b

포인트 906767

코멘트배경 eae6c9
코멘트다크 dfd9ae
코멘트어두운글자색 a19d7d

사이드바배경 ffffff
사이드바입체(밝) ffffff
사이드바입체(어) eaeaea
사이드바입체(몸) f0eed9

파란색 1264ac

*/

body {
   margin:0;
   background: #4f4f4f url(./images/bg4.jpg) no-repeat;
   position: right bottom;
   background-attachment:fixed;
   padding:0;
   margin:0;
   font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은 고딕, Dotum, 돋움, Gulim, 굴림, Verdana, arial, Trebuchet MS;
   color:#000;
   text-align:center;
}
a:link {
   text-decoration:none; color:#000;
}
a:hover {
   text-decoration:none; color:#906767;
}
a:active {
   text-decoration:none; color:#5e5c56;
}
a:visited {
   text-decoration:none; color:#5e5c56;
}

/*essential*/
hr {
   display:none;
}
img {
   border:none;
}
h1, h2, h3, h4, h5 {
   padding:0; margin:0;
}
input {
   font:12px NanumGothic, 나눔고딕, Malgun Gothic, 맑은 고딕, Dotum, 돋음, Gulim, 굴림, Verdana, arial, Trebuchet MS;
}
textarea {
   border:1px solid #dfd9ae;
}
ul, ol, ul li, ol li {
   margin:0; padding:0; list-style:none;
}

.point {
   color:#1264ac;
}
.cnt {
   color:#906767;
}

/*layout*/
#container {
   margin:0 auto;
   width:900px;
   text-align:left;
}
#header {
   font:11px Trebuchet MS;
   width:900px;
}
	

#wrapper {
}
#content {
   width:580px;
   background-color:#f7f7f7;
   float:left;
   padding:0 20px;
}
#sidebar {
   width:270px;
   background-color:#f7f7f7;
   float:right;
}
#footer {
   clear:both;
   padding:20px 0 20px;
   color:#e5e5e5;
   text-align:left;
   line-height: 1.6;
}

/*header*/
#header {
   color:#666;
}
#header a {
   color:#FFF;
}
#header a:hover {
   color:#b2b2b2;
}
h1 {
   clear:both;
   padding:20px 35px 40px;
   font:28px Arial Black, NanumGothic Bold;
   letter-spacing:-1px;
}

/*nonEntry*/
#searchList, #taglog, #localog, #entryNotice, #entryProtected {
   padding:10px;
   clear:left;
}
#searchList h3, #taglog h3, #localog h3 {
   font-size:18px;
}

#searchList ul {
   padding:10px;
}
#searchList ul li {
   padding:5px 0;
}
#searchList ul li a {
   display:block;
   padding-left:15px;
   background:url(./images/icon_post.gif) no-repeat 0 3px;	
}
#searchList ul li a:visited {
   background:url(./images/icon_postCheck.gif) no-repeat 0 3px;	
}
#searchList .date {
   padding-right:10px;
   color:#777;
}
#searchList .cnt {
   color:#906767;
}

#taglog ul {
   padding:10px;margin:0; text-align:justify; line-height:200%;
}
#taglog li {
   background:none; display:inline;
}
#taglog a {
   padding:3px 5px;
}
#taglog a:hover {
   text-decoration:underline;
}
#taglog li .cloud1 {
   font-weight:bold; font-size:18px; background-color:#83cb11; color:#FFF;
}
#taglog li .cloud2 {
   font-weight:bold; font-size:16px; background-color:#70c5d4; color:#FFF;
}
#taglog li .cloud3 {
   font-weight:bold; font-size:14px;
}
#taglog li .cloud4 {
   font-weight:bold; font-size:13px;
}
#taglog li .cloud5 {
}

#localog .localWrap {
   padding:10px 0;
}
#localog .spot {
   padding:3px 0;
}
#localog .info {
   padding:3px 0 3px 20px;
   background:url(./images/icon_list.gif) no-repeat 10px 7px;
}
#localog .info a {
   color:#906767;
   text-decoration:underline;
}
#localog .info a:hover {
   text-decoration:none;
}

#entryNotice h2, #entryProtected h2 {
   padding:5px 0;
   font:18px NanumGothic Bold;
}

#entryProtected input {
   width:190px;
   height:20px;
   border-top:1px solid #e5e5e5;
   border-bottom:1px solid #e5e5e5;
   border-left:1px solid #e5e5e5;
   border-right:none;
   vertical-align:middle;
}
#entryProtected input.submit {
   width:50px;
   height:24px;
   background-color:#f7f7f7;
   border:1px solid #e5e5e5;
}

/*entry*/
#entry h2 {
   padding:5px 0;
   font:18px NanumGothic, 나눔고딕, Malgun Gothic, 맑은 고딕, Dotum, 돋움, Gulim, 굴림, Verdana, arial, Trebuchet MS;
   font-weight:bold;
}
.articleWrap {
   padding:15px;
}
.titleWrap {
}
.underTitle {
   padding:5px 0 5px 23px;
   background:#f7f7f7 url(./images/bg_underTitle.gif) no-repeat 3px 5px;
}
.underTitle .date {
}
.underTitle .category {
   padding-left:30px;
}
.admin {
   padding:3px 0;
}


.article {
   padding:10px 0;
   font-size:13px;
   line-height:200%;
   text-align:justify
}
.article a:link {
   color:#1264ac;
}
.article a:hover {
   text-decoration:underline;
}
.article a:visited {
   color:#787878;
}

.article h1 {
   padding:3px 0; font-size:24px; border-bottom:3px solid #2f2e2b;
}
.article h2 {
   padding:3px 0; font-size:18px; border-bottom:1px solid #2f2e2b;
}
.article h3 {
   font-size:15px; color:#1264ac;
}
.article h4 {
   font-size:13px; color:#1264ac;
}

blockquote {
   margin:10px 0;
   padding-left:30px;
   font-style:italic;
   background:url(./images/bg_blockquote.gif) no-repeat;
}
.cap1 {
   color:#777;
}
.moreless_fold span {
   padding:5px 5px 5px 20px;
   background:url(./images/bg_more.gif) no-repeat;
}
.moreless_top span, .moreless_bottom span {
   padding:5px 5px 5px 20px;
   background:url(./images/bg_less.gif) no-repeat;
}
.moreless_content {
   margin:5px 0;
   padding:10px;
   background-color:#f7f7f7;
}
.moreless_bottom {
   text-align:right;
}


.tagTrail {
   padding:5px 20px;
   background:url(./images/icon_tag1.gif) no-repeat 0 5px;
   span style="position: relative; top: 1em";
}

.actionTrail {
   padding:7px 20px;
   background:url(./images/icon_actionTrail1.gif) no-repeat 0 7px;
}
.actionTrail .cnt {
   color:#906767;
}

/*trackback*/
.trackback {
   padding:20px;
   background-color:#eae6c9;
}
.trackback h3 {
   padding:5px;
   background-color:#f0eed9;
   font:12px Trebuchet MS;
   text-align:center;
}
.trackback h4 {
   padding-top:10px;
   font:normal 20px Arial Black, Microsoft Himalaya, Georgia;
   letter-spacing:-1px;
   color:#5e5c56;
}
.trackback ol li {
   margin-left:10px;
   padding:5px 0 5px 10px;
   background:url(./images/icon_trackbackList.gif) no-repeat 0 9px;
}
.trackback a.del {
   color:#a19d7d;
   text-decoration:underline;
}
.trackback a:hover.del {
   text-decoration:none;
}

/*comment*/
.comment {
   padding:10px 20px;
   background-color:#eae6c9;
   line-height:180%;
}
.comment h4 {
   padding:3px 0;
   font:normal 20px Arial Black, Microsoft Himalaya, Georgia;
   letter-spacing:-1px;
   color:#5e5c56;
}
.commentList {
   padding:10px 0;
}
.commentList .name {
   font-size:13px;
   font-weight:bold;
}
.commentList .name a:hover {
   font-size:13px;
   font-weight:bold;
   color:#906767;
}
.commentList .date {
   color:#999;
}
.commentList .date a {
   color:#999;
}
.commentList .reply {
   padding:5px 0;
   clear:left;
}
.commentList .control a {
   color:#a19d7d;
   text-decoration:underline;
}
.commentList .control a:hover { 
   color:#906767;
   text-decoration:none;
}

.commentList ol li {
   clear:left;
   margin-bottom:10px;
   padding:10px;
   border:1px solid #b9b389;
   background-color:#fff;
}
.commentList ol li ul li {
   margin:10px 0 0 0;
   border:none;
   background-color:#f0eed9;
}

.commentWrite {
   padding:10px 0;
   clear:left;
}
.commentWrite label {
   display:none;
}
.commentWrite input {
   height:18px;
   border:1px solid #dfd9ae;
   background-color:#fff;
}
.commentWrite input.checkbox {
   height:auto;
   background:none;
   border:none;
}
.commentWrite input.submit {
   margin-left:70px;
   width:470px;
   height:30px;
   color:#716c4a;
}
.commentWrite textarea {
   width:465px;
   overflow:auto;
   }
.cName{
   padding:3px 0 3px 70px;
   background:url(./images/head_name.gif) no-repeat 0 6px;
}
.cPassword {
   padding:3px 0 3px 70px;
   background:url(./images/head_password.gif) no-repeat 0 6px;
}
.cLink {
   padding:3px 0 3px 70px;
   background:url(./images/head_link.gif) no-repeat 0 6px;
}
.cMemo {
   padding:3px 0 3px 70px;
   background:url(./images/head_memo.gif) no-repeat 0 6px;
}
.secretWrap {
   padding:3px 0 3px 70px;
   background:url(./images/head_secret.gif) no-repeat 0 6px;
}

/*paging*/
#paging {
   margin:20px 0;
   font:11px Trebuchet MS;
   text-align:center;
}
#paging .selected {
   font-weight:bold;
   color:#993300;
}
#paging .numbox {
}
#paging a.num {
   padding:2px 5px;
   border:1px solid #ddd;
}
#paging a:hover.num {
   border:1px solid #993300;
   text-decoration:none;
}
#paging a.prev {
}
#paging a:hover.prev {
}

/*sidebar*/
.search {
   padding:10px;
   border-bottom:1px solid #eaeaea;
}
.search input {
   vertical-align:middle;
}
.search .searchInput {
   width:191px;
   height:20px;
   border-top:1px solid #ddd;
   border-left:1px solid #ddd;
   border-bottom:1px solid #ddd;
   border-right:none;
   background-color:#fff;
}
.search .searchSubmit {
   width:50px;
   height:24px;
   border:1px solid #ddd;
   background-color:#969393;
}

#sidebar h3 {
   padding:5px 0 5px 25px;
   background:#f0eed9 url(./images/icon_sidebarTitle-1.gif) no-repeat 4px 6px;
   font:12px Trebuchet MS;
   border-bottom:1px solid #eaeaea;
}
#sidebar ul {
   padding:5px 10px;
}
#sidebar ul li {
   padding-top:3px;
   padding-bottom:3px;
}
#sidebar .module {
   border-top:1px solid #ffffff;
   border-bottom:1px solid #eaeaea;
}
#sidebar .cnt {
   color:#906767;
}

#blogImage {
   padding:10px;
}
#blogImage img {
   width:240px;
   height:160px;
   border:5px solid #ddd;
}
#blogImage .bloger {
   color:#777;
}

#notice ul li {
   padding-left:42px;
   background:url(./images/icon_notice-3.gif) no-repeat 0 5px;
}

#category {
}
.ib, .branch3 {
   cursor:pointer;
   background:none;
}
.c_cnt {
   color:#906767;
}

#recentPost ul li a, #archive ul li a, #link ul li a {
   display:block;
   padding-left:15px;
   background:url(./images/icon_post.gif) no-repeat 0 3px;
}
#recentPost ul li a:visited, #archive ul li a:visited, #link ul li a:visited {
   background:url(./images/icon_postCheck.gif) no-repeat 0 3px;
}
#recentTrackback ul li {
   padding-left:15px;
   background:url(./images/icon_sidebarTrackback.gif) no-repeat 0 8px;
}
#recentComment ul li a, #archive ul li a, #link ul li a {
   display:block;
   padding-left:15px;
   background:url(./images/icon_sidebarComment-1.gif) no-repeat 0 5px;
}
#recentComment ul li a:visited, #archive ul li a:visited, #link ul li a:visited {
   padding-left:15px;
   background:url(./images/icon_sidebarComment-2.gif) no-repeat 0 5px;
}
#recentComment .name, #recentTrackback .name {
   text-align:right;
   font-size:11px;
   font-style:italic;
   color:#777;
}
#counter {
   padding:10px;
}
#counter .total {
   padding-bottom:3px;
   font:italic 12px Georgia;
   color:#777;
}
#counter .today {
   font:italic 12px Georgia;
   color:#777;
}
#counter .yesterday {
   font:italic 12px Georgia;
   color:#777;
}

/*footer*/
#footer a {
   color:#e5e5e5;
   text-decoration:none;
}
#footer a:hover {
   color:#b2b2b2;
   text-decoration:none; 
}
.tistory {
   color:#ff6600;
}
.daum1 {
   color:#f0c800;
}
.daum2 {
   color:#fd8116;
}
.daum3 {
   color:#74ca2d;
}
.daum4 {
   color:#6b96fc;
}
.suspect {
   color:#acc1d2;
}

/* Float bug */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix {
   display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
}
/* */

/* BBCode 도우미 버튼들 */
.emoticonborder { 
   border-style: solid; border-width: 1px; border-color: #cbcbcb; padding: 5px; margin: 0 0 7px 0; height: 22px;
}
.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; 
}