.factory_title { font-size: 2.3em; color: #191919; font-weight: bold; }

.factory_subtitle { font-size: 20px; color: #b3b3b3; font-weight: 300; position: relative; left: 20px; }

.preview_area { display: flex; }

.preview { width: 160px; height: 90px; margin: 10px 5px 0 5px; transition: 0.1s all; cursor: pointer; text-align: center; }
.view_area { overflow: hidden; height: 540px; display: flex; align-items: center; }
.view_area > img { width: 100%; }

.view1 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/1.jpg') no-repeat center; background-size: cover; }
.view2 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/2.jpg') no-repeat center; background-size: cover; }
.view3 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/3.jpg') no-repeat center; background-size: cover; }
.view4 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/4.jpg') no-repeat center; background-size: cover; }
.view5 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/5.jpg') no-repeat center; background-size: cover; }
.view6 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/6.jpg') no-repeat center; background-size: cover; }
.view7 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol1/7.jpeg') no-repeat center; background-size: cover; }

.m2view1 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/1.jpeg') no-repeat center; background-size: cover; }
.m2view2 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/2.jpg') no-repeat center; background-size: cover; }
.m2view3 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/3.jpg') no-repeat center; background-size: cover; }
.m2view4 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/4.jpg') no-repeat center; background-size: cover; }
.m2view5 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/5.jpg') no-repeat center; background-size: cover; }
.m2view6 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/6.jpg') no-repeat center; background-size: cover; }
.m2view7 { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/factoryview/medipol2/7.jpg') no-repeat center; background-size: cover; }

.preview > div > img { width: 24px; margin-bottom: -4px; }
.preview > div { color: #FFFFFF; transform: translateY(50px); opacity: 0; transition: 0.4s all; font-size: 16px; font-weight: 300; }

.preview_area > div:hover > div{ transform: translateY(24px); opacity: 1; }

#small_menu_1:checked ~ div { height: 200px; transition: 0.4s all; }

#small_menu_2:checked ~ div { height: 200px; transition: 0.4s all; }

@media screen and (max-width: 1220px) {
	#medipol1, #medipol2 { width: 100%; }
	.factory_title { font-size: 30px;}
	.factory_subtitle { font-size: 16px; top: -8px; left: 6px; }
	.view_area { height: 240px; }
}