/*-------- 개인정보처리방침--------*/

#customer > dl { background-color: #fff; border:1px solid #ddd; padding:15px; box-sizing:border-box; overflow-y:scroll; height:100px;color: #7a8391;font-size:12px;}
#move > dl { background-color: #fafafa; border:1px solid #ddd;border-top:2px solid #121212; padding:15px; box-sizing:border-box; overflow-y:scroll; height:150px;color: #7a8391;font-size:12px;}

#customer2 > dl {  background-color: #fafafa; border:1px solid #ddd;border-top:2px solid  #3dbf8c; padding:10px; box-sizing:border-box; overflow-y:scroll; height:100px;color: #7a8391;font-size:12px; }

#sub_privacy_box { padding-left:20px;box-sizing:border-box; margin-top:10px; border-top:2px solid #ff4a51 !important; 
border:1px solid #eee;height:800px;font-size:13px; color:#7c7c7c; line-height:1.7; overflow-y:scroll;word-break:keep-all; padding-bottom:30px;}
#sub_privacy_box h1 { margin:0 !important; padding-bottom:20px; border-bottom:1px solid #eeeeee}
#sub_privacy_box h1 p{ margin:0 !important;}
#sub_privacy_box >dl { margin-top:20px;}
#sub_privacy_box >dl dt { font-size:20px; margin-bottom:20px;}
#sub_privacy_box >dl dd { margin-left:0; font-size:14px; line-height:2; margin-bottom:10px; line-height:23px;}
#sub_privacy_box >dl dd .span_number { background:#ff4a51; height:23px; width:23px; display:block; text-align:center; color:#fff;
 border-radius:100px; margin-right:10px; font-size:12px; float:left; line-height:23px;}
#sub_privacy_box >div:nth-of-type(1) ol { padding-left:20px;padding-top:15px;}
#sub_privacy_box >div:nth-of-type(1) li { list-style:decimal; font-size:13px;color:#7c7c7c; margin-bottom:1px;}

