/*
*:after{
	a:0;
	content:'asdf';
}
*/
*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}

body, input, select, textarea{
	font-family:'나눔고딕', 'NanumGothic', tahoma, verdana, AppleGothic, '돋움', dotum;
	font-family:'돋움', dotum;
	font-family:'맑은 고딕', 'Malgun Gothic', '나눔고딕', arial, '돋움', dotum;
	font-size:12px;
}
body, input, select, a{
	color:#000;
}
body{
	line-height:1.65em;
	background:#e0e0e0;
}

li{
	list-style:none;
}
a{
	text-decoration:none;
}
img{
	border:none;
}
hr{
	display:none;
}

#body{
	position:relative;
	width:980px;
	min-height:100%;
	margin:0 auto;
	overflow:hidden;
}
#body:before{
	position:absolute;
	left:0;
	top:0;
	width:800px;
	height:100%;
	content:'.';
	background:#fff;
}

#header{
	position:fixed;
	width:160px;
	margin-left:820px;
	*margin-left:20px;
	border-bottom:1px solid #619ed6;
	overflow:hidden;
}
#header h1{
	height:42px;
	font-size:23px;
	word-spacing:-0.45em;
	text-align:right;
	line-height:1em;
	padding-top:15px;
	border-bottom:1px solid #619ed6;
}
#header h1 img{
	width:112px;
	height:0;
	margin-top:5px;
	padding-top:18px;
	background:url('./logobg.png') no-repeat;
	overflow:hidden;
}
#header h1.high img{
	width:111px;
	height:18px;
	padding-top:0;
	background:none;
}
#header ul{
	margin:-1px 0;
	border-bottom:1px solid #619ed6;
}
#header ul li{
	min-height:1px;
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	vertical-align:top;
	line-height:1.3em;
	margin-bottom:-1px;
}
#header ul li strong{
	font-weight:normal;
}
#header ul li a{
	min-height:1px;
	color:#619ed6;
	text-shadow:0 1px 0 #fff;
	margin-bottom:-1px;
	padding:5px 7px 4px;
	border-bottom:1px solid #619ed6;
	display:block;
	opacity:0.65;
}
#header ul li.on,
#header ul li:active{
	position:relative;
}
#header ul li.on a,
#header ul li a:hover{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	border-bottom-color:#619ed6;
	background:#619ed6;
	opacity:1;
}
#header ul li a:active{
	color:#619ed6;
	text-shadow:none;
	border-bottom-color:#fff;
	background:#fff;
	opacity:1;
}

#content-area{
	position:relative;
	float:left;
	width:760px;
	padding:0 20px 20px;
	background:#fff;
}
#content-area h2{
	font-size:18px;
	letter-spacing:-0.1em;
	line-height:1.35em;
	padding-top:50px;
}
#content-area p.category{
	position:absolute;
	left:20px;
	top:20px;
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:10px;
	color:#a0c5e6;
	text-transform:uppercase;
	line-height:1.2em;
	padding:2px 0 3px 5px;
	background:#619ed6;
}
#content-area p.category strong{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	*vertical-align:middle;
	margin:-2px 0 -3px -5px;
	padding:1px 4px 2px 4px;
	border:1px solid #619ed6;
	display:inline-block;
}
#content-area p.category a:hover strong{
	color:#619ed6;
	text-shadow:none;
	background:#fff;
}
#content-area p.category span{
	color:#b2e7f5;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	padding-right:5px;
}
#content-area p.deletedpost{
	color:#f60;
	margin-top:50px;
}

#content{
	width:100%;
	min-height:100px;
	padding:47px 0 100px;
}
#content a{
	color:#619ed6;
	line-height:1.35em;
	padding:0 2px;
	border-bottom:1px solid #619ed6;
	display:inline-block;
}
#content a:hover{
	color:#000 !important;
	border-bottom-color:#000 !important;
	background:#e0e0e0;
}
#content a:visited{
	color:#777;
	border-bottom-color:#777;
}

