@charset "utf-8";

/********************************************* global *********************************************/
ol, ul, li {list-style:none;}		/*목록 뷸릿 없애기 초기화*/
/* *********************************************************************************************************************************** */

/***************** 공통버튼 ********************/
/* Button Reset */
#dgcWrap_power .button,
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .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_power .button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
#dgcWrap_power .button.large { height:29px; background-position:left -30px; }
#dgcWrap_power .button.xLarge { height:35px; background-position:left -65px; }
#dgcWrap_power .button.small { height:18px; background-position:left -107px; }
#dgcWrap_power .button a,
#dgcWrap_power .button button,
#dgcWrap_power .button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
#dgcWrap_power .button.large a,
#dgcWrap_power .button.large button,
#dgcWrap_power .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
#dgcWrap_power .button.xLarge a,
#dgcWrap_power .button.xLarge button,
#dgcWrap_power .button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
#dgcWrap_power .button.small a,
#dgcWrap_power .button.small button,
#dgcWrap_power .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
#dgcWrap_power .button *:hover,
#dgcWrap_power .button *:active,
#dgcWrap_power .button *:focus{ color:#690;}
#dgcWrap_power .button.green,
#dgcWrap_power .button.green a,
#dgcWrap_power .button.green button,
#dgcWrap_power .button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
#dgcWrap_power .button.green *:hover,
#dgcWrap_power .button.green *:active,
#dgcWrap_power .button.green *:focus{ color:#ff0;}
#dgcWrap_power .button.black,
#dgcWrap_power .button.black a,
#dgcWrap_power .button.black button,
#dgcWrap_power .button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
#dgcWrap_power .button.black *:hover,
#dgcWrap_power .button.black *:active,
#dgcWrap_power .button.black *:focus{ color:#ff0;}
#dgcWrap_power .button.red,
#dgcWrap_power .button.red a,
#dgcWrap_power .button.red button,
#dgcWrap_power .button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
#dgcWrap_power .button.red *:hover,
#dgcWrap_power .button.red *:active,
#dgcWrap_power .button.red *:focus{ color:#ff0;}
#dgcWrap_power .button.blue,
#dgcWrap_power .button.blue a,
#dgcWrap_power .button.blue button,
#dgcWrap_power .button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
#dgcWrap_power .button.blue *:hover,
#dgcWrap_power .button.blue *:active,
#dgcWrap_power .button.blue *:focus{ color:#ff0;}
#dgcWrap_power .button.white,
#dgcWrap_power .button.white a,
#dgcWrap_power .button.white button,
#dgcWrap_power .button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
#dgcWrap_power .button.white *:hover,
#dgcWrap_power .button.white *:active,
#dgcWrap_power .button.white *:focus{ color:#333;}

/* Button Text Strong */
#dgcWrap_power .button.strong * { font-weight:bold !important;}

/***************** common ********************/
#dgcWrap_power {float:left; width:100%; *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;}


