﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* 20170629 */

/* --------------------------------
    CSS INDEX
-------------------------------- */
/*
1. LAYOUTS
2. COMMON
3. NAVIGATION
4. LANDING
5. INDEX
-----------------------------------
6-1. LOGIN
6-2. LANDING-LOGIN
6-3. AUTHENTICATION
6-4. COMPANY MAIN LOGIN
-----------------------------------
7. LOAN INTERVIEW
7-2. 2-column-form
8. UI RENEWAL
9. DASHBOARD
10. PROGRESS BAR
11. ACCOUNT
11. POPUP
12. BUTTON
13. UPLOAD FILES
14. ERROR MSG
-----------------------------------
15-1. SCALE
15-2. TOOLTIP
15-3. SCROLL
15-4. AUTOFILL
-----------------------------------
16. LOADING PROGRESS BAR
17. DOCUMENT COLLECTION
18. COMPANY MAIN
19. SPIN BUTTONS
-----------------------------------
ETC
98. Go To
99. Z-INDEX

*/

/*var -----------*/
:root {
    --defaultFont: "Open Sans",Arial,sans-serif;
    --defaultText: #5e5e5e;
    --defaultSoftText: #767676;
    --defaultBlue: #0381a2;
    --defaultSoftLightBlue: #e6edf3;
    --defaultHardLightBlue: #dde8ef;
    --defaultOrange: #b36200;
    --defaultYellow: #ffe9bb;
    --defaultOutline: rgba(1, 117, 228, 0.2);
    --defaultButtonOutline: rgba(0, 122, 255, 0.3);
    --defaultRed: #bc204b;
    --defaultBorder: #e0e0e0;
    --default-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
    --defaultHover: #e9f4f7;
    --defaultTransition: all .28s ease-in-out;
    /*20240724 ADA 3*/
    --colorSet1: #0381a2;
    /*--newOutline: #3A8EE9;*/
    --newOutline: #0381A2;
    --outlineThickness: 1px;
    /*--colorSet1: #3A8EE9;*/
    /*20240724 ADA 3 END*/
    --colorSet2: #0381a2;
    --colorSet3: #b36200;
}


