/* 레이아웃 상단 */
.layout-top {

}

/* 레이아웃 상단 좌측 로고 */
.layout-top-left-logo {
    padding-right: 5px;
    padding-left: 5px;
}

/* 레이아웃 상단 좌측 로고 - 클릭 영역 확대 */
.layout-top-left-logo > a {
    display: inline-block;
    width: 100%;
}

/* 레이아웃 컨테이너 (사이드 메뉴 + 내용) */
.layout-container {

}

/* 사이드 메뉴 너비 지정 */
@media (min-width: 768px) {
    .layout-container .affix-sidebar {
        width: 210px;
    }

    .layout-container .affix-content {
        width: calc(100% - 210px);
    }

    /* 왼쪽 메뉴 없는 경우 너비 - 웹하드, 주소록 너비 100% */
    .layout-container .affix-content.affix-content-not-left-menu {
        width: 100%;
    }

    /* 메뉴 2줄표시 우측 여백 개선 */
    #sidenav01 > li.step-3 > a {
        padding-right: 5px;
    }
}

/* 레이아웃 하단 */
.layout-footer {
    border-top: 1px solid #e7e7e7;

}

/* 레이아웃 하단, 로그인 하단 */
.layout-footer,
.login-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.6;
    text-align: center;
}

/* 메뉴 글자 하단- 보더*/
#sidenav01.navbar-nav > li.menu-bottom-split {
    /*border-bottom: 1px solid #eee;*/
    border-bottom: 1px solid #e7e7e7;
}

/* 관리자 메뉴 보더 */
#sidenav01.navbar-nav > li.admin_menu {
    border-top: 1px solid #ffc68e;
    border-bottom: 1px solid #ffc68e;
}

#sidenav01.navbar-nav > li.admin_menu + li.admin_menu {
    border-top: 0;
}

/* 메뉴 글자 가독성 개선 */
.navbar-default .navbar-nav > li > a {
    color: #1e1e23;
}

/* 링크 글자 가독성 개선 */
a:link {
    color: #333333;
}

/* 보내기 버튼 가독성 개선 */
.btn.btn-warning {
    color: #ed8e06;
    /*color: #006ed9;*/
    border-color: #ed8e06;
    /*border-color: #006ed9;*/
    background-color: transparent;
    font-weight: bold;
}

/* 테이블 타이틀 배경 */
.table > thead > tr > th {
    /* gray */
    background-color: #dfdfdf;

    /* dark gray */
    /*background-color: #cfcfcf;*/

    border-bottom-color: #dddddd;

    /* sky blue */
    /*background-color: #d9edf7;*/
    /*border-bottom-color: #bce8f1;*/

    border-bottom-width: 1px;

    padding-top: 7px;
    padding-bottom: 7px;
}

.main_table_body_Y0,
.main_table_body_N0,
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f7f7f7;
}

.main_table_body_Y1,
.main_table_body_N1,
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fdfdfd;
}

/* 읽지 않은 메일(N) 강조 개선 */
.main_table_body_Y0,
.main_table_body_N0,
.main_table_body_Y1,
.main_table_body_N1 {
    background-color: #ffffff;
}

.main_table_head2 .glyphicon,
.main_table_body_Y0 .glyphicon,
.main_table_body_N0 .glyphicon,
.main_table_body_Y1 .glyphicon,
.main_table_body_N1 .glyphicon,
.main_table_body_click_N .glyphicon,
.main_table_body_click_Y .glyphicon {
    font-size: 15px; /* 14px->15px 기호 아이콘 일괄크기수정*/
}

.main_table_body_N0 .glyphicon,
.main_table_body_N1 .glyphicon,
.main_table_body_click_N .glyphicon,
.main_table_body_Y0 .glyphicon,
.main_table_body_Y1 .glyphicon,
.main_table_body_click_Y .glyphicon {
    color: #737373;
}

.main_table_body_Y0 .glyphicon.glyphicon-check,
.main_table_body_Y1 .glyphicon.glyphicon-check,
.main_table_body_click_Y .glyphicon.glyphicon-check {
    color: #d3d6e6;
}

.main_table_body_N0 .glyphicon.glyphicon-envelope,
.main_table_body_N1 .glyphicon.glyphicon-envelope,
.main_table_body_click_N .glyphicon.glyphicon-envelope {
    color: #6fb8ff;
}

.main_table_body_click_N,
.main_table_body_click_Y,
.main_table_body_click_Y a,
.main_table_body_click_N a {
    background-color: #d9edf7;
}

/*   - 월간일정 : 달력 구분선이 표시되도록 더 진하게 */
.diary_month_table_outer1 .table > thead > tr > th {
    background-color: #c9c9c9;
}

.main_table_body_Y0 a,
.main_table_body_Y1 a,
.main_table_body_N0 a,
.main_table_body_N1 a {
    background-color: transparent;
}

