@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * latest tab_gallery style custom 
 * ****************************************************************************************** */

/* 갤러리 탭 */
.latest_tab_gall_box{position:relative;}

/* 갤러리 탭 더보기 */
.latest_tab_gall_box .more{margin-top:1rem; text-align:center;}
.latest_tab_gall_box .more a{display:inline-block; padding:8px 20px; border-radius:20px; border:1px solid #dde0e3; color:#96989c; font-size:14px;
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.latest_tab_gall_box .more a:hover{background:#5bb6e2; border-color:#5bb6e2; color:#fff;}

/* 갤러리탭 nav */
.latest_tab_gall_nav{border-bottom:1px solid #dee2e6;}
.latest_tab_gall_nav li{display:inline-block; margin-bottom:-1px;}
.latest_tab_gall_nav li.active{}
.latest_tab_gall_nav li a{display:block; padding:.75rem 1rem; border:1px solid transparent; border-top-left-radius:.25rem; border-top-right-radius:.25rem;
	line-height:1;}
.latest_tab_gall_nav li.active a{border-color:#dee2e6 #dee2e6 #fff;}

/* 갤러리탭 내용 */
.latest_tab_gall_content{padding:1rem 0; overflow:hidden;}
.latest_tab_gall_content ul:not(:first-child){display:none;}
.latest_tab_gall_content ul li{margin-bottom:16px; border-bottom:1px solid #dee2e6;}
.latest_tab_gall_content ul li:after{content:""; display:block; clear:both;}
.latest_tab_gall_content ul li > div{float:left; padding-bottom:1.125rem; line-height:1;}

/* 갤러리탭 이미지 */
.latest_tab_gall_item_img{width:160px; height:120px;}
.latest_tab_gall_item_img img{width:100%; height:100%; object-fit:cover;}

/* 갤러리탭 텍스트 */
.latest_tab_gall_item_txt{width:calc(100% - 160px); padding-left:16px;}
.latest_tab_gall_item_txt .tab_title a{display:inline-block; padding-bottom:16px; color:#646873}
.latest_tab_gall_item_txt .con a{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3em; margin-bottom:16px; text-overflow:ellipsis; line-height:1.5em; 
	color:#8c8d90; overflow: hidden; font-size:13px;}
.latest_tab_gall_item_txt .date{display:block; font-size:13px; color: inherit;}

/* 아이콘 공통 */
.latest_tab_gall_item_txt .tab_title a > span{padding-left:4px; color:#acafb9; font-size:13px;}
.latest_tab_gall_item_txt .tab_title a > span.lock_icon{padding:0;}
.latest_tab_gall_item_txt .tab_title a > span i{text-align:center;}
.latest_tab_gall_item_txt .lt_cmt{font-weight:600;}



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	.latest_tab_gall_item_img{width:160px;}
	.latest_tab_gall_item_txt{width:calc(100% - 160px); padding-left:16px; color:#646873}
}
/* 1024px end */



/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {
	.latest_tab_gall_nav li a{padding:.75rem .5rem}

	.latest_tab_gall_item_img{width:120px;}
	.latest_tab_gall_item_txt{width:calc(100% - 120px); padding-left:16px; color:#646873}
	.latest_tab_gall_item_txt .tab_title a{font-size:13px;}
	.latest_tab_gall_item_txt .con a, 
	.latest_tab_gall_item_txt .date{font-size:12px}
}
/* 480px end */



/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {
	.latest_tab_gall_item_txt .tab_title a{padding-bottom:10px; line-height:1.33;}
	.latest_tab_gall_item_txt .con a{margin-bottom:10px;}
}
/* 425px end */