@charset "utf-8";



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

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

.out-list {}
.out-list .tit {padding:0 0 30px; color: #000;font-size: var(--fs24);font-weight: 700;line-height: normal;}
.out-list-wrap {display:flex; gap:70px;}
.out-list-item {width:calc((100% - 140px)/3);}
.out-list-item .img {height:250px; border-radius:20px; background:#000; overflow:hidden; display:block;}
.out-list-item .img img {width:100%; height:100%; object-fit:cover;}
.out-list-item h5 {padding:30px 0 10px; color: var(--base1);font-size:var(--fs20);font-weight: 600;line-height: normal;letter-spacing: -0.6px;}
.out-list-item p {color: #333;font-size:var(--fs18);line-height: 180%;}


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


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	
	.out-tit .txt h3 {padding:0 0 20px}
	.out-tit .txt p+p {padding:14px 0 0;}
	
	
	.out-img {padding:40px 0;}
	
	.out-list .tit {padding:0 0 12px;}
	.out-list-wrap {flex-direction:column;}
	.out-list-item {width:100%;}
	.out-list-item h5 {padding:20px 0 5px;}
	
	
	
	
	
	
	
}

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