/* 테이블 타이틀 글자 */
.table > thead > tr > th,
.table thead tr.main_table_head2 th > a,
.table thead tr.main_table_head2 th > a:link,
.table thead tr.main_table_head2 th > a:visited,
.table thead th > a > b > font,
.table thead th > b > font,
.diary_month_table_outer1 .table > thead > tr > th > font[color=white] {
    color: #333333;
}

/* 테이블 내용 구분선 줄이기 */
.table > tbody > tr > td[height="1"] {
    height: 0;
    border-top-width: 0;
}

.table > tbody > tr:last-child > td {
    border-bottom: 1px solid #e5e5e5;
}

/* 기존 br 태그 높이 지정 유지 */
br[style="line-height:3px"],
br[style="line-height: 3px"] {
    display: block;
    margin: 3px 0 0 0;
    content: " ";
}

br[style="line-height:5px"],
br[style="line-height: 5px"] {
    display: block;
    margin: 5px 0 0 0;
    content: " ";
}

br[style="line-height:7px"],
br[style="line-height: 7px"] {
    display: block;
    margin: 7px 0 0 0;
    content: " ";
}

br[style="line-height:10px"],
br[style="line-height: 10px"] {
    display: block;
    margin: 10px 0 0 0;
    content: " ";
}

/* 기존 table 태그 cellpadding 유지 */
table[width="100%"][cellspacing="0"][cellpadding="5"] > tbody > tr > td {
    padding: 5px;
}

/* 로그인 박스 */
.login-container .login-box {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 420px;
}

/* 로그인 상단 로고 */
.login-top-logo {
    padding-bottom: 5px;
}

/* 로그인 버튼 */
.login-container .login-box .btn-login {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}

/* 메인 - 주요 설정 상태 */
.index-config-status > .btn-group .btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

.index-config-status > .btn-group .btn > .badge {
    padding: 3px 7px;
    top: -1px;
}

/* 메인 - 최근 메일 목록 */
@media (min-width: 768px) {
    .index-mail-latest-box .index-mail-latest-list {
        table-layout: fixed;
    }
}


/* [2023-05-10] 편지 읽기시 테이블 배경색 사라지지 않도록 개선 */
.main_table_body2 table {
    background-color: revert-layer;
}

/* [2024-08-21] 편지 읽기시 이미지 최대 크기 제한하여 가로 스크롤 방지 */
.main_table_body2 img {
    max-width: 100%;
    height: auto;
    object-fit: contain; /* 비율 유지하고 여백이 생기더라도 모두 표시 */
}

/* [2023-11-17] 편지읽기 첨부파일 링크에서 파일명 가독성 개선 */
.mf_attach_names_wrap .list-inline {
    margin-bottom: -5px;
}

.mf_attach_names_wrap .list-inline > li {
    padding-bottom: 5px;
}

.mf_attach_names_wrap .mf_attach_name_link {
    color: #333333;
    /*white-space: nowrap;*/
}

.mf_attach_names_wrap .mf_attach_name_link .mf_attach_name_size {
    font-size: 12px;
    color: #858585;
}

.mf_attach_names_wrap .mf_attach_name_open_link .glyphicon,
.wf_name_open_link .glyphicon {
    color: #777777;
}

.mf_attach_names_wrap a.mf_attach_name_open_link:focus,
.mf_attach_names_wrap a.mf_attach_name_open_link:hover {
    text-decoration: none;
}

.mf_attach_names_wrap .mf_attach_names_down_all {
    margin-top: 5px;
}

/* [2024-04-19] 편지읽기 - 헤더보기, 창 높이 연동 */
.np-mail_header_view .well textarea {
    height: calc(100vh - 120px) !important;
}

.sidebar-nav .navbar li .mb-name {
    max-width: calc(100% - 50px);
    display: inline-block;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    vertical-align: sub;
}

.sidebar-nav .navbar li .mail-unread-count {
    /*color: #ff0000;*/
    color: #007fed;
}

/*.sidebar-nav .navbar li a:hover .mail-unread-count {*/
/*    color: #eeeeee;*/
/*}*/

/* 사이드 메뉴 */
.navbar-default .navbar-nav li.two-link {
    height: auto;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 체크박스 너비/높이 개선*/
input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

/*받은편지함, 일정관리 폼 input + select + button 버튼 높이 등 개선*/
#mail_search select,
.main_table_button select,
.main_table_button_page select,
.mbr-group select,
.share-table select,
.write-table select,
form > table > tbody > tr > td > select {
    height: 23px;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.5;
}

/* 공용게시판관리 등 검색폼 앞 select 높이 개선 */
form > table > tbody > tr > td > select[name=s_kind] {
    /*vertical-align: top;*/
}

form > table > tbody > tr > td > input[name=s_word] {
    height: 23px;
    vertical-align: text-top;
}

#mail_search input {
    height: 23px;
    vertical-align: text-top;
}