#content h3{
	position:relative;
	font-size:1em;
	margin:30px 0 5px;
	padding-left:10px;
}
#content h4{
	font-size:1em;
	margin:20px 0 5px;
}
#content h3 a,
#content h3 span,
#content h4 span{
	font-weight:normal;
}
#content h3 span,
#content h4 span{
	color:#777;
}
#content h3:before{
	position:absolute;
	left:1px;
	top:7px;
	width:5px;
	height:5px;
	content:'ㆍ';
	background:#619ed6;
	overflow:hidden;
}

#content p.withh3{
	padding-left:10px;
}

#content ins{
	font-weight:bold;
	text-decoration:none;
}

#content ul,
#content ol{
	margin:6px 0 5px;
	padding:0;
}
#content ul li,
#content ol li{
	position:relative;
	margin-bottom:2px;
	padding-left:10px;
}
#content ul li:before,
#content ol li:before{
	position:absolute;
	left:4px;
	top:9px;
	width:2px;
	height:2px;
	content:'ㆍ';
	background:#999;
	overflow:hidden;
}

#content div.border{
	width:100%;
	margin:10px 0;
	border:1px solid #619ed6;
}
#content div.border div.mask{
	width:100%;
	overflow:auto;
	overflow-y:hidden;
}

#content pre,
#content ol.codes{
	font-family:verdana;
	font-size:11px;
	line-height:1.35em;
	margin:-1px 0;
	padding:6px 5px 5px;
}
#content ol.codes li{
	list-style:decimal;
	color:#bbb;
	word-break:break-all;
	margin:-1px 0 0;
	padding:1px 3px 2px;
	border:dashed #ddd;
	border-width:1px 0;
	background:#f5f5f5;
}
#content ol.codes li:before{
	display:none;
}
#content ol.codes li.m1{
	margin-left:19px;
}
#content ol.codes li.m2{
	margin-left:26px;
}
#content ol.codes li.m3{
	margin-left:33px;
}
#content ol.codes li.dbg{
	background:#fff;
}
#content ol.codes li span{
	color:#707070;
}
#content ol.codes li span.script{
	color:#526ebc;
}
#content ol.codes li span.css{
	color:#ad7d4c;
}
#content p.image{
	margin:10px 0;
}
#content p.text{
	margin:10px 0 20px;
}
#content p.text2{
	margin:20px 0;
}

#content p.ccl{
	margin:30px 0 -30px;
}
#content p.ccl a{
	padding-top:5px;
	border-top:1px solid #ccc;
	border-bottom:0;
}
#content p.ccl a img{
	opacity:0.5;
	filter:alpha(opacity=50);
}
#content p.ccl a:hover{
	background:none;
}
#content p.ccl a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}

#content-area #sns{
	float:right;
	width:50px;
	padding-top:4px;
}
#content-area #sns a{
	float:right;
	margin-left:5px;
}

#content-area #ccl{
	float:right;
}

#content-area div.fb-like{
	float:right;
	margin-left:10px;
	padding-top:4px;
}
#content-area div.fb-like iframe{
	width:46px !important;
	height:21px !important;
}

#content-area.post #recent-list{
	margin:20px -20px -20px;
	padding:0 0 20px 20px;
	border-top:1px solid #ccc;
	background:#d9d9d9;
}
#content-area.post #recent-list p.category{
	color:#ddd;
	background:#c5c5c5;
}
#content-area.post #recent-list p.category strong{
	border-color:#c5c5c5;
}
#content-area.post #recent-list p.category a:hover strong{
	text-shadow:none;
	border-color:#619ed6;
}
#content-area.post #recent-list p.category span{
	color:#e5e5e5;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
}
#content-area.post #recent-list ul.article-list{
	border-color:#eee;
}
#content-area.post #recent-list ul.article-list li a{
	color:#555;
}
#content-area.post #recent-list ul.article-list li:hover{
	background:#e5e5e5;
}
#content-area.post #recent-list ul.article-list li a:visited{
	color:#888;
}
#content-area.post #recent-list ul.article-list li:hover a{
	color:#000;
}
#content-area.post #recent-list ul.article-list li a em{
	display:none;
}

