@charset "UTF-8";

@import url('font.css');
/* @import url('common.css'); */


/*메인*/
#container .main{padding: 40px 0;}
#container .main .ctn_line01,#container .main .ctn_line02,#container .main .ctn_line03,#container .main .ctn_line04{display: flex; justify-content: space-between;}
#container .main .bd_wrap{padding-right: 20px; padding-bottom: 40px;}
#container .main .bd_wrap:last-of-type{padding-right: 0;}
#container .main .bd_wrap .bd_tit{color: #277688; font-size: 14px; font-weight: 700; padding-bottom: 10px;}
#container .main .bd_wrap .bd_tit span{display: none;}
#container .main .bd_wrap .bd_tit .btn_bdMore{display: none;}
#container .main .bd_wrap table{width: 100%; table-layout: fixed;}
#container .main .bd_wrap table th{background-color: #F7F7F7; color: #666666; font-size: 12px; font-weight: 500; padding: 5px 0; transform: skew(-0.1deg);}
#container .main .bd_wrap table td{padding: 10px 0; font-size: 11px; text-align: center; transform: skew(-0.1deg); border-bottom: 1px solid #eee;}
#container .main .bd_wrap table td.tit{font-size: 12px; font-weight: 700; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

#container .main .ctn_line01 .bd_wrap{width: 33.33%;}
#container .main .ctn_line02 .bd_wrap, #container .main .ctn_line03 .bd_wrap, #container .main .ctn_line04 .bd_wrap{width: 50%;}

#container .main .direct_wrap{display: none; margin-bottom: 120px;}
#container .main .direct_wrap .tit{color: #277688; font-size: 14px; font-weight: 700; padding-bottom: 10px;}
#container .main .direct_wrap ul{display: flex; flex-wrap: wrap;}
#container .main .direct_wrap ul li{width: calc(50% - 2.5px); text-align: center; border: 1px solid #DDDDDD; border-radius: 4px; box-sizing: border-box; margin-right: 5px; margin-bottom: 5px; padding: 10px 0; cursor: pointer; font-weight: 500;font-size: 14px;}
#container .main .direct_wrap ul li:nth-of-type(even){margin-right: 0;}


#container .main .bd_wrap .bd_tit.bd_wrap_top {position:  relative;}
#container .main .bd_wrap .bd_tit.bd_wrap_top .bd_btn_wrap {display: block; width: 111px; cursor: pointer; position: absolute; right: 0; top: 0;}
#container .main .bd_wrap .bd_tit.bd_wrap_top .bd_btn_wrap button {background-color: #0887A5; color: #fff; font-size: 12px; padding: 4px 10px;}





@media (max-width: 1023px) {
  #container .main .ctn_line01{flex-wrap: wrap;}
  #container .main .ctn_line01 .bd_wrap{width: calc(50% - 20px);}
  #container .main .ctn_line01 .bd_wrap:nth-of-type(even){padding-right: 0;}
}
@media (max-width: 767px) {
  #container .main{padding: 20px 0;}
  #container .main .ctn_line02, #container .main .ctn_line03{flex-wrap: wrap;}
  #container .main .ctn_line01 .bd_wrap, #container .main .ctn_line02 .bd_wrap, #container .main .ctn_line03 .bd_wrap{width: 100%; padding-right: 0;}
  #container .main .bd_wrap .bd_tit{font-size: 16px; position: relative;}
  #container .main .bd_wrap .bd_tit span{display: inline-block; color: #333; font-size: 15px; position: relative; padding-left: 12px;}
  #container .main .bd_wrap .bd_tit span::before{content: ''; display: block; width: 1px; height: 10px; background-color: #D1D1D1; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-left: 4px;}
  #container .main .bd_wrap .bd_tit .btn_bdMore{display: block; width: 30px; cursor: pointer; position: absolute; right: 0; top: 0;}
  #container .main .bd_wrap .bd_tit .btn_bdMore img{width: 26px;}
  #container .main .bd_wrap .bd_tit .bdOpen{transform: rotate(180deg);}
  #container .main .bd_wrap table td{font-size: 13px;}
  #container .main .bd_wrap table td.tit{font-size: 13px;}
  #container .main .direct_wrap{display: block;}
  .mobile_hide {display: none !important;}
}

