
#small_menu_1:checked ~ div { height: 200px; transition: 0.4s all; }

.rnd_title { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../source/rnd/titleimg.jpg') no-repeat center !important; background-size: cover !important; }

#rnd_top_img { background: url('../source/rnd/상단연구소이미지.jpg') no-repeat center; position: relative; width: 100%; height: 320px; background-size: cover;}

#rnd_top_img > div { position: relative; font-size: 47px; color: #191919; top: 252px; }

#rnd_top_img > div > p { background-color: #fff; display: inline; font-weight: bold; }

#rnd_top_subtext { margin-top: 50px; color: #b7b7b7; font-size: 16px; font-weight: 500; }

#rnd_bottom_contentbox { display: flex; justify-content: space-between; }

#rnd_bottom_contentbox > div,#rnd_bottom_contentbox > div > div { width: 300px; height: 400px; overflow: hidden; position: relative; }

#rnd_bottom_contentbox > div:nth-child(1) > div > #rnd_bottom_background1 { width: 100%; height: 100%; background: url("../source/rnd/의료기기.jpg") no-repeat; background-size: auto 130%; background-position-x: 60%; background-position-y: 30%; transition: all .5s; }
#rnd_bottom_contentbox > div:nth-child(2) > div > #rnd_bottom_background2 { width: 100%; height: 100%; background: url("../source/rnd/의약외품.jpg") no-repeat; background-size: cover; background-size: auto 190%; background-position-x: 46%; background-position-y: 75%; transition: all .5s; }
#rnd_bottom_contentbox > div:nth-child(3) > div > #rnd_bottom_background3 { width: 100%; height: 100%; background: url("../source/rnd/그외기타항목.jpg") no-repeat; background-size: auto 100%; background-position-x: 28%; transition: all .5s; }

#rnd_bottom_contentbox > div:nth-child(1):hover > div > #rnd_bottom_background1 { scale: 1.06; }
#rnd_bottom_contentbox > div:nth-child(2):hover > div > #rnd_bottom_background2 { scale: 1.06; }
#rnd_bottom_contentbox > div:nth-child(3):hover > div > #rnd_bottom_background3 { scale: 1.06; }

.rnd_bottom_textbox { position: absolute; bottom: 0; height: 120px; width: 100%; color: #fff; margin-left: 24px; }

.rnd_bottom_textup { font-size: 30px; font-weight: bold; }
.rnd_bottom_textdown { font-size: 18px; margin-top: 5px; }




@media screen and (max-width: 1220px) {
	#rnd_bottom_contentbox { display: block; }
	#rnd_bottom_contentbox > div, #rnd_bottom_contentbox > div > div { width: 100%; height: 330px; margin-bottom: 20px; }
	#rnd_bottom_contentbox > div:nth-child(1) > div > #rnd_bottom_background1 { background-size: cover; }
	#rnd_bottom_contentbox > div:nth-child(2) > div > #rnd_bottom_background2 { background-size: cover; }
	#rnd_bottom_contentbox > div:nth-child(3) > div > #rnd_bottom_background3 { background-size: cover; background-position: center;  }
	.content { margin: 0 10px !important; }
	#rnd_top_img > div { font-size: 38px; }
	#rnd_top_subtext ~ p { font-size: 38px !important; margin-top: 50px !important; }
	#rnd_top_img > div { top: 226px; }
	#rnd_top_subtext { margin-top: 40px; font-size: 14px; }
	#rnd_top_img { height: 280px; }
}
