/* [pliki 테마] 관리자 전체 새 디자인 + 반응형 (2026-10-18 41차)
 * 영카트 관리자 코어 파일은 그대로 두고, extend/pliki.admin.extend.php 가 모든 관리자 화면 <head> 에 이 파일을 덧붙인다.
 * 끄기: 관리자 > PLIKI 테마 > 테마 설정 > '관리자 새 디자인' 체크 해제 (영카트 기본 모습으로 돌아감)
 * 틀: 위쪽 어두운 바 50px · 왼쪽 어두운 사이드바(아이콘 50px + 메뉴 판 170px) · 회색 바탕 위 흰 카드
 * 반응형: 1100px 이하 메뉴 판 접힘(아이콘만, 올리면 펼침) · 768px 이하 햄버거로 여닫는 메뉴, 표는 옆으로 밀기, 위 버튼은 아래 고정 바
 */
@font-face{font-family:'Pretendard Variable';font-weight:45 920;font-style:normal;font-display:swap;src:url('../assets/font/PretendardVariable-KS.woff2') format('woff2-variations')}
:root{--ak-ink:#111827;--ak-sub:#6B7280;--ak-mute:#9CA3AF;--ak-line:#E5E7EB;--ak-line2:#F1F2F4;--ak-soft:#F9FAFB;--ak-bg:#F3F4F6;--ak-side:#111318;--ak-side2:#1B1E24;--ak-accent:#F97316;--ak-field:#D1D5DB}

body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:13.5px;letter-spacing:-.2px;color:var(--ak-ink);background:var(--ak-bg)}
input,select,textarea,button{font-family:inherit;letter-spacing:inherit}
a{color:inherit}

/* ── 위쪽 바 ── */
#hd_top{background:var(--ak-side);box-shadow:0 1px 0 rgba(255,255,255,.04)}
#logo{background:var(--ak-side);width:220px;padding:0 0 0 50px;display:flex;align-items:center;justify-content:flex-start;text-align:left}
#logo a{display:flex;align-items:center;gap:8px;padding-left:16px;color:#fff;font-size:15px;font-weight:800;letter-spacing:-.3px;text-decoration:none;white-space:nowrap}
#logo img{display:none}
#logo a .ak-brand{display:inline-block}
#logo a .ak-brand:after{content:"";display:inline-block;width:5px;height:5px;margin-left:2px;border-radius:50%;background:var(--ak-accent);vertical-align:1px}
#logo a .ak-sub{font-size:11.5px;font-weight:600;color:#9CA3AF;letter-spacing:0}
#btn_gnb,#btn_gnb.btn_gnb_open{background:var(--ak-side) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path d='M3 5h14M3 10h14M3 15h14' stroke='%23D1D5DB' stroke-width='1.8' stroke-linecap='round'/></svg>") 50% 50% no-repeat;border-right:1px solid #1F2329}
#btn_gnb:hover{background-color:var(--ak-side2)}
#tnb{padding:10px 14px}
#tnb li{margin-left:6px}
#tnb .tnb_shop,#tnb .tnb_community{border-radius:8px;opacity:.85}
#tnb .tnb_shop:hover,#tnb .tnb_community:hover{background-color:#262A31;opacity:1}
#tnb .tnb_service{height:30px;line-height:30px;padding:0 12px;border-radius:8px;background:#22262D;color:#E5E7EB;font-size:12.5px;font-weight:600}
#tnb .tnb_service:hover{background:#2C313A}
#tnb button.tnb_mb_btn{width:auto;min-width:96px;height:30px;padding:0 34px 0 12px;border-radius:8px;background:#22262D;color:#E5E7EB;font-size:12.5px;font-weight:600}
#tnb button.tnb_mb_btn span{border-radius:0 8px 8px 0;background-color:#2C313A}
#tnb .tnb_mb_area{right:0;width:140px;padding:6px;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);border:1px solid var(--ak-line)}
#tnb .tnb_mb_area a{display:block;padding:0 10px;line-height:34px;border-radius:6px;color:var(--ak-ink);font-size:13px}
#tnb .tnb_mb_area a:hover{background:var(--ak-soft)}

