@charset "utf-8";
/* Alice_20200323 */


/* --------------------------------
    COMPANY MAIN
-------------------------------- */

@media screen and (max-width:1269px) {
	.content { width: 100% !important; max-width: 100% !important; }
	.banner-nav .nav-lang select { margin: 0; }

	.company-theme-A .theme-banner { width: 100% !important; }
	.company-theme-A .theme-banner .banner-nav { min-width: 100%; width: 100%; }
	.company-theme-A .theme-contact { width: 100%; }
	.company-theme-A .theme-option { width: 100%; }
	.company-theme-A .theme-banner .banner-text-group { width: 55%; bottom: initial; padding-bottom: 10px; }
	.company-theme-A .theme-banner img { max-width: 100%; }

	.company-theme-B .theme-banner { width: 100% !important; }
	.company-theme-B .theme-banner .banner-nav { min-width: 100%; width: 100%; }
	.company-theme-B .theme-contact { width: 100%; }
	.company-theme-B .theme-option { width: 100%; }
	.company-theme-B .theme-banner .banner-text-group { width: 55%; bottom: inherit; padding-bottom: 10px; }
	.company-theme-B .theme-banner .banner-text { width: 450px; }
	.company-theme-B .theme-banner img { max-width: 100%; }

	.company-theme-C .banner-text { width: 100%; }
	.company-theme-C .banner-text-group { width: 100%; }
}

@media screen and (max-width:1000px) {
	.company-theme-C .theme-contact { width: 50%; text-align: left; }
}

@media screen and (max-width:929px) {
	.option-division { width: 70px; }

	.theme-option .theme-option-col-1 { width: 100%; font-size: 1.0em; line-height: 1.4em; }
	.theme-option .theme-option-col-2 { width: 48%; font-size: 1.0em; line-height: 1.4em; }
	.theme-option .theme-option-col-2 img { max-width: 100%; max-height: inherit; }

	.company-theme-C .theme-banner .banner-text-group { position: inherit; left: 0; width: 100%; margin: 0; }
	.company-theme-C .theme-banner-img { max-width: 390px; width: inherit; margin: inherit; }
	.company-theme-C .theme-banner-img img { max-width: 100%; max-height: 100%; }
	/*.company-theme-C .theme-banner img { display:none; }*/
	.company-theme-C .banner-text-group { width: 100%; }
	.company-theme-C .banner-text { width: 100%; }
	.company-theme-C .banner-text h2 { font-size: 1.4em; }
	.company-theme-C .theme-contact { width: 50%; margin: 0 0 10px 20px; text-align: left; }
}

@media screen and (max-width:895px) {
	.company-theme-A .theme-banner { max-height: inherit; }
	.company-theme-A .theme-banner .banner-nav { display: none !important; }
	.company-theme-A .theme-banner .banner-text-group { position: inherit; left: 0; width: 100%; margin: 0 !important; }
	.company-theme-A .theme-banner .banner-text { width: 100%; height: inherit; min-height: 150px; margin-bottom: 20px; }
	.company-theme-A .theme-banner img { display: none; }

	.company-theme-B .theme-banner { max-height: inherit; }
	.company-theme-B .theme-banner .banner-nav { display: none !important; }
	.company-theme-B .theme-banner .banner-text-group { position: inherit; left: 0; width: 100%; margin: 0 !important; }
	.company-theme-B .theme-banner img { display: none; }
	.company-theme-B .theme-banner .bg-transparent { display: none; }
	.company-theme-B .theme-banner .banner-text { width: 100%; height: inherit; min-height: 150px; margin-bottom: 20px; padding: 17px; background: #f1f1f1; color: #6d6d71 !important; text-shadow: none; }
	.company-theme-B .theme-banner .banner-text h2 { color: #6d6d71; text-shadow: none; }
	.company-theme-B .theme-banner .banner-text h7 { color: #6d6d71; text-shadow: none; }
	.company-theme-B .theme-banner .banner-text p { color: #6d6d71; text-shadow: none; }
	.company-theme-B .theme-banner .btn-applynow { border: none; background: #6d6d71; color: #fff; text-shadow: none; box-shadow: none; }

	.company-theme-C .theme-banner { width: 100% !important; max-height: inherit; padding-top: 0; }
	.company-theme-C .theme-banner .banner-nav { display: none !important; }
	.company-theme-C .theme-contact { width: 100%; margin-top: 10px; margin-left: 0; text-align: center; }
	.company-theme-C .theme-option { width: 100%; }
	.company-theme-C .theme-banner .banner-text-group { width: 55%; bottom: inherit; }
	.company-theme-C .theme-banner img { width: 100%; }
}

@media screen and (max-width:800px) {
	.theme-option .theme-option-col-2 { width: 100%; font-size: 1.0em; line-height: 1.4em; transition: opacity 1.2s; transition-property: unset; }
}

/*@media screen and (min-width:896px) {
    .company-theme-A .theme-banner .banner-nav { display:none; }
    .company-theme-B .theme-banner .banner-nav { display:none; }
    .company-theme-C .theme-banner .banner-nav { display:none; }
}*/

@media screen and (min-width:896px) and (max-width:1270px) {
	.company-theme-A .theme-banner .banner-text-group { width: 450px; bottom: 5% !important; }
	.company-theme-A .theme-header img { width: 100%; }

	.company-theme-B .theme-banner .banner-text-group { width: 450px; bottom: 10px !important; }
	.company-theme-B .theme-header img { width: 100%; }

	.company-theme-C .theme-banner .banner-text-group { width: 450px; bottom: 10px !important; }
	.company-theme-C .theme-header img { width: 100%; }
}

/* --------------------------------
    COMPANY MAIN - LO LIST
-------------------------------- */
.lo-group .lo-box { margin-bottom: 30px; }
.lo-group .lo-contact dl dd.lo-title { margin-top: 6px; }
.lo-group .lo-contact .apply { margin-top: 12px; }

@media screen and (max-width:895px) {
	
	/*for company main*/
	
	.lo-group { text-align: center; }
	.lo-group .lo-box { width: 100%; }
	.lo-group .lo-contact { width: 50%; }

    .lo-group.lo-group-grid .lo-box-container{ grid-template-columns:1fr; }

	.u-go-to { right: 10% !important; }
	.loanofficer-title { display: block !important; color: #0381a2; font-size: 1.5em; font-weight: bold; }
	.loan-process .loanofficer-group .lo-title { height: 16px; min-height: inherit; margin-top: 6px; margin-bottom: 0; border: none; background: transparent; }
	.company-info { width: 100%; }
	.company-intro { width: 100%; }
	.company-wrap-only .lo-box { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
}

/*mobile*/
@media screen and (max-width:450px) {
	.ico-menu-list { width: 130px; }
	.lo-group .lo-pic { width: 44%; }
	.login-form .btn_login { width: 100%; }
	.lo-group .lo-box { height: inherit; }
	.lo-group .lo-contact dl { height: inherit; }

    .lo-group.lo-group-grid .lo-pic { width:100%; height:auto; margin-bottom: 0.5em;}
    .lo-group.lo-group-grid .lo-pic img{ width:auto; }
    .lo-group.lo-group-grid .lo-contact{ width:100%; text-align:center; margin:0; }

	}

@media screen and (min-width:895px) and (max-width:1270px) {
	/*temp*/
	.lo-group .lo-box { margin-bottom: 40px; }
}