@charset "utf-8";
/*최상단*/

.xl .nav{margin:0 0 10px 0;padding:0;list-style:none}
.xl .nav>li>a{display:block}
.xl .nav>li>a:hover,
.xl .nav>li>a:focus{text-decoration:none;background-color:#eeeeee}
.xl .nav-tabs{*zoom:1}
.xl .nav-tabs:before,
.xl .nav-tabs:after{display:table;line-height:0;content:""}
.xl .nav-tabs:after{clear:both}
.xl .nav-tabs>li{float:left}
.xl .nav-tabs>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px}
.xl .nav-tabs{border-bottom:1px solid #ddd}
.xl .nav-tabs>li{margin-bottom:-1px}
.xl .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.xl .nav-tabs>li>a:hover,
.xl .nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #dddddd}
.xl .nav-tabs>.active>a,
.xl .nav-tabs>.active>a:hover,
.xl .nav-tabs>.active>a:focus{color:#555555;cursor:default;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent}

.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}
.att textarea{margin:0;padding:3px 4px;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8}

.att_header { position:relative;background:url(header.gif) no-repeat left 0; height:130px;}
.att_header_title { position:relative; margin:0; background:url(header.gif) no-repeat right 0; height:130px;}
.att_header span{ position:absolute; left:25px; top:60px; color: #CCC; line-height:18px;}

/* 상단 날짜 */
.navi {padding:10px 0 15px 5px; margin:0; font-size:12px;}
.navi a{ text-decoration:none; color:#000000}

/* 출석 입력, 버튼 */
.att .cal { font-weight:bold; text-align:center; border:1px solid #dcdcdc; font-size:12px; line-height:18px; margin:20px 0 20px 0; position:relative; padding:20px 0; letter-spacing:-1px;background:#f7f7f7;}
.att .cal1 {font-weight:bold; text-align:center; font-size:12px; line-height:18px; margin:20px 0 20px 0; position:relative; padding:10px 0; letter-spacing:-1px;}
.bu{ background:none; border:0; list-style:none;}

/* 받는 포인트 리스트 */
.point_list_body{ margin:0 0 20px 0;}
.point_list { width:100%;color:#797979; overflow:hidden;  border:0; padding:0; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; font-size:11px;  }
.point_list table{border:1px solid #333; border:1px solid #dcdcdc; text-align:center}
.point_list td{border:0; padding:10px 0px 10px 10px ; width:100px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;font-weight:normal; white-space:nowrap; color:#000; font-size:11px; text-align:left }
.point_list th{ text-align:left; padding:0 15px; background:#f7f7f7; color:#333; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-weight:normal;}
.point_list_body .on{ background:url(on.gif) no-repeat right center; padding-right:15px; text-decoration:none; color:#000}
.point_list_body .off{ background:url(off.gif) no-repeat right center; padding-right:15px; text-decoration:none; color:#000}

.ttf {border:none !important; width:120px !important; padding:0 !important;}
.ttf1 {border:none !important; width:80px !important; padding:0 !important;}
.ttf1 tr, .ttf tr{border:none !important; padding:0 !important; margin:0 !important}
.ttf1 td, .ttf td{border:none !important; padding:0 !important; margin:0 !important;}
.ttf1 td font, .ttf td font{ float:right}

.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;}

.c1 { background:url(bg0.gif) no-repeat left center; padding-left:16px; margin-right:10px;}
.c2 { background:url(check.gif) no-repeat left center; padding-left:16px; margin-right:10px;}
.c3 { background:url(day.gif) no-repeat left center; padding-left:16px; margin-right:10px;}

/* 출석 입력, 버튼 */
.att .msg { border-radius: 5px;font-size: 16px; position:relative; padding:20px 20px; letter-spacing:-1px; color: #6d6f48; background: #f8f46e url('msg_bg.png') no-repeat right bottom;}
.att .msg .msg_head {font-size:2.0em;color: #2f3324;}
.att .msg .msg_days, .att .msg .msg_point{width: 90%;border-bottom: 1px solid #e6e25d;font-size: 14px; font-weight: bold;padding: 13px 0 10px 37px;}
.att .msg .msg_days {margin-top: 50px;background: url('msg_days.png') no-repeat left center; color:#15b696;}
.att .msg .msg_point {margin-top: 30px;background: url('msg_points.png') no-repeat left center; color:#f7ac00;}
.msg_days_sub, .msg_point_sub{float: right;font-size:2.0em;font-weight:bold;bottom: 0.7em;position: relative;color:#2f3324;}
.msg_days span, .msg_point span{float: right;font-size:0.9em;width: 20px;text-align: center;color:#2f3324;}
.att .msg .msg_btn {cursor: pointer;background:#15b696; color:#fff;margin: 80px 15% 20px 15%;text-align: center; border-radius: 5px; padding: 20px 0;font-size: 1.1em;font-weight: bold;}
.att .msg .submit_btn {cursor: pointer;background:#15b696; color:#fff;width:70%;margin: 80px 15% 20px 15%;text-align: center; border: 0; border-radius: 5px; padding: 20px 0;font-size: 1.1em;font-weight: bold;}

/* 달력 */
.personalTable { width:100%; border:0; margin:0 auto; padding:0; table-layout:fixed; color:#333; /*border-left:1px solid #ddd;*/ }
.personalTable a { text-decoration:none; color:#333; }
.personalTable th div { white-space:nowrap; }
.personalTable tr.bg0{ background:#f8f8f8;}
.personalTable tr.bg1{ background:#f8f8f8;}
.personalTable th,
.personalTable td{ border:0; padding:2px 5px 0px 5px; border-right:1px solid #ddd; vertical-align:top;  text-align:left; white-space:nowrap; overflow:hidden; }
.personalTable td:hover {background:#f8f8f8; }
.personalTable td:first-child{border-left:1px solid #ddd;}
.personalTable th{ background:#3e454d;border-right-color:#3e454d;border-left-color:#3e454d;white-space:nowrap; padding:5px 0; color:#ccc }
.personalTable th:first-child{border-left:1px solid #3e454d;}
.personalTable td{ border-bottom:1px solid #ddd; font-weight:bold; white-space:nowrap; background:#f8f8f8; }
.personalTable .sunday { color:#f0777e;}
.personalTable .date.sunday { text-decoration:none; color:#F00;}
.personalTable .saturday { color:#7dbf27;}
.personalTable .date.saturday { text-decoration:none; color:#36C;}
.personalTable .center { text-align:center; }
.personalTable .same_height { height:auto; font-weight:bold; }
.personalTable .stamp { position: relative; height: 90px; line-height: 78px; margin:0; text-align:center; font-weight:bold; padding:0; border:0;}
.personalTable .stamp img { width:80px;}
.personalTable .stamp .my_point{}
.personalTable .stamp span{position: absolute;left: 0;width: 100%;color: #973a3b;font-size: 24px;font-weight: bold;-webkit-transform: rotate(-11deg);-moz-transform: rotate(-11deg);-ms-transform: rotate(-11deg);}
.personalTable td.days { background:#fff;}
.personalTable td.days.today { background:#ffe5e5;}

.sat table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

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

.sat .table th,
.sat .table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.sat .table th {
  font-weight: bold;
}

.sat .table thead th {
  vertical-align: bottom;
}

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

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

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

.sat .table-condensed th,
.sat .table-condensed td {
  padding: 4px 5px;
}

.sat .table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.sat .table-bordered th,
.sat .table-bordered td {
  border-left: 1px solid #dddddd;
}

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

.sat .table-bordered thead:first-child tr:first-child > th:first-child,
.sat .table-bordered tbody:first-child tr:first-child > td:first-child,
.sat .table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.sat .table-bordered thead:first-child tr:first-child > th:last-child,
.sat .table-bordered tbody:first-child tr:first-child > td:last-child,
.sat .table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.sat .table-bordered thead:last-child tr:last-child > th:first-child,
.sat .table-bordered tbody:last-child tr:last-child > td:first-child,
.sat .table-bordered tbody:last-child tr:last-child > th:first-child,
.sat .table-bordered tfoot:last-child tr:last-child > td:first-child,
.sat .table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.sat .table-bordered thead:last-child tr:last-child > th:last-child,
.sat .table-bordered tbody:last-child tr:last-child > td:last-child,
.sat .table-bordered tbody:last-child tr:last-child > th:last-child,
.sat .table-bordered tfoot:last-child tr:last-child > td:last-child,
.sat .table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.sat .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.sat .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.sat .table-bordered caption + thead tr:first-child th:first-child,
.sat .table-bordered caption + tbody tr:first-child td:first-child,
.sat .table-bordered colgroup + thead tr:first-child th:first-child,
.sat .table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.sat .table-bordered caption + thead tr:first-child th:last-child,
.sat .table-bordered caption + tbody tr:first-child td:last-child,
.sat .table-bordered colgroup + thead tr:first-child th:last-child,
.sat .table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

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

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

.sat table td[class*="span"],
.sat table th[class*="span"],
.sat .row-fluid table td[class*="span"],
.sat .row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.sat .table td.span1,
.sat .table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.sat .table td.span2,
.sat .table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.sat .table td.span3,
.sat .table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.sat .table td.span4,
.sat .table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.sat .table td.span5,
.sat .table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.sat .table td.span6,
.sat .table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.sat .table td.span7,
.sat .table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.sat .table td.span8,
.sat .table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.sat .table td.span9,
.sat .table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.sat .table td.span10,
.sat .table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.sat .table td.span11,
.sat .table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.sat .table td.span12,
.sat .table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.sat .table tbody tr.success > td {
  background-color: #dff0d8;
}

.sat .table tbody tr.error > td {
  background-color: #f2dede;
}

.sat .table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.sat .table tbody tr.info > td {
  background-color: #d9edf7;
}

.sat .table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.sat .table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.sat .table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.sat .table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

.sat a{ text-decoration:none; color:#000}

/* Pangination */
.sat .pagination {
  margin:-10px 0 0;
}

.sat .pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  padding-left:0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.sat .pagination ul > li {
  display: inline;
}

.sat .pagination ul > li > a,
.sat .pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
  color:#000;
}

.sat .pagination ul > li > a:hover,
.sat .pagination ul > li > a:focus,
.sat .pagination ul > .active > a,
.sat .pagination ul > .active > span {
  background-color: #f5f5f5;
}

.sat .pagination ul > .active > a,
.sat .pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.sat .pagination ul > .disabled > span,
.sat .pagination ul > .disabled > a,
.sat .pagination ul > .disabled > a:hover,
.sat .pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.sat .pagination ul > li:first-child > a,
.sat .pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.sat .pagination ul > li:last-child > a,
.sat .pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.sat .pagination-centered {
  text-align: center;
}

.sat .pagination-right {
  text-align: right;
}

.sat .pagination-large ul > li > a,
.sat .pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.sat .pagination-large ul > li:first-child > a,
.sat .pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.sat .pagination-large ul > li:last-child > a,
.sat .pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.sat .pagination-mini ul > li:first-child > a,
.sat .pagination-small ul > li:first-child > a,
.sat .pagination-mini ul > li:first-child > span,
.sat .pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.sat .pagination-mini ul > li:last-child > a,
.sat .pagination-small ul > li:last-child > a,
.sat .pagination-mini ul > li:last-child > span,
.sat .pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.sat .pagination-small ul > li > a,
.sat .pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.sat .pagination-mini ul > li > a,
.sat .pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.sat .alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.sat .alert,
.sat .alert h4 {
  color: #c09853;
}

.sat .alert h4 {
  margin: 0;
}

.sat .alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

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

.sat .alert-success h4 {
  color: #468847;
}

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

.sat .alert-danger h4,
.sat .alert-error h4 {
  color: #b94a48;
}

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

.sat .alert-info h4 {
  color: #3a87ad;
}

.sat .alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

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

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

.sat .label,
.sat .badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.sat .label {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.sat .badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}

.sat .label:empty,
.sat .badge:empty {
  display: none;
}

.sat a.label:hover,
.sat a.label:focus,
.sat a.badge:hover,
.sat a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.sat .label-important,
.sat .badge-important {
  background-color: #b94a48;
}

.sat .label-important[href],
.sat .badge-important[href] {
  background-color: #953b39;
}

.sat .label-warning,
.sat .badge-warning {
  background-color: #f89406;
}

.sat .label-warning[href],
.sat .badge-warning[href] {
  background-color: #c67605;
}

.sat .label-success,
.sat .badge-success {
  background-color: #468847;
}

.sat .label-success[href],
.sat .badge-success[href] {
  background-color: #356635;
}

.sat .label-info,
.sat .badge-info {
  background-color: #3a87ad;
}

.sat .label-info[href],
.sat .badge-info[href] {
  background-color: #2d6987;
}

.sat .label-inverse,
.sat .badge-inverse {
  background-color: #333333;
}

.sat .label-inverse[href],
.sat .badge-inverse[href] {
  background-color: #1a1a1a;
}

.sat .btn .label,
.sat .btn .badge {
  position: relative;
  top: -1px;
}

.sat .btn-mini .label,
.sat .btn-mini .badge {
  top: 0;
}

.sat .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.sat .popover.top {
  margin-top: -10px;
}

.sat .popover.right {
  margin-left: 10px;
}

.sat .popover.bottom {
  margin-top: 30px;
}

.sat .popover.left {
  margin-left: -10px;
}

.sat .popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.sat .popover-title:empty {
  display: none;
}

.sat .popover-content {
  padding: 9px 14px;
}

.sat .popover .arrow,
.sat .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.sat .popover .arrow {
  border-width: 11px;
}

.sat .popover .arrow:after {
  border-width: 10px;
  content: "";
}

.sat .popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.sat .popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.sat .popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.sat .popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.sat .popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.sat .popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.sat .popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.sat .popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

/* 글작성 */
.write_author select,
.write_author input[type="text"], 
.write_author input[type="password"]{display:inline-block;height:20px;padding:4px 6px;margin-bottom:0px;line-height:20px;color:#555555;vertical-align:middle; }
.write_author input[type="text"], 
.write_author input[type="password"]{background-color:#ffffff;border:1px solid #cccccc;-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}
.write_author input[type="text"]:focus, 
.write_author input[type="password"]:focus{border-color:#5bccd7;outline:0;outline:thin dotted \9;}