p.today {
	text-align:center;
	font-size:32px;
	font-weight:bold;
	margin-bottom:10px;
}
/** year */
p.today span.first a, p.today span.last a {
	font-size:11px !important;
	font-weight:normal;
}
p.today a, p#today-btn a {
	color:#333;
	text-decoration:none;
}
p.today a:hover, p#today-btn a:hover {
	color:#ccc;
	text-decoration:none;
}

/** 달력 리스트 */		
table#calendar {
	width:100%;
	table-layout:fixed;
	font-size:11px;
}
table#calendar caption { display:none;}
/* 달력 헤더 부분 */
table#calendar thead tr th {
	font-size:12px;
	color:#333;
	font-weight:normal;
	padding:8px 0 8px 0;
	background:#f7f7f7;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
table#calendar thead tr th:first-child,
table#calendar thead tr th.first {
	border-left:solid 1px #ccc;
	color:red;
}
table#calendar thead tr th:last-child,
table#calendar thead tr th.last {
	color:blue;
}
/* 달력 내용 부분 */
table#calendar tbody tr td {
	font-size:11px;
	color:#333;
	font-weight:normal;
	vertical-align:top;
	line-height:18px;
	padding:5px 0 65px 5px;
	_padding:5px 0 65px 5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
table#calendar tbody tr td:first-child,
table#calendar tbody tr td.first {
	border-left:solid 1px #ccc;
	color:red;
}
table#calendar tbody tr td:last-child,
table#calendar tbody tr td.last {
	color:blue;
}
/** 날짜 */
/*table#calendar tbody tr td p {*/
table#calendar tbody tr td p, span#stataic-today span {
	text-align:right;
	font-size:13px;
	padding-right:10px;
	font-weight:bold;
}
/** 목록 */
table#calendar tbody tr td div {
	text-align:right;
	padding-right:10px;
}
table#calendar tbody tr td div ul li {
	list-style:none;
	font-size:12px;
}
table#calendar tbody tr td div ul li span:first-child, 
table#calendar tbody tr td div ul li span.first {
	margin-right:5px;
}
/** 오늘 버튼 */ 
p#today-btn {
	margin-top:-20px;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}
#calendar-spinnerLayer {
	display:none;
	position:fixed;
	_position:absolute; 
	height:100%;
	width:100%;
	top:0;
	left:0;
	border:1px solid #cecece;
	z-index:9999;
}





@charset "utf-8";

/********************************************* global *********************************************//* 공통 스타일 */
#dgcWrap_power form {padding:0; margin:0;}
#dgcWrap_power img {border:none;}
content { font-size:12px; }
table {
	border-collapse:collapse;
	border-spacing:0;
	border:0 none;
}

.gu_table04 {
	border:solid 1px #ccc;
}

/* 숨김 콘텐츠 */
.blind {
	position:absolute;
	left:-1000em;
	font-size:0.75em;
	line-height:0;
	height:0;
	display:none;
}

#dgcWrap_power a:link {text-decoration:none; color:#020202;}			/*기본 링크 초기화*/
#dgcWrap_power a:visited {text-decoration:none; color:#020202;}		/*방문한 링크 초기화*/
#dgcWrap_power a:hover, a:active, a:focus {text-decoration:none; color:#020202;}			/*활성 링크 초기화*/
#dgcWrap_power h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}		/*제목요소 초기화*/
#dgcWrap_power fieldset, img, abbr, acronym {border:0 none;}		/*테두리 없애기 초기화*/
#dgcWrap_power ol, ul, li {list-style:none;}		/*목록 뷸릿 없애기 초기화*/

/*테이블 보더 초기화 (마크업에 cellspacing="0" 지정 함께 필요)*/
#dgcWrap_power table {
	border-collapse:collapse; /* collapse */
	border-spacing:0;
	border:0;
}
#dgcWrap_power caption, th, td {font-weight:normal;}		/*테이블 왼쪽정렬 및 서체굵기 초기화*/
#dgcWrap_power address, caption, em {text-align:left; font-weight:normal;}		/*텍스트 관련 요소 초기화*/


