@charset "utf-8";
/*
 * Project		:	헬로컴퍼니_선진
 * File			:	page.css
 * Author		:	youngjae lee
 * Date			:	March 2018.
 * Description	:	서브 페이지 개별 스타일 
 */

/* 로그인 */
.i-txt {position:absolute;right:10px;top:10px;}
.i-txt span {font-weight:bold;}

.loginWrap {background-image:url("/images/login/web/loginWrapBG_1.jpg"); background-repeat:no-repeat; background-size: cover;}

.loginBorder {width:100%; height:5px; background-image:url("/images/com/web/main_bg.png"); background-repeat:no-repeat; background-size:100% 100%;}
.loginForm {background-color:#fff; border-radius: 0.1rem; box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.2), 0 0.25rem 0.25rem rgba(0, 0, 0, 0.2);
				position:absolute; top:15%; left:50%; width:400px; margin-left:-200px;}
.loginForm .loginHeader {background-image: url("/images/login/web/loginBackground_1.jpg"); background-position: center; background-size: cover; height:170px;}
.loginForm .loginHeader h2 {background:url("/images/login/web/loginTitleBG.png") no-repeat center; background-size:70px auto;
										text-align:center; color:#fff; font-size:40px; height:170px; font-weight:normal; letter-spacing:3px;}
.loginForm .loginBody {}
.loginForm .loginBody h1 {text-align:center; padding:30px 0 20px;}
.loginForm .loginBody h1 img {width:60px; height:auto; margin-left:-15px;} 
.loginForm .frmLogin {padding:0 40px 30px;}
.loginForm .frmLogin li {padding-left:40px;}
.loginForm .frmLogin li.company {background:url("/images/login/web/login_company.png") no-repeat left bottom 8px; background-size:18px auto; }
.loginForm .frmLogin li.id { background:url("/images/login/web/login_user.png") no-repeat left bottom 8px; background-size:18px auto; }
.loginForm .frmLogin li.pw { margin-top:15px; background:url("/images/login/web/login_pw.png") no-repeat left bottom 8px; background-size:16px auto; }

.frmLogin select {height:32px; width:100%; border:none; outline:none; border-bottom:1px solid lightgray; font-size:14px; color:gray;}
.frmLogin .material-input { position: relative; padding-top: 18px; margin-bottom: 10px; }
.frmLogin .material-input:after { display: block; clear: both; content:""; }
.frmLogin .material-input input, 
.frmLogin .material-input textarea { font-size: 14px; width: 100%; padding-left:5px; border:0; border-bottom: 1px solid lightgray; outline: none; background: 0; float:left; }
.frmLogin .material-input input { height: 32px; }
.frmLogin .material-input label { line-height: 32px; color:gray; padding-left:5px; font-size: 14px; font-weight: 300; position: absolute; left:0; top:18px; }
.frmLogin .material-bar { position: absolute; bottom:0; left:0; display: block; width: 100%; }
.frmLogin .material-bar:before, 
.frmLogin .material-bar:after { content:""; height: 2px; width: 0; bottom:0; position: absolute; background:#92278f; }
.frmLogin .material-bar:before { left:50%; }
.frmLogin .material-bar:after { right:50%; }
.frmLogin .material-input :focus ~ .material-bar:before,
.frmLogin .material-input :focus ~ .material-bar:after,
.frmLogin .error ~ .material-bar:before,
.frmLogin .error ~ .material-bar:after{ width:50%; }
.frmLogin .error ~ .material-bar:before,
.frmLogin .error ~ .material-bar:after,
.frmLogin .error ~ .material-bar:before,
.frmLogin .error ~ .material-bar:after{ background:#ef2424; }
.frmLogin .error:focus,
.frmLogin .error.filled,
.frmLogin .error:not(.filled) ~ label{ color:#ef2424; }
.frmLogin .material-input :focus ~ label,
.frmLogin .material-input .filled ~ label,
.frmLogin .error:focus ~ label { color:#92278f; font-size: 13px; top:0; font-weight:bold; line-height: 24px; }
.frmLogin .material-bar:before, 
.frmLogin .material-bar:after,
.frmLogin .material-input label,
.frmLogin .material-select .material-bar,
.frmLogin .material-select > span,
.frmLogin .material-radio:before,
.frmLogin .material-checkbox,
.frmLogin .material-checkbox:before,
.frmLogin .material-checkbox:after { transition:.2s ease all; -moz-transition:.2s ease all; -webkit-transition:.2s ease all; }
.frmLogin .rememberPw {padding-left:0 !important; overflow:hidden; margin-top:30px; }
.frmLogin .rememberPw a { color: #37aad9; font-weight: bold; margin-top: 5px; display: inline-block; }

.loginFooter {margin:0 40px 30px;}
.loginFooter a {display:block; background-image:url("/images/com/web/main_bg.png"); background-repeat:no-repeat; background-size:100% 100%; color:#fff; text-align:center; font-size:13px; padding:13px 0;
					transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}
.loginFooter a:hover { background-image:url("/images/com/web/main_bg_inverse.png"); transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;}

.loginWrap .copy {position:absolute;bottom:20px;left:50%;margin-left:-85px;font-weight:bold;}



/* -----------------------------------

	---    eAcc NEW Dashboard    ---
	
  ----------------------------------- */

/* === 레이아웃 === */
.eacc-dsbd-wrap {width:1320px; margin:0 auto;}
.eacc-dsbd-wrap-in {padding-top:30px;}
.eacc-dsbd-top {overflow:hidden; position:relative;}
.eacc-dsbd-btm {overflow:hidden; position:relative;}
.eacc-dsbd-wrap .top-right-area, .eacc-dsbd-wrap .btm-right-area {float:left;}
.eacc-dsbd-wrap .top-right-area .eacc-box-wrap, .eacc-dsbd-wrap .btm-right-area .eacc-box-wrap {width:100%;}
.eacc-dsbd-wrap .wd33 {width:33%;}
.eacc-dsbd-wrap .wd32 {width:32%;}

/* === 공통클래스 (박스레이아웃, 타이틀, 버튼 스타일 등) === */
.eacc-box-wrap {float:left; margin-left:10px; margin-top:10px; background:#fff; border:2px solid #d6dce6;
						-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.eacc-dsbd-top .eacc-box-wrap {margin-top:0;}
.eacc-dsbd-top > .eacc-box-wrap:first-child, .eacc-dsbd-btm > .eacc-box-wrap:first-child {margin-left:0;}

.eacc-btn {display:inline-block;}
.eacc-btn.st01 {border:1px solid #afb4bd; padding:3px 7px; font-size:11px;}
.eacc-btn.st02 {padding:4px 8px; background:#44a5cd; color:#fff;}

.eacc-board-btn {display:inline-block; color:#fff; height:22px; line-height:22px; border-radius:3px; text-align:center;}
/* .eacc-board-btn.state01 {background:#00c8d8;width:62px;} */
/* .eacc-board-btn.state02 {background:#a4a5ad; width:54px;} */
/* .eacc-board-btn.state03 {background:#f6b618; width:54px;} */
.eacc-board-btn.state01 {background:#37aad9; color:#fff; width:62px;} /* 결재 종류 */
.eacc-board-btn.state02 {padding-left:16px; color:#3a86d9; background:url("/images/com/new_eAcc/state02.png") no-repeat left top 3px; background-size:13px auto;} /* 상신 */
.eacc-board-btn.state03 {padding-left:16px; color:#5ca60d; background:url("/images/com/new_eAcc/state03.png") no-repeat left top 4px; background-size:13px auto;} /* 완료 */
.eacc-board-btn.state04 {padding-left:16px; color:#e32b2b; background:url("/images/com/new_eAcc/state04.png") no-repeat left top 4px; background-size:13px auto;} /* 반려 */
.eacc-board-btn.state05 {padding-left:16px; color:#f28418; background:url("/images/com/new_eAcc/state05.png") no-repeat left top 4px; background-size:13px auto;} /* 진행 */

/* === 메인비주얼 === */
.eacc-visual {overflow:hidden; height:314px;}
.eacc-visual .visual-img {float:left; width:55%;}
.eacc-visual .visual-img img {width:100%; height:344px;}
.eacc-visual .visual-info {float:left; width:35%; padding:20px;}
.eacc-visual .visual-info strong {display:block; font-size:20px; color:#555; line-height:1.2;}
.eacc-visual .visual-info strong:after {content:'';}
.eacc-visual .visual-info .borderSt {display:block; margin-top:12px; width:30px; height:3px; background:#37aad9;}
.eacc-visual .visual-info .mainUserInfo {display:block; margin-top:12px;}
.eacc-visual .visual-info .mainUserInfo > span {display:block;}
.eacc-visual .visual-info .mainUserInfo > span.mainUserImg {width:85px; height:85px; text-align:center; vertical-align:middle; overflow:hidden; border:5px solid #e0e3e8;}
.eacc-visual .visual-info .mainUserInfo > span.mainUserImg img {width:100%; height:100%;}
.eacc-visual .visual-info .mainUserInfo > span.name {font-size:18px; font-weight:500; color:#555; margin-top:10px;}
.eacc-visual .visual-info .mainUserInfo > span.dep {font-size:12px; padding-left:2px; color:#9b9fa3;}
.eacc-visual .visual-info a {border-radius:3px; margin-top:8px;}

/* === 내카드정보 === */
.eacc-card {overflow:hidden; position:relative; height:314px;}

.eacc-card-tit {padding:20px 25px 0 25px;}
.eacc-card-tit h3 {font-size:20px; color:#555;}
.eacc-card-tit .cardDropdown {position:relative; display:block;}
.eacc-card-tit .cardDropdown:after {content:''; clear:both;}
.eacc-card-tit .cardDropdown >span {font-size:14px; margin-top:10px}
.eacc-card-tit .cardDropbtn {float:right;}
.cardDropdown-content {display:none; position:absolute; right:0; top:23px; background-color:#f9f9f9; min-width:160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;
									max-height:220px; overflow-y:auto;}
.cardDropdown-content a {color:#494b4d; padding:12px 16px; text-decoration:none; display:block;}
.cardDropdown:hover .cardDropdown-content {display:block;}
.cardDropdown:hover .cardDropbtn {background-color:#44a5cd; color:#fff; border-color:#44a5cd}
.cardDropdown-content a:hover {background-color:#f1f1f1}

.card-slider-wrap {margin-top:8px; position:relative; width:100%; height:calc(100% - 68px);}
.card-view {width:100%; height:100%; position:relative;}
.card-slider {height:100%;}
.card-slider li {width:100%; height:100%; position:absolute}

/* card style */
.card-slider-wrap .card {overflow:hidden; position: relative; background:#fff; padding:10px 90px;}
.card-slider-wrap .card-tarjeta {float:left; width:262px; height:170px; /* 카드백그라운드 크기 */ margin:0 auto; position:relative; border-radius:5px;}
.card-slider-wrap .card-tarjeta.st01 {background:#9cc2d5 url("/images/com/new_eAcc/card-bg01.png");}
.card-slider-wrap .card-tarjeta.st02 {background:#9cc2d5 url("/images/com/new_eAcc/card-bg02.png");}
.card-slider-wrap .card-bank {padding:7px 15px; color:#fff;}
.card-slider-wrap .card-numers {position:relative; float:left; width:100%; margin-top:70px; height:32px;}
.card-slider-wrap .numbers-tarje {position:relative; float:left; margin-left:23px; color: #fff; font-size:16px; font-weight:600; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
.card-slider-wrap .card-nom-tarjet {position:relative; float:left; width:160px; height:50px;}
.card-slider-wrap .card-nom-tarjet > span {font-size:10px; text-align:left; float:left; width:100%; margin-left:15px; color:#fff;}
.card-slider-wrap .card-nom-tarjet >  h4 {font-size:13px; font-weight:600; text-align:left; margin-left:14px; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}
.card-slider-wrap .card-fech-exp-tarjet {position:relative; float:left; text-align:right; width:90px; height:50px;}
.card-slider-wrap .card-fech-exp-tarjet > span {font-size:10px; text-align:left;  width:100%; color:#fff;}
.card-slider-wrap .card-fech-exp-tarjet >  h4 {font-size: 13px; font-weight:600; margin-left:14px; color:#fff; text-shadow: 2px 2px 2px rgba(0,0,0,0.3);}

.card-slider-wrap .card-limit {float:left; margin:5px 20px;}
.card-slider-wrap .card-limit div {margin-top:10px;}
.card-slider-wrap .card-limit p {overflow:hidden; font-size:14px; font-weight:400; color:#555;}
.card-slider-wrap .card-limit p:nth-child(1):after {content:'*'; color:#31b0e5}
.card-slider-wrap .card-limit p:nth-child(2) {font-size:20px; font-weight:bold;}
.card-slider-wrap .card-limit span {font-size:14px; font-weight:normal;}

.card-slider-wrap .card-controls {position: absolute; bottom:30px; width:100%; text-align:center;}
.card-slider-wrap .card-cont-list {}
.card-slider-wrap .card-cont-list li {display: inline-block; margin-left:7px;}
.card-slider-wrap .card-cont-list li:first-child {margin-left:0;}
.card-slider-wrap .card-cont-list li span {display:block; width:10px; height:10px; border-radius:50%; background-color:#93a7bf; cursor:pointer;}
.card-slider-wrap .card-cont-list li.active span {background-color:#478edc;}

/* === 미작성내역 === */
.eacc-nowrite-wrap {height:212px;}
.eacc-nowrite-wrap li {position:relative;}
.eacc-nowrite-wrap li > a {display:block;overflow:hidden; padding:0 30px 0 65px; height:52px; line-height:52px; background-repeat:no-repeat; background-position:left 25px center;
									border-top:1px solid #dee1e2;}
.eacc-nowrite-wrap li.nowrite-list01 > a{background-image:url("/images/com/new_eAcc/nowrite01.png"); border-top:none;}
.eacc-nowrite-wrap li.nowrite-list02 > a{background-image:url("/images/com/new_eAcc/nowrite02.png");}
.eacc-nowrite-wrap li.nowrite-list03 > a{background-image:url("/images/com/new_eAcc/nowrite03.png");}
.eacc-nowrite-wrap li.nowrite-list04 > a{background-image:url("/images/com/new_eAcc/nowrite04.png")}
.eacc-nowrite-wrap li > a:hover {background-color:#f6f8fc; border-left:4px solid #44a5cd; padding-left:61px; background-position:left 21px center;}
.eacc-nowrite-wrap li > a > span {vertical-align:middle;}
.eacc-nowrite-wrap li > a > span:first-child {float:left; font-size:12px; color:#494b4d;}
.eacc-nowrite-wrap li > a > span:last-child {float:right; font-size:20px; color:#2896c3; font-weight:bold;}
.eacc-nowrite-wrap li > a > span:last-child > span {font-size:14px; font-weight:normal;}

.alertDate {position:relative; position:absolute; top:0px; margin-left:5px;}
.alertDate.type02 {top:0px;}
.alertDate:after {content:''; clear:both;}
.alertDateBtn {display:inline-block;}
.alertDateBtn.type02 img {width:38px; height:auto;}
.alertDateBtn img{width:24px; height:auto;}
.alertDate-content {display:none; position:absolute; left:3px; top:21px; border:2px solid #37aad9; min-width:160px;
							box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); z-index: 1; background:#fff url("/images/com/new_eAcc/goArrow.gif") no-repeat center right 13px;}
.alertDate.type02 .alertDate-content {left:0px; top:17px;}							
.alertDate-content span {color:#555; padding-left:10px; height:34px; line-height:34px; text-decoration:none; display:block; font-size:13px;}
.alertDate:hover .alertDate-content {display:block;}
/* .alertDate-content span:hover {border-top:4px solid #44a5cd; height:26px; line-height:22px;} */

/* === 퀵메뉴 === */
.eacc-quick-wrap {overflow:hidden;}
.eacc-quick-wrap li {float:left; text-align:center; border-left:1px solid #d6dce6;}
.eacc-quick-wrap li:first-child {border-left:none;}
.eacc-quick-wrap li a {display:inline-block; width:138px; padding:12px 0; color:#555;}
.eacc-quick-wrap li:first-child a {width:140px;}
.eacc-quick-wrap li a:hover {background:#f6f8fc; border-top:4px solid #44a5cd; padding:8px 0 12px 0;}
.eacc-quick-wrap li a span {display:block; font-size:13px;}

/* === 게시판 === */
.eacc-board {height:471px; overflow:hidden; position:relative;}
.eacc-board-tit {height:52px; line-height:52px; border-bottom:1px solid #d6dce6;}
.eacc-board-tit h3 {padding-left:18px; font-size:14px; color:#555555;}
.board-more-btn {position:absolute; top:7px; right:20px; dispaly:inline-block; font-size:26px; color:#555;}

.eacc-board-con {}
.eacc-board-con table {table-layout:fixed; width:100%;}
.eacc-board-con table tr {height:38px;}
.eacc-board-con table tr:nth-child(even) {background:#f4f7fa;}
.eacc-board-con table tr td {text-align:center; color:#555 !important}
.eacc-board-con table tr td:last-child {padding-top:5px;}

.eacc-board .budgetSch{margin:13px;}
/* .scrolltbody{display:block; width:100%; border-collapse: collapse;}
.scrolltbody th, .scrolltbody td{box-sizing:border-box;background:#fff;border-bottom:1px dashed #d6dce6;}
.scrolltbody tr {height:30px !important;}
.scrolltbody thead{border:1px solid #d8d8d8; border-bottom:none;}
.scrolltbody th{background:#9bacbc; color:#fff; border-bottom:none; font-size:13px; font-weight:400;}
.scrolltbody td{border-right:1px solid #d6dce6;}
.scrolltbody td:nth-child(1) {padding-left:10px;}
.scrolltbody td:nth-child(2) {padding-right:10px;}
.scrolltbody tr:last-child th, .scrolltbody tr:last-child td {border-bottom:1px solid #d6dce6;}

.scrolltbody tbody {display:block; height:365px; overflow:auto;}
.scrolltbody th:nth-of-type(1), .scrolltbody td:nth-of-type(1) {width:236px;}
.scrolltbody th:nth-of-type(2){width:236px;}
.scrolltbody td:nth-of-type(2){border-right:none; width:-webkit-calc(236px - 17px); width:-moz-calc(236px - 17px);width:calc(236px - 17px);} */

.eacc-board.notice {height:325px;}
.eacc-notice-wrap {}
.eacc-notice-wrap li {position:relative; border-bottom:1px solid #d6dce6;}
/* .eacc-notice-wrap li:first-child {border-top:none;} */
.eacc-notice-wrap li > a {display:block;overflow:hidden; height:38px; line-height:38px; font-size:13px; padding:0 20px; box-sizing:border-box;}
.eacc-notice-wrap li > a:hover {background-color:#f6f8fc; border-left:4px solid #44a5cd; box-sizing:border-box; padding-left:16px;}
.eacc-notice-wrap li .blueTxt {color:#44a5cd; font-size:12px; margin-right:5px;}
.eacc-notice-wrap li .date {color:#959595; font-size:12px;}

/* 게시판 타이틀 말줄임 */
.board-ellipsis {display:block; width:100%; font-size:12px;}
.board-ellipsis:hover {color:#44a5cd;}
.board-ellipsis > span:first-child {display:inline-block;width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.eacc-notice-wrap .board-ellipsis > span:first-child {width:68%;}
.eacc-notice-wrap .board-ellipsis:hover {color:#555;}

/* === 일정 === */
.eacc-box-wrap.schedule {background:#5a626a !important; border:none;}
.eacc-schedule {height:131px; color:#fff !important; overflow:hidden;}
.eacc-schedule-left {float:left; width:30%; padding-top:5px; font-size:12px; line-height:1.2;}
.eacc-schedule-left p {padding:0 20px; font-size:13px; line-height:1.3;}
.eacc-schedule-left .bigFont {font-size:44px;}
.eacc-schedule-right {float:left; width:70%; height:100%;}
.eacc-schedule-list {height:90%; padding:5% 20px; border-left:1px solid #8b9199;}
.eacc-schedule-list li{padding-left:25px; padding-top:10px; font-size:13px;
								background:url("/images/com/new_eAcc/schedule-check.png") no-repeat top 10px left;}
.eacc-schedule-list li:fist-child {padding-top:none;}
								
.eacc-footer {text-align:center; margin-top:1%; padding-top:1%; }



/* -----------------------------------

	---    eAcc page   ---
	
  ----------------------------------- */
  
/* [공지사항 레이어팝업] */
.noticePop {display:none; Z-INDEX: 201; POSITION: fixed; left:80px; top:80px; box-shadow: 0px 0 10px 0px rgba(0,0,0,0.3); width:400px; height:500px;}
.noticePopWrap {overflow:hidden; background:#fff; width:100%; height:100%; border:1px solid #d8d8d8;}
.noti-slider-wrap {width:100%; height:100%; position:relative}
.noti-view {width:100%; height:100%; position:relative;}

.noti-slider {height:94%; position:relative;}
.noti-slider li {width:100%; height:100%; position:absolute;}
.noticePopTit {border-bottom:1px solid #d8d8d8; color:#594a6d; background: #f1eaf5; height:36px; line-height:36px; padding:0 15px; font-weight:bold; font-size:13px; cursor:move;}
.noticePopTit span {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.noticePopCon {color:#555; height:calc(100% - 56px); padding:10px 15px; overflow-y:auto;}
.noticePopCon.heightChange {height:calc(100% - 86px) !important;}
.noticePopCon img {width:100%; height:auto;}
.noticePopCon table {width:100%; height:auto;}

.noticePopFile {border-top:1px solid #d8d8d8; position: absolute; bottom:0; width:100%; height:29px; line-height:30px;}
.noticePopFile .attachFileTit {height:30px; line-height:30px; text-align:left; padding:0 15px;}
.noticePopFile .attachFileTit p{position: static; vertical-align: top;}
.noticePopFile .attachFileTit a.down {width:30px; height:30px; margin-left:5px; background:url("/images/icon/web/attachUp.gif") left center no-repeat;}
.noticePopFile .attachFileTit a.up {width:30px; height:30px; margin-left:5px; background:url("/images/icon/web/attachDown.gif") left center no-repeat;}
.noticePopFile .attachFileLstWrap{position:absolute; bottom: 26px; left: 98px; right: auto; top: auto; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.noticePopFile .attachFileLstWrap .attachFileLst {padding:0 5px; background:#f9fcfc;}
.noticePopFile .attachFileLst img {padding-top:6px;}
.noticePopFile .attachFileLst .fileNameTit {width:160px;}

.noti-slider-wrap .noti-controls {border-top:1px solid #d8d8d8; position: absolute; bottom:5px; width:100%; text-align:center; padding-top:5px;}
.noti-slider-wrap .noti-cont-list {}
.noti-slider-wrap .noti-cont-list li {display: inline-block; margin-left:7px;}
.noti-slider-wrap .noti-cont-list li:first-child {margin-left:0;}
.noti-slider-wrap .noti-cont-list li span {display:block; width:10px; height:10px; border-radius:50%; background-color:#a19ba9; cursor:pointer;}
.noti-slider-wrap .noti-cont-list li.active span {background-color:#7653a7;}

.notiFooter {background:#56525a; padding:10px 15px; font-size:13px; color:#fff; overflow:hidden; box-shadow:4px 0 5px 0px rgba(0,0,0,0.3); width:371px}
.notiFooter input {display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:5px;}

/* [첨부파일 다운로드 영역] */
.attachFileWrap{overflow:hidden;}
.attachFileTit{height:20px; line-height:20px; position:relative; text-align:right;}
.attachFileTit a.down{display:inline-block; width:15px; height:20px; background:url("/images/icon/web/attachDown.gif") left center no-repeat;}
.attachFileTit a.up{display:inline-block; width:15px; height:20px; background:url("/images/icon/web/attachUp.gif") left center no-repeat;}
.attachFileTit p{display:inline-block; position:absolute; top:0; right:30px; font-weight:bold; padding-left:15px;
					background:url("/images/com/web/icon_file_list.png") left center no-repeat; background-size:8px auto;}
.attachFileTit span{display:inline-block; color:#f5931f; margin-left:5px;}
.attachFileLstWrap{margin:0; display:inline-block; background:#fff; position:absolute; top:170px; right:15px;}
.attachFileLstWrap .attachFileLst{border:1px solid #d8d8d8; padding:3px; border-top:none;}
.attachFileLstWrap .attachFileLst:first-child{border-top:1px solid #d8d8d8;}
.attachFileLstWrap .attachFileLst:hover{background:#f2f7f9;}
.attachFileLst .fileNameTit {display:inline-block; vertical-align:bottom; padding-left:5px; width:200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.attachFileLst .fileSize {font-size:11px; color:#666;}
.attachDownBtn{display:block;}

/* [유저 프로필 팝업] */
.profile-wrap {padding:20px;}
.top-area {margin-bottom:10px;}
.user-pic {display:block;width:90px;height:90px;border-radius:70px;margin:0 auto;overflow:hidden;}
.user-pic a {display:block; width:100%; height:100%;}
.user-pic img {width:100%;height:100%;}
.user-i {display:block;width:120px;margin:10px auto;text-align:center;}
.user-i .name {font-size:16px;}
.user-i .group {color:#989898;}
.bottom-area {margin-bottom:20px;}
.btn-area {text-align:center;}
.profile-wrap .btn {border-radius:2px; overflow:hidden;} 

/* [게시판] */
.viewBoardTit{border-top:2px solid #8f71bd; border-bottom:1px solid #d0d0dc; padding:13px 10px; background:#f8f8fd; font-size:14px; font-weight:500;}
.viewBoardInfo{border-bottom:1px solid #e3e8ef; padding:9px 0; overflow:hidden; background:#fff;}
.viewBoardInfo p{font-weight:bold;}
.viewBoardInfo p span{display:inline-block; padding-left:10px; font-weight:normal;}
.viewBoardCon{padding:15px 15px 30px; border-bottom:1px solid #d8d8d8;}
.viewContent{padding:30px 5px; line-height:1.6;}
.viewBoardIntro{margin-top:30px;}
.viewBoardIntro span{border-left:3px solid #2a7fb8; padding-left:7px; margin-left:7px;}
.viewBoardIntro div{border:1px solid #e3e8ef; background:#f1f4f8; margin-top:10px; padding:10px 20px;  border-left:none; border-right:none;}

/* [카드영수증] */
.cardReceiptWrap {background:#fff; box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px 0px, rgba(0, 0, 0, 0.298039) 0px 10px 10px -5px; position:relative; width:100%;}
.cardReceiptWrap:after {background-position:0px 0px; bottom:-8px; height:10px; left:0px; position:absolute; width:100%; content: ' ';
									background:url("/images/eaccounting/texture_paper_zigzag.png") repeat-x 0px 0px;}
.cardReceiptWrapIn {padding:25px 20px;}
.cardReceiptTit {width:100%; text-align:center; font-size:23px; overflow: hidden; word-wrap: break-word;}

.cardReceiptCon {margin-top:25px; position:relative;}

/* [전자결재 테이블] */
.approval-tb-wrap {width:100%;}
.approval-tb-st {width:100%;}
.approval-tb-st th {text-align:center; background:#eeecf3; font-weight:400;}
.approval-tb-st th, .approval-tb-st td {padding:5px; border:1px solid #c9c1dc;}

.approval-tb-st.type01 th, .approval-tb-st.type01 td {padding:2px 0;}
.approval-tb-st.type01 th {width:auto; background:none; font-size:20px; border:1px solid #c9c1dc;}
.approval-tb-st.type01 td {width:120px; text-align:center; border:1px solid #c9c1dc;}
.approval-tb-st.type01 .stamp td {height:80px;}
.approval-tb-st.type01 .stamp td img{width:50px; height:auto;}

.appr-stamp-th {background:#eeecf3;}/* #dde9f5 */
.appr-stamp-th-red {bacoground:#f1b4b4;}/* #f5dde9 */

.indiStamp{display:inline-block; width:60px; height:60px; text-align:center;}
.indiStamp span {display:inline-block; font-family: 'Hanna', sans-serif; font-size:14px;}

.indiStamp.red {background:url("/images/com/new_eAcc/stamp_background_red.png") no-repeat center center; background-size:60px 60px;}
.indiStamp.red span.vertical{width:14px; color:#cc1d2a; margin-top:8px;}
.indiStamp.red span.horizontal{color:#cc1d2a; margin-top:23px;}

.indiStamp.black {background:url("/images/com/new_eAcc/stamp_background_black.png") no-repeat center center; background-size:60px 60px;}
.indiStamp.black span.vertical{width:14px; color:#414141; margin-top:8px;}
.indiStamp.black span.horizontal{color:#414141; margin-top:23px;}

.approval-tb-st.type02 {table-layout:fixed; margin-top:5px;}

.approval-tb-wrap h4 {font-size:13px;}

/* [메인 내정보변경 팝업] */
.profilePop {display:none; Z-INDEX: 201; POSITION: fixed; left:633px; top:112px; box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.3); width:400px; height:590px;}
.profilePopWrap {overflow:hidden; border-left:1px solid #d4d4d4; background:#fff; width:100%; height:100%; bax-sizing:border-box;}
.profilePopTit {cursor: move; background:#504b56; color:#fff; height:36px; line-height:36px; padding:0 15px; font-weight:bold; font-size:14px;}
.profilePopCon {color:#555; height:calc(100% - 86px); padding:10px 15px; overflow-y:auto;}
		
.profilePopFooter {text-align:right; padding:0 10px; background:#504b56; height:30px; line-height:30px; font-size:13px; color:#fff; overflow:hidden; box-shadow: 8px 8px 8px 0px rgba(0,0,0,0.3);}

/* [모바일다운로드 아이콘] */
.app-bg-form {width:100%; height:100%; position:relative;}
.installBtn {width:80%; position:absolute; top:40%; left:50%; margin-left:-40%;}
.installBtn li {float:left; width:50%;}
.installBtn li  > div {padding:30px; margin:0 15px; border-radius:5px; text-align:center;}
.installBtn li span{display:block; font-size:22px;}

.installBtn li.androidBtn > div {background:#576271; color:#fff;}
.installBtn li.androidBtn img{height:164px; width:auto;}
.installBtn li.iosBtn > div {background:#fff; color:#576271; border:1px solid #d8d8d8;}
.installBtn li.iosBtn img{height:162px; width:auto;} 


/* [결재자 리스트 스타일] */
.expnSignLst:after {content:'';display:block;visibility:hidden;height:0;clear:both}
.expnSignLst > li  {display:inline-block; width:50%;margin-top:5px; margin-right:8px;
							transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;}
.expnSignLst p {border:1px solid #cdd2da; height:24px; line-height:24px; border-radius:3px;}
.expnSignLst .del {display:inline-block;background-color:#d63d41;color:#ffffff; padding:0 10px; border-left:1px solid #cdd2da;}
.expnSignLst .seq {display:inline-block;background-color:#37aad9;color:#ffffff; padding:0 10px; border-left:1px solid #cdd2da;}
.expnSignLst li:hover{background:#edf1f8;}
.expnSignLst span {display:inline-block; padding:0 7px 0 5px;}
.expnSignLst.type02 {margin:10px 0 0 10px;}
.expnSignLst.type02 > li {float:none;width:auto;}
.expnSignLst p.depth01 {display:inline-block;width:50%;}
.expnSignLst p.depth02 {display:inline-block;padding:3px 10px 0 10px;}

/* 전표 단위 구분선 */
.repeatItemAll .repeatItem {border-top:1px dashed #8d8c8c; margin-top:10px;}
.repeatItemAll .repeatItem:first-child {border-top:none;}

/* 부분반려시 */
.repeatItem {position:relative;}
.repeatItem .canceled {position:absolute; top:0; bottom:0; left:0; right:0; box-sizing:borer-box; border:3px solid #e83343;
									background:url("/images/com/new_eAcc/itemCanceledBg.png");}
.repeatItem .canceled span {display:block; width:100%; height:100%; background:url("/images/com/new_eAcc/itemCanceledIcon.png") no-repeat center center;}

@media all and (max-width:980px){

	.loginWrap {background:url("/images/login/web/loginWrapBG_1.jpg") repeat center;}
	.loginForm {top:23%;}
	
}