/* 모든 스타일은 css 충돌방지를 위해 .one7을 기준으로 작성 하시면 됩니다. 예) .one7 .box{}*/
.one7 {
}
.text {
	font-size:16px;
	line-height:26px;
	font-weight:400;
	margin:0 0 15px
}
::-webkit-input-placeholder {
	color:inherit
}
::-moz-input-placeholder {
	color:inherit
}
::-ms-input-placeholder {
	color:inherit
}
.auto-container {
	position:static;
	max-width:1170px;
	padding:0 15px;
	margin:0 auto
}
img {
	display:inline-block;
	max-width:100%;
	height:auto
}
.projects-section {
	position:relative
}
.projects-section .auto-container {
	max-width:100%
}
.sec-title {
	position:relative;
	margin-bottom:70px
}
.sec-title h2 {
	position:relative;
	font-size:48px;
	font-weight:500;
	margin-bottom:20px;
	letter-spacing:-3px
}
.sec-title.style-two h2 {
	font-weight:700;
	letter-spacing:-2px
}
.sec-title .sec-title-dec {
	position:absolute;
	top:0;
	left:27px;
	height:100px;
	width:2px;
	transform:translate(0,-145px)
}
.sec-title .sec-title-dec:before {
	position:absolute;
	content:'';
	left:-25px;
	top:25px;
	width:2px;
	height:50px
}
.sec-title .sec-title-dec:after {
	position:absolute;
	content:'';
	right:-25px;
	top:25px;
	width:2px;
	height:50px
}
.sec-title .sec-title-dec-two {
	position:absolute;
	top:20px;
	left:-75px;
	height:2px;
	width:52px
}
.border-shape {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background-color:#eee
}
.border-shape:before {
	position:absolute;
	content:'';
	left:50%;
	top:0;
	width:220px;
	height:1px;
	background-color:#fff;
	transform:translateX(-50%)
}
.border-shape.style-two:before {
	display:none
}
.projects-section-three {
	position:relative;
	padding:100px 0 130px
}
.projects-section-three .border-shape:before {
	left:0;
	width:25%;
	transform:translateX(0)
}
.project-block-three {
	position:relative
}
.project-block-three .inner-box {
	position:relative;
	margin-bottom:160px;
	width:fit-content
}
.project-block-three .inner-box .image {
	position:relative;
	overflow:hidden
}
.project-block-three .inner-box .image img {
	transition:1s
}
.project-block-three .inner-box:hover .image img {
	transform:scale(1.2)
}
.project-block-three:nth-child(odd) .inner-box {
	top:-40px
}
.project-block-three:nth-child(even) .inner-box {
	margin:0 auto;
	margin-right:0
}
.project-block-three .content {
	position:absolute;
	left:0;
	bottom:-80px;
	background-color:#fff;
	padding:60px;
	max-width:375px;
	box-shadow:0 5px 18.9px 2.1px rgba(0,0,0,.05)
}
.project-block-three .content h4 {
	font-size:30px;
	font-weight:600;
	padding-top:25px;
	margin-bottom:20px;
	transition:.5s
}
.project-block-three .content h4:before {
	position:absolute;
	content:'';
	top:60;
	left:60;
	height:2px;
	width:50px;
	transition:.5s
}
.project-block-three .content .text {
	position:relative;
	margin-bottom:35px;
	transition:.5s
}
.project-block-three .content .link {
	position:relative
}
.project-block-three .content .link:before {
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:30px;
	height:30px;
	border:15px solid transparent;
	border-right-color:#13336c;
	border-top-color:#13336c;
	transition:.9s
}
.project-block-three .inner-box:hover .content .link:before {
	transform:rotate(180deg)
}
.project-block-three .content .link i {
	position:relative;
	margin-left:25px;
	font-size:20px;
	display:inline-block
}
.project-block-three.style-two .inner-box {
	margin:0 auto 120px;
	margin-right:0;
	top:0
}
.project-block-three.style-two .content {
	bottom:50%;
	transform:translate(-50%,50%)
}
.project-block-three h2 {
	font-size:48px;
	font-weight:700;
	color:#ece9e9;
	position:absolute;
	left:-90px;
	top:50%;
	transform:rotate(-90deg) translate(-50%,-50%);
	transform-origin:0 0;
	text-transform:uppercase
}
.projects-section-two {
	position:relative;
	padding:145px 0 250px
}
.project-block-two .inner-box {
	position:relative;
	box-shadow:0 5px 18.9px 2.1px rgba(0,0,0,.05);
	margin:0 20px 20px
}
.project-block-two .content {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background-color:#fff;
	width:45%;
	padding:20px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center
}
.project-block-two .content h4 {
	position:relative;
	font-size:24px;
	font-weight:700;
	padding-bottom:15px;
	margin-bottom:30px
}
.project-block-two .content h4:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:50px;
	height:2px
}
.project-block-two .content .text {
	margin-bottom:40px
}
.projects-section.style-two {
	padding:130px 0
}
.projects-section-two.style-two .project-block-two .inner-box {
	margin-top:20px
}









@media only screen and (max-width:991px) {
	.projects-section-two {
		padding-bottom:90px
	}
	.project-block-three.style-two .inner-box {
		margin-bottom:40px
	}
	.project-block-three.style-two .content {
		transform:translate(0,50%)
	}
	.sec-title .sec-title-dec-two {
		display:none
	}
	.project-block-two .content {
		position:relative;
		width:100%;
		justify-content:flex-start;
		padding:30px
	}
	.project-block-three.style-two .content {
		transform:translate(0,0);
		bottom:0
	}
	.project-block-three .content {
		bottom:0
	}
	.project-block-three:nth-child(odd) .inner-box {
		top:0
	}
	.project-block-three:nth-child(even) .inner-box {
		margin:0 auto 40px
	}
	.project-block-three .inner-box {
		margin:0 auto 40px
	}
}
@media only screen and (max-width:767px) {
	br {
		display:none
	}
}
@media only screen and (max-width:575px) {
	.project-block-three .content {
		position:relative;
		max-width:100%
	}
	.sec-title h2 {
		font-size:36px;
		line-height:45px;
		letter-spacing: -2px
	}
}



.sec-title .sec-title-dec {
    background-color: #ccad6e;
}
.sec-title .sec-title-dec:before  {
    background-color: #ccad6e;
}
.sec-title .sec-title-dec:after {
    background-color: #ccad6e;
}



.sec-title .sec-title-dec:after {
    position: absolute;
    content: '';
    right: -25px;
    top: 25px;
    width: 2px;
    height: 50px;
}
.project-block-three .content h4:before {
    background-color: #ccad6e;
}