/*모달*/
/*지출기안서, 외근등록*/
.modal_table_type01{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 0; text-align: center; box-sizing: border-box;}
.modal_table_type01 .tit{width: 100px; background-color: #F7F7F7; padding: 16px 0; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E7E7E7; color: #333;}
.modal_table_type01 .cts{width: calc(50% - 100px); box-sizing: border-box; font-weight: 300; font-size: 15px; border-bottom: 1px solid #E7E7E7; color: #222; padding: 14px 0;}
.modal_table_type01 .cts.w100{width: calc(100% - 100px);}

.modal_table_type02{width: 100%; margin-bottom: 20px; text-align: center;}
.modal_table_type02 th{background-color: #F7F7F7; padding: 14px 0; font-weight: 700; font-size: 13px; color: #666;}
.modal_table_type02 td{padding: 14px 0; border-bottom: 1px solid #eee; font-weight: 300; font-size: 15px; color: #333;}

/* .modal_table_type06{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 0; text-align: center; box-sizing: border-box;} */
/* .modal_table_type06 .tit{width: 100px; background-color: #F7F7F7; padding: 16px 0; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E7E7E7; color: #333;} */
/* .modal_table_type06 .cts{width: calc(50% - 100px); box-sizing: border-box; font-weight: 300; font-size: 15px; border-bottom: 1px solid #E7E7E7; color: #222; padding: 14px 0;} */
/* .modal_table_type06 .cts.w100{width: calc(100% - 100px);} */

@media (max-width: 767px){
  .modal_table_type01 .tit{padding: 8px 0; font-size: 12px;}
  .modal_table_type01 .cts{width: calc(100% - 100px); padding: 8px 0; font-size: 13px;}
  .modal_table_type02 th{padding: 8px 0; font-size: 12px;}
  .modal_table_type02 td{padding: 8px 0; font-size: 13px;}
/*   .modal_table_type06 .tit{font-size: 12px;} */
/*   .modal_table_type06 .cts{width: calc(100% - 100px); padding: 8px 0; font-size: 13px;} */
}

/*alert창*/
.modal_type02 p{padding: 40px 0; font-weight: 500; font-size: 16px; color: #333; text-align: center;}

/*내용입력팝업_20230308추가*/
.modal_table_type03{padding-bottom: 20px;}
.modal_table_type03 .list_wrap table {min-width:unset; table-layout: fixed; width: 100%;}
.modal_table_type03 .list_wrap table th{padding: 8px 0; background-color: #f5f5f5; font-size: 12px; font-weight: 700; vertical-align: middle; color: #666;}
.modal_table_type03 .list_wrap table th.chk{width: 30px;}
.modal_table_type03 .list_wrap table td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; padding: 10px 4px; font-size: 13px; font-weight: 600; text-align: center; border-bottom: 1px solid #eee; vertical-align: middle; color: #333;}
.modal_table_type03 .list_wrap table.table_typeB{border: 1px solid #eee;}
.modal_table_type03 .list_wrap table.table_typeB th{background-color: #F7F7F7; border-bottom: 1px solid #eee; width: 80px;}
.modal_table_type03 .list_wrap table.table_typeB tr:last-of-type th, .modal_table_type03 .list_wrap table.table_typeB tr:last-of-type td{border-bottom: none;}
.modal_table_type03 .list_wrap table.table_typeB td textarea{width: calc(100% - 10px); height: 177px; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; margin: 0 5px;}
.modal_table_type03 .list_wrap table.table_typeB td input[type=text]{
	width: calc(100% - 10px);
    padding: 6px 10px;
    color: #333;
    border: 1px solid #ccc;
    font-size: 14px;
    box-sizing: border-box;

}
.modal_type03 .btn_search{text-align: center; background-color: #004F62; color: #fff; padding: 20px 0 30px;}
@media (max-width: 767px){
  .modal_table_type03{padding-bottom: 0;}
  .modal_table_type03 .list_wrap table.table_typeB td textarea{height: 125px;}
}

.modal_table_type04{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 0; text-align: center; box-sizing: border-box;}
.modal_table_type04 .tit{width: 100px; background-color: #F7F7F7; padding: 21px 0; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E7E7E7; color: #333;}
.modal_table_type04 .cts{width: calc(50% - 100px); box-sizing: border-box; font-weight: 300; font-size: 15px; border-bottom: 1px solid #E7E7E7; color: #222; padding: 14px 0;}
.modal_table_type04 .cts.w100{width: calc(100% - 100px);}
.modal_table_type04 input[type=text],.modal_table_type04 input[type=password] {width: calc(100% - 20px); padding: 6px 10px; color: #333; border: 1px solid #ccc; font-size: 14px; box-sizing: border-box; margin-left: 10px;}


@media (max-width: 767px){
  .modal_table_type04 .tit{padding: 15px 0; font-size: 12px;}
  .modal_table_type04 .cts{width: calc(100% - 100px); padding: 8px 0; font-size: 13px;}
}


/*직원선택팝업_20230308추가*/
.mem_choice h1{font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.mem_choice .inner{margin-bottom: 20px;}
.mem_choice .mem_search{width: 50%; display: flex; margin-bottom: 10px;}
.mem_choice .mem_search input{border: 1px solid #ddd; width: calc(100% - 116px); padding: 0 8px; font-size: 14px; height: 42px; box-sizing: border-box;}
.mem_choice .mem_search button{background: #004F62; color: #fff; font-size: 14px; width: 100px; height: 42px;}
.mem_choice .mem_chk{display: flex; width: 100%; font-size: 14px;}
.mem_choice .mem_chk > div{border: 1px solid #ddd; width: 50%; margin-right: 30px; padding: 5px; height: 300px; overflow: auto; box-sizing: border-box;}
.mem_choice .mem_chk > div:last-of-type{margin-right: 0; padding: 8px 14px;}
.mem_choice .mem_chk .left{line-height: 24px;}/*miraclecat추가*/
.mem_choice .mem_chk .right li{line-height: 24px;}
.mem_choice .mem_chk .right li{font-size: 16px; padding: 5px;cursor: pointer;}/*miraclecat추가*/
.mem_choice .mem_chk .right li:hover{background: #004F62; color: #fff;}/*miraclecat추가*/
.mem_choice .btn_wrap > div:last-of-type{display: none;}

.mem_choice_single h1{font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.mem_choice_single .inner{margin-bottom: 20px;}
.mem_choice_single .mem_search{display: flex; margin-bottom: 10px;}
.mem_choice_single .mem_search input{border: 1px solid #ddd; width: calc(100% - 116px); padding: 0 8px; font-size: 14px; height: 42px; box-sizing: border-box;}
.mem_choice_single .mem_search button{background: #004F62; color: #fff; font-size: 14px; width: 100px; height: 42px;}
.mem_choice_single .mem_chk{display: flex; width: 100%; font-size: 14px;}
.mem_choice_single .mem_chk > div{border: 1px solid #ddd; width:100%; margin-right: 15px; padding: 5px; height: 300px; overflow: auto; box-sizing: border-box;}
.mem_choice_single .mem_chk .left{line-height: 24px;}/*miraclecat추가*/
.mem_choice_single .mem_chk .right li{line-height: 24px;}
.mem_choice_single .mem_chk .right li{font-size: 16px; padding: 5px;cursor: pointer;}/*miraclecat추가*/
.mem_choice_single .mem_chk .right li:hover{background: #004F62; color: #fff;}/*miraclecat추가*/
.mem_choice_single .btn_wrap > div:last-of-type{display: none;}
@media (max-width: 767px){
  .mem_choice .modal_close{display: none;}
  .mem_choice .mem_search{width: 100%;}
  .mem_choice .mem_search input{width: calc(100% - 100px);}
  .mem_choice .mem_chk{flex-direction: column; height: calc(100vh - 200px); overflow: auto;}
  .mem_choice .mem_chk > div{margin-right: 0; width: 100%; height: 50%;}
  .mem_choice .mem_chk .left{margin-bottom: 10px;}
  .mem_choice .btn_wrap > div{width: 50%; position: absolute; left: 0; bottom: 0; border: none; background-color: #004F62; color: #fff; border-radius: 0; padding: 10px 0 20px; margin-right: 0;}
  .mem_choice .btn_wrap > div:last-of-type{display: block; left: 50%; background-color: #222;}

  .mem_choice_single .modal_close{display: none;}
  .mem_choice_single .mem_search{width: 100%;}
  .mem_choice_single .mem_search input{width: calc(100% - 100px);}
  .mem_choice_single .mem_chk{flex-direction: column; height: calc(100vh - 200px); overflow: auto;}
  .mem_choice_single .modal_table_warp{flex-direction: column; height: calc(100vh - 200px); overflow: auto;}
  .mem_choice_single .mem_chk > div{margin-right: 0; width: 100%; height: 100%;}
  .mem_choice_single .mem_chk .left{margin-bottom: 10px;}
  .mem_choice_single .btn_wrap > div{width: 50%; position: absolute; left: 0; bottom: 0; border: none; background-color: #004F62; color: #fff; border-radius: 0; padding: 10px 0 20px; margin-right: 0;}
  .mem_choice_single .btn_wrap > div:last-of-type{display: block; width:100%; background-color: #222;}
}


/*sub*/
#container .sub{padding: 30px 0; position: relative;}
#container .sub2{padding: 15px 0; position: relative;}
#container .sub3{padding: 0 0; position: relative;}
#container .sub h1.tit_page{color: #0887A5; font-weight: 700; font-size: 16px; display: flex; align-items: center; margin-bottom: 20px;}
#container .sub h1.tit_page::before{content: ''; display: block; width: 3px; height: 16px; background-color: #0887A5; margin-right: 7px;}

@media (max-width: 767px){
  #container .sub h1.tit_page{display: block; width: 105%; position: absolute; left: -2.5%; top: -62px; background-color: #004F62; z-index: 1; color: #fff; font-size: 15px; font-weight: 700; text-align: center; padding: 22px 0; box-sizing: border-box;}
  #container .sub h1.tit_page::before{display: none;}
}
@media (max-width: 479px){
  #container .sub h1.tit_page{top: -44px; padding: 15px 0; font-size: 14px;}
}

/*검색영역*/
#container .sub .search_box{background-color: #F7F7F7; width: 100%; padding: 15px 40px; display: flex; align-items: center; box-sizing: border-box;}
#container .sub .search_box .search_item{margin-right: 40px; display: flex; align-items: center; padding: 5px 0;}
#container .sub .search_box .search_item:last-of-type{margin-right: 0;}
#container .sub .search_box label{font-size: 14px; color: #666; font-weight: 500; margin-right: 10px;}
#container .sub .search_box input[type=text]{width: 140px; padding: 4px 10px; color: #333; border: 1px solid #ccc; font-size: 14px; height: 20px;}
#container .sub .search_box input[type=text]#sc_date{cursor: pointer;}
#container .sub .search_box .ui-datepicker-trigger{margin-left: -20px; margin-right: 2px; cursor: pointer;}
#container .sub .search_box input[type=text]#sc_date::placeholder{color: #999;}
#container .sub .search_box span.tilde{padding: 0 4px; color: #999;}

#container .sub .search_multi_box{background-color: #F7F7F7; width: 100%; display: block; align-items: center; box-sizing: border-box;}
#container .sub .search_multi_box .search_box:first-child{padding-bottom: 0px;}
#container .sub .search_multi_box .search_box:not(:first-child){padding-top: 0px;}
/* #container .sub .search_multi_box .search_item{margin-right: 40px; display: flex; align-items: center; padding: 5px 0;} */
/* #container .sub .search_multi_box .search_item:last-of-type{margin-right: 0;} */
/* #container .sub .search_multi_box label{font-size: 14px; color: #666; font-weight: 500; margin-right: 10px;} */
/* #container .sub .search_multi_box input[type=text]{width: 140px; padding: 4px 10px; color: #333; border: 1px solid #ccc; font-size: 14px; height: 20px;} */
/* #container .sub .search_multi_box input[type=text]#sc_date{cursor: pointer;} */
/* #container .sub .search_multi_box .ui-datepicker-trigger{margin-left: -20px; margin-right: 2px; cursor: pointer;} */
/* #container .sub .search_multi_box input[type=text]#sc_date::placeholder{color: #999;} */
/* #container .sub .search_multi_box span.tilde{padding: 0 4px; color: #999;} */



.select {display: inline-block; width: 120px; border: 1px solid #ccc; background-color: #fff; position: relative;}
.select .selected {display: flex; justify-content: space-between; align-items: center; padding: 5px 0 5px 10px ; font-size: 14px; height: 20px; color: #333; cursor: pointer;}
.select .selected .selected-value {max-width: 120px;}
.select .selected .arrow {width: 24px; height: 24px; background: url("/images/btn_bdmore.png") no-repeat; background-position: center;}
.select.select.active .selected .arrow{transform: rotate(180deg);}
.select ul li, .select .selected .selected-value {white-space: nowrap; /* 줄바꿈 안함 */ overflow: hidden; text-overflow: ellipsis; /* 말줄임 적용 */}
.select ul {list-style-type: none; padding-left: 0px; width: 120px; border: 1px solid #ccc; display: none; position: absolute; background: #fff; border-top: none; margin: 1px 0 0 -1px; cursor: pointer; left: 0;}
.select.active ul {display: initial; max-height: 300px; overflow: auto; z-index: 1}
.select ul li {padding: 7px 10px; color: #333; font-size: 14px; text-align: left;}
.select ul li:hover {background-color: #EEF8FB;}
#container .sub .search_box .btn_sc{background-color: #5C5C5C; color: #fff; height: 20px; min-width: 26px; padding: 5px 10px; font-size: 14px; line-height: 20px; cursor: pointer;}

@media (max-width: 1200px){
  #container .sub .search_box{flex-wrap: wrap;}
}
@media (max-width: 579px){
  #container .sub .search_box input[type=text]#sc_date::placeholder{font-size: 13px;}
  #container .sub .search_box input[type=text]{padding: 4px 5px;}
  #container .sub .search_box{padding: 10px 16px;}
}

/*리스트_공통*/
#container .sub .list_top{display: flex; justify-content: space-between; align-items: flex-end; padding: 30px 0 10px;}
#container .sub .list_top > p{color: #333; font-size: 14px;}
#container .sub .list_top > p span{font-weight: 700;}
#container .sub .list_top .btn_list_top{background-color: #0887A5; color: #fff; font-size: 14px; padding: 4px 20px;}
#container .sub .mb_list_top{display: none;}
#container .sub .mb_list_top01{display: none;}
#container .sub .mb_sc_btn_wrap{display: none;}
#container .sub .list_wrap table{width: 100%;}
#container .sub .list_wrap table th{background-color: #F7F7F7; padding: 10px; font-size: 13px; vertical-align: middle; text-align: center; color: #666; word-break: keep-all;}
#container .sub .list_wrap table td{border-bottom: 1px solid #ddd; text-align: center; padding: 14px 10px 14px 10px; font-size: 14px; color: #333; vertical-align: middle; cursor: pointer; word-break: keep-all;}
#container .sub .list_wrap table td ul.person li.past_person{line-height: 20px; text-decoration: line-through; color: #bbb;}
#container .sub .list_wrap table td ul.person li.now_person{text-decoration: none; color: #333;}
#container .sub .list_wrap table td img{margin: 0 auto;}

#container .sub .pagination{display: flex; align-items: center; justify-content: center;}
#container .sub .pagination .arrow{width: 30px; height: 20px; cursor: pointer;}
#container .sub .pagination .arrow.pg_first{background: url(/images/btn_pg_first.png) no-repeat center;}
#container .sub .pagination .arrow.pg_prev{background: url(/images/btn_pg_prev.png) no-repeat center;}
#container .sub .pagination .arrow.pg_next{background: url(/images/btn_pg_next.png) no-repeat center;}
#container .sub .pagination .arrow.pg_end{background: url(/images/btn_pg_end.png) no-repeat center;}
#container .sub .pagination ul {display: flex; align-items: center; padding: 30px 5px;}
#container .sub .pagination ul li {width: 30px; text-align: center;}
#container .sub .pagination ul li a {color: #888; font-size: 13px; border-bottom: 1px solid transparent; padding: 0 4px 4px;}
#container .sub .pagination ul li a.now {color: #222; font-weight: 700;}
#container .sub .pagination ul li a:hover, #container .sub .pagination ul li a:focus {color:#222; font-weight: 700; border-bottom: 1px solid #999;}

.modal_wrap .pagination{display: flex; align-items: center; justify-content: center;}
.modal_wrap .pagination .arrow{width: 30px; height: 20px; cursor: pointer;}
.modal_wrap .pagination .arrow.pg_first{background: url(/images/btn_pg_first.png) no-repeat center;}
.modal_wrap .pagination .arrow.pg_prev{background: url(/images/btn_pg_prev.png) no-repeat center;}
.modal_wrap .pagination .arrow.pg_next{background: url(/images/btn_pg_next.png) no-repeat center;}
.modal_wrap .pagination .arrow.pg_end{background: url(/images/btn_pg_end.png) no-repeat center;}
.modal_wrap .pagination ul {display: flex; align-items: center; padding: 0px 5px;}
.modal_wrap .pagination ul li {width: 30px; text-align: center;}
.modal_wrap .pagination ul li a {color: #888; font-size: 13px; border-bottom: 1px solid transparent; padding: 0 4px 4px;}
.modal_wrap .pagination ul li a.now {color: #222; font-weight: 700;}
.modal_wrap .pagination ul li a:hover, #container .sub .pagination ul li a:focus {color:#222; font-weight: 700; border-bottom: 1px solid #999;}

#container .sub .list_type01 .btn_type01{display: none;}
#container .sub .list_type01 .btn_type02{display: none;}/*miraclecat추가*/

@media (max-width: 1023px){
  #container .sub .list_wrap{overflow: auto;}
  #container .sub .list_wrap table{min-width: 540px;}/*20230303수정*/
  #container .sub .list_wrap table.mw1024{min-width: 1024px;}
/*   #container .sub .list_wrap table.mw1024 th:first-child,
  #container .sub .list_wrap table.mw1024 td:first-child {position: -webkit-sticky; position: sticky; left: 0; background-color: #F7F7F7;}  가로스크롤시 첫번째열 고정*/
  #container .sub .list_wrap table.mw760{min-width: 760px;}
  #container .sub .list_wrap table.mw350{min-width: 350px;}
  #container .sub .list_wrap.list_type04{overflow:unset;}
  #container .sub .list_wrap.list_type04 table{min-width: unset; table-layout: fixed;}
  #container .sub .list_wrap.list_type04 table td{font-size: 13px; letter-spacing: -0.04rem;}
  #container .sub .list_wrap.list_type04 table td.tit{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

  #container .sub .list_wrap table.table_sticky th:nth-child(2){
	  position: sticky;
	  left: 0;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }

  #container .sub .list_wrap table.table_sticky th:nth-child(3){
	  position: sticky;
	  left: 50px;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }
  #container .sub .list_wrap table.table_sticky td:nth-child(2){
	  position: sticky;
	  left: 0;
	  background-color: #ffffff;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }
  #container .sub .list_wrap table.table_sticky td:nth-child(3){
	  position: sticky;
  	  left: 50px;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
	  background-color: #ffffff;
  }

  #container .sub .list_wrap table.table_sticky2 th:nth-child(1){
	  position: sticky;
	  left: 0;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }

  #container .sub .list_wrap table.table_sticky2 th:nth-child(3){
	  position: sticky;
	  left: 50px;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }
  #container .sub .list_wrap table.table_sticky2 th:nth-child(4){
	  position: sticky;
	  left: 100px;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }

  #container .sub .list_wrap table.table_sticky2 td:nth-child(1){
	  position: sticky;
	  left: 0;
	  background-color: #ffffff;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
  }
  #container .sub .list_wrap table.table_sticky2 td:nth-child(3){
	  position: sticky;
  	  left: 50px;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
	  background-color: #ffffff;
  }
  #container .sub .list_wrap table.table_sticky2 td:nth-child(4){
	  position: sticky;
  	  left: 100px;
	  width: 50px;
	  min-width: 50px;
	  max-width: 50px;
	  background-color: #ffffff;
  }
}
@media (max-width: 767px){
  #container .sub{padding-bottom: 110px;}
  #container .sub .list_top{display: none;}
  #container .sub .mb_list_top{padding: 8px 0; display: flex; justify-content: space-between;}
  #container .sub .mb_list_top dl{display: flex; align-self: center;}
  #container .sub .mb_list_top dl dd{font-size: 12px; font-weight: 600; color: #666; padding-right: 5px;}
  #container .sub .mb_list_top dl dt{font-size: 12px; font-weight: 400; color: #333;}
  #container .sub .mb_list_top .btn_search a{border: 1px solid #ddd; display: flex; align-items: center; padding: 6px 10px; border-radius: 4px; font-size: 12px; color: #666; font-weight: 700;}
  #container .sub .mb_list_top .btn_search a img{width: 12px; height: fit-content; margin-right: 4px;}

  #container .sub .mb_list_top01 {padding: 8px 0; display: flex; justify-content: space-between;}
  #container .sub .mb_list_top01 dl{display: flex; align-self: center;}
  #container .sub .mb_list_top01 dl dd{font-size: 12px; font-weight: 600; color: #666; padding-right: 5px;}
  #container .sub .mb_list_top01 dl dt{font-size: 12px; font-weight: 400; color: #333;}
  #container .sub .mb_list_top01 .btn_search {margin-left: 5px;}
  #container .sub .mb_list_top01 .btn_search a{border: 1px solid #ddd; display: flex; align-items: center; padding: 6px 10px; border-radius: 4px; font-size: 12px; color: #666; font-weight: 700;}
  #container .sub .mb_list_top01 .btn_search a img{width: 12px; height: fit-content; margin-right: 4px;}

  #container .sub .mb_list_top01 .top_sub01 {display:flex; justify-content: end;}

  #container .sub .list_type01 .btn_type01{display: block; margin: 20px auto; font-size: 13px; font-weight: 700;}
  #container .sub .list_type01 .btn_type02{display: block; margin: 20px auto; font-size: 13px; font-weight: 700;}/*miraclecat추가*/
  #container .sub .btn_type02{margin: 20px auto; font-size: 13px; font-weight: 700;}
  #container .sub .mb_sc_btn_wrap{width: 100%; display: flex; margin: 15px 0 5px;}
  #container .sub .mb_sc_btn_wrap .btn_period{border: 1px solid #ddd; flex-grow: 1; margin-right: 4px; text-align: center; font-size: 12px; font-weight: 700; color: #666; padding: 6px 0;}
  #container .sub .mb_sc_btn_wrap .btn_period:last-of-type{margin-right: 0;}
  #container .sub .mb_sc_btn_wrap .btn_period a{display: block;}
  #container .sub .mb_sc_btn_wrap .btn_period.on{color: #0887A5; border: 1px solid #0887A5;}
}
@media (max-width: 479px){
  #container .sub .pagination ul li{width: 24px;}
}
#container .sub .list_wrap table td.ing{color: #B88C1C;}
#container .sub .list_wrap table td.done{color: #006C85;}
.btn_download{display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px;}
.btn_download img{margin-right: 4px;}

/*list Type01 - 일반 경비정산서*/
.mb_menu01{display: none;}

@media (max-width: 1079px){
  #container .sub .list_type01 .search_box label{min-width: 60px; text-align: right;}
}
@media (max-width: 822px){
  #container .sub .list_type01 .search_box .search_item #chk_mybill + label{margin-left: 70px;}
}
@media (max-width: 767px){
  #container .sub .list_type01 .search_box{display: none;}
  .mb_menu01 li{padding: 12px 0; font-size: 13px;}
  .mb_menu01{display: flex; justify-content: space-around; border-bottom: 1px solid #eee; width: 105%; margin-left: -2.5%; margin-top: -26px;}
  .mb_menu01 li{padding: 14px 0; position: relative; text-align: center; flex-grow: 1; font-size: 14px; font-weight: 600; color: #999;}
  .mb_menu01 li.on{color: #0887A5; border: 1px solid #0887A5;}
  .mb_menu01 li::after{content: ''; display: block; width: 1px; height: 16px; background-color: #eee; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
  .mb_menu01 li:last-of-type:after{display: none;}
}

/*list Type02 - 재직증명서신청*/
#container .sub .list_type02 .list_wrap table th{width: 26%;}
#container .sub .list_type02 .list_wrap table th:last-of-type{width: 22%;}
@media (max-width: 1023px){
  #container .sub .list_type02 .list_wrap table{min-width: unset;}
  #container .sub .list_type02 .list_wrap table th{width: 20%;}
  #container .sub .list_type02 .list_wrap table th:first-of-type{width: 32%;}
}
@media (max-width: 665px){
  #container .sub .list_type02 .search_box .search_item{margin-right: 0; width: 100%;}
  #container .sub .list_type02 .search_box .search_item .select{width: 100%;}
  #container .sub .list_type02 .search_box .search_item .select ul {width: 100%;}
  #container .sub .list_type02 .search_box label{min-width: 60px; text-align: right;}
  #container .sub .list_type02 .search_box input[type=text]{width: 100%;}
}
@media (max-width: 580px){
  #container .sub .list_type02 .list_wrap{overflow: auto;}
  #container .sub .list_type02 .list_wrap table{min-width: 580px;}
}

/*list Type03 - 통합검색*/
.tab_menu{width: 100%; background-color: #F9F9F9; text-align: center; padding: 0 20px; box-sizing: border-box;}
.tab_menu > .inner{margin: 0 auto; max-width: 1200px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap;}
.tab_menu > .inner > ul{display: flex; padding-top: 30px;}
.tab_menu > .inner > ul li{font-size: 14px; color: #666; padding: 10px 0; margin-right: 50px;}
.tab_menu > .inner > ul li.on{color: #333; font-weight: 700; border-bottom: 3px solid #333;}
.tab_menu > .inner > ul li:last-of-type{margin-right: 0;}
.tab_menu > .inner .slt_box{padding-bottom: 10px; z-index: 1;}/*20230303수정*/

.list_type03 .list_wrap{margin-bottom: 20px;}/*20230303추가*/
.list_type03 .list_wrap article{border-bottom: 1px solid #eee; padding: 20px 0;}
.list_type03 .list_wrap article:first-of-type{padding-top: 0;}
.list_type03 .list_wrap article .lb_cate{display: flex; margin-bottom: 9px; flex-wrap: wrap;}
.list_type03 .list_wrap article .lb_cate li{background-color: #E5F2F6; color: #277688; font-size: 13px; padding: 3px 6px; margin-right: 5px; margin-bottom: 5px;}
.list_type03 .list_wrap article .tit{color: #277688; font-weight: 600; font-size: 16px; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_type03 .list_wrap article .body{color: #666; margin-bottom: 10px; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.list_type03 .list_wrap article .write_info{display: flex;}
.list_type03 .list_wrap article .write_info li{position: relative; padding: 0 10px;}
.list_type03 .list_wrap article .write_info li:first-of-type{padding-left: 0;}
.list_type03 .list_wrap article .write_info li.user{font-size: 14px; font-weight: 600;}
.list_type03 .list_wrap article .write_info li.date{font-size: 14px; color: #666;}
.list_type03 .list_wrap article .write_info li::after{content: ''; display: block; width: 1px; height: 14px; background-color: #DFDFDF; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.list_type03 .list_wrap article .write_info li:last-of-type:after{display: none;}
.tab_menu > .inner #tab_menu_slt{display: none;}
.list_type03 .list_wrap .btn_list_more{display: none;}/*20230303추가*/
.list_type03 .list_wrap .btn_list_more a{display: block; width: 100%; padding: 14px 0; border: 1px solid #ddd; text-align: center; border-radius: 4px; box-sizing: border-box; margin-top: 10px; color: #666; font-weight: 600; font-size: 14px;}/*20230303추가*/

@media (max-width: 1023px){
  .tab_menu > .inner{position: relative;}
  .tab_menu > .inner > ul{padding-top: 5px;}
  .tab_menu > .inner .slt_box{position: absolute; bottom: -50px; right: 0;}
  #container .sub .list_type03{padding-top: 10px;}

}
@media (max-width: 767px){
  .tab_menu{padding: 0;}
  #container .tab_menu > .inner{width: 100%;}
  .tab_menu > .inner > ul{display: none;}
  .tab_menu > .inner #tab_menu_slt{display: block; width: 100%; border: none; z-index: 11;}/*20230303수정*/
  .tab_menu > .inner #tab_menu_slt .selected{border-bottom: 1px solid #ccc; padding: 14px 20px; font-weight: 700; font-size: 15px;}
  .tab_menu > .inner #tab_menu_slt ul{width: 100%; padding: 10px 14px; background-color: #333; margin-top: -1px; box-sizing: border-box;}
  .tab_menu > .inner #tab_menu_slt ul li{padding: 14px 6px; color: #fff; border-bottom: 1px solid #444;}
  .tab_menu > .inner #tab_menu_slt ul li:last-of-type{border-bottom: none;}
  .tab_menu > .inner .slt_box{right: 20px;}
  .list_type03 .list_wrap{padding-top: 10px;}
  .list_type03 .list_wrap article{padding: 20px 6px;}
  .list_type03 .list_wrap .btn_list_more{display: block;}/*20230303추가*/
}

/*모달*/
.modal_mobile{background-color: #fff; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); width: 100%; box-sizing: border-box;}
.modal_mobile .inner{padding: 30px 25px;}
.modal_mobile .inner.typeA{padding: 20px 10px;}
.modal_mobile .inner.typeB{height: 400px; overflow: auto;}
.modal_mobile .item{display: flex; margin-bottom: 10px;}
.modal_mobile .item:last-of-type{margin-bottom: 0;}
.modal_mobile .item dl{display: flex; align-items: center; width: 100%;}
.modal_mobile .item dl dt{font-size: 12px; font-weight: 600; color: #666; width: 70px;}
.modal_mobile .item dl dd{width: calc(100% - 70px);}
.modal_mobile .item input{background-color: #F5F5F5; width: 100%; padding: 8px 10px 9px; box-sizing: border-box; font-size: 13px;}
.modal_mobile .item input::placeholder{font-size: 14px; color: #666; font-weight: 600;}
.modal_mobile .item .select {border: none; background-color: #F5F5F5; padding: 4px 6px 6px; font-size: 13px; color: #666; font-weight: 600; box-sizing: border-box; margin-right: 5px; width: 35%;}
.modal_mobile .item .select .selected{font-size: 13px;}
.modal_mobile .item dl dd .select {width: 100%; margin-right: 0;}
.modal_mobile .item .select ul {width: 100%; z-index: 1; height: 90px; overflow: auto; padding: 5px 0;}
.modal_mobile .item .select ul li {padding: 5px 10px; color: #333; font-size: 13px;}
.modal_mobile .btn_search{text-align: center; background-color: #004F62; color: #fff; padding: 20px 0 30px;}
.modal_mobile .item .select .selected .arrow {width: 24px; height: 24px; background: url("/images/btn_bdmore2.png") no-repeat center; }

.modal_mobile .item dl.flx_wr{flex-wrap: wrap;}
.modal_mobile .item dl.flx_wr dt{padding-bottom: 10px;}
.modal_mobile .item dl.flx_wr dd{display: flex; width: 100%;}
span.tilde{padding: 0 4px; color: #999; line-height: 34px;}

.modal_mobile .inner .list_wrap{height: 240px; overflow: auto;}
.modal_mobile .inner .list_wrap table {min-width:unset; table-layout: fixed; width: 100%;}
.modal_mobile .inner .list_wrap table th{padding: 8px 0; background-color: #f5f5f5; font-size: 12px; font-weight: 700; vertical-align: middle; color: #666;}
.modal_mobile .inner .list_wrap table th.chk{width: 30px;}
.modal_mobile .inner .list_wrap table td{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; white-space: nowrap; padding: 10px 4px; font-size: 13px; font-weight: 600; text-align: center; border-bottom: 1px solid #eee; vertical-align: middle; color: #333;}
.modal_mobile .inner .list_wrap table.table_typeB{border: 1px solid #eee;}
.modal_mobile .inner .list_wrap table.table_typeB th{background-color: #F7F7F7; border-bottom: 1px solid #eee; width: 80px;}
.modal_mobile .inner .list_wrap table.table_typeB tr:last-of-type th, .modal_mobile .inner .list_wrap table.table_typeB tr:last-of-type td{border-bottom: none;}
.modal_mobile .inner .list_wrap table.table_typeB td textarea{width: calc(100% - 10px); height: 177px; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; margin: 0 5px;}


.modal_mobile .modal_table_type01{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 50px; text-align: center; box-sizing: border-box;}
.modal_mobile .modal_table_type01 .tit{width: 100px; background-color: #F7F7F7; font-weight: 600; border-bottom: 1px solid #E7E7E7; color: #333; padding: 8px 0; font-size: 12px;}
.modal_mobile .modal_table_type01 .cts{width: calc(100% - 100px); padding: 8px 0; font-size: 13px; box-sizing: border-box; font-weight: 300; border-bottom: 1px solid #E7E7E7;}

.modal_mobile .modal_table_type02{width: 100%; text-align: center;}
.modal_mobile .modal_table_type02 th{background-color: #F7F7F7; padding: 8px 0; font-size: 12px; font-weight: 700; color: #666;}
.modal_mobile .modal_table_type02 td{padding: 8px 0; border-bottom: 1px solid #eee; font-weight: 300; font-size: 13px; color: #333;}

@media (min-height: 750px){
  .modal_mobile .inner.typeB{height: 550px;}
}


/*상세*/
.table_type01{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 0; text-align: center; box-sizing: border-box;}
.table_type01 .tit{width: 100px; background-color: #F7F7F7; padding: 16px 0; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E7E7E7; color: #333;}
.table_type01 .tit.w90{width: 90%;}
.table_type01 .cts{width: calc(50% - 100px); box-sizing: border-box; font-weight: 300; font-size: 15px; border-bottom: 1px solid #E7E7E7; color: #222; padding: 14px 20px; text-align: left;}
.table_type01 .cts ul.person li.past_person{line-height: 20px; text-decoration: line-through; color: #bbb;}
.table_type01 .cts ul.person li.now_person{text-decoration: none; color: #333;}
.table_type01 .cts.w100{width: calc(100% - 100px);}
.table_type01 .cts.w10{width: 10%;}
.table_type01 .cts.hp7{padding: 7px 0;}

.table_type02{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 0; text-align: center; box-sizing: border-box;}
.table_type02 .tit{width: 100px; background-color: #F7F7F7; padding: 16px 0; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E7E7E7; color: #333;}
.table_type02 .cts{width: calc(100% - 100px); box-sizing: border-box; font-weight: 300; font-size: 15px; border-bottom: 1px solid #E7E7E7; color: #222; padding: 14px 20px; text-align: left;}
.table_type02 .cts ul.person li.past_person{line-height: 20px; text-decoration: line-through; color: #bbb;}
.table_type02 .cts ul.person li.now_person{text-decoration: none; color: #333;}

.table_type03{border-top: 1px solid #AEAEAE;}
.table_type03 .bd_bt01{border-bottom: 1px solid #DCDCDC;}

.table_type04{border: 1px solid #E7E7E7; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; border-bottom: 0; text-align: center; box-sizing: border-box;}
.table_type04 .tit{width: 100px; background-color: #F7F7F7; padding: 16px 0; font-weight: 600; font-size: 13px; border-bottom: 1px solid #E7E7E7; color: #333;}
/*.table_type04 .tit.w90{width: 90%;}*/
.table_type04 .cts{width: calc(50% - 100px); box-sizing: border-box; font-weight: 300; font-size: 15px; border-bottom: 1px solid #E7E7E7; color: #222; padding: 14px 20px; text-align: left;}
.table_type04 .cts ul.person li.past_person{line-height: 20px; text-decoration: line-through; color: #bbb;}
.table_type04 .cts ul.person li.now_person{text-decoration: none; color: #333;}
.table_type04 .cts.w100{width: calc(100% - 100px);}
/*.table_type04 .cts.w10{width: 10%;}*/
.table_type04 .cts.w10{width: calc(100% - 100px);}
.table_type04 .cts.hp7{padding: 7px 0;}

.view_type01 .btn_wrap{margin: 40px 0 80px;}
.view_type02 .btn_wrap{margin: 40px 0 80px;}

.view_type01 .select{width: calc(100% - 20px); margin-left: 10px; box-sizing: border-box;}
.view_type01 .select ul{width: 100%;}

.view_type01 .cts span{font-size: 13px; padding-left: 0px; color: #666;}

.list_wrap table th.w90{width: 90px;}
.list_wrap table th.w100{width: 100px;}

.tit_list{width: 100%; text-align: center; font-weight: 600; font-size: 14px; margin: 40px 0 10px;}
.tit_list a{display: inline-block; width: 24px; vertical-align: middle; margin: 0 0 5px 5px;}

.write_type01 .btn_wrap{margin: 40px 0 80px;}
.write_type01 .select{width: calc(100% - 20px); margin-left: 10px; box-sizing: border-box;}
.write_type01 .select ul{width: 100%; z-index: 1;}
.write_type01 input[type=text]{width: calc(100% - 20px); padding: 6px 10px; color: #333; border: 1px solid #ccc; font-size: 14px; box-sizing: border-box; margin-left: 10px;}
.write_type01 input[type=text].w50{width: 50%;}
.write_type01 input[type=text] + span{font-size: 13px; padding-left: 10px; color: #666;}
.write_type01 .btn_file{display: inline-block;}
.write_type01 .btn_file label{background-color: #DCDCDC; color: #666; padding: 8px 10px 7px; font-size: 13px; margin-left: -1px;}
.write_type01 textarea{width: calc(100% - 20px);padding: 6px 10px;color: #333;border: 1px solid #ccc;font-size: 14px;box-sizing: border-box;margin-left: 10px;height: 150px;}
.write_type01 button.on{color: #fff; font-weight: 700; background-color: #0887a5;} /*miraclecat추가*/

@media (max-width: 767px){
  .table_type01{margin-top: 20px;}
  .table_type01 .tit{width: 80px;}
  .table_type01 .cts{width: calc(100% - 80px);}
  .table_type01 .tit.w90{ width: 100px;}
  .table_type01 .cts.w10{width: calc(100% - 100px);}
  .table_type01 .cts.w100{width: calc(100% - 80px);}
  .table_type04 .tit{width: 80px;}
  .table_type04 .cts{width: calc(50% - 80px);}
  .table_type04 .cts.w10 {width: calc(100% - 80px);}
  .list_type01 .btn_wrap{margin: 20px 0 80px;} /*miraclecat추가*/
  .view_type01 .btn_wrap{margin: 20px 0 80px;}
  .view_type01 .btn_wrap .go_list{position: fixed; left: 0; bottom: 104px; width: 100%; height: 50px; background-color: #333; color: #fff; border-radius: 0; line-height: 50px;}
  .write_type01 .btn_wrap .go_list{position: fixed; left: 0; bottom: 104px; width: 100%; height: 50px; background-color: #333; color: #fff; border-radius: 0; line-height: 50px;}
  .view_type03 .btn_wrap .go_list{position: fixed; left: 0; bottom: 104px; width: 100%; height: 50px; background-color: #333; color: #fff; border-radius: 0; line-height: 50px;}
  .view_type03 .table_type01{margin-top: 0;}
  .table_type02{margin-top: 20px;}
  .view_type02 .btn_wrap .go_list{position: fixed; left: 0; bottom: 104px; width: 100%; height: 50px; background-color: #333; color: #fff; border-radius: 0; line-height: 50px;}
  .btn_wrap .btn_type01:nth-last-child(-n+2){margin-right: 0;}
  .write_type01 .table_type01{margin-top: 0;}
  .write_type01 .btn_wrap{margin: 20px 0 40px;}
}

#ui-datepicker-div {
	font-size: 12px;
}

.pcBoardTable {
	max-height:250px;
	overflow:auto;
}
.pcBoardTable td {
	cursor: pointer;
}
.none_Scroll{
	-ms-overflow-style: none;
}

.none_Scroll::-webkit-scrollbar{
  display:none;
}

#menuTabList {
	height: 450px;
	overflow: auto;
}

#container .sub .list_wrap table td.approval_step ,.bd_wrap td.approval_step{
	line-height: 20px;
    text-decoration: line-through;
    color: #bbb;
}

#payDraftDetailPop .tit_list {
	margin-top: 10px;
	color: #ff0000;
	display: none;


}
#payCalcAppDetailPop .cts{
	text-align: left;
	padding-left: 10px;
}

@media (max-width: 767px){
	#menuTabList .menu_left ul li {
		color: #fff;
	    font-size: 13px;
	    display: flex;
	    align-items: center;
	    margin-bottom: 17px;
	    background: #004F62;
	    padding: 4px;
	    justify-content: center;
	}
	#menuTabList .menu_left ul li img {
	    width: 18px;
	}
}

.dtree img{
	display: inline-block;
}


/* 정산서 저장소 */
.storage-upload-file {
  display: flex;
  align-items: center;
}
.storage-upload-file .storage-section {
  flex: 1;
}
.storage-upload-file input {
  margin: 5px;
}
.modal-wrap-custom {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
.pop-loading {
  left: 50%;
  position: fixed;
  top: 50%;
}
.storage-file-used {
  background: #e7faff;
}

@media screen and (min-width: 768px) {
  .edrive-m {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .edrive-pc {
    display: none;
  }
  .edrive-item {
    text-align: left !important;
    word-wrap: break-word;
    white-space: normal;
    max-width: 116px;
  }
}

#geneExpenseEtcList .check {
  background: #ffbbbb;
}
#overseaTripEtcList .check {
  background: #ffbbbb;
}

#eDriveFilePop td {
  padding: 14px 10px;
}

#container .sub .mile_div {
  margin: 10px 0px;
}

#container .sub .mile_div .btn_list {
  background-color: #0887A5; color: #fff; font-size: 14px; padding: 4px 20px;
}

@media (max-width: 767px) {
  #container .sub .mile_div {
    display: none;
  }
}

@media (max-width: 767px){
  .fix-button-withback{position: fixed;bottom: 154px;position: fixed;left: 0;width: 100%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button{position: fixed;bottom: 104px;position: fixed;left: 0;width: 100%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-half-left-withback{position: fixed;bottom: 154px;position: fixed;left: 0;width: 50%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-half-left{position: fixed;bottom: 104px;position: fixed;left: 0;width: 50%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-half-right-withback {position: fixed;bottom: 154px;position: fixed;left: 50%;width: 50%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-half-right{position: fixed;bottom: 104px;position: fixed;left: 50%;width: 50%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-thirddiv-left-withback{position: fixed;bottom: 154px;position: fixed;left: 0;width: 33%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-thirddiv-left{position: fixed;bottom: 104px;position: fixed;left: 0;width: 33%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-thirddiv-center-withback{position: fixed;bottom: 154px;position: fixed;left: 33%;width: 34%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-thirddiv-center{position: fixed;bottom: 104px;position: fixed;left: 33%;width: 34%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-thirddiv-right-withback {position: fixed;bottom: 154px;position: fixed;left: 67%;width: 33%;height: 50px;border-radius: 0;line-height: 50px;}
  .fix-button-thirddiv-right{position: fixed;bottom: 104px;position: fixed;left: 67%;width: 33%;height: 50px;border-radius: 0;line-height: 50px;}
}