body {
	font-family: 'Pretendard', sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #fff;
	overflow-x: hidden;
	transition: none;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #232323;
	transition: 0.5s ease;
}

a:hover,
a:active,
a:focus {
	color: #4acb70;
	text-decoration: none;
	outline: none;
}
select::-ms-expand {
	display: none;
}


input[type='radio']{
    display:none; 
}
label:has(input[type='radio']) {
	float: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 15px;
	padding-left: 10px;
}
label:has(input[type='radio']):before{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
		border: 1px solid #c4c4c4;
		border-radius: 12px;
    margin-right: 5px;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
label:has(input[type='radio']:checked):before{
		border: 2px solid #44b064;
}
label:has(input[type='radio']:checked):after{
    position: absolute;
    left: 10px;
    margin:6px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #44b064;
}







.layout-container {
	width: 100%;
	display: flex;
	flex-direction: row;
}
.layout-container .layout-left {
	width: 300px;
	height: 100vh;
	overflow-y: auto;
	position: fixed;
}
.layout-container .layout-left::-webkit-scrollbar {
    display: none;
}
.layout-container .layout-right {
	margin-left: 300px;
	width: calc(100vw - 300px);
}

.layout-container .layout-left .navibar {
	background-color: #fff;
	border-radius: 30px;
	margin: 30px;
	padding: 30px 0 0px 30px;
	position: absolute;
}


.layout-container .layout-left .navibar .logo {
	padding-bottom: 60px;
	max-height: 100px;
	transition: 0.5s ease;
}
.layout-container .layout-left .navibar .slogan {
	max-height: 200px;
	font-size: 30px;
	font-weight: 700;
	color: #3de270 ;
	padding-bottom: 80px;
	transition: 0.5s ease;
}
.layout-container .layout-left .navibar .menu ul li a {
	font-size: 20px;
	font-weight: 500;
	padding: 10px 0;
	display: inline-block;
}
.layout-container .layout-left .navibar .menu ul li:last-child a {
    padding-top: 20px;
}
.layout-container .layout-left .navibar .menu ul li:first-child {
	max-height: 0;
	transition: 0.5s ease;
	overflow: hidden;
}
.layout-container .layout-left .navibar .phone {
	margin: 30px 0;
	display: flex;
	flex-direction: row;
}
.layout-container .layout-left .navibar .phone .icon ,.layout-container .layout-left .navibar .email .icon {
	padding-right: 0px;
	width: 0;
	height: 0;
	overflow: hidden;
	transition: 0.5s ease;
}
.layout-container .layout-left .navibar .tel a {
	font-size:22px;
	font-weight: 700;
}
.layout-container .layout-left .navibar .time {
	font-size: 14px;
	padding-top: 8px;
	color: #666;
}
.layout-container .layout-left .navibar .email {
	font-size: 18px;
	font-weight: 600;
	display: flex;
	flex-direction: row;
}
.layout-container .layout-left .navibar .email .text {
	padding-top: 5px;
}
.layout-container .layout-left .menu ul li i {
	transition: 0.5s ease;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.layout-container .layout-left .navibar .contact:before {
	content: '';
	margin-left: 20px;
	display: block;
	width: 1px;
	height: 0px;
	border-left: 1px solid #000;
	transition: 0.5s ease;
}
@media (min-width: 1200px) {
	.layout-container .layout-left.stickyed .navibar {
		background-color: #f8f9f9;
		padding: 30px 30px 60px 30px;
		height: calc(100vh - 60px);
	}
	.layout-container .layout-left.stickyed .menu ul li i ,.layout-container .layout-left .mobile .menu ul li i {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background-image: url(../images/icon/icon_03.png);
		margin-right: 10px;
		position: relative;
		top: 12px;
	}
	.layout-container .layout-left.stickyed .menu ul li i.portfolio ,.layout-container .layout-left .mobile .menu ul li i.portfolio {
		background-image: url(../images/icon/icon_06.png);
	}
	.layout-container .layout-left.stickyed .menu ul li i.price ,.layout-container .layout-left .mobile .menu ul li i.price {
		background-image: url(../images/icon/icon_08.png);
	}
	.layout-container .layout-left.stickyed .menu ul li i.portfolio ,.layout-container .layout-left .mobile .menu ul li i.portfolio {
		background-image: url(../images/icon/icon_06.png);
	}
	.layout-container .layout-left.stickyed .menu ul li i.notice ,.layout-container .layout-left .mobile .menu ul li i.notice {
		background-image: url(../images/icon/icon_10.png);
	}
	.layout-container .layout-left.stickyed .menu ul li i.email ,.layout-container .layout-left .mobile .menu ul li i.email {
		background-image: url(../images/icon/icon_24.png);
	}
	.layout-container .layout-left.stickyed .menu ul li.active i ,.layout-container .layout-left .mobile .menu ul li.active i {
		background-color: #3de270;
		background-image: url(../images/icon/icon_l_03.png);
	}
	.layout-container .layout-left.stickyed .menu ul li.active i.portfolio ,.layout-container .layout-left .mobile .menu ul li.active i.portfolio {
		background-color: #3de270;
		background-image: url(../images/icon/icon_l_06.png);
	}
	.layout-container .layout-left.stickyed .menu ul li.active i.price  ,.layout-container .layout-left .mobile .menu ul li.active i.price {
		background-image: url(../images/icon/icon_l_08.png);
	}
	.layout-container .layout-left.stickyed .menu ul li.active i.portfolio ,.layout-container .layout-left .mobile .menu ul li.active i.portfolio {
		background-image: url(../images/icon/icon_l_06.png);
	}
	.layout-container .layout-left.stickyed .menu ul li.active i.notice ,.layout-container .layout-left.mobile .menu ul li.active i.notice {
		background-image: url(../images/icon/icon_l_10.png);
	}
	.layout-container .layout-left.stickyed .menu ul li.active i.emil ,.layout-container .layout-left.mobile .menu ul li.active i.emil {
		background-image: url(../images/icon/icon_l_24.png);
	}
	.layout-container .layout-left.stickyed .navibar .menu ul li a {
		font-size: 18px;
	}
	.layout-container .layout-left.stickyed .navibar .menu ul li a {
		padding: 10px 0;
	}
	.layout-container .layout-left.stickyed .navibar .menu ul li:last-child a {
		padding: 20px 0;
	}
	.layout-container .layout-left.stickyed .navibar .menu ul li:first-child ,.layout-container .layout-left .mobile.navibar .menu ul li:first-child {
		max-height: 100px;
	}
	.layout-container .layout-left.stickyed .navibar .slogan {
		overflow: hidden;
		max-height: 0;
		padding: 0;
		opacity: 0;
	}
	.layout-container .layout-left.stickyed .navibar .phone .icon ,.layout-container .layout-left.stickyed .navibar .email .icon {
		width: 40px;
		height: 40px;
	}
	.layout-container .layout-left.stickyed .navibar .tel {
		padding-top: 3px;
	}
	.layout-container .layout-left.stickyed .navibar .tel a {
		font-size: 24px;
	}
	.layout-container .layout-left.stickyed .navibar .email .text {
		font-size: 16px;
		padding-top: 8px;
		letter-spacing: -0.3px;
	}
	.layout-container .layout-left.stickyed .navibar .contact:before {
		content: '';
		margin-left: 20px;
		display: block;
		width: 1px;
		height: 90px;
		border-left: 1px solid #000;
	}
}
.layout-container .layout-right .mainpage .mainbanner {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.layout-container .layout-right .mainpage .mainbanner .item{
    cursor: pointer;
	width: 20%;
	overflow: hidden;
	position: relative;
	transition: transform 0.3s ease-out;
	height: calc(100vh / 3);
	transition: 0.5s ease;
	background-color: #1eb44c;
}
.layout-container .layout-right .mainpage .mainbanner .item:nth-child(even){
	background-color: #3de270;
}
.layout-container .layout-right .mainpage .mainbanner.animated .item{
	background-color: #000;
}
.layout-container .layout-right .mainpage .mainbanner .item .brand {
	background-size: cover;
	background-position: 50% 50%;
	height:  calc(100vh / 3);
	opacity: 0;
	transition: 0.5s ease;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: end;
	background-color: #1eb44c;
}
.layout-container .layout-right .mainpage .mainbanner.animated .item .brand {
	opacity: 1;
}
.layout-container .layout-right .mainpage .mainbanner .item .text {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding: 30px;
	opacity: 0;
	transition: 0.5s ease;
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
}

.layout-container .layout-right .mainpage .mainbanner .item:hover .text {
	opacity: 1;
	color: #fff;
}
.layout-container .layout-right .mainpage .mainbanner .item:hover .brand {
	opacity: 0.2;
	transition-delay: 0s!important;
}
.layout-container .layout-right .mainpage .mainbanner .item .text i {
	margin-left: 20px;
}
.layout-container .layout-right .mainpage .mainbanner .item .text i:before {
    content: '';
    display: block;
    width: 70px;
    border-top: 1px solid #fff;
}
.layout-container .layout-right .mainpage .mainbanner .item .text i:after {
    content: '';
    display: block;
    width: 7px;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    position: relative;
    top: -4px;
    left: 63px;
}

.main-review {
	padding-top: 150px;
	padding-bottom: 150px;
}
.main-review .hd {
	text-align: center;
}
.main-review .hd .title {
	font-size: 76px;
	font-weight: 700;
}
.main-review .hd .title span {
	color: #3de270;
}
.main-review .hd .subtitle {
	font-size: 28px;
	font-weight: 600;
}
.main-review .hd .description {
	font-size: 18px;
	margin-bottom: 30px;
}

.main-review .hd .subtitle  span {
	position: relative;
}
.main-review .hd .subtitle span:after {
	content: '';
	display: inline-block;
	width: 400px;
	position: absolute;
	height: 18px;
	background-color: #77eb9b;
	left: 50%;
	margin-left: -200px;
	z-index: -1;
	top: 15px;
}
.main-review .bd .item {
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
	border-radius: 30px;
	margin: 15px;
	padding: 10px 0;
	text-align: center;
}
.main-review .bd .item img {
	width: 260px;
	display: inline-block;
	margin: 19px 0 12px;
}
.main-review .bd .item p {
	padding-bottom: 0px;
	font-size: 16px;
	min-height: 84px;
}
.main-item2 {
	padding-bottom: 100px;
}
.main-item2 .hd {
	padding-top: 80px;
}
.main-item2 .hd .subtitle {
	font-size: 36px;
	font-weight: 700;
}
.main-item2 .hd .title {
	font-size: 60px;
	font-weight: 700;
	color: #3de270;
}
.main-item2 .hd .description {
	font-size: 18px;
	padding-top: 10px;
}
.main-item2 .hd .description2 {
	font-size: 22px;
	font-weight: 500;
	padding: 70px 0 50px;
}
.main-item2 .hd .description3 {
	font-size: 50px;
	font-weight: 700;
	color: #000;
}
.project-count {
	height: 500px;
}
.project-count:before {
	content: '';
	width: 650px;
	height: 150px;
	display: block;
	position: absolute;
	z-index: 99;
	background: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0.8), rgba(255,255,255,0.4));
}
.project-count:after {
	content: '';
	width: 650px;
	height: 150px;
	display: block;
	position: absolute;
	z-index: 99;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(255,255,255,0.4),rgba(255,255,255,0.8),rgba(255,255,255,1), rgba(255,255,255,1));
}
.project-count .item {
	font-size: 106px;
	font-weight: 700;
	text-align: center;
	display: block;
}
.main-item2 .ft {
	padding-top: 30px;
}
.main-item2 .ft .item {
	background-color: #000;
	color: #fff;
	border-radius:20px;
}
.main-item2 .ft .item .icon {
	padding: 30px 40px;
	height: 120px;
	text-align: right;
}
.main-item2 .ft .item .subtitle {
	font-size:22px; 
	padding-left: 30px;
}
.main-item2 .ft .item .title {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 30px;
	padding-left: 30px;
}
.main-item2 .ft .item.green {
	background-color: #3de270;
}
.main-item2 .ft .item.green .title ,.main-item2 .ft .item.green .subtitle {
	color: #303135;
}
.mainitem3 {
	padding-top: 200px;
	padding-bottom: 300px;
}
.mainitem3 .hd .subtitle {
	font-size: 36px;
	font-weight: 700;
}
.mainitem3 .hd .title {
	font-size: 60px;
	font-weight: 700;
	color: #3de270;
	line-height: 1.2;
	padding-bottom: 50px;
}
.mainitem3 .bd img {
	border-radius: 30px;
}
.mainitem3 .bd .txt1 {
	padding-top: 150px;
	padding-left: 50px;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 30px;
}
.mainitem3 .bd .txt2 {
	font-size: 18px;
	padding-left: 50px;
}
.mainitem3 .bd .txt2 p {
    font-size: 22px;
    font-weight: 600;
}
.mainitem4 {
	padding-bottom: 250px;
}
.mainitem4 .hd ,.main-contact .hd{
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 80px;
}
.mainitem4 .hd span ,.main-contact .hd span{
	padding-left: 15px;
}
.mainitem4 .hd span:after ,.main-contact .hd span:after {
	width: 168px;
	height: 28px;
	border-radius: 5px;
	background-color: #3de270;
	display: block;
	content: '';
	margin-top: -30px;
}
.main-contact .hd span:after {
	width: 155px;
}
.mainitem4 .bd .title-area {
	margin-left: -170px;
	margin-bottom: -65px;
}
.mainitem4 .bd .title {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
}
.mainitem4 .bd .subtitle {
	font-size: 20px;
	font-weight:500;
	color: #878787;
}
.mainitem4 .bd .item {
	border-radius: 20px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.2);
	padding-bottom: 23px;
	overflow: hidden;
	transition: 0.5s ease;
}
.mainitem4 .bd .item .name {
	background-color: #000;
	background-image: url(../images/star_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	padding: 50px 0 15px 40px;
	border-top-left-radius: 19px;
	transition: 0.5s ease;
}
.mainitem4 .ft .item .name  {
	background-image: url(../images/star_bg_2.png);
}
.mainitem4 .bd .item .price {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
	padding-left: 20px;
	padding-top: 20px;
}
.mainitem4 .bd .item .price span {
	font-size: 16px;
	color: #5f5f5f;
}
.mainitem4 .bd .item .unit {
	font-size: 16px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: row;
	min-height: 90px;
}
.mainitem4 .bd .item .unit .unit-list {
	border-left: 2px solid #44b064;
	margin-left: 20px;
	padding-left: 10px;
	color: #44b064;
	line-height: 1.5;
	transition: 0.5s ease;
}
.mainitem4 .bd .item .list {
	background-color: #f7f7f7;
	border-radius: 15px;
	margin: 0 23px;
	padding: 15px 0px 15px 30px;
	min-height: 230px;
}
.mainitem4 .bd .item .description {
	background-color: #f7f7f7;
	border-radius: 15px;
	margin: 15px 23px 0 23px;
	font-size: 16px;
	padding: 15px 0px 15px 30px;
	min-height: 100px;
}
.mainitem4 .bd .item .description span {
	font-weight: 500;
	font-size: 14px;
	color: #44b064;
}
.mainitem4 .bd .item .list ul li {
	line-height: 30px;
	font-size: 16px;
	position: relative;
	padding-left: 20px;
}
.mainitem4 .bd .item .list ul li:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icon_success.png);
	position: absolute;
	left: -5px;
	top: 7px;
}
.mainitem4 .bd .item:hover .unit .unit-list {
	color: #fff;
	border-color: #fff;
}
.mainitem4 .bd .item:hover .name {
	color: #fff;
}
.mainitem4 .bd .item:hover {
	background-color: #3de270;
}
.mainitem4 .bd.ft {
	padding-top: 90px;
}
.main-contact {
	background-color: #f9f9f9;
	padding-top: 150px;
}
#form-template .title {
	font-size: 20px;
	color: #000;
	font-weight: 400;
}
#form-template input.form-control {
	border: none;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
}
#form-template textarea.form-control {
	border: none;
	line-height: 40px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
}
#form-template .file-input {
	position: relative;
	padding-top: 10px;
	width: 100%;
}

