@CHARSET "UTF-8";


/********* 견적서 document ****************/
#estimate_document_wrap h2{font-size:45px; font-weight:600; text-align:center; margin-bottom:80px;}
#estimate_document_wrap p{text-align:right; font-size:22px; font-weight:600; margin-bottom:20px;}

#estimate_document_wrap .em_amount{border:2px solid black; padding:15px 10px; text-align:right; font-size:20px; font-weight:600; margin-bottom:10px;}
#estimate_document_wrap .em_amount span:FIRST-OF-TYPE{float:left;}

#estimate_document_wrap .em_table{border-collapse:collapse; width:100%; font-size:15px; border:2px solid black;}
#estimate_document_wrap .em_table th{border:1px solid black; padding:15px 3px; text-align:center; font-weight:600;}
#estimate_document_wrap .em_table td{border:1px solid black; padding:15px 3px; text-align:center; font-size: small;}
#estimate_document_wrap .em_table td.r{text-align:right; padding-right:6px;}
#estimate_document_wrap .em_table td.l{text-align:left; padding-left:6px;}

#estimate_document_wrap .oe_info{width:100%; overflow:hidden; margin-bottom:30px;}
#estimate_document_wrap .oe_info .infoSpan{display:inline-block; margin:10px 0 25px 0; font-size:18px;}
#estimate_document_wrap .oe_info .infoP{text-align:center;}
#estimate_document_wrap .oe_info_right{width:99.9%;}
#estimate_document_wrap .oe_info_right th{padding:10px 3px;}
#estimate_document_wrap .oe_info_right td{padding:10px 3px;}

#estimate_document_wrap .oe_seal{margin-top:70px; padding-bottom:70px; position:relative; text-align:center;}
#estimate_document_wrap .oe_date{width:100%; text-align:center; font-size:22px; font-weight:400; margin-bottom:50px;}
#estimate_document_wrap .oe_title{display:inline; font-size:35px; font-weight:600; position:relative; z-index:2; vertical-align:middle;}
#estimate_document_wrap .oe_stamp{display:inline; width:80px; height:auto; margin-left:-50px; position:relative; z-index:1; vertical-align:middle;}

/********* 청구서 document ****************/
#bill_document_wrap h2{font-size:45px; font-weight:600; text-align:center; margin-bottom:30px;}
#bill_document_wrap .bill_tit1{text-align:right; font-size:22px; font-weight:600;}
#bill_document_wrap .bill_tit2{text-align:left; font-size:18px; font-weight:400;}
#bill_document_wrap .bill_tit2 span{font-weight:600;}

#bill_document_wrap .bill_amount{border:1px solid #000; padding:15px 100px; text-align:right; font-size:20px; font-weight:600; margin-bottom:10px;}
#bill_document_wrap .bill_amount span:FIRST-OF-TYPE{float:left;}

#bill_document_wrap .bill_table{border-collapse:collapse; width:100%; font-size:15px; border:1px solid black;}
#bill_document_wrap .bill_table th{border:1px solid #000 !important; padding:15px 3px; text-align:center; font-weight:600;}
#bill_document_wrap .bill_table td{border:1px solid #000; padding:15px 3px; text-align:center;}
#bill_document_wrap .bill_table td.r{text-align:right; padding-right:6px;}
#bill_document_wrap .bill_table td.l{text-align:left; padding-left:6px;}

#bill_document_wrap .bill_table_order th{background-color:#e3e3e3; font-size:14px; padding:10px 3px;}
#bill_document_wrap .bill_table_order td{font-size:14px; padding:10px 3px;}

#bill_document_wrap .bill_info{width:100%; overflow:hidden; margin-bottom:30px;}
#bill_document_wrap .bill_info_left{float:left; width:40%; text-align:center; padding-top:55px;}
#bill_document_wrap .bill_info_left p{text-align:center; font-size:18px; font-weight:600; margin-bottom:20px;}
#bill_document_wrap .bill_info_right{float:right; width:60%;}
#bill_document_wrap .bill_info_right th{padding:10px 3px;}
#bill_document_wrap .bill_info_right td{padding:10px 3px;}

#bill_document_wrap .bill_seal{margin-top:70px; margin-bottom:70px;  position:relative; text-align:center;}
#bill_document_wrap .bill_date{width:100%; text-align:center; font-size:22px; font-weight:400; margin-bottom:50px;}
#bill_document_wrap .bill_title{display:inline; font-size:35px; font-weight:600; position:relative; z-index:2; vertical-align:middle;}
#bill_document_wrap .bill_stamp{display:inline; width:80px; height:80px;  margin-left:-50px; position:relative; z-index:1; vertical-align:middle; }

/* 
 ☆★☆★☆★☆★ 거래명세서(서울바이오허브) 관련 css 수정 시 반드시 확인 ☆★☆★☆★☆★ 
 => 인쇄/pdf다운 테스트 필요 - pdf다운 시 style적용관련 별도작업 있음 
 => 사용자 마이페이지 거래명세서 일괄다운 테스트 필요(일괄로 10개 이상 다운로드하여 위쪽 빈공간 일정한지, 이미지, 슬래시 등 확인)
 => 일반입력폼에 직접 지정한 style도 고려
*/
#bill_document_normalForm_wrap .bill_table{table-layout: fixed; border-collapse:collapse; width:100%; font-size:10.5px; position: relative; z-index: 2; background-color: transparent; border:2px solid black;}
#bill_document_normalForm_wrap .bill_table .blocker{background: url(../../resources/images/sbh/common/table_line.png) 0 0/100% 100% no-repeat !important; -webkit-print-color-adjust:exact;}  /* 
 #bill_document_normalForm_wrap .bill_table .blocker{background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>')!important; -webkit-print-color-adjust:exact;} */
