body{background:#fff}
.landTransferTaxBox{margin-bottom:30px;border-radius:6px;border:1px solid #e6e6e6;box-shadow:4px 4px 34px 0 rgba(0,0,0,0.02)}
.landTransferTaxBox .landTransferItems{padding:18px 30px 23px;background:#f2fff9}
.landTransferTaxBox .landTransferItems form .inputBoxSection{width:100%;display:flex;gap:31px}
.landTransferTaxBox .landTransferItems form .inputBoxSection .mortgageInputPosition{position:relative}
.landTransferTaxBox .landTransferItems form .inputBoxSection .mortgageInputPosition::after{content:"$";position:absolute;top:51px;left:7px;font-size:15px;font-weight:700}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox{width:50%}
.landTransferTaxBox .landTransferItems form .inputBoxSection label{color:#333;font-size:16px;font-weight:700;text-align:left}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox input::placeholder,.locationPriceBox button span{color:#333;font-weight:700;font-size:14px}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox input,.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox .locationSelect{margin:15px 0 20px;height:50px;font-size:14px;width:100%;border:1px solid #e0e0e0;display:block;background:#fff}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox input:focus-visible, .landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox select:focus-visible{outline: 2px solid #000;}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox input,.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox .locationSelect{margin:15px 0 20px;padding:0 20px;height:50px;font-size:14px;width:100%;border:1px solid #e0e0e0;background:#fff;font-weight:700;display:flex;align-items:center}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox{position:relative}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox:hover ul{display:block}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox ul{display:none;position:absolute;content:"";background:#fff;height:auto;width:100%;top:52px;box-shadow:0 3px 6px 0 #000;border-radius:8px;padding:15px;z-index:2}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox ul li{padding:10px 0;font-size:16px;text-align:left;height:auto;color:#333;display:block;width:100%}
.landTransferTaxBox .landTransferItems form .conformationBox{font-weight:700;font-size:14px;color:#333;padding-left:15px}
.landTransferTaxBox .landTransferItems form .conformationCheckBox{position:relative;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;display:flex;color:#333;gap: 14px;align-items: center;}
.landTransferTaxBox .landTransferItems form .conformationCheckBox input{cursor:pointer}
.landTransferTaxBox .landTransferItems form .conformationCheckBox input:focus-visible {outline: 2px solid #000;}
.landTransferTaxBox .landTransferItems form .checkmark{position:absolute;left:0;height:20px;width:20px;background-color:#fff;border:1px solid#e7ddff;border-radius:4px}
.landTransferTaxBox .landTransferItems form .conformationCheckBox:hover input ~ .checkmark{background-color:#fff}
.landTransferTaxBox .landTransferItems form .conformationCheckBox input:checked ~ .checkmark{background-color:#5f449b}
.landTransferTaxBox .landTransferItems form .checkmark:after{content:"";position:absolute;display:none}
.landTransferTaxBox .landTransferItems form .conformationCheckBox input:checked ~ .checkmark:after{display:block}
.landTransferTaxBox .landTransferItems form .conformationCheckBox .checkmark:after{content:"\e915";font-family:'icomoon';color:#fff;position:absolute;left:4px;font-size:11px}
.landTransferTaxBox .transforTaxList{margin:30px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}
.landTransferTaxBox .transforTaxList .transforTax{padding:21px 0;justify-content:center;display:flex;background:#f2fff9;align-items:center;color:#333;font-size:16px;font-weight:700;border-bottom:solid 1px #e0e0e0}
.landTransferTaxBox .transforTaxList .listSection{display:flex;width:100%}
.landTransferTaxBox ul{padding:8px 0 15px;display:flex;flex-wrap:wrap}
.landTransferTaxBox ul li{width:50%;display:flex;height:44px;align-items:center;color:#333;font-size:14px;font-weight:400;justify-content:center}
.landTransferTaxBox ul .listPosition{padding-left:155px;position:relative;justify-content:start;flex:none}
.landTransferTaxBox ul .listPosition::after{content:"$";font-weight:700;position:absolute;right:0;color:#333;font-size:17px}
.landTransferTaxBox ul li em{width:22px;height:22px;border-radius:100%;background:#d5b9ff;position:absolute;left:104px;color:#fff}
.landTransferTaxBox ul li em::after{border:1px solid #fff;content:"";width:12px;position:absolute;top:10px;left:5px}
.landTransferTaxBox ul li em::before{border:1px solid #fff;content:"";height:12px;position:absolute;left:10px;top:5px}
.landTransferTaxBox ul li:nth-child(7) em::before{display:none}
.landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox .locationSelect{position:relative;text-align:left;cursor:pointer}
.locationSelectBox ul.selectLocation{position:absolute;top:50px !important;box-shadow:0 3px 6px 0 #00000029 !important;background:#fff;}
/* .locationSelectBox .locationSelect::after{content: "\e9f5";font-family: 'icomoon',arial; position: absolute;font-size: 10px;color: #666;right: 10px;top: 14px;z-index: 0;transition: .3s;} */
.locationSelectBox ul.selectLocation li{padding:0 0 10px 0 !important;font-size:14px !important;}
.locationSelectBox ul.selectLocation li:last-child{padding-bottom:0 !important;}
.totalTransforTaxList ul{padding:0;background:#2e8540;margin:0;color:#fff}
.totalTransforTaxList ul li{height:59px;color:#fff;font-size:16px;font-weight:700}
.totalTransforTaxList ul .totalListPosition{justify-content:start;padding-left:155px;position:relative}
.totalTransforTaxList ul .totalListPosition em{position:absolute;background-color:#fff;width:22px;height:22px;border-radius:100%;left:104px}
.totalTransforTaxList ul .totalListPosition em::after{border:1px solid #58bf93;content:"";width:12px;height:0;position:absolute;top:8px;left:5px}
.totalTransforTaxList ul .totalListPosition em::before{border:1px solid #58bf93;content:"";width:12px;height:0;position:absolute;top:13px;left:5px}
h2{color:#000;font-weight:700;text-align:left;font-size:18px}
@media screen and (max-width:1024px) {
.landTransferTaxBox ul .listPosition{padding-left:95px}
.landTransferTaxBox ul li em{left:43px}
.totalTransforTaxList ul .totalListPosition{padding-left:95px}
.totalTransforTaxList ul .totalListPosition em{left:43px}
}
@media screen and (max-width:840px) {
.landTransferTaxBox{margin-bottom:30px}
.landTransferTaxBox ul li em{left:70px}
.totalTransforTaxList ul .totalListPosition em{left:70px}
}
@media screen and (max-width:540px) {
.landTransferTaxBox{margin-bottom:0}
.landTransferTaxBox .transforTaxList{margin:30px 15px}
.landTransferTaxBox ul li{font-size:12px}
.landTransferTaxBox ul .listPosition{padding-left:84px}
.landTransferTaxBox ul .listPosition em{left:20px;width:18px;height:18px}
.landTransferTaxBox .landTransferItems form .inputBoxSection{width:100%;display:block}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox select{margin:12px 0 15px}
.landTransferTaxBox .landTransferItems form .conformationCheckBox .checkmark:after{left:4px}
.landTransferTaxBox ul .listPosition::after{right:-20px}
.landTransferTaxBox ul .listPosition em::after{width:8px;top:8px;left:5px}
.landTransferTaxBox ul .listPosition em::before{height:8px;top:5px;left:8px}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox{width:100%}
.landTransferTaxBox .transforTaxList .transforTax{font-size:14px}
.totalTransforTaxList ul .totalListPosition{padding-left:84px}
.totalTransforTaxList ul .totalListPosition em{left:20px;width:18px;height:18px}
.totalTransforTaxList ul .totalListPosition em::after{width:8px;top:6px;left:5px}
.totalTransforTaxList ul .totalListPosition em::before{width:8px;top:10px;left:5px}
}
@media screen and (max-width:480px) {
.landTransferTaxBox ul .listPosition{padding-left:60px}
.totalTransforTaxList ul .totalListPosition{padding-left:60px}
}
@media screen and (max-width:375px) {
.landTransferTaxBox ul .listPosition{padding-left:48px}
.landTransferTaxBox ul .listPosition::after{right:-18px}
.landTransferTaxBox ul .listPosition em{left:15px}
.totalTransforTaxList ul .totalListPosition{padding-left:48px}
.totalTransforTaxList ul .totalListPosition em{left:15px}
}
.landTransferTaxBox .landTransferItems form .inputBoxSection .locationPriceBox .locationSelectBox::after{position:absolute;content:'\e9f5';font-family: icomoon;font-size:12px;position: absolute;right:20px;top:14px;}