@charset "utf-8";
/* 2023 PATH UI */

/*layout -----------*/
/*.contents_wrap { margin:0 5px 0 0!important; padding:20px 20px calc(10vh + 56px) 20px; border:1px solid red; box-sizing:border-box; }
.user_table { width:initial; max-width:1110px; }
.user_table.wth_1270 { width:1270px; max-width:1270px; }*/

.user_table table:not(.user_table02 table, .user_table03 table, .user_table04 table) { width:100%; }
.pop_role_basic .user_table { width:inherit; }
.title_table.user_table { width:1110px; }
.title_table.user table { width:100%; }

/*var -----------*/
:root {
    --defaultFont: "Open Sans",Arial,sans-serif;
    --defaultBlue: #334d65;
    --defaultLightBlue: #347bb9;
    --defaultOrange: #c65e00;
    --defaultYellow: #ffe9bb;
    --defaultOutline: #fbe0a7;
    --defaultHover: #e6edf3;
    --defaultRed: #cc0000;
    --defaultWhite: #fff;
    --defaultBorder: #bccbd4;
    --bg-LightBlue: #dde8ef;
    --bg-LightBlue__2: #e6edf3;
    --default-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
}

.navbar, .tab_menu { 
    --nav-pd: 9px 16px;
    --nav-pd-quick-icon: 9px 8px 9px 16px;
    --nav-pd-quick-text: 9px 16px 9px 8px;
    --nav-bg-default:#dde8ef;
    --nav-bg-0: url("/images/Menu/button0.png") no-repeat top left;
    --nav-bg-0-sandbox: url("/images/Menu/button0_sandbox.png") no-repeat top left;
    --nav-bg-1: url("/images/Menu/button1.png") no-repeat top left;
    --nav-bg-2: url("/images/Menu/button2_sub.png") no-repeat top left;
    --nav-bg-3: url("/images/Menu/button3.png") no-repeat top left;
    --nav-bg-hover: url("/images/Menu/button-roll.png") no-repeat top left;
    --nav-bg-quick: url("/images/Menu/button2_sub.png") no-repeat top left;
    --nav-bg-quick-hover: url("/images/Menu/button2_sub-roll.png") no-repeat top left;

    --nav-bg-current-hover: url("/images/Menu/button2_sub-roll.png") no-repeat top left;
    --nav-bg-quick-icon: url("/images/Menu/button2_sub.png") no-repeat top left;
    --nav-bg-quick-icon-hover: url("/images/Menu/button2_sub-roll.png") no-repeat top left;
    --nav-bg-quick-text: url("/images/Menu/button2_quick_right.png") no-repeat top left;
    --nav-bg-quick-text-hover: url("/images/Menu/button2_quick_right-roll.png") no-repeat top left;

    --nav-border-r: 0 0 5px 5px;
    --nav-border-r-sub: 5px;
    --nav-txt-active: #c65e00;
    --nav-list-hover: #e6edf3;
    --divider-bg: #dee5e8;
    --nav-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
    --nav-box-inner-shadow: inset -0 -1px #7892a7;
    --nav-box-outer-shadow: 0 2px 2px rgba(0, 0, 0, .12);
    --nav-inner-shadow__top: inset 0 1px #c4ced5;
    --nav-inner-shadow__right: inset -1px 0 #7892a7;
    --nav-inner-shadow__bottom: 0 3px 0 #fff;
    --nav-outer-shadow__bottom: 0 0 0 #fff;
    --nav-button-shadow: 0 0 0px 1px #7892a7;
    --nav-transition: all .28s ease-in-out;
}