#form-template .file-input .upload-file {
	background-color: red;
	position: absolute;
	width: 100%;
	height: 47px;
	z-index: 3;
	left: 0;
	top: unset;
	cursor: pointer;
}
	
#form-template .file-input .input-group-addon {
	position: absolute;
	z-index: 9;
	width: 75px;
	height: 26px;
	background-color: #393939;
	color: #fff;
	border-radius: 5px;
	line-height: 26px;
	padding: 0;
	margin: 7px;
	box-shadow: none;
	border: none;
}
#form-template .file-input .filename {
	border: none;
	box-shadow: none;
	font-size: 15px;
	font-weight: 500;
	color: #a3a3a3;
	line-height: 40px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	padding-left: 100px;
}

#form-template .group {
	margin-bottom: 30px;
}
#form-template .group .title {
	padding-left: 10px;
	padding-bottom: 8px;
}
#form-template label {
	font-size: 18px;
	font-weight: 400;
}
#form-template input.hideinput {
	width: 0;
	height: 0;
	overflow: hidden;
	box-shadow: unset;
	padding: 0;
	margin: 0;
}
#logo_type .item {
	border: 1px solid #c3c3c3;
	padding: 1px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	background-color: #fff;
	cursor: pointer;
}
 #logo_type .active.item {
	border: 2px solid #3de270;
	padding: 0px;
}
#logo_type .item .icon {
	padding: 15px;
}
#logo_type .item .txt .txt1 {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	padding-top: 25px;
}
#logo_type .item .txt .txt2 {
	font-size: 14px;
	color: #000;
	font-weight: 400;
}
.btn.form-submit {
	background-color: #393939;
	color: #fff;
	font-size: 20px;
	width: 130px;
	height: 38px;
	line-height: 38px;
	padding: 0;
	border-radius: 5px;
	margin: 60px 0;
}
.help-block {
	font-size: 16px;
	font-weight: 400;
	background: none;
	left: unset;
	right: 0;
	top: -39px;
}
.form-control-feedback {
	top: 3px;
}
#form-template .group .title i {
	color: #44b064;
}
#form-template .group .title span {
	font-size: 14px;
	font-weight: 400;
	color: #666;
}
footer {
	background-color: #393939;
	margin: 60px 30px 30px 0px;
	border-radius: 30px;
	display: flex;
	flex-direction: row;
}
footer  .logo {
	padding: 70px 100px 70px 60px;
}
footer .info {
	width: 100%;
	padding-bottom: 40px;
}
footer .info .hd {
	display: flex;
	flex-direction: row;
	padding: 60px 0 20px;
}
footer .info .hd p {
	font-size: 16px;
}
footer .info .hd .item {
	color: #fff;
	width: 50%;
	position: relative;
}
footer .info .hd .item p {
	font-weight: 200;
	color: #999999;
	margin: 0;
}
footer .info .hd .item .space {
	padding: 12px 0;
}
footer .info .hd .item p b {
	color: #fff;
}
footer .info .hd .item p span {
	padding-left: 30px;
}
footer .info .hd .item:first-child:after {
	height: 120px;
	border-left: 1px solid #999;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 150px;
}
footer .info .bd {
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
	padding-right: 160px;
	margin-left: -20px;
}
footer .info .hd p.copyright {
	color: #fff;
}
footer .info .hd p a {
	color: #999;
	display: inline-block;
	padding: 5px 12px;
}
footer .info .hd p a:hover {
	color: #3de270;
}
footer .info .hd p a:first-child {
	padding-left: 0;
}
footer .info .hd p i {
	display: inline-block;
	height: 10px;
	border-right:1px solid #999;
}

