.calculator {
	padding-bottom:130px;
}
.calculator .intro {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	align-items:center;
	gap:70px;
	padding:80px 0;
	border-top:1px solid #171717;
	border-bottom:1px solid #e0e0e0; 
}
.calculator .intro .img {
	overflow:hidden;
	border-radius:8px;
}
.calculator .intro .img img {
	width:100%;
}
.calculator .intro .text h3 {
	padding-bottom:35px;
	font-size:38px;
	font-weight:400;
}
.calculator .intro .text h3 strong {
	font-weight:700;
}
.calculator .intro .text p {
	padding-bottom:50px;
	font-size:22px;
}
.calculator .intro .text p span {
	display:block;
	padding-top:5px;
	color:#d61414;
	font-size:16px;
}
.calculator .intro .text .btn-wrap a {
	display:flex;
	align-items: center;
    justify-content: center;
	width:280px; height:70px;
	border-radius:5px;
	background:#222;
	color:#fff;
	font-size:20px;
	font-weight:500;
	cursor:pointer;
}
.calculator .msg {
	margin-bottom:50px;
	padding:35px 40px;
	border:1px solid #e0e0e0;
}
.calculator .msg dt {
	display:flex;
	align-items: center;
	gap:7px;
	font-size:22px;
	font-weight:700;
}
.calculator .msg dt::before {
	display:inline-block;
	width:25px; height:25px;
	background:url('../images/sub/calculator-chk.png') no-repeat center/cover;
	content:'';
}
.calculator .msg dd {
	padding-top:7px;
	color:#666;
	font-size:20px;
}
.calculator .input-wrap + .input-wrap {
	margin-top:90px;
}
.calculator .input-wrap h3.title {
	padding-bottom:20px;
	font-size:32px;
	font-weight:600;
}
.calculator .input-wrap .list + .list {
	margin-top:40px;
}
.calculator .input-wrap .list li {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	gap:60px;
	padding:15px 25px;
	border-bottom:1px solid #e0e0e0;
	font-size:22px;
}
.calculator .input-wrap .list li.bk {
	border-color:#999;
}
.calculator .input-wrap .list li:has(.thead) {
	gap:0;
	padding:0;
	border-bottom:0;
}
.calculator .input-wrap .list li .full {
	grid-column: 2 / 4;
}
.calculator .input-wrap .list li .thead {
	padding:19px 0;
	background:#afa082;
	color:#fff;
	font-weight:600;
	text-align:center;
}
.calculator .input-wrap .list li .thead.gray {
	background:#666461;
}
.calculator .input-wrap .list li .label {
	font-weight:500;
}
.calculator .input-wrap .list li .form_input {
	width:100%;
	height:50px;
	padding:0 20px;
	border:1px solid #dbdbdb;
	border-radius:8px;
	color:#000;
	font-size:16px;
}
.calculator .input-wrap .list li .form_input::placeholder { 
	color:#808080;
}
.calculator .input-wrap .list li .form_input:disabled { 
	color:#808080;
	background:#f5f5f5;
}
.calculator .input-wrap .list li .children {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:40px;
	margin-top:12px;
}
.calculator .input-wrap .list li .children > div {
	display:grid;
	grid-template-columns:125px 1fr;
	align-items: center;
}
.calculator .input-wrap .list li .children p {
	font-size:20px;
	font-weight:500;
}
.calculator .input-wrap .result-list {
	padding:130px 100px 80px;
	background:url('../images/sub/calculator-result.png') no-repeat top center/cover;
	box-shadow: 15.686px 16.821px 18px 0px rgba(67, 67, 67, 0.15);
}
.calculator .input-wrap .result-list li {
	display:grid;
	grid-template-columns: 1fr 2fr;
	gap:40px;
	align-items: center;
	padding:26px 5vw;
	border-bottom:1px solid #e0e0e0;
	font-size:22px;
	font-weight:500;
	text-align:right;
}
.calculator .input-wrap .result-list li p {
	font-size:24px;
	font-weight:400;
	text-align:left;
}
.calculator .input-wrap .result-list li strong {
	font-size:26px;
	font-weight:700;
}
.calculator .input-wrap .btn-wrap {
	display:flex;
	align-items: center;
    justify-content: center;
	gap:10px;
	margin-top:70px;
}
.calculator .input-wrap .btn-wrap li * {
	display:flex;
	align-items: center;
    justify-content: center;
	width:280px; height:70px;
	border-radius:5px;
	background:#222;
	color:#fff;
	font-size:20px;
	font-weight:500;
	cursor:pointer;
}
.calculator .input-wrap .btn-wrap li.white * {
	background:#e5e5e5;
	color:#222;
}
.calculator .input-wrap .btn-wrap li.white.consult
{
	padding-bottom: 0;	
}

.calculator .input-wrap .btn-wrap li.white.consult * {
	background:#222;
	color:#fff;
	
}
.calculator .input-wrap .btn-wrap .white.consult:hover {
	background:#b27d1d;
}

