#culture_sub01_content {
	width: 144rem;
    margin: 0 auto;
}

.culture_sub01_title_section {
	text-align: center;
}

.culture_sub01_title {
	font-size: 4.8rem;
    margin-top: 10rem;
}

.culture_sub01_description {
	font-size: 3.2rem;
	font-weight: 500;
    margin-top: 6.5rem;
    word-break: keep-all;
	
}

.culture_sub01_board_section {
	margin-top: 5.5rem;
}

.culture_sub01_board_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3rem;
}

.culture_sub01_board_box {
	width: 44rem;
    margin: 0 3rem 6rem;
}

.culture_sub01_board_box > .culture_sub01_img_section {
	width: 100%;
    height: 30.8rem;
    position: relative;
    cursor: pointer;
}

.culture_sub01_img_section > img {
	max-width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.culture_sub01_board_hover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	display: none;
}

.culture_sub01_board_hover > img {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.culture_sub01_board_box > .culture_sub01_board_box_title > h1 {
	font-size: 2.8rem; 
	font-weight: bold; 
	color: #111111;
	margin-top : 3.6rem;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.culture_sub01_board_box > .culture_sub01_board_box_date > h1 {
	font-size: 1.8rem; 
	color: #8f8f8f;
	margin-top : 2.2rem;
}

.culture_sub01_board_page {
	display: flex;
	justify-content: center;
	margin-bottom: 14rem;
	color: #414141;
}

.culture_sub01_board_page > .culture_sub01_board_page_active {
	background: #2992b5;
	color: #ffffff;
}

.culture_sub01_board_page_btnPage {
	width: 5rem;
    height: 5rem;
    border: solid 0.1rem #dddddd;
    position: relative;
    cursor: pointer;
}

.culture_sub01_board_page_btnPage > h1{
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1440px) {
	#culture_sub01_content {
		width: 90%;
	}
	
	.culture_sub01_board_box {
    	width: calc(33.3% - 6rem);
	}
}

@media (max-width:720px) {		
	#culture_sub01_content {
		width: 93.05%;
	}
	
	.culture_sub01_title {
		margin: 10rem auto 6.5rem;
	    font-size: 4rem;
	}

	.culture_sub01_description {
		margin-top: 5.5rem;
	}
	
	.culture_sub01_board_list {
		display: block;
    	margin: 0;
	}
	
	.culture_sub01_board_box {
	    width: 100%;
   	    margin: 0 0 5.4rem;
	}
	
	.culture_sub01_board_box > .culture_sub01_img_section {
		height: 47rem;
	}
	
	.culture_sub01_board_page {
	    margin: 3.1rem 0 11rem;
	}
}