/*//////////////////////////////////////////////////////////////////////////////

STAFF.css

//////////////////////////////////////////////////////////////////////////////*/
#cover {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top: 6px solid #fff;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-bottom: 3px solid #fff;

	background: url(../img/cover.jpg) no-repeat center center;
	background-size: cover;
	height: 200px;   /* 원본 실제 렌더값 */
}
#intro {
	text-align: center;
	margin-top: 60px;
}
#intro h1 {
	font-family: 'Lato', Arial, serif; font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 40px;
	margin: 0 auto;
	color: #333;
	line-height: 1;
}
#intro p {
	font-size: 15px;
	line-height: 1.8;
}

#content {
	padding-bottom: 60px;
}
#content img {
	max-width: 100%;
	height: auto;
	display: block;
}
#content .box {
	padding: 10px;
}
.col1-2 {
	margin-top: 50px;
}
.col1-2 img {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 20px solid #fff;
}
dd {
	text-align: justify;
	width: calc(100% - 80px);
	margin: 0 auto;
}
.name_set {
	display: flex;
	align-items: center;
}
.name_en {
	font-family: 'Georgia', 'Times New Roman', serif;
	font-style: italic;
	color: #aaa;
	line-height: 1;
	font-size: 12px;
	margin-left: 10px;
}
.comment {
	color: #333;
	font-size: 14px;
	margin-top: 20px;
}
.comment p + p {
	margin-top: .5em;
}
.blog {
	font-size: 14px;
	font-family: 'Lato', Arial, serif; font-weight: 400;
	color: #fff;
	width: 100px;
	margin: 20px auto 0 auto;
}
.blog a {
	background: #5F492C;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 6px 0;
}
.blog a:hover {
	color: #fff;
	background: #000;
}
.position {
	font-size: 11px;
}

/* Responsive Styles
   ==========================================================================
   원본은 767/479 를 썼으나 사이트 전체 브레이크포인트(768/480)로 통일 */
@media screen and (max-width: 768px) {
	#main { border: 3px solid #fff; }
	#cover {
		border-top: 0;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
}
@media screen and (max-width: 480px) {
	.col1-2 { width: 100%; }
	dd {
		text-align: justify;
		width: 80%;
		margin: 0 auto;
	}
}