body {padding:0px; margin:0px; font-size:12px;}
img {max-width:100%; vertical-align:middle;}
a {text-decoration:none;}

#main {
	margin:0 auto; padding: 8px;
	max-width:800px; min-width:400px;
	background-color:#fff;
}
#main-top {width:100%; height:24px; margin-bottom:10px;}
#title {text-align:center;}
#menu {
	margin:16px 0px 32px 0px;
	font-size:16px; font-weight:bold; text-align:center;
}
#menu .submenu {display:inline-block; margin:0px 10px;}
#menu .submenu a {color:#ccc;}
#menu .submenu.selected a {color:#000;}
#content {
	min-height:calc( 100% - 438px );
}
#main-footer {margin-top:30px; text-align:center; color:#666;}

.article {
	position:relative;
	display:flex;
	min-height:50px;
	padding:6px;
	margin-bottom:10px;
	text-align:center;
	border:2px #eee solid;
	border-radius:32px;
	cursor:pointer;
}
.article img.thumb {
	position:absolute; top:6px; left:6px;
	width:50px; height:50px; border-radius:25px;
	margin-right:auto;
	background-color:#ddd;
}
.article .inner {margin: auto;}
.article .date {position:absolute; top:5px; right:15px; font-size:10px; color:#ccc;}
.article .title {
	margin:0px 54px;
	font-size:16px;font-weight:bold;
}
.article .detail {
	margin:0px 54px;
	font-size:12px;color:#888;
}

#view-top {display:flex; height:30px; border-bottom:1px #ddd solid; margin-bottom:6px;}
#view {position:relative;}
#view .title {
	display:flex; align-items:center; padding-bottom:10px;
	font-size:18px; font-weight:bold;
	border-bottom:1px #ddd solid;
}
#view img.thumb {
	width:50px; height:50px; border-radius:25px;
	margin-right:10px;
	background-color:#ddd;
}
#view .date {position:absolute; top:5px; right:15px; font-size:10px; color:#aaa;}
#view .detail {
	margin:30px 10px;
	font-size:14px; color:#666;
}

#view img.store {margin-right:10px;}
#view img.book {margin:10px;}

/* Content-page */
.header {
	font-family:"나눔고딕",Nanum Gothic,Helvetica Neue,sans-serif;
	font-size:24px; color:#333;
	margin: 10px 0;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
.subtitle {
	font-family:"나눔고딕",Nanum Gothic,Helvetica Neue,sans-serif;
	font-size:20px; color:#555;
	font-weight:bold;
}
.text {text-indent:0.8em;font-size:16px;}
.hdr3 {font-size:20px;}
.empha {font-size:1.2em;background: #fff593;}
.keyword {
	border-radius:3px;
	padding:5px 10px;
	font-size:13px;
	background: #f3f4f5;
}
blockquote.bq1 {
	font-family: se-nanummyeongjo,\\B098\B214\BA85\C870,nanummyeongjo,serif,simsun;
	font-size:16px;
	font-style:italic;
	text-align:center;
	line-height:28px;

	background-image: url("/img/quote1_top.png"), url("/img/quote1_bottom.png");
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
	padding: 40px 0 40px 0;
	margin-bottom:35px;
}
blockquote.bq2 {
	font-family: se-nanummyeongjo,\\B098\B214\BA85\C870,nanummyeongjo,serif,simsun;
	font-size:16px;
	text-align:center;
	line-height:28px;

	background-image: url("/img/quote2_top.png"), url("/img/quote2_bottom.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	padding: 40px 0 40px 0;
	margin: 40px 20px;
}
blockquote.bq3 {
	font-family: se-nanummyeongjo,\\B098\B214\BA85\C870,nanummyeongjo,serif,simsun;
	font-size:16px;
	line-height:28px;
	margin: 40px 20px;
	padding: 40px;
	border:1px #ddd solid;
}
.quote_source {font-size:12px;color:#999;}

/* common helper */
.r {float:right;}
.c {text-align:center;}
.round {border-radius: 5px;}

@media screen and (min-width:800px) {
	#main {
		border:2px #f3f3f3 solid;
		margin-top:15px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
}
@media screen and (max-width:800px){
	
}