@charset "utf-8";

/* 웹폰트 */
@font-face {
	font-family: ng;
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: ng;
	font-style: normal;
	font-weight: 400;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: ng;
	font-style: normal;
	font-weight: 800;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* 공통 css */

.att { padding:0px; }
.att img{border:0}
.att table,
.att input,
.att textarea,
.att select{font-size:12px;letter-spacing:normal; }
.att .iCheck{width:13px;height:13px;margin:0;vertical-align:middle}
.att .iText{
	position:relative;
	padding:3px 4px;
	_margin:-1px 0;
	height:17px;
	line-height:17px;
	border:1px solid #a6a6a6;
	border-right-color:#d8d8d8;
	border-bottom-color:#d8d8d8;
	background:transparent;
	box-sizing:content-box !important;
	-webkit-box-sizing:content-box !important;
	-moz-box-sizing:content-box !important;
}
.att textarea{margin:0;padding:3px 4px;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8}

.cal { padding: 0 10px; }
.tablestart { padding:0 10px; }

.x {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
line-height: 20px;

}
.x form {
margin: 0 0 20px;
}

.x .x_input-append,.sat .x .x_input-prepend {
margin-bottom: 5px;
font-size: 0;
white-space: nowrap;
}
.sat select, .sat textarea, .sat input[type="text"], .sat input[type="password"], .sat input[type="datetime"], .sat input[type="datetime-local"], .sat input[type="date"], .sat input[type="month"], .sat input[type="time"], .sat input[type="week"], .sat input[type="number"], .sat input[type="email"], .sat input[type="url"], .sat input[type="search"], .sat input[type="tel"], .sat input[type="color"] {
display: inline-block;
height: 20px !important;
padding: 4px 6px;
margin-bottom: 10px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.sat textarea, .sat input[type="text"], .sat input[type="password"], .sat input[type="datetime"], xm input[type="datetime-local"], .sat input[type="date"], .sat input[type="month"], .sat input[type="time"], .sat input[type="week"], .sat input[type="number"], .sat input[type="email"], .sat input[type="url"], .sat input[type="search"], .sat input[type="tel"], .sat input[type="color"] {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}



.x .x_input-append .x_add-on, .x .x_input-prepend .x_add-on, .x .x_input-append .x_disabled, .x .x_input-prepend .x_btn, .x .x_input-append .x_btn-group>.x_dropdown-toggle, .x .x_input-prepend .x_btn-group>.x_dropdown-toggle {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}


.x textarea:focus,
.x input[type="text"]:focus,
.x input[type="password"]:focus,
.x input[type="datetime"]:focus,
.x input[type="datetime-local"]:focus,
.x input[type="date"]:focus,
.x input[type="month"]:focus,
.x input[type="time"]:focus,
.x input[type="week"]:focus,
.x input[type="number"]:focus,
.x input[type="email"]:focus,
.x input[type="url"]:focus,
.x input[type="search"]:focus,
.x input[type="tel"]:focus,
.x input[type="color"]:focus,
.x .x_uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9; /* IE6-9 */ -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)}

.x .x_btn.x_disabled,
.x .x_btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}



.x .x_input-append input, .x .x_input-append select, .x .x_input-append .x_uneditable-input {
position: relative;
margin-bottom: 0;
vertical-align: top;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}


.x .x_btn.x_disabled, .x .x_btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}





