@charset "utf-8";
.gall_chk.chk_box{left:0;}

.tbGallHrizn{}
.tbGallHrizn .empty_list{min-height:auto;}
.tbGallHrizn li{  width:100%; padding:60px 0; border-bottom:1px solid #e1e1e1; position:relative; }
  .tbGallHrizn li:first-child{border-top:2px solid #333;}

.tbGallHrizn li .liBlock{ display:flex; align-items: center; }
.tbGallHrizn li .tbGallHriznThum{ width:34%; position:relative; }
.tbGallHrizn li .tbGallHriznThum .thumWrap{width:100%; padding-bottom: 100%; position:relative; height:0; overflow: hidden;}
.tbGallHrizn li .tbGallHriznThum .thumb { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition: width 1s;} 
.tbGallHrizn li .tbGallHriznThum img{ width:100%; height:100%; object-fit: cover; }
.tbGallHrizn li:hover .thumb {width:110%;}

.tbGallHrizn li .tbGallHriznDescrt{ position:relative; width:68%; padding-left:120px; }
.tbGallHrizn li .tbGallHriznDescrt .cate{ padding-top:10px; }

.tbGallHrizn li .tbGallHriznDescrt .cate_span,
.tbGallHrizn li .tbGallHriznDescrt .date_span,
.tbGallHrizn li .tbGallHriznDescrt .sub_cate_span { display:inline-block; padding:0 20px; height:32px; line-height:30px; border-radius:32px; font-weight: 600;}
.tbGallHrizn li .tbGallHriznDescrt .cate_span{ background:#333; border:2px solid #333; color:#fff;  }
.tbGallHrizn li .tbGallHriznDescrt .cate_span.buy {background:#0e76bc; border-color:#0e76bc; color:#fff;}
.tbGallHrizn li .tbGallHriznDescrt .cate_span.rental {background:#002947; border-color:#002947; color:#fff;}

  .tbGallHrizn li .tbGallHriznDescrt .cate_span.notice{ margin-right:5px; border:2px solid #F57D3D; background:#F57D3D; }
.tbGallHrizn li .tbGallHriznDescrt .date_span,
.tbGallHrizn li .tbGallHriznDescrt .sub_cate_span { margin-left:5px; border:2px solid #333; color:#333;  }

.tbGallHrizn li .tbGallHriznDescrt .prd-title { position:relative; font-weight: 600; display:-webkit-box;  -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word; }
.tbGallHrizn li .tbGallHriznDescrt p{ line-height:1.8em; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word; }

.tbGallHrizn li .tbGallHriznThum .hoverline{position:absolute; background-color:rgba(255,255,255,.5);}
.tbGallHrizn li .tbGallHriznThum .hoverline.line1,
.tbGallHrizn li .tbGallHriznThum .hoverline.line3
{height:10px;width:0;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line2,
.tbGallHrizn li .tbGallHriznThum .hoverline.line4
{width:10px;height:0;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line1{top:0; left:0; transition: width .1s ease-in;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line3{bottom:0; right:0; transition: width .1s ease-in 0.2s;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line2{top:0; right:0; transition: height .1s ease-in 0.1s;}
.tbGallHrizn li .tbGallHriznThum .hoverline.line4{bottom:0; left:0; transition: height .1s ease-in 0.3s;}
.tbGallHrizn .liBlock:hover .hoverline.line1,
.tbGallHrizn .liBlock:hover .hoverline.line3
{width:100%}
.tbGallHrizn .liBlock:hover .hoverline.line2,
.tbGallHrizn .liBlock:hover .hoverline.line4
{height:100%;}

@media screen and (max-width:1400px){
  .tbGallHrizn li .tbGallHriznDescrt{ padding-left:60px; }
}
@media screen and (max-width:1024px){
  .tbGallHrizn li .tbGallHriznDescrt{ padding-left:30px; }
  .tbGallHrizn li .tbGallHriznDescrt .cate{ padding-top:0; }
}
@media screen and (max-width:768px){
  .tbGallHrizn li .liBlock{flex-wrap: wrap;}
  .tbGallHrizn li{ padding:30px 0; justify-content: center; }
  .tbGallHrizn li .tbGallHriznThum, .tbGallHrizn li .tbGallHriznDescrt { width:100%;}
  .tbGallHrizn li .tbGallHriznDescrt{padding:30px 10px 20px 10px;}
}
@media screen and (max-width:560px){
  .tbGallHrizn li:first-child{border-top:0 none;}
  .tbGallHrizn li .tbGallHriznDescrt .cate span{font-size:1.5rem; padding:0 13px; height:28px; line-height:26px; border-radius:28px;}
  .tbGallHrizn li .tbGallHriznDescrt .cate_span.notice{margin-right:2px; }
  .tbGallHrizn li .tbGallHriznDescrt .date_span{ margin-left:2px; }
}



/*글쓰기 write.php*/
.writeWrap {display:flex; flex-wrap:wrap; justify-content: space-between; border-top:1px solid #ddd; }
.writeWrap .write_div {width:49%;}
.writeWrap .wrForm {width:100%; padding-bottom:5px;}
#bo_w .bo_w_info .frm_input {width:100%;}

.wrForm select::after { -webkit-appearance: none; -moz-appearance: none; appearance: none;  background: url('../../img/slt_arrow.svg') no-repeat 98% 50% #fff;}

#bo_w .bo_w_tit #btn_autosave {top:-7px;}
#bo_w .write_div input, #bo_w .write_div textarea {font-size:1.6rem;}
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label {
    padding-left: 0; padding-right:20px}


/*카테고리 디자인 변경*/
#bo_cate_ul {
  text-align: center;
}
#bo_cate li {
  width: auto;
  display: inline-block;
  padding: 0 3px;
}
#bo_cate #bo_cate_on {
  background: transparent;
  color: #000;
  font-weight:600;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}
#bo_cate a {
  display: block;
  border-radius: 0;
  padding: 8px 20px;
  border: none;
  color: #999999;;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  #bo_cate ul li {position:relative;}
  #bo_cate ul li::after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background-color:#999999;}
  #bo_cate ul li:last-child::after {display:none;}

  #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {
    text-decoration: none;
    border: none;
    background: none;
    color: #222;
  
  }


/*view page*/
/*테이블*/ 
#bo_v .viewheader .info {border-bottom: none;}
.halfWrap {display:flex; justify-content:space-between}
.halfWrap .half.sml {width:40%;}
.halfWrap .half.big {width:58%;}
.halfWrap table.basic_table { width:100%; border-bottom: 1px solid #e5e5e5; border-collapse: collapse;}
.halfWrap table.basic_table caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
.halfWrap table.basic_table th { padding:18px 10px 18px; background-color:#f6f8fc; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-weight:500; font-size:1.8rem; color:#222; line-height:1.2em; }

.halfWrap table.basic_table th:first-child {width:30%;}
.halfWrap table.basic_table th:last-child { border-right:none;}
.halfWrap table.basic_table th.leftBor { border-right:1px solid #e5e5e5;}

.halfWrap table.basic_table td {padding: 18px 20px 18px;  border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:1.8rem; line-height:1.2em; }
.halfWrap table.basic_table td.alignCenter {text-align: center;}
.halfWrap table.basic_table td:last-child { border-right:none; border-bottom:none;}
.halfWrap table.basic_table td.last_border {border-right:1px solid #e5e5e5;}
.halfWrap table.basic_table td.leftBor { border-right:1px solid #e5e5e5;}

@media all and (max-width: 768px) {
  .halfWrap {flex-wrap:wrap;}
  .halfWrap .half.sml {width:100%; padding-bottom:30px;}
  .halfWrap .half.big {width:100%;}

  .halfWrap table.basic_table {border-bottom:none;}
  .halfWrap table.basic_table th,
  .halfWrap table.basic_table th:first-child { width:100%; }

  .halfWrap table.basic_table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;  width: 1px; }
  .halfWrap table.basic_table th { display: block; padding:15px 10px 12px; font-size:1.8rem; font-weight:600;  }
  .halfWrap table.basic_table tr { border-top: 2px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; display: block;  margin-bottom: .625em; }
  .halfWrap table.basic_table td { display: block; padding:15px 10px 12px; text-align:left; border-right:none; }
  /*.halfWrap table.basic_table td::before { content: attr(data-label); /*data-label을 가상요소 표출float: left; font-weight: bold;  text-transform: uppercase;  }*/
  .halfWrap table.basic_table td:last-child { border-bottom: 0; }
}