/* 배너 */
	.banner{
		width: 100%;
		height: 450px;
		position: relative;
		margin-top: 101px;
	}
	.banner .txt{
		position: absolute;
		width: 1520px;
		top:188px;
		left:50%;
		transform:translateX(-50%);
		color:#fff;
	}
	.banner .txt h1{
		font-size: 64px;
		font-weight: 700;
		font-family: 'Pretendard';
		margin-bottom:36px;
	}
	.banner img{
		width: 100%;
		height: 100%;
	}
	ul.tab{
		width: fit-content;
		display: flex;
		border-radius:50px;
		background: rgba(255,255,255,0.2);
	}
	ul.tab li.on{
		background: #0581D7;
		border-radius:50px;
	}
	ul.tab li a{
		display: block;
		color:#fff;
		font-size: 24px;
		line-height: 50px;
		font-weight: 600;
		font-family: 'Pretendard';
		width: 160px;
		text-align: center;
	}
/* sec1 */
	#sec1{
		width: 1520px;
		margin: 170px auto;
	}
	#sec1 h2, #sec2 h2, #sec2_mo h2, #sec3 h2, #sec4 h2, #bo_list h2, .tit h2,
	h4{
		font-size: 64px;
		font-weight: 700;
		margin-bottom: 40px;
	}
	#sec1 p, #sec2 p, #sec3 p{
		font-size: 20px;
		font-weight: 300;
		margin-bottom: 90px;
		line-height: 180% ;
	}

	.step{
		display: flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		gap:84px;
		width: 100%;
		margin: 0 auto;
	}
	.step li{
		position: relative;
	}
	.step li:after{
		position: absolute;
		top:50%;
		right:-25%;
		transform:translate(-50%,-50%);
		content:'';
		width: 30px;
		height: 30px;
		background: url('/img/step_arrow.png')no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.step li:last-child:after{display: none;}
	.step li img{width: 100%;}

	.sequence{
		display: flex;
		justify-content:space-between;
	}
	.sequence li{
		border:1px solid #B5B5B5;
		border-radius:30px;
		width: 480px;
		padding: 73px 50px;
		position: relative;
	}
	.sequence li .num, .sequence li h5{
		font-size: 24px;
		font-weight: 600;
		margin-bottom: 12px;
		color: #0581D7;
	}
	.sequence li h3, .sequence li h6{
		font-size: 32px;	
		font-weight: 600;
		margin-bottom: 20px;
	}
	.sequence li p{
		font-size: 20px;
		font-weight: 300; 
		line-height:180% ;
		margin: 0 !important;
	}
	.sequence li img{
		position: absolute;
		top:73px;
		right:50px;		
		width: 83px;
		height: 83px;
	}
/* sec2 */
	#sec2{
		width: 1520px;
		margin: 180px auto;
		position: relative;
	}
	#sec2_mo{display: none;}
	#sec2 .tit{
		width: 1350px;
		display: flex;
		justify-content:space-between;
		align-items:center;
		position: absolute;
		z-index:3;
		height: 68px;
	}
	#sec2 .tit h2, #sec2 .tit h4{
		margin: 0;
	}
	#sec2 .tit a{
		font-size: 24px;
		font-weight: 500;
		text-decoration-line: underline;
	}
/* sec3 */
	#sec3{
		background: #F6F6F6;
		padding: 133px 0 122px;
	}
	#sec3 .inner{
		width: 1520px;
		margin: 0 auto;
	}
	#sec3 ul.project{
		width: 100%;
		display: flex;
		flex-wrap:wrap;
	}
	#sec3 ul.project li{
		width: 20%;
		text-align: center;
	}
