@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * latest tab basic custom 
 * ****************************************************************************************** */

/* 탭 */
.latest_tab_basic_box{position:relative; }

/* 탭 더보기 */
.latest_tab_basic_box .more{margin-top:1rem; text-align:center;}
.latest_tab_basic_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_basic_box .more a:hover{background:#5bb6e2; border-color:#5bb6e2; color:#fff;}

/* 탭 nav */
.latest_tab_basic_nav{border-bottom:1px solid #dde0e3;}
.latest_tab_basic_nav li{display:inline-block; border-bottom:0;}
.latest_tab_basic_nav li.active{position:relative;}
.latest_tab_basic_nav li.active:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#252629;}
.latest_tab_basic_nav li a{position:relative; display:block; padding:.75rem 1rem; line-height:1; color:#646873;}
.latest_tab_basic_nav li a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#252629; opacity:0;
	-webkit-transition:all .3s linear; transition:all .3s linear;}
.latest_tab_basic_nav li a:hover:after{opacity:1;}

/* 탭 내용 */
.latest_tab_basic_content{padding:.5rem 0 1rem; overflow:hidden;}
.latest_tab_basic_content ul:not(:first-child){display:none;}
.latest_tab_basic_content ul li:after{content:""; display:block; clear:both;}

/* 탭 내용 리스트 */
.lat_tab_basic{position:relative; height:100%; overflow:hidden;;}
.lat_tab_basic li {position:relative; margin-bottom:0; padding:8px 0;}
.lat_tab_basic li:after{content:""; display:block; clear:both;}
.lat_tab_basic li > div{float:left;}
.lat_tab_basic li a {display:block; position:relative; padding-left:10px; color:#646873; font-size:15px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; 
	overflow:hidden;}
.lat_tab_basic li a:before{content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#acafb9; border-radius:50%;}
.lat_tab_basic li a:hover {color:#3e4046}
.lat_tab_basic .lt_tap_title{width:calc(100% - 60px);}
.lat_tab_basic .lt_tap_date{width:60px; line-height:22px; text-align:right;}

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



/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {

	/* 탭 */
	.latest_tab_basic_box{padding-bottom:3rem;}

	/* 탭 내용 리스트 */
	.lat_tab_basic li{padding:5px 0;}

}
/* 768px end */



/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {
	
	/* 탭 */
	.latest_tab_basic_box{padding-bottom:1rem;}
	.latest_tab_basic_nav li a{padding:0.75rem .5rem; font-size:13px; font-weight:600;}

	/* 탭 내용 리스트 */
	.lat_tab_basic li a{font-size:13px;}
	.lat_tab_basic .lt_more{top:16px;}
	.lat_tab_basic .lt_tap_title a > span{font-size:12px;}
	.lat_tab_basic .lt_tap_date{font-size:13px;}

}
/* 480px end */