/* ----------------------------------------------------------------
	table
----------------------------------------------------------------- 
-----------------------------------------------------------------
NOT IMPORTANT
----------------------------------------------------------------- */

.tbl td.searchBtnCell {text-align:center;}

/* .tbl
----------------------------------------------- */

.tbl{
margin-bottom:15px;
border:1px #a6c9e2 solid;
background-color:#fff;
width:100%;
}
.tbl th, .tbl td{
padding:5px 10px;
border:1px #ebebeb solid;
text-align:left;
}
.tbl td.centeralign{
padding:5px 10px;
border:1px #ebebeb solid;
text-align:center;
}
.tbl thead th{
background-color:#f5f5f5;
}
.tbl tbody th{
background-color:#f9f9f9;
font-weight:bold;
}


/* .input
----------------------------------------------- */
.inputTxt {height:22px; line-height:22px; border:1px solid #cfcfcf; width:100%;}
.inputDate {height:22px; line-height:22px; border:1px solid #cfcfcf; width:80px; }
.inputTime {height:22px; line-height:22px; border:1px solid #cfcfcf; width:60px; }
input[type='text']#datef, input[type='text']#datet {width: 80px; text-align:center; line-height:23px;}
input[type='text']#datef + img, input[type='text']#datet + img {vertical-align:middle;}
input[type='checkbox'] {vertical-align:middle;}


/* .button
----------------------------------------------- */
.buttoncalendar {
font-size:9px;
margin-left:0px;
padding:4px 3px;
min-width:0px !important;
border:1px solid #a6c9e2;
color:#0082ca;
background-color:#f5f5f5;
}

.button_s {
margin-left:5px;
padding:3px 10px;
min-width:80px !important;
min-height:30px !important;
border:1px solid #a6c9e2; /* #0082ca; */
color:#0082ca; /*#fff;*/
background-color: #fff; /*#79b7e7; */
font-weight:bold;
}

.button02 {
margin-left:2px;
padding:4px 15px;
min-width:0px !important;
border:1px solid #a6c9e2;
color:#0082ca;
background-color:#fff;
}

.button_disabled {
margin-left:2px;
padding:4px 15px;
min-width:0px !important;
border:1px solid #999;
color:#666;
background-color:#ddd;
}

.button02:hover {
border:1px solid #0082ca;
color:#000
}

/* ----------------------------------------------------------------
	layout
----------------------------------------------------------------- */
.btnt_rightalign {position:relative; float:right}
.btnt_leftalign {position:relative; float:left}

.hr-5{margin:5px !important}
.hr-10{margin:10px !important}
.hr-15{margin:15px !important}

/* Board ¸®½ºÆ® °øÅë
----------------------------------------------- */
.listBtns {height:25px}
.listBtns.hideBtn div.btnt_leftalign button {display:none;}
.searchDateBtns {margin-top:5px; display:inline-block}

/* Board ¸®½ºÆ® ÁÙÀÓ
----------------------------------------------- */
.boardAreaList td.textHidden {text-align:left;}
.boardAreaList td.textHidden > span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; width: 60%;}

/* .Board 01 ¸®½ºÆ®Çü
----------------------------------------------- */
.boardAreaList {width:100%; font-size:12px; border-top:1px solid #a6c9e2; table-layout:fixed;}
.boardAreaList a {color:black;}
.boardAreaList a:hover, .boardAreaList a#balancePkLink {text-decoration:underline;}
.boardAreaList a:hover, .boardAreaList a#balanceAdjust {text-decoration:underline;}
.boardAreaList a:visited {color:black; }
.boardAreaList table {width:100%; border-bottom:1px solid #e0e0e0; table-layout:fixed;}
.boardAreaList th {height:30px; background-color:#f5f5f5; border-bottom:1px solid #e9e9eb; border-right:1px solid #e9e9eb;}
.boardAreaList th:last-child {border-right:1px solid #fff;}
.boardAreaList td {height:21px;text-align:center;padding:5px 5px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;  color:black; cursor:pointer;}
.boardAreaList td.longTextTitle {text-overflow: ellipsis; overflow: hidden; max-width: 99%; white-space: nowrap; }
.boardAreaList td.longTextTitle.ie {max-width: 100%; white-space: nowrap; text-overflow: initial; overflow: initial;}
.boardAreaList td.longTextTitle.ie span {display:block;text-overflow: ellipsis; overflow: hidden; }
.boardAreaList td.tleft {text-align:left;}
.boardAreaList td.tright {text-align:right;}
.boardAreaList td:last-child {border-right:1px solid #fff;}
.boardAreaList th.txtArea {min-height:150px;}

.boardAreaList.log th {font-size:11.5px;}
.boardAreaList .txtALeft th { text-align:left; padding-left:20px !important;}
.boardAreaList .txtALeft {padding-left:15px !important;}

.boardAreaList tr.cursor {cursor: pointer;}
.boardAreaList td#msgLog {position:relative;}
.boardAreaList td#msgLog span#fullMsg {position:absolute; top:0; left: 50px; width:415px; padding: 3px 5px; white-space: normal; z-index: 10; background-color: #fff; border:1px solid #000; line-height:18px; display:none;}
.boardAreaList td#msgLog span#errMsg {position:absolute; top: 50%; line-height: 21px; left:2px; margin-top:-10.5px;}
.boardAreaList td#msgLog span#errMsg.ellipse {text-overflow: ellipsis; overflow: hidden; max-width: 99%; white-space: nowrap; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}

.wpp .boardAreaList {max-width:920px;}

div.btnt_leftalign + div.btnClosePop {position:relative; padding-top:15px}
div.btnt_leftalign + div.btnClosePop > button {margin-top: -2px; position: absolute; right: 0;}

/* .Board 01-2 ¸®½ºÆ®Çü (cursor:pointer; ¸¸ Á¦°Å.
----------------------------------------------- */
.boardAreaList1 {width:100%; font-size:12px; border-top:1px solid #a6c9e2; table-layout:fixed;}
.boardAreaList1 a {color:black;}
.boardAreaList1 a:hover, .boardAreaList1 a#balancePkLink {text-decoration:underline;}
.boardAreaList1 a:hover, .boardAreaList1 a#balanceAdjust {text-decoration:underline;}
.boardAreaList1 a:visited {color:black; }
.boardAreaList1 table {width:100%; border-bottom:1px solid #e0e0e0; table-layout:fixed;}
.boardAreaList1 th {height:30px; background-color:#f5f5f5; border-bottom:1px solid #e9e9eb; border-right:1px solid #e9e9eb;}
.boardAreaList1 th:last-child {border-right:1px solid #fff;}
.boardAreaList1 td {height:21px;text-align:center;padding:5px 5px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;  color:black;}
.boardAreaList1 td.longTextTitle {text-overflow: ellipsis; overflow: hidden; max-width: 99%; white-space: nowrap; }
.boardAreaList1 td.longTextTitle.ie {max-width: 100%; white-space: nowrap; text-overflow: initial; overflow: initial;}
.boardAreaList1 td.longTextTitle.ie span {display:block;text-overflow: ellipsis; overflow: hidden; }
.boardAreaList1 td.tleft {text-align:left;}
.boardAreaList1 td.tright {text-align:right;}
.boardAreaList1 td:last-child {border-right:1px solid #fff;}
.boardAreaList1 th.txtArea {min-height:150px;}

.boardAreaList1 .log th {font-size:11.5px;}
.boardAreaList1 .txtALeft th { text-align:left; padding-left:20px !important;}
.boardAreaList1 .txtALeft {padding-left:15px !important;}

.boardAreaList1 tr.cursor {cursor: pointer;}
.boardAreaList1 td#msgLog {position:relative;}
.boardAreaList1 td#msgLog span#fullMsg {position:absolute; top:0; left: 50px; width:415px; padding: 3px 5px; white-space: normal; z-index: 10; background-color: #fff; border:1px solid #000; line-height:18px; display:none;}
.boardAreaList1 td#msgLog span#errMsg {position:absolute; top: 50%; line-height: 21px; left:2px; margin-top:-10.5px;}
.boardAreaList1 td#msgLog span#errMsg.ellipse {text-overflow: ellipsis; overflow: hidden; max-width: 99%; white-space: nowrap; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}

.wpp .boardAreaList1 {max-width:920px;}

div.btnt_leftalign + div.btnClosePop {position:relative; padding-top:15px}
div.btnt_leftalign + div.btnClosePop > button {margin-top: -2px; position: absolute; right: 0;}

/* .Board 02 ÀÔ·ÂÇü
----------------------------------------------- */
.boardAreaWrite {width:100%; font-size:12px; border-top:1px solid #a6c9e2; letter-spacing: -0.25px;}
.boardAreaWrite a {color:black;}
.boardAreaWrite a:hover {text-decoration:underline;}
.boardAreaWrite a:visited {color:black; }
.boardAreaWrite table {width:100%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; table-layout:fixed;}
.boardAreaWrite tr:first-child th, .boardAreaWrite tr:first-child td {border-top:0;}
.boardAreaWrite th { height:30px; background-color:#f5f5f5; border-bottom:0; border-top:1px solid #e0e0e0;text-align:left; padding-left:15px }
.boardAreaWrite th label.none { text-align:left; padding-left:10px }
.boardAreaWrite td {position:relative; z-index:8; padding:5px 5px; border-top:1px solid #e0e0e0;border-bottom:0;border-right: 0; color:black; }
.boardAreaWrite th.sub {background-color:#ffffff;padding-left:25px; border-top:1px solid #e0e0e0;color:black;font-weight:none !important}
.boardAreaWrite td.sub {background-color:#ffffff;padding-left:25px; border-top:1px solid #e0e0e0;color:black;font-weight:none !important}
.boardAreaWrite th.txtArea {min-height:150px;}
.boardAreaWrite td span.error {position:absolute; z-index:10; border:2px solid #ff0000; height:auto; min-height:100%; width:100%; top:-2px; left:-2px;}
/* IE 10 HACK */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.boardAreaWrite td span.error {bottom:-14px; zoom:1}}
/* IE 10 HACK */
.boardAreaWrite td textarea.txtArea {border:1px solid #e0e0e0; min-height:350px; width:99%; }
.boardAreaWrite td.absolBox {position:relative;}
.boardAreaWrite td button[id='statusChange'] {position:absolute; right:10px; top:7px; line-height: 16px;}
.boardAreaWrite td button[id='statusChange'].gray {border: 1px solid #aaa; color: #999; font-weight:bold;}
.boardAreaWrite td button[id='statusChange'].gray:hover {border: 1px solid #666; color: #333;}
.boardAreaWrite td button[id='processChange'] {position:absolute; right:10px; top:7px; line-height: 16px;}
.boardAreaWrite td button[id='processChange'].gray {border: 1px solid #aaa; color: #999; font-weight:bold;}
.boardAreaWrite td button[id='processChange'].gray:hover {border: 1px solid #666; color: #333;}
.boardAreaWrite td button[id='senderChange'] {position:absolute; right:10px; top:7px; line-height: 16px;}
.boardAreaWrite td button[id='senderChange'].gray {border: 1px solid #aaa; color: #999; font-weight:bold;}
.boardAreaWrite td button[id='senderChange'].gray:hover {border: 1px solid #666; color: #333;}
.boardAreaWrite tbody tr th label {display:block; margin-left:0px; padding-left:0px;}
.boardAreaWrite tbody tr th span.point {color:#ff0000; padding-left:5px;}
.boardAreaWrite .txtALeft{ padding-left:15px !important;}

.fchk.errFocus {border:2px solid red;}

#resultTable {margin-bottom:50px;}

/* Excel View
----------------------------------------------- */
form#_excelReturnForm {display: none;}
form#_fileReturnForm {display: none;}

/* .pager
----------------------------------------------- */
.pagenavi {margin:10px;text-align:center;font-size:12px;line-height:25px}
.pagenavi a, .pagenavi span.pagenavi-current {
display:inline-block;
padding:3px 12px;
text-align:center;
background-color:transparent;
border:1px #e0e0e0 solid;
color:#777;
border-radius:2px;
margin:0
}
.pagenavi span.pagenavi-prev {border:1px #e0e0e0 solid;padding:3px 12px;display:inline-block;}
.pagenavi span.pagenavi-next {border:1px #e0e0e0 solid;padding:3px 12px;display:inline-block;}
 
.pagenavi span.pagenavi-current {border:1px solid #a6c9e2;background-color:#f5f5f5;color:#0082ca}
.pagenavi a:hover {border:1px solid #0082ca;color:#0082ca}

.Comagr {color: red;}

.history {text-decoration:underline;}

/*tpsUser  */
.userInfo input {padding-left:5px; width:98%;}
.userInfo input[type="radio"] {width:auto; vertical-align:middle;}
.userInfo span.useN {padding-left:25px;}
.userInfo span.useY input, .userInfo span.useN  input {margin-right:5px;}
.userInfo textarea.last {width:50%; height:100px;}
.userInfo textarea.last + span {padding-left:10px; color:red;}