@charset "utf-8";
@import url(./images/SpoqaHanSans-kr.css);

body {
background-color:#f1f1f1;
background-image:none;
background-position:center top;
background-repeat:no-repeat;
color:#333;
font:13px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
line-height:1.5em;
margin:0;
text-align:center
}

a:active {
color:#F03;
text-decoration:none;
}

h1,h2,h3,h4 {
margin:0;
padding:0;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}

img {
border:none;
}

input,textarea {
font:13px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
}

#container {
background-color:#fff;
border-left:2px solid #a6a6a6;
border-right:2px solid #a6a6a6;
margin:0 auto;
padding:0 25px;
text-align:left;
width:930px
}

#header {
background-color:transparent;
background-image:url(./images/backg.jpg);
background-position:right 40px;
background-repeat:no-repeat;
border-bottom:1px solid #DDD;
height:120px;
padding-top:80px;
position:relative;
text-align:center;
width:930px
}

#content {
background-color:#fff;
float:left;
line-height:1.8em;
padding-top:15px;
width:660px
}

#sidebar {
background-color:#fff;
float:right;
padding:15px 0;
width:240px
}

#footer {
background-color:#fff;
clear:both;
height:70px;
width:930px
}

#footertop {
background:url(./images/areas.png) repeat-x;
font-size:0;
height:5px;
line-height:0;
width:930px
}

#menutop {
background:url(./images/orange-menutops.png) repeat-x;
font-size:0;
height:5px;
line-height:0;
width:930px
}

#header h2 {
color:#999;
font:16px 'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕",Verdana,Arial,'Trebuchet MS';
margin-left:30px
}

#header h1 {
background-color:transparent;
margin-left:30px
}

#header h1 a {
color:#333;
font:28px 'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
}

#header h1 .subj {
position:relative;
z-index:10
}

#header h1 .subs {
color:#ddd;
font:28px 'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
margin:1px;
position:absolute;
z-index:5
}

#menu {
border-bottom:1px solid #ddd;
font:14px/20px 'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕",Verdana,Arial,'Trebuchet MS';
height:2px;
left:0;
letter-spacing:-1px;
position:absolute;
text-transform:uppercase;
top:0;
width:930px
}

#menu a {
display:block;
float:left
}

#menu .subj {
position:relative;
z-index:15
}

#menu .subs,#menu .subs1,#menu .subs2,#menu .subs3,#menu .subs4,#menu .subs5 {
color:#ddd;
margin:1px;
position:absolute;
z-index:8
}

#menu a.blog {
margin-left:30px
}

#menu a.admin,#menu a.write,#menu a.skip {
float:right
}

body#tt-body-page #menu a.blog,body#tt-body-category #menu a.blog,body#tt-body-notice #menu a.notice,body#tt-body-tag #menu a.tag,body#tt-body-location #menu a.localog,body#tt-body-media #menu a.media,body#tt-body-guestbook #menu a.guestbook {
background-image:url(./images/orange-menuback.png);
color:#fff;
font-weight:700
}

body#tt-body-page .subs1,body#tt-body-category .subs1,body#tt-body-notice .subs2,body#tt-body-tag .subs3,body#tt-body-location .subs4,body#tt-body-guestbook .subs5 {
color:#d25c00;
font-weight:700
}

#searchList ol,#searchRplist ol {
border:1px dotted #DDD;
list-style:none;
margin:15px 0;
padding:15px
}

#searchList ol li,#searchRplist ol li {
border-bottom:1px solid #f6f6f6;
padding:5px 0
}

#taglog h3 {
background:url(./images/bannert.png) no-repeat;
height:21px;
width:200px
}

#taglog ul {
border:1px dotted #DDD;
line-height:200%;
margin:15px 0;
padding:15px;
text-align:justify
}

#taglog li {
background:none;
display:inline
}

#taglog a {
color:#333;
padding:3px 5px
}

#taglog a:hover {
color:#333;
text-decoration:underline
}

#taglog li a.cloud1 {
background-color:#ffe9f6;
color:#e55147;
font-weight:700
}

#taglog li a.cloud2 {
background-color:#f4f4b9;
color:#338543
}

#taglog li a.cloud3 {
color:#3a7eeb
}

#taglog li a.cloud4 {
color:#111
}

#localog h3 {
background:url(./images/bannerl.png) no-repeat;
height:21px;
width:250px
}

#localog .localogBody {
border:1px dotted #DDD;
margin:15px 0;
padding:15px
}

