/*---work process page css---*/

/*video*/
#work_video_wrap{position: relative;width: 100%;height: auto;padding-top: 56.25%;}
#work_video_wrap::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;
	background: linear-gradient( to top, rgba(249,250,251,.8), transparent 10%);
}
#work_video, #work_video2, #work_video3{position: absolute;left: 0;width: 100%;height: auto;z-index: 1;}
#work_video{top: 0;}
#work_video2{top: 45.78%;}
#work_video3{top: 91.5%;}

.work_img{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: transparent;}
.work_img img{display: block;}
.work_img img.work_mo{display: none;}

@media screen and (max-width: 1920px){
    
	.work_img{align-items: flex-start;}
}

@media screen and (max-width: 1840px){
    
	.work_img img{width: 100%;}
}

@media screen and (max-width: 768px){
    
	#work_video_wrap{padding-top: 364.322%;}

	.work_img{display: block;flex: none;}
	.work_img img.work_mo{display: block;margin-top: 40px;}
	.work_img img.work_pc{display: none;}
}

/*work contents*/
.work_contents{background: #F9FAFB;padding-top: 150px;padding-bottom: 65px;}
.work_container{width: 94%;max-width: 1474px;margin: 0 auto;}

.work_tit{margin-bottom: 120px;}
.work_tit h2{font-size: 19px;text-align: center;color: #2D4F7E;letter-spacing: 1.85px;margin-bottom: 26px;}

.work_ul{display: flex;justify-content: center;align-items: center;gap: 35px;}
.work_ul li{display: flex;align-items: center;}
.work_ul li h4{font-size: 14.33px;color: #2D4F7E;padding-top: 5px;padding-left: 6px;}

.work_cate{background-color: #2D4F7E;height: 17.279px;border-radius: 17.279px;text-align: center;font-size: 14px;color: #FFF;}
.work_cate_01, .work_cate_02{width: 17.279px !important;line-height: 21px;}
.work_cate_01{padding-right: 2px;}
.work_cate_02{padding-right: 1px;}
.work_cate_03{padding: 0 3px;padding-right: 5px;line-height: 21px;}

.work_process{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;margin-bottom: 56px;}
.work_process li{width: calc( ( 100% - 208px ) / 5 );margin-right: 52px;border-top: 1px solid #2D4F7E;padding-top: 23px;margin-bottom: 117px;position: relative;}
.work_process li:nth-child(5n){margin-right: 0;}
.work_process li i{font-size: 41.31px;color: #2D4F7E;position: absolute;top: 18px;left: 0;}
.work_process li>p{font-weight: 500;color: #2D4F7E;line-height: 29.5px;white-space: nowrap;}

.work_p_top{margin-bottom: 21px;min-height: 34px;}
.work_p_top>div{display: flex;justify-content: flex-end;align-items: flex-start;}
.work_p_top>div h4{text-align: right;color: #2D4F7E;font-size: 14.5px;line-height: 17px;padding-right: 6px;}
.work_p_top>div .work_cate{height: 18.333px;margin-top: -2.5px;}
.work_p_top>div .work_cate_01, .work_p_top>div .work_cate_02{width: 19.333px !important;}

.work_tit2{font-size: 38px;text-align: center;color: #2D4F7E;letter-spacing: 9px;}
.work_tit2 h2{margin-bottom: 145px;}
.work_service{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 64px;}
.work_service li{width: 20%;margin-bottom: 120px;}
.work_service li:nth-child(2), .work_service li:nth-child(7){padding-left: 18px;}
.work_service li:nth-child(3), .work_service li:nth-child(8){padding-left: 32px;}
.work_service li:nth-child(4), .work_service li:nth-child(9){padding-left: 50px;}
.work_service li:nth-child(5), .work_service li:nth-child(10){padding-left: 68px;}
.work_service li h4{font-size: 19px;color: #2D4F7E;margin-bottom: 38px;}
.work_service li p i{display: block;color: #2D4F7E;margin-bottom: 7.6px;}

.work_close{text-align: center;color: #2D4F7E;letter-spacing: 8.2px;}

@media screen and (max-width: 1620px){
    
	.work_process li{width: calc( ( 100% - 160px ) / 5 );margin-right: 40px;}
	.work_process li:nth-child(5n){margin-right: 0;}

	.work_service li:nth-child(2), .work_service li:nth-child(7){padding-left: 10px;}
	.work_service li:nth-child(3), .work_service li:nth-child(8){padding-left: 22px;}
	.work_service li:nth-child(4), .work_service li:nth-child(9){padding-left: 40px;}
	.work_service li:nth-child(5), .work_service li:nth-child(10){padding-left: 50px;}
	.work_service li p i{white-space: nowrap;}
}

@media screen and (max-width: 1480px){
    
	.work_process li i{font-size: 32px;}
	.work_p_top{margin-bottom: 18px;}
	.work_p_top>div h4{font-size: 12px;}
	.work_process li>p{font-size: 13px;line-height: 24px;}

	.work_service li h4{font-size: 17px;}
	.work_service li p i{font-size: 13px;}
}

@media screen and (max-width: 1360px){
    
	.work_process li{width: calc( ( 100% - 140px ) / 5 );margin-right: 35px;}
	.work_process li:nth-child(5n){margin-right: 0;}
}

@media screen and (max-width: 1080px){
    
	.work_contents{padding-top: 100px;padding-bottom: 20px;}

	.work_tit{margin-bottom: 66px;}
	.work_tit h2{font-size: 10.68px;letter-spacing: 1px;margin-bottom: 15px;}
	.work_ul{gap: 18px;}
	.work_ul li h4{font-size: 8.06px;padding-top: 1px;padding-left: 3px;}
	
	.work_cate{height: 9.716px;font-size: 8.06px;}
	.work_cate_01, .work_cate_02{width: 9.716px !important;line-height: 12px;}
	.work_cate_01{padding-right: 2px;}
	.work_cate_02{padding-right: 1px;}
	.work_cate_03{padding: 0 2px;padding-right: 3.5px;line-height: 12.8px;letter-spacing: -0.5px;}
	
	.work_process{margin-bottom: 32px;}
	.work_process li{width: calc( ( 100% - 117.12px ) / 5 );margin-right: 29.28px;margin-bottom: 63px;}
	.work_process li:nth-child(5n){margin-right: 0;}

	.work_p_top>div .work_cate{height: 10.59px;margin-top: -1.5px;line-height: 13px;}
	.work_p_top>div .work_cate_01, .work_p_top>div .work_cate_02{width: 11px !important;}
	
	.work_process li{padding-top: 13px;}
	.work_process li i{font-size: 23.23px;top: 11px;}
	.work_p_top{margin-bottom: 10px;min-height: 22px;}
	.work_p_top>div h4{font-size: 8.15px;line-height: 11px;padding-right: 3px;}
	.work_process li>p{font-size: 9.27px;line-height: 17px;}
	
	.work_tit2{letter-spacing: 5px;}
	.work_tit2 h2{font-size: 21.37px;margin-bottom: 82px;}
	
	.work_service{margin-bottom: 35px;}
	.work_service li{margin-bottom: 68px;}
	.work_service li h4{font-size: 10.68px;margin-bottom: 20px;}
	.work_service li p i{font-size: 9px;margin-bottom: 3px;}

	.work_close{font-size: 8.5px;letter-spacing: 4px;}
}

@media screen and (max-width: 768px){
	
	.work_contents{padding: 0 7%;padding-top: 50px;}
	.work_container{width: 100%;}
	
	.work_tit{display: none;}
	.work_process{display: none;}

	.work_tit2 h2{font-size: 19px;}
	.work_service{margin-bottom: 10px;padding-left: 7%;}
	.work_service li{width: 50%;padding-left: 0 !important;}
	.work_service li:nth-child(2n){padding-left: 4% !important;}
	.work_service li p i{font-size: 9.5px;}
	.work_service li p i{font-size: 8px;}
	.work_service li h4{margin-bottom: 13px;}
}