@charset "utf-8";

/********************************************************

// * 본 스킨은 Ninny Design에서 제작되었습니다.
// * 이 파일은 저작권법의 보호를 받습니다.
// * 무단 복제, 배포, 수정, 재판매를 금지합니다.
// * 위반 시 민·형사상 법적 책임을 질 수 있습니다.

// * Developed by Ninny Design.
// * This file is protected by copyright law.
// * Unauthorized copying, distribution, modification, or resale is strictly prohibited.
// * Violators may be subject to civil and criminal penalties.

// * © 2026 Ninny Design. All rights reserved.

********************************************************/

/********************************************************
■ Section swiper card
********************************************************/
#sec-sw-card { }

#sec-sw-card .sec-logo { margin:0 auto; width:clamp(200px, 50vw, 600px); }
#sec-sw-card .sec-logo .image { padding-bottom:33.33%; }
#sec-sw-card .sec-logo img { object-fit: contain; }

#sec-sw-card header { margin-top:clamp(45px, 10vw, 100px); }


#sec-sw-card .swiper { overflow: visible; }
#sec-sw-card .swiper-slide { border-radius: 10px; overflow: hidden; }
#sec-sw-card .swiper-slide .image { padding-bottom:66%; }


#sec-sw-card .swiper-ctrl { display: flex; align-items: center; justify-content: center; margin-top:clamp(10px, 3vw, 30px); }
#sec-sw-card .swiper-nav { font-size:clamp(1.25rem, 2vw, 1.5rem); }
#sec-sw-card .btn-play { display: flex; align-items: center; margin:0 10px; }
#sec-sw-card .btn-play .fa-play,
#sec-sw-card .btn-play.playing .fa-pause { display:none; }

#sec-sw-card .btn-play.playing .fa-play { display:block; }