/* index */
#contents .top-link .link-ul { overflow: hidden; border-bottom: 1px solid #d9dbdf; }
#contents .top-link .link-ul > li { float: left; width: 33.33333%; border-left: 1px solid #d9dbdf; box-sizing: border-box; }
#contents .top-link .link-ul > li:first-child { border-left: 0; }
#contents .top-link .link-ul > li > a { display: block; height: 43px; line-height: 45px; font-size: 12px; color: #555; text-align: center; background-color: #ebf4f2; }
#contents .top-link .link-ul > li:nth-child(1) > a:after { content: ""; display: inline-block; background: url("/images/kbi/mobile/link_bg1.png") no-repeat; position: relative; top: 8px; left: 3px; width: 25px; height: 25px; background-size: 25px 25px; }
#contents .top-link .link-ul > li:nth-child(2) > a:after { content: ""; display: inline-block; background: url("/images/kbi/mobile/link_bg2.png") no-repeat; position: relative; top: 8px; left: 3px; width: 25px; height: 25px; background-size: 25px 25px; }
#contents .top-link .link-ul > li:nth-child(3) > a:after { content: ""; display: inline-block; background: url("/images/kbi/mobile/link_bg3.png") no-repeat; position: relative; top: 8px; left: 3px; width: 25px; height: 25px; background-size: 25px 25px; }

#contents .date-select .select-box { width: 50%; padding-right: 20px; }
#contents .fixed-menu.fixed { position: fixed; left: 0; right: 0; top: 46px; z-index: 10; }

/* sms_�쟾�넚寃곌낵 */
#contents .opera-list .opera-box { padding: 12px 0; border-bottom: 1px solid #dbdde0; }
#contents .opera-list .opera-box .opera-dl { display: table; width: 100%; vertical-align: middle; }
#contents .opera-list .opera-box .opera-dl dt { display: table-cell; vertical-align: middle; width: 60px; padding-left: 12px; box-sizing: border-box; }
#contents .opera-list .opera-box .opera-dl dt > i { display: table-cell; vertical-align: middle; text-align: center; width: 35px; height: 34px; padding-top: 1px; border-radius: 50%; color: #fff; font-style: normal; font-size: 11px; }
#contents .opera-list .opera-box .opera-dl dt .comp { background-color: #5ca0f1; }
#contents .opera-list .opera-box .opera-dl dt .tran { background-color: #fdb837; }
#contents .opera-list .opera-box .opera-dl dt .fail { background-color: #ff7777; }
#contents .opera-list .opera-box .opera-dl dd { overflow: hidden; }
#contents .opera-list .opera-box .opera-dl dd .opera-tit { font-size: 13px; line-height: 20px; margin-top: 3px; }
#contents .opera-list .opera-box .opera-dl dd .opera-tit i { font-style: normal; color: #e1e1e1; }
#contents .opera-list .opera-box .opera-dl dd .opera-tit span { font-size: 12px; color: #444; }
#contents .opera-list .opera-box .opera-dl dd .opera-txt { overflow: hidden; font-size: 10px; color: #999; line-height: 15px; }
#contents .opera-list .opera-box .opera-dl dd .opera-txt .tit { width: 200px; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#contents .opera-list .opera-box .opera-dl dd .opera-txt .data { display: block; float: right; margin-right: 12px; }