.detail-search-btn {
    vertical-align: super;
}

.mail-receive .btn-default.btn-xs {
    vertical-align: top;
}

.mail-volume {
    height: 23px;
    vertical-align: text-top;
}

/* 편지쓰기 테이블 글자 정렬*/
.write-table select {
    vertical-align: top;
}

/* 메인 - 메일 1% 글자 숨기기 너비 */
@media (min-width: 1220px) {
    .active_show {
        display: block;
    }
}

/* 메인 - 글자 없을 경우 아이콘 가운데 정렬*/
@media (max-width: 1219px) {
    .gly-align-center .txt-align-center {
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-left: 0;
    }
}

/* 메인 - 용량 폰트 크기 및 컬러*/
.volume-font {
    color: #337ab7;
    font-size: 18pt;
}

/* 메뉴 배경 컬러*/
.sidebar-nav .navbar li a:hover {
    background-color: #f3f3f3;
    color: #1e1e23; /*#3d73e9;*/
}

.sidebar-nav .navbar li.admin_menu a:hover {
    background-color: #ffe1c4;
}

/* 파일 드롭레이어 */
.b-upload__dnd {
    margin: 5px 0 0 0;
}


/* 왼쪽 메뉴 - 편지함 목록 */
.navbar-default .navbar-nav > li.two-link {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.navbar-default .navbar-nav > li.two-link > a {
    display: block;
}

.navbar-default .navbar-nav > li.two-link > .btn.btn-xs {
    position: absolute;
    top: 5px;
    right: 2px;
    height: 22px;
    font-size: 11px;
    margin: 0;
    padding: 0 2px 0 2px;
}

/* 왼쪽 메뉴 - 편지쓰기 | 내께쓰기 */
.navbar-default .navbar-nav > li.two-link-menu {
    display: table;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-default .navbar-nav > li.two-link-menu > a {
    display: table-cell;
    width: 44%;
    padding-right: 0;
}

.navbar-default .navbar-nav > li.two-link-menu > a:first-child {
    padding-right: 15px;
}

.navbar-default .navbar-nav > li.two-link-menu > .two-link-split {
    display: table-cell;
    width: 2%;
    /*color: #eee;*/
    color: #cdcdcd;
}

/* 멀티업로드 - 우측 파일 용량 정보 */
.attach-file-size {
    display: flex;
}

.attach-file-size .text_right-file {
    text-align: right;
    margin-left: auto;
}

/*파일 첨부 삭제버튼*/
.write-file-attach .b-thumb__del {
    top: -2px !important;
    left: 2px !important;
    /*color: #0f0f0f;*/
    color: #FF0000;
    width: 18px;
    padding-left: 5px;
}

.write-file-attach .b-thumb {
    padding: 3px;
}

.write-file-attach .b-thumb__name {
    padding-left: 22px;
}

/*파일 전환*/
.write-file-attach .b-thumb__uptype {
    right: 40px;
}

.write-file-attach .btn-conversion {
    position: absolute;
    right: 3px;
    font-size: 10px;
    padding: 0 5px;
    top: 1px;
}

.write-file-attach .b-thumb {
    width: 100% !important;
    height: 24px !important;
}

.write-file-attach .volume {
    position: absolute;
    right: 120px;
}

/*웹하드 업로드*/
.webhard-file .b-thumb__name {
    padding-left: 15px;
}

.webhard-file .b-thumb__del {
    left: 3px;
    top: -1px;
}

.webhard-file .volume {
    position: absolute;
    right: 5px;
}

.webhard-file .b-thumb {
    width: 100% !important;
}

/*게시판 업로드*/
.board-file .b-thumb__name {
    padding-left: 15px;
}

.board-file .b-thumb__del {
    left: 3px;
    top: -1px;
}

.board-file .volume {
    position: absolute;
    right: 5px;
}

.board-file .b-thumb {
    width: 100% !important;
}

/* 웹하드 검색버튼*/
.webhard-btn .form-control,
.webhard-btn .input-group-btn .btn-xs {
    height: 23px;
    line-height: 23px;
    padding: 0 5px;
}

/*pop3 smtp 설정방법안내*/
.pop3-smtp {
    border: #ebebeb;
    width: 80%;
}

.pop3-smtp tr td {
    padding: 15px;
}

/* [2024-09-28] 컨텐츠 영역의 가로폭이 클 경우, 컨텐츠 영역의 가로 스크롤 대신 전체 가로 스크롤 생기도록 개선 */
.layout-container .affix-row,
.layout-container .affix-content {
    overflow: visible;
}

/* [2024-10-15] 일정관리 월간일정, 날짜 칸 상단 정렬 */
.diary_month_table_outer1 > tbody > tr > td > .table > tbody > tr > td {
    vertical-align: top;
}
