@charset "utf-8";
/* CSS Document */

/* 기본 색상 설정 */
:root {
    --ls_bg_color: linear-gradient(to bottom right, rgba(0, 117, 190, 1) 0%, rgba(0, 67, 129, 1) 100%);
    --ls_text_color: #333;
    --ls_primary_red: #ed174b;
    --ls_primary_red_rgb: 237, 23, 75;
    /* --ls_primary_blue: rgb(0 67 129);
--ls_primary_blue_rgb: 250, 0, 45; */
    --ls_primary_blue: #004381;
    --ls_primary_blue_rgb: 0, 67, 129;
    --ls_primary_white: #fff;
    --ls_primary_white_rgb: 0, 0, 0;
    --ls_sub_green: #009bb4;
    --ls_sub_green_rgb: 0, 155, 180;
    --ls_sub_blue: #0569a0;
    --ls_sub_blue_rgb: 5, 105, 160;
    --ls_sub_gray: #7d8282;
    --ls_sub_gray_rgb: 125, 130, 130;
    --ls_primary_basic: #333;
    --ls_primary_basic_rgb: 51, 51, 51;

    /*라인*/
    --ls_primary_line: #dee2e6;
    --ls_primary_line_rgb: rgba(222, 226, 230);
    --ls_primary_line_style: 1px solid var(--ls_primary_line);
    --ls_primary_line_board_radius: 6px;

    /* 기본 폰트 설정 */
    --ls_basic_font_color: #666;
    /* 기본색상 : 목차에 사용 */
    --ls_basic_font-strong_color: #333;
    /* 글자강조색상 : 목차에 사용 */
    --ls-basic-font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    /* 기본폰트 */
    --ls-caption-size: 9px;
    /* small size */
    --ls-label-size: 12px;
    /* little size */
    --ls-basic-size: 14px;
    /* normal size */
    --ls-title-size: 16px;
    /* title size */
    --ls-headline-size: 21px;
    /* headline size */
    --ls-display-size: 26px;
    /* Display size */

    /* 링크 */
    --ls_primary_link: #333;
    --ls-primary-link-hover: #0569a0;
    --ls-primary_link-press: #0569a0;
    --ls-primary-link-focus: #0569a0;



    /***********************************************************************************************
/*	컴포넌트 정의
/*
/*
************************************************************************************************/


    /* left slide 설정 */
    --ls_slide_bg_color: #fff;
    --ls_slide_text_color: #333;
    --ls_slide_logo_filter: none;

    --ls_slide_bg_line_color: 5px solid #fdcb4b;
    --ls_slide_bg_toggle_btn_color: url("data:image/svg+xml,%3Csvg id='레이어_1' data-name='레이어 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 99'%3E%3Cdefs%3E%3Cfilter id='shadow' x='-20%%' y='-20%%' width='150%%' height='150%%'%3E%3CfeDropShadow dx='2' dy='2' stdDeviation='2' flood-color='%23000' flood-opacity='0.4'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='%23fdcb4b' d='M261,342s0,9,9,9,9,9,9,9v63s0,9-9,9-9,9-9,9Z' transform='translate(-261 -342)' filter='url(%23shadow)'/%3E%3C/svg%3E");
    --ls_slide_bg_toggle_btn_icon_color: #004381;
    --ls_slide_sidebarUser_bg_color: #fff;
    --ls_slide_sidebarUser_text_color: #153d77;
    --ls_slide_sidebarUserTitle_text_color: var(--ls_basic_font_color);

    --ls_slide_sidebarNav_bg_color: transparent;
    --ls_slide_sidebarNav_text_color: #333;
    --ls_slide_sidebarNav_link_color: #0569a0;


    /* 탑메뉴 설정 */
    /* gnbArea 메인 1차 */
    --ls_gnbArea_bg_color: transparent;
    --ls_gnbArea_text_color: #fff;
    --ls_gnbArea_text_font_size: var(--ls-title-size);

    /* --ls_gnbArea_link_color : #fff;
--ls_gnbArea_link_hover_color : #f5f58d; */
    --ls_gnbArea_link_color: rgba(255, 255, 255, 0.75);
    --ls_gnbArea_link_hover_color: #fff;
    --ls_gnbArea_min_width: 100%;

    /* gnbArea 서브 2차 */
    --ls_gnbArea_subNav_bg_color: #f3f4f7;
    --ls_gnbArea_subNav_bg_top: 4px solid #fdcb4b;
    --ls_gnbArea_subNav_bg_line: none;
    --ls_gnbArea_subNav_bg_min_width: 200px;
    --ls_gnbArea_subNav_text_color: ;
    --ls_gnbArea_subNav_text_font_size: 13px;

    --ls_gnbArea_subNav_link_color: #0a1e5a;
    --ls_gnbArea_subNav_link_hover_color: #00124b;
    --ls_gnbArea_subNav_link_font_size: 14px;

    /* table */
    --ls-table_color: #3e4676;
    --ls_table_bg_color: rgba(0, 117, 190, 0.035);
    --ls_table_line_color: 1px solid rgba(0, 117, 190, 0.135);
    --ls_table_top_line_color: 1px solid #0569a0;

    /* grid */
    --ls_grid_rg_header_color: #4e545f;
    --ls_grid_rg_header_bg: #f4f7fc;
    --ls_grid_rg_header_table_tr_td_line: 1px solid #bcc0c8;
    --ls_grid_rg_header_table_tr_td_cell_color: #f4f7fc;
    --ls_grid_rg_header_table_tr_td_hover_color: rgba(205, 220, 242, 0.65);
    --ls_grid_rg_table_tr_td_line: 1px solid #bcc0c8;
    --ls_grid_rg_body_rg_fixed_body_color: #fff;
    --ls_grid_rg_footer_bg: #f4f7fc;

    /* form */
    --ls_form_bg_color: #fff;
    --ls_form_text_color: #333;
    --ls_form_box_line: 1px solid rgb(204, 204, 204);
    --ls_form_box_radius: 3px !important;
    --ls_form_padding: 0 6px;
    --ls_form_height: 26px;
    --ls_form_width: 100%;
    --ls_form_font_size: 13px;
    --ls_form_required_bg_color: #fff5f9;
    --ls_form_select_hover_color: rgba(0, 117, 190, 0.05);
    --ls_form_select_active_color: rgba(0, 117, 190, 0.1);


    /* card */
    --ls_card_bg_color: #fff;
    --ls_card_text_color: #333;


    /* head */
    --ls_mainHead_bg_color: #fff;
    --ls_mainHead_text_color: #333;
    --ls_mainContentHeaderTitle_text_color: #fff;
    --mainContentHeaderSubTitle: #fff;

}


/***********************************************************************************************
/*	다크모드 정의

다크모드 글자 백그라운드 색상		: rgba 33, 37, 41, #212529
다크모드 글자 기본 색상			: rgba 222, 226, 230, #dee2e6
다크모드 라인 색상 색상 유지 :  255,255,255,0.15
다크모드 라인 링크색상 색상 유지 : 13, 202, 240 #0dcaf0

/*
************************************************************************************************/

[data-theme="dark"] {
    --ls_bg_color: #212529;
    --ls_text_color: #dee2e6;
    --ls_primary_line: #495057;
    --ls_primary_line_rgb: rgba(255, 255, 255, 0.15);
    --ls_primary_line_style: 1px solid var(--ls_primary_line_rgb);
    --ls_primary_line_board_radius: 6px;

    /* left slide 설정 */
    --ls_slide_bg_color: #212529;
    --ls_slide_text_color: #f5f6f7;
    --ls_slide_bg_line_color: 5px solid #565e64;

    --ls_slide_logo_filter: grayscale(100%) brightness(1000%);
    /* brightness 값을 조절하여 흰색 농도 조절 */


    --ls_slide_bg_toggle_btn_color: url("data:image/svg+xml,%3Csvg id='레이어_1' data-name='레이어 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 99'%3E%3Cdefs%3E%3Cfilter id='shadow' x='-20%%' y='-20%%' width='150%%' height='150%%'%3E%3CfeDropShadow dx='2' dy='2' stdDeviation='2' flood-color='%23000' flood-opacity='0.4'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='%23565e64' d='M261,342s0,9,9,9,9,9,9,9v63s0,9-9,9-9,9-9,9Z' transform='translate(-261 -342)' filter='url(%23shadow)'/%3E%3C/svg%3E");
    --ls_slide_bg_toggle_btn_icon_color: #fff;
    --ls_slide_sidebarUser_bg_color: transparent;
    --ls_slide_sidebarUser_text_color: var(--ls_text_color);
    --ls_slide_sidebarUserTitle_text_color: var(--ls_text_color);

    --ls_slide_sidebarNav_bg_color: transparent;
    --ls_slide_sidebarNav_text_color: #f5f6f7;
    --ls_slide_sidebarNav_link_color: #0dcaf0;

    /* 탑메뉴 설정 */
    /* gnbArea 메인 1차 */
    --ls_gnbArea_bg_color: transparent;
    --ls_gnbArea_text_color: var(--ls_text_color);
    --ls_gnbArea_text_font_size: var(--ls-title-size);

    --ls_gnbArea_link_color: var(--ls_text_color);
    --ls_gnbArea_link_hover_color: #f5f58d;
    --ls_gnbArea_min_width: 100%;

    /* gnbArea 서브 2차 */
    --ls_gnbArea_subNav_bg_color: var(--ls_bg_color);
    --ls_gnbArea_subNav_bg_top: 4px solid var(--ls_primary_line_rgb);
    --ls_gnbArea_subNav_bg_line: var(--ls_primary_line_style);
    --ls_gnbArea_subNav_bg_min_width: 200px;
    --ls_gnbArea_subNav_text_color: #dee2e6;
    --ls_gnbArea_subNav_text_font_size: 13px;

    --ls_gnbArea_subNav_link_color: #dee2e6;
    --ls_gnbArea_subNav_link_hover_color: #f5f58d;
    --ls_gnbArea_subNav_link_font_size: 14px;


    /* grid */
    --ls_grid_rg_header_color: var(--ls_slide_text_color);
    --ls_grid_rg_header_bg: var(--ls_bg_color);
    --ls_grid_rg_header_table_tr_td_line: var(--ls_primary_line_style);
    --ls_grid_rg_header_table_tr_td_cell_color: #transparent;
    --ls_grid_rg_header_table_tr_td_hover_color: rgba(205, 220, 242, 0.65);

    --ls_grid_rg_body_rg_fixed_body_color: var(--ls_bg_color);

    /* form */
    --ls_form_bg_color: #212529;
    --ls_form_text_color: #fff;
    --ls_form_box_line: 1px solid var(--ls_primary_line_rgb);
    --ls_form_box_radius: 8px !important;
    --ls_form_padding: 0 6px;
    --ls_form_height: 26px;
    --ls_form_width: 100%;
    --ls_form_font_size: 13px;


    /* card */
    --ls_card_bg_color: #212529;
    --ls_card_text_color: #f5f6f7;


    /* head */
    --ls_mainHead_bg_color: var(--ls_bg_color);
    --ls_mainHead_text_color: var(ls_bg_text_color);
    --ls_mainContentHeaderTitle_text_color: #fff;
    --mainContentHeaderSubTitle: #fff;
}

[data-theme="blue"] {
    --ls_bg_color: #e0f7fa;
    --ls_text_color: #006064;

}

[data-theme="green"] {
    --ls_bg_color: #e8f5e9;
    --ls_text_color: #1b5e20;
}

/* Reset CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.5;
    background: var(--ls_bg_color);
    font-size: var(--ls-basic-size);
    color: var(--ls_text_color);
    font-family: var(--ls-basic-font-family);
    transition: background-color 0.3s, color 0.3s;
}

dl,
ul,
ol,
menu,
li {
    list-style: none
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

legend,
caption,
.sr-only {
    overflow: hidden;
    position: fixed;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

fieldset,
img {
    border: none;
    vertical-align: middle;
}

button {
    font-family: inherit;
    border: none;
    background-color: transparent;
    cursor: pointer
}

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

/* HTML5 for older browsers */
a {
    text-decoration: none;
    color: var(--ls_primary_link);
}

a:hover {
    outline: none;
    color: var(--ls-primary-link-hover);
}

a:press {
    outline: none;
    color: var(--ls-primary-link-press);
}

a:focus {
    outline: none;
    color: var(--ls-primary-link-focus);
}

