/* @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

:root {
    /* --scroll-track: #eaeaea;
    --scroll-thumb: #bdbdbd; */
    --scroll-track: #f5f5f5;
    --scroll-thumb: #e0e0e0;

    --menu-bg: #111827;
    --menu-text: #9ca3af;
    --menu-on-bg: #1f2937;
    --main-text : #000000;      /*#0a0a0a*/
    --li-span-color: #616161;   /*#424242*/

    /* --wrap-border: #e5e7eb; */
    --wrap-border: #000;
    --line-border: #000;
    --list-title-bg: #d1d5db;

    --sub-border: #333;
    --sub-hover: yellow;
    --sub-bg1: #50577A;
    --sub-bg2: #FD711E;     /*253,113,30*/
    --sub-text : #737373;
    --sub-placeholder : #757575;
    --content-bg: #f3f4f6;
    
    --li-odd : #f5f5f5;
    
    --sel-row: rgba(255, 236, 239, .7);
    --btn-bg : #0277bd;
    --btn-bg-1: #111827;

    --btn-search: #546e7a;
    --btn-search-hover: #5c6bc0;    /*#37474f*/
    --btn-print: #5c6bc0;
    --btn-del: #ff8a65;
    --btn-del-hover: #ff7043;
    
    --li-hover: #bfdbfe;
    --li-sel: #e3f2fd;
    --li-bg1 : #455a64;
    --li-space-bg : #fafafa;
    --wrap-gap : 15px;
    --txt-point: brown;

    --dt-li-height: 23px;
    --data-font-size: .75rem;
    --fs12: .75rem;
    --fs13: 13px;
    --fs14: .875rem;

    --w-left-wrap: 420px;
    --w-left-wrap-order: 650px;

    --td-border-color: #ddd;

    --color-black: #000;

    --mb-vh: 100vh;
    --mb-sub-vh: 95vh;
    --mb-ul-h200: 200px;
    --mb-ul-h250: 250px;
    --mb-ul-h300: 300px;
    --mb-ul-h350: 350px;
    --mb-ul-h400: 400px;
    --mb-ul-h450: 450px;
    --mb-ul-h500: 500px;
    --mb-w150: 150px;
    --mb-w200: 200px;
    --mb-w300: 300px;
    --mb-w-full: 100%;
    --mb-li-h25: 25px; 
    --mb-li-h30: 30px; 

    --border-radius-t1: 4px; 
    --border-radius-t2: 6px; 
}

html, body {  margin:0; padding:0; box-sizing: border-box; font-family: 'Noto Sans KR', "Poppins", sans-serif; font-weight: 400; }

section, header, div, ul, li, input, button, form, label, span { box-sizing:border-box; margin:0; padding:0; border:0; vertical-align:baseline; font-family: 'Noto Sans KR', "Poppins", sans-serif; font-weight: 400; }
a { text-decoration:none; }
li, label, span { display:inline-block; }
select, input { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
select, button, input, textarea { outline:none; font-family: 'Noto Sans KR'; }
select { font-family: 'Noto Sans KR', "Poppins", sans-serif; -webkit-appearance: auto; }
em { font-style:normal; }
i:hover { cursor: pointer; }

body {
	position:relative;
  	font-family: 'Noto Sans KR', "Poppins", sans-serif;
    width:100vw; height: 100vh;
}

#wrapper {
    position:relative; 
    width: 100%;
    height: inherit;
    margin: 0 auto;
    color: var(--main-text);
}

/** 화면 우측 설정 float */
#right_float { position:fixed; top:75px; right:0; width:62px; color:var(--sub-text);}
#right_float ul { font-size: 10px; border-radius: 6px 0 0 6px; background: #50577A; }
#right_float ul li { width:100%; padding:5px; text-align: center; }
#right_float ul li:first-child { text-align: center; border-bottom:1px solid var(--sub-text); font-size: 11px; }
#right_float ul li a:hover { color:orange; cursor: pointer; }

.po_rel { position:relative; }

