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

.main_section02_wrapper { display: flex; flex-direction: column;align-items: center; text-align: center; overflow: hidden; }
.main_section2_contents_container { position: relative; margin-top: 187px; }
.main_section2_contents_container .main_section2_contents_wrapper { display: flex; }
.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box { max-width: 320px; width: 321px; height: 321px; overflow: hidden;     border-radius: 300px; padding: 0 40px; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; }
.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box .tp-title { font-size: 25px; margin-bottom: 30px;}
.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box .ct-title { line-height: 18px; font-size: 14px;}

.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(1) {background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_02/section2_img_1.png'); transform: translateX(24px); z-index: 3; }
.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(2) {background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_02/section2_img_2.png'); z-index: 2;}
.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(3) {background-image: url('https://cowiz.co.kr/wp-content/themes/ccl-cowiz/assets/img/main/section_02/section2_img_3.png'); transform: translateX(-24px); z-index: 1;}

.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(4) { display: none; }


@media screen and (max-width: 768px) {
	.main_section2_contents_container { margin-top: 50px; }
	.main_section2_contents_container .main_section2_contents_wrapper { padding: 0 15px;}

	.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(1),
	.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(2),
	.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(3) { display: none; }

	.main_section2_contents_container .main_section2_contents_wrapper .section_contents_box:nth-child(4) { display: block; width: 100%; height: 100%;  border-radius: 0; max-width: 100%; padding: 0; }
	
}