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

/****************************	Write****************************/
.btn_confirm {
	text-align:center;
	padding:40px 0;
}
.bo_w_flie {
	margin-top: 5px;
}
/****************************	Viewer****************************/
#bo_v .title {
	font-weight:800;
	text-align:center;
	padding:20px 0;
	font-size:25px;
}
#bo_v .review {
	margin:10px 0;
}
#bo_v .log {
	padding:15px;
	background:rgba(255,255,255,.6);
	border:1px solid rgba(0,0,0,.2);
	margin-top:10px;
	font-family: 'Nanum Gothic', sans-serif;
}
#bo_v_info {
	text-align:center;
}
#bo_v_info strong {
	display:inline-block;
	font-weight:400;
}
#bo_v_info strong+strong:before {
	content:"/ ";
}
@media print {
	#h_header,.copyright,.btn_confirm {
		display: none !important;
	}
}

/****************************	List****************************/
#bo_sch {text-align:center;}
#bo_cate {
	text-align:center;
}
#bo_cate li {
	display:inline-block;
	vertical-align:middle;
	margin:0.2em;
}
#bo_cate li a {
	border-radius:9em;
}
.trpg-card-list {
	display:block;
	position:relative;
	text-align:center;
	padding:20px 0;
	overflow:hidden;
}
.trpg-card-list li {
	display:inline-block;
	position:relative;
	max-width:47%;
	padding:5px;
	box-sizing:border-box;
}
.trpg-card-list .trpg-card-frame {display:block; position:relative; width:100%; z-index:0;}
.trpg-card-list .trpg-card-frame .pad {position:relative; z-index:-1;}
.trpg-card-list .trpg-card-frame a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 10px 0 rgba(0,0,0,0.3);
}
.trpg-card-list .trpg-card-frame a > em {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	transform:translate(-50%, -50%) scale(1.3);
	-webkit-transform:translate(-50%, -50%) scale(1.3);
	transition: transform 0.5s;
	background:no-repeat 50% 50%;
	background-size:cover;
	opacity:1;
}
.trpg-card-list .trpg-card-frame a:hover > em {
	transform:translate(-50%, -50%) scale(1);
	-webkit-transform:translate(-50%, -50%) scale(1);
	transition: transform 0.5s;
	opacity:0.8;
}
.trpg-card-list li a .cover {
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:.5em;
	font-size:16px;
	overflow:hidden;
}
.trpg-card-list li a .cover > * {display:block; position:relative;font-size:1em; margin:5px 0; max-width:80%; word-break:keep-all; line-height:1.2; padding:.7em 1.5em;}
.trpg-card-list li a .cover .subject {text-align:left; transform:translateX(-100%); -webkit-transform:translateX(-100%); border-radius:0 9em 9em 0;}
.trpg-card-list li a .cover .info {text-align:right; font-size:.9em; float:right; transform:translateX(100%); -webkit-transform:translateX(100%); border-radius:9em 0 0 9em;}
.trpg-card-list li a:hover .cover > * {transform:translate(0); -webkit-transform:translate(0);}


@media all and (max-width:740px) {
	.trpg-card-list li a .cover {font-size:15px;}
}
@media all and (max-width:540px) {
	.trpg-card-list li a .cover{font-size:14px;}
}
@media all and (max-width:430px) {
	.trpg-card-list li a .cover {font-size:13px;}
}