#localog .spot {
background:url(./images/flag.png) no-repeat -5px 5px;
padding:5px 0 5px 7px
}

#localog .localspot {
margin-left:5px
}

#localog .info {
padding:5px 0
}

#localog .info a {
color:#00368f
}

#entryProtected .input {
border:1px solid #DDD;
height:18px;
width:150px
}

#entryProtected .input_on {
border:1px solid #F60;
height:18px;
width:150px
}

#entryProtected .submit {
border-bottom:1px dashed #DDD;
cursor:pointer;
padding-bottom:2px
}

#entry h2 a,#nonEntry h3,#nonEntry h3 a {
color:#404040;
font-family:'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
font-size:20px;
font-weight:700;
letter-spacing:-2px
}

#entry h2 .subj,.titleWrap .subj {
color:#000;
font-family:'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
font-size:20px;
font-weight:700;
letter-spacing:-2px;
position:relative;
z-index:10
}

#entry h2 .subs,.titleWrap .subs {
color:#ddd;
font-family:'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
font-size:20px;
font-weight:700;
letter-spacing:-2px;
margin:1px;
position:absolute;
width:660px;
z-index:5
}

#entryNotice h3,#entryNotice h3 a {
font-family:'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
font-size:20px
}

.titleWrap a.category {
font:12px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS'
}

.titleWrap .admin {
background-color:#F7F7F7;
border:1px solid #DDD;
margin-top:15px;
padding:5px
}

.article {
border-top:1px solid #eee;
color:#555;
font:16px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS'!important;
line-height:1.8em;
margin:15px 0;
padding-top:15px;
text-align:justify
}

.article img {
background-color:#f7f7f7;
border:1px solid #ddd;
padding:4px
}

.article a:hover {
background-color:#f0f0f0;
color:#FF9300;
}

.article h1 {
font:24px 'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕";
font-weight:bold;	
margin:10px 0
}

.article h2 {
background-color:#f0f0f0;
border-bottom:1px solid #ddd;
font-size:18px;
margin:10px 0;
padding:3px
}

.article h3 {
color:#FF9300;
font-size:16px;
margin:10px 0
}

.article h4 {
border-bottom:2px solid #4f8cc3;
font-size:16px;
margin:10px 0
}

.article ol {
list-style:decimal;
margin:10px 0 10px 25px
}

.article ol li {
list-style:decimal;
margin:0;
padding:0
}

.article ul.list {
margin-bottom:20px;
margin-left:25px
}

.article ul.list li {
background:url(./images/hd_list.gif) no-repeat 5px 8px;
margin:0;
padding-left:20px
}

.article .box {
background-color:#f7f7f7;
border:1px solid #ddd;
margin:10px 0;
padding:10px
}

.article pre {
background:url(./images/bg_pre.gif);
border:1px solid #ddd;
font:12px/180% 'Lucida Console';
margin:10px 0;
overflow-x:auto;
overflow-y:hidden;
padding:10px
}

.article table.tb {
border-collapse:collapse;
font:11px Verdana;
width:100%
}

.article table.tb th,.article table.tb td {
border:1px solid #c1c1c1;
padding:5px 7px;
text-align:center
}

.article table.tb th {
background-color:#e9e9e9
}

.cap1 {
color:#888;
margin:5px 0;
padding:0;
text-align:center
}

blockquote {
background:#fafafa url(./images/quotes.png) no-repeat 2px 2px;
border:1px dashed #e5e5e5;
margin:10px 0;
padding:15px
}

blockquote p {
margin:0 0 5px
}

.moreless_fold span {
background:url(./images/script--plus.png) no-repeat 0 0;
padding-left:17px
}

.moreless_top span {
background:url(./images/script--minus.png) no-repeat 0 0;
padding-left:17px
}

.moreless_bottom span {
background:url(./images/script--minus.png) no-repeat right 0;
padding-right:17px
}

.moreless_content {
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
padding:15px 0
}

.moreless_bottom {
text-align:right
}

.tagTrail {
margin-top:310px;
background:url(./images/tag--arrow.png) no-repeat;
margin-bottom:15px;
}

.tagTrail .tagtext {
color:#555;
margin-left:20px
}

.tagTrail .tagtext a {
color:#555
}

.actionTrail {
border-bottom:1px solid #DDD;
padding-bottom:10px;
text-align:right;
width:660px
}

.actionTrail .cnt {
color:#F60;
font:13px 'Trebuchet MS';
letter-spacing:1px;
text-transform:uppercase
}

