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

/* ── 00 ROOT TOKEN ── */
:root{--dl-app:#f97316;--dl-app-dark:#ea580c;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(--dl-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_delivery_wrap 풀체인 목차(빈 selector 선반영) ── */
.ws_delivery_wrap{}
.ws_delivery_wrap .es_tab_area{}
.ws_delivery_wrap .es_tab_area .bs_tab_btn{}
.ws_delivery_wrap .es_tab_area .bs_tab_btn .ks_tab_icon{}

.ws_delivery_wrap .es_even_area{}
.ws_delivery_wrap .es_even_area .bs_even_box{}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_head_field .ks_even_title{}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_head_field .ks_even_desc{word-break:keep-all}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_form_field{}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_form_field .ss_field_zone .ks_field_label{}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_form_field .ss_field_grid_zone .ks_field_box .os_field_label{}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_form_field .ks_even_submit{}
.ws_delivery_wrap .es_even_area .bs_even_box .is_even_out_field{}
.ws_delivery_wrap .es_even_area .bs_even_info_box .ks_info_desc{word-break:keep-all}

.ws_delivery_wrap .es_ratio_area{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_head_field .ks_ratio_title{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_head_field .ks_ratio_desc{word-break:keep-all}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ss_field_grid_zone .ks_field_box .os_field_label{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ss_rows_zone .bs_row_box{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ss_rows_zone .bs_row_box .is_row_name{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ss_rows_zone .bs_row_box .is_row_amt{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ss_rows_zone .bs_row_box .is_row_del{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ks_ratio_add{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_form_field .ks_ratio_submit{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_box .is_ratio_out_field{}
.ws_delivery_wrap .es_ratio_area .bs_ratio_info_box .ks_info_desc{word-break:keep-all}

/* 결과 동적 출력(공통) */
.ws_delivery_wrap .bs_result_box .is_result_value{}
.ws_delivery_wrap .bs_ratio_list_box .is_ratio_item{word-break:keep-all}
.ws_delivery_wrap .bs_warn_box{word-break:keep-all}

.ws_delivery_wrap .es_ad_area{}