/* --------------------------------
    1. LAYOUTS
-------------------------------- */
html { overflow-x:auto; /*min-width:1024px;*/ height:100%; margin:0; padding:0; font-size:14px; vertical-align:middle; }
body { min-width:640px; height:99.5%; margin:0; padding:0; color:var(--defaultText); }
.wrap { width:100%; height:100%; }
.container { display:inline; position:relative; overflow-x:hidden; overflow-y:auto; /*min-width:800px;*/ /*min-width:1270px;*/ width:100%; height:100%; margin:0 auto; padding:0; }
.header { display:inline-block; position:static; top:0; z-index:1001; width:100%; /*min-width:1200px;*/ margin:0 auto; background:#fff; text-align:left; }
.header a { min-height:60px; padding:10px 0; border-bottom:solid 1px #e6e5e1; text-align:left; box-sizing:border-box; box-shadow:0 0 10px 0 rgba(148, 148, 148, 0.3); }
.header a > h2 { margin:0; padding:5px 5%; font-weight:normal; }
.header a > img { max-width:100%; padding:0 10px; line-height:inherit; box-sizing:border-box; }
.header img { /*margin-left:5%;*/ /*max-height:150px;*/ }
.header h2 { display:inline-block; width:100%; min-height:40px; height:inherit; margin:0 auto; padding-top:1.5%; /*text-align:center;*/ font-size:1.6em; line-height:1.5em; vertical-align:middle; box-sizing:border-box; }
.header h2:focus { outline:var(--outlineThickness) solid var(--newOutline); }
.header.main_logo { text-align:center !important; }
.header_landing { height:75px; background:#034875; }
.header_landing h1 { margin-left:5%; color:#fff; font-size:2em; text-align:left; line-height:73px; letter-spacing:-0.04em; }
.content { /*overflow-x:hidden;*/ position:relative; /*max-width:90%;*/ width:100%; margin:10px auto 0 auto; padding:20px 20px 30px 20px; text-align:left; box-sizing:border-box; }
.content-landing { margin-top:0; padding:0 0 30px 0; }
footer { /*display:none;*/ width:100%; margin:30px auto 20px auto; text-align:center; }
footer img { margin:0 auto; }
.content-landing + footer { display:block; }

footer { text-align:left; padding-bottom:20px; /*border-top: 1px solid #c5c5c5;*/ }
footer .company_info { display: inline-block; width: 100%; max-width: 1000px; /*border-top: 1px solid #c5c5c5;*/ padding: 30px 0; color: var(--defaultText); font-size: 1.15rem; text-align: center; vertical-align: top; box-sizing: border-box; }
div[role="main"]:has(.landing-wrap) + footer { text-align:center; }
div[role="main"]:has(.landing-wrap) + footer .company_info { border-top: 1px solid #c5c5c5; }
footer .company_info .ci_logo { display: inline-block; margin-right: 1%; font-size: 1.25rem; font-weight: 500; vertical-align: middle; word-break: break-word; }
footer .company_info .ci_context { display: inline-block; text-align: left; vertical-align: middle; }
footer .company_info .ci_context div { display: inline-block; }
footer .company_info .ci_context div:nth-child(1) { margin-right: 40px; }
footer .company_info .ci_context div:last-of-type { display: block; margin-top: 7px; }
footer .company_info .ci_context span { margin-right: 10px; margin-bottom: 5px; }
footer .company_info .ci_context span:nth-child(2) { vertical-align: 1px; /*opacity: 0.6;*/ }

footer .logo-container { visibility:hidden; }
footer .logo-container img { margin:0 10px; }
footer .logo-container img:last-of-type { margin-right:0; }

/* --------------------------------
    2. COMMON
-------------------------------- */
.tab__hide { visibility: hidden; }
img { border:0; outline:none; }
ul, dl, dd { margin:0; padding:0; }
li { list-style:none; list-style-type:none !important; }
/*label { cursor:pointer; }*/
input { padding:4px 3px; border:0; border-bottom:1px solid #a5a5a5; font-size:1.2em; color:var(--defaultText); font-family:inherit; }
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { border:1px solid var(--colorSet1); background:#dfecfa; }*/
select { height:40px; padding:4px 3px 3px 1px; border:0; border-bottom:1px solid #a5a5a5; background:#fff; font-size:1.2em; color:var(--defaultText); font-family:inherit; outline:none; cursor:pointer; -moz-appearance:none; }

@media screen {
	select { background:#fff url(/Images/icon_arrow.png) no-repeat top 5px right; }
	select:hover, select:focus { background:#fff url(/Images/icon_arrow02.png) no-repeat top 5px right !important; }
	select::-ms-expand { display:none; }
	/*button.btn_delete_sct { width:60px!important; height:60px!important; }*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select { background-image:none !important; }
	select:hover, select:focus { background-image:none !important; }
}

@-moz-document url-prefix() {
	select { background:#fff url(/Images/icon_arrow.png) no-repeat top 5px right !important; }
	select:hover, select:focus { background:#fff url(/Images/icon_arrow02.png) no-repeat top 5px right !important; }
}

textarea { min-height:60px; padding:3px; border:1px solid #a5a5a5; color:var(--defaultText); font-family:inherit; resize:none; outline:none; }
textarea:hover, textarea:focus { border:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness) solid var(--newOutline); }
button { font-family:inherit; cursor:pointer; outline:none; }
button:focus { outline:var(--outlineThickness) solid var(--newOutline); }
a { display:block; color:inherit; text-decoration:none; outline:none; }
a:focus { /*background:#e5f1fe; color:#04729c;*/ outline:var(--outlineThickness) solid var(--newOutline); }
input[type="text"], input[type="password"], input[type="tel"] { height:27px; padding:4px 6px 4px 4px; }
input[type="text"]:read-only, input[type="text"]:disabled, input[type="password"]:read-only, input[type="password"]:disabled, input[type="tel"]:disabled, input[type="tel"]:read-only { border:0; border-bottom:1px solid #9e9e9e; background:none; color:var(--defaultText); opacity:0.6; }
input[type="text"]:read-only:hover, input[type="text"]:disabled:hover, input[type="password"]:read-only:hover, input[type="password"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="tel"]:read-only:hover { border:0; border-bottom:1px solid #9e9e9e; background:none; color:var(--defaultText); opacity:0.6; outline:none; }
textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled { border:0; border-bottom:1px solid #9e9e9e; background:none; color:var(--defaultText); opacity:0.6; }
input:disabled::-webkit-input-placeholder { color:#9e9e9e; }
input:disabled:-moz-placeholder { color:#9e9e9e; }
input:disabled::-moz-placeholder { color:#9e9e9e; }
input:disabled:-ms-input-placeholder { color:#9e9e9e; }

div:focus { outline:var(--outlineThickness) solid var(--newOutline);); }
.wrap:focus { outline:none; }
.content:focus { outline:none; }
.cont_wrap:focus { outline:none; }
.header:focus { outline:none; }
.progress-bar:focus { outline:none; }
.progress-hiden-title:focus { outline:none; }
.errorMsg { color:var(--defaultRed); }
.errorMsg:focus { outline:var(--outlineThickness) solid var(--newOutline); }
.legend_invisible { overflow:hidden; top:auto; left:-10000px; width:0px; height:0px; }

select:hover { border:0; border-bottom:1px solid #037795; background:#fff; /*background:#e5f1fe;*/ color:var(--defaultText); box-shadow:none; outline:var(--newOutline); }
select:focus { border:0; border-bottom:1px solid #037795; background:#fff; /*background:#e5f1fe;*/ color:var(--defaultText); box-shadow:none; outline:var(--outlineThickness) solid  var(--newOutline); }
select:disabled:hover { border:0!important; border-bottom:1px solid #a5a5a5!important; background:none!important; outline:none!important; cursor:default; }
select option[value="0"]{ color: var(--default-shadow);} 

input[type="text"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness) solid var(--newOutline); }
input[type="text"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness) solid var(--newOutline); }
input[type="password"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness) solid var(--newOutline); }
input[type="password"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness) solid var(--newOutline); }
input[type="checkbox"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:#e5f1fe; outline:var(--outlineThickness) solid var(--newOutline); }
input[type="checkbox"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#e5f1fe; outline:var(--outlineThickness) solid var(--newOutline); }
input[type="radio"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:#e5f1fe; outline-offset:0; outline:var(--outlineThickness) solid var(--newOutline); }
input[type="radio"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#e5f1fe; outline-offset:0; outline:var(--outlineThickness) solid var(--newOutline); }
input[type="tel"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness)solid var(--newOutline); }
input[type="tel"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ outline:var(--outlineThickness) solid var(--newOutline); }
input[type="text"].required, input[type="password"].required, input[type="tel"].required { border-bottom:1px solid var(--defaultRed); }

input[type="file"] { height:20px; padding:4px 5px 4px 8px; cursor:pointer; }
input[type="checkbox"] { width:14px; height:14px; margin:0\0/ie10+11; border:0; background-color:none\0/ie10+11; vertical-align:middle; cursor:pointer; }
input[type="checkbox"]:hover { border:1px solid #09466a; background:#bdddfc; }
input[type="checkbox"].chk_comm { width:14px; height:14px; margin:-3px 0 0 0; border:1px solid #a9a9a9; border-radius:0; color:var(--defaultText); vertical-align:middle; box-shadow:none; cursor:pointer; outline:none; }
input[type="radio"] { width:14px; height:14px; margin:0\0/ie10+11; border:0; background-color:none\0/ie10+11; vertical-align:middle; cursor:pointer; }
input[type="radio"]:hover { border:1px solid #09466a; background:#bdddfc; }
input[type="radio"].chk_comm { width:14px; height:14px; margin:-3px 0 0 0; border:1px solid #a9a9a9; border-radius:0; color:var(--defaultText); vertical-align:middle; box-shadow:none; cursor:pointer; outline:none; }

.notice_wrap { display:none; width:620px; margin:0 auto; }
.unselectable { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.clear { clear:both; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pointer { cursor:pointer }
.borderNone { border:none !important; }
.flt_l { float:left; }
.flt_r { float:right; }
.pst_r { position:relative; }
.txt_b { font-weight:bold !important; }
.txt_normal { font-weight:normal !important; }
.line-top { padding-top:10px; border-top:1px solid #ccc; }
.line-bottom { padding-bottom:10px; border-bottom:1px solid #ccc; }
.dotted-line-top { padding-top:10px; border-top:1px dotted #ccc; }
select.wth_p100 { width:99.6%; }
.dsp_b { display:block !important; }
.dsp_inb { display:inline-block !important; }
.dsp_ine { display:inline !important; }
.dsp_fs {display:flex !important;  align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important;}
.dsp_fs {display:flex !important;  align-items:center !important; justify-content:flex-end !important; flex-wrap:wrap !important;}
.dsp_fc { display:flex !important;  align-items:center !important; justify-content:center !important; flex-wrap:wrap !important;}
.dsp_infs {display:inline-flex !important;  align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important;}
.dsp_infe {display:inline-flex!important;  align-items:baseline !important; justify-content:flex-end !important; flex-wrap:wrap !important;}
.dsp_infc { display:inline-flex !important;  align-items:baseline !important; justify-content:center !important; flex-wrap:wrap !important;}
.show { display:block; }
.hide { display:none !important; }
label.hide { position: absolute; display:block !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.visible { visibility:visible !important;}
.invisible {visibility:hidden !important;}
.visually_hidden{ visibility:visible !important; display:block !important; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 

.txt-date { text-align:right; }
.txt_red { color:var(--defaultRed) !important; }
.txt_blue { color:var(--defaultBlue) !important; }
.txt_gray { color:#ddd !important; }
.txt_tp { color:transparent !important; z-index:-1; }
.txt_italic { font-style:italic; font-size:14px; }
.txt_notice { font-weight:bold !important; font-style:italic !important; }
.notice-required { display:block; margin-right:0!important; /*padding-inline-start:1em;*/ color:var(--defaultRed); /*font-weight:bold;*/ font-size:1em; text-align:left; }
.notice-required span { display:block; color:var(--defaultRed); font-size:1.0em; font-weight:bold; }
.notice-required a { color:var(--defaultRed); font-weight:bold; font-size:12px; }
.notice-required a:focus { background:none; outline:var(--outlineThickness) solid var(--newOutline); }
.notice-required a.hide:focus { outline:none; }
span.notice-required { margin:5px 0 0 0; }
.linked { text-decoration:underline; color:#0098c0; cursor:pointer; }
.txt_linked { display:inline-block; color:var(--colorSet1); text-decoration:underline; cursor:pointer; }
.txt_linked:focus { outline:var(--outlineThickness) solid var(--newOutline); }
.txt_linked02 { display:inline-block; color:var(--colorSet1); font-size:12px; text-decoration:underline; cursor:pointer; }
.txt_linked02:focus { outline:var(--outlineThickness) solid var(--newOutline); }
.txt_linked.clsFinishLink { padding:0; }

button.txt_linked,
button.txt_linked02 { display:inline-block; min-width:initial; min-height:initial; padding:0 5px; border:none; background:none; color:var(--colorSet1); font-size:inherit; text-align:left; box-sizing:border-box; box-shadow:none; }
button.txt_linked:hover,
button.txt_linked02:hover { /*background:var(--defaultHover);*/ opacity:.9; }
a.txt_linked,
a.txt_linked02 { display:inline-block; min-width:initial; min-height:initial; padding:0 5px; border:none; background:none; color:var(--colorSet1); font-size:inherit; text-align:left; box-sizing:border-box; box-shadow:none; }
a.txt_linked:hover,
a.txt_linked02:hover { /*background:var(--defaultHover);*/ opacity:.9; }
.txt_linked a,
.txt_linked button,
.txt_linked02 a,
.txt_linked02 button { width:100%; min-width:initial; min-height:initial; padding:0 5px; border:none; background:none; color:inherit; font-size:inherit; text-align:left; text-decoration:underline; box-sizing:border-box; box-shadow:none; }
.txt_linked a:hover,
.txt_linked button:hover,
.txt_linked02 a:hover,
.txt_linked02 button:hover { /*background:var(--defaultHover);*/ opacity:.9; }

.txt_highlight { display:inline; padding:1px 3px; background:var(--colorSet1); color:#fff; }
.txt_help { display:inline; padding:3px; background:var(--colorSet1); color:#fff; }
.txt_help02 { display:inline-block; width:20px; height:20px; padding:0; font-size:18px; color:#fff; font-weight:bold; font-family:inherit; line-height:20px; }
.txt_underline { text-decoration:underline; }
span.txt_name { display:inline-block; }
.txt_indent40 { margin-left:40px !important; }
.txt_indentm40 { margin-left:-40px !important; }
.txt_sub { padding:10px 0; color:var(--defaultText); font-size:14px; }
.txt_sub:focus { outline:var(--outlineThickness) solid rgba(1, 117, 228, 0.2) !important; }
.txt_sub .txt_b { font-weight:400!important; }
.txt_sub02 { padding:10px 0; color:var(--defaultText); font-size:12px; }
.txt-more { color:var(--defaultText); font-size:14px; text-align:right; text-decoration:none; }
.txt-more:hover { text-decoration:underline; }
.txt_info { font-size:0.8em; }

.txt_l { text-align:left !important; }
.txt_c { text-align:center !important; }
.txt_r { text-align:right !important; }

.disabled { color:var(--defaultText) !important; cursor:default !important; opacity:0.6; }
.disabled .title-level-1 { color:var(--defaultText) !important; opacity:0.6; }
.disabled label { cursor:default !important; opacity:0.6; }
.disabled .content-level-2 dl li:last-of-type label { cursor:pointer!important; }
.disabled .content-level-2 dl dd:last-of-type label { cursor:pointer!important; }

.valign_t { vertical-align:top !important; }
.valign_m { vertical-align:middle !important; }
.valign_b { vertical-align:bottom !important; }

/*money*/
input.wc_money { min-width:120px; padding-left:20px; text-align:right; background:#fff; }
/*input.wc_money:hover { background:transparent; }*/
input.wc_money:focus { background:#fff; /*background:#dfecf9;*/ }
/*input.wc_money:before { content:"$"; }
input.wc_money::before { content:"$"; }*/
input.wc_zipcode { width:95px; }

.xpdxpnd { max-height:none !important; }
.m_index { display:none; }
.m_visible { display:none !important; }
.sample_mobile { display:none; }
.signout { font-size:14px; color:var(--colorSet1); text-decoration:underline; }
.login { font-size:14px; color:var(--colorSet1); text-decoration:underline; }


/* --------------------------------
    3. NAVIGATION
-------------------------------- */
.nav { position:absolute; right:10px; z-index:1001; max-width:98%; /*width:1200px; height:20px;*/ margin:3px auto 0 auto; padding:0 20px; /*border-bottom:1px solid #b7b7b7;*/ /*background:#fff;*/ box-sizing:border-box; }
.nav01 { float:left; display:inline-block; }
.nav01 ul li { display:inline-block; height:20px; padding:10px 8px 10px 4px; color:var(--colorSet1); font-weight:bold; font-size:14px; line-height:1.5em; vertical-align:middle; }
.nav01 ul li:hover { color:#53575b; cursor:pointer; }
.nav01 ul li:first-of-type { padding-left:0; }
.nav01 ul li.borderline { width:10px; margin:0 5px; padding:10px 2px; color:var(--defaultText); font-weight:normal; cursor:default; }

.nav02 { display:inline-block; width:100%; }
.nav02 ul li { display:inline-block; height:20px; vertical-align:middle; }
.nav02 ul li:first-of-type { float:left; font-size:16px; }
.nav02 ul li:last-of-type { float:right; }
.nav02 ul li.borderline { width:10px; padding:10px 2px; color:var(--defaultText); font-weight:normal; cursor:default; }
.nav02 ul li a { display:inline-block; }

.nav03 { display:inline-block; width:100%; text-align:right; }
.nav03 ul li { display:inline-block; min-width:50px; height:32px; margin:0 5px; padding:0 5px; border-radius:.382rem; color:var(--defaultText); font-weight:normal; font-size:16px; text-align:center; }
.nav03 ul li:last-of-type { margin-right:0; }
/*.nav03 ul li:is(:focus, :hover, :active){ opacity: .9; text-decoration: underline; }
.nav03 ul li a { display:inline-block; color:#797676; font-weight:normal; font-size:16px; }
.nav03 ul li .fa-globe { position:absolute; top:7px; left:7px; font-size:20px; color:var(--defaultText); }
.nav03 ul li .fa-caret-down { position:absolute; top:7px; right:10px; font-size:16px; }
.nav03 ul li.nav-lang { display:inline-block; position:relative; min-width:inherit; height:32px; padding:0 2px; border-radius:32px; background:none; font-weight:400; font-size:13px; text-align:left; line-height:1.5em; vertical-align:middle; cursor:pointer; }
.nav03 ul li.nav-lang:is(:focus, :hover, :active) { background:#e1e1e1; }
.nav03 ul li.nav-lang .dropdown-box { height:32px; padding-left:30px; border-radius:.382rem; background:none; color:var(--defaultText); line-height:28px; cursor:pointer; box-sizing:border-box; }
.nav03 ul li.nav-lang .dropdown-list { position:absolute; top:35px; right:2px; z-index:1004; width:inherit; min-width:120px; padding:0; border:none; border-radius:.382rem; background:rgba(255, 255, 255, 0.38); color:var(--defaultText); box-shadow:var(--default-shadow); box-sizing:border-box; }
.nav03 ul li.nav-lang .dropdown-list dd { width:100%; height:inherit; margin:0; padding:5px 0; border-radius:0; font-size:14px; text-align:center; cursor:pointer; box-sizing:border-box; }
.nav03 ul li.nav-lang .dropdown-list dd:hover { background:var(--defaultHover); color:var(--colorSet); text-decoration:none; }
.nav03 ul li.nav-lang .dropdown-list dd:nth-child(1) { border-radius:.382rem .382rem 0 0; }
.nav03 ul li.nav-lang .dropdown-list dd:nth-child(2) { padding-bottom:7px; border-radius:0 0 .382rem .382rem; }
.nav03 ul li.nav-lang .dropdown-list li { width:100%; height:inherit; margin:0; padding:5px 0; border-radius:0; font-size:14px; text-align:center; cursor:pointer; box-sizing:border-box; }
.nav03 ul li.nav-lang .dropdown-list li:hover { background:var(--defaultHover); color:var(--colorSet); text-decoration:none; }
.nav03 ul li.nav-lang .dropdown-list li:nth-child(1) { border-radius:.382rem .382rem 0 0; }
.nav03 ul li.nav-lang .dropdown-list li:nth-child(2) { padding-bottom:7px; border-radius:0 0 .382rem .382rem; }*/

.nav-index { /*top:50px;*/ top:initial; margin:10px auto 0 auto; }
.nav-index li { display:inline-block; min-width:45px; height:28px; padding:0; color:var(--defaultText); font-weight:normal; font-size:13px; text-align:left; line-height:1.8em; vertical-align:middle; }
.nav-index button { min-width:50px; height:32px; padding:6px 15px; border:0; border-radius:.382rem; color:#fff; text-align:center; }
.nav-index .nav-lang .dropdown-list { left:inherit; right:2px; }

.lnb { position:absolute; top:150px; left:5%; width:256px; }
.lnb ul { margin:0; padding:0; }
.lnb ul li { display:block; padding:15px 0; border-top:1px solid #b7b7b7; font-size:0.9em; color:#404040; line-height:1.2em; vertical-align:middle; cursor:pointer; }
.lnb ul li:first-of-type { border-top:0; }
.lnb ul li.on { background:#fff; color:var(--colorSet1); font-weight:bold; }
.lnb ul li.on a { font-weight:bold; }
.lnb ul li:hover { color:#c8b34a; font-weight:bold; }
.lnb ul li a { padding-left:3px; vertical-align:middle; }

.link-menu { font-size:14px; color:#797676; }
.link-menu:hover { text-decoration:underline; }
.link-menu.on { color:var(--colorSet2); font-weight:400; text-decoration:underline; }

/*.fa, .fas { font-family:'Font Awesome 5 Free' !important; }*/
.ico-menu-box { position:relative; }
.ico-menu { position:absolute; top:-70px; right:1%; z-index:1003; padding:20px; color:#797676; font-size:2em; cursor:pointer; }
.ico-menu-list { position:absolute; right:1px; z-index:1004; min-width:180px; height:230px; padding:10px; background:#fff; border:1px solid #c5c5c5; line-height:34px; box-shadow:rgba(97, 97, 97, 0.3) -3px 3px 5px -2px; }
.ico-menu-list ul li { height:30px; line-height:30px; }
.ico-menu-list ul li .link-menu { display:inline-block; width:100%; min-height:30px; padding:0; border:0; text-align:left; box-shadow:none; }
.ico-menu-list ul li .link-menu.on { color:var(--colorSet1); text-decoration:none; }
.ico-menu-list ul li .link-menu:hover { text-decoration:underline; }
.ico-menu-list.menu-mobile ul li .link-menu:hover { text-decoration:none; }
.ico-menu-list::after { transition-property:unset; }
.ico-menu-list ul li.depth-level-1 { color:#797676; font-size:14px; text-align:left; }
.ico-menu-list ul li.depth-level-2 { padding-left:5px; }
.ico-menu-list ul li.depth-level-2:nth-child(3) { margin-bottom:6px; padding-bottom:6px; border-bottom:2px dotted #ddd; }

.ico-right-arrow { padding:0 0 0 2px; vertical-align:-1px; }
.ico-account-box { position:relative; margin-right:10px; cursor:pointer; }
.ico-account-box .ico-account-arrow { padding:0 0 0 2px; vertical-align:-1px; }
.ico-account-arrow { padding:0 0 0 6px; color:#797676; font-size:1em; cursor:pointer; }
.ico-account-list { position:absolute; top:25px; right:1px; z-index:1004; min-width:130px; padding:3px 10px 8px 10px; background:#fff; border:1px solid #c5c5c5; box-shadow:rgba(97, 97, 97, 0.3) -3px 3px 5px -2px; }
.ico-account-list-sp { min-width:190px; }
.ico-account-list ul li { display:block; height:24px; line-height:24px; }
.ico-account-list ul li a { font-size:13px; }
.ico-account-list ul li:hover a { color:var(--colorSet1); text-decoration:underline; }

.left-menu { display:inline-block; position:relative; min-width:200px; width:275px; min-height:fit-content; height:100%; padding:0 5px; border-right:1px solid #e7e7e7; font-size:1.2rem; text-align:right; vertical-align:top; box-sizing:border-box; }
/*.left-menu ~ div { display:inline-block; }*/
.left-menu .menu-container ul.left-menu-1 { padding:5px 0; border-radius:0.65rem; background:#fff; }
.left-menu .menu-container ul.left-menu-1 li { width:100%; margin:4px 0; padding:0; border-radius:.5rem; color:var(--defaultText); font-weight:400; word-break:break-word; box-sizing:border-box; cursor:pointer; }
.left-menu .menu-container ul.left-menu-1 li:not(.disabled):hover { background:var(--defaultHover); color:var(--colorSet1); }
.left-menu .menu-container ul.left-menu-1 li.on { background:var(--colorSet1); color:#fff; font-weight:400; box-shadow: rgba(149, 149, 149,.5) 1px 1px 2px; }
.left-menu .menu-container ul.left-menu-1 li.disabled { color:var(--defaultText); opacity:0.5; cursor:default; }
.left-menu .menu-container ul.left-menu-1 li.on.disabled { color:#fff!important; opacity:0.5; cursor:default; }

.left-menu .menu-container ul.left-menu-1 li:not(.disabled):hover a { background:var(--defaultHover); color:var(--colorSet1); }
.left-menu .menu-container ul.left-menu-1 li.on a { background:var(--colorSet1); color:#fff; font-weight:400; box-shadow: rgba(149, 149, 149,.5) 1px 1px 2px; }
.left-menu .menu-container ul.left-menu-1 li.disabled a { color:var(--defaultText); opacity:0.5; cursor:default; }
.left-menu .menu-container ul.left-menu-1 li.on.disabled a { color:#fff!important; opacity:0.5; cursor:default; }

.left-menu .menu-container ul.left-menu-1 li i.fa-check { display:none; font-size:.7em; opacity:0.5; }
.left-menu .menu-container ul.left-menu-1 li i.fas { display:none; }
.left-menu .menu-container ul.left-menu-2 { padding:9px 0; border-top:1px solid #e7e7e7; background:#fff; }
.left-menu .menu-container ul.left-menu-2 li { width:100%; margin:0; padding:0; border-radius:.5rem; color:var(--colorSet1); font-weight:400; box-sizing:border-box; cursor:pointer; }
.left-menu .menu-container ul.left-menu-2 li:not(.disabled):hover { background:var(--defaultHover); color:var(--colorSet1); }
.left-menu .menu-container ul.left-menu-2 li.login-btn { color:var(--colorSet1); }
.left-menu .menu-container ul.left-menu-2 li.login-btn:hover { background:var(--defaultHover); color:var(--colorSet1); }

.left-menu .menu-container ul.left-menu-3 { padding-top:5px; border-top:1px solid #e7e7e7; }
.left-menu .menu-container ul.left-menu-3 li:first-of-type { width:100%; margin:0; padding:.52rem 1.2rem 0.72rem 5px; border-radius:.5rem; color:var(--colorSet1); font-size:1em; font-weight:400; box-sizing:border-box; cursor:default; }
.left-menu .menu-container ul.left-menu-3 li:not(:first-of-type) { width:100%; margin:0; padding:0 1.2rem 0.26rem 0; color:var(--defaultText); font-size:14px; font-weight:400; box-sizing:border-box; white-space:normal; word-break:break-all; }
.left-menu .menu-container ul.left-menu-3 li:nth-child(2) { margin-bottom:3%; }
.left-menu .menu-container ul.left-menu-3 li:last-of-type { margin-top:1%; }
.left-menu .menu-container ul.left-menu-3 li i { margin-right:5px; color:var(--defaultSoftText); vertical-align:-1px; /*opacity:.6;*/ }

/*ADA -- dispose unnecessarily used UL and change it to div 2025 feedback*/
.left-menu .menu-container div.left-menu-3 { padding-top:5px; border-top:1px solid #e7e7e7; }
.left-menu .menu-container div.left-menu-3 > div:first-of-type { width:100%; margin:0; padding:.52rem 1.2rem 0.72rem 5px; border-radius:.5rem; color:var(--colorSet1); font-size:1em; font-weight:400; box-sizing:border-box; cursor:default; }
.left-menu .menu-container div.left-menu-3 > div:not(:first-of-type) { width:100%; margin:0; padding:0 1.2rem 0.26rem 0; color:var(--defaultText); font-size:14px; font-weight:400; box-sizing:border-box; white-space:normal; word-break:break-all; }
.left-menu .menu-container div.left-menu-3 > div:nth-child(2) { margin-bottom:3%; }
.left-menu .menu-container div.left-menu-3 > div:last-of-type { margin-top:1%; }
.left-menu .menu-container div.left-menu-3 > div i { margin-right:5px; color:var(--defaultSoftText); vertical-align:-1px; /*opacity:.6;*/ }

.left-menu .menu-container ul li a,
.left-menu .menu-container ul li button { width:100%; padding:.52rem 1.2rem 0.72rem 5px; border:none; border-radius:.5rem; background:none; color:inherit; font-size:inherit; text-align:right; box-sizing:border-box; }


/*slide left menu*/
.left-slide-menu { position:relative; font-size:1.2rem; text-align:left; }
.drawer.drawer-end { left:-1px; transform:translateX(-100%); }
.drawer.drawer-on { transform:none; box-shadow:-1px 2px 8px 3px rgba(0,0,0,0.05); transition:transform .3s ease-in-out; }
.sidebar { display:flex; flex-direction:column; }
.drawer { display:flex; overflow:auto; z-index:2002; position:fixed; top:0; bottom:0; background-color:#fff; transition:transform .3s ease-in-out; }
.drawer-overlay { position:fixed; top:0; left:0; bottom:0; right:0; z-index:109; overflow:hidden; z-index:109; background-color:rgba(83,85,86,0.4); animation:animation-drawer-fade-in .3s ease-in-out 1; }
.left-slide-menu .menu-list-slide { top:0; width:80%; height:auto; max-width:310px; min-height:100%; border-radius:0; }
.left-slide-menu .menu-list-slide.drawer { overflow:scroll; height:100%; }
.left-slide-menu .menu-list-slide .left-menu-title .btn-close { position:absolute; top:8px; left:initial; right:10px; cursor:pointer; }
.left-slide-menu .menu-list-slide .left-menu-title button { border:none; border-radius:.5rem; background:none; color:inherit; font-size:inherit; box-sizing:border-box; }
.left-slide-menu .menu-list-slide .left-menu-title i { color:var(--defaultText); font-size:18px; }
.left-slide-menu .menu-list-slide .left-menu-title i:not(.disabled):hover { opacity:.8; }

/*left menu drawer scroll in FF*/
/*@-moz-document url-prefix() {
    .left-slide-menu .menu-list-slide.drawer { overflow:hidden; }
}*/



.left-slide-menu .menu-container { margin-top:20px; }
.left-slide-menu .menu-container ul.left-menu-1 { padding:5px 0; border-radius:0.65rem; background:#fff; }
.left-slide-menu .menu-container ul.left-menu-1 li { width:100%; margin:3px 0; padding:0; border-radius:0; color:var(--defaultText); font-weight:400; /*letter-spacing:0.015em;*/ word-break:break-word; box-sizing:border-box; cursor:pointer; }
.left-slide-menu .menu-container ul.left-menu-1 li:not(.disabled):hover { background:var(--defaultHover); color:var(--colorSet1); }
.left-slide-menu .menu-container ul.left-menu-1 li.on { background:var(--colorSet1); color:#fff; font-weight:400; box-shadow: rgba(149, 149, 149,.5) 1px 1px 2px; }
.left-slide-menu .menu-container ul.left-menu-1 li.disabled { color:var(--defaultText); opacity:0.5; cursor:default; }
.left-slide-menu .menu-container ul.left-menu-1 li.on.disabled { color:#fff!important; opacity:0.5; cursor:default; }
.left-slide-menu .menu-container ul.left-menu-1 li i.fa-check { display:none; font-size:.7em; opacity:0.5; }
.left-slide-menu .menu-container ul.left-menu-1 li i.fas { display:none; }
.left-slide-menu .menu-container ul.left-menu-2 { padding:9px 0; border-top:1px solid #e7e7e7; background:#fff; }
.left-slide-menu .menu-container ul.left-menu-2 li { width:100%; margin:0; padding:0; color:var(--colorSet1); font-weight:400; box-sizing:border-box; cursor:pointer; }
.left-slide-menu .menu-container ul.left-menu-2 li:not(.disabled):hover { background:var(--defaultHover); color:var(--colorSet1); }
.left-slide-menu .menu-container ul.left-menu-2 li.login-btn { color:var(--colorSet1); }
.left-slide-menu .menu-container ul.left-menu-2 li.login-btn:not(.disabled):hover { background:var(--defaultHover); color:var(--colorSet1); }

.left-slide-menu .menu-container ul.left-menu-3 { padding-top:5px; border-top:1px solid #e7e7e7; }
.left-slide-menu .menu-container ul.left-menu-3 li:first-of-type { width:100%; margin:0; padding:.52rem 5px 0.72rem 1.2rem; border-radius:.5rem; color:var(--colorSet1); font-size:1em; font-weight:400; box-sizing:border-box; cursor:default; }
.left-slide-menu .menu-container ul.left-menu-3 li:not(:first-of-type) { width:100%; margin:0; padding:0 5px 0.26rem 1.2rem; color:var(--defaultText); font-size:14px; font-weight:400; box-sizing:border-box; white-space:normal; word-break:break-all; }
.left-slide-menu .menu-container ul.left-menu-3 li:nth-child(2) { margin-bottom:1rem; }
.left-slide-menu .menu-container ul.left-menu-3 li:last-of-type { margin-top:1rem; }
.left-slide-menu .menu-container ul.left-menu-3 li i { margin-right:5px; color:var(--defaultText); vertical-align:-1px; opacity:.6; }

/*ADA -- dispose unnecessarily used UL and change it to div 2025 feedback*/
.left-slide-menu .menu-container div.left-menu-3 { padding-top:5px; border-top:1px solid #e7e7e7; }
.left-slide-menu .menu-container div.left-menu-3 > div:first-of-type { width:100%; margin:0; padding:.52rem 5px 0.72rem 1.2rem; border-radius:.5rem; color:var(--colorSet1); font-size:1em; font-weight:400; box-sizing:border-box; cursor:default; }
.left-slide-menu .menu-container div.left-menu-3 > div:not(:first-of-type) { width:100%; margin:0; padding:0 5px 0.26rem 1.2rem; color:var(--defaultText); font-size:14px; font-weight:400; box-sizing:border-box; white-space:normal; word-break:break-all; }
.left-slide-menu .menu-container div.left-menu-3 > div:nth-child(2) { margin-bottom:1rem; }
.left-slide-menu .menu-container div.left-menu-3 > div:last-of-type { margin-top:1rem; }
.left-slide-menu .menu-container div.left-menu-3 > div i { margin-right:5px; color:var(--defaultText); vertical-align:-1px; opacity:.6; }



.left-slide-menu .menu-container ul li a,
.left-slide-menu .menu-container ul li button { width:100%; padding:.52rem 5px 0.72rem 1.2rem; border:none; border-radius:0; background:none; color:inherit; font-size:inherit; text-align:left; box-sizing:border-box; }



/*contact us*/
.left-slide-menu .contact-container { left:30%; bottom:14%; height:246px; }
.left-menu .contact-container { bottom:0; }
.contact-container { position:absolute; left:305px; z-index:2002; border-radius:.65rem; background:#fff; font-size:14px; text-align:left; }
.contact-container .popup_wrap { padding:2rem; text-align:left; box-shadow:rgba(0, 0, 0, .26) -1px 2px 8px 1px; }
.contact-container .officer-info dd { width:100%; padding-bottom:3px; text-align:left; }
.contact-container .officer-info dd i { margin-right:10px; color:var(--defaultText); vertical-align:-2px; opacity:.6; }
.contact-container .officer-info dd:nth-child(1) span { display:block; margin-bottom:3px; }
.contact-container .officer-info dd:nth-child(1) { margin-bottom:13px; padding-bottom:15px; border-bottom:1px solid #e0e0e0; }
.contact-container .officer-info dd a { display:inline-block; overflow:visible; width:89%; white-space:normal; word-break:break-all; }
.contact-container .officer-info .officer-pic div:nth-child(1) { display:inline-block; width:80px; margin-right:8px; vertical-align:middle; }
.contact-container .officer-info .officer-pic div:nth-child(2) { display:inline-block; max-width:75%; vertical-align:middle; }
.contact-container .officer-info .officer-pic div:nth-child(2) span:nth-child(1) { font-weight:600; line-height:1.6rem; }
.contact-container .officer-info .officer-pic img { width:100%; border-radius:50% }

/*company main nav-mobile*/
.landing-menu-container { padding-top: 30px; background: #fff; text-align: left; }
.landing-menu-container dl { padding-top: 10px; }
.landing-menu-container dl dd { width: 100%; height: 50px; margin: 0; padding: 13px 20px 15px 20px; border-bottom: 1px solid #e7e7e7; color: var(--colorSet1); font-weight: 400; box-sizing: border-box; cursor: pointer; }
.landing-menu-container dl dd:not(.disabled):hover { background: var(--defaultHover); color: #0477a2; }
.landing-menu-container dl dd:last-of-type { position: relative; }
.landing-menu-container dl dd:last-of-type { border-bottom: none; }
.landing-menu-container dl dd.bg-enabled { background: var(--defaultHover); }
.landing-menu-container dl dd i { margin-left: 5px; font-size: 0.8em; vertical-align: 0; }
.landing-menu-container dl dd .dropdown-list { position: absolute; top: 50px; right: 0; width: 100%; background: #fff; }
.landing-menu-container dl dd .dropdown-list dl { padding: 0; }
.landing-menu-container dl dd .dropdown-list dl dd { border-bottom: none; opacity: 1; }
/*.landing-menu-container dl dd .dropdown-list dl dd:hover { opacity:0.8; }*/
.left-slide-menu .menu-list-slide { width: 100%; max-width: 100%; height: fit-content; min-height: 142px; box-sizing: border-box; }
.drawer { display: flex; overflow: auto; z-index: 2002; position: fixed; top: 0; bottom: 0; background-color: #fff; transition: transform .3s ease-in-out; }
.drawer.drawer-end { left: 0; transform: translateY(-100%); }
.drawer.drawer-on { transform: none; transition: transform .3s ease-in-out; }
.left-slide-menu .menu-list-slide .left-menu-title span { left: inherit; right: 0; padding: 8px 1rem 0 2rem; }
.left-slide-menu .menu-list-slide.drawer { height: initial; background: transparent; }

/* --------------------------------
    4. LANDING
-------------------------------- */
/*.landing-wrap { width:100%!important; max-width:550px; margin:0 auto 30px auto; text-align:center; }
.landing-wrap .section01 { display:inline-block; overflow:hidden; position:relative; width:100%; vertical-align:top; }
.landing-wrap .section02 { display:inline-block; width:100%; max-width:550px; margin:0 auto; padding:0; font-size:1em; box-sizing:border-box; }

.landing-wrap .section01 .picture-wrap { overflow:hidden; width:170px; height:170px; margin:10px auto 0 auto; text-align:center; line-height:235px; vertical-align:top; box-sizing:border-box; }
.landing-wrap .section01 .picture-wrap img { max-width:170px; max-height:170px; width:100%; height:100%; margin:0 auto; border:6px solid #fff; border-radius:100px; vertical-align:top; box-sizing:border-box; }
.landing-wrap .section01 .landing-info { margin:20px 0 0 0; }
.landing-wrap .section01 .landing-info h4 { font-size:14px; font-weight:bold; text-align:left; }
.landing-wrap .section01 .landing-info span.nmls_info { display:inline-block; width:100%; font-size:14px; }
.landing-wrap .section01 .landing-info .txt_info { height:130px; margin-top:10px; font-size:12px; line-height:16px; }
.picture-bg { position:absolute; top:-270px; left:50%; z-index:-1; width:600px; height:400px; margin-left:-300px; border-radius:100%; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(104, 163, 207, 1)), to(rgba(255, 255, 255, 1)));}

.landing-wrap .section02 .lo-info dl { margin:0; padding:0; }
.landing-wrap .section02 .lo-info dl dt { color:var(--defaultText); }
.landing-wrap .section02 .lo-info dl dd.title { padding:20px 0 15px 0; font-size:24px; font-weight:normal; }
.landing-wrap .section02 .lo-info dl dd.title span { display:block; padding:5px 0; color:#9b9b9b; font-size:13px; font-weight:normal; letter-spacing:-0.01em; }
.landing-wrap .section02 .lo-info dl dd button { width:40%; min-width:100px; margin:0 auto; padding:10px 4px; border:none; font-size:16px; }

.landing-wrap .section02 .lo-info dl.lo-info-officer { display:inline-block; width:100%; margin:30px auto 50px auto; padding:25px 0 0 0; border-top:1px solid #ddd; text-align:center; }
.landing-wrap .section02 .lo-info dl.lo-info-officer dd { display:inline-block; vertical-align:top; }
.landing-wrap .section02 .lo-info dl.lo-info-officer dd span { display:block; font-size:12px; }
.landing-wrap .section02 .lo-info dl.lo-info-officer dd:nth-child(1) { width:28%; }
.landing-wrap .section02 .lo-info dl.lo-info-officer dd:nth-child(2) { width:20%; }
.landing-wrap .section02 .lo-info dl.lo-info-officer dd:nth-child(3) { width:50%; }
.landing-wrap .section02 .lo-info dl.lo-info-officer dd:nth-child(3) a { overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; }

.landing-wrap .section02 .lo-info dl.lo-info-company { display:inline-block; width:100%; margin:0 auto 15px auto; text-align:center; }
.landing-wrap .section02 .lo-info dl.lo-info-company dt { max-width:88%; margin:0 auto 10px auto; font-size:0.9em; text-align:left; opacity:0.8; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd { max-width:88%; margin:0 auto 14px auto; font-size:0.9em; text-align:left; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd:nth-child(3) { margin-bottom:3px; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd span { display:block; margin-bottom:4px; color:#9b9b9b; font-size:12px; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd span.dsp_inb { min-width:50px; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd a { display:inline; color:inherit; text-decoration:underline; cursor:pointer; word-break:break-word; white-space:normal; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap { min-height:100px; margin-top:0; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap .lo_intro { overflow:hidden; overflow-y:auto; max-height:250px; padding-right:5px; line-height:1.5em; word-break:break-word; font-size:inherit; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap .lo_intro p { font-family:inherit!important; font-size:inherit; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap .lo_intro span { display:initial; font-family:inherit!important; font-size:inherit; color:inherit; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap .lo_intro bold { font-family:inherit!important; font-size:inherit; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap .lo_intro strong { font-family:inherit!important; font-size:inherit; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap .lo_intro em { font-family:inherit!important; font-size:inherit; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap ul.linked_icons { margin-top:0; padding:0; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap ul.linked_icons li { display:inline-block; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.lo_intro_wrap ul.linked_icons li img { width:22px; margin-top:15px; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.equalhousing-logo { float:right; margin:3px 30px 0 0; border-bottom:none; }
.landing-wrap .section02 .lo-info dl.lo-info-company dd.equalhousing-logo img.equalhousing { width:100px; height:inherit; margin-top:0; }
.equalhousing-logo { float:right; margin:3px 0 0 0; border-bottom:none; }
.equalhousing-logo img.equalhousing { width:45px; height:inherit; margin-top:0; }

.lang_wrap { position:absolute; bottom:15px; left:0; width:270px; margin:0 auto; text-align:center; line-height:28px; vertical-align:middle; }
.lang_wrap img.icon_lang { margin-top:8px; vertical-align:top; }
.btn-landing .txt_sub02:focus { outline:4px solid var(--newOutline); }*/
.btn-landing { max-width:600px; margin:0 auto; text-align:center; }
.lang_wrap select { color:#666; font-size:1.0em; }


/* --------------------------------
    5. INDEX
-------------------------------- */
.index_wrap { width:690px !important; margin:0 auto; }
.index_wrap .title-level-1 { display:flex; width:630px; margin:10px auto; color:#c8b34a; font-size:30px; font-weight:bold; text-align:center; }
.index_wrap .login_wrap { margin-top:50px; font-size:14px; color:var(--defaultText); line-height:1.5em; }
.index_wrap .login_wrap ul { width:305px; margin:0 auto; }
.index_wrap .login_wrap ul li { display:inline-block; width:200px; padding:7px 0; }
.index_wrap .login_wrap ul li.tit { width:100px; text-align:left; }
.index_wrap .login_wrap ul li input[type="text"], .index_wrap .login_wrap ul li input[type="password"] { width:180px; padding:5px; border:1px solid #a5a5a5; }
.index_wrap .login_wrap ul li label { cursor:pointer; }
.index_wrap .btn-group { width:300px; min-width:inherit; margin-top:7px !important; text-align:left; }
.index_wrap .btn-group ul { margin-left:103px; }
.index_wrap .btn-group ul li { display:block; }
.index_wrap .btn-group ul li button { font-size:14px; }
.index_wrap .btn-group ul li a { margin-top:7px; color:var(--colorSet1); font-size:12.8px; }
.index_wrap .btn-group ul li a:hover { color:#53575b; }

.notice_wrap + .login_wrap { margin-top:20px; }
.notice_wrap.hide + .login_wrap { margin-top:50px; }

.index_footer { width:700px; margin:10px auto; padding-top:20px; border-top:1px solid #b7b7b7; text-align:left; vertical-align:top; }
.index_footer div { display:inline-block; width:49%; }
.index_footer img { display:inline-block; }
.index_footer a.creat_account { display:inline-block; height:50px; margin-top:-7px; color:var(--colorSet1); font-size:14px; vertical-align:middle; }
.index_footer a.creat_account:hover { color:#53575b; }

a.txt_signin { margin:0 auto; color:var(--colorSet1); font-size:12px; text-align:center; }
a.txt_signin:hover { color:#0579a9; text-decoration:underline; }


/* --------------------------------
    6-1. LOGIN
-------------------------------- */
.login_wrap { margin:0 auto; padding:50px 0 0 0; text-align:center; }
.login_wrap h2 { display:inline-block; width:100%; margin:10px auto 0 auto; color:var(--colorSet1); font-size:30px; font-weight:bold; text-align:center; }
/*.login_wrap .notice_wrap { width:340px; margin:10px auto 0 auto; padding-left:10px; }
.login_wrap .notice_wrap .notice-required, .login_wrap .notice_wrap .notice-required span { font-size:12px!important; }
.login_wrap .loginbox { width:350px; margin:0 auto; padding:20px 10px 20px 10px; background:#fff; text-align:left; box-sizing:border-box; }
.login_wrap .loginbox ul { width:100%; margin:0; padding:0; }
.login_wrap .loginbox ul li { display:inline-block; width:100%; padding:3px 0; }
.login_wrap .loginbox ul li.title { color:#666; }
.login_wrap .loginbox ul li input[type="text"], .login_wrap .loginbox ul li input[type="password"], .login_wrap .loginbox ul li input[type="tel"] { height:48px; padding:2px 8px; border:1px solid #ababab; background:#fefefe; box-sizing:border-box; }
.login_wrap .loginbox ul li input[type="checkbox"] { border:1px solid #c8d7e1; }
.login_wrap .loginbox ul li input[type="text"]:focus, .login_wrap .loginbox ul li input[type="password"]:focus { border:1px solid var(--colorSet1); background:#e5f1fe; }
.login_wrap .loginbox ul li input[type="text"]:hover, .login_wrap .loginbox ul li input[type="password"]:hover { border:1px solid var(--colorSet1); background:#e5f1fe; }*/
.login_wrap .loginbox ul li input.required { border-bottom:1px solid var(--defaultRed); }
.login_wrap .loginbox ul li label.txt_service { display:inline-block; padding:0; font-size:12px; color:var(--colorSet1); text-align:left; line-height:16px; cursor:pointer; }
.login_wrap .loginbox ul li label.txt_service:hover { text-decoration:underline; }
.login_wrap .loginbox ul li label.txt_rememberme { display:inline-block; font-size:12px; text-align:left; line-height:16px; cursor:pointer; }
.login_wrap .loginbox ul li label.txt_rememberme:hover { text-decoration:underline; }
.login_wrap .loginbox ul li.wth_130 { width:130px; }
.login_wrap .loginbox ul li.wth_160 { width:160px; }
/*.login_wrap .loginbox ul li input[type="text"]:read-only { border:1px solid #dcdcdc; background:#efefef; color:#c3c3c3; }
.login_wrap .loginbox ul li input[type="text"]:read-only:focus { outline:none; border:1px solid #dcdcdc; background:#efefef; }*/

a.txt_forgotpsw { margin:0 auto; color:var(--colorSet1); font-size:12px; text-align:right; text-decoration:none; }
a.txt_forgotpsw:hover { color:#0579a9; text-decoration:underline; }
a.txt_create_acc { display:inline-block; margin:0 auto; color:var(--colorSet1); font-size:12px; text-align:center; text-decoration:underline; }
a.txt_create_acc:hover { color:#0579a9; text-decoration:underline; }


/* --------------------------------
    6-2. LANDING-LOGIN
-------------------------------- */
.submit-mobile { top:10%; }
.landing-mobile { position:relative; }
.landing-web { position:relative; }
.popup-bg { overflow:hidden; position:absolute; top:0; left:0; z-index:2003; width:100%; height:100%; background:rgba(0,0,0,.5); }
.landing-mobile .popup_wrap { position:absolute; z-index:2004; width:86%; max-width:500px; margin:0 auto; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }
.landing-web .popup_wrap { position:absolute; z-index:2004; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }
.landing-mobile .popup_wrap .btn-group { height:inherit; }

.landing-form { }
.landing-form { width:900px !important; margin:0 auto; text-align:left; }
.landing-form .section01 { display:inline-block; position:relative; float:left; width:270px; height:270px; }
.landing-form .section02 { display:inline-block; width:600px; min-height:270px; margin:0 0 0 20px; padding:0 5px 0 0; box-sizing:border-box; }
.landing-form .section01-group { width:270px; min-height:inherit; margin:0 10px 0 0; padding:15px 0; background:#e3e3e3; box-sizing:border-box; }
.landing-form .section01 .picture-wrap { overflow:hidden; width:240px; height:240px; margin:0 auto; border:1px solid #b7b7b7; background:#fff; text-align:center; line-height:235px; vertical-align:middle; box-sizing:border-box; }
.landing-form .section01 .picture-wrap img { max-width:230px; max-height:230px; width:230px; height:230px; margin:0 auto; vertical-align:middle; }
.landing-form .section01 .landing-info { margin:20px 0 0 0; }
.landing-form .section01 .landing-info h4 { font-size:14px; font-weight:bold; text-align:left; }
.landing-form .section01 .landing-info span.nmls_info { display:inline-block; width:100%; font-size:14px; }
.landing-form .section01 .landing-info .txt_info { height:130px; margin-top:10px; font-size:12px; line-height:16px; }

.landing-form .section02 .lo_info dl { margin:0; padding:0; }
.landing-form .section02 .lo_info dl dt { color:var(--defaultText); }
.landing-form .section02 .lo_info dl dd.title { padding:20px 0 15px 0; font-size:18px; font-weight:normal; }
.landing-form .section02 .lo_info dl dd.title span { display:block; padding:5px 0; font-size:15px; font-weight:normal; }
.landing-form .section02 .lo_info dl dt span { display:inline-block; }
.landing-form .section02 .lo_info dl dt span.dsp_inb { min-width:50px; }
.landing-form .section02 .lo_info dl dt a { display:inline; color:var(--colorSet1); text-decoration:underline; cursor:pointer; }
.landing-form .section02 .lo_info dl dd { margin:0 0 0 0; padding:5px 0 15px 0; border-bottom:1px solid #b7b7b7; color:var(--defaultText); }
.landing-form .section02 .lo_info dl dd.lo_intro_wrap { min-height:201px; }
.landing-form .section02 .lo_info dl dd.lo_intro_wrap .lo_intro { overflow:hidden; overflow-y:auto; height:200px; word-break:break-word; }
.landing-form .section02 .lo_info dl dd.lo_intro_wrap .lo_intro span { font-family:inherit !important; }
.landing-form .section02 .lo_info dl dd.lo_intro_wrap ul.linked_icons { margin-top:0; padding:0; }
.landing-form .section02 .lo_info dl dd.lo_intro_wrap ul.linked_icons li { display:inline-block; }
.landing-form .section02 .lo_info dl dd.lo_intro_wrap ul.linked_icons li img { width:22px; margin-top:15px; }
.landing-form .lang_wrap, .landing-form .equalhousing-logo { display:none; }

.login-form { margin:0; padding:40px 0 30px 0; text-align:left; /*font-family:var(--defaultFont);*/ box-sizing:border-box; }
.login-form h2 { display:inline-block; max-width:500px; margin:10px auto 0 auto; font-size:calc(1.8rem + .1vw); font-weight:400; text-align:center; }
.login-form h2:focus { outline:var(--outlineThickness) solid var(--newOutline); }
.login-form .notice-required { /*display:block; width:310px;*/ margin:5px auto 10px auto; /*padding-left:10px;*/ font-size:13px; }
.login-form .notice-required span { font-size:12px !important; }
.login-form .notice-required:focus { outline:var(--outlineThickness) solid var(--newOutline); }
.login-form .loginbox { display:inline-block; width:100%; margin:0 auto; padding:0; background:#fff; text-align:center; box-sizing:border-box; }
.login-form .loginbox ul { width:100%; margin:0; padding:0; }
.login-form .loginbox ul li { display:inline-block; width:100%; padding:3px 0; }
.login-form .loginbox ul li.title { padding-top:10px; color:#666; text-align:left; font-size:14px; }
.login-form .loginbox ul li.title:first-of-type { padding-top:3px; }
.login-form .loginbox ul li.wth_140 { width:140px; }
.login-form .loginbox ul li.wth_150 { width:150px; }
.login-form .loginbox .btn-group { margin-top:20px; }
.login-form .loginbox .btn-group ul li { width:45%; }
.login-form .loginbox .btn-group ul li .btn_comm { min-width:120px; }
.login-form .rememberme-box { display:inline-block; width:99%; text-align:left; vertical-align:middle; }
.login-form input[type="text"], .login-form input[type="password"], .login-form input[type="tel"] { height:40px; padding:2px 2px; border-bottom:1px solid #ababab; background:#fefefe; font-size:14px; box-sizing:border-box; }
.login-form input[type="text"]:read-only, .login-form input[type="password"]:read-only, .login-form input[type="tel"]:read-only { border-bottom:1px solid #ababab; background:#efefef; color:#746b6b; }
.login-form input[type="text"]:disabled, .login-form input[type="password"]:disabled, .login-form input[type="tel"]:disabled { border-bottom:1px solid #dcdcdc; background:#efefef; color:#746b6b; }
.login-form input[type="checkbox"] { border:1px solid #c8d7e1; }
.login-form input[type="text"]:focus, .login-form input[type="password"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ }
.login-form input[type="text"]:not(.disabled):hover, .login-form input[type="password"]:not(.disabled):hover { border:0; border-bottom:1px solid var(--colorSet1); background:#fff; /*background:#e5f1fe;*/ }
.login-form input.required { border-bottom:1px solid var(--defaultRed); }
.login-form label.txt_service { display:inline-block; padding:0; font-size:12px; color:var(--colorSet1); text-align:left; line-height:16px; cursor:pointer; }
.login-form label.txt_service:hover { text-decoration:underline; }
.login-form label.txt_rememberme { display:inline-block; font-size:13px; text-align:left; line-height:16px; cursor:pointer; }
.login-form label.txt_rememberme:hover { text-decoration:underline; }
.login-form a.txt_forgotpsw { margin:0 auto; color:var(--colorSet1); font-size:13px; text-align:right; text-decoration:none; }
.login-form a.txt_forgotpsw:hover { color:#0579a9; text-decoration:underline; }
.login-form a.txt_create_acc { margin:0 auto; color:var(--colorSet1); font-size:12px; text-align:center; text-decoration:underline; }
.login-form a.txt_create_acc:hover { color:#0579a9; text-decoration:underline; }
.login-form a.txt_getstarted { margin:0 auto; color:var(--colorSet1); font-size:12px; text-align:center; text-decoration:underline; }
.login-form .btn_login { width:300px; padding:10px 24px; /*border:1px solid var(--colorSet1); background:var(--colorSet1);*/ color:#fff; text-align:center; outline:none; }
.login-form .btn_login:hover { /*border:1px solid #fe9800; background:#fe9800;*/ outline:none; }
.content-level-2 .login-form input[type="text"], .content-level-2 .login-form input[type="password"], .content-level-2 .login-form input[type="tel"] { margin:0; }

/* --------------------------------
    6-3. AUTHENTICATION
-------------------------------- */
.login-authentication { max-width:380px; line-height:1.3em; }
.login-authentication dd { width:100%; text-align:left; }
.login-authentication li { width:100%; text-align:left; }
.login-authentication .subtitle { margin:10px 0 0 0; padding:30px 0 10px 0; border-top:1px dotted #ddd; font-size:14px; font-weight:bold; text-align:left; }
.login-authentication .txt_code { margin-bottom:2px; font-size:14px; text-align:left; line-height:22px; }
.login-authentication .txt_code span { font-weight:bold; }
.login-authentication .count_num { color:var(--defaultRed); font-size:13px; }
.login-authentication input[type="text"] { width:250px; height:32px; margin:0 5px 0 0; padding-left:0; border:0; border-bottom:1px solid var(--colorSet1); border-radius:0; background:none; color:var(--colorSet1); }
.login-authentication input[type="text"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:none; outline:none; }
.login-authentication input[type="text"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:none; outline:var(--outlineThickness) solid var(--newOutline); }
.login-authentication .sub_option { font-size:12px !important; color:var(--defaultText); text-align:left; }
.login-authentication .sub_option_method { padding-top:15px; border-top:1px dotted #ddd; font-size:12px !important; color:var(--defaultText); text-align:left; }
.login-authentication .linked { display:inline-block; color:var(--colorSet1); font-size:12px; text-align:right; text-decoration:underline; }
.content-level-2 .login-authentication .subtitle { min-height:inherit; padding-top:25px; }
.content-level-2 .login-authentication span { display:inline-block; }
/*.content-level-2 .login-authentication .errorMsg { min-height:0; padding:0; line-height:inherit; }*/
.content-level-2 .login-authentication .notice-required { margin-bottom:0; padding:0; }
.login-authentication .notice-required { margin-bottom:0; padding:0; }

/* --------------------------------
    6-4. COMPANY MAIN LOGIN
-------------------------------- */
.companymain_login.login_wrap { width:500px; margin:0 auto; padding:50px 0 0 0; /*font-family:var(--defaultFont);*/ text-align:center; }
.companymain_login.login_wrap h2 { display:inline-block; width:500px; margin:10px auto 0 auto; font-size:calc(1.8rem + .1vw); font-weight:400; text-align:center; }
.companymain_login.login_wrap .notice_wrap { width:340px; margin:10px auto 0 auto; padding-left:10px; }
.companymain_login.login_wrap .notice_wrap .notice-required, .login_wrap .notice_wrap .notice-required span { font-size:12px !important; }
.companymain_login.login_wrap .loginbox { width:350px; margin:0 auto; padding:20px 10px 20px 10px; background:#fff; text-align:left; box-sizing:border-box; }
.companymain_login.login_wrap .loginbox ul { width:100%; margin:0; padding:0; }
.companymain_login.login_wrap .loginbox ul li { display:inline-block; width:100%; padding:3px 0; }
.companymain_login.login_wrap .loginbox ul li.title { color:#666; }
.companymain_login.login_wrap .loginbox ul li select { height:40px; border:none; border-bottom:1px solid #ababab; color:var(--colorSet1); font-size:14px; }
.companymain_login.login_wrap .loginbox ul li input[type="text"], .companymain_login.login_wrap .loginbox ul li input[type="password"], .companymain_login.login_wrap .loginbox ul li input[type="tel"] { height:40px; padding:2px 8px; border:none; border-bottom:1px solid #ababab; background:#fefefe; color:var(--colorSet1); font-size:14px; box-sizing:border-box; }
.companymain_login.login_wrap .loginbox ul li input[type="checkbox"] { border:1px solid #c8d7e1; }
.companymain_login.login_wrap .loginbox ul li input[type="text"]:focus, .companymain_login.login_wrap .loginbox ul li input[type="password"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:#e5f1fe; }
.companymain_login.login_wrap .loginbox ul li input[type="text"]:hover, .companymain_login.login_wrap .loginbox ul li input[type="password"]:hover { border:0; border-bottom:1px solid var(--colorSet1); background:#e5f1fe; }
.companymain_login.login_wrap .loginbox ul li input.required { border-bottom:1px solid var(--defaultRed); }
.companymain_login.login_wrap .loginbox ul li label.txt_service { display:inline-block; padding:0; font-size:12px; color:var(--colorSet1); text-align:left; line-height:16px; cursor:pointer; }
.companymain_login.login_wrap .loginbox ul li label.txt_service:hover { text-decoration:underline; }
.companymain_login.login_wrap .loginbox ul li label.txt_rememberme { display:inline-block; font-size:13px; text-align:left; line-height:16px; cursor:pointer; }
.companymain_login.login_wrap .loginbox ul li label.txt_rememberme:hover { text-decoration:underline; }
.companymain_login.login_wrap .loginbox ul li a.txt_forgotpsw { font-size:13px; }
.companymain_login.login_wrap .loginbox ul li.wth_130 { width:130px; }
.companymain_login.login_wrap .loginbox ul li.wth_160 { width:160px; }
.companymain_login.login_wrap .loginbox ul li input[type="text"]:read-only { border:1px solid #dcdcdc; background:#efefef; color:#c3c3c3; }
.companymain_login.login_wrap .loginbox ul li input[type="text"]:read-only:focus { outline:none; border:1px solid #dcdcdc; background:#efefef; }
.companymain_login .notice-required { margin:5px auto 10px auto; }

/* --------------------------------
    7. LOAN INTERVIEW
-------------------------------- */
.title-level-1 { margin:0 0 20px 0; color:var(--defaultText); font-size:calc(1.35rem + .1vw); font-weight:400; line-height:calc(1.5em + .1vw); }
.title-level-1 h1 { margin:0; display:inline-block; font-size:calc(1.35rem + .1vw); font-weight:400; line-height:calc(1.5em + .1vw); }
.title-level-1 h2 { margin:0; display:inline-block; font-size:calc(1.35rem + .1vw); font-weight:400; line-height:calc(1.5em + .1vw); }

.title-level-1 .text-required { padding-bottom: 0; font-size: calc(0.85rem + .1vw); font-weight: 400; }
.title-level-2 { margin: 0; color: var(--defaultText); font-size: calc(1rem + .1vw); font-weight: 400; line-height: calc(1.5rem + .1vw); }
.text-required { margin-left: 0; padding-bottom: 5px; font-size: calc(0.85rem + .1vw); font-weight: 400; }

.content-level-1 { margin:0 auto; }
.content-level-2 { }

.content-level-1 .title-level-1.title-coborrower { margin-bottom:5%; color:var(--defaultText); font-size:calc(1.35rem + .1vw); }
.content-level-1 { display:inline-block; max-width:960px; width:960px; min-height:50vmin; padding-top:15px; padding-bottom:8vh; }
.content-level-1 .content-level-2 { display:inline-block; width:100%; padding-bottom:50px; }
/*.content-level-1 .content-level-2 dt { display:inline-block; position:relative; width:100%; margin-bottom:1%; margin-right:2%; vertical-align:bottom; }*/
.content-level-1 .content-level-2 dd { display:inline-block; position:relative; width:100%; margin-bottom:1%; margin-right:2%; vertical-align:bottom; }
.content-level-1 .content-level-2 li { display:inline-block; position:relative; width:100%; margin-bottom:1%; margin-right:2%; vertical-align:bottom; }
.content-level-1 .content-level-2 div.col-3 { display:inline-block; position:relative; width:100%; margin-bottom:1%; margin-right:2%; vertical-align:bottom; }
.content-level-1 .content-level-2 div.col-4 { display:inline-block; position:relative; width:100%; margin-bottom:1%; margin-right:2%; vertical-align:bottom; }
.content-level-1 .content-level-2 title-level-1 { margin-bottom:20px; color:var(--defaultText); }
.content-level-1 .content-level-2 title-level-2 { margin-bottom:10px; }
.content-level-1 .content-level-2 label { display:inline-block; overflow:visible; margin-bottom:3px; font-size:calc(1rem + .1vw); line-height:calc(1.5rem + .1vw); box-sizing:border-box; word-break:break-word; white-space:normal; }
.content-level-1 .content-level-2 label.DateLabel { display: inline-block; margin-left:0; padding-left:5px; overflow: visible; margin-bottom: 0; font-size: 0.85em; line-height: calc(1.5rem + .1vw); box-sizing: border-box; word-break: break-word; white-space: normal; }
.content-level-1 .content-level-2 label.DateLabel:has( + *:disabled){ color: var(--defaultText); opacity:0.6; }
.content-level-1 .content-level-2 label.textOn { width:calc(100% - 2em); position:absolute; top:50%; left:0; transform:translateY(-50%); pointer-events:none; font-size: 1.1em; padding: 4px 3px 4px 1px; color:inherit; background-color:#fff; -webkit-padding-start: 5px; } 
.content-level-1 .content-level-2 label.label-level-3 { font-size: 0.8em; margin-bottom: 0; } 
.content-level-1 .content-level-2 .title-level-1 label { color: var(--defaultText); font-size: calc(1.35rem + .1vw); font-weight: 400; line-height: calc(1.5em + .1vw); }
.content-level-1 .content-level-2 input.required { border-bottom:1px solid var(--defaultRed); }
.content-level-1 .content-level-2 input[type='text'] { width:100%; font-size:1.05rem; }
.content-level-1 .content-level-2 input[type='password'] { width:100%; }
.content-level-1 .content-level-2 input[type='tel'] { width:100%; }
.content-level-1 .content-level-2 select { width:100%; padding-right:12px; font-size:1.1em; text-overflow:ellipsis; }
.content-level-1 .content-level-2 select.clean {}
.content-level-1 .content-level-2 select.required { border-bottom:1px solid var(--defaultRed); }
/*.content-level-1 .content-level-2 .wc_money { max-width:190px; }*/
.content-level-1 .content-level-2 .date-slash { width:10px; height:40px; margin-right:1.2%; transform:scale(1.2); text-align:center; font-weight:bold; line-height:40px; }
.content-level-1 .content-level-2 .date-slash:hover { color:var(--defaultText); cursor:default; }
.content-level-1 .content-level-2:last-of-type { padding-bottom:100px; }
.content-level-1 .content-level-2:only-of-type { padding-bottom:3vh; }
.content-level-1 .content-level-2.add-button-container { padding-bottom:1vh; text-align:right; }
.content-level-1 .birth-container .col-1 { min-width:82px; }
.content-level-1 .birth-container .col-1-5 { min-width:82px; }
.content-level-1 .birth-container .col-2 { min-width:123px; }
.content-level-1 .birth-container .date-slash { min-width:12px; /*opacity:0.6;*/ }
.content-level-1 .date-container .col-1 { min-width:82px; }
.content-level-1 .date-container .col-1-5 { min-width:82px; }
.content-level-1 .date-container .col-2 { min-width:123px; }
.content-level-1 .date-container .date-slash { min-width:12px; /*opacity:0.6;*/ }
.content-level-1 .date-container.disabled { cursor:default; }
/*.content-level-1.content-demographic .content-level-2 li label { font-size: 1.05rem; }*/
.content-level-1.content-demographic .title-level-1 { font-weight:400!important; }


/*disabled date form in FF*/
@-moz-document url-prefix() {
    .content-level-1 .birth-container select:disabled { background: #fff url(/Images/icon_arrow.png) no-repeat top 5px right !important; opacity: 0.6 !important; }
    /*.content-level-1 .birth-container select:disabled:hover { background: #fff url(/Images/icon_arrow.png) no-repeat top 5px right !important; opacity: 0.6 !important; }*/
    .content-level-1 .date-container select:disabled { background: #fff url(/Images/icon_arrow.png) no-repeat top 5px right !important; opacity: 0.6 !important; }
    /*.content-level-1 .date-container select:disabled:hover { background: #fff url(/Images/icon_arrow.png) no-repeat top 5px right !important; opacity: 0.6 !important; }*/
    /*.content-level-1 .content-level-2 .date-slash:hover { opacity: 0.6 !important; }*/
}

/*.content-level-1 .content-level-2 .notice-required { margin-bottom:0; }*/
/*.content-level-1 .content-level-2 .contact-phone { position:relative; }*/
/*.content-level-1 .content-level-2 .contact-phone select { position:absolute; bottom:2px; left:0px; width:140px; height:38px; border-bottom:none; }*/
/*.content-level-1 .content-level-2 .contact-phone input[type='tel'] { padding-left:150px; }*/
.content-level-1 .content-level-2 .valign_t { margin-bottom:0 !important; }
.content-level-1 .content-level-2 .dem-sub-container { margin-bottom:2.5%; }
.content-level-1 .content-level-2 .radio-handler + .notice-required i.fa-exclamation-triangle { margin-left:13px; }
.content-level-1 .content-level-2 .disclaimer-text { min-height:200px; padding-bottom:50px; color:var(--defaultText); font-size:calc(1.35rem + .1vw); line-height:calc(1.5em + .1vw); }
.content-level-1 .content-level-2 .disclosure-text { overflow-x:hidden; overflow-y:auto; min-height:200px; max-height:500px; margin-bottom:60px; padding-bottom:20px; color:var(--defaultText); font-size:14px; box-sizing:border-box; }
.content-level-1 .content-level-2 .submit-text { min-height:250px; padding-bottom:100px; }
.content-level-1 .content-level-2 .reminder-text { min-height:100px; padding-bottom:30px; color:var(--defaultText); }
.content-level-1 .content-level-2 .scroll-text { max-height:380px; min-height:200px; margin-bottom:50px; overflow-x:hidden; overflow-y:auto; word-break:break-word; }
.content-level-1 .content-level-2 .scroll-text.border { border: 1px solid #797979; padding:7px 10px; box-sizing:border-box;  }

@media screen and (max-width:1240px) {
    .content-level-1 .content-level-2 .scroll-text { margin-bottom:20px; }
}
@media screen and (max-width:320px) {
    .content-level-1 .content-level-2 .scroll-text { margin-bottom:10px; }
}

.content-level-1 .address-form div:not(.btn-group, .title-level-1, .checkbox-handler, .radio-handler, .notice-required) { display:inline-block; position:relative; width:100%; margin:0 20px 28px 0; vertical-align:bottom; }
.content-level-1 .address-form div.col-3.col-offset-r-8.checkbox-handler { margin-bottom:3%; }
.content-level-1 .address-form div.checkbox-handler,
.content-level-1 .address-form div.radio-handler {  }
.content-level-1 .address-form div.checkbox-button,
.content-level-1 .address-form div.radio-button { display:block; position:absolute; width:max-content; }
.content-level-1 .address-form div.title-level-2 { display:block; width:100%; margin:0 0 5px 0; }
.content-level-1 .address-form input,
.content-level-1 .address-form select { width:100%; }
.content-level-1.content-contact div:not(.btn-group, .title-level-1, .checkbox-handler, .radio-handler, .notice-required) { display:inline-block; position:relative; width:100%; margin:0 2% 3% 0; vertical-align:bottom; }
.content-level-1.content-contact div.checkbox-handler,
.content-level-1.content-contact div.radio-handler {  }
.content-level-1.content-contact div.checkbox-button,
.content-level-1.content-contact div.radio-button { display:block; position:absolute; width:max-content; }
.content-level-1.content-contact div.title-level-2 { display:block; width:100%; margin:0 0 5px 0; }
.content-level-1.content-contact input,
.content-level-1.content-contact select { width:100%; }
.content-level-1.content-contact .notice-required:not(.col-11) { position:absolute; bottom:-22px; left:0; height:22px; margin:0; padding-inline-start:0; }
/*.content-level-1.content-contact .notice-required.col-11 { text-indent:2px; }*/
/*.content-level-1.content-contact .phone-numeric + .notice-required { left:150px; }*/
.content-level-1.content-contact .required { background:transparent !important; }
.content-level-1.content-contact .required:hover { background:transparent !important; }
.content-level-1.content-contact .required:focus { background:transparent !important; }
.content-level-1 .address-form { display:inline-block; padding-top:0; }
.content-level-1 .address-form dd { margin-bottom:3%; }
.content-level-1 .address-form li { margin-bottom:3%; }
.content-level-1 .option-bd { padding-top:20px; border-top:3px dotted #cbcbcb; }
.content-level-1 .option-container { margin-bottom:5%; padding:0; box-sizing:border-box; }
.content-level-1 .option-title li { color:var(--defaultText); font-size:calc(1rem + .1vw); font-weight:400; }
.content-level-1 .option-container input[type='text'] { padding:4px 6px 4px 5px; }
.content-level-1 .option-container input[type='tel'] { padding:4px 6px 4px 5px; }
.content-level-1 .option-container .title-level-2 { visibility:hidden; line-height:0; }
.content-level-1 .option-container .title-level-2.visible { visibility:visible; line-height:initial; }

.content-level-1 .option-container .option-title .title-level-2 { visibility:visible; }
/*.content-level-1 .content-level-2.option-container li input.wc_money { width:88%; }*/

.content-level-1 .option-fin { margin-bottom:50px; padding:0; box-sizing:border-box; }
.content-level-1 .option-fin .option-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;  }
.content-level-1 .option-fin .title-level-2 { visibility:visible; line-height:calc(1.5rem + .1vw); }
.content-level-1 .option-fin:first-child .title-level-2.first_view { position: inherit; width: inherit; height: inherit; margin: inherit; padding: inherit; overflow: inherit; clip: inherit; border: inherit; white-space:nowrap; }
.content-level-1 .option-fin ul { margin-top:40px; border-top:3px dotted #cbcbcb; }
.content-level-1 .option-fin ul:nth-child(2) { margin-top:0; border-top:none; }
.content-level-1 .option-fin li { padding-top:20px; }
.content-level-1 .option-fin .col-2 { margin-bottom:4%; padding-top:20px; }

.content-level-1 .demo-container .content-level-2 { padding-bottom:0; }

.content-level-1.content-account { display:block; max-width:700px; padding:0; border:none; color:var(--defaultText); text-align:left; }
.content-level-1.content-account li { display:inline-block; position:relative; margin-bottom:3%; margin-right:2%; vertical-align:bottom; }
.content-level-1.content-account .title-level-1 { border-bottom:2px solid var(--colorSet1); color:var(--colorSet1); }
.content-level-1.content-account .content-level-2 { display:inline-block; width:100%; padding-bottom:30px; }
.content-level-1.content-account .content-level-2 label { display:inline-block; overflow:visible; width:100%; margin-bottom:3px; font-size:calc(1rem + .1vw); word-break:break-word; white-space:normal; }
.content-level-1.content-account .content-level-2 input.required { border-bottom:1px solid var(--defaultRed); }
.content-level-1.content-account .content-level-2 input[type='text'] { width:100%; }
.content-level-1.content-account .content-level-2 input[type='password'] { width:100%; }
.content-level-1.content-account .content-level-2 input[type='tel'] { width:100%; }
.content-level-1.content-account .content-level-2 select { text-overflow:ellipsis; }
.left-menu ~ .content-level-1.content-account { padding-left:0; border-left:none; }

.content-level-2 dl dt.zipcode-title { padding:3px 0; text-align:left; }
.content-level-2 select.clsSelectTitle { color:var(--defaultText); }
.content-level-2 select.clsSelectTitle { padding:0 12px 0 0; }
/*.content-level-2 select.clsSelectTitle option, .content-level-2 select.clsSelectTitle optgroup { color:var(--colorSet1); }*/
/*.content-level-2 select.clsSelectTitle.slt-active { padding:0.99rem 2rem 0rem 0; transition:0.15s ease-in-out; }*/
.content-level-2 select.clsSelectTitle.slt-titleless { padding:4px 3px 3px 1px; }
.content-level-1 .option-add .content-level-2:last-of-type { padding-bottom:50px; }

/*color set default*/
.content-level-1.content-contact .checkbox-handler { margin-bottom:1%; color:var(--defaultText); }
.content-level-1.content-contact .checkbox-handler input[type="checkbox"]:checked + label { color:var(--defaultText); }
.content-level-1.content-contact .checkbox-handler input[type="checkbox"]:checked ~ .checkbox-button::before { color:var(--defaultText); }
.content-level-1.content-contact .checkbox-handler:hover > .checkbox-button::before{ color:var(--defaultText); }

.content-level-1.content-submit .checkbox-handler { margin-bottom:1%; color:var(--defaultText); }
.content-level-1.content-submit .checkbox-handler input[type="checkbox"]:checked + label { color:var(--defaultText); }
.content-level-1.content-submit .checkbox-handler input[type="checkbox"]:checked ~ .checkbox-button::before { color:var(--defaultText); }
.content-level-1.content-submit .checkbox-handler:hover > .checkbox-button::before{ color:var(--defaultText); }

.content-level-1.content-submit { color:var(--defaultText); }
.content-level-1.content-summary { color:var(--defaultText); }
.content-level-1.content-product { color:var(--defaultText); }
.content-level-1.document-collection { color:var(--defaultText); }

/*Loan Summary*/
.content-summary {  }
.content-summary .txt-title { margin:0 0 10px 0; font-weight:400; }
.content-summary .txt-title span { display:inline-block; margin:0; color:var(--defaultText); font-size:calc(1.25rem + .1vw); font-weight:400; }
.content-summary .txt-title h3 { display:inline-block; margin:0; color:var(--defaultText); font-size:calc(1.25rem + .1vw); font-weight:400; }
.content-summary .txt-title .item-title:has(+ .edit-item){ display:inline-block; margin:0; color:var(--defaultText); font-size:calc(1.25rem + .1vw); font-weight:400; }
.content-summary .title-level-1 { padding-bottom:10px; border-bottom:2px solid var(--colorSet1); }
.content-summary .title-level-1 span { margin-left:1em; font-weight:400; }
.content-summary .content-level-2 { width:960px; margin-bottom:15px; padding-bottom:12px; border-bottom:1px solid var(--colorSet1); }
.content-summary .content-level-2 li { min-height:24px; margin-bottom:0; padding:.1em .2em; font-size:1rem; box-sizing:border-box; }
.content-summary .content-level-2 li.title { min-height:24px; margin-bottom:0; padding:.1em .2em; font-size:1rem; box-sizing:border-box; }
.content-summary .content-level-2 li.title { border-bottom:1px dashed var(--defaultBorder); }
.content-summary .content-level-2 li:not(.column__1 li, .title__sub li, .column__2_1 li, .txt_indent40 .checkbox-handler) { border-bottom:1px dashed var(--defaultBorder); }
.content-summary .content-level-2 li span { margin-left:.5em; font-weight:400; }
.content-summary .content-level-2 li span span { margin-left:-.5em; }
.content-summary .content-level-2 li span.blank { margin:0 1em; }
.content-summary .content-level-2 li label { font-size:1rem; }
/*.content-summary .content-level-2 li:is(:focus, :hover, :active) { background:var(--defaultHover); }*/
.content-summary .content-level-2 .blank { }
.content-summary .content-level-2 .checkbox-button::before { font-size:1.5em; }
.content-summary .content-level-2 .checkbox-button.disabled { top:2px; left:2px; z-index:0; height:21px; /*background:#ddd;*/ opacity:.6!important; }
.content-summary .content-level-2 .checkbox-handler { cursor:default; }
.content-summary .content-level-2 .checkbox-handler input[type="checkbox"] { cursor:default; }
.content-summary .content-level-2 .checkbox-handler input[type="checkbox"]:checked ~ .checkbox-button::before { color:var(--defaultText); font-size: 1.5em; opacity:.6; }
.content-summary .content-level-2 .checkbox-handler input[type="checkbox"]:checked + label { color:var(--defaultText); }
.content-summary .content-level-2 .checkbox-handler label { padding-left:25px; vertical-align:2px; cursor:default; }
.content-summary .content-level-2 .txt_indent40 { margin-top:5px; margin-left:2rem!important; line-height:1.5em; }
.content-summary .content-level-2 .txt_indent40 > ul { margin-top:10px; }
.content-summary .content-level-2 .edit-item { display:inline-block; position:relative; width:60px; height:24px; margin-left:.5em; padding:1px 10px; border:2px solid var(--colorSet2); border-radius:2rem; background:var(--colorSet2); color:#fff; font-size:13px; font-weight:400; text-align:center; box-sizing:border-box; }
.content-summary .content-level-2 .edit-item:is(:focus, :hover, :active) { outline:var(--outlineThickness) solid var(--newOutline); }
.content-summary .content-level-2.col__demographic { border-bottom:none; }

.content-summary .content__co { display:none; padding-block:10px; }
.content-summary .content__co .txt-title__sub { margin-bottom:5px; color:var(--defaultOrange); font-weight:400; }
.content-summary .content__co .txt-title__sub span,
.content-summary .content__co .txt-title__sub h4 { display:inline-block; margin:0; font-size:inherit; font-weight:400; }
.content-summary .content__co .txt-title__sub button { margin-left:.5em; }
.content-summary .content__co ul:nth-child(2):not(.col-5-5 ul, .txt_indent40 ul) { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #c1c1c1; }
.content-summary .content__co .col-5-5 { display:inline-grid; }
.content-summary .content__co .col-5-5:first-of-type { margin-right:10px; border-right:1px dotted #c1c1c1; }
.content-summary .content__co .col-5-5 .txt_indent40 li.col-2 { width:45%!important; }

.content-summary .content-level-2 .column__1 { display: grid; grid-template-columns: 1fr 80px; grid-template-rows: auto; grid-column-gap: 0; grid-row-gap: 0; max-width:500px; }
.content-summary .content-level-2 .column__1 li { min-height:30px; padding:.1em .2em .6em .2em; }
.content-summary .content-level-2 .column__1_1 { display: grid; grid-template-columns:80px 1fr; grid-template-rows: auto; grid-column-gap: 0; grid-row-gap: 0; max-width:90%; }
.content-summary .content-level-2 .column__1_1 li.title:is(:focus, :hover, :active),
.content-summary .content-level-2 .column__1_1 li:is(:focus, :hover, :active) { background: var(--defaultHover); }
.content-summary .content-level-2 .column__1_1 li.title,
.content-summary .content-level-2 .column__1_1 li:last-of-type { border:none; }
.content-summary .content-level-2 .column__1_1 li.title span,
.content-summary .content-level-2 .column__1_1 li span { display:inline-block; min-width:22px; padding:0 3px; border-bottom:1px solid var(--defaultText); color:var(--defaultText); }
.content-summary .content-level-2 .column__1_1 .txt_indent { padding-left:20px; }
.content-summary .content-level-2 .column__1 li .edit-item { vertical-align:-3px; }
.content-summary .content-level-2 .column__1 li span:first-of-type { margin-inline:0; }

.content-summary .content-level-2 .column__2 { display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: column; column-count:2; overflow-x:hidden; width:960px; min-height:24px; margin-bottom:10px; }
.content-summary .content-level-2 .column__2:last-of-type { margin-bottom:0; }
.content-summary .content-level-2 .column__2.title__sub { margin-bottom:0; }
.content-summary .content-level-2 .column__2 li { width:50%; }
/*.content-summary .content-level-2 .column__2 li:nth-child(even):not(.blank, .column__2_1 li) { background:var(--defaultHover); }*/
.content-summary .content-level-2 .column__2_1 span { margin: 0 .5em 0 0; }
.content-summary .content-level-2 .column__2_1 li { width:100%; }
.content-summary .content-level-2 .column__2_1 li:nth-child(odd) { width:100%; background:var(--defaultHover); }

.content-summary .content-level-2 .column__3 { display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: row; column-count:3; width:960px; }
.content-summary .content-level-2 .column__3.title__sub { margin-bottom:0; background:var(--defaultHover); }
.content-summary .content-level-2 .column__3 li { width:31.2%; }
.content-summary .content-level-2 .column__3 li span { margin-left:0; }
.content-summary .content-level-2 .column__3 li.title { display:none; width:31.2%; padding:0 .2em; }


/*col*/
.col-0-5 { width:4% !important; }
.col-1 { width:8.333333333333332% !important; }
.col-1-5 { width:12% !important; }
.col-2 { width:16.666666666666664% !important; }
.col-2-5 { width:21% !important; }
.col-3 { width:25% !important; }
.col-3-5 { width:29% !important; }
.col-4 { width:33.33333333333333% !important; }
.col-4-5 { width:37% !important; }
.col-5 { width:41.66666666666667% !important; }
.col-5-5 { width:45% !important; }
.col-6 { width:50% !important; }
.col-6-5 { width:54% !important; }
.col-7 { width:58.333333333333336% !important; }
.col-7-5 { width:62% !important; }
.col-8 { width:66.66666666666666% !important; }
.col-8-5 { width:70% !important; }
.col-9 { width:75% !important; }
.col-9-5 { width:79% !important; }
.col-10 { width:83.33333333333334% !important; }
.col-10-5 { width:87% !important; }
.col-11 { width:91.66666666666666% !important; }
.col-11-5 { width:95% !important; }
.col-12 { width:100% !important; }
.col-full { width:100% !important; }
.col-clear { clear:right; }
.col-clear + dd { clear:left; }
.col-clear + li { clear:left; }
.col-lg.sub_option { margin-bottom:0; }


.slt-option-title { color:#bababa!important; }
.sub-title { position:absolute; top:-1px; }
/*input[type="text"].sub-ans:not(:placeholder-shown) { padding:1.5rem 2rem 0.5rem 5px; transition:0.15s ease-in-out; }
input[type="tel"].sub-ans:not(:placeholder-shown) { padding:1.5rem 2rem 0.5rem 5px; transition:0.15s ease-in-out; }
.contact-phone input[type="tel"].sub-ans { padding:1.5rem 2rem 0.5rem 150px; transition:0.15s ease-in-out; }*/

/*currency*/
.fa-dollar-sign:not(.calculator__schedule table td i) { position: absolute; bottom: 12px; left: 1px; margin-right: 5px; font-size: 1.05rem; }
.content-level-1 .option-container input.wc_money { width:95%; padding-inline-start:20px; }

/*increase decrease icon*/
.content-level-1 .content-level-2 .dependent-num { width:80px; min-width:80px; height:45px; margin-right:0; border:2px solid #cbcbcb; border-radius:.382rem; font-size:30px; text-align:center; vertical-align:middle; box-sizing:border-box; }
.content-level-1 .content-level-2 .dependent-num span { line-height:1.3em; }
.content-level-1 .content-level-2 .dependent-btn { width:20px; height:45px; margin-right:0; vertical-align:middle; box-sizing:border-box; }
.content-level-1 .content-level-2 .dependent-decrease-btn { width:30px; height:45px; margin-right:0; text-align:left; vertical-align:middle; box-sizing:border-box; }
.content-level-1 .content-level-2 .dependent-increase-btn { width:30px; height:45px; margin-right:0; text-align:right; vertical-align:middle; box-sizing:border-box; }
.btn-increase { padding:0.7rem 0; font-size:calc(1.5rem + .4vw); cursor:pointer; }
.btn-decrease { padding:0.7rem 0; font-size:calc(1.5rem + .4vw); cursor:pointer; }
.btn-increase:hover, .btn-decrease:hover { opacity:0.8; }

/*delete trash icon*/
.delete-item { display:inline-block; width:60px; height:35px; margin:0 3px; padding:10px 23px; border:none; border-radius:.382rem; background:rgba(118, 118, 118, 0.98); color:rgba(0, 0, 0, 0); text-align:center; vertical-align:bottom; box-sizing:border-box; }
.delete-item::before { color:#fff; font-family:"Font Awesome 6 Pro"; content:"\f2ed"; font-size:1.2em; }
.delete-item:hover { position:relative; padding:7px 11px; background:var(--colorSet1); cursor:pointer; }
.delete-item:hover::before { position:absolute; top:0; left:0; width:100%; height:35px; padding:0; border-radius:.382rem; background:var(--colorSet1); font-family:inherit; line-height:35px; content:"Delete"; font-size:inherit; color:#fff; }

.add-item { display:inline-block; width:60px; height:35px; margin:0 3px; padding:10px 23px; border:none; border-radius:.382rem; background:rgba(118, 118, 118, 0.98); color:rgba(0, 0, 0, 0); text-align:center; vertical-align:bottom; box-sizing:border-box; }
.add-item::before { color:#fff; font-family:"Font Awesome 6 Pro"; content:"\2b"; font-size:1.2em; font-weight:900; }
.add-item:hover { position:relative; padding:7px 18px; background:var(--colorSet1); cursor:pointer; }
.add-item:hover::before { position:absolute; top:0; left:0; width:100%; height:35px; padding:0; background:var(--colorSet1); border-radius:.382rem; font-family:inherit; text-align:center; line-height:35px; content:"Add"; font-size:inherit; color:#fff; font-weight:400; }

/*financial format*/
label.label-title { position:absolute; top:25px; left:5px; }

/*radio button*/
.radio-handler { position:relative; padding:0; border-radius:.382rem; box-sizing:border-box; }
.radio-handler label { width:100%; padding:11.2px 1.1rem 10px 50px; cursor:pointer; }
.radio-handler input[type="radio"] { position:absolute; opacity:0;  }
.radio-button { display:block; position:absolute; top:11px; left:10px; z-index:-1; color:var(--defaultText); vertical-align:middle; }
.radio-button::before { font-family:"Font Awesome 6 Pro"; content:"\f111"; font-size:1.8em; font-weight:400; }
.radio-handler:hover { background:var(--colorSet1); color:#fff; transition:background 0.15s linear; transform:scale(1.0); box-shadow:rgba(149, 149, 149,.5) 1px 1px 3px; cursor:pointer; }
.radio-handler:hover > * { color:#fff; }
.radio-handler input[type="radio"]:focus ~ .radio-button { width:max-content!important; outline:var(--outlineThickness) solid var(--newOutline); }
.radio-handler input[type="radio"]:checked + label { color:var(--colorSet1); }
.radio-handler input[type="radio"]:checked ~ .radio-button::before { font-family:"Font Awesome 6 Pro"; content:"\f058"; color:var(--colorSet1); font-size:1.8em; font-weight:900; }
.radio-handler:hover input[type="radio"]:checked + label { color:#fff; }
.radio-handler:hover input[type="radio"]:checked ~ .radio-button::before { color:#fff; }

/*Yes or No*/
.yn-form .radio-handler { margin-bottom:0; }
.yn-form .radio-handler:hover { transform:scale(1.0); }

/*checkbox*/
.checkbox-handler { position:relative; box-sizing:border-box; }
.checkbox-handler label { width:100%; padding-left:30px; vertical-align:-4px; cursor:pointer; }
.checkbox-handler input[type="checkbox"] { position:absolute; opacity:0;  }
.checkbox-button { display:block; position:absolute; top:0; left:0; z-index:-1; color:var(--defaultText); vertical-align:middle; }
.checkbox-button::before { font-family:"Font Awesome 6 Pro"; content:"\f0c8"; font-size:1.8em; font-weight:400; transition:.05s linear; }
.checkbox-handler:hover { color:var(--defaultText); transition:0.05s linear; cursor:pointer; }
.checkbox-handler:hover > .checkbox-button::before { color:var(--defaultText); }
.checkbox-handler input[type="checkbox"]:focus ~ .checkbox-button { width:max-content!important; outline:var(--outlineThickness) solid var(--newOutline); }
.checkbox-handler input[type="checkbox"]:checked + label { color:var(--colorSet1); }
.checkbox-handler input[type="checkbox"]:checked ~ .checkbox-button::before { font-family:"Font Awesome 6 Pro"; content:"\f14a"; color:var(--colorSet1); font-size:1.8em; font-weight:900; transition:.05s linear; }
.checkbox-handler:hover input[type="checkbox"]:checked + label { color:var(--colorSet1); }
.checkbox-handler .date-container .date-slash { color: var(--defaultText); }

.checkbox-handler__multiple { border-radius: .382rem; }
.checkbox-handler__multiple label { padding:11.2px 1.1rem 10px 50px; }
.checkbox-handler__multiple .checkbox-button { top:9px; left:10px; }
.checkbox-handler__multiple:hover { background:var(--colorSet1); color:#fff; transition:background 0.15s linear; transform:scale(1.0); box-shadow:rgba(149, 149, 149,.5) 1px 1px 3px; cursor:pointer; }
.checkbox-handler__multiple:hover > * { color:#fff; }
.checkbox-handler__multiple input[type="checkbox"]:focus ~ .checkbox-button { outline:var(--outlineThickness) solid var(--newOutline); }
.checkbox-handler__multiple input[type="checkbox"]:checked + label { color:var(--colorSet1); }
.checkbox-handler__multiple input[type="checkbox"]:checked ~ .checkbox-button::before { font-family:"Font Awesome 6 Pro"; content:"\f14a"; color:var(--colorSet1); font-size:1.8em; font-weight:900; }
.checkbox-handler__multiple:hover input[type="checkbox"]:checked + label { color:#fff; }
.checkbox-handler__multiple:hover input[type="checkbox"]:checked ~ .checkbox-button::before { color:#fff; }
.checkbox-handler__multiple:hover > .checkbox-button::before { color:#fff; }

.disabled .checkbox-handler:hover { color:inherit; cursor:default!important; }
.disabled .checkbox-handler:hover > .checkbox-button::before { color:inherit; cursor:default!important; }


/* --------------------------------
    9. DASHBOARD
-------------------------------- */
.banner-notice { margin:0 0 30px 0; padding:10px 0 20px 10px; border-bottom:1px solid #dadada; text-align:left; }
.banner-notice .txt_blue { margin-right:5px; font-size:13px; font-weight:bold; vertical-align:1px; }
.banner-notice div { margin-top:5px; color:var(--colorSet1); font-weight:bold; }
.txt-numbertip { display:inline-block; width:25px; height:25px; padding:0.1rem; border-radius:20px; background:var(--colorSet1); color:#fff; text-align:center; line-height:23px; vertical-align:0; letter-spacing:-0.1rem; text-indent:-0.2rem; }
/*.banner-notice i { margin-left:10px; vertical-align:-1px; }*/

.container-loan-process .content { max-width:1250px; box-sizing:border-box; }
.container-loan-process .header { min-width:1250px; }
.container-loan-process .notice-required { margin-bottom:10px; }
.loan-process-upper { display:inline-block; min-height:260px; margin:30px 0 40px 0; text-align:left; }
.loan-process-upper .loanofficer-group dd.name a { margin-bottom:2px; }
.loan-process-upper .loanofficer-group .head-title { margin-bottom:2px; }
.loan-process-upper .loanofficer-group .title { margin-bottom:15px; }
.banner-notice + .loan-process-upper { margin-top:0; }
.loan-number + .loan-process-upper { margin-top:0; }
.option-division { width:50px; height:6px; margin:50px auto 20px auto; }

.loan-process .outstanding-group { text-align:left; }
.loan-process .completed-group { text-align:left; }
.loan-process .package-group.expand .doc-title { color:var(--colorSet1); font-weight:bold; }
.loan-process .package-group.expand .package-name { color:inherit; }
.loanofficer-group { display:inline-block; /*float:left;*/ width:400px; min-height:260px; text-align:left; vertical-align:top; }
.loanofficer-group .head-title { min-height:inherit; margin-bottom:5px; border:0; font-size:12px; color:#9b9b9b; }
.loanofficer-group .title { min-height:inherit; margin-bottom:5px; border:0; font-size:12px; color:#9b9b9b; }
.loanofficer-group .lo-box { display:inline-block; width:100%; min-height:120px; margin-bottom:18px; }
.loanofficer-group .lo-pic { display:inline-block; width:120px; border-radius:100px; text-align:left; box-shadow:inset #e8e8e8 -4px -4px 0 0; }
.loanofficer-group .lo-pic img { width:100%; max-height:120px; margin:0 auto; border-radius:100px; }
.loanofficer-group .lo-contact { display:inline-block; width:55%; margin:10px 0 0 20px; text-align:left; vertical-align:top; }
.loanofficer-group dd { display:block; width:100%; word-break:break-word; }
.loanofficer-group dd.name a { margin:0 0 15px 0; color:var(--colorSet1); }
.loanofficer-group dd.name a:hover { text-decoration:underline; }
.loanofficer-group .lo-title { display:block !important; margin-top:8px; white-space:nowrap; /*color:inherit; opacity:0.9;*/ }
.loanofficer-button { clear:both; width:400px; margin:0; text-align:center; }
.loanofficer-button button { width:80%; }

.loan-process h2 { display:inline-block; float:left; margin:0 auto; padding:7px 20px 0 20px; color:#0d8eb1; font-size:40px; text-align:left; font-weight:normal; }
.loan-process-button { margin-bottom:20px; padding:15px 0; /*border-top:1px solid #e0e0e0; background:#e8e8e8;*/ text-align:center; }
.loan-process button.btn_close { display:inline-block; position:inherit; top:inherit; right:inherit; width:18px; height:18px; margin:2px 0 0 0; padding:0; border:1px solid #ccc; background:#fff; color:#b9b9b9; font-size:12px; font-weight:bold; line-height:18px; vertical-align:middle; outline:none; }
.loan-process button.btn_fold { display:inline-block; position:absolute; bottom:0; left:0; right:0; width:880px; height:30px; margin:0 auto; padding:0; border:0; background:#ddd; color:var(--defaultText); font-size:20px; font-weight:bold; line-height:35px; vertical-align:middle; outline:none; }
.loanprocess-list .list-null-msg { padding:50px 0; text-align:center; }

/*edit my info*/
.page-nav { max-width:700px; margin:0 auto 10px auto; text-align:left; font-size:14px; }
.page-nav ul { }
.page-nav ul li { display:inline-block; font-size:14px; }
.page-nav ul li.bar { color:var(--defaultText); font-size:12px; }
.page-nav ul li.current { color:var(--colorSet1); }
.page-nav ul li a { color:var(--defaultText); cursor:pointer; }
.page-nav ul li a:hover { text-decoration:underline; }

.edit-verification { width:700px; max-width:100%; margin:0 auto; font-size:1.0em; text-align:center; line-height:1.5em; }
.edit-verification .title-level-1 { margin:10px auto; color:var(--colorSet1); font-size:30px; font-weight:bold; text-align:center; }
.edit-verification .content-level-1 { width:700px; }
.edit-verification span { font-size:14px; line-height:18px; }
.edit-verification .btn-group { width:100%; min-width:inherit; margin-top:30px !important; text-align:center; }
.edit-verification .btn-group ul { margin-left:0; }
.edit-verification .btn-group ul li { display:block; }
.edit-verification .content-level-1 { text-align:left; }
.edit-verification .content-level-1 h3 { margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; color:var(--colorSet1); }
.edit-verification .content-level-1 h3 a { display:inline-block; }
.edit-verification .txt_code { margin-bottom:2px; font-size:12px; text-align:left; }
.edit-verification .txt_code span { font-weight:bold; }
.edit-verification .count_num { position:absolute; top:15px; right:5%; color:#ee0700; font-size:13px; }
.edit-verification input.code[type="text"] { margin:0 5px 0 0; /*border:none; border-bottom:1px solid var(--colorSet1);*/ border-radius:0; background:none; /*color:var(--colorSet1);*/ }
.edit-verification input.code[type="text"]:hover { /*border:none; border-bottom:1px solid var(--colorSet1); background:none; outline:none; }
.edit-verification input.code[type="text"]:focus { border:none; border-bottom:1px solid var(--colorSet1);*/ background:none; outline:var(--outlineThickness) solid var(--newOutline); }
.edit-verification .sub_option { min-height:inherit; height:22px; font-size:12px !important; color:var(--defaultText); text-align:left; vertical-align:top; }
.edit-verification .linked { display:inline-block; color:var(--colorSet1); font-size:12px; text-align:right; text-decoration:underline; }
/*.edit-verification .content-level-2 dl dt { padding:4px 0; }
.edit-verification .content-level-2 dl dd { padding:4px 0; }*/
.edit-verification .content-level-2 dl.column-2 dt { padding-top:10px; }

.edit-verification #MobileMsgHide, .edit-verification #VerificationHide { padding-bottom:0; }
.edit-verification #MobileMsgHide .notice-required:only-child { margin-bottom:0; }

.verification-box .count_num { right:4px; color:#ee0700; font-size:13px; }
.verification-box input[type="text"] { width:250px; height:32px; margin:0 5px 0 0; padding-left:0; border:0; border-bottom:1px solid var(--colorSet1); border-radius:0; background:none; color:var(--colorSet1); }
.verification-box input[type="text"]:not(.disabled):hover { border:0; border-bottom:1px solid var(--colorSet1); background:none; outline:none; }
.verification-box input[type="text"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:none; outline:var(--outlineThickness) solid var(--newOutline); }
.verification-box input[type="text"]:disabled { border:0; border-bottom:1px solid #b4b5b5; outline:none; }
.verification-box input[type="text"]:disabled:hover { outline:none; }
.verification-box .sub_option { font-size:12px !important; color:var(--defaultText); text-align:left; }
.verification-box input[type="text"].required, .verification-box input[type="password"].required, .verification-box input[type="tel"].required { border-bottom:1px solid var(--defaultRed); }

.guest-login { width:700px; max-width:100%; margin:0 auto; font-size:1.0em; text-align:center; line-height:1.5em; }
.guest-login .title-level-1 { margin:10px auto; color:var(--colorSet1); font-size:30px; font-weight:bold; text-align:center; }
.guest-login .content-level-1 { width:700px; }
.guest-login span { font-size:14px; line-height:18px; }
.guest-login .btn-group { width:100%; min-width:inherit; margin-top:30px !important; text-align:center; }
.guest-login .btn-group ul { margin-left:0; }
.guest-login .btn-group ul li { display:block; }
.guest-login .content-level-1 { text-align:left; }
.guest-login .content-level-1 h3 { margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; color:var(--colorSet1); }
.guest-login .content-level-1 h3 a { display:inline-block; }
.guest-login .txt_code { margin-bottom:2px; font-size:12px; text-align:left; }
.guest-login .txt_code span { font-weight:bold; }
.guest-login .count_num { position:absolute; top:10px; right:5%; color:#ee0700; font-size:13px; }
.guest-login .content-level-2 ul li { min-height:26px; }
.guest-login .content-level-2 ul .wth_335 { width:335px; }
.guest-login .content-level-2 ul .wth_600 { width:600px; }
.guest-login .content-level-2 ul input[type="text"] { width:330px; height:32px; margin:0 5px 0 0; padding-left:0; border:0; border-bottom:1px solid var(--colorSet1); border-radius:0; background:none; }
.guest-login .content-level-2 ul input[type="text"]:not(.disabled):hover { border:0; border-bottom:1px solid var(--colorSet1); background:none; outline:none; }
.guest-login .content-level-2 ul input[type="text"]:focus { border:0; border-bottom:1px solid var(--colorSet1); background:none; outline:var(--outlineThickness) solid var(--newOutline); }
.guest-login .sub_option { min-height:inherit; height:22px; font-size:13px !important; color:var(--defaultText); text-align:left; vertical-align:top; }
.guest-login .count_num { color:#ee0700; font-size:13px; }
.guest-login .linked { display:inline-block; color:var(--colorSet1); font-size:13px; text-align:right; text-decoration:underline; }
/**/
.guest-login input[type="text"]::-webkit-input-placeholder { color:#c1c1c1 !important; }
.guest-login input[type="text"]:-moz-placeholder { color:#c1c1c1 !important; }
.guest-login input[type="text"]::-moz-placeholder { color:#c1c1c1 !important; }
.guest-login input[type="text"]:-ms-input-placeholder { color:#c1c1c1 !important; }


.incomplete-interview { width:700px; max-width:100%; margin:0 auto; font-size:1.0em; text-align:center; line-height:1.5em; }
.incomplete-interview .content-level-1 { width:700px; }
.incomplete-interview .content-level-1 h3 { margin:20px 0 18px 0; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; color:var(--colorSet1); }
.incomplete-interview .content-level-1 h3 a { display:inline-block; }
.incomplete-interview .officer-box { margin-top:25px; padding-bottom:10px; border-bottom:1px solid #b5b4b4; }
.incomplete-interview .officer-box:first-of-type { margin-top:40px; }
.incomplete-interview .officer-box .txt-due { margin:15px 0 0 0; text-align:right; }
.incomplete-interview .officer-box .ico-delete-interview { font-size:16px; vertical-align:-2px; cursor:pointer; }
.incomplete-interview .officer-box dl dd { min-height:14px; padding:0; line-height:14px; }
.incomplete-interview .officer-box dl dd.name a { margin-bottom:2px; }
.incomplete-interview .officer-box dl dd.title { margin-bottom:8px; }
.incomplete-interview .officer-box-null { min-height:220px; padding-top:100px; color:#999; text-align:center; box-sizing:border-box; }

.incomplete-interview .loanofficer-group { display:inline-block; min-height:120px; text-align:center; }
.incomplete-interview .loanofficer-group .lo-box { margin-bottom:10px; }
.incomplete-interview .lo-contact { margin-top:0; }
.incomplete-interview .lo-contact dd { width:100%; }
.incomplete-interview .loanofficer-btn { display:inline-block; margin-top:0; }
.incomplete-interview .loanofficer-btn button { width:100%; }

.loan-process .chat-group { display:inline-block; float:right; width:400px; background:#ececec; }
.loan-process .chat-group .title { background:#fff; }
.loan-process .chat-group .chat-box { overflow-y:scroll; height:480px; margin:0; padding:0 0 20px 0; }
.loan-process .chat-group .chat-window { height:80px; margin:10px 0 0 0; padding:15px 20px 20px 20px; border-top:1px solid #b7b7b7; }
.loan-process .chat-group .chat-window textarea { width:100%; min-height:80px; box-sizing:border-box; }
.loan-process .chat-group .loan-process-button { margin-bottom:0; padding:0 0 20px 0; }
.chat-box .dlg-group { display:inline-block; float:right; margin-bottom:10px; padding:0 20px; text-align:right; }
.chat-box .dlg-group.opponent { float:left; text-align:left; }
.chat-box .dlg-name { display:block; min-height:20px; margin-top:2px; padding:2px 10px 2px 4px; font-size:13px; color:#666; font-weight:bold; text-align:left; line-height:20px; }
.chat-box .dlg-date { display:block; min-height:15px; margin-top:2px; padding:0 4px; font-size:11px; text-align:right; }
.chat-box .dialogue { display:inline-block; max-width:260px; min-height:20px; padding:8px 10px; border-radius:10px; background:#1498bc; font-size:13px; color:#fff; text-align:left; line-height:18px; white-space:pre-wrap; box-shadow:#b7b7b7 0 1px 2px 0px; }
.chat-box .opponent .dialogue { background:#fff; color:#666; }
.chat-box .opponent .dlg-date { text-align:left; }
.chat-box .null-msg { width:150px; margin:160px auto 0 auto; padding:5px 10px; color:#949494; }

/*comment box*/
.document_comment { margin:0 20px; padding:0; }
.document_comment ul li { position:relative; }
.document_comment ul li .ico_chkbox { display:block; position:absolute; top:2px; left:0; z-index:5; width:15px; height:15px; border:1px solid #ababab; border-radius:0; transition:border .25s linear; -webkit-transition:border .25s linear; }
.document_comment ul li:hover .ico_chkbox { border:1px solid #ababab; }
.document_comment ul li input[type="checkbox"] { position:absolute; visibility:hidden; }
.document_comment ul li input[type="checkbox"].tab-able { position:absolute; visibility:visible; opacity:0; }
.document_comment ul li input[type="checkbox"]:checked ~ .ico_chkbox { content:'\2714'; border:1px solid #ababab; color:var(--colorSet1); }
.document_comment ul li input[type="checkbox"]:checked ~ .ico_chkbox::before { content:'\2714'; color:var(--colorSet1); }
.document_comment ul li input[type="checkbox"]:checked ~ label { color:var(--colorSet1); }
.document_comment ul li .ico_chkbox::before { display:block; position:absolute; content:''; top:-3px; left:2px; width:10px; height:10px; margin:auto; border-radius:0; font-size:15px; font-weight:bold; transition:background 0.25s linear; -webkit-transition:background 0.25s linear; }
.document_comment ul li label { display:block; position:relative; z-index:9; width:100%; min-height:20px; margin:20px 0 0 0; padding:2px 10px 0 25px; font-weight:300; font-size:12px; cursor:pointer; -webkit-transition:all 0.25s linear; box-sizing:border-box; }
.document_comment ul li textarea { width:100%; min-height:80px; margin-top:6px; padding:10px; border:1px solid #ccc; box-sizing:border-box; }
.document_comment ul li textarea:hover { border:1px solid var(--colorSet1); background:#e5f1fe; outline:var(--outlineThickness) solid var(--newOutline); }
.document_comment ul li textarea.required { border:1px solid var(--defaultRed); }
.document_comment ul li textarea::-webkit-input-placeholder { color:#c1c1c1 !important; }
.document_comment ul li textarea:-moz-placeholder { color:#c1c1c1 !important; }
.document_comment ul li textarea::-moz-placeholder { color:#c1c1c1 !important; }
.document_comment ul li textarea:-ms-input-placeholder { color:#c1c1c1 !important; }
.document_comment.disabled { color:#c1c1c1; }

.document_download { margin-top:-10px; padding:15px 0; font-size:12px; }
.document_download dl { }
.document_download dl dd { width:100%; min-height:22px; padding:6px 10px 8px 20px; box-sizing:border-box; }
.document_download a { cursor:pointer; }

.loan-process .file_input { display:inline-block; width:50px; height:50px; text-align:right; vertical-align:middle; }
.loan-process .file_input label { width:50px; height:50px; }
.loan-process .file_input label .btn_upload { margin-top:10px; }
.loan-process .file_input label input[type="file"] { height:50px; }
/*uploaded files*/
.loanprocess-group .upload-btn-group { position:absolute; top:13px; right:20px; }
.uploaded_file { position:relative; margin:10px 20px 0 20px; padding:10px 0 10px 10px; border:1px solid #e0e0e0; background:#f1f1f1; vertical-align:middle; }
.uploaded_file .file-list { display:inline-block; width:620px; vertical-align:middle; }
.uploaded_file ul { margin:0; padding:0; }
.uploaded_file ul li { width:100%; padding:6px 0 7px 0; border-top:1px dotted #c1c1c1; }
.uploaded_file ul li:first-of-type { border-top:0; }
.uploaded_file ul li span { display:inline-block; overflow:hidden; max-width:94%; padding-top:2px; font-size:12px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
.uploaded_file .btn_upload { margin-top:5px; color:#898989; font-size:28px; }

/*loan list*/
span.nodata { display:inline-block; width:100%; margin:50px 0; padding:20px 0; text-align:center; }
span.status_link { display:inline-block; width:99%; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; color:var(--colorSet1); }
span.status_link span { display:inline; color:var(--colorSet1); font-weight:bold; }

.loanprocess-group span.txt_info { font-size:16px; line-height:1.6em; }
.loanprocess-group span.txt_info span { color:var(--colorSet1); font-size:16px; font-weight:bold; }
.loanprocess-group span.txt_info.txt_c { display:inline-block; width:100%; margin:0 auto; padding:50px 0; text-align:center; }

.package-group { position:relative; height:100%; margin:-1px 0 0 0; padding:0; border:1px solid #dadada; background:#fff; box-shadow:#e2e2e2 0px 1px 2px 0px; }
.package-group .package-doc { width:100%; margin:0; padding:22px 20px 21px 20px; box-sizing:border-box; cursor:default; }
.package-group .package-doc dt, .package-group .package-doc dd { display:block; vertical-align:middle; }
.package-group .package-doc .package-name { min-height:20px; }
.package-group .package-doc .package-name:hover { cursor:pointer; }
.package-group .package-doc .package-name span { display:inline-block; font-size:12px; }
.package-group .package-doc .tbl_note span { display:inline-block; padding:0 5px 0 0; color:var(--colorSet1); }
.package-group .package-doc .fa-chevron-down { color:var(--colorSet1); font-size:22px; }
.package-group.expand .package-name { color:var(--colorSet1); }
.package-group .package-doc .package-name .doc-title { display:inline-block; overflow:hidden; max-width:500px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; vertical-align:-2px; }
.expand .package-doc { padding:22px 20px 2px 20px !important; }
.package-group.expand .doc-title { display:inline-block; overflow:visible; text-overflow:inherit; white-space:normal; }
.package-group .txt_sub02.mgL30 { font-size:12px; }

.loan_wrap { position:relative; border-top:1px dotted #c1c1c1; }
.loan_wrap:first-of-type, .loan_wrap:only-of-type { border-top:none; }
.loan_wrap .uploaded_file { margin:2px 20px 2px 0; padding:0 20px 10px 20px; background:#fff; }
.loan_wrap .uploaded_file ul li { padding:2px 0 0 0; border-top:none; }
.package-group .tbl_note { margin:0; padding:3px 20px 0 0; font-size:12px; }
.package-group .tbl_note span { display:inline-block; padding:0 5px 0 0; color:var(--colorSet1); }
.loanprocess-group .num { position:absolute; top:10px; width:40px; font-weight:bold; min-height:85px; }
button.btn_top { display:none; }

/*Document Submit*/
.submit-document .package-group { position:relative; margin:0 0 8px 0; padding:0; background:#fff; }
.submit-document .package-doc { width:100%; margin:0; padding:20px; box-sizing:border-box; }
.submit-document .package-doc dt, .loanprocess-group .package-doc li { display:block; min-height:26px; vertical-align:middle; }
.submit-document .package-doc .package-name span { display:block; width:94%; font-size:1em; font-weight:bold; }
.submit-document .package-doc .tbl_note { margin-top:6px; }
.submit-document .package-doc .tbl_note span { display:inline-block; padding:0 5px 0 0; color:var(--colorSet1); }
.document-list { position:relative; height:100%; margin:0 0 50px 0; background:#fff; }
.document-list button.btn_close { display:inline-block; position:inherit; top:inherit; right:inherit; width:18px; height:18px; margin:0; padding:0; border:1px solid #ccc; background:#fff; color:#b9b9b9; font-size:12px; font-weight:bold; line-height:18px; vertical-align:middle; outline:none; }
.document-list button.btn_fold { display:inline-block; position:absolute; bottom:0; left:0; right:0; width:880px; height:30px; margin:0 auto; padding:0; border:0; background:#ddd; color:var(--defaultText); font-size:20px; font-weight:bold; line-height:35px; vertical-align:middle; outline:none; }
.submit-document .uploaded_file { position:relative; margin:0; padding:0 20px; background:#f1f1f1; }
.submit-document .uploaded_file ul { margin:0; padding:5px 0; }
.submit-document .uploaded_file ul li { width:100%; padding:2px 0 5px 0; border-top:1px dotted #c1c1c1; }
.submit-document .uploaded_file ul li:first-of-type { border-top:0; }
.submit-document .uploaded_file ul li span { display:inline-block; overflow:hidden; max-width:94%; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
.submit-document .upload-btn-group { position:absolute; top:13px; right:20px; }
.att_file { overflow:hidden; }

@-moz-document url-prefix() {
	.submit-document .upload-btn-group { top:8px; }
}

.content-level-1 .content-level-2 .terms-link { display:block; position:static; bottom:0; width:100%; margin:0 auto; padding:0; }
.content-level-1 .content-level-2 .terms-link ul li { display:inline-block; width:inherit; min-height:20px; margin-right:0; font-weight:normal; text-decoration:underline; vertical-align:middle; }
.content-level-1 .content-level-2 .terms-link ul li a { display:inline-block; padding-inline:0; text-decoration:underline; }
.content-level-1 .content-level-2 .terms-link ul li:not(.disabled):hover { color:var(--colorSet1); cursor:pointer; }
.content-level-1 .content-level-2 .terms-link ul li.borderline { width:10px; padding:2px; color:var(--defaultText); font-weight:normal; vertical-align:bottom; cursor:default; text-decoration:none; }
.content-level-1 .content-level-2 .terms-link ul li:not(.disabled):hover a { text-decoration:underline; cursor:pointer; }
.content-level-1 .content-level-2 .terms-link span { display:block; font-size:11px; }

.comm_link { display:block; position:static; bottom:0; width:100%; min-width:500px; margin:0 auto; padding:10px 0 0 0; font-size:11px; color:#2e4453; text-align:center; line-height:17px; }
.comm_link ul li { display:inline-block; height:20px; padding:2px 4px; color:#2e4453; font-weight:normal; font-size:12px; text-decoration:underline; vertical-align:middle; }
.comm_link ul li:hover { color:#2e4453; font-weight:bold; cursor:pointer; }
.comm_link ul li.borderline { width:10px; padding:2px; color:var(--defaultText); font-weight:normal; cursor:default; text-decoration:none; }
.comm_link ul li a { display:inline-block; font-size:12px; text-decoration:underline; color:var(--colorSet1); }
.comm_link ul li:hover a { text-decoration:underline; cursor:pointer; }
.comm_link span { display:block; font-size:11px; }

.progress-bar h7 { display:none; }

/*authorize*/
.authorize-group { min-height:35px; }
.authorize-group input[type="checkbox"] { margin-top:5px !important; vertical-align:top; }
.authorize-group label { min-height:35px; }
.authorize-group label span { display:inline !important; }


/* --------------------------------
    11. ACCOUNT
-------------------------------- */
.content-account { width:700px; margin:0 auto; font-size:1.0em; text-align:center; line-height:1.5em; }
.content-account .title-level-1, .cont_wrap03 .title-level-1, .loanprocess-group .title-level-1 { margin:10px auto; font-size:calc(1.45rem + .1vw); font-weight:400; text-align:left; }
.content-account .content-level-1 { width:700px; border-left:none; }
.content-account span { font-size:14px; line-height:18px; }
.content-account .btn-group, .cont_wrap03 .btn-group { width:100%; min-width:inherit; margin-top:30px!important; text-align:center; }
.content-account .btn-group ul, cont_wrap03 .btn-group ul { margin-left:0; }
.content-account .btn-group ul li, .cont_wrap03 .btn-group ul li { display:block; }
.content-account .content-level-1, .cont_wrap03 .content-level-1 { text-align:left; }
.content-account .content-level-1 h3, .cont_wrap03 .content-level-1 h3 { margin-bottom:30px; padding-bottom:10px; border-bottom:2px solid var(--colorSet1); font-weight:400; color:var(--colorSet1); }
.content-account .content-level-1 h3 a, .cont_wrap03 .content-level-1 h3 a { display:inline-block; }
.content-account .sub_option { width:100%; font-weight:normal; }
.content-account .txt-note { height:inherit; min-height:20px; margin-top:10px; padding-bottom:3px; font-weight:normal; font-size:12px; /*font-style:italic;*/ }
.content-account .disclosure-box { min-height:200px; margin-top:5px; padding:10px; border:1px solid #a5a5a5; font-size:14px; line-height:1.6em; box-sizing:border-box; }
.content-account .loanprocess-group { margin-bottom:30px; }
.content-account .loanprocess-group span { font-weight:normal; }
.content-account dl { margin:20px 0; }
.content-account .tab_outline { border-bottom:none!important; }
.cont_wrap03 .content-level-1 { margin-bottom:60px; }
.cont_wrap03 .content-level-2 dl { margin:14px 0 0 0; padding:0; }
.cont_wrap03 span { font-size:14px; }

.content-account h1 { margin:15px 0 20px 0; color:#ed8b00; font-size:35px; font-weight:400; line-height:1em; }


/* --------------------------------
    11. POPUP
-------------------------------- */
.popup-mobile { position:relative; }
.popup-web { position:relative; }
.popup-mobile .popup_wrap { position:absolute; z-index:2003; width:86%; max-width:500px; margin:0 auto; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }
.popup-web .popup_wrap { position:absolute; z-index:2003; box-shadow:rgba(0,0,0, 0.1) -1px 2px 8px 3px; }

.popup_wrap { position:relative; border:2px solid var(--colorSet1); border-radius:5px; background:#fff; text-align:center; box-shadow:#5d5d5d 0 0 16px 3px; }
.popup_w400 { width:400px; }
.popup_w450 { width:450px; }
.popup_w500 { width:500px; }
.popup_w700 { width:700px; }
.popup_w750 { width:750px; }

.popup_wrap .popup_cont { margin:55px auto; }
.popup_wrap .popup_cont02 { margin:35px auto; }
.popup_wrap .popup_cont_msg { margin:15px 10px 10px 10px; }
.popup_wrap .popup_cont_msg textarea { width:95%; min-height:100px; box-sizing:border-box; }
.popup_wrap .popup_label { height:40px; background:#edecec; border-top-left-radius:4px; border-top-right-radius:4px; }
.popup_wrap .popup_label span.popup_tit { display:inline-block; float:left; margin:0 0 0 15px; color:var(--colorSet1); font-size:1.5em; line-height:40px; }
.popup_wrap .popup_cont p.popup_txt01 { display:inline-block; width:100%; margin:0 auto 0 auto; text-align:center; }
.popup_wrap .popup_cont p.popup_txt02 { display:inline-block; width:60%; margin:0 auto 0 auto; text-align:left; }
.popup_wrap button.btn_close { overflow:hidden; float:right; width:15px; height:15px; margin:4px 10px 0 0; background:url('/Images/ic-popup-close.png') no-repeat 0 0; background-size:100% 100%; color:#000; font-weight:bold; text-indent:-500em; cursor:pointer; }
.popup_wrap button.btn_close_login { background:url('/Images/ico_close.png') no-repeat 0 0; background-size:100% 100%; color:#000; font-weight:bold; text-indent:-500em; cursor:pointer; }
.popup_wrap button.btn_close_login:focus { outline:var(--outlineThickness) solid var(--newOutline); }

.popup_wrap i.btn_close { display:inline-block; position:absolute; top:8px; right:4px; overflow:hidden; float:right; width:20px; height:20px; margin:0 5px 0 0; color:var(--colorSet1); font-size:20px; font-weight:bold; line-height:25px; vertical-align:middle; cursor:pointer; }
.popup_wrap i.btn_close_login { color:var(--colorSet1); font-weight:bold; cursor:pointer; }
.popup_wrap i.btn_close_login:focus { outline:var(--outlineThickness) solid var(--newOutline); }

.popup_wrap button.btn-close { display:inline-block; position:absolute; top:8px; right:4px; overflow:hidden; float:right; width:30px; height:30px; margin:0 5px 0 0; border:none; background:none; color:var(--colorSet1); font-size:20px; font-weight:bold; line-height:25px; vertical-align:middle; cursor:pointer; }
.popup_wrap button.btn-close i { color:inherit; }
.popup_wrap button.btn-close_login { color:var(--colorSet1); font-weight:bold; cursor:pointer; }
.popup_wrap button.btn-close_login:focus { outline:var(--outlineThickness) solid var(--newOutline); }


.popup_wrap .btn-group { width:100%; min-width:inherit; height:50px; margin:0 0 5px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:center; }
.popup_wrap .btn-group ul li { display:inline-block; width:40%; }
.popup_wrap .btn-group ul li:only-child { width:90%; max-width:250px; }
.popup_wrap .btn-group ul li button { width:100%; }
.popup_wrap .btn-group ul li button.btn_comm { min-width:80px; }
.popup_wrap .btn-group { width:100%; min-width:inherit; height:50px; margin:0 0 5px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:center; }
.popup_wrap .btn-group a,
.popup_wrap .btn-group button { display:inline-block; width:40%; min-width: inherit; }
.popup_wrap .btn-group *:only-child:not(.btn-got-it) { width:90%; min-width: 250px; max-width:250px; }
.popup_wrap .btn-group a:only-child,
.popup_wrap .btn-group button:only-child:not(.btn-got-it) { width:90%; min-width:250px; max-width:250px; }
.popup_wrap .btn-group .btn-upload { width:90%; min-width:250px; max-width:250px; }
.popup_wrap .btn-group .btn_comm { min-width:80px; font-size:calc(.9rem + .2vw); box-sizing:border-box; }


button.btn_close { display:inline-block; position:absolute; top:8px; right:4px; width:25px; height:25px; margin:-4px 0 0 0; padding:0; border:0; line-height:25px; vertical-align:middle; outline:none; }
.popup_noshade { box-shadow:#b7b7b7 0 0 10px 3px; }
.popup-position { position:relative; }
.popup-position .popup_wrap { position:absolute; z-index:2000; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }
.popup-position + .content-level-1 { padding-top:0; }


.popup_wrap { border-radius:.65rem; }
.popup-web .popup_wrap { /*top:150px; left:30%;*/ box-shadow:rgba(0, 0, 0, 0.10) -1px 2px 8px 3px; }
.landing-web .popup_wrap { /*top:150px; left:30%;*/ box-shadow:rgba(0, 0, 0, 0.10) -1px 2px 8px 3px; }
.landing-mobile .popup_wrap { /*top:150px; left:30%;*/ box-shadow:rgba(0, 0, 0, 0.10) -1px 2px 8px 3px; }
.popup_upload { min-width:400px; max-width:620px; width:100%; top:180px; left:17%; }
.popup_upload .popup_cont { margin:35px auto 15px auto; }
.popup_upload .popup_cont.popup_mg { margin:85px auto; }
.popup_upload .document-subtitle { overflow:hidden; max-width:90%; margin:12px auto 0 auto; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
.popup_upload #txtProvideExp.document-subtitle { overflow:visible; max-width:100%; white-space:normal; text-overflow:initial; }
/*.popup_upload .document-subtitle { display:-webkit-box; overflow:hidden; max-width:90%; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:12px auto 0 auto; text-align:center; }*/
.popup_upload .loading-container { padding:20px 0 50px 0; }
.popup_wrap .popup_cont { padding:10px 20px 0 20px; }
.popup_wrap .btn-group { margin-bottom:20px; }
.popup_wrap .btn-upload-group { flex:0 0 auto; width:81.6%; margin:0 auto 20px auto; text-align:right; }
.popup_wrap .btn-upload-group li { position:relative; }
.popup-bg { background:rgba(83,85,86,0.4) }
.popup_guide { width:400px; background:var(--colorSet1); color:#fff; }
.popup_guide .popup_cont { padding:10px 30px 0 30px; font-weight:400; }
/*.popup_guide .popup_cont .fs-5 { text-shadow:#007290 1px 1px 1px; }*/
.popup_guide .fa-bullhorn { color:#fff; font-size:3.4rem; font-weight:600; text-shadow:#006c96 2px 1px 1px; }

.popup-web.popup-federal { display:inline; }

.popup_wrap .address-form { display: inline-block; width:100%; padding-top: 0; text-align:left; box-sizing:border-box; }
.popup_wrap .address-form div:not(.btn-group, .title-level-1, .checkbox-handler, .radio-handler, .notice-required) { display:inline-block; position:relative; width:100%; margin:0; vertical-align:bottom; }
.popup_wrap .address-form div.col-3.col-offset-r-8.checkbox-handler { margin-bottom:3%; }
.popup_wrap .address-form div.checkbox-button,
.popup_wrap .address-form div.radio-button { display:block; position:absolute; width:max-content; }
.popup_wrap .address-form div.title-level-2 { display:block; width:100%; margin:0 0 5px 0; }
.popup_wrap .address-form input,
.popup_wrap .address-form select { width:100%; }

.popup_wrap div.checkbox-button,
.popup_wrap div.radio-button { display:block; position:absolute; width:max-content; }
.popup_wrap div.title-level-1 { padding:10px 20px; color:var(--colorSet2); font-size:1.2rem; text-align:left; }
.popup_wrap div.title-level-2 { display:block; width:100%; margin:0 0 5px 0; }
.popup_wrap input,
.popup_wrap select { width:100%; }



/* --------------------------------
    12. BUTTON
-------------------------------- */
.btn-group { min-width:600px; margin:30px auto 30px auto; text-align:center; }
.btn-group ul li { display:inline-block; margin:0 3px; }
.btn-group ul li:first-of-type { margin-left:0; }
.btn-group ul li:last-of-type { margin-right:0; }

.btn-group { min-width:600px; margin:30px auto 30px auto; text-align:center; }
.btn-group a,
.btn-group button { display:inline-block; margin:0 3px; }
/*.btn-group *:first-of-type { margin-inline-start:0; }
.btn-group *:last-of-type { margin-inline-end:0; }*/

.btn-group.btn-third ul .btn-save { display:block; width:100%; margin:10px auto; padding-top:10px; text-align:center; }
.btn-group.btn-third ul .btn-save .save-linked { font-size:14px; text-decoration:underline; color:#999; cursor:pointer; }
.btn-group.btn-third ul .btn-save .save-linked:hover { color:#0098c0; }

/*.btn-group.btn-financial ul li { width:100%; max-width:250px; margin:8px auto 0 auto; }
.btn-group.btn-financial ul li:nth-child(1) button,
.btn-group.btn-financial ul li:nth-child(2) button { width:60%; min-width:60%; }
.btn-group.btn-financial ul li:nth-child(3),
.btn-group.btn-financial ul li:nth-child(4) { width:100%; max-width:100%; text-align:center; }*/

a.btn_comm { display:inline-block; }
.btn_comm { min-width:126px; padding:.72rem 2rem; border:1px solid var(--colorSet1); border-radius:.382rem; background:var(--colorSet1); font-size:calc(1.1rem + .1vw); color:#fff; text-align:center; outline:none; box-shadow:none; box-sizing:border-box; cursor:pointer; }
.btn_comm_lg_sp button { vertical-align:top; }
.btn__summary .btn_comm { }

@supports (-ms-ime-align:auto) {
	.btn_comm { min-width:160px; }
}
/*.btn_comm:hover { border:1px solid #67798f; background:#67798f; color:#fff; }*/
.btn_comm:focus { /*border:1px solid #67798f!important; background:#67798f!important; color:#fff!important;*/ outline-offset:2px; outline:var(--outlineThickness) solid var(--newOutline); }
.btn_comm:disabled { border:1px solid var(--defaultText) !important; background:var(--defaultText) !important; color:#fff !important; cursor:default; opacity:0.4; }
button.btn_skip { border:1px solid #67798f; background:#fff; color:#67798f; font-weight:400; }
button.btn_send_doc { padding:6px 24px; }
button.add-form { width:48px; height:48px; border:0; background:transparent url(/Images/icon_add.png) no-repeat 0 0; text-indent:-500em; }
button.add-form:focus { outline:var(--outlineThickness) solid var(--newOutline); }
#btnPrev, #btnCancel, #btnSignUpCancel { border:1px solid var(--colorSet1); background:#fff; color:var(--colorSet1); }
/*#btnCancel, #btnSignUpCancel { border:1px solid #e8e8e8; background:#e8e8e8; color:var(--colorSet1); }*/

.popup_wrap .popup_btn-group { position:absolute; bottom:0; min-width:inherit; width:100%; margin-top:20px; margin-bottom:15px; }
.popup_wrap .popup_btn-group button { padding:.355rem 0.875rem; }

.indxt_btn-group ul li { display:inline-block; margin:0 3px; }
.indxt_btn-group ul li:first-of-type { margin-left:0; }
.indxt_btn-group ul li:last-of-type { margin-right:0; }
.indxt_btn-group ul li button { width:218px; padding:50px !important; font-size:1.2em !important; }

button.btn_expand { width:20px; height:20px; padding:2px; border:0; background:url('/Images/ic-expend.png') no-repeat 0 1px; }
button.btn_coll { width:20px; height:20px; padding:2px; border:0; background:url('/Images/ic-collaps.png') no-repeat 0 1px; }
button.btn_add_brw { width:22px; height:25px; padding:2px; border:0; background:url('/Images/ic-add.png') no-repeat 0 6px; }
button.btn_delete_brw { width:22px; height:25px; padding:2px; border:0; background:url('/Images/ic-delete.png') no-repeat 0 1px; }
button.btn_delete_file { position:absolute; top:5px; right:8px; width:15px; height:15px; border:0; background:none; font-size:11px; color:var(--defaultText); }
img.btn_delete_sct { position:absolute; bottom:6px; right:0; vertical-align:bottom; cursor:pointer; }
img.btn_delete_sct:focus, img.btn_delete_sct:active { outline:var(--outlineThickness) solid rgba(1, 117, 228, 0.2) !important; }
button.btn_150 { min-width:150px; }
button.btn_200 { min-width:200px; padding:10px 50px; }
button.btn_wide { width:250px; padding:10px 50px; }
button.btn_wide02 { width:300px; padding:10px 50px; }
button.btn_wide_send { width:180px; min-width:120px; height:36px; padding:1px 6px; border:1px solid #ed8b00; border-radius:5px; background:#ed8b00; color:#fff; line-height:24px; font-size:14px; vertical-align:2px; }
button.btn_popup { padding:10px 24px; border:1px solid #00a1e1; background:#00a1e1; color:#fff; text-align:center; outline:none; }
button.btn_continue { width:250px; padding:10px 24px; border:1px solid #00a1e1; background:#00a1e1; color:#fff; text-align:center; outline:none; }
button.btn_continue:not(.disabled):hover { border:1px solid #00a1e1; background:#00a1e1; }
button.btn_txt_indent { text-indent:-500em; }
button.btn_closepopup { position:absolute; top:10px; right:10px; width:18px; height:18px; border:0; background:transparent url(/Images/ico_close.png) no-repeat 0 0; text-indent:-500em; }
button.btn_closepopup:focus, button.btn_closepopup:active { outline:var(--outlineThickness) solid rgba(1, 117, 228, 0.2) !important; }
.btn_delete_sct { position:absolute; bottom:18px; right:8px; width:18px; height:24px; border:0; background:transparent url(/Images/ic-delete.png) no-repeat 0 0; text-indent:-500em; vertical-align:bottom; cursor:pointer; }
.btn_delete_sct:focus, .btn_delete_sct:active { outline:var(--outlineThickness) solid rgba(1, 117, 228, 0.2) !important; }
button.btn-send-msg { height:28px; padding:1px 8px; border:1px solid var(--colorSet1); background:var(--colorSet1); color:#fff; line-height:24px; font-size:12px; vertical-align:2px; }
.button-grn { min-width:80px; height:34px; padding:0px 10px; margin:0 0 0 10px; background-color:var(--colorSet1); border:1px solid var(--colorSet1); border-radius:3px; color:#fff; font-size:15px; }
.btn-applynow { width:200px; padding:10px 24px; border:2px solid rgba(255, 255, 255, 0.5); font-size:1.3em; font-weight:bold; color:#666; outline:none; box-shadow:none; }
.btn-applynow-mobile { border:none !important; }
.btn-sub { min-width:80px; height:32px; padding:1px 6px; border:1px solid #7b838d; background:#7b838d; color:#fff; line-height:20px; font-size:12px; vertical-align:2px; }
.btn-sub:disabled { border:1px solid #b4b5b5; background:#b4b5b5; color:#fff; cursor:default; }
.btn_creat_account { min-width:80px; height:28px; padding:1px 6px; line-height:20px; font-size:12px; vertical-align:2px; }
.btn_signin { min-width:80px; height:28px; padding:1px 6px; line-height:20px; font-size:12px; vertical-align:2px; }

.content-level-1 .btn-group { width:inherit; margin:0; text-align:left; }
/*.content-level-1 .btn-group li { display:inline-block; margin:5px 3px; }*/
.content-level-1 .btn-group button { min-width:126px; }
.content-level-1 .btn-group.add-btn-group { text-align:right; }

/*ZIP-1423*/
   .content-level-1 .btn-group.new-btn { width:inherit; margin:0; text-align:left; }
   .content-level-1 .btn-group.new-btn dl { margin:0; display:flex; justify-content:flex-start; align-items:center; }
   .content-level-1 .btn-group.new-btn dd { min-width:126px; }
/*ZIP-1423 END */

/* --------------------------------
    13. UPLOAD FILES
-------------------------------- */
.file_input { display:inline-block; width:36px; vertical-align:middle; }
.file_input label { display:inline-block; overflow:hidden; position:relative; width:36px; height:36px; margin:0; text-align:center; line-height:36px; cursor:pointer; vertical-align:bottom; }
/*.file_input label input[type="file"] { overflow:hidden; position:absolute; top:0; left:0; z-index:1001; width:36px; height:36px; opacity:0; cursor:pointer; }*/
.file_input label input[type="file"] { overflow:hidden; position:absolute; top:0; left:0; z-index:1001; width:36px; height:36px; opacity:0; cursor:pointer; }
button.btn_upload { width:36px; height:36px; padding:2px; border:0; background:url('/Images/ico_upload.png') no-repeat 0 0; }

@-moz-document url-prefix() {
	.file_input label { height:42px; }
}
.content-level-1 .uploaded-file ul li { margin-bottom:0; vertical-align:middle; }
.content-level-1 .uploaded-file ul li:nth-child(3) { margin-top:22px; }
.content-level-1 .uploaded-file ul li.col-12 { width:91.66666666666666% !important; }
.uploaded-file { position:relative; min-width:100%; max-width:800px; margin-top:30px; vertical-align:middle; }
.uploaded-file .file-upload-area { display:inline-block; max-width:89%; vertical-align:middle; }
.uploaded-file .file-list { display:inline-block; width:100%; text-align:left; vertical-align:middle; }
.uploaded-file .file-list i { margin-top:-3px; margin-left:6px; margin-right:6px; font-size:18px; vertical-align:middle; cursor:pointer; }
/*.uploaded-file .file-list-invalid { padding:7px 0; }*/
.uploaded-file ul { margin:1% 0 3% 0; padding:0 0 20px 0; border-bottom:2px dotted #cbcbcb; }
.uploaded-file ul .txt-title { max-width:537px; color:var(--defaultBlue); font-size:calc(1.2rem + .1vw); font-weight:400; white-space:normal; margin-top:0em; margin-bottom:0em; }
.uploaded-file ul li { overflow:hidden; position:relative; width:100%; padding:7px 0 9px 4px; text-overflow:ellipsis; white-space:nowrap; }
.uploaded-file ul li .file-upload-done { display:block; width:100%; max-width:100%; margin:3px 0; padding:5px; border-radius:.382rem; background:var(--defaultHover); color:var(--defaultText); box-sizing:border-box; }
.uploaded-file ul li .file-upload-invalid { display:block; width:100%; max-width:100%; margin:3px 0; padding:5px; border-radius:.382rem; background:var(--defaultRed); color:#fff; box-sizing:border-box; }
.uploaded-file ul li .file-upload-invalid i { margin-top:-3px; color:#fff; }
.uploaded-file ul li .file-invalid-msg { margin-top:5px; margin-bottom:6px; color:var(--defaultRed); white-space:normal; }

/*20240717 encrypted-message*/

.uploaded-file ul li .file-upload-encrypted {display:block; width:100%; max-width:100%; margin:3px 0; padding:5px; border-radius:.382rem; background:var(--defaultText); color:#fff; box-sizing:border-box;}
.uploaded-file ul li .file-upload-encrypted i { margin-top:-3px; color:#fff; }
.uploaded-file ul li .file-encrypted-msg { margin-top:5px; margin-bottom:6px; color:var(--defaultText); white-space:normal; }
.uploaded-file ul li .file-encrypted-pwd { display: flex; align-items: center; padding-inline-start: 32px; }
.uploaded-file ul li .file-encrypted-pwd label { margin-inline: 0 10px; font-size: 12px; }
.uploaded-file ul li .file-encrypted-pwd input[type='password'] { width: 150px; height: 30px; margin-inline-end: 10px; border: 1px solid #ccc; background: #fff; }
.uploaded-file ul li .file-encrypted-pwd button { padding: 2px 10px; border: 1px solid var(--colorSet2); border-radius: .382rem; background: var(--colorSet2); color: #fff; }
.uploaded-file ul li .file-encrypted-pwd i { margin: 0; color: var(--colorSet2); font-size: 20px; }

.uploaded-file ul li span { display:inline-block; overflow:hidden; max-width:100%; padding-top:2px; font-size:14px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
.uploaded-file ul li.null-file span { text-align:left; }
.uploaded-file ul li.file-note { overflow:visible; padding:0 0 0 5px; text-overflow:inherit; white-space:normal; word-break:break-word; box-sizing:border-box; }
.uploaded-file .btn_upload { margin-top:5px; color:#898989; font-size:28px; }
.file_input { width:100%; max-width:200px; height:inherit; }
.file_input label input[type="file"] { width:100%; height:inherit; padding:.655rem 1rem; border-radius:.382rem; box-sizing:border-box; opacity:0; visibility:hidden; }
.file_input label.btn_browse { width:100%; height:inherit; padding:.662rem 1rem; border:1px solid var(--colorSet1); border-radius:.382rem; background:var(--colorSet1); color:#fff; font-size:16px; font-weight:400; line-height:inherit; box-sizing:border-box; }
.file_input_sm { width:100%; max-width:130px; height:inherit; }
.file_input_sm label input[type="file"] { width:100%; height:inherit; padding:.562rem .5rem; border-radius:.382rem; box-sizing:border-box; }
.file_input_sm label.btn_browse { width:100%; height:inherit; padding:.562rem .5rem; border:1px solid var(--colorSet1); border-radius:.382rem; background:var(--colorSet1); color:#fff; font-size:14px; font-weight:400; line-height:inherit; box-sizing:border-box; }

.btn-upload { padding:.72rem 2rem; border:1px solid var(--colorSet1); border-radius:.382rem; background:var(--colorSet1); font-size:1.2em; color:#fff; outline:none; box-shadow:none; }
.btn-round { position:relative; width:100%; max-width:150px; border:2px solid var(--colorSet1); border-radius:2rem; background:var(--colorSet1); color:#fff; font-size:15px; transition:all 0.25s ease; }

/*uploading spin*/
.button-container { position:absolute; top:2px; right:65px; margin-left:0; margin-top:0; width:50px; height:32px; text-align:right; line-height:32px; }
.ico-ready { outline:none; width:20px; height:20px; margin-top:1px; text-align:center; border-radius:2rem; border:none; color:#057aa8; letter-spacing:1px; font-size:12px; font-weight:bold; transition:all 0.25s ease; }
.icon-upload-ready { width:20px; margin:3px 20px 0 10px; border:3px solid #bbbbbb; border-left-color:var(--colorSet1); background:#f7f7f7; color:#f7f7f7; font-size:0; animation:rotating 2s 0.25s linear infinite; }
.icon-upload-ready:after { content:""; }

/* --------------------------------
    14. ERROR MSG
-------------------------------- */
.error-page { width:100%; min-width:700px; min-height:620px; margin:0; padding:0; text-align:center; }
.error-page .footer-error { display:inline-block; position:static; bottom:20px; left:0; z-index:1001; width:100%; margin:0 auto; text-align:center; }
.error-page .footer-error a { padding:0; text-align:center; }
.error-page .footer-error a { padding:0; text-align:center; }
.error-page .error-cont { display:inline-block; max-width:1000px; min-height:720px; margin:80px auto 0 auto; padding:80px 0; text-align:center; box-sizing:border-box; }
.error-page .error-cont img { margin:0; }
.error-page .error-cont .errornum { display:inline-block; margin:0 auto; font-size:23em; font-weight:lighter; line-height:250px; }
.error-page .error-cont .txt { display:inline-block; width:100%; margin:40px auto 0 auto; color:var(--colorSet1); font-size:22px; text-align:center; line-height:1.4em; letter-spacing:-0.01em; }


/* --------------------------------
    15-1. SCALE
-------------------------------- */
.wth_20 { width:20px; }
.wth_30 { width:30px; }
.wth_40 { width:40px; }
.wth_48 { width:48px; }
.wth_50 { width:50px; }
.wth_53 { width:53px; }
.wth_55 { width:55px; }
.wth_60 { width:60px; }
.wth_62 { width:62px; }
.wth_63 { width:63px; }
.wth_64 { width:64px; }
.wth_65 { width:65px; }
.wth_67 { width:67px; }
.wth_68 { width:68px; }
.wth_70 { width:70px; }
.wth_80 { width:80px; }
.wth_85 { width:85px; }
.wth_87 { width:87px; }
.wth_90 { width:90px; }
.wth_94 { width:94px; }
.wth_95 { width:94px; }
.wth_98 { width:98px; }
.wth_100 { width:100px; }
.wth_103 { width:103px; }
.wth_105 { width:105px; }
.wth_107 { width:107px; }
.wth_110 { width:110px; }
.wth_115 { width:115px; }
.wth_119 { width:119px; }
.wth_120 { width:120px; }
.wth_125 { width:125px; }
.wth_130 { width:130px; }
.wth_133 { width:133px; }
.wth_135 { width:135px; }
.wth_140 { width:140px; }
.wth_143 { width:143px; }
.wth_145 { width:145px; }
.wth_148 { width:148px; }
.wth_149 { width:149px; }
.wth_150 { width:150px; }
.wth_154 { width:154px; }
.wth_155 { width:155px; }
.wth_159 { width:159px; }
.wth_160 { width:160px; }
.wth_165 { width:165px; }
.wth_168 { width:168px; }
.wth_170 { width:170px; }
.wth_173 { width:173px; }
.wth_175 { width:175px; }
.wth_180 { width:180px; }
.wth_185 { width:185px; }
.wth_187 { width:187px; }
.wth_190 { width:190px; }
.wth_193 { width:193px; }
.wth_196 { width:196px; }
.wth_197 { width:197px; }
.wth_198 { width:198px; }
.wth_200 { width:200px; }
.wth_202 { width:202px; }
.wth_204 { width:204px; }
.wth_205 { width:205px; }
.wth_210 { width:210px; }
.wth_212 { width:212px; }
.wth_215 { width:215px; }
.wth_220 { width:220px; }
.wth_225 { width:225px; }
.wth_228 { width:228px; }
.wth_230 { width:228px; }
.wth_235 { width:235px; }
.wth_240 { width:240px; }
.wth_243 { width:243px; }
.wth_248 { width:248px; }
.wth_250 { width:250px; }
.wth_252 { width:252px; }
.wth_259 { width:259px; }
.wth_260 { width:260px; }
.wth_265 { width:265px; }
.wth_270 { width:270px; }
.wth_277 { width:277px; }
.wth_280 { width:280px; }
.wth_285 { width:285px; }
.wth_286 { width:286px; }
.wth_290 { width:290px; }
.wth_291 { width:291px; }
.wth_292 { width:292px; }
.wth_295 { width:295px; }
.wth_296 { width:296px; }
.wth_300 { width:300px; }
.wth_304 { width:304px; }
.wth_306 { width:306px; }
.wth_310 { width:310px; }
.wth_320 { width:320px; }
.wth_330 { width:330px; }
.wth_335 { width:335px; }
.wth_340 { width:340px; }
.wth_350 { width:350px; }
.wth_360 { width:360px; }
.wth_364 { width:364px; }
.wth_370 { width:370px; }
.wth_380 { width:380px; }
.wth_390 { width:390px; }
.wth_400 { width:400px; }
.wth_404 { width:404px; }
.wth_407 { width:407px; }
.wth_415 { width:415px; }
.wth_420 { width:420px; }
.wth_430 { width:430px; }
.wth_441 { width:441px; }
.wth_450 { width:450px; }
.wth_455 { width:455px; }
.wth_460 { width:460px; }
.wth_467 { width:467px; }
.wth_490 { width:490px; }
.wth_500 { width:500px; }
.wth_510 { width:510px; }
.wth_545 { width:545px; }
.wth_560 { width:560px; }
.wth_590 { width:590px; }
.wth_600 { width:600px; }
.wth_610 { width:610px; }
.wth_640 { width:640px; }
.wth_650 { width:650px; }
.wth_680 { width:680px; }
.wth_700 { width:700px; }
.wth_750 { width:750px; }
.wth_757 { width:757px; }
.wth_760 { width:760px; }
.wth_767 { width:767px; }
.wth_770 { width:770px; }
.wth_775 { width:775px; }
.wth_780 { width:780px; }
.wth_900 { width:900px; }
.wth_978 { width:978px; }
.wth_1062 { width:1062px; }
.wth_1210 { width:1210px; }

/* percent ---------------*/
.wth_p10 { width:10%; }
.wth_p15 { width:15%; }
.wth_p16 { width:16%; }
.wth_p18 { width:18%; }
.wth_p20 { width:20%; }
.wth_p21 { width:21%; }
.wth_p23 { width:23%; }
.wth_p24 { width:24%; }
.wth_p25 { width:25%; }
.wth_p27 { width:27%; }
.wth_p30 { width:30%; }
.wth_p34 { width:34%; }
.wth_p35 { width:35%; }
.wth_p40 { width:40%; }
.wth_p44 { width:44%; }
.wth_p45 { width:45%; }
.wth_p47 { width:47%; }
.wth_p50 { width:50%; }
.wth_p51 { width:51%; }
.wth_p54 { width:54%; }
.wth_p50_5 { width:50.5%; }
.wth_p56 { width:56%; }
.wth_p58 { width:58%; }
.wth_p60 { width:60%; }
.wth_p64 { width:64%; }
.wth_p65 { width:65%; }
.wth_p70 { width:70%; }
.wth_p78 { width:78%; }
.wth_p80 { width:80%; }
.wth_p90 { width:90%; }
.wth_p94 { width:94%; }
.wth_p95 { width:95%; }
.wth_p96 { width:96%; }
.wth_p97 { width:97%; }
.wth_p97_6 { width:97.6%; }
.wth_p98 { width:98%; }
.wth_p99 { width:99%; }
.wth_p99_6 { width:99.6%; }
.wth_p100 { width:100%; }

/* height ---------------*/
.hgt_79 { height:79px; }

/* margin ---------------*/
.mg-auto { margin:0 auto; }
.mg0 { margin:0!important; }
/* --------------------------------*/
.mgTm22 { margin-top:-22px !important; }
.mgTm7 { margin-top:-7px !important; }
.mgpdT0 { margin-top:0px !important; padding-top:0px !important; }
.mgT0 { margin-top:0px !important; }
.mgT1 { margin-top:1px !important; }
.mgT2 { margin-top:2px !important; }
.mgT3 { margin-top:3px !important; }
.mgT4 { margin-top:4px !important; }
.mgT5 { margin-top:5px !important; }
.mgT6 { margin-top:6px !important; }
.mgT12 { margin-top:12px !important; }
.mgT10 { margin-top:10px !important; }
.mgT14 { margin-top:14px !important; }
.mgT15 { margin-top:15px !important; }
.mgT20 { margin-top:20px !important; }
.mgT30 { margin-top:30px !important; }
.mgT34 { margin-top:34px !important; }
.mgT40 { margin-top:40px !important; }
.mgT50 { margin-top:50px !important; }
.mgT60 { margin-top:60px !important; }
.mgT80 { margin-top:80px !important; }
.mgT100 { margin-top:100px !important; }
.mgT140 { margin-top:140px !important; }
/* --------------------------------*/
.mgR0 { margin-right:0 !important; }
.mgR10 { margin-right:10px !important; }
.mgR13 { margin-right:13px !important; }
.mgR14 { margin-right:14px !important; }
.mgR20 { margin-right:20px !important; }
.mgR25 { margin-right:25px !important; }
/* --------------------------------*/
.mgBm3 { margin-bottom:-3px !important; }
.mgB0 { margin-bottom:0 !important; }
.mgB5 { margin-bottom:5px !important; }
.mgB10 { margin-bottom:10px !important; }
.mgB15 { margin-bottom:15px !important; }
.mgB13 { margin-bottom:13px !important; }
.mgB20 { margin-bottom:20px !important; }
.mgB30 { margin-bottom:30px !important; }
.mgB32 { margin-bottom:32px !important; }
.mgB40 { margin-bottom:40px !important; }
.mgB50 { margin-bottom:50px !important; }
/* --------------------------------*/
.mgLm25 { margin-left:-25px !important; }
.mgLm20 { margin-left:-20px !important; }
.mgLm15 { margin-left:-15px !important; }
.mgL0 { margin-left:0 !important; }
.mgL3 { margin-left:3px !important; }
.mgL5 { margin-left:5px !important; }
.mgL6 { margin-left:6px !important; }
.mgL10 { margin-left:10px !important; }
.mgL15 { margin-left:15px !important; }
.mgL20 { margin-left:20px !important; }
.mgL25 { margin-left:25px !important; }
.mgL30 { margin-left:30px !important; }
.mgL40 { margin-left:40px !important; }
.mgL50 { margin-left:50px !important; }

/* padding ---------------*/
.pd0 { padding:0 !important; }
.pd5 { padding:5px 0 !important; }
.pd10 { padding:10px !important; }
/* --------------------------------*/
.pdT0 { padding-top:0px !important; }
.pdT3 { padding-top:3px !important; }
.pdT5 { padding-top:5px !important; }
.pdT6 { padding-top:6px !important; }
.pdT8 { padding-top:8px !important; }
.pdT10 { padding-top:10px !important; }
.pdT20 { padding-top:20px !important; }
.pdT25 { padding-top:25px !important; }
.pdT30 { padding-top:30px !important; }
.pdT40 { padding-top:40px !important; }
.pdT50 { padding-top:50px !important; }
.pdT65 { padding-top:65px !important; }
.pdT85 { padding-top:85px !important; }
/* --------------------------------*/
.pdB0 { padding-bottom:0 !important; }
.pdB6 { padding-bottom:6px !important; }
.pdB10 { padding-bottom:10px !important; }
.pdB20 { padding-bottom:20px !important; }
.pdB30 { padding-bottom:30px !important; }
.pdB40 { padding-bottom:40px !important; }
.pdB50 { padding-bottom:50px !important; }
.pdB3p { padding-bottom:3% !important; }
/* --------------------------------*/
.pdL0 { padding-left:0 !important; }
.pdL5 { padding-left:5px !important; }
.pdL10 { padding-left:10px !important; }
.pdL15 { padding-left:15px !important; }
.pdL20 { padding-left:20px !important; }
.pdL22 { padding-left:22px !important; }
.pdL30 { padding-left:30px !important; }
.pdL32 { padding-left:32px !important; }
.pdL40 { padding-left:40px !important; }
.pdL50 { padding-left:50px !important; }
/* --------------------------------*/
.pdR5 { padding-right:5px !important; }
.pdR10 { padding-right:10px !important; }
.pdR20 { padding-right:20px !important; }
.pdR30 { padding-right:30px !important; }

/* align ---------------*/
.txt_alg_l { text-align:left !important; }
.txt_alg_c { text-align:center !important; }
.txt_alg_r { text-align:right !important; }
/* --------------------------------*/
.fltL { float:left !important; }
.fltR { float:right !important; }

/* font ---------------*/
.ft_10_grey { font-size:10px; color:#888; }


/* --------------------------------
    15-2. TOOLTIP
-------------------------------- */
.help-tip { display:inline-block; position:relative; font-size:17px; color:var(--colorSet1); font-weight:bold; vertical-align:-1px; cursor:pointer; }

.tooltip { position:relative; cursor:pointer; }
.tooltip .tooltiptext { position:absolute; z-index:1002; opacity:0; transition:opacity 0.3s; transition-property:unset; visibility:hidden; background-color:#fff; border:2px solid var(--colorSet1); color:var(--defaultText); text-align:left; padding:8px; box-shadow:#d1d1d1 3px 3px 10px 3px; }
.tooltip .tooltiptext::after { transition-property:unset; content:""; position:absolute; top:100%; left:20%; z-index:1002; margin-left:-5px; border-width:5px; border-style:solid; border-color:var(--colorSet1) transparent transparent transparent; }
.tooltip .tooltiptext01 { width:500px; top:-10px; top:10%\0/ie10+11; left:57px; margin-left:0; }
.tooltip .tooltiptext01::after { transition-property:unset; top:10px; left:-1.5%; border:6px solid transparent; border-right-color:var(--colorSet1); border-right-width:6px; border-right-style:solid; }
.tooltip + .tooltiptext02 { position:absolute; z-index:1002; opacity:0; transition:opacity 0.5s; transition-property:unset; visibility:hidden; background-color:#fff; /*border:2px solid var(--colorSet1);*/ color:var(--defaultText); text-align:left; padding:12px; box-shadow:#d1d1d1 3px 3px 10px 3px; }
.tooltip + .tooltiptext02 { overflow-x:hidden; overflow-y:auto; min-width:300px; min-height:100px; top:20px; top:10%\0/ie10+11; right:-10px; margin-left:0; }
.tooltip + .tooltiptext02 span { line-height:21px; }
.tooltip .tooltiptext03 { position:absolute; z-index:1002; opacity:0; transition:opacity 0.8s; transition-property:unset; visibility:hidden; padding:1.72rem 1.1rem; background-color:#fff; border:2px solid var(--colorSet1); border-radius:.382rem; color:var(--defaultText); text-align:left; }
.tooltip .tooltiptext03 { overflow-x:hidden; overflow-y:auto; width:500px; height:inherit; top:30px; /*top:10%\0/ie10+11;*/ left:20px; margin-left:0; }
.tooltip .tooltiptext03 span { line-height:21px; }
.tooltip .tooltiptext03 { outline:none; -webkit-box-shadow:none; box-shadow:none; }

.tooltip:has(.tooltiptext04 ) { text-indent:0; }
.tooltip:has(.tooltiptext04 ) * { text-indent:0; }
.tooltip .tooltiptext04 { width:500px; top:-10px; left: calc(100% + 0.5em); margin-left:0; border: none; padding:0.8em 1em; }
.tooltip .tooltiptext::after { border:none; }

.txt_sub:focus .tooltiptext03 { outline:none; }
.txt_linked.tooltip:focus { outline:var(--outlineThickness) solid rgba(1, 117, 228, 0.2) !important; }

div.tooltiptext02 dl dt { display:block; width:100%; height:25px; padding:4px 0; font-size:16px; font-weight:bold; line-height:initial; box-sizing:border-box; }
div.tooltiptext02 dl dd { display:block; width:100%; margin:0; }
div.tooltiptext02 dl dd:first-of-type { padding:0 0 5px 0; font-size:12px; }
div.tooltiptext02 dl dd .mailto { display:inline-block; min-height:inherit; padding:0; border:0; background:none !important; line-height:inherit; text-decoration:underline; box-shadow:none; }
div.tooltiptext02 dl dd span { display:inline-block; min-width:48px; color:var(--colorSet1); }

.tooltip:hover .tooltiptext01 { visibility:visible; opacity:1; }
.tooltip:hover + .tooltiptext02 { visibility:visible; opacity:1; }
.tooltip:hover .tooltiptext03 { visibility:visible; opacity:1; }
.tooltip .tooltip-ico { margin-left:5px; }
.tooltip .tooltip-ico:not(.disabled):hover + .tooltiptext04 { visibility:visible; opacity:1; }
.tooltip:hover .tooltip-ico:not(.disabled) + .tooltiptext04 { visibility:visible; opacity:1; }

.tooltip span.txt_underline { display:block; margin-bottom:10px; }
.tooltip span.txt_indent { display:block; margin:0 0 10px 0; white-space:initial; }
.tooltip span.txt_blue { color:var(--colorSet1); }
.tooltiptext02 span.txt_indent02 { display:block; margin:0 0 10px 15px; }

.tooltiptext02 span.txt_underline { display:block; margin-bottom:10px; }
.tooltiptext02 span.txt_indent { display:block; margin:0 0 10px 0; white-space:initial; }
.tooltiptext02 span.txt_blue { color:var(--colorSet1); }
.tooltiptext02 span.txt_indent02 { display:block; margin:0 0 10px 15px; }


/* --------------------------------
    15-3. SCROLL
-------------------------------- */
.tooltiptext02::-webkit-scrollbar { width:5px; height:2em; }
.tooltiptext02::-webkit-scrollbar-button { background:#ccc; }
.tooltiptext02::-webkit-scrollbar-track-piece { background:#ccc; }
.tooltiptext02::-webkit-scrollbar-thumb { background:#888; }

.tooltiptext03::-webkit-scrollbar { width:5px; height:2em; }
.tooltiptext03::-webkit-scrollbar-button { background:#ccc; }
.tooltiptext03::-webkit-scrollbar-track-piece { background:#ccc; }
.tooltiptext03::-webkit-scrollbar-thumb { background:#888; }

.company-contents .section-text::-webkit-scrollbar { width:2px; height:2em; }
.company-contents .section-text::-webkit-scrollbar-button { background:#ccc; }
.company-contents .section-text::-webkit-scrollbar-track-piece { background:#ccc; }
.company-contents .section-text::-webkit-scrollbar-thumb { background:#888; }

.list_wrap03::-webkit-scrollbar { width:1px; height:0; }
.list_wrap03::-webkit-scrollbar-button { background:#ccc; }
.list_wrap03::-webkit-scrollbar-track-piece { background:#ccc; }
.list_wrap03::-webkit-scrollbar-thumb { background:#888; }

.lo_intro::-webkit-scrollbar { width:3px; height:1em; }
.lo_intro::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.lo_intro::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.lo_intro::-webkit-scrollbar-thumb { background:#a5a5a5; }

.chat-box::-webkit-scrollbar { width:3px; height:1em; }
.chat-box::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.chat-box::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.chat-box::-webkit-scrollbar-thumb { background:#a5a5a5; }

.left-slide-menu .menu-list-slide.drawer::-webkit-scrollbar { width:0; height:0; opacity:0; }
.left-slide-menu .menu-list-slide.drawer::-webkit-scrollbar-button { background:rgba(255, 255, 255, 0); }
.left-slide-menu .menu-list-slide.drawer::-webkit-scrollbar-track-piece { background:rgba(255, 255, 255, 0); }
.left-slide-menu .menu-list-slide.drawer::-webkit-scrollbar-thumb { background:rgba(255, 255, 255, 0); }

.disclosure-text::-webkit-scrollbar { width:3px; height:1em; }
.disclosure-text::-webkit-scrollbar-button { height:0; background:#d0d0d0; }
.disclosure-text::-webkit-scrollbar-track-piece { background:#d0d0d0; }
.disclosure-text::-webkit-scrollbar-thumb { background:#a5a5a5; }


/* --------------------------------
    15-4. AUTOFILL
-------------------------------- */
input:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow:0 0 0 30px white inset !important; color:var(--colorSet1); }

input:-webkit-autofill:focus,
input:-webkit-autofill:not(.disabled):hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:not(.disabled):hover { -webkit-box-shadow:0 0 0 0 white inset !important; color:var(--colorSet1); }

/*Change text in autofill textbox*/
input:-webkit-autofill,
input:-webkit-autofill:not(.disabled):hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:not(.disabled):hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active { -webkit-text-fill-color:var(--defaultText) !important; font-size:inherit; color:var(--colorSet1); }

/* --------------------------------
    16. LOADING PROGRESS BAR
-------------------------------- */
.loading-bar-box { position:relative; width:60%; max-width:500px; margin:0 auto; border-radius:20px; text-align:center; }
.loading-bar { padding:4px; border:3px solid var(--colorSet2); border-radius:22px; }
.loading-bar .gauge { max-width:100%; height:28px; border-radius:22px; background:var(--colorSet2); box-sizing:border-box; }
.loading-bar-box .file-name { margin-bottom:8px; color:#fff; text-shadow:rgba(0,0,0,.8) 0 0 4px; }
.loading-bar-box .file-name span { display:inline-block; overflow:hidden; max-width:80%; text-overflow:ellipsis; white-space:nowrap; vertical-align:-4px; }
.loading-bar-box .percentage { margin:0 0 0 15px; color:#fff; font-size:3em; font-weight:bold; text-shadow:rgba(0,0,0,.8) 0 0 5px; }



/* --------------------------------
    17. DOCUMENT COLLECTION
-------------------------------- */
/*.document-collection .section01 { padding:5px; background:#fff; }
.document-collection .section02 { margin:20px 0 0 0; padding:10px; background:#fff; }
.document-collection .package-group { position:relative; margin:0 0 8px 0; padding:0; background:#fff; box-shadow:#cecece 0px 1px 3px 1px; }
.document-collection .package-group .package-doc { width:100%; margin:0; padding:10px 20px 5px 20px; box-sizing:border-box; }
.document-collection .package-group .package-doc dt, .document-collection .package-group .package-doc dd { display:block; min-height:26px; vertical-align:middle; }
.document-collection .package-group .package-doc dt.package-name span { display:block; width:94%; font-size:14px; font-weight:bold; }
.document-collection .package-group .package-doc dd.tbl_note { margin-top:10px; }
.document-collection .package-group .package-doc dd.tbl_note span { display:inline-block; padding:0 5px 0 0; color:var(--colorSet1); }
.document-collection .package-group .package-doc dd span { font-size:14px; }
.document-collection .loan_wrap { position:relative; border-top:1px dotted #c1c1c1; }
.document-collection .loan_wrap:first-of-type, div.loanprocess_wrap div.loan_wrap:only-of-type { border-top:none; }
.document-collection .loan_wrap .uploaded_file { margin:2px 20px 2px 0; padding:0 20px 10px 20px; background:#fff; }
.document-collection .loan_wrap .uploaded_file ul li { padding:2px 0 0 0; border-top:none; }
.document-collection .package-group .tbl_note { margin:4px 0 0 0; padding:8px 20px 10px 20px; background:#f1f1f1; }
.document-collection .package-group .tbl_note span { display:inline-block; padding:0 5px 0 0; color:var(--colorSet1); }
.document-collection .num { position:absolute; top:10px; width:40px; font-weight:bold; min-height:85px; }
.document-collectionB .package-group .tbl_note { padding:0; background:none; }*/

.document-collection { max-width:900px !important; width:100%; min-height:300px; margin:0 auto 50px auto; font-size:14px; }
.document-collection .txt_info { font-size:14px; line-height:1.6em; }
.document-collection .txt_info span { color:var(--colorSet1); font-size:16px; font-weight:400; }
.document-collection .txt_info.txt_c { display:inline-block; width:100%; margin:0 auto; padding:50px 0; text-align:center; }

.document-collection-B .btn_comm { min-width: 200px; }
.document-collection-B .txt_info span { font-size: 16px; font-weight: bold; }
.document-collection-B .request-detail .request-title span { display: inline-block; margin: 8px 0 0 0; color: var(--colorSet3); font-size: 26px; text-align: left; }
.document-collection-B .request-detail .request-title h2 { display: inline-block; float: left; margin: 0 auto; padding: 0 12px 0 5px; color: var(--colorSet3); font-size: 36px; text-align: left; font-weight: normal; }
.document-collection-B .package-group { position: relative; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width: 100%; height: 100%; margin: 0; padding: 22px 0; border:none; border-bottom: 1px solid #e0e0e0; background: #fff; box-sizing: border-box; cursor: default; box-shadow:none; }
.document-collection-B .package-group .doc-note { margin-top: 10px; word-break: break-word; }
.document-collection-B .package-group .package-doc { padding:0; }
.document-collection-B .package-group .package-doc .package-name{ position: relative; width: 100%; margin-bottom: 2px; color: #0381a2; font-weight: 600; font-size:14px; }
.document-collection-B .package-group .package-doc .package-name span{ font-size:1em; }
.document-collection-B .package-group .package-doc dd:nth-child(2) { overflow: hidden; margin-bottom: 2px; padding-right: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.document-collection-B .package-group .document_comment{ margin:0; }
.document-collection-B .package-group .file_input label{ width:100%; height:unset;}
.document-collection-B .package-group .file_input label button{ padding: .72rem 1.1rem; width:100%; height:unset; }
.document-collection-B .package-group .tbl_note { font-size:1em; }
.document-collection-B .package-group .uploaded_file{ margin: 10px 0 0 0; width:100%;}
.document-collection-B button.btn_close:focus { outline: var(--outlineThickness) solid var(--newOutline); }
.document-collection-B .package-group .tbl_note { margin-top:10px; }

.request-detail {
    margin: 50px 0 0 0;
}
.request-detail .request-title { display:inline-block; width:100%; max-height:80px; margin:0; padding:0 10px; border-bottom:2px solid #e0e0e0; background:#fff; color:var(--colorSet1); box-sizing:border-box; }
.request-detail .request-title span { display:inline-block; margin:8px 0 0 0; color:var(--colorSet1); font-size:26px; text-align:left; }
.request-detail .request-title h2 { display:inline-block; float:left; margin:0 auto; padding:0 12px 0 5px; color:var(--colorSet1); font-size:36px; text-align:left; font-weight:normal; }
.request-detail .request-list { /*display:none;*/ position:relative; height:100%; margin:0 0 50px 0; background:#fff; }
.request-detail .request-list button.btn_close { display:inline-block; position:inherit; top:inherit; right:inherit; width:18px; height:18px; margin:2px 0 0 0; padding:0; border:1px solid #ccc; background:#fff; color:#b9b9b9; font-size:12px; font-weight:bold; line-height:18px; vertical-align:middle; outline:none; }
.request-detail .request-list button.btn_fold { display:inline-block; position:absolute; bottom:0; left:0; right:0; width:880px; height:30px; margin:0 auto; padding:0; border:0; background:#ddd; color:var(--defaultText); font-size:20px; font-weight:bold; line-height:35px; vertical-align:middle; outline:none; }
.request-detail .dashboard-list { margin-top:0; }
.document_account dt { display:inline-block; vertical-align:top; }
.document_account dd { display:inline-block; vertical-align:top; }
.document_account dd button.doc_account { width:100%; }

/* --------------------------------
    18. COMPANY MAIN
-------------------------------- */
.nav-company { width:100%; max-width:1800px !important; height:30px; margin-top:10px; margin-bottom:20px; }
.nav-banner { display:inline-block; position:absolute; top:10px; right:4%; z-index:1002; width:300px; text-align:right; }
.nav-banner ul li { display:inline-block; min-width:45px; height:28px; padding:5px 2px; color:var(--colorSet1); font-weight:normal; font-size:14px; text-align:left; line-height:1.5em; vertical-align:middle; }
.nav-banner button { min-width:50px; padding:6px 15px; border:1px solid var(--colorSet1); background:var(--colorSet1); color:#fff; text-align:center; }
/*.nav-company button { border:1px solid #797676; background:#797676; }*/
.nav-company button { border: 0px; }
.nav-company .btn-home { min-width:34px; width:34px; padding:6px 0; border:1px solid #797676; background:#797676; }
/*new style menu*/
.nav-company { padding-bottom:20px; text-align:right; }
.nav-company li { display:inline-block; height:32px; margin:0 8px; font-size:16px; text-align:right; vertical-align:middle; }
.nav-company li.borderline { width:10px; padding:10px 5px; color:#6d6d71; font-weight:normal; cursor:default; }
.nav-company li:first-of-type { margin-left:0; }
.nav-company li:last-of-type { margin-inline:0; }
.nav-company li a,
.nav-company li button { width:100%; min-width:initial; min-height:initial; padding:0; border:none; background:none; color:inherit; font-size:inherit; text-align:center; box-sizing:border-box; box-shadow:none; }
.nav-company li a:is(:focus, :hover, :active),
.nav-company li button:is(:focus, :not(.disabled):hover, :active) { color:var(--colorSet1); }

.nav-company .ico-lang { position:absolute; top:7px; left:7px; font-size:20px; color:var(--defaultText); }
.nav-company .fa-caret-down { position:absolute; top:7px; right:10px; font-size:16px; }
.nav-company .nav-lang { display:inline-block; position:relative; width:40px; min-width:inherit; height:38px; padding:0; border-radius:100%; background:none; color:var(--defaultText); font-weight:normal; font-size:13px; text-align:center; line-height:inherit; vertical-align:middle; cursor:pointer; box-sizing:border-box; }
.nav-company .nav-lang button:not(.dropdown-list button) { display:inline-block; position:relative; width:40px; min-width:inherit; height:30px; padding:0; background:none; font-weight:500; font-size:30px; text-align:center; line-height:30px; vertical-align:middle; cursor:pointer; box-sizing:border-box; }
.nav-company .nav-lang button:not(.dropdown-list button):is(:focus, :not(.disabled):hover, :active) { color:var(--colorSet1); }
.nav-company .nav-lang .dropdown-box { height:32px; padding-left:30px; border-radius:.382rem; background:none; color:var(--defaultText); line-height:28px; cursor:pointer; box-sizing:border-box; }
.nav-company .nav-lang .dropdown-list { position:absolute; top:32px; right:2px; z-index:1004; width:inherit; min-width:120px; padding:0; border:none; border-radius:.382rem; background:rgba(255, 255, 255, 0.38); color:var(--defaultText); box-shadow:var(--default-shadow); box-sizing:border-box; }
.nav-company .nav-lang .dropdown-list li { width:100%; height:inherit; margin:0; padding:0; border-radius:0; font-size:14px; text-align:center; cursor:pointer; box-sizing:border-box; }
.nav-company .nav-lang .dropdown-list li:hover { background:var(--defaultHover); color:var(--colorSet2); text-decoration:none; }
.nav-company .nav-lang .dropdown-list li:nth-child(1) { border-radius:.382rem .382rem 0 0; }
.nav-company .nav-lang .dropdown-list li:nth-child(2) { border-radius:0 0 .382rem .382rem; }
.nav-company .nav-lang .dropdown-list button { height:40px; line-height:40px; }
.nav-company .nav-lang .dropdown-list button:is(:focus, :not(.disabled):hover, :active) { color:var(--colorSet1); }

.company-wrap { max-width:1800px !important; width:100%; margin:30px auto 50px auto; text-align:center; }
.company-contents { display:inline-block; overflow:visible; position:relative; min-height:150px; }
.company-contents .section-text-group { display:inline-block; overflow:visible; position:absolute; bottom:20px; left:50px; z-index:1002; overflow-y:auto; width:447px; min-height:250px; background:transparent; text-align:center; box-sizing:border-box; }
.company-contents .section-text { display:inline-block; padding:20px; background:transparent; text-align:left; box-sizing:border-box; }
.company-contents .section-text h2 { margin-bottom:20px; font-size:2.2em; font-weight:bold; }
.company-contents .section-text h7 { font-size:14px; font-weight:normal; }
.company-contents .section-image { position:relative; display:inline-block; overflow:hidden; float:right; width:100%; min-height:300px; max-height:500px; box-sizing:border-box; }
.company-contents .section-image .carousel { position:relative; max-height:500px; }
.company-contents .section-image .carousel ul li { display:none; width:100%; min-height:300px; /*max-height:500px;*/ }
.company-contents .section-image .carousel ul li img { width:100%; /*height:100%;*/ }
.company-contents .section-image .carousel ul li.current { display:inline-block; }
.company-contents .section-image .nav-arrow { display:none; position:absolute; top:47%; left:0; z-index:1002; width:100%; text-align:center; }
.company-contents .section-image .nav-arrow img:nth-child(1) { float:left; width:50px; cursor:pointer; }
.company-contents .section-image .nav-arrow img:nth-child(2) { float:right; width:50px; cursor:pointer; }
.company-contents .section-image .nav-slide { display:none; position:absolute; left:48%; bottom:2%; z-index:1002; width:100px; margin:0 auto; text-align:center; }
.company-contents .section-image .nav-slide ul li { display:inline-block; width:18px; min-height:18px; text-align:center; }
.company-contents .section-image .nav-slide ul li span { display:inline-block; width:12px; height:12px; border-radius:20px; background:#d8d8d8; cursor:pointer; text-indent:-500em; }
.company-contents .section-image .nav-slide ul li span.current { background:var(--colorSet1); }

.company-wrap .lo-group .lo-contact dl dd { margin:0; }
.company-wrap .lo-group .lo-contact dl dd.name a { margin-bottom:2px; }
.company-wrap .lo-group .lo-contact dl dd.title { min-height:inherit; margin-bottom:7px; border:0; font-size:12px; color:var(--defaultText); opacity:.7 }
.company-default { max-width:1290px; margin:0 auto; }
.company-info { display:inline-block; width:100%; max-width:800px; margin:30px 0 20px 0; color:var(--defaultText); text-align:center; vertical-align:top; }
.company-info .name { margin:0 0 15px; font-size:2em; font-weight:bold; }
.company-info .addr { margin:0 0 15px; font-size:14px; }
.company-info .contact .title { margin-top:12px; color:inherit; font-weight:bold; }
.company-info .contact dl dd { color:var(--defaultText); font-size:14px; }
.company-intro { display:inline-block; width:100%; max-width:1209px; margin:40px 0 20px 0; text-align:left; vertical-align:top; }
.company-intro span { display:block; }

.sort-group { padding-top:20px; text-align:center; }
.sort-group ul li { display:inline-block; min-width:95px; height:28px; padding:5px 2px; color:#797676; font-weight:normal; font-size:14px; text-align:center; line-height:1.5em; vertical-align:middle; }
.sort-group ul li span { font-size:12px; cursor:pointer; }
.sort-group ul li span.on { color:var(--colorSet1); text-decoration:underline; }
.sort-group ul li span:not(.disabled):hover { text-decoration:underline; }
.sort-group ul li.borderline { width:10px; min-width:10px; padding:10px 2px; color:var(--defaultText); font-weight:normal; cursor:default; }

.lo-group { max-width:900px; margin:20px auto 0 auto; text-align:left; }
.lo-group .lo-box { display:inline-block; width:48.5%; height:185px; margin-bottom:40px; vertical-align:top; }
.lo-group .lo-pic { display:inline-block; width:180px; text-align:center; }
.lo-group .lo-pic img { width:100%; max-height:180px; margin:0 auto; }
.lo-group .lo-contact { display:inline-block; width:49%; margin:0 0 0 10px; text-align:left; vertical-align:top; }
.lo-group .lo-contact dl { height:150px; }
.lo-group .lo-contact dl dd { display:block; width:100%; font-size:12px; color:var(--defaultText); word-break:break-word; }
.lo-group .lo-contact dl dd.lo-title { margin-top:6px; opacity:.7; }
.lo-group .lo-contact dl dd.name a { margin:0 0 10px 0; color:var(--colorSet1); font-size:14px; font-weight:bold; }
.lo-group .lo-contact dl dd.name a:hover { text-decoration:underline; }
.lo-group .lo-contact .apply a { margin:5px 0 0 0; color:var(--colorSet1); font-size:12px; text-decoration:underline; }
.lo-group .lo-contact .apply a:not(.disabled):hover { opacity:.8; }

/*20240802 ZIP-1335 */

.lo-group.lo-group-grid .lo-box-container { display:grid; grid-template-columns:1fr 1fr; }
.lo-group.lo-group-grid .lo-box { width:100%; height:unset; }
.lo-group.lo-group-grid .lo-contact dl { height:unset; }

/*image only*/
.company-wrap-only .lo-box { width:32%; }
.company-wrap-only .lo-pic { display:none; }
.company-wrap-only .lo-contact { width:90%; text-align:center; }

.loan-process .loanofficer-group-only .lo-pic { display:none; }
.loan-process .loanofficer-group-only .lo-contact { width:90%; }


/* --------------------------------
    19. SPIN BUTTONS
-------------------------------- */
.spinbutton {
display: grid;
grid-template-columns: 32px 80px 32px;
grid-template-rows: 5px 30px 5px;
grid-column-gap: 10px;
grid-row-gap: 0px;
}

.datepicker-spinbuttons .decrease { grid-area: 2 / 1 / 3 / 2; }
.datepicker-spinbuttons .current { grid-area: 1 / 2 / 4 / 3; }
.datepicker-spinbuttons .increase { grid-area: 2 / 3 / 3 / 4; }

/*.datepicker-spinbuttons .decrease { grid-area: 1 / 1 / 4 / 2; }
.datepicker-spinbuttons .previous { grid-area: 1 / 2 / 2 / 3; }
.datepicker-spinbuttons .current { grid-area: 2 / 2 / 3 / 3; }
.datepicker-spinbuttons .next { grid-area: 3 / 2 / 4 / 3; }
.datepicker-spinbuttons .increase { grid-area: 1 / 3 / 4 / 4; }*/




/*------------------------------------
  89. Go To
------------------------------------*/
.u-go-to { position:relative; z-index:100; width:35px; height:35px; background-color:#444; color:#fff; font-size:0.75rem; border-radius:0.25rem; opacity:0.5; transition:0.3s ease-out; }
.u-go-to__inner { position:absolute; top:15px; left:50%; font-size:16px; font-weight:bold; color:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.u-go-to:not(.disabled):hover, .u-go-to:focus:hover { color:#fff; }





/* -------------------------------- JD -------------------------------- */

/* --------------------------------
    MessageBox
-------------------------------- */
.MessageBoxBehind { width:100%; height:120%; position:absolute; background-color:#434343; z-index:10; opacity:0.7; text-align:center; display:none; }
.MessageBoxContent { z-index:1000; position:absolute; background-color:white; top:30%; left:40%; display:none; }



/* -------------------------------- JN -------------------------------- */
strong, strong span { font-weight:bold; }
strong, b { font-weight:bold; }
fieldset { margin:0; padding:0; border:0px; }




/* -------------------------------- AL -------------------------------- */
.content-level-1 input[type="text"], .content-level-1 input[type="tel"], .content-level-1 input[type="password"] { height:40px; box-sizing:border-box; }
.content-level-1 select { height:40px; box-sizing:border-box; }
.content-level-1 textarea { min-height:130px; font-size:1.2em; color:var(--defaultText); box-sizing:border-box; }
.progress-hiden-title { width:100%; margin-bottom:10px; text-align:center; }
h3.progress_hidentitle { display:none; color:var(--defaultText); font-size:1.2em; font-weight:bold; text-align:center; }
.content-percent ul li input[type="text"], 
.content-level-2 ul li input[type="tel"], 
.content-level-2 ul li select { width:100%; }
.content-percent ul li input.wc_money { max-width:210px; }
.content-level-2 li span.keep-all-group { display:inline-block; word-break:keep-all; }
/**::selection { background:#e8eef9; color:#595959; }*/

/*for ADA*/
/*#chkSSN:focus ~ label { outline:4px solid var(--newOutline); -webkit-transition:all 0.01s linear; }*/
input[type="checkbox"]:focus ~ .ico_chkbox { outline:var(--outlineThickness) solid var(--newOutline); }
input[type="radio"]:focus ~ .ico_radio { outline:var(--outlineThickness) solid var(--newOutline); }


/* ADA persona05 */

.typeOfIncome-row { display:flex; align-items:flex-end; }
.typeOfIncome-row > div {  position:relative; display:inline-block; margin-bottom:1%; vertical-align:bottom; }

/* ADA financial01*/

.assetInfo-row { display:flex; align-items:flex-end;  }
.assetInfo-row > div {  position:relative; display:inline-block; margin-bottom:1%; vertical-align:bottom; }
 


/* ADA skiplink*/
.skip_link { position:absolute; top:0; z-index:100; padding:15px; box-sizing:border-box; }
.skip_link .skip_link_btn { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; padding: 10px; border-radius: 1.5em; background-color: #ffffff; color: var(--colorSet2); border: 1px solid var(--colorSet2); outline-offset: 3px; outline-width: 3px; }
.skip_link .skip_link_btn:focus { position: static; width: auto; height: auto; }

/* --------------------------------
    
-------------------------------- */
@-webkit-keyframes loader {
    0% { width:0; }
	20% { width:10%; }
	25% { width:24%; }
	43% { width:41%; }
	56% { width:50%; }
	66% { width:52%; }
	71% { width:60%; }
	75% { width:76%; }
	94% { width:86%; }
	100% { width:100%; }
}

@keyframes loader {
	0% { width:0; }
	20% { width:10%; }
	25% { width:24%; }
	43% { width:41%; }
	56% { width:50%; }
	66% { width:52%; }
	71% { width:60%; }
	75% { width:76%; }
	94% { width:86%; }
	100% { width:100%; }
}


.col-push-1 { left:8.333333333333332% !important; }
.col-push-2 { left:16.666666666666664% !important; }
.col-push-3 { left:25% !important; }
.col-push-4 { left:33.33333333333333% !important; }
.col-push-5 { left:41.66666666666667% !important; }
.col-push-6 { left:50% !important; }
.col-push-7 { left:58.333333333333336% !important; }
.col-push-8 { left:66.66666666666666% !important; }
.col-push-9 { left:75% !important; }
.col-push-10 { left:83.33333333333334% !important; }
.col-push-11 { left:91.66666666666666% !important; }
.col-pull-1 { right:8.333333333333332% !important; }
.col-pull-2 { right:16.666666666666664% !important; }
.col-pull-3 { right:25% !important; }
.col-pull-4 { right:33.33333333333333% !important; }
.col-pull-5 { right:41.66666666666667% !important; }
.col-pull-6 { right:50% !important; }
.col-pull-7 { right:58.333333333333336% !important; }
.col-pull-8 { right:66.66666666666666% !important; }
.col-pull-9 { right:75% !important; }
.col-pull-10 { right:83.33333333333334% !important; }
.col-pull-11 { right:91.66666666666666% !important; }
.col-offset-0-5 { margin-left:4% !important; }
.col-offset-1 { margin-left:8.333333333333332% !important; }
.col-offset-1-5 { margin-left:12% !important; }
.col-offset-2 { margin-left:16.666666666666664% !important; }
.col-offset-3 { margin-left:25% !important; }
.col-offset-4 { margin-left:33.33333333333333% !important; }
.col-offset-5 { margin-left:41.66666666666667% !important; }
.col-offset-6 { margin-left:50% !important; }
.col-offset-7 { margin-left:58.333333333333336% !important; }
.col-offset-7-5 { margin-left:62% !important; }
.col-offset-8 { margin-left:66.66666666666666% !important; }
.col-offset-9 { margin-left:75% !important; }
.col-offset-10 { margin-left:83.33333333333334% !important; }
.col-offset-11 { margin-left:91.66666666666666% !important; }
.col-offset-r-0 { margin-right:0 !important; }
.col-offset-r-0-5 { margin-right:4% !important; }
.col-offset-r-1 { margin-right:8.333333333333332% !important; }
.col-offset-r-2 { margin-right:16.666666666666664% !important; }
.col-offset-r-3 { margin-right:25% !important; }
.col-offset-r-4 { margin-right:33.33333333333333% !important; }
.col-offset-r-5 { margin-right:41.66666666666667% !important; }
.col-offset-r-6 { margin-right:50% !important; }
.col-offset-r-7 { margin-right:58.333333333333336% !important; }
.col-offset-r-8 { margin-right:66.66666666666666% !important; }
.col-offset-r-9 { margin-right:75% !important; }
.col-offset-r-10 { margin-right:83.33333333333334% !important; }
.col-offset-r-11 { margin-right:91.66666666666666% !important; }

/*font size*/
.fs-1 { font-size:28px !important }
.fs-2 { font-size:26px !important }
.fs-3 { font-size:25px !important }
.fs-3-5 { font-size:22px !important }
.fs-4 { font-size:20px !important }
.fs-5 { font-size:18px !important }
.fs-6 { font-size:16px !important }
.fs-7 { font-size:14px !important }
.fs-7-5 { font-size:13.5px !important }
.fs-8 { font-size:13px !important }
.fs-9 { font-size:12px !important }
.fs-10 { font-size:11px !important }
.fs-base { font-size:1rem !important }
.fs-fluid { font-size:100% !important }
.fs-0x { font-size:calc(0.8rem + .2vw) !important }
.fs-1x { font-size:calc(0.8rem + .6vw) !important }
.fs-2x { font-size:calc(1.325rem + .9vw) !important }
.fs-2qx { font-size:calc(1.35rem + 1.2vw) !important }
.fs-2hx { font-size:calc(1.375rem + 1.5vw) !important }
.fs-2tx { font-size:calc(1.4rem + 1.8vw) !important }
.fs-3x { font-size:calc(1.425rem + 2.1vw) !important }
.fs-3qx { font-size:calc(1.45rem + 2.4vw) !important }
.fs-3hx { font-size:calc(1.475rem + 2.7vw) !important }
.fs-3tx { font-size:calc(1.5rem + 3vw) !important }
.fs-4x { font-size:calc(1.525rem + 3.3vw) !important }
.fs-4qx { font-size:calc(1.55rem + 3.6vw) !important }


/*************************************
    MEDIA QUERY
*************************************/

@media screen and (min-width:500px) {
    .content-level-1 { position:relative; min-height:456px; }
    .left-menu ~ .content-level-1 { padding-left:59px; /*border-left:1px solid #e7e7e7;*/ }
    .content-level-1 .btn-group { position:absolute; bottom:0; }
    /*.content-level-1 .btn-group dd { margin:0 3px; }*/

}

/*wide screen*/
@media screen and (min-width:1241px) {
    .left-menu { display:inline-block; }
    .left-menu-container { display:none!important; }
    .menu-list-slide { display:none!important; }
    .drawer-overlay { display:none!important; }
}

/*medium screens*/
@media screen and (max-width:1360px) {
    .left-slide-menu .menu-container { margin-top:0; }
    .left-slide-menu .menu-container ul.left-menu-1 { padding:40px 0 5px 0; border-radius:0; }
    .left-slide-menu .menu-container ul.left-menu-2 {  }
    .left-slide-menu .menu-container ul.left-menu-3 { padding:5px 0 20px 0; background:#fff; }

    /*ADA -- dispose unnecessarily used UL and change it to div 2025 feedback*/
    .left-slide-menu .menu-container div.left-menu-3 { padding:5px 0 20px 0; background:#fff; }
}

@media screen and (max-width:1265px) {
    .left-menu ~ .content-level-1 { padding-left:33px; }
}
@media screen and (max-width:1240px) {
    .new-nav-wrap { display:none; }
    .left-menu { display:none; position:absolute; top:0; left:0; z-index:2001; }
    .left-menu-container { display:block; position:absolute; top:8px; left:-5px; z-index:1998; min-width:260px; padding:0; border-radius:.5rem; border-top-left-radius:0; border-bottom-left-radius:0; background:var(--colorSet1); font-size:1.2rem; cursor:pointer; }
    .left-menu-container button { width:100%; padding:.72rem 0.5rem 0.775rem 20px; border:none; background:none; color:inherit; font-size:inherit; text-align:left; }
    .left-menu-container:not(.disabled):hover > .left-menu-title-fold { opacity:0.8; }
    .left-menu-container:not(.disabled):hover > .btn-leftmenu { opacity:0.8; }
    .left-menu-title-fold { display:inline-block; margin-left:2%; color:#fff; font-size:calc(1.15rem + .1vw); vertical-align:2px; }
    .btn-leftmenu { padding-left:8px; /*border:1px solid var(--colorSet1); border-radius:.65rem; background:var(--colorSet1);*/ color:#fff; font-size:1.2em; cursor:pointer; }
    .content-level-1 { width:100%; padding-top:50px; padding-left:0; border-left:none; transition:ease-out 0.3s; }
    .left-menu ~ .content-level-1 { padding-left:0; border-left:none; }
    .content-level-1 .title-level-1 { margin-bottom:5px; /*padding-left:5px;*/ }
    .content-level-1 .address-form .title-level-1 { margin-bottom:3%; }
    /*.content-level-1 .address-form { padding-left:5px; }*/
    .txt_sub { padding-left:5px; }
    .title-level-1 ~ .txt_sub { padding-left:0; }
    .content-level-1 .content-level-2 .dependent-num { margin-top:10px; }
    .content-level-1 .content-level-2 .dependent-decrease-btn { margin-top:10px; }
    .content-level-1 .content-level-2 .dependent-increase-btn { margin-top:10px; }

    /*slide menu*/
    .left-slide-menu .menu-container { margin-top:0; }
    .left-slide-menu .menu-container dl.left-menu-1 { padding:40px 0 5px 0; border-radius:0; }
    .left-slide-menu .menu-container dl.left-menu-2 {  }
    .left-slide-menu .menu-container dl.left-menu-3 { padding:5px 0 20px 0; background:#fff; }
}


/*semi-wide screens*/
@media screen and (min-width:1241px) and (max-width:1360px) {
    .left-menu { display:inline-block; }
    .left-menu-container { display:none!important; }
    /*.btn-leftmenu { display:none!important; }
    .left-menu-title-fold { display:none!important; }*/
    .content-level-1 { width:870px; max-width:870px; padding-left:30px; }
    
}

/*financial buttons*/
@media screen and (min-width:701px) and (max-width:880px) {
    /*.content-level-1 .option-container .delete-item { width:40px; padding:10px 14px 10px 13px; }
    .content-level-1 .option-container .add-item { width:38px; padding:10px 14px 10px 13px; }
    
    .delete-item:hover { padding:8px 0; }
    .delete-item:hover::before { padding:8px 0; background:var(--colorSet1); color:#fff; font-family:"Font Awesome 5 Free"; content:"\f2ed"; font-size:1.2em; }
    .add-item:hover { padding:8px 0; }
    .add-item:hover::before { padding:8px 0; background:var(--colorSet1); font-family:"Font Awesome 5 Free"; content:"\f067"; font-size:1.2em; font-weight:900; }*/
    /*.content-level-1 .content-level-2.option-container dd .fa-dollar-sign { position:absolute; top:14px; left:0; }*/
}

/*Reset Password*/
@media screen and (min-width:600px) {
    .content-level-1.content-account .content-level-2 input[type='password'] { max-width:500px; }
}

@media screen and (min-width:701px) and (max-width:920px) {
    /*declaration*/
    .content-level-1 .content-level-2.dec-sub-container { margin-top:5px; padding-left:5px; }
    .content-level-1 .content-level-2.dec-sub-container .col-2 { width:40% !important; }
    .content-level-1 .content-level-2.dec-sub-container .col-5 { width:97% !important; margin-bottom:3%; }
    .content-level-1 .content-level-2.dec-sub-container .col-6 { width:97% !important; }
    /*demographic*/
    .content-level-1.content-demographic .content-level-2 .dem-sub-container { width:97% !important; margin-right:0!important; }
    .content-level-1.content-demographic .content-level-2 .dem-sub-container li { width:45% !important; margin-right:0!important; }
    .content-level-1.content-demographic .content-level-2 .col-6 { width:90% !important; }
    .content-level-1.content-demographic .content-level-2 .col-7-5 { width:45% !important; }
    .content-level-1.content-demographic .content-level-2 .col-8.fs-8 { width:90% !important; max-width:90%; }
    .content-level-1.content-demographic .content-level-2 .col-1-5.col-offset-r-9 { width:80% !important; }
}

/*financial narrow screens*/
@media screen and (min-width:321px) and (max-width:790px) {
    .content-level-1 .option-fin .col-3 { width:98% !important; }
    .content-level-1 .option-fin .col-4 { width:98% !important; }
    /*financial buttons*/
    .content-level-1 .content-level-2.option-fin .col-2-5 { width:45%!important; max-width:207px; }
    /*.content-level-1 .content-level-2.option-fin .col-2-5:last-of-type { text-align:right; }*/
}

/*narrow screens*/
@media screen and (max-width:550px) {
    /*back to loan summary*/
    .btn__summary .btn_comm { min-width:100px!important; padding:.72rem 1.18rem; }
    /*.content-level-1 .btn-group .btn__summary a,
    .content-level-1 .btn-group .btn__summary button { width:inherit!important; min-width:inherit!important; }
    .content-level-1.content-contact .btn-group .btn__summary a,
    .content-level-1.content-contact .btn-group .btn__summary button { width:inherit!important; min-width:inherit!important; }*/

    /*popups*/
    .popup_wrap .popup_cont { margin:40px auto; padding:10px 5px; }
    .popup_wrap .address-form { padding-inline:20px; }
    .popup_wrap .btn-group { height:inherit; }
    .popup_wrap .btn-group .btn_comm { margin-block:3px; }

    
    /*upload 20240717 */
    .package-group .uploaded-file .file-list-invalid .file-invalid-msg,.popup_upload  .uploaded-file .file-list-invalid .file-invalid-msg { padding-inline-start:0px;  display:flex; align-items:center;}
    .package-group .uploaded-file .file-list-encrypted .file-encrypted-msg, .popup_upload .uploaded-file .file-list-encrypted .file-encrypted-msg { padding-inline-start:0px;   display:flex; align-items:center; }

    .uploaded-file ul li .file-invalid-msg { display:flex; align-items:center; }
    .uploaded-file ul li .file-encrypted-msg { display:flex; align-items:center; }

    .package-group .uploaded-file .file-list-encrypted .file-encrypted-pwd,.popup_upload .uploaded-file .file-list-encrypted .file-encrypted-pwd { padding-inline-start:0px; flex-direction: column; justify-content:center; align-items:flex-start; }
    .uploaded-file ul li .file-encrypted-pwd { padding-inline-start:0px; flex-direction: column; justify-content:center; align-items:flex-start; }
    .uploaded-file ul li .file-encrypted-pwd label, .uploaded-file ul li .file-encrypted-pwd input[type='password'], .uploaded-file ul li .file-encrypted-pwd i, .uploaded-file ul li .file-encrypted-pwd div, .uploaded-file ul li .file-encrypted-pwd button { margin-bottom: 5px; }


}

@media screen and (max-width:730px) {
    body { min-width:100%; }
    .btn-group { min-width:100%; }
    .content-level-1 { width:100%; max-width:100%; padding-left:0; }
    .content-level-1 .content-level-2 li { margin-right:0; }
    .content-level-1 address-form div:not(.btn-group, .title-level-1) { margin-right:0; }
    .content-level-1 .content-level-2.dec-sub-container { margin-top:5px; padding-left:5px; }
    /*date format*/
    .content-level-1 .date-container .col-1 { width:10% !important; max-width:82px; }
    .content-level-1 .date-container .col-1-5 { width:30% !important; max-width:82px; }
    .content-level-1 .date-container .col-2 { width:40% !important; max-width:123px; margin-right:2%; } 
    .content-level-1 .date-container .date-slash { width:5% !important; max-width:12px; }
    .content-level-1 .birth-container .col-1 { width:10% !important; max-width:82px; }
    .content-level-1 .birth-container .col-1-5 { width:30% !important; max-width:82px; }
    .content-level-1 .birth-container .col-2 { width:40% !important; max-width:123px; margin-right:2%; } 
    .content-level-1 .birth-container .date-slash { width:5% !important; max-width:12px; }
    /*contact us*/
    .contact-container { left:5%; max-width:400px; width:100%; }
    .popup-web .popup_wrap { /*left:6%!important;*/ z-index:2003; max-width:400px; }
    /*button*/
    .btn-round { max-width:150px; padding:.562rem 0rem; }
    /*popups*/
    .landing-web .popup_wrap { width:90%; max-width:450px; }
    .popup_wrap.popup_guide { left:6%; }
    /*file upload*/
    .content-level-1 .content-level-2 .file-list .col-3 { width:25% !important }
    .content-level-1 .content-level-2 .file-list .col-8.txt-title { width:66.66666666666666% !important; white-space:normal; }
    /*file upload popups*/
    .landing-web .popup_upload { left:5%; min-width:300px; max-width:400px; width:100%; }
    /*financial*/
    .content-level-1 .option-add .txt_linked.mgL10 { width:100%; margin-left:0!important; }
    /*company main*/
    .login_wrap { width:100%; }
    .login-form h2 { width:100%; max-width:100%; }
    .companymain_login.login_wrap { width:100%; }
    .companymain_login.login_wrap h2 { width:100%; }
    /*Document_Inkit Request*/
    .request-detail .request-title { padding:0; }

    /*financial narrow screen*/
    .content-level-1 .content-level-2 :is(.typeOfIncome-row, .assetInfo-row):nth-child(2) { border-top:none; }
    .content-level-1 .content-level-2 :is(.typeOfIncome-row, .assetInfo-row) { padding-bottom: 2em; border-top: 3px dotted var(--defaultBorder); }

}

@media screen and (max-width:920px) {
    /*contact*/    
    .content-level-1 .address-form div:not(.btn-group, .title-level-1) { width:100%!important; max-width:630px; }
    .content-level-1 .address-form div.title-level-2 { display:block; width:100%; margin:0; }
    .content-level-1.content-contact div:not(.btn-group, .title-level-1) { width:100%!important; max-width:630px; }
    .content-level-1.content-contact div.title-level-2 { display:block; width:100%; margin:0; }
    .content-level-1.content-contact .yn-form li.col-4 { width:33.33333333333333% !important; max-width:120px; }
    .content-level-1.content-contact .btn-group a,
    .content-level-1.content-contact .btn-group button { width:13.5%!important; min-width:126px; }
    .content-level-1.content-contact .btn-group .btn__lg { width:max-content!important; min-width:216px; max-width:99%!important; margin-left:0; }
    .content-level-1.content-contact .notice-required { top:6px; left:initial; right:0; text-align:right; }
    .content-level-1.content-contact .notice-required.col-11 { top:inherit; bottom:initial; }
    .content-level-1.content-contact .phone-numeric + .notice-required { left:initial; right:0; }
    .content-level-1.content-contact .btn-group .btn__summary button { width:inherit!important; min-width:inherit!important; }
    /*address*/
    .content-level-1 .address-form div:not(.btn-group, .title-level-1) { width:100%!important; max-width:630px; }
    .content-level-1 .address-form divdiv.title-level-2 { display:block; width:100%; margin:0; }
    /*submit*/
    .content-level-1 .content-level-2 .submit-text + ul .col-4 { width: 90% !important; margin-bottom:15px; }
    .content-level-1 .content-level-2 .submit-text + ul .col-5 { width: 90% !important; margin-bottom:15px; }
    .content-level-1 .content-level-2 .clsFinishLink { display:none; }
    .content-level-1 .content-level-2 .clsFinishLinkSecond { display:block; margin-top:10px; padding:0; }
    /*document request*/
    .document_account .col-8 { width:100% !important; margin-bottom:10px; }
    
}

@media screen and (min-width:921px) {
    /*submit*/
    .content-level-1 .content-level-2 .clsFinishLink { display:block; }
    .content-level-1 .content-level-2 .clsFinishLinkSecond { display:none; }
}


/*mobile*/
@media screen and (max-width:499px) {
    /*mobile-default-portrait*/
	*:hover, *:active, *:focus { opacity:1 !important; }
    .checkbox-handler input:hover, .checkbox-handler input:active, .checkbox-handler input:focus { opacity:0 !important; }
    .radio-handler input:not(.disabled):hover, .radio-handler input:active, .radio-handler input:focus { opacity:0 !important; }
    .content-level-1 .content-level-2 li:is( :hover:not(.notice-required), :not(.disabled):hover ) { color:inherit; }

    /*popup width*/
    .popup-mobile .popup_wrap { top:30%; left:1%; z-index:2003; width:100%; }
    .popup_wrap { width:auto; }
    /*upload file popup*/
	.landing-web .popup_upload { left:5%; min-width:300px; }
	.landing-mobile .popup_upload { left:22px; min-width:300px; width:90%; }
	.popup_upload .popup_cont { padding:10px 10px 0 10px; }

    /*contact us*/
    .left-slide-menu .contact-container { left:30px; }

    /*declaration popup*/
    .landing-mobile .popup_wrap .popup_cont p.popup_txt02 { width:90%; }

    /*Document_Inkit Request*/
    .request-detail .request-title h2 { padding-right:8px; font-size:calc(2.3rem + .1vw); }
    .request-detail .request-title span { font-size:calc(1.4rem + .1vw); }

    /*back to loan summary*/
    .btn__summary .btn_comm { min-width:70px!important; padding:.72rem .375rem; }
    .btn__summary .btn_comm.btn__lg { margin-block-start:10px; }
    .content-level-1 .btn-group .btn__summary li { width:inherit!important; min-width:inherit!important; margin:0; }

    /*popups*/
    .popup-web { max-width:100%!important; width:100%!important; top:0!important; left:0!important; right:0!important; }
    .popup-web .popup_wrap { max-width:100%!important; width:100%!important; top:0!important; left:0!important; }
    /*.popup_wrap .popup_cont { font-size:calc(.8rem + .1vw)!important; }*/
    .popup_wrap .btn-group { height:inherit; }
    .popup_wrap .btn-group .btn_comm { margin-block:3px; }
}


/*all-100%*/
@media screen and (max-width:920px) {
    .content-level-1 .content-level-2 .col-0-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-1 { width:98% !important; }
    .content-level-1 .content-level-2 .col-1-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-2 { width:98% !important; }
    .content-level-1 .content-level-2 .col-2-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-3 { width:98% !important; }
    .content-level-1 .content-level-2 .col-3-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-4 { width:98% !important; }
    .content-level-1 .content-level-2 .col-4-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-5-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-6 { width:98% !important; }
    .content-level-1 .content-level-2 .col-6-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-7 { width:98% !important; }
    .content-level-1 .content-level-2 .col-7-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-8 { width:98% !important; }
    .content-level-1 .content-level-2 .col-8-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-9 { width:98% !important; }
    .content-level-1 .content-level-2 .col-9-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-10 { width:98% !important; }
    .content-level-1 .content-level-2 .col-10-5 { width:98% !important; }
    .content-level-1 .content-level-2 .col-11 { width:98% !important; }
    .content-level-1 .content-level-2 .col-11-5 { width:98% !important; }
    .content-level-1 div.col-3 { width:98% !important; }
    .content-level-1 div.col-5 { width:98% !important; }

    .col-push-1 { left:0 !important; }
    .col-push-2 { left:0 !important; }
    .col-push-3 { left:0 !important; }
    .col-push-4 { left:0 !important; }
    .col-push-5 { left:0 !important; }
    .col-push-6 { left:0 !important; }
    .col-push-7 { left:0 !important; }
    .col-push-8 { left:0 !important; }
    .col-push-9 { left:0 !important; }
    .col-push-10 { left:0 !important; }
    .col-push-11 { left:0 !important; }
    .col-pull-1 { right:0 !important; }
    .col-pull-2 { right:0 !important; }
    .col-pull-3 { right:0 !important; }
    .col-pull-4 { right:0 !important; }
    .col-pull-5 { right:0 !important; }
    .col-pull-6 { right:0 !important; }
    .col-pull-7 { right:0 !important; }
    .col-pull-8 { right:0 !important; }
    .col-pull-9 { right:0 !important; }
    .col-pull-10 { right:0 !important; }
    .col-pull-11 { right:0 !important; }
    .col-offset-0-5 { margin-left:0 !important; }
    .col-offset-1 { margin-left:0 !important; }
    .col-offset-1-5 { margin-left:0 !important; }
    .col-offset-2 { margin-left:0 !important; }
    .col-offset-3 { margin-left:0 !important; }
    .col-offset-4 { margin-left:0 !important; }
    .col-offset-5 { margin-left:0 !important; }
    .col-offset-6 { margin-left:0 !important; }
    .col-offset-7 { margin-left:0 !important; }
    .col-offset-7-5 { margin-left:0 !important; }
    .col-offset-8 { margin-left:0 !important; }
    .col-offset-9 { margin-left:0 !important; }
    .col-offset-10 { margin-left:0 !important; }
    .col-offset-11 { margin-left:0 !important; }
    .col-offset-r-0 { margin-right:0 !important; }
    .col-offset-r-0-5 { margin-right:0 !important; }
    .col-offset-r-1 { margin-right:0 !important; }
    .col-offset-r-2 { margin-right:0 !important; }
    .col-offset-r-3 { margin-right:0 !important; }
    .col-offset-r-4 { margin-right:0 !important; }
    .col-offset-r-5 { margin-right:0 !important; }
    .col-offset-r-6 { margin-right:0 !important; }
    .col-offset-r-7 { margin-right:0 !important; }
    .col-offset-r-8 { margin-right:0 !important; }
    .col-offset-r-9 { margin-right:0 !important; }
    .col-offset-r-10 { margin-right:0 !important; }
    .col-offset-r-11 { margin-right:0 !important; }
    
    /*date*/
    .content-level-1 .date-container .col-1-5 { width:12% !important; }
    .content-level-1 .date-container .col-2 { width:16.666666666666664% !important; }

    .content-level-1 .birth-container .col-1 { width:8.333333333333332% !important; }
    .content-level-1 .birth-container .col-1-5 { width:12% !important; }
    .content-level-1 .birth-container .col-2 { width:16.666666666666664% !important; }

    /*demographic*/
    .content-level-1 .content-level-2 .dem-sub-container { margin-left:4% !important; }
    .content-level-1.content-account { width:100%; }

    /*submit*/
    .content-level-1 .content-level-2 .col-4.dsp_inb.valign_t + a { margin-block-start:10px; }

    /*submit document*/
    .uploaded-file dl .file-note { max-width:98%!important; }

    /*submit loan summary*/
    .content-summary .txt-title { padding:0 .2em; }
    .content-summary .txt-title:last-of-type:not(.txt-title:only-of-type) { margin-top:20px; }
    .content-summary .content-level-2 li.title { border-bottom:none; }
    .content-summary .content-level-2 li:not(.title__sub li, .column__2_1 li, .txt_indent40 .checkbox-handler) { border-bottom:none; }
    .content-summary .content-level-2.col__demographic { padding-bottom:50px; border-bottom:none; }
    .content-summary .content-level-2 .column__1 { max-width:100%; }
    .content-summary .content-level-2 .column__2 li { width:100%; max-width:100%; }
    .content-summary .content-level-2 .column__3.title__sub { display:none; }
    .content-summary .content-level-2 .column__3 li.title { display:block; width:100%; margin-right:0; padding:.1em .2em; background:var(--defaultHover); }
    .content-summary .content-level-2 .column__3.col__assets dt:nth-child(3n+1):not(:first-of-type) { margin-top:2rem; }
    .content-summary .content-level-2 .column__3.col__other_expenses dt:nth-child(3n+1):not(:first-of-type) { margin-top:1.2rem; }
    .content-summary .content-level-2 .column__3.col__other_expenses .blank { display:block; min-height:0; margin:0; padding:0; background:none; }
    .content-summary .content__co .col-5-5 { width:100%!important; max-width:100%!important; }
    .content-summary .content__co .col-5-5:first-of-type { border-right:none; }
    .content-summary .content__co .col-5-5:first-of-type ul:nth-child(2):not(.txt_indent40 ul) { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #c1c1c1; }
    .content-summary .content__co .txt-title__sub { padding:0 .2em; }
    .content-summary .content-level-2 .blank { display:none; }

    /*height*/
    .content-summary .content-level-2 .column__1 { height:inherit!important; }
    .content-summary .content-level-2 .column__1_1 { height:inherit!important; }
    .content-summary .content-level-2 .column__2 { height:inherit!important; }
    .content-summary .content-level-2 .column__2_1 { height:inherit!important; }
    .content-summary .content-level-2 .column__3 { height:inherit!important; }
}


/*submit loan summary-narrow-screen*/
@media screen and (max-width:1350px) {
    .content-summary .content-level-2 { width:100%; max-width:100%; }
    .content-summary .content-level-2 .column__1 { width:100%; max-width:100%; }
    .content-summary .content-level-2 .column__1_1 { width:100%; max-width:100%; grid-row-gap: 10px; }
    .content-summary .content-level-2 .column__2 { width:100%; max-width:100%; }
    .content-summary .content-level-2 .column__2_1 { width:100%; max-width:100%; }
    .content-summary .content-level-2 .column__3 { width:100%; max-width:100%; }

}


/*financial layout*/
@media screen and (max-width:920px) and (min-width:791px) {
    .content-level-1 .content-level-2.option-container .col-2-5 { width:21% !important; }
    .content-level-1 .content-level-2.option-container .col-3 { width:25% !important; }
    .content-level-1 .content-level-2.option-container .col-4 { width:33.33333333333333% !important; }
    .content-level-1 .content-level-2.option-container .col-3.col-offset-r-0-5 { margin-right:3% !important; }
    .content-level-1 .content-level-2.option-container .col-4.col-offset-r-0-5 { margin-right:4% !important; }
}

@media screen and (max-width:870px){
    /*tooltip*/
    .tooltip:has(.tooltiptext04 ){ position:static; }
    .tooltip .tooltiptext04 { max-width:80vw; left:50%; transform:translateX(-50%); top:1.7em; }
}



/*--- target only device ---*/
/* CSS specific to iOS devices */ 
@supports (-webkit-touch-callout: none) {
    /*remove border-radius in safari*/
    .content-level-1 input[type="text"], .content-level-1 input[type="tel"], .content-level-1 input[type="password"] { border-radius:0; -webkit-border-radius:0px; -webkit-appearance: none; }
    .content-level-1 .content-level-2 li select { border-radius:0; -webkit-border-radius:0px; }
    .login-form input[type="text"], .login-form input[type="password"], .login-form input[type="tel"] { border-radius:0; -webkit-border-radius:0px; -webkit-appearance: none; }
}

/* CSS for other than iOS devices */ 
@supports not (-webkit-touch-callout: none) {
}

/*Zoom 400%*/
@media screen and (max-width:320px) {
    /*global*/
    *:not(i:not(.fa-dollar-sign)) { font-size:calc(.8rem + .1vw)!important; }
    .content:not(.content-landing) { padding-inline:5px; }
    .left-menu-container { min-width:100%; font-size:calc(1.0rem + .1vw); }
    .left-menu-container button { padding-inline:5px 3px; font-size:calc(.7rem + .1vw)!important; }
    .left-menu-container button i { font-size:inherit!important; vertical-align:inherit; }
    .left-menu-container button .btn-leftmenu { padding-left:5px; }
    .left-menu-container button .left-menu-title-fold { margin:0; font-size:calc(.7rem + .1vw)!important; vertical-align:inherit; }

    /*landing*/
    .landing-classic .landing-wrap .section01 .picture-wrap,
    .landing-classic .landing-wrap .section01 .picture-wrap img { max-width:100%!important; width:100%!important; max-height:100%!important; height:100%!important; line-height:100%!important; }
    .btn-landing a.btn_comm { width:100%!important; min-width:100%; }
    footer .logo-container { float:none!important; }

    /*interview*/
    .content-level-1 .content-level-2 .col-2.radio-handler,
    .content-level-1 .col-4,
    .content-level-1.content-contact .yn-form li.col-4 { width:95% !important; max-width:95%!important; }
    .content-level-1 .address-form div:not(.btn-group, .title-level-1, .checkbox-handler, .radio-handler, .notice-required) { margin-right:0; }
    .content-level-1.content-contact span.notice-required { top:0; height:calc(1.5rem + .1vw); line-height:calc(1.5rem + .1vw); }
    .radio-handler { border:1px solid var(--defaultText); }
    .radio-handler:hover { border:1px solid var(--colorSet2); }
    /*.radio-handler.tab_outline { border:1px solid var(--colorSet2); }*/
    .radio-handler:not(.col-2) label { padding:32px 5px 10px 5px; line-height:calc(1.2rem + .1vw)!important; }
    .radio-button { top:10px; left:5px; }

    
    .content-level-1 .content-level-2 .wc_money { min-width:100%; max-width:100%; width:100%; }
    .content-level-1 .option-container input.wc_money { max-width: 100%; width: 100%; }
    .content-level-1 .date-container .col-1-5,
    .content-level-1 .date-container .col-2,
    .content-level-1 .birth-container .col-1,
    .content-level-1 .birth-container .col-1-5,
    .content-level-1 .birth-container .col-2 { min-width:100%; max-width:100%; width:100%; margin:0; }
    .content-level-1 .date-container .date-slash,
    .content-level-1 .birth-container .date-slash { visibility:hidden; min-width:0; max-width:0; width:0!important; height:0; margin:0; transform:none; }
    .content-level-1 .date-container.mgL30 { margin-left:0!important; }
    .content-level-1 .content-level-2 .dem-sub-container { margin-left:0!important; }

    .option-add.pdL10,
    .option-add.pdL20 { padding:0!important; }

    .content-level-1.content-contact div:not(.btn-group, .title-level-1, .checkbox-handler, .radio-handler, .notice-required) {
        margin-inline:0;
    }

    /*dependent buttons*/
    .datepicker-spinbuttons .day.spinbutton { width:100%; grid-template-columns: 20% 60% 20%; grid-column-gap: 0; }
    .datepicker-spinbuttons .spinbutton button svg { width:100%; }

    /*summary*/
    .content-summary .title-level-1 span { display:block; margin-left:0; }
    .content-summary .content-level-2 .column__1,
    .content-summary .content-level-2 .column__1_1 { grid-template-columns: 1fr; grid-row-gap:0; }
    .content-summary .content-level-2 .column__1 li { padding:.1em 0 0 0; }
    .content-summary .content-level-2 .column__1_1 li.title { margin-block-start:20px; background:var(--defaultHover); }
    .content-summary .content-level-2 .column__1_1 li.title:first-of-type { margin-block-start:0; }
    .content-summary .content-level-2 .column__1_1 li:is(:focus, :not(.disabled):hover, :active) { background:none; }
    .content-summary .content-level-2 .column__1 li .edit-item { vertical-align:0; }
    .content-summary .content-level-2 .column__3 li { width:100%; }

    .content-summary .content-level-2 li span { margin-left:0; }
    .content-summary .content-level-2 .txt_indent40 { margin-left:0!important; }
    .content-summary .content-level-2 .edit-item { display:block; width:100%; margin:3px 0 20px 0; border-radius:2px; line-height:calc(1.4rem + .1vw)!important; }

    /*buttons*/
    .btn__summary .btn_comm,
    .content-level-1 .btn-group a,
    .content-level-1 .btn-group button,
    .content-level-1.content-contact .btn-group a,
    .content-level-1.content-contact .btn-group button { width:98%!important; min-width:initial; margin-block:3px; }

    /*ZIP-1423*/
    .content-level-1 .btn-group.new-btn { }
    .content-level-1 .btn-group.new-btn dl { flex-direction:column; justify-content:center; }
    .content-level-1 .btn-group.new-btn dd { width:98%!important; min-width:initial; margin:0px; }
    /*ZIP-1423 END*/
    .add-item, .delete-item { margin-block:3px; }

    /*popups*/
    .popup-web { max-width:100%!important; width:100%!important; top:0!important; left:0!important; right:0!important; }
    .popup-web .popup_wrap { top:0!important; left:0!important; }
    .popup_wrap .popup_cont { margin:40px auto; padding:10px 5px; }
}
@media screen and (max-width:200px) {
    .content-level-1 .content-level-2 .terms-link ul li { word-break:break-word; }
    .content-level-1 .content-level-2 .terms-link ul li.borderline { display:none; }
}



/* --------------------------------
    99. Z-INDEX
-------------------------------- */
/*
1001_header
    .banner-text-group
1002_tooltip
    _Company Main text
    nav-banner
1004_ico-menu-list
    dropdown-list
1998_left-menu-title-button
2000_
2001_left-menu
2002_Contact Us
    drawer
2003_popup-bg
2004_popup_wrap
    _popups


*/

/*Left menu Test*/
/*.left-menu.menu-fixed { position: fixed; top: 10px; left: 20px; right: 0; z-index: 100; border-right: 1px solid #e7e7e7; background: #fff; -webkit-animation: ani_dropdown 1.15s cubic-bezier(.215,.61,.355,1); animation: ani_dropdown 1.15s cubic-bezier(.215,.61,.355,1);*/ /*transition:var(--defaultTransition);*/ /*}
.content-level-1.menu-fixed { padding-left: calc(278px + 59px); border: none; }*/

/*animations defined rule*/
@-webkit-keyframes ani_dropdown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes ani_dropdown {
    0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@media screen and (min-width:500px) {
    .content-level-1 { /*min-height:50vh;*/ }
}


/*alice test*/
.checkbox-handler .txt_b { /*padding-inline: 4px; border: 1px solid transparent; border-radius: 2px; background: var(--defaultHover);*/ color: var(--colorSet2); font-weight: 400 !important; }
/*.checkbox-handler input[type="checkbox"]:checked + label .txt_b { border: 1px solid var(--colorSet2); background: var(--colorSet2); color: #fff; }*/

::-moz-selection { 
  color: #fff;
  background: var(--colorSet2);
}

::selection {
  color: #fff;
  background: var(--colorSet2);
}
.notice-required::selection {
  background: var(--defaultRed);
}

input:-webkit-autofill::selection,
input:-webkit-autofill:hover::selection,
input:-webkit-autofill:focus::selection,
input:-webkit-autofill:active::selection,
select:-webkit-autofill::selection,
select:-webkit-autofill:hover::selection,
select:-webkit-autofill:focus::selection,
select:-webkit-autofill:active::selection { 
    color: #fff!important;
    background: var(--colorSet2);
    -webkit-text-fill-color: #fff!important;
}



/*ZNF-245 20241001*/
legend.legend-float { float:left; }
.legend-right { display:inline-block; margin-left:10px; }
.legend-right.checkbox-handler { margin-top:5px; }
.copy-btn-wrap { display:inline-flex; margin-bottom:20px; flex-wrap:wrap; font-size:calc(1.35rem + .1vw); justify-content:flex-start; align-items:center; grid-gap: 0px 10px;}

@media screen and (max-width:920px) {
    legend.legend-float { float:unset; }
    .copy-btn-wrap { margin-left:0; }
    .legend-right.checkbox-handler { margin-top:0; margin-left:0; margin-bottom:15px; }

    /* ADA persona05 */
    .typeOfIncome-row { display:flex; flex-wrap:wrap; }

    /* ADA financial01*/
    .assetInfo-row { display:flex; flex-wrap:wrap; } 

}
.copy-btn-wrap .copy-btn { background:none; border:none; color:var(--defaultBlue); text-decoration:underline; }


/*Blue Header*/
.new-nav-wrap{ padding: 10px 0; display:flex; justify-content:flex-start; align-items:center; }
.new-nav-wrap .page-name-wrap { width: 275px; text-align:right; padding: 0 1.2rem 0 5px; box-sizing:border-box; }
.nav-landing { padding-bottom: 0 !important; }
.new-nav-wrap .new-nav{ display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1100px; padding: 0 20px; box-sizing:border-box; }
.new-nav-wrap .page-name-wrap .page-name { margin:0; padding:0; color:#ffffff; font-weight:400; font-size:1.2em; white-space:nowrap;  }
.new-nav-wrap .nav-index { position:relative; padding:0; right:unset; margin:unset; }
.new-nav-wrap .nav-index ul.landing-menu-type__2 { display:flex; justify-content:center; align-items:center; padding-bottom:0; }
.new-nav-wrap .nav-index .landing-menu-type__2 li { color:#ffffff; padding:0; min-width:unset; position:relative; height:unset;  padding:0 0.8em !important; margin:0; font-size:1em; }
.new-nav-wrap .nav-index .landing-menu-type__2 li::after { content:" "; position:absolute; top:50%; right:0; width:1px; height:50%; background-color:#ffffff; transform:translateY(-50%); }
.new-nav-wrap .nav-index .landing-menu-type__2 a { color: #ffffff; font-size:1em;  white-space:nowrap; height:unset; }
.new-nav-wrap .nav-index .landing-menu-type__2 a.on { color:#ffffff; font-weight:400; text-decoration:underline; }
.new-nav-wrap .nav-index .landing-menu-type__2 li:is(:focus, :not(.disabled):hover, :active) a { text-decoration:underline; }
.new-nav-wrap .nav-index .landing-menu-type__2 li:last-of-type::after{ display:none; }
.new-nav-wrap .nav-index .landing-menu-type__2 li.nav-lang { width:unset; height:unset;  line-height:unset; }
.new-nav-wrap .nav-index .landing-menu-type__2 a:is(:focus, :hover, :active) { color:#ffffff; }
.new-nav-wrap .nav-index .landing-menu-type__2 li.nav-lang:is(:focus, :not(.disabled):hover, :active) { color: #ffffff; background:none; }
.new-nav-wrap .nav-index .landing-menu-type__2 li.nav-lang button { font-size: 2em; padding:0; background:none; width:unset; height:unset; line-height:unset; border-radius:unset; }
.new-nav-wrap .nav-index .landing-menu-type__2 li.nav-lang button:is(:focus, :hover, :active) { color: #ffffff; background:none; }
.new-nav-wrap .nav-index .landing-menu-type__2 li a{  padding:0; border-bottom:0; box-shadow:unset; min-height:unset; padding:0; }
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list { background:#ffffff; opacity:1; }
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list li{ font-size:0.6em; width:100%; text-align: center; cursor:pointer; box-sizing:border-box; }
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list li:nth-child(1) { border-radius: .382rem .382rem 0 0; }
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list li:nth-child(2) { border-radius: 0 0 .382rem .382rem; }
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list li:is(:focus, :not(.disabled):hover, :active){ background: var(--defaultHover); color: var(--colorSet2); text-decoration: none;}
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list li button { padding:0.5em; color:#0381a2; width:100%; outline:none; border:none; }
.new-nav-wrap .nav-index  .landing-menu-type__2 .nav-lang .dropdown-list li:is(:focus, :not(.disabled):hover, :active) button { color:#0381a2; outline:none; border:none; }

button:has(.btn-leftmenu) { padding:0; }

@media screen and (max-width:1240px){
    .new-nav-wrap { display:none; }
}

@media screen and ( max-width:870px ){
    /*.new-nav-wrap .nav-index { display:none; }*/
}

.create-account-form { margin: 0; padding: 40px 0 30px 0; box-sizing:border-box;}
.horizontal-align-form-wrap .horizontal-align-form .form-title { width:100%; position: relative; padding-bottom:5px; }
.horizontal-align-form-wrap .horizontal-align-form .form-title:after { position:absolute; bottom:0; left:0; content:""; width:100%; height:2px; background-color:var(--colorSet2); }
.horizontal-align-form-wrap .horizontal-align-form .form-title h2{ font-size:1em; color:var(--colorSet2); font-weight:600; text-align:left; }
.horizontal-align-form-wrap .horizontal-align-form dl { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; margin-bottom: 3em; }
.horizontal-align-form-wrap .horizontal-align-form dl dt{ width:150px; display:flex; align-items:flex-start; justify-content:flex-end; }
.horizontal-align-form-wrap .horizontal-align-form dl dt label { margin-top:0.7em; }
.horizontal-align-form-wrap .horizontal-align-form dl dt label.red-asterisk { padding-right:7px; position:relative; }
.horizontal-align-form-wrap .horizontal-align-form dl dt label.red-asterisk:after { position:absolute; top:50%; right:-7px; content:"*"; color:var(--defaultRed); transform:translate( -50%, -50%); }
.horizontal-align-form-wrap .horizontal-align-form dl dd { width: calc(100% - 160px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:5px; }
.horizontal-align-form-wrap .horizontal-align-form dl dd .notice-required { margin:0; }
.horizontal-align-form-wrap .horizontal-align-form dl dd .guide-msg{ font-size: 0.9em; color:var(--defaultText); opacity:0.8; }
.horizontal-align-form-wrap .horizontal-align-form dl dd.chk_container { display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; font-size:0.9em; text-align:left;}
.horizontal-align-form-wrap .horizontal-align-form dl dd.chk_container input[type="checkbox"]{ margin-right : 0.5em; }
.horizontal-align-form-wrap .horizontal-align-form dl dd input { border: 1px solid var(--defaultBorder); box-sizing:border-box; padding:0 0.5em; }
.horizontal-align-form-wrap .horizontal-align-form dl dd select { border: 1px solid var(--defaultBorder); box-sizing:border-box; padding:0 0.5em; background: #fff url(/Images/icon_arrow.png) no-repeat top 5px right; }
.horizontal-align-form-wrap .checkstylewrap { margin-top:3em; display:flex; justify-content:center; align-items:center; gap:10px; }

.create-account-form .foot-section { margin-block: 2.5em; }
.create-account-form .foot-section .sign-in { display:flex; justify-content:center; align-items:center; }

@media screen and ( max-width:320px ) {
    .create-account-form { padding-top:10px; }
    .horizontal-align-form-wrap .horizontal-align-form dl dt{ width:100%; display:flex; align-items:flex-start; justify-content:flex-start; box-sizing:border-box; padding:0 5px; }
    .horizontal-align-form-wrap .horizontal-align-form dl dt label { margin-top: 0; }
    .horizontal-align-form-wrap .horizontal-align-form dl dd{ width:100%; display:flex; align-items:flex-start; justify-content:flex-end;  padding:0 5px;}
    .horizontal-align-form-wrap .checkstylewrap { flex-direction:column; gap:5px; padding:0 5px; box-sizing:border-box; }
    .horizontal-align-form-wrap .checkstylewrap li{ width:100%;} 
    .horizontal-align-form-wrap .checkstylewrap li button { width:100%; }
}


/*ZIP-1633 button center align for eConsent view*/
/*.content-level-1.content-eConsent .btn-group{ text-align:center; }*/


.col-wrapper.col-wrapper__sub ul li .checkbox-handler div.chk-container:not(.vf-code, .vf-code div) { display:block; width:100%; box-sizing:border-box; padding-left:30px; padding-top:2px; }
.col-wrapper.col-wrapper__sub ul li .checkbox-handler div.chk-container:not(.vf-code, .vf-code div) label { padding-left:0; vertical-align:baseline; }
.col-wrapper.col-wrapper__sub ul li .checkbox-handler div.chk-container:not(.vf-code, .vf-code div) span.tooltip .tooltip-ico{ margin:0; padding:3px; }
.checkbox-handler input[type="checkbox"]:checked ~ .chk-container .checkbox-button::before { font-family: "Font Awesome 6 Pro"; content: "\f14a"; color: var(--colorSet1); font-size: 1.8em; font-weight: 900; transition: .05s linear; }
.checkbox-handler input[type="checkbox"]:is(:focus, :active, :hover) ~ .chk-container span { color: var(--colorSet2); }
/*to resolve ff view difference*/
@-moz-document url-prefix() { .checkbox-handler input[type="checkbox"] ~ .chk-container .checkbox-button { margin-top:-3px; } }