/* -----------------------------
	COMMMON
-------------------------------- */
*{padding:0;margin:0}
body{margin:0;padding:0;font-size:12px}
a{outline:none;letter-spacing:0;font-size:12px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
img {margin:0;padding:0;border:0px}
hr{display:none}
span{letter-spacing:0;outline:none;letter-spacing:0}
table caption{display:none}
address{font-style:normal}


/*** FONTSTYLE ***/
html,body,a,p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dt,dd,table,td,input,textarea,button,select,iframe{
	font-family: "Nanum Gothic", sans-serif;
}

.green{color:green}
.red{color:red}
.blue{color:blue}
.orange{color:orange}
.gray{color:gray}

.b{font-weight:bold}

.line{color:#bbb;padding:0 7px}

/* -----------------------------
	table
-------------------------------- */

.traffic{color:purple}
.resource{color:green}
.port{color:orange}
.index{color:red}
.total{color:blue}

/* 검색 */
.search{}
.search .keyword{border:1px solid #ddd;height:23px;line-height:23px;text-indent:5px;float:left;margin-right:5px;border-radius:3px}
.search .btn_search{float:left;background:#333;color:#fff;text-align:center;padding:4px 12px;display:block;border-radius:3px;border:none}
.search .btn_search:active{background:#444}

/* 버튼 */
.btn a,
.btn_ok{background:#333;color:#fff;text-align:center;padding:6px 12px;display:inline-block;border-radius:3px;border:none}
.btn a:hover,
.btn_ok:hover{text-decoration:none}
.btn a:active,
.btn_ok:active{background:#444}

.btn a.black{background:#333}

/* 페이지네이션 */
.pagination{clear:both;text-align:center;padding-top:20px}
.pagination li{display:inline-block; margin: 4px;}
.pagination li a{display:block;border:1px solid #ddd;border-radius:3px;padding:5px 10px}
.pagination li a:hover{text-decoration:none}

/* 위치 */
.left{float:left}
.right{float:right}


/* -----------------------------
	Popup
-------------------------------- */
#popup{padding:20px}
#popup h2{}
#popup h3{font-size:11pt}