.elementor-2 .elementor-element.elementor-element-b62a98d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-9853a73{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-17b6a13{--display:flex;--min-height:190px;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-a8c7779 .raven-heading, .elementor-2 .elementor-element.elementor-element-a8c7779 .raven-heading a{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;line-height:40px;}.elementor-2 .elementor-element.elementor-element-07b297e .raven-heading, .elementor-2 .elementor-element.elementor-element-07b297e .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:18px;font-weight:400;line-height:26px;}.elementor-2 .elementor-element.elementor-element-a84eb40{--display:flex;--min-height:100vh;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-a84eb40:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-a84eb40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-2 .elementor-element.elementor-element-9b8099e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f6e4b60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e9e651e{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:250px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-e9e651e:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-e9e651e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#783A81;background-image:url("https://xradio25.mycafe24.com/wp-content/uploads/2025/12/main_sec3_re1223.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-4db5c74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-68a8c91{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-b04b01e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-b04b01e{left:-90px;}body.rtl .elementor-2 .elementor-element.elementor-element-b04b01e{right:-90px;}.elementor-2 .elementor-element.elementor-element-b04b01e{top:20px;}.elementor-2 .elementor-element.elementor-element-b04b01e .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-e03e334{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-fe50c36{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2 .elementor-element.elementor-element-6907545 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-6907545 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-6907545 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-6907545 .raven-heading, .elementor-2 .elementor-element.elementor-element-6907545 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:45px;font-weight:700;line-height:45px;}.elementor-2 .elementor-element.elementor-element-bfb09dd > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-bfb09dd .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-bfb09dd{text-align:left;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-a0fad2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 8px 0px 8px;font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:500;line-height:25px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-a0fad2e p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-1131d84{padding:0px 8px 0px 8px;font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:500;line-height:25px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-1131d84 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-9328454{margin:55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-9ec3f78{--display:flex;--min-height:100vh;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-9ec3f78:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-9ec3f78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111222;background-image:url("https://xradio25.mycafe24.com/wp-content/uploads/2025/09/main_bg4.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-47eb757{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-cecfd21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 35px;--row-gap:30px;--column-gap:35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4ea17d1{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:250px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4ea17d1:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-4ea17d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;background-image:url("https://xradio25.mycafe24.com/wp-content/uploads/2025/09/main_bg2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-7ff08d5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-fd5197d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-085a853{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2 .elementor-element.elementor-element-04016be > .elementor-widget-container{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-04016be .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-04016be{text-align:left;}.elementor-2 .elementor-element.elementor-element-2b55aa4 > .elementor-widget-container{margin:0px 0px 35px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-2b55aa4 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-2b55aa4 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-2b55aa4 .raven-heading, .elementor-2 .elementor-element.elementor-element-2b55aa4 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:40px;font-weight:700;line-height:50px;}.elementor-2 .elementor-element.elementor-element-80b5a15{padding:0px 8px 0px 8px;font-family:"Pretendard", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-12332f7{margin:55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-6b82090{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-0164125{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-1749ae7{padding:0px 0px 0px 0px;}@media(max-width:1600px){.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-a84eb40{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-e9e651e{--min-height:1px;--padding-top:200px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-9ec3f78{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-4ea17d1{--min-height:1px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1400px){.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-cecfd21{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}}@media(max-width:778px){.elementor-2 .elementor-element.elementor-element-9853a73{--min-height:1px;}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-a8c7779 .raven-heading, .elementor-2 .elementor-element.elementor-element-a8c7779 .raven-heading a{font-size:30px;}.elementor-2 .elementor-element.elementor-element-07b297e .raven-heading, .elementor-2 .elementor-element.elementor-element-07b297e .raven-heading a{font-size:16px;line-height:24px;}.elementor-2 .elementor-element.elementor-element-a84eb40{--min-height:1px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-f6e4b60{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-e9e651e{--min-height:1px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-e03e334{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-6907545 .raven-heading, .elementor-2 .elementor-element.elementor-element-6907545 .raven-heading a{font-size:32px;line-height:42px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-9ec3f78{--min-height:1px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-cecfd21{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-4ea17d1{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-fd5197d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-2b55aa4 .raven-heading, .elementor-2 .elementor-element.elementor-element-2b55aa4 .raven-heading a{font-size:32px;line-height:42px;}}@media(min-width:779px){.elementor-2 .elementor-element.elementor-element-4db5c74{--content-width:1520px;}.elementor-2 .elementor-element.elementor-element-68a8c91{--width:50%;}.elementor-2 .elementor-element.elementor-element-e03e334{--width:50%;}.elementor-2 .elementor-element.elementor-element-47eb757{--content-width:1740px;}.elementor-2 .elementor-element.elementor-element-7ff08d5{--content-width:1420px;}.elementor-2 .elementor-element.elementor-element-fd5197d{--width:50%;}.elementor-2 .elementor-element.elementor-element-6b82090{--width:50%;}}@media(max-width:1600px) and (min-width:779px){.elementor-2 .elementor-element.elementor-element-e03e334{--width:100%;}.elementor-2 .elementor-element.elementor-element-fd5197d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5c8f59e *//* ==============================================
 * 1. 컨테이너 높이 고정 (730px)
 * ==============================================
 */
 .hero-slider-container {
    position: relative;
    width: 100%;
    height: 730px !important; /* 사용자의 화면 높이 100%를 다 씀(920px-> 100vh) */
    overflow: hidden;
    background: #000;
}
.hero-swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

/* ==============================================
 * 2. 타이틀 위치 (Left 100, Top 180)
 * ==============================================
 */
.slide-content {
    position: absolute;
    /* [위치 수정] */
    top: 180px;
    left: 100px;
    
    z-index: 2;
    text-align: left;
    max-width: 1440px;
    width: auto; /* width 100% 해제하여 왼쪽 정렬 유지 */
    padding: 0;
    box-sizing: border-box;
    font-family: "Pretendard Variable";
    /* height: 100% 및 align-content 제거 (위치 직접 지정 위해) */
}
/* 폰트 스타일은 기존 유지 */
.slide-content h2 {
    font-family: "Montserrat" !important;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    text-shadow: 0px 7px 8px rgba(2, 2, 2, 0.9) !important;
    color: #fff;
}


/* ==============================================
 * 6. 배경 이미지 & 애니메이션 (이 코드가 없으면 화면이 검게 나옵니다)
 * ==============================================
 */
 
 
.slide-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    /* 켄번스 효과를 위한 초기 확대 */
    transform: scale(1.1); 
    z-index: 0;
}

/* 켄번스 애니메이션 정의 */
@keyframes kenburns {
    from { transform: scale(1.1); }
    to { transform: scale(1); }
}

/* 슬라이드가 활성화될 때 애니메이션 실행 */
.swiper-slide-active .slide-bg-image {
    animation: kenburns 8s ease-out forwards;
}

/* 오버레이 (이미지 위에 깔리는 어두운 막) */
.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0); /* 투명도 0.3의 검은 막 */
    z-index: 1;
}
/* ==============================================
 * 3. 사이드 배너 (Left 100, Bottom 70) - 디자인 유지
 * ==============================================
 */
