.elementor-1320 .elementor-element.elementor-element-39e68ed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1320 .elementor-element.elementor-element-a225dce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:160px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1320 .elementor-element.elementor-element-bd19c11{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--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-1320 .elementor-element.elementor-element-da47a03 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1320 .elementor-element.elementor-element-da47a03 .raven-heading-title, .elementor-1320 .elementor-element.elementor-element-da47a03 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-1320 .elementor-element.elementor-element-da47a03 .raven-heading, .elementor-1320 .elementor-element.elementor-element-da47a03 .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:42px;font-weight:600;line-height:56px;}.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-1320 .elementor-element.elementor-element-90cb3bb{text-align:center;font-family:"Pretendard", Sans-serif;font-size:20px;font-weight:400;line-height:32px;}.elementor-1320 .elementor-element.elementor-element-e75f97a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-1320 .elementor-element.elementor-element-a225dce{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.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-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1200px){.elementor-1320 .elementor-element.elementor-element-a225dce{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1320 .elementor-element.elementor-element-bd19c11{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.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-1320 .elementor-element.elementor-element-da47a03 .raven-heading, .elementor-1320 .elementor-element.elementor-element-da47a03 .raven-heading a{font-size:40px;line-height:48px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:776px){.elementor-1320 .elementor-element.elementor-element-a225dce{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1320 .elementor-element.elementor-element-bd19c11{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.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-1320 .elementor-element.elementor-element-da47a03 .raven-heading, .elementor-1320 .elementor-element.elementor-element-da47a03 .raven-heading a{font-size:35px;line-height:43px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1320 .elementor-element.elementor-element-90cb3bb{font-size:20px;line-height:28px;}}/* Start custom CSS for container, class: .elementor-element-39e68ed */p {
    margin: 0;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b33c47 *//* 1. 슬라이더 전체 컨테이너 */
.process-swiper {
    width: 100%;
    height: 580px;
    overflow: hidden;
    position: relative;
}

/* 2. 메인 패널 및 오버레이 (이미지 위 텍스트) */
.main-panel {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.main-panel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.content-overlay {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 5;
    width: 100%;
}

.step-tag {
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.process-title {
    margin-top: 10px;
    font-size: 28px;
    color: #fff;
    font-weight: 600;
}

/* 3. 내비게이션 버튼 (화살표 포함) */
.process-swiper .nav-btn {
    width: 90px;
    height: 90px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    transition: all 0.3s ease; /* 부드러운 전환 효과 */
    cursor: pointer;
}

/* 호버 시: 배경색 변경 */
.process-swiper .nav-btn:hover {
    background-color: #da3f29; /* 요청하신 포인트 컬러 */
}

/* 호버 시: 화살표 색상 변경 */
.process-swiper .nav-btn:hover::before {
    color: #fff; /* 흰색으로 변경 */
}

/* 화살표 기본 설정 */
.process-swiper .nav-btn::before {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    transition: color 0.3s ease;
}

/* 기본 화살표 삭제 및 커스텀 화살표 삽입 */
.process-swiper .nav-btn::after {
    content: none !important;
}

.process-swiper .nav-btn::before {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.process-swiper .swiper-button-prev::before { content: '←'; }
.process-swiper .swiper-button-next::before { content: '→'; }



/* 4. 오른쪽 리스트 메뉴 (복구 완료) */
.process-list {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    list-style: none;
    text-align: right;
    z-index: 99;
    margin: 0;
    padding: 0;
}

.process-list li {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5); /* 비활성 상태 */
    margin-bottom: 15px;
    /*cursor: pointer;*/
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* 리스트 옆 동그라미 점 */
.process-list li::after {
    content: '●';
    font-size: 10px;
    margin-left: 12px;
    color: rgba(255, 255, 255, 0.2);
    transition: color 0.3s ease;
}

/* 활성화 상태 (Active) */
.process-list li.active {
    color: #fff;
    font-weight: bold;
}

.process-list li.active::after {
    color: #e60012; /* 활성화 시 빨간 점 */
}

/* 5. 반응형 구간 - 높이 및 오버레이 최적화 */

/* 데스크탑 기본: 여백을 넉넉히 주되, 화면이 작아지면 유연하게 반응하도록 % 사용 */
.process-swiper .swiper-button-prev { left: 11% !important; }
.process-swiper .swiper-button-next { right: 11% !important; }


/* 1440px 이하: 큰 노트북 및 데스크탑 */
@media (max-width: 1440px) {
    .process-swiper { height: 520px; } /* 580 -> 520 하향 */
    .process-list { right: 20px; }
}

/* 1200px 이하: 태블릿 가로 및 소형 노트북 */
@media (max-width: 1200px) {
    .process-swiper { height: 450px; } /* 450으로 조정 */
    .process-list { display: none; } 
    .process-swiper .nav-btn { width: 70px; height: 70px; }
    
}


/* 768px 이하: 모바일 환경 */
@media (max-width: 776px) {
    .process-swiper { height: 240px; } 
    .process-swiper .nav-btn { 
        width: 45px; 
        height: 45px; 
    }
    .process-swiper .nav-btn::before { font-size: 18px; } /* 버튼 화살표 크기 축소 */
    
    
    .content-overlay { bottom: 25px; } /* 모바일에서 텍스트가 너무 올라오지 않게 조정 */
    .process-title { font-size: 20px; }
    .step-tag { font-size: 12px; padding: 2px 10px; }
}/* End custom CSS */
/* Start JX Custom Fonts CSS */@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');}@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-Regular.subset.woff2')format('woff2');}/* End JX Custom Fonts CSS */