@charset "utf-8";
/* *******************************************************
 * filename : contents_m.css
 * description : k-accounting APP 컨텐츠영역 css 파일
 * 최종수정일 : 2026.01.16
******************************************************** */


/*********** layout ***********/
#m-wrap{position:relative; width:100%; margin:0; padding:0 0 30px 0; min-width:320px;}

#m-header{position:fixed; width:100%; height:52px; background: var(--white-color); z-index:999;}
#headerInnerWrap{position:relative;width:100%; height:100%;}
#headerInnerWrap .header-title{font-weight: var(--font-weight-semibold); font-size: var(--font-size-default); line-height:52px; color: var(--black-color); text-align:center; }
#headerInnerWrap .header-title img{max-width:100%; height:26px; vertical-align:middle;}
#headerInnerWrap .left-btn-con{position:absolute; left:12px; top:50%; margin-top:-16px;}
#headerInnerWrap .right-btn-con{position:absolute; right:12px; top:50%; margin-top:-16px;}

#container{display:block; padding:52px 0 0 0; box-sizing:border-box;}
#container .contents-inner{padding:0 0 36px 0;} 
/* 하단 fixed 버튼 있는 경우 패딩값 */
.bt-fixed-btn-yes{padding-bottom:70px !important;}

/* 공통 패딩값 이너*/
.conts-inner-box{padding:16px 24px;}


/* 공통 header 영역 버튼 */
.header-btn{position:relative; width:32px; height:32px; display:inline-block; }
.header-btn span{display:block;}
.header-btn a{display:block; width:100%; height:100%;}
/* icon*/
.icon-back{background: url(../img/ico_arrow_left.png) center/contain no-repeat; background-size: 24px 24px;}
.icon-close{background: url(../img/ico_close.png) center/contain no-repeat; background-size: 24px 24px;}
.icon-bell{position:relative; background: url(../img/ico_bell.png) center/contain no-repeat; background-size: 24px 24px;}
.icon-bell .circle-number{position:absolute; display:block; right:3px; top:3px; padding:0 2px; min-width:12px; height:12px; line-height:1;  color: var(--white-color); text-align:center; font-size: var(--font-size-mini); font-weight: var(--font-weight-regular); background: var(--lred-color); border-radius:10px;}

.header-btn2{position:relative; height:32px; display:inline-block; }
.header-btn2 .btn-txt04{height:28px; font-weight: var(--font-weight-semibold);}

.header-logo-img{}
.header-logo-img img{max-width:100%; height:26px; vertical-align:middle;}