#comment-tab{
	padding-bottom:6px;
	overflow:hidden;
}
#comment-tab li{
	position:relative;
	float:left;
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:11px;
	text-transform:uppercase;
	line-height:1em;
}
#comment-tab li a{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.15);
	padding:6px 10px 7px;
	background:#e0e0e0;
	display:block;
	-webkit-transition:background 0.2s;
	-moz-transition:background 0.2s;
	-o-transition:background 0.2s;
	-ms-transition:background 0.2s;
}
#comment-tab li a:hover{
	background:#b2e7f5;
}
#comment-tab li.on a{
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background:#619ed6;
	opacity:1;
}
#comment-tab li.on:before{
	position:absolute;
	left:50%;
	bottom:-6px;
	width:0;
	height:0;
	content:'.';
	margin-left:-5px;
	border-width:6px 5px 0 5px;
	border-style:solid;
	border-color:#619ed6 transparent;
	overflow:hidden;
}

#comment{
	clear:both;
	margin:14px 0 0;
	border-bottom:1px solid #ccc;
}
#content-area.deleted #comment,
#content-area.guestbook #comment{
	margin-bottom:0;
}
#comment li,
#comment li div{
	position:relative;
	min-height:1px;
	font-size:12px;
	color:#222;
	line-height:1.35em;
	padding-top:12px;
	border-top:1px solid #ccc;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);
	-o-tap-highlight-color:rgba(0, 0, 0, 0);
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);
}
#comment li div{
	padding-left:10px;
	border-color:#e0e0e0;
}
#comment li div p{
	padding-right:10px;
}
#comment li div:before{
	position:absolute;
	left:9px;
	top:-7px;
	width:0;
	height:0;
	content:'.';
	border-width:0 6px 7px 6px;
	border-style:solid;
	border-color:#e9e9e9 transparent;
	overflow:hidden;
}
#comment li div:after{
	position:absolute;
	left:9px;
	top:-5px;
	width:0;
	height:0;
	content:'.';
	border-width:0 6px 7px 6px;
	border-style:solid;
	border-color:#fff transparent;
	overflow:hidden;
}
#comment :target{
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #619ed6;
}
#comment .focus{
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #619ed6;
}
#comment li div:target:before{
	border-color:#619ed6 transparent;
}
#comment li div.focus:before{
	border-color:#619ed6 transparent;
}
#comment li div:target:after{
	top:-6px;
}
#comment li div.focus:after{
	top:-6px;
}
/*
#comment .admin{
	text-shadow:0 1px 0 #fff !important;
	background:#f5f5f5 !important;
}
#comment .admin:after{
	border-color:#f5f5f5 transparent;
}
#comment .admin li,
#comment .admin div{
	text-shadow:none;
	background:#fff;
}
*/
#comment li strong a{
	line-height:1.25em;
	border-bottom:1px dashed #bbb;
	display:inline-block;
}
#comment li strong a:hover{
	border-bottom:1px solid #000;
}
#comment li span.date{
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:11px;
	color:#aaa;
	white-space:nowrap;
}
#comment li p{
	color:#777;
	line-height:1.45em;
	padding:2px 0 12px 0;
}
#comment li span.sbuttons{
	position:absolute;
	right:10px;
	top:13px;
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:10px;
	color:#bbb;
	text-transform:uppercase;
	line-height:1.2em;
	display:block;
	overflow:hidden;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;
}
#comment li span.sbuttons.hide{
	opacity:0;
	filter:alpha(opacity=0);
}
#comment li span.sbuttons a{
	color:#999;
}
#comment li span.sbuttons a:hover{
	color:#555;
}

