@charset "utf-8";

html,body{
font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
color:#333366;
margin:0px;padding:0px;
}
a{text-decoration:none}
a:link,
a:visited{color:#3f00bf}
a:hover{color:#bf3f00}
a:active{color:#ff7f00}

header{background:#eee;white-space:nowrap}
header ol,
header ul{margin:0;padding:0;list-type:none;display:inline-block}
header li{display:inline-block}
header a{padding:0 8px}
header .search{border:1px solid #eee;display:inline-block}
header .search input{border:0}
header .input{width:160px;height:16px}
header .submit{width:48px;height:16px}

article{min-width:730px;white-space:nowrap;overflow:hidden}
article *{white-space:normal}
article .title{margin:0;padding:0;font-size:16px;background:#eee;background:rgba(233,233,233,0.4);list-style:none}
article .title .info{height:0;text-align:right}
article .title .text{padding-right:320px}
article .title .text a{overflow:hidden;text-overflow:ellipsis;display:block}
article .article{width:100%;display:inline-block;vertical-align:top}
article .sidebar{position:relative;left:-200px;width:200px;display:inline-block;vertical-align:top;background:rgba(255,255,255,0.8);cursor:default}
article .sidebar ul{padding:0;margin:0;list-style:none}
article .sidebar li{padding-left:12px}
article .sidebar .cnt{color:#f60}
article .sidebar .date{color:#9aa}
article .sidebar .name{color:#9aa}

.sidebar{transition:left 1s}
.sidebar .toggle{position:relative;padding:4px 8px;border:1px solid #ccc;border-radius:4px;left:-32px;width:24px;text-align:center;display:inline-block}
.sidebar.h{left:0}
.sidebar .category{position:relative;background:rgba(255,255,255,0.6)}
.sidebar .category li{}
.sidebar .category li ul li{padding-left:10px}
.sidebar .category li ul li ul li{background:none;border-left:1px dotted #ccc;padding-left:4px;margin-left:2px}

.paging{font-size:16px}
.paging a{padding:0 2px}
.paging a span.selected{color:#333}
.paging .prevPage{}
.paging .nextPage{}

.foot{float:right;width:320px;font-size:16px}
.foot .total{color:#999;font-size:12px}
.foot .today{color:#666;font-weight:bold}

.entryProtected .protectedContentWrap{border:1px solid #ececec;padding:30px}
.entryProtected .protectedForm{background-color:Transparent;padding:15px 0;text-align:center;margin-top:30px}
.entryProtected .protectedForm input.pass{border:1px solid #ddd;vertical-align:middle}
.entryProtected label{vertical-align:middle}
.entryProtected p.text{width:220px;padding-left:50px;margin:0}
.entryProtected input{width:200px}
.entryProtected .submit{width:40px;height:20px;border:1px outset}

.author{text-align:right;color:#7F00FF;padding:0px}
.author .text{font:0.85em Verdana, Arial, Helvetica, sans-serif;color:#BF3FFF}

.tagTrail{color:#999;letter-spacing:-1px;padding:0 0 5px 35px;clear:both;border-bottom:1px solid #d1d3d4;margin-bottom:10px}
.tagTrail a{color:#999}
.tagText{display:none}

.actionTrail{width:/*@post-width:-30=*/990px/*@*/;padding:0px;clear:both}
.actionTrail .cnt{color:#f60}

.trackback{width:/*@post-width=*/1020px/*@*/;overflow:hidden}
.trackback a{color:#000}
.trackback h3{font:12px dotum;color:#333;border-bottom:1px solid #f5f5f5;margin:0 0 7px;border:1px solid #e7e8e9;background-color:Transparent;padding:7px 15px}
.trackback h3 span{font:11px verdana;color:#999;cursor:pointer}
.trackback h4{font:12px dotum;color:#999;margin:0}
.trackback h4 a{color:#000;letter-spacing:-1px}
.trackback ol{margin:0;padding:0;list-style:none}
.trackback li{border-top:1px dotted #dedede;padding:15px}
.trackback .date{font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;color:#999}
.trackback p{font:0.95em Dotum, Arial, sans-serif;color:#999;margin:3px 0 0 0;padding:0;letter-spacing:-1px}

.trackback a.delete{padding-left:8px;text-decoration:none}
.trackback a.delete span{display:none}

.comment{border:1px solid #e7e8e9;background-color:Transparent;padding:5px 15px 15px;margin-bottom:4px;overflow:hidden}
.comment p{clear:both;margin:3px 0 0 0;padding:0}

.comment h3{display:none}
.comment ol,
.comment ul{margin:0;padding:0;list-style:none}
.comment .date{float:left;font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;color:#999;padding-right:15px}
.comment .name{float:left;color:#333;font:12px gulim bold;letter-spacing:-1px;padding-right:15px}
.comment .name a{color:#333;font-weight:bold}
.comment .control{float:left}

.comment ol li{padding:10px 5px 10px 0;border-bottom:1px dotted #ccc}
.comment li ul li{padding:10px 10px 5px 25px;border:none}
.comment .control a{text-decoration:none}
.comment .control a.address{padding-bottom:2px;width:60px;height:16px;display:block;float:left}
.comment .control a.address span{}
.comment .control a.modify{padding-bottom:2px;width:60px;height:16px;display:block;float:left}
.comment .control a.modify span{}
.comment .control a.write{padding-bottom:2px;width:60px;height:16px;display:block;float:left}
.comment .control a.write span{}

.commentWrite{padding:8px}
.commentWrite textarea{padding:4px;border:1px solid #d1d3d4;width:100%;display:block}
.commentWrite .homepage{color:#999;height:16px}
.commentWrite input.submit{border:1px outset;width:80px;height:20px;cursor:default}
.commentWrite .secretWrap{clear:both;padding:0 0 5px;margin-top:8px}
.commentWrite .checkbox{border:none;padding:0;margin:0;width:25px}
.commentWrite .writerInfo label{width:100px;display:inline-block}
.commentWrite .writerInfo input{width:860px;border:0;color:#999}
.commentWrite .writerInfo .input{border:1px solid #eee}


#profile{padding:8px}
#profile .profileList{}
#profile .profileBold{font-weight:bold}

#blogImage img{width:150px;padding-bottom:10px}
#blogDesc{color:#ADADAD;font-size:0.9em;line-height:1.2em;letter-spacing:-1px}
#blogDesc p{margin:0;padding:0}
.userID{color:#999;line-height:2em}

#notice{margin:10px 0;padding:0}
#notice li{margin:0 0 2px 0;padding:0 0 1px 0;background:none}
#notice a{padding:1px 0 5px 30px}

#adminMenu{margin:8px 0 0 0;background:transparent url() no-repeat;height:45px;text-align:center}
#adminMenu ul{background:transparent url() no-repeat right;height:34px;padding:7px 0 4px;margin-left:4px}
#adminMenu li{display:inline;background:none;padding:0;margin:0}

#searchBox{margin:32px 0 0 0}
#searchBox input{width:150px;height:16px;border:1px solid #d0d0d0;margin-bottom:1px;vertical-align:middle}
#searchBox .submit{width:40px;height:20px;border:1px outset;cursor:default}

#tagbox ul{padding:5px 2px;text-align:justify}
#tagbox li{background:none;display:inline;padding:0 7px 0 0}
#tagbox li .cloud1{font-weight:bold;font-size:14px;color:#366}
#tagbox li .cloud2{font-weight:bold;font-size:14px;color:#6e8a86}
#tagbox li .cloud3{font-weight:bold;font-size:14px;color:#333}
#tagbox li .cloud4{font-size:12px;color:#333}
#tagbox li .cloud5{font-size:12px;color:#333}
#tagbox a:hover{text-decoration:none}

#recentComment{overflow:hidden}
#recentComment .info_wrap{margin-bottom:3px;color:#999;display:block}

#recentTrackback{overflow:hidden}
#recentTrackback .info_wrap{margin-bottom:3px;color:#999;display:block}

#archive li{}
#calendar td{font-family:verdana}

#counter{font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;padding:10px 15px;margin-top:20px;border:1px solid #dedede;background-color:Transparent;color:#999;line-height:1.5}
#counter dl, #counter dt, #counter dd{padding:0;margin:0}
#counter dt{float:left;width:80px}
#counter dd.total{font-weight:bold;color:#333}

#adTistory{text-align:center;margin-top:20px}
#adTistory .tistoryJoin a{font:11px dotum;letter-spacing:-1px;color:#999}
#btnRSS{margin-top:20px;text-align:center}


.clear{clear:both}
* html .clear{display:inline}