.flex-normal { display:flex; align-items: center; }
.flex-s-s { display:flex; justify-content: flex-start; align-items: flex-start; }
.flex-s-e { display:flex; justify-content: flex-start; align-items: flex-end; }
.flex-s-c { display:flex; justify-content: flex-start; align-items: center; }
.flex-e-s { display:flex; justify-content: flex-end; align-items: flex-start; }
.flex-e-e { display:flex; justify-content: flex-end; align-items: flex-end; }
.flex-e-c { display:flex; justify-content: flex-end; align-items: center; }
.flex-c-s { display:flex; justify-content: center; align-items: flex-start; }
.flex-c-e { display:flex; justify-content: center; align-items: flex-end; }
.flex-c-c { display:flex; justify-content: center; align-items: center; }
.flex-sb-s { display:flex; justify-content: space-between; align-items: flex-start; }
.flex-sb-e { display:flex; justify-content: space-between; align-items: flex-end; }
.flex-sb-c { display:flex; justify-content: space-between; align-items: center; }
.flex-sa-s { display:flex; justify-content: space-around; align-items: flex-start; }
.flex-sa-e { display:flex; justify-content: space-around; align-items: flex-end; }
.flex-sa-c { display:flex; justify-content: space-around; align-items: center; }
.flex-c-sa { display:flex; justify-content: center; align-items: space-around; }
.flex-wrap { flex-wrap:wrap; }
.flex-nowrap { flex-wrap:nowrap; }
.flex-inline { display:inline-flex; align-items: center; }
.flex-dir-column { flex-direction: column;}
.flex-dir-row { flex-direction: row;}

.container { position: relative; padding:0; width: 100%; height: 100%; }
.inner { height:100%; padding:10px 15px; }
.display-none, .disp-none, .disp_none { display:none; }