/* xeicon */
/* 사용내역 우측 화살표 작은 아이콘 */
.icon-arrow-lgray-s:before{content:"\e93f"; font-size:18px; width:18px; height:18px; }
.icon-arrow-lgray-s{display:inline-block; text-align:center; color:#999; vertical-align:middle; margin-top:-3px; font-family:xeicon;}


/*********** 상태값 ***********/
/* 상태값 text*/
.status-txt{display:inline-block; min-width:62px; height:26px; line-height:24px; padding:0 8px; text-align:center; vertical-align:middle; font-size: var(--font-size-xsmall); font-weight: var(--font-weight-medium); border-radius:26px;}
.status-size-large{min-width:80px; height:29px; line-height:27px;font-size: var(--font-size-small);} 
.status-type01{background: var(--grayblue30-color); border:1px solid var(--grayblue20-color); color: var(--darkblue-color);} /* 진행중 */
.status-type02{background: #EDEDED; color:var(--gray80-color); border:1px solid #EDEDED;}  /* 임시저장 */
.status-type03{background:var(--grayblue60-color); color:var(--white-color);  border:1px solid var(--grayblue60-color);}  /* 승인 */
.status-type04{background: #F4675F; color:var(--white-color);  border:1px solid #F4675F;}  /* 반려 */
.status-type05{background: #6D93F6; color:var(--white-color);  border:1px solid #6D93F6;} /* 결재필요 */
.status-type06{background:var(--white-color); color:var(--lred-color);  border:1px solid var(--lred-color);} /* 반려결재 */
.status-type07{background:var(--white-color); color:var(--darkblue-active-color);  border:1px solid var(--darkblue-color);} /* 승인결재 */

/* 결의서 리스트/상세보기 상태값 */
.cardname-txt{display:inline-block; height:16px; line-height:16px; padding:0 3px; text-align:center; font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular); border-radius:2px; letter-spacing:-0.05em; box-sizing:border-box;}
.cardname-type01{background: #D2ECFF; color: var(--darkblue-active-color);} /* 법인공용 */
.cardname-type02{background: #D2F6F2; color: #116E72;} /* 법인개인 */
.cardname-type03{background: #F0E7FE; color: #701B9D;} /* 연구비 */
.cardname-type04{background: #FFF5E1; color: #DF750C; } /* 기타 */
.cardname-type05{background: var(--gray20-color); color: var(--gray90-color);} /* 카드회사명+숫자 */
.cardname-type06{background: var(--white-color); color: var(--gray90-color); border: 1px solid var(--gray20-color);} /* 용도 */


/*********** 우측하단 +/작성버튼 ***********/
.btn-circle-write{position:fixed; width:52px; height:52px; border-radius:100px; background:var(--darkblue-color); color:var(--white-color);box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);}
.btn-circle-write .xi-plus{ font-size:24px; font-weight: var(--font-weight-regular);}
.btn-circle-write:focus{background:var(--darkblue-active-color)}
/* 사용내역쪽 버튼 + */
.rb-fixed-btn-wrap1 .btn-circle-write{bottom:98px; right:24px; z-index:988;}
/* 결재함쪽 버튼 - 지출결의서작성 */
.rb-fixed-btn-wrap2 .btn-circle-write{bottom:30px; right:24px; z-index:988;}


/*********** btn ***********/
/* 양쪽 버튼 wrap */
.both-btn-wrap{display:flex; width:100%; justify-content: space-between; margin-top:16px;}
.both-btn-wrap .left-btn{width: calc(50% - 4px);}
.both-btn-wrap .right-btn{width: calc(50% - 4px); margin-left:auto;}
.both-btn-wrap button{width:100%;}

/* 양쪽 버튼 wrap2 - 2024.05.29 */
.both-btn-wrap2{display:flex; width:100%; justify-content: space-between; margin-top:16px;}
.both-btn-wrap2 .left-btn{width: calc(40% - 4px);}
.both-btn-wrap2 .right-btn{width: calc(60% - 4px); margin-left:auto;}
.both-btn-wrap2 button{width:100%;}

/* btn-wrap */
.btn-wrap-box{width:100%; text-align:center;}
.btn-wrap-box button{width:100%;}

/* 2줄이상 버튼 */
.btn-row-wrap .btn-inner button{width:100%;}
.btn-row-wrap .btn-inner{margin-bottom:16px; display:block; }
.btn-row-wrap .btn-inner:last-child{margin-bottom:0;}

/* footer fixed btn */
.footer-fixed-btn-wrap{position: fixed; width:100%; bottom:0; left:0; box-sizing:border-box; z-index:99;}
.footer-fixed-btn-wrap .footer-fixed-bg{ width:100%; height:34px;
	background: rgb(255,255,255);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
 }
.footer-fixed-btn-wrap .inner-btn{padding:0 24px 24px 24px;background:#fff;}
.footer-fixed-btn-wrap .inner-btn button{width:100%; box-sizing:border-box;}

.footer-fixed-btn-wrap .inner-btn > .both-btn-wrap{margin-top:0;}


/***********  tab ***********/
/* tab menu */
.tab-menu-area{position:fixed; border-bottom:1px solid #E6E6E6; padding:0 16px;  background-color: #fff; box-shadow: 1px 2px 5px rgba(189, 189, 189, 0.08); z-index:99;}
.tab-menu-area ul{display:table; width:100%; height:36px; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-menu-area ul li{display:table-cell; position:relative; width:33.33333%; height:36px; text-align:center; vertical-align:middle; cursor:pointer;}
.tab-menu-area ul li span{position:relative; display:inline-block; width:100%; height:100%; padding:5px 0 0 0; color:var(--gray70-color); font-size: var(--font-size-small); letter-spacing:-0.35px; vertical-align:middle;text-align:center;  }
.tab-menu-area ul li.selected{border-bottom:3px solid var(--darkblue-color);}
.tab-menu-area ul li.selected span{font-weight: var(--font-weight-medium); color:var(--darkblue-color);}
/* tab4개일 경우 */
.tab-menu-area.col4 ul li{width:25%;}
.tab-menu-area ul li span .circle-number{display:inline-block; margin:-2px 0 0 3px; padding:1px 2px 0 1px; min-width:14px; height:14px; vertical-align:middle; line-height:1; color: var(--white-color); text-align:center; font-size: var(--font-size-mini); font-weight: var(--font-weight-regular) !important; background: var(--gray45-color); border-radius:10px;}
.tab-menu-area ul li.selected span .circle-number{background: var(--darkblue-color);}
@media all and ( max-width: 359px ){
	/* 360px이하에서 탭 폰트 크기 */
	.tab-menu-area ul li span{font-size: var(--font-size-xsmall);}
}


/* 알림 텍스트 박스 (문서 없을떄) 세로 센터정렬*/
.message-centerbox{position:fixed; top:52px; left:0px; width: 100%; height: calc(100% - 52px); z-index:1;}
.message-centerbox .inner{display:table; width:100%; height:85%; text-align:center;}
.message-centerbox p.txt{display:table-cell; vertical-align:middle; font-size: var(--font-size-default);}


/**************** 상단 탭 있는 경우 컨텐츠 감싸는 부분 ****************/
.have-tab-conts{position:relative; padding-top:37px;}



/***************** login form *****************/
.login-conts{margin-top:62px; width:100%; padding:0 24px 24px 24px;}
.login-conts .login-top{text-align:center;}
.login-conts .login-top .text{display:block; margin-top:32px; font-size:20px; color: var(--gray90-color); font-weight: var(--font-weight-semibold);}

.login-form-warp{margin-top:33px;}
.login-form-warp li{margin:8px 0; text-align:center;}
.login-form-warp .input-form-style{position:relative; width:100%;}
.login-form-warp .input-form-style input[type="text"],
.login-form-warp .input-form-style input[type="password"]{position:relative; width:100%; height:52px; font-weight: var(--font-weight-medium);}


/**************************Swiper Slide*********************************/
.swiper {
  width: 100%;
  padding-bottom:40px;	  
  box-sizing:border-box;
}
.swiper-wrapper{box-sizing:border-box;}
.swiper-slide {
  border-radius:10px;
  box-sizing:border-box;
  padding:0; 	  	  
}
.swiper-pagination{bottom: var(--swiper-pagination-bottom, 16px) !important;}
.swiper-pagination-bullet-active { background: var(--darkblue-color) !important;}
		
/************ Swiper 카드메인 슬라이드 ***************/
.card-slide-wrap{width:100%; height:auto; padding:32px 0 14px; box-sizing:border-box; background:#F1F5FA;}
.card-slide-conts{height: 190px;}
.card-slide-conts .swiper-slide{width: 80%; height:150px; background: #fff; box-shadow: 1px 2px 5px rgba(189, 189, 189, 0.08);}
		
/************ Swiper 메인 배너 슬라이드 ***************/
.swiper-banner-wrap{ position:relative; margin:32px 0 0 0; }
.main-slide-banner{width:100%; height:145px !important;}
.main-slide-banner .swiper-slide{border:none; background:#6FF; width:100%; height:107px;}
.main-slide-banner .swiper-slide:last-child{border:none; background:#ccc}
.main-slide-banner .swiper-pagination{bottom: var(--swiper-pagination-bottom, 16px) !important;}
.main-slide-banner .swiper-slide a{display:block; width:100%; height:100%;}
/* 메인배너 텍스트영역 */
.main-banner-txt-con{ height:100%; display:flex; padding:24px; align-items:center; box-sizing:border-box;}
.main-banner-txt-con-inner{width:100%;}
.main-banner-txt-con-inner .banner-title{display:block;font-size: var(--font-size-large); font-weight: var(--font-weight-bold);}
.main-banner-txt-con-inner .banner-sub-txt{display:block; margin-top:6px; font-size: var(--font-size-small); color: var(--gray80-color);}

/************************* //Swiper Slide *********************************/

/************ 메인 홈 ************/
.home-info-conts{position:relative; width:100%; padding:18px 24px; background:#F1F5FA; margin-bottom:8px;}
.home-info-conts .my-info-con{position:relative; padding:0 2px 8px 2px; display:flex; justify-content: space-between; align-items:center;}

.home-info-conts .my-info-con .al em{display:inline-block; font-weight: var(--font-weight-medium); font-size: var(--font-size-small); color: var(--gray80-color);letter-spacing:-0.03em;}
.home-info-conts .my-info-con .btn-mypage{width:74px;padding:0 2px 0 6px; text-align:center;}
.home-info-conts .my-info-con .btn-mypage i{font-size: var(--font-size-default); font-weight: var(--font-weight-regular); vertical-align:middle; margin-top:-2px;}

.home-info-conts .this-month-txt{font-size: var(--font-size-small) !important; letter-spacing:-0.05em;}
.home-info-conts .r-box{position:relative; display:flex; justify-content: space-between; align-items:center; background: var(--white-color); padding:17px 12px 17px 20px; border-radius: 10px; box-shadow: 1px 2px 5px rgba(189, 189, 189, 0.08); box-sizing:border-box;}
.home-info-conts .r-box span{display:inline-block;}
.home-info-conts .r-box span:first-child{line-height:1.4; color: var(--gray80-color); font-weight: var(--font-weight-medium);}
.home-info-conts .r-box span:first-child strong{ font-weight: var(--font-weight-medium);}
.home-info-conts .r-box span.ar .right-btn{height:40px; border-radius:40px; padding:0 12px 0 20px;}
.home-info-conts .r-box span.ar .right-btn i{font-size: var(--font-size-default); font-weight: var(--font-weight-regular); vertical-align:middle; margin-top:-4px; margin-left:3px;}

.br-m-mini{display:none;}
.br-m-default{display:block;}
@media all and ( max-width: 359px ){
	/* 360px이하에서 간격 */
	.home-info-conts .r-box{padding:24px 12px 24px 16px;}
	.home-info-conts .r-box span.ar .right-btn{padding:0 9px 0 15px;}
	
	.br-m-mini{display:block;}
	.br-m-default{display:none;}
	
}
/* 마이페이지 */
.mypage-info-list{position:relative; margin-top:16px; }
.mypage-info-list ul{padding:0 24px 24px 24px;}
.mypage-info-list ul li{position:relative;width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 20px 0; border-bottom:1px solid var(--gray20-color);}
.mypage-info-list ul li:last-child{border-bottom:none;}
.mypage-info-list ul li .col{position:relative;  }
.mypage-info-list ul li .col-left{width:32%; text-align:left; font-weight: var(--font-weight-regular);font-size: var(--font-size-default); color: var(--gray90-color);}
.mypage-info-list ul li .col-right{width:68%; text-align:right; font-weight: var(--font-weight-medium); font-size: var(--font-size-default);  color: var(--black-color); }



/************ 카드조회- 메인 ************/
.card-detail{position:relative; margin-top:16px;}
.card-detail ul{padding:0;}
.card-detail ul li{position:relative;width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding:12px 4px; border-bottom:1px solid var(--gray20-color);}
.card-detail ul li .col{position:relative; font-weight: var(--font-weight-regular);font-size: var(--font-size-default); color: var(--black-color);}
.card-detail ul li .col-left{width:30%; text-align:left;}
.card-detail ul li .col-right{width:70%; text-align:right; display:flex; flex-direction: row; justify-content: flex-end;}

/* 카드조회 상단 :: 카드명 */
.my-card-wrap:before{content:""; position:absolute; top:0; left:0; background: var(--grayblue60-color); width:100%; height:5px; border-radius:10px 10px 0 0;}
.my-card-wrap {position:relative; padding:20px 16px 16px 16px; box-sizing:border-box;}
.my-card-wrap .item-line3{text-align:right;}
.my-card-wrap .item-line3 .icon-bookmark{position:relative; display:inline-block; width:24px; height:24px; background: url(../img/ico_star_off.svg) center/contain no-repeat; background-size: 24px 24px; cursor:pointer}
.my-card-wrap .item-line3 .on{background: url(../img/ico_star_on.svg) center/contain no-repeat !important;}

.my-card-wrap .item-line1 {display:flex; justify-content: space-between;}
.my-card-wrap .item-line1 .card-logo{display:block;}

.my-card-wrap .item-line2 {display:flex; justify-content: center; align-items: center; height:68px; box-sizing:border-box;}
.my-card-wrap .item-line2 span{margin-top:14px; display:block;}

/* 카드사별 배경색 및 로고 - 20240520 카드사 및 로고 추가*/
.hana-card:before{content:""; background:#009376;}
.bc-card:before{content:""; background:#EF4651;}
.ibk-card:before{content:""; background:#0056A4;}
.kb-card:before{content:""; background:#F8B500; }
.shinhan-card:before{content:""; background:#0046FF;}
.hyundai-card:before{content:""; background:#1D1D1D;}
.lotte-card:before{content:""; background:#1D1D1D; }

.samsung-card:before{content:""; background:#2090ff;}
.sh-card:before{content:""; background:#0071bd;}
.nh-card:before{content:""; background:#005ca8;}
.kj-card:before{content:""; background:#0565f0;}
.jb-card:before{content:""; background:#139cd8;}
.kdb-card:before{content:""; background:#003d7e;}
.citi-card:before{content:""; background:#004186;}
.woori-card:before{content:""; background:#0068ac;}

/* 카드사별 로고 사이즈 조정 - 20240520 카드사 및 로고 추가 */
.my-card-wrap .item-line1 .card-logo img{height:19px;}
.bc-card .item-line1 .card-logo img,
.kb-card .item-line1 .card-logo img,
.shinhan-card .item-line1 .card-logo img,
.sh-card .item-line1 .card-logo img{height:17px; }
.hyundai-card .item-line1 .card-logo img,
.woori-card .item-line1 .card-logo img,
.citi-card .item-line1 .card-logo img{height:16px;}
.kdb-card .item-line1 .card-logo img{height:15px;}
.lotte-card .item-line1 .card-logo img,
.kj-card .item-line1 .card-logo img,
.jb-card .item-line1 .card-logo img,
.nh-card .item-line1 .card-logo img{height:13px;}
.samsung-card .item-line1 .card-logo img{height:12px;}


/*************** 카드조회 > 사용내역 컨텐츠 wrap ****************/
/* 사용내역 컨텐츠 wrap */
.card-list-wrap{position:relative; width:100%;}

/*카드조회 > 사용내역 리스트 상단 텍스트*/
.card-detail-top{position: sticky; top:88px; left:0;  z-index: 88; display:flex; justify-content: space-between; align-items: center; width:100%; height:43px; background: var(--grayblue20-color); padding:12px 24px;}
.card-detail-top .txt-month,
.card-detail-top .txt-num,
.card-detail-top .txt-price{font-size: var(--font-size-default); font-weight: var(--font-weight-medium); color: var(--gray90-color);}
.card-detail-top .txt-month{color: var(--black-color) !important;}
.card-detail-top .txt-price{padding-left:10px;}
.card-detail-top .txt-num em{padding:0 0 0 4px; color: var(--darkblue-color); font-weight: var(--font-weight-medium);}

/* 결재함 > 결의서사용내역 상세보기*/
.card-list-wrap.sticky2 .card-detail-top{top:52px;}


/* 카드조회 > 사용내역리스트 */
.card-detail-list{position:relative; width:100%; margin-bottom:36px; box-sizing:border-box;}
.card-detail-list ul li{position:relative; padding:14px 24px; /*background: var(--white-color);*/ background: #e2f0f9; border-bottom:1px solid var(--gray20-color); box-sizing:border-box;}

/* 우측 표시바 / 작성완료, 결재중  25.10.02 우측 회색바 삭제후 배경으로 처리
.card-detail-list .s-completed:after{content:""; position:absolute; right:0; top:0; background: #DEE6F1; width:8px; height:100%;}
.card-detail-list .s-approval:after{content:""; position:absolute; right:0; top:0; background: #9CA6BF; width:8px; height:100%; }
*/
/*
  미작성(기본) - 파란색 배경 background: #e2f0f9;
  작성완료 - 흰색 배경  b-completed
  결재완료 - 회색 배경  s-approval
  제외된 사용내역 - 붉은색 배경 s-excluded 
*/
.card-detail-list .s-completed,
.card-detail-list3 .s-completed{background:#ffffff;}
.card-detail-list .s-approval,
.card-detail-list3 .s-approval{background: #f4f4f4;}
.card-detail-list .s-excluded,
.card-detail-list3 .s-excluded{background: #faecec;}


.card-detail-list .list-line1,
.card-detail-list .list-line2{position:relative; display:flex; justify-content: space-between; align-items: center;}

.card-detail-list .list-line1{margin-bottom:6px;}

.card-detail-list .column-left{width:58%; vertical-align:top; } /* 2024.09.20 변경 아이콘 추가로 가로값 변경 */
.card-detail-list .column-right{width:42%; vertical-align:top; text-align:right;} /* 2024.09.20 변경 아이콘 추가로 가로값 변경 */

.card-detail-list .list-line2 .column-left{margin-right:4px;}

.card-detail-list .ico-list-new{ position:absolute; top:50%; margin-top:-3px; left:-12px; width:6px; height:6px; background: var(--darkblue-color); border-radius:6px; }
.card-detail-list .ico-memo-fill{display:inline-block; width:16px; height:16px; background: url(../img/ico_memo_fill.svg) center/contain no-repeat; background-size: 24px 24px; vertical-align:middle;}
.card-detail-list .ico-change-fill{display:inline-block; width:16px; height:16px; background: url(../img/ico_change_fill.svg) center/contain no-repeat; background-size: 24px 24px; vertical-align:middle;} /* 2024.09.19 추가*/

/* 폰트사이즈 변경*/
.card-detail-list .list-line1{font-size: var(--font-size-small); color: var(--black-color);}
.card-detail-list .txt-title,
.card-detail-list3 .txt-title{font-weight: var(--font-weight-regular);}
.card-detail-list .txt-price,
.card-detail-list3 .txt-price{font-weight: var(--font-weight-medium); margin-right:2px;}
.card-detail-list .txt-won,
.card-detail-list3 .txt-won{font-weight: var(--font-weight-regular);}
.card-detail-list .txt-date,
.card-detail-list3 .txt-date{font-size: var(--font-size-xsmall); color: var(--gray50-color);}
.card-detail-list3 .newlist-line1{font-size: var(--font-size-small); color: var(--black-color);}

.card-detail-list .list-link,
.card-detail-list2 .list-link,
.card-detail-list3 .list-link{display:block; width:100%; height:auto; /*cursor:pointer;*/}

/* 카드리스트 항목선택시 기본/ 선택 / 삭제 아이콘 및 배경 */
.card-detail-list2{padding-left:0 !important; display:flex; justify-content: space-between; align-items: center;}
.card-detail-list2 .items-column:first-child{width: 40px; height: 38px;}
.card-detail-list2 .items-column:last-child{width: calc(100% - 30px);margin-left: 6px;}

.card-detail-list2 a.icon-con{display:flex; align-items:center;justify-content:center ;width:100%; height:100%; }
.card-detail-list2 .c-icon:before{ content:"\e9c6"; width:20px;height: auto; font-family:xeicon; font-size:18px; color: var(--gray50-color); text-align:center;}
.card-detail-list2 .c-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
/* 일괄내역 선택시 */
.card-detail-list2.lst-checked{ background:#FFFCE2 !important;}
.card-detail-list2.lst-checked .c-icon:before{content:"\e92b" !important; color: var(--darkblue-color) !important; width:20px; height: auto; font-family:xeicon; font-size:18px; text-align:center;}

/*사용내역도 선택시 옐로우 추가 */
.card-list-con.lst-checked{ background:#FFFCE2 !important;}


/* 리스트 삭제 */
.card-detail-list2.lst-delete .c-icon:before{content:"\e924" !important; color: #EC372C !important; width:20px; height: auto; font-family:xeicon; font-size:18px; text-align:center;}
/* 비활성*/
.card-detail-list2.lst-disabled{ background: var(--lgray20-color) !important;}
.card-detail-list2.lst-disabled .c-icon:before{content:"\e9c6" !important; color: var(--gray40-color) !important; width:20px; height: auto; font-family:xeicon; font-size:18px; text-align:center;}
.card-detail-list2.lst-disabled a{pointer-events: none !important; cursor:none !important;}
.card-detail-list2.lst-disabled .list-link{opacity:0.6;}

/* 2024.05.27 더보기 버튼 추가 */
.btn-more-wrap{ position:relative; margin-top:-18px; padding:0 0 40px 0; text-align:center;}
.btn-more-wrap button{padding:0 28px;}


/* 카드리스트 - checkbox 커스텀 
.card-detail-list2 .cm-checkbox{}
.card-detail-list2 .cm-checkbox input[type="checkbox"]:before{content:"\e9c6"; width:20px; height:32px; font-family:xeicon; font-size:18px; color: var(--gray50-color);}*/

/* 상세내역 선택시 사용하는 체크박스 */
.cm-checkbox2 {display:inline-block;vertical-align:middle;line-height:1; padding: 0 0; height: 100%; box-sizing:border-box;}
.cm-checkbox2 *{line-height:1}
.cm-checkbox2 input[type="checkbox"]:before{
  content:"\ea0e";
  width:20px;
  width:100%;
  height:100%;
  font-family:xeicon;
  display:flex; align-items:center;justify-content:center;
  font-size:18px;
  color: var(--gray50-color);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cm-checkbox2 input[type="checkbox"] {position: relative; display:flex; align-items:center;justify-content:center; width: 40px; height:100%; -webkit-appearance:none; -moz-appearance: none; box-sizing:border-box; cursor: pointer;}
.cm-checkbox2 input[type="checkbox"]:hover{border-color:#333; }
.cm-checkbox2 input[type="checkbox"]:checked:before{content:"\e92d" !important; color: var(--darkblue-color) !important; font-family:xeicon; font-size:18px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.cm-checkbox2 input[type="checkbox"]:checked { position:relative;}
.cm-checkbox2 input[type="checkbox"]:checked:hover,
.cm-checkbox2 input[type="checkbox"]:checked:focus {color: var(--darkblue-color-active) !important;}
.cm-checkbox2 input[type="checkbox"]:disabled:before{color: var(--gray50-color) !important;}
.cm-checkbox2 input[type="checkbox"]:disabled  {background: none; border:none; opacity: 0.4;}


/********** 2024.06.28 리스트 선택 영역 변경 **********************/
.card-detail-list3{padding-left:0 !important; display:flex; justify-content: space-between; align-items: center;}
.card-detail-list3 .items-column:first-child{width:64%;} /* 2024.09.20 수정 */
.card-detail-list3 .items-column:last-child{width:36%;} /* 2024.09.20 수정 */

.card-detail-list3 .items-column .list-link{display:flex; justify-content: flex-start; align-items: center;}
.card-detail-list3 .items-column:first-child .list-link .column-left{width: 40px; height: 38px;}
.card-detail-list3 .items-column:first-child .list-link .column-right{width: calc(100% - 30px);margin-left: 6px; text-align:left;}

.card-detail-list3 .items-column:last-child .list-link .column-right{width:100%; text-align:right;}

.card-detail-list3 .items-column:first-child .list-link .column-right .newlist-line1,
.card-detail-list3 .items-column:last-child .list-link .column-right .newlist-line1{margin-bottom: 6px;}

.card-detail-list3 .items-column .newlist-line1,
.card-detail-list3 .items-column .newlist-line2{position:relative;}

.card-detail-list3 .items-column:first-child .newlist-line2{margin-right:4px;}

.card-detail-list3 .items-column:first-child .list-link .column-left{display:flex; justify-content: center; align-items: center;}
.card-detail-list3 .column-left-icon{display:flex; justify-content: center; align-items: center;}
.card-detail-list3 .column-left-icon .c-icon:before{content:"\ea0e"; width:20px; height:32px; font-family:xeicon; font-size:18px; color: var(--gray50-color);}
.card-detail-list3 .column-left-icon .c-icon{display:block; cursor:pointer;}
/* 일괄내역 선택시 */
.card-detail-list3.lst-checked{ background:#FFFCE2 !important;}
.card-detail-list3.lst-checked .column-left-icon .c-icon:before{content:"\e92d" !important; color: var(--darkblue-color) !important;}
/* 비활성*/
.card-detail-list3.lst-disabled{ background: var(--lgray20-color) !important;}
.card-detail-list3.lst-disabled .column-left-icon .c-icon:before{content:"\ea0e" !important; color: var(--gray40-color) !important;}
.card-detail-list3.lst-disabled a{pointer-events: none !important; cursor:none !important;}
.card-detail-list3.lst-disabled .list-link{opacity:0.6;}
/********** //2024.06.28 리스트 선택 영역 변경 **********************/

/* 리스트 2024.09.20 추가*/
.card-detail-list3 .items-column:last-child .column-right .newlist-line2{display:flex; align-items: center; justify-content: flex-end}


/*************** 카드조회 > 사용내역 > 영수증 ***************/
/* 영수증 상단 메세지 type3개 */
.receipt-message-box{padding:8px 24px 16px;}
.receipt-message-box .receipt-message-inner{width:100%; padding:14px 6px; text-align:center; color: var(--black-color); border-radius:10px; box-sizing:border-box;}
.receipt-message-box .receipt-message-inner:before{content:""; width:16px; height:16px; display:inline-block; vertical-align:middle; margin-top:-3px;}

.receipt-message-box .receipt-txt-type01{background: var(--grayblue30-color); }
.receipt-message-box .receipt-txt-type01:before{content:""; background:url(../img/ico_receipt_msg01.svg) center/contain no-repeat; }
.receipt-message-box .receipt-txt-type02{background: var(--lgray21-color);}
.receipt-message-box .receipt-txt-type02:before{content:""; background:url(../img/ico_receipt_msg03.svg) center/contain no-repeat; }
.receipt-message-box .receipt-txt-type03{background: #FFEFEE;}
.receipt-message-box .receipt-txt-type03:before{content:""; background:url(../img/ico_receipt_msg02.svg) center/contain no-repeat;}

/* 영수증 */
.receipt-box{position:relative; width:100%; padding:24px; background: var(--lgray10-color); box-sizing:border-box; }

.receipt-inner-con{position:relative; width:100%; margin:0 auto; background: var(--white-color); padding:20px 16px; border-radius: 10px; box-shadow: 1px 2px 5px rgba(189, 189, 189, 0.08); }
.receipt-inner-con .title{text-align:center; font-size: var(--font-size-default); font-weight: var(--font-weight-semibold);}

.receipt-box-item ul{border-top:1px solid var(--gray30-color); padding:6px 0;}
.receipt-box-item ul:first-child{border-top:none;}
.receipt-box-item ul li{width:100%; display:flex; justify-content: space-between; /*align-items:center;*/ flex-direction: row; padding: 4px 0;}
.receipt-box-item ul li .col{font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular);}
.receipt-box-item ul li .col-left{ color: var(--gray70-color); width:20%;}
.receipt-box-item ul li .col-right{ color: var(--gray90-color); width:80%; text-align:right;}
/* 메모입력 확대 금지 */
.receipt-box-item ul li .memo-form{/*width:100%;*/ text-align:right; 
	border-radius: 6.666666667px;
    font-size: 16px;
    line-height: 26.666666667px;
    padding: 6.666666667px;
    width: 133.333333333%;

    transform: scale(0.75);
    transform-origin: left top;

    margin-bottom: -10px;
    margin-right: -33.333333333%;
}
.receipt-box-item ul li .memo-form:focus{font-size:16px !important; }

.memo-btn-wrap{margin-top:12px; text-align:center;}
.memo-btn-wrap .memo-btn{height:42px; padding-left:40px !important; padding-right:40px !important;}
@media all and ( max-width: 359px ){
	/* 영수증 360px이하에서 */
	.receipt-box-item ul li .col-left{width:22%;}
 	.receipt-box-item ul li .col-right{width:78%;}
}


/* 영수증 양쪽 컨텐츠 */
.receipt-both-wrap{position:relative; padding:24px; }
.receipt-both-wrap ul li{position:relative; width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 10px 0;}
.receipt-both-wrap ul li .col{position:relative; font-size: var(--font-size-small); }
.receipt-both-wrap ul li .col-left{width:24%; color: var(--gray90-color); font-weight: var(--font-weight-medium); text-align:left;}
.receipt-both-wrap ul li .col-right{width:76%; color: var(--black-color); font-weight: var(--font-weight-regular); text-align:right;}
/* form 양쪽 정렬*/
.receipt-both-wrap ul li input,
.receipt-both-wrap ul li select{width:100%; text-align:left;}

/* 입력폼인경우 간격조정*/
.receipt-both-wrap ul.receipt-form-write li{padding: 5px 0 !important;}
/*용도분할 */
.partition-items{display:flex; justify-content: space-between; align-items:center; height: 40px; width:100%; padding: 0 6px 0 10px; font-size: var(--font-size-default);  border: 1px solid var(--gray40-color); color: var(--gray90-color); border-radius: 8px;}

/**** 모달 팝업 - 간편메모입력 ****/
.memo-write-wrap{margin-top:12px;width:100%;}
.memo-write-wrap textarea{height:80px;}

/**** 모달 팝업 - 일괄작성 ****/
.write-info-textbox-wrap{position:relative; padding:0 24px;} /* 25.10.01 추가*/
.write-info-textbox{position:relative; width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding:16px 0 6px; margin-top:14px;}
.write-info-textbox strong{font-weight: var(--font-weight-semibold);}
.write-info-textbox .txt-won{font-weight: var(--font-weight-regular); margin-left:2px;}

/* form row type (팝업-일괄작성사용) */
.writeform-row-type{margin:12px auto 16px; text-align:left;}
.writeform-row-type *{box-sizing:border-box;}
.writeform-row-type ul .stitle{margin-top:16px;}
.writeform-row-type ul .stitle label{display:block; padding-bottom:5px; text-align:left; color: var(--gray80-color); font-size: var(--font-size-small); font-weight: var(--font-weight-medium);}
.writeform-row-type ul li input,
.writeform-row-type ul li select,
.writeform-row-type ul li textarea{width:100%;}


/**** 모달 팝업 - 분할하기 ****/
/* 분할하기 상단 텍스트 */
.split-bill-detail{position:relative; width:100%; padding:14px 24px; background:#E8F1FF;}
.split-bill-detail ul li{display:table; width:100%;}
.split-bill-detail ul li .col{display:table-cell; vertical-align:middle; padding:5px 0; font-weight: var(--font-weight-regular);}
.split-bill-detail ul li .left-item{width:28%; text-align:left; font-size: var(--font-size-small); color: var(--gray70-color);}
.split-bill-detail ul li .right-item{width:72%; text-align:right; font-size: var(--font-size-small); color: var(--gray90-color);}

/* 분할하기 write 1 */
.split-bill-write-form1{position:relative; padding:14px 24px; border-bottom: 4px solid #EFF0F2;}
.split-bill-write-form1 ul li{position:relative; width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 4px 0;}
.split-bill-write-form1 ul li .col{position:relative; font-size: var(--font-size-small); }
.split-bill-write-form1 ul li .col-left{width:28%; color: var(--gray90-color); font-weight: var(--font-weight-medium); text-align:left;}
.split-bill-write-form1 ul li .col-right{width:72%; color: var(--black-color); font-weight: var(--font-weight-regular); text-align:right;}
.split-bill-write-form1 ul li input,
.split-bill-write-form1 ul li select{width:100%; text-align:left;}
/* input 금액+원 우측 정렬*/
.input-money-wrap{position:relative;}
.input-money-wrap .input-money{text-align:right !important; padding-right:30px !important;}
.input-money-wrap .txt-won{position:absolute; right:12px; top:13px; display:block;font-size: var(--font-size-default); }
/* 분할하기 리스트 삭제 */
.user-add-list{position:relative; width:100%; padding:16px 18px 16px 24px; display:flex; justify-content: space-between; align-items:center; flex-direction: row; border-bottom: 1px solid var(--gray20-color);}
.list-left-items{width:90%; text-align:left;}
.list-right-items{width: calc (10% - 14px); padding-left:14px; text-align:right;}
/* 분할하기 줄 삭제 아이콘*/
.icon-billlist-del:before{content:"\e924"; color: var(--grayblue60-color); font-family:xeicon; font-size:22px; }
.icon-billlist-del{display:block;width:24px; height:24px;}

.list-left-items li .col-left{width:30.5% !important;}
.list-left-items li .col-right{width:69.5% !important;}

.add-btn-box1{position:relative; padding:16px 24px; text-align:right;}
.add-btn-box1 .btn-add{min-width:89px; }

/*------------ 2025.09.30 분할하기 변경 ------------*/
.split-bill-add-list{position:relative; padding:0 24px; margin-bottom:20px;}
.user-add-list2{position:relative; width:100%; padding:14px 18px 14px 18px; border: 1px solid var(--gray20-color); border-radius: 5px 5px 0 0; box-sizing: border-box;}
.list-delete-btn{position:absolute; top:-5px; left:13px; z-index:22;}
.list-delete-btn a{display:block; width:28px; height:28px;}

/* 분할하기 삭제 아이콘*/
.icon-billlist-del2:before{content:"\e924"; color: var(--grayblue60-color); font-family:xeicon; font-size:22px; }
.icon-billlist-del2{display:block;width:24px; height:24px;}

.add-btn-box3{position:relative; padding:10px 24px; text-align:right;}
.add-btn-box3 .btn-add{max-width:66px !important; height:32px !important; }

/* 결재자 토글 버튼 */
.split-toggle-btn-wrap{position:relative;margin-top:-10px; height:30px; background:#ffffff; display: flex; align-items: flex-end;  border-left:1px solid var(--gray20-color); border-right:1px solid var(--gray20-color);  border-radius: 0 0 6px 6px ;}
.split-toggle-btn{display:block;width:100%; height:20px; background:#f5f5f5; border-radius: 0 0 5px 5px ; border-left:1px solid var(--gray20-color); border-right:1px solid var(--gray20-color); border-bottom:1px solid var(--gray20-color);}
.split-toggle-btn:after {
  content:"\e945";
  font-family: xeicon;
  font-size: 18px;
  color: var(--black-color);
  display: inline-block; 
  transform: rotate(0deg); 
  transition: transform 0.3s ease;
}
.split-toggle-btn-wrap.open .split-toggle-btn:after {
  transform: rotate(180deg); 
}
.user-add-list2 {
 /* max-height: 73px;*/
  /* max-height: none; 기본은 무제한(열린 상태) */
  overflow: hidden;
  transition: max-height 0.5s ease;
}
/*------------ //2025.09.30 분할하기 변경 ------------*/


/* 기타영수증 이미지 업로드*/
/* upload img area */
.upload-img-view-box{position:relative; width:100%; padding:24px; background: var(--lgray10-color); box-sizing:border-box;}
.upload-img-view-box .upload-img-wrap{position:relative;  width:100%; height:100%; padding:24px 12px; background: var(--white-color); text-align:center;}
.upload-img-view-box .upload-img-wrap .btn-upload{font-size:14px;}
.upload-img-view-box .upload-img-wrap .btn-upload i{font-size:24px;}
.upload-img-view-box .upload-img-wrap img {max-width: 100%; max-height:500px;} /* 24.12.23 height값 수정 */
.upload-img-view-box .upload-img-wrap .img-delete{position:absolute; right:-6px; top:-6px; z-index:10; color: var(--grayblue60-color);}
.upload-img-view-box .upload-img-wrap .img-delete i{font-size:24px;}
.upload-img-view-box .upload-img-wrap .thumbimg{width:100%; height:500px; overflow: auto; } /* 24.12.23 스크롤 추가 */
.upload-img-view-box .upload-img-wrap .file-name{color:var(--black-color); vertical-align:top; text-align:center; font-size: var(--font-size-xsmall); padding:10px 0 5px;}
/* 이미지 업로드 박스(팝업창사용) */
.img-upload-box{display:block; margin-bottom:16px;}
.img-upload-box label {
  width: 100%;
  height: 46px;
  background: var(--darkblue-color);
  color: var(--white-color);
  border-radius: 8px;
  font-weight: var(--font-weight-regular);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-upload-box .img-input{
  display: none;
}
/* 이미지 업로드 박스 */
.img-upload-box2{text-align:center; display:inline-block; padding:0 6px;}
.img-upload-box2 label {
  width: 120px;
  height: 52px;
  background: var(--grayblue20-color);
  color: var(--darkblue-color);
  border-radius: 8px;
  font-weight: var(--font-weight-regular);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-upload-box2 .img-input{
  display: none;
}

/* 기타영수증 작성폼 좌우사이즈 */
.etc-receipt-con ul li .col-left{width:28%;}
.etc-receipt-con ul li .col-right{width:72%;}


/*********************** 결재함 **************************************/
/* 결재함 리스트 */
.approval-main-box{position:relative; display:flex; justify-content: space-between; align-items: center; margin-bottom:16px; padding:12px 8px 12px 20px; background: var(--white-color); border:1px solid var(--gray30-color); border-radius:10px; box-sizing:border-box; cursor:pointer;}
.approval-main-box:last-child{margin-bottom:0;}
.approval-main-box .circle-number{display:inline-block; margin:0 0 0 3px; padding:0 2px 0; min-width:20px; height:20px; vertical-align:middle; line-height:20px; color: var(--white-color); text-align:center; font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular); background: var(--darkblue-color); border-radius:10px;}
.approval-main-box .inner-items{display:flex;align-items: center;}
.approval-main-box:focus{ background: var(--lgray10-color);}
.approval-main-box .inner-items .mt{ font-size: var(--font-size-small); font-weight: var(--font-weight-medium); letter-spacing:-0.01em; color: var(--gray80-color);}
.approval-main-box .inner-items .st{ font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular); color: var(--gray60-color); margin-top:3px; letter-spacing:-0.05em;}

/* 내가 결재할 문서 */
.my-doc-list{margin-top:8px;}
.my-doc-list ul li{padding:15px 0; border-bottom:1px solid var(--gray20-color); word-break:keep-all; background: url(../img/ico_s_arrow_right_lgray.png) right 16px center no-repeat; background-size:16px 16px;}
.my-doc-list ul li a{display:flex; align-items:flex-start; width:100%; height:100%; padding:0 24px;}
.my-doc-list ul li a .col:first-child{margin-right:8px;}
.my-doc-list ul li span{display:block;}
.my-doc-list ul li .lst-title-txt{padding-top:2px; color: var(--gray90-color); font-size: var(--font-size-small);  font-weight: var(--font-weight-medium); white-space: nowrap; width: 94%; text-overflow: ellipsis; overflow: hidden;}
.my-doc-list ul li .date-name-txt{margin-top:10px; color: var(--gray50-color); font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular);}
.my-doc-list ul li .date-name-txt em{margin-right:3px; }
.my-doc-list ul li .txt-name{margin-left:3px; color: var(--gray80-color);}

@media all and ( max-width: 359px ){
	/* 360px이하에서 간격 */
	.my-doc-list ul li .lst-title-txt{width: 80%;}
}

/* 결의서 조회 */
.exp-resolution-wrap{ width:100%;/* height: calc(100vh - 80px);*/ background: #FBFBFB; padding:24px;}
.exp-resolution-wrap .top-area{margin-bottom:16px;}
.exp-resolution-wrap .top-area .title-txt{margin-top:-5px; text-align:center; color: var(--black-color); font-weight: var(--font-weight-semibold);}
.exp-resolution-wrap .top-area .title-txt span{display:block; margin-top:6px; font-size: var(--font-size-small); font-weight: var(--font-weight-medium);}

.exp-resolution-wrap .r-box{ background: var(--white-color); margin-bottom:16px; padding:16px; border-radius: 10px; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.08); box-sizing:border-box;}
.exp-resolution-wrap .title-both-item{padding:4px 0 0 0; margin-bottom:16px;  display:flex; justify-content:space-between; align-items: center;}
.exp-resolution-wrap .title-both-item .left-title{color: var(--black-color); font-size: var(--font-size-default); font-weight: var(--font-weight-semibold);}
.exp-resolution-wrap .title-both-item .txt-btn{ margin-right:-4px; color: var(--darkblue-color); font-size: var(--font-size-small); font-weight: var(--font-weight-semibold);}
.exp-resolution-wrap .title-both-item .txt-btn i{font-size: var(--font-size-default); vertical-align:middle; margin-top:-3px;}
/* 결의서 조회 박스안 리스트 */
.exp-resolution-list{}
.exp-resolution-list li{position:relative; width:100%; padding: 0 0; margin-bottom:14px;display:flex; justify-content: space-between; align-items:flex-start; flex-direction: row; }
.exp-resolution-list li:last-child{margin-bottom:0;}
.exp-resolution-list li .col{position:relative; color: var(--gray90-color); }
.exp-resolution-list li .col-left{width:20%; font-weight: var(--font-weight-regular); font-size: var(--font-size-small); text-align:left; line-height:1;}
.exp-resolution-list li .col-right{width:80%; font-weight: var(--font-weight-regular); font-size: var(--font-size-xsmall); text-align:right; line-height:1.3;}
.exp-resolution-list li .col-right .txt-name{display:block; font-size: var(--font-size-small);}
.exp-resolution-list li .col-right .txt-name2{display:block; font-size: var(--font-size-xsmall);}
/* 결재이력추가 2024.05.21*/
.exp-resolution-list li .approval-history{}
.exp-resolution-list li .approval-history a > span{vertical-align:middle;}
.exp-resolution-list li .approval-history a > span:first-child:after{content:"│"; color: var(--gray40-color); margin-left:3px}
.exp-resolution-list li .approval-history.hide .arrow-icon{ display:inline-block; width:16px; height:16px; background: url(../img/icon_arrow_down_large.png) center/contain; opacity:0.5;}
.exp-resolution-list li .approval-history.show .arrow-icon{ display:inline-block; width:16px; height:16px; background: url(../img/icon_arrow_up_large.png) center/contain; opacity:0.5;}
.exp-resolution-list li .approval-history .history-text{font-weight: var(--font-weight-regular); padding:5px; color: var(--gray70-color);}
.exp-resolution-list li .approval-history .txtcol2{min-width:22px;}

/* 상단 합계 */
.exp-resolution-list li.total .col{color: var(--black-color);}
.exp-resolution-list li.total .col-left{font-weight: var(--font-weight-medium) !important; font-size: var(--font-size-default) !important;}
.exp-resolution-list li.total .col-right{font-weight: var(--font-weight-semibold) !important; font-size: var(--font-size-default) !important;}

/* 지출결의서작성 */
.receipt-both-wrap2{position:relative; padding:10px 24px; border-top:6px solid #EFF0F2; border-bottom:1px solid #EFF0F2;}
.receipt-both-wrap2 ul li{position:relative; width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 10px 0;}
.receipt-both-wrap2 ul li .col{position:relative; font-size: var(--font-size-small); display:flex; justify-content: space-between; align-items:center;}
.receipt-both-wrap2 ul li .col-left{width:24%; color: var(--gray90-color); font-weight: var(--font-weight-medium); text-align:left;}
.receipt-both-wrap2 ul li .col-right{width:76%; color: var(--black-color); font-weight: var(--font-weight-regular); text-align:right;}
.receipt-both-wrap2 ul li .col-right .depth2-col-left{font-size: var(--font-size-default);color: var(--gray90-color); font-weight: var(--font-weight-semibold) !important;}
.receipt-both-wrap2 ul li .col-right .depth2-col-right{font-size: var(--font-size-default); color: var(--gray90-color); font-weight: var(--font-weight-semibold) !important;}

.exp-resolution-list-btn{padding:10px 24px; text-align:right;  border-bottom:1px solid #EFF0F2;}
.exp-resolution-list-btn button{font-weight: var(--font-weight-semibold);}
.exp-resolution-list-btn button i{ font-size:18px;font-weight: var(--font-weight-medium);}

/* 팝업- 결재선선택 - 2024.05.29 수정 */
.approver-list-select{margin:0 24px;}

.approver-list{position:relative; margin:12px 24px;}
.approver-list.bt-line{border-top:1px solid var(--gray20-color); padding-top:4px;}

.approver-list ul li{/*display:flex; flex-basis:0;  align-items:center;*/ display:table; width:100%; /*border-bottom:1px solid var(--gray20-color);*/ padding:8px 0;}
.approver-list ul li:last-child{border-bottom:none;}
.approver-list ul li span{display:table-cell; padding:0 5px; font-size: var(--font-size-small); color: var(--gray90-color); vertical-align:middle;}

.approver-list ul li span.col1{width:14%;} 
.approver-list ul li span.col2{width:20%; text-align:left; font-weight: var(--font-weight-medium);}
.approver-list ul li span.col3{width:20%; text-align:left;}
.approver-list ul li span.col4{width:*; text-align:left; font-size: var(--font-size-xsmall);}
.approver-list ul li span.col1 i{ color: var(--darkblue-color); font-size:14px; vertical-align:middle;}
.approver-list ul li span.col1{padding:0 0;}

.approver-list ul li span.col1 .txt-box{min-width:38px; display:inline-block; font-size: var(--font-size-xsmall);  color: var(--darkblue-color);}
.approver-list ul li span.col1 .txt-box2{min-width:38px; display:inline-block; font-size: var(--font-size-xsmall);}
.approver-list ul li span.col1 .txt-box:after,
.approver-list ul li span.col1 .txt-box2:after{content:"│"; color: var(--gray40-color); font-size: var(--font-size-xsmall); font-weight: normal; padding-left:6px;}


/************************* 설정 *****************************/
/* push알림 토글 버튼 */
.toogle-switch {position: relative; display: inline-block; width: 54px; height: 28px;}
.toogle-switch input {opacity: 0; width: 0; height: 0;}
.toogle-switch .slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--gray40-color); -webkit-transition: .4s; transition: .4s; cursor: pointer; }
.toogle-switch .slider:before {content: ""; position: absolute; width: 22px; height: 22px;left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.toogle-switch input:checked + .slider { background-color: var(--darkblue-color);}
.toogle-switch input:focus + .slider { /*box-shadow: 0 0 1px #009591;*/}
.toogle-switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
/* Rounded sliders */
.toogle-switch .slider.round {border-radius: 34px;}
.toogle-switch .slider.round:before {border-radius: 50%;}

/* 설정 두꺼운 라인 */
.bold-line:after{content:""; width:100%; height:10px;display:block; background: #EFF0F2; }

/* 로그인정보 설정 */
.setting-menu{position:relative;}
.setting-menu ul{padding:0 24px 24px 24px;}
.setting-menu ul li{position:relative;width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 20px 0; border-bottom:1px solid var(--gray20-color);}
.setting-menu ul li:last-child{border-bottom:none;}
.setting-menu ul li .col{position:relative; font-weight: var(--font-weight-medium); }
.setting-menu ul li .col-left{width:60%; text-align:left; font-size: var(--font-size-default); color: var(--gray80-color);}
.setting-menu ul li .col-right{width:40%; text-align:right; font-size: var(--font-size-small);  color: var(--gray50-color); }
.setting-menu ul li .right-arrow{display:inline-block; margin-top:-3px; margin-left:4px; vertical-align:middle; width:16px; height:16px; background: url(../img/ico_s_arrow_right_lgray.png) center/contain no-repeat; cursor:pointer;}
.setting-menu ul li .icon-check{position:relative; width:16px; height:16px; display:inline-block; background: url(../img/ico_check.svg) center/contain no-repeat; background-size: 16px 16px;}

/* subtitle  */
.setting-title-box{width:100%; padding:24px;}
.setting-title-box span{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold) ; color: var(--black-color);}

/* push 사용설정 */
.setting-menu2{position:relative;  }
.setting-menu2 ul{padding:0 24px 24px 24px;}
.setting-menu2 ul.title-box{padding:0 0 0 0}
.setting-menu2 ul li{position:relative;width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 10px 0; }
.setting-menu2 ul li:last-child{border-bottom:none;}
.setting-menu2 ul li .col{position:relative; }
.setting-menu2 ul li .col-left{width:60%; text-align:left; font-weight: var(--font-weight-regular); font-size: var(--font-size-small); color: var(--gray80-color);}
.setting-menu2 ul li .col-right{width:40%; text-align:right;font-weight: var(--font-weight-medium); font-size: var(--font-size-small);  color: var(--gray50-color); }
.setting-menu2 ul li.title{padding:14px 24px; background: var(--lgray10-color);}
.setting-menu2 ul li.title .col-left{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold) ; color: var(--black-color);}
.setting-menu2 ul li.sub-title{padding:12px 0;}
.setting-menu2 ul li.sub-title .col-left{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold) ; color: var(--gray90-color);}
.setting-menu2 ul .input-form-time{border:none !important; font-size: var(--font-size-small);  color: var(--gray80-color); height:28px !important; padding:0 !important; text-align:right; }
.setting-menu2 ul .input-form-time:focus{ background:none !important ;-webkit-box-shadow: none  !important; box-shadow: none  !important; }

/* 기본정보 */
.setting-menu3{position:relative;  }
.setting-menu3 ul{padding:0 0 0 0;}
.setting-menu3 ul li{position:relative;width:100%; display:flex; justify-content: space-between; align-items:center; flex-direction: row; padding: 20px 24px; border-bottom:1px solid var(--gray20-color);}
.setting-menu3 ul li:last-child{border-bottom:none;}
.setting-menu3 ul li .col{position:relative; font-weight: var(--font-weight-medium); }
.setting-menu3 ul li .col-left{width:40%; text-align:left; font-size: var(--font-size-default); color: var(--gray80-color);}
.setting-menu3 ul li .col-right{width:60%; text-align:right; font-size: var(--font-size-small);  color: var(--gray50-color); }
.setting-menu3 ul li .right-arrow{display:inline-block; margin-top:-3px; margin-left:4px; vertical-align:middle; width:16px; height:16px; background: url(../img/ico_s_arrow_right_lgray.png) center/contain no-repeat; cursor:pointer;}

.cursor{cursor:pointer;}

/* 이용약관/개인정보처리방침 */
.join-policy-box01{position:relative;width: 100%;/* height: 550px;*/ padding:12px 24px 24px; line-height:1.4; /*overflow-x: hidden; overflow-y:auto; border: 0 solid var(--gray30-color) ;*/ box-sizing: border-box;}
.join-policy-box01 h2{margin-top: 30px; text-align: center; font-size: 24px;}
.join-policy-box01 strong.title {margin-top:30px; display:block; font-size: var(--font-size-default);;}
.join-policy-box01 ol.one {margin: 10px 0; font-size: var(--font-size-small); font-weight: var(--font-weight-medium);}
.join-policy-box01 ol.two {margin: 10px 0 0 15px; font-size: var(--font-size-small);: 13px; color: #666;}
.join-policy-box01 ol.two li {margin-top: 10px;}
.join-policy-box01 ol.three {margin: 0 0 0 15px; font-size: var(--font-size-xsmall);; color: #666;}
.join-policy-box01 ol.three li {margin-top: 3px;}
.join-policy-box01 ol.four {margin: 0 0 0 15px; font-size: var(--font-size-xsmall); color: #666;}
.join-policy-box01 ol.four li {margin-top: 3px;}

/* table list02 :: 회색 테이블 */
.join-policy-box01 .tbl-type-list02 {position: relative; width:100%; margin-top:10px; border-top:1px solid var(--gray30-color); border-left:1px solid var(--gray30-color); border-right:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color);}
.join-policy-box01 .tbl-type-list02 table {width:100%;}
.join-policy-box01 .tbl-type-list02 table th{padding: 7px 6px;background: #EAECF3; font-size: var(--font-size-small); color: var(--black-color); text-align:center; box-sizing:border-box;}
.join-policy-box01 .tbl-type-list02 table td{padding: 5px 6px; border-top: 1px solid var(--gray30-color); font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular); color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.join-policy-box01 .tbl-type-list02 table .ar {text-align: right;}
.join-policy-box01 .tbl-type-list02 table tbody .bg-color1{background:#EFF5FF;}
.join-policy-box01 .tbl-type-list02 table tbody tr:hover{background:#f9f9f9;}
.join-policy-box01 .tbl-type-list02 table tbody tr.selected,
.join-policy-box01 .tbl-type-list02 table tbody tr.selected:hover{background:#FFFCE2;}
.join-policy-box01 .tbl-type-list02 table tfoot th{background:#EFF5FF; border-top:1px solid var(--gray30-color);}
.join-policy-box01 .tbl-type-list02 table tbody th{background: #fefefe; border-top:1px solid var(--gray30-color); }
/* table 변형 - table th td에 라인*/
.join-policy-box01 .tbl-type-list02.tb-line {position: relative; width:100%; margin-top:10px; border-top:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color); border-left:none !important; border-right:none !important; }
.join-policy-box01 .tbl-type-list02.tb-line table {width:100%;margin-top:-1px;}
.join-policy-box01 .tbl-type-list02.tb-line table th{padding: 7px 6px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;  font-size: var(--font-size-xsmall); color: var(--black-color); text-align:center;box-sizing:border-box;}
.join-policy-box01 .tbl-type-list02.tb-line table td{padding: 5px 6px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;  border-right: 1px solid #d3d3d3; font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular); color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.join-policy-box01 .tbl-type-list02.tb-line table thead th{border-top:1px solid #d3d3d3;}
.join-policy-box01 .tbl-type-list02.tb-line table tbody th{font-weight:500 !important; padding-top:5px;}
.join-policy-box01 .tbl-type-list02.tb-line table tfoot th{ font-weight:500 !important; padding-top:5px;}
.join-policy-box01 .tbl-type-list02.tb-line table .ar {text-align: right;}

/**********************************************  modal 팝업**********************************************/
.modal-popup-area{display:none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.55);
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}
.modal-popup-area .modal-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-popup-area .modal-pop-inner .modal-inner-box{position:relative;display:table-cell;vertical-align: middle; padding:0 24px;}
.modal-popup-area .modal-pop-inner .modal-inner-box .modal-conts{width:100%; max-width: 374px; min-height:150px; margin:0 auto; padding:0 0; background:#fff; border-radius:20px; box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.35); box-sizing:border-box; 
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}
/* popup header */
.modal-popup-area .popup-header {position:relative; width:100%; padding:24px 16px 0 16px; text-align:center; box-sizing:border-box;}
.modal-popup-area .popup-header .poptitle{position:relative; margin:0; padding:0 0 0 0; text-align:center; color: var(--black-color); box-sizing:border-box;}
.modal-popup-area .popup-header .poptitle span{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold);}
/* popup con */
.modal-popup-area .popup-conts{position:relative; margin:0 auto; color: var(--gray80-color); padding:0 16px 16px 16px; box-sizing:border-box;}
.modal-popup-area .popup-footer{position:relative; width:100%; padding:0 20px 0 20px; text-align:center; box-sizing:border-box;}

/* 팝업 헤더영역 좌우 버튼 위치 및 사이즈 */
.pop-header-btn-left{position: absolute; left:20px; top:20px; z-index:99;}
.pop-header-btn-right{position: absolute; right:20px; top:20px; z-index:99;}
.pop-header-btn-left .header-btn,
.pop-header-btn-right .header-btn{width:24px; height:24px;}

/* 팝업 :: 메세지 */
.pop-message-box{margin:16px 0 32px;text-align:center;}
.pop-message-box p{margin:8px 0; font-size: var(--font-size-small); line-height:1.4; }

.pop-message-box2{padding:32px 0 12px 0;}
.pop-message-box2 p{margin:8px 0; font-size: var(--font-size-default); line-height:1.4;}

.pop-message-box3{padding:24px 0 8px 0;}
.pop-message-box2 p{margin:8px 0; font-size: var(--font-size-default); line-height:1.4;}


.icon-finish{display:inline-block; width:36px; height:36px;line-height:34px; background: var(--grayblue30-color); border-radius:36px; box-sizing:border-box;}
.icon-finish i{font-size:28px; color: var(--darkblue-color); vertical-align:middle;}


/*********** bottom modal 팝업1 - 컨텐츠 scroll 팝업 창 사이즈 고정 ***********/
.modal-popup-area2{display:none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.55);
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}
.modal-popup-area2 .modal-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-popup-area2 .modal-pop-inner .modal-inner-box{position:relative;display:table-cell;vertical-align: bottom; padding:0 0;}
.modal-popup-area2 .modal-pop-inner .modal-inner-box .modal-conts{position: fixed; bottom: 0; left:0; width:100%; height: calc(100% - 50px); margin:0 auto; padding:0 0; background:#fff; border-radius:20px 20px 0 0; box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.35); box-sizing:border-box; 
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}

/* bottom 모달 팝업 세로값 사이즈 조정*/
.height-m60{height: calc(100% - 60px) !important; }
.height-m250{height: calc(100% - 250px) !important; }

/* popup header */
.modal-popup-area2 .popup-header {position:relative; width:100%; padding:24px 16px 0 16px; text-align:center; box-sizing:border-box;}
.modal-popup-area2 .popup-header .poptitle{position:relative; margin:0; padding:0 0 0 0; text-align:center; color: var(--black-color); box-sizing:border-box;}
.modal-popup-area2 .popup-header .poptitle span{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold);}

.modal-popup-area2 .popup-conts{
	position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    box-sizing: border-box;	
}
/*  */
.modal-popup-area2 .pop-conts-inner-scroll{
	width: 100%;
    height: calc(100% - 100px);
    max-height: calc(100% - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
	  padding-bottom:80px;
}
.modal-popup-area2 .footer-fixed-btn-wrap{
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}
@-webkit-keyframes slideIn2 {
  from {margin-top: -300px; opacity: 0} 
  to {margin-top: 0; opacity: 1}
}

@keyframes slideIn2 {
  from {margin-top: -300px; opacity: 0}
  to {margin-top: 0; opacity: 1}
}

/*********** //bottom modal 팝업 ***********/

/*********** bottom modal 팝업2 - 사이즈 고정 X **********/
.modal-popup-area3{display:none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.55);
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}
.modal-popup-area3 .modal-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-popup-area3 .modal-pop-inner .modal-inner-box{position:relative;display:table-cell;vertical-align: bottom; padding:0 0;}
.modal-popup-area3 .modal-pop-inner .modal-inner-box .modal-conts{position: fixed; bottom: 0; left:0; width:100%; min-height:100px; margin:0 auto; padding:0 0; background:#fff; border-radius:20px 20px 0 0; box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.35); box-sizing:border-box; 
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}
/* popup header */
.modal-popup-area3 .popup-header {position:relative; width:100%; height:40px; padding:24px 16px 0 16px; text-align:center; box-sizing:border-box;}
.modal-popup-area3 .popup-header .poptitle{position:relative; margin:0; padding:0 0 0 0; text-align:center; color: var(--black-color); box-sizing:border-box;}
.modal-popup-area3 .popup-header .poptitle span{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold);}
/* popup con */
.modal-popup-area3 .popup-conts{position:relative; margin:0 auto; color: var(--gray80-color); padding:0 24px 32px 24px; box-sizing:border-box;}
.modal-popup-area3 .popup-footer{position:relative; width:100%; padding:0 20px 0 20px; text-align:center; box-sizing:border-box;}
/*********** //bottom modal 팝업2 - 사이즈 고정 X **********/
/**********************************************  //modal 팝업**********************************************/


/*********** full modal 팝업4 - 컨텐츠 scroll  ***********/
.modal-popup-area4{display:none; overflow-y:auto; overflow-x:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000; background:#000; background:rgba(0,0,0,0.55);
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}
.modal-popup-area4 .modal-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-popup-area4 .modal-pop-inner .modal-inner-box{position:relative;display:table-cell;vertical-align: bottom; padding:0 0;}
.modal-popup-area4 .modal-pop-inner .modal-inner-box .modal-conts{position: fixed; bottom: 0; left:0; width:100%; /*height: calc(100% - 50px);*/ height:100%; margin:0 auto; padding:0 0; background:#fff;/* border-radius:20px 20px 0 0;*/ border-radius:0; box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.35); box-sizing:border-box; 
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}

/* bottom 모달 팝업 세로값 사이즈 조정*/
.height-m60{height: calc(100% - 60px) !important; }
.height-m250{height: calc(100% - 250px) !important; }

/* popup header */
.modal-popup-area4 .popup-header {position:relative; width:100%; padding:24px 16px 0 16px; text-align:center; box-sizing:border-box;}
.modal-popup-area4 .popup-header .poptitle{position:relative; margin:0; padding:0 0 0 0; text-align:center; color: var(--black-color); box-sizing:border-box;}
.modal-popup-area4 .popup-header .poptitle span{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold);}

.modal-popup-area4 .popup-conts{
	position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    box-sizing: border-box;	
}
/*  */
.modal-popup-area4 .pop-conts-inner-scroll{
	width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
	padding-bottom: 180px;
}
.modal-popup-area4 .footer-fixed-btn-wrap{
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
}
/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}
@-webkit-keyframes slideIn2 {
  from {margin-top: -300px; opacity: 0} 
  to {margin-top: 0; opacity: 1}
}

@keyframes slideIn2 {
  from {margin-top: -300px; opacity: 0}
  to {margin-top: 0; opacity: 1}
}

/*********** //full modal 팝업4 ***********/



/*****************팝업 :: 조직도 *******************/
.approval-both-cont{position:relative; padding-bottom:40px;}
.approval-both-cont .left-conts{width:100%; position:relative; padding-left:16px; box-sizing:border-box; }
.approval-both-cont .inner-con{position:relative; width:100%; box-sizing:border-box; text-align:left;}
.approval-both-cont .left-conts .inner-con{padding:8px 6px;}

/* 조직도 트리만 나올경우 100% */
.approval-both-cont .left-conts.width100{width:100% !important; margin-right:0 !important;}

/* 조직도 상단 검색*/
.org-search-wrap{padding:8px 24px 8px; 24px;}
.org-search-wrap .search-inner{position:relative;}
.org-search-wrap .search-inner .search-input{ width:100%; height:42px;  background: var(--lgray10-color); border:none; border-radius:8px; text-align:left; padding-left:40px;}
.org-search-wrap .search-inner .search-input:focus{background:#e8f8ff;}
.org-search-wrap .search-inner i{position:absolute; left:10px; top:50%; margin-top:-8px; }

/**************************************jstree 관련 css (k-accounting web css파일에서 폰트사이즈 수정) ******************************************************/
/************* jstree관련 custom**********/
/* jstree 상세검색 색상변경 2024.01.24 */
.jstree-default .jstree-search {
  font-style: italic; 
  color: var(--darkblue-color) !important;
  font-weight: bold;
}
/************* jstree 조직도 커스텀 **************/
/* jstree 아이콘 삭제 */
/* .jstree-open a.company-name i{display:inline-block;} 회사명 */

div.jstree-default li > a{font-size:16px;}
/*.jstree-basic a.jstree-anchor {font-size:14px;}*/
/*.jstree-basic a.jstree-anchor .jstree-icon.jstree-themeicon{display:none;}*/
div.jstree-default a.company-name {font-weight: var(--font-weight-semibold); font-size:16px;}

div.jstree-default li > a[rel="org"] {font-weight: var(--font-weight-semibold);}
div.jstree-default li > a[rel="master"] {font-weight:var(--font-weight-semibold);}
div.jstree-default li > a[rel="member"] {font-weight:normal;}
/* div.jstree-default li > a > .jstree-icon.jstree-themeicon{display:none;} 아이콘 삭제 */
div.jstree-default li > a[rel="org"] > .jstree-icon.jstree-themeicon{display:none;}
/*div.jstree-default .jstree-anchor {padding-top:2px;} 나눔바른고딕 폰트이슈로 패딩값 추가*/

div.jstree-default .jstree-checkbox {background-position: -164px -6px;}
div.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, 
div.jstree-default .jstree-checked > .jstree-checkbox {
    background-position: -228px -6px;
}
div.jstree-default .jstree-checkbox:hover {
  background-position: -164px -38px;
}
div.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
div.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -38px;
}
div.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -6px;
}
div.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -38px;
}
/* 부분적으로 아이콘 넣고싶으면 쓰기*/
/*div.jstree-default li > a.company-name .jstree-icon{display:none}
div.jstree-default li > a[rel="org"] > .jstree-icon{display:none}
div.jstree-default li > a[rel="member"] > .jstree-icon{background:url("../img/jstree/32px.png") no-repeat -128px -64px;}*/

/*
.jstree-basic ul li{font-weight:600; }
.jstree-basic ul li ul li{font-weight:600;}
.jstree-basic ul li ul li ul li{font-weight:400;}*/
/************* //jstree 조직도 커스텀 **************/
/************************************** // jstree 관련 css (k-accounting web css파일에서 폰트사이즈 수정) ******************************************************/


/********** 2024.09.20 [변경]추가 ***********/
/* 결제함 전체선택 체크박스 */
.cm-checkbox-all{display:inline-block; vertical-align:middle; margin-left:-13px;}
.cm-checkbox-all *{line-height:1}
.cm-checkbox-all:after{content:""; clear:both; display:block;}
.cm-checkbox-all input[type="checkbox"]{display:none;}
.cm-checkbox-all label{display:inline-block; position:relative; padding-left: 24px; height:18px; line-height:1; vertical-align:middle; font-size: var(--font-size-default); font-weight: var(--font-weight-medium); color: var(--gray90-color);}
.cm-checkbox-all label:before{content: '\ea0e'; position: absolute; top: 1px; left: 0; width:16px; height:18px; line-height:1; font-size:18px; color:inherit; vertical-align:middle; margin-top:-3px; font-family:xeicon; color: rgba(0,0,0,0.4);}
.cm-checkbox-all input[type="checkbox"]:checked + label:before{content: '\e92d'; color: var(--darkblue-color); font-family:xeicon;}
.cm-checkbox-all input[type="checkbox"]:disabled + label:before{content:"\ea0e" !important; color: var(--gray40-color) !important;}

/* 지연버튼 추가 */
.delay-btn-box{position:relative; padding:16px 24px 0; text-align:right;}
.delay-btn-box .btn-delay{min-width:89px; }

.info-textbox2{width:100%; margin-top:18px; padding:14px 14px; line-height:1.3; text-align:left; color: var(--black-color); background: var(--grayblue30-color);border-radius:10px; box-sizing:border-box;}
.info-textbox2 strong{font-weight: var(--font-weight-semibold);}
/* 지연청구 form  박스 좌우 패딩값 조절*/
.receipt-both-wrap.pd-l-r-none{padding-left:0 !important; padding-right:0 !important;}


/***** 2024.12.24 품목추가*****/
/*용도분할 */
.etc-receipt-items{display:flex; justify-content:flex-start; align-items: center; align-items:center; height: 40px; width:100%; padding: 0 6px 0 10px; font-size: var(--font-size-default);  border: 0px solid var(--gray40-color); color: var(--gray90-color); border-radius: 8px; box-sizing:border-box;}

/* 품목 상세보기 테이블 :: 기본리스트 :: 레이아웃 */
.item-list-tbl{margin:0; display:table; width:100%; table-layout:fixed;}
.item-list-head{display:table-header-group; }
.item-list-head span{display:table-cell; text-align:center; background: var(--grayblue20-color); color: var(--black-color); font-weight:400; font-size:13px; letter-spacing:-0.35px; padding:12px 0; border-top:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color);}
.item-list-row{display:table-row; width:100%;}
.item-list-row .column{display:table-cell; line-height:1  !important; vertical-align:middle; padding:10px 5px; color: var(--gray80-color); font-size:14px; letter-spacing:-0.35px; text-align:center; border-bottom:1px solid var(--gray30-color);}
.item-list-row .column.ta-left{text-align: left;}
/* 품목 상세보기 테이블 :: 기본리스트 ::  항목 */
.item-list-row .item-title{text-align:left; padding:10px; font-size:13px;}

@media all and (max-width:320px){
	/* 품목 상세보기 테이블 :: 기본리스트 :: 레이아웃 */
	.item-list-tbl{margin-top: 27px; border-top:1px solid var(--gray30-color);}
	.item-list-tbl,.item-list-row,.item-list-row .column{display:block;}
	.item-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
	.item-list-row{position:relative; width:auto; padding:12px 10px; border-bottom:1px solid var(--gray30-color); overflow:hidden;}
	.item-list-row .column{clear:both; border-bottom:0; text-align:left; padding:5px 0; font-size:11px;}
	/* 품목 상세보기 테이블 :: 기본리스트 :: 항목 */
	.item-relative-row{padding-top:40px}
	.item-list-row .column.item-block{clear:both; width:100%;}
	.item-list-row .column.item-inline{display:inline-block; width:auto; margin-right:4%;}
	.item-list-row .column.item-absolute{position:absolute; top:10px; left:2%;}
	.item-list-row .column:not(.item-title):not(.item-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
	.item-list-row .item-title{padding: 5px 0; padding-bottom: 0;}
}


/*****************2025.01.03 ux 개편********************/
.approval-info-con{position:relative; padding:0 0;}
.approval-info-con .inner-item-box{position:relative; padding:20px 24px;} /* 2025.06.23 수정*/
.approval-info-con .title{margin-bottom:12px;}
.approval-info-con .title span{font-size: var(--font-size-default); font-weight: var(--font-weight-semibold); color: var(--black-color);}

/* 기안자 */
.approver-list02{position:relative; margin:0 0;}
.approver-list02 ul li{display:table; width:100%;  padding:8px 0;}
.approver-list02 ul li span{display:table-cell; padding:0 5px; font-size: var(--font-size-small); color: var(--gray90-color); vertical-align:middle;}

.approver-list02 ul li span.col1{width:14%;} 
.approver-list02 ul li span.col2{width:20%; text-align:left; font-weight: var(--font-weight-medium);}
.approver-list02 ul li span.col3{width:20%; text-align:left;}
.approver-list02 ul li span.col4{width:*; text-align:left; font-size: var(--font-size-xsmall);}
.approver-list02 ul li span.col1{padding:0 0;}

/* 결재자 */
.approval-name-list{position:relative;}
.approval-name-list ul li{position:relative; display:flex; align-items:center; padding:10px 0; border-bottom:1px solid var(--gray20-color);}
.approval-name-list ul li:last-child{border-bottom:0;}
.approval-name-list .item:first-child{font-size: var(--font-size-small); padding-right:8px;}
.approval-name-list .item span{display:block; padding:2px 6px;}
.approval-name-list .item .txt-name{font-size: var(--font-size-small);}
.approval-name-list .item .txt-team{font-size: var(--font-size-xsmall);}
.approval-name-list .item-delete{margin-left:auto;}

.approval-info-con .item-btn{margin:24px 0 0 0; text-align:center;}
.approval-info-con .item-btn button{width:100%;}

.approval-name-list .txt-cc,
.approver-list02  .txt-cc{min-width: 38px; height:100%; display: inline-block; font-size: var(--font-size-xsmall); color: var(--darkblue-color); border-right:1px solid #ddd;}

/* 분할작성 (사용자 일괄적용) 체크박스 추가 */
.add-btn-box2{position:relative; display:flex; justify-content:space-between; padding:16px 24px;}
.add-btn-box2 .btn-add{min-width:89px; }

/* 검색조건 :: 사용일시 폼 */
.input-date-style{display:flex; justify-content: space-between; align-items: center;}
.input-date-style input{width:48% !important;}
.input-date-style2{display:flex; justify-content: space-between; align-items: center; margin-top:12px;}
.input-date-style2 button{height:40px; width:48%;}

.both-con-wrap{position: fixed; height:40px; left:0; top:52px; border-bottom:1px solid var(--gray30-color); background:#fff; display:flex; width:100%; justify-content: space-between; align-items:center; z-index:99;}
.both-con-wrap .left-item{width: calc(70% - 4px); padding-left:16px;}
.both-con-wrap .left-item span{display:inline-block;font-size:13px; letter-spacing:-0.05em;}
.both-con-wrap .left-item span.bar:after{content:"│"; color: var(--gray40-color); font-size: var(--font-size-xsmall); font-weight: normal; padding-left:2px; margin:0;}
.both-con-wrap .right-item{width: calc(30% - 4px); text-align:right; padding-right:16px;}

/* 사용내역 :: 사용내역 상단에 검색조건추가로 탭 위치및 컨텐츠 위치 조정 */
.search-add-con {position:relative;}
.search-add-con .tab-menu-area{top:92px;}
.search-add-con .tab-menu-area ul li{height:42px;}
.search-add-con .tab-menu-area ul li span{padding-top:12px;}
.search-add-con .have-tab-conts{padding-top:82px !important;}
.search-add-con .card-list-wrap .card-detail-top{ top:134px;}

/* 메인-홈 결재함 버튼에 문서수 표시 */
.btn-inner-number{padding: 0 7px 0 15px !important;}
.btn-inner-number .circle-number{display:inline-block; margin:-3px 0 0 3px; padding:0 2px 0; min-width:14px; height:14px; vertical-align:middle; line-height:14px; color: var(--white-color); text-align:center; font-size: var(--font-size-mini); font-weight: var(--font-weight-regular); background: var(--lred-color); border-radius:10px;}

/* 검색조건 */
.btn-search-date img{margin-top:-1px;}



/* 2025.06.11 차량운행정보 */
/**************** 상단 탭 있는 경우 컨텐츠 감싸는 부분 ****************/
.have-search-conts{position:relative; padding-top:40px;}
.car-status-txt{display:inline-block; min-width:62px; height:auto; line-height:1; padding:4px 8px; text-align:center; vertical-align:middle; font-size: var(--font-size-xsmall); font-weight: var(--font-weight-medium); border-radius:8px;}

.no-item-message-box{display:flex; width:100%; height:80vh; align-items: center; justify-content: center;}
.no-item-message-box p.txt{/*margin:16px 0; */font-size:16px;}

.business-mileage-log-con{padding-bottom:0;}

/* 계기판거리 작성/수정시 사용*/
.ai-flex-start{align-items: flex-start !important;}
.ai-flex-start .col-left{padding-top:12px;}
.ai-flex-start .col-right .form-item{padding-bottom:10px; text-align:left;}
.ai-flex-start .col-right .form-item:last-child{padding-bottom:0;}
/* 계기판거리 조회시 사용*/
.ai-flex-start2{align-items: flex-start !important;}
.ai-flex-start2 .col-left{padding-top:0px;}
.ai-flex-start2 .col-right .txt-item{padding-bottom:20px;}
.ai-flex-start2 .col-right .txt-item:last-child{padding-bottom:0;}

/* 이미지 업로드 박스 */
.img-upload-box3{text-align:center;display:inline-block;padding: 0;width: 100%;}
.img-upload-box3 label {
  width: 100%;
  height: 40px;
  background: var(--grayblue20-color);
  color: var(--darkblue-color);
  border-radius: 8px;
  font-weight: var(--font-weight-regular);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  /* display: inline-block; */
}
.img-upload-box3 .img-input{
  display: none;
}
.img-upload-box3 .icon24 img{width:18px; height:18px;margin-top:3px !important;}


.business-mileage-log-con .img-delete{color: var(--grayblue60-color);}
.business-mileage-log-con .img-delete i{font-size:24px;}
.business-mileage-log-con .img-name-txt{font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular); color: var(--gray80-color);}

/* upload img area */
.business-mileage-img-box{position:relative; width:100%; padding:8px 24px; box-sizing:border-box;}
.business-mileage-img-box .upload-img-wrap{position:relative;  width:100%; height:100%; padding:0 0; border: 1px dashed var(--black-color); border-radius: 10px; background: var(--white-color) url(../img/ico_bus_mileage_img_icon.svg) center no-repeat; text-align:center; overflow:hidden;}
.business-mileage-img-box .upload-img-wrap img {width: 100%; height: 100%; object-fit:cover;} 
.business-mileage-img-box .upload-img-wrap .thumbimg{width:100%; height:220px; max-height:220px;  overflow:auto; }




/************** 20255.06.16 용도검색 **************/
/* 용도 상단 검색*/
.use-search-wrap{padding:8px 20px 12px 20px; border-bottom:1px solid var(--gray20-color);}
.use-search-wrap .search-inner{position:relative;}
.use-search-wrap .search-inner .search-input{ width:100%; height:42px;  background: var(--lgray10-color); border:none; border-radius:8px; text-align:left; padding-left:40px;}
.use-search-wrap .search-inner .search-input:focus{background:#e8f8ff;}
.use-search-wrap .search-inner i{position:absolute; left:10px; top:50%; margin-top:-8px; }

/*------------ 용도/기본/즐겨찾기/ 리스트 wrap ------------*/
.useitem-search-wrap{position:relative; width:100%;}

/* 용도 기본설정 우측 아이콘 화살표 */
.arrowicon-down{display:inline-block; cursor:pointer; background:url(../img/icon_arrow_down_large.png) no-repeat center center/cover; width:24px; height:24px;}
.arrowicon-up{display:inline-block; cursor:pointer;background:url(../img/icon_arrow_down_large.png) no-repeat center center/cover;width:24px; height:24px; transform: rotate(180deg);transition: 0.2s;}

/* 즐겨찾기 아이콘*/
.select-bookmark{display: flex;width:44px;min-width: 44px;position:relative;padding:9px 13px;cursor:pointer;justify-content: center;align-items: center; z-index:20;}
.ico-bookmark{display:block; width:18px; height:18px; background:url(../img/ico_favorite_off.svg) no-repeat center center/cover;}
.select-bookmark.on .ico-bookmark{ background:url(../img/ico_favorite_on.svg) no-repeat center center/cover !important;}

/*상단 텍스트*/
.useitem-search-detail-top{position: sticky; top:0; left:0;  z-index: 88; display:flex; justify-content: space-between; align-items: center; width:100%; height:36px; background: var(--lgray10-color); padding:4px 18px 5px 24px; border-bottom:1px solid var(--gray30-color);}
.useitem-search-detail-top .title{font-size: var(--font-size-small);}

/* 리스트 */
.useitem-search-detail-list{position:relative; width:100%;box-sizing:border-box;}
.useitem-search-detail-list ul li{position:relative;box-sizing:border-box;}
.useitem-search-detail-list.item-height-s ul li .cm-radiobox2 label{padding-top:5px; padding-bottom:5px;}

/* 리스트 항목 */
.useitem-search-detail-list2{padding-left:0 !important; display:flex; justify-content: flex-start; align-items: center;}
.useitem-search-detail-list2 .items-column:first-child{height: 38px; display: flex; align-items: center;}

.item-text-box{text-align:left;padding-left:0;}
.item-text-box .txt-title{color: var(--gray90-color); font-size: var(--font-size-small);}
.item-text-box .txt-sub{margin-top:4px; color: var(--gray50-color); font-size: var(--font-size-xsmall); font-weight: var(--font-weight-regular);}

/* 용도/계정 팝업 라디오 선택 */
.cm-radiobox2 {position:relative; width:100%;box-sizing:border-box;}
.cm-radiobox2 input[type="radio"] {display:none;}
.cm-radiobox2 span:last-child label{margin-right:0;}
.cm-radiobox2 label {
   position:relative;
   display: flex;
   width:100%;
   padding: 12px 24px 12px 8px;
   background: var(--white-color);
   border-bottom:1px solid var(--gray20-color);
   box-sizing:border-box;
   cursor:pointer;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   align-items: center;
   justify-content: flex-start;
}
.cm-radiobox2 [type="radio"]:hover + label,
.cm-radiobox2 [type="radio"]:checked + label{
    background: #eef4fe;	
}
/* 라디오모양 아이콘 */
.cm-radiobox2 .select-radio{display: flex;position:relative;padding:8px;cursor:pointer;align-items: center;width: 44px;min-width: 44px;justify-content: center;}
.cm-radiobox2 .ico-radio{
 /* width:16px;
  height:16px;
  border:1px solid #777;
  background-color:#fff;
  -webkit-border-radius:16px;
  border-radius:16px;*/
  width:18px;
  height:18px;
  background:url(../img/ico_radio_off.svg) 0 0 no-repeat;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.cm-radiobox2 [type="radio"]:checked + label .ico-radio,
.cm-radiobox2 [type="radio"]:checked:hover + label  .ico-radio{
  /*border-color:var(--darkblue-color); 
  border:4px solid var(--darkblue-color); 
  transform: scale(1.1); */
  background:url(../img/ico_radio_on.svg) 0 0 no-repeat;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


/*********2025.06.24 결재정보 변경 :: 오리온 2차결재선 선택 **********/
/* 결재정보 2차결재선 추가로 패딩값 조절*/
.approval-info-con.light-line .inner-item-box.pd-hsmall{position:relative; padding:20px 24px 12px 24px;} 
.approval-info-con.bold-line .inner-item-box.pd-hsmall{position:relative; padding:8px 24px 12px 24px;} 

/* 결재선 구분 얇은 라인 */
.light-line:after{content:""; width:100%; height:1px;display:block; background: #EFF0F2; }

.approval-info-con .title02-con {display:flex;justify-content: space-between; align-items: center;}
.approval-info-con .title02-con .title{margin-bottom:0px;}
.approval-info-con .title02-con .right-btn{display:flex;justify-content: space-between; align-items: center;}

/* 결재자 토글 버튼 */
.approval-toggle-btn{display:flex; align-items:center; justify-content: center; width:36px; height:36px; margin-right:-6px; cursor:pointer; touch-action: manipulation;}
.approval-toggle-btn:after{content:""; width:28px; height:28px; background: url(../img/icon_arrow_up_large.png) center/contain;  transform: rotate(180deg); transition: all 0.3s ease-out; }
.approval-info-con.hide .approval-toggle-btn:after{transform: rotate(90deg);}


/************** 25.10.02 경비작성 추가**************/
.receipt-both-wrap .cm-radiobox-area{height:40px; display:flex; justify-content: flex-start; align-items:center;}

/* 경비작성 제외하기 사용*/
.ai-flex-start3{align-items: flex-start !important;}
.ai-flex-start3 .col-left{padding-top:12px;}
.ai-flex-start3 .col-right .form-item{padding-bottom:10px; text-align:left;}
.ai-flex-start3 .col-right .form-item:last-child{padding-bottom:0;}

/* 경비작성 인풋+우측버튼*/
.item-division{display: flex; align-items: center; gap: 8px;}
.item-division input{flex: 1; min-width: 0;}
.item-division button {flex: 0 0 60px;  width: 60px; height:40px;}
/* 금액 입력 + 원 */
.item-division .input-money-wrap {display: flex; align-items: center; flex: 1; min-width: 0;}
.item-division .input-money-wrap input {flex: 1; min-width: 0;}
.item-division .input-money-wrap .txt-won {margin-left: 4px; flex-shrink: 0;}


/* 25.10.15 영수증 미작성/결재완료/작성완료 도장 이미지 추가 */
.ico-stamp01{position:absolute; left:50%; top:22%; margin-left:-66px; width:133px; height:75px; background: url(../img/ico_stamp01.png) center/contain no-repeat; z-index: 22;}
.ico-stamp02{position:absolute; left:50%; top:22%; margin-left:-66px; width:133px; height:75px; background: url(../img/ico_stamp02.png) center/contain no-repeat; z-index: 22;}
.ico-stamp03{position:absolute; left:50%; top:22%; margin-left:-66px; width:133px; height:75px; background: url(../img/ico_stamp03.png) center/contain no-repeat; z-index: 22;}
/* 26.01.16 작성제외 도장 추가 */
.ico-stamp04{position:absolute; left:50%; top:22%; margin-left:-66px; width:133px; height:75px; background: url(../img/ico_stamp04.png) center/contain no-repeat; z-index: 22;}