@charset "UTF-8";

input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

input[type="checkbox"] + label { display: inline-block; position: relative; padding: 0 0 0 29px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: inherit;}

input[type="checkbox"] + label:before { content: ""; position: absolute; top: 1px; left: 0; width: 20px; height: 20px; text-align: center; border: 1px solid #bebebe; }

input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; width: 14px; height: 11px; background: url("/user/images/report/icon/icon_checked.png") no-repeat; background-size: 100%; }

input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

input[type="radio"] + label { display: inline-block; position: relative; margin: 0 20px 0 0; padding: 0 0 0 29px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: inherit; font-weight: 400; color: #444; }

input[type="radio"] + label:before { content: ""; position: absolute; left: 0; width: 20px; height: 20px; text-align: center; background: #fff; border: 1px solid #bebebe; border-radius: 100%; box-sizing: border-box; }

input[type="radio"]:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: #29ac6f; border-radius: 100%; }

.input-label label { margin: 3px 10px 0 0; display: inline-block; vertical-align: top; }

.info-inner01 { width: 100%; flex-wrap: wrap; }

.info-inner01 .check-container { display: flex; padding-left: 30px; padding-top: 10px; }

.info-inner01 div { margin-bottom: 15px; }

.info-inner01 .check-container div { width: 20%; }

.info-inner01 .check-container label { position: relative; top: -2px; }

.info-inner02 .info-box { display: flex; justify-content: flex-start; align-items: center; }

.info-inner02 .info-box .txt { margin-right: 20px; font-size: inherit;}

.info-inner02 .info-box ul li:last-child { padding: 0 0 0 8px; width: 47px; height: 30px; }

/*.info-inner03 + .info-inner03 { padding: 15px 0 0; font-size: 16px; font-weight: 400; color: #444; }*/

.info-inner04 { display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; width: 100%; height: 50px; }

.file-inner label { display: inline-block; width: 80px; height: 30px; font-size: 16px; font-weight: 500; color: #fff; text-align: center; vertical-align: middle; background-color: #535963; border-radius: 5px; cursor: pointer; }

.file-inner label:hover { background-color: #3c4047; }

.file-inner input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.file-inner .file-name { padding: 0 10px; width: 300px; display: inline-block; font-size: 16px; font-weight: 400; color: #222; border: 0; background-color: #fff; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.file-view { width: 100%; }

.file-view p, .file-list p { margin: 10px 0 0; font-size: 16px; font-weight: 400; color: #3b65ff; }

.file-list span { display: inline-block; padding: 0 0 0 15px; font-size: 15px; font-weight: 400; color: #444; }

.file-view p + p { margin: 15px 0 0; }

.file-view .file-remove { position: relative; margin: 0 0 0 15px; width: 12px; height: 12px; }

.file-view .file-remove:before { content: ""; position: absolute; top: -4px; left: 0; width: 12px; height: 12px; background: url("/user/images/report/btn_del.png") no-repeat; background-size: 100%; }


.content-box { padding: 50px 40px 30px; width: 100%; border: 1px solid #dbdbdb; box-sizing: border-box; position: relative; }

.content-box p { width: 100%; font-size: 24px; font-weight: 400; color: #222; letter-spacing: -1px; box-sizing: border-box; }

.content-box p img { margin: 0 auto; }

.content-box .flex-center { display: flex; justify-content: center; flex-direction: column; align-items: center; }

.content-box .txt-center ul li span { font-weight: 700; }

.content-box-title { background: #6a727f; color: #fff; font-weight: 600; font-size: 22px; padding: 10px 30px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); border-radius: 50px; }

.content-box-dl { font-size: 18px; line-height: 1.8; }

.content-box-dl dt:before { content: ""; display: inline-block; width: 8px; height: 10px; background: url(/user/images/safety/list-item.png) no-repeat; margin-right: 10px; position: relative; top: -1px; }

.content-box-dl dd { padding-left: 20px; }

.content-box .flex-list { display: flex; }

.content-box .flex-list .list { width: 50%; }

.gray-box { padding: 30px; background-color: #f7f7f7; box-sizing: border-box; }

.content-txt .title { font-size: 20px; font-weight: 700; color: #222; letter-spacing: -0.5px; }

.content-txt li + li { margin: 15px 0 0; }

.content-txt.underline { border-bottom: 1px solid #dbdbdb; }

.icon-link { position: relative; padding: 0 16px 0 0; }

.icon-link:before { content: ""; position: absolute; top: 50%; right: 20px; width: 7px; height: 12px; background: url("/user/images/report/icon/icon_link.png") no-repeat; transform: translateY(-50%); }

.icon-search:before { content: ""; position: absolute; top: 49%; left: 52%; width: 25px; height: 25px; background: url("/user/images/report/icon/icon_search.png") no-repeat; transform: translate(-50%, -50%); }

.icon-login:after { content: ""; display: block; width: 130px; height: 130px; background: url(/user/images/report/icon/icon_login.png) no-repeat; margin: 30px 0; }

.icon-confirm:before { content: ""; display: block; width: 48px; height: 48px; background: url(/user/images/report/icon/icon_confirm.png) no-repeat; margin: 0 0 30px; }

.icon-apply:before { content: ""; display: block; width: 60px; height: 61px; background: url(/user/images/report/icon/icon_submit.png) no-repeat; margin: 0 0 30px; }

.fl-row { display: flex; justify-content: flex-start; align-items: center; line-height: 2.5rem;}

.input-label { display: flex; flex-grow: 1; }

.input-label label { margin-right: 10px; }