@charset "utf-8";

/* side */
#side .menus .menu1 .d1::before {background-position:0 -20px;}
#side .menus .menu2 .d1::before {background-position:0 -40px;}
#side .menus .menu3 .d1::before {background-position:0 -60px;}
#side .menus .menu4 .d1::before {background-position:0 -80px;}
#side .menus .menu5 .d1::before {background-position:0 -100px;}
#side .menus .menu6 .d1::before {background-position:0 -120px;}
#side .menus .menu7 .d1::before {background-position:0 -140px;}
#side .menus .menu8 .d1::before {background-position:0 -160px;}
#side .menus .menu9 .d1::before {background-position:0 -180px;}

/* 예약 및 수검 현황 */
#checkupState {width:500px;}
#checkupState .cont {padding:20px;}
#checkupState .name {text-align:center; padding:10px; border:1px solid #ccc;}
#checkupState .name * {display:inline-block; vertical-align:top;}
#checkupState .name dt {margin-right:2px; color:#999; line-height:12px; margin-top:3px;}
#checkupState .name dd {font-weight:bold; font-size:14px; line-height:18px;}
#checkupState .name p {line-height:18px; margin-left:2px;}
#checkupState .list_chk {margin-top:12px;}
#checkupState .list_chk li {padding:10px 0; border-bottom:1px solid #ddd;}
#checkupState .desc {margin-top:18px; text-align:center; padding:14px; background:#f5f5f5}
#checkupState div.desc span {display:inline-block; margin-top:5px; font-weight:bold;}
#checkupState .slt_date {margin-top:18px; padding:14px; border:1px solid #ccc; font-size:0;}
#checkupState .slt_date strong {display:inline-block; width:20%; line-height:32px; vertical-align:top; font-size:12px;}
#checkupState .slt_date .cont_date {display:inline-block; width:80%; font-size:12px;}
#checkupState .slt_date .inp_cal {display:inline-block; vertical-align:top; width:200px; margin-right:16px;}
#checkupState .slt_date .chks {display:inline-block; vertical-align:top; padding-top:8px;}
#checkupState .type2 .slt_date ul {font-size:12px;}
#checkupState .type2 .slt_date .datetime {display:block; padding-left:20px; margin-top:3px; color:#777}
#checkupState .type2 .slt_date li + li {margin-top:10px; padding-top:10px; border-top:1px solid #ccc;}
#checkupState .type2 .slt_date dl {margin-top:5px; padding-left:20px;}
#checkupState .type2 .slt_date dt,
#checkupState .type2 .slt_date dd {display:inline-block; vertical-align:top;}
#checkupState .type2 .slt_date dt {line-height:32px; color:#777}
#checkupState .type2 .calendar:disabled {border-color:#ddd; background:#f5f5f5;}
#checkupRepeat {width:500px;}
#checkupRepeat .cont {padding:20px;}
#infoExaminee {width:800px;}
#infoExaminee .cont {padding:20px;}

#infoExaminee .item strong.noto {margin-bottom:2px;}
#infoExaminee .item strong.noto::before {display:inline-block; width:3px; height:14px; background:#eb831c; vertical-align:top; margin:5px 5px 0 0; content:'';}

#infoExaminee .item + .item {margin-top:30px;}
#infoExaminee td.num {text-align:center;}
#infoExaminee tfoot th,
#infoExaminee tfoot td {background:#fff9f0; color:#111}
#infoExaminee tfoot th {color:#eb831c}

/* 검진결과 관리 */
#resultInfo {width:1000px;}
#resultInfo .item {padding:20px;}
#resultInfo .item + .item {border-top:1px solid #ccc;}
#resultInfo .item strong.noto {margin-bottom:2px;}
#resultInfo .item strong.noto::before {display:inline-block; width:3px; height:14px; background:#eb831c; vertical-align:top; margin:5px 5px 0 0; content:'';}
#resultInfo .arwdot {display:block; margin:20px 0 3px;; font-size:14px;}
#resultInfo .arwdot::before {margin-top:6px}
#resultInfo .grade {border:1px solid #ccc; padding:20px;}