.button_group {
	text-align:right !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group {
	text-align:center !important;
	padding-top:13px !important;
	border:none !important;
}

.paging_group strong.active { color:#FF0000; }

.clear {clear:both; }


/* order_staus plug-in */

.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.ml4 {margin-left:4px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.cen {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.pd_l30 {padding-left:30px !important;}
.mg_l10m {margin-left:-10px !important;}
.essential {font-weight:bold; color:red;}

/* button */
.button { margin: 0; padding: 0; border: 0; background: none; display:inline-block; box-sizing:border-box; cursor:pointer;}

.mint { border:1px solid #289795; color:#fff !important; background:#269594; filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#56c5c4', endColorstr='#269594',GradientType=0 ); background:-webkit-gradient(linear, left top, left bottom, from(#56c5c4), to(#269594));}
.mint:hover {filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#269594', endColorstr='#56c5c4',GradientType=0 ); background:-webkit-gradient(linear, left top, left bottom, from(#269594), to(#56c5c4))}
.black { border:1px solid #4d4d4d; color:#fff !important; background:#4d4d4d; border-radius:2px;}
.bold { font-weight:bold;}
.small {height:28px; font-size:13px; font-weight:normal; padding:0 18px; vertical-align:middle; line-height:28px; }
.mini {height:24px; font-size:12px; font-weight:normal; padding:0 14px; vertical-align:middle; line-height:24px; }
.big {height:36px; font-size:15px; font-weight:bold; padding:0 22px; vertical-align:middle; line-height:36px; }
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:break-word; word-wrap:normal;}

#order_status .btn {height:26px; padding:2px 14px 2px; font-size:11px; color:#fff !important; border:1px solid #777; background:#777; border-radius:2px; cursor:pointer;} /* 일반버튼 */
#order_status .btn_cancle {height:auto; padding:8px 20px; font-size:15px; font-weight:bold; color:#fff; border:0; background:#777; } /* 취소버튼 */
#order_status .btn_excel   {height:auto; padding:8px 20px; font-size:11px; color:#fff; border:0; background:#2f8a40; } /* 엑셀출력버튼 */
#order_status .btn_submit {font-size:12px; color:#fff; border:0;border:1px solid #4d4d4d; background:#4d4d4d; } /* 등록버튼 */
#order_status .btn_modify  { font-size:12px; color:#fff;  border:1px solid #2597c6; background:#2597c6; } /* 수정버튼 */
#order_status .btn_del   { font-size:12px; color:#fff;  border:1px solid #f94040; background:#f94040; } /* 삭제버튼 */
#order_status .btn_ser   { font-size:12px; color:#fff;  border:1px solid #4d4d4d; background:#4d4d4d; padding:0 8px; } /* 아이디검색버튼 */

#order_status .contr input[type="button"]{ height:30px;}

/* search */
#order_status .search_box  { margin-bottom:10px; float:right;}
#order_status .search_box { height:28px; line-height:28px; border-collapse:collapse;}
#order_status .search_box select { font-size:12px; color:#939394; border:1px solid #b3b6ba; height:100%; padding:4px; }
#order_status .search_box input[type="text"] { padding:4px 8px; font-size:12px; color:#939394; width:100%; height:100%; border:1px solid #b3b6ba; box-sizing:border-box; vertical-align:middle;}

#order_status .btn_box { margin-top:10px; margin-bottom:10px; text-align:center; width:100%;}

/* table */
#order_status .table_01 { width:100%; border-collapse:collapse; color:#666; table-layout:fixed; border-top:1px solid #525456; border-bottom:3px solid #525456; text-align:center; font-family:'Gulim','Dotum';}
#order_status .table_01 * { font-size:13px;}

#order_status .table_01 input[type="text"],
#order_status .table_01 input[type="password"] {height:22px !important; margin-left:3px; line-height:22px !important; padding:0 5px; font-size:12px; font-family:dotum; color:#444; border:1px solid #ccc; background:#f1f7e7;}
#order_status .table_01 input[type="file"] {padding:1px 0; }
#order_status .table_01 label {margin-right:15px; margin-left:3px; .margin-left:0px;}
#order_status .table_01 th,
#order_status .table_01 td {padding:10px 12px; border-left:1px solid #dde1e3; border-top:1px solid #ccc; letter-spacing:0px; vertical-align:middle; line-height:20px;}
#order_status .table_01 th:first-child { border-left:0px;}
#order_status .table_01 td:first-child { border-left:0px;}
#order_status .table_01 th {background:#f4f4f4; color:#6a6c6e; font-weight:bold; text-align:center;}
#order_status .table_01 tr th:last-child {background:#666 !important;}
#order_status .table_01 th label {margin:0;}
#order_status .table_01 th span {padding-right:3px;}
#order_status .table_01 th span b {font-weight:normal; color:red;}
#order_status .table_01 td {color:#6a6c6e; }
#order_status .table_01 td span {line-height:26px; vertical-align:middle; text-align:left; margin:0 4px;}
#order_status .table_01 tr:first-child th,
#order_status .table_01 tr:first-child td {border-top:0;}
#order_status .table_01 textarea {width:90%; height:100px; margin-left:3px;  padding:5px; border:1px solid #ccc; background:#f1f7e7;}
#order_status .table_01 img {vertical-align:middle;}
#order_status .table_01 a {cursor:pointer;}
#order_status .table_01 select {height:24px; vertical-align:middle;}
#order_status .table_01 p {margin-top:10px; letter-spacing:-1px;}

#order_status .table_02 {border-top:3px solid #525456; }


/*  main_table */
#order_status .category td {background:#525456; color:#fff !important; font-weight:bold; font-size:13px; border-left:1px solid #424345; border-bottom:1px solid #525456;}
#order_status .category td:first-child {border-left:0px;}

#order_status .s_title { background:#404345 !important;}
#order_status .s_status { color:red !important;}

#order_status .s_list { font-weight:bold; background:#fafafa;}
#order_status .s_list a {color:#6a6c6e; font-weight:bold; background:#fafafa;}

/* 페이징 */
#order_status .paging {margin-top:15px; text-align:center;}
#order_status .paging strong,
#order_status .paging a {display:inline-block; width:24px; height:24px; line-height:24px; color:#444; border:1px solid #999; border-radius:3px; cursor:pointer; background:none;}
#order_status .paging strong {color:#222; border-color:#666; background:#eee;}
#order_status .paging a:hover {color:#444 !important; border-color:#666; }