/* 공통 */
.at_wrap {text-align:left;}
.at_wrap p, .at_wrap ul, .at_wrap li, .at_wrap td, .at_wrap th, .at_wrap input, .at_wrap a {font-family:dotum; font-size:12px; color:#666;}
.at_wrap img {border:0;}
.at_wrap p {margin:0; padding:4px 0 3px; font-size:11px; color:#999;}
.at_wrap ul {margin:0;}
.at_wrap li {list-style:none}
.at_wrap em {font-weight:bold; font-style:normal;}
p.sign {float:right; color:#666;}
p.sign a {color:#23adb2;}
.blind {overflow:hidden; position:absolute; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
/* 레이아웃 */
.at_wrap {margin:2px 0 26px 0; width:100%;}
.at_conts {width:100%; }

/* 내용 */
.tb_info {width:100%; border-collapse:collapse;}
.tb_info th {padding:0 0 0 10px; background:#fafafa; border-right:1px solid #ececec; border-bottom:1px solid #d3d3d3; border-left:1px solid #ececec; text-align:left; color:#2e2e2e; font-size:11px; font-weight:normal;}
.tb_info .first th {border-bottom:1px solid #ececec;}
.tb_info .item_mission th {padding:0 0 0 18px; height:52px; border:1px solid #d3d3d3; border-right:none; background:#f4f4f4;}
.tb_info .item_mission th span {float:left; width:50px; height:16px; text-indent:-9000px; overflow:hidden; background:url('../img/attend/sprites.gif') no-repeat -50px -207px;}

.tb_info td {padding:0 0 0 10px; height:38px; font-size:11px; color:#666; border-right:1px solid #ececec; border-bottom:1px solid #d3d3d3;}
.tb_info .first td {border-bottom:1px solid #ececec;}
.tb_info .item_mission td {padding:0 0 0 2px; border:1px solid #d3d3d3; border-left:none; font-size:12px; font-weight:bold; color:#101010; background:#f4f4f4;}
.tb_info td em {color:#0d767a;}
.tb_info td .txt_number {float:left; font-size:12px;}
.tb_info td .ico_point {float:left; margin-left:3px; width:11px; height:11px; text-indent:-9000px; overflow:hidden; background:url('../img/attend/sprites.gif') no-repeat 0 0;}

.timer {float:left; padding:2px 3px 1px 3px; font-size:12px; font-weight:bold; color:#fff; background:#000;}

/* 셀렉트 */
.select_opt {position:relative; float:left;}
	.sebox_order {float:right;}
.select_opt a {font-size:11px; color:#777;}
	.sebox_rank a {color:#666;}
	.sebox_not_absent a {color:#666;}
	.sebox_record a {color:#666;}
	.sebox_order a {color:#666;}
.select_opt .list_label {float:left; border:1px solid #d3d3d3; background:#f9f9f9 url('../img/attend/sprites.gif') no-repeat;}
	.sebox_rank .list_label {padding:4px 0 2px 0; width:64px; border:none; background-color:#fff; background-position:58px -205px;}
	.sebox_not_absent .list_label {padding:4px 0 2px 0; width:64px; border:none; background-color:#fff; background-position:58px -205px;}
	.sebox_record .list_label {padding:4px 0 3px 5px; width:97px; background-position:89px -241px;}
	.sebox_order .list_label {padding:4px 0 3px 5px; width:97px; background-position:89px -241px;}
.select_opt .s-choice {}
	.sebox_rank .s-choice {background-position:58px -223px;}
	.sebox_not_absent .s-choice {background-position:58px -223px;}
	.sebox_record .s-choice {background-position:89px -259px;}
	.sebox_order .s-choice {background-position:89px -259px;}
.select_opt ul {position:absolute; top:22px; left:0; margin:0; padding:5px 0; border:1px solid #d3d3d3; background-color:#f9f9f9; z-index:100;}
	.sebox_rank ul {left:-5px; padding:5px 0 !important; width:71px; background-color:#fff;}
	.sebox_not_absent ul {left:-5px; padding:5px 0 !important; width:79px; background-color:#fff;}
	.sebox_record ul {top:23px; padding:5px 0 !important; width:102px; _width:97px;}
	.sebox_order ul {top:23px; padding:5px 0 !important; width:102px; _width:97px;}
.select_opt li {text-indent:5px; list-style:none; font-size:11px; color:#777;}
	.sebox_rank li {padding:4px 0 2px; overflow:hidden;}
	.sebox_not_absent li {padding:4px 0 2px; overflow:hidden;}
.select_opt li a {float:left; _margin-right:-5px; padding:4px 0 2px; overflow:hidden;}
	.sebox_record li a {width:102px;}
	.sebox_order li a {width:102px;}
.select_opt li a:hover {background-color:#f0f0f0;}

.calendar {margin-top:25px;}
.top_calendar {margin-bottom:5px; *zoom:1;}
.top_calendar:after {clear:both; display:block; content:"";}
.top_calendar h4 {float:left; margin:0; padding:4px 0 3px 10px; color:#333; font-size:12px;}
.top_calendar ul {float:right; margin:0 5px 0 0;}
.top_calendar li {float:left;}


.top_calendar li span {float:left; padding:5px 5px 2px 12px; font-size:11px; color:#ddd; background:url('../img/attend/sprites.gif') no-repeat;}
.top_calendar li a {float:left; padding:5px 5px 2px 12px; font-size:11px; color:#666; background:url('../img/attend/sprites.gif') no-repeat;}
.top_calendar li.prev span {display:none; background-position:-92px -32px;}
.top_calendar li.prev a {background-position:-92px 8px;}
.top_calendar li.off a {display:none;}
.top_calendar li.off span {display:block;}
.top_calendar li.home a {padding-left:16px; background-position:-88px -73px;}
.top_calendar li.next span {background-position:-92px -52px;}
.top_calendar li.next a {display:none; background-position:-92px -12px;}

.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/attend/sprites.gif') repeat-x 0 -294px; *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; width:22px; height:33px;}
.calendar_conts ul.chart li dl {}
.calendar_conts ul.chart li dt {position:absolute; top:17px; left:0; width:13px; line-height:100%; font-size:11px; 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/attend/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/attend/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/attend/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/attend/sprites.gif') no-repeat;}
ul.tip li.absent {background-position:-88px -102px;}
ul.tip li.attend {background-position:-88px -119px;}
ul.tip li em {font-size:11px; color:#666;}
ul.tip li.not_absent {background-position:-88px -136px;}
ul.tip li.not_absent em {font-size:11px; color:#f7651e;}
.calendar_summ p.tip {float:right; margin:6px 10px 0 0; color:#999;}

.at_board {margin-top:20px;}

.at_list_top {margin-top:20px; *zoom:1;}
.at_list_top:after {clear:both; display:block; content:"";}

.at_input {padding:12px 0 12px 12px; border:1px solid #dfdfdf; background:#f3f3f3; *zoom:1;}
.at_input:after {clear:both; display:block; content:"";}
.at_input .input_area {padding:8px 0 8px 8px; *zoom:1;}
.at_input .input_area:after {clear:both; display:block; content:"";}
.at_input h4 {float:left; margin:0; padding-left:18px; width:74px; height:24px; line-height:24px; font-size:12px; font-weight:bold; color:#333; background:url('../img/attend/sprites.gif') no-repeat -86px -174px;}
.at_input .input_wrap {position:relative; float:left;}
	.extra_box {float:left; padding:5px 0 4px 5px; border-top:1px solid #b5b5b5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #b5b5b5; font-size:11px; color:#666;}
	.char_cnt {position:absolute; top:6px; right:6px; font-size:11px; color:#999;}
	.char_cnt span {color:#999; font-size:11px;}
.at_input a.bu_refresh {float:left; margin-left:3px; width:34px; height:24px; overflow:hidden; text-indent:-9000px; background:url('../img/attend/sprites.gif') no-repeat -66px -228px;}
.at_input .bu_submit {float:left; margin-left:3px;}
.at_input p {margin-top:-3px; text-align:center;}
.at_input p.empas {margin:0; color:#333; font-size:12px; font-weight:bold; text-align:center;}


.at_list {width:100%; margin-top:10px; border-top:1px solid #bfbfbf; border-bottom:1px solid #dfdedd; border-collapse:collapse;}
.at_list thead {background:#f8f8f8;}
.at_list thead tr {height:37px;}
.at_list thead th {font-size:11px; font-weight:normal; color:#666; border-bottom:1px solid #dadada; text-align:center;}
.at_list tbody {}
.at_list tbody tr {height:37px;}
.at_list tbody tr.first td {border:none;}
.at_list tbody td {color:#777; font-size:11px; text-align:center; border-top:1px solid #ededed;}
.at_list td.item_rank {}
	.at_list td.item_rank .rank1 {margin:0 auto; text-align:center; width:15px; background:url('../img/attend/sprites.gif') no-repeat -85px -276px; text-indent:-9000px;}
.at_list td.item_time {}
.at_list td.item_greet {text-align:left;}
	.item_greet .icon {float:left; padding:0 7px; width:16px; height:16px;}
.at_list td.item_name {padding-left:10px; text-align:left; color:#777;}
.at_list td.item_name span {color:#777;}
.at_list td.item_online div {margin:0 auto; width:24px; height:11px; overflow:hidden; text-indent:-9000px; background:url('../img/attend/sprites.gif') no-repeat;}
.at_list td.item_online .online_on {background-position:0 -171px;}
.at_list td.item_online .online_off {background-position:0 -187px;}
.at_list td.item_point {font-weight:bold; color:#0d767a;}
.at_list td.item_not_absent {padding-right:15px; text-align:right; color:#999;}


.no_conts td {padding:80px 0; text-align:center;}

/* 오늘의 미션 v.2.0.10 */
.today_mission {position:relative; height:23px; line-height:23px;}
.today_mission .btn_wrap {position:absolute; right:0; top:0; padding-right:14px;}
.today_mission .btn_wrap a {float:left; height:23px; background:url('../img/attend/sprites_btn.gif') no-repeat; text-indent:-9000px; overflow:hidden;}
.today_mission .btn_wrap a.btn_link {width:57px; background-position:0 0;}
.today_mission .btn_wrap a.btn_adm {margin-left:1px; width:23px; background-position:-62px 0;}

/* 페이징 v.2.0.10 */
.bx_paging {clear:both; padding-top:20px; text-align:center;}
.new_page span,
.new_page a {display:inline-block;}
.new_page a {color:#555;}
.new_page a,
.new_page .curent {height:15px; line-height:15px; padding:0 10px 0 10px; border-left:1px solid #e9e9e9;}
.new_page .curent {letter-spacing:-1px; font-weight:bold; color:#fd650d;}
.new_page .first,
.new_page .first a {border:none;}
.new_page .pre2,
.new_page .pre,
.new_page .next,
.new_page .next2 {padding:0; width:15px; height:15px; overflow:hidden; text-indent:-9000px; border:none; background:url('../img/attend/sprites_btn.gif') no-repeat; vertical-align:top;}
.new_page .pre2,
.new_page .pre {margin-right:3px;}
.new_page .next,
.new_page .next2 {margin-left:3px;}
.new_page span.pre2 {background-position:-90px 0;}
.new_page span.pre {background-position:-110px 0;}
.new_page span.next {background-position:-130px 0;}
.new_page span.next2 {background-position:-150px 0;}
.new_page a.pre2 {background-position:-170px 0;}
.new_page a.pre {background-position:-190px 0;}
.new_page a.next {background-position:-210px 0;}
.new_page a.next2 {background-position:-230px 0;}