footer .info .hd p.copyright br {
	display: none;
} 
.subpage .topbanner {
	text-align: center;
	padding: 90px 0;
}
.subpage .topbanner .subtitle {
	color: #3de270;
	font-size: 28px;
	font-weight: 500;
	padding-bottom: 10px;
}
.portfolio-categories .row1 {
	background-color: #f9f9f9;
	padding: 8px 0;
}
.portfolio-categories .row1 ul li a{
	color: #222;
}
.portfolio-categories .row2 {
	background-color: #222;
	padding: 8px 0;
}
.portfolio-categories .row2 ul li a{
	color: #fff;
}
.portfolio-categories ul li a {
	font-size: 22px;
	font-weight: 500;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 5px;
	background-color: unset;
}
.portfolio-categories ul li.active a {
	background-color: #3de270;
	color: #fff;
}
.portfolio-categories ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.portfolio-list {
	padding-top: 70px;
}
.portfolio-list .item {
    cursor: pointer;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	transition: transform 0.3s ease-out;
	padding-bottom: 100%;
	background-size: 100%;
	background-position: 50% 50%;
	transition: 0.5s ease;
}
.portfolio-list .item:hover {
	background-size: 110%;
} 
.portfolio-list .item .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: start;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.5s ease;
}
.portfolio-list .item:hover .mask {
	opacity: 1;
}
.portfolio-list .item .mask .title {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	padding-left: 15px;
	padding-bottom: 15px;
} 
.portfolio-list .item .mask .category {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	padding-left: 15px;
}
.document-agreements {
	padding-bottom: 100px;
}
#fetch-more {
	width: 130px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	border-radius: 7px;
	font-size: 20px;
	font-weight: 600;
	background-color: #393939;
	border: none;
	box-shadow: none;
	margin-top: 80px;
	margin-bottom: 180px;
}

