@charset "utf-8";
/* BIZLAB 상담 작성 화면과 같은 브랜드 토큰을 사용하는 QA 전용 목록. */
html:has(.bz-qa-index),body:has(.bz-qa-index){height:auto!important;min-height:100%;overflow-x:clip!important;overflow-y:visible!important}
body:has(.bz-qa-index){background:#f6f8fb}
body:has(.bz-qa-index) #wrapper,body:has(.bz-qa-index) #container_wr,body:has(.bz-qa-index) #container{width:100%!important;max-width:none!important;min-width:0;margin:0!important;padding:0!important;float:none}
body:has(.bz-qa-index) #container_title{display:none}
.bz-qa-index,#bo_list.bz-qa-board{font-family:Pretendard,"Apple SD Gothic Neo",sans-serif;font-size:15px;line-height:1.65;letter-spacing:-.025em;color:#101828}
.bz-qa-index{max-width:1240px;margin:0 auto;padding:64px 40px 72px}
.bz-qa-index *,#bo_list.bz-qa-board *{box-sizing:border-box}
.bz-qa-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;margin-bottom:48px}
.bz-qa-eyebrow{margin:0 0 16px;font-size:11px;font-weight:750;letter-spacing:.14em;color:#0866ff}
.bz-qa-hero h1{font-size:42px;font-weight:800;letter-spacing:-.055em;line-height:1.35;margin:0 0 18px;word-break:keep-all}
.bz-qa-hero h1 em{font-style:normal;color:#0866ff}
.bz-qa-lead{font-size:15px;line-height:1.85;color:#526074;margin:0}
.bz-qa-hero-aside{border-left:1px solid #dce2eb;padding-left:46px}
.bz-qa-hero-aside>p{font-size:12px;color:#526074;margin:0 0 10px}
.bz-qa-hero-aside>strong{display:block;font-size:23px;line-height:1.5;letter-spacing:-.045em;margin-bottom:12px}
.bz-qa-hero-aside>span{display:block;font-size:13px;color:#667085;line-height:1.85;margin-bottom:22px}
.bz-qa-primary,#bo_list.bz-qa-board .bz-qa-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:11px 20px;border-radius:7px;background:#0866ff;color:#fff;font-size:13px;font-weight:700;text-decoration:none;line-height:1.5;white-space:nowrap}
.bz-qa-primary:hover,#bo_list.bz-qa-board .bz-qa-primary:hover{background:#0056df;color:#fff}
#bo_list.bz-qa-board{width:100%;margin:0;background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:30px 32px;box-shadow:0 10px 35px #182d4f03}
.bz-qa-board-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.bz-qa-board-head h2{font-size:22px;font-weight:750;letter-spacing:-.04em;line-height:1.4;margin:0 0 6px}
.bz-qa-board-head h2>span{font-size:17px;color:#0866ff;margin-left:7px}
.bz-qa-board-head p{font-size:13px;color:#667085;margin:0}
#bo_list .bz-qa-all{font-size:12px;color:#526074;white-space:nowrap;text-decoration:none}
.bz-qa-all span{margin-left:8px}
#bo_list .bz-qa-search{display:grid;grid-template-columns:140px 1fr 80px;gap:10px;padding:16px;background:#f6f8fb;border-radius:8px;margin-bottom:26px}
#bo_list .bz-qa-search select,#bo_list .bz-qa-search input{width:100%;min-width:0;height:44px;border:1px solid #dce2eb;background:#fff;border-radius:6px;color:#344054;padding:0 13px;font:inherit;font-size:13px;box-shadow:none}
#bo_list .bz-qa-search input::placeholder{color:#667085;opacity:1}
#bo_list .bz-qa-search button{height:44px;border:1px solid #dce2eb;border-radius:6px;background:#fff;color:#344054;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
#bo_list .bz-qa-search button:hover{border-color:#0866ff;color:#0866ff}
#bo_list.bz-qa-board .tbl_wrap{margin:0;overflow:visible}
#bo_list.bz-qa-board table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;margin:0;border:0}
#bo_list.bz-qa-board thead th{height:44px;padding:10px;background:#fff;border-top:0;border-bottom:1px solid #e5eaf1;color:#667085;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0}
#bo_list.bz-qa-board th a{color:inherit}
#bo_list.bz-qa-board tbody tr{border-left:0}
#bo_list.bz-qa-board tbody td{padding:21px 10px;border:0;border-bottom:1px solid #edf0f4;background:#fff;line-height:1.6;color:#667085;font-size:13px;overflow-wrap:anywhere}
#bo_list.bz-qa-board tbody tr:hover:not(:has(.empty_table)) td{background:#f8faff}
#bo_list.bz-qa-board .bz-qa-number{width:64px}
#bo_list.bz-qa-board .bz-qa-author{width:100px}
#bo_list.bz-qa-board .bz-qa-hits{width:72px}
#bo_list.bz-qa-board .bz-qa-date{width:95px}
#bo_list.bz-qa-board .td_name{text-align:center}
#bo_list.bz-qa-board .td_subject{padding-left:16px!important;padding-right:20px}
#bo_list.bz-qa-board .bo_tit{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#101828;font-weight:600;font-size:15px}
#bo_list.bz-qa-board .bo_tit>a{color:#101828;line-height:1.7;overflow-wrap:anywhere;white-space:normal;min-width:0}
#bo_list.bz-qa-board .bo_tit>a:hover{color:#0866ff}
#bo_list.bz-qa-board .bo_cate_link{font-size:11px;color:#0866ff;background:#edf4ff;padding:2px 7px;border-radius:4px;float:none;margin:0 0 5px;display:inline-block}
#bo_list.bz-qa-board .bo_notice td{background:#f5f8ff}
#bo_list.bz-qa-board .notice_icon{background:#eaf2ff;color:#0759de;border-radius:4px;padding:4px 7px}
#bo_list.bz-qa-board .new_icon{background:#edf4ff;color:#0759de}
#bo_list.bz-qa-board .empty_table{padding:0;height:auto;text-align:center}
.bz-qa-empty{padding:42px 16px 44px}
.bz-qa-empty-mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#edf4ff;border-radius:14px;color:#0866ff;font-size:26px;font-weight:650;margin:0 auto 18px}
.bz-qa-empty h3{font-size:18px;letter-spacing:-.035em;color:#344054;margin:0 0 9px;font-weight:700}
.bz-qa-empty p{font-size:13px;color:#667085;line-height:1.85;margin:0 0 19px;word-break:keep-all}
#bo_list .bz-qa-text-link{font-size:13px;font-weight:650;color:#0759de;text-decoration:none}
.bz-qa-text-link span{margin-left:8px}
.bz-qa-board-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.bz-qa-board-foot p{font-size:12px;color:#667085;margin:0}
.bz-qa-contact{display:flex;align-items:center;justify-content:space-between;margin:26px 4px 0;gap:20px}
.bz-qa-contact strong{font-size:14px;font-weight:600;color:#526074}
.bz-qa-contact p{font-size:12px;color:#667085;margin:4px 0 0}
.bz-qa-contact a{font-size:22px;font-weight:750;letter-spacing:-.035em;color:#344054;text-decoration:none;white-space:nowrap}
.bz-qa-contact a span{font-size:18px;color:#0866ff;margin-left:12px}
#bo_list.bz-qa-board .pg_wrap{float:none;clear:both;display:block;text-align:center;margin:26px 0 0}
#bo_list.bz-qa-board .pg_page,#bo_list.bz-qa-board .pg_current{border-radius:5px;min-width:36px;height:36px;line-height:34px;margin:2px;border:1px solid #dce2eb;color:#526074;background-color:#fff;font-size:13px}
#bo_list.bz-qa-board .pg_current{background:#0866ff;border-color:#0866ff;color:#fff}
.bz-qa-mobile-label{display:none}
.bz-qa-admin{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.bz-qa-admin a,.bz-qa-admin button{font:inherit;font-size:12px;color:#526074;background:#f6f8fb;border:1px solid #dce2eb;border-radius:4px;padding:7px 10px;cursor:pointer}
#bo_list.bz-qa-board .selec_chk{position:static;width:17px;height:17px;opacity:1;z-index:auto;accent-color:#0866ff}
#bo_list.bz-qa-board .chk_box input+label span{display:none}
#bo_list.bz-qa-board .all_chk{width:36px}
.bz-qa-index :is(a,button,input,select):focus-visible,#bo_list.bz-qa-board :is(a,button,input,select):focus-visible{outline:3px solid #0866ff60;outline-offset:3px}
@media(max-width:800px){.bz-qa-index{padding:38px 24px 48px}.bz-qa-hero{gap:30px;margin-bottom:32px}.bz-qa-hero h1{font-size:32px}.bz-qa-hero-aside{padding-left:25px}.bz-qa-hero-aside>strong{font-size:20px}.bz-qa-lead{font-size:14px}#bo_list.bz-qa-board{padding:24px}.bz-qa-hero-aside>span{font-size:12px}}
@media(max-width:640px){.bz-qa-index{padding:30px 16px 40px}.bz-qa-hero{grid-template-columns:1fr;gap:22px}.bz-qa-hero h1{font-size:30px}.bz-qa-eyebrow{font-size:10px}.bz-qa-hero-aside{border:0;padding:0}.bz-qa-hero-aside>p,.bz-qa-hero-aside>strong,.bz-qa-hero-aside>span{display:none}.bz-qa-hero-aside .bz-qa-primary{width:100%}#bo_list.bz-qa-board{padding:24px 18px;border-radius:12px}.bz-qa-board-head{gap:10px;align-items:flex-start}.bz-qa-board-head h2{font-size:20px}.bz-qa-board-head p{font-size:12px;max-width:220px}.bz-qa-board-head .bz-qa-all{font-size:11px;margin-top:4px}#bo_list .bz-qa-search{grid-template-columns:1fr 66px;gap:8px;padding:12px;margin-bottom:18px}#bo_list .bz-qa-search select{grid-column:1/-1}#bo_list .bz-qa-search input,#bo_list .bz-qa-search select{font-size:16px;padding:0 10px}#bo_list .bz-qa-search input::placeholder{font-size:13px}#bo_list.bz-qa-board table,#bo_list.bz-qa-board tbody{display:block;width:100%}#bo_list.bz-qa-board thead{display:none}#bo_list.bz-qa-board tbody tr{display:flex;flex-wrap:wrap;gap:8px 14px;padding:20px 0;border-bottom:1px solid #edf0f4}#bo_list.bz-qa-board tbody td{display:block;border:0;padding:0!important;width:auto!important;font-size:12px}#bo_list.bz-qa-board .td_num2{display:none}#bo_list.bz-qa-board .td_subject{width:100%!important;order:-1}#bo_list.bz-qa-board .bo_tit{font-size:15px}#bo_list.bz-qa-board .td_datetime{margin-left:auto}.bz-qa-mobile-label{display:inline;color:#667085;font-size:11px}#bo_list.bz-qa-board .empty_table{width:100%!important}#bo_list.bz-qa-board tr:has(.empty_table){padding:0}.bz-qa-empty{padding:30px 0 34px}.bz-qa-empty h3{font-size:17px}.bz-qa-board-foot{gap:12px}.bz-qa-board-foot p{font-size:11px}#bo_list.bz-qa-board .bz-qa-primary{padding:11px 14px;gap:14px;font-size:12px}.bz-qa-contact{align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}.bz-qa-contact a{font-size:21px}#bo_list.bz-qa-board .bo_notice .td_num2{display:block;order:-2}#bo_list.bz-qa-board .td_chk{order:-3}}
/* 기본 게시판의 공지 배경과 셀 고정 높이를 전용 목록에 맞게 재정의. */
#bo_list.bz-qa-board .empty_table{padding:0!important}
#bo_list.bz-qa-board .bo_notice td{background:#f5f8ff!important}
@media(max-width:640px){#bo_list.bz-qa-board tbody td{height:auto;min-height:0}#bo_list.bz-qa-board .td_subject{padding-left:0!important}#bo_list.bz-qa-board .bo_notice{background:#f5f8ff;padding:18px 12px}#bo_list.bz-qa-board .bo_notice td{background:transparent!important}}
#bo_list.bz-qa-board table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