a:visited {
    outline: none;
    color: var(--ls-primary-link-focus);
}

input::-ms-clear {
    display: none;
}

h1 {
    font-size: 1.2em;
}

pre {
    font-size: 13px;
    line-height: 1.2em;
    color: #333;
    font-family: inherit;
}


input,
select,
textarea,
button {
    vertical-align: middle
}

textarea {
    width: calc(100% - 0px)
}

/*
input, textarea, select {
	font-family: var(--ls-basic-font-family);
	border: var(--ls_form_box_line);
	border-radius: var(--ls_form_box_radius);
	background-color: var(--ls_form_bg_color);
	color: var(--ls_form_text_color);

}
*/

/*
input[type="text"],
input[type="number"],
input[type="password"],
select {
    height: var(--ls_form_height);
    padding: var(--ls_form_padding);
    width: var(--ls_form_width);
    border: var(--ls_form_box_line);
	border-radius: var(--ls_form_box_radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
*/

input[type="text"],
input[type="number"],
input[type="password"],
select {
    box-sizing: border-box;
    /* display: block; 250612 삭제_mj*/
    width: 100%;
    height: var(--ls_form_height);
    padding: var(--ls_form_padding);
    font-size: var(--ls_form_font_size);
    line-height: 1.42857;
    color: var(--ls_form_text_color);
    background-color: var(--ls_form_bg_color);
    background-image: none;
    border: var(--ls_form_box_line);
    border-radius: var(--ls_form_box_radius);
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 250617 삭제_mj*/
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


input[type="radio"],
input[type="checkbox"] {
    margin: 0px 5px;
    vertical-align: middle;
    border: none;
}

iframe {
    border: none;
}

/*
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), none;
    background-color: #fff;
    /* --bs-body-bg 대체 (일반적인 배경 색상)
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: var(--ls-title-size) 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;
    border: 1px solid rgb(204, 204, 204);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
*/


select::-ms-expand {
    display: none
}

input::placeholder,
textarea::placeholder {
    font-style: italic;
    color: #a9a9a9;
}


/* 회사 폼 기본컴포넌트 정리 ax5rapweb.css */
/* .form-control { // 250528 속성이 먹혀서 기존 ax5rapweb으로 이동함. mj
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: var(--ls_form_height);
    padding: var(--ls_form_padding);
    font-size: var(--ls_form_font-size);
    line-height: 1.42857;
    color: var(--ls_form_text_color);
    background-color: var(--ls_form_bg_color);
    background-image: none;
    border: var(--ls_form_box_line);
    border-radius: var(--ls_form_box_radius);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
} */

/* 스크롤바 정의 */
::-webkit-scrollbar {
    /* width: 14px;
    height: 14px;  */
    width: 11px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(34, 34, 34, 0.15);
}

::-webkit-scrollbar-thumb:hover {
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(34, 34, 34, 0.3);
}

::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}

.layoutWrapper {
    align-items: stretch;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-width: 1224px;
}





.sidebarTab {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0;
}

.sidebarTab li {
    margin: 0;
    padding: 0;
    width: 50%;
}

.sidebarTab li a {
    display: block;
    width: 100%;
    border-bottom: 1px solid #f4f4f4;
    padding: 5px;
    line-height: 1.5;
    text-align: center;
    color: #6c757d;
}

.sidebarTab li a:hover {
    background: rgba(222, 226, 230, 0.5);
}

.sidebarTab .on a,
.sidebarTab .on a:hover {
    color: var(--ls_primary_link);
    border-bottom: 2px solid #009bb4;
    /* background: #009bb4; */
}

.sidebarTopBtn {
    display: flex;
    margin-top: 30px;
    margin-left: 11px;
    border-bottom: none;
}

.sidebarTopBtn li {
    width: 100%;
    font-size: 12px;
    margin-bottom: 15px;
    color: #adb5bd;
}

/* Favicon */

.slideMenu li .fav-ico,
.slideMenu .depthArea2 li .fav-ico {
    /* position: absolute;
      top: 22px;
      left: 10px;
      width: 14px;
      height: auto; 250613 삭제_mj*/

    /* 250613 수정_mj*/
    display: inline-block;
    padding: 8px 10px 7px;
    line-height: 1.5;
    cursor: pointer;
}

.slideMenu li .fav-ico {
    /* height: 33px; */
}

.slideMenu li .fav-ico.on::before,
.slideMenu li .fav-ico.off::before,
.slideMenu li .fav-ico.disable::before,
.slideMenu .depthArea2 li .fav-ico.on::before,
.slideMenu .depthArea2 li .fav-ico.off::before,
.slideMenu .depthArea2 li .fav-ico.disable::before {
    content: '';
    display: block;
    position: absolute;
    /* top: 50%;
      margin-top: -9px; 250613 삭제_mj */

    margin-top: 0;
    /* 250613 수정_mj */
    left: 2px;
    width: 18px;
    height: 17px;
    background: url(../images/ico/ico-star-on.png) no-repeat;
}

.slideMenu .depthArea2 li .fav-ico.off::before {
    background: url(../images/ico/ico-star-off.png) no-repeat;
}

.slideMenu li .fav-ico.off::before {
    background: url(../images/ico/ico-star-off-write.png) no-repeat;
}

.slideMenu li .fav-ico.disable::before,
.slideMenu .depthArea2 li .fav-ico.disable::before {
    background: url(../images/ico/ico-star-disabled.png) no-repeat;
}

.slideMenu li .fav-ico.disable::before {
    opacity: .7;
}

.slideMenu li ul li ul {
    border-top: none;
    width: 170px;
    background: #fff;
}

.slideMenu .depthArea3 {
    padding: 8px 0;
}

.slideMenu .leftDepth3 {
    padding: 2px 0px 2px 4px;
    width: 146px;
    height: auto;
    margin: 0 auto;
    color: #484848;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-left: none;
    border-right: none;
    color: #666;
}

.slideMenu .leftDepth3 span {
    padding-left: 6px;
    margin-top: 2px;
    width: 146px;
    height: 23px;
    line-height: 24px;
    display: inline-block;
}

.slideMenu .leftDepth3 span.dashAdded {
    width: 5px;
    padding: 0;
}

.slideMenu .leftDepth3:hover,

.leftDepth3 span.on {
    color: #ffffff;
    background: #c7284a;
    border-bottom: 1px solid #c7284a;
}

/*------------------------------------------*/

/* Slide Menu */

#leftMenuBlock {
    width: 100%;
    /* margin: 0 auto; 250613 삭제제_mj*/
    padding: 0;
    background-color: rgba(0, 0, 0, 0.0)
}

#leftMenuBlock.treeMenu {

    width: 257px;

    padding: 5px 5px !important
}

.slideMenu li {
    position: relative;
    /* display: block; 250613 수정_mj */
    border-bottom: none;
    color: #6c757d;
    font-size: var(--ls-title-size);
    /* background-color: #eee; */

    /* 250613 추가_mj */
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.slideMenu li:hover,
.slideMenu li:focus,
.slideMenu li:active,
.leftArea .nav .subNav > li:hover,
.leftArea .nav .subNav > li:focus,
.leftArea .nav .subNav > li:active
 {
    background: #f6fafd;
}

.slideMenu li i {
    position: relative;
    /* top: var(--ls-title-size);
    left: var(--ls-title-size); */
    color: rgba(128, 133, 161, 0.35);
    font-size: 14px;
    cursor: pointer;
}


.slideMenu li.active{

}

.slideMenu li.active:hover{
    background:none;
}

.slideMenu li.active > a{
    cursor: default;
}

.slideMenu .leftDepth1.last{
    position: relative;
}

.slideMenu .leftDepth1.last::before{
/*    content: '\f107';*/
    display: block;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%) rotate(0deg);
    font: 14px/1 fontAwesome;
    color: #222c6b;
    transition: 0.3s ease-in-out;
}

.slideMenu .active .leftDepth1.last::before{
    content: '\f107';
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%) rotate(-180deg);
    font: 14px/1 fontAwesome;
    color: #222c6b;
    transition: 0.3s ease-in-out;
}

.slideMenu li.active > a:hover{
    color: #6c757d;
}

.slideMenu .depthArea2 {
    padding: 0 0 0 5px;
}

.slideMenu li li {
    border-bottom: none;
    padding-left: 0px;
}

.slideMenu .leftDepth1 {
    position: relative;
    padding: 7px 5px;
    /* margin-right: 10px; */
    height: auto;
    display: block;
    width: 85%;
    /* 250613 추가_mj */
    line-height: 1.5;
    -webkit-transition: all .7s;
    transition: all .2s;
    font-size: 14px;
    text-align: left;
    color: #6c757d;
}

.slideMenu .leftDepth1.active {
    color: #212529;
    background: #f6fafd !important;
}

.slideMenu .leftDepth1 span {
    /* padding-left: 29px; 250613 삭제_mj*/
}

.slideMenu .leftDepth1 span,
.slideMenu .leftDepth1.noChild {
    /* background: none !important; */
}

.slideMenu .leftDepth1:hover {
    color: #222c6b;
}

.slideMenu .active .leftDepth1::after {
    top: 13px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.slideMenu .depthArea2 li {
    position: relative;
    background: none;
}

.slideMenu .leftDepth2 {
    width: auto;
    width: initial;
    height: auto;
    padding: 7px 5px;
    border: none;
    font-size: var(--ls-basic-size);
    color: #6a6a6a;
    line-height: initial;
}

.slideMenu .leftDepth2:hover,
.leftDepth2 span.on {
    color: var(--ls_sub_blue);
}

.slideMenu .leftDepth2 span.on {}


/* Favicon - font awesome*/
.slideMenu li .fa-regular,
.slideMenu li .fa-solid,
.slideMenu .depthArea2 li .fa-regular {
    position: absolute;
    top: 14px;
    left: 10px;
    width: 14px;
    height: auto;
    cursor: pointer;
}

.slideMenu li .fa-regular {
    /* height: var(--ls-title-size); */
}

.slideMenu li .fa-regular.on::before,
.slideMenu li .fa-regular.off::before,
.slideMenu li .fa-regular.disable::before,
.slideMenu .depthArea2 li .fa-regular.on::before,
.slideMenu .depthArea2 li .fa-regular.off::before,
.slideMenu .depthArea2 li .fa-regular.disable::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 2px;
    width: 18px;
    height: 17px;
    /* background: url(../images/ico/ico-star-on.png) no-repeat; */
}

/* .slideMenu .depthArea2 li .fa-regular.off::before {
    background: url(../images/ico/ico-star-off.png) no-repeat;
}

.slideMenu li .fa-regular.off::before {
    background: url(../images/ico/ico-star-off-write.png) no-repeat;
}

.slideMenu li .fa-regular.disable::before,
.slideMenu .depthArea2 li .fa-regular.disable::before {
    background: url(../images/ico/ico-star-disabled.png) no-repeat;
} */

.slideMenu li .fa-regular.disable::before {
    opacity: .7;
}

.slideMenu li ul li ul {
    border-top: none;
    width: 170px;
    background: #fff;
}

.slideMenu .depthArea3 {
    padding: 8px 0;
}

.slideMenu .leftDepth3 {
    padding: 2px 0px 2px 4px;
    width: 146px;
    height: auto;
    margin: 0 auto;
    color: #484848;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    border-left: none;
    border-right: none;
    color: #666;
}

.slideMenu .leftDepth3 span {
    padding-left: 6px;
    margin-top: 2px;
    width: 146px;
    height: 23px;
    line-height: 24px;
    display: inline-block;
}

.slideMenu .leftDepth3 span.dashAdded {
    width: 5px;
    padding: 0;
}

.slideMenu .leftDepth3:hover,

.leftDepth3 span.on {
    color: #ffffff;
    background: #c7284a;
    border-bottom: 1px solid #c7284a;
}




/* top menu */
/*
    .gnbArea {
      width: 100%;
      height: 35px;
      padding: 0 var(--ls-title-size);
      border-bottom: none;
	  background-color: var(--ls_gnbArea_bg_color);
	  min-width: var(--ls_gnbArea_min_width);
    }
      줄어드는 에러 해결을 2차
*/

