#tfooter { padding: 40px 30px; background-color: #3c3c3c; text-align: center; }
#tfooter * { font-family: 'GmarketSans', sans-serif; }
#tfooter .top .text1 { display: inline-block; padding: 10px; font-weight: 700; font-size: 35px; color: #c0ff00; letter-spacing: -0.05em; line-height: 1; background-color: #29298c; border-radius: 10px; }
#tfooter .top .text2 { margin-top: 15px; font-weight: 700; font-size: 43px; color: #fff; letter-spacing: -0.05em; } 
#tfooter .top .text2 span { font-weight: 500; color: #fcef02; }
#tfooter .mid { margin: 40px 0; padding: 30px 0; font-weight: 500; font-size: 22px; color: #fff; letter-spacing: -0.07em; line-height: 1.7; border-top: 1px solid rgba(212, 222, 245, 0.1); border-bottom: 1px solid rgba(212, 222, 245, 0.1); }
#tfooter .mid * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .mid p { position: relative; display: inline-block; }
#tfooter .mid i { display: inline-block; margin: 0 10px; font-style: normal; font-weight: normal; color: #676767; }
#tfooter .bottom { font-weight: 500; font-size: 22px; color: #fff; line-height: 1.7; }
#tfooter .bottom * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .bottom p { display: inline-block; padding: 0 10px; }
@media (max-width: 1535px) {
    #tfooter .mid { margin: 30px 0; padding: 25px 0; }
}
@media (max-width: 1279px) {
    #tfooter .mid { margin: 25px 0; padding: 20px 0; }
}
@media (max-width: 1023px) {
    #tfooter { padding: 30px 20px; }
    #tfooter .mid { margin: 20px 0; padding: 15px 0; }
}
@media (max-width: 767px) {
    #tfooter { padding: 20px 16px; }
    #tfooter .top .text1 { font-weight: 500; }
    #tfooter .top .text2 { font-weight: 500; }
    #tfooter .mid { display: flex; flex-wrap: wrap; font-weight: normal; }
    #tfooter .mid br.ver1 { display: none; }
    #tfooter .mid p { width: 25%; }
    #tfooter .mid p::after { display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background-color: #676767; }
    #tfooter .mid p:nth-of-type(4n - 3):after { display: none; }
    #tfooter .mid i { display: none; }
    #tfooter .bottom { font-weight: normal; }
    #tfooter .bottom p { display: block; padding: initial; }
    #tfooter .bottom br { display: none; }
}