.trackback {
border-bottom:1px solid #DDD;
clear:left;
margin-top:10px;
padding-bottom:10px
}

.trackback h3 {
color:#999;
font:11px 'Trebuchet MS';
letter-spacing:1px;
text-align:center;
text-transform:uppercase
}

.trackback ol {
border-top:1px dotted #DDD;
list-style:decimal inside;
margin-top:10px
}

.trackback ol li {
margin-top:10px
}

.trackback ol li a {
color:#556eac
}

.trackback ol li a:active {
color:#F03
}

.trackback ol li a.del {
color:#999;
font:11px 'Trebuchet MS';
letter-spacing:1px;
text-transform:uppercase
}

.comment {
text-align:justify
}

.comment h3 {
height:21px;
width:200px
}

.comment h2 {
background:url(./images/bannerg.png) no-repeat;
height:21px;
width:200px
}

.commentList ol {
border:1px solid #DDD;
margin-top:10px
}

.commentList ol li {
border-bottom:1px dotted #DDD;
margin-top:10px;
padding:10px
}

.commentList ol li img {
background-color:#FFF;
border:1px solid #DDD;
height:16px;
padding:2px;
vertical-align:middle;
width:16px
}

.commentList ol li .name {
color:#707070;
font:14px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
font-weight:600;
margin-bottom:5px
}

.commentList ol li .name a {
color:#404040;
font:14px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
font-weight:600;
margin-bottom:5px
}

.commentList ol li .reply {
line-height:140%;
margin:5px 0
}

.commentList ol li .reply img {
background:none;
border:none;
height:auto;
margin:0;
padding:0;
width:auto
}

.commentList ol li ul {
list-style:none outside;
margin-bottom:0;
margin-left:0
}

.commentList ol li ul li {
background-color:#F7F7F7;
border:1px solid #DDD;
margin:10px 0;
padding:10px
}

.commentWrite {
border:1px dotted #DDD;
font:11px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
letter-spacing:1px;
margin-bottom:20px;
margin-top:10px;
padding:15px;
text-transform:uppercase
}

.commentWrite h3,#nonEntry .commentWrite h3 {
font:16px 'Spoqa Han Sans',Sans-serif, 'Nanum Gothic',"나눔고딕",Verdana,Arial,'Trebuchet MS';
font-weight:700;
height:21px;
letter-spacing:-1px;
margin-bottom:10px;
width:200px
}

.commentWrite p {
margin:0 0 10px
}

.commentWrite .point {
background:url(./images/tick-small.png) no-repeat;
background-position:-3px 0;
color:#fff;
height:16px;
width:16px
}

.commentWrite .input {
background:#F7F7F7 url(./images/area1.png) repeat-x;
border:1px solid #DDD;
height:18px;
width:150px
}

.commentWrite .input_on {
background:#F7F7F7 url(./images/area1.png) repeat-x;
border:1px solid #F60;
height:18px;
width:150px
}

.commentWrite .textarea {
background:#F7F7F7 url(./images/area1.png) repeat-x;
border:1px solid #DDD;
height:100px;
width:99%
}

.commentWrite .textarea_on {
background:#F7F7F7 url(./images/area1.png) repeat-x;
border:1px solid #F60;
height:100px;
width:99%
}

.commentWrite a.submit {
background:url(./images/submit.gif) no-repeat 0 0;
cursor:pointer;
display:block;
float:right;
height:25px;
padding-bottom:2px;
text-indent:-9999px;
width:80px
}

.commentWrite p.secretWrap {
font:11px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
margin-bottom:0
}

#paging {
font:11px 'Trebuchet MS';
margin:10px 0;
padding-top:10px;
text-align:center;
text-transform:uppercase;
width:660px
}

#paging .selected {
color:#F90
}

#paging a.num {
border:1px solid #ddd;
padding:2px 6px
}

#paging a:hover.num {
border:1px solid #f90
}

#paging a.prev {
background:url(./images/orange-prev.png) no-repeat;
display:block;
float:left;
height:35px;
width:80px
}

#paging a.next {
background:url(./images/orange-next.png) no-repeat;
display:block;
float:right;
height:35px;
width:80px
}

#paging a:hover.prev,#paging a:hover.next {
background-position:0 -35px
}

.search {
background:#F7F7F7 url(./images/bgSearch.gif) no-repeat right 5px;
border:1px solid #DDD;
margin-bottom:15px;
padding:2px
}

