@charset "utf-8";

/* 갤러리 목록 */
.tbGallBasic{ font-size:0; margin:0 -20px; }
.tbGallBasic > li {
  position:relative; padding-left:25px; padding-right:25px; padding-bottom:50px;  }
.tbGallBasic .gall-thum.pdbottom60{padding-bottom:71%;}


.tbGallBasic > li:hover .prd-title a{color: #ff6600;}
.tbGallBasic > li.hoverBiggerImg:hover .gall-thum a{ width:110%;}

.tbGallBasic .gall-description {padding:2em 0.8em;}
.tbGallBasic .gall-description .prd-title{padding-bottom:5px;}
.tbGallBasic .gall-description .prd-title a{font-size:2.6rem;}
.tbGallBasic .gall-description p {font-size:1.9rem; word-break: keep-all;}

.sv_member {color:#989898; }

@media screen and (max-width:1024px){
  .tbGallBasic { margin:0 -15px; }
  .tbGallBasic > li {
  padding-left:15px; padding-right:15px; padding-bottom:40px; }
  .tbGallBasic .gall-description .prd-title a{font-size:2.2rem;}
  .tbGallBasic .gall-description p {font-size:1.6rem;}
  .tbGallBasic .gall-description .tit_cate {font-size: 1.7rem;  }
}
@media screen and (max-width:768px){
  .tbGallBasic { margin:0 -7px; }
  .tbGallBasic > li.li50 {
  padding-left:7px; padding-right:7px; padding-bottom:30px; }

  .tbGallBasic .gall-description .prd-title a{font-size:2rem;}
  .tbGallBasic .gall-description p {font-size:1.5rem;}
  .tbGallBasic .gall-description .tit_cate {font-size: 1.6rem; padding:3px 13px;  }
}
/* 게시판 목록 공통 */



/* 게시판 쓰기 */



/* 게시판 읽기 */

.prdTypeBuild-read{font-size:0; margin-top:20px; display:table; width:100%;}
  .prdTypeBuild-read::after{display:block;clear:both;content:"";font-size:0;}
  .prdTypeBuild-read .prdBuildView{display:table-cell; width:50%; min-height:300px; vertical-align: top; position:relative;}
  .prdTypeBuild-read .prdBuildView.left{}
    .prdTypeBuild-read .prdBuildView.left img{ width:100%;}
  .prdTypeBuild-read .prdBuildView.right{ padding:20px 20px 0 50px; }
    .prdTypeBuild-read .prdBuildView.right ul{font-size:0;}
    .prdTypeBuild-read .prdBuildView.right li{font-size:1.6rem;display:inline-block; margin-bottom:15px; vertical-align: top;}
    .prdTypeBuild-read .prdBuildView.right li.tit{font-weight: 400; width:20%;}
    .prdTypeBuild-read .prdBuildView.right li.cont{width:80%; font-weight: 300;}
    .prdTypeBuild-read .prdBuildView.right li.prdBuildViewTit {width:100%; font-size:2.7rem; font-weight:400; margin-bottom:35px; line-height:1.3em;}

@media screen and (max-width:1200px){
  .prdTypeBuild-read .prdBuildView.right{ padding:15px 15px 0 30px; border: 0 none;}
}
@media screen and (max-width:768px){
  .prdTypeBuild-read{display:block;}
  .prdTypeBuild-read .prdBuildView{display:block;width:100%;}
  .prdTypeBuild-read .prdBuildView.left{text-align: center;}
  .prdTypeBuild-read .prdBuildView.left img{ width:75%;}
  .prdTypeBuild-read .prdBuildView.right{padding-top:40px;}

  .prdTypeBuild-read .prdBuildView.left img{ width:100%;}
  .prdTypeBuild-read .prdBuildView.right{padding-left:10px;}
  .prdTypeBuild-read .prdBuildView.right li.prdBuildViewTit{font-size:2.2rem;font-weight:500;}
}
#bo_v_con {padding-bottom:30px; }
#bo_v_atc{height:auto; margin-top:50px; padding-top:40px; padding-bottom:40px; line-height:1.5em; }
.imgSlide{max-width:70%; margin:0 auto 40px auto;}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.mySwiper2 {
  width: 100%;
}
.mySwiper {
  padding: 10px 0;
}
.mySwiper .swiper-slide {
  opacity: 0.4;
}
.mySwiper .swiper-slide .slideWrap {position:relative; width:100%; height:0; padding-bottom:60%; overflow:hidden; }
.mySwiper .swiper-slide .slideWrap a {position:absolute; top:0; left:0; width:100%; height:100%;}
.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width:1024px){
  .imgSlide{max-width:85%;}
}
@media screen and (max-width:768px){
  .imgSlide{max-width:100%;}
}






/*체크박스*/
.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;}

.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}