@charset "utf-8";

.bo_sch_wrap.normal .bo_sch{background-color: #f3f3f3;}
.bo_sch .sch_bar{border-color:transparent}
.bo_sch {display:inline-block;}

.write_div .wrFormLeft{font-weight:700}

/* 갤러리 목록 */
.nbgall li {background-color: #fff;}
.nbgall .description{display:block; background:#fff;padding:50px 35px}
.nbgall .description .ca_name{margin-bottom:10px;}
.nbgall .description .title{font-size:2rem; font-weight: 600; -webkit-line-clamp:2;}
.nbgall .description .summary{-webkit-line-clamp:1; border-bottom: 1px solid #e1e1e1;}
.nbgall .description .option_list{ font-size:1.6rem; padding-bottom:10px;}
.nbgall .description .option_list .option{ margin-bottom:6px;  line-height:1.6em; }
.nbgall .description .option_list .option_tit,
.nbgall .description .option_list .option_cont{display:inline-block; vertical-align: middle;}
.nbgall .description .option_list .option_tit{width:80px; padding-right:10px; font-weight: 700; }
.nbgall .description .option_list .option_cont{width:calc(100% - 80px); font-weight:300; color:#555}
.nbgall .description .option_list .option_cont .line{display:-webkit-box;  -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}

.typeBuild .service__10 .swiper-button-next, .typeBuild .service__10 .swiper-button-prev {color:#a1a1a1}

@media(max-width: 1200px){
  
}
@media(max-width: 1024px){
  .nbgall .description{padding:40px 25px}
}
@media(max-width: 768px){
  .nbgall .description .ca_name{margin-bottom:5px;}
  .nbgall .description{padding:30px 18px}
  .nbgall .description .cont{margin-bottom:28px}
}

/*카테고리 디자인 변경*/
#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;
  
  }

/* 게시판 읽기 */

.product__03_view{display:flex;}
.product__03_view .prd_img{width:600px;}
.product__03_view .prd_detail{width:calc(100% - 600px); padding-left:130px; }

.product__03_view .prd_img img{width:100%; height: auto;}
.thumbSlideGall{width:100%; max-width: 600px;}
.thumbsSlideGall__01 .thumb{position:relative; width:100%; height:0; padding-bottom:100%;}
.thumbsSlideGall__01 .view_image{ position:absolute; top:0; left:0; width:100%; height:100%;}
.thumbsSlideGall__01 .thumb img{ width:100%; height:100% !important; object-fit: cover;}

.thumbsSlideGall__01 .thumbsSlide01_thumbs{ margin-top:15px; }
.thumbsSlideGall__01 .thumbsSlide01_thumbs .thumb{ opacity:.5; cursor: pointer; }
.thumbsSlideGall__01 .thumbsSlide01_thumbs .swiper-slide-thumb-active .thumb{ opacity:1 }
.thumbsSlideGall__01 .thumbsSlide01_thumbs .thumb::after{ position:absolute; top:0; left:0; width:100%; height:100%; content:""; }
.thumbsSlideGall__01 .thumbsSlide01_thumbs .thumb:hover::after{ border:4px solid #ccc; }
.thumbsSlideGall__01 .thumbsSlide01_thumbs .swiper-slide-thumb-active .thumb::after{ border:4px solid #3a8afd; }

.thumbsSlideGall__01 .swiper-button-next, 
.thumbsSlideGall__01 .swiper-button-prev{opacity:1;}
.thumbsSlideGall__01 .swiper-button-next{right:13px;}
.thumbsSlideGall__01 .swiper-button-prev{left:13px;}


.product__03_view .prd_detail{}
.product__03_view .prd_detail .category{padding-top:35px; line-height: 1em;}
.product__03_view .prd_detail .detail_tit{ font-weight: 600; }
.product__03_view .prd_detail .detail_summary{ color:#989898; }
.product__03_view .prd_detail .detail_option{ border-top:1px solid #e1e1e1; }
.product__03_view .prd_detail .detail_option li{ display:inline-block; width:100%; }
  .product__03_view .prd_detail .detail_option li + li{ margin-top:7px;}
.product__03_view .prd_detail .detail_option li{ display:inline-block; width:100%; }
.product__03_view .prd_detail .detail_option .option_tit,
.product__03_view .prd_detail .detail_option .option_cont{display:inline-block; vertical-align: top; line-height: 1.7em;}
.product__03_view .prd_detail .detail_option .option_tit{ width:135px; font-weight:700; padding-left:15px; position: relative;}
  .product__03_view .prd_detail .detail_option .option_tit::before{ position: absolute; width:4px; height:4px; background:#a5a5a5; left:0; top:calc(50% - 2px); content: "";}
.product__03_view .prd_detail .detail_option .option_cont{width:calc(100% - 135px); font-weight:400;}
.product__03_view .prd_detail .detail_btn { margin-top:40px; display:flex; justify-content: flex-end; border-top:1px solid #e1e1e1;}
.product__03_view .prd_detail .detail_btn .btn_link { display:inline-block; width:40%; height:65px; line-height:63px; color:#fff; font-weight:500; font-size:1.8rem; text-align: center; background-color: #003965; }

@media(max-width: 1200px){
  .product__03_view .prd_img{width:450px;}
  .product__03_view .prd_detail{width:calc(100% - 450px); padding-left:90px; padding-right:30px;}
}
@media(max-width: 1024px){
  .product__03_view{flex-wrap: wrap;}
  .product__03_view .prd_img{width:100%; margin:0 auto;}
  .thumbsSlideGall__01 .thumbsSlide01{width:100%; margin:0 auto;}
  .thumbsSlideGall__01 .thumbsSlide01_thumbs{ margin-top:25px; margin-bottom:40px; }
  .product__03_view .prd_detail{width:100%; padding:0;}
}
@media(max-width: 768px){
  .product__03_view .prd_img{width:100%;}
  .thumbsSlideGall__01 .thumbsSlide01{width:100%;}
  .thumbsSlideGall__01 .thumbsSlide01_thumbs{ margin-top:15px; margin-bottom:0; }
  .product__03_view .prd_detail .detail_btn .btn_link { width:200px; height:50px; line-height:48px; font-size:1.6rem;}
  .product__03_view .swiper-button-next, 
  .product__03_view .swiper-button-prev{font-size:40px;}
  .product__03_view .prd_detail .detail_btn{margin-top:40px;}
}

#bo_v_atc{padding:0; border:0 none;}

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

#bo_v_con{padding:70px 0; }
@media screen and (max-width:1024px){
  .tabBar{ margin-top:40px;}
  .tabBar > ul .tabBar_menu{ margin-left:20px; padding:0 8px 8px 8px;}
}

/*.service__10{width: calc(100vw - ((100vw - 1400px) / 2)); margin-left: auto;   margin-right: 0;}
@media (max-width: 1500px){
  .service__10  .gallSlideWrap{width: calc(100% - 50px);}
}
@media screen and (max-width: 768px){
  .service__10  .gallSlideWrap{width: calc(100% - 35px);}
}
@media screen and (max-width: 560px){
  .service__10  .gallSlideWrap{width: calc(100% - 20px);}
}*/
.service__10 .tbinner_narrow{position:relative; overflow: hidden;}
.service__10 .swiper-slide{
  width:33.333%; border-radius:15px; transition:background-color .3s ease-out; overflow: hidden;
} 

.service__10 .swiper-slide .swipercont{}
.service__10 .swiper-slide .itemimg{ width:100%; aspect-ratio: 100 / 100; overflow: hidden; }
.service__10 .swiper-slide .itemimg img{ width:100%; height: 100% !important; object-fit: cover; }

.service__10 .swiper-slide:hover .swipercont .itemtit{ color:#3a8afd; }


/* paginate */
.service__10 .pageArea{ display:flex; align-items:center; justify-content:center; gap:14px; padding:40px 0 20px; }
.service__10 .swiper-pagination.bulletBasic02{ position:relative; bottom:auto; left:auto; width:auto; transform:none; display:flex; align-items:center; }
.service__10 .swiper-pagination.bulletBasic02 .swiper-pagination-bullet{ background:#5b76ff; width:8px; height:8px; border-radius:8px; margin:0 5px; opacity:.7; transition:width .3s; }
.service__10 .swiper-pagination.bulletBasic02 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:45px; background:#3153ff; opacity:1; }
.service__10 .pageArea .swiper-button-prev,
.service__10 .pageArea .swiper-button-next{ position:relative; top:auto; left:auto; right:auto; margin:0; width:18px; height:24px; color:#3153ff; opacity:.7; }
.service__10 .pageArea .swiper-button-prev::after,
.service__10 .pageArea .swiper-button-next::after{ font-size:24px; font-weight:700; }
.service__10 .fa{font-size: 0.4em; text-shadow:.4px 0 0 currentColor, -.4px 0 0 currentColor;}

@media (max-width:768px){
  .service__10 .pageArea{ gap:10px; }
  .service__10 .swiper-pagination.bulletBasic02 .swiper-pagination-bullet{ width:8px; height:8px; margin:0 3px; }
  .service__10 .swiper-pagination.bulletBasic02 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:25px; }
  .service__10 .pageArea .swiper-button-prev::after,
  .service__10 .pageArea .swiper-button-next::after{ font-size:20px; }
  .service__10 .fa{font-size: 0.3em; text-shadow:.4px 0 0 currentColor, -.4px 0 0 currentColor;}
}

.latestSlideGall__01.tbsec{ overflow:initial;}
.latestSlideGall__01  .gallSlideWrap { overflow: hidden;}
.latestSlideGall__01 .tit{position:relative;}

.latestSlideGall__01  .swiper-wrapper{ width:100%; height:auto; top:0;left:0; }
.latestSlideGall__01  .swiper-slide{ height:auto; }
.latestSlideGall__01  .swiper-slide .slideGallThum{position:relative; overflow:hidden; width:100%; aspect-ratio: 100/100; border-radius:15px;}
.latestSlideGall__01  .swiper-slide .thumLink{position:absolute; width:100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%);
  -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s;  transition: width 0.3s;
}
.latestSlideGall__01  .swiper-slide .thumLink img{width:100%; height:100% !important; object-fit: cover;}
.latestSlideGall__01  .swiper-slide .gallSlideImg{ width:100%;}
.latestSlideGall__01  .swiper-slide:hover .thumLink{width:110%;}
.latestSlideGall__01  .swiper-slide .slideGallDetail{padding:20px 10px;}
.latestSlideGall__01 .swiper-slide .item_cate{ font-size:1.6rem; display:inline-block; padding:7px 12px; line-height:1em; background-color:#112c4d; color:#fff; font-weight:500 }
.latestSlideGall__01 .swiper-slide .result_cate{ display:inline-block; font-weight:600; color:#C6A669; font-size:1.8rem; }

.latestSlideGall__01  .swiper-slide .slideGallDetail .galltit{text-decoration: none !important;}
.latestSlideGall__01  .swiper-button-prev{left:-60px;}
.latestSlideGall__01  .swiper-button-next{right:-60px;}
.latestSlideGall__01  .swiper-button-next,
.latestSlideGall__01  .swiper-button-prev{
  opacity:1; width:40px;height:60px;margin-top:-40px; background-size:40px 40px; color:#d0cccc; text-align: center;
}
.latestSlideGall__01 .fa{font-size: 0.7em;}
@media screen and (max-width:1400px){
  .latestSlideGall__01  .swiper-button-next,
  .latestSlideGall__01  .swiper-button-prev{margin-top:-30px; }
  .latestSlideGall__01  .swiper-button-prev{left:0;}
  .latestSlideGall__01  .swiper-button-next{right:0px;}
}
@media screen and (max-width:768px){
  .latestSlideGall__01 .fa{font-size: 0.5em;}
  .latestSlideGall__01  .swiper-button-prev{left:-10px;}
  .latestSlideGall__01  .swiper-button-next{right:-10px;}
}


.latestSlideGall__01 .tbbtn.mouseSensedBtn::after{background: #3a8afd; }


.latestSlideGall__01 .tbbtn{ border:1px solid #000; height:60px; line-height:58px; padding:0 3em; border-radius: 25px; }
.latestSlideGall__01 .tbbtn span.dot{display: inline-block; width:13px; height:10px; position:relative; transition:.5s;}
.latestSlideGall__01 .tbbtn span.dot::after{ position:absolute; width:7px; height:7px; border-radius:50%; background:#000; top:calc(50% - 1px); left:0; transform:translate(-50%,-50%); content: ""; transition:width .5s;}
  .latestSlideGall__01 .tbbtn:hover span.dot {width:23px;}
  .latestSlideGall__01 .tbbtn:hover span.dot::after{ width:20px; height:2px; border-radius:0; }