/* *********************************************************************************************************************************** */

/***************** 공통버튼 ********************/
/* Button Reset */
.dgcWrap .button,
.dgcWrap .button a,
.dgcWrap .button button,
.dgcWrap .button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.dgcWrap .button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.dgcWrap .button a,
.dgcWrap .button button,
.dgcWrap .button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.dgcWrap .button.large { height:29px; background-position:left -30px; }
.dgcWrap .button.xLarge { height:35px; background-position:left -65px; }
.dgcWrap .button.small { height:18px; background-position:left -107px; }
.dgcWrap .button a,
.dgcWrap .button button,
.dgcWrap .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.dgcWrap .button.large a,
.dgcWrap .button.large button,
.dgcWrap .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.dgcWrap .button.xLarge a,
.dgcWrap .button.xLarge button,
.dgcWrap .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.dgcWrap .button.small a,
.dgcWrap .button.small button,
.dgcWrap .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.dgcWrap .button *:hover,
.dgcWrap .button *:active,
.dgcWrap .button *:focus{ color:#690;}
.dgcWrap .button.green,
.dgcWrap .button.green a,
.dgcWrap .button.green button,
.dgcWrap .button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
.dgcWrap .button.green *:hover,
.dgcWrap .button.green *:active,
.dgcWrap .button.green *:focus{ color:#ff0;}
.dgcWrap .button.black,
.dgcWrap .button.black a,
.dgcWrap .button.black button,
.dgcWrap .button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
.dgcWrap .button.black *:hover,
.dgcWrap .button.black *:active,
.dgcWrap .button.black *:focus{ color:#ff0;}
.dgcWrap .button.red,
.dgcWrap .button.red a,
.dgcWrap .button.red button,
.dgcWrap .button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
.dgcWrap .button.red *:hover,
.dgcWrap .button.red *:active,
.dgcWrap .button.red *:focus{ color:#ff0;}
.dgcWrap .button.blue,
.dgcWrap .button.blue a,
.dgcWrap .button.blue button,
.dgcWrap .button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
.dgcWrap .button.blue *:hover,
.dgcWrap .button.blue *:active,
.dgcWrap .button.blue *:focus{ color:#ff0;}
.dgcWrap .button.white,
.dgcWrap .button.white a,
.dgcWrap .button.white button,
.dgcWrap .button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
.dgcWrap .button.white *:hover,
.dgcWrap .button.white *:active,
.dgcWrap .button.white *:focus{ color:#333;}

/* Button Text Strong */
.dgcWrap .button.strong * { font-weight:bold !important;}


/***************** 공통버튼 ********************/




/***************** common ********************/
#dgcWrap_power {float:left; margin:0 0 0 25px; width:720px; *zoom:1;}
#dgcWrap_power:after { display: block; clear: both; content: "";}

#dgcWrap {width:98%;float:left; margin:10px 0 0 10px;}
.bold1 {font-weight:bold; color:#626262; line-height:20px;}
.bold2 {font-size:18px; font-weight:bold; color:#000; line-height:20px;}
.week tr th {border-top:2px solid #e4e4e4;}
.bold_red {color:red; font-weight:bold;}
.bold_blue {color:blue; font-weight:bold;}
.bold_blue2 {color:#515e66; font-weight:bold; vertical-align:middle;}
.red {color:red;}
.txt_right {text-align:right;}
.title {margin:10px 0; text-align:left; font-family:  "굴림", Gulim, "돋움", Dotum; font-size:13px; font-weight:bold; color:#4d4d4d;} /* 제목 */
.title img {vertical-align:middle; margin-right:3px;}

.back_bg {background:#f2f2f2;}
.back_bg2 {background:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.back_bg3 {background:#f7f7f7; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

input {vertical-align:middle; background-color:#fff;  font-family:Malgun Gothic, dotum; font-size:12px; height:18px; padding-left:0px;}
.pension_input input {border:1px solid #dadada;}
select {vertical-align:middle; font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; /*height:20px;*/}

/* navi */
#dgcWrap .nav_on { margin-bottom:15px; position:relative; width:100%; min-height:40px; letter-spacing:-1px; }
#dgcWrap .nav_area {border-bottom:1px solid #383838; float:left; width:100%;}
#dgcWrap .nav_on .tab_01 {background:#eee; height:30px; line-height:30px; padding:0; float:left; text-align:center; margin-right:3px;border-top:1px solid #777; border-left:1px solid #777; border-right:1px solid #777; }
#dgcWrap .nav_on .tab_01 a {color:#000; font-weight:bold; padding:0 8px;}
#dgcWrap .nav_on .tab_01 a:hover { text-decoration:underline; }
#dgcWrap .nav_on .on { background:#777; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
#dgcWrap .nav_on .on a { color:#fff; }

/***************** common ********************/

/**************** admin srart *******************/
/* list */
#dgcWrap .textBox {background:#f2f2f2; border:1px solid #d3d3d3; padding:15px 10px;}
#dgcWrap .textBox li {font-weight:bold; padding:5px 0;}
#dgcWrap .box {width:100%; }
#dgcWrap .box th {border:1px solid #e0e0e0; background:#eee; font-weight:bold; padding:7px 0; text-align:center;}
#dgcWrap .box th.l, #dgcWrap .box td.l { text-align:left; padding-left:10px; }
#dgcWrap .box th.r, #dgcWrap .box td.r { text-align:right; padding-right:10px; }
#dgcWrap .box td {text-align:center; border:1px solid #e0e0e0; padding:5px 0;}
#dgcWrap .box td.delete_bt {text-align:left; padding:5px;}
#dgcWrap .number {text-align:center; margin:30px 0;}
#dgcWrap .number li {display:inline; margin:0 2px;}

/* write */
#dgcWrap .box2 {width:100%; }
#dgcWrap .box2 th {border:1px solid #e0e0e0; background:#eee; font-weight:bold; padding:7px 0; text-align:right; padding-right:10px; }
#dgcWrap .box2 th.l, #dgcWrap .box td.l { text-align:left; padding-left:10px; }
#dgcWrap .box2 th.r, #dgcWrap .box td.r { text-align:right; padding-right:10px; }
#dgcWrap .box2 td {text-align:left; border:1px solid #e0e0e0; padding:5px 0; padding-left:10px; }
#dgcWrap .box2 td.delete_bt {text-align:left; padding:5px;}
#dgcWrap .box2 input { border:solid 1px #ccc; padding-left:5px; }
#dgcWrap .box2  th.center { text-align:center; border-right:none; padding:0; }
#dgcWrap .box2  p { margin-top:30px; }  
#dgcWrap .box2  p.f { margin-top:0px; }
#dgcWrap .box2 td span { color:#FF0000 !important; font-size:11px; }
#dgcWrap .box2 textarea { border:solid 1px #ccc; width:100%; }
.margin-top-5 { margin-top:5px !important; }

/**************** admin end *******************/

/******************* ui end *********************/


.button_group {
	text-align:right !important;
	padding-top:13px !important;
	border:none !important;
}
/** 유틸리티 버튼들 */
.util_buttons { border:solid 1px #ccc !important;padding:10px !important; background:#eee; }

.paging_group {
	text-align:center !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group strong.active { color:#FF0000; }

.clear {clear:both; }


/** 상태 값 */
.regist { color:#000; }
.wait { color:blue; }
.success { color:green }
.cancel { color:red; }

/*********** modal table 추가 **************/
table.modal {
	width:100%;
	font-size:12px;
}
table.modal th, table.modal td {
	height:28px;
} 
table.modal th {
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	border:solid 1px #ccc;
}
table.modal td {
	text-align:left;
	padding-left:10px;
	border:solid 1px #ccc;
	border-left:none;
}
table.modal td span {
	font-size:11px;
	color:#FF0000;
	margin-left:5px;
}
table.modal td input {
	border:solid 1px #ddd;
	padding-left:10px;
}

/* ============================================================
2012.02.12 퍼블리셔 강은주
관리자 수정
============================================================ */

/* ============================================================
공통 사용하는 css 모음
============================================================ */
/* 공통 _ 정렬 */
.text-left { text-align:left; }		/* 왼쪽 */
.text-right { text-align:right; }	/* 오른쪽 */
.text-center { text-align:center; }		/* 중간 */

/* 공통 칼라 */
.color_black { color:#484848 !important; }	/* 검정 */
.color_red { color:#e85c2c !important; }	/* 빨강 */
.color_blue { color:#2c96e8 !important; }	/* 파랑 */

/* 여백 설정 */
.mt3 { margin-top:3px; }
.mt7 { margin-top:7px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }

.ml3 { margin-left:3px; }
.ml10 { margin-left:10px; }
.ml13 { margin-left:13px; }

/* 페이징 */
.pagination-centered > .pagination { margin: 20px 34%; overflow:hidden;}
.pagination-centered > .pagination > li { display: inline; line-height: 20px; }
.pagination-centered > .pagination > li > a { 
	float: left; 
	padding: 2px 10px; 
	line-height: 20px;
	text-decoration: none; 
	background-color: #fff; 
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	margin-right:1px;
}
.pagination-centered > .pagination > li > .on { background:#f5f5f5; color:#66676e !important; }

/* 모달 페이징 */
.pagination-pop > .pagination { margin: 30px 20% 20px !important;}

/* input 기본 설정 값 */
.input { border:1px solid #ddd; font-size:12px; }

/* inline - block 처리 */
.block { display:block; }
.inline-block { display:inline-block; }

/* inline - 정렬 */
input, label, img, select { display:inline-block; vertical-align:middle !important; }

/* ul 불릿 설정 */
.ul_option li { list-style-type:disc !important;}

/* 버튼 */
.sm_btn > a,
.sm_btn > input {
	color:#484848;
	display:inline-block;
	border:1px solid #5e5e5e; 
	background:#fff; 
}
.sm_btn,
.top_sm_btn,
.down_sm_btn {
	border:1px solid #dadada; 
	background:#fff !important; 
	padding:5px 7px 4px; 
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;white-space: nowrap;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, #ffffff, #f5f5f5) !important;
	background-repeat: repeat-x;
}

.sm_btn:hover,
.top_sm_btn:hover,
.down_sm_btn:hover { background-color: #e9e9e9 !important; }

	/* 위 아래 방향 설정 버튼 */
.top_arrow_con { font-size:10px; color:#e85c2c; }	/* 위로 버튼 아이콘 */
.down_arrow_con { font-size:10px; color:#2c96e8; }	/* 아래로로 버튼 아이콘 */
.edit_sm_off_btn { border:1px solid #acacac !important; color:#acacac !important; }	/* 수정 비활성화 버튼 */
/* 빨강 버튼 */
.danger_btn {
	background-color:#e85c2c; 
	padding:6px 7px 5px; 
	color:#fff !important; 
	display:inline-block; 
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;white-space: nowrap;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, #ff6f3d, #e85c2c) !important;
	background-repeat: repeat-x;
		border: 0;
} 
.size {
	padding:4px 7px 3px; 
} 
/* 빨강 submit버튼 */
.danger_submit {
	background-color:#e85c2c; 
	padding:0px 10px ;
	color:#fff !important; 
	display:inline-block; 
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;white-space: nowrap;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, #ff6f3d, #e85c2c) !important;
	background-repeat: repeat-x;
	border: 0;
	height: 25px;
	vertical-align: top !important;
}

/* 파랑 버튼 */
.info_btn {
	background-color:#2c96e8; 
	padding:6px 7px 5px; 
	color:#fff !important; 
	display:inline-block; 
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;white-space: nowrap;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, #44ADFF, #2c96e8) !important;
	background-repeat: repeat-x;
}
/* 검정 버튼 */
.inverse_btn {
	background-color:#484848; 
	padding:6px 7px 5px; 
	color:#fff !important; 
	display:inline-block; 
}
/* 검정 버튼2 */
.inverse_btn2 {
	background-color:#484848; 
	padding:6px 7px 5px; 
	color:#fff !important; 
	display:inline-block; 
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;white-space: nowrap;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, #484848, #484848) !important;
	background-repeat: repeat-x;
}

/* float 정렬 */
.pull_area { overflow:hidden; }
.pull-right { float:right; }
.pull-left { float:left; }


/* input */
.wd40 { width:40px; height:20px; }
.wd100 { width:100px; height:20px; }
.wd150 { width:150px; height:20px; }
.wd200 { width:200px; height:20px; }
.wd300 { width:300px; height:20px; }

.wd-offset-10 { width:10%; height:20px; }
.wd-offset-20 { width:20%; height:20px; }
.wd-offset-30 { width:30%; height:20px; }
.wd-offset-40 { width:40%; height:20px; }
.wd-offset-50 { width:50%; height:20px; }
.wd-offset-60 { width:60%; height:20px; }
.wd-offset-70 { width:70%; height:20px; }
.wd-offset-80 { width:80%; height:20px; }
.wd-offset-90 { width:90%; height:20px; }
/* ============================================================
관리자 사용하는 css 모음
============================================================ */

/* 카테고리 탭 */
.category_tab { overflow:hidden; }
.category_tab > li { float:left; }
.category_tab > li > a { 
border:1px solid #ddd; 
color:#2b2b2b; 
font-weight:bold; 
padding:8px 10px 7px; 
display:inline-block; 
margin-right:1px; 
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
cursor: pointer;white-space: nowrap;
vertical-align: middle;
background-image: linear-gradient(to bottom, #ffffff, #f5f5f5) !important;
background-repeat: repeat-x;
}
.category_tab > li > .on { 
background:#4d4d4d;
background-image: linear-gradient(to bottom, #747474, #4d4d4d) !important;
color:#fff !important; 
}

/* 카테고리 타이틀 */
.category_title { border:1px solid #ddd; /*font-weight:bold;*/ color:#2b2b2b; padding:8px 10px 7px; }

/* 테이블 (리스트) */
.tabel_list { border-top:2px solid #ddd !important; width:100%; font-size:12px; }
.tabel_list th { border-bottom:1px solid #ddd; font-weight:bold; padding:9px 5px 8px; }
.tabel_list td { border-bottom:1px solid #ddd; padding:9px 5px 8px; }

/* 테이블 (인풋) */
.tabel_input { width:100%; border-top:2px solid #ddd !important; font-size:12px; }
.tabel_input th { border:1px dotted #ccc; padding:5px 5px 5px 20px; 
text-align:left; background:#f8f8f8; font-weight:bold; vertical-align: middle;}
.tabel_input td { border:1px dotted #ccc; padding:9px 5px 8px; vertical-align: middle;}
.tabel_input_td { border-right:1px dotted #ccc; display:inline-block; width:60px;}

/* 검색폼 */
.search_form > span > .inverse_btn { padding: 0 7px; height: 22px; }

small { font-size:11px; }
input { vertical-align:middle; }

/* 모달 */
.modal-content { width:100%; background: #fff; font-size:12px; }
.modal-content th { border: 1px dotted #ccc; text-align:center; padding:7px 5px; }
.modal-content td { border: 1px dotted #ccc; text-align:center; padding:7px 5px; }

.mt5 { margin-top:5px; }
.mb4 { margin-bottom:4px; }



/* 테이블 (인풋) */
.tableBox01 { width:100%; font-size:12px; }
.tableBox01 th { border:1px dotted #ccc; padding:9px 5px 8px; text-align:center; background:#f8f8f8; font-weight:bold;}
.tableBox01 td { border:1px dotted #ccc; padding:9px 5px 8px; text-align: center;}
.tableBox01_td { border-right:1px dotted #ccc; display:inline-block; width:60px;}


/* ============================================
@ 사용자-
 ============================================*/
#ui_wrap { width:700px !important; margin:0 auto; padding-bottom:30px;}

/* 테이블 img 세로 가운데 정렬 : ver 1.2 이경희 */
.tabel_input img {vertical-align:middle !important;}
.tabel_title img {vertical-align:middle !important;}