@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {margin:0; padding:0}
ol,ul,li,dl {list-style:none}
fieldset {border:0 none}
img {border:0 none}
table {display:table; border-collapse:collapse; border-spacing:0}

body {font-family:'dotum'; color:#555; font-size:10px; background:#f5f5f5; overflow-x:hidden;}
a {color:#555; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; text-decoration:none;}
a:link {color:#555; text-decoration:none;}
a:hover {opacity:.6; filter:alpha(opacity=60);}
blockquote {border-left:1px solid #eee; padding-left:10px;}

::selection { background:#f8f8f8; color:#555; text-shadow:#none; }
::-moz-selection { background:#f8f8f8; color:#555; text-shadow:none; }
::-o-selection { background:#f8f8f8; color:#555; text-shadow:none; }
::-ms-selection { background:#f8f8f8; color:#555; text-shadow:none; }

::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background-color:#f5f5f5;}
::-webkit-scrollbar-thumb{background-color:#ccc; border:4px solid #f5f5f5;}
::-webkit-scrollbar-thumb:hover{background-color:#bbb}

#wrapper {width:700px; margin:50px auto;}
#wrapper:after {content:''; display:block; clear:both;}
#sidebar {width:150px; position:fixed; z-index:5; font-family: 'Cuprum','Nanum Gothic', sans-serif; text-align:center; text-transform:uppercase; color:#777}
#sidebar a {color:#777}
.topMenu {background:#fff; padding:10px; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.img {display:block; width:80px; height:80px; text-indent:-9999px; margin:10px auto; overflow:hidden; background:url('images/img.jpg') no-repeat; border-radius:50%;}
*:first-child+html .img {display:inline-block;*display:inline;zoom:1;}
.img:hover {filter:saturate(60%); -webkit-filter:saturate(60%);}
.blogTitle {display:block; font-size:10px; font-weight:700; margin-bottom:8px;}
.menu {text-align:center;}
.menu i {padding-right:2px;}
.pr {padding-right:5px;}
.ex {margin:10px 0;}
.button {display:inline-block;*display:inline;zoom:1; padding:8px 16px; margin:10px 0; color:#fff; background:#9facca; border-radius:20px; cursor:pointer; transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease;}
.button:hover {opacity:.9; filter:alpha(opacity=90);}
.fa-sort-asc {position:absolute; color:#fff; top:-8px; left:75px; margin-left:-7px;}
#category {display:none; position:relative; background:#fff; padding:10px 0; margin-top:15px; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}
#category ul li {padding:2px 0;}

#container {width:530px; float:right; line-height:20px; word-break:break-all; word-wrap:break-word;}
.content {position:relative; background:#fff; margin-bottom:30px; padding:15px; text-align:justify; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.titleWrap {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee;}
.titleWrap h2 {font-family:'Nanum Gothic'; padding-bottom:3px; font-size:9px; font-weight:700;}
.catedate {font-family: 'Cuprum','Nanum Gothic', sans-serif; text-transform:uppercase; font-size:10px;}
.catedate i {padding-right:3px;}
.category {padding-right:5px;}
.hidden_date {display:none;}
.admin {font-family: 'Cuprum','dotum', sans-serif; text-transform:uppercase; padding:10px; background:#f8f8f8; margin-top:10px; }
.article {overflow:hidden;}
.article a {font-weight:bold;}
.txc-info {width:100% !important; font-size:9px !important;}
.tagcomment {margin:10px 0; font-family: 'Cuprum','dotum', sans-serif;}
*:first-child+html .tagcomment {overflow:hidden;}
.tagcomment:after {content:''; display:block; clear:both;}
.tagTrail {display:block; float:left;}
.tagText {padding-right:3px;}
.actionTrail {display:block; float:right; text-transform:uppercase;}

.searchList {margin-bottom:30px; padding:15px 15px 10px 15px; background:#fff; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.searchList h3 {margin-bottom:5px; font-family: 'Cuprum','Nanum Gothic', sans-serif; font-weight:700;}
.searchList li {padding:5px 0; border-bottom:1px solid #eee;}
.searchList li:last-child {border:0 none;}
.searchList .date {font-family: 'Cuprum', sans-serif; padding-right:5px;}
.searchList .cnt {font-family: 'Cuprum', sans-serif;}

.entryNotice {background:#fff; padding:15px; margin-bottom:30px; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.entryNotice h2 {font-family: 'Cuprum', sans-serif; font-weight:700; text-transform:uppercase;}

.entryProtected {background:#fff; padding:15px; margin-bottom:30px; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.prot {height:30px; line-height:30px;}
.entryProtected .show_date {font-family: 'Cuprum', sans-serif; text-transform:uppercase;}

.moreless_fold span, .moreless_top span {border:1px solid #ddd; padding:5px 15px; background:#eee; border-radius:50px;}
.moreless_content {padding:10px 0; margin-top:15px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.moreless_bottom {display:none;}

input {width:95px; width:90px \0/IE8; *width:85px; font-family:'dotum'; margin-left:2px; font-size:9px; border:1px solid #aaa; border-top:0 none; border-right:0 none; border-left:0 none; color:#555;}
textarea {width:498px; height:150px; max-width:490px; padding:1px 4px; margin-bottom:10px; font-family:'dotum'; font-size:9px; line-height:20px; border:1px solid #aaa; color:#555;}
.inputInfoWrap {margin:10px 0; font-family: 'Cuprum','dotum', sans-serif; text-transform:uppercase;}
.inputInfo {display:inline-block;*display:inline;zoom:1; margin-right:10px;}
.homepage {width:200px; width:185px \0/IE8; *width:185px;}
.secretWrap, .submitWrap {float:right; display:inline-block; *display:inline; zoom:1; font-family: 'Cuprum', sans-serif; text-transform:uppercase;}
.writeWrap {overflow:hidden;}
.checkbox {width:13px; border:0 none; vertical-align:middle;}
.secretlabel {padding-left:5px;}
.secretWrap {width:80px; text-align:center; border-bottom:1px solid #aaa; line-height:29px; height:29px; margin-left:10px;}
.sub {vertical-align:middle; width:80px; height:30px; line-height:30px; color:#555; background:#fff; font-family: 'Cuprum', sans-serif; text-transform:uppercase; cursor:pointer;}

.name, .date, .control, .modify, .write {font-family: 'Cuprum','dotum', sans-serif; text-transform:uppercase;}
.name {font-weight:700; font-family:'Cuprum','Nanum Gothic', sans-serif;}
.date, .control a {color:#888;}

.commentList {margin-top:15px;}
.commentList ol > li {margin-bottom:15px; border:1px solid #ddd; padding:15px;}
.commentList ol li ul li {margin-top:15px; border-top:1px solid #ddd; padding-top:15px;}
.commentList ol li:last-child {margin-bottom:0;}

.guestbook {background:#fff; padding:15px; margin-bottom:30px; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}

.guestList {margin-top:15px;}
.guestList ol > li {margin-bottom:15px; border:1px solid #ddd; padding:15px;}
.guestList ol li ul li {margin-top:15px; border-top:1px solid #ddd; padding-top:15px;}
.guestList ol li:last-child {margin-bottom:0;}

.top {position:fixed; right:10px; bottom:20px;}

.paging {position:relative; font-family: 'Cuprum', sans-serif; text-transform:uppercase;}
.numbox {margin:0 5px;}
.numbox a {padding:0 2px;}
.selected {color:#111; font-weight:700;}

#ttCanvas {padding:15px; margin-bottom:30px; background:#fff; border-radius:5px; box-shadow: 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1); -o-box-shadow: 0 0 1px rgba(0,0,0,0.1);}

.copyright a {display:block; width:7px; height:11px; position:fixed; top:5px; left:5px; text-indent:-9999999px; overflow:hidden; background:url('http://cfs.tistory.com/custom/blog/153/1538070/skin/images/cr.gif') no-repeat;}