@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* float 처리  */
.clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block; }
/* Hides from IE-mac \\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* 초기화 */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, caption, textarea, input, select, table, th, td { margin: 0px;
padding: 0px; }
html {overflow-y:scroll}
body {margin:0;padding:0; width:100%; font-size:14px;font-family:'Nanum Gothic', sans-serif; -webkit-text-size-adjust:none; font-weight:normal;  color:#444;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {word-break:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,  {display:block; margin:0; padding:0;}

ul, dl, ol  {margin:0;padding:0;list-style:none;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0; font-size:14px; font-family:'Raleway', 'Nanum Gothic', sans-serif;}
button {cursor:pointer;font-family:'Raleway', 'Nanum Gothic', sans-serif;}

textarea, select {font-size:1em;font-family:'Nanum Gothic', sans-serif;}
select {margin:0;font-family:'Nanum Gothic', sans-serif;}
p {margin:0;padding:0;word-break:normal}
span {word-break:normal;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a{cursor:pointer;}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
img{display:block; margin:0; padding:0;}

#container_title{display: none;}

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

.navi .att-btn {
  display: inline-block;
  padding: 6px 12px;
  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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  flat:left;
  margin-top:5px;
}

.navi i{font-weight:normal; color:#fff;}

.att-btn-primary {
  color: #ffffff;
  background-color: #f36152;
  border-color: #357ebd;
}
.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: #999;
  border-color: #f2f2f2;
}

.calendar_conts {*zoom:1;}
.calendar_conts:after {clear:both; display:block; content:"";}

.calendar_conts ul.chart {padding:30px 0 20px 10px; border-top:1px solid #dfdedd; border-bottom:1px solid #dfdedd; background:url('../img/sprites.gif') repeat-x 0 -322px; *zoom:1;}
.calendar_conts ul.chart:after {clear:both; display:block; content:"";}
.calendar_conts ul.chart li {position:relative; float:left; margin:0; padding:0 4.32px; width:22px; height:33px;}
.calendar_conts ul.chart li dl {}
.calendar_conts ul.chart li dt {position:absolute; top:20px; left:0; line-height:100%; font-size:13px; color:#999; overflow:hidden;}
.calendar_conts ul.chart li dt.sat {color:#23adb2;}
.calendar_conts ul.chart li dt.sun {color:#f43131;}
.calendar_conts ul.chart li dt.today {color:#fff; background:#f7651e;}
.calendar_conts ul.chart li dt.off {color:#ddd;}
.calendar_conts ul.chart li dt.regi {color:#fff; background:#0d767a;}
.calendar_conts ul.chart li dd {position:absolute; top:0; left:0; margin:0; width:22px; height:13px; text-indent:-9000px; background:url('../img/sprites.gif') no-repeat 0 -84px;}
.calendar_conts ul.chart li dd.s1 {background-position:0 -66px;}
.calendar_conts ul.chart li dd.s2 {background-position:0 -48px;}
.calendar_conts ul.chart li dd.s3 {background-position:0 -31px;}
.calendar_conts ul.chart li dd.s4 {background-position:0 -102px;}
.calendar_conts ul.chart li dd.today {position:absolute; top:-22px; left:-5px; width:33px; height:22px; background:url('../img/sprites.gif') no-repeat 0 -145px; overflow: visible;}
.calendar_conts ul.chart li dd.regi {position:absolute; top:-22px; left:-5px; width:33px; height:22px; background:url('../img/sprites.gif') no-repeat 0 -119px; overflow: visible;}
.calendar_summ {*zoom:1;}
.calendar_summ:after {clear:both; display:block; content:"";}
.calendar_summ ul.tip {float:left; padding:10px;}
.calendar_summ ul.tip li {float:left; margin-right:20px; padding-left:16px; height:12px; font-size:11px; color:#777; background:url('../img/sprites.gif') no-repeat;}
ul.tip li{font-size:14px !important;}
ul.tip li.absent {background-position:-88px -102px;}
ul.tip li.attend {background-position:-88px -119px;}
ul.tip li em {font-size:13px; color:#666;}
ul.tip li.not_absent {background-position:-88px -136px;}
ul.tip li.not_absent em {font-size:13px; color:#f7651e;}
.calendar_summ p.tip {float:right; font-size:13px; margin:10px 10px 0 0; color:#999;}

.attendBoard {
	position: relative;
	height: 150px;
	margin-bottom: 10px;
	padding: 12px;
	font-family: 'Nanum Gothic', "'Nanum Gothic', sans-serif";
	border: #DA6 solid 8px;
	background-color: #465;
}
.attendBoard .title {
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #FF0;
}
#atd_list div.atd_info {
	font: 12px "'Nanum Gothic', sans-serif";
}

#atd_list div.atd_info table {
	width: 100%;
	border: #DEDFDE solid 1px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

#atd_list div.atd_info tr.atd_trbox {
	background: none;
}

#atd_list div.atd_info td {
	width: 105px;
	border: #DEDFDE solid 1px;

}

#atd_list div.atd_info td.head {
	color: #444;
	font: normal 14px "'Nanum Gothic', sans-serif";
}

#atd_list div.atd_info td {
	color: #f36152;
	font: bold 14px "'Nanum Gothic', sans-serif";
}

#atd_list div.atd_box {
	margin: 20px 0 20px 0;
	padding: 15px;
	border: #DEDFDE solid 1px;
	font: bold 12px "'Nanum Gothic', sans-serif";
}

#atd_list div.atd_box .input {
	width: 88%;
	font: 11px "'Nanum Gothic', sans-serif";
}

#atd_list div.atd_box tr.atd_trbox {
	background: none;
}

#atd_list div.atd_box td {
	padding: 0;
	border: none;
	text-align: left;
	color: #444;
	font: bold 12px "'Nanum Gothic', sans-serif";
}

#atd_list div.atd_box td.atd_tdbox1 {
	width: 100px;
}

#atd_list div.atd_box div.no_hand {
	text-align: center;
	color: #888888;
	font: 13px "'Nanum Gothic', sans-serif";
	padding-bottom:8px;
}

#atd_list div.atd_box div.no_hand span {
	color: #444;
	font: bold 16px "'Nanum Gothic', sans-serif";
	line-height:28px;
}

#atd_list table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

#atd_list table caption {
	display: none;
}

