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


.small_section03_container {background:#fff;}
.small_section03_container .small_section03_wrapper {}
.small_section03_container .small_section03_wrapper .small_section03_title_wrap {margin-bottom:110px;}
.small_section03_container .small_section03_wrapper .small_section03_title_wrap .small_section03_title { color:#000; font-size:46px; font-weight:700; line-height:60px; text-align:center;}

.small_section03_wrapper .small_section03_process_wrap {padding:0 321px;}

.small_section03_process_wrap .small_section03_process_content_wrap { position: relative; display: grid; grid-template-columns: repeat(7, 1fr);  align-items: start;}
.small_section03_process_wrap .small_section03_process_content_wrap .line_progress {     position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
        border: 1px dashed #D8D8D8;
    width: 86%;
    z-index: 0;}

.small_section03_process_wrap .small_section03_process_content_wrap .line_progress:nth-chlid(2) { display: none; }

/* default */
.small_section03_process_container .small_section03_process_circle 	{ width:34px; height:34px; border-radius: 30px; background: #D8D8D8;; display:flex; justify-content:center; align-items:center; }
.small_section03_process_circle .small_section03_process_num { font-size:20px; font-weight:600; line-height:20px; letter-spacing:1px; color: #898989; }

/* active */
.small_section03_process_container.POn .small_section03_process_circle {background: #F89B11;}
.small_section03_process_container.POn .small_section03_process_num { color:#fff;  }



.small_section03_wrapper .small_section03_process_wrap .small_section03_process_content_wrap .small_section03_process_container {    display: flex; flex-direction: column; align-items: center; gap: 34px; z-index: 1;  cursor: pointer;}


.small_section03_img_wrapper {margin-top: 80px; margin-left: 120px;}

.small_section03_process_title_wrap { text-align: center;  font-size: 16px; font-weight: 600; line-height: 20px; letter-spacing: 0.8px;}

.small_section03_img_slide.swiper-slide { position: relative;  display: flex; align-items: center; overflow: hidden; max-width: 920px;  height: 450px; border-radius: 35px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); cursor: pointer;  }

.small_section03_img_slide .process_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.small_section03_img_slide .process_cotents { position: relative; padding: 0 70px; }
.small_section03_img_wrapper { gap:45px; }

.small_section03_img_slide .process_cotents .step_title { color: #9A9A9A; font-size: 26px; font-weight: 700; line-height: 30px; margin-bottom: 25px; }
.small_section03_img_slide .process_cotents .process_title { font-size: 34px; font-weight: 800; line-height: 50px; }



@media screen and (max-width: 768px) {
	.small_section03_container .small_section03_wrapper .small_section03_title_wrap .small_section03_title { font-size: 20px; font-weight: 800; line-height: 28px; overflow-x: hidden;}

	.small_section03_container .small_section03_wrapper .small_section03_title_wrap { margin-bottom: 56px; }

	.small_section03_wrapper .small_section03_process_wrap {padding:0; }	
	.small_section03_process_wrap .small_section03_process_content_wrap {grid-template-columns: repeat(4, 1fr);}

	.small_section03_process_container .small_section03_process_circle { width: 30px; height: 30px; }
	.small_section03_process_circle .small_section03_process_num { font-size: 15px; }


	.small_section03_wrapper .small_section03_process_wrap .small_section03_process_content_wrap .small_section03_process_container { gap: 19px; margin-bottom: 15px;}

	.small_section03_process_title_wrap {	font-size: 11px; line-height: 12.373px; letter-spacing: 0.55px;}


	.small_section03_process_wrap .small_section03_process_content_wrap .line_progress {   top: 16px;  left: 50%; height: 1px;  width: 79%;}
	.small_section03_process_wrap .small_section03_process_content_wrap .line_progress:nth-child(2) { top: 101px; left: -15px; transform: translateX(0); width: 64%;}


	.small_section03_img_wrapper { gap:0; margin-top: 70px; margin-left: 0;}

	.small_section03_img_slide.swiper-slide { max-height: 230px; border-radius: 13px;}
	.small_section03_img_slide .process_cotents { padding: 0 25px; }
	
	.small_section03_img_slide .process_cotents .step_title {font-size: 14px; line-height: 11.752px;}
	.small_section03_img_slide .process_cotents .process_title { font-size: 16px; line-height: 19.587px;}
	.section03_process_swiper_container { padding: 0 15px; overflow: hidden;}
	
	
	
	
	
	
	
}