.elementor-396 .elementor-element.elementor-element-84d8eee{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-84d8eee:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-84d8eee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-396 .elementor-element.elementor-element-2be5bd5{--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;}.elementor-396 .elementor-element.elementor-element-2be5bd5:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-2be5bd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3F3F3F;}.elementor-396 .elementor-element.elementor-element-493be65{--spacer-size:70px;}.elementor-widget-heading .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-396 .elementor-element.elementor-element-d8dbe96{text-align:center;}.elementor-396 .elementor-element.elementor-element-d8dbe96 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:23px;font-weight:700;line-height:1.2em;color:#BBBBBB;}.elementor-396 .elementor-element.elementor-element-96ad57e{--display:flex;}.elementor-396 .elementor-element.elementor-element-24d56b3{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-396 .elementor-element.elementor-element-24d56b3.elementor-element{--align-self:center;}.elementor-396 .elementor-element.elementor-element-24d56b3 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:34px;font-weight:700;line-height:1.6em;color:#FFFFFF;}.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-396 .elementor-element.elementor-element-b450fe4{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;font-family:"pretendard", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-396 .elementor-element.elementor-element-b450fe4.elementor-element{--align-self:center;}.elementor-396 .elementor-element.elementor-element-40ab3da{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-396 .elementor-element.elementor-element-40ab3da.elementor-element{--align-self:center;}.elementor-396 .elementor-element.elementor-element-40ab3da .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:34px;font-weight:700;line-height:1.6em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-8a4cf7e{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-396 .elementor-element.elementor-element-8a4cf7e.elementor-element{--align-self:center;}.elementor-396 .elementor-element.elementor-element-4c904c2{padding:0px 0px 0px 0px;text-align:center;}.elementor-396 .elementor-element.elementor-element-4c904c2 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:43px;font-weight:700;line-height:1.2em;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-648f94b{--spacer-size:30px;}.elementor-396 .elementor-element.elementor-element-5164290{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;font-family:"pretendard", Sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-396 .elementor-element.elementor-element-5164290.elementor-element{--align-self:center;}.elementor-396 .elementor-element.elementor-element-e1a4a56{--spacer-size:32px;}.elementor-396 .elementor-element.elementor-element-948621e{--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;}.elementor-396 .elementor-element.elementor-element-0299f93{--display:flex;}.elementor-widget-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-396 .elementor-element.elementor-element-c9a5d75{text-align:center;}.elementor-396 .elementor-element.elementor-element-c9a5d75 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-5f90cf9{--display:flex;}.elementor-396 .elementor-element.elementor-element-b235457{text-align:center;}.elementor-396 .elementor-element.elementor-element-b235457 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-cfeebcd{--display:flex;}.elementor-396 .elementor-element.elementor-element-236f0f5{text-align:center;}.elementor-396 .elementor-element.elementor-element-236f0f5 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-29dda52{--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;}.elementor-396 .elementor-element.elementor-element-121c62f{--display:flex;}.elementor-396 .elementor-element.elementor-element-cd04828{text-align:center;}.elementor-396 .elementor-element.elementor-element-cd04828 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-37f62ef{--display:flex;}.elementor-396 .elementor-element.elementor-element-dca720a{text-align:center;}.elementor-396 .elementor-element.elementor-element-dca720a .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-6eea710{--display:flex;}.elementor-396 .elementor-element.elementor-element-0c7bd4d{text-align:center;}.elementor-396 .elementor-element.elementor-element-0c7bd4d .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-c30aed4{--spacer-size:60px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-396 .elementor-element.elementor-element-d8dbe96 .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-24d56b3 .elementor-heading-title{font-size:15px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-396 .elementor-element.elementor-element-b450fe4{font-size:15px;}.elementor-396 .elementor-element.elementor-element-40ab3da .elementor-heading-title{font-size:15px;}.elementor-396 .elementor-element.elementor-element-4c904c2 .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-5164290{font-size:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-396 .elementor-element.elementor-element-c9a5d75 .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-b235457 .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-236f0f5 .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-cd04828 .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-dca720a .elementor-heading-title{font-size:37px;}.elementor-396 .elementor-element.elementor-element-0c7bd4d .elementor-heading-title{font-size:37px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-396 .elementor-element.elementor-element-d8dbe96 .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-24d56b3 .elementor-heading-title{font-size:14px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-396 .elementor-element.elementor-element-b450fe4{font-size:14px;}.elementor-396 .elementor-element.elementor-element-40ab3da .elementor-heading-title{font-size:14px;}.elementor-396 .elementor-element.elementor-element-4c904c2 .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-5164290{font-size:14px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-396 .elementor-element.elementor-element-c9a5d75 .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-b235457 .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-236f0f5 .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-cd04828 .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-dca720a .elementor-heading-title{font-size:30px;}.elementor-396 .elementor-element.elementor-element-0c7bd4d .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-c6ef7f8 */.hj-process-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 1000px;
            font-family: 'Pretendard', sans-serif;
            padding: 20px;
            box-sizing: border-box;
            margin: 0 auto;
            background: #fff;
        }

        .hj-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            z-index: 2;
        }

        /* 공통 박스 스타일 */
        .hj-step {
            flex: 1;
            min-height: 90px;
            background: #ffffff;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 1rem;
            font-weight: bold;
            color: #333;
            box-shadow: 4px 4px 12px rgba(0,0,0,0.3);
            padding: 10px;
            box-sizing: border-box;
        }

        .hj-step span {
            font-size: 0.8rem;
            font-weight: normal;
            color: #666;
            margin-top: 4px;
        }

        /* 데스크탑용 가로 화살표 */
        .hj-arrow {
            width: 30px;
            height: 4px;
            background-color: #2d74b5;
            margin: 0 10px;
            position: relative;
            flex-shrink: 0;
        }

        .hj-arrow::after {
            content: '';
            position: absolute;
            right: -6px;
            top: -6px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-left: 11px solid #2d74b5;
        }

        /* 데스크탑용 ㄹ자 연결선 */
        .hj-connector-bend {
            width: 100%;
            height: 60px;
            position: relative;
            margin: -10px 0;
            z-index: 1;
        }

        .hj-connector-svg {
            width: 100%;
            height: 100%;
        }

        /* 모바일용 아래 방향 화살표 (기본 숨김) */
        .hj-mobile-arrow {
            display: none;
            width: 4px;
            height: 30px;
            background-color: #2d74b5;
            margin: 10px 0;
            position: relative;
        }

        .hj-mobile-arrow::after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: -6px;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 11px solid #2d74b5;
        }
