@charset "utf-8";
/** ──────────────────── DASHBORT ──────────────────── **/
.dashboard { padding: 20px 0 96px; }
.alarm_wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #efefef; padding: 12px; border-radius: 16px; overflow: hidden; }
.alarm_wrap .notice_box a { display: inline-block; font-size: 13px; font-weight: 700; line-height: 32px; }
.alarm_wrap .notice_box a::before { display: inline-block; width: 24px; height: 24px; vertical-align: -7px; background: url(../image/icon_notice.svg) no-repeat center center; background-size: contain; content: ''; margin-right: 12px; }
.alarm_wrap .contact_box { display: flex; justify-content: flex-end; }
.alarm_wrap .contact_box p { font-size: 12px; font-weight: 500; color: #999999; line-height: 32px; margin-right: 24px; }
.alarm_wrap .contact_box p strong { display: inline-block; font-size: 15px; font-weight: 500; color: #231815; margin-right: 6px; }
.alarm_wrap .contact_box p strong::before { display: inline-block; width: 19px; height: 19px; vertical-align: -4px; background: url(../image/icon_call_black.svg) no-repeat center center; background-size: contain; content: ''; margin-right: 6px; }
.alarm_wrap .contact_box a { display: inline-block; font-size: 13px; font-weight: 700; color: #666666; line-height: 32px; padding: 0 12px; background: #ffffff; border-radius: 12px; }

.link_wrap { position: relative; background: #ffffff; padding: 20px 20px 20px 30px; border-radius: 16px; overflow: hidden; }
.link_wrap .url_box li { display: flex; align-items: center; margin-bottom: 14px; }
.link_wrap .url_box li:last-of-type { margin-bottom: 0; }
.link_wrap .url_box li strong { font-size: 16px; font-weight: 700; line-height: 24px; }
.link_wrap .url_box li strong::before { display: inline-block; width: 16px; height: 16px; vertical-align: -1px; background: url(../image/icon_ex_mark_black.svg) no-repeat center center; background-size: contain; content: ''; margin-right: 12px; }
.link_wrap .url_box li a { display: inline-block; font-size: 14px; font-weight: 500; color: #999999; line-height: 24px; text-decoration: underline; margin-left: 40px; }
.link_wrap .url_box li .copy_link { width: 1px; height: 1px; opacity: 0; }
.link_wrap .url_box li .btn_copy { display: inline-block; width: 22px; height: 22px; background: url(../image/icon_copy.svg) no-repeat center center; background-size: contain; text-indent: -9999px; margin-left: 12px; }
.link_wrap .btn_box { position: absolute; right: 20px; top: 16px; display: flex; justify-content: flex-end; }
.link_wrap .btn_box a { display: inline-block; height: 32px; font-size: 13px; font-weight: 700; line-height: 32px; border-radius: 12px; padding: 0 12px; margin-left: 16px; }
.link_wrap .btn_box a:first-of-type { color: #ffffff; background-color: #231815; }
.link_wrap .btn_box a:last-of-type { color: #231815; background-color: #ffe934; }

.dash_board_contents h3 { font-size: 24px; font-weight: 700; line-height: 30px; }
.dash_board_contents .btn_view { display: inline-block; font-size: 14px; font-weight: 700; color: #666666; line-height: 32px; padding: 0 12px; background: #ffffff; border-radius: 8px; }
.dash_board_contents .btn_view::before { display: inline-block; width: 16px; height: 16px; background: url(../image/icon_list02.svg) no-repeat center center; vertical-align: -3px; content: ''; margin-right: 5px; }
.dash_board_contents .box_wrap { margin-top: 24px; }
.dash_board_contents .box_wrap .box { position: relative; background: #ffffff; border: 1px solid #f7f7f7; border-radius: 16px; overflow: hidden; margin-right: 16px; }
.dash_board_contents .box_wrap > div:last-of-type { margin-right: 0; }
/* 증명서 신청 현황 */
.type_text .box_wrap .box { flex-grow: 1; }
.type_text dl{ display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 38px 0; }
.type_text dl dt strong { position: relative; display: inline-block; font-size: 20px; font-weight: 500; color: #999999; line-height: 25px; }
.type_text dl dt strong.warning::before { position: absolute; left: -8px; top: 4px; width: 6px; height: 6px; border-radius: 50%; background-color: #ff525b; content: ''; display: inline-block; }
.type_text dl dd { font-size: 20px; font-weight: 700; line-height: 25px; }
/* 증명서 신청 발급 현황 */
.type_chart .box_wrap .box { padding: 26px 36px; }
.type_chart .box_wrap .box01 { flex: 1; }
.type_chart .box_wrap .box02 { width: 450px; }
.type_chart .box_empty { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); z-index: 10; }
.type_chart .box_empty p { width: 100%; font-size: 18px; font-weight: 700; text-align: center; }
.type_chart .box_empty p::before { display: block; width: 24px; height: 24px; background: url(../image/icon_nodata.svg) no-repeat center center; background-size: contain; content: ''; margin: 0 auto 14px; }
.chart_title { margin-bottom: 12px; }
.chart_title h4 { font-size: 20px; font-weight: 500; line-height: 25px; }
.chart_title .total { font-size: 20px; font-weight: 500; line-height: 25px; }
.chart_sub_title { font-size: 16px; font-weight: 500; color: #999999; line-height: 20px; margin-bottom: 14px; }
.chart_table { padding-bottom: 24px; }
.chart_table dl { display: flex; justify-content: space-between; padding: 12px 0; }
.chart_table dl dt { width: 150px; font-size: 16px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; }
.chart_table dl dd { width: 150px; font-size: 16px; font-weight: 700; line-height: 20px; overflow: hidden; text-overflow: ellipsis; text-align: right; }
.chart_table .line { display: block; width: 100%; height: 1px; border: none; border-bottom: 1px solid #f0f0f0; margin: 18px 0; }
.chart_graph .chart_view { align-items: center; }
.chart_graph .chart_text { width: 290px; }
.chart_graph .chart_text li { display: flex; align-items: center; margin-bottom: 32px; }
.chart_graph .chart_text li:last-of-type { margin-bottom: 0px; }
.chart_graph .chart_text li i { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 12px; }
.chart_graph .chart_text li i.color1 { background-color: #fee934; }
.chart_graph .chart_text li i.color2 { background-color: #231815; }
.chart_graph .chart_text li i.color3 { background-color: #d0d0d0; }
.chart_graph .chart_text li i.color4 { background-color: #FBF7D2; }
.chart_graph .chart_text li i.color5 { background-color: #efefef; }
.chart_graph .chart_text li .text { display: flex; justify-content: space-between; flex: 1; }
.chart_graph .chart_text li strong { font-size: 16px; font-weight: 500; line-height: 20px; overflow: hidden; text-overflow: ellipsis; }
.chart_graph .chart_text li em { display: inline-block; font-size: 16px; font-weight: 700; line-height: 20px; }


/** ──────────────────── LIST ──────────────────── **/
/*? record */
.record_box ul { display: flex; justify-content: flex-end; } 
.record_box li { margin-right: 40px; } 
.record_box li:last-of-type { margin-right: 0px; } 
.record_box li p { font-weight: 500; font-size: 18px; line-height: 25px; color: #999999; position: relative; } 
.record_box li p strong { color: #231815; } 
.record_box li p.type_warning::before { content: ""; width: 6px; height: 5px; display: inline-block; background-color: #ff525B; border-radius: 50%; left: -10px; top: 6px; position: absolute; } 

/*? 검색창 */
.list_search_area { display: flex; justify-content: space-between; } 
.list_search_area.side_right { justify-content: flex-end; } 
.list_search_area .add_btn_area .btn { padding: 0 15px; height: 32px; line-height: 32px; background-color: #231815; border-radius: 8px; color: #ffffff; font-weight: bold; font-size: 12px; } 

/*? 검색 폼 */
.search_form_box { width: 100%; padding: 32px; border: 1px solid #f7f7f7; border-radius: 16px; background-color: #ffffff; }
.search_form_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.form_item { display: flex; align-items: center; }
.form_item.item01 { width: 100%; margin-bottom: 24px; }
.form_item .form_label { font-size: 16px; font-weight: 700; line-height: 28px; margin-right: 12px; }
.form_item .form_select .select_box_slim { margin-right: 8px; }
.form_item .period_area { display: flex; }
.form_item .period_area .datepicker_area { margin-right: 24px; }
.form_item .period_area .datepicker_area em { display: inline-block; width: 20px; font-size: 12px; font-weight: 500; color: #666; line-height: 32px; text-align: center; }
.form_item .period_area .datepicker_area input[type="text"] { display: inline-block; width: 88px; height: 32px; font-size: 12px; font-weight: 500; color: #666666; line-height: 32px; text-align: center; border: 1px solid #f0f0f0; background-color: #ffffff; border-radius: 8px; }
.form_item .period_area li { margin-right: 8px; }
.form_item .period_area li input[type="radio"] { display: none; }
.form_item .period_area li input[type="radio"] + label { padding: 0 8px; display: inline-block; height: 32px; font-size: 12px; font-weight: 500; color: #666666; line-height: 32px; letter-spacing: 0.25px; background-color: #f7f7f7; border-radius: 8px; }
.form_item .period_area li input[type="radio"]:checked + label { color: #ffffff; background: #231815; }
.form_item .form_input .input_search { width: 157px; height: 32px; padding: 0 12px; font-weight: 500; font-size: 12px; font-weight: 500; line-height: 32px; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 8px; margin-right: 12px; }
.form_item .form_input .input_search::placeholder { color: #d0d0d0; }
.form_item .form_input .btn { width: 64px; height: 32px; color: #ffffff; font-weight: bold; font-size: 12px; font-weight: 700; color: #ffffff; line-height: 31px; background-color: #231815; border-radius: 8px; }

/*? 엑셀다운 */
.result_info_box { width: 100%; padding: 16px 32px; border: 1px solid #f7f7f7; border-radius: 16px; background-color: #ffffff; margin-top: 8px; }
.result_info_box ul { display: flex; align-items: center; }
.result_info_box ul li { display: flex; font-size: 16px; font-weight: 500; line-height: 22px; margin-left: 12px; }
.result_info_box ul li span { display: block; color: #999999; margin-right: 8px; }
.result_info_box ul li span em { display: block; font-size: 10px; color: #ff0000; line-height: 10px; text-align: center; margin-bottom: -10px; }
.result_info_box ul li strong { display: block; }
.result_info_box ul .left { flex: 1; margin-left: 0; }
.result_info_box ul .right { margin-left: 40px; }
.result_info_box ul .right .btn_download { margin-left: 10px; }

/*? list */
.list_thead { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; padding: 0 32px; border-radius: 8px; background-color: #f0f0f0; overflow: hidden; margin-bottom: 8px; }
.list_thead .th{ display: inline-block; min-width: 32px; font-size: 14px; font-weight: 700; }
.list_tbody li { width: 100%; text-align: left; border: 1px solid #f7f7f7; border-radius: 16px; background-color: #ffffff; overflow: hidden; margin-bottom: 8px; }
.list_tbody .td_name { max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list_tbody .td .black { color: #231815; }
.list_tbody .td .img_box { width: 50px; text-align: center; }
.list_tbody .td .img_box img { max-width: 100%; max-height: 50px; }
.list_tbody .td .td_input input { width: 100%; height: 32px; font-size: 14px; font-weight: 700; color: #231815; padding: 0 16px; border: 1px solid #231815; border-radius: 8px; cursor: pointer; transition: all 0.1s ease-in-out; }
.list_tbody .td .td_input input:read-only { border: 1px solid transparent; }
.list_tbody .td .td_input input:hover { text-decoration: underline; }
.list_tbody .box.on .td .td_input input { background: #fee934; text-decoration: underline; }
.list_tbody .box.fix { background-color: #f7f7f7; border: 1px solid #f7f7f7; }
/* type_basic */
.list_tbody.type_basic li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 23px 32px; }
.list_tbody.type_basic li .td { font-size: 14px; font-weight: 500; color: #666666; line-height: 32px; }
.list_tbody.type_basic li .td_num { color: #999999; }
.list_tbody.type_basic li .td_num input[type="text"] { display: inline-block; width: 60px; height: 24px; font-size: 12px; font-weight: 500; text-align: center; border: 1px solid #d0d0d0; border-radius: 6px; }
.list_tbody.type_basic li .td_num input[type="text"]:read-only { font-size: 14px; color: #999999; border: 1px solid transparent; } 
.list_tbody.type_basic li .td > a { display: inline-block; }
/* type_link */
.list_tbody.type_link li a { height: 96px; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; padding: 16px 32px; }
.list_tbody.type_link li a strong { display: block; font-size: 12px; font-weight: 700; color: #222222; }
.list_tbody.type_link li a span { display: block; font-size: 12px; font-weight: 500; color: #999999; }
.list_tbody.type_link li a span em { display: block; padding-left: 7px; }
.list_tbody.type_link li a:hover { background-color: #fee934; }
.list_tbody.type_link li a:hover span { color: #222222; }
/* type_line */
.list_tbody.type_line li { height: 96px; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; padding: 16px 32px; }
.list_tbody.type_line li .td_line { padding-top: 24px; }
.list_tbody.type_line li strong { display: block; font-size: 12px; font-weight: 700; color: #222222; }
.list_tbody.type_line li span { display: block; font-size: 12px; font-weight: 500; color: #999999; }
.list_tbody.type_line li span em { display: block; padding-left: 7px; }
.list_tbody.type_line li:hover { background-color: #fee934; }
.list_tbody.type_line li:hover span { color: #222222; }
/* type_scroll */
.list_tbody.type_scroll { height: 496px; overflow: auto; padding-right: 4px; }
.list_tbody.type_scroll::-webkit-scrollbar { width: 4px; }
.list_tbody.type_scroll::-webkit-scrollbar-thumb { background-color: #c4c4c4; border-radius: 14px; }
.list_tbody.type_scroll::-webkit-scrollbar-track { background-color: transparent; }

/* list - 공지사항 */
.notice_list .list_thead,
.notice_list .list_tbody li { justify-content: flex-start; }
.notice_list .list_thead span:nth-of-type(1),
.notice_list .list_tbody li > div:nth-of-type(1) { width: 32px; text-align: center; }
.notice_list .list_thead span:nth-of-type(2),
.notice_list .list_tbody li > div:nth-of-type(2) { width: 450px; margin-left: 40px; }
.notice_list .list_thead span:nth-of-type(3),
.notice_list .list_tbody li > div:nth-of-type(3) { width: 160px; text-align: center; margin-left: 40px; }
.notice_list .list_thead span:nth-of-type(4),
.notice_list .list_tbody li > div:nth-of-type(4) { width: 150px; text-align: center; margin-left: 40px; }
/* list - 증명서 목록 */
.paper_list .list_thead { height: 74px; }
.paper_list .list_thead .btn_sort { display: block; font-size: 12px; font-weight: 700; color: #ffffff; line-height: 28px; border-radius: 8px; padding: 0 10px; background: #666666; margin: 2px auto 0; }
.paper_list .list_thead .btn_sort.on { background: #231815; }
.paper_list .list_tbody li { height: 136px; align-items: flex-start; }
.paper_list .list_tbody li .td { line-height: 20px; }
.paper_list .list_tbody li .td > strong { display: block; color: #231815; }
.paper_list .list_tbody li .td > span { display: block; font-size: 12px; color: #999999; }
.paper_list .list_tbody li .td .onoff { padding-top: 5px; }
.paper_list .list_tbody .td .btn_box .btn { margin-left: 0; margin-bottom: 6px; }
.paper_list .list_thead span:nth-of-type(1),
.paper_list .list_tbody li > div:nth-of-type(1) { width: 102px; text-align: center; }
.paper_list .list_thead span:nth-of-type(2),
.paper_list .list_tbody li > div:nth-of-type(2) { width: 180px; }
.paper_list .list_thead span:nth-of-type(3),
.paper_list .list_tbody li > div:nth-of-type(3) { width: 100px; text-align: center; }
.paper_list .list_thead span:nth-of-type(4),
.paper_list .list_tbody li > div:nth-of-type(4) { width: 100px; text-align: center; }
.paper_list .list_thead span:nth-of-type(5),
.paper_list .list_tbody li > div:nth-of-type(5) { width: 40px; text-align: center; }
.paper_list .list_thead span:nth-of-type(6),
.paper_list .list_tbody li > div:nth-of-type(6) { width: 87px; text-align: center; }
.paper_list .list_thead span:nth-of-type(7),
.paper_list .list_tbody li > div:nth-of-type(7) { width: 60px; text-align: center; }
.paper_list .list_thead span:nth-of-type(8),
.paper_list .list_tbody li > div:nth-of-type(8) { width: 84px; text-align: center; }
.paper_list .list_thead span:nth-of-type(9),
.paper_list .list_tbody li > div:nth-of-type(9) { width: 64px; text-align: center; }
/* list - 진료과 목록 */
.depart_list .list_tbody li { min-height: 64px; padding: 6px 32px; }
.depart_list .list_thead span:nth-of-type(1),
.depart_list .list_tbody li > div:nth-of-type(1) { width: 32px; text-align: center; }
.depart_list .list_thead span:nth-of-type(2),
.depart_list .list_tbody li > div:nth-of-type(2) { width: 160px; margin-left: 20px; }
.depart_list .list_thead span:nth-of-type(3),
.depart_list .list_tbody li > div:nth-of-type(3) { width: 40px; text-align: center; margin-left: 20px; }
.depart_list .list_thead span:nth-of-type(4),
.depart_list .list_tbody li > div:nth-of-type(4) { width: 140px; margin-left: 20px; }
.depart_list .list_thead .th_name { padding-left: 16px; }
.depart_list .list_tbody .td .btn_box .btn { width: 64px; padding: 0; }
.depart_list .list_tbody .td .btn_box .btn_cancle,
.depart_list .list_tbody .td .btn_box .btn_black,
.depart_list .list_tbody .td .btn_box.on .btn_edit { display: none; }
.depart_list .list_tbody .td .btn_box .btn_edit,
.depart_list .list_tbody .td .btn_box.on .btn_cancle,
.depart_list .list_tbody .td .btn_box.on .btn_black  { display: block; }
/* list - 관리자 계정 */
.admin_list .list_thead,
.admin_list .list_tbody li { justify-content: flex-start; }
.admin_list .list_thead span:nth-of-type(1),
.admin_list .list_tbody li > div:nth-of-type(1) { width: 32px; text-align: center; }
.admin_list .list_thead span:nth-of-type(2),
.admin_list .list_tbody li > div:nth-of-type(2) { width: 100px; margin-left: 40px; }
.admin_list .list_thead span:nth-of-type(3),
.admin_list .list_tbody li > div:nth-of-type(3) { width: 160px; text-align: center; margin-left: 40px; }
.admin_list .list_thead span:nth-of-type(4),
.admin_list .list_tbody li > div:nth-of-type(4) { width: 150px; text-align: center; margin-left: 40px; }
.admin_list .list_thead span:nth-of-type(5),
.admin_list .list_tbody li > div:nth-of-type(5) { width: 120px; margin-left: 40px; }
.admin_list .list_thead span:nth-of-type(6),
.admin_list .list_tbody li > div:nth-of-type(6) { width: 250px; margin-left: 40px; }
/* list - 증명서 신청내역 */
.publish_list .list_thead span:nth-of-type(1),
.publish_list .list_tbody .date { width: 100px; text-align: center; }
.publish_list .list_thead span:nth-of-type(2),
.publish_list .list_tbody .name { width: 214px; }
.publish_list .list_thead span:nth-of-type(3),
.publish_list .list_tbody .doc_type { width: 144px; }
.publish_list .list_thead span:nth-of-type(4),
.publish_list .list_tbody .period { width: 120px; }
.publish_list .list_thead span:nth-of-type(5),
.publish_list .list_tbody .state { width: 144px; }
/* list - 증명서 발급내역 */
.history_list .list_thead span:nth-of-type(1),
.history_list .list_tbody .date { width: 100px; text-align: center; }
.history_list .list_thead span:nth-of-type(2),
.history_list .list_tbody .name { width: 214px; }
.history_list .list_thead span:nth-of-type(3),
.history_list .list_tbody .doc_type { width: 144px; }
.history_list .list_thead span:nth-of-type(4),
.history_list .list_tbody .price { width: 168px; }
.history_list .list_thead span:nth-of-type(5),
.history_list .list_tbody .period { width: 64px; }
.history_list .list_thead span:nth-of-type(6),
.history_list .list_tbody .state { width: 180px; }
/* list - 정산내역 */
.calculate_list .list_thead span,
.calculate_list .list_tbody .td { text-align: center; }
.calculate_list .list_thead span:nth-of-type(1),
.calculate_list .list_tbody .num { width: 100px; }
.calculate_list .list_thead span:nth-of-type(2),
.calculate_list .list_tbody .name { width: 300px; }
.calculate_list .list_thead span:nth-of-type(3),
.calculate_list .list_tbody .doc_type { width: 200px; }
.calculate_list .list_thead span:nth-of-type(4),
.calculate_list .list_tbody .price { width: 200px; }
.calculate_list .list_thead span:nth-of-type(5),
.calculate_list .list_tbody .state { width: 200px; }


/** ──────────────────── VIEW ──────────────────── **/
.view_wrap { width: 100%; }
.view_detail { width: 100%; border: 1px solid #f7f7f7; border-radius: 16px; padding: 32px 40px 110px; background-color: #ffffff; }
.view_detail li { display: flex; margin-bottom: 40px; }
.view_detail li:last-of-type { margin-bottom: 0; }
.view_detail li .info_tit { width: 200px; font-size: 16px; font-weight: 700; line-height: 20px; margin-right: 4px; }
.view_detail li .info_txt { flex: 1; font-size: 14px; font-weight: 500; color: #999999; line-height: 20px; word-break: keep-all; }
.view_detail li .btn_file { display: inline-block; height: 30px; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 28px; padding: 0 8px; background-color: #231815; border-radius: 8px; margin-top: -5px; }
.view_empty { width: 100%; height: 320px; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #ffffff; border: 1px solid #f7f7f7; border-radius: 16px; }
.view_empty i { display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_list01.svg); background-repeat: no-repeat; background-position: center center; }
.view_empty p { width: 100%; font-size: 18px; font-weight: 700; color: #d0d0d0; line-height: 25px; margin-top: 14px; }



/** ──────────────────── WRITE ──────────────────── **/
.write_form_box h3 { font-size: 20px; font-weight: 400; line-height: 26px; }
.write_form_box h3 strong { display: inline-block; font-size: 14px; font-weight: 500; color: #ff525b; line-height: 18px; vertical-align: 2px; margin-left: 12px; }
.write_form_box h3 strong::before { display: inline-block; width: 16px; height: 8px; background: #fee934; vertical-align: 1px; content: ''; margin-right: 8px; } 

.write_thead { width: 100%; height: 48px; background: #f0f0f0; border-radius: 8px; padding: 0 32px; margin-bottom: 16px; }
.write_thead .th { font-size: 14px; font-weight: 700; line-height: 48px; }
.write_tbody { width: 100%; background: #ffffff; border: 1px solid #f7f7f7; border-radius: 16px; }
.write_tbody .tr { position: relative; padding: 24px 32px; }
.write_tbody .td { font-size: 14px; font-weight: 500; color: #666666; line-height: 18px; }

.upload_img { position: relative; width: 124px; height: 124px; text-align: center; background-color: #f7f7f7; border-radius: 16px; overflow: hidden; z-index: 1; }
.upload_img #upload_file { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; }
.upload_img .preview_img { position: relative; background: #ffffff; z-index: 5; }
.upload_img .preview_img img { max-width: 100%; width: 100%;  }
.upload_img .no_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 14px; font-weight: 500; color: #999999; line-height: 20px; border: 1px solid #999999; border-radius: 16px; z-index: -1; }
.upload_img .no_img i { width: 24px; height: 24px; background: url(../image/icon_file.svg) no-repeat center center; background-size: contain; display: block; margin: 0 auto 4px; } 
.upload_img .no_img span{ display: block; font-size: 11px; font-weight: 500; color: #666666; line-height: 20px; }
.upload_img + p { font-size: 12px; font-weight: 400; color: #999999; line-height: 18px; margin-top: 12px; }
.upload_img .btn_del { position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; background: url(../image/icon_delete.svg) no-repeat center center, rgba(35,24,21,0.8); border-radius: 50%; text-indent: -9999px; display: inline-block; z-index: 10; }

.guide_box { width: 100%; text-align: center; margin-bottom: 16px; }
.guide_box .ico_notice { display: inline-block; width: 18px; height: 18px; background: url(../image/icon_ex_mark.svg) no-repeat center center; vertical-align: -3px; margin-right: 6px; }
.guide_box p { display: inline-block; font-size: 13px; font-weight: 700; color: #666666; background-color: #f7f7f7; padding: 12px 24px; border-radius: 39px; }


/* write - 진료의 수정 or 등록 */
.write_form_box .flex .input_title { margin-right: 24px; }
/* write - 증명서 수정 or 등록 */
.paper_write .input_list_slim .input_box,
.paper_write .input_list_slim .select_box_basic,
.paper_write .input_list_slim .input_date_box { width: 362px; }
.paper_write .input_list_slim .input_box.type_file { width: 460px; }
.paper_write .input_list_slim .input_box input:focus,
.paper_write .input_list_slim .input_box input:focus-visible { border: 1px solid #fee934; }
.paper_write .input_list_slim .input_box { position: relative; z-index: 5; }
.auto_list { display: none; position: absolute; width: 100%; left: 0; top: 20px; padding-bottom: 10px; background-color: #ffffff; border-radius: 8px; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; overflow: hidden; padding-top: 20px; z-index: -1; }
.auto_list ul { max-height: 160px; overflow-y: scroll; }
.auto_list ul li { width: 100%; font-weight: normal; font-size: 16px; font-weight: 400; color: #666666; line-height: 40px; padding: 0 20px; cursor: pointer; }
.auto_list ul li:hover { color: #231815; background-color: #f7f7f7; }
/* write - 직인수정 */
.paper_name { font-size: 18px; font-weight: 400; color: #666666; line-height: 30px; }
.seal_write .form { margin-left: 72px; }
.seal_write .form_title { font-size: 14px; font-weight: 700; color: #666666; line-height: 20px; margin-bottom: 14px; }
.seal_write .form > ul > li { margin-bottom: 36px; }
.seal_write .form > ul > li:last-of-type { margin-bottom: 0; }
.seal_write .form .radio_box input[type="text"] { width: 64px; }
.seal_write .btn_toggle { position: absolute; right: 32px; top: 50%; transform: translateY(-50%);  width: 72px; height: 32px; font-size: 13px; font-weight: 500; color: #666666; line-height: 32px; background-color: #f0f0f0; border-radius: 8px; box-sizing: border-box; padding-right: 16px; }
.seal_write .btn_toggle::after { position: absolute; right: 10px; top: 10px; width: 12px; height: 12px; background: url(../image/icon_arrow09.svg) no-repeat center center; content: ''; display: inline-block; transform: rotate(180deg); transition: all 0.5s; }
.seal_write .btn_toggle.off::after { transform: rotate(0); }
.seal_write .toggle_box { width: 100%; padding: 8px 32px 40px; }
.seal_write .toggle_title { font-size: 18px; font-weight: 500; line-height: 20px; margin-bottom: 24px; }
.seal_write .write_thead > span:nth-of-type(1),
.seal_write .write_tbody .tr > div:nth-of-type(1) { width: 200px; }
.seal_write .write_thead > span:nth-of-type(2),
.seal_write .write_tbody .tr > div:nth-of-type(2) { width: 124px; text-align: center; }
.seal_write .write_thead > span:nth-of-type(3),
.seal_write .write_tbody .tr > div:nth-of-type(3) { flex: 1; margin-left: 90px; }



/** ──────────────────── MANUAL ──────────────────── **/
.manual_contents { width: 100%; padding-top: 92px; }
.manual_contents > i { display: block; width: 88px; height: 88px; background-repeat: no-repeat; background-position: center center; margin: 0 auto 12px; }
.manual_contents i.type_setup { background-image: url(../image/icon_setup.svg); }
.manual_contents .txt_box { width: 100%; text-align: center; margin-bottom: 64px; }
.manual_contents .txt_box h2 { font-size: 24px; font-weight: 500; line-height: 32px; }
.manual_contents .txt_box p { font-size: 16px; font-weight: 500; color: #666666; line-height: 32px; }
.download_list { width: 528px; margin: 0 auto; }
.download_list li { display: flex; align-items: center; padding: 15px 24px; }
.download_list li span { display: inline-block; width: 92px; font-size: 14px; font-weight: 700; line-height: 18px; }
.download_list li p { flex: 1; font-size: 14px; font-weight: 400; color: #666666; line-height: 20px; word-break: keep-all; padding-right: 20px; }