/* -------------------- 본문 Style -------------------- */
@font-face {
	font-family : "나눔명조";
	src : url("Fonts/NanumMyeongjo.ttf");
}
@font-face {
	font-family : "리디";
	src : url("Fonts/RIDIBatang.otf");
}
@font-face {
	font-family : "성경폰트";
	src : url("Fonts/국립박물관문화재단클래식L.ttf");
}

h1 {
	font-family:"리디";
	font-weight:bold;
	font-size:300%;
	text-align:center;
}

h2 {
	font-family:"리디";
	font-weight:bold;
	text-align:left;
}

h3 {
	font-family:"리디";
	font-weight:bold;
}

p {
	font-family:"나눔명조";
	line-height:180%;
	text-indent:2em;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:50px;
	margin-right:20%;
}

p.bible {
	font-family:"성경폰트";
	font-weight:bold;
	line-height:180%;
	text-indent:0em;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:50px;
	margin-right:22%;
	background-color:#ffffcc;
}

p.note {
	font-family:"굴림";
	font-size:100%;
	line-height:180%;
	text-indent:0em;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:40px;
	margin-right:22%;
}

p.writer {
	text-indent:0em;
}

p.rabbi {
	font-family:"나눔명조";
	font-size:130%;
	line-height:180%;
}

p.mm {
	font-size:100%;
	line-height:180%;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:40px;
	margin-right:22%;
}

/* header */
.header {
	background-color:DodgerBlue;
	padding:10px;
	text-align:center;
	font-size:120%;
	color:white;
}
		  
/* main */
.main {
	width:800px;
	margin:auto;
	padding:20px;
	font-size:120%;
	/*border : 1px solid black;*/
}


/* footer */
.footer {
	background-color: lightgray;
	padding:10px;
	text-align:center;
	color:white;
	/* border : 1px solid #bcbcbc; */
}

/* Left side Navigation bar */
.sidebar {
	position: fixed;
	width: 5%;
	height: 2%;
	z-index: 1;
	top: 0%;
	left: 0%;
	background-color: #ccfff1;
	overflow-x: hidden;
	padding-top: 10px;
	/* Transition */
	transition-property: width, height;
	transition-duration: 0s;
}
.sidebar:hover{
	height: 100%;
	width: 20%;
}
.sidebar a {
	padding: 5px 5px;
	text-decoration: none;
	color: black;
	display: block;
}
.sidebar a:hover {
	color: blue;
	font-size : 150%;
	font-weight : bold;
	text-decoration : underline ;
}

/* Goto Top Button */
#myBtn {
	display: none;
	width:80px;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: yellow;
	color: black;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
}
#myBtn:hover {
	background-color: white;
	color: red;
}


@media ( max-width: 900px ) {
	body {
	  box-sizing: border-box;
	  width : 100%;
	}
 }