@charset "utf-8";
/* Selected service layout B. Only native customer-service bodies opt in. */
.mall-service { --service-ink:#20252c; --service-muted:#8b929d; --service-line:#e6e9ee; --service-accent:#20252c; color:var(--service-ink); }
#container.mall-container--sub:has(> .mall-service) { max-width:none; padding:28px 28px 60px; }
.mall-service.mall-native.mall-legacy { width:100%; max-width:1120px; margin:0 auto 50px; padding:0; color:var(--service-ink); }
.mall-service.mall-native.mall-legacy .mall-native { width:100%; min-width:0; margin:0; padding:0; }
.mall-service.mall-native.mall-legacy #con_lf { float:none; width:100%; min-width:0; margin:0; }
.mall-service.mall-native.mall-legacy .pg_tit { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; min-height:0; height:auto; padding:0 0 32px; margin:0 0 24px; border:0; color:var(--service-ink); text-align:left; line-height:1.4; }
.mall-service.mall-native.mall-legacy .pg_tit > span { display:block; padding:0; text-align:left; font-size:30px; font-weight:650; letter-spacing:-1.1px; }
.mall-service.mall-native.mall-legacy .pg_nav { display:block; position:static; margin:0 0 4px; color:#9da3ad; font-size:10px; font-weight:400; line-height:1.6; letter-spacing:0; white-space:nowrap; }
.mall-service.mall-native.mall-legacy .pg_nav i { margin:0 10px; }
.mall-service.mall-native.mall-legacy .tbl_wrap { margin:0; border:0; }
.mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) table { width:100%; border-collapse:collapse; border-top:1px solid #31363e; }
.mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) th { padding:16px 12px; height:auto; border:0; border-bottom:1px solid var(--service-line); background:#fff; color:#818994; font-size:12px; font-weight:500; }
.mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) td { padding:20px 12px; height:auto; border:0; border-bottom:1px solid var(--service-line); color:#555e6a; font-size:12px; }
.mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) :is(.empty_list,.empty_table) { height:200px; padding:45px 12px; color:#969da7; font-size:12px; font-weight:400; text-align:center; }
.mall-service.mall-native.mall-legacy .empty_list { min-height:190px; padding:72px 20px; color:#969da7; font-size:12px; font-weight:400; text-align:center; border-top:1px solid var(--service-line); border-bottom:1px solid var(--service-line); background:transparent; }
.mall-service.mall-native.mall-legacy .tar.marb5 { margin-bottom:16px!important; }
.mall-service.mall-native.mall-legacy :is(.btn_small.wset,.btn_medium.wset,.btn_medium,.btn_lsmall) { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 20px; border:1px solid var(--service-accent); border-radius:0; background:var(--service-accent); color:#fff; font-size:11px; line-height:1.5; font-weight:500; text-decoration:none; }
.mall-service.mall-native.mall-legacy .btn_confirm { margin:24px 0; padding:0; text-align:right; }
.mall-service.mall-native.mall-legacy .m_bo_bg { background:transparent; margin:0; padding:0; }
.mall-service.mall-native.mall-legacy .m_bo_bg > ul { margin:0; padding:0; list-style:none; border-top:1px solid #31363e; }
.mall-service.mall-native.mall-legacy .m_bo_bg .list { margin:0; padding:0; background:#fff; border-bottom:1px solid var(--service-line); }
.mall-service.mall-native.mall-legacy .m_bo_bg .list > a { display:block; padding:24px 18px; color:#333b46; }
.mall-service.mall-native.mall-legacy .m_bo_bg .subj { margin:0 0 10px; font-size:14px; line-height:1.6; font-weight:500; }
.mall-service.mall-native.mall-legacy .m_bo_bg .date { margin:0; font-size:11px; color:#969da7; line-height:1.6; }
.mall-service.mall-native.mall-legacy .bottom_sch { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; height:auto; margin:30px 0; padding:0; background:transparent; }
.mall-service.mall-native.mall-legacy :is(select,.frm_input,.faq_sch) { height:40px; padding:0 12px; border:1px solid #dfe3e9; border-radius:0; background:#fff; color:#414a56; font-size:12px; line-height:1.5; box-shadow:none; }
/* Inset the single-select indicator without replacing the native options or picker. */
.mall-service.mall-native.mall-legacy :is(select:not([multiple]):not([size]),select[size="1"]:not([multiple])) {
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  padding-inline-start:12px;
  padding-inline-end:42px;
  -webkit-appearance:none;
  appearance:none;
  background-image:url('../../m/shop/img/select.gif');
  background-repeat:no-repeat;
  /* wrest.js gives required fields inline "top right" positioning; keep this select arrow inset. */
  background-position:right 14px center!important;
  background-size:12px auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mall-service.mall-native.mall-legacy select:focus-visible { outline:2px solid var(--service-ink); outline-offset:2px; }
.mall-service.mall-native.mall-legacy select:disabled { background-color:#f7f8fa; color:#929aa4; opacity:1; cursor:not-allowed; }
@media(forced-colors:active) {
  .mall-service.mall-native.mall-legacy :is(select:not([multiple]):not([size]),select[size="1"]:not([multiple])) {
    -webkit-appearance:auto;
    appearance:auto;
    padding-inline-end:12px;
    background-image:none;
  }
}
.mall-service.mall-native.mall-legacy input[type="submit"].btn_small { height:40px; padding:0 20px; border:1px solid #323943; background:#323943; color:#fff; }
.mall-service.mall-native.mall-legacy #tab_cate { height:auto; margin:0 0 24px!important; padding:0; border:0; }
.mall-service.mall-native.mall-legacy #tab_cate_ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; border:0; }
.mall-service.mall-native.mall-legacy #tab_cate_ul li { float:none; width:auto; margin:0; padding:0; border:0; background:transparent; }
.mall-service.mall-native.mall-legacy #tab_cate_ul a { display:block; height:auto; padding:10px 14px; background:#f4f5f7; color:#7b8490; border:0; font-size:12px; line-height:1.4; }
.mall-service.mall-native.mall-legacy #tab_cate_ul .active a { height:auto; color:#fff; line-height:1.4; background:var(--service-accent); }
.mall-service.mall-native.mall-legacy .faq_li { margin:0; border-top:1px solid #333a44; }
.mall-service.mall-native.mall-legacy .faq_q { min-height:68px; padding:24px 42px 24px 18px; border:0; border-bottom:1px solid var(--service-line); background:none; color:#333c48; font-size:13px; line-height:1.6; }
.mall-service.mall-native.mall-legacy .faq_a { margin:0; padding:28px; border-bottom:1px solid var(--service-line); background:#f6f7f9; color:#75808e; font-size:12px; line-height:1.9; }
.mall-service.mall-native.mall-legacy #aside { float:none; width:100%; }
.mall-service.mall-native.mall-legacy #aside .aside_hd { height:auto; padding:0; background:none; text-align:left; color:var(--service-ink); }
.mall-service.mall-native.mall-legacy #aside .aside_hd .eng { padding:0; color:#a1a7b0; font-size:9px; line-height:1.5; letter-spacing:1.5px; }
.mall-service.mall-native.mall-legacy #aside .aside_hd .kor { padding:0; margin-top:8px; color:var(--service-ink); font-size:23px; line-height:1.4; font-weight:650; letter-spacing:-.8px; }
.mall-service.mall-native.mall-legacy .aside_cs { border:0; margin:0; padding:0; }
.mall-service.mall-native.mall-legacy .aside_cs dt { height:auto; border:0; margin:0; padding:0; }
.mall-service.mall-native.mall-legacy #aside a.mall-menu-row { grid-template-columns:18px minmax(0,1fr) 12px; gap:9px; min-height:46px; padding:12px 0; color:#6f7885; font-size:13px; font-weight:400; line-height:1.5; border:0; background:transparent; }
.mall-service.mall-native.mall-legacy #aside a.mall-menu-row:hover { color:#20262e; background:none; }
.mall-service.mall-native.mall-legacy #aside .mall-menu-row__icon { width:17px; height:17px; color:#8c95a1; }
.mall-service.mall-native.mall-legacy #aside .mall-menu-row__caret { width:12px; height:12px; color:#b1b7c0; }
.mall-service.mall-native.mall-legacy .aside_cs dd { border:0; padding:14px 0 0; margin-top:12px; border-top:1px solid var(--service-line); }
.mall-service.mall-native.mall-legacy .aside_cs dd li a.mall-menu-row { padding:8px 0!important; min-height:34px; font-size:12px; color:#9aa1ac; background:none; }
.mall-service.mall-native.mall-legacy:has(> .mall-native-aside_cs) { display:grid; grid-template-columns:172px minmax(0,1fr); gap:64px; max-width:1160px; }
.mall-service.mall-native.mall-legacy #aside .aside_hd { margin-bottom:28px; padding-bottom:25px; border-bottom:1px solid #dce0e6; }
.mall-service.mall-native.mall-legacy .pg_tit { display:block; padding-bottom:38px; }
.mall-service.mall-native.mall-legacy .pg_nav { margin-top:13px; }
.mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) table { border-top:2px solid #2c333d; }
@media(max-width:900px) {

  #container.mall-container--sub:has(> .mall-service) { padding:28px 18px 50px; }
  .mall-service.mall-native.mall-legacy:has(> .mall-native-aside_cs) { grid-template-columns:1fr; gap:28px; }
  .mall-service.mall-native.mall-legacy .mall-native-aside_cs { margin:0 0 24px; }
  .mall-service.mall-native.mall-legacy #aside .aside_hd { display:none; }
  .mall-service.mall-native.mall-legacy .aside_cs { display:flex; flex-wrap:wrap; gap:0 20px; border-bottom:1px solid var(--service-line); padding-bottom:14px; }
  .mall-service.mall-native.mall-legacy .aside_cs dt { flex:0 0 auto; }
  .mall-service.mall-native.mall-legacy #aside dt a.mall-menu-row { display:block; min-height:38px; padding:10px 0; font-size:12px; }
  .mall-service.mall-native.mall-legacy #aside .mall-menu-row__icon { display:none; }
  .mall-service.mall-native.mall-legacy #aside .mall-menu-row__caret { display:none; }
  .mall-service.mall-native.mall-legacy .aside_cs dd { flex-basis:100%; margin:8px 0 0; padding:0; border:0; }
  .mall-service.mall-native.mall-legacy .aside_cs dd ul { display:flex; flex-wrap:wrap; gap:0 18px; }
  .mall-service.mall-native.mall-legacy .aside_cs dd a.mall-menu-row { display:block; padding:6px 0!important; min-height:28px; font-size:11px; }
  .mall-service.mall-native.mall-legacy .pg_tit { display:block; margin-bottom:20px; padding-bottom:22px; }
  .mall-service.mall-native.mall-legacy .pg_tit > span { font-size:26px; }
  .mall-service.mall-native.mall-legacy .pg_nav { margin-top:10px; white-space:normal; }
  .mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) th { padding:15px 8px; }
  .mall-service.mall-native.mall-legacy :is(.tbl_head01,.tbl_head02) td { padding:15px 8px; }
  .mall-service.mall-native.mall-legacy .m_bo_bg .list > a { padding:20px 8px; }
  .mall-service.mall-native.mall-legacy .bottom_sch .frm_input { flex:1; min-width:0; width:120px; }
}

/* Keep the native forms, attachment controls and reader actions within the same frame. */
.mall-service.mall-native.mall-legacy .tbl_wrap { max-width:100%; overflow-x:auto; }
.mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) { width:100%; }
.mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02) table { width:100%; border-collapse:collapse; border-top:1px solid #31363e; }
.mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) :is(th,td) { height:auto; padding:20px 16px; border:0; border-bottom:1px solid var(--service-line); color:#555e6a; font-size:12px; line-height:1.8; }
.mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) th { background:#f7f8fa; color:#7b8490; font-weight:500; }
.mall-service.mall-native.mall-legacy textarea.frm_textbox { min-height:190px; padding:14px; border:1px solid #dfe3e9; background:#fff; color:#414a56; font-size:13px; line-height:1.8; }
.mall-service.mall-native.mall-legacy .btn_lsmall.bx-white { border-color:#dfe3e9; background:#fff; color:#545e6b; }
.mall-service.mall-native.mall-legacy .btn_lsmall:hover { opacity:.8; }
.mall-service.mall-native.mall-legacy .page_wrap { min-height:38px; margin:24px 0; }
.mall-service.mall-native.mall-legacy .pg_cnt { margin:0 0 18px; color:#8b929d; font-size:12px; line-height:1.6; }
.mall-service.mall-native.mall-legacy .pg_cnt em { color:#555e6a; }
.mall-service.mall-native.mall-legacy .m_bo_wrap { padding:0; border:0; background:transparent; }
.mall-service.mall-native.mall-legacy :is(.wr_txt,.qna_reply) { padding:24px 16px; color:#555e6a; font-size:13px; line-height:1.9; }
.mall-service.mall-native.mall-legacy #aside a.mall-menu-row[aria-current="page"] { color:var(--service-accent); font-weight:650; }
.mall-service.mall-native.mall-legacy .aside_cs dd ul { width:100%; min-width:0; margin:0; padding:0; list-style:none; }
.mall-service.mall-native.mall-legacy .aside_cs dd li { float:none; display:block; width:auto; max-width:none; min-width:0; margin:0; padding:0; }
@media(max-width:900px) {
  .mall-service.mall-native.mall-legacy .aside_cs dd { width:100%; min-width:0; }
  .mall-service.mall-native.mall-legacy .aside_cs dd li { flex:0 0 auto; min-width:max-content; }
  .mall-service.mall-native.mall-legacy .aside_cs dd a.mall-menu-row { display:block!important; width:auto; max-width:none; white-space:nowrap; }
  .mall-service.mall-native.mall-legacy .aside_cs dd .mall-menu-row__label { white-space:nowrap; overflow-wrap:normal; }
  .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl_frm02,.tbl03) :is(th,td) { padding:16px 10px; }
  .mall-service.mall-native.mall-legacy :is(.tbl_frm01,.tbl03) :is(.w100,.w120) { width:80px; }
  .mall-service.mall-native.mall-legacy .tbl03 .frm_input { width:100%; }
  .mall-service.mall-native.mall-legacy .btn_confirm { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
}

.mall-service.mall-native.mall-legacy #tab_cate li a::after { content:none; }

/* Fit both contract parties inside the current service column, not legacy 1000px floats. */
.mall-native.mall-legacy #fpartnerform .fp_sign { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0 0; overflow:visible; }
.mall-native.mall-legacy #fpartnerform .fp_sign .info_bx { box-sizing:border-box; float:none; width:100%; min-width:0; height:auto; min-height:280px; margin:0; padding:0 0 18px; overflow:visible; border:1px solid #dfe3e9; }
.mall-native.mall-legacy #fpartnerform .fp_sign .info_bx dt { box-sizing:border-box; position:static; width:auto; padding:12px 16px; margin:0 0 12px; background:#f4f5f7; color:#30343b; font-size:13px; line-height:1.6; }
.mall-native.mall-legacy #fpartnerform .fp_sign .info_bx dd { padding:5px 18px; overflow-wrap:anywhere; line-height:1.8; }
.mall-native.mall-legacy #fpartnerform .fp_sign .info_bx .admin_seal { display:inline-block; position:static; margin-left:8px; vertical-align:middle; }
.mall-native.mall-legacy #fpartnerform .fp_sign .info_bx .admin_seal img { max-width:72px; height:auto; }
.mall-native.mall-legacy #fpartnerform .fp_sign .info_bx .m-signature-pad { height:auto; min-height:146px; margin:12px 0 0; padding:12px 0 0; }
.mall-native.mall-legacy #fpartnerform .m-signature-pad > p { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:10px; }
.mall-native.mall-legacy #fpartnerform .fp_sign .m-signature-pad button { position:static; flex-shrink:0; }
.mall-native.mall-legacy #fpartnerform .fp_sign #sign { box-sizing:border-box; width:100%; height:120px; min-width:0; border:1px solid #dfe3e9; background:#fafafa; touch-action:none; }
.mall-native.mall-legacy #fpartnerform .mall-partner-fee-description { display:block; margin-top:10px; padding:12px 14px; background:#f7f8fa; color:#5d6470; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
@media(max-width:720px) {
  .mall-native.mall-legacy #fpartnerform .fp_sign { grid-template-columns:minmax(0,1fr); gap:16px; }
  .mall-native.mall-legacy #fpartnerform .fp_sign .info_bx { min-height:0; }
}