/*top_btn*/
.content-table-btn {margin-bottom: 1rem; height: 2rem;}
.content-table-btn ul li {display: inline-block; white-space: nowrap;}

.content-table-top {display: flex; align-items: center; white-space: nowrap;}
.content-head {display: flex; align-items: center; white-space: nowrap;}
.table-title, .content-sub-title {color: #4766FF; font-weight: bold; font-size: 1.4rem;}
.btn_close {display: none; margin-left: auto; font-weight: bold; padding: 0.3rem 1rem;}

/*content_table*/
.content-body {margin-top: 1rem;}
.content-body-item {padding: 2rem; margin-bottom: 1.5rem; border-radius: 0.5rem; background-color: #fff; box-shadow: 0 0 1rem 0 rgb(41 48 66 / 10%);}
.content-body-item:last-child {margin-bottom: 0;}
.content-body-item input {text-align: center;}
.content-body-item input[type="number"] {text-align: left;}

.content-table {width: 100%; border-collapse: collapse; line-height: 1rem;}
.content-table tbody tr {background-color: #f6f7f8;}
.content-table tbody tr:nth-child(2n) {background-color: #fff;}
.content-table tbody tr.tr_bg {background-color: #fffcf0;}
.content-table th {height: 3.35rem; background-color: #fff; border: 0.1rem solid #58afa4; padding: 1rem; background-color: #4766FF; color: #fff;}
.content-table thead tr th:first-child {width: 4rem;}
.content-table th:first-child, .content-table td:first-child {border-left: 0 none;}
.content-table th:last-child, .content-table td:last-child {border-right: 0 none;}
.content-table th.txt_l, .content-table td.txt_l {text-align: left; padding: 0 1.5rem;}
.content-table th, .content-table td {padding: 0.2rem; text-align: center;}

.content-table td {border: 0.1rem solid #d7d8d9; line-height: 2.3rem; height: 3.2rem;}
.content-table td:first-child {text-align: left; padding: 0.2rem 1.2rem; color: #253586; font-weight: bold;}
.content-table td img {vertical-align: middle;}
.content-table td input.input_w100, select.input_w100 {width: 100%; text-align: center;}
.content-table td.td_p {padding: 0.2rem 0;}
.content-table td.table_number {padding: 0; text-align: center;}
.content-table01.table-total {margin-top: 3rem;}
.content-table01.table-total th {background-color: #ffe2e4; color: #ed1c2a; border: inherit;}
.content-table01.table-total td {background-color: #fff;}
.content-table01 td:first-child {text-align: center; font-weight: inherit; color: inherit;}
.content-table td.content_table_number {text-align: center; padding-left: 0.2rem;}
.content-table td label {display: inline-block; padding: 0 0.5rem; margin-right: 1rem; vertical-align: middle;}
.content-table td label:last-child {margin-right: 0;}
.content-table td.question_td {margin: 0; padding: 1.8rem 0 0 0; height: 5rem; font-size: 1.3rem; color: inherit; background-color: #fff;}
.content-table td label b {color: #199586; font-weight: bold; vertical-align: middle;}
.content-table td.td_reset {text-align: center; font-weight: inherit; color: inherit;}
.content-table02 td {text-align: left;}
.content-table02 td:first-child {padding: 0.2rem;}
.content-table03 td {text-align: left; padding: 0.2rem 1.2rem;}
.content-table04 tbody td:nth-child(2) {text-align: left; padding: 0.2rem 1.2rem;}

.content-table td .signature_img {height: 8rem; background-color: #fff;}
.content-table td .signature_img img {width: 100%; height: 8rem;}
.content-table td .signature_img span {display: block; width: 100%; height: 8rem; line-height: 8rem; background-color: #fff;}

input:disabled {background: #edeef1;}
.content-table input[type="text"], .content-table input[type="date"], .content-table input[type="number"] {text-align: center; width: 13rem; vertical-align: middle;}
.content-table input[type="text"].input_mb_w100, .content-table input[type="date"].input_mb_w100, .content-table input[type="number"].input_mb_w100 {margin-bottom: 0.25rem;}
.readonly {background-color: #edeef1;}

.content-table-th-w11 tbody tr td:nth-child(1), .content-table-th-w12 tbody tr td:nth-child(1) {width: 50%;}
.content-table td.td_w span, .content-table td span b {color: #253586 !important;}

/*period-add*/
.content-table.content-table-underlying-disease td input[type="text"] {width: 15rem;}
.content-table.content-table-underlying-disease td:first-child input[type="text"] {width: 100%;}
.added_underlying_disease td:first-child {padding: 0.2rem;}
.added_underlying_disease td:first-child input {text-align: left;}
.input-add-period {margin: 0.3rem 0 0 13.6rem;}

/**/
.notice {font-size: 1.3rem; font-weight: bold;}
.notice::before {content: "•"; font-size: 1.8rem; margin-right: 0.3rem;}
.question, .question_title, .question_title_sub, .notice_title {display: block; margin: 2rem 0 1.5rem 0; font-size: 1.3rem; font-weight: bold;}
.question:first-child, .question_title:first-child {margin-top: 0;}
.question_sub {font-weight: bold; color: #4766FF;}
.q_sub_mb {display: block; margin-bottom: 0.5rem;}
.question_title {margin-bottom: 2rem;}
.question_title02 {display: inline-block; color: #4766FF; background-color: #d4f1ed; padding: 0 0.3rem; margin-bottom: 2rem;}
.question_title_sub {margin: 2rem 0;}
.answer_wrapper {width: 100%;}
.answer_wrapper .answer_list {display: inline-block; margin-right: 0.5rem;}
.answer_wrapper .answer_list:last-child {margin-right: 0;}
.answer_wrapper .answer_list.input_W100 {width: 100%;}
.answer_wrapper .answer_list.input_W100 input {width: 100%; text-align: center;}
.answer_list_pl {padding-left: 1.5rem;}
.answer_list .answer_list_title {color: #4766FF; font-weight: bold; vertical-align: middle;}
.answer_list_title {color: #4766FF; font-weight: bold; vertical-align: middle; margin-right: 0.5rem;}
.answer_wrapper ul {margin-left: 1.5rem;}
.answer_wrapper ul li {display: inline-block; margin-right: 7rem;}
.answer_wrapper ul li:last-child {margin-right: 0;}
.answer_wrapper ul li.answer_list {display: inline-block; margin-bottom: 0.5rem;}
.answer_wrapper ul li.answer_list:last-child {margin-bottom: 0;}
.answer_wrapper.border_b {border-bottom: 1px solid #d7d8d9; padding-bottom: 0.2rem; margin-bottom: 0.2rem;}

.answer_txt {margin-left: 1.5rem;}
.answer_wrapper ul li label span {font-weight: bold; color: #4766FF;}
.score, .total {color: #ed1c2a;}

.content_btn_wrapper {text-align: center; margin: 3rem 0 0 0;}
.content_btn {display: inline-block; width: 7.5rem; margin: 0 auto; padding: 0.5rem 2rem; font-weight: bold; cursor: pointer;}
.container_row02 .item .content-body-wrapper .content_btn_wrapper {margin-bottom: 2.5rem;}
.container_row02 .item .content-body-wrapper:last-child .content_btn_wrapper:last-child {margin-bottom: 0;}
.btn-add-underlying-disease {margin-top: 0.1rem;}
.btn-add-period {vertical-align: middle;}
.btn-add-major-bleeding, .btn-add-minor-bleeding {margin-top: 0.3rem;}
.btn-reset {width: 8.5rem; background-color: #5AD9A4; color: #1a1a1a; border: 0.1rem solid #5AD9A4;}

/*input_w*/
input[type="date"].input_txt0 {width: auto; padding: 0.2rem;}

input[type="text"].input_txt1 {width: 2.5rem;}
input[type="text"].input_txt2 {width: 3rem;}
input[type="text"].input_txt3 {width: 3.5rem;}
input[type="text"].input_txt4 {width: 3.9rem;}
input[type="text"].input_txt5 {width: 4.5rem;}
input[type="text"].input_txt6 {width: 50%;}

input[type="number"].input_txt1 {width: 4rem;}
input[type="number"].input_txt2 {width: 4.5rem;}
input[type="number"].input_txt3 {width: 5rem;}
input[type="number"].input_txt4, input[type="number"].input_txt5 {width: 6rem;}

input[type="text"].input_w01 {width: 30.7rem;}
input[type="text"].input_w02 {width: 65.7rem;}
input[type="text"].input_w04 {width: 45.5rem; margin-right: 0;}
input[type="text"].input_w05 {width: 48.5rem; margin-right: 0;}
input[type="text"].input_w06 {width: 92.39%; margin-right: 0.3rem;}
input[type="text"].input-period {width: 85%;}

/*text_indent*/
.q_indent01 {padding-left: 1.4rem; text-indent: -1.4rem;}
.q_indent02 {padding-left: 2.1rem; text-indent: -2.1rem;}
.q_indent03 {padding-left: 0.9rem; text-indent: -0.9rem;}
.q_indent04 {padding-left: 1.7rem; text-indent: -1.7rem;}
.q_indent05 {padding-left: 0.5rem; text-indent: -0.5rem;}
.q_indent06 {padding-left: 2.6rem; text-indent: -2.6rem;}
.q_indent07 {padding-left: 3.4rem; text-indent: -3.4rem;}
.q_indent08 {padding-left: 2rem; text-indent: -2rem;}
.q_indent09 {padding-left: 2.7rem; text-indent: -2.7rem;}

.t_indent01 {padding-left: 1.4rem; text-indent: -1.4rem;}
.t_txt {padding-left: 0.9rem; text-indent: -0.9rem;}
.t_txt::before {content: "•"; font-size: 1.5rem; margin-right: 0.3rem;}

/*content_explanation*/
.explanation_title {display: block; margin: 2rem 0 1.5rem 0; font-size: 1.3rem; font-weight: bold; margin-bottom: 2rem;}
.explanation_title:first-child {margin-top: 0;}
.explanation_sub_title {font-weight: bold; margin: 1.5rem 0 0.5rem 0;}
.explanation_sub_title:first-child {margin-top: 0;}

.explanation {line-height: 2rem; text-align: justify;}
.explanation_body {padding-left: 0.9rem; text-indent: -0.9rem; margin-bottom: 0.8rem;}
.explanation_body:last-child {margin-bottom: 0;}
.content-body-item:nth-child(15) > p.explanation_body {margin: 0;}
.explanation_body2 {padding-left: 3rem; text-indent: -0.9rem; margin-bottom: 0.3rem;}
.explanation_body2:last-child {margin-bottom: 0;}
.explanation_body3 {padding-left: 1.3rem; text-indent: -1.3rem; margin-bottom: 0.3rem;}
.explanation_body::before, .explanation_body2::before {content: "•"; font-size: 1.5rem; margin-right: 0.3rem;}

.terms_service_box {width: 56.5rem; border: 1px solid #d7d8d9; border-radius: 0.5rem; padding: 2rem 2rem 1.3rem 2rem; margin: 1.5rem 0 0 2rem; background-color: #f6f7f8;}
.terms_service_box2 {margin-left: 1rem;}
.terms_service_box3 {width: 69.2rem;}
.terms_service_box p {margin: 1.5rem 0 0.8rem 0; padding-left: 0.8rem; text-indent: -0.8rem; line-height: 2rem;}
.terms_service_box p i {color: #4766FF;}
.terms_service_box p:first-child {margin-top: 0;}
.terms_service_box label {padding: 0 2rem; margin-right: 1rem;}
.terms_service_box p.terms_service_error_message {display: none; color: #ed1c2a; margin: 0.3rem 0 0 1.9rem;}

/* ────────────────────────────────────────────────────────────
   날짜칸 공통 (2026-08-28) — 예약조회의 알약 모양과 결을 맞춘다.
   관리자 전 화면의 <input type="date"> 가 같은 얼굴이 된다.
   ★네이티브 위젯이라 달력 아이콘은 브라우저 것을 쓰되 흐리게 깔고,
     올리거나 포커스일 때 또렷해지게 한다.
   ──────────────────────────────────────────────────────────── */
input[type="date"] {
	padding: 6px 8px 6px 10px;
	border: 1px solid #d7d8d9;
	border-radius: 8px;
	background: #fff;
	color: #1E232E;
	font-size: 13.5px;
	font-variant-numeric: tabular-nums;
	transition: border-color .15s, box-shadow .15s;
}
input[type="date"]:hover {border-color: #b9c3e8;}
input[type="date"]:focus {
	outline: none;
	border-color: #4766FF;
	box-shadow: 0 0 0 3px rgba(71, 102, 255, .13);
}
input[type="date"]::-webkit-calendar-picker-indicator {
	opacity: .45; cursor: pointer; transition: opacity .15s;
}
input[type="date"]:hover::-webkit-calendar-picker-indicator,
input[type="date"]:focus::-webkit-calendar-picker-indicator {opacity: .9;}