@charset "utf-8";

.box-img01 {display:block;}

/* 세목별안내 - 자동차세 연납세액 확인 */
@media all and (max-width:1024px){
	.car-box .con {width:auto; margin-left:0;}
	.car-box .tit {width:auto;}
}

@media all and (max-width:705px){
	.car-box .con, .car-box select {width:100%;}
	.car-box .tit {width:100%; margin-left:0 !important;}
	#content .car-box *[type="radio"], .car-box label  {margin-left:0 !important;}
}

@media all and (max-width:523px){
	.car-box li button, .car-box li a {width:100%;}
	.car-box li a {text-align:center;}
}

/* 세외수입 구제제도 */
.administration_box { margin-top:20px; }
.administration_box li { margin-top:15px; }
.administration_box li:first-child { margin-top:0; }
.administration_box li div { float:left; padding:15px; box-sizing:border-box; border-radius:10px; text-align:center; background:#ddd; letter-spacing:-1px; }
.administration_box li div.title { position:relative; border:2px solid #d3dfff; background:#F3F6FE;padding:26px; width:20%; font-size:16px; font-weight:600; }
/*.administration_box li.list02 div.txt { padding:26px; }*/
.administration_box li div.txt { float:right; width:75%; border:2px solid #ffcfe1; background:#FFF7FA; }
.administration_box li div.title:before { content:''; border-top:10px solid transparent; border-left:10px solid #92a3a0; border-bottom:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; left:112%; position:absolute; margin-top:-10px; top:50%; }
.administration_box li:after { content:''; display:block; clear:both; }

.judge_box li div { padding:26px !important; }

.administration_img {margin-top:20px; background:#ecefff; padding:20px; box-sizing:border-box; border-radius:10px;}
.administration_img img { margin:0 auto; display:block; }

@media all and (max-width:1016px){
	.administration_box li.list02 div.txt { padding:15px 26px; }
}
@media all and (max-width:840px){
	.administration_box li div.title { font-size:14px; }
}
@media all and (max-width:770px){
	.administration_box li div.title { width:22%; }
	.administration_box li div.title:before { left:106%; }
}
@media all and (max-width:721px){
	.judge_box .list03 .txt { padding:15px 26px !important; }
}
@media all and (max-width:700px){
	.administration_box li { padding:20px; box-sizing:border-box; background:#f7f7f7; border-radius:10px; }
	.administration_box li div { width:100% !important; padding:10px !important; }
	.administration_box li .txt { margin-top:20px; }
	.administration_box li div.title:before { content:''; border-left:10px solid transparent; border-top:10px solid #92a3a0; border-bottom:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; left:50%; position:absolute; margin-left:-10px; top:145%;  }
}


/* 지방세 계산기 */
.goto-control {display:block; position:absolute; width:100%; height:0; overflow:hidden; bottom:0; left:0; right:0; z-index:-1000; background:#2292e9; text-align:center; color:#fff !important; opacity:0; box-sizing:border-box;}
.goto-control:focus {z-index:9999; opacity:1; height:auto; padding:10px;}

.tax-cal.tab-group .tabs {margin-top:20px;}
.tax-cal.tab-group .tabs ul:after {content:""; display:block; clear:both;}
.tax-cal.tab-group .tabs li {width:19.2%; box-sizing:border-box; margin-right:1%; float:left;}
.tax-cal.tab-group .tabs li:last-child {margin-right:0;}
.tax-cal.tab-group .tabs li button {display:block; width:100%; text-align:center; color:#777; border-radius:.4rem; padding:20px; background:#efefef;}
.tax-cal.tab-group .tabs li button.on {font-weight:bold; color:#fff; background:#D22259;}
.tax-cal.tab-group .tab-con {display:none;}
.tax-cal.tab-group .tab-con.on {display:block;}
.tax-cal-box {box-sizing: border-box; border:1px solid #ddd;margin-top: 20px;padding: 20px;}

@media all and (max-width:840px){
	.tax-cal table,
	.tax-cal table tbody,
	.tax-cal table tr,
	.tax-cal table th,
	.tax-cal table td {display:block;}
}

@media all and (max-width:580px){
	.tax-cal.tab-group .tabs li {width:32.333%}
	.tax-cal.tab-group .tabs li:nth-child(n+4) {margin-top:5px;}
	.tax-cal.tab-group .tabs li button {padding:15px 10px;}
}

/* 환급금 모의계산 */
.refundCalc {position:relative; padding:3em 2em; background:#FFF9F8; border-radius:1em; word-break:keep-all;}
.refundCalc > p {text-align:center; font-size:1.75em; font-weight:700; margin-bottom:.5em; }
.refundCalc .calc-box {width:500px; margin:0 auto 2em; background:#fff; border-radius:.5em; padding:1.5em 2em; }
.refundCalc .calc-box dl {display:table; width:100%;}
.refundCalc .calc-box dl + dl {margin-top:1em;}
.refundCalc .calc-box dt {display:table-cell; width:100px; vertical-align:top; padding:.5em 0;}
.refundCalc .calc-box dd {display:table-cell; vertical-align:top;}
.refundCalc .calc-box input[type="text"] {width:250px;}
.refundCalc .calc-box .result {margin-top:2em; padding:1.5em 0 .5em; text-align:center; border-top:1px dashed #ddd;}
.refundCalc .calc-box .cost {font-size:1.5em; font-weight:700; margin-top:.25em;}
.refundCalc .calc-box .cost span {font-size:.75em; font-weight:400; color:#333;}

@media all and (max-width:600px) {
	.refundCalc {padding:1.5em 1em;}
	.refundCalc .calc-box {width:100%;}
}

@media all and (max-width:520px) {
	.refundCalc .calc-box {padding:1em;}
	.refundCalc .calc-box dl {display:block;}
	.refundCalc .calc-box dt,
	.refundCalc .calc-box dd {display:block; width:100%;}
	.refundCalc .calc-box input[type="text"] {width:90%;}
	.refundCalc .calc-box select {width:90%;}
	.refundCalc .calc-box select + select {margin-top:.25em !important;}
}