html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	max-height: 500%;
}
a {
	text-decoration: none; 
	outline: none;	
	color: #000;
}
a[id="title"]{
	display : block;
}
a[id="bold"]{
	text-decoration: none; 
	outline: none;	
	color: #4183C4;
	font-weight:normal;
}
a[id="Sbold"]{
	text-decoration: none; 
	outline: none;
	color: #4183C4;
	font-weight: bold;
}
img{
	margin-bottom: 50px;
}
.box{
	display: flex;
	height: 90%;
}

.box_list{
	width: 280px;
	height: 100%;
	border: 1.5px solid #D3D3D3;
	background: #FAFAFA;
	border-top: 0px;
	border-bottom: 0px;
}

.box_list>div:nth-of-type(1){
	color: #202020;
	font-weight: 700;
	padding: 0 12px;
	line-height: 55px;
	border-bottom: 1.5px solid #D3D3D3;
	margin-bottom: 20px;
}
.box_list>div:not(:nth-of-type(1)) a{
	padding: 0 24px;
	line-height: 34px;
	color: #666666;
	font-size: 14px;
}
.box_list>div:not(:nth-of-type(1)):hover{
	background-color: rgb(242,242,242);
}


.input{
	border-radius: 3px;
	border:1px solid #DEDEDF;
	height: 28px;
	width: 250px;
}

.anu{
	background: #E5E5E5;
}


.box_content{
	flex: 1;
}
.box_content>div:nth-of-type(1){
	line-height: 60px;
	text-align: center;
	color: #8C8C8C;
	font-size: 22px;
}

#text{
	font-size: 15px;
	font-weight:900;
	color: #525252;
	line-height: 30px;
	margin-left: 80px;
}

.footer{
	width: 100%;
	position: fixed;
	border-top: 1.5px solid #D3D3D3;
	height: 10%;
	background-color: #FAFAFA;
	text-align: center;
	line-height: 60px;
}