#mainFooter .con { overflow: hidden; padding: 3rem; border-top: 0.1rem solid #DDD; }
#mainFooter .con p { float: left; margin: 0 0 0 13rem; color: #333; font-family: 'Pretendard'; font-size: 1.5rem; font-style: normal; font-weight: 400; letter-spacing: -0.03rem; }
#mainFooter .con p span { font-weight: 600; }
#mainFooter .con p strong { font-size: 3.4rem; font-weight: 900; line-height: 117.647%; }
#mainFooter .con p:first-child { margin: 0; }
#mainFooter .con p.contact { line-height: 194.118%; }
#mainFooter .con p.service { line-height: 176.471%; }

#mainFooter .fnb { padding: 3rem; background: #F5F6F7; overflow: hidden; }
#mainFooter .fnb p { color: #888; font-family: 'Pretendard'; font-size: 1.3rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.026rem; float: left; }
#mainFooter .fnb ul { float: right; font-size: 0; }
#mainFooter .fnb ul li { display: inline-block; vertical-align: top; }
#mainFooter .fnb ul li a { color: #333; font-family: 'Pretendard'; font-size: 1.3rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.026rem; position: relative; padding: 0 1.8rem; }
#mainFooter .fnb ul li a:after { content: '|'; color: #BBB; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); }
#mainFooter .fnb ul li:last-child a:after { content: unset; }
#mainFooter .fnb ul li a.leave { color: #BBB; }

@media screen and (max-width:1740px) {
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1024px) {
    #mainFooter { display: none; }
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) {
}