@charset "utf-8"; /* */
/**
* @author CodeClicker
*/

.about_section_container.section04 {background: #F4F5F8;}
.about_section_container.section04 .main-title-wrapper .section-title { text-align: center; }

.about_section_container.section04 .section_contents_box .tp-title {color: #000; font-size: 36px; line-height: 36px; margin-bottom: 18px;}
.about_section_container.section04 .section_contents_box .ct-title {color: #000; font-size: 22px;  line-height: 36px;}


/* 이거부터 가져가세용 */
.about_section_contents_container { margin-top: 90px;  }
.about_section_contents_wrapper { display: flex; flex-direction: column; gap: 106px; }
.about_section_container.section04 .section_contents_box {  display: flex;  align-items: center; justify-content: center; gap: 40px; }
.about_section_container.section04 .section_contents_box .img-wrapper { width: 100%; height: 100%; max-width: 360px; max-height: 205px; border-radius: 15px; overflow: hidden;}
.about_section_container.section04 .section_contents_box .img-wrapper img { width: 100%; height: 100%; object-fit: cover; }

.about_section_container.section04 .section_contents_box .title_wrapper {  width: 100%;  max-width: 369px; white-space: nowrap;}

@media screen and (max-width: 768px) {
	.about_section_contents_container { margin-top: 45px; }
	.about_section_contents_wrapper { gap: 45px; padding: 0 15px; }
	
	.about_section_container.section04 .section_contents_box { gap: 25px; justify-content: space-between; }
	.about_section_container.section04 .section_contents_box .img-wrapper { height: 129px;  width:100%;}
	.about_section_container.section04 .section_contents_box .title_wrapper { max-width: 216px;  white-space: normal;}
	.about_section_container.section04 .section_contents_box .tp-title { font-size: 16px; line-height: 16.797px; margin-bottom: 7px;}

	.about_section_container.section04 .section_contents_box .ct-title { font-size: 14px; line-height: 16.797px;}
}