.x .x_btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.x .x_btn:hover,
.x .x_btn:active,
.x .x_btn.x_active,
.x .x_btn.x_disabled,
.x .x_btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9}
.x .x_btn:active,
.x .x_btn.x_active{background-color:#cccccc \9}
.x .x_btn:first-child{*margin-left:0}
.x .x_btn:hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear}
.x .x_btn-inverse{
	color:#ffffff;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#363636;
	*background-color:#222222;
	background-image:-moz-linear-gradient(top, #444444, #222222);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
	background-image:-webkit-linear-gradient(top, #444444, #222222);
	background-image:-o-linear-gradient(top, #444444, #222222);
	background-image:linear-gradient(to bottom, #444444, #222222);
	background-repeat:repeat-x;border-color:#222222 #222222 #000000;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.x .x_btn-inverse:hover,
.x .x_btn-inverse:active,
.x .x_btn-inverse.x_active,
.x .x_btn-inverse.x_disabled,
.x .x_btn-inverse[disabled]{color:#ffffff;background-color:#222222;*background-color:#151515}
.x .x_btn-inverse:active,
.x .x_btn-inverse.x_active{background-color:#080808 \9}
.x .x_input-append .x_add-on, .x .x_input-append .x_btn, .x .x_input-append .x_btn-group {
margin-left: -1px;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.label-default {
  background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size:14px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.alert-warning hr {
  border-top-color: #f8e5be;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger hr {
  border-top-color: #e6c1c7;
}

.alert-danger .alert-link {
  color: #953b39;
}


table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

button, input, select, textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  font-size:11px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}

/* 상단 날짜 */

.navi {margin-top:10px; font-size:12px; padding:0 10px;}
.navi a{ text-decoration:none; color:#000000}


/* 출석 리스트 */
.at_board_title {font-size:12px;}
.at_board_title table{border:0;color:#000;width:100%;   }
.at_board_title th{border:0;padding:8px 10px 8px 10px; text-align:center; white-space:nowrap; height:16px;}
.at_board_title th span{display:block;padding:0 0 0 15px;}
.at_board_title th.title {width:100%;}
.at_board_title td {border:0;padding:6px 10px;white-space:nowrap; color:#000000; line-height:17px;}
.at_board_title tr:hover { background:#f8f8f8}
.at_board_title td.author,
.at_board_title td.author span{color:#000000; text-decoration:none; padding:0px 5px; text-align:left; vertical-align:middle !important;}
.at_board_title td.author span a {color:#000000; }
.at_board_title td.title {width:100%; white-space:normal; text-align:left;letter-spacing:0px; vertical-align: middle !important;}
.at_board_title .no{ padding-right:0; vertical-align: middle !important;}
.at_board_title td.point{ font-size:11px; padding:0 0 0 15px; color:#690; font-family: 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif; text-align:center; vertical-align:middle !important;}
.at_board_title td.point a{ text-decoration:none; font-family: 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif; color:#FF0000;  }
.at_board_title td.intrambos{ font-size:11px; font-family: 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif; padding:0 0 0 15px; color:#adadad; text-align:center; vertical-align:middle !important;}
.at_board_title td.intrambos a{ text-decoration:none; font-family: 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif; color:#adadad; }
.at_board_title td.time {font-size:11px; text-align:center; padding:0 0 0 15px; vertical-align:middle !important;}
.at_board_title td.ip { font-size:11px;}

.table tr:last-child th, .table tr:last-child td {border-bottom:none;}
.table tbody:last-child tr td { border-bottom:1px solid #dddddd;}
.table {border-collapse: initial !important;}



/* 받는 포인트 리스트 */

.point_list_body{ margin:20px 0; padding: 0 10px;}
.point_list { width:100%;color:#797979;  border:0; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:11px;  }
.point_list table{border:1px solid #333; border:1px solid #ccc; text-align:center}
.point_list td{border:0; padding:8px 5px 8px 5px; border-right:1px solid #ccc; border-bottom:1px solid #CCC;font-weight:normal; white-space:nowrap; color:#F00; font-size:11px; text-align:center }
.point_list td.title{ text-align:left; padding-left:10px; background:#f8f8f8; color:#333}

.per{ background: #39F; color:#FFF; padding:2px 5px; font-size:11px;}
.perm{ background: #693; color:#FFF; padding:2px 5px; font-size:11px;}
.pery{ background: #F90; color:#FFF; padding:2px 5px; font-size:11px;}




.navi .att-btn {
display: inline-block;
padding: 3px 7px;
margin-bottom: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.navi .att-btn-primary{
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}

.att-btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.att-btn-primary:hover,
.att-btn-primary:focus,
.att-btn-primary:active,
.att-btn-primary.active,
.open .dropdown-toggle.att-btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.att-btn-primary:active,
.att-btn-primary.active,
.open .dropdown-toggle.att-btn-primary {
  background-image: none;
}

.att-btn-primary.disabled,
.att-btn-primary[disabled],
fieldset[disabled] .att-btn-primary,
.att-btn-primary.disabled:hover,
.att-btn-primary[disabled]:hover,
fieldset[disabled] .att-btn-primary:hover,
.att-btn-primary.disabled:focus,
.att-btn-primary[disabled]:focus,
fieldset[disabled] .att-btn-primary:focus,
.att-btn-primary.disabled:active,
.att-btn-primary[disabled]:active,
fieldset[disabled] .att-btn-primary:active,
.att-btn-primary.disabled.active,
.att-btn-primary[disabled].active,
fieldset[disabled] .att-btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}


/* 달력 */


.listTable th, .listTable td {
border: 0;
padding: 10px 0;
font-size: 10px;
letter-spacing: -0.5px !important;

background: #f7f7f7;
vertical-align: top;
text-align: center;
white-space: nowrap;
overflow: hidden;
font-family: 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif;
}
.listTable td {
font-weight: normal;
white-space: nowrap;
}
 
.listTable {
width: 100%;
border: 0;
background: url(line.gif) repeat;
border-collapse: separate !important;
margin: 0 auto;
padding: 20px 0;
table-layout: fixed;
font-size: 10px;
color: #999;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.listTable td.stamp {
font-size: 10px;
position: relative;
line-height: 16px;
padding: 0;
margin: 0;
background: url(bg1.gif) no-repeat bottom center;
}
.listTable .sunday { color:red;}
.listTable .sunday a { text-decoration:none; color:#F00;}
.listTable .saturday { color:blue;}
.listTable .saturday a { text-decoration:none; color:#36C;}
.listTable a {color:#999;}
.listTable .check {
width: 100%;
text-align: center;
position: relative;
margin-bottom: -10px;
padding: 0;
padding-top: 3px;
display: block;
}
.listTable .check img{vertical-align: middle;}






/*수정*/

#attendance_board_modify{ color:#000000; font-size:12px; }
.at_modify_title{ width:100%; font-weight:bold; position:relative; margin:0; padding:10px 0; }
.modify_table {width:100%; text-align:center; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.modify_table th{ background:#f8f8f8; padding:7px; border-bottom:1px solid #ccc; }
.modify_table th span{display:block;border-left:1px solid #c7c7c7;padding:0 10px;}
.modify_table td{ padding:7px;}
.modify_text { padding:5px; text-align:center}
.fo{ position:relative; padding:10px; margin-bottom:10px; border:1px solid #ccc; background:#f8f8f8;}
.mod,
.mod a {width:100%; padding:5px 0; text-align:right;  text-decoration:none; color:#000;}
.mod a:hover,
.mod a:active,
.mod a:focus{ text-decoration:none; color:#000;}
.mod span{ padding-left:10px;}


/*네비게이션*/





.content_body .cal .int { text-align:left; padding:0; color:#c09853 !important; }


.lulu-thumb-sosiimg {
	width:19px;
	height:19px;
	vertical-align: middle;
	padding:1px;
	background:#fff;
	border:1px solid #999 !important;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
}



/* 커스텀 */
.alert h4 { font-weight:bold; font-size:18px; font-family: "맑은 고딕", Malgun Gothic, dotum, Sans-serif !important; line-height:25px; } 
.per, .perm, .pery {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.at_board_title th span { border:0 !important; } 
.at_board_title th { background:#fff; } 

.at_board_title tr:hover { background:#f2dede}
.at_board_title tr.infome { background:#dff0d8;}
.at_board_title tr.infome:hover { background:#fcf8e3; }

/* 심플스트랩 레이아웃과의 호환성 관련 css */
.point_list ul.point-ul { margin:0 !important; }








/* HTML Reset */
a {
	text-decoration: underline;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
code, form, fieldset, legend, input, textarea, p, a, blockquote, th, td {
	margin:0; padding:0; border: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

ol,ul,li { list-style:none; }

fieldset,img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	/* font-weight:normal; */
}

caption, th, td {
	text-align: left;
	/* font-weight:normal; */
}

h1,h2,h3,h4,h5,h6 { font-size:100%;}

abbr, acronym { border:0; font-variant:normal; }

sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%; }

legend { color:#000; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a, a:visited { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration:none; }
a {
cursor: pointer;
}