/* .gnbArea { // 250925 test로 숨김_mj
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    padding: 0 var(--ls-title-size);
    border-bottom: none;
    min-width: var(--ls_gnbArea_min_width);
    background-color: var(--ls_gnbArea_bg_color);
} 

.gnbArea {
    width: 100%;
    height: 35px;
    padding: 0 16px;
    border-bottom: none;
    background-color: transparent;
    margin-left: 30px;
    white-space: nowrap;
    overflow-x: visible; 
}

.gnbArea::after {
    content: "";
    display: block;
    clear: both;
}

.gnbArea .nav {
    float: left;
    padding-top: 0;
    padding-bottom: 0
}

.gnbArea .nav li {
    display: inline-block;
    padding-right: 30px;
    color: var(--ls_gnbArea_text_color);
    line-height: 29px;
}
    */

    /* 250925 테스트 추가 _mj */
 .gnbArea {
    width: 100%;
    height: 35px;
    padding: 0 16px;
    border-bottom: none;
    background-color: transparent;
    white-space: nowrap;
    overflow-x: visible; 
}

.gnbArea::after {
    content: "";
    display: block;
    clear: both;
}

.gnbArea .nav {
    float: left;
    padding-top: 0;
    padding-bottom: 0;
}

.gnbArea .nav li {
    display: inline-block;
    padding-right: 30px;
    color: #fff;
    line-height: 29px;
    position: relative;
}
/* // 250925 테스트 추가 _mj */

.gnbArea .nav li svg,
.gnbArea .nav li a {
    font-size: var(--ls_gnbArea_text_font_size);
    color: var(--ls_gnbArea_link_color);
}

.gnbArea .nav li svg:hover,
.gnbArea .nav li svg:active,
.gnbArea .nav li svg:focus,
.gnbArea .nav li a:hover,
.gnbArea .nav li a:active,
.gnbArea .nav li a:focus {
    color: var(--ls_gnbArea_link_hover_color);
}

.gnbArea .nav .fas {
    margin-right: 8px;
}

.gnbArea .nav li a.current {
    color: var(--ls_gnbArea_link_current_color);
    text-decoration: underline;
}

.gnbArea .nav>li {
    position: relative
}

.gnbArea .nav .subNav {
    font-family: var(--ls-basic-font-family);
    display: none;
    position: absolute;
    top: 40px;
    left: -5px;
    padding: 8px 15px 10px;
    border-radius: 0 0 6px 6px;
    border-top: var(--ls_gnbArea_subNav_bg_top);
    border-left: var(--ls_gnbArea_subNav_bg_line);
    border-right: var(--ls_gnbArea_subNav_bg_line);
    border-bottom: var(--ls_gnbArea_subNav_bg_line);
    background: var(--ls_gnbArea_subNav_bg_color);
    color: var(--ls_gnbArea_subNav_text_color);
    font-size: var(--ls_gnbArea_subNav_text_font_size);
    z-index: 99999;
    box-shadow: 11px 13px 14px rgba(0, 0, 0, .1);
    letter-spacing: -0.05em;
    min-width: var(--ls_gnbArea_subNav_bg_min_width);
    transition: margin-left 0.3s ease-in-out;
    /* 부드러운 전환 효과 */
}

.gnbArea .nav .subNav>li {
    font-family: var(--ls-basic-font-family);
    display: block;
    padding: 0;
    line-height: 28px;
    white-space: nowrap;
}

.gnbArea .nav .subNav.on {
    display: block
}

.gnbArea .nav .subNav>li a {
    display: block;
    padding: 0;
    font-size: var(--ls_gnbArea_subNav_link_font_size);
    line-height: 28px;
    color: var(--ls_gnbArea_subNav_link_color);
    white-space: nowrap;
}

.gnbArea .nav .subNav>li>a:hover {
    font-weight: 500;
    color: var(--ls_gnbArea_subNav_link_hover_color);
}

.sidebarUser .sidebarUserName {
    font-weight: normal;
    line-height: 1.3;
}



.card-container {
    width: 100%;
    border: var(--ls_primary_line_style);
    border-radius: var(--ls_primary_line_board_radius);
    background-color: var(--ls_card_bg_color);
    color: var(--ls_card_text_color);
}

.card-container::before {
    content: '';
    display: block;
    clear: both;
}

.card-container .card-head {
    position: relative;
    width: 100%;
    padding: 9px 20px;
}

.card-container .card-head .left-wrap {
    position: absolute;
    top: 3px;
    right: 20px;
}

.card-container .card-body {
    position: relative;
    width: 100%;
    /* padding: 0 20px 20px; 250714 수정_mj*/
    padding: 0 20px;
    overflow-x: scroll !important;
}

.card-container .k-card,
.k-calendar
{
    font-family: var(--ls-basic-font-family);
}

.card-container .card-footer {
    position: relative;
    width: 100%;
    padding: 20px;
}


.mainHead {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    color: var(--ls_mainHead_text_color);
    background: var(--ls_mainHead_color)
}


.mainHeadLeft {}

.mainContentHeader {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.mainContentHeaderTitle {
    color: var(--ls_mainContentHeaderTitle_text_color);
    font-weight: 400;
    font-size: 24px;
}


.mainContentHeaderSubTitle {
    color: var(--mainContentHeaderSubTitle);
    font-weight: 400;
    font-size: 15px;
}

.mainContent {
    margin: 35px;
}

.mainContentBody {
    border: 1px solid #dee2e6;
    min-height: 100%;
    min-width: 100%;
    background: #fff;
    margin-bottom: 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: auto;
    padding: 20px;
}


/* 탭제정의  rab-web-commons.css 정의 */

/* ******* Main Layout : rap-web-common.css 재정의  *******/


/********************* Header ********************
2차메뉴가 나오지 않지만 좌우크기조절이 됨
.layout-header {
    position: relative;
	margin-top: 15px;
    min-width: 1024px;
    height:50px;
	background-color: transparent;
}
*/


/********************* Body *********************/

/*
.layout-body-left {
    position:absolute;
    top: 0px;
    left: 0;
    width:200px;
    height:100%;
	/*
    border-right:1px solid #d6d7d8;
    background-color:#f8f8f8;
	background: linear-gradient(to bottom, rgba(0, 67, 129, 1), rgba(0, 117, 190, 1)); /* 위에서 아래로 그라디언트

}
*/

/*.layout-body-left {
    position:absolute;
    top: 0;
    left: 0;
    background-color: var(--ls_slide_bg_color);
	color: var(--ls_slide_text_color);
    border-right: 0;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .05);
    width: 245px;
    z-index: 1;
    height: 100vh;
    margin-left: 0;
    /* 기본적으로 보이도록 왼쪽 마진을 0으로 설정
    transition: margin-left 0.4s ease-in-out;
    /* 부드러운 전환 효과
    border-right: var(--ls_slide_bg_line_color);
}
    */




/*************************************************************************************
    Left Menu
 ************************************************************************************* */

/*.leftBg { // left class명 변경_mj
    width: 100%;
    padding: 0;
        background-color:#fafafa;
}
*/

.leftSystemInfo {
    position: relative;
    height: 35px;
    background: none;
    border-bottom: 1px solid #ccc;
}

.leftSysname {
    position: relative;
    padding: 10px 15px;
    /* color: #fff; */
    font-weight: normal;
    /*    background-color: #d6d6d6;   */
    height: 35px;
    /* cursor: pointer; 250613 삭제_mj*/
}

.leftSystemInfo .fav-edit {
    position: absolute;
    top: 0;
    right: 14px;
    width: 30px;
    height: 35px;
    border-left: 1px solid #c8c8c8;
    cursor: pointer;
}

.leftSystemInfo .fav-edit::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    width: var(--ls-title-size);
    height: var(--ls-title-size);
    background: url(../images/ico/ico-star-board.png) no-repeat;

}

.leftSystemInfo ul.leftType {
    right: 0;
    bottom: 11px
}

/************************/
/*  slide-menu 화살표 mj */
/************************/

.leftTop {
    position: absolute;
    top: 12px;
    right: -25px;
    background: transparent;
    z-index: 1;

    background: none;
    border: none;
    font-size: 15px;
    color: var(--ls_slide_bg_toggle_btn_icon_color);
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 100px;
    background-image: var(--ls_slide_bg_toggle_btn_color);
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    padding-left: 3px;



    /*
    position: absolute;
    width: 14px;
    height: 35px;
    right: -14px;
    top: 31px;
    background: #949494 url(../images/btn-leftmenu-open.png) 50% no-repeat;
    overflow: hidden;
    z-index: 1;
*/
}

.leftTop.close {
    /* width: 14px;
     background: #949494 url(../images/btn-leftmenu-close.png) 50% no-repeat;
    top: 31px; */
    right: -24px;
}

.leftTop i,
.leftTop svg {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 15px;
    color: var(--ls_slide_bg_toggle_btn_icon_color);
    transition: opacity 0.5s ease 0.1s, transform 0.5s ease;
    transform-origin: center;
    /* 회전 시 중심점 */
}

/* 초기 상태: 메뉴가 닫혀있을 때 (.leftTop에 close 클래스 없음) */
/* 이때는 오른쪽 화살표가 보여야 함 (.icon-right) */
.leftTop:not(.close) .icon-right {
    opacity: 1;
    /* 오른쪽 화살표 보이기 */
    transform: translate(-50%, -50%) rotate(0deg);
}

.leftTop:not(.close) .icon-left {
    opacity: 0;
    /* 왼쪽 화살표 보이기 */
    transform: translate(-50%, -50%) rotate(-90deg);
}

/* 메뉴가 열렸을 때 (.leftTop에 close 클래스 있음) */
/* 이때는 왼쪽 화살표가 보여야 함 (.icon-left) */
.leftTop.close .icon-right {
    opacity: 0;
    /* 오른쪽 화살표 숨기기 */
    transform: translate(-50%, -50%) rotate(90deg);
}

.leftTop.close .icon-left {
    opacity: 1;
    /* 왼쪽 화살표 보이기 */
    transform: translate(-50%, -50%) rotate(0deg);
}

/*.leftBg.closed { // left class명 변경_mj

    background-image: none;
    width: 0px;
    height: 0px;
}
*/
.layout-footer {
    width: 100%;
    display: none;
}



/*************************************************************************************

    공통 CSS

**************************************************************************************/

.Lnodisplay {

    display: none !important;

}

.m-bold {
    font-weight: 500 !important;
}

.bold {

    font-weight: bold;

}

.readOnly {

    color: #666666;

    background: #d9d9d9;

}

.clear {

    clear: both;

}

.clearFix::after {

    content: '';

    display: block;

    clear: both;

}

.text-hidden {

    font-size: 0;

}

.hidden {

    position: absolute;

    left: -999999px;

    top: -9999999px;

    font-size: 0;

}

.relative {

    position: relative
}

.absolute {

    position: absolute
}



/* 타이틀 */

/* h2.subtitle, // 250609 삭제_mj

h3.subtitle {

    position: relative;

    padding-left: 8px;

    font-size: 14px;

    line-height: 26px;

    font-weight: normal;

    margin-bottom: 5px;

} */

h2.subtitle,

h3.subtitle {

    position: relative;
    /* padding: 20px 0 10px; */
    padding-left: 8px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;

}

h2.subtitle::before,

h3.subtitle::before {

    content: '';

    display: block;

    width: 2px;

    height: 12px;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -6px;

    background-color: var(--ls_primary_blue);

}

h3.subtitle {

    font-size: 12px;

    line-height: initial;

}

h3.subtitle::before {

    width: 3px;

    height: 3px;

    left: 0;

    margin-top: -3px;

}

.buttonArea>.pull-left h2.subtitle {

    margin-bottom: 0;

}



/* 정렬 */

.ver-top {
    vertical-align: top !important;
}

.ver-mid {
    vertical-align: middle !important;
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}



/* Form 정렬 */

.form-inline>.form-group {

    display: inline-block;

    margin-left: 10px;

}

.form-inline>.form-group:first-child {

    margin-left: 0;

}

.form-inline>.form-group div[rapweb-control-id] {

    display: inline-block;

}

.form-inline>.form-group span.text {

    color: #969696;

}



/* Bg Color */

.bg-red {

    background-color: #d40303 !important;

}

.bg-yellow {

    background-color: #fff91b !important;

}

.bg-gray {

    background-color: #f9f9f9 !important;

}


/* text color */

.txt_black{
   color: var(--ls_primary_basic) !important;
}

.txt_red{
    color: var(--ls_primary_red) !important;
}

.txt_blue{
    color: var(--ls_primary_blue) !important;
}

.txt_green{
    color: var(--ls_primary_green) !important;
}

.txt_gray{
    color: var(--ls_primary_gray) !important;
}