.sub_subject {font-size:20px; margin-top:40px;}
.title3_1{display:block; font-size:16px; color:#ff4a51; font-weight: 700; margin-top:20px; margin-bottom:20px}
.title_sub3_1{display:block; font-size:14px; color:#000; font-weight: 500; margin-top:30px; margin-bottom:10px;}
.title_sub3_2{display:block; font-size:15px; color:##4b5cea;; font-weight: 500; margin-top:0px; margin-bottom:10px;}

#a0 > dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:180px;color: #7a8391;}
#a1 > dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:90px;color: #7a8391;}
#a2> dl { background-color: #fff; border:0px solid #ddd; padding:5px; 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:0px solid #ddd; padding:5px; box-sizing:border-box;  height:50px;color: #7a8391;}

/*개인정보취급*/
#a5 > dl { background-color: #fff; border:1px solid #ddd; padding:20px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight:400; }
#a6> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight: 400; }
#a7> dl { background-color: #fff; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:600px;color: #666;font-size:14px; font-weight: 400; }


#a5 > dl ol ,#a6 > dl ol,,#a7 > dl ol{ font-size:14px; font-weight:400; margin-top:10px;margin-bottom:10px; }


/*  스크롤*/
#terms dl { background-color: #fafafa; border:1px solid #ddd; padding:15px; box-sizing:border-box; overflow-y:scroll; height:225px;color: #7a8391;font-size:12px;}
#online dl { background-color: #fafafa; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:400px;color: #7a8391;font-size:14px;}
#re_dialog dl { background-color: #fafafa; border:1px solid #ddd; padding:10px; box-sizing:border-box; overflow-y:scroll; height:400px;color: #7a8391;font-size:14px;}


.title3_1{display:block; font-size:16px; color:#000; font-weight:600; margin-top:20px; margin-bottom:10px;}
.title_sub3_1{display:block; font-size:14px; color:#121212; font-weight:600; margin-top:20px; margin-bottom:10px;}


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


.accordion_mem .card-header h5 a {
  border: 0;
  display: block;
  color: #888; font-size: 11px;  float: right;
	
	
}
.accordion_mem .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;
}

.card-body p{
  font-weight: 500;color: #000;
}


.card {
  border: 0;
  margin-bottom: 5px;
}
.card .card-header {
  background-color: #fff;
  border-bottom: 1px solid #e1e8ed;
  padding: 20px;
}

.card-body {
  padding-bottom: 0;
}

.card-header h5 {
  font-size: 16px;
  font-size: 1rem;
}
.card-header h5 a {
  border: 0;
  display: block;
  color: #999;
}
.card-header h5 a i.indicator {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  float: right;
  color: #3651e0;
}

.accordion_2 .card {
  border: 0;
  margin-bottom:10px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);border: 1px solid var(--border-color);
}

.accordion_2 .card .card-header {
background-color: #fff;
  border-bottom: 1px solid var(--border-color);
  padding: 20px; 
}
.accordion_2 .card-body {
  padding-bottom: 10px;
}

/*-------- 3.2 개인정보동의 --------*/
.accordion_2 .card {
    margin-bottom: 5px;
 
}
.accordion_2 .card .card-header {color: #666;
  
  padding: 5px 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-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;
}

.card-body p{
  font-weight: 500;color: #000;
}


@media screen and (max-width: 767px) {

.text-md{
    font-size:12px;
}
.text-xl{
    font-size:16px;
}

#a3> dl { background-color: #fff; border:0px solid #ddd; padding:5px; box-sizing:border-box; overflow-y:scroll; height:110px;color: #7a8391;}

.accordion_2 .card .card-header {
  padding: 8px 5px 0px 5px;
}
.accordion_2 .card-body {color: #666; font-weight: 400;
  padding:8px;font-size: 12px; 
}
.accordion_2 .card-header h5  {
  text-align:left;
}


}


.box_detail_move2 {
  padding: 5px;
  border-top:0px solid #c2c8c8;
  background-color: #ffffff;
   color: #777777;
  margin: 10px 0 10px 0px;line-height:13px;
}


.agree_t {
 font-size: 14px;color: #9a9a9a;margin-left:10px;
}
.text-grey3 { color: #777777; font-size: 12px;}
.text-sblue { color:#0051a1; }
.text-sred { color:#d10512; }


/* 테이블 공통*/
.table-list { font-size: 16px;font-weight: 500;border-collapse: collapse;width:100%; border:0px solid #000;}
.table-list th, td {line-height:16px;border:1px solid var(--thm-gray2);;background-color:none;padding:5px;}

.table-list h6{width:250px; text-overflow:ellipsis; white-space:nowrap;  overflow:hidden !important;line-height:16px;paddong:0px;margin:0px;	/* 메인 공지게시판 목록 타이플*/	}	
.table-list th {border-bottom: 0px solid black;	}
	
 /* td:nth-child(3n),td:nth-child(4n) ,td:nth-child(5n){	text-align:right;	}.table-list td:nth-child(2n) {text-align:right;		} */
.table-list td:last-child {font-size: 12px;text-align:right;	}


@media screen and (max-width:767px){
.table-list { width:100%;	}
.table-list h6{width:200px; 	}	
}


/* */

.table-basic, .table-left, .table-left-bg {  
    width: 100%;
    border:1px solid var(--border-color);
    font-size: 14px;
}


.table-basic, .table-left, .table-left-bg p {
   margin:0px;line-height:22px;
}
.table-basic, .table-left, .table-left-bg{
    margin-bottom: 10px;
}


.table-basic th {background-color:#f9fafc;}
.table-basic td{background-color:#fff; border:1px solid var(--border-color);}
.table-basic tr:hover {background-color:none;}

/* 측면 게시판 배경  color:var(--text-white); */
.table-left-bg th {font-size: 14px; width:20%;     font-weight:500;    background-color: none;   border: 1px solid var( --border-color);}

.table-left-bg td {
    border-bottom: 1px solid var( --border-color);
    border-right: none;
    padding:10px 10px; 0px 10px;text-align: left;margin:0px;
}

.table-left-bg td textarea {
    border: 1px solid #DDD;
    width: 100%;
     max-height:120px;min-height:100px;text-align: left;
}

.table-left-bg td .form-control{padding:0px;}

.table-left-bg td strong{ font-weight: 600; color:var(--primary-red);margin:0 4px 0px 4px;}
.table-left-bg td span{  margin-right:4px;}


/* before는 앞에 after는 뒤에 아이콘 표기 
.table-left-bg td strong:after{
  font-style: normal;
  font-weight: normal;
  font-family: "fontello";
  color: #999;
  text-align: center;
}

.table-left-bg td strong:after {
  content: "\ed72";
}
시*/

/* before는 앞에 after는 뒤에 일반 기호 표시 시*/


@media (max-width: 767px) {
.table-left-bg th {font-size:12px; width: 65px;   text-align:left;padding-left:6px;  } 
.table-left-bg td{font-size: 12px; padding:7px ;}
.table-left-bg td strong{ font-size: 12px;}
.table-left-bg .sp {font-size: 12px; line-height:14px;   }
 .table-left-bg .sp p{font-size: 12px;line-height:14px;  }


}


/*!------------------*/

table {
  background-color: #fff;
width: 100%;}

th {
  text-align:top;
}

table thead th {color: #333;}
table td {padding: 15px 10px;}


/*테이블 수정*/
 	table {font-size:14px:
		border-collapse: collapse;
		width: 100%;
		 background: #ffffff;
    padding: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.1);
    border-radius: 4px;
    transition: all 0.35s ease-in-out;
    border: 2px solid #ddd;*/
		
	}
	table, th, td {border:1px solid#b8c8dc;
		text-align: center;		
	}
	th, td {
		padding: 5px;
	}	
	
	th {
		border-bottom: 1px solid #b8c8dc;
	}
    /* 순서에 따라 원하는 색상이 덮히는걸 방지 !improtant */
	tr:first-child {
		background-color: #f5f5f5;
		
	}	
	tr:nth-child(2n) {
		background-color: #f8f8f7;
	}
	tr:hover {
		background-color: #f5f5f5;
	}
	tr:last-child>td { 
		
	}
	.firstName {
		
	}
	
	/*
	th {
		background-color: #D1B2FF;
		color: white;
	} 
	*/


.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;
  }
}