@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');


/* 구분 start -----------------------------------*/
/**** pc ****/
 
.sub_ing_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;  margin-bottom: 20px}	
.sub_ing_listbox>.sub_ing_list {width: 100%;height:350px;; position: relative;	border: 1px solid #ccc; border-radius: 20px; overflow: hidden; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
; cursor: pointer;display:flex;flex-direction:column;}
.sub_ing_listbox>.sub_ing_list:hover{ border: 1px solid var(--div-color1);  box-shadow:3px 3px 30px rgba(51,102,204,0.2); }

	
	
.sub_ing_list .sub_ing_list_top{width:100%; height:60%;  padding: 20px; background: linear-gradient(135deg,  #3a3c49 0%,#12151e 100%); /*background:url('renewal_assets/images/sub/04/list_img01.jpg') no-repeat center center;*/ }		
	

.sub_ing_list .sub_ing_list_top .sub_ing_labal01{width:max-content; padding: 7px 1rem !important; background-color:var(--div-color1); padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}	/*진행중 */

.sub_ing_list .sub_ing_list_top .sub_ing_labal02{width:max-content;  padding: 7px 1rem !important;background-color:var(--div-color1) ; padding: 7px 0px; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px} /*준비중*/

.sub_ing_list .sub_ing_list_top .sub_ing_labal03{width:max-content;padding:7px 1rem; background-color:#00cc55 ;  border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px} 		
.sub_ing_list .sub_ing_list_top .sub_ing_labal04{width:max-content;padding:7px 1rem; background-color:#F39F01 ; border-radius: 4px; font-family: 'Pretendard';  color:#F39F01;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}		
.sub_ing_list .sub_ing_list_top .sub_ing_labal05{width:max-content;padding:7px 1rem; background-color:var(--div-com2) ; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; margin-bottom: 20px}		
	
.sub_ing_list  .sub_ing_list_tt01{
 
  display: -webkit-box;               /* Webkit Box model */
  -webkit-line-clamp: 2;             /* 2줄까지만 표시 */
  -webkit-box-orient: vertical;      /* 수직 방향으로 설정 */
  overflow: hidden;                  /* 넘치는 텍스트 숨기기 */
  text-overflow: ellipsis;           /* 넘치는 텍스트에 ellipsis 추가 */
  width: 100%;
  font-family: 'Pretendard'; 
  color: #333;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%; 
  word-wrap: break-word;   
  padding: 1rem 1rem 0;
max-height:80px;
transition:all .3s ease-out;}
.sub_ing_list:hover .sub_ing_list_tt01 {
	color:#4b7de6
}		
	
	
 .sub_ing_list  .sub_ing_list_tt02{width:100%;; font-size:16px; color: #fff; font-family: 'Pretendard'; font-weight: 500;  margin-bottom:5px; 
box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;

-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em;

-webkit-line-clamp: 1; /* 라인수 */

height: 1.2em; }
	
.sub_ing_list .sub_ing_list_white {
	display:flex;flex-direction:column;justify-content:space-between;
	height:40%;
	padding-bottom:1rem;
}
/* .sub_ing_list .sub_ing_list_bott{width: 100%; ;  display: grid; grid-template-columns: 1.2fr 1fr;   padding: 30px 40px; min-height: 100px; position: relative}			 */
.sub_ing_list .sub_ing_list_bott{width: 100%;  display:flex;flex-wrap:wrap;;   padding: .5rem 1rem; min-height: 0;}			
.sub_ing_list .sub_ing_list_bott>div{width:auto;  flex:1; flex-wrap: wrap;}		

/* 조회수, 좋아요 부분 */
.sub_ing_list .sub_ing_list_bott>div:last-child{width:100%;   display: flex;
justify-content:right;gap:1rem;  align-items:flex-start; flex-direction:row; box-sizing: border-box; }			
	
	
.sub_ing_list_txt01{width:100%; ; font-family: 'Pretendard';  color:var(--div-color1);   font-weight: 700; font-size:17px; line-height: 100%; margin-bottom:5px; letter-spacing: -1px}
.sub_ing_list_txt02{width:100%; ; font-family: 'Pretendard';  color:#000;   font-weight: 700; font-size:16px; line-height: 100%; letter-spacing: -1px}	
	
	
.sub_ing_list_view, 
.sub_ing_list_like{
	width:auto; height: 25px;  font-family: 'Pretendard';  color:#272935;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 25px; }	

.sub_ing_list_view:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 20px; position: absolute; left:0px; top:-3px}	
.sub_ing_list_like:before{content: "";   width:20px; height: 20px;background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 20px; position: absolute; left:0px; top:-3px}	

/**** pc2 ****/
@media all and (max-width:1280px)  {
	.sub_ing_listbox {
		width: 100%;
		;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.sub_ing_list .sub_ing_list_top {
		width: 100%;
		;
		padding: 20px;
		background: linear-gradient(135deg, #3a3c49 0%, #12151e 100%);
	}

	.sub_ing_list .sub_ing_list_top .sub_ing_labal01 {
		margin-bottom: 10px
	}

	/*진행중 */
	.sub_ing_list .sub_ing_list_top .sub_ing_labal02 {
		margin-bottom: 10px
	}

	.sub_ing_list .sub_ing_list_top .sub_ing_labal03 {
		margin-bottom: 10px
	}

	.sub_ing_list .sub_ing_list_top .sub_ing_labal04 {
		margin-bottom: 10px
	}

	.sub_ing_list .sub_ing_list_tt01 {
		font-size: 17px;
	}

	.sub_ing_list .sub_ing_list_tt02 {
		font-size: 14px;
	}
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.sub_ing_listbox {
		width: 100%;
		;
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.sub_ing_listbox>.sub_ing_list {
		width: 100%;
		;
		position: relative;
		border: 1px solid #ccc;
		border-radius: 20px;
		overflow: hidden
	}


	.sub_ing_list .sub_ing_list_top {
		width: 100%;
		;
		padding: 20px;
		background: linear-gradient(135deg, #3a3c49 0%, #12151e 100%);
		height:55%;
	}

	.sub_ing_list .sub_ing_list_top .sub_ing_labal01 {
		width: max-content;
		padding: 7px 1rem !important;
		background-color: var(--div-color1);
		padding: 7px 0px;
		border-radius: 4px;
		font-family: 'Pretendard';
		color: #fff;
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 5px
	}

	/*진행중 */
	.sub_ing_list .sub_ing_list_top .sub_ing_labal02 {
		width: max-content;
		background-color: var(--div-color1);
		padding: 7px 0px;
		border-radius: 4px;
		font-family: 'Pretendard';
		color: #fff;
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 5px
	}

	/*준비중 */
	.sub_ing_list .sub_ing_list_top .sub_ing_labal03 {
		width: 65px;
		background-color: #00cc55;
		padding: 7px 0px;
		border-radius: 4px;
		font-family: 'Pretendard';
		color: #fff;
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	.sub_ing_list .sub_ing_list_top .sub_ing_labal04 {
		width: 65px;
		background-color: #F39F01;
		padding: 7px 0px;
		border-radius: 4px;
		font-family: 'Pretendard';
		color: #F39F01;
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	
	.sub_ing_list .sub_ing_list_top .sub_ing_labal05 {
		width: 65px;
		background-color: var(--div-com2);
		padding: 7px 0px;
		border-radius: 4px;
		font-family: 'Pretendard';
		color: #fff;
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
		margin-bottom: 5px
	}

	.sub_ing_list .sub_ing_list_tt01 {
		width: 100%;
		;
		font-family: 'Pretendard';
		font-weight: 500;
		font-size: 18px;
		line-height: 130%;
		word-wrap: break-word;
		word-break: keep-all;
		margin-bottom: 5px;
		margin-top:auto;
	}


	.sub_ing_list .sub_ing_list_tt02 {
		width: 100%;
		;
		font-size: 13px;
		color: #fff;
		font-family: 'Pretendard';
		font-weight: 400;
		margin-bottom: 5px;
		box-sizing: border-box;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;

		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.2em;

		-webkit-line-clamp: 1;
		/* 라인수 */

		height: 1.2em;
	}

	.sub_ing_list .sub_ing_list_white {height:45%;}
	.sub_ing_list .sub_ing_list_bott {
		width: 100%;
		;
		display: grid;
		grid-template-columns: 1.2fr 1fr;
		padding: 15px 20px;
		min-height: 70px;
		position: relative
	}

	.sub_ing_list .sub_ing_list_bott>div {
		width: 100%;
		;
	}

	.sub_ing_list .sub_ing_list_bott>div:last-child {
		width: 100%;
		;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		flex-direction: row;
		box-sizing: border-box;
	}


	.sub_ing_list_txt01 {
		width: 100%;
		;
		font-family: 'Pretendard';
		color: var(--div-color1);
		font-weight: 700;
		font-size: 15px;
		line-height: 100%;
		margin-bottom: 5px;
		letter-spacing: -1px
	}

	.sub_ing_list_txt02 {
		width: 100%;
		;
		font-family: 'Pretendard';
		color: #000;
		font-weight: 700;
		font-size: 13px;
		line-height: 100%;
		letter-spacing: -1px
	}


	.sub_ing_list_view {
		width: auto;
		height: 20px;
		;
		font-family: 'Pretendard';
		color: #272935;
		font-weight: 500;
		font-size: 12px;
		line-height: 100%;
		position: relative;
		padding-left: 25px;
		position: absolute;
		right: 60px;
		top: 20px
	}

	.sub_ing_list_view:before {
		content: "";
		width: 20px;
		height: 20px;
		background: url("../../images/svg_icon/view_icon.svg")no-repeat;
		background-size: 20px;
		position: absolute;
		left: 0px;
		top: -5px
	}

	.sub_ing_list_like {
		width: auto;
		height: 20px;
		;
		font-family: 'Pretendard';
		color: #272935;
		font-weight: 500;
		font-size: 12px;
		line-height: 100%;
		position: relative;
		padding-left: 25px;
		position: absolute;
		right: 20px;
		top: 20px
	}

	.sub_ing_list_like:before {
		content: "";
		width: 20px;
		height: 20px;
		background: url("../../images/svg_icon/like_icon2.svg")no-repeat;
		background-size: 20px;
		position: absolute;
		left: 0px;
		top: -5px
	}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {.sub_ing_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(1, 1fr); gap:20px; }	
}
/* 구분 //end -----------------------------------*/




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ingcont_view2{ width:100%!important; height: auto;  ;  border-radius: 30px; position: relative}	

.ingcont_view2 .case_img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom:51.5%; cursor: pointer;
border-radius: 30px;	

}
.ingcont_view2 .case_img img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 30px; overflow: hidden; background-color: #000;
	
}	
	
.ingcont_view2 .case_img_tx	{width:100% ;  ;  z-index: 999; position: absolute;  left: 0px; top:0px; padding: 10%}
	
.ingcont_view2 .case_img_tx	 .case_img_intx	{ width:100%;  ; font-size:17px; color: #fff;  font-family: 'Pretendard';   font-weight: 400; line-height: 100%; margin-bottom: 30px; letter-spacing:0px; }
.ingcont_view2 .case_img_tx	 .case_img_intit{ width:100%;  ; font-size:48px; color: #fff;  font-family: 'Pretendard';   font-weight: 400; line-height: 130%;  letter-spacing: -1px; }	
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.ingcont_view2{ width:100%!important; height:auto;  ;  border-radius: 20px; position: relative}	
.ingcont_view2 .case_img_tx	{width: 100% ;  ;  z-index: 999; position: absolute;  left: 0px; top:0px; padding: 10%}

	.ingcont_view2 .case_img_tx	 .case_img_intx	{ width:100%;  ; font-size:14px; color: #fff;  font-family: 'Pretendard';   font-weight: 400; line-height: 100%; margin-bottom: 10px; letter-spacing: -1px; }
.ingcont_view2 .case_img_tx	 .case_img_intit{ width:100%;  ; font-size:30px; color: #fff;  font-family: 'Pretendard';   font-weight: 400; line-height: 130%;  letter-spacing: -1px; }	
	
	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ingcont_view2{ width:100%!important; height:150px;  ;  border-radius: 10px; position: relative; margin-bottom: 250px}	

.ingcont_view2 .case_img{
position: relative;
width: 100%;
height: 0;
overflow: hidden;
cursor: pointer;
border-radius:10px;	

}
.ingcont_view2 .case_img img{
	background-color: #000;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: bottom right;
}	
	
.ingcont_view2 .case_img_tx	{width: 100% ;  ;  z-index: 999; position: absolute;  left: 0px; top:0px ; padding:30px 30px}
	
.ingcont_view2 .case_img_tx	 .case_img_intx	{ width:100%;  ; font-size:14px; color: #fff;  font-family: 'Pretendard';   font-weight: 400; line-height: 100%; margin-bottom: 10px; letter-spacing:0px; }
.ingcont_view2 .case_img_tx	 .case_img_intit{ width:100%;  ; font-size:18px; color: #fff;  font-family: 'Pretendard';   font-weight: 400; line-height: 130%;  letter-spacing: -1px; }
		
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ingcont_view   {width:100%!important;  ; height: 500px; box-sizing: border-box; position: relative;  border: 1px solid rgba(49,60,125,0.4); box-shadow: 10px 10px 30px rgb(48 58 118 / 15%); border-radius: 30px; }
.ingcont_view .case_info {width: 100%; ;  padding: 0px 40px}
		
.ingcont_view .case_info .stitle {
	width: 100%;	;
	font-size: 30px;
	color: #333;
	font-family: 'Pretendard';
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* 표시할 줄 수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 120%;
	margin-bottom: 10px;
	letter-spacing: -1px
}
.ingcont_view .case_info  .stxt{ width:100%;  ;  font-size:16px	; color: #8f8f8f;  font-family: 'Pretendard';   font-weight: 500; line-height: 150%; margin-bottom: 50px; letter-spacing: -1px} 
.ingcont_view .case_info  .stxt2{ width:100%;  ;  display: flex; justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; margin-bottom: 10px} 	
.ingcont_view .case_info  .stxt2 .stxt_info{  font-size:24px	; color:#4b7de6;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; margin-right: 20px;  } 	
.ingcont_view .case_info  .stxt2 .stxt_info em{  font-size:36px	; color:#4b7de6;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt2 .stxt_info2{  font-size:16px	; color:#8f8f8f;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt2 .stxt_info2 em{  font-size:16px; color:#000;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt3{ width:100%;  ; font-size:24px	; color:#ff5277;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 		
	
	
	
.ingcont_view .case_info2 {width: 100%; ;  padding: 40px}	
.ingcont_view .case_info2 {width: 100%; ;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	

		
.ingcont_view .case_info2 .labal01{ width:max-content;background-color:var(--div-color1) ; padding: 10px 1rem; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:17px; line-height: 100%; text-align: center; }	/*진행중 */
.ingcont_view .case_info2 .labal02{width:max-content;background-color:var(--div-color1) ; padding: 10px 1rem; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:17px; line-height: 100%; text-align: center;}/*준비중 */		
.ingcont_view .case_info2 .labal03{width:max-content;background-color:#00cc55 ; padding: 10px 1rem; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:17px; line-height: 100%; text-align: center; }/*종료중 */		
.ingcont_view .case_info2 .labal04{width:max-content;background-color:#F39F01 ; padding: 10px 1rem; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:17px; line-height: 100%; text-align: center; }/*기타.. */		
.ingcont_view .case_info2 .labal05{width:max-content;background-color:var(--div-com2)  ; padding: 10px 1rem; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:17px; line-height: 100%; text-align: center; }/*기타.. */		
	
	
	
.label_icon_more{width:50px; height: 50px;  background-color:#eee ;  border-radius: 100%; border: 1px solid #ccc; position: relative}	
.label_icon_more:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/share_icon.svg")no-repeat; background-size: 25px; position: absolute; left:12px; top:12px;}	

.label_icon_more_layer{position: absolute; right: 0px; top:50px; cursor: pointer; background-color: #fff; border-radius:10px; border: 1px solid  #ccc; width:180px; height: auto; z-index: 99; box-shadow:3px 3px 30px rgba(0,0,0,0.1); padding: 20px 10px 0px; display: none; }	
.label_icon_more_layer .bbs_intomenu{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/kakao_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}
.label_icon_more_layer .bbs_intomenu2{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu2:before{content: "";   width:25px; height: 25px; background: url("../../images/sub/04/naver_icon.png")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}	
.label_icon_more_layer .bbs_intomenu3{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu3:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/x_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}	
.label_icon_more_layer .bbs_intomenu4{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu4:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/facebook_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}		
.label_icon_more_layer .bbs_intomenu5{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu5:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/tele_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}		
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	.ingcont_view   {width:100%!important;  ; height: auto; box-sizing: border-box; position: relative;  border: 1px solid rgba(49,60,125,0.4); box-shadow: 10px 10px 30px rgb(48 58 118 / 15%); border-radius: 20px; }
	.ingcont_view .case_info2 {width: 100%; ;  padding: 20px}	
	
	.ingcont_view .case_info {width: 100%; ;  padding: 0px 20px 100px}
	.ingcont_view .case_info  .stitle{ width:100%;  ; font-size:18px; color: #333;  font-family: 'Pretendard';   font-weight: 700; line-height: 120%; margin-bottom: 10px; letter-spacing: -1px} 	
	.ingcont_view .case_info  .stxt{ width:100%;  ;  font-size:14px	; color: #8f8f8f;  font-family: 'Pretendard';   font-weight: 500; line-height: 150%; margin-bottom: 10px; letter-spacing: -1px} 
	.ingcont_view .case_info  .stxt2{ width:100%;  ;  display: flex; justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; margin-bottom: 10px} 	
.ingcont_view .case_info  .stxt2 .stxt_info{  font-size:18px	; color:#4b7de6;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; margin-right: 5px;  } 	
.ingcont_view .case_info  .stxt2 .stxt_info em{  font-size:22px	; color:#4b7de6;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt2 .stxt_info2{  font-size:16px	; color:#8f8f8f;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt2 .stxt_info2 em{  font-size:16px; color:#000;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt3{ width:100%;  ; font-size:16px	; color:#ff5277;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 		
	
	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ingcont_view   {width:100%!important;  ; height: auto;  padding-bottom:70px; box-sizing: border-box; position: relative;  border: 1px solid rgba(49,60,125,0.4); box-shadow: 10px 10px 30px rgb(48 58 118 / 15%); border-radius: 10px; }
.ingcont_view .case_info {width: 100%; ;  padding: 0px 20px}
		
.ingcont_view .case_info  .stitle{ width:100%;  ; font-size:20px; color: #333;  font-family: 'Pretendard';   font-weight: 700; line-height: 120%; margin-bottom:5px; letter-spacing: -1px} 
.ingcont_view .case_info  .stxt{ width:100%;  ;  font-size:14px	; color: #8f8f8f;  font-family: 'Pretendard';   font-weight: 500; line-height: 150%; margin-bottom: 10px; letter-spacing: -1px} 
.ingcont_view .case_info  .stxt2{ width:100%;  ;  display: flex; justify-content:flex-start;  align-items:flex-end; flex-direction:row; box-sizing: border-box; margin-bottom: 10px} 	
.ingcont_view .case_info  .stxt2 .stxt_info{  font-size:24px	; color:#4b7de6;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; margin-right: 10px;  } 	
.ingcont_view .case_info  .stxt2 .stxt_info em{  font-size:26px	; color:#4b7de6;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt2 .stxt_info2{  font-size:16px	; color:#8f8f8f;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt2 .stxt_info2 em{  font-size:16px; color:#000;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 	
.ingcont_view .case_info  .stxt3{ width:100%;  ; font-size:18px	; color:#ff5277;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; } 		
	
	
	
.ingcont_view .case_info2 {width: 100%; ; padding: 10px 20px 0px 20px}	
.ingcont_view .case_info2 {width: 100%; ;  display: flex;
justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; }	

		
.ingcont_view .case_info2 .labal01{width:max-content;padding:7px 1rem; background-color:var(--div-color1) ; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; }	/*진행중 */
.ingcont_view .case_info2 .labal02{width:max-content;padding:7px 1rem; background-color:#00cc55 ; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center;}/*준비중 */		
.ingcont_view .case_info2 .labal03{width:max-content;padding:7px 1rem; background-color:var(--div-com2) ; border-radius: 4px; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; }/*종료중 */		
.ingcont_view .case_info2 .labal04{width:max-content;padding:7px 1rem; background-color:#F39F01 ; border-radius: 4px; font-family: 'Pretendard';  color:#F39F01;   font-weight: 500; font-size:14px; line-height: 100%; text-align: center; }/*기타.. */		
	
	
	
.label_icon_more{width:40px; height: 40px;  background-color:#eee ;  border-radius: 100%; border: 1px solid #ccc; position: relative}	
.label_icon_more:before{content: "";   width:40px; height: 40px; background: url("../../images/svg_icon/share_icon.svg")no-repeat 40% center; background-size: 20px; position: absolute; left:0px; top:0px}	


.label_icon_more_layer{position: absolute; right: 0px; top:50px; cursor: pointer; background-color: #fff; border-radius:10px; border: 1px solid  #ccc; width:180px; height: auto; z-index: 99; box-shadow:3px 3px 30px rgba(0,0,0,0.1); padding: 20px 10px 0px; display: none }	
.label_icon_more_layer .bbs_intomenu{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/kakao_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}
.label_icon_more_layer .bbs_intomenu2{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu2:before{content: "";   width:25px; height: 25px; background: url("../../images/sub/04/naver_icon.png")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}	
.label_icon_more_layer .bbs_intomenu3{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu3:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/x_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}	
.label_icon_more_layer .bbs_intomenu4{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu4:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/facebook_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}		
.label_icon_more_layer .bbs_intomenu5{ width: 100%; ;  font-size: 15px; position: relative;    font-family: 'Pretendard'; font-weight: 500; color: #000!important; padding-left: 45px; position: relative; margin-bottom: 20px; text-align: left}	
.label_icon_more_layer .bbs_intomenu5:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/tele_icon.svg")no-repeat; background-size: 25px; position: absolute; left:10px; top:-5px}		
	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ingcont_view .case_info3 {width: 100%; ; display: flex; position: absolute; left: 0px; bottom:0px}	
	
.ingcont_view .case_info3>.ingcont_like {
        background-color: #0d1339;
        font-family: 'Pretendard';
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        padding: 25px 20px 0px 45px;
        position: relative;
        border-radius: 0px 0px 0px 20px;
        white-space: nowrap;
        max-width: 100%;
}

.ingcont_view .case_info3>.ingcont_like:before {
	content: "";
	width: 25px;
	height: 25px;
	background: url("../../images/svg_icon/like_icon.svg")no-repeat;
	background-size: 20px;
	position: absolute;
	left: 18px;
	top: 23px;
	cursor: pointer;
}
.ingcont_view .case_info3>.ingcont_like.active:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon_ov.svg")no-repeat; background-size: 20px; position: absolute;  left:18px; top:23px}}
	
.ingcont_view .case_info3>.ingcont_btn {
    background-color: #2f3973;
    font-family: 'Pretendard';
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    cursor: pointer;
    padding: 25px 20px;
    text-align: center;
    border-radius: 0px 0px 20px 0px;
    flex: 1 1 auto;
}


/* read_suggest 소송내용 */
.outer_links {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;

}

.outer_links>* {
	width: 100%;
	height: 80px;
	border: 1px solid rgba(49, 60, 125, 0.4);
	border-radius: 30px;
	margin-top: 10px;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 50px;
	box-shadow: 10px 10px 30px rgb(48 58 118 / 15%);
}

.outer_links img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.outer_links .naver_cafe img {
	width: 70px;
	height: 70px;
	margin-left: -10px;
}

.outer_links span {
	font-size: 1.25rem;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:768px) {
	.outer_links {
		display: flex;
		gap: 10px;
	}

	.outer_links>* {
		width: calc((100% - 20px) / 3);
		padding: 0;
		justify-content: center;
		flex-direction: column;
	}

	.outer_links img {
		margin: 0 !important;
	}

	.outer_links span {
		display: none;
	}

	.outer_links .kakao::after {
		content: "카톡 오픈채팅";
	}

	.outer_links .naver_cafe img {
		width: 50px;
		height: 50px;
	}

	.outer_links .naver_cafe::after {
		content: "네이버 카페"
	}

	.outer_links .youtube::after {
		content: "로집사 유튜브"
	}
	
		.sidebar {
			top: 270px!important;
		}
		.case_img_tx {
			height: 100% !important;
		}
		.vs {
			display: none
		}
		.banner_wrap {
			flex-direction: column;
		}
		.case_img_banner {
			width: 100%;
			margin-bottom: .5rem;
		}
		br.pcBreak {
				display: none;
			}
	

	.ingcont_view2 {
		height: 250px;
	}

	.ingcont_view2 .case_img {
		background-color: #000;
		height: 100%;
	}


}

	.ingcont_view2 .case_img img {
		object-fit: cover;
		object-position:bottom right;
		filter: brightness(0.3);
		transition: filter 0.3s ease-in-out;
	}
	.ingcont_view2:hover .case_img img{
		filter: brightness(0.9);

	}
	.ingcont_view2:hover .case_img_tx {
		opacity: 0.3;
		color: #000;
		transition: all 0.3s ease-in-out;
	}
	.ingcont_view2
	.case_img_tx {
		height: 100% !important;
		display: flex;
		flex-direction: column;

		justify-content: space-between
	}

	.banner_wrap {
		width: 100%;
		height: 100px;
		display: flex;
		justify-content: space-between;
		margin-top: auto !important;
	}

	.case_img_banner {
		height: 100%;
		width: 40%;
		color: #fff;
		margin-top: auto !important;
		font-size: 1.5rem;
		line-height: 1.2;
		padding: 1rem;
		border-radius: 50px;
		display: flex;
		justify-content: center;
		background-color: rgba(44, 77, 169, 0.8);
		cursor: pointer;
		display: flex;
		align-items: center;
	}
	
	.case_img_banner:hover {
		background-color: rgba(44, 77, 169, 1);
	}
	
	.vs {
		color: #fff;
		font-size: 2rem;
		line-height: 100px;
		text-align: center;
	}
	@media(max-width: 1280px) {
		.vs {
			line-height: 60px;
		}
		.case_img_banner {
			font-size: .8rem!important;
			padding: 10 px
		}

	}
@media (min-width: 768px) {
		.case_img img {
			object-fit:cover;
		}
	}
/* 소송 진행 상황 progress */
.lawsuit-progress {
	margin-bottom: 50px;
}
.lawsuit-progress .progress-header {
	width: 100%;
	;
	margin-bottom: 30px;
	margin-top: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	flex-direction: row;
	box-sizing: border-box;
	gap:1rem;
	flex-wrap: wrap;
}
.lawsuit-progress .progress-number {
	font-size:20px;
	width:100%;
	text-align: center;
	margin-top:1rem;
}
.lawsuit-progress .progress-number .number-now {
	color: red;
}
.lawsuit-progress .progress-header .progress-title,
.lawsuit-articles .articles-title {
	font-size: 30px;
	color: #333;
	font-family: 'Pretendard';
	font-weight: 700;
	line-height: 100%;
}
@media (max-width: 768px) {
	.lawsuit-progress .progress-header {
		gap:0.5rem;
	}
	.lawsuit-progress .progress-header .progress-title,.lawsuit-articles .articles-title  {
		font-size: 20px;
	}
}
.lawsuit-progress .progress-header .progress-description {
	font-size: 16px;
}
/* .lawsuit-progress .progress-card {
	padding:1rem;
	background-color: #fff;
	border-radius: 50px;
	clear:both;
} */
.lawsuit-progress .progress {
    height: 50px;
    border-radius: 50px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    width: 100%;
    position: relative;
    z-index: 0;
    background-color: #fff;
}
/* .lawsuit-progress .progress::before {
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	border:4px solid #333;
	z-index: 5;
	border-radius:50px;
} */
.lawsuit-progress .progress .progress-text {
	content:'45%';
	position:absolute;
	width:100px;
	height:100%;
	font-size: 1.2rem;
	color: #000;
	right:0;
	top:0;
	z-index:5;
	display:flex;
	justify-content: center;
	align-items:center;
	font-weight:700;
}
.lawsuit-progress .progress-bar {
	height: calc(100% - 14px);
    width: calc(100% - 14px);
    background: linear-gradient(to right, #FFB200 0%, #E60000 100%);
    clip-path: inset(0 5% 0 0); /* 100% - percentage */
    border-radius: 50px;
    position: absolute;
    max-width: 100%;
    z-index: 1;
    top: 7px;
    left: 7px;
}

/* 소송 관련 기사 */
.lawsuit-articles {
	width: 100%;
	margin-bottom: 30px;
}
.lawsuit-articles .articles-title {margin-bottom:1rem;}
.lawsuit-articles .press-title {
	font-weight: 700;
	font-size:1.2rem;
}
.lawsuit-articles .press-description {
	font-size:1rem;
}
.press-block {
	margin-bottom:1rem;
	padding-right: 1rem;
}
@media (max-width: 768px) {
	.lawsuit-articles .press-title {
		font-size: 1rem;
	}
	.lawsuit-articles .press-description {
		font-size: 0.8rem;
	}
}
 
/* 소송 관련 기사  */
#id__press_container .press-block {
	margin-bottom:0;
	padding:0;

}
#id__press_container .d-grid {
	grid-template-columns: 1fr 1fr;
	gap:1rem;;
}
#id__press_container .press-block a {
border-radius:14px;
	padding:1rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height:100%;

}
#id__press_container .press-block img {width: auto;border-radius:10px;height: 200px;object-fit: contain;background-color: #000;
}
#id__press_container .press-block .press-title {
    font-weight: 700;
    font-size: 1.2rem;
    color: #333;
}
/* 소송 내용 */
.case_info4 {width: 100%; margin-bottom:50px;}		
.case_info4  .stitle2{ width:100%;  ; font-size:30px; color: #333;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; margin-bottom: 30px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; } 	
.case_info4  .stitle2 em{ width:30px; height: 30px;  background-color:  var(--div-color1); border-radius: 100%; font-size:18px; color: #fff;  font-family: 'Pretendard';   font-weight:500; line-height:30px;  margin-left: 10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; } 	
	
.case_info4  .case_info_img { width:100%;  ;  display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box; background-color: #fff; border-radius: 30px; padding:50px} 	
.case_info4  .case_info_img img{ width: 100%; height: auto; }	
	
	

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
	
.ingcont_view .case_info3 {width: 100%; ; display: flex;  position: absolute; left: 0px; bottom:0px}	
	
.ingcont_view .case_info3>.ingcont_like {flex:1;width: 100%; ; background-color: #0d1339; font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:16px; line-height: 100%; padding:15px 20px 0px 50px; position: relative ; border-radius: 0px 0px 0px 10px;}
.ingcont_view .case_info3>.ingcont_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon.svg")no-repeat; background-size: 25px; position: absolute; left:20px; top:10px}
.ingcont_view .case_info3>.ingcont_like.active:before{background: url("../../images/svg_icon/like_icon_ov.svg")no-repeat;}
	
.ingcont_view .case_info3>.ingcont_btn {width: 100%; ; background-color:#2f3973;  font-family: 'Pretendard';  color:#fff;   font-weight: 500; font-size:16px; line-height: 100%; cursor:pointer;  padding:15px; text-align: center; ; border-radius: 0px 0px 10px 0px;}	

	
.case_info4 {width: 100%;  }		
.case_info4  .stitle2{ width:100%;  ; font-size:20px; color: #333;  font-family: 'Pretendard';   font-weight: 700; line-height: 100%; margin-bottom:10px;  display: flex;
justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; } 	
.case_info4  .stitle2 em{ width:30px; height: 30px;  background-color:  var(--div-color1); border-radius: 100%; font-size:18px; color: #fff;  font-family: 'Pretendard';   font-weight:500; line-height:30px;  margin-left: 10px;  display: flex;
justify-content:center;  align-items: center; flex-direction:row; box-sizing: border-box; } 	
	
.case_info4  .case_info_img { width:100%;  ;  display: flex; justify-content:center;  align-items: center; flex-direction:column; box-sizing: border-box;  padding:0px} 	
.case_info4  .case_info_img img{  width:100%; }	
	


}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/











/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.sub_new_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(3, 1fr); gap:40px;  cursor: pointer}	
.sub_new_listbox>.sub_new_list{width:100%; ;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 40px ; position: relative}
.sub_new_listbox>.sub_new_list:hover{width:100%; ;  border: 1px solid var(--div-color1);   }
	
	
.sub_new_listbox>.sub_new_list .sub_new_labal{width:max-content; ; padding: 5px 10px; border-radius: 4px; background-color:var(--div-color1);  font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:14px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}	
.sub_new_listbox>.sub_new_list .sub_new_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:20px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}
.sub_new_listbox>.sub_new_list .sub_new_txt{width:90%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:14px; line-height: 130%; margin-bottom:80px; letter-spacing: -1px}	
	
.sub_new_listbox>.sub_new_list .counting_box{width:100%; ; border-top: 1px solid  #ccc; position: absolute; left:0px; bottom:0px; padding: 20px 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap:40px; }		
	
.sub_new_listbox>.sub_new_list .counting_box .counting_view{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
.sub_new_listbox>.sub_new_list .counting_box .counting_like{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
.sub_new_listbox>.sub_new_list .counting_box .counting_date{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_date:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/date_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}		
	
	
	
.detail_box	{width:100%;  ; background-color: #fff ; padding:50px; border: 1px solid #ccc}	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
	
.sub_new_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(2, 1fr); gap:20px;  cursor: pointer}	
.sub_new_listbox>.sub_new_list{width:100%; ;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 40px ; position: relative}
.sub_new_listbox>.sub_new_list:hover{width:100%; ;  border: 1px solid var(--div-color1);   }
	
	
.sub_new_listbox>.sub_new_list .sub_new_labal{width:auto; ; padding: 5px 10px; border-radius: 4px; background-color:var(--div-color1);  font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:14px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}	
.sub_new_listbox>.sub_new_list .sub_new_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:20px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}
.sub_new_listbox>.sub_new_list .sub_new_txt{width:90%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:14px; line-height: 130%; margin-bottom:80px; letter-spacing: -1px}	
	
.sub_new_listbox>.sub_new_list .counting_box{width:100%; ; border-top: 1px solid  #ccc; position: absolute; left:0px; bottom:0px; padding: 20px 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap:40px; }		
	
.sub_new_listbox>.sub_new_list .counting_box .counting_view{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
.sub_new_listbox>.sub_new_list .counting_box .counting_like{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
.sub_new_listbox>.sub_new_list .counting_box .counting_date{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_date:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/date_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}		
	
	
	
.detail_box	{width:100%;  ; background-color: #fff ; padding:50px; border: 1px solid #ccc}
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.sub_new_listbox{width:100%;  ;  display: grid; grid-template-columns: repeat(1, 1fr); gap:10px;  cursor: pointer}	
.sub_new_listbox>.sub_new_list{width:100%; ;  border: 1px solid #ccc; border-radius: 20px 0px 20px 20px; background-color: #fff; padding: 20px ; position: relative}
.sub_new_listbox>.sub_new_list:hover{width:100%; ;  border: 1px solid var(--div-color1);   }
	
	
.sub_new_listbox>.sub_new_list .sub_new_labal{width:auto; ; padding: 5px 10px; border-radius: 4px; background-color:var(--div-color1);  font-family: 'Pretendard';  color:#fff;   font-weight: 700; font-size:14px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}	
.sub_new_listbox>.sub_new_list .sub_new_tit{width:100%; ; font-family: 'Pretendard';  color:#333;   font-weight: 700; font-size:18px; line-height: 100%; margin-bottom:10px; letter-spacing: -1px}
.sub_new_listbox>.sub_new_list .sub_new_txt{width:90%; ; font-family: 'Pretendard';  color:#666;   font-weight: 500; font-size:12px; line-height: 130%; margin-bottom:50px; letter-spacing: -1px}	
	
.sub_new_listbox>.sub_new_list .counting_box{width:100%; ; border-top: 1px solid  #ccc; position: absolute; left:0px; bottom:0px; padding: 15px 40px 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap:0px; }		
	
.sub_new_listbox>.sub_new_list .counting_box .counting_view{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_view:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/view_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
.sub_new_listbox>.sub_new_list .counting_box .counting_like{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_like:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/like_icon2.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}	
	
.sub_new_listbox>.sub_new_list .counting_box .counting_date{width:100%; height: 25px;  ; font-family: 'Pretendard';  color:#666;   font-weight:500; font-size:14px; line-height: 100%; position: relative; padding-left: 30px}	
.sub_new_listbox>.sub_new_list .counting_box .counting_date:before{content: "";   width:25px; height: 25px; background: url("../../images/svg_icon/date_icon.svg")no-repeat; background-size: 25px; position: absolute; left:0px; top:-5px}		
	
	
	
.detail_box	{width:100%;  ; background-color: #fff ; padding:50px; border: 1px solid #ccc}



}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/