#modal5 { height:680px;    }

#a1 > dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a2> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a3> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a4> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box;  height:50px;color: #7a8391;}


/*-------- 3.2 Accordion --------*/
.accordion_2 .card {border:1px solid #ededed;
    margin-bottom: 5px;
 
}
.accordion_2 .card .card-header {color: #666;
  background: #f3f6fc;
  border-bottom: 1px solid #c2c8c8;
  padding: 8px 5px 0px 5px;
}
.accordion_2 .card-body {color: #666; font-weight: 400;
  padding-bottom: 0;font-size: 12px; 
}
.accordion_2 .card-header h5 {
  font-size: 12px;
  
}
.accordion_2 .card-header h4 {
  font-size: 14px;  float: right;
 
}


.accordion_2 .card-header h5 a {
  border: 0;
  display: block;
  color: #888; font-size: 11px;  float: right;
	
	
}

.accordion_2 .card-body p {color: #666; font-weight: 400;
  padding: 0;font-size:12px; margin:0px;
}




.accordion_2 .card-header h5 a i.indicator {
 font-size: 14px;  font-size:  0.875rem;
  font-weight: normal;
  float: right;
  color: #777777;
}

.card {  border-radius: 0;  border: 0;   margin: 5px 0 5px 0px;}


/*-------- 3자동의 추가 시 해당부분 팝업 크기 변경 --------*/

@media screen and (min-width:1200px) {
  /* 웹  */
 #modal5 { height:660px;     }

}


@media screen and (max-width: 767px) {
#modal5 {
    height:820px;
}
.text-md{ font-size:14px;color: #333;}
.text-xl{font-size:16px;}

#a3> dl { background-color: #fff; border:0px solid #ddd; padding:0px; box-sizing:border-box; overflow-y:scroll; height:70px;color: #7a8391;font-size: 8px;margin:0;}

.accordion_2 .card .card-header {color: #666;
  background: #f3f6fc;
  border-bottom: 1px solid #c2c8c8;
  padding: 8px 5px 0px 5px;
}
.accordion_2 .card-body {color: #666; font-weight: 400;
  padding:8px;font-size: 9px;
}

.accordion_2 .card-body p {color: #666; font-weight: 400;
  padding: 0;font-size:9px; margin:0px;
}

.form-group { margin:0px 0px 8px 0px; }
.form-group input{  height:40px; }
.form-group select{  height:40px; }


}











.box_detail_move2 {
  padding: 5px;
  border-top:1px solid #c2c8c8;
  background-color: #ffffff;
  
  margin: 0px 0 10px 0px;
}
.agree_t {
 font-size: 14px;color: #9a9a9a;margin-left:10px;
}
.text-grey3 { color: #777777; font-size: 12px;}
.text-sblue { color:#0051a1; }


table {font-size:10px;
  background-color: #f0f1f4;
}

th {
  text-align:top;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom:10px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 6px 10px;
  line-height: 1.42857143;
  vertical-align: top;
 
}
.table > thead > tr > th {  background-color: #d9e0f4;
  vertical-align: bottom;
 
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  
}
.table .table {
  background-color: #d8dce3;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #777777;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #777777;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fcfcfd;
}
.table-hover > tbody > tr:hover {
  background-color: #e7e9ee;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #e7e9ee;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #d8dce3;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 12.75px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #777777;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}