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

body {padding:0; margin:0; font-family:Nanum Gothic; background-color:whitesmoke;}
body a {border:0; text-decoration:none; color:#000;}
body a:hover {opacity:0.3;}

#container {
	
}

#header {
	background-color:#fff; 
	border-bottom:1px solid #e6e6e6;
	box-shadow:0px 1px 3px rgba(0,0,0,0.15);
	padding:20px;
	margin-bottom:40px;
	text-align:center;
}
#header span {display:inline-block;}
.logo {margin-right:26px;}
.searchBox {border:1px solid #dbdee3; height:40px; position:relative; margin:0 auto; width:500px;}
.searchBox input {border:0; box-sizing:border-box; height:100%; padding:10px;}
.search {position:absolute; left:0; width:90%;}
.submit {position:absolute; right:0; width:10%;}

#containerWrap {
	background-color:#fff;
	border-collapse:collapse;
	border-top:1px solid #e6e6e6;	
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	display:table;
	margin:0 auto;
}

#content {
	border-right:1px solid #e6e6e6;
	display:table-cell;
	line-height:27px;
	padding:40px;
	vertical-align:top;
	width:690px;
}
.searchList ol {padding:0; list-style-type:none;}
.searchList li {margin-bottom:20px;}
.searchList .date {color:#bdbdbd; font-size:10pt;}

.entryProtectedBox {border:1px solid #e6e6e6; position:relative; height:40px; width:400px;}
.entryProtected_password {background-color:#fff; border:0; box-sizing:border-box; height:100%; left:0; padding:10px; position:absolute; width:85%;}
.entryProtected_submit {background-color:#fff; border:0; border-left:1px solid #e6e6e6; box-sizing:border-box; height:100%; padding:10px; position:absolute; right:0; width:15%;}

.entry {padding-bottom:40px;}
.entry h1 {margin:0; padding-bottom:40px; line-height:1.4em;}
.entryDate {border-top:1px solid #e6e6e6; color:#555; font-size:10pt; margin-bottom:40px; text-align:right;}
.entryDate a {color:#555; margin-right:20px;}

.actionTrail {border-top:1px solid #e6e6e6; text-align:right;}

.comment {width:100%; margin-top:40px;}
.rp_box input {border:1px solid #e6e6e6; display:inline-block; margin-bottom:20px; padding:10px;}
.commentWriteBox {border:1px solid #e6e6e6; position:relative; height:100px;}
.commentWriteBox textarea {background-color:#fff; border:0; box-sizing:border-box; height:100%; left:0; overflow-y:auto; padding:10px; position:absolute; width:85%;}
.commentWriteBox input {background-color:#fff; border:0; border-left:1px solid #e6e6e6; box-sizing:border-box; height:100%; padding:10px; position:absolute; right:0; width:15%;}

.commentList ol {padding:0; list-style-type:none;}
.commentList li {position:relative;}
.commentList ul {padding-left:80px; list-style-type:none;}
.commentListWrap {padding:40px 0 40px 0; border-top:1px solid #e6e6e6}
.commentListWrap img {position:absolute; left:0; border-radius:64px;}
.commentListBox2 img {position:absolute; left:0; border-radius:64px;}
.commentListBox1 {margin:0 0 10px 80px;}
.commentListBox2 {margin:0 0 10px 80px;}
.commentListBoxName {font-weight:bold;}
.commentListBoxDate {font-size:12px; color:#BDBDBD; margin:0 0 0 10px;}
.commentListBoxDate a {color:#BDBDBD;}
.rp_general {background:url(images/guest_icon.png) no-repeat;}

.paging {padding:40px; text-align:center;}
.num {color:#000; display:inline-block; padding:10px;}
.paging .selected {background-color:#444; color:#FFF; font-weight:bold; padding:10px;}

#sidebar {
	width:300px; 
	border-left:1px solid #e6e6e6;
	display:table-cell; 
	padding:20px;
	vertical-align:top; 
}
#sidebar h3 {padding:10px; margin:0; border-bottom:1px solid #e6e6e6;}
.category {border:1px solid #e6e6e6; margin:20px 0 20px 0;}
.category ul, .recentPost ul, .recentComment ul {list-style-type:none; margin:0; padding:0;}
.category ul li a {display:block; padding:10px;}
.category ul li a:hover {background-color:#444; color:#fff; opacity:1;}

.recentPost, .recentComment {border:1px solid #e6e6e6; margin:20px 0 20px 0;}
.recentPost li, .recentComment li {padding:10px;}

.info_wrap {font-size:10pt; color:#bdbdbd;}

#footer {
	background-color:#fbfbfb;
	border-top:1px solid #e6e6e6;
	padding:40px;
	text-align:center;
}
#footer span {display:inline-block;}
.blogTitle a {color:#000; font-size:10pt;}
.blogMenu a {color:#999; font-size:10pt;}
.blogMenu ul {list-style-type:none; padding:0; margin:0;}
.blogMenu li {display:inline-block; padding:0; margin-left:20px;}

.footer_logo {margin-top:20px;}

@media screen and (max-width:1111px) {
	iframe, embed, object{width:auto;}
	img {max-width:100%; height:auto;}
	span.imageblock {max-width: 100%; height: auto;}
	
	#header span {display:block; margin-top:20px;}
	.searchBox {width:auto;}
	.search {width:85%;}
	.submit {width:15%;}
	#containerWrap {border:0; display:block;}
	#content {border:0; display:block; padding:20px; width:auto;}
	.entry h1 {font-size:16pt; padding-bottom:20px;}
	.entryProtectedBox {width:auto;}
	.comment {width:auto; margin-top:20px;}
	.commentListBoxDate {display:block; margin:0 10px 0 0;}
	.rp_box {display:block;}
	#sidebar {display:block; width:auto; padding:20px; margin-top:20px;}
	#footer {margin-top:20px;}
}