/*color & font -----------*/
* { font-family:var(--defaultFont); }
.content_title_txt { color:var(--defaultOrange); font-size:20px; font-weight:normal; }
.content_title_txt:has(~ .new-grid) { padding:4px 0 10px 0; }
.content_title_txt:has(~ div) { padding:4px 0 10px 0; }
.content_title_bar_full { width:100%; height:30px; color:var(--defaultOrange); font-size:20px; font-weight:normal; line-height:22px; box-sizing:border-box; }
/*.contents_wrap .content_title_bar_full:first-of-type { margin-top:0; }*/
.txt_title { font-size:20px !important; color:var(--defaultOrange) !important; font-weight:normal !important; }
.txt_title02 { color:var(--defaultOrange)!important; font-size:14px!important; font-weight:normal!important; }
.txt_title03 { color:#347bb9!important; font-size:12px!important; font-weight:bold!important; }
.task_grey .task_left span.first_ttl5 { width:90%; color:var(--defaultOrange); font-size:20px; font-weight:normal; }
.task_grey .task_right span.total_feewrap { color:var(--defaultLightBlue); }
.task .task_left02 .task_title { font-size:14px; font-weight:400; }
.task .task_left02 label { font-size:13px; font-weight:400; vertical-align:-1px; }
.task .tab div.tab_grid table { width:100%; }
.content_title_txt_half { padding:4px 0 22px 0; font-size:20px !important; color:var(--defaultOrange) !important; font-weight:normal !important; }
.new_lock_summary div.title { color:var(--defaultOrange)!important; font-size:14px!important; font-weight:normal!important; }
.content_title_bar_half div.flL { padding:6px 4px 0 3px; }
.txt_30 { display:grid; padding:10% 0; text-align:center; color:var(--defaultOrange); font-size:30px; font-weight:normal; }
.pop_bt a { font-family:var(--defaultFont)!important; }
.pipeline_table table tr:hover { background:var(--defaultYellow); }
.txt-indent__1 { padding-left:1rem; }
.txt-indent__2 { padding-left:2rem; }
.txt_narrow { letter-spacing:-0.062px; }
.txt_c{ text-align:center; }
.txt_l{ text-align:left; }
.txt_r{ text-align:right; }

@-moz-document url-prefix() { 
    .txt_narrow { letter-spacing:-0.025px; }
}


@-moz-document url-prefix() { 
    * { font-family:Arial; }
}

/* Header -----------*/
/*.header-sandbox { position:absolute; top:0; width:100%; border-top:3px solid var(--defaultOrange); }*/
.wrap_header { min-width:100%; padding:0; background:none; }
.top_area { display: grid; grid-template-columns:2fr; grid-template-rows: 70px 33px 30px auto; gap: 0px 10px; grid-auto-rows: minmax(20%, auto); width:100%; /*min-width:950px;*/ /*min-width:1320px;*/ padding:0; }
.top_area.nav-line-2__hide { grid-template-rows: 70px 33px 0 auto; }
.top_area.nav-line-2__hide .nav-line-2 { display:none; }
.nav-transition { transition:all .28s ease-in-out; }
.top_logo { grid-column: 1 / 2; grid-row: 1 / 2; }
.top_right { grid-column: 2 / 3; grid-row: 1 / 2; }
.navbar { grid-column: 1 / 3; grid-row: 2 / 3; }
.temp_nav { grid-column: 1 / 3; grid-row: 2 / 3; }

/*상단 왼쪽 Logo 영역 -----------*/
/*.top_left { display:none; }*/
.top_logo { margin:10px 0 0 40px; padding:0; }
.top_logo img { margin:0; cursor:pointer!important; }

/*상단 오른쪽 Role 영역 -----------*/
.top_right { width:initial; min-width:350px; max-width:570px; margin:25px 0 0 0; }
.top_right a { display:inline-block; color:#777; font-size:12px!important; }
.welcome { margin:0 15px 0 0; color:#777; font-size:11px; text-align:right; cursor:default; line-height:20px; vertical-align:middle; }
.welcome i { margin-top:4px; vertical-align:-1px; }
.welcome span:hover { cursor:pointer; }
.welcome span.top_logout { display:inline-block; width:60px; padding:0; text-align:center; font-size:12px!important; }
.wrap_sp_name .role_name_detail:hover, .welcome span.top_help:hover, .welcome span.top_logout:hover a, .welcome span.top_email:hover span  { text-decoration:underline; }
.welcome span.top_help i { margin-right:5px; font-size:12px; vertical-align:0; }
.welcome span.top_logout i { margin-right:5px; font-size:10px; vertical-align:0; }
.welcome span.top_email { display:inline-block; width:max-content; padding:0; text-align:center; font-size:12px!important; }
.welcome span.top_email i { margin-right:5px; font-size:14px; vertical-align:0; }
span.role_name_detail { overflow:hidden; max-width:220px; padding-left:0; white-space:nowrap; text-overflow:ellipsis; font-size:12px; text-align:left; vertical-align:-3px; }
.welcome_role p.other_role .role_drop_name_ar { max-width:160px; margin-right:3px; }
.role_name_detail.role_name_title { max-width:220px; }
.welcome span.top_bar { display:inline-block; width:6px; height:20px; padding:0 5px; text-align:center; vertical-align:2px; }
.welcome_role_shd { display:none; position:absolute; top:-17px; right:136px; z-index:999; padding:3px 3px 0 3px; color:#777; }
.welcome_role_shd.open { display:block !important; }
.welcome_role { padding:10px 10px 10px 5px; border:1px solid var(--divider-bg); border-radius:5px; }
.welcome_role img { vertical-align:2px; }
.welcome span.name { max-width:160px; }
.welcome_role p { padding:2px 0 4px 5px; }
.welcome_role p span { color:#777; }
.welcome_role p i.fa-caret-down { font-size:12px; color:#777; }
.welcome_role p.other_role span { color:var(--defaultOrange); font-weight:600; cursor:default; }
.welcome_role p.other_role i { color:var(--defaultOrange); }
.welcome_role p.clsRoleList:hover span { color:var(--defaultBlue); }
.role_name:hover { cursor:pointer; }
.welcome_role #divRoleList p { margin-left:4px; }
#divRoleDropList { margin:0 0 5px 10px; padding:0 0 5px 0; border-bottom:1px solid var(--defaultBorder); }
#divRoleList p.clsRoleList span.role_name_detail { max-width:300px; padding-left:0; }

/*GNB-NEW -----------*/
.navbar { width:100%; height:32px; background:#3b5c74; font-family:var(--defaultFont); font-size:13px; box-sizing:border-box; box-shadow:var(--nav-box-outer-shadow); }
.navbar dl { display:inline-flex; width:100%; box-sizing:border-box; }
.navbar dl.nav-line-1 { padding-left:20px; background:#3b5c74; white-space:nowrap; }
.navbar dl.nav-line-1 dd { display:inline-block; position:relative; height:32px; margin:0; padding:0; color:var(--defaultWhite); box-sizing:border-box; cursor:pointer; }
.navbar dl.nav-line-1 dd i.fa-caret-down { margin-left:6px; font-size:10px; vertical-align:3px; }
.navbar dl.nav-line-1 dd i.fa-times { margin-left:6px; vertical-align:-1px; }
.navbar dl.nav-line-1 dd i.fa-list-ul { font-size:16px; }
.navbar dl.nav-line-1 dd i.fa-user-circle { margin-right:5px; }
.navbar dl.nav-line-1 dd.nav-icon { position:absolute; top:0; right:0px; padding:0; background:rgba(18, 35, 52, .55); }
.navbar dl.nav-line-1 dd.nav-icon i.fa-bars { padding:8px 11px; font-size:16px; }
.navbar dl.nav-line-1 dd.nav-icon:is(:focus, :hover, :active, .open) { background:var(--nav-bg-quick-hover); }
.navbar dl.nav-line-1 dd.nav-icon:is(:focus, :hover, :active, .open) i { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu { left:inherit; right:0; min-width:195px; }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu li { padding:4px 10px 7px 10px; }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu li:is(:focus, :hover, :active, .open) i.fa-check { color: #f8f8ff; }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu i { margin-right:3px; font-size:12px; color:var(--bg-LightBlue); /*visibility:hidden;*/ }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu #PipelineSortLB i { visibility:hidden; }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu .nav-active span { color:var(--defaultBlue)!important; font-weight:400; }
.navbar dl.nav-line-1 dd.nav-icon .dropdown-menu .nav-active i { color:var(--nav-txt-active); visibility:visible; }
.navbar dl.nav-line-1 dd.nav-icon:is(:focus, :hover, :active, .open) > .dropdown-menu  { opacity:1; visibility:visible; }
.navbar dl.nav-line-1 dd.nav-fav { position:absolute; top:0; right:37px; padding:0; /*border-right:1px solid #3b5c74;*/ background:rgba(18, 35, 52, .55); }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu li:not(.dropdown-divider) { padding:4px 32px 7px 10px; }
.navbar dl.nav-line-1 dd.nav-fav i.fa-star { padding:9px 11px; font-size:14px; }
.navbar dl.nav-line-1 dd.nav-fav i.fa-star.fa-regular { color:var(--defaultWhite); }
.navbar dl.nav-line-1 dd.nav-fav i.fa-star.fa-solid { color:#ffc114; }
.navbar dl.nav-line-1 dd.nav-fav:is(:focus, :hover, :active, .open) { background:var(--nav-bg-quick-hover); }
.navbar dl.nav-line-1 dd.nav-fav:is(:focus, :hover, :active, .open) i.fa-star.fa-regular { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-fav.nav-fav-active:is(:focus, :hover, :active, .open) i.fa-star.fa-solid { color:#e9ae09; }
.navbar dl.nav-line-1 dd.nav-fav .nav-active { font-weight:400; }

.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu { overflow: hidden auto; left:inherit; right:-1px; min-width:195px; max-width:500px; max-height: calc(80vh - 100px); }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu i:not(.fa-chevron-right, .fa-times) { margin-right:3px; color:var(--defaultOrange); font-size:13px; vertical-align:-1px; }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu i.fa-chevron-right { margin:0 .25em 0 .2em; font-size:10px; opacity:.5; }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu i.fa-check { color:var(--bg-LightBlue); /*visibility:hidden;*/ }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu i.fa-times { position:absolute; top:8px; right:.8em; }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu li { overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu li:is(:focus, :hover, :active, .open) i.fa-check { color: #f8f8ff; }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu .nav-active span { color:var(--defaultBlue)!important; }
.navbar dl.nav-line-1 dd.nav-fav .dropdown-menu .nav-active i { color:var(--nav-txt-active); visibility:visible; }
.navbar dl.nav-line-1 dd.nav-fav:is(:focus, :hover, :active,.open) > .dropdown-menu  { opacity:1; visibility:visible; }

.navbar dl.nav-line-1 dd.nav-item { padding:9px 16px; border:0; background:var(--nav-bg-0); }
.navbar dl.nav-line-1 dd.nav-item:has(span:empty) { display:none; transition: background-image 2s ease-out; }
.navbar dl.nav-line-1 dd.nav-item span { color:var(--defaultWhite); }
.navbar dl.nav-line-1 dd.nav-item span > span { padding:0 1px; vertical-align:-4px; }
.navbar dl.nav-line-1 dd.nav-item a:has(span > span) + i { vertical-align:4px; }
.navbar dl.nav-line-1 dd.nav-item i { color:var(--defaultWhite); }
.navbar dl.nav-line-1 dd.nav-item a { font-size:13px; line-height:15px; }
.navbar dl.nav-line-1 dd.nav-item span:not(.dropdown-menu-sub span, .nav-brrw span) { display:inline-block; overflow:hidden; max-width:302px; line-height:15px; white-space:nowrap; text-overflow:ellipsis; }
.navbar dl.nav-line-1 dd.nav-brrw span { display:inline-block; overflow:hidden; max-width:260px; vertical-align:-3px; text-overflow:ellipsis; line-height:15px; white-space:nowrap; }
.navbar dl.nav-line-1 dd.nav-brrw i.fa-circle-user { margin-right:5px; vertical-align:-1px; }
.navbar dl.nav-line-1 dd.nav-brrw i.fa-caret-down { vertical-align:0; }
.navbar dl.nav-line-1 dd.nav-sandbox { background:var(--nav-bg-0-sandbox); }
.navbar dl.nav-line-1 dd.nav-1 { padding:var(--nav-pd); border:0; background:var(--nav-bg-1); }
.navbar dl.nav-line-1 dd.nav-2 { padding:var(--nav-pd); border:0; background:var(--nav-bg-2); }
.navbar dl.nav-line-1 dd.nav-3 { padding:var(--nav-pd); border:0; background:var(--nav-bg-3); }
.navbar dl.nav-line-1 dd.nav-1.nav-brrw span { vertical-align:0; }
.navbar dl.nav-line-1 dd.nav-1.nav-brrw i.fa-caret-down { vertical-align:3px; }

.navbar dl.nav-line-1 dd:is(:focus, :hover, :active, .open) { background:var(--nav-bg-hover); color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd:is(:focus, :hover, :active, .open) span { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd:is(:focus, :hover, :active, .open) i { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd:has(.open) { background:var(--nav-bg-hover); color:var(--defaultBlue);  }
.navbar dl.nav-line-1 dd:has(.open) span { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd:has(.open) i { color:var(--defaultBlue); }

.navbar dl.nav-line-1 dd.nav-2:is(:focus, :hover, :active, .open) { background:var(--nav-bg-current-hover); color:var(--defaultBlue); }

.navbar dl.nav-line-1 dd.nav-second { padding:var(--nav-pd-quick-text); border:0; background:var(--nav-bg-quick-text); }
.navbar dl.nav-line-1 dd.nav-second:is(:focus, :hover, :active, .open) { background:var(--nav-bg-quick-text-hover); }
.navbar dl.nav-line-1 dd.nav-second.nav-hover { background:var(--nav-bg-quick-text-hover); }
.navbar dl.nav-line-1 dd.nav-second-drop { padding:var(--nav-pd-quick-icon); border:0; background:var(--nav-bg-quick); }
.navbar dl.nav-line-1 dd.nav-second-drop:is(:focus, :hover, :active, .open) { background:var(--nav-bg-quick-hover); }
.navbar dl.nav-line-1 dd.nav-second-drop.nav-hover { background:var(--nav-bg-quick-hover); }
.navbar dl.nav-line-1 dd.nav-hover span { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-hover i { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-second:has(.open) { background:var(--nav-bg-quick-text-hover); }
.navbar dl.nav-line-1 dd.nav-second-drop:has(.open) { background:var(--nav-bg-quick-hover); }

.navbar dl.nav-line-1 dd.nav-item:is(:focus, :hover, :active, .open) > .dropdown-menu  { opacity:1; visibility:visible; }
.navbar dl.nav-line-1 dd.nav-item:has(.open) > .dropdown-menu  { opacity:1; visibility:visible; }
.navbar dl.nav-line-1 dd.nav-item:is(:focus, :hover, :active, .open) > div .dropdown-menu:not(.dropdown-menu-sub ,.dropdown-menu-broker) { opacity:1; visibility:visible; }
.navbar dl.nav-line-1 dd.nav-item:has(.open) > div .dropdown-menu:not(.dropdown-menu-sub ,.dropdown-menu-broker) { opacity:1; visibility:visible; }
.navbar .nav-brrw .dropdown-menu span { display:inline-block; overflow:hidden; width:100%; max-width:286px; padding:5px 0 7px 0; font-size:13px; white-space:nowrap; text-overflow:ellipsis; }
.navbar .nav-brrw .dropdown-menu li a > span { padding:0; }
.navbar dl.nav-line-2 { position:relative; min-width:max-content; height:30px; padding-left:20px; background:var(--bg-LightBlue__2); font-size:0; white-space:nowrap; box-shadow:var(--nav-box-inner-shadow), var(--nav-box-outer-shadow); }
.navbar dl.nav-line-2 #divProcessThirdMenuItems { width:100%; }
.navbar dl.nav-line-2 dd { display:inline-block; position:relative; max-width:160px; height:30px; margin:0 1px 0 0; padding:4px 0 0 0; color:var(--defaultBlue); font-size:12px; line-height:30px; vertical-align:top; box-sizing:border-box; cursor:pointer; }
.navbar dl.nav-line-2 dd a:not(.gnb_03_drop_cont a) { display:inline-block; overflow:hidden; width:100%; height:21px; line-height:21px; padding:0 20px; border-radius:8px; color:var(--defaultBlue); box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; }
.navbar dl.nav-line-2 dd a:not(.gnb_03_drop_cont a, .sec_menu_drop a):is(:hover) { background:var(--defaultWhite); box-shadow:var(--nav-button-shadow); }
.navbar dl.nav-line-2 dd a span > span { padding:0 1px; vertical-align:-1px; }
.navbar dl.nav-line-2 dd a.on { color:var(--defaultBlue); }
.navbar dl.nav-line-2 dd a.on:is(:hover) { background:var(--defaultWhite); }
/*.navbar dl.nav-line-2 dd a.on span { color:var(--nav-txt-active); font-weight:600; }*/

.navbar dl.nav-line-2 dd.more { display:inline-block; position:relative; width:40px; height:25px; line-height:25px; border-radius:6px 6px 0 0; margin-top:5px; padding:0 6px; font-size:12px; text-align:center; /*margin-left:auto;*/ }
.navbar dl.nav-line-2 dd.more.nav-active__more { /*height:26px;*/ background:var(--defaultWhite); /*transform:translatey(-1px); box-sizing:border-box;*/ box-shadow:var(--nav-inner-shadow__top), var(--nav-inner-shadow__right); }
.navbar dl.nav-line-2 dd.more.open { /*height:26px;*/ background:var(--defaultWhite); /*transform:translatey(-1px); box-sizing:border-box;*/ box-shadow:var(--nav-inner-shadow__top), var(--nav-inner-shadow__right); }
.navbar dl.nav-line-2 dd.more i { margin-top:4px; }

.navbar dl.nav-line-2 .gnb_03_drop { overflow: hidden auto; position: absolute; top: 25px; right: 0; z-index: 10; min-width: 160px; padding: 6px; border: 1px solid var(--divider-bg); border-top: none; border-radius: var(--nav-border-r); background: var(--defaultWhite); white-space: normal; box-sizing: border-box; box-shadow: var(--nav-shadow); }
.navbar dl.nav-line-2 .gnb_03_drop ul li { display:block; position:relative; width:100%; height:27px; margin:0 0 2px 0; padding:0 10px 0 10px; border-radius:3px; background:var(--defaultWhite); color:var(--defaultBlue); font-size:13px; white-space:normal; box-sizing:border-box; }
.navbar dl.nav-line-2 .gnb_03_drop ul li:not(.nav-brrw li, .sub-menu-box li, .sub-menu-box__lg li, .gnb_03_drop.gnb_03_drop__lg li) { max-width:327px; }
.navbar dl.nav-line-2 .gnb_03_drop ul li a { display:inline-block; overflow:hidden; width:100%; max-width:305px; height:27px; padding:5px 0 7px 0; font-size:12px; text-align:left; line-height:16px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; }
.navbar dl.nav-line-2 .gnb_03_drop ul li span { color:var(--defaultBlue); line-height:16px!important; }
.navbar dl.nav-line-2 .gnb_03_drop ul li:is(:focus, :hover, :active) { background:var(--nav-list-hover); color:var(--defaultBlue); cursor:pointer; }
/*.navbar dl.nav-line-2 .gnb_03_drop { overflow:hidden auto; position:absolute; top:25px; right:0; z-index:10; min-width:160px; max-width:345px; padding:6px; border:1px solid var(--divider-bg); border-top:none; border-radius:var(--nav-border-r); background:var(--defaultWhite); white-space:normal; box-sizing:border-box; box-shadow:var(--nav-shadow); }
.navbar dl.nav-line-2 .gnb_03_drop_cont { position:initial; top:0; left:0; max-height:calc(80vh - 80px); border-top:none; background:var(--defaultWhite); text-align:left; white-space:normal; }
.navbar dl.nav-line-2 .gnb_03_drop_cont p { display:inline-block; width:280px; height:initial; padding:0; line-height:28px; vertical-align:middle; }
.navbar dl.nav-line-2 .gnb_03_drop_cont a { display:inline-block; overflow:hidden; width:100%; height:28px; line-height:28px; margin:0; padding:0 5px; border-radius:5px; background:none; color:var(--defaultBlue); text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; box-sizing:border-box; }
.navbar dl.nav-line-2 .gnb_03_drop_cont a:is(:focus, :hover, :active) { background:var(--nav-bg-default); }
.navbar dl.nav-line-2 .gnb_03_drop_cont a span { width:100%; line-height:28px; }*/
.navbar dl.nav-line-2 dd.nav-icon { display:none; position:absolute; top:0; right:6px; padding:0; background:none; }
.navbar dl.nav-line-2 dd.nav-icon i { padding:9px 10px; font-size:12px; }
.navbar dl.nav-line-2 dd.nav-icon:is(:focus, :hover, :active, .open) i { color:var(--defaultBlue); opacity:.8; }
.navbar dl.nav-line-2 dd.nav-icon img { padding:10px 12px; }

/*second-dropmenu -----------*/
/*.navbar dl.nav-line-2 dd.nav-second-drop { display: inline-grid; grid-template-columns:auto; grid-template-rows:25px; gap:0; grid-auto-rows:auto; height:30px; padding:5px 0 0 0; transition: background 0.6s; }
.navbar dl.nav-line-2 dd.nav-second-drop a:not(.sec_menu_drop a) { grid-column:1 / 2; grid-row:1; height:22px; line-height:22px; }
.navbar dl.nav-line-2 dd.nav-second-drop a + span { opacity:0; visibility:hidden; display:inline-block; grid-column:2 / 2; grid-row:1; width:0; height:25px; padding:0; border-radius:0 6px 0 0; background:var(--defaultWhite); text-align:center; line-height:25px; vertical-align:0; box-sizing:border-box; }
.navbar dl.nav-line-2 dd.nav-second-drop a.on { padding:0 8px 0 12px; border-right:1px solid #d2dbe3; border-radius:6px 0 0 0; box-shadow:var(--nav-inner-shadow__top); }
.navbar dl.nav-line-2 dd.nav-second-drop a.on + span { opacity:1; visibility:visible; width:30px; height:26px; transform:translatey(-1px); box-shadow:var(--nav-inner-shadow__top), var(--nav-inner-shadow__right); }
.navbar dl.nav-line-2 dd.nav-second-drop a.on:is(:focus, :hover, :active) { border-right:1px solid #d2dbe3; box-shadow:var(--nav-inner-shadow__top); }
.navbar dl.nav-line-2 dd.nav-second-drop a.remove__border { box-shadow:var(--nav-inner-shadow__top), var(--nav-box-inner-shadow); }
.navbar dl.nav-line-2 dd.nav-second-drop a.on.remove__bg { border-right:1px solid transparent; background:none; box-shadow:none; }
.navbar dl.nav-line-2 dd.nav-second-drop a.on.remove__bg + span { background:none; box-shadow:none; }
.navbar dl.nav-line-2 dd.nav-second-drop i { margin-top:7px; color:var(--defaultOrange); }*/
.navbar dl.nav-line-2 dd.nav-second-drop a + span { display:none; }

.navbar dl.nav-line-2 dd.nav-second-drop .sec_menu_drop { /*opacity:0; visibility:hidden;*/ position:absolute; top:30px; left:-1px; z-index:10; min-width:160px; max-width:345px; padding:10px 8px; border:1px solid var(--divider-bg); border-top:none; border-radius:var(--nav-border-r); background:var(--defaultWhite); box-sizing:border-box; box-shadow:var(--nav-shadow); /*transition:var(--nav-transition);*/ }
.navbar dl.nav-line-2 dd.nav-second-drop .sec_menu_drop p { display:block; position:relative; height:27px; margin:0 0 2px 0; padding:1px 5px 0 5px; border-radius:3px; background:var(--defaultWhite); color:var(--defaultBlue); font-size:12px; box-sizing:border-box; }
.navbar dl.nav-line-2 dd.nav-second-drop .sec_menu_drop p:hover { background:var(--nav-list-hover); color:var(--defaultBlue); cursor:pointer; }
.navbar dl.nav-line-2 dd.nav-second-drop .sec_menu_drop p:hover a { color:var(--defaultBlue); }
.navbar dl.nav-line-2 dd.nav-second-drop .sec_menu_drop a { overflow:hidden; max-width:100%; padding:0; border-radius:0; background:none; text-overflow:ellipsis; white-space:nowrap; }
/*.navbar dl.nav-line-2 dd.nav-second-drop:is(:focus, :hover, :active) > .nav-line-2 .sec_menu_drop { opacity:1; visibility:visible; }*/
.navbar dl.nav-line-2 dd.nav-second-drop a:is(:focus, :hover, :active, .open) + span { box-shadow:var(--nav-inner-shadow__top), var(--nav-inner-shadow__right); }

.hovered { opacity:1; visibility:visible; }
#nav a { font-family:var(--defaultFont); }
#nav .dropdown-menu ul li { float:initial; }
/*#nav .dropdown-menu ul li a:not(.nav-brrw a, .sec_menu_drop a) { display:inline-block; overflow:hidden; max-width:305px; font-size:13px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; }*/
#nav .sec_menu_drop ul li a { display:inline-block; overflow:hidden; max-width:100%; font-size:12px; white-space:nowrap; text-overflow:ellipsis; }
#nav .nav-1 .dropdown-menu ul li a:not(.dropdown-menu-sub a) { width:100%; }
.nav-1 #divSubMenuItems .dropdown-menu ul li a:not(.nav-1.nav-brrw .dropdown-menu ul li a) { width:100%; max-width:100%; padding-right:1rem; }
.nav-1 #divSubMenuItems .dropdown-menu ul li span:not(.nav-1.nav-brrw .dropdown-menu ul li span) { width:100%; max-width:100%; }
.dropdown-menu .on span, .dropdown-menu .on2 span { color:var(--nav-txt-active)!important; font-weight:600; }
.dropdown-menu .on i, .dropdown-menu .on2 i { color:var(--nav-txt-active)!important; }
.dropdown-menu .nav-active * { color:var(--nav-txt-active)!important; }
.dropdown-menu { opacity:0; visibility:hidden; position:absolute; top:32px; left:0; z-index:10; min-width:180px; max-width:345px; padding:6px; border:1px solid var(--divider-bg); border-top:none; border-radius:var(--nav-border-r); background:var(--defaultWhite); white-space:normal; box-sizing:border-box; box-shadow:var(--nav-shadow); /*transition:var(--nav-transition);*/ }
.dropdown-menu dl { display:block; }
.dropdown-menu ul li { display:block; position:relative; height:27px; margin:0 0 2px 0; padding:0 10px 0 10px; border-radius:3px; background:var(--defaultWhite); color:var(--defaultBlue); font-size:13px; white-space:normal; box-sizing:border-box; }
.dropdown-menu ul li:not(.nav-brrw li, .sub-menu-box li, .sub-menu-box__lg li) { max-width:327px; }
.dropdown-menu ul li a { display:inline-block; overflow:hidden; max-width:305px; height:27px; padding:5px 0 7px 0; font-size:13px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; }
.dropdown-menu ul li span { color:var(--defaultBlue); line-height:16.5px !important; }
/*.dropdown-menu ul li.on { background:#347bb9; color:var(--defaultWhite); }*/
.dropdown-menu ul li i.fa-times { position:absolute; top:8px; right:.8em; }
.dropdown-menu ul li i.fa-caret-right { position:absolute; right:1em; margin-top:8px; }
.dropdown-menu ul li i.fa-arrow-up-right-from-square { position:absolute; top:3px; left:81px; padding:5px; font-size:10px; }
.dropdown-menu ul li.dropdown-divider { height:initial; margin:4px 0; padding:0; border-radius:0; border-top:1px solid var(--divider-bg); cursor:default; }
.dropdown-menu ul li.dropdown-divider:is(:hover) { cursor:default; }
.dropdown-menu ul li.dropdown-loan { overflow:hidden; }
.dropdown-menu ul li.dropdown-loan a { display:inline-block; width:100%; padding-right:calc(1em + 31.3px); }
.dropdown-menu ul li.dropdown-loan span { display:inline-block; overflow:hidden; min-width:120px; max-width:260px; padding-right:10px; vertical-align:-3px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box }
.dropdown-menu ul li.dropdown-loan i.fa-times { right:1.6em; }
.dropdown-menu ul li:last-of-type { margin:0; }
.dropdown-menu .nav-active { color:var(--nav-txt-active); font-weight:600; }
.dropdown-menu .nav-active > span { color:var(--nav-txt-active); }
.dropdown-menu-sub { opacity:0; visibility:hidden; position:absolute; top:-5px; left:100%; z-index:11; padding:8px; border:1px solid var(--divider-bg); border-radius:var(--nav-border-r-sub); }
.dropdown-menu.dropdown-menu-sub ul li:not(:has(a, span)) { overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis; }

.dropdown-menu ul li:is(:focus, :hover, :active, .open) > .dropdown-menu-sub { opacity:1; visibility:visible; }
.dropdown-menu ul li:is(:focus, :hover, :active, .open):not(.dropdown-menu-sub ul li) { background:var(--nav-list-hover); color:var(--defaultBlue); cursor:pointer; }
.dropdown-menu ul li:is(:focus, :hover, :active, .open) a:not(.dropdown-menu-sub ul li a) { background:var(--nav-list-hover); color:var(--defaultBlue); cursor:pointer; }
.dropdown-menu .nav-active:is(:focus, :hover, :active, .open):not(.dropdown-menu-sub ul li) { color:var(--nav-txt-active) }
.dropdown-menu .nav-active:is(:focus, :hover, :active, .open) a:not(.dropdown-menu-sub ul li a) { color:var(--nav-txt-active) }
.dropdown-menu-sub ul li:is(:focus, :hover, :active, .open) { background:var(--nav-list-hover); color:var(--defaultBlue); cursor:pointer; }
.dropdown-menu-sub ul li:is(:focus, :hover, :active, .open) a { background:var(--nav-list-hover); color:var(--defaultBlue); cursor:pointer; }
.dropdown-menu-sub ul li:is(:focus, :hover, :active, .open) a.nav-active { color:var(--nav-txt-active); }
.dropdown-menu.sub-menu-box a { width:100%; }
.dropdown-menu.sub-menu-box__lg a { width:100%!important; max-width:100%!important; }

.dropdown-menu.sub-menu-box__lg { display: flex; columns: 30ch; column-count:4; overflow: hidden auto; max-width:80vw!important; max-height: 65vh; }
.dropdown-menu.sub-menu-box__lg > ul {  columns: 4; column-gap: .3rem; display:initial!important; }
.dropdown-menu.sub-menu-box__lg > ul li { column-span: all; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; width: 190px; min-height: 27px; box-sizing: border-box; }
.dropdown-menu.sub-menu-box__lg > ul li:nth-last-child(n+16), 
.dropdown-menu.sub-menu-box__lg > ul li:nth-last-child(n+16) ~ * { column-span: none; }
.navbar dl.nav-line-1 dd.nav-item .dropdown-menu.sub-menu-box__lg > ul li span { display:block; }

.gnb_03_drop { opacity:0; visibility:hidden; }
.navbar dl.nav-line-2 dd.more:is(:focus, :hover, :active, .open) > .gnb_03_drop { opacity:1; visibility:visible; }
.navbar dl.nav-line-2 .gnb_03_drop.gnb_03_drop__lg { display: flex; columns: 30ch; column-count:4; overflow: hidden auto; max-width:80vw!important; max-height: 65vh; }
.navbar dl.nav-line-2 .gnb_03_drop.gnb_03_drop__lg > ul { columns: 4; column-gap: .3rem; }
.navbar dl.nav-line-2 .gnb_03_drop.gnb_03_drop__lg > ul li {column-span: all; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; width: 190px; max-width: 190px; min-height: 27px; box-sizing: border-box; }
.gnb_03_drop.gnb_03_drop__lg > ul li:nth-last-child(n+16), 
.gnb_03_drop.gnb_03_drop__lg > ul li:nth-last-child(n+16) ~ * { column-span: none; }



/*Lay -----------*/
.on2 { color:var(--nav-txt-active); }
.dropdown-menu ul li div li a > span.nav-active { color:var(--nav-txt-active); }



/*pipeline tab menu -----------*/
.tab_menu_pipe { clear:both; height:28px; padding:4px 12px 0 12px; border-radius:6px 6px 0 0; background:#7892a7; font-size:12px; box-sizing: border-box; }
.tab_menu_pipe li { display:inline-block; float:left; min-width:initial; height:24px; margin:0 1px; padding:2px 16px; border:0; font-size:12px; color:#8a99a7; text-align:center; line-height:18px; box-sizing:border-box; }
.tab_menu_pipe a { display:inline-block; height:20px; padding:0; color:var(--defaultWhite); line-height:16px; cursor:pointer; }
.tab_menu_pipe a span { display:inline-block; overflow:hidden; width:auto; padding:0 9px 0 7px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; }
.tab_menu_pipe a span:first-of-type { padding:0; }
.tab_menu_pipe a span.no { display:inline-block; overflow:hidden; width:auto; padding:0 2px; white-space:nowrap; text-overflow:ellipsis; }
.tab_menu_pipe a:hover span { display:inline-block; }
.tab_menu_pipe li:hover { height:24px; padding:2px 16px; border:0; border-radius:8px 8px 0 0; background:var(--defaultHover); color:#000; line-height:18px; box-sizing:border-box; }
.tab_menu_pipe li:hover span { background:var(--defaultHover); color:#000; }
.tab_menu_pipe li.on { height:24px; padding:2px 16px; border:0; border-radius:8px 8px 0 0; background:var(--defaultWhite); color:var(--defaultBlue); line-height:18px; box-sizing:border-box; }
.tab_menu_pipe li.on:before { border-left:1px solid #122c44; border-right:1px solid #001a32; }
.tab_menu_pipe li.on a { height:initial; color:var(--defaultBlue); }
.tab_menu_pipe li.on a span { line-height:18px; }
.tab_menu_pipe li.on a:hover { background:none; }
.tab_menu_pipe li.on:hover { background:var(--defaultWhite); color:var(--defaultBlue); }
.tab_menu_pipe li.on:hover span { background:var(--defaultWhite); color:var(--defaultBlue); }
.tab_menu_pipe li.more .more_wrap { position:relative; width:0; height:0; line-height:0; }
.tab_menu_pipe li.more .more_wrap .more_cont { display:none; position:absolute; top:-5px; left:-1px; width:97px; height:auto; border:1px solid #dbe4eb; background:var(--defaultWhite); }
.tab_menu_pipe li.more .more_wrap .more_cont p { overflow:hidden; width:77px; height:26px; padding:0 10px 0 10px; line-height:26px; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis; cursor:pointer; }
.tab_menu_pipe li.more .more_wrap .more_cont p a { padding:0; color:var(--defaultBlue); }
.tab_menu_pipe li.more .more_wrap .more_cont p span { padding:0; }
.tab_menu_pipe li.more .more_wrap .more_cont p:hover { background:url(/images/tab_pipe_bg.gif) left top no-repeat; color:var(--defaultWhite); }
.tab_menu_pipe li.more .more_wrap .more_cont p a:hover { background:none; color:var(--defaultWhite); }
.tab_menu_pipe li.more .more_wrap .more_cont p span:hover { background:none; color:var(--defaultWhite); }

/* LOS tab menu -----------*/
ul.tab_menu { overflow:visible; clear:both; min-width:max-content; height:28px; padding:4px 12px 0 12px; border-radius:6px 6px 0 0; background:#7892a7; font-size:12px; box-sizing: border-box; }
ul.tab_menu li { display:inline-block; transform: translateY(2%); float:left; min-width:initial; height:24px; margin:0 1px; padding:0; border:0; font-size:12px; color:#8a99a7; text-align:center; line-height:18px; }
ul.tab_menu a { display:inline-block; height:24px; padding:2px 16px; color:var(--defaultWhite); line-height:18px; box-sizing:border-box; cursor:pointer; }
ul.tab_menu a span { display:inline-block; overflow:hidden; width:auto; height:18px; padding:0 9px 0 7px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; }
ul.tab_menu a span:first-of-type { padding:0; }
ul.tab_menu a:hover span { display:inline-block; background:none; }
ul.tab_menu a.on { height:24px; padding:2px 16px; border:0; border-radius:8px 8px 0 0; background:var(--defaultWhite); color:var(--defaultBlue); line-height:18px; box-sizing:border-box; }
ul.tab_menu a.on:before { border-left:1px solid #122c44; border-right:1px solid #001a32; }
ul.tab_menu a.on span { height:18px; background:var(--defaultWhite); color:var(--defaultBlue); line-height:18px; }
ul.tab_menu a.on:hover { background:var(--defaultWhite); color:var(--defaultBlue); }
ul.tab_menu a.on:hover span { background:var(--defaultWhite); color:var(--defaultBlue); }
ul.tab_menu a:hover { border-radius:8px 8px 0 0; background:var(--defaultHover); color:#000; }
ul.tab_menu a:hover span { color:#000; }

/* LOS tab menu + shortcut menu -----------*/
ul.tab_menu li.on__sec_menu { position:relative; height:24px; transform: translateY(2%); padding:2px 16px 2px 8px; border:0; border-radius:8px 8px 0 0; background:var(--defaultWhite); color:var(--defaultBlue); line-height:18px; box-sizing:border-box; }
ul.tab_menu li.on__sec_menu a:not(.dropdown-menu ul li a) { padding:0; }
ul.tab_menu li.on__sec_menu .second-drop { display:inline-block; height:24px; margin:0 10px 0 0; padding:4px 10px 4px 4px; border-right:1px solid #eaf0f5; line-height:24px; vertical-align:3px; box-sizing:border-box; cursor:pointer; }
ul.tab_menu li.on__sec_menu .second-drop i { font-size:13px; }
ul.tab_menu li.on__sec_menu .second-drop .dropdown-menu { top:24px; margin-left:-1px; }
ul.tab_menu li.on__sec_menu .second-drop .dropdown-menu ul li { display:block; float:none; position:relative; height:27px; margin:0 0 2px 0; padding:0 10px 0 10px; border-radius:3px; background:var(--defaultWhite); color:var(--defaultBlue); text-align:left; font-size:13px; white-space:normal; box-sizing:border-box; }
ul.tab_menu li.on__sec_menu .second-drop .dropdown-menu ul li:is(:focus, :hover, :active) { height:27px; margin:0 0 2px 0; padding:0 10px 0 10px; border-radius:3px; background:var(--nav-list-hover); }
ul.tab_menu li.on__sec_menu .second-drop .dropdown-menu ul li a { color:var(--defaultBlue); }
ul.tab_menu li.on__sec_menu .second-drop .dropdown-menu ul li a:is(:focus, :hover, :active) { display:inline-block; overflow:hidden; max-width:305px; height:27px; padding:5px 0 7px 0; border-radius:3px; font-size:13px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; }
ul.tab_menu li.on__sec_menu .second-drop:is(:focus, :hover, :active) > .dropdown-menu { opacity:1; visibility:visible; }

ul.tab_menu li.on__sec_menu .second-drop + .clsTab.on { height: 20px; }


/*collapse icon - common*/
.icon_cols[title~='collapse'], .icon_cols[title~='expand']{ margin:3px 0 0 -3px; }
.icon_cols[alt~='collapse'], .icon_cols[alt~='expand']{ margin:3px 0 0 -3px; }
.icon_cols[alt~='Collapse'], .icon_cols[alt~='Expand']{ margin:3px 0 0 -3px; }
@-moz-document url-prefix() {
    .icon_cols[title~='collapse'], .icon_cols[title~='expand']{ margin:1px 0 0 -3px; }
    .icon_cols[alt~='collapse'], .icon_cols[alt~='expand']{ margin:1px 0 0 -3px; }
    .icon_cols[alt~='Collapse'], .icon_cols[alt~='Expand']{ margin:1px 0 0 -3px; }
}


/* buttons -----------*/
.btn_btm input { margin-top:5px; padding:5px 15px; border-radius:3px; box-sizing:border-box; }
.btn_btm input:is(:hover) { background:var(--defaultLightBlue); }
.btn_btm input.disable-me:is(:hover) { background:#d5d5d5; }
.pop_bt input { min-width:75px; padding:5px 15px; border-radius:3px; font-family:var(--defaultFont); font-weight:400; letter-spacing:.024em; box-sizing:border-box; }

/* header -----------*/
/*headr block for Model.isbroker 20241002*/
/*.menu-fixed .top_area { grid-template-rows:0 33px 30px auto; margin-top:-1px; transition:none; }
.menu-fixed .top_logo { display:none; }
.menu-fixed .top_right { display:none; }
.menu-fixed .nav-line-2__hide { grid-template-rows:0 33px 0 auto; }*/



/* footer -----------*/
.btn_scroll_wrap {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.dashboard_icon { grid-area: 1 / 1 / 2 / 2; }
.btn_scroll_wrap .btn_scroll_cont { grid-area: 1 / 1 / 2 / 2; display:inline-flex; }
.btn_scroll_wrap:has(.dashboard_icon) { grid-template-columns: 30px 1fr; }
.btn_scroll_wrap:has(.dashboard_icon) .btn_scroll_cont { grid-area: 1 / 2 / 2 / 3; }

.btn_btm { position:fixed; bottom:0vh; min-width:950px; width:100vw; height:max-content; min-height:calc(40px + 17px); background:var(--bg-LightBlue__2); box-sizing:border-box; /*transform: translateY(56%);*/ }
/*.btn_btm > *:hover { transform: translateY(-50%); transition:all .28s ease-in-out; }*/
.btn_scroll_wrap { overflow-x:auto; overflow-y:hidden; width:100vw!important; height:max-content; padding:0 10px 5px 20px; border-top:1px solid var(--defaultBorder); background:var(--bg-LightBlue__2); box-sizing:border-box; }
.btn_scroll_wrap .btn_scroll_cont { width:calc(100vw - 42px); height:max-content; padding-bottom:17px; /*transition:all .28s ease-in-out;*/ }
.btn_scroll_wrap .btn_scroll_cont > div { width:max-content; }
.dashboard_icon { display:inline-block; width:30px; height:30px; margin:4px 10px 0 0; padding:0 1px 0 0; vertical-align:top; }
.dashboard_icon i { color:var(--defaultLightBlue); font-size:30px; }
.dashboard_icon i:is(:focus, :hover, :active) { cursor:pointer; }

/*collpase title level*/
.task_grey .task_left { /*width:600px;*/ padding-left:0; }

/* scroll -----------*/
.sub-menu-box::-webkit-scrollbar-thumb { background:#a5a5a5; }
.sub-menu-box::-webkit-scrollbar { width:3px; height:1em; }
.sub-menu-box::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.sub-menu-box::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.sub-menu-box::-webkit-scrollbar-thumb { background:#a5a5a5; }

.sub-menu-box__lg::-webkit-scrollbar-thumb { background:#a5a5a5; }
.sub-menu-box__lg::-webkit-scrollbar { width:3px; height:1em; }
.sub-menu-box__lg::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.sub-menu-box__lg::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.sub-menu-box__lg::-webkit-scrollbar-thumb { background:#a5a5a5; }

.nav-fav .dropdown-menu::-webkit-scrollbar-thumb { background:#a5a5a5; }
.nav-fav .dropdown-menu::-webkit-scrollbar { width:3px; height:1em; }
.nav-fav .dropdown-menu::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.nav-fav .dropdown-menu::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.nav-fav .dropdown-menu::-webkit-scrollbar-thumb { background:#a5a5a5; }

.navbar dl.nav-line-2 .gnb_03_drop::-webkit-scrollbar-thumb { background:#a5a5a5; }
.navbar dl.nav-line-2 .gnb_03_drop::-webkit-scrollbar { width:3px; height:1em; }
.navbar dl.nav-line-2 .gnb_03_drop::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.navbar dl.nav-line-2 .gnb_03_drop::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.navbar dl.nav-line-2 .gnb_03_drop::-webkit-scrollbar-thumb { background:#a5a5a5; }

.doc_tbl_list::-webkit-scrollbar-thumb { background:#a5a5a5; }
.doc_tbl_list::-webkit-scrollbar { width:3px; height:1em; }
.doc_tbl_list::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.doc_tbl_list::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.doc_tbl_list::-webkit-scrollbar-thumb { background:#a5a5a5; }



/*header_role_name - narrow screens*/
@media screen and (max-width:650px) {
    .welcome span.name { max-width:100px; }
    span.role_name_detail { max-width:100px; }
    .welcome_role p.other_role .role_drop_name_ar { max-width:100px; }
    .role_name_detail.role_name_title { max-width:100px; }
}


/* FF -----------*/
@-moz-document url-prefix() {
    .navbar dl.nav-line-1 dd.nav-item span:not(.dropdown-menu-sub span, .nav-brrw span) { line-height:16px; }
}

/* grid -----------*/
.grid-col-1 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-1 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.grid-col-1 dl { vertical-align:top; }
.grid-col-1 dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-1 dd { width:955px; box-sizing:border-box; vertical-align:top!important; }

.grid-col-2 {
display: grid;
grid-template-columns: repeat(2, 545px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-2 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.grid-col-2 .col-2 { grid-area: 1 / 2 / 2 / 3; }
.grid-col-2 dl { vertical-align:top; }
.grid-col-2 dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-2 dd { width:390px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-2 .col__2 { width:195px; }
.grid-col-2 .col__3 { width:117px; }
.grid-col-2.grid-col-2__reverse dt { width:390px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-2.grid-col-2__reverse dd { width:150px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-2.grid-col-2__equal dt { width:270px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-2.grid-col-2__equal dd { width:270px; box-sizing:border-box; vertical-align:top!important; }

.grid-col-3 {
display: grid;
grid-template-columns: repeat(3, 356.6px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-3__xs {
display: grid;
grid-template-columns: repeat(3, 200px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-3 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.grid-col-3 .col-2 { grid-area: 1 / 2 / 2 / 3; }
.grid-col-3 .col-3 { grid-area: 1 / 3 / 2 / 4; }
.grid-col-3 .col-1__2 { grid-area: 2 / 1 / 3 / 3; }/*merge 1 to 2 cols*/
.grid-col-3 .col-1__1 { grid-area: 2 / 3 / 3 / 4; }/*1 col*/
.grid-col-3 .col-2__1 { grid-area: 1 / 1 / 2 / 2; }/*1 col*/
.grid-col-3 .col-2__2 { grid-area: 1 / 2 / 2 / 4; }/*merge 2 to 3 cols*/
.grid-col-3 dl { vertical-align:top; }
.grid-col-3 dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-3 dd { width:203px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-3 .col__full { width:100%; }
.grid-col-3 .col-1__2 dd:not(.col__full) { width:580px; }
.grid-col-3 .col-2__2 dd.col__full { width:580px; }
.grid-col-3 .col-2__2.col-2__lg dt { width:203px; }
.grid-col-3 .col-2__2.col-2__lg dd { width:365px; }
.grid-col-3 .col-2__2.col-2__equal dt { width:365px; }
.grid-col-3 .col-2__2.col-2__equal dd { width:365px; }

.grid-col-3.grid-col-3__xs dt { width:150px; }
.grid-col-3.grid-col-3__xs dd { width:40px; }

.grid-col-3 .col-1__2 .wth_356 { display:inline-block; }
.grid-col-3 .col-1__2 .wth_356 dt { width:150px; }
.grid-col-3 .col-1__2 .wth_356 dd { width:203px; }
.grid-col-3 .col-2__2 .wth_356 { display:inline-block; }
.grid-col-3 .col-2__2 .wth_356 dt { width:150px; }
.grid-col-3 .col-2__2 .wth_356 dd { width:203px; }

.grid-col-3.grid-col-reverse dt { width:203px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-3.grid-col-reverse dd { width:150px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-reverse dt.txt_title02 { width:100%; }
.grid-col-reverse dt.txt_title03 { width:100%; }

.grid-col-4 {
display: grid;
grid-template-columns: repeat(4, 262.5px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-4__xs {
display: grid;
grid-template-columns: repeat(2, 356.6px) 70px 280px;
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-4__1_3 {
display: grid;
grid-template-columns: 385px repeat(3, 221px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-4 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.grid-col-4 .col-2 { grid-area: 1 / 2 / 2 / 3; }
.grid-col-4 .col-3 { grid-area: 1 / 3 / 2 / 4; }
.grid-col-4 .col-4 { grid-area: 1 / 4 / 2 / 5; }
.grid-col-4 .col-1__2 { grid-area: 1 / 1 / 2 / 3; }/*merge 1 to 2 cols*/

.grid-col-4 dl { vertical-align:top; }
.grid-col-4 dt { width:115px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-4 dd { width:143px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-4 .col__full { width:100%; }

.grid-col-4.grid-col-4__xs dt { width:150px; }
.grid-col-4.grid-col-4__xs dd { width:203px; }
.grid-col-4.grid-col-4__xs .col-4 dt { width:145px; }
.grid-col-4.grid-col-4__xs .col-4 dd { width:130px; }
.grid-col-4 dt.txt_title02 { width:100%; }
.grid-col-4 dt.txt_title03 { width:100%; }

.grid-col-4.grid-col-4__1_3 dd { width:100%; }
.grid-col-4.grid-col-4__1_3 .col-1 dt:not(.txt_title02, .txt_title03, .col__full) { width:160px; }
.grid-col-4.grid-col-4__1_3 .col-1 dd:not(.txt_title02, .txt_title03, .col__full) { width:221px; }


.grid-col-addr {
display: grid;
grid-template-columns: repeat(3, 356.6px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.grid-col-addr { display:inline; }
.grid-col-addr dl { display:inline-block; width:356.6px; margin-right:16.5px!important; vertical-align:top; }
.grid-col-addr dl:only-of-type { margin-right:0!important; }
.grid-col-addr dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-addr dd { width:203px; box-sizing:border-box; vertical-align:top!important; }
.grid-col-addr .col__full { width:100%; }


.grid-col-list {
display: grid;
grid-template-columns: 500px 25px 85px 500px;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.grid-col-list .col-1 { grid-area: 1 / 1 / 2 / 2; }
.grid-col-list .col-2 { grid-area: 1 / 2 / 2 / 3; }
.grid-col-list .col-3 { grid-area: 1 / 3 / 2 / 4; }
.grid-col-list .col-4 { grid-area: 1 / 4 / 2 / 5; }

.grid-col-list dl { vertical-align:top; }
.grid-col-list dt { width:100%; box-sizing:border-box; vertical-align:top!important; }
.grid-col-list dd { width:100%; box-sizing:border-box; vertical-align:top!important; }
.grid-col-list .col__full { width:100%; }

.grid-col-list .user_table { }
.grid-col-list .user_table th { padding:2px; font-weight:700; }
.grid-col-list .user_table td { padding:2px; }
.grid-col-list .user_table tbody tr:first-of-type td { border:none; }

.grid-col-list .col-2 { padding-top:200px;  vertical-align:middle; }
.grid-col-list .col-2 dd { text-align:center; }
.grid-col-list .col-3 { padding-top:160px; vertical-align:middle; }
.grid-col-list .col-3 dd { text-align:center; }


.grid-col-list input.move_right { display: inline-block; width: 57px; height: 23px; border: none; background: url('/images/icons/move_right.gif') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.move_d_right { display: inline-block; width: 20px; height: 19px; margin: 0; border: none; background: url('/images/icons/move_d_right.png') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.move_right_top { display: inline-block; width: 57px; height: 23px; margin: 40px 0 0 0; border: none; background: url('/images/icons/move_right.gif') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.move_right_g { display: inline-block; width: 57px; height: 23px; border: none; background: url('/images/icons/move_right_g.gif') no-repeat; font-size: 0; cursor: default; }
.grid-col-list input.move_left { display: inline-block; width: 57px; height: 23px; margin: 5px 0 10px 0; border: none; background: url('/images/icons/move_left.gif') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.move_left_g { display: inline-block; width: 57px; height: 23px; margin: 5px 0 10px 0; border: none; background: url('/images/icons/move_left_g.gif') no-repeat; font-size: 0; cursor: default; }
.grid-col-list input.move_d_left { display: inline-block; width: 20px; height: 19px; margin: 0; border: none; background: url('/images/icons/move_d_left.png') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.line_up { display: inline-block; width: 13px; height: 12px; margin: 0 0 10px 0; border: none; background: url('/images/icons/line_up.png') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.line_up_g { display: inline-block; width: 13px; height: 12px; margin: 0 0 10px 0; border: none; background: url('/images/icons/line_up_g.png') no-repeat; font-size: 0; cursor: default; }
.grid-col-list input.line_down { width: 13px; height: 12px; border: none; background: url('/images/icons/line_down.png') no-repeat; font-size: 0; cursor: pointer; }
.grid-col-list input.line_down_g { width: 13px; height: 12px; border: none; background: url('/images/icons/line_down_g.png') no-repeat; font-size: 0; cursor: default; }
.grid-col-list input.move_right_g:disabled { display: inline-block; width: 57px; height: 23px; border: none; background: url('/images/icons/move_right_g.gif') no-repeat !important; font-size: 0; cursor: default; }
.grid-col-list input.move_left_g:disabled { background: url('/images/icons/move_left_g.gif') no-repeat !important; font-size: 0; cursor: default; }
.grid-col-list input.line_up:disabled { background: url('/images/icons/line_up_g.png') no-repeat !important; font-size: 0; cursor: default; }
.grid-col-list input.line_down:disabled { background: url('/images/icons/line_down_g.png') no-repeat !important; font-size: 0; cursor: default; }

/*.content_title_bar, .content_title_bar_full {
display: grid;
grid-template-columns: 1110px;
grid-template-rows: 30px 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top:30px;
}

.content_title_bar:first-of-type, .content_title_bar_full:first-of-type { margin-top:0; }
.content_title_bar + div, .content_title_bar_full + div { display:inline-grid; width:100%; }
.content_title_txt { grid-area: 1 / 1 / 2 / 2; }
.content_title_txt + div { width:100%; min-width:1110px; }
.content_box { grid-area: 2 / 1 / 3 / 2; }
.content_title_bar:has(.flL) { 
grid-template-columns: 26px 1080px;
grid-template-rows: 34px 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top:0;
}

.content_title_bar:has(.flL) .flL { grid-area: 1 / 1 / 2 / 2; }
.content_title_bar:has(.flL) .content_title_txt { grid-area: 1 / 2 / 2 / 3; height:inherit; padding:0; }
.content_title_bar:has(.flL) .content_box { grid-area: 2 / 1 / 3 / 3; }
.content_title_bar:has(.flL) .fit-width { grid-area: 2 / 1 / 3 / 3; }
.content_title_bar:has(.flL):first-of-type { margin-top:-5px; }*/

.col-line__2 { height:44px!important; line-height:20px!important; }
.col-line__3 { height:64px!important; line-height:20px!important; }
.col-line__4 { height:84px!important; line-height:20px!important; }

.grid-col { align-items: start; }
.grid-col .col__1 { width:100%; }
.grid-col .col__2 { width:100px; }

.grid-col { width:1110px; }
.grid-col th:not(.user_table th, .nowidth_table th), .grid-col td:not(.user_table td, .nowidth_table td) { padding:4px 0; }
.grid-col dt, .grid-col dd { float:initial; height:initial; min-height:24px; line-height:18px; vertical-align:top!important; }
.grid-col dt { padding-right:2px; }
.grid-col .txt_title02 { width:100%; }
.grid-col .txt_title03 { width:100%; }
.grid-col .txt_title03.col__full { line-height:24px; }
.grid-col .minhgt_0 { min-height:0; margin:0; }
.grid-col.screen_1008 { padding:0; }
.grid-col.commlist_wrap { display:grid; }

.new-grid .title_table th, .new-grid .title_table td { padding-top:2px; padding-bottom:2px; }
.new-grid.commlist_wrap { vertical-align:top; }
.new-grid.commlist_wrap dl { vertical-align:top; }
.new-grid .txt_title { padding-bottom:15px; }
.new-grid input[type="password"] { height:22px; box-sizing:border-box; }
.new-grid input[type="text"] { height:22px; box-sizing:border-box; }
.new-grid input[type="text"].zip { width:80px; }
.new-grid input[type="text"].CalyxDate { width:100px; }
.new-grid select { height:22px; box-sizing:border-box; }
.new-grid select.state { width:60px; }
.new-grid select.clsState { width:60px; }
.new-grid textarea { box-sizing:border-box; }
/*.new-grid dl dt, .new-grid dl dd { float:initial; }*/
.new-grid dl dt { padding-right:2px; box-sizing:border-box; }
.new-grid .tbl-adjustment th, .new-grid .tbl-adjustment td { padding-bottom:5px; }
.new-grid .tbl-adjustment .temp_nocont { padding:0; }
.dividing-line { min-height:40px; padding-block:10px; border-top:1px solid var(--defaultBorder); }
.dividing-line td { line-height:initial; vertical-align:middle; }
tr.dividing-line { height:40px; padding-block:10px; }
.txt_title03.dividing-line { width:1010px; min-height:initial; margin-top:20px; margin-bottom:10px; }
.dividing-line__bt { min-height:40px; padding-block:10px 30px; border-bottom:1px solid var(--defaultBorder); }

/*pricing*/
.pricing-detail-grid .grid-col-2 {
display: grid;
grid-template-columns: repeat(2, 525px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.pricing-detail-grid .grid-col-3 {
display: grid;
grid-template-columns: repeat(3, 343.3px);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.pricing-detail-grid {  }
.pricing-detail-grid .content_title_bar { min-width:100%; }
.pricing-detail-grid .content_title_txt { width:90%; min-width:90%; }
.pricing-detail-grid .grid-col { width:1070px; }
.pricing-detail-grid .grid-col-2 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.pricing-detail-grid .grid-col-2 .col-2 { grid-area: 1 / 2 / 2 / 3; }

.pricing-detail-grid .grid-col-3 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.pricing-detail-grid .grid-col-3 .col-2 { grid-area: 1 / 2 / 2 / 3; }
.pricing-detail-grid .grid-col-3 .col-3 { grid-area: 1 / 3 / 2 / 4; }

.pricing-detail-grid .grid-col-3 .col-1__2 { grid-area: 2 / 1 / 3 / 3; }/*merge 1 to 2 cols*/
.pricing-detail-grid .grid-col-3 .col-1__1 { grid-area: 2 / 3 / 3 / 4; }/*1 col*/
.pricing-detail-grid .grid-col-3 .col-2__1 { grid-area: 1 / 1 / 2 / 2; }/*1 col*/
.pricing-detail-grid .grid-col-3 .col-2__2 { grid-area: 1 / 2 / 2 / 4; }/*merge 2 to 3 cols*/
.pricing-detail-grid .grid-col-3 .content_title_txt + div:not(.pricing__tbl) { display:grid; }
.pricing-detail-grid .grid-col-3 .pricing__tbl { margin-top:5px; }
.pricing-detail-grid .grid-col-3 .pricing__tbl th { height:24px; border-top:1px solid #bac8d2; box-sizing:border-box; }


.pricing-detail-grid dl { vertical-align:top; }

.pricing-detail-grid .grid-col-2.rate_detail { margin-top:10px; }
.pricing-detail-grid .grid-col-2.rate_detail dt { overflow:hidden; width:inherit; min-height:22px; white-space:nowrap; text-overflow:ellipsis; }
.pricing-detail-grid .grid-col-2.rate_detail dd { overflow:hidden; width:inherit; min-height:22px; white-space:nowrap; text-overflow:ellipsis; }
.pricing-detail-grid .grid-col-2.rate_detail dd.item-btn { overflow:visible; text-align:right; }
.pricing-detail-grid .grid-col-2.rate_detail .sub-title { width:100%; text-align:left!important; /*padding:5px; background:#f0f0f0; font-weight:bold;*/ }

.pricing-detail-grid .grid-col-2.rate_detail dl.col-1 {
display: grid;
grid-template-columns: 180px 245px 100px;
grid-template-rows: 30px repeat(3, 22px);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.pricing-detail-grid .grid-col-2.rate_detail dl.col-2 {
display: grid;
grid-template-columns: 140px 285px 100px;
grid-template-rows: 30px repeat(3, 22px);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.item-1 { grid-area: 1 / 1 / 2 / 4; }
.item-2 { grid-area: 2 / 1 / 3 / 2; }
.item-3 { grid-area: 2 / 2 / 3 / 3; }
.item-4 { grid-area: 3 / 1 / 4 / 2; }
.item-5 { grid-area: 3 / 2 / 4 / 3; }
.item-6 { grid-area: 2 / 3 / 4 / 4; }
.item-7 { grid-area: 4 / 1 / 5 / 2; }
.item-8 { grid-area: 4 / 2 / 5 / 4; }
.availablepricing_wrap { grid-area: 5 / 1 / 6 / 4; }


/*.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap { overflow:auto; width:100%; min-height:305px; max-height:400px; border-top:1px solid #bac8d2; border-bottom:1px solid #dee5e8; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table { border:none; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table thead { display:table-header-group; border-top:none; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tbody { display:table-row-group; overflow:initial; max-height:initial; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table thead th:first-of-type,
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tbody td:first-of-type { }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tbody tr:hover { background:var(--defaultYellow); }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tr th:first-child, .availablepricing_wrap .nowidth_table table td:first-child { position: sticky; width: 75px; left: 0; z-index: 1010; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tr th:first-child { z-index: 1011; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tr th { position: sticky; top: -1px; z-index: 1009; }*/

.fixed-scroll-container .nowidth_table { overflow: auto; position: relative; width: 100%; max-height: 350px; border-top:1px solid #bac8d2; }
.fixed-scroll-container table { table-layout: fixed; width: 100%; border-top: none; border-bottom: none; }
.fixed-scroll-container thead { top: 0; z-index: 2; }
.fixed-scroll-container thead,
.fixed-scroll-container tr > th { position: sticky; width:75px; }
.fixed-scroll-container tr > th:nth-child(even) { min-width:26px; width:20px; padding:2px 0; text-align:right; box-sizing:border-box; }
.fixed-scroll-container tr > td:first-of-type { display:list-item; position: sticky; min-width:75px; background: #e8f0f5; }
.fixed-scroll-container tr > th,
.fixed-scroll-container tr > td:first-of-type { left: 0; z-index: 1; }
.fixed-scroll-container tr > td:nth-child(odd) { min-width:75px; padding:2px 0; text-align:center; box-sizing:border-box; }
.fixed-scroll-container tr td:nth-child(even) { min-width:26px; width:inherit; padding:2px 0; text-align:right; box-sizing:border-box; }
.fixed-scroll-container thead tr > th:first-child { z-index: 3; }
.fixed-scroll-container table thead { display:table-header-group; border-top:none; }
.fixed-scroll-container table tbody { display:table-row-group; overflow:initial; max-height:initial; border-bottom:1px solid #bccbd4; }
.fixed-scroll-container table tbody tr:hover { background:var(--defaultYellow); }
.fixed-scroll-container input[type='radio'] { margin-top:3px; }
.fixed-scroll-container tr:first-of-type td { border-top:none !important; }
.fixed-scroll-container tr:last-of-type td { border-bottom:none !important; }
.fixed-scroll-container tr th:last-of-type { padding-left:10px; padding-right:18px; }
/*.fixed-scroll-container tr th.firstcol { min-width:95px; box-sizing:border-box; }
.fixed-scroll-container tr td.firstcol { min-width:95px; box-sizing:border-box; }*/

.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap .nowidth_table { overflow: auto; position: relative; width: 100%; max-width: 100%; height: 350px; border-top:1px solid #bac8d2; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table { table-layout: fixed; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap thead { top: 0; z-index: 2; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap thead,
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap tr > th { position: sticky; width:75px; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap tr > th:nth-child(even) { width:20px; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap tr > td:first-of-type { display:list-item; position: sticky; min-width:75px; background: #e8f0f5; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap tr > th,
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap tr > td:first-of-type { left: 0; z-index: 1; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap tr > td:nth-child(odd) { min-width:75px; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap thead tr > th:first-child { z-index: 3; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table thead { display:table-header-group; border-top:none; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tbody { display:table-row-group; overflow:initial; max-height:initial; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap table tbody tr:hover { background:var(--defaultYellow); }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap input[type='radio'] { margin-top:3px; }

.pricing-detail-grid .grid-col-3.pricing_detail { margin-top:10px; }
.pricing-detail-grid .grid-col-3.pricing_detail dl:not(.sub-group) { border-bottom:1px solid #9eadb9; }
.pricing-detail-grid .grid-col-3.pricing_detail dt { overflow:hidden; width:235px; min-height:24px; margin:0; padding-right:5px; border-bottom:1px solid #fff; background:#e7eef3; text-align:right; font-weight:normal; line-height:23px; white-space:nowrap; text-overflow:ellipsis; }
.pricing-detail-grid .grid-col-3.pricing_detail dd:not(.sub-group-container, .sub-detail__section) { overflow:hidden; width:105px; min-height:24px; margin:0; border-bottom:1px solid #e7eef3; line-height:23px; white-space:nowrap; text-overflow:ellipsis; }
.pricing-detail-grid .grid-col-3.pricing_detail dt.txt_title02 { width:100%;min-height:25px; margin-bottom:5px; border-bottom:none; background:none!important; text-align:left; }
.pricing-detail-grid .grid-col-3.pricing_detail dt.txt_title02 label { color:inherit; font-size:inherit; font-weight:inherit; }
.pricing-detail-grid .grid-col-3.pricing_detail dt.txt_title03 { width:100%; margin-top:5px; padding-left:3px; border-bottom:1px solid #e7eef3; background:none!important; text-align:left; font-weight:bold; }
.pricing-detail-grid .grid-col-3.pricing_detail dd.wth_350 { width:100%!important; }
.pricing-detail-grid .grid-col-3.pricing_detail dt.title-italic { font-weight:bold; text-align:right; font-style:italic; }
.pricing-detail-grid .grid-col-3.pricing_detail dd.sub-group-container { width:100%; margin:0; padding:0; } 
.pricing-detail-grid .grid-col-3.pricing_detail input[type="text"] { height:26px; line-height:16px; }
.pricing-detail-grid .grid-col-3.pricing_detail dd.text__blank { width:100%; height:24px; max-height:24px; border-bottom:1px solid #e7eef3; background:none!important; text-align:left; }

.pricing-detail-grid .grid-col-3.pricing_detail .col-1 dt { background:#ffe9bb; }
.pricing-detail-grid .grid-col-3.pricing_detail .col-2 dt { background:#e0f0e5; }
.pricing-detail-grid .grid-col-3.pricing_detail .col-3 dt { background:#e8f0f5; }
.pricing-detail-grid .grid-col-3.pricing_detail dt.item-colorless { padding-left:5px; border-bottom:1px solid #e7eef3; background:none; text-align:left; }

.pricing-detail-grid .grid-col-3.pricing_detail dl dt:nth-child(2):not(.sub-detail__section dt),
.pricing-detail-grid .grid-col-3.pricing_detail dl dt:nth-child(4):not(.sub-detail__section dt) { width:95px; padding-right:0; border-bottom:none; background:none; text-align:left; line-height:20px; }
.pricing-detail-grid .grid-col-3.pricing_detail dl dd:nth-child(3):not(.text__blank, .sub-detail__section dd),
.pricing-detail-grid .grid-col-3.pricing_detail dl dd:nth-child(5):not(.text__blank, .sub-detail__section dd) { width:240px; padding-left:0; border-bottom:none; line-height:20px; }
.pricing-detail-grid .grid-col-3.pricing_detail dl dd.sub-detail__section dl:last-of-type dd:last-of-type { border-bottom:none; }
.pricing-detail-grid .grid-col-3.pricing_detail dd.sub-group-container dd:last-of-type { border-bottom:1px solid #e7eef3; }
.pricing-detail-grid .grid-col-3.pricing_detail dl .border-line { width:100%; margin-top:10px; border-top:1px solid #9eadb9; border-bottom:none; }

.pricing-detail-grid .grid-col-3 .pricing_detail.historical_detail dt span { background:#e1f1e6; }
.pricing-detail-grid .grid-col-2.rate_detail dd.availablepricing_wrap .historical_table tr > td:first-of-type { background:#e0f0e5; }
.historical_table th { border-bottom:1px solid #b3d1bd; background:#e0f0e5; }

.pricing-detail-grid .grid-col-3.pricing_detail dd.sub-detail__section { width:100%; margin:0; padding:0; }
.pricing-detail-grid .grid-col-3.pricing_detail dd.sub-detail__section dl { border-bottom:none; }

/*.pricing-detail-grid .availablepricing_detail {  }
.pricing-detail-grid .availablepricing_detail table th { padding:3px 0 3px 5px; }
.pricing-detail-grid .availablepricing_detail table td { padding:2px 0 2px 5px; }
.pricing-detail-grid .availablepricing_detail table tbody tr td:first-of-type { border-bottom:1px solid #fff; background:#e7eef3; }
.pricing-detail-grid .availablepricing_detail table tbody tr td.sub-title { padding-top:8px; background:none; }*/


.lightbox-detail-grid dl { display:inline-block; vertical-align:top; }
.lightbox-detail-grid dl dt { box-sizing:border-box; vertical-align:top!important; }
.lightbox-detail-grid dl dd { box-sizing:border-box; vertical-align:top!important; }

.list__scroll table th,
.list__scroll table td { box-sizing:border-box; }
.list__scroll table thead { display:table-caption; border-top:1px solid #bac8d2; }
.list__scroll table thead tr:first-of-type th { border-bottom:none; }
.list__scroll table tbody { display:inline-block; overflow-y:auto; }
.list__scroll table tbody tr:first-of-type td { border-top:none; border-bottom:none; }
.list__scroll table tbody tr:last-of-type td { border-bottom:none; }
/*scroll*/
.list__scroll table tbody::-webkit-scrollbar { width: 3px; height: 1em; border-radius: 2rem; }
.list__scroll table tbody::-webkit-scrollbar-button { height: 0; background: #d0d0d0; border-radius: 2rem; }
.list__scroll table tbody::-webkit-scrollbar-track-piece { background: #d0d0d0; border-radius: 2rem; }
.list__scroll table tbody::-webkit-scrollbar-thumb { background: #a5a5a5; border-radius: 2rem; }

/*condition*/
.tbl_scroll { border:1px solid var(--defaultBorder); border-top:none; }
.tbl_scroll table { width:100%; border-top:none; border-bottom:none; }
.tbl_scroll thead { display:table; width:calc(100% - 2px); border-top:1px solid #bac8d2; }
.tbl_scroll tbody { display:inline-block; overflow:hidden auto; max-height:300px; }
.tbl_scroll tr:first-of-type td { border-top:none !important; }
.tbl_scroll tr:last-of-type td { border-bottom:1px solid #dee5e8; }
.tbl_scroll tr th, .tbl_scroll tr td { padding:2px 0!important; }
.tbl_scroll tr th.firstcol,
.tbl_scroll tr td.firstcol { min-width:30px; padding:2px 0!important; box-sizing:border-box; }
.tbl_scroll.tbl_scroll__none { border:none; }

.scroll__30_470 tr th.firstcol,
.scroll__30_470 tr td.firstcol { min-width:30px; box-sizing:border-box; }
.scroll__30_470 tr th:nth-child(1),
.scroll__30_470 tr td:nth-child(1) { width:30px; }
.scroll__30_470 tr th:nth-child(2),
.scroll__30_470 tr td:nth-child(2) { width:468px; }

.scroll__30_300_170 tr th.firstcol,
.scroll__30_300_170 tr td.firstcol { min-width:30px; box-sizing:border-box; }
.scroll__30_300_170 tr th:nth-child(1),
.scroll__30_300_170 tr td:nth-child(1) { width:30px; }
.scroll__30_300_170 tr th:nth-child(2),
.scroll__30_300_170 tr td:nth-child(2) { width:300px; }
.scroll__30_300_170 tr th:nth-child(3),
.scroll__30_300_170 tr td:nth-child(3) { width:168px; }

.scroll__30_160_160 tr th.firstcol,
.scroll__30_160_160 tr td.firstcol { min-width:30px; box-sizing:border-box; }
.scroll__30_160_160 tr th:nth-child(1),
.scroll__30_160_160 tr td:nth-child(1) { width:30px; min-width:30px; }
.scroll__30_160_160 tr th:nth-child(2),
.scroll__30_160_160 tr td:nth-child(2) { width:184px; min-width:184px; }
.scroll__30_160_160 tr th:nth-child(3),
.scroll__30_160_160 tr td:nth-child(3) { width:140px; min-width:140px; }

.scroll__470_30 tr th.firstcol,
.scroll__470_30 tr td.firstcol { padding-left:5px!important; }
.scroll__470_30 tr th:nth-child(1),
.scroll__470_30 tr td:nth-child(1) { width:468px; min-width:468px; }
.scroll__470_30 tr th:nth-child(2),
.scroll__470_30 tr td:nth-child(2) { width:30px; min-width:30px; }

.scroll__30_440 tr th:nth-child(1),
.scroll__30_440 tr td:nth-child(1) { width:30px; min-width:30px; }
.scroll__30_440 tr th:nth-child(2),
.scroll__30_440 tr td:nth-child(2) { width:440px; min-width:437px; }

.scroll__30_300_400 tr th.firstcol,
.scroll__30_300_400 tr td.firstcol { min-width: 30px; box-sizing: border-box; }
.scroll__30_300_400 tr th:nth-child(1),
.scroll__30_300_400 tr td:nth-child(1) { width: 30px; min-width: 30px; }
.scroll__30_300_400 tr th:nth-child(2),
.scroll__30_300_400 tr td:nth-child(2) { width: 300px; min-width: 184px; }
.scroll__30_300_400 tr th:nth-child(3),
.scroll__30_300_400 tr td:nth-child(3) { width: 408px; min-width: 140px; }

/* scroll -----------*/
.tbl_scroll tbody::-webkit-scrollbar-thumb { background: #a5a5a5; }
.tbl_scroll tbody::-webkit-scrollbar { width: 3px; height: 1em; }
.tbl_scroll tbody::-webkit-scrollbar-button { height: 0; background: #d0d0d0; }
.tbl_scroll tbody::-webkit-scrollbar-track-piece { background: #d0d0d0; }
.tbl_scroll tbody::-webkit-scrollbar-thumb { background: #a5a5a5; }

.availablepricing_wrap .nowidth_table::-webkit-scrollbar-thumb { background: #a5a5a5; }
.availablepricing_wrap .nowidth_table::-webkit-scrollbar { width: 3px; height: 8px; }
.availablepricing_wrap .nowidth_table::-webkit-scrollbar-button { height: 0; background: #d0d0d0; }
.availablepricing_wrap .nowidth_table::-webkit-scrollbar-track-piece { background: #d0d0d0; }
.availablepricing_wrap .nowidth_table::-webkit-scrollbar-thumb { background: #a5a5a5; }

.fixed-scroll-container .nowidth_table::-webkit-scrollbar-thumb { background: #a5a5a5; }
.fixed-scroll-container .nowidth_table::-webkit-scrollbar { width: 10px; height: 10px; }
.fixed-scroll-container .nowidth_table::-webkit-scrollbar-button { height: 0; background: #d0d0d0; }
.fixed-scroll-container .nowidth_table::-webkit-scrollbar-track-piece { background: #d0d0d0; }
.fixed-scroll-container .nowidth_table::-webkit-scrollbar-thumb { background: #a5a5a5; }


/*declarations test*/
.new-grid .tbl-dec th { padding:4px 0 4px 5px; }
.new-grid .tbl-dec tr:hover { background:var(--defaultHover); }
.new-grid .tbl-dec select:not(:disabled, :read-only) { background:#fff; }


/*fees*/
.fee-top__grid { display:grid; grid-template-columns: 270px 245px 235px 300px; grid-template-rows: 40px; align-items: start; }
.fee-top__grid div { display:inline-flex; flex-direction: row; align-items: flex-start; }
.fee-top__grid span { display:inline-flex; justify-content: space-between; align-items: flex-start; }
.fee-top__grid div img { margin:3px 0 0 3px; }
.fee-top__grid div:nth-child(1) span { width:135px; }
.fee-top__grid div:nth-child(2) span { width:115px; }
.fee-top__grid div:nth-child(3) span { width:105px; }
.fee-top__grid div:nth-child(4) span { width:110px; }



/*clickable*/
span[title~='txtSameAsAddress'] { margin:0 3px 0 19px; font-style:italic; }
span[title~='txtJurisdiction'] { margin:0 5px 0 10px; }

span[title~='txtDefault'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtTime'] { margin:0 5px 0 5px; pointer-events: none; }
span[title~='txtExt'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtBy'] { margin:0 5px 0 15px; pointer-events: none; }
span[title~='txtZIP'] { margin:0 5px 0 17px; pointer-events: none; }
span[title~='txtState'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtFax'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtAge'] { margin:0 5px 0 15px; pointer-events: none; }
span[title~='txtMonths'] { margin:0 3px 0 8px; pointer-events: none; }
span[title~='txtYear'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtYearBuilt'] { margin:0 5px 0 38px; pointer-events: none; }
span[title~='txtBlock'] { margin:0 5px 0 12px; pointer-events: none; }
span[title~='txtLength'] { margin:0 5px 0 21px; pointer-events: none; }
span[title~='txtMailingAddress'] { display:inline-block; width:150px; pointer-events: none; }
span[title~='txtExplanation'] { display:inline-block; width:130px; padding-left:15px; pointer-events: none; }
span[title~='txtTo'] { margin:0 5px 0 8px; pointer-events: none; }
span[title~='txtServiceNumber'] { margin:0 5px 0 15px; pointer-events: none; }
span[title~='txtTransactionSubtitle'] { display:inline-block; width:103px; }
span[title~='txtDigit'] { margin:0 5px 0 15px; pointer-events: none; }
span[title~='txtRestart'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtAmount'] { margin:0 5px 0 20px; pointer-events: none; }
span[title~='txtOverride'] { margin:0 5px 0 20px; pointer-events: none; }

.right i[title~='Duplicate'] { margin:0 2px; color:#fff; font-size:16px; cursor:pointer; }
.right i.disabled[title~='Duplicate'] { color:#bbcad4; font-size:16px; cursor:default; opacity:.5; }
.right i[title~='Test'] { margin:0 2px; color:#fff; font-size:16px; cursor:pointer; }
.right i.disabled[title~='Test'] { color:#bbcad4; font-size:16px; cursor:default; opacity:.5; }

.grid-col select { width:100%; height:22px; box-sizing:border-box; }
.grid-col select.clsState { width:60px; }
.grid-col select.state { width:60px; }
.grid-col select.clsOwnRent { width:120px; }
.grid-col input.CalyxMoney { width:120px; height:22px; box-sizing:border-box; }
.grid-col input[type="tel"] { width:100%; height:22px; box-sizing:border-box; }
.grid-col input[type="password"] { width:100%; height:22px; box-sizing:border-box; }
.grid-col input[type="file"] { width:100%; height:26px; box-sizing:border-box; }
.grid-col input[type="text"]:not(.txtSearch) { width:100%; height:22px; box-sizing:border-box; }
.grid-col input[type="text"].zip { width:80px; }
.grid-col input[type="text"].clsZip { width:80px; }
.grid-col input[type="text"].CalyxZip { width:80px; }
.grid-col input[type="text"].CalyxDate { width:100px; }
.grid-col input[type="text"].CalyxSocialNo { width:100px; }
.grid-col input[type="text"].CalyxMoney { width:120px; }
.grid-col input[type="text"].CalyxMoney:read-only { background:url('/images/bg_dollar_g.png') no-repeat left 6px #f0f0f0; }
.grid-col input[type="text"].CalyxIntNumber { width:120px; }
.grid-col input[type="text"].percent { width:120px; }
.grid-col input[type="text"].CalyxPct { width:120px; }
.grid-col input[type="text"].CalyxPct.cltv { width:58px; }
.grid-col input[type="text"].CalyxPct6Scale { width:120px; }
.grid-col textarea { width:100%; min-height:70px; box-sizing:border-box; }
.grid-col textarea.notes02 { min-height:70px; box-sizing:border-box; }
.grid-col input[type="checkbox"] { margin-top:2px!important; }
@-moz-document url-prefix() { 
    .grid-col input[type="checkbox"] { margin-top:0!important; }
    .grid-col input[type="checkbox"].mgT2 { margin-top:2px!important; }
}

/*default layout*/
/*.contents_wrap { padding-left:20px !important; }
.content_title_bar div.flL { margin-left:0; }*/
.contents_wrap_view { width:1110px !important; }
/*.content_title_txt { max-width:900px; width:max-content; }*/
.content_title_txt + div.commlist_wrap { min-width:1110px; }
div.commlist_wrap dl.wth_262 { width:262.5px!important; vertical-align:top; }
div.commlist_wrap dl.wth_356 { width:356.6px!important; vertical-align:top; }
.ktop_search_left span.borrower_top { width:140px; margin:0; padding-left:10px; }
.screen_1008 div.half_bundle { width:356.6px; }
.mk-borderbox { box-sizing:border-box; }
*:has( > .chatbox-container) { position:relative; }

.chatbox-container { overflow: visible !important; position: absolute; top: -10px; left: -130px; height:18px; line-height:18px; }
.chatbox-container-r { overflow: visible !important; position: absolute; top: -9px; left: 0; height:18px; line-height:18px; }
.chatbox-red { overflow: visible; position: relative; z-index: 5001; width: max-content; /*max-width:100%;*/ min-height: 18px; padding: 0; color: #ff0000; font-size: 11px; word-break: break-word; box-sizing: border-box; }
.chatbox-red span { line-height:18px!important; text-decoration:underline; vertical-align:1px; }
/*.chatbox-container i { display:none; position: absolute; left: 14px; bottom: -10px; z-index: 5006; color: #cc0000; font-size: 20px; }
.chatbox-arrow { width: 15px; margin: -2px 0 0 13px; position: relative; z-index: 5006; }
.chatbox-container-r i { position: absolute; left: -8px; bottom: 11px; z-index: 5006; color: #cc0000; font-size: 20px; transform:rotate(90deg); }*/

/*.pop_role_basic .chatbox-container { max-width:100%; }*/
.pop_role_basic .chatbox-red { max-width:100%; }




/*default popups layout*/
.pop_comm select { height:22px; box-sizing:border-box; }
.pop_comm select { width:100%; height:22px; box-sizing:border-box; }
.pop_comm select.clsState { width:60px; }
.pop_comm select.state { width:60px; }
.pop_comm select.clsOwnRent { width:120px; }
.pop_comm input.CalyxMoney { width:120px; height:22px; box-sizing:border-box; }
.pop_comm input[type="tel"] { width:100%; height:22px; box-sizing:border-box; }
.pop_comm input[type="password"] { width:100%; height:22px; box-sizing:border-box; }
.pop_comm input[type="file"] { width:100%; height:26px; box-sizing:border-box; }
.pop_comm input[type="file"].file { height:22px; }
.pop_comm input[type="email"] { width:100%; height:22px; box-sizing:border-box; }
.pop_comm input[type="text"]:not(.txtSearch) { width:100%; height:22px; box-sizing:border-box; }
.pop_comm input[type="text"].zip { width:80px; }
.pop_comm input[type="text"].clsZip { width:80px; }
.pop_comm input[type="text"].CalyxZip { width:80px; }
.pop_comm input[type="text"].CalyxDate { width:100px; }
.pop_comm input[type="text"].CalyxSocialNo { width:100px; }
.pop_comm input[type="text"].CalyxMoney { width:120px; }
.pop_comm input[type="text"].CalyxMoney:read-only { background:url('/images/bg_dollar_g.png') no-repeat left 6px #f0f0f0; }
.pop_comm input[type="text"].CalyxIntNumber { width:120px; }
.pop_comm input[type="text"].percent { width:120px; }
.pop_comm input[type="text"].CalyxPct { width:120px; }
.pop_comm input[type="text"].CalyxPct:read-only { background:url('/images/bg_percent_g.png') no-repeat right 5px #f0f0f0; }
.pop_comm input[type="text"].CalyxPct.cltv { width:58px; }
.pop_comm input[type="text"].CalyxPct6Scale { width:120px; }
.pop_comm textarea { width:100%; min-height:70px; box-sizing:border-box; }
.pop_comm dd.border_section { min-height:5px; margin-bottom:10px; }

/*popups grids*/
.pop_comm .grid-col { width:100%; }
.pop_comm .grid-col dl { vertical-align:top; }

.pop_comm .grid-col-custom dl { display:inline-block; }
.pop_comm .grid-col-custom dl:not(:first-of-type) { margin-left:20px; }
.pop_comm .grid-col-custom dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.pop_comm .grid-col-custom dd { width:calc(100% - 155px); box-sizing:border-box; vertical-align:top!important; }

.pop_comm .grid-col-1 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.pop_comm .grid-col-1 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.pop_comm .grid-col-1 dl { grid-area: 1 / 1 / 2 / 2; }
.pop_comm .grid-col-1 dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.pop_comm .grid-col-1 dd { width:calc(100% - 155px); box-sizing:border-box; vertical-align:top!important; }

.pop_comm .grid-col-1 .col-1__356 dt { width: 150px; box-sizing: border-box; vertical-align: top !important; }
.pop_comm .grid-col-1 .col-1__356 dd { width: 203px; box-sizing: border-box; vertical-align: top !important; }

.pop_comm .grid-col-2 {
display: grid;
grid-template-columns: repeat(2, calc((100% / 2) - 10px));
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.pop_comm .grid-col-2 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.pop_comm .grid-col-2 .col-2 { grid-area: 1 / 2 / 2 / 3; }
.pop_comm .grid-col-2 dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.pop_comm .grid-col-2 dd { width:calc(100% - 155px); box-sizing:border-box; vertical-align:top!important; }
.pop_comm .grid-col-2 dt.txt_title02,
.pop_comm .grid-col-2 dt.txt_title03 { width:100%; }

.pop_comm .grid-col-3 {
display: grid;
grid-template-columns: repeat(3, calc((100% / 3) - 15px));
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
}

.pop_comm .grid-col-3 .col-1 { grid-area: 1 / 1 / 2 / 2; }
.pop_comm .grid-col-3 .col-2 { grid-area: 1 / 2 / 2 / 3; }
.pop_comm .grid-col-3 .col-3 { grid-area: 1 / 3 / 2 / 4; }
.pop_comm .grid-col-3 dt { width:150px; box-sizing:border-box; vertical-align:top!important; }
.pop_comm .grid-col-3 dd { width:calc(100% - 155px); box-sizing:border-box; vertical-align:top!important; }


.pop_comm .grid-col .border_section { padding-bottom:20px; }
.pop_comm .grid-col .add__button { margin-top:10px; }
.pop_comm .grid-col .add__section { margin:8px 0 0 0; padding:10px 0 5px 0; border-top:1px solid #bac8d2; }
.pop_comm .grid-col .add__section + .add__button { margin-top:0; padding-top:10px; border-top:1px solid #bac8d2; }
.grid-col .add__section.add__top:first-of-type,
.grid-col .add__section.add__top:only-child { margin-top:0; padding-top:0; border-top:none; }

/**/
.pop_role_basic.pop_comm { height:calc(100% - 42px); }
.pop_role_basic.pop_comm__scroll { height:inherit; overflow:hidden auto; }
.pop_comm .poprole_table { width:100%; box-sizing:border-box; }
.pop_comm .poprole_table table { width:100%; box-sizing:border-box; }
.pop_comm .nowidth_table { width:100%; max-width:100%; box-sizing:border-box; }
.pop_comm .nowidth_table table { width:100%; box-sizing:border-box; }
.pop_comm .pop_2col_tb { width:100%; box-sizing:border-box; }
/*.pop_comm .pop_2col_tb table { width:100%; box-sizing:border-box; }*/
/*.ui-widget-content { box-sizing:border-box; }*/


/*Config & Settings -----------*/
.profile.new-grid { width:1110px; margin:0; padding:0; }
/*.profile.new-grid th { padding:4px 2px 4px 0; line-height:20px; }
.profile.new-grid td { padding:4px 2px; line-height:20px; }*/
.second_tab { display:inline-block; height:33px; margin-top:10px; padding:5px 0 0 1px; background:var(--defaultHover); box-sizing:border-box; }
.second_tab li, .second_tab li a, .second_tab li span { border-radius:6px 6px 0 0; }
.second_tab li:first-of-type { margin-left:0; }
.second_tab li:last-of-type { margin-right:0; }

.second_tab li.on { padding-left:0; background:var(--defaultBlue); }
.second_tab li.on span { background:var(--defaultBlue); }
.second_tab li.on a,
.second_tab li.on a:is(:focus, :hover, :active),
.second_tab li.on a:is(:focus, :hover, :active) span { background:var(--defaultBlue); }
.second_tab li.on a:is(:focus, :hover, :active) span { height:28px; }
.second_tab li.off { background:#95b3d7; }
.second_tab li.off span { background:#95b3d7; }
.second_tab li.off a,
.second_tab li.off a:is(:focus, :hover, :active),
.second_tab li.off a:is(:focus, :hover, :active) span { padding-left:0; background:#95b3d7; }
.second_tab a span { min-width:60px; height:28px; padding:6px 10px 6px 10px!important; box-sizing:border-box; }






/*test*/
/*.contents_wrap_view.contents_wrap__on { overflow-x:auto; height:537px; }
.contents_wrap_view.contents_wrap__on .tab_screen { overflow:auto hidden; max-width:1135px!important; padding-right:350px; }*/
.contents_wrap.contents_wrap_view { padding-bottom:28vh; }
.drop div.on { overflow:hidden; margin:0px 1px 0px 1px; padding:0 5px; background:#e8f0f5; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.drop_content_wrap div.drop_content p { padding:0 0 0 5px; }
.drop_content_wrap div.drop_content p:hover { background:var(--bg-LightBlue__2); }

/* test scroll -----------*/
/*.vscrolling::-webkit-scrollbar-thumb { background: #a5a5a5; }
.vscrolling::-webkit-scrollbar { width: 3px; height: 1em; }
.vscrolling::-webkit-scrollbar-button { height: 0; background: #d0d0d0; }
.vscrolling::-webkit-scrollbar-track-piece { background: #d0d0d0; }
.vscrolling::-webkit-scrollbar-thumb { background: #a5a5a5; }*/



/*.contents_wrap_view, .contents_wrap_pipeline { border-right:1px solid #7892a7; }*/