.feature-text h1 {
     font-size: 35px;
     font-weight: bold;
     line-height: 1.5;
     margin-bottom: 40px;
     text-align: center;
 }

 .feature-text p {
     font-size: 24px;
     color: #666;
     line-height: 1.6;
     margin-bottom: 50px;
     text-align: center;
     word-break: keep-all;
 }

 /* 더보기 버튼 */
 .more-btn2 {
     margin: 0 auto;
     margin-top: 70px;
     display: block;
     text-align: center;

 }

 .more-btn2 a {
     display: inline-block;
     padding: 13px 53px;
     color: #f37021;
     ;
     text-decoration: none;
     font-weight: bold;
     border: 1px solid #f37021;
     transition: background 0.3s;
 }

 .more-btn2 a:hover {
     background: #ff7b39;
     color: #fff;
 }

 @media(max-width:450px) {
     .more-btn2 {
         margin-top: 40px;

     }

     .more-btn2 a {
         padding: 10px 33px;
         font-size: 13px;
     }

 }

 /* 메인 배너 기본 스타일 */
 #main-banner2 {
     position: relative;
     width: 100%;
     height: 900px;
     overflow: hidden;
     margin-top: 0 !important;
 }

 #main-banner .slide {
     position: relative;
     width: 100%;
     height: 100vh;
     color: #fff;
     display: flex;
     justify-content: center;

 }

 #main-banner .slide img,
 #main-banner .slide video {
     position: absolute;
     width: 100%;
     object-fit: cover;
     top: 0;
     left: 0;
     z-index: 1;
 }


 #main-banner .banner-content {
     position: relative;
     z-index: 2;
     max-width: 1400px;
     animation: fadeInUp 1s ease;
     text-align: left;
     width: 100%;
     padding-top: 250px;
 }

 #main-banner .banner-content h1 {
     font-size: 60px;
     line-height: 1.2;
     margin-bottom: 20px;
     font-weight: bold;
 }

 #main-banner .banner-content p {
     font-size: 25px;
     line-height: 1.5;
     margin-top: 50px;
 }

 /* 글자 애니메이션 */
 @keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translateY(20px);
     }

     100% {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* slick 기본 조정 */
 .slick-dots li button:before {
     font-size: 14px !important;
 }

 #main-banner .slick-dots li button:before {
     color: #fff;
     opacity: 0.7;
 }

 #main-banner .slick-dots li.slick-active button:before {
     opacity: 1;
 }

 /* 커스텀 화살표 스타일 */
 #main-banner2 .custom-arrows {
     position: absolute;
     bottom: 200px;
     /* 글자 아래쪽 */
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     align-items: center;
     gap: 20px;
     z-index: 10;
 }

 #main-banner2 .custom-arrows button {
     width: 50px;
     height: 50px;
     border: 2px solid #fff;
     border-radius: 50%;
     background: transparent;
     color: #fff;
     font-size: 28px;
     cursor: pointer;
     transition: background 0.3s, color 0.3s;
 }

 #main-banner2 .custom-arrows button:hover {
     background: rgba(255, 255, 255, 0.2);
 }

 #main-banner2 .custom-arrows .divider {
     width: 1px;
     height: 30px;
     background: #fff;
     opacity: 0.5;
 }




 #main-banner .slide img,
 #main-banner .slide video {
     width: 100%;
     ;
     object-fit: cover;
     height: 100%;
 }

 #main-banner .slick-dots {
     bottom: 200px;
 }




 @media(max-width:1440px) {
     #main-banner .banner-content {
         width: 95%;
         margin: 0 auto;

     }


 }


 @media(max-width:1024px) {
     #main-banner .banner-content h1 {
         font-size: 45px;

     }

     #main-banner .banner-content p {
         font-size: 18px;
         word-break: keep-all;

     }

     #main-banner2 .custom-arrows {
         bottom: 300px;
     }


 }



 @media(max-width:600px) {
     #main-banner2 {
         height: 600px;
     }

     #main-banner .banner-content {
         padding-top: 212px;
     }

     #main-banner .banner-content h1 {
         font-size: 35px;

     }

     #main-banner .banner-content p {
         font-size: 18px;

     }

     #main-banner2 .custom-arrows {
         bottom: 100px;
     }

     #main-banner2 .custom-arrows button {
         width: 45px;
         height: 44px;
         font-size: 20px;
     }

 }

 @media(max-width:600px) {
     #main-banner .banner-content p {
         font-size: 16px;
         margin-top: 30px;

     }

     #main-banner .slick-dots {
         display: none !important;
     }
 }

 @media(max-width:450px) {
     #main-banner .banner-content {
         padding-top: 181px;
         word-break: keep-all;
     }
 }

 /* 메인 배너 PC / 모바일 미디어 분기 및 관리자 바로가기 버튼 */
 #main-banner .slide .banner-media-mo {
     display: none !important;
 }

 @media (max-width: 768px) {
     #main-banner .slide .banner-media-pc {
         display: none !important;
     }

     #main-banner .slide .banner-media-mo {
         display: block !important;
     }
 }

 .main-banner-adm-btn-wrap {
     position: absolute;
     top: 110px;
     right: 30px;
     z-index: 30;
 }

 .main-banner-adm-btn {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 10px 18px;
     background: rgba(0, 0, 0, 0.72);
     color: #fff !important;
     border: 1px solid rgba(255, 255, 255, 0.45);
     border-radius: 999px;
     font-size: 13.5px;
     font-weight: 700;
     text-decoration: none !important;
     backdrop-filter: blur(4px);
     transition: background 0.2s, border-color 0.2s;
 }

 .main-banner-adm-btn:hover {
     background: #f37021;
     border-color: #f37021;
 }

 @media (max-width: 768px) {
     .main-banner-adm-btn-wrap {
         top: 84px;
         right: 16px;
     }

     .main-banner-adm-btn {
         padding: 8px 13px;
         font-size: 12px;
     }

     .mpo-adm-top-btns {
         top: 10px !important;
         right: 12px !important;
     }

     #mpo-inline-editor,
     #yt-inline-editor {
         padding: 14px 10px !important;
         margin-bottom: 20px !important;
         border-radius: 8px !important;
     }
 }

 /******************메인배너 슬라이드 끝**********/


 /*******************섹션_01 시작**********************/
 #feature-section {
     margin: 0 auto;
     text-align: center;
     padding-bottom: 150px;
 }



 #feature-section .feature-cards {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 20px;

 }

 #feature-section .feature-card {
     position: relative;
     width: calc(25% - 15px);
     overflow: hidden;
     opacity: 0;
     transition: all 0.8s ease;

 }

 #feature-section .feature-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 #feature-section .feature-card .feature-caption {
     position: absolute;
     bottom: 50px;
     left: 50%;
     transform: translateX(-50%);
     width: 80%;
     color: #fff;
     text-align: left;
 }

 #feature-section .feature-card .feature-caption h3 {
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 24px;
     line-height: 1.4;
     padding: 0 30px 0 0;
 }

 #feature-section .feature-card .feature-caption p {
     font-size: 18px;
     line-height: 1.4;
 }

 /* Active 애니메이션 */
 #feature-section .feature-card.active {
     transform: translateY(0);
     opacity: 1;
 }

 #feature-section .feature-card.offset {
     transform: translateY(40px);
 }


 /* Responsive */
 @media screen and (max-width: 1440px) {
     .feature-text h1 {
         font-size: 30px;
         margin-bottom: 24px;
         line-height: 1.3;
     }

     .feature-text p {
         font-size: 16px;
         margin-bottom: 30px;
     }

     #feature-section .feature-card .feature-caption h3 {
         font-size: 20px;
         margin-bottom: 18px;
     }

     #feature-section .feature-card .feature-caption p {
         font-size: 16px;
     }
 }

 @media screen and (max-width: 1064px) {
     #feature-section .feature-card {
         width: calc(50% - 10px);
     }
 }

 @media screen and (max-width: 600px) {
     #feature-section .feature-card {
         width: calc(50% - 10px);
     }

     #feature-section .feature-card .feature-caption {
         width: 90%;
     }

     #feature-section .feature-card .feature-caption h3 {
         font-size: 18px;
         margin-bottom: 18px;
     }

     #feature-section .feature-card .feature-caption p {
         font-size: 14px;
     }
 }

 @media screen and (max-width: 470px) {
     #feature-section .feature-card .feature-caption h3 {
         font-size: 18px;
         line-height: 1.3;
         margin-bottom: 10px;
         word-break: keep-all;
     }

     #feature-section .feature-card .feature-caption p {
         font-size: 14px;
     }

     #feature-section .feature-card .feature-caption {
         bottom: 30px;

     }

     #feature-section .feature-card {
         width: calc(50% - 5px);
     }

     #feature-section .feature-cards {
         gap: 10px;

     }


 }

 @media screen and (max-width: 400px) {
     #feature-section .feature-card {
         width: 100%;
         height: 250px;

     }

     #feature-section {
         padding-bottom: 100px;
     }

     .bg {
         background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;

     }

     #feature-section .feature-card.offset {
         transform: translateY(0);
     }
 }

 /***********************섹션2시작*************************************/
 /* Work Section */
 #work-section {
     background: url('/img/main/section2_bg.jpg') no-repeat center center / cover;
     color: #fff;
     background-attachment: fixed;
     padding: 100px 0;
     transition: 0.3s;
 }

 #work-section h1,
 #work-section p {
     color: #fff;
 }

 #work-section .work-cards {
     display: flex;
 }

 #work-section .work-card {
     width: calc(100% / 4);
     padding: 30px 0;
     text-align: center;
     transition: transform 0.3s ease, background 0.3s ease;
     position: relative;
 }

 #work-section .work-card:after #work-section .work-card img {
     width: 150px;
     height: 150px;
     margin-bottom: 32px;
 }

 #work-section .work-card h3 {
     font-size: 24px;
     font-weight: bold;
     margin: 20px;
 }

 #work-section .work-card p {
     font-size: 18px;
     line-height: 1.5;
     margin-bottom: 15px;
     word-break: keep-all;
 }

 .more-btn {
     text-transform: none !important;
     display: inline-block;
     margin-top: 10px;
     padding: 8px 42px;
     border: 1px solid #fff;
     color: #fff;
     text-decoration: none;
     font-size: 14px;
     transition: background-color 0.3s ease, color 0.3s ease;
 }

 .more-btn:hover {
     background-color: #fff;
     color: #000;

 }

 #work-section .work-card:hover {
     transform: translateY(-5px);
     background: rgba(0, 0, 0, 0.6);

 }

 /* Responsive */
 @media (max-width: 930px) {
     #work-section {
         background-attachment: inherit;
         background: url('/img/main/section2_bg_mob.jpg') no-repeat center center / cover;
         padding: 50px 0;
         margin-top: 100px !important;

     }

     #work-section .work-card img {
         width: 120px;
         height: 120px;
         margin-bottom: 15px;
     }

     #work-section .work-card h3 {
         font-size: 18px;
         margin: 10px 0 10px 0;
     }

     #work-section .work-card p {
         font-size: 16px;
         line-height: 1.4;
     }

 }

 @media (max-width: 800px) {
     #work-section .work-cards {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: 20px;
     }

     #work-section .work-card {
         width: calc(50% - 10px);
         padding: 20px 0;
     }

     @media (max-width: 450px) {
         #work-section .work-cards {
             display: block;
         }

         #work-section .work-card {
             width: 100%;
             margin: 0 auto;
         }

         #work-section .work-card img {
             float: left;
             width: 110px;
             height: 110px;
             margin-right: 30px;
         }

         .work-caption {
             text-align: left;
         }
     }
 }

 /************** 포트폴리오 섹션 시작 **************/

 #work-portfolio {
     background: #f7f7f7;
     padding: 100px 0;
     margin-top: 0 !important;
     overflow: visible;
     /* ✅ 추가! */
 }



 /* 슬라이더 본체 – 슬라이드 넘침 숨김 유지 */
 .work-slider {
     overflow: hidden;
     z-index: 1;
 }

 /* 슬라이더 바깥 래퍼 – 화살표 위치 기준 */
 .work-slider-wrap {

     overflow: visible;
     /* ✅ 유지 */
     z-index: 2;
 }

 /* 각 슬라이드 */
 .work-slider .work-item {
     margin: 0 10px;
     height: auto;
 }

 .work-slider .work-item a {
     display: block;
     text-decoration: none;
 }

 .work-slider .work-item img {
     width: 100%;
     aspect-ratio: 1 / 1;
     height: auto;
     object-fit: cover;
     display: block;
 }

 .work-slider .work-caption {
     background-color: #f37021;
     color: #fff;
     padding: 8px 14px;
     height: 64px;
     box-sizing: border-box;
     font-size: 16px;
     line-height: 1.35;
     text-align: center;
     font-weight: 500;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     word-break: keep-all;
 }

 .work-slider .work-caption span {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     max-height: 2.7em;
     width: 100%;
 }



 /************** Slick 커스텀 화살표 **************/

 .custom-arrow {
     position: absolute;
     top: 55%;
     transform: translateY(-16%);
     width: 40px;
     height: 40px;
     border: 2px solid #aaa;
     border-radius: 50%;
     background-color: transparent;
     z-index: 10;
     border-radius: 100px !important;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #666;
     font-size: 20px;
     padding: 0;
 }

 /* 왼쪽 버튼 위치 */
 .custom-prev {
     left: -45px;
     /* 필요한 만큼 조정 가능 */
 }

 /* 오른쪽 버튼 위치 */
 .custom-next {
     right: -45px;
 }

 /* 화살표 hover 효과 */
 .custom-arrow:hover {
     border-color: #f37021;
     color: #fff;
     background-color: #f37021
 }

 @media (max-width: 1500px) {
     .custom-prev {
         left: 30px;
     }

     .custom-next {
         right: 30px;
     }

     .custom-arrow {
         top: 50%;
         transform: translateY(-59%);
     }

     .work-slider .work-caption {
         font-size: 14px;
         height: 56px;
         padding: 6px 10px;
     }
 }

 @media (max-width: 768px) {
     .custom-arrow {
         display: none;
     }
 }



 /******************장비인프라 섹션 시작*******************/




 /* 핵심: 좌우 분할 구조 */
 .infra-flex {}

 .infra-left {
     float: left;
 }

 .infra-left div {
     float: left;
     margin-right: 20px;

 }

 .infra-right div {
     margin-bottom: 20px;
 }

 .infra-item {
     position: relative;
     overflow: hidden;
 }

 .infra-item img {
     width: 100%;
     height: auto;

 }

 .infra-text {
     position: absolute;
     bottom: 0;
     padding: 20px 0 20px 20px;
     color: #fff;
 }

 .infra-text h3 {
     font-size: 20px;
     font-weight: 700;
     margin-bottom: 10px;
 }

 .infra-text p {
     font-size: 16px;
     line-height: 1.6;
     word-break: keep-all;
 }

 .infra-left .infra-item .infra-text {
     padding: 20px 0 40px 20px;
 }

 @media (max-width: 1440px) {

     .infra-left,
     .infra-right {
         float: none;
         width: 100%;
     }

     .infra-left div {

         margin-right: 0;
     }

     .infra-left>div,
     .infra-right>div,
     .infra-item {
         float: left;
         width: 49.5%;
         margin: 0 1% 1% 0;
         box-sizing: border-box;
     }

     .infra-left>div:nth-child(2) {
         margin-right: 0;

     }

     .infra-right>div:nth-child(2) {
         margin-right: 0;

     }

     .infra-text {
         width: 90%;
         display: block;
     }

     .infra-flex {
         display: block;
         overflow: hidden;
         /* float 정리 */
     }
 }

 @media (max-width: 800px) {

     .infra-left>div,
     .infra-right>div,
     .infra-item {
         float: none;
         width: 100%;
         margin: 2% 0;

     }

     .infra-item .infra-text {
         padding: 15px 0 20px 10px !important;
         margin-bottom: 10px;
     }

     .infra-text h3 {
         font-size: 16px;
     }

     .infra-text p {
         font-size: 13px;
     }


 }




 /* 문의하기 섹션 스타일 - 시안 기반 커스텀 */
 #contact {
     color: white;
     display: flex;
     position: relative;

 }

 #c_bg {
     background: url(/img/main/contact_bg.jpg) no-repeat;
     width: 50%;
     height: 100%;
     position: absolute;
     background-size: cover;
 }

 #contact .contact-left {

     padding: 70px 0 0 0;
     width: 50%;
     float: left;
     text-align: left;
 }

 #contact .contact-left p,
 #contact .contact-left h1 {
     text-align: left;
     color: #fff;
 }

 #contact .contact-info {
     font-size: 24px;
     line-height: 2;
     margin-top: 20px;
     text-transform: none;
 }

 #contact .contact-info strong {
     display: block;
 }

 #contact .contact-info strong img {
     margin-right: 10px;
 }

 #contact .contact-info p {
     margin-bottom: 60px;
 }

 #contact .contact-info i {
     margin-right: 10px;
 }

 #contact .contact-right {
     padding: 0 0 0 70px;

     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 #contact .contact-right input,
 #contact .contact-right textarea {
     color: #333 !important;
     /* 입력된 글자 색 */
     border: none;
     background: #f6f6f6;
     padding: 26px;
     margin-bottom: 20px;
     font-size: 18px;
     border-radius: 4px;
     width: 100%;
     box-sizing: border-box;
     -webkit-text-fill-color: #333 !important;
     /* iOS/Safari 대응 */
 }

 #contact .contact-right input::placeholder,
 #contact .contact-right textarea::placeholder {
     color: #828282 !important;
     opacity: 1;
     /* Firefox 대응 */
     font-size: 18px;
 }

 #contactForm textarea:nth-child(4) {
     padding: 26px 0 120px 26px;
 }

 #contact .contact-right .row {
     display: flex;
     gap: 10px;
 }

 #contact .contact-right .privacy {
     display: flex;
     align-items: center;
     font-size: 22px;

     color: #333;
     margin-top: 64px;

 }

 #agre_wrap {
     width: 66.5%;
 }

 #contact .contact-right .privacy label {

     font-size: 22px;

 }

 #contact .contact-right .privacy input {
     margin-right: 8px;
     height: 15px;
     width: 15px;
     margin-bottom: 0;
 }

 #contact .contact-right button {
     align-self: flex-end;
     background: #f37021;
     border: none;
     color: white;
     padding: 18px 42px;
     font-size: 24px;
     cursor: pointer;
     transition: background 0.3s;
     float: right;
 }

 #contact .contact-right button img {
     display: inline-block;
     margin-left: 10px;

 }

 #contact .contact-right button:hover {
     background: #ff7b39;
 }



 @media(max-width:2000px) {

     #contact .contact-right {
         background: #fff;
         padding: 55px;
     }

     #contact .contact-right button {
         padding: 12px 30px;
         font-size: 16px;

     }

     #contact .contact-right .privacy label {
         font-size: 18px;
     }

     #contact .contact-right button img {
         width: 18px;
     }

     #contact .contact-right input,
     #contact .contact-right textarea {
         font-size: 16px;
     }

     #contact .contact-right input::placeholder,
     #contact .contact-right textarea::placeholder {
         font-size: 14px;
     }
 }

 @media (max-width: 1115px) {
     #contact {
         flex-direction: column;
         flex-wrap: nowrap;
         margin-bottom: 50px;
     }

     #contact .contact-left {
         width: 100%;
         padding: 50px 0;
         float: none;
     }

     #contact .contact-right button {
         align-self: center;
     }

     #contact .contact-info {
         font-size: 16px;
         line-height: 1.3;
         margin-top: 10px;

     }

     #c_bg {
         width: 100%;
         height: 45%;

     }

     #contact .contact-right {
         padding: 0;
         width: 100%;
     }

     #contact .contact-right .privacy {
         width: fit-content;
         margin: 40px auto;
     }

     #contact .contact-right button {
         font-size: 14px;
         width: 150px;

     }

     #contact .contact-right button img {
         width: 14px;
     }

     #contact .contact-right .privacy {
         display: unset;
     }

     #contact .contact-right button {
         display: block;
     }

     #agre_wrap {
         display: block;
         margin: 30px auto;
         width: fit-content;
     }

     #contact .contact-right button {
         float: none;
         margin: 0 auto;
     }

     /* 공통 기본값 ― 안드로이드·PC 등 */
     #agree {
         accent-color: #f60;
         /* 체크 색 */
         vertical-align: middle;
         /* 텍스트랑 정렬 */

     }


     /* iOS Safari만 타깃  */
     @supports (-webkit-touch-callout: none) and (not (-moz-appearance: none)) {
         #agree {
             transform: scale(0.5);
             /* 80 % 축소 */
             transform-origin: left center;
             margin-right: 0px;
         }

         #contact .contact-right .privacy input {
             margin-right: -10px;
         }
     }

     #agree:checked::after {
         content: "";
         position: absolute;
         top: 2px;
         left: 5px;
         width: 4px;
         height: 8px;
         border: solid #f60;
         border-width: 0 2px 2px 0;
         transform: rotate(45deg);
     }


 }

 /****************** 메인 유튜브 영상 섹션 (#youtube-section) ******************/
 #youtube-section {
     padding: 90px 0 100px;
     background: #f7f7f7;
     position: relative;
     overflow: hidden;
 }

 #youtube-section .feature-text {
     margin-bottom: 30px;
 }

 .yt-slider-wrap {
     position: relative;
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
 }

 .yt-slider {
     margin: 0 auto;
     width: 100%;
 }

 .yt-slider .slick-list {
     overflow: hidden;
 }

 /* 개별 슬라이드 아이템 */
 .yt-slide-item {
     outline: none;
     box-sizing: border-box;
     padding: 20px 10px;
 }

 .yt-slide-box {
     position: relative;
     width: 100%;
     max-width: 820px;
     margin: 0 auto;
     text-align: center;
     box-sizing: border-box;
 }

 /* 유튜브 영상 카드 */
 .yt-video-card {
     position: relative;
     z-index: 2;
     width: 100%;
     aspect-ratio: 16 / 9;
     margin: 0 auto;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
 }

 .yt-video-card iframe {
     width: 100%;
     height: 100%;
     border: 0;
     display: block;
 }

 /* PC 센터모드 슬라이더: 양옆 이전/다음 영상 스타일 */
 .yt-slider.slick-initialized .slick-slide {
     opacity: 0.65;
     transform: scale(0.88);
     transition: transform 0.4s ease, opacity 0.4s ease;
     cursor: pointer;
 }

 .yt-slider.slick-initialized .slick-slide.slick-center {
     opacity: 1;
     transform: scale(1);
     z-index: 10;
     cursor: default;
 }

 /* 양옆 슬라이드의 태그와 제목 반투명 */
 .yt-slider.slick-initialized .slick-slide:not(.slick-center) .yt-tags-wrap,
 .yt-slider.slick-initialized .slick-slide:not(.slick-center) .yt-title-txt {
     opacity: 0.25;
     transition: opacity 0.4s ease;
 }

 .yt-slider.slick-initialized .slick-slide.slick-center .yt-tags-wrap,
 .yt-slider.slick-initialized .slick-slide.slick-center .yt-title-txt {
     opacity: 1;
 }

 /* 반투명 블러 오버레이 */
 .yt-video-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.45);
     backdrop-filter: blur(2px);
     -webkit-backdrop-filter: blur(2px);
     z-index: 10;
     cursor: pointer;
     border-radius: 16px;
     transition: opacity 0.4s ease, background 0.3s ease;
 }

 /* 가운데 활성 영상에서는 오버레이 숨김 */
 .yt-slider.slick-initialized .slick-center .yt-video-overlay {
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
 }

 /* 양옆 영상에서는 오버레이 노출 */
 .yt-slider.slick-initialized .slick-slide:not(.slick-center) .yt-video-overlay {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .yt-slider.slick-initialized .slick-slide:not(.slick-center) .yt-video-overlay:hover {
     background: rgba(255, 255, 255, 0.2);
 }

 /* 슬라이더 미적용 시(단독 영상 1개 등) 기본 스타일 */
 .yt-slider:not(.slick-initialized) .yt-slide-item {
     display: block;
     max-width: 820px;
     margin: 0 auto;
 }

 .yt-slider:not(.slick-initialized) .yt-video-overlay {
     display: none !important;
 }

 /* 태그 뱃지 */
 .yt-tags-wrap {
     position: relative;
     z-index: 2;
     margin-top: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
     gap: 8px;
 }

 .yt-tag-pill {
     display: inline-block;
     padding: 7px 16px;
     background: #fff;
     border: 1px solid #dee2e6;
     border-radius: 999px;
     font-size: 14px;
     font-weight: 700;
     color: #495057;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
     transition: all 0.2s ease;
 }

 .yt-tag-pill:hover {
     color: #ff7e3f;
     border-color: #ff7e3f;
 }

 /* 영상 제목 */
 .yt-title-txt {
     position: relative;
     z-index: 2;
     margin-top: 24px;
     font-size: 21px;
     font-weight: 700;
     color: #222;
     word-break: keep-all;
 }

 /* 하단 프로그레스 바 & 화살표 */
 .yt-slider-bottom {
     max-width: 860px;
     margin: 28px auto 0;
     padding: 0 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     box-sizing: border-box;
 }

 .yt-progress-track {
     flex: 1;
     height: 4px;
     background: #e9ecef;
     border-radius: 4px;
     overflow: hidden;
     position: relative;
 }

 .yt-progress-fill {
     height: 100%;
     background: #111;
     width: 100%;
     transition: width 0.35s ease;
 }

 .yt-arrows {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .btn-yt-nav {
     width: 44px;
     height: 44px;
     border: 1px solid #ced4da;
     border-radius: 50%;
     background: #fff;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     color: #333;
     transition: all 0.2s ease;
 }

 .btn-yt-nav:hover {
     background: #ff7e3f;
     border-color: #ff7e3f;
     color: #fff;
 }

 /* 모바일 반응형 (768px 이하) */
 @media (max-width: 768px) {
     #youtube-section {
         padding: 50px 0 60px;
     }

     .yt-circle-bg {
         display: none !important;
     }

     .yt-slider-wrap {
         padding: 0 16px;
         box-sizing: border-box;
     }

     .yt-slide-item {
         padding: 10px 0 15px !important;
     }

     /* 모바일에서는 오버레이 및 축소 효과 완전히 해제 */
     .yt-slider .slick-slide {
         opacity: 1 !important;
         transform: none !important;
         cursor: default !important;
     }

     .yt-video-overlay {
         display: none !important;
     }

     .yt-slider .slick-slide .yt-tags-wrap,
     .yt-slider .slick-slide .yt-title-txt {
         opacity: 1 !important;
     }

     .yt-slide-box {
         max-width: 100% !important;
         padding: 0 !important;
     }

     .yt-video-card {
         border-radius: 12px;
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
     }

     .yt-tags-wrap {
         margin-top: 16px;
         gap: 6px;
     }

     .yt-tag-pill {
         padding: 5px 12px;
         font-size: 13px;
     }

     .yt-title-txt {
         font-size: 16px;
         margin-top: 14px;
     }

     .yt-slider-bottom {
         padding: 0 16px;
         margin-top: 16px;
     }

     .btn-yt-nav {
         width: 38px;
         height: 38px;
         font-size: 16px;
     }
 }