@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);

body {
  font-family: 'Nanum Barun Gothic';
}

/*
.tbl_tr {
	color:white;
	background-color: #337ab7;
	font-size: 13px;
}
*/

.tbl_tr {
	border-top:2px #006fbf solid;
	background-color:#eaeaea;
	font-size: 13px;
	
}

.tbl_td {
	font-size: 13px;
	height: 14px;
	text-align: center;
	
}

.tbl_td1 {
	font-size: 12px;
	height: 13px;
	text-align: center;
}

.pointer {
	cursor:pointer;
}

.wrap-loading{ /*화면 전체를 어둡게 합니다.*/
	position: fixed;
    left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0,0,0,0.2); /*not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
} 
		
.wrap-loading div{ /*로딩 이미지*/
    position: fixed;
    top:50%;
    left:23%;
    margin-left: -21px;
    margin-top: -21px;
}
	    
.display-none{ /*감추기*/
    display:none;
}  


table {table-layout: fixed; /*테이블 내에서 <td>의 넓이,높이를 고정한다.*/
	width: 100%;
}	


			
.td {
	width:100%; /* width값을 주어야 ...(말줄임)가 적용된다. */
	overflow: hidden;
	text-overflow:ellipsis; /*overflow: hidden; 속성과 같이 써줘야 말줄임 기능이 적용된다.*/
	white-space:nowrap; /*<td>보다 내용이 길경우 줄바꿈 되는것을 막아준다.*/
}

.td1 {
	overflow: hidden;
	text-overflow:ellipsis; /*overflow: hidden; 속성과 같이 써줘야 말줄임 기능이 적용된다.*/
	white-space:nowrap; /*<td>보다 내용이 길경우 줄바꿈 되는것을 막아준다.*/
}

#ul li {
	white-space:nowrap;
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow: ellipsis;	/* Opera under 10.7 */
	overflow:hidden;			/* "overflow" value must be different from "visible" */ 
	width:100%;
}

.ellipsis{
	width:100%; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	max-height: 40px;
	/* line-height: 14px;
	height: 28px; 
	line-height: 20px;
	height: 40px;
	*/
} 

.line table td span{
	/*padding : 5px;*/
}

.title_td_1 {
	border-bottom: 1px #c7c7c7 soild;
}

.title_td_2 {
	border-left: 1px #c7c7c7 soild;
	border-bottom: 1px #c7c7c7 soild;
}

.fontin {
	font-size: 30px;
}

.fontout {
	font-size: 15px;
}