/* ── 왼쪽 사이드바 ── */
#gnb .gnb_ul{background:var(--ak-side);border-right:1px solid #1F2329}
#gnb .gnb_li{border-bottom:0}
#gnb .gnb_li button,#gnb .gnb_li .btn_op{background-color:transparent !important;height:48px}
#gnb .gnb_li .btn_op:not(.menu-050){filter:invert(1) brightness(1.6);opacity:.55}
#gnb .gnb_li .btn_op:not(.menu-050):hover,#gnb .on .btn_op:not(.menu-050){opacity:1}
#gnb .gnb_li:hover,#gnb .gnb_li.on{background:var(--ak-side2)}
#gnb .gnb_li.on{box-shadow:inset 3px 0 0 var(--ak-accent)}
#gnb .gnb_li .btn_op.menu-050{background-color:transparent !important}
#gnb .gnb_oparea{background:#16181D;border-right:1px solid #1F2329;box-shadow:none;padding:20px 14px}
#gnb .gnb_oparea h3{margin:2px 6px 14px;color:#fff;font-size:14.5px;font-weight:800;letter-spacing:-.3px}
#gnb .gnb_oparea li{line-height:1}
#gnb .gnb_oparea li a{display:block;padding:9px 10px;border-radius:7px;color:#A1A5AD;font-size:13px;font-weight:500}
#gnb .gnb_oparea li a:hover{color:#fff;background:#22262D}
#gnb .gnb_oparea li a.on,#gnb .gnb_oparea li .on{color:#fff;background:#22262D;box-shadow:inset 3px 0 0 var(--ak-accent);font-weight:700}
/* 그누보드 기본 '묶음'(gnb_grp_*) 들여쓰기·구분선은 기준이 화면에 안 보여 들쭉날쭉해 보이므로 모든 메뉴를 같은 줄로 맞춘다 */
#gnb .gnb_oparea .gnb_grp_div,#gnb .gnb_oparea .gnb_grp_style{margin-top:0;padding:9px 10px;border-top:0;background:none}
#gnb .gnb_oparea .gnb_grp_div:hover,#gnb .gnb_oparea .gnb_grp_style:hover{background:#22262D}
#gnb .gnb_oparea .gnb_grp_style.on,#gnb .gnb_oparea .gnb_grp_div.on{background:#22262D}

/* ── 본문 틀 ── */
#container{background:var(--ak-bg);min-width:0;min-height:calc(100vh - 100px)}
#container_title{background:#fff;border-bottom:1px solid var(--ak-line);font-size:19px;font-weight:800;letter-spacing:-.5px;color:var(--ak-ink);box-shadow:0 1px 2px rgba(17,24,39,.03)}
.container_wr{padding:22px 24px 40px}
#ft{background:transparent;color:var(--ak-mute);font-size:12px}

