@charset "utf-8";

body{
	height: auto;
	width: 100%;
}

/* <tr> 요소 스타일 */
#orderRow {
  border-top: 1px solid #ddd;
}

/* 첫 번째 <td> (rowspan 적용) 스타일 */
#orderCover {
  border-left: none;
  border-right: 1px solid #ddd;
  font-weight: bold;
}

/* 마지막 <td> 스타일 */
#orderDelete {
  border-right: none;
}


/*컨테이너 박스*/

.main_container {
overflow: visible !important; /* 혹시 래퍼가 스크롤을 만들고 있다면 해제 */
  max-width: 1200px;
  margin: 0 auto;
}


/* 주문목록 */
.order-container {
overflow: visible !important; /* 혹시 래퍼가 스크롤을 만들고 있다면 해제 */

 width: 1200px;
 background: #fff;
}

.order-title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 4px solid #00C6AC;
  padding: 60px 0 10px 0;
  text-align: left;
  margin: 0;
}

.order-list{
	display: flex;
    justify-content: space-around;
    vertical-align: middle;
}

.order-table {
  border-collapse: collapse;
  border-bottom: 1px solid #dadada;
  table-layout: fixed;
}
.emt_tr{
    border-top: 1px solid #ddd;
}

#emt_txt{
    width: 1200px; 
    padding: 10px 0; 
    text-align: center; 
    line-height: 1.3; 
    word-spacing: 2px;
    font-weight: 500; 
    letter-spacing: 0.5px;
    font-size: 15px;
}

#emt_td{
    border:none;
}

#emt_td_sd{
    border-left: none;
    width: 25%;
}

.order-table td {
  height: 44px;
  text-align: center;
  padding: 0;
}

.order-table th {
  height: 35px;
  text-align: center;
  padding: 0;
  font-size: 14px;
  margin-top: 15px;
}

td .sel_border_n {
  border: none;
  display: flex;
  justify-content: center;
}

/* fs16 클래스를 가진 td 요소의 높이를 auto로 설정하여 46px 적용 제외 */
.order-table td.fs16 {
  height: auto;
}

.trash_icon {
  width: 14px;
 cursor: pointer;
}

.sub-info {
  background: #eaeaea;
  color: #555;
font-weight: bold;
}

.od-list{
    text-align: left; 
    padding-left:20px;
}

.price {
  font-weight: bold;
  color: red;
  border-right: none;  
}

/*파일업로드*/
.file-upload {
  margin-top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: none; 
  margin-top: 15px;
    
  /* 수직 중앙 정렬 */
  padding: 10px 0;
  gap: 15px;
  /* 요소 간 간격 조절 */
}

.file-display{
    display: inline-block;
}

/* 파일 업로드 영역의 통합파일 텍스트 스타일 */
#uploadLabel {
  font-weight: bold;
    font-size: 14px;
}

/* 알림 텍스트 스타일 */
#notiText {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #555;
}

/*파일 제거 버튼*/

.file-remove-btn {
  display: none;
  margin-left: 5px;
  background-color: #F64328;
  color: white;
  border: none;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.file-remove-btn:hover {
  background-color: #E63922;
  transform: scale(1.1);
    
}


.file-label,
.file-info {
  font-size: 14px;
  font-weight: bold;
}

#fileInput{
display: none;
}

/*폴더 아이콘*/
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.folder_icon {
  width: 20px;
 display: block;    
}

.sel-btn {
  background-color: #F64328;
  border-radius: 10px;
  border: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  width: 100px;
  height: 30px;
  height: 30px;
  gap: 10px;
  cursor: pointer;
  /* 마우스 커서를 포인터로 변경 */
  color: whitesmoke;
}

.sel-btn:hover {
  background-color: #fcc0c0;
}

/*견적 합계*/
.summary {
  background-color: #eaeaea;
  padding: 10px 0px;
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
  line-height: 2;
  font-weight: bolder;
  gap: 20px;
  word-spacing: 5px;
  display: flex; 
  align-items: center; 
  justify-content: center; 
}

.summary-item{
   font-size: 18px; 
    font-weight: bold;
}

.summary > span {
  letter-spacing: 2px;
}

.separator{

}

.sum-st{
    margin-left: 50px;
}

.total-price {
  font-weight: bold;
  font-size: 20px;
  color: red;
}

.noti_txt {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #555;
}

.order-btn {
  display: block;
  width: 158px;
  padding: 15px;
  font-size: 18px;
  background: #353535;
  color: white;
  border: none;
  cursor: pointer;
  margin: 20px auto 0 auto;
  text-align: center;
}

.order-btn:hover {
  background: #444;
}

/* 주문목록 끝 */

/* 배송정보 */
/* 배송정보 컨테이너 */
.delivery-container {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  padding: 20px 0;
}

