#injection_top_area { display: flex; justify-content: space-between; }

#injection_top_area > div:nth-child(1) { width: 40%; }
#injection_top_area > div:nth-child(2) { width: 60%; position: relative; }

.injection_title { font-size: 47px; color: #191919; font-weight: bold; }
.injection_subtitle { font-size: 16px; color: #b7b7b7; position: absolute; top: 50%; transform: translateY(-50%); }

.icon { width: 12px; height: 12px; border-radius: 100%; background: white; border: 3px solid #6540bf; display: inline-block; }
.icon_set { display: inline-block; text-align: center; color: #191919; font-size: 21px; font-weight: 500; width: 105px; }
#injection_icon_area { display: flex; justify-content: space-between; position: relative; margin: 80px 0 80px 0; }
#injection_icon_area::after { height: 1px; width: 856px; position: absolute; background-color: #6540bf; content:""; left: 52px; top: 16px; z-index: -1;}

#step_area { display: flex; justify-content: space-between; flex-wrap: wrap; }

.step_area_set { width: 300px; height: 520px; text-align: center; }

.step_text { color: #6540bf; font-size: 22px; font-weight: bold; }

.step_title { color: #191919; font-size: 22px; font-weight: bold; }

.step_img { height: 300px; margin: 12px 0 12px 0; }

.step_subtext { text-align: left; color: #b7b7b7; font-size: 16px; }

.step_subtext > p { display: flex; }

.step_subtext > p > h { width: 14px; }

#centerimg { background: url("../source/injection/centerimg.jpg") no-repeat center; background-size: 120% auto; height: 300px; position: relative; background-position-x: 80%; }

#centerimg_textbox { display: inline-block; position: absolute; font-size: 16px; color: #8c8c8c; bottom: 10%; left: 28%; }

#centerimg_textbox > p:nth-child(1) { font-size: 38px; color: #191919; font-weight: 500; margin-bottom: 20px; }

.bottom_content_title { font-size: 38px; font-weight: 500; color: #191919; margin-top: 50px; }
.bottom_content_subtitle { font-size: 16px; color: #b7b7b7; margin: 8px 0 16px 0; }
#medipol1_img { background: url("../source/factoryview/medipol1/1.jpg") no-repeat center; background-size: cover; height: 220px; background-position-y: 17%; }

#medipol2_img { background: url("../source/injection/medipol2.jpg") no-repeat center; background-size: cover; height: 220px; background-position-y: 17%; }

#medipol1_table { width: 100%; text-align: center; border-spacing: 0; font-size: 16px !important; }

.table_thead { height: 40px; background-color: #e1e1e1; }

.table_thead > tr > th { font-weight: 400 !important; }

.table_thead ~ tbody > tr > td { border-bottom: solid 1px #e1e1e1; height: 40px; }

.table_thead ~ tbody > tr > td  { border-right: solid 1px #e1e1e1;  }
.table_thead ~ tbody > tr > td:nth-child(4)  { border-right: 0; }

.text_mo { display: none; width: 85%; }
.text_pc { display: block; }

@media screen and (max-width: 1220px) {
	.content { margin: 0 10px !important; }
	#injection_icon_area::after { left: 6%; width: 88%; top: 7px; }
	#injection_top_area { flex-wrap: wrap; }
	#injection_top_area > div:nth-child(1) { width: 100%; }
	.injection_subtitle { position: static; transform: translateY(0); margin-top: 20px; font-size: 13px; }
	#injection_top_area > div:nth-child(2) { width: 100%; }
	.injection_title { font-size: 34px; }
	#injection_icon_area { margin: 30px -18px 30px -18px; }
	.icon_set { font-size: 12px; }
	.icon { width: 10px; height: 10px; border: 2px solid #6540bf; }
	.step_area_set { width: 49%; height: auto; margin-bottom: 20px; }
	.step_img { height: auto; }
	.step_img > img { max-width: 100%; max-height: 100%; }
	.step_text { font-size: 18px; }
	.step_title { font-size: 18px; }
	.step_subtext { font-size: 13px; }
	#centerimg_textbox { left: 16px; font-size: 12px; }
	#centerimg_textbox > p:nth-child(1) { font-size: 24px; }
	#centerimg { height: 380px; background-size: cover; background-position-x: 65%; }
	.text_pc { display: none; }
	.text_mo { display: block; }
	.bottom_content_title { font-size: 30px !important; }
	.bottom_content_subtitle { font-size: 13px; }
	#medipol1_table { font-size: 14px !important; }
	#medipol1_img { height: 170px; }
}

@media screen and (max-width: 800px) {
	#injection_icon_area::after { left: 7.5%; width: 85%; }
}

@media screen and (max-width: 360px) {
	.injection_subtitle { font-size: 10px; }
}
#small_menu_1:checked ~ div { height: 200px; transition: 0.4s all; }

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