.post-wrapper { min-width: 760px; position: relative; background-color: var(--bg); padding-top: 80px; }
.post-wrap { width: 760px; margin: 0 auto; background-color: var(--w); padding: 30px; }

.post-banner { width: 100%; height: 360px; border-radius: 20px; overflow: hidden; margin-bottom: 40px; }
.post-banner img { width: 100%; }

.post-title { display: flex; flex-direction: column; gap: 15px; margin-bottom: 40px; }
.post-title span { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500; }
.post-title span i { display: block; content: ''; width: 1px; height: 12px; background-color: var(--black); }
.post-title h3 { font-size: 28px; font-weight: 700; }

.post-body { display: flex; flex-direction: column; gap: 20px; color: var(--black); }
.post-body .post-item p { font-size: 15px; line-height: 1.6; }
.post-body .post-item p b { color: var(--red); font-weight: 600; }
.post-body .post-item h4 { display: flex; align-items: center; gap: 5px; font-size: 18px; font-weight: 600; line-height: 1.4; margin-bottom: 10px; }
.post-body .post-item table th { border: 1px solid var(--border2); background-color: var(--w2); }
.post-body .post-item table td { border: 1px solid var(--border2); }
.post-body .post-item ul { display: flex; flex-direction: column; gap: 10px; }
.post-body .post-item ul li { font-size: 15px; }
.post-body .post-item ul li:first-child { margin-top: 5px; }
.post-body .post-item ul li.line { margin-left: 33px; margin-top: -10px; line-height: 1.6; }
.post-body .post-item ul li p { width: 24px; height: 24px; text-align: center; line-height: 24px; display: inline-block; background-color: var(--blue01); color: var(--blue); border-radius: 5px; font-size: 13px; font-weight: 600; margin-right: 10px; }
.post-body .post-item ul li b { color: var(--blue); font-weight: 600; }
.post-body .post-item .btn100 { width: 100%; text-align: center; line-height: 50px; font-size: 16px; color: var(--w); border-radius: 5px; }
.post-body .post-item .link { font-size: 15px; color: var(--blue); text-decoration: underline; }
.post-body .post-item > i { display: flex; flex-direction: column; gap: 5px; margin-top: 10px; }
.post-body .customer-list { display: flex; flex-wrap: wrap; gap: 10px; }
.post-body .customer-list-item { flex: 1 1 45%; height: 180px; display: flex; flex-direction: column; gap: 20px; padding: 20px; border-radius: 10px; background-color: var(--w2); position: relative; }
.post-body .customer-list-item a { position: absolute; right: 20px; top: 20px; font-size: 13px; color: var(--blue); font-weight: 500; border: 1px solid var(--blue); background-color: var(--w); border-radius: 50px; padding: 10px 20px; }
.post-body .customer-list-item p { width: 200px; height: 40px; }
.post-body .customer-list-item p img { height: 100%; }
.post-body .customer-list-item span { display: flex; flex-direction: column; gap: 15px; }
.post-body .customer-list-item span i { display: flex; flex-direction: column; gap: 5px; font-size: 14px; }
.post-body .customer-list-item span i b { color: var(--blue3); }

.post-body .post-spam { display: flex; gap: 10px; padding-top: 5px; margin-bottom: 20px; }
.post-body .post-spam a { flex: 1; display: flex; flex-direction: column; align-items: center; border: 1px solid var(--border2); border-radius: 10px; overflow: hidden; }
.post-body .post-spam a p { display: flex; align-items: center; justify-content: center; height: 100px; }
.post-body .post-spam a p img { height: 40px; }
.post-body .post-spam a span { width: 100%; text-align: center; line-height: 40px; background-color: var(--w2); font-size: 15px; font-weight: 600; }
.post-body .post-spam i { flex: 1; display: flex; flex-direction: column; align-items: center; border: 1px solid var(--border2); border-radius: 10px; overflow: hidden; }
.post-body .post-spam i p { display: flex; align-items: center; justify-content: center; height: 100px; }
.post-body .post-spam i p img { height: 60px; }
.post-body .post-spam i span {  width: 100%; font-size: 13px; color: var(--gray); text-align: center; line-height: 1.6; background-color: var(--w2); padding: 8px 0; }
.post-body .post-spam i span b { font-size: 15px; text-decoration: underline; color: var(--black); font-weight: 600; }
.post-body .post-spam-center { display: flex; flex-direction: column; align-items: center; gap: 15px; background-color: var(--w2); padding: 20px; border-radius: 10px; }
.post-body .post-spam-center strong { font-size: 16px; }
.post-body .post-spam-center strong b { color: var(--red); }
.post-body .post-spam-center span { font-size: 15px; display: flex; align-items: center; gap: 20px; }
.post-body .post-spam-center span b { font-weight: 600; }

.btn { font-weight: 400 !important; background-color: var(--blue) !important; color: var(--w) !important; border-color: var(--blue) !important; }
.btn2 { font-weight: 400 !important; background-color: var(--blue2) !important; color: var(--w) !important; border-color: var(--blue2) !important; }
.btn3 { font-weight: 400 !important; background-color: var(--black3) !important; color: var(--w) !important; border-color: var(--blue2) !important; }
.btn30 { display: flex; align-items: center; justify-content: center; height: 30px; font-size: var(--size2); font-weight: 500 !important; background-color: var(--w2) !important; color: var(--gray) !important; border-radius: 4px; }
.rbtn { font-weight: 400 !important; background-color: var(--red) !important; color: var(--w) !important; border-color: var(--blue) !important; }
.gbtn { font-weight: 400 !important; background-color: var(--black3) !important; color: var(--w) !important; border-color: var(--blue) !important; }

table { width: 100%; table-layout: fixed; background-color: var(--w); }
table thead th { padding: 10px; border: 1px solid var(--border2); text-align: center; font-size: 14px; font-weight: 600; box-sizing: border-box; background-color: var(--w2); }
table thead td { padding: 10px; line-height: 1.4; border-bottom: 1px solid var(--border2); text-align: center; font-size: 14px; font-weight: 500; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
table thead th:first-child { border-left: none; }
table thead th:last-child { border-right: none; }
table tbody th { padding: 10px; border-bottom: 1px solid var(--border2); text-align: center; font-size: 14px; font-weight: 600; box-sizing: border-box; background-color: var(--w2); }
table tbody td { padding: 10px; line-height: 1.4; border-bottom: 1px solid var(--border2); text-align: center; font-size: 14px; font-weight: 500; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.footer_banner {
    width: 700px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    border-top: 1px dashed var(--border);
    margin-top: 10px;
}

.footer_banner ul {
    display: flex;
    gap: 20px;
}

.footer_banner ul li {
    flex: 1;
}

.footer_banner ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer_banner ul li a p {
    min-width: 90px;
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.footer_banner ul li a p img {
    height: 100%;
    transition: 0.2s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.footer_banner ul li a:hover img {
    transform: translateX(-50%) scale(1.1);
}

.footer_banner .footer_banner-text {
    max-width: 240px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
}

.footer_banner .footer_banner-text h4 {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.6;
}

.footer_banner .footer_banner-text span {
    width: 100%;
    font-size: 13px;
    line-height: 1.6;
    color: var(--gray);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.footer_banner .footer_banner-text i {
    display: flex;
    gap: 5px;
}

.footer_banner .footer_banner-text i b {
    font-size: 12px;
    color: var(--base);
}