@charset "utf-8";


/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.table_st03{ float:left; width:100%;position: relative;   border-top:2px solid #000; box-sizing: border-box; }
.table_st03 table { float: left; width:100%; border-collapse: collapse;   }
.table_st03 table thead {  border-bottom:1px solid #d5d5d5;}
.table_st03 table thead th {top: 0px; left: 0px; background-color:#F7F7F7;  padding:15px 0px; border-bottom:1px solid #999; color:#333; font-size:var(--f-m1); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700; box-sizing:border-box;  z-index: 2;  vertical-align: middle; } 


.table_st03 table thead th:first-child {padding:10px }
.table_st03 table thead th:last-child {padding:10px; }
.table_st03 table thead tr{ cursor:default!important; }
.table_st03 table tr { background-color: #ffffff; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.table_st03 table thead th.r_line {border-right:1px solid #d5d5d5;}


.table_st03 table td {padding:10px 0px; border-bottom:1px solid #e5e5e5; color:#404040; font-size:var(--f-m2); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight:400; text-align: center ; vertical-align: middle;  transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.table_st03 table td:first-child {padding:10px;}
.table_st03 table td:last-child {padding:10px; border-right: none}
.table_st03 table td.align_left { text-align:left;} 
.detail_btn01 {padding:5px 20px 5px 5px; width:100px!important; border-radius: 30px; background-color: #ff6633; color:#fff; font-size:var(--f-m2); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight:400; cursor:pointer; }
.detail_btn01:before{ width: 25px; height: 25px;   content: "\e99a";   font-family: unicons-line; color: #fff;  font-size:20px;position: absolute; right:5px; top:5px;	  }
	
.detail_btn02{padding:5px 20px 5px 5px; width:100px!important; border-radius: 30px; background-color: var(--div-color1); color:#fff; font-size:var(--f-m2); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight:400; cursor:pointer; }
.detail_btn02:before{ width: 25px; height: 25px;   content: "\e99a";   font-family: unicons-line; color: #fff;  font-size:20px;position: absolute; right:5px; top:5px;	  }	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.table_st03{ float:left; width:100%;position: relative;   border-top:2px solid #000; box-sizing: border-box; }
.table_st03 table { float: left; width:100%; border-collapse: collapse;   }
.table_st03 table thead {  border-bottom:1px solid #d5d5d5;}
.table_st03 table thead th {top: 0px; left: 0px; background-color: #F7F7F7;  padding:5px 0px; border-bottom:1px solid #999; color:#333; font-size:var(--f-s1); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700; box-sizing:border-box;  z-index: 2;  vertical-align: middle;line-height: 120%!important } 


.table_st03 table thead th:first-child {padding:3px }
.table_st03 table thead th:last-child {padding:3px; }
.table_st03 table thead tr{ cursor:default!important; }
.table_st03 table tr { background-color: #ffffff; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.table_st03 table thead th.r_line {border-right:1px solid #d5d5d5;}


.table_st03 table td {padding:7px 0px; border-bottom:1px solid #e5e5e5; color:#404040; font-size:var(--f-s2); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight:400; text-align: center ; vertical-align: middle; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
line-height: 120%!important}
.detail_btn01 {padding:5px 20px 5px 5px; width:80pximportant; border-radius:30px; background-color: #ff6633; color:#fff; font-size:var(--f-s2); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight:400;  cursor:pointer; }
.detail_btn01:before{ width: 15px; height:15px;   content: "\e99a";   font-family: unicons-line; color: #fff;  font-size:15px;position: absolute; right:10px; top:5px;	  }

.detail_btn02{padding:5px 30px 5px 10px; width:auto; border-radius: 30px; background-color: var(--div-color1); color:#fff; font-size:var(--f-s2); font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight:400; cursor:pointer; } 
.detail_btn02:before{ width: 15px; height:15px;   content: "\e99a";   font-family: unicons-line; color: #fff;  font-size:15px;position: absolute; right:10px; top:5px;	  }
	
.table_st03 table td:first-child {padding:3px;}
.table_st03 table td:last-child {padding:3px; border-right: none}


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






/*페이지  */
/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.common_pagination {float:left; width:100%; display:flex; justify-content: center; position: relative }

.common_pagination a {width:30px; height:30px; display:inline-block;  font-size:var(--f-14); font-weight:700; color:#999; font-family:  'NanumSquare', sans-serif; 
	transform: skew(-0.201deg);}
.common_pagination a.disabled {cursor:default;}

.common_pagination a.very_front { float: left; width:40px; height:40px; position: relative  }
.common_pagination a.very_front:before{ width:40px; height:40px;  position: absolute; left:0%; top:0px; content: "\eb3e"; font-family: unicons-line; color: #999; font-size: 40px}

	
.common_pagination a.first { float: left; width:40px; height:40px;  }
.common_pagination a.first:before{ width:40px; height:40px;  position: absolute; left:0px; top:0px;  content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_l.svg")no-repeat left top;; background-size:20px}

.common_pagination a.first.disabled { float: left; width:40px; height:40px;}
.common_pagination a.first.disabled:before{ width:40px; height:40px;  position: absolute; left:0px; top:0px; content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_l_on.svg")no-repeat left top;; background-size:20px}


.common_pagination a.last { float: left;width:40px; height:40px;  }
.common_pagination a.last:before{ width:40px; height:40px;  position: absolute; left:20px; top:0px; content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_r.svg")no-repeat left top;; background-size:20px}

.common_pagination a.last.disabled { float: left; width:40px; height:40px;}
.common_pagination a.last.disabled:before{ width:40px; height:40px;  position: absolute; left:20px; top:0px;  content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_r_on.svg")no-repeat left top;; background-size:20px}

.common_pagination a.very_end { float: left; width:40px; height:40px; position: relative  }
.common_pagination a.very_end:before{ width:40px; height:40px;  position: absolute; right:0%; top:0px; content: "\eb43"; font-family: unicons-line; color: #999; font-size: 40px }	

.common_pagination div {display:flex; }
.common_pagination div a {margin:0 4px; text-align:center; line-height:24px;}
.common_pagination div a:hover,
.common_pagination div a:focus,
.common_pagination div a:active {color: #000;}
.common_pagination div a.active {background-color: var(--div-color1); color: #ffffff; text-decoration:none; width:30px; height:30px; line-height: 30px; display: flex; flex-direction: row; justify-content: center; border-radius:100%; margin-top: -3px}	
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.common_pagination {float:left; width:100%; display:flex; justify-content: center; position: relative }

.common_pagination a {width:30px; height:30px; display:inline-block;  font-size:var(--f-14); font-weight:700; color:#999; font-family:  'NanumSquare', sans-serif; 
	transform: skew(-0.201deg);}
.common_pagination a.disabled {cursor:default;}
	
.common_pagination a.very_front { float: left; width:40px; height:40px; position: relative  }
.common_pagination a.very_front:before{width:40px; height:40px;  position: absolute; left:0px; top:0px; content: "\eb3e"; font-family: unicons-line; color: #999; font-size: 40px }

.common_pagination a.first { float: left; width:40px; height:40px;  }
.common_pagination a.first:before{ width:40px; height:40px;  position: absolute; left:0px; top:0px;  content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_l.svg")no-repeat left top;; background-size:20px}

.common_pagination a.first.disabled { float: left; width:40px; height:40px;}
.common_pagination a.first.disabled:before{ width:40px; height:40px;  position: absolute; left:0px; top:0px; content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_l_on.svg")no-repeat left top;; background-size:20px}


.common_pagination a.last { float: left;width:40px; height:40px;  }
.common_pagination a.last:before{ width:40px; height:40px;  position: absolute; left:20px; top:0px; content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_r.svg")no-repeat left top;; background-size:20px}

.common_pagination a.last.disabled { float: left; width:40px; height:40px;}
.common_pagination a.last.disabled:before{ width:40px; height:40px;  position: absolute; left:20px; top:0px;  content: ""; font-family: unicons-line; background: url("../../images/svg_icon/page_r_on.svg")no-repeat left top;; background-size:20px}

.common_pagination a.very_end { float: left; width:40px; height:40px; position: relative  }
.common_pagination a.very_end:before{ width:40px; height:40px;  position: absolute; right:0px; top:0px; content: "\eb43"; font-family: unicons-line; color: #999; font-size: 40px }	
.common_pagination div {display:flex; }
.common_pagination div a {margin:0 4px; text-align:center; line-height:24px;}
.common_pagination div a:hover,
.common_pagination div a:focus,
.common_pagination div a:active {color: #000;}
.common_pagination div a.active {background-color: var(--div-color1); color: #ffffff; text-decoration:none; width:30px; height:30px; line-height: 30px; display: flex; flex-direction: row; justify-content: center; border-radius:100%; margin-top: -3px}	
		
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	.Table_h{ width: 100%;; float: left;  border-top: 3px solid #333;}
.Table_h .tr{ width: 100%;; float: left; padding: 15px 0px; border-bottom: 1px dashed #ccc; grid-template-columns: 150px auto ;display: grid;}

.Table_h .tr:last-child{  border-bottom: 1px solid #ccc;}

.Table_h .tr .th{ width: 100%;height: 100%;; float: left;  display: flex;
  align-items: center;}
.Table_h .tr .td{ width: 100%; height: 100%; float: left;text-align: right;  display: flex;
  align-items: center;}
.Table_h .tr .td.gr3{ width: 100%;; float: left;display: grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
.Table_h .tr .td.Code{ width: 100%;; float: left; display: flex; grid-gap: 10px }
.Table_h .tr .td.Code .Pr_view{ width: 100px; float: left; font-size:16pt; font-weight:normal; background-color:#eeeeee; color:#FF0000; box-sizing:border-box; line-height: 40px; text-align: center;border: 1px solid #ccc; border-radius: 4px}

.Table_h .tr .td.Code input.Pr_write{ width: 100px; float: left; }

.Table_h .tr .td.Auto{ width: 100%; float: left;padding: 15px ; font-family: 'NanumSquareAcr'; color: #333}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.Table_h{ width: 100%;; float: left;  border-top: 3px solid #333; padding: 10px 0px 20px;  border-bottom: 1px solid #ccc;}
.Table_h .tr{ width: 100%;; float: left; padding: 5px 0px;  }



.Table_h .tr .th{ width: 100%;height: 100%;; float: left;  display: flex;   align-items: center; font-size: 14px; margin-bottom: 10px}
.Table_h .tr .td{ width: 100%; height: 100%; }
.Table_h .tr .td.gr3{ width: 100%;; float: left;display: grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
.Table_h .tr .td.Code{ width: 100%;; float: left; display: flex; grid-gap: 10px; flex-wrap: wrap;}
.Table_h .tr .td.Code .Pr_view{ width:40%; float: left; font-size:16pt; font-weight:normal; background-color:#eeeeee; color:#FF0000; box-sizing:border-box; line-height: 40px; text-align: center;border: 1px solid #ccc; border-radius: 4px}

.Table_h .tr .td.Code input.Pr_write{ width: 40%; float: left; }

.Table_h .tr .td.Code .info_stx{ width: 100%; float: left;font-size: 12px; line-height: 120%; color: #999 }
.Table_h .tr .td.Auto{ width: 100%; float: left;padding: 0px 0px 0px 5px; font-family: 'NanumSquareAcr'; color: #666; font-size: 14px; position: relative}
.Table_h .tr .td.Auto:before{ content: " : ";    }
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/













.bbs_view_cont .tx_q{ width:100%; float: left; margin-bottom: 30px}
.bbs_view_cont .tx_q .qtitle{ width:auto; float: left; background-color: #333; padding: 5px 15px 5px 35px; border-radius: 4px; color: #fff;  font-size:var(--f-s1); margin-bottom: 10px; position: relative}
.bbs_view_cont .tx_q .qtitle:before{ content: "\eb37";   font-family: unicons-line; position: absolute; left: 10px; top: 5px; color: #fff; font-size: 18px}

.bbs_view_cont .tx_q .tx{width:100%; float: left;font-size: 14px; color: #666}


.bbs_view_cont .tx_q:last-child{ padding-top:20px; border-top: 1px dashed #ccc}
.bbs_view_cont .tx_q:last-child .qtitle{background-color:var(--div-com);}




/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.bbs_view_file{  width:100%; float: left;  border-top:1px solid #333;  background-color: #fff ; padding:20px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}
.bbs_view_file .file_list{  width:100%; float: left; padding-left: 20px;  margin: 5px 0px 0px; font-size: 14px; color: #666; position: relative}
.bbs_view_file .file_list:before{content: "\e9c5";   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size: 18px}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {.bbs_view_file{  width:100%; float: left;  border-top:1px solid #333;  background-color: #fff ; padding:10px 0px; box-sizing: border-box; border-bottom: 1px solid #ccc}
.bbs_view_file .file_list{  width:100%; float: left; padding-left: 20px;  margin: 5px 0px 0px; font-size: 13px; color: #666; position: relative}
.bbs_view_file .file_list:before{content: "\e9c5";   font-family: unicons-line; position: absolute; left: 0px; top: 0px; font-size: 18px}


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

.bbs_view_cont2{ width:100%; float: left;padding: 50px 0px; box-sizing: border-box;border-bottom: 1px solid #ccc}
.bbs_view_re{ width:100%; float: left; box-sizing: border-box;  border-top:2px solid #333;  position: relative; }
.re_d2{ width:100%; float: left; padding-left:40px; background: url("../../../images/front/bbs/icon_re.png"); background-repeat: no-repeat; background-position: 20px 20px; box-sizing: border-box}

.btn_post { width:100%; float:left; margin-top:20px; display:flex; flex-direction:row;  justify-content: space-between;padding:0px 0px}
.btn_post>div{ width:auto; float:left; display: flex;flex-direction: row;}

.btn_post_r{ width:100%; float:left; margin-top:20px; display:flex; flex-direction:row;  justify-content: flex-end;padding:0px 0px}


 .btn_st1{ padding: 7px 30px 7px 15px;  border-radius: 4px; background-color: #333333; color: #Fff;  position: relative; cursor: pointer; font-size: 13px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
.btn_st1.back:before{ content: "\eb79"; font-size: 18px;  font-family: unicons-line; color: #fff ; position: absolute; right: 10px; top:7px; }
 .btn_st1.next:before{ content: "\eb6d"; font-size: 18px;  font-family: unicons-line; color: #fff ; position: absolute; right: 10px; top:7px;}

 .btn_st1:hover{ background-color: #111; }

.btn_st2{ padding: 7px 15px 7px 15px;  border-radius: 4px; background-color: var(--div-com); color: #Fff;  position: relative; cursor: pointer; font-size: 13px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }
 .btn_st2:hover{ padding: 7px 15px 7px 15px;  border-radius: 4px; background-color: var(--div-com-hover); color: #Fff;  position: relative}



.btn_st3{ padding: 7px 15px 7px 15px;  border-radius: 4px; background-color: var(--div-com-hover); color: #Fff;  position: relative; cursor: pointer; font-size: 13px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}
.btn_st3:hover{ padding: 7px 15px 7px 15px;  border-radius: 4px; background-color: var(--div-com-hover); color: #Fff;  position: relative}


.btn_st4{ padding: 7px 40px 7px 20px;  border-radius: 4px; background-color: var(--div-com); color: #Fff;  position: relative; cursor: pointer; font-size: 13px; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; position: relative}
.btn_st4:before{ content: "\e9c3";   font-family: unicons-line; color: #fff; font-size: 20px; position: absolute; right: 10px; top:7px;}

.btn_st4:hover{padding: 7px 40px 7px 20px;    border-radius: 4px; background-color: var(--div-com-hover); color: #Fff;  position: relative}









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


.MyLike{ width: 100%; float: left;  display: grid; grid-template-columns: repeat(2, 1fr); gap:2%;}
.MyLike .tr{ width: 100%; float: left;   padding: 30px 0px; position: relative; display: grid;grid-template-columns: 350px  auto ; }


.MyLike .tr .imgbox  {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 70%; cursor: pointer
}
.MyLike .tr .imgbox .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; border-radius: 10px; overflow: hidden
}
.Listbox_room .tr .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; 

}
	
	
.Listbox_room .tr .imgbox:hover .img img{
width:100%;     object-fit: cover;
    width: 100%;
    height: 100%; 	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
	
		
.Listbox_room .tr .txbox  {	
	width: 100%;
	height: 100%; float: left; padding: 20px 30px;}
		
.Listbox_room .tr .txbox  .title{	width: 100%;  float: left; font-size:20px; color: #333; margin-bottom: 20px; position: relative; margin-bottom: 20px;font-family: 'NanumSquareAceb'; }
.Listbox_room .tr .txbox  .tx_um{	width: 100%;  float: left; font-size:15px; color: #666; padding-left:50px; position: relative; margin-bottom: 5px }
.Listbox_room .tr .txbox  .tx_um:before{content: "\ea0d";   font-family: unicons-line; font-size: 18px;; color: #333; position: absolute; left: 20px; top: 0px}
.Listbox_room .tr .txbox  .tx_bed{	width: 100%;  float: left; font-size:15px; color: #666; padding-left: 50px; position: relative; margin-bottom: 5px}	
.Listbox_room .tr .txbox  .tx_bed:before{content: "\eb29";   font-family: unicons-line; font-size: 18px; color: #333; position: absolute; left: 20px; top: 0px}

.Listbox_room .tr .txbox  .tx_facility{	width: 100%;  float: left; font-size:15px; color: #666; padding-left: 50px; position: relative; margin-bottom: 5px}	
	
.Listbox_room .tr .txbox  .tx_facility:before{content: "\e9bb";   font-family: unicons-line; font-size: 18px; color: #333; position: absolute; left: 20px; top: 0px}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.Listbox_room{ width: 100%; float: left;  display: flex; gap:20px; flex-direction: column;}
.Listbox_room .tr{ width: 100%; float: left;   position: relative;display: grid; grid-template-columns: 45% auto ;}


.Listbox_room .tr .imgbox  {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 70%; cursor: pointer
}
.Listbox_room .tr .imgbox .img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; border-radius: 10px; overflow: hidden
}
.Listbox_room .tr .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; 

}
	
	
.Listbox_room .tr .imgbox:hover .img img{
width:100%;     object-fit: cover;
    width: 100%;
    height: 100%; 	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
	
		
.Listbox_room .tr .txbox  {	
	width: 100%;
	height: 100%; float: left; padding: 0px 20px;}
		
.Listbox_room .tr .txbox  .title{	width: 100%;  float: left; font-size:18px; color: #333; margin-bottom: 20px; position: relative; margin-bottom: 10px;font-family: 'NanumSquareAceb'; }
.Listbox_room .tr .txbox  .tx_um{	width: 100%;  float: left; font-size:13px; color: #666; padding-left:20px; position: relative; margin-bottom: 5px }
.Listbox_room .tr .txbox  .tx_um:before{content: "\ea0d";   font-family: unicons-line; font-size: 18px;; color: #333; position: absolute; left: 0px; top: 0px}
.Listbox_room .tr .txbox  .tx_bed{	width: 100%;  float: left; font-size:13px; color: #666; padding-left: 20px; position: relative; margin-bottom: 5px}	
.Listbox_room .tr .txbox  .tx_bed:before{content: "\eb29";   font-family: unicons-line; font-size: 18px; color: #333; position: absolute; left: 0px; top: 0px}

.Listbox_room .tr .txbox  .tx_facility{	width: 100%;  float: left; font-size:13px; color: #666; padding-left: 20px; position: relative; margin-bottom: 5px}	
	
.Listbox_room .tr .txbox  .tx_facility:before{content: "\e9bb";   font-family: unicons-line; font-size: 18px; color: #333; position: absolute; left: 0px; top: 0px}

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