/* 제목 스타일 */
.delivery-title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #000000;
  padding: 20px 0 10px 0;
  text-align: left;
  margin: 0;
}

/* 테이블 스타일 */
.delivery-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0;
}

/* 테이블 헤더와 데이터 셀 스타일 */
.delivery-table th,
.delivery-table td {
  width: 94.24px;
  height: 44px;
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  
}

.delivery-table td {
  padding: 0 20px 0 20px;
    text-align: left;

}

/* 상호/이름 입력 필드 */
#SenderN {
  width: 150px;
  border: 0;
}

/* 전화번호 입력 필드: SenderT1, SenderT2, SenderT3 */
#SenderT1,
#SenderT2,
#SenderT3 {
  width: 60px;
  border: 0;
  text-align: center;
}

/* 상호/이름 입력 필드 스타일 */
#DeliveryR {
  width: 150px;
  border: 0;
}

/* 휴대번호 입력 필드 스타일 */
#DeliveryH1,
#DeliveryH2,
#DeliveryH3 {
  width: 50px;
  border: 0;
  text-align: center;
}

/* 전화번호 입력 필드 스타일 */
#DeliveryT1,
#DeliveryT2,
#DeliveryT3 {
  width: 50px;
  border: 0;
  text-align: center;
}

/* 배송주소 입력 필드 스타일 */
#DeliveryA {
  width: 90%;
  border: 0;
}

/* 배송메모 입력 필드 스타일 */
#DeliveryMemo {
  width: 750px;
  height: 30px;
  border: 1px solid #ddd;
}

/* 빈 td의 왼쪽 테두리 제거 */
#noBorderLeftTd {
  border-left: none;
}


/*테이블 세부 조정*/

/* 각 열의 너비 및 보더 설정하기 위한 아이디/클래스 */
#col-method {
  width: 93.74px;
  border-left: none;
  border-right: none;
  text-align: center; 
  padding-top:1px;
  border-bottom: none;
}

.deliver{
    width: 100%; 
    padding: 5px; 
    border: 1px solid #ddd; 
    text-align: center;
}

#col-select1 {
  width: 150px;
  border-bottom: none;
  border-top: none; 
text-align: left;

}

#col-select2 {
  width: 150px;
  border-bottom: none;
  border-top: none; 
  border-left: none; 

}
#col-sel2{
  border-left: none;
  border-bottom: none;  
  border-top: none; 

}
#send_th,#send_td,
#send_th_p,#send_td_n{
    border-bottom: none;
}

/*받는 분 선택*/
.col-receiver{
  border-left: none;
  text-align: center;
}
.col-receiver-options{
  text-align: left;
}
/*상호/이름*/
.col-name{
    border-left: none;
    text-align: center;
}
/*휴대번호*/
.col-mobile{
    border-left: none;
    text-align: center;
}
/*전화번호*/
.col-phone{
    text-align: center;
}
/*배송주소*/
.col-adress{
    border-left: none;
    text-align: center;
}
.col-memo {
  border-left: none; 
  text-align: center;
}
#col-memo{
  border-right: 1px solid #ddd;
}




/* 첫 번째 열의 왼쪽 테두리 제거 */
.delivery-table tr td:first-child,
.delivery-table tr th:first-child {
  border-left: none;
}

/* 마지막 열의 오른쪽 테두리 제거 */
.delivery-table tr td:last-child,
.delivery-table tr th:last-child {
  border-right: none;    
}

/* 배송메모 스타일 */
.delivery-memo {
  color: red;
  font-size: 14px;
  margin: 0;
}

/* 배송정보 끝 */

/* 주문내역 */
.order-summary {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
  padding: 20px 0 20px 0;
}

.order-summary-title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 4px solid #00C6AC;
  padding-bottom: 10px;
  text-align: left;
  margin-bottom: 0;
}

.order-summary table {
  width: 100%;
  border-collapse: collapse;
}

.order-summary td {
  text-align: center;
  border: 1px solid #ddd;
  height: 45.5px;
  padding: 0;
}

.order-summary td,
.order-summary th { 
    font-size: 14px;
}

.order-summary td:first-child {
  font-weight: bold;
  width: 192px;
}
.order-summary td:nth-child(2){
width: 499px;    
}

.order-summary td:nth-child(3) {
  font-weight: bold;
  width: 149px;
}
.order-summary td:last-child {
    
}

#od-sum{
    border-top: none; 
    border-left: none;
}

#etc_1{
    width:90%; 
    height:50px;
    border: 1px #ccc solid;
}

#work-m{
    border-top: none; 
    border-left: none;
}

#work-ms{
    border-top: none; 
    height: 80px;
}
#print-d{
    border-top: none; 
    font-weight: 700;
}

/* 주문내역 관련 인라인 스타일 제거 후 id로 관리 */

/* 주문내역의 상세정보 셀: border-top 제거 */
#orderDetails {
  border-top: none;
	text-align: left;
    padding-left: 10px;
}