/* 청구 관리 */
.charge_list .bar_sch .refer {display:block; color:#777; padding:10px 0 0 20px}
.charge_list .bar_sch dd .btn {margin-left:4px;}
.charge_list #conts .item + .item {margin-top:20px;}
.charge_list tr.on td {background:#fff9f0}
.charge_detail td .inp {width:120px;}
#public .cont {width:300px; padding:20px; text-align:center; margin:20px; border:2px solid #ddd;}
#public .chk + label + .chk + label {margin-left:30px;}
#sltClinic {width:500px;}
#sltClinic .cont {padding:20px;}
#sltClinic .bar_sch {margin-bottom:0}

/* 기업 관리 */
#setYear {width:320px;}
#setYear .cont_layer {padding:10px 20px;}
#setClinic {width:700px;}
#setClinic .bar_sch {margin:0; background:#fff; padding:14px 10px; text-align:center;}
#setClinic .bar_sch dl::after {display:none;}
#setClinic .bar_sch dl + dl::before {display:inline-block; width:1px; height:20px; margin:5px 20px 0 20px; background:#ccc; vertical-align:top; content:'';}

#setClinic .bar_sch dt {line-height:28px;}
#setClinic .bar_sch dt::before {margin-top:10px;}
#setClinic .bar_sch .slt {height:28px;}
#setClinic .cont {height:380px; padding:20px 20px 0; overflow-y:auto; background:#f5f5f5}
#setClinic .cont::after {display:block; height:20px; content:'';}
#setClinic .item strong.noto {display:block; line-height:14px; padding-left:6px; margin-left:5px; border-left:2px solid #eb831c; margin-bottom:8px; font-size:14px;}
#setClinic .item table {background:#fff; border:1px solid #ddd; border-top:none;}
#setClinic .item table td {border-top:1px solid #ddd; padding:10px 14px; color:#555}
#setClinic .item + .item {margin-top:24px;}
#setClinic .selected {border-top:1px solid rgba(0,0,0,0.15); padding:20px;}
#setClinic .selected strong {display:inline-block; line-height:22px; margin-right:10px; vertical-align:top; font-size:16px; font-weight:400;}
#setClinic .selected strong .emph {font-weight:bold;}
#setClinic .selected .hd_selected .btn {height:22px; font-weight:normal; line-height:20px;}
#setClinic .selected .list_selected {font-size:0; margin-top:12px;}
#setClinic .selected .list_selected li {display:inline-block; vertical-align:top; margin:8px 8px 0 0;}
#setClinic .selected .list_selected button {padding:0 8px; font-size:12px; height:22px; border:1px solid #ddd; border-radius:22px; color:#777; line-height:20px;}
#setClinic .selected button::after {width:8px; height:8px; margin:6px 0 0 5px; background-position:-60px -50px; content:'';}

.company_contract .cont_tbl .col1,
.company_contract .cont_tbl .col2 {width:60px;}
.company_contract .cont_tbl .col3 {width:140px}
.company_contract .cont_tbl .col5,
.company_contract .cont_tbl .col6 {width:12%}
.company_contract .cont_tbl .col7 {width:10.5%}
.company_contract .cont_tbl .col8 {width:12%;}

#sendEmail {width:800px;}
#sendEmail .cont {padding:20px;}
#sendEmail td > .inp {width:100%;}
#sendEmail textarea {height:340px; resize:vertical;}

/* 검진상품 관리 */
#makePublic .cont {width:300px; padding:20px; text-align:center; margin:20px; border:2px solid #ddd;}
#makePublic .chk + label + .chk + label {margin-left:30px;}
#serviceInfo {width:1000px;}
#serviceInfo strong.arwdot {display:block; line-height:20px;}
#serviceInfo strong.arwdot::before {margin-top:6px;}
#serviceInfo .cont {padding-bottom:20px;}
#serviceInfo .item  {padding:0 20px;}
#serviceInfo .item + .item {margin-top:30px; padding-top:30px; border-top:1px solid #ccc;}
#serviceInfo .hd_tbl {margin-top:20px;}
#serviceInfo .hd_tbl strong.noto {margin-bottom:2px;}
#serviceInfo .hd_tbl strong.noto::before {display:inline-block; width:3px; height:14px; background:#eb831c; vertical-align:top; margin:5px 5px 0 0; content:'';}
#serviceInfo .wrap_tbl + .warning {margin-top:5px;}
#serviceInfo .wrap_tbl + .warning span.must {margin:3px 3px 0 0;}
#serviceInfo .inp.tar {width:120px; margin-right:3px;}
#serviceInfo .inp.tar + .refer {margin-left:12px}
#serviceInfo .hd_tbl .fr {margin-top:7px;} 
#serviceInfo tfoot th,
#serviceInfo tfoot td {background:#fff9f0; color:#111}
#serviceInfo tfoot th {color:#eb831c}
#serviceInfo tfoot .inp.tar {font-weight:bold;}
#serviceInfo tfoot .refer {font-weight:normal}

.service_manage td .btn {margin:2px;}
.service_register td .inp {width:100%;}
.service_register .wrap_step {overflow:hidden; text-align:center; margin-bottom:40px;}
.service_register .wrap_step .step {display:flex; float:left; height:75px; align-items:center; align-content:center; flex-wrap:wrap; position:relative; width:calc(19% - 18px); box-sizing:border-box; border:2px solid #ccc; border-radius:5px; font-size:12px; color:#aaa; }
.service_register .wrap_step .step + .step {margin-left:40px}
.service_register .wrap_step .step + .step::after {position:absolute; top:50%; left:-25px; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid #aaa; content:''; margin-top:-7px;}
.service_register .wrap_step .step.on {border-color:#eb831c;}
.service_register .wrap_step span {display:inline-block; width:100%; margin-left:3px; font-weight:bold;}
.service_register .wrap_step .noto {display:inline-block; width:100%; font-weight:bold;}
.service_register .wrap_step .step.on span {color:#444}
.service_register .wrap_step .step.on .noto {color:#eb831c}
.service_register .tit_step {margin-bottom:6px;}
.service_register .tit_step .noto {display:inline-block; line-height:20px; font-weight:bold; font-size:18px; margin-bottom:4px}
.service_register .tit_step .noto::before {border-left:5px solid #00898e;; margin-top:6px; content:''}
.service_register .tit_step .fr {margin-top:-6px;}
.service_register .item + .item {margin-top:24px;}
.service_register .step1 .item2 {margin-top:30px;}
.service_register .step1 .item2 .hd_tbl .refer {display:inline-block; color:#777; vertical-align:top; line-height:32px; margin-left:12px;}
.service_register .step1 .item2 td {height:24px;}
.service_register .step1 .item2 td .inp,
.service_register .step1 .item2 td .slt,
.service_register .step1 .item2 td .btn {height:24px;}
.service_register .step1 .item2 td .slt,
.service_register .step1 .item2 td .btn {line-height:22px; font-size:11px;}
.service_register .step4 textarea.inp {height:200px;}
.service_register .item td .inp:not(.w100),
.service_register .item td .slt {width:80px;}
.service_register .item td .inp:not(.w100) {margin-left:21px;}

#serviceAdd {width:800px;}
#serviceAdd .cont {padding:20px;}
#serviceAdd .cont_layer strong.noto {display:inline-block; margin-right:10px;}
#serviceAdd .cont_layer strong.noto::before {display:inline-block; width:3px; height:14px; background:#eb831c; vertical-align:top; margin:6px 5px 0 0; content:'';}
#serviceAdd .item + .item {margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
#serviceAdd th {background:#e5e5e5}
#serviceAdd td .inp:not(.w100) {width:80px}
#serviceAdd td .inp:disabled,
#serviceAdd td .inp[disabled="disabled"] {background:#f5f5f5; color:#777; border-color:#ddd}
#serviceAdd tr.chkd td {background:#fff; color:#222; font-weight:bold;}
#serviceAdd tr.chkd td .inp {background:#fff; color:#222; border-color:#aaa}
#serviceAdd td .list_chk {overflow:hidden; text-align:left;}
#serviceAdd td .list_chk li {float:left; width:33.3%; padding:5px 0;}
#serviceAdd tbody th {background:#f7f7f7}
#serviceAdd .package input.inp {width:100px; text-align:right;}

#serviceData {width:600px;}
#serviceData .cont {padding:20px;}
#serviceData .desc {text-align:center; color:#555; margin-bottom:10px;}

.service_type .col1 {width:60px}
.service_type .col2,
.service_type .col4 {width:119px}
.service_type .col5,
.service_type .col7 {width:149px;}
.service_type .col6 {width:178px;}
.service_type .col8,
.service_type .col9 {width:134px;}
.service_type .col10 {width:163px;}

#serviceTypeAdd {width:620px}
#serviceTypeAdd .cont {padding:20px;}
#serviceTypeAdd .slt {width:100%;}
#serviceTypeAdd .inp {width:120px; text-align:right}
#serviceTypeClinicSlt {width:800px;}
#serviceTypeClinicSlt .cont {padding:20px;}
#serviceTypeClinicSlt .tit {padding-bottom:4px;}
#serviceTypeClinicSlt .tit .noto {display:inline-block; line-height:20px; font-weight:bold;}
#serviceTypeClinicSlt .tit .noto::before {display:inline-block; width:2px; height:14px; background:#eb831c; margin:3px 4px 0 0; vertical-align:top; content:'';}
#serviceTypeClinicSlt .tit .fr {padding-top:1px;}
#serviceTypeClinicSlt td {border:1px solid #ddd; padding:4px 10px;}
#serviceTypeClinicSlt td label {line-height:24px;}

.service_approve td .btn {margin:2px;}
.service_classify td .num {font-weight:bold;}
.service_classify .up,
.service_classify .down {width:20px; height:20px; min-width:0; padding:0; margin-left:2px; line-height:18px; border-radius:}
.service_classify .up {border-color:#d60000;}
.service_classify .down {border-color:#0066ff;}
.service_classify .up:hover {background:#ffd6cd;}
.service_classify .down:hover {background:#badbf0}
.service_classify .up i,
.service_classify .down i {display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; vertical-align:top;}
.service_classify .up i {border-bottom:5px solid #d60000; margin-top:6px;}
.service_classify .down i {border-top:5px solid #0066ff; margin-top:7px;}

#serviceItemModify {width:1000px;}
#serviceItemModify .cont {padding:20px;}
#serviceItemModify .inp:not(.w100) {width:120px;}
#serviceItemModify td strong,
#serviceItemModify td dl,
#serviceItemModify td dt,
#serviceItemModify td dd,
#serviceItemModify td span {display:inline-block; vertical-align:top; margin-right:4px; line-height:28px;}
#serviceItemModify .inp + .inp {margin-left:10px;}

/*** 설정 ***/
.setup_my td span {display:inline-block;}
#setSurvey {width:650px;}
#setSurvey .cont {padding:20px;}
#setSurvey .bar_sch dd .inp,
#setSurvey .bar_sch dd .slt {width:90px; min-width:0}
#setSurvey .bar_sch dl + dl dd .inp {width:220px;}
#setSurvey .hd_tbl .noto {display:block; line-height:20px; font-weight:bold;}
#setSurvey .hd_tbl .noto::before {display:inline-block; width:2px; height:14px; background:#eb831c; margin:3px 4px 0 0; vertical-align:top; content:'';}
#setSurvey.modify td {color:#777}
#setSurvey.modify td .inp {color:#000}

#recentYear {width:800px;}
#recentYear .cont {padding:20px;}
#recentYear .item + .item {margin-top:20px;}
#recentYear .item + .item .tbl tbody th {background:#fff;}

#intensiveMng {width:800px;}
#intensiveMng .cont {padding:20px;}
#intensiveMng .item + .item {margin-top:30px;}
#intensiveMng .hd_tbl .noto {display:block; line-height:20px; font-weight:bold;}
#intensiveMng .hd_tbl .noto::before {display:inline-block; width:2px; height:14px; background:#eb831c; margin:3px 4px 0 0; vertical-align:top; content:'';}
#intensiveMng .item:first-of-type th:first-child {border-left-color:#aaa}
#intensiveMng .item:first-of-type th {border-right:none;}
#intensiveMng .item:first-of-type td {border-left:none;}
#intensiveMng .item:first-of-type td {border-right-color:#aaa}
#intensiveMng th.on,
#intensiveMng td.on {color:red; font-weight:bold;}


.setup_sms .gray {padding:20px; margin-bottom:30px; border:1px solid #ddd; font-size:0;}
.setup_sms .gray dl {display:inline-block; vertical-align:top;}
.setup_sms .gray dt,
.setup_sms .gray dd {display:inline-block; vertical-align:top; font-size:12px;}
.setup_sms .gray dt {margin-right:10px; line-height:32px; font-weight:bold; letter-spacing:0}
.setup_sms .gray dl:first-child {margin-right:50px;}
.setup_sms .gray dl.w100 {padding-top:12px; margin-top:20px; border-top:1px solid #ccc;}
.setup_sms .gray dl.w100 dt,
.setup_sms .gray dl.w100 dd {display:block}
.setup_sms .gray dl.w100 dd {position:relative; padding-right:80px;}
.setup_sms .gray input.inp {width:250px;}
.setup_sms .gray textarea.inp {vertical-align:top;}
.setup_sms .gray .btn_emph {position:absolute; top:0; right:0; width:70px; height:66px;}

.setup_banner .list {padding:5px;}
.setup_banner .list ul {padding-top:5px; margin-top:5px; border-top:1px solid #ccc; overflow:hidden;}
.setup_banner .list ul li {float:left; width:20%; margin:4px 0;}
.setup_banner .list ul label {padding-right:30px; word-break:break-all;}

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

.filebox label {
	display: inline-block;
	padding: .5em .75em;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}