.location-menu {display:none;}


/*
	민사센터 (visual)
*/
.civil-wrap .visual {
	position:relative;
	background:#000;
}
.civil-wrap .visual .online {
	display:flex;
	align-items: center;
	gap:0 10px;
	height:56px;
	position:absolute; top:130px; right:20px; z-index:5;
	padding:0 20px;
	border:1px solid rgba(255,255,255,.5);
	border-radius:6px;
	background:rgba(0,0,0,.8);
	color:#fff;
	font-size:20px;
}
.civil-wrap .visual .online .clock {
	border-radius: 70px;
	border: 3px solid #c19a4c;
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
}
.civil-wrap .visual .online .clock::after {
	content: "";
	position: absolute;
	background-color: #c19a4c;
	top: 2px;
	left: 46%;
	height: 11px;
	width: 3px;
	border-radius: 5px;
	-webkit-transform-origin: 50% 97%;
	transform-origin: 50% 97%;
	-webkit-animation: grdAiguille 2s linear infinite;
	animation: grdAiguille 2s linear infinite;
}
.civil-wrap .visual .online .clock::before{
	content: "";
	position: absolute;
	background-color: #c19a4c;
	top: 4px;
	left: 47%;
	height: 10px;
	width: 3px;
	border-radius: 5px;
	-webkit-transform-origin: 50% 94%;
	transform-origin: 50% 94%;
	-webkit-animation: ptAiguille 12s linear infinite;
	animation: ptAiguille 12s linear infinite;
}
.civil-wrap .visual-slide .swiper-slide {
	position:relative;
	display:flex;
	align-items: center;
    justify-content: center;
	height:100vh;
	padding-top:100px;
	background:no-repeat center/cover;
}
.civil-wrap .visual-slide .swiper-slide.slide01 {
	background-image:url('/images/sub/civil/visual_slide01.jpg')
}
.civil-wrap .visual-slide .swiper-slide.slide02 {
	background-image:url('/images/sub/civil/visual_slide02.jpg')
}
.civil-wrap .visual .text {
	text-align:center;
}
.civil-wrap .visual .text h5 {
	padding-bottom:15px;
	color:#a29874;
	font-size:24px;
	font-weight:400;
}
.civil-wrap .visual .text h3 {
	padding-bottom:30px;
	color:#fff;
	font-size:70px;
	font-weight:400;
	line-height:1.3;
	word-break:keep-all;
}
.civil-wrap .visual .text h3 span {
	background-image: linear-gradient(93deg,rgba(170, 161, 124, 1) 6%, rgba(235, 224, 188, 1) 33%, rgba(158, 149, 114, 1) 60%, rgba(153, 141, 122, 1) 82%, rgba(148, 140, 113, 1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-weight:700;
}
.civil-wrap .visual .text .certificate-slide {
	position:relative; 
	left:50%;
	width:100vw; 
	max-width:100%; 
	height:260px; 
	margin-left:-50vw;
}
.civil-wrap .visual .text .certificate-slide ul.list {
	position:absolute; 
	white-space:nowrap; 
	will-change:transform ; 
	animation:certificateSlide 35s linear infinite; 
	font-size:0;
}
.civil-wrap .visual .text .certificate-slide ul.list li {
	display:inline-block;
    align-items: center;
	height:260px;
	margin:0 7px;
	border:6px solid #e3e3e3;
	box-shadow: 9.83px 6.883px 37.6px 2.4px rgba(0, 0, 0, 0.08);
}
.civil-wrap .visual .text .certificate-slide ul.list li img {
	height:100%;
}
.civil-wrap .visual .text .symbol-list {
	display:flex;
	justify-content: center;
	gap:0 70px;
	padding-top:35px;
}
.civil-wrap .visual .text .symbol-list li span {
	display:block;
	padding-top:10px;
	color:#bf9e61;
	font-size:20px;
}
@keyframes certificateSlide {
	from {
		transform:translateX(0);
	}
	to {
		transform:translateX(-50%);
	}
}
@keyframes grdAiguille{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes ptAiguille{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@media screen and (max-width: 1024px) {
	.civil-wrap .visual .online {
		top:80px; right:15px;
	}
	.civil-wrap .visual .visual-slide .swiper-slide {
		padding-top:55px;
	}
	.civil-wrap .visual .text {
		padding:0 15px;
	}
	.civil-wrap .visual .text h5 {
		font-size:20px;
	}
	.civil-wrap .visual .text h3 {
		font-size:50px;
	}
	.civil-wrap .visual .text .symbol-list li span {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .visual .online {
		gap:0 6px;
		height:38px;
		padding:0 15px;
		font-size:14px;
	}
	.civil-wrap .visual .online .clock {
		width:24px; height:24px;
		border-width:2px;
	}
	.civil-wrap .visual .online .clock::after {
		top: 1px;
		left: 46%;
		height: 9px;
		width: 2px;
	}
	.civil-wrap .visual .online .clock::before{
		top: 4px;
		left: 46%;
		height: 6px;
		width: 2px;
	}
	.civil-wrap .visual .text h5 {
		padding-bottom:10px;
		font-size:16px;
	}
	.civil-wrap .visual .text h3 {
		padding-bottom:20px;
		font-size:32px;
	}
	.civil-wrap .visual .text .certificate-slide {
		height:130px;
	}
	.civil-wrap .visual .text .certificate-slide ul.list li {
		height:130px;
		margin:0 3px;
		border-width:3px;
	}
	.civil-wrap .visual .text .certificate-slide ul.list li img {
		height:100%;
	}
	.civil-wrap .visual .text .symbol-list {
		gap:0 25px;
		padding-top:25px;
	}
	.civil-wrap .visual .text .symbol-list li img {
		width:55px;
	}
	.civil-wrap .visual .text .symbol-list li span {
		font-size:12px;
	}
}



/*
	민사센터 (content)
*/
.civil-wrap .inner {
	width:100%;
	max-width:1260px;
	padding:130px 30px;
	margin:0 auto;
}
@media screen and (max-width: 1024px) {
	.civil-wrap .inner {
		padding:90px 15px;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .inner {
		padding:60px 15px;
	}
}



/*
	민사센터 (title)
*/
.civil-wrap .title-wrap {
	margin-bottom:45px;
	text-align:center;
}
.civil-wrap .title-wrap.left {
	text-align:left;
}
.civil-wrap .title-wrap h3 {
	color:#fff;
	font-size:50px;
	font-weight:400;
	word-break:keep-all;
}
.civil-wrap .title-wrap h3 span {
	background-image: linear-gradient(93deg,rgba(170, 161, 124, 1) 6%, rgba(235, 224, 188, 1) 33%, rgba(158, 149, 114, 1) 60%, rgba(153, 141, 122, 1) 82%, rgba(148, 140, 113, 1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-weight:700;
}
.civil-wrap .title-wrap h3 strong {
	font-weight:700;
}
.civil-wrap .title-wrap p {
	padding-top:20px;
	color:#fff;
	font-size:22px;
	opacity:.6;
}
@media screen and (max-width: 1024px) {
	.civil-wrap .title-wrap h3 {
		font-size:32px;
	}
	.civil-wrap .title-wrap p {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .title-wrap {
		margin-bottom:22px;
	}
	.civil-wrap .title-wrap h3 {
		font-size:25px;
	}
	.civil-wrap .title-wrap p {
		padding-top:10px;
		font-size:15px;
	}
}



/*
	민사센터 (business)
*/
.civil-wrap .business {
	background:url('/images/sub/civil/business_bg.jpg') no-repeat center/cover;
}
.civil-wrap .business .list {
	font-size:0;
}
.civil-wrap .business .list li {
	display:inline-flex;
	align-items: center;
    justify-content: center;
	width:25%;
	height:200px;
	background:no-repeat center/cover;
	color:#fff;
	font-size:26px;
	font-weight:600;
	text-align:center;
	border:1px solid rgba(255,255,255,.2);
	border-left:none;
}
.civil-wrap .business .list li:nth-child(5n+1) {
	border-left:1px solid rgba(255,255,255,.2);
}
.civil-wrap .business .list li:nth-child(n+4) {
	border-top:none;
}
.civil-wrap .business .list li.col3 {
	width:33.333%;
}
.civil-wrap .business .list li.bg01 {
	background-image:url('/images/sub/civil/business_list01.jpg');
}
.civil-wrap .business .list li.bg02 {
	background-image:url('/images/sub/civil/business_list02.jpg');
}
.civil-wrap .business .list li.bg03 {
	background-image:url('/images/sub/civil/business_list03.jpg');
}
.civil-wrap .business .list li.bg04 {
	background-image:url('/images/sub/civil/business_list04.jpg');
}
.civil-wrap .business .list li.bg05 {
	background-image:url('/images/sub/civil/business_list05.jpg');
}
.civil-wrap .business .list li.bg06 {
	background-image:url('/images/sub/civil/business_list06.jpg');
}
.civil-wrap .business .list li.bg07 {
	background-image:url('/images/sub/civil/business_list07.jpg');
}
@media screen and (max-width: 1024px) {
	.civil-wrap .business .list li {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .business .list {

	}
	.civil-wrap .business .list li:first-child {
		width:100% !important;
	}
	.civil-wrap .business .list li {
		width:50% !important;
		height:110px;
		font-size:15px;
	}
	.civil-wrap .business .list li:nth-child(2n) {
		border-left:1px solid rgba(255,255,255,.2);
	}
	.civil-wrap .business .list li:nth-child(n+2) {
		border-top:none;
	}
}



/*
	민사센터 (system)
*/
.civil-wrap .system {
	background:url('/images/sub/civil/system_bg.jpg') no-repeat center/cover;
}
.civil-wrap .system .list {
	display:grid;
	grid-template-columns: repeat(2,1fr);
	gap:13px;
}
.civil-wrap .system .list li .img {
	height:200px;
	background:no-repeat center/cover;
}
.civil-wrap .system .list li .img01 {
	background-image:url('/images/sub/civil/system_list01.jpg');
}
.civil-wrap .system .list li .img02 {
	background-image:url('/images/sub/civil/system_list02.jpg');
}
.civil-wrap .system .list li p {
	display:flex;
	align-items: center;
    justify-content: center;
	height:150px;
	border:1px solid rgba(255,255,255,.2);
	border-width:0 1px 1px;
	color:#fff;
	font-size:22px;
	text-align:center;
}
@media screen and (max-width: 1024px) {
	.civil-wrap .system .list li p {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .system .list {
		grid-template-columns: repeat(1,1fr);
		gap:10px;
	}
	.civil-wrap .system .list li .img {
		height:100px;
	}
	.civil-wrap .system .list li p {
		height:90px;
		font-size:15px;
	}
}



/*
	민사센터 (step)
*/
.civil-wrap .step {
	background:url('/images/sub/civil/step_bg.jpg') no-repeat center/cover;
}
.civil-wrap .step .inner {
	display:grid;
	grid-template-columns: repeat(2,1fr);
}
.civil-wrap .step .list {
	counter-reset: number 0;
}
.civil-wrap .step .list li {
    display:flex;
	align-items: center;
	position:relative;
	min-height:80px;
	padding-left:100px;
	color:#fff;
	font-size:22px;
	border:1px solid rgba(255,255,255,.3);
	word-break: keep-all;
}
.civil-wrap .step .list li::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 80px;
	position:absolute; top:0; left:0;
	width: 80px;
	height:100%;
	background:#fff;
	color:#000;
	font-size: 34px;
	counter-increment: number 1;
	content: counter(number);
}
.civil-wrap .step .list li + li {
	margin-top:10px;
}
@media screen and (max-width: 1024px) {
	.civil-wrap .step .list li {
		min-height:70px;
		padding-left:85px;
		font-size:18px;
	}
	.civil-wrap .step .list li::before {
		width:70px;
		font-size:28px;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .step .inner {
		display:block;
	}
	.civil-wrap .step .list li {
		min-height:45px;
		padding-left:45px;
		font-size:14px;
	}
	.civil-wrap .step .list li::before {
		width:35px;
		font-size:16px;
	}
	.civil-wrap .step .list li + li {
		margin-top:5px;
	}
}



/*
	민사센터 (case)
*/
.civil-wrap .case {
	background:url('/images/sub/civil/case_bg.jpg') no-repeat center/cover;
}
.civil-wrap .case .case-slide {
	position:relative;
}
.civil-wrap .case .case-slide .slide {
	overflow:hidden;
}
.civil-wrap .case .case-slide .slide .swiper-slide a {
	display:block;
	padding:0 30px;
	border:1px solid rgba(128,128,128,.3);
	background:rgba(0,0,0,.3);
}
.civil-wrap .case .case-slide .slide .swiper-slide a .cate-name {
	text-align:center;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .cate-name span {
	display:inline-flex;
	align-items: center;
	height:40px;
	padding:0 20px;
	background:#a29874;
	color:#fff;
	font-size:22px;
	font-weight:700;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .subject {
	margin:30px 0;
	color:#fff;
	font-size:28px;
	font-weight:600;
	text-align:center;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height:78px;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .thumb {
	padding-top:27px;
	background:#343434;
	text-align:center;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .thumb img {
	max-width:100%;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer {
	padding:30px 0;
	margin-top:30px;
	border-top:1px solid rgba(255,255,255,.1);
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer dt {
	padding-bottom:10px;
	color:#fff;
	font-size:22px;
	font-weight:600;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer dd {
	position:relative;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer dd::after {
	position:absolute; top:50%; right:0;
	width:20px; height:12px;
	margin-top:-6px;
	background:url('/images/sub/civil/case_more.png') no-repeat center/cover;
	content:'';
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul {
	display:flex;
	gap:15px;
	text-align:center;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .img {
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .img img {
	width:100%;
}
.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .name {
	display:block;
	padding-top:5px;
	color:#fff;
	font-size:18px;
	font-weight:500;
}
.civil-wrap .case .case-slide .slide .swiper-slide a:hover {
	border-color:rgba(227,192,136,.3);
}
.civil-wrap .case .case-slide .slide .swiper-slide a:hover .cate-name span {
	background-image: -moz-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	background-image: -webkit-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	background-image: -ms-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	color:#000;
}
.civil-wrap .case .case-slide .arrow {
	display:block;
	position:absolute; top:50%; z-index:10;
	width:23px; height:42px;
	margin-top:-21px;
	background:no-repeat center/cover;
	cursor:pointer;
}
.civil-wrap .case .case-slide .arrow.prev {
	left:-50px;
	background-image:url('/images/sub/civil/slide_prev.png');
}
.civil-wrap .case .case-slide .arrow.next {
	right:-50px;
	background-image:url('/images/sub/civil/slide_next.png');
}

.civil-wrap .case .staff-review {
	margin-top:80px;
}
.civil-wrap .case .staff-review h3 {
	padding-bottom:30px;
	color:#fff;
	font-size:38px;
	font-weight:600;
}
.civil-wrap .case .staff-review .staff-review-slide {
	position:relative;
}
.civil-wrap .case .staff-review .staff-review-slide .swiper-slide {
	border:1px solid #a48456;
	opacity:.6;
}
.civil-wrap .case .staff-review .staff-review-slide .swiper-slide-prev,
.civil-wrap .case .staff-review .staff-review-slide .swiper-slide-active,
.civil-wrap .case .staff-review .staff-review-slide .swiper-slide-next {
	opacity:1;
}
.civil-wrap .case .staff-review .staff-review-slide .swiper-slide img {
	width:100%;
}
.civil-wrap .case .staff-review .staff-review-slide .arrow {
	position:absolute; top:120px; z-index:30;
	width:46px; height:46px;
	border-radius:50%;
	background:no-repeat center/cover;
	cursor:pointer;
	box-shadow: 4.915px 3.441px 18.8px 1.2px rgba(0, 0, 0, 0.15);
}
.civil-wrap .case .staff-review .staff-review-slide .arrow.prev {
	left:-23px;
	background-image:url('/images/sub/civil/staff_prev.png');
}
.civil-wrap .case .staff-review .staff-review-slide .arrow.next {
	right:-23px;
	background-image:url('/images/sub/civil/staff_next.png');
}
@media screen and (max-width: 1024px) {
	.civil-wrap .case .case-slide .slide {
		overflow:visible;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .cate-name span {
		font-size:20px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .subject {
		font-size:22px;
		height:61px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer dt {
		font-size:20px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .name {
		font-size:16px;
	}
	.civil-wrap .case .case-slide .arrow {
		display:none;
	}
	.civil-wrap .case .staff-review h3 {
		font-size:30px;
	}
	.civil-wrap .case .staff-review .staff-review-slide .arrow {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.civil-wrap .case .case-slide .slide .swiper-slide a .cate-name span {
		font-size:16px;
		height:30px;
		padding:0 15px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .subject {
		margin:15px 0;
		font-size:18px;
		height:50px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .thumb {
		padding-top:22px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer {
		margin-top:15px;
		padding:15px 0;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer dt {
		padding-bottom:5px;
		font-size:16px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer dd::after {
		width:16px; height:10px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li {
		gap:0 10px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .img {
		width:50px; height:50px;
	}
	.civil-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .name {
		font-size:14px;
	}
	.civil-wrap .case .staff-review {
		margin-top:40px;
	}
	.civil-wrap .case .staff-review h3 {
		padding-bottom:15px;
		font-size:20px;
	}
}



/*
	민사센터 (consulting)
*/
.civil-wrap .consulting {
	background:url('/images/sub/civil/consulting_bg.jpg') no-repeat center/cover;
}
.civil-wrap .consulting .consulting-wrap {
	display: grid;
	gap: 0 60px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.civil-wrap .consulting .list .title {
	display:flex;
	justify-content: space-between;
	padding-bottom:20px;
}
.civil-wrap .consulting .list .title h3 {
	color:#fff;
	font-size:30px;
	font-weight:700;
}
.civil-wrap .consulting .list .title a {
	color:#fff;
	font-size:20px;
}
.civil-wrap .consulting .list .title a::after {
	display:inline-block;
	width:12px; height:21px;
	margin-left:20px;
	background:url('/images/sub/civil/consulting_arrow.png') no-repeat center/cover;
	content:'';
}
.civil-wrap .consulting .list .title a strong {
	color:#a29874;
	font-size:30px;
	font-weight:700;
}
.civil-wrap .consulting .list ul {
	border-top:1px solid #fff;
	background:rgba(0,0,0,.6);
}
.civil-wrap .consulting .list ul li a {
	display: flex;
	align-items:center;
	padding:20px;
	border-bottom:1px solid rgba(255,255,255,.2);
	text-align:left;
}
.civil-wrap .consulting .list ul li .subject {
	display: block;
	width:100%;
	font-size: 20px;
	color: #fff;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.civil-wrap .consulting .list ul li .type {
	flex-shrink:0;
	margin-left: 10px;
	width:90px;
}
.civil-wrap .consulting .list ul li .type span {
	display: flex;
	justify-content:center;
	align-items:center;
	width:100%; height:36px;
	border-radius:50px;
	background:#a29874;
	font-size: 16px;
	color: #fff;
}
.civil-wrap .consulting .list ul li .type .end {
	background:#6e727e;
}
.civil-wrap .consulting .list ul li .date {
	flex-shrink:0;
	width:110px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 0;
	text-align:right;
	opacity:.7;
}
.civil-wrap .consulting .online-form {
	padding:40px;
	background:rgba(255,255,255,.75);
}
.civil-wrap .consulting .online-form .input-wrap {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:15px 10px;
}
.civil-wrap .consulting .online-form .input-wrap li.full {
	grid-column: 1 / 3;
}
.civil-wrap .consulting .online-form .input-wrap li select,
.civil-wrap .consulting .online-form .input-wrap li input[type="text"] {
	padding:0 20px;
	width:100%; height:58px;
	border:none;
	font-weight: 400; font-size: 16px;
	color: #000;
}
.civil-wrap .consulting .online-form .input-wrap li input[type="text"]::placeholder { 
	color:#000;
}
.civil-wrap .consulting .online-form .input-wrap li textarea {
	padding:17px 20px;
	width:100%; height:150px;
	font-weight: 400; font-size: 16px;
	color: #000;
	resize:none;
}
.civil-wrap .consulting .online-form .input-wrap li textarea::placeholder { 
	color:#000;
}
.civil-wrap .consulting .online-form .input-wrap li:last-child {
	display: flex;
	align-items:center;
}
.civil-wrap .consulting .online-form .input-wrap li:last-child input {
	margin-right: 7px;
	width:22px; height: 22px;
}
.civil-wrap .consulting .online-form .input-wrap li:last-child label {
	margin: 0;
	font-size: 18px;
	color: #808080;
}
.civil-wrap .consulting .online-form .input-wrap li:last-child a {
	margin-left: auto;
	font-weight: 400; font-size: 16px;
	color: #1a1a1a;
	text-decoration:underline;
}
.civil-wrap .consulting .online-form .btn-wrap {
	margin-top: 40px;
}
.civil-wrap .consulting .online-form .btn-wrap button {
	width: 100%; height: 60px;
	border:0 none;
	background:#a29874;
	font-weight: 600; font-size: 22px;
	color: #fff;
}
@media screen and (max-width: 1024px) {
	.civil-wrap .consulting .consulting-wrap {
		gap:0 30px;
	}
	.civil-wrap .consulting .list .title h3 {
		font-size:26px;
	}
	.civil-wrap .consulting .list .title a {
		font-size:18px;
	}
	.civil-wrap .consulting .list .title a strong {
		font-size:26px;
	}
}
@media screen and (max-width: 768px) { 
	.civil-wrap .consulting .consulting-wrap {
		gap:30px 0;
		grid-template-columns: repeat(1, 1fr);
	}
	.civil-wrap .consulting .list .title {
		padding-bottom:10px;
	}
	.civil-wrap .consulting .list .title h3 {
		font-size:16px;
	}
	.civil-wrap .consulting .list .title a {
		font-size:13px;
	}
	.civil-wrap .consulting .list .title a::after {
		width:6px;
		height:10px;
		margin-left:10px;
	}
	.civil-wrap .consulting .list .title a strong {
		font-size:16px;
	}
	.civil-wrap .consulting .list ul li a {
		padding:10px 15px;
	}
	.civil-wrap .consulting .list ul li .subject {
		font-size: 14px;
	}
	.civil-wrap .consulting .list ul li .type {
		width:65px;
	}
	.civil-wrap .consulting .list ul li .type span {
		height: 28px;
		font-size: 13px;
	}
	.civil-wrap .consulting .list ul li .date {
		width:85px;
		font-size: 14px;
	}
	.civil-wrap .consulting .online-form {
		padding:20px;
	}
	.civil-wrap .consulting .online-form .input-wrap {
		gap:10px;
	}
	.civil-wrap .consulting .online-form .input-wrap li select,
	.civil-wrap .consulting .online-form .input-wrap li input[type="text"] {
		padding:0 10px;
		height: 40px;
		font-size: 13px;
	}
	.civil-wrap .consulting .online-form .input-wrap li textarea {
		padding:7px 10px;
		height: 80px;
		font-size: 13px;
	}
	.civil-wrap .consulting .online-form .input-wrap li:last-child input {
		margin-right: 5px;
		width:20px; height:20px;
	}
	.civil-wrap .consulting .online-form .input-wrap li:last-child label,
	.civil-wrap .consulting .online-form .input-wrap li:last-child a {
		font-size: 13px;
	}
	.civil-wrap .consulting .online-form .btn-wrap button {
		height: 45px;
		font-size: 15px;
	}
}