/* 주문제목 셀: border-top 제거 및 글씨 굵게 */
#orderTitle {
  border-top: none;
  font-weight: 700;
}

/* 주문 Pcom 셀: border-top과 border-right 제거 */
#orderPcom {
  border-top: none;
  border-right: none;
}

/* 인쇄물상세 셀: border-top과 border-right 제거 */
#orderPname {
  border-top: none;
  border-right: none;
}

/* PDF 교정신청 텍스트 스타일 (원래 FONT 태그의 SIZE="2", COLOR="#CC0000" 적용) */
#pdfCorrection {
  font-size: small;
  color: #CC0000;
}

/* 주문내역 끝 */

/* OS환경 및 입금방법 */
.os-environment-payment {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  border-collapse: collapse;
  padding: 20px 0 20px 0;
}

.os-environment-payment-title {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 4px solid #00C6AC;
  padding-bottom: 10px;
  text-align: left;
  margin-bottom: 0;
}

.os-environment-payment-table {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  font-weight: bold;
}

.os-environment-payment td {
  text-align: center;
  vertical-align: middle;
  /* 수직 중앙 정렬 */
  border: 1px solid #ddd;
  width: 33.33%;
  height: 38px;
  font-size: 14px;
}

.os-environment-payment > input {
  width: 300px;
  text-align: center;
}

.os-environment-payment td:first-child {
  width: 150px;
}

.os-environment-payment tr td:first-child {
  border-left: none;
}

.os-environment-payment tr td:last-child {
  border-right: none;
}

#os-name{
  text-align: center;
  border-top: none;
}
#depositor{
  text-align: center;
  border-top: none;
}
#how-depositor{
    text-align: center;
    border-top: none;
}
#os-input{
    padding: 10px 0;
}
#sel-sos{
    width: 150px;
    padding: 5px; 
    border: 1px solid #ddd; 
    text-align: center;
}
#remit{
    width: 150px;
    padding: 5px; 
    border: 1px solid #ddd;  
    text-align: center;
}
#payment{
    width: 150px;
    padding: 5px; 
    border: 1px solid #ddd;  
    text-align: center;
}

#Taxissue{
    width:0;
    visibility:hidden;
}

/* OS환경 및 입금방법 끝*/

/* 버튼 */

.button-container {
  width: 960px;
  text-align: center;
  /* 내부 버튼을 중앙 정렬 */
  padding: 20px 0 20px 0;
  /* 위아래 패딩으로 영역 강조 */
}

.info-btn {
  display: block;
  width: 158px;
  padding: 15px;
  font-size: 18px;
  background: #353535;
  color: white;
  border: none;
  cursor: pointer;
  margin: 0 auto 0 auto;
  text-align: center;
}

.info-btn:hover {
  background: #444;
}

.buy-btn {
  display: block;
  width: 158px;
  padding: 15px;
  font-size: 18px;
  background: #353535;
  color: white;
  border: none;
  cursor: pointer;
  margin: 40px auto 0 auto;
  text-align: center;
}

.buy-btn:hover {
  background: #444;
}

.summary {
	/* Flexbox로 가로 정렬 */
	display: flex;
	align-items: center; 
	justify-content: center; /* 항목들을 중앙에 배치 */
	
	width: 100%;
	padding: 15px 0;
	margin: 0 auto;
	
	/* 미니멀한 경계 */
	border: 1px solid #ddd; 
	border-radius: 4px;
	background-color: #fcfcfc; /* 아주 연한 배경색으로만 영역 구분 */
	font-size: 14px;
}

/* 요약 항목 (주문합계, 부가세, 총액) */
.summary-item {
	padding: 0 15px; /* 항목별 좌우 내부 여백 */
	color: #666;
	white-space: nowrap; /* 항목이 줄바꿈 되는 것을 방지 */
}

/* 구분선 (|) 스타일 */
.separator {
	color: #ccc;
	font-weight: 300;
	margin: 0 5px;
}

/* 금액 강조 스타일 */
.summary-item strong {
	font-size: 15px;
	color: #333;
	font-weight: 700;
	margin-left: 5px;
}

/* 총액 항목 특별 강조 */
.summary-item.total-price strong {
	font-size: 18px; /* 최종 금액을 가장 크게 강조 */
	color: #d9534f; /* 핵심 정보는 눈에 띄게 */
	font-weight: 900;
}

/*
 * [noti_txt] 안내 메시지 스타일
 */
.noti_txt {
	display: block; 
	padding: 20px 0;
	color: #999;
	text-align: center;
	font-size: 13px;
	line-height: 1.5;
}

/* ID 선택자를 사용하여 특정 textarea의 스타일을 지정합니다. */
#etc_1 {
	resize: none; 
	width: 500px;
	height: 100px;
	padding: 5px
}