form .form-service-wrap input[type="checkbox"] {width: 18px; height: 18px; border-radius: 3px; border: solid 1px #adaeb4; background: #fff;}
form .form-service-wrap input[type="checkbox"]:checked {border-color: #366cf1; background: url('/images/common/form/ic_check.svg') no-repeat #fff; background-size: cover;}
form .form-service-wrap .service-box {display: grid; justify-content: space-between; grid-template-columns: repeat(4, 1fr);}
form .form-service-wrap .service-box dl {width: 160px;}
form .form-service-wrap .service-box dl dt {font-weight: 500; font-size: 15px; letter-spacing: -0.3px; color: #3f4665; padding: 0 0 10px 10px; border-bottom: solid 1px #d5e3f0; position: relative;}
form .form-service-wrap .service-box dl dt:before {content: ''; position: absolute; left: 0; top: 2px; width: 5px; height: 12px;}
form .form-service-wrap .service-box dl:nth-child(1) dt:before {background-color: #006cff;}
form .form-service-wrap .service-box dl:nth-child(2) dt:before {background-color: #a700ff;}
form .form-service-wrap .service-box dl:nth-child(3) dt:before {background-color: #5fd54a;}
form .form-service-wrap .service-box dl:nth-child(4) dt:before {background-color: #ffcb1d;}
form .form-service-wrap .service-box dl dd {margin-top: 18px; display: flex; align-items: center; height: 20px;}
form .form-service-wrap .service-box dl dd input[type="text"] {width: 42px; height: 20px; margin-left: auto; border-radius: 2px; box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.16); border: solid 1px #babcc9; background-color: #fff; font-size: 12px; letter-spacing: -0.36px; color: #464646; text-align: right;}
form .form-service-wrap .service-box dl dd input[type="text"]:disabled {background-color: #eff3fa; border-color: #cfdae2; color: #a3afb7;}
form .form-service-wrap .service-box dl dd label {font-size: 14px; letter-spacing: -0.5px; color: #282828; padding-left: 6px; padding-bottom: 2px;}
form .form-service-wrap .service-box dl dd input[type="checkbox"]:checked + label {font-weight: 700; color: #1c6efa;}
form .form-service-wrap .service-box dl dd span {border-radius: 10px; border: solid 1px #00bc22; background-color: #fff; margin-left: 5px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: -0.36px; color: #00bf00; line-height: 18px; padding: 0 8px;}
form .form-service-wrap .service-box.only dl dd input[type="checkbox"] {display: none;}
form .form-service-wrap .service-box.only dl dd label {padding-left: 10px; border: solid 1px #d8e4ef; border-radius: 3px; background: #fff; flex-grow: 1; height: 30px; display: flex; align-items: center;}
form .form-service-wrap .service-box.only dl dd input[type="checkbox"]:checked + label {border-color: #1c6efa; background: url('/images/common/form/ic_check.svg') right 5px center no-repeat #fff;}

@media (max-width: 1060px) {
	form .form-service-wrap .service-box {grid-template-columns: repeat(2, 1fr); gap: 20px;}
	form .form-service-wrap .service-box dl {width: 100%;}
}
@media (max-width: 980px) {
	form .form-service-wrap .service-box dl dt {font-size: 16px;}
	form .form-service-wrap .service-box dl dt:before {top: 4px;}
	form .form-service-wrap .service-box dl dd {height: auto;}
	form .form-service-wrap .service-box dl dd input[type="checkbox"] {width: 20px; height: 20px; margin-left: auto;}
	form .form-service-wrap .service-box dl dd label {font-size: 14px; flex-grow: 1;}
	form .form-service-wrap .service-box dl dd input[type="text"] {height: 24px; width: 44px; font-size: 14px; padding-right: 2px;}
}
@media (max-width: 500px) {
	form .form-service-wrap .service-box dl dd {flex-wrap: wrap; margin-top: 14px;}
	form .form-service-wrap .service-box dl dd input[type="checkbox"] {order: 2;}
	form .form-service-wrap .service-box dl dd label {order: 1;}
	form .form-service-wrap .service-box dl dd input[type="text"] {width: 100%; margin-top: 10px; height: 34px; order: 3;}
	form .form-service-wrap .service-box dl dd span {vertical-align: top; padding: 3px 4px 11px; display: inline-block; height: 18px; font-size: 10px; line-height: 10px; margin-left: -1px;}
}