/* approval */
#contents .appro-table { width: 100%; border-bottom: 1px solid #e0e2e4; }
#contents .appro-table > thead > tr > th { background-color: #f5f5f5; border-left: 1px solid #e0e2e4; border-top: 1px solid #e0e2e4; font-size: 12px; color: #444; padding: 7px 0; line-height: 15px; position: relative; }
#contents .appro-table > thead > tr > th:first-child { border-left: 0; }
#contents .appro-table > tbody > tr > td { border-top: 1px solid #e0e2e4; border-left: 1px solid #e0e2e4; padding: 7px 0; ; line-height: 20px; color: #666; letter-spacing: -1px; position: relative; }
#contents .appro-table > tbody > tr > td:first-child { border-left: 0; }
#contents .appro-table > tbody > tr > td.stre {text-align: center;}
#contents .appro-table > tbody > tr > td .app-bg { display: inline-block; width: 10px; height: 5px; background: url("/images/kbi/mobile/app_bg.png") no-repeat; background-size: 10px 10px; }
#contents .appro-table > tbody > tr.dn > td > div { height: 0; overflow: hidden; }
#contents .appro-table > tbody > tr.dn > td { padding: 0; border-top: 0; background-color: #fff !important; }
#contents .appro-table > tbody > tr.on > td { background-color: #f4fbf9; }
#contents .appro-table > tbody > tr.active > td { background-color: #76bec0; }
#contents .appro-table > tbody > tr.active > td { border-top: 2px solid #51999f; color: #666; border-left-color: #68a8ac; }
#contents .appro-table > tbody > tr > td div.active { border-bottom: 2px solid #51999f; }
#contents .appro-table > tbody > tr.active > td .app-bg { background-position: 0 -5px; }
#contents .appro-table > tbody > tr > td > a { display: block; height: 100%; color: #666; }
#contents .appro-table > tbody > tr > td table { width: 100%; border-top: 1px solid #e0e2e4; }
#contents .appro-table > tbody > tr > td table > tbody > tr > th { background-color: #f4fbf9; border-bottom: 1px solid #e0e2e4; border-left: 1px solid #e0e2e4; }
#contents .appro-table > tbody > tr > td table > tbody > tr > th:first-child { border-left: 0; }
#contents .appro-table > tbody > tr > td table > tbody > tr > td { padding: 10px 0 10px 10px; text-align: left; border-bottom: 1px solid #e0e2e4; border-left: 1px solid #e0e2e4; }
#contents .appro-table > tbody > tr > td table > tbody > tr > td .stre {text-align: center;}
#contents .appro-table > tbody > tr > td table > tbody > tr > td:first-child { border-left: 0; }
#contents .appro-table > tbody > tr > td table > tbody > tr:last-child > td { padding: 0; border-bottom: 0; background-color: #f8f8f8; text-align: center; }
#contents .appro-table > tbody > tr > td table > tbody > tr:last-child > td a { display: block; font-size: 12px; line-height: 15px; padding: 12px 0; color: #26a1a7; }

#contents .fer-nav { padding: 0 12px; background-color: #f5f5f5; min-height: 40px; max-height: 57px; border-top: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; }
#contents .fer-nav .nav-over { overflow: hidden; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
#contents .fer-nav .nav-list:after { content: ""; clear: both; display: block; }
#contents .fer-nav .nav-list > li { float: left; height: 40px; line-height: 42px; padding-right: 13px; position: relative; }
#contents .fer-nav .nav-list > li:last-child { padding-right: 0; }
#contents .fer-nav .nav-list > li:last-child:before { display: none; }
#contents .fer-nav .nav-list > li:before { content: ""; position: absolute; right: 5px; top: 17px; width: 4px; height: 4px; border-top: 1px solid #9f9f9f; border-right: 1px solid #9f9f9f; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#contents .fer-nav .nav-list > li > a { display: inline-block; color: #444444; }

#contents .folder-table { width: 100%; }
#contents .folder-table > tbody > tr > td {  }
#contents .folder-table tbody tr.on td { background-color: #f4fbf9; }/*20150702 李쎈�쇱텛媛�*/

#contents .folder-box .folder-table > tbody > tr > td { border-bottom: 1px solid #dbdde0; height: 40px; padding: 0 12px; position: relative; }
#contents .folder-box .folder-table .file-name { padding: 0 12px 0 27px; color: #444; width: 70%; line-height: 41px; -webkit-overflow-scrolling: touch; overflow: auto; white-space: nowrap; position: relative; }
#contents .folder-box .folder-table .file-name:before { content: ""; position: absolute; left: 0; top: 10px; width: 19px; height: 18px; }
#contents .folder-box .folder-table .file-name.folder:before { background: url("/images/kbi/mobile/folder_bg.png") no-repeat left top; background-size: 19px 18px; }
#contents .folder-box .folder-table .file-name.file:before { background: url("/images/kbi/mobile/file.png") no-repeat left top; background-size: 19px 19px; }
#contents .folder-box .folder-table .file-name > a { display: inline-block; height: 100%; color: #444; }
#contents .folder-box .folder-table .file-date { width: 30%; margin-top: 5px; padding-left: 5px; padding-right: 30px; }
#contents .folder-box .folder-table .file-date > span { display: block; line-height: 15px; font-size: 11px; }
#contents .folder-box .folder-table .file-date .date-name { color: #444; }
#contents .folder-box .folder-table .file-date .date { color: #999; }
#contents .folder-box .folder-table .file-down { position: absolute; right: 8px; top: 8px; background: url("/images/kbi/mobile/down_bg.png") no-repeat center center; background-size: 26px 24px; width: 26px; height: 24px; }


