.sns-section {
    position:relative;
    overflow:hidden;
    background:#fff !important;
    color:#111 !important;
}
/*
.sns-section::before {
    content:'';
    position:absolute;
    inset:-18% -10% auto;
    height:360px;
    background:
        radial-gradient(circle at 18% 40%, rgba(255,45,85,.20), transparent 34%),
        radial-gradient(circle at 50% 20%, rgba(255,186,0,.18), transparent 30%),
        radial-gradient(circle at 82% 40%, rgba(123,97,255,.18), transparent 34%);
    pointer-events:none;
}
*/
.sns-section .wrap {
    position:relative;
    z-index:2;
}
.sns-section .section-head {
    align-items:end;
}
.sns-section .section-title,
.sns-section .section-title span {
    color:#111 !important;
}
.sns-section .section-desc {
    color:rgba(0,0,0,.62) !important;
}
.sns-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}
.sns-card {
    position:relative;
    display:block;
    overflow:hidden;
    padding:30px 30px 32px;
    border:1px solid rgba(0,0,0,.10);
    border-radius:18px;
    background:#fff;
    color:#111;
    box-shadow:0 18px 44px rgba(0,0,0,.08) !important;
    transform:translateY(0);
    transition:transform .32s var(--ease), border-color .32s var(--ease), box-shadow .32s var(--ease);
}
.sns-card:hover {
    transform:translateY(-8px);
    border-color:rgba(216,12,24,.28);
    box-shadow:0 26px 68px rgba(0,0,0,.14) !important;
}
.sns-card::before {
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(255,45,85,.10), rgba(255,186,0,.08), rgba(123,97,255,.08));
    opacity:0;
    transition:opacity .32s var(--ease);
    pointer-events:none;
}
.sns-card:hover::before {
    opacity:1;
}
.sns-profile {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#111;
    font-size:20px;

    letter-spacing:-.04em;
}
.sns-profile i {
    width:30px;
    height:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    color:#fff;
    font-size:20px;
}
.sns-img {
    position:relative;
    z-index:2;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:10px;
    background:#f3f3f3;
}
.sns-img img {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center; /* 위쪽 기준 */
    transition:transform .45s var(--ease);
}
.sns-card:hover .sns-img img {
    transform:scale(1.045);
}
.sns-caption {
    position:relative;
    z-index:2;
    display:block;
    margin-top:0px;
    color:#000;
    font-size:clamp(14px,1.8vw,23px);

    line-height:1.5;
    letter-spacing:-.06em;
}
.sns-cta {
    display:flex;
    justify-content:center;
    margin-top:36px;
}
.sns-cta .btn {
    min-width:240px;
    background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    border:0;
    color:#fff;

}
@media (max-width:1024px) {
    .sns-grid {
        gap:18px;
    }
    .sns-card {
        padding:20px;
    }
}
@media (max-width:740px) {
    .sns-grid {
        grid-template-columns:1fr;
    }
    .sns-card {
        padding:18px;
        border-radius:16px;
    }
    .sns-profile {
        font-size:13px;
    }
    .sns-profile i {
    width:20px;
    height:20px;
border-radius:999px !important;
    font-size:12px;
}
.sns-card p {font-size:11px}


}





.sns-tabs {
    display: flex;
    gap: 10px;
    margin: 28px 0 30px;
}

.sns-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 20px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
    color: #333;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: .25s ease;
}

.sns-tab-btn i {
    font-size: 18px;
}

.sns-tab-btn.is-active {
    background: #000000;
    border-color: #ffffff;
    color: #fff;
}

.sns-tab-btn.is-youtube.is-active {
    background: #ff0000;
    border-color: #ff0000;
}

.sns-tab-btn.is-instagram.is-active {
    background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    border-color: #ffffff !important;
}

.sns-panel {
    display: none;
}

.sns-panel.is-active {
    display: grid;
}



.is-youtube-card .sns-profile i {
    border-radius:8px;
    background:linear-gradient(135deg,#ff0000,#ff0000,#ff0000);
}
.sns-cta i {margin-right:10px}
.sns-cta.is-hidden {
    display: none;
}

.sns-cta .btn.is-youtube-btn {
    background: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

@media (max-width:1000px){
.sns-tabs {
    display: flex;
    gap: 10px;
    margin: -20px 0 20px 0;
   
}

.sns-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 30px;
    padding: 0 10px 0 10px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
    color: #333;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: .25s ease;
}

.sns-tab-btn i {
    font-size: 12px;
}

.sns-tab-btn.is-active {
    background: #000000;
    border-color: #ffffff;
    color: #fff;
}

.sns-tab-btn.is-youtube.is-active {
    background: #ff0000;
    border-color: #ff0000;
}

.sns-tab-btn.is-instagram.is-active {
    background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    border-color: #ffffff !important;
}

.sns-panel {
    display: none;
}

.sns-panel.is-active {
    display: grid;
}



.is-youtube-card .sns-profile i {
    border-radius:8px;
    background:linear-gradient(135deg,#ff0000,#ff0000,#ff0000);
}
.sns-cta i {margin-right:10px}
.sns-cta.is-hidden {
    display: none;
}

.sns-cta .btn.is-youtube-btn {
    background: #ff0000;
    border-color: #ff0000;
    color: #fff;
}
}


.hero-media{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.hero-media iframe{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw; /* 16:9 */
    min-width:177.78vh;
    min-height:100vh;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.hero-cover{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}
.hero-media iframe{
    position:absolute;
    top:50%;
    left:50%;
    width:100vw;
    height:56.25vw;
    min-width:177.78vh;
    min-height:100vh;
    transform:translate(-50%,-50%);
    pointer-events:none;
}
/* 모바일에서만 영상 출력 영역 1:1 */
@media (max-width:1000px){

    .hero{
        position: relative;
        height: 100vw;     /* 출력 영역을 정사각형 */
        min-height: 100vw;
    }

    .hero-media{
        position: absolute;
        inset: 0;
    }

    .hero-media iframe{
        top: 50%;
        left: 50%;
        width: 177.78vw;   /* 16:9 영상이 정사각형을 꽉 채우도록 */
        height: 100vw;
        min-width: 0;
        min-height: 0;
        transform: translate(-50%, -50%);
    }
}
/* 네이버 블로그 탭 */
.sns-tab-btn.is-blog.is-active {
    background:#03c75a !important;
    border-color:#03c75a !important;
    color:#fff !important;
}

/* 네이버 블로그 카드 프로필 아이콘 */
.sns-card.is-blog-card .sns-profile i {
    background:#03c75a !important;
    background-image:none !important;
    color:#fff !important;
}

/* 네이버 블로그 더보기 버튼 */
.sns-cta .btn.is-blog-btn {
    background:#03c75a !important;
    background-image:none !important;
    border-color:#03c75a !important;
    color:#fff !important;
}