#bill_document_normalForm_wrap .non_bottom_line{border-bottom: none !important;}
#bill_document_normalForm_wrap .non_bottom_line th{border-bottom: none !important;}
#bill_document_normalForm_wrap .non_bottom_line td{border-bottom: none !important;}
#bill_document_normalForm_wrap .bill_table .head td{padding:10px 3px !important;}
#bill_document_normalForm_wrap .bill_table th{border:1px solid #000; padding:15px 3px; text-align:center; font-weight:600; font-size:25px;}
#bill_document_normalForm_wrap .bill_table td{border:1px solid #000; padding:7px 3px; text-align:center; word-break:break-all; word-wrap:break-word; white-space: normal;}
#bill_document_normalForm_wrap .bill_table td.r{text-align:right; padding-right:6px;}
#bill_document_normalForm_wrap .bill_table td.l{text-align:left; padding-left:6px;}
#bill_document_normalForm_wrap .bill_stamp{width:80px; height:80px;  margin-left:250px; position:relative; z-index:1; vertical-align:middle; margin-top:-60px;-webkit-print-color-adjust:exact;}


#dataForm .bill_stamp { width: 50px; height: 50px; left: 305px; top: 147px; border: none !important; border-width: 0 !important; box-shadow: none !important;visibility: visible !important;}

@media print{
   #dataForm .bill_stamp{z-index: 3;}
/*    .bill_table {border:2px solid black !important; color:#000; font-weight:600;} */
/*    .bill_table th {border:1px solid black !important; } */
   .bill_table td {border:1px solid black !important; }
}



/********* 분석결과서 document ****************/
#analysis_document_wrap{}

#analysis_document_wrap h2{font-size:45px; font-weight:600; text-align:center; margin-bottom:50px;}
#analysis_document_wrap p{font-size:18px; font-weight:400; margin-bottom:10px;}
#analysis_document_wrap p.l{text-align:left;}
#analysis_document_wrap p.r{text-align:right;}

#analysis_document_wrap  input{height:32px; vertical-align:middle;}

#analysis_document_wrap .ad_table{border-collapse:collapse; width:100%; font-size:15px;}
#analysis_document_wrap .ad_table td{border:1px solid #000; padding:4px 10px; text-align:left; font-weight:600; height:40px;}
#analysis_document_wrap .ad_table td span{display:inline-block; width:70px; vertical-align:middle;}
#analysis_document_wrap .ad_table td p{font-size:12px; font-weight:400; margin-bottom:5px;}
#analysis_document_wrap .ad_table td p:LAST-OF-TYPE{margin-bottom:0px;}
#analysis_document_wrap .ad_table td label{margin-right:20px; vertical-align:middle;}
#analysis_document_wrap .ad_table td label:LAST-OF-TYPE{margin-right:5px;}
#analysis_document_wrap .ad_table td textarea{width:100%; height:60px; resize:none;}

#analysis_document_wrap .mn_info{width:100%; overflow:hidden; margin-top:40px;}
#analysis_document_wrap .mn_info li{font-size:18px; margin-bottom:8px; text-align:right; list-style:none;}
#analysis_document_wrap .mn_info li span{vertical-align:middle;}
#analysis_document_wrap .mn_info li span .str_div{vertical-align:middle;}

#analysis_document_wrap .oe_seal{margin-top:70px; margin-bottom:70px; position:relative; text-align:center;}
#analysis_document_wrap .oe_date{width:100%; text-align:center; font-size:22px; font-weight:400; margin-bottom:50px;}
#analysis_document_wrap .oe_title{display:inline; font-size:35px; font-weight:600; position:relative; z-index:2; vertical-align:middle;}
#analysis_document_wrap .oe_stamp{display:inline; width:80px; height:80px; margin-left:-50px; position:relative; z-index:1; vertical-align:middle;}


/**************** 세미나 참가증/교육 이수증 ***************************/
#event_document_wrap{width:700px; margin:0 auto;}

#event_document_wrap h2{font-size:45px; font-weight:600; text-align:center; margin-bottom:50px; margin-top:20px;}
#event_document_wrap p{font-size:18px; font-weight:400; margin-bottom:10px;}
#event_document_wrap p.c{text-align:center;}
#event_document_wrap p.l{text-align:left;}
#event_document_wrap p.r{text-align:right;}
#event_document_wrap span{vertical-align:top;}

#event_document_wrap .b_table{collapse:collapse; width:100%; font-size:15px;}
#event_document_wrap .b_table th{border:1px solid #000; padding:4px 10px; text-align:left; font-weight:600; height:40px; vertical-align:middle;}
#event_document_wrap .b_table td{border:1px solid #000; padding:4px 10px; text-align:left; font-weight:400; height:40px; vertical-align:middle;}

#event_document_wrap input{width:auto; height:auto; padding:5px 0; font-size:15px; line-height:15px;}
#event_document_wrap .str_value{display:inline-block; width:auto; height:auto; font-size:15px; line-height:18px;}

#event_document_wrap .f_seal{margin-top:70px; margin-bottom:50px; position:relative; text-align:center;}
#event_document_wrap .f_date{width:100%; text-align:center; font-size:22px; font-weight:400; margin-bottom:50px;}
#event_document_wrap .f_title{display:inline; font-size:35px; font-weight:600; position:relative; z-index:2; vertical-align:middle;}
#event_document_wrap .f_stamp{display:inline; width:80px; height:80px; margin-left:-50px; position:relative; z-index:1; vertical-align:middle;}