.price-list .item {
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 10px 15px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	margin: 4px;
}
.price-list .item .bd .title {
	border-bottom:2px solid #000;
	font-size: 26px;
	line-height: 48px;
	font-weight: 700;
	padding-left: 15px;
	display: flex;
	align-items: center;
	height: 50px;
}
.price-list .item .bd .title span {
        background-color: #5aed86;
    font-weight: 700;
    border-radius: 15px;
    padding: 0px 8px;
    font-size: 14px;
    margin-left: 6px;
    height: 24px;
    line-height: 24px;
}
.price-list .item .bd .info {
	padding-left: 15px;
	padding-top: 15px;
	line-height: 22px;
	min-height: 210px;
	font-size: 14px;
}
.price-list .item .ft  {
	font-size: 22px;
	font-weight: 600;
	padding: 10px;
	margin: 0 15px;
	border-top: 2px solid #000;
	text-align: right;
}
.price-list .item .ft span {
	font-size: 16px;
}
.price-list .item:hover {
	border: 4px solid #3de270;
	margin: 0;
}
.price-list .item:hover .bd .title {
	background-color: #000;
	color: #fff;
}
.price-list .col-md-3 {
	margin-bottom: 30px;
}
.price-list .btns {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	padding-bottom: 20px;
} 
.price-list .btns .search {
	width:38px;
	height: 38px;
	cursor: pointer;
	margin-right: 15px;
	border-radius: 6px;
	background-color: #fff;
	border: 2px solid #393939;
	background-image: url(../images/price_24.jpg);
	background-size: 80%;
	background-position: 3px;
	background-repeat: no-repeat;
}
.price-list .btns .btn {
	background-color: #393939;
	color: #fff;
	width: 128px;
	height: 38px;
	line-height: 38px;
	font-size: 20px;
	font-weight: 500;
	padding: 0;
}
.price-list  .ft .description {
	color: #666;
	font-size: 16px;
}
.price-item1 {
	background:#f9f9f9;
	padding: 150px 0;
	margin: 150px 0;
}
.price-item1 .hd {
	text-align: center;
}
.price-item1 .hd .title {
	font-size: 50px;
	font-weight: 700;
}
.price-item1 .hd .description {
	font-size: 20px;
	line-height: 34px;
	margin-bottom: 70px;
}
.price-item1 .hd .description span {
	background-color: #5aed86;
	border-radius: 5px;
	padding: 2px 4px;
}
.price-item1 .bd {
	background-color: #393939;
	color: #fff;
	text-align: center;
	padding: 15px;
	border-radius: 25px;
}
.price-item1 .bd .title {
	font-size: 22px;
	font-weight: 500;
}
.price-item1 .bd .description {
	font-size: 16px;
	color: #5aed86;
}
.price-item1 .ft .categories{
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	margin: 20px 0;
}
.price-item1 .ft .categories .name {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	width: 110px;
	color: #222;
}
.price-item1 .ft .categories ul {
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;
}
.price-item1 .ft .categories ul li {
	color: #666;
	font-size: 18px;
	padding: 4px 14px;
	background-color: #fff;
	border: 2px solid #fff;
	box-shadow: 0 6px 10px rgba(0,0,0,0.2);
	border-radius: 30px;
	margin: 0 8px;
	cursor: pointer;
}
.price-item1 .ft .categories ul li:hover ,.price-item1 .ft .categories ul li.active{
	border-color: #44b064;
	color: #44b064;
}
.price-process {
	margin-bottom: 100px;
}
.price-process .bd {
	display: flex;
	flex-direction: row;
	margin-top: 80px;
}
.price-process .bd .light {
 display: none;
}
.price-process .bd .item {
 display: flex;
 flex-direction: column;
 justify-content: center;
 width: 16.66666666%;
 text-align: center;
 position: relative;
}
.price-process .bd .item .icon {
 padding-bottom: 15px;
}
.price-process .bd .item:not(:last-child):after {
	width: 164px;
	height: 4px;
	background-color: #393939;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: 12px;
	left: 50%;
	z-index: -1;
}
.price-process .bd .item .txt {
	font-size: 22px;
	font-weight: 600;
	padding-top: 15px;
	min-height: 90px;
}
.price-process .bd .item .txt p {
	color: #666;
	font-size: 16px;
}
.price-item2 {
	padding-top: 100px;
	padding-bottom: 200px;
}
.price-item2 .hd {
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	padding-bottom: 80px;
}
.price-item2 .bd .item {
	padding-top: 50px;
	padding-left: 30px;
	padding-bottom: 50px;
	border-radius: 30px;
}
.price-item2 .bd a:hover {
	color:#000;
}
.price-item2 .bd .item .txt1 span ,.price-item2 .bd .item .txt2 span {
	font-size: 36px;
	font-weight: 700;
	background-color: #fff;
	padding: 0 10px;
	border-radius: 7px;
	margin: 10px;
}
.price-item2 .bd .item .btn {
	font-size: 24px;
	font-weight: 600;
	width: 160px;
	height: 46px;
	line-height: 46px;
	background-color: #fff;
	border-radius: 7px;
	margin-left: 10px;
	margin-top: 90px;
	padding: 0;
	border: 2px solid #000;
	box-shadow: 0px 2px 0px rgba(0,0,0,1);
}
.price-process .bd .item.active .default {
	display: none;
}
.price-process .bd .item.active .light {
	display: inline-block;
}
.price-process .bd .item .m-default ,.price-process .bd .item .m-light {
	display: none;
}
.price-process .bd .item.active {
	color: #44b064;
}
.price-process .bd .item.active:after {
	background-color: #3de270;
}
.price-process .bd .item.lastactive:after {
	background: linear-gradient(to right, #5aed86,#5aed86, #393939);
}
.notice-board-search {
	display: flex;
	flex-direction: row;
	justify-content: end;
	margin-bottom: 30px;
	margin-top: -50px;
}
.notice-board-search input {
	border: none;
	box-shadow: none;
	box-shadow: 0 10px 15px rgba(0,0,0,0.1);
	border-radius: 8px!important;
	height: 43px;
	line-height: 43px;
	width: 296px;
	font-size: 14px;
	margin: 0;
	padding: 0 15px;
}
.notice-board-search button.btn {
	position: absolute;
	width: 43px;
	height: 43px;
	padding: 0;
	background-color: unset;
	margin: 0;
	margin-top: 2px;
	margin-right: 2px;
	border-radius: 8px;
	border: none;
	background-image: url('../images/price_24.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 48%;
	right: 0;
	top: 0;
	z-index: 9;
}
.notice-board {
	font-size: 16px;
	color: #666666;
	font-weight: 400;
	border-top: 2px solid #000;
}
.notice-board a {
	font-size: 22px;
	font-weight: 500;
	color: #000;
}
.notice-board .number, .notice-board .author, .notice-board .creat_at, .notice-board .view {
	width: 100px;
}
.notice-board tr {
	border-bottom: 1px solid #000;
} 
.notice-list {
	padding: 60px 50px;
	border-radius: 30px;
	box-shadow: 0 10px 15px rgba(0,0,0,0.2);
}
.notice-list:after {
	content: '';
	display: table;
	clear: both;
}
.pagination {
	margin-top: 50px;
	margin-bottom: 100px;
}
.pagination>li>a, .pagination>li>span {
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	color: #222222;
	line-height: 32px;
	border-radius: 7px;
	border: 2px solid #fff;
	padding: 0;
	margin: 0 10px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	border-color: #fff;
	background-color: #fff;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	border-color: #222;
	background-color: #fff;
	color: #222;
}
.pagination > li > a span {
	color: #999999;
	width: 32px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
}
.article-detail  {
	font-weight: 400;
	margin-bottom: 100px;
}
.btn-primary {
	background-color: #232323;
	border: none;
	border-radius: 20px;
}
.btn-primary:hover {
	background-color: #44b064;
}

.subpage .main-contact {
	background-color: #fff;
	padding-top: 0;
}
.modal-lg {
    width: 1200px;
}
.modal-body {
    padding: 0px;
}
.modal-header {
    padding: 0;
    border: none;
}
.modal-content {
    background: none;
    box-shadow: none;
    border: none;
}
.modal-header .close {
    margin-top: 0;
    padding: 8px 20px;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
    opacity: 1;
    font-weight: 400;
    text-shadow: none;
    margin-bottom: 30px;
    font-size: 18px;
}
.modal-backdrop.in {
    opacity: 0.7;
}
#protfolio-popup .modal-header .close {
    margin-top: 100px;
}
#protfolio-popup .modal-body {
    padding-bottom: 100px;
}
@media (max-width: 1560px) {
	.container {
			width: calc(1200px - 300px);
	}
	.project-count .item {
		font-size: 70px;
	}
	.main-item2 .hd .description3 {
		font-size: 40px;
	}
	.main-item2 .ft .item .subtitle{
		font-size: 16px;
	}
	.main-item2 .ft .item .title {
		font-size: 22px;
	}
	.mainitem3 .hd .subtitle {
		font-size: 25px;
	}
	.mainitem3 .hd .title ,.mainitem3 .bd .txt1{
		font-size: 40px;
	}
	.mainitem3 .bd .txt2 {
		font-size: 16px;
	}
	.mainitem4 .bd .title-area {
		margin: 15px;
	}
	.mainitem4 .bd .col-md-3 {
		width: 33.33%;
	}
	.mainitem4 .bd .item {
		margin-bottom: 30px;
	}
	.layout-container .layout-left.stickyed .navibar .menu ul li a {
		font-size: 16px;
	}
	.layout-container .layout-left.stickyed .navibar .contact:before {
		height: 35px;
	}
	#logo_type .item {
		flex-direction: column;
	}
	#logo_type .item .txt .txt1 {
		padding: 0;
	}
	#logo_type .item .icon {
		padding: 15px;
	}
	#logo_type .item .txt {
		padding: 0 15px 15px;
	}
	.mainitem3 {
		padding-top: 50px;
		padding-bottom: 150px;
	}
	.mainitem4 {
		padding-bottom: 100px;
	}
	.mainitem4 .bd .item .unit ,.mainitem4 .bd .item .price {
		padding-left: 24px;
	}
	footer {
		flex-direction: column;
	}
	footer .info .hd .item p {
		font-size: 14px;
	}
	footer .info .hd .item {
		padding-left: 30px;
	}
	footer .info .hd .item:first-child {
		width: 40%;
	}
	footer .info .hd .item:first-child:after {
		right: 15px;
	}
	footer .logo {
		padding: 70px 0 0 30px;
	}
	footer .info .bd {
		margin-left: 0;
		padding-right: 50px;
	}
	footer .info .bd img {
		display: block;
		max-width: 20%;
		height: auto;
	}
	.layout-container .layout-left .navibar .slogan {
		font-size: 20px;
	}
	.layout-container .layout-left .navibar .slogan {
		padding-bottom: 20px;
	}
	.layout-container .layout-left .navibar .menu ul li a {
		padding: 10px 0;
		font-size: 18px;
	}
	.layout-container .layout-left .navibar .tel a {
		font-size: 26px;
	}
	.layout-container .layout-left .navibar .logo {
		padding-bottom: 80px;
	}
	.portfolio-categories ul li a {
		font-size: 16px;
	}
	.portfolio-list .item .mask .category {
		font-size: 14px;
	}
	.portfolio-list .item .mask .title {
		font-size: 18px;
	}
	.price-list .col-md-3 {
		width: 33.3333%;
	}
	.price-item1 .ft .categories ul li {
		margin: 8px;
		font-size: 16px;
	}
	.price-item1 .ft .categories .name {
		text-align: left;
		padding-left: 15px;
		width: 100px;
		font-size: 16px;
	}
	.price-item1 .ft .categories ul {
		width: calc(100% - 100px);
	}
	.price-item1 .hd .description {
		font-size: 16px;
	}
	.price-item1 .hd .title {
		font-size: 38px;
	}
	.price-process .bd .item:not(:last-child):after {
		width: 120px;
	}
	.price-process .bd .item .txt {
		font-size: 18px;
	}
}

