@charset "utf-8";

/*******

스킨이 올바로 동작하려면 티스토리 관리자 메뉴에서 여러가지 설정이 따로 필요함 -_-;

1. 스킨 -> 사이드바 설정 메뉴 -> 사이드바 꾸미기 섹션에서

	'sidebar 2' 항목 : '카테고리'만 등록. 'sidebar 1'에는 아무 것도 등록하지 말 것. '상단 메인바' 화면 표시가 틀어짐.


2. 스킨 -> 화면출력 설정 메뉴 -> 블로그 화면 섹션에서

	'선택화면' 항목 : '목록+내용' 표시하도록 설정. 블로그 검색결과에 글내용 검색결과도 표시되도록 만듦. '목록'으로 선택할 경우 제목 검색결과만 표시 -_-;

	'댓글 펼침, '트랙백 펼침' 항목 : '기본으로 펼침' 선택. 스킨에서 펼치고 접는 스크립트에 대한 링크를 삭제했으므로.

	'본문 가로 크기' 항목 : 900px 정도로 설정. 스킨의 가로 크기가 1000px에 맞춰 있음을 고려해서 설정할 것.

	'트랙백 주소 복사' 항목 : '어두운 버튼형' '관련글 쓰기 보이기' 선택.


3. 스킨 -> 카테고리 설정 메뉴에서

	'선택한 카테고리' 항목 : 글자색 = ffffff ,  배경색 = 5f5f5f

	'선택하지 않은 카테고리' 항목 : 글자색 = f8f8f8 ,  배경색 = 242424

	'카테고리'가 표시되는 상단 '메인바'의 배경색이 242424인 것을 고려해 설정하는 것이 포인트.

	주의 : 배경색을 하나라도 'transparent'로 설정하면 '선택한'/'선택하지 않은' 카테고리 둘 다 배경색이 투명으로 되어 버림 -_-;

*******/

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{width:100%;text-align:left; font:12px dotum,돋음;color:#e8e8e8;margin:0px;padding:0px;
	background-image: url("./images/10-3c3e43.jpg");background-position:top left;background-repeat:no-repeat;background-color:#3c3e43;}

/* 2. 기본 링크 */
a:link {text-decoration:none;color:#e8e8e8;}
a:visited {text-decoration:none;color:#e8e8e8;}
a:hover {text-decoration:underline;color:#f8f8f8;}
a:active {text-decoration:none;color:#e8e8e8;}
/* 3. 이미지 */
img {border-width:0px;}
/* 4. 이미지 버튼 */
.ib {cursor:pointer;}
/* 5. 입력 텍스트 */
.text {background-color:#1e1e1e;height:18px;}
/* 6. 트리 테이블 */
.branch2 {}
/* 7. 트리 셀 */
.branch3, {cursor:pointer;height:10px;}
.branch3 div {cursor:pointer;}
/* 16. 이미지 아래 캡션 스타일 */
.cap1 {color:#876;text-align:center;}
/* 16. 키워드 스타일 */
.key1 {cursor:pointer;border-bottom:1px dotted #ccc;}
/* 16. 카테고리 옆 개수 스타일 */
.c_cnt {font:11px Tahoma;}
/* 17. 최신글 옆 개수 스타일 */
.ps_cnt {font:10px Tahoma;color:#e8e8e8;}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr {display:none;}
h1, h2, h3, h4 {margin:0;color:#1e1e1e;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
div, p {font-size:12px;color:#e8e8e8;}
div {cursor:default}
p {cursor:text;}
ul, ol {list-style:none;margin:0;padding:0;}

.clr {clear:both;font-size:3px;}

.opac100 {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;}
.opac95 {filter:alpha(opacity=95);opacity:0.95;-moz-opacity:0.95;}
.opac90 {filter:alpha(opacity=90);opacity:0.90;-moz-opacity:0.90;}
.opac85 {filter:alpha(opacity=85);opacity:0.85;-moz-opacity:0.85;}
.opac80 {filter:alpha(opacity=80);opacity:0.80;-moz-opacity:0.80;}
.opac75 {filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75;}
.opac70 {filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.70;}
.opac65 {filter:alpha(opacity=65);opacity:0.65;-moz-opacity:0.65;}
.opac60 {filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60;}
.opac55 {filter:alpha(opacity=55);opacity:0.55;-moz-opacity:0.55;}
.opac50 {filter:alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;}
.opac45 {filter:alpha(opacity=45);opacity:0.45;-moz-opacity:0.45;}
.opac40 {filter:alpha(opacity=40);opacity:0.40;-moz-opacity:0.40;}
.opac35 {filter:alpha(opacity=35);opacity:0.35;-moz-opacity:0.35;}
.opac30 {filter:alpha(opacity=30);opacity:0.30;-moz-opacity:0.30;}
.opac25 {filter:alpha(opacity=25);opacity:0.25;-moz-opacity:0.25;}
.opac20 {filter:alpha(opacity=20);opacity:0.20;-moz-opacity:0.20;}
.opac15 {filter:alpha(opacity=15);opacity:0.15;-moz-opacity:0.15;}
.opac10 {filter:alpha(opacity=10);opacity:0.10;-moz-opacity:0.10;}
.opac05 {filter:alpha(opacity=5);opacity:0.05;-moz-opacity:0.05;}
.opac0 {filter:alpha(opacity=0);opacity:0;-moz-opacity:0;}


/* mainbar & header */
.mainb2 {padding:0:margin:0;width:1000px;overflow:hidden;position:absolute;top:100px;left:70px;}
.mainb {padding:0:margin:0;position:relative;top:0px;left:-600px;width:1000px;}
.header {width:570px;margin:0;padding:20px;vertical-align:top;text-align:left;background-color:#242424;float:left;}

.sisel {margin:0;padding:0;vertical-align:top;width:30px;float:left;}
.sibtn {height:80px;width:30px;margin:0;padding:0;}
.sideinfo {margin:0;padding:0;text-align:left;width:570px;clear:both;}
.sideinfo h3 {font:12px dotum 돋음;font-weight:normal;color:#ffffff;background:url(images/bgSideinfo.gif) no-repeat;padding:6px 5px;height:22px;margin:0;}
.sideinfo .cnt {font:10px Verdana;color:#f0f0f0;}
.sideinfo .date {font:12px Verdana;color:#ccc;}
.sideinfo .name {font:12px dotum 돋음;color:#ccc;}
.sideinfo li { background:url(./images/bull.gif) no-repeat 0 3px;padding:0 0 0 8px;line-height:120%;}
.sideinfo .clear {clear:both;}

.sideinfo .recentPost{width:180px;overflow:hidden;padding:0;margin:0;vertical-align:top;float:left;}
.sideinfo .recentTrackback {width:180px;overflow:hidden;padding:0px 15px 0px 15px;margin:0;vertical-align:top;float:left;}
.sideinfo .recentComment {width:180px;overflow:hidden;padding:0;margin:0;vertical-align:top;float:left;}

.sideinfo .cs {width:180px;padding:0;margin:0;vertical-align:top;float:left;}
.sideinfo .cs .category {width:180px;margin:0;padding:0;}
.sideinfo .cs .inputh {background-color:#000000;color:#ffffff;height:20px;width:110px;border:none;font-size:12px;padding:0px 8px 0px 8px;margin:10px 0px 0px 0px;vertical-align:middle;}
.sideinfo .cs .btnh {background-color:#000000;color:#ffffff;height:21px;width:46px;font-size:12px;margin:10px 0px 0px 8px;padding:0;border:none;text-align:center;vertical-align:middle;cursor:pointer;}
.sideinfo .desc {width:180px;margin:0;padding:0px 15px 0px 15px;font:12px dotum 돋음;font-weight:normal;color:#f0f0f0;line-height:150%;vertical-align:top;cursor:text;float:left;}
.sideinfo .image {width:180px;margin:0;padding:0;vertical-align:top;float:left;}
.sideinfo .image img {width:180px;}

.title {padding:20px 0px 0px 30px;margin:0;text-align:left;vertical-align:top;float:left;}
.title .ah {margin:0px 0px 20px 0px;}
.title .ah a {color:#ffffff;font-size:25px;font-weight:bold;font-family:"Times New Roman",gungsuh,궁서;}
.title .counter {color:#ffffff;font-family:Verdana;font-size:12px;margin:0px 0px 10px 0px;padding:0;}
.title .rssf {margin:0px 0px 10px 0px;padding:0;}
.title .menu {color:#ffffff;margin:0;padding:0;}
.title .menu a {color:#ffffff;font-size:15px;}

.container {width:1000px;margin:0;padding:0;text-align:left;position:absolute;top:410px;left:70px;}

/* content 공통 */
.content {margin:0;padding:0;background-color:transparent;width:1000px;}
.content .date {font-size:12px;color:inherit;}
.content .name {color:inherit;}
.content .cnt {color:inherit;}
/* 검색 결과 리스트 */
.content .clist li, .rpList li{padding:0;}
.content .clist, .content .rpList {margin-bottom: 30px;}
.content .clist h3, .content .rpList h3 {background-color:#242424;color:#f8f8f8;width:970px;padding:15px;margin:0;}
.content .clist ol, .content .rpList ol {background-color:#333;color:#f8f8f8;width:970px;padding:15px;margin:10px 0px 10px 0px;}
.content .clist li, .content .rpList li {margin:10px 0px 10px 0px;padding:0;}

/* content 방명록/댓글 글쓰기 */
.content .write {padding:0;margin:0;clear:both;text-align:left;}
.content .write div {padding:0;margin:0;font-size:12px;clear:both;}
.content .write input {height:18px;background-color:#333;color:#e8e8e8;border:none;font-size:12px;padding:0px 10px 0px 10px;width:400px;}
.content .write textarea {width:850px;height:100px;background-color:#333;color:#e8e8e8;margin:0;padding:10px;overflow:auto;border:none;font-size:12px;float:left;}
.content .write .btn {width:120px;height:120px;color:#e8e8e8;background-color:#1e1e1e;margin:0px 0px 0px 10px;padding:10px;cursor:pointer;vertical-align:top;font-size:16px;font-weight:bold;float:right;}

/* content 방명록 기본 스타일 */
.content .guestbook {width:1000px;color:#e8e8e8;padding:0;margin:0px 0px 30px 0px;clear:both;}
.content .guestbook p {padding:0;margin:3px 0 3px 0px;}
/* content 방명록 리스트 */
.content .guestbook .list {color:#e8e8e8;margin:0;margin-top:30px;clear:both;}
.content .guestbook .list ul{margin:0;padding:0;list-style:none;}
.content .guestbook .list ol{margin:0;padding:0;list-style:none;}
.content .guestbook .list li{background-color:#333;margin:10px 0px 5px 0px;padding:10px;}
.content .guestbook .list li ul li{padding-left:23px;background:url(./images/iconDepth.gif) no-repeat 10px 12px;background-color:#333;margin-bottom:3px;}
.content .guestbook .list .head {background-color:#242424;padding:3px 10px 3px 10px;}
.content .guestbook .list .name {color:#e8e8e8;font-size:12px;}
.content .guestbook .list .name a {color:#f8f8f8;}
.content .guestbook .list .date {font-size:12px;padding-left:10px;}
.content .guestbook .list .control {padding-left:10px;}
.content .guestbook .listBody {font-size:12px;padding:10px 10px 0px 10px;line-height:150%;}
/* content > entryNotice, entryProtected, entry 제목 + 정보 */
.content .titleinfo {background-color:#1e1e1e;width:970px;overflow:visible;padding:15px;}
.content .titleinfo h2 {float:left;padding-right:7px;}
.content .titleinfo h2 a {color:#f8f8f8;font-family:inherit;font-size:inherit;}
.content .titleinfo .name {float:left;border-left:1px solid #ccc;padding-left:7px;vertical-align:middle;margin:3px 0px 0px 0px;}
.content .titleinfo .name a {color:#f8f8f8;vertical-align:middle;margin:0px;}
.content .titleinfo .date {text-align:right;color:#e8e8e8;vertical-align:middle;margin:0px;}
.content .titleinfo .admin {padding:10px 0px 0px 0px;margin:0px;text-align:right;}

/* content > entryNotice, entryProtected, entry 본문 */
.content .articlep {width:970px;overflow:visible;padding:15px;color:#e8e8e8;font-size:14px;background-color:#333;margin:0px 0px 30px 0px;}
.content .articlep .inputh {background-color:#242424;color:#e8e8e8;height:20px;width:150px;border:none;font-size:12px;padding:0px 10px 0px 10px;margin:0;vertical-align:middle;}
.content .articlep .btnh {background-color:#1e1e1e;color:#e8e8e8;height:21px;width:70px;font-size:12px;margin:0;padding:0;border:none;text-align:center;vertical-align:middle;cursor:pointer;}

/* content > entryNotice, entry 본문 */
.content .article {width:1000px;overflow:visible;margin-top:10px;/*@post-body-color=color:;*/color:;/*@*/ /*@post-body-font-family=font-family:;*/font-family:inherit;/*@*/ /*@post-body-font-size=font-size:;*/font-size:inherit;/*@*/}

/* 작성자 */
.author {text-align:right;color:#ccc;padding:20px 20px;}
.author .text {font:12px dotum,돋음,Arial,Helvetica,sans-serif;}

.content .entry {width:1000px;color:#e8e8e8;padding:0;margin:0px 0px 30px 0px;clear:both;}
/* content >entry >  트랙백+댓글 버튼 */
.content .entry .h3c {font-size:12px;padding:10px;color:#e8e8e8;font-weight:normal;margin:10px 0px 10px 0px;background-color:#242424;width:980px;text-align:center;}
.content .entry .h3l {font-size:12px;padding:10px;color:#e8e8e8;font-weight:normal;margin:10px 0px 10px 0px;background-color:#242424;width:980px;text-align:left;}
.content .entry .fll {float:left;}
/* content > entry > 트랙백 리스트 */
.content .entry .trackback {width:1000px;color:#e8e8e8;padding:0;margin:0;clear:both;}
.content .entry .trackback h4{font-size:12px;font-weight:normal;display:inline;margin:0;}
.content .entry .trackback h4 a {color:#f8f8f8;padding:0;}
.content .entry .trackback .list {margin-bottom:5px;}
.content .entry .trackback .list ol{margin:0;padding:0;list-style:none;}
.content .entry .trackback .list li{background:url(./images/bullTri.gif) no-repeat 10px 14px;background-color:#333;margin:10px 0px 10px 0px;padding:10px;}
/* content > entry > 댓글 타이틀*/
.content .entry .comment {width:1000px;color:#e8e8e8;padding:0;margin:0;clear:both;}
.content .entry .comment p {padding:0;margin:3px 0 3px 0px;}
/* content > entry > 댓글 리스트 */
.content .entry .comment .list ol{margin:0;padding:0;list-style:none;}
.content .entry .comment .list ul{list-style:none;}
.content .entry .comment .list li{background:url(images/iconComment.gif) no-repeat 5px 10px;background-color:#333;margin:10px 0px 10px 0px;padding:10px;}
.content .entry .comment .list li ul li{background:url(images/iconReComment.gif) no-repeat 5px 5px;padding:8px 0 5px 30px;margin:10px;}

/* content > entry  댓글+트랙백 공통 스타일 */
.content .entry .list .head {background-color:#242424;padding:3px 5px 3px 5px;margin-left:10px;clear:both;}
.content .entry .list .name {padding-left:10px;}
.content .entry .list .name a {font-size:12px;color:#f8f8f8;}
.content .entry .list .date {padding-left:10px;}
.content .entry .list .control {padding-left:10px;}
.content .entry .listBody {font-size:12px;padding:10px 10px 0px 10px;line-height:150%;}

.content .paging {clear:both;text-align:center;margin:10px 0px 0px 0px;font:12px dotum,돋음;padding:0;}
.content .paging a {padding:3px;color:#f0f0f0;background-color:#333;font:12px dotum,돋음;text-decoration:none;}

.footer {width:1000px;padding:15px 0px 25px 0px;margin:50px 0px 0px 0px;text-align:center;background-color:#1e1e1e;clear:both;}
.footer .lg {color:#e8e8e8;font-size:12px;font-weight:normal;display:inline;vertical-align:middle;height:28px;margin:0;padding:0;}

.my_another {border:solid 0px;background-color:#333;margin:20px;padding:10px;width:940px;clear:both;color: #e8e8e8;}
.my_another h4 {font-size:12px; margin:0;padding: 2px 0 6px;color: #f8f8f8;border-bottom:solid 2px #242424;font-weight:normal;}
.my_another h4 a {font-weight:bold;}
.my_another table {table-layout:fixed;border-collapse:collapse;width:100%;margin-top:10px;}
.my_another th, .my_another td {padding: 0 0 4px;}
.my_another th {text-align:left;font-size: 12px;font-weight:normal;word-break: break-all;overflow: hidden;line-height:1.5;}
.my_another th a {font-weight:normal;border: none;}
.my_another th a.current{font-weight:bold;}
.my_another th span {font-weight:normal;text-decoration:none;font:10px Tahoma, Sans-serif;border: none; }
.my_another td {text-align:right;width:70px;font-size:11px;}

/* another_category class div 찾기 : content class div에 id를 부여하고, childnodes를 검색해서? search나 category page 아닌 경우에 */


/* 블로그 글 작성용 */

.cstar {visibility:visible;position:absolute;width:17px;height:17px;left:0px;top:0px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;cursor:default;z-index:7;}

.article ul {margin-left:30px;padding:10px 0;}
.article ol {margin-left:30px;padding:10px 0;}
.article ul li {list-style-type:disc;padding:2px 0;}
.article ol li {list-style-type:decimal;padding:2px 0;}
.article a {color:#f8f8f8;}
.article blockquote {margin:10px 0 10px 30px;border-left:4px double #ded2c6;padding-left:10px;}

.article .bgd {background-color:#121212;}
.article .bgd a:link, .article .bgd a:visited {color:#fafafa;background-color:#121212;text-decoration:underline;}
.article .bgd a:hover {color:#ffffff;background-color:#121212;text-decoration:none;}
.article .bgd p {font-family:Gulim,굴림;font-size:12px;color:#fafafa;margin-bottom:2px;margin-top:2px;padding:0 0 0 0;line-height:190%;}
.article .bgd b {color:#ffffe0;}
.article .bgd span {color:#121212;background-color:#fafafa;padding:3px;}
.article .bgd span a:link, .article .bgd span a:visited {color:#202020;background-color:#fafafa;text-decoration:underline;}
.article .bgd span a:hover {color:#000000;background-color:#fafafa;text-decoration:none;}

.article .bgl {background-color:#fafafa;}
.article .bgl a:link, .article .bgl a:visited {color:#202020;background-color:#fafafa;text-decoration:underline;}
.article .bgl a:hover {color:#000000;background-color:#fafafa;text-decoration:none;}
.article .bgl p {font-family:Gulim,굴림;font-size:12px;color:#202020;margin-bottom:2px;margin-top:2px;padding:0 0 0 0;line-height:190%;}
.article .bgl b {color:#0050a0;}
.article .bgl span {color:#fafafa;background-color:#202020;padding:3px;}
.article .bgl span a:link, .article .bgl span a:visited {color:#fafafa;background-color:#121212;text-decoration:underline;}
.article .bgl span a:hover {color:#ffffff;background-color:#121212;text-decoration:none;}

.article .w300 {width:300px;}
.article .w350 {width:350px;}
.article .w400 {width:400px;}
.article .w450 {width:450px;}
.article .w500 {width:500px;}
.article .w550 {width:550px;}
.article .w600 {width:600px;}
.article .w650 {width:650px;}
.article .w700 {width:700px;}
.article .w800 {width:800px;}
.article .w850 {width:850px;}
.article .w900 {width:900px;}

.article .p30 {padding:30px;}
.article .p40 {padding:40px;}
.article .p50 {padding:50px;}
.article .p60 {padding:60px;}
.article .p70 {padding:70px;}
.article .p80 {padding:80px;}
.article .p90 {padding:90px;}
.article .p100 {padding:100px;}

.article .tp8 {padding-left:8px !important;}
.article .tp12 {padding-left:12px !important;}
.article .tp16 {padding-left:16px !important;}
.article .tp20 {padding-left:20px !important;}
.article .tp24 {padding-left:24px !important;}
.article .tp28 {padding-left:28px !important;}
.article .tp32 {padding-left:32px !important;}

.article .tin8 {text-indent:-8px;padding-left:8px !important;}
.article .tin12 {text-indent:-12px;padding-left:12px !important;}
.article .tin16 {text-indent:-16px;padding-left:16px !important;}
.article .tin20 {text-indent:-20px;padding-left:20px !important;}
.article .tin24 {text-indent:-24px;padding-left:24px !important;}
.article .tin28 {text-indent:-28px;padding-left:28px !important;}
.article .tin32 {text-indent:-32px;padding-left:32px !important;}
.article .ti0 {text-indent:0px;}
.article .ti8 {text-indent:8px;}
.article .ti12 {text-indent:12px;}
.article .ti16 {text-indent:16px;}
.article .ti20 {text-indent:20px;}
.article .ti24 {text-indent:24px;}
.article .ti28 {text-indent:28px;}
.article .ti32 {text-indent:32px;}

.article .a_l {text-align:left;}
.article .a_r {text-align:right;}
.article .a_c {text-align:center;}
.article .m_c {margin:0 auto;}

.article .b {font-weight:bold;}
.article .i {font-style:italic;}
.article .u {border-bottom:solid 1px #000000;}
.article .leq, .article .eq {font-family:"Times New Roman",Times,serif;text-align:center;vertical-align:middle;}
.article .eq {font-size:16px;padding:2px;}
.article .leq {font-size:14px;}
.article .eq sub, .article .eq sup {font-size:12px;}
.article .leq sub, .article .leq sup {font-size:10px;}

.article .tb_d {padding:15px 10px 15px 10px;text-align:left;border-top:1px dashed #f4f4f4;border-bottom:1px dashed #f4f4f4;}
.article .tb_l {padding:15px 10px 15px 10px;text-align:left;border-top:1px dashed #242424;border-bottom:1px dashed #242424;}
.article .tb_n {padding:15px 0px 15px 0px;text-align:left;}
.article .tb_a {float:left;display:inline;}
.article .tb_b {cursor:pointer;float:right;display:inline;}
.article .tb_h {display:none;clear:both;}
.article .tb_s {display:block;clear:both;}
/*
<DIV class=tb_l>
<P class=tb_a>* 간단 소개 *</P><SPAN class=tb_b onmouseover="toggleb(this);">&nbsp;글상자 보기&nbsp;</SPAN> 
<P>&nbsp;</P>
<DIV class=tb_h>
<P>...내용...</P></DIV></DIV>

<DIV class=tb_n>
<P class=tb_a>* 간단 소개 * </P><P class=tb_b onmouseover=toggleb(this);>&nbsp;[&nbsp;보기&nbsp;]&nbsp;</P>
<P>&nbsp;</P>
<DIV class=tb_h>
<P>...내용...</P></DIV></DIV>
*/