#comment-form{
	margin-top:14px;
	padding:10px 0;
	border:solid #ccc;
	border-width:1px 0;
	display:block;
}
#comment-form legend{
	width:0;
	height:0;
	color:rgba(0, 0, 0, 0);
	overflow:hidden;
	pointer-events:none;
}
#comment-form span{
	white-space:nowrap;
	padding-right:6px;
}
#comment-form p.inputs{
	padding-left:1px;
}
#comment-form label{
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:11px;
	color:#777;
	text-transform:uppercase;
	line-height:2em;
	vertical-align:top;
	padding-right:4px;
	display:inline-block;
}
#comment-form label span{
	color:#aaa;
	padding-right:0;
}
#comment-form input{
	width:140px;
	height:16px;
	color:#222;
	line-height:1.35em;
	padding:2px 4px;
	border:1px solid #ccc;
	border-radius:0;
	background:#fff;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
}
#comment-form input.author{
	font-weight:bold;
}
#comment-form input.author,
#comment-form input.password{
	width:110px;
}
#comment-form textarea{
	width:750px;
	height:86px;
	font-size:12px;
	color:#555;
	line-height:1.45em;
	margin-top:5px;
	padding:3px 4px;
	border:1px solid #ccc;
	border-radius:0;
	display:block;
	resize:none;
	overflow:auto;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
}
#comment-form input:focus,
#comment-form textarea:focus{
	border-color:#619ed6;
	outline:none;
}
#comment-form p.button{
	margin-top:5px;
}
#comment-form p.button a,
#comment-form p.button input{
	width:100px;
	height:24px;
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:11px;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	text-transform:uppercase;
	line-height:1em;
	vertical-align:middle;
	padding:6px 0 7px;
	border:none;
	background:#619ed6;
}
#comment-form p.button a{
	height:11px;
	text-align:center;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
	background:#e0e0e0;
	display:inline-block;
	-webkit-transition:background 0.2s;
	-moz-transition:background 0.2s;
	-o-transition:background 0.2s;
	-ms-transition:background 0.2s;
}
#comment-form p.button a:hover{
	background:#b2e7f5;
}

#comment-mode{
	margin-top:20px;
}
#comment-mode p.information{
	color:#ed1c24;
	text-align:center;
	text-shadow:0 1px 0 rgba(255, 255, 255, 1);
	padding:15px 10px;
	margin-bottom:20px;
	background:#e0e0e0;
}
#comment-mode #comment{
	margin-top:0;
	border-bottom:none;
}
#comment-mode #comment-form,
#content-area.guestbook #comment-form{
	border-color:#619ed6;
}
#comment-mode #comment-form.onlypassword p.button{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ddd;
}
#content-area.guestbook #comment-form{
	position:relative;
	top:57px;
	width:100%;
	margin-top:0;
	margin-bottom:56px;
	z-index:1;
}

#comment-facebook{
	min-height:170px;
	margin-top:14px;
}
#comment-facebook iframe,
#comment-facebook div.fb_iframe_widget{
	width:100% !important;
}

