/* body {min-width: 1903px;} */
html, body, #wrapper {height: 100%;}
#container {position: relative; min-height: 100%; background-color: #F8F9FC;}
#content {padding: 20px 40px; width: 100%;}
/* side menu 있을 경우 */
#content.menu_toggle {width: calc(100% - 250px); margin-left: 250px; transition: all .3s;}

.container_header {position: relative; margin-bottom: 20px;}
.container_header h3 {display: inline-block; position: relative; font-size: 18px; font-weight: 600; padding-left: 10px; vertical-align: -webkit-baseline-middle;}
.container_header h3:before {content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 80%; display: block; background: #4F73DF; transform: translateY(-50%);}

#content .btn_wrap {text-align: center; margin-bottom: 20px;}


/* dashboard font size */
@media (max-width: 1920px) {
    .dashboard_font .bbsList {font-size: 11px;}
}
@media (min-width: 1920px) {
    .dashboard_font .bbsList {font-size: 15px;}
}

.dashboard_font .bbsList th {white-space: nowrap;}

/* opeaning soon */
.opeaning_wrap {padding: 190px 0 30px; text-align: center; border-bottom: 1px solid #dddddd;}
.opeaning_img {width: 276px; height: auto; margin: 0 auto;}
.opeaning_cont {padding: 80px 0;}
.opeaning_cont > h3 {font-size: 48px; font-weight: 500;}
.opeaning_cont > h3 .txt_point {font-weight: 600;}
.opeaning_cont > p {position: relative; margin-top: 40px; font-size: 15px; color: #555555; font-weight: 500; word-break: keep-all; letter-spacing: -0.1em; line-height: 1.7;}
.opeaning_cont .time {font-weight: 600; font-size: 20px; color: #1270A9; margin-bottom: 40px;}

/* location */
.location {position: absolute; top: 0; right: 0; font-size: 0;}
.location li {display: inline-block; position: relative; font-size: 14px; color: #6c757d; padding: 0 10px;}
.location li:before {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; margin-top: -5px; background-color: #CED4DA;}
.location li:first-child:before {content: none;}
.location li.home a {display: block; display: block; color: #6c757d;}
.location li.active {color: #4e73df;}

.divider {position: relative; min-width: 0; word-wrap: break-word; background-color: #fff; border: 1px solid #ededed; border-radius: 4px; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.075);}
.divider_header {background-color: #f8f9fc; color: #4e73df; font-weight: 800; padding: 10px 20px; border-bottom: 1px solid #ededed;}
.divider_header span {background-color: #f8f9fc; color: #4e73df; padding: 10px 10px; font-weight: 0;}
.divider_body {padding: 20px 20px;}

.divider-col {display: flex;}
.divider-col .col-2 {width: 50%; margin-right: 20px;}
.divider-col .col-2:last-child {margin-right: 0;}
.divider-col .col-3 {width: 33%; margin-right: 20px;}
.divider-col .col-3:last-child {margin-right: 0;}

/* form list */
.form_list {font-size: 0;}
.form_list li {display: inline-block; width: 23%; font-size: 15px; margin-right: 2%;}
.form_list li:last-child {margin-right: 0;}
.form_3 li {width: 32%;}

/* table */
.tableCenter td {text-align: center !important;}

/* table-scroll */
.tableScroll {max-height: 276px; overflow-y: auto;}
.silsaTableScroll {min-height: 420px;}
.tableScroll.s_Hight {max-height: 500px;}
.tableScroll .bbsList {border-top: 0;}
.tableScroll .bbsList thead th {position: sticky; top: 0;  z-index: 10;}
.tableScroll .bbsList thead th:before,
.tableScroll .bbsList thead th:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #4e73df;}
.tableScroll.mx_Hight {max-height: 820px;height: 100%;min-height: 411px;}

/* table-scrollX */
.tableScrollX {overflow-x: auto; max-height: 276px; height: 100%;}
.tableScrollX > table {width: auto !important; table-layout: fixed; white-space: nowrap;}
.tableScrollX .bbsList {border-top: 0;}
.tableScrollX .bbsList thead th {position: sticky; top: 0;  z-index: 10;}
.tableScrollX .bbsList thead th:before,
.tableScrollX .bbsList thead th:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #4e73df;}
.tableScrollX.mx_Hight {max-height: 820px; height: 100%;}

.textarea p {display: inline-block; font-weight: 600; color: #4e73df; padding: 10px 8px; vertical-align: middle;}
.txt_point {font-weight: 600; color: #4e73df; padding: 10px 8px;}

/* table tab */
.tb_tab {font-size: 0; margin-left: -5px; margin-bottom: 10px;}
.tb_tab > li {display: inline-block; margin: 5px; font-size: 1rem;}
.tb_tab > li > a {display: block; padding: 8px 20px; border: 1px solid #ededed; transition: all .3s;}
.tb_tab > li.on > a {border: 1px solid #4e73df; background-color: #4e73df; color: #fff; box-shadow: 3px 3px 3px rgba(78, 115, 223, .2);}
.tb_tab > li:hover > a {border: 1px solid #4e73df; box-shadow: 3px 3px 3px rgba(78, 115, 223, .2);}

/* table */
.bbsList {position: relative; width: 100%; border-top: 2px solid #4e73df;}
.bbsList th {position: relative; border-bottom: 1px solid #ededed; background: #F8F9FC; color: #4e73df; text-align: center; padding: 10px 8px; font-weight: 600;}
.bbsList td {border-bottom: 1px solid #ededed; padding: 10px 8px; text-align: center; vertical-align: middle; color: #666;}
.bbsList td.subject {text-align: left;}
.bbsList td.subtitle {padding-left: 1rem;}
.bbsList td.link_tit a {background: url(/images/icon_link.svg) no-repeat right 50%; background-size: 14px auto; padding-right: 18px;}
.bbsList tr.total {background-color: rgba(78, 115, 223, .1);}
.bbsList tr.total td {font-weight: 800;}
.bbsList td.total {background-color: rgba(78, 115, 223, .1); font-weight: 800;}
.bbsBorder td {border-left: 1px solid #ededed;}
.bbsBorder td:last-child {border-right: 1px solid #ededed;}

.state_btn {display: inline-block; width: 20px; height: 22px; background: url(/images/state_btn.png) no-repeat 50% 50%; background-size: 20px auto; vertical-align: middle;}
/* table view */
.bbsView {width: 100%; table-layout: fixed; border-top: 1px solid #ededed;}
.bbsView th {border-top: 0; border-bottom: 1px solid #ededed; background: #e2e9f9; text-align: center; padding: 10px 15px; font-weight: 500; vertical-align: middle; color: #333;}
th.required:after {content: '*'; color: #E74A3B; margin-left: 2px;}
.bbsView td {border-top: 0; border-bottom: 1px solid #ededed; padding: 10px 15px; text-align: left; color: #666;}
.bbsView .td_tit {background: #F8F9FC;}
.bbsView .td_tit span {margin: 0 4px; font-weight: 600; color: #858796;}
.bbsView .checkbox {margin: 0 4px;}
.bbsView .radio {margin-right: 20px;}
.bbsView .btn {margin: 0 4px;}
/* .bbsView .total {margin-top: 10px;} */

.bbsView .bbsList td {text-align: center;}

.table_cont {margin-top: 30px;}
.table_cont:after {content: ''; clear: both; display: block;}
.table_cont .dataTables_bottom {margin-top: 10px;}
.table_cont .left_wrap {width: 56%;}
.table_cont .right_wrap {width: 40%;}
.table_cont .searchBar {display: block; margin-bottom: 20px; text-align: center; padding: 15px 20px; border: 1px solid #ededed;}
.table_cont .searchBar span {position: relative; padding-right: 20px; vertical-align: middle;}
.table_cont .searchBar span:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -9px; margin-left: 10px; margin-right: 10px; background: #CED4DA;}

.desc_box {display: block; border: 1px solid #ededed;}
.desc_tit {background-color: #F8F9FC; display: block; text-align: center; padding: 10px 0; color: #4e73df; font-weight: 800;}
.desc_list {padding: 20px;}
.desc_list > li {position: relative; line-height: 1.6; padding-left: 10px; margin-top: 4px; color: #888;}
.desc_list > li:before {content:''; display: block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius:50%; background:#333;}
.desc_list > li strong {width: 140px; display: inline-block;}
.desc_list > li span {color: #333;}

.descTb {width: 100%; border-top: 1px solid #ededed;}
.descTb th {padding: 8px 10px; border-bottom: 1px solid #ededed; border-right: 1px solid #ededed; font-weight: 500; font-size:13px; text-align: center;}
.descTb tr:last-child th,
.descTb tr:last-child td{border-bottom: 0;}
.descTb td {padding: 8px 10px; border-bottom: 1px solid #ededed; color: #6c757d; font-size: 13px;}

/* table filter */
.dropdown_toggle {position: absolute; bottom: 6px; right: 6px; display: block; width: 18px; height: 18px; background: #CED4DA; padding: 0 4px; border-radius: 4px; color: #fff;}
.dropdown_toggle > i {vertical-align: top;}
.dropdown_toggle.on {background: #4e73df;}
.filter_box {position: absolute; top: 100%; right: -160px; z-index: 500; width: 240px; padding: 10px 0px; text-align: left; background: #fff; border-radius: 4px; border: 1px solid #ededed; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.08);}
.filter_desc li {padding: 6px 20px;}
.filter_desc li:hover {background: #F8F9FC;}
.filter_desc li:hover .filter_btn {color: #333;}
.filter_desc .filter_btn {background: transparent; font-weight: 500; color: #6c757d;}
.filter_desc .filter_btn > i {color: #4e73df; margin-right: 10px;}
.filter_box .searchBar {position: relative; padding: 10px 10px 0; overflow: hidden; border: 0 !important;}
.filter_box .searchBar:after {content: ''; position: absolute;top: 50%; right: 20px; margin-top: -5px; display: block; width: 20px; height: 20px; background: url("../images/icon_search.svg") no-repeat 50% 50%; background-size: cover;}
.filter_box .searchBar input {padding-right: 35px;}
.filter_box .filter_list {padding: 10px 10px; border: 1px solid #ededed; border-radius: 4px; margin: 0 10px; width: auto; max-height: 138px; overflow: auto;}

.filter_box .filter_list > li {color: #333; font-weight: 400; padding: 6px 0;}
.filter_box .filter_list .checkbox label {word-break: break-all;}
.filter_box .btn_wrap {margin-top: 20px;}

.bbsList th:last-child .filter_box {right: 0;}
.bbsList .filterBox.last-filter .filter_box {right: 0;}

/* input filter */
.filter_form {position: relative; display: inline-block;}
.filter_form .filter_box {left: 0;}

/* 검색필터 */
.srch_detail {margin-top: 20px; padding-right: 580px;}
.srchTable {width: 100%; border-top: 1px solid #ededed;}
.srchTable th {border-top: 0; border-bottom: 1px solid #ededed; background: #f8f9fc; padding: 8px 20px; font-size: 14px; vertical-align: middle;}
.srchTable td {border-top: 0; border-bottom: 1px solid #ededed; padding: 8px 10px; font-size: 13px;}
.srchTable .checkbox {margin: 0 4px;}
.srchTable .radio {margin-right: 20px;}
.srchTable .btn {margin: 0 4px;}
.srchTable .title {background-color: #E2E9F9; font-weight: 800; color: #4e73df;}

/* 날짜 */
.data_form {display: inline-block;}
.date_btn {display: inline-block;  z-index: 10; width: 34px !important; height: 34px; background: url(/images/icon_calendar.svg) no-repeat 50% 50%; background-size: 16px; vertical-align: middle; border: 1px solid #CED4DA; border-radius: 4px;}

.more_btn {background: #F8F9FC; border: 1px solid #CED4DA; border-radius: 4px; padding: 2px 6px; color: #666; font-weight: 500; vertical-align: middle; color: #333;}

.total {margin-right: 10px;}
.total > strong {color: #4F73DF; font-weight: 800;}
.dataTables_top {margin-bottom: 20px;}
.dataTables_filter:after {content: ''; display: block; clear: both;}
.dataTables_left {float: left;}
.dataTables_right {float: right;}
.dataTables_filter label {white-space: nowrap; text-align: left; display: inline-block; margin-right: 20px;}
.dataTables_filter input,
.dataTables_filter button,
.dataTables_filter select,
.dataTables_filter a {display: inline-block; width: auto; vertical-align: middle;}
.dataTables_filter span {margin: 0 4px;}
.dataTables_filter strong {vertical-align: middle; font-weight: 800; margin-right: 20px;}

.dataTables_bottom {margin-top: 20px; text-align: center;}
.dataTables_bottom:after {content: ''; display: block; clear: both;}
/* .dataTables_bottom .btn_wrap {float: right;} */
/* .dataTables_bottom .btn_wrap_center {float: none;} */

.searchBar {display: block; margin-bottom: 20px;}
.searchBar:last-child {margin-bottom: 0;}

/* pagination */
.pagination {display: inline-block; font-size: 0; vertical-align: top;}
.page_control_next, .page_control_prev {display: inline-block; vertical-align: top;}
.page_number.first, .page_number.prev, .page_number.next, .page_number.last {opacity: .5; min-width:32px; background-repeat: no-repeat; background-size: 38px auto; background-position: 50% 50%;}
.page_number.first {background-image: url(/images/icon_bbs_first.svg);}
.page_number.prev {background-image: url(/images/icon_bbs_prev.svg);}
.page_number.next {background-image: url(/images/icon_bbs_next.svg);}
.page_number.last {background-image: url(/images/icon_bbs_last.svg);}
.pagination .page_number {display: inline-block; min-width: 32px; height: 32px; line-height: 30px; padding: 0 0; margin: 3px; font-weight: 400; font-size: 15px; color: #6c757d; vertical-align: top; text-align: center; border: 1px solid #CED4DA; border-radius: 4px; transition: all .15s; }
.pagination .page_number.active,
.pagination .page_number:hover {color: #4e73df; border-color: #4e73df;}

.state_list {font-size: 0;}
.state_list li {display: inline-block; margin-right: 15px; font-size: 15px;}
.state_list .state {margin-right: 4px}
.state_list span {vertical-align: middle;}
.state {display: inline-block; width: 16px; height: 16px; background: #6c757d; border-radius: .25rem; vertical-align: middle;}
.state1 {background: #36B9CC;}
.state2 {background: #F6C23E;}
.state3 {background: #4e73df;}
.state4 {background: #6c757d;}
.state5 {background: #70AD47;}
.state6 {background: #FF0000;}
.state7 {background: rgba(231, 74, 59, .3);}
.state8 {background: rgba(112, 173, 71, .3);}
.state9 {background: rgba(255, 255, 0, .1);}
.state10 {background: #ffffff; border: 1px solid #858796;}
.state11 {background: rgba(255, 0, 0, .5);}

/* table tr color */
.tb_state01 {background: rgba(231, 74, 59, .1);}
.tb_state02 {background: rgba(112, 173, 71, .1);}
.tb_state03 {background: rgba(255, 255, 0, .1);}
.tb_state04 {background: rgba(255, 0, 0, .2);}

.state_box {display: inline-block; padding: 6px 10px; border-radius: 4px; color: #fff; vertical-align: middle; font-size: 14px;}

/* 자산리스트 > 자산 일괄 변경 */
.assets_list {font-size: 0;}
.assets_list li {display: inline-block; width: 25%; font-size: 15px; margin-bottom: 10px;}
.assets_list .assets_box {display: inline-block; width: 48%; margin-right: 10px; font-size: 15px; vertical-align: top;  border: 1px solid #ededed;}
.assets_box > strong {display: block; position: relative; padding: 10px 15px; text-align: center; font-weight: 600; color: #666; background: #ededed; background: #F8F9FC;}
.assets_box > p { padding: 10px 15px; text-align: center; color: #6c757d;}
.assets_list .assets_box:last-child {border-color: #4F73DF;}
.assets_list .assets_box:last-child > strong {color: #4F73DF;}
.assets_list .assets_box:last-child > p {color: #333;}

/* layerpopup */
.layer_pop_wrap {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,.6); display: none;}
.layer_pop_box {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 500; width: 90%; max-width: 1200px; max-height: 810px; background: #fff; border-radius: 4px;}
.layer_pop_box .layer_close {position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 45px; height: 45px; background: #fff url(/images/icon_close.svg) no-repeat 50% 50%; background-size: 16px auto; border-width: 0 0 1px 1px; border: 1px solid #CED4DA; border-radius: 0 4px 0 0;}
.layer_pop_box .layer_close_dup {position: absolute; top: 0; right: 0; z-index: 10; display: block; width: 45px; height: 45px; background: #fff url(/images/icon_close.svg) no-repeat 50% 50%; background-size: 16px auto; border-width: 0 0 1px 1px; border: 1px solid #CED4DA; border-radius: 0 4px 0 0;}
.layer_pop_box .layer_print {position: absolute; top: 0; right: 44px; z-index: 10; display: block; width: 45px; height: 45px; background: #fff url(/images/icon_print.svg) no-repeat 50% 50%; background-size: 20px auto; border-width: 0 0 1px 1px; border: 1px solid #CED4DA; border-radius: 0;}
.layer_pop_box .layer_pop_header {position: fixed; width: 100%; padding: 10px 20px; background: #F8F9FC; border-bottom: 1px solid #ededed; border-radius: 4px 4px 0 0;}
.layer_pop_header > h3 {font-size: 16px; font-weight: 500; color: #4e73df;}
.layer_pop_body {padding: 20px; margin-top: 45px; max-height: 765px; overflow-x: hidden; overflow-y: auto;}
/* .pop_subtit > h4 {font-weight: 600;} */
.layer_pop_body .searchBar {display: block; margin-bottom: 20px; text-align: center; padding: 15px 20px; border: 1px solid #ededed;}
.layer_pop_body .searchBar span {position: relative; padding-right: 20px; vertical-align: middle;}
.layer_pop_body .searchBar span:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -9px; margin-left: 10px; margin-right: 10px; background: #CED4DA;}
.layer_pop_body .cont_box {display: block; margin-bottom: 20px;}
.layer_pop_body .bbsView th {width: 20%;}
.layer_pop_box .btn_wrap {overflow: hidden; text-align: center; margin-top: 20px;}
.pop_body_min {min-height: 500px;}

/* 퇴사알림 layer */
.layer_pop_body2 {padding: 20px; margin-top: 45px; max-height: 765px; overflow-x: hidden; overflow-y: auto;}
.layer_pop_body2 .searchBar {display: block; margin-bottom: 20px; text-align: center; padding: 15px 20px; border: 1px solid #ededed;}
.layer_pop_body2 .searchBar span {position: relative; padding-right: 20px; vertical-align: middle;}
.layer_pop_body2 .searchBar span:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -9px; margin-left: 10px; margin-right: 10px; background: #CED4DA;}
.layer_pop_body2 .cont_box {display: block; margin-bottom: 20px;}
.layer_pop_body2 .bbsView th {width: 20%;}

/* faq */
.faqList li {background: #fff; display: block; margin-bottom: 10px;}
.faqList .faq_title {position: relative; padding: 20px 40px 20px 20px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; cursor: pointer;}
/*.faqList .faq_title:before {content: '공지'; display: block; position: absolute; top: 14px; left: 20px; width: 36px; height: 36px; border-radius: 50%; background: #6c757d; text-align: center; color: #fff; line-height: 36px;}*/
.faqList .faq_title p {font-weight: 800; font-size: 18px;}
.faqList .faq_title .icon_arrow {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #858796; display: block; width: 16px; height: 16px; background: url(/images/icon_bbs_down.svg) no-repeat 50% 50%; background-size: 16px auto; opacity: .4;}
.faqList .faq_content {display: none; position: relative; padding: 20px 40px 20px 70px; background: #F8F9FC; color: #666;}
/*.faqList .faq_content:before {content: '내용'; display: block; position: absolute; top: 14px; left:20px; width: 36px; height: 36px; border-radius: 50%; background: #4F73DF; text-align: center; color: #fff; line-height: 36px;}*/
/* .faqList .active .faq_content {display: block;} */
.faqList .active .faq_title .icon_arrow {background: url(/images/icon_bbs_up.svg) no-repeat 50% 50%; background-size: 16px auto; opacity: 1;}

/*bbsList Ul*/
.bbsUlList{display: table; width: 100%; table-layout: fixed;}
.bbsUlList > li{display: table-row; padding: 30px 0;}
.bbsUlList > li > *{display: table-cell; border-bottom:1px solid #ddd; -webkit-transition: border .3s; -moz-transition: border .3s; -ms-transition: border .3s; -o-transition: border .3s; transition: border .3s;}
.bbsUlList > li .time{width: 132px; text-align: center; vertical-align: middle;}
.bbsUlList > li .time span{display: block;}
.bbsUlList > li .time .day{display: block; line-height: 1; font-size: 40px; letter-spacing: -0.01em; font-weight: 400; color: #ddd; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.bbsUlList > li .time .ym_data{display: block; line-height: 1; padding-top: 2px; font-weight: 400; color: #ddd; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.bbsUlList > li .subject{padding: 34px 24px 36px;}
.bbsUlList > li .subject span{font-size: 18px; font-weight: 600; line-height:1.5; vertical-align: middle;}
.bbsUlList > li .more{width: 60px; padding-right: 10px; text-align: right; vertical-align: middle;}
.bbsUlList > li .more a{display: inline-block; position: relative; width: 47px; height: 47px; vertical-align: middle;}
.bbsUlList > li .more a:before,
.bbsUlList > li .more a:after{content:""; display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bbsUlList > li .more a:before{opacity: .4; z-index:5; background:url(/images/icon_bbs_next.svg) no-repeat 50% 50%; background-size:52px auto;}
.bbsUlList > li .more a:after{border:2px solid #ddd; border-radius:50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.bbsUlList > li:hover > *{border-bottom-color:#4F73DF;}
.bbsUlList > li:hover .time .day,
.bbsUlList > li:hover .time .ym_data{color: #4F73DF;}
.bbsUlList .content {display: none; position: relative; padding:1.625rem 74px; background: #F8F9FC; color: #666;}

/* process */
.process_wrap {text-align: center;}
.process_list {display: block; font-size: 0;}
.process_list li {position: relative; display: inline-block; font-size: 15px; color: #6c757d;}
.process_list li:before {content: ''; display: block; width: 18px; height: 18px; border: 1px solid #CED4DA; margin: 0 auto 4px; border-radius: 50%; background: #fff;}
.process_list li:after {content: ''; width: 100%; border-top: 1px dashed #CED4DA; position: absolute; top: 8px; left: -50%; z-index: -1;}
.process_list li:first-child:after {content: none;}
.process_list li.on:before {background: #4e73df; border-color: #4e73df;}
.process_list li.on span {color: #4e73df;}
.process_list li.on2:before {background: #E75B6F; border-color: #E75B6F;}
.process_list li.on2 span {color: #E75B6F;}
.process_list li.on3:before {background: #70AD47; border-color: #70AD47;}
.process_list li.on3 span {color: #70AD47;}
.process_list li.end:before {background: #CED4DA;}
.process_list li.end span {color: #333;}

.process_list.step3 li {width: 30%;}

/* process2 - 2022.06.20 추가 */
.process_wrap .state_list {text-align: right; padding-bottom: 10px;}
.process_list2 {font-size: 0; margin: 0 -15px;}
.process_list2 li {position: relative; display: inline-block; width: calc(20% - 30px); margin: 0 15px; font-size: 1rem; text-align: left; padding: 20px 20px; border-radius: 3px; background: #F8F9FC;}
.process_list2 li:after {content: ''; position: absolute; top: 50%; right: -18px; display: block; width: 10px; height: 10px; border: 1px solid #858796; border-width: 3px 3px 0 0; transform: rotate(45deg);}
.process_list2 li:last-child:after {content: none;}
.process_list2 .user_info {overflow: hidden;}
.process_list2 .user_info div {display: inline-block;}
/* .process_list2 .user_info .info_box {width: 100%;} */
.process_list2 .info_box .date {color: #858796; margin-top: 4px;}
.process_state_box {font-size: 16px; font-weight: 800;}
.process_state {display: inline-block; padding: 0 7px; text-align: center; color: #fff; border-radius: 3px; margin-right: 5px;}
.pro_state1 {background-color: #4e73df;}
.pro_state2 {background-color: #858796;}
.pro_state3 {background-color: #E74A3B;}
.process_list2 .info_box .info_name {display: block; font-size: 16px; font-weight: 800; margin-top: 20px; color: #6c757d;}

/* 경고 */
.warning_box {text-align: center; padding: 20px 0;}
.warning_box span {font-size: 20px; font-weight: 800;}
.warning_box span i {color: #F6C23E; margin: 0 5px;}
.warning_box p {color: #6c757d; margin-top: 20px;}

.underline {text-decoration: underline;}
.textUnderline:hover {text-decoration: underline;}

.rentalDate_box {display: inline-block; position: relative;}
.rentalDate {display: inline-block; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); min-width: 200px; height: 40px; background-color: #fff5dd;}
.rentalDate > span {align-content: center; line-height: 40px; vertical-align: middle; color: #ff7f7f; white-space: nowrap;}

/* no-js */
.no-js {display: none;}

/* summernote ul, ol 재정의 */
.note-editable ul{
    list-style: disc !important;
    list-style-position: inside !important;
}

.note-editable ol {
    list-style: decimal !important;
    list-style-position: inside !important;
}
/* **************************************** *
 * 767px
 * **************************************** */
@media (max-width: 767px) {
    #content {padding: 20px 20px;}
    #content.menu_toggle {padding-top: 60px; width: 100%; margin-left: 0; min-width: 320px;}
    .side_toggle #content.menu_toggle {width: calc(100% - 250px); margin-left: 250px;}
    .side_toggle #wrapper {overflow-x: hidden;}

    .divider_body .btn{margin: 2px 0;}
    .btn_wrap .btn {margin: 2px 0;}

    .dataTables_filter .dataTables_left,
    .dataTables_filter .dataTables_right {float: none;}
    .dataTables_filter strong {display: none;}
    .dataTables_filter .checkbox {margin-right: -11px;}

    .designEmail input {width: 100%;}
    .designTel select {width: 68px;}

    .divider-col {display: block;}

    .divider-col .col-3 {width: 100%;}

    /* state */
    .state_list {display: flex; margin-bottom: 20px;}
    .state_list li {font-size: 13px;}
    .state_list span {margin: 0; white-space: nowrap;}

    /* table */
    .bbsList th,
    .bbsList td {white-space: nowrap;}

    .bbsView,
    .bbsView tbody,
    .bbsView tr,
    .bbsView th,
    .bbsView td {display: block;}
    .bbsView td {padding: 10px 0;}

    .table_responsive {overflow-x: auto;}

    .dropdown_toggle {display: none;}

    .tableCenter {table-layout: auto;}
    .tableCenter,
    .tableCenter tbody,
    .tableCenter tr,
    .tableCenter th,
    .tableCenter td {display: revert;}
    .tableCenter th {white-space: nowrap; width: 10%;}
    .tableCenter td {white-space: nowrap;}

    .table_cont .searchBar {padding: 15px 10px;}
    .table_cont .searchBar span {display: block; padding: 0; margin-bottom: 10px;}
    .table_cont .searchBar span:after {content: none;}

    .table_cont .left_wrap {float: none; width: 100%;}
    .table_cont .right_wrap {float: none; width: 100%; margin-top: 20px;}

    .desc_list > li strong {width: auto; margin-right: 10px;}
    .descTb,
    .descTb tr,
    .descTb th,
    .descTb td {display: block;}

    .descTb th {border-right: 0; border-bottom: 1px dashed #ededed;}
    .descTb tr:last-child th {border-bottom: 1px dashed #ededed;}

    .form_list li {width: 100%;}

    .srchTable,
    .srchTable tbody,
    .srchTable tr,
    .srchTable th,
    .srchTable td {display: block;}
    .srchTable select {width: 100%;}
    .srchTable td {padding: 8px 0;}

    /* pagination */
    .pagination .page_number {min-width: 26px; height: 26px; line-height: 24px; font-size: 13px;}

    /* 자산리스트 > 자산 일괄 변경 */
    .assets_list li {width: 50%;}
    .assets_list .assets_box {margin-right: 5px; min-height: 110px;}

    /* process2 - 2022.06.20 추가 */
    .process_list2 {margin: 0;}
    .process_list2 li {display: block; width: 100%; margin: 0; margin-bottom: 30px; padding: 15px;}
    .process_list2 li:after {top: auto; bottom: -18px; right: auto; left: 50%; margin-left: -5px; transform: rotate(135deg);}
    /* layerpopup */
    .layer_pop_body .bbsView th {width: 100%;}
    .layer_pop_body .searchBar {padding: 15px 10px;}
    .layer_pop_body .searchBar span {display: block; padding: 0; margin-bottom: 10px;}
    .layer_pop_body .searchBar span:after {content: none;}

    .btn_detail {display: none !important;}

    .desc_list > li strong {width: auto; margin-right: 10px;}
    .descTb,
    .descTb tr,
    .descTb th,
    .descTb td {display: block;}

    .descTb th {border-right: 0; border-bottom: 1px dashed #ededed;}
    .descTb tr:last-child th {border-bottom: 1px dashed #ededed;}
}