#atd_list thead th {
	padding:8px 0 10px 0;
	border-top: #f36152 solid 2px;
	border-bottom: #D2D2D2 solid 1px;
	background-color: #fff;
	font: normal 14px "'Nanum Gothic', sans-serif";
	color: #444;
	text-align: center;
	font-weight:bold;
}
/*
#atd_list thead .side1 {
	border-left: #D2D2D2 solid 1px;
}

#atd_list thead .side2 {
	border-right: #D2D2D2 solid 1px;
}
*/

#atd_list tbody td {
	position: relative;
	text-align: center;
	color: #888888;
	font: 12px;
	border-bottom: #E6E6E6 solid 1px;
}

#atd_list td {
	padding: 10px 0 10px 0;
}
#atd_list .memberIcon {
	position: absolute;
	top: 5px;
	left: 0;
}
#atd_list td.info_m {
	padding: 0 0 0 10px;
}
#atd_list td.info_m span.contentsText{text-align: center;}

#atd_list td.info_n {
	padding-left: 10px;
}
#atd_list .memberServer {
	position: absolute;
	top: 7px;
	left: 0;
}
#atd_list .memberIcon {
	position: absolute;
	top: 5px;
	left: 25px;
}
#atd_list td.rank,
#atd_list td.time,
#atd_list td.point,
#atd_list td.absent {
	font: bold 14px "'Nanum Gothic', sans-serif";
}

#atd_list div.bottom {
	margin: 20px 0 0 0;
}

#atd_list div.bottom div.pagebox01 {
	text-align: center;
}

#atd_list td.nonum {
	padding: 20px 0 20px 0;
	font: 12px "'Nanum Gothic', sans-serif";
}

.attend_input {
  margin-top: 2px;
  margin-right: 0;
  padding: 16px 10px;
  height: 30px;
  border: 1px solid #d6d6d6;
}
.at_input_wrap .input_area .attend_before input {
  float: left;
}