@media (max-width: 1200px) {
	.container {
			width: calc(900px - 105px);
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
			float: left;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-4 {
			width: 33.33333333%;
	}
	.col-md-3 {
		width: 33.33333%;
	}
	.mainitem4 .bd .col-md-3 {
			width: 33.33%;
	}
	.layout-container .layout-right {
	    margin-left: 105px;
	    width: calc(100vw - 105px);
	}
	.layout-container .layout-left {
		width: 105px;
		transition: 0.5s ease;
		background-color: #f8f9f9;
	}
	.layout-container .layout-left .navbar-toggle {
		width: 45px;
		height: 45px;
		background-color: #232323;
		display: block;
		margin: 0;
		float: none;
		margin-bottom: 30px;
	}
	.layout-container .layout-left .navbar-toggle .icon-bar {
		background-color: #fff;
		transition: 0.5s ease;
	}
	
	.layout-container .layout-left .navibar {
		left: -300px;
		transition: 0.5s ease;
		padding: 0;
	}
	.layout-container .layout-left .navibar.mobile {
		left: 0px;
	}
	.layout-container .layout-left .navibar.mobile {
		background-color: #f8f9f9;
		padding: 30px;
		margin: 0;
		border-radius: 0;
		height: 100vh;
	}
	.layout-container .layout-left .navibar .menu ul li:first-child {
		max-height: 100px;
	}
	.layout-container .layout-left .mobile.navibar .menu ul li a ,.layout-container .layout-left.stickyed .mobile.navibar .menu ul li:last-child a {
		padding: 5px 0!important;
		font-size: 12px!important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.layout-container .layout-left .mobile.navibar .menu ul li a i {
		margin: 0;
		margin-bottom: 15px;
	}
	.layout-container .layout-left.open .navibar.mobile {
		left: -105px;
	}
	.layout-container .layout-left.open {
		width: 200px;
		z-index: 9999;
		background-color: #f8f8f8;
	}
	.layout-container .layout-left.open .main.navibar{
		left: 0;
		background: none;
		transition: 0.5s ease;
		padding: 30px;
		margin: 0;
		border-radius: 0;
	}
	.layout-container .layout-left.open .navbar-toggle .icon-bar:nth-child(1) {
		transform: rotate(-135deg) translateX(-3px) translateY(-1px);
			-webkit-transform: rotate(-135deg) translateX(-3px) translateY(-1px);
	}
	.layout-container .layout-left.open .navbar-toggle .icon-bar:nth-child(2) {
		transform: rotate(-45deg) translateX(3px) translateY(-2px);
					-webkit-transform: rotate(-45deg) translateX(3px) translateY(-2px);
	}
	.layout-container .layout-left .mobile .menu ul li i {
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		background-image: url(../images/icon/icon_03.png);
		margin-right: 10px;
		position: relative;
		top: 12px;
	}
	.layout-container .layout-left .mobile .menu ul li i.portfolio {
		background-image: url(../images/icon/icon_06.png);
	}
	.layout-container .layout-left .mobile .menu ul li i.price {
		background-image: url(../images/icon/icon_08.png);
	}
	.layout-container .layout-left .mobile .menu ul li i.portfolio {
		background-image: url(../images/icon/icon_06.png);
	}
	.layout-container .layout-left .mobile .menu ul li i.notice {
		background-image: url(../images/icon/icon_10.png);
	}
	.layout-container .layout-left .mobile .menu ul li i.email {
		background-image: url(../images/icon/icon_24.png);
	}
	.layout-container .layout-left .mobile .menu ul li.active i {
		background-color: #3de270;
		background-image: url(../images/icon/icon_l_03.png);
	}
	.layout-container .layout-left .mobile .menu ul li.active i.portfolio {
		background-color: #3de270;
		background-image: url(../images/icon/icon_l_06.png);
	}
	.layout-container .layout-left .mobile .menu ul li.active i.price {
		background-image: url(../images/icon/icon_l_08.png);
	}
	.layout-container .layout-left .mobile .menu ul li.active i.notice {
		background-image: url(../images/icon/icon_l_10.png);
	}
	.layout-container .layout-left .mobile .menu ul li.active i.email {
		background-image: url(../images/icon/icon_l_24.png);
	}
	.layout-container .layout-left .navibar .logo img{
		width: 80px;
	}
	.layout-container .layout-left .navibar .logo {
		padding-bottom: 30px;
	}
	.layout-container .layout-left .navibar .slogan {
		font-size: 16px;
	}
	.layout-container .layout-left .navibar .menu ul li a {
		font-size: 14px;
	}
	.layout-container .layout-left .navibar .menu ul li a img {
		width: 120px;
	}
	.layout-container .layout-left .navibar .tel a {
		font-size: 16px;
	}
	.layout-container .layout-left .navibar .time {
		font-size: 12px;
	}
	.layout-container .layout-left .navibar .menu ul li a {
		font-size: 16px;
		padding: 10px 0;
	}
	.layout-container .layout-left.stickyed .navibar .contact:before {
		height: 0;
	}
	.mainitem3 .bd .txt1 {
		padding-left: 20px;
	}
	.layout-container .layout-left .navibar .email {
		font-size: 14px;
	}
	.mainitem3 .bd .txt2 {
		font-size: 14px;
		padding-left: 20px;
	}
	.main-item2 .hd .description2 {
		font-size: 16px;
	}
	.main-item2 .hd .description3 {
			font-size: 30px;
	}
	.mainitem4 .bd .item .list ul li ,.mainitem4 .bd .item .unit{
		font-size: 14px;
	}
	.main-item2 .ft .item .subtitle ,.main-review .bd .item p{
		font-size: 14px;
	}
	.main-item2 .hd {
		padding-top: 0;
	}
	.project-count {
		height: 330px;
	}
	.project-count .item {
		font-size: 60px;
		line-height: 110px;
	}
	.project-count:before ,.project-count:after {
		height: 110px;
	}
	.main-item2 .hd .title {
		font-size: 40px;
	}
	.main-item2 .hd .description {
		font-size: 15px;
	}
	.main-item2 .hd .subtitle {
		font-size: 28px;
	}
	
	footer .info .hd .item:first-child:after {
		height: 100px;
	}
	footer .info .hd .item p {
		font-size: 12px;
	}
	footer .logo img {
		width: 80px;
	}
	footer .logo ,footer .info .hd{
		padding-top: 40px;
	}
	footer .info .bd {
		margin-left: 15px;
	}
	.mainitem3 .hd .title, .mainitem3 .bd .txt1 {
		font-size: 35px;
	}
	
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-xs-6.col-md-3 {
		width: 25%;
	}
	.price-process .bd .item:not(:last-child):after {
		width: 102px;
		margin-top: 11px;
	}
	.price-item2 .bd .item .txt1 span, .price-item2 .bd .item .txt2 span {
		font-size: 24px;
	}
	.price-process .bd .item .txt {
		font-size: 18px;
	}
	.price-process .bd .item .txt p {
		font-size: 14px;
	}
	.notice-board .number, .notice-board .author, .notice-board .creat_at, .notice-board .view {
		width: 100%;
	}
	.notice-board .number {
		border: none;
	}
	.notice-board .creat_at:before {
		display: none;
	}
	.notice-board .author, .notice-board .creat_at, .notice-board .view {
		float: none;
	}
	.pagination>li>a, .pagination>li>span {
		font-size: 16px;
		margin: 0;
	}
	.notice-board a {
		font-size: 16px;
	}
	.modal-lg {
        width: 900px;
    }
}

@media (max-width: 900px) {
    .modal-lg {
        width: calc(100vw - 20px);
    }
	.container {
			width: calc(768px - 75px);
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-8 {
		width: 100%;
	}
	.col-xs-6.col-md-3 {
	    width: 50%;
	}
	.layout-container .layout-left .mobile .menu ul li i {
		width: 30px;
		height: 30px;
		background-size: 100%;
	}
	.layout-container .layout-left .navibar.mobile {
		padding: 30px 15px;
	}
	.layout-container .layout-left {
		width: 75px;
	}
	.layout-container .layout-right {
		margin-left: 75px;
		width: calc(100vw - 75px);
	}
	.layout-container .layout-right .mainpage .mainbanner .item {
		width: 33.333%;
		height: calc(100vw / 5);
	}
	.layout-container .layout-right .mainpage .mainbanner .item .brand {
		height: calc(100vw / 5);
	}
	.layout-container .layout-right .mainpage .mainbanner .item .brand {
		background-size: 100%;
	}
	.main-review .hd .subtitle {
		font-size:16px;
	}
	.main-review .hd .subtitle span:after {
		width: 220px;
		margin-left: -110px;
		top: 8px;
		height: 10px;
	}
	.main-review .hd .title {
		font-size: 34px;
	}
	.main-review .hd .description {
		font-size: 14px;
	}
	.main-review .bd .item p {
		font-size: 12px;
		padding: 0 15px;
		min-height: 60px;
	}
	.main-review .bd .item img {
		width: 50%;
	}
	.main-review .bd .item {
		border-radius: 10px;
	}
	.main-review {
		padding-bottom: 50px;
	}
	.main-item2 .hd .subtitle {
		font-size: 18px;
	}
	.main-item2 .hd .title {
		font-size: 34px;
	}
	.main-item2 .hd .description {
		font-size: 14px;
	}
	.main-item2 .hd .description2 {
		font-size: 16px;
		padding: 35px 0 20px;
	}
	.main-item2 .hd .description3 {
		font-size: 26px;
	}
	.project-count .item {
		font-size: 50px;
		text-align: center;
		line-height: 100px;
	}
	.project-count:before {
		height:100px;
	}
	.project-count {
		height: 300px;
	}
	.project-count:after {
		height:100px;
	}
	.main-item2 .ft .item {
		margin-bottom: 15px;
	}
	.main-item2 .ft .item .subtitle {
		font-size: 12px;
	}
	.main-item2 .ft .item .title {
		font-size: 18px;
		padding-bottom: 15px;
	}
	.main-item2 .ft .item .icon {
		padding: 20px 15px 15px 30px;
		text-align: left;
		height: unset;
	}
	.main-item2 .ft .item .icon img {
		height: 30px;
	}
	.mainitem3 .hd .subtitle {
		font-size: 18px;
	}
	.mainitem3 .hd .title {
		font-size: 34px;
	}
	.mainitem3 .bd img {
		border-radius: 15px;
	}
	.mainitem3 .bd .txt1 {
		font-size: 28px;
		padding-left: 0;
	}
	.mainitem3 .bd .txt2 {
		font-size: 12px;
		padding-left: 0;
	}
	.mainitem4 .bd .title {
		font-size: 24px;
	}
	.mainitem4 .bd .col-md-3 {
		width: 100%;
	}
	.mainitem4 .bd .item .name {
		font-size: 24px;
	}
	.mainitem4 .bd .item .unit {
		min-height: unset;
	}
	.mainitem4 .bd .item .unit:has(.unit-list) {
		min-height: 90px;
	}
	.mainitem4 .bd .item .list {
		min-height: 120px;
	}
	.mainitem4 {
		padding-bottom: 50px;
	}
	.main-contact {
		padding-top: 100px;
	}
	#logo_type .item {
		margin-bottom: 30px;
	}
	#logo_type .item .txt .txt2 {
		font-size: 12px;
	}
	.radio-group .radio-inline {
		width: 50%;
		margin: 10px 0;
	}
	footer {
		margin: 15px;
	}
	footer .info .bd {
		flex-wrap: wrap;
	}
	footer .logo, footer .info .hd {
		display: flex;
		flex-direction: column;
	}
	footer .logo, footer .info .hd .item {
		width: 100%!important;
	}
	footer .info .hd .item:first-child:after {
		position: relative;
		height: 1px;
		width: calc(100% - 30px);
		border-top: 1px solid #999;
		margin: 30px 15px;
	}
	footer .info .hd .item p {
			font-size: 13px;
	} 
	footer .info .hd p a {
		display: block;
		padding: 0;
	}
	footer .info .hd .item p span {
		display: block;
		padding-left: 0px;
	}
	footer .info .hd p.copyright {
		padding-top: 15px;
	}
	footer .info .hd p.copyright br {
		display: block;
	} 
	footer .info .bd img {
		max-width: 50%;
	}
	#logo_type .item .icon img {
		width: 100%;
	}
	.portfolio-categories ul {
		flex-wrap: wrap;
		justify-content: start;
	}
	.portfolio-categories ul li a {
		margin: 5px;
		background-color: #eee;
		display: inline-block;
	}
	.portfolio-categories .row2 ul li a {
		margin: 5px;
		background-color: #333;
		display: inline-block;
	}
	.subpage .topbanner .subtitle {
		font-size: 20px;
	}
	.portfolio-list .col-md-3 {
		width: 50%;
	}
	.subpage .topbanner .title img {
		width: 50%;
	}
	.price-list .col-md-3 {
		width: 100%;
	}
	.price-list .item .hd img {
		width: 100%;
	}
	.price-list .item .bd .info {
		line-height: 29px;
		font-size: 16px;
		min-height: auto;
		padding-bottom: 20px;
	}
	.price-item1 .hd .description {
		line-height: 27px;
		padding-top: 20px;
	}
	.price-item1 .hd .title {
		font-size: 28px;
	}
	.price-item1 .bd .description {
		padding-top: 5px;
		font-size: 14px;
	}
	.price-item1 .ft .categories {
		flex-direction: column;
		align-items: start;
	}
	.price-item1 .ft .categories ul {
		width: 100%;
	}
	.price-process .bd {
		flex-direction: column;
	}
	.price-process .bd .item {
		flex-direction: row;
		justify-content: start;
		align-items: center;
	}
	.price-process .bd .item .dot img {
		transform: rotate(90deg);
	}
	.price-process .bd .item .dot {
		margin: 0 30px;
	}
	.price-process .bd .item {
		width: 100%;
	}
	.price-process .bd .item .txt {
		font-size: 20px;
		padding: 0;
		min-height: unset;
	}
	.price-process .bd .item:not(:last-child):after {
		width: 0px;
		height: 108px;
		width: 4px;
		background-color: #393939;
		left: 129px;
	}
	.price-process .bd .item.active:after {
	    background: #3de270;
			border:none;
	}
	.price-process .bd .item.lastactive:after {
	    background: linear-gradient(to bottom, #5aed86, #5aed86, #393939);
	}
	.price-item2 .hd {
		font-size: 26px;
	}
	.price-item2 .bd .item .txt1 span, .price-item2 .bd .item .txt2 span {
		font-size: 20px;
	}
	.price-item2 .bd .item .btn {
		font-size: 18px;
		margin-top: 30px;
	}
	.price-item2 .bd .item {
		margin-bottom: 30px;
		background-size: cover;
		background-position: right center;
	}
	.price-process .bd .item{
		margin-bottom: 50px;
	}
	.price-process .bd .item .dot .light ,.price-process .bd .item .dot .default {
		display: none;
	}
	.price-process .bd .item .dot .m-default {
		display: inline-block;
		transform: rotate(0deg);
	}
	.price-process .bd .item.active .dot .m-default {
		display: none;
	}
	.price-process .bd .item.active .dot .m-light {
		display: inline-block;
		transform: rotate(0deg);
	}
	.price-process .bd .item .icon img {
		width: 80px;
	}
	.notice-list {
		padding: 60px 15px;
	}
}
@media (max-width: 768px) {
	.main-review .bd .item p br ,.main-item2 .hd .description br {
		display: none;
	}
	.project-count .item {
		font-size: 40px;
	}
	.price-list .item .bd .info {
		font-size: 14px;
	}
	
	.container {
		width: calc(100vw - 105px);
	}
	.col-md-3,.col-md-4 ,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
		width: 100%;
	}
	.project-count .item {
		text-align: left;
	}
	
	
}
@media (max-width: 430px) {
	#logo_type .item .txt .txt2 br {
		display: none;
	}
	#logo_type .item .txt .txt2 {
		min-height: 55px;
	}
}