@charset "utf-8";



.dispatch {}
.dispatch-tit {display:flex; gap:100px;}
.dispatch-tit .txt {width:calc(100% - 600px);}
.dispatch-tit .txt h3 {padding:0 0 50px; color: #000;font-size:var(--fs40);font-weight: 700;line-height: normal;letter-spacing: -1.2px;}
.dispatch-tit .txt p {color: #333;font-size:var(--fs18);line-height: 180%;}
.dispatch-tit .txt p+p {padding:20px 0 0;}
.dispatch-tit .img {width:500px;border-radius: 20px;background: #000; overflow:hidden;}
.dispatch-tit .img img {width:100%; height:100%; object-fit:cover;}

.dispatch-img {padding:100px 0;}
.dispatch-img img {margin:0 auto; }

.dispatch-list {}
.dispatch-list .tit {padding:0 0 30px; color: #000;font-size: var(--fs24);font-weight: 700;line-height: normal;}
.dispatch-list-wrap {display:flex; gap:70px;}
.dispatch-list-item {width:calc((100% - 140px)/3);}
.dispatch-list-item .img {height:250px; border-radius:20px; background:#000; overflow:hidden; display:block;}
.dispatch-list-item .img img {width:100%; height:100%; object-fit:cover;}
.dispatch-list-item h5 {padding:30px 0 10px; color: var(--base1);font-size:var(--fs20);font-weight: 600;line-height: normal;letter-spacing: -0.6px;}
.dispatch-list-item ul {}
.dispatch-list-item ul li {padding-left:20px; color: #333;font-size:var(--fs18);line-height: 180%; position:relative;}
.dispatch-list-item ul li:before {width:3px; height:3px; background:#333; border-radius:50%; left:6px; top:14px; position:absolute; display:block; content:'';}

.dispatch-work {padding:50px 0 0; margin:50px 0 0; border-top:1px solid var(--border1);}
.dispatch-work .tit {padding:0 0 30px; color: #000;font-size: var(--fs24);font-weight: 700;line-height: normal;}
.dispatch-work-list {display:flex; flex-wrap:wrap; gap:10px; }
.dispatch-work-list .item {padding:15px; width:calc((100% - 30px)/4); border-radius: 10px;border: 1px solid var(--border1);background: #FFF; transition:all .5s ease;}
.dispatch-work-list .item h5 {color: #333;font-size:var(--fs18);line-height: 140%; font-weight:400;}
.dispatch-work-list .item p {font-size:var(--fs14);line-height: 140%; font-weight:300;}
.dispatch-work-list .item:hover {background:var(--base4);}
.dispatch-work-list .item:hover h5 {color:#fff;}
.dispatch-work-list .item:hover p {color:#fff;}






/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.dispatch-tit {}
	.dispatch-tit .txt {width:100%;}
	.dispatch-tit .txt h3 {padding:0 0 40px}
	.dispatch-tit .img {}
	
	.dispatch-img {padding:80px 0;}
	
	.dispatch-list-wrap {gap:20px;}
	.dispatch-list-item {width:calc((100% - 40px)/3);}
	
	.dispatch-list .tit {padding:0 0 20px;}
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	
	.dispatch-tit .txt h3 {padding:0 0 20px}
	.dispatch-tit .txt p+p {padding:14px 0 0;}
	
	
	.dispatch-img {padding:40px 0;}
	
	.dispatch-list .tit {padding:0 0 12px;}
	.dispatch-list-wrap {flex-direction:column;}
	.dispatch-list-item {width:100%;}
	.dispatch-list-item h5 {padding:20px 0 5px;}
	.dispatch-list-item ul li:before {top:11px;}
	
	.dispatch-work .tit {padding:0 0 12px;}
	.dispatch-work-list .item {width:calc((100% - 10px)/2);}
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	
	
	
	
	
	
	
	
}