/* 프로젝트 갤러리 슬라이드 */
	.slick{
		height: 723px;
		position: relative;
		transition:all 0s;
	}
	.slick-list{
		padding-top: 106px;
		overflow:hidden;
	}
	.slick .slick-slide{
		overflow:hidden;
	}
	/* 슬라이드 위치 잡기 */
	.slick-active{
		width: 1520px;
	}
	.leftimg{
		width: 943px;
		height: 617px;
		float:left;
		margin-right: 30px;
		border-radius:30px;
	}
	.rightimg{
		width: 545px;
		height: 292px;
		border-radius:30px;
	}
	.right1{
		margin-bottom: 33px;
	}
	/* 화살표 위치 잡기 */
	.slick-prev{
		position: absolute;
		right:72px;
		top:0;
		z-index:1;
		width: 60px;
		height: 60px;
		background: url('/img/arrow_prev.png')no-repeat;
		-webkit-background-size: cover;
		background-size:cover ;
		text-indent: -99999px;
		border:0;
	}
	.slick-next{
		position: absolute;
		right:0;
		top:0;
		z-index:1;
		width: 60px;
		height: 60px;
		background: url('/img/arrow_next.png')no-repeat;
		-webkit-background-size: cover;
		background-size:cover ;
		text-indent: -99999px;
		border:0;
	}
	

@media only screen and (max-width:1600px){
	.banner{
		margin-top: 6.3125vw;
		height: 28.125vw;
	}
	.banner .txt{
		width: 95.0000vw;
		top:11.7500vw;
	}
	.banner .txt h1{
		font-size: 4.0000vw;
		margin-bottom: 1.875vw;
	}
	.txt ul.tab{
		border-radius:3.1250vw;
	}
	.txt ul.tab li.on{
		border-radius:3.1250vw;
	}
	.txt ul.tab li a{
		font-size: 1.5000vw;
		line-height: 3.1250vw;
		width: 10.0000vw;
	}
	#sec1{
		width: 95.0000vw;
		margin: 10.6250vw auto;
	}
	#sec1 h2, #sec2 h2, #sec2_mo h2, #sec3 h2, #sec4 h2, #bo_list h2, .tit h2,
	h4{
		font-size: 4.0000vw;
		margin-bottom: 2.5000vw;
	}
	section p{
		font-size: 1.2500vw;
		margin-bottom: 5.6250vw;
	}
	.step{
		gap:5.2500vw;
	}
	.step li:after{
		top:50%;
		right:-5vw;
	}
	.sequence li{
		border-radius:1.8750vw;
		width: 30.0000vw;
		padding: 4.5625vw 3.1250vw;
	}
	.sequence li .num, .sequence li h5{
		font-size: 24px;
		margin-bottom: 0.7500vw;
	}
	.sequence li h3, .sequence li h6{
		font-size: 26px;
		margin-bottom: 1.2500vw;
	}
	.sequence li p{
		line-height: 1.3;
		font-size: 24px;
	}
	.sequence li img{
		top:4.5625vw;
		right:3.1250vw;		
		width: 5.1875vw;
		height: 5.1875vw;
	}
	#sec2{
		width: 95.0000vw;
		margin: 11.2500vw auto;
	}
	#sec2 .tit{
		width: 80.3750vw;
		height: 4.2500vw;
	}
	#sec2 .tit a{
		font-size: 1.5000vw;
	}
	#sec3{
		padding: 8.3125vw 0 7.6250vw;
	}
	#sec3 .inner{
		width: 95.0000vw;
	}
	/* 프로젝트 갤러리 슬라이드 */
		.slick{
			height: 45.1875vw;
		}
		.slick-list{
			padding-top: 6.6250vw;
		}
		.slick-active{
			width: 95.0000vw;
		}
		.leftimg{
			width: 58.9375vw;
			height: 38.5625vw;				
			margin-right: 1.8750vw;
			border-radius:1.8750vw;
		}
		.rightimg{
			width: 34.0625vw;
			height: 18.2500vw;
			border-radius:1.8750vw;
		}
		.right1{
			margin-bottom: 2.0625vw;
		}
		.slick-prev{
			width: 3.7500vw;
			height: 3.7500vw;
		}
		.slick-next{
			width: 3.7500vw;
			height: 3.7500vw;
		}
}


