.greenTxt{color:#84a533; font-weight:600;}

/* 투명교정 : 2024년 추가 */

.orthodontics{width:100%;}
.orthodontics .orderFormWrap{width:100%; padding:30px 0;}
.orthodontics .orderFormWrap .orderFormTit{ border-bottom:1px solid #333333; line-height:100px; font-size:22px; font-weight:600; position:relative;}
.orthodontics .orderFormWrap .orderFormTit .right{display:inline-block; text-align:right; float:right; font-size:12px;}
.orthodontics .orderFormWrap .orderFormTit .right02{display:inline-block; text-align:left; float:right; font-size:14px; position:absolute; bottom:20px; right:0;}


.orthodontics .orderFormWrap .orderFormTit02{padding:40px 0 20px; font-size:22px; border-bottom:3px solid #e6e6e6; position:relative;}
.orthodontics .orderFormWrap .orderFormTit02 .right{display:inline-block; text-align:right; float:right; font-size:12px;}
.orthodontics .orderFormWrap .orderFormTit02 .right02{display:inline-block; text-align:left; float:right; font-size:14px; position:absolute; bottom:20px; right:0;}



.orderFormBox{width:100%; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e6e6e6;}
.orderFormBox .orderItem{width:20%; font-size: 16px; color: #666666; line-height: 160%;}
.orderFormBox .orderForm{width:80%; font-size: 16px; color: #666666; line-height: 160%; padding:15px;}


.orderFormBoxWrap{width:100%; padding:20px 0;}
.orderFormBoxWrap .orderFormTB{width:100%; font-size:14px; border:0;}
.orderFormBoxWrap .orderFormTB th{color:#5e8601; border-bottom:1px solid #e6e6e6; padding:10px; line-height:160%; text-align:left; font-size:14px; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}
.orderFormBoxWrap .orderFormTB td{color:#666; border-bottom:1px solid #e6e6e6; padding:10px; font-size:14px; line-height:160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}

.orderFormBoxWrap .orderFormTB .orderTB{width:100%; font-size:12px;}
.orderFormBoxWrap .orderFormTB .orderTB td{border-bottom:none; padding:5px;}
.downButton{width:100%; text-align:center; padding:10px;}

.orderFormBoxWrap .row{display:flex; justify-content:flex-start; align-items : center; padding:4px 0; font-size:13px; letter-spacing:-1px; width:100%;}
.orderFormBoxWrap .rowLine{border-bottom:1px solid #c2c2c2;}
.orderFormBoxWrap .formui-radio{display:flex; justify-content:flex-start; align-items : center;}
.orderFormBoxWrap .formui-radio input[type="radio"]{width:18px; height:18px;} 
.orderFormBoxWrap .formui-radio span.label{display:inline-block; padding-left:5px;}

.orderFormBoxWrap .formui-radio02 input[type="radio"]{width:20px; height:20px;} 
.orderFormBoxWrap .formui-radio02 span.label{display:inline-block; padding-left:5px; font-size: 20px; color: #92AB09; line-height: 160%;}

.orderFormBoxWrap .row label{width:18%; align-items:flex-start;}
.orderFormBoxWrap .row label:nth-child(2){width:22%;}
.orderFormBoxWrap .row label:nth-child(3){width:25%;}
.orderFormBoxWrap .row label:nth-child(4){width:25%;}
.orderFormBoxWrap .row label:nth-child(5){width:10%;}

.orderFormBoxWrap .row02 label{width:50%;}
.orderFormBoxWrap .row02 label:first-child{width:40%;}

.orderFormBoxWrap .row .lbl{width:18%; align-items:flex-start; font-size:13px;}
.orderFormBoxWrap .row .lbl:nth-child(2){width:22%;}
.orderFormBoxWrap .row .lbl:nth-child(3){width:25%;}
.orderFormBoxWrap .row .lbl:nth-child(4){width:25%;}
.orderFormBoxWrap .row .lbl:nth-child(5){width:10%;}

.orderFormBoxWrap .row .labelW22{width:22% !important;}

.orderFormBoxWrap .row02 .lbl{width:50%; font-size:13px;}
.orderFormBoxWrap .row02 .lbl:first-child{width:40%;}

.orderFormBoxWrap .row .lblLabel{width:5%; font-weight:bold; color:#ffffff; background:#000000; text-align:center; margin-right:5px; border-radius:10px;}


.etcTxt{display:inline-block; border-bottom:1px solid #2c2c2c; width:100px;}
.etcTxt input{width:100%; border:none;}
.etcTxtW150{width:150px;}
.etcTxtMM{position:relative; padding-right:30px;}
.etcTxtMM::after{display:inline-block; position:absolute; content:"mm"; top:50%; right:2px; transform:translateY(-50%); color:#999;}



.orderFormBoxWrap .orderFormTB02{width:100%; font-size:12px; border:0; border-left:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.orderFormBoxWrap .orderFormTB02 th{color:#5e8601; border-bottom:1px solid #e6e6e6; padding:10px; font-size:14px; line-height:160%; text-align:left; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}
.orderFormBoxWrap .orderFormTB02 td{color:#666; border-bottom:1px solid #e6e6e6; padding:10px; font-size:14px; line-height:160%; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}

.orderFormBoxWrap .orderFormTB02 .orderTB{width:100%; font-size:12px;}
.orderFormBoxWrap .orderFormTB02 .orderTB td{border-bottom:none; padding:5px;}


.admContWrap .orderFormBoxWrap .orderFormTB th{border:1px solid #e6e6e6; }

.orderFormBoxWrap .orderFormTBTxt th, .orderFormBoxWrap .orderFormTBTxt td{text-align:center;}


.lightTxt{font-weight: 400;}
input[type='date'].inpCarlendar{width:20%; padding:5px; background-position:right center;}

.supStar{color:#ff0000 !important;}

/* 달력 */
input[type='date'] {
  border: none; 
  position: relative; 
  width: 50%;
  padding: 10px;
  background: url(../images/dc/calendar.png) no-repeat right 10px; 
  background-color: #64676e;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  text-align: center;
  font-size: 100%;
  color:#ffffff;
}


input[type='date']::-webkit-calendar-picker-indicator {
  position: absolute; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent; 
  color: transparent; 
  cursor: pointer;
}


input[type='date']::before {
  content: attr(placeholder); 
  width: 100%;
  height: 100%;
}


input[type='date']:valid::before {
  display: none; 
}



/* 환자사진 */

.photoRow{display:flex; justify-content:flex-start; align-items:center;}

.photoRow .photoUpLoad{width:20%; padding:20px 2%; text-align:center;}

.photoRow .photoUpLoad img{width:100%; max-width:235px; padding-bottom:20px; display:block; margin:0 auto;}

.photoRow .photoUpLoad .photoFileCtrl{width:100%; max-width:235px; margin:0 auto; text-align:center;}
.photoRow .photoUpLoad .photoFileRow{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; width:100%;}
.photoRow .photoUpLoad .photoFileChoose{position:relative; display:inline-block; cursor:pointer;}
.photoRow .photoUpLoad .photoFileChoose input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.photoRow .photoUpLoad .photoFileChooseBtn{display:inline-block; min-width:100px; padding:8px 14px; border:1px solid #d2d2d2; border-radius:5px; box-sizing:border-box; background:#64676e; text-align:center; font-size:14px; line-height:1.4; color:#ffffff;}
.photoRow .photoUpLoad .photoFileChooseBtn:hover{background:#ADC90E;}
.photoRow .photoUpLoad .photoFileName{width:100%; margin-top:8px; font-size:12px; color:#666; line-height:1.5; word-break:break-all;}

.photoRow .photoUpLoad input[type="button"].photoFile{width:100%; max-width:235px; border:1px solid #d2d2d2; border-radius:5px; cursor:pointer;
box-sizing:border-box; background:#64676e; text-align:center; font-size:14px; color:#ffffff; padding:10px;}
.photoRow .photoUpLoad input[type="button"].photoFile:hover{background:#ADC90E;}

.photoRow .photoUpLoad input[type="button"].photoDel{width:auto; display:inline-block; float:none; border:1px solid #d2d2d2; border-radius:2px; cursor:pointer; box-sizing:border-box; background:#ADC90E; text-align:center; font-size:14px; line-height:24px; color:#ffffff; padding:0 5px; margin-left:0;}
.photoRow .photoUpLoad input[type="button"].photoDel:hover{background:#64676e;}

.photoRow .photoUpLoad .photoTxt{width:100%; padding:20px; margin-bottom:20px; border:1px solid #c2c2c2; box-sizing:border-box; background:#f1f1f1; font-size:14px;}


.photoRow02 .photoUpLoad img{max-width:100px;}


.photoRow02 .photoUpLoad{width:25%;}
.photoRow03 .photoUpLoad{width:50%;}
.photoRow04 .photoUpLoad{width:100%;}


.photoRow .photoUpLoad .photoButton{display:inline-block; width:100%; max-width:235px; padding-bottom:72%; cursor:pointer;
                                    background-size:cover; background-repeat:no-repeat; background-size:100% auto; background-color:#ffffff; height:0; border:1px solid #ffffff;}
.photoRow .photoUpLoad .photoButton:hover{border:1px solid #c3d600;}
.photoRow .photoUpLoad .photoBtn01{background-image:url(../images/dc/photo_patientIn_01.jpg);}
.photoRow .photoUpLoad .photoBtn02{background-image:url(../images/dc/photo_patientIn_02.jpg);}
.photoRow .photoUpLoad .photoBtn03{background-image:url(../images/dc/photo_patientIn_03.jpg);}
.photoRow .photoUpLoad .photoBtn04{background-image:url(../images/dc/photo_patientIn_04.jpg);}
.photoRow .photoUpLoad .photoBtn05{background-image:url(../images/dc/photo_patientIn_05.jpg);}


.photoRow .photoUpLoad .photoBtn11{background-image:url(../images/dc/photo_patientOut_01.jpg); max-width:100px; padding-bottom:80%;}
.photoRow .photoUpLoad .photoBtn12{background-image:url(../images/dc/photo_patientOut_02.jpg); max-width:100px; padding-bottom:80%;}
.photoRow .photoUpLoad .photoBtn13{background-image:url(../images/dc/photo_patientOut_03.jpg); max-width:100px; padding-bottom:80%;}
.photoRow .photoUpLoad .photoBtn14{background-image:url(../images/dc/photo_patientOut_04.jpg); max-width:100px; padding-bottom:80%;}


.photoRow .photoUpLoad .photoBtn21{background-image:url(../images/dc/photo_panorama.jpg); line-height:50px; padding-bottom:40%;}
.photoRow .photoUpLoad .photoBtn31{background-image:url(../images/dc/photo_cephalo.jpg); line-height:50px; padding-bottom:40%;}




 .fileBoxWrap{width:100%; background:#f3f3f3; border:1px solid #e6e6e6; padding:3px;}
 .fileBoxWrap .fileBox{width:100%; border:1px dotted #e6e6e6; padding:10px 5px; text-align:center; color:#999999; font-size:12px;}
 
 .fileBtn{width:100%; padding:20px 0;}
 .fileBtn .fileAttachment{width:100%; text-align:center; color:#ffffff; font-size:16px; background:#64676e; border-radius:5px; padding:10px 0;}

.askBoxWrap{width:100%;  border:1px solid #e6e6e6; padding:10px; font-size:16px; line-height:24px; font-family:'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}
.askBoxWrap .askBox{width:100%; height:500px; font-size:16px; font-family:'Nanum Barun Gothic', sans-serif, "나눔바른고딕"; padding:5px;}



.btnWrap{width:100%;  padding:10px; text-align:center;}
.btnWrap input[type="button"]{height:50px;}


.photoRow .loadPhoto{width:20%; padding:20px 2%; text-align:center;}
.photoRow02 .loadPhoto{width:25%;}
.photoRow03 .loadPhoto{width:50%;}

.photoRow .loadPhoto img{width:100%;}
.photoRow .loadPhoto03 img{width:auto; height:250px;}
.photoRow03 .loadPhoto img{width:auto; height:250px;}


.photoRow .loadPhoto .photo{width:100%;}
.photoRow .loadPhoto .nophoto{width:100%; text-align:center; padding:10px; font-size:14px;}


.attachmentListWrap{width:100%; padding:10px; box-sizing:border-box;}
.attachmentListWrap li{width:100%; box-sizing:border-box; padding-left:20px; position:relative; padding-bottom:10px; font-size:16px;}
.attachmentListWrap li::before{display:inline-block; content:''; position:absolute; top:50%; left:5px; margin-top:-4px; width:4px; height:4px; background:#c3d600; border-radius:100;}

.fileAdd{width:100%; text-align:left; padding:10px 0;}
.fileAdd .btnUpload{width:50%; text-align:center; padding:10px; color:#ffffff; background:#c3d600; border-radius:5px;}


.columLaout{display:flex; justify-content:space-between;}
.columLaout .colum25{width:23%;}
.columLaout .colum30{width:28%;}
.columLaout .colum40{width:38%;}
.columLaout .colum50{width:48%;}
.columLaout .colum60{width:58%;}
.inputW100{width:100%;}







/* admin */
.admContWrap{width:100%; overflow:hidden;}
.admCenter{width:96%; max-width:1400px; margin:0 auto;}

.progressTit{font-size:18px; font-weight:600; color:#F30; padding:20px 0;}

.inputWebviewer{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.webviewerUrl{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px;}
.webviewerUrl02{width:calc(100% - 100px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; border:none;}



.iprBoxWrap{width:100%; padding:30px 0;}
.iprBoxWrap .equipmentAddBox{width:100%; display:flex; justify-content:space-between; align-items: center;}
.iprBoxWrap .equipmentAddBox .equipmentAdd{width:100%;}
.iprBoxWrap .equipmentAddBox .equipmentOpt{width:18%; display:none;}


.iprBoxWrap .equipmentAddBox .equipmentOpt .optBox{display:flex; justify-content:flex-start; align-items:center;}
.iprBoxWrap .equipmentAddBox .equipmentOpt .optBox label{padding:10px; font-size:14px;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox{display:flex; justify-content:center; padding-top:150px; align-items:flex-end;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental{display:inline-block; position:relative; z-index:1;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eDent{position:relative; z-index:1;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eDent img{ height:auto;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eDent .num{font-size:12px; text-align:center; line-height:20px; width:100%; display:block;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eAttachment{position:absolute; z-index:2; left:50%; transform:translateX(-50%);}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eAttachment img{width:22px;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eAttachment01{bottom:calc(20px + 23%);}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eAttachment02{bottom:calc(31px + 23%);}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eButton{position:absolute; z-index:2; left:50%; transform:translateX(-50%); bottom:calc(32px + 23%);}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eButton img{width:20px;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eCut01{position:absolute; z-index:2; left:50%; transform:translateX(-50%);bottom:calc(32px + 23%);}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eCut01 img{width:24px;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eCut02{position:absolute; z-index:2; left:50%; transform:translateX(-50%);bottom:calc(32px + 23%);}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eCut02 img{width:24px;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .on{display:block !important;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eAttachment{display:none;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eButton{display:none;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eCut01{display:none;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dental .eCut02{display:none;}


.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine{display:inline-block; position:relative; width:6px; margin-bottom:20px; height:110px; z-index:2;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine .dtLine{display:inline-block; position:absolute; width:1px; border-left:2px solid #f00; height:100%; left:1px; bottom:0; z-index:1; display:none;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine .dtLineValue{display:inline-block; position:absolute; left:2px; bottom:100%; color:#000; transform:translateX(-50%); 
                                                                                 width:110px; text-align:center; display:none; font-size:14px; z-index:2;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine .dtLineValue01{font-size:14px; font-weight:900; clear:both;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine .dtLineValue02{font-size:14px; font-weight:900; clear:both;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine .dtLineClose{display:inline-block; position:absolute; z-index:3; width:20px; height:20px; line-height:20px; background:#666; color:#ffffff;
                                                                                 font-weight:600; font-size:12px; right:-30px; bottom:calc(100% - 20px); cursor:pointer; text-align:center; border-radius:2px; display:none;}


.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine02{}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine02 .dtLine{height:170%;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine02 .dtLineValue{bottom:170%;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine02 .dtLineClose{bottom:calc(170% + 60px);}


.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLineOn .dtLine{display:inline-block;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLineOn .dtLineValue{display:inline-block;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLineOn .dtLineClose{display:inline-block;}





.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02{padding-bottom:150px; padding-top:50px; align-items:flex-start;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dental .eAttachment01{top:calc(20px + 23%); bottom:auto;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dental .eAttachment02{top:calc(31px + 23%); bottom:auto;}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dental .eButton{top:calc(32px + 23%); bottom:auto;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dental .eCut01{top:calc(32px + 23%); bottom:auto;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dental .eCut02{top:calc(32px + 23%); bottom:auto;}


.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine{margin-top:20px;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine .dtLine{top:0; height:100%;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine .dtLineValue{top:100%;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine .dtLineClose{top:calc(100% - 50px);}


.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine02 .dtLine{top:0px; height:170%;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine02 .dtLineValue{top:170%;}
.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine02 .dtLineClose{top:calc(170% + 30px);}

.iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine .dtLineClose{margin-top:30px;}


/* 치간사이 표시 추가 */
/*.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine::before{display:inline-block; content:"▲"; color:#f00; position:absolute; bottom:0; left:50%; transform:translateX(-50%); display:none;} 
.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine:hover::before{display:block;}

.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine::before{display:inline-block; content:"▼"; color:#f00; position:absolute; top:0; left:50%; transform:translateX(-50%); display:none;} 
.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine:hover::before{display:block;}*/


.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine .dtPoint{display:inline-block; color:#f00; cursor:ponter; position:absolute; padding-top:50px; z-index:2; bottom:0; left:50%; transform:translateX(-50%); display:none;} 
.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox .dentalLine:hover .dtPoint{display:block;}

.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine .dtPoint{display:inline-block; color:#f00; crusor:pointer; position:absolute; padding-top:0px; padding-bottom:50px; z-index:2; top:0; left:50%; transform:translateX(-50%); display:none;} 
.admContWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02 .dentalLine:hover .dtPoint{display:block;}



/* 치아이동량 테이블 */
.toothMovementBox{width:100%; padding-top:20px;}
.toothMovementBox .toothPos{width:100%; padding:20px 0; font-weight:bold; color:#5e8601; font-size:16px;}
.toothMovementBox .toothMevement{width:100%;}
.toothMovementBox .toothMevement .movementTB{width:100%; border-left:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
.toothMovementBox .toothMevement .movementTB th{background:#f1f1f1; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:5px; text-align:center;}
.toothMovementBox .toothMevement .movementTB td{border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:center;}
.toothMovementBox .toothMevement .movementTB td input.movement{border:none; padding:10px; width:100%; text-align:center;}
.toothMovementBox .toothMevement .movementTB td.bLine{height:2px; background:#d2d2d2;}




/* 정보동의서 */

.orderAgreeBoxWrap{width:100%; height:calc(100% - 150px); overflow:auto; box-sizing:border-box; padding:10px; border:1px solid #666; text-align:left;}
.orderAgree{width:100%; box-sizing:border-box; padding:10px;}
.orderAgreeBoxWrap p.tit{font-size:14px; font-weight:600; padding-bottom:10px;}
.orderAgreeBoxWrap p.txt{font-size:14px;}
.orderAgreeBoxWrap p.txt01{font-weight:600;}

.orderAgree ul{width:100%;}
.orderAgree ul li{width:100%; box-sizing:border-box; padding-left:20px; padding-bottom:10px; position:relative; font-size:14px;}
.orderAgree ul li::before{display:inline-block; content:''; width:3px; height:3px; border-radius:100%; background:#999; position:absolute; top:10px; left:6px;}


.orderAgree .chkBox{width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; font-size:14px; padding-left:10px;}
.orderAgree .chkBox input[type="checkbox"]{width:20px; height:20px;}
.orderAgree .chkBox label{padding-left:10px;}


.agreeBtnWrap{width:100%; padding:10px 0; text-align:center;}
.agreeBtnWrap .agreeBtn{display:inline-block; padding:10px 20px; border-radius:5px; cursor:pointer; box-sizing:border-box; background:#ADC90E; text-align:center; font-size:14px; color:#ffffff;}
.agreeBtnWrap .agreeBtn:hover{background:#64676e;}



#agreePopBox{width:80%; height:80%; position:fixed; top:10%; left:10%; z-index:200; background:rgba(230,230,230,1); box-sizing:border-box; padding:10px; display:none;}
#agreePopBox .agreePop{width:100%; height:100%; position:relative; padding:20px; box-sizing:border-box; text-align:center; background:#ffffff;}
#agreePopBox .agreePop .popLayer{width:100%; height:100%; display:inline-block;}


#agreePopBox .agreePop .popLayer .orderAgreeTit{padding:20px 0 20px; font-size:22px; border-bottom:3px solid #e6e6e6;}
#agreePopBox .agreePop .popLayer .orderAgreeBtn{width:100%; text-align:center; padding:20px;}
#agreePopBox .agreePop .popLayer .orderAgreeBtn .agreeBtn{width:50%; padding:10px; text-align:center; border-radius:5px; cursor:pointer;
box-sizing:border-box; background:#64676e; text-align:center; font-size:16px; color:#ffffff;}
#agreePopBox .agreePop .popLayer .orderAgreeBtn .agreeBtn:hover{background:#ADC90E;}


.dcorthoBox{width:100%; padding:10px 0; float:left;}

.dcorthoTit{width:100%; padding:20px 0; display:flex; justify-content:space-between; align-items:center;}
.dcorthoTit .orthoTit{font-size:22px; color:#333333; font-weight:600;}
.dcorthoTit .orthoTxt{font-size:12px; color:#333333;}

.dcOrderTBWrap{width:100%; padding-top:20px; font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";}
.dcOrderTB{width:100%; border-top:1px solid #000000;}
.dcOrderTB th{border-bottom:1px solid #000000; padding:10px 5px; text-align:center; font-size:17px; color:#000000; font-weight:600; line-height:120%;}
.dcOrderTB td{border-bottom:1px solid #e6e6e6; padding:10px 5px; text-align:center; font-size:14px; color:#666666; line-height:120%;}
.dcOrderTB td .statemsg{display:inline-block; width:100%; border:1px solid #c2c2c2; padding:10px;}

.dcorSearch{border:2px solid #c3d600;}
.dcorSearch .schBox{padding-right:20px;}
.dcorSearch .schBox table, .dcorSearch .schBox td{font-size:18px;}
.dcorSearch .schBox td.calendar{width:400px; padding:0 10px;}
.dcorSearch .schBox td.calendar input[type="date"]{width:46%; text-align:left; font-size:12px; background-position:right 5px;}


/* ADD : 2024.12.03 */
.orderPrdWrap{width:100%; display:flex; justify-content:space-between;}
.orderPrdWrap .orderPrd{width:40%;}
.orderPrdWrap .orderPrd p{width:100%; box-sizing:border-box; padding:5px 0; text-align:center;}
.orderPrdWrap .orderPrd p img{width:100%;}

.orderPrdWrap .orderPrd p .formui-radio{justify-content:center;}

.btnOrd{width:80%; padding:10px; text-align:center; background:#84a533; color:#fff; margin:2px 0; border-radius:5px;}
.btnOrd02{width:80%; padding:10px; text-align:center; background:#292929; color:#fff; margin:2px 0; border-radius:5px;}
.btnOrdNone{background:#c1d299; cursor:default; display:none;}



.subTabBox{width:100%; border-bottom:2px solid #000;}
.subTabBox ul.subTab{width:100%; display:flex;}
.subTabBox ul.subTab li{width:20%; text-align:center; box-sizing:border-box;}

.subTabBox ul.subTab li a{display:inline-block; width:100%; background:#f1f1f1; color:#292929; font-size:16px; line-height:40px; border-top-left-radius:10px; border-top-right-radius:10px;}
.subTabBox ul.subTab li.on a{background:#000; color:#fff;}


.designListBoxWrap{width:100%;}
.designListBoxWrap .designListBox{width:100%; display:flex; padding:5px 0; border-bottom:1px solid #d2d2d2; align-items:center;}
.designListBoxWrap .designListBox .designList{width:40%; box-sizing:border-box; padding:20 1%;}
.designListBoxWrap .designListBox .designList span{display:inline-block; padding:0 10px;}
.designListBoxWrap .designListBox .designPlanning{width:60%; box-sizing:border-box; padding:20 1%; display:flex; align-items:center;}
.designListBoxWrap .designListBox .designPlanning .planningTit{padding:10px; font-weight:600;}
.designListBoxWrap .designListBox .designPlanning .planningNum{padding:10px;}
.designListBoxWrap .designListBox .designPlanning .planningNum .btnPlanning{border:1px solid #f1f1f1; border-radius:5px; overflow:hidden;}
.designListBoxWrap .designListBox .designPlanning .planningNum .btnPlanning:hover{background:#ccc; color:#fff;}

.designListBoxWrap .designListBox .designPlanning .planningNum .btnPlanning a{display:inline-block; background:#fafafa; padding:10px 10px; color:#292929;}
.designListBoxWrap .designListBox .designPlanning .planningNum .btnPlanning a:hover{background:#ccc; color:#fff;}

.designListBoxWrap .designListBox .designPlanning .planningNum .active a{background:#84a533; color:#fff;}
.designListBoxWrap .designListBox .designPlanning .planningNum .active a:hover{background:#84a533; color:#fff;}





.admContTab{width:100%; margin-top:50px; padding:0 20px; box-sizing:border-box; position:relative; }
.admContTab ul.subTab{width:100%; display:flex;  border-bottom:2px solid #000; }
.admContTab ul.subTab li{width:20%; text-align:center; box-sizing:border-box;}

.admContTab ul.subTab li a{display:inline-block; width:100%; background:#f1f1f1; color:#292929; font-size:16px; line-height:40px; border-top-left-radius:10px; border-top-right-radius:10px;}
.admContTab ul.subTab li.on a{background:#000; color:#fff;}

.admContTab ul.subTab li.internal a{background:#84a533; color:#ffffff;}

.admContTab .pageNum{position:absolute; right:20px; top:10px; font-size:14px; line-height:24px;}
.admContTab .pageNum span{font-weight:600;}


/* 2025.01.14 추가 */
.orderFormBoxWrap .subDespTxt{padding:10px 0; font-size:16px; font-weight:600;}


.commentBoxWrap{width:100%; display:flex; justify-content:center;}
.commentBoxWrap .commentBox{width:40px; text-align:center;}
.commentBoxWrap .commentBox .comment{position:relative; padding:0;}
.commentBoxWrap .commentBox .comment img{position:relative; z-index:1;}
.commentBoxWrap .commentBox .comment .commCnt{position:absolute; display:inline-block; right:0; bottom:0;  z-index:2; width:20px; height:20px; line-height:20px; border-radius:100%; background:#ab2d06; color:#ffffff; text-align:center; font-size:12px;}


.commentBoxWrap .fileBox{width:50px; text-align:center;}

.prdCodeWrapWrap{width:100%; padding:10px; border:1px solid #c2c2c2; border-radius:10px; margin:10px 0; box-sizing:border-box;}
.prdCodeWrapWrap .prdCodeWrap{width:100%; display:flex; justify-content:flex-start;}
.prdCodeWrapWrap .prdCodeWrap span{display:inline-block; width:16%; padding:10px 0;}
.prdCodeWrapWrap .prdCodeWrap span.serviceCode{display:none;}
.prdCodeWrapWrap .prdCodeWrap span.serviceCodeView{text-align:center; cursor:pointer;}



.fileList{width:100%;}
.fileList li{width:100%; padding:2px 5px 2px 20px; box-sizing:border-box; position:relative; text-align:left;}
.fileList li::before{display:inline-block; width:2px; height:2px; content:''; position:absolute; top:12px; border-radius:100%; left:5px; background:#999;}
.fileList li span{display:inline-block; padding-left:10px; color:#333;}

.tdLeft{text-align:left !important;}
.tdCenter{text-align:center !important;}


#pageWrap{width:100%; padding-top:20px;}

.printPageTit{width:100%; padding-bottom:40px; display:flex; justify-content:space-between;}
.printPageTit .pageTit{padding-left:20px; position:relative; font-weight:600; font-size:2rem;}
.printPageTit .pageTit::before{width:10px; height:30px; content:''; position:absolute; background:#92d050; left:0; top:50%; margin-top:-15px;}
.printPageTit .pageInfo{font-size:1.2rem; font-weight:600;}

.printPageTit .pageInfo .designList{padding:20 0;}
.printPageTit .pageInfo .designList span{display:inline-block; padding:0 10px;}

#pageWrap .iprBoxWrap{padding:0;}
#pageWrap .iprBoxWrap .equipmentAddBox .equipmentAdd .quipmentBox02{padding-top:30px;}



.statusBox{display:inline-block; width:80%; padding:10px; text-align:center; background:#84a533; color:#fff; margin:2px 0; border-radius:5px; text-decoration:none;}
.statusBox.status01{background:#cccccc; color:#ffffff;}/*완료 */
.statusBox.status02{background:#cf494a; color:#ffffff;} /*주문취소, 재인상/재스캔 요청, 수정요청,컨펌완료*/
.statusBox02{display:inline-block; width:80%; padding:10px; text-align:center; background:#292929; color:#fff; margin:2px 0; border-radius:5px; text-decoration:none;}

.orthPatientLink{color:#333; text-decoration:underline; cursor:pointer;}
.orthRawCell{background:#f9f9f9; padding:10px 20px !important; text-align:left;}
.orthRawTB{width:100%; border-top:1px solid #ddd; font-size:13px;}
.orthRawTB th,.orthRawTB td{border-bottom:1px solid #eee; padding:8px 6px; text-align:center;}
.orthRawTB th{background:#efefef; font-weight:600;}

.viewIcon{display:inline-block; padding:0 5px;}

/* Refinement 보증기간 추가 */
.onlyTxt{font-size:18px; border:none; background:none;}

.changeDateHideBox{display:inline-block; position:relative;}
.changeDateHideBox .calendarButton{display:inline-block; background-color: #ADC90E;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    cursor: pointer; color: #ffffff; border: #636363 0px solid; font-size: 16px; padding: 9px 26px; position:relative; z-index:1;}
.changeDateHideBox .changeDateHide{position:absolute; top:0; left:0; width:100%; opacity:0; z-index:2;}



.commentTB th{border:1px solid #e6e6e6;}
.commentTB td{border:1px solid #e6e6e6;}



/* 계약정보 추가 : 2025.09.01 */

.contractBoxWrap{width:96%; padding:20px; border:1px solid #c3d600; margin:10px 2%; box-sizing:border-box;}
.contractBoxWrap .contractBox{width:100%; padding:5px 0; display:flex; justify-content:space-between;}
.contractBoxWrap .contractBox .contractItem{width:8%; font-weight:600; padding:0 10px; position:relative; line-height:24px; font-size:14px; box-sizing:border-box;}
.contractBoxWrap .contractBox .contractItem::before{display:inline-block; width:4px; height:14px; background:#c3d600; content:''; position:absolute; left:0; top:4px;}
.contractBoxWrap .contractBox .contractInfo{width:12%; font-size:14px; line-height:24px;}
.contractBoxWrap .contractBox .contractInfo02{width:26.67%;  font-size:14px; line-height:24px;}
.contractBoxWrap .contractBox .contractInfo02 .contractItem{width:100%;}
.contractBoxWrap .contractBox table{width:96%; border-left:1px solid #c2c2c2; border-top:2px solid #000;}
.contractBoxWrap .contractBox table th, .contractBoxWrap .contractBox table td{ border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; text-align:center; font-size:14px; padding:5px;}
.contractBoxWrap .contractBox table th{background:#f1f1f1;}
.contractBoxWrap .contractBox table td:first-child{border-left:1px solid #c2c2c2;}


.subBoard .contractBoxWrap{width:100%; padding:20px; border:1px solid #c3d600; margin:0px 0 10px; box-sizing:border-box; float:left;}


.pageMoveBox{padding:10px 20px; box-sizing:border-box; display:flex; justify-content:space-between;}
.pageMoveBox .pageNumBox{padding:0 10px; box-sizing:border-box; width:70%;}


.pageing_al{width:100%;}
.pageMoveBox .pageNumBox .pageing_no{font-size: 16px;
    color: #000000;
    font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
    width: 30px;
    height: 30px;
    margin: 0 auto;
    float: left;
    line-height: 30px;
    margin-left: 10px;
    border: 1px solid #dedede;
    background-color: #ffffff;
    text-align: center;}
	
.pageMoveBox .pageNumBox .pageing_no_on{font-size: 16px;
    color: #ffffff;
    font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
    width: 30px;
    height: 30px;
    margin: 0 auto;
    float: left;
    line-height: 30px;
    margin-left: 10px;
    border: 1px solid #c3d600;
    background-color: #c3d600;
    text-align: center;}
	
.pageMoveBox .pageNumBox .pageing_no_off{font-size: 16px;
    color: #000000;
    font-family: 'Nanum Barun Gothic', sans-serif, "나눔바른고딕";
    width: 30px;
    height: 30px;
    margin: 0 auto;
    float: left;
    line-height: 30px;
    margin-left: 10px;
    border: 1px solid #dedede;
    background-color: #ffffff;
    text-align: center;}
	

.pageMoveBox .pageSelectGo{width:12%;}
.pageMoveBox .pageSelectGo select{width:100%; border:1px solid #c2c2c2; line-height:28px; height:30px;}
.pageMoveBox .pageMoveGo{width:12%; font-size:14px;}
.pageMoveBox .pageMoveGo input[type="text"]{width:30px; height:30px; text-align:center; border:1px solid #c2c2c2; line-height:28px;}



.dcorthListNum{width:100%; padding:10px 0; text-align:right;}
.dcorthListNu .pageNum{font-size:14px; line-height:24px;}
.dcorthListNu .pageNum span{font-weight:600;}





.subBoard .admContTab{padding:0;}
.subBoard .tbl_wrap{padding:0; margin:0;}