/* ★ 모바일 반응형 핵심 (768px 이하) ★ */
        @media screen and (max-width: 768px) {
            .hj-row {
                flex-direction: column; /* 세로 정렬 */
                gap: 0;
            }

            .hj-step {
                width: 100%;
                max-width: 300px; /* 모바일 박스 너비 제한 */
                min-height: 70px;
            }

            /* 가로 화살표 및 ㄹ자 연결선 숨김 */
            .hj-arrow, .hj-connector-bend {
                display: none;
            }

            /* 모바일 전용 아래 방향 화살표 노출 */
            .hj-mobile-arrow {
                display: block;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a4cf7e */.process-container {
            display: flex;
            align-items: center;
        }

        /* 단계 원형 스타일 */
        .step {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 1.4rem;
            font-weight: bold;
            line-height: 1.2;
            color: #333;
            box-shadow: inset -4px -4px 10px rgba(0,0,0,0.2), 
                        4px 4px 10px rgba(0,0,0,0.3); /* 입체감 효과 */
            position: relative;
            z-index: 2;
        }

        /* 활성화된 단계 (갈색 원) */
        .step.active {
            background: #964b00; /* 이미지의 갈색 톤 */
            color: #fff;
            box-shadow: inset -4px -4px 10px rgba(0,0,0,0.4), 
                        4px 4px 15px rgba(0,0,0,0.5);
        }

        /* 연결 바 (실버 라인) */
        .connector {
            width: 60px;
            height: 12px;
            background: linear-gradient(to bottom, #e0e0e0, #888, #e0e0e0); /* 입체감 있는 금속 느낌 */
            margin: 0 -5px; /* 원과 살짝 겹치게 처리 */
            z-index: 1;
            box-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }/* End custom CSS */