.side-banners {
    position: absolute;

    top: auto;
    right: auto;
    transform: none;
    bottom: 70px;
    left: 100px;
    
    z-index: 10;
    display: flex;
    flex-direction: column; 
    gap: 15px;
    width: 360px;
    pointer-events: none;
}

/* 내부 디자인(.sb_box 등)은 보내주신 코드 그대로 적용됩니다 */
.sb_box {
    width: 100%;
    position: relative;
    transition: all 0.3s ease-out;
    pointer-events: auto;
}
.sb_box:hover { transform: translateY(-10px); cursor: pointer; }
.sb_box .inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px 40px; color: #fff; }
.sb1 { display: none; } /* 보내주신 코드에서 sb1 숨김 처리 유지 */

.sb2 {
    width: 100%;
    background: #c30000;
    border-radius: 15px;
    display: flex;
    padding: 15px 20px;
    gap: 20px;
    color: #fff;
}
.sb2 > div { width: 50%; }
.sb2 h3 { font-size: 20px; font-weight: 600; }
.sb2 p { font-size: 14px; font-weight: 400; line-height: 20px; }
.sb2 .right { padding: 10px 0 0 0; }
.sb_more2 { position: absolute; right: 10px; top: 10px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; width: 30px !important; height: 30px; color: #fff; text-align: center; align-content: center; }
.sb_more2 svg { width: 14px; }

.sb3 {
    width: 100%;
    border-radius: 15px;
    background: #fff;
    height: 60px;
    align-content: center;
    padding: 0 60px;
}
.sb3 h3 { font-family: "Exo 2"; font-weight: bold; font-size: 20px; display: inline-block; position: relative; margin-bottom: 0; }
.sb3 h3::before { content: ""; display: block; position: absolute; background: #111; width: 15px; height: 2px; left: -30px; top: 50%; transform: translateY(-50%); }
.sb3 h3::after { content: ""; display: block; position: absolute; background: #111; width: 2px; height: 15px; left: -23px; top: 50%; transform: translateY(-50%); }

/* ==============================================
 * 4. [신규] 제품 정보 DIV (Right 100, Bottom 40)
 * ==============================================
 */
.slide-product-info {
    position: absolute;
    bottom: 40px;
    right: 100px;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 40px;
    color: #fff;
}

/* 왼쪽: 제품명 + 버튼 */
.slide-product-info .info-left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
    padding-top: 150px;
}
.slide-product-info .dx300info{
    margin-top: -90px !important;
}

.slide-product-info .prod-name {
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
    line-height: 1;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
    font-family: "Pretendard Variable";
}

.slide-product-info .prod-btn {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,0.6);
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    transition: all 0.3s;
    background: rgba(0,0,0,0.2);
    backdrop-filter: blur(5px);
    border-radius: 10px;
}
.slide-product-info .prod-btn:hover {
    background: #c30000;
    color: #ffffff;
    border-color: #c30000;
}

/* 오른쪽: 제품 이미지 */
.slide-product-info .info-right img {
    height: auto;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 5px 15px rgba(0,0,0,0.4));
}

