@charset "utf-8";

/********************************************* global *********************************************/

/* 공통 스타일 */
#dgcWrap_power form {padding:0; margin:0;}
#dgcWrap_power img {border: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;}

.dgcWrap .radioBtn { vertical-align:middle; margin-right:3px; }
/* Button Text Strong */
.dgcWrap .button.strong * { font-weight:bold !important;}


/***************** 공통버튼 ********************/




/***************** common ********************/
#dgcWrap_power {float:left; margin:0 0 0 0px; 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:18px;}

/* 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:98%; }
#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;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;
}