@charset "utf-8";


/*t2d add*/
.t2d_latest_gallery_4_product_scrollup .t2d_contenttitle_b { text-align:center; font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif; font-size:45px; font-weight:bold; color: #000; padding-bottom: 40px; }

.t2d_latest_gallery_4_product_scrollup .items_wrap {  
    font-size: 0; /*li 간 미세하게 생기는 간격문제 해결 or li 태그간 줄띄기 없애는 방법도 있음*/
    margin:0 auto;
	width:100%; 
	max-height:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.t2d_latest_gallery_4_product_scrollup .items { 
	/*display:inline-block;*/
	/*width: 24%;*/
    /*margin: 0 0.5%  1.5% 0.5%; 
    border: 1px solid #eaeaea;
    width: calc(20% - 1%);*/
    width: calc(20%); /*- 15px 자신의 좌우 마진 간격을 뺌 (갯수에 따라서 100% 나누기 갯수)*/
	background: #ffffff;
 
    
   /* border-radius: 15px;*/
}
.t2d_latest_gallery_4_product_scrollup .items .listbox {
	display:inline-block;
	width:100%;
	height:100%;
	position:relative;
}
.t2d_latest_gallery_4_product_scrollup .items .listbox .info_imgbox {  /* 이미지영역 */
	width:100%;
	height:400px;
	/*border-radius:15px 15px 0 0;*/
	overflow:hidden;
	position:relative;
    background-repeat: no-repeat;

    cursor:pointer;
	transition-timing-function: ease-in!important;
	transition:1.5s!important;
	background-position-y: 0%;
    background-position-x: center;
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 7px;
}
.t2d_latest_gallery_4_product_scrollup .items .listbox .info_imgbox:hover {  /* 이미지영역 */
    transition-timing-function: ease-in!important;
	transition:2s!important;
	background-position-y: 100%;
}

/*카테고리 텍스트*/
.t2d_latest_gallery_4_product_scrollup .board_category {
    font-size: 16px;    
    position: absolute;  
    top:0px;
    /*left:0px;  */
    right:0px;
    z-index: 10; 
    background: #1d5b6e94 /*#01c9e6*/;
    color: #fff;
    font-weight: normal !important;
    height: 30px;
    line-height: 29px;
    padding: 0 10px;
    border-radius: 0 0 0px 10px;
    
}

/*마우스 오버시 상세정보보기*/
.t2d_latest_gallery_4_product_scrollup .items a div { opacity:0; position:relative; width:100%; height:100%; transition:all 0.7s; background:#0000009c; text-align: center;}
.t2d_latest_gallery_4_product_scrollup .items:hover a div { opacity:1; transition:all 0.7s; } 
.t2d_latest_gallery_4_product_scrollup .items a div .thum_tit{ 
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 95px;
    line-height: 28px;
    font-size: 22px;
    margin-bottom: 20px;
    color:#fff;
} 
.t2d_latest_gallery_4_product_scrollup .items a div .thum_tit::after{ 
    width: 30px;
    height: 1px;
    background: #fff;
    content: "";
    display: block;
    margin: 10px auto;
    
} 

.t2d_latest_gallery_4_product_scrollup .items a div .review_text{
    line-height: 23px;
    font-size: 16px;
    color:#fff;
}
.t2d_latest_gallery_4_product_scrollup .items a div .btn_link{
    padding-top: 20px;
}



.t2d_latest_gallery_4_product_scrollup .items .listbox .lnfo_textbox { padding:30px 20px 10px 20px; }
.t2d_latest_gallery_4_product_scrollup .items .listbox .lnfo_textbox h4 { 
	font-size:18px; 
	margin-bottom:15px;    
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.t2d_latest_gallery_4_product_scrollup .items .listbox .lnfo_textbox h4 span {
	background: #fff3e0;
    color: #f9a11b;
    padding: 2px 10px 3px 10px;
    margin-right: 6px;
    border-radius: 5px;	
}

.t2d_latest_gallery_4_product_scrollup .items .listbox .lnfo_textbox > span {
    display: block;
    min-height: 56px;
	font-size:16px;
	color:#868686;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}

.t2d_latest_gallery_4_product_scrollup .items .listbox .lnfo_textbox  p, .t2d_latest_gallery_4_product_scrollup .items .listbox .lnfo_textbox  p span {
    font-size: 14px;
    color: #ccc;
}



/* 더보기버튼 */
.t2d_latest_gallery_4_product_scrollup .pluslist_btn {  
	display: inline-block;
    width: 14%;
    height: 56px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    margin: 50px 43% 70px;
    position: relative;
    padding-right: 15px;
    transition: all 0.1s;
	box-sizing:border-box;
}
.t2d_latest_gallery_4_product_scrollup .pluslist_btn span { position:absolute; top:1px; left:62%; font-family: 'Pretendard', 'Noto Sans KR','Poppins', sans-serif; font-size:28px; font-weight:300; }
.t2d_latest_gallery_4_product_scrollup .pluslist_btn:hover { background:#f9a11b; border:1px solid #ff9000; color:#fff; transition:all 0.1s;}

@media all and (max-width:1600px) { 

    .t2d_latest_gallery_4_product_scrollup .items { 
        

        /*
        margin: 0 0.5%  1.5% 0.5%; 
        width: calc(25% - 1%);
        */
        width: calc(25%); /*- 15px 자신의 좌우 마진 간격을 뺌 (갯수에 따라서 100% 나누기 갯수)*/
    }
    .t2d_latest_gallery_4_product_scrollup .items .listbox .info_imgbox {  /* 이미지영역 */
        height: 350px;
    }
	
}


@media all and (max-width:1200px) { 
    .t2d_latest_gallery_4_product_scrollup .items { 
        
        /*margin: 0 0.8% 2% 0.8%; 
        width: calc(50% - 1.6%);*/
        width: calc(50%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
    }

    /* 더보기버튼 */
    .t2d_latest_gallery_4_product_scrollup .pluslist_btn { width:20%; margin:50px 40% 70px; }
}
@media all and (max-width:1000px) {  
	.t2d_latest_gallery_4_product_scrollup .t2d_contenttitle_b { font-size:40px;  padding-bottom: 30px; }
}
@media all and (max-width:930px) {
    .t2d_latest_gallery_4_product_scrollup .items .listbox .info_imgbox {  /* 이미지영역 */
        height: 300px;
    } 
}

@media all and (max-width:768px) {  
	.t2d_latest_gallery_4_product_scrollup .t2d_contenttitle_b{ font-size:35px; }

    .t2d_latest_gallery_4_product_scrollup .items {
        
         /*margin: 0 1% 3% 1%;
         width: calc(100% - 2%) */
         width: calc(100%); /*- 15px 자신의 좌우 마진 간격을 뺌 */
        }
    .t2d_latest_gallery_4_product_scrollup .items .listbox .info_imgbox { height:370px; }
    
    /* 더보기버튼 */
    .t2d_latest_gallery_4_product_scrollup .pluslist_btn { width:40%; margin:50px 30% 70px; }
}