/* 타이틀 */
ul, ol, figure { margin: 0; padding: 0; }
/* 페이지 설정 - 페이지 타이틀 */
h2.page-title { font-size: 24px; }
/* 페이지 설정 - 상세페이지 내의 section에 대한 title */
h6.section-title { font-size: 16px; font-weight: 700; color: #3E50B4; }
h6.section-title::before { content: '⊙'; display: inline-block; width: 15px; height: 15px; margin-right: 5px; }
label { display: flex; justify-content: center; align-items: center; }
label:hover { cursor: pointer; }
.form-control { display: inline-block !important; width: auto !important; min-width: 120px; }
select, input[type="text"] { border: 1px solid #e9ecef; }
/* 공통 검색필터 */
.filter-container { padding: 20px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; color: #333; font-size: 1em; }
.filter-container>div { margin-top: 14px; }
.filter-container>div:first-child { margin-top: 0; }
.filter-title { display: inline-block; width: 120px; font-weight: 600; color: #3E50B4; }
.filter-content { display: inline-block; width: calc(100% - 130px); }
.filter-content label { margin-right: 8px; cursor: pointer; }
ul.filter-term { display: inline-block; }
ul.filter-term li { display: inline-block; width: 52px; border: 1px solid #3E50B4; padding: 2px 4px; text-align: center; cursor: pointer; font-size: 0.9em; margin-right: -5px; }
ul.filter-term li.active { background-color: #3E50B4; color: #fff; }
/* 공통 리스트테이블 Summary */
.table-summary { margin-top: 20px; color: #666; }
/* 공통 리스트테이블 */
div.comm-list-tbl-container { width: 100%; margin-top: 4px; overflow-x: scroll; }
table.comm-list-tbl { display: block; width: auto; font-size: 0.9em; border-collapse: collapse; border-spacing: 0; }
table.comm-list-tbl th, table.comm-list-tbl td { padding: 6px 10px; color: #333; outline: 0.5px solid #ddd; }
table.comm-list-tbl th { text-align: center; border: 1px solid #ddd; background: #eee; }
table.comm-list-tbl td { text-align: center; border: 1px solid #ddd; color: #333; background: #fff }
img.prd-thumb { width: 40px; height: 40px; object-fit: cover; display: block; margin: 0 auto; }
/* detail table css(상세페이지) */
table.table-detail { border-collapse: collapse; border: 1px solid #D6D6D6; font-size: 14px; }
table.table-detail th { height: 44px; min-width: 70px; background-color: #F3F3F3; border: 1px solid #D6D6D6; font-weight: 500; padding: 10px; }
table.table-detail th.required::before { content: '*'; display: inline-block; margin-left: 3px; font-size: 15px; color: #E12222; }
table.table-detail td { height: 44px; padding-left: 20px; background-color: #FFF; border: 1px solid #D6D6D6; text-align: left; padding: 10px; }
/* detail-sub table css(상세페이지의 테이블 내 sub 테이블) */
table.table-detail-sub { margin: 10px 0; background-color: #ECECEC; border-collapse: collapse; font-size: 13px; }
table.table-detail-sub th, table.table-detail-sub td { height: 44px; padding: 4px 10px; margin: 0; border: 1px solid #D6D6D6; }
table.table-detail-sub th { background-color: #F6F6F6; font-weight: 500; }
table.table-detail-sub th.required::before { content: '*'; display: inline-block; margin-left: 3px; font-size: 15px; color: #E12222; }
table.table-detail-sub td { background-color: #FFF; text-align: center; align-items: center; }
/* pagination 관련 */
div.pagination { display: flex; align-items: center; justify-content: center; margin-top: 20px; color: #ABABAB; }
div.pagination button.page-button { padding: 0; width: 32px; height: 32px; border: 0px; background: #fff; color: #ABABAB; font-size: 14px; line-height: 14px; font-weight: 600; cursor: pointer; border-top: 1px solid #5B76E2; border-bottom: 1px solid #5B76E2; border-right: 1px solid #5B76E2; }
div.pagination button.page-button:first-child { border-left: 1px solid #5B76E2; }
div.pagination button:disabled { cursor: not-allowed; }
div.pagination button.active-page { color: #5B76E2; font-weight: 650; opacity: 1 !important; cursor: not-allowed; }
/* 공통 select 설정 */
select.common-select { min-width: 100px; height: 34px; border: 1px solid #D6D6D6; border-radius: 4px; font-size: 14px; padding: 0 14px; }
select.common-select-sub { min-width: 100px; height: 24px; border: 1px solid #D6D6D6; border-radius: 2px; font-size: 12px; padding: 0 6px; }
/* 공통 input 설정 */
input.common-input { min-width: 100px; height: 34px; padding: 0 14px; border: 1px solid #D6D6D6; border-radius: 4px; vertical-align: middle; color: #333; }
input.common-input::placeholder { color: #ccc; }
input.common-input-date { width: 110px; height: 34px; padding: 0 14px; border: 1px solid #D6D6D6; border-radius: 4px; vertical-align: middle; color: #333; }
input.common-input[type=radio] { min-width: 16px !important; width: 16px; height: 16px; margin-right: 4px; cursor: pointer; }
input.common-input[type=checkbox] { min-width: 16px !important; width: 16px; height: 16px; margin-right: 4px; cursor: pointer; }
textarea.common-textarea { padding: 10px 14px; border: 1px solid #D6D6D6; border-radius: 4px; color: #333; }
input.common-input-sub { height: 24px; padding: 0 6px; border: 1px solid #D6D6D6; border-radius: 2px; vertical-align: middle; font-size: 12px; color: #333; }
input.common-input:read-only, input.common-input-date:read-only, input.common-input-sub:read-only, textarea.common-textarea:read-only { background-color: #f5fcff; }
/* input 입력칸 옆 단위(원, 개) */
span.unit { margin-left: 4px; }
img.product-image { display: inline-block; max-width: 50%; margin-right: 10px; margin-top: 10px; cursor: pointer; }
/* 상품 배송/교환/반품 정보 내 html */
table#prdGuideTmpl img { max-width: 100%; }