@charset "UTF-8";


/*-----------------------------------

	info_block

-----------------------------------*/
#info_block{
	padding: 60px 0 0;
}

#info_block .category_box{
	gap: 10px;
	max-width: 590px;
	width: 100%;
	margin: 0 auto 40px;
	justify-content: center;
}
#info_block .category_box a{
	width: calc((100% - 30px) / 4);
}
#info_block .category_box a:hover{
	background: #00B796;
	opacity: 1;
	color: #fff;
}
#info_block .category_box .tag{
	margin-left: 0;
}
#info_block .info_wrap a{
	display: block;
}
#info_block .info_wrap a:hover{
	background: #e8e8e8;
	opacity: 1;
}
#info_block .info_wrap .info_box{
	padding: 20px 10px;
	border-bottom: 1px solid #DADADB;
}
#info_block .tag{
	font-size: 15px;
    min-width: 140px;
	padding: 0 10px;
    text-align: center;
    background: #DADADB;
	margin-left: 10px;
}
#info_block .info_wrap .info_box h3{
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
}
#info_block .info_wrap .info_box .txt{
	font-weight: 400;
}

/*.pagenation{
	margin: 60px auto 0;
}*/
.pagenation ul,
ul.page-numbers{
	justify-content: center;
	font-size: 18px;
	gap: 5px;
	display: flex;
	margin: 60px auto 0;
}
.pagenation ul .page-numbers,
ul.page-numbers li .page-numbers{
	display: block;
	padding: 16px 20px;
    line-height: 1;
}
.pagenation ul .page-numbers.current,
ul.page-numbers li .page-numbers.current{
	background: #00B796;
	color: #fff;
}

@media screen and (max-width: 840px) {
	
}
@media screen and (max-width: 640px) {
	#info_block .category_box{
		margin-bottom: 25px;
	}
	#info_block .category_box a{
		width: calc((100% - 10px) / 2);
	}
	
	#info_block .tag{
        font-size: 13px;
        width: 120px;
	}
	
	.pagenation{
		margin: 35px auto 0;
	}
	.pagenation ul{
		font-size: 14px;
	}
	.pagenation ul .page-numbers,
	ul.page-numbers li .page-numbers{
		padding: 5px 15px;
	}
}


/****detail****/
#info_block.detail .date_box{
	margin-bottom: 20px;
}
#info_block.detail .date_box .tag{
	margin: 0 0 0 10px!important;
}

#info_block.detail h3{
	font-size: 36px;
    font-weight: 700;
    line-height: 1.6;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DADADB;
}
#info_block.detail h4{
	font-size: 27px;
    font-weight: 700;
    line-height: 1.6;
	margin-bottom: 20px;
	background: #00B796;
	padding: 10px;
	color: #fff;
}
#info_block.detail h5{
	font-size: 22px;
	font-weight: 700;
    line-height: 1.6;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 7px;
}
#info_block.detail h5::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 2px;
	background: #00B796;
}
#info_block.detail p{
	margin: 20px 0;
	font-weight: 400;
}
#info_block.detail img{
	max-width: 640px;
	width: 100%;
	margin: 20px auto;
}

#info_block.detail .btn_box .gr_btn{
	margin: 50px auto 0;
	display: block;
}

@media screen and (max-width: 840px) {
	
}
@media screen and (max-width: 640px){
	#info_block.detail h3{
		font-size: 25px;
		margin-bottom: 10px;
	}
	#info_block.detail h4{
		font-size: 20px;
		margin-bottom: 10px;
		padding: 5px 10px;
	}
	#info_block.detail h5{
		font-size: 18px;
		margin-bottom: 10px;
	}
	#info_block.detail p,
	#info_block.detail img{
		margin: 10px 0;
	}
}