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

.main_section04_wrapper { position: relative; display: flex; justify-content: space-between; max-width: 64%; margin: 0 auto; }
.main_section04_wrapper .main-title-wrapper { height: 100%;  position: sticky; top: 258px; }

.main_section4_contents_wrapper .tp-title { font-size: 26px;  }
.main_section4_contents_wrapper .ct-title { font-size: 22px; font-weight: 400; line-height: 34px; }

.main_section4_contents_wrapper { display: flex;  flex-direction: column; gap: 40px; } 
.main_section4_contents_wrapper .section_contents_box { width: 370px; height: 242px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 9px; overflow: hidden; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_section4_contents_wrapper .section_contents_box:nth-child(1) {
background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_04/section4_img_1.png');
}
.main_section4_contents_wrapper .section_contents_box:nth-child(2) {
background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_04/section4_img_2.png');
}
.main_section4_contents_wrapper .section_contents_box:nth-child(3) {
background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_04/section4_img_3.png');
}
.main_section4_contents_wrapper .section_contents_box:nth-child(4) {
background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_04/section4_img_4.png');
}


@media screen and (max-width: 768px) {
	
.main_section04_wrapper { flex-direction: column; padding: 0 15px; max-width: 100%;}
	.main_section04_wrapper .main-title-wrapper .section-title br:nth-child(1) {display: none;}
	.main_section04_wrapper .main-title-wrapper { position: relative; top: 0;  text-align: center;}
	.main_section4_contents_container { margin-top: 35px; }
	
	.main_section4_contents_wrapper { gap: 20px; width: 100% }
	
	.main_section4_contents_wrapper .section_contents_box { width: 100%; max-height: 176px;}
	.main_section4_contents_wrapper .tp-title { font-size: 20px; line-height: 20px; letter-spacing: 1px;}
	.main_section4_contents_wrapper .ct-title { font-size: 16px; line-height: 30px; }
	
	
	
}