/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.3.1779326575
Updated: 2026-05-21 10:22:55

*/

* {
    word-break: keep-all;
    line-height: 1.5;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

:root {
    --main: #f15a25;
    --big: 2rem;
    --midium: 1.5rem;
    --small: 1.1rem;
    --kakao: #FAE100;
    --discord: #5865F2;
}

header.entry-header .entry-title {
    display: none;
}

.ast-container,
.ast-container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0;
    margin-bottom: 0;
}

.page .entry-header {
    display: none;
}

.inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}

.padding {
    padding: 100px 20px;
}

/** 메인페이지 **/
.link-section {
    padding: 50px 20px;
    background: linear-gradient(to left, #F15A25, #E31F05);
}

.link-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
}

.link-grid img {
    display: inline-block;
}

.link-t {
    font-size: var(--midium);
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
}

.link-d {
    font-size: var(--small);
    color: white;
}

.link-right {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.kakao-link,
.discord-link {
    display: block;
    text-align: center;
    padding: 10px 30px;
    font-weight: bold;
    font-size: var(--small);
    border-radius: 8px;
}

.kakao-link {
    color: #3C1E1E;
    background-color: var(--kakao);
}

.discord-link {
    color: white;
    background-color: var(--discord);
}

.kakao-link:hover,
.discord-link:hover {
    color: white;
    transition: .5s;
    background-color: black;
}

.hero-section {
    background-color: #F5F5F5;
}

.hero-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.hero-h {
    font-weight: bold;
    display: inline-block;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: var(--small);
    border: 1px solid var(--main);
    color: var(--main);
}

.hero-t {
    margin: 20px 0px;
    font-weight: bold;
    color: black;
    font-size: 2.5rem;
}

.hero-d {
    font-size: var(--small);
}

.call-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.call-grid img {
    display: inline-block;
}

.call-left a,
.call-right a {
    font-size: var(--midium);
    padding: 20px;
    text-align: center;
    display: block;
    border-radius: 12px;
    font-weight: bold;
}

.call-left a {
    color: #3C1E1E;
    background-color: var(--kakao);
}

.call-right a {
    color: white;
    background-color: var(--main);
}

.call-left a:hover,
.call-right a:hover {
    color: white;
    transition: .5s;
    background-color: black;
}

.title {
    font-size: var(--big);
    color: black;
    font-weight: bold;
}

.descr {
    margin: 5px 0px 0px 0px;
    font-size: var(--small);
    color: #666;
}

.br_m {
    display: none;
}

.use-section {
    background-color: var(--main);
}

.use-section .title,
.use-section .descr {
    color: white;
    text-align: center;
}

.use-grid {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.use-items {
    padding: 50px 20px;
    text-align: center;
    border-radius: 30px;
    background-color: white;
}

.use-step {
    background-color: #FFEAE2;
    color: var(--main);
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    font-weight: bold;
}

.use-thumb {
    margin: 20px 0px;
}

.use-title {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.2rem;
    color: var(--main);
}

.use-descr {
    font-size: var(--small);
}

.trade-section .title,
.trade-section .descr {
    text-align: center;
}

.trade-section {
    background-color: #F5F5F5;
}

.trade-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.trade-card {
    background: white;
    border-radius: 28px;
    padding: 50px 34px;
}

.trade-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.trade-icon {
    border-radius: 30px;
}

.kakao-icon {
    background: #ffe500;
}

.discord-icon {
    background: #5865f2;
}

.trade-name {
    font-size: var(--midium);
    font-weight: bold;
    color: black;
}

.trade-text {
    font-size: var(--small);
    color: #666;
}

.trade-tags {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.tag {
    padding: 10px 20px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--small);
    font-weight: 500;
}

.tag.orange {
    background: #ffe4cf;
    color: #ff6a00;
}

.tag.green {
    background: #d8f3dc;
    color: #1b8f2f;
}

.tag.blue {
    background: #dcebff;
    color: #2383ff;
}

.trade-btn {
    margin-top: 20px;
    width: 100%;
    padding: 15px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    font-size: var(--midium);
    font-weight: 800;
    text-decoration: none;
    transition: .2s;
}

.trade-btn span {
    font-size: 28px;
}

.kakao-btn {
    background: #ffe500;
    color: #111;
}

.discord-btn {
    background: #5865f2;
    color: #fff;
}

.trade-btn:hover {
    transition: .5s;
    color: white;
    background-color: black;
    transform: translateY(-2px);
}

.market-section {
    background-color: #30302E;
}

.market-section .title,
.market-section .descr {
    color: white;
    text-align: center;
}

.market-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 50px;
}

.market-items {
    border-radius: 30px;
    padding: 50px 20px;
    color: white;
    text-align: center;
    background-color: #3C3C3C;
}

.market-title {
    line-height: 1;
    margin: 20px 0px;
    color: white;
    font-weight: bold;
    font-size: var(--midium);
}

.review-section {
    background-color: #F5F5F5;
}

.review-section .title,
.review-section .descr {
    text-align: center;
}

.review-marquee {
    margin-top: 50px;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}

.review-track {
    display: flex;
    gap: 24px;
    width: max-content;
    animation: marqueeMove 25s linear infinite;
}

.review-card {
    width: 410px;
    min-width: 410px;
    background: #fff;
    border-radius: 24px;
    padding: 34px 30px;
    box-sizing: border-box;
}

.pc_padding {
    padding: 0;
}

.stars {
    color: #ffd600;
    letter-spacing: 2px;
    margin-bottom: 28px;
    line-height: 1;
}

.review-text {
    color: #333;
    word-break: keep-all;
    margin: 0 0 32px;
}

.review-user {
    font-size: .9rem;
    font-weight: 600;
    color: #9b9b9b;
}

/* 무한 마르퀴 */
@keyframes marqueeMove {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - 12px));
    }
}

/* hover 시 정지 */
.review-track:hover {
    animation-play-state: paused;
}

.fnq-section {
    background-color: #30302E;
}

.fnq-section .title,
.fnq-section .descr {
    color: white;
    text-align: center;
}

/* FAQ */
.faq-wrap {
    margin-top: 50px;
    width: 100%;
}

.faq-item {
    background: #333;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 16px;
    transition: all .3s ease;
}

/* 질문 */
.faq-question {
    width: 100%;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 32px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

/* Q */
.faq-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.faq-title::before {
    content: "Q.";
    color: #ff6a2a;
    font-weight: 800;
}

.faq-icon {
    width: 10px;
    height: 10px;
    border-right: 2px solid #bdbdbd;
    border-bottom: 2px solid #bdbdbd;
    transform: rotate(45deg);
    transition: transform .3s ease;
    flex-shrink: 0;
}

.faq-item.active .faq-icon {
    transform: rotate(-135deg);
}

/* 답변 */
.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
}

.faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}

.faq-content {
    overflow: hidden;
    padding: 0 32px;
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.8;
}

.faq-item.active .faq-content {
    padding: 0 32px 28px;
}

.contact-section {
    background-color: var(--main);
}

.contact-section .title,
.contact-section .descr {
    color: white;
    text-align: center;
}

.contact-img {
    margin-top: 50px;
}

.contact-section .call-grid {
    margin-top: 30px;
}

.contact-section .call-right a {
    color: var(--main);
    background-color: white;
}

.contact-section .call-right a:hover {
    background-color: black;
}


ul,
li,
ol {
    list-style-type: none;
}

.cash-head {
    text-align: center;
    margin-bottom: 50px;
}

.cash-badge {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 30px;
    background: #FFE7D9;
    color: var(--main);
    font-weight: 700;
    font-size: .9rem;
}

.cash-head .title {
    margin-top: 20px;
}

.cash-head .title span {
    color: var(--main);
}

.cash-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.cash-card {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 24px;
    overflow: hidden;
    transition: .3s;
    box-sizing: border-box;
}

.cash-card:nth-child(1){
    border: 2px solid var(--main);
}

.cash-card:hover {
    transform: translateY(-5px);
}

.cash-card.active {
    border: 2px solid var(--main);
}

.discount,
.hot {
    position: absolute;
    top: 12px;
    z-index: 10;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: .75rem;
    font-weight: bold;
    color: #fff;
}

.discount {
    left: 12px;
    background: #E2342E;
}

.hot {
    right: 12px;
    background: var(--main);
}

.cash-thumb {
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cash-thumb img{
    width: 80px;
}

.cash-thumb i {
    font-size: 60px;
}

.cube {
    background: #FFF0DD;
    color: #8B3FD9;
}

.blue {
    background: #EDF4FF;
    color: #4A6FB0;
}

.yellow {
    background: #FFF8E3;
    color: #C99000;
}

.green {
    background: #EFFBF0;
    color: #3B8A2E;
}

.channel-section{
    background-color: #F5F5F5;
}

.cash-name {
    padding: 20px 20px 5px;
    font-size: 1.2rem;
    font-weight: 700;
}

.cash-section .call-grid{
    margin-top: 50px;
}

.cash-desc {
    padding: 0 20px;
    color: #777;
    font-size: .95rem;
}

.cash-old {
    padding: 10px 20px 0;
    text-decoration: line-through;
    color: #aaa;
    font-size: .9rem;
}

.cash-price {
    padding: 0px 20px 20px;
    color: var(--main);
}

.cash-price strong {
    font-size: 2rem;
}

.cash-inquiry {
    padding: 20px;
    color: var(--main);
    font-weight: bold;
    font-size: 1.2rem;
}

.cash-banner {
    margin-top: 30px;
    padding: 25px;
    border-radius: 20px;
    background: #30302E;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cash-banner strong {
    color: white;
}

.cash-banner p {
    margin: 5px 0 0;
    color: #bbb;
}

.cash-banner a {
    padding: 14px 24px;
    border-radius: 12px;
    background: var(--kakao);
    color: black;
    font-weight: bold;
}

.cash-info-grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.cash-info {
    background: white;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    border: 1px solid black;
}

.cash-info i {
    font-size: 40px;
    color: var(--main);
}

.cash-info strong {
    display: block;
    margin-bottom: 5px;
}

.cash-info span {
    color: #777;
}

/** 푸터 **/
.footer-grid {
    text-align: left;
    display: grid;
    grid-template-columns: 66.666% 1fr 1fr;
    gap: 30px;
}

.ast-footer-copyright p {
    display: none;
}

.footer-logo {
    margin-bottom: 20px;
}

.footer-descr {
    color: white;
    font-size: .9rem;
}

.footer-logo img {
    display: inline-block;
}

ol,
ul {
    margin: 0;
}

.footer-t {
    font-size: var(--small);
    color: white;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-items ul li {
    margin-bottom: 6px;
}

.footer-items ul li:last-child {
    margin-bottom: 0;
}

.footer-items ul li a {
    color: white;
    opacity: 0.6;
    font-weight: 500;
}

.footer-items ul li a:hover {
    transition: .5s;
    opacity: 1;
}

.footer-tel,
.footer-discord {
    margin-bottom: 5px;
}

.footer-tel img,
.footer-discord img {
    display: inline-block;
}

.footer-discord {
    margin-top: 5px;
}

.footer-tel a,
.footer-discord a {
    color: white;
}

.footer-teld,
.footer-discordd {
    color: white;
    opacity: .6;
}

.footer-caption {
    text-align: left;
    color: white;
    opacity: .6;
    margin-top: 20px;
    border-radius: 15px;
    padding: 20px;
    background-color: #2D2D2D;
}

.footer-btm {
    color: white;
    font-size: .9rem;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    text-align: left;
}

.footer-btm2 {
    margin-top: 10px;
    opacity: .6;
}

button:focus {
    color: white;
    background-color: unset;
}

button:hover {
    color: white;
    background-color: var(--main);
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header {
    background-color: var(--main);
}

.ahfb-svg-iconset svg {
    color: white;
}

.floting-section {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.floting-grid {
    text-align: center;
    z-index: 999;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.floting-grid a {
    font-weight: bold;
    padding: 20px 20px;
}

.floting-left a {
    display: block;
    color: white;
    background-color: var(--main);
}

.floting-right a {
    display: block;
    color: black;
    background-color: var(--kakao);
}


@media all and (max-width:767px) {
    .br_pc {
        display: none;
    }

    .br_m {
        display: block;
    }

    .link-grid {
        gap: 30px;
        text-align: center;
        grid-template-columns: 1fr;
    }

    .link-right {
        display: block;
    }

    .kakao-link {
        margin-bottom: 10px;
    }

    .padding {
        padding: 80px 20px;
    }

    .hero-grid {
        text-align: center;
        grid-template-columns: 1fr;
    }

    .hero-t {
        font-size: 2rem;
    }

    .call-grid {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .title,
    .descr {
        text-align: center;
    }

    .review-card {
        min-width: 300px;
        padding: 26px 22px;
        border-radius: 18px;
    }

    .stars {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .review-text {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .review-user {
        font-size: 14px;
    }

    .use-grid {
        grid-template-columns: 1fr;
    }

    .use-items {
        padding: 20px;
    }

    .use-thumb img {
        width: 40px;
    }

    .trade-grid {
        grid-template-columns: 1fr;
    }

    .trade-card {
        padding: 50px 20px;
    }

    .trade-icon img {
        width: 50px;
    }

    .tag {
        font-size: .9rem;
    }

    .trade-btn {
        padding: 10px;
        font-size: 1.2rem;
    }

    .trade-btn span {
        font-size: 1.2rem;
    }

    .market-grid {
        grid-template-columns: 1fr;
    }


    .market-icon img {
        width: 60px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .m_hidden {
        display: none;
    }

    .floting-left a,
    .floting-right a {
        font-size: .9rem;
        white-space: nowrap;
    }

    .pc_padding {
        padding: 0;
    }

    .cash-grid {
        grid-template-columns: 1fr;
    }

    .cash-info-grid {
        grid-template-columns: 1fr;
    }

    .cash-banner {
        gap: 20px;
        flex-direction: column;
        text-align: center;
    }

}

/* Tablet (가로폭 768px 이상, 1023px 이하) */
@media all and (min-width:768px) and (max-width:1023px) {}

/* PC Desktop (가로폭 1024 이상) */
@media all and (min-width:1024px) {}