@charset "utf-8";
/* app/calc/style.css — 생활 계산기 전용 스타일(디자이너 개별 커스텀 지점).
 * [14] 풀체인: 마크업 ws~rs 위계를 빈 selector로 미리 깔아 두고(디자이너가 값만 채움),
 * 시각 대부분은 head.php @theme + Tailwind 유틸로 처리한다. 순수 CSS one-line. */

/* ── 00 ROOT TOKEN ── */
:root{--calc-app:#10b981;--calc-app-dark:#059669;font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif}

/* ── 03 A11Y ── */
.we_body{margin:0;-webkit-text-size-adjust:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--calc-app);outline-offset:2px}
.we_sound_only{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap;clip:rect(1px,1px,1px,1px)}
#we_skip_to_container a:focus{position:fixed;left:12px;top:12px;z-index:200;width:auto;height:auto;clip:auto;padding:10px 16px;border-radius:8px;background:#111;color:#fff}

/* ── 04 LAYOUT(랜드마크) ── */
#we_header{}
#we_main_container{}
#we_main_container .ws_main_content_wrap{}
#we_footer{}
#we_float{}
#we_float .es_float_top{transition:opacity .2s ease}

/* ── 09 COMPONENT: ws_calc_wrap 풀체인 목차(빈 selector 선반영) ── */
.ws_calc_wrap{}
.ws_calc_wrap .es_tab_area{}
.ws_calc_wrap .es_tab_area .bs_tab_btn{}
.ws_calc_wrap .es_tab_area .bs_tab_btn .ks_tab_icon{}

.ws_calc_wrap .es_salary_area{}
.ws_calc_wrap .es_salary_area .bs_salary_box{}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_head_field .ks_salary_title{}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_head_field .ks_salary_desc{word-break:keep-all}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_form_field{}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_form_field .ss_field_zone .ks_field_label{}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_form_field .ss_field_grid_zone .ks_field_box .os_field_label{}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_form_field .ks_salary_submit{}
.ws_calc_wrap .es_salary_area .bs_salary_box .is_salary_out_field{}
.ws_calc_wrap .es_salary_area .bs_salary_info_box .ks_info_desc{word-break:keep-all}

.ws_calc_wrap .es_loan_area{}
.ws_calc_wrap .es_loan_area .bs_loan_box{}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_head_field .ks_loan_title{}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_head_field .ks_loan_desc{word-break:keep-all}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_form_field{}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_form_field .ss_field_zone .ks_field_label{}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_form_field .ss_field_grid_zone .ks_field_box .os_field_label{}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_form_field .ks_loan_submit{}
.ws_calc_wrap .es_loan_area .bs_loan_box .is_loan_out_field{}
.ws_calc_wrap .es_loan_area .bs_loan_info_box .ks_info_desc{word-break:keep-all}

.ws_calc_wrap .es_pyeong_area{}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_box{}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_box .is_pyeong_head_field .ks_pyeong_title{}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_box .is_pyeong_head_field .ks_pyeong_desc{word-break:keep-all}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_box .is_pyeong_form_field{}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_box .is_pyeong_form_field .ss_field_grid_zone .ks_field_box .os_field_label{}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_box .is_pyeong_out_field{}
.ws_calc_wrap .es_pyeong_area .bs_pyeong_info_box .ks_info_desc{word-break:keep-all}

.ws_calc_wrap .es_age_area{}
.ws_calc_wrap .es_age_area .bs_age_box{}
.ws_calc_wrap .es_age_area .bs_age_box .is_age_head_field .ks_age_title{}
.ws_calc_wrap .es_age_area .bs_age_box .is_age_head_field .ks_age_desc{word-break:keep-all}
.ws_calc_wrap .es_age_area .bs_age_box .is_age_form_field{}
.ws_calc_wrap .es_age_area .bs_age_box .is_age_form_field .ss_field_zone .ks_field_label{}
.ws_calc_wrap .es_age_area .bs_age_box .is_age_form_field .ks_age_submit{}
.ws_calc_wrap .es_age_area .bs_age_box .is_age_out_field{}
.ws_calc_wrap .es_age_area .bs_age_info_box .ks_info_desc{word-break:keep-all}

.ws_calc_wrap .es_dday_area{}
.ws_calc_wrap .es_dday_area .bs_dday_box{}
.ws_calc_wrap .es_dday_area .bs_dday_box .is_dday_head_field .ks_dday_title{}
.ws_calc_wrap .es_dday_area .bs_dday_box .is_dday_head_field .ks_dday_desc{word-break:keep-all}
.ws_calc_wrap .es_dday_area .bs_dday_box .is_dday_form_field{}
.ws_calc_wrap .es_dday_area .bs_dday_box .is_dday_form_field .ss_field_zone .ks_field_label{}
.ws_calc_wrap .es_dday_area .bs_dday_box .is_dday_form_field .ks_dday_submit{}
.ws_calc_wrap .es_dday_area .bs_dday_box .is_dday_out_field{}
.ws_calc_wrap .es_dday_area .bs_dday_info_box .ks_info_desc{word-break:keep-all}

/* 결과 동적 출력(공통) */
.ws_calc_wrap .bs_result_box .is_result_value{}
.ws_calc_wrap .bs_result_box .is_result_table{word-break:keep-all}
.ws_calc_wrap .bs_result_box .is_result_note{word-break:keep-all}

.ws_calc_wrap .es_ad_area{}
