.elementor-482 .elementor-element.elementor-element-2ef70a3{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-482 .elementor-element.elementor-element-172f657 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-482 .elementor-element.elementor-element-172f657 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-482 .elementor-element.elementor-element-172f657 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-482 .elementor-element.elementor-element-172f657 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-field-type-html{padding-bottom:0px;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-button[type="submit"]{color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-482 .elementor-element.elementor-element-172f657{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-482 .elementor-element.elementor-element-2ef70a3{--content-width:500px;}}/* Start custom CSS for container, class: .elementor-element-2ef70a3 *//* ===============================================
Joy+ Elementor Form Style
===============================================
*/

/* --- 변수 설정 (Joy+ 테마 기준) --- */
:root {
    --joy-primary-color: #00a99d; /* Joy+ 로고 메인 색상 */
    --joy-primary-dark: #008a7e;  /* 호버 시 약간 어둡게 */
    --joy-text-color: #333333;
    --joy-light-text: #666666;
    --joy-border-color: #e9e9e9;
    --joy-error-color: #f44336;  /* 에러 메시지용 빨간색 */
    --joy-font-family: 'Noto Sans KR', sans-serif;
}

/* --- 1. 폼 라벨 (이름, 이메일 등) --- */
.joyplus-form .elementor-field-label {
    font-family: var(--joy-font-family) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--joy-text-color) !important;
    margin-bottom: 8px !important; /* 필드와 라벨 사이 간격 */
}

/* --- 2. 입력 필드 (Input, Textarea, Select) --- */
.joyplus-form .elementor-field {
    font-family: var(--joy-font-family) !important;
    width: 100% !important;
    border: 1px solid var(--joy-border-color) !important;
    border-radius: 5px !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    transition: all 0.2s !important;
    color: var(--joy-text-color) !important;
}

/* 필드 클릭 시 (Focus) 효과 */
.joyplus-form .elementor-field:focus {
    outline: none !important;
    border-color: var(--joy-primary-color) !important;
    box-shadow: 0 0 0 2px rgba(0, 169, 157, 0.2) !important;
}

/* 여러 줄 입력(Textarea) 높이 */
.joyplus-form textarea.elementor-field {
    min-height: 120px !important;
}

/* --- 3. 체크박스 & 라디오 버튼 --- */
.joyplus-form .elementor-field-type-checkbox .elementor-field-subgroup,
.joyplus-form .elementor-field-type-radio .elementor-field-subgroup {
    font-family: var(--joy-font-family) !important;
    color: var(--joy-light-text) !important;
    font-size: 15px !important;
}

/* 체크/라디오 아이콘 색상 */
.joyplus-form input[type="checkbox"],
.joyplus-form input[type="radio"] {
    accent-color: var(--joy-primary-color) !important;
    margin-right: 8px !important;
}


/* --- 4. '보내기' 버튼 --- */
.joyplus-form .elementor-button {
    font-family: var(--joy-font-family) !important;
    background-color: var(--joy-primary-color) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background-color 0.2s !important;
    
    /* 버튼 정렬은 Elementor 폼 설정(왼쪽/중앙/오른쪽/전체)을 따릅니다. */
}

.joyplus-form .elementor-button:hover {
    background-color: var(--joy-primary-dark) !important;
}

/* --- 5. 성공 / 에러 메시지 --- */
.joyplus-form .elementor-message.elementor-message-success {
    background-color: #f0f9f9 !important; /* 연한 녹색 */
    border-left: 5px solid var(--joy-primary-color) !important;
    color: var(--joy-text-color) !important;
    border-radius: 5px !important;
}

.joyplus-form .elementor-message.elementor-message-danger {
    background-color: #fef7f7 !important; /* 연한 빨간색 */
    border-left: 5px solid var(--joy-error-color) !important;
    color: var(--joy-text-color) !important;
    border-radius: 5px !important;
}/* End custom CSS */