/* ── 안내·요약 ── */
.local_desc01,.local_desc02,.local_desc{background:#fff;border:1px solid var(--ak-line);border-radius:10px;padding:14px 18px;color:#374151;line-height:1.7;box-shadow:0 1px 2px rgba(17,24,39,.03)}
.local_desc01 p,.local_desc02 p{margin:0}
.local_ov,.local_cmd,.local_desc02{min-width:0}
.local_ov01{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.local_ov01 .ov_a,.local_ov01 a.ov_a{height:30px;line-height:30px;padding:0 12px;border-radius:999px;background:var(--ak-ink);font-size:12.5px;font-weight:700}
.local_ov01 .ov_a:hover{background:#000}
.local_ov01 .ov_listall,.local_ov01 a.ov_listall{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--ak-ink);color:#fff;font-size:12.5px;font-weight:700}
.local_ov01 .ov_txt,.local_ov01 .ov_num{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;background:#fff;border:1px solid var(--ak-line);font-size:12.5px;color:var(--ak-sub)}
.local_ov01 .ov_num b,.local_ov01 .ov_num strong{margin-left:4px;color:var(--ak-ink)}

/* ── 검색줄 ── */
.local_sch,.local_sch01,.local_sch03{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.local_sch03{padding:12px 16px;background:#fff;border:1px solid var(--ak-line);border-radius:10px}
.local_sch select,.local_sch .sch_input,.local_sch01 .frm_input,.local_sch03 .frm_input,.local_sch03 select{height:36px;border:1px solid var(--ak-field);border-radius:8px;padding:0 10px;background:#fff;float:none;margin:0}
.local_sch .btn_sch,.local_sch01 .btn_submit,.local_sch .btn_sch2{float:none;width:36px;height:36px;border:0;border-radius:8px;background:var(--ak-ink) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><circle cx='7' cy='7' r='4.6' fill='none' stroke='%23fff' stroke-width='1.7'/><path d='M10.6 10.6 14 14' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/></svg>") 50% 50% no-repeat}
.local_sch03 button{height:34px;padding:0 12px;border:1px solid var(--ak-field);border-radius:8px;background:#fff;color:#374151;font-weight:600}
.local_sch03 button:hover{border-color:var(--ak-ink);color:var(--ak-ink)}
.local_sch03 .btn_submit,.local_sch03 input[type=submit]{height:34px;padding:0 16px;border:1px solid var(--ak-ink);border-radius:8px;background:var(--ak-ink);color:#fff;font-weight:700}

/* ── 표 (카드) ── */
.tbl_wrap{background:#fff;border:1px solid var(--ak-line);border-radius:10px;box-shadow:0 1px 2px rgba(17,24,39,.03);overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl_wrap table{border-collapse:collapse}
.tbl_head01 thead th,.tbl_head02 thead th{background:var(--ak-soft);color:var(--ak-sub);border:0;border-bottom:1px solid var(--ak-line);font-size:12.5px;font-weight:700;padding:11px 10px;white-space:nowrap}
.tbl_head01 thead th a,.tbl_head02 thead th a{color:var(--ak-sub)}
.tbl_head01 thead tr + tr th{border-top:1px solid var(--ak-line2)}
.tbl_head01 tbody td,.tbl_head02 tbody td{border:0;border-bottom:1px solid var(--ak-line2);padding:10px;color:#1F2937}
.tbl_head01 tbody tr:nth-child(even),.tbl_head01 tbody .bg0,.tbl_head01 tbody .bg1{background:#fff !important}
.tbl_head01 tbody tr:hover td{background:#FAFAFB}
.tbl_head01 tbody tr:last-child td{border-bottom:0}
.tbl_head01 tfoot td,.tbl_head01 tfoot th{background:var(--ak-soft);border:0;border-top:1px solid var(--ak-line);font-weight:700}
.tbl_head01 .empty_table,.tbl_head02 .empty_table{padding:48px 0 !important;color:var(--ak-mute);text-align:center !important}
.tbl_frm01 table{border-collapse:collapse}
.tbl_frm01 th{background:var(--ak-soft);border:0;border-bottom:1px solid var(--ak-line2);color:#374151;font-weight:700;padding:13px 16px}
.tbl_frm01 td{border:0;border-bottom:1px solid var(--ak-line2);padding:10px 16px}
.tbl_frm01 tr:last-child th,.tbl_frm01 tr:last-child td{border-bottom:0}
.tbl_frm01 caption,.tbl_head01 caption{color:var(--ak-sub)}
h2.h2_frm{display:flex;align-items:center;gap:8px;margin:26px 0 10px;font-size:15.5px;font-weight:800;color:var(--ak-ink);letter-spacing:-.4px}
h2.h2_frm:before{content:"";width:4px;height:15px;border-radius:2px;background:var(--ak-accent)}

/* ── 입력칸 ── */
.frm_input,input[type=text].frm_input,input[type=password].frm_input,select,textarea{border:1px solid var(--ak-field);border-radius:8px;background-color:#fff;color:var(--ak-ink)}
.frm_input{height:36px;line-height:normal;padding:0 10px}
select{height:36px;padding:0 8px}
textarea{padding:8px 10px;line-height:1.6}
.frm_input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ak-ink);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.frm_input.readonly,.frm_input[readonly]{background:var(--ak-soft)}
.tbl_head01 tbody td .frm_input,.tbl_head01 tbody td select{height:32px}
input[type=checkbox],input[type=radio]{accent-color:var(--ak-ink)}
.frm_info{color:var(--ak-mute)}

/* ── 버튼 ── */
.btn,.btn_submit,.btn_01,.btn_02,.btn_03,.btn_frmline,a.btn_01,a.btn_02,a.btn_03{border-radius:8px;font-weight:700;letter-spacing:-.2px}
.btn_submit,.btn_01,a.btn_01{background:var(--ak-ink);color:#fff;border:1px solid var(--ak-ink)}
.btn_submit:hover,.btn_01:hover,a.btn_01:hover{background:#000}
.btn_02,a.btn_02{background:#fff;color:var(--ak-ink);border:1px solid var(--ak-field)}
.btn_02:hover,a.btn_02:hover{background:#fff;border-color:var(--ak-ink)}
.btn_03,a.btn_03{background:#F3F4F6;color:var(--ak-ink);border:1px solid #F3F4F6}
.btn_03:hover,a.btn_03:hover{background:#E5E7EB}
.btn_frmline,a.btn_frmline,button.btn_frmline{background:#374151;border-radius:8px}
.btn_frmline:hover{background:#111827}
.btn_fixed_top{display:flex;align-items:center;gap:8px;top:57px;right:16px}
.btn_fixed_top > *{float:none !important;margin:0 !important}
.btn_fixed_top .btn,.btn_fixed_top .btn_submit,.btn_fixed_top input[type=submit],.btn_fixed_top a{height:36px;line-height:34px;padding:0 16px;font-size:13px;box-sizing:border-box}
.btn_list01,.btn_list02,.btn_list03,.btn_confirm{display:flex;flex-wrap:wrap;gap:6px}
.tbl_head01 .btn_03,.tbl_head01 .btn_02,.tbl_head01 .btn_01{height:28px;line-height:26px;padding:0 10px;font-size:12px}

/* ── 탭(환경설정 등) · 쪽 번호 ── */
.anchor{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 12px}
.anchor li{margin:0;float:none}
.anchor a{height:32px;line-height:32px;padding:0 12px;border:1px solid var(--ak-line);border-radius:999px;background:#fff;color:#374151;font-size:12.5px;font-weight:600}
.anchor a:hover{border-color:var(--ak-ink)}
.anchor .selected,.anchor a.selected{background:var(--ak-ink);border-color:var(--ak-ink);color:#fff}
.pg_wrap{margin:18px 0}
.pg a,.pg strong,.pg_page,.pg_current{min-width:32px;height:32px;line-height:32px;border-radius:8px;border:1px solid var(--ak-line);background:#fff;color:#374151;font-weight:600}
.pg_current,.pg strong{background:var(--ak-ink);border-color:var(--ak-ink);color:#fff}

/* ── 맨 위로 ── */
.scroll_top{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--ak-line);box-shadow:0 4px 14px rgba(17,24,39,.08);right:16px;bottom:16px;color:var(--ak-ink);font-size:11px;font-weight:700}

/* ===== 태블릿: 메뉴 판 접기 (아이콘만, 올리면 펼침) ===== */
@media (max-width:1100px){
  #logo{width:50px;padding:0}
  #logo a{display:none}
  #container,#container.container-small{padding-left:50px}
  #container_title,#container.container-small #container_title{padding-left:70px}
  #gnb .gnb_oparea,#gnb .on .gnb_oparea{display:none}
  #gnb .gnb_li:hover .gnb_oparea{display:block;box-shadow:12px 0 30px rgba(0,0,0,.25)}
}

/* ===== 휴대폰: 햄버거로 여닫는 메뉴 · 표 옆으로 밀기 · 위 버튼은 아래 고정 바 ===== */
@media (max-width:768px){
  body{font-size:14px}
  #hd_top{height:52px}
  #btn_gnb,#btn_gnb.btn_gnb_open{width:52px;height:52px}
  #logo{display:none}
  #tnb{padding:11px 10px}
  #tnb .tnb_community,#tnb .tnb_service{display:none}
  #gnb{display:none;padding-top:52px;max-width:none;width:100%;background:rgba(0,0,0,.45)}
  body.ak-nav-open #gnb{display:block}
  body.ak-nav-open{overflow:hidden}
  #gnb .gnb_ul{width:56px;height:100%}
  #gnb .gnb_li button,#gnb .gnb_li .btn_op{width:56px;height:52px}
  #gnb .gnb_oparea,#gnb .on .gnb_oparea{left:56px;width:min(250px,calc(100vw - 96px));overflow-y:auto}
  #gnb .gnb_li:not(.on) .gnb_oparea{display:none}
  #gnb .gnb_li.on .gnb_oparea{display:block}
  #gnb .gnb_oparea li a{padding:12px 12px;font-size:14.5px}
  #container,#container.container-small{padding:0;margin-top:104px}
  #container_title,#container.container-small #container_title{top:52px;padding:0 16px;font-size:17px;line-height:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .container_wr{padding:14px 12px 96px}
  .btn_fixed_top{top:auto;bottom:0;left:0;right:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--ak-line);box-shadow:0 -4px 16px rgba(17,24,39,.06);justify-content:flex-end;z-index:900}
  .btn_fixed_top .btn,.btn_fixed_top .btn_submit,.btn_fixed_top input[type=submit],.btn_fixed_top a{height:42px;line-height:40px;flex:1;text-align:center;padding:0 10px}
  .scroll_top{bottom:78px}
  .tbl_head01 table{min-width:720px}
  .tbl_frm01 table,.tbl_frm01 tbody,.tbl_frm01 tr{display:block;width:100%}
  .tbl_frm01 colgroup{display:none}
  .tbl_frm01 th,.tbl_frm01 td{display:block;width:auto !important;box-sizing:border-box}
  .tbl_frm01 th{padding:12px 14px 6px;border-bottom:0;background:#fff;font-size:13px;color:var(--ak-sub)}
  .tbl_frm01 td{padding:0 14px 12px}
  .tbl_frm01 td .frm_input,.tbl_frm01 td select,.tbl_frm01 td textarea{max-width:100%}
  .tbl_frm01 td input[size]{width:100%}
  .local_desc01,.local_desc02,.local_desc{padding:12px 14px;font-size:13px}
  .anchor{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .anchor a{white-space:nowrap}
}
body.ak-nav-open .scroll_top{display:none}
/* 고정 폭 화면 (테마 목록 1000px · 부가서비스 965px · 회원 엑셀 칸) */
#theme_list{width:auto;display:flex;flex-wrap:wrap;gap:12px}
#theme_list li{margin:0;float:none}
#theme_list li .tmli_if{width:auto;max-width:302px;border-radius:10px;overflow:hidden;border-color:var(--ak-line)}
#theme_list li .tmli_if>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.service_wrap{width:auto;max-width:965px}
@media (max-width:768px){fieldset{min-width:0;max-width:100%}.service_wrap img{max-width:100%;height:auto}}
@media (max-width:768px){.member_list_data .sch_row{flex-wrap:wrap;align-items:flex-start}.member_list_data .label{min-width:0;width:100%}.member_list_data .field{min-width:0;width:100%}.member_list_data .field > *{min-width:0;max-width:100%}.ad_range_wrap{padding-left:0}}

/* ===== 42차: 화면별 다듬기 ===== */
/* 목록 표 — 좁은 칸에서 '정상'·'수정'·전화번호·날짜가 한 글자씩 꺾이던 것: 짧은 칸은 한 줄로, 넘치면 표가 옆으로 밀림 */
.tbl_head01 thead th,.tbl_head01 tbody td{padding:9px 8px;font-size:13px}
.tbl_head01 tbody td{white-space:nowrap}
.tbl_head01 tbody td.td_left,.tbl_head01 tbody td.td_subject,.tbl_head01 tbody td.td_name,.tbl_head01 tbody td .sit_name,.tbl_head01 tbody td textarea{white-space:normal}
.tbl_head01 tbody td label{white-space:nowrap}
.tbl_head01 tbody td select{min-width:72px}
.tbl_head01 tbody td.td_mng a,.tbl_head01 tbody td.td_mng .btn{display:inline-block;margin:2px 1px}
.tbl_head01 thead th a{text-decoration:none}
.tbl_head01 thead th a:hover{color:var(--ak-ink);text-decoration:underline}
/* 주문 상세: 오른쪽 위 '미수금' 글자가 카드 끝에 붙던 것 */
.sodr_nonpay{display:block;padding:12px 16px 0;text-align:right}
/* 주문 상태 변경 버튼 줄 */
.local_cmd01{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0}
.local_cmd01 strong{margin-right:4px}
.local_cmd01 .btn_frmline,.local_cmd01 input[type=submit],.local_cmd01 .btn_02{height:30px;line-height:28px;padding:0 12px;font-size:12.5px}
@media (max-width:768px){
  .local_sch03 input[name=fr_date],.local_sch03 input[name=to_date],.local_sch03 #fr_date,.local_sch03 #to_date{width:calc(50% - 14px)}
  .local_sch03 strong{display:block;width:100%;margin-bottom:2px}
  .local_sch03 > div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
}
.ak-st{display:inline-block;height:24px;line-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700}
.ak-st-wait{background:#FFF7ED;color:#C2410C}
.ak-st-paid{background:#EEF2FF;color:#4338CA}
.ak-st-ship{background:#ECFDF5;color:#047857}
.ak-st-done{background:#F3F4F6;color:#4B5563}
.ak-st-off{background:#FEF2F2;color:#B91C1C}
/* 43차: 요약 줄 알약(전체목록·건수)이 화면마다 회청색으로 남던 것 — 클래스 기준으로 통일 */
.local_ov{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
a.ov_listall,a.btn_ov02{display:inline-flex;align-items:center;height:30px;line-height:30px;padding:0 12px;border-radius:999px;background:var(--ak-ink);color:#fff;font-size:12.5px;font-weight:700}
a.ov_listall:hover,a.btn_ov02:hover{background:#000}
.btn_ov01{display:inline-flex;align-items:center;height:30px;border:1px solid var(--ak-line);border-radius:999px;background:#fff;overflow:hidden}
.btn_ov01 .ov_txt,.btn_ov01 .ov_num{float:none;height:28px;line-height:28px;padding:0 10px;background:#fff;color:var(--ak-sub);border-radius:0;font-size:12.5px}
.btn_ov01 .ov_num{padding-left:0;color:var(--ak-ink);font-weight:700}
/* Browscap·접속로그 변환 '업데이트' 큰 분홍 버튼 */
#processing{border:1px solid var(--ak-line);border-radius:10px;background:#fff}
#processing button{background:var(--ak-ink);border-radius:8px}
#processing button:hover{background:#000}
/* SMS 이모티콘 미리보기 판 (영카트 원래 어두운 판) — 비었을 때 빈 검은 띠 대신 안내 */
#sms5_preset{border-radius:10px;background:#1F2329}
#sms5_preset:not(:has(li)){padding:28px 20px;background:#fff;border:1px solid var(--ak-line)}
#sms5_preset:not(:has(li)):before{content:"등록된 이모티콘이 없습니다.";display:block;text-align:center;color:var(--ak-mute);font-size:13.5px}
/* 아래 고정 바에 버튼이 많을 때(휴대폰번호 관리 7개 등) 옆으로 밀어 보기 */
@media (max-width:768px){
  .btn_fixed_top{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .btn_fixed_top .btn,.btn_fixed_top .btn_submit,.btn_fixed_top input[type=submit],.btn_fixed_top a{flex:1 0 auto;white-space:nowrap}
}
#ft p{line-height:1.6;padding:16px 0}

/* 10/19 전수검수: 320px 에서 영카트 상품 수정의 긴 select(상품정보 고시 등)가 화면을 넘던 것 · 회원 수정 문자 반응 줄 버튼 밑줄 */
select{max-width:100%}
.pk-mf-track a.btn{text-decoration:none}

/* 10/19 정렬 점검(관리자 공통) */
/* 상품 수정 기본정보 표: 두 번째 칸 내용이 넓으면 머리글 칸이 57px·분류적용 칸이 45px 로 눌려 '전화/문의'처럼 접히고 줄 높이가 250px 이 되던 것 */
@media (min-width:769px){
  .tbl_frm01 th[scope=row]{min-width:120px}
  .tbl_frm01 td.td_grpset{min-width:150px;white-space:nowrap}
}
/* 파일 선택: 브라우저 기본 회색 버튼 → 다른 버튼과 같은 모양 */
input[type=file]{max-width:100%;font-size:13px;color:var(--ak-mute)}
input[type=file]::file-selector-button{height:34px;padding:0 14px;margin-right:10px;border:1px solid var(--ak-field);border-radius:8px;background:#fff;color:var(--ak-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
input[type=file]::file-selector-button:hover{border-color:var(--ak-ink)}
/* 체크박스·라디오 + 글자 묶음(pk-skin.js 가 감쌈): 줄바꿈으로 떨어지지 않게 */
.pk-ck{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;vertical-align:middle;margin-right:10px}
.pk-ck > input{margin:0}
.pk-ck > label{margin:0}
/* 스마트에디터 틀이 처음 그릴 때 폭(1301px)으로 굳어 표 전체를 밀던 것 → 칸 폭에 맞춤 */
.tbl_frm01 td iframe, .tbl_frm01 td .cke_sc{max-width:100%}
.tbl_frm01 td iframe[src*="smarteditor"], .tbl_frm01 td iframe[id*="_iframe"]{width:100% !important}
/* 영카트가 입력칸을 size="95"(약 1118px)로 만들어 표 두 번째 열이 줄지 않고 머리글 열을 눌러 버리던 것 → 칸 폭 안에서만 */
.tbl_frm01 td input.frm_input[size], .tbl_frm01 td select{max-width:100%;box-sizing:border-box}
.tbl_frm01 td input.frm_input[size="95"], .tbl_frm01 td input.frm_input[size="90"], .tbl_frm01 td input.frm_input[size="80"], .tbl_frm01 td input.frm_input[size="70"], .tbl_frm01 td input.frm_input[size="60"], .tbl_frm01 td input.frm_input[size="100"]{width:100%}
/* 목록 '관리' 칸·주문서 상태 변경 버튼: 영카트 원래 CSS(.td_mng a, .btn_list .btn_02 {border:0})가 테두리를 지워 맨 글자처럼 보이던 것 */
.td_mng a.btn_02, .btn_list .btn_02, .btn_list input.btn_02{border:1px solid var(--ak-field) !important;background:#fff}
.td_mng a.btn_02:hover, .btn_list .btn_02:hover{border-color:var(--ak-ink) !important}
.btn_list input.btn_02{height:30px;padding:0 12px;font-size:12.5px;cursor:pointer}
/* 건수 알약: 안쪽 글자마다 테두리가 또 그려져 칸막이처럼 보이던 것 */
.btn_ov01 .ov_txt, .btn_ov01 .ov_num{border:0 !important}
.btn_ov01 .ov_num{padding-right:12px}
/* 영카트 '필수' 표시 그림(wrest.gif)이 둥근 입력칸 오른쪽 위 모서리에 꺾쇠처럼 걸리던 것 — 필수는 머리글 '필수' 표시로 충분 */
#container input.required, #container textarea.required, #container select.required{background-image:none !important}
/* 10/20 글자·줄간격 기준(한글 본문 최소 12px, 여러 줄 1.5 이상) */
.frm_info, .sch_notice, .local_desc01 p, #container .tbl_frm01 td p{line-height:1.55}
form.member_list_data, form.member_list_data label, form.member_list_data button, form.member_list_data .sch_notice, form.member_list_data b{font-size:13px}
form.member_list_data .sch_notice{font-size:12px}
/* 10/20 1px 점검: 작은 버튼·더보기 글자 세로 치우침(1.5~2.5px) — 줄 높이 대신 가운데 정렬 */
a.btn_frmline, button.btn_frmline, .btn_cke_sc{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}
.btn_list03 a{display:inline-flex;align-items:center;justify-content:center;line-height:1;height:32px;padding:0 14px;border:1px solid var(--ak-field);border-radius:8px;background:#fff !important;color:var(--ak-ink) !important;font-size:12.5px;font-weight:700}
.btn_list03 a:hover{border-color:var(--ak-ink)}
/* 10/20 쇼핑몰 관리 첫 화면 1:1문의·상품문의·사용후기 세 칸: float 로 높이가 28px 씩 달라 들쭉날쭉하던 것 → 같은 높이, '더보기'는 맨 아래 */
@media (min-width:769px){
  .sidx_cs{display:flex;gap:2%;align-items:stretch}
  .sidx_cs section{float:none;width:auto;flex:1 1 0;min-width:0;margin:0;display:flex;flex-direction:column}
  .sidx_cs section .btn_list{margin-top:auto !important;padding-top:20px}
}
/* 10/20 상품 유형(히트·추천·신상품·할인) 아이콘이 글자보다 1.4px 아래 → 세로 가운데 */
label[for^="it_type"] img{vertical-align:middle;position:relative;top:-1px}
