/* BASIC css start */
#footer {position:relative; margin: 60px 0 20px 0; padding:0 20px;}

.sr-only {display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; white-space: nowrap;}

.ubc-footer {letter-spacing: 0; color: #000;}
.ubc-footer * {letter-spacing: inherit; color: inherit; font-size: inherit;}
.ubc-footer .con {padding: 50px 12px 25px; border-top: 1px solid #777; border-bottom: 1px solid #777;}

.ubc-footer .c-logo {
    position: absolute;
    left: 50%;
    top: -29px;
    transform: translateX(-50%);
    padding: 0 30px;
    background-color: #f4f4f4;
}
.ubc-footer .c-logo img {width: 22px}
.ubc-footer .c-com {text-align: center; margin-bottom: 4px;}
.ubc-footer .c-ctt {display: flex; justify-content: center; gap: 20px;}
.ubc-footer .c-ctt,
.ubc-footer .c-info,
.ubc-footer .c-com {
    font-size: 13px;
    line-height: 1.54;
    color: #000;
}
.ubc-footer .c-info li span,
.ubc-footer .c-info .t-terms{
    color: #5e5e5e;
}
.ubc-footer .c-info {
    text-align: center;
}
.ubc-footer .c-info li {
    margin: 3px 0;
}

.fx-row.r2 {margin-top: 40px;}
.fx-row.r3 {margin-top: 64px;}

.ubc-footer .footer__menu {display: flex; justify-content: center; gap: 20px;}

.ubc-footer .footer__menu .fm-a {
    display: block;
    border-bottom: 1px solid #000;
    font-size: 14px;
    color: #000;
}
.ubc-footer .footer__menu .has-sub {position: relative;}
.ubc-footer .footer__menu .m-sub {
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: 7px;
    width: 150px;
    display: none;
}

.ubc-footer .footer__menu .m-sub p {
    font-size: 13px;
    line-height: 1.7;
    color: #5e5e5e;
}

.ubc-footer .footer__menu .b-loc::before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 11px;
    height: 15px;
    vertical-align: middle;
    margin-top: -1px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-image: url(/design/urbanic30/202507/ico/ubx--ico-loc2.png);
}

@media screen and (max-width: 390px) {
    .ubc-footer .footer__menu {gap: 16px;}
}

/* BASIC css end */