@charset "utf-8";
@import url("button.css");

/* common */
html, body {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:12px;
  font-family:'나눔고딕','NanumGothic','NG','Dotum','돋움',Sans-serif;
  color:#333;
}

/* text align */
.tac{text-align:center !important}
.tal{text-align:left !important;padding-left:3px}
.tar{text-align:right !important;padding-right:3px}

/* vertical align */
.vat {vertical-align:top}
.vam {vertical-align:middle}

/* layout */
#header {width:100%}
#header div {width:1200px;margin: 0px auto}
#container {width:1200px;margin:0 auto}
#menu {width:250px;float:left;min-height:600px}
#content {width:950px;float:right;min-height:600px;height:auto !important}
#footer {width:100%;clear: both}
#footer div {width:1200px;margin:0 auto}

/* form element */
input {font-size:12px;font-family:'나눔고딕','NanumGothic','NG','Dotum','돋움',Sans-serif;color:#333}
select,input[type=text] {outline:none;vertical-align:middle}
input[type=text] {height:17px;line-height:17px}
select {min-width:45px;height:21px;border:1px solid #bbb;vertical-align:middle;font-size:12px;font-family:'나눔고딕','NanumGothic','NG','Dotum','돋움',Sans-serif;color:#333}
textarea {border:1px solid #bbb;vertical-align:middle;cursor:text;line-height:18px;font-size:12px;font-family:'나눔고딕','NanumGothic','NG','Dotum','돋움',Sans-serif;color:#333}
input.text {border:1px solid #bbb}
input.text:focus, textarea:focus {border:1px solid #00b4d5;background-color:#ffe4e4}
input[type=checkbox] {vertical-align:middle}
input[type=file]{height:17px;line-height:17px;background:#fff}

/* table */
table.list {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff;table-layout:fixed}
table.list caption {display:none}
table.list th {border:1px solid #ccc;height:26px;background-color:#6c6c6c;font-weight:normal;color:#fff}
table.list td {border:1px solid #ccc;padding:5px;font-weight:normal;text-align:center}

table.view {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff;table-layout:fixed}
table.view caption {display:none}
table.view th {border:1px solid #ccc;height:25px;padding:0 10px;font-weight:normal;background-color:#f0f0f0}
table.view td {border:1px solid #ccc;height:25px;padding:0 10px;font-weight:normal}
table.view td.con {min-height:300px;text-align:left;border-left:none;border-right:none}

table.edit {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff;table-layout:fixed}
table.edit caption {display:none}
table.edit th {border:1px solid #ccc;font-weight:normal;background-color:#f0f0f0;text-align:center}
table.edit td {border:1px solid #ccc;font-weight:normal;padding:5px}

table.balju {width:100%;border-collapse:collapse;border-top:2px solid #aaa;background:#fff;table-layout:fixed}
table.balju caption {display:none}
table.balju th {border:1px solid #ccc;padding:5px;font-weight:normal;background-color:#f0f0f0;text-align:center}
table.balju td {border:1px solid #ccc;padding:5px;font-weight:normal}

table.nborder {width:100%;border-collapse:collapse;border:none;background:#fff;table-layout:fixed}
table.nborder caption {display:none}
table.nborder td {border:none;padding:0;font-weight:normal}
table.nborder td.no_record {padding:100px 0}

table.grid {width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}
table.grid caption {display:none}
table.grid th {border:1px solid #ccc;padding:5px;font-weight:normal;background-color:#f0f0f0}
table.grid td {border:1px solid #ccc;height:25px;font-weight:normal}
table.grid td.con {height:300px;text-align:left;border-left:none;border-right:none}

/* top menu */

/* popup page */
#pop_content {width:99.5%;background:#fff;position:relative;margin:4px auto}

/* link */
#header a{color:#fff;text-decoration:none}
#header a:hover,a:active,a:focus{color:#f00;text-decoration:none}

a{color:#555;text-decoration:none}
a:hover,a:active,a:focus{color:#f00;text-decoration:none}

/* image button */
img.btn_cal{vertical-align:middle;cursor:pointer;margin-left:-1px;}