/* 일부제품 flex-direction: column */
.pro_dirc{
    flex-direction: column !important;
    bottom: 70px !important; 
}
.xrr1000{
    bottom: 160px !important; 
}
.pro_dirc .info-left{
    align-items: flex-start !important;
    padding-top: 0px !important;
    padding-right: 120px;
}

/* ==============================================
 * 5. 네비게이션 버튼 (양쪽 끝, 40x80)
 * ==============================================
 */
.swiper-button-prev,
.swiper-button-next {
    width: 40px !important;
    height: 80px !important;
    background-color: #555555;
    color: #ffffff !important;
    margin-top: 0 ! important;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1 !important;
    z-index: 60;
}
.swiper-button-prev { left: 0 !important; right: auto !important; }
.swiper-button-next { right: 0 !important; left: auto !important; }

.swiper-button-prev:after,
.swiper-button-next:after { font-size: 20px !important; font-weight: bold; }
.swiper-button-prev:hover, .swiper-button-next:hover { background-color: #333333; }

/* 기존 .slider-navigation 클래스는 사용하지 않으므로 관련 CSS는 무시됩니다 */

@media(max-width: 1200px){
    .side-banners,
    .slide-product-info{display: none !important;}
    .hero-slider-container{
        height: 500px !important;
    }
}

@media(max-width: 1000px){
 .slide-content h2{font-size: 40px ;}   
 .slide-content{left: 0; padding: 0 30px}
 
.hero-slider-container .swiper-button-prev,
.hero-slider-container .swiper-button-next{
    top: 400px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6e4b60 */@media (max-width: 776px) {
    .product-swiper .pro_box {
        width: 90%; 
        max-width: 560px;
        height: auto;
        margin: 0 auto;
    }

    .product-swiper .pb7 img,
    .product-swiper .pb8 img,
    .product-swiper .pb9 img,
    .product-swiper .pb10 img{
    margin-top: 0px !important;
    }
}


.product-swiper {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

.product-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-swiper .pro_box {
    width: 560px;
    height: 800px;
    background: #f4f2f4;
    text-align: center;
    padding: 50px 20px;
}

.product-swiper .pro_box .cate_tit{
    display: block;
    color: #777;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}

.product-swiper .pro_box h4{
    font-size: 40px;
    font-weight: 600;
    color: #222;
    margin-bottom: 0;
}

.product-swiper .pro_box .pro_btn{
    width: 205px;
    height: 50px;
    margin: 40px auto 60px auto;
    align-items: center;
    border: 1px solid #aaa;
    border-radius: 25px;
    font-family: "Exo 2";
    color: #111;
    display: flex;
    justify-content: center;
    gap: 10px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s,
}

.product-swiper .pro_box .pro_btn svg{
    transition: color 0.3s ease-in-out, transform 0.7s ease-in-out
}

.product-swiper .pro_box .pro_btn:hover svg{
    transform: rotate(540deg);
}

.product-swiper .pb7 img,
.product-swiper .pb9 img{
    margin-top: 100px;
}

.product-swiper .pb8 img,
.product-swiper .pb10 img{
    margin-top: 180px;
}

.product-swiper .pro_box:hover .pro_btn{
    background: #c30000;
    color: #fff;
    border-color: #c30000;
}

.product-swiper .pro_box .pro_btn:hover{
    cursor: pointer;
    transform: rotate(360deg);
}
.product-swiper .pro_box .pro_360{
    width: 220px;

}

.product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev {
    color: #333 ! important;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 44px !important;
    height: 44px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.product-swiper .swiper-button-next::after,
.product-swiper .swiper-button-prev::after {
    font-size: 20px;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for raven-image, class: .elementor-element-b04b01e */.obn img{
    object-fit: none
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9328454 */.moreBtn{
    width: 220px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    gap: 0 25px;
    font-family: "Exo 2";
    border-top : 1px solid rgba(255,255,255,0.5);
     border-bottom : 1px solid rgba(255,255,255,0.5);
     transition: all 0.3s ease-out;
}

.moreBtn:hover{
    border-color: #fff;
    cursor: pointer;
}


.moreBtn p{
    color: #fff;
    margin-bottom: 0;
    line-height: 1;
    font-size: 16px;
    font-weight :600;
}

.moreBtn .plus{
    position: relative;
}

.moreBtn .plus::before,
.moreBtn .plus::after{
    content: "";
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.5);
}

.moreBtn .plus::before{
    width: 13px;
    height: 2px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.moreBtn .plus::after{
    width: 2px;
    height: 13px;
    left: 0.32124rem;
    top: 50%;
    transform: translateY(-50%);

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9e651e */@media(max-width: 1500px){
    .bg_overlay::before{
        width: 100% !important;
    }
}


.bg_overlay::before{
    width: 50%;
    height: 100vh;
    position: absolute;
    right :0;
    top: 0;
    background: rgba(0,0,0,0.5);
    content: "";
    margin: 0 0 0 auto;
    z-index: 0
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cecfd21 */@media(max-width: 800px){
    .bus_box  .inner{
        padding: 40px 20px !important;
    }
    .bus_box .inner .tit_box{left: 20px !important;}
    
    .bus_box .inner .txt_box h4{font-size: 26px !important; }
    .bus_box .inner .txt_box  p{font-size: 18px !important;}
}

.bus_box{
    width: 100%;
    max-width: 560px;
    position: relative;
    overflow: hidden;
}

.bus_box::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.bus_box:hover::before{
    opacity: 1;
}

.bus_box:hover figure img{
    transform: scale(1.15);
}

.bus_box figure img{
    transition: all 0.3s ease-in-out;
}

.bus_box .inner{
    padding: 60px 50px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-content: flex-end;
    z-index: 3;
}

.bus_box .inner .tit_box{
    position: absolute;
    left: 40px;
    top: 40px;
}

.bus_box .inner .tit_box span{
    display: block;
    padding: 0 0 0 10px;
    color: #fff;
    font-family: "Exo 2";
    font-size: 20px;
    font-weight: 500;
}


.bus_box .inner .txt_box{color: #fff;}
.bus_box .inner .txt_box h4{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative;
    display: inline-block
}

.bus_box .inner .txt_box h4::before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 2px;
    background: #fff;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}

.bus_box:hover .inner .txt_box h4::before{
    width: 100%;
}

.bus_box .inner p{
    margin-bottom: 0;
    font-size: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ea17d1 */@media(max-width: 1500px){
    .bg_left::before{width: 100% !important;
        height: 100% !important;
    }
}

.bg_left::before{
    width: 50%;
    height: 100vh;
    position: absolute;
    left :0;
    top: 0;
    background: rgba(0,0,0,0.5);
    content: "";
    margin: 0 0 0 auto;
    z-index: 0
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS */@font-face{font-family:'Pretendard ';font-style:normal;font-weight:100;src:url('/fonts/Pretendard-Thin.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:200;src:url('/fonts/Pretendard-ExtraLight.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:300;src:url('/fonts/Pretendard-Light.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:400;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:500;src:url('/fonts/Pretendard-Medium.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:600;src:url('/fonts/Pretendard-SemiBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:700;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:800;src:url('/fonts/Pretendard-ExtraBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:900;src:url('/fonts/Pretendard-Black.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:normal;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard ';font-style:normal;font-weight:bold;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}/* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */