@charset "utf-8";

/* Source: templates/gajobv2/download/p2p-agent.html */
.p2p-agent-download-page {
    min-width: 0;
}

.p2p-agent-download-panel {
    width: min(760px, 100%);
    margin: 0 auto;
    padding: 48px;
    border: 1px solid #e4ebe6;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

.p2p-agent-download-kicker {
    color: #008072;
    font-size: 13px;
    font-weight: 800;
}

.p2p-agent-download-panel h2 {
    margin: 10px 0;
    color: #111827;
    font-size: 28px;
    font-weight: 800;
}

.p2p-agent-download-panel > p {
    margin: 0;
    color: #6b7280;
    line-height: 1.6;
}

.p2p-agent-download-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 32px;
}

.p2p-agent-download-button {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 22px;
    border: 1px solid #d9e2e0;
    border-radius: 8px;
    color: #111827;
    text-align: left;
}

.p2p-agent-download-button:hover {
    border-color: #008072;
    color: #008072;
}

.p2p-agent-download-button > i {
    flex: 0 0 auto;
    font-size: 34px;
}

.p2p-agent-download-button span,
.p2p-agent-download-button b,
.p2p-agent-download-button small {
    display: block;
    min-width: 0;
}

.p2p-agent-download-button small {
    margin-top: 5px;
    color: #8a929d;
    overflow-wrap: anywhere;
}

/* begin: media queries - Bootstrap breakpoint 기준
기본 CSS        → 모바일/공통 기본
max-width: 991.98px -> lg 미만 전체
max-width 575  → xs 전용
min 576~767.98 → sm 전용
min 768~991.98 → md 전용
min 992~1199.98 → lg 전용
min 1200~1399.98 → xl 전용
min 1400 → xxl 전용
*/
@media (max-width: 991.98px) {
}

@media (max-width: 575px) {
    .p2p-agent-download-panel {
        padding: 30px 18px;
    }

    .p2p-agent-download-panel h2 {
        font-size: 23px;
    }

    .p2p-agent-download-actions {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

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

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
}
/* end: media queries */