
@media (min-width: 1920px){
.partner_front{
	width: calc(100% - 181px);
	min-height: 1318px;
	padding-top: 202px;
	padding-left: 114px;
	padding-right: 67px;
	background-color: #f6f7f8 !important;
}
.partner_front h2{
	width: 686px;
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: 97px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 7px;
}
.partner_front button{
	color: #FFF;
	border-radius: 40px;
	background: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.24px;
	text-transform: uppercase;
	border: none;
	padding: 20px 40px;
	margin-bottom: auto;
	margin-left: 0;
	cursor: pointer;
	margin-right: 175px;
	transition: color .3s, background .3s,border .3s;
	border: 1px solid  #181818;
}
.partner_front button:hover{
	color: var(--unnamed, #FFF);
	background: #2577B7;
	border: 1px solid var(--unnamed, #2577B7);
}
.partner_front .line, .partner_front .line_4, .partner_front .line_5{
		display: inline-flex;
		margin-right: auto;
	}
	.line_template_2>div{
		display:flex;
		flex-flow: column;
	}
.partner_front .line .col{
	display: flex;
	flex-flow: column;
}
.partner_front .line_3{
	margin-left: 105px;
}
.partner_front .line_3>img:nth-child(1){
	margin-top: auto;
}
.partner_front .line .subrow {
	display: inline-flex;
}
.partner_front .line:nth-child(1) .subrow_1{
	margin-left: 63px;
	margin-top: 0;
}
.partner_front .line .subrow_1 .img_type_2{
	margin-top: -90px;
}
.partner_front .img_type_1{
	width: 185px;
	height: 130px;
	border-radius: 15.098px;
}
.partner_front .img_type_2{
	width: 310px;
	height: 217px;
	border-radius: 23.295px;

}
.partner_front .img_type_3{
	width: 391px;
	height: 130px;
	border-radius: 15.098px;
}
.partner_front .img_type_4{
	width: 140px;
	height: 97px;
	border-radius: 11.215px;
}
.partner_front .img_type_5{
	width: 394px;
	height: 271px;
	border-radius: 28.998px;
}
.partner_front .subcol{
	display:flex;
	flex-flow: column;
	
}
	.partner_front .subrow>div{
		display: inline-flex;
	}
.partner_front .image_link_type{
	object-fit: scale-down;
	background: #FFFFFF;
	cursor: pointer;
	transition: transform .3s;
	box-shadow: 0px 3.77456px 13.58841px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: 10px;
	margin-right: 10px;
}
.partner_front .image_link_type:hover{
	transform: scale(1.05);
}
}
@media (min-width: 1024px) and (max-width: 1919px){
.partner_front{
	width: calc(100% - calc(96.6px + (181 - 96.6) * ((100vw - 1024px) / (1920 - 1024))));
	min-height: calc(703px + (1318 - 703) * ((100vw - 1024px) / (1920 - 1024)));
	padding-top: calc(107.8px + (202 - 107.8) * ((100vw - 1024px) / (1920 - 1024)));
	padding-left: calc(60.8px + (114 - 60.8) * ((100vw - 1024px) / (1920 - 1024)));
	padding-right: calc(35.8px + (67 - 35.8) * ((100vw - 1024px) / (1920 - 1024)));
	background-color: #f6f7f8 !important;
}
.partner_front h2{
	width: calc(365.9px + (686 - 365.9) * ((100vw - 1024px) / (1920 - 1024)));
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024))) !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-left: 0;
	margin-top: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(3.8px + (7 - 3.8) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front button{
	color: #FFF;
	border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	background: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(12.8px + (24 - 12.8) * ((100vw - 1024px) / (1920 - 1024)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.2px + (0.24 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
	text-transform: uppercase;
	border: none;
	padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-bottom: auto;
	margin-left: 0;
	cursor: pointer;
	margin-right: calc(93.4px + (175 - 93.4) * ((100vw - 1024px) / (1920 - 1024)));
	transition: color .3s, background .3s,border .3s;
	border: 1px solid  #181818;
}
.partner_front button:hover{
	color: var(--unnamed, #FFF);
	background: #2577B7;
	border: 1px solid var(--unnamed, #2577B7);
}
.partner_front .line, .partner_front .line_4, .partner_front .line_5{
		display: inline-flex;
		margin-right: auto;
	}
	.line_template_2>div{
		display:flex;
		flex-flow: column;
	}
.partner_front .line .col{
	display: flex;
	flex-flow: column;
}
.partner_front .line_3{
	margin-left: calc(56px + (105 - 56) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front .line_3>img:nth-child(1){
	margin-top: auto;
}
.partner_front .line .subrow {
	display: inline-flex;
}
.partner_front .line:nth-child(1) .subrow_1{
	margin-left: calc(33.6px + (63 - 33.6) * ((100vw - 1024px) / (1920 - 1024)));
	margin-top: 0;
}
.partner_front .line .subrow_1 .img_type_2{
	margin-top: -90px;
}
.partner_front .img_type_1{
	width: calc(98.7px + (185 - 98.7) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(69.4px + (130 - 69.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(8.1px + (15.098 - 8.1) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front .img_type_2{
	width: calc(165.4px + (310 - 165.4) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(115.8px + (217 - 115.8) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(12.5px + (23.295 - 12.5) * ((100vw - 1024px) / (1920 - 1024)));

}
.partner_front .img_type_3{
	width: calc(208.6px + (391 - 208.6) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(69.4px + (130 - 69.4) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(8.1px + (15.098 - 8.1) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front .img_type_4{
	width: calc(74.7px + (140 - 74.7) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius: calc(6px + (11.215 - 6) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front .img_type_5{
	width: calc(210.2px + (394 - 210.2) * ((100vw - 1024px) / (1920 - 1024)));
	height: calc(144.6px + (271 - 144.6) * ((100vw - 1024px) / (1920 - 1024)));
	border-radius:calc(15.5px + (28.998 - 15.5) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front .subcol{
	display:flex;
	flex-flow: column;
	
}
	.partner_front .subrow>div{
		display: inline-flex;
	}
.partner_front .image_link_type{
	object-fit: scale-down;
	background: #FFFFFF;
	cursor: pointer;
	transition: transform .3s;
	box-shadow: 0px calc(2.1px + (3.77456 - 2.1) * ((100vw - 1024px) / (1920 - 1024))) calc(7.3px + (13.58841 - 7.3) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.25);
	margin-bottom: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
	margin-right: calc(5.4px + (10 - 5.4) * ((100vw - 1024px) / (1920 - 1024)));
}
.partner_front .image_link_type:hover{
	transform: scale(1.05);
}
}




@media (max-width: 1023px){
.partner_front{
	width: 100%;
	min-height: calc(672px + (2148 - 672) * ((100vw - 320px) / (1023 - 320)));
	padding-top: calc(19.4px + (62 - 19.4) * ((100vw - 320px) / (1023 - 320)));
	padding-left: 0;
	padding-right: 0;
	background-color: #f6f7f8 !important;
	overflow-x: hidden;
}
.partner_front h2{
	width: 90%;
	color: var(--dark, #181818);
	font-family: DIN Pro;
	font-size: calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320))) !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-left: 5%;
	margin-top: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(90.8px + (290 - 90.8) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(2.2px + (7 - 2.2) * ((100vw - 320px) / (1023 - 320)));
	text-align: center;
}
.partner_front button{
	color: #FFF;
	border-radius: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	background: #181818;
	text-align: center;
	font-family: DIN Pro;
	font-size: calc(22.6px + (72 - 22.6) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(0.1px + (0.24 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	text-transform: uppercase;
	border: none;
	padding: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320))) calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(112.7px + (360 - 112.7) * ((100vw - 320px) / (1023 - 320)));
	margin-left: 0;
	cursor: pointer;
	margin-right: calc(54.8px + (175 - 54.8) * ((100vw - 320px) / (1023 - 320)));
	transition: color .3s, background .3s,border .3s;
	border: 1px solid  #181818;
	width: calc(300.7px + (961 - 300.7) * ((100vw - 320px) / (1023 - 320)));
	margin-left: 5%;
	margin-top: 0;
}
.partner_front button:hover{
	color: var(--unnamed, #FFF);
	background: #2577B7;
	border: 1px solid var(--unnamed, #2577B7);
}
.partner_front .line_4, .partner_front .line_5{
    margin-left: 5%;
}
.partner_front .line, .partner_front .line_4, .partner_front .line_5{display: inline-flex;margin-right: auto;flex-wrap: wrap;/* margin-bottom: -410px; */}
	.line_template_2>div{
		display:flex;
		flex-flow: column;
	}
.partner_front .line:nth-child(1){
	margin-bottom: calc(-1 * calc(153.3px + (490 - 153.3) * ((100vw - 320px) / (1023 - 320))));
}
.partner_front .line .col{
	display: flex;
	flex-flow: column;
	margin-left: 5%;
	margin-top: calc(0.7px + (2 - 0.7) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .line_3{
	margin-left: calc(32.9px + (105 - 32.9) * ((100vw - 320px) / (1023 - 320)));
	margin-top: 0;
}
.partner_front .line_3>img:nth-child(1){
	margin-top: auto;
}
.partner_front .line .subrow {
	display: inline-flex;
}
.partner_front .line:nth-child(1) .subrow_1{
	margin-left: auto;
	margin-top: 0;
}
.partner_front .line .subrow_1 .img_type_2{
	margin-top: calc(-1 * calc(26.3px + (84 - 26.3) * ((100vw - 320px) / (1023 - 320))));
}
.partner_front .img_type_1{
	width: calc(48.5px + (155 - 48.5) * ((100vw - 320px) / (1023 - 320)));
	height: calc(31.3px + (100 - 31.3) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(4.8px + (15.098 - 4.8) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .img_type_2{
	width: calc(93px + (297 - 93) * ((100vw - 320px) / (1023 - 320)));
	height: calc(58.5px + (187 - 58.5) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(7.3px + (23.295 - 7.3) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .img_type_3{
	width: calc(113px + (361 - 113) * ((100vw - 320px) / (1023 - 320)));
	height: calc(31.3px + (100 - 31.3) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(4.8px + (15.098 - 4.8) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .img_type_4{
	width: calc(43.8px + (140 - 43.8) * ((100vw - 320px) / (1023 - 320)));
	height: calc(30.4px + (97 - 30.4) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(3.6px + (11.215 - 3.6) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .img_type_5{
	width: calc(113.9px + (364 - 113.9) * ((100vw - 320px) / (1023 - 320)));
	height: calc(66.1px + (211 - 66.1) * ((100vw - 320px) / (1023 - 320)));
	border-radius: calc(9.1px + (28.998 - 9.1) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .subcol{
	display:flex;
	flex-flow: column;
	
}
	.partner_front .subrow>div{
		display: inline-flex;
	}
.partner_front .image_link_type{
	object-fit: scale-down;
	background: #FFFFFF;
	cursor: pointer;
	transition: transform .3s;
	box-shadow: 0px calc(1.2px + (3.77456 - 1.2) * ((100vw - 320px) / (1023 - 320))) calc(4.3px + (13.58841 - 4.3) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.25);
	margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-right: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
.partner_front .image_link_type:hover{
	transform: scale(1.05);
}