@charset "utf-8";

/* 갤러리 목록 */
.tbGallBasic .gall-thum.pdbottom71{padding-bottom:112%;}

.tbGallBasic > li .gall-thum:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#C03300; opacity:0; z-index:1; transition: opacity 0.3s; }
.tbGallBasic > li:hover .gall-thum:after { opacity:.8;}
.tbGallBasic .gall-thum img { filter : grayscale(1);}

.tbGallBasic .gall-description {width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);display:inline-block; padding: 1.2em 20px; z-index:2; text-align:center;  }
.tbGallBasic .gall-description .prd-title{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);padding-bottom:0; text-align:center; opacity:0;}
.tbGallBasic .gall-description .prd-title .bo_tit{width: 100%;height: 100%;font-size: 3.6rem;line-height: 1.4em;color: #fff;display: flex;
  align-items: center; justify-content: center;}
.tbGallBasic > li:hover .prd-title {opacity:1;}
.tbGallBasic .gall-description .btn_cancel {margin-top:30px;}


@media screen and (max-width:1024px){
  .tbGallBasic .gall-description .prd-title .bo_tit { font-size:2.8rem; }
}

@media screen and (max-width:560px){
  .tbGallBasic .gall-description .prd-title .bo_tit { font-size:2rem; }
  .tbGallBasic > li.li33 { width: 50%;}
}
@media screen and (max-width:480px){
  .tbGallBasic > li .prd-title {opacity:1;}
}


/*상단 배너 이미지*/
.topBgTitle {position:relative; width:100%; overflow: hidden; }
.topBgTitle .topBg {position:relative; width:100%; height:0; padding-bottom:60%; overflow: hidden; }
.topBgTitle .topBg .bgWrap {position:absolute; top:0; left:0; width:100%; height:auto;}
.topBgTitle .topBg .bgWrap img { width:100%; height:100%; object-fit:cover;}

.topBgTitle .bgTitle { width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index: 2; }
.topBgTitle .bgTitle .titWrap {position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}
.topBgTitle .subTit {color:#fff; opacity:.5;}

/*첨부파일 txt*/
.wrFormRight {}
@media screen and (min-width:1400px){
  .topBgTitle {max-height:700px; }
}
@media screen and (max-width:1400px){
  .topBgTitle .bgTitle .titWrap {padding:0 20px;}
}

/*view page*/

#bo_v_con ul.porfolUl {position:relative; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left:0;}
#bo_v_con ul.porfolUl:after {content:""; position:absolute; width:2px; height: calc(100% - 6px); background-color:#ddd; top:6px; left:7px; z-index:-2;}

#bo_v_con ul.porfolUl .move_line {position:absolute; width:3px; height: 100%; background-color:#F57D3D; top:6px; left:8px; transform:translateX(-50%); z-index:-1;}
#bo_v_con ul.porfolUl .move_line.kill{background-color:transparent;}


#bo_v_con ul.porfolUl li {display:flex; flex-wrap:wrap; position:relative; padding-left:50px; padding-bottom:150px}
#bo_v_con ul.porfolUl li:before {content:""; position:absolute; top:6px; left:0; width:16px; height:16px; border-radius:50%; background-color:#F57D3D;} 

#bo_v_con ul.porfolUl li:last-child { padding-bottom:0}

#bo_v_con ul.porfolUl li .pf_tit {position:relative; width:180px; font-size:2rem; font-weight:700; word-break:keep-all; padding-right:20px;}

#bo_v_con ul.porfolUl li .pf_img {width:calc(100% - 180px);}
#bo_v_con ul.porfolUl li .pf_img img {width:100%; border-radius:10px; overflow:hidden;}


@media screen and (max-width:1024px){
  #bo_v_con ul.porfolUl li {padding-bottom:100px}
  #bo_v_con ul.porfolUl li .pf_tit {width:150px;}
  #bo_v_con ul.porfolUl li .pf_img {width:calc(100% - 150px);}
}
@media screen and (max-width:768px){
  #bo_v #bo_v_atc { padding: 1.3em 0;}
  #bo_v_con ul.porfolUl:after {left:5px;}
  #bo_v_con ul.porfolUl .move_line {left:6px;}
  #bo_v_con ul.porfolUl li {padding-bottom:70px}
  #bo_v_con ul.porfolUl li:before { width:13px; height:13px;} 

  #bo_v_con ul.porfolUl li .pf_tit {width:100%; padding-bottom:20px;font-size:1.8rem; }
  #bo_v_con ul.porfolUl li .pf_img {width:100%;}
}
@media screen and (max-width:560px){
  #bo_v_con ul.porfolUl li {padding-left: 25px;padding-bottom:50px}
}
/* 게시판 쓰기 */



/*글쓰기*/
.fileinputWrap {display:flex; flex-wrap:wrap; align-items:center;}
.fileTit {width:500px;}
#bo_w .bo_w_flie .frm_file {margin-bottom:0;}

/*체크박스*/
.chk_box input[type="checkbox"] + label {color:#bebebe;}
.chk_box input[type="checkbox"] + label {padding-left:0px;}
.fa {font-size: 1.8rem; }

.gall_chk.chk_box {left:18px; top:10px; z-index:3;}

.gall_chk.chk_box input[type="checkbox"] + label {color:#fff;}
.gall_chk.chk_box:hover input[type="checkbox"] + label {color:#032651;}
.gall_chk.chk_box input[type="checkbox"]:checked + label {color:#3a8afd;}


.write_div .chk_box input[type="checkbox"] + label {padding-left:0}