@charset "utf-8";

/* 갤러리 목록 */
.tbGallBasic {margin:0 -20px;}
.tbGallBasic > li{padding-bottom:50px; padding-left:20px; padding-right: 20px;}
.tbGallBasic .gall-thum.pdbottom140{padding-bottom:120%; border-radius: 20px;
}
.tbGallBasic .gall-thum{border:1px solid #e1e1e1; }
.tbGallBasic .gall-thum .tbThumImg { width: 100%; height: auto; object-fit: cover;}
.tbGallBasic .gall-description{ position:relative; padding-top:2.2em; text-align: center; }
.tbGallBasic > li.hoverBiggerImg:hover .gall-thum a{ width:110%;}
.tbGallBasic .gall-thum a {width: 100%; height: 100%; position: absolute; top: 0;  left: 50%;  transform: translate(-50%, 0);  transition: width .3s;  }
.prdTypeBuild-list-detail{ font-size:0; }
.gall-description .prd-title{margin-bottom:15px;}

.prdTypeBuild-list-detail li{width:100%; display: inline-block; font-size:1.6rem;}
.prdTypeBuild-list-detail li:first-child span {display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis; word-wrap:break-word;}

.prdTypeBuild-list-detail li.tit{position:relative; width:80px; color:#000; vertical-align: top; padding-left:10px;}
.prdTypeBuild-list-detail li.tit:after{ content:""; position:absolute; top:11px; left:0; background-color:#989898; width:4px; height:4px; }
.prdTypeBuild-list-detail li.cont{width:calc(100% - 80px);}

.prdTypeBuild-list-viewBtn{ width:100%; position:absolute; bottom:-1px; left:50%; transform: translateX(-50%); height:60px; line-height:58px; background-color:#003965; text-align:center; font-size:1.8rem; color:#fff; }
  .prdTypeBuild-list-viewBtn::before{width:0; height:100%; background:#0e76bc; position:absolute; left:0; top:50%; transform: translateY(-50%); color:#fff; content:""; transition:width .3s ease-out;}
  .tbGallBasic > li:hover .prdTypeBuild-list-viewBtn::before{width:100%;}
  .prdTypeBuild-list-viewBtn .overText{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); color:#fff; transition:color .3s ease-out;  }
  .tbGallBasic > li:hover .prdTypeBuild-list-viewBtn .overText{color:#fff;}

@media screen and (max-width:500px){
  .tbGallBasic > li.li33{width:100%;}
}



/* 게시판 읽기 */

.prdTypeBuild-read{font-size:0; margin-top:20px; display:flex; width:100%; justify-content: space-between;}
  .prdTypeBuild-read::after{display:block;clear:both;content:"";font-size:0;}
  .prdTypeBuild-read .prdBuildView{ min-height:300px; vertical-align: top; position:relative;}
  .prdTypeBuild-read .prdBuildView.left{width:32%;}
    .prdTypeBuild-read .prdBuildView.left img{ width:100%;}
  .prdTypeBuild-read .prdBuildView.right{ width:65%; padding:5px 20px 0 65px;}
    .prdTypeBuild-read .prdBuildView.right ul{font-size:0;}
    .prdTypeBuild-read .prdBuildView.right li{display:inline-block; margin-bottom:10px; vertical-align: top; font-weight:400;}
    .prdTypeBuild-read .prdBuildView.right .titcolum{width:170px; position:relative; padding-left:12px; font-size:1.8rem; font-weight:500; }
    .prdTypeBuild-read .prdBuildView.right .titcolum:before{content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background-color:#003965;}
    .prdTypeBuild-read .prdBuildView.right .contcolum{width:calc(100% - 170px); font-size:1.6rem; font-weight:300; padding-bottom:20px;}
    .prdTypeBuild-read .prdBuildView.right .cont100{width:100%;}

    .prdTypeBuild-read .prdBuildView.right li.detail{ font-weight: 400; font-size:1.8rem; margin-bottom:30px;}


    .prdTypeBuild-read .prdBuildView.right li.prdBuildViewTit {width:100%; font-size:3.2rem; font-weight:700; margin-bottom:30px; line-height:1.3em;}

    .prdTypeBuild-read .prdBuildView.right li.checkicon{padding-top:35px;padding-bottom:35px;}
    .prdTypeBuild-read .prdBuildView.right li.checkicon p{padding-bottom:10px;line-height:22px;}
    .prdTypeBuild-read .prdBuildView.right li.checkicon p img {padding-right:7px;}
    .prdTypeBuild-read .prdBuildView.right li a.prdBuyBtn{display:block; width:100%; height:54px; background:#003965; color:#fff; line-height:52px; text-align: center;}

    .prdTypeBuild-read .prdBuildView.right li.detail.priceCont{ font-size:0; }
    .prdTypeBuild-read .prdBuildView.right .priceColum{display:inline-block; font-size:2.2rem; }
    .prdTypeBuild-read .prdBuildView.right .saleColum{letter-spacing: 0.05em;color:rgba(196,196,196,1)!important; font-size:2rem; }
    .prdTypeBuild-read .prdBuildView.right .saleColum span{color:#BA4444; font-size:1.6rem; margin-left:10px;} 

    .prdTypeBuild-read .prdBuildView.right li.btnColum{ margin-top:30px;}


@media screen and (max-width:1024px){
  .prdTypeBuild-read{display:block;margin-top:0;}
  .prdTypeBuild-read .prdBuildView{display:block;}
  .prdTypeBuild-read .prdBuildView.left{width:80%; text-align: center; margin: 0 auto;
  }
  .prdTypeBuild-read .prdBuildView.left img{ width:100%;}
  .prdTypeBuild-read .prdBuildView.right{width:80%; padding:50px 0 0 0; margin: 0 auto;
  }

  .prdTypeBuild-read .prdBuildView.left img{ width:100%;}

  .prdTypeBuild-read .prdBuildView.right li.prdBuildViewTit{font-size:2.4rem;margin-bottom:20px;}
  .prdTypeBuild-read .prdBuildView.right .titcolum{width:150px;}
  .prdTypeBuild-read .prdBuildView.right .contcolum{width:calc(100% - 150px)}

  .prdTypeBuild-read .prdBuildView.right .priceColum,
  .prdTypeBuild-read .prdBuildView.right .saleColum{font-size:1.8rem;}
  .prdTypeBuild-read .prdBuildView.right li.detail{ font-size:1.6rem; }
  .prdTypeBuild-read .prdBuildView.right .saleColum span{font-size:1.4rem; }

  .prdTypeBuild-read .prdBuildView.right li.checkicon{padding-top:25px;padding-bottom:25px;}

}
@media screen and (max-width:768px){
  .prdTypeBuild-read .prdBuildView.right,
  .prdTypeBuild-read .prdBuildView.left{width:100%; }
}

/*팝업*/
.popuplayer {
  background-color:#f1f1f1;
  width:100%; max-width:500px; height:100%; max-height:300px;
  display:none;
  position:absolute;
  top:50%;left:50%; transform: translate(-50%, -50%);
  z-index:100000; 
}

.prdTypeBuild-read .prdBuildView.right li.btnColum.pc_callBtn,
.prdTypeBuild-read .prdBuildView.right li.btnColum.m_callBtn {display:inline-block;}
.prdTypeBuild-read .prdBuildView.right li.btnColum.pc_callBtn.dsnone,
.prdTypeBuild-read .prdBuildView.right li.btnColum.m_callBtn.dsnone {display:none;}


#bo_v_atc{height:auto; padding:0; line-height:1.5em; }
.imgSlide{width:100%; margin:0;}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border:1px solid #E8E8E1;
}
.swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
  height:auto;
}
.mySwiper2 {
  width: 100%;
}
.mySwiper-wwrap{position:relative}
.mySwiper-wrap{overflow: hidden; padding:0 15px; }
.mySwiper {
  padding: 10px 0;
}
.mySwiper .swiper-slide img{ border: 1px solid #fff;}
.mySwiper .swiper-slide {
  border:2.5px solid transparent;
}
.mySwiper .swiper-slide-thumb-active {
  border:2.5px solid #555;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper-wwrap .swiper-button-next {
  right:0;
}
.mySwiper-wwrap .swiper-button-prev {
  left:0;
}
.iconblack{background:none; color:#555; opacity:1;}
.swiper-button-next:after, .swiper-button-prev:after{display:none;}


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

.gall_chk.chk_box {left:18px; top:10px;}

.gall_chk.chk_box input[type="checkbox"] + label {color:#ddd;}
.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}


.tabBar{ margin-top:70px; width:100%; border-bottom: 1px solid #c4c4c4;}
.tabBar > ul.tabBar_flex{ display:flex; align-items:center; list-style: none;}
.tabBar > ul .tabBar_menu{ position:relative; margin-left:40px; padding:0 10px 10px 10px; font-size:1.6rem; line-height:1.4; cursor: pointer;}
.tabBar > ul .tabBar_menu:first-child{ margin-left:0;}
.tabBar > ul .tabBar_menu span{position:absolute; bottom:-1px; left:0;  width:100%; height:3px; transition:.3s; background:transparent}
.tabBar > ul .tabBar_menu.active span{ background:#000;}
@media screen and (max-width:1024px){
  .tabBar{ margin-top:40px;}
  .tabBar > ul .tabBar_menu{ margin-left:20px; padding:0 8px 8px 8px;}
}


.faqArea{max-width:500px; margin:0 auto;}

.cateAdmBtn.tbbtn.line {background-color:#BA4444; border:1px solid #BA4444; color:#fff;}


.pc_callBtn,
.m_callBtn {display:inline-block;}
.pc_callBtn.dsnone,
.m_callBtn.dsnone {display:none;}