@charset "UTF-8"; 

/* 서브 타이틀 */
.sub_title {border-bottom:1px solid #202020; height:31px; color:#202020; margin-bottom:14px;}
.sub_title span {font-size:16px; letter-spacing: -0.7px;}
.sub_title span.title {display:inline-block; max-width:100%; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; word-break:break-all;}
.sub_title.view_gap {margin-bottom:37px;}
.sub_title.slogan_title {margin-bottom:30px;}

.sub_title_01 {position: relative; padding-left: 10px; margin: 20px 0;}/* 추가 : 2020-05-12 */
.sub_title_01:before {position: absolute; left: 0; top: 6px; display: block; content: ''; width: 5px; height: 5px; background-color: #202020; border-radius: 50%;}/* 추가 : 2020-05-12 */

.sub_title_02 {position:relative; height:24px; color:#333;}
.sub_title_02 span.title {display:inline-block; max-width:100%; height:23px; line-height:18px; padding-right:5px; font-size:14px; letter-spacing: -0.7px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; word-break:break-all;}
.sub_title_02 span.title.board_open, .sub_title_02 span.title.board_close {cursor: pointer;}
.sub_title_02 span.title.board_open:after {content:''; display:inline-block; width:10px; height:6px; margin-left:13px; background: url('/admin/img/sp_common.png') no-repeat -194px -50px; vertical-align:1px;}
.sub_title_02 span.title.board_close:after {content:''; display:inline-block; width:10px; height:6px; margin-left:13px; background: url('/admin/img/sp_common.png') no-repeat -212px -50px; vertical-align:2px;}
.sub_title_02 span.title.line {border-bottom:1px solid #202020;}

.sub_title_03 {margin: 30px 0 9px;}/* 추가 : 2020-04-13 */

/* paginate */
.paginate_area {position:absolute; bottom:0; width:calc(100% - 260px); height:58px; padding:14px 0; text-align:center; border-top:1px solid #e3e3e3; box-sizing: border-box; background-color:#fff; z-index:999;}/* 넓이값 수정 : 2018-12-10 이연주 */
.paginate_area .paginate_box {display:inline-block; vertical-align: top;}
.popup_layer .paginate_area {width:calc(100% - 60px);}
.paginate_area a {width:24px; height:24px; line-height:22px; float:left; border-left:0 none; font-size:12px; color:#666; box-sizing: border-box; border: 1px solid #fff; border-radius: 2px; margin: 0 2px;}

.paginate_area a:hover {border-color: #c6c6c6;}
.paginate_area a.btn_first, .paginate_area a.btn_pre, .paginate_area a.btn_next, .paginate_area a.btn_last {font-size:0;}
.paginate_area a.btn_first:before {content:''; display:inline-block; width:12px; height:12px; background: url('/admin/img/sp_common.png') no-repeat -70px -48px; vertical-align:-7px;}
.paginate_area a.btn_pre:before {content:''; display:inline-block; width:12px; height:12px; background: url('/admin/img/sp_common.png') no-repeat -88px -48px; vertical-align:-7px;}
.paginate_area a.btn_last:before {content:''; display:inline-block; width:12px; height:12px; background: url('/admin/img/sp_common.png') no-repeat -119px -48px; vertical-align:-7px;}
.paginate_area a.btn_next:before {content:''; display:inline-block; width:12px; height:12px; background: url('/admin/img/sp_common.png') no-repeat -102px -48px; vertical-align:-7px;}
.paginate_area a.current {border: 1px solid #474747; color:#202020; font-weight: bold;}

.paginate_area a.disabled {opacity: 0.3; cursor: default;}
.paginate_area a.disabled:hover {border-color: #fff;}

.paginate_area .board_num {position:absolute; top:10px; right:2px; width:73px; text-align:left;}
/* .paginate_area .board_num .select_group ul {max-height:90px; margin-top:26px;}
.paginate_area .board_num .select_group .passiveSelect, .paginate_area .board_num .select_group .activeSelect {height:26px; line-height:25px;} */
.content_section.tree_out .paginate_area {width:calc(100% - 0px);}

/* 페이지 입력 UI 추가 180706 김민우 */
.paginate_area .page_num {display: inline-block; height: 24px; line-height: 24px; padding-left: 20px; margin-left: 20px; background: url('/admin/img/divider.png') left 50% no-repeat;}
.paginate_area .page_num input[type="text"] {display: inline-block; width: 40px; height: 24px; padding: 0 6px; border: 1px solid #c6c6c6; text-align: right; font-weight: bold; vertical-align: top;}

/* 게시판 목록 상단 버튼 */
.list_btn_area {position:relative; float:left; height:38px; margin:20px 0 0;}
.left_btn {float:left; padding-right:11px;}
.left_btn a {display:inline-block; height:26px; line-height:26px; margin-right:1px; padding:0 10px; border:1px solid #b4b4b4; border-radius:2px 2px; background-color:#fff; color:#111; font-size:12px; text-align:center; vertical-align: middle;}
.left_btn a:hover {background-color:#f6f6f6;}
.left_btn a:active {border:1px solid #808080; background-color:#fff;}
.left_btn a.btn_save {border:1px solid #606060; background-color:#606060; color:#fff;}
.left_btn a.btn_save:hover {border:1px solid #999; background-color:#999;}
.left_btn a.btn_save:active {border:1px solid #333; background-color:#333;}
.left_btn a.disabled:not(.btn_save) {border-color: #c2c2c2; color: #969696;}
.left_btn a.disabled:not(.btn_save):hover {background-color: #fff;}
.left_btn a.disabled:not(.btn_save):active {border-color: #c2c2c2;}
.left_btn a.btn_save.disabled, .left_btn a.btn_save.disabled:hover, .left_btn a.btn_save.disabled:active {background-color: #ccc; border-color: #ccc;}
.left_btn .txt {display:inline-block; height:28px; line-height:28px; font-size:14px; font-weight:bold; color:#333;}
.left_btn .btn_date_down {display:inline-block;}
.left_btn .btn_date_down:before {content:''; display:inline-block; width:1px; height:11px; margin:0 6px 0 5px; background-color:#ccc; vertical-align:-3px;}
.left_btn .text_update {display:inline-block; vertical-align:-2px;}
.left_btn .text_update:before {content:''; display:inline-block; width:1px; height:11px; margin:0 8px 0 5px; background-color:#ccc; vertical-align:-2px;}
.left_btn .select_group .passiveSelect, .left_btn .select_group .activeSelect {height:26px; line-height:24px;}
.list_btn_area .select_group ul {margin-top:26px;}
.list_btn_area .selectbox {display: inline-block;}/* 수정 : 2020-03-05 이연주 */
/* .list_btn_area .selectbox .ui-widget.ui-widget-content {width: auto !important; min-width: 120px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_btn_area .selectbox .ui-menu .ui-menu-item-wrapper {width: auto !important; min-width: 120px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_btn_area .selectbox .ui-selectmenu-button.ui-button {width: 100px !important;} jquery-select 공통 css 수정에 따른 주석처리 : 2020-03-05 이연주 */
.list_btn_area .group {display:inline-block;}/* 추가 : 2020-03-10 이연주 */
.list_btn_area .group > span:not(.selectbox) {display:inline-block; line-height: 28px; vertical-align: top;}/* 추가 : 2020-03-10 이연주 */

.board_view.scroll_area_tab .view_table.multi .list_btn_area {margin-top: 0;}/* 추가 : 2019-04-11 이연주 *//* 선택자 수정 : 2019-04-22 이연주 */
.board_view.scroll_area_tab .view_table.multi .sub_title_02 + .list_btn_area {margin-top: 8px;}/* 추가 : 2019-04-22 이연주 */

/* 버튼묶음 스타일 추가 : 2019-02-12 이연주 */
.left_btn.group {overflow: hidden;}
.left_btn.group a {margin: 0 0 0 -1px; padding: 0 8px; border-radius: 0; float: left;}
.left_btn.group a:first-child {border-radius: 2px 0 0 2px; margin-left: 0; padding-left: 10px;}
.left_btn.group a:last-child {border-radius: 0 2px 2px 0; padding-right: 10px;}
.left_btn.group a:hover {position: relative; z-index: 2;}

/* 우측 버튼 */
.list_btn_area.align_rg {position:absolute; right:0;}
.util_right.right_btn {margin-top:-32px; position: relative;}/* 타이틀에 가려져서 커서포인터가 변하지 않는 이슈로 포지션값 추가 : 2018-11-27 이연주 */
.right_btn {float:right; padding-right:11px;}
.right_btn a {display:inline-block; height:26px; line-height:24px; margin-right:1px; padding:0 10px; border:1px solid #b4b4b4; border-radius:2px 2px; background-color:#fff; color:#111; font-size:12px; text-align:center; vertical-align: middle;}
.right_btn a:hover {background-color:#f6f6f6;}
.right_btn a:active {border:1px solid #808080; background-color:#fff;}
.right_btn a.btn_save {border:1px solid #606060; background-color:#606060; color:#fff;}
.right_btn a.btn_save:hover {border:1px solid #999; background-color:#999;}
.right_btn a.btn_save:active {border:1px solid #333; background-color:#333;}
.right_btn .txt {display:inline-block; height:28px; line-height:28px; font-size:14px; font-weight:bold; color:#333;}
.right_btn .btn_date_down {display:inline-block;}
.right_btn .btn_date_down:before {content:''; display:inline-block; width:1px; height:11px; margin:0 6px 0 5px; background-color:#ccc; vertical-align:-3px;}
.right_btn .text_update {display:inline-block; vertical-align:-2px;}
.right_btn .text_update:before {content:''; display:inline-block; width:1px; height:11px; margin:0 8px 0 5px; background-color:#ccc; vertical-align:-2px;}
.right_btn .select_group .passiveSelect, .right_btn .select_group .activeSelect {height:26px; line-height:24px;}
.right_btn .select_group ul {margin-top:26px;}

.list_btn_area.none {float:none; height:28px; margin:0; padding-top:20px;}

.list_filter_area {position:relative; display:inline-block; margin:4px 11px 0 2px;}
.list_filter_area a.btn_list_filter {position:relative; display:block; color:#666; padding-right:13px;}
.list_filter_area a.btn_list_filter:after {content:''; position:absolute; top:50%; right:0; width:7px; height:4px; margin-top:-2px; background: url('/admin/img/sp_common.png') no-repeat -277px -30px;}
.list_filter_area a.btn_list_filter.on:after {background: url('/admin/img/sp_common.png') no-repeat -277px -43px;}
.list_filter_area.only {margin-right:3px;}
.list_filter_area.only a.btn_list_filter:after {background-position: -276px -26px;}
.list_filter_area .list_filter_box {position:absolute; left:-2px; margin-top:16px; min-width:93px; border:1px solid #000; background-color:#fff; z-index: 99;}
.list_filter_area .list_filter_box ul li a {display:block; height:27px; line-height:26px; color:#666; padding:0 20px 0 26px; white-space:nowrap;}
.list_filter_area .list_filter_box ul li a:hover {background-color:#f0fefb;}
.list_filter_area .list_filter_box ul li a.on {background: #f0fefb url('/admin/img/sp_common.png') no-repeat -280px -79px;}

/* 목록 상단 검색 영역 */
.list_btn_area .right_srch {float:right;}
.list_srch_box {display:block; height:28px; padding:0; border:1px solid #c2c2c2; border-radius:2px 2px; background-color:#fff;}
.list_srch_box .checkbox {margin: 4px 0 0 7px;}
.list_srch_box .checkbox:after {position: absolute; top: 2px; right: -3px; display: block; content: ''; width: 1px; height: 14px; background-color: #e2e2e2;}
.list_srch_box .selectbox {display: inline-block; min-width: 80px;}
.list_srch_box .input_group {display: inline-block; padding:0 36px 0 0; border:0 none; vertical-align: top;}
.list_srch_box .input_group input.form_control {width:190px; height:28px; line-height:28px;}
.list_srch_box .input_group a.btn_srch {}
.list_srch_box a.btn_srch_detail {display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; vertical-align: top; border-left: 1px solid #c2c2c2;}
/* 상세 검색 영역 */
.cont_srch_area {position:absolute; right:0; width:100%; min-height:38px; margin-top:20px;}
.no_tab .cont_srch_area {margin-top:10px;}
.cont_srch_area.open {position:relative; height:auto; padding:38px 0 10px;}
.cont_srch_area .right_srch {position:absolute; right:0; top:0;}
.detail_srch_wrap {display: none;}
.detail_srch_wrap .radio_list li {padding-right:15px;}
.open .detail_srch_wrap {display: block; background: #f7f7f7; padding: 14px;}
.detail_srch {position:relative; width:100%; table-layout: fixed;}
.detail_srch th, .detail_srch td {padding:6px;}
.detail_srch th {vertical-align: top;}
.detail_srch th .input_group input.form_control, .detail_srch td .input_group input.form_control {height:26px;}
.detail_srch td .selectbox .ui-button:hover {background-color: #fff;}
.detail_srch td .selectbox:only-child {margin: 0;}
.detail_srch .thead {}
.detail_srch th .thead {padding: 5px 0 0 30px;}/* 패딩값 수정 : 2020-03-05 이연주 */
.detail_srch th:first-child .thead {padding-left:0;}
.detail_srch .division_area .division_box .token-input {background: #fff; width: calc(100% - 53px);}
.detail_btn_area {float:right;}
a.text_btn {margin-right:10px; text-decoration: underline; line-height:1.8;}
/* 자동완성 영역 추가 */
.detail_srch .division_area .division_box ul.token-input-list {min-height: inherit; padding: 0;}
.detail_srch .division_area, .detail_srch .manager_add_group {width: 100%;}

/* 게시판 상세 하단 버튼 */
/* 2018-04-13 하단 버튼 스타일변경. by 황정화 */
.view_btn_area {position:relative; height:28px; padding:15px 0; border-top:1px solid #ccc; background:#fff; text-align:right;}
.view_btn_area a {display:inline-block; width:auto; height:26px; line-height:26px; border-radius:2px 2px; color:#fff; font-size:12px; padding:0 10px;}
.view_btn_area a.btn {margin:0 0 0 4px;}
.view_btn_area a.btn:not(:active):not(.disabled) {color: #4c4c4c;}
.view_btn_area a.btn_complete {margin:0; border:1px solid #202020; background-color:#202020;}
.view_btn_area a.btn_complete:hover {border:1px solid #474747; background-color:#474747;}
.view_btn_area a.btn_complete:active {border:1px solid #000; background-color:#000;}
.view_btn_area a.btn_cancel, .view_btn_area a.btn_del {margin:0 0 0 4px; border:1px solid #c2c2c2; background-color:#fff; color:#4c4c4c;}/* 마진값 수정 : 2019-04-05 이연주 */
.view_btn_area a.btn_cancel:hover, .view_btn_area a.btn_del:hover {background-color:#f5f5f5;}
.view_btn_area a.btn_cancel:active, .view_btn_area a.btn_del:active {background-color:#fff; border:1px solid #969696; color:#333;}
.view_btn_area a.btn_list {position:relative; left:0; float:left; width:auto; height:26px; line-height:26px; border:1px solid #c2c2c2; background-color:#fff; color:#4c4c4c; font-size:12px; margin-right: 8px;}
.view_btn_area a.btn_del.lf {position:absolute; left:65px; width:auto; height:26px; line-height:26px; border:1px solid #606060; background-color:#606060; color:#fff; font-size:12px;}
.view_btn_area a.btn_del.lf:first-child {margin-left: 0;}/* 추가 : 2020-04-09 */
.popup_layer .view_btn_area a.btn_del.lf {left:0;}
.view_btn_area a.btn_del.lf:hover {border:1px solid #999; background-color:#999;}
.view_btn_area a.btn_del.lf:active {border:1px solid #333; background-color:#333;}
.view_btn_area a.btn_list:before {content:''; display:inline-block; width:6px; height:10px; margin-right:9px; background: url('/admin/img/sp_common.png') no-repeat -1px -50px; vertical-align:0px;}
.view_btn_area a.btn_list:hover {background-color:#f5f5f5;} 
.view_btn_area a.btn_list:active {background-color:#fff; border:1px solid #969696; color:#333;} 
.view_btn_area a.btn.lf {float: left; position: relative; color:#4c4c4c;}

.popup .view_btn_area {padding-right: 10px;}

/* 게시판 목록 */
/* .board_list {max-width:1125px;}
.container_area.tree_out .board_list {max-width:1340px;} */
.board_list.no_tab {overflow: hidden;}/* 추가 : 2020-05-08 */
.board_list.no_tab .list_btn_area {margin-top:10px;}
.board_list .list_btn_area.empty {height: 0; overflow: hidden;}/* 추가 : 2020-05-11 */
.board_list_table {}
.board_list_table table {table-layout: fixed;}
.board_list_table table thead th {border-top: 1px solid #969696; font-size: 12px; border-bottom: 1px solid #eee; background-color: #fafafa; padding: 5px 5px 5px 10px;} 
.board_list_table table thead th a {color:#4c4c4c;} /* 2018-04-13 th font color 변경. by 황정화 */
.board_list_table table thead th.indent {text-indent: 8px;}
.board_list_table table thead th a.ascend, .board_list_table table thead th a.descend {font-weight:bold; text-decoration:underline;}
.board_list_table table thead th a.ascend:after {content:''; display:inline-block; width:10px; height:12px; margin-left:3px; background: url('/admin/img/sp_common.png') no-repeat -59px -114px; vertical-align:2px;}
.board_list_table table thead th a.descend:after {content:''; display:inline-block; width:10px; height:12px; margin-left:3px; background: url('/admin/img/sp_common.png') no-repeat -33px -114px; vertical-align:2px;}
/* .board_list_table table thead th a:hover {text-decoration:underline;} */
/* .board_list_table table thead th a.descend:after {content:''; display:inline-block; width:13px; height:12px; margin-left:3px; background: url('/admin/img/sp_common.png') no-repeat -30px -144px; vertical-align:2px;} */
/* .board_list_table table thead th a.ascend:after {content:''; display:inline-block; width:13px; height:12px; margin-left:3px; background: url('/admin/img/sp_common.png') no-repeat -56px -144px; vertical-align:2px;} */

.board_list_table table tbody tr:nth-child(odd) {background-color:#fff;}
.board_list_table table tbody tr:hover {background-color:#fafafa;} /* 2018-04-13 테이블 스타일 변경. by 황정화 */
.board_list_table table tbody tr.selected {background-color:#edf3ff;} 
/* .board_list_table table tbody tr.selected td {border-color: #dee8fc;} */
.board_list_table table tbody tr.disabled td {background-color: #fafafa; color: #a9a9a9;}
.board_list_table table tbody tr.disabled td a {color: #a9a9a9;}
.board_list_table table td {max-width:100%; height:35px; padding:0 0 0 10px; border-bottom:1px solid #f5f5f5; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; word-break:break-all; font-size:13px; color:#333;} /* 2018-04-13 테이블 스타일 변경. by 황정화 */
.board_list_table.progress table td {height: 45px;}

.board_list_table table td a {display:inline-block; max-width:83%; color:#3858ed; vertical-align:-4px; text-decoration:underline; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; word-break:break-all;}
.board_list_table table td a.name {display:inline-block; max-width:83%; color:#333; vertical-align:-4px; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; word-break:break-all;}
.board_list_table table td a.name:hover {text-decoration: underline;}
.board_list_table table td .name.owner {position:relative; display:inline-block; max-width: 90%; padding-right: 20px; background: url('/admin/img/ico_owner.png') right 0 no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_list_table.normal table td a {max-width:100%;}
.board_list_table table td .status {margin-left: 4px;}
.board_list_table table td .status.resign {color: #969696;}
.board_list_table table td img {margin:0 7px; vertical-align:middle;}
.board_list_table table td:last-child {padding-right:10px;}
.board_list_table table thead th:first-child, .board_list_table table tbody td:first-child {padding-left:20px;}
.board_list_table table td.select, .board_list_table table td.check {overflow:visible;}
.board_list_table table td.select .selectbox {max-width:150px;}

.board_list_table table td > a:only-child:not([class]) {display: inline; vertical-align: text-top;}

.board_list_table table thead th a.check_all:after {display: none;}
.board_list_table table thead th a.check_all:before {content:''; display:inline-block; width:9px; height:10px; margin-right:3px; background: url('/admin/img/sp_common.png') no-repeat -188px -114px; vertical-align:-1px;}
.board_list_table table thead th a.check_all.on:before {content:''; display:inline-block; width:9px; height:10px; margin-right:3px; background: url('/admin/img/sp_common.png') no-repeat -207px -114px; vertical-align:-1px;}

.board_list_table .input_group input.form_control {height:26px; line-height:26px;}
.board_list_table .input_group.list_type {position:relative; border-color:transparent; background-color:transparent;}
.board_list_table .input_group.list_type input.form_control {background-color:transparent;}
.board_list_table .input_group.list_type .btn_return {display:none;}
.board_list_table .input_group.list_type.infocus .btn_return {display:block;}
.board_list_table table tbody tr:hover .input_group.list_type {border:1px solid #ccc; background-color:#fff;}
.board_list_table table tbody tr.disabled:hover .input_group.list_type {border:1px solid transparent; padding:0 30px 0 8px; background-color:transparent;}
.board_list_table .input_group.list_type.infocus {border:1px solid #3858ed; background-color:#fff;}
.board_list_table table tbody tr:hover .input_group.list_type.infocus {border:1px solid #3858ed; background-color:#fff;}
.board_list_table td.no_result {height:251px; padding:0; background-color:#fff; text-align:center;}
.board_list_table .select_group .passiveSelect, .board_list_table .select_group .activeSelect {height:26px; line-height:25px;}
.board_list_table .select_group ul {margin-top:30px;} /* 2017-09-13 ul영역 열리는 높이 수정. by 정수진 */
.board_list_table a.btn_board_view {margin-top:9px; color:#666; text-decoration: none;}

.board_list_table .radio, .board_list_table .checkbox {line-height: 18px; margin-top: -5px;}/* 추가 : 2020-05-06 */
.board_list_table .radio label, .board_list_table .checkbox label {font-size:0; min-width:15px; vertical-align: top;}/* 수정 : 2020-05-06 */
.board_list_table table thead th.t_center, .board_list_table table tbody td.t_center {text-align:center; padding:0 10px;}
.board_list_table table tbody td.t_center .checkbox label {padding-right:0;}
.board_list_table table tbody td.t_center .checkbox label:before {width:15px;}

/* -start- 첨부파일 & 설명 아이콘 추가 : 2018-07-23 이연주 */
.board_list_table .title {display:inline-block; max-width: calc(100% - 56px) !important; margin:0; max-width: 100%; padding-left:16px; padding-right: 24px; position:relative;}
.board_list_table .title a {max-width: 100% !important;}
.board_list_table .ico.file {display: inline-block; width: 16px; height: 16px; margin-right: 4px; font-size: 0; background: url('/admin/img/sp_common.png') 0 0 no-repeat; vertical-align: top; position: absolute; left:0;}
.board_list_table .ico.file.file {background-position: 4px -235px;}
.information {display: inline-block; position: relative; top: 3px; left: -1px; width: 16px; height: 16px; background: url('/admin/img/ico_info.png') 0 0 no-repeat; font-size:0; overflow: hidden; text-indent: -9999px; margin-left: 4px;}
/* -end- 첨부파일 & 설명 아이콘 추가 : 2018-07-23 이연주 */

/* 타이틀 고정형 목록 : 2020-05-06 */
.board_list_table.fixed_header {position: relative; padding-top: 32px; border-bottom: 1px solid #e3e3e3; clear: both;}
.board_list_table.fixed_header, .board_list_table.fixed_header * {box-sizing: border-box !important;}
.board_list_table.fixed_header:before {display: block; content: ''; height: 32px; border-top: 1px solid #969696; border-bottom: 1px solid #eee; background-color: #fafafa; position: absolute; top: 0; right: 0; left: 0; z-index: -1; box-sizing: border-box;}
.board_list_table.fixed_header .fixed_table_wrapper {overflow-x: hidden; overflow-y: auto; height: 100%;}
table.fixed_table th {padding: 0 !important; background: none !important; border: 0 !important;}
table.fixed_table .th_text {position: absolute; top: 0; width: inherit; height: 32px; padding: 0 5px 0 10px; line-height: 32px; z-index: 1;}
table.fixed_table th:first-child .th_text {padding-left: 20px;}
table.fixed_table th.t_center .th_text {padding-left: 5px !important;}
table.fixed_table td {line-height: 18px;}
table.fixed_table td .ico_state {min-width: 43px;}
.view_table .board_list_table.fixed_header.fit_cont {margin: 20px 0 -1px 0;}/* 수정 : 2020-05-13 */
.view_table.has_btn .board_list_table.fixed_header.fit_cont {margin-top: 0;}/* 수정 : 2020-05-13 */

.member_flag {position:relative; display:inline-block; height:17px; line-height:17px; margin-right:9px; padding:0 3px 0 4px; background-color:#5a79ec; color:#fff; box-sizing:border-box; font-size:11px;} /* 2018-04-13 스타일 변경. by 황정화 */
.member_flag:after {content:''; position:absolute; top:-1px; right:-6px; width:7px; height:18px; background: url('/admin/img/sp_common.png') no-repeat -172px -113px;}

.division_select {margin-bottom:8px;}/* 마진값 수정 : 2018-07-12 이연주 */
.division_select .division_select_box {height:50px; line-height:50px; border:1px solid #eee; text-align:center; box-sizing:border-box;}
.division_select a {margin-left:10px; margin-top:8px; vertical-align:top;}
.division_select .division_select_result {margin:8px 0 0; font-size:16px; color:#333; text-align:center;}/* 마진값, 글씨크기값 수정 : 2018-07-12 이연주 */

.ico_tooltip {position:relative; display:inline-block; width:16px; height:16px; margin:0 2px; background: url('/admin/img/sp_common.png') no-repeat -1px -114px; vertical-align:-4px; cursor:pointer;}
.ico_tooltip:hover .pop_tooltip {display: block;}
.ico_tooltip .pop_tooltip {position:absolute; top:26px; left:7px; display:none; padding:12px 0 12px 19px; margin:0; border:1px solid #333; background-color:#fff; cursor:default;}
.ico_tooltip .pop_tooltip:after {content:''; position:absolute; top:-8px; left:-1px; width:10px; height:8px; background: url('/admin/img/sp_common.png') no-repeat -94px -114px;}
.ico_tooltip .pop_tooltip ul li {width:102px; line-height:25px; padding-bottom:3px; text-align:left; color:#666; font-weight:normal; letter-spacing:-0.7px;}
.ico_tooltip .pop_tooltip ul li img {margin-right:5px; vertical-align:-5px;}
.ico_tooltip.division .pop_tooltip ul li {width:315px;}

.ico_state {display: inline-block; min-width:34px; height:18px; line-height:16px; padding:0 4px; border-radius:3px; background-color: #fff; font-size:11px; text-align:center;}
.ico_state.ico_ing {border:1px solid #000; color:#000;}
.ico_state.ico_finish {border:1px solid #999; color:#999;}

.ico_text_green {display: inline-block; height:16px; line-height:14px; margin-left:8px; padding:0 4px; border-radius:3px; background-color:#00a5af; font-size:11px; font-weight:bold; color:#fff; vertical-align:2px;}

/* badge */
.badge {display: inline-block; height:16px; line-height:14px; padding: 0 4px 0 5px; margin-top:1px; border-radius:2px; color:#fff; font-size: 10px;}/* 패딩값 수정 : 2018-06-22 이연주 */
.badge.vip {background-color:#2d3f93; text-transform: uppercase;}
.badge.vip.gray {background-color:#ccc !important;}
a.badge.vip:hover {text-decoration: none !important;}
.badge.emergency {background-color:#ff5959; line-height:15px;}/* 수직 정렬값 추가 : 2018-08-07 이연주 */
.badge.notice {background-color:#fa8e4b; line-height:15px;}/* 수직 정렬값 추가 : 2018-06-22 이연주 */
.badge.security {background-color:#2696ff;}
.badge.secret {background-color:#2d3f93;}
.badge.team {background-color:#5a79ec;}
.badge.storage {background-color:#5a79ec;}
.badge.grade {background-color:#797f9c; height:17px; line-height:15px; font-size:11px;}
.badge.part {background-color:#eeeeee; height:17px; line-height:15px; color:#666666; font-size:11px;}
.badge.samll {display:inline-block; min-width:34px; height:20px; font-size:12px; color:#fff; text-align:center; line-height:19px; border-radius:2px; vertical-align: top;}
.badge.samll.b_lgray {color:#666; background:#eee;}

/* 게시판 상세 type01 */
/* 2018-04-13 테이블 스타일 변경. by 황정화 */
.board_view_type01 {/* margin-top:19px; */margin-bottom:46px;}/* 2017-09-20 테이블 상단 간격 제거. 조회용 테이블 상단 간격에 적용. by 정수진 */
.board_view_type01 table {border-top:1px solid #ccc; border-bottom:1px solid #e3e3e3; table-layout: fixed;}
.board_view_type01 table th {padding:8px 0 8px 15px; background-color:#fafafa; color:#333; font-weight:normal; vertical-align:top; letter-spacing:-0.7px; border-bottom: 1px solid #e3e3e3;}
.board_view_type01 table th .checkbox {height: 16px; margin-left: 4px; vertical-align: top;}
.board_view_type01 table th .checkbox label {top: -5px; height: 16px; background-position-y: 2px !important;}
.board_view_type01 table th .checkbox label.checked {background-position-y: -98px !important;}
.board_view_type01 table th .checkbox input {margin-top: 0;}
.board_view_type01 table td {position: relative; min-height: 28px; padding: 3px 5px 3px 14px; border-top: 1px solid #e3e3e3; font-size: 13px;}/* 2018-04-13 테이블 스타일 변경. by 황정화 */
.board_view_type01 table td .txt {line-height: 28px; vertical-align: middle;}
.board_view_type01 table td.pad_no {padding:0;}
.board_view_type01 table tr:first-child td {border-top:0 none;}
.board_view_type01 .input_group {width:470px; max-width: 100%;}/* 2017-09-14 input 넓이값 430px에서 470px로 수정. by 정수진 */
.board_view_type01.wide .input_group {width:605px;}
.board_view_type01 .file_group {padding:9px 0 9px 15px; max-height:215px;}
.board_view_type01 .file_group dl {margin-top:4px;}
.board_view_type01 .file_group dl:first-child {margin-top:0;}
.board_view_type01 .file_group dl:after {content:''; display:block; clear:both;}
.board_view_type01 .file_group dt {float:left; width:177px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px; color:#666666;}
.board_view_type01 .file_group dd {float:left; font-size:12px; color:#666666; margin-left:30px;}
.board_view_type01.file_del {margin-bottom:0;}
.board_view_type01.file_del th {font-weight:bold;}
.board_view_type01.file_del td {padding:9px 15px;}
.board_view_type01.file_del td .input_group {border: 1px solid #cccccc; padding: 0 0 0 9px;}
.board_view_type01.file_del td .input_group textarea {height:106px;}

/* -start- 테이블 스타일 dl구조 추가 : 2018-07-10 이연주 */
.popup_layer_content > dl.board_view_type01:first-of-type {border-top:1px solid #ccc;}/* 선택자 수정 : 2018-07-19 이연주 */
dl.board_view_type01 {display: table; width: 100%; table-layout: fixed; margin:0;}
dl.board_view_type01 > dt, dl.board_view_type01 > dd {display: table-cell; box-sizing: border-box;}
dl.board_view_type01 > dt {padding:8px 0 8px 15px; background-color:#fafafa; color:#333; font-weight:normal; vertical-align:top; letter-spacing:-0.7px; border-bottom: 1px solid #e3e3e3;}
dl.board_view_type01 > dd {position:relative; min-height:28px; padding:3px 5px 3px 14px; border-bottom:1px solid #e3e3e3; font-size:13px; vertical-align:middle;}
dl.board_view_type01 dd .txt {vertical-align: middle;}
/* -end- 테이블 스타일 dl구조 추가 : 2018-07-10 이연주 */

.normal .input_group {width:470px;}

.board_view_type01 .form_inner {position: relative; padding: 10px 0 0;}
.board_view_type01 .form_inner dl {display: flex; align-items: center; padding: 0 0 6px;}
.board_view_type01 .form_inner dt {min-width: 130px; flex-shrink: 0;}
.board_view_type01 .form_inner dd {flex: 1;}
.board_view_type01 .form_inner dd .input_group {width: auto; max-width: 340px;}
.board_view_type01 .form_inner.type_boder_top:before {position: absolute; top: 0; left: -14px; right: -5px; display: block; content: ''; height: 1px; background-color: #eee;}

.board_view_type01 .input_group input.form_control {height:26px; line-height:24px;}
.board_view_type01 .textarea_control {width:100%;}
.board_view_type01 .textarea_control textarea {width:100%;}
.board_view_type01 .textarea_control.input_group {width:470px;}
.board_view_type01 .textarea_control.input_group.w100 {width:100%;}
.board_view_type01 .selectbox {width:470px; margin-right: 4px;}/* 마진값 추가 : 2019-04-08 이연주 */
.board_view_type01 .select_group .select {height:26px; line-height:24px;}/* 2017-09-13 상세 읽기형일때 셀렉트박스 높이 수정. by 정수진 */
/* .board_view_type01 .select_group .passiveSelect, .board_view_type01 .select_group .activeSelect {height:26px; line-height:25px;} */
.board_view_type01 .select_group ul {margin-top:26px;}
.board_view_type01 .btn_text {height: 26px; line-height:27px; font-size:12px;}
.board_view_type01 .input_group.calendar {width:140px;}
.input_group.text_type {width:82px; color:#bbbbbb; text-align:right; padding-right:10px;}
.input_group.text_type input.form_control {width:30px; text-align:right;}

.board_view_type01 a.btn_division_select {height:26px; background-position:-118px -72px;}

.file_box {display:inline-block; height:28px; line-height:27px; padding-left:4px; color:#999; vertical-align: middle;}
.edit_box {margin:10px 0 50px; border:1px solid #ccc;}
.edit_box2 {margin:0; border:1px solid #ccc;}
.board_list {}
.graph_box {position:relative; width:100%; margin:10px 0 50px; border-top:1px solid #202020; border-bottom:1px solid #ccc; text-align:center;}
.graph_box a {position:absolute; top:50%; width:25px; height:50px; margin-top:-25px; border:1px solid #bbb;}
.graph_box a.prev {left:0;}
.graph_box a.next {right:0;}
/* 추가 : 2020-05-07 */
.scroll_area_board.chart {margin-top: 10px; border-top: 1px solid #202020;}
.scroll_area_board.chart .graph_box {margin-top: 0; border-top: 0;}

.radio_list, .check_list {display:block; overflow: hidden;}
.radio_list li, .check_list li {float:left; padding:2px 35px 3px 0; vertical-align:middle;}
.radio_list li:last-child, .check_list li:last-child {padding-right: 10px;}
.radio_list li.gap_top, .check_list li.gap_top {margin-top:3px;}
.radio_list li .input_group, .check_list li .input_group {display:inline-block;}
.radio_list02, .check_list02 {display:block; overflow: hidden;}
.radio_list02 li, .check_list02 li {padding:3px 0 6px 0; vertical-align:middle;}

.radio_list.type_block li {float: none;}

.radio_list.sub_depth.depth2 {padding-left: 20px; margin-top: 5px;}
.radio_list.sub_depth.depth2 .checkbox + .input_group {margin-left: -5px;}
.radio_list.sub_depth.depth2 label.blind {vertical-align: top;}

.board_view_type01 .radio {line-height: 22px;}
.board_view_type01 .radio_list li, .board_view_type01 .radio_list02 li {min-height:27px; line-height:22px; padding:0 35px 0 0; vertical-align:middle;}
.board_view_type01 .check_list li, .board_view_type01 .check_list02 li {min-height:27px; line-height:22px; padding:0 10px 0 0; vertical-align:middle;}

.board_view_type01 .checkbox input, .board_view_type01 .radio input {margin:5px 0 0 2px;}/* 2017-09-20 상세테이블 영역 체크박스, 라디오버튼 배경이미지 속성 추가. by 정수진 */
.board_view_type01 .checkbox label, .board_view_type01 .radio label {background-position: 0 5px;}
.board_view_type01 .checkbox label.disabled, .board_view_type01 .radio label.disabled {background-position: 0px -195px; pointer-events: none;}
.board_view_type01 .checkbox label.checked, .board_view_type01 .radio label.checked, .board_view_type01 .checkbox label.checked.disabled, .board_view_type01 .radio label.checked.disabled {background-position: 0px -95px;}

.view_table {position:relative;}
.view_table.multi {margin-bottom:46px;}
.view_table.multi td.no_result {height:105px;} 
.view_table .view_btn_area {margin-top:50px;}
.view_table .sub_title_02 span.title {border-bottom:0 none;}
.view_table .sub_title_02 + .list_btn_area {margin-top: 10px;}
.view_table .right_btn {position:absolute; top:-9px; right:0;}
.right_btn a {display:inline-block; height:26px; line-height:24px; margin-left:1px; padding:0 10px; border:1px solid #b4b4b4; border-radius:2px 2px; background-color:#fff; color:#111; font-size:12px; text-align:center; vertical-align: middle;}
.right_btn a:hover {background-color:#f6f6f6;}
.right_btn a:active {border:1px solid #808080; background-color:#fff;}

/* 상세 가로형 그래프 */
.use_graph .use_graphbar {position:relative; display:inline-block; width: calc(100% - 95px); height:10px; background-color:#eee;}/* 2017-09-20 가로형 그래프 넓이값 수정. max-width값 삭제 width에 -95px 되도록 수정. by 백은경 */
.use_graph .use_graphbar .use_bar {position:absolute; top:0; min-width:2px; height:10px; background-color:#4e56e6; z-index: 2;}
.use_graph .use_graphbar .threshold {position:absolute; top:0; min-width:2px; height:10px; background:url('/admin/img/bg_pg_bar.png') 0 0 repeat-x; z-index: 1;}
.use_graph .use_graphbar .use_bar.max {background-color:#ff5959;}
.use_graph .use_bar .percent {margin-top:8px; float:right; font-size: 11px; color:#4e56e6; margin-right:-13px;}
.use_graph .use_bar.max .percent {color:#ff5959;}
.use_graph .use_data {display:inline-block; width:95px; font-size:11px; text-align:right;}
/* 목록화면 그래프 : 2020-05-07 */
.board_list_table .use_graph {display: flex; margin-right: 20px;}
.board_list_table .use_graph .use_graphbar {width: 100%;}
.board_list_table .use_graph .use_data {width: 130px; flex-shrink: 0;}
/* 작성화면 그래프 */
.board_view_type01 .use_graph, .board_view_type02 .use_graph {display:inline-block; height:32px; vertical-align:top;}/* 선택자 추가 : 2019-02-18 이연주 */
.board_view_type01 .use_graph .use_graphbar {width:230px;}/* 추가 : 2019-02-18 이연주 */
.board_view_type02 .use_graph .use_graphbar {width:230px; margin-top:11px;}
.board_view_type01 .use_graph .use_data, .board_view_type02 .use_graph .use_data {position:relative; display:block; width:100%;}/* 선택자 추가 : 2019-02-18 이연주 */
.board_view_type01 .use_graph .use_data:before, .board_view_type02 .use_graph .use_data:before {content:'0'; position:absolute; left:0;}/* 선택자 추가 : 2019-02-18 이연주 */
.title_data {display:inline-block; margin:0 5px 0 15px;}
.title_data:before {content:''; display:inline-block; width:10px; height:10px; margin-right:6px; background-color:#ddd; vertical-align:middle;}
.mark {position:relative; padding-left: 16px; margin-left:10px; vertical-align: bottom; top:8px;}
.mark:before {position:absolute; display:block; content:''; top:3px; left:0; width: 12px; height:12px;}
.mark.usebar:before {background-color: #4e56e6;}
.mark.threshold:before {background:url('/admin/img/bg_pg_bar.png') 0 0 repeat;}
.board_list_table table .overed {color:#ff5959;}

/* 게시판 상세 type02 */
.board_view_type02 {padding:21px 0 35px;}
.board_view_type02.board_group {padding-top:16px;}
.board_view_type02.form_info {padding-top:1px;}
.board_view_type02 dl dt {padding-bottom:5px; color:#333; font-weight:bold; letter-spacing:-0.7px;}
.board_view_type02 dl dd {min-height:15px; padding-bottom:15px;}
.board_view_type02 dl dd.gap_btm {height:47px; padding-bottom:0;}
.board_view_type02 .input_group {width:470px;}
.board_view_type02 .textarea_control {width:100%;}
.board_view_type02 .selectbox {width:470px;}

/* .profile_photo {padding-bottom:28px;} 주석처리 : 2019-02-18 이연주 */
.profile_photo .profile_photo_mask {display:inline-block; width:96px; height:96px; margin-right:10px; /* border-radius:96px; background: url('/admin/img/profile_photo_blank.png') no-repeat 0 0; */ overflow:hidden; vertical-align:bottom;}/* border-radius값, 배경값 삭제 : 2019-08-27 이연주 */
.profile_photo_mask img {width:100%;}

.email_group .input_group, .email_group .selectbox, .email_group_02 .input_group, .email_group_02 .selectbox {display:inline-block; vertical-align: middle;}
.email_group .input_group {width:170px; margin-right:5px;}
.email_group .selectbox {width:200px; margin:0 4px 0 5px;}
.email_group_02 ul li {padding-top:5px;}
.email_group_02 ul li:first-child {padding-top:0px;}
.email_group_02 .select_group li:first-child {padding-top:5px;}
.email_group_02 .input_group {width:190px; margin-right:5px;}
.email_group_02 .select_area {width:211px; margin:0 3px 0 5px;}

.input_add_group .input_group {margin-top: 5px;}
.input_add_group .input_group:first-child {margin-top: 0;}
.input_add_group .input_group .ico_btn.del_form {position: absolute; top: 0; right: -19px;}
.input_add_group .input_group.disabled .ico_btn.del_form {opacity: 0.5;}
.input_add_group .btn.with_icon.add {margin-top: 5px;}

.select_list {padding-bottom:7px;}
.select_list span {display:inline-block; width:113px; vertical-align:middle;}
.select_list .select_area {display:inline-block; width:353px; vertical-align:middle;}
.select_list .select_area span {width:auto;}
.select_list .input_group {display:inline-block; width:353px; vertical-align:middle;}

.pw_group {margin-bottom:10px;}
.pw_group label {display: inline-block; width: 124px;}
.pw_group .input_group {display: inline-block; width: 342px;}

/* 게시판 상세 type03 */
.board_view_type03 table {table-layout: fixed; margin-bottom:24px;}
.board_view_type03 table th {padding:5px 0 11px 2px; color:#333; font-weight:bold; vertical-align:top; letter-spacing:-0.7px;}
.board_view_type03 table td {min-height:28px; padding:0 5px 6px 0;}

/* 우편번호 */
.address_box .input_group {margin-top:5px;}
.address_box .zip_code .input_group {display:inline-block; width:230px;}
.address_box .zip_code .input_group {margin-top:0;}
.address_box .zip_code .btn_text {padding:0 8px;}

/* 배치관리 */
.batch_area {}
.batch_area h3 {margin-bottom:9px;}
.batch_area h3 .title {color:#333; font-size:14px;}
.batch_area .batch_conent {min-height:32px; padding:9px 10px 9px; margin-bottom:50px; background-color:#eee; text-align:center;}
.batch_area .batch_conent .btn_csv_down {height:32px; line-height:30px; margin:0 1px;}

.batch_conent .radio_list {display:inline-block; vertical-align:middle;}
.batch_conent .input_group {display:inline-block;}
.batch_area .view_btn_area {margin-top:-16px; margin-bottom:46px; padding-top:0; border-top:0 none;}
.batch_area .list_btn_area .right_srch {padding-top:9px;}
.batch_area .list_filter_area .list_filter_box {margin-top:11px;}
.batch_area .list_filter_area {margin-right:3px;}
.batch_area .list_filter_area a.btn_list_filter {padding-right:15px;}
.batch_area .list_filter_area a.btn_list_filter:after {content:''; width:7px; height:11px; margin-top:-4px; background: url('/admin/img/sp_common.png') no-repeat -277px -26px; vertical-align:0;}
.batch_area .list_filter_area a.btn_list_filter.on:after {background: url('/admin/img/sp_common.png') no-repeat -277px-40px;}
.cont_srch_area .text_update {position:absolute; right:0; margin-top:4px;}

a.btn_csv {display:inline-block; height:32px; line-height:32px; padding:0 15px; background-color:#606060; color:#fff; text-align:center; vertical-align: middle;}
a.btn_csv:before {content:''; display:inline-block; width:16px; height:16px; margin-right:8px; background: url('/admin/img/sp_common.png') no-repeat -154px -184px; vertical-align:-2px;}
a.btn_csv:hover {background-color: #999;}
a.btn_csv:active {background-color: #333;}
a.btn_edit {display:inline-block; height:28px; line-height:27px; padding:0 13px; background-color:#606060; color:#fff; border-radius:2px 2px; vertical-align: middle;}
a.btn_edit:before {content:''; display:inline-block; width:14px; height:15px; margin-right:4px; background: url('/admin/img/sp_common.png') no-repeat -118px -112px; vertical-align:-3px;}
a.btn_edit:hover {background-color: #999;}
a.btn_edit:active {background-color: #333;}
a.btn_download {display: inline-block; width: 24px; height: 24px; border:1px solid #c2c2c2; border-radius:2px 2px; background: #fff url('/admin/img/sp_common.png') no-repeat -251px -180px; font-size:0; line-height: 0; vertical-align: middle; box-sizing: border-box;}

/* csv다운로드 + 엑셀다운로드 */
a.btn_csv_down, a.btn_excel_down {display:inline-block; height:28px; line-height:26px; padding:0 10px; border:1px solid #b4b4b4; border-radius:2px 2px; color:#111; background-color: #fff; text-align:center; box-sizing:border-box; vertical-align: middle;}
a.btn_csv_down:before, a.btn_excel_down:before {content:''; display:inline-block; width:16px; height:16px; margin-right:8px; vertical-align:-3px;}
a.btn_csv_down:before {background: url('/admin/img/sp_common.png') no-repeat -180px -182px;}
a.btn_excel_down:before {background: url('/admin/img/sp_common.png') no-repeat -228px -182px;}
a.btn_csv_down:hover, a.btn_excel_down:hover {background-color: #f6f6f6;}
a.btn_csv_down:active, a.btn_excel_down:active {border:1px solid #808080; background-color: #fff;}

/* 날짜선택 영역 */
.period_area {display:inline-block;}
.period_area.checked {padding-top:10px;}
.period_area .input_group {display:inline-block; width:140px;}
.period_area.half .input_group {width: calc(50% - 9px);}
.period_set .radio_list {float:left; padding-top:3px;}
/* 추가 : 2018-08-27 이연주 */
.period_set .checkbox label {background-position: 0 3px;}
.period_set .checkbox label.checked {background-position: 0 -97px;}
.period_set .checkbox input {margin-top: 4px;}
.period_set .period_area, .period_set .time_set {display: inline-block !important;}/* 수정 : 2020-04-09 */
.period_set .time_set .selectbox {margin-right: 0;}
.selectbox .ui-menu .ui-menu-item-wrapper {padding-right: 9px;}

/* 시스템 디스크 현황 */
.system_disk {position:relative;}
.system_disk.scroll_area_no {}
.system_disk.scroll_area_no .list_btn_area {margin-top: 0;}
.system_disk .sub_title {height:26px;}
.system_disk.scroll_area_no .sub_title {height:30px; border-bottom: 0 none; margin-bottom: 0; padding-top: 20px;}/* 수정 : 2020-05-22 */
.system_disk .sub_title span.title {font-size:14px; color:#333;}
.system_disk .sub_title .text_dscrptn {padding-left:10px; color:#666; font-size:12px; font-weight: normal; vertical-align: top;}
.system_disk a.btn_csv_down {position:absolute; top:30px; right:0; display:block;}

/* 결재통계 */
.srch_statistics {padding-top:20px;}/* 2017-09-20 조회 테이블 간격 재정의. by 정수진 */
.srch_statistics .board_view_type01 {margin-bottom:16px;}
.srch_statistics .view_btn_area {padding:0; padding-bottom:30px; border-top:0 none;}

/* 레이어 팝업 */
.popup_layer {position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; min-height:650px;}/* 수정 : 2020-04-09 */
.popup_layer .popup_layer_back {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:#000; opacity: 0.7; -moz-opacity: 0.7;}/* 수정 : 2020-04-09 */
.popup_layer .popup_layer_area {position:absolute; top:50%; left:50%; width:500px; margin:0 auto 0 -250px; background-color:#fff; border-radius: 2px; z-index:101; box-sizing:border-box;}/* 수정 : 2020-04-09 */
.popup_layer .popup_layer_area.wide {width:640px; margin-left:-320px;}
.popup_layer .popup_layer_area.large {width:600px; margin-left:-300px;}
.popup_layer .popup_layer_area.narrow {width:350px; margin-left:-175px;}
.popup_layer .popup_layer_container {margin:27px 30px 25px;}/* 수정 : 2020-04-09 */
.popup_layer .btn_close {position:absolute; top:19px; right:19px; width:20px; height:20px; background: url('/admin/img/sp_common.png') no-repeat -1px -184px; font-size:0;}
.popup_layer .pop_title {padding-bottom:17px; text-align:center;}
.popup_layer .pop_title span.title {line-height:26px; color:#202020; font-size:20px; letter-spacing: -0.7px;}
.popup_layer .pop_sub_title {margin:-8px 0 8px;}
.popup_layer .pop_sub_title span.title {color:#333; font-size:12px;}

.popup_layer .text_dscrptn {margin:-4px 0 17px; font-size:12px; text-align:center; color: #777; letter-spacing:-0.7px;}/* 수정 : 2020-04-09 */
.popup_layer .text_area {margin-top:5px;}
.popup_layer .input_group input.form_control {height:26px; line-height:25px;}
.popup_layer .srch_area {position:relative; padding-right:33px;}
.popup_layer .btn_rfsh {width:28px; height:28px; background: #606060 url('/admin/img/sp_common.png') no-repeat -26px -70px;}
.popup_layer .btn_rfsh:hover {background-color: #999;}
.popup_layer .btn_rfsh:active {background-color: #333;}

/* 2018-04-13 레이어 팝업 하단버튼 스타일 수정. by 황정화 */
.popup_layer .popup_layer_content {padding-top:20px; border-top:1px solid #36373e;}
.popup_layer .popup_layer_content .description.status {margin-bottom: 10px; font-size: 13px;}
.popup_layer_content .view_btn_area {margin-top:20px; padding-bottom: 0; border-color: #ddd; clear: both;}/* 수정 : 2020-04-09 */
.popup_layer_content .view_btn_area.type02 {text-align:center; margin-top:28px; padding:20px 0 0;}
.popup_layer_content .view_btn_area a {height:26px; line-height:26px; font-size:12px;}
.popup_layer_content .view_btn_area.type02 a {height:30px; line-height:29px; width:120px !important; display:inline-block; font-size:13px; font-weight:bold; padding: 0; margin: 0;}
.popup_layer_content .view_btn_area.type02 a + a {margin-left:6px;}
.popup_layer_content .view_btn_area.type02 a.btn_cancel {border:1px solid #333333; color:#333333;}
.popup_layer .view_btn_area a.btn_complete {width:auto;}
.popup_layer .view_btn_area a.btn_cancel {width:auto;}
.popup_layer .notify {font-size:12px; color:#666666; margin-top:5px;}

.pop_tree_area {position:relative; height:345px; padding:10px 10px; margin-bottom:15px; background-color:#eee; box-sizing:border-box;}
.pop_tree_area .scroll_area iframe {border: 0;}/* 추가 : 2019-08-26 이연주 */

/* 레이어 팝업 회색 배경 트리 이미지 추가 : 2019-08-06 이연주 */
.pop_tree_area ul.dynatree-container li {background: url('/admin/img/dynatree-1.2.8/bg_line_gray.png') -31px 0 repeat-y;}
.pop_tree_area ul.dynatree-container > li {background: none;}/* 추가 : 2019-08-22 이연주 */
.pop_tree_area span.dynatree-expander {background: url('/admin/img/dynatree-1.2.8/icons_gray.png') -4px -14px no-repeat;}/* 배경 위치값 수정 : 2019-08-26 이연주 */
.pop_tree_area span.dynatree-expander:before {border-color: #eee;}
.pop_tree_area .folder span.dynatree-connector {background: url('/admin/img/dynatree-1.2.8/bg_line_gray.png') -19px 0 no-repeat;}/* 선택자 수정 : 2019-08-22 이연주 */
.pop_tree_area .folder li.dynatree-lastsib > .dynatree-node > span.dynatree-connector, .pop_tree_area .folder li:last-child > .dynatree-node > span.dynatree-connector {background: url('/admin/img/dynatree-1.2.8/bg_line_gray.png') 0 0 no-repeat;}/* 선택자 수정 : 2019-08-22 이연주 */

.popup_layer_content h3.title {height: 25px;}
.popup_layer_content > p.tip {margin: -1px 0 13px; color: #666; text-align: right;}/* 추가 : 2020-04-13 */
.pop_write_table02 {margin-bottom:30px;}
.pop_write_table02.no_gap {margin-bottom:0px;}
.pop_write_table table, .pop_write_table02 table {table-layout: fixed;}
.pop_write_table table th {padding:9px 0 5px 0; color:#333; font-weight:bold; vertical-align:top;}
.pop_write_table table td, .pop_write_table02 table td {min-height:28px; padding:5px 0 0 0;}
.pop_write_table .input_group.calendar, .pop_write_table02 .input_group.calendar {width: 140px;}/* 추가 : 2020-04-09 */
.pop_write_table .text_field, .pop_write_table02 .text_field {min-height:30px; padding:10px 0 5px 0;}
.pop_write_table .select_group ul {max-height:90px;}
.pop_write_table .division_text_box {display:block; height:26px; line-height:25px; border:1px solid #ccc; padding:0 10px; color:#3858ed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /* 말줄임 표시되로록 수정 2018-08-30 김민우 */
.pop_write_table02 table th {padding:9px 0 5px 0; vertical-align:top;}
.pop_write_table.bd_bottom {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}

.pop_organization {position:relative; overflow: hidden;}
.pop_organization .pop_tree_area {float:left; width:200px; height:426px; margin-bottom:0;}
.organization_table {float:right; width:320px; border-bottom:1px solid #ddd;}
.organization_srch {padding:10px 10px; background-color:#eee; box-sizing:border-box;}
.organization_srch .selectbox, .organization_srch .srch_area {display:inline-block; vertical-align: middle;}
.organization_srch .selectbox {width:80px;}
.organization_srch .input_group input.form_control {width:176px;}
.pop_organization .bnt_move {position:absolute; top:164px; left:215px;}
.bnt_move .btn_list_copy, .bnt_move .btn_list_del {position:relative; display:block; width:30px; height:50px; margin:5px 0; border:1px solid #ccc; border-radius:2px 2px; background-color:#fff; font-size:0; box-sizing:border-box;}
.bnt_move .btn_list_copy:before {content:''; position:absolute; top:18px; left:11px; width:7px; height:12px; background: url('/admin/img/sp_common.png') no-repeat -180px -68px;}
.bnt_move .btn_list_del:before {content:''; position:absolute; top:18px; left:11px; width:7px; height:12px; background: url('/admin/img/sp_common.png') no-repeat -180px -86px;}
.bnt_move .btn_list_copy:hover:before {background: url('/admin/img/sp_common.png') no-repeat -194px -68px;}
.bnt_move .btn_list_del:hover:before {background: url('/admin/img/sp_common.png') no-repeat -194px -86px;}

.text_align_right {margin-top:-24px; margin-bottom:6px; text-align:right;}

.pop_sort_change {position:relative; padding-top:17px;}
/* .pop_sort_change .board_list_table table tbody tr {position: relative; cursor: pointer;}
.pop_sort_change .board_list_table table tbody tr.list_check td {position:relative; border-bottom:1px solid #000; background-color:#f0fefb; font-weight: bold; color:#333;}
.pop_sort_change .board_list_table table tbody tr.list_check td:before {content:''; position:absolute; top:0; right:0; left:0; display:block; border-top:1px solid #000;}
.pop_sort_change .board_list_table table tbody tr.list_check td:first-child {border-left:1px solid #000;}
.pop_sort_change .board_list_table table tbody tr.list_check td:last-child:after {content:''; position:absolute; top:0; right:0; height:100%; border-right:1px solid #000;}
.pop_sort_change .board_list_table table td {text-align:center;} */

/* 2018-04-13 테이블 스타일 수정. by 황정화 *//* 가변 높이 반영을 위한 수정 : 2019-11-27 이연주 */
.sort_change_head {height:30px; line-height:30px; border-top:1px solid #ccc; border-bottom:1px solid #eee; background-color: #f7f7f7; color:#4c4c4c; font-weight: normal; font-size: 0; padding-left:0; margin-top:5px;}
.sort_change_list {max-height: 380px;}
.sort_change_list li {min-height: 36px; line-height: 1.5; margin-top: 2px; padding: 7px 0; border: 1px solid #e3e3e3; cursor: pointer; font-size: 0; color:#333; box-sizing: border-box; overflow: hidden;}
.sort_change_list li.select {border:1px solid #cadcff; background-color: #edf3ff; color:#333; font-weight: bold;}
.sort_change_head span {font-size: 12px;}
.sort_change_head span, .sort_change_list span {display: inline-block; width: 100%; padding: 0 6px; font-size: 13px; text-align:center; box-sizing: border-box; vertical-align: middle;}
.sort_change_list li:hover {background-color: #fafafa;}
.sort_change_head .half, .sort_change_list .half {width: 50%; padding: 0 10px;}
.sort_change_head .no, .sort_change_list .no {width:20%;}
.sort_change_head .title, .sort_change_list .title {width:80%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}

.pop_sort_change .bnt_move02 {position:absolute; top:-11px; right:0;}
.organization_table .bnt_move02 {overflow:hidden; float:right; padding:9px 0 5px;}
.bnt_move02 a {position:relative; float:left; width:26px; height:26px; border:1px solid #c2c2c2; border-left:0 none; background-color:#fff; font-size:0; box-sizing:border-box;}
.bnt_move02 a:hover {border:1px solid #c2c2c2; background-color: #f5f5f5; border-left:0 none;}
.bnt_move02 a:active {border:1px solid #969696; background-color: #fff; border-left:1 none;}
.bnt_move02 a:first-child {border-left:1px solid #c2c2c2; border-radius:2px 0 0 2px;}
.bnt_move02 a:last-child {border-radius:0 2px 2px 0;}
.bnt_move02 a:before {content:''; position:absolute; top:50%; left:50%; margin:-5px auto 0 -5px; width:10px; height:9px; background: url('/admin/img/sp_common.png');}
.bnt_move02 .btn_list_top:before {background-position:-170px -144px;}
.bnt_move02 .btn_list_up:before {background-position:-198px -144px;}
.bnt_move02 .btn_list_down:before {background-position:-226px -144px;}
.bnt_move02 .btn_list_bottom:before {background-position:-253px -144px;}

/* 추가 : 2018-09-05 이연주 */
.list_btn_area .bnt_move02 {display: inline-block; vertical-align: middle;}
.list_btn_area .bnt_move02 a {height: 28px; border:1px solid #c2c2c2; margin-left: -1px; z-index: 1;}
.list_btn_area .bnt_move02 a:first-child {margin-left: 0;}
.list_btn_area .bnt_move02 a.disabled {border-color: #eee; z-index: 0;}
.list_btn_area .bnt_move02 a.disabled:before {opacity: 0.3;}
.list_btn_area .bnt_move02 a.disabled:hover {background-color:#fff;}

.popup_layer .period_area {display:block;}
/* 2018-04-13 레이어 팝업 테이블 스타일 수정. by 황정화 */
.pop_admin_list table {table-layout: fixed;}
.pop_admin_list table th {height:35px; height:30px; padding-left:30px; border-top:1px solid #ccc; border-bottom:1px solid #eee; background-color:#f7f7f7; color:#4c4c4c; font-weight:normal;}
.pop_admin_list table td {max-width:100%; height:35px; height:33px; padding-left:30px; border-top:1px solid #f5f5f5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all; color:#333;}
.pop_admin_list table tr:first-child td {border-top:0 none;}
.pop_admin_list .admin_list_con {max-height:339px; border-bottom:1px solid #e3e3e3;}

/* 윈도우 팝업 */
.window_popup {background: none;}
.window_popup .popup_layer {position: relative;}
.window_popup .popup_layer .popup_layer_area {top:0; left: 0; width:auto; margin: 0; border: none;}
.window_popup .popup_layer_content .board_view_type01 {margin-bottom: 20px;}
.window_popup .popup_layer_content .sub_title_03 + .board_view_type01 {margin-bottom: 30px;}/* 추가 : 2020-04-13 */

/* 윈도우 팝업 - 전체 스크롤 없음 & 목록 스크롤 있음 */
.window_popup.none_scroll .popup_layer {height: 100%; min-height: auto;}
.window_popup.none_scroll .popup_layer .popup_layer_area {width: 100%;}
.window_popup.none_scroll .popup_layer .board_list_table table thead th {height: auto;}
.window_popup.none_scroll .popup_layer .box_scroll {height: calc(100vh - 198px); padding: 8px; border: 1px solid #ccc; overflow-y: auto;}

/* 템플릿 선택 팝업 */
.window_popup .popup_layer.template {position:absolute;}
.window_popup .popup_layer.template .popup_layer_area {top: 50%; left: 50%; width: 800px; margin: 0 auto 0 -400px; border: 1px solid #202020;}

/* 서식 편집 윈도우 팝업 */
.window_popup .editor_area {float: left; height:808px; margin-right: 34px; border:1px solid #ccc; margin-bottom:30px;}
.window_popup .document_control_area {float: left; width: 340px; height:790px; padding-top:20px; margin-bottom:30px;}
.editor_area .scroll_area {overflow-x: hidden;}
.control_contents {margin-bottom: 36px;}
.control_contents h4.sub_title_02 {margin-bottom: 8px;}
.control_contents .tab_area {margin-bottom: 10px;}
.control_contents .tab_area ul li {width: 169px; border-left:2px solid #fff;}
.control_contents .tab_area ul li:last-child.current a {width: 168px;}
.control_contents .tab_area ul li:first-child {border-left: none;}
.layout_select_list li {display: inline-block; width:122px; margin-right:15px; vertical-align: top;}
.layout_select_list .radio label {padding-left:25px; text-align:center;}
.layout_select_list li img {display: block; margin:-15px 0 3px;}
.tab_block {width: 100%; border-top:1px solid #cccccc;}
.tab_block:after {content:''; display: block; clear: both;}
.tab_block li {float: left; width: 112px; height:30px; background: #eeeeee; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align: center;}
.tab_block li:nth-child(3n) {border-right:1px solid #cccccc;}
.tab_block li a {line-height: 30px; color:#333; font-size: 13px; font-weight: bold; letter-spacing: -0.7px;}
.tab_block li a span {display: inline-block; max-width: 83%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.tab_block li a.current {position: relative; display:inline-block; margin:-1px; border: 1px solid #333; width: 112px; height:30px;}
.tab_block_contents {height: 173px; margin-bottom:10px; border:1px solid #cccccc; border-top:none;}
.tab_block_contents.clear {border:none; height:30px;}
.button_list {padding:9px 0 0 9px;}
.button_list:after {content:''; display: block; clear: both;}
.button_list li {float:left; width: 100px; padding:0 9px 9px 0;}
.button_list li a.btn_board_view {display:block; width: 100%; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; box-sizing:border-box;}
.tab_block_contents dl.wirte dt {float: left; width:100px; margin-bottom: 5px; color:#333; font-weight: bold; line-height: 26px;}
.tab_block_contents dl.wirte dd {padding-left:100px; margin-bottom: 5px;}
.tab_block_contents .apply {float:right; width:44px; height:28px; line-height:26px; padding:0; margin-top:5px; margin-top:-29px;}
.tab_block_contents dl.wirte dd .checkbox {vertical-align: top;}/* 추가 : 2018-12-07 이연주 */
.tab_block_contents dl.wirte dd .checkbox label.blind {margin-top: 3px; vertical-align: top;}/* 추가 : 2018-12-07 이연주 */
.tab_block_contents dl.wirte dd .checkbox label.blind + input[type="checkbox"] {margin-top: 6px; opacity: 0;}/* 추가 : 2018-12-07 이연주 */
p.tip {color: #999999; margin:3px 0;}

/* 본문 서식 편집 윈도우 팝업 */
.window_popup .editor_area.type01 {float: inherit; height: 728px; margin-top: 20px; margin-right: 0;}

/* 탬플릿 선택 윈도우 팝업 */
.template_area {overflow-y: hidden;}
.template_area .template_list {float:left; width: 384px; margin-right:14px;}
.template_area .template_list .template_select {color:#111;}
.template_area .template_list .template_select .selectbox {display: inline-block; width:216px;}
.template_area .template_list .template_select_list {height:410px; margin-top:10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.template_area .template_list .template_select_list .scroll_area {height:410px;}
.template_area .template_list .template_select_list .radio_list {padding-top:8px;}
.template_area .template_list .template_select_list .radio_list li {float:left; width:50%; padding:2px 5px 3px 15px; box-sizing:border-box;}

.template_area .review_area {float:left; width:340px; height:450px; border: 1px solid #ccc; box-sizing:border-box;}
.template_area .review_area img {width: 338px;}
.select_templates {height:72px; padding: 10px 0; overflow-y:auto;}
.select_templates .radio_list li {width: 224px; height: 20px;}
td .select_templates {margin: -3px -5px -3px 0;}
.select_templates .radio_list li .custom-radio label {display:inline-block; width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}

/* 동호회-환경설졍 */
.setting_area {position:relative;}
.setting_menu {position:relative; float:left; width:190px; min-height: 346px; margin-top:24px;}/* 최소높이값 추가 : 2019-04-11 이연주 */
.setting_menu .bnt_move02 {position:absolute; right:0; margin-top:3px;}
.setting_detail {width: calc(100% - 209px); padding-left:19px; float: left;}/* 넓이값, float값 추가 : 2019-04-11 이연주 */
.setting_detail .board_view_type01 {margin-top:4px;}
.setting_detail .board_view_type01:first-child {margin-top: 0;}/* 추가 : 2019-04-11 이연주 */
.setting_detail .board_view_type02 {padding-top:5px;}
.setting_list {}
.setting_list li {padding:0 0 2px 0;}
.setting_list li a {display:block; height:34px; line-height:34px; padding: 0 10px 0 28px; border:1px solid #e3e3e3; border-radius:2px 2px; font-size:13px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.setting_list li a.current {color:#111; background-color:#eee; border:1px solid #b4b4b4; font-weight: bold;}
.setting_list.box {display: flex; flex-direction: column; width: 190px; height: 346px; max-height: calc(100vh - 249px); padding: 10px; border: 1px solid #e3e3e3; border-radius: 2px 2px; box-sizing: border-box;}
.setting_list.box .small_btn.submit {margin-bottom: 8px; box-sizing: border-box; flex-shrink: 0;}
.setting_list.box .small_btn.submit.full_w {width: 100%;}
.setting_list.box .list_wrap {flex: 1; margin: 0 -10px -10px; padding: 0 10px 10px; overflow: auto;}
.unit {float:left; margin-top:-22px; margin-left:55px;}
.txt_space {padding-right:20px;}
.setting_tree {width:190px; height:346px; max-height: calc(100vh - 249px); padding: 10px 0 10px 10px; border:1px solid #e3e3e3; border-radius: 2px 2px; box-sizing:border-box;}/* 최대높이값 추가 : 2019-04-11 이연주 *//* overflow값 삭제, 패딩값 추가 : 2019-08-22 이연주 */
.setting_tree .scroll_area_srch {height: calc(100% - 18px); overflow-y:auto;}/* 추가 : 2019-08-22 이연주 */

/* 동호회 - 마일리지 관리 */
.left_btn a.mileage {position:relative; padding:0 24px 0 10px;}
.left_btn a.mileage:after {content:''; position:absolute; top:50%; right:10px; width:9px; height:9px; margin-top:-5px; background: url('/admin/img/sp_common.png') no-repeat 0 -215px;}

/* 동호회 - 가산점 부여 팝업 */
.popup_layer .pop_set_area .pop_sub_title {margin:12px 0 13px 0;}
.popup_layer .pop_set_area .pop_sub_title span.title {color:#666; font-weight:normal;}

/* 동호회-토론실관리 */
/* 게시판 4열 쓰기 */
.form_table.style_4cols {padding: 0; margin-bottom: 12px; border-top: 1px solid #969696;}
.form_table.style_4cols th, .form_table.style_4cols td {min-height: 39px; border-bottom:1px solid #e3e3e3; position: static;}
.form_table.style_4cols th {padding: 11px 15px 10px; border-right: 1px solid #e3e3e3; background: #fafafa; letter-spacing: -1px;}
.form_table.style_4cols td {padding: 5px 20px 5px 10px;}
.form_table.style_4cols tr:first-child th {padding-top: 11px;}
.form_table.style_4cols tr:first-child td {padding-top: 5px;}
.form_table.style_4cols tr:last-child td {padding-bottom: 5px;}
.form_table.style_4cols .form_th {width: auto;}
.form_table.style_4cols .form_th + td {width: auto;}
.form_table.style_4cols .form_col01 {width: 140px;}
.form_table.style_4cols .form_col02 {}
.form_table.style_4cols .form_col03 {width: 140px;}
.form_table.style_4cols .form_col04 {}
.form_table.style_4cols .input_group {border: 0;}
.form_table.style_4cols .input_group.has_btn:not(.discuss) {padding-right: 0;}
.form_table.style_4cols .input_group.has_btn .basic_input {padding-right: 30px;}
.form_table.style_4cols .basic_input {height: 28px; border: 1px solid #e3e3e3;}
.form_table.style_4cols .selectbox .ui-button {height: 28px; border: 1px solid #c2c2c2; top: 0;}
.form_table.style_4cols .selectbox .ui-button:focus {box-shadow: 0 0 2px #3858ed; border: 1px solid #3858ed;}
.form_table.style_4cols .selectbox .ui-selectmenu-open {top: 28px !important;}
.form_table.style_4cols span.ui-selectmenu-text {line-height: 26px;}
.form_table.style_4cols .input_group .selectbox {background: none;}
.form_table.style_4cols .input_group.has_select .basic_input {width: calc(100% - 122px); margin-left: 122px;}
.form_table.style_4cols .form {padding-top: 1px;}
.form_table.style_4cols .group {min-height: 28px; line-height: 26px;}
.form_table.style_4cols input[type='text'].border_input, .form_table.style_4cols input[type='email'].border_input {height: 28px; border: 1px solid #e3e3e3;}
.form_table.style_4cols .date_box + .time_group {margin-left: -4px;}
.form_table.style_4cols .date_box + .time_group .selectbox:last-child {margin-right: 0;}
.form_table.style_4cols .input_group .ico.search, .form_table.style_4cols .input_group .ico.group {top: 6px; right: 3px;}

.form_table.style_th140 .form_th {width: 140px; padding-left: 15px;}
.form_table.style_th140 .form_th + td {width: calc(100% -140px); padding-left: 10px;}

.form_table.style_4cols .input_group:not(.discuss) {padding: 0;}
.form_table.style_4cols .input_group .basic_input {display: inline-block; width:100%; overflow: hidden; white-space: nowrap; z-index: 0; height: 30px; padding:0 4px; font-size: 13px;}
.form_table.style_4cols .input_group .ico_btn {display:inline-block; width: 28px; height: 28px; color: #333; padding: 4px 4px 0; margin-right: 8px; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 2px 2px; text-decoration: none; height: 28px; font-size: 0 !important; background: url('/admin/img/common.png') 0 0 no-repeat;}
.form_table.style_4cols .input_group .ico_btn.small {height: 17px; width: 17px; padding: 0; box-sizing: border-box;}
.form_table.style_4cols .input_group .ico_btn.add {right: 5px; background-position: 0 -30px;}
.form_table.style_4cols .input_group.discuss .token-input-delete-token {min-height: 10px;}
textarea.box_textarea {display:block; width:100%; height:auto; min-height: 32px; max-height:100px; overflow: auto; border:1px solid #e3e3e3; font-size: 13px; padding: 6px 4px; line-height: 1.4; box-sizing: border-box;}
textarea.box_textarea:focus {border: 1px solid #3858ed;}
textarea.box_textarea.bbs_write {height: 430px; max-height: 430px;} /* 게시판 일반양식 textarea 스타일 추가 : 2018-10-02 김민우 */

/* 게시판 4열 읽기 */
.form_table.style_4cols.read {padding: 0; margin-bottom: 0; border-top: 0;}
.form_table.style_4cols.read table {border-top:1px solid #e3e3e3; margin-bottom: 0;}
.form_table.style_4cols.read th, .form_table.style_4cols.read td {min-height: 30px; color: #333; font-weight: normal;}
.form_table.style_4cols.read th, .form_table.style_4cols.read tr:first-child th {font-weight: bold; padding: 5px 15px 7px 30px;}/* 패딩값 수정 : 2019-03-27 이연주 */
.form_table.style_4cols.read td, .form_table.style_4cols.read tr:first-child td {padding: 5px 30px 7px 10px;}/* 패딩값 수정 : 2019-03-27 이연주 */

.article_view_head {position: relative; background: #f9f9f9;}
.article_view_head .title {position:relative; padding: 11px 30px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 패딩값 수정 : 2019-03-27 이연주 */
.article_view_head .title.discuss {padding: 11px 30px 12px;} /* 토론실 상세 타이틀 영역 플래그 없음으로 padding값 수정 : 2018-09-12 김민우 *//* 패딩값 수정 : 2019-03-27 이연주 */
.article_view_head .title .form.flag {position: absolute; left: 16px; top: 16px;}
.article_view_head .title .badge {margin:5px 0 0 0; vertical-align: top;}
.article_view_head .title .subject {margin:-2px 0 0 0; font-size: 17px; color:#111; font-weight: bold; line-height:23px; letter-spacing: -1px;}
.article_view_head .title .ico.pop_up {display:inline-block; margin: 4px 0 0 0; vertical-align: top;}
.article_view_head .sub_info {padding: 0 40px; margin:10px 0 0 0;}
.article_view_head .sub_info .date {position: relative; display:inline-block; padding:0 0 0 8px; margin:0 0 0 8px; color:#666;}
.article_view_head .sub_info .date em {font-weight: bold;}
.article_view_head .sub_info .date:after {content:''; position: absolute; top:3px; left:0; display:block; width:1px; height:12px; background: url('/admin/img/divider.png') left top no-repeat;}
.article_view_head .sub_info .date:first-child {padding:0; margin:0;}
.article_view_head .sub_info .date:first-child:after {content:''; display:none;}
.article_view_head .sub_info .team:before {content:'ㆍ'; color:#b3b3b3; margin-left:-3px;}
.form_table.read.etc_info {padding: 0 0 7px 0;} /* bbsinfo 하위 구조로 수정 2018-08-24 김민우 */
.form_table.read.etc_info .key_info {background: none; padding: 0 30px;} /* bbsinfo 하위 구조로 수정 2018-08-24 김민우 *//* 패딩값 수정 : 2019-03-27 이연주 */
.form_table.read.etc_info .key_info .sub2 {border: none;} /* bbsinfo 하위 구조로 수정 2018-08-24 김민우 */
.bbs_area .additional_info {margin: 0 30px; padding: 10px 180px 10px 0; border-bottom: none;}/* 마진값 수정 : 2019-03-27 이연주 */
.bbs_area .content {padding: 25px 64px 25px 30px; font-family: Gulim; font-size: 12px;}/* 패딩값 수정 : 2019-03-27 이연주 *//* 패딩값 수정, 글씨체, 글자크기 추가 : 2020-02-21 이연주 */
.bbs_area .article_view_head {border-top: 1px solid #969696;}/* 마크업 구조 변경에 따른 선택자 수정 : 2018-11-23 이연주 */

/* 결재/서식-관인관리 */
.registered_file {position:relative; overflow:hidden; padding:0; margin:3px 0 -3px -15px; border-top:1px solid #eee;}
.registered_file .registered_file_list {float:left; width:65%; padding: 10px 10px 10px 15px; border-right:1px solid #eee; box-sizing: border-box;}
.registered_file_list ul {padding:5px 0;}
.registered_file_list ul li {height:34px; line-height:34px; padding-left: 15px; padding-bottom:1px;}
.registered_file_list ul li .input_group {position: relative; width:100%; height:32px; padding: 0; padding-top: 2px; border: none;}
.registered_file_list ul li .input_group input.form_control {display: inline-block; float: left; height: 28px; width:calc(100% - 80px); border: 1px solid #c2c2c2; padding-left: 8px;}
.registered_file_list ul li .input_group input:focus.form_control {border-color: #3858ed;}
.registered_file_list ul li .file_name {position:relative; display: inline-block; float: left; width: auto; max-width:calc(100% - 60px); color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.registered_file_list ul .file_name:hover {text-decoration: underline;}
.registered_file_list ul li.select {background-color: #f0f4fc;}
.registered_file_list ul li.select .file_name {color: #3858ed;}
.registered_file_list ul li .file_name:hover, .registered_file_list ul li.select .file_name {text-decoration: underline;}
.registered_file_list ul li .btn_modify {display:inline-block; width:16px; height:16px; margin-left:8px; background: url('/admin/img/sp_common.png') no-repeat -53px -215px; font-size:0; vertical-align: middle;}
.registered_file_list ul li .btn_close {display:inline-block; width:16px; height:16px; background: url('/admin/img/sp_common.png') no-repeat -75px -215px; font-size:0; vertical-align: middle;}
.registered_file .img_chop {float:left; width:35%; height:200px; padding-top:30px; text-align:center; box-sizing:border-box;}
.registered_file .img_chop .img_chop_file {display:inline-block; width:170px; height:170px; line-height: 150px; border: 1px solid #e3e3e3; text-align: center; padding: 10px; box-sizing: border-box;}
.registered_file .img_chop .img_chop_file img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.registered_file_list .setting_head {position: relative; height:30px; border: 1px solid #d9d9d9; border-bottom:1px solid #eee; background: #fafafa;}
.registered_file_list .setting_head .tit {display:inline-block; padding:0 0 0 15px; line-height: 28px; font-size: 12px; color:#4c4c4c;}
.registered_file_list .setting_head .pos_r {position: absolute; right:2px; top:2px;}
.registered_file_list .setting_head .set_btn_list li {float:left; padding: 0; height: inherit; line-height: inherit;}
.registered_file_list .setting_head .set_btn {display:block; position: relative; overflow: hidden; width: 25px; height: 25px; padding:0 0 0 1px; text-indent: -9999px; background:url('/admin/img/btn_arrow.png') no-repeat left top;}
.registered_file_list .setting_head .set_btn:after {content:''; position: absolute; left:0; top:7px; display:block; width: 1px; height: 11px; background:#d9d9d9;}
.registered_file_list .setting_head li:first-child .set_btn {padding:0;}
.registered_file_list .setting_head li:first-child .set_btn:after {background: none;}
.registered_file_list .setting_head .set_btn_list {padding: 0;}
.registered_file_list .setting_head .set_btn.toptop {background-position: 8px 9px;}
.registered_file_list .setting_head .set_btn.top {background-position: 8px -17px;}
.registered_file_list .setting_head .set_btn.bot {background-position: 8px -42px;}
.registered_file_list .setting_head .set_btn.botbot {background-position: 8px -69px;}
.registered_file_list .scroll_area {border: 1px solid #d9d9d9; border-top: none; overflow-x: hidden;}
.registered_file_list ul li .input_group .text_btn {display: inline-block; margin-left: 8px; line-height: 28px;}
.registered_file_list ul li .input_group .text_btn a {color:#2d3f93; float: left; font-size: 12px; padding:0 8px 0 8px; background:url('/admin/img/bar.png') no-repeat 0 9px;}
.registered_file_list ul li .input_group .text_btn a:first-child {background:none; padding-left:0;}
.registered_file_list ul li .input_group .text_btn a:hover {text-decoration: underline;}

/* 결재서식 - 결재선 지정 팝업 */
.pop_tree_area.pop_tree_zone {padding:0; background:none;}
.pop_tree_area.pop_tree_zone .select_zone {padding-bottom:10px;}
.pop_tree_area.pop_tree_zone .srch_zone {padding:10px; background:#eee;}
.pop_sort_change.pop_sort_area {position:relative; margin-top:38px; border-top:0;}
.pop_sort_change.pop_sort_area .select_style_area .select_area {display:inline-block; margin-right:9px; vertical-align:middle;}
.pop_sort_change.pop_sort_area .board_list_table table td {overflow:inherit; text-align:left;}
.pop_sort_change.pop_sort_area .bnt_move02 {position:absolute; top:-43px; left:inherit; right:0;}

/* 자동완성 레이어 */
.manager_add_group .input_group {position:relative;}
.manager_add_group .auto_frame {position:absolute; top:30px; left:-1px; display:none; width:100%; height:115px; overflow-y:auto; background:#fff; border:1px solid #00a5af; z-index:2;}
.token-input .auto_frame {top:auto;}
.manager_add_group .auto_frame.open {display:block;}
.manager_add_group .auto_frame ul li {padding:4px 10px 8px; color:#666; cursor:pointer;}
.manager_add_group .auto_frame ul li:hover {background:#f0fefb;}
.manager_add_group .auto_frame ul li .frame_area {display:table; min-height:36px;}
.manager_add_group .auto_frame ul li .frame_area .photo, .manager_add_group .auto_frame ul li .frame_area .info {display:table-cell; vertical-align:middle;}
.manager_add_group .auto_frame ul li .frame_area .photo {padding-right:8px;}
.manager_add_group .auto_frame ul li .frame_area .info strong.select {color:#00a5af; font-weight:bold;}
.manager_add_group .auto_frame ul li .frame_area .info .mail {display:block;}

/* error */
.error_area {margin-top:250px;}
.error_fix {display:table; text-align:center; width:100%; height:100%;}
.error_txt {display:table-cell; text-align:center; vertical-align:middle;}
.error_txt .tits {display:block; padding:100px 0 0 0; color:#202026; font-size:25px; background:url('/admin/img/error_none.png') no-repeat center 0;}
.error_txt .sums {margin-top:30px; font-size:13px; line-height:20px;}
.error_txt .btns {margin-top:43px;}
a.btn_comm {display:inline-block; margin:0 3px; width:138px; height:36px; line-height:36px; color:#fff; font-size:15px; border:1px solid #333; background-color:#fff; color:#333;}
a.btn_comm:hover {background-color:#eee;}
a.btn_comm:active {background-color:#ddd;}

/* 그래프 좌우 슬라이드 버튼 */
.graph_btn {position: absolute; top:50%; width:100%; margin-top:-25px;}
.graph_btn .btn_pre, .graph_btn .btn_next {position: absolute; width:40px; height:50px; border:1px solid #b4b4b4; border-radius:2px 2px; background-color:#fff; font-size:0; box-sizing:border-box;}
.graph_btn .btn_pre:after, .graph_btn .btn_next:after {content:''; position:absolute; top:50%; left:50%; width:11px; height:22px; margin:-11px auto 0 -6px; background: url('/admin/img/sp_common.png') no-repeat 0 0;}
.graph_btn .btn_pre:after {background-position: -100px -144px;}
.graph_btn .btn_next:after {background-position: -130px -144px;}
.graph_btn .btn_pre:hover:after, .graph_btn .btn_pre:active:after {background-position: -115px -144px;}
.graph_btn .btn_next:hover:after, .graph_btn .btn_next:active:after {background-position: -145px -144px;}
.graph_btn .btn_pre:hover, .graph_btn .btn_next:hover {background-color:#f6f6f6;}
.graph_btn .btn_pre:active, .graph_btn .btn_next:active {border:1px solid #808080; background-color:#fff;}
.graph_btn .btn_pre {left:0;}
.graph_btn .btn_next {right:0;}

.mount_path {padding:8px 0; border-top: 1px solid #202020;}

.board_list_table table td a.calendar_set {width:15px; height:15px; margin-left:5px; border:1px solid #c2c2c2; border-radius:2px 2px; background: #fff url('/admin/img/sp_common.png') no-repeat -224px -112px; font-size:0; vertical-align:middle;}

a.ico_more {width:15px; height:15px; margin-left:4px; border:1px solid #a6a6a6; border-radius:2px 2px; background: #fff url('/admin/img/sp_common.png') no-repeat -244px -111px; font-size:0; box-sizing:border-box;}

/* 게시판 */
.form_table.read.gray table {width: 100%; table-layout: inherit; box-sizing:border-box;}
.form_table.read {position:relative; padding: 20px 40px;}
.form_table.read.gray {background: #f9f9f9;}
/* background: #f9f9f9; --> // 주소록에서 사용하는 읽기 테이블의 배경색 문제로 배경색 보류 - 사용하는 곳 위치 확인후 수정 예정 
--> 배경이 필요한 위치에 gray 클래스 추가하기로 함 180124 */
.form_table.read .form.flag {position: absolute; top:22px; left:20px;}
.form_table.read table {border: 0 none; margin-bottom: 8px;}
.form_table.read table tr th {font-weight: bold; color: #666;}
.form_table.read.grey table tr th {padding: 0; height: 20px; line-height: 20px;}

.form_table .form_th {width: 160px;}
.form_table.read.gray .form_th {width: 110px; padding: 0 15px 0 20px;}
.form_table .form_th + td {width: calc(100% - 160px);}
.form_table.read.gray .form_th + td {width: calc(100% - 110px); padding: 0 15px 0 20px;}

.form_table.read table tr td {color: #666;}
.form_table.read table tr td dl {padding-bottom: 14px;}
.form_table.read table.gray tr td {padding: 0; height: 20px; line-height: 20px;}
.form_table.read table tr td dt {color: #666; display: inline-block;}
.form_table.read table tr td dt:after {content: ':'; padding: 0 4px;}
.form_table.read table tr td dd {color:#333; display: inline-block; max-width: calc(100% - 50px); vertical-align: top;}

.form_table.read.grey table tr:first-child td {padding: 0;} 
.form_table.read table tr.subject {height: 34px; padding: 8px 0;}
.form_table.read table tr.subject th {display: none;}
.form_table.read table tr.subject td h3 {display: inline-block; max-width: calc(100% - 110px); font-size: 17px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; color:#111;}
.form_table.read table tr.subject td .group {display: inline-block;}
.form_table.read table tr.subject td .group .form {margin: 0; padding: 0;}
.form_table.read table tr.subject td .group .form input {display: none;}
.form_table.read table tr.subject td .group .form input + label {display: none;}
.form_table.read table tr.subject td .group .form input:checked + label {display: inline-block; border-radius: 2px; color:#fff; font-size: 12px; padding:1px 2px; height: 18px;}
.form_table.read table tr.subject td .group .form input:checked + label.emergency {background:#ff5959;}
.form_table.read table tr.subject td .group .form input:checked + label.noti {background:#fa8e4b;}

.form_table.read .key_info {padding: 0;}
.form_table.read .key_info .sub2 {padding: 8px 0 0; border-top:1px solid #eee;}

/* 읽기 화면 */
.key_info, .thread_cont.open .key_info {position:relative; background-color: #f9f9f9;}
.key_info .sub {height: 26px; font-size: 0;}
.key_info .sub > * {display:inline-block; font-size: 0; vertical-align: top;}
.key_info .sub .form {margin-top: 4px;}
.key_info .sub .form:first-child {margin-right: 8px;}
.key_info .sub .form.flag {margin: 4px 8px 0 0;}
.key_info .sub .usr_photo {margin-right: 6px;}
.key_info .sub .name {font-size: 15px; color:#111; font-weight: bold; line-height: 25px;}
.key_info .sub .name:after {content:''; display:inline-block; width:2px; height:26px; margin:0 4px; background: url('/admin/img/dott_gray.png') left 50% no-repeat;}
.key_info .sub .team {font-size: 14px; color:#666; line-height: 25px;}
.key_info .sub .team:after {content:''; display:inline-block; width:1px; height:26px; margin:0 8px; background: url('/admin/img/divider.png') left 50% no-repeat;}
.key_info .sub .date {font-size: 12px; color:#969696; line-height: 25px; margin-right:12px;}
.key_info .sub .text_btn {font-size: 12px; line-height: 25px;}
.key_info .title > * {display:inline-block; font-size: 0; vertical-align: top;}

.key_info .title {margin-top:5px; margin-left: 25px; padding-right: 200px;}
.additional_info {padding-right: 200px;}
.key_info .title .locate {font-size: 12px; line-height: 18px;}
.key_info .title .ico.pop_up {position:absolute; margin-top: 2px; margin-left: 6px;}
.key_info .title h2, .key_info .title h3 {display:inline; max-width:100%; font-size: 13px; font-weight: normal; min-height: inherit;}
.thread_cont .key_info .title {margin-top:5px;}
.thread_cont.close .key_info .title h2 {display: inline-block; font-size: 13px; font-weight: normal;}
.vertical_rg .key_info .title {padding-right:40px;}
.additional_info dl {min-height:16px; font-size: 0; padding-left: 12px; display: table; margin-bottom: 8px;}
.additional_info dt {width: 72px; line-height: 16px; font-size: 13px; color: #111; font-weight: bold; display: table-cell; vertical-align:top;}
.additional_info dt .btn_open {width:17px; margin-left:-17px; height:17px;}
.additional_info .sub {display: none;}
.additional_info .sub.open {display: block;}
.additional_info dd {font-size: 13px; color: #666; display: table-cell;}
.additional_info .file_info dd {font-size: 12px;}
.additional_info .file_info dd a {vertical-align: top;}
.additional_info .file_info dd em {color:#ff5959; font-weight: normal;}
.file_info .text_btn:first-child:after {content:''; display:inline-block; width:1px; height: 12px; margin: 3px 2px 0 6px; background: url('/admin/img/divider.png') left 0 no-repeat;}
.divider {content:''; display:inline-block; width:1px; height:12px; margin:0 2px; background: url('/admin/img/divider.png') left 3px no-repeat;}
.additional_info .file_info {margin-top:19px; margin-bottom:0;}
.additional_info dl:first-child.file_info {margin-top:0;}

/* 게시판 읽기 : 메일읽기와 다른 폼으로 작성. 추후 공통 사용되야할 경우 common으로 이식 예정 */
.key_info .subject {position:relative;}
.key_info .subject .ico.pop_up {position: absolute; margin-top: 5px; margin-left: 5px;}
.key_info .subject .ico.commt {position: absolute; margin-top: 5px; margin-left: 5px;}
.key_info .subject .form {position:absolute; top:4px;}
.key_info .subject h3 {padding-left:25px; color:#111; font-weight: bold; font-size: 17px; line-height: 25px;}
.key_info .sub1 {padding-top: 5px; margin:0 40px 0 25px; border-bottom:1px solid #eee; line-height: 26px;}
.key_info .sub1.border_none {border-bottom: none ;}
.key_info .sub1 * {display: inline-block;}
.key_info .sub1 dt {font-size: 13px; color:#666; font-weight: bold;}
.key_info .sub1 dt.blind {width:0; padding:0; font-size: 0; margin-left:-4px;}
.key_info .sub1 dd {font-size: 12px; color:#333; padding-left:4px;}
.key_info .sub1 dd.name, .key_info .sub1 dd.team {font-size: 13px;}
.key_info .sub1 .blind + dd {padding-left:0;}
.key_info .sub1 dd:after {content:''; width:9px; height:26px; display: inline-block; background: url('/admin/img/divider.png') 50% 50% no-repeat; padding:0 3px 0 4px;}
.key_info .sub1 dd.name:after {background: url('/admin/img/dott_gray.png') 50% 50% no-repeat; padding:0 0 0 4px; opacity: .8;}
.key_info .sub1 dd:last-child:after {content: none;}
.key_info .sub2 {padding: 6px 0 0 25px; line-height: 26px;}
.key_info .sub2 * {display: inline-block; vertical-align: top;}
.key_info .sub2 dt {font-size: 12px; color:#666; margin-right:0;}
.key_info .sub2 dt.blind {width:0; padding:0; font-size: 0; margin: 0 -4px;}
.key_info .sub2 dt.ico {font-size: 0; margin-top:5px;}
.key_info .sub2 dd {font-size: 12px; color:#333; padding-left:4px;}
.key_info .sub2 dt.ico + dd {padding-left:0;}
.key_info .sub2 dt.blind + dd {padding-left:0;}
.key_info .sub2 dd:after {content:''; width:9px; height:26px; display: inline-block; background: url('/admin/img/divider.png') 50% 8px no-repeat; padding:0 4px; vertical-align:top;}
.key_info .sub2 dd:last-child:after {content: none;}

.body .content_area .btns_area {min-height: 30px; padding:20px 0;}/* 최소 높이값 추가 : 2018-11-27 이연주 */
.body .content_area .btns_area .util {margin-top: 0;}/* 추가 : 2018-11-28 이연주 */
.container_area .util {position:absolute; right:10px; margin-top:-30px; padding: 0; background: none; z-index: 10;}
.container_area .area_club .util.paginate {right:0;}
.container_area dl.util {margin-top:-40px;}
.container_area dl.util dt {display: inline-block; width:76px; vertical-align: top; padding: 8px 0;}
.container_area dl.util dd {display: inline-block; width:104px; vertical-align: top;}
.container_area .util.btns_area {height:44px; margin-top:-34px;}
.util.paginate {font-size: 0;}
.util.paginate .back_list {margin-right:20px;}
.util.paginate a {display: inline-block; font-size: 13px; color:#666;}
.util .prev:before, 
.util .next:after {content: ''; display:inline-block; width:8px; height:8px; margin-top: 5px; background-image: url('/admin/img/detail_paginate.png'); background-repeat: no-repeat;}
.util .prev:before {background-position: left 0; margin-right:4px;}
.util .next:after {background-position: right 0; margin-left:4px;}
.util .next:before {content: ''; display:inline-block; width: 1px; height: 12px; background: url('/admin/img/divider.png') no-repeat left 0; margin: 4px 10px 0;}

/* 의견 *//* 전반적인 정리 및 수정 : 2020-02-21 이연주 */
.replybox, .replybox * {box-sizing: border-box; line-height: normal !important;}/* 추가 : 2020-02-21 이연주 */
.replybox {position:relative; padding:20 0 30px; border-top: 1px solid #eee; margin: 0 40px;}/* 마진값 수정 : 2019-03-27 이연주 */
.replybox .count {color:#969696;}
.replybox .write {position:relative; width: 100%; border: 1px solid #e3e3e3; background-color: #fff; padding: 0 98px 0 2px; margin-bottom: 8px; font-size: 0;}/* 글자크기 추가 : 2020-02-11 이연주 *//* 배경값, 패딩값 수정, 마진값 추가 : 2020-02-17 이연주 */
.replybox .focus {border: 1px solid #3858ed;}/* border값 수정, 배경값 삭제 : 2020-02-17 이연주 */
.replybox .cont .cont {margin-top: 4px;}/* 선택자 수정 : 2020-02-11 이연주 *//* 마진값 수정 : 2020-02-17 이연주 */
.replybox .cont:not(.write) {font-size: 0;}/* 추가 : 2020-02-17 이연주 */
.replybox .cont:not(.write) > p {font-size: 13px;}/* 추가 : 2020-02-17 이연주 */
.replybox .thread.comment {padding: 0 0 8px;}/* 패딩값 수정 : 2020-02-17 이연주 */
.replybox textarea {width: 100%; height: 40px; padding: 11px 10px 11px 16px; color: #333; max-height: 122px; background-color: transparent; outline: 0; font-size: 13px; line-height: 1.4 !important;}/* min-height:40px; *//* 높이값 추가, 패딩값 수정, 글자크기, 줄간격, box-sizing 추가 */
.replybox textarea:focus {}
.replybox .write .text_btn, .replybox .write2 .text_btn {margin-right: 0; position:absolute; top: 11px; right: 18px; font-size: 13px; color:#969696;}/* 마진값 추가, top값, 글자색 수정 : 2020-02-11 이연주 *//* 글자크기, 좌표값 수정, 색상값, 줄간격값 추가 : 2020-02-17 이연주 */
.replybox .write .text_btn.submit, .replybox .write2 .text_btn.submit {color: #3958ed !important;}/* 선택자 수정 : 2020-02-17 이연주 */
.replybox .write + .list {margin-top: 27px;}/* 추가 : 2020-02-17 이연주 */
.replybox .write2 + .list {margin-top: 13px;}/* 추가 : 2020-02-17 이연주 */
.replybox .pw_group + .write + .list {margin-top: 33px;}/* 추가 : 2020-02-17 이연주 */
.replybox .pw_group + .write + .list .comment {padding-top: 20px;}/* 추가 : 2020-02-17 이연주 */
.replybox .list {margin-left: 5px;}/* 추가 : 2020-02-17 이연주 */
.replybox .list .write .text_btn.submit, .replybox .list .write2 .text_btn.submit {right: 51px; background: url('/admin/img/divider.png') right 50% no-repeat; padding-right: 9px;}/* 선택자 추가 : 2018-11-23 이연주 *//* 선택자 수정 : 2018-11-27 이연주 *//* 선택자 수정 : 2020-02-06 이연주 *//* right, 패딩값 수정 : 2020-02-17 이연주 */
.replybox .list .text_btn.cancel {display: block; right:18px; background: 0 none; width:auto; height: auto; color: #969696 !important;}/* 선택자 수정 : 2018-11-27 이연주 */
.replybox .list > li {position:relative; padding: 8px 0;}/* 패딩값 수정 : 2020-02-17 이연주 */
.replybox .usr_photo {position:absolute; top: 11px; width:34px; height:34px; vertical-align: top;}/* 넓이값, 높이값 수정, left값 삭제, top값 추가 : 2020-02-17 이연주 */
.replybox .group {position:absolute; top:-4px; right:0; height:20px;}/* top, right 수정 : 2020-02-17 이연주 */
.replybox .group .ico {margin-right: 7px;}/* 추가 : 2020-02-17 이연주 */
.replybox .group .ico:after {position:absolute; left: 24px; content: ''; display: inline-block; width: 1px; height: 13px; margin-top: 3px; background: #d9d9d9;}/* left, 넓이값, 높이값, 배경값 수정, 마진값 추가 : 2020-02-17 이연주 *//* 배경색 수정 : 2020-02-20 이연주 *//* 선택자 수정 : 2020-02-20 이연주 */
.replybox .group .ico:last-child {margin-right: 0;}/* 추가 : 2020-02-17 이연주 */
.replybox .group .ico:last-child:after {display: none;}/* 추가 : 2020-02-20 이연주 */
.replybox .group .ico.modify {background-position: -80px -71px;}/* 추가 : 2020-02-17 이연주 */
.replybox .list .usr_photo + .cont {color: #333; padding-left:44px;}/* 패딩값 수정 : 2020-02-17 이연주 */
.replybox .list .name {font-size: 13px; color: #111; font-weight: bold;}
.replybox .list .rank {font-size: 13px; margin-left: 4px;}/* 추가 : 2020-02-07 이연주 */
.replybox .list .time {font-size: 12px; margin-left: 4px; color: #969696;}/* 마진값 추가 : 2020-02-17 이연주 */
.replybox .list .department {font-size: 13px; color: #969696;}/* 글씨크기 수정, 마진값 추가 : 2020-02-06 이연주 *//* 마진값 삭제 : 2020-02-07 이연주 */
.replybox .list .department:before {content:''; display:inline-block; width:2px; height:17px; margin:0 4px; background: url('/admin/img/dott_gray.png') left 50% no-repeat; vertical-align: top;}/* 추가 : 2020-02-06 이연주 */
.replybox .list .department:after {content:''; width:9px; height:17px; display: inline-block; background: url('/admin/img/divider.png') 50% 4px no-repeat; margin:0 0 0 2px; vertical-align: top;}/* 높이값 수정 : 2020-02-06 이연주 *//* 패당값 삭제, 마진값 추가 : 2020-02-07 이연주 */
.replybox .list p {padding: 3px 0 7px;}/* 패딩값 수정 : 2020-02-17 이연주 */
.replybox .list p + .text_btn {font-size: 12px; color: #2d3f93 !important;}/* 추가 : 2020-02-17 이연주 */
.replybox .list .text_btn {font-size: 13px;}/* 글자크기 수정 : 2020-02-17 이연주 */
.replybox .list .thread {position:relative; margin-left:44px;}/* 마진값 수정 : 2020-02-17 이연주 */

/* comment_box */
.comment_group {position: relative; padding: 14px 0 8px;}/* 패딩값 수정 : 2020-02-17 이연주 */
.comment_box {display: inline-block; font-size: 13px;}/* 글자크기 추가 : 2020-02-21 이연주 */
.comment_box dt {display: inline-block; padding:0 4px 0 10px; background: url('/admin/img/divider.png') 0 4px no-repeat;}
.comment_box dt:first-child {padding-left: 0; background:none;}
.comment_box dd.select_type {display: inline-block; margin-left: 4px;}
.comment_box dd.select_type .ui-selectmenu-text {line-height: 26px !important;}/* 추가 : 2020-02-21 이연주 */
.comment_box dd.text_act {display: inline-block; margin-right: 4px;}
.comment_box dd.text_dis {display: inline-block; margin-right: 4px; color: #969696;}

/* reply type image */
.replybox .list p.yes {padding: 4px 0 4px 20px; background: url('/admin/img/community/ico_yes.png') 0 3px no-repeat;}
.replybox .list p.no {padding: 4px 0 4px 20px; background: url('/admin/img/community/ico_no.png') 0 4px no-repeat;}
.replybox .list p.etc {padding: 4px 0 4px 20px; background: url('/admin/img/community/ico_etc.png') 0 4px no-repeat;}

/* reply input type2 */
.replybox .choice {display:inline-block;position:absolute;top:2px;left:0;}/* top값 수정 : 2020-02-11 이연주 */
.replybox .choice a.choice_item {display:inline-block;position:relative;padding: 2px 5px 0 5px;background: url('/admin/img/community/cusor.png') 32px 18px no-repeat;width: 51px; height: 30px;}
.replybox .choice a.choice_item:after {content:''; position: relative; left:42px; top:-4px; display:block; width: 1px; height: 11px; background:#d9d9d9;}
.replybox .choice a.choice_item img {position:relative;text-align:center;left:5px;top: 8px;}
.replybox .choice .choice_box {position: absolute; top: 30px; left: 0; bottom: auto; border: 1px solid #969696; background: #fff; border-radius: 2px; width: 67px; z-index: 9999;}
.choice_box {display: none;}
.open .choice_box {display: block;}
.choice_box li {padding: 0; margin: 0;}
.choice_box li a {display: block; line-height: 22px !important; white-space: nowrap; color: #111; cursor: pointer; padding: 4px 9px; font-size: 13px;}/* 글자크기 추가 : 2020-02-17 이연주 */
.choice_box li a.yes {background: url('/admin/img/community/ico_yes_gay.png') 8px 6px no-repeat; text-align: center; padding-left: 25px;}
.choice_box li a:hover.yes {background: #f0f4fc url('/admin/img/community/ico_yes_gay.png') 8px 6px no-repeat; text-align: center; text-decoration: none;}
.choice_box li a.no {background: url('/admin/img/community/ico_no_gray.png') 8px 7px no-repeat; text-align: center; padding-left: 25px;}
.choice_box li a:hover.no {background: #f0f4fc url('/admin/img/community/ico_no_gray.png') 8px 7px no-repeat; text-align: center; text-decoration: none;}
.choice_box li a.etc {background: url('/admin/img/community/ico_etc.png') 8px 7px no-repeat; text-align: center; padding-left: 25px;}
.choice_box li a:hover.etc {background: #f0f4fc url('/admin/img/community/ico_etc.png') 8px 7px no-repeat; text-align: center; text-decoration: none;}
.replybox .write2 {position:relative; width: 100%; padding: 0 95px 0 55px; background-color: #fff; border: 1px solid #e3e3e3; font-size: 0;}/* border값, 글자크기 추가 : 2020-02-11 이연주 *//* 배경색상값 수정 : 2020-02-17 이연주 */
.replybox .write2.focus {border: 1px solid #3858ed;}/* border값 수정, 배경색상값 삭제 : 2020-02-17 이연주 */
.replybox .write2 textarea {padding-left: 6px;}/* 추가 : 2020-02-17 이연주 */
.replybox .write2.op {position: absolute; top: 8px; height: 30px; width: 70px; padding: 0; background: 0 none;}
.replybox .write2.op .choice a.choice_item {}
.replybox .list .write2 {margin-top: 6px; border: 1px solid #e3e3e3; background-color: #fff;}/* 추가 : 2018-11-27 이연주 */
.replybox .list .write2.focus {border: 1px solid #3858ed;}/* 추가 : 2018-11-27 이연주 */

/* 동호회-토론실관리 의견 */
.bbs_area .replybox {margin: 0 30px;}
.bbs_area .replybox a {text-decoration: none;}
.bbs_area .replybox a:hover {text-decoration: underline;}

/* 16px icon */
.ico {display: inline-block; width: 16px; height: 16px; margin-right: 4px; font-size: 0; background: url('/admin/img/common.png') 0 0 no-repeat;}
.ico.modify {width: 20px; height: 20px; background-position: -80px -72px;}
.ico.del {width: 20px; height: 20px; background-position: -100px -72px;}
.ico.group {background: url('/admin/img/btn_org.png') 0 0 no-repeat;}

/* 스퀘어 그룹 이미지 */
.thum_area {position:relative;}
.thum_wrap {position:relative; left:1px; min-width:410px; max-width:1109px; height:136px; overflow: hidden;}
.thumnails {position:relative; width:2000px;}
.thumnails .thumnail {display:inline-block; margin-right: 4px;}
.thumnails .thumnail span {display: inline-block; width:136px; height:136px; overflow: hidden; cursor: pointer;}
.thumnails .thumnail span img {/* object-fit: cover; object-position:center; */ transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1); transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);}/* object-fit값 삭제 : 2019-05-08 이연주 */
.thumnails .thumnail:hover span img {transition-duration: .3s; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.thum_wrap .btn {position:absolute; width:30px; height:136px; margin:0; display: block; background: url('/admin/img/square/btn_thumnails.png') 0 0 no-repeat; z-index: 2; font-size: 0; cursor: pointer;}
.thum_wrap .btn.pre {top:0; left:0; background-position: 0 0;}
.thum_wrap .btn.next {top:0; right:0; background-position: -30px 0;}
.thum_wrap:hover .btn {display: block;}
.file_box .thumnail {width: 136px; height: 90px; position: relative;}/* 넓이값 수정, position값 추가 : 2019-05-08 이연주 */
.file_box .thumnail_box {display: inline-block; width:100%; height: 100%; overflow: hidden;}/* display값 수정 : 2019-05-08 이연주 */
.file_box .thumnail_box img {width: 100%; height: auto; vertical-align: top; /* object-fit: cover; object-position: center; overflow: hidden; */}/* object-fit값, overflow값 삭제, 넓이값, 높이값, 수직정렬값 추가 : 2019-05-08 이연주 */
.uploaded.file_box {position:relative; display: block; float: none; height: auto;}

/* 그룹만들기 */
.group_member_thumb {position:relative; padding:4px 22px 5px 135px;}
.group_member_thumb .file_input {position: relative; width: auto; font-size: 0; display: inline-block; margin-bottom: 4px; z-index: 2;}
.group_member_thumb .file_input .btn.small {margin-right: 0;}/* 추가 : 2019-05-08 이연주 */
#groupPictureUpload .align_rg.text_group {display: none;}
#groupPictureUpload #fileListAdd {display: none;}
.group_member_thumb .file_input .btn {font-size:0; background: none; border: 0 none; height: 89px; padding: 0;}

.group_member_thumb .file_box .ico.file {position: absolute; display: inline-block; margin-right: 4px; font-size: 0;}
.group_member_thumb .file_box input[type="file"] {width: 100%; height: 100%; opacity: 0; z-index: 2; background: #fff; overflow: hidden; cursor: pointer;}
.group_member_thumb .file_box {position:absolute; left:0; width:136px; height:90px; padding:0; border:0 none;}/* 넓이값 수정 : 2019-05-08 이연주 */
/* .group_member_thumb .file_box .file_name:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0px; border:1px solid #5a79ec;} */
.group_member_thumb .file_box.selected .thumnail:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0px; border:1px solid #3858ed; background: rgba(170, 185, 250, 0.3);}
.group_member_thumb .file_box input[type="text"] {width:136px; height:100%; padding-left:52px; background: #ebf1fc url('/admin/img/ico_add_blue.png') no-repeat 36px 50%; color:#5a79ec; font-size:12px; border:1px solid #5a79ec;}/* 넓이값, 패딩값, 배경값, 글자색, border값 수정 : 2019-05-08 이연주 */
.group_member_thumb .file_box .ico.file {top:0; left:0px; width:135px; height:90px; background: none;}
.group_member_thumb .file_box .thumnails {width: auto;}
.group_member_thumb .file_box a.del {position:absolute; top:5px; right:5px; width:16px; height:16px; background: #7d85a7 url('/admin/img/bg_del_wh.png') no-repeat 3px 3px; font-size:0; z-index: 3;}
.group_member_thumb .thum_wrap, .group_member_thumb .thumnails {height:90px;}
.group_member_thumb .thum_wrap {padding:0 24px; width:360px;}
.group_member_thumb .thum_wrap:before, .group_member_thumb .thum_wrap:after {display: inline-block; content: ''; width:24px; height:90px; background: #fff; position: absolute; top: 0; z-index: 1;}/* 추가 : 2019-05-09 이연주 */
.group_member_thumb .thum_wrap:before {left: 0;}/* 추가 : 2019-05-09 이연주 */
.group_member_thumb .thum_wrap:after {right: 0;}/* 추가 : 2019-05-09 이연주 */
.group_member_thumb .thumnails .thumnail {/* margin-right:-3px; */ height:90px;}/* 마진값 삭제 : 2019-05-08 이연주 */
.group_member_thumb .thumnails .thumnail span {/* position:relative; */ width: 100%; height: 100%;}/* position값 삭제, 넓이값, 높이값 수정 : 2019-05-08 이연주 */
.group_member_thumb .thumnails .thumnail span.selected:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0px; border:1px solid #5a79ec; background: rgba(170, 185, 250, 0.3);}/* 배경값 추가 : 2019-05-08 이연주 */
.group_member_thumb .thum_wrap .btn {width:24px; height:90px; padding:0; background-color:#fff; border: 0 none; border-radius: 0 0; background: #fff url('/admin/img/square/btn_thumnails2.png') 0 0 no-repeat;}
.group_member_thumb .thum_wrap .btn.pre {background-position:0 0;}
.group_member_thumb .thum_wrap .btn.pre:hover {background-position:0 -90px;}
.group_member_thumb .thum_wrap .btn.next {background-position:-24px 0;}
.group_member_thumb .thum_wrap .btn.next:hover {background-position:-24px -90px;}

/* 버디카드 */
.bd_area {position: absolute; display: block; top: 0; margin: 0 auto; width: 362px; background: #fff; border: 1px solid #999; border-radius: 2px; z-index: 999;}
.bd_area, .bd_area * {box-sizing: border-box;}
.bd_area .form_table.read {padding: 0px 20px;} 
.bd_area .form_table.read .profile {padding-left: 0; padding-right: 0;} 
.bd_area .form_table.read .profile ul {max-width: 176px; margin-top:10px;}
.bd_area .form_table.read table tr td dl {padding-bottom: 8px;}
.bd_area .form_table.read th, .bd_area .form_table.read td {padding-left:0; padding-bottom:6px;}
.bd_area .form_table.read th {padding-right:0;}
.bd_area .form_table.read tr:first-child td {padding-top:21px; padding-bottom:5px;}
.bd_area .form_table.read .profile ul li {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0 !important;}
.bd_card {position:relative; display: block; width:360px; height: 100%; min-height: 174px;}
.bd_title {position:relative; height: 48px; line-height: 47px; font-size: 15px; color: #111; padding: 0 30px; border-bottom: 1px solid #969696;}
.bd_cont {position:relative; padding: 15px 25px 0; font-size: 0;}
.bd_pf {position:relative; display: block; margin-bottom:15px;}
.bd_pf .photo, .bd_pf .info {display: inline-block; vertical-align: top;}
.bd_pf .photo {width:120px; height: 120px; overflow: hidden;}/* border-radius값 삭제 : 2019-08-27 이연주 */
.bd_pf .photo img {width:100%; height: 100%; object-fit: cover;}
.bd_pf .info {width:calc(100% - 120px); min-height: 120px; padding-left: 22px;}
.bd_pf .info .people {max-height: 45px; margin-top: 8px; margin-bottom: 2px;}
.bd_pf .info .name + .form {margin-top:7px;}
.bd_pf .info .name {max-width:calc(100% - 20px); display: inline-block; color:#121212; font-size: 19px; vertical-align: top; overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -1px; padding-right: 10px; margin-right: -10px; line-height: 1.5;}
.bd_pf .info .btn_contact {margin-top: 8px;}
.bd_pf .ico_btn {position: static;}

.bd_pf .info .badge {margin: 6px 0 0 6px;}
.bd_pf .info li span, .bd_pf .info li a {display:block; font-size: 12px; color: #666; padding-left: 20px; height: 18px; line-height: 18px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.bd_pf .info .sub_info {padding-top: 1px; margin-bottom: 8px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bd_pf .info .sub_info span {display:inline-block; width:auto; font-size: 12px; color: #666; padding-left: 1px; height: 17px; line-height: 1.4;}
.bd_pf .info .sub_info span:after {content:'·'; padding:4px;}
.bd_pf .info .sub_info span:last-child:after {content:''; padding:0;}
.bd_pf .info .phone span {background: url('/admin/img/ico_phone.png') 3px center no-repeat;}
.bd_pf .info .mobile span {background: url('/admin/img/ico_mobile.png') 4px center no-repeat;}
.bd_pf .info .email a {background: url('/admin/img/ico_email.png') 3px center no-repeat;}
.bd_pf .info dl {display: block; height: 18px; line-height: 18px;}
.bd_pf .info dt, .bd_pf .info dd {display: inline-block; font-size: 12px;}
.bd_pf .info dt {width:68px; color:#666;}
.bd_pf .info dd {color:#333;}
.bd_card .btn_tggle {color:#666; font-size: 12px; background: url('/admin/img/ico_open.png') right -2px no-repeat; padding-right:20px;}
.bd_card .btn_tggle.open {background-position: right -22px;}
.bd_card .bd_detail {display: none;}
.bd_card .bd_detail.open {display:block;}
.bd_card .btns_area.bttm .align_rg .btn {margin-right: 0; margin-left: 8px;}
.bd_card .btns_area.bttm .align_rg .btn:first-child {margin-left: 0;}
.bd_card .btns_area.bttm .align_rg .btn:hover {color: #4c4c4c;}

.bd_cont .tab {position: relative; display: block; width:100%; height: 40px; padding-top:10px; border-bottom: 1px solid #e3e3e3;}
.bd_cont .tab li {background: none; padding: 0 10px;}
.bd_cont .tab li:first-child {padding-left: 0;}
.bd_cont .tab li a {height:30px; line-height: 30px; font-size: 13px;}
.bd_cont .tab li a.selected {color: #4c4c4c; border-bottom-width: 2px;}
.bd_cont .tab_cont {position: relative; display: block; padding: 10px 0; max-height: 150px; min-height: 26px; border-bottom: 1px solid #e3e3e3;}
.bd_cont .tab_cont li {position: relative; height: 26px; line-height: 26px;}
/* 버디카드 메일 */
.bd_cont .tab_cont .state {position:absolute; top:0; left:0; width:24px; text-align: left;}
.bd_cont .tab_cont .state, .bd_cont .tab_cont .title, .bd_cont .tab_cont .date {display: inline-block; vertical-align: top;}
.bd_cont .tab_cont .title {position: relative; padding:0 110px 0 25px; max-width: 100%; height: 26px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.bd_cont .tab_cont .title .subject, .bd_cont .tab_cont .date {font-size: 12px;}
.bd_cont .tab_cont .title .subject {display:inline-block;}
.bd_cont .tab_cont .title .badge {margin-right: 3px;}
.bd_cont .tab_cont .date {position:absolute; right:0; color:#969696;}
/* 버디카드 일정 */
.bd_cont .schedule_lypop {position: relative; vertical-align: top;}
.bd_cont .schedule_lypop span, .bd_cont .schedule_lypop a {vertical-align: top;}
.bd_cont .schedule_lypop .sche_st5 {position: relative; padding:0 110px 0 12px; max-width: 100%; height: 26px; line-height:26px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.bd_cont .schedule_lypop .sche_st5 .dal_color {position:absolute; left:2px; top:10px; width:6px; height: 6px; border-radius: 6px;}
.bd_cont .schedule_lypop .schedule {display:inline-block; font-size: 12px; height: 26px; line-height:26px;}
.bd_cont .schedule_lypop .date {height: 26px; line-height:26px;}

.bd_card .btns_area.bttm {padding:5px 26px 26px 0;}
.bd_card .btns_area.bttm .align_rg {text-align: right;}

/* 아이콘 버튼 - 원형 배경 타입 */
.ico_btn.type_bg {width: 28px; height: 28px; margin-right: 8px; background-image: url('/admin/img/common.png'); background-color: #edf3ff; border: 0; border-radius: 50%;}
.ico_btn.type_bg:hover {background-color: #e1eafc !important;}
.ico_btn.type_bg.message {background-position: -178px -66px;}

/* 파일첨부 */
.btn_attach {position:relative; display: inline-block; vertical-align: top; width:70px; height: 28px;}
.btn_attach .single_attach {position:absolute; width:70px; height:28px; line-height:26px; overflow: hidden;}
.btn_attach span.single_attach {display: none;}

.attach.description {position:relative; display: inline-block; vertical-align: top; height: 28px;}
.attach.description p {font-size: 12px; line-height: 1.1; color: #666666;}

.file_list p {font-size: 12px; color: #333333;}
.file_list {margin-top:3px;}
.file_list li {height: 20px;}
.file_list .attached_file {position:relative; padding:0 16px 0 0;}
.file_list .attached_file p {position:relative; display: inline-block; height:20px; line-height: 20px; padding:0px;}
.file_list .attached_file p:before {position:relative; content:''; width:16px; height:20px; display: inline-block; background: url('/admin/img/sp_common.png') no-repeat 2px -232px; vertical-align: top;}
.ico_btn {position:absolute; display: inline-block; top:0; width: 16px; height: 16px; background: url('/admin/img/sp_common.png') no-repeat -14px -209px; font-size: 0; vertical-align: middle;}
.ico_btn.small {height: 15px; width: 15px;}

.file_list .attached_file .file_name {display: inline-block; max-width: 350px; margin-top: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.file_list .attached_file .file_extension {display: inline-block; vertical-align: middle; margin-top: -1px;}
.file_list .attached_file .ico_btn {top: -3px;}/* 추가 : 2019-03-07 이연주 */
.file_list .attached_file .file_size {display: block; padding-left: 16px; margin-top: -3px; font-size: 12px; color: #999;}

/* 추가 : 2019-02-11 이연주 */
.file_list.single {display: inline-block; vertical-align: top;}/* 수직정렬값 추가 : 2019-05-13 이연주 */
.file_list.single .attached_file .ico_btn {top: -2px; right: 0;}
.profile_photo .file_list.single {vertical-align: text-bottom; position: relative; top: 2px;}/* 추가 : 2019-05-13 이연주 */
.preview_img {width: 470px; margin-top: 8px; border: 1px solid #c2c2c2; box-sizing: border-box;}
.preview_img img {max-width: 100%;}

/* 썸네일 등록 UI 추가 : 2019-03-07 이연주 */
.form_thumbnail {padding: 2px 0; overflow: hidden;}
.form_thumbnail .thumbnail_img, .form_thumbnail .thumbnail_info {float: left;}
.form_thumbnail .thumbnail_img {width: 200px; height: 282px; overflow: hidden;}
.form_thumbnail .thumbnail_img img {width: 200px; height: 282px; border: 1px solid #c2c2c2; box-sizing: border-box;}
.form_thumbnail .thumbnail_info {padding: 0 5px;}
.form_thumbnail .thumbnail_info .file_list {margin-top: 16px;}
.form_thumbnail .thumbnail_info .file_list li {height: auto;}

/* 연동서식 */
.vertical_ui {position: relative; font-size: 0; width:100%; padding: 20px 0 30px;}
.vertical_ui .vertical_ui {padding: 10px 0 30px;}
.vertical_ui h3.title {position: relative; font-size: 14px; line-height: 34px; height: 34px; color: #333;}
.vertical_ui h3.title.sub {margin-top:20px;}
.vertical_ui h3.title.sub .align_lf {float:left; margin-right: 15px;}
.vertical_ui .left_btn a {margin-right: 8px; font-weight: normal;}
.vertical_ui .right_btn {padding-right: 0;}
.vertical_ui .right_btn a {margin-right: 0;}
.vertical_lf {position: relative; display: inline-block; vertical-align: top; width: 390px; box-sizing:border-box; padding-right:30px;}
.vertical_rg {position: relative; display: inline-block; vertical-align: top; width:550px; box-sizing:border-box;}

.vertical_lf .list_btn_area {float: none; margin: 0;}
.vertical_lf .list_btn_area .left_btn {padding: 0;}
.lb_form_lst {width:100%; height: 100%;}
.form_definition {background-color:#f7f7f7; height: 30px; line-height: 28px; border-top: 1px solid #ccc; border-bottom: 1px solid #eee; color: #4c4c4c; font-size: 13px; padding: 0 40px;}
.lb_form_lst {max-height: 390px; min-height:90px; overflow: auto; padding-top:5px;}
/* .lb_form_lst ul.ui-sortable {max-height: 390px; min-height:90px; overflow: auto;} */
.vertical_ui ul.ui-sortable li {height: 36px; line-height: 33px; margin: 1px 0; background: #fff; font-size: 13px; color:#333; padding: 0 16px;}
.vertical_ui ul.ui-sortable li:hover {background: #f5f5f5; border-color: #c2c2c2; outline: none !important;}

.vertical_ui .title {font-size: 13px;}
.vertical_ui .detail_ctt_box {display: table; width: 570px; border-top:1px solid #ccc;}
.vertical_ui .detail_ctt_box dl {display: table-row;}
.vertical_ui dt {font-size: 13px; display: table-cell; width: 145px; background: #fafafa; border-bottom: 1px solid #e3e3e3; padding:0 14px; height: 34px; line-height: 34px;}
.vertical_ui dt span {height: 34px; line-height: 34px;}
.vertical_ui dd {font-size: 13px; display: table-cell; border-bottom: 1px solid #e3e3e3; vertical-align: top; padding:2px 10px;}
.vertical_ui dd span.selectbox .ui-selectmenu-button.ui-button {width: 200px; max-width: none;}
.vertical_ui dd span.txt {height: 30px; line-height: 30px;}
.vertical_rg .vertical_lf {width: 240px; display: inline-block; padding-right: 0;}
.vertical_rg .vertical_rg {width: 240px; display: inline-block;}
.vertical_rg .lst_move {width: 30px; height:112px; margin: 104px 20px 0; display: inline-block;}
.vertical_rg .lst_move {}
.vertical_rg .lst_move a {display:block; width:30px; height:50px; border: 1px solid #ccc; border-radius: 2px; margin-bottom: 10px; padding:18px 0; box-sizing: border-box;}
.vertical_rg .lst_move a:hover {background-color:#f5f5f5;}
.vertical_rg .lst_move a.disabled:hover {background-color:#fff; border-color: #ccc;}
.vertical_rg .lst_move a:active {background-color:#fff; border-color:#969696;}
.vertical_rg .lst_move a.disabled :active {background-color:#fff; border-color: #ccc;}
.vertical_rg .lst_move a i {display:block; width:8px; height:14px; background: url('/admin/img/sp_common.png') 0 0 no-repeat; margin: 0 auto;}
.vertical_rg .lst_move a.del i {background-position: -193px -66px;}
.vertical_rg .lst_move a.del.disabled i {background-position: -179px -66px;}
.vertical_rg .lst_move a.add i {background-position: -194px -86px;}
.vertical_rg .lst_move a.add.disabled i {background-position: -180px -86px;}

.vertical_ui .ui-widget-content {color: #333333;}
.vertical_ui .ui-state-active, .vertical_ui .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #cadcff !important; 
    background: #edf3ff !important; 
    font-weight: bold; 
}
.vertical_ui .ui-state-default, .vertical_ui .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.vertical_ui .ui-sortable-handle {
    -ms-touch-action: none; 
    touch-action: none; 
}
.vertical_ui .ui-widget input, .vertical_ui .ui-widget select, .vertical_ui .ui-widget textarea, .lb_form_lst .ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 
font-size: 1em; 
}

.vertical_ui.action .list, .vertical_ui.action .slt {border: 1px solid #e3e3e3; width:240px; height: 320px;}
.vertical_ui.action .vertical_rg {padding: 0;}
.vertical_ui.action .vertical_rg select {width:100%; height: 100%; padding: 10px;}
.vertical_ui.action .list {/* padding: 10px; */ box-sizing: border-box; /* overflow-y: auto; */;}/* overflow-y 속성 추가 : 2018-07-18 이연주 *//* 패딩, overflow-y 속성 주석처리 : 2018-07-19 이연주 */
.vertical_ui.action .list .fc-field-list, .vertical_ui.action .vertical_lf.list .ui-sortable {width:100%; height:100%; padding: 10px; background: none; box-sizing: border-box; overflow-y: auto; outline: none !important;}/* 추가 : 2018-07-19 이연주 *//* overflow 속성 추가 : 2018-12-11 이연주 */

.ico_refresh a {content: ''; font-size:0; padding:0; width:27px; width:27px; display: block; background-image: url('/admin/img/sp_common.png'); background-position: -13px -229px; background-repeat: no-repeat;}
.ico_refresh.right_btn, .ico_refresh.right_btn a {padding-right: 0; margin-right: 0;}

.vertical_ui .help_txt {font-size: 12px; color: #777; text-align: center; height: 40px; line-height: 28px;}
.lb_form_lst .help_txt {height: 90px; line-height: 90px;}

.vertical_ui .checkbox input, .vertical_ui .radio input {opacity: 0;}
.vertical_ui .checkbox label, .vertical_ui .radio label {background-position-y: 10px;}
.vertical_ui .checkbox label.checked, .vertical_ui .radio label.checked {background-position-y: -90px;}

.popup_layer .vertical_ui {padding: 0; margin-top: 15px;}
.popup_layer .vertical_ui.action {margin-left: 0; width: 100%;}/* 추가 : 2018-07-19 이연주 */
.popup_layer .vertical_ui .vertical_lf {margin-right: 30px;}
.popup_layer .vertical_ui.action .vertical_lf, .popup_layer .vertical_ui.action .vertical_rg {width:250px;}

.board_view.scroll_area_tab > .vertical_ui {padding: 0;}/* 추가 : 2019-04-11 이연주 */

/* 결재 */
.appr_prop_wrap {font-size: 0; padding-top: 2px;}
.appr_prop_wrap .prop {display:inline-block; overflow: hidden; width: 16px; height: 16px; margin:0; text-indent: -9999px; background: url('/admin/img/ico_list_appr2.png') no-repeat left top; margin-right:2px; vertical-align: top;}

/* 16 x 16 */
.appr_prop_wrap .prop.draft {background-position-x: 0;}/* 기안한문서 */
.appr_prop_wrap .prop.receive {background-position-x: -16px;}/* 수신문서 */
.appr_prop_wrap .prop.n_elect {background-position-x: -32px;}/* 비전자문서 */
.appr_prop_wrap .prop.filing {background-position-x: -48px;}/* 편철문서 */

/* 10 x 10 */
.appr_prop_wrap .prop.cc {width: 10px; height: 10px; background-position-x: -64px; margin-top:2px;}/* 공람 */
.appr_prop_wrap .prop.doc {width: 10px; height: 10px; background-position-x: -74px; margin-top:2px;}/* 관련문서 */
.appr_prop_wrap .prop.restricted {width: 10px; height: 10px; background-position-x: -84px; margin-top:2px;}/* 열람제한 */
.appr_prop_wrap .prop.history {width: 10px; height: 10px; background-position-x: -94px; margin-top:2px; margin-right: 1px;}/* 이력관리 */
.appr_prop_wrap .prop.cmmt {width: 10px; height: 10px; background-position: -104px -1px; margin-top:3px;}/* 의견 */
.appr_prop_wrap .prop.return {width: 10px; height: 10px; background-position-x: -114px; margin-top:2px; margin-right: 1px;}/* 반송 */
.appr_prop_wrap .prop.inspection {width: 10px; height: 10px; background-position-x: -124px; margin-top:2px; margin-right: 1px;}/* 감사의견 */

.form_table {padding: 10px;}
.popup td .file_box.full {width: 100%; box-sizing: border-box;}
.popup td .file_box {width: 280px; padding-right: 114px;}
.file_box {position: relative; width: 320px; height: 28px; border: 1px solid #e3e3e3; padding: 0 30px 0 9px; overflow: hidden;}
.popup td .file_box.full input[type="text"] {width: 100%;}
.file_box .file_name {display: block; height: 28px; line-height: 26px; z-index: 1; white-space: nowrap;}
.popup td .file_box.full .file_size {position: absolute; top: 0; right: 50px; width: 50px; color: #969696;}
.popup td .file_box .cancel {position: absolute; top: 1px; left: 234px; cursor: pointer; background: url('/admin/img/bg_del.png') no-repeat 6px 7px;}
.popup td .file_box.full .cancel {left: 520px;}
.file_box input[type="file"] {width: 100%; height: 100%; opacity: 0; z-index: 2; background: #fff; overflow: hidden; cursor: pointer;}
.popup td .file_box.full .ico.file {position: absolute; top: 2px; left: 540px; width: 24px; height: 26px; opacity: .8; z-index: 1; background: url('/admin/img/sp_common.png') 4px -232px no-repeat;}
.form_table td span {display: inline-block; min-height: 22px; line-height: 22px;}
.cancel {display: inline-block; width: 17px; height: 28px; background: url('/admin/img/bg_del.png') no-repeat 6px 8px; font-size: 0; vertical-align: top;}
.btns_area.bttm {height: 48px; padding: 5px 30px 13px; margin-bottom: 0; border-bottom: 0 none; box-sizing: border-box;}
.align_rg {position: relative; float: right; white-space: nowrap;}
.align_lf {position:relative; float: left; white-space: nowrap;}/* 추가 : 2018-11-28 이연주 */
.align_lf .btn:not(:active):not(.disabled) {color: #4c4c4c;}/* 추가 : 2019-04-05 이연주 */

/* 기록물철 추가 : 2020-04-09 */
.file_group.download.scroll_area {max-height: 245px;}
.file_group.download > ul > li {margin-top: 7px; overflow: hidden;}
.file_group.download > ul > li:first-child {margin-top: 0;}
.file_group.download > ul > li a {color: #3858ED}
.file_group.download > ul > li a:hover {text-decoration: underline;}

.file_group.upload.scroll_area {max-height: 245px;}
.file_group.upload > ul > li {margin-top: 5px; overflow: hidden;}
.file_group.upload > ul > li:first-child {margin-top: 0;}

/* embed 영역 */
.view_embed_area {width: 100%; height: 304px; margin-top: 37px;}

/* embed 페이지 */
.view_embed_cont {width: 100%;}
.view_embed_cont .view_table:first-child {padding-top: 9px;}
.view_embed_cont .view_table .board_list .right_btn.ico_refresh {top: 0;}
.view_embed_cont .view_table .board_list .paginate_area {position: static; width: 100%;}