/* ===== footer : footer ===== */

.container.inquiry footer::before 
{
	content: "";
    background-image: url(../../images/index3_striper.svg);
    width: 100%;
    height: 176px;
    position: absolute;
    top: -140px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


footer 
{
    width: 100%;
    background-color: #222;
    display: flex;
    justify-content: center;
    height: 120px;
}

.container.inquiry footer 
{
	position:relative;
}

.footerInner
{
    width: calc((1580 / 1920) * 100%);
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.footerInner div 
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
}

.footerInner h3, .footerInner h5 
{
    color: #fff;
}

.footerInner h3 
{
    font-size: 28px;
    font-weight: 400;
    color: #fff;
}

.footerInner h5 
{
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    font-weight: 300;
    margin:0 auto;
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) 
{
    .footer { height: inherit; padding:40px 0; }
    .footerInner { gap: 20px 0; flex-direction: column; align-items: start; justify-content: center; } 
    .footerInner div { align-items: end;}
    .footerInner img { height: 26px; }
    .footerInner h5 { margin:0; }
    .footerInner h3 { font-size: 20px; }	
}

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) 
{   
    .footerInner div { align-items: start; flex-direction: column;}
}