/* 달력 */
.cal-navi { width:100%; margin:5px 0 10px 10px;}
.cal-navi select, .cal-navi img {vertical-align:top;padding:0 5px;float:left}
.cal-navi select {height:25px;}
.cal-navi select, .cal-navi option, .cal-navi ul li a {color:#808080;font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.cal-navi ul {display:inline;}
.cal-navi ul li {display:inline-block; background-color:#FFF;  width:40px; padding:1px 2px; border:1px solid #bfc0c2; text-align:center;}
.cal-navi ul li.curr {background-color:#ffff99;}
.cal-navi ul li a:hover {color:#3f67e9;}
.cal-navi .sel_navi_pull {display:none;}

.table-cal {width:100%; margin:10px auto;padding:0;}
.table-cal thead th {height:25px; font-weight:bold; background-color:#f2f2f2; border:1px solid #d7d7d7;}
.table-cal tbody td {height:80px; padding:5px; border:1px solid #d7d7d7; vertical-align:top;background-color:#fff;}
.table-cal tbody td .day .day-num {float:left;width:20px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.table-cal tbody td .day .day-mon {float:left;color:#9933ff;font-family: Verdana, Arial, Helvetica, sans-serif;margin-left:10px;}
.table-cal tbody td .day .day-btn {float:right;cursor:pointer;}
.table-cal tbody td .plan {margin-top:20px;}
.table-cal tbody td .plan li {line-height:18px; border-bottom:1px solid #d7d7d7;word-break:break-all; word-wrap:break-word;}
.table-cal tbody td .plan li.first {color:#757575;font-weight:bold;border-bottom:1px solid #c5bbb8;height:20px;;}
.table-cal tbody td .plan li.noline {border-bottom:0;}
.table-cal tbody td .memo { float:left;width:100%;margin-top:2px;}
.table-cal tbody td .memo .memo_cont {color:#ffffff;float:left;width:82%;padding:3px;margin-top:5px;border:1px solid #bcb8c8;background-color:#433e55;word-break:break-all; word-wrap:break-word; }
.table-cal tbody td .no-memo { display:none; }
.table-cal .sat {background-color:#e7f1f7;}
.table-cal .sun {background-color:#fff3ed;}
.table-cal .hol {background-color:#fee7fd;}
.table-cal .today {background-color:#ffffd9;}
.table-cal .today .day {font-weight:bold;}
.table-cal .sun .day a {color:red;}
.table-cal .sat .day a {color:blue;}
.table-cal .out {color:gray; background-color:#f2f3f3;}
.table-cal .gn {font-size:11px;color:#0066ff;}

.trOn {background-color:#ecf4a2;}
.trOff{background-color:#fff;}
.trSel{background-color:#ffe6fa;}

/* 리스트 */
#title_top {width:100%; height:20px;}
  .title_box{ *zoom:1;}
  .title_box .left{float:left;margin-top:3px;background:url('/images/blet/arrow_s_b.gif') 5px 3px no-repeat; padding-left:15px; }
  .title_box .right{float:right;margin-top:1px; }

/* 리스트 */
.table-list { width:100%; margin-top:10px;}
.table-list thead th { height:29px; font-weight:bold; color:#373131;background:url('/images/th_bg.gif') repeat-x; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.table-list tbody {background-color:#fff;}
.table-list tbody td{ height:25px;padding:2px; border:1px solid #d7d7d7;line-height:16px;text-align:center;}
.table-list tbody td.rt { text-align:right;padding-right:5px; }
.table-list tbody td.lt { text-align:left; padding-left:5px; }
.table-list tbody td.tdWhite { color:white;}
.table-list tbody td.tdRed { color:red; font-weight:bold}

.table-list tbody tr.sum td {background-color:#efefef; font-weight:bold }
.table-list tbody tr.hover:hover{background-color:#ecf4a2; }
.table-list tfoot td {height:26px;border:1px solid #d9d9d9; text-align:left;padding-left:5px;background-color:#f4f4f4;}
.table-list tfoot .ct{text-align:center;font-weight:bold;}

.page{width:100%;text-align:center; margin-top:5px; margin-bottom:10px;position:relative;}
.page .page-info{position:absolute; top:0px;left:0;}
.page .page-btn{position:absolute; top:0; right:0;}
.page * { vertical-align: top;}
.page span{ position:relative; top:4px; padding:0 10px; margin-right:5px;}
* html .page span { top:3px;}
.page span a, .page span strong{padding:3px 5px 2px 6px;border:1px solid #e5e5e5;font-size:11px;font-weight:bold;  }
.page .first{background-image:none;}
.page span a{color:#8a8a8a;}
.page span a:hover,
.page span strong{border:1px solid :#c0c0c0; color:#fc6c0b; margin-right:5px;}
.page span a,strong {margin-right:5px;}

/* 글쓰기 */
.table-write  { width:100%;}
.table-write th{height:30px; border:1px solid #d7d7d7;background-color:#f4f4f4;}
.table-write th.chk {background: #f4f4f4 url('/images/icons/check.gif') 5px 50% no-repeat;}
.table-write td{background-color:#fff; border:1px solid #d7d7d7; padding-left:5px; vertical-align:middle;}
.table-write td.cont{padding:5px;}
.table-write td.rt{ text-align:right;padding-right:5px;}
.table-write td.ct{ text-align:center;}
.table-write td span.desc {font-size:11px;color:#0066ff}
.table-write .btn_file{margin-left:3px;margin-top:2px;}
.table-write .uf{margin-top:2px;}
.table-write .upload {float:left;position:relative;margin-bottom:2px;}
.table-write .upload_info {float:left;margin:3px 0 0 5px;}
.table-write .uploadfile {width:390px;height:22px;position:absolute;margin-top:2px;cursor:pointer;left:0;font-size:12px;filter:alpha(opacity=0);opacity:0;}
.table-write .uploadfile2 {width:390px;height:22px;position:absolute;margin-top:2px;cursor:pointer;left:60px;font-size:12px;filter:alpha(opacity=0);opacity:0;}

/* 읽기 */
.table-read {width:100%;}
.table-read td.title {height:23px; font-weight:bold; padding:2px 0 0 20px; background:url('/images/blet/box_title.gif') 5px 6px no-repeat; }
.table-read th {height: 24px; font-weight:bold; background-color:#f2f2f2; border:1px solid #d7d7d7; text-align:left; padding-top:2px; padding-left:20px;}
.table-read td {height: 24px; background-color:#fff; border:1px solid #d7d7d7; text-align:left; padding-left:5px;}
.table-read td.cont{padding:2px 10px; line-height:18px;}
.table-read td span {font-size:11px; color:#3a6562;}
.table-read td span.white {color:white;}
.table-read tr.gline td{ height:5px; border-right:0; border-left:0;}

.table-read tr.ct td {text-align:center;}
.table-read tr.redct td {text-align:center;color:red;}

/* 레이어 등록*/
.regTable { width:96%; position:absolute; top:125px;left:0;background-color:#FFFFFF; padding:3px;border:2px solid #c2c2c2; display:none;z-index:999;}
.regTable th {height:25px; border:1px solid #d7d7d7; background-color:#f4f4f4;}
.regTable td {height:25px; border:1px solid #d7d7d7; background-color:#fff; padding-left:5px; text-align:center; }
.regTable td.ct { padding-left:0; text-align:center; }

/* 팝업 */
#popup_top {width:100%; height:25px; background-color:black;}
  .popup_box{ *zoom:1;}
  .popup_box .left{float:left;font-weight:bold;background:url('/images/blet/folder.gif') 5px 5px no-repeat; padding:5px 0 0 25px; color:white  }
  .popup_box .right{float:right;margin:2px 10px 0 0;}

/* 팝업 리스트 */
.popup-list { width:98%; margin-top:5px;}
.popup-list th { height:25px; border:1px solid #d7d7d7;background-color:#f2f2f2;}
.popup-list td { height:24px; padding:2px; border:1px solid #d7d7d7;line-height:16px;text-align:center;background-color:#fff;}
.popup-list td.rt { text-align:right;padding-right:5px; }
.popup-list td.lt { text-align:left; padding-left:5px; }

/* 팝업 상자 */
.popup-table { width:95%; margin:0 auto; }
.popup-table th {height: 24px; font-weight:bold; background-color:#f2f2f2; border:1px solid #d7d7d7; text-align:left; padding-top:2px; padding-left:20px;}
.popup-table td {height: 24px; background-color:#fff; border:1px solid #d7d7d7; text-align:left; padding-left:10px;}
.popup-table th.chk{ background: #f2f2f2 url('/images/icons/check.gif') 5px 45% no-repeat;}
.popup-table td.cont{padding:2px 10px; line-height:22px;}

#btn_area {margin-top:10px;width:100%;}
.btn_box{ *zoom:1;}
.btn_box:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
.btn_box .left{float:left;height:25px;}
.btn_box .right{float:right;height:25px;text-align:right;}

/* 달력 */
.hk_curr {margin-top:5px;}
.hk_curr li {display:inline-block;width:120px; background:url('/images/blet/drawing.gif') no-repeat;padding:1px 0 0 18px;}
.hk_curr li.reg {width:30px; background:url('');padding:1px 0 0 0;}
.hk_curr li > img {margin-top:-3px }

.hk_curr li.end_y {background:url('/images/blet/end_y.png') no-repeat;}
.hk_curr li.end_n {background:url('/images/blet/end_n.png') no-repeat;}
.hk_curr li.use_y {background:url('/images/blet/use_y.png') no-repeat;}
.hk_curr li.use_n {background:url('/images/blet/use_n.png') no-repeat;}
.hk_curr li.incom {background:url('/images/blet/in.gif') 0 2px no-repeat;}
.hk_curr li.sum1 {background:url('/images/blet/li_icon1.gif') 0 2px no-repeat;}
.hk_curr li.sum2 {background:url('/images/blet/li_icon2.gif') 0 2px no-repeat;}

.hk_list { float:left; margin-left:5px;margin-top:5px;width:300px;}
.hk_list th { height:22px; color:#41332c; background-color:#f2f2f2;border:1px solid #d7d7d7; text-align:center;}
.hk_list td { height:22px; border:1px solid #d7d7d7; text-align:center; background-color:#fff;}
.hk_list td.lt {text-align:left;padding-left:5px;font-weight:normal; }
.hk_list td.rt {text-align:right; padding-right:10px; }
.hk_list td.end_y {background:url('/images/blet/end_y.png') 2px no-repeat;}
.hk_list td.end_n {background:url('/images/blet/end_n.png') 2px no-repeat;}
.hk_list td.use_y {background:url('/images/blet/use_y.png') 2px no-repeat;}
.hk_list td.use_n {background:url('/images/blet/use_n.png') 2px no-repeat;}
.hk_list td.incom {background:url('/images/blet/in.gif') 2px no-repeat;}
.hk_list tfoot td.sum1 {background:url('/images/blet/li_icon1.gif') 2px no-repeat;}
.hk_list tfoot td.sum2 {background:url('/images/blet/li_icon2.gif') 2px no-repeat;}
.hk_list tfoot td {border:1px solid #d9d9d9; background-color:#f4f4f4;font-weight:bold}
.hk_list tfoot tr.trNormal td {font-weight:normal}

.table-cal {float:left; width:100%; margin:5px auto;padding:0;}
.cal-navi img { float:left;}
.cal-navi .sel_navi {float:left; }
.cal-navi .sel_navi li {float:left; }
.cal-navi .sel_year { float:left ;height:25px;color:#808080;font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.cal-navi img { padding:0 5px}
.cal-navi .week {float:left ;height:21px;padding-top:4px;color:#808080;font-size:16px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.cal-navi ul li  {width:40px;height:20px;padding:0 2px 5px 2px; border:1px solid #bfc0c2; margin-left:5px;text-align:center;}
.cal-navi ul li.curr {background-color:#ffff99}
.cal-navi ul li a {font-size:16px;color:#808080;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.cal-navi ul li a:hover {color:#3f67e9}

.table-cal {float:left; width:100%; margin:5px auto;padding:0;}
.table-cal thead th {height:25px; font-weight:bold; background-color:#f2f2f2; border:1px solid #d7d7d7;}
.table-cal tbody td {height:50px; padding:5px; border:1px solid #d7d7d7; vertical-align:top;}
.table-cal tbody td .day .day-num {float:left;width:20px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.table-cal tbody td .btn  {float:right;cursor:pointer;}
.table-cal tbody td .plan {margin-top:20px;}
.table-cal tbody td .plan li {line-height:18px; border-bottom:1px solid #d7d7d7;word-break:break-all; word-wrap:break-word;}
.table-cal tbody td .plan li img {vertical-align:middle;}
.table-cal tbody td .plan li.noline {border-bottom:0;}
.table-cal tbody td .plan li span.mon {padding-left:5px;}
.table-cal tbody td .memo { float:left;width:100%;margin-top:2px;}
.table-cal tbody td .memo .memo_cont {float:left;color:#000;width:82%;padding:3px;margin-top:5px;border:1px solid #e5e5e5;background-color:#f6f5f5;word-break:break-all; word-wrap:break-word; }
.table-cal tbody td .no-memo { display:none; }
.table-cal .sat {background-color:#e7f1f7;}
.table-cal .sun {background-color:#fff3ed;}
.table-cal .birth {background-color:#effef3;}
.table-cal .today {background-color:#ffffd9;}
.table-cal .today .day {font-weight:bold}
.table-cal .sun .day a {color:red}
.table-cal .sat .day a {color:blue}
.table-cal .out {color:gray; background-color:#f2f3f3;}

/* 메모 */
#cal-memo {width:200px; position:absolute; display:none; background-color:#fff ;border:1px solid black;top:0;left:0; z-index:999;}
#memo_navi {width:200px; height:25px; background-color:black; color:#fff;}
  .memo_box{ *zoom:1;}
  .memo_box .left{float:left;font-weight:bold;background:url('/images/blet/box_title.gif') 5px 6px no-repeat; padding:5px 0 0 25px;  }
  .memo_box .right{float:right; margin:3px 10px 0 0;}

#cal-memo .memo_txt {width:185px;margin:5px; }
#cal-memo .memo_txt .memoform {width:100%; font-size:12px; height:80px;overflow:auto;}
#cal-memo .memo_btn {width:185px;margin:5px;text-align:center; }

/* 레이어 팝업 */
#lay_popup {width:150px; position:absolute; display:none; background-color:#fff ;border:1px solid black;top:0;left:0; z-index:999;}
#lay_navi  {width:150px; height:25px; background-color:black; color:#fff;}
  .lay_box{ *zoom:1;}
  .lay_box .left{float:left;font-weight:bold;background:url('/images/blet/box_title.gif') 5px 6px no-repeat; padding:5px 0 0 25px;  }
  .lay_box .right{float:right; margin:3px 10px 0 0;}
#lay_popup .lay_txt {width:145px;height:150px;margin:5px;overflow:auto; }
#lay_popup .lay_txt li {float:left; width:120px; height:20px;text-align:right;}
#lay_popup .lay_txt li span {float:left;text-align:left;}

.monthMoney {font-weight:bold;width:800px; margin:5px auto;}
.account {float:left;width:820px; margin-left:10px;}

/* 읽기 */
.read-table {width:100%;}
.read-table td.title {height:23px; font-weight:bold; padding:2px 0 0 20px; background:url('/images/blet/box_title.gif') 5px 6px no-repeat; }
.read-table th {height: 24px; font-weight:bold; background-color:#f2f2f2; border:1px solid #d7d7d7; text-align:center; padding-top:2px;}
.read-table td {height: 24px; background-color:#fff; border:1px solid #d7d7d7; text-align:center;}
.read-table td.cont{padding:2px 10px; line-height:18px;}
.read-table tr.gline td{ height:5px; border-right:0; border-left:0;}

.read-list { width:100%; margin-top:5px;border-collapse:collapse;}
.read-list th { height: 25px; color:#41332c; background-color:#f2f2f2;border:1px solid #d7d7d7; text-align:center;}
.read-list th.title {font-weight:bold;background:#f9f9f9 url('/images/blet/drawing.gif') 5px 5px no-repeat; padding:1px 0 0 22px;text-align:left;  }
.read-list th.title .more {float:right;margin-right:10px;font-weight:normal;background:url('/images/blet/noti.gif') 1px no-repeat; padding-left:10px;}
.read-list td { height: 25px; border:1px solid #d7d7d7; text-align:center; background-color:#fff;}
.read-list td.lt {text-align:left;padding-left:5px;font-weight:normal; }
.read-list td.rt {text-align:right; padding-right:10px; }
.read-list tr.hover:hover{background-color:#ecf4a2; }
.read-list tr.bgc td {background-color:#ecf4a2;}
.read-list tr.stk td {background-color:#f9f9f9; text-decoration:line-through; color:gray }
.read-list tfoot td {border:1px solid #d9d9d9; background-color:#f4f4f4;font-weight:bold}
.read-list tfoot tr.trNormal td {font-weight:normal}

/* 읽기 */
.main-list { width:100%;}
.main-list td {padding:3px;border-bottom:1px solid #d7d7d7;line-height:22px;}
.main-list td span.title { font-size:16px; font-weight:bold;}


.m-list { width:820px; margin-top:5px;border-collapse:collapse;}
.m-list th { height: 22px; color:#41332c; background-color:#f2f2f2;border:1px solid #d7d7d7; text-align:center;}
.m-list th.title {font-weight:bold;background:#f9f9f9 url('/images/blet/drawing.gif') 5px 5px no-repeat; padding:1px 0 0 22px;text-align:left;  }
.m-list td { height: 30px; border:1px solid #d7d7d7; text-align:center;}
.m-list td.lt {text-align:left;padding-left:5px;font-weight:bold; }
.m-list td.rt {text-align:right; padding-right:10px; }

.tbl-list { width:100%; margin-top:5px;border-collapse:collapse;}
.tbl-list th { min-height: 30px; color:#41332c; background-color:#f2f2f2;border:1px solid #d7d7d7; text-align:center;}
.tbl-list td { padding:5px; line-height:18px;border:1px solid #d7d7d7; text-align:left; background-color:#fff;}
.tbl-list td.rt {text-align:right;padding-right:5px;}
.tbl-list tfoot td {border:1px solid #d9d9d9; background-color:#f4f4f4;font-weight:bold;}

/*Styles for screen 640px and lower*/
@media only screen and (max-width : 640px) {
	nav { border-bottom: 0; height: auto; }
	nav ul { display: none; width:100%; height: auto; }
	nav a { text-align: left; width: 100%; text-indent: 25px;}
	nav a#pull { display: block; background-color: #eaeef2; width: 100%; position: relative; }
	nav a#pull:after { content:""; background: url('/images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
	nav li { display: block; float: none; width: 100%; }
	nav li a { border-bottom: 1px solid #576979;}
	.cal-navi .sel_navi_pull {display:inline;}
	.cal-navi ul { display: none; }
	aside {display:none}
	article {width:100%}
}