@media screen and (max-width: 1024px) { 
	.calculator .intro {
		gap:50px;
	}
	.calculator .intro .text h3 {
		font-size:32px;
	}
	.calculator .intro .text p {
		font-size:20px;
	}
	.calculator .intro .text p span {
		font-size:15px;
	}
	.calculator .intro .text .btn-wrap a {
		width:220px;
		height:60px;
		font-size:18px;
	}
	.calculator .msg dt {
		font-size:20px;
	}
	.calculator .msg dd {
		font-size:18px;
	}
	.calculator .input-wrap h3.title {
		font-size:26px;
	}
	.calculator .input-wrap .list li {
		font-size:18px;
	}
	.calculator .input-wrap .list li {
		gap:30px;
	}
	.calculator .input-wrap .list li .children {
		grid-template-columns: repeat(1, 1fr);
		gap:10px;
	}
	.calculator .input-wrap .list li .children p {
		font-size:16px;
	}
	.calculator .input-wrap .result-list {
		padding: 130px 40px 80px;
	}
	.calculator .input-wrap .result-list li {
		font-size:18px;
	}
	.calculator .input-wrap .result-list li p {
		font-size:20px;
	}
	.calculator .input-wrap .result-list li strong {
		font-size:22px;
	}
	.calculator .input-wrap .btn-wrap li * {
		width:220px;
		height:60px;
		font-size:18px;
	}
}
@media screen and (max-width: 768px) { 
	.calculator {
		padding-bottom:0;
	}
	.calculator .intro {
		grid-template-columns: repeat(1, 1fr);
		gap:30px;
		padding:40px 0;
	}
	.calculator .intro .text h3 {
		padding-bottom:18px;
		font-size:22px;
	}
	.calculator .intro .text p {
		padding-bottom:25px;
		font-size:17px;
	}
	.calculator .intro .text p span {
		font-size:14px;
	}
	.calculator .intro .text .btn-wrap a {
		width:160px;
		height:46px;
		font-size:16px;
	}
	.calculator .msg {
		padding:20px;
		margin-bottom:30px;
	}
	.calculator .msg dt {
		font-size:17px;
	}
	.calculator .msg dt::before {
		width:18px; height:18px;
	}
	.calculator .msg dd {
		font-size:15px;
	}
	.calculator .input-wrap + .input-wrap {
		margin-top:45px;
	}
	.calculator .input-wrap h3.title {
		padding-bottom:12px;
		font-size:22px;
	}
	.calculator .input-wrap .list + .list {
		margin-top:25px;
	}
	.calculator .input-wrap .list li {
		gap:10px;
		padding:10px 0;
		font-size:14px;
	}
	.calculator .input-wrap .list li .thead {
		padding:15px 0;
	}
	.calculator .input-wrap .list li .label {
		padding-left:15px;
	}
	.calculator .input-wrap .list li .form_input {
		height:40px;
		padding:0 10px;
		font-size:12px;
	}
	.calculator .input-wrap .list li .children {
		margin-top:10px;
		gap:5px;
	}
	.calculator .input-wrap .list li .children > div {
		grid-template-columns:75px 1fr;
	}
	.calculator .input-wrap .list li .children p {
		font-size:13px;
	}
	.calculator .input-wrap .result-list {
		padding:60px 20px 40px;
	}
	.calculator .input-wrap .result-list li {
		grid-template-columns: repeat(1, 1fr);
		gap:5px;
		padding:20px 15px;
		font-size:16px;
		text-align:left;
	}
	.calculator .input-wrap .result-list li p {
		font-size:18px;
	}
	.calculator .input-wrap .result-list li strong {
		font-size:20px;
	}
	.calculator .input-wrap .btn-wrap {
		margin-top:40px
	}
	.calculator .input-wrap .btn-wrap li * {
		width:94px;
		height:46px;
		font-size:15px;
	}
	.calculator .dyn-wrap {
		gap:6px;
	}
	
	.calculator .dyn-row {
		flex-direction: column;
		align-items: stretch;
		gap:6px;
	}
	
	.calculator .dyn-row .form_input,
	.calculator .dyn-row .date_input {
		width:100%;
		min-width:0;
	}
	
	.calculator .children-grid .child-row {
		flex-direction: column;
		align-items: stretch;
		gap:6px;
	}
	
	.calculator .children-grid .child-row .form_input,
	.calculator .children-grid .child-row select {
		width:100% !important;
		max-width:none !important;
	}
	
	/* 양가 지원 재산 / 재산상 손실 줄은 위쪽 정렬 */
	.calculator .input-wrap .list li {
		align-items: start;
	}
	.calculator .input-wrap .btn-wrap {
		flex-wrap: wrap;
	}
	
	.calculator .input-wrap .btn-wrap li * {
		width: 94px;
	}
}