.search .searchinput {
background:none;
border:none;
cursor:text;
width:200px
}

.search .submit {
background:none;
border:none;
cursor:pointer;
height:17px;
width:20px
}

#sidebar .module {
margin-bottom:20px
}

#sidebar h3 {
background:#F7F7F7;
border-bottom:1px solid #DDD;
color:#000;
font:13px 'Trebuchet MS';
letter-spacing:1px;
padding:3px 5px;
text-transform:uppercase
}

#sidebar .cnt,.c_cnt {
color:#999;
font:12px 'Trebuchet MS';
letter-spacing:1px;
text-transform:uppercase
}

#sidebar ul li {
background:url(./images/hd.gif) no-repeat 0 14px;
padding:5px 0 0 7px
}

#blogImage {
margin-bottom:15px
}

#blogImage img {
width:250px
}

#notice ul li {
background:none;
padding:5px 0 0
}

#category .categoryBody {
padding-top:5px
}

#tagbox {
font-family: Sans-serif,"돋움";
}

#tagbox ul {
line-height:200%;
margin-top:5px;
text-align:justify
}

#tagbox ul li {
background:none;
border:none;
display:inline;
padding:0
}

#tagbox li a {
padding:3px
}

#tagbox li a.cloud1 {
color:#c5c5c5;
font-weight:700
}

#tagbox li a.cloud2 {
color:#B2B2B2;
font-weight:700
}

#tagbox li a.cloud3 {
color:#999;
font-weight:700
}

#tagbox li a.cloud4 {
color:#777;
font-weight:700
}

#counter {
background-color:#F7F7F7;
border:1px solid #DDD;
font:11px 'Trebuchet MS';
letter-spacing:1px;
margin-bottom:15px;
padding:5px;
text-transform:uppercase
}

#copyright {
background:#fff;
color:#777;
float:left;
font:12px 'Spoqa Han Sans',Sans-serif,Verdana,Arial,'Trebuchet MS';
letter-spacing:0;
line-height:160%;
margin-top:5px;
padding:5px 0;
text-align:left;
text-transform:uppercase
}

.tistory {
color:#F60
}

.daum {
color:#f0c800
}

.ppo {
color:#acc1d2
}

#rssbutton {
float:right;
height:32px;
margin-top:10px;
width:32px
}

.another_category{font-family:Nanum Gothic, 나눔고딕; float:right; width:295px;}
.another_category td{display:none;}
.bottom_ad{float:left;margin:10px 0}
.another_category th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.another_category th {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}

div.footnotes {
border-top:#ccc 1px dashed;
margin-top:10px
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

.clearfix {
display:inline-block
}

* html .clearfix {
height:1%
}

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

a:hover,#menu a:hover {
color:#999;
text-decoration:none
}

#searchList .cnt,#searchRplist .cnt,#notice .noticeText {
color:#F60;
font:11px 'Trebuchet MS';
letter-spacing:1px;
text-transform:uppercase
}

#searchList .date,#searchRplist .date,.titleWrap .info,.commentList ol li .replyFrom,.commentList ol li .date {
color:#999;
font:11px 'Trebuchet MS';
letter-spacing:1px;
text-transform:uppercase
}

#searchRplist .name,#taglog a:visited,.trackback ol li .from,.commentList ol li .date a,#sidebar .name,#blogImage .bloger,#counter .counterNum {
color:#999
}

#taglog li a.cloud5,#copyright a {
color:#777
}

#localog .info a:hover,blockquote a,blockquote a:visited,.trackback ol li a:hover,.trackback ol li a:hover.del,.commentList ol li .date a:hover,#copyright a:hover {
text-decoration:underline
}

.article a:link,.article a:visited {
background-color:#fff;
color:#00368f
}

#paging a.prev span,#paging a.next span,.another_category td {
display:none
}

#sidebar .date,#blogImage .blogerText {
font:11px 'Trebuchet MS';
letter-spacing:1px;
text-transform:uppercase
}

.ib,.branch3 {
cursor:pointer
}

.nanum,.spoqa {
color:#333
}

.tt_box_namecard {
	min-height: 0 !important;
	padding: 16px;
}
.tt_box_namecard .tt_cont { padding: 0 !important; }
.tt_box_namecard .tt_wrap_thumb { margin: 0 0 0 24px !important; }
.tt_box_namecard .tt_btn_subscribe { margin-bottom: 0 !important; }