ul.article-list{
	position:relative;
	top:57px;
	width:100%;
	margin-bottom:57px;
	border:solid #619ed6;
	border-width:1px 0;
}
ul.article-list li{
	line-height:1.35em;
	border-top:1px solid #e5e5e5;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-o-transition:background 0.3s;
	-ms-transition:background 0.3s;
}
ul.article-list li:first-child{
	border-top:none;
}
ul.article-list li:hover{
	background:#f5f5f5;
}
ul.article-list li span{
	font-family:tahoma, sans-serif, arial, verdana;
	font-size:10px;
	color:#bbb;
	text-transform:uppercase;
	line-height:1.2em;
	margin-top:-2.1em;
	padding:0 0 0.9em 1px;
	display:block;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
}
ul.article-list li a{
	position:relative;
	padding:8px 0 24px;
	display:block;
	-webkit-transition:color 0.2s linear, padding 0.2s ease-out;
	-moz-transition:color 0.2s linear, padding 0.2s ease-out;
	-o-transition:color 0.2s linear, padding 0.2s ease-out;
	-ms-transition:color 0.2s linear, padding 0.2s ease-out;
}
ul.article-list li a:visited{
	color:#777;
}
ul.article-list li:hover a,
ul.article-list li a:hover{
	color:#000;
	padding-left:10px;
	padding-right:10px;
}
ul.article-list li:hover span{
	color:#888;
	padding-left:11px;
}
ul.article-list li a span{
	display:inline;
}
ul.article-list li:hover a span{
	padding:0;
}
ul.article-list li a em{
	font-family:tahoma, sans-serif, arial, verdana;
	font-size:10px;
	font-style:normal;
	color:#fff;
	line-height:1.2em;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
	text-transform:uppercase;
	vertical-align:1px;
	padding:0 3px 1px;
	background:#619ed6;
	display:inline-block;
	-webkit-animation:newicon 1s infinite linear;
	-moz-animation:newicon 1s infinite linear;
	-o-animation:newicon 1s infinite linear;
	-ms-animation:newicon 1s infinite linear;
}
@-webkit-keyframes newicon{40%{background:#ccc;}60%{background:#ccc;}}
@-moz-keyframes newicon{40%{background:#ccc;}60%{background:#ccc;}}
@-o-keyframes newicon{40%{background:#ccc;}60%{background:#ccc;}}
@-ms-keyframes newicon{40%{background:#ccc;}60%{background:#ccc;}}

#index-visual{
	height:200px;
	background:#619ed6 no-repeat 50% 50%;
}
#index-visual.winter{
	background-image:url('./bg_visual.png');
}
#index-visual.spring{
	background-image:url('./bg_visual2.png');
}

#recent-list{
	min-height:1px;
	margin-right:-30px;
	overflow:hidden;
}
#recent-list div.item{
	position:relative;
	float:left;
	width:240px;
	margin-right:20px;
}
#recent-list div.item p.category{
	left:0;
}
#recent-list div.item ul.article-list li a{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
#recent-list div.item p.more{
	padding-top:10px;
}
#recent-list div.item p.more a{
	font-family:tahoma, sans-serif, arial, verdana;
	font-size:10px;
	color:#999;
	text-transform:uppercase;
	line-height:1.2em;
	padding:2px 5px 3px 4px;
	background:#eee;
	display:inline-block;
}
#recent-list div.item p.more a:hover,
#recent-list div.item p.more a span{
	color:#333;
}

#paging{
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:11px;
	line-height:1.3em;
    margin-top:20px;
}
#paging a,
#paging strong{
	min-width:8px;
	color:#777;
    text-align:center;
	margin-right:2px;
    padding:2px 5px;
    border:1px solid #e0e0e0;
    display:inline-block;
}
#paging a:hover,
#paging strong{
    color:#619ed6;
    border-color:#619ed6;
}
#paging span{
	display:none;
}
#content-area.guestbook #paging{
	margin-top:-1px;
    padding-top:20px;
	border-top:1px solid #619ed6;
}

#footer{
	position:fixed;
	top:126px;
	width:160px;
	margin-left:820px;
	*margin-left:20px;
	overflow:hidden;
}

