@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;background:#fff}
.lat .lat_title {display:block; font-size: 27px; color: #000; line-height: 1; padding-bottom: 10px; border-bottom: 3px solid #008b73;}

.lat ul { display: inline-block; width: 100%; height: auto; float: left;}
.lat li {position:relative; display: inline-block; width: 100%; height: auto; float: left; border-bottom: 1px solid #ddd;}
.lat li a { display: inline-block; width: 100%; height: auto; float: left; padding: 20px 0; position: relative;}
.lat li a:hover .lt_subject{ color: #008b73; text-decoration: underline;}

.basic_li .lt_ca_name{ display: inline-block; width: 100%; height: auto; float: left; overflow: hidden; margin-top: 15px;}
.basic_li .lt_ca_name>span{ display: inline-block; width: auto; height: auto; float: left; font-size: 15px; color: #008b73; font-weight: bold; line-height: normal; margin-right: 15px; position: relative; padding-left: 10px;}
.basic_li .lt_ca_name>span:last-child{ margin-right: 0;}
.basic_li .lt_ca_name>span::before{ display: inline-block; width: auto; height: auto; content: "#"; color: #008b73; position: absolute; top: 0; left: 0;}

.basic_li .lt_subject{ display: inline-block; width: 100%; height: auto; float: left; font-size: 21px; font-weight: bold; color: #000; margin: 0px 0 8px;}

.basic_li .lt_content{ display: inline-block; width: 100%; height: auto; float: left; font-size: 15px; color: #454545; line-height: 160%; word-break: break-all;}

.lt_info2 { position: absolute; bottom: 20px; right: 0; font-size: 15px;}
.lt_info2 .sv_member{ color: #888; float: left;}
.lt_info2 .lt_enter{ color: #888; float: left; padding: 0 10px;}
.lt_info2 .lt_date{ color: #888; float: left;}

.lat .empty_li {line-height:50px;color:#666;text-align:center;padding:0}
.lat .empty_li:before {background:none;padding:0}

.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.lat .lt_more {position:absolute;top: 4px; right: 0; display: block; width: auto; color: #000; font-size: 17px;}
.lat .lt_more:hover { color: #008b73;}

@media(max-width:950px){
	.lat {position:relative;background:#fff}
	.lat .lat_title {display:block; font-size: 1.8em; color: #000; line-height: 1; padding-bottom: 10px; border-bottom: 3px solid #008b73;}

	.lat ul { display: inline-block; width: 100%; height: auto; float: left;}
	.lat li {position:relative; display: inline-block; width: 100%; height: auto; float: left; border-bottom: 1px solid #ddd;}
	.lat li a { display: inline-block; width: 100%; height: auto; float: left; padding: 20px 0; position: relative;}
	.lat li a:hover .lt_subject{ color: #008b73; text-decoration: underline;}

	.basic_li .lt_ca_name{ display: inline-block; width: 100%; height: auto; float: left; overflow: hidden; margin-top: 15px;}
	.basic_li .lt_ca_name>span{ display: inline-block; width: auto; height: auto; float: left; font-size: 13px; color: #008b73; font-weight: bold; line-height: normal; margin-right: 15px; position: relative; padding-left: 10px;}
	.basic_li .lt_ca_name>span:last-child{ margin-right: 0;}
	.basic_li .lt_ca_name>span::before{ display: inline-block; width: auto; height: auto; content: "#"; color: #008b73; position: absolute; top: 0; left: 0;}

	.basic_li .lt_subject{ display: inline-block; width: 100%; height: auto; float: left; font-size: 17px; font-weight: bold; color: #000; margin: 0px 0 8px; line-height: 1.3;}

	.basic_li .lt_content{ display: inline-block; width: 100%; height: auto; float: left; font-size: 13px; color: #454545; line-height: 160%; word-break: break-all;}

	.lt_info2 { position: unset; bottom: 20px; right: 0; font-size: 13px; display: inline-block; margin-top: 15px; width: 100%;}
	.lt_info2 .sv_member{ color: #888; float: left;}
	.lt_info2 .lt_enter{ color: #888; float: left; padding: 0 10px;}
	.lt_info2 .lt_date{ color: #888; float: left;}

	.lat .empty_li {line-height:50px;color:#666;text-align:center;padding:0}
	.lat .empty_li:before {background:none;padding:0}

	.lat .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
	.lat .lt_more {position:absolute;top: 4px; right: 0; display: block; width: auto; color: #000; font-size: 13px;}
	.lat .lt_more:hover { color: #008b73;}
}