@charset "utf-8";
@import url('/user/css/initialize.css');

/* 여백 조절 용 */
.mg_cust1 {margin: 5px 0 0 0 !important;}
.mg_0 {margin: 0 !important;}
.mg_t_-35 {margin-top: -35px !important;}
.mg_t_4 {margin-top: 4px !important;}
.mg_t_7 {margin-top: 7px !important;}
.mg_t_15 {margin-top: 15px !important;}
.mg_t_20 {margin-top: 20px !important;}
.mg_t_30 {margin-top: 30px !important;}
.mg_t_40 {margin-top: 40px !important;}
.mg_b_5 {margin-bottom: 5px !important;}
.mg_b_10 {margin-bottom: 10px !important;}
.mg_b_20 {margin-bottom: 20px !important;}
.mg_r_0 {margin-right: 0px !important;}
.mg_r_7 {margin-right: 7px !important;}
.mg_r_10 {margin-right: 10px !important;}
.mg_r_13 {margin-right: 13px !important;}
.mg_r_20 {margin-right: 20px !important;}
.mg_l_7 {margin-left: 7px !important;}
.mg_l_8 {margin-left: 8px !important;}
.mg_l_10 {margin-left: 10px !important;}
.mg_l_15 {margin-left: 15px !important;}
.mg_l_25 {margin-left: 25px !important;}
.mg_l_40 {margin-left: 40px !important;}
.pd_t_0 {padding-top: 0 !important;}
.pd_b_0 {padding-bottom: 0 !important;}
.pd_t_4 {padding-top: 4px !important;}
.pd_0 {padding: 0 !important;}
.pd_l_0 {padding-left: 0px !important;}
.pd_l_13 {padding-left: 13px !important;}
.pd_t_15 {padding-top: 20px !important;}
.pd_l_35 {padding-left: 35px !important;}

/* display */
.display_none, .dsp_none {display: none !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important;}
.display_none *, .dsp_none * {display: none !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important;}
.display_block, .dsp_block {display: block !important;}
.display_inline_block, .dsp_inline_block {display: inline-block!important;}

.placeholdersjs {color: #333 !important;}
input[type="text"]:disabled.placeholdersjs {color: #ccc !important;}

/* 빈 div를 위한 클래스 */
.hg_100 {height: 100%;}

/* 프로필 이미지 */
.img_profile {display: block; width: 100%; height: 100%; border-radius: 100%; background-size: cover !important;}/* 수정 : 2019-08-19 */

/* notice */
.note {position: absolute; top: 50px; left: 50%; width: auto; min-width: 292px; height: 36px; margin-left: -150px; padding: 0 14px; background: rgba(121, 127, 156, 0.8); border: 1px solid #61698d; border-radius: 2px; vertical-align: top; overflow: hidden; z-index: 121;}/* 수정 : 2018-11-02 */
.note p {padding: 8px 36px 8px 0; color: #fff; font-size: 12px; line-height: 1.4; letter-spacing: -0.3px;}
.note p:only-child {padding-right: 0 !important;}
.note p em {color: #ffcc00; font-weight: bold;}
.note .confirm {position: absolute; top: calc(50% - 8px); right: 11px; width: 16px; height: 16px; background: url('/user/img/bg_del_wh.png') no-repeat 50% 50%; font-size: 0;}
.note .txt_btn {position: absolute; top: 50%; right: 37px; margin-top: -8px; font-size: 11px; color: #fff; letter-spacing: -0.7px;}
.note .txt_btn:after {position: absolute; left: 0; right: -2px; bottom: 0px; display: block; content: ''; height: 1px; background-color: #fff;}
.note .txt_btn:hover {text-decoration: none;}
.note.has_return p {padding-right: 89px;}
.note.multi {max-width: 375px; height: auto; padding: 0 16px;}
.note.multi p {padding-right: 50px;}
.note.multi .confirm {right: 13px;}
.note.multi .txt_btn {right: 39px;}
.note.multi.has_return {max-width: 406px;}
.note.multi.has_return p {padding-right: 91px;}

@keyframes fadeout {
    87% {opacity: 1;}
    100% {opacity: 0; visibility: hidden;}
}
@-webkit-keyframes fadeout {
    87% {opacity: 1;}
    100% {opacity: 0; visibility: hidden;}
}
.note.type_fade {
    opacity: 1;
    -webkit-transition: ease-in;
    transition: ease-in;
    -webkit-animation: fadeout 4.5s forwards;
    animation: fadeout 4.5s forwards;
}

.fnt_bold {font-weight: bold;}
.fnt_grey {color: #969696 !important;}
.fnt_grey2 {color: #666 !important;}
.fnt_alert {color: #ff5959;}
.fnt_blue {color: #3858ed;}
.fnt_blck {color: #111 !important;}
.srched_blck {background: #fee6bf;}
p.pre_line {white-space: pre-line !important;}

.note_message {font-size: 12px; letter-spacing: -0.3px;}
.note_message.type_bg {padding: 7px 13px 8px; color: #000;}
.note_message.type_bg.caution {background-color: #ffeeee;}

/* cursor */
.pointer, .pointer:hover {cursor: pointer !important;}
.no_link, .no_link:hover {cursor: default!important; text-decoration: none;}
/* 스크롤 */
.wrap-hs {width: auto; min-height: 100% !important;}
.container_area.handy-scroll > .wrap-hs {min-width: 974px;}/* 수정 : 2019-02-13 */
.lnb_menu > .handy-scroll > .wrap-hs, .org_group .wrap-hs {min-width: max-content; min-width: -moz-max-content; min-width: -webkit-max-content; min-width: -o-max-content; min-width: -ms-max-content;}

/* align */
.align_lf {position: relative; float: left; white-space: nowrap;}
.align_rg {position: relative; float: right; white-space: nowrap;}
.align_ct {position: relative; margin: 0 auto; text-align: center;}
.tr {text-align: right;}
.vertical_align_md {vertical-align: middle !important;}

/* flex 영역 */
.flex_area {display: flex; width: 100%; height: 100%;}
.flex_area.type_col {flex-direction: column;}
.flex_area > * {flex-shrink: 0;}
.flex_area > .fit_area {flex: 1; overflow: hidden;}

/* tab */
.tab:after {display: block; content: ''; clear: both;}
.tab li {float: left; padding: 0 12px 0 13px; background: url('/user/img/divider.png') no-repeat 0 7px;}
.tab li:first-child {background: none;}
.tab li a {display: block; line-height: 24px; font-size: 14px; color: #666; letter-spacing: -1px;}
.tab li a:hover {text-decoration: none; border-bottom: 1px solid #3858ed;}
.tab li a.selected {font-weight: bold; color: #3858ed; border-bottom: 1px solid #3858ed;}
.tab li a.selected:hover {text-decoration: none;}
.tab.col2 li {width: 50%;}
.tab.col3 li {width: 33.3%;}
/* has_icon */
.tab.has_icon li a {padding: 8px 5px 6px 5px; font-size: 11px; line-height: normal;}
.tab.has_icon li a.selected {font-weight: normal;}
.tab.has_icon li .icon {position: relative; display: block; width: 16px; height: 16px; margin: 0 auto 2px; font-size: 0;}
.tab.has_icon li .icon::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.tab.has_icon li .icon.storage::before {background-position: -100px 0;}
.tab.has_icon li .icon.square::before {background-position: -120px 0;}
.tab.has_icon li .icon.category::before {background-position: -140px 0;}
.tab.has_icon li .icon.todo::before {background-position: -160px 0;}
.tab.has_icon li a.selected .icon::before {background-position-y: -20px;}

.content_table .tab {display: block; height: 62px; padding-top: 22px; padding-bottom: 10px;}
.content_table {display: block; height: 100%;}
.content_table .tab li {background-position-y: 6px;}
.content_table .tab li:first-child {padding-left: 0;}
.content_table .tab li a {font-size: 13px;}
.content_table .tab li a:hover {font-size: 13px; border-bottom: 1px solid #111;}
.content_table .tab li a.selected {color: #111; border-bottom: 1px solid #111;}
.content_table.border {border-top: 1px solid #969696;}

/* tab - 박스형 */
.tab_box {height: 33px; margin: 20px 20px 0; border-bottom: 1px solid #E3E3E3; font-size: 0;}
.tab_box li {display: inline-block; width: 119px; margin-left: -1px; font-size: 0; vertical-align: top;}
.tab_box li:first-child {margin-left: 0;}
.tab_box li a {display: block; height: 32px; padding: 0 15px; background-color: #f9f9f9; border: 1px solid #E3E3E3; border-bottom: 0; font-size: 13px; color: #666; line-height: 32px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_box li a:hover {background-color: #ebebeb; text-decoration: none;}
.tab_box li a.selected {position: relative; height: 33px; background-color: #fff; font-weight: bold; color: #111; z-index: 2;}

.dfine_info {border: 1px solid #e3e3e3; padding: 13px 20px 12px; margin: 20px 30px; font-size: 13px;}
.dfine_info dt {display: inline-block; font-weight: bold;}
.dfine_info dt:after {content: ''; display: inline-block; width: 1px; height: 17px; margin: 0 8px; background: url('/user/img/divider.png') no-repeat right center; vertical-align: top;}
.dfine_info dd {display: inline-block; vertical-align: top;}
.dfine_info dd.date {color: #666; font-size: 12px;}

.delimiter:before {content: ''; display: inline-block; width: 6px; height: 18px; background: url('/user/img/dott_gray.png') no-repeat 0 center;}

/* selectbox */
.selectbox {position: relative; display: block; width: 100%;}
.selectbox .ui-button {vertical-align: top;}
.selectbox .ui-button:focus {box-shadow: 0 0 2px #3858ed; border: 1px solid #3858ed;}
.selectbox .ui-selectmenu-text {max-width: calc(100% - 17px); line-height: 24px;}
.selectbox .ui-selectmenu-menu .ui-widget.ui-widget-content.scroll-wrapper {max-height: 182px !important; overflow: hidden !important;}

.selectbox.br_bttm .ui-button, .selectbox.border_select .ui-button {padding: 0 3px; border-color: transparent; border-bottom-color: #e3e3e3; border-radius: 0;}
.selectbox.br_bttm .ui-button:hover, .selectbox.border_select .ui-button:hover {background-color: transparent;}
.selectbox.br_bttm .ui-button:focus, .selectbox.border_select .ui-button:focus {border: 1px solid #3858ed;}
.selectbox.br_bttm .ui-selectmenu-text, .selectbox.border_select .ui-selectmenu-text {line-height: 24px;}
.selectbox.noTxt .ui-button {border: none;}
.selectbox.noTxt .ui-button span {display: none;}
.selectbox.page_num {width: 52px !important;}/* 수정 : 2018-12-06 */
.selectbox.page_num .ui-menu .ui-menu-item {min-width: 50px !important;}/* 수정 : 2018-12-06 */
.selectbox.align_opt_rg .ui-selectmenu-menu {left: auto !important; right: 0;}
.selectbox.text {display: inline-block; width: 113px;}
.selectbox.text.time {width: 75px; vertical-align: top;}/* 수정 : 2020-01-08 */

/* form */
.form {position: relative; display: inline-block; height: 16px; margin-left: 8px;}
.form:first-child {margin-left: 0;}
div.form {display: block;}

.form > input {position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; opacity: 0; z-index: 2;}
.form > label {position: relative; display: inline-block; min-width: 16px; height: 16px; line-height: 16px; padding-left: 18px; vertical-align: top;}
.form > label:before {position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/bg_form.png'); background-repeat: no-repeat;}

label.blind {padding: 0; font-size: 0;}
.form input[type="checkbox"]:focus + label.blind, .form input[type="radio"]:focus + label.blind {margin: 0; border: none; box-shadow: none;}
.lnb_menu .form input[type="checkbox"]:focus + label, .lnb_menu .form input[type="radio"]:focus + label {margin: 0; border: none; box-shadow: none;}
label.emergency {color: #ff5959;}

.form.img {height: auto; vertical-align: top;}
.form.img > input, .form.img > label:before {top: 0; margin-top: 0;}
.form.img > label {display: inline-block; min-width: 16px; height: auto; padding-left: 18px; vertical-align: top;}

.form input[type="checkbox"] + label:before {background-position: 0 0;}
.form input[type="radio"] + label:before {background-position: -20px 0;}
.form.favorite input[type="checkbox"] + label:before {background-position: -40px 0;}
.form.flag input[type="checkbox"] + label:before {background-position: -60px 0;}

.form input[type="checkbox"]:hover + label:before, .form input[type="radio"]:hover + label:before, .form input[type="checkbox"] + label:hover:before, .form input[type="radio"] + label:hover:before {background-position-y: -60px;}
.form input[type="checkbox"]:disabled + label:before, .form input[type="radio"]:disabled + label:before {background-position-y: -40px;}
.form input[type="checkbox"]:checked + label:before, .form input[type="radio"]:checked + label:before {background-position-y: -20px;}

.form input[type="checkbox"]:focus + label, .form input[type="radio"]:focus + label {margin: 0;}
.form input[type="checkbox"]:disabled + label, .form input[type="checkbox"]:checked:disabled + label, .form input[type="radio"]:disabled + label, .form input[type="radio"]:checked:disabled + label {opacity: 0.38;}

.form.check_round input[type="checkbox"] + label:before {background-position-x: -80px;}

/* 과제 책임자 - 한국교육개발원만 사용 */
.form.manager input[type="checkbox"] + label:before {background-position: -40px 0;}
.form.manager input[type="checkbox"]:not(:disabled):not(:checked):hover + label:before {background-position-y: -60px;}
.form.manager input[type="checkbox"]:checked + label:before {background-image: url('/user/img/bg_form_manager.png'); background-position: 0 0;}

/* form_group 추가 : 2020-04-06 */
.form_group {min-height: 28px; font-size: 0;}
.form_group .form {min-height: 28px; padding-top: 6px; padding-bottom: 6px; margin: 0 15px 0 0;}
.form_group .form:last-child {margin-right: 0;}

/* input group */
.input_group {position: relative; border-bottom: 1px solid #e3e3e3; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
/*.input_group:hover {border-bottom: 1px solid #3858ed;}*/
.input_group.none {border-bottom: 0; clear: both;}
.form + .input_group {display: inline-block; width: calc(100% - 26px);}
.input_group.none:hover {border-bottom: 0 !important;}/* hover시 border-bottom 안나오도록 추가 : 2018-09-14 김민우 */
.form.display_none + .input_group {width: 100%;}
.input_group.short {max-width: 246px;}
.input_group .focused {border-bottom: 1px solid #3858ed;}
.input_group.focused {border-bottom: 1px solid #3858ed;}
.input_group.error {border-bottom: 1px solid #ff5959;}
.input_group ul.token-input-list {padding: 2px 0; white-space: normal;}
.input_group .date_btn {right: 4px;}
.input_group .selectbox {position: absolute; top: 1px; max-width: 114px;}
.input_group .selectbox {background: url('/user/img/divider.png') no-repeat right 50%;}
.input_group .selectbox .ui-button {height: 28px; padding: 0 3px; background-color: transparent; border-color: transparent; font-size: 13px; line-height: 24px; font-size: 13px; z-index: 1;}
.input_group .selectbox .ui-button:hover {background-color: transparent}
.input_group .selectbox .ui-button:active, .input_group .selectbox .ui-button:focus {border-color: #3858ed;}
.input_group .selectbox .ui-selectmenu-text {display: block; line-height: 26px;}
.sched_group .ui-button {top: 4px; height: 26px; border-width: 0 0 1px 0; border-radius: 0; background-color: transparent; z-index: 1;}
.sched_group .group {display: inline-block;}
.sched_group .datepic_area .date_box .date_btn {right: 4px;}

.input_group.aft_selector {border-bottom: 0 none;}
.input_group.aft_selector input[type="text"] {display: inline-block;}
.input_group.aft_selector p {display: inline-block; padding-top: 5px;}/* 수정 : 2018-07-02 */
.input_group.aft_selector .selectbox {top: 0; right: 0; display: inline-block; max-width: inherit; height: 31px; background-image: none; border-bottom: 1px solid #e3e3e3;}
.input_group.aft_selector .selectbox .ui-selectmenu-menu {width: 100%;}

/* 추가 : 2019-03-05 */
.input_group .text_wrap {flex: 1; display: inline-block;}
.input_group .text_wrap.single {height: 30px; padding: 0 0 0 4px; font-size: 13px; color: #333; line-height: 2.3; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.input_group .text_wrap.multi {min-height: 27px; margin-top: 4px; line-height: 1.7;}

.input_group .basic_input {display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; z-index: 0; height: 30px; padding: 0 4px 1px; font-size: 13px;}
.input_group .basic_input.multi {width: 90px;}/* input_group 내 복수 input 나열 시 넓이값 추가 : 2018-06-20 */
.input_group div.basic_input {min-height: 28px; height: auto; white-space: normal; padding: 4px 4px 2px;}
.input_group div.basic_input > span {vertical-align: middle;}
.input_group div.basic_input > span:after {content: ',';}
.input_group div.basic_input > span:last-child:after {content: '';}
.box .input_group {position: relative; border: 1px solid #e3e3e3;}
.box .input_group .basic_input {height: 26px; padding: 0 6px;}
.box .input_group.has_btn .ico_btn.small.add {top: 5px;}
.box .input_group.flex {min-height: 28px;}
.box .input_group.flex .text_wrap.single {height: 26px; padding-left: 6px; line-height: 2.0;}
.box_input {display: block; width: 100%; height: 28px; padding: 0 6px 1px; font-size: 13px; border: 1px solid #e3e3e3;}
td .box_input {margin: -6px 0;}
.d_srch_layer td .box_input {margin: 0;}
.select_folder {display: block; width: 100%; height: 30px; padding: 0 12px; font-size: 13px; border: 1px solid #e3e3e3; background: #f9f9f9 url('/user/img/bg_folder.png') no-repeat right 8px;}
.single_form .group {position: relative; border-bottom: 1px solid #e3e3e3;}
.single_form .group.focused {border-bottom: 1px solid #3858ed;}
.single_form .group.error {border-bottom: 1px solid #ff5959;}
.single_form .group .size_txt {display: block; width: 100%; margin-bottom: 4px; text-align: right; font-size: 11px;}

.form_table td .option {min-height: 28px;}
.form_table td .option .text_input {height: auto;}
.form_table td .option + .option {margin-top: 10px;}
.form_table td .option .divider {margin-left: 7px; background-position: left 50%; min-height: 28px; line-height: 28px; vertical-align: top;}/* 추가 : 2019-02-22 */
.form_table td .option .btn:not(.small) {vertical-align: top;}
.form_table td .option > .selectbox {display: inline-block;}
.form_table td .option .group {display: inline-block; vertical-align: top;}
.form_table td .group .group {display: inline-block;}
.form_table td .group span .border_input {display: inline-block; width: auto; vertical-align: inherit;}
.form_table td .option .group .txt.disabled {color: #a9a9a9;}
.form_table td .option .group.long {display: block; padding-left: 4px;}
.form_table td .option .group.long .text_input .border_input {width: 100%;}
.form_table td .option .form .btn.small {margin-top: -3px; vertical-align: top;}/* 추가 : 2019-01-10 */
.form_table td .input_group .form, .srch_table td .input_group .form {padding: 0px 0;}
.form_table td .input_group .form.favorite {min-height: auto; margin-top: 7px; padding: 0;}
.form_table td .input_group + .input_group {margin-top: 5px;}
.form_table td > .txt {min-height: 28px; line-height: 28px;}
.form_table td > .txt > span {min-height: auto; line-height: normal;}
.form_table td > .txt + .btn.small {position: relative; top: -1px;}
.form_table td > .txt.fnt_grey2 + .align_rg {top: 4px;}
.form_table td > .txt.fnt_grey2 + .align_rg .btn:not(.small) {margin-top: -4px;}

.input_group.has_select .token-input {width: calc(100% - 122px); margin-left: 122px;}
.input_group.has_select .basic_input {width: calc(100% - 118px); margin-left: 118px; overflow: hidden; text-overflow: ellipsis;}
.input_group.has_select .basic_input.short {width: calc(100% - 84px); margin-left: 84px;}

.input_group.has_select.double .basic_input {width: calc(100% - 236px); margin-left: 236px;}
.input_group.has_select.double p.basic_input {line-height: 1.5; white-space: normal; height: auto; padding: 5px 4px;}

.input_group.has_select.term_date .ui-button {font-size: 12px;}
.input_group.has_select.term_date .datepic_area {width: calc(100% - 94px); margin-left: 94px;}
.input_group.has_select.term_date .datepic_area .date_box:last-child {margin-right: 0;}

.input_group .ico_btn {position: absolute; top: 0px; right: 0; margin-right: 4px;}
.input_group .ico:last-child {margin-right: 0;}
.input_group .ico.search, .input_group .ico.group {position: absolute; top: calc(50% - 8px); right: 4px;}
.input_group .ico.datepick {position: absolute; top: 6px; right: -2px;}
.input_group.multi {padding-right: 106px;}
.input_group + .ico_btn {position: absolute; top: 11px; right: 31px;}
.form_table table tr:first-child .input_group + .ico_btn {top: 25px;}/* add 버튼 위치 조정 : 2018-06-28 박희진 */

.form_table td .description .divider {min-height: 16px;}/* 추가 : 2019-01-02 */

/* 비전자문서 등록 열람시암호확인 180308 */
.input_group.dc_pw {padding-right: 120px;}
.input_group.has_btn {padding-right: 25px;}
.input_group.txt_btn {padding-right: 80px;}
.input_group.multi_ico {padding-right: 60px;}
.input_group .favorite {position: absolute; top: 0; right: 4px;}
.input_group.dc_pw .group {position: absolute; top: 0; right: 0; width: 120px;}
.input_group.multi .group {position: absolute; top: 0; right: 0; width: 104px;}
.input_group.multi .group .form input[type="checkbox"] + label {font-size: 12px;}
.input_group.multi:not(.flex) .group .ico_btn:hover, .input_group.multi:not(.flex) .group .ico_btn:active {position: absolute;}
.input_group.multi .size_txt {position: absolute; top: 0; right: 5px; width: 110px; height: 30px; line-height: 30px; text-align: right;}
.input_group.with_btn {display: inline-block; width: calc(100% - 90px);}
.input_group.with_btn + .btn {margin-top: 1px; vertical-align: top;}

.input_group.has_select.multi .group {position: absolute; top: 0; right: 0;}
.input_group .cancel:not(.text_btn) {position: absolute; top: calc(50% - 8px); right: 4px;}
.input_group .choose {position: absolute; top: calc(50% - 8px); right: 28px;}
.input_group.multi .btn.small {position: absolute; top: 0; right: 16px;}
.input_group.txt_btn .btn.small {position: absolute; top: 4px; right: 0;}
.input_group input[type="text"].date_input {width: 92px; max-width: 92px; border: 0 none; padding-left: 4px;}

.input_group.has_btn.mh_small .token-input .scroll-wrapper {max-height: 77px;}
.input_group.has_btn.mh_medium .token-input .scroll-wrapper {max-height: 130px;}
.input_group.has_btn.mh_large .token-input .scroll-wrapper {max-height: 270px;}
.input_group.has_btn.mh_xlarge .token-input .scroll-wrapper {max-height: 350px;}

.input_group.has_select.mh_small .token-input .scroll-wrapper {max-height: 77px;}
.input_group.has_select.mh_small ul.token-input-list {padding-right: 14px;}

/* 추가 : 2020-04-06 */
.input_group.label_text {margin: 3px 0 !important; border: 0; font-size: 0;}
.input_group.label_text label {display: inline-block; width: 70px; line-height: 31px; font-size: 13px; cursor: text; vertical-align: top;}
.input_group.label_text .border_input, .input_group.label_text .box_input {display: inline-block; width: calc(100% - 70px); vertical-align: top;}
.input_group.label_text .box_input {margin-top: 0 !important;}
.input_group.label_text.has_btn {padding-right: 0 !important;}
.input_group.label_text.has_btn .box_input {padding-right: 24px; margin-top: 0;}
.input_group.label_text.has_btn.read .box_input {padding-right: 0;}

/* 주소록 추가입력란 간격 조절 : 2019-09-04 */
#phone_trig_box > div, #email_trig_box > div, #address_trig_box > div, #homepage_trig_box > div {margin-bottom: 5px;}
#phone_trig_box > div:last-of-type, #email_trig_box > div:last-of-type, #address_trig_box > div:last-of-type, #homepage_trig_box > div:last-of-type {margin-bottom: 0;}

.txt_b {font-weight: bold;}
.txt_f12 {font-size: 12px;}

.sche_only_delete li.token-input-token {padding: 0 23px 0 12px;}

.add_equip_wrap {position: relative;}
.add_equip_wrap .btn_equip {display: block; width: 100%; padding: 0 22px 0 4px; background: url('/user/img/btn_select.png') no-repeat right 50%; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2018-07-31 */
.add_equip_wrap .btn_equip:hover {text-decoration: none;}
.add_equip_wrap .add_equip_cont {position: absolute; left: 0; display: none; margin-top: 2px; border: 1px solid #969696; background: #fff; border-radius: 2px; font-size: 0; overflow: hidden; z-index: 8;}
.add_equip_wrap.bottom .add_equip_cont {top: auto; bottom: 30px;}
.add_equip_wrap .add_equip_cont .bar {position: absolute; top: 0; bottom: 47px; content: ''; width: 1px; background: #e3e3e3; z-index: 2; max-height: 234px;}
.add_equip_wrap .add_equip_cont .pos_l {display: inline-block; width: 95px; height: 180px;}/* 수정 : 2018-07-17 허수정 */
.add_equip_wrap .add_equip_cont > * {font-size: 0; vertical-align: top;}
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list {display: block; width: 95px; font-size: 12px;}
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list li {padding: 7px 10px;}
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list li a {white-space: normal;}
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list li:hover, .add_equip_wrap .add_equip_cont .pos_l .add_equip_list li:focus {background: #f0f4fc;}/* 수정 : 2018-07-02 */
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list li:hover a {text-decoration: none;}
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list li.on a {color: #3858ed;}
.add_equip_wrap .add_equip_cont .pos_l .add_equip_list li.on {background-color: #f0f4fc;}
.add_equip_wrap .add_equip_cont .pos_l .ico_folder {background: url('/user/img/dynatree-1.2.8/icons.png') no-repeat -130px -5px; width: 14px; height: 12px; min-height: 12px; display: inline-block; vertical-align: top; line-height: 14px; margin: 2px 5px 0 0;}
.add_equip_wrap .add_equip_cont .pos_r {position: absolute; top: 0; left: 96px; display: block; width: 147px; height: 180px;}/* 수정 : 2018-07-17 허수정 */
.add_equip_wrap .add_equip_cont .pos_r .pos_r {left: 0;}
.add_equip_wrap .add_equip_cont .pos_r .inner {max-height: 234px; padding: 0 0 38px 0;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list {position: relative; font-size: 12px;}/* 수정 : 2018-07-17 허수정 */
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list li {padding: 0 9px; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list > li.on {background: #f0f4fc;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list > li.on label {color: #3858ed;}/* 수정 : 2018-07-17 허수정 */
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list .form {width: 100%; height: auto; padding: 0; padding-top: 7px; padding-bottom: 7px;}/* 수정 : 2018-07-02 */
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list .form label {display: inline-block; width: 100%; height: auto; padding-left: 21px;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list .form input[type="checkbox"] + label, .add_equip_wrap .add_equip_cont .pos_r .add_equip_list .form input[type="radio"] + label {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/* 수정 : 2018-07-30 박희진 */
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list .form label div {margin-bottom: 4px;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list .form .sche_st5 {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}/* 추가 : 2018-07-17 허수정 */
.add_equip_wrap .add_equip_cont .pos_bt {width: 100%; height: 47px; padding: 8px 13px 10px; background: #fff; border-top: 1px solid #eee; text-align: right;}/* 수정 : 2018-07-17 허수정 */
.add_equip_wrap .add_equip_cont .pos_bt .form {margin: 8px 2px 0 8px;}
.add_equip_wrap .add_equip_cont .pos_bt label {font-size: 12px;}
.add_equip_wrap .add_equip_cont .pos_bt .btn:last-child {margin-right: 0;}
.add_equip_wrap .add_equip_cont .pos_bt .btn.align_rg {margin-top: 20px;}
/* 수정 : 2018-07-17 허수정 */
.add_equip_wrap.open .add_equip_cont {display: block; width: 245px;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list.group {margin: 2px 0 10px 7px; border-left: 1px solid #e3e3e3;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list.group .form {padding-left: 2px;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list.group .form .sche_st5 .dal_color {top: 5px;}
.add_equip_wrap .add_equip_cont .pos_r .add_equip_list.group li.disable_sched .sche_st5 {color: #a9a9a9; text-decoration: line-through;}

.input_group.sche_case1 {padding: 0 110px 0 62px;}
.input_group.sche_case1 .group {position: absolute; top: 0; right: 0; width: 114px; text-align: right;}
.input_group.sche_case1 .group .form {display: inline-block;}
.input_group.sche_case1 .group .form input[type="checkbox"] + label {font-size: 12px;}
.input_group.sche_case1 .selectbox {left: 0; max-width: 58px;}
.input_group.sche_case1 .selectbox .ui-button {font-size: 12px;}
.input_group.sche_case1 .datepic_area .selectbox {position: relative; display: inline-block; max-width: 92px; background-image: none;}
.input_group.sche_case1 .datepic_area div {vertical-align: top;}
.input_group.sche_case1 .datepic_area .date_box {margin-right: 0;}
.input_group.sche_case1 .datepic_area .period {margin: 0 6px 0 5px !important;}
.input_group .datepic_area {margin: 1px 0;}
.input_group .datepic_area .date_box .date_btn {right: 4px;}
.input_group .datepic_area .period {min-height: 28px; line-height: 28px;}
.input_group .date_box:only-child {margin-right: 0;}
.period {font-size: 12px !important; margin-right: 8px; vertical-align: top;}

.input_group.sche_case2 {padding: 0 128px 0 0;}
.input_group.sche_case2 .ico_btn {right: 103px;}
.input_group.sche_case2 .posi_r {position: absolute; right: 0; top: 4px; text-align: right;}
.input_group.sche_case2 .posi_r .btn:only-child, .input_group.sche_case2 .posi_r .btn:last-child {margin: 0;}
.input_group.sche_case2 .token-input .txt {min-height: 30px; padding: 1px 0 1px 4px;}
.input_group.sche_case2 .token-input .sche_total {text-decoration: none; cursor: default;}

.input_group.sche_case3 {padding: 0 0 0 96px;}
.input_group.sche_case3 .basic_input {padding-right: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.input_group.sche_case3 .add_equip_wrap {position: absolute; top: 1px; left: 0; width: 92px; height: 28px; padding-right: 1px; background: url('/user/img/divider.png') no-repeat right 50%;}
.input_group.sche_case3 .token-input {position: relative; width: auto;}
.input_group.sche_case3 .posi_r {position: absolute; right: 0; top: 0; text-align: right;}
.input_group.sche_case3 .posi_r .btn:only-child, .input_group.sche_case3 .posi_r .btn:last-child {margin: 0;}

.has_select.sche_case4 .notify_wrap {position: relative; display: block; padding: 0 0 0 96px; margin: 8px 0 0 0;}
.has_select.sche_case4 .notify_wrap:first-child {margin: 0;}
.has_select.sche_case4 .selectbox {position: absolute; top: 0; left: 0; max-width: 88px;}
.has_select.sche_case4 .hgroup_btn .btn {position: relative; float: left; margin: 0 0 0 -1px; border-radius: 0;}
.has_select.sche_case4 .hgroup_btn .btn:first-child {border-radius: 2px 0 0 2px; margin-left: 0;}
.has_select.sche_case4 .hgroup_btn .btn:last-child {border-radius: 0 2px 2px 0;}
.has_select.sche_case4 .hgroup_btn .btn.on {color: #3858ed; background: #ebf1fc; border: 1px solid #3858ed; z-index: 2;}
.has_select.sche_case4 .hgroup_btn .btn_delete {display: inline-block; width: 16px; height: 16px; margin: 6px; background: url('/user/img/bg_del.png') no-repeat 50% 50%; font-size: 0; vertical-align: top;}
.has_select.sche_case4 .hgroup_btn .group {display: inline-block;}
.has_select.sche_case4 .hgroup_btn .group .btn.on {position: relative; color: #3858ed; border: 1px solid #3858ed; background: #f0f4fc;}

.schedule_lypop .has_select.sche_case4 .ui-button:not(:focus) {border: 1px solid #c2c2c2;}

.input_group.sche_case5 {padding: 0 0 0 208px; border-bottom: none;}
.input_group.sche_case5 .pos_l {position: absolute; top: 0; left: 0; display: block; width: 208px;}
.input_group.sche_case5 .pos_l .border_input {width: 200px;}
.input_group.sche_case5 .pos_con {position: relative; width: 100%;}
.input_group.sche_case5 .pos_con .btn_delete {position: absolute; top: calc(50% - 8px); right: 5px; display: block; width: 16px; height: 16px; background: url('/user/img/bg_del.png') no-repeat 50% 50%; font-size: 0;}

.file_input.sche_case6 .btn {margin: 0 0 0 -1px;}
.file_input.sche_case6 .btn:first-child {margin: 0 0 0 -1px;}

.input_group.sche_case7 {border-bottom: none;}
.input_group.sche_case7 .selectbox {position: relative; display: inline-block; background: none; border-bottom: 1px solid #e3e3e3;}
.input_group.sche_case7 .selectbox .ui-button {top: -1px;}

.input_group.sche_case8 .selectbox {top: -2px;}
.input_group.sche_case8 .basic_input {padding: 0;}

.input_group.sche_case9 {padding: 0 180px 0 62px;}
.input_group.sche_case9 .group {position: absolute; top: 0; right: 0; width: 180px; text-align: right;}
.input_group.sche_case9 .group .form {position: relative; display: inline-block; vertical-align: top;}
.input_group.sche_case9 .group .form input[type="checkbox"] + label {font-size: 12px;}
.input_group.sche_case9 .group .btn {margin-right: 0; margin-left: 6px;}
.input_group.sche_case9 .selectbox {left: 0; max-width: 58px;}
.input_group.sche_case9 .selectbox .ui-button {font-size: 12px;}
.input_group.sche_case9 .datepic_area .btn {margin: 3px 0 0 0;}
.input_group.sche_case9 .datepic_area .selectbox {position: relative; display: inline-block; max-width: 92px; background-image: none; vertical-align: top;}
.input_group.sche_case9 .datepic_area .datepic_area div {vertical-align: top;}
.input_group.sche_case9 .datepic_area .date_box {top: 0; margin-right: 0; vertical-align: top;}
.input_group.sche_case9 .datepic_area .period {margin: 0 6px 0 5px !important;}
.form_table td .input_group.sche_case9 .form {top: 0;}

.input_group.appr_case1 {padding-right: 180px;}
.input_group.appr_case1 .group {width: 172px;}

/* flex type */
.input_group.flex {display: flex; align-items: center; min-height: 31px; padding: 0;}
.input_group.flex .basic_input {flex: 1;}
.input_group.flex .basic_input[readonly] {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.input_group.flex .group:not(.ico) {flex-shrink: 0; position: static; width: auto;}
.input_group.flex .group:not(.ico):last-child {padding: 0 7px;}
.input_group.flex .group .form input[type="checkbox"] + label {font-size: 12px;}
.input_group.flex .form {flex-shrink: 0; padding: 5px 0 !important;}
.input_group.flex .ico {flex-shrink: 0; position: relative; top: auto; right: auto; min-height: auto !important; max-height: none !important; margin: 0 4px;}
.input_group.flex .btn {flex-shrink: 0; margin: 0 4px;}
.input_group.flex .btn:last-child {margin-right: 0;}
.input_group.flex > .btn + .btn {margin-left: 1px;}
.input_group.flex > input[type="text"].date_input:only-of-type {flex: 1; max-width: none; border-radius: 0;}

.input_group.flex.read {border-bottom: 0;}

/* flex group */
.flex_group {display: flex; align-items: center; width: 100%;}
.flex_group .input_group {width: 100%; vertical-align: top;}
.flex_group .input_group:last-child {margin-right: 0;}
.flex_group .input_group + .input_group {margin-top: 0 !important;}
.flex_group .input_group.opt {width: 170px; margin-left: 8px; flex-shrink: 0;}
.flex_group .input_group.opt .selectbox {position: static; max-width: none; margin-top: 2px; background: none;}
.flex_group .select_num {float: left; height: 28px; margin-left: 8px; line-height: 28px; flex-shrink: 0;}
.flex_group .input_group.set_num {float: left; width: 80px; margin-left: 6px; margin-right: 0; border: 1px solid #e3e3e3; flex-shrink: 0;}
.flex_group .input_group.set_num input {height: 26px; padding: 0 6px 1px;}
.flex_group .selectbox.text {width: 80px; margin-left: 6px; flex-shrink: 0;}
.flex_group .form {flex-shrink: 0;}
.flex_group .txt {padding-top: 0 !important;}
.flex_group.opt .selectbox, .flex_group.opt .box_input {margin: 0 4px;}

/* sub_lst */
.sub_lst {display: none; padding: 4px 0 0 0;}
.open .sub_lst {display: block;}
.sub_lst > li {line-height: 22px; padding: 0 0 0 14px;}/* 수정 : 2018-09-13 */
.sub_lst li.selected {line-height: 22px;}
.sub_lst li.selected a {color: #3858ed !important;}
.sub_lst li.sub_title {padding-left: 13px;}
.sub_lst li.sub_title:before {content: ''; left: 0; display: inline-block; width: 9px; height: 17px; background: url('/user/img/bg_flip_open3.png') no-repeat 0 8px;}
.sub_lst li.sub_title.open:before {background: url('/user/img/bg_flip_close.png') no-repeat 0 8px;}
.sub_lst li.sub_title > .sub_lst {display: none; padding: 0 0 4px 0;}
.sub_lst li.sub_title > .sub_lst > li {padding: 0 0 0 15px;}
.sub_lst li.sub_title.open > .sub_lst {display: block;}
.sub_lst li.sub_title .group {position: static; display: inline-block; width: calc(100% - 16px); margin-left: -2px; vertical-align: top;}

/* 선택형 리스트 (공통) */
.sub_lst.type_choice {padding-left: 0;}
.sub_lst.type_choice li {line-height: 22px;}
.sub_lst.type_choice li.sub_title {position: relative; padding-left: 0; margin-left: 0;}
.sub_lst.type_choice li.sub_title:before {position: absolute; left: 4px;}

.sub_lst.type_choice li.sub_title > .group {display: flex; width: 100%; height: 22px; padding-left: 16px; margin-left: 0; font-size: 0;}
.sub_lst.type_choice li.sub_title > .group .form {flex-shrink: 0; margin-top: 3px;}
.sub_lst.type_choice li.sub_title > .group .form input, .sub_lst.type_choice li.sub_title > .group .form label {width: 16px; height: 16px; padding: 0; margin: 0;}
.sub_lst.type_choice li.sub_title > .group .icon_folder {flex-shrink: 0;}
.sub_lst.type_choice li.sub_title > .group a:not(.ico) {display: inline-block; max-width: 100%; margin-right: auto; font-size: 13px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub_lst.type_choice li.sub_title > .group .form + a {max-width: calc(100% - 16px); padding-left: 3px;}

.sub_lst.type_choice li.sub_title > .sub_lst {position: relative;}
.sub_lst.type_choice li.sub_title > .sub_lst:before {position: absolute; top: -1px; left: 17px; bottom: 6px; display: block; content: ''; width: 1px; background-color: #e3e3e3;}
.sub_lst.type_choice li.sub_title > .sub_lst {margin-left: 6px; padding-left: 0;}
.sub_lst.type_choice li.sub_title > .sub_lst > li {padding-left: 27px;}

.sub_lst.type_choice .pick_cal {display: flex; padding-right: 0;}
.sub_lst.type_choice .pick_cal .color, .sub_lst.type_choice .pick_cal input {width: 14px; height: 14px; top: 4px;}
.sub_lst.type_choice .pick_cal input[type="checkbox"] + label .color {border-color: #a6a6a6;}
.sub_lst.type_choice .pick_cal input[type="checkbox"]:checked + label .color {background-image: url('/user/img/bg_chk.png'); background-attachment: no-repeat; background-position: 50% 50%;}
.sub_lst.type_choice .pick_cal input[type="checkbox"]:disabled + label {text-decoration: line-through; opacity: 0.38;}
.sub_lst.type_choice .pick_cal label {margin-right: auto;}

/* 폴더 아이콘 형 */
.sub_lst.with_folder .icon_folder {margin: 3px 2px 0 3px;}
.sub_lst.with_folder .sub_title.open .icon_folder::before {background-position-x: -152px;}

.box_scroll:not(.scroll-content) {border: 1px solid #eee;}

/* Table */
table {width: 100%; table-layout: fixed;}
table th, table td {position: relative; text-align: left;}
table th {font-weight: normal;}
body[contenteditable=true] table th, body[contenteditable=true] table td {position: inherit !important; text-align: inherit;}/* 결재 에디터에서 common.css Import 하는 문제로 스타일 추가 : 2018-11-14 김민우 *//* 인라인으로 지정한 정렬값이 적용되지 않는 이슈로 정렬속성값 important 제거 : 2018-11-23 */
/* crosseditor4 파일찾기 버튼 좌표값 문제로인한 추가 180326 */
.ce-ui-dialog table th, .ce-ui-dialog table td {position: inherit !important;}
.doc_area table th, .doc_area table td {text-align: inherit;}

.form_table .btns_area, .content_table .btns_area {padding-left: 0;}
.form_table .btns_area .btns_area .group, .content_table .btns_area .group {vertical-align: top;}
.form_table table + .btns_area, .content_table table + .btns_area, .content_table .fixed_table_wrapper + .btns_area {height: 110px; padding-top: 15px; text-align: right;}/* 높이값 추가 : 2019-08-12 *//* 플로팅 버튼에 가림현상으로 인해 높이값 수정 : 2019-08-13 *//* 수정 : 2020-05-13 */

.form_table table.half .border_input, .form_table table.half .input_group, .form_table table.half .border_textarea {width: 490px;}
.form_table table.half .align_rg.size_txt {padding-right: calc(100% - 490px);}
.form_table .form label.blind {font-size: 0;}
.form_table .form input[type="checkbox"]:focus + label.blind, .form_table .form input[type="radio"]:focus + label.blind {border: none; box-shadow: none; margin: 0;}

.btn_open {display: inline-block; width: 18px; height: 15px; background: url('/user/img/ico_open.png') no-repeat 0 -2px; font-size: 0; vertical-align: top;}
.btn_open.open {background-position-y: -22px;}
.btn_open.txt {position: relative; width: auto; height: 18px; padding-right: 18px; background: none; font-size: 13px;}
.btn_open.txt:after {position: absolute; top: calc(50% - 8px); right: 0; display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/ico_open.png') no-repeat 50% -2px;}
.btn_open.txt.open:after {background-position-y: -22px;}

td.date, td.count {color: #969696;}
table.disabled tr:hover, tr.disabled:hover {background-color: transparent !important;}
table.disabled td, table.disabled td *, tr.disabled td, tr.disabled td * {color: #a9a9a9 !important;}
table.disabled td a, table.disabled td a:hover, tr.disabled td a, tr.disabled td a:hover {cursor: default; text-decoration: none;}
table td.no-data {text-align: center;}

th .necessary, dt .necessary {position: relative;}
th .necessary:after, dt .necessary:after {position: absolute; display: inline-block; content: ''; width: 8px; height: 1.3em; background: url('/user/img/ico_necessary.png') no-repeat right 50%;}
th .btn_open:not(.txt) {width: 16px; height: 16px; margin: 1px 0 0 2px; background-position: 50% -2px;}
th .btn_open:not(.txt).open {background-position-y: -22px;}

/* form_table */
.form_table tr.blind {display: none;}
.form_table.blind {display: none;}
.form_table tr th.additional {font-size: 0;}
.form_table th, .form_table td {min-height: 38px; vertical-align: top;}/* 수정 : 2018-12-21 */
.form_table th {padding: 11px 15px 9px 20px;}
.form_table td {padding: 5px 20px 5px 15px;}
.form_table td.no_title {padding: 5px 30px;}
.form_table .file_input + .description {padding-top: 20px;}
.form_table .description {padding-top: 4px;}
.form_table .block {padding: 10px; background: #f5f5f5; margin: 15px 0 5px;}
.form_table .block p {font-size: 12px;}
.form_table .block p.sub_d {padding-left: 8px;}

.form_table .txt {line-height: 28px;}
.form_table .txt .form {padding: 0; margin: 6px 4px 0 0; vertical-align: top;}
.form_table .btn_open.txt {line-height: normal;}
.form_table .sub {padding-top: 4px;}
.form_table td .form {min-height: 28px; padding: 6px 4px 6px 0; line-height: normal; vertical-align: top;}
.form_table td .form.flag, .form_table td .form.favorite {min-height: auto; padding: 0; vertical-align: top;}
.form_table td > .form.flag, .form_table td > .form.favorite {margin: 7px 4px 0 0;}
.form_table td span {display: inline-block; min-height: 22px; line-height: 22px;}
.form_table td .period {width: 8px; min-height: 28px; line-height: 28px;}
.form_table td .form_txt {min-height: 28px; line-height: 28px;}
.form_table td .size_txt {height: 14px; line-height: 16px; font-size: 11px;}
.form_table td .size_txt .count {margin-left: 6px;}
.form_table .profile td .btn.small {position: absolute; right: 28px; vertical-align: top; margin-top: 24px;}
.form_table .profile th {vertical-align: middle;}
.form_table .profile td .btn.small input[type="file"] {width: 100%;}
.form_table .profile td .profile_file {position: absolute; top: 42px; right: 110px; line-height: 26px;}
.form_table .profile td .profile_file .file_name {width: 240px; text-align: right;}
.form_table .profile td .profile_file .cancel {vertical-align: text-bottom;}

.form_table .box_scroll {height: 124px; margin-top: 3px; border: 1px solid #e3e3e3; border-radius: 2px; float: right;}
.form_table .box_scroll.noti_equip {width: calc(100% - 253px); float: right;}

.form_table td .badge.samll.b_lgray {min-height: 20px; margin-top: 2px;}/* 추가 : 2019-01-02 */

.form_table td .title_txt {display: inline-block; margin-top: 4px; vertical-align: top;}
.form_table td .title_txt .form.flag {margin-top: 2px;}
.form_table td .title_txt .ico {min-height: auto; margin-top: 2px; margin-right: -4px; line-height: 16px; vertical-align: top;}
.form_table td .title_txt .subject {display: inline; line-height: 20px;}
.form_table td .title_txt.complete .subject {text-decoration: line-through;}

.form_table td.box {display: flex;}
.form_table td.box .input_group {flex: 1;}
.form_table td.box .input_group:only-child {width: 100%;}
.form_table td.box .input_group + .btn {margin-right: 0; margin-left: 8px;}

.form_table ol {list-style: decimal; margin-left: 18px;}
.form_table ol li {line-height: 22px;}

/* form_table read */
.form_table.read th, .form_table.read td {min-height: 38px;}
.form_table.read.gray th, .form_table.read.gray td {min-height: 22px; line-height: 22px; padding: 0 15px 0 20px;}
.form_table.read.gray th, .form_table.read.gray td .txt {padding-top: 0;}
.form_table.read th {padding: 10px 15px 10px 20px;}
.popup .form_table.read th {padding-left: 0;}
.form_table.read td {padding: 10px 20px 10px 5px;}
.form_table.read.gray td {padding: 0 20px 10px 5px;}
.form_table.read td li {position: relative; vertical-align: top;}
.form_table.read td .select_lst li a:hover {text-decoration: none;}
.form_table.read td li a {color: #333;}
.form_table.read td .choose {position: absolute; min-height: auto; margin-left: 4px;}
.form_table.read .profile {position: relative; padding: 20px 30px 14px; border-bottom: 1px solid #eee; font-size: 0;}
.popup .form_table.read .profile {padding: 0 0 14px;}
.popup .form_table.read .profile ul {margin-top: 0;}
.form_table.read .profile ul {display: inline-block; width: calc(100% - 70px); vertical-align: top;}
.form_table.read .profile li:first-child:last-child {margin-top: 19px;}
.form_table.read .profile li {display: block; padding-left: 16px;}
.form_table.read .profile li:first-child {width: calc(100% - 60px);}
.form_table.read .profile li span, .form_table.read .profile li dl {color: #969696; font-size: 12px;}
.form_table.read .profile li dt, .form_table.read .profile li dd {display: inline-block; height: 20px; padding-top: 4px;}
.form_table.read .profile li dt:after {content: ':'; padding: 0 4px;}
.form_table.read .profile li.sub_info span:after {content: 'ㆍ';}
.form_table.read .profile li.sub_info span:last-child:after {content: '';}

.form_table.read .profile .name {display: inline-block; max-width: calc(100% - 20px); min-height: 30px; font-size: 19px; font-weight: bold; line-height: 30px; vertical-align: top; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table.read .profile li.info {height: 20px; line-height: 20px;}
.form_table.read .profile li.info:nth-child(2) {display: flex; width: 100%; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table.read .profile li.info:nth-child(2) span {width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table.read .profile li.info:nth-child(2) span:first-child {flex-grow: 0; flex-shrink: 0;}
.form_table.read .profile .favorite {height: 16px; margin: 6px 0 0 4px;}
.form_table.read .profile li.info span, .form_table.read .profile li.info a {height: 16px; line-height: 16px; font-size: 12px; color: #969696;}
.form_table.read .profile li.info span:before {content: ''; display: inline-block; width: 2px; height: 20px; margin: 0 4px; background: url('/user/img/dott_gray.png') no-repeat left 50%;}
.form_table.read .profile li.info span:first-child:before {display: none;}
.form_table.read .profile li.info span .name {color: #333; font-weight: normal;}
.form_table.read .util {text-align: right;}
.form_table.read .util a {font-size: 12px; color: #666;}
.form_table.read .util a.text_btn {color: #2d3f93 !important;}
.form_table.read .util a:after {content: ''; display: inline-block; width: 1px; height: 12px; background: url('/user/img/divider.png') no-repeat 0 0; margin: 0 4px;}
.form_table.read .util a:last-child:after {background: none;}
.form_table.read .profile .util {position: absolute; right: 0;}/* 추가 : 2020-05-21 */
.form_table.read .profile .util .text_btn:after {height: 11px; margin-top: 3px;}/* 추가 : 2020-05-21 */
.form_table.read .profile .util .text_btn:last-child:after {display: none;}/* 추가 : 2020-05-21 */
.form_table.read .contact th {color: #666; padding: 4px 15px 7px 20px;}/* 수정 : 2018-07-09 허수정 */
.form_table.read .contact tr:first-child th {padding-top: 25px;}
.form_table.read .contact tr:first-child td {padding-top: 25px; padding-left: 15px;}
.form_table.read .contact tr:last-child th, .form_table.read .contact tr:last-child td {padding-bottom: 15px;}
.form_table.read .contact tr.vip_set:first-child td {padding-top: 21px;}/* 수정 : 2020-05-21 */
.form_table.read .contact tr.vip_set:first-child td .group.toggle {margin-left: -10px;}/* 추가 : 2020-05-21 */
.form_table.read .contact td {color: #333; padding: 4px 20px 4px 15px;}/* 수정 : 2018-07-09 허수정 */
.form_table.read .contact td .usr_lst li {height: 24px; line-height: 24px;}
.form_table.read .contact td .name {font-weight: bold;}
.form_table.read .contact td .role {color: #969696;}
.form_table.read td .group_tit {position: relative; min-height: auto; line-height: inherit; color: #2d3f93; vertical-align: top;}
.form_table.read td .group_tit .shared {min-height: auto; margin-left: 2px; line-height: inherit;}
.form_table.read td .group_tit:after {content: ',';}
.form_table.read td .group_tit:last-child:after {content: '';}

/* dl 구조 추가 : 2018-06-19 */
.form_table .define_table {display: table; table-layout: fixed; width: 100%;}
.form_table .define_table dl {display: table-row; width: 100%;}
.form_table .define_table dt, .form_table .define_table dd {display: table-cell; min-height: 28px; font-size: 12px; vertical-align: top;}
.form_table .define_table dt {position: relative; padding: 11px 15px 9px 20px; font-size: 13px; vertical-align: top; width: 140px;}
.form_table .define_table dd {width: calc(100% - 120px); padding: 5px 20px 5px 15px;}
.form_table .define_table dt span, .form_table .define_table dd span {font-size: 13px;}
.form_table .define_table .input_group.has_btn {position: relative; width: 100%; min-height: 31px; margin-top: 0 !important;}
.form_table .define_table .input_group .ui-button {top: 0;}
.form_table .define_table .form {min-height: 28px; padding: 6px 4px 6px 0; line-height: normal; vertical-align: top;}

.form_table .inside_form {display: table; table-layout: fixed; width: 100%;}
.form_table .inside_form dl {display: table-row; width: 100%;}
.form_table .inside_form dt, .form_table .inside_form dd {display: table-cell; min-height: 28px; font-size: 12px; line-height: 28px; vertical-align: top;}
.form_table .inside_form dt {position: relative; width: 70px; padding: 0 8px 5px 0; font-size: 13px;}
.form_table .inside_form dt:after {position: absolute; top: 0; right: 0; display: block; content: ':';}
.form_table .inside_form dd {width: calc(100% - 70px); padding: 0 0 5px 10px;}
.form_table .inside_form dd .selectbox:only-child {width: 100%;}
.form_table .inside_form dl:last-child dt, .form_table .inside_form dl:last-child dd {padding-bottom: 0;}

/* 커스텀 추가 항목 */
.form_table .addition_item th {padding-right: 15px !important;}
.form_table .addition_item th span {min-height: auto; line-height: normal;}
.form_table .addition_item th .tip {font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table .addition_item td .none_data {color: #969696;}
.form_table .addition_item td:nth-child(2) {padding-right: 30px !important;}

/* 간단히 or 자세히 버튼 */
.form_table .flip {text-align: center;}

/* input */
.text_input {position: relative;}
input[type='text'].border_input, input[type='email'].border_input {padding: 0 4px 1px; width: 100%; height: 31px; border-bottom: 1px solid #e3e3e3; font-size: 13px; vertical-align: top; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
input[type='text'].no_brder_input, input[type='email'].no_brder_input {padding: 0 4px; width: 100%; height: 31px; vertical-align: top;}
input[type='password'].border_input {padding: 0 4px 1px; width: 100%; height: 31px; border-bottom: 1px solid #e3e3e3; vertical-align: top; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
input[type='text'].border_input.focused, input[type='text'].border_input:focus, input[type='email'].border_input:focus {border-bottom: 1px solid #3858ed; outline: 0 none;}
input[type='password'].border_input.focused, input[type='password'].border_input:focus {border-bottom: 1px solid #3858ed; outline: 0 none;}
input[type='text'].border_input.error, input[type='text'].border_input.error:focus {border-bottom: 1px solid #ff5959; outline: 0 none;}
input[type='password'].border_input.error, input[type='password'].border_input.error:focus {border-bottom: 1px solid #ff5959; outline: 0 none;}

.group .text_input {display: inline-block;}

.validation {color: #ff5959; font-size: 12px; height: 20px; line-height: 20px;}
.description {font-size: 13px;}
.description.bullet p {position: relative; padding-left: 6px; margin-bottom: 4px; vertical-align: middle;}
.description.bullet p:before {position: absolute; left: 0; top: 8px; display: block; content: ''; width: 1px; height: 1px; background-color: #666;}
.description .information {display: inline-block; width: 17px; height: 17px; margin-top: -3px; background: url('/user/img/ico_info_gray.png') no-repeat 0 0; vertical-align: top;}
.help_txt {color: #666; font-size: 12px; height: 20px; line-height: 20px;}
.help_txt.double {height: auto; line-height: 1.5;}
.help_txt.ico_manager {margin: 0 16px 0 0 !important; padding-left: 18px; background: url('/user/img/bg_form_manager.png') no-repeat 0 0; line-height: 16px;}
.hgroup h2 .help_txt {color: #111; font-size: 18px; height: 20px; line-height: 20px;}
.help_txt2 {color: #969696; font-size: 12px; height: 20px; line-height: 20px;}
.size_txt {color: #969696; font-size: 12px; height: 20px; line-height: 20px;}
.align_rg.size_txt {display: block; float: none; text-align: right;}
.size_txt .count.over {color: #ff5959;}
.form_txt {min-height: 28px; color: #333; font-size: 13px; line-height: 28px;}
.blue_txt {color: #3858ed; font-size: 13px; line-height: 24px;}
.blue_txt .divider {min-height: 18px; margin: 0 4px; background-position: 0 50%; position: relative; top: 4px;}/* 추가 : 2019-01-02 */
textarea.border_textarea {display: block; width: 100%; height: auto; min-height: 31px; max-height: 100px; padding: 5px 4px; border-bottom: 1px solid #e3e3e3; font-size: 13px; line-height: 1.4; overflow: auto; box-sizing: border-box; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
textarea.border_textarea:focus {border-bottom: 1px solid #3858ed; outline: none;}

.date dt {float: left; width: 59px; margin-top: 7px;}
.date dd {position: relative; float: left; width: 211px; border-bottom: 1px solid #e3e3e3;}
.date dd .basic_input {width: 100px;}
.date dd .input_group {float: left; border: 0;}
.date dd .date_btn {top: 6px;}
.date dd .selectbox {position: absolute; top: 5px; right: 0;}
.date dd .input_group:after {content: ''; position: relative; top: 10px; display: inline-block; width: 1px; height: 12px; margin: 0 -5px 0 15px; background: #d9d9d9;}
.date dd .group {height: 31px;}
.date dd .ui-button {border: 0 !important;}/* 수정 : 2018-07-25 */
/* 일정, 설비 5분 단위 지정 추가 : 2018-07-17 */
.date.type_5min dd {width: calc(100% - 60px);}/* 수정 : 2018-07-25 */
.date.type_5min dd .selectbox:nth-child(2) {right: 60px;}

/* box type input */
input[type='text'].box_input {padding: 0 6px; height: 28px; border: 1px solid #e3e3e3; vertical-align: top;}
input[type='text'].box_input.focused, input[type='text'].box_input:focus {border: 1px solid #3858ed; outline: 0 none;}
input[type='text'].box_input.error, input[type='text'].box_input.error:focus {border: 1px solid #ff5959; outline: 0 none;}

.group .box_input {display: inline-block; margin: 0;}

textarea.box_textarea {display: block; width: 100%; height: auto; min-height: 28px; max-height: 100px; padding: 4px 6px; border: 1px solid #e3e3e3; font-size: 13px; line-height: 1.4; overflow: auto; box-sizing: border-box;}
textarea.box_textarea:focus {border-color: #3858ed; outline: none;}
textarea.box_textarea.bbs_write {height: 430px; max-height: 430px;}/* 게시판 일반양식 textarea 스타일 추가 : 2018-10-02 김민우 */
textarea.box_textarea.scroll_always {overflow-y: scroll;}/* 추가 : 2019-11-26 */
textarea.box_textarea.message {min-height: 160px; max-height: 160px;}

/* group text_area */
textarea.group_textarea {display: block; width: 100%; height: auto; min-height: 32px; max-height: 100px; overflow: auto; font-size: 13px; padding: 4px; line-height: 1.5; box-sizing: border-box;}

.srch_group label, .srch_group input[type="text"], .srch_group a {display: inline-block; width: auto;}
.srch_group label {margin-right: 10px;}

/** file input **/
/* file type 1 */
.file_box {display: flex; align-items: center; width: 320px; height: 28px; border: 1px solid #e3e3e3; overflow: hidden;}
.file_box.full {width: 100%;}
.file_box * {flex-shrink: 0;}
.file_box input[type="text"] {flex: 1; width: 100%; height: 100%; margin-right: 1px; padding: 0 6px; line-height: 24px;}
.file_box .file_size {display: inline-block; margin: 0 4px; padding: 0; color: #969696; line-height: 26px;}
.file_box .cancel {min-height: auto; margin: 0 4px; background: url('/user/img/bg_del.png') no-repeat 3px center; cursor: pointer;}
.file_box .ico.file {height: 16px; min-height: auto; margin: 0 4px; z-index: 1; overflow: hidden;}
.file_box .ico.file::before {background-position: -40px -60px;}
.file_box .ico.file:hover, .file_box .ico.lock_file:hover {opacity: 1;}
.file_box .ico.lock_file {opacity: .8;}
.file_box input[type="file"] {width: 100%; height: 100%; background: #fff; color: transparent; caret-color: transparent; cursor: pointer; opacity: 0; z-index: 2; overflow: hidden;}
.file_box .file_name {display: block; height: 28px; line-height: 26px; z-index: 1; white-space: nowrap;}
.popup td .file_box {width: 280px;}
.popup td .file_box.full {width: 100%;}

.img_signature {width: 80px; height: 80px; margin-top: 10px; border: 1px solid #e3e3e3;}

.pic_area {position: relative; width: 122px; height: 122px; overflow: hidden;}
.pic_area .pic {width: 100%; height: 100%;}
.pic_area .pic img {width: 100%; height: auto; vertical-align: top;}

/* file type 2 */
.appr_pop_inner .attached_box.read .file_info {left: 10px;}
.file_input {position: relative; width: auto; font-size: 0; display: inline-block; margin-bottom: 4px;}
.file_input .btn {position: relative; margin-right: 0;}
.file_input .btn.small {margin-top: 4px;}
.file_opt {padding-top: 10px;}
.btn input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: transparent; caret-color: transparent; cursor: pointer; opacity: 0; z-index: 2; overflow: hidden;}
.file_input h2 {display: inline-block; font-weight: normal; margin-right: 8px; font-size: 13px;}
.file_input.group a:first-child {border-radius: 2px 0 0 2px;}
.file_input.group a:last-child {margin-left: -1px; border-radius: 0 2px 2px 0;}
.file_input.group a:only-child {margin-left: 0; border-radius: 2px;}
.file_input + .pic_area {margin-top: 4px;}

.file_input:not(.group) .btn.small {margin-right: 7px;}
.file_input:not(.group) .btn.small:last-of-type {margin-right: 5px;}

.file_info {display: inline-block; padding-left: 8px; color: #666; font-size: 12px;}

.attached_box .attached_files {position: relative; overflow: hidden;}
.attached_box .file_info {position: absolute; top: 11px; left: 53px; height: 24px;}
.attached_box .file_input .btn.small:nth-child(2) {display: none;}
.attached_box .file_input .btn.small:first-child {border-radius: 2px 2px 2px 2px;}
.attached_box.two_btn .file_info {left: 99px;}
.attached_box .file_info dt:first-child + dd {display: inline-block;}
.attached_box .align_rg.text_group {height: 30px;}
.attached_box .align_rg.text_group .text_btn.files {background: url('/user/img/divider.png') no-repeat 0 3px; padding-left: 8px; margin-left: 6px;}/* 수정 : 2019-02-20 */
.attached_box .align_rg.text_group .text_btn.files:last-child, .attached_box .align_rg.text_group .text_btn.files:last-of-type {background: none; padding-left: 0; margin-left: 0;}/* 추가 : 2019-02-20 */

.attached_box.two_btn .file_info dt {display: inline-block;}
.attached_box.two_btn .file_info dd:last-child {display: inline-block;}
.attached_box.two_btn .file_input .btn.small:nth-child(2) {display: inline-block;}

.file_info dt {background: url('/user/img/divider.png') no-repeat 0 3px; padding: 0 0 0 8px; margin-left: 4px;}/* 수정 : 2019-02-20 */
.file_info dt:first-child {background: 0 none; padding: 0; margin: 0;}/* 수정 : 2019-02-20 */
.attached .file_info dt:first-child, .attached .file_info dd:first-of-type {margin-top: 9px;}/* 수정 : 2019-02-20 */
.attached .file_info .divider {background-position: center bottom;}
.file_info dd {vertical-align: top;}/* ie9 */
.file_info * {display: inline-block;}
.file_lst {overflow: hidden;}
.file_lst ul {z-index: 0;}
.file_lst ul, .file_lst li {display: block;}
.file_info em {color: #333; font-weight: bold;}/* 수정 : 2019-02-20 */
.file_info span {min-height: inherit !important; line-height: inherit !important;}/* 추가 : 2019-05-21 */

.file_lst li .ico_preview {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0;}
.file_lst li .ico_preview::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/new/common.png') no-repeat -60px -100px;}

/* file list upload */
.file_lst.upload {width: 100%; height: 88px; border: 1px solid #ebebeb;}
.file_lst.upload li {position: relative; display: flex; align-items: center; column-gap: 8px; width: 100%; height: 24px; padding: 0 16px 0 8px; line-height: 24px;}
.file_lst.upload li * {flex-shrink: 0;}
.file_lst.upload li:first-child {margin-top: 3px;}
.file_lst.upload li:hover {background-color: #edf3ff;}
.file_lst.upload .move {position: absolute; top: 0; left: 0; width: 20px; height: 24px; font-size: 0;}
.file_lst.upload li .file_name {flex: 1; display: inline-block; width: calc(100% - 90px); padding: 0 2px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.file_lst.upload li .move + .file_name {padding-left: 10px;}
.file_lst.upload li:hover .move {background: url('/user/img/bg_list_move.png') no-repeat 7px 5px;}
.file_lst.upload .file_size {width: 62px; padding-right: 1px; color: #969696; text-align: right;}
.file_lst.upload .change, .file_lst.upload .cancel {flex-shrink: 0;}
.file_lst.upload .ico {margin-right: 0;}
.file_lst.upload .input_group {flex: 1; width: 100%;}
.file_lst.upload .input_group .basic_input {height: 23px; background-color: transparent;}
.file_lst.upload .btn_area {flex-shrink: 0; padding: 0; margin: 1px 0 0 3px; font-size: 0; line-height: 16px;}
.file_lst.upload .text_btn {display: inline-block; margin-left: 5px; padding: 0; font-size: 12px; line-height: 16px; vertical-align: top;}
.file_lst.upload .text_btn.submit:after {display: inline-block; content: ''; width: 1px; height: 12px; margin: 2px 2px 0 8px; background-color: #d9d9d9;}
.file_lst.upload .description {padding-top: 32px; text-align: center;}
.file_lst.upload p {display: inline-block; color: #969696;}
.file_lst.upload p:before {content: ''; display: inline-block; width: 16px; height: 16px; margin: 1px 4px 0 0; background: url('/user/img/new/common.png') no-repeat -120px -100px;}

/* file list download */
.file_lst.download ul {padding: 10px 15px;}
.file_lst.download.storage {margin-top: 0;}
.file_lst.download.storage h4 {margin: 0 0 5px;}
.file_lst.download.storage ul {margin-bottom: 30px; border: 1px solid #eee;}
.file_lst.download.storage .box_scroll:not(.scroll-content) {height: 400px !important;}
.file_lst.download.storage .box_scroll ul {margin-bottom: 0; border: 0;}
.file_lst.download li {position: relative; display: flex; align-items: flex-start; padding: 4px 10px 3px 0; font-size: 0; line-height: 17px;}
.file_lst.download li:last-child {padding-bottom: 4px;}
.file_lst.download li.txt_content_none {padding-left: 0; font-size: 12px;}
.file_lst.download.storage li {padding-right: 15px;}
.file_lst.download li *:not(.file_name) {flex-shrink: 0;}
.file_lst.download li > * {display: inline-block; vertical-align: top; font-size: 0; margin-left: 0;}
.file_lst.download li .form, .file_lst.download li .ico_btn {position: relative; width: 17px; margin: 0 5px 0 0; vertical-align: top;}
.file_lst.download li .ico_btn.small.download:first-child {margin-left: 22px;}
.file_lst.download li.ready .ico_btn.small.download, .file_lst.download li.ready .ico_btn.small.download:hover, .file_lst.download li.ready .ico_btn.small.download:active {cursor: default; opacity: 0.3; background-color: #fff !important; background-position: -20px -30px; border: 1px solid #c2c2c2 !important;}
.file_lst.download li.ready .file_name {text-decoration: line-through; color: #969696;}
.file_lst.download li.ready .file_name:hover {cursor: default; text-decoration: line-through;}
.file_lst.download li.ready .return {position: relative; align-self: center; width: 16px; height: 16px;}
.file_lst.download li.ready .return::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/new/common.png') no-repeat -100px -80px;}

.file_lst.download .file_downopt {font-size: 12px; color: #666; margin: 0 4px;}
.file_lst.download .file_downopt em {font-weight: normal; color: #ff5959;}
.file_lst.download li .file_name {padding-left: 2px; font-size: 12px; color: #333; white-space: nowrap; max-width: 100%; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}
.file_lst.download li .file_name:hover {text-decoration: underline;}
.file_lst.download li .file_name .downopt {padding: 0 0 0 3px;}
.file_lst.download li .file_name .downopt em {color: #ff5959;}
.file_lst.download li .file_size {margin-left: 8px; font-size: 12px; color: #969696;}
.file_lst.download li .cancel, .file_lst.download li .return {margin-left: 4px;}
.file_lst.download li .cancel {width: 17px; height: 17px;}
.file_lst.download li .ico_preview {margin-left: 8px;}
.file_lst li .badge:not(.vip) {position: relative; top: -1px; height: 17px; min-height: 17px; margin: 0 4px -1px 0; border-radius: 2px; font-size: 11px; line-height: 16px;}
.file_lst li .badge.vip {height: 16px; min-height: auto; font-size: 10px; line-height: 14px; vertical-align: top; margin-right: 0;}

/* 관련문서 - 결재 */
.file_lst.document {width: 100%; height: 88px; border: 1px solid #ebebeb;}
.file_lst.document li {display: flex; column-gap: 8px; width: 100%; height: 24px; line-height: 24px; font-size: 12px; padding: 0 17px 0 13px;}
.file_lst.document li * {flex-shrink: 0;}
.file_lst.document li .file_name {flex: 1; display: block; width: 100%; padding-right: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.file_lst.document li:first-child {margin-top: 3px;}
.file_lst.document li:last-child {margin-bottom: 3px;}
.file_lst.document li:hover {background-color: #edf3ff;}
.file_lst.document .name {max-width: 108px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 첨부공문 - 메일 */
.file_lst.document.has_upopt {height: auto; margin: 10px 0 22px;}
.file_lst.document.has_upopt li {padding: 0 13px;}
.file_lst.document.has_upopt li .file_opt {display: block; width: 120px; padding: 0; color: #797f9c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.file_lst.document.has_upopt li .file_name {padding-left: 12px;}
.file_lst.document.has_upopt li .file_draft_info {width: 145px; color: #666; text-align: right;}
.file_lst.document.has_upopt li .drafter {display: inline-block; max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}

.att_type01 .file_lst {margin: 4px 0 2px;}/* 추가 : 2019-02-20 */
.att_type01 .file_lst.download ul {padding: 0;}
.att_type01 .file_lst.download li {padding: 2px 5px 2px 0;}
.att_type01 .file_lst.download li .ico_btn.small.download:first-child {margin-left: 0;}
.att_type01 .file_lst.download li .file_downopt, .att_type01 .file_lst.download li .file_size {min-height: 17px; line-height: 17px;}/* 추가 : 2019-02-20 */

/* 기존첨부파일 추가 2018-07-11 박희진 */
.file_lst.download.attached {margin-top: 10px;}
.file_lst.download.attached h4 {margin: 0 0 5px;}
.file_lst.download.attached ul {border: 1px solid #eee;}
.file_lst.download.attached li {padding-left: 22px;}

/* 추가 : 2020-04-06 */
.list_history.scroll-wrapper {height: 88px;}
.list_history {width: 100%; border: 1px solid #ebebeb;}
.list_history li {width: 100%; height: 27px; line-height: 27px; padding: 0 20px 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_history li:first-child {margin-top: 3px;}

/* pulldown_item */
.pulldown_item .item_title {height: 43px; font-weight: bold; font-size: 12px; line-height: 42px;}
.pulldown_item .item_title .text_btn {color: #000 !important; text-decoration: none;}
.pulldown_item .item_title .text_btn:before {content: ''; display: inline-block; width: 19px; height: 20px; background: url('/user/img/lnb_depth_menu.png') no-repeat 5px -17px; vertical-align: middle;}
.pulldown_item .item_cont {display: none;}
.pulldown_item .item_cont .vertical_table {position: relative;}
.pulldown_item .item_cont .vertical_table:after {position: absolute; bottom: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #e3e3e3;}
.pulldown_item.open .item_title .text_btn:before {background-position: 6px 1px;}
.pulldown_item.open .item_cont {display: block;}

.pulldown_item.large .item_title {height: 19px; margin: 23px 0 14px; font-size: 14px; line-height: 18px;}
.pulldown_item.large .item_title .text_btn:before {width: 16px; height: 16px; background-image: url('/user/img/ico_open.png'); background-position: -2px -2px;}
.pulldown_item.large .item_title .text_btn .num {margin-left: 5px; font-size: 12px; color: #3858ed;}
.pulldown_item.large.open .item_title .text_btn:before {background-position-y: -22px;}
.pulldown_item.large:first-child .item_title {margin-top: 0;}

/* 사람 요약 */
.person_summary {display: flex; align-items: center;}
.person_summary .count, .person_summary .ico {flex-shrink: 0;}
.person_summary .count {margin-left: 5px; color: #666;}
.person_summary .ico {margin-left: 4px; margin-right: 0;}
.person_summary .person_wrap {display: flex;}
.person_summary .person_wrap .name {width: auto; margin-left: 5px;}
.person_summary .person_wrap .name:first-child {margin-left: 0;}

/* vertical_table */
.vertical_table {padding: 20px 16px; border-top: 1px solid #969696;}
.new_lst_info + .vertical_table, .hgroup.no_border + .vertical_table {padding: 0;}
.vertical_table table {border-top: 1px solid #ccc;}
td .vertical_table, dd .vertical_table {padding: 0; border-top: 0 none;}
td .vertical_table.write, dd .vertical_table.write {padding: 0; border-top: 0 none;}
td .vertical_table table, dd .vertical_table table {border-top: 1px solid #ccc;}/* 사이에 스크롤이 들어올 경우 바로 이하 table이 불가능하기 때문에 '>' 표시 삭제 2017-12-22 */
#storage_right .container .form_table + .vertical_table.scroll-wrapper {border-top: 0;}/* 추가 : 2019-07-30 */
#storage_right .container .form_table + .vertical_table.scroll-wrapper .vertical_table.scroll-content {border-top: 1px solid #969696 !important;}/* 추가 : 2019-07-30 */

.popup_container .vertical_table {border-top: 0 none; padding: 20px 30px 0 30px;}
.popup_container .vertical_table + .btns_area.bttm {margin-top: 20px;}
.popup_container .vertical_table.research {max-height: 500px; border-top: 0 none; padding: 20px 30px;}
.popup_container .vertical_table > table {border-top: 1px solid #ccc;}
.vertical_table th {position: relative; min-height: 32px; background-color: rgba(200, 200, 200, 0.1); border-bottom: 1px solid #e3e3e3; padding: 8px 10px; font-size: 12px; font-weight: bold; color: #111; vertical-align: top;}
td .vertical_table th, dd .vertical_table th {min-height: 36px; padding: 10px; border-right: 1px solid #e3e3e3; font-weight: normal;}
dd .vertical_table td {min-height: 36px; padding: 4px 10px;}
td .vertical_table.write th > span {line-height: normal; min-height: auto;}
td .vertical_table.write td {font-size: 12px; padding: 4px 10px; vertical-align: top;}/* 수정 : 2018-06-19 *//* 수정 : 2018-06-20 */
td .vertical_table.write td .selectbox {margin: 0;}
.vertical_table th, .vertical_table td {min-height: 32px; font-size: 12px; padding: 9px 10px 7px; border-bottom: 1px solid #e3e3e3;}
.vertical_table td {padding: 4px 10px;}
.vertical_table.read th, .vertical_table.read td {padding: 5px 0px 5px 15px; line-height: 22px;}
.vertical_table.read td span {display: inline-block; vertical-align: middle; line-height: 1.6;}
.vertical_table td.address {font-weight: bold;}
.vertical_table td.valign_top {vertical-align: top;}
.vertical_table.alrm td {border-left: 1px solid #e3e3e3;}
.vertical_table td .group .selectbox {vertical-align: top;}
.vertical_table td .txt {display: inline-block; line-height: 28px; vertical-align: top;}
.vertical_table td .txt_inline {line-height: 28px;}
.vertical_table td .badge.grade, .vertical_table td .badge.part {margin-top: 0; vertical-align: top;}
.vertical_table td .form {min-height: 28px; padding-top: 6px; padding-bottom: 6px;}
.vertical_table td .form.align_ct > input {display: none;}
.vertical_table td div.form {display: block; margin: 0;}
.vertical_table td .period {min-height: 28px; line-height: 28px;}
.vertical_table td dl {display: block; margin-bottom: 10px;}
.vertical_table td dl:last-child {margin-bottom: 0;}
.vertical_table td dt {display: inline-block;}
.vertical_table td dd {display: inline-block; color: #969696;}
.vertical_table td .selectbox {vertical-align: inherit;}
.vertical_table .has_box .selectbox {vertical-align: top; margin: 0;}
.vertical_table .has_box .datepic_area .selectbox {margin-right: 8px;}
.vertical_table .define_group {display: block; font-size: 0;}
.vertical_table .define_group dt {display: inline-block; min-height: 28px; font-size: 12px; vertical-align: top; padding: 6px 0; color: #666; width: 118px;}
.vertical_table .define_group dd {display: inline-block; min-height: 28px; font-size: 12px; vertical-align: top; padding: 0; width: calc(100% - 118px);}
.vertical_table .define_group dd label {color: #333;}
.vertical_table .selectbox .ui-selectmenu-text {line-height: 26px;}

.vertical_table .define_table {display: table; table-layout: fixed; width: 100%;}
.vertical_table .define_table .ui-menu .ui-menu-item-wrapper {text-overflow: ellipsis; width: 100%; overflow: hidden; padding: 7px 9px;}
.vertical_table .define_table dl {display: table-row; width: 100%;}
.vertical_table .define_table dt, .vertical_table .define_table dd {display: table-cell; min-height: 32px; font-size: 12px; border-bottom: 1px solid #e3e3e3; vertical-align: top;}
.vertical_table .define_table dt {position: relative; background-color: rgba(200, 200, 200, 0.09); border-bottom: 1px solid #e3e3e3; padding: 8px 10px; font-size: 12px; font-weight: bold; color: #111; vertical-align: top; width: 120px;}
.vertical_table .define_table dd {width: calc(100% - 120px); padding: 2px 0 2px 10px; line-height: 28px;}
.vertical_table .define_table dd p {margin-top: 3px;}
.vertical_table .define_table dt span, .vertical_table .define_table dd span {font-size: 12px;}
.vertical_table .define_table dd .datepic_area {vertical-align: top;}
.vertical_table .define_table span.form {vertical-align: middle;}/* 추가 : 2020-04-06 */
.vertical_table .define_table .date_box {margin-top: 2px !important; line-height: normal; vertical-align: top;}
.vertical_table .define_table .form_group .form {margin: 0 12px 0 0;}
.vertical_table .define_table .form_group .form:last-child {margin-right: 0;}
.vertical_table .define_table .form_group .date_check {display: inline-block; margin-left: 18px; vertical-align: middle;}
.vertical_table .define_table .form_group .date_check .date_box {margin-top: 0 !important;}
.vertical_table .define_table .form_group .date_check .date_box + .form {margin-left: 8px;}
.vertical_table .define_table .selectbox .ui-button {vertical-align: top;}
.vertical_table .define_table .input_group {vertical-align: top;}
.vertical_table .define_table .input_group .ui-button {border: 1px solid #b1b1b1;}/* 추가 : 2020-04-06 */
.vertical_table .define_table .input_group .ui-button:focus {border-color: #3858ed;}
.vertical_table .define_table .input_group {border-bottom: 0;}
.vertical_table .define_table .input_group .ui-button {top: 0; height: 28px; padding: 0 6px; vertical-align: top;}
.vertical_table .define_table .input_group.has_btn {position: relative; width: 100%; min-height: 28px; margin-top: 0 !important; padding-right: 20px;}/* 수정 : 2019-08-13 */
.vertical_table .define_table .input_group.has_btn .ico:last-child {right: 0; margin-right: 0;}
.vertical_table .define_table .input_group.has_btn .selectbox {top: 0; max-width: calc(100% - 20px);}
.vertical_table .define_table .input_group.has_btn.code {display: inline-block;}/* 추가 : 2019-08-13 */
.vertical_table .define_table .input_group.has_btn.code .code_number, .vertical_table .define_table .input_group.has_btn.code .code_detail {display: block; line-height: 1.5;}/* 추가 : 2019-08-13 */
.vertical_table .define_table .input_group.has_btn.code .code_number {margin-top: 5px;}/* 추가 : 2019-08-13 */
.vertical_table .define_table .box_input {padding: 0 6px 1px;}
.vertical_table .define_table .history_txt {display: block; line-height: 1.5; padding : 5px 0 0 0;}
.vertical_table .define_table .history_txt span {display: inline-block; width: 100%; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vertical_table .define_table .history_txt:last-child {margin-bottom: 4px;}
.vertical_table .define_table .history_txt:first-child {margin-bottom: 0; margin-top: 2px;}
.vertical_table .define_table .card_name a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vertical_table .define_table .badge {margin-right: 4px; font-size: 10px;}

.vertical_table .history_txt {display: block;}
.vertical_table .history_txt span {display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.vertical_table .define_table .sub_define dt {background-color: #f1f1f1;}/* 추가 : 2020-03-26 */

.vertical_table th span.ellipsis {display: inline-block; white-space: nowrap; width: 82px; text-overflow: ellipsis; overflow: hidden;}
.vertical_table th span.ellipsis:only-child {width: 100%;}
.vertical_table th .tip {font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.vertical_table td .select_group {position: relative;}
.vertical_table td .select_group .selectbox {width: calc(100% - 30px); display: inline-block; vertical-align: middle;}
.vertical_table td .select_group.return .selectbox {width: calc(100% - 50px);}
.vertical_table td .select_group a {display: inline-block; vertical-align: middle;}
.vertical_table td .select_group .selectbox:not(:last-child), .vertical_table td .select_group .selectbox:not(:only-child) {margin-right: 4px;}
.vertical_table td .select_group .ico:last-child {margin-right: 0;}

.vertical_table .input_group.has_btn ul.token-input-list li.token-input-token {max-width: calc(100% - 8px);}

.vertical_table.profil_table {border-top: none; padding: 25px 30px 15px;}
.vertical_table.profil_table td, .vertical_table.profil_table th {font-size: 13px;}
.vertical_table.profil_table .scroll_area {max-height: 51px;}

.vertical_table.no_brdr {border-top: 0;}/* 추가 : 2020-03-31 */
/* 추가 : 2020-05-19 */
.vertical_table.scroll-wrapper.fit_cont {border-top: 0;}
.vertical_table.scroll-wrapper.fit_cont:before, .vertical_table.scroll-wrapper.fit_cont:after {display: block; content: ''; height: 0; position: absolute; left: 0; right: 0; z-index: 1;}
.vertical_table.scroll-wrapper.fit_cont:before {border-top: 1px solid #969696; top: 0;}
.vertical_table.scroll-wrapper.fit_cont:after {border-bottom: 1px solid #e3e3e3; bottom: 0;}
.vertical_table.scroll-wrapper.fit_cont .ui-selectmenu-menu:after {display: block; content: ''; width: 100%; height: 2px; position: absolute; bottom: -2px;}
.vertical_table.scroll-wrapper.fit_cont.no_brdr:before {display: none;}
.vertical_table.scroll-wrapper.no_brdr table {border-top: 0;}
.vertical_table.scroll-wrapper.no_brdr .description:first-child {padding: 18px 0 14px;}
.vertical_table.scroll-wrapper.no_brdr .description + table {border-top: 1px solid #e3e3e3;}
.vertical_table.scroll-content {z-index: 0;}
/* 추가 : 2020-06-10 */
.vertical_table.fixed_table_wrapper.scroll-wrapper:not(.scroll-content):before {height: 28px; background-color: rgba(200, 200, 200, 0.1); border-bottom: 1px solid #e3e3e3;}
.vertical_table.fixed_table_wrapper table.fixed_table {border-top: 0;}
.vertical_table.fixed_table_wrapper table.fixed_table tbody th {padding-top: 7px !important; background: rgba(200, 200, 200, 0.1) !important; border-bottom: 1px solid #e3e3e3 !important;}
.vertical_table.fixed_table_wrapper table.fixed_table tbody th + td {padding-left: 15px;}
.vertical_table.fixed_table_wrapper table.fixed_table td {border-bottom-color: #e3e3e3;}
.vertical_table.fixed_table_wrapper table.fixed_table td .form {height: 16px; padding: 0; margin: 4px 0;}

.vertical_table .whole.scroll-wrapper {border-top: 1px solid #969696; border-bottom: 1px solid #e3e3e3;}
.vertical_table .whole table {border-top: 0;}
.vertical_table .whole th {background-color: #f9f9f9; font-size: 12px; font-weight: bold;}
.vertical_table .whole td {border-bottom: 1px solid #e3e3e3;}
.vertical_table .whole thead {position: sticky; top: 0; z-index: 2;}
.vertical_table .whole tbody th {padding-top: 6px; padding-bottom: 6px;}

/* data_table */
.form_table td a.btn + .data_table {margin-top: 8px;}
.data_table table {min-width: 450px; border-top: 1px solid #ccc;}
.data_table thead th, .data_table tbody td {border-left: 1px solid #e3e3e3; overflow: hidden; white-space: nowrap;}
.data_table thead th:first-child, .data_table tbody td:first-child {border-left: 0;}
.data_table thead th {font-size: 12px; border-bottom: 1px solid #e3e3e3; background: rgba(200, 200, 200, 0.1); text-align: center;}
.data_table tbody td {border-bottom: 1px solid #e3e3e3; vertical-align: middle;}
.data_table tbody td.datepick {overflow: visible;}
.data_table tbody td.datepick > div {display: table-cell; vertical-align: top;}
.data_table tbody td.datepick > div input[type="text"].date_input {vertical-align: top;}
.data_table tbody td.datepick > .selectbox + .selectbox {padding-left: 8px;}
.data_table .selectbox .ui-selectmenu-text {line-height: 26px;}
.appr_pop_inner > .form_table > table .data_table table tr th {width: auto !important;}

/* content_table */
.content_table {position: relative;}
.content_table table {border-collapse: separate; border-spacing: 0;}/* 추가 : 2019-02-13 */
/* head */
.content_table .table_head {position: relative; border-top: 1px solid #969696; border-bottom: 1px solid #eee;}
.content_table.no_header {border-top: 1px solid #969696;}
.content_table th {min-height: 26px; padding: 0 5px; background-color: #f3f6fb; font-size: 12px; line-height: 21px; color: #4c4c4c; vertical-align: middle;}/* 수정 : 2019-10-24 */
.content_table th .blind {font-size: 0;}
.content_table th.title {padding-left: 40px;}
.content_table th .title {display: inline;}/* 추가 : 2020-05-19 */
.content_table th .name {padding-left: 6px;}
.content_table th a {line-height: 26px;}
.content_table th:first-child, .content_table td:first-child {padding-left: 15px;}
.content_table th:last-child, .content_table td:last-child {padding-right: 15px;}
.content_table th:nth-child(2) .title, .content_table td:nth-child(2) .title {margin-left: 0; padding-left: 5px;}
.content_table th .form, .content_table td .form {margin-right: 0;}
.content_table td {height: 32px; padding: 4px 5px; border-bottom: 1px solid #f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 20px; vertical-align: middle;}/* 수정 : 2019-02-13 */
.content_table td .badge {margin-top: 2px;}
.content_table td .state {width: auto; max-width: 100% !important; margin: -2px 0; vertical-align: text-top;}/* 추가 : 2019-02-13 */
.content_table td .title, .content_table td .name_folder_current {vertical-align: middle;}
.content_table td .form, .content_table td .ico, .content_table .title .info, .content_table td .state_ico_group, .content_table td .appr_prop_wrap, .content_table td .ico_file, .content_table td .ico_mail, .content_table td .ico_tag, .content_table td > .ico_board, .content_table td > .icon_folder, .content_table td .fixed_select, .content_table td .cannot_select {line-height: 16px; vertical-align: text-bottom;}
.content_table td > .prop {vertical-align: text-top;}
/* main's head */
.main_cont_wrap .content_table {position: relative; padding-top: 10px; border-top: 1px solid #969696;}
.main_cont_wrap .content_table .table_head {position: relative; border-top: 0 none; border-bottom: 1px solid #eee;}
.main_cont_wrap .content_table th {min-height: 30px; padding: 0; background: none; border-top: 0 none; border-right: 1px solid #f5f5f5; font-size: 13px; font-weight: bold; color: #4c4c4c; text-align: center;}
.main_cont_wrap .monthly_list .table_head {background: none; border-top: 0 none; border-bottom: 0 none;}
.main_cont_wrap .monthly_list .table_head th {background: none; border-top: 0 none; border-bottom: 0 none; border-right: 1px solid #e3e3e3;}
.main_cont_wrap .monthly_list .table_head th:last-child {border-right: 0;}
.main_cont_wrap .content_table td {background: none; font-size: 12px;}
.main_cont_wrap .content_table th.title {padding-left: 40px;}
/* body */
.content_table tr:hover {background-color: #fafafa;}
.content_table td * {vertical-align: top;}
.content_table td span {display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* IE브라우저에서 말줄임처리 안되는 문제로 스타일 추가 : 2018-09-10 김민우 */
.content_table td span.form {overflow: visible;}/* 목록에서 span에 form 요소 말줄임처리 안되도록 스타일 추가 : 2018-09-10 김민우 */
.content_table td .period {padding-top: 7px;}
.content_table td .name {position: relative; display: inline-block; width: fit-content; max-width: 100%; padding: 0 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* IE 말줄임 표시 안됨에 따라 width속성 추가 : 2018-07-10 */
.content_table td .name.full {max-width: 100%;}
.content_table td .name_group {display: flex; align-items: center; column-gap: 4px; height: auto !important; overflow: hidden;}
.content_table td .name_group .name {width: auto; max-width: fit-content !important;}
.content_table td .name_group .badge, .content_table td .name_group .shared {flex-shrink: 0;}
.content_table td .name_group .badge {margin: 0;}
.content_table td .ip {color: #999;}
.content_table td .view_text_all {white-space: normal;}
.content_table td .box_input {margin: 0;}

.content_table .table_body {position: relative;}
.content_table .table_body th .form, .content_table .table_body td .form {font-size: 0;}
.content_table .table_body tbody#endsquareConfigList td .form {font-size: 12px !important;}/* 수정 : 2018-11-16 김민우 */

.content_table .re1 {display: inline-block; width: 11px; height: 11px; text-indent: -9999px; vertical-align: middle; background: url('/user/img/ico_appr_re.png') no-repeat left top;}
.content_table .re1 + .state {margin: 0 0 0 3px;}

.content_table td .name_ic {position: relative; display: inline-block; max-width: 100%; padding: 0 20px 0 0;}
.content_table td .name_ic .name {display: block; padding: 0 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_table td .name_ic .shared {position: absolute; right: 0; top: 0;}
.content_table td .name_ic .shared_no {position: absolute; right: 0; top: 0;}

.content_table td .group_tit {position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.content_table td .group_tit > span {position: relative; display: inline;}
.content_table td .group_tit > span:after {content: ',';}
.content_table td .group_tit > span:last-child:after {content: '';}
.content_table td .group_tit > span .shared {margin-left: 2px; vertical-align: text-bottom;}

.content_table td .person_summary .person_wrap .name {max-width: 66px; padding-left: 0;}
.content_table td .person_summary .person_wrap .name:only-child {max-width: none;}

.content_table .title {position: relative; display: inline-block; max-width: calc(100% - 56px); padding: 0 42px 0 20px; margin: 0 0 0 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_table .title * {vertical-align: top;}
.content_table .title .ico.file {position: absolute; left: 0; top: 2px;}
.content_table .title .ico.lock_file {position: absolute; left: 0;}
.content_table .title .ico.pop_up {float: left; margin-left: 4px; margin-right: 0;}
.content_table .title .ico.commt {float: left;}
.content_table .title .info {position: absolute; right: 0; top: 2px; display: inline-block; width: 40px; padding: 0; margin-left: 4px; background-color: #fff;}
.content_table .title .info * {float: left;}
.content_table .title .info .badge_modify {margin-top: 0;}
.content_table .title .badge {margin-top: 2px;}
.content_table .title .help_sbjct {display: inline; line-height: 20px; color: #666;}/* 추가 : 2019-02-11 *//* 수정 : 2020-05-11 */
.content_table .title .subject {display: inline; line-height: 20px;}/* 수정 : 2020-05-11 */
.content_table .title .subject.security {color: #ff5959;}
/* 게시판 쓰레드 - 공백요소 추가 방식으로 개선 */
.content_table .title .depth_group {display: inline-flex;}
.content_table .title .depth_group .ico {margin-right: 0;}
.content_table .title .depth_group .depth_blank {display: inline-block; width: 8px; height: 16px; text-indent: 999px; color: transparent;}
/* title - flex 타입 */
.content_table .title.flex {display: flex; padding-right: 0 !important;}
.content_table .title.flex .subject {display: flex; overflow: hidden;}
.content_table .title.flex .info_title {flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_table .title.flex .info_additional {display: flex; align-items: center; gap: 2px; padding: 0 3px;}
.content_table .title.flex .info_additional .ico {margin: 0;}
.content_table .title.flex .ico {flex-shrink: 0;}
.content_table .title.has_ico_front {padding-left: 20px !important;}
.content_table .title.has_ico_front > .ico:first-child {position: absolute; left: 0; top: 2px;}
.content_table .subject {color: #666;}/* 추가 : 2019-02-11 */

.content_table .attached_file {margin: -1px 24px 1px 20px;}
.content_table .attached_file li {margin-top: 6px; padding-right: 0; border: 0; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.content_table.align_top td {vertical-align: top;}

.content_table.print_pop td:first-child, .content_table.print_pop .fixed_table_wrapper table.fixed_table td:first-child {padding: 4px 5px;}/* 수정 : 2020-05-21 */

/* thead 없는 케이스 */
.content_table.none_head table {border-top: 1px solid #969696;}
.content_table.none_head tbody th, .content_table.none_head.print_pop tbody th {height: 27px; padding: 3px 5px 2px 15px; background-color: #f3f6fb; border-bottom-color: #eee;}
.content_table.none_head tbody th:not(:last-child) {border-right: 1px solid #eee;}
.content_table.none_head td:not(:last-child) {border-right: 1px solid #f5f5f5;}
.content_table.none_head th .day_sat {color: #5a79ec;}
.content_table.none_head th .day_sun {color: #ff5959;}
.content_table.none_head td, .content_table.none_head.print_pop td {height: 323px; padding: 4px 5px 4px 15px; vertical-align: top; overflow: hidden;}
.content_table.none_head td .count_more {padding: 2px 0; line-height: 20px;}
.content_table.none_head td.split {height: 145px;}
.content_table.none_head tr:last-child td {border-bottom-color: #f5f5f5;}
.content_table.none_head tr:hover {background-color: transparent;}

.content_table.mail .title {max-width: 100%; margin: 0;}
.content_table.mail td .name {padding: 0;}
.content_table.mail td .badge + .name {width: auto; padding-left: 4px;}
.content_table.mail td.person .name {float: left; width: fit-content; max-width: 100px; margin-right: 4px; padding-right: 4px; font-weight: normal; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content_table.mail td.person.open .name, .content_table.mail td.person .name:hover, .content_table.mail td.person.open .name.on {text-decoration: underline; background: url('/user/img/name_menu.png') no-repeat right bottom;}
.content_table.mail td.person .abridge {display: inline-block; line-height: normal;}
.content_table.mail td.person .group {display: inline-flex; column-gap: 4px; max-width: 100%; overflow: hidden;}
.content_table.mail td.person .group .badge {flex-shrink: 0;}
.content_table.mail td.person .group .name {float: none; width: auto; max-width: none; margin-right: 0; padding-left: 0;}
.content_table.mail td.person .group .abridge {flex-shrink: 0;}
.content_table.mail td.person .select_lst {top: 23px;}
.content_table.mail td.person.open {overflow: visible;}
.content_table.mail td.person.bottom.open .select_lst {top: auto; bottom: 30px;}

.content_table.title_mg0 .title {margin: 0; max-width: 100%; padding-left: 20px; padding-right: 24px;}
.content_table.title_mg0 th .title {padding-right: 15px;}/* 추가 : 2020-03-24 */

.content_table.bbs_tbl th {padding: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 다국어 표기로 인한 말줄임 속성 추가 : 2018-09-04 */
.content_table.bbs_tbl td:first-child .form {padding-left: 10px;}
.content_table.bbs_tbl .title {max-width: 100%; padding: 0 10px 0 20px; margin-left: 0;}/* 수정 : 2018-06-27 *//* 수정 : 2019-02-13 */
.content_table.bbs_tbl th .title {padding-right: 15px;}/* 추가 : 2020-03-24 */
.content_table.bbs_tbl .help_sbjct {font-size: 13px; vertical-align: top; line-height: 20px;}
.content_table.bbs_tbl .attached_file {margin: -1px 25px 0 20px;}

.content_table.normal .title {margin-left: 0; max-width: 100%;}

/* 동호회 내활동 테이블 리스트에서 스타일 수정 */
.sub_club .content_table th:nth-child(2) .title, .sub_club .content_table td:nth-child(2) .title {margin-left: 0; padding: 0 62px 0 20px;}
.sub_club .content_table .commented td:nth-child(2) .title, .sub_club .content_table.first_title .commented .title {padding-right: 58px;}
.sub_club .content_table .modified td:nth-child(2) .title, .sub_club .content_table.first_title .modified .title {padding-right: 76px;}
.sub_club .content_table .modified.commented td:nth-child(2) .title, .sub_club .content_table.first_title .modified.commented .title {padding-right: 106px;}
.sub_club .content_table.first_title .title {max-width: 100%; padding: 0 62px 0 20px; margin-left: 0;}
.sub_club .content_table.first_title th:first-child .th_text {padding-left: 5px;}/* 추가 : 2020-05-25 */
.sub_club .content_table.cmmt th:nth-child(2) .title, .sub_club .content_table.cmmt td:nth-child(2) .title {margin-left: 0; padding: 0;}
.sub_club .content_table.cmmt .title {max-width: 100%; padding: 0; margin-left: 0;}

/* 첫번재 컬럼에 제목이 있을때 */
.content_table.first_title th:first-child, .content_table.first_title td:first-child {padding-left: 5px;}
.content_table.first_title .title {max-width: 100%; padding-left: 0; margin-left: 0;}

.content_table .thread .title {padding-left: 40px; background-image: url('/user/img/ico_lst_depth.png'); background-repeat: no-repeat; background-position: 20px 0;}
.content_table .thread .ico.depth {width: 16px; height: 16px;}
.content .attached {display: block; margin-bottom: 18px;}

/* content_table - 일정/설비 */
.schedule_area .content_table .handy-scroll:not(.fixed_table_wrapper) {position: relative; padding: 0 8px 0 0;}/* 수정 : 2020-05-20 */

/* content_table - 주소록 */
.contact .content_table td .name_ic .name {max-width: 100%;}/* 추가 : 2019-02-25 */

/* 종속 관계의 테이블 */
.content_table tr.group > td {padding: 0; border: 0 none;}
.content_table tr.group > td:first-child {padding-left: 15px; border-right: 1px solid #f5f5f5;}
.content_table tr.group table tr td {border-bottom: 1px solid #f5f5f5;}
.content_table tr.group table tr:last-child td {border-bottom: 0 none;}
.content_table tr.group {border-bottom: 1px solid #f5f5f5;}

/* 헤더 고정하지 않음 */
.content_table.none_fixed th {height: 28px; border-top: 1px solid #969696; border-bottom: 1px solid #eee; font-weight: normal; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 드래그 앤 드롭 목록 */
.content_table.dragndrop td {height: 40px; overflow: visible;}
.content_table.dragndrop td .form {margin-top: 3px;}
.content_table.dragndrop td .input_group, .content_table.dragndrop td .selectbox .ui-button {background-color: #fff;}
.content_table.dragndrop td .input_group.flex .size_txt {padding-right: 4px;}
.content_table.dragndrop td .flex_group {align-items: start;}
.content_table.dragndrop td .flex_group .cancel, .content_table.dragndrop td .flex_group .ico.setting {margin: 6px 0 0 4px;}
.content_table.dragndrop td:first-child {background: url('/user/img/bg_list_move.png') no-repeat 0 50%;}
.content_table.dragndrop .none_list.type_text {background: none;}

/* 그리드형 */
.grid_list_head {padding: 2px 17px 2px 17px; border-top: 1px solid #969696; border-bottom: 1px solid #eee; background: #f3f6fb;}
.grid_list_head .sorting {font-size: 12px; color: #4c4c4c;}
.grid_list_head .sorting span {line-height: 22px;}/* 수정 : 2020-04-03 */
.grid_list_head .sorting .selectbox {display: inline-block; width: auto; vertical-align: top;}
.grid_list_head .sorting .selectbox .ui-button {width: 150px; height: auto; border: none; padding: 0 5px;}
.grid_list_head .sorting .selectbox .ui-selectmenu-text {margin-right: 15px; padding: 0}
.grid_list_head .sorting .selectbox .ui-menu .ui-menu-item-wrapper {padding: 5px 8px 7px 8px;}
.grid_list {margin: 18px 10px;}
.grid_list:after {display: block; content: ''; clear: both;}
.grid_list li {float: left; width: 178px; height: 242px; padding: 0 5px;}
.grid_list li dl {position: relative; width: 178px; padding: 0 5px;}
.grid_list li dl:hover dd.file {background: #fafafa;}
.grid_list li.selected dd.file, .grid_list li.selected dl:hover dd.file {border: 1px solid #3858ed; background: #edf3ff;}
.grid_list li dt {position: absolute; left: 0; top: 168px; width: 100%; margin: 8px 0; text-align: center;}
.grid_list li dt .filename {display: inline-block; width: 168px; height: 40px; line-height: 19px; color: #333;overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap: break-word;}
.grid_list li dd .form {margin-left: 0; margin-right: 1px;}
.grid_list li dd.file {width: 168px; height: 168px; border: 1px solid #e3e3e3; padding-top: 30px; position: relative;}/* 수정 : 2018-07-11 */
.grid_list li dd.file a {display: inline-block; width: 100%; height: 100%; overflow: hidden}/* 수정 : 2018-07-11 */
.grid_list li dd.file.parent_folder {background: none;}
.grid_list li dd.file img {width: 100%; height: auto; vertical-align: top;}/* 수정 : 2018-07-11 */
.grid_list li dd.file .item {position: absolute; top: 62px; left: 60px; width: 46px; height: 46px; font-size: 0; line-height: 0;}/* 수정 : 2018-07-11 */
.grid_list li dd.file .item::before {position: absolute; left: calc(50% - 23px); top: calc(50% - 23px); display: block; content: ''; width: 46px; height: 46px; background-image: url('/user/img/ico_file.png'); background-repeat: no-repeat; background-position-y: -34px;}
.grid_list li dd.check {position: absolute; top: 7px; left: 16px;}

/* 목록 없음 - 아이콘 형 */
.content_table .none_list, .grid_list .none_list, .popup_table .none_list, .photo_lst .none_list, .file_lst .none_list, .square_area .none_list, .box_card.none_list {width: 100% !important; height: 100% !important; margin: 28px 5px 38px !important; padding: 0 !important; border: 0 !important;}
.none_list .ico_content_none {display: block; width: 72px; height: 72px; margin: 0 auto; background-image: url('/user/img/img_content_none.png'); background-repeat: no-repeat; font-size: 0;}
.ico_content_none.srch {background-position-x: -328px;}
.ico_content_none.article {background-position-x: 0;}
.ico_content_none.appr_form {background-position-x: -82px;}
.ico_content_none.file {background-position-x: -164px;}
.ico_content_none.reply {background-position-x: -246px;}
.ico_content_none.feed {background-position-x: -410px;}
.ico_content_none.image {background-position-x: -492px;}
.ico_content_none.setup {background-position-x: -574px;}
.ico_content_none.sq_work {background-position-x: -656px;}
.ico_content_none.schedule {background-position-x: -738px;}
.ico_content_none.todo {background-position-x: -820px;}
.none_list .txt {margin-top: 15px; font-size: 13px; text-align: center;}
.none_list .txt + .txt {margin-top: 5px;}

.content_table .none_list:not(.type_text):not(.type_full), .grid_list .none_list:not(.type_text):not(.type_full), .photo_lst .none_list:not(.type_text):not(.type_full), .file_lst .none_list:not(.type_text):not(.type_full), .square_area .none_list:not(.type_text):not(.type_full), .formchoice_list .none_list:not(.type_text):not(.type_full), .box_card.none_list {height: 320px !important; padding-top: 100px !important; margin: 0 !important;}

/* 목록 없음 - 점선 박스형 */
.none_list.box_dashline {height: 500px; padding-top: 165px; border: 2px dashed #e3e3e3 !important;}

/* 목록 없음 - 텍스트 형 */
.none_list.type_text {height: auto !important; margin: 0 !important; padding: 0 !important; font-size: 13px !important; text-align: center;}
div.none_list.type_text {display: block; padding-left: 15px !important;}
td.none_list.type_text {border-bottom: 1px solid #f5f5f5 !important;}

/* 목록 없음 - 텍스트 형(목록뷰) */
.content_table .none_list.type_text, .popup_table .none_list.type_text {height: 32px !important; line-height: 31px;}

/* 목록 없음 - 텍스트 형(분할뷰) */
.vertical_lf .thread_lst dd .none_list.type_text {display: block; max-width: none; height: 58px !important; padding: 0 !important; line-height: 57px;}
.vertical_lf .content_table:not(.one_line) td.none_list.type_text {height: 58px !important; line-height: 57px; border-bottom: 1px solid #f5f5f5 !important;}
.container_area.contact .vertical_lf .content_table td.none_list.type_text {height: 32px !important; line-height: 31px;}
.container_area.find_address .none_list {margin: 0 !important; padding: 120px 0 !important;}

/* 목록 없음 - 텍스트 형(전체영역형) */
.none_list.type_full {margin: 0 !important; padding: 0 !important; line-height: normal !important;}
.none_list.type_full .txt:only-child {margin: 0; padding: 0;}
.none_list.type_full:not(td) {display: flex !important; justify-content: center; align-items: center;}

/** 드래그 타켓 - 웹폴더 **/
/* 공통 */
.content_table tr.drop_target td, .grid_list li.drop_target dd.file.folder, .grid_list li.drop_target dl:hover dd.file.folder {background-color: #edf3ff;}
.content_table tr.drop_target .ico_file.folder:after, .grid_list li.drop_target dd.file.folder .item:after {position: absolute; display: block; content: ''; background-image: url('/user/img/ico_droptarget.png'); background-repeat: no-repeat;}
/* 목록뷰 */
.content_table tr.drop_target .ico_file.folder {position: relative; overflow: visible;}
.content_table tr.drop_target .ico_file.folder:after {left: -5px; top: 3px; width: 19px; height: 11px; background-position: 0 0;}
/* 그리드뷰 */
.grid_list li.drop_target dd.file.folder .item:after {left: -14px; top: 13px; width: 40px; height: 22px; background-position: 0 -23px;}

/* sub_item */
.sub_item {padding-top: 15px;}
.sub_item:last-child {margin-bottom: 90px;}
.sub_item .item_title_area {height: 51px; padding: 10px 0 13px;}
.sub_item .item_title_area:after {display: block; content: ''; clear: both;}
.sub_item .item_title_area .title {font-weight: bold; line-height: 28px;}

/* popup_table */
.popup_table {padding: 20px 30px 25px 30px;}
.popup_table table {border-collapse: separate; border-spacing: 0;}/* 추가 : 2019-02-13 */
.popup_container .popup_table h3.blck {padding: 0; margin: 0 0 13px;}
.popup_container .popup_table h3.blue {padding: 0; margin: 0 0 13px; color: #2d3f93;}/* h3 blue style 추가 : 2018-06-28 박희진 */
.popup_container .popup_table .section + .section {margin-top: 25px;}/* 2018-07-16 박희진 */
.popup_container .btn_print + .popup_table {padding-top: 12px;}
.popup_container .cont_scroll.scroll-wrapper {max-height: 614px;}
.popup_container .cont_scroll .cont_txt {padding: 20px 30px 0; line-height: 20px;}
.popup_container .cont_scroll .cont_txt.type_prewrap {white-space: pre-wrap;}
.popup_container .cont_scroll + .btns_area.bttm {margin-top: 20px;}

/* head */
.popup_table .table_head {position: relative; border-top: 1px solid #969696; border-bottom: 1px solid #eee;}/* border-top 부모요소(기존)로 변경 : 2018-07-16 박희진 */
.popup_table th {color: #4c4c4c; padding: 5px 6px; background-color: #f3f6fb; min-height: 30px; font-size: 12px;}
.popup_table td {height: 32px; padding: 4px 5px; border-bottom: 1px solid #f5f5f5; line-height: 20px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2019-02-13 */
.popup_table td.btns {vertical-align: middle;}
.popup_table th .blind {font-size: 0;}
.popup_table th.title {padding-left: 40px;}

/* body */
.popup_table .fixed_table_wrapper:not(.fit_cont) {border-bottom: 1px solid #e3e3e3;}/* 추가 : 2020-05-15 */
.popup_table .table_body {position: relative; border-bottom: 1px solid #e3e3e3; overflow: hidden;}
.popup_table .table_body + .paginate_area, .popup_table .fixed_table_wrapper + .paginate_area {border-top: 0 none; height: 38px;}/* 수정 : 2020-06-01 */
.popup_table .title * {vertical-align: top;}
.popup_table tr:hover {background-color: #fafafa;}
.popup_table .title .ico.file {position: absolute; left: 0;}
.popup_table .title .ico.lock_file {position: absolute; left: 0;}
.popup_table tbody tr:last-child th, .popup_table tbody tr:last-child td {border-bottom: 0 none;}
.popup_table th:first-child, .popup_table td:first-child {padding-left: 15px; padding-right: 6px;}
.popup_table th:last-child, .popup_table td:last-child {padding-right: 21px;}
.popup_table th .form, .popup_table td .form {margin-right: 0; margin-left: 4px;}
.popup_table th:first-child .form, .popup_table td:first-child .form {margin-left: 0;}
.popup_table th .name {padding-left: 6px;}
.popup_table td * {vertical-align: top;}
.popup_table td .form, .popup_table td .ico, .popup_table td .ico_btn.small {line-height: 16px; vertical-align: text-bottom;}
.popup_table td .form > label:not(.blind) {font-size: 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2018-12-06 */
.popup_table td span {display: inline-block; max-width: 100%;}
.popup_table td .name {position: relative; display: inline-block; max-width: 100%; padding-right: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_table td .name.owner {background: url('/user/img/ico_owner.png') no-repeat right 50%; padding-right: 20px;}
.popup_table td .comment {max-width: 302px; margin-top: 6px; white-space: pre-wrap; line-height: 1.5;}/* 수정 : 2019-11-26 */
.popup_table td .view_text_all {white-space: normal;}
.popup_table .title {position: relative; display: inline-block; max-width: calc(100% - 56px); padding: 0 20px; margin: 0 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_table.mail .title {margin: 0;}
.popup_table.mail td .name {padding: 0;}
.popup_table.mail td .badge + .name {padding-left: 4px;}
.popup_table .title .ico.pop_up {float: left;}
.popup_table .title .ico.comment {float: left;}
.popup_table .title .subject {line-height: 14px;}
.popup_table .title .subject:hover {text-decoration: underline;}
.popup_table .thread .title {padding-left: 40px; background-image: url('/user/img/ico_lst_depth.png'); background-repeat: no-repeat; background-position: 20px 0;}
.popup_table .description {position: relative; width: 100%; height: 21px; font-size: 12px; color: #2d3f93; line-height: 21px; margin-bottom: 10px;}
.popup_table .description .btn.small {float: right;}
.popup_table .date {font-size: 12px;}
.popup_table .date strong {display: block; margin-top: 10px; font-size: 13px; color: #333; font-weight: normal;}

.popup_table .help_txt {position: relative; width: 100%; height: 21px; font-size: 12px; line-height: 21px; margin-bottom: 10px; color: #333;}
/* 파일명 타입 */
.popup_table .help_txt.attached_file {font-weight: bold;}
.popup_table .help_txt.attached_file dt, .popup_table .help_txt.attached_file dd {display: inline-flex; flex: 0;}
.popup_table .help_txt.attached_file .file_name {max-width: 385px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 타이틀 타입 */
.popup_table .help_txt.type_title {display: flex; width: 100%; font-weight: bold; overflow: hidden;}
.popup_table .help_txt.type_title dt {flex-shrink: 0;}
.popup_table .help_txt.type_title dd {flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.popup_table .table_desc {position: relative; font-size: 0; height: 32px; vertical-align: top; padding-top: 10px;}
.popup_table .table_desc dt {display: inline-block; font-size: 12px;}
.popup_table .table_desc dd {display: inline-block; font-size: 12px;}
.popup_table .table_desc dd:before {content: ':'; font-size: 12px; padding: 0 4px;}
.popup_table .table_desc dd:after {content: ''; display: inline-block; width: 1px; height: 12px; background: url('/user/img/divider.png') no-repeat right 0; margin: 0 4px;}
.popup_table .table_desc dd:last-child:after {background: 0 none;}
.popup_table .table_desc dd.name {color: #2d3f93; font-weight: bold; letter-spacing: -1px;}
.popup_table .section .table_desc {margin-top: 20px;}
.popup_table .help_txt + .section .table_desc {margin-top: 0;}
.popup_table .align_rg .ico_btn.print {position: absolute; top: -40px; right: 0; margin-right: 0;}
.popup_table .table_body td p {padding: 4px 0;}
/* 추가 : 2019-11-26 */
.popup_table .table_body td .text_wrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.btn_print + .popup_table .table_body td p {display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.btn_print + .popup_table .table_body td p.fnt_grey {display: inherit;}
.btn_print + .popup_table .table_body td p.pre_line.comment {max-width: calc(100% - 6px); margin-top: 0;}
.popup_table .form_txt.mg_b_10 + .align_rg + .table_head + .table_body .comment.pre_line, .popup_table .caption + .table_head + .table_body .comment.pre_line {max-width: calc(100% - 6px); margin-top: 0;}/* 추가 : 2019-12-03 */
.popup_table .fixed_table_wrapper.fit_cont.comment .comment.pre_line {max-width: calc(100% - 15px); margin-top: 0;}/* 추가 : 2020-05-15 */
.popup_table .reply_content {padding-bottom: 20px;}
.popup_table .whole thead th {border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_table + .form_table.mixed tr:first-child th {padding-top: 11px;}
.popup_table + .form_table.mixed tr:first-child td {padding-top: 5px;}

/* 모달 팝업 */
.popup_container .content_table {margin: 0 30px 25px 30px;}
.popup_container .content_table:not(.dragndrop) tr:last-child td {border-bottom: none;}
.popup_container .content_table .table_head {visibility: visible !important;}
.popup_container .content_table .table_head th {padding: 5px 6px 8px 6px;}
.popup_container .content_table .table_body {max-height: 276px;}
.popup_container .content_table .table_body.none_scroll {max-height: none;}/* 추가 : 2018-07-30 */
.popup_container .content_table .title11 {position: relative; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_container .content_table .tb_cont {background: #f9f9f9;}
.popup_container .content_table .tb_cont td {display: none;}
.popup_container .content_table .tb_cont td div {white-space: pre-line;}/* 엔터키 인식을 위한 속성 수정 (nowrap -> pre-line) : 2018-07-26 */
.popup_container .content_table .tb_cont.open td {display: table-cell;}
.popup_container .content_table .flip {margin: 0; line-height: 16px;}
.popup_container .content_table .txtc {text-align: center;}
/* 추가 : 2020-05-21 */
.popup_container .section .content_table {margin: 0 0 25px; border-top: 1px solid #969696; border-bottom: 1px solid #e3e3e3;}
.popup_container .section .content_table thead th {min-height: 26px; padding-top: 3px; padding-bottom: 2px; border-bottom: 1px solid #eee;}

.popup_container .appr_view_cont .content_table th:first-child, .popup_container .appr_view_cont .content_table td:first-child {padding-left: 15px; padding-right: 6px;}

/* 스퀘어 - 표정 레이어 팝업 */
.popup_container.emoti {top: 50%; min-width: 262px; width: 262px; margin-top: -169px; border-radius: 3px 3px;}
.popup_container.emoti .title {height: 42px; line-height: 42px;}
.popup_container.emoti .emoti_lst {height: 297px;}
.popup_container.emoti .emoti_lst ul {padding: 10px 30px 15px;}
.popup_container.emoti .emoti_lst ul li {position: relative; height: 43px; padding-left: 50px; border-bottom: 1px solid #ededed;}
.popup_container.emoti .emoti_lst ul li .profile_photo {width: 32px; height: 32px; position: absolute; top: 5px; left: 0;}/* 수정 : 2019-08-27 */
.popup_container.emoti .emoti_lst ul li .profile_photo img {width: 32px; height: 32px; border-radius: 16px;}
.popup_container.emoti .emoti_lst ul li .ico_face {position: absolute; top: 19px; left: 22px;}
.popup_container.emoti .emoti_lst ul li .ico_face img {width: auto; height: auto;}
.popup_container.emoti .emoti_lst ul li a.name {display: inline-block; max-width: 100%; margin-top: 12px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_container.emoti .btn_close {position: absolute; top: 14px; right: -29px; background: none;}
.popup_container.emoti .btn_close a {display: block; width: 18px; height: 18px; font-size: 0; background: url('/user/img/btn_close.png') no-repeat 0 0;}

/* 스퀘어 - 담당자 처리시간 레이어 팝업 : 추후 마크업 구조 변경시 삭제 필요 */
.popup_container.emoti.time_recent {width: 320px;}
.popup_container.emoti.time_recent .emoti_lst ul li a.name {max-width: 85px;}
.popup_container.emoti.time_recent .emoti_lst ul li .date {text-align: right; color: #969696; position: absolute; right: 4px; top: 12px;}

/* 업무게시판 - 담당자 전체보기 */
.popup_container.emoti.view_worker {width: 320px;}
.popup_container.emoti.view_worker .emoti_lst ul li {display: flex; align-items: center; gap: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_container.emoti.view_worker .emoti_lst ul li a.name {flex-shrink: 0; margin-top: 0;}
.popup_container.emoti.view_worker .emoti_lst .rank, .popup_container.emoti.view_worker .emoti_lst .dept {color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_container.emoti.view_worker .emoti_lst .dept:before {display: inline-block; content: ''; width: 2px; height: 17px; margin-right: 4px; background: url('/user/img/dott_gray.png') no-repeat left 50%;}

.brdr_bttm_0 {border-bottom: 0 none !important;}

.subject .badge_comment {position: relative;}

.content_table .unread .subject, .content_table .unread .name, .content_table .unread .document, .content_table .unread .team {font-weight: bold; color: #111;}/* 2017-11-21 결재 목록의 문서, 기안부서 영역 추가 *//* 수정 : 2019-02-11 */
.content_table .unread .num {font-weight: bold; text-decoration: underline;}
.content_table .unread .title .help_sbjct {color: #111;}/* 추가 : 2019-02-11 */

.content_table .badge_modify {background-color: #f5f5f5; color: #868686; font-size: 11px; height: 16px; margin: 2px 0 0 4px; padding: 0 4px; border-radius: 2px;}
.content_table .badge_comment {color: #5a79ec; font-size: 11px; margin-left: 4px;}

.content_table tr:hover .title .info {background-color: #fafafa;}
.content_table tr.selected .title .info {background-color: #edf3ff;}
.content_table tr.selected:hover .title .info {background-color: #edf3ff;}

.content_table .modified .title {padding-right: 76px;}
.content_table .modified .title .info {width: 76px;}
.content_table .commented .title {padding-right: 58px;}
.content_table .commented .title .info {width: 58px;}
.content_table .modified.commented .title {padding-right: 106px;}
.content_table .modified.commented .title .info {width: 106px;}

.content_table tr:last-child td {border-bottom: 1px solid #d9d9d9;}
.content_table tfoot tr td {position: static; background-color: #f9f9f9; border-bottom: 1px solid #d9d9d9;}
.content_table tfoot tr td em {color: #3858ed; font-weight: bold;}
.content_table td.folder {background: url('/user/img/bg_folder.png') no-repeat 4px 10px; padding-left: 22px !important; font-weight: bold;}/* 수정 : 2019-02-13 */
.content_table td.folder.sub {background-position: 10px -22px; font-weight: normal;}/* 수정 : 2019-02-13 */
.content_table td.folder .btn.small {margin: -2px 0;}/* 추가 : 2019-02-13 */
.content_table tr.selected td {background-color: #edf3ff; border-color: #dbe7ff !important;}
.content_table tr.reading td:first-child:before {display: inline-block; content: ''; width: 2px; height: 100%; background: #3858ed; position: absolute; left: 0; top: 0;}/* 추가 : 2019-02-25 */

/* 스크립트 추가 후 삭제 *//* 수정 : 2020-05-15 */
.content_table td.folder:first-child {padding-left: 35px !important; background-position-x: 15px; font-weight: bold;}/* 수정 : 2019-02-13 */
.content_table .thread td.folder {font-weight: normal;}
.content_table .thread.th_1 td.folder {padding-left: 35px !important; background-position: 25px -22px;}/* 수정 : 2019-02-13 */
.content_table .thread.th_2 td.folder {padding-left: 42px !important; background-position: 32px -22px;}/* 수정 : 2019-02-13 */
.content_table .thread.th_3 td.folder {padding-left: 49px !important; background-position: 39px -22px;}/* 수정 : 2019-02-13 */

/* form과 함께 있는 table */
.content_table .col_option {position: absolute; top: 0; right: 0; width: 45px; height: 28px; background: #f3f6fb url('/user/img/col_option.png') no-repeat 50% 50%; z-index: 3;}
.content_table .summary {position: relative; width: 100%; display: block;}
.content_table .summary:after {display: block; content: ''; clear: both;}
.content_table .summary .tab {height: auto;}
.content_table .summary .tab li {padding: 0 10px; background: none;}
.content_table .summary .tab li:first-child {padding-left: 0;}
.content_table .summary .tab li a {padding-bottom: 5px; font-size: 14px;}
.content_table .summary .tab li a:hover {border-bottom: 2px solid #3858ed;}
.content_table .summary .tab li a.selected {border-bottom: 2px solid #3858ed; color: #4c4c4c;}
.content_table .summary .tab li a .count {margin-left: 4px; color: #3858ed; font-weight: bold;}
.content_table .summary .option {padding: 26px 0 10px;}

.related_tbls {height: calc(100% - 40px) !important; border-top: 1px solid #969696;}
.related_tbls .form_table table {border-top: 0 none;}
.related_tbls .form_table table + .btns_area {height: 70px;}/* 추가 : 2019-10-24 */
.related_tbls .content_table {height: auto;}
.related_tbls .content_table .table_body {border-bottom: 1px solid #e3e3e3;}
.related_tbls .content_table .table_head {border-top: 1px solid #969696;}
.related_tbls .content_table .table_body.scroll-wrapper {max-height: 480px;}/* 추가 : 2019-10-24 */

.multi_tbls {max-height: calc(100% - 92px);}
.multi_tbls {padding: 14px 25px 25px; border-top: 1px solid #969696; border-bottom: 1px solid #d9d9d9;}
.multi_tbls table caption {width: 100%; height: 33px; margin-bottom: 6px; visibility: visible; overflow: visible; font-size: 14px; color: #111; font-weight: bold; line-height: 33px; text-align: left;}
.multi_tbls table {margin: 29px 0 17px;}
.multi_tbls table:first-child {margin-top: 0;}
.multi_tbls table tr td {min-height: 41px; padding: 5px 0;}
.multi_tbls table tr td span {height: 38px;}
.multi_tbls table tr td .form {height: 28px; padding: 6px 4px 6px 0; line-height: normal; vertical-align: top;}
.multi_tbls .description {font-size: 12px; color: #969696;}

/** 타이틀 고정형 목록 : 2020-05-11 **/
/* 공통 */
.fixed_table_wrapper:not(.scroll-content) {position: relative; padding-top: 28px !important;}
.fixed_table_wrapper:not(.scroll-content):before {display: block; content: ''; height: 28px; border-top: 1px solid #969696; border-bottom: 1px solid #eee; background-color: #f3f6fb; position: absolute; top: 0; right: 0; left: 0; z-index: 0; box-sizing: border-box;}
.fixed_table_wrapper.scroll-wrapper .scroll-element.scroll-y {top: 28px; height: calc(100% - 28px); min-height: calc(100% - 28px);}
.fixed_table_wrapper.scroll-wrapper .scroll-content {position: static !important;}
.fixed_table_wrapper.scroll-wrapper.fit_cont {height: auto !important;}
.fixed_table_wrapper.scroll-wrapper.fit_cont:after {display: block; content: ''; height: 0; border-bottom: 1px solid #e3e3e3; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.fixed_table_wrapper table.fixed_table th {position: static !important; height: 0; min-height: auto; padding: 0 !important; background: none !important; border: 0 !important;}
.fixed_table_wrapper table.fixed_table .th_text {position: absolute; top: 0; width: inherit; height: 28px; padding: 0 5px; line-height: 28px; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fixed_table_wrapper table.fixed_table th.align_ct .th_text, .fixed_table_wrapper table.fixed_table th.text_c .th_text {text-align: center;}
.fixed_table_wrapper table.fixed_table th.text_c .th_text {padding-left: 5px;}
.fixed_table_wrapper table.fixed_table th:first-child .th_text {padding-left: 15px;}
.fixed_table_wrapper table.fixed_table th:last-child .th_text {padding-right: 15px;}
.fixed_table_wrapper table.fixed_table th .th_text .form {vertical-align: text-bottom; margin-top: -2px;}
.fixed_table_wrapper table.fixed_table td:first-child .form {padding-left: 0;}
.fixed_table_wrapper table.fixed_table td .txt_desc {max-width: calc(100% - 24px);}
.fixed_table_wrapper table.fixed_table tbody th {border-bottom: 1px solid #f5f5f5 !important; padding-left: 5px !important;}
.fixed_table_wrapper table.fixed_table tbody th:first-child {padding-left: 15px !important;}
.fixed_table_wrapper table.fixed_table tbody tr:last-child th {border-bottom: 1px solid #d9d9d9 !important;}
/* 결재 */
.appr_view_cont .content_table table.fixed_table th:last-child .th_text {padding-right: 0;}
.appr_view_cont .content_table .fixed_table_wrapper.scroll-wrapper.fit_cont {max-height: 305px;}
.appr_view_cont .content_table .fixed_table_wrapper.scroll-content {overflow-x: scroll !important;}
.appr_view_cont .content_table .fixed_table_wrapper.none_scroll {height: auto; max-height: none; border-bottom: 1px solid #e3e3e3;}
.appr_view_cont .content_table .fixed_table_wrapper + .paginate_area {height: 40px; border-top: 0;}

/* table 내의 ascend_descend */
.ascend, .descend {height: 16px; padding-right: 0 !important;}
.ascend a, .descend a {text-decoration: underline !important; font-weight: bold;}
.ascend.selected, .descend.selected {text-decoration: underline; font-weight: bold;}
.ascend a {height: 16px; padding-right: 15px; background: url('/user/img/ico_up_down.png') no-repeat right -38px;}
.descend a {height: 16px; padding-right: 15px; background: url('/user/img/ico_up_down.png') no-repeat right 8px;}

/** btns **/
.btn {display: inline-block; height: 28px; font-size: 12px; line-height: 24px; color: #333; padding: 0 9px; margin-right: 8px; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 2px;}/* 수정 : 2018-09-12 김민우 */
.btn.half {width: calc(50% - 4px);}
.btn.full {width: 100%; text-align: center;}

.btn:hover {background-color: #f5f5f5; border: 1px solid #b1b1b1;}/* 수정 : 2018-09-12 김민우 */
.btn:active {position: relative; color: #333; background-color: #fff; border: 1px solid #969696; z-index: 1;}
.btn.disabled {color: #a9a9a9; background-color: #fff; border: 1px solid #ddd; cursor: default;}/* 수정 : 2018-09-12 김민우 */
.btn_more {display: inline-block; height: 28px; line-height: 24px; padding: 0 28px 0 10px; font-size: 12px; color: #333; background: #fff url('/user/img/btn_select.png') no-repeat right 50%; border: 1px solid #b1b1b1; border-radius: 2px;}/* 수정 : 2018-09-12 김민우 */
.btn_more:hover {background-color: #f5f5f5; border: 1px solid #b1b1b1;}/* 수정 : 2018-09-12 김민우 */
.btn_more:active {position: relative; color: #333; background-color: #fff; border: 1px solid #969696;}
.btn_more.noTxt {font-size: 0; padding: 0 9px; background-position: -9px 50%;}
.btn_more.noB {padding: 0 10px; font-size: 0; border: none;}
.btn_more.noB:hover {background-color: #fff;}
.action_btn:hover, .btn:hover {text-decoration: none;}
.btn_d_search {display: inline-block; width: 43px; height: 28px; font-size: 0 !important; line-height: 24px; color: #fff; padding: 0 10px; /*20250109 kjw background: #3858ed */background: #2384cc url('/user/img/bg_d_search.png') no-repeat center 0; border-radius: 2px;}
.btn_d_search.open {background-position: center -28px;}

.d_srch_layer {position: absolute; top: 30px; right: 0; display: none !important; min-width: 350px; padding: 4px 0 15px 0; background: #fff; border: 1px solid #969696; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); z-index: 111;}/* 수정 : 2018-07-23 박희진 */
.d_srch_layer.single .form_table table tr:last-child th, .d_srch_layer.single .form_table table tr:last-child td {padding-bottom: 0;}
.area_club .d_srch_layer {top: 40px;}
.d_srch_layer .flip {padding: 0 0 10px 0;}
.d_srch_layer .flip:focus {outline: none;}
.d_srch_layer .flip:focus .text_btn {box-shadow: 0 0 5px rgba(0,119,204,0.5); border: 1px solid #07C;}
.d_srch_layer .btns_area {padding: 15px 20px; border-top: 1px solid #c2c2c2; border-bottom: 0 none !important;}
.d_srch_layer.open {display: block !important;}
.d_srch_layer > .group {height: 40px !important; padding: 10px 20px 0;}
.d_srch_layer > .group + .s_cont.handy-scroll, .d_srch_layer .s_cont.handy-scroll + .s_cont.handy-scroll {padding-top: 0;}
.d_srch_layer .s_cont {display: none; padding: 0 20px;}
.d_srch_layer .s_cont.open {display: block;}
.d_srch_layer .s_cont:not(.detail) .selectbox .ui-widget.ui-widget-content {min-width: 80px;}
.d_srch_layer .no-scroll .s_cont {height: 100%; width: 100%; overflow: hidden;}
.d_srch_layer {padding-top: 16px;}
.d_srch_layer .s_cont.handy-scroll .scroll-content {overflow-x: hidden !important;}
.d_srch_layer .s_cont.handy-scroll table {width: 100%;}
.d_srch_layer .s_cont.handy-scroll .ui-selectmenu-menu {width: 100%;}
.d_srch_layer .s_cont.handy-scroll .ui-selectmenu-menu .ui-menu .ui-menu-item {width: 100%; white-space: normal;}
.d_srch_layer .s_cont.handy-scroll .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {padding: 7px 9px;}

.d_srch_layer .form_table table {border-top: 0 none; border-bottom: 0;}
.d_srch_layer .s_cont.detail .form_table {width: 400px; padding: 0;}/* 상세검색 영역 확장(자동완성 UI) 2018-08-21 김민우 */
.d_srch_layer > .s_cont.detail:first-child .form_table tr:first-child th {padding-top: 6px;}
.d_srch_layer > .s_cont.detail:first-child .form_table tr:first-child td {padding-top: 0;}
.d_srch_layer > .s_cont.detail:first-child .form_table tr:first-child td.text_input input[type='text'].border_input {height: 30px; padding-bottom: 0;}
.d_srch_layer .s_cont.detail .input_group.has_select .selectbox {max-width: 90px;}

.d_srch_layer .form_table table tr:first-child th {padding-top: 6px;}
.d_srch_layer .s_cont .form_table table tr:first-child td {padding-top: 0;}
.d_srch_layer .s_cont .form {font-size: 12px;}
.d_srch_layer .s_cont .form label {color: #333;}
.d_srch_layer .s_cont.detail .form_table table tr:first-child th, .d_srch_layer .s_cont.easy .form_table table tr:first-child th {padding-top: 20px;}
.d_srch_layer .s_cont.detail .form_table table tr:first-child td, .d_srch_layer .s_cont.easy .form_table table tr:first-child td {padding-top: 16px;}
.d_srch_layer .s_cont.detail .form_table table tr:last-child td, .d_srch_layer .s_cont.easy .form_table table tr:last-child td {padding-bottom: 15px;}
.d_srch_layer .s_cont.easy.appr_srch .input_group.date.mg_t_0 {margin-top: 0;}
.d_srch_layer .s_cont.easy.appr_srch .input_group.date {margin-top: 15px; margin-bottom: 10px;}
.d_srch_layer .s_cont.easy.appr_srch .input_group.date .datepic_area {width: 100%;}
.d_srch_layer .s_cont.easy.appr_srch .input_group.date .datepic_area .date_box {width: 140px; padding-left: 4px;}
.d_srch_layer .s_cont.easy.appr_srch .input_group.date .datepic_area .date_box:last-child {margin-right: 0;}
.d_srch_layer .s_cont.easy.appr_srch .input_group.date .datepic_area .date_box .date_input {width: 100px !important;}

.d_srch_layer th {font-size: 13px; padding: 6px 0; vertical-align: top; line-height: 18px; padding-right: 10px; white-space: normal;}
.d_srch_layer td {font-size: 13px; padding: 1px 0 6px 0;}
.d_srch_layer td.text_input input[type='text'].border_input {margin-top: -1px;}
.d_srch_layer th + td {padding-left: 0;}

.d_srch_layer .form:first-child {padding-left: 0; margin-left: 0;}
.d_srch_layer .form input[type="checkbox"] + label, .d_srch_layer .form input[type="radio"] + label {letter-spacing: -0.5px;}

.d_srch_layer .input_group {position: relative; margin: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.d_srch_layer .border_input:hover {border-bottom: 1px solid #3858ed;}
.d_srch_layer .input_group:hover {border-bottom: 1px solid #3858ed;}
.d_srch_layer .input_group .token-input {min-height: 30px; white-space: normal;}
.d_srch_layer .s_cont.easy .input_group {min-height: 31px; vertical-align: bottom;}
.d_srch_layer .s_cont.easy .input_group.has_select .selectbox:nth-child(2) {left: 115px; max-width: none;}
.d_srch_layer .s_cont.easy .input_group.has_select .selectbox:nth-child(2) .ui-selectmenu-menu {max-width: 822px;}
.d_srch_layer .s_cont.easy .input_group.has_select .selectbox:nth-child(2) .ui-menu-item-wrapper {overflow-x: hidden; text-overflow: ellipsis;}
.d_srch_layer .s_cont.detail .input_group {margin-top: -2px;}/* 추가 : 2019-03-05 */

.d_srch_layer .input_group.has_btn.mh_medium .token-input .scroll-wrapper {max-height: 270px;}
.d_srch_layer .input_group.has_btn.mh_medium .token-input .ico_btn {margin: 0 4px 0 0;}

.d_srch_layer .input_group.srch_target .ico.group {top: 0; right: 1px;}

.d_srch_layer .input_group.multi {padding-right: 86px;}
.d_srch_layer .input_group.multi .form {position: absolute; right: 10px; left: auto; padding-left: 8px; background: url('/user/img/bar.png') no-repeat left center;}
.d_srch_layer .input_group .ico.group {height: 16px; font-size: 0;}
.d_srch_layer .input_group.flex .ico.group {margin-right: 4px;}
.d_srch_layer .input_group:not(.flex) .ico.group {width: 20px; height: 30px; right: 60px; margin-right: 0;}
.d_srch_layer .input_group .ico.group label {color: #111;}

.btns_area .d_srch_layer .form {position: relative; margin-top: 0;}
.btns_area .d_srch_layer td .group:not(.ico) {height: auto; line-height: 24px; vertical-align: top;}
.align_rg .d_srch_layer td .group:first-child {margin-left: 0;}
.align_rg .d_srch_layer td .selectbox {margin-left: 0;}
.align_rg .d_srch_layer td .selectbox .ui-selectmenu-menu {width: 100%;}

.align_rg.new_lst_info .d_srch_layer .form {position: relative; margin-top: 0; white-space: normal;}
.align_rg.new_lst_info .d_srch_layer td .group {height: auto; line-height: 24px; vertical-align: top;}

.align_rg.new_lst_info .selectbox .scroll-wrapper > .scroll-content {width: 100% !important;}/* 추가 : 2019-01-10 */

.d_srch_layer .group {display: block;}
.d_srch_layer .input_group .ico_btn {top: 6px;}
.d_srch_layer .input_group .select.group {width: 100px;}
.d_srch_layer .datepic_area .selectbox {height: auto; line-height: inherit; vertical-align: top; top: 4px; background: 0 none;}

.d_srch_layer .input_group .select.group > a {width: 100px;}
.d_srch_layer .input_group .select.group .select_lst {width: 286px;}
.d_srch_layer .input_group.has_select .selectbox {margin-right: 0;}
.d_srch_layer .input_group.has_select .selectbox .ui-button {font-size: 12px;}
.d_srch_layer .input_group.has_select .basic_input {width: calc(100% - 100px); margin-left: 100px; vertical-align: top;}
.d_srch_layer .input_group.has_select.small .basic_input {width: calc(100% - 84px); margin-left: 84px;}
.d_srch_layer .input_group.has_select.medium .basic_input {width: calc(100% - 114px); margin-left: 114px;}
.d_srch_layer .input_group.has_select.medium2 .basic_input {width: calc(100% - 84px); margin-left: 84px;}/* 2018-07-06 허수정 추가 */
.d_srch_layer ul.token-input-list {padding: 2px 0; margin-top: 0 !important;}
.d_srch_layer .btn.on {border: 1px solid #3858ed; background: #f0f4fc; color: #3858ed; z-index: 111;}
.d_srch_layer .btn.on:first-child {border-right: 1px solid #3858ed !important;}
.d_srch_layer .btn.on:first-child + .btn:last-child {border-left: 0 none; margin-left: 0;}
.d_srch_layer .group .btn:first-child {border-radius: 2px 0 0 2px;}
.d_srch_layer .group .btn:last-child {border-radius: 0 2px 2px 0;}

.d_srch_layer .has_select .datepic_area {width: calc(100% - 94px); margin-left: 94px;}
.d_srch_layer .has_select .datepic_area .date_box:last-child {margin-right: 0;}

.d_srch_layer .date_box input[type="text"]:disabled {background: #fff; color: #a9a9a9;}
.d_srch_layer .date_box input[type="text"]:disabled + .date_btn {opacity: 0.7;}
.d_srch_layer .date_btn {font-size: 0;}
.d_srch_layer .btns_area {padding-bottom: 0;}

.d_srch_layer .input {position: relative; height: 26px;}
.d_srch_layer .input .basic_input {position: relative; width: 100%; padding: 2px 20px 4px 2px; border-bottom: 1px solid #e3e3e3;}
.d_srch_layer .input .basic_input:focus {border-bottom: 1px solid #3858ed;}
.d_srch_layer .ico.search {font-size: 0;}
.d_srch_layer .s_cont .ico.search {position: absolute;}
.d_srch_layer .s_cont .ico.search:last-child {margin-right: 0;}
.multi_group {vertical-align: top; font-size: 0;}
.form_table td .multi_group .form {vertical-align: top;}
.multi_group input[type='text'].box_input {border: #c2c2c2 1px solid;}
.multi_group input[type='text'].box_input:disabled {border: #ddd 1px solid; background: #fff; color: #a9a9a9;}
.multi_group .ui-button {margin-left: 4px;}
.multi_group .ui-button.ui-state-disabled, .ui-button.ui-state-disabled:hover, .multi_group .ui-button.ui-state-disabled:active {border: #ddd 1px solid; background-color: #fff; color: #a9a9a9;}
.multi_group .ui-button.ui-state-disabled .ui-selectmenu-text, .multi_group .ui-button.ui-state-disabled:hover .ui-selectmenu-text, .multi_group .ui-button.ui-state-disabled:active .ui-selectmenu-text {color: inherit;}

.d_srch_layer .input_group.research_date .form {margin-top: 1px; margin-bottom: 1px;}
.d_srch_layer .input_group.research_date .datepic_area {width: inherit; margin-left: -2px;}
.d_srch_layer .datepic_area .set_time .input_group {border: 0;}/* 추가 : 2019-11-15 */

/* 아이콘 + 텍스트 버튼 */
.btn_icontext {position: relative; display: inline-block; padding-left: 18px; font-size: 12px; color: #555; letter-spacing: -1px;}
.btn_icontext::before {position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.btn_icontext.on {color: #3858ed;}
.btn_icontext.set_list::before {background-position: -180px 0;}
.btn_icontext.set_list.on::before {background-position-y: -20px;}

/* 좋아요.싫어요 버튼 */
.btn_icontext.opinion {margin-left: 17px; color: #999;}
.btn_icontext.opinion::before {background-image: url('/user/img/bg_agree_disagree.png');}
.btn_icontext.opinion:hover {text-decoration: none;}
.btn_icontext.opinion.good::before {background-position: 1px 1px;}
.btn_icontext.opinion.good:not(.no_link):not(.active):hover::before {background-position-y: -29px;}
.btn_icontext.opinion.good:after {position: absolute; left: -9px; top: 2px; display: inline-block; content: ''; width: 1px; height: 12px; background: #d9d9d9;}
.btn_icontext.opinion.good.active {color: #5a79ec;}
.btn_icontext.opinion.good.active::before {background-position-y: -59px;}
.btn_icontext.opinion.bad::before {background-position: 1px -89px;}
.btn_icontext.opinion.bad:not(.no_link):not(.active):hover::before {background-position-y: -119px;}
.btn_icontext.opinion.bad.active {color: #ff5959;}
.btn_icontext.opinion.bad.active::before {background-position-y: -149px;}
.btn_icontext.opinion.active, .btn_icontext.opinion.no_link {cursor: default; pointer-events: none;}
.btn_icontext.opinion .blind {width: 0; font-size: 0;}

/* 아이콘 버튼 */
.ico_btn {position: relative; display: inline-block; width: 28px; height: 28px; padding: 4px 4px 0; margin-right: 8px; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 2px; text-decoration: none; font-size: 0 !important; color: #333;}/* 수정 : 2018-09-12 김민우 */
.ico_btn::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.ico_btn:not(.type_bg):not(.on):not(.disabled):hover {background-color: #f5f5f5 !important; border-color: #b1b1b1;}/* 수정 : 2018-09-12 김민우 */
.ico_btn:not(.type_bg):not(.on):not(.disabled):active {background-color: #fff !important; border-color: #969696; color: #333;}
.ico_btn.disabled, .ico_btn.disabled:hover, .ico_btn.disabled:active {background-color: #fff !important; border-color: #ddd !important; cursor: default !important;}/* 수정 : 2018-09-12 김민우 */
.ico_btn.disabled::before {opacity: 0.64;}
/* 28px icon btn */
.ico_btn.comment::before {background-position-x: 0;}
.ico_btn.view_lst::before {background-position-x: -20px;}
.ico_btn.view_vertical::before {background-position-x: -40px;}
.ico_btn.grid::before {background-position-x: -60px;}
.ico_btn.view_info::before {background-position-x: -80px;}
.ico_btn.arrow_pre::before {background-position: -160px -80px;}
.ico_btn.arrow_next::before {background-position: -180px -80px;}
.ico_btn.rfsh::before {background-position: 0 -40px;}
.ico_btn.print::before {background-position: -20px -40px;}
.ico_btn.excel::before {background-position: -40px -40px;}/* 추가 : 2019-04-23 */
.ico_btn.view_email::before {background-position: -60px -40px;}
.ico_btn.view_detail::before {background-position: -80px -40px;}
.ico_btn.filter::before {background-position: -100px -40px;}
.ico_btn.monitor::before {background-position: -120px -40px;}
.ico_btn.back::before {background-position: -100px -60px;}
.ico_btn.home::before {background-position: -80px -140px;}

/* 아이콘 버튼 - small 형 */
.ico_btn.small {height: 17px; width: 17px;}
.ico_btn.small::before {left: calc(50% - 5.5px); top: calc(50% - 5.5px); width: 11px; height: 11px;}

/* 아이콘 버튼 - 토글 형 */
.ico_btn.on:not(.text) {background-color: #ebf1fc; border-color: #3858ed;}
.ico_btn.on:not(.text)::before {background-position-y: -20px;}

/* 아이콘 버튼 - 원형 배경 형 */
.ico_btn.type_bg {background-color: #edf3ff; border: 0; border-radius: 50%;}
.ico_btn.type_bg:hover {background-color: #e1eafc !important;}
.ico_btn.type_bg.message::before {background: url('/user/img/common.png') no-repeat -184px -72px;}

/* 아이콘 버튼 - 텍스트 포함 형 *//* 추가 : 2020-03-31 */
.ico_btn.text {position: relative; width: auto; margin-right: 8px; padding-left: 29px; padding-right: 9px; font-size: 12px !important; text-decoration: none; line-height: 1.5;}
.ico_btn.text::before {left: 9px;}

/* 문서함 > 문서함 관리 > 상세보기 화면 > 이전 버튼 */
.ico_btn.text.prev::before {background-position: -160px -80px;}

/* 일정 > 플래그 일정 버튼 & 스퀘어 > 할일 > 보드 목록 > 즐겨찾는 보드 */
.ico_btn.text.flag::before, .ico_btn.text.fav::before {background-image: url('/user/img/new/bg_form.png');}
.ico_btn.text.flag.on, .ico_btn.text.fav.on {border: 1px solid #b1b1b1;}

/* 일정 > 플래그 일정 버튼 */
/* .ico_btn.text.flag {padding-left: 29px;} */
.ico_btn.text.flag::before {background-position: -60px 0;}
.ico_btn.text.flag.on:before {background-position-y: -20px;}

/* 즐겨찾는 보드 버튼 */
.ico_btn.text.fav {margin: 0 8px 0 0;}
.ico_btn.text.fav::before {background-position: -40px 0;}
.ico_btn.text.fav.on:before {background-position-y: -20px;}

/* 찬성, 반대 버튼 */
.ico_btn.agree, .ico_btn.disagree {display: inline-block; width: 44px; min-width: 44px; height: 22px; padding: 0 6px 0 24px; margin-top: 2px; margin-right: 0; font-size: 12px !important; line-height: 18px; white-space: nowrap; opacity: 1;}/* 2018.06.29 허수정 */
.ico_btn.agree::before, .ico_btn.disagree::before {left: 4px; background-image: url('/user/img/bg_agree_disagree.png');}
.ico_btn.agree:hover, .ico_btn.disagree:hover {text-decoration: none;}
.ico_btn.agree::before {background-position: 1px 1px;}
.ico_btn.agree:hover::before {background-position-y: -29px;}
.ico_btn.agree:active::before {background-position-y: -59px;}
.ico_btn.disagree::before {background-position: 1px -89px;}
.ico_btn.disagree:hover::before {background-position-y: -119px;}
.ico_btn.disagree:active::before {background-position-y: -149px;}

.ico_btn_board, .ico_btn_desc {display: inline-block; width: 18px; height: 18px; margin-top: 4px; background: url('/user/img/ico_info_18.png') no-repeat -1px -1px; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 50%; font-size: 0;}
.ico_btn_desc {margin-right: 14px; background-position-x: -23px;}
.ico_btn_board:not(.disabled):hover, .ico_btn_desc:not(.disabled):hover {background-color: #f5f5f5;}
.ico_btn_board:not(.disabled):active, .ico_btn_desc:not(.disabled):active {background-color: #fff; border-color: #969696;}
.ico_btn_board.disabled, .ico_btn_desc.disabled {background-color: #fff !important; border-color: #ddd !important; cursor: default !important; opacity: 0.64;}

/* 순서이동 버튼 */
.ico_btn.move_lst {height: 22px; width: 22px; background-color: #fff; z-index: 1;}
.ico_btn.move_lst::before {background-image: url('/user/img/new/common.png'); background-position-y: -60px;}
.ico_btn.move_lst:first-child {border-radius: 2px 0 0 2px;}
.ico_btn.move_lst:last-child {border-radius: 0 2px 2px 0;}
.ico_btn.move_lst.up, .ico_btn.move_lst.down {margin-right: 0;}
.ico_btn.move_lst.up::before, .ico_btn.move_lst.prev::before {background-position-x: -160px;}
.ico_btn.move_lst.down::before, .ico_btn.move_lst.next::before {background-position-x: -180px;}
.ico_btn.move_lst.disabled {z-index: 0;}
.icon_groups.btn_prv_nxt {margin-top: 2px;}
.icon_groups.btn_prv_nxt .ico_btn {margin-right: 0; vertical-align: top;}
.icon_groups.btn_prv_nxt .ico_btn::before {background-position-y: -80px;}

/* 두개가 연결된 아이콘 버튼 */
.icon_groups {position: relative; display: inline-block; font-size: 0; vertical-align: top; margin-top: 4px;}
.icon_groups .ico_btn {margin-left: -1px;}
.icon_groups .ico_btn:first-child {margin-left: 0;}

/* 묶음 버튼 */
.group .ico_btn {margin-left: -1px;}
.group .ico_btn:first-child {border-radius: 2px 0 0 2px; margin-left: 0;}
.group .ico_btn:last-child {border-radius: 0 2px 2px 0;}
.group .ico_btn:only-of-type {border-radius: 2px;}
.group .ico_btn:not(.disabled):hover, .group .ico_btn:not(.disabled):active {position: relative; z-index: 1;}
.group a + a.ico_btn:last-child:active {border: 1px solid #969696; margin-left: -1px;}
.group .ico_btn.on {z-index: 2;}

/* 환경설정 hgroup과 content_table 간격 조정*/
.hgroup_btn {display: inline-block; height: 28px; margin-right: 8px; vertical-align: top;}
.hgroup_btn:last-child {margin-right: 0;}
.hgroup_btn .ico_btn {float: left; margin: 0 0 0 -1px !important; border-radius: 0; vertical-align: top;}
.hgroup_btn .ico_btn:first-child {margin-left: 0 !important; border-radius: 2px 0 0 2px;}
.hgroup_btn .ico_btn:last-child {border-radius: 0 2px 2px 0;}
.hgroup_btn .ico_btn:not(.disabled):active {position: relative; z-index: 1;}

.hgroup_btn .btn {position: relative; float: left; margin: 0 0 0 -1px; border-radius: 0;}
.hgroup_btn .btn:first-child {border-radius: 2px 0 0 2px; margin-left: 0;}
.hgroup_btn .btn:last-child {border-radius: 0 2px 2px 0;}
.hgroup_btn .btn.on {color: #3858ed; background: #ebf1fc; border: 1px solid #3858ed; z-index: 2;}

/* 17px icon btn */
.ico_btn.add::before {background-position: -220px 0;}
.ico_btn.setting::before {background-position: -235px 0;}
.ico_btn.history::before {background-position: -250px 0;}
.ico_btn.download::before {background-position: -220px -15px;}
.ico_btn.storage::before {background-position: -235px -15px;}
.ico_text {display: inline-block; padding-top: 4px;}
.ico_text .ico_btn + span {vertical-align: top;}
.ico_text .ico_btn {margin: 0 4px;}
.ico_text:hover .ico_btn {color: #333; background-color: #fff; border: 1px solid #969696;}
.ico_text:hover .ico_btn + span {text-decoration: underline; color: #4c4c4c;}

/* 16px icon */
.ico {position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 4px; font-size: 0;}
.ico::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.ico.rfsh::before {background-position: 0 -40px;}
.ico.group::before {background-position: 0 -60px;}
.ico.search::before {background-position: -60px -60px;}
.ico.enter::before {background-position: -80px -60px;}
.ico.file::before {background-position: 0 -100px;}
.ico.lock_file::before {background-position: -20px -100px;}
.ico.pop_up::before {background-position: -40px -100px;}
.ico.commt::before {background-position: -80px -100px; /* background: url('/user/img/ico_comment.png') no-repeat 0 0; */}
.ico.view_more::before {background-position: -100px -100px;}
.ico.original::before {background-position: 0 -120px;}
.ico.zoom_out::before {background-position: -20px -120px;}
.ico.zoom_in::before {background-position: -40px -120px;}
.ico.trash::before {background-position: -100px -120px;}
.ico.setting {margin-right: 0;}
.ico.setting::before {background-position: -180px 0;}
.ico.close_info::before {background-image: url('/user/img/btn_close5.png'); background-position: center center;}
.ico.ico_info::before {background-image: url('/user/img/info_text.png'); background-position: 0 0;}/* 추가 : 2020-04-06 */
.ico.wait_approval::before, .ico.wait_reserv::before, .ico.confirm_approval::before, .ico.connect::before {background-image: url('/user/img/new/ico_status.png');}
.ico.wait_approval::before {background-position: 0 -74px;}/* 승인대기 */
.ico.wait_reserv::before {background-position: -20px -74px;}/* 대기예약 있음 */
.ico.confirm_approval::before {background-position: -40px -74px;}/* 확정 */
.ico.connect::before {background-position: -60px -74px;}/* 연계 */
.ico.set_list::before {background-position: -180px 0;}
.ico.set_list.on::before {background-position-y: -20px;}
.ico.depth {width: 16px; height: 16px;}
.ico.depth::before {background-position: -160px -40px;}
/* 20px icon */
.ico.comment::before {background-position: -80px -100px;}
.ico.task::before {background-position: -40px -80px;}
.ico.modify::before {background-position: -80px -120px;}
.ico.del::before {background-position: -100px -120px;}
.ico.copy::before {background-position: -120px -120px;}
.ico.del2::before {background-image: url('/user/img/ico_del.png'); background-position: center center;}
/* 17px icon */
.ico.slct_depth {display: inline-block; width: 17px; height: 17px; font-size: 0; vertical-align: top;}
.ico.slct_depth::before {background-position: -160px -40px;}

.btns:after {display: block; content: ''; clear: both;}
.btns li {float: left;}
.btns > li:not(:last-child)::after {display: inline-block; content: ''; position: relative; top: 4px; width: 1px; height: 13px; margin: 0 4px; background: #d9d9d9;}
.btns li .ico {margin-right: 0;}
.btns .ui-menu .ui-menu-item:before {display: none;}
.btns .ui-front {z-index: 115;}

.shared {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0 !important; vertical-align: top;}
.shared::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/lnb_ico_shared.png'); background-repeat: no-repeat; background-position: 1px 50%;}
.shared_no {display: inline-block; width: 18px; height: 16px; background: url('/user/img/lnb_ico_sharedno.png') no-repeat 1px 4px; font-size: 0; vertical-align: top;}

.cancel:not(.text_btn) {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.cancel:not(.text_btn)::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/bg_del.png') no-repeat 50% 50%;}
.change {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.change::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/new/common.png') no-repeat -80px -80px;}
.choose, .fixed_select, .cannot_select {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.choose::before, .fixed_select::before, .cannot_select::before, .ico_commnt::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.choose::before, .fixed_select::before {background-position: -200px 0;}
.choose.on::before {background-position-y: -20px;}
.cannot_select::before {background-image: url('/user/img/bg_del_gr.png'); background-position: 50% 50%;}

/* 14 X 13 icon */
.ico.mini {width: 14px; height: 13px; margin-right: 2px;}
.ico.mini::before {left: calc(50% - 7px); top: calc(50% - 6.5px); width: 14px; height: 13px; background-image: url('/user/img/new/ico_status.png');}
.ico.mini.repeat::before {background-position: -80px -74px;}/* 반복 */
.ico.mini.cmmt::before {background-position: -98px -74px;}/* 댓글 있음 */
.ico.mini.surv {margin-right: 1px;}
.ico.mini.surv::before {background-position: -116px -74px;}/* 설문 있음 */

/* 의견 아이콘 */
.ico_commnt {position: absolute; display: inline-block; width: 20px; height: 19px; font-size: 0;}
.ico_commnt::before {background-position: -80px -100px;}
.txt_desc {padding-right: 4px;}

/* 기타 아이콘 */
.basic_set {display: inline-block;}
.information {position: relative; top: 3px; left: -1px; display: inline-block; width: 16px; height: 16px; margin-left: 4px; background: url('/user/img/ico_info.png') no-repeat 0 0; font-size: 0; overflow: hidden; text-indent: -9999px;}

/* 순차 버튼 */
.groups {display: inline-block; height: 28px; margin-left: 8px;}
.groups a {position: relative; display: inline-flex !important; justify-content: center; align-items: center; width: 28px; height: 28px; margin-left: -1px; background-color: #fff; border: 1px solid #b1b1b1; font-size: 0 !important; z-index: 1;}
.groups a::before {display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position-y: -60px;}
.groups a:first-child {margin-left: 0; border-radius: 2px 0 0 2px;}
.groups a:last-child {border-radius: 0 2px 2px 0;}
.groups a:not(.disabled):hover, .groups a:not(.disabled):active {z-index: 2;}
.groups a:not(.disabled):hover {background-color: #f5f5f5;}
.groups a:not(.disabled):active {background-color: #fff; border-color: #969696;}
.groups a.gfrist::before {background-position-x: -140px;}
.groups a.gprev::before {background-position-x: -160px;}
.groups a.gnext::before {background-position-x: -180px;}
.groups a.glast::before {background-position-x: -200px;}
.groups a.disabled {border-color: #ddd; z-index: 0;}
.groups a.disabled::before {opacity: 0.6;}
.links a {padding: 0 5px 0 10px; background: url('/user/img/bar.png') no-repeat 0 4px; font-weight: bold; color: #2d3f93;}
.links a:first-child {padding-left: 0; background: none;}

/* 스퀘어 > 멤버 > 개인별, 팀별 텍스트 버튼 */
.view_btn {display: inline-block; width: auto; min-width: 54px; height: 28px; color: #333; padding: 4px 8px 0; margin-right: 8px; background-color: #fff; border: 1px solid #b1b1b1; border-width: 1px 0 1px 0 ; border-radius: 2px 2px; text-decoration: none; height: 28px; font-size: 12px !important; text-align: center;}/* 수정 : 2018-09-12 김민우 */
.view_btn:hover {background-color: #f5f5f5; border-color: #b1b1b1; text-decoration: none;}
.view_btn:active {color: #333; background-color: #fff; border-color: #969696;}
.group a.view_btn:first-child {border-left-width: 1px;}
.group a.view_btn:last-child {border-right-width: 1px;}
.group a + a.view_btn {border-left-width: 1px;}
.group a.view_btn.on + a.view_btn {border-left-color: #3858ed;}
.view_btn.text.on {border-color: #3858ed; background: #ebf1fc; color: #3858ed; z-index: 2;}

/* user 사진 *//* 수정 : 2019-08-20 */
.usr_photo {display: inline-block; overflow: hidden;}
.usr_photo.xsmall {width: 18px; height: 18px;}
.usr_photo.small {width: 26px; height: 26px;}
.usr_photo.medium {width: 32px; height: 32px;}
.usr_photo.large {width: 40px; height: 40px;}
.usr_photo.max {width: 70px; height: 70px;}
.usr_photo.xlarge {width: 120px; height: 120px;}
.usr_photo img {width: 100%; height: 100%; border-radius: 100%; font-size: 0;}/* 수정 : 2019-08-20 */

/* select 타입 */
.select_lst {position: absolute; display: none !important; min-width: 100px; margin-top: 2px; border: 1px solid #969696; border-radius: 2px; background-color: #fff; overflow-x: hidden; overflow-y: auto; z-index: 100; float: none !important;}
.select_lst > li {float: none !important; display: block;}
.select_lst li:hover {background-color: #f0f4fc; text-decoration: none;}
.select_lst li:hover a {text-decoration: none;}
.select_lst li a {float: none !important; display: block; max-width: 100%; padding: 4px 9px; font-size: 12px; line-height: 22px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.select_lst li .form {padding-top: 7px !important; padding-bottom: 7px !important;}
.select_lst li.selected {color: #3858ed; background-color: #f0f4fc;}
.select_lst li.selected a {color: #3858ed;}
.select_lst li.split {border-top: 1px solid #d9d9d9;}

.bottom .select_lst {top: auto; bottom: 30px;}
.open > .select_lst {display: block !important; z-index: 100;}
.select_lst.rg {right: 0;}

.select_lst .multi_opt {max-height: 150px;}
.select_lst .multi_opt li > span {display: block; height: auto; line-height: 16px; padding: 7px 9px; white-space: nowrap; color: #111;}
.select_lst .multi_opt span.form {padding: 7px 9px; margin-top: 0;}
.select_lst .multi_opt span.form input[type="checkbox"] {left: 9px;}

.select_lst .multi_opt.add_cal_list, .select_lst .multi_opt.add_equip_list {display: block; width: auto; height: auto; max-height: 180px !important;}
.select_lst .multi_opt.add_cal_list {max-width: 184px;}
.select_lst .multi_opt.add_equip_list {max-width: 100%;}

.select_lst .btns_area.border {border-top: 1px solid #eee;}
.select_lst .btns_area.align_rg {text-align: right;}
.select_lst .btns_area.align_rg a:last-child, .select_lst .btns_area.align_ct a:last-child {margin-right: 0;}/* 수정 : 2018-09-12 */

.select_lst .handy-scroll li .form label {padding-right: 4px;}

.form_table td .select_lst .multi_opt span.form input[type="checkbox"], .form_table td .select_lst .multi_opt span.form input[type="radio"] {left: 9px;}
.form_table td .select_lst .multi_opt span.form label {position: relative; display: inline-block; max-width: 100%;  padding-left: 18px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table td .select_lst .multi_opt span.form .shared {position: absolute; min-height: auto; margin-top: 0; padding: 0; line-height: inherit;}
.form_table td .select_lst .multi_opt span.form.shared_lst {position: relative; padding-right: 30px;}

.select.btn {padding-right: 28px; background-image: url('/user/img/btn_select.png'); background-repeat: no-repeat; background-position: right 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
.select.btn.disabled {background-image: url('/user/img/btn_select_ds.png');}
.select_lst .btns_area, .popup_container .select_lst .btns_area {height: auto; padding: 8px 13px 10px; border-bottom: 0 none;}
.select_lst .btns_area .btn, .popup_container .select_lst .btns_area .btn {margin-bottom: 0 !important;}
.select_lst .btns_area .text_btn {line-height: 26px;}
.select_lst.check_type {position: absolute; left: 0; top: 28px; min-width: 140px; overflow-x: hidden; box-sizing: border-box;}
.select_lst.check_type li.selected {background: #f0f4fc url('/user/img/bg_select_check.png') no-repeat 10px 50%; color: #3858ed;}

.more_option > .select_lst {overflow: visible;}
.more_option .has_sub .select_lst.check_type {left: 98px; top: 56px;}
.more_option .has_sub:hover .select_lst.check_type, .more_option .has_sub .select_lst.check_type:hover {display: block;}
.more_option .has_sub .select_lst.check_type .btns_area .btn {padding: 0 9px; line-height: 26px;}
.input_group .select_lst.check_type {position: absolute; left: auto; right: 0; top: 28px; width: 140px;}
td .select_lst.check_type {position: absolute; left: 14px; top: 24px;}
.select_lst.check_type .handy-scroll {min-height: 90px; max-height: 120px;}
.select_lst.stratum {max-width: 300px; overflow: auto; text-overflow: inherit;}
.select_lst.stratum ul {max-height: 200px;}
.select_lst.stratum li a {padding-right: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 스크롤영역 padding-right값 추가 : 2018-09-19 김민우 */
.select_lst.stratum .btns_area.align_ct {min-width: 140px;}/* 이동/복사 레이어창 버튼영역 min-width값 추가 : 2018-09-18 김민우 */
.select_lst.stratum .handy-scroll {max-height: 360px;}/* 편지함 이동 목록 스크롤 높이 추가 : 2019-02-12 */

.select_lst .multi_opt li a, .select_lst.check_type li a {padding-left: 25px;}

.select_lst li.shared_lst {position: relative;}
.select_lst li.shared_lst a {display: inline-block; max-width: calc(100% - 27px); padding-right: 4px;}
.select_lst li .shared {margin-top: 7px; vertical-align: top;}
.select_lst li .depth:first-child {padding-left: 18px;}
.select_lst li .sub_depth .depth:last-child {position: relative; content: ''; display: inline-block; width: 16px; height: 16px;}
.select_lst li .sub_depth .depth:last-child::before {position: absolute; left: calc(50% - 8px); top: 0; display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position: -160px -40px;}

.select_lst.limited .handy-scroll {min-height: 90px; max-height: 120px;}/* 버튼영역 스크롤 높이 제한 : 2018-06-28 박희진 */

/* filter_choice */
.filter_choice .select_lst {margin-top: 4px;}
.filter_choice .select_lst .form {height: auto; margin: 0 9px;}
.filter_choice .select_lst .opt_scroll:not(.scroll-content) {max-height: 180px; border-top: 1px solid #e3e3e3;}

/* 메일 반복예약 180604 */
.mail_repeat tbody th {padding: 10px 0 9px 20px !important; white-space: normal;}
.mail_repeat tbody td {padding: 5px 15px !important; white-space: normal;}
.editor .align_lf .comm_lypop_type1 .lypop_head .ly_tit {padding-right: 0;}
.editor .align_lf .mail_repeat .group .form:first-child {margin-left: 0;}
.editor .align_lf .mail_repeat .group .form {float: none; margin: 0 0 0 8px;}
.check_date .line {display: block; width: 100%; height: 30px;}
.check_date label {float: left; width: 34px; height: 30px; background: #fff; text-align: center; line-height: 26px;}
.check_date label:hover {background: #eee;}
.check_date input[type="checkbox"] {display: none;}
.check_date input[type="checkbox"]:checked + label {background: #3858ed; color: #fff;}
.editor .align_lf {width: calc(100% - 180px);}/* 수정 : 2018-08-23 */
.editor .align_lf .group {position: relative;}
.editor .align_lf .group .form {float: left; margin: 6px 10px 0 0;}
.editor .align_lf .group .text_btn {float: left; margin-top: 5px; margin-left: 10px;}
.editor .align_lf .group .text_btn:hover {text-decoration: none;}
.editor .align_lf .group .text_btn a {color: #2d3f93; font-size: 12px; padding: 0 8px 0 8px; background: url('/user/img/bar.png') no-repeat 0 2px;}
.editor .align_lf .group .text_btn a:first-child {padding-right: 2px; background: none;}
.editor .align_lf .group .repeat_period {margin-left: 15px; margin-top: 5px; float: left;}/* 추가 : 2018-08-23 */
.editor .align_lf .group .repeat_opt {float: left; max-width: 154px; padding-left: 17px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}/* 수정 : 2018-08-23 */
.editor .align_lf .group .repeat_time {float: left; padding-left: 17px; margin-top: 5px; position: relative;}
.editor .align_lf .group .repeat_opt:before, .editor .align_lf .group .repeat_time:before {content: ''; display: inline-block; width: 1px; height: 17px; margin: 0 8px; background: url('/user/img/divider.png') no-repeat left 50%; position: absolute; left: 0; top: 0;}/* 수정 : 2018-08-23 */
.editor .align_lf .mail_repeat input[type="text"].date_input {border: 1px solid #c2c2c2;}
.editor .align_lf .group .datepic_area .selectbox .ui-selectmenu-menu .handy-scroll.scroll-content, .editor .align_lf .group .comm_lypop_type1 .form_table.mail_repeat .selectbox .ui-selectmenu-menu .handy-scroll.scroll-content {height: 182px !important;}
.editor .align_lf .group .btn {vertical-align: top;}
.filter_lst {position: absolute;}
.filter_lst .select_lst {position: relative; min-width: 140px;}
.filter_lst .select_lst li.selected {background: #f0f4fc none;}
.filter_lst .select_lst li a:hover {text-decoration: none;}
td.shared_lst {position: relative; padding-right: 30px !important;}/* 수정 : 2020-05-21 */
td.shared_lst a {display: inline-block; max-width: calc(100% - 7px); overflow: hidden; text-overflow: ellipsis;}
td.shared_lst .shared {position: absolute; top: calc(50% - 8px); margin-left: 2px; line-height: 16px;}

.input_group .select.group {position: absolute; top: 1px; width: 114px; height: 28px; padding-right: 1px; line-height: 28px; background: url('/user/img/divider.png') no-repeat right 50%;}
.input_group .select.group > a {display: block; width: 100%; padding-right: 28px; background: url('/user/img/btn_select.png') no-repeat right 50%; padding-left: 4px;}
.input_group .select.group a:hover {text-decoration: none;}
.input_group .selectbox + .select.group {left: 118px;}

.input_group .select.group.only {position: relative; width: 100%; background: none;}
.schedule_area .input_group .select.group.only .select_lst {left: 0; width: 100%;}
.input_group .select.group.only > a {display: block; width: 100%;}

.file_count {padding: 2px 0 13px; color: #333; font-size: 12px;}
.file_count span {color: #3858ed; font-weight: bold;}

.check_option .form {display: inline-block; width: 180px; margin-top: 1px; vertical-align: top;}
.check_option .input_group {display: inline-block; width: calc(100% - 185px);}
.check_option .input_group .ico_btn {top: 6px;}

.btns_area.only_use_top {height: 0; padding: 0 0 10px 0;}
.btns_area.only_use_top .pos_r1 {position: absolute; top: -30px; right: 0;}
.btns_area.only_use_top .pos_r1 .selectbox {margin: 0;}

.container.details .btns_area {padding-left: 0;}
.container.details .select_lst.stratum .btns_area.align_ct {padding-left: 13px;}/* 추가 : 2019-09-11 */
.container.details > .scroll_area {border-top: 1px solid #969696;}
.container.details > .scroll_area .scroll-wrapper > .scroll-content > .form_table table {border-top: none;}
.container.details > .bbs_area {height: calc(100% - 174px); border-top: 1px solid #969696;}/* vh -> %로 변경 IE9 하위버전 지원 2018-09-04 김민우 */
.container.details > .btns_area {padding-bottom: 6px;}
.container.details > .btns_area .align_lf {white-space: normal;}
.container.details > .btns_area .align_lf > .btn, .container.details > .btns_area .align_lf > .action_btn, .container.details > .btns_area .align_lf > .group {margin-bottom: 7px;}

/* 일정 내 스크롤 *//* vh -> %로 변경 IE9 하위버전 지원 2018-09-04 김민우 */
.container_area.scroll-content.full_view {height: 100% !important;}

.container.schedule_area .content_table.weekely_list .table_body:not(.scroll-content), .container.schedule_area .content_table.daily_list .table_body:not(.scroll-content), .container.schedule_area .content_table.monthly_list .table_body:not(.scroll-content) {height: calc(100% - 28px) !important;}
.container.schedule_area .content_table.weekely_list:not(.equipment_week) .table_body:not(.scroll-wrapper):not(.scroll-content), .container.schedule_area .content_table.daily_list:not(.equipment_daily) .table_body:not(.scroll-wrapper):not(.scroll-content) {display: flex; flex-direction: column;}
.container.schedule_area .content_table.weekely_list:not(.equipment_week) .table_body:not(.scroll-wrapper):not(.scroll-content) .nfull_body, .container.schedule_area .content_table.daily_list:not(.equipment_daily) .table_body:not(.scroll-wrapper):not(.scroll-content) .nfull_body {flex: 1; height: auto; min-height: calc(100% - 145px); margin-bottom: 30px;}
.container.schedule_area .nfull_body {height: calc(100% - 145px); border-bottom: 1px solid #d9d9d9;}
.container.schedule_area .whole {height: calc(100% - 28px);}
.container.schedule_area .sq_sched .whole {height: calc(100% - 170px);}
.container.schedule_area .content_table.daily_list.equipment_daily::before {position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #969696; z-index: 3;}

.group.filter > span, .group.filter .label, .member_all .filter .label {font-size: 12px; line-height: 26px !important;}
.group.filter .selectbox {margin-left: 0;}
.group.filter .selectbox:last-child {margin-right: 0;}
.group.filter .d_srch_layer {left: 0;}
.group.filter .d_srch_layer .s_cont.detail .form_table {width: auto;}

.filter .choice_wrap {position: relative; display: inline-block; vertical-align: top;}
.filter .btn.select {vertical-align: top;}

/* btns_area */
.btns_area {position: relative; width: 100%; padding: 10px 0 13px 0; font-size: 0; clear: both;}
.btns_area:after {display: block; content: ''; clear: both;}
.btns_area.etc {margin-top: 10px;}/* 추가 : 2020-05-21 */
.btns_area.bttm.border {padding: 15px 30px 20px; border-top: 1px solid #ccc;}
.btns_area.no_brdr {border: 0 none !important;}
.btns_area > a:last-child {margin-right: 0;}/* 추가 : 2019-08-12 */
.btns_area > div > * {display: inline-block; vertical-align: top;}
.btns_area > .groups {margin-left: 0; vertical-align: top;}/* 추가 : 2019-09-06 */
.btns_area a, .btns_area span {font-size: 12px;}
.btns_area a.btn_more {font-size: 12px;}
.btns_area a.btn_more.noTxt, .btns_area a.btn_more.noB {font-size: 0;}
.btns_area .form {margin-top: 6px; margin-right: 8px;}
.btns_area .group {position: relative; display: inline-block; height: 28px; margin-right: 7px;}
.btns_area .group:last-child {margin-right: 0;}
.btns_area .group > a {margin: 0 0 0 -1px; border-radius: 0; vertical-align: top;}
.btns_area .group > a:first-child {border-radius: 2px 0 0 2px; margin-left: 0;}
.btns_area .group > a:last-child {border-radius: 0 2px 2px 0;}
.btns_area .group > a:only-of-type {border-radius: 2px;}
.btns_area .group > a.disabled {position: relative; z-index: -1;}
.btns_area .group a.btn_more {border-radius: 2px;}
.btns_area .group a + a.btn_more {border-radius: 0 2px 2px 0;}
.btns_area .group a.noTxt + .select_lst {left: 44px;}
.btns_area .group span {line-height: 24px;}
.btns_area .group .form {margin-right: 0;}
.btns_area .selectbox, .group .selectbox {width: auto; display: inline-block; min-height: 28px; margin-right: 8px; vertical-align: top;}
.btns_area .selectbox.noTxt {width: 20px; padding: 0; margin-left: 0; margin-right: 0;}
.btns_area .selectbox.noTxt .ui-button:hover {background-color: transparent;}
.btns_area .selectbox.br_bttm {display: block; margin-top: 5px;}
.btns_area .description {font-size: 12px; line-height: 28px;}
.btns_area .message {display: inline-block; margin-right: 8px; line-height: 24px; color: #808080;}
.btns_area .message .cancel {font-size: 0;}
.btns_area .info {display: inline-block; height: 28px; margin-right: 8px; font-size: 12px; line-height: 26px; color: #333;}
.btns_area .info em {color: #3858ed;}
.btns_area .input_group.has_btn .ico.search {margin-right: 0;}

.btns_area .align_lf .help_txt {margin: 4px 4px 0 0;}
.btns_area .align_lf .help_txt.double {margin-top: -2px;}
.btns_area .align_lf > .input_group .basic_input {height: 27px;}
.btns_area .align_lf .basic_inp {width: 88px; height: 28px; margin-right: 6px; padding: 0 4px; border: 1px solid #e3e3e3; outline: 0 none;}
.btns_area .align_lf .basic_inp:focus {border: 1px solid #3858ed;}
.btns_area .align_lf .form {margin-left: 15px;}/* 버튼 열의 처음에 form이 오는 경우만 15px의 마진을 가져가도록 수정 17/11/13 by ek100 */

.btns_area .align_rg .count_new {line-height: 28px;}
.btns_area .align_rg .btn:last-child {margin-right: 0;}
.btns_area .align_rg > a.ico_btn {margin-right: 0; margin-left: 8px;}
.btns_area .align_rg > a.ico_btn.text {margin-right: 8px;}
.btns_area .align_rg > a.ico_btn:first-child {margin-left: 0;}
.btns_area .align_rg .group, .align_rg .selectbox {margin-left: 8px; margin-right: 0;}

/* 주소록 외부에서 가져오기 상태 메시지 추가 : 2019-10-24 */
.btns_area .text_status {font-size: 12px; color: #3858ed; line-height: 28px; vertical-align: top;}
.btns_area .text_status .text_case.case_loading {padding-right: 75px; background: url('/user/img/loading_content.gif') no-repeat right center;}

.btns_area .s_cont .selectbox.br_bttm {margin-top: 0;}

.btns_area .new_lst_info {position: absolute; top: -35px; right: 0; height: 26px; margin: 0; line-height: 26px;}
.btns_area .new_lst_info span:not(.form) {color: #666;}
.btns_area .new_lst_info .count_new {margin: 1px 9px 0 0; font-size: 0; letter-spacing: -0.3px;}/* 수정 : 2020-03-10 */
.btns_area .new_lst_info .count_new span {font-size: 12px;}/* 추가 : 2020-03-10 */
.btns_area .new_lst_info .count_new .new {color: #3858ed; font-weight: bold; padding-right: 4px;}/* 추가 : 2020-03-10 */
.btns_area .new_lst_info .count_new .total {padding-left: 4px;}/* 추가 : 2020-03-10 */
.btns_area .new_lst_info .rfsh {font-size: 0;}
.btns_area .new_lst_info .rfsh:last-child {margin-right: 0;}/* 추가 : 2020-03-10 */
.btns_area .new_lst_info.align_rg a {margin-top: 0;}
.btns_area .new_lst_info.align_rg a.btn_d_search {margin-left: 8px;}
.btns_area .new_lst_info .selectbox .ui-widget.ui-widget-content {min-width: 120px;}/* 수정 : 2018-07-17 허수정 */
.btns_area .new_lst_info .selectbox .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {height: 28px; margin: 0; padding: 4px 19px 4px 4px; line-height: 16px;}
.btns_area .new_lst_info .selectbox .scroll-wrapper.handy-scroll {min-width: 120px;}
.btns_area .new_lst_info .selectbox .ui-widget.ui-widget-content .ui-menu-item-wrapper {width: 100%;}
/* 서식명 필터 넓이값 지정 : 2018-07-30 */
.btns_area .new_lst_info .selectbox.filter_form_name .ui-selectmenu-button {max-width: 200px;}
.btns_area .new_lst_info .selectbox.filter_form_name .ui-widget.ui-widget-content {width: 200px !important;}
.btns_area .new_lst_info .selectbox.filter_form_name .ui-widget.ui-widget-content .ui-menu-item-wrapper {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.text_btn {color: #2d3f93 !important;}
.text_btn.submit {color: #3858ed !important;}
.text_btn.cancel {color: #969696 !important;}
.text_btn.cancel::before {display: none;}
.text_btn.all_delete {float: right; margin-top: 6px; margin-left: 5px; font-size: 12px;}
.text_btn.files {float: right; display: none; margin-top: 6px; margin-left: 5px; font-size: 12px;}
.text_btn.add {height: 28px; padding-left: 23px; background: url('/user/img/text_add.png') no-repeat 5px 50%; font-size: 13px; line-height: 28px; color: #333;}
.text_btn.ico_info {background: url('/user/img/info_text.png') no-repeat 0 0; padding-left: 18px; margin-right: 16px;}
.text_btn.bar {padding: 0 8px 0 0; background: url('/user/img/bar.png') no-repeat right 50%;}
.text_btn.small {font-size: 12px;}
.text_btn:hover {text-decoration: underline;}
td.text_btn a {float: left; padding: 0 8px; background: url('/user/img/bar.png') no-repeat 0 50%; font-size: 12px; color: #2d3f93;}
td.text_btn a:first-child {padding-left: 0; background: none;}
td.text_btn:hover {text-decoration: none;}
dd .text_btn {font-size: 12px;}

.align_rg.bottom .selectbox.align_opt_rg .ui-selectmenu-menu {left: auto !important; right: 0;}
.vertical_rg .appr_view_wrap .scroll-content .selectbox .scroll-content {overflow-x: scroll !important;}
.vertical_table .define_table dt .ico.ico_info {margin: 0 0 0 4px; background: url('/user/img/ico_info.png') no-repeat 0 0; vertical-align: top;}/* 추가 : 2020-04-06 */
.vertical_table .define_table .input_group.has_btn .ico.ico_info {position: absolute; top: 6px; right: 0; margin-right: 0;}
.vertical_table .define_table .input_group.has_btn > .cancel, .vertical_table .define_table .input_group.has_btn > .ico.group {top: calc(50% - 8px);}
.vertical_table.write .ico.ico_info {position: relative;}
/* 추가 : 2020-05-14 */
.vertical_table.write tr.sub_define th {background-color: #f1f1f1;}
.vertical_table.write th .ico.ico_info, .vertical_table.read th .ico.ico_info {background: url('/user/img/ico_info.png') no-repeat 0 0; margin-left: 5px; vertical-align: text-top;}
.vertical_table.write td .form {margin: 0 4px 0 0;}
.appr_pop_inner .vertical_table.write td .form {margin: 0 4px 0 0;}
.appr_pop_inner .vertical_table.write td .form:last-child {margin-right: 0;}
.appr_pop_inner .form_table .move_doc {font-size: 0;}
.appr_pop_inner .form_table .move_doc .tab {display: inline-block; width: calc(100% - 43px); height: 30px; padding-right: 10px; overflow: hidden; white-space: nowrap;}
.appr_pop_inner .form_table .move_doc .tab li {width: calc(100% / 16); padding: 0 4px 0 0; background: none;}
.appr_pop_inner .form_table .move_doc .tab li a {display: inline-block;}
.appr_pop_inner .form_table .move_doc .tab li .txt {padding-top: 0; font-size: 14px; line-height: 24px; color: #333; letter-spacing: -1px; opacity: 0.38;}
.appr_pop_inner .form_table .arrp_block_cont > .btn:first-child {margin-bottom: 8px;}
.appr_pop_inner .form_table .arrp_block_cont .file_lst.upload .file_opt {width: 70px; padding-top: 0; padding-right: 1px; color: #797f9c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.appr_pop_inner .form_table .arrp_block_cont .file_lst.upload .file_name {width: calc(100% - 5px)}
.form_table .define_table .ico.ico_info {position: absolute; top: 8px; right: 28px;}/* 추가 : 2018-06-19 */
.appr_pop_inner .hsapprlayout5 {position: relative; z-index: 0;}
.appr_pop_inner .hsapprlayout5 .scroll_area.scroll-wrapper {border: 1px solid #d9d9d9;}
.appr_pop_inner .hsapprlayout5 .scroll_area.scroll-content {padding: 0 15px 0 2px !important;}
.appr_pop_inner .hsapprlayout5 .scroll_area.scroll-content > div {height: 100%;}
.appr_pop_inner .hsapprlayout5 .scroll_area.scroll-content > div#maindoc3-area {height: 0; overflow: hidden;}
.appr_pop_inner .hsapprlayout5 .scroll_area.scroll-content > div > iframe {height: 100%;}
.appr_pop_inner .hsapprlayout5 .scroll_area.scroll-content .gwweb_editor, .appr_pop_inner .hsapprlayout5 .scroll_area.scroll-content #HS_BODYHTML {max-width: 100% !important;}

/* 상단 버튼열 2줄 처리 : 2019-10-02 */
.container .hgroup + .btns_area, .sq_storage .btns_area {height: auto; min-height: 51px; max-height: 86px; padding-bottom: 6px;}
.container .hgroup + .btns_area .align_lf, .sq_storage .btns_area .align_lf {display: inline-block; max-width: calc(100% - 240px); float: none; white-space: normal;}
.container .hgroup + .btns_area .align_lf .group, .container .hgroup + .btns_area .align_lf .btn, .sq_storage .btns_area .align_lf .group, .sq_storage .btns_area .align_lf .btn, .sq_storage .btns_area .align_lf .selectbox {margin-bottom: 7px;}
.container .hgroup + .btns_area .align_lf .select_lst {margin-top: -5px;}
.container .hgroup + .btns_area .align_lf .select_lst.check_type {margin-top: 2px;}

/* link 명을 settings로 명명 변경 */
.flip {position: relative; display: block;}
.flip .text_btn {margin-right: -2px; font-size: 12px; font-weight: bold; color: #111 !important; text-decoration: underline; vertical-align: top;}
.flip .ico {position: relative; width: 16px; height: 16px; margin-right: 0; font-size: 0; vertical-align: top; opacity: 0.6;}
.d_srch_layer .flip .ico {position: absolute; width: 12px; height: 26px; font-size: 0; opacity: 0.6;}
.flip:hover {text-decoration: none;}
.flip:hover .text_btn, .flip .text_btn:hover {color: #333 !important;}
.flip:hover .ico {opacity: 1;}
.flip .ico.open::before {background: url('/user/img/bg_flip_close.png') no-repeat 50% 50%;}
.flip .ico.close::before {background: url('/user/img/bg_flip_open.png') no-repeat 50% 50%;}
.d_srch_layer .flip .open {background: url('/user/img/bg_flip_close.png') no-repeat right 50%;}
.d_srch_layer .flip .close {background: url('/user/img/bg_flip_open.png') no-repeat right 50%;}
.vertical_ui .appr_view_cont .btns .ui-menu .ui-menu-item:before {display: none;}
.popup_container .content_table .flip .ico {position: relative;}
/* small btn */
.btn.small {height: 22px; line-height: 19px; font-size: 11px; padding: 0 6px;}
.align_rg .btn.small {margin-right: 0;}
.align_rg .text_btn + .btn {margin-right: 0; margin-left: 8px;}

.appr_view_cont .doc_preview {width: 100%; height: 450px; border: 1px solid #ebebeb;}

/* 상위폴더로 이동 */
.btn.small.parent_folder {margin: 0 2px 0 -10px; padding: 0 10px 0 9px; font-size: 14px; font-weight: bold; line-height: 16px; letter-spacing: 0.5px; vertical-align: middle;}
.btn.small.parent_folder:not(:hover):not(:active) {background-color: transparent; border-color: transparent;}
.btn.small.parent_folder::before {display: inline-block; content: ''; width: 16px; height: 16px; margin: 2px 6px 0 0; background: url('/user/img/ico_file.png') no-repeat -56px 0;}
.name_folder_current {display: inline-block;}
.name_folder_current::before {display: inline-block; content: ''; width: 5px; height: 9px; margin: -4px 13px 0 0; background: url('/user/img/ico_arrow_depth.png') no-repeat 0 0; vertical-align: middle;}
.filename .text.ellipsis {margin-right: 13px; font-size: 14px; font-weight: bold; line-height: 14px; letter-spacing: 0.5px; vertical-align: top;}
.filename .text.ellipsis:only-child {margin-right: 0;}

/* 결재용 파일첨부 */
.appr_pop_inner .text_btn.files {display: block;}
.appr_pop_inner .text_btn.all_delete {display: none;}
.appr_pop_inner .icon_groups.btn_up_dw {position: absolute; top: 5px; left: 15px; z-index: 1;}
.appr_pop_inner .file_input {position: relative; left: 51px;}
.appr_pop_inner .file_add .file_input {position: static;}
.appr_pop_inner .file_add .file_input + .file_name {vertical-align: inherit;}
.appr_pop_inner .file_add .file_input + .file_name .cancel {margin-left: 4px; vertical-align: middle;}
.appr_pop_inner .attached_box .file_info {left: 104px; padding-left: 8px;}/* 수정 : 2019-08-12 */
.appr_pop_inner .select_doc {position: absolute; top: 9px; z-index: 1;}
.appr_pop_inner .select_doc.write {right: 170px;}
.appr_pop_inner .select_doc.read {right: 132px;}
.appr_pop_inner .select_doc .selectbox .ui-selectmenu-button.ui-button {height: 22px;}
.appr_pop_inner .select_doc .selectbox span.ui-selectmenu-text{line-height: 20px;}
.appr_pop_inner .attached_box.none_info_btn .file_lst.scroll-wrapper {margin-top: 30px;}
.appr_pop_inner .attached_box.none_info_btn ~ .select_doc.read {right: 20px;}
.appr_pop_inner .attached_box.two_btn .file_info {left: 150px;}

/* 추가 : 2019-02-20 *//* 수정 : 2019-08-12 */
.appr_pop_inner .file_info {padding: 0;}
.appr_pop_inner .file_info .btn_open {width: 17px; margin-left: -5px;}
.appr_pop_inner .file_info .sche_pop_txt02 {padding-right: 6px; font-size: 13px; line-height: 16px !important;}
.appr_pop_inner .file_info .text_btn:first-child:after {margin-right: 3px;}
.appr_pop_inner .form_table td .file_lst.download .form {min-height: auto; padding: 0; line-height: normal;}
.appr_pop_inner .form_table td .file_lst.download span {min-height: auto; line-height: normal;}

/* Action Button */
.action_btn {display: inline-block; height: 28px; line-height: 26px; padding: 0 10px; margin-right: 8px; color: #fff; /*20250108 kjw background-color: #3858ed; */ background-color: #2384cc; border-radius: 2px 2px; text-decoration: none;}
.align_rg .action_btn:last-child {margin-right: 0;}
.action_btn:hover {background-color: /*20250108 kjw #3654d9; */#1e75b6;}
.action_btn:active {/*20250109 kjw background-color: #203ec7; */background-color: #246b9f;}
.action_btn.disabled {background-color: #ccc; cursor: default;}
.action_btn.disabled:hover {background-color: #ccc;}

/* toggle */
.toggle.group {position: relative; display: inline-block; height: 28px; padding-left: 0; font-size: 0; vertical-align: top;}
.toggle.group .btn {border-radius: 0; margin: 0 0 0 -1px; vertical-align: top; font-size: 13px;}
.toggle.group .btn:first-child {border-radius: 2px 0 0 2px; margin-left: 0;}
.toggle.group .btn:last-child, .toggle.group .btn:last-of-type {border-radius: 0 2px 2px 0;}
.toggle.group span {line-height: 24px;}
.toggle.group .btn.on {position: relative; background-color: #f0f4fc; border: 1px solid #3858ed; color: #3858ed; z-index: 1;}

/* badge */
.badge {display: inline-block; height: 16px; padding: 0 4px 0 5px; margin-top: 1px; border-radius: 2px; font-size: 10px; line-height: 16px; color: #fff;}/* 수정 : 2018-06-22 */
.badge.vip {background-color: #2d3f93; text-transform: uppercase; line-height: 14px;}/* VIP */
.badge.vip.gray {background-color: #ccc !important;}
a.badge.vip:hover {text-decoration: none !important;}
.badge.emergency {background-color: #ff5959;}/* 긴급 */
.badge.notice {background-color: #fa8e4b;}/* 공지 */
.badge.security {background-color: #2696ff;}/* 보안 */
.badge.storage, .badge.bigdata {background-color: #5a79ec;}/* 웹폴더, 대용량 */
.badge.my_file, .badge.common {background-color: #eee; color: #666;}/* 내 웹폴더, 공통 */
/* badge - 멤버 검색 */
.badge.admin {background-color: #797f9c; color: #fff;}/* 관리자 */
/* badge - 결재 */
.badge.secret {background-color: #2d3f93;}/* 암호 */
/* badge - 주소록 */
.badge.team {background-color: #5a79ec;}/* 부서+, 조직도, 직위, 직책 */
/* badge - 스퀘어 피드 */
.badge.report {background-color: #5a79ec;}/* 보고 */
/* badge - 스퀘어 할일 */
.badge.request {background-color: #63bfff;}/* 요청 */
.badge.process {background-color: #5a79ec;}/* 처리 */
.badge.review {background-color: #9062f8;}/* 검토 */
.badge.complete {background-color: #bbb;}/* 종료 */
.badge.hold {background-color: #fa8e4b;}/* 보류 */
.badge.imminent, .badge.delay {background-color: #ffeeee; color: #da1313 !important;}/* 마감임박, 지연 */
/* badge - 게시판 정보 */
.badge.grade {background-color: #797f9c; height: 17px; font-size: 11px;}/* 관리자 */
.badge.part {background-color: #eee; height: 17px; font-size: 11px; color: #666;}/* 부서, 직위, 직급 */
/* badge - 업무 게시판 */
.badge.return {background-color: #666;}/* 반려 */
.badge.unapproved {background-color: #5a79ec;}/* 미승인 */
/* badge 사이즈 - small */
.badge.small {display: inline-block; min-width: 34px; height: 20px; border-radius: 2px; font-size: 12px; color: #fff; line-height: 20px; text-align: center; vertical-align: top;}
/* badge - 일정 */
.badge.small.b_lgray {color: #666; background: #eee;}/* 음력 */
/* badge - 라인형 */
.badge.line {background-color: #fff; border: 1px solid #969696; line-height: 14px; color: #969696;}

/* state */
.state {display: inline-block; min-width: 44px; max-width: 90px !important; height: 22px; padding: 0 6px; border-radius: 2px; font-size: 12px; line-height: 21px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2020-02-13 */
/* state - 결재, 문서함, 업무넷 */
.state.b_gray {background: #9499b0;}
.state.b_rblue {background: #5a79ec;}
.state.b_lgray {color: #666; background: #eee;}
.state.b_mgray {background: #bbb;}
.state.b_dgray {background: #666;}
.state.b_orange {background: #fa8e4b;}
.state.b_lgreen {background: #00aaaa;}/* 추가 : 2018-09-20 */
.state.b_ruby {background: #ff5959;}
/* 신청게시판 샹태 */
.state.waiting {background: #9499b0;}/* 대기 */
.state.companion {background: #666;}
.state.acknowledgment {background: #5a79ec;}
.state.agree {background: #eeeeee; color: #666;}
.state.ongoing {background: #5a79ec;}/* 진행중 */
.state.end {background: #eeeeee; color: #666;}/* 종료 */
.state.standby {padding-right: 9px; font-size: 13px; color: #333; text-align: right}
.state.cancel {height: 22px; background: #fa8e4b; font-size: 12px; letter-spacing: -2px;}
.state.cancel::before {display: none;}

/* origin info */
.locate {display: inline-block; height: 21px; padding: 0 4px; border: 1px solid #e6e6e6; border-radius: 2px; font-size: 11px; line-height: 18px; color: #666;}

/* pagination */
.paginate_area {height: 56px; padding-top: 14px; border-top: 1px solid #e3e3e3; text-align: center;}
.paginate_area .paginate {display: inline-block; padding-right: 20px; margin-right: 30px; background: url('/user/img/divider.png') no-repeat right 50%; font-size: 0; line-height: 0; vertical-align: top;}
.paginate_area .paginate a {display: inline-block; width: 24px; height: 24px; border: 1px solid transparent; margin-right: 6px; font-size: 12px; line-height: 22px; color: #111; text-align: center;}
.paginate_area .paginate a.first, .paginate_area .paginate a.pre, .paginate_area .paginate a.next, .paginate_area .paginate a.last {display: inline-flex !important; justify-content: center; align-items: center; margin-right: 8px; border: 1px solid transparent; font-size: 0; vertical-align: top;}
.paginate_area .paginate a.first::before, .paginate_area .paginate a.pre::before, .paginate_area .paginate a.next::before, .paginate_area .paginate a.last::before {display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position-y: -80px;}
.paginate_area .paginate a.first::before {background-position-x: -140px;}
.paginate_area .paginate a.pre {margin-right: 14px;}
.paginate_area .paginate a.pre::before {background-position-x: -160px;}
.paginate_area .paginate a.next {margin-left: 8px;}
.paginate_area .paginate a.next::before {background-position-x: -180px;}
.paginate_area .paginate a.last {margin-right: 0;}
.paginate_area .paginate a.last::before {background-position-x: -200px;}
.paginate_area .paginate a.disabled {cursor: default;}
.paginate_area .paginate a.disabled::before {opacity: 0.335;}
.paginate_area .paginate a:not(.disabled):not(.selected):hover {border: 1px solid #c6c6c6; border-radius: 2px;}
.paginate_area .paginate a.selected {border: 1px solid #3858ed; border-radius: 2px; font-weight: bold; color: #3858ed;}
.paginate_area .page_num {display: inline-block; height: 24px; line-height: 24px;}
.paginate_area .page_num input[type="text"] {display: inline-block; width: 40px; height: 24px; padding: 0 6px 2px; border: 1px solid #c6c6c6; font-weight: bold; text-align: right;}

/** icon state **/
.state_ico_group {font-size: 0;}
.state_ico_group .ico_board {margin-right: 2px;}
/* Mail */
.ico_mail {position: relative; display: inline-block; min-width: 16px; height: 16px; font-size: 0;}
.ico_mail::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/ico_status.png'); background-repeat: no-repeat;}
/* 안읽은메일 */
.ico_mail::before {background-position: 0 0;}/* 기본 */
.ico_mail.cc::before {background-position: -20px 0;}/* 참조 */
.ico_mail.wd::before {background-position: -40px 0;}/* 회수 */
/* 읽은메일 */
.ico_mail.open::before {background-position: -60px 0;}/* 기본 */
.ico_mail.open.cc::before {background-position: -80px 0;}/* 참조 */
.ico_mail.open.reply::before {background-position: -100px 0;}/* 답장 */
.ico_mail.open.fw::before {background-position: -120px 0;}/* 전달 */
.ico_mail.open.reply.fw::before {background-position: -140px 0;}/* 답장+전달 */
/* 지연업무 - 안읽음 */
.ico_mail.delay::before {background-position: 0 -20px;}/* 기본 */
.ico_mail.delay.cc::before {background-position: -20px -20px;}/* 참조 */
/* 지연업무 - 읽음 */
.ico_mail.delay.open::before {background-position: -40px -20px;}/* 기본 */
.ico_mail.delay.open.cc::before {background-position: -60px -20px;}/* 참조 */

/* Tag */
.ico_tag {position: relative; display: inline-block; position: relative; top: 1px; min-width: 16px; height: 16px; font-size: 0;}
.ico_tag::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/ico_status.png'); background-repeat: no-repeat; background-position: -100px -20px;}
.ico_tag.add::before {width: 16px; background-position-x: -80px;}

/* board */
.ico_board {position: relative; display: inline-block; min-width: 16px; height: 16px; font-size: 0;}
.ico_board::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/ico_status.png'); background-repeat: no-repeat; background-position-y: -40px;}
.ico_board.new::before {background-position-x: 0;}
.ico_board.unread::before {background-position-x: -20px;}
.ico_board.read::before {background-position-x: -40px;}
.board_info {max-height: 180px !important;}

/* file - basic(16*16) */
.ico_file {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.ico_file::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/ico_file.png'); background-repeat: no-repeat;}
.ico_file.folder::before {background-position-x: 0}/* 폴더 */
.ico_file.parent_folder::before {background-position-x: -56px}/* 상위 폴더 */
.ico_file.zip::before {background-position-x: -112px}/* 압축 파일 */
.ico_file.pdf::before {background-position-x: -164px}/* PDF */
.ico_file.xls::before {background-position-x: -216px}/* 엑셀 */
.ico_file.doc::before {background-position-x: -268px}/* 워드 */
.ico_file.ppt::before {background-position-x: -320px}/* 파워포인트 */
.ico_file.txt::before {background-position-x: -372px}/* 텍스트 파일 */
.ico_file.hwp::before {background-position-x: -424px}/* 한글 파일 */
.ico_file.etc::before {background-position-x: -476px}/* 기타 확장자 파일 */
.ico_file.image::before {background-position-x: -528px}/* 이미지 파일 */
.ico_file.video::before {background-position-x: -580px}/* 동영상 파일 */
.ico_file.music::before {background-position-x: -632px}/* 음악 파일 */

/* file - large(46*46) */
.ico_file.large {width: 46px; height: 46px;}
.ico_file.large::before {left: calc(50% - 23px); top: calc(50% - 23px); width: 46px; height: 46px; background-position-y: -34px;}
.ico_file.large.folder::before, .grid_list .file.folder .item::before {background-position-x: 0 !important;}/* 폴더 */
.ico_file.large.parent_folder::before, .grid_list .file.parent_folder .item::before {background-position-x: -56px !important;}/* 상위 폴더 */
.ico_file.large.zip::before, .grid_list .file.zip .item::before, .file_lst .file.zip::before {background-position-x: -110px !important;}/* 압축 파일 */
.ico_file.large.pdf::before, .grid_list .file.pdf .item::before, .file_lst .file.pdf::before {background-position-x: -162px !important;}/* PDF */
.ico_file.large.xls::before, .grid_list .file.xls .item::before, .file_lst .file.xls::before {background-position-x: -214px !important;}/* 엑셀 */
.ico_file.large.doc::before, .grid_list .file.doc .item::before, .file_lst .file.doc::before {background-position-x: -266px !important;}/* 워드 */
.ico_file.large.ppt::before, .grid_list .file.ppt .item::before, .file_lst .file.ppt::before {background-position-x: -318px !important;}/* 파워포인트 */
.ico_file.large.txt::before, .grid_list .file.txt .item::before, .file_lst .file.txt::before {background-position-x: -370px !important;}/* 텍스트 파일 */
.ico_file.large.hwp::before, .grid_list .file.hwp .item::before, .file_lst .file.hwp::before {background-position-x: -422px !important;}/* 한글 파일 */
.ico_file.large.etc::before, .grid_list .file.etc .item::before, .file_lst .file.etc::before {background-position-x: -474px !important;}/* 기타 확장자 파일 */
.ico_file.large.image::before, .grid_list .file.no_image .item::before, .file_lst .file.image::before {background-position-x: -526px !important;}/* 이미지 파일 */
.ico_file.large.video::before, .grid_list .file.video .item::before, .file_lst .file.video::before {background-position-x: -578px !important;}/* 동영상 파일 */
.ico_file.large.music::before, .grid_list .file.music .item::before, .file_lst .file.music::before {background-position-x: -630px !important;}/* 음악 파일 */

/* file - jumbo(92*92) */
.ico_file.jumbo {width: 92px; height: 92px;}
.ico_file.jumbo::before {left: calc(50% - 46px); top: calc(50% - 46px); width: 92px; height: 92px; background-position-y: -94px;}
.ico_file.jumbo.folder::before {background-position-x: 0 !important;}/* 폴더 */
.ico_file.jumbo.parent_folder::before {background-position-x: -102px !important;}/* 상위 폴더 */
.ico_file.jumbo.zip::before {background-position-x: -200px !important;}/* 압축 파일 */
.ico_file.jumbo.pdf::before {background-position-x: -294px !important;}/* PDF */
.ico_file.jumbo.xls::before {background-position-x: -388px !important;}/* 엑셀 */
.ico_file.jumbo.doc::before {background-position-x: -482px !important;}/* 워드 */
.ico_file.jumbo.ppt::before {background-position-x: -576px !important;}/* 파워포인트 */
.ico_file.jumbo.txt::before {background-position-x: -670px !important;}/* 텍스트 파일 */
.ico_file.jumbo.hwp::before {background-position-x: -764px !important;}/* 한글 파일 */
.ico_file.jumbo.etc::before {background-position-x: -858px !important;}/* 기타 확장자 파일 */
.ico_file.jumbo.video::before {background-position-x: -952px !important;}/* 동영상 파일 */
.ico_file.jumbo.music::before {background-position-x: -1046px !important;}/* 음악 파일 */

/* folder */
.icon_folder {position: relative; display: inline-block; width: 16px; height: 16px; font-size: 0; color: transparent;}
.icon_folder::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/dynatree-1.2.8/icons.png'); background-repeat: no-repeat; background-position: -129px -3px;}
.icon_folder.inherit_authority::before {background-position-y: -43px;}
.icon_folder.has_rbox::before {background-position-x: -198px;}
.icon_folder.has_rbox.inherit_authority::before {background-position-y: -43px;}
.icon_folder.deleted::before {background-position-x: -267px;}
.icon_folder.deleted.inherit_authority::before {background-position-y: -43px;}

/* scroll 영역 */
.scroll_area {position: relative; width: auto;}

/* SCROLLBAR BASE CSS */
.scroll-wrapper {position: relative; width: 100%; height: 100%; padding: 0 !important; overflow: hidden !important;}
.scroll-wrapper > .scroll-content {position: relative !important; top: 0; left: 0; width: auto !important; max-width: none !important; height: auto; max-height: none; padding: 0; margin: 0; overflow: scroll !important; border: none !important; padding-top: 0 !important; box-sizing: content-box;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {width: 0; height: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #ccc; border-top-color: #999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {position: relative !important; top: 0; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; padding: 2px; margin: 0; overflow: auto !important; border: none !important; outline: none;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {width: 0; height: 0;}
.pd_rg.handy-scroll .pd_rg {padding-right: 12px;}

/*************** TEXTAREA STYLES ***************/
.textarea-scrollbar {height: 250px; width: 500px;}

/* SCROLLBAR DYNAMIC - 커스텀 */
.handy-scroll > .scroll-element, .handy-scroll > .scroll-element div {position: absolute; background: none; border: none; margin: 0; padding: 0; z-index: 10;}
.scroll-wrapper.popup .handy-scroll > .scroll-element, .handy-scroll > .scroll-element div {position: absolute; background: none; border: none; margin: 0; padding: 0; z-index: 110;}
.handy-scroll > .scroll-element div {display: block; height: 100%; left: 0; top: 0; width: 100%;}
.handy-scroll > .scroll-element.scroll-x {left: 0; bottom: 2px; width: 100%; min-width: 100%; height: 7px;}
.handy-scroll > .scroll-element.scroll-y {top: 0; right: 2px; width: 7px; height: 100%; min-height: 100%;}
.popup.handy-scroll > .scroll-element.scroll-x {z-index: 9999;}
.popup.handy-scroll > .scroll-element.scroll-y {z-index: 9999;}
.popup.handy-scroll > .scroll-element .scroll-bar {background-color: #fff;}/* 모달레이어 팝업 스크롤 색상변경 180725 김민우 */
.handy-scroll > .scroll-element .scroll-element_outer {opacity: 0.3;}/* border-radius 스타일 삭제 : 2018-09-18 김민우 */
.handy-scroll > .scroll-element .scroll-element_size {background-color: #ccc; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s;}/* border-radius 스타일 삭제 : 2018-09-18 김민우 */
.handy-scroll > .scroll-element .scroll-bar {background-color: #6c6e71;}/* border-radius 스타일 삭제 : 2018-09-18 김민우 */

/* scrollbar height/width & offset from container borders */
.handy-scroll > .scroll-element.scroll-x .scroll-bar {top: auto; bottom: 0; min-width: 24px; height: 7px;}
.handy-scroll > .scroll-element.scroll-y .scroll-bar {left: auto; right: 0; width: 7px; min-height: 24px;}
.handy-scroll > .scroll-element.scroll-x .scroll-element_outer {top: auto; bottom: 0; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s;}
.handy-scroll > .scroll-element.scroll-y .scroll-element_outer {top: 2px; right: 0; left: auto; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s;}
.handy-scroll > .scroll-element.scroll-x .scroll-element_size {left: -4px;}
.handy-scroll > .scroll-element.scroll-y .scroll-element_size {top: -4px;}

/* update scrollbar offset if both scrolls are visible */
.handy-scroll > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -11px;}
.handy-scroll > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top: -11px;}

/* hover & drag */
.handy-scroll > .scroll-element:hover .scroll-element_outer, .handy-scroll > .scroll-element.scroll-draggable .scroll-element_outer {overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.handy-scroll > .scroll-element:hover .scroll-element_outer .scroll-element_size, .handy-scroll > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {opacity: 1;}
.handy-scroll > .scroll-element:hover .scroll-element_outer .scroll-bar, .handy-scroll > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {width: 100%; height: 100%;}/* 수정 : 2018-09-18 김민우 */
.handy-scroll > .scroll-element.scroll-x:hover .scroll-element_outer, .handy-scroll > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {height: 10px; min-height: 7px;}
.handy-scroll > .scroll-element.scroll-y:hover .scroll-element_outer, .handy-scroll > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {width: 10px; min-width: 7px;}

/* SCROLLBAR DYNAMIC - 커스텀(일정 월간 더보기 영역) */
.handy-scroll-cal > .scroll-element, .handy-scroll-cal > .scroll-element div {position: absolute; background: none; border: none; margin: 0; padding: 0; z-index: 10;}
.scroll-wrapper.popup .handy-scroll-cal > .scroll-element, .handy-scroll-cal > .scroll-element div {position: absolute; background: none; border: none; margin: 0; padding: 0; z-index: 110;}
.handy-scroll-cal > .scroll-element div {display: block; height: 100%; left: 0; top: 0; width: 100%;}
.handy-scroll-cal > .scroll-element.scroll-x {left: 0; bottom: 2px; width: 100%; min-width: 100%; height: 7px;}
.handy-scroll-cal > .scroll-element.scroll-y {top: 0; right: 2px; width: 7px; height: 100%; min-height: 100%;}
.handy-scroll-cal > .scroll-element .scroll-element_outer {opacity: 0.3;}/* 수정 : 2018-09-18 김민우 */
.handy-scroll-cal > .scroll-element .scroll-element_size {background-color: #ccc; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s;}/* 수정 : 2018-09-18 김민우 */
.handy-scroll-cal> .scroll-element .scroll-bar {background-color: #6c6e71;}/* 수정 : 2018-09-18 김민우 */

/* scrollbar height/width & offset from container borders */
.handy-scroll-cal > .scroll-element.scroll-x .scroll-bar {top: auto; bottom: 0; min-width: 24px; height: 7px;}
.handy-scroll-cal > .scroll-element.scroll-y .scroll-bar {left: auto; right: 0; width: 7px; min-height: 24px;}
.handy-scroll-cal > .scroll-element.scroll-x .scroll-element_outer {top: auto; bottom: 0; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s;}
.handy-scroll-cal > .scroll-element.scroll-y .scroll-element_outer {top: 2px; right: 0; left: auto; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s;}
.handy-scroll-cal > .scroll-element.scroll-x .scroll-element_size {left: -4px;}
.handy-scroll-cal > .scroll-element.scroll-y .scroll-element_size {top: -4px;}

/* update scrollbar offset if both scrolls are visible */
.handy-scroll-cal > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {left: -11px;}
.handy-scroll-cal > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {top: -11px;}

/* hover & drag */
.handy-scroll-cal > .scroll-element:hover .scroll-element_outer, .handy-scroll-cal > .scroll-element.scroll-draggable .scroll-element_outer {overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.handy-scroll-cal > .scroll-element:hover .scroll-element_outer .scroll-element_size, .handy-scroll-cal > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {opacity: 1;}
.handy-scroll-cal > .scroll-element:hover .scroll-element_outer .scroll-bar, .handy-scroll-cal > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {width: 100%; height: 100%;}/* border-radius 스타일 삭제 : 2018-09-18 김민우 */
.handy-scroll-cal > .scroll-element.scroll-x:hover .scroll-element_outer, .handy-scroll-cal > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {height: 10px; min-height: 7px;}
.handy-scroll-cal > .scroll-element.scroll-y:hover .scroll-element_outer, .handy-scroll-cal > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {width: 10px; min-width: 7px;}

/* datepicker */
.datepicker {position: absolute; background: #fff; border: 1px solid #999; border-radius: 2px; z-index: 1000;}
.datepicker.multi {width: 520px;}
.datepicker dl {float: left;}
.datepicker dl:first-child + dl {border-left: 1px solid #f2f2f2;}
.datepicker dt {height: 50px; padding: 15px 0; text-align: center;}
.datepicker dt a {line-height: 20px; font-size: 14px; font-weight: bold; color: #111;}
.datepicker dt a:hover {border-bottom: 1px solid #111; text-decoration: none;}
.datepicker dd {height: 224px; padding: 14px 11px 0 11px; border-top: 1px solid #eee;}
.datepicker dd table {width: 238px;}
.datepicker dd td {width: 59px; padding: 0; text-align: center; vertical-align: middle;}
.datepicker dd a {display: inline-block; width: 100%; font-size: 12px; line-height: 48px; color: #333; text-align: center;}
.datepicker dd a.start, .datepicker dd.day tr td:first-child a.start, .datepicker dd.day tr td:last-child a.start {color: #fff; background: #5a79ec url('/user/img/bg_period_point.gif') no-repeat left center;}
.datepicker dd a.end, .datepicker dd.day tr td:first-child a.end, .datepicker dd.day tr td:last-child a.end {color: #fff; background: #5a79ec url('/user/img/bg_period_point.gif') no-repeat right center;}
.datepicker dd a.period {background: #ebf1fc;}
.datepicker dd a:hover {color: #111; background: #eee;}
.datepicker dd .disable a, .datepicker dd .passed a {color: #969696; cursor: default;}
.datepicker dd .disable a:hover, .datepicker dd .passed a:hover {background: none; text-decoration: none;}
.datepicker dd .selected a, .datepicker dd .day_on a {color: #fff !important; background: #5a79ec;}

.datepicker dd.day {padding: 0 10px 0 10px; background: url('/user/img/bg_gray_f9.gif') repeat-x left top; border: none;}
.datepicker dd.day th {height: 35px; vertical-align: top; line-height: 26px; font-size: 12px; font-weight: normal; color: #666; text-align: center;}
.datepicker dd.day td {width: 34px;}
.datepicker dd.day td a {line-height: 30px;}
.datepicker dd.day tr td:first-child a, .datepicker dd.day tr td.holiday a {color: #ff5959;}
.datepicker dd.day tr td.passed.holiday a {color: #ffb6b6;}
.datepicker dd.day tr td.today:first-child a:hover, 
.datepicker dd.day tr td:first-child a.start:hover, 
.datepicker dd.day tr td:first-child a.end:hover, 
.datepicker dd.day tr td:first-child a.period:hover,
.datepicker dd.day tr td.holiday:first-child a:hover {color: #ff5959; background: #eee;}
.datepicker dd.day tr td:last-child a {color: #5a79ec;}
.datepicker dd.day tr td:last-child.today a:hover, 
.datepicker dd.day tr td:last-child a.start:hover, 
.datepicker dd.day tr td:last-child a.end:hover, 
.datepicker dd.day tr td:last-child a.period:hover {color: #5a79ec; background: #eee;}
.datepicker dd.day tr td.disable:first-child a, .datepicker dd.day tr td.passed:first-child a {color: #ffb6b6;}
.datepicker dd.day tr td.disable:last-child a, .datepicker dd.day tr td.passed:last-child a {color: #afbdf0;}
.datepicker dd.day tr td.today a {width: 24px; background: #4c4c4c; border-radius: 50%; line-height: 24px; color: #fff;}
.datepicker dd.day .today a:hover {width: 100%; background: #eee; border-radius: 0; line-height: 30px; color: #333;}

.datepicker .lunar {height: 29px; padding: 0 10px; background-color: #f9f9f9; border-top: 1px solid #999; line-height: 27px; clear: both;}
.datepicker .lunar a {font-size: 12px; color: #333; text-decoration: underline;}
.datepicker .lunar span {float: right; font-size: 12px; color: #969696;}

.datepicker .booking {position: relative; padding: 15px 10px 0 10px; border-top: 1px solid #f5f5f5; text-align: right; clear: both;}
.datepicker .booking > span {position: absolute; left: 18px; top: 18px;}
.datepicker .booking > p {padding: 20px 0 9px 0; font-size: 0;}
.datepicker .booking > p > a {font-size: 12px; margin: 0 0 0 10px;}

.datepicker .txt {height: 27px; background-color: #f9f9f9; border-top: 1px solid #999; font-size: 12px; line-height: 22px; text-align: center; clear: both;}

.datepicker > a {position: absolute; top: 15px; display: inline-block; width: 20px; height: 20px; background: url('/user/img/btn_pre_next.png') no-repeat left center; font-size: 0;}
.datepicker > a.pre {left: 15px;}
.datepicker > a.next {right: 15px; background-position: -40px center;}
.datepicker .selectbox {width: 76px !important; display: inline-block;}
.datepicker .ui-selectmenu-open {display: inline-block; text-align: left; overflow: auto;}
.group .datepicker {display: none;}
.group.open .datepicker, .open .datepicker {display: block;}
.time_group {display: inline-block; font-size: 0; vertical-align: top; margin-left: 4px;}

/* 달력 선택 ui */
.datepic_area {display: inline-block; font-size: 0; vertical-align: top;}
.datepic_area .date_box, .datepic_area .time_group, .datepic_area .set_time {vertical-align: top;}
.datepic_area .period {display: inline-block; min-height: 28px; line-height: 28px; vertical-align: top;}
.datepic_area .btn.small {margin-top: 3px; vertical-align: top;}
.datepic_area.full {width: 100%;}
.date_box {position: relative; display: inline-block; margin-right: 8px; vertical-align: top; overflow: hidden;}
.date_box.full {width: 100%; margin-right: 0;}
.date_box.full .date_input {width: 100%;}
.datepic_area .selectbox {position: relative; display: inline-block; vertical-align: top;}
.hyphen {display: inline; vertical-align: bottom;}

input[type="text"].date_input {width: 100px; max-width: 100px; height: 28px; line-height: 26px; padding: 0 22px 0 6px; border: 1px solid #c2c2c2; border-radius: 2px; font-size: 12px; vertical-align: top;}
.comm_lypop_type1 .date_box input[type="text"].date_input {border-width: 0 0 1px 0;}
input[type="text"].date_input.line {border-width: 0 0 1px 0; border-radius: 0;}
.date_btn {position: absolute; top: calc(50% - 8px); right: 5px; display: block; width: 16px; height: 16px; font-size: 0;}
.date_btn::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position: -20px -60px;}
.float.date_btn {position: inherit; top: auto; right: auto; display: inline-block; vertical-align: top;}
.input_group .float.date_btn {margin-top: 6px;}
.form_table .date_box + .time_group {margin-left: -5px;}
.form_table .date_box + .time_group .selectbox:last-child {margin-right: 0;}
.form_table:not(.style_4cols) .form + .date_box, .form_table:not(.style_4cols) .form + .date_box + .time_group {vertical-align: middle;}
.datepic_area .form label {font-size: 12px;}

/* 시간 직접 입력 UI 추가 : 2018-12-28 */
.datepic_area .set_time, .input_combo {display: inline-block;}
.datepic_area .set_time .input_group, .input_combo .input_group {padding: 0 21px 0 4px; border: 1px solid #c2c2c2; border-radius: 2px; background: url('/user/img/btn_select.png') no-repeat right 50%; vertical-align: top;}
.datepic_area .set_time .input_group .basic_input {width: 100%; min-width: 40px; height: 28px; padding: 0; margin: 0; font-size: 12px;}
.datepic_area .set_time .select_lst {min-width: 65px;}/* IE9 에서 넓이가 넓어졌다 줄어드는 현상으로 인해 추가 : 2019-11-20 */
.datepic_area .select_lst.limited .handy-scroll, .input_combo .select_lst.limited .handy-scroll {max-height: 180px;}
.input_group.has_select .datepic_area .set_time .input_group {border: 0;}
/* 직접 입력 + 셀렉트 리스트 */
.input_combo {position: relative;}
.input_combo .input_group {width: 100%; padding-left: 0; border: 0;}
.input_combo .select_lst {width: 100%;}
.input_group.txt_btn .input_combo {width: 100%;}

/* List for mail contents */
.thread_lst dt {display: block; height: 28px; font-size: 0; background: #f3f6fb; border-top: 1px solid #969696; border-bottom: 1px solid #eee;}/* 수정 : 2020-06-01 */
.thread_lst dt span {display: inline-block; height: 26px; line-height: 26px; vertical-align: top; font-size: 12px;}
.thread_lst dt span.sub_info {position: relative; width: 128px; font-size: 0;}
.thread_lst dt span.person {width: 143px;}
.thread_lst dt span.title {width: calc(100% - 496px); padding-left: 20px;}
.thread_lst dt span.sub_info + span.title {width: calc(100% - 353px);}/* 수정 : 2019-03-27 */
.thread_lst dt span.date {width: 140px;}
.thread_lst dt span.size {width: 65px; font-size: 12px; white-space: nowrap;}

.thread_lst dt span.sub_info .tit {position: absolute; top: 0; left: 60px; font-size: 12px;}
.thread_lst dt span.sub_info .tit .information {padding: 0; margin: 0;}

.thread_lst dt a {padding: 0 15px 0 0; color: #4c4c4c;}
.thread_lst dd li {position: relative; display: block; border-bottom: 1px solid #f5f5f5; padding-right: 15px; font-size: 0;}
.thread_lst dd > ul > li:hover {background: #fafafa url('/user/img/bg_list_move.png') no-repeat 5px 50%;}
.thread_lst dd > ul > li.selected:hover {background-color: #edf3ff;}
.thread_lst dd .attached_file {max-width: calc(100% - 515px); margin-top: -1px; margin-left: 290px; margin-bottom: 10px;}
.thread_lst dd .attached_file > li {margin: 6px 0; padding-right: 0; border: 0; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.thread_lst dd .attached_file > li:first-child {margin-top: 0;}
.thread_lst dd .attached_file > li > a {font-size: 13px; color: #333;}

.thread_lst dd li.selected {background-color: #edf3ff; border-top: 1px solid #dee8fc; border-bottom: 1px solid #dee8fc; margin-top: -1px;}
.vertical_ui .thread_lst dd li.reading:before {display: inline-block; content: ''; width: 2px; height: 100%; background: #3858ed; position: absolute; left: 0; top: 0;}/* 추가 : 2019-02-25 */

.thread_lst dd li > div {display: inline-block; height: 31px; line-height: 31px; font-size: 0; vertical-align: top;}/* 수정 : 2020-06-01 */
.thread_lst dd span, .thread_lst dd a {vertical-align: top;}
.thread_lst dd .sub_info {width: 127px; font-size: 0; padding-top: 8px; padding-left: 15px;}
.thread_lst dd .sub_info .ico_mail {margin-left: 8px; cursor: pointer;}
.thread_lst dd .sub_info .ico_tag {margin-left: 8px;}
.thread_lst dd .person {display: inline-flex; align-items: center; column-gap: 4px; width: 143px; padding-right: 10px; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 2;}
.thread_lst dd .person .badge {flex-shrink: 0;}
.thread_lst dd .person .recipient .name {margin-top: 0;}
.thread_lst dd .person .name {padding-right: 4px; font-weight: normal; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.thread_lst dd .person.open .name, .thread_lst dd .person .name:hover, .thread_lst dd .person .name.on {text-decoration: underline; background: url('/user/img/name_menu.png') no-repeat right bottom;}
.thread_lst dd .person .recipient {display: inline-block; max-width: 106px; margin-top: 7px; font-weight: normal; line-height: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.thread_lst dd .person .abridge {flex-shrink: 0; display: inline-block;}

.person.open {position: relative;}
.person .select_lst {position: absolute; top: 24px; z-index: 5;}
.person .select_lst li {padding: 0; height: 30px !important; border-bottom: 0 none;}
.person .select_lst li.divide {border-bottom: 1px solid #eee;}
.person .select_lst li a {height: 30px; line-height: 30px; font-size: 12px; padding: 0 9px; color: #4c4c4c;}
.thread_lst dd .title {position: relative; left: 0; max-width: calc(100% - 515px); padding: 0 24px 0 20px; height: 100%; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 10;}/* 수정 : 2018-07-25 */
.thread_lst dd .sub_info + .title {max-width: calc(100% - 345px);}
.person.bottom .select_lst {top: auto; bottom: 30px;}/* 수정 : 2018-06-21 */

/* 메일 리스트 수신자 구조변경 : 2018-06-29 박희진 */
.thread_lst dd .person.open {z-index: 6;}
.thread_lst dd li .select_lst li {padding: 0;}
.thread_lst dd li.open > .select_lst {top: 23px;}
.thread_lst dd li.open.bottom > .select_lst {top: auto; bottom: 30px;}

.thread_lst dd .subject {position: relative; width: 100%; color: #666;}/* 수정 : 2019-02-11 */
.thread_lst dd .subject.security {color: #ff5959;}
.thread_lst .unread .subject, .thread_lst .unread .person .name {font-weight: bold; color: #111;}/* 수정 : 2019-02-11 */
.thread_lst .unread .state.standby {font-weight: bold; color: #111;}
.thread_lst dd .subject:hover {text-decoration: underline;}
.thread_lst dd .title .ico.file {position: absolute; left: 0;}
.thread_lst dd .title .ico.lock_file {position: absolute; left: 0;}
.thread_lst dd .title .ico.pop_up {position: absolute; right: 0; margin-top: 0; top: 8px;}
.thread_lst dd .title .ico.commt {position: absolute; right: 0;}
.thread_lst dd .locate {margin-top: 6px;}
.thread_lst dd .ico {margin-top: 8px;}
.thread_lst dd .title .badge {margin-top: 8px;}
.thread_lst dd .date {width: 125px; font-size: 12px;}
.thread_lst dd .size {width: 65px; font-size: 12px;}
.thread_lst dd .thread_btn {flex-shrink: 0; display: inline-block; height: 34px; line-height: 34px;}
.thread_lst dd .thread_btn span {display: inline-block; height: 15px; margin-top: 10px; padding: 0 4px; border: 1px solid #a6a6a6; border-radius: 2px; font-size: 10px; line-height: 12px; color: #111;}
.thread_lst dd .thread_btn:after {content: ''; display: inline-block; width: 6px; height: 16px; margin-top: 9px; margin-left: 2px; background: url('/user/img/ico_up_down.png') no-repeat -4px 7px;}
.thread_lst dd .thread_btn.open:after {background-position-y: -38px;}
.thread_lst dd li.thread {padding-left: 0 !important; background-color: #f9f9f9; display: none;}
.thread_lst dd li.thread.selected {background-color: #edf3ff;}
.thread_lst dd li.thread.open {display: block;}
.thread_lst dd li.thread .sub_info {width: 152px; padding-left: 40px;}/* 추가 : 2019-08-02 */
.thread_lst dd li .date {position: absolute; top: 8px; right: 99px; width: 125px; font-size: 12px; color: #969696;}/* 수정 : 2020-06-01 */
.thread_lst dd li .size {position: absolute; top: 8px; right: 12px; width: 70px; font-size: 12px; color: #969696; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}/* 수정 : 2020-06-01 */

.thread_lst.no_state dt span.sub_info {width: 41px;}
.thread_lst.no_state dt .title {max-width: calc(100% - 500px);}
.thread_lst.no_state dd .title {max-width: calc(100% - 490px);}
.thread_lst.no_state .date {right: 215px; font-size: 12px; color: #666; width: 100px;}
.thread_lst.no_state dt .date {right: 215px;}
.thread_lst.no_state .receive {position: absolute; right: 110px; width: 100px; font-size: 12px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}/* 수정 : 2019-03-27 */
.thread_lst.no_state dd .receive {top: 9px; right: 90px;}
.thread_lst.no_state .withdraw {position: absolute; right: 35px; font-size: 12px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}/* 수정 : 2019-03-27 */
.thread_lst.no_state dd .withdraw {top: 9px; right: 15px;}
.thread_lst.no_state dd .sub_info {width: 40px;}/* 수정 : 2018-11-22 */

/* 분할뷰 */
.vertical_lf .attached_file {margin: -1px 36px 0 0;}
.vertical_lf .content_table .attached_file li:first-child {margin-top: 0;}
.vertical_lf .content_table td div.name_ic {height: auto;}
.vertical_lf .thread_lst dd .attached_file {max-width: calc(100% - 50px); margin-top: -2px; margin-left: 72px;}
.vertical_lf .thread_lst dd .attached_file li {padding: 0;}/* 2018-07-24 박희진 */
.vertical_lf .thread_lst dd .title .ico.pop_up {top: 8px;}
.vertical_lf .thread_lst dd li.open > .select_lst {top: 47px;}

/* 결재 */
.vertical_lf .thread_lst.appr_list dd > ul > li {min-height: 58px;}
.vertical_lf .thread_lst.appr_list dd.scroll-content {overflow-x: hidden !important;}
.vertical_lf .thread_lst.appr_list dd .title {padding: 2px 24px 0 13px;}
.vertical_lf .thread_lst.appr_list dd .title .ico.pop_up {top: 10px;}
.vertical_lf .thread_lst.appr_list dd .sub_info {width: 65px; padding-top: 10px;}/* 수정 : 2019-03-04 */
.vertical_lf .thread_lst.appr_list dd .title.case1 {max-width: calc(100% - 128px);}
.vertical_lf .thread_lst.appr_list dd .title.case1.align_ct {max-width: calc(100% - 128px); width: 100%; text-align: center;}/* 2018-04-16 가운데정렬case 추가. by 황정화 */
.vertical_lf .thread_lst.appr_list dd .title.case1.align_ct.no_list {max-width: 100%; margin: 0; padding: 0; padding-top: 14px;}/* 분할뷰에서 목록이 없을때 문구 영역 no_list 클래스 추가 2018-08-29 김민우 */
.vertical_lf .thread_lst.appr_list dd .title.discard .subject {text-decoration: line-through;}
.vertical_lf .thread_lst.appr_list dd .date {right: 8px; top: 34px; text-align: right;}
.vertical_lf .thread_lst.appr_list dd .appr_prop_wrap {position: absolute; top: 34px; left: 62px; height: 22px; z-index: 9;}/* 상태정보 툴팁처리를 위한 z-index값 추가 2018-08-29 김민우 */
.vertical_lf .thread_lst.appr_list dd .appr_prop_wrap .ico.file {margin-left: 0 !important; margin-top: 0; margin-right: 2px;}
.vertical_lf .thread_lst.appr_list dd .appr_prop_wrap .ico.lock_file {margin-left: 0 !important; margin-top: 0; margin-right: 2px;}
.vertical_lf .thread_lst.appr_list dd .state {position: absolute; right: 15px; top: 7px;}

.vertical_lf .thread_lst.appr_list .attached_file {margin-top: 6px; margin-left: 51px;}

.vertical_rg .appr_view_wrap .scroll-content {overflow-x: hidden !important;}
.vertical_rg .thread_cont {min-width: 640px;}/* 메일 분할뷰 상세보기 영역 가로스크롤을 위한 min-width 속성 추가 : 2018-07-27 */

.thread_cont .key_info .thread_open {position: absolute; top: 34px; right: 17px; height: 20px; width: 20px; display: block; background: url('/user/img/bg_thread_close.png') no-repeat 0 0; font-size: 0;}
.thread_cont.close .key_info .thread_open {background: url('/user/img/bg_thread_open.png') no-repeat 0 0;}
.thread_cont {border-top: 1px solid #d9d9d9;}
.thread_cont:last-child {border-bottom: 1px solid #d9d9d9;}
.thread_cont:first-child {border-top: 0 none;}
.thread_cont.close .key_info {background-color: transparent;}
.thread_cont.close .additional_info, .thread_cont.close .content, .thread_cont.close .key_info .sub .text_btn, .thread_cont.close .tag_area {display: none;}

/* 가로 스크롤형 목록 : 2020-03-25 */
.whole.scroll-wrapper thead {position: sticky; top: 0; z-index: 2;}
.container_area.record .whole.scroll-wrapper, .container_area.approval .whole.scroll-wrapper, .container_area.horizontal .whole.scroll-wrapper {height: calc(100vh - 231px); border-top: 1px solid #969696;}
.container_area.horizontal .schedule_pop .whole.scroll-wrapper {height: calc(100vh - 283px);}
.container_area.record .content_table .whole .table_head, .container_area.approval .content_table .whole .table_head, .container_area.horizontal .content_table .whole .table_head {border-top: 0; border-bottom: 0;}
.container_area.record .content_table .whole thead th, .container_area.approval .content_table .whole thead th, .container_area.horizontal .content_table .whole thead th {border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.popup_table .whole.scroll-wrapper {border-top: 1px solid #969696; border-bottom: 1px solid #e3e3e3;}

/* 서식선택 레이어 팝업 : 2018-07-20 박희진 */
.popup_container .lnb_menu_area {position: relative; padding: 22px 20px 0 30px; overflow-y: auto;}
.popup_container .lnb_menu_area > div {position: relative; height: 100%; width: 100%;}
.popup_container .lnb_menu .menu_title {color: #1d2752; font-size: 13px; font-weight: bold;}
.popup_container .lnb_menu .menu_title.category:before {content: ''; left: 0; display: inline-block; width: 9px; height: 17px; background: url('/user/img/lnb_depth_menu.png') no-repeat 0 -17px; margin-right: 3px;}
.popup_container .lnb_menu.open .menu_title.category:before {background-position: 0 0;}
.popup_container .lnb_menu.tree {padding-top: 8px;}
.popup_container .divide + .lnb_menu {margin-top: 8px;}
.popup_container .divide {border-bottom: 1px solid #e3e3e3;}
.popup_container .d_srch_layer .s_cont .form_table th {padding-left: 0;}
.popup_container .d_srch_layer .s_cont .form_table td {padding-right: 0;}
/* 2018-07-25 박희진 */
.popup_container .appr_formchoice_lnb .lnb_menu {padding-bottom: 15px;}
.popup_container .appr_formchoice_lnb .divide {padding-bottom: 18px;}
.popup_container .appr_formchoice_lnb .divide + .lnb_menu {margin-top: 17px;}
.popup_container .appr_formchoice_lnb .divide.tree {padding-bottom: 2px;}
.popup_container .appr_formchoice_lnb .divide + .tree {margin-top: 9px;}

.popup_container .appr_formchoice_cont .content_table .table_body {max-height: 511px;}
.popup_container .appr_formchoice_cont .content_table .fixed_table_wrapper.scroll-wrapper {height: 542px !important;}/* 추가 : 2020-05-15 */
.popup_container .appr_formchoice_cont .content_table .wrap-hs {max-height: 541px;}
.popup_container .appr_formchoice_cont .content_table {margin: 0;}
.popup_container .appr_formchoice_cont .content_table .table_head th {padding: 5px 6px;}
.popup_container .appr_formchoice_cont .content_table th:first-child {padding-left: 15px;}
.popup_container .appr_formchoice_cont .formchoice_head h2 {width: calc(100% - 330px);}
.popup_container .appr_formchoice_cont .formchoice_list ul li {position: relative; width: 219px;}
.popup_container .appr_formchoice_cont .formchoice_list ul li .form {position: absolute; top: 300px; z-index: 2;}
.popup_container .appr_formchoice_cont .formchoice_list ul li .form + dl dt, .popup_container .appr_formchoice_cont .formchoice_list ul li .form + dl dd {margin-left: 20px;}
.appr_formchoice_wrap {position: relative; padding: 0 30px 0 252px; height: 100%;}
.appr_formchoice_wrap .paginate_area {border-top: none; border-top: 1px solid #e3e3e3;}
.appr_formchoice_lnb {position: absolute; left: 0; top: 0; width: 222px; height: 100%; border-right: 1px solid #ccc;}
.appr_formchoice_lnb .handy-scroll {height: 100%;}
.appr_formchoice_lnb .handy-scroll {height: 100%;}
.appr_formchoice_lnb ul.dynatree-container .dynatree-title.on {color: #3858ed !important;}
.appr_formchoice_lnb ul.dynatree-container > li:first-child {padding: 0;}
.appr_formchoice_lnb ul.dynatree-container > li:first-child .dynatree-title {font-weight: bold; color: #111;}
.appr_formchoice_lnb ul.dynatree-container > li:first-child ul li .dynatree-title {font-weight: normal;}
.appr_formchoice_lnb ul.dynatree-container > li:first-child ul li ul li .dynatree-title {color: #666;}
.appr_formchoice_lnb .tree .dynatree-container {border-top: 1px solid #d9d9d9;}
.appr_formchoice_lnb .tree .dynatree-container:first-child {border-top: none;}
.appr_formchoice_cont {height: 100%; padding: 16px 0 0 0;}
.appr_formchoice_cont .content_table {height: calc(100% - 108px); padding: 0;}
.appr_formchoice_cont .content_table .table_head {border-top: 0 none;}
.appr_formchoice_cont .content_table .table_body {height: calc(100% - 26px);}
.appr_formchoice_cont .content_table .fixed_table_wrapper.scroll-wrapper {height: 100% !important; margin-top: -1px;}/* 추가 : 2020-05-15 */
.appr_formchoice_cont .formchoice_head:after {display: block; content: ''; clear: both;}
.appr_formchoice_cont .formchoice_head.btns_areacopy {position: relative; padding: 10px 0 13px 0; font-size: 0; border-bottom: 1px solid #969696; clear: both;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .group:not(.ico) {position: relative; display: inline-block; height: 28px; margin-left: 8px; vertical-align: top;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .group a {border-radius: 0; margin: 0 0 0 -1px; vertical-align: top;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .ico_btn {margin: 0 0 0 8px; vertical-align: top;}/* 2018-07-23 박희진 */
.appr_formchoice_cont .formchoice_head.btns_areacopy .d_srch_layer .group:not(.ico) {display: block;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .d_srch_layer .group .form > label {white-space: initial;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .group a:first-child {border-radius: 2px 0 0 2px; margin-left: 0;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .group a:last-child {border-radius: 0 2px 2px 0;}
.appr_formchoice_cont .formchoice_head.btns_areacopy .selectbox {display: inline-block;}
.appr_formchoice_cont .formchoice_head .align_lf {width: 431px; margin: 0 0 0 14px;}
.appr_formchoice_cont .formchoice_head h2 {display: inline-block; width: calc(100% - 255px); margin: 0; font-size: 17px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.appr_formchoice_cont .formchoice_head h2 em {margin-left: 6px;}
.appr_formchoice_cont .formchoice_head .align_rg {margin: 0;}
.appr_formchoice_cont .formchoice_head .input_group:not(.flex) {display: block;}
.appr_formchoice_cont .formchoice_head .ico.search {text-indent: -9999px;}
.appr_formchoice_cont .formchoice_list {width: 100%;}
.appr_formchoice_cont .formchoice_list {padding: 5px 0;}
.appr_formchoice_cont .formchoice_list ul li {display: inline-block; width: 220px; padding: 0 10px; margin: 15px 0;}
.appr_formchoice_cont .btn_d_search {vertical-align: top; margin-left: 8px;}
.appr_formchoice_cont .formchoice_head .align_rg .help_txt {vertical-align: middle;}
/* 즐겨찾는 서식 추가 : 2018-07-25 박희진 */
.formchoice_list ul li {position: relative;}
.formchoice_list ul li .form {position: absolute; top: 300px; z-index: 2;}
.formchoice_list ul li .form + dl dt, .formchoice_list ul li .form + dl dd {margin-left: 20px;}

.formchoice_list .formtype_wrap {position: relative; padding: 298px 0 0 0;}
.formchoice_list .formtype_wrap dt {display: block; margin-bottom: 4px;}
.formchoice_list .formtype_wrap dt .txtcut {display: block; overflow: hidden; max-width: 100%; height: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap;}
.formchoice_list .formtype_wrap dt .form_type {position: relative; padding: 0 7px 0 0; margin: 0 6px 0 0; font-size: 12px; font-weight: bold; color: #2d3f93; vertical-align: top;}
.formchoice_list .formtype_wrap dt .form_type:after {content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 10px; background: #d9d9d9;}
.formchoice_list .formtype_wrap dd .form_type {position: relative; padding: 0 7px 0 0; font-size: 12px; vertical-align: top;}
.formchoice_list .formtype_wrap dt .form_name {font-size: 13px; font-weight: bold; color: #333; vertical-align: top;}
.formchoice_list .formtype_wrap dd {display: block;}
.formchoice_list .formtype_wrap dd .form {position: absolute; top: 10px; left: 10px; z-index: 2;}
.formchoice_list .formtype_wrap dd .thum_wrap {position: absolute; top: 0; left: 0; overflow: hidden; display: block;}
.formchoice_list .formtype_wrap dd .thum_wrap img {position: relative; display: block; width: 200px; height: 282px; border: 1px solid #ccc;}
.formchoice_list .formtype_wrap dd .thum_wrap .hover_area {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(67,71,87,.3); border: 1px solid #3858ed;}
.formchoice_list .formtype_wrap dd .thum_wrap:hover .hover_area {display: block;}
.formchoice_list .formtype_wrap dd .thum_wrap .hover_area .action_btn {position: absolute; top: 50%; left: 50%; width: 90px; height: 36px; margin: -18px 0 0 -45px; text-align: center; line-height: 36px; font-weight: bold;}
.formchoice_list .formtype_wrap dd .desc {max-height: 38px; max-width: 100%; overflow: hidden; margin: 2px 0 0 0; font-size: 12px; color: #969696; line-height: 19px; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2018-08-10 */
.formchoice_list .formtype_wrap dd .form_type {background: url('/user/img/divider.png') no-repeat left center; font-size: 12px; padding-left: 8px;}
.formchoice_list .formtype_wrap dd .form_type:first-child {background: none; padding-left: 0;}

/* 서식선택 분할뷰 미리보기 */
.appr_formchoice_cont .appr.preview_form.vertical_ui {padding: 0;}
.appr_formchoice_cont .appr.preview_form .vertical_lf {width: 59%; min-width: 371px;}
.appr_formchoice_cont .appr.preview_form .vertical_lf .thread_lst.appr_list dd .sub_info {width: 41px;}
.appr_formchoice_cont .appr.preview_form .vertical_lf .thread_lst.appr_list dd .title {max-width: calc(100% - 29px); margin-left: 29px;}
.appr_formchoice_cont .appr.preview_form .vertical_lf .thread_lst.appr_list dd .explain {position: absolute; left: 0; bottom: 9px; width: calc(100% - 15px); padding-left: 42px; font-size: 13px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.appr_formchoice_cont .appr.preview_form .vertical_rg {right: 0; width: 41%; min-width: auto;}
.appr_formchoice_cont .appr.preview_form .formchoice_list {padding: 7px 0 0;}
.appr_formchoice_cont .appr.preview_form .formchoice_list ul li {width: auto; padding: 0; margin-bottom: 0;}
.appr_formchoice_cont .appr.preview_form .formchoice_list .formtype_wrap {padding: 0;}
.appr_formchoice_cont .appr.preview_form .formchoice_list .formtype_wrap dd .thum_wrap {position: static;}
.appr_formchoice_cont .appr.preview_form .formchoice_list .formtype_wrap dd .thum_wrap img {width: 309px; height: 435px;}
.appr_formchoice_cont .appr_view_head .sub_info .date.explain {max-width: 100%; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* layer popup */
.layer_pop {position: absolute; display: block; z-index: 100;}
/* modal pop */
.popup {position: fixed !important; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 120;}/* 수정 : 2018-11-02 */
.popup.scroll-wrapper {z-index: 999;}
.popup.scroll-content.open {height: 100% !important;}
@-moz-document url-prefix(){
    .popup.scroll-content.open {height: calc(100% + 17px) !important;}
}
.popup.open {display: block; padding: 0;}
.popup_container {position: relative; display: block; top: 0; margin: 0 auto; min-width: 322px; min-height: 141px; background: #fff; border-radius: 2px;}
.popup_container {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    -webkit-animation: show-popup .2s forwards;
    animation: show-popup .2s forwards;
}
@keyframes show-popup {
    0% {transform: scale(0.94); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}
@-webkit-keyframes show-popup {
    0% {-webkit-transform: scale(0.94); opacity: 0;}
    100% {-webkit-transform: scale(1); opacity: 1;}
}
#schedule_add_layer_popup, #schedule_read_layer_popup {
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    -webkit-animation: show-popup .2s forwards;
    animation: show-popup .2s forwards;
}
.scroll-wrapper.popup > .popup {background: none;}
.scroll-wrapper .popup_container:not(.emoti) {margin-top: 83px; margin-bottom: 90px;}/* handy-scroll 내 wrap-hs 사용시 margin으로 인한 height 오류로 인해 삭제 대신 popup > handy-scroll > wrap-hs의 패딩 제공 2018-04-04 */
.popup_container .btn_close {position: absolute; right: -30px; top: 10px; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('/user/img/btn_close3.png') no-repeat 0 0;}
.popup_container .btn_close a {display: block; width: 20px; height: 20px;}
.unfixed .popup_container {top: 83px; width: 600px; margin-bottom: 90px;}
.popup_container .btns_area {padding: 0 30px 13px; border-bottom: 0 none;}
.popup_container .btns_area.bttm {padding-bottom: 20px;}
.popup_container .btns_area.middle {overflow: hidden; height: auto; margin-top: 20px; padding-bottom: 0;}
.popup_table .btns_area {padding: 0; margin-bottom: 13px;}
.popup_table .btns_area .align_lf .form:first-child {margin-left: 15px;}
.popup_container .title {height: 48px; line-height: 47px; font-size: 15px; color: #111; padding: 0 30px; border-bottom: 1px solid #969696;}
.popup_container .title .btn_close {position: absolute; right: 20px; top: 14px; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('/user/img/btn_close4.png') no-repeat 0 0;}
.popup_container .title .btn_close a {display: block; width: 20px; height: 20px;}
.popup_container .form_table th, .popup_container .form_table .contact th {padding-left: 30px;}
.popup_container .form_table.read th {padding-left: 0;}/* 추가 : 2018-11-20 */
.popup_container .form_table td {padding-right: 30px;}
.popup_container .form_table td:first-child:not(:last-child) {padding-right: 15px;}
.popup_container .form_table td .option .option_sub {margin-left: 4px;}
.popup_container .vertical_table .option .option_sub {display: inline-block; vertical-align: top;}
.popup_container .popup_table.border {border-top: 1px solid #d9d9d9;}
.popup_container .contents {padding: 20px 30px;}
.popup_container .contents dl.group:first-child dt {padding-top: 5px;}/* 추가 : 2020-04-14 */
.popup_container .contents dl.group dt {display: inline-block; width: 80px; padding-right: 8px;}/* 수정 : 2020-04-14 */
.popup_container .contents dl.group dd {display: inline-block; width: calc(100% - 85px);}/* 수정 : 2020-04-14 */
.popup_container .contents dt {font-size: 13px; padding: 15px 0 5px;}
.popup_container .contents dd .tree_group + .box_input {margin-top: 5px;}/* 추가 : 2020-04-14 */
.popup_container .btn_print {margin: 0 30px; text-align: right;}
.popup_container .btn_print .ico_btn {margin-right: 0; padding: 0;}
.org_group {height: 250px; border: 1px solid #cacaca;}/* 수정 : 2018-08-09 */
.org_group .contact_radio_wrap.handy-scroll {height: calc(100% - 50px);}
.org_tree {position: relative; height: 100%; width: auto; padding: 15px 0 0 10px; overflow: auto;}
.org_tree.handy-scroll.scroll-content {padding-left: 14px;}
.org_tree.handy-scroll.scroll-content:before {display: block; content: ''; height: 8px;}

/** 선택 UI - 트리 **/
/* 공통 */
.tree .group, .tree_option .group {font-size: 0; margin-bottom: 6px;}
.tree .group .text_btn, .tree_option .group .text_btn {padding: 0 6px; border-right: 1px solid #e3e3e3; font-size: 11px; color: #4c4c4c;}
.tree .group .text_btn:last-child, .tree_option .group .text_btn:last-child {border-right: 0 none;}

.tree_group {height: 250px; border: 1px solid #d9d9d9;}
.tree_group .tree {position: relative; height: 100%; width: 100%; padding: 10px 0 0 10px; overflow: auto;}
.tree_group .tree.folder.scroll-content:before {display: block; content: ''; height: 6px;}
.tree_group.srch {height: 350px;}
.tree_group.srch .tree {height: 307px;}
.tree_group.srch .tree_option .group {margin: 16px 10px 6px;}
.tree_group .folder_group:first-child {margin-top: 2px;}
.tree_group .folder_group:last-child {margin-bottom: 8px;}

/* 메일 - 편지함 선택 */
.tree_group.mail_box {height: 415px;}/* 수정 : 2019-03-05 */
.tree_group.mail_box .mailbox_list {height: 174px; padding: 8px 0; border-bottom: 1px dotted #d9d9d9;}/* 수정 : 2019-03-05 */
.tree_group.mail_box .mailbox_list ul li {width: 100%; height: 26px; padding: 5px 10px 2px 12px;}/* 수정 : 2019-03-05 */

.tree_group.mail_box .tree.folder {height: 239px;}/* 수정 : 2019-03-05 */

.tree_group.mail_box + dl dt, .tree_group.srch + dl dt {overflow: hidden;}/* 추가 : 2019-03-05 */
.tree_group.mail_box + dl dt .text_btn, .tree_group.srch + dl dt .text_btn {font-size: 12px; float: right;}/* 추가 : 2019-03-05 */

/* 결재 - 서식함 선택 *//* 추가 : 2019-03-04 *//* 수정 : 2019-03-05 */
.tree_group.mail_box.appr {height: 311px;}
.tree_group.mail_box.appr .mailbox_list {height: 44px;}
.tree_group.mail_box.appr .tree.folder {height: 265px;}

/* 설비 - 설비 선택 *//* 추가 : 2019-03-05 */
.tree_group.mail_box.equip .tab_cont {padding: 5px 13px 12px 10px;}
.tree_group.mail_box.equip .tab_cont:not(.equip_sort) {display: none;}
.tree_group.mail_box.equip .tab_cont .sub_lst.type_choice > li:not(.sub_title) {padding-left: 3px;}
.tree_group.mail_box.equip .tab_cont .folder .dynatree-title {margin-right: 20px;}
.tree_group.mail_box.equip .tab_cont .folder {padding-top: 4px;}

/* 웹폴더 - 파일 업로드 */
.popup.webfolder_addfile .popup_container {top: 30px;}/* 스크롤이 없는 레이어 팝업의 위치값 추가 : 2018-07-03 */
.popup.webfolder_addfile .tree_group {height: 160px;}/* 파일 등록 팝업 내 tree_group 높이값 추가 : 2018-07-03 */
.popup.none_scroll .popup_container {top: 50px;}/* 스크롤이 없는 레이어 팝업(공용)의 위치값 추가 : 2018-08-02 */

.folder_group .category {color: #1d2752; font-size: 13px; font-weight: bold;}
.folder_group .category:before {content: ''; left: 0; display: inline-block; width: 9px; height: 17px; background: url('/user/img/lnb_depth_menu.png') no-repeat 0 -17px; margin-right: 3px;}
.folder_group.open .category:before {background-position: 0 0;}

/* 트리 검색 */
.srch_group, .input_group.enter {position: relative; display: flex; align-items: center; width: 100%; height: 41px; padding: 6px 0 6px; border-bottom: 1px solid #d9d9d9; font-size: 0;}
.srch_group input[type="text"], .input_group.enter input[type="text"] {flex: 1; width: 100%; height: 28px; padding: 0 29px 1px 15px; font-size: 13px;}
.srch_group .btn_srch, .srch_group .btn_return, .input_group.enter .ico.enter {position: absolute; top: calc(50% - 8px); right: 4px; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.srch_group .btn_srch::before, .srch_group .btn_return::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.srch_group .btn_return {display: none;}
.srch_group .btn_srch::before {background-position: -60px -60px;}
.srch_group .btn_return::before {background-position: -100px -60px;}
.srch_group .btn_return::after {position: absolute; left: -5px;  content: ''; width: 1px; height: 100%; display: inline-block; background: url('/user/img/divider.png') no-repeat left center;}
.srch_group .selectbox {flex-shrink: 0; display: inline-block; margin: 0 0 0 6px; background: url('/user/img/divider.png') no-repeat right 50%; vertical-align: top;}
.srch_group .selectbox + input[type="text"] {padding-left: 8px;}
.srch_group .ui-button {background-color: transparent; background-position: right 50%; border-color: transparent; line-height: 30px; z-index: 1;}
.srch_group .ui-selectmenu-text {font-size: 13px; line-height: 26px;}

.srch_group.on input[type="text"] {padding-right: 58px; outline: none;}
.srch_group.on .btn_srch {right: 29px;}
.srch_group.on .btn_return {display: block;}

.tree_group.srch > fieldset + .tree_option:not(.display_none) + .handy-scroll.scroll-wrapper {height: calc(100% - 78px);}
.tree_group.srch > fieldset + .tree_option:not(.display_none) + .handy-scroll.scroll-wrapper .tab_cont, .tree_group.srch > fieldset + .tree_option:not(.display_none) + .handy-scroll.scroll-wrapper .tab_cont .folder {padding-top: 0;}
.tree_group.srch > fieldset + .tree_option.display_none + .handy-scroll.scroll-wrapper {height: calc(100% - 41px);}

/* 트리 검색 결과 */
ul.dynatree-container.tree_search_result > li > ul {margin-left: 0 !important;}

/* 조직도 - 수신부서 - 외부 */
.input_group.enter .ico.enter {margin: 0;}

/** 팝업 **/
.popup_container h3 {font-size: 13px; color: #2d3f93; margin: 0 30px; padding: 16px 0 0;}
.popup_container h3.blck {color: #333;}
.popup_container span.help_txt {font-size: 13px; color: #2d3f93; margin: 20px 30px 0 30px; padding: 16px 0 0;}
.popup_container h3:first-child {margin-top: 10px;}
.popup_container .form_table table + h3 {border-top: 1px solid #d9d9d9;}
.popup_container .form_table + h3 {border-top: 1px solid #d9d9d9;}
.popup_container h3.blck {border: 0 none !important;}
.popup_container h4 {margin: 10px 0; font-weight: bold; color: #2d3f93;}
.popup_container .form_table h4.caption {margin: 20px 0 0 30px;}
.popup_container .form_table td .description {font-size: 12px; color: #333; letter-spacing: -1px;}
.popup_container .form_table td .description.fnt_blue {font-size: 12px; color: #3858ed; letter-spacing: -1px;}
.popup_container .form_table td .description.fnt_blue .divider {min-height: 16px; margin: 0 4px; background-position: 0 50%; vertical-align: top;}/* 추가 : 2019-01-02 */
.popup_container .single_form {padding: 20px 30px 15px;}
.popup_container .single_form textarea.group_textarea {padding: 0;}
.popup .btns_area.bttm .align_lf .description {font-size: 12px; color: #3858ed;}
.popup_container .flip {margin: 10px 0 25px 0;}
.popup_container > .flip {text-align: center;}
.popup_container .input_group.sche_case3 .basic_input {padding-right: 4px;}

/* 팝업내 table 대신 difinition 태그 사용 시 */
.popup_container .dif_form {padding: 25px 30px;}
.popup_container .dif_form dt {font-size: 14px; color: #333; font-weight: bold; margin-bottom: 20px;}
.popup_container .dif_form dd {min-height: 24px;}
.popup_container .vertical_table + .nav {padding: 20px 20px 0; height: 40px;}
.popup_container .vertical_table + .nav .align_rg .btn:last-child {margin-right: 10px;}
.popup_container .nav {padding: 20px; height: 64px;}
.popup_container .nav .tab li {background: 0 none; padding: 0 10px;}
.popup_container .nav + .contents {padding-top: 0;}
.popup_container .title + .nav + .contents + .btns_area.bttm {padding-top: 0;}
.popup_container .vertical_table .datepic_area .date_box input[type="text"].date_input {border: none; border-bottom: 1px solid #c2c2c2; border-radius: 0;}
.popup_container .vertical_table .datepic_area .date_box .date_btn {right: 4px;}
.popup_container .vertical_table .datepic_area.disabled .date_box input[type="text"].date_input {color: #a9a9a9; border-bottom: 1px solid #e3e3e3; cursor: default;}
.popup_container .vertical_table .datepic_area.disabled .date_box .date_btn {opacity: 0.5; cursor: default;}

/* 수정가능 인풋 */
.rename .rename_inp[type="text"] {display: none;}
.rename.on .rename_inp[type="text"] {display: block;}
.rename.on .file_name {display: none;}
.rename_inp[type="text"] {width: 180px; height: 28px; border: 1px solid #e3e3e3; padding: 4px 6px; outline: 0 none;}
.rename_inp[type="text"]:focus {border: 1px solid #3858ed; outline: 0 none;}

/* 읽기 화면 */
.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 .team:before {content: ''; display: inline-block; width: 2px; height: 26px; margin: 0 4px; background: url('/user/img/dott_gray.png') no-repeat left 50%;}/* 메일 제목 사용자영역 위치변경 180813 김민우 */
.key_info .sub .team {font-size: 14px; color: #666; line-height: 25px;}
.key_info .sub .date {font-size: 12px; color: #969696; line-height: 25px;}/* margin값 수정 04-13 황정화 */
.key_info .sub .date:before {content: ''; display: inline-block; width: 1px; height: 26px; margin: 0 8px; background: url('/user/img/divider.png') no-repeat left 50%;}/* 메일 제목 사용자영역 위치변경 180813 김민우 */
.key_info .sub .text_btn {font-size: 12px; line-height: 25px;}/* margin값 수정 04-13 황정화 */
.key_info .sub .text_btn:before {content: ''; display: inline-block; width: 2px; height: 26px; margin: 0 6px 0 8px; background: url('/user/img/divider.png') no-repeat left 50%;}/* 스타일추가 04-13 황정화 */
.key_info .title > * {display: inline-block; font-size: 0; vertical-align: top;}
.key_info .title {margin-top: 5px; margin-left: 25px; padding-right: 180px;}/* 수정 : 2019-03-27 */
.additional_info {padding-right: 200px;}
.additional_info.none_bd {padding-top: 4px; border-bottom: 0;}
.key_info .title .locate {font-size: 12px; line-height: 18px;}
.key_info .title .ico.pop_up {position: absolute; margin: 2px 2px 0 4px;}
.key_info .title .add_schedule {margin-top: 2px; margin-left: 24px; padding-left: 20px; background: url('/user/img/ico_calendar.png') no-repeat 7px -2px; font-size: 12px; color: #666;}
.key_info .title .add_schedule:before {content: ''; display: inline-block; position: relative; top: 2px; left: -20px; width: 1px; height: 12px; margin-right: 5px; background: #d9d9d9;}
.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: 0px;}/* 메일 제목 사용자영역 위치변경 180813 김민우 */
.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 dd a:after {display: inline-block; content: ','; padding-right: 4px;}
.additional_info dd a.btn:after {content: '';}
.additional_info dd a.txt_more {font-size: 12px; color: #969696; text-decoration: underline;}
.additional_info dd a.txt_more:after {content: '';}
.additional_info dd .overed {display: none;}
.additional_info dd.open .overed {display: block;}
.additional_info dd a:last-child:after {display: inline-block; content: none; padding-right: 0;}
.additional_info .file_info dt {width: auto; padding-right: 10px;}/* 추가 : 2019-02-20 */
.additional_info .file_info dd {font-size: 12px;}
.additional_info .file_info dd a {vertical-align: top;}
.additional_info .file_info dd a:after {padding-right: 1px;}/* 추가 : 2019-02-20 */
.additional_info .file_info dd a:first-child:after {padding-right: 4px;}/* 추가 : 2019-02-20 */
.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 -1px 0 7px; background: url('/user/img/divider.png') no-repeat left 0;}/* 수정 : 2019-02-20 */
.divider {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 2px; background: url('/user/img/divider.png') no-repeat left 3px;}
.additional_info .file_info {margin-top: 19px; margin-bottom: 0;}
.additional_info dl:first-child.file_info {margin-top: 0;}
.container.details.research .additional_info dt {width: 92px;}/* 설문 상세보기 항목명 줄바꿈으로 인한 항목 넓이 수정 : 2020-01-08 */
.container.details.research .additional_info label.blind {font-size: 0;}/* 추가 : 2020-01-08 */
.container.details.research .additional_info .datepic_area .form {margin: 6px 0 0 0; vertical-align: text-bottom;}/* 추가 : 2020-01-08 *//* 수정 : 2020-03-05 */

/* 외부 메일 일정 초대 */
.additional_info .sche_external {position: relative; min-height: 99px; padding: 17px 20px 18px 113px; margin: 20px 0; border: 1px solid #eee; font-size: 0;}
.additional_info .sche_external:before {position: absolute; left: 95px; top: 0; bottom: 0; display: block; content: ''; width: 1px; background: #eee;}
.additional_info .sche_external .title {display: inline-block; margin-bottom: 7px; font-size: 13px;}
.additional_info .sche_external .sche_info {padding-left: 0; margin-bottom: 5px;}
.additional_info .sche_external .sche_info:last-of-type {margin-bottom: 0;}
.additional_info .sche_external .sche_info .info_title, .additional_info .sche_external .sche_info .info_cont {font-size: 12px;}
.additional_info .sche_external .sche_info .info_title {width: auto; min-width: 33px; padding-right: 9px; font-weight: normal; color: #969696;}
.additional_info .sche_external .sche_info .info_cont {color: #666;}
.additional_info .sche_external .sche_info .info_cont .bar {display: inline-block; width: 1px; height: 11px; margin: 3px 3px 0 3px; background-color: #d9d9d9; vertical-align: top;}
.additional_info .sche_external .icon_cal {position: absolute; left: 17px; top: 18px; display: block; width: 60px; height: 61px; padding: 24px 0 0 10px; background: url('/user/img/ico_cal_external.png') no-repeat 0 0; font-size: 15px; font-weight: bold; font-style: normal; color: #333;}
.additional_info .sche_external .icon_cal .blind {width: 0; height: 0; font-size: 0; color: transparent; opacity: 0;}
.additional_info .sche_external .btn_wrap {padding: 11px 0 2px;}
.additional_info .sche_external.type_cancel, .additional_info .sche_external.type_cancel .sche_info .info_title, .additional_info .sche_external.type_cancel .sche_info .info_cont {color: #a9a9a9;}
.additional_info .sche_external.type_cancel .status {display: block; padding: 0 16px; margin: -17px -20px 17px -17px; background-color: #fff4d1; font-size: 13px; line-height: 41px;}

/* 메일 첨부파일 안내문구 */
.additional_info .note_message.type_bg.caution {margin: -4px 0 12px;}

/* 대용량 첨부파일 전체보기 */
.gather_link {min-height: 44px; margin: 12px 30px 10px; padding: 14px 20px 0; background-color: #f9f9f9;}
.gather_link .text_btn {text-decoration: underline;}

.key_info .form.flag {position: absolute; top: 22px; left: 35px;}/* 수정 : 2019-03-27 */
.vertical_rg .key_info .form.flag {position: absolute; top: 22px; left: 35px;}/* 수정 : 2019-03-27 */
.key_info .title {margin-left: 31px;}/* 수정 : 2019-03-27 */
.key_info .title .state {font-size: 12px;}
.key_info .title .badge {font-size: 10px;}
.key_info .title h2 {font-size: 17px; font-weight: bold; line-height: 19px;}
.key_info .title .locate {font-size: 11px;}
.key_info .sub {margin: 8px 0 0 0;}/* 수정 : 2019-03-27 */
.key_info .sub .badge.vip {font-size: 10px; margin: 5px 4px 0 0;}
.key_info .sub .name, .thread_cont .key_info .sub .team {font-size: 13px;}
.key_info .sub .name {max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 설문 프로그레스 */
.progress {display: inline-block; width: 180px; height: 8px; min-height: 8px !important; margin: 4px 6px 2px 0; background: #f5f5f5; border-radius: 4px;}
.progress_bar {float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-image: -moz-linear-gradient( 0deg, rgb(67,166,254) 0%, rgb(51,122,245) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(67,166,254) 0%, rgb(51,122,245) 100%); background-image: -ms-linear-gradient( 0deg, rgb(67,166,254) 0%, rgb(51,122,245) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a6fe', endColorstr='#337af5', GradientType=1 );}/* IE6-9 */
.progress_txt {display: inline-block; width: 120px; text-align: right; min-height: 19px !important;}
.progress_txt .percent {display: inline-block; font-size: 13px; font-weight: bold; color: #3858ed; margin-right: 10px;}
.progress_txt .person {display: inline-block; font-size: 12px; font-weight: bold; color: #666; margin-right: 6px;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

/** 가로형 그래프 **/
.use_graph {display: inline-block; height: 32px; vertical-align: middle;}
.use_graph .use_graphbar {position: relative; display: inline-block; width: calc(100% - 95px); height: 10px; background-color: #eee;}
.use_graph .use_graphbar .use_bar {position: absolute; top: 0; min-width: 2px; height: 10px; min-height: auto; background-color: #4e56e6; line-height: normal; z-index: 2;}
.use_graph .use_graphbar .use_bar.max {background-color: #ff5959;}
.use_graph .use_bar .percent {float: right; margin-top: 8px; margin-right: -13px; font-size: 11px; color: #4e56e6;}
.use_graph .use_bar.max .percent {color: #ff5959;}
.use_graph .use_data {display: inline-block; width: 95px; font-size: 11px; text-align: right;}
/* 그래프 하단 데이터 용량 표기 형 */
.use_graph.data_txt_bttm .use_data {position: relative; display: block; width: 100%; min-height: auto; line-height: normal;}
.use_graph.data_txt_bttm .use_data:before {position: absolute; left: 0; content: '0';}
/* 용량 수정 타이틀 */
.title_data {display: inline-block; margin: 0 5px 0 15px; line-height: 28px !important; vertical-align: middle;}
.title_data:before {display: inline-block; content: ''; width: 10px; height: 10px; margin-right: 6px; background-color: #ddd; vertical-align: baseline;}
/* 입력폼 내부 그래프 */
.form_table td .use_graph .use_graphbar {width: 230px;}

/* 스레드 */
.thread_cont .key_info .thread_open {position: absolute; top: 34px; right: 27px; height: 20px; width: 20px; display: block; background: url('/user/img/bg_thread_close.png') no-repeat 0 0; font-size: 0;}/* 수정 : 2019-03-27 */
.thread_cont.close .key_info .thread_open {background: url('/user/img/bg_thread_open.png') no-repeat 0 0;}
.thread_cont {border-top: 1px solid #d9d9d9;}
.thread_cont:last-child {border-bottom: 1px solid #d9d9d9;}
.thread_cont:first-child {border-top: 0 none;}
.thread_cont.close .key_info {background-color: transparent;}
.thread_cont.close .additional_info, .thread_cont.close .content, .thread_cont.close .key_info .sub .text_btn {display: none;}
.thread_cont.selected {margin: 2px; border: 1px solid #5a79ec;}

/* 게시판 읽기 : 메일읽기와 다른 폼으로 작성. 추후 공통 사용되야할 경우 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-right: 180px; color: #111; font-weight: bold; font-size: 17px; line-height: 25px;}/* 수정 : 2019-03-28 */
.key_info .sub1 {padding-top: 7px; border-bottom: 1px solid #eee; line-height: 26px;}/* 수정 : 2019-03-28 */
.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; vertical-align: top;}/* 수정 : 2019-03-28 */
.key_info .sub1 dd {margin-right: -4px; padding-left: 4px; font-size: 12px; color: #333;}
.key_info .sub1 dd:after {content: ''; width: 9px; height: 26px; display: inline-block; background: url('/user/img/divider.png') no-repeat 50% 50%; padding: 0 3px 0 4px;}
.key_info .sub1 dd .state {margin: 2px 0 0 -4px; vertical-align: top;}
.key_info .sub1 dd.name, .key_info .sub1 dd.team {font-size: 13px;}
.key_info .sub1 dd.name:after {background: url('/user/img/dott_gray.png') no-repeat 50% 50%; padding: 0 0 0 4px; opacity: .8;}
.key_info .sub1 dd:last-child:after {content: none;}
.key_info .sub1 .blind + dd {padding-left: 0;}
.key_info .sub1 .progress {width: 100px; margin: -1px -4px 2px 0; background-color: #dadef2; vertical-align: middle;}
.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('/user/img/divider.png') no-repeat 50% 50%; padding: 0 4px;}
.key_info .sub2 dd:last-child:after {content: none;}

/* 댓글 *//* 댓글 UI 개선 : 2020-02-17 */
.replybox {position: relative; padding: 20px 0 30px; margin: 0 40px; border-top: 1px solid #eee;}
.replybox .align_rg.ico_btn.print {margin-top: -2px; margin-right: 0;}
.replybox .cont .cont {margin-top: 5px;}
.replybox .cont:not(.write) {font-size: 0;}
.replybox .cont:not(.write) > p {font-size: 13px; line-height: 1.5;}

/* 댓글 영역 타이틀 */
.replybox .ico.comment {position: relative; width: auto; padding-left: 20px; margin-bottom: 16px; background: none; font-size: 13px; line-height: 1.3; opacity: 1;}
.replybox .ico.comment::before {position: absolute; content: ''; width: 16px; height: 16px; top: 0; left: 0; background: url('/user/img/new/common.png') no-repeat 0 0;}
.replybox .ico.comment .num {margin-left: 4px; font-weight: bold; color: #3858ed;}

/* 댓글 - 상단 찬성 & 반대 토탈 카운트 영역 (동호회 토론 게시판 사용) */
.replybox .comment_box {display: inline-block; padding-bottom: 8px;}
.replybox .comment_box dt {display: inline-block; padding: 0 4px 0 10px; background: url('/user/img/divider.png') no-repeat 0 4px;}
.replybox .comment_box dt:first-child {padding-left: 0; background: none;}
.replybox .comment_box dd.select_type {display: inline-block; margin-left: 4px;}
.replybox .comment_box dd.text_act {display: inline-block; margin-right: 4px;}
.replybox .comment_box dd.text_dis {display: inline-block; margin-right: 4px; color: #969696;}
.replybox .comment_group {position: relative; margin-top: -6px;}
.replybox .comment_group + .write + .list {padding-top: 5px;}

/* 댓글 - 작성 및 수정 - 찬성, 반대, 기타 선택 (동호회 토론 게시판 사용) */
.replybox .choice_box {display: none;}
.replybox .choice_box li {padding: 0; margin: 0}
.replybox .choice_box li a {display: block; line-height: 22px; white-space: nowrap; color: #111; cursor: pointer; padding: 4px 9px; font-size: 13px;}
.replybox .choice_box li a.yes, .replybox .choice_box li a.no, .replybox .choice_box li a.etc {position: relative; padding-left: 26px;}
.replybox .choice_box li a.yes::before, .replybox .choice_box li a.no::before, .replybox .choice_box li a.etc::before {position: absolute; left: 8px; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 0;}
.replybox .choice_box li a.yes::before {background-image: url('/user/img/community/ico_yes_gay.png');}
.replybox .choice_box li a.no::before {background-image: url('/user/img/community/ico_no_gray.png');}
.replybox .choice_box li a.etc::before {background-image: url('/user/img/community/ico_etc.png');}
.replybox .choice_box li a:hover.yes, .choice_box li a:hover.no, .choice_box li a:hover.etc {text-decoration: none}
.replybox .open .choice_box {display: block;}
.replybox .choice {display: inline-block; margin: -5px 0 -5px -18px;}
.replybox .choice a.choice_item {display: inline-block; position: relative; width: 51px; height: 30px; padding: 0 5px; background: url('/user/img/community/cusor.png') no-repeat 32px 15px;}
.replybox .choice a.choice_item:after {content: ''; position: relative; left: 42px; top: -5px; display: block; width: 1px; height: 11px; background: #d9d9d9;}
.replybox .choice a.choice_item img {position: relative; text-align: center; left: 5px; top: 7px;}
.replybox .choice .choice_box {position: absolute; top: 32px; left: 0; border: 1px solid #969696; background: #fff; border-radius: 2px; width: 67px; z-index: 9999;}
.replybox .choice + .input_comment {padding-left: 10px;}

/* 댓글 - 비밀번호 설정 (무명 게시판 사용) */
.replybox .pw_group {position: absolute; top: 17px; right: 0;}
.replybox .pw_group label {position: relative; display: inline-block; width: 16px; height: 16px; margin: 6px 4px 0 0; font-size: 0; vertical-align: top;}
.replybox .pw_group label::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background: url('/user/img/new/common.png') no-repeat -60px -80px;}
.replybox .pw_group .box_input {display: inline-block; width: 145px; height: 28px; padding: 0 8px; border: 1px solid #ddd; font-size: 12px;}
.replybox .pw_group .box_input::placeholder {font-size: 12px; letter-spacing: -1px;}
.replybox .pw_group + .write + .list {padding-top: 25px;}

/* 댓글 - 첨부된 파일 */
.replybox .file_area {position: relative; display: flex; margin-top: 0; padding: 0 2px 0 16px; overflow: hidden;}
.replybox .file_area::before {position: absolute; top: 1px; left: 0; display: inline-block; content: ''; width: 16px; height: 16px; background: url('/user/img/new/common.png') no-repeat 0 -100px;}
.replybox .file_area .file_name {display: inline-block; font-size: 13px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.replybox .file_area .file_size {flex-shrink: 0; display: inline-block; margin-top: 1px; padding-left: 8px; font-size: 12px; color: #969696; vertical-align: top;}
.replybox .file_area .btn_del {flex-shrink: 0; display: inline-block; width: 17px; height: 17px; margin-left: 4px; background: url('/user/img/square/btn_del2.png') no-repeat 4px 4px; vertical-align: top;}

/* 댓글 - 첨부된 이미지 */
.replybox .pic_area {width: 136px; height: 136px; margin-top: 8px;}
.replybox .pic_area .btn_del {position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; background: url('/user/img/square/btn_del.png') no-repeat 0 0; cursor: pointer;}

/* 댓글 작성 */
.replybox .write {position: relative; display: flex; align-items: flex-start; width: 100%; min-height: 42px; margin-bottom: 8px; padding: 10px 10px 10px 18px; border: 1px solid #e3e3e3; background-color: #fff; font-size: 0;}
.replybox .write .write_inner {flex: 1; display: grid; grid-template-columns: 1fr;}
.replybox .write .write_inner .article_area {display: flex; align-items: flex-start; width: 100%;}
.replybox .write .ui-button {font-size: 13px;}
.replybox .write textarea {width: 100%; height: 20px; padding: 0; color: #333; max-height: 95px; background-color: transparent; outline: 0; font-size: 13px; line-height: 1.5; -webkit-transition: height 0.25s ease-in-out; -moz-transition: height 0.25s ease-in-out; transition: height 0.25s ease-in-out;}
.replybox .write .input_area, .replybox .write .input_comment {flex: 1; overflow: hidden;}
.replybox .write .input_comment textarea {max-height: 95px; padding: 0; line-height: 1.5;}
.replybox .write .size_txt {position: absolute; bottom: -20px; right: 0; font-size: 11px;}
.replybox .write .size_txt .count {color: #969696;}
.replybox .write .btn_text {display: inline-block; padding: 1px 8px 0; font-size: 13px;}
.replybox .write .btn_text.submit {color: #3858ed;}
.replybox .write .text_btn {flex-shrink: 0; margin-top: 1px; padding: 0 8px 0 7px; font-size: 13px; color: #969696;}

.replybox .write .btn_input {display: block; width: 16px; height: 16px; margin-top: 2px; background: url('/user/img/square/ico2.png') no-repeat left top; position: relative; overflow: hidden;}
.replybox .write .btn_input:hover {background: url('/user/img/square/ico2_over.png') no-repeat left top;}
.replybox .write .btn_input.file, .replybox.type_attach .write .btn_input.file:hover {background-position: left -32px;}
.replybox .write .btn_input.file:first-child {margin-left: -3px;}
.replybox .write .btn_input input {position: absolute; right: 0; top: 0; color: transparent; opacity: 0; cursor: pointer;}
.replybox .write .btn_wrap {flex-shrink: 0;}
.replybox .write .btn_wrap:after {display: block; content: ''; clear: both;}
.replybox .write .btn_wrap li {position: relative; float: left; margin-left: 10px; vertical-align: top;}
.replybox .write .btn_wrap li:first-child {margin-left: 14px;}
.replybox .write .btn_wrap li:last-child {margin-left: 7px;}
.replybox .write .btn_wrap li:last-child:before {position: absolute; left: 0; top: 4px; display: inline-block; content: ''; width: 1px; height: 12px; background: #d9d9d9;}
.replybox .write .btn_wrap li:only-child:before {display: none;}
.replybox .write .btn_wrap .btn_input .group.file_input {opacity: 0;}
.replybox .write .file_area {padding-right: 22px;}
.replybox .write .attach_area {max-width: 100%; margin: 8px 0 1px; overflow: hidden;}
.replybox .write .attach_area .file_area {margin-top: 0;}
.replybox .write .description {display: inline-block; position: absolute; bottom: -22px; left: 0; font-size: 12px; color: #969696; letter-spacing: -0.8px;}
.replybox .write + .list {padding-top: 19px;}
.replybox:not(.type_attach) .write > textarea {margin-right: 7px;}

/* 댓글 작성 - div 작성 */
.replybox .write .textComplete {min-height: 20px; padding-right: 20px; font-size: 13px; color: #333; outline: none; overflow: hidden; line-height: 1.5;}
.replybox .write .textComplete.scroll-wrapper {height: auto !important; min-height: 20px; max-height: 95px !important;}
.replybox .write .textComplete.placeholder {color: #a6a6a6;}
.replybox .write .textComplete p {padding: 0; line-height: 1.5;}

/* 댓글 작성 - 작성자명 표기 방식 선택 (무명 게시판 사용) */
.replybox .write .selectbox.comment_opt {flex-shrink: 0; margin: -2px 0 -4px -6px;}
.replybox .write .selectbox.comment_opt:after {position: absolute; right: -2px; top: 7px; display: block; content: ''; width: 1px; height: 11px; background: #d9d9d9;}
.replybox .write .selectbox.comment_opt .ui-button {height: 26px; border-width: 0; box-shadow: none;}
.replybox .write .selectbox.comment_opt + textarea {padding-left: 16px;}
.replybox .write .selectbox.comment_opt + .input_comment {padding-left: 16px;}

/* 댓글 작성 - 별칭 입력 (무명 게시판 용) */
.replybox .write .input_group {flex-shrink: 0; width: 121px; margin: -5px 0; padding: 0 0 0 7px; border: 0;}
.replybox .write .input_group:after {position: absolute; top: 10px; right: -2px; display: block; content: ''; width: 1px; height: 11px; background-color: #d9d9d9;}
.replybox .write .input_group .basic_input[readonly] {color: #a9a9a9;}
.replybox .write .input_group + textarea {padding-left: 16px;}
.replybox .write .input_group + .input_comment {padding-left: 16px;}

/* 댓글 작성(포커스) - 버튼 */
.replybox .write.focus {border: 1px solid #3858ed;}
.replybox .write.focus textarea {height: 50px;}

/* 댓글 목록 */
.replybox .list {margin-left: 5px;}
.replybox .list > li {position: relative; padding: 8px 0 8px 44px;}
.replybox .list > li:last-child {padding-bottom: 8px;}
.replybox .list li > .attach_area, .replybox .list .cont .attach_area {margin-top: 7px;}
.replybox .list .text_btn {font-size: 13px;}
.replybox .list .group {position: absolute; top: 8px; right: 0; height: 16px; font-size: 0;}
.replybox .list .group .ico {position: relative; margin-right: 17px; vertical-align: top;}
.replybox .list .group .ico:after {position: absolute; left: 24px; content: ''; display: inline-block; width: 1px; height: 13px; margin-top: 2px; background: #d9d9d9;}
.replybox .list .group .ico:last-child {margin-right: 0;}
.replybox .list .group .ico:last-child:after {display: none;}
.replybox .list .group .ico.modify {background-position: -80px -71px;}
.replybox .list .btn_modify {position: absolute; top: 8px; right: 0; font-size: 0;}
.replybox .list .btn_modify a {position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 17px; font-size: 0; vertical-align: top;}
.replybox .list .btn_modify a::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.replybox .list .btn_modify a::after {position: absolute; left: 24px; display: inline-block; content: ''; width: 1px; height: 13px; margin-top: 2px; background-color: #d9d9d9;}
.replybox .list .btn_modify a:last-child {margin-right: 0;}
.replybox .list .btn_modify a:last-child:after {display: none;}
.replybox .list .btn_modify a.modify::before {background-position: -80px -120px;}
.replybox .list .btn_modify a.del::before {background-position: -100px -120px;}
.replybox .list .pw_group {top: -4px;}
.replybox .list .usr_photo {position: absolute; top: 11px; left: 0; width: 34px; height: 34px; vertical-align: top;}
.replybox .list .usr_photo + .cont {color: #333;}
.replybox .list .profile_photo {position: absolute; top: 11px; left: 0; width: 34px; height: 34px;}
.replybox .list .profile_photo img {width: 100%; height: 100%; border-radius: 50%;}
.replybox .list .name {font-weight: bold; font-size: 13px; color: #111;}
.replybox .list .rank {margin-left: 4px; font-size: 13px;}
.replybox .list .time {margin-left: 4px; font-size: 12px; color: #969696;}
.replybox .list .department {font-size: 13px; color: #969696;}
.replybox .list .department:before {content: ''; display: inline-block; width: 2px; height: 17px; margin: 0 4px; background: url('/user/img/dott_gray.png') no-repeat left 50%;}
.replybox .list .department:after {content: ''; width: 9px; height: 16px; display: inline-block; background: url('/user/img/divider.png') no-repeat 50% 3px; margin: 0 0 0 2px;}
.replybox .list .attach_area + .text_btn:not(.submit):not(.cancel) {display: inline-block; margin-top: 8px;}
.replybox .list .cont p {padding: 2px 0 6px;}
.replybox .list .cont p + .text_btn:not(.submit):not(.cancel), .replybox .list .attach_area + .text_btn:not(.submit):not(.cancel) {font-size: 12px;}
.replybox .list .cont p + .attach_area {margin-top: 1px;}
.replybox .list div.text {padding-top: 2px; font-size: 13px; line-height: 1.5;}
.replybox .list .state {position: relative; top: 3px; height: 17px; margin-top: -2px; font-size: 11px; line-height: 17px; font-weight: bold;}

/* 댓글 목록 - 찬성, 반대, 기타 아이콘 (동호회 토론 게시판 사용) */
.replybox .list p.yes, .replybox .list p.no, .replybox .list p.etc {position: relative; padding: 4px 0 4px 20px;}
.replybox .list p.yes::before, .replybox .list p.no::before, .replybox .list p.etc::before {position: absolute; left: 0; top: 4px; display: block; content: ''; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0 0;}
.replybox .list p.yes::before {background-image: url('/user/img/community/ico_yes.png');}
.replybox .list p.no::before {background-image: url('/user/img/community/ico_no.png');}
.replybox .list p.etc::before {background-image: url('/user/img/community/ico_etc.png');}

/* 댓글 목록 - 쓰레드 */
.replybox .list .thread {position: relative; margin-left: 44px;}
.replybox .list .thread.comment {padding: 0 0 8px;}
.replybox .list .thread.comment .pw_group {top: -34px;}
.replybox .list .thread.comment .pw_group + .cont.write {margin-top: 20px;}

/* 댓글 목록 > 작성 및 수정 */
.replybox .list .write .text_btn.submit {flex-shrink: 0; background: url('/user/img/divider.png') no-repeat right 3px; padding-right: 9px;}
.replybox .list .write .btn_area {flex-shrink: 0; padding: 0; margin: 1px 8px 0 7px;}
.replybox .list .write .btn_area a {margin-left: 5px; font-size: 13px; color: #969696;}
.replybox .list .write .btn_area .text_btn {display: inline-block; margin: 0 0 0 5px; padding: 0; background: none;}
.replybox .list .write .btn_area .text_btn.submit:after {display: inline-block; content: ''; width: 1px; height: 12px; margin: 3px 2px 0 8px; background-color: #d9d9d9;}
.replybox .list .write .btn_area .btn_save {color: #3858ed;}
.replybox .list .write .btn_area .btn_save:after {display: inline-block; content: ''; width: 1px; height: 12px; margin: 3px 2px 0 8px; background-color: #d9d9d9;}
.replybox .list .write .btn_area .btn_cancel {color: #969696;}
.replybox .list .write .attach_area {display: flex; margin-top: 11px;}
.replybox .list .write .attach_area .file_area {flex: 1; margin-top: 1px; overflow: hidden;}

/* 댓글 수정 - 첨부 버튼 */
.replybox .list .write .btn_wrap {position: relative;}
.replybox .list .write .btn_wrap:after {position: absolute; right: 10px; top: 4px; display: inline-block; content: ''; width: 1px; height: 12px; background: #d9d9d9;}
.replybox .list .write .btn_wrap:only-child:after {display: none;}
.replybox .list .write .btn_wrap .btn_input {display: inline-block; margin-right: 10px; vertical-align: top;}
.replybox .list .write .btn_wrap .btn_input:last-child {margin-right: 18px;}

/** 댓글 - 첨부타입 (업무넷 사용) **/
/* 댓글 목록 */
.replybox.type_attach .list > li {min-height: 45px; font-size: 0;}
.replybox.type_attach .list > li:not(:last-child) {padding-bottom: 14px;}

/* 댓글 목록 > 작성 및 수정 */
.replybox.type_attach .list .write {margin-top: 5px;}

/* 댓글 배경색 없는 타입 */
.replybox.type_attach.has_bg {margin-bottom: 25px; padding: 22px 20px; background-color: #f3f4f6; border-top: 0;}

/* 업무현황 */
.taskbox {position: relative; padding: 20px 0 30px; margin: 0 40px; border-top: 1px solid #eee;}
.taskbox .title {margin-bottom: 10px;}
.taskbox .title:after {display: block; content: ''; clear: both;}
.taskbox .title .ico.task {position: relative; width: auto; padding-left: 20px; background: none; font-size: 13px; line-height: 1.3;}
.taskbox .title .ico.task:before {position: absolute; content: ''; top: 0; left: 0; background: url('/user/img/new/common.png') no-repeat -40px -80px;}
.taskbox .title .text_btn {float: right; font-size: 12px;}

.step_item {position: relative; text-align: center;}
.step_item:after {position: absolute; top: 10px; display: block; content: ''; width: calc(100% + 24px); height: 1px; z-index: 0;}
.step_item:after {left: calc(50% + 5px);}
.step_item .step_ico {position: relative; display: block; width: 20px; height: 20px; margin: 0 auto 4px; background: url('/user/img/ic_appr_01.png') no-repeat 0 0; font-size: 0; z-index: 1;}
.step_item .step_num {display: block; margin-bottom: 2px; font-size: 12px; color: #666;}
.step_item .step_title {display: block; margin-bottom: 2px; font-weight: normal;}
.step_item .step_worker {display: flex; justify-content: center; align-items: center; color: #666;}
.step_item .step_worker .name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.step_item .step_worker .count {flex-shrink: 0;}
.step_item .step_worker .ico.view_more {flex-shrink: 0; margin: 1px 0 0 4px;}

.step_item.end:after {background-color: #3858ed;}
.step_item.end .step_ico {background-position-x: -30px;}
.step_item.ing:after {background: url('/user/img/bg_dot.png') repeat-x 0 0;}
.step_item.ing .step_ico {background-position-y: -30px;}
.step_item.yet .step_ico {background-position: 0 0;}
.step_item.end .step_num, .step_item.ing .step_num {color: #3858ed;}

.task_step {margin-bottom: 30px;}
.task_step .step_list {display: flex; justify-content: center;}
.task_step .step_list li {width: 33%; padding: 0 14px;}
.task_step .step_list li:only-child .step_item:after, .task_step .step_list li:last-child .step_item:after {display: none;}

/* 환경설정 */
.setting_wrap {position: relative; float: none; overflow: hidden; border-top: 1px solid #969696; border-bottom: 1px solid #d9d9d9; clear: both;}
.setting_wrap .setting_inner {float: left; width: 25%; height: calc(100vh - 234px); max-height: 550px; padding: 0; border-left: 1px solid #d9d9d9;}
.setting_wrap .setting_inner:first-child {border-left: none;}
.setting_wrap .setting_head {position: relative; height: 30px; border-bottom: 1px solid #eee; background: #f3f6fb;}
.setting_wrap .setting_head .tit {display: inline-block; padding: 0 0 0 15px; line-height: 28px; font-size: 12px; color: #4c4c4c;}
.setting_wrap .setting_head .pos_r {position: absolute; right: 2px; top: 2px;}
.setting_wrap .setting_head .set_btn_list li {float: left;}
.setting_wrap .setting_head .set_btn {display: block; position: relative; overflow: hidden; width: 25px; height: 25px; padding: 0 0 0 1px; text-indent: -9999px; background: url('/user/img/btn_arrow.png') no-repeat left top;}
.setting_wrap .setting_head .set_btn:after {content: ''; position: absolute; left: 0; top: 7px; display: block; width: 1px; height: 11px; background: #d9d9d9;}
.setting_wrap .setting_head li:first-child .set_btn {padding: 0;}
.setting_wrap .setting_head li:first-child .set_btn:after {background: none;}
.setting_wrap .setting_head .set_btn.toptop {background-position: 8px 9px;}
.setting_wrap .setting_head .set_btn.top {background-position: 8px -17px;}
.setting_wrap .setting_head .set_btn.bot {background-position: 8px -42px;}
.setting_wrap .setting_head .set_btn.botbot {background-position: 8px -69px;}
.setting_wrap .setting_cont {height: calc(100% - 30px);}
.setting_wrap.col3 .setting_inner {width: 33.3%;}
.setting_wrap.col2 .setting_inner {width: 50%;}
.setting_wrap.col2 .setting_inner:only-child {border-right: 1px solid #d9d9d9;}

.vertical_table td .btns_area {padding: 2px 0 10px 0; height: auto;}
.vertical_table td .btns_area.set_lst {width: 388px;}
.vertical_table td .btns_area.set_lst .align_rg.btn {margin-right: 0;}
.vertical_table .setting_wrap.member {border: 0 none;}
.vertical_table .setting_wrap.member .setting_inner {float: none; width: 100%; height: 330px; border: 1px solid #d9d9d9;}/* 수정 : 2020-02-26 */
.vertical_table .setting_wrap.member .setting_head .title {padding: 7px 14px;}
.vertical_table .setting_wrap.member .setting_cont {height: 300px;}
.vertical_table .setting_wrap.member .set_lst li {position: relative; padding-right: 34px;}
.vertical_table .setting_wrap.member .set_lst li.input {height: 38px; padding: 4px 14px;}
.vertical_table .setting_wrap.member .set_lst li .cancel {position: absolute; display: none; top: calc(50% - 8px); right: 12px;}
.vertical_table .setting_wrap.member .set_lst li.on .cancel {display: block;}
.vertical_table .setting_wrap.member .set_lst li a:hover {text-decoration: none;}
.vertical_table .setting_wrap.member .set_lst li.on a {color: #3858ed;}

.popup_table .setting_wrap .setting_inner .title {max-width: inherit; font-size: 12px; height: auto; line-height: 30px; padding: 0; border: 0; margin: 0 10px;}
.popup_table .setting_wrap .setting_inner {float: none; width: 100%; height: auto; padding: 0;}
.popup_table .setting_wrap .setting_cont {max-height: 180px;}

.form_table .setting_wrap {border: 0 none;}
.form_table .setting_wrap .setting_inner table {border-top: 0 none; border-bottom: 0 none;}
.form_table .setting_wrap .align_lf {width: calc(25% - 20px); padding: 0; margin-right: 20px;}
.form_table .setting_wrap .align_lf .setting_inner {width: 100%; height: calc(100vh - 185px); max-height: 550px; padding: 0; border: 1px solid #d9d9d9; margin: 0; border-top: 1px solid #969696; clear: both;}
.form_table .setting_wrap .align_rg {width: 75%;}
.form_table .setting_wrap .align_rg .setting_inner {float: none;}
.form_table .setting_wrap .align_rg .setting_inner .selectbox:first-child {margin-left: 0;}
.form_table .setting_wrap .align_rg .setting_inner.scroll-wrapper {width: 100%; height: calc(100vh - 185px); max-height: 550px; overflow: hidden; border: 0 none; padding: 0; margin: 0; border-top: 1px solid #969696; border-bottom: 1px solid #d9d9d9; clear: both;}
.form_table .setting_wrap .align_rg .setting_inner.scroll-content {height: 100% !important; max-height: none !important;}
.form_table .setting_wrap .align_lf .btns_area, .form_table .setting_wrap .align_rg .btns_area {padding-top: 20px;}

.setting_wrap .set_lst li {display: block; height: 34px; padding: 0 15px; line-height: 32px;}
.setting_wrap .set_lst li a {display: block; color: #333; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.setting_wrap .set_lst li.on {background: #f0f4fc;}
.setting_wrap.form_table .setting_inner {width: 75%; height: 620px;}
.setting_wrap.form_table .setting_inner:first-child {width: 25%;}
.setting_wrap.form_table .setting_inner table {border-top: 0 none; border-bottom: 0 none;}
.setting_wrap.form_table .setting_inner .inner_cont {height: 620px;}
.setting_wrap .btns_area.align_lf {position: absolute; top: 680px; width: calc(25% - 10px);}
.setting_wrap .btns_area.align_lf a:first-child {float: left;}
.setting_wrap .btns_area.align_lf a:last-child {float: right;}
.setting_wrap .btns_area.align_rg {position: absolute; top: 680px; right: 50px; width: 100px;}
.setting_wrap .btns_area.align_rg a:last-child {margin-right: 0;}

/* 환경설정 (스퀘어) */
.setting_wrap_type2 {position: relative;}
.setting_wrap_type2 .group_lst {display: block; width: 100%; min-width: 580px; height: calc(100vh - 295px); min-height: 28px; max-height: 382px; padding-right: 340px;}
.setting_wrap_type2 .group_lst .fixed_table_wrapper.scroll-wrapper {margin-top: 0 !important;}
.setting_wrap_type2 .group_lst .table_head {border: 1px solid #d9d9d9; border-bottom: 1px solid #eee;}
.setting_wrap_type2 .group_lst .table_body {height: 360px; border: 1px solid #d9d9d9; border-top: none;}
.setting_wrap_type2 .group_lst .table_body tr:last-child td {border-bottom: none;}
.setting_wrap_type2 .group_lst .fixed_table_wrapper.scroll-wrapper {height: 100% !important; border: 1px solid #d9d9d9;}/* 추가 : 2020-05-13 */
.setting_wrap_type2 .group_lst .fixed_table_wrapper.scroll-wrapper:before {border-top: 0;}/* 추가 : 2020-05-13 */
.setting_wrap_type2 .slt_lst_area {display: block; position: absolute; top: 0; right: 0; width: 340px; height: calc(100vh - 295px); min-height: 28px; max-height: 382px;}
.setting_wrap_type2 .slt_lst_area .arrow_btn_area {display: block; float: left; width: 45px; height: 100%;}
.setting_wrap_type2 .slt_lst_area .arrow_btn_area li {position: absolute; top: 50%; display: inline-block; width: 45px; height: 40px; margin-top: -20px;}
.setting_wrap_type2 .slt_lst_area .arrow_btn_area li .rgt {display: inline-block; width: 45px; height: 40px; font-size: 0; background: url('/user/img/btn_arrow_big.png') no-repeat 0 0; vertical-align: top;}
.setting_wrap_type2 .slt_lst_area .arrow_btn_area li .rgt.disable {background: url('/user/img/btn_arrow_big.png') no-repeat -45px 0;}
.setting_wrap_type2 .slt_lst_area .slt_lst {display: block; float: left; width: 295px; height: 100%; border: 1px solid #d9d9d9;}
.setting_wrap_type2 .slt_lst_area .slt_lst .none_list.type_full {height: calc(100vh - 297px) !important; min-height: 26px; max-height: 380px;}
.setting_wrap_type2 .slt_lst_area .slt_lst .none_list.type_full .txt {font-size: 12px; color: #333; line-height: 1.5;}
.setting_wrap_type2 .slt_lst_area .slt_lst li {position: relative; display: block; width: 294px; height: 35px; line-height: 34px; padding: 0 30px 0 15px; border-bottom: 1px solid #f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.setting_wrap_type2 .slt_lst_area .slt_lst li:last-child {border-bottom: none;}
.setting_wrap_type2 .slt_lst_area .slt_lst li .cancel {position: absolute; top: calc(50% - 8px); right: 14px; width: 16px; height: 16px; background: url('/user/img/bg_del.png') no-repeat 50% 50%; font-size: 0; vertical-align: top;}
.setting_wrap_type2 .btns_area {display: block; padding-top: 20px; text-align: right;}
.setting_wrap_type2 .group_lst .org_group {height: 100%; border-color: #d9d9d9; overflow: hidden;}
.setting_wrap_type2 .group_lst .org_group .org_tree {height: calc(100% - 31px);}
.setting_wrap_type2 .group_lst .org_group .srch_group {height: 31px; padding: 0;}
.setting_wrap_type2 .group_lst .org_group .srch_group input[type="text"] {padding-left: 12px;}
.setting_wrap_type2 .group_lst .org_group .btn_srch {right: 4px;}

/* 환경설정 (설비) */
.setting_wrap.equipment .setting_inner {width: 50%;}

/* 환경설정 박스형 */
.setting_wrap.type_box {border: 1px solid #d9d9d9;}
.setting_wrap.type_box.none_title {height: 120px;}
.setting_wrap.type_box.none_title .none_list {height: 118px;}
.setting_wrap.none_title .setting_cont {height: 100%;}

.comm_gallery_list ul {overflow: hidden; margin: 0 0 0 -2px;}
.comm_gallery_list li {float: left; margin: 0 0 2px 2px;}
.comm_gallery_list .inner_gallery_wrap {position: relative; overflow: hidden; width: 138px; height: 138px;}
.comm_gallery_list .inner_gallery_wrap .img {display: block; width: 100%; height: 100%;}
.comm_gallery_list .inner_gallery_wrap .img img {width: 100%; height: 100%;}
.comm_gallery_list .inner_gallery_wrap .btn_del {position: absolute; left: 0; top: 0; display: block; width: 16px; height: 16px;}

.comm_form_thumb_area {margin-top: 4px;}
.comm_form_thumb_area ul {overflow: hidden; font-size: 0;}
.comm_form_thumb_area .thumnail {position: relative; display: inline-block; margin: 0 6px 6px 0; vertical-align: top;}
.comm_form_thumb_area .thumnail .thumnail_box {display: block; overflow: hidden; width: 138px; height: 138px; cursor: pointer;}
.comm_form_thumb_area .thumnail .thumnail_box img {object-fit: cover; object-position: center;}
.comm_form_thumb_area a.del {position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; border-radius: 2px 2px; background: #7d85a7 url('/user/img/bg_del_white.png') no-repeat 4px 4px; font-size: 0;}

/* 설비 알림 메시지 */
.list_noti_equip {margin: 0 10px;}
.list_noti_equip li {padding: 9px 0 5px; border-bottom: 1px solid #e3e3e3; font-size: 12px; letter-spacing: -0.25px;}
.list_noti_equip li:last-child {border-bottom: 0;}
.list_noti_equip li.none_cont {height: 122px; padding-top: 53px; border-bottom: 0; color: #ccc; text-align: center;}
.list_noti_equip .pick_cal .color {position: relative; top: 2px; display: inline-block; width: 13px; height: 13px; margin-right: 5px; border-radius: 2px;}
.list_noti_equip .pick_cal dt {line-height: 1.2; vertical-align: top;}
.list_noti_equip .pick_cal dd {display: flex; padding-left: 18px;}
.list_noti_equip .pick_cal dt + dd {margin-top: 2px;}
.list_noti_equip .pick_cal .info_title, .list_noti_equip .pick_cal .info_data {line-height: 1.5;}
.list_noti_equip .pick_cal .info_title {position: relative; flex-shrink: 0; padding: 0 4px 0 6px; font-weight: normal;}
.list_noti_equip .pick_cal .info_title:before {position: absolute; left: 0; top: 8px; display: block; content: ''; width: 2px; height: 2px; background-color: #333; border-radius: 50%;}
.list_noti_equip .pick_cal .info_data {padding: 0;}
.list_noti_equip .pick_cal .info_data span {min-height: auto; line-height: inherit;}

/* piccalendar */
.pick_cal {position: relative; width: 100%;}
.pick_cal input[type="checkbox"] {position: absolute; opacity: 0;}
.pick_cal input[type="checkbox"] + label {position: relative; display: inline-block; max-width: 100%; padding-left: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pick_cal input[type="checkbox"] + label:hover {cursor: pointer;}
.pick_cal input[type="checkbox"] + label .color {position: absolute; top: 5px; left: 0; display: block; width: 12px; height: 12px; min-height: 12px; border: 1px solid #c2c2c2; background-color: #fff; border-radius: 2px; padding: 0 !important;}
.form_table .pick_cal input[type="checkbox"] + label .color {top: 9px; min-height: auto;}
.form_table .pos_r .pick_cal input[type="checkbox"] + label .color {top: 2px;}

.pick_cal input[type="checkbox"]:disabled + label .color {background: #ccc;}
.pick_cal input[type="checkbox"]:checked + label .color {border: 0 none;}

/* 설비 분류 트리 */
.dynatree-container .dynatree-node.pick_cal .dynatree-checkbox {position: relative; background: none;}
.dynatree-container .dynatree-node.pick_cal .dynatree-checkbox:before, .dynatree-container .dynatree-node.dynatree-selected.pick_cal .dynatree-checkbox:after {position: absolute; top: 1px; left: 1px; display: block; content: ''; width: 14px; height: 14px; border-radius: 2px; box-sizing: border-box;}
.dynatree-container .dynatree-node.pick_cal .dynatree-checkbox:before {background-color: #fff; border: 1px solid #a6a6a6;}
.dynatree-container .dynatree-node.dynatree-selected.pick_cal .dynatree-checkbox:before {border: 0;}
.dynatree-container .dynatree-node.dynatree-selected.pick_cal .dynatree-checkbox:after {background: url('/user/img/bg_chk.png') no-repeat 50% 50%;}

.dynatree-container .dynatree-node.ui-dynatree-notuse.pick_cal .dynatree-checkbox:before {background: #ccc; opacity: 0.38;}
.dynatree-container .dynatree-node.ui-dynatree-notuse.pick_cal .dynatree-title .node-group {text-decoration: line-through; opacity: 0.38;}
.dynatree-container .dynatree-node.ui-dynatree-notuse.pick_cal .dynatree-title .node-group:hover {text-decoration: line-through !important;}

/* tree_group 선택자 추가 : 2019-03-05 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type00 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type00,
.tree_group.mail_box.equip .sche_st5 .dal_color.type00,
.pick_cal.type00 input[type="checkbox"]:checked + label .color {background-color: #a8a8a8;}/* 회색(공유일정) */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type01 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type01,
.tree_group.mail_box.equip .sche_st5 .dal_color.type01,
.pick_cal.type01 input[type="checkbox"]:checked + label .color {background-color: #ff5e5e;}/* 빨강 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type02 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type02,
.tree_group.mail_box.equip .sche_st5 .dal_color.type02,
.pick_cal.type02 input[type="checkbox"]:checked + label .color {background-color: #ff7648;}/* 주홍 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type03 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type03,
.tree_group.mail_box.equip .sche_st5 .dal_color.type03,
.pick_cal.type03 input[type="checkbox"]:checked + label .color {background-color: #ff8800;}/* 주황 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type04 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type04,
.tree_group.mail_box.equip .sche_st5 .dal_color.type04,
.pick_cal.type04 input[type="checkbox"]:checked + label .color {background-color: #ffbf00;}/* 노랑(나의달력) */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type05 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type05,
.tree_group.mail_box.equip .sche_st5 .dal_color.type05,
.pick_cal.type05 input[type="checkbox"]:checked + label .color {background-color: #fae10b;}/* 레몬 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type06 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type06,
.tree_group.mail_box.equip .sche_st5 .dal_color.type06,
.pick_cal.type06 input[type="checkbox"]:checked + label .color {background-color: #b9bf0f;}/* 올리브 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type07 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type07,
.tree_group.mail_box.equip .sche_st5 .dal_color.type07,
.pick_cal.type07 input[type="checkbox"]:checked + label .color {background-color: #9ec724;}/* 연두 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type08 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type08,
.tree_group.mail_box.equip .sche_st5 .dal_color.type08,
.pick_cal.type08 input[type="checkbox"]:checked + label .color {background-color: #3bd160;}/* 초록(전사달력) */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type09 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type09,
.tree_group.mail_box.equip .sche_st5 .dal_color.type09,
.pick_cal.type09 input[type="checkbox"]:checked + label .color {background-color: #39cca7;}/* 청록 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type10 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type10,
.tree_group.mail_box.equip .sche_st5 .dal_color.type10,
.pick_cal.type10 input[type="checkbox"]:checked + label .color {background-color: #2fb846;}/* 초록 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type11 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type11,
.tree_group.mail_box.equip .sche_st5 .dal_color.type11,
.pick_cal.type11 input[type="checkbox"]:checked + label .color {background-color: #00c5ff;}/* 하늘 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type12 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type12,
.tree_group.mail_box.equip .sche_st5 .dal_color.type12,
.pick_cal.type12 input[type="checkbox"]:checked + label .color {background-color: #4291ff;}/* 파랑 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type13 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type13,
.tree_group.mail_box.equip .sche_st5 .dal_color.type13,
.pick_cal.type13 input[type="checkbox"]:checked + label .color {background-color: #5260ff;}/* 군청 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type14 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type14,
.tree_group.mail_box.equip .sche_st5 .dal_color.type14,
.pick_cal.type14 input[type="checkbox"]:checked + label .color {background-color: #6f52ff;}/* 보라 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type15 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type15,
.tree_group.mail_box.equip .sche_st5 .dal_color.type15,
.pick_cal.type15 input[type="checkbox"]:checked + label .color {background-color: #e252ff;}/* 자주 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type16 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type16,
.tree_group.mail_box.equip .sche_st5 .dal_color.type16,
.pick_cal.type16 input[type="checkbox"]:checked + label .color {background-color: #ff52c5;}/* 핑크(동호회,스퀘어) */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type17 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type17,
.tree_group.mail_box.equip .sche_st5 .dal_color.type17,
.pick_cal.type17 input[type="checkbox"]:checked + label .color {background-color: #b339cc;}/* 보라 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type18 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type18,
.tree_group.mail_box.equip .sche_st5 .dal_color.type18,
.pick_cal.type18 input[type="checkbox"]:checked + label .color {background-color: #ff3860;}/* 핫핑크(공휴일) */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type19 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type19,
.tree_group.mail_box.equip .sche_st5 .dal_color.type19,
.pick_cal.type19 input[type="checkbox"]:checked + label .color {background-color: #945e12;}/* 갈색 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type20 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type20,
.tree_group.mail_box.equip .sche_st5 .dal_color.type20,
.pick_cal.type20 input[type="checkbox"]:checked + label .color {background-color: #ac5656;}/* 적갈색 */
.dynatree-container .dynatree-node.dynatree-selected.pick_cal.type21 .dynatree-checkbox:before,
.list_noti_equip .pick_cal .color.type21,
.tree_group.mail_box.equip .sche_st5 .dal_color.type21,
.pick_cal.type21 input[type="checkbox"]:checked + label .color {background-color: #7c625e;}/* 회갈색 */

.select_lst .pick_cal {padding: 0 9px; height: 32px;}

.lypop_imgviewer_wrap {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 58px 0 0 0; z-index: 999; background: url('/user/img/ly_bg_dim.png') repeat left top;}
.lypop_imgviewer_wrap.open {display: block;}
.lypop_imgviewer_head {position: absolute; left: 0; top: 0; display: flex; align-items: center; width: 100%; height: 58px; background: #000; z-index: 2;}
.lypop_imgviewer_head .imgviewer_btn_close {flex-shrink: 0; display: block; width: 50px; height: 50px; margin-right: 14px; background: url('/user/img/btn_close.png') no-repeat 16px 16px; font-size: 0; overflow: hidden;}
.lypop_imgviewer_head .imgviewer_menu_wrap {display: flex; align-items: center; flex-shrink: 0; margin-right: 14px; overflow: hidden;}
.lypop_imgviewer_head .imgviewer_menu_wrap li {padding: 0 8px 0 9px; background: url('/user/img/ly_btn_imgviewer.png') no-repeat 0 -65px;}
.lypop_imgviewer_head .imgviewer_menu_wrap li:first-child {background: none; padding: 0 8px;}
.lypop_imgviewer_head .imgviewer_menu_wrap .imgviewer_btn {position: relative; display: block; height: 16px; padding: 2px 0 0 18px; font-size: 12px; color: #999; line-height: 13px;}
.lypop_imgviewer_head .imgviewer_menu_wrap .imgviewer_btn::before {position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.lypop_imgviewer_head .imgviewer_menu_wrap .imgviewer_btn.down::before {background-position: -60px -120px;}
.lypop_imgviewer_head .imgviewer_menu_wrap .imgviewer_btn.alldown {padding-left: 0;}
.lypop_imgviewer_head .imgviewer_menu_wrap .imgviewer_btn.alldown::before {display: none;}
.lypop_imgviewer_head .imgviewer_menu_wrap .imgviewer_btn.delete::before {background-position: 0 -33px;}
.lypop_imgviewer_head .imgviewer_title {display: flex; align-items: center; max-width: 40%; margin-right: auto; padding-left: 30px; overflow: hidden;}
.lypop_imgviewer_head .imgviewer_title em {display: inline-block; padding-bottom: 2px; font-weight: bold; font-size: 12px; line-height: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2019-08-02 */
.lypop_imgviewer_head .imgviewer_title .flag {margin-right: 10px; vertical-align: top;}/* 수정 : 2019-08-02 */
.lypop_imgviewer_head .imgviewer_img_num {position: absolute; left: 0; right: 0; top: 0; display: block; font-size: 12px; line-height: 56px; color: #fff; text-align: center; z-index: -1;}/* 수정 : 2019-08-02 */
.lypop_imgviewer_head .imgviewer_img_num .now {font-weight: bold; color: #3858ed;}
.lypop_imgviewer_head .imgviewer_tool {position: relative; display: flex; align-items: center; flex-shrink: 0; padding-right: 1px; margin-right: 5px;}
.lypop_imgviewer_head .imgviewer_tool::after {position: absolute; top: 3px; right: 0; display: block; content: ''; width: 1px; height: 11px; background: url('/user/img/ly_btn_imgviewer.png') no-repeat 0 -68px;}
.lypop_imgviewer_head .imgviewer_tool .ico {margin-right: 12px;}
.lypop_imgviewer_cont {position: relative; height: 100%; text-align: center;}

/* 웹폴더 뷰어 - 커스텀 */
.viewer-backdrop, .viewer-navbar {background-color: rgba(0, 0, 0, 0.9);}
.viewer-container .imgviewer_title {max-width: none; padding-right: 65px;}
.lypop_btn_arrow {position: fixed; top: calc(50% - 25px); display: block; width: 50px; height: 90px; background-color: rgba(102, 102, 102, 0.3); background-image: url('/user/img/fotorama/btn_arrow.png'); background-repeat: no-repeat; background-position-x: 0;}
.lypop_btn_arrow.prev {left: 0; background-position-y: 0;}
.lypop_btn_arrow.next {right: 0; background-position-y: -100px;}

/* 탭 */
.contents_tab {height: 61px; padding-bottom: 16px; font-size: 0; padding: 0 30px;}
.contents_tab li {display: inline-block;}
.contents_tab li a {font-size: 14px; color: #666; padding: 5px 0 8px 0; margin: 0 10px;}
.contents_tab li a:hover {border-bottom: 2px solid #3858ed; text-decoration: none;}
.contents_tab li:first-child a {margin: 0 10px 0 0;}
.contents_tab li a:after {content: ''; float: right; width: 1px; height: 20px; background: url('/user/img/divider.png') no-repeat 0 4px;}
.contents_tab a.selected {position: relative; font-weight: bold; color: #3858ed; border-bottom: 2px solid #3858ed; z-index: 2;}
.contents_tab li:last-child a:after {background: 0 none;}
.contents_tab.has_bg {height: 50px; padding: 22px 30px 0 30px !important; background: #f9f9f9;}
.contents_tab.has_bg li a:after {display: none;}
.contents_tab.has_btns {height: 66px; padding: 18px 0 18px 0 !important; margin: 0 30px; border-bottom: 1px solid #969696;}
.contents_tab.has_btns ul {display: inline-block; vertical-align: top;}
.contents_tab.has_btns .ui-selectmenu-menu {top: 30px !important;}
.contents_tab.has_btns li {height: 23px;}
.contents_tab.has_btns .ui-menu .ui-menu-item {display: block;}/* select ul li display속성 변경 180305 */
.contents_tab.has_btns .ui-menu-item {height: auto;}/* select ul li display속성 변경 180305 */
.contents_tab.has_btns .ui-menu .ui-menu-item-wrapper {min-height: 26px; padding: 0 19px 0 9px; line-height: 26px;}/* select 속성 변경 1803016 */
.contents_tab.has_btns li a.selected {color: #3858ed;}
.contents_tab.has_btns .selectbox {display: inline-block; width: 90px; vertical-align: top;}
.contents_tab.has_btns .ico_btn.rfsh {vertical-align: top; margin-left: 8px;}
.contents_tab.has_btns .group {display: inline-block; vertical-align: top;}
.contents_tab.has_btns .group > a {margin-left: -1px; margin-right: 0;}
.contents_tab.has_btns + .appr_pop_cont .content_table .table_head {border-top: 0;}
/* 서식명 필터 넓이값 지정 : 2018-07-30 *//* IE브라우저에서 세로스크롤 중복되는 현상 수정 2018-08-17 김민우 */
.contents_tab.has_btns .selectbox.filter_form_name .ui-selectmenu-button {max-width: 200px;}
.contents_tab.has_btns .selectbox.filter_form_name .ui-widget.ui-widget-content {max-width: 200px !important; box-sizing: border-box;}
.contents_tab.has_btns .selectbox.filter_form_name .ui-widget.ui-widget-content .ui-menu-item-wrapper {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* tab_slide_wrap */
.tab_slide_wrap {position: relative;}
.tab_slide_wrap::after {position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ''; height: 1px; background-color: #ccc; z-index: 0;}
.tab_slide_wrap .tab_area {position: relative; overflow: hidden;}
.tab_slide_wrap .contents_tab {white-space: nowrap;}
.tab_slide_wrap .arrow_pre, .tab_slide_wrap .arrow_next {position: absolute; top: 0; display: none; height: 50px; width: 20px; background: url('/user/img/btn_arrow_sm.png') no-repeat 0 22px; font-size: 0; z-index: 11;}
.tab_slide_wrap .arrow_pre {left: 0;}
.tab_slide_wrap .arrow_pre.on {display: block; box-shadow: 10px 1px 5px -3px #f9f9f9; background-position-x: -3px;}
.tab_slide_wrap .arrow_next {right: 0;}
.tab_slide_wrap .arrow_next.on {display: block; box-shadow: -10px 1px 5px -3px #f9f9f9; background-position-x: -38px;}
/* appr_view_head */
.appr_view_head .tab_slide_wrap .tab_area {width: calc(100% - 102px); margin: 0 72px 0 30px;}
.appr_view_head .tab_slide_wrap .arrow_pre {left: 10px;}
.appr_view_head .tab_slide_wrap .arrow_next {right: 52px;}
.appr_view_head .tab_slide_wrap .contents_tab {padding-left: 0 !important; border-bottom: 0;}

/* 드래그 가이드 */
.drag_area {position: absolute; left: 0; right: 0; top: 28px; height: calc(100% - 84px); display: none; background: rgba(38, 150, 255, 0.1); z-index: 99;}/* 수정 : 2020-04-03 *//* 수정 : 2020-04-17 */
.drag_tip {position: absolute; bottom: 13px; left: 50%; margin-left: -190px; display: block; width: 380px; text-align: center; background: url('/user/img/bg_upload.png') no-repeat 50% top; padding-top: 55px;}
.drag_message {background: #5a79ec; padding: 30px 28px; border-radius: 2px;}/* 수정 : 2020-04-17 */
.drag_message p {color: #fff; font-size: 12px;}
.drag_message .locate {border: 0 none; font-size: 13px; color: #fff; font-weight: bold; background: url('/user/img/bg_drag_locate.png') no-repeat left 50%; padding-left: 26px; margin-top: 4px;}

/* 에러 메시지 */
.error_page {position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; z-index: 99; text-align: center;}

.message_card {position: absolute; top: 50%; width: 100%; margin: -101px auto 0;}
.message_card .classify {height: 62px; display: block;}
.message_card.n_type .classify {line-height: 62px; font-size: 80px; font-weight: bold; color: #ccc;}
.message_card.ico_type .classify {font-size: 0;}
.message_card.ico_type .classify.system {background: url('/user/img/error_system.png') no-repeat 50% top;}
.message_card.ico_type .classify.mail {background: url('/user/img/error_mail.png') no-repeat 50% top;}
.message_card .main_message {min-height: 30px; margin-top: 30px; font-size: 30px; color: #000; line-height: 30px;}
.message_card .sub_message {min-height: 13px; margin-top: 10px; font-size: 13px; color: #333; line-height: 1.5;}
.message_card .btn {height: 38px; padding: 0 40px; margin-top: 16px; line-height: 36px;}

/* 알림 메시지 */
.alert_txt {text-align: center; padding: 25px 30px;}
.alert_txt .main_txt {margin-bottom: 5px; font-weight: bold; font-size: 14px; color: #111; letter-spacing: -0.5px;}
.alert_txt .main_txt:only-child {margin-bottom: 0;}
.alert_txt .sub_txt {color: #666; letter-spacing: -0.5px;}

/* 상태 메시지 */
.state_message {position: relative; display: block; top: 50%; width: 360px; min-height: 250px; padding: 56px 20px 65px; margin: -180px auto 0; background: #fff; border-radius: 2px;}
.state_message .state_ing {display: block; width: 100px; height: 70px; background: url('/user/img/place_loading.gif') no-repeat 50% 50%; font-size: 0; margin: 0 auto;}
.state_message .state_icon {display: block; width: 100px; height: 70px; background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; margin: 0 auto;}
.state_message .state_icon.mail_send {background-image: url('/user/img/send.png');}
.state_message .state_icon.mail_send_sc {background-image: url('/user/img/send_success.png');}
.state_message .state_icon.mail_capacity {background-image: url('/user/img/state_mail_capacity.png');}
.state_message .main_message {margin: 18px 0 0; font-size: 15px; font-weight: bold; color: #111; letter-spacing: -0.5px; text-align: center;}
.state_message .main_message:only-child {margin: 0;}
.state_message .sub_message {margin: 4px 0 0; font-size: 13px; color: #666; letter-spacing: -0.5px; text-align: center;}
.state_message .sub_message em {color: #2d3f93;}
.state_message.align_left {padding-bottom: 20px;}
.state_message.align_left .sub_message {text-align: left; padding: 0 10px;}
.state_message .main_message + .btns_area.bttm.border {width: 100%; margin: 65px 0 0;}

/* 로딩 */
.loading {background: rgba(255, 255, 255, 0.8); padding: 0 !important;}
.popup.loading {position: absolute !important; z-index: 99 !important; width: 100%; height: 100%;}
.loading .state_message {position: relative; display: block; top: 50%; width: 100px; height: 100px; margin: -60px auto 0; background: none; padding: 0;}

.state_message .state_loading {display: block; width: 100px; height: 100px; background: url('/user/img/place_loading.gif') no-repeat 50% 50%; font-size: 0; margin: 0 auto; padding: 0;}
.feedsBobbin .state_loading {display: block; width: 70px; height: 70px; margin: 20px auto 0; padding: 0; background: url('/user/img/loading_content.gif') no-repeat 50% 50%; font-size: 0;}/* 추가 : 2019-09-20 */

/* 컨텐츠 없음 가이드 메시지 - 분할뷰 */
.view_guide {text-align: center; overflow: hidden;}
.view_guide .ico_list {display: block; width: 100px; height: 33px; background: url('/user/img/ic_not_selected.png') no-repeat 0 0; font-size: 0; margin: 46px auto 10px;}
.view_guide .main_message {height: 28px; line-height: 28px; color: #111; font-size: 15px; font-weight: bold;}
.view_guide .sub_message {color: #666; font-size: 13px;}
.view_guide .btns_area.bttm {padding-top: 14px;}
.view_guide .btns_area .btn:last-child {margin-right: 0;}
/* 컨텐츠 없음 가이드 메시지 - 컨테이너 용 */
.view_guide.full_page {margin-top: 92px;}

/* 리스트 옮기는 ui */
.lst_move {position: fixed; max-width: 112px; height: 28px; line-height: 26px; border: 1px solid #5a79ec; background: rgba(255,255,255,0.8); padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; font-weight: bold; color: #3858ed; letter-spacing: -1px; border-radius: 2px; z-index: 100;}
.lst_move.no {color: #ff5959; border-color: #ff5959; background: rgba(255,255,255,0.8) url('/user/img/ico_no_move.png') no-repeat 5px 50%; padding: 0 10px 0 20px;}
.lst_move.lg {max-width: 250px;}
.ui-tooltip {padding: 0 10px;}
.ui-tooltip.ui-widget.ui-widget-content {width: auto !important; display: inline-block !important; border: 1px solid #5a79ec; line-height: 26px; background: rgba(255,255,255,0.8); font-size: 12px; color: #3858ed; letter-spacing: -1px; border-radius: 2px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); z-index: 99999;}

/* 파일 업로드 */
.popup_cont {padding: 25px 30px;}
.popup_cont .file_lst.download li .ico_btn.small.download:first-child {margin-left: 0;}
.uploaded_info {font-size: 0; margin-bottom: 25px;}
.uploaded_info:last-child {margin-bottom: 0;}
.uploaded_file {float: right; width: 350px;}
.uploaded_file .file_sum {position: relative; padding-right: 50px; padding-bottom: 6px;}
.uploaded_file .file_sum .name {display: inline-block; font-size: 13px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.uploaded_file .file_sum .size {position: absolute; right: 0; color: #969696; font-size: 12px;}
.uploaded_file .process_bar {position: relative; display: block; width: 350px; height: 5px;}
.uploaded_file .process_bar .pr_per {position: absolute; display: block; height: 4px; border-radius: 2px 2px 2px 2px; z-index: 1; 
    background: #39d0eb; /* Old browsers */
    background: -moz-linear-gradient(left, #39d0eb 0%, #207cca 51%, #0f0f7f 85%, #321fa0 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #39d0eb 0%,#207cca 51%,#0f0f7f 85%,#321fa0 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #39d0eb 0%,#207cca 51%,#0f0f7f 85%,#321fa0 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39d0eb', endColorstr='#321fa0', GradientType=1 );}/* IE6-9 */
.uploaded_file .process_bar .pr_bg {position: absolute; display: block; width: 100%; height: 4px; background: #dadef2; border-radius: 2px 2px 2px 2px;}
.uploaded_rate {display: inline-block; font-weight: bold; width: 40px; font-size: 12px; text-align: right; vertical-align: bottom; margin-bottom: -4px;}
.uploaded_rate em {color: #3858ed;}
.download_info {position: relative; width: 80px; font-size: 12px; color: #666; letter-spacing: 0; text-align: right; vertical-align: top;}
.download_info em {color: #ff5959;}

/* 파일첨부내 업로드 */
.file_lst.upload .uploaded_file {width: 80px; height: 5px; overflow: hidden;}
.file_lst.upload .uploaded_file .process_bar {position: relative; width: 100%; height: 100%; border-radius: 5px; overflow: hidden;}
.file_lst.upload .uploaded_file .process_bar .pr_per, .file_lst.upload .uploaded_file .process_bar .pr_bg {min-height: inherit; height: 5px;}
/* 파일첨부 공개/비공개 토글 버튼이 있을때(공공옵션) */
.use_file_opt .toggle.group {height: 18px; padding: 0;}
.use_file_opt .toggle.group .btn {height: 18px; line-height: 16px; font-size: 11px;}
.form_table td .file_lst.upload li .form {min-height: 22px; padding: 3px 0; margin-left: 18px; vertical-align: top;}
.form_table td .file_lst.upload li .form:first-child {margin-left: 0;}
.form_table td .file_lst.upload li .form + .file_name {margin-left: 0; padding-left: 0;}

.form_table td .read .file_lst.upload li .form {margin-left: 10px;}
.read .use_file_opt .toggled {width: 50px; height: 18px; padding: 0; font-size: 12px; color: #969696;}

/* 용량 */
.st_capacity .process_bar {position: relative; display: inline-block; width: 200px; height: 10px; font-size: 0;}
.st_capacity .process_bar .pr_per {position: absolute; display: block; height: 10px; border-radius: 0; z-index: 1; background: #5a79ec;}
.st_capacity .process_bar .pr_per.over {background: #ff5959;}
.st_capacity .process_bar .pr_bg {position: absolute; display: block; width: 100%; height: 10px; background: #ddd; border-radius: 0;}

.st_capacity .rate {display: inline-block; font-weight: bold; width: 40px; font-size: 12px; vertical-align: top;}
.st_capacity .rate em {color: #3858ed;}

/* 에디터 */
.editor {padding: 0 30px 30px; padding-bottom: 10px;}
.editor .border {border: 1px solid #ccc;}
.editor:after {display: block; content: ''; clear: both;}

/* CK에디터 스타일 선언 180327 */
.editor .cke span {min-height: inherit;}
.editor .cke .cke_button_label, .editor .cke .cke_voice_label {display: none;}
.editor .cke .cke_combo_label {display: none;}
.editor .cke .cke_combo {float: left;}
.editor .cke .cke_top {width: 100%; box-sizing: border-box;}
.editor .cke .cke_toolbar_break {display: block; clear: left; min-height: 0;}

/* 편집기에서 읽기화면 부분 수정 180715 김민우 */
/* 인쇄하기에서 스페이와 탭을 병합시키는 문제로 white-space: pre-wrap으로 수정 : 2018-11-19 김민우 */
.content div {box-sizing: content-box;}
.content p {white-space: inherit; line-height: 1.5;}
.content p em {font-style: italic;}
.gwweb_editor p em {font-style: italic;}

.content h1 {height: auto; background: none; padding: 0; font-size: 2em; color: #000; overflow: visible; text-overflow: clip; white-space: normal;}
.content .file_lst.download li .ico_btn.small.download:first-child {margin-left: 0;}

/** 쓰기&읽기 화면 맞추기 위한 스타일 추가 : 2019-05-20 **/
/* 메일 & 게시판 공통 */
.key_info + .additional_info + .content:not(.research), .form_table.style_4cols.read + bbsinfo + .content, .wrapper.preview .editor {font-family: Gulim; font-size: 12px;}
.key_info + .additional_info + .content:not(.research) a, .form_table.style_4cols.read + bbsinfo + .content a, .wrapper.preview .editor a {text-decoration: underline; color: #1c26ea;}
.key_info + .additional_info + .content:not(.research) ul, .form_table.style_4cols.read + bbsinfo + .content ul, .wrapper.preview .editor ul {list-style: disc; margin-bottom: 1em;}
.key_info + .additional_info + .content:not(.research) ol, .form_table.style_4cols.read + bbsinfo + .content ol, .wrapper.preview .editor ol {list-style: decimal; margin-bottom: 1em;}
.key_info + .additional_info + .content:not(.research) table, .form_table.style_4cols.read + bbsinfo + .content table, .wrapper.preview .editor table {border-collapse: unset;}
.key_info + .additional_info + .content:not(.research) table span, .form_table.style_4cols.read + bbsinfo + .content table span, .wrapper.preview .editor table span {word-break: normal;}
/* 메일 본문 */
.key_info + .additional_info + .content:not(.research) {padding-right: 47px;}

/* 인쇄 팝업 - 공통 */
.pop_print {overflow: visible;}
.pop_print .scroll_area {height: auto !important; max-height: none !important;}
.pop_print .content ul, .pop_print .content li {list-style: none;}

/* 인쇄 팝업 - 분할뷰 */
.pop_print .vertical_ui .vertical_lf, .pop_print .vertical_ui .vertical_rg {display: block; width: 100%; height: auto !important;}
.pop_print .vertical_ui .vertical_rg {border-left: 0;}

/* 인쇄 팝업 - 업무넷 */
.pop_print .vertical_lf .replybox.type_attach .list {margin-top: -3px;}
.pop_print .vertical_rg > .flex_area {display: block; height: auto;}
.pop_print .vertical_rg .tab_box {margin-left: 30px; margin-right: 30px;}
.pop_print .vertical_rg .tab_cont {display: block !important; padding-left: 30px;}
.pop_print .vertical_rg .tab_cont .cont_inner {padding-right: 30px;}
.pop_print .vertical_rg .tab_cont .srch_result:before {display: none;}
.pop_print .vertical_rg .tab_cont .srch_result .cont_inner {padding-top: 19px;}
.pop_print .vertical_rg .tab_cont .srch_result .box_card:last-of-type {margin-bottom: 0;}
.pop_print .vertical_rg .tab_cont .scroll-wrapper {height: auto !important; max-height: none !important; overflow: visible !important;}
.pop_print .vertical_rg .tab_cont .scroll-content {height: auto !important; max-height: none !important; overflow: visible !important;}
.pop_print .vertical_rg .tab_cont > .flex_area {display: block; height: auto;}

.pop_print .box_card.type_fold {padding-right: 30px;}

/* 인쇄 팝업 - 일정(달력뷰) */
.pop_print .table_body.fourth .month_cell {height: 225px;}
.pop_print .table_body.fifth .month_cell {height: 175px;}
.pop_print .table_body.sixth .month_cell {height: 145px;}

/* 게시판 본문 */
.form_table.style_4cols.read + bbsinfo + .content {padding-right: 64px;}
.form_table.style_4cols.read + bbsinfo + .content:after {display: block; content: ''; clear: both;}
/* 게시판 미리보기 */
.wrapper.preview .bbs_area {height: calc(100% - 30px);}/* 추가 : 2019-011-20 */
.wrapper.preview .editor {padding: 25px 64px 25px 30px;}/* 수정 : 2019-11-20 */
.wrapper.preview .editor p {white-space: pre-wrap; line-height: 1.5;}/* 추가 : 2019-011-20 */
/* 일정,설비 인쇄 미리보기 추가 : 2019-12-06 */
.content_table.print_pop tbody th {padding-top: 9px; padding-bottom: 9px; background: none; border-bottom: 1px solid #f5f5f5;}
.content_table.print_pop .table_body td, .content_table.print_pop .table_body td .title {overflow: visible; white-space: normal;}
.content_table.print_pop .table_body tr:last-child td {border-bottom-color: #f5f5f5;}/* 추가 : 2019-12-10 */
.content_table.print_pop.equip .table_body th {color: #666;}/* 추가 : 2019-12-10 */
/* 게시판 본문 출력 */
.print_view_page .scroll_area {height: auto !important;}
.print_view_page img {width: auto !important; max-width: 100% !important;}

/* 태그 */
.tag_area {position: relative; padding: 0; margin: 40px 30px 30px;}/* 수정 : 2019-03-27 */
.tag_area:before {content: ''; display: block; position: relative; top: -20px; height: 1px; background: #eee;}
.tag_area a.ico_tag {content: none; width: auto; font-size: 12px; color: #2d3f93; background: none; vertical-align: top;}
.tag_area a.ico_tag:before {position: static; display: inline-block; margin-right: 2px; background-position-x: -80px;}
.tag_area p.tag {margin-right: 78px; line-height: 1.5;}
.tag_area .tag span, .tag_area .tag a {display: inline-block; font-size: 12px; color: #2d3f93;}
.tag_area .tag .tag_comma {margin-right: 4px;}
.tag_area .tag_btn {position: absolute; top: 2px; right: 0; height: 18px; line-height: 1.5; vertical-align: middle;}
.tag_area .tag_btn a {position: relative; display: inline-block; font-size: 12px; color: #969696;}
.tag_area .tag_btn a:not(:first-child) {margin-left: 12px;}
.tag_area .tag_btn a:not(:first-child)::after {position: absolute; left: -9px; top: 2px; content: ''; display: inline-block; width: 1px; height: 12px; background-color: #d9d9d9;}
.tag_area .tag_btn .btn_save {color: #3858ed;}
.tag_area:not(.modify) .tag_btn a::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}
.tag_area .tag_btn .btn_modify, .tag_area .tag_btn .btn_delete {display: inline-block; width: 16px; height: 16px; font-size: 0; vertical-align: top;}
.tag_area .tag_btn .btn_modify::before {background-position: -80px -120px;}
.tag_area .tag_btn .btn_delete::before {background-position: -100px -120px;}

.tag_area.modify {border: 1px solid #d9d9d9;}
.tag_area.modify.focused {border-color: #3858ed !important;}
.tag_area.modify .tag_btn a:not(:first-child) {margin-left: 12px;}
.tag_area.modify .tag_btn a::after {top: 3px;}
.tag_area.modify .tag_btn {top: 6px; right: 10px;}
.tag_area.modify .textComplete {width: calc(100% - 103px); min-height: 19px; margin: 6px; font-size: 12px; color: #969696; line-height: 19px; vertical-align: middle;}
.tag_area.modify .textComplete:focus {outline: none;}
.tag_area.modify textarea {width: calc(100% - 103px); max-height: 39px; margin: 6px; font-size: 12px; color: #666; line-height: 19px; vertical-align: middle;}
.tag_area.modify textarea:focus {outline: none;}
.tag_area.modify .help_txt {position: absolute; bottom: -20px; right: 0;}/* 추가 : 2019-10-02 */
.tag_area.modify .help_txt .size_txt {font-size: 11px;}
.editor .tag_area {margin: 0 0 18px;}/* 수정 : 2018-12-20 *//* 수정 : 2018-12-21 */
.editor .tag_area:before {display: none;}
.editor .tag_area.modify {margin-bottom: 32px;}/* 추가 : 2019-10-02 */

.popup_content .tag_area {margin: 20px 30px 15px;}
.popup_content .tag_area:before {content: none;}
.popup_content .tag_area.modify {border: 0; border-bottom: 1px solid #d9d9d9;}
.popup_content .tag_area.modify .help_txt {position: static; margin-bottom: 4px;}
.popup_content .tag_area.modify.focused .help_txt {border-top-color: #3858ed;}
.popup_content .tag_area .tag, .popup_content .tag_area .textComplete, .popup_content .tag_area textarea {width: 100%; margin: 6px 0; font-size: 13px;}
.popup_content .tag_area textarea {height: 61px; max-height: 61px; margin: 0; color: #333;}
.popup_content .tag_area .textComplete {height: 39px;}
.popup_content .tag_area .tag span {font-size: 13px; color: #333;}
.popup_content .tag_area .tag a {font-size: 13px; color: #2d3f93;}

/* 게시판 */
.form_table.read.gray table {width: 100%; table-layout: inherit;}
.form_table.read {position: relative; padding: 25px 30px 0;}
.form_table.read > p:last-child:only-child {padding-bottom: 25px;}
.form_table.read.gray {background: #f9f9f9;}
/* background: #f9f9f9; --> // 주소록에서 사용하는 읽기 테이블의 배경색 문제로 배경색 보류 - 사용하는 곳 위치 확인후 수정 예정 
--> 배경이 필요한 위치에 gray 클래스 추가하기로 함 180124 */
.form_table.read .form.flag {position: absolute; top: 24px; left: 25px;}
.form_table.read table {border: 0 none; margin-bottom: 8px;}
.form_table.read table:last-child {margin-bottom: 0;}
.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: 12px;}
.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:disabled + label.emergency {opacity: 1;}
.form_table.read table tr.subject td .group .form input:checked + label.noti {background: #fa8e4b;}
.form_table.read table tr.subject td .group .form input:checked:disabled + label.noti {opacity: 1;}

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

.appr_view_wrap .attached .file_info dt:first-child {margin-top: 0; padding-right: 6px; font-size: 13px;}/* 수정 : 2019-02-20 */
.appr_view_wrap .attached .file_info .text_btn:after {display: inline-block; content: ','; padding-right: 1px;}/* 추가 : 2019-02-20 */
.appr_view_wrap .attached .file_info .text_btn:first-child:after {content: ''; padding-right: 4px;}/* 수정 : 2018-06-29 *//* 수정 : 2019-02-20 */
.appr_view_wrap .attached .file_info .text_btn:last-child:after {display: none;}/* 추가 : 2019-02-20 */
.appr_view_wrap .attached .file_info dd {margin-top: 0;}

.appr_pop_inner .form_table.read {padding: 20px 30px;}
.appr_pop_inner .form_table.read .attached {padding-bottom: 10px; border-bottom: 1px solid #e3e3e3;}
.appr_pop_inner .form_table.read .attached .file_info {min-height: 20px; padding-left: 0; line-height: 16px;}
.appr_pop_inner .form_table.read .attached .file_info dt:first-child, .appr_pop_inner .form_table.read .attached .file_info dd:first-of-type {margin-top: 3px;}/* 수정 : 2019-02-20 */
.sche_pop_txt02 {color: #111; font-weight: bold;}

/* 업무넷 우측 상세정보 */
.vertical_rg .tab_box {flex-shrink: 0;}
.vertical_rg .tab_cont {padding-left: 20px; overflow: hidden;}
.vertical_rg .tab_cont:not(.current) {display: none;}
.vertical_rg .tab_cont .cont_inner {height: 100%; padding: 0 20px 20px 0; overflow: hidden;}

.vertical_rg .tab_cont .attached:not(.att_type01) {margin: 20px 0 8px;}
.vertical_rg .tab_cont .attached:not(.att_type01) .file_lst.download ul {padding: 11px 13px 13px;}
.vertical_rg .tab_cont .attached:not(.att_type01) .file_lst.download li {padding-right: 0;}
.vertical_rg .tab_cont .attached .file_info {padding-left: 0; margin-left: -6px;}
.vertical_rg .tab_cont .attached .file_info dt {margin: 0; font-size: 13px; font-weight: bold; color: #111;}
.vertical_rg .tab_cont .attached .file_info dd {margin: 1px 0 0 6px;}
.vertical_rg .tab_cont .attached .file_info .text_btn:after {display: inline-block; content: ','; padding-right: 1px;}
.vertical_rg .tab_cont .attached .file_info .text_btn:first-child {margin-right: 3px;}
.vertical_rg .tab_cont .attached .file_info .text_btn:first-child:after {content: '';}
.vertical_rg .tab_cont .attached .file_info .text_btn:last-child:after {display: none;}
.vertical_rg .tab_cont .attached .file_info .btn_open {width: 17px;}
.vertical_rg .tab_cont .attached .file_lst.download li .file_name {max-width: calc(100% - 55px);}

.vertical_rg .tab_cont .filter_area {justify-content: space-between; align-items: center; width: calc(100% - 20px); height: auto; margin-top: 20px;}
.vertical_rg .tab_cont .filter_area .count {font-size: 12px; color: #666;}

.vertical_rg .tab_cont .srch_group {width: calc(100% - 20px); height: auto; padding: 0; margin: 16px 0 10px; border: 0;}
.vertical_rg .tab_cont .srch_group input[type="text"] {padding-left: 9px; border: 1px solid #d9d9d9;}
.vertical_rg .tab_cont .srch_group .btn_srch, .vertical_rg .tab_cont .srch_group .btn_return {right: 5px;}
.vertical_rg .tab_cont .srch_group.on .btn_srch {right: 30px;}

.vertical_rg .tab_cont .srch_result:before {display: block; content: ''; width: calc(100% - 20px); height: 1px; background-color: #f5f5f5;}
.vertical_rg .tab_cont .srch_result .cont_inner {padding-top: 10px;}
.vertical_rg .tab_cont .srch_result .box_card:first-child {margin-top: 0;}
.vertical_rg .tab_cont .srch_result .box_card:last-of-type {margin-bottom: 10px;}
.vertical_rg .tab_cont .srch_result .box_card:hover {border-color: #2D3F93;}
.vertical_rg .tab_cont .srch_result .box_card .article, .vertical_rg .tab_cont .srch_result .box_card .file {display: none;}
.vertical_rg .tab_cont .srch_result .box_card.open .article, .vertical_rg .tab_cont .srch_result .box_card.open .file {display: block;}
.vertical_rg .tab_cont .srch_result .btn.full:not(:active), .vertical_rg .tab_cont .srch_result .btn.full:not(:active):hover {border-color: #e3e3e3; color: #4c4c4c;}

/* 웹폴더 우측 상세정보 */
.info_view_wrap .appr_view_cont {padding: 20px 30px 5px;}
.info_view_wrap .thumbnail_area {position: relative; width: 312px; height: 255px; margin: 0 -1px 20px 0; border: 1px solid #f5f5f5;}
.info_view_wrap .thumbnail_area .img_box {display: inline-block; width: 100%; height: 100%; overflow: hidden;}
.info_view_wrap .thumbnail_area .img_box img {width: 100%; height: auto; vertical-align: top;}
.info_view_wrap .thumbnail_area .ico_file.jumbo {position: absolute; top: calc(50% - 46px); left: calc(50% - 46px);}
.info_view_wrap .form_table.read {padding: 0;}
.info_view_wrap .form_table.read .contact th {padding-left: 0;}
.info_view_wrap .form_table.read .contact td {padding-right: 0;}
.info_view_wrap .form_table.read .contact tr:first-child th, .info_view_wrap .form_table.read .contact tr:first-child td {padding-top: 5px;}
.info_view_wrap .help_txt {margin-bottom: 10px;}
.info_view_wrap .content_table {margin-bottom: 15px;}

/** 게시판 4열 유형 : 2018-07-31 **/
/* 쓰기 */
.form_table.style_4cols {margin-bottom: 12px;}
.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_col03 {width: 140px;}
.form_table.style_4cols .input_group {border: 0;}
.form_table.style_4cols .input_group .text_wrap.single {height: 26px; padding-left: 6px; line-height: 2;}
.form_table.style_4cols .input_group.flex {min-height: 28px; border: 1px solid #e3e3e3;}
.form_table.style_4cols .input_group.flex .ico.group {margin-right: 4px;}
.form_table.style_4cols .input_group.has_btn {padding-right: 0;}
.form_table.style_4cols .input_group.has_btn .basic_input {padding-right: 30px;}
.form_table.style_4cols .input_group.has_btn.discuss {padding: 0 24px 0 0; border-bottom: 1px solid #e3e3e3 !important;}
.form_table.style_4cols .input_group .selectbox {top: 0;}
.form_table.style_4cols .input_group .ui-button {padding: 0 6px;}
.form_table.style_4cols .basic_input {height: 28px; padding: 0 6px 1px; 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 !important;}
.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 {vertical-align: top;}
.form_table.style_4cols .group:not(.ico) {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; padding: 0 6px 1px; border: 1px solid #e3e3e3;}
.form_table.style_4cols .date_box + .time_group {margin-left: -4px;}
/* .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.read {padding: 0; margin-bottom: 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 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2019-03-27 */
.article_view_head .title.discuss {padding: 11px 30px 12px;}/* 수정 : 2018-09-12 김민우 *//* 수정 : 2019-03-27 */
.article_view_head .title .form.flag {position: absolute; left: 30px; top: 16px;}/* 수정 : 2019-03-27 */
.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('/user/img/divider.png') no-repeat left top;}
.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 김민우 */
.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;}/* 수정 : 2019-03-27 *//* 수정 : 2019-03-28 */
.bbs_area .content {padding: 25px 30px;}/* 수정 : 2019-03-27 */
.bbs_area .replybox, .bbs_area .taskbox {margin: 0 30px;}/* 수정 : 2019-03-27 */

/*** 게시판 마이그레이션 ***/
/** 공통 **/
.old_bbs .basic_table th, .old_bbs .basic_table td, .old_bbs table.writting th, .old_bbs table.writting td, .old_bbs .post_v6 .post_info th, .old_bbs .post_v6 .post_info td {position: static; min-height: 39px; border-bottom: 1px solid #e3e3e3;}
.old_bbs .basic_table th, .old_bbs table.writting th, .old_bbs .post_v6 .post_info th {padding: 11px 15px 10px; background: #fafafa; letter-spacing: -1px; border-right: 1px solid #e3e3e3; vertical-align: top;}
.old_bbs .basic_table td, .old_bbs table.writting td, .old_bbs .post_v6 .post_info td {padding: 5px 20px 5px 10px; vertical-align: top;}
.old_bbs .basic_table tr:first-child th, .old_bbs table.writting tr:first-child th, .old_bbs .post_v6 .post_info tr:first-child th {padding-top: 11px;}
.old_bbs .basic_table tr:first-child td, .old_bbs table.writting tr:first-child td, .old_bbs .post_v6 .post_info tr:first-child td {padding-top: 5px;}
.old_bbs .basic_table tr:last-child td, .old_bbs table.writting tr:last-child td, .old_bbs .post_v6 .post_info tr:last-child td {padding-bottom: 5px;}
.old_bbs .basic_table .emptytable td, .old_bbs table.writting .emptytable td {padding: 0 !important; border-bottom: 0 !important;}
.old_bbs .basic_table td span, .old_bbs table.writting td span, .old_bbs .post_v6 .post_info td span {display: inline-block;}
.old_bbs .additional_info {margin-top: 12px;}
/* 8.2 양식 */
.inp_raochk {vertical-align: top;}
.inp_raochk span {color: #333;}
.inp_raochk input[type="checkbox"] {position: relative; top: 2px; width: 14px; height: 14px; margin-right: 2px;}
.inp_raochk input[type="checkbox"]:disabled + span {opacity: 0.38;}
/* 8.3 양식 */
.old_bbs table.writting {table-layout: auto;}
.old_bbs table.writting th {width: 140px;}
.old_bbs table.writting td {width: calc(50% - 140px);}
/* 6.7 양식 */
.old_bbs .BoxBdrSmll {height: 0; font-size: 0;}
.old_bbs .post_v6 .post_info + .post_info {margin-top: -1px !important;}
.old_bbs .post_v6 .post_info th {width: 140px;}
.old_bbs .post_v6 .post_info th input[type="button"] {display: inline-block; height: 22px; font-size: 11px; line-height: 19px; color: #333; padding: 0 6px; margin-right: 8px; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 2px;}
.old_bbs .post_v6 .post_info th input[type="button"]:hover {background-color: #f5f5f5; border: 1px solid #b1b1b1;}
.old_bbs .post_v6 .post_info th input[type="button"]:active {background-color: #fff; border: 1px solid #969696; color: #333;}
.old_bbs .post_v6 .post_info td > input[type="checkbox"] {position: relative; top: 2px; width: 14px; height: 14px; margin-right: 2px;}
.old_bbs .post_v6 .post_info td > input[type="checkbox"]:disabled + span {opacity: 0.38;}
.old_bbs .post_v6 .post_content .BoxBdr {vertical-align: top;}
.old_bbs .post_v6 .additional_info dt .btn_open {margin-left: -5px;}

/** 쓰기 **/
.old_bbs .basic_table .intxt, .old_bbs table.writting .basic_inp, .old_bbs .post_v6 .post_info .Bsc input[type="text"] {height: 28px; padding: 0 4px; border: 1px solid #e3e3e3;}
.old_bbs .basic_table .input_group, .old_bbs table.writting .input_group, .old_bbs .post_v6 .post_info .input_group {border: 0;}
.old_bbs .basic_table .input_group.flex, .old_bbs table.writting .input_group.flex {min-height: 28px; border: 1px solid #e3e3e3;}
.old_bbs .basic_table .input_group .text_wrap.single, .old_bbs table.writting .input_group .text_wrap.single {height: 26px; line-height: 2;}
.old_bbs .basic_table .basic_input, .old_bbs table.writting .basic_input, .old_bbs .post_v6 .post_info .basic_input {height: 28px; border: 1px solid #e3e3e3;}
.old_bbs:not(.read) .basic_table td span, .old_bbs:not(.read) table.writting td span, .old_bbs .post_v6 .post_info span {min-height: 22px; line-height: 22px;}
.old_bbs:not(.read) .basic_table .form, .old_bbs:not(.read) table.writting .form, .old_bbs:not(.read) .inp_raochk, .old_bbs .post_v6 .post_info .form {min-height: 28px; line-height: 28px; vertical-align: top;}
.old_bbs:not(.read) .basic_table .form > label, .old_bbs:not(.read) table.writting .form > label, .old_bbs:not(.read) .basic_table .inp_raochk span, .old_bbs .post_v6 .post_info .form > label {height: 28px; line-height: 28px;}
.old_bbs .basic_table .group:not(.ico), .old_bbs table.writting .group:not(.ico) {min-height: 28px; line-height: 26px;}
.old_bbs .basic_table .form_tag_area, .old_bbs table.writting .form_tag_area, .old_bbs .post_v6 .post_info .form_tag_area {margin-top: -5px;}
.old_bbs .basic_table .form_tag_area .hash, .old_bbs table.writting .form_tag_area .hash, .old_bbs .post_v6 .post_info .form_tag_area .hash {padding-right: 25px;}
.old_bbs .write_area {padding: 0 30px 30px; padding-bottom: 10px;}
/* 8.3 양식 */
.old_bbs table.writting .input_group .ico_doc {flex-shrink: 0; position: static; display: inline-block; width: 16px; height: 16px; margin: 0 4px; background: url('/user/img/btn_org.png') no-repeat 0 0; font-size: 0;}
.old_bbs table.writting .input_group .ico_doc img {display: none;}
.old_bbs table.writting label.pd_rgt_20 {height: 28px; line-height: 28px;}
.old_bbs table.writting label.pd_rgt_20 input {position: relative; top: 2px; width: 14px; height: 14px; margin-right: -2px;}
/* 6.7 양식 */
.old_bbs .post_v6 .post_info .Bsc input[type="text"] {width: 96%;}
.old_bbs .post_v6 .post_info .group:only-child {display: inline-block;}
.old_bbs .post_v6 .post_content .BoxBdr {height: 300px !important; padding: 12px 30px 0;}
.old_bbs .post_v6 .post_content .BoxBdr textarea {height: 100% !important; padding: 10px; border: 1px solid #e3e3e3 !important;}

/** 읽기 **/
.old_bbs.read .basic_table, .old_bbs.read .writting, .old_bbs.read .post_v6 .post_info {width: 100%; border-top: 1px solid #e3e3e3;}
.old_bbs.read .basic_table th, .old_bbs.read .basic_table td, .old_bbs.read .writting th, .old_bbs.read .writting td, .old_bbs.read .post_v6 .post_info th, .old_bbs.read .post_v6 .post_info td {min-height: 30px; font-weight: normal; color: #333;}
.old_bbs.read .basic_table th, .old_bbs.read .basic_table tr:first-child th, .old_bbs.read .writting th, .old_bbs.read .writting tr:first-child th, .old_bbs.read .post_v6 .post_info th, .old_bbs.read .post_v6 .post_info tr:first-child th {font-weight: bold; padding: 5px 15px 7px 30px;}
.old_bbs.read .basic_table td, .old_bbs.read .basic_table tr:first-child td, .old_bbs.read .writting td, .old_bbs.read .writting tr:first-child td, .old_bbs.read .post_v6 .post_info td, .old_bbs.read .post_v6 .post_info tr:first-child td {padding: 5px 30px 7px 10px;}
.old_bbs.read .article_view_head {border-bottom: 1px solid #e3e3e3;}
/* 8.2 양식 */
.old_bbs.read .emptytable td {min-height: 17px;}
.old_bbs.read .inp_raochk {height: 16px;}
.old_bbs.read .inp_raochk input {top: 1px;}
.old_bbs.read .inp_raochk span {height: 16px; line-height: 16px; vertical-align: top;}
.old_bbs.read .view_area {padding: 25px 30px; line-height: 1.5;}
.old_bbs.read .basic_table + .view_area {position: relative;}
.old_bbs.read .basic_table + .view_area:after {position: absolute; left: 30px; right: 30px; bottom: 0; display: block; content: ''; height: 1px; background-color: #eee;}
/* 6.7 양식 */
.old_bbs.read .post_v6 .post_info th, .old_bbs.read .post_v6 .post_info tr:first-child th {padding-left: 23px;}
.old_bbs.read .post_v6 .post_content .BoxBdr {position: relative; padding: 25px 30px; line-height: 1.5;}
.old_bbs.read .post_v6 .post_content .BoxBdr:after {position: absolute; left: 30px; right: 30px; bottom: 0; display: block; content: ''; height: 1px; background-color: #eee;}

/* 조직도 관련 */
.org_group {position: relative; width: 100%; height: 50px; box-sizing: border-box;}
.org_group .nav_area {position: relative; width: 100%; height: 50px; background: #f9f9f9; box-sizing: border-box;}
.org_group .nav {position: relative; width: calc(100% - 40px); height: 50px; padding: 19px 0 0 0; margin: 0 20px; overflow: hidden;}
.group_menu .org_group .nav .tab {position: relative; top: 0; left: 0; display: block; width: auto; height: 30px; margin: 0 auto; padding: 0; background-color: transparent; font-size: 0; white-space: nowrap;}
.group_menu .org_group .nav .tab li {display: inline-block; float: none; white-space: nowrap;}
.group_menu .org_group .nav .tab li:first-child {margin-left: 4px;}

.org_group .arrow_pre, .org_group .arrow_next {position: absolute; top: 0; display: none; height: 50px; width: 20px; background: url('/user/img/btn_arrow_sm.png') no-repeat 0 22px; font-size: 0; z-index: 11;}
.org_group .arrow_pre {left: 0;}
.org_group .arrow_pre.on {display: block; box-shadow: 10px 1px 5px -3px #f9f9f9; background-position-x: -3px;}
.org_group .arrow_next {right: 0;}
.org_group .arrow_next.on {display: block; box-shadow: -10px 1px 5px -3px #f9f9f9; background-position-x: -38px;}

/* 알림센터 */
/* kha modify for KISA */
.gb.alarm {position: fixed; top: 50px; right: 20px; width: 256px; height: auto; border: 1px solid #999; border-radius: 2px; z-index: 999; background: #fff; margin-right : 100px;}
.gb.alarm .handy-scroll {position: relative; width: 100%; max-height: 444px;}
.alarm .al_title {height: 42px; line-height: 42px; padding: 0 14px; border-bottom: 1px solid #ededed;}
.alarm .al_title .title {color: #111; font-size: 13px; font-weight: bold;}
.alarm .al_title .count {color: #ff6767;}
.alarm .al_title .util {float: right;}
.alarm .al_title .util a {color: #969696; font-size: 11px;}
.alarm .date {height: 25px; line-height: 25px; padding: 0 13px; background: #f9f9f9; font-size: 12px; border-top: 1px solid #ededed;}
.alarm .al_cont {padding: 0; font-size: 0;}
.gb.alarm .al_cont {position: relative; border-bottom: 1px solid #ededed;}
.gb.alarm .al_link:hover {text-decoration: none;}
.gb.alarm .al_cont:last-child {border-bottom: 0 none;}
.al_cont .al_link {position: relative; width: 100%; height: 100%; display: block; padding: 15px 15px 15px 60px;}
.al_cont .al_link:hover {text-decoration: none; background: #f9f9f9;}
.alarm .sender {position: absolute; width: 34px; vertical-align: top; top: 50%; margin-top: -26px; left: 15px;}
.alarm .sender .sd_info.noti, .alarm .sender .sd_info.caution, .alarm .sender .sd_info.warning {width: 34px; height: 34px; overflow: hidden; border-radius: 34px;}
.sd_info.noti {background-color: #5a79ec;}
.sd_info.caution {background-color: #fdd000;}
.sd_info.warning {background-color: #ff5959;}
.alarm .sender .sd_photo {width: 34px; height: 34px; overflow: hidden; object-fit: cover; border-radius: 34px;}
.alarm .sender .sd_name {width: 34px; font-size: 11px; color: #333; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 3px;}
.al_cont .al_read {position: absolute; top: 12px; right: 13px; width: 18px; height: 18px; background: url('/user/img/bg_al_read.png') no-repeat 0 0; font-size: 0; vertical-align: top;}

.al_cont .al_no_new {position: relative; width: 100%; height: 170px; padding: 76px 0; text-align: center; font-size: 12px; color: #666;}
.al_cont .ms_cont {position: relative; width: 100%; height: 100%;}
.ms_cont .inform {margin-bottom: 7px;}
.ms_cont .inform > span {display: inline-block; overflow: hidden; white-space: nowrap; vertical-align: top;}
.ms_cont .inform .app_name {color: #111; font-size: 13px; font-weight: bold; max-width: 93px;}
.ms_cont .inform .time {color: #969696; font-size: 12px; margin-left: 4px;}
.ms_cont .inform .new {display: none; width: 4px; height: 4px; background: #ff5959; border-radius: 4px; font-size: 0; vertical-align: top; margin: 7px 0 0 4px;}
.ms_cont .inform .new.on {display: inline-block;}
.ms_cont .org_title {display: inline-block; max-width: 100%; height: 14px; line-height: 1; letter-spacing: 0;}
.ms_cont .org_title p {display: inline-block; max-width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 12px; font-weight: bold;}
.gb.alarm .al_link:hover .org_title {border-bottom: 1px solid #333 !important;}
.ms_cont .ms_locate, .ms_cont .ms_people {display: block; color: #666; font-size: 12px; height: 15px; line-height: 15px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ms_cont .message {display: block; color: #666; font-size: 12px; height: 14px; line-height: 14px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.set_area {height: 42px; text-align: right; padding: 0 12px; border-top: 1px solid #ededed;}
.gb.alarm .setting {display: inline-block; height: 16px; width: 16px; background: url('/user/img/ico_setting.png') no-repeat 50% 50%; font-size: 0;}
.gb.alarm .ms_cont .message {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 토스트 알림 */
.tst.alarm {position: fixed; bottom: 6px; right: 5px; width: 356px; height: auto; z-index: 999; background: #fff; display: none;}
.tst.alarm ul li {bottom: 0; border: 1px solid #999; border-radius: 2px; margin-top: 2px;}
.tst.alarm .time {float: right;}

/* 관리자 알림 */
.al_pop .sender .sd_info {margin: 30px auto; font-size: 0;}
.al_pop .sender .sd_info.noti, .al_pop .sender .sd_info.caution, .al_pop .sender .sd_info.warning {width: 90px; height: 90px; overflow: hidden; border-radius: 90px; background-image: url('/user/img/bg_al_pop.png');}
.al_pop .ms_cont {position: relative; display: block; text-align: center; max-width: 540px; margin: 0 auto;}
.al_pop .ms_cont .org_title {margin-bottom: 15px; height: auto; max-width: 465px;}
.al_pop .ms_cont .org_title p {font-size: 18px; font-weight: bold; overflow: inherit; text-overflow: inherit; white-space: normal;}
.al_pop .ms_cont .message {font-size: 15px; line-height: 22px; height: auto; margin-bottom: 30px; overflow: visible; white-space: normal;}
.al_pop .btns_area.bttm.border {width: calc(100% - 60px); margin: 0 30px; padding-right: 0; padding-left: 0;}

/* 메일 용량 안내 */
.al_pop .state_message {width: 400px; padding: 56px 30px 0; margin-top: -200px;}

/* 받은 쪽지 */
.al_pop .message_view {padding: 20px 30px;}
.al_pop .message_view dt, .al_pop .message_view dd {padding-left: 50px; position: relative;}
.al_pop .message_view .profile_photo {display: inline-block; width: 40px; height: 40px; position: absolute; left: 0;}
.al_pop .message_view .name {font-size: 14px; font-weight: bold; color: #111; letter-spacing: -0.8px;}
.al_pop .message_view .time {padding-top: 4px; font-size: 12px; color: #969696; letter-spacing: -0.5px; clear: both;}
.al_pop .message_view .article {padding-top: 12px;}

/* 버디카드 */
.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 .form_table.read {padding: 0px 25px;}
.bd_area .form_table.read .profile {padding-left: 0; padding-right: 0;}
.bd_area .form_table.read .profile ul {max-width: calc(100% - 70px); margin-top: 10px;}
.bd_area .form_table.read table tr td dl {padding-bottom: 8px;}
.bd_area .form_table.read table tr td dl:only-child {padding-bottom: 0;}
.bd_area .form_table.read th, .bd_area .form_table.read td {padding-left: 0; padding-right: 0;}
.bd_area .form_table.read th {padding-right: 0;}
.bd_area .form_table.read tr:first-child td {padding-top: 25px;}
.bd_area .form_table.read .profile ul li {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0 !important;}
.bd_area .form_table.read .profile ul li.info:nth-child(2) span {height: 20px; line-height: 20px;}
.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 25px; 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;}/* 수정 : 2019-08-20 */
.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: 9px;}
.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.4;}
.bd_pf .info .btn_contact {margin-top: 8px;}

.bd_pf .info .badge {margin: 5px 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 {display: flex; width: 100%; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 추가 : 2019-01-23 */
.bd_pf .info .sub_info span {display: inline-block; width: auto; font-size: 12px; color: #666; padding-left: 1px; height: 22px; line-height: 22px;}
.bd_pf .info .sub_info span:after {content: '·'; padding: 4px;}
.bd_pf .info .sub_info span:first-child {flex-grow: 0; flex-shrink: 0;}
.bd_pf .info .sub_info span:last-child:after {content: ''; padding: 0;}
.bd_pf .info .state_info span {padding-left: 0; margin: -3px 0 10px; line-height: 14px;}
.bd_pf .info .state_info .absence {color: #ff5959;}
.bd_pf .info .phone span {background: url('/user/img/ico_phone.png') no-repeat 3px center;}
.bd_pf .info .mobile span {background: url('/user/img/ico_mobile.png') no-repeat 4px center;}
.bd_pf .info .email a {background: url('/user/img/ico_email.png') no-repeat 3px center;}
.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('/user/img/ico_open.png') no-repeat right -2px; padding-right: 20px;}
.bd_card .btn_tggle.open {background-position: right -22px;}
.bd_card .bd_detail {display: none; padding-bottom: 15px;}
.bd_card .bd_detail.open {display: block;}
.bd_card .bd_detail.type_table {display: block; margin-top: -2px;}
.bd_card .bd_detail.type_table dl {margin-bottom: 2px;}
.bd_card .bd_detail.type_table dl:last-child {margin-bottom: 0;}
.bd_card .bd_detail.type_table dt, .bd_card .bd_detail.type_table dd {display: inline-block; font-size: 12px; vertical-align: top;}
.bd_card .bd_detail.type_table dt {min-width: 55px; padding-right: 5px; color: #969696; letter-spacing: -0.4px;}
.bd_card .bd_detail.type_table dd {color: #59696c;}

.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:hover {border-bottom-width: 2px;}
.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; display: flex; align-items: center; width: calc(100% - 130px); height: 26px; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bd_cont .tab_cont .title * {flex-shrink: 0;}
.bd_cont .tab_cont .title .subject, .bd_cont .tab_cont .date {font-size: 12px;}
.bd_cont .tab_cont .title .subject {flex: 1; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bd_cont .tab_cont .title .badge {margin-top: 0; margin-right: 3px;}
.bd_cont .tab_cont .date {position: absolute; top: 0; right: 16px; 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: 0 25px 20px;}

.pf_group.bd_pf {padding: 30px 30px 0; margin-bottom: 0;}
.pf_group.bd_pf .info {min-height: auto !important; width: calc(100% - 127px) !important; margin-top: 14px;}
.pf_group.bd_pf .info .sub_info span {font-size: 13px;}
.pf_group.bd_pf .info .name {font-size: 22px;}
.pf_group.bd_pf .info .email a {font-size: 13px;}

/* 목록 종합 UI - 스퀘어 > 웹폴더 */
.sq_storage .btns_area .align_lf {max-width: calc(100% - 355px);}
.sq_storage .btns_area .info_capacity {margin: 0; padding: 0; line-height: 28px;}
.sq_storage .btns_area .info_capacity::before {display: none;}
.sq_storage .btns_area .info_capacity .now_num, .sq_storage .btns_area .info_capacity .now_num span, .sq_storage .btns_area .info_capacity .total_num, .sq_storage .btns_area .info_capacity .total_num span {font-size: 11px;}
.sq_storage .btns_area .info_capacity .total_num {padding-right: 1px;}
.sq_storage .btns_area .info_capacity .total_num::before {padding: 0 2px;}
/* 목록 종합 UI - 웹폴더 */
.sq_storage.webfolder .btns_area .align_lf {max-width: calc(100% - 305px);}

/* schedule css */
.sq_sched {position: relative; height: calc(100% - 40px);}
.container_area.square .sq_sched .monthly_list, .container_area.square .sq_sched .weekely_list, .container_area.square .sq_sched .daily_list {height: calc(100% - 54px);}
.container_area.square .sq_sched .monthly_list {position: relative;}
.container_area.square .sq_sched .monthly_list.content_table .table_body {position: relative; height: calc(100% - 28px);}
.container_area.square .sq_sched .txt_list.content_table {position: relative;}
.container_area.square .sq_sched .txt_list.content_table .scroll_area.scroll-wapper {padding-top: 10px; padding-bottom: 10px; height: calc(100% - 51px) !important;}/* 수정 : 2020-06-02 */
.container_area.square .sq_sched .searched_sch.content_table .scroll_area.scroll-wapper {border-top: 0 none; height: calc(100% - 125px) !important;}/* 수정 : 2020-06-02 */

.schedule_area {margin: 0;}
.schedule_area .hgroup .ico_btn {margin: 0 0 0 8px;}
.schedule_area .hgroup .ico_btn.excel + .ico_btn.print {margin-left: -6px;}/* 추가 : 2019-04-23 */
.schedule_area .hgroup .align_rg {position: relative; float: right;}
.schedule_area .hgroup .align_rg > * {float: left;}
.schedule_area .hgroup .align_rg .btn {margin-right: 0;}
.schedule_area .hgroup .align_rg .btn_excel {margin-right: 8px;}/* 추가 : 2018-07-27 */
.schedule_area .hgroup .align_rg .hgroup_btn {margin-right: 0;}

.schedule_area .group.pos_re {position: relative;}
.schedule_area .group a {vertical-align: top;}
.schedule_area .group a.btn_more.noTxt {margin: 0 0 0 -7px;}
.schedule_area .group .select_lst {left: 8px; top: 26px; min-width: auto; font-size: 12px;}
.schedule_area .input_group.has_select .group .select_lst {left: 0;}
.support_area .datepicker .sched a {text-decoration: underline;}
.support_area .comm_lypop_type1 {position: fixed !important; z-index: 110;}
.support_area .ui-selectmenu-menu .handy-scroll {width: 100%;}

.sch_info_additional {display: flex; flex-shrink: 0; gap: 2px; align-items: center; padding-left: 2px;}
.sch_info_additional .ico.mini {margin-right: 0;}

.comm_lypop_type1 {display: none; position: absolute; background: #fff; box-sizing: border-box; border: 1px solid #999; border-radius: 2px; z-index: 16;}
.comm_lypop_type1.open {display: block; width: 386px;}
.popup.open .comm_lypop_type1 {position: relative; display: block; width: 386px; margin: 83px auto 0;}
.comm_lypop_type1.cust1 {position: fixed; left: 50%; top: 100px; width: 600px; margin: 0 0 0 -300px; z-index: 19;}
.comm_lypop_type1 .arrow {position: absolute; left: 50%; display: block; width: 16px; height: 8px; text-indent: -9999px; z-index: 17;}
.comm_lypop_type1.al_top .arrow {top: -8px; margin: 0 0 0 -8px; background: url('/user/img/ly_box01_top.png') no-repeat left top;}
.comm_lypop_type1.al_bottom .arrow {bottom: -8px; margin: 0 0 0 -8px; background: url('/user/img/ly_box01_bottom.png') no-repeat left top;}
.comm_lypop_type1 .lypop_head {position: relative; height: 56px; border-bottom: 1px solid #e3e3e3; padding: 0 25px 0 25px;}
.comm_lypop_type1 .lypop_head > .form.flag {position: absolute; left: 25px; top: 20px;}
.comm_lypop_type1 .lypop_head .ly_tit {display: inline-block; width: 100%; padding: 18px 85px 13px 20px; font-weight: bold; color: #111; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comm_lypop_type1 .lypop_head .ly_tit .help_txt {margin-left: 4px; font-weight: normal;}
.comm_lypop_type1 .lypop_cont {min-height: 50px; padding: 20px 25px 25px 25px;}
.comm_lypop_type1 .util.align_rg {margin-top: -42px; right: 20px; font-size: 0;}

.comm_lypop_type1 .popup_table {position: relative;}
.comm_lypop_type1 .popup_table .caption {padding: 10px 0; font-size: 13px; color: #2d3f93;}
.comm_lypop_type1 .popup_table .text_btn.view_more {position: absolute; top: 10px; right: 0;}

.comm_lypop_type1 .notify_txt {display: inline-block; padding-top: 6px;}
.comm_lypop_type1 .notify_more {display: inline-block; padding-top: 6px; margin-left: 4px; color: #969696; text-decoration: underline;}

.comm_lypop_type2 {position: absolute; left: 0; top: 0; background: #fff; box-sizing: border-box; border: 1px solid #999; border-radius: 2px;}
.comm_lypop_type2 .arrow {position: absolute; left: calc(50% - 8px); display: block; width: 16px; height: 9px; text-indent: -9999px; z-index: 10;}
.comm_lypop_type2 .lypop_head {padding: 0 10px; border-bottom: 1px solid #e3e3e3;}
.comm_lypop_type2 .lypop_head .ly_tit {display: inline-block; padding: 7px 0 10px 0; font-weight: bold; color: #111; font-size: 13px;}
.comm_lypop_type2 .lypop_head .ly_tit .total {color: #5a79ec;}
.comm_lypop_type2 .lypop_head .ly_btn_close {position: absolute; right: 10px; top: 9px; display: block; width: 16px; height: 16px; text-indent: -9999px; background: url('/user/img/btn_ly_close.png') no-repeat 2px 2px;}
.comm_lypop_type2 .lypop_cont {min-height: 50px; padding: 7px 0 10px 0;}

.popup_container > .schedule_lypop {padding: 20px 30px 5px;}

.schedule_lypop .form_table table {border: none;}
.schedule_lypop .form_table th {padding: 6px 0 10px 0 !important; min-height: 35px !important; font-size: 13px; background: #fff !important;}
.schedule_lypop .form_table th.important {color: #666 !important;}
.schedule_lypop .form_table td {overflow: visible; min-height: 35px !important; padding: 0 0 10px 0 !important; font-size: 13px; background: #fff !important; border-bottom: none !important; white-space: normal;}
.schedule_lypop .form_table td:not(.group_member) .ui-selectmenu-button.ui-button, .popup_container .form_table .sched_group .ui-selectmenu-button.ui-button {top: 0;}/* 수정 : 2018-08-27 */
.schedule_lypop .form_table td .period {vertical-align: middle; margin: 0 6px; padding-top: 0;}/* 일정간편등록 padding값 수정 180816 김민우 */
.schedule_lypop .form_table td .input_group.has_select {margin-top: 6px;}
.schedule_lypop .form_table td .comm_form_thumb_area .thumnail:nth-last-child(-n+4) {margin-bottom: 0;}

.schedule_lypop .popup_table .name {padding-right: 0;}

/* 일정 간편등록 시간 추가 : 2018-08-20 */
.schedule_lypop td .sched_group, .popup_container .form_table .sched_group {border-bottom: 1px solid #e3e3e3;}
.schedule_lypop td .sched_group .date_box, .popup_container .form_table .sched_group .date_box {margin-right: 0;}
.schedule_lypop td .sched_group .date_box .date_input, .popup_container .form_table .sched_group .date_box .date_input {max-width: 92px; padding: 0 25px 0 4px; border: 0;}
.schedule_lypop td .sched_group .selectbox, .popup_container .form_table .sched_group .selectbox {top: 2px;}
.schedule_lypop td .sched_group .selectbox .ui-button, .popup_container .form_table .sched_group .selectbox .ui-button {border-bottom: 0; letter-spacing: -0.5px; padding-right: 0;}
.schedule_lypop td .sched_group .selectbox .ui-button:focus, .popup_container .form_table .sched_group .selectbox .ui-button:focus {border: 1px solid #3858ed;}
.schedule_lypop td .sched_group .period, .popup_container .form_table .sched_group .period {line-height: 28px; margin: 0 7px 0 5px !important; vertical-align: top;}/* 수정 : 2018-08-27 */

.schedule_lypop td .sched_group .datepic_area, .popup_container .form_table .sched_group .datepic_area {margin: 1px 0;}
.schedule_lypop td .sched_group .datepic_area .set_time .input_group, .popup_container .form_table .sched_group .datepic_area .set_time .input_group {border: 0;}/* 일정 간편등록 시간 직접 입력 UI 추가 : 2018-12-28 */
.popup_container .sched_group .datepic_area .set_time .input_group {border: 0;}/* 추가 : 2019-11-19 */

/* 2018-07-03 허수정 추가 */
.schedule_lypop.read th {padding: 11px 0 10px 0 !important; min-height: 28px !important;}
.schedule_lypop.read tr:first-child th, .schedule_lypop.read tr:first-child td {padding: 5px 0 10px 0 !important;}
.schedule_lypop.read th.mt3 {margin-top: 3px; display: inline-block;}
.schedule_lypop.read td {padding: 11px 0 10px 0 !important; min-height: 28px !important;}
.schedule_lypop.read td > .form.favorite {margin-top: 1px;}
.schedule_lypop.read ul.token-input-list {padding: 0; min-height: 22px;}
.schedule_lypop.read li.token-input-token {padding: 0 28px 0 12px; cursor: text;}
.schedule_lypop.read .token-input-modi-token, .schedule_lypop.read .token-input-eye-token {right: 12px !important; cursor: text;}
.schedule_lypop.read .addition_item th, .schedule_lypop.read .addition_item tr:first-child th {padding-right: 15px !important;}
.schedule_lypop .input_group.sche_st1 {padding-right: 56px;}
.schedule_lypop .input_group.sche_st1 .group {width: 56px;}
.schedule_lypop .sche_st2 {display: inline-block; padding-top: 6px; line-height: 1.35; white-space: normal;}
.schedule_lypop .sche_st3 {display: block;}
.schedule_lypop .sche_st4 {display: block; padding: 5px 0 0 0; color: #5a79ec; font-size: 12px; white-space: normal;}/* 수정 : 2019-01-03 */
.schedule_lypop .sche_st4 .divider {vertical-align: top;}/* 추가 : 2019-01-03 */
.schedule_lypop .sche_st5 {position: relative; padding: 0 0 0 16px; line-height: 16px;}
.schedule_lypop .sche_st5 .dal_color {position: absolute; left: 0; top: 10px; display: block; overflow: hidden; width: 10px; height: 10px; text-indent: -9999px; border-radius: 2px; background: #eee; min-height: inherit;}
.schedule_lypop .form .sche_st5 .dal_color {top: 2px; width: 12px; height: 12px;}

.multi_opt.add_cal_list li .form, .multi_opt.add_equip_list li .form {min-height: 30px; padding: 7px 9px; max-width: 100%; vertical-align: top;}
.multi_opt.add_cal_list li .form > input, .multi_opt.add_equip_list li .form > input {left: 9px;}
.multi_opt.add_cal_list li .form label, .multi_opt.add_equip_list li .form label {max-width: 100%; white-space: nowrap;}
.schedule_lypop .multi_opt.add_cal_list li .sche_st5, .schedule_lypop .multi_opt.add_equip_list li .sche_st5 {width: 100%; padding: 0 6px 0 16px; overflow: hidden; text-overflow: ellipsis;}
.schedule_lst .dal_color {position: absolute; top: 18px; left: 0; display: inline-block; content: ''; width: 6px; height: 6px; border-radius: 3px 3px; font-size: 0;}
/* 설비예약불가 스타일 추가 180710 김민우 */
.schedule_lypop .multi_opt.add_cal_list li .sche_st5.disable_sched, .schedule_lypop .multi_opt.add_equip_list li .sche_st5.disable_sched {color: #a9a9a9;}

.schedule_lypop > .btns_area:not(.border) {height: 28px;}
.schedule_lypop .btns_area.bttm {margin: 10px 0 0 0; padding: 0;}
.schedule_lypop .sche_add_colorlist {margin-top: 2px; overflow: hidden;}/* 추가 : 2020-03-06 */
.schedule_lypop .sche_add_colorlist li {float: left; margin: 0 4px 0 0;}
.schedule_lypop .sche_add_colorlist .dal_color {position: relative; display: block; overflow: hidden; width: 14px; height: 14px; text-indent: -9999px; border-radius: 2px; background: #eee;}
.schedule_lypop .sche_add_colorlist li.on .dal_color:after {position: absolute; left: 0; top: 0; display: block; content: ''; width: 14px; height: 14px; background: url('/user/img/bg_chk.png') no-repeat left top; z-index: 3;}
.schedule_lypop:not(.read) .sche_add_colorlist {margin: 8px 0 6px;}/* 추가 : 2020-03-06 */

.day_schedule_more_wrap {position: absolute; right: 20px; bottom: 6px; display: inline-block; z-index: 16;}
.day_schedule_more_wrap .comm_lypop_type2 {display: none; position: absolute; left: calc(50% - 120px); top: 0; width: 240px; z-index: 16;}
.day_schedule_more_wrap .comm_lypop_type2.open {display: block;}
/* 위쪽으로 레이어 팝업 열림 */
.day_schedule_more_wrap.al_top .comm_lypop_type2 {bottom: 26px; top: auto;}
.day_schedule_more_wrap.al_top .comm_lypop_type2 .arrow {bottom: -9px; background: url('/user/img/ly_box01_bottom.png') no-repeat left bottom;}
/* 아래쪽으로 레이어 팝업 열림 */
.day_schedule_more_wrap.al_bottom .comm_lypop_type2 {top: 7px;}
.day_schedule_more_wrap.al_bottom .comm_lypop_type2 .arrow {top: -9px; background: url('/user/img/ly_box01_top.png') no-repeat left top;}
/* 달력의 맨 왼쪽 라인의 레이어 팝업 */
.day_schedule_more_wrap.al_left .comm_lypop_type2 {left: -111px;}
.day_schedule_more_wrap.al_left .comm_lypop_type2 .arrow {left: 102px !important; margin: 0 !important;}
/* 달력의 맨 오른쪽 라인의 레이어 팝업 */
.day_schedule_more_wrap.al_right .comm_lypop_type2 {left: auto; right: -20px;}
.day_schedule_more_wrap.al_right .comm_lypop_type2 .arrow {left: auto !important; right: 11px; margin: 0 !important;}

.schedule_more_lypop {max-height: 120px;}
.schedule_more_lypop .schedule_more_list {overflow: hidden;}
.schedule_more_lypop .schedule_more_list li {display: block; padding: 0 0 0 9px; margin: 0 0 5px 0; color: #969696;}
.schedule_more_lypop .schedule_more_list li:last-child {margin: 0;}
.schedule_more_lypop .schedule_more_list .txt_wrap {position: relative; display: flex; align-items: center; padding-right: 4px; font-size: 12px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.schedule_more_lypop .schedule_more_list .txt_wrap:hover {text-decoration: none;}
.schedule_more_lypop .schedule_more_list .txt_wrap:hover .sch_title {text-decoration: underline;}
.schedule_more_lypop .schedule_more_list .txt_wrap .time {flex-shrink: 0; margin-right: 8px; color: #969696;}
.schedule_more_lypop .schedule_more_list .txt_wrap .ico {flex-shrink: 0; margin: 0;}
.schedule_more_lypop .schedule_more_list .txt_wrap .sch_info_additional {display: flex;}

/* 달력 구분 컬러 */
.schedule_txt {position: absolute; height: 24px; padding: 0 3px 0 6px; border: 2px solid rgba(255,255,255,0); overflow: hidden; z-index: 5;}
.schedule_txt.bg_on {border: 2px solid rgba(255,255,255,1);}
.schedule_txt .dal_ic {position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 3px; text-indent: -9999px;}
.schedule_txt .dal_drag_time {display: none; line-height: 1.6; font-size: 13px; letter-spacing: -0.03em; color: #333;}/* 5분 단위 지정 추가(드래그드롭 시간 표시) : 2018-07-16 */
.schedule_txt .sch_txt {display: flex; align-items: flex-start; overflow: hidden; height: 100%; font-size: 13px; letter-spacing: -0.03em; word-break: break-all;}
.schedule_txt .sch_txt .sch_info_primary {min-width: 13px; line-height: 20px; overflow: hidden; white-space: nowrap;}
.schedule_txt .sch_txt .sch_info_additional {margin-top: 4px;}
.schedule_txt .sch_txt .time {flex-shrink: 0; display: inline-block; margin-right: 2px; font-size: 13px; line-height: 20px; color: #969696; vertical-align: top;}
.schedule_txt .sch_txt .ico:not(.mini) {flex-shrink: 0; margin: 2px 0 0; vertical-align: top;}

.schedule_txt.h_auto {height: auto;}
.schedule_txt.h_auto .sch_txt {overflow: visible;}
.schedule_txt.c333 .sch_txt {color: #333 !important;}
.schedule_txt.dal_ic_no .dal_ic {display: none;}
/* 5분 단위 지정 추가(드래그드롭 시간 표시) : 2018-07-16 */
.schedule_txt.has_time .dal_drag_time {display: block;}
.schedule_txt.has_time .sch_txt {height: calc(100% - 20px);}

.schedule_txt .more_next {position: absolute; left: 2px; top: 8px; display: none; width: 3px; height: 7px; text-indent: -999px; background: url('/user/img/schedule_ico2.png') no-repeat left top; background-position: 0 0;}
.schedule_txt .more_prev {position: absolute; right: 2px; top: 8px; display: none; width: 3px; height: 7px; text-indent: -999px; background: url('/user/img/schedule_ico2.png') no-repeat right top; background-position: -33px 0;}

.schedule_txt.bg_on.type00 {background-color: #ebebeb;}/* 회색(공유일정) */
.schedule_txt.bg_on.type01 {background-color: #ffd9d9;}/* 빨강 */
.schedule_txt.bg_on.type02 {background-color: #ffddd1;}/* 주홍 */
.schedule_txt.bg_on.type03 {background-color: #ffe7cc;}/* 주황 */
.schedule_txt.bg_on.type04 {background-color: #fff4d1;}/* 노랑(나의달력) */
.schedule_txt.bg_on.type05 {background-color: #fefbdb;}/* 레몬 */
.schedule_txt.bg_on.type06 {background-color: #f6f7cb;}/* 올리브 */
.schedule_txt.bg_on.type07 {background-color: #e6f2c2;}/* 연두 */
.schedule_txt.bg_on.type08 {background-color: #cef2d7;}/* 초록(전사달력) */
.schedule_txt.bg_on.type09 {background-color: #d7faf1;}/* 청록 */
.schedule_txt.bg_on.type10 {background-color: #bfeec7;}/* 초록 */
.schedule_txt.bg_on.type11 {background-color: #d9f6ff;}/* 하늘 */
.schedule_txt.bg_on.type12 {background-color: #e0edff;}/* 파랑 */
.schedule_txt.bg_on.type13 {background-color: #dbdeff;}/* 군청 */
.schedule_txt.bg_on.type14 {background-color: #e6e0ff;}/* 보라 */
.schedule_txt.bg_on.type15 {background-color: #f4d7fa;}/* 자주 */
.schedule_txt.bg_on.type16 {background-color: #ffe8f7;}/* 핑크(동호회,스퀘어) */
.schedule_txt.bg_on.type17 {background-color: #edd5f2;}/* 보라 */
.schedule_txt.bg_on.type18 {background-color: #ffdee4;}/* 핫핑크(공휴일) */
.schedule_txt.bg_on.type19 {background-color: #f2e6d5;}/* 갈색 */
.schedule_txt.bg_on.type20 {background-color: #f2dfdf;}/* 적갈색 */
.schedule_txt.bg_on.type21 {background-color: #e6dedd;}/* 회갈색 */

.schedule_lypop .form_table .sched_group .datepic_area + .group .form {top: 7px;}
.schedule_lypop .sche_st5 .dal_color.type00,
.schedule_lst .dal_color.type00,
.schedule_lypop .sche_add_colorlist .dal_color.type00,
.schedule_txt.type00 .dal_ic {background-color: #a8a8a8;}/* 회색(공유일정) */
.schedule_lypop .sche_st5 .dal_color.type01,
.schedule_lst .dal_color.type01,
.schedule_lypop .sche_add_colorlist .dal_color.type01,
.schedule_lst .sche_add_colorlist .dal_color.type01,
.schedule_txt.type01 .dal_ic {background-color: #ff5e5e;}/* 빨강 */
.schedule_lypop .sche_st5 .dal_color.type02,
.schedule_lst .dal_color.type02,
.schedule_lypop .sche_add_colorlist .dal_color.type02,
.schedule_txt.type02 .dal_ic {background-color: #ff7648;}/* 주홍 */
.schedule_lypop .sche_st5 .dal_color.type03,
.schedule_lst .dal_color.type03,
.schedule_lypop .sche_add_colorlist .dal_color.type03,
.schedule_txt.type03 .dal_ic {background-color: #ff8800;}/* 주황 */
.schedule_lypop .sche_st5 .dal_color.type04,
.schedule_lst .dal_color.type04,
.schedule_lypop .sche_add_colorlist .dal_color.type04,
.schedule_txt.type04 .dal_ic {background-color: #ffbf00;}/* 노랑(나의달력) */
.schedule_lypop .sche_st5 .dal_color.type05,
.schedule_lst .dal_color.type05,
.schedule_lypop .sche_add_colorlist .dal_color.type05,
.schedule_txt.type05 .dal_ic {background-color: #fae10b;}/* 레몬 */
.schedule_lypop .sche_st5 .dal_color.type06,
.schedule_lst .dal_color.type06,
.schedule_lypop .sche_add_colorlist .dal_color.type06,
.schedule_txt.type06 .dal_ic {background-color: #b9bf0f;}/* 올리브 */
.schedule_lypop .sche_st5 .dal_color.type07,
.schedule_lst .dal_color.type07,
.schedule_lypop .sche_add_colorlist .dal_color.type07,
.schedule_txt.type07 .dal_ic {background-color: #9ec724;}/* 연두 */
.schedule_lypop .sche_st5 .dal_color.type08,
.schedule_lst .dal_color.type08,
.schedule_lypop .sche_add_colorlist .dal_color.type08,
.schedule_txt.type08 .dal_ic {background-color: #3bd160;}/* 초록(전사달력) */
.schedule_lypop .sche_st5 .dal_color.type09,
.schedule_lst .dal_color.type09,
.schedule_lypop .sche_add_colorlist .dal_color.type09,
.schedule_txt.type09 .dal_ic {background-color: #39cca7;}/* 청록 */
.schedule_lypop .sche_st5 .dal_color.type10,
.schedule_lst .dal_color.type10,
.schedule_lypop .sche_add_colorlist .dal_color.type10,
.schedule_txt.type10 .dal_ic {background-color: #2fb846;}/* 초록 */
.schedule_lypop .sche_st5 .dal_color.type11,
.schedule_lst .dal_color.type11,
.schedule_lypop .sche_add_colorlist .dal_color.type11,
.schedule_txt.type11 .dal_ic {background-color: #00c5ff;}/* 하늘 */
.schedule_lypop .sche_st5 .dal_color.type12,
.schedule_lst .dal_color.type12,
.schedule_lypop .sche_add_colorlist .dal_color.type12,
.schedule_txt.type12 .dal_ic {background-color: #4291ff;}/* 파랑 */
.schedule_lypop .sche_st5 .dal_color.type13,
.schedule_lst .dal_color.type13,
.schedule_lypop .sche_add_colorlist .dal_color.type13,
.schedule_txt.type13 .dal_ic {background-color: #5260ff;}/* 군청 */
.schedule_lypop .sche_st5 .dal_color.type14,
.schedule_lst .dal_color.type14,
.schedule_lypop .sche_add_colorlist .dal_color.type14,
.schedule_txt.type14 .dal_ic {background-color: #6f52ff;}/* 보라 */
.schedule_lypop .sche_st5 .dal_color.type15,
.schedule_lst .dal_color.type15,
.schedule_lypop .sche_add_colorlist .dal_color.type15,
.schedule_txt.type15 .dal_ic {background-color: #e252ff;}/* 자주 */
.schedule_lypop .sche_st5 .dal_color.type16,
.schedule_lst .dal_color.type16,
.schedule_lypop .sche_add_colorlist .dal_color.type16,
.schedule_txt.type16 .dal_ic {background-color: #ff52c5;}/* 핑크(동호회,스퀘어) */
.schedule_lypop .sche_st5 .dal_color.type17,
.schedule_lst .dal_color.type17,
.schedule_lypop .sche_add_colorlist .dal_color.type17,
.schedule_txt.type17 .dal_ic {background-color: #b339cc;}/* 보라 */
.schedule_lypop .sche_st5 .dal_color.type18,
.schedule_lst .dal_color.type18,
.schedule_lypop .sche_add_colorlist .dal_color.type18,
.schedule_txt.type18 .dal_ic {background-color: #ff3860;}/* 핫핑크(공휴일) */
.schedule_lypop .sche_st5 .dal_color.type19,
.schedule_lst .dal_color.type19,
.schedule_lypop .sche_add_colorlist .dal_color.type19,
.schedule_txt.type19 .dal_ic {background-color: #945e12;}/* 갈색 */
.schedule_lypop .sche_st5 .dal_color.type20,
.schedule_lst .dal_color.type20,
.schedule_lypop .sche_add_colorlist .dal_color.type20,
.schedule_txt.type20 .dal_ic {background-color: #ac5656;}/* 적갈색 */
.schedule_lypop .sche_st5 .dal_color.type21,
.schedule_lst .dal_color.type21,
.schedule_lypop .sche_add_colorlist .dal_color.type21,
.schedule_txt.type21 .dal_ic {background-color: #7c625e;}/* 회갈색 */

.schedule_txt.bg_on.type00 .sch_txt {color: #a8a8a8;}/* 회색(공유일정) */
.schedule_txt.bg_on.type01 .sch_txt {color: #ff5e5e;}/* 빨강 */
.schedule_txt.bg_on.type02 .sch_txt {color: #ff7648;}/* 주홍 */
.schedule_txt.bg_on.type03 .sch_txt {color: #ff8800;}/* 주황 */
.schedule_txt.bg_on.type04 .sch_txt {color: #ffbf00;}/* 노랑(나의달력) */
.schedule_txt.bg_on.type05 .sch_txt {color: #fae10b;}/* 레몬 */
.schedule_txt.bg_on.type06 .sch_txt {color: #b9bf0f;}/* 올리브 */
.schedule_txt.bg_on.type07 .sch_txt {color: #9ec724;}/* 연두 */
.schedule_txt.bg_on.type08 .sch_txt {color: #3bd160;}/* 초록(전사달력) */
.schedule_txt.bg_on.type09 .sch_txt {color: #39cca7;}/* 청록 */
.schedule_txt.bg_on.type10 .sch_txt {color: #2fb846;}/* 초록 */
.schedule_txt.bg_on.type11 .sch_txt {color: #00c5ff;}/* 하늘 */
.schedule_txt.bg_on.type12 .sch_txt {color: #4291ff;}/* 파랑 */
.schedule_txt.bg_on.type13 .sch_txt {color: #5260ff;}/* 군청 */
.schedule_txt.bg_on.type14 .sch_txt {color: #6f52ff;}/* 보라 */
.schedule_txt.bg_on.type15 .sch_txt {color: #e252ff;}/* 자주 */
.schedule_txt.bg_on.type16 .sch_txt {color: #ff52c5;}/* 핑크(동호회,스퀘어) */
.schedule_txt.bg_on.type17 .sch_txt {color: #b339cc;}/* 보라 */
.schedule_txt.bg_on.type18 .sch_txt {color: #ff3860;}/* 핫핑크(공휴일) */
.schedule_txt.bg_on.type19 .sch_txt {color: #945e12;}/* 갈색 */
.schedule_txt.bg_on.type20 .sch_txt {color: #ac5656;}/* 적갈색 */
.schedule_txt.bg_on.type21 .sch_txt {color: #7c625e;}/* 회갈색 */

.time_line {position: absolute; display: block; overflow: hidden; height: 2px; text-indent: -9999px; background: #ff5959; z-index: 8;}

.sche_total {text-decoration: underline; cursor: pointer;}
.sche_total em {font-weight: bold; color: #3858ed;}

.sche_share_list {max-height: 111px; margin: 10px 0 0 0;border: 1px solid #e3e3e3;}
.sche_share_list .inner {padding: 6px; line-height: 20px;}

/* 일정 공유자 UI 개선 : 2018-08-10 */
th.group_member {padding-top: 12px !important;}
td.group_member {padding-top: 7px !important;}
.group_member .btn_member {position: relative; display: inline-block; width: 17px; height: 17px; margin-left: 5px; background-color: #fff; border: 1px solid #b1b1b1; border-radius: 2px; font-size: 0; vertical-align: top;}
.group_member .btn_member::before {position: absolute; left: calc(50% - 5.5px); top: calc(50% - 5.5px); display: block; content: ''; width: 11px; height: 11px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position: -220px 0;}
.group_member .btn_member:hover {background-color: #f5f5f5;}
.group_member .btn_member:active {background-color: #fff; border-color: #969696;}
.group_member_add {padding: 0 0 9px 5px;}
.group_member_add a {display: inline-block; color: #333; font-weight: bold; text-decoration: none;}
.group_member_add a:before {content: ''; display: inline-block; width: 19px; height: 19px; margin-right: 8px; border-radius: 50% 50%; background: #3858ed url('/user/img/ico_add_white.png') no-repeat 50% 50%;}
.form_table .group_lst {position: relative; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.form_table .group_lst.handy-scroll {max-height: 264px;}
.form_table .group_member_box {position: relative; height: 44px; padding: 10px 140px 0 38px; border-top: 1px solid #ededed; font-size: 12px; color: #666;}
.form_table .group_member_box.type_team {padding-left: 4px;}
.form_table .group_member_box:first-child {border-top: 0 none;}
.form_table .group_member_box .profile_photo {position: absolute; left: 5px; top: 8px; width: 26px; height: 26px;}
.form_table .group_member_box .profile_photo img {width: 26px; height: 26px; border-radius: 13px 13px;}
.form_table .group_member_box .name_wrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form_table .group_member_box .name {color: #111;}
.form_table .group_member_box .name + span, .form_table .group_member_box .team {display: inline;}/* 추가 : 2019-03-26 */
.form_table .group_member_box .team:before {content: 'ㆍ'; color: #afafaf; margin-left: -5px;}
.form_table .group_member_box .selectbox, .form_table .team_box .group_member_lst .selectbox {position: absolute; top: 8px; right: 45px;}
.form_table .group_member_box a.btn_del {position: absolute; top: 13px; right: 17px; width: 16px; height: 16px; background: url('/user/img/bg_del.png') no-repeat 50% 50%; font-size: 0; vertical-align: top;}/* 수정 : 2020-03-06 */
.form_table .group_member_box .badge {position: absolute; top: 13px; right: 20px; width: 42px; height: 17px; min-height: 17px; margin: 0; padding: 0; background-color: #eee; font-size: 11px; line-height: 17px; color: #666; text-align: center;}
.form_table .group_lst.read .group_member_box, .schedule_lypop.read .group_member_box {padding-right: 82px;}

/* 개인정보 설정 */
.ps_option {position: absolute; top: 45px; display: none; border: 1px solid #969696; border-radius: 2px; background: #fff;}
.ps_option.plural {right: 52px; width: 250px;}
.ps_option.profile {right: 40px; width: 288px;}
.ps_option.open {display: block;}
.ps_option li {position: relative;}
.plural li .link {display: block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; border-bottom: 1px solid #ededed;}
.plural li .open_toggle {display: block; min-height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; border-bottom: 1px solid #ededed;}
.plural li {min-height: 30px;}
.plural .usr_lst li a {display: block; padding: 6px 4px; min-height: 30px; font-size: 12px; background: #f9f9f9; padding-left: 33px;}
.plural .usr_lst li a .usr_photo {background: none; padding: 0; position: absolute; left: 10px; top: 6px;}
.plural .usr_lst {height: 0;}
.plural .usr_lst {height: auto;}
.plural .usr_lst li a:hover {text-decoration: none; background: #edf3ff;}
.plural .usr_lst li a span {display: inline; vertical-align: top; line-height: 18px; background: url('/user/img/bul_dot.png') no-repeat right -12px; padding-right: 6px;}
.plural .usr_lst li a span.img_profile {display: block;}/* 추가 : 2019-08-27 */
.plural .usr_lst li.selected a span {background-position-y: 8px;}
.plural .usr_lst li a span:last-child {background: none;}
.plural .usr_lst li.selected a {background: #edf3ff; /*20250109 kjw color: #3858ed; */ color:#003366; font-weight:1000;}
.profile .usr_profile {padding: 19px 15px 15px 15px; border-bottom: 1px solid #ededed; text-align: center;}
.profile .usr_profile .usr_name {width: 254px; padding: 6px 0; font-size: 19px; color: #111; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.profile .usr_profile .usr_info span {font-size: 12px; color: #969696; letter-spacing: -1px;}
.profile .usr_profile .usr_info span:after {content: '·'; padding: 0 4px;}
.profile .usr_profile .usr_info span:last-child:after {content: '';}
.profile .timecard {padding: 14px 15px; border-bottom: 1px solid #ededed;}
.profile .timecard dl {line-height: 20px; overflow: hidden;}
.profile .timecard dt, .profile .timecard dd {display: inline-block; font-size: 12px;}
.profile .timecard dd {float: right; text-align: right; color: #111;}
.profile .timecard dd em {color: #3858ed;}
.profile .profile_btns {padding: 10px 15px;}
.profile .profile_btns:after {display: block; content: ''; clear: both;}
.profile .btn_log_out {position: relative; padding-left: 18px; font-size: 12px;}
.profile .btn_log_out::before {position: absolute; left: 0; top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-position: 0 -80px; background-repeat: no-repeat;}
.profile .btn_setting {width: 16px; height: 16px; margin-right: -1px; background: url('/user/img/btn_lnb_setting.png') no-repeat 50% 50%; float: right; font-size: 0;}

/** 설정 스크롤 개선 **/
.setup_area .setup_form.scroll-wrapper:before {display: block; content: ''; height: 0; border-top: 1px solid #969696; position: absolute; top: 0; left: 0; right: 0; z-index: 1;}
.setup_area .setup_form.no_brdr.scroll-wrapper:before {display: none;}
.setup_area .setup_form .editor {padding: 0 15px 10px 0; margin-bottom: 0; position: relative;}
.setup_area .setup_form .editor:after {display: block; content: ''; height: 0; border-bottom: 1px solid #d9d9d9; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.setup_area .setup_form .vertical_table.no_brdr table {border-top: 0;}
.setup_area .btns_area.sub_bttm, .setup_area + .btns_area.sub_bttm {height: 110px; padding-top: 15px; text-align: right;}
.setup_area .btns_area.sub_bttm {padding-right: 15px;}
.hgroup.border + .setup_area .setup_form.scroll-wrapper:before, .hgroup.border + .setup_area + .setup_area .setup_form.scroll-wrapper:before {border: 0;}
.hgroup.border + .setup_area .content_table + .setup_form.scroll-wrapper:before {border-top: 1px solid #ccc;}
.hgroup.border + .setup_area .content_table + .setup_form .vertical_table table {border-top: 0;}

/* 개인정보 설정 - 프로필 관리 */
.profile_area.user_set + .setup_area .setup_form.scroll-wrapper.fit_cont:before {border-top-color: #eee;}

/* Floatting Btn */
.floatting {position: fixed; bottom: 20px; right: 20px; height: auto; width: auto; z-index: 110;}
.floatting_btn {position: absolute; bottom: 0; right: 0; width: 48px; height: 48px; background: url('/user/img/btn_float.png') no-repeat 0 0; font-size: 0; transform: rotate(0); opacity: .5;}
.floatting_btn:hover {
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    opacity: 1;}
.floatting_btn.on {transform: rotate(45deg); opacity: 1;}
.floatting_btn:active {animation: floatbtn .4s;}
@keyframes floatbtn {
    0% {transform: rotate(0); -webkit-transform: rotate(0);}
    100% {transform: rotate(45deg); -webkit-transform: rotate(90);}
}
@-webkit-keyframes floatbtn {
    0% {transform: rotate(0); -webkit-transform: rotate(0);}
    100% {transform: rotate(45deg); -webkit-transform: rotate(90);}
}
.floatting_btn.on:active {animation: returnfloat .4s;}
@keyframes returnfloat {
    0% {transform: rotate(45deg); -webkit-transform: rotate(90);}
    100% {transform: rotate(0); -webkit-transform: rotate(0);}
}
@-webkit-keyframes returnfloat {
    0% {transform: rotate(45deg); -webkit-transform: rotate(90);}
    100% {transform: rotate(0); -webkit-transform: rotate(0);}
}

.floatting_menu {position: relative; bottom: 53px; right: 0; border: 1px solid #ff613a; background: #fff;}
.floatting_menu.open {opacity: 1;}
.floatting_menu li a {display: block; height: 48px; padding: 0 20px 0 58px; line-height: 48px; background: url('/user/img/bg_float.png') no-repeat 6px 0; color: #1d2752;}
.floatting_menu li .btn_new {background-position-y: top;}
.floatting_menu li .btn_square {background-position-y: -48px;}
.floatting_menu li .btn_appr {background-position-y: -96px;}
.floatting_menu li .btn_mail {background-position-y: -144px;}
.floatting_menu li .btn_manualbot {background-position-y: -192px;}
.floatting_menu li a:first-child {margin-top: 6px;}
.floatting_menu li a:last-child {margin-bottom: 6px;}

.floatting_menu.close {visibility: hidden; opacity: 0; height: 0; width: 0; transition: opacity 0.25s, visibility 0.25s; -webkit-transition: opacity 0.25s, visibility 0.25s; -moz-transition: opacity 0.25s, visibility 0.25s;}

/* surpot menu */
.support_area {position: fixed; right: -340px; top: 59px; width: 340px; height: calc(100% - 59px); background: #fff; z-index: 100; border-left: 1px solid #d9d9d9; box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2); display: block; opacity: 0;}
.support_area {transition: all .25s cubic-bezier(.25, .46, .45, .94); -webkit-transition: all .25s cubic-bezier(.25, .46, .45, .94); -moz-transition: all .25s cubic-bezier(.25, .46, .45, .94); -ms-transition: all .25s cubic-bezier(.25, .46, .45, .94); -o-transition: all .25s cubic-bezier(.25, .46, .45, .94);}
.support_area.open {right: 0; opacity: 1;}
.support_area .tab {height: 67px; padding: 20px 30px 0; font-size: 0;}
.support_area .datepicker dt a {font-size: 15px; cursor: default;}
.support_area .datepicker dt a:hover {text-decoration: none; border-bottom: none;}
.support_area .tab li {display: inline-block; width: 50%; background: none; padding: 0;}
.support_area .tab li a {display: block; border-bottom: 1px solid #a6a6a6; background: 0 none; text-align: center;}
.support_area .tab li.selected a {border-bottom: 2px solid #3858ed; color: #3858ed; font-weight: bold;}
.support_area .tab li:hover a {color: #3858ed;}
.support_area .tab li a {font-size: 15px; height: 40px; line-height: 40px;}
.support_area .sp_cal {position: relative; display: block; height: calc(100% - 67px); overflow-x: hidden !important;}
.support_area .calendar {position: relative; display: block; padding: 0 30px 0 30px;}
.support_area .datepicker {position: relative; display: block; border: 0 none; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.support_area .datepicker > a {width: 15px; height: 15px; background: url('/user/img/btn_sech_arrow.png') no-repeat 0 5px;}
.support_area .datepicker > a.pre {left: 57px; background-position: left -35px;}
.support_area .datepicker > a.next {right: 57px; background-position: right -35px;}
.support_area .datepicker > a.today {background: none; font-size: 12px; color: #969696; top: 17px; right: 10px; width: auto; text-decoration: underline;}
.support_area .datepicker dl {float: none;}
.support_area .datepicker dd {height: auto;}
.support_area .datepicker dd table {width: 252px;}
.support_area .datepicker dd.day td {width: 36px; height: 36px; padding: 5px;}
.support_area .datepicker dd.day td a {width: 26px !important; height: 26px !important; line-height: 26px !important; font-weight: bold;}
.support_area .sch_lst {padding: 0 36px 0 40px; margin-top: 10px;}
.support_area .sch_lst h4 {font-size: 12px; color: #000; font-weight: bold; height: 30px; line-height: 30px;}
.support_area .sch_lst h4.sunday, .support_area .sch_lst h4.holiday {color: #ff5959;}
.support_area .sch_lst h4.saturday {color: #5a79ec;}
.support_area .sch_lst li {height: 44px;}
.support_area .sch_lst li .schedule {display: block; color: #333; font-size: 13px; background: url('/user/img/dot_gray.png') no-repeat left 8px; height: 20px; line-height: 20px; padding-left: 12px; max-width: 260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.support_area .sch_lst li .time {font-size: 12px; color: #969696; padding-left: 12px;}
.support_area .add_sch {display: block; width: 260px; height: 40px; border: 1px solid #c2c2c2; margin: 10px auto 20px; font-size: 0; background: url('/user/img/spp_sch_add.png') no-repeat 50% 50%;}

.support_area .sp_pp {position: relative; height: calc(100% - 67px); padding: 20px 0 0 30px; overflow-x: hidden !important;}
.support_area .srch_group {width: calc(100% - 30px); height: 28px; padding: 0; margin: 10px 0 0 0; border-bottom: 0;}
.support_area .srch_group input[type="text"] {padding-left: 12px;}
.support_area .srch_group .btn_srch, .support_area .srch_group .btn_return {/* top: 6px; */ right: 5px;}
.support_area .srch_group.on .btn_srch {right: 30px;}
.support_area .srched_layer {position: absolute; top: 30px; left: 0; display: none; width: 256px; border: 1px solid #969696; border-radius: 2px; background: #fff; z-index: 9;}/* 최근검색 레이어 영역 max-height값 삭제 180810 김민우 */
.support_area .srch_group.open .srched_layer {display: block;}
.support_area .srched_layer li {height: 30px; padding: 0; margin: 0;}
.support_area .srched_layer li a {display: block; height: 100%; padding: 0 8px; line-height: 30px; font-size: 0;}
.support_area .srched_layer li a:hover {background: #edf3ff; text-decoration: none;}
.support_area .srched_layer li .co_name {display: inline-block; max-width: 190px; height: 100%; font-size: 12px; line-height: 30px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.support_area .srched_layer li .addr_loc {display: inline-block; font-size: 12px; color: #969696; vertical-align: top;}
.support_area .srched_layer li .dot_divider {content: ': '; padding: 0 4px; font-size: 12px; color: #969696;}
.support_area input {width: 100%; height: 28px; padding: 0 30px 0 6px; border: 1px solid #d9d9d9;}
.support_area .comm_lypop_type1 input {border: 0 none;}
.support_area .address {margin-top: 5px; padding-right: 30px;}
.support_area .addr_block {border-bottom: 1px solid #d9d9d9; padding: 0;}
.support_area .addr_block.open {padding: 0 0 13px 0;}
.support_area .addr_block:first-child {padding-top: 0;}
.support_area .addr_block .tg_ttl {display: block; font-weight: bold; font-size: 14px; color: #111; letter-spacing: -1px; width: 100%; height: 42px; line-height: 42px; padding: 0 10px; padding-left: 0; background: url('/user/img/bg_thread_open.png') no-repeat right center; cursor: pointer;}
.support_area .addr_block.open .tg_ttl {background: url('/user/img/bg_thread_close.png') no-repeat right center; margin-bottom: 7px;}
.support_area .addr_block .tg_ttl em {color: #3958ee; font-weight: bold; padding-left: 4px;}
.support_area .addr_block:last-child {margin-bottom: 33px;}/* 추가 : 2019-03-19 */
.support_area .addr_lst {display: none;}
.support_area .open .addr_lst {display: block;}
.support_area .picz_lst {position: relative; font-size: 0;}
.support_area .picz_lst li.no_worker {position: relative; font-size: 12px; text-align: center; color: #333; padding: 13px 0 20px; border-left: 0 none !important;}
.support_area .picz_lst .co_worker {position: relative; display: inline-block; margin: 0 10px 18px 0; vertical-align: top;}/* 수정 : 2019-03-19 */
.support_area .picz_lst .co_worker > a {position: relative; width: 58px; height: 80px; display: inline-block; padding: 2px 1px; vertical-align: top; font-size: 12px; text-align: center;}
.support_area .picz_lst .co_worker .co_pic {display: block; width: 40px; height: 40px; font-size: 0; text-align: center; margin: 0 auto 5px;}/* 수정 : 2019-03-19 */
.support_area .picz_lst .co_worker .co_pic img.photo {width: 40px; height: 40px; border-radius: 100px; z-index: 9; margin: 0 auto;}
.support_area .picz_lst .co_worker .co_name, .support_area .picz_lst .co_worker .co_info {display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; font-size: 12px; white-space: nowrap; letter-spacing: -1px;}/* 수정 : 2019-03-19 */
.support_area .picz_lst .co_worker .co_name {height: 14px; line-height: 14px;}/* 추가 : 2019-03-19 */
.support_area .picz_lst .co_worker .co_info {margin-top: -5px; height: 12px; line-height: 10px;}/* 추가 : 2019-03-19 */
.support_area .picz_lst .co_worker .co_info em {color: #3958ee; font-size: 11px; font-weight: bold;}
.support_area .picz_lst .co_worker .co_name.group {white-space: normal; height: 28px;}
/* 주소록에서 등록된 사용자 정보가 없을때 문구 출력 180227 */
.support_area .picz_lst .cmmnt {display: inline-block; width: 100%; height: 20px; font-size: 12px; text-align: left; color: #666; padding-left: 14px; border-left: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.support_area .srch_reset {position: relative; display: none; display: block; width: 100%; height: 20px;}
.support_area .srch_reset.on {display: block;}
.support_area .srch_reset .btn_reset {position: absolute; right: 0;}
.support_area .srch_reset .btn_reset a {font-size: 11px; color: #969696; text-decoration: underline;}

/** 우측 조직도 **/
/* 조직도 영역 */
.depth .h_group {position: relative; padding: 0; height: 26px; box-sizing: border-box; z-index: 99;}/* 수정 : 2019-03-20 */
.depth_open {position: relative; display: inline-block; height: 26px; font-size: 12px; color: #3858ed !important; padding: 0; cursor: pointer; background: url('/user/img/org_communicator.png') no-repeat left -50px; font-weight: bold; line-height: 26px;}
.depth_clse {position: relative; display: inline-block; height: 26px; font-size: 12px; color: #333; padding: 0; cursor: pointer; background: url('/user/img/org_communicator.png') no-repeat left 0; text-decoration: none; line-height: 26px;}/* 수정 : 2019-03-20 */
.depth .h_group a.g_name {padding-left: 34px;}
.g_name {display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}

/* 조직도 box형 추가 : 2019-03-19 */
.depth .depth .h_group {margin-left: 18px;}
.depth .depth .depth .h_group {margin-left: 36px;}
.depth .depth .depth .depth .h_group {margin-left: 54px;}
.depth .depth .depth .depth .depth .h_group {margin-left: 72px;}
.depth .depth .depth .depth .depth .depth .h_group {margin-left: 90px;}
.depth .depth .depth .depth .depth .depth .depth .h_group {margin-left: 108px;}

.support_area .folder .picz_lst {padding: 13px 0 5px 12px; margin: 2px 0 9px; border: 1px solid #e3e3e3;}
.support_area .folder .picz_lst li {margin: 0 6px 8px 0;}
.support_area .folder .picz_lst li.cmmnt {padding: 0 10px 0 0; margin: 0 0 5px; text-align: center;}
.support_area .folder .picz_lst .co_worker > a {height: 71px;}
.support_area .folder .picz_lst .co_worker .co_pic {width: 34px; height: 34px;}
.support_area .folder .picz_lst .co_worker img.photo {width: 34px; height: 34px; border-radius: 100px; z-index: 9; margin: 0 auto;}
.support_area .folder .picz_lst li.no_worker {background: #fff; margin: -14px -1px -6px -13px; padding: 12px 0; position: relative;}

span.depth {content: ''; vertical-align: top; display: inline-block; width: 18px; height: 18px;}

.depth .h_group .group_info {position: absolute; right: 8px; top: 5px; background: url('/user/img/ico_group_info.png') no-repeat 0 0; width: 16px; height: 15px; padding: 0; display: none;}

.depth .h_group:hover .sms_org {display: block; right: 29px;}
.depth .h_group .sms_org:hover {background-position: 0 0;}

.depth .h_group:hover .group_info {display: block;}
.depth .h_group:hover .g_name {max-width: calc(100% - 20px);}
.depth .h_group:hover .mail_org {display: block;}
.depth .h_group .mail_org:hover {background-position: 0 0;}

/** 스퀘어 연계 **/
.sq_feed {position: relative; display: block; background: #f5f5f5; border: 1px solid #e3e3e3; margin-top: 18px;}

.attached .sq_feed {margin: 18px; width: calc(100% - 36px);}
/* 스퀘어 글쓰기 - 링크 */
.sq_feed .linkfeed {padding: 5px 15px;}
.sq_feed .linkfeed .plan img {position: absolute;}
.sq_feed .linkfeed .plan {display: block; position: relative; height: 66px; padding: 13px 20px 0 80px; background-color: #fff; border: 1px solid #e3e3e3; font-size: 12px; line-height: 19px; color: #969696; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2019-03-27 */
.sq_feed .linkfeed .plan::before, .sq_feed .linkfeed .plan::after {position: absolute; display: block; content: '';}
.sq_feed .linkfeed .plan::before {left: 0; top: calc(50% - 34px); width: 68px; height: 68px; background: url('/user/img/ico_summary.png') no-repeat 0 -72px; z-index: 1;}
.sq_feed .linkfeed .plan::after {left: 68px; top: 0; bottom: 0; width: 1px; background-color: #e3e3e3; z-index: 0;}
.sq_feed .linkfeed .plan em {position: relative; display: block; width: fit-content; max-width: 100%; padding-right: 16px; font-size: 13px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sq_feed .linkfeed .plan em:after {position: absolute; right: 0; top: 1px; content: ''; display: inline-block; width: 16px; height: 16px; background: url('/user/img/square/bu_arrow_dark_gray.png') no-repeat center 4px;}

.sq_feed .txt {display: block; font-size: 13px; color: #333; width: 100%; height: 32px; padding: 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sq_feed .locate {display: block; width: 100%; border: 0 none; padding: 0 15px 15px; color: #969696; font-size: 12px; height: 34px;}
.sq_feed .img {width: 100%;}
.sq_feed .img img {width: 100%;}
/* 스퀘어 글쓰기 - 일정 */
.form_table_square .linkfeed .plan {position: relative; padding: 14px 0 12px 80px; background-color: #fff;}/* 수정 : 2019-04-02 */
.form_table_square .linkfeed .plan::before, .form_table_square .linkfeed .plan::after {position: absolute; display: block; content: '';}
.form_table_square .linkfeed .plan::before {left: 0; top: calc(50% - 34px); width: 68px; height: 68px; background: url('/user/img/ico_summary.png') no-repeat 0 -72px; z-index: 1;}
.form_table_square .linkfeed .plan::after {left: 68px; top: 0; bottom: 0; width: 1px; background-color: #e3e3e3; z-index: 0;}
.form_table_square .linkfeed .plan p {width: calc(100% - 78px); cursor: pointer; max-height: 38px; overflow: hidden;}
.form_table_square .linkfeed .plan .time {width: calc(100% - 78px); cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 반복일정 내용일 길면 말줄임 처리되도록 스타일 추가 : 2018-11-20 김민우 */
.form_table_square .linkfeed .plan .time span {vertical-align: top;}
.form_table_square .linkfeed .plan .time .state {height: 18px; padding: 0 4px; line-height: 16px;}
.form_table_square .linkfeed .plan .time .bar {content: ''; display: inline-block; width: 5px; height: 18px; background: url('/user/img/divider.png') no-repeat 50% 50%; margin: 0 4px;}
/* 스퀘어 글쓰기 - 투표 */
.form_table_square .linkfeed .plan.vote::before {background-position-y: -216px;}
.form_table_square .linkfeed .plan.vote.standby p, .form_table_square .linkfeed .plan.survey.standby p {margin-top: 8px;}
/* 스퀘어 글쓰기 - 설문 */
.form_table_square .linkfeed .plan.survey::before {background-position-y: -144px;}
/* 스퀘어 글쓰기 - 공문 */
.form_table_square .arrp_block_wrap .arrp_block_cont.cust2 {margin: 0; padding: 0;}
.form_table_square .arrp_block_wrap .arrp_block_cont .file_lst.upload li {padding-left: 10px; font-size: 12px;}
.form_table_square .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_opt {width: 120px;}
.form_table_square .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_name {width: calc(100% - 167px); padding-right: 2px;}
.form_table_square .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_draft_info {display: inline-block; width: 156px; color: #666; text-align: right; vertical-align: top;}
.form_table_square .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_draft_info span {display: inline-block; min-height: 22px; line-height: 22px;}
.form_table_square .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_draft_info .drafter {max-width: 65px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}

/* 해시태그 - 기본(스퀘어) */
.form_tag_area {position: relative; margin: 12px 0 0 0; font-size: 12px;}
.form_tag_area .hash, .form_tag_area .hashinput {display: inline-block; height: 22px; padding: 0 10px; margin: 8px 8px 0 0; border-radius: 2px 2px; background-color: #ebf1fc; color: #b7b7b7; line-height: 21px; vertical-align: middle;}
.form_tag_area .hash {position: relative; padding-right: 26px; color: #4c4c4c;}
.form_tag_area .cancel_select {position: absolute; top: 50%; right: 6px; display: inline-block; width: 16px; height: 16px; margin-top: -8px; background: url('/user/img/btn_delete_gray.png') no-repeat 4px 4px; font-size: 0; vertical-align: middle; cursor: pointer;}
.form_tag_area .tag_lst {position: absolute; display: none; width: 100%; border: 1px solid #969696; border-radius: 2px 2px; background-color: #fff; font-size: 12px; z-index: 100;}
.form_tag_area .tag_lst .handy-scroll {max-height: 154px;}
.form_tag_area .tag_lst ul li strong {display: block; height: 32px; padding-left: 12px; color: #969696; line-height: 32px;}
.form_tag_area .tag_lst ul ul li {display: block; height: 30px; padding-left: 20px; padding-right: 15px; color: #111; line-height: 30px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; cursor: pointer;}
.form_tag_area .tag_lst ul ul li:hover {background-color: #edf3ff;}
.form_tag_area.open .tag_lst {display: block;}

/* 해시태그 - 게시판 */
.form_table .form_tag_area {margin-top: -5px;}
.form_table .form_tag_area .hash {padding-right: 25px;}
.form_table .form_tag_area .cancel_select {right: 6px; min-height: auto; line-height: normal;}

/* 결재 */
.appr_prop_wrap {font-size: 0;}
.prop {position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 2px 0 0; text-indent: -9999px; overflow: hidden;}
.prop::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/ico_status.png'); background-repeat: no-repeat;}

/* 16 x 16 */
.prop.draft::before {background-position: -60px -40px;}/* 기안한문서 */
.prop.receive::before {background-position: -80px -40px;}/* 수신문서 */
.prop.n_elect::before {background-position: -100px -40px;}/* 비전자문서 */
.prop.filing::before {background-position: -120px -40px;}/* 편철문서 */

/* 10 x 10 *//* 수정 : 2020-03-26 */
.prop.cc, .prop.doc, .prop.restricted, .prop.history, .prop.cmmt, .prop.return, .prop.inspection, .prop.interlock, .prop.cc_important, .prop.doc_security, .prop.connect {width: 10px; height: 10px; margin-top: 2px;}
.prop.cc::before, .prop.doc::before, .prop.restricted::before, .prop.history::before, .prop.cmmt::before, .prop.return::before, .prop.inspection::before, .prop.interlock::before, .prop.cc_important::before, .prop.doc_security::before, .prop.connect::before {left: calc(50% - 5px); top: calc(50% - 5px); width: 10px; height: 10px;}
.prop.cc::before {background-position: 0 -60px;}/* 공람 */
.prop.doc::before {background-position: -14px -60px;}/* 관련문서 */
.prop.restricted::before {background-position: -28px -60px;}/* 열람제한 */
.prop.history {margin-right: 1px;}
.prop.history::before {background-position: -42px -60px; }/* 이력관리 */
.prop.cmmt {margin-top: 3px;}
.prop.cmmt::before {background-position: -56px -61px;}/* 의견 */
.prop.return {margin-right: 1px;}
.prop.return::before {background-position: -70px -60px;}/* 반송 *//* 추가 : 2019-02-14 */
.prop.inspection {margin-right: 1px;}
.prop.inspection::before {background-position: -84px -60px;}/* 감사의견 *//* 추가 : 2020-03-25 */
.prop.interlock::before {background-position: -98px -60px;}/* 연동문서 */
.prop.cc_important::before {background-position: -112px -60px;}/* 중요공람 */
.prop.doc_security::before {background-position: -126px -60px; margin-right: -1px;}/* 문서보안 */
.prop.connect::before {background-position: -140px -60px;}/* 연결문서 */

.appr_view_head {position: relative; background: #f9f9f9;}
.appr_view_head .title {position: relative; padding: 19px 24px 0 55px;}
.appr_view_head .title .form.flag, .appr_view_head .title .form.favorite {position: absolute; left: 30px; top: 24px;}
.appr_view_head .title .badge {margin: 6px 0 0 0; vertical-align: top;}
.appr_view_head .title .subject {margin: -2px 0 0 0; font-size: 17px; color: #111; font-weight: bold; line-height: 23px; letter-spacing: -1px;}
.appr_view_head .title .ico.pop_up {display: inline-block; margin: 4px 0 0 0; vertical-align: top;}
.appr_view_head .sub_info {padding: 0 24px 0 30px; margin: 10px 0 0 0;}/* 수정 : 2019-03-28 */
.appr_view_head .sub_info .date {position: relative; display: inline-block; padding: 0 0 0 8px; margin: 0 0 0 8px; color: #666;}
.appr_view_head .sub_info .date em {font-weight: bold;}
.appr_view_head .sub_info .date:after {content: ''; position: absolute; top: 3px; left: 0; display: block; width: 1px; height: 12px; background: url('/user/img/divider.png') no-repeat left top;}
.appr_view_head .sub_info .date:first-child {padding: 0; margin: 0;}
.appr_view_head .sub_info .date:first-child:after {content: ''; display: none;}
.appr_view_head .sub_info .team:before {content: 'ㆍ'; color: #b3b3b3; margin-left: -3px;}
.appr_view_head .ico_btn.print {position: absolute; bottom: 5px; right: 15px; margin: 0; background-color: #fff; z-index: 9;}
.appr_view_head .contents_tab {position: relative; height: 50px; padding: 22px 0 0 30px !important; border-bottom: 1px solid #ccc;}
.appr_view_head .contents_tab li a:after {display: none;}
.appr_view_head .ico.close_info {position: absolute; right: 15px; top: 24px; margin-right: 0;}

.appr_view_detail {display: block;}
.appr_view_wrap .attached {padding: 20px 0 10px; margin: 0 30px; border-bottom: 1px solid #eee;}/* 수정 : 2019-03-28 */
.appr_view_wrap .file_info {min-height: 17px; padding: 0; line-height: 16px;}
.appr_view_wrap .file_info .btn_open {width: 17px; margin: 0 0 0 -5px;}/* 수정 : 2019-03-28 */

.appr_view_cont {padding: 0 30px 30px;}/* 수정 : 2019-02-20 */
.appr_view_cont .cont_title {position: relative; display: block; margin: 23px 0 15px 0; color: #111; font-weight: bold; font-size: 13px;}
.appr_view_cont .cont_title .num {margin: 0 0 0 5px; font-size: 12px; color: #3858ed;}/* 수정 : 2020-02-18 */
.appr_view_cont .cont_title .pos_r {position: absolute; top: -2px; right: 0;}
.appr_view_cont .cont_title .pos_r span {font-weight: normal;}
.appr_view_cont .cont_title .pos_r .btn {margin: 0; font-weight: normal;}/* 수정 : 2020-05-11 */
.appr_view_cont .cont_title .pos_r .selectbox {width: auto; display: inline-block;}

.appr_view_cont .cont_title + .btns {position: relative; display: block; height: 30px; margin-bottom: 10px;}
.appr_view_cont .btns .group .btn {margin-right: 4px;}
.appr_view_cont .btns .group.align_rg {position: absolute; top: 0; right: 0;}
.appr_view_cont .btns .group.align_rg .txt {line-height: 26px;}
.appr_view_cont .cont_title .btn_open {width: auto; height: auto; padding-left: 13px; background-position: -5px 0;}
.appr_view_cont .cont_title .btn_open:hover {text-decoration: none;}
.appr_view_cont .cont_title .btn_open.open {background-position: -5px -20px;}
.appr_view_cont .cont_title .btn_open strong {display: inline-block; font-size: 14px;}

.appr_view_cont .replybox {margin: 25px 0 0 0; padding: 0;}/* 수정 : 2019-02-20 *//* 수정 : 2020-02-18 */

/* 리스트에서 미리보기 모달 팝업 */
.popup_container .appr_view_head .title {height: inherit; line-height: inherit; border-bottom: none;}
.popup_container .appr_view_cont .content_table {margin: 0; border-bottom: 0;}/* 수정 : 2020-05-11 */
.popup_container .appr_view_cont .content_table .table_head th:last-child {padding: 5px 0; padding-left: 6px;}
.popup_container .vertical_ui .appr_view_cont .content_table .table_head th {height: 28px;}
.popup_container .form_lst {padding: 20px 30px 15px;}
.popup_container .form_lst .description {height: 32px; margin: 0 5px;}
.popup_container .form_lst .lst_block {position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.popup_container .form_lst .lst_block ul {max-height: 170px; width: 100%;}
.popup_container .form_lst .lst_block ul li {height: 30px; line-height: 30px;}
.popup_container .form_lst .lst_block ul li .sche_st5 {width: 100%; overflow: hidden; text-overflow: ellipsis;}

/* head */
.vertical_ui {position: relative;}
.vertical_ui .appr_view_cont .content_table .table_head {min-height: 30px; visibility: visible !important; display: block;}/* 수정 : 2018-07-30 */
.vertical_ui .appr_view_cont .content_table .table_head th:last-child {padding: 5px 0; padding-left: 6px;}
.vertical_ui .appr_view_cont .content_table .table_head th {height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* 수정 : 2018-09-12 */
.vertical_ui .appr_view_cont .content_table .table_body {max-height: 276px;}
.vertical_ui .appr_view_cont .content_table .table_body.scroll-content {overflow: scroll !important;}
.vertical_ui .appr_view_cont .content_table .table_body.none_scroll {max-height: none;}/* 스크롤 없는 케이스 추가 : 2018-07-30 */

.appr_view_cont .content_table .table_head th .form {vertical-align: top;}/* ie */
.appr_view_cont .content_table tr:last-child td {border-bottom: none;}
.appr_view_cont .content_table .tb_cont {background: #f9f9f9;}
.appr_view_cont .content_table .tb_cont td {display: none;}
.appr_view_cont .content_table .tb_cont td div {white-space: pre-line;}/* 엔터키 인식을 위한 속성 수정 (nowrap -> pre-line) : 2018-07-23 */
.appr_view_cont .content_table .tb_cont.open td {display: table-cell;}
.appr_view_cont .content_table .flip {margin: 0; line-height: 16px;}
.appr_view_cont .content_table .txtc {text-align: center;}

.appr_view_cont .vertical_table {padding: 0; border-top: 1px solid #ccc;}

/* 결재 목록 > 아이콘 버튼 공통 */
.container_area.approval .content_table.title_mg0 .title .ico_preview, .container_area.approval .content_table.title_mg0 .title .ico_opinion, .container_area.approval .content_table.title_mg0.return .title .ico_return {position: absolute; right: 0; top: 2px; display: inline-block; width: 16px; height: 16px; margin-right: 0; font-size: 0;}
.container_area.approval .content_table.title_mg0 .title .ico_preview::before, .container_area.approval .content_table.title_mg0 .title .ico_opinion::before, .container_area.approval .content_table.title_mg0.return .title .ico_return::before {position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat;}

/* 결재 목록 > 미리보기 아이콘 버튼 */
.container_area.approval .content_table.title_mg0 .title .ico_preview::before {background-position: -60px -100px;}

/* 결재 목록 > 의견 아이콘 버튼 */
.container_area.approval .content_table.title_mg0 .title .ico_opinion::before {background-position: -80px -100px;}

/* 결재 목록 > 폐기문서 */
.container_area.approval .content_table.title_mg0 .title.discard {padding-right: 42px;}
.container_area.approval .content_table.title_mg0 .title.discard .subject {text-decoration: line-through;}
.container_area.approval .content_table.title_mg0 .title.discard .ico_preview {right: 20px;}

/* 결재 목록뷰 테이블 스타일 180306 : 반려문서 */
.container_area.approval {overflow-y: hidden;}
.container_area.approval .content_table.title_mg0.return th .title {padding-right: 15px;}/* 추가 : 2020-03-25 */
.container_area.approval .content_table.title_mg0.return .title {padding-right: 42px;}
.container_area.approval .content_table.title_mg0.return .title .ico_preview {right: 20px;}
.container_area.approval .content_table.title_mg0.return .title .ico_return::before {background-position: -80px -100px;}

.vertical_ui .appr_view_cont .paginate_area {border-top: none;}
.vertical_ui .appr_view_cont .vertical_table table {border-top: 0;}/* 추가 : 2019-03-29 */

/** 문서상세정보 **/
/* 결재경로 */
.appr_line_list ul {margin: 0;}
.appr_line_list ul li {display: block;}
.appr_line_list ul li:after {display: block; content: ''; clear: both;}
.appr_line_list ul li:last-child .appr_line_wrap {min-height: auto; padding: 0; background: none;}
.appr_line_list ul li:last-child .appr_line_wrap.yet .appr_line_man .name {margin-top: 0;}

.appr_line_wrap {position: relative; min-height: 52px; padding: 0 0 20px 0; background: url('/user/img/bg_appr_dot.png') repeat-y 10px 0;}
.appr_line_wrap .appr_line_progress {position: absolute; left: 0; top: 0; width: 100px;}
.appr_line_wrap .appr_line_progress .ic {position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; background: url('/user/img/ic_appr_01.png') no-repeat left top; text-indent: -9999px;}
.appr_line_wrap .appr_line_progress .red_dot {position: absolute; left: 14px; top: 0; display: block; width: 4px; height: 4px; background: #ff5959; border: 2px solid #fff; border-radius: 50%; box-sizing: content-box; font-size: 0;}
.appr_line_wrap .appr_line_progress .txt {position: relative; top: -10px; margin-left: 25px; display: table; width: 60px; height: 40px; font-size: 12px; color: #797f9c;}
.appr_line_wrap .appr_line_progress .txt span {display: table-cell; vertical-align: middle;}
.appr_line_wrap .appr_line_man {position: relative; top: -6px; width: calc(100% - 155px); min-height: 32px; padding: 0 0 0 43px; margin-left: 100px;}
.appr_line_wrap .appr_line_man .photo {position: absolute; left: 0; display: block; width: 32px; height: 32px; font-size: 0; overflow: hidden;}
.appr_line_wrap .appr_line_man .photo img {width: 100%; height: 100%;}
.appr_line_wrap .appr_line_man .name {display: inline-block; color: #111; max-width: 100%; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.appr_line_wrap .appr_line_man .name em {font-weight: bold;}
.appr_line_wrap .appr_line_man .btn_msg {position: absolute; display: inline-block; width: 18px; height: 18px; background: url('/user/img/btn_appr_msg.png') no-repeat 3px 3px; font-size: 0; vertical-align: top;}/* 의견 아이콘 수정: 2018-08-03 박희진 */
.appr_line_wrap .appr_line_state {position: absolute; right: 6px; top: -1px;}
.appr_line_wrap .appr_line_state .state {padding: 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.appr_line_wrap .appr_line_date {position: absolute; left: 144px; top: 11px; font-size: 12px; color: #969696;}
.appr_line_wrap .appr_line_date .info_version {display: inline-block; vertical-align: top;}
.appr_line_wrap .appr_line_date .info_version:before {display: inline-block; content: ''; width: 1px; height: 9px; margin: 4px 5px 0; background-color: #d9d9d9; vertical-align: top;}
.appr_line_wrap .appr_line_msg {position: relative; display: none; padding: 15px; margin: 11px 0 5px 86px; border: 1px solid #d9d9d9; border-radius: 2px; line-height: 1.5; color: #333;}/* 수정 : 2020-02-19 */
.appr_line_wrap .appr_line_msg:after {content: ''; position: absolute; left: -1px; top: -10px; display: block; width: 11px; height: 10px; background: url('/user/img/bg_appr_arrow.png') no-repeat left top;}
.appr_line_wrap .appr_line_msg .badge_recovery {display: inline-block; min-width: 34px; height: 18px; margin-right: 4px; background: #eee; border-radius: 2px; font-size: 12px; color: #666; text-align: center; line-height: 19px; vertical-align: top;}
.appr_line_wrap .appr_line_msg.open {display: block;}
/* 진행 & 완료 */
.appr_line_wrap.ing, .appr_line_wrap.end {background: url('/user/img/bg_appr_line.png') repeat-y 10px 0;}
.appr_line_wrap.ing .appr_line_progress .txt, .appr_line_wrap.end .appr_line_progress .txt {color: #3858ed;}
.appr_line_wrap.ing .appr_line_progress .ic {background-position: 0 -30px;}
.appr_line_wrap.end .appr_line_progress .ic {background-position: -30px 0;}
/* 진행 & 대기 */
.appr_line_wrap.ing .appr_line_man .name, .appr_line_wrap.yet .appr_line_man .name {margin-top: 7px;}/* 추가 : 2018-08-06 */
/* 진행 & 대기 - 날짜 정보 있음 */
.appr_line_wrap.ing.has_date .appr_line_man .name, .appr_line_wrap.yet.has_date .appr_line_man .name {margin-top: 0;}
/* 미리보기 > 결재경로 의견 */
.appr_view_cont .appr_line_list .appr_line_msg {margin: 11px 25px 5px 100px}/* 의견 쓰기와 보기의 넓이 맞춤 작업으로 인한 추가 : 2019-05-07 *//* 수정 : 2020-02-19 */

/* 업무 게시판 - 전체 업무 단계 정보 */
.appr_line_list.task_board .appr_line_wrap {display: flex;}
.appr_line_list.task_board .appr_line_wrap .appr_line_progress {position: static; width: auto;}
.appr_line_list.task_board .appr_line_wrap .appr_line_progress .txt {top: -7px; width: 121px;}
.appr_line_list.task_board .appr_line_wrap .appr_line_progress .txt span {display: block;}
.appr_line_list.task_board .appr_line_wrap .appr_line_progress .step_num {color: #3858ed; margin-bottom: 2px;}
.appr_line_list.task_board .appr_line_wrap .appr_line_progress .step_title {font-weight: normal; font-size: 13px; color: #333;}
.appr_line_list.task_board .appr_line_wrap .appr_line_man {top: -5px; margin: 0 0 0 10px;}
.appr_line_list.task_board .appr_line_wrap .step_worker {display: block; padding-top: 7px; color: #666;}
.appr_line_list.task_board .appr_line_wrap .step_worker .name {margin-top: 0 !important; font-weight: bold; color: #333;}
.appr_line_list.task_board .appr_line_wrap .step_worker .rank {padding-left: 4px;}
.appr_line_list.task_board .appr_line_wrap .step_worker .ico.view_more {margin: 0 0 0 4px; vertical-align: text-bottom;}
.appr_line_list.task_board li:not(:last-child) .appr_line_wrap.ing {background: url('/user/img/bg_appr_dot.png') repeat-y 10px 0;}

/* 풀다운 형태 */
.arrp_block_wrap .arrp_block_cont {display: none;}
.arrp_block_wrap.open .arrp_block_cont {display: block; margin-top: 10px;}
.arrp_block_wrap .arrp_block_cont.cust1 {padding: 10px 0 0 0; margin: 0 0 -6px 0;}
.arrp_block_wrap .arrp_block_cont.cust2 {padding: 20px 0 0 0; margin: 0 0 -6px 0;}
.arrp_block_wrap .arrp_block_cont.cust3 {padding: 20px 0 0 0; margin: 0 0 -6px 0;}
.arrp_block_wrap .arrp_block_cont .sche_share_list {max-height: 70px;}
.arrp_block_wrap .arrp_block_cont .sche_share_list.appr_box {max-height: 350px; margin: 0;}
.arrp_block_wrap .arrp_block_cont .inner {position: relative; width: 100%; padding: 10px;} /* 2025-03-06 dearbae for KISA 문서상세정보 수신처 칸*/
.arrp_block_wrap .arrp_block_cont .file_lst.upload .file_opt {width: 70px; padding-top: 0; padding-right: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #797f9c;}
.arrp_block_wrap .arrp_block_cont .file_lst.upload .file_name {width: calc(100% - 5px);}

/* 팝업 > 공람자 & 수신자 공통 */
.inner ul {margin: 0;}
.inner > ul > li {position: relative; width: 100%; display: block; padding: 0; border-top: 1px solid #eee;}
.inner > ul > li:first-child {border-top: 0 none;}
.inner > ul > li > div {position: relative; padding: 10px 20px 10px 0;}
.inner .appr_line_num {position: absolute; display: table-cell; left: 0; top: 0; width: 40px; height: 60px; line-height: 60px; color: #797f9c; text-align: center; vertical-align: middle;}
.inner .appr_line_usr {position: relative; margin: 0 66px 0 0; padding: 0 0 0 40px; min-height: 27px;}
.inner .appr_line_usr .team {max-width: 330px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inner .appr_line_usr.no_name .team {margin-top: 10px;}
.inner .appr_line_usr .name {display: inline-block; font-size: 12px; vertical-align: top;}
.inner .appr_line_usr .btn_msg {display: inline-block; width: 18px; height: 18px; margin-top: 1px; background: url('/user/img/btn_appr_msg.png') no-repeat 1px 3px; text-indent: -9999px; vertical-align: top;}
.inner .ico_re {position: absolute; top: 13px; right: 70px; width: 12px; height: 12px; display: block; background: url('/user/img/ico_appr_re.png') no-repeat 0 0;}
.inner .ico_re.no_date {top: 23px;}
.inner .appr_line_state {position: absolute; right: 20px; top: 10px;}
.inner .appr_line_state.no_date {top: 20px;}/* 날짜없는경우 : 2018-07-12 허수정 */
.inner .appr_line_state .state {padding: 0 8px;}
.inner .appr_line_state .state.txt {padding: 0; color: #969696; text-align: right;}
.inner .appr_line_date {position: absolute; top: 32px; right: 20px; font-size: 12px; color: #969696;}
.inner .appr_line_msg {position: relative; display: none; padding: 15px; margin: 14px 0 5px 40px; color: #333; border: 1px solid #d9d9d9; border-radius: 2px;}
.inner .appr_line_msg:after {content: ''; position: absolute; left: -1px; top: -10px; display: block; width: 11px; height: 10px; background: url('/user/img/bg_appr_arrow.png') no-repeat left top;}
.inner .appr_line_msg.open {display: block;}
/* 공람자 */
.inner.viewer_line_list > ul > li {min-height: 40px;}/* 수정 : 2018-07-12 허수정 */
.inner.viewer_line_list .appr_line_usr .name em {font-weight: bold;}
/* 수신자 */
.inner.recv_line_list > ul > li {min-height: 60px;}
.inner.recv_line_list .appr_line_usr .name {color: #969696;}
.inner.recv_line_list .appr_line_usr .name em {color: #333;}
/* 메일알림 수신자 리스트 (하나은행 요청) : 2018-06-14 박희진 */
.inner.recv_line_list .receiver .appr_line_num {position: static; width: 50px;}
.inner.recv_line_list .receiver .appr_line_usr {display: table-cell; vertical-align: middle;}
.inner.recv_line_list > .receiver > li {padding-right: 20px;}
.inner.recv_line_list > .receiver > li > div {padding: 0;}

/* 메일 쓰기 - 공문 추가 */
.form_table .arrp_block_wrap {padding: 3px 0 0 0; border-bottom: 0;}
.form_table .arrp_block_wrap .arrp_block_cont.cust2 {padding: 4px 0 6px;}
.form_table .arrp_block_wrap .arrp_block_cont .file_lst.upload li {padding-left: 10px; font-size: 12px;}
.form_table .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_opt {width: 120px;}
.form_table .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_name {width: calc(100% - 167px); padding-right: 2px;}
.form_table .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_draft_info {display: inline-block; width: 156px; color: #666; text-align: right; vertical-align: top;}
.form_table .arrp_block_wrap .arrp_block_cont .file_lst.upload .file_draft_info .drafter {max-width: 65px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}

/* 업무 상세보기 - 업무넷 */
.container_area.worknet .key_info + .additional_info + .content:not(.research) {padding-right: 30px;}

/* 업무 답변 */
.reply_work_area {margin: 0 30px; padding: 35px 0; border-top: 1px solid #eee;}
.reply_work_area .reply_title {padding-bottom: 15px;}
.reply_work_area .reply_title .title {position: relative; display: block; padding: 0 20px; margin-bottom: 2px; font-size: 14px; font-weight: bold;}
.reply_work_area .reply_title .title::before {position: absolute; left: 0; top: 0; display: block; content: ''; width: 16px; height: 16px; background-image: url('/user/img/new/common.png'); background-repeat: no-repeat; background-position: -20px -80px;}
.reply_work_area .reply_title .description {width: calc(100% - 150px); padding-left: 20px; color: #969696;}
.reply_work_area .reply_title .text_btn {float: right; margin: -15px 5px 0 0;}
.reply_work_area .reply_title:after {display: block; content: ''; clear: both;}
.reply_work_area .reply_content .box_card.none_list {height: 160px !important; padding-top: 25px !important;}

/* 카드 UI - 업무답변 */
.box_card {position: relative; min-height: 72px; margin-top: 15px; padding: 15px 20px 15px 65px; border: 1px solid #e3e3e3;}
.box_card:first-child {margin-top: 0;}
.box_card .card_info {display: flex;}
.box_card .card_info .profile_photo {position: absolute; top: 15px; left: 15px; display: block; width: 40px; height: 40px;}
.box_card .card_info .sort {position: absolute; top: 23px; left: 27px; display: block; width: 16px; height: 16px; background-image: url('/user/img/ico_sort.png'); border: 1px solid #fff; border-radius: 50%; font-size: 0;}
.box_card .card_info .sort.iv {background-color: #5A79EC; background-position: -1px -1px;}
.box_card .card_info .sort.cc {background-color: #797F9C; background-position: -17px -1px;}
.box_card .card_info .info_user {position: relative; flex: 1; font-size: 0; overflow: hidden;}
.box_card .card_info .info_user .name_wrap {display: flex; align-items: center; padding-right: 13px;}
.box_card .card_info .info_user .name_wrap span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box_card .card_info .info_user .name {flex-shrink: 0; display: inline-block; font-size: 14px; font-weight: bold; color: #111; letter-spacing: -0.8px;}
.box_card .card_info .info_user .rank {display: inline-block; margin-left: 4px; font-size: 13px;}
.box_card .card_info .info_user .team {display: inline-block; padding-right: 5px; font-size: 13px; color: #666; letter-spacing: -0.3px; vertical-align: top;}
.box_card .card_info .info_user .team:before {display: inline-block; content: 'ㆍ'; color: #666; letter-spacing: -2px;}
.box_card .card_info .time {margin-top: 4px; font-size: 12px; color: #969696; letter-spacing: -0.5px;}
.box_card .card_info .tool, .box_card .card_info .info_state {flex-shrink: 0;}
.box_card .card_info .tool {position: relative; margin: 5px 15px 0 6px;}
.box_card .card_info .tool > a {display: block; width: 22px; height: 22px; background: url('/user/img/square/ico.png') no-repeat 1px -239px; font-size: 0;}
.box_card .card_info .tool > a:hover {background-image: url('/user/img/square/ico_over.png');}
.box_card .card_info .tool.open .select_lst {position: absolute; right: 0; top: 22px; display: block;}

.box_card .article {margin-top: 21px;}
.box_card .article .txt {line-height: 22px;}
.box_card .card_info .info_state {padding-top: 5px;}
.box_card .file .attached .file_info {padding-left: 0; margin-left: -4px;}
.box_card .file .attached .file_info dt {margin-top: 12px; font-size: 13px; font-weight: bold; color: #111;}
.box_card .file .attached .file_lst {margin: 12px 0 0 1px;}

.box_card.type_fold .card_info .info_state:last-child {margin-right: 25px;}
.box_card.type_fold .btn_toggle {position: absolute; top: 0; right: 0; height: 70px; margin-bottom: -15px;}
.box_card.type_fold .btn_toggle .ico_btn.toggle_fold {width: 30px; height: 100%; margin: 0;  border-width: 0 0 0 1px; border-color: #f5f5f5; border-radius: 0; vertical-align: top;}
.box_card.type_fold .btn_toggle .ico_btn.toggle_fold::before {left: calc(50% - 10px); top: calc(50% - 10px); width: 20px; height: 20px; background-image: url('/user/img/bg_thread_open.png'); background-position: 50% 50%;}
.box_card.type_fold.open .btn_toggle .ico_btn.toggle_fold::before {background-image: url('/user/img/bg_thread_close.png');}
.box_card.type_fold.open .card_info:after {position: absolute; top: 70px; left: 0; right: 0; display: block; content: ''; height: 1px; background-color: #f5f5f5;}
.box_card.type_fold .article {margin-top: 31px;}

/* 카드 UI - TODO */
.box_card.type_check {position: relative; display: grid; grid-template-columns: 20px auto 25px 20px; min-height: 44px; padding: 11px 8px 11px 16px; background-color: #fff; border-color: #d9d9d9; border-radius: 10px;}
.box_card.type_check .card_info {flex-direction: column; padding: 1px 0; margin-right: 3px;}
.box_card.type_check .card_info .title {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 17px; overflow: hidden; text-overflow: ellipsis;}
.box_card.type_check .card_info .title .ico {margin-right: 0; vertical-align: top;}
.box_card.type_check .card_info .info_date {display: block; padding-top: 4px; line-height: 16px;}
.box_card.type_check .card_info .info_date .badge {margin-top: 0; vertical-align: top;}
.box_card.type_check .card_info .date {display: inline-block; font-size: 12px; line-height: 16px; color: #969696; vertical-align: top;}
.box_card.type_check .card_info .date.delay {color: #ff5959;}
.box_card.type_check .card_info .list_name {display: inline-block; padding-top: 4px; font-size: 12px; line-height: 16px; color: #969696; vertical-align: top;}
.box_card.type_check .form.check_round {margin: 1px 4px 0 0;}
.box_card.type_check .tool {grid-column: 3; position: relative; display: none; height: 20px; margin-right: 5px;}
.box_card.type_check .tool > a {display: block; width: 20px; height: 20px; font-size: 0; background: url('/user/img/square/ico.png') no-repeat left -240px;}
.box_card.type_check .tool.open {display: block;}
.box_card.type_check .tool.open .select_lst {display: block; position: absolute; right: 0; top: 20px;}
.box_card.type_check .flag {grid-column: 4; display: none; margin: 2px;}
.box_card.type_check .flag.on {display: block;}
.box_card.type_check:hover, .box_card.type_check.focus {background-color: #f5f5f5;}
.box_card.type_check:hover .tool, .box_card.type_check:hover .flag, .box_card.type_check.focus .tool, .box_card.type_check.focus .flag {display: block;}
.box_card.type_check.complete .card_info .title {color: #666; text-decoration: line-through;}

/** summary UI **/
.list_summary li {margin-bottom: 10px;}
.list_summary li:last-child {margin-bottom: 0;}
/* 일정 인쇄보기 > 주간 요일 모아보기 */
.list_summary .info_row {display: flex; gap: 4px; margin-bottom: 0; padding: 2px 0; line-height: 20px; overflow: hidden;}
.list_summary .info_row .time {flex-shrink: 0; color: #969696;}
.list_summary .info_row .substance {flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 업무넷 상세보기 > 추가업무 정보 */
.box_summary {display: flex; align-items: center; border: 1px solid #e3e3e3;}
.box_summary:hover {border-color: #2D3F93; text-decoration: none;}
.box_summary .num {flex-shrink: 0; min-width: 40px; padding: 0 5px; color: #969696; text-align: center;}
.box_summary .summary_info {flex: 1; padding: 16px 19px 19px 0; overflow: hidden;}
.box_summary .info_title {display: flex; align-items: center; margin-bottom: 5px;}
.box_summary .info_title .title {flex: 1; padding-right: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box_summary .info_title .state_wrap {flex-shrink: 0; min-width: 60px; font-size: 0; text-align: right;}
.box_summary .info_date {margin-top: 1px; font-size: 0; color: #969696;}
.box_summary .info_date span {display: inline-block; font-size: 12px; vertical-align: top;}
.box_summary .info_date .title {margin-right: 4px;}
.box_summary .info_date .period {margin: 0 5px;}
.box_summary .info_date.due {color: #111;}

/* timeline UI */
.list_timeline {margin-top: 19px;}
.list_timeline li {position: relative; padding-bottom: 16px;}
.list_timeline li:before {position: absolute; left: 10px; top: 21px; display: block; content: ''; width: 1px; height: 100%; background: url('/user/img/bg_appr_dot.png') repeat-y 0 0;}
.list_timeline li:last-child:before {display: none;}
.timeline_wrap {position: relative; padding-left: 29px;}
.timeline_wrap .ic {position: absolute; left: 0; top: 10px; display: block; width: 20px; height: 20px; background: url('/user/img/ic_appr_01.png') no-repeat 0 0; font-size: 0;}
.timeline_wrap .date {font-size: 12px; color: #969696;}
.timeline_wrap .name {font-weight: bold;}
.timeline_wrap .comment {padding-top: 2px;}
.timeline_wrap.complete .ic {background-position: -30px 0;}
.timeline_wrap.complete .comment, .timeline_wrap.complete .name {color: #3858ED;}
.timeline_wrap.delay .ic {background-position: -60px 0;}
.timeline_wrap.delay .comment {color: #FF5959;}

/* 컨텐츠 블럭 UI */
.cont_block_wrap .title_wrap {margin: 0 0 8px 0; font-size: 0;}
.cont_block_wrap .title_wrap .btn_open {width: 17px; margin-left: -6px;}
.cont_block_wrap .title_wrap .title {display: inline-block; font-size: 13px;}

/* 조직도 (8.3버전) 추가 */
.container .section_list {position: relative; height: calc(100% - 40px);}
.container .section_list.search_result .file_count {padding-top: 12px;}

/* 조직도 자동완성 180307 */
.token-input-dropdown.auto_frame {max-height: 280px; border: 1px solid #999; border-radius: 2px;}
.token-input-dropdown.auto_frame ul li {padding: 5px 10px 8px; color: #666; cursor: pointer;}
.token-input-dropdown.auto_frame .frame_area {display: table; min-height: 26px;}
.token-input-dropdown.auto_frame .frame_area .photo, .token-input-dropdown.auto_frame .frame_area .info {display: table-cell; vertical-align: middle;}
.token-input-dropdown.auto_frame .frame_area .photo {padding-right: 8px;}
.token-input-dropdown.auto_frame .frame_area .photo .img_profile {width: 26px; height: 26px;}/* 추가 : 2019-08-20 */
.token-input-dropdown.auto_frame .frame_area .photo img {width: 26px; height: 26px; border-radius: 100px;}
.token-input-dropdown.auto_frame .frame_area .info .name {color: #111; font-weight: bold;}
.token-input-dropdown.auto_frame .frame_area .info .team, .token-input-dropdown.auto_frame .frame_area .info .mail {float: left; width: 314px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.token-input-dropdown.auto_frame .frame_area .photo + .info .team, .token-input-dropdown.auto_frame .frame_area .photo + .info .mail {width: 280px;}
.token-input-dropdown.auto_frame .frame_area .info .type {position: relative; padding-left: 6px;}
.token-input-dropdown.auto_frame .frame_area .info .type::before {position: absolute; left: 0; top: -1px; display: block; content: '|'; color: #969696;}

/* CK Editor 용 css 보정 2018-02-22 */
.cke_voice_label, .cke_button_label {display: none !important;}

.appr_pop_inner > .form_table > table tr th {width: 120px !important;}
.appr_pop_inner > .form_table > table table tr th {width: 135px !important;}

/* 목록 없음 기존 스타일 - 개선 작업 반영 후 삭제 필요 */
.setting_wrap_type2 .slt_lst_area .slt_lst .description {position: absolute; top: 50%; display: none; width: 100%; font-size: 12px; color: #333; text-align: center; line-height: 1.5; margin-top: -18px;}
.setting_wrap_type2 .slt_lst_area .slt_lst.none .description {display: inline-block;}
.box_card.none_list {height: auto !important; margin: 38px 0 64px !important;}

/** 하나 CI 컬러 적용 **/
.theme_hgreen .fnt_alert {color: #ff5918;}
.theme_hgreen .fnt_blue {color: #008888;}

.theme_hgreen .gnb_area {background: #242a32;}
.theme_hgreen .gnb_menu li .dot_new {background: #ff5918;}

.theme_hgreen .notice_area {background: #008888 !important;}
.theme_hgreen .notice_area h3 {font-weight: bold; border-bottom: 1px solid #409e9e;}
.theme_hgreen .notice_lst li .date {color: #54c3c3;}
.theme_hgreen .notice_lst li .title .notice_origin {color: #76ffe7;}
.theme_hgreen .notice_lst li .title.new {background-image: url('/user/img/theme_hgreen/ico_new.png');}

.theme_hgreen .body .lnb_area {width: 218px; background-color: #f5f6f8; border-right: 0;}
.theme_hgreen .big_action {padding-left: 23px;}
.theme_hgreen .big_action .action_btn {font-size: 15px;}
.theme_hgreen .big_action.group .action_btn {width: 145px;}
.theme_hgreen .big_action .big_split {width: 27px; background-color: #00aaaa; background-position: 4px 4px; border-left: 1px solid #4dc4c4;}
.theme_hgreen .big_action .big_split:hover {background-color: #01b6b6;}
.theme_hgreen .big_action .big_split:active {background-color: #009b9b;}
.theme_hgreen .big_action .select_lst {background: #009b9b; left: 23px;}
.theme_hgreen .big_action .select_lst > li a:hover {background: #00aaaa; text-decoration: none;}
.theme_hgreen .big_action .select_lst > li a:active {background: #008888;}
.theme_hgreen .big_action.half .action_btn:first-child {border-right: 1px solid #008888;}
.theme_hgreen .big_action.half .action_btn:last-child {border-left: 1px solid #17b2b2;}
.theme_hgreen .big_action.half .action_btn:last-child:active {border-left: 1px solid #0f9393;}
.theme_hgreen .action_btn.disabled {background-color: #ccc; cursor: default;}
.theme_hgreen .action_btn.disabled:hover {background-color: #ccc;}

.theme_hgreen .lnb_menu_area {padding-left: 23px;}
.theme_hgreen .lnb_menu li a:first-child {color: #637079;}
.theme_hgreen .lnb_menu .selected {color: #008888 !important; font-weight: bold !important;}
.theme_hgreen .lnb_menu .count {color: #008888;}
.theme_hgreen .lnb_menu:first-child .count {font-weight: bold;}
.theme_hgreen .lnb_menu .usr_mask {background-image: url('/user/img/theme_hgreen/lnb_user_mask.png');}
.theme_hgreen .lnb_menu .menu_title {color: #062925; font-weight: normal;}
.theme_hgreen .lnb_menu .usr_name {color: #6e7277;}
.theme_hgreen .lnb_menu .dynatree-container input {border: 1px solid #d9d9d9; height: 24px; padding: 0 4px; background: #f5f6f8;}
.theme_hgreen .sub_lst li.selected a {color: #008888 !important;}
.theme_hgreen .context-menu-item a:hover, .theme_hgreen .context-menu-item span:hover {background-color: #edf5f5;}
.theme_hgreen .context-menu-input.hover, .theme_hgreen .context-menu-item.disabled.hover {background-color: #edf5f5;}
.theme_hgreen .lnb_lst .setting_area {background-color: #f5f6f8;}
.theme_hgreen .lnb_lst .btn_setting {background-image: url('/user/img/theme_hgreen/btn_lnb_setting.png'); color: #111; font-weight: normal;}
.theme_hgreen .dynatree-drop-target {background: none !important;}

.theme_hgreen .lnb_area .datepicker {background-color: #f5f6f8;}
.theme_hgreen .lnb_area .datepicker dd .disable a:hover, .theme_hgreen .datepicker dd .passed a:hover {background-color: #eee;}
.theme_hgreen .datepicker dd .selected a, .theme_hgreen .datepicker dd .day_on a {background-color: #0bafa5;}
.theme_hgreen .check_date input[type="checkbox"]:checked + label {background-color: #0bafa5;}
.theme_hgreen .editor .align_lf .group .text_btn a {color: #006262;}
.theme_hgreen .lnb_area + .container_area.handy-scroll {width: calc(100% - 218px); margin-left: 218px;}/* LNB 요소가 있을때만 작동하도록 수정: 2017-07-23 박희진 */
.theme_hgreen .scroll-wrapper > .scroll-content {width: auto !important; margin: 0;}
.theme_hgreen td.text_btn a, .theme_hgreen .file_count span {color: #006262;}

.theme_hgreen .now_num {color: #008888;}
.theme_hgreen .tab li a:hover {border-color: #00aaaa;}
.theme_hgreen .tab li a.selected {color: #008888; border-color: #00aaaa;}
.theme_hgreen .btns_area .new_lst_info span.new {color: #008888;}
.theme_hgreen .btns_area .info em {color: #008888;}
.theme_hgreen .btn_d_search {background-color: #00aaaa;}
.theme_hgreen .d_srch_layer .btn.on {color: #008888; background-color: #daf6f3; border-color: #00aaaa;}
.theme_hgreen .d_srch_layer .btn.on:first-child {border-right-color: #00aaaa !important;}

.theme_hgreen .cont_area .tab li.selected a {border-color: #00aaaa; color: #008888;}
.theme_hgreen .cont_area .tab li:hover a {color: #008888;}
.theme_hgreen .cont_area .util.pagenate .page_num em {color: #008888;}
.theme_hgreen .cont_area .use_mail dd em {color: #ff5918;}
.theme_hgreen .cont_area .use_file dd em {color: #008888;}

.theme_hgreen input[type='text'].border_input.focused, .theme_hgreen input[type='text'].border_input:focus, .theme_hgreen input[type='email'].border_input:focus, .theme_hgreen input[type='password'].border_input.focused, .theme_hgreen input[type='password'].border_input:focus, .theme_hgreen input[type='text'].box_input.focused, .theme_hgreen input[type='text'].box_input:focus {border-color: #008888;}
.theme_hgreen input[type='text'].border_input.error, .theme_hgreen input[type='text'].border_input.error:focus, .theme_hgreen input[type='password'].border_input.error, .theme_hgreen input[type='password'].border_input.error:focus, .theme_hgreen input[type='text'].box_input.error, .theme_hgreen input[type='text'].box_input.error:focus {border-color: #ff5918;}
.theme_hgreen .input_group .focused, .theme_hgreen .input_group.focused {border-bottom: 1px solid #008888;}
.theme_hgreen .input_group.error {border-bottom: 1px solid #ff5918;}
.theme_hgreen .single_form .group.focused {border-bottom: 1px solid #008888;}
.theme_hgreen .single_form .group.error {border-bottom: 1px solid #ff5918;}
.theme_hgreen .d_srch_layer .input .basic_input:focus {border-color: #008888;}
.theme_hgreen .selectbox .ui-button:focus {box-shadow: 0 0 2px #00aaaa; border: 1px solid #00aaaa;}
.theme_hgreen .form:not(.flag):not(.favorite) input[type="checkbox"]:checked + label:before {background: url('/user/img/theme_hgreen/checkbox_checked.png') no-repeat 0 0;}
.theme_hgreen .form.favorite input[type="checkbox"]:checked + label:before {background: url('/user/img/theme_hgreen/fav_checked.png') no-repeat 0 0;}
.theme_hgreen .form input[type="radio"]:checked + label:before {background: url('/user/img/theme_hgreen/radio_checked.png') no-repeat 0 0;}
.theme_hgreen textarea.border_textarea:focus, .theme_hgreen textarea.box_textarea:focus {border-color: #008888;}
.theme_hgreen .rename_inp[type="text"]:focus {border-color: #008888;}
.theme_hgreen .d_srch_layer .form input[type="checkbox"]:focus + label, .theme_hgreen .d_srch_layer .form input[type="radio"]:focus + label {box-shadow: 0 0 2px #00aaaa; border: 1px solid #00aaaa; margin: -1px;}
.theme_hgreen .schedule_lypop td .sched_group .selectbox .ui-button:focus, .theme_hgreen .popup_container .form_table .sched_group .selectbox .ui-button:focus {border: 1px solid #00aaaa !important;}

.theme_hgreen label.emergency {color: #ff5918;}
.theme_hgreen .form_table.read table tr.subject td .group .form input:checked + label.emergency {background: #ff5918;}
.theme_hgreen .form_table.read .util a.text_btn {color: #008888 !important;}
.theme_hgreen .form_table.read td .group_tit {color: #008888;}
.theme_hgreen .ms_cont .inform .new {background: #ff5918;}
.theme_hgreen .time_line {background: #ff5918;}
.theme_hgreen .validation {color: #ff5918;}
.theme_hgreen .size_txt .count.over {color: #ff5918;}
.theme_hgreen .blue_txt {color: #008888;}

.theme_hgreen .thread_lst dt {background-color: #f5f6f8;}
.theme_hgreen .thread_lst dt span {font-size: 13px; line-height: 27px;}
.theme_hgreen .thread_lst dt span.sub_info {font-size: 0;}
.theme_hgreen .thread_lst dd .subject {font-size: 14px; letter-spacing: -1px; color: #666;}
.theme_hgreen .thread_lst dd li.selected {background-color: #edf5f5; border-color: #cbdede;}
.theme_hgreen .thread_lst dd > ul > li.selected:hover {background-color: #edf5f5;}
.theme_hgreen .thread_lst dd li.thread {background-color: #f5f6f8; border-color: #eaeaea;}
.theme_hgreen .thread_lst dd li.thread.selected {background-color: #edf5f5;}
.theme_hgreen .thread_lst .unread .subject, .theme_hgreen .thread_lst .unread .person a.name, .theme_hgreen .thread_lst .unread .name {color: #111;}
.theme_hgreen .badge.vip, .theme_hgreen .square_area .group_member_lst li .badge.vip {background-color: #485f6d;}
.theme_hgreen .badge.emergency {background-color: #ff5918;}
.theme_hgreen .badge.security {background-color: #2696ff;}
.theme_hgreen .paginate_area .paginate a.selected {color: #008888; border-color: #0bafa5;}

/* 게시판 4열 유형 */
.theme_hgreen .form_table.style_4cols .selectbox .ui-button:focus {box-shadow: 0 0 2px #00aaaa; border: 1px solid #00aaaa;}
.theme_hgreen .form_table.style_4cols .basic_input:focus {outline: 0 none; border-color: #008888;}

/* 메일 *//* 목록 높이값 수정 30px 180726 김민우 */
.theme_hgreen .thread_lst dd .sub_info {height: 30px; padding-top: 6px;}
.theme_hgreen .thread_lst dd li > div {height: 30px; line-height: 30px;}
.theme_hgreen .thread_lst dd .person .badge {margin-top: 6px;}
.theme_hgreen .thread_lst dd .person .name {margin-top: 5px;}
.theme_hgreen .thread_lst dt span.person {width: 120px;}
.theme_hgreen .thread_lst dt span.title {width: calc(100% - 473px);}
.theme_hgreen .thread_lst dd .person {width: 120px;}
.theme_hgreen .thread_lst dd .title {max-width: calc(100% - 492px); line-height: 28px;}
.theme_hgreen .vertical_lf .thread_lst dd .title {width: auto; max-width: calc(100% - 38px);}
.theme_hgreen .thread_lst dd .thread_btn {height: 30px; line-height: 30px;}
.theme_hgreen .thread_lst dd li .date, .theme_hgreen .thread_lst dd li .size {top: 6px;}
.theme_hgreen .vertical_lf .thread_lst dd .date {top: 31px;}
.theme_hgreen .thread_lst dd li.selected {height: 32px !important;}
.theme_hgreen .vertical_ui .thread_lst dd li.selected {height: 59px !important;}
.theme_hgreen .thread_lst dd .title .ico.pop_up {position: absolute; right: 0; margin-top: 0; top: 7px;}
.theme_hgreen .vertical_lf .thread_lst dd .title .ico.pop_up {top: 8px;}
.theme_hgreen .thread_lst dd .locate {margin-top: 4px;}
/* 테이블 공통 */
.theme_hgreen .content_table td {height: 30px; padding: 6px 6px;}
.theme_hgreen .content_table td .state {height: 17px; line-height: 16px;}
.theme_hgreen .content_table td.folder {padding-left: 25px; background: url('/user/img/bg_folder.png') no-repeat 8px 9px;}
.theme_hgreen .content_table td .state {height: 17px; line-height: 16px;}
.theme_hgreen .content_table.bbs_tbl td {padding: 6px 5px; height: 30px;}
.theme_hgreen .content_table.bbs_tbl td:first-child {padding: 6px 5px;}
.theme_hgreen .content_table th:first-child, .theme_hgreen .content_table td:first-child {padding-left: 15px; padding-right: 6px;}
.theme_hgreen .content_table .title .subject {font-size: 14px; letter-spacing: -1px;}

.theme_hgreen .thread_cont.selected {border-color: #00aaaa;}

.theme_hgreen div.ui-menu-item-wrapper.selected {color: #008888 !important;}
.theme_hgreen .ui-icon-background, .theme_hgreen .ui-state-active .ui-icon-background {border: #003eff;}
.theme_hgreen .ui-state-active, .theme_hgreen .ui-widget-content .ui-state-active, .theme_hgreen .ui-widget-header .ui-state-active, .theme_hgreen .ui-button.ui-state-active:hover {background: #edf5f5;}
.theme_hgreen .select_lst li:hover {background-color: #edf5f5;}
.theme_hgreen .select_lst li.selected, .theme_hgreen .select_lst li.selected a {color: #008888;}
.theme_hgreen .select_lst.check_type li.selected {background-image: url('/user/img/theme_hgreen/bg_select_check.png'); background-color: #edf5f5; color: #008888;}

.theme_hgreen li.token-input-token, .theme_hgreen .modify li.token-input-token {background-color: #edf5f5; color: #006262;}
.theme_hgreen .token-input-delete-token {background-image: url('/user/img/theme_hgreen/jquery_tokeninput_btn_del.png') !important;}
.theme_hgreen .token-input-modi-token {background-image: url('/user/img/theme_hgreen/jquery_tokeninput_btn_modify.png') !important;}
.theme_hgreen .token-input-eye-token {background-image: url('/user/img/theme_hgreen/jquery_tokeninput_btn_eye.png') !important;}
.theme_hgreen li.token-input-token.invalid, .theme_hgreen .modify li.token-input-token.invalid {background-color: #ffeeee; color: #ff5959;}
.theme_hgreen li.token-input-token.invalid .token-input-modi-token {background-image: url('/user/img/token-input/jquery_tokeninput_invalid_btn_modify.png') !important;}
.theme_hgreen li.token-input-token.invalid .token-input-delete-token {background-image: url('/user/img/token-input/jquery_tokeninput_invalid_btn_del.png') !important;}
.theme_hgreen div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color: #edf5f5;}

.theme_hgreen .file_lst li .badge.bigdata {background-color: #27b2a5;}
.theme_hgreen .file_lst.upload li:hover {background-color: #edf5f5;}
.theme_hgreen .file_lst.download .file_downopt em, .theme_hgreen .file_lst.download li .file_name .downopt em {color: #ff5046;}
.theme_hgreen .file_lst.download li.ready .return {background-image: url('/user/img/theme_hgreen/btn_return.png');}

.theme_hgreen .handy-scroll > .scroll-element.scroll-x:hover .scroll-element_outer, .theme_hgreen .handy-scroll > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {height: 12px;}
.theme_hgreen .handy-scroll > .scroll-element.scroll-y:hover .scroll-element_outer, .theme_hgreen .handy-scroll > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {width: 12px;}

.theme_hgreen .btn_icontext.on {color: #00aaaa;}
.theme_hgreen .btn_icontext.set_list {background-image: url('/user/img/theme_hgreen/ic_org_set.png');}
.theme_hgreen .ico_btn {background-image: url('/user/img/theme_hgreen/common.png');}
.theme_hgreen .ico_btn.agree, .theme_hgreen .ico_btn.disagree {background-image: url('/user/img/bg_agree_disagree.png');}
.theme_hgreen .ico_btn.on {border: 1px solid #00aaaa;}
.theme_hgreen .group .ico_btn.on + .ico_btn {border-left: 1px solid #00aaaa !important;}
.theme_hgreen .group a.view_btn.on + a.view_btn {border-left-color: #00aaaa;}
.theme_hgreen .ico_btn.view_lst.on, .theme_hgreen .ico_btn.view_vertical.on, .theme_hgreen .ico_btn.grid.on {background-color: #daf6f3; border-color: #00aaaa;}
.theme_hgreen .ico_btn.move_lst {height: 22px; width: 22px; background: url('/user/img/move_lst.png') no-repeat 0 0;}
.theme_hgreen .ico_btn.move_lst.up {background-position: 5px 6px; margin-right: 0;}
.theme_hgreen .ico_btn.move_lst.down {background-position: -15px 6px; margin-right: 0;}
.theme_hgreen .action_btn {background-color: #00aaaa;}
.theme_hgreen .action_btn:hover {background-color: #01b6b6;}
.theme_hgreen .action_btn:active {background-color: #009b9b;}
.theme_hgreen .text_btn {color: #006262 !important;}
.theme_hgreen .cancel {background-image: url('/user/img/theme_hgreen/bg_del.png') !important;}

.theme_hgreen .replybox .focus {border-color: #006262;}
.theme_hgreen .replybox .focus .text_btn {color: #006262 !important;}
.theme_hgreen .replybox .focus .text_btn.cancel {background-image: none !important;}/* 게시판 의견 등록 내 취소버튼 속성 추가 : 2018-07-04 */
.theme_hgreen .d_srch_layer .flip:focus .text_btn {box-shadow: 0 0 2px #00aaaa; border: 1px solid #00aaaa;}

.theme_hgreen .vertical_table .setting_wrap.member .set_lst li.on a {color: #008888;}

.theme_hgreen .lst_move {color: #008888; border-color: #00aaaa;}
.theme_hgreen .lst_move.no {color: #ff5918; border-color: #ff5918;}

.theme_hgreen .content_table th {background-color: #f5f6f8;}
.theme_hgreen .content_table tr.selected td {background-color: #edf5f5; border-color: #cbdede !important;}
.theme_hgreen .content_table .badge_comment {color: #008888;}
.theme_hgreen .content_table tfoot tr td em {color: #008888;}
.theme_hgreen .content_table .summary .tab li a.selected {color: #008888; border-color: #00aaaa;}
.theme_hgreen .content_table .summary .tab li a .count {color: #008888;}
.theme_hgreen .hgroup_btn .btn.on {color: #008888; background: #daf6f3; border: 1px solid #00aaaa;}
.theme_hgreen .view_btn.text.on {color: #008888; background: #daf6f3; border: 1px solid #00aaaa;}
.theme_hgreen .toggle.group .btn.on {color: #008888; background: #daf6f3; border: 1px solid #00aaaa;}
.theme_hgreen .toggle.group .btn.on + .btn {border-left: 1px solid #00aaaa;}

.theme_hgreen .contents_tab li a:hover {border-color: #00aaaa;}
.theme_hgreen .contents_tab a.selected {color: #008888 !important; border-color: #00aaaa;}
.theme_hgreen .contents_tab.has_btns li a.selected {color: #008888;}

.theme_hgreen .hgroup.keyword dd {color: #008888;}
.theme_hgreen .hgroup .length em, .theme_hgreen .arrp_block_wrap .title_wrap .num em {color: #008888;}

.theme_hgreen .state_message .sub_message em {color: #006262;}
.theme_hgreen .sorts ul li.selected a, .theme_hgreen .sorts ul li.selected a:hover {color: #008888;}
.theme_hgreen .group_menu .tab li .addText {color: #008888 !important;}
.theme_hgreen .grid_list li.selected dd.file, .theme_hgreen .grid_list li.selected dl:hover dd.file {border-color: #00aaaa; background-color: #edf5f5;}

.theme_hgreen .support_area .tab li.selected a {color: #008888; border-color: #008888;}
.theme_hgreen .support_area .tab li:hover a {color: #008888;}
.theme_hgreen .support_area .addr_block .tg_ttl em {color: #008888;}
.theme_hgreen .support_area .picz_lst .co_worker .co_info em {color: #008888;}
.theme_hgreen .depth_open {color: #008888 !important;}

.theme_hgreen .links a {color: #006262;}
.theme_hgreen .pop_wrap .title_area {border-color: #0bafa5;}
.theme_hgreen .has_select.sche_case4 .hgroup_btn .btn.on, .theme_hgreen .has_select.sche_case4 .hgroup_btn .group .btn.on {background: #daf6f3; border-color: #00aaaa; color: #008888;}
.theme_hgreen .has_select.sche_case4 .hgroup_btn .btn_delete, .theme_hgreen .input_group.sche_case5 .pos_con .btn_delete {background-image: url('/user/img/theme_hgreen/btn_delete.png');}

.theme_hgreen .add_equip_wrap .add_equip_cont .pos_l .add_equip_list li.on a {color: #008888;}
.theme_hgreen .popup_container .popup_table h3.blue {color: #006262;}
.theme_hgreen .popup_container h3, .theme_hgreen .popup_container span.help_txt, .theme_hgreen .popup_container h4 {color: #006262;}
.theme_hgreen .popup_container .form_table td .description.fnt_blue, .theme_hgreen .popup .btns_area.bttm .align_lf .description {color: #008888;}
.theme_hgreen .popup_table th {color: #333; font-size: 13px; background-color: #f5f6f8;}
.theme_hgreen .popup_table .description {color: #006262;}
.theme_hgreen .popup_table .table_desc dd.name {color: #006262;}

.theme_hgreen .srch_area.detail table th span {color: #006262;}
.theme_hgreen .folder_group .category {color: #008888;}
.theme_hgreen .additional_info .file_info dd em {color: #ff5918;}
.theme_hgreen .setting_wrap .set_lst li.on {background: #edf5f5;}
.theme_hgreen .tag_area a.ico_tag, .theme_hgreen .tag_area .tag span, .theme_hgreen .tag_area .tag_btn a {color: #006262;}
.theme_hgreen .plural .usr_lst li.selected a {color: #008888;}
.theme_hgreen .profile .timecard dd em {color: #008888;}
.theme_hgreen .appr_line_list .appr_line_progress .red_dot, .theme_hgreen .viewer_line_list .appr_line_progress .red_dot, .theme_hgreen .recv_line_list .appr_line_progress .red_dot {background: #ff5918;}
.theme_hgreen .month_cell .day_schedule_more {color: #006262;}
.theme_hgreen .equipment_week.weekely_list .table_body .week_cell .day_schedule_more {color: #006262;}
.theme_hgreen .sche_google_wrap .select_lst .multi_opt li.on label {color: #008888;}
.theme_hgreen .btns_area .align_lf .hscalendar_main_view_search.length em {color: #008888;}
.theme_hgreen .content_question .form_table.question th .answer_num {background: #ff5918;}
.theme_hgreen .content.research .question .help_txt {color: #ff5918;}
.theme_hgreen .sign_template .selected {border-color: #00aaaa;}
.theme_hgreen .sign_template ul:first-child li.selected {border-color: #00aaaa;}
.theme_hgreen .sign_template .selected + li {border-left-color: #00aaaa;}
.theme_hgreen .sign_template ul:last-child li.selected {border-color: #00aaaa;}
.theme_hgreen .hgroup_club .length em {color: #008888;}
.theme_hgreen .tab_club li a:hover {border-color: #00aaaa;}
.theme_hgreen .tab_club li a.selected {color: #008888; border-color: #00aaaa;}
.theme_hgreen .list_tbl .list_header h3, .theme_hgreen .list_tbl .list_header h3 a, .theme_hgreen .list_tbl2 .list_header h3 a, .theme_hgreen .list_tbl3 .list_header h3 a, .theme_hgreen .list_tbl4 .list_header h3, .theme_hgreen .list_tbl4 .list_header h3 a {color: #006262;}
.theme_hgreen .aside .make_club a.btn_club {background-color: #00aaaa;}
.theme_hgreen .aside .make_club a:hover.btn_club {background-color: #01b6b6;}
.theme_hgreen .aside .make_club a:active.btn_club {background-color: #009b9b;}
.theme_hgreen .club_tab li a:hover, .theme_hgreen .club_tab li a.active, .theme_hgreen .club_tab_w li a:hover, .theme_hgreen .club_tab_w li a.active {border: 2px solid #00aaaa;}
.theme_hgreen .club_profile dd p .txt_blue {color: #008888;}

/** icon state **/
/* Mail */
.theme_hgreen .ico_mail {display: inline-block; min-width: 16px; height: 16px; font-size: 0; background: url('/user/img/mail.png') no-repeat 0 0;}
/* 새메일 */
.theme_hgreen .ico_mail.new {background-position: 0 -32px;}
.theme_hgreen .ico_mail.new.reply {background-position: -28px -32px;}/* 답장 */
.theme_hgreen .ico_mail.new.fw {background-position: -56px -32px;}/* 전달 */
.theme_hgreen .ico_mail.new.cc {background-position: -84px -32px;}/* 참조 */
.theme_hgreen .ico_mail.new.reply.cc {background-position: -112px -32px;}/* 답장+참조 */
.theme_hgreen .ico_mail.new.fw.cc {background-position: -140px -32px;}/* 전달+참조 */
.theme_hgreen .ico_mail.new.reply.fw {background-position: -168px -32px;}/* 답장+전달 */
.theme_hgreen .ico_mail.new.reply.fw.cc {background-position: -196px -32px;}/* 답장+전달+참조 */
/* 안읽은메일 */
.theme_hgreen .ico_mail {background-position: 0 -48px;}/* 기본 */
.theme_hgreen .ico_mail.reply {background-position: -28px -48px;}/* 답장 */
.theme_hgreen .ico_mail.fw {background-position: -56px -48px;}/* 전달 */
.theme_hgreen .ico_mail.cc {background-position: -84px -48px;}/* 참조 */
.theme_hgreen .ico_mail.reply.cc {background-position: -112px -48px;}/* 답장+참조 */
.theme_hgreen .ico_mail.fw.cc {background-position: -140px -48px;}/* 전달+참조 */
.theme_hgreen .ico_mail.reply.fw {background-position: -168px -48px;}/* 답장+전달 */
.theme_hgreen .ico_mail.reply.fw.cc {background-position: -196px -48px;}/* 답장+전달+참조 */
/* 읽은메일 */
.theme_hgreen .ico_mail.open {background-position: 0 -16px;}/* 기본 */
.theme_hgreen .ico_mail.open.reply {background-position: -28px -16px;}/* 답장 */
.theme_hgreen .ico_mail.open.fw {background-position: -56px -16px;}/* 전달 */
.theme_hgreen .ico_mail.open.cc {background-position: -84px -16px;}/* 참조 */
.theme_hgreen .ico_mail.open.reply.cc {background-position: -112px -16px;}/* 답장+참조 */
.theme_hgreen .ico_mail.open.fw.cc {background-position: -140px -16px;}/* 전달+참조 */
.theme_hgreen .ico_mail.open.reply.fw {background-position: -168px -16px;}/* 답장+전달 */
.theme_hgreen .ico_mail.open.reply.fw.cc {background-position: -196px -16px;}/* 답장+전달+참조 */
/* 회수 */
.theme_hgreen .ico_mail.wd {background-position: 0 -64px;}/* 회수 */

/* Board */
.theme_hgreen .ico_board {display: inline-block; min-width: 16px; height: 16px; font-size: 0; background: url('/user/img/theme_hgreen/board.png') no-repeat 0 0;}
.theme_hgreen .ico_board.new {background: url('/user/img/theme_hgreen/board.png') no-repeat 0 0;}/* 새글 */
.theme_hgreen .ico_board.unread {background: url('/user/img/theme_hgreen/board.png') no-repeat -28px 0;}/* 안읽은 */
.theme_hgreen .ico_board.read {background: url('/user/img/theme_hgreen/board.png') no-repeat -56px 0;}/* 읽은 */

/* 이미지 수정 */
.theme_hgreen .vertical_rg .view_guide .ico_list {background-image: url('/user/img/theme_hgreen/ic_not_selected.png');}/* 분할형 기본 */
.theme_hgreen .drag_tip {background-image: url('/user/img/theme_hgreen/bg_upload.png');}/* 웹폴더 드래그&드롭 */
.theme_hgreen .message_card.ico_type .classify.system {background-image: url('/user/img/theme_hgreen/error_system.png');}/* 시스템에러 */
.theme_hgreen .message_card.ico_type .classify.mail {background-image: url('/user/img/theme_hgreen/error_mail.png');}/* 메일계정없음 */
.theme_hgreen .state_message .state_send {background-image: url('/user/img/theme_hgreen/send.png');}/* 메일발송중 */
.theme_hgreen .state_message .state_send_sc {background-image: url('/user/img/theme_hgreen/send_success.png');}/* 메일발송완료 */

/* Tag */
.theme_hgreen .ico_tag {background-image: url('/user/img/theme_hgreen/ico_tag.png');}

/* 로딩 이미지 수정 */
.theme_hgreen .state_message .state_ing, .theme_hgreen .state_message .state_loading {background-image: url('/user/img/theme_hgreen/loading_hana.gif');}

/* 다이나트리 커스텀 */
.theme_hgreen .dynatree-active a.dynatree-title {color: #008888 !important;}
.theme_hgreen .dynatree-active .node-folder {color: #008888 !important;}
.theme_hgreen span.dynatree-empty, .theme_hgreen span.dynatree-vline, .theme_hgreen span.dynatree-expander, .theme_hgreen span.dynatree-checkbox, .theme_hgreen span.dynatree-radio, .theme_hgreen span.dynatree-drag-helper-img, .theme_hgreen #dynatree-drop-marker, .theme_hgreen .folder .dynatree-active span.dynatree-icon, .theme_hgreen .folder .dynatree-exp-e span.dynatree-icon {background-image: url('/user/img/theme_hgreen/dynatree-1.2.8/icons.png');}

/* 조직도 팝업 */
.theme_hgreen .org_group .org_tree_option .form input[type="radio"]:checked + label:before {background: url('/user/img/theme_hgreen/bg_org_tree_option.png') no-repeat 0 0; color: #008888;}
.theme_hgreen .org_group .nav_area, .theme_hgreen .group_menu .tab, .theme_hgreen .group_menu h2 {background: #eee;}
.theme_hgreen .org_group .arrow_pre.on {box-shadow: 10px 1px 5px -3px #eee;}
.theme_hgreen .org_group .arrow_next.on {box-shadow: -10px 1px 5px -3px #eee;}

/* 스퀘어 */
.theme_hgreen .feedWrite p span {background-image: url('/user/img/theme_hgreen/square/ico.png') !important;}
.theme_hgreen .feedWrite p span:before, .theme_hgreen .feedWrite_section .btn_feedWrite a:before {background: #25a292 !important;}
.theme_hgreen .feedWrite p span:after, .theme_hgreen .feedWrite_section .btn_feedWrite a:after {border-top-color: #25a292 !important;}
.theme_hgreen .feedWrite_section .btn_feedWrite a.plan.open {background: url('/user/img/theme_hgreen/square/ico_open.png') no-repeat 0 0;}
.theme_hgreen .feedWrite_section .btn_feedWrite a.report.open {background: url('/user/img/theme_hgreen/square/ico_open.png') no-repeat 0 -40px;}
.theme_hgreen .feedWrite_section .btn_feedWrite a.noti.open {background: url('/user/img/theme_hgreen/square/ico_open.png') no-repeat 0 -80px;}
.theme_hgreen .feedCrumbs dt a.part {color: #006262;}
.theme_hgreen .feedCrumbs dd.article .date, .theme_hgreen .feedCrumbs dd.article em, .theme_hgreen .feedCrumbs dd.article .at {color: #006262;}
.theme_hgreen .feedCrumbs .replybox .write .selectedMention, .theme_hgreen .feedCrumbs .replybox .write .selectedTag {color: #006262;}
.theme_hgreen .feedCrumbs .replybox .list li .reply_modify .selectedMention, .theme_hgreen .feedCrumbs .replybox .list li .reply_modify .selectedTag {color: #006262;}
.theme_hgreen .feedCrumbs .replybox .write.focus > p a.submit, .theme_hgreen .feedCrumbs .replybox .list li .reply_modify .btn_save {color: #006262;}
.theme_hgreen .feedCrumbs dd.feedback .face a.set {background-image: url('/user/img/theme_hgreen/square/ico_face.png') !important;}
.theme_hgreen .feedCrumbs dd.feedback .replylen {background-image: url('/user/img/theme_hgreen/square/ico_reply.png') !important;}
.theme_hgreen .feedCrumbs dd.feedback .face.on a.score span {color: #006262;}
.theme_hgreen .feedCrumbs dd.feedback .replylen.on {color: #006262;}
.theme_hgreen .feedCrumbs .replybox .write.focus {border-color: #00aaaa;}
.theme_hgreen .feedCrumbs .replybox .write.focus .btn_text {color: #006262 !important;}
.theme_hgreen .feedCrumbs .attached .file_info em {color: #ff5918;}
.theme_hgreen .feedCrumbs .replybox .list li div.text .at {color: #006262;}
.theme_hgreen .feedCrumbs .replybox .list li .reply_modify.focus {border-color: #008888;}
.theme_hgreen .feedCrumbs .replybox .list li .reply_modify.focus a {color: #008888;}
.theme_hgreen .feedCrumbs .replybox .list li .btn_area .btn_save {color: #008888;}
.theme_hgreen .square_area .file_count span, .theme_hgreen .square_area .file_lst dl dt a, .theme_hgreen .feedCrumbs dd.article .txt dl.report dt, .theme_hgreen .feedCrumbs dd.article .txt dl.report dt span {color: #006262;}
.theme_hgreen .square_area ul.photo_lst .feed_photo_info dl {border-color: #008888;}
.theme_hgreen .square_area ul.photo_lst .feed_photo_info dl:before, .theme_hgreen .square_area ul.photo_lst .feed_photo_info dl dt a span {background-color: #00aaaa;}
.theme_hgreen .form_table_square .write .textComplete:focus, .theme_hgreen .form_table_square .write .textComplete.focus {border-color: #008888;}
.theme_hgreen .form_table_square .write .selectedMention {color: #006262;}
.theme_hgreen .form_table_square .form_tag_area .hash, .theme_hgreen .form_table_square .form_tag_area .hashinput {background-color: #e5f6f5;}
.theme_hgreen .member_all .member_all_lst .group_lst ul li.all a:hover, .theme_hgreen .member_all .member_all_lst .group_lst ul li.all a.selected {color: #006262;}
.theme_hgreen .group_info .group_notice .btn_notice.open .notice_box .notice_tab a.on {color: #008888; background: #daf6f3; border: 1px solid #00aaaa;}
.theme_hgreen .group_info .group_notice .btn_notice.open .notice_box ul li:hover {background-color: #edf5f5;}
.theme_hgreen .group_member_add a:before {background-color: #00aaaa;}
.theme_hgreen .group_member_add em {color: #006262 !important;}
.theme_hgreen .team_lst .team_divide .team_box a.btn_del, .theme_hgreen .square_area .group_member_lst li a.btn_del, .theme_hgreen .form_table .group_member_box a.btn_del, .theme_hgreen .form_table .team_box a.btn_del {background-image: url('/user/img/theme_hgreen/bg_del.png') !important;}
.theme_hgreen .member_select_lst ul li a:hover, .theme_hgreen .member_select_lst ul li.active, .theme_hgreen .form_table_square .form_tag_area .tag_lst ul ul li:hover {background-color: #e5f6f5;}
.theme_hgreen .aside .group_box, .theme_hgreen .aside .group_info {background-color: #e5f6f5;}
.theme_hgreen .aside .group_box h3 span, .theme_hgreen .aside .invite h3 span {color: #008888;}
.theme_hgreen .aside .group_box .group_tag span.hot {color: #006262;}
.theme_hgreen .aside .group_box h3 span, .theme_hgreen .aside .invite h3 span {color: #006262;}
.theme_hgreen .aside .group_info .btn_restart {border-color: #008888; color: #006262;}
.theme_hgreen .aside .group_box dl.mention_lst dd a {color: #006262;}
.theme_hgreen .feedsNotice > .notice h3 a {color: #006262;}
.theme_hgreen .feedsNotice > .notice .new {color: #008888;}
.theme_hgreen .new_lst_info.feed .group_notice .btn_notice.open .notice_box .notice_tab a.on {color: #008888; background: #daf6f3; border: 1px solid #00aaaa;}
.theme_hgreen .new_lst_info.feed .group_notice .btn_notice.open .notice_box ul li:hover {background: #daf6f3;}
.theme_hgreen .write_group_select.open a.group_title {border-color: #008888;}
.theme_hgreen .group_member_thumb .file_box.selected .thumnail:after, .theme_hgreen .group_member_thumb .thumnails .thumnail span.selected:after {border-color: #008888; background: rgba(218, 246, 243, 0.5);}
.theme_hgreen .group_member_thumb .file_box input[type="text"] {border-color: #008888; color: #008888; background-image: url('/user/img/theme_hgreen/square/ico_add.png');}
.theme_hgreen .feedCrumbs dd.feedback .flag {margin: 2px 10px 0 0;}

/* 포털 프레임 */
.frame_portal .header, .frame_portal .header *, .frame_portal .gnb_area, .frame_portal .gnb_area *, .frame_portal .link_wrap, .frame_portal .link_wrap * {width: 0 !important; height: 0 !important; opacity: 0; visibility: hidden;}
.frame_portal .body {width: 100%; height: 100%; left: 0; top: 0;}
.frame_portal .body .lnb_area {height: 100%; left: 0; top: 0;}
.frame_portal .body .contact .content_table {height: calc(100vh - 219px);}
.frame_portal .body .club_header + .scroll-wrapper {height: calc(100vh - 225px) !important;}
.frame_portal .body .drag_area {height: calc(100vh - 202px);}

/** 다국어 **/
/* 영문 */
html:lang(en) .input_group.appr_case1 {padding-right: 191px;}
html:lang(en) .input_group.appr_case1 .group {width: 183px;}
html:lang(en) .attached_box .file_info {left: 60px;}
html:lang(en) .attached_box.two_btn .file_info {left: 127px;}
html:lang(en) .appr_pop_inner .attached_box .file_info {left: 111px;}
html:lang(en) .appr_pop_inner .attached_box.two_btn .file_info {left: 171px;}
html:lang(en) .appr_pop_inner .select_doc.write {right: 131px;}
html:lang(en) .appr_pop_inner .select_doc.read {right: 84px;}
html:lang(en) .input_group.sche_case1 {padding-right: 131px;}
html:lang(en) .input_group.sche_case1 .group {width: 131px;}
html:lang(en) .input_group.sche_case2 {padding-right: 149px;}
html:lang(en) .input_group.sche_case2 .ico_btn {right: 124px;}
html:lang(en) .input_group.sche_case9 {padding-right: 198px;}
html:lang(en) .input_group.sche_case9 .group {width: 198px;}
/* 일문 */
html:lang(ja) .input_group.appr_case1 {padding-right: 163px;}
html:lang(ja) .input_group.appr_case1 .group {width: 154px;}
html:lang(ja) .appr_pop_inner .attached_box .file_info {left: 115px;}

/** 미디어쿼리 **/
/* ie 용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .form > label {line-height: 15px;}/* 수정 : 2018-09-13 */
    .content_table th .form {vertical-align: middle;}/* 추가 : 2019-10-24 */
    .select_lst.stratum .handy-scroll {max-height: 377px;}
    .editor .align_lf .group .datepic_area .selectbox .ui-selectmenu-menu .handy-scroll.scroll-content, .editor .align_lf .group .comm_lypop_type1 .form_table.mail_repeat .selectbox .ui-selectmenu-menu .handy-scroll.scroll-content {height: 199px !important;}/* 메일 예약발송 포지션값 오류로 추가 : 2018-09-11 김민우 */
    .container_area.scroll-content.full_view {height: calc(100% + 17px) !important;}
    .support_area .addr_block:last-child {margin-bottom: 50px;}/* 추가 : 2019-03-19 */
    .popup.scroll-content.open {height: calc(100% + 17px) !important;}/* 추가 : 2020-05-25 */
    .form_table .setting_wrap .align_rg .setting_inner.scroll-content {height: calc(100% + 17px) !important;}
    .container_area.square .container > .scroll_area.scroll-wrapper .scroll_area.scroll-content {height: calc(100% + 17px) !important;}
    .popup_container .form_table td .option .option_sub {margin-top: -3px;}
    .form_table.style_4cols .input_group .text_wrap.single {line-height: 1.9;}
    .form_table.style_4cols .form > label {line-height: 27px;}
    .pop_print .vertical_rg .tab_cont .scroll-content {margin-right: 0 !important; margin-bottom: 0 !important;}
    .container.schedule_area .nfull_body {height: calc(100% - 128px);}
}
/* ie9 용 */
@media all and (monochrome: 0) {
    .form > label {line-height: 15px\9;}
    .content_table th .form {vertical-align: middle\9;}/* 추가 : 2019-10-24 */
    .d_srch_layer .scroll-wrapper .s_cont {margin-right: 17px\9;}/* 추가 : 2019-01-22 */
    .align_rg.new_lst_info .selectbox .scroll-wrapper > .scroll-content {width: calc(100% + 17px)\9 !important;}/* 추가 : 2019-01-10 */
    .select_lst.stratum .handy-scroll {max-height: 377px\9 !important;}
    .editor .align_lf .group .datepic_area .selectbox .ui-selectmenu-menu .handy-scroll.scroll-content, .editor .align_lf .group .comm_lypop_type1 .form_table.mail_repeat .selectbox .ui-selectmenu-menu .handy-scroll.scroll-content {height: 199px\9 !important;}/* 메일 예약발송 포지션값 오류로 추가 : 2018-09-11 김민우 */
    .container_area.scroll-content.full_view {height: calc(100% + 17px)\9 !important;}
    .support_area .addr_block:last-child {margin-bottom: 50px\9;}/* 추가 : 2019-03-19 */
    .popup.scroll-content.open {height: calc(100% + 17px)\9 !important;}/* 추가 : 2020-05-25 */
    .form_table .setting_wrap .align_rg .setting_inner.scroll-content {height: calc(100% + 17px)\9 !important;}
    .container_area.square .container > .scroll_area.scroll-wrapper .scroll_area.scroll-content {height: calc(100% + 17px)\9 !important;}
    .popup_container .form_table td .option .option_sub {margin-top: -3px\9;}
    .form_table.style_4cols .input_group .text_wrap.single {line-height: 1.9\9;}
    .form_table.style_4cols .form > label {line-height: 27px\9;}
    .pop_print .vertical_rg .tab_cont .scroll-content {margin-right: 0\9 !important; margin-bottom: 0\9 !important;}
    .container.schedule_area .nfull_body {height: calc(100% - 129px)\9;}
}
@media (max-width: 995px) {
    .lypop_imgviewer_wrap .fotorama {margin: 30px auto;}
}
@media screen and (max-width: 1280px) {
    .vertical_rg .handy-scroll > .scroll-element.scroll-x {bottom: 12px;}/* 분할형 이중 스크롤 제어 : 2018-07-17 박희진 */
    .container_area.list_banner.banner_bottom .vertical_rg .handy-scroll > .scroll-element.scroll-x {bottom: 2px;}
}
/* 인쇄 미리보기 화면 */
@media only print {
    html, body {width: 100%;}
    .pop_print .key_info, .pop_print .additional_info, .pop_print .content:not(.research), .pop_print .list_print, .pop_print .content_table.form_week.print_pop {zoom: 0.895 !important;}
    .key_info + .additional_info + .content:not(.research) {font-family: Gulim; font-size: 12px; padding-right: 44.5px; letter-spacing: -0.47px;}
    
    body {overflow: visible; width: 100%; margin: 0 !important; height: 100% !important; padding: 0 !important;}
    .btns_area {display: none !important;}
    .scroll_area {height: auto !important; min-height: 100% !important; max-height: auto !important; overflow-y: visible; overflow: visible; page-break-inside: auto; -webkit-region-break-inside: auto;}
    .print_view_page {min-height: 1100px;}
    .print_view_page:not(:first-child) {page-break-before: always !important; page-break-inside: avoid !important;}
    .pop_print .wrapper, .pop_print .container_area {overflow: visible;}
        
    /* 결재 */
    .appr_pop_inner .form_table .attached_files .scroll-wrapper > .file_lst.scroll-content {display: table; table-layout: fixed;}
    .appr_pop_inner .form_table .attached_files .scroll-wrapper > .file_lst.scroll-content .use_file_opt {display: table-cell;}
    
    .scroll-wrapper {overflow: visible !important;}
    .scroll-wrapper > .scroll-content {overflow: visible !important;}
}