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

/* ── 00 ROOT TOKEN ── */
:root{--dp-app:#10b981;--dp-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(--dp-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_dutchpay_wrap 풀체인 목차(빈 selector 선반영) ── */
.ws_dutchpay_wrap{}
.ws_dutchpay_wrap .es_tab_area{}
.ws_dutchpay_wrap .es_tab_area .bs_tab_btn{}
.ws_dutchpay_wrap .es_tab_area .bs_tab_btn .ks_tab_icon{}

.ws_dutchpay_wrap .es_quick_area{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_head_field .ks_quick_title{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_head_field .ks_quick_desc{word-break:keep-all}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_form_field{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_form_field .ss_field_zone .ks_field_label{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_form_field .ss_field_grid_zone .ks_field_box .os_field_label{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_form_field .ks_quick_submit{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_box .is_quick_out_field{}
.ws_dutchpay_wrap .es_quick_area .bs_quick_info_box .ks_info_desc{word-break:keep-all}

.ws_dutchpay_wrap .es_settle_area{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_head_field .ks_settle_title{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_head_field .ks_settle_desc{word-break:keep-all}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_rows_field .bs_row_box{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_rows_field .bs_row_box .is_row_name{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_rows_field .bs_row_box .is_row_paid{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_rows_field .bs_row_box .is_row_del{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .ks_settle_add{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .ks_settle_submit{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_box .is_settle_out_field{}
.ws_dutchpay_wrap .es_settle_area .bs_settle_info_box .ks_info_desc{word-break:keep-all}

/* 결과 동적 출력(공통) */
.ws_dutchpay_wrap .bs_result_box .is_result_value{}
.ws_dutchpay_wrap .bs_tx_box .is_tx_item{word-break:keep-all}

.ws_dutchpay_wrap .es_ad_area{}