@charset "utf-8";
/* 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. PREAPPROVAL & APPLICATION
7-2. 2-column-form
8. UI RENEWAL
9. DASHBOARD
10. PROGRESS BAR
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
-----------------------------------
ETC
19. Go To
20. Z-INDEX

*/


/* --------------------------------
    1. LAYOUTS
-------------------------------- */
* { margin:0; padding:0; }
html{ overflow-x:auto; /*min-width:1024px;*/ height:100%; margin:0; padding:0; font-size:15px; vertical-align:middle; }
body { min-width:640px; height:99.5%; margin:0; padding:0; color:#6d6d71; }
.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 { padding:5px 5%; }
.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:4px solid rgba(1, 117, 228, 0.2); }
.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:10px 20px 10px 20px; text-align:center; }
.footer { display:inline-block; width:100%; margin:30px auto 20px auto; text-align:center; }
.footer img { margin:0 auto; }


/* --------------------------------
    2. COMMON
-------------------------------- */
img { border:0; outline:none; }
ul { margin:0; padding:0; }
li { list-style:none; list-style-type:none!important; }
/*label { cursor:pointer; }*/
input { padding:4px 3px; border:1px solid #a5a5a5; color:#6d6d71; font-family:inherit; }
/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { border:1px solid #017ecd; background:#dfecfa; }*/
select { height:40px; padding:4px 3px 3px 3px; border:1px solid #a5a5a5; background:#fff; font-size:14px; color:#6d6d71; 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:#e5f1fe 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:#e5f1fe url(/Images/icon_arrow02.png) no-repeat top 5px right !important; }
}

textarea { min-height:60px; padding:3px; border:1px solid #a5a5a5; color:#6d6d71; font-family:inherit; resize:none; outline:none; }
textarea:hover, textarea:focus { border:1px solid #017ecd; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
button { font-family:inherit; cursor:pointer; outline:none; }
button:focus { outline:4px solid rgba(0, 122, 255, 0.3); }
a { display:block; color:inherit; text-decoration:none; outline:none; }
a:focus { /*background:#e5f1fe; color:#04729c;*/ outline:4px solid rgba(1, 117, 228, 0.2);  }
input[type="text"], input[type="password"], input[type="tel"] { height:27px; padding:4px 6px 4px 8px; }
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:1px solid #dcdcdc; background:#efefef; color:#c3c3c3; }
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:1px solid #dcdcdc; background:#efefef; 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:1px solid #dcdcdc; background:#efefef; color:#c1c1c1; }
div:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
.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:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
.legend_invisible { overflow:hidden; top:auto; left:-10000px; width:1px; height:1px; }

select:hover { border:1px solid #017ecd; background:#e5f1fe; box-shadow:none; outline:1px solid rgba(1, 117, 228, 0.2); }
select:focus { border:1px solid #017ecd; background:#e5f1fe; box-shadow:none; outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="text"]:hover { border:1px solid #017ecd; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
input[type="text"]:focus { border:1px solid #017ecd; background:#e5f1fe; outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="password"]:hover { border:1px solid #017ecd; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
input[type="password"]:focus { border:1px solid #017ecd; background:#e5f1fe; outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="checkbox"]:hover { border:1px solid #017ecd; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
input[type="checkbox"]:focus { border:1px solid #017ecd; background:#e5f1fe; outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:hover { border:1px solid #017ecd; background:#e5f1fe; outline-offset:0; outline:1px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:focus { border:1px solid #017ecd; background:#e5f1fe; outline-offset:0; outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="tel"]:hover { border:1px solid #017ecd; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
input[type="tel"]:focus { border:1px solid #017ecd; background:#e5f1fe; outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="text"].required, input[type="password"].required, input[type="tel"].required  { border-bottom:2px solid #bc204b; }

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:none; 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:#6d6d71; vertical-align:middle; box-shadow:none; cursor:pointer; outline:none; }
input[type="radio"] { width:14px; height:14px; margin:0\0/ie10+11; border:none; 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:#6d6d71; 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; }
.show { display:block; }
.hide { display:none!important; }
.txt_red { color:#bc204b!important; }
.txt_blue { color:#0381a2!important; }
.txt_gray { color:#ddd!important; }
.txt_italic { font-style:italic; font-size:14px; }
.txt_notice { font-weight:bold!important; font-style:italic!important; }
.notice-required { display:block; min-width:250px; margin-top:20px; color:#bc204b; /*font-weight:bold;*/ font-size:12px!important; text-align:left; }
.notice-required span { display:block; color:#bc204b; font-size:12px; font-weight:bold; }
.notice-required a { color:#bc204b; font-weight:bold; font-size:12px; }
.notice-required a:focus { background:none; outline:4px solid rgba(1, 117, 228, 0.2); }
.notice-required a.hide:focus { outline:none; }
span.notice-required { margin:5px auto 0 auto; }
.linked { text-decoration:underline; color:#0098c0; cursor:pointer; }
.txt_linked { display:inline-block; color:#0381a2; text-decoration:underline; cursor:pointer; }
.txt_linked:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
.txt_linked02 { display:inline-block; color:#0381a2; font-size:12px; text-decoration:underline; cursor:pointer; }
.txt_linked02:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
.txt_highlight { display:inline; padding:1px 3px; background:#0381a2; color:#fff; }
.txt_help { display:inline; padding:3px; background:#0381a2; 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:#6d6d71; font-size:14px; }
.txt_sub:focus { outline:4px solid rgba(1, 117, 228, 0.2)!important; }
.txt_sub02 { padding:10px 0; color:#6d6d71; font-size:12px; }
.txt-more { color:#6d6d71; font-size:14px; text-align:right; text-decoration:none; }
.txt-more:hover { text-decoration:underline; }
.txt_info { font-size:12px; }

.txt_l { text-align:left!important; }
.txt_c { text-align:center!important; }
.txt_r { text-align:right!important; }

.disabled { color:#c1c1c1!important; cursor:default!important; }
.disabled .title-level-1 { color:#c1c1c1!important; }
.disabled label { cursor:default!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 url(/Images/icon_dollar.png) no-repeat 0 6px; }
input.wc_money:hover { background:transparent url(/Images/icon_dollar.png) no-repeat 0 6px; }
input.wc_money:focus { background:#dfecf9 url(/Images/icon_dollar02.png) no-repeat 0 6px; }

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:#0381a2; text-decoration:underline; }
.login { font-size:14px; color:#0381a2; 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:#0381a2; 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:#6d6d71; 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:#6d6d71; 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:45px; height:28px; padding:5px 2px; color:#0381a2; font-weight:normal; font-size:14px; text-align:left; line-height:1.5em; vertical-align:middle; }
.nav03 ul li.borderline { width:10px; min-width:10px; padding:10px 2px; color:#6d6d71; font-weight:normal; cursor:default; }
.nav03 ul li:last-of-type { padding-right:2px; }
.nav03 ul li span { display:inline-block; margin-top:3px; font-size:12px; cursor:default; }
.nav03 ul li a { display:inline-block; }
.nav03 ul li button { width:76px; padding:4px 4px; border:2px solid #b36200; font-size:12px; }
.nav03 ul li button.signin { background:#fff; color:#b36200; }
.nav03 ul li button.signout { background:#b36200; color:#fff; }
.nav03 ul li button:hover { text-decoration:underline; }
.nav01 ul li.on a, .nav01 ul li:hover.on a, .nav02 ul li.on a, .nav02 ul li:hover.on a { text-decoration:underline; cursor:pointer; }

.nav-dashboard { padding-bottom:20px; text-align:right; }
.nav-dashboard li { display:inline-block; height:20px; font-size:14px; text-align:right; vertical-align:middle; }
.nav-dashboard li.name { font-size:12px; }
.nav-dashboard li.name span { color:#0381a2; font-size:15px; font-weight:bold; }
.nav-dashboard li.borderline { width:10px; padding:10px 5px; color:#6d6d71; font-weight:normal; cursor:default; }
.nav-dashboard li a { display:inline-block; }
.nav-dashboard .fa-globe { position:absolute; top:12px; left:9px; font-size:16px; }
.nav-dashboard .fa-caret-down { position:absolute; top:11px; right:10px; font-size:16px; }
.nav-dashboard .nav-lang { display:inline-block; position:relative; min-width:45px; height:28px; padding:5px 2px; color:#0381a2; font-weight:normal; font-size:13px; text-align:left; line-height:1.5em; vertical-align:middle; cursor:pointer; }
.nav-dashboard .nav-lang .dropdown-box { height:28px; padding-left:30px; background:#6d6d71; color:#fff; line-height:28px; cursor:pointer; }
.nav-dashboard .nav-lang .dropdown-list { position:absolute; top:33px; right:2px; z-index:1004; width:113px; min-height:48px; border:1px solid #afafaf; border-top:1px solid #6d6d71; background:rgba(255, 255, 255, 0.96); color:#6d6d71; }
.nav-dashboard .nav-lang .dropdown-list dd { padding:2px 4px; font-size:12px; cursor:pointer; }
.nav-dashboard .nav-lang .dropdown-list dd:hover { color:#0381a2; text-decoration:underline; }
.nav-index { /*top:50px;*/ top:initial; margin:4px auto 0 auto; }
.nav-index li{ display:inline-block; min-width:45px; height:28px; padding:5px 2px; color:#0381a2; font-weight:normal; font-size:13px; text-align:left; line-height:1.5em; vertical-align:middle; }
.nav-index button { min-width:50px; padding:6px 15px; border:none; 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:#0381a2; 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 { font-weight:bold; 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; /*border-bottom:1px solid #c5c5c5;*/ }
/*.ico-menu:hover + .ico-menu-list { visibility:visible; opacity:1; }
.ico-menu-list:hover { visibility:visible; opacity:1; transition:opacity 0.8s; transition-property:unset; }*/
.ico-menu-list ul li .link-menu { display:inline-block; width:100%; min-height:30px; padding:0; border:none; text-align:left; box-shadow:none; }
.ico-menu-list ul li .link-menu.on { color:#0381a2; 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:#0381a2; text-decoration:underline; }



/* --------------------------------
    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:#6d6d71; }
.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 { max-width:600px; }
.btn-landing .txt_sub02:focus { outline:4px solid rgba(1, 117, 228, 0.2); }*/


/* --------------------------------
    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:#6d6d71; 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:#0381a2; 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:#0381a2; font-size:14px; vertical-align:middle; }
.index_footer a.creat_account:hover { color:#53575b; }

a.txt_signin { margin:0 auto; color:#0381a2; 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:#b36200; 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 #017ecd; background:#e5f1fe; }
.login_wrap .loginbox ul li input[type="text"]:hover, .login_wrap .loginbox ul li input[type="password"]:hover { border:1px solid #017ecd; background:#e5f1fe; }*/
.login_wrap .loginbox ul li input.required { border-bottom:2px solid #bc204b; }
.login_wrap .loginbox ul li label.txt_service { display:inline-block; padding:0; font-size:12px; color:#0381a2; 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:#0381a2; 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:#0381a2; 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:1999; width:100%; height:100%; background:rgba(0,0,0,.5); }
.landing-mobile .popup_wrap { position:absolute; z-index:2000; 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:2000; 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:#6d6d71; }
.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:#0381a2; 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:#6d6d71; }
.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; box-sizing:border-box; }
.login-form h2 { display:inline-block; width:100%; margin:0 auto 15px auto; color:#b36200; font-size:24px; font-weight:bold; text-align:center; }
.login-form h2:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
.login-form .notice-required { /*display:block; width:310px;*/ margin:5px auto 10px auto; /*padding-left:10px;*/ font-size:12px; }
.login-form .notice-required span { font-size:12px!important; }
.login-form .notice-required:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
.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:12px; }
.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 8px; border:1px solid #ababab; background:#fefefe; 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:1px solid #ababab; background:#efefef; color:#c1c1c1; }
.login-form input[type="text"]:disabled, .login-form input[type="password"]:disabled, .login-form input[type="tel"]:disabled { border:1px solid #dcdcdc; background:#efefef; color:#c1c1c1; }
.login-form input[type="checkbox"] { border:1px solid #c8d7e1; }
.login-form input[type="text"]:focus, .login-form input[type="password"]:focus { border:1px solid #017ecd; background:#e5f1fe; }
.login-form input[type="text"]:hover, .login-form input[type="password"]:hover { border:1px solid #017ecd; background:#e5f1fe; }
.login-form input.required { border-bottom:2px solid #bc204b; }
.login-form label.txt_service { display:inline-block; padding:0; font-size:12px; color:#0381a2; 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:12px; 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:#0381a2; font-size:12px; 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:#0381a2; 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:#0381a2; font-size:12px; text-align:center; text-decoration:underline; }
.login-form .btn_login { width:300px; padding:10px 24px; /*border:1px solid #b36200; background:#b36200;*/ 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 .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:12px; text-align:left; line-height:22px; }
.login-authentication .txt_code span { font-weight:bold; }
.login-authentication .count_num { color:#ee0700; font-size:13px; }
.login-authentication input[type="text"] { width:250px; height:32px; margin:0 5px 0 0; padding-left:0; border:none; border-bottom:1px solid #0381a2; border-radius:0; background:none; color:#0381a2; }
.login-authentication input[type="text"]:hover { border:none; border-bottom:1px solid #0381a2; background:none; outline:none; }
.login-authentication input[type="text"]:focus { border:none; border-bottom:1px solid #0381a2; background:none; outline:4px solid rgba(1, 117, 228, 0.2); }
.login-authentication .sub_option { font-size:12px!important; color:#6d6d71; text-align:left; }
.login-authentication .sub_option_method { padding-top:15px; border-top:1px dotted #ddd; font-size:12px!important; color:#6d6d71; text-align:left; }
.login-authentication .linked { display:inline-block; color:#0381a2; 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 { margin:0 auto; padding:50px 0 0 0; text-align:center; }
.companymain_login.login_wrap h2 { display:inline-block; width:100%; margin:10px auto 0 auto; color:#b36200; font-size:30px; font-weight:bold; 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 input[type="text"], .companymain_login.login_wrap .loginbox ul li input[type="password"], .companymain_login.login_wrap .loginbox ul li input[type="tel"] { height:48px; padding:2px 8px; border:1px solid #ababab; background:#fefefe; 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:1px solid #017ecd; 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:1px solid #017ecd; background:#e5f1fe; }
.companymain_login.login_wrap .loginbox ul li input.required { border-bottom:2px solid #bc204b; }
.companymain_login.login_wrap .loginbox ul li label.txt_service { display:inline-block; padding:0; font-size:12px; color:#0381a2; 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:12px; 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.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. PREAPPROVAL & APPLICATION
-------------------------------- */
.title-level-1 { margin:20px 0 5px 0; color:#6d6d71; font-size:1.2em; font-weight:600; line-height:1.5em; }
.title-level-1 span.contact_tit { font-size:1.0em; font-weight:bold; }
.title-level-1.pst_r { padding-right:25px; }
.cont_wrap { display:inline-block; width:600px; min-height:250px; color:#6d6d71; font-size:1.0em; text-align:left; line-height:1.5em; }
.cont_wrap03 { width:1024px!important; }
.cont_wrap04 { width:900px!important; }
.txt_wrap { font-size:16px; line-height:1.6em; }
.txt_wrap span { font-size:16px!important; line-height:1.6em!important; }

dl.default_section dd.contact_ex { position:relative; width:100%; margin-top:30px; border-top:1px solid #36a5d9; }
dl.default_section dd.contact_ex button { position:absolute; top:-30px; left:0; width:100%; border:none; background:none; text-align:center; }

.content-level-2 dl dt.comment-title { height:79px!important; vertical-align:top; }
.content-level-2 dl dt.zipcode-title { padding-left:22px; padding-right:10px; text-align:right; }

dl.expand_section { margin-top:15px!important; }
dl.expand_section dd.contact_fd { position:relative; width:100%; margin-top:30px; border-top:1px solid #36a5d9; }
dl.expand_section dd.contact_fd button { position:absolute; top:-30px; left:0; width:100%; border:none; background:none; text-align:center; }
dl.default_section button img, dl.expand_section button img { width:60px; height:60px; }

.content-level-1 { display:inline-block; width:600px; min-height:250px; color:#6d6d71; font-size:1.0em; text-align:left; line-height:1.5em; }
.content-level-1:nth-child(1n+2) { padding-top:10px; }
.content-level-2 { min-height:45px; padding-bottom:20px; box-sizing:border-box; }
.content-level-2 ul { margin:0; padding:0; }
.content-level-2 li { display:block; padding:3px 0; vertical-align:middle; line-height:1.5em; }
.content-level-2 li label { display:inline-block; width:95%; padding-left:3px; vertical-align:middle; cursor:pointer; }
.content-level-2 li span { display:block; clear:both; }
.content-level-2 li span.list_wht30 { display:inline-block; width:29%; }
.content-level-2 li span.list_wht40 { display:inline-block; width:39%; }
.content-level-2 li span.list_wht50 { display:inline-block; width:49%; }
.content-level-2 li span.list_wht50 label { width:80%; }
.content-level-2 li span.list_wht70 { display:inline-block; width:69%; }
.content-level-2 li span.title-level-1 { margin:30px 0 5px 0; color:#6d6d71; font-size:1.2em; font-weight:600; line-height:1.5em; }
.content-level-2 li input[type="text"], .content-level-2 ul li input[type="password"], .content-level-2 ul li input[type="tel"] { margin:4px 0 5px 0; }
.content-level-2 li input[type="checkbox"] { margin-top:2px; }
.content-level-2 li input[type="checkbox"]:disabled:hover, .content-level-2 ul li input[type="checkbox"]:disabled:focus { outline:none; cursor:default; }
.content-level-2 li input[type="radio"] { margin-top:2px; }
.content-level-2 li input[type="radio"].valign_top { margin-top:7px; vertical-align:top; }
.content-level-2 li input[type="checkbox"].valign_top { margin-top:7px; vertical-align:top; }
.content-level-2 li select { height:40px; margin:4px 0 5px 0; padding:0 12px; }
.content-level-1 input[type="tel"].duty-date { height:30px; }

.content-level-2 dl { margin:0; padding:0; }
.content-level-2 dl dt { display:inline-block; height:32px; min-height:32px; padding:3px 0; line-height:1.5em; /*vertical-align:-1px;*/ }
.content-level-2 dl dt.required { /*vertical-align:top;*/ }
.content-level-2 dl dd.required input { border-bottom:2px solid #bc204b; }
.content-level-2 dl dt.hgt_79 { height:79px; vertical-align:top!important; }
.content-level-2 dl dt.wth_p100 { width:100%; }
.content-level-2 dl dd.wth_p100 { width:100%; }
.content-level-2 dl dd { display:inline-block; min-height:32px; margin:0; padding:3px 0; line-height:1.5em; vertical-align:middle; }
.content-level-2 dl dd select { height:40px; margin:0; }
.content-level-2 dl dd select option:first-of-type { color:#bababa; }
.content-level-2 dl dd input[type="text"], .content-level-2 dl dd input[type="password"], .content-level-2 dl dd input[type="tel"] { margin:0; text-overflow:ellipsis; }
.content-level-2 dl dd input[type="text"]:read-only:focus { outline:none; border:1px solid #dcdcdc; background:#efefef; }/*for document submint input form*/

.content-level-2 ul li.list_wth5 { display:inline-block; width:5%; margin-top:-8px; text-align:center; font-weight:bold; }
.content-level-2 ul li.list_wth10 { display:inline-block; width:12%; max-width:60px; }
.content-level-2 ul li.list_wth20 { display:inline-block; width:19%; max-width:80px; }
.content-level-2 ul li.list_wth30 { display:inline-block; width:29%; max-width:105px; }
.content-level-2 ul li.list_wth40 { display:inline-block; width:39%; }
.content-level-2 ul li.list_wth50 { display:inline-block; width:49%; }
.content-level-2 ul li.list_wth70 { display:inline-block; width:69%; }
.content-level-2 ul li.list_wth45 { display:inline-block; width:45px; }
.content-level-2 ul li.list_wth80 { display:inline-block; width:80px; }
.content-level-2 ul li.list_wth200 { display:inline-block; width:200px; }
.content-level-2 ul li.list_wth250 { display:inline-block; width:250px; }
.content-level-2 ul li.list_wth445 { display:inline-block; width:445px; }
.content-level-2 ul li.list_wth20 input[type="tel"] { width:100%;}
.content-level-2 ul li.list_wth30 input[type="tel"] { width:100%;}
.content-level-2 ul.line-top { padding-top:10px; }
.content-level-2 ul li.line-top { margin-top:10px; padding-top:15px; }
.content-level-2 ul li.required input { border-bottom:2px solid #bc204b; }

.content-declaration { width:620px; }

span.sub_option { font-size:12px!important; color:#6d6d71; }
span.sub_option label { font-size:12px!important; cursor:pointer; }

.additional-field { position:relative; width:600px; margin:0 0 8px -10px; padding:15px 10px 15px 10px!important; border-bottom:2px solid #ccc; background:#fff; box-sizing:border-box; }
.additional-field .title-level-1, .additional-field span.title-level-1 { margin-top:15px!important; }
.additional-field .field-primary { width:100%; }
.additional-field .content-level-2 { padding-bottom:0; }

.content-level-2 table { border-collapse:collapse; }
.content-level-2 table tr.done { background:#f1f1f1; }
.content-level-2 table tr:first-of-type th { border-top:1px solid #e4e0e0; }
.content-level-2 table tr th:first-of-type, .content-level-2 table tr td:first-of-type { padding-left:4px; }
.content-level-2 table tr th { padding:8px 0; border-bottom:1px solid #efeeee; background:#efeeee; font-weight:bold; line-height:22px; }
.content-level-2 table tr th p { font-weight:bold; line-height:22px; }
.content-level-2 table tr td { padding:8px 0; border-bottom:1px solid #e4e0e0; vertical-align:top; }
.content-level-2 table tr td .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-level-2 table tr td span { display:block; word-break:break-word; }
.content-level-2 table tr td span.txt_highlight { display:inline-block; padding:3px; line-height:12px; text-decoration:none; }
.content-level-2 table tr td span.txt_highlight.ico_first { margin-right:5px;}
.content-level-2 table tr td span.txt_highlight.ico_last { margin-left:5px;}
.content-level-2 table tr th.sort_up p { background-image:url(/Images/asc.png); background-repeat:no-repeat; cursor:pointer; }
.content-level-2 table tr th.sort_down p { background-image:url(/Images/desc.png); background-repeat:no-repeat; cursor:pointer; }
.content-level-2 table tr td .txt_alg_c { margin:0 auto; }

.content-level-2 table.process_tbl tr th, .content-level-2 table.process_tbl tr td { padding:4px 0; }
.content-level-2 table.process_tbl tr th:first-of-type, .content-level-2 table.process_tbl tr td:first-of-type { padding-left:4px; }
tr.tbl_summary { border-top:2px solid #dadada; background:#e2e2e2!important; cursor:pointer; }
tr.tbl_summary th { padding:4px 0!important; background:#e2e2e2!important; border-bottom:1px solid #e4e0e0; }
tr.tbl_summary button { display:inline-block; overflow:hidden; width:100%; height:15px; border:0; background:transparent; color:#6d6d71; font-size:14px; text-indent:-500em; }
tr.tbl_summary button.tr_expand { background:transparent url(/Images/asc_l.png) no-repeat center center; }
tr.tbl_summary button.tr_fold { background:transparent url(/Images/desc_l.png) no-repeat center center; }

tr.tbl_note { /*border-bottom:3px solid #dadada;*/background:#f6f6f6; box-shadow:#c1c1c1 4px 4px 3px; }
tr.tbl_note span { margin:0 10px; }
tr.tbl_note > tr.tbl_summary { border-bottom:none; }

.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; color:#b36200; font-size:30px; font-weight:bold; text-align:center; }
.content-account .content-level-1 { width:700px; }
.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:18px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; color:#0381a2; }
.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; }

.option-add { padding:0; }
.address-period .option-add { margin-top:15px; padding:5px 0 0 0; border-top:1px solid #ccc; }
/*.option-add ul:nth-child(1n+2) { margin-top:10px!important; border-top:1px solid #ccc; }*/
/*.option-add ul li:first-of-type { padding-top:10px; }*/
.option-add ul li span { font-size:1.0em; }
.option-add ul li.list_wth5 { padding-top:0!important; }
.option-add ul li.list_wth10 { padding-top:0!important; }
.option-add ul li.list_wth20 { padding-top:0!important; }
.option-add ul li.list_wth30 { padding-top:0!important; }

.form_added02 ul:nth-child(1n+2) { margin-top:10px!important; border-top:1px solid #ccc; }
.form_added02 ul:nth-child(1n+2) li:first-of-type { padding-top:10px; }
.form_added03 ul.field-race li { padding-top:3px!important; }

/*for demographic*/
.field-demographic { width:100%; }
.field-demographic li { display:inline-block!important; }
.field-demographic li.wth_p45:nth-child(even) { margin-right:10px; }

.field-race li { display:inline-block!important; width:32%; }
.field-race li.option_other { display:block!important; width:90%; font-size:1.15em; }
.field-race li.subtitle { display:block!important; width:90%!important; margin:20px 0 -10px 0; border:none!important; color:#6d6d71; }
.field-race li.subtitle:hover { border:none!important; color:#6d6d71; }
.field-race li.subtitle:hover span { color:#6d6d71; }
.field-race li.wth_p27 { width:27%!important; }
.field-race li.wth_p30 { width:30%!important; }
.field-race li.wth_p40 { width:40%!important; }
.field-race li label { width:100%!important; box-sizing:border-box; }
/*To_Make_Text_Selection_Disable*/
.content-level-2 ul li label, .index_wrap .title-level-1 { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; -o-user-select:none; }

.borrower_list dd { display:block; width:100%; }
.borrower_list dd ul { margin:0; padding:0; }
.borrower_list dd ul li { display:inline-block!important; }
.declarations-wrap .title-level-1 { color:#6d6d71; font-size:12px; font-weight:bold; line-height:1.5em; }
.disclaimer-wrap .title-level-1 { margin:10px auto; color:#c8b34a; font-size:30px; font-weight:bold; text-align:left; }
.disclaimer-wrap .txt_cont { margin:30px 0 30px 0; font-size:16px; line-height:1.6em; }
.disclaimer-wrap .txt_cont span { text-decoration:underline; }
.declarations-add { width:86%; padding:5px 20px; border-left:3px solid #ccc; box-shadow:#dedede 0px 0px 5px 1px; }
.declarations-add .title-level-1 { font-size:1.1em; }

.submit-result { margin-top:20px; font-size:16px; text-align:left; line-height:1.6em; }
.submit-account { text-align:center; font-weight:bold; font-size:1.5em; }
.submit-msg { width:100%; margin:0 auto; text-align:center; }
.submit-form .btn-group { margin-top:40px; margin-bottom:0; }

.contact-phone { position:relative; }
.contact-phone select.wth_p100 { position:absolute; top:3px; left:0px; width:90px!important; height:40px; border-right:1px solid #a5a5a5; }
.contact-phone select:hover, .contact-phone select:focus { border:1px solid #017ecd; background:#e5f1fe; }
.contact-phone input[type="tel"] { padding-left:100px; }


/* --------------------------------
    7-2. 2-column-form
-------------------------------- */
dl.column-2 dt { padding-top:10px; vertical-align:top; }
dl.column-2 dd .notice-required { margin-bottom:10px; }
dl.column-2 dd span.txt-only { display:inline-block; padding-top:10px; }
/*dl.column-2 dd .notice-required:nth-child(2n+1) { margin-top:0; }*/


/* --------------------------------
    8. UI RENEWAL
-------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Lato');
.field-primary { display:inline-block; width:100%; }
.field-primary li { display:block; position:relative; float:left; width:100%; border-bottom:1px solid #ccc; color:#6d6d71; }
.field-primary li:focus{ outline:none; }
.field-primary li .ico_radio { display:block; position:absolute; top:21px; left:10px; z-index:5; width:18px; height:18px; border:1px solid #ababab; border-radius:100%; transition:border .25s linear; -webkit-transition:border .25s linear; }
.field-primary li input[type="radio"] { position:absolute; opacity:0; }
.field-primary li input[type="checkbox"] { position:absolute; opacity:0;  }
.field-primary li label { display:block; position:relative; z-index:9; width:100%; min-height:20px; margin:10px auto; padding:6px 0 6px 37px; font-weight:300; font-size:1.15em; cursor:pointer; -webkit-transition:all 0.25s linear; box-sizing:border-box; }
.field-primary li.wth_620 { margin-top:20px; }

/*01_Radiobutton*/
.field-primary li:hover { color:#0381a2; border-bottom:1px solid #0381a2; transition:border 0.25s linear; -webkit-transition:border 0.25s linear; }
.field-primary li:hover .ico_radio { border:1px solid #ababab; color:#ababab; }
.field-primary li:hover .ico_radio::before { display:block; position:absolute; content:''; top:4px; left:4px; width:10px; height:10px; margin:auto; border-radius:100%; /*background:#0381a2;*/ transition:background 0.25s linear; -webkit-transition:background 0.25s linear; }
.field-primary li.radio_handler:hover { color:#0381a2; border-bottom:1px solid #0381a2; transition:border 0.25s linear; -webkit-transition:border 0.25s linear; }
.field-primary li.radio_handler:hover .ico_radio { border:1px solid #ababab; }
.field-primary li.radio_handler input[type="radio"]:checked ~ .ico_radio { border:1px solid #0381a2; }
.field-primary li.radio_handler input[type="radio"]:checked ~ .ico_radio::before{ background:#0381a2; }
.field-primary li.radio_handler input[type="radio"]:checked ~ label{ color:#0381a2; }
.field-primary li.radio_handler .ico_radio::before { display:block; position:absolute; content:''; top:4px; left:4px; width:10px; height:10px; margin:auto; border-radius:100%; transition:background 0.25s linear; -webkit-transition:background 0.25s linear; }

/*02_Checkbox*/
.field-primary li .ico_chkbox { display:block; position:absolute; top:22px; left:10px; z-index:5; width:15px; height:15px; border:1px solid #ababab; border-radius:0; transition:border .25s linear; -webkit-transition:border .25s linear; }
.field-primary li:hover { color:#0381a2; border-bottom:1px solid #0381a2; transition:border 0.25s linear; -webkit-transition:border 0.25s linear; }
.field-primary li:hover .ico_chkbox { border:1px solid #0381a2; color:#0381a2; }
.field-primary li.chkbox_handler { }
.field-primary li.chkbox_handler .ico_chkbox { display:block; position:absolute; top:22px; left:10px; z-index:5; width:15px; height:15px; border:1px solid #ababab; border-radius:0; transition:border .25s linear; -webkit-transition:border .25s linear; }
.field-primary li.chkbox_handler:hover .ico_chkbox { border:1px solid #ababab; }
.field-primary li.chkbox_handler input[type="checkbox"]:checked ~ .ico_chkbox { content:'\2714'; border:1px solid #0381a2; color:#0381a2; }
.field-primary li.chkbox_handler input[type="checkbox"]:checked ~ .ico_chkbox::before { content:'\2714'; color:#0381a2; }
.field-primary li.chkbox_handler input[type="checkbox"]:checked ~ label { color:#0381a2; }
.field-primary li.chkbox_handler input[type="checkbox"]:not(:checked) ~ label { color:#6d6d71; }
.field-primary li.chkbox_handler .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; }

.tab_outline { border-bottom:1px solid #0381a2!important; color:#0381a2; }


@supports (-ms-ime-align:auto) {
	/*only for edge*/
	input[type='checkbox']:checked ~ .ico_chkbox { background:url(/Images/ico_checkbox.png) no-repeat 0 0; }

	.ico_chkbox::before { visibility:hidden; }
	.field-primary li input[type='checkbox']:checked ~ .ico_chkbox { background:url(/Images/ico_checkbox.png) no-repeat 0 0; }
	.field-primary li .ico_chkbox::before { visibility:hidden; }

	select { background:#fff url(/Images/icon_arrow.png) no-repeat top 5px right!important; }
	select:hover, select:focus { background:#e5f1fe url(/Images/icon_arrow02.png) no-repeat top 5px right !important; }
	
	/* Same as me */
	input[type='checkbox']:checked ~ .chk_sameasme { background:url(/Images/ico_checkbox.png) no-repeat 0 0; }
	.chk_sameasme::before { visibility:hidden; }
}

/*SSN number field*/
.ssn-form .ico_chkbox { top:12px!important; left:0!important; }
.ssn-form label { margin-top:0!important; margin-bottom:2px!important; padding-left:0!important; text-indent:25px; }
.ssn-form li { border-bottom:none!important; }
.ssn-form li:hover { border-bottom:none!important; }
.ssn-form li:nth-child(2) { padding-top:0; }
.ssn-form li:nth-child(2) input { margin-top:0; }

/*1x2 form*/
.field-simplify { width:100%; }
.field-simplify li { display:inline-block!important; width:45%; margin:0 10px; }
.field-simplify li:nth-child(odd) { margin-left:0; }
.field-simplify li:nth-child(even) { margin-right:0; }

/*other checkbox style*/
.checkstylewrap li { position:relative; }
.checkstylewrap li label { display:block; position:relative; z-index:9; width:100%; min-height:20px; margin:0; padding:4px 10px 6px 25px; font-size:14px; cursor:pointer; -webkit-transition:all 0.25s linear; box-sizing:border-box; }
.checkstylewrap li input[type="checkbox"], li.logincheckbox input[type="radio"] { position:absolute; visibility:hidden; }
.checkstylewrap li .ico_radio { display:block; position:absolute; top:6px; 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; }
.checkstylewrap li:hover .ico_radio { border:1px solid #ababab; }
.checkstylewrap li input[type="checkbox"]:checked ~ .ico_radio { content:'\2714'; border:1px solid #ababab; color:#0381a2; }
.checkstylewrap li input[type="checkbox"]:checked ~ .ico_radio::before{ content:'\2714'; color:#0381a2; }
.checkstylewrap li input[type="checkbox"]:checked ~ label{ }
.checkstylewrap li .ico_radio::before { display:block; position:absolute; content:''; top:-3px; left:2px; width:9px; height:9px; margin:auto; border-radius:0; font-size:14px; font-weight:bold; transition:background 0.25s linear; -webkit-transition:background 0.25s linear; }
.checkstylewrap li.sub_option label { padding-left:30px!important; }
.checkstylewrap li.sub_option .ico_radio { top:9px; left:7px; }
.checkstylewrap li.sub_option .ico_radio::before { top:-5px; }

/*other radio style*/
.radiostylewrap li { position:relative; }
.radiostylewrap li label { display:block; position:relative; z-index:9; width:100%; min-height:20px; margin:0; padding:6px 10px 6px 35px!important; font-size:14px; cursor:pointer; -webkit-transition:all 0.25s linear; box-sizing:border-box; }
.radiostylewrap li input[type="radio"] { position:absolute; visibility:hidden; }
.radiostylewrap li .ico_radio { display:block; position:absolute; top:11px; left:5px; z-index:5; width:18px; height:18px; border:1px solid #ababab; border-radius:100%; transition:border .25s linear; -webkit-transition:border .25s linear; }
.radiostylewrap li:hover .ico_radio { border:1px solid #ababab; }
.radiostylewrap li input[type="radio"]:checked ~ .ico_radio { border:1px solid #ababab; }
.radiostylewrap li input[type="radio"]:checked ~ .ico_radio::before{ background:#0381a2; }
.radiostylewrap li input[type="radio"]:checked ~ label{ color:#0381a2; }
.radiostylewrap li .ico_radio::before { display:block; position:absolute; content:''; top:4px; left:4px; width:10px; height:10px; margin:auto; border-radius:100%; transition:background 0.25s linear; -webkit-transition:background 0.25s linear; }

.disabled .field-primary li:hover,.disabled .field-demographic ul li:hover { border-bottom:1px solid #c1c1c1!important; }
.disabled .field-primary li.subtitle:hover, .disabled .field-demographic ul li.subtitle:hover { border:none!important; color:#c1c1c1!important; }
.disabled .field-primary li.borderNone:hover, .disabled .field-demographic ul li.borderNone:hover { border:none!important; color:#c1c1c1!important; }
.disabled .field-primary li.subtitle:hover span, .disabled .field-demographic ul li.subtitle:hover span { color:#c1c1c1!important; }
.disabled .field-primary li .ico_chkbox,.disabled .field-demographic ul li .ico_chkbox { border:1px solid #e0e0e0!important; }
.disabled .field-primary li:hover .ico_chkbox,.disabled .field-demographic li:hover .ico_chkbox { border:1px solid #e0e0e0!important; }
.disabled .field-primary li, .disabled .field-primary li:hover, .disabled .field-primary li label { color:#c1c1c1!important; }
.disabled .field-demographic ul li, .disabled .field-demographic ul li:hover, .disabled .field-demographic ul li label { color:#c1c1c1!important; }
.disabled .field-primary li.wth_620 label { color:#0381a2!important; }

.field-primary .borderNone, .field-primary li.borderNone:hover, .field-demographic .borderNone, .field-demographic li.borderNone:hover { margin-top:15px; color:#6d6d71; cursor:default; }
.field-primary .borderNone.option_other span, .field-demographic .borderNone.option_other span { font-size:16px!important; }
.field-primary .borderNone.option_other span.txt_sub02, .field-demographic .borderNone.option_other span.txt_sub02 { padding-top:0; font-size:12px!important; line-height:1.5em; }
.disabled .field-primary .borderNone.option_other span.txt_sub02, .disabled .field-demographic .borderNone.option_other span.txt_sub02 { color:#c1c1c1!important; }
.form_sp dl dt { height:inherit; min-height:32px; line-height:1.5em; vertical-align:middle; }
.form_sp dl dd { height:inherit; min-height:32px; line-height:1.5em; vertical-align:middle; }
.form_sp dl dt.wth_p18.sp_length { width:34%!important; }
.form_sp dl dt.wth_p18.sp_length.txt_r { text-align:left!important; }
.form_sp dl dd.wth_p18.sp_length { width:64%!important; }
.form_sp dl dd.wth_p21.sp_length { width:64%!important; }
.content-level-2.form_sp dl dt.wth_p18.zipcode-title { padding-left:0; padding-right:0; text-align:left; }

/* --------------------------------
    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:#0381a2; font-weight:bold; }
.txt-numbertip { display:inline-block; width:25px; height:25px; padding:0.1rem; border-radius:20px; background:#0381a2; 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; }

/*milestone*/
.milestone_position { display:inline-block; position:relative; width:500px; min-height:260px; }
.milestone_wrap { display:inline-block; position:absolute; top:0; right:0; z-index:1000; width:500px; min-height:245px; margin:0 auto; border-radius:10px; background:rgba(0,119,167,0.94); box-sizing:border-box; vertical-align:top; }
.milestone_wrap .title { min-height:35px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px dashed #ddd; font-size:14px; color:#fff; }
.milestone_wrap .title a { padding-top:2px; font-size:12px; opacity:0.8; cursor:pointer; }
.milestone_wrap h1 { width:100%; margin:10px 0 20px 0; padding:20px 0; border:1px solid #ccc; background:#fff; text-align:center; font-size:20px; /*box-shadow:#ccc 0px 2px 1px 0px;*/ }
.milestone_wrap span.line { position:absolute; top:33px; left:18%; z-index:-1; width:650px; height:2px; background:#ccc; }
.milestone_wrap dl { overflow:hidden; min-width:500px; width:100%; height:210px; margin:0 auto 15px auto; padding:20px 20px 15px 15px; text-align:left; box-sizing:border-box; }
.milestone_wrap dl dd { display:block; width:100%; margin:0 0 12px 0; color:#fff; word-break:break-word; box-sizing:border-box; }
.milestone_wrap dl dd.current { margin-bottom:16px; color:#fff; font-size:18px; font-weight:bold; line-height:1.3em; }
.milestone_wrap dl dd.current span { display:inline-block; overflow:hidden; width:90%; text-overflow:ellipsis; text-shadow:0 0 3px #0d7ca9; white-space:nowrap; }
.milestone_wrap dl dd.current span.loan-status-detail { display:block; padding-left:23px; font-size:0.8em; line-height:1.3em; }
.milestone_wrap dl dd.current span.date { display:block; padding-left:23px; font-size:12px; line-height:1.3em; }
.milestone_wrap dl dd.done-item{ font-size:12px; opacity:0.5; }
.milestone_wrap dl dd.done-item span { display:inline-block; overflow:hidden; width:90%; color:#fff; font-size:12px; text-align:left; text-overflow:ellipsis; text-shadow:0 0 2px #075979; white-space:nowrap; }
.milestone_wrap dl dd.done-item span.date { display:block; padding-left:23px; font-size:12px; line-height:1.3em; }
.milestone_wrap dl dd .fa-check { margin-top:4px; margin-right:6px; font-size:16px; vertical-align:top; }
.milestone_wrap dl dd .fa-check-circle { margin-top:2px; margin-right:8px; font-size:14px; color:#fff; vertical-align:top; }
.milestone_wrap dl dd.null-msg { display:none; }

.milestone_wrap.expand { width:140%; min-height:100%; box-shadow:#b3b3b3 4px 3px 12px 0px; }
.milestone_wrap.expand dl { display:inline-block; overflow:visible; height:100%; min-height:210px; }
.milestone_wrap.expand dl dd span { white-space:normal; }
.milestone_wrap.expand { -webkit-transition: all .9s cubic-bezier(0.22, 0.61, 0.36, 1); -moz-transition: all .9s cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition: all .9s cubic-bezier(0.22, 0.61, 0.36, 1); transition: all .9s cubic-bezier(0.22, 0.61, 0.36, 1); }
.milestone_wrap:not(.expand) { -webkit-transition: all .68s ease; -moz-transition: all .68s ease; -o-transition: all .68s ease; transition: all .68s ease; }

.milestone_wrap #loanProcessOpen { display:block; }
.milestone_wrap.expand #loanProcessOpen { display:none; }
.milestone_wrap #loanProcessClose { display:none; }
.milestone_wrap.expand #loanProcessClose { display:block; }

.milestone_wrap.milestone-null { background:rgba(190,190,190,0.94); }
.milestone_wrap.milestone-null .title a { cursor:default; opacity:0.5; }
.milestone_wrap.milestone-null dl dd.current { display:none; }
.milestone_wrap.milestone-null dl dd.done-item { display:none; }
.milestone_wrap.milestone-null dl dd.null-msg { display:block; }

.loanprocess-title { display:inline-block; width:100px; min-height:100px; margin-bottom:30px; padding-top:22px; color:#0381a2; font-size:14px; vertical-align:top; }
.loanprocess-list { display:inline-block; width:813px; min-height:100px; margin-bottom:30px; vertical-align:top; }
.loan-process { display:inline-block; max-width:920px; width:100%; margin:50px auto 50px auto; }
.loan-process:focus { outline:none!important; }
.loan-process div:focus { outline:none!important; }
.loan-process .loan-number { margin:30px 0 10px 433px; text-align:left; }
.loan-process .loan-number select { width:333px; height:30px; padding:3px; border:1px solid #b7b7b7; color:#6d6d71; font-size:14px; font-weight:normal; }
.loan-process .ico_process { position:absolute; top:15px; right:10px; width:30px; font-size:30px; color:#9ba4a7; }
.loan-process .ico_process:hover { cursor:pointer; }
.loan-process .ico_expand { position:absolute; top:18px; right:15px; }
.loan-process .ico_expand:hover { cursor:pointer; }
.loan-process .null-file { color:#a5a5a5; }
.loan-process .fa-file-download.ico_process { right:7px; }
.banner-notice + .loan-process .loan-number { margin-top:0; }
.loan-process .list-group { display:inline-block; width:100%; margin-top:20px; }
.loan-process .list-group .title { margin-bottom:30px; font-size:16px; }
.loan-process .list-group .title dd { display:inline-block; height:36px; margin:0 12px; padding:0 5px; border-bottom:4px solid transparent; line-height:25px; vertical-align:top; box-sizing:border-box; cursor:pointer; }
.loan-process .list-group .title dd:hover { border-bottom:3px solid #0381a2; }
.loan-process .list-group .title dd.on { border-bottom:3px solid #0381a2; color:#0381a2; font-weight:bold; letter-spacing:-0.03rem; }
.loan-process .list-group .title dd.on:hover { border-bottom:3px solid #0381a2; font-weight:bold; letter-spacing:-0.03rem; }

.loan-process .outstanding-group { text-align:left; }
.loan-process .completed-group { text-align:left; }
.loan-process .package-group.expand .doc-title { color:#0381a2; 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:none; font-size:12px; color:#9b9b9b; }
.loanofficer-group .title { min-height:inherit; margin-bottom:5px; border:none; 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:#0381a2; }
.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:#6d6d71; 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 { 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:12px; }
.page-nav ul li.bar { color:#6d6d71; font-size:12px; }
.page-nav ul li.current { color:#0381a2; }
.page-nav ul li a { color:#6d6d71; 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:#b36200; 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:#0381a2; }
.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 #0381a2;*/ border-radius:0; background:none; /*color:#0381a2;*/ }
.edit-verification input.code[type="text"]:hover { /*border:none; border-bottom:1px solid #0381a2; background:none; outline:none; }
.edit-verification input.code[type="text"]:focus { border:none; border-bottom:1px solid #0381a2;*/ background:none; outline:4px solid rgba(1, 117, 228, 0.2); }
.edit-verification .sub_option { min-height:inherit; height:22px; font-size:12px!important; color:#6d6d71; text-align:left; vertical-align:top; }
.edit-verification .linked { display:inline-block; color:#0381a2; 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:none; border-bottom:1px solid #0381a2; border-radius:0; background:none; color:#0381a2; }
.verification-box input[type="text"]:hover { border:none; border-bottom:1px solid #0381a2; background:none; outline:none; }
.verification-box input[type="text"]:focus { border:none; border-bottom:1px solid #0381a2; background:none; outline:4px solid rgba(1, 117, 228, 0.2); }
.verification-box input[type="text"]:disabled { border:none; 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:#6d6d71; text-align:left; }
.verification-box input[type="text"].required, .verification-box input[type="password"].required, .verification-box input[type="tel"].required  { border-bottom:2px solid #bc204b; }

.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:#b36200; 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:#0381a2; }
.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: 15px; right: 5%; color: #ee0700; font-size: 13px; }
.guest-login .content-level-2 dl dd { min-height:26px; }
.guest-login .content-level-2 dl dd input[type="text"] { width:330px; height:32px; margin:0 5px 0 0; padding-left:0; border:none; border-bottom:1px solid #0381a2; border-radius:0; background:none; }
.guest-login .content-level-2 dl dd input[type="text"]:hover { border:none; border-bottom:1px solid #0381a2; background:none; outline:none; }
.guest-login .content-level-2 dl dd input[type="text"]:focus { border:none; border-bottom:1px solid #0381a2; background:none; outline:4px solid rgba(1, 117, 228, 0.2); }
.guest-login .sub_option { min-height:inherit; height:22px; font-size:12px!important; color:#6d6d71; text-align:left; vertical-align:top; }
.guest-login .count_num { color:#ee0700; font-size:13px; }
.guest-login .linked { display:inline-block; color:#0381a2; font-size:12px; 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:#0381a2; }
.incomplete-interview .content-level-1 h3 a { display:inline-block; }
/*.incomplete-interview span { font-size:14px; line-height:18px; }*/
.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:last-of-type { border-bottom:none; }*/
.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; width:400px; min-height:180px; }
.incomplete-interview .loanofficer-group .lo-box { margin-bottom:10px; }
.incomplete-interview .lo-contact { margin-top:10px; }
.incomplete-interview .loanofficer-btn { display:inline-block; width:250px; margin-top:0; }
.incomplete-interview .loanofficer-btn button { width:100%; max-width:300px; font-size:13px; }*/
.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 .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"]:checked ~ .ico_chkbox { content:'\2714'; border:1px solid #ababab; color:#0381a2; }
.document_comment ul li input[type="checkbox"]:checked ~ .ico_chkbox::before{ content:'\2714'; color:#0381a2; }
.document_comment ul li input[type="checkbox"]:checked ~ label{ color:#0381a2; }
.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 #017ecd; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
.document_comment ul li textarea.required { border:1px solid #bc204b; }
.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:#0381a2; }
span.status_link span { display:inline; color:#0381a2; font-weight:bold; }

.loanprocess-group span.txt_info { font-size:16px; line-height:1.6em; }
.loanprocess-group span.txt_info span { color:#0381a2; 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:#0381a2; }
.package-group .package-doc .fa-chevron-down { color:#0381a2; font-size:22px; }
.package-group.expand .package-name { color:#0381a2; }
.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:#0381a2; }
.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 dd { display:block; min-height:26px; vertical-align:middle; }
.submit-document .package-doc .package-name span { display:block; width:94%; font-size:14px; 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:#0381a2; }
.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:#6d6d71; 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; }
}

/* --------------------------------
    10. PROGRESS BAR
-------------------------------- */
.progress-bar { /*width:1200px;*/ margin:10px auto; padding-top:18px; text-align:center; }
.progress-bar dl { position:relative; width:100%; margin:0; padding:0; }
.progress-bar dl dd { display:inline-block; width:13.5%; min-width:130px; margin:0 3px; }
.progress-bar dl dd:first-of-type { margin-left:0; }
.progress-bar dl dd:nth-last-child(-n+2) { margin-right:0; }
.progress-bar dl dd.help { position:relative; width:20px; min-width:20px; height:20px; margin:0; border:none!important; line-height:20px; vertical-align:top; }
.progress-bar dl dd.help img { width:22px; height:22px; margin-left:0; cursor:pointer; }
.progress-bar dl dd.help .help-tip { margin-top:-2px; font-size:17px; vertical-align:0; }
.progress-bar dl dd:focus { outline:4px solid rgba(1, 117, 228, 0.2)!important; }
.progress-bar dl dd.on li.progress_wrap { background:#b36200!important; }
/*.progress-bar dl dd.done li.progress_wrap { border:1px solid #c6c6c6!important; background:#c6c6c6!important; }*/
.progress-bar ul { margin:0; padding:0; }
.progress-bar ul li { font-size:14px; color:#6d6d71; text-align:center; }
.progress-bar ul li.progress_wrap { height:12px; background:#e6e6e6; text-align:left; line-height:12px; }
.progress-bar ul li span.pct_bar { display:inline-block; left:0; height:12px; background:inherit; }
.progress-bar ul li span.on { background:#c8b34a!important; }
.progress-bar ul li span.step_txt { position:absolute; top:12px; left:0; z-index:1002; width:100%; color:#fff; text-align:center; box-sizing:border-box; }
.progress-bar dl dd.disabled { font-size:14px; color:#c6c6c6; text-align:center; }
.progress-bar dl dd.disabled li { color:#c6c6c6; }
.progress-bar dl dd.disabled span.pct_bar { background:transparent; }
.progress-bar ul li span.pct_bar.p5 { width:5%; }
.progress-bar ul li span.pct_bar.p10 { width:10%; }
.progress-bar ul li span.pct_bar.p20 { width:20%; }
.progress-bar ul li span.pct_bar.p30 { width:30%; }
.progress-bar ul li span.pct_bar.p40 { width:40%; }
.progress-bar ul li span.pct_bar.p50 { width:50%; }
.progress-bar ul li span.pct_bar.p60 { width:60%; }
.progress-bar ul li span.pct_bar.p70 { width:70%; }
.progress-bar ul li span.pct_bar.p80 { width:80%; }
.progress-bar ul li span.pct_bar.p90 { width:90%; }
.progress-bar ul li span.pct_bar.p95 { width:95%; }
.progress-bar ul li span.pct_bar.p100 { width:100%; }

.terms-link { display:block; position:static; bottom:0; width:100%; min-width:500px; margin:0 auto; padding:10px 0 100px 0; font-size:11px; color:#2e4453; text-align:center; line-height:17px; }
.terms-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; }
.terms-link ul li:hover { color:#2e4453; font-weight:bold; cursor:pointer; }
.terms-link ul li.borderline { width:10px; padding:2px; color:#6d6d71; font-weight:normal; cursor:default; text-decoration:none; }
.terms-link ul li a { display:inline-block; font-size:12px; text-decoration:underline; color:#0381a2; }
.terms-link ul li:hover a { text-decoration:underline; cursor:pointer; }
.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:#6d6d71; font-weight:normal; cursor:default; text-decoration:none; }
.comm_link ul li a { display:inline-block; font-size:12px; text-decoration:underline; color:#0381a2; }
.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. POPUP
-------------------------------- */
.popup-mobile { position:relative; }
.popup-web { position:relative; }
.popup-mobile .popup_wrap { position:absolute; z-index:2000; 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:2000; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }

.popup_wrap { position:relative; border:2px solid #0381a2; border-radius:5px; background:#fff; text-align:center; box-shadow:#5d5d5d 0 0 16px 3px; }
.popup_w400 { width:400px; }
.popup_w500 { width:500px; }
.popup_w700 { width:700px; }
.popup_w750 { width:750px; }

.popup_wrap .popup_cont { margin:55px 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:#0381a2; 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 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:4px solid rgba(1, 117, 228, 0.2); }

.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:#0381a2; font-size:20px; font-weight:bold; line-height:25px; vertical-align:middle; cursor:pointer; }
.popup_wrap i.btn_close_login { color:#0381a2; font-weight:bold; cursor:pointer; }
.popup_wrap i.btn_close_login:focus { outline:4px solid rgba(1, 117, 228, 0.2); }

.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; }

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; }


/* --------------------------------
    12. BUTTON
-------------------------------- */
.btn-group { /*position:fixed; bottom:50px;*/ 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.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; }*/

.btn_comm { min-width:200px; padding:10px 24px; border:1px solid #b36200; background:#b36200; font-size:16px; color:#fff; outline:none; box-shadow:none; }
.btn_comm_lg_sp button { vertical-align:top; }

@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:4px solid rgba(1, 117, 228, 0.2); }
.btn_comm:disabled { border:1px solid #b4b5b5!important; background:#b4b5b5!important; color:#fff!important; cursor:default; }
button.btn_skip { border:1px solid #67798f; background:#fff; color:#67798f; font-weight:600; }
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:4px solid rgba(1, 117, 228, 0.2); }
#btnPrev, #btnCancel, #btnSignUpCancel { border:1px solid #bfbfbf!important; background:#bfbfbf!important; color:#4b4b4b; }

.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:none; background:none; font-size:11px; color:#6d6d71; }
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:4px 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-family:Arial; 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: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:none; background:transparent url(/Images/ico_close.png) no-repeat 0 0; text-indent:-500em; }
button.btn_closepopup:focus, button.btn_closepopup:active { outline:4px solid rgba(1, 117, 228, 0.2)!important; }
button.btn_delete_sct { position:absolute; bottom:18px; right:8px; width:18px; height:24px; border:none; background:transparent url(/Images/ic-delete.png) no-repeat 0 0; text-indent:-500em; vertical-align:bottom; cursor:pointer; }
button.btn_delete_sct:focus, button.btn_delete_sct:active { outline:4px solid rgba(1, 117, 228, 0.2)!important; }
button.btn-send-msg { height:28px; padding:1px 8px; border:1px solid #b36200; background:#b36200; color:#fff; line-height:24px; font-family:Arial; font-size:12px; vertical-align:2px; }
.button-grn { min-width:80px; height:34px; padding:0px 10px; margin:0 0 0 10px; background-color:#0381a2; border:1px solid #0381a2;	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-family:Arial; 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-family:Arial; font-size:12px; vertical-align:2px; }
.btn_signin { min-width:80px; height:28px; padding:1px 6px; line-height:20px; font-family:Arial; font-size:12px; vertical-align:2px; }

/* --------------------------------
    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; }
}



/* --------------------------------
    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-family:Arial!important; font-weight:lighter; line-height:250px; }
.error-page .error-cont .txt { display:inline-block; width:100%; margin:40px auto 0 auto; color:#0381a2; 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; }
/* --------------------------------*/
.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; }
/* --------------------------------*/
.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 ---------------*/
.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; }
/* --------------------------------*/
.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; }
/* --------------------------------*/
.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:#0381a2; 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.8s; transition-property:unset; visibility:hidden; background-color:#fff; border:2px solid #0381a2; color:#6d6d71; 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:#0381a2 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:#0381a2; 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 #0381a2;*/ color:#6d6d71; 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; background-color:#fff; border:2px solid #0381a2; color:#6d6d71; text-align:left; padding:8px 30px 8px 8px; box-shadow:#d1d1d1 3px 3px 10px 3px; }
.tooltip .tooltiptext03 { overflow-x:hidden; overflow-y:auto; width:500px; height:440px; 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; }
.txt_sub:focus .tooltiptext03 { outline:none; }
.txt_linked.tooltip:focus { outline:4px 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:none; background:none!important; line-height:inherit; text-decoration:underline; box-shadow:none; }
div.tooltiptext02 dl dd span { display:inline-block; min-width:48px; color:#0381a2; }

.tooltip:hover .tooltiptext01 { visibility:visible; opacity:1; }
.tooltip:hover + .tooltiptext02 { visibility:visible; opacity:1; }
.tooltip:hover .tooltiptext03 { 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:#0381a2; }
.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:#0381a2; }
.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; }


/* --------------------------------
    15-4. AUTOFILL
-------------------------------- */
input:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 0 white inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-text-fill-color:#6d6d71 !important;
    font-size:inherit;
}

/* --------------------------------
    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 #fff; border-radius:22px;}
.loading-bar .gauge { max-width:100%; height:28px; border-radius:22px; background:#fdd116; 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 { max-width:900px!important; width:100%; min-height:1000px; margin-bottom:50px; font-size:14px; }
.document-collection .txt_info { font-size:14px; line-height:1.6em; }
.document-collection .txt_info span { color:#0381a2; font-size:16px; font-weight:bold; }
.document-collection .txt_info.txt_c { display:inline-block; width:100%; margin:0 auto; padding:50px 0; text-align:center; }
.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:#0381a2; }
.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:#0381a2; }
.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; }

.loan_ctgr { margin:20px 0 0 0; }
.loan_ctgr .tbl_list01 { display:inline-block; width:100%; max-height:80px; margin:0 0 10px 0; padding:20px 10px; border:2px solid #0381a2; background:#fff; color:#0381a2; box-sizing:border-box; cursor:pointer; }
.loan_ctgr .tbl_list02 { /*display:none;*/ position:relative; height:100%; margin:0 0 50px 0; background:#fff; }
.loan_ctgr .tbl_list01.on, .loan_ctgr .tbl_list01:hover { border:2px solid #0d92b7; background:#0381a2; }
.loan_ctgr .tbl_list01.on span, .loan_ctgr .tbl_list01.on h2 { color:#fff; font-weight:normal; }
.loan_ctgr .tbl_list01:hover span, .loan_ctgr .tbl_list01:hover h2 { color:#fff; }
.loan_ctgr .tbl_list01 span { display:inline-block; margin:8px auto 10px auto; color:#0381a2; font-size:22px; text-align:left; }
.loan_ctgr .tbl_list01 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_ctgr .tbl_list02 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_ctgr .tbl_list02 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:#6d6d71; font-size:20px; font-weight:bold; line-height:35px; vertical-align:middle; outline:none; }

.document-collection .file_input { display:inline-block; width:36px; text-align:right; vertical-align:middle; }
/*uploaded files*/
.document-collection .upload-btn-group { position:absolute; top:13px; right:20px; }
.document-collection .uploaded_file { position:relative; margin:0; padding:10px 0 10px 20px; background:#f1f1f1; vertical-align:middle; }
.document-collection .uploaded_file .file-list { display:inline-block; width:620px; vertical-align:middle; }
.document-collection .uploaded_file ul { margin:0; padding:0; }
.document-collection .uploaded_file ul li { width:100%; padding:2px 0 5px 0; border-top:1px dotted #c1c1c1; }
.document-collection .uploaded_file ul li:first-of-type { border-top:0; }
.document-collection .uploaded_file ul li span { display:inline-block; overflow:hidden; max-width:720px; width:90%; font-size:12px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }

.document-collection .file_input { display:inline-block; width:36px; vertical-align:middle; }
.document-collection .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; }
.document-collection .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; }
.document-collection button.btn_upload { width:36px; height:36px; padding:2px; border:0; background:url('/Images/ico_upload.png') no-repeat 0 0; }
.document-collection .loan_summary { padding:10px 0 5px 0; text-align:center; }
.document-collection .loan_summary span { display:block; line-height:24px; }
.document-collection .loan_summary span.num { display:inline-block; color:#0381a2; font-size:16px; font-weight:bold; }

@-moz-document url-prefix() {
    .document-collection .file_input label { height:42px; }
}

.document-collection .document_comment { margin:0 20px; padding:0 0 10px 0; border-top:1px dotted #ccc; }
.document-collection .document_comment ul li { position:relative; }
.document-collection .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-collection .document_comment ul li:hover .ico_chkbox { border:1px solid #ababab; }
.document-collection .document_comment ul li input[type="checkbox"] { position:absolute; visibility:hidden; }
.document-collection .document_comment ul li input[type="checkbox"]:checked ~ .ico_chkbox { content:'\2714'; border:1px solid #ababab; color:#0381a2; }
.document-collection .document_comment ul li input[type="checkbox"]:checked ~ .ico_chkbox::before{ content:'\2714'; color:#0381a2; }
.document-collection .document_comment ul li input[type="checkbox"]:checked ~ label{ color:#0381a2; }
.document-collection .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-collection .document_comment ul li label { display:block; position:relative; z-index:9; width:100%; min-height:20px; margin:10px 0; padding:0 10px 0 25px; font-weight:300; font-size:14px; cursor:pointer; -webkit-transition:all 0.25s linear; box-sizing:border-box; }
.document-collection .document_comment ul li textarea { width:100%; padding:10px; border:1px solid #a5a5a5; box-sizing:border-box; }
.document-collection .document_comment ul li textarea.required { border:1px solid #bc204b; }
.document-collection .document_comment.disabled { color:#c1c1c1; }

.document_account { }
.document_account dt { display:inline-block; width:75%; vertical-align:top; }
.document_account dd { display:inline-block; width:23%; 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-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:#0381a2; 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 #0381a2; background:#0381a2; color:#fff; text-align:center; }
.nav-company button { border:1px solid #797676; background:#797676; }
.nav-company .btn-home { min-width:34px; width:34px; padding:6px 0; border:1px solid #797676; background:#797676; }

.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:#0381a2; }

.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:14px; border:none; font-size:12px; color:#9b9b9b; }
.company-default { max-width:1290px; margin:0 auto; }
.company-info { display:inline-block; width:100%; max-width:800px; margin:30px 0 20px 0; color:#6d6d71; 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:#6d6d71; 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 { text-align:center; }
.sort-group ul li { display:inline-block; min-width:85px; height:28px; padding:5px 2px; color:#797676; font-weight:normal; font-size:14px; text-align:left; line-height:1.5em; vertical-align:middle; }
.sort-group ul li span { font-size:11px; cursor:pointer; }
.sort-group ul li span.on { color:#0381a2; text-decoration:underline; }
.sort-group ul li span:hover { text-decoration:underline; }
.sort-group ul li.borderline { width:10px; min-width:10px; padding:10px 2px; color:#6d6d71; 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:#6d6d71; word-break:break-word; }
.lo-group .lo-contact dl dd.lo-title { margin-top:6px; opacity:0.9; }
.lo-group .lo-contact dl dd.name a { margin:0 0 10px 0; color:#0381a2; 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:15px 0 0 0; color:#0381a2; font-size:12px; text-decoration:underline; }
.lo-group .lo-contact .apply:hover a { color:#b36200; }

/*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. Go To
------------------------------------*/
.u-go-to { position:relative; z-index:100; width:2.5rem; height:2.5rem; 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:50%; left:50%; font-size:16px; font-weight:bold; color:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.u-go-to: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 { 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:80px; box-sizing:border-box; }
.progress-hiden-title { width:100%; margin-bottom:10px; text-align:center; }
h3.progress_hidentitle { display:none; color:#6d6d71; font-size:1.2em; font-weight:bold; text-align:center; }
.content-percent dl dd input[type="text"], .content-level-2 dl dd input[type="tel"], .content-level-2 dl dd select { width:100%; }
.content-percent dl dd 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 rgba(1, 117, 228, 0.2); -webkit-transition:all 0.01s linear; }*/
input[type="checkbox"]:focus ~ .ico_chkbox { outline:4px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:focus ~ .ico_radio { outline:4px solid rgba(1, 117, 228, 0.2); }


/* --------------------------------
    20. Z-INDEX
-------------------------------- */
/*
1001_header
    .banner-text-group
1002_tooltip
    _Company Main text
    nav-banner
1004_ico-menu-list
    dropdown-list
2000_popups

    
*/