.elementor-388 .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-388 .elementor-element.elementor-element-84d8eee:not(.elementor-motion-effects-element-type-background), .elementor-388 .elementor-element.elementor-element-84d8eee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-388 .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-388 .elementor-element.elementor-element-2be5bd5:not(.elementor-motion-effects-element-type-background), .elementor-388 .elementor-element.elementor-element-2be5bd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3F3F3F;}.elementor-388 .elementor-element.elementor-element-4af0bca{--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-388 .elementor-element.elementor-element-d8dbe96{text-align:center;}.elementor-388 .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-388 .elementor-element.elementor-element-8b98526{--display:flex;}.elementor-388 .elementor-element.elementor-element-63359a4{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-388 .elementor-element.elementor-element-63359a4.elementor-element{--align-self:center;}.elementor-388 .elementor-element.elementor-element-63359a4 .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-388 .elementor-element.elementor-element-92458c7{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-388 .elementor-element.elementor-element-92458c7.elementor-element{--align-self:center;}.elementor-388 .elementor-element.elementor-element-c219bc2{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:left;}.elementor-388 .elementor-element.elementor-element-c219bc2.elementor-element{--align-self:center;}.elementor-388 .elementor-element.elementor-element-c219bc2 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:34px;font-weight:700;line-height:1.6em;color:#FFFFFF;}.elementor-388 .elementor-element.elementor-element-7e3d389{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-388 .elementor-element.elementor-element-7e3d389.elementor-element{--align-self:center;}.elementor-388 .elementor-element.elementor-element-4c904c2{padding:0px 0px 0px 0px;text-align:center;}.elementor-388 .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-388 .elementor-element.elementor-element-648f94b{--spacer-size:30px;}.elementor-388 .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-388 .elementor-element.elementor-element-5164290.elementor-element{--align-self:center;}.elementor-388 .elementor-element.elementor-element-e1a4a56{--spacer-size:32px;}.elementor-388 .elementor-element.elementor-element-cf7fcd4{--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-388 .elementor-element.elementor-element-85fd362{--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-388 .elementor-element.elementor-element-93f04a8{text-align:center;}.elementor-388 .elementor-element.elementor-element-93f04a8 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-388 .elementor-element.elementor-element-d0073e3{--display:flex;}.elementor-388 .elementor-element.elementor-element-f44fb3d{text-align:center;}.elementor-388 .elementor-element.elementor-element-f44fb3d .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-388 .elementor-element.elementor-element-1b814ec{--display:flex;}.elementor-388 .elementor-element.elementor-element-658bfbd{text-align:center;}.elementor-388 .elementor-element.elementor-element-658bfbd .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-388 .elementor-element.elementor-element-2142d91{--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-388 .elementor-element.elementor-element-da8243e{--display:flex;}.elementor-388 .elementor-element.elementor-element-b9ebf08{text-align:center;}.elementor-388 .elementor-element.elementor-element-b9ebf08 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-388 .elementor-element.elementor-element-4b3b034{--display:flex;}.elementor-388 .elementor-element.elementor-element-d4e67b6{text-align:center;}.elementor-388 .elementor-element.elementor-element-d4e67b6 .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-388 .elementor-element.elementor-element-c821eab{--display:flex;}.elementor-388 .elementor-element.elementor-element-e4d16bd{text-align:center;}.elementor-388 .elementor-element.elementor-element-e4d16bd .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:20px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-388 .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-388 .elementor-element.elementor-element-d8dbe96 .elementor-heading-title{font-size:37px;}.elementor-388 .elementor-element.elementor-element-63359a4 .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-388 .elementor-element.elementor-element-92458c7{font-size:15px;}.elementor-388 .elementor-element.elementor-element-c219bc2 .elementor-heading-title{font-size:15px;}.elementor-388 .elementor-element.elementor-element-4c904c2 .elementor-heading-title{font-size:37px;}.elementor-388 .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-388 .elementor-element.elementor-element-93f04a8 .elementor-heading-title{font-size:37px;}.elementor-388 .elementor-element.elementor-element-f44fb3d .elementor-heading-title{font-size:37px;}.elementor-388 .elementor-element.elementor-element-658bfbd .elementor-heading-title{font-size:37px;}.elementor-388 .elementor-element.elementor-element-b9ebf08 .elementor-heading-title{font-size:37px;}.elementor-388 .elementor-element.elementor-element-d4e67b6 .elementor-heading-title{font-size:37px;}.elementor-388 .elementor-element.elementor-element-e4d16bd .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-388 .elementor-element.elementor-element-d8dbe96 .elementor-heading-title{font-size:30px;}.elementor-388 .elementor-element.elementor-element-63359a4 .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-388 .elementor-element.elementor-element-92458c7{font-size:14px;}.elementor-388 .elementor-element.elementor-element-c219bc2 .elementor-heading-title{font-size:14px;}.elementor-388 .elementor-element.elementor-element-4c904c2 .elementor-heading-title{font-size:30px;}.elementor-388 .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-388 .elementor-element.elementor-element-93f04a8 .elementor-heading-title{font-size:30px;}.elementor-388 .elementor-element.elementor-element-f44fb3d .elementor-heading-title{font-size:30px;}.elementor-388 .elementor-element.elementor-element-658bfbd .elementor-heading-title{font-size:30px;}.elementor-388 .elementor-element.elementor-element-b9ebf08 .elementor-heading-title{font-size:30px;}.elementor-388 .elementor-element.elementor-element-d4e67b6 .elementor-heading-title{font-size:30px;}.elementor-388 .elementor-element.elementor-element-e4d16bd .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-b868c2c */.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-7e3d389 */.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 */