@media only screen and (max-width:480px){
	/* 배너 */
		.banner{
			margin-top: 0;
			height:33.3333vw;
		}
		.banner .txt{
			width: 100%;
			height: 100%;
			top:0;
			left:0;
			transform:translate(0);
			padding:16.25vw 5.2083vw 0 ;
		}
		.banner .txt h1{
			font-size: 8.125vw;
			margin: 0;
		}
		.banner img{
			width: 100%;
			height: 100%;
		}
		.txt ul.tab{
			border-radius:0;
			position: absolute;
			bottom:-10.4167vw;
			left:0;
			width: 100%;
			height: 10.4167vw;
			background: #000;
		}
		.txt ul.tab li.on{
			border-radius:0;
		}
		.txt ul.tab li a{
			display: block;
			width: 100%;
			font-size: 3.5417vw;
			line-height:10.4167vw;
		}
	/* sec1 */
		#sec1{
			width: 89.5833vw;
			margin: 25.4167vw auto 15.2083vw;
		}
		#sec1 h2, #sec2 h2, #sec2_mo h2, #sec3 h2, #sec4 h2, #bo_list h2, .tit h2,
		h4{
			font-size: 8.1250vw;
			margin-bottom: 6.25vw;
		}
		#sec1 p, #sec2 p, #sec3 p{
			font-size: 3.5417vw;
			margin-bottom: 8.3333vw;
			line-height: 171.429%  ;
		}
		.step{
			width: 100%;
			justify-content:flex-start;
			gap:8.5417vw;
		}
		.step li{
			width: 37.0833vw;
		}
		.step li:after{
			right:-9vw;
			width: 20px;
			height: 20px;
		}

		.sequence{
			display: block;
		}
		.sequence li{
			width: 90vw;
			margin: 0 auto 20px;
			border-radius:6.2500vw;
			padding: 15.2083vw 10.4167vw;
		}		
		.sequence li .num, .sequence li h5{
			font-size: 5.0000vw;
			margin-bottom: 2.5000vw;
		}
		.sequence li h3, .sequence li h6{
			font-size: 6.6667vw;	
			margin-bottom: 4.1667vw;
		}
		.sequence li p{
			font-size: 4.1667vw;
			line-height:180% ;
			margin: 0;
		}
		.sequence li img{
			top:15.2083vw;
			right:10.4167vw;		
			width: 17.2917vw;
			height: 17.2917vw;
		}
	/* sec2 프로젝트 갤러리*/
		#sec2{
			display: none;
		}
		#sec2_mo{
			display: block;
			width: 89.5833vw;
			margin: 0 auto 15.2083vw;
		}
		#sec2_mo h2, #sec2_mo h4{
			font-size: 8.125vw;
			margin-bottom: 5vw;
		}
		#sec2_mo .right a{
			font-size: 2.916vw;
			font-weight: 500;
			line-height: 166.667% ;
			text-decoration: underline;
		}
		.slick2{
			width: 100%;
		}
		.slick-list{
			padding-top: 3.3333vw;
		}
		.slick2 div img{
			border-radius:5vw;
			margin-bottom: 5vw;
		}
		.slick2 div img:last-child{margin: 0;}
		.slick-prev{
			width: 7.5vw;
			height: 7.5vw;
			top:-8.3333vw;
			right:8.75vw;
		}
		.slick-next{
			width: 7.5vw;
			height: 7.5vw;
			top:-8.3333vw;
		}		
	/* sec3 프로젝트 주요실적*/
		#sec3{
			padding:12.7083vw 0 ;
		}
		#sec3 .inner{
			width: 89.5833vw;
		}
		#sec3 h2, #sec3 h4{
			margin-bottom: 7.5vw;
		}
}