.wrapper_cont {width:96%; background:#fff; border:1px solid #aeaeae; margin:32px auto 0px;  box-sizing:border-box;}

.table-d { width:100%;border-top:2px solid #121212;border-collapse:collapse; text-align:center; }
.table-d caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table-d tbody th { background:#f0e9e9; padding:10px 2px ;  border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  text-align:center;  }
.table-d tbody td { padding:2px;  border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  background:#fff;  text-align:center;  font-size:11px; }
.table-d tbody tr:hover td { }
.table-d thead th{ background:#e1e1e1;  font-weight:400; position: relative;   font-size:13px;   border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;  border-left:1px solid #d2d2d2;  color:#121212;  padding:20px 20px 20px 20px;  height:60px;}
.table-d .br_none {border-right: none;}
.table-d tbody td a {font-weight:bold;  background:url('../img/common/file-ico2.png') no-repeat right 50%; padding-right:20px;}
.table-d tbody a.btn-d {display:block; background:#6c6c6c;  padding:8px 30px; color:#fff; font-weight:400; font-size:14px; transition: all .3s; margin-top:4px; }
.table-d tbody a.btn-d:hover {  background:#000;}
.table-d thead th, tbody td input[type="checkbox"] {padding:0; margin:0;}
.table-d select {border-box; border:1px solid #6c6c6c; height:30px; }  

/*table upgrad_sm*/
/* ====== 심플 화이트 테이블 리셋 ====== */  
.table-d {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  background: #ffffff;
  border-top: 2px solid #121212;
  font-size: 13px;
  /* 여기서 display:block은 쓰지 않는 게 좋음 (레이아웃 깨질 수 있음) */
}

/* 정렬 유틸 클래스는 그대로 사용 */
.table-d .center { text-align: center; }
.table-d.left th,
.table-d.left td {
  text-align: left !important;
}  
.table-d .right  { text-align: right; }

.table-d.table-left th,
.table-d.table-left td {
  text-align: left !important;
}

/* table-left에만 쓰는 경우 */
.table-d.table-left tr.header-center th {
  text-align: center !important;
}

/* 캡션 숨김 유지 */
.table-d caption span {
  position: absolute;
  top: -9999px;
  overflow: hidden;
  height: 0;
  width: 0;
}

/* 헤더(th) – 무난한 밝은 회색 */
.table-d thead th {
  background: #f3f4f6;              /* 밝은 회색 */
  color: #121212;
  font-weight: 500;
  font-size: 13px;
  padding: 10px 12px;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #d4d4d4;
  height: 40px;
}

/* 바디 th (첫 열이 제목일 때) */
.table-d tbody th {
  background: #fafafa;
  padding: 8px 8px;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  text-align: center;
  font-weight: 500;
  color: #333333;
}

/* 바디 td */
.table-d tbody td {
  padding: 6px 8px;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;              /* 행 배경 흰색 */
  text-align: center;
  font-size: 12px;
  color: #333333;
}

/* 줄무늬는 최소화 – 대신 hover만 약하게 */
.table-d tbody tr:hover td {
  
}

/* 오른쪽 border 제거용 클래스 유지 */
.table-d .br_none {
  border-right: none;
}

/* 파일 링크 스타일 – 기존 아이콘 유지, 색만 살짝 정돈 */
.table-d tbody td a {
  font-weight: 500;
  color: #2563eb;
  background: url('../img/common/file-ico2.png') no-repeat right 50%;
  padding-right: 20px;
}
.table-d tbody td a:hover {
  text-decoration: underline;
}

/* 테이블 안 버튼 – 무난한 회색 버튼 */
.table-d tbody a.btn-d {
  display: inline-block;
  background: #6b7280;
  padding: 6px 16px;
  color: #ffffff;
  font-weight: 400;
  font-size: 13px;
  border-radius: 4px;
  transition: all .2s;
  margin-top: 4px;
  text-decoration: none;
}
.table-d tbody a.btn-d:hover {
  background: #111827;
}

/* 체크박스·셀렉트 정리 */
.table-d thead th,
.table-d tbody td input[type="checkbox"] {
  padding: 0;
  margin: 0;
}

.table-d select {
  box-sizing: border-box;
  border: 1px solid #9ca3af;
  background: #ffffff;
  color: #111827;
  height: 30px;
  border-radius: 4px;
  padding: 0 6px;
  font-size: 12px;
}

/* Total 행 스타일 */
.table-d .total-row th,
.table-d .total-row td {
  background-color: #e5f0ff;   /* 연한 블루톤 */
  border-color: #d0def5;
}

/* Total 라벨 (KRW / USD) 쪽 */
.table-d .total-row th {
  color: #123b7a;
  font-weight: 600;
  text-align: center !important;
  padding: 8px 10px;
}

/* 금액 셀 전체 right 정렬 */
.table-d .total-row td {
  text-align: right !important;
  padding: 8px 12px;
  color: #123b7a;  
}

/* KRW / USD 라벨 */
.table-d .total-row .total-amount-label {
  margin-right: 6px;
  font-weight: 500;
}

/* 실제 금액 숫자 */
.table-d .total-row .total-amount-value #r_total_fee_view {
  font-weight: 700;
  font-size: 1.1rem;
}


/* 공통: 테이블 감싸는 래퍼 */
.table-responsive {
  width: 100%;
  overflow-x: auto;              /* 작은 화면에서 가로 스크롤 */
  -webkit-overflow-scrolling: touch;  /* 모바일에서 부드러운 스크롤 */
}

/* 스크롤바 살짝만 보이게 (선택) */
.table-responsive::-webkit-scrollbar {
  height: 6px;
}
.table-responsive::-webkit-scrollbar-thumb {
  background: #d4d4d4;
  border-radius: 999px;
}
.table-responsive::-webkit-scrollbar-track {
  background: #f9fafb;
}

@media (max-width: 1024px) {
  .box-a .table-d {
  }
}

@media (max-width: 640px) {
  .box-a .table-d {
    font-size: 11px;
  }

  .box-a .table-d thead th {
    padding: 6px 6px;
  }

  .box-a .table-d tbody td,
  .box-a .table-d tbody th {
    padding: 4px 4px;
  }
}


/*table upgrad_sm*/


input {border:1px solid #dae0e6; height:34px;}
select {  height:34px; border:1px solid #dae0e6; }

input[type="radio"] { border:1px solid #dae0e6; padding:5px;	height:15px; width:15px; font-size:13px; vertical-align:middle;  margin:0 5px 0 20px; }
input[type="text"] { margin:0 0px; box-sizing:border-box;}
input[type="file"] { border:none;}
input[type="checkbox"] { border:1px solid #dae0e6; padding:5px;	height:15px; width:15px; font-size:13px; vertical-align:middle;  margin:0 5px 0 20px; }



a.btn-a  {display:inline-block; background:#446199 url('../img/custom/btn_bg.png') no-repeat right 0; border:1px solid #d5d5d5; padding:13px 73px; color:#fff; font-weight:bold; font-size:16px; transition: all .3s;}
a.btn-b  {display:inline-block; background:#006a91 url('../img/custom/btn_bg.png') no-repeat right 0; border:1px solid #d5d5d5; padding:13px 73px; color:#fff; font-weight:bold; font-size:16px; transition: all .3s;}
a.btn-a:hover, a.btn-b:hover {  background:#000 url('../img/custom/btn_bg.png') no-repeat right 0;}
a.btn-down  {display:inline-block; background:#446199 93% 50%; border:1px solid #d5d5d5; padding:13px 53px; color:#fff; font-weight:bold; font-size:16px; transition: all .3s; margin-left:20px;}
a.btn-down:hover  {  background:#000 93% 50%;}

a.btn-small {display:inline-block; background:#6c6c6c; padding:3px 8px; color:#fff; font-weight:400; font-size:14px;   border-radius:10px; transition: all .3s; }
a.btn-small:hover {  background:#131092;}

a.btn-c  {display:inline-block; background:#338489;  padding:8px 30px; color:#fff; font-weight:400; font-size:14px; transition: all .3s;}
a.btn-c:hover {background:#000;}


/******** scroll_box ********/
.scroll_box{overflow-x: hidden; height: 350px; padding: 20px;
    overflow-y: scroll;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
	font-size:14px;
	color: #838383;
	line-height: 20px;
    font-family: inherit;}
.scroll_box p{ margin:5px 0;}
.scroll_box span.title{color: #3b4e89; font-size: 16px; font-weight:600; margin-bottom:10px;}
.scroll_box span.s_title{color: #2d275e; font-size: 14px; font-weight:600; margin-bottom:10px;}
.scroll_box span.s_title2{color: #000; font-size: 14px; font-weight:600; margin-bottom:10px;}



/********  pdf ********/
body.pdf {background:#f1f1f2; margin:0; padding:0;}
div.bg_wrapper { background:#f1f1f2; padding: 0 50px 0px 30px;box-sizing:border-box; width:1100px; margin:0 auto;}
#pdf_header .pdf_wrapper {position:relative; width:1000px; margin:0 auto;  overflow:hidden;}
/*텍스트로고일때 #pdf_header h1 { position:absolute; left:0; top:52px; font-size:70px; margin:0; }*/
/*이미지로고일때*/
#pdf_header h1.logo {position: absolute;left: 0px;top:50px;z-index: 11;margin: 0; with:420px;}
#pdf_header .rbox {width:100%; text-align:right; margin-top:52px;}d
#pdf_header .rbox p {font-size:22px; font-weight:600; color:#000; line-height:1.1em;}
#pdf_header .rbox p.stxt {font-size:15px; font-weight:400; line-height:14px;}

.pdf_content {display:block;background:#fff; width:1000px; margin:0 auto;  margin-top:30px; overflow:hidden; box-sizing:border-box;  }
.page {width:1000px; margin:0 auto;  margin-bottom:40px; text-align:center; line-height:40px; height:40px;}
h4.pdf_h4 {color:#25408f; background: url('../img/common/h4_bar.png')  repeat-x 0 38%; letter-spacing:5px; margin-bottom:0;}
h4.pdf_h4 span{background:#fff; padding:10px 28px 0px 28px;}

.table-approval { width:250px;border:1px solid #939598;border-collapse:collapse; box-sizing:border-box; margin-left:690px; }
.table-approval caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.table-approval thead th,
.table-approval tfoot th,
.table-approval tfoot td,
.table-approval tbody th {padding:8px 10px;  border-right:1px solid #939598; border-bottom:1px solid #939598;  border-left:1px solid #939598;font-weight:normal;   }
.table-approval tbody td { padding:8px 10px;  border-right:1px solid #939598; border-bottom:1px solid #939598;  border-left:1px solid #939598;  background:#fff;  text-align:center;}
.table-approval thead th,
.table-approval tfoot th,
.table-approval tbody th { color:#121212; background:#e1e0ed; }

.pdf_a { width:100%;border:1px solid #939598;border-collapse:collapse; box-sizing:border-box; }
.pdf_a caption span { position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.pdf_a thead th,
.pdf_a tfoot th,
.pdf_a tfoot td,
.pdf_a tbody th {padding:8px 10px;  border-right:1px solid #939598; border-bottom:1px solid #939598;  border-left:1px solid #939598;font-weight:normal;   }
.pdf_a tbody td { padding:8px 10px;  border-right:1px solid #939598; border-bottom:1px solid #939598;  border-left:1px solid #939598;  background:#fff;  text-align:center;}
.pdf_a thead th,
.pdf_a tbody th { color:#fff; background:#4f5b9e; }
.pdf_a tfoot th {color:#040404; background:#e6e7e8;  text-align:center; font-weight:600; }

.pdf_content .wrapper {width:1000px; padding:0 30px 50px 30px;  box-sizing:border-box;  }
h5.pdf span {  display:inline block ; padding:5px 25px; background:#e6e7e8 url('../img/common/dot_w.png') no-repeat 15px 50%; border-radius:20px; color:#000; font-weight:500;}
.prefix { position:absolute; width:500px;left:190px; margin-top:-35px; }
.pdf_content p {color:#595a5c; margin-top:10px; text-indent:23px;}



/********* 보기페이지 STYLE *********/
.txtarea {
	width: 98%;
	height: 250px;
	}