#contents .message-box { padding: 10px 12px; border-top: 1px solid #d3d2d2; border-bottom: 1px solid #d3d2d2; background-color: #f5f5f5; position: relative; }
#contents .message-box .message-tit { font-size: 12px; color: #454444; margin-bottom: 8px; }
#contents .message-box .message-phon { width: 118px; }
#contents .message-box .message-date { position: absolute; top: 12px; right: 12px; }
#contents .message-box .message-date .message-txt { color: #444; }
#contents .message-box .message-date .message-txt dt { color: #444; float: left; width: 67px; }
#contents .message-box .message-date .message-txt dd { color: #ff7877; text-align: right; display: block; padding-left: 80px; }
#contents .message-box .message-area { margin-top: 10px; padding-right: 70px; position: relative; }
#contents .message-box .message-area .message-textarea > textarea { height: 82px; }
#contents .message-box .message-area .message-btn { width: 62px; position: absolute; top: 0; right: 0; }
#contents .message-box .message-area .message-btn > a { display: block; padding: 0; text-align: center; margin-bottom: 3px; }
#contents .message-box .message-area .message-btn > p { text-align: right; color: #a8a8a8; }
#contents .message-box .message-area .message-btn > a:last-child { margin-bottom: 0; }

/* �엫�젙�븘�뵪 �옉�뾽 */

/* travel */
#contents .trip-table{width:100%; text-align:center;}
#contents .trip-table thead th,
#contents .trip-table tbody td{border:1px solid #e4e6e7; color:#666666; padding:10px 0; word-break:break-all; }
#contents .trip-table thead th{background-color:#f5f5f5; color:#5d5d5d; font-weight:bold;}
#contents .trip-table tbody tr.on td { background-color: #f4fbf9; }/*20150702 李쎈�쇱텛媛�*/

/* �엯�젰 */
#contents .btrip-table{width:100%; border-bottom:1px solid #e2e4e6;}
#contents .btrip-table tbody tr th,
#contents .btrip-table tbody tr td{border-top:1px solid #e2e4e6; font-size: 12px;}
#contents .btrip-table tbody tr th{background-color:#f5f5f5; color:#444; padding: 5px 0;}
#contents .btrip-table tbody tr th.bl1{ border-left: 1px solid #e2e4e6; }
#contents .btrip-table tbody tr th.bl1:first-child{border-left:0;}
#contents .btrip-table tbody tr th span{display:block;font-size: 11px;}
#contents .btrip-table tbody tr td{position:relative; padding: 10px; color: #444444;}
#contents .btrip-table tbody tr td.tac{text-align: center; border-left: 1px solid #e2e4e6;}
#contents .btrip-table tbody tr td.tac:first-child{ border-left: 0; }
#contents .btrip-table tbody tr td p span:first-child{margin-right: 20px;}
#contents .btrip-table tbody tr td .lh{line-height: 30px; display: inline-block; padding: 0 5px;}
#contents .btrip-table tbody tr td .radio-box{ float: left; line-height: 30px; margin-right: 25px; }
#contents .btrip-table tbody tr td .radio-box input{ margin-right: 3px; }
#contents .btrip-table tbody tr td .radio-box label{ display: inline-block; line-height: 32px; height: 30px; }
#contents .btrip-table tbody tr td .abs-div{position:absolute;}
#contents .btrip-table tbody tr td .pdright-div{padding-right:62px;}
#contents .btrip-table tbody tr td .mg-div{margin-left:108px; overflow:hidden;}
#contents .btrip-table tbody tr td .sch-div{position:absolute; right:12px; top:50%; margin-top:-16px;}
#contents .btrip-table tbody tr td .mg-div div{float:left; width:50%;box-sizing: border-box;}
#contents .btrip-table tbody tr td .mg-div div:first-child{padding-right: 4px;}

/* trans */
#contents .trans-table{width:100%; border-bottom:1px solid #e4e6e7; font-size: 13px;}
#contents .trans-table tbody th,
#contents .trans-table tbody td {border-top:1px solid #e2e4e6; color:#444444; padding: 10px 0; line-height: 20px;}
#contents .trans-table tbody th{background-color:#f5f5f5; text-align:center;font-weight: normal;}
#contents .trans-table tbody td{padding-left:14px;}
#contents .trans-table tbody .failure-td{color:red;}

/* sub_request */
#contents .txt-dl:after{content:""; display:block; clear:both;}

#contents .txt-dl dt{float:left; line-height:20px;}
#contents .txt-dl dd{width:100%; line-height:20px;}

#contents .txt-dl{color:#454444; font-size:12px;}
#contents .border-box {border-top:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2; padding:12px; position:relative; background-color:#f5f5f5; position:relative;}
#contents .bdbg-div { padding-right: 68px; }

#contents .border-box .disc-box {position:absolute; top:12px; right:12px;}
#contents .border-box .disc-box .disc-btn{width:63px; height:70px; border-radius:3px; border:1px solid #d8d8d8; font-size:12px; background-color:#fff;color:#999;}
#contents .border-box .disc-box .disc-btn.active{ color: #444; }

.sel-div{padding:15px 12px 0 12px;}