/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.GapCom{   width: 100%; height: 80PX;  float: left;}		
.GapCom_s{   width: 100%; height:40PX;  float: left;}	
.GapCom_ss{   width: 100%; height:20PX;  float: left;}		
.GapCom_m{   width: 100%; height:60PX;  float: left;}

.GapCom_bar{   width: 100%;  height: 80PX; float: left;}

.GapCom_line{   width: 100%; height:1PX;  float: left; border-bottom: 1px dashed #ccc; margin: 30px 0px; }	
.GapCom_line2{   width: 100%; height:1PX;  float: left; border-bottom: 1px dashed #ccc; }		
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.GapCom{   width: 100%; height: 60PX;  float: left;}	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.GapCom{   width: 100%; height: 40PX;  float: left;}		
.GapCom_s{   width: 100%; height:20PX;  float: left;}
.GapCom_ss{   width: 100%; height:15PX;  float: left;}
.GapCom_m{   width: 100%; height:30PX;  float: left;}

.GapCom_bar{   width: 100%; height: 5PX;  background-color: var(--div-com); float: left; margin: 30px 0px}

.GapCom_line{   width: 100%; height:1PX;  float: left; border-bottom: 1px dashed #ccc; margin:20px 0px}	
.GapCom_line2{   width: 100%; height:1PX;  float: left; border-bottom: 1px dashed #ccc; }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.Pc_Titlebox{ width: 100%; float: left; display: flex;  justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box; position: relative; margin-top: 20px}
.Pc_Titlebox .Sub_Tit{ width: 100%; float: left; font-weight:900!important;  font-size:30px;line-height: 110%; color: #333; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ;padding-left: 0px ; position: relative}
.Pc_Titlebox .Sub_Tit em{ font-weight:400!important;font-size:14px; margin-left: 5px }	
.Pc_Titlebox .Sub_Tit:before{width: 8px; height: 8px;  border-radius: 100%; position: absolute; left:-15px; top:-10px; background-color:var(--div-color1); content: "";  z-index: 99}		

.Pc_Titlebox .sub_txt{ width:auto; float:left;font-weight:900!important;  font-size:var(--f-14); color: #333; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ; position: absolute; right: 0px; top: 0px}


.Sorting_Box{ width:100%; float:left; position: relative; margin-bottom: 20px }	
.Sorting_Box .bbs_info{ width:auto; float:left; height: 50px; line-height: 50px; font-family: 'NanumSquareAcr';}	
.Sorting_Box .bbs_info em{ font-family: 'Pretendard'; font-weight: 700}	

.Sorting_Box .Sorting_in{ width:auto; float:left; position: absolute; right: 0px; top: 0px; }
.Sorting_Box .Sorting_in form{ display: flex; gap:10px;  justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box }	

.Sorting_Box .Sorting_in2{ width:auto; float:left; position: absolute; right:0px; top: 0px; display: flex; gap:10px;  justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box;}
.Sorting_Box .Sorting_in2 form{ display: flex; gap:10px;  justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box;}

.Sorting_Box .Sorting_in .allmap_btn{ width:auto; float:right; height:45px!important;  font-size:var(--f-m2); font-weight:600!important;
font-family:  'NanumSquare', sans-serif; 
transform: skew(-0.201deg)!important; color: #666; background-color: var(--div-com); border: 1px solid #ccc; line-height:45px!important; position: relative; 
padding: 0px 30px 0px 10px!important;   border-radius:4px; cursor:pointer}	
.Sorting_Box .Sorting_in .allmap_btn:before{content: "\e99a";   font-family: unicons-line; position: absolute; right: 10px; top: 0px;color: #000; font-size: 15px}
	
	
.Sorting_Box .Sorting_in select{ min-width:100px!important; float:left;   font-size:var(--f-m2); font-family: 'Pretendard'; font-weight: 600}	
.Sorting_Box .Sorting_in input{ width:150px!important; float:left;   font-size:var(--f-m2);font-family: 'Pretendard'; font-weight: 600}	
.Sorting_Box .Sorting_in .search_btn{ width:50px!important; float:left;    height: 42px; background-color: rgba(54,54,54,1.00); border-radius: 4px; color: #fff; display: flex;  justify-content: center;  align-items: center;}
.Sorting_Box .Sorting_in .search_btn:before{ content: "\e99a";   font-family: unicons-line;color: #fff; }

.Sorting_Box .Sorting_in2 select{ min-width:100px!important; float:left;   font-size:var(--f-m2); }	
.Sorting_Box .Sorting_in2 input{ width:150px!important; float:left;   font-size:var(--f-m2);}	
.Sorting_Box .Sorting_in2 .search_btn{ width:50px!important; float:left;    height: 42px; background-color: rgba(54,54,54,1.00); border-radius: 4px; color: #fff; display: flex;  justify-content: center;  align-items: center;}
.Sorting_Box .Sorting_in2 .search_btn:before{ content: "\e99a";   font-family: unicons-line;color: #fff; }	
	
	
	
.Sorting_Box .Sorting_in2 .parter_btn {  width:185px!important; float:left; height:45px!important;  font-size:var(--f-m2); font-family: 'NanumSquareAcr'; color: #fff; background-color: var(--div-com2); border: 1px solid #ccc; line-height:100%!important; position: relative; text-align: left;
padding: 15px 45px 5px 20px!important;   border-radius:4px; cursor:pointer; }	
.Sorting_Box .Sorting_in2 .parter_btn:before{content: "\e82e";   font-family: unicons-line; position: absolute; right:20px; top: 15px;color: #fff; font-size: 20px}	
}



/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {


.Pc_Titlebox .Sub_Tit{  font-size:26px;}



}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Pc_Titlebox{ width: 100%; float: left; display: flex;  justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box; margin-bottom: 20px}
.Pc_Titlebox .Sub_Tit{ width:70%; float: left; font-weight:900!important;  font-size:24px; color: #333; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ;padding-left: 0px ; position: relative; display: none}
.Pc_Titlebox .Sub_Tit em{ font-weight:400!important;font-size:14px; margin-left: 5px ; display: none}	
.Pc_Titlebox .Sub_Tit:before{width: 8px; height: 8px;  border-radius: 100%; position: absolute; left:-5px; top:-5px; background-color:var(--div-color1); content: "";transition: all 0.5s; display: none}			

.Pc_Titlebox .sub_txt{ width:100%; float:left;font-weight:900!important;  font-size:var(--f-14); color: #333; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ;text-align: left}	

.Pc_Titlebox .sub_view{ width:100%; float:left;display: flex; gap:0px;  justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box}	

.Pc_Titlebox .sub_view .allmap_btn{ wwidth:100%; float:left;height:40px!important;  font-size:var(--f-s2); font-weight:600!important; font-family:  'NanumSquare', sans-serif; 
transform: skew(-0.201deg)!important; color: #666; background-color: var(--div-com); border: 1px solid #ccc; line-height:40px!important; position: relative; 
padding: 0px 30px 0px 10px!important;   border-radius:4px; cursor:pointer}		
.Pc_Titlebox .sub_view .allmap_btn:before{content: "\e99a";   font-family: unicons-line; position: absolute; right: 10px; top: 0px;color: #000; font-size: 15px}	

.Sorting_Box{ width:100%; float:left; position: relative; margin-bottom: 20px }	
.Sorting_Box .bbs_info{width:100%; float:left; height: 50px; line-height: 50px; font-family: 'NanumSquareAcr';font-size: 13px;}	
.Sorting_Box .bbs_info em{ font-family: 'Pretendard'; font-weight: 700 }	

.Sorting_Box .Sorting_in{ width:100%; float:left;  }	
.Sorting_Box .Sorting_in form{ width:100%; float:left;  display: grid; gap:2px; grid-template-columns: 100px auto 50px; }	
.Sorting_Box .Sorting_in2{ width:100%; float:left;  }	
.Sorting_Box .Sorting_in2 form{ width:100%; float:left;  display: grid; gap:2px; grid-template-columns: 100px auto 50px; }	

.Sorting_Box .Sorting_in .allmap_btn{ width:100%; float:left;  height:45px!important;  font-size:var(--f-m2); font-weight:600!important;
font-family:  'NanumSquare', sans-serif; 
transform: skew(-0.201deg)!important; color: #666; background-color: var(--div-com); border: 1px solid #ccc; line-height:45px!important; position: relative; 
padding: 0px 30px 0px 10px!important;   border-radius:4px; cursor:pointer}	


.Sorting_Box .Sorting_in .allmap_btn:before{content: "\e99a";   font-family: unicons-line; position: absolute; right: 10px; top: 0px;color: #000; font-size: 15px}	
	
.Sorting_Box .Sorting_in select{ min-width:100px!important; float:left;   font-size:var(--f-m2); font-family: 'Pretendard'; font-weight: 600}	
	
.Sorting_Box .Sorting_in input{ width:100%!important; float:left;   font-size:var(--f-m2);font-family: 'Pretendard'; font-weight: 600}	
	
	
.Sorting_Box .Sorting_in .search_btn{ width:50px!important; float:left;    height: 40px; background-color: rgba(54,54,54,1.00); border-radius: 4px; color: #fff; display: flex;  justify-content: center;  align-items: center;}
.Sorting_Box .Sorting_in .search_btn:before{ content: "\e99a";   font-family: unicons-line;color: #fff; }

.Sorting_Box .Sorting_in2 select{ min-width:100px!important; float:left;   font-size:var(--f-m2);}	
.Sorting_Box .Sorting_in2 input{ width:100%!important; float:left;   font-size:var(--f-m2);}	
	
	
.Sorting_Box .Sorting_in2 .search_btn{ width:50px!important; float:left;    height: 40px; background-color: rgba(54,54,54,1.00); border-radius: 4px; color: #fff; display: flex;  justify-content: center;  align-items: center;}
.Sorting_Box .Sorting_in2 .search_btn:before{ content: "\e99a";   font-family: unicons-line;color: #fff; }
	
	
.Sorting_Box .Sorting_in2 .parter_btn { width:100%!important; float:left; height:40px!important;  font-size:var(--f-m2); font-family: 'NanumSquareAcr'; color: #fff; background-color: var(--div-com2); border: 1px solid #ccc; line-height:100%!important; position: relative;
padding: 12px 0px 8px 0px!important;    border-radius:4px; cursor:pointer; text-align: center; margin-top: 5px}	
.Sorting_Box .Sorting_in2 .parter_btn:before{content: "\e82e";   font-family: unicons-line; position: absolute; right:50px; top: 12px;color: #fff; font-size: 20px}	

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





.Part_dotline{width: 100%; float:left; border-bottom: 1px dashed #ccc; margin: 20px 0px}







/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ListboxCom_photo{ width: 100%; float: left; display: grid; grid-template-columns: repeat(3, 1fr); gap:30px; }

.ListboxCom_photo>.ListboxCom_inbox .imgbox{ width: 100%; float: left; position: relative;  }		
.ListboxCom_photo>.ListboxCom_inbox .imgbox img{ width: 100%; float: left; }		

.ListboxCom_photo>.ListboxCom_inbox .imgbox {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom: 70%; cursor: pointer
}
.ListboxCom_photo>.ListboxCom_inbox .imgbox .img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 10px; overflow: hidden; background-color: #000;

	
}
.ListboxCom_photo>.ListboxCom_inbox .imgbox  .gr_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+98&0+0,0.68+80 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.68) 80%,rgba(0,0,0,0.68) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ ; z-index: 99;
border-radius:9px; overflow: hidden; border: 1px solid #ccc;

}	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .img img{
width:100%;     object-fit: cover;
width: 100%;
height: 100%; -webkit-transform: scale(1);
transform: scale(1);transition: all 1s;-moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;  opacity: 1

}


.ListboxCom_photo>.ListboxCom_inbox .imgbox:hover .img img{
width:100%;     object-fit: cover;
width: 100%;
height: 100%; 	-webkit-transform: scale(1.2);
transform: scale(1.2);opacity: 0.5;
}


.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box{ width: 100%; float: left;position:absolute; left:40px; bottom:30px; z-index: 99; overflow: hidden }	
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_tit{ width: 100%; float: left;  line-height: 120%; font-size:20px; color: #fff;font-family: 'Pretendard'; ;margin-bottom: -20px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}		
.ListboxCom_photo>.ListboxCom_inbox  .imgbox:hover .InfoTx_box .InfoTx_tit{margin-bottom: 0px}	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit em{  font-weight:900!important;  font-size:22px; color: #fff; font-family: 'Pretendard'; }

.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt{ width: 100%; float: left; opacity: 0; margin-bottom: -50px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}	

.ListboxCom_photo>.ListboxCom_inbox  .imgbox:hover .InfoTx_box .InfoTx_dt{ width: 100%; float: left; opacity:1; margin-bottom: 0px;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_ad{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-14); color: #fff;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 120%; margin-top: 10px; 
}
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_tel{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-14); color: #fff; letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 120%; 
}

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_web{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-14); color: #fff;  letter-spacing: -0.5px; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 120%;   }
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_web em{  font-weight:400!important;  font-size:var(--f-15); color: #fff; }	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit2{  width: 100%; float: left; font-size:22px; color: #fff; font-family: 'Pretendard';  font-weight: 700;  margin-bottom:10px;}
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit3{  width: 370px; float: left; font-size:17px; 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; }
	
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_kind{ width: 100%; float: left;   font-size:var(--f-14); color: #fff;  letter-spacing: -0.5px ; margin-bottom:5px; line-height: 120%;   }
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tip{ width: 100%; float: left;   font-size:var(--f-14); color: #ff0000;  letter-spacing: -0.5px ; line-height: 120%;   }

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box{ width: 100%; float: left;position:absolute; left:15px; bottom:15px; z-index: 99 }	
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_tit{ width: 100%; float: left; font-weight:500!important;  font-size:18px; color: #fff; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ; margin-bottom: 10px}		
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit em{  font-weight:900!important;  font-size:18px; color: #fff; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ; }
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_ad{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-12); color: #fff;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 110%}
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_tel{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-12); color: #fff; letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 110%}
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tel em{  font-weight:400!important;  font-size:var(--f-12); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; }	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt  .info_web{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-12); color: #fff; letter-spacing: -0.5px; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 110%}
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_web em{  font-weight:400!important;  font-size:var(--f-12); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; }

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit2{  width: 100%; float: left; font-size:18px; color: #fff; font-family: 'Pretendard'; font-weight: 700; margin-bottom:10px;}
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit3{  width: 100%; float: left; font-size:15px; color: #fff; font-family: 'Pretendard'; font-weight: 500; margin-bottom:5px;}	
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_kind{ width: 100%; float: left;   font-size:var(--f-12); color: #fff;  letter-spacing: -0.5px ; margin-bottom:5px; line-height: 110%;   }
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tip{ width: 100%; float: left;   font-size:var(--f-12); color: #ff0000;  letter-spacing: -0.5px ; line-height: 110%;   }  

}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.more_btn{ width:100%; float: left; height: 10px;  border-radius: 50px; background-color:var(--div-com); margin: 50px 0px 30px; position: relative }
.more_btn em{ width:auto; float: left; border-radius: 50px; padding: 12px 28px; background-color: #303030; 
font-weight:700!important;  font-size:var(--f-18); color: #fff; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ;
position:absolute; left:50%; bottom:-20px; cursor:pointer; margin-left: -45px}	


.ListboxCom_photo{ width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); gap:20px; }

.ListboxCom_photo>.ListboxCom_inbox .imgbox{ width: 100%; float: left; position: relative; margin-bottom: 20px}		
.ListboxCom_photo>.ListboxCom_inbox .imgbox img{ width: 100%; float: left; border-radius: 10px}		
.ListboxCom_photo>.ListboxCom_inbox .imgbox {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom: 70%;
}
.ListboxCom_photo>.ListboxCom_inbox .imgbox .img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ListboxCom_photo>.ListboxCom_inbox .imgbox .img img{
width:100%;     object-fit: cover;
width: 100%;
height: 100%;
}

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box{ width: 100%; float: left;position:absolute; left:40px; bottom:30px; display: none!important }	
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit{ width: 100%; float: left;   font-size:24px; color: #fff; font-family: 'Pretendard'; margin-bottom: 20px; display: none!important }		
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit em{width: 100%;  float: left;   font-size:24px; color: #fff;font-family: 'Pretendard'; display: none!important }

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt { width: 100%; float: left;}	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_ad{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-15); color: #fff;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 130%; display: none!important }
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_tel{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-15); color: #fff;   letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 130%; display: none!important }
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tel em{  font-weight:400!important;  font-size:var(--f-15); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; display: none!important }	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_web{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-15); color: #fff;   letter-spacing: -0.5px; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 130%; display: none!important }
.ListboxCom_photo>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_web em{  font-weight:400!important;  font-size:var(--f-15); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; display: none!important }	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit2{width: 100%; float: left; font-size:24px; color: #fff; font-family: 'Pretendard'; margin-bottom:10px; display: none!important }
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit2 em{width: 100%; float: left; font-size:17px; color: #fff; font-family: 'Pretendard'; 
margin-bottom:5px; display: none!important }	
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_kind{ width: 100%; float: left;   font-size:var(--f-12); color: #fff;  letter-spacing: -0.5px ; margin-bottom:5px; line-height: 110%;  ; display: none!important  }
.ListboxCom_photo>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tip{ width: 100%; float: left;   font-size:var(--f-12); color: #ff0000;  letter-spacing: -0.5px ; line-height: 110%;  ; display: none!important  }  	

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






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ListboxCom_photo>.ListboxCom_inbox .imgbox  .label_box{ width:100%; float: left;  position: absolute; left:0px; top:0px; z-index: 99;
	box-sizing: border-box; gap:10px ; padding: 30px}	
	
	
.ListboxCom_photo>.ListboxCom_inbox .imgbox  .label_box .label_new{ width:auto; float: left; border-radius: 4px; padding: 7px 10px; background-color: var(--div-color1);
text-transform:uppercase; font-size:var(--f-14); color: #fff; font-family: 'Pretendard';  line-height: 100%;  letter-spacing: -0.5px; ; margin-right: 10px}	
.ListboxCom_photo>.ListboxCom_inbox .imgbox  .label_box .label_premium{ width:auto; float: left; border-radius: 4px; padding: 7px 10px; background-color: #fb7b00;
font-size:var(--f-14); color: #fff; font-family: 'Pretendard';  line-height: 100%;  letter-spacing: -0.5px; margin-right: 10px }	


	
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m{ width:100%; float: left;   display: none!important  }

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit{ width:100%; float: left; font-family: 'Pretendard';	font-size:var(--f-b5);  margin-bottom:5px;	color: #999; line-height: 100%;}
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit em{  	font-size:var(--f-b5);  color: #333; line-height: 100%; }	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_ad{ width: 100%; float: left;  font-family: 'NanumSquareAcer';  letter-spacing: 0.5px; font-size:var(--f-s2);  color: var(--div-color); }	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_tel{ width: 100%; float: left; font-family: 'NanumSquareAcer';  letter-spacing: 0.5px; font-size:var(--f-s2);  color: var(--div-color);  }	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_web{ width: 100%; float: left; font-family: 'NanumSquareAcer';  letter-spacing: 0.5px; font-size:var(--f-s2);  color: var(--div-color);  }	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit2{ width:100%; float: left; font-family: 'Pretendard';	font-size:var(--f-b5);  margin-bottom:5px;	color: #333; line-height: 100%;}
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit2 em{ width:100%; float: left; font-family: 'Pretendard';	font-size:12px;  margin-bottom:5px;	color: #333; line-height: 100%;}
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_kind{ width: 100%; float: left; font-family: 'NanumSquareAcer';  letter-spacing: 0.5px; font-size:var(--f-s2);  color: var(--div-color);  }	
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_tip{ width: 100%; float: left; font-family: 'NanumSquareAcer';  letter-spacing: 0.5px; font-size:var(--f-s2);  color: var(--div-color);  }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ListboxCom_photo>.ListboxCom_inbox .imgbox .label_box{ width:100%; float: left;  position: absolute; left:0px; top:0px; padding: 10px;; z-index: 99;
 box-sizing: border-box; gap:5px}	

.ListboxCom_photo>.ListboxCom_inbox .imgbox .label_box .label_new{ width:auto; float: left; border-radius: 30px; padding: 3px 6px; background-color: var(--div-color1);text-transform:uppercase;font-size:var(--f-10); color: #fff; font-family: 'NanumSquareAcer';  line-height: 120%;  letter-spacing: -0.5px;; margin-right: 5px }	
.ListboxCom_photo>.ListboxCom_inbox .imgbox .label_box .label_premium{ width:auto; float: left; border-radius: 30px; padding: 3px 6px; background-color: var(--div-color2);font-size:var(--f-10); color: #fff; font-family: 'NanumSquareAcer';  line-height: 120%;  letter-spacing: -0.5px; margin-right: 5px }		
	
.ListboxCom_photo>.ListboxCom_inbox .imgbox  .label_box .label_pet{ width:40px; height:40px; position: absolute; right: 10px; top: 0px}	
.ListboxCom_photo>.ListboxCom_inbox .imgbox  .label_box  .label_pet:before{ content: ""; font-size:50px;  font-family: unicons-line; color: #fff ; position: absolute; 
	left:0px; top:10px; background: url("../../images/svg_icon/icon_dog.svg"); background-size: 100%;  width:40px; height:40px;}	

	
	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m{ width:100%; float: left;  }

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit{ width:100%; float: left; font-family: 'NanumSquareAcr';font-size:var(--f-s2);  margin-bottom:5px;	color: #999; line-height: 100%;}
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit em{ width:100%; float: left;  font-size:var(--f-b4);  font-family: 'Pretendard';color: #333; line-height: 100%;  margin-bottom: 5px}	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt { width: 100%; float: left; }	
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_ad{ width: 100%; float: left;  font-family: 'NanumSquareAcr'; font-size:var(--f-s2);  color: #000; line-height: 110%; margin-bottom: 3px }	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_tel{ width: 100%; float: left; font-family: 'NanumSquareAcr'; font-size:var(--f-s1);  color: #000; ; line-height: 110%; ; margin-bottom: 3px  }	

.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_web{ width: 100%; float: left; font-family: 'NanumSquareAcr'; font-size:var(--f-s2);  color: #000; ; line-height: 110%; ; margin-bottom: 3px }	
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit2{ width:100%; float: left;  font-size:var(--f-b4);  font-family: 'Pretendard';color: #333; line-height: 100%;  margin-bottom: 5px}	
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_tit2 em{ width:100%; float: left; font-family: 'Pretendard';	font-size:14px;  margin-bottom:5px;	color: #333; line-height: 100%;}	
	
	
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_kind{ width: 100%; float: left;  font-family: 'NanumSquareAcr'; font-size:var(--f-s2); 
	color: var(--div-color2); line-height: 110%; margin-bottom: 3px }
.ListboxCom_photo>.ListboxCom_inbox .InfoTx_box_m .InfoTx_dt .info_tip{ width: 100%; float: left;  font-family: 'NanumSquareAcr'; font-size:var(--f-s2); 
	color: var(--div-color1); line-height: 110%; margin-bottom: 3px }		

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













/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {


.ListboxCom_photo2{ width: 100%; float: left; display: grid; grid-template-columns: repeat(4, 1fr); gap:30px; }

.ListboxCom_photo2>.ListboxCom_inbox .imgbox{ width: 100%; float: left; position: relative; margin-bottom: 20px  }		
.ListboxCom_photo2>.ListboxCom_inbox .imgbox img{ width: 100%; float: left; }		

.ListboxCom_photo2>.ListboxCom_inbox .imgbox {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom: 70%; cursor: pointer
}
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; border-radius: 10px; overflow: hidden; background-color: #000
}
.ListboxCom_photo2>.ListboxCom_inbox .imgbox  .gr_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+98&0+0,0.68+80 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.68) 80%,rgba(0,0,0,0.68) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ ; z-index: 99;
border-radius: 10px; overflow: hidden; 

}	

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .img img{
width:100%;     object-fit: cover;
width: 100%;
height: 100%; -webkit-transform: scale(1);
transform: scale(1);transition: all 1s;-moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s;  opacity: 1

}


.ListboxCom_photo2>.ListboxCom_inbox .imgbox:hover .img img{
width:100%;     object-fit: cover;
width: 100%;
height: 100%; 	-webkit-transform: scale(1.2);
transform: scale(1.2);opacity: 0.5
}


.ListboxCom_photo2>.ListboxCom_inbox .InfoTx_box{ width: 100%; float: left; z-index: 99;  }	
.ListboxCom_photo2>.ListboxCom_inbox  .InfoTx_box .InfoTx_tit{ width: 100%; float: left;  line-height: 120%; font-size:14px; color: #333; font-family: 'NanumSquareAcb'; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; margin-bottom: 10px 
}	
.ListboxCom_photo2>.ListboxCom_inbox  .InfoTx_box .InfoTx_tit em{  font-size:17px; font-family: 'NanumSquareAcb'; }




.ListboxCom_photo2>.ListboxCom_inbox  .InfoTx_box  .info_t1{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-13);  ; margin-bottom:5px; 	line-height: 120%; 
}

.ListboxCom_photo2>.ListboxCom_inbox  .InfoTx_box  .info_t1 em{  font-weight:400!important;  font-size:var(--f-13);  margin-right: 5px  }	





}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box{ width: 100%; float: left;position:absolute; left:15px; bottom:15px; z-index: 99 }	
.ListboxCom_photo2>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_tit{ width: 100%; float: left; font-weight:500!important;  font-size:18px; color: #fff; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ; margin-bottom: 10px}		
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit em{  font-weight:900!important;  font-size:18px; color: #fff; font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg);  letter-spacing: -0.5px ; }
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_ad{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-12); color: #fff; font-family: 'Nanum Myeongjo', serif;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 110%}
.ListboxCom_photo2>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_tel{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-12); color: #fff; font-family: 'Nanum Myeongjo', serif;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 110%}
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tel em{  font-weight:400!important;  font-size:var(--f-12); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; }	

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt  .info_web{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-12); color: #fff; font-family: 'Nanum Myeongjo', serif;  letter-spacing: -0.5px; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 110%}
.ListboxCom_photo2>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_web em{  font-weight:400!important;  font-size:var(--f-12); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; }	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {


.ListboxCom_photo2{ width: 100%; float: left; display: grid; grid-template-columns: repeat(2, 1fr); gap:20px; }

.ListboxCom_photo2>.ListboxCom_inbox .imgbox{ width: 100%; float: left; position: relative; margin-bottom: 20px}		
.ListboxCom_photo2>.ListboxCom_inbox .imgbox img{ width: 100%; float: left; border-radius: 10px}		
.ListboxCom_photo2>.ListboxCom_inbox .imgbox {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-bottom: 70%;
}
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .img img{
width:100%;     object-fit: cover;
width: 100%;
height: 100%;
}

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box{ width: 100%; float: left;position:absolute; left:40px; bottom:30px; display: none!important }	
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit{ width: 100%; float: left;   font-size:24px; color: #fff; font-family: 'Pretendard'; margin-bottom: 20px; display: none!important }		
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_tit em{width: 100%;  float: left;   font-size:24px; color: #fff;font-family: 'Pretendard'; display: none!important }

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt { width: 100%; float: left;}	

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_ad{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-15); color: #fff; font-family: 'Nanum Myeongjo', serif;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 130%; display: none!important }
.ListboxCom_photo2>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_tel{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-15); color: #fff; font-family: 'Nanum Myeongjo', serif;  letter-spacing: -0.5px ; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 130%; display: none!important }
.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_tel em{  font-weight:400!important;  font-size:var(--f-15); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; display: none!important }	

.ListboxCom_photo2>.ListboxCom_inbox .imgbox .InfoTx_box .InfoTx_dt .info_web{ width: 100%; float: left; font-weight:400!important;  font-size:var(--f-15); color: #fff; font-family: 'Nanum Myeongjo', serif;  letter-spacing: -0.5px; margin-bottom:5px; word-wrap: break-word;word-break: keep-all;	line-height: 130%; display: none!important }
.ListboxCom_photo2>.ListboxCom_inbox  .imgbox .InfoTx_box .InfoTx_dt .info_web em{  font-weight:400!important;  font-size:var(--f-15); color: #fff;font-family:  'NanumSquare_ac', sans-serif; transform: skew(-0.201deg); letter-spacing: -0.5px ; display: none!important }	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {

.View_Grid{width: 100%; float: left; display: grid!important;display: grid; grid-template-columns:45% auto; gap:90px;}
.View_Grid>div{ width:100%; float: left}	

.View_Grid2{width: 100%; float: left; display: grid!important; grid-template-columns: 55%  auto; gap:90px;}
.View_Grid2>div{ width:100%; float: left}	

.View_Grid3{width: 100%; float: left; display: grid!important;display: grid; grid-template-columns:35% auto; gap:  90px;}
.View_Grid3>div{ width:100%; float: left}		

.View_Grid4{width: 100%; float: left; display: grid!important;display: grid; grid-template-columns: 970px auto; gap:40px;}
.View_Grid4>div{ width:100%; float: left}		
	
.View_Grid5{width: 100%; float: left; display: grid!important;display: grid; grid-template-columns: 20% auto; gap:40px;}
.View_Grid5>div{ width:100%; float: left}	
	
.view_imgbox{ width:100%!important;  float: left;  }	
.view_map{ width:100%!important; height: 500px; background-color: #333; float: left;  border-radius: 20px; overflow: hidden }	

#view_img_list { width:100%!important; float: left;}	
#view_img_list .view_img{ width:100%; float: left}	
#view_img_list .view_img img{ width:100%; border-radius: 10px; overflow: hidden }
	

#view_img_list .view_img{	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 60%;  }

#view_img_list .view_img img{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%; border-radius: 10px}		
	

.Detail_Title  { width:100%;  float: left;  border: 1px solid #ccc ;  padding: 30px; border-radius: 10px;background-color: #f7f7f7; margin-bottom: 30px;
display: flex;  justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box}
.Detail_Title  .title{ width:100%;  float: left; font-size:var(--f-bb2);  font-family: 'Pretendard'; color: #000 ; font-weight: 600; 	} 
.Detail_Title  .title em{font-size:var(--f-b3)	; color: #999;  font-family: 'NanumSquareAcr';} 

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
.View_Grid2{width: 100%; float: left; display: grid!important; grid-template-columns: 50%  auto; gap:40px;}
.View_Grid2>div{ width:100%; float: left}	

}
/**** pc3 ****/
@media all and (max-width:960px) and (min-width:768px) {
.View_Grid2{width: 100%; float: left; display: grid!important; grid-template-columns: 100%; gap:40px;}
.View_Grid2>div{ width:100%; float: left}	

}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.View_Grid{width: 100%; float: left;  display: grid; grid-template-columns:100%; gap:0px;}
.View_Grid>div{ width:100%; float: left}	
.View_Grid2{width: 100%; float: left; display: grid; grid-template-columns:100%; gap:0px;}
.View_Grid2>div{ width:100%; float: left}	
	
.View_Grid3{width: 100%; float: left; display: grid; grid-template-columns:100%;  gap:30px!important;}
.View_Grid3>div{ width:100%; float: left}
.View_Grid4{width: 100%; float: left; display: grid; grid-template-columns:100%; gap:0px;}
.View_Grid4>div{ width:100%; float: left}	
	
.View_Grid5{width: 100%; float: left; display: grid; grid-template-columns:100%; gap:0px;}
.View_Grid5>div{ width:100%; float: left}		
	
.view_imgbox{ width:100%; float: left;}	

#view_img_list { width:100%!important; float: left;}	
#view_img_list .view_img{ width:100%; float: left}	
#view_img_list .view_img img{ width:100%; border-radius: 10px; overflow: hidden }

#view_img_list .view_img{	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 60%;  margin-bottom: 30px}

#view_img_list .view_img img{	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%; border-radius: 10px}	

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








/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.like{position: absolute; right: 20px; top: 20px;  z-index: 999; width: 40px; height: 40px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color: rgba(255,255,255,0.31); background-size: 20px;}

.like.icon_off{width: 40px; height: 40px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color: rgba(255,255,255,0.31); background-size: 20px;}

.like.icon_on{width: 40px; height: 40px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon_on.svg")no-repeat center center;  background-color: rgba(255,255,255,0.31); background-size: 20px;}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.like{position: absolute; right:10px; top: 10px;  z-index: 999; width: 30px; height: 30px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color: rgba(255,255,255,0.31); background-size: 20px; cursor: pointer}

.like.icon_off{width: 30px; height: 30px; border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color: rgba(255,255,255,0.31); background-size: 18px;}

.like.icon_on{width: 30px; height: 30px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon_on.svg")no-repeat center center;  background-color: rgba(255,255,255,0.31); background-size: 18px;}


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


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.like2{position: absolute; right: 20px; top: 15px;  z-index: 999; width: 40px; height: 40px; float: left;  border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color: rgba(163,163,163,0.31); background-size: 20px;  cursor: pointer}


.like2.icon_off{width: 40px; height: 40px; float: left;  border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color:  rgba(163,163,163,0.31); background-size: 20px; cursor: pointer; z-index: 999; }

.like2.icon_on{width: 40px; height: 40px;float: left;   border-radius: 100%; background: url("../../images/svg_icon/like_icon_on.svg")no-repeat center center;  background-color:  rgba(163,163,163,0.31); background-size: 20px; cursor: pointer; z-index: 999; }


.like2.roomlike{ top:40px!important; right: 40px!important;}



}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.like2{position: absolute; right:0px; top: 20px;  z-index: 999; width: 40px; height: 40px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color:  rgba(163,163,163,0.31); background-size: 20px; cursor: pointer}

.like2.icon_off{width: 40px; height: 40px; border-radius: 100%; background: url("../../images/svg_icon/like_icon.svg")no-repeat center center;  background-color:  rgba(163,163,163,0.31); background-size: 18px;}

.like2.icon_on{width: 40px; height: 40px;  border-radius: 100%; background: url("../../images/svg_icon/like_icon_on.svg")no-repeat center center;  background-color:  rgba(163,163,163,0.31); background-size: 18px;}

.like2.roomlike{ top:20px!important; }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.ListGo_box_r{width: 100%; float: left; display: flex; justify-content: flex-end; margin-bottom: 10px; padding-right: 15px}
.ListGo_box_r .listgo_btn{width: auto; float: left;  padding: 10px ;  background-color: #f1f1f1; border-radius: 10px; border: 1px solid #ccc; color: #333; font-size: 16px; font-family: 'Pretendard'; font-weight: 500; cursor: pointer
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.ListGo_box_r{width: 100%; float: left; display: flex; justify-content: flex-end; margin-bottom: 10px; padding-right: 0px}
.ListGo_box_r .listgo_btn{width: auto; float: left;  padding: 10px ;  background-color: #f1f1f1; border-radius: 10px; border: 1px solid #ccc; color: #333; font-size: 12px; font-family: 'Pretendard'; font-weight: 500; cursor: pointer
}

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


/* 파일 입력 필드 숨김 */

.file_search{width: 100%; float: left; position: relative}
input[type="file"] {
display: none;
}

/* 커스텀 스타일을 가진 레이블 디자인 */
label.file-label {
display: inline-block;
padding:0px 15px; line-height: 40px;
font-size: 13px;
font-weight: bold;
color: #fff;
background-color: #333;
border-radius: 4px;
cursor: pointer; position: absolute; right: 0px; top: 0px
}

/* 파일 경로를 표시하는 부분의 스타일 */
.file-path {width: 100%; float: left; height: 40px;  border-radius: 6px; line-height: 40px;

font-size: 14px;
color: #333;  background-color: #f7f7f7; border: 1px solid #ccc; padding-right:20px;
}



/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.Tab_m{width: 100%; float: left;display: flex;  justify-content: center;  align-items: center;  margin: 30px 0px 0px}
.Tab_m ul{width: 100%;  float: left;display: grid; grid-template-columns: repeat(7, 1fr);  border: 1px solid #ccc ; background-color: #f7f7f7; border-radius: 10px; overflow: hidden  }
.Tab_m ul li{width: 100%; padding: 15px 30px;border-left: 1px solid #ccc ; font-size: 15px; font-family: 'NanumSquareAcr';  text-align: center; cursor: pointer; }
.Tab_m ul li.on{width: 100%; padding: 15px 30px; border-left: 1px solid #ccc ; font-size: 15px; font-family: 'NanumSquareAcr';  text-align: center; background-color: #333; color: #fff}

.Tab_m ul li:first-child{width: 100%; padding: 15px 30px;  border-left: none }
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.Tab_m{width: 100%; float: left;display: flex;  justify-content: center;  align-items: center;  margin:20px 0px 0px}
.Tab_m ul{width: 100%;  float: left;display: grid; grid-template-columns: repeat(4, 1fr);  border: 1px solid #ccc ; background-color: #f7f7f7; border-radius: 10px; overflow: hidden  }
.Tab_m ul li{width: 100%; padding: 10px 10px;border-left: 1px solid #ccc ; font-size: 12px; font-family: 'NanumSquareAcr';  text-align: center; cursor: pointer;  margin-bottom: -1px; }
.Tab_m ul li.on{width: 100%; padding: 10px 10px; border-left: 1px solid #ccc ; font-size: 12px; font-family: 'NanumSquareAcr';  text-align: center; background-color: #333; color: #fff}

.Tab_m ul li:first-child{width: 100%; padding: 10px 10px;  border-left: none ; border-bottom: 1px solid #ccc}
.Tab_m ul li:nth-child(2){width: 100%; padding: 10px 10px; border-bottom: 1px solid #ccc}
.Tab_m ul li:nth-child(3){width: 100%; padding: 10px 10px; border-bottom: 1px solid #ccc}
.Tab_m ul li:nth-child(4){width: 100%; padding: 10px 10px; border-bottom: 1px solid #ccc}
.Tab_m ul li:nth-child(5){width: 100%; padding: 10px 10px;border-left: none ;   border-bottom: 1px solid #ccc}
.Tab_m ul li:nth-child(7){width: calc(100% + 1px); padding: 10px 10px;border-right: 1px solid #ccc ;   border-bottom: 1px solid #ccc}

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



/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.Tab_s{width: 100%; float: left;display: flex;  justify-content: center;  align-items: center;  margin: 30px}
.Tab_s ul{width: auto; display: grid; grid-template-columns: 0.8fr 1fr 0.7fr;  grid-gap: 10px }
.Tab_s ul li{width: 100%; padding: 15px 30px; border: 1px solid #ccc ;  background-color: #f7f7f7;font-size: 15px; font-family: 'NanumSquareAcr';  text-align: center; cursor: pointer; border-radius: 50px}
.Tab_s ul li.on{width: 100%; padding: 15px 30px; border: 1px solid var(--div-color1); font-size: 15px; font-family: 'NanumSquareAcr';  text-align: center; background-color: var(--div-color1); color: #fff; position: relative}
.Tab_s ul li.on:before{position: absolute; left: 20px; top:15px; content: "\e9c3";   font-family: unicons-line; color: #fff;z-index: 9; font-size:30px}

.Tab_s ul li:first-child{width: 100%; padding: 15px 30px;  border-left: none }
.Tab_s ul li:nth-child(2){width: 100%; padding: 15px 50px;  border-left: none }



}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Tab_s{width: 100%; float: left;display: flex;  justify-content: center;  align-items: center;  margin: 20px 0px}
.Tab_s ul{width: auto; display: grid; grid-template-columns: 0.8fr 1fr 0.7fr;  grid-gap: 2px }
.Tab_s ul li{width: 100%; padding: 10px 10px; border: 1px solid #ccc ;  background-color: #f7f7f7;font-size:12px; font-family: 'NanumSquareAcr';  text-align: center; cursor: pointer; border-radius: 50px}
.Tab_s ul li.on{width: 100%;padding: 10px 10px;border: 1px solid var(--div-color1); font-size: 12px; font-family: 'NanumSquareAcr';  text-align: center; background-color: var(--div-color1); color: #fff}

.Tab_s ul li:first-child{width: 100%; padding: 10px 0px;border-left: none }
.Tab_s ul li:nth-child(2){width: 100%; padding: 10px 10px;  border-left: none }

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