#footer #me{
	height:15px;
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:10px;
	color:#a0c5e6;
	line-height:1.2em;
	text-align:right;
	margin-top:10px;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);
	-o-tap-highlight-color:rgba(0, 0, 0, 0);
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);
}
#footer #me:hover,
#footer #me.hover{
	height:30px;
	padding:5px 7px;
	background:#619ed6;
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
}
#footer #me strong{
	float:right;
	width:100%;
	height:16px;
	font-weight:normal;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1);
	display:block;
}
#footer #me img{
	float:left;
	margin-top:-15px;
}
#footer #me a{
	color:#b2e7f5;
	opacity:0;
	-webkit-transition:opacity 0.5s ease 0.2s;
	-moz-transition:opacity 0.5s ease 0.2s;
	-o-transition:opacity 0.5s ease 0.2s;
	-ms-transition:opacity 0.5s ease 0.2s;
}
#footer #me a:nth-child(3){
	-webkit-transition-delay:0.35s;
	-moz-transition-delay:0.35s;
	-o-transition-delay:0.35s;
	-ms-transition-delay:0.35s;
}
#footer #me a:nth-child(4){
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
}
#footer #me a:nth-child(5){
	-webkit-transition-delay:0.65s;
	-moz-transition-delay:0.65s;
	-o-transition-delay:0.65s;
	-ms-transition-delay:0.65s;
}
#footer #me a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer #me:hover a,
#footer #me.hover a{
	opacity:1;
}
#footer #me:hover strong,
#footer #me.hover strong{
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
}
#footer p.rss{
	text-align:right;
}

#footer #adminmenu{
	margin-top:11px;
}
#footer #adminmenu ul{
	width:120%;
	overflow:hidden;
	background:#eee;
}
#footer #adminmenu ul li{
	float:left;
}
#footer #adminmenu ul li a{
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:10px;
	color:#bbb;
	text-transform:uppercase;
	line-height:1.2em;
	margin-right:-2px;
	padding:2px 4px 3px;
	display:block;
}
#footer #adminmenu ul li a:hover{
	position:relative;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background:#619ed6;
}

#footer #recents{
	position:fixed;
	left:10px;
	top:10px;
	width:300px;
	padding:20px;
	background:#fff;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.3);
	opacity:0;
	--webkit-transition:opacity 0.3s;
	z-index:1;
}
#footer #recents:hover{
	opacity:1 !important;
}
#footer #recents div.movebar{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:20px;
	background:#fff;
	cursor:move;
}
#footer #recents h5{
	font-family:tahoma, sans-serif, arial, AppleGothic;
	font-size:10px;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	text-transform:uppercase;
	line-height:1.2em;
	padding:1px 4px 2px 4px;
	background:#619ed6;
	display:inline-block;
}
#footer #recents h5:nth-of-type(2){
	margin-top:20px;
}
#footer #recents ul{
	height:214px;
	margin-top:10px;
	border:solid #619ed6;
	border-width:1px 0;
	overflow:auto;
}
#footer #recents ul::-webkit-scrollbar { width:3px; background:#eee; }
#footer #recents ul::-webkit-scrollbar-button { width:3px; height:1px; }
#footer #recents ul::-webkit-scrollbar-track-piece { background-color:transparent; }
#footer #recents ul::-webkit-scrollbar-thumb { background-color:#619ed6; }
#footer #recents ul li{
	position:relative;
	font-family:tahoma, dotum;
	font-size:11px;
	margin-right:3px;
	border-bottom:1px solid #ddd;
	padding:3px 0;
	-webkit-transition:all 0.3s;
}
#footer #recents ul li:hover{
	text-indent:5px;
	background:#f5f5f5;
}
#footer #recents ul li:last-child{
	border-bottom:none;
}
#footer #recents ul li a{
	color:#555;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	overflow:hidden;
}
#footer #recents ul li a:hover{
	color:#000;
}
#footer #recents ul li span{
	color:#999;
	margin-top:-2px;
	display:block;
}
#footer #recents ul li span a{
	position:absolute;
	right:5px;
	bottom:5px;
	color:#fff;
	text-indent:0;
	line-height:1.2em;
	padding:0 3px 1px 4px;
	background:#619ed6;
	opacity:0;
	-webkit-transition:opacity 0.3s;
}
#footer #recents ul li:hover span a{
	opacity:0.5;
}
#footer #recents ul li:hover span a:hover{
	color:#fff;
	opacity:1;
}

