section.about { width: 100%; height: auto; padding: 150px 0px 160px; }
section.about .containner .contents { width: 100%; height: auto; }

section.about .title{
	width: 100%; height: auto; line-height: 1.6;
	color: #000; text-align: center;
	font-size: 32px;font-weight: 700;
}

section.about .partner_containner {
	width: 100%;
	padding: 80px 0px 70px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

section.about .partner_containner .partner_item:nth-child(n+3) { margin-top: 10px; }
section.about .partner_containner .partner_item {
	width: calc(50% - 15px); height: auto;
	padding: 26px;
	background-color: #F6F6F7;
}

section.about .partner_containner .partner_item .partner_img {
	width: 234px; height: 234px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


section.about .partner_containner .partner_item .partner_info {
	width: calc(100% - 234px); height: auto;
	padding-left: 25px;
}

section.about .partner_containner .partner_item .partner_info .partner_category {
	width: 100%; height: auto;
}

section.about .partner_containner .partner_item .partner_info .partner_category .partner_label {
	width: 150px; height: 30px; line-height: 30px;
	border-radius: 30px;
	font-size: 18px; color: #fff; text-align: center;
	font-weight: 600;
	background-color: #00C3FF;
}

section.about .partner_containner .partner_item .partner_info .partner_category .partner_home {
	position: absolute; top: -10px; right: 0px;
	width: 48px; height: 48px;
	background-color: #C4C4C4;
	border-radius: 100%;
}

section.about .partner_containner .partner_item .partner_info .partner_category .partner_home.on { background-color: #00C3FF; cursor: pointer; }

section.about .partner_containner .partner_item .partner_info .partner_category .partner_home img {
	position: absolute; top: 50%; left: 50%;
	width: 24px; height: auto;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.about .partner_containner .partner_item .partner_info .partner_txt {
	width: 100%; height: auto; 
	margin-top: 20px;
}

section.about .partner_containner .partner_item .partner_info .partner_txt .partner_txt_item:nth-child(1) { margin-top: 0px; }
section.about .partner_containner .partner_item .partner_info .partner_txt .partner_txt_item {
	width: 100%; height: auto;
	margin-top: 5px;
}

section.about .partner_containner .partner_item .partner_info .partner_txt .partner_txt_item .partner_txt_item_label {
	width: 80px; height: auto; line-height: 1.5;
	font-size: 18px; color: #333; text-align: left;
	font-weight: 600;
}

section.about .partner_containner .partner_item .partner_info .partner_txt .partner_txt_item .partner_txt_item_val {
	width: calc(100% - 80px); height: auto; line-height: 1.5;
	font-size: 18px; color: #808080; text-align: left;
	font-weight: 400;
}

section.about .partner_containner .partner_item .partner_info .partner_desc {
	width: 100%; height: auto; 
	margin-top: 20px;
}


section.about .partner_containner .partner_item .partner_info .partner_desc .partner_txt_item .partner_txt_item_label {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 18px; color: #333; text-align: left;
	font-weight: 600;
}

section.about .partner_containner .partner_item .partner_info .partner_desc .partner_txt_item .partner_txt_item_val {
	width: 100%; height: 3em; line-height: 1.5;
	font-size: 18px; color: #808080; text-align: left;
	font-weight: 400;

	display: -webkit-box;
	display: -ms-flexbox;
	display: box;
	overflow:hidden;
	vertical-align:top;
	text-overflow: ellipsis;
	word-break:break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}




@media (max-width: 479px){ 
	section.about .title{ font-size: calc((26 / 480)* 100vw); }

	section.about { padding: calc((70 / 480)* 100vw) 0px calc((90 / 480)* 100vw); }
	section.about .partner_containner { padding: calc((45 / 480)* 100vw) 0px calc((60 / 480)* 100vw);}

	section.about .partner_containner .partner_item .partner_img { 
		left: 50%;
	    transform: translate(-50%, 0%);
	}
	section.about .partner_containner .partner_item .partner_img { width: 100%; height: calc((234 / 480)* 100vw); }
	section.about .partner_containner .partner_item .partner_info {
		width: 100%; margin-top: calc((30 / 480)* 100vw);
		padding-left: 0px;
		padding: 0px calc((10 / 480)* 100vw);
	}
	section.about .partner_containner .partner_item { width: 100%;  }
	section.about .partner_containner .partner_item .partner_info .partner_category .partner_home { width: calc((40 / 480)* 100vw); height: calc((40 / 480)* 100vw); }
	section.about .partner_containner .partner_item .partner_info .partner_category .partner_home img { width: calc((22 / 480)* 100vw); }
}

@media (max-width: 749px) and (min-width: 480px) { 
	section.about .title{ font-size: 26px; }

	section.about { padding: 70px 0px 90px; }
	section.about .partner_containner { padding: 45px 0px 60px;}

	section.about .partner_containner .partner_item .partner_img { 
		left: 50%;
	    transform: translate(-50%, 0%);
	}
	section.about .partner_containner .partner_item .partner_img { width: 234px; height: 234px; }
	section.about .partner_containner .partner_item .partner_info {
		width: 100%; margin-top: 30px;
		padding-left: 0px;
		padding: 0px 10px;
	}
	section.about .partner_containner .partner_item { width: 100%;  }
	section.about .partner_containner .partner_item .partner_info .partner_category .partner_home { width: 40px; height: 40px; }
	section.about .partner_containner .partner_item .partner_info .partner_category .partner_home img { width: 22px; }
}

@media (max-width: 1023px) and (min-width: 750px) { 
	section.about .title{ font-size: 26px; }


	section.about { padding: 75px 0px 90px; }
	section.about .partner_containner { padding: 45px 0px 60px;}
	section.about .partner_containner .partner_item { width: 100%; }
	section.about .partner_containner .partner_item .partner_info .partner_category .partner_home { width: 40px; height: 40px; }
	section.about .partner_containner .partner_item .partner_info .partner_category .partner_home img { width: 22px; }
}


@media (max-width: 1279px) and (min-width: 1024px) { 
	section.about .partner_containner .partner_item .partner_img { 
		left: 50%;
	    transform: translate(-50%, 0%);
	}
	section.about .partner_containner .partner_item .partner_img { width: 100%; height: 234px; }

	section.about .partner_containner .partner_item .partner_info {
		width: 100%; margin-top: 30px;
		padding-left: 0px;
	}
}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/