section button, section input { padding:0; margin:0; }
section { width:100%; }
section form { width:100%; }
.section_search { display:flex; justify-content:center; align-items:center; border-radius:17px; background:#5142CE1A; height:58px; padding:0 15px; }
.section_list { display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; height:100%; }

.btn_neo_submit { border-radius:22px; width:152px; height:44px; line-height:42px; font-size:16px; }
.btn_neo_submit_1 { border-radius:22px; min-width:152px; height:44px; line-height:42px; font-size:16px; padding:0 20px; }
.btn_neo_confirm { background:var(--sub-color9); color:#ffffff; }
.btn_neo_refresh { background:#E8E9EB; color:#797979; }

button { cursor: pointer; font-size: 12px; border: 1px solid var(--line-border); }
button:hover { opacity:0.9; }

/* input, select, button, textarea { border-radius: calc(.5rem - 2px);} */
input, select, button, textarea { border-radius: var(--border-radius-t1);}

input { outline:none; border:1px solid var(--line-border); margin-bottom:0 !important;}
input::placeholder { color:var(--sub-placeholder); font-size: 14px;}
select:focus { border:1px solid var(--sub-text); }
select:focus, input:focus { border:1px solid #ccc; }

button.btn_search { background: var(--btn-search); border: 1px solid var(--btn-search); color: #fff; }
button.btn_search:hover { background: var(--btn-search-hover); }
button.btn_reset { background: var(--btn-reset); }
button.btn_save { background: var(--btn-save); }
button.btn_udt { background: var(--btn-udt); }
button.btn_print { background: var(--btn-print); border: 1px solid var(--btn-print); color: #fff;}
button.btn_del { background: var(--btn-del); border: 1px solid var(--btn-del); color: #fff; }

.bg_search { background: var(--btn-search) !important; border: 1px solid var(--btn-search); }
.bg_save { background: var(--btn-save) !important; border: 1px solid var(--btn-save); }
.bg_udt { background: var(--btn-udt) !important; border: 1px solid var(--btn-udt); }
.bg_print { background: var(--btn-print) !important; border: 1px solid var(--btn-print); }
.bg_color_white { color: #fff; }

.text_center { text-align:center; }
.text_left { text-align:left; }
.text_right { text-align:right; }
.bg_transparent { background:transparent; }
.pd_bottom_15 { padding-bottom:15px; }
.mg_bottom_5 { margin-bottom: 5px; }

.data_none { display: flex; justify-content:center; align-items:center; height:200px; }

li.bg0 { background:#ffffff;}
li.bg1 { background:#5142CE08; }

li span > a { font-size: 10px; padding: 1px 5px; border-radius: 3px; }

.ui-datepicker .ui-datepicker-calendar { padding-top:0px; }
#ui-datepicker-div { z-index:12 !important; }

textarea { resize: none; }

input[type=checkbox] { display:none; }
input[type=checkbox] + label { position:relative; width:16px; height:16px; line-height:16px; text-align:center; border-radius:3px; border:1px solid grey; box-sizing:border-box; }
input[type=checkbox]:checked + label:after { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:var(--sub-bg1) url('/img/icon/checkbox_check.svg') no-repeat center; }

input[type=radio] { display:none; }
input[type=radio] + label { display:inline-flex; justify-content:center; align-items:center; }
input[type=radio] + label > span { display:flex; justify-content:center; align-items:center; width:16px; height:16px; border:1px solid grey; border-radius:50%; margin-right:5px; } /* background:grey;*/
input[type=radio]:checked + label > span:after { content:""; width:10px; height:10px; border-radius:50%; background:var(--sub-bg1); }

::-webkit-scrollbar { width:4px; height:8px; }
::-webkit-scrollbar-thumb { background-color: var(--scroll-thumb); border-radius: 4px; opacity:0.5; }
::-webkit-scrollbar-track { background-color: var(--scroll-track); border-radius: 4px; }
::-webkit-scrollbar-corner { background-color: #ffffff; }

div[id^=scrolldiv_]::-webkit-scrollbar { width:4px; height:1px; }

/** paging */
.pagination { display:flex; justify-content:center; align-items: center; width:100%; height:100%; }
.pagination > a,
.pagination > span { display:inline-block; color:var(--sub-text); border:1px solid var(--sub-border); width:28px; height:28px; text-align:center; line-height: 26px; margin:0 1px; font-size:12px; box-sizing: border-box;}
.pagination a.cur { background: var(--sub-hover); color:var(--sub-border); }
.pagination a:hover { background: var(--sub-hover); color:var(--sub-border); cursor:pointer; }

.wrap_title { display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap; border-bottom:1px solid #E8E9EB; height:42px; line-height:42px; }
.wrap_title li { display:block; text-align:center; }

/* data loading timer */
#timer_modal { position:fixed; top:0; left:0; right:0; bottom:0; display:none; background:rgba(0,0,0,0.7); font-size:24px; z-index:100; }
#timer_modal.on { display:flex; justify-content:center; align-items:center; color:white; flex-direction:column; }
#timer_modal.on > span { display:inline-block; color:white; }
#timer_modal.on #timer_time { height:114px; font-size:80px; font-weight:bold; margin-bottom:30px; animation-name:timer; animation-duration:1s; animation-iteration-count:60; }

li.no_data, li.no-data { font-size: 18px; text-align: center; padding: 30px 15px !important; justify-content: center; color: var(--sub-text);}

.pc_only { display:block; }
.pc_only_f { display:flex; }
.mb_only, .mb_only_f, .mb_only_f_imp { display:none; }
.gap_3 { gap: 3px; }
.gap_5 { gap: 5px; }
.gap_10 { gap: 10px; }
.gap_15 { gap: 15px; }
.gap_16 { gap: 16px; }
.pd-left-150 { padding-left: 150px !important; }
.mg-left-5 { margin-left: 5px !important; }

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

li.list_title {
    position: sticky;
    top: 0;
    left: 0;
    background: var(--sub-color);
    height: 30px;   /*height: 35px;*/
    z-index: 10;
    width: 100%;
    font-size: 14px;
}

li:not(.list_title) span { color: var(--color-black); }
li:not(.list_title):hover { background-color: var(--li-hover); cursor: pointer; }
.data_wrap li:not(.list_title):hover { background-color: var(--li-hover) !important; }



.btn_neo { padding: 0px 10px; height:26px; line-height: 24px; box-sizing: border-box; }
.btn_neo.save { background: var(--btn-bg-1); border:1px solid var(--btn-bg-1); color: #fff; }
.btn_neo.search { background: var(--btn-search); border: none; color: #fff; }    /*border: 1px solid var(--btn-search);*/
.btn_neo.search:hover { background: var(--btn-search-hover); }

.btn_neo.print { background: var(--btn-print); border: none; color: #fff; }
.btn_neo.print:hover { background: var(--btn-search); }


.div_btn_wrap { padding: 10px 0; text-align: center; }
.search_wrap input,
.search_wrap select { background: #f5f5f5; border: 1px solid var(--line-border);  }
.search_wrap button,
.search_wrap input,
.search_wrap select { height:30px; line-height: 29px; }
.search_wrap #s_word { width: 120px; }
.search_wrap label { font-size: .875rem; }

li.fixed { position: sticky; top:0; left:0; }
li.list_title { background: var(--list-title-bg); }
span.explain { font-size: .75rem !important; color: var(--txt-point) !important; margin-left: 10px; position: relative; }
span.explain::before { content: '* '; font-size: .75rem; color: var(--txt-point); padding-left: 5px; padding-top:3px; }
div.explain { font-size: .75rem !important; color: var(--txt-point) !important; margin-left: 10px; position: relative; }
div.explain::before { content: '* '; font-size: .75rem; color: var(--txt-point); padding-left: 5px; padding-top:3px; }

.no-hover li:hover { background: none; cursor: initial;}
input::placeholder { font-size: .75rem;}
input:disabled { background: #ccc;}

#container { height: 100%; flex-wrap: wrap; flex-direction: column; }
.menu_wrap { height: 50px; background: var(--menu-bg); width: 100%; z-index: 15; }
.content_wrap { flex: 1; width: calc(100% - 255px); }

/**** 메뉴 *****************************************/
.menu_wrap .menu_title { flex:0 0 150px; text-align: center; font-size: 1.125rem; color: #fff; line-height: 50px;  font-weight: 700; border-right: 1px solid rgb(31 41 55);}
.menu_wrap a { color: var(--menu-text); font-weight: 500; }
.menu_wrap a > span { display: inline-block; width: 25px; }
.menu_wrap #ul_menu { flex:1; overflow: auto; }
.menu_wrap #ul_menu li { position: relative; display: flex; align-items:center; }
.menu_wrap #ul_menu li:not(.gubun ):before { content: "-"; position: absolute; top:6px; left:4px; font-size: 12px; color: var(--menu-text); }
.menu_wrap #ul_menu li.li_gr_menu:before { content: "\f107"; font-family: "FontAwesome"; left: 2px; top: 9px; }
.menu_wrap #ul_menu li:hover { background: initial; }
.menu_wrap #ul_menu li a { padding: 0 10px; }
.menu_wrap #ul_menu li.on a { color: orange;background: var(--menu-on-bg); }
.menu_wrap #ul_menu li a:hover { color: #fff; background: var(--menu-on-bg); }

.menu_wrap .user_wrap { flex:0 0 62px; border-left: 1px solid var(--menu-on-bg); padding-right: 10px; }
.menu_wrap .user_wrap .info { font-size: 12px; color: var(--menu-text); font-weight: 400; text-align: right; }
.menu_wrap .user_wrap .link { gap:5px; }
.menu_wrap .user_wrap .link a { font-size: 12px; padding:0 5px; }
.menu_wrap .user_wrap .link a:hover,
.menu_wrap .user_wrap .link a:hover i { color: #fff; background: var(--menu-on-bg); }

.menu_wrap .ul_submenu { display: none; }
.menu_wrap li.li_gr_menu { flex-wrap: wrap; }
.menu_wrap li.li_gr_menu > ul { width: 100%; padding-left: 15px; }
.menu_wrap li.li_gr_menu > a.on + ul { display:block; }

/**** 데이터 *****************************************/
.content_wrap { display: flex; flex-direction: column; width: 100%; height: 100%; gap: .75rem; padding: 1rem; background: var(--content-bg); overflow: hidden; }
.content_wrap li { display: flex; align-items: center; min-width: 100%; width: fit-content; }


.content_data { display: flex; gap: 1rem; }

.data_wrap { padding: 1rem; background: #fff; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); border: 1px solid var(--wrap-border); border-radius: 0.5rem; overflow: hidden; }
.data_wrap ul { width: 100%; overflow: auto; flex:1; } 

.data_wrap li.list_title span { font-size: 13px; font-weight: 500; text-align: center; }
.data_wrap li:not(.list_title) { padding: 0; border-bottom: 1px solid #ddd; height: var(--dt-li-height); }
.data_wrap li:not(.list_title) span { font-size: var(--data-font-size); font-weight: 400; }
.data_wrap input { padding-left: 8px; }
.data_wrap .ul_data input,
.data_wrap .ul_data select,
.data_wrap .ul_data button { height: 24px; line-height: 24px; border: 1px solid var(--line-border); border-radius: var(--border-radius-t1); }
.data_wrap span input { width: 98%;}
.data_wrap span select { width: 100%; padding: 0 1px 0 3px;}
.data_wrap span button { padding: 0px 5px; background: initial; }
.data_wrap span button:first-child {  margin-right: 5px; }
.data_wrap span button:hover { background: var(--txt-point); color: #fff; border: 1px solid var(--txt-point);}
.data_wrap span button i { font-size: 1rem; }
/* .data_wrap label { font-weight: 400;} */

.data_wrap li span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  /* line-height: 100%; */

.data_wrap span.chk { display: flex; align-items: center; justify-content: center; }
.data_wrap li.sel,
.data_wrap tr.sel { background: var(--li-sel) !important; }

label.required { position: relative; }
label.required::after { content: "*"; position: absolute; top: -1px; right: 5px; color: red; font-size: 16px; }

select option.new { background: #546e7a; color: #fff; }

b.s_word { color: var(--txt-point); }
.txt_point { color: var(--txt-point) !important; font-weight: 500 !important; }

/* 달력 */
.ui-datepicker .ui-widget-header { background: var(--menu-bg); }
.ui-datepicker-current-day .ui-state-default { background: var(--menu-bg) !important; }
.ui-datepicker-buttonpane button[data-handler="today"] { color: var(--menu-bg); }

.tbl_history .col_30 { width: 30px; }
.tbl_history .col_40 { width: 40px; }
.tbl_history .col_50 { width: 50px; }
.tbl_history .col_60 { width: 60px; }
.tbl_history .col_65 { width: 65px; }
.tbl_history .col_70 { width: 70px; }
.tbl_history .col_80 { width: 80px; }
.tbl_history .col_85 { width: 85px; }
.tbl_history .col_90 { width: 90px; }
.tbl_history .col_100 { width: 100px; }
.tbl_history .col_120 { width: 120px; }
.tbl_history .col_200 { width: 200px; }
.tbl_history .col_250 { width: 250px; }
.tbl_history .col_300 { width: 300px; }
.tbl_history .col_400 { width: 400px; }
.tbl_history .col_500 { width: 500px; }
.tbl_history .col_resp { width: auto; }

.tbl_history { border-collapse: separate; border-spacing: 0; table-layout: fixed; width:100%; min-width:100%; }
.tbl_history td { box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tbl_history tr.list_title { background: var(--list-title-bg); position:sticky; top:0; left:0; }
.tbl_history tr.list_title td { text-align: center; font-size: .875rem; font-weight: 500; }
.tbl_history thead td { height: 30px; padding:3px 0; border-left: 1px solid var(--list-title-bg); border-right: 1px solid var(--list-title-bg); }
.tbl_history tr:not(.list_title) td { font-size: var(--data-font-size); padding: 2px 0; 
                             border-left: 1px solid var(--td-border-color); border-bottom: 1px solid var(--td-border-color); }
.tbl_history tr:not(.list_title) td:last-child { border-right: 1px solid var(--td-border-color); }

.content_wrap > div { width: 100%; overflow: hidden; }
.content_wrap .content_data { flex: 1; }

.content_wrap .content_title { display:flex; align-items:center; width: 100%; height: 30px; background: initial; gap:5px; }
.content_wrap .content_title .title { line-height: 30px; font-size: 1.25rem; font-weight: 700; }

/* 거래처 조회 */
#data_partner li { width:100%; } 

#s_word_saup { flex: 1; padding-left:8px; }
#s_word { flex: 1; margin-left:15px; padding-left:8px; }

.ipt_term { width: 80px; text-align: center; padding: 0 !important; }
/* #term_search { min-width: 64px; } */
div[id^=scrollwrap_]::-webkit-scrollbar { width:4px; height:2px; }

.ipt_wrap { display:flex; justify-content: center; align-items: center; border: 1px solid var(--line-border); height:30px; border-radius: var(--border-radius-t1); padding: 0 5px; gap:5px; }

.wrap_open_popup { position: fixed; display:none; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); z-index:-1; }
.wrap_open_popup.on { display:flex; justify-content: center; align-items: center; z-index:999; overflow: hidden;}
#wrap_open { position: relative; }
#wrap_open button { position: absolute; bottom:10px; right: 10px; background: #000; padding: 5px 10px; background: var(--menu-bg); color: #fff; border: none; }


/* 그룹조회 */
#data_profile span:nth-child(1) { flex: 0 0 100px; line-height: .875rem; }
#data_profile span:nth-child(2) { flex:1; }
#data_profile span:nth-child(3) { flex: 0 0 30px; }
#data_profile li:not(.list_title) { height: var(--dt-li-height); padding:0; }
#data_profile li:not(.list_title) span:nth-child(1) { padding-left: 5px; font-size: 13px; }
#data_profile li:not(.list_title) span:nth-child(2) { padding-left: 5px; font-size: 13px; }
#data_profile li:not(.list_title) span:nth-child(3) { text-align: center; }
#data_profile button { font-size: .625rem; margin:0; height: 21px; line-height: 20px; }
#data_profile li:not(.list_title):hover { cursor: default; }

/* 제조회사조회 */
#data_company span:nth-child(1) { flex: 0 0 100px; line-height: .875rem; }
#data_company span:nth-child(2) { flex:1; }
#data_company li:not(.list_title) { height: var(--dt-li-height); padding:0; }
#data_company li:not(.list_title) span:nth-child(1) { padding-left: 5px; font-size: 13px; }
#data_company li:not(.list_title) span:nth-child(2) { padding-left: 5px; font-size: 13px; }
#data_company li:not(.list_title):hover { cursor: default; }
input.title_search { width: 100px !important; margin-left: 10px; height: 26px !important; line-height: 26px !important; padding-left: 10px; }
.ul_data li.disp-none { display: none; }

/* 메뉴 - 비밀번호 변경 */
#dialog_info { flex-direction: column; gap: 10px; padding-top: 20px; } 
#dialog_info > div { width: 100%; } 
#dialog_info input { border-radius: 4px; width: 100%; padding: 5px 0 5px 15px; border: 1px solid #ddd; font-size: 14px; } 
#dialog_info input:focus { border: 1px solid #dbdbdb; } 
#dialog_info label { font-size: 14px; font-weight: 400; margin-bottom: 5px; } 
#dialog_info .caution { font-size: 12px; color: brown; } 
.ui-widget .ui-dialog-buttonset button { font-size: 12px; padding: 5px 10px; } 
.ui-widget-overlay { background: rgba(0,0,0, .7); opacity: inherit; }

.data-none { height: auto !important; padding: 30px 10px !important; text-align: center; justify-content: center; }
#rs_cnt { margin-left: 5px; }
.btn_exe.on { background: var(--txt-point); }
li.total { background: #e8eaf6 !important; }

.w_100_per { width: 100%; }
input { background: #f5f5f5;}

/* .search_wrap button { background: var(--btn-search); color: #fff; border: 1px solid var(--btn-search); } */

/* TODO. 상단메뉴 가로버전 */
#container.menu_left { flex-direction: row; gap:0; }
#container.menu_left .menu_wrap { width: 120px; height: 100%; flex-direction: column; }
#container.menu_left .menu_wrap .menu_title { width: 100%; flex: 0 0 auto; border-bottom: 1px solid #424242; }
#container.menu_left .menu_wrap #ul_menu { flex-direction: column; width: 100%; align-items: self-start; justify-content: flex-start; padding: 10px; }
#container.menu_left .menu_wrap #ul_menu li { width: 100%; }
#container.menu_left .menu_wrap #ul_menu li a { width: 100%; padding: 5px 0 5px 13px; font-size: 14px; }
#container.menu_left .menu_wrap #ul_menu li.gubun { border-bottom:0px solid var(--menu-on-bg); flex:1; }
#container.menu_left .menu_wrap .user_wrap { width: 100%; padding: 10px 0; font-size: 14px; border-top: 1px solid #424242; }
#container.menu_left .menu_wrap .user_wrap .info { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 0 8px; text-align:left; margin-bottom: 5px; }
#container.menu_left .menu_wrap .user_wrap .info span { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.menu_left .menu_wrap .user_wrap .link { justify-content: center; }
#container.menu_left .content_wrap { padding:0; gap: 0; }
#container.menu_left .content_wrap .content_data { padding:6px; gap: 8px; }

/* .menu_title_wrap { background: #283593; color:#fff; height:50px; padding-left:20px; } */
.menu_title_wrap { background: linear-gradient(#5c6bc0, #283593); color:#fff; height:50px; padding-left:20px; }
.menu_title_wrap .title_sub { font-size: 12px; }

.fixed_user_wrap { position: fixed; top: 5px; right: 10px; }
.fixed_user_wrap .info { color: #fff; font-size: 13px; font-weight: 100; margin-bottom: 2px; text-align: right; }
.fixed_user_wrap .link { color: #fff; font-size: 11px; }
.fixed_user_wrap a { color: #fff; font-size: 12px; font-weight: 100; margin-left: 5px; }
.fixed_user_wrap #sel_saup_group { width: 120px; }

.io_box { min-width: 80px; }

/* ul 에 라인 그리기 */
ul.line li:not(.list_title) { border-bottom: none; height: auto; }
ul.line li:not(.list_title) span { height: var(--dt-li-height); line-height:22px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
ul.line li:not(.list_title) span:first-child { border-left: 1px solid #ddd; }

#data_history.line li:not(.list_title) { padding: 0; }
/* TODO. 2026-02-07. 제품결과 표시 ul ==> 선택한 항목만 표시하기(가격조회/주문입력) */
/*
.mm03 ul.hidden_code span:nth-child(1) { display:none; }
.mm03 ul.hidden_tsize span:nth-child(3) { display:none; }
.mm03 ul.hidden_company span:nth-child(4) { display:none; }
.mm03 ul.hidden_catno span:nth-child(5) { display:none; }
.mm10 ul.hidden_code span:nth-child(1) { display:none; }
.mm10 ul.hidden_tsize span:nth-child(3) { display:none; }
.mm10 ul.hidden_company span:nth-child(4) { display:none; }
.mm10 ul.hidden_catno span:nth-child(5) { display:none; }
*/

/* 가격조회/주문입력 */
ul.hidden_code span:nth-child(1) { display:none; }
ul.hidden_tsize span:nth-child(3) { display:none; }
ul.hidden_company span:nth-child(4) { display:none; }
ul.hidden_catno span:nth-child(5) { display:none; }

#item_search_viewcheck label { font-size: 14px; }

/* 입출고수량 */
ul.chk_hidden_code span:nth-child(2) { display:none; }
ul.chk_hidden_tsize span:nth-child(4) { display:none; }
ul.chk_hidden_company span:nth-child(5) { display:none; }
ul.chk_hidden_catno span:nth-child(6) { display:none; }

.disp-none-important { display: none !important; } 

#rs_word_ocode, #rs_word_code { width: 120px; }

/* 라벨 - 타이틀 */
.lb_title,
.lb_wrap_title { background: #cfd8dc; padding: 0 10px; font-size: 14px; font-weight: 500; height: 30px; 
                 border-radius: var(--border-radius-t1);; line-height: 29px; }


/** 모바일 */
/* 메뉴 관련 */
.mb_menu_hamb { position:fixed; top:0; left:0; z-index: 12; width: 50px; height: 50px; color: #fff; font-size: 25px; }
.mb_menu_hamb i:hover { color: orange; }
.mb_menu_bg { position:fixed; top:0; left:0; z-index: 14; transition: all .5s ease-in-out; }
.mb_menu_bg.open { right:0; bottom:0; background: rgba(0,0,0,.7); transition: all .5s ease-in-out; }
.mb_menu_close { position: absolute; top: 10px; right: -30px; width: 30px; height: 30px; color:#fff; font-size: 20px; }
.mb_menu_close i:hover { color: orange; }

.goto_top { position: fixed; right: 10px; bottom: 10px; z-index: 12; transition: display 0.5s ease-in-out; }
.goto_top > button { display: flex; justify-content: center; align-items: center; padding: 3px; border-radius: 50%; background: #ffffff; font-size: 16px; border: 1px solid #919191; }
.goto_top > button:hover { background: var(--btn-search); border: 1px solid var(--btn-search); color: #fff; }

@keyframes timer {
	from { opacity:0; }
	to { opacity:1; }
}

@media screen and (max-width:1300px) {
    #right_float { display:none; }
    .section_list { background: inherit;}

    ::-webkit-scrollbar { width:3px; height:6px; }
}

/* @media screen and (min-width:769px) and (max-width:1300px) { */
@media screen and (max-width:900px) {
    body { height: auto; overflow-x: hidden; }
    /* #wrapper { min-height: 98vh; } */
    #container { height: auto; min-height: var(--mb-vh); }

    /* 메뉴 관련 */
    #container.menu_left .menu_wrap { width: 180px; }
    #container.menu_left .menu_wrap #ul_menu li a { padding: 8px 0 8px 13px; }
    #menu_wrap { position: fixed; top: 0; left: -300px; transition: all .5s ease-in-out; }
    #menu_wrap.open { left: 0px; transition: all .5s ease-in-out; }
    /* .menu_wrap #ul_menu li:not(.mb_only_f) { display: none; } */

    .pc_only { display:none !important; }
    .mb_only { display:block !important; }
    .mb_only_f { display:flex; } /*관리자화면만*/
    .mb_only_f_imp { display:flex !important; } /*관리자화면만*/

    /* 타이틀 고정 */
    .menu_title_wrap { position: fixed; top:0; left:0; padding-left: 50px; z-index: 11; }
    /* 타이틀 고정 - 상단 우측 로그인 정보 */
    .fixed_user_wrap { z-index: 11; }
    /* 타이틀 고정에 따른 상단 여백 */
    #container.menu_left .content_wrap { min-height: var(--mb-vh); padding-top: 50px; background: #757575; }

    #container.menu_left .content_wrap .content_data { flex-direction: column;}
    .data_wrap { padding: .5rem; }

    ::-webkit-scrollbar { width:3px; height:3px; }

    .data_none { height: 150px; }

    .section_list { flex-direction: column; justify-content: flex-start; overflow-y: auto; flex-wrap: nowrap; background-color: inherit; }

    .history_wrap ul { flex: 0 0 250px; }
}