@charset "utf-8";

.inner_box .chk_box { position: absolute; top:20px; left:20px;}
.project_list {
    border-top:solid 2px var(--accent-color);
}
.project_list .inner_box { border-bottom:solid 1px #e5e5e5}
.project_list .inner_box > div[class^=col-] { padding:60px 40px;}
.project_list .inner_box .blogCard__category { font-size: .85em; margin-top:30px; margin-bottom:5px;}
.project_list .inner_box .blogCard__title{ border-bottom:solid 1px #e5e5e5; padding-bottom:20px; font-size: 1.4em !important; line-height: 1;}
.project_list .inner_box .blogCard__title .subTit { font-size: .9em;  color:#666; display: inline-block; MARGIN-LEFT:10PX; line-height: 1;}
.project_list .inner_box .blogCard__textsub { display:inline-block; width:100%; justify-content:flex-start }
.project_list .inner_box .blogCard__textsub li { display:inline-block;  position: relative; font-size: .95em; line-height: 1; box-sizing: border-box; color:#000}
.project_list .inner_box .blogCard__textsub li.tit { font-weight: 600;}
.project_list .inner_box .blogCard__textsub li.tit:after {content:''; margin:0 0 5px;}
.project_list .inner_box .blogCard__textsub li:after { content:'/'; margin:0 10px 0; font-size: .8em; color:#999}
.project_list .inner_box .blogCard__textsub li:last-child:after { display: none}
.project_list .inner_box .blogCard__textsub li span { color:#000;  font-weight: 500; display:inline-block; }
.project_list .inner_box .blogCard__text { display: flex; flex-direction:row; width:100%; justify-content:space-between; flex-wrap:wrap}
.project_list .inner_box .blogCard__text li { flex-basis: 50%; width:50%;  position: relative; font-size: .9em; margin-bottom:3px; padding-left: 15px; box-sizing: border-box}
.project_list .inner_box .blogCard__text li:before { position: absolute; top:9px; left:0; width:2px; height:2px;  border-radius: 100%;    background: #000; content:'';}
.project_list .inner_box .blogCard__text li:last-child { margin-bottom:0}
.imgWrap { position: relative;}
.cata_ing { position: absolute; top:15px; left:15px; background-color:var(--accent-color); padding:3px 18px; border-radius: 50px;  display: inline-block; color:#fff;  z-index: 2; font-size: .7em; box-sizing: border-box; border:solid 1px var(--accent-color); }
.cata_end { position: absolute; top:15px; left:15px; background-color:transparent; padding:3px 18px; border-radius: 50px;  display: inline-block; color:var(--accent-color);  z-index: 2; font-size: .7em; border:solid 1px var(--accent-color); box-sizing: border-box}
.project_list .inner_box .blogCard__text{ font-size: .9em; text-align: justify;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all; }



ul.blogCard__text li span { color:#000;  font-weight: 500; display:inline-block; }
ul.blogCard__text li span:after{ content:':'; display: inline-block; margin:0 10px;}


.blogCard__content { position: relative}
.link_href { position: absolute; right:0; top:15px; display: flex}
.member_top .link_href { top:0;}
.link_href li { margin:0 2px; }

.link_href a { width:40px; height:40px; line-height: 40px; background-color:var(--accent-color); border:solid 1px var(--accent-color);  border-radius: 100px;  display: inline-block; color:#fff;  z-index: 2; font-size: .7em;  box-sizing: border-box; text-align: center}
.link_href a:hover { background-color:transparent; color:var(--accent-color);}
.link_href a i { font-size: 1em; line-height: 40px; text-indent: -2px;}
.link_href a i.sl {font-size: 1.1em; text-indent: 0} 



.news-block-one .product_con{
    display: flex;
}
.news-block-one .product_con h4{
    font-size:.95em;
    width:20%;
}

.news-block-one .product_con .txtcont{
    width:80%;
    font-size:.95em;
    line-height: 1.5 !important;
    word-break:break-all;
}

.news-block-one .product_con2{
    display: block;
    padding:50px 0;
    margin:0;
}

.contentUl { font-size:1.05em; }
.contentUl li { position:relative; padding-left:20px; margin:0 0 5px;}
.contentUl li:before { content:'-';  position:absolute; top:-2px; left:0;}

.news-block-one .product_con2 .txtcont{
    width:70%;
}
.tbl_content table { width:100%; text-align: center; font-size: .8em; border-top:solid 1px #e5e5e5}
.tbl_content table tr { border-bottom:solid 1px #e5e5e5;}
.tbl_content table tr th { padding:10px 0;  border-left:solid 1px #e5e5e5;  border-right:solid 1px #e5e5e5; font-weight: 400; background: #f3f3f3; color:#000}
.tbl_content table tr th:first-of-type { border-left:0} 
.tbl_content table tr td { padding:10px 0;  border-left:solid 1px #e5e5e5;  border-right:solid 1px #e5e5e5;}
.tbl_content table tr th:first-of-type, .tbl_content table tr td:first-of-type { border-left:0} 
.tbl_content table tr th:last-of-type, .tbl_content table tr td:last-of-type { border-right:0} 

.tbl_view_content table { width:100%; text-align: center; font-size: .9em; border-top:solid 1px #e5e5e5}
.tbl_view_content table:nth-child(2) { border-top:0}
.tbl_view_content table:nth-child(3) { border-top:0}
.tbl_view_content table tr { border-bottom:solid 1px #e5e5e5;}
.tbl_view_content table tr th { padding:15px 0;  border-left:solid 1px #e5e5e5;  border-right:solid 1px #e5e5e5; font-weight: 400; background: #f3f3f3; color:#000}
.tbl_view_content table tr th:first-of-type { border-left:0} 
.tbl_view_content table tr td { padding:15px 0;  border-left:solid 1px #e5e5e5;  border-right:solid 1px #e5e5e5;}
.tbl_view_content table tr th:first-of-type, .tbl_view_content table tr td:first-of-type { border-left:0} 
.tbl_view_content table tr th:last-of-type, .tbl_view_content table tr td:last-of-type { border-right:0} 

.product_viewImg {width:100%; overflow: hidden; position: relative}
.product_viewImg .swiper-button-next, .product_viewImg .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    background-size: 25%;
    background-color:var(--accent-color);
    background-repeat: no-repeat;
    border-radius: 100%;
}
.product_viewImg .swiper-button-next { right:30px; background-image: url("../../../images/icons/next.svg"); background-position: 55% center}
.product_viewImg .swiper-button-prev { left:30px; background-image: url("../../../images/icons/prev.svg"); background-position: 45% center}
.product_viewImg .swiper-button-next.swiper-button-disabled, .product_viewImg .swiper-button-prev.swiper-button-disabled{ }
.procuctView_ul {width:100%; display: inline-block}
.procuctView_ul li { position:relative; font-size: 1em; padding-left:20px; margin:0 0 5px; float: left; width:50%;}
.procuctView_ul li:before { content:'-';  position:absolute; top:-2px; left:0;}


@media (max-width: 991px) {
    .project_list .inner_box > div[class^=col-]:first-child { padding:30px 20px 0;}
    .project_list .inner_box > div[class^=col-]:last-child { padding:10px 20px 30px;}
    .project_list .inner_box  .blogCard__category { margin-top:10px;}
    .project_list .inner_box .blogCard__title { text-align: justify}
    .project_list .inner_box .blogCard__text.mt-10 { margin-top: 20px !important;}
    .project_list .inner_box .blogCard__text { flex-direction:column; }
    .project_list .inner_box .blogCard__text li { flex-basis: 1000%; width:100%; margin:0 0 10px; line-height: 1.3em; margin-bottom:10px !important;}
    .project_list .inner_box .blogCard__text li:before { top:7px; }
    .project_list .inner_box .blogCard__text li span { display: block; margin-bottom:5px;}
    .cata_ing, .cata_end{ transform: scale(.8); transform-origin: left top}
    .product_viewImg .swiper-button-next, .product_viewImg .swiper-button-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    }
    .product_viewImg .swiper-button-next { right:15px; background-image: url("../../../images/icons/next.svg"); }
    .product_viewImg .swiper-button-prev { left:15px; background-image: url("../../../images/icons/prev.svg"); }
    .tbl_view_content table { font-size: .8em; width:100% }
    .tbl_view_content table colgroup { display: none}
    .tbl_view_content table tr th { padding:12px 5px; }
    .tbl_view_content table tr td { padding:12px 5px; }
    .procuctView_ul li { font-size: .9em; padding-left:20px; margin:0 0 5px; float: none; width:100%;}
    .procuctView_ul li:before { content:'-';  position:absolute; top:-2px; left:0;}
	.news-block-one .product_con2 {padding:20px 0 0}
	.news-block-one .product_con2 .text-md{ font-size: .9em;}

}