#footer #visitors{
	height:13px;
	height:auto;
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);
	line-height:1.2em;
	margin:10px 0 -3px;
	padding:3px 5px 2px;
	background:#ccc;
	overflow:hidden;
}
#footer #visitors dt{
	float:left;
	width:50%;
	padding:2px 0;
	opacity:0.75;
}
#footer #visitors dd{
	float:right;
	width:50%;
	text-align:right;
	padding:2px 0;
}

@media screen and (max-width:980px){
	#header{
		position:static;
		width:auto;
		margin:0;
		border:none;
	}
	#header h1{
		float:left;
		text-align:left;
		border-bottom-color:transparent;
	}
	#header ul{
		float:right;
		margin:15px 0 0;
		border-bottom-color:#ccc;
		background:#eee;
	}
	#header ul li{
		float:left;
		margin:0;
	}
	#header ul li a{
		margin-bottom:0;
		padding:5px 9px;
		border:none;
	}
	#body{
		width:800px;
	}
	#body:before{
		display:none;
	}
	#content-area{
		float:none;
	}
	#content-area.index{
		padding-top:20px;
	}
	#paging{
		text-align:center;
	}
	#footer{
		position:relative;
		top:auto;
		width:auto;
		margin:-3px 0 6px;
	}
	#footer #me{
		width:90px;
		height:13px;
		text-align:left;
		white-space:nowrap;
		padding:3px 0;
	}
	#footer #me:hover,
	#footer #me.hover{
		width:243px;
		height:13px;
		padding:3px 5px;
		background:#619ed6;
	}
	#footer #me strong{
		float:none;
		display:inline;
	}
	#footer #me strong:after{
		content:'/';
		color:#a0c5e6;
		text-shadow:none;
		margin:0 0.2em 0 0.6em;
	}
}

@media screen and (max-width:800px){
	#body{
		width:auto;
	}
	#header h1{
		padding-left:20px;
	}
	#header ul{
		margin-right:20px;
	}
	#content-area{
		float:none;
		width:auto;
	}
	#comment-form textarea{
		width:98%;
	}
	#recent-list{
		margin-right:0;
	}
	#content-area.post #recent-list{
		padding-right:20px;
	}
	#recent-list div.item{
		float:none;
		width:auto;
		margin-right:0;
	}
	#footer{
		margin-left:20px;
	}
}

@media screen and (max-width:640px){
	body{
		-webkit-text-size-adjust:none;
		-moz-text-size-adjust:none;
		-o-text-size-adjust:none;
		-ms-text-size-adjust:none;
	}
	#index-visual{
		height:100px;
	}
	#content-area img,
	#content-area iframe{
		width:100%;
	}
	#comment li span.sbuttons{
		position:static;
		margin:-4px 0 15px 1px;
	}
	#comment li span.sbuttons.hide{
		height:0;
		margin-top:0;
		margin-bottom:0;
	}
	#comment-form span{
		padding-right:0;
		display:block;
	}
	#comment-form span label{
		display:block;
	}
	#comment-form span label span{
		display:inline;
	}
	#comment-form.onlypassword span label{
		display:inline-block;
	}
}

@media screen and (max-width:450px){
	#header h1{
		float:none;
	}
	#header ul{
		float:none;
		margin:-10px 20px 20px;
		overflow:hidden;
	}
}

@media screen and (max-width:320px){
	#header h1{
		padding-left:10px;
	}
	#header ul{
		margin-left:10px;
		margin-right:10px;
	}
	#content-area p.category{
		left:10px;
	}
	#content-area{
		padding-left:10px;
		padding-right:10px;
	}
	#comment-form textarea{
		width:95%;
	}
	#footer{
		margin-left:10px;
	}
}