/* 간격 */

.mt-0 {
    margin-top: 0 !important
}

.mt-3 {
    margin-top: 3px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-7 {
    margin-top: 7px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-12 {
    margin-top: 12px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.ml-minus1 {
    margin-left: -1px !important;
}

.ml-minus5 {
    margin-left: -5px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-3 {
    margin-bottom: 3px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-6 {
    margin-bottom: 6px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mB-30 {
    margin-bottom: 30px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-3 {
    padding-top: 3px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-3 {
    padding-bottom: 3px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-3 {
    padding-left: 3px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-3 {
    padding-right: 3px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-28 {
    padding-right: 28px !important
}



/* Width */

.w2p {
    width: 2% !important
}

.w3p {
    width: 3% !important
}

.w4p {
    width: 4% !important
}

.w5p {
    width: 5% !important
}

.w6p {
    width: 6% !important
}

.w7p {
    width: 7% !important
}

.w9p {
    width: 9% !important
}

.w10p {
    width: 10% !important
}

.w13p {
    width: 13.7% !important
}

.w18p {
    width: 18% !important
}

.w19p {
    width: 19% !important
}

.w20p {
    width: 20% !important
}

.w21p {
    width: 21% !important
}

.w22p {
    width: 22% !important
}

.w23p {
    width: 23% !important
}

.w24p {
    width: 24% !important
}

.w25p {
    width: 25% !important
}

.w30p {
    width: 30% !important
}

.w32p {
    width: 32% !important
}

.w35p {
    width: 35% !important
}

.w39p {
    width: 39% !important
}

.w40p {
    width: 40% !important
}

.w44p {
    width: 44% !important
}

.w45p {
    width: 45% !important
}

.w46p {
    width: 46% !important
}

.w48p {
    width: 48% !important
}

.w49p {
    width: 49% !important
}

.w50p {
    width: 50% !important
}

.w55p {
    width: 55% !important
}

.w59p {
    width: 59% !important
}

.w60p {
    width: 60% !important
}

.w63p {
    width: 63% !important
}

.w69p {
    width: 69% !important
}

.w70p {
    width: 70% !important
}

.w72p {
    width: 72% !important
}

.w75p {
    width: 75% !important
}

.w78p {
    width: 78% !important
}

.w80p {
    width: 80% !important
}

.w90p {
    width: 90% !important
}

.w95p {
    width: 95% !important
}

.w96p {
    width: 96% !important
}

.w97p {
    width: 97% !important
}

.w98p {
    width: 98% !important
}

.w99p {
    width: 99% !important
}

.w100p {
    width: 100%;
}

.w30px {
    width: 30px !important
}

.w64px {
    width: 64px !important
}

.w100px {
    width: 100px !important
}

.w120px {
    width: 120px !important
}

.w140px {
    width: 140px !important
}

img.flexible {
    height: auto;
    max-width: 100%
}



.fixdiv>.form-control {
    width: 100% !important;
}


/* float */
.pull-right {
    float: right;
}


/*************************************************************************************

    Layout

 **************************************************************************************/

.row {

    /*     margin-left: -15px; */

}

.row::after {

    content: '';

    display: block;

    clear: both;

}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {

    position: relative;

    min-height: 1px;

    float: left;

    padding-right: 15px;

    box-sizing: border-box;

}

.col-lg-12 {

    width: 100%
}

.col-lg-11 {

    width: 91.66666667%
}

.col-lg-10 {

    width: 83.33333333%
}

.col-lg-9 {

    width: 75%
}

.col-lg-8 {

    width: 66.66666667%
}

.col-lg-7 {

    width: 58.33333333%
}

.col-lg-6 {

    width: 50%
}

.col-lg-5 {

    width: 41.66666667%
}

.col-lg-4 {

    width: 33.33333333%
}

.col-lg-3 {

    width: 25%
}

.col-lg-2 {

    width: 16.66666667%
}

.col-lg-1 {

    width: 8.33333333%
}

[class^="col-"]:last-child {

    padding-right: 0;

}



/*************************************************************************************

    Header

 **************************************************************************************/

.header {

    width: 100%;

    height: 60px;

    background: #333;

}

.header::after {

    content: "";

    display: block;

    clear: both;

}

.topLogo {
    position: absolute;
    z-index: 100;
    float: left;
    display: inline-block;
}

.topLogo .logo {
    position: absolute;
    top: 11px;
    left: 10px;

}

.topConArea .mbInfo {
    position: absolute;
    top: 0px;
    /* right: 20px; */
    right: 0;
    /* 250611 변경_mj */
    z-index: 1;
}


/**************************/
/**      search     **/
/**************************/

.overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.overlay.active {
    visibility: visible;
    opacity: 1;
}

.header-util-search {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4%;
    padding: 60px 0;
    z-index: 10;
    background-color: #f8f9fb;
    transition: opacity 0.3s ease-in-out, visivility 0.3s ease-in-out;
}

.header-util-search.show {
    visibility: visible;
    opacity: 1;
}

.header-util-search form {
    position: relative;
    width: 100%;
    max-width: 1280px;
}

.header-util-search fieldset {
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.header-util-search input[type="text"] {
    padding: 15px 40px;
    width: 100%;
    height: auto;
    border: 1px solid #9e9e9e;
    border-radius: 8px;
    font-size: var(--ls-headline-size);
    font-weight: 700;
    line-height: 1.5;
    outline: none;
    overflow: hidden;
}

.header-util-search input[type="text"]:hover,
.header-util-search input[type="text"]:focus {
    border-color: #144390;
}


.header-util-search .header-util-search-del,
.header-util-search .header-util-search-submit {
    position: absolute;
    top: 50%;
    right: 32px;
    color: #424242;
    font-size: var(--ls-title-size);
    transform: translateY(-50%);
    cursor: pointer;
}

.header-util-search .header-util-search-del {
    right: 60px;
}

.header-util-search-suggest {
    padding: 20px 30px;
    min-height: 80px;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* border: 1px solid red; */
    background: var(--ls_primary_white);
    border-radius: 8px;
    border: var(--ls_form_box_line);
}

.header-util-search-suggest .recent-search {
    text-align: left;
    line-height: 1.5;
    font-size: var(--ls-basic-size);
    margin-bottom: 10px;
    color: var(--ls_primary_blue);
}

.header-util-search-suggest .search-result-type {
    /* margin-bottom: 10px; */
}

.header-util-search-suggest .suggest-item {
    text-align: left;
    padding: 5px 10px;
}

.header-util-search-suggest .suggest-item:hover,
.header-util-search-suggest .suggest-item:active,
.header-util-search-suggest .suggest-item:focus {
    background-color: var(--ls_form_select_hover_color);
}

.header-util-search-suggest .search-result {
    position: static;
    font-size: var(--ls-title-size);
    font-weight: 700;
}

.header-util-search-suggest {}

.header-util-search-suggest {}

.topConArea .header-util-search-close {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #424242;
    font-size: var(--ls-title-size);
    line-height: 1;
}

.header-util-search-close>span {
    font-weight: 500;
}

.header-util-search-close>i {
    transform: unset;
}


/*******************************************/
/****    sitemap - search (menu search) ****/
/*******************************************/

.search-page.site-map .search-tab{
    border: none;
    padding: 20 0 40px;
}

.search-page.site-map .header-util-search{
    visibility: visible;
    opacity: 1;
    position: relative;
    padding: 20px 0;
    z-index: 0;
    background: transparent;
}

.search-page.site-map .header-util-search input[type="text"]{
    padding: 10px 20px;
    background: transparent;
    color: var(--ls_primary_white);
}

.search-page.site-map .header-util-search input[type="text"]:hover,
.search-page.site-map .header-util-search input[type="text"]:focus{
    border: 1px solid var(--ls_sub_green);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.search-page.site-map i,
.search-page.site-map svg{
    color: var(--ls_primary_white);
}
body.no-scroll {
    overflow: hidden;
}



.topConArea .mbInfo .login-data {

    /* background-color: #5d5d5d; */
    background-color: transparent;

    padding: 3px 0;

    border-radius: 12px;

}

.topConArea .mbInfo .login-data li {

    position: relative;

    float: left;

    /* padding: 0 20px; */
    padding: 0 10px;
    /* 250611 변경_mj */

    /* background: url(../images/ico/global-vline.png) 0 50% no-repeat; 250611 삭제_mj*/

}

/* .topConArea .mbInfo .login-data li:first-child {// 250611 삭제_mj


    background: none;

    padding-right: 12px;

    padding-left: 35px;
} */

.topConArea .mbInfo .login-data li a {

    font-size: var(--ls-basic-size);

    /* color: #bebebe; */
    color: var(--ls_gnbArea_link_color);
    /*250611 변경_mj*/

    display: block;

    line-height: 19px;

}

.topConArea .mbInfo .login-data li a:hover,
.topConArea .mbInfo .login-data li a:active,
.topConArea .mbInfo .login-data li a:focus {
    /*250611 추가_mj*/
    color: #fff;
}

.topConArea .mbInfo .login-data li.to-do a {
    top: 0;
    height: 20px;
}

.topConArea .mbInfo .login-data li.to-do .count,

.topConArea .mbInfo .login-data li.approval .count {

    position: absolute;

    top: -12px;

    right: 3px;

    display: block;

    width: 28px;

    height: var(--ls-title-size);

    border-radius: 7px;

    color: #fff;

    text-align: center;

    line-height: 18px;

    letter-spacing: -.09em;

    z-index: 2;

}

.topConArea .mbInfo .login-data li.to-do .count {

    background-color: #c8294b;

}

/* .topConArea .mbInfo .login-data li.approval .count{

    background-color: #da1c5a;

} */

/* .topConArea .mbInfo .login-data li.sitemap a { // 250611 삭제_mj
    width: 20px;
    height: 20px;
    background: url(../images/ico/ico_sitemap.png) center no-repeat
  } */

.topConArea .mbInfo .login-data li.fav a {
    width: 20px;
    height: 20px;
    background: url(../images/ico/ico_favi.png) no-repeat
}

.topConArea .mbInfo .login-data li.fav a:hover,
.topConArea .mbInfo .login-data li.fav.on a {
    background: url(../images/ico/ico_favi.png) no-repeat -20px 0
}


/* .topConArea .mbInfo .login-data li.btnUser a::before { // 250611 삭제_mj

    content: '';

    display: block;

    position: absolute;

    top: 2px;

    left: 12px;

    width: var(--ls-title-size);

    height: 15px;

    border-radius: 1px;

    background: url(../images/ico/ico-set.png) no-repeat;

} */

.topConArea .mbInfo .login-data li.btnUser.korea a::before,

.topConArea .mbInfo .login-data li.btnUser.usa a::before,

.topConArea .mbInfo .login-data li.btnUser.china a::before,

.topConArea .mbInfo .login-data li.btnUser.poland a::before,

.topConArea .mbInfo .login-data li.btnUser.vietnam a::before,

.topConArea .mbInfo .login-data li.btnUser.india a::before {

    content: '';

    display: block;

    position: absolute;

    top: 3px;

    left: 10px;

    width: 19px;

    height: 13px;

    border-radius: 1px;

    background: url(../images/img-korea.png) no-repeat;

}

.topConArea .mbInfo .login-data li.btnUser.usa::before {

    background: url(../images/img-usa.png) no-repeat;

}

.topConArea .mbInfo .login-data li.btnUser.china::before {

    background: url(../images/img-china.png) no-repeat;

}

.topConArea .mbInfo .login-data li.btnUser.poland::before {

    background: url(../images/img-poland.png) no-repeat;

}

.topConArea .mbInfo .login-data li.btnUser.vietnam::before {

    background: url(../images/img-vietnam.png) no-repeat;

}

.topConArea .mbInfo .login-data li.btnUser.india::before {

    background: url(../images/img-india.png) no-repeat;

}

.topConArea .mbInfo .login-data li.to-do a {

    top: 1px;

    width: 20px;

    height: 18px;

    background: url(../images/ico/ico-toDo.png) center no-repeat;

}

.topConArea .mbInfo .login-data li.approval a {

    top: -1px;

    width: 19px;

    height: 19px;

    background: url(../images/ico/ico-approval.png) center -1px no-repeat;

}

.topConArea .mbInfo .login-data .refresh:hover .systems {

    display: block;

}

.topConArea .mbInfo .login-data .refresh .systems {

    background-color: #5d5d5d;

    display: none;

    position: absolute;

    top: 18px;

}

.topConArea .mbInfo .login-data .refresh .systems li {

    padding: 0 5px;

    background: none;

}

.topConArea .mbInfo .login-data .refresh .systems li a:hover {

    color: red;

    text-decoration: underline;

}









/*************************************************************************************

    조회건수

 ************************************************************************************* */

.listArea {

    position: relative;

    /*min-width: 953px;*/

}

.listCnt {

    line-height: 26px;

}



/*************************************************************************************

    조회영역 Table

 ************************************************************************************* */

.tableInquiry {
    border: 1px solid #edf2f9;
    background: rgba(0, 117, 190, 0.035);
    padding: 13px;
    position: relative;
    margin: 0 0 15px 0;

    /* 250617 추가_mj */
    display: flex;
    flex-wrap: wrap;
}

.tableInquiry::after {
    content: "";
    /* display: block;  250617 삭제_mj */
    display: none;
    /* 250617 수정_mj */
    clear: both;
}

.tableInquiry table {
    /* 250617 추가_mj */
    margin-bottom: 10px;
    flex-shrink: 0;
}

.tableInquiry table tr {
    margin-bottom: 6px;
    /* height: 40px; 250617 삭제_mj*/
    height: 30px;
    /* 250617 수정_mj*/
    line-height: 23px;
    /* border-bottom: 1px solid rgb(204,204,204); */
}

/* .tableInquiry table th { // 250617 중복으로 아래 클래스에 합침 _mj
    padding-right: 10px;
    letter-spacing: -1px;
    line-height: normal;
} */

.tableInquiry table th {
    padding-right: 12px;
    text-align: right;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: normal;
}

.tableInquiry table td {
    padding-right: 13px;
}

.tableBtnSearch button[type="submit"],
.tableBtnSearch button.reset {
    width: 65px;
    /* height: 26px; */
    background-color: var(--ls_primary_blue);
    border: 1px solid var(--ls_primary_blue);
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.23;
}

.tableBtnSearch button[type="submit"] {
    color: #fff;
}

.tableBtnSearch button[type="submit"].disabled {
    background-color: var(--ls_primary_blue) !important;
    color: #fff !important;
    pointer-events: none;
    opacity: 0.2
}

.tableBtnSearch,
.tableBtnSearch.single {
    /*
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0 3px;
	*/

    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0 3px;
    margin-left: auto;
}

.tableBtnSearch.single,
.tableBtnSearch button {
     padding: 4px 10px;
}

.tableInquiry .tableBtnSearch,
.tableInquiry .btnSpread {
    /* 250617 추가_mj*/
    float: right;
}

.tableInquiry .btnSpread {
    /* position: absolute;
    left: 98%;
    top: 100%;
    margin: 0 0 0 10px; 250617 삭제_mj*/

    /* 250617 수정_mj*/
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.tableInquiry .btnSpread a {
    font-size: 18px;
    color: #006fa7;
}



/*************************************************************************************

    Table

 **************************************************************************************/

.table th label,

.table th {

    /* font-weight: normal; */
    font-weight: 500;
    /*250609 변경_mj*/


}

.table {

    border-top: 1px solid var(--ls_sub_blue);
    color: var(--ls-table_color);

}

.table tbody td {

    white-space: normal;

    word-wrap: break-word;

}

.table.list table thead th {

    border-bottom: 1px solid #b0b0b0;

}

.table.list table thead th {

    border-right: 1px solid #ddd;

    background-color: var(--ls_grid_rg_header_table_tr_td_cell_color);

    line-height: 24px;

    padding: 3px 0;

    font-size: 13px;

}

.table.line table tbody th,

.table.line table tbody td {

    border-right: 1px solid #e9e9e9;

}

.table.list table thead th:last-child,

.table.line table tbody th:last-child,

.table.line table tbody td:last-child {

    border-right: none;

}



/* 보기형 */

.table.view {}



/* colgroup으로 th 너비 제어 25.04.18 mj*/

colgroup {

    display: table-column-group;
    /* 명시적으로 table-column-group으로 설정 */

}



col.header-col {

    width: 120px;

}

/* colgroup으로 th 너비 제어 */



.table.list table tbody td,

.table.view td {

word-wrap: break-word;

height: 30px;

padding: 2px 8px;

text-align: left;

box-sizing: border-box;
    /*25.04.18 mj*/

    /*25.06.26 속성 추가 _mj*/

word-break: keep-all;

word-wrap: break-word;
}

.table.list table tbody th,

.table.view tbody th {

    padding: 2px 10px;

    height: 26px;

    background-color: #f9f9f9;

    text-align: right;

    letter-spacing: -.012em;

    box-sizing: border-box;
    /*25.04.18 mj*/

    /*25.06.26 속성 추가 _mj*/
    word-break: keep-all;
    word-wrap: break-word;

}

.table.list table tbody th label,

.table.view tbody th label {

    margin-bottom: 0;

}

.table.list table thead th,

.table.list table tbody th,

.table.list table tbody td,

.table.view table thead th,

.table.view table tbody th,

.table.view table tbody td {

    border-bottom: 1px solid #e9e9e9;

}


/* table in table */

.table.intable {

    margin-top: 5px;

    margin-bottom: 5px;

    border: 1px solid #e0e0e0;

    border-bottom: none;


}

.table.intable table thead th {

    background-color: #f4f4f4;

}

.table.intable th,

.table.intable td {

    padding: 6px 10px !important;

    text-align: center !important;

}



/*************************************************************************************

    Button

 ************************************************************************************* */

button[type="button"].default,
a.default {
    display: inline-block;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0px;
    font-size: 13px;
    cursor: pointer;
    /*box-shadow:0px 0px 5px #ececec*/
}

button[type="button"].small,
input[type="file"].small,
a.small,
div.small {
    display: inline-block;
    /* height: 26px; */
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.23;
    cursor: pointer;
    /*box-shadow:0px 0px 3px #f0f0f0; color:#666*/
}

button[type="button"].big,
button[type="submit"].big,
a.big {
    display: inline-block;
    height: 62px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 0px;
    font-size: var(--ls-title-size);
    cursor: pointer;
    /*box-shadow:0px 0px 8px #ececec*/
}

/* gray 250626 버튼 색상 변경 + sysmtem style에서 삭제 _mj*/
button[type="button"].gray,
a.gray {
    border: 1px solid #E5ECF2;
    background: #E5ECF2;
    color: #414656;
}

button[type="button"].gray:hover,
a.gray:hover {
    background: #d3d9df;
}

button[type="button"].gray:active,
a.gray:active {
    background: #c9cfd5;
    border:1px solid #c9cfd5;
}

button[type="button"].gray:focus,
a.gray:focus {
    background: #c9cfd5;
    border: 1px solid #c9cfd5;
}

/* white */

button[type="button"].white,
a.white,
div.white {
    /* 250528 수정_mj */
    border: 1px solid #a2acbd;
    background-color: #fff;
    color: var(--ls_primary_blue);
}

button[type="button"].white:hover,
a.white:hover,
div.white:hover {
    /* 250528 색상 수정_mj  */
    border: 1px solid var(--ls_primary_blue);
    color: white;
    background-color: var(--ls_primary_blue);
}

/* navy */
button[type="button"].navy,
a.navy {
    border: 1px solid var(--ls_primary_blue);
    background-color: var(--ls_primary_blue);
    color: var(--ls_primary_white);
}

button[type="button"].navy:hover,
a.navy:hover {
    /* opacity: 0.85; */
    background: var(--ls-primary-link-hover);
    border: 1px solid var(--ls-primary-link-hover);
}

/* fullred */

/* button[type="button"].fullRed, // 250728 미사용. 임의삭제 _mj
a.fullRed {
    border: 1px solid #ae0449;
    padding-top: 4px;
    padding-bottom: 5px;
    background: linear-gradient(to bottom, #c40452, #ae0449);
    color: #fff;
    line-height: 15px
}

button[type="button"].fullRed:hover,
a.fullRed:hover {
    border: 1px solid #8f043c;
    background: linear-gradient(to bottom, #ae0449, #c40452);
    color: #fed0e3
} */

/* lightgray */

button[type="button"].lightgray,
a.lightgray {
    border: 1px solid #e0e0e0;
    background: linear-gradient(to bottom, #f4f4f4, #ededed);
    color: #666;
}

button[type="button"].lightgray:hover,
a.lightgray:hover {
    color: #333
}

/* dim */

button[type="button"].dim,
a.dim {
    border: 1px solid #e4e4e4;
    padding-top: 4px;
    padding-bottom: 5px;
    background: linear-gradient(to bottom, #f6f7f8, #fafbfc);
    color: #c6c6c6;
    cursor: default;
    line-height: 15px
}



a[class^="ico_"],
button[type="button"][class^="ico_"],
button[type="button"][class^="ico_"] {
    background-image: url('../images/ico/ico_merge.png');
    background-repeat: no-repeat
}

a.ico_excel,
button[type="button"][class~="ico_excel"] {
    padding-left: 30px;
    background-position: 8px -6px
}

a.ico_print,
button[type="button"][class~="ico_print"] {
    padding-left: 30px;
    background-position: 8px -32px
}

/* a.ico_down, button[type="button"][class~="ico_down"] {padding-left:30px; background-position:8px -58px } */

a.ico_reset,
button[type="button"][class~="ico_reset"] {
    padding-left: 26px;
    background-position: 8px -84px
}

a.ico_add,
button[type="button"][class~="ico_add"] {
    padding-left: 26px;
    background-position: 8px -110px
}

a.ico_del,
button[type="button"][class~="ico_del"] {
    padding-left: 26px;
    background-position: 8px -136px
}

a.ico_del,
button[type="button"][class~="ico_email"] {
    padding-left: 30px;
    background-position: 8px -204px
}

a.ico_list,
button[type="button"][class~="ico_list"] {
    padding-left: 30px;
    background-position: 8px -226px
}

a.ico_refresh,
button[type="button"][class~="ico_refresh"] {
    padding-left: 26px;
    background-position: 5px -249px
}

a.ico_close,
button[type="button"][class~="ico_close"] {
    padding-left: 23px;
    background-position: 3px -292px
}

a.ico_up,
button[type="button"][class~="ico_up"] {
    padding-left: 23px;
    background-position: 3px -332px
}

a.ico_down,
button[type="button"][class~="ico_down"] {
    padding-left: 23px;
    background-position: 3px -357px
}

a.ico_add:hover,
button[type="button"][class~="ico_add"]:hover {
    padding-left: 26px;
    background-position: 8px -154px
}

a.ico_del:hover,
button[type="button"][class~="ico_del"]:hover {
    padding-left: 26px;
    background-position: 8px -180px
}

a.ico_refresh:hover,
button[type="button"][class~="ico_refresh"]:hover,

a.ico_refresh.on,
button[type="button"][class~="ico_refresh"].on {
    padding-left: 26px;
    background-position: 5px -272px;
    color: #c40452;
}

a.ico_close:hover,
button[type="button"][class~="ico_close"]:hover {
    padding-left: 23px;
    background-position: 3px -310px
}

a.ico_up:hover,
button[type="button"][class~="ico_up"]:hover {
    padding-left: 23px;
    background-position: 3px -384px
}

a.ico_down:hover,
button[type="button"][class~="ico_down"]:hover {
    padding-left: 23px;
    background-position: 3px -409px
}



.buttonArea {

    text-align: right;
    margin-bottom: 5px;
}

.buttonArea::after {
    content: "";
    display: block;
    clear: both;
}

.buttonArea ul {
    display: inline;
}

.buttonArea li {
    display: inline;
}

.buttonArea img {

    padding-bottom: 1px;

}

.btn-prev,

.btn-next {

    position: relative;

    display: inline-block;

    width: 25px;

    height: 26px;

    border: 1px solid #e0e0e0;

    background-color: #f1f1f1;

    border-radius: 1px;

    font-size: 0;

}

.btn-prev::before,

.btn-next::before {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 12px;

    height: 10px;

    margin-top: -5px;

    margin-left: -5px;

    background: url(../../../resource/images/btn-shuttle-prev.png) no-repeat;

}

.btn-next::before {

    margin-left: -2px;

    background: url(../../../resource/images/btn-shuttle-next.png) no-repeat;

}



/* Shuttle */

.btn-shuttleArea {

    position: absolute;

    top: 50%;

    left: 50%;

}

.btn-shuttleArea>button[type="button"] {

    display: block;

}

.btn-shuttleArea .btn-shuttle {

    position: relative;

    display: block;

    width: 60px;

    height: 25px;

    border: 1px solid #e0e0e0;

    margin-top: 2px;

    background-color: #f1f1f1;

    border-radius: 1px;

    font-size: 0;

}

.btn-shuttleArea .btn-shuttle:first-child {

    margin-top: 0;

}

.btn-shuttleArea .btn-shuttle:nth-child(3) {

    margin-top: 20px;

}

.btn-shuttleArea .btn-shuttle-nextDouble::before,

.btn-shuttleArea .btn-shuttle-next::before,

.btn-shuttleArea .btn-shuttle-prevDouble::before,

.btn-shuttleArea .btn-shuttle-prev::before {

    content: '';

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 12px;

    height: 10px;

    margin-top: -5px;

    margin-left: -6px;

    background: url(../../../resource/images/btn-shuttle-nextDouble.png) no-repeat;

}

.btn-shuttleArea .btn-shuttle-next::before {

    margin-left: -3px;

    background: url(../../../resource/images/btn-shuttle-next.png) no-repeat;

}

.btn-shuttleArea .btn-shuttle-prevDouble::before {

    background: url(../../../resource/images/btn-shuttle-prevDouble.png) no-repeat;

}

.btn-shuttleArea .btn-shuttle-prev::before {

    margin-left: -3px;

    background: url(../../../resource/images/btn-shuttle-prev.png) no-repeat;

}



/*************************************************************************************

    Accordion

 ************************************************************************************* */

.panel-group {}

.panel-group dt[data-toggle="collapse"] {

    background-color: #e8e8e8;

    border-top: 1px solid #b1b1b1;

    border-bottom: 1px solid #d2d2d2;

    margin-bottom: 5px;

}

.panel-group dt[data-toggle="collapse"]>a {

    position: relative;

    display: block;

    font-size: var(--ls-title-size);

    color: #333;

    padding: 8px 10px 7px;

}

/* .panel-group dt[data-toggle="collapse"]>a::after { //250711 system-style과 소스 중복으로 삭제

    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: var(--ls-title-size);
    height: var(--ls-title-size);
    transform: translateY(-50%);
    background: url(../../../resource/images/ico/circle-chevron-up-solid.svg) no-repeat;

    .panel-group dt[data-toggle="collapse"]>a.selected::after {

    margin-top: -5px;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg)
} */

.panel-group dt[data-toggle="collapse"]>a .number {

    position: absolute;

    top: 50%;


    left: 5px;

    margin-top: -12px;

    width: 23px;

    height: 23px;

    background-color: #bc1137;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    line-height: 25px;

    letter-spacing: -1.3px;

    font-size: 14px;

}

/* 250711 system-style.css에 중복 적용으로 삭제_mj
.panel-group dt[data-toggle="collapse"]>a>span {

    margin-left: 24px;

    font-size: var(--ls-title-size);



} */

.panel-group .panel-body {

    /* padding: 0 5px; */

}



/*************************************************************************************

    Tab

 **************************************************************************************/

.tabArea {

    position: relative;

    margin-bottom: 5px;

    border-bottom: 1px solid #949494;

}

.tabArea ul.tab {

    margin-bottom: -1px !important;

}

.tabArea ul.tab::after {

    content: '';

    display: block;

    clear: both;

}

.tabArea ul.tab li {

    float: left;

}

.tabArea ul.tab li a {

    display: block;

    padding: 0 20px;

    border: 1px solid #ccc;

    border-bottom: 1px solid #949494;

    border-left: 0;

    background: #f4f4f4;

    line-height: 30px;

    color: #888;

    font-size: 14px;



}

.tabArea ul.tab li:first-child a {

    border-left: 1px solid #ccc;

}

.tabArea ul.tab li a.selected {

    /* margin-left: -1px; */

    background: #fff;

    border: 1px solid #949494;

    border-bottom: 1px solid #fff;

    color: #333;

    cursor: default;

}



.tabUnder .floatLeft {

    border-top: none;

    width: 45%;

    float: left;

}

.tabUnder .floatLeft .listTable {

    margin-bottom: 0;

}

.tabUnder .floatRight {

    border: 1px solid #dddddd;

    width: 45%;

    float: left;

    margin-left: 40px;

}



.tabArea .btnArea {
    position: absolute;
    right: 0;
    top: 2px;
}



/* Tab IN Tab */

.tab-in-tab {

    position: relative;

    margin-bottom: 5px;

    border-bottom: 1px solid #e6e6e6;

}

.tab-in-tab::after {

    content: '';

    display: block;

    clear: both;

}

.tab-in-tab li {

    float: left;

    margin-left: 10px;

    margin-bottom: -1px;

}

.tab-in-tab li:first-child {

    margin-left: 0;

}

.tab-in-tab li a {

    font-size: 14px;

    display: block;

    padding: 10px 5px 8px;

    color: #888;

}

.tab-in-tab li a.selected {

    color: #c7284a;

    border-bottom: 2px solid #e6648c;

}

.tab-in-tab>.buttonArea {

    position: absolute;

    right: 0;

    bottom: 0;

}



/*************************************************************************************

    Text List형

 **************************************************************************************/

.mark-list {

    font-size: 12px;

    color: #585858;

    padding: 5px;

    line-height: 1.5em;

    letter-spacing: -.02em;

    background-color: #fffadf;

    border: 1px solid #f1e6af;

}



/* Table IN Text List */

.text-list dt {

    font-weight: 600;

}

.text-list dd {

    margin-top: 3px;

}

.text-list dd ul {

    margin-left: 8px;



}

.text-list dd ul li {

    padding: 1px 0;

    color: #5f5f5f;

}



/*************************************************************************************

    Splitter Layout

 **************************************************************************************/

.split-wrap .split-side {

    ovflow-y: hidden !important;

}



/* Split Search Area */

.split-wrap .split-side .splitSearch {

    background-color: #f5f5f5;

    padding: 10px;

    margin-bottom: 5px;

    border: 1px solid #eaeaea;

}

.split-wrap .split-side .splitSearch button[type="submit"] {

    color: #fff;

    width: 65px;

    height: 26px;

    background-color: #c8294b;

    display: inline-block;

}

.split-wrap .split-side .splitSearch li {

    float: left;

}

.split-wrap .split-side .splitSearch li:last-child {

    margin-right: 0;

}

.split-wrap .split-side .splitSearch li .form-inline .form-group {

    width: 292px;

    min-width: 280px;

    margin-left: 0;

    margin-bottom: 5px;

}

.split-wrap .split-side .splitSearch li .form-inline .form-group [rapweb-control-id] {

    width: 70% !important;

    min-width: 120px;

}

.split-wrap .split-side .splitSearch li .form-inline label {

    float: left;

    line-height: 25px;

    margin-bottom: 0;

    margin-right: 10px;

}



/* Split Left Area */

.split-wrap .split-side .splitList {

    overflow-y: auto;

    border: 1px solid #eaeaea;

    border-top: 1px solid #c8294b;

}

.split-wrap .split-side .splitList li {

    color: #b7b7b7;

    border-bottom: 1px solid #eaeaea;

    padding: 10px;

}

.split-wrap .split-side .splitList li a {



    font-size: var(--ls-title-size);

    color: #1c96da;

    display: block;

    line-height: 1.2em;

    margin-bottom: 8px;

}

.split-wrap .split-side .splitList li span {

    display: inline-block;

    margin-left: 3px;

}

.split-wrap .split-side .splitList li span:nth-child(2) {

    margin-left: 0;

}

.split-wrap .split-side .splitList li span.date i {

    font-style: normal;

    margin: 0 5px;

}

.split-wrap .split-side .table {

    display: none;

    border: 1px solid #eaeaea;

    border-top: 1px solid #c8294b;

}

.split-wrap .split-side .split-paging {

    position: absolute;

    bottom: 0;

    width: 100%;

    background-color: #f4f3f3;

    padding-top: 5px;

    padding-bottom: 3px;

    border: 1px solid #eaeaea;

}



.split-wrap .split-section {

    background-color: #fff;

    margin-left: 10px;

    padding: 10px 10px 0 20px;

    border: 1px solid #eaeaea;

    z-index: 9;

}

.split-wrap .split-section .side-btn-close {

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -25px;

}

.split-wrap .split-section .side-btn-close button {

    width: var(--ls-title-size);

    height: 50px;

    background-color: #cac9c9;

    border-radius: 0 3px 3px 0;

    margin-left: -1px;

}

.split-wrap .split-section .side-btn-close button::before,

.split-wrap .split-section .side-btn-close.close button::before {

    content: "\f104";

    font: 14px/1 fontAwesome;

    color: #fff;

}

.split-wrap .split-section .side-btn-close.close button::before {

    content: "\f105";

}



button[data-action="viewJoin"],

button[data-action="viewDivision"],

button[data-action="refresh"] {

    position: relative;

    width: 20px;

    height: 20px;

    border: 1px solid #d8d8d8;

    border-radius: 3px;

}

button[data-action="viewJoin"]::before,

button[data-action="viewDivision"]::before,

button[data-action="viewDivision"]::after,

button[data-action="refresh"]::before,

button[data-action="viewJoin"].on::before,

button[data-action="viewDivision"].on::before,

button[data-action="viewDivision"].on::after {

    content: '';

    display: block;

    position: absolute;

    top: 3px;

    left: 3px;

    width: 12px;

    height: 12px;

    background-color: #cecece;

}

button[data-action="viewDivision"]::before,

button[data-action="viewDivision"].on::before {

    width: 4px;

}

button[data-action="viewDivision"]::after,

button[data-action="viewDivision"].on::after {

    width: 7px;

    left: auto;

    right: 3px;

}

button[data-action="viewJoin"].on::before,

button[data-action="viewDivision"].on::before,

button[data-action="viewDivision"].on::after {

    background-color: #505050;

}

button[data-action="refresh"]::before {

    background: #fff;

    content: "\f021";

    font: 13px/1 fontAwesome;

    color: #cecece;

}

button[data-action="refresh"].on::before {

    color: #505050;

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear;

}



/*************************************************************************************

    Window popup Elements

 **************************************************************************************/

.winPop .header {

    background: #737373 url('../images/bg_winpopHeader.png')no-repeat;

    height: 45px;

}

.winPop .header h1 {

    color: #fff;

    padding: 10px 20px 14px;

    font-size: 20px;

    line-height: 24px;

}

.winPop .header span {

    font-weight: bold;

    font-size: 14px;

}

.winPop .header img {

    position: absolute;

    top: 15px;

    right: 20px;

}

.winPop .content {

    padding-bottom: 15px;

}

.winPop .body {

    padding: 20px;

    background: #ffffff;

}

.winPop .content .subHeader {

    position: relative;

    height: 25px;

    border-bottom: 2px solid #666666;

}

.winPop .content .subHeader span {

    font-weight: bold;

    font-size: 14px;

    color: #c8294b;

}

.winPop .content .subContent {

    position: relative;

    padding: 15px 0 0;

}

.winPop .content .listArea {

    margin: 0;

}

.winPop .body .close {

    position: relative;

    height: 26px;

    margin-top: 20px;

}

.winPop .body .close a {

    position: absolute;

    right: 0;

}

.winPop .contentFixAreaNoTitle {

    position: absolute;

    top: 10px;

    right: 20px;

    bottom: 60px;

    left: 20px;

    overflow-y: auto;

    padding-right: 10px;

}

.winPop .contentFixArea {

    position: absolute;

    top: 70px;

    right: 20px;

    bottom: 60px;

    left: 20px;

    overflow-y: auto;

}

.winPop .buttonFixArea {

    position: absolute;

    bottom: 20px;

    right: 20px;

}



/*************************************************************************************

    Media Query

 **************************************************************************************/

@media (max-width: 1224px) {

    /* 로그인 정보 */

    .topConArea .mbInfo {

        right: 10px;

        padding-right: 8px;

    }

    .topConArea .mbInfo li.to-do,

    .topConArea .mbInfo li.approval,

    .topConArea .mbInfo li.sitemap,

    .topConArea .mbInfo li:last-child {

        display: none;

    }
}

/* 댓글

---------------------------------------------------------*/

.blockComment caption {
    display: none;
}

.blockComment .textLeft {
    text-align: left !important;
}

/* button */

.blockComment a.button_s {
    display: inline-block;
    padding: 0 7px;
    line-height: 24px;
    border: 1px #d4d4d4 solid;
    color: #777;
    font-size: 12px;
    vertical-align: middle;
    background: #f7f7f7
}

.blockComment a.button_re {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0 15px;
}

.blockComment a.button_re:hover {
    text-decoration: none;
}

/* blockComment */

.blockComment {
    position: relative;
}

.blockComment_t {
    position: relative;
    padding: 0 !important;
    line-height: 1em !important;
    font-size: 22px;
}

.blockComment_t .button_s {
    position: absolute;
    top: -2px;
    *top: -5px;
    right: 0;
    font-weight: normal;
}

.blockComment_c {
    position: relative;
    padding: 15px 2px;
    border-bottom: 1px #cfd2d4 solid;
}

.blockComment_c p {
    word-wrap: break-word;
    margin: 0;
    line-height: 26px;
}

.blockComment_re {
    position: relative;
    margin: 15px 0 0;
    padding: 10px 0 0 27px;
    border-top: 1px #ebeff0 solid;
    background: #fff;
}

.blockComment_re .blockComment_re {
    margin-left: -27px;
    padding-left: 54px;
}

.blockComment_re .blockComment_re .reply_ar {
    left: 36px;
}

.blockComment_rewrite {
    position: relative;
    margin-top: 7px;
    border: 1px #aaa solid;
}

.blockComment_rewrite .reply_ar {
    display: none;
}

.blockComment_rewrite textarea {
    padding: 4px;
    width: 100%;
    border: none !important;
    box-sizing: border-box;
}

.blockComment_rewrite table {
    width: 100%;
    border-collapse: collapse;
}

.blockComment_rewrite table td {
    padding: 0 !important
}

.blockComment_rewrite table td.textLeft {
    width: 134px !important;
}

.blockComment_rewrite table td input {
    width: 100%;
    *width: 99%;
    margin-left: -2px;
}


.blockComment_rewrite ul {
    position: absolute;
    right: 0;
    top: 0
}

.blockComment_rewrite li {
    float: left;
}

.blockComment_rewrite li .button_s {
    display: block;
    padding: 12px;
    min-width: 36px;
    color: #22537c;
    border: none;
    background: none;
}

.blockComment_rewrite li .button_s.sumbit::before {
    margin-right: 5px;
    content: "\f00c";
    font-size: 14px;
    font-family: FontAwesome
}

.blockComment_rewrite.modify {
    padding: 0 10px 0 0;
}

.blockCommentPhoto {
    display: none;
    /* float:left; width:26px; height:26px; padding-right:10px; margin-left: 5px;  */
}

.blockCommentPhoto img {
    width: 26px;
    height: 26px;
}

.blockCommentInfo {
    padding: 5px 2px;
    font-size: 13px;
    color: #888;
}

.blockCommentInfo span {
    margin-right: 0;
    font-size: 13px;
    color: #363A3E
}

.blockCommentInfo img {
    padding: 2px 3px 0;
}

.blockCommentInfo_name a:link,
.blockCommentInfo_name a:active,
.blockCommentInfo_name a:visited {
    color: #363A3E
}

.reply_ar {
    position: absolute;
    top: 14px;
    left: 9px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/re.png) 50% 50% no-repeat;
    background-size: 10px;
}

.reply_ar img {
    display: none;
}

.comment_num {
    color: #CE007C
}

a.ic_modify {
    margin: 0 5px
}

a.ic_modify:before {
    content: "\f040";
    font-family: FontAwesome;
}

a.ic_delete {
    margin: 0 5px;
}

a.ic_delete:before {
    content: "\f014";
    font-family: FontAwesome;
}

a.ic_reply {
    margin: 0 5px;
    padding-left: 10px;
    background: url(../images/re.png) no-repeat 0 5px;
    background-size: 10px;
}

a.ic_modify span,
a.ic_delete span,
a.ic_reply span {
    padding-left: 3px;
    font-size: 12px;
}

/* 경고창 */

.cmtBox {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 15px 10px;
    border-radius: 4px
}

.cmtBox.normal {
    background: #EDF9F7
}

.cmtBox.risk {
    background: #FEF2F2
}

.cmtBox.caution {
    background: #FFF8D8
}

.cmtBox .cmtTitle {
    position: relative;
    height: 24px;
    margin: 2px 0 4px;
    line-height: 24px
}

.cmtBox .cmtTitle span {
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle
}

.cmtBox .cmtTitle span::before {
    content: "";
    display: inline-block;
    width: var(--ls-title-size);
    height: var(--ls-title-size);
    margin-right: 5px;
    vertical-align: middle
}

.cmtBox .cmtTitle button {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/ico/ico_arrow_black.png) no-repeat 50%;
    transform: rotate(0deg)
}

.cmtBox .cmtTitle .fold {
    background: url(../images/ico/ico_arrow_black.png) no-repeat 50%;
    transform: rotate(180deg)
}

.cmtBox .cmtBody {
    margin: 5px 0 0;
    line-height: 1.75em
}

.cmtBox.normal .cmtTitle span {
    color: #04B395;
}

.cmtBox.normal .cmtTitle span::before {
    background: url(../images/ico/ico_sttsNormal.png) no-repeat 50%;
}

.cmtBox.risk .cmtTitle span {
    color: #F94B50;
}

.cmtBox.risk .cmtTitle span::before {
    background: url(../images/ico/ico_sttsRisk.png) no-repeat 50%;
}

.cmtBox.caution .cmtTitle span {
    color: #F8B200;
}

.cmtBox.caution .cmtTitle span::before {
    background: url(../images/ico/ico_sttsCaution.png) no-repeat 50%;
}


/* html style 복붙 */

.dashBoardContent {
    margin: 5px 15px;
}

.dashBoardContent::before {
    content: '';
    display: block;
    clear: both;
}

.dashboardItemWrap {
    margin-bottom: 20px;
}

/* jQuery에 의해 1000px 미만일 때 top-menu 표시 250925_mj*/

.leftAreaWrap {    
    width: 100%;
    height: 35px;
    padding: 0 16px;
    border-bottom: none;
    background-color: transparent;
    margin-left: 30px;
    position: relative; 
    display: none; 
}

/* =================================================== */
/* 모바일/드롭다운 메뉴 (.leftArea) 스타일 (1000px 미만) */
/* =================================================== */

.leftArea {
    position: relative;
    height: 35px;
    padding: 0 16px;
    background-color: transparent;
    display: inline-block;
}

#btnleftArea {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--ls-title-size);
    color: var(--ls_primary_white);
    background: none;
    border: none;
}

#btnleftArea svg {
    transition: transform 0.3s ease;
    transform-origin: center;    
}

#btnleftArea.open svg {
    transform: rotate(180deg);      
}

/* 1차 메뉴 컨테이너 */
.leftArea .nav {
    position: absolute;
    top: 100%; 
    left: 0;
    z-index: 1150; 
    background-color: #f3f4f7;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    min-width: 250px;
    padding: 5px 0;
    max-height: 80vh; 
    display: block; 
}

.leftArea .nav::after {
    content: "";
    display: block;
    clear: both;
}

/* 1차 메뉴 */
.leftArea .nav li {
    display: block; 
    position: relative; 
    padding: 0 15px; 
    line-height: 35px;
    white-space: nowrap; 
}

.leftArea .nav li a {
    color: #0a1e5a; 
    font-size: 15px;
    display: block; 
}

/* 2차 서브메뉴 */
.leftArea .nav .subNav {
    position: absolute;
    top: 0; 
    right: 100%;
    left: 100%;    
    z-index: 1250;
    padding: 8px 15px 10px;
    border-radius: 6px 0 0 6px; 
    background: #fff; 
    box-shadow: -2px 2px 4px rgba(0, 0, 0, .1); 
    min-width: 180px;
    height: auto;
    display: none;
    width:100%;
}

.leftArea .nav .subNav > li {
    display: block; 
    padding: 7px 5px;
    line-height: 1.5;    
    white-space: nowrap;
}

.leftArea .nav .subNav.on {
    display: block;
}

.leftArea .nav .subNav > li a {
    display: block;
    padding: 0;
    font-size: var(--ls-basic-size);
    line-height: 1.5;
    color: #6c757d;
}

.leftArea .nav .subNav > li > a:hover {
    color: #222c6b;
}
/* // jQuery에 의해 1000px 미만일 때 top-menu 표시 250925_mj*/



.toggleWrap {
    position: absolute;
    top: 12px;
    left: 249px;
    background: transparent;
    z-index: 1;
}

.cogWrap {
    position: absolute;
    top: 12px;
    right: 28px;
    background: transparent;
    z-index: 1;
}

.btnCog {
    background-color: transparent;
    border: none;
    color: #f5f58d;
    font-size: 1.4em;
    /* 버튼 기본 글꼴 크기 */
    cursor: pointer;
    padding: 3px 8px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    /* 아이콘과 텍스트를 세로 중앙 정렬 */
    gap: 5px;
    transition: background-color 0.4s ease-in-out, padding 0.4s ease-in-out, height 0.4s ease-in-out;
    /* height 속성 추가 */
    height: 38px;
    overflow: hidden;
    /* span이 나타날 때 넘치는 부분 숨김 */
}

.btnCog i {
    /* 아이콘에 대한 스타일 (선택 사항) */
    display: inline-block;
    /* flex 아이템으로 취급 */
    transition: transform 0.2s ease-in-out;
    /* 아이콘 변화에도 부드러운 효과 (선택 사항) */
}

.btnCog span {
    display: none;
    font-size: 13px;
    /* span 텍스트 글꼴 크기 */
    padding-bottom: 3px;
    opacity: 0;
    /* 초기 투명도 0 */
    transition: opacity 0.4s ease-in-out, margin-left 0.2s ease-in-out;
    /* 투명도 변화에 애니메이션 적용 */
    margin-left: -10px;
    /* 초기 약간 숨김 처리 (선택 사항) */
}

.btnCog:hover {
    background-color: var(--ls-primary-link-hover);
    border: none;
    color: #fff;
    padding: 3px 12px;
    /* height: initial; hover 시 높이 자동 조절 */
}

.btnCog:hover i {
    transform: translateX(-2px);
    /* hover 시 아이콘 약간 이동 (선택 사항) */
}

.btnCog:hover span {
    display: inline;
    opacity: 1;
    /* hover 시 투명도 1로 변경 */
    margin-left: 0;
    /* hover 시 제자리로 이동 */
}

.main {
    /* 메인 콘텐츠 스타일 */
    transition: margin-left .3s ease-in-out, left .3s ease-in-out, margin-right .3s ease-in-out, right .3s ease-in-out;
    margin-left: 250px;
    width: 100%;
}

.main.collapsed {
    margin-left: 0;
    /* 사이드바가 접히면 왼쪽 마진 제거 */
}

/**************************************/
/**********  검색 페이지  ************/
/**************************************/

.search-page {}

.search-page .search-tab {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #edf2f9;
    background: rgba(0, 117, 190, 0.035);
    padding: 20px 0;
    position: relative;
}

.search-page .search-tab-area {
    width: 50%;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

/* 검색창 */
.search-page .header-util-search {
    visibility: visible;
    opacity: 1;
    position: static;
    padding: 0;
    background: none;
}

.search-page .search-layout {
    width: 100%;
    position: relative;
    z-index: 4;
    border-radius: 8px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.search-page .header-util-search input[type="text"] {
    padding: 5px 20px;
    font-size: var(--ls-title-size);
    font-weight: 500;
}

.search-page .header-util-search-suggest {
    position: absolute;
    width: 100%;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 1px 6px 10px rgba(0, 0, 0, 0.3);
    z-index: 3;
    padding: 10px;
    box-sizing: border-box;
}

.search-page .header-util-search-suggest .recent-search {
    font-size: var(--ls-label-size);
    margin-bottom: 0;
}

.search-page .header-util-search-suggest .search-result-type {
    margin-bottom: 5px;
}

.search-page .header-util-search-suggest .suggest-item {
    padding: 3px 10px;
}

.search-page .header-util-search-suggest .search-result {
    font-size: var(--ls-basic-size);
    line-height: 1.5;
    font-weight: 500;
}

.search-page .search-tab-container {
    position: relative;
    margin: 20px 0;
    display: block;
    height: 40px;
}

.search-page .search-tab ul li {
    position: relative;
    width: 25%;
    text-align: center;
    float: left;
}

.search-page .search-tab .search-tab-button {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: var(--ls-title-size);
    color: var(--ls_basic_font_color);
    border: var(--ls_form_box_line);
    border-left: 0;
    word-wrap: break-word;
    word-break: keep-all;
}

.search-page .search-tab .search-tab-button:hover {
    font-weight: 700;
}

.search-page .search-tab .search-tab-button.on {
    background: var(--ls_primary_blue);
    color: white;
    font-weight: normal;
    border: 1px solid var(--ls_primary_blue);
}

.search-page .search-tab .search-tab-button.on::after {
    position: absolute;
    content: none;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0 7px #009bb4;
    border-radius: 8px;
    top: 0;
    left: 0;
}

.search-page .search-tab .search-tab-button .total {
    font-size: var(--ls-label-size);
}

.search-page .tableInquiry {
    background: none;
    border: none;
    margin-bottom: 0;
    padding: 0;
}

.search-page .tableInquiry summary{
    margin-bottom: 0;
}

.search-page .within-results {
    position: absolute;
    right: 17%;
    top: 28px;
}

.search-page .search-result-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-page .search-result-top h4 {
    font-size: var(--ls-title-size);
}

.search-page .search-result-top span {
    font-size: var(--ls-label-size);
    padding-left: 5px;
    color: var(--ls_primary_blue);
}

.search-page .search-result-list {
    display: inherit;
    width: 100%;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--ls_text_color);
}

.search-page .search-result-list li {
    padding: 10px 0;
}

.search-page .search-result-list li+li {
    border-top: var(--ls_primary_line_style);
}

.search-page .search-result-list a {
    display: block;
    color: #6c757d;
}

.search-page .search-result-list a:hover {
    color: #222c6b;
}

.search-page .search-result-list h5 {
    font-size: var(--ls-title-size);
    color: var(--ls_sub_green);
}

/* 검색 결과 하이라이트 스타일 250730 _ppj*/
.search-page .search-result-list em {
    font-weight: bold;
    background: linear-gradient(to top, rgb(255, 250, 160) 50%, transparent 50%) !important;
}

.search-page .item-in>div {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.search-page .item-in .srch-img {
    width: 92px;
    height: 92px;
    border: 1px solid rgba(204, 204, 204, 0.35);
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
}

.search-page .item-in img {
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.search-page .item-in .info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 85%;
    word-wrap: normal;
    word-break: keep-all;
}

.search-page .item-in .info .sub-content {
    font-size: inherit;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    height: 42px;
}

.search-page .item-in .info .sub-content-txt {
    color: var(--ls_sub_gray);
    cursor: default;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-page .item-in .info .sub-content-txt .tag-txt {
    padding-right: 5px;
}

.search-page .item-in .info .tit-txt span+span {
    position: relative;
    padding-left: 10px;
}

.search-page .item-in .info .tit-txt span+span::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    width: 1px;
    height: 8px;
    background: rgba(var(--ls_sub_gray_rgb), 0.5);
}

.search-page .search-reseult-more {
    margin-top: 10px;
    border: var(--ls_grid_rg_header_table_tr_td_line);
    border-radius: 8px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
}

.search-page .search-reseult-more:hover {
    background: var(--ls_grid_rg_header_table_tr_td_cell_color);

}

.search-page .search-reseult-more .view-more-button {
    flex: 1 1 0;
    color: #6c757d;
    padding: 10px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.search-page .search-reseult-more .view-more-button:hover {
    color: var(--ls-primary-link-hover);
}

.search-page .search-reseult-more .view-more-button svg {
    font-size: var(--ls-title-size);
}

.search-page .ViewmoreNum {
    padding-right: 20px;
}

.search-page .search-reseult-more .page-count {
    color: var(--ls_primary_blue);
    position: relative;
    padding-right: 10px;
    color: var(--ls-primary-link-hover);
}

.search-page .search-reseult-more .page-count::after {
    content: '/';
    position: absolute;
    top: 0;
    right: 0;
    color: var(--ls_sub_gray);
}

.search-page .item-in .sub-content-txt.down_bt {
    flex-direction: row;
    align-items: center;
}

.search-page .item-in .down_bt .pdfdown {
    font-size: var(--ls-title-size);
}

.search-page .item-in .down_bt .pdfdown,
.search-page .item-in .down_bt .view-detail {
    cursor: pointer;
}

.search-page .item-in .down_bt .pdfdown:hover,
.search-page .item-in .down_bt .view-detail:hover,
.search-page .item-in .down_bt .pdfdown:focus,
.search-page .item-in .down_bt .view-detail:focus,
.search-page .item-in .down_bt .pdfdown:active,
.search-page .item-in .down_bt .view-detail:active {
    color: #222c6b;
}

.search-page .item-in .down_bt i.fa-right-to-bracket,
.search-page .item-in .down_bt svg.fa-right-to-bracket{
    transform: rotate(90deg);
}

.search-page .item.list-nodata {
    padding: 90px 0;
    text-align: center;
}

.search-page .item.list-nodata p {
    margin-top: 10px;
    font-size: var(--ls-title-size);
}

.search-page .item.list-nodata p>span {
    font-weight: 700;
}

@media (max-width: 1310px) {
    .header-util-search form {
        max-width: 1000px;
    }

    .search-page .search-tab .search-tab-button {
        font-size: var(--ls-basic-size);
    }

    .search-page .within-results {
        right: 15%;
    }
}

/******************************
/******* To-do(main) *******/
/******************************/

/* .home_wrap.toDo,
.home_wrap.toDo .contents {
    padding: 0;
} */

.home_wrap .contents{
    display: flex;
}

.mainBodyRightWrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mainBodyLeftWrapper .card-container{
    height: 100%;
}

.home_wrap.toDo .mainBodyLeftWrapper{
    width: auto;
    min-width: 375px;
    max-width: 375px;
}

/* To Do 공통 Tab */
.todoTab {
    padding-bottom: 0px;
}

.todoTab .tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative;
}

.todoTab .tabs::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ccc;
}

.todoTab .tab {
    padding: 4px 15px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-bottom: none;
    margin-right: 5px;
    background-color: #f4f4f4;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    display: block;
    text-wrap: nowrap;
}

.todoTab .tab.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 1;
    position: relative;
    font-weight: bold;
}

/* 탭 내용 영역 CSS */
.todoTab .todo-tab-content {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px 15px 0;
    background-color: #fff;
}

.todoTab .todo-tab-content.active {
    display: block;
}

/* Todo tab 안 select box & input[text] */
.filter-category-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.filter-area .select-box {
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.category-info span {
    margin-left: 10px;
    font-size: 13px;
}

.color-box {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 3px;
}

/* 필터 컬러값 */

.filter-category-section .color-box.blue {
    background-color: var(--ls_primary_blue);
}

.filter-category-section .color-box.green {
    background-color: #0bb387;
}

.filter-category-section .color-box.yellow {
    background-color: #ffe400;
}

.filter-category-section .color-box.red {
    background-color: var(--ls_primary_red);
}

.filter-category-section .color-box.gray {
    background-color: #727787;
}






.filter-category-section .color-box.black {
    background-color: var(--ls-table_color);
}

/* 각 줄의 색상 스타일 */
.list-item.red-line td {
    color: var(--ls_primary_red);
}

.list-item.blue-line td {
    color: var(--ls_sub_blue);
}

.list-item.black-line td {
    color: var(--ls-table_color);
}


/* To do table */
.table.todo {
    width: 100%;
    height: 167px; /* 최대 5줄 기준 */
    overflow-y: auto;
}

.table.todo table thead th {

    padding: 2px 10px;

    height: 26px;

    background-color: #f9f9f9;

    text-align: center;

    letter-spacing: -.012em;

    box-sizing: border-box;

    word-wrap: break-word;

    word-break: keep-all;

    position: sticky;

    top: 0;
}

.table.todo table tbody td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 28px;
}

.table.todo table tbody tr:last-child td {
    border-bottom: none;
}

.highlight {
    text-decoration: underline;
}

.table.todo.issue table tbody td {
    text-align: center;
}


/* To Do Calendar */
.mainBodyLeftWrapper .calendarWrap{
    text-align: center;
}

/* 달력 칸 높이 조절 */
.mainBodyLeftWrapper .k-calendar-cell-inner,
.mainBodyLeftWrapper .k-calendar-td .k-link {
    height: 60%;
}

.mainBodyLeftWrapper .k-d-flex {
    text-align: center;
}

/* Today */
.todayWrap h4 {
    font-size: var(--ls-title-size);;
    font-weight: 500;
    line-height: 1.5;
}

.todayWrap [class^="big-"] {
    padding: 15px;
    text-align: center;
    font-size: 60px;
    line-height: 1.2;
}

.todayWrap .half {
    position: relative;
    padding: 20px;
    height: 80%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.todayWrap .half div {
    text-align: center;
    position: relative;
}

.todayWrap .half>div:nth-child(2) {
    font-size: 20px;
    font-weight: normal;
    color: #7d8282;
    top: 50%;
    height: 100%;
}

.todayWrap .half h5 {
    font-size: var(--ls-label-size);
    color: var(--ls_basic_font_color);
    font-weight: 500;
}

.todayWrap [class^="small-"] {
    font-size: 42px;
    line-height: 1.2;
}

.todayWrap .k-card-body{
    padding-block: var(--kendo-spacing-2, 1rem);
    padding-inline: var(--kendo-spacing-4, 1rem);
}

.todayWrap .big-no-1 {
    color: var(--ls_primary_blue);
}

.todayWrap .big-no-2 {
    color: var(--ls_primary_red)
}

.todayWrap .big-no-3,
.todayWrap .small-no-3 {
    color: #fdcb4b;
}

.todayWrap .big-no-4,
.todayWrap .small-no-4 {
    color: var(--ls_sub_green);
}

	
@media all and (min-width: 1410px) and (max-width: 1600px) {
  .todayWrap .k-tilelayout{ 
    gap: 10px !important;
    padding: 10px !important;
  }
  .todayWrap .half{
    padding: 20px 10px;
  }
}

@media all  and (max-width: 1409px) {
    .todayWrap .k-card-body{
        padding: 8px 0;
    }

    .todayWrap .k-tilelayout{ 
    gap: 5px !important;
    padding: 10px 5px !important;
    }

    .todayWrap h4{
        font-size: var(--ls-basic-size);
    }

  .todayWrap .half{
        flex-direction: column;
        align-items: stretch;
        gap: 3px;
        justify-content: flex-start;
        padding: 5px 5px 0;
  }

  .todayWrap h4{
    padding-left: 1rem;
  }

  .todayWrap .half > div{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
  }

  .todayWrap .half>div:nth-child(2){
    font-size: var(--ls-label-size);
    top: 0;
    gap: 0;
  }

   .todayWrap [class^="big-"]{
    padding-top: 25px;
    font-size: 48px;
  }
  
  .todayWrap [class^="small-"]{
    font-size: 32px;
  }
  
  .todayWrap{}
  .todayWrap{}
}


/* 공지사항 & 문서목록 */
.infoArea {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 1%;
}

.infoArea .infoTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.infoArea .infoTitle a{
    line-height: 26px;
}

.scheduleWrap{
    margin-top: 20px;
    width: 100%;
    padding: 0;
}

/**************************/
/**  Dashboard - detail  **/
/**************************/

.card-body.flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
    gap:10px;
}

.card-body.flex > div{
    width: 100%;
    height: auto;
    overflow-y: hidden;
    flex: 1 1 auto;
}

.table.dashboard tr:last-child td{
    text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap
}

textarea.ui-input{
    font-family: inherit;
    font-size: inherit;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 15px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    line-height: 1.5;
    resize: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

textarea.ui-input:focus {
    outline: none;
    border-color: #0569a0;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
}

/* 회원/비회원 동의서 및 약관 25-09-19 */
.terms{
    padding: 15px 10px;
     height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.terms h1,
.terms h2{
    line-height: 1.5;
    margin: 10px 0 15px;
}

.terms h1{
    font-size: var(--ls-headline-size);
}

.terms h2{
    font-size: var(--ls-title-size);
}

.terms p{
    padding-bottom: 10px;
}

.terms ol,
.terms ul,
.terms ol.first li
{
    list-style-position: inside;      
}

.terms ol li
{
    list-style-type: decimal; 
}

.terms ul li{
    list-style-type: disc;
}

.terms ul.second{
    list-style-type: disc;
    padding: 0 0 15px 18px;
}

.terms ul.second li{

}