@charset "utf-8";

.latest_ws {position:relative;border:1px solid #ddd;background:#fff;line-height:normal;border-radius: 5px;*zoom:1}
.latest_ws:after {display:block;visibility:hidden;clear:both;content:""}
.latest_ws .title {margin:0;width:100%;border-bottom:1px solid #ddd;background:#f4f4f4;padding:7px 0 6px 13px;font-size:16px;font-weight:600;color:#222;}
.latest_ws ul {padding:8px 10px;}
.latest_ws li .detail {font-weight:normal;color:#333;font-size:15px;}
.latest_ws .more{position:absolute;top:10px;right:13px;font-size:12px;text-decoration:none !important;color:#222;cursor:pointer;}
/* ÅøÆÁ ½ºÅ¸ÀÏ Á¤ÀÇ */
[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	color: #FFFFFF; font-size: 14px; margin-bottom: 10px; padding: 7px 12px;
	position: absolute; width: auto; min-width: 360px; word-wrap: break-word;
	z-index: 9999; opacity: 0; left: -9999px; top: 90%;
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 130%; left: -320px; opacity: 1;
}

/* ¹ÝÀÀÇü ¸ð¹ÙÀÏ ´ëÀÀ */
@media screen and (max-width: 480px) {	
	[data-tooltip-text]:after {min-width: 250px;}
	[data-tooltip-text]:hover:after {	top: 130%; left: -250px; opacity: 1;}
}