.content_pattern_title {
	padding-top: 120px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	justify-content: flex-start;
}
.content_pattern_content { gap:40px; }
.content_pattern_sep2 { width:708px; }

.img_promo_material_map {
	position: absolute;
	right: 20px;
	top: 127px;
	mix-blend-mode: soft-light;
	object-fit: cover;
	width:669px; height:669px; 
}
img_promo_material_ellipse1 {
	background: linear-gradient(180deg, rgba(200, 36, 255, 1) 0%, rgba(255, 167, 91, 1) 100%);
	border-radius: 50%;
	opacity: 0.8;
	width: 146px;
	height: 146px;
	position: absolute;
	left: 1730px;
	top: 608px;
	transform-origin: 0 0;
	transform: rotate(0deg) scale(1, -1);
	filter: blur(100px);
}
.img_promo_material_ellipse2 {
	background: linear-gradient(180deg, rgba(189, 53, 169, 1) 0%, rgba(19, 92, 152, 1) 100%);
	border-radius: 50%;
	opacity: 0.7;
	width: 164px;
	height: 164px;
	position: absolute;
	left: 132px;
	top: 438px;
	filter: blur(65px);
}
.img_promo_material_ellipse3 {
	background: linear-gradient(180deg, rgba(189, 53, 169, 1) 0%, rgba(19, 92, 152, 1) 100%);
	border-radius: 50%;
	opacity: 0.7;
	width: 399px;
	height: 399px;
	position: absolute;
	left: 1235px;
	top: 119px;
	filter: blur(125px);
}
.promo_material_horizontal {
	position: relative;
	width:100%;
	display: flex;
	flex-direction: row;
	gap: 90px;
	align-items: center;
	justify-content: center;
	padding:151px 0px;
}
.img_promo_material_city {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 380px;
	overflow: visible;
	aspect-ratio:1920/380;
	margin-left:calc(50% - 960px);
}
.img_promo_material_rectangle1 {
	background: linear-gradient(180deg, rgba(13, 14, 16, 1) 0%, rgba(13, 14, 16, 0) 80%);
	width: 100%;
	height: 380px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.promo_material_div {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
}
.promo_material_line {
	position: relative;
	margin-left: -1px;
	width: 1px;
	height: 45px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0 1px 0 0;
	flex-shrink: 0;
}
.promo_material_value {
	background: #ffffff;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	font-family: "Pretendard-Black", sans-serif;
	font-size: 40px;
	font-weight: 900;
	position: relative;
}
.promo_material_measure {
	color: #ffffff;
	text-align: center;
	font-family: "Pretendard-Light", sans-serif;
	font-size: 20px;
	font-weight: 300;
	position: relative;
}

/* 반응형 웹 **********************************************************/
@media (min-width:641px) AND (max-width:1540px) {
	.content_pattern_title { padding-top:100px; }
}
@media (min-width:901px) AND (max-width:1300px) {
	.img_promo_material_map { width:500px; height:500px; }
	.promo_material_horizontal { gap: 50px; }
}
@media (min-width:641px) AND (max-width:900px) {
	.img_promo_material_map { width:300px; height:300px; top:50px; }
}
@media (max-width:900px) {
	.content_pattern_comment_gradient { font-size:20px; }
	.content_pattern_comment_text15 { font-size:16px; }
	.content_pattern_comment_title24 { font-size:20px; }
	.content_pattern_sep2, 							/* 708px */
	.content_pattern_sep3_twin { width: 100%; }		/* 952px */
	.content_pattern_btn { padding: 14px 20px 14px 20px; }
	.promo_material_horizontal { gap: 30px; }
	.promo_material_value { font-size: 30px; }
	.promo_material_measure { font-size: 17px; }
}
@media (max-width:640px) {
	.img_promo_material_map { width:150px; height:150px; top:50px; }
	.img_promo_material_city,
	.img_promo_material_rectangle1 { height: 600px; }
	.content_pattern_btn_container { width:100%; justify-content: center; }
	.content_pattern_btn { padding: 14px 20px 14px 20px; flex-grow: 1; }
	.promo_material_horizontal {flex-direction: column; gap: 30px; 	padding:160px 0px 60px 0px; }
	.promo_material_line { transform:rotate(90deg); }
	
	.content_pattern_title { padding-top:90px; }
	.br_640 { line-height:1.4em; }
	.content_pattern_separate { display:block; } 
}

