/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_head { width:100%; ;   position: relative;  display: flex;flex-direction: row;    justify-content: space-between; margin-bottom: 10px}
.bbs_head .total_um{ width:auto; ;   font-size: 14px; line-height: 40px}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_head { width:100%; ;   position: relative;  }
.bbs_head .total_um{ width:100%; ;   font-size: 14px; line-height: 40px}
}




/*bbs 기본설정*/
/**** pc ****/
@media only all and (min-width:1025px) {

/*bbs 기본설정*/
.bbs_list{width: 100%; ; }
.bbs_list .thead{width: 100%; ; border-top:3px solid #333; float:left }
.bbs_list .thead .th{width: 100%;  color:#333; font-size:16px;  text-align:center; background-color:#fff;   font-weight:500; font-family: 'Pretendard'; font-weight:500; line-height:130%;  padding:20px 0px; border-bottom:1px solid #333;height: 60px}

.bbs_list .tbody{width: 100%; ;  }
.bbs_list .tbody .tr{width: 100%; ;  }
.bbs_list .tbody .tr:hover{width: 100%; ;  background-color: #f7f7f7; cursor: pointer}
	
.bbs_list .tbody .tr .td {width: 100%; padding:15px 3px 15px 3px ; line-height:25px;border-bottom:1px solid #dfdfdf; COLOR:#333; text-align:center; font-size:15px; font-weight:400;  font-family: 'Pretendard'; font-weight:500;height: 80px }
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_list{width: 100%; ; border-top:3px solid #333; float:left}
.bbs_list .thead{width: 100%; ; border-top:3px solid #333; float:left; display: none }
.bbs_list .thead .th{width: 100%;  color:#333; font-size:17px;  text-align:center; background-color:#fff;   font-weight:500; font-family: 'Pretendard'; font-weight:500; line-height:130%;  padding:20px 0px; border-bottom:1px solid #333; display: none ;}

.bbs_list .tbody{width: 100%; ;  }
.bbs_list .tbody .tr{width: 100%; ; border-bottom: 1px solid #ccc; padding: 15px 15px; position: relative ;  display: flex; flex-wrap: wrap; flex-direction: row;}
	
.bbs_list .tbody .tr:hover{width: 100%; ;  background-color: #f7f7f7; cursor: pointer}

.bbs_list .tbody .tr .td {width: 100%; line-height:20px; COLOR:#333;   font-size:15px; line-height:130%;  font-weight:400;  font-family: 'Pretendard'; font-weight:500; }

}





/*bbs 기본설정2*/
/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_list2{width: 100%; ; }
.bbs_list2 .thead{width: 100%; ; border-top:2px solid #333; }
.bbs_list2 .thead .th{width: 100%;  color:#333; font-size:14px;  text-align:center; background-color:#fff;   font-family: 'NanumSquareAcr'; line-height:20px; padding:10px 0px; border-bottom:1px solid #333;height: 40px}

.bbs_list2 .tbody{width: 100%; ;  }
.bbs_list2 .tbody .tr{width: 100%; ;  }
.bbs_list2 .tbody .tr:hover{width: 100%; ;  background-color: #f7f7f7; cursor: pointer}

.bbs_list2 .tbody .tr .td {width: 100%; padding:10px 3px 10px 3px ; line-height:25px;border-bottom:1px solid #dfdfdf; color:#333; text-align:center; font-size:13px; font-family: 'NanumSquareAcr';height: 40px }
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_list2{width: 100%; ; border-top:2px solid #333; }
.bbs_list2 .thead{width: 100%;  border-top:2px solid #333; float:left; display: none }
.bbs_list2 .thead .th{width: 100%;  color:#333; font-size:14px;  text-align:center; background-color:#fff;   font-family: 'NanumSquareAcrr'; line-height:14px; padding:10px 0px; border-bottom:1px solid #333; display: none ;}

.bbs_list2 .tbody{width: 100%; ;  }
.bbs_list2 .tbody .tr{width: 100%; ; border-bottom: 1px solid #ccc; padding: 10px 10px; position: relative ;  display: flex; flex-wrap: wrap; flex-direction: row;}
.bbs_list2 .tbody .tr:hover{width: 100%; ;  background-color: #f7f7f7; cursor: pointer}

.bbs_list2 .tbody .tr .td {width: 100%; color:#333;   font-size:13px; line-height:130%;  font-family: 'NanumSquareAcb'; }

}


/**** pc ****/
.bbs_id2 .thead, .bbs_id2 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id2 .thead, .bbs_id2 .tbody .td{ display: flex;align-items:center;justify-content:center;}
.bbs_id2 .tbody .tr .td:first-child{width: 50px; ; font-family: 'Pretendard'; font-weight:500;}
.bbs_id2 .tbody .tr .td .notice_icon{width: auto; display: inline-block;padding: 0px 5px;  line-height:20px; background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500; border-radius: 4px }

.bbs_id2 .tbody .tr .td:nth-child(2){width: 50px; ;text-align: left }	
.bbs_id2 .tbody .tr .td:nth-child(3){width: calc(100% - 400px); ;text-align: left; font-family: 'Pretendard'; font-weight:500; justify-content:left;}
.bbs_id2 .tbody .tr .td:nth-child(4){width: 100px; ;font-family: 'Pretendard'; font-weight:500; }
.bbs_id2 .tbody .tr .td:nth-child(5){width: 100px; ;font-family: 'Pretendard'; font-weight:500;justify-content: center;}
.bbs_id2 .tbody .tr .td:nth-child(6){width: 100px; ;font-family: 'Pretendard'; font-weight:500;justify-content: center;}

.bbs_id2 .thead, .bbs_id2 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id2 .thead  .th:first-child{width: 50px; ;justify-content:center; }

.bbs_id2 .thead  .th:nth-child(2){width: 50px; ;}	
.bbs_id2 .thead  .th:nth-child(3){width: calc(100% - 400px); ; }
.bbs_id2 .thead  .th:nth-child(4){width: 100px; ;}
.bbs_id2 .thead  .th:nth-child(5){width: 100px; ;}
.bbs_id2 .thead  .th:nth-child(6){width: 100px; ;}


/* 소송 제안 리스트 pc */
.bbs_id5 .tbody .tr:has(.announce-icon){ background-color: #eee; }
.bbs_id5 .thead, .bbs_id5 .tbody .tr{ display: flex;flex-direction: row; width: 100%;}
.bbs_id5 .tbody .td:not(:nth-child(3)) {justify-content:center;}
.bbs_id5 .tbody .td {display:flex; align-items:center;}
.bbs_id5 .tbody .tr .td:first-child{width: 50px; ; font-family: 'Pretendard'; font-weight:500;}
.bbs_id5 .tbody .tr .td .notice_icon{width: auto; display: inline-block;padding: 0px 5px;  line-height:20px; background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500; border-radius: 4px }
.bbs_id5 .thead .th:nth-child(4) {
	 text-align:left;
}
.bbs_id5 .tbody .tr .td:nth-child(2){width: 50px; ;text-align: left }	
.bbs_id5 .tbody .tr .td:nth-child(3){width: 300px; flex:1 1 auto;text-align: left; font-family: 'Pretendard'; font-weight:500;font-size:1rem; }
.bbs_id5 .tbody .tr .td:nth-child(4){width: 200px; ;font-family: 'Pretendard'; font-weight:500; text-align:left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 200px; display: inline-block;line-height:3;}
.bbs_id5 .tbody .tr .td:nth-child(5){width: 100px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id5 .tbody .tr .td:nth-child(6){width: 90px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id5 .tbody .tr .td:nth-child(7){width: 90px; ;font-family: 'Pretendard'; font-weight:500; }
.bbs_id5 .tbody .tr .td:nth-child(8){width: 90px; ;font-family: 'Pretendard'; font-weight:500; }

.bbs_id5 .thead, .bbs_id5 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id5 .thead  .th:first-child{width: 50px; ; }

.bbs_id5 .thead  .th:nth-child(2){width: 50px; ;}	
.bbs_id5 .thead  .th:nth-child(3){width:50px; flex: 1 1 auto;}
.bbs_id5 .thead  .th:nth-child(4){width: 200px; }
.bbs_id5 .thead  .th:nth-child(5){width: 100px; ;}
.bbs_id5 .thead  .th:nth-child(6){width: 90px; ;}
.bbs_id5 .thead  .th:nth-child(7){width: 90px; ;}
.bbs_id5 .thead  .th:nth-child(8){width: 90px; ;}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_id2 .thead, .bbs_id2 .tbody .tr{width: 100%;; }

.bbs_id2 .tbody .tr .td:first-child{ font-family: 'Pretendard'; line-height:130%;  font-weight:500; width: 40px; ; order: 1; font-size: 12px }
.bbs_id2 .tbody .tr .td:nth-child(2){text-align: left; width: auto;  clear: both;   order: 5; position: absolute; right: 10px; top: 10px;  }
.bbs_id2 .tbody .tr .td .notice_icon{ padding: 3px 10px;  background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500;border-radius: 4px }
.bbs_id2 .tbody .tr .td:nth-child(3){text-align: left; width: 100%; ;  order: 6;  padding: 10px 0px 5px 40px; font-size: 14px; font-family: 'Pretendard';}
.bbs_id2 .tbody .tr .td:nth-child(4){font-family: 'Pretendard';  width: auto;  ;line-height:130%;  font-weight:500;  order: 2; margin-right: 15px ;font-size: 12px}
.bbs_id2 .tbody .tr .td:nth-child(4):before{ content: "등록일 : ";    }
.bbs_id2 .tbody .tr .td:nth-child(5){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 3; font-size: 12px}
.bbs_id2 .tbody .tr .td:nth-child(5):before{ content: "조회수 : ";    }
.bbs_id2 .tbody .tr .td:nth-child(6){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 4; font-size: 12px}
.bbs_id2 .tbody .tr .td:nth-child(6):before{ content: "관심갯수 : ";    }





.bbs_id5 .thead, .bbs_id5 .tbody .tr{width: 100%; display:flex; gap:.5rem;align-items:center;}



.bbs_id5 .tbody .tr .td:first-child{ font-family: 'Pretendard'; line-height:130%;  font-weight:500; width: 40px; ; order: 1; font-size: 12px;}
.bbs_id5 .tbody .tr .td:first-child:not(:has(.announce-icon)){ background-color:#ddd; border-radius:4px; }
.bbs_id5 .tbody .tr .td:nth-child(2){text-align: left; width: auto;  clear: both;   order: 6; margin-top:1rem;}
.bbs_id5 .tbody .tr .td .notice_icon{ padding: 0 5px;  background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500;border-radius: 4px }
.bbs_id5 .tbody .tr .td:nth-child(3){text-align: left; ;  order: 7;  font-size: 16px; font-family: 'Pretendard'; font-weight:500; margin-top:1rem;}

.bbs_id5 .tbody .tr .td:nth-child(4){font-family: 'Pretendard';  width: 100px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;  ;line-height:130%;  font-weight:500;  order: 2; margin-right: auto ;font-size: 12px}
.bbs_id5 .tbody .tr .td:nth-child(5){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 3; font-size: 12px; display:none;}
.bbs_id5 .tbody .tr .td:nth-child(6){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 3; font-size: 12px}
.bbs_id5 .tbody .tr .td:nth-child(7){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 4; font-size: 12px}
.bbs_id5 .tbody .tr .td:nth-child(8){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 5; font-size: 12px}
}





/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_id2 .thead, .bbs_id2 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id2 .tbody .tr .td:first-child{width: 50px; ; font-family: 'Pretendard'; font-weight:500;}
.bbs_id2 .tbody .tr .td .notice_icon{width: auto; display: inline-block;padding: 0px 5px;  line-height:20px; background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500; border-radius: 4px }

.bbs_id2 .tbody .tr .td:nth-child(2){width: 50px; ;text-align: left }	
.bbs_id2 .tbody .tr .td:nth-child(3){width: calc(100% - 400px); ;text-align: left; font-family: 'Pretendard'; font-weight:500; }
.bbs_id2 .tbody .tr .td:nth-child(4){width: 100px; ;font-family: 'Pretendard'; font-weight:500; }
.bbs_id2 .tbody .tr .td:nth-child(5){width: 100px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id2 .tbody .tr .td:nth-child(6){width: 100px; ;font-family: 'Pretendard'; font-weight:500;}

.bbs_id2 .thead, .bbs_id2 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id2 .thead  .th:first-child{width: 50px; ; }

.bbs_id2 .thead  .th:nth-child(2){width: 50px; ;}	
.bbs_id2 .thead  .th:nth-child(3){width: calc(100% - 400px); ; }
.bbs_id2 .thead  .th:nth-child(4){width: 100px; ;}
.bbs_id2 .thead  .th:nth-child(5){width: 100px; ;}
.bbs_id2 .thead  .th:nth-child(6){width: 100px; ;}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_id2 .thead, .bbs_id2 .tbody .tr{width: 100%;; }

.bbs_id2 .tbody .tr .td:first-child{ font-family: 'Pretendard'; line-height:130%;  font-weight:500; width: 40px; ; order: 1; font-size: 12px }
.bbs_id2 .tbody .tr .td:nth-child(2){text-align: left; width: auto;  clear: both;   order: 5; position: absolute; right: 10px; top: 10px;  }
.bbs_id2 .tbody .tr .td .notice_icon{ padding: 3px 10px;  background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500;border-radius: 4px }
.bbs_id2 .tbody .tr .td:nth-child(3){text-align: left; width: 100%; ;  order: 6;  padding: 10px 0px 5px 40px; font-size: 14px; font-family: 'Pretendard';}
.bbs_id2 .tbody .tr .td:nth-child(4){font-family: 'Pretendard';  width: auto;  ;line-height:130%;  font-weight:500;  order: 2; margin-right: 15px ;font-size: 12px}
//.bbs_id2 .tbody .tr .td:nth-child(4):before{ content: "등록일 : ";    }
.bbs_id2 .tbody .tr .td:nth-child(5){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 3; font-size: 12px}
//.bbs_id2 .tbody .tr .td:nth-child(5):before{ content: "조회수 : ";    }
.bbs_id2 .tbody .tr .td:nth-child(6){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 4; font-size: 12px}
//.bbs_id2 .tbody .tr .td:nth-child(6):before{ content: "관심갯수 : ";    }
}





/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_id3 .thead, .bbs_id3 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id3 .tbody .tr .td:first-child{width: 80px; ; font-family: 'Pretendard'; font-weight:500;}
.bbs_id3 .tbody .tr .td:nth-child(2){width:80px; ;text-align: left; font-family: 'Pretendard'; font-weight:500; }	
.bbs_id3 .tbody .tr .td:nth-child(3){width: calc(100% - 1040px); ;text-align: left; font-family: 'Pretendard'; font-weight:500; }
.bbs_id3 .tbody .tr .td:nth-child(4){width:70px; ;font-family: 'Pretendard'; font-weight:500; }
.bbs_id3 .tbody .tr .td:nth-child(5){width:80px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id3 .tbody .tr .td:nth-child(6){width: 100px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id3 .tbody .tr .td:nth-child(7){width: 80px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id3 .tbody .tr .td:nth-child(8){width: 80px; ;font-family: 'Pretendard'; font-weight:500;}	
.bbs_id3 .tbody .tr .td:nth-child(9){width: 100px; ;font-family: 'Pretendard'; font-weight:500;}
.bbs_id3 .tbody .tr .td:nth-child(10){width: 370px; ;font-family: 'Pretendard'; font-weight:500;}	
	
.bbs_id3 .thead, .bbs_id3 .tbody .tr{ display: flex;flex-direction: row; width: 100%; }
.bbs_id3 .thead  .th:first-child{width: 80px; ; }
.bbs_id3 .thead  .th:nth-child(2){width:80px; ;}	
.bbs_id3 .thead  .th:nth-child(3){width: calc(100% - 1040px); ; }
.bbs_id3 .thead  .th:nth-child(4){width: 70px; ;}
.bbs_id3 .thead  .th:nth-child(5){width: 80px; ;}
.bbs_id3 .thead  .th:nth-child(6){width: 100px; ;}
.bbs_id3 .thead  .th:nth-child(7){width: 80px; ;}
.bbs_id3 .thead  .th:nth-child(8){width: 80px; ;}
	.bbs_id3 .thead  .th:nth-child(9){width: 100px; ;}
	.bbs_id3 .thead  .th:nth-child(10){width: 370px; ;}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_id3 .thead, .bbs_id3 .tbody .tr{width: 100%;; }

.bbs_id3 .tbody .tr .td:first-child{ font-family: 'Pretendard'; line-height:130%;  font-weight:500; width: 40px; ; order: 1; font-size: 12px }
.bbs_id3 .tbody .tr .td:nth-child(2){text-align: left; width: auto;  clear: both;   order: 5; position: absolute; right: 10px; top: 10px;  }
.bbs_id3 .tbody .tr .td .notice_icon{ padding: 3px 10px;  background-color: #F92C30; color: #fff; font-size: 12px; font-family: 'Pretendard'; font-weight:500;border-radius: 4px }
.bbs_id3 .tbody .tr .td:nth-child(3){text-align: left; width: 100%; ;  order: 6;  padding: 10px 0px 5px 40px; font-size: 14px; font-family: 'Pretendard';}
.bbs_id3 .tbody .tr .td:nth-child(4){font-family: 'Pretendard';  width: auto;  ;line-height:130%;  font-weight:500;  order: 2; margin-right: 15px ;font-size: 12px}
.bbs_id3 .tbody .tr .td:nth-child(4):before{ content: "등록일 : ";    }
.bbs_id3 .tbody .tr .td:nth-child(5){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 3; font-size: 12px}
.bbs_id3 .tbody .tr .td:nth-child(5):before{ content: "조회수 : ";    }
.bbs_id3 .tbody .tr .td:nth-child(6){font-family: 'Pretendard';  width:auto; ; line-height:130%;  font-weight:500;  order: 4; font-size: 12px}
.bbs_id3 .tbody .tr .td:nth-child(6):before{ content: "관심갯수 : ";    }
}





/**** pc ****/
@media only all and (min-width:769px) {
/* Paginate */
.paginate_outbox{width: 100%; ;   display: flex;  justify-content: center;  align-items: center; margin-top: 30px }
.paginate_in{width: auto; ;   display: flex;  justify-content: center;  align-items: center;flex-direction: row; grid-gap: 10px }
.paginate_in .umbox{width: auto;;    display: flex;  justify-content: center;  align-items: center; flex-direction: row; }
.paginate_in .umbox a{min-width:30px; box-sizing: border-box; padding: 0px 5px; ; height: 30px; border-radius: 30px; background-color: transparent; border: 1px solid transparent;   font-size: 15px;  display: flex;  justify-content: center;  align-items: center; ; margin: 0px 2px; color: #666;  font-family: 'Pretendard'; font-weight:500;  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.paginate_in .umbox a.on{ background-color: var(--div-color1);  color: #fff; }
.paginate_in .umbox a:hover{ ;  border: 1px solid #ccc;    }
	
.paginate_in .ar{width: 30px; height: 30px; border-radius: 100%; border: 1px solid #ccc; font-size: 18px;  display: flex;  justify-content: center;  align-items: center; cursor: pointer; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.paginate_in .ar i{ font-size: 18px;   color: #333;}
.paginate_in .ar:hover{ background-color: #eee ;  border: 1px solid #666;}
.paginate_in .ar:hover i{ font-size: 18px;   color: #333}
	
	
	
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
/* Paginate */
.paginate_outbox{width: 100%; ;   display: flex;  justify-content: center;  align-items: center; margin-top: 30px }
.paginate_in{width: auto; ;   display: flex;  justify-content: center;  align-items: center;flex-direction: row; grid-gap: 5px }
.paginate_in .umbox{width: auto;;    display: flex;  justify-content: center;  align-items: center; flex-direction: row; }
.paginate_in .umbox a{min-width:30px; box-sizing: border-box; padding: 0px 5px; ; height: 30px; border-radius: 30px; background-color: transparent; border: 1px solid transparent;   font-size: 15px;  display: flex;  justify-content: center;  align-items: center; ; margin: 0px 2px; color: #666;  font-family: 'Pretendard'; font-weight:500; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.paginate_in .umbox a.on{ background-color: #3f67c8;  color: #fff; }
.paginate_in .umbox a:hover{ ;  border: 1px solid #ccc;    }
	
.paginate_in .ar{width: 30px; height: 30px; border-radius: 100%; border: 1px solid #ccc; font-size: 18px;  display: flex;  justify-content: center;  align-items: center; cursor: pointer; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.paginate_in .ar i{ font-size: 18px;   color: #333;}
.paginate_in .ar:hover{ background-color: #eee ;  border: 1px solid #666;}
.paginate_in .ar:hover i{ font-size: 18px;   color: #333}
	
}















/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_view_head { clear:both;width:100%; ;  border-top:3px solid #333;   padding: 20px 20px; box-sizing: border-box; border-bottom: 1px solid #ccc; }
.bbs_view_head .notice_icon{ width:20px;  ; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 20px; line-height: 20px; font-size: 13px; border-radius: 5px; margin-right: 10px; background-color:  #F92C30}
.bbs_view_head .notice_icon2{ width:40px;  ; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 20px; line-height: 20px; font-size: 13px; border-radius: 5px; margin-right: 10px; background-color:#000}
.new_icon{ width:22px;  ; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 22px; line-height: 20px; font-size: 13px; border-radius: 5px; margin-right: 10px; background-color:  #F92C30;}


.bbs_view_head .title_inbox { width:calc(100% - 60px);  ; font-size: 18px;  margin-top: -5px}
.bbs_view_head .title_inbox .title{ width:100%;  ; font-size: 20px;margin-bottom: 10px;   color: #000 ; font-family: 'Pretendard'; font-weight: 700; line-height: 130% }
.bbs_view_head .title_inbox .info{font-size: 16px;  color: #666; margin-right: 10px; font-family: 'Pretendard'; font-weight: 400;}
.bbs_view_head .title_inbox .info em{color: #333}

.bbs_view_cont{ width:100%; ; padding: 50px 20px; box-sizing: border-box; border-bottom: 1px solid #ccc; font-family: 'Pretendard'; font-weight: 500; font-size: 16px}
#id__lawsuit_container .lawsuit-link-inner {
	display:flex 
}
.bbs_view_head .source { width:500px;  float:right; font-size: 16px; color: #666; padding-left: 30px; text-align: right; font-family: 'Pretendard'; font-weight: 500;}	
.bbs_view_head .source em{color: #333}	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_view_head {clear:both; width:100%; ;  border-top:3px solid #333;   padding: 10px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}
.bbs_view_head .notice_icon{ width:20px;  ; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 20px; line-height: 20px; font-size: 13px; border-radius: 5px; margin-right: 10px; background-color:  #F92C30}
.bbs_view_head .notice_icon2{ width:40px;  ; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 20px; line-height: 20px; font-size: 13px; border-radius: 5px; margin-right: 10px; background-color:#000}
.new_icon{ width:22px;  ; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 22px; line-height: 20px; font-size: 13px; border-radius: 5px; margin-right: 10px; background-color:  #F92C30}


.bbs_view_head .title_inbox { width:100%  ; font-size: 18px; }
.bbs_view_head .title_inbox .title{ width:100%;  ; font-size: 16px;margin-bottom: 5px;font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 600 }
.bbs_view_head .title_inbox .info{ font-size: 13px;  color: #666; margin-right: 10px}
.bbs_view_head .title_inbox .info em{color: #333}
.bbs_view_head .source { width:100%;  ;  font-size: 13px; color: #666; padding-left:30px; margin-top:5px   }
.bbs_view_head .source em{color: #333}	
.bbs_view_cont{ width:100%; ;padding: 20px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc; font-size: 13px}
.bbs_view_cont img{ width:100%; }

}
/* 게시글 타이틀 아이콘 */
#id__board_title_container .announce-icon {
    display: inline-flex;
    background-color: red;
    border-radius: 5px;
    color: white;
    font-size: 10px;
    padding: 2px;
    margin-right: 3px;
width:30px;
justify-content:center;
align-items: center;;}

.bbs_view_cont .more_detail{ width:100%; ;position: relative;   padding-top: 30px}
.btn_link{ width:auto; padding-right: 25px; position: relative}
.btn_link:before{ position: absolute; right: 0px; top: 0px; content: "\ebb8";    font-family: unicons-line;; font-size: 18px}
.btn_link:hover{ color: #3f67c8}

.bbs_view_cont .more_detail .more_detail_view{ width:100%; ; text-align: right; font-size: 12px; display: NONE}
.bbs_view_cont .more_detail .more_detail_view a{ width:100%; ; text-align: right; font-size: 12px; text-decoration: underline; color: #666}
.bbs_view_cont .more_detail .more_detail_view a:hover{ width:100%; ; text-align: right; font-size: 12px; text-decoration: underline; color:#3f67c8}

.bbs_view_cont img{ max-width:1000px; }


.bbs_view_cont2{ width:100%; ;padding: 50px 30px; box-sizing: border-box;border-bottom: 1px solid #ccc}
.bbs_view_re{ width:100%; ; box-sizing: border-box;  border-top:2px solid #333;  position: relative; }
.re_d2{ width:100%; ; padding-left: 60px; background: url("../../../css/images/bbs/icon_re.png"); background-repeat: no-repeat; background-position: 20px 20px; box-sizing: border-box}



/* 관련 기사 링크 UI -소송제안 */
#id__link_container {
	margin-bottom:2rem;
}
#id__link_container .row:nth-child(2) {
	
	min-height:100px;
}
#id__link_container .press-block{
	
	height:100%;
}
#id__link_container .press-block a{
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	color:#333;
	gap:1rem;
	background-color: #fff;
	padding: .5rem;
	border-radius: 14px;
	border: 1px solid #ddd;
	height:100%;
}
#id__link_container .press-block a:hover {
	color:#3f67c8;
	box-shadow:0 0 1rem #004efb33;
}
#id__link_container .press-block a img {
	height:150px;
	background-color: #000;
	object-fit: contain;
}
/* 전문가 코멘트 */
.special-comment {
	border-top:1px solid lightgray; padding-top:15px; padding-bottom:15px;
	background-color: #ecf2ff;
}
.specialist-badge {
	background-color: #0036AE;
	color:#fff;
	cursor:default;
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .47rem .75rem;
    font-size: .9rem;
    border-radius: .25rem;
}
.special-text {
	width:1000px;flex:1; white-space:pre-wrap;word-wrap: break-word;
	/* 이상 기본 코멘트 설정 */
	color:#3f67c8
}

/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_view_file{ width:100%; ;padding:15px 10px 15px 50px; box-sizing: border-box; border-bottom: 1px solid #ccc; position: relative}
.bbs_view_file a{color: #666; font-family: 'Pretendard'; font-weight: 400; font-size: 16px; }
.bbs_view_file a:hover{color: #3f67c8}

.bbs_view_file:before{ width: 20px; text-align: center; padding: 5px 5px; border-radius: 4px; background-color: #3F3F3F; color: #fff; font-size: 13px; position: absolute; left:10px; top: 10px; content: "\eb36";    font-family: unicons-line;}


.bbs_view_link{ width:100%; ;padding:15px 10px 15px 50px; box-sizing: border-box; border-bottom: 1px solid #ccc; position: relative}
.bbs_view_link a{color: #666; font-family: 'Pretendard'; font-weight: 400; font-size: 16px;}
.bbs_view_link a:hover{color: #3f67c8}

.bbs_view_link:before{ width: 20px; text-align: center; padding: 5px 5px; border-radius: 4px; background-color: #3F3F3F; color: #fff; font-size: 13px; position: absolute; left:10px; top: 10px; content: "\e99d";    font-family: unicons-line;}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_view_file{ width:100%; ;padding:15px 0px 15px 40px; box-sizing: border-box; border-bottom: 1px solid #ccc; position: relative;font-size: 12px;}
.bbs_view_file a{color: #666; font-family: 'Pretendard'; font-weight: 400; font-size: 13px;}
.bbs_view_file a:hover{color: #3f67c8}

.bbs_view_file:before{ width: 20px; text-align: center; padding: 5px 5px; border-radius: 4px; background-color: #3F3F3F; color: #fff; font-size: 13px; position: absolute; left:0px; top: 10px; content: "\eb36";    font-family: unicons-line;}


.bbs_view_link{ width:100%; ;padding:15px 0px 15px 40px; box-sizing: border-box; border-bottom: 1px solid #ccc; position: relative;font-size: 12px;}
.bbs_view_link a{color: #666; font-family: 'Pretendard'; font-weight: 400; font-size: 13px;}
.bbs_view_link a:hover{color: #3f67c8}

.bbs_view_link:before{ width: 20px; text-align: center; padding: 5px 5px; border-radius: 4px; background-color: #3F3F3F; color: #fff; font-size: 13px; position: absolute; left:0px; top: 10px; content: "\e99d";    font-family: unicons-line;}


}



.btn_post { width:100%; float:left; margin-top:20px; display:flex;flex-wrap: wrap; justify-content: flex-end;  flex-direction:row;}
.btn_post .btn_st1{ padding:7px 15px 7px 12px;border-radius: 4px; background-color: #333333; color: #Fff; cursor: pointer;  margin-left: 5px; font-size: 13px;display:flex;align-items: center;justify-content:center;}
.btn_post .btn_st1:before{	content: "\eb79";  color: #fff;  font-family: unicons-line; font-size:18px; margin-right:5px;}

.btn_post .btn_st1:hover{ background-color: #111; }

.btn_post .btn_st2{ padding:7px 12px 7px 15px; border-radius: 4px; background-color: #333333; color: #Fff; cursor: pointer; font-size: 14px;  margin-left: 5px;font-size: 13px;display:flex;align-items: center;justify-content:center; }
.btn_post .btn_st2:after{content: "\eb6d";  color: #fff;  font-family: unicons-line; font-size:18px; margin-left:5px;}

.btn_post .btn_st2:hover{ background-color: #111; }



.btn_post .btn_st3{ padding: 10px 20px 10px 20px;  border-radius: 4px; background-color:var(--div-color1); color: #Fff;  position: relative; cursor: pointer; margin-left: 5px; font-size: 13px;display:flex;align-items: center;justify-content:center;}
.btn_post .btn_st3:hover{ padding: 10px 20px 10px 20px;  border-radius: 4px; background-color: var(--div-color1-hover); color: #Fff;  position: relative}

.btn_post2 { width:100%; float:left; margin-top:10px; height:50px; text-align: center; overflow: hidden;}
.btn_post2  a{ display: inline-block; vertical-align: middle;  padding:5px 13px; background-color:#f7f7f7; border:1px solid #ccc; font-size:14px; color:#000;  font-weight: 300; letter-spacing:-0.2px }
.btn_post2 a:hover{   background-color:#ccc; border:1px solid #666; color:#000; }
.btn_post2  a.ok{ display: inline-block; vertical-align: middle;  padding:5px 13px; background-color:#666; border:1px solid #333; font-size:14px; color:#fff;  font-weight: 300; letter-spacing:-0.2px }
.btn_post2 a.ok:hover{  background-color:#333; border:1px solid #000; color:#fff; }






/**** pc ****/
@media only all and (min-width:1025px) {

.bbs_write_required{ width:100%; ;  margin-bottom: 10px   }
.bbs_write_required .intx{ width:auto; float: right; padding-left: 20px; position: relative; font-size: 14px; color: #666    }
.bbs_write_required .intx:before{ width:auto; position: absolute; left: 0px; top: 5px; font-family: 'Noto Sans KR', sans-serif;  color: #FF0004 ; font-weight: 700; font-size: 20px ;content: "*";  }

.bbs_write { width:100%; ;  border-top:3px solid #333;  }


.bbs_write .tr{ width:100%; ; position: relative; border-bottom: 1px solid #eee;grid-template-columns: 20% auto ; display: grid;}	
	
.bbs_write .tr .th{  width:120px;;  position: inherit; font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 500;  padding:15px 20px; position: relative; line-height: 40px;box-sizing: border-box }
.bbs_write .tr .th.required:before{ width:auto; position: absolute; left: 0px; top: 20px; font-family: 'Noto Sans KR', sans-serif;  color: #FF0004 ; font-weight: 700; font-size: 20px ;content: "*";  }

.bbs_write .tr .td{ width:100% ;  ; padding:15px 20px; position: relative;  box-sizing: border-box }
.bbs_write .tr .td input{ width:100% ; }
	
.bbs_write .tr .td2{ width:calc(100% - 120px); ; padding:15px 20px; position: relative;  box-sizing: border-box; display: grid; grid-template-columns: repeat(5, 1fr); gap:2%; }	
	
.bbs_write .tr .td input{ width:100%!important; ; line-height: 40px; height: 40px; background-color: #fff; font-size: 13px!important;ffont-family: 'NanumSquare';}

.bbs_write .tr .td textarea.st2{ width:100%; height: 200px; ; line-height: 130%; background-color: #fff; font-size: 13px!important;font-family: 'Noto Sans KR', sans-serif; font-family: 'NanumSquare'!important;}


.bbs_write .tr .td .inbox{margin-right: 20px; ;}
.bbs_write .tr .td .phone{max-width:400px; ; grid-template-columns: 30% 5% 30% 5% 30%;  display: grid;}

.bbs_write .tr .td .phone .sp{width:100%; ; text-align: center ;line-height: 40px;}
.bbs_write .tr .td .info_tx{width:100%; ; font-size: 13px; color: #666; padding: 10px 0px 0px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {

.bbs_write_required{ width:100%; ;  margin-bottom: 10px   }
.bbs_write_required .intx{ width:auto; float: right; padding-left: 20px; position: relative; font-size: 14px; color: #666    }
.bbs_write_required .intx:before{ width:auto; position: absolute; left: 0px; top: 5px; font-family: 'Noto Sans KR', sans-serif;  color: #FF0004 ; font-weight: 700; font-size: 20px ;content: "*";  }
.bbs_write { width:100%; ;  border-top:3px solid #333;   box-sizing: border-box;  }

.bbs_write .tr{ width:100%; ; position: relative; border-bottom: 1px solid #eee; padding: 10px 0px 15px 0px}
.bbs_write .tr .th{ width:100%; ; padding:5px 15px; position: relative; line-height:130%;}
.bbs_write .tr .th{ width:auto;position: inherit; font-family: 'Noto Sans KR', sans-serif;  color: #000 ; font-weight: 500;  }
.bbs_write .tr .th.required:before{ width:auto; position: absolute; left: 0px; top: 7px; font-family: 'Noto Sans KR', sans-serif;  color: #FF0004 ; font-weight: 700; font-size: 20px ;content: "*";  }

.bbs_write .tr .td{ width:100%; ; padding:0px 0px; position: relative;  }
.bbs_write .tr .td input.st1{ width:100%; ; line-height: 40px; height: 40px; width:100%;background-color: #fff; font-size: 13px!important;ffont-family: 'NanumSquare';}
.bbs_write .tr .td2{ width:100%; ; padding:15px 0px 0px 0px; position: relative;  box-sizing: border-box; display: grid; grid-template-columns: repeat(5, 1fr); gap:2%; }	
	
.bbs_write .tr .td textarea.st2{ width:100%; height: 200px; ; line-height: 130%; width:100%; background-color: #fff; font-size: 13px!important;font-family: 'Noto Sans KR', sans-serif; font-family: 'NanumSquare'!important;}


.bbs_write .tr .td .inbox{margin-right: 20px; ;}
.bbs_write .tr .td .phone{max-width:400px; ; grid-template-columns: 30% 5% 30% 5% 30%;  display: grid;}

.bbs_write .tr .td .phone .sp{width:100%; ; text-align: center ;line-height: 40px;}
.bbs_write .tr .td .info_tx{width:100%; ; font-size: 13px; color: #666; padding: 10px 0px 0px}

}


/**** pc ****/
@media only all and (min-width:1025px) {
.bbs_bottom{width:100%; ;     display: flex;  justify-content: center;  align-items: center; flex-direction: column; position: relative}


.message_box{  width:280px; height:50px ; ;background-color: #e6e8ef; border-radius: 6px; border: 1px solid #ccc; position: relative; position: absolute; top:180px; right:500px; z-index: 99; padding: 15px 30px; box-sizing: border-box; box-shadow:3px 3px 30px rgba(0,0,0,0.05);  display: none;}
.message_box .close{  position:absolute; right: 10px; top: 13px; z-index: 999; cursor: pointer; opacity: 0.8}
.message_box .close img{  width: 25px}
.message_box .close:hover{  position:absolute; right: 10px; top: 13px; z-index: 999; cursor: pointer; opacity: 1}
.message_box .close:hover img{  width: 25px}


.message_box .tt{  width: 100%; ;font-family: 'Noto Sans KR', sans-serif;  color: #333 ; font-weight: 400; font-size: 14px ;  }	



.btn_save{width:auto; ;  padding: 15px 40px; border-radius: 4px; color: #fff; font-size: 16px; background-color: var(--div-color1);  height: 50px; font-family: 'Noto Sans KR', sans-serif;  ; font-weight: 500; cursor: pointer ; }
.btn_save:hover{width:auto; ;  padding: 15px 40px; border-radius: 4px; color: #fff; font-size: 16px; background-color: var(--div-color1-hover);  height: 50px; font-family: 'Noto Sans KR', sans-serif;  ; font-weight: 500; cursor: pointer}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {
.bbs_bottom{width:100%; ;  position: relative}
.bbs_bottom .agy{width:100%; ;   margin-bottom: 10px}

.btn_save{width:100%; ;  padding: 15px 40px; border-radius: 4px; color: #fff; font-size: 15px; background-color: var(--div-color1);  height: 50px; font-family: 'Noto Sans KR', sans-serif;  ; font-weight: 500; cursor: pointer; text-align: center}
.btn_save:hover{background-color: var(--div-color1-hover); }

.message_box{  width:250px; height:50px ; ;background-color: #fff; border-radius: 6px; border: 1px solid #ccc; position: relative; position: absolute; bottom:120px; left:10px; z-index: 99; padding: 15px 30px; box-sizing: border-box; box-shadow:3px 3px 30px rgba(0,0,0,0.05);  display: none;}
.message_box .close{  position:absolute; right: 10px; top: 13px; z-index: 999; cursor: pointer; opacity: 0.8}
.message_box .close img{  width: 25px}
.message_box .close:hover{  position:absolute; right: 10px; top: 13px; z-index: 999; cursor: pointer; opacity: 1}
.message_box .close:hover img{  width: 25px}


.message_box .tt{  width: 100%; ;font-family: 'Noto Sans KR', sans-serif;  color: #333 ; font-weight: 400; font-size: 14px ;  }
}




/**** pc ****/
@media only all and (min-width:1025px) {.bbs_bottom .agy{width:100%; ;  margin-bottom: 20px}
.bbs_bottom .agy .agy_inbox{width:100%; ;  position: relative ;padding: 15px 15px; border: 1px solid #ccc;  }
.bbs_bottom .agy .agy_inbox .detail{ position: absolute; right:20px; top: 15px; font-size: 14px; color: #666; cursor: pointer; padding-right: 30px}
.bbs_bottom .agy .agy_inbox .detail:before{ position: absolute; right:00px; top: 0px; font-size: 26px; color: #666;content: "\eb3a";    font-family: unicons-line;transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }



.bbs_bottom .agy .agy_inbox .detail_up{ position: absolute; right:20px; top: 15px; font-size: 14px; color: #666; cursor: pointer; padding-right: 30px}
.bbs_bottom .agy .agy_inbox .detail_up:before{ position: absolute; right:00px; top: 0px; font-size: 26px; color: #666;content: "\eb3a";    font-family: unicons-line; transform:rotate(180deg)  }	


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}
/**** 모바일 ****/
@media only all and (max-width:1024px) {.bbs_bottom .agy{width:100%; ;  margin-bottom: 20px}
.bbs_bottom .agy .agy_inbox{width:100%; ;  position: relative ;padding: 10px; border: 1px solid #ccc; font-size: 12px!important; }
.bbs_bottom .agy .agy_inbox .detail{ position: absolute; right:5px; top: 10px; font-size: 12px!important; color: #666; cursor: pointer; padding-right: 30px; overflow: hidden; width: 20px; height: 20px; padding-right: 40px; box-sizing: border-box}
.bbs_bottom .agy .agy_inbox .detail em{ display: none}
.bbs_bottom .agy .agy_inbox .detail:before{ position: absolute; right:00px; top: 0px; font-size: 26px; color: #666;content: "\eb3a";    font-family: unicons-line;transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
}	


.bbs_bottom .agy .agy_inbox .detail_up{ position: absolute; right:5px; top: 10px; font-size: 12px; color: #666; cursor: pointer; padding-right: 30px}
.bbs_bottom .agy .agy_inbox .detail_up em{ display: none}
.bbs_bottom .agy .agy_inbox .detail_up:before{ position: absolute; right:0px; top: 0px; font-size: 26px; color: #666;content: "\eb3a";    font-family: unicons-line; transform:rotate(180deg)  }	
}


.bbs_bottom .agy .agy_inbox_detail{width:100%; ;  position: relative ;padding: 15px 15px; border: 1px solid #ccc; background-color: #f7f7f7; font-size: 13px ; margin-top: -1PX ; display: NONE }	

	
	
	
