.cm_no_conts .no_icon {
	width: 42px !important;
	height: 42px !important;
	margin: 0 auto 10px !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* itsue css */
/* --- 모던 페이지네이션 스타일 --- */
.md-page-wrap { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px; 
    font-family: 'Pretendard', -apple-system, sans-serif; 
    margin: 10px 0; 
}
.md-page-btn { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    min-width: 36px; 
    height: 36px; 
    padding: 0 10px; 
    border-radius: 8px; 
    font-size: 14px; 
    font-weight: 600; 
    color: #475569; 
    background-color: #ffffff; 
    border: 1px solid #e2e8f0; 
    text-decoration: none; 
    transition: all 0.2s ease; 
    box-sizing: border-box; 
}
.md-page-btn:hover:not(.is-disabled):not(.is-active) { 
    background-color: #f8fafc; 
    color: #0f172a; 
    border-color: #cbd5e1; 
    transform: translateY(-1px); 
}
.md-page-btn.is-active { 
    background-color: #0f172a; 
    color: #ffffff; 
    border-color: #0f172a; 
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.15); 
    cursor: default; 
}
.md-page-btn.is-disabled { 
    color: #cbd5e1; 
    background-color: #f8fafc; 
    border-color: #e2e8f0; 
    cursor: not-allowed; 
}
.md-page-icon { 
    width: 18px; 
    height: 18px; 
    stroke: currentColor; 
}



.its_qrcate_skin_link .its_qrcate_btn {position:relative; padding-top:8px; box-sizing:border-box;}
.its_qrcate_skin_link .its_qrcate_icon {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.its_qrcate_skin_link .its_qrcate_icon img {height:22px;}
/*.its_qrcate_skin_link .scan {position:absolute; left:0; top:50%; width:100%; height:2px; background:#e10000; transform:translateY(-50%); border:2px solid #fff; margin-left:-2px;}*/
.its_qrcate_skin_link .its_qrcate_scan {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:2px;
	background:#e10000;
	transform:translateY(-50%);
	border:0;
	margin-left:0;
}

.its_qrcate_skin_link .its_qrcate_scan {animation:mv_header_scan 4s infinite; -webkit-animation:mv_header_scan 4s infinite; animation-delay:1s; -webkit-animation-delay:1s;}
.its_qrcate_skin_link .its_qrcate_cart_num {position:absolute; right:-10px; top:-5px; font-size:12px; font-weight:800; color:#fff; background:#0044ff; width:20px; height:20px; border-radius:100px;}
.its_qrcate_skin_link .its_qrcate_cart_num {display: flex; flex-direction: row; justify-content: center; align-items: center; white-space:nowrap;}
.its_qrcate_skin_link .its_qrcate_this_search {display:none;}


/* 상하단 :: 헤더 > 탑메뉴(QR코드 모션) ==================== */
@-webkit-keyframes mv_header_scan {
	0% {top:50%; }
	30% {top:0; transform:translateY(0);}
	90% {top:100%; transform:translateY(-3px);}
	100% {top:50%; transform:translateY(-50%);}
}
@keyframes mv_header_scan {
	0% {top:50%; }
	30% {top:0; transform:translateY(0);}
	90% {top:100%; transform:translateY(-3px);}
	100% {top:50%; transform:translateY(-50%);}
}

@media screen and (max-width:900px) {

.its_qrcate_skin_link .its_qrcate_btn {position:relative; padding:0px; box-sizing:border-box;}

}




/*.mypage_sub_group_title_round_box {border:1px solid #cfcfcf; padding:5px 15px;background:#fafafa; border-radius:13px;}*/

/* 옵션 2: 모던 스플릿 라인 스타일 */
.mypage_sub_group_title_round_box {
    width: 100%;
    /* 높이 최소화 */
    height: 30px; 
    box-sizing: border-box;
    
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    
    margin-bottom: 25px; /* 본문과의 간격 */
    
    /* 텍스트 스타일 */
    font-size: 16px;
    font-weight: 800; /* 폰트를 더 두껍게 강조 */
    color: #334155;
    flex-shrink: 0; /* 텍스트 영역이 줄어들지 않도록 설정 */
}

/* 텍스트 옆에 따라붙는 가로 라인 생성 */
.mypage_sub_group_title_round_box::after {
    content: '';
    flex-grow: 1; /* 남은 영역을 모두 차지 */
    height: 1px;
    background-color: #e2e8f0; /* 은은한 회색 라인 */
    margin-left: 20px; /* 텍스트와 라인 사이 간격 */
}





/* 요소들을 수직 가운데 정렬하는 컨테이너 */
.its-onair-container {
    display: inline-flex;
    align-items: center;
    gap: 6px; /* 도트와 텍스트 사이 간격 */
	margin:8px;
}

/* On-Air 깜빡이는 도트 */
.its-onair-dot {
    width: 7px;
    height: 7px;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
}

.its-onair-dot.is-active {
    background-color: #ff3b30; /* 레드 포인트 */
    box-shadow: 0 0 5px rgba(255, 59, 48, 0.6);
    animation: its-onair-blink 1.5s infinite;
}

@keyframes its-onair-blink {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

/* 텍스트 스타일 */
.its-onair-status-text {
    font-size: 11px;
    font-weight: 700;
    color: #666;
    letter-spacing: 0.5px;
    font-family: sans-serif;
    display: flex;
    align-items: center; /* 텍스트 내부 박스 수직 중앙 정렬 */
}

/* 아이디 둥근 박스 디자인 */
.its-onair-id-box {
    display: inline-block;
    padding: 2px 8px 3px 8px; /* 상하좌우 여백 */
    margin-right: 4px; /* '상점 접속중' 텍스트와의 간격 */
    background-color: #f1f3f5; /* 연한 회색 배경 */
    border: 1px solid #dcdcdc; /* 테두리 */
    border-radius: 12px; /* 둥근 모서리 */
    color: #2c3e50;
    cursor: pointer; /* 마우스 오버 시 손가락 모양 */
    transition: all 0.2s ease-in-out;
    font-size: 11px;
	font-weight:bold;

}

/* 박스에 마우스를 올렸을 때 효과 */
.its-onair-id-box:hover {
    background-color: #e2e6ea;
    border-color: #ced4da;
    color: #111;
}




	/* 1. 전체 래퍼 */
    .its-entry-wrapper {
        position: relative;
        display: inline-block;
        float: left;
        width: auto;
        min-width: 100px;
        list-style: none !important;
        margin: 0;
        padding: 0;
        z-index: 9999;
        box-sizing: border-box;
        vertical-align: middle;
    }

    /* 2. 메인 버튼 스타일 */
    .its-entry-btn {
        width: 100%;
        justify-content: flex-start; /* 좌측 정렬 */
        background-color: transparent;
        border: none;
        color: #333333;
        padding: 10px 12px;
        font-size: 14px;
        cursor: pointer;
        border-radius: 4px;
        display: flex;
        align-items: center;
        transition: all 0.3s ease;
        box-sizing: border-box;
        white-space: nowrap;
        outline: none;
    }

    /* 메인 앞 아이콘 */
    .its-prefix-icon {
        width: 16px;
        height: 16px;
        margin-right: 6px;
        fill: currentColor;
        margin-top: 2px;
    }

    /* 뒤 화살표 아이콘 (우측 끝 정렬) */
    .its-arrow-icon {
        width: 10px;
        height: auto;
        margin-left: auto; /* 우측 끝으로 밀기 */
        transition: transform 0.3s ease;
    }

    /* 마우스 오버 시 메인 버튼 효과 */
    .its-entry-wrapper:hover .its-entry-btn {
        font-weight: 600;

    }

    /* 마우스 오버 시 화살표 회전 */
    .its-entry-wrapper:hover .its-arrow-icon {
        transform: rotate(180deg);
    }

    /* 3. 드롭다운 박스 */
    .its-entry-dropdown {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 0;
        margin-left: -20px;
        background-color: #ffffff;
        box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        border: 1px solid #eeeeee;
        border-radius: 4px;
        padding: 2px 0;
        transition: all 0.3s ease;
        box-sizing: border-box;
        min-width: 140px; 
    }

    /* 4. 드롭다운 내부 링크 */
    .its-entry-dropdown a {
        display: flex;
        align-items: center;
        justify-content: center; /* 내부 텍스트 중앙 정렬 */
        padding: 4px 5px;
        color: #555555;
        text-decoration: none;
        font-size: 13px;
        text-align: center;
        white-space: nowrap;
        transition: background 0.2s;
    }

/* 드롭다운 내부 아이콘 (위치 미세 조정) */
.its-sub-icon {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    fill: currentColor;
    flex-shrink: 0;
    
    /* [수정됨] 아이콘 위치 내리기 */
    position: relative; 
    top: 2px;  /* 숫자를 키울수록 더 아래로 내려갑니다 (예: 1px, 2px, 3px...) */
}

    .its-entry-dropdown a:hover {
        background-color: #f5f5f5;
        color: #000000;
        font-weight: bold;
    }

    /* === [동작 구현] === */
    
    /* 기본: 마우스 오버 시 보임 */
    .its-entry-wrapper:hover .its-entry-dropdown {
        visibility: visible;
        opacity: 1;
    }

    /* [NEW] 강제로 닫았을 때 (클릭 시 적용됨) - 마우스 오버 무시하고 숨김 */
    .its-entry-wrapper.its-force-close .its-entry-dropdown {
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* [NEW] 강제로 닫았을 때 화살표도 원위치 */
    .its-entry-wrapper.its-force-close .its-arrow-icon {
        transform: rotate(0deg) !important;
    }






/* ✅ SVG 느낌 로고 텍스트 */
.its-logo-svg{
  display:inline-block;
  font-weight:200;
  font-size:26px;
  letter-spacing:-0.6px;
  line-height:1;

  /* 1) 채움: 벡터 느낌의 선명한 하이라이트 그라데이션 */
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #f5f7ff 18%,
    #e7ecff 40%,
    #ffffff 65%,
    #e9eefc 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;

  /* 2) 외곽선: SVG stroke 느낌 (지원 브라우저에서 최고로 또렷) */
  -webkit-text-stroke: 1.2px rgba(10, 25, 55, .75);

  /* 3) 외곽선 보강: text-stroke 미지원에서도 또렷하게 */
  text-shadow:
    /* 외곽선(8방향) */
    1px 0 0 rgba(10,25,55,.55),
   -1px 0 0 rgba(10,25,55,.55),
    0 1px 0 rgba(10,25,55,.55),
    0 -1px 0 rgba(10,25,55,.55),
    1px 1px 0 rgba(10,25,55,.45),
   -1px 1px 0 rgba(10,25,55,.45),
    1px -1px 0 rgba(10,25,55,.45),
   -1px -1px 0 rgba(10,25,55,.45),

    /* 깊이감(아주 얇게) */
    0 2px 6px rgba(0,0,0,.25);

  position:relative;
  transform:translateZ(0); /* 렌더링 선명도 개선 */
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* 4) 광택 하이라이트(벡터 느낌 업) */
.its-logo-svg::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.85) 45%,
    transparent 70%
  );
  opacity:.18;
  pointer-events:none;
  mix-blend-mode:screen;
}

/* ✅ 선택: hover 시 살짝 또렷/빛남 */
.top_logo:hover .its-logo-svg{
  -webkit-text-stroke-color: rgba(40, 120, 255, .85);
  text-shadow:
    1px 0 0 rgba(40,120,255,.55),
   -1px 0 0 rgba(40,120,255,.55),
    0 1px 0 rgba(40,120,255,.55),
    0 -1px 0 rgba(40,120,255,.55),
    1px 1px 0 rgba(40,120,255,.40),
   -1px 1px 0 rgba(40,120,255,.40),
    1px -1px 0 rgba(40,120,255,.40),
   -1px -1px 0 rgba(40,120,255,.40),
    0 6px 18px rgba(40,120,255,.22),
    0 2px 6px rgba(0,0,0,.22);
}



    /* --- Main Product Section --- */
    .its-main-list-wrap {
        position: relative;
        padding: 60px 0;
        background-color: #fff;
        font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
    }

    /* 레이아웃 제한 (중앙 정렬) */
    .its-layout-fix {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    /* --- Tab Navigation --- */
    .its-tab-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 40px;
    }

    /* 탭 버튼 스타일 */
    .its-tab-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 12px 32px;
        font-size: 16px;
        font-weight: 500;
        color: #666;
        background-color: #f8f9fa;
        border: 1px solid #eee;
        border-radius: 99px; /* 둥근 쉐입 */
        text-decoration: none;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    /* 탭 호버 */
    .its-tab-btn:hover {
        background-color: #fff;
        border-color: #ddd;
        color: #111;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    /* 활성화 된 탭 (JS가 'btn_hit' 클래스 토글) */
    .its-tab-btn.btn_hit {
        background-color: #111;
        border-color: #111;
        color: #fff;
        font-weight: 700;
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
        transform: translateY(-1px);
    }

    /* --- Content Area --- */
    .its-content-area {
        position: relative;
        min-height: 300px; /* 로딩 전 최소 높이 확보 */
        width: 100%;
    }

    /* 반응형 (모바일) */
    @media (max-width: 768px) {
        .its-main-list-wrap { padding: 40px 0; }
        .its-tab-nav { gap: 8px; margin-bottom: 30px; }
        .its-tab-btn { padding: 10px 20px; font-size: 14px; flex: 0 0 auto; }

		.its-logo-svg { font-size:22px;font-weight:small}
    }





/* 2026-01-12 FIND ID/PW (dedup cleaned) */

/* Wrap */
.its-find-wrap{
  max-width: 100%;
  margin: 0 auto;
}

/* Card */
.its-find-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 20px;
  overflow: hidden;
}

.its-find-head{
  padding: 18px 18px 12px;
  border-bottom: 1px solid rgba(15,23,42,.06);
}

.its-find-title{
  font-size: 18px;
  font-weight: 900;
  color: #0f172a;
  letter-spacing: -0.2px;
}

.its-find-sub{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(15,23,42,.62);
  line-height: 1.45;
}

/* Tabs */
.its-find-tabs{
  display:flex;
  gap: 10px;
  padding: 12px 18px 0;
}

.its-find-tab{
  flex: 1;
  text-decoration: none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 11px 10px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 900;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.04);
  color: rgba(15,23,42,.70);
}

.its-find-tab:hover{ background: rgba(15,23,42,.06); }

.its-find-tab.is-active{
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
  box-shadow: 0 10px 22px rgba(2,6,23,.20);
}

.its-find-tab small{
  font-weight: 800;
  opacity: .75;
}



/* Body */
.its-find-body{
  padding: 16px 18px 18px;
}

.its-field{ margin-top: 12px; }
.its-field:first-child{ margin-top: 0; }

.its-label{
  display:block;
  font-size: 12px;
  font-weight: 900;
  color: rgba(15,23,42,.75);
  margin-bottom: 8px;
}

.its-input{
  width: 100%;
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.98);
  padding: 0 14px;
  outline: none;
  font-size: 14px;
  color: #0f172a;
  transition: box-shadow .15s ease, border-color .15s ease, transform .05s ease;
}

/* ✅ focus 색상은 하나로 통일 (원하면 여기만 바꾸면 됨) */
.its-input:focus{
  border-color: rgba(59,130,246,.55);
  box-shadow: 0 0 0 4px rgba(59,130,246,.15);
}

.its-input::placeholder{
  color: rgba(15,23,42,.35);
  font-weight: 700;
}

/* CTA */
.its-actions{
  margin-top: 16px;
  display:flex;
  gap: 10px;
}

.its-btn{
  flex: 1;
  height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(15,23,42,.06);
  color: #0f172a;
  font-weight: 950;
  font-size: 14px;
  cursor: pointer;
}

.its-btn:hover{ background: rgba(15,23,42,.09); }
.its-btn:active{ transform: scale(.99); }

.its-btn-primary{
  background: linear-gradient(135deg, #0f172a, #111827);
  border-color: rgba(15,23,42,.35);
  color: #fff;
}

.its-btn-primary:hover{ filter: brightness(1.04); }

/* Result layer (PW/ID 공통) */
#find_id_layer.its-result,
#find_pw_layer.its-result{
  display:none;
  padding: 16px 18px 18px;
}

.its-result-box{
  border-radius: 18px;
  border: 1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.98);
  padding: 16px 14px;
  box-shadow: 0 14px 30px rgba(2,6,23,.10);
}

.its-result-top{
  display:flex;
  align-items:flex-start;
  gap: 10px;
}

.its-badge{
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 1000;
}

/* ✅ 배지/강조색은 페이지별로 다를 수 있어서 “기본값 + ID/PW 각각 오버라이드” */
#find_id_layer .its-badge{
  background: rgba(59,130,246,.12);
  border: 1px solid rgba(59,130,246,.20);
  color: #1d4ed8;
}
#find_pw_layer .its-badge{
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.20);
  color: #16a34a;
}

.its-result-title{
  font-size: 14px;
  font-weight: 950;
  color: #0f172a;
  line-height: 1.35;
}

.its-result-title em{
  font-style: normal;
  padding: 2px 8px;
  border-radius: 999px;
  font-weight: 1000;
  margin: 0 4px;
  display:inline-block;
}

/* ✅ em 색상도 ID/PW 분리 */
#find_id_layer .its-result-title em{
  background: rgba(34,197,94,.10);
  border: 1px solid rgba(34,197,94,.18);
  color: #15803d;
}
#find_pw_layer .its-result-title em{
  background: rgba(59,130,246,.10);
  border: 1px solid rgba(59,130,246,.18);
  color: #1d4ed8;
}

.its-result-desc{
  margin-top: 8px;
  font-size: 12px;
  color: rgba(15,23,42,.62);
  line-height: 1.5;
}

/* Guide */
.its-guide{
  margin-top: 14px;
  font-size: 12px;
  color: rgba(15,23,42,.55);
  line-height: 1.55;
}

.its-guide ul{ margin: 0; padding-left: 16px; }
.its-guide li{ margin: 6px 0; }

/* Dark mode */
@media (prefers-color-scheme: dark){
  .common_page.its-find-page{
    background:
      radial-gradient(1000px 520px at 10% 0%, rgba(34,197,94,.20), transparent 55%),
      radial-gradient(900px 480px at 100% 10%, rgba(59,130,246,.22), transparent 60%),
      linear-gradient(180deg, rgba(2,6,23,.85), rgba(2,6,23,.92));
  }

  .its-find-card{
    background: rgba(15,23,42,.78);
    border-color: rgba(148,163,184,.16);
    box-shadow: 0 18px 42px rgba(0,0,0,.35);
  }

  .its-find-title{ color:#e5e7eb; }
  .its-find-sub{ color: rgba(226,232,240,.68); }

  .its-find-tab{
    background: rgba(226,232,240,.06);
    border-color: rgba(148,163,184,.18);
    color: rgba(226,232,240,.72);
  }

  .its-find-tab.is-active{
    background:#e5e7eb;
    color:#0f172a;
    border-color: rgba(229,231,235,.55);
  }

  .its-label{ color: rgba(226,232,240,.74); }

  .its-input{
    background: rgba(2,6,23,.55);
    border-color: rgba(148,163,184,.22);
    color: #e5e7eb;
  }

  .its-input::placeholder{ color: rgba(226,232,240,.35); }

  .its-btn{
    background: rgba(226,232,240,.06);
    border-color: rgba(148,163,184,.18);
    color: #e5e7eb;
  }

  .its-btn-primary{
    background: linear-gradient(135deg, #e5e7eb, #cbd5e1);
    color:#0f172a;
    border-color: rgba(229,231,235,.55);
  }

  .its-result-box{
    background: rgba(2,6,23,.52);
    border-color: rgba(148,163,184,.18);
    box-shadow: 0 14px 30px rgba(0,0,0,.30);
  }

  .its-result-title{ color:#e5e7eb; }
  .its-result-desc{ color: rgba(226,232,240,.68); }
  .its-guide{ color: rgba(226,232,240,.58); }
}










/* 필터 토글 버튼 */
.its-btn-toggle-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px 0 5px;
  height: 28px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  border:1px solid #ccc;
  /* 다크 그라데이션 + 살짝 유리 느낌 */
  background: linear-gradient(135deg, #ccc, #666);
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.25);
  position: relative;
  overflow: hidden;
}

.its-btn-toggle-filter::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,0.25), transparent 55%);
  opacity: 0.6;
  pointer-events: none;
}

.its-btn-toggle-filter:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.3);
}

.its-btn-toggle-filter:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(15, 23, 42, 0.28);
}

/* 아이콘 동그라미 */
.its-btn-toggle-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* + / - 라인 */
.its-btn-toggle-icon::before,
.its-btn-toggle-icon::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  border-radius: 2px;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

/* 가로 라인 */
.its-btn-toggle-icon::before {
  width: 9px;
  height: 2px;
}

/* 세로 라인 (기본: + 모양) */
.its-btn-toggle-icon::after {
  width: 2px;
  height: 9px;
}

/* 접힌 상태일 때는 - 모양으로 변경 */
.its-btn-toggle-filter.is-collapsed .its-btn-toggle-icon::after {
  opacity: 0;
  transform: scaleY(0);
}

/* 텍스트 */
.its-btn-toggle-text {
  position: relative;
  z-index: 1;
  color:#ffffff;
  font-size:12px;
}






/* 필터 토글 버튼 */
.its-btn-toggle-lightgray-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px 0 5px;
  height: 28px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  border:1px solid #ccc;
  /* 다크 그라데이션 + 살짝 유리 느낌 */
  background: #fcfcfc;
  color: #666;
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.25);
  position: relative;
  overflow: hidden;
}

.its-btn-toggle-lightgray-filter::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,0.25), transparent 55%);
  opacity: 0.6;
  pointer-events: none;
}

.its-btn-toggle-lightgray-filter:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.3);
}

.its-btn-toggle-lightgray-filter:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.28);
}

/* 아이콘 동그라미 */
.its-btn-toggle-lightgray-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* + / - 라인 */
.its-btn-toggle-lightgray-icon::before,
.its-btn-toggle-lightgray-icon::after {
  content: "";
  position: absolute;
  background-color: #666;
  border-radius: 2px;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

/* 가로 라인 */
.its-btn-toggle-lightgray-icon::before {
  width: 9px;
  height: 2px;
}

/* 세로 라인 (기본: + 모양) */
.its-btn-toggle-lightgray-icon::after {
  width: 2px;
  height: 9px;
}

/* 접힌 상태일 때는 - 모양으로 변경 */
.its-btn-toggle-lightgray-filter.is-collapsed .its-btn-toggle-lightgray-icon::after {
  opacity: 0;
  transform: scaleY(0);
}

/* 텍스트 */
.its-btn-toggle-lightgray-text {
  position: relative;
  z-index: 1;
  color:#666;
  font-size:12px;
}




/* ●●●●● 기본레이아웃 상단 */
.its_common_pages_top {overflow:hidden; background:#fff; border-bottom:1px solid #ccc;}
.its_common_pages_top .its_this_page_name {position:relative; text-align:center; }
.its_common_pages_top .its_txt {font-size:16px; line-height:45px; color:#555863; margin:0 45px;}
.its_common_pages_top .its_btn_back {position:absolute; left:0; top:0; height:45px; width:50px; text-align:center; }
.its_common_pages_top .its_btn_back .its_shape {width:22px; height:1px; background:#555863; position:absolute; left:10px; top:50%;}
.its_common_pages_top .its_btn_back .its_shape:before {content:''; background:#555863; position:absolute; left:3px; top:0; margin-top:-8px; width:1px; height:10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.its_common_pages_top .its_btn_back .its_shape:after {content:''; background:#555863; position:absolute; left:3px; top:0;  margin-top:-1px; width:1px; height:10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.its_common_pages_top .its_btn_openmenu {position:absolute; right:0; top:0; width:50px; height:45px; box-sizing:border-box; }

/* 스킨 적용 버튼문제 공통으로 사용하기 위해 수정 */
.its_common_pages_top .its_btn_openmenu .its_shape {background:#666; margin:17px 0 0 5px; position:absolute;}

.its_common_pages_top .its_btn_openmenu .its_shape:before {content:''; width:1px; height:14px; position:absolute; left:0; top:0; background:#555863; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:0 0 0 0}
.its_common_pages_top .its_btn_openmenu .its_shape:after {content:''; width:1px; height:14px; position:absolute; left:0; top:0; background:#555863; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:0 0 0 -10px}

.its_common_pages_top .its_open_menu {display:none; background:rgba(0,0,0,0.05); padding:10px; }
.its_common_pages_top .its_open_menu ul {overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,0.1)}
.its_common_pages_top .its_open_menu li {list-style:none; width:50%; float:left; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.1)}
.its_common_pages_top .its_open_menu li:nth-last-of-type(2) {border-bottom:0}
.its_common_pages_top .its_open_menu li:nth-of-type(2n) {border-bottom:1px solid rgba(0,0,0,0.1); border-right:0}
.its_common_pages_top .its_open_menu li:last-of-type {border-bottom:0}
.its_common_pages_top .its_open_menu .its_menu {padding:0 15px; height:34px; line-height:35px; color:#777; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.its_common_pages_top .its_open_menu .its_hit {color:#f54d4d}
.its_common_pages_top .its_if_open_menu .its_open_menu {display:block;} 
.its_common_pages_top .its_if_open_menu .its_btn_openmenu {transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.its_common_pages_three .its_open_menu {display:none; background:rgba(0,0,0,0.05);  }
.its_common_pages_three .its_open_menu ul {overflow:hidden; background:#fff; border:1px solid rgba(0,0,0,0.1)}
.its_common_pages_three .its_open_menu li {list-style:none; width:33.33%; float:left; border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.1)}
.its_common_pages_three .its_open_menu li:nth-last-of-type(1) {border-bottom:0}
.its_common_pages_three .its_open_menu li:nth-of-type(3n) {border-bottom:1px solid rgba(0,0,0,0.1); border-right:0}

.its_common_pages_three .its_open_menu .its_menu {padding:0 15px; height:34px; line-height:35px; color:#777; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.its_common_pages_three .its_open_menu .its_hit {color:#f54d4d}
.its_common_pages_three .its_if_open_menu .its_open_menu {display:block;} 
.its_common_pages_three .its_if_open_menu .its_btn_openmenu {transform: rotate(180deg); -webkit-transform: rotate(180deg); }









/* --- ITS prefix applied for conflict prevention --- */

/* 전체 컨테이너: 라이프스타일 바 */
.its-status-container {
    width: 100%;
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    padding: 12px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Pretendard', 'Malgun Gothic', sans-serif; /* 한글 폰트 명시 */
    color: #4a5568;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

/* 1. 좌측: 프로필 영역 (아바타 수정됨) */
.its-profile-area {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 20px;
    border-right: 1px solid #edf2f7;
    height: 36px;
}
/* 아바타: 그라데이션 원형 */
.its-profile-avatar {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
    line-height: 1; /* 수직 정렬 보정 */
    box-shadow: 0 2px 5px rgba(102, 126, 234, 0.4);
}
.its-user-name {
    font-weight: 700;
    color: #2d3748;
    font-size: 15px;
    letter-spacing: -0.5px;
}
.its-user-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 2px;
}


/* 2. 중앙: 포인트/자산 리스트 (가로 나열) */ .its-asset-list { display: flex; align-items: center; gap: 12px; flex-grow: 1; /* 남은 공간 채우기 */ margin: 0 10px; } .its-asset-item { display: flex; align-items: center; gap: 4px; white-space: nowrap; /* 줄바꿈 방지 */ background: #f8fafc; padding: 4px 8px; border-radius: 4px; border: 1px solid #f1f5f9; } .its-asset-label { color: #64748b; font-size: 11px; font-weight: 600; } .its-asset-val { color: #2563eb; font-weight: 700; font-size: 13px; }

/* 3. 우측: 기능 버튼 그룹 */
.its-action-area {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* 아이콘 버튼 */
.its-icon-btn {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    border-radius: 8px; /* 약간 둥근 사각형 */
    background: #fff;
    cursor: pointer;
    transition: all 0.2s;
}
.its-icon-btn:hover {
    background: #f7fafc;
    border-color: #bee3f8;
    transform: translateY(-2px);
}
.its-icon-btn img {
    max-height: 16px;
    width: auto;
}

/* 분양몰 URL 박스 */
.its-url-box {
    display: flex;
    align-items: center;
    background: #f8fafc;
    border-radius: 6px;
    height: 34px;
    padding: 0 0 0 12px;
    border: 1px solid #e2e8f0;
}
.its-url-text {
    font-size: 12px;
    color: #4a5568;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 34px;
    margin-right: 8px;
}
.its-copy-btn {
    display: inline-flex;
    align-items: center;
    height: 100%;
    background: #fff;
    border: none;
    border-left: 1px solid #e2e8f0;
    padding: 0 12px;
    font-size: 11px;
    cursor: pointer;
    color: #4a5568;
    font-weight: 700;
    text-decoration: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: background 0.2s;
}
.its-copy-btn:hover {
    background: #edf2f7;
    color: #2d3748;
}

/* 쇼핑몰 이동 버튼 */
.its-mall-btn {
    height: 34px;
    padding: 0 16px;
    background: #4299e1;
    color: #fff !important;
    font-size: 12px;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
    box-shadow: 0 2px 4px rgba(66, 153, 225, 0.3);
}
.its-mall-btn:hover {
    background: #3182ce;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .its-status-container {
        padding: 15px;
        gap: 12px;
    }
    .its-profile-area {
        border-right: none;
        width: 100%;
        border-bottom: 1px solid #f7fafc;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    .its-asset-list {
        width: 100%;
        padding: 0;
        overflow-x: auto;
        padding-bottom: 8px; /* 스크롤바 여유 */
    }
    .its-asset-item {
        min-width: 90px; /* 모바일에서 조금 더 넓게 */
    }
    .its-action-area {
        width: 100%;
        justify-content: space-between;
    }
    .its-url-box {
        flex-grow: 1;
        margin-right: 5px;
    }
}




/* 미니멀 화이트 테마 & PC 1열 레이아웃 CSS */
.dashboard-wrapper {
	width: 100%;
	box-sizing: border-box;
}

.stat-row {
	display: flex;
	flex-wrap: nowrap; /* PC에서 무조건 1줄로 강제 */
	gap: 16px;
	width: 100%;
}

.stat-box {
	flex: 1; /* 모든 카드가 동일한 너비를 가지며 100%를 꽉 채움 */
	min-width: 0; /* Flexbox 내부 텍스트 넘침 방지 */
	background-color: #ffffff;
	border: 1px solid #e2e8f0; /* 매우 연하고 깔끔한 테두리 */
	border-radius: 8px;
	padding: 24px 20px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 1px 3px rgba(0,0,0,0.02); /* 거의 안 보이는 아주 연한 그림자 */
}

.stat-box:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 12px rgba(0,0,0,0.06);
	transform: translateY(-2px);
}

.stat-label {
	font-size: 14px;
	font-weight: 600;
	color: #64748b; /* 차분한 그레이 톤 */
	margin-bottom: 12px;
	word-break: keep-all;
}

.stat-value {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a; /* 짙은 네이비/블랙으로 가독성 확보 */
	margin: 0;
	line-height: 1.3;
	word-break: break-all;
}

.stat-pv {
	font-size: 13px;
	color: #94a3b8;
	margin-top: 6px;
	font-weight: 500;
}





/* ✅ 2026-02-03: 최상단 배너 리뉴얼(이미지 원본 사이즈 그대로 노출) */
.its-topbn{
  position: relative;
  width: 100%;
  overflow: visible; /* 높이 제한/잘림 방지 */
}

.its-topbn__inner{
  position: relative;
  width: 100%;
  overflow: visible;
}

/* 이미지 원본 크기 유지 + 중앙정렬(가로가 커도 OK) */
.its-topbn__link{
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
}

.its-topbn__img{
  display: block;
  margin: 0 auto;   /* 가운데 */
  height: auto;     /* 원본 높이 유지 */
  width: auto;      /* 원본 너비 유지 */
  max-width: none;  /* 화면을 넘어도 그대로 */
}

/* 닫기 버튼: 원형 배경 제거, X 아이콘만 */
.its-topbn__close{
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 99999;
  display: inline-block;
  padding: 0;               /* 원형 제거 */
  background: transparent;  /* 원형 제거 */
  box-shadow: none;         /* 원형 제거 */
  border: 0;
  line-height: 0;
}

.its-topbn__close img{
  display: block;
  width: 18px;
  height: 18px;
}

/* 모바일 안전영역 */
@supports (padding: max(0px)) {
  .its-topbn__close{
    right: max(10px, env(safe-area-inset-right));
    top: max(10px, env(safe-area-inset-top));
  }
}







/* =========================
   ✅ 2026-02-03 Top Banner - 덮어쓰기 추가 CSS
   - X 버튼: 세로 정가운데 정렬
   - 배너: 원하는 높이로 강제 축소 + 위/아래 균등 크롭(center)
   ========================= */

/* 1) X 버튼을 "배너 영역 세로 가운데"에 고정 */
.its-topbn{ position: relative; }

.its-topbn__close{
  position: absolute;        /* fixed → absolute로 변경(배너 기준) */
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99999;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  line-height: 0;
}
.its-topbn__close img{ width: 18px; height: 18px; }


/* 크롭 적용(필요할 때만 활성) */
.its-topbn.its-topbn--crop{
  height: 60px;
  overflow: hidden;
}

.its-topbn.its-topbn--crop .its-topbn__inner{
  height: 60px;
  overflow: hidden;
}

/* 이미지가 컨테이너 높이에 맞게 들어가면서, 위/아래 균등 크롭 */
.its-topbn.its-topbn--crop .its-topbn__img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* 크롭 */
  object-position: center;  /* 위/아래 균등(센터 기준) */
  margin: 0;                /* 기존 center margin 제거 */
}

/* (옵션) 링크도 꽉 차게 */
.its-topbn.its-topbn--crop .its-topbn__link{
  display: block;
  height: 100%;
}

/* 사용법:
   1) 기본(원본 사이즈 그대로): <div class="its-topbn"> ...
   2) 크롭 축소 사용:         <div class="its-topbn its-topbn--crop"> ...
   3) 높이 바꾸기: :root의 --its-topbn-crop-h 값만 수정
*/



/* ✅ 데모 탑배너: 1번 스타일 기반 */
.its-top-banner{
	position:relative;
	padding:16px 56px 16px 36px;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	text-align:center;
	color:#fff;
	overflow:hidden;

	/* ✅ 기본 17px, 화면 줄면 자동 축소 */
	--its-top-banner-font-size: clamp(12px, 1.6vw, 17px);
	--its-top-banner-icon-size: clamp(14px, 2.3vw, 22px);
}

/* 배경이미지가 있을 때 가독성용 어두운 오버레이 */
.its-top-banner.its-top-banner--demo::before{
	content:'';
	position:absolute;
	left:0; top:0; right:0; bottom:0;
	background:#000;
	z-index:0;
}

.its-top-banner__link{
	position:relative;
	z-index:1;
	display:block;
	text-decoration:none;
	color:#fff;
}

.its-top-banner p{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	margin:0;
	color:#fff;
	font-weight:500;
	line-height:1.2;
	white-space:nowrap;
	flex-wrap:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:var(--its-top-banner-font-size) !important;
}

.its-top-banner p span{
	display:block;
	min-width:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:var(--its-top-banner-font-size) !important;
	color:#fff !important;
}

.its-top-banner p img{
	display:block;
	flex:0 0 auto;
	width:var(--its-top-banner-icon-size);
	height:var(--its-top-banner-icon-size);
}

.its-top-banner .btn-close{
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	z-index:2;
	line-height:0;
}

.its-top-banner .btn-close img{
	display:block;
	width:18px;
	height:18px;
}

@media screen and (max-width:900px){
	.its-top-banner{
		padding:12px 44px 12px 16px;

		/* ✅ 모바일에서도 같은 규칙 유지 */
		--its-top-banner-font-size: clamp(11px, 3.2vw, 17px);
		--its-top-banner-icon-size: clamp(14px, 3.6vw, 18px);
	}

	.its-top-banner p{
		gap:8px;
	}

	.its-top-banner .btn-close{
		right:12px;
	}
}



.its-menu-container {
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

@media (max-width: 767px) {
    .its-menu-container {
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .its-menu-container {
        justify-content: center;
        flex-wrap: wrap;
        overflow-x: visible;
    }
}



.its-menu-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 500;
    color: #495057;
    background-color: #f8f9fa;
    border-radius: 6px;
    text-decoration: none;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid transparent;
}

.its-menu-item:hover {
    background-color: #e9ecef;
    color: #212529;
}

.its-menu-item.its-active {
    background-color: #007bff;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.25);
}






/* 1. 전체를 감싸는 컨테이너 (Flexbox 적용) */
    .its-cs-layout-container {
        display: flex;
        align-items: flex-start; /* 상단 정렬 */
        gap: 15px; /* 사이드바와 컨텐츠 사이 간격 */
        width: 100%;
        max-width: 1160px; /* 전체 페이지 최대 너비 (조절 가능) */
        margin: 0 auto; /* 중앙 정렬 */
        padding: 20px 5px; /* 상하 여백 */
        box-sizing: border-box;
    }


    /* CS 사이드바 전체 컨테이너 */
    .its-cs-sidebar-wrap {
        width: 100%;
        max-width: 200px; /* 사이드바 권장 너비 */
        background-color: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        overflow: hidden;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }

    /* 상단 헤더 영역 */
    .its-cs-sidebar-header {
        padding: 24px;
        background-color: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        text-align: center;
    }

    .its-cs-sidebar-header .icon-wrap {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        background-color: #fff;
        border-radius: 50%;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        margin-bottom: 12px;
    }
    
    .its-cs-sidebar-header .icon-wrap img {
        max-width: 24px;
        height: auto;
    }

    .its-cs-sidebar-header h2 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        color: #1e293b;
    }

    .its-cs-sidebar-header h2 a {
        text-decoration: none;
        color: inherit;
    }

    .its-cs-sidebar-header p {
        margin: 8px 0 0;
        font-size: 13px;
        color: #64748b;
        line-height: 1.4;
        word-break: keep-all;
    }

    /* 메뉴 리스트 영역 */
    .its-cs-nav-container {
        padding: 12px;
    }

    .its-cs-nav-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .its-cs-nav-list li {
        margin-bottom: 2px;
    }

    /* 메뉴 링크 스타일 */
    .its-cs-nav-link {
        display: flex;
        align-items: center;
        padding: 12px 16px;
        font-size: 15px;
        color: #475569;
        text-decoration: none;
        border-radius: 8px;
        transition: all 0.2s ease;
        font-weight: 500;
    }

    /* 호버 효과 */
    .its-cs-nav-link:hover {
        background-color: #f1f5f9;
        color: #0f172a;
        transform: translateX(4px);
    }

    /* 활성화(hit) 상태 스타일 - 기존 로직 'hit' 클래스 대응 */
    .its-cs-nav-link.hit {
        background-color: #eff6ff; /* 연한 파란색 배경 */
        color: #2563eb; /* 진한 파란색 텍스트 */
        font-weight: 700;
    }
    
    .its-cs-nav-link.hit::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: #2563eb;
        border-radius: 50%;
        margin-right: 8px;
    }

    /* 메뉴 그룹 간 구분선 */
    .its-cs-divider {
        height: 1px;
        background-color: #e5e7eb;
        margin: 8px 12px;
    }


/* 상단 탭 타이틀 영역 (좌측 정렬 및 하단 라인) */
.its-cs-tab-line-header {
    display: flex;
    justify-content: flex-start; /* 텍스트 좌측 정렬 */
    align-items: center;
    border-bottom: 1px solid #ddd; /* 타이틀 하단에 무게감을 주는 라인 */
    padding-bottom: 12px;
    width: 100%;
}

/* 타이틀 텍스트 디자인 */
.its-cs-tab-line-title {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    position: relative;
    padding-left: 10px; /* 포인트 바(Bar)가 들어갈 공간 확보 */
    letter-spacing: -0.5px;
    line-height: 1.2;
}


/* 타이틀 텍스트 왼쪽 포인트 바(Bar) */
/*
.its-cs-tab-line-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #3498db;
    border-radius: 3px;
}
*/


/* 상단 탭 타이틀 영역 (좌측 정렬 및 하단 라인) */
.its-cs-tab-header {
    display: flex;
    justify-content: flex-start; /* 텍스트 좌측 정렬 */
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

/* 타이틀 텍스트 박스 디자인 */
.its-cs-tab-title {
    display: inline-block; /* 텍스트 크기에 딱 맞는 박스 생성 */
    font-size: 15px;
    font-weight: 700;
    color: #2c3e50; /* 텍스트 컬러 */
    background-color: #f1f3f5; /* 연한 회색 배경 */
    border: 1px solid #dcdcdc; /* 박스 테두리 */
    border-radius: 6px; /* 둥근 모서리 */
    padding: 8px 16px; /* 박스 내부 여백 */
    letter-spacing: -0.5px;
    line-height: 1.2;    
	width: 100%;
    box-sizing: border-box;
}



.its-tree-block-message {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 10px 14px;
	border: 1px solid #ffd6d6;
	background: #fff5f5;
	color: #d92d20;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	border-radius: 8px;
	box-sizing: border-box;
}

.its-tree-block-message i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ffe1e1;
	color: #d92d20;
	font-size: 11px;
	flex: 0 0 auto;
}

.its-tree-block-message-text {
	display: inline-block;
}


/* 필수입력 항목 체크 표시 */
.its-required-mark {
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
    color: #dc2626;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

.its-required-mark:before {
    content: "✓";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    border: 1px solid #ef4444;
    border-radius: 3px;
    background: #fff1f2;
    color: #dc2626;
    font-size: 10px;
    font-weight: 900;
    box-sizing: border-box;
}



/* ==========================================================================
   [itsshop Common UI] PC (/mo) Shopping Mall Footer (wrap.footer_skin.php)
   - Prefix: itsshop-footer / itsshop-is-hidden
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-is-hidden {
    display: none !important;
}

.itsshop-footer {
    width: 100%;
    background-color: #ffffff;
    color: #0f172a;
    border-top: 1px solid #cbd5e1;
    border-bottom: 1px solid #e2e8f0;
    font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
    box-sizing: border-box;
}

.itsshop-footer--sub {
    margin-top: 40px;
}

.itsshop-footer a {
    text-decoration: none;
}

.itsshop-footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 1. Top Policy & Partner Bar */
.itsshop-footer__top-wrap {
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-footer__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    min-height: 54px;
    padding: 10px 0;
    box-sizing: border-box;
}

.itsshop-footer__menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 0;
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 0;
    flex: 1 1 auto;
}

.itsshop-footer__menu li {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.itsshop-footer__menu li + li::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 11px;
    background-color: #cbd5e1;
    margin: 0 14px;
}

.itsshop-footer__menu a {
    display: inline-flex;
    align-items: center;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #475569;
    transition: color 0.15s ease;
}

.itsshop-footer__menu a:hover {
    color: #0f172a;
    text-decoration: none;
}

.itsshop-footer__menu a.itsshop-footer__menu-privacy {
    font-weight: 800;
    color: #0f172a;
}

.itsshop-footer__menu a.itsshop-footer__menu-privacy:hover {
    color: #1d4ed8;
}

/* Partner Apply Buttons */
.itsshop-footer__apply {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    align-items: center;
    white-space: nowrap;
}

.itsshop-footer__apply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 14px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.3px;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
    box-sizing: border-box;
}

.itsshop-footer__apply-btn:hover {
    text-decoration: none;
}

.itsshop-footer__apply-btn--mall {
    background-color: #0f172a;
    color: #ffffff !important;
    border: 1px solid #0f172a;
}

.itsshop-footer__apply-btn--mall:hover {
    background-color: #1e293b;
    border-color: #1e293b;
}

.itsshop-footer__apply-btn--seller {
    background-color: #ffffff;
    color: #0f172a !important;
    border: 1px solid #cbd5e1;
}

.itsshop-footer__apply-btn--seller:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
}

/* 2. Mid Content: Brand & Business Info + Customer Support Card */
.itsshop-footer__mid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    padding: 28px 0 24px;
    flex-wrap: wrap;
}

.itsshop-footer__brand {
    flex: 1 1 560px;
    min-width: 280px;
}

.itsshop-footer__brandname {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #0f172a;
    margin: 0 0 14px;
    line-height: 1.3;
}

.itsshop-footer__meta {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.itsshop-footer__meta li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 0;
    margin: 0;
    line-height: 1.5;
}

.itsshop-footer__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    letter-spacing: -0.3px;
    color: #475569;
    line-height: 1.4;
}

.itsshop-footer__chip + .itsshop-footer__chip::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #cbd5e1;
    margin: 0 10px 0 12px;
}

.itsshop-footer__chip-label {
    color: #64748b;
    font-weight: 500;
}

.itsshop-footer__chip-val {
    color: #334155;
    font-weight: 600;
}

.itsshop-footer__biz-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 7px;
    margin-left: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #334155 !important;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-footer__biz-link:hover {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
    text-decoration: none;
}

/* Right Customer Support Panel */
.itsshop-footer__pggrid {
    flex: 0 0 320px;
    max-width: 320px;
    margin-left: auto;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: flex-end;
}

.itsshop-footer__pg {
    width: 100%;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    border-radius: 10px;
    padding: 16px 18px;
    box-sizing: border-box;
}

.itsshop-footer__pg-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-footer__pg-title {
    font-size: 14px;
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.4px;
    color: #0f172a;
}

.itsshop-footer__pg-sub {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #94a3b8;
}

.itsshop-footer__pg-tel {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0 0 12px;
    line-height: 1.2;
}

.itsshop-footer__pg-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.itsshop-footer__pg-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #334155;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    text-align: center;
    box-sizing: border-box;
}

.itsshop-footer__pg-links a:hover {
    text-decoration: none;
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

/* 3. Bottom Bar: SNS & Copyright */
.itsshop-footer__bottom {
    padding: 14px 0 20px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.itsshop-footer__sns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 0;
}

.itsshop-footer__sns-list {
    display: flex;
    gap: 8px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.itsshop-footer__sns-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-footer__sns-link:hover {
    text-decoration: none;
    background-color: #f8fafc;
    border-color: #64748b;
}

.itsshop-footer__sns-ico {
    display: block;
    max-width: 20px;
    max-height: 20px;
}

.itsshop-footer__copy {
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    letter-spacing: -0.2px;
    margin: 0 0 0 auto;
    text-align: right;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .itsshop-footer__pggrid {
        flex: 1 1 100%;
        max-width: none;
        margin-left: 0;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .itsshop-footer__top {
        padding: 12px 0;
        gap: 12px;
    }
    .itsshop-footer__apply {
        width: 100%;
        justify-content: flex-start;
    }
    .itsshop-footer__mid {
        padding: 22px 0 18px;
        gap: 20px;
    }
    .itsshop-footer__chip + .itsshop-footer__chip::before {
        display: none;
    }
    .itsshop-footer__meta li {
        gap: 6px 14px;
    }
    .itsshop-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .itsshop-footer__copy {
        width: 100%;
        text-align: left;
        margin-left: 0;
    }
}



/* ==========================================================================
   [itsshop Common UI] PC (/mo) Customer Center Main (service.main.php)
   - Prefix: itsshop-cs-*
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-cs-wrap {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Pretendard', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
    color: #334155;
    padding: 4px 0 60px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.itsshop-cs-tab-hidden {
    display: none;
}

/* 1. Hero Section (FAQ Search + Contact Box) */
.itsshop-cs-hero {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 20px;
    width: 100%;
}

.itsshop-cs-search-box {
    background-color: #0f172a;
    border: 1px solid #0f172a;
    border-radius: 14px;
    padding: 36px 32px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.itsshop-cs-search-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #93c5fd;
    margin-bottom: 10px;
}

.itsshop-cs-search-title {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 8px 0;
    letter-spacing: -0.6px;
    line-height: 1.3;
}

.itsshop-cs-search-desc {
    font-size: 14px;
    color: #cbd5e1;
    margin: 0 0 24px 0;
    line-height: 1.5;
    letter-spacing: -0.2px;
}

.itsshop-cs-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 5px;
    box-sizing: border-box;
}

.itsshop-cs-search-input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #0f172a;
    outline: none;
}

.itsshop-cs-search-input::placeholder {
    color: #94a3b8;
}

.itsshop-cs-search-btn {
    flex: 0 0 auto;
    height: 38px;
    background-color: #2563eb;
    color: #ffffff;
    border: 1px solid #2563eb;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-cs-search-btn:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

/* Contact Info Card */
.itsshop-cs-contact-box {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 30px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
}

.itsshop-cs-contact-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.itsshop-cs-contact-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #2563eb;
}

.itsshop-cs-contact-status {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 4px;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    font-size: 11px;
    font-weight: 700;
    color: #475569;
}

.itsshop-cs-contact-tel {
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.8px;
    margin: 0 0 16px 0;
    line-height: 1.25;
}

.itsshop-cs-contact-tel--online {
    font-size: 22px;
}

.itsshop-cs-contact-info {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 14px 0 0 0;
    border-top: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.itsshop-cs-contact-info li {
    font-size: 13px;
    color: #475569;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.5;
}

.itsshop-cs-contact-opt {
    font-weight: 700;
    color: #0f172a;
    min-width: 56px;
    flex-shrink: 0;
}

.itsshop-cs-contact-val {
    color: #475569;
    font-weight: 500;
    word-break: keep-all;
}

.itsshop-cs-btn-1on1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 18px;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.3px;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    box-sizing: border-box;
}

.itsshop-cs-btn-1on1:hover {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
    text-decoration: none;
}

.itsshop-cs-btn-1on1-ico {
    font-size: 14px;
}

/* 2. Quick Menu Section */
.itsshop-cs-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-cs-section-title-group {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.itsshop-cs-section-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
    margin: 0;
}

.itsshop-cs-section-sub {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #94a3b8;
}

.itsshop-cs-quick-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.itsshop-cs-quick-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 14px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
}

.itsshop-cs-quick-card:hover {
    background-color: #f8fafc;
    border-color: #0f172a;
    text-decoration: none;
}

.itsshop-cs-quick-icon {
    width: 48px;
    height: 48px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #0f172a;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-cs-quick-card:hover .itsshop-cs-quick-icon {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.itsshop-cs-quick-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.itsshop-cs-quick-txt {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
}

.itsshop-cs-quick-desc {
    font-size: 11px;
    font-weight: 500;
    color: #64748b;
    letter-spacing: -0.2px;
    word-break: keep-all;
}

/* 3. Bottom Board Section (FAQ TOP 5 + Notice/Event) */
.itsshop-cs-board-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.itsshop-cs-board-box {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px;
    box-sizing: border-box;
}

.itsshop-cs-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.itsshop-cs-tab-group {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.itsshop-cs-tab-btn {
    height: 36px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #64748b;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-cs-tab-btn:hover {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a;
}

.itsshop-cs-tab-btn.hit {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.itsshop-cs-more-link {
    font-size: 12px;
    font-weight: 700;
    color: #64748b !important;
    text-decoration: none;
    padding: 4px 8px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background-color: #ffffff;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-cs-more-link:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a !important;
    text-decoration: none;
}

/* Board List & Empty State */
.itsshop-cs-board-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.itsshop-cs-board-item {
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-cs-board-item:last-child {
    border-bottom: 0;
}

.itsshop-cs-board-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 8px;
    text-decoration: none;
    color: #334155;
    border-radius: 6px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.itsshop-cs-board-link:hover {
    background-color: #f8fafc;
    text-decoration: none;
}

.itsshop-cs-board-subject {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 16px;
    color: #334155;
}

.itsshop-cs-board-link:hover .itsshop-cs-board-subject {
    color: #0f172a;
    font-weight: 700;
}

.itsshop-cs-board-date {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 500;
    flex-shrink: 0;
}

.itsshop-cs-icon-q {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-weight: 800;
    margin-right: 8px;
    font-size: 11px;
    vertical-align: middle;
}

.itsshop-cs-no-data {
    text-align: center;
    padding: 44px 20px;
    background-color: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.itsshop-cs-no-data i {
    font-size: 26px;
    color: #94a3b8;
    margin-bottom: 10px;
    display: block;
}

.itsshop-cs-no-data p {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    margin: 0;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
    .itsshop-cs-hero {
        grid-template-columns: 1fr;
    }
    .itsshop-cs-quick-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .itsshop-cs-board-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .its-cs-layout-container {
        flex-direction: column;
    }
    .its-cs-sidebar-wrap {
        max-width: 100%;
    }
    .itsshop-cs-wrap {
        gap: 24px;
        padding-bottom: 40px;
    }
    .itsshop-cs-search-box {
        padding: 28px 20px;
    }
    .itsshop-cs-search-title {
        font-size: 20px;
    }
    .itsshop-cs-search-form {
        flex-direction: column;
        background-color: transparent;
        border: 0;
        padding: 0;
        gap: 8px;
    }
    .itsshop-cs-search-input {
        width: 100%;
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 12px 14px;
        box-sizing: border-box;
    }
    .itsshop-cs-search-btn {
        width: 100%;
        height: 42px;
    }
    .itsshop-cs-contact-box {
        padding: 24px 20px;
    }
    .itsshop-cs-contact-tel {
        font-size: 22px;
    }
    .itsshop-cs-quick-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .itsshop-cs-board-box {
        padding: 18px 16px;
    }
}


/* ==========================================================================
   [itsshop-auth] Member Authentication Common Styles (Login / Find ID / Find PW)
   - No box-shadow, no text-shadow, no :root / CSS custom properties (--var)
   ========================================================================== */
.itsshop-auth-page {
    width: 100%;
    padding: 48px 16px 72px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    box-sizing: border-box;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
}

.itsshop-auth-wrap {
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-sizing: border-box;
}

/* Header */
.itsshop-auth-header {
    text-align: center;
    margin-bottom: 6px;
}

.itsshop-auth-kicker {
    display: inline-block;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #2563eb;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    margin-bottom: 10px;
}

.itsshop-auth-heading {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.itsshop-auth-subdesc {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.5;
    word-break: keep-all;
}

/* Top Tabs (Find ID / Find PW) */
.itsshop-auth-tabs {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 6px;
}

.itsshop-auth-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.itsshop-auth-tab {
    height: 44px;
    border-radius: 8px;
    border: 1px solid transparent;
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #64748b !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-auth-tab:hover {
    background-color: #f1f5f9;
    color: #0f172a !important;
}

.itsshop-auth-tab.is-active {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
    font-weight: 800;
}

/* Main Card */
.itsshop-auth-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 28px 24px;
    box-sizing: border-box;
}

.itsshop-auth-cardhead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-auth-cardtitle {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.itsshop-auth-cardsub {
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.2px;
}

/* Method Subtabs (Phone / Email) */
.itsshop-auth-subtabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 6px;
    margin: 0 0 16px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.itsshop-auth-subtab {
    height: 42px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-auth-subtab:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

.itsshop-auth-subtab svg {
    width: 17px;
    height: 17px;
}

.itsshop-auth-subtab.is-active {
    color: #2563eb;
    background-color: #eff6ff;
    border-color: #93c5fd;
    font-weight: 800;
}

.itsshop-auth-pane {
    display: none;
}

.itsshop-auth-pane.is-active {
    display: block;
}

.itsshop-auth-pane-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.itsshop-auth-method-field {
    display: none;
}

.itsshop-auth-method-field.is-active {
    display: block;
}

/* Form & Fields */
.itsshop-auth-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.itsshop-auth-field label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin: 0 0 6px;
    letter-spacing: -0.2px;
}

.itsshop-auth-inputwrap {
    position: relative;
}

.itsshop-auth-inputicon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.itsshop-auth-input {
    width: 100%;
    height: 50px;
    box-sizing: border-box !important;
    border-radius: 10px;
    padding: 0 46px 0 44px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    text-indent: 0 !important;
    outline: none;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-auth-input--center {
    text-align: center;
}

.itsshop-auth-input::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

.itsshop-auth-input:focus {
    border-color: #0f172a !important;
    background-color: #ffffff !important;
}

.itsshop-auth-inputwrap.has-eye .itsshop-auth-input {
    padding-right: 92px !important;
}

/* Clear (X) & Eye Toggle Buttons */
.itsshop-auth-clear {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-auth-inputwrap.is-filled .itsshop-auth-clear {
    display: inline-flex !important;
}

.itsshop-auth-inputwrap.has-eye .itsshop-auth-clear {
    right: 48px;
}

.itsshop-auth-clear:hover {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
}

.itsshop-auth-clear svg {
    width: 16px;
    height: 16px;
}

.itsshop-auth-eye {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-auth-eye:hover {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
}

.itsshop-auth-eye svg {
    width: 18px;
    height: 18px;
}

.itsshop-auth-eye .ico-hide {
    display: none;
}

.itsshop-auth-eye.is-on .ico-show {
    display: none;
}

.itsshop-auth-eye.is-on .ico-hide {
    display: block;
}

/* SVG Stroke Color Normalization */
.itsshop-auth-inputicon path,
.itsshop-auth-clear path,
.itsshop-auth-eye path,
.itsshop-auth-subtab svg path {
    stroke: #64748b !important;
}

.itsshop-auth-subtab.is-active svg path {
    stroke: #2563eb !important;
}

/* Options (Save ID Checkbox) */
.itsshop-auth-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 4px;
}

.itsshop-auth-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    user-select: none;
}

.itsshop-auth-check input[type="checkbox"] {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    -webkit-appearance: checkbox !important;
    appearance: auto !important;
    accent-color: #0f172a;
    cursor: pointer;
}

/* Buttons */
.itsshop-auth-btn {
    width: 100%;
    height: 52px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: -0.3px;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-auth-btn-primary {
    color: #ffffff !important;
    background-color: #0f172a;
    border-color: #0f172a;
}

.itsshop-auth-btn-primary:hover {
    background-color: #1e293b;
    border-color: #1e293b;
    color: #ffffff !important;
}

.itsshop-auth-btn-ghost {
    color: #334155 !important;
    background-color: #f8fafc;
    border-color: #e2e8f0;
}

.itsshop-auth-btn-ghost:hover {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a !important;
}

.itsshop-auth-btn-outline {
    color: #0f172a !important;
    background-color: #ffffff;
    border-color: #0f172a;
}

.itsshop-auth-btn-outline:hover {
    background-color: #f8fafc;
    color: #2563eb !important;
    border-color: #2563eb;
}

.itsshop-auth-btn-slim {
    height: 46px;
    font-size: 14px;
    font-weight: 700;
}

/* Action Button Grids */
.itsshop-auth-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.itsshop-auth-actions--single {
    grid-template-columns: 1fr;
}

/* Join Box & Bottom Links */
.itsshop-auth-join-box {
    margin-top: 6px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itsshop-auth-join-label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    text-align: center;
}

.itsshop-auth-bottom-link {
    text-align: center;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
}

.itsshop-auth-bottom-link a {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    text-decoration: none;
}

.itsshop-auth-bottom-link a:hover {
    color: #0f172a;
    text-decoration: underline;
}

/* Guide Box */
.itsshop-auth-guide {
    margin: 12px 0 0;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #64748b;
}

.itsshop-auth-guide ul {
    margin: 0;
    padding-left: 18px;
    line-height: 1.55;
    font-size: 12px;
    font-weight: 600;
}

/* Phone Verification Step & Timer */
.itsshop-auth-step {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
}

.itsshop-auth-step2 {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itsshop-auth-timer {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #bfdbfe;
    background-color: #eff6ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.itsshop-auth-timer strong {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.itsshop-auth-timer.is-expired {
    border-color: #fecaca;
    background-color: #fef2f2;
    color: #dc2626;
}

.itsshop-auth-timer.is-expired strong {
    color: #dc2626;
}

.itsshop-auth-complete {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
    color: #1d4ed8;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #bfdbfe;
    background-color: #eff6ff;
}

/* Result Layer */
.itsshop-auth-result {
    margin-top: 14px;
    padding: 20px 16px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    text-align: center;
}

.itsshop-auth-result-dl {
    margin: 0 0 16px;
}

.itsshop-auth-result dt {
    margin: 0;
    font-weight: 800;
    font-size: 15px;
    color: #0f172a;
    line-height: 1.5;
}

.itsshop-auth-result dt em {
    font-style: normal;
    display: inline-block;
    margin: 6px 4px;
    padding: 3px 12px;
    border-radius: 6px;
    border: 1px solid #bfdbfe;
    background-color: #eff6ff;
    color: #1d4ed8;
    font-weight: 800;
}

.itsshop-auth-result dd {
    margin: 10px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}

/* SNS Login Elements */
.itsshop-auth-sns-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.itsshop-auth-sns-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #e2e8f0;
}

.itsshop-auth-sns-wrap a.bt_naver {
    background-color: #03c75a;
    border-color: #03c75a;
    color: #ffffff !important;
}

.itsshop-auth-sns-wrap a.bt_kakao {
    background-color: #fee500;
    border-color: #fee500;
    color: #191919 !important;
}

.itsshop-auth-sns-box {
    margin-top: 12px;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.itsshop-auth-sns-box--top {
    margin-top: 0;
    margin-bottom: 14px;
}

.itsshop-auth-sns-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.4;
}

.itsshop-auth-sns-desc {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.5;
}

.itsshop-auth-sns-cta {
    margin-top: 12px;
    height: 46px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none !important;
    border: 1px solid #cbd5e1;
}

.itsshop-auth-sns-cta-red {
    color: #ffffff !important;
    background-color: #dc2626;
    border-color: #dc2626;
}

.itsshop-auth-sns-cta-yellow {
    color: #0f172a !important;
    background-color: #facc15;
    border-color: #eab308;
}

.itsshop-auth-sns-cta-gray {
    color: #334155 !important;
    background-color: #ffffff;
    border-color: #cbd5e1;
}

@media (max-width: 640px) {
    .itsshop-auth-page {
        padding: 32px 12px 48px;
    }
    .itsshop-auth-heading {
        font-size: 22px;
    }
    .itsshop-auth-card {
        padding: 22px 16px;
    }
}

@media (max-width: 360px) {
    .itsshop-auth-actions,
    .itsshop-auth-subtabs {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   [itsshop-cart] Shopping Cart Page Styles (/mo/shop.cart.list.php)
   - No box-shadow, no text-shadow, no :root / CSS custom properties (--var)
   ========================================================================== */
.itsshop-cart-wrap {
    width: 100%;
    padding: 36px 0 72px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

/* 1. Header & Order Steps */
.itsshop-cart-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 24px;
    margin-bottom: 28px;
    border-bottom: 2px solid #0f172a;
    flex-wrap: wrap;
}

.itsshop-cart-title-area {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-cart-kicker {
    display: inline-block;
    align-self: flex-start;
    padding: 3px 9px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #2563eb;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
}

.itsshop-cart-title {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.itsshop-cart-subtitle {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.5;
}

.itsshop-cart-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-cart-step {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #94a3b8;
    font-size: 13px;
    font-weight: 700;
}

.itsshop-cart-step-num {
    font-size: 12px;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 5px;
    background-color: #e2e8f0;
    color: #64748b;
}

.itsshop-cart-step.is-active {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.itsshop-cart-step.is-active .itsshop-cart-step-num {
    background-color: #2563eb;
    color: #ffffff;
}

/* 2. Empty Cart State */
.itsshop-cart-empty {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 72px 24px;
    text-align: center;
    margin-bottom: 24px;
}

.itsshop-cart-empty-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 16px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itsshop-cart-empty-icon svg {
    width: 30px;
    height: 30px;
}

.itsshop-cart-empty-icon svg path {
    stroke: #64748b;
}

.itsshop-cart-empty-title {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.itsshop-cart-empty-desc {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
}

/* 3. Toolbar (Select All / Delete Selected) */
.itsshop-cart-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.itsshop-cart-toolbar--bottom {
    margin-top: 14px;
    margin-bottom: 28px;
}

.itsshop-cart-toolbar-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-cart-toolbar-right {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

.itsshop-cart-ctrl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-cart-ctrl-btn:hover {
    background-color: #f8fafc;
    border-color: #0f172a;
    color: #0f172a !important;
}

.itsshop-cart-ctrl-btn--danger {
    color: #dc2626 !important;
    border-color: #fecaca;
    background-color: #fef2f2;
}

.itsshop-cart-ctrl-btn--danger:hover {
    background-color: #fee2e2;
    border-color: #f87171;
    color: #b91c1c !important;
}

/* 4. Vendor Group & Cart Table */
.itsshop-cart-group {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 20px;
}

.itsshop-cart-vendor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.itsshop-cart-vendor-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-cart-vendor-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.itsshop-cart-vendor-name {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.3px;
}

.itsshop-cart-vendor-charge {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.itsshop-cart-vendor-charge b {
    color: #2563eb;
    font-weight: 800;
}

.itsshop-cart-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.itsshop-cart-col-chk {
    width: 56px;
}

.itsshop-cart-col-info {
    width: auto;
}

.itsshop-cart-col-price {
    width: 160px;
}

.itsshop-cart-col-delivery {
    width: 180px;
}

.itsshop-cart-table thead th {
    padding: 13px 12px;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    text-align: center;
}

.itsshop-cart-table tbody tr {
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-cart-table tbody tr:last-child {
    border-bottom: 0;
}

.itsshop-cart-table tbody td {
    padding: 20px 14px;
    vertical-align: middle;
    box-sizing: border-box;
}

.itsshop-cart-td-chk {
    text-align: center;
}

.itsshop-cart-chk-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.itsshop-cart-chk-label input[type="checkbox"] {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    -webkit-appearance: checkbox !important;
    appearance: auto !important;
    accent-color: #0f172a;
    cursor: pointer;
}

/* Item Detail & Options */
.itsshop-cart-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.itsshop-cart-thumb {
    width: 92px;
    height: 92px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    overflow: hidden;
    flex-shrink: 0;
    display: block;
}

.itsshop-cart-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.itsshop-cart-detail {
    flex: 1 1 auto;
    min-width: 0;
}

.itsshop-cart-dl {
    margin: 0;
}

.itsshop-cart-item-title {
    margin: 0 0 10px;
}

.itsshop-cart-item-title a {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a !important;
    text-decoration: none;
    line-height: 1.4;
    display: inline-block;
}

.itsshop-cart-item-title a:hover {
    color: #2563eb !important;
    text-decoration: underline;
}

.itsshop-cart-opt-row {
    margin: 6px 0 0;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.itsshop-cart-opt-name {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
}

.itsshop-cart-opt-tag {
    display: inline-block;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    background-color: #e2e8f0;
    color: #475569;
    flex-shrink: 0;
}

.itsshop-cart-opt-tag--add {
    background-color: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

.itsshop-cart-opt-ctrl {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.itsshop-cart-select,
.itsshop-cart-opt-qty select {
    height: 32px;
    min-width: 68px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    cursor: pointer;
}

.itsshop-cart-opt-price {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-cart-opt-del {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    color: #64748b !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-cart-opt-del:hover {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #dc2626 !important;
}

/* Sum & Delivery Columns */
.itsshop-cart-td-price,
.itsshop-cart-td-delivery {
    text-align: center;
    border-left: 1px solid #f1f5f9;
}

.itsshop-cart-mobile-label {
    display: none;
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.itsshop-cart-sum-val {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-cart-deliv-val {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    line-height: 1.45;
}

.itsshop-cart-deliv-val b {
    color: #0f172a;
    font-weight: 800;
}

/* 5. Total Price Summary Box */
.itsshop-cart-summary {
    background-color: #ffffff;
    border: 2px solid #0f172a;
    border-radius: 14px;
    padding: 28px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.itsshop-cart-summary-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 150px;
}

.itsshop-cart-summary-label {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}

.itsshop-cart-summary-val {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.itsshop-cart-summary-val--total {
    color: #2563eb;
    font-size: 26px;
}

.itsshop-cart-summary-op {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.itsshop-cart-summary-op--eq {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

/* 6. Bottom Action Buttons */
.itsshop-cart-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.itsshop-cart-btn {
    min-width: 210px;
    height: 54px;
    padding: 0 28px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-sizing: border-box;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-cart-btn--secondary {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155 !important;
}

.itsshop-cart-btn--secondary:hover {
    background-color: #f8fafc;
    border-color: #0f172a;
    color: #0f172a !important;
}

.itsshop-cart-btn--primary {
    background-color: #0f172a;
    border: 1px solid #0f172a;
    color: #ffffff !important;
}

.itsshop-cart-btn--primary:hover {
    background-color: #1e293b;
    border-color: #1e293b;
    color: #ffffff !important;
}

.itsshop-cart-btn-gift {
    height: 54px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-cart-btn-gift:hover {
    background-color: #f8fafc;
    border-color: #0f172a;
}

.itsshop-cart-btn-gift img {
    width: 32px;
    height: auto;
    display: block;
}

/* Responsive (Tablet & Mobile) */
@media (max-width: 768px) {
    .itsshop-cart-wrap {
        padding: 24px 12px 48px;
    }

    .itsshop-cart-header {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }

    .itsshop-cart-title {
        font-size: 22px;
    }

    .itsshop-cart-steps {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
    }

    .itsshop-cart-step {
        justify-content: center;
        padding: 8px 6px;
        font-size: 12px;
    }

    .itsshop-cart-table,
    .itsshop-cart-table tbody,
    .itsshop-cart-table tr,
    .itsshop-cart-table td {
        display: block;
        width: 100%;
    }

    .itsshop-cart-table thead {
        display: none;
    }

    .itsshop-cart-table tbody tr {
        padding: 16px;
        border-bottom: 1px solid #e2e8f0;
        position: relative;
    }

    .itsshop-cart-td-chk {
        text-align: left;
        padding: 0 0 10px !important;
    }

    .itsshop-cart-td-info {
        padding: 0 0 14px !important;
    }

    .itsshop-cart-td-price,
    .itsshop-cart-td-delivery {
        border-left: 0;
        border-top: 1px solid #f1f5f9;
        padding: 10px 0 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        text-align: right;
    }

    .itsshop-cart-mobile-label {
        display: inline-block;
    }

    .itsshop-cart-summary {
        padding: 20px 16px;
        flex-direction: column;
        gap: 12px;
    }

    .itsshop-cart-summary-item {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .itsshop-cart-summary-item--total {
        padding-top: 12px;
        border-top: 1px solid #e2e8f0;
    }

    .itsshop-cart-summary-op {
        display: none;
    }

    .itsshop-cart-actions {
        flex-direction: column;
    }

    .itsshop-cart-btn {
        width: 100%;
    }
}


/* ==========================================================================
   [itsshop-guest] Guest Order Inquiry Page Styles (/mo/service.guest.order.list.php)
   - No box-shadow, no text-shadow, no :root / CSS custom properties (--var)
   ========================================================================== */
.itsshop-guest-wrap {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 1. Header */
.itsshop-guest-header {
    padding-bottom: 20px;
    border-bottom: 2px solid #0f172a;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-guest-kicker {
    display: inline-block;
    align-self: flex-start;
    padding: 3px 9px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #2563eb;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
}

.itsshop-guest-title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.itsshop-guest-subtitle {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.5;
}

/* 2. Search Card */
.itsshop-guest-search-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 28px;
    box-sizing: border-box;
}

.itsshop-guest-search-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 28px;
    align-items: center;
}

.itsshop-guest-info {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
}

.itsshop-guest-info-badge {
    display: inline-block;
    align-self: flex-start;
    padding: 3px 8px;
    border-radius: 5px;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.itsshop-guest-tel {
    font-size: 26px;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.itsshop-guest-info-desc {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 1.6;
    word-break: keep-all;
}

.itsshop-guest-info-desc b {
    color: #0f172a;
    font-weight: 700;
}

.itsshop-guest-form-box form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.itsshop-guest-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-guest-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-guest-label {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

.itsshop-guest-input {
    width: 100%;
    height: 48px;
    padding: 0 14px !important;
    border-radius: 10px;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    box-sizing: border-box !important;
    outline: none;
    transition: border-color 0.15s ease;
}

.itsshop-guest-input::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

.itsshop-guest-input:focus {
    border-color: #0f172a !important;
}

.itsshop-guest-submit {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #0f172a;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.3px;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-guest-submit:hover {
    background-color: #1e293b;
    border-color: #1e293b;
}

/* 3. User Guide Box */
.itsshop-guest-guide {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 22px 24px;
    box-sizing: border-box;
}

.itsshop-guest-guide-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.itsshop-guest-guide-title {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-guest-guide-links {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-guest-link-btn {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #334155 !important;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-guest-link-btn:hover {
    background-color: #f1f5f9;
    border-color: #0f172a;
    color: #0f172a !important;
}

.itsshop-guest-link-btn--primary {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb !important;
}

.itsshop-guest-link-btn--primary:hover {
    background-color: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8 !important;
}

.itsshop-guest-guide-list {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 1.7;
}

.itsshop-guest-guide-list strong {
    color: #0f172a;
    font-weight: 700;
}

/* 4. Order Results */
.itsshop-guest-results {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.itsshop-guest-results-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-guest-results-title {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-guest-results-count {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

.itsshop-guest-results-count strong {
    color: #2563eb;
    font-weight: 800;
}

.itsshop-guest-empty {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 56px 20px;
    text-align: center;
}

.itsshop-guest-empty-title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-guest-empty-desc {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

.itsshop-guest-order-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-guest-order-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 20px;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}

.itsshop-guest-order-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    font-weight: 600;
}

.itsshop-guest-order-date {
    font-weight: 800;
    color: #0f172a;
}

.itsshop-guest-order-divider {
    width: 1px;
    height: 12px;
    background-color: #cbd5e1;
}

.itsshop-guest-order-num strong {
    color: #2563eb;
    font-weight: 800;
}

.itsshop-guest-order-more {
    font-size: 12px;
    font-weight: 700;
    color: #475569 !important;
    text-decoration: none !important;
}

.itsshop-guest-order-more:hover {
    color: #0f172a !important;
    text-decoration: underline !important;
}

.itsshop-guest-order-body {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.itsshop-guest-order-item {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 1 auto;
    min-width: 0;
}

.itsshop-guest-thumb {
    width: 84px;
    height: 84px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    overflow: hidden;
    flex-shrink: 0;
    display: block;
}

.itsshop-guest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.itsshop-guest-item-info {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.itsshop-guest-item-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a !important;
    text-decoration: none !important;
    line-height: 1.4;
}

.itsshop-guest-item-title:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}

.itsshop-guest-item-price {
    font-size: 14px;
    font-weight: 600;
    color: #475569;
}

.itsshop-guest-item-price strong {
    color: #0f172a;
    font-weight: 800;
}

.itsshop-guest-item-cancel {
    font-size: 12px;
    font-weight: 700;
    color: #dc2626;
}

.itsshop-guest-order-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

.itsshop-guest-btn-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #0f172a;
    background-color: #ffffff;
    color: #0f172a !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.itsshop-guest-btn-detail:hover {
    background-color: #0f172a;
    color: #ffffff !important;
}

@media (max-width: 900px) {
    .itsshop-guest-search-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .itsshop-guest-search-card {
        padding: 20px 16px;
    }

    .itsshop-guest-order-body {
        flex-direction: column;
        align-items: stretch;
    }

    .itsshop-guest-order-side {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-top: 12px;
        border-top: 1px solid #f1f5f9;
    }
}


/* ==========================================================================
   [itsshop-guide] Shopping Guide Page Styles (/mo/service.guide.php)
   - No box-shadow, no text-shadow, no :root / CSS custom properties (--var)
   ========================================================================== */
.itsshop-guide-wrap {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    padding-bottom: 60px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 1. Header & Quick Anchor Nav */
.itsshop-guide-header {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 22px;
    border-bottom: 2px solid #0f172a;
}

.itsshop-guide-title-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-guide-kicker {
    display: inline-block;
    align-self: flex-start;
    padding: 3px 9px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #2563eb;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
}

.itsshop-guide-title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.6px;
    line-height: 1.25;
}

.itsshop-guide-subtitle {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.5;
}

.itsshop-guide-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.itsshop-guide-nav-chip {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 13px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.2px;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-guide-nav-chip:hover {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
}

/* 2. Guide Section Cards */
.itsshop-guide-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.itsshop-guide-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px 26px;
    box-sizing: border-box;
    scroll-margin-top: 24px;
}

.itsshop-guide-card-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-guide-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}

.itsshop-guide-card-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.itsshop-guide-card-body {
    font-size: 14px;
    color: #334155;
    line-height: 1.7;
}

.itsshop-guide-card-body strong {
    color: #2563eb;
    font-weight: 800;
    background-color: #eff6ff;
    padding: 1px 6px;
    border-radius: 4px;
    border: 1px solid #dbeafe;
}

/* Ordered & Unordered Lists */
.itsshop-guide-ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itsshop-guide-ol li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    line-height: 1.65;
}

.itsshop-guide-bullet {
    color: #0f172a;
    font-weight: 800;
    flex-shrink: 0;
}

.itsshop-guide-ul {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.itsshop-guide-ul li {
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    line-height: 1.65;
    word-break: keep-all;
}

/* 7-Step Order Process Grid */
.itsshop-guide-lead {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-guide-step-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.itsshop-guide-step-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-guide-step-badge {
    align-self: flex-start;
    padding: 2px 7px;
    border-radius: 5px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
}

.itsshop-guide-step-name {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
}

.itsshop-guide-step-sub {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.35;
}

/* Payment Sub-Grid */
.itsshop-guide-subgrid {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.itsshop-guide-subbox {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 16px 18px;
}

.itsshop-guide-subbox--wide {
    grid-column: 1 / -1;
}

.itsshop-guide-subtitle-sm {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-guide-subtext {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 1.6;
}

/* Notice Footer Box */
.itsshop-guide-notice {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.itsshop-guide-notice strong {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #0f172a;
    font-weight: 800;
}

@media (max-width: 900px) {
    .itsshop-guide-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .itsshop-guide-card {
        padding: 20px 16px;
    }
    .itsshop-guide-step-grid,
    .itsshop-guide-subgrid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   [itsshop-product-view] Product Detail Page Styles (/mo/product.view.php)
   - No box-shadow, no text-shadow, no :root / CSS custom properties (--var)
   ========================================================================== */
.itsshop-product-view {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 36px 16px 80px;
    box-sizing: border-box;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    background-color: #ffffff;
}

.itsshop-product-view * {
    box-sizing: border-box;
}

/* 1. Top Product Overview Layout */
.itsshop-view-wrap {
    display: grid;
    grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
    gap: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #e2e8f0;
    align-items: start;
}

.itsshop-thumb-area {
    width: 100%;
}

.itsshop-info-box {
    width: 100%;
}

/* Photo Card & Thumbnail Pager */
.itsshop-photo-card {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-upper-icon {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 5;
    display: block;
}

.itsshop-upper-icon img {
    margin-right: 4px;
    vertical-align: top;
}

.itsshop-view-photo,
.itsshop-photo-box {
    position: relative;
    width: 100%;
}

.itsshop-photo-large-slider {
    position: relative;
    width: 100%;
    background-color: #f8fafc;
}

#itsshop_product_view .itsshop-photo-large-slider.itsshop-before-load .itsshop-photo-slide:not(:first-child) {
    display: none;
}

.itsshop-photo-slide {
    position: relative;
    width: 100%;
    height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #ffffff;
}

.itsshop-real-img,
.itsshop-fake-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itsshop-fake-img {
    display: none;
}

.itsshop-real-img img,
.itsshop-fake-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.itsshop-rolling-thumb {
    padding: 12px 14px 14px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.itsshop-rolling-thumb ul {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
}

.itsshop-rolling-thumb li {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: #ffffff;
    overflow: hidden;
}

#itsshop_product_view .itsshop-rolling-thumb li.itsshop-is-hit {
    border: 2px solid #0f172a;
}

.itsshop-rolling-thumb a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.itsshop-rolling-thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

/* Share Bar */
.itsshop-share-bar {
    margin-top: 14px;
    padding: 10px 16px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.itsshop-share-label {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}

.itsshop-share-sns {
    display: flex;
    align-items: center;
    gap: 6px;
}

.itsshop-share-sns a {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    transition: border-color 0.15s ease;
}

.itsshop-share-sns a:hover {
    border-color: #0f172a;
}

.itsshop-share-sns img {
    display: block;
    max-width: 18px;
    max-height: 18px;
}

/* Right Info Panel */
.itsshop-info-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.itsshop-view-name {
    padding: 0 0 20px;
    border-bottom: 2px solid #0f172a;
}

.itsshop-product-brand-kicker {
    display: inline-block;
    padding: 3px 9px;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    color: #2563eb;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
}

.itsshop-product-title {
    margin: 0;
    font-size: 24px;
    line-height: 1.38;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: #0f172a;
    word-break: keep-all;
}

.itsshop-product-subtitle {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
    font-weight: 500;
}

/* Spec & Price Rows */
.itsshop-view-default {
    padding: 8px 0 0;
}

.itsshop-view-default dl {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-view-default dl.itsshop-dl-price {
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-view-default dt {
    flex: 0 0 105px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
    color: #64748b;
}

.itsshop-view-default dd {
    flex: 1 1 auto;
    margin: 0;
    min-width: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #0f172a;
    font-weight: 600;
    word-break: break-all;
}

.itsshop-view-default dd em {
    font-style: normal;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-brand-text {
    font-weight: 700;
    color: #0f172a;
}

.itsshop-code-chip {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 5px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

/* Price Typography */
.itsshop-before-price {
    color: #94a3b8;
    text-decoration: line-through;
    font-size: 15px;
    font-weight: 500;
}

.itsshop-after-price {
    display: inline-block;
}

.itsshop-after-price strong,
.itsshop-price-strong {
    display: inline-block;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.6px;
    color: #0f172a;
}

.itsshop-price-danger,
.itsshop-price-accent {
    color: #dc2626 !important;
}

.itsshop-price-pink {
    color: #db2777 !important;
}

.itsshop-price-strike {
    text-decoration: line-through;
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.itsshop-dt-strong {
    font-weight: 800 !important;
    color: #0f172a !important;
}

.itsshop-dt-accent {
    color: #dc2626 !important;
    font-weight: 800 !important;
}

.itsshop-price-note {
    display: inline-block;
    margin-left: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

/* Badges */
.itsshop-badge {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #0f172a;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.itsshop-badge-light {
    background-color: #f8fafc;
    color: #334155;
    border-color: #cbd5e1;
}

.itsshop-badge-point {
    background-color: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

.itsshop-badge-pv {
    background-color: #eff6ff;
    color: #2563eb;
    border-color: #bfdbfe;
}

.itsshop-price-open-box {
    margin: 18px 0;
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

/* Social Commerce Timer & Coupon */
.itsshop-buy-info {
    margin: 16px 0 0;
    display: flex;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    overflow: hidden;
}

.itsshop-buy-info > div {
    flex: 1 1 50%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    border-right: 1px solid #e2e8f0;
}

.itsshop-buy-info > div:last-child {
    border-right: 0;
}

.itsshop-buy-info strong {
    color: #dc2626;
    font-size: 16px;
    font-weight: 800;
}

.itsshop-coupon {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    display: flex;
    align-items: center;
    gap: 10px;
}

.itsshop-coupon-icon {
    flex: 0 0 auto;
    display: inline-block;
    height: 24px;
    padding: 0 8px;
    border-radius: 5px;
    background-color: #dc2626;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 24px;
}

.itsshop-coupon-label {
    font-size: 13px;
    line-height: 1.5;
    color: #0f172a;
    font-weight: 600;
}

/* Option Selector & Quantity Controls */
.itsshop-option-area {
    padding: 18px 0 0;
}

.itsshop-option-area dl,
.itsshop-option-area dt,
.itsshop-option-area dd {
    margin: 0;
    padding: 0;
}

.itsshop-guide-text {
    margin: 0 0 8px;
    font-size: 13px;
    color: #475569;
    font-weight: 700;
}

.itsshop-select {
    width: 100%;
    height: 46px;
    margin-bottom: 8px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    cursor: pointer;
}

.itsshop-select:focus {
    border-color: #0f172a;
}

.itsshop-option-depth {
    display: block;
}

.itsshop-option-list {
    width: 100%;
    margin-top: 8px;
}

.itsshop-option-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.itsshop-option-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.itsshop-option-name {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
}

.itsshop-updown-box {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    overflow: hidden;
}

.itsshop-updown-input {
    width: 48px;
    height: 36px;
    border: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    background-color: #ffffff;
}

.itsshop-updown {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #cbd5e1;
}

.itsshop-btn-up,
.itsshop-btn-down {
    position: relative;
    width: 28px;
    height: 18px;
    display: block;
    background-color: #f8fafc;
    text-decoration: none;
}

.itsshop-btn-up:hover,
.itsshop-btn-down:hover {
    background-color: #e2e8f0;
}

.itsshop-btn-up {
    border-bottom: 1px solid #cbd5e1;
}

.itsshop-btn-up:before,
.itsshop-btn-down:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
}

.itsshop-btn-up:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #334155;
}

.itsshop-btn-down:before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #334155;
}

.itsshop-option-price {
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-option-price-hidden {
    display: none;
}

/* Total Price Box */
.itsshop-total-sum {
    margin: 20px 0 0;
    padding: 20px 22px;
    border-radius: 12px;
    border: 2px solid #0f172a;
    background-color: #ffffff;
}

.itsshop-price-txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.itsshop-total-label {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-total-num {
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.6px;
    color: #2563eb;
}

/* Action Buttons (Cart / Buy / Wish / Gift) */
.itsshop-product-btn {
    padding: 16px 0 0;
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.itsshop-btn-left {
    flex: 1 1 auto;
    display: flex;
    gap: 10px;
}

.itsshop-btn-inner {
    flex: 1 1 0;
    display: block;
}

.itsshop-btn-cart,
.itsshop-btn-order,
.itsshop-btn-wish,
.itsshop-btn-gift {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    border-radius: 10px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.3px;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.itsshop-btn-cart {
    background-color: #ffffff;
    color: #0f172a !important;
    border: 1px solid #0f172a;
}

.itsshop-btn-cart:hover {
    background-color: #f8fafc;
    color: #2563eb !important;
    border-color: #2563eb;
}

.itsshop-btn-order {
    background-color: #0f172a;
    color: #ffffff !important;
    border: 1px solid #0f172a;
}

.itsshop-btn-order:hover {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff !important;
}

.itsshop-btn-right,
.itsshop-gift-wrap {
    flex: 0 0 54px;
}

.itsshop-btn-wish,
.itsshop-btn-gift {
    min-height: 54px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
}

.itsshop-btn-wish:hover,
.itsshop-btn-gift:hover {
    border-color: #0f172a;
    background-color: #f8fafc;
}

#itsshop_product_view .itsshop-btn-wish .itsshop-btn-icon {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
}

.itsshop-btn-wish img {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    object-fit: contain;
}

#itsshop_product_view .itsshop-btn-wish img.itsshop-wish-on {
    display: none;
}

#itsshop_product_view .itsshop-btn-wish.itsshop-is-wish img.itsshop-wish-off,
#itsshop_product_view .itsshop-btn-wish.btn_wish_hit img.itsshop-wish-off {
    display: none;
}

#itsshop_product_view .itsshop-btn-wish.itsshop-is-wish img.itsshop-wish-on,
#itsshop_product_view .itsshop-btn-wish.btn_wish_hit img.itsshop-wish-on {
    display: block;
}

.itsshop-btn-gift img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

#itsshop_product_view #span_seleced_list {
    margin-top: 8px;
}

#itsshop_product_view #span_seleced_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#itsshop_product_view #span_seleced_list li {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background-color: #f8fafc;
    margin-top: 6px;
    padding: 12px 14px;
}

/* 2. Bottom Detail Section (.itsshop-pdetail-*) */
#itsshop_product_view .itsshop-is-hidden {
    display: none;
}

.itsshop-pdetail-wrap {
    display: block;
    clear: both;
    width: 100%;
    padding-top: 40px;
}

.itsshop-pdetail-wrap.js_product_detail {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.itsshop-pdetail-main {
    width: 100% !important;
    min-width: 0;
    flex: 1 1 auto;
    float: none !important;
}

.itsshop-pdetail-conts {
    display: block;
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    border: 0;
}

/* Related Products */
.itsshop-pdetail-rel {
    margin-bottom: 44px;
    padding: 24px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.itsshop-pdetail-rel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.itsshop-pdetail-rel-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-pdetail-rel-badge {
    padding: 3px 8px;
    border-radius: 5px;
    background-color: #2563eb;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.itsshop-pdetail-rel-ctrl {
    display: flex;
    align-items: center;
    gap: 6px;
}

.itsshop-pdetail-rel-num {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    margin-right: 4px;
}

.itsshop-pdetail-rel-num em {
    font-style: normal;
    color: #0f172a;
    font-weight: 800;
}

.itsshop-pdetail-rel-btn {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #0f172a !important;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.itsshop-pdetail-rel-btn:hover {
    border-color: #0f172a;
    background-color: #0f172a;
    color: #ffffff !important;
}

.itsshop-pdetail-rel-card {
    display: block;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none !important;
    transition: border-color 0.15s ease;
}

.itsshop-pdetail-rel-card:hover {
    border-color: #0f172a;
}

.itsshop-pdetail-rel-thumb {
    display: block;
    width: 100%;
    height: 150px;
    background-color: #f8fafc;
    overflow: hidden;
}

.itsshop-pdetail-rel-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.itsshop-pdetail-rel-info {
    display: block;
    padding: 10px 12px;
}

.itsshop-pdetail-rel-name {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.itsshop-pdetail-rel-price em {
    font-style: normal;
    font-size: 14px;
    font-weight: 800;
    color: #2563eb;
}

/* Detail Tabs */
.itsshop-pdetail-tabs {
    margin-bottom: 36px;
    border-bottom: 2px solid #0f172a;
    background: #ffffff !important;
    height: auto !important;
}

.itsshop-pdetail-tab-group {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    border: 0 !important;
    background: none !important;
}

.itsshop-pdetail-tab-group a.product_tab_toggle {
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 12px !important;
    border-radius: 10px 10px 0 0;
    border: 1px solid #cbd5e1 !important;
    border-bottom: 0 !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center;
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 100% !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.itsshop-pdetail-tab-group a.product_tab_toggle:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.itsshop-pdetail-tab-group a.product_tab_toggle.hit {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Detail Editor Content */
.itsshop-product-detail-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
    padding: 36px 24px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background-color: #ffffff;
    overflow: hidden;
}

.itsshop-product-detail-content {
    position: relative;
    overflow: hidden;
    height: 1500px;
}

.itsshop-product-detail-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 180px;
    background-color: rgba(255, 255, 255, 0.92);
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.itsshop-btn-show-detail {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 2px solid #0f172a;
    color: #0f172a;
    height: 50px;
    padding: 0 40px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    border-radius: 10px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.itsshop-btn-show-detail:hover {
    background-color: #0f172a;
    color: #ffffff;
}

.itsshop-btn-show-detail span {
    display: inline-block;
    margin-left: 6px;
    font-size: 12px;
}

.itsshop-pdetail-editor {
    width: 100%;
    text-align: center;
    line-height: 1.75;
    font-size: 15px;
    color: #1e293b;
    overflow-x: auto;
}

.itsshop-pdetail-editor img {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
    vertical-align: top;
}

.itsshop-pdetail-editor table {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

/* Product Notification Table (상품정보제공 고시) */
.itsshop-pdetail-notify {
    margin: 40px 0;
}

.itsshop-pdetail-sec-title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.itsshop-pdetail-notify-grid {
    border-top: 2px solid #0f172a;
    border-bottom: 1px solid #e2e8f0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.itsshop-pdetail-notify-row {
    display: flex;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-pdetail-notify-th {
    flex: 0 0 160px;
    padding: 13px 16px;
    background-color: #f8fafc;
    border-right: 1px solid #f1f5f9;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    display: flex;
    align-items: center;
}

.itsshop-pdetail-notify-td {
    flex: 1 1 auto;
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 500;
    color: #0f172a;
    display: flex;
    align-items: center;
}

/* Vendor Map */
.itsshop-pdetail-map {
    margin: 40px 0;
    padding: 24px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
}

.itsshop-pdetail-map-canvas {
    width: 100%;
    height: 360px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-bottom: 16px;
}

.itsshop-pdetail-map-info dl {
    margin: 0;
}

.itsshop-pdetail-map-info dt {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.itsshop-pdetail-map-info dd {
    margin: 4px 0 0;
    display: flex;
    gap: 12px;
    font-size: 13px;
    color: #475569;
}

.itsshop-pdetail-map-info .opt {
    font-weight: 700;
    color: #0f172a;
    min-width: 60px;
}

/* Inquiry / Review Guide Callout Box */
.itsshop-pdetail-guide {
    margin: 0 0 28px;
    padding: 24px 28px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.itsshop-pdetail-guide-body {
    flex: 1 1 520px;
}

.itsshop-pdetail-guide-title {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-pdetail-guide-list {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 1.65;
    list-style: disc;
}

.itsshop-pdetail-guide-list li {
    margin-top: 4px;
}

.itsshop-pdetail-guide-list li:first-child {
    margin-top: 0;
}

.itsshop-pdetail-guide-list a {
    color: #2563eb !important;
    font-weight: 700;
    text-decoration: underline;
}

.itsshop-pdetail-guide-btns {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.itsshop-pdetail-btn {
    height: 42px;
    padding: 0 18px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #0f172a !important;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-pdetail-btn:hover {
    border-color: #0f172a;
    background-color: #f1f5f9;
}

.itsshop-pdetail-btn--primary {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
}

.itsshop-pdetail-btn--primary:hover {
    background-color: #1e293b;
    border-color: #1e293b;
    color: #ffffff !important;
}

/* Info Cards (Tab 03) */
.itsshop-pdetail-infogrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.itsshop-pdetail-infogrid.if_full {
    grid-template-columns: 1fr;
}

.itsshop-pdetail-infocard {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px;
}

.itsshop-pdetail-info-body {
    font-size: 14px;
    line-height: 1.7;
    color: #334155;
}

.itsshop-pdetail-empty {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 48px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
}

/* Board Area Inside Tabs (#tab02 Q&A, #tab04 Review) */
.itsshop-pdetail-board {
    width: 100%;
}

#itsshop_product_view .cm_shop_inner {
    width: 100%;
}

#itsshop_product_view .cm_shop_inner .form_area {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    margin-bottom: 24px;
    overflow: hidden;
}

#itsshop_product_view .cm_shop_inner .form_area .inner {
    padding: 20px;
    overflow: hidden;
}

#itsshop_product_view .cm_shop_inner .form_area .select_design {
    height: 36px !important;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    vertical-align: middle;
}

#itsshop_product_view .cm_shop_inner .form_area .button_pack .btn_sm_white {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    vertical-align: middle;
}

#itsshop_product_view .cm_shop_inner .mark_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
    margin-bottom: 12px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
}

#itsshop_product_view .cm_shop_inner .mark_box .txt {
    float: none !important;
    line-height: 1.4 !important;
    margin: 0 8px 0 0 !important;
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

#itsshop_product_view .cm_shop_inner .mark_box label {
    float: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px;
    background-color: #f8fafc;
    cursor: pointer;
}

#itsshop_product_view .cm_shop_inner .mark_box label:hover {
    border-color: #0f172a !important;
    background-color: #f1f5f9;
}

#itsshop_product_view .cm_shop_inner .mark_box input {
    float: none !important;
    margin: 0 !important;
}

#itsshop_product_view .cm_shop_inner .mark_star,
#itsshop_product_view .cm_shop_inner .mark {
    display: inline-block;
    width: 75px;
    height: 15px;
    vertical-align: middle;
}

#itsshop_product_view .cm_shop_inner .form_area .form_conts {
    display: flex;
    align-items: stretch;
    gap: 12px;
    position: relative;
}

#itsshop_product_view .cm_shop_inner .form_area .textarea_box {
    flex: 1 1 auto;
    margin-right: 0 !important;
    order: 1;
}

#itsshop_product_view .cm_shop_inner .form_area .textarea_design {
    width: 100%;
    height: 92px !important;
    padding: 14px 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #ffffff;
    font-size: 14px;
    color: #0f172a;
    line-height: 1.5;
    resize: vertical;
    outline: none;
    display: block;
}

#itsshop_product_view .cm_shop_inner .form_area .textarea_design:focus {
    border-color: #0f172a !important;
    background-color: #ffffff;
}

#itsshop_product_view .cm_shop_inner .form_area .btn_ok {
    position: static !important;
    flex: 0 0 120px;
    width: 120px !important;
    height: 92px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #0f172a !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    cursor: pointer;
    order: 2;
    transition: background-color 0.15s ease;
}

#itsshop_product_view .cm_shop_inner .form_area .btn_ok:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

#itsshop_product_view .cm_shop_inner .list_area {
    border-top: 2px solid #0f172a;
    border-bottom: 1px solid #e2e8f0;
}

#itsshop_product_view .cm_shop_inner .list_area ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#itsshop_product_view .cm_shop_inner .list_area li {
    border-bottom: 1px solid #e2e8f0;
}

#itsshop_product_view .cm_shop_inner .list_area .post_box {
    padding: 14px 16px;
    overflow: hidden;
}

#itsshop_product_view .cm_shop_inner .cm_no_conts {
    padding: 48px 20px;
    text-align: center;
    background-color: #ffffff;
}

#itsshop_product_view .cm_shop_inner .cm_no_conts .gtxt {
    font-size: 14px;
    font-weight: 600;
    color: #64748b !important;
    margin-top: 10px;
}

/* Responsive */
@media screen and (max-width: 980px) {
    .itsshop-product-view {
        padding: 20px 12px 56px;
    }

    .itsshop-view-wrap {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-bottom: 32px;
    }

    .itsshop-photo-slide {
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .itsshop-product-title {
        font-size: 21px;
    }

    .itsshop-pdetail-notify-grid,
    .itsshop-pdetail-infogrid {
        grid-template-columns: 1fr;
    }

    .itsshop-pdetail-tab-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .itsshop-pdetail-tab-group a.product_tab_toggle {
        border-radius: 8px;
        border-bottom: 1px solid #cbd5e1 !important;
        height: 46px !important;
        line-height: 46px !important;
        font-size: 14px !important;
    }

    #itsshop_product_view .cm_shop_inner .form_area .form_conts {
        flex-direction: column;
    }

    #itsshop_product_view .cm_shop_inner .form_area .btn_ok {
        width: 100% !important;
        flex: 0 0 46px;
        height: 46px !important;
    }

    .itsshop-product-btn {
        position: sticky;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 30;
        padding: 10px 0;
        background-color: #ffffff;
        border-top: 1px solid #e2e8f0;
    }
}


/* ==========================================================================
   [itsshop-order] Order & Checkout Form Styles (/mo/shop.order.form.php)
   - Reuses .itsshop-cart-* & .itsshop-guest-* components
   - No box-shadow, no text-shadow, no :root / CSS custom properties (--var)
   ========================================================================== */
.itsshop-order-wrap {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    box-sizing: border-box;
}

.itsshop-order-wrap *,
.itsshop-order-wrap *::before,
.itsshop-order-wrap *::after {
    box-sizing: border-box;
}

.itsshop-order-form-container {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.itsshop-order-sec {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.itsshop-order-sec-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #0f172a;
    flex-wrap: wrap;
}

.itsshop-order-sec-title {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
}

.itsshop-order-sec-desc {
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

.itsshop-order-req {
    font-style: normal;
    color: #dc2626;
    font-weight: 800;
}

.itsshop-order-txt-red {
    color: #dc2626 !important;
    font-weight: 700;
}

/* Order Product Option & Coupon */
.itsshop-order-opt-qty {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.itsshop-order-opt-qty strong {
    color: #0f172a;
    font-weight: 800;
}

.itsshop-order-prod-coupon {
    margin-top: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #fecaca;
    background-color: #fef2f2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.itsshop-order-coupon-badge {
    padding: 2px 7px;
    border-radius: 4px;
    background-color: #dc2626;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
}

.itsshop-order-coupon-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
}

.itsshop-order-coupon-label strong {
    color: #dc2626;
    font-weight: 800;
}

/* Promo Code Bar */
.itsshop-order-promo-bar {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.itsshop-order-promo-label {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-order-promo-label .promotion_text {
    color: #2563eb;
    font-weight: 700;
    margin-left: 6px;
}

.itsshop-order-promo-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Guest Agreement Cards */
.itsshop-order-agree-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.itsshop-order-agree-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-order-agree-title {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-order-agree-textarea {
    width: 100%;
    height: 150px;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    font-size: 13px;
    line-height: 1.6;
    color: #475569;
    resize: none;
    box-sizing: border-box;
    outline: none;
}

/* Discount & Points Card (.itsshop-order-benefit) */
.itsshop-order-benefit {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-order-benefit-row {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-order-benefit-row:last-child {
    border-bottom: 0;
}

.itsshop-order-benefit-label {
    background-color: #f8fafc;
    border-right: 1px solid #e2e8f0;
    padding: 20px 22px;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
}

.itsshop-order-benefit-body {
    padding: 20px 24px;
}

.itsshop-order-empty-benefit {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    padding: 8px 0;
}

.itsshop-order-coupon-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itsshop-order-coupon-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    flex-wrap: wrap;
}

.itsshop-order-coupon-name {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    flex: 1 1 200px;
}

.itsshop-order-coupon-price {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.itsshop-order-coupon-price strong {
    font-size: 15px;
    font-weight: 800;
    color: #2563eb;
}

.itsshop-order-type1-bar {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 24px;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-order-type1-item {
    font-size: 14px;
    color: #334155;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.itsshop-order-type1-item b {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-order-type1-item.is-accent strong,
.itsshop-order-type1-item.is-accent b {
    color: #dc2626;
}

.itsshop-order-point-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.itsshop-order-point-info dl {
    margin: 0;
}

.itsshop-order-point-info dt {
    font-size: 14px;
    font-weight: 700;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.itsshop-order-point-info dt strong {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-order-point-info dd {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

.itsshop-order-point-info dd strong {
    color: #0f172a;
    font-weight: 700;
}

.itsshop-order-point-ctrl {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.itsshop-order-input-point {
    width: 150px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    box-sizing: border-box;
    outline: none;
}

.itsshop-order-input-point:focus {
    border-color: #0f172a;
}

/* Final Summary Additions */
.itsshop-order-final-summary {
    margin-bottom: 0;
}

.itsshop-order-op-minus {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.itsshop-order-val-discount {
    color: #dc2626;
}

.itsshop-order-save-point {
    padding: 14px 20px;
    border-radius: 10px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #1e3a8a;
}

.itsshop-order-save-point strong {
    color: #2563eb;
    font-weight: 800;
}

/* Form Card & Fields (Orderer / User / Shipping / Payment) */
.itsshop-order-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: visible;
}

.itsshop-order-wrap .itsshop-order-fields {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.itsshop-order-wrap .itsshop-order-field {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr);
    border-bottom: 1px solid #e2e8f0;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    float: none !important;
}

.itsshop-order-wrap .itsshop-order-field[style*="display: none"],
.itsshop-order-wrap .itsshop-order-field[style*="display:none"] {
    display: none !important;
}

.itsshop-order-wrap .itsshop-order-field:last-child {
    border-bottom: 0;
}

.itsshop-order-wrap .itsshop-order-field--half {
    width: 100% !important;
}

.itsshop-order-field--ztop {
    position: relative;
    z-index: 20;
}

.itsshop-order-label {
    background-color: #f8fafc;
    border-right: 1px solid #e2e8f0;
    padding: 18px 22px;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 4px;
}

.itsshop-order-control {
    padding: 14px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    background-color: #ffffff;
}

.itsshop-order-control--inline {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
}

.itsshop-order-wrap input[type="text"].itsshop-order-input,
.itsshop-order-wrap input[type="tel"].itsshop-order-input,
.itsshop-order-wrap input[type="email"].itsshop-order-input,
.itsshop-order-wrap input[type="number"].itsshop-order-input,
.itsshop-order-wrap input[type="search"].itsshop-order-input,
.itsshop-order-wrap input.itsshop-order-input,
.itsshop-order-wrap select.itsshop-order-select {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    max-width: 360px;
    height: 44px !important;
    line-height: 42px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-order-wrap input.itsshop-order-input::placeholder,
.itsshop-order-wrap textarea.itsshop-order-textarea::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.itsshop-order-wrap input.itsshop-order-input[readonly],
.itsshop-order-wrap input.itsshop-order-input:disabled {
    background-color: #f8fafc !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

.itsshop-order-wrap input.itsshop-order-input#paydate[readonly] {
    background-color: #ffffff !important;
    color: #0f172a !important;
    cursor: pointer;
}

.itsshop-order-wrap input.itsshop-order-input:focus,
.itsshop-order-wrap select.itsshop-order-select:focus {
    border-color: #0f172a !important;
    background-color: #ffffff !important;
}

.itsshop-order-wrap input.itsshop-order-input--md,
.itsshop-order-wrap select.itsshop-order-select {
    max-width: 480px;
}

.itsshop-order-wrap input.itsshop-order-input--full {
    max-width: 100%;
}

.itsshop-order-wrap input.itsshop-order-input--sm {
    max-width: 220px;
}

.itsshop-order-wrap input.itsshop-order-input--zip {
    width: 110px !important;
    max-width: 110px !important;
    text-align: center !important;
    padding: 0 8px !important;
}

.itsshop-order-wrap input.itsshop-order-input-point {
    display: inline-block !important;
    float: none !important;
    width: 150px !important;
    height: 40px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: right !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
}

.itsshop-order-wrap input.itsshop-order-input-sm {
    display: inline-block !important;
    float: none !important;
    width: 110px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: right !important;
    box-sizing: border-box !important;
}

.itsshop-order-wrap textarea.itsshop-order-textarea {
    width: 100% !important;
    height: 96px !important;
    padding: 12px 14px !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    line-height: 1.5 !important;
    resize: vertical;
    box-sizing: border-box !important;
    outline: none !important;
}

.itsshop-order-wrap textarea.itsshop-order-textarea:focus {
    border-color: #0f172a !important;
}

/* Radio & Checkbox Controls */
.itsshop-order-wrap .itsshop-order-radios,
.itsshop-order-radios {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 18px;
    text-align: left !important;
}

.itsshop-order-wrap .itsshop-order-radio-label,
.itsshop-order-wrap .itsshop-order-check-label,
.itsshop-order-radio-label,
.itsshop-order-check-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
    text-align: left !important;
}

.itsshop-order-wrap input[type="radio"],
.itsshop-order-wrap input[type="checkbox"] {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    accent-color: #0f172a;
    cursor: pointer;
    flex-shrink: 0;
}

.itsshop-order-wrap input[type="radio"] {
    -webkit-appearance: radio !important;
    appearance: auto !important;
}

.itsshop-order-wrap input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: auto !important;
}

/* Buttons Inside Order Form */
.itsshop-order-btn-dark,
.itsshop-order-btn-sub,
.itsshop-order-btn-charge,
.itsshop-order-btn-xs {
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-order-btn-dark {
    background-color: #0f172a;
    border: 1px solid #0f172a;
    color: #ffffff !important;
}

.itsshop-order-btn-dark:hover {
    background-color: #1e293b;
    border-color: #1e293b;
}

.itsshop-order-btn-sub {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155 !important;
}

.itsshop-order-btn-sub:hover {
    background-color: #f8fafc;
    border-color: #0f172a;
    color: #0f172a !important;
}

.itsshop-order-btn-charge {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb !important;
    font-size: 12px;
}

.itsshop-order-btn-xs {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0f172a !important;
    font-size: 12px;
    flex-shrink: 0;
}

.itsshop-order-btn-xs:hover {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
}

/* Address Group & Previous Address Popup */
.itsshop-order-addr-group {
    align-items: stretch;
    gap: 10px;
}

.itsshop-order-addr-top {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.itsshop-order-dash {
    color: #64748b;
    font-weight: 700;
}

.itsshop-order-addr-lines {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.itsshop-order-tip-highlight:empty {
    display: none;
}

.itsshop-order-old-addr-wrap {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

.itsshop-order-old-addr-pop {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 8px;
    width: 440px;
    max-height: 260px;
    overflow-y: auto;
    background-color: #ffffff;
    border: 1px solid #0f172a;
    border-radius: 10px;
    padding: 8px;
    z-index: 50;
}

.itsshop-order-old-addr-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    border-radius: 6px;
}

.itsshop-order-old-addr-item:last-child {
    border-bottom: 0;
}

.itsshop-order-old-addr-item:hover {
    background-color: #f8fafc;
}

.itsshop-order-old-addr-txt {
    font-size: 13px;
    color: #475569;
    line-height: 1.4;
}

.itsshop-order-old-addr-txt strong {
    color: #0f172a;
    font-weight: 800;
    margin-right: 6px;
}

.itsshop-order-tip {
    margin: 2px 0 0;
    font-size: 12px;
    color: #64748b;
}

.itsshop-order-tip-highlight {
    font-size: 13px;
    font-weight: 700;
    color: #dc2626;
}

.itsshop-order-tip-list {
    margin: 4px 0 0;
    padding-left: 18px;
    font-size: 12px;
    color: #64748b;
    line-height: 1.6;
}

/* Payment Card & Banner */
.itsshop-order-pay-card {
    overflow: hidden;
}

.itsshop-order-pay-banner {
    background-color: #0f172a;
    color: #ffffff;
    padding: 22px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.itsshop-order-pay-banner-label {
    font-size: 16px;
    font-weight: 800;
    color: #cbd5e1;
}

.itsshop-order-pay-banner-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 28px;
    font-weight: 900;
    color: #ffffff;
}

.itsshop-order-pay-currency {
    font-size: 20px;
    font-weight: 700;
    color: #60a5fa;
}

.itsshop-order-wrap .itsshop-order-paymethods,
.itsshop-order-paymethods {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px;
    text-align: left !important;
}

.itsshop-order-wrap .itsshop-order-paymethods label,
.itsshop-order-paymethods label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    cursor: pointer;
    text-align: left !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-order-wrap .itsshop-order-paymethods label:hover,
.itsshop-order-paymethods label:hover {
    border-color: #0f172a;
    background-color: #f1f5f9;
}

.itsshop-order-wrap .itsshop-order-paymethods label .lineup,
.itsshop-order-wrap .itsshop-order-paymethods label .tx,
.itsshop-order-paymethods label .lineup,
.itsshop-order-paymethods label .tx {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    gap: 8px;
}

.itsshop-order-tax-detail {
    margin-top: 12px;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-order-tax-inputs {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.itsshop-order-tax-inputs .itsshop-order-select {
    max-width: 240px;
}

.itsshop-order-confirm-row {
    background-color: #fffbeb;
}

.itsshop-order-confirm-label {
    line-height: 1.5;
}

/* Validation Error Labels */
.itsshop-order-wrap label.error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #dc2626;
}

/* Responsive */
@media (max-width: 768px) {
    .itsshop-order-wrap {
        padding: 24px 12px 56px;
    }

    .itsshop-order-agree-grid,
    .itsshop-order-addr-lines {
        grid-template-columns: 1fr;
    }

    .itsshop-order-benefit-row,
    .itsshop-order-wrap .itsshop-order-field,
    .itsshop-order-wrap .itsshop-order-field--half {
        width: 100% !important;
        grid-template-columns: 1fr !important;
    }

    .itsshop-order-wrap input[type="text"].itsshop-order-input,
    .itsshop-order-wrap input.itsshop-order-input,
    .itsshop-order-wrap select.itsshop-order-select {
        max-width: 100%;
    }

    .itsshop-order-benefit-label,
    .itsshop-order-label {
        border-right: 0;
        border-bottom: 1px solid #f1f5f9;
        padding: 12px 16px;
    }

    .itsshop-order-benefit-body,
    .itsshop-order-control {
        padding: 14px 16px;
    }

    .itsshop-order-old-addr-pop {
        width: 280px;
    }

    .itsshop-order-pay-banner {
        padding: 18px 20px;
    }

    .itsshop-order-pay-banner-price {
        font-size: 24px;
    }
}

/* ==========================================================================
   [itsshop-partner] 마이페이지 - 파트너 전환 신청 및 정산계좌 관리 (mypage.member.partner.php)
   ========================================================================== */
.itsshop-partner-wrap {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    color: #0f172a;
    box-sizing: border-box;
    padding-bottom: 60px;
}

.itsshop-partner-wrap *,
.itsshop-partner-wrap *::before,
.itsshop-partner-wrap *::after {
    box-sizing: border-box;
}

.itsshop-partner-header {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 2px solid #0f172a;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 24px;
}

.itsshop-partner-header-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.itsshop-partner-title-box {
    flex: 1 1 400px;
}

.itsshop-partner-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.itsshop-partner-title {
    margin: 0 0 8px 0;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.25;
}

.itsshop-partner-subtitle {
    margin: 0;
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

.itsshop-partner-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.itsshop-partner-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 14px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.itsshop-partner-chip strong {
    color: #0f172a;
    font-weight: 700;
}

.itsshop-partner-chip.is-verified {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
    font-weight: 700;
}

.itsshop-partner-chip.is-pending {
    background: #fffbeb;
    border-color: #fde68a;
    color: #b45309;
    font-weight: 700;
}

.itsshop-partner-stack,
.itsshop-partner-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.itsshop-partner-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 28px 32px;
}

.itsshop-partner-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 18px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-partner-sec-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}

.itsshop-partner-sec-desc {
    margin: 6px 0 0 0;
    font-size: 13px;
    color: #64748b;
    line-height: 1.55;
}

.itsshop-partner-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.itsshop-partner-summary-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.itsshop-partner-summary-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.itsshop-partner-summary-val {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    word-break: break-word;
}

.itsshop-partner-callout {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 24px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #0f172a;
    border-radius: 10px;
}

.itsshop-partner-callout-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 26px;
    padding: 0 10px;
    border-radius: 6px;
    background: #0f172a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    flex-shrink: 0;
}

.itsshop-partner-callout-body {
    flex: 1 1 auto;
}

.itsshop-partner-callout-title {
    margin: 0 0 6px 0;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-partner-callout-list {
    margin: 0;
    padding-left: 18px;
    font-size: 13px;
    color: #475569;
    line-height: 1.65;
}

.itsshop-partner-callout-list li + li {
    margin-top: 2px;
}

.itsshop-partner-cert-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.itsshop-partner-cert-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    padding: 22px 24px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.itsshop-partner-cert-box--sub {
    background: #ffffff;
}

.itsshop-partner-cert-title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-partner-cert-desc {
    margin: 0;
    font-size: 13px;
    color: #475569;
    line-height: 1.6;
}

.itsshop-partner-cert-btn {
    display: inline-block;
    width: 120px;
    height: 85px;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff url('/app/images/kcp_hp.jpg') no-repeat center center;
    background-size: contain;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.itsshop-partner-cert-btn:hover {
    border-color: #0f172a;
}

.itsshop-partner-cert-msg {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
    font-size: 13px;
    font-weight: 600;
}

.itsshop-partner-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.itsshop-partner-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.itsshop-partner-field--full {
    grid-column: 1 / -1;
}

.itsshop-partner-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #1e293b;
}

.itsshop-partner-label.is-required::after {
    content: '*';
    color: #ef4444;
    font-weight: 800;
}

.itsshop-partner-wrap input[type="text"].itsshop-partner-input,
.itsshop-partner-wrap input.itsshop-partner-input {
    display: inline-block !important;
    float: none !important;
    width: 100%;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    background: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-partner-wrap input.itsshop-partner-input:focus {
    outline: none !important;
    border-color: #0f172a !important;
}

.itsshop-partner-wrap input.itsshop-partner-input[readonly] {
    background: #f8fafc !important;
    color: #475569 !important;
}

.itsshop-partner-wrap input.itsshop-partner-input--sm {
    max-width: 200px;
}

.itsshop-partner-wrap input.itsshop-partner-input--xs {
    max-width: 130px;
    text-align: center !important;
}

.itsshop-partner-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.itsshop-partner-dash {
    color: #94a3b8;
    font-weight: 700;
}

.itsshop-partner-addr-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 4px;
}

.itsshop-partner-help {
    margin: 0;
    font-size: 12px;
    color: #64748b;
    line-height: 1.5;
}

.itsshop-partner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.itsshop-partner-btn--dark {
    background: #1e293b;
    border: 1px solid #1e293b;
    color: #ffffff !important;
}

.itsshop-partner-btn--dark:hover {
    background: #0f172a;
    border-color: #0f172a;
}

.itsshop-partner-btn--sub {
    height: 38px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0f172a !important;
}

.itsshop-partner-btn--sub:hover {
    background: #f8fafc;
    border-color: #0f172a;
}

.itsshop-partner-policy-badge {
    display: inline-block;
    padding: 3px 9px;
    margin-bottom: 6px;
    border-radius: 6px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
}

.itsshop-partner-policy-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.itsshop-partner-policy-item {
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.itsshop-partner-policy-title {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-partner-textarea {
    width: 100%;
    min-height: 130px;
    padding: 12px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    font-size: 13px;
    color: #475569;
    line-height: 1.6;
    resize: vertical;
}

.itsshop-partner-agree-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    cursor: pointer;
}

.itsshop-partner-agree-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #0f172a;
    cursor: pointer;
}

.itsshop-partner-actions {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.itsshop-partner-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    height: 54px;
    padding: 0 36px;
    border-radius: 10px;
    background: #0f172a;
    border: 1px solid #0f172a;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -0.01em;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.itsshop-partner-submit-btn:hover {
    background: #1e293b;
}

.itsshop-partner-cert-frame {
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
}

.itsshop-partner-wrap label.error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #dc2626;
}

@media (max-width: 768px) {
    .itsshop-partner-header,
    .itsshop-partner-card {
        padding: 20px 18px;
    }

    .itsshop-partner-title {
        font-size: 22px;
    }

    .itsshop-partner-summary-grid,
    .itsshop-partner-cert-grid,
    .itsshop-partner-form-grid,
    .itsshop-partner-addr-stack {
        grid-template-columns: 1fr;
    }

    .itsshop-partner-input--sm,
    .itsshop-partner-input--xs {
        max-width: none;
        flex: 1 1 110px;
    }

    .itsshop-partner-submit-btn {
        width: 100%;
        min-width: 0;
    }
}

/* ==========================================================================
   [itsshop-dash] 마이오피스 / 수익금 대시보드 리뉴얼 (pn=dashboard)
   ========================================================================== */

.cs-layout-container {
    gap: 24px !important;
    align-items: flex-start !important;
    padding: 36px 20px 80px !important;
    box-sizing: border-box;
}

.cs-sidebar-wrap {
    flex-shrink: 0;
}

.itsshop-dash-wrap,
.itsshop-dash-wrap.main_section,
.itsshop-dash-wrap.main_section_unique {
    flex: 1 1 0%;
    min-width: 0;
    width: 100%;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

.itsshop-dash-wrap *,
.itsshop-dash-wrap *::before,
.itsshop-dash-wrap *::after {
    box-sizing: border-box;
}

.itsshop-dash-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* 1. 상단 알림 / 웰컴 바 */
.itsshop-dash-notice-section,
.itsshop-dash-alert-section,
.itsshop-dash-profile-section,
.itsshop-dash-hero-section {
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.itsshop-dash-hero-section {
    margin-bottom: 0 !important;
}

.itsshop-dash-notice-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
}

.itsshop-dash-notice-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-notice-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 6px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1.2;
}

.itsshop-dash-notice-content {
    flex: 1 1 0%;
    min-width: 0;
}

.itsshop-dash-notice-item {
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-notice-item .notice_link,
.itsshop-dash-welcome-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    text-decoration: none;
    color: #1e293b;
    font-size: 14px;
    font-weight: 500;
}

.itsshop-dash-notice-text,
.itsshop-dash-welcome-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e293b;
}

.itsshop-dash-welcome-txt strong {
    color: #0f172a;
    font-weight: 700;
}

.itsshop-dash-notice-date {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 3px 8px;
    border-radius: 6px;
    font-variant-numeric: tabular-nums;
}

/* 입금 승인 대기 알림 */
.itsshop-dash-alert-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
}

.itsshop-dash-alert-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.itsshop-dash-badge-danger {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 5px;
    background: #e11d48;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.itsshop-dash-alert-text {
    font-size: 14px;
    font-weight: 700;
    color: #be123c;
}

/* 2. 회원 프로필 & 요약 카드 */
.itsshop-dash-profile-wrap {
    padding: 0 !important;
    background: transparent !important;
}

.itsshop-dash-profile-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 22px !important;
    margin: 0 !important;
}

.itsshop-dash-profile-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-profile-list,
.main_section .myinfo .btn_go_box ul.itsshop-dash-profile-list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-profile-item,
.main_section .myinfo .btn_go_box li.itsshop-dash-profile-item {
    display: inline-flex !important;
    float: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    margin: 0 !important;
}

.itsshop-dash-profile-item.is-primary,
.main_section .myinfo .btn_go_box li.itsshop-dash-profile-item.is-primary {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}

.itsshop-dash-profile-item.is-grade,
.main_section .myinfo .btn_go_box li.itsshop-dash-profile-item.is-grade {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.itsshop-dash-profile-item.is-highlight,
.main_section .myinfo .btn_go_box li.itsshop-dash-profile-item.is-highlight {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

.itsshop-dash-avatar-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    overflow: hidden;
    flex-shrink: 0;
}

.itsshop-dash-avatar-sm img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.itsshop-dash-profile-tag,
.main_section .myinfo .btn_go_box .btn.itsshop-dash-profile-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    cursor: default;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    line-height: 1.3 !important;
}

.itsshop-dash-profile-tag::before,
.main_section .myinfo .btn_go_box .btn.itsshop-dash-profile-tag::before {
    display: none !important;
    content: none !important;
}

.itsshop-dash-tag-label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

.itsshop-dash-tag-val {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-dash-profile-item.is-grade .itsshop-dash-tag-label {
    color: #2563eb;
}

.itsshop-dash-profile-item.is-grade .itsshop-dash-tag-val {
    color: #1d4ed8;
}

.itsshop-dash-profile-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-dash-quick-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-dash-quick-link:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a !important;
}

.itsshop-dash-quick-link.is-accent {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
}

.itsshop-dash-quick-link.is-accent:hover {
    background: #1e293b;
    border-color: #1e293b;
}

/* _t70 User-Wrap 프로필 호환 */
.itsshop-dash-profile-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.itsshop-dash-user-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.itsshop-dash-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.itsshop-dash-avatar img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.itsshop-dash-user-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.itsshop-dash-user-name {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-dash-user-id {
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

.itsshop-dash-grade-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 36px;
    padding: 0 14px;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #cbd5e1;
}

.itsshop-dash-subinfo-bar {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 10px 16px !important;
    margin-top: 10px !important;
    height: auto !important;
}

.itsshop-dash-subinfo-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.itsshop-dash-subinfo-bar .txt {
    font-size: 13px;
    color: #475569;
}

.itsshop-dash-subinfo-bar .txt strong {
    color: #0f172a;
    font-weight: 700;
}

/* 3. 보유 보너스 / 총투자 히어로 요약 카드 */
.itsshop-dash-hero-card {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 16px !important;
    padding: 24px !important;
    color: #ffffff;
}

.itsshop-dash-invest-bar {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 10px !important;
    padding: 11px 16px !important;
    margin: 0 0 18px 0 !important;
    height: auto !important;
}

.itsshop-dash-invest-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.itsshop-dash-invest-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-invest-left {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.itsshop-dash-invest-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: #334155;
    color: #93c5fd;
}

.itsshop-dash-invest-val {
    font-size: 14px !important;
    font-weight: 600;
    color: #cbd5e1 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-invest-val strong {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    margin-left: 6px;
    font-variant-numeric: tabular-nums;
}

.itsshop-dash-btn-invest {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 14px;
    border-radius: 6px;
    background: #2563eb !important;
    border: 1px solid #3b82f6;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.itsshop-dash-hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 20px 24px;
}

.itsshop-dash-hero-grid + .itsshop-dash-hero-grid {
    margin-top: 10px;
}

.itsshop-dash-hero-grid.is-two {
    grid-template-columns: 1fr 1fr;
}

.itsshop-dash-hero-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.itsshop-dash-hero-grid.is-two .itsshop-dash-hero-metric:first-child {
    border-right: 1px solid #334155;
    padding-right: 12px;
}

.itsshop-dash-hero-metric a {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
}

.itsshop-dash-metric-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.02em;
    margin-bottom: 6px !important;
}

.itsshop-dash-metric-val {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.itsshop-dash-metric-val.is-accent {
    color: #60a5fa !important;
}

.itsshop-dash-point-pill-wrap {
    margin-top: 14px;
    display: flex;
    justify-content: center;
}

.itsshop-dash-point-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border-radius: 8px;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #e2e8f0 !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.itsshop-dash-point-pill strong {
    color: #ffffff;
    font-weight: 800;
    margin-left: 6px;
}

/* 진행률 프로그레스 바 */
.itsshop-dash-progress-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
    margin: 0 !important;
}

.itsshop-dash-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 10px;
}

.itsshop-dash-progress-head strong {
    color: #2563eb;
    font-weight: 800;
}

.itsshop-dash-progress-track {
    width: 100%;
    height: 22px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0;
    border-radius: 11px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.itsshop-dash-progress-fill {
    height: 100% !important;
    background: #2563eb !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: width 0.3s ease;
}

.itsshop-dash-status-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.itsshop-dash-status-tag.is-ok {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.itsshop-dash-status-tag.is-warn {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* 액션 메뉴 버튼 그룹 */
.itsshop-dash-action-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 14px;
}

.itsshop-dash-action-btns.is-single {
    grid-template-columns: 1fr;
}

.itsshop-dash-action-btns.is-three ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.itsshop-dash-action-btns.is-three {
    display: block;
}

.itsshop-dash-action-btns .admin_menu_50,
.itsshop-dash-action-btns .admin_menu {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.itsshop-dash-action-btns a.menu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 16px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-dash-hero-card .itsshop-dash-action-btns a.menu {
    background: #1e293b;
    border-color: #334155;
    color: #f8fafc !important;
}

.itsshop-dash-action-btns a.menu:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
}

.itsshop-dash-hero-card .itsshop-dash-action-btns a.menu:hover {
    background: #334155;
    border-color: #475569;
}

/* 데일리 보너스 리스트 */
.itsshop-dash-daily-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
}

.itsshop-dash-daily-group {
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
    padding: 14px 16px;
}

.itsshop-dash-daily-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #334155;
}

.itsshop-dash-daily-schedule {
    font-size: 13px;
    color: #cbd5e1;
}

.itsshop-dash-daily-schedule strong {
    color: #ffffff;
    font-weight: 700;
}

.itsshop-dash-daily-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
    color: #0f172a;
}

.itsshop-dash-daily-item .detail strong {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-dash-daily-item .detail p {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: #64748b;
}

.itsshop-dash-daily-item .right {
    text-align: right;
}

.itsshop-dash-daily-item .price {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

/* 4. 수당 항목별 현황 그리드 (2열 반응형 카드) */
.itsshop-dash-stat-section {
    width: 100%;
}

.itsshop-dash-stat-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-stat-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.itsshop-dash-stat-col.is-full {
    grid-column: 1 / -1;
}

.itsshop-dash-stat-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-dash-stat-card:hover {
    border-color: #cbd5e1 !important;
}

.itsshop-dash-stat-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.itsshop-dash-stat-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #334155;
    line-height: 1.3;
}

.itsshop-dash-stat-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 5px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.itsshop-dash-stat-value {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a;
    line-height: 1.25;
    margin-bottom: 12px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.itsshop-dash-stat-sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid #f1f5f9;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

.itsshop-dash-stat-sub strong {
    font-weight: 700;
    color: #334155;
}

/* 5. 산하 실적 및 조직 성과 섹션 */
.itsshop-dash-recom-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin: 0 !important;
}

.itsshop-dash-recom-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.itsshop-dash-recom-head h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
}

.itsshop-dash-recom-head h3 strong {
    font-size: 17px;
    font-weight: 800;
    color: #2563eb;
    margin-left: 6px;
}

.itsshop-dash-vol-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.itsshop-dash-vol-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    height: auto !important;
}

.itsshop-dash-vol-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 20px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-dash-vol-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    flex-shrink: 0;
}

.itsshop-dash-vol-line-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    flex-shrink: 0;
}

.itsshop-dash-vol-line-badge.is-a {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

.itsshop-dash-vol-line-badge.is-b {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}

.itsshop-dash-vol-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-vol-body {
    padding: 20px 22px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #ffffff;
}

.itsshop-dash-vol-val {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    position: static !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.itsshop-dash-vol-split {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
}

/* 6. 최근 10건 지급내역 테이블 섹션 */
.itsshop-dash-table-section {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-sec-header,
.section-title.itsshop-dash-sec-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    letter-spacing: -0.02em !important;
    height: auto !important;
}

.itsshop-dash-sec-header::before,
.itsshop-dash-sec-header::after,
.section-title.itsshop-dash-sec-header::before,
.section-title.itsshop-dash-sec-header::after {
    display: none !important;
    content: none !important;
}

.itsshop-dash-more-btn,
.itsshop-dash-more-btn:link,
.itsshop-dash-more-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    float: none !important;
    position: static !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-dash-more-btn:hover {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

.itsshop-dash-table-card {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.itsshop-dash-table,
.table_cm_bonus_list.itsshop-dash-table {
    width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
}

.itsshop-dash-table .common_inner {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.itsshop-dash-table .list_TB {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.itsshop-dash-table .list_TB > ul {
    display: grid !important;
    grid-template-columns: minmax(84px, 1.1fr) minmax(100px, 1.4fr) minmax(90px, 1.25fr) minmax(90px, 1.25fr) !important;
    align-items: center !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
    overflow: visible !important;
}

.itsshop-dash-table .list_TB > ul::before,
.itsshop-dash-table .list_TB > ul::after {
    display: none !important;
    content: none !important;
}

.itsshop-dash-table .itsshop-dash-thead > ul {
    background: #f8fafc !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.itsshop-dash-table .itsshop-dash-thead > ul > li {
    width: auto !important;
    height: auto !important;
    line-height: 1.4 !important;
    float: none !important;
    padding: 13px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-align: center !important;
    border: 0 !important;
    background: transparent !important;
    letter-spacing: -0.01em !important;
}

.itsshop-dash-table .itsshop-dash-tbody > ul {
    border-top: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #ffffff !important;
    transition: background-color 0.15s ease;
}

.itsshop-dash-table .itsshop-dash-tbody > ul:last-child {
    border-bottom: 0 !important;
}

.itsshop-dash-table .itsshop-dash-tbody > ul:hover {
    background: #f8fafc !important;
}

.itsshop-dash-table .itsshop-dash-tbody > ul > li {
    width: auto !important;
    height: auto !important;
    line-height: 1.45 !important;
    float: none !important;
    padding: 14px 12px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    text-align: center !important;
    border: 0 !important;
    background: transparent !important;
    font-variant-numeric: tabular-nums;
    word-break: keep-all;
}

.itsshop-dash-table .itsshop-dash-tbody > ul > li.itsshop-dash-td-amt {
    font-weight: 700 !important;
    color: #2563eb !important;
}

.itsshop-dash-table .itsshop-dash-tbody > ul > li.itsshop-dash-td-bal {
    font-weight: 700 !important;
    color: #0f172a !important;
}

.itsshop-dash-table .cm_no_conts,
.itsshop-dash-table .itsshop-bonus-empty.cm_no_conts {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 44px 20px !important;
    margin: 0 !important;
    min-height: 148px !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 0 !important;
}

.itsshop-dash-table .cm_no_conts .no_icon {
    display: none !important;
}

.itsshop-dash-table .itsshop-bonus-empty-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}

.itsshop-dash-table .cm_no_conts .gtxt,
.itsshop-dash-table .itsshop-bonus-empty-text.gtxt {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.itsshop-dash-memo-area {
    width: 100%;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 12px;
    color: #334155;
    background: #f8fafc;
    resize: none;
}

/* 7. 내 고유 추천 링크 & 홍보 URL 복사 섹션 */
.itsshop-dash-ref-section {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 4px !important;
    padding: 0 !important;
}

.itsshop-dash-ref-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
}

.itsshop-dash-ref-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.itsshop-dash-ref-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #0f172a;
}

.itsshop-dash-ref-title {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-dash-ref-body,
.token_tid_main.itsshop-dash-ref-body,
.itsshop-dash-ref-body .mid,
.itsshop-dash-ref-body .area {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.itsshop-dash-ref-group {
    display: flex !important;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-ref-input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 46px !important;
    height: 46px !important;
    line-height: 22px !important;
    padding: 11px 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    float: none !important;
    box-sizing: border-box !important;
    outline: none;
}

.itsshop-dash-ref-input:focus {
    border-color: #2563eb !important;
    background: #ffffff !important;
}

.itsshop-dash-ref-btn-wrap {
    flex-shrink: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-dash-ref-btn,
.itsshop-dash-ref-btn:link,
.itsshop-dash-ref-btn:visited,
.itsshop-dash-ref-btn:active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 148px !important;
    width: 148px !important;
    height: 46px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #0f172a !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-dash-ref-btn:hover {
    background: #1e293b !important;
    border-color: #1e293b !important;
    color: #ffffff !important;
}

.itsshop-dash-ref-btn span {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.itsshop-dash-ref-btn svg {
    flex-shrink: 0;
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* 차트 카드 호환 */
.itsshop-dash-chart-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 20px !important;
    margin: 0 !important;
    height: auto !important;
}

.itsshop-dash-chart-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.itsshop-dash-chart-sub {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

/* 모바일 / 태블릿 반응형 */
@media (max-width: 960px) {
    .cs-layout-container {
        flex-direction: column !important;
        padding: 20px 14px 60px !important;
        gap: 16px !important;
    }

    .cs-sidebar-wrap {
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .itsshop-dash-profile-body {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .itsshop-dash-profile-list,
    .main_section .myinfo .btn_go_box ul.itsshop-dash-profile-list {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
}

@media (max-width: 640px) {
    .itsshop-dash-profile-card {
        padding: 16px !important;
    }

    .itsshop-dash-profile-body {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .itsshop-dash-profile-list,
    .main_section .myinfo .btn_go_box ul.itsshop-dash-profile-list {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    .itsshop-dash-profile-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .itsshop-dash-hero-card {
        padding: 18px 16px !important;
    }

    .itsshop-dash-metric-val {
        font-size: 26px !important;
    }

    .itsshop-dash-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .itsshop-dash-stat-card {
        padding: 14px !important;
    }

    .itsshop-dash-stat-value {
        font-size: 19px !important;
    }

    .itsshop-dash-vol-split {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .itsshop-dash-vol-val {
        font-size: 20px !important;
    }

    .itsshop-dash-sec-header,
    .section-title.itsshop-dash-sec-header {
        padding: 14px 16px !important;
        font-size: 15px !important;
    }

    .itsshop-dash-table .list_TB > ul {
        grid-template-columns: minmax(70px, 1fr) minmax(80px, 1.3fr) minmax(76px, 1.15fr) minmax(76px, 1.15fr) !important;
    }

    .itsshop-dash-table .itsshop-dash-thead > ul > li,
    .itsshop-dash-table .itsshop-dash-tbody > ul > li {
        padding: 11px 8px !important;
        font-size: 12px !important;
    }

    .itsshop-dash-ref-group {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .itsshop-dash-ref-input {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-height: 46px !important;
        height: 46px !important;
        line-height: 22px !important;
        padding: 11px 14px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .itsshop-dash-ref-btn-wrap {
        width: 100% !important;
    }

    .itsshop-dash-ref-btn,
    .itsshop-dash-ref-btn:link,
    .itsshop-dash-ref-btn:visited {
        width: 100% !important;
        min-width: 100% !important;
    }
}


/* ==========================================================================
   [itsshop-bonus] 마이오피스 포인트·수당 내역 (mypage.bonus.list.php)
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-bonus-wrap {
    flex: 1;
    min-width: 0;
    width: 100%;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.itsshop-bonus-wrap *,
.itsshop-bonus-wrap *::before,
.itsshop-bonus-wrap *::after {
    box-sizing: border-box;
}

.itsshop-bonus-wrap .common_page,
.itsshop-bonus-wrap .common_page.common_page_bonus_unique,
.itsshop-bonus-wrap .common_page .layout_fix,
.itsshop-bonus-wrap #pg_loading {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* 상단 바 및 분류 서브메뉴 */
.itsshop-bonus-topbar {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-bonus-topbar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-bonus-topbar-title-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.itsshop-bonus-back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #334155;
    font-size: 14px;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-back-btn:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}

.itsshop-bonus-topbar-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.itsshop-bonus-menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-bonus-menu-toggle:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
}

.itsshop-bonus-cat-menu,
.common_pages_top.itsshop-bonus-topbar .open_menu.itsshop-bonus-cat-menu {
    padding: 14px 16px !important;
    background-color: #ffffff !important;
}

.itsshop-bonus-cat-list,
.common_pages_top.itsshop-bonus-topbar .open_menu ul.itsshop-bonus-cat-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    overflow: visible !important;
}

.itsshop-bonus-cat-list > li,
.common_pages_top.itsshop-bonus-topbar .open_menu ul.itsshop-bonus-cat-list > li {
    width: 100% !important;
    float: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-cat-chip,
.common_pages_top.itsshop-bonus-topbar .open_menu .menu.itsshop-bonus-cat-chip {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 40px !important;
    line-height: 1.2 !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #f8fafc !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-cat-chip:hover,
.common_pages_top.itsshop-bonus-topbar .open_menu .menu.itsshop-bonus-cat-chip:hover {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.itsshop-bonus-cat-chip.hit,
.common_pages_top.itsshop-bonus-topbar .open_menu .menu.itsshop-bonus-cat-chip.hit {
    background-color: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 멀티 포인트 전환 탭 */
.itsshop-bonus-point-tabs {
    display: flex;
    gap: 8px;
}

.itsshop-bonus-point-tab {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-point-tab.btn_hit {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

/* 히어로 보유 포인트 요약 카드 */
.itsshop-bonus-hero-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px;
    border-radius: 14px;
    border: 1px solid #1e293b;
    background-color: #0f172a;
    color: #ffffff;
}

.itsshop-bonus-hero-left {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-bonus-hero-badge {
    display: inline-flex;
    align-self: flex-start;
    padding: 3px 10px;
    border-radius: 6px;
    background-color: #1e293b;
    border: 1px solid #334155;
    color: #60a5fa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.itsshop-bonus-hero-title {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
}

.itsshop-bonus-hero-desc {
    margin: 0;
    font-size: 13px;
    color: #94a3b8;
}

.itsshop-bonus-hero-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    padding: 14px 22px;
    border-radius: 12px;
    background-color: #1e293b;
    border: 1px solid #334155;
    min-width: 220px;
}

.itsshop-bonus-hero-label {
    font-size: 12px;
    font-weight: 600;
    color: #94a3b8;
}

.itsshop-bonus-hero-value {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.itsshop-bonus-hero-value .value {
    font-size: 26px;
    font-weight: 900;
    color: #38bdf8;
    letter-spacing: -0.02em;
}

.itsshop-bonus-hero-value .unit {
    font-size: 14px;
    font-weight: 700;
    color: #e2e8f0;
}

.itsshop-bonus-Alert-notice {
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid #bfdbfe;
    background-color: #eff6ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

/* 지급내역 / 상세보기 모드 탭 */
.itsshop-bonus-mode-tabs {
    display: flex;
    background-color: #f1f5f9;
    padding: 4px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    gap: 4px;
}

.itsshop-bonus-mode-tab {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-mode-tab:hover {
    color: #0f172a;
}

.itsshop-bonus-mode-tab.btn_hit {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #0f172a;
}

/* 기간 검색 필터 카드 */
.itsshop-bonus-filter-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
}

.itsshop-bonus-filter-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.itsshop-bonus-period-btns ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.itsshop-bonus-period-btns li .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-period-btns li .btn:hover {
    background-color: #f1f5f9;
    color: #0f172a;
}

.itsshop-bonus-period-btns li.hit .btn {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
    font-weight: 700;
}

.itsshop-bonus-date-form-inner {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    flex-wrap: nowrap;
}

.itsshop-bonus-date-inputs,
.itsshop-bonus-filter-card.cm_order_search_unique .detail .input_wrap {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

.itsshop-bonus-date-field {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.itsshop-bonus-input-date,
.itsshop-bonus-filter-card.cm_order_search_unique .detail .input_date {
    width: 132px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    cursor: pointer;
    outline: none;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-bonus-input-date::placeholder,
.itsshop-bonus-filter-card.cm_order_search_unique .detail .input_date::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.itsshop-bonus-input-date:hover,
.itsshop-bonus-filter-card.cm_order_search_unique .detail .input_date:hover {
    border-color: #94a3b8 !important;
    background-color: #f8fafc !important;
}

.itsshop-bonus-input-date:focus,
.itsshop-bonus-filter-card.cm_order_search_unique .detail .input_date:focus {
    border-color: #2563eb !important;
    background-color: #ffffff !important;
}

.itsshop-bonus-date-sep {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 0 2px;
}

.itsshop-bonus-submit-btn,
.itsshop-bonus-submit-btn:link,
.itsshop-bonus-submit-btn:visited,
.itsshop-bonus-filter-card .submit_period,
.itsshop-bonus-filter-card a.btn_md_black,
.itsshop-bonus-filter-card .button_pack .btn_md_black,
.itsshop-bonus-filter-card .button_pack a.btn_md_black {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    height: 36px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    border: 1px solid #0f172a !important;
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-bonus-submit-btn:hover,
.itsshop-bonus-submit-btn:active,
.itsshop-bonus-filter-card .submit_period:hover,
.itsshop-bonus-filter-card a.btn_md_black:hover,
.itsshop-bonus-filter-card .button_pack .btn_md_black:hover {
    background: #2563eb !important;
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

/* 기간 합계 요약 바 */
.itsshop-bonus-sum-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
}

.itsshop-bonus-sum-count {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}

.itsshop-bonus-sum-count strong {
    color: #0f172a;
    font-weight: 800;
}

.itsshop-bonus-sum-right {
    display: flex;
    align-items: center;
    gap: 14px;
}

.itsshop-bonus-sum-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #0284c7;
}

.itsshop-bonus-sum-item img {
    width: 10px;
    height: auto;
}

.itsshop-bonus-sum-item strong {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

/* 데이터 리스트 테이블 카드 */
.itsshop-bonus-table-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-bonus-list {
    width: 100%;
}

.itsshop-bonus-list ul {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
}

.itsshop-bonus-cols-2 ul {
    grid-template-columns: 140px 1fr;
}

.itsshop-bonus-cols-3 ul {
    grid-template-columns: 140px 1fr 180px;
}

.itsshop-bonus-cols-4 ul {
    grid-template-columns: 140px 1fr 160px 160px;
}

.itsshop-bonus-cols-5 ul {
    grid-template-columns: 130px 1fr 140px 120px 140px;
}

.itsshop-bonus-list-head ul {
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-bonus-list-head li {
    padding: 13px 16px;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    text-align: center;
}

.itsshop-bonus-list-body ul {
    border-bottom: 1px solid #f1f5f9;
    transition: background-color 0.15s ease;
}

.itsshop-bonus-list-body ul:last-child {
    border-bottom: none;
}

.itsshop-bonus-list-body ul:hover {
    background-color: #f8fafc;
}

.itsshop-bonus-list-body li {
    padding: 14px 16px;
    font-size: 13px;
    color: #1e293b;
    text-align: center;
    line-height: 1.45;
}

.itsshop-bonus-list-body li.col-date {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
}

.itsshop-bonus-list-body li.col-memo {
    text-align: left;
}

.itsshop-bonus-list-body li.col-amount,
.itsshop-bonus-list-body li.col-balance,
.itsshop-bonus-list-body li.col-deduct,
.itsshop-bonus-list-body li.col-net {
    text-align: right;
    font-weight: 700;
}

.itsshop-bonus-type-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
}

.itsshop-bonus-val-plus {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #0284c7;
    font-weight: 700;
}

.itsshop-bonus-val-plus img,
.itsshop-bonus-val-minus img {
    width: 8px;
    height: auto;
}

.itsshop-bonus-val-minus {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #dc2626;
    font-weight: 700;
}

.itsshop-bonus-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 60px 20px;
    color: #94a3b8;
}

.itsshop-bonus-empty i {
    font-size: 32px;
    color: #cbd5e1;
}

.itsshop-bonus-empty .gtxt {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
}

/* 페이지네이션 */
.itsshop-bonus-pagination {
    display: flex;
    justify-content: center;
    padding: 10px 0 20px;
}


/* ==========================================================================
   [itsshop-mypage] 쇼핑몰 마이페이지 메인 (mo/mypage.main.php, m/mypage.main.php)
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-mypage-wrap {
    flex: 1;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    padding: 10px 0 50px 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.itsshop-mypage-wrap *,
.itsshop-mypage-wrap *::before,
.itsshop-mypage-wrap *::after {
    box-sizing: border-box;
}

.itsshop-mypage-mobile {
    padding: 16px 14px 40px;
    gap: 20px;
}

/* 상단 환영 배너 카드 */
.itsshop-mypage-welcome-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 24px 28px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    margin-bottom: 18px;
}

.itsshop-mypage-welcome-left {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1;
    min-width: 240px;
}

.itsshop-mypage-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 22px;
    flex-shrink: 0;
}

.itsshop-mypage-welcome-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 6px;
}

.itsshop-mypage-grade-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-size: 12px;
    font-weight: 800;
}

.itsshop-mypage-id-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.itsshop-mypage-welcome-msg {
    font-size: 18px;
    color: #1e293b;
    line-height: 1.4;
    font-weight: 500;
}

.itsshop-mypage-welcome-msg b {
    font-weight: 800;
    color: #0f172a;
}

.itsshop-mypage-welcome-action {
    display: flex;
    align-items: center;
    gap: 10px;
}

.itsshop-mypage-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-mypage-btn-outline:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.itsshop-mypage-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 22px;
    border-radius: 10px;
    border: 1px solid #0f172a;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    -webkit-appearance: none;
}

.itsshop-mypage-btn-primary:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

/* 보유 포인트/쿠폰 통계 카드 그리드 */
.itsshop-mypage-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
}

.itsshop-mypage-stat-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: border-color 0.15s ease;
}

.itsshop-mypage-stat-card:hover {
    border-color: #94a3b8;
}

.itsshop-mypage-stat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-mypage-stat-title {
    font-size: 14px;
    font-weight: 700;
    color: #475569;
}

.itsshop-mypage-stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #2563eb;
    font-size: 13px;
}

.itsshop-mypage-stat-body {
    margin-bottom: 18px;
}

.itsshop-mypage-stat-value {
    font-size: 24px;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.itsshop-mypage-stat-unit {
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    margin-left: 3px;
}

.itsshop-mypage-stat-sub {
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.itsshop-mypage-stat-foot {
    display: flex;
    gap: 8px;
}

.itsshop-mypage-stat-btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-mypage-stat-btn:hover {
    background-color: #ffffff;
    border-color: #64748b;
    color: #0f172a;
}

.itsshop-mypage-stat-btn.primary {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.itsshop-mypage-stat-btn.primary:hover {
    background-color: #dbeafe;
    color: #1d4ed8;
}

/* 공통 섹션 카드 및 헤더 */
.itsshop-mypage-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 26px 28px;
}

.itsshop-mypage-sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-mypage-sec-head.is-compact {
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.itsshop-mypage-sec-title {
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 10px;
}

.itsshop-mypage-sec-title.is-sm {
    font-size: 16px;
}

.itsshop-mypage-sec-title strong {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.itsshop-mypage-more-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    text-decoration: none;
    transition: color 0.15s ease;
}

.itsshop-mypage-more-link:hover {
    color: #2563eb;
}

/* 주문 상태 5단계 스텝 */
.itsshop-mypage-step-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.itsshop-mypage-step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 12px;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    background-color: #f8fafc;
    text-align: center;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-mypage-step-item:hover {
    border-color: #cbd5e1;
    background-color: #ffffff;
}

.itsshop-mypage-step-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    margin-bottom: 10px;
}

.itsshop-mypage-step-icon.is-cancel {
    background-color: #fef2f2;
    border-color: #fecaca;
}

.itsshop-mypage-step-icon img {
    max-width: 28px;
    height: auto;
}

.itsshop-mypage-step-name {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 4px;
}

.itsshop-mypage-step-count {
    font-size: 22px;
    font-weight: 900;
    color: #0f172a;
}

.itsshop-mypage-step-count.is-point {
    color: #2563eb;
}

.itsshop-mypage-step-count.is-cancel {
    color: #dc2626;
}

/* 최근 주문 내역 카드 */
.itsshop-mypage-order-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-mypage-order-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    transition: border-color 0.15s ease;
}

.itsshop-mypage-order-card:hover {
    border-color: #94a3b8;
}

.itsshop-mypage-order-thumb {
    width: 84px;
    height: 84px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.itsshop-mypage-order-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itsshop-mypage-order-info {
    flex: 1;
    min-width: 0;
}

.itsshop-mypage-order-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 6px;
}

.itsshop-mypage-order-num {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    background-color: #f1f5f9;
    padding: 2px 8px;
    border-radius: 4px;
}

.itsshop-mypage-order-date {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 500;
}

.itsshop-mypage-order-name {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itsshop-mypage-order-price {
    font-size: 14px;
    color: #475569;
    font-weight: 600;
}

.itsshop-mypage-order-price strong {
    color: #0f172a;
    font-weight: 800;
    margin-left: 4px;
}

.itsshop-mypage-order-pv {
    margin-left: 6px;
    color: #2563eb;
    font-weight: 700;
}

.itsshop-mypage-order-status {
    width: 130px;
    flex-shrink: 0;
    text-align: center;
}

.itsshop-mypage-status-label {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}

.itsshop-mypage-order-btns {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.itsshop-mypage-btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-mypage-btn-sm.is-dark {
    background-color: #0f172a;
    border: 1px solid #0f172a;
    color: #ffffff;
}

.itsshop-mypage-btn-sm.is-dark:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

.itsshop-mypage-btn-sm.is-line {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
}

.itsshop-mypage-btn-sm.is-line:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

/* 하단 2열 그리드 (찜한상품 / 문의내역) */
.itsshop-mypage-half-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.itsshop-mypage-wish-list,
.itsshop-mypage-board-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.itsshop-mypage-wish-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-mypage-wish-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.itsshop-mypage-wish-thumb {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.itsshop-mypage-wish-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.itsshop-mypage-wish-info {
    flex: 1;
    min-width: 0;
}

.itsshop-mypage-wish-name {
    margin: 0 0 4px 0;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itsshop-mypage-wish-name a {
    color: inherit;
    text-decoration: none;
}

.itsshop-mypage-wish-name a:hover {
    color: #2563eb;
}

.itsshop-mypage-wish-price {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-mypage-board-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-mypage-board-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.itsshop-mypage-board-link {
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itsshop-mypage-board-link:hover {
    color: #2563eb;
}

.itsshop-mypage-board-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.itsshop-mypage-board-date {
    font-size: 12px;
    color: #94a3b8;
}

.itsshop-mypage-board-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
}

.itsshop-mypage-board-badge.is-wait {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.itsshop-mypage-board-badge.is-done {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
}

.itsshop-mypage-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 48px 20px;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
    background-color: #f8fafc;
    color: #64748b;
    text-align: center;
}

.itsshop-mypage-empty.is-compact {
    padding: 36px 16px;
}

.itsshop-mypage-empty i {
    font-size: 28px;
    color: #94a3b8;
}

.itsshop-mypage-empty p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}


/* ==========================================================================
   [itsshop-partner] 가맹점(쇼핑몰) 분양 신청 (mo/partner_reg_form.php, m/partner_reg_form.php)
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-partner-wrap {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 28px 20px 60px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    line-height: 1.6;
    box-sizing: border-box;
}

.itsshop-partner-wrap *,
.itsshop-partner-wrap *::before,
.itsshop-partner-wrap *::after {
    box-sizing: border-box;
}

.itsshop-partner-mobile {
    padding: 16px 14px 40px;
}

/* 상단 헤더 배너 */
.itsshop-partner-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 28px;
    border-radius: 16px;
    border: 1px solid #1e293b;
    background-color: #0f172a;
    color: #ffffff;
    text-align: center;
    margin-bottom: 36px;
}

.itsshop-partner-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background-color: #1e293b;
    border: 1px solid #334155;
    color: #38bdf8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
}

.itsshop-partner-header-icon {
    margin-bottom: 12px;
}

.itsshop-partner-header-icon img {
    width: 52px;
    height: auto;
    vertical-align: middle;
}

.itsshop-partner-header-text {
    margin: 0;
}

.itsshop-partner-header-text dt {
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.itsshop-partner-header-text dt a {
    color: inherit;
    text-decoration: none;
}

.itsshop-partner-header-text dd {
    margin: 0;
    font-size: 14px;
    color: #94a3b8;
}

/* 섹션 구분 및 타이틀 */
.itsshop-partner-section {
    margin-bottom: 36px;
}

.itsshop-partner-sec-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.itsshop-partner-step-num {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.itsshop-partner-sec-title {
    margin: 0;
    font-size: 19px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

/* 약관 동의 카드 */
.itsshop-partner-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-partner-terms-box {
    padding: 24px;
    height: 210px;
    overflow-y: auto;
    font-size: 13px;
    color: #475569;
    line-height: 1.65;
    background-color: #ffffff;
}

.itsshop-partner-terms-agree {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.itsshop-partner-chk-input {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #2563eb;
    margin: 0;
}

.itsshop-partner-chk-label {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    cursor: pointer;
}

/* 계약자 갑/을 비교 카드 */
.itsshop-partner-contract-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.itsshop-partner-contract-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 26px;
    position: relative;
}

.itsshop-partner-contract-card.is-applicant {
    border-color: #93c5fd;
}

.itsshop-partner-contract-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-partner-contract-head strong {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-partner-party-tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 6px;
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
}

.itsshop-partner-party-tag.is-blue {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.itsshop-partner-info-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    font-size: 14px;
}

.itsshop-partner-info-row.is-ceo {
    margin-top: 22px;
    padding-top: 14px;
    border-top: 1px dashed #e2e8f0;
}

.itsshop-partner-info-label {
    width: 110px;
    flex-shrink: 0;
    font-weight: 700;
    color: #64748b;
}

.itsshop-partner-info-data {
    flex: 1;
    color: #0f172a;
    font-weight: 600;
}

.itsshop-partner-info-data strong {
    color: #2563eb;
    font-weight: 800;
}

.itsshop-partner-seal-txt {
    font-style: normal;
    color: #94a3b8;
    font-size: 13px;
    margin-left: 4px;
}

.itsshop-partner-admin-seal {
    position: absolute;
    bottom: 24px;
    right: 28px;
}

.itsshop-partner-admin-seal img {
    width: 60px;
    height: auto;
}

/* 서명 패드 영역 */
.itsshop-partner-sign-wrap {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px dashed #cbd5e1;
}

.itsshop-partner-sign-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.itsshop-partner-sign-guide {
    font-size: 12px;
    font-weight: 700;
    color: #dc2626;
}

.itsshop-partner-btn-clear {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.itsshop-partner-btn-clear:hover {
    background-color: #e2e8f0;
}

.itsshop-partner-sign-pad,
.kbw-signature {
    width: 100%;
    height: 130px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    cursor: crosshair;
    display: block;
}

.itsshop-partner-hide {
    display: none;
}

/* 입력 폼 테이블 */
.itsshop-partner-table-wrap {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: hidden;
}

.itsshop-partner-form-table {
    width: 100%;
    border-collapse: collapse;
}

.itsshop-partner-form-table th,
.itsshop-partner-form-table td {
    padding: 18px 22px;
    border-bottom: 1px solid #f1f5f9;
    text-align: left;
    vertical-align: middle;
}

.itsshop-partner-form-table tr:last-child th,
.itsshop-partner-form-table tr:last-child td {
    border-bottom: none;
}

.itsshop-partner-form-table th {
    width: 190px;
    background-color: #f8fafc;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
    border-right: 1px solid #f1f5f9;
}

.itsshop-partner-req {
    color: #dc2626;
    margin-left: 2px;
}

.itsshop-partner-input {
    height: 42px;
    padding: 0 14px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 500;
    outline: none;
    transition: border-color 0.15s ease;
}

.itsshop-partner-input:focus {
    border-color: #2563eb !important;
}

.itsshop-partner-input.is-sm {
    width: 220px;
    max-width: 100%;
}

.itsshop-partner-input.is-md {
    width: 340px;
    max-width: 100%;
}

.itsshop-partner-input.is-lg {
    width: 460px;
    max-width: 100%;
}

.itsshop-partner-input.is-full {
    width: 100%;
}

.itsshop-partner-input.is-right {
    text-align: right;
    font-weight: 800;
    color: #2563eb !important;
    font-size: 16px !important;
}

.itsshop-partner-input.is-readonly {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #475569 !important;
}

.itsshop-partner-textarea {
    width: 100%;
    height: 96px;
    padding: 12px 14px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #0f172a;
    font-size: 14px;
    resize: vertical;
    outline: none;
}

.itsshop-partner-textarea:focus {
    border-color: #2563eb;
}

.itsshop-partner-grade-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 8px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 14px;
    font-weight: 800;
}

.itsshop-partner-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 14px;
}

.itsshop-partner-radio-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background-color: #f8fafc;
    color: #1e293b;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-partner-radio-item:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
}

.itsshop-partner-radio-item input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #2563eb;
}

.itsshop-partner-radio-full {
    width: 100%;
}

.itsshop-partner-price-display {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-partner-price-unit {
    font-size: 14px;
    font-weight: 700;
    color: #475569;
}

/* 하단 신청/취소 버튼 */
.itsshop-partner-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 36px;
}

.itsshop-partner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 52px;
    padding: 0 32px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-partner-btn.is-submit {
    background-color: #2563eb;
    border: 1px solid #2563eb;
    color: #ffffff;
}

.itsshop-partner-btn.is-submit:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

.itsshop-partner-btn.is-cancel {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
}

.itsshop-partner-btn.is-cancel:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

/* ==========================================================================
   [Responsive] bonus / mypage / partner 반응형 미디어 쿼리
   ========================================================================== */
@media (max-width: 960px) {
    .itsshop-mypage-step-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .itsshop-mypage-half-grid {
        grid-template-columns: 1fr;
    }
    .itsshop-partner-contract-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .itsshop-bonus-hero-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    .itsshop-bonus-hero-right {
        width: 100%;
        align-items: flex-start;
    }
    .itsshop-bonus-filter-row {
        flex-direction: column;
        align-items: stretch;
    }
    .itsshop-bonus-date-form-inner {
        flex-direction: column;
        align-items: stretch;
    }
    .itsshop-bonus-date-inputs {
        width: 100%;
    }
    .itsshop-bonus-date-field {
        flex: 1;
    }
    .itsshop-bonus-input-date {
        width: 100%;
    }
    .itsshop-bonus-submit-btn {
        width: 100%;
    }
    .itsshop-bonus-cols-2 ul {
        grid-template-columns: 95px 1fr;
    }
    .itsshop-bonus-cols-3 ul {
        grid-template-columns: 95px 1fr 110px;
    }
    .itsshop-bonus-cols-4 ul {
        grid-template-columns: 88px 1fr 95px 95px;
    }
    .itsshop-bonus-cols-5 ul {
        grid-template-columns: 85px 1fr 85px 70px 85px;
    }
    .itsshop-bonus-list-head li,
    .itsshop-bonus-list-body li {
        padding: 11px 8px;
        font-size: 12px;
    }

    .itsshop-mypage-welcome-card {
        padding: 20px;
    }
    .itsshop-mypage-welcome-action {
        width: 100%;
    }
    .itsshop-mypage-welcome-action .itsshop-mypage-btn-outline,
    .itsshop-mypage-welcome-action .itsshop-mypage-btn-primary {
        flex: 1;
    }
    .itsshop-mypage-card {
        padding: 20px 16px;
    }
    .itsshop-mypage-step-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .itsshop-mypage-order-card {
        flex-direction: column;
        align-items: flex-start;
    }
    .itsshop-mypage-order-name {
        white-space: normal;
    }
    .itsshop-mypage-order-status {
        width: 100%;
        text-align: left;
        padding-top: 12px;
        border-top: 1px solid #f1f5f9;
    }
    .itsshop-mypage-order-btns {
        flex-direction: row;
    }
    .itsshop-mypage-btn-sm {
        flex: 1;
    }

    .itsshop-partner-header {
        padding: 28px 18px;
    }
    .itsshop-partner-header-text dt {
        font-size: 21px;
    }
    .itsshop-partner-form-table,
    .itsshop-partner-form-table tbody,
    .itsshop-partner-form-table tr,
    .itsshop-partner-form-table th,
    .itsshop-partner-form-table td {
        display: block;
        width: 100%;
    }
    .itsshop-partner-form-table th {
        padding: 12px 16px 6px;
        border-right: none;
        border-bottom: none;
    }
    .itsshop-partner-form-table td {
        padding: 8px 16px 16px;
    }
    .itsshop-partner-input.is-sm,
    .itsshop-partner-input.is-md,
    .itsshop-partner-input.is-lg {
        width: 100%;
    }
    .itsshop-partner-btn-group {
        flex-direction: column;
    }
    .itsshop-partner-btn {
        width: 100%;
    }
}

/* ==========================================================================
   [MyOffice Extended Pages]
   - mypage.recom.list.php (산하/추천회원 리스트)
   - trade.order.charge_list.php (입금신청내역)
   - trade.order.charge.php (입금신청 / 패키지구매 / 스테이킹)
   - mypage.bonus_withdraw.request.php (출금신청)
   - mypage.member.info.php (회원정보수정 / 지갑·계좌관리)
   (Strict CSS Rule: Hardcoded values & 1px borders only)
   ========================================================================== */

/* 상단 바 레이아웃 및 우측 액션 버튼 */
.itsshop-bonus-topbar:has(> .itsshop-bonus-topbar-left) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 20px;
    background-color: #f8fafc !important;
}

.itsshop-bonus-topbar:has(> .itsshop-bonus-topbar-head) {
    display: block !important;
    padding: 0 !important;
    background-color: #ffffff !important;
}

.itsshop-bonus-topbar-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 20px !important;
    background-color: #f8fafc !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-topbar .btn_openmenu {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    height: 38px !important;
    transform: none !important;
    -webkit-transform: none !important;
}

.itsshop-bonus-topbar .btn_openmenu i {
    transition: transform 0.2s ease;
}

.itsshop-bonus-topbar.if_open_menu .btn_openmenu i {
    transform: rotate(180deg);
}

.itsshop-bonus-topbar-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
}

.itsshop-bonus-topbar-left::after {
    display: none !important;
    content: none !important;
}

.itsshop-bonus-page-title,
.itsshop-bonus-topbar .this_page_name .txt {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
}

.itsshop-bonus-topbar .btn_back {
    position: static !important;
    width: 34px !important;
    height: 34px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.itsshop-bonus-topbar .btn_back:hover {
    background-color: #f1f5f9 !important;
    border-color: #94a3b8 !important;
}

.itsshop-bonus-topbar .btn_back .shape {
    display: none !important;
}

.itsshop-bonus-home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #334155 !important;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-home-btn:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a !important;
}

.itsshop-bonus-back-btn svg,
.itsshop-bonus-home-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

.itsshop-bonus-topbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-bonus-topbar-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-topbar-link:hover {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

/* 히어로 보유 포인트/인원 값 추가 선택자 보강 */
.itsshop-bonus-hero-value strong {
    font-size: 26px;
    font-weight: 900;
    color: #38bdf8;
    letter-spacing: -0.02em;
}

.itsshop-bonus-hero-unit {
    font-size: 14px;
    font-weight: 700;
    color: #e2e8f0;
}

/* 기간 필터 버튼 그룹 (.itsshop-bonus-period-btns / .itsshop-bonus-period-group / .cm_order_search_unique 호환) */
.itsshop-bonus-period-btns,
.itsshop-bonus-period-group,
.itsshop-bonus-filter-card.cm_order_search_unique .period {
    display: block !important;
    width: auto !important;
    float: none !important;
    overflow: visible !important;
}

.itsshop-bonus-period-btns ul,
.itsshop-bonus-period-group ul,
.itsshop-bonus-filter-card.cm_order_search_unique .period ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.itsshop-bonus-period-btns li,
.itsshop-bonus-period-group li,
.itsshop-bonus-filter-card.cm_order_search_unique .period li {
    display: inline-flex !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

.itsshop-bonus-period-btns li .btn,
.itsshop-bonus-period-group li .btn,
.itsshop-bonus-filter-card.cm_order_search_unique .period .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-period-btns li .btn:hover,
.itsshop-bonus-period-group li .btn:hover,
.itsshop-bonus-filter-card.cm_order_search_unique .period .btn:hover {
    background-color: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

.itsshop-bonus-period-btns li.hit .btn,
.itsshop-bonus-period-group li.hit .btn,
.itsshop-bonus-period-btn.is-active,
.itsshop-bonus-filter-card.cm_order_search_unique .period .hit .btn {
    background-color: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.itsshop-bonus-filter-card.cm_order_search_unique .detail {
    margin-top: 0 !important;
    position: static !important;
    overflow: visible !important;
    float: none !important;
}

.itsshop-bonus-filter-card.cm_order_search_unique .detail .input_wrap {
    margin-right: 0 !important;
}

.itsshop-bonus-filter-card.cm_order_search_unique .detail .button_pack {
    position: static !important;
    width: auto !important;
    margin: 0 !important;
}

/* 리스트 컬럼 보조 클래스 */
.itsshop-bonus-list-body li.is-date {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
}

.itsshop-bonus-list-body li.is-amount {
    font-weight: 700;
    color: #0f172a;
}

.itsshop-bonus-list-body li.is-amount.is-plus {
    color: #0284c7;
}

.itsshop-bonus-list-body li.is-amount.is-minus {
    color: #dc2626;
}

/* 빈 상태(Empty State) 아이콘 중복 제거 및 규격화 */
.itsshop-bonus-empty-icon,
.itsshop-bonus-empty .no_icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    background-image: none !important;
    border: 1px solid #e2e8f0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #94a3b8 !important;
    margin: 0 auto 4px !important;
}

.itsshop-bonus-empty-icon::before,
.itsshop-bonus-empty-icon::after,
.itsshop-bonus-empty .no_icon::before,
.itsshop-bonus-empty .no_icon::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.itsshop-bonus-empty-icon svg,
.itsshop-bonus-empty .no_icon svg {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    stroke: #94a3b8;
}

.itsshop-bonus-empty-txt,
.itsshop-bonus-empty .gtxt,
.itsshop-bonus-wrap .cm_no_conts .gtxt {
    margin-top: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

.itsshop-bonus-wrap .cm_no_conts .no_icon:empty {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background-color: #f1f5f9 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
    border: 1px solid #e2e8f0 !important;
    margin: 0 auto 8px !important;
}

.itsshop-bonus-wrap .cm_no_conts .no_icon:empty::before,
.itsshop-bonus-wrap .cm_no_conts .no_icon:empty::after {
    display: none !important;
    content: none !important;
}

/* 6컬럼 그리드 테이블 (산하회원 리스트 등) */
.itsshop-bonus-cols-6 ul {
    grid-template-columns: 110px 110px 1fr 110px 80px 130px;
}

/* 추천링크 & QR코드 카드 (mypage.recom.list.php) */
.itsshop-recom-ref-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.itsshop-recom-qr-box {
    flex-shrink: 0;
    width: 116px;
    height: 116px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
}

.itsshop-recom-qr-box img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    border-radius: 6px;
}

.itsshop-recom-ref-body {
    flex: 1;
    min-width: 0;
}

.itsshop-recom-ref-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 8px;
}

.itsshop-recom-ref-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.itsshop-recom-ref-desc {
    margin: 0 0 14px;
    font-size: 13px;
    color: #64748b;
}

.itsshop-recom-url-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: auto !important;
}

.itsshop-recom-url-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
}

.itsshop-recom-copy-btn,
.itsshop-recom-copy-btn:link,
.itsshop-recom-copy-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    width: 132px !important;
    min-width: 132px !important;
    flex: 0 0 132px !important;
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background-color: #0f172a !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-recom-copy-btn:hover,
.itsshop-recom-copy-btn:active {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.itsshop-recom-kakao-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 42px;
    padding: 0 16px;
    border-radius: 10px;
    background-color: #fee500;
    border: 1px solid #ebd400;
    color: #191919 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.itsshop-recom-kakao-btn img {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

/* 입금신청내역 상세/상태 서브행 (trade.order.charge_list.php) */
.itsshop-bonus-list-body ul.li_wrap_start_ul {
    display: block !important;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    padding: 0;
    margin: 0;
}

.itsshop-bonus-list-body ul.li_wrap_start_ul li.li_wrap_start {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 18px !important;
    height: auto !important;
    border-right: none !important;
    font-size: 13px;
    color: #475569;
    text-align: left !important;
}

.itsshop-bonus-list-body .li_wrap_div {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.itsshop-bonus-list-body .li_wrap_div_step {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #2563eb;
}

.itsshop-bonus-list-body .li_wrap_start .button_pack {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    display: inline-flex !important;
}

.itsshop-bonus-list-body .li_wrap_start .btn_sm_color,
.itsshop-bonus-list-body .li_wrap_start .btn_md_black {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 30px !important;
    width: auto !important;
    min-width: 56px;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    transition: all 0.15s ease;
}

.itsshop-bonus-list-body .li_wrap_start .btn_sm_color:hover {
    background-color: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

/* 상태 배지 공통 */
.itsshop-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.itsshop-status-badge.is-done {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
}

.itsshop-status-badge.is-wait {
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    color: #b45309;
}

.itsshop-status-badge.is-cancel {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.itsshop-status-badge.is-neutral {
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

/* ==========================================================================
   [Form / Card Container System inside .itsshop-bonus-wrap]
   - Applies to mypage.member.info.php, trade.order.charge.php,
     mypage.bonus_withdraw.request.php
   ========================================================================== */

.itsshop-form-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
}

.itsshop-form-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 18px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-form-card-title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.02em;
}

.itsshop-form-card-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background-color: #2563eb;
}

/* 회원정보 상단 요약 배너 (mypage.member.info.php) */
.itsshop-meminfo-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    background-color: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 16px;
    padding: 22px 26px;
    margin-bottom: 16px;
    color: #ffffff;
}

.itsshop-meminfo-hero-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.itsshop-meminfo-avatar {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background-color: #1e293b;
    border: 1px solid #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #60a5fa;
    font-size: 22px;
    font-weight: 800;
}

.itsshop-meminfo-user-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
}

.itsshop-meminfo-grade-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 6px;
    background-color: #1d4ed8;
    border: 1px solid #3b82f6;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
}

.itsshop-meminfo-user-sub {
    margin: 0;
    font-size: 13px;
    color: #94a3b8;
}

/* .itsshop-bonus-wrap 내부 구형 폼/타이틀/결제수단/테이블 자동 현대화 */
.itsshop-bonus-wrap .cm_member_title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 8px !important;
    margin: 24px 0 12px !important;
    padding: 0 4px 10px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    background: none !important;
}

.itsshop-bonus-wrap .cm_member_title::before {
    display: none !important;
    content: none !important;
}

.itsshop-bonus-wrap .cm_member_title strong {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    color: #0f172a;
    text-align: left !important;
}

.itsshop-bonus-wrap .cm_member_title .its-detailbtn,
.itsshop-bonus-wrap .cm_member_title .explain {
    margin-left: auto !important;
    float: none !important;
}

.itsshop-bonus-wrap .cm_member_title strong::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background-color: #2563eb;
}

.itsshop-bonus-wrap .cm_member_form {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px 24px !important;
    margin: 0 0 16px 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}

.itsshop-bonus-wrap .cm_member_form > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.itsshop-bonus-wrap .cm_member_form > ul > li {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    position: relative !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
}

.itsshop-bonus-wrap .cm_member_form > ul > li:last-child {
    border-bottom: none !important;
}

.itsshop-bonus-wrap .cm_member_form .opt,
.itsshop-bonus-wrap .cm_member_form .ess .opt,
.itsshop-bonus-wrap .cm_member_form .opt2,
.itsshop-bonus-wrap .cm_member_form .opt25per {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 140px !important;
    height: auto !important;
    line-height: 1.45 !important;
    flex-shrink: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    color: #334155 !important;
    padding: 6px 14px 6px 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    background-image: none !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap .cm_member_form .value,
.itsshop-bonus-wrap .cm_member_form .value25per {
    position: static !important;
    flex: 1 1 240px !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1.5 !important;
    border: none !important;
    border-left: none !important;
    background: transparent !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
}

.itsshop-bonus-wrap .cm_member_form .tip_txt {
    clear: both !important;
    width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

.itsshop-bonus-wrap .cm_member_form .tip_txt dl {
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-bonus-wrap .cm_member_form .tip_txt dd,
.itsshop-bonus-wrap .cm_member_form .tip_txt dt {
    background: none !important;
    background-image: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #64748b !important;
}

.itsshop-bonus-wrap .cm_member_form .tip_txt dt {
    color: #dc2626 !important;
}

/* 공통 입력 필드 및 셀렉트 디자인 현대화 */
.itsshop-bonus-wrap input.input_design,
.itsshop-bonus-wrap select.select_design,
.itsshop-bonus-wrap textarea.textarea_design,
.itsshop-bonus-wrap input.textarea_design {
    float: none !important;
    text-indent: 0 !important;
    height: 44px !important;
    line-height: 42px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    background-image: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-bonus-wrap textarea.textarea_design {
    height: auto !important;
    padding: 14px !important;
    line-height: 1.6 !important;
}

.itsshop-bonus-wrap input.input_design:focus,
.itsshop-bonus-wrap select.select_design:focus,
.itsshop-bonus-wrap textarea.textarea_design:focus,
.itsshop-bonus-wrap input.textarea_design:focus {
    border-color: #2563eb !important;
}

.itsshop-bonus-wrap input.input_design[readonly] {
    background-color: #f8fafc !important;
    color: #475569 !important;
}

/* 금액 빠른 선택 버튼 그룹 (.select_radio_trans_purple / .select_radio_pack_box) */
.itsshop-bonus-wrap .select_radio_trans_purple,
.itsshop-bonus-wrap .select_radio_pack_box {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 !important;
}

.itsshop-bonus-wrap .select_radio_trans_purple input[type="radio"],
.itsshop-bonus-wrap .select_radio_pack_box input[type="radio"] {
    display: none;
}

.itsshop-bonus-wrap .select_radio_trans_purple label,
.itsshop-bonus-wrap .select_radio_pack_box label {
    flex: 1 1 auto;
    min-width: 80px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer;
    text-align: center;
    transition: all 0.15s ease;
    margin: 0 !important;
}

.itsshop-bonus-wrap .select_radio_trans_purple label:hover,
.itsshop-bonus-wrap .select_radio_pack_box label:hover {
    border-color: #94a3b8 !important;
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

.itsshop-bonus-wrap .select_radio_trans_purple input[type="radio"]:checked + label,
.itsshop-bonus-wrap .select_radio_pack_box input[type="radio"]:checked + label {
    background-color: #eff6ff !important;
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
}

/* 결제/출금 수단 카드 (.its-payment-methods / .its-payment-options) */
.itsshop-bonus-wrap .its-payment-methods {
    margin: 12px 0 16px !important;
}

.itsshop-bonus-wrap .its-payment-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.itsshop-bonus-wrap .its-payment-option {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px !important;
    border-radius: 14px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-bonus-wrap .its-payment-option:hover {
    border-color: #94a3b8 !important;
    background-color: #f8fafc !important;
}

.itsshop-bonus-wrap .its-payment-option.active {
    border: 2px solid #2563eb !important;
    background-color: #eff6ff !important;
}

.itsshop-bonus-wrap .its-payment-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #475569;
    flex-shrink: 0;
}

.itsshop-bonus-wrap .its-payment-option.active .its-payment-icon {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.itsshop-bonus-wrap .its-payment-name {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-bonus-wrap .its-payment-option.active .its-payment-name {
    color: #1d4ed8;
}

/* 네트워크 선택 슬라이더 및 QR코드/계좌 정보 영역 */
.itsshop-bonus-wrap .its-network-section {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 14px;
}

.itsshop-bonus-wrap .its-network-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.itsshop-bonus-wrap .its-network-title {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-bonus-wrap .its-network-subtitle {
    font-size: 12px;
    color: #64748b;
}

.itsshop-bonus-wrap .its-network-selector {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    padding: 10px 12px;
}

.itsshop-bonus-wrap .its-network-arrow {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #334155;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.itsshop-bonus-wrap .its-network-arrow:hover {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.itsshop-bonus-wrap .its-network-center-wrap {
    flex: 1;
    min-width: 0;
    text-align: center;
}

.itsshop-bonus-wrap .its-network-center-item {
    display: none;
}

.itsshop-bonus-wrap .its-network-center-item.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.itsshop-bonus-wrap .its-network-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
}

.itsshop-bonus-wrap .its-network-center-text {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    word-break: break-all;
}

/* 계좌 및 지갑 요약 테이블 (.its-account-info / .its-account-table) */
.itsshop-bonus-wrap .its-account-info {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px;
    margin-top: 12px !important;
}

.itsshop-bonus-wrap .its-text-title {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 12px;
}

.itsshop-bonus-wrap .its-account-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.itsshop-bonus-wrap .its-account-table th,
.itsshop-bonus-wrap .its-account-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    text-align: left;
}

.itsshop-bonus-wrap .its-account-table th {
    width: 120px;
    background-color: #f8fafc;
    font-weight: 700;
    color: #475569;
    border-right: 1px solid #f1f5f9;
}

.itsshop-bonus-wrap .its-account-table td {
    font-weight: 600;
    color: #0f172a;
    word-break: break-all;
}

.itsshop-bonus-wrap .its-qr-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-bonus-wrap .its-qr-body {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px;
}

.itsshop-bonus-wrap .its-qr-box {
    width: 166px;
    height: 166px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.itsshop-bonus-wrap .its-qr-help {
    flex: 1;
    min-width: 200px;
    font-size: 13px;
    color: #475569;
    line-height: 1.6;
}

.itsshop-bonus-wrap .its-qr-help p {
    margin: 0 0 6px;
    font-weight: 700;
    color: #0f172a;
}

.itsshop-bonus-wrap .its-detailbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

.itsshop-bonus-wrap .its-detailbtn:hover {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

/* 출금신청 입력 및 수수료 계산 박스 (.cm_mypage_action_bonus / .cm_user_guide_bonus) */
.itsshop-bonus-wrap .cm_mypage_action_bonus {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px !important;
    margin-bottom: 16px !important;
}

.itsshop-bonus-wrap .cm_mypage_action_bonus dl,
.itsshop-bonus-wrap .cm_mypage_action_bonus ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.itsshop-bonus-wrap .cm_mypage_action_bonus .btn_use {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 52px !important;
    margin-top: 14px !important;
    border-radius: 12px !important;
    background-color: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-bonus-wrap .cm_mypage_action_bonus .btn_use:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

.itsshop-bonus-wrap .cm_user_guide_bonus {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    margin-bottom: 20px !important;
}

.itsshop-bonus-wrap .cm_user_guide_bonus ul {
    margin: 0;
    padding: 0 0 0 18px;
    color: #475569;
    font-size: 13px;
    line-height: 1.7;
}

/* 하단 제출 버튼 (.cm_bottom_button) */
.itsshop-bonus-wrap .cm_bottom_button {
    margin: 20px 0 28px !important;
}

.itsshop-bonus-wrap .cm_bottom_button ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    gap: 10px;
}

.itsshop-bonus-wrap .cm_bottom_button li {
    flex: 1;
}

.itsshop-bonus-wrap .cm_bottom_button .button_pack {
    display: block !important;
    width: 100% !important;
}

.itsshop-bonus-wrap .cm_bottom_button .btn_lg_color,
.itsshop-bonus-wrap .cm_bottom_button .btn_lg_black {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 52px !important;
    border-radius: 12px !important;
    background-color: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-bonus-wrap .cm_bottom_button .btn_lg_color:hover,
.itsshop-bonus-wrap .cm_bottom_button .btn_lg_black:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

/* 구형 .table_cm_bonus_list 자동 현대화 (trade.order.charge.php, mypage.bonus_withdraw.request.php 등) */
.itsshop-bonus-wrap .table_cm_bonus_list {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
}

.itsshop-bonus-wrap .table_cm_bonus_list .list_TB ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-bonus-wrap .table_cm_bonus_list .list_TB:first-child ul {
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-bonus-wrap .table_cm_bonus_list .list_TB ul li {
    flex: 1;
    padding: 13px 10px !important;
    height: auto !important;
    font-size: 13px !important;
    color: #334155;
    text-align: center;
    line-height: 1.4 !important;
    box-sizing: border-box;
}

.itsshop-bonus-wrap .table_cm_bonus_list .list_TB:first-child ul li {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #475569 !important;
}

.itsshop-bonus-wrap .cm_no_conts {
    padding: 48px 20px !important;
    text-align: center;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 600;
}

/* 출금 계산기 (.my_score / .input_design_withdraw / #return_per_calc) 및 기타 섹션 */
.itsshop-bonus-wrap .its-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 18px 0 10px !important;
    padding: 0 4px 10px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.itsshop-bonus-wrap .section-title {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap .my_score,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score {
    border: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

.itsshop-bonus-wrap .my_score ul,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: none !important;
    background: transparent !important;
}

.itsshop-bonus-wrap .my_score ul:empty {
    display: none !important;
}

.itsshop-bonus-wrap .my_score ul:last-child {
    margin-bottom: 0 !important;
}

.itsshop-bonus-wrap .my_score ul li,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score li {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 98px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap .my_score ul li::before,
.itsshop-bonus-wrap .my_score ul li::after,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score li::before,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score li::after {
    display: none !important;
    content: none !important;
}

.itsshop-bonus-wrap .my_score ul li .opt,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score .opt {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-align: left !important;
}

.itsshop-bonus-wrap .my_score ul li .value,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score .value {
    height: auto !important;
    min-height: 44px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: left !important;
}

.itsshop-bonus-wrap .my_score ul li .value.itsshop-withdraw-input-col {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 6px !important;
}

.itsshop-bonus-wrap .my_score ul li .value strong,
.itsshop-bonus-wrap .cm_mypage_action_bonus .my_score .value strong {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}

.itsshop-bonus-wrap .my_score ul li .value strong.itsshop-withdraw-balance-val {
    color: #2563eb !important;
}

.itsshop-bonus-wrap .my_score ul li .value strong.itsshop-withdraw-final-val {
    color: #0f172a !important;
}

.itsshop-bonus-wrap .itsshop-withdraw-unit {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #64748b !important;
}

.itsshop-bonus-wrap .itsshop-withdraw-hint {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #dc2626 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.itsshop-bonus-wrap .my_score .shop_btn_pack {
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* 출금 카드 상단 헤더 & 스텝 배지 */
.itsshop-withdraw-card-head {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-withdraw-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.itsshop-withdraw-card-title h4 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
}

.itsshop-withdraw-step-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.itsshop-withdraw-card-sub {
    margin: 6px 0 0 !important;
    font-size: 13px !important;
    color: #64748b !important;
    line-height: 1.5 !important;
}

/* 출금 안내 바 (#wallet_ret_msg) 및 환급계좌 카드 (.itsshop-withdraw-bank-card) */
.itsshop-bonus-wrap .cm_user_guide_bonus.itsshop-withdraw-guide-bar {
    margin: 16px 0 0 0 !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    background-color: #fffbeb !important;
    border: 1px solid #fde68a !important;
}

.itsshop-bonus-wrap .cm_user_guide_bonus dl {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.itsshop-bonus-wrap .cm_user_guide_bonus dd {
    display: none !important;
    background: none !important;
}

.itsshop-bonus-wrap #wallet_ret_msg {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #b45309 !important;
    text-align: center !important;
    line-height: 1.6 !important;
    letter-spacing: -0.01em !important;
}

.itsshop-bonus-wrap #wallet_ret_msg .shop_btn_pack {
    margin-top: 10px !important;
}

.itsshop-bonus-wrap #wallet_ret_msg .input_small.white {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 120px !important;
    height: 34px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.itsshop-bonus-wrap .cm_user_guide_bonus.itsshop-withdraw-bank-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 22px 24px !important;
    margin-bottom: 20px !important;
}

.itsshop-bonus-wrap .itsshop-withdraw-bank-card dt {
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-withdraw-bank-info,
.itsshop-withdraw-bank-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 16px 18px;
    border-radius: 12px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
}

.itsshop-withdraw-bank-empty {
    background-color: #fef2f2;
    border-color: #fecaca;
}

.itsshop-withdraw-bank-detail,
.itsshop-withdraw-bank-empty-txt {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: left;
}

.itsshop-withdraw-bank-label {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
}

.itsshop-withdraw-bank-val {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.itsshop-withdraw-bank-empty-txt strong {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #dc2626 !important;
}

.itsshop-withdraw-bank-empty-txt span {
    font-size: 12.5px;
    font-weight: 500;
    color: #7f1d1d;
}

.itsshop-withdraw-bank-btn,
.itsshop-withdraw-bank-btn:link,
.itsshop-withdraw-bank-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-withdraw-bank-btn.is-primary,
.itsshop-withdraw-bank-btn.is-primary:link,
.itsshop-withdraw-bank-btn.is-primary:visited {
    background-color: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

.itsshop-withdraw-bank-btn:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.itsshop-bonus-wrap input.input_design_withdraw {
    width: 100% !important;
    height: 44px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap input.input_design_withdraw:focus {
    border-color: #2563eb !important;
    outline: none !important;
}

.itsshop-bonus-wrap #return_per_calc {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background-color: #0f172a !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-bonus-wrap #return_per_calc:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.itsshop-bonus-wrap .cm_order_form input.textarea_design {
    width: 100% !important;
    margin-top: 16px !important;
}

.itsshop-bonus-wrap .cm_member_title .badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin-left: auto !important;
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-bonus-wrap .cm_member_title .badge:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

/* 무통장 입금 정보 카드 (.modern-payment-box / .itsshop-charge-bank-box) */
.itsshop-bonus-wrap .cm_member_form.modern-payment-box,
.itsshop-bonus-wrap .cm_member_form.itsshop-charge-bank-box {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 22px 24px !important;
    margin: 0 0 18px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap .modern-payment-box .payment-card,
.itsshop-bonus-wrap .itsshop-charge-bank-box .itsshop-charge-bank-card {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.itsshop-bonus-wrap .modern-payment-box .payment-title,
.itsshop-bonus-wrap .itsshop-charge-bank-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 0 0 14px 0 !important;
    margin: 0 0 16px 0 !important;
    border: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    text-align: left !important;
}

.itsshop-charge-bank-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.itsshop-charge-bank-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
}

.itsshop-charge-bank-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-charge-field {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-bonus-wrap .account-info-group.itsshop-charge-account-group {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-bonus-wrap .depositor-row.itsshop-charge-depositor-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.itsshop-bonus-wrap .itsshop-charge-row-label,
.itsshop-bonus-wrap .depositor-label.itsshop-charge-row-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 104px !important;
    width: 104px !important;
    height: 46px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap .cm_member_form input[type="text"].account-display.itsshop-charge-account-input,
.itsshop-bonus-wrap .cm_member_form input[type="text"].depositor-input.itsshop-charge-depositor-input {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    height: 46px !important;
    line-height: 44px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.itsshop-bonus-wrap .cm_member_form input[type="text"].depositor-input.itsshop-charge-depositor-input:not([readonly]) {
    background-color: #ffffff !important;
}

.itsshop-bonus-wrap .cm_member_form input[type="text"].account-display.itsshop-charge-account-input:focus,
.itsshop-bonus-wrap .cm_member_form input[type="text"].depositor-input.itsshop-charge-depositor-input:focus {
    border-color: #2563eb !important;
}

.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn,
.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn:link,
.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    flex-shrink: 0 !important;
    min-width: 124px !important;
    width: 124px !important;
    height: 46px !important;
    line-height: 1 !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #0f172a !important;
    background-image: none !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: none !important;
    filter: none !important;
    box-sizing: border-box !important;
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn::before,
.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn::after {
    display: none !important;
    content: none !important;
}

.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn span {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn svg {
    flex-shrink: 0 !important;
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.itsshop-bonus-wrap .payment-notice.itsshop-charge-bank-notice {
    margin-top: 14px !important;
    padding: 12px 16px !important;
    background-color: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-radius: 10px !important;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

@media (max-width: 640px) {
    .itsshop-bonus-wrap .cm_member_form.modern-payment-box,
    .itsshop-bonus-wrap .cm_member_form.itsshop-charge-bank-box {
        padding: 18px 16px !important;
    }
    .itsshop-bonus-wrap .account-info-group.itsshop-charge-account-group,
    .itsshop-bonus-wrap .depositor-row.itsshop-charge-depositor-row {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    .itsshop-bonus-wrap .itsshop-charge-row-label,
    .itsshop-bonus-wrap .depositor-label.itsshop-charge-row-label {
        width: 88px !important;
        min-width: 88px !important;
        padding: 0 10px !important;
    }
    .itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn,
    .itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn:link,
    .itsshop-bonus-wrap a.btn-copy.copytit_btn.itsshop-charge-copy-btn:visited {
        width: 100% !important;
        min-width: 100% !important;
    }
    .itsshop-bonus-wrap .my_score ul,
    .itsshop-bonus-wrap .cm_mypage_action_bonus .my_score ul {
        grid-template-columns: 1fr !important;
    }
    .itsshop-withdraw-bank-info,
    .itsshop-withdraw-bank-empty {
        flex-direction: column;
        align-items: stretch;
    }
    .itsshop-withdraw-bank-btn {
        width: 100% !important;
    }
    .itsshop-recom-ref-card {
        flex-direction: column;
        align-items: stretch;
        padding: 18px;
    }
    .itsshop-recom-qr-box {
        margin: 0 auto;
    }
    .itsshop-bonus-cols-6 ul {
        grid-template-columns: 78px 68px 1fr 68px 46px 82px;
    }
    .itsshop-bonus-wrap .cm_member_form {
        padding: 16px !important;
    }
    .itsshop-bonus-wrap .cm_member_form .opt,
    .itsshop-bonus-wrap .cm_member_form .ess .opt,
    .itsshop-bonus-wrap .cm_member_form .opt2,
    .itsshop-bonus-wrap .cm_member_form .opt25per {
        width: 100% !important;
        padding-bottom: 6px !important;
    }
    .itsshop-bonus-wrap .cm_member_form .value,
    .itsshop-bonus-wrap .cm_member_form .value25per {
        width: 100% !important;
        min-width: 0 !important;
    }
    .itsshop-bonus-wrap .its-qr-body {
        flex-direction: column;
        text-align: center;
    }
}

/* ==========================================================================
   [itsshop-tree] 추천/후원 조직도 프레임 및 OrgChart (mo/sub_tree_chart_frame.php, mo/sub_tree_chart.php)
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */

.itsshop-tree-frame-openmenu {
    display: none;
    width: 100% !important;
    padding: 14px 20px !important;
    background-color: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

.itsshop-tree-legend-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.itsshop-tree-legend-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: #334155;
    padding-right: 12px;
    border-right: 1px solid #e2e8f0;
    white-space: nowrap;
}

.itsshop-tree-legend-title i {
    color: #2563eb;
    font-size: 13px;
}

@media (max-width: 640px) {
    .itsshop-bonus-topbar-head {
        padding: 12px 14px !important;
    }
    .itsshop-tree-frame-openmenu {
        padding: 12px 14px !important;
    }
    .itsshop-tree-legend-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .itsshop-tree-legend-title {
        border-right: none;
        padding-right: 0;
    }
}

.itsshop-tree-frame-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
}

.itsshop-tree-iframe {
    display: block;
    width: 100%;
    min-height: 660px;
    border: 0;
    background-color: #f8fafc;
}

/* sub_tree_chart.php 내부 스타일 */
.itsshop-tree-body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    background-color: #f8fafc;
    color: #0f172a;
    margin: 0;
    padding: 0;
}

.itsshop-tree-canvas-wrap {
    min-height: 100vh;
    padding: 128px 20px 60px;
    background-color: #f8fafc !important;
    box-sizing: border-box;
}

.itsshop-tree-toolbar {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    z-index: 1000 !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: none !important;
    padding: 12px 58px 12px 16px !important;
    box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itsshop-tree-toolbar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.itsshop-tree-ctrl-list {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: left !important;
}

.itsshop-tree-ctrl-list li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    border: none !important;
    display: inline-flex !important;
}

.itsshop-tree-ctrl-btn,
.itsshop-tree-toolbar ul li a.itsshop-tree-ctrl-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-tree-ctrl-btn:hover,
.itsshop-tree-toolbar ul li a.itsshop-tree-ctrl-btn:hover {
    background-color: #eff6ff !important;
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
}

.itsshop-tree-ctrl-btn.is-reset,
.itsshop-tree-toolbar ul li a.itsshop-tree-ctrl-btn.is-reset {
    background-color: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

.itsshop-tree-ctrl-btn.is-reset:hover,
.itsshop-tree-toolbar ul li a.itsshop-tree-ctrl-btn.is-reset:hover {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
}

.itsshop-tree-legend-chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.itsshop-tree-legend-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    border: 1px solid rgba(15, 23, 42, 0.12);
    white-space: nowrap;
}

.itsshop-tree-fs-btn,
.itsshop-tree-fs-close {
    position: fixed !important;
    right: 14px !important;
    left: auto !important;
    top: 12px !important;
    z-index: 2147483647 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-tree-fs-btn:hover {
    background-color: #eff6ff !important;
    border-color: #2563eb !important;
    color: #2563eb !important;
}

.itsshop-tree-fs-close {
    display: none;
    background-color: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
}

.itsshop-tree-fs-btn svg,
.itsshop-tree-fs-close svg {
    width: 17px;
    height: 17px;
    display: block;
}

/* 조직도 검색바 위젯 자동 현대화 (inc.autocomplete_search_widget.php) */
.itsshop-tree-ctrl-btn.is-search-toggle.is-active,
.itsshop-tree-toolbar ul li a.itsshop-tree-ctrl-btn.is-search-toggle.is-active {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.itsshop-tree-search-row {
    display: none;
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
}

.itsshop-tree-search-row.is-open {
    display: block;
}

.itsshop-tree-search-row form[name="searchfrm_member"] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
}

.itsshop-tree-search-row .form_box_area {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    flex: 1 1 auto;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 6px 8px !important;
    margin: 0 !important;
}

.itsshop-tree-search-row .custom-combobox {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 180px;
    min-width: 140px;
    max-width: 320px;
}

.itsshop-tree-search-row .custom-combobox-input {
    width: 100% !important;
    height: 34px !important;
    padding: 0 32px 0 12px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.itsshop-tree-search-row .custom-combobox-input:focus {
    border-color: #2563eb !important;
}

.itsshop-tree-search-row .custom-combobox-toggle {
    position: absolute !important;
    right: 2px !important;
    top: 2px !important;
    bottom: 2px !important;
    width: 28px !important;
    height: auto !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.itsshop-tree-search-row select#tlv {
    height: 34px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    outline: none !important;
}

.itsshop-tree-search-row .shop_btn_pack {
    float: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    font-size: 0;
}

.itsshop-tree-search-row .shop_btn_pack a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    line-height: 1 !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
}

.itsshop-tree-search-row .shop_btn_pack a.red {
    background-color: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #ffffff !important;
}

.itsshop-tree-search-row .shop_btn_pack a.red:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
}

.itsshop-tree-search-row .shop_btn_pack a.gray {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}

.itsshop-tree-search-row .shop_btn_pack a.gray:hover {
    background-color: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

.itsshop-tree-search-row form[name="searchfrm_member"] > div:not(.form_box_area) {
    position: static !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    background-color: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1d4ed8 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* OrgChart 노드 및 연결선 현대화 */
.itsshop-tree-body .orgchart {
    background-color: transparent !important;
    background-image: none !important;
    padding: 20px !important;
}

.itsshop-tree-body .orgchart .lines .downLine {
    background-color: #94a3b8 !important;
    width: 2px !important;
}

.itsshop-tree-body .orgchart .lines .topLine {
    border-top: 2px solid #94a3b8 !important;
}

.itsshop-tree-body .orgchart .lines .rightLine {
    border-right: 1px solid #94a3b8 !important;
}

.itsshop-tree-body .orgchart .lines .leftLine {
    border-left: 1px solid #94a3b8 !important;
}

.itsshop-tree-body .orgchart .node {
    position: relative !important;
    padding: 28px 0 0 !important;
    margin: 0 6px !important;
    min-width: 148px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.itsshop-tree-body .orgchart .node:hover {
    border-color: #2563eb !important;
    background-color: #ffffff !important;
    transform: translateY(-2px);
}

.itsshop-tree-body .orgchart .node .uesr_number {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 28px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #0f172a;
    background-color: #e2e8f0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-sizing: border-box !important;
    z-index: 10 !important;
}

.itsshop-tree-body .orgchart .node .title {
    width: 100% !important;
    min-width: 146px;
    height: auto !important;
    min-height: 28px !important;
    padding: 5px 8px !important;
    border-radius: 0 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #0f172a !important;
    background-color: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
}

.itsshop-tree-body .orgchart .node:hover .title {
    background-color: #eff6ff !important;
    color: #1d4ed8 !important;
}

.itsshop-tree-body .orgchart .node .content {
    width: 100% !important;
    min-width: 146px;
    height: auto !important;
    min-height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #334155;
    background-color: #ffffff;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer;
    white-space: normal !important;
}

.itsshop-tree-body .orgchart .node .content > div {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 54px !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.itsshop-tree-body .orgchart .node .content > div > div {
    width: 100% !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

.itsshop-bonus-wrap .section-title:empty {
    display: none !important;
}

/* ==========================================================================
   [itsshop-mypage-sync] 마이페이지 좌측 메뉴 페이지 UI 싱크 및 입력박스(Input/Select/Textarea) 보정
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.its-cs-layout-container > .its-cs-sidebar-wrap {
    flex: 0 0 200px;
}

.its-return-wrap .cm_mypage_list,
.its-inquiry-wrap .cm_mypage_list,
.its-history-wrap .cm_mypage_list {
    border-top: 0 !important;
}

.its-cs-layout-container > .its-order-page-wrap,
.its-cs-layout-container > .its-wish-wrap,
.its-cs-layout-container > .its-coupon-wrap,
.its-cs-layout-container > .its-history-wrap,
.its-cs-layout-container > .its-req-wrap,
.its-cs-layout-container > .its-inquiry-wrap,
.its-cs-layout-container > .its-return-wrap,
.its-cs-layout-container > .its-edit-wrap,
.its-cs-layout-container > .its-leave-wrap,
.its-cs-layout-container > .common_page {
    flex: 1 1 0%;
    min-width: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.its-cs-layout-container > .common_page > .layout_fix {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 마이페이지 주문내역 날짜 입력 박스 (.its-input-date) */
.its-order-page-wrap input[type="text"].its-input-date,
.its-order-page-wrap .its-input-date {
    width: 140px !important;
    height: 42px !important;
    line-height: 40px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    text-align: center !important;
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-border-radius: 8px !important;
}

.its-order-page-wrap input[type="text"].its-input-date:focus,
.its-order-page-wrap .its-input-date:focus {
    border-color: #2563eb !important;
}

.its-order-page-wrap .its-btn-search-submit {
    height: 42px !important;
    padding: 0 24px !important;
    border: 1px solid #1e293b !important;
    border-radius: 8px !important;
    background-color: #1e293b !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
}

/* 1:1 온라인문의 입력 박스 (.its-req-input / .its-req-textarea) */
.its-req-wrap input[type="text"].its-req-input,
.its-req-wrap .its-req-input {
    width: 100% !important;
    height: 50px !important;
    line-height: 48px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-border-radius: 10px !important;
}

.its-req-wrap input[type="text"].its-req-input:focus,
.its-req-wrap .its-req-input:focus {
    background-color: #ffffff !important;
    border-color: #2563eb !important;
}

.its-req-wrap textarea.its-req-textarea,
.its-req-wrap .its-req-textarea {
    width: 100% !important;
    min-height: 220px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.its-req-wrap textarea.its-req-textarea:focus,
.its-req-wrap .its-req-textarea:focus {
    background-color: #ffffff !important;
    border-color: #2563eb !important;
}

/* 정보수정 (.its-edit-wrap) 및 회원탈퇴 (.its-leave-wrap) 입력박스/셀렉트 보정 */
.its-edit-wrap input[type="text"].its-input,
.its-edit-wrap input[type="password"].its-input,
.its-edit-wrap input[type="tel"].its-input,
.its-edit-wrap input[type="email"].its-input,
.its-edit-wrap input[type="number"].its-input,
.its-edit-wrap .its-input,
.its-leave-wrap input[type="text"].its-input,
.its-leave-wrap input[type="password"].its-input,
.its-leave-wrap .its-input {
    height: 48px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
    outline: none !important;
    float: none !important;
    text-indent: 0 !important;
    -webkit-border-radius: 10px !important;
}

.its-edit-wrap input.its-input.w-full,
.its-leave-wrap input.its-input.w-full,
.its-leave-wrap .its-input {
    width: 100% !important;
}

.its-edit-wrap input.its-input.w-half {
    width: 100% !important;
    max-width: 320px !important;
}

.its-edit-wrap input.its-input.w-short {
    width: 120px !important;
    text-align: center !important;
}

.its-edit-wrap input.its-input:focus,
.its-leave-wrap input.its-input:focus {
    background-color: #ffffff !important;
    border-color: #2563eb !important;
}

.its-edit-wrap input.its-input[readonly],
.its-leave-wrap input.its-input[readonly] {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
    cursor: default !important;
}

.its-edit-wrap select.its-select,
.its-edit-wrap .its-select {
    width: 100% !important;
    max-width: 320px !important;
    height: 48px !important;
    line-height: 46px !important;
    padding: 0 40px 0 16px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.its-edit-wrap select.its-select:focus,
.its-edit-wrap .its-select:focus {
    background-color: #ffffff !important;
    border-color: #2563eb !important;
}

.its-edit-wrap .its-radio-label input[type="radio"],
.its-wish-wrap .its-wish-checkbox-label input[type="checkbox"] {
    float: none !important;
    margin: 0 !important;
}

/* 마이페이지 상담/문의/반품 내역 배지(.its-badge) 글로벌 충돌 방지 */
.its-history-wrap .its-badge,
.its-inquiry-wrap .its-badge,
.its-return-wrap .its-badge {
    width: auto !important;
    height: auto !important;
    min-height: 26px !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}




/* ==========================================================================
   [itsshop-subnav-type1] 모바일(/m) 마이오피스 서브 공통 헤더 및 아코디언 메뉴 (its.sub_common_header_type1.php)
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */

.itsshop-subnav-type1 {
    position: relative;
    z-index: 30;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

.itsshop-subnav-type1 *,
.itsshop-subnav-type1 *::before,
.itsshop-subnav-type1 *::after {
    box-sizing: border-box;
}

.itsshop-subnav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 54px;
    padding: 8px 14px;
    background-color: #ffffff;
}

.itsshop-subnav-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.itsshop-subnav-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #334155 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-subnav-back:hover,
.itsshop-subnav-back:active {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a !important;
}

.itsshop-subnav-back svg {
    width: 18px;
    height: 18px;
    display: block;
}

.itsshop-subnav-title-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.itsshop-subnav-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 9px;
    border-radius: 6px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8 !important;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
}

.itsshop-subnav-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itsshop-subnav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #1e293b !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-subnav-toggle:hover {
    background-color: #f8fafc;
    border-color: #94a3b8;
}

.itsshop-subnav-type1.is-open .itsshop-subnav-toggle {
    background-color: #0f172a;
    border-color: #0f172a;
    color: #ffffff !important;
}

.itsshop-subnav-menu-svg {
    width: 15px;
    height: 15px;
    display: block;
    flex-shrink: 0;
}

.itsshop-subnav-toggle-txt {
    white-space: nowrap;
}

.itsshop-subnav-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    transition: transform 0.2s ease;
}

.itsshop-subnav-toggle-icon svg {
    width: 15px;
    height: 15px;
    display: block;
}

.itsshop-subnav-type1.is-open .itsshop-subnav-toggle-icon {
    transform: rotate(180deg);
}

/* 드로어 패널 */
.itsshop-subnav-drawer {
    display: none;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.itsshop-subnav-drawer-inner {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 회원 요약 카드 (마이오피스 전용) */
.itsshop-subnav-member-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    background-color: #0f172a;
    border: 1px solid #1e293b;
    border-radius: 12px;
    color: #ffffff;
}

.itsshop-subnav-member-main {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.itsshop-subnav-member-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #1e293b;
    border: 1px solid #334155;
    color: #60a5fa;
    font-size: 14px;
    font-weight: 800;
    flex-shrink: 0;
}

.itsshop-subnav-member-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.itsshop-subnav-member-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.itsshop-subnav-member-name {
    font-size: 14px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

.itsshop-subnav-member-grade {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    border-radius: 5px;
    background-color: #1e293b;
    border: 1px solid #334155;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.itsshop-subnav-member-id {
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itsshop-subnav-home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 11px;
    border-radius: 8px;
    background-color: #1e293b;
    border: 1px solid #334155;
    color: #e2e8f0 !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-subnav-home-btn:hover {
    background-color: #2563eb;
    border-color: #2563eb;
    color: #ffffff !important;
}

.itsshop-subnav-order-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    background-color: #2563eb;
    border: 1px solid #2563eb;
    color: #ffffff !important;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color 0.15s ease;
}

.itsshop-subnav-order-btn:hover {
    background-color: #1d4ed8;
}

/* 2차/3차 메뉴 그룹 카드 */
.itsshop-subnav-groups {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.itsshop-subnav-group {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px;
}

.itsshop-subnav-group-head {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}

.itsshop-subnav-group-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2563eb;
    flex-shrink: 0;
}

.itsshop-subnav-group-title {
    font-size: 12.5px;
    font-weight: 800;
    color: #475569;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.itsshop-subnav-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-subnav-item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: 0;
}

.itsshop-subnav-link,
.itsshop-subnav-type1 .itsshop-subnav-link.menu {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 40px;
    height: auto !important;
    line-height: 1.3 !important;
    padding: 8px 12px !important;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-subnav-link:hover,
.itsshop-subnav-type1 .itsshop-subnav-link.menu:hover {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a !important;
}

.itsshop-subnav-link.hit,
.itsshop-subnav-link.is-active,
.itsshop-subnav-type1 .itsshop-subnav-link.menu.hit {
    background-color: #eff6ff !important;
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}

.itsshop-subnav-link.hit::after,
.itsshop-subnav-link.is-active::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2563eb;
    flex-shrink: 0;
}

.itsshop-subnav-link-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
}

/* 모바일 마이오피스 본문 래퍼 여백 보정 */
.itsshop-subnav-type1 ~ .itsshop-dash-wrap,
.itsshop-subnav-type1 ~ .itsshop-bonus-wrap {
    padding: 14px 12px 44px !important;
}

@media (max-width: 360px) {
    .itsshop-subnav-list {
        grid-template-columns: 1fr;
    }
    .itsshop-subnav-bar {
        padding: 8px 10px;
    }
}

/* 주문내역 탭 우측 세로 스크롤 방지 */
.its-order-page-wrap .its-tab-wrap {
    overflow: visible !important;
    overflow-y: hidden !important;
}

.its-order-page-wrap .its-tab-wrap::-webkit-scrollbar {
    display: none;
}

@media (max-width: 768px) {
    .its-order-page-wrap .its-tab-wrap {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none;
    }
}

/* ==========================================================================
   [itsshop-attend] 출석체크 이벤트 (mo/promotion.attend.php, m/promotion.attend.php)
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-attend-wrap {
    width: 100%;
    padding: 36px 0 72px;
    background-color: #f8fafc;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
    overflow: visible !important;
}

.itsshop-attend-wrap *,
.itsshop-attend-wrap *::before,
.itsshop-attend-wrap *::after {
    box-sizing: border-box;
}

.itsshop-attend-container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* 이벤트 준비중 상태 */
.itsshop-attend-empty {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 80px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.itsshop-attend-empty-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.itsshop-attend-empty-icon svg {
    width: 28px;
    height: 28px;
}

.itsshop-attend-empty-title {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 4px 0 0;
}

.itsshop-attend-empty-desc {
    font-size: 14px;
    font-weight: 500;
    color: #64748b;
    margin: 0;
}

/* 상단 히어로 배너 */
.itsshop-attend-hero {
    background-color: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 20px !important;
    padding: 40px 32px !important;
    margin: 0 !important;
    color: #ffffff !important;
    text-align: center;
}

.itsshop-attend-hero-inner {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.itsshop-attend-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background-color: #1e293b;
    border: 1px solid #334155;
    color: #60a5fa;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.itsshop-attend-eyebrow svg {
    width: 14px;
    height: 14px;
}

.itsshop-attend-hero-title,
.c_attend .attend_head.itsshop-attend-hero h2 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: -0.03em !important;
    line-height: 1.25 !important;
}

.itsshop-attend-hero-desc {
    margin: 0 0 6px;
    font-size: 14.5px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.5;
}

.itsshop-attend-hero-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.itsshop-attend-hero-badge,
.c_attend .attend_head.itsshop-attend-hero .subinfo span.itsshop-attend-hero-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    font-size: 13px !important;
    color: #e2e8f0 !important;
}

.itsshop-attend-badge-label {
    font-size: 11.5px;
    font-weight: 800;
    color: #93c5fd;
    padding-right: 8px;
    border-right: 1px solid #334155;
}

.itsshop-attend-hero-badge em {
    font-style: normal;
    font-weight: 600;
    color: #ffffff;
}

/* 이벤트 이미지 배너 */
.itsshop-attend-banner {
    margin: 0 !important;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    background-color: #ffffff;
    text-align: center;
}

.itsshop-attend-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* 캘린더 메인 보드 */
.itsshop-attend-board {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    overflow: hidden;
}

/* 상단 월 네비게이션 + 출석 상태 툴바 */
.itsshop-attend-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 22px 28px;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-attend-month-nav {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.itsshop-attend-month-btn,
.c_attend .year_box .prevnext.itsshop-attend-month-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #334155 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-attend-month-btn:hover {
    background-color: #eff6ff !important;
    border-color: #2563eb !important;
    color: #2563eb !important;
}

.itsshop-attend-month-btn.is-disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.itsshop-attend-month-btn svg {
    width: 18px;
    height: 18px;
    display: block;
}

.itsshop-attend-month-title,
.c_attend .year_box .year.itsshop-attend-month-title {
    margin: 0 4px !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
}

.itsshop-attend-month-title a {
    color: #0f172a !important;
    text-decoration: none !important;
}

.itsshop-attend-status-bar,
.c_attend .ctrl_box.itsshop-attend-status-bar {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.itsshop-attend-stat-pill,
.c_attend .ctrl_box .total.itsshop-attend-stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 13.5px !important;
}

.itsshop-attend-stat-txt {
    font-weight: 600;
    color: #64748b;
}

.itsshop-attend-stat-val {
    font-size: 15px;
    font-weight: 900;
    color: #2563eb;
}

.itsshop-attend-checkin-btn,
.c_attend .ctrl_box .btn_attend.itsshop-attend-checkin-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    gap: 8px !important;
    height: 44px !important;
    padding: 0 22px !important;
    border-radius: 12px !important;
    background-color: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-attend-checkin-btn span,
.c_attend .ctrl_box .btn_attend.itsshop-attend-checkin-btn span {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.itsshop-attend-checkin-btn:hover,
.c_attend .ctrl_box .btn_attend.itsshop-attend-checkin-btn:hover {
    background-color: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

.itsshop-attend-checkin-btn:hover span,
.c_attend .ctrl_box .btn_attend.itsshop-attend-checkin-btn:hover span {
    color: #ffffff !important;
}

.itsshop-attend-checkin-btn svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.itsshop-attend-checkin-btn.is-done,
.c_attend .ctrl_box .btn_attend.if_ok.itsshop-attend-checkin-btn.is-done {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #64748b !important;
    pointer-events: none;
}

.itsshop-attend-checkin-btn.is-done span,
.c_attend .ctrl_box .btn_attend.if_ok.itsshop-attend-checkin-btn.is-done span {
    color: #64748b !important;
}

.itsshop-attend-checkin-btn.is-done svg {
    color: #64748b !important;
    stroke: #64748b !important;
}

/* 캘린더 그리드 */
.itsshop-attend-calendar,
.c_attend .calendar_box.itsshop-attend-calendar {
    margin: 0 !important;
    padding: 24px 28px 30px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
}

.itsshop-attend-weekdays,
.c_attend .calendar_box .week.itsshop-attend-weekdays {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.itsshop-attend-weekdays li,
.c_attend .calendar_box .week.itsshop-attend-weekdays li {
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    letter-spacing: 0.04em;
}

.itsshop-attend-weekdays li.is-sun strong {
    color: #dc2626 !important;
}

.itsshop-attend-weekdays li.is-sat strong {
    color: #2563eb !important;
}

.itsshop-attend-days-row,
.c_attend .calendar_box .days.itsshop-attend-days-row {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.itsshop-attend-day-cell,
.c_attend .calendar_box .days li.itsshop-attend-day-cell {
    position: relative !important;
    min-height: 92px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
    border: 1px solid #e2e8f0 !important;
    background-color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.itsshop-attend-day-cell.is-empty,
.c_attend .calendar_box .days li.itsshop-attend-day-cell.is-empty {
    background-color: #f8fafc !important;
    border-style: dashed !important;
    border-color: #e2e8f0 !important;
}

.itsshop-attend-day-num,
.c_attend .calendar_box .days li.itsshop-attend-day-cell strong.itsshop-attend-day-num {
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    line-height: 1.2 !important;
}

.itsshop-attend-day-cell.is-sun .itsshop-attend-day-num,
.c_attend .calendar_box .days li.itsshop-attend-day-cell.is-sun strong.itsshop-attend-day-num {
    color: #dc2626 !important;
}

.itsshop-attend-day-cell.is-sat .itsshop-attend-day-num,
.c_attend .calendar_box .days li.itsshop-attend-day-cell.is-sat strong.itsshop-attend-day-num {
    color: #2563eb !important;
}

.itsshop-attend-day-cell.is-today,
.c_attend .calendar_box .days li.itsshop-attend-day-cell.is-today {
    background-color: #eff6ff !important;
    border: 2px solid #2563eb !important;
}

.itsshop-attend-day-cell.is-hit,
.c_attend .calendar_box .days li.itsshop-attend-day-cell.is-hit {
    background-color: #f0fdf4 !important;
    border: 2px solid #16a34a !important;
}

.c_attend .calendar_box .days .hit strong.itsshop-attend-day-num::before {
    display: none !important;
    content: none !important;
}

.itsshop-attend-today-tag {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.itsshop-attend-stamp {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background-color: #16a34a !important;
    color: #ffffff !important;
    font-size: 11.5px;
    font-weight: 800;
}

.itsshop-attend-stamp svg {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.itsshop-attend-stamp em {
    font-style: normal;
    color: #ffffff !important;
}

/* 하단 참여안내 & 혜택 안내 그리드 */
.itsshop-attend-guide-grid,
.c_attend_guide.itsshop-attend-guide-grid {
    display: grid !important;
    grid-template-columns: 1fr 1.25fr !important;
    gap: 20px !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.itsshop-attend-guide-card,
.c_attend_guide .box.itsshop-attend-guide-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.itsshop-attend-guide-head,
.c_attend_guide .tit.itsshop-attend-guide-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.itsshop-attend-guide-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.itsshop-attend-guide-icon.is-gift {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.itsshop-attend-guide-icon svg {
    width: 17px;
    height: 17px;
}

.itsshop-attend-info-list,
.c_attend_guide .info.itsshop-attend-info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.itsshop-attend-info-row,
.c_attend_guide .info dl.itsshop-attend-info-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 14px !important;
}

.itsshop-attend-info-row dt,
.c_attend_guide .info dl.itsshop-attend-info-row dt {
    width: 76px !important;
    flex-shrink: 0 !important;
    font-weight: 800 !important;
    color: #475569 !important;
}

.itsshop-attend-info-row dd,
.c_attend_guide .info dl.itsshop-attend-info-row dd {
    flex: 1 1 auto !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

/* 혜택 카드 리스트 */
.itsshop-attend-benefit-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.itsshop-attend-benefit-card,
.c_attend_guide .benefit.itsshop-attend-benefit-card {
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background-color: #ffffff !important;
}

.itsshop-attend-benefit-cond,
.c_attend_guide .benefit .inbox.this_condi.itsshop-attend-benefit-cond {
    width: 136px !important;
    flex-shrink: 0 !important;
    padding: 16px 14px !important;
    border: 0 !important;
    border-right: 1px dashed #cbd5e1 !important;
    border-radius: 0 !important;
    background-color: #f8fafc !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    text-align: center !important;
}

.itsshop-attend-cond-days {
    font-size: 15px;
    font-weight: 900;
    color: #0f172a;
}

.itsshop-attend-cond-sub {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
}

.itsshop-attend-benefit-body,
.c_attend_guide .benefit .inbox.this_benefit.itsshop-attend-benefit-body {
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
}

.itsshop-attend-reward-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.itsshop-attend-reward-item,
.c_attend_guide .benefit li.itsshop-attend-reward-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.itsshop-attend-reward-item + .itsshop-attend-reward-item {
    padding-top: 10px !important;
    border-top: 1px dashed #e2e8f0 !important;
}

.itsshop-attend-reward-tag,
.c_attend_guide .benefit .tt.itsshop-attend-reward-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 68px !important;
    height: 26px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em;
    flex-shrink: 0 !important;
}

.itsshop-attend-reward-tag.is-coupon {
    background-color: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1d4ed8 !important;
}

.itsshop-attend-reward-tag.is-point {
    background-color: #0f172a !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
}

.itsshop-attend-reward-desc,
.c_attend_guide .benefit .exp.itsshop-attend-reward-desc {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
}

.itsshop-attend-reward-desc strong {
    color: #dc2626 !important;
    font-weight: 800 !important;
}

.itsshop-attend-reward-desc em {
    font-style: normal;
    font-size: 12.5px;
    font-weight: 500;
    color: #64748b !important;
    margin-left: 4px;
}

/* 모바일 반응형 (768px 이하) */
@media (max-width: 768px) {
    .itsshop-attend-wrap {
        padding: 16px 0 48px;
    }

    .itsshop-attend-container {
        padding: 0 12px;
        gap: 16px;
    }

    .itsshop-attend-hero {
        padding: 24px 16px !important;
        border-radius: 16px !important;
    }

    .itsshop-attend-hero-title,
    .c_attend .attend_head.itsshop-attend-hero h2 {
        font-size: 22px !important;
    }

    .itsshop-attend-hero-desc {
        font-size: 13px;
    }

    .itsshop-attend-hero-badges {
        flex-direction: column;
        width: 100%;
    }

    .itsshop-attend-hero-badge,
    .c_attend .attend_head.itsshop-attend-hero .subinfo span.itsshop-attend-hero-badge {
        width: 100%;
        justify-content: flex-start !important;
    }

    .itsshop-attend-board {
        border-radius: 16px;
    }

    .itsshop-attend-toolbar {
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        gap: 12px;
    }

    .itsshop-attend-month-nav {
        width: 100%;
        justify-content: space-between;
    }

    .itsshop-attend-month-title,
    .c_attend .year_box .year.itsshop-attend-month-title {
        font-size: 19px !important;
    }

    .itsshop-attend-status-bar,
    .c_attend .ctrl_box.itsshop-attend-status-bar {
        width: 100%;
        display: flex !important;
        flex-direction: column;
        align-items: stretch !important;
        gap: 8px !important;
    }

    .itsshop-attend-stat-pill,
    .c_attend .ctrl_box .total.itsshop-attend-stat-pill {
        width: 100%;
        justify-content: space-between !important;
    }

    .itsshop-attend-checkin-btn,
    .c_attend .ctrl_box .btn_attend.itsshop-attend-checkin-btn {
        width: 100%;
    }

    .itsshop-attend-calendar,
    .c_attend .calendar_box.itsshop-attend-calendar {
        padding: 14px 10px 18px !important;
    }

    .itsshop-attend-weekdays,
    .c_attend .calendar_box .week.itsshop-attend-weekdays,
    .itsshop-attend-days-row,
    .c_attend .calendar_box .days.itsshop-attend-days-row {
        gap: 4px !important;
    }

    .itsshop-attend-weekdays li,
    .c_attend .calendar_box .week.itsshop-attend-weekdays li {
        height: 30px !important;
        font-size: 10.5px !important;
    }

    .itsshop-attend-day-cell,
    .c_attend .calendar_box .days li.itsshop-attend-day-cell {
        min-height: 60px !important;
        padding: 6px 4px !important;
        border-radius: 10px !important;
        align-items: center !important;
    }

    .itsshop-attend-day-num,
    .c_attend .calendar_box .days li.itsshop-attend-day-cell strong.itsshop-attend-day-num {
        font-size: 12.5px !important;
    }

    .itsshop-attend-today-tag {
        align-self: center;
        height: 18px;
        padding: 0 5px;
        font-size: 9px;
    }

    .itsshop-attend-stamp {
        align-self: center;
        height: 20px;
        padding: 0 6px;
        font-size: 10px;
        gap: 2px;
    }

    .itsshop-attend-stamp svg {
        width: 11px;
        height: 11px;
    }

    .itsshop-attend-stamp em {
        display: none;
    }

    .itsshop-attend-guide-grid,
    .c_attend_guide.itsshop-attend-guide-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .itsshop-attend-guide-card,
    .c_attend_guide .box.itsshop-attend-guide-card {
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }

    .itsshop-attend-benefit-card,
    .c_attend_guide .benefit.itsshop-attend-benefit-card {
        flex-direction: column !important;
    }

    .itsshop-attend-benefit-cond,
    .c_attend_guide .benefit .inbox.this_condi.itsshop-attend-benefit-cond {
        width: 100% !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        padding: 12px 16px !important;
        border-right: 0 !important;
        border-bottom: 1px dashed #cbd5e1 !important;
    }

    .itsshop-attend-benefit-body,
    .c_attend_guide .benefit .inbox.this_benefit.itsshop-attend-benefit-body {
        padding: 14px 16px !important;
    }
}

/* ==========================================================================
   [itsshop-search] 통합 상품 검색 페이지 UI 리뉴얼 (pn=product.search.list)
   ========================================================================== */

.itsshop-search-preload-hidden {
    display: none !important;
}

.itsshop-search-wrap {
    max-width: 1280px;
    margin: 0 auto 28px;
    padding: 28px 0 0;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

.itsshop-search-wrap *,
.itsshop-search-wrap *::before,
.itsshop-search-wrap *::after {
    box-sizing: border-box;
}

.itsshop-search-hero {
    background: #111827;
    border: 1px solid #1f2937;
    border-radius: 20px;
    padding: 32px 36px 26px;
    margin-bottom: 18px;
}

.itsshop-search-hero-head {
    text-align: center;
    margin-bottom: 20px;
}

.itsshop-search-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #1e293b;
    border: 1px solid #334155;
    color: #60a5fa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.itsshop-search-title {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

.itsshop-search-form-box,
.sub_section .search_box.itsshop-search-form-box {
    max-width: 720px;
    margin: 0 auto 20px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.itsshop-search-field {
    display: flex;
    align-items: center;
    height: 56px;
    background: #ffffff;
    border: 2px solid #3b82f6;
    border-radius: 14px;
    padding: 4px 6px 4px 16px;
    gap: 10px;
}

.itsshop-search-field-icon {
    font-size: 18px;
    color: #64748b;
    flex-shrink: 0;
    line-height: 1;
}

.itsshop-search-input,
input[type="search"].itsshop-search-input,
input[type="text"].itsshop-search-input,
.sub_section .search_box .input_design.itsshop-search-input {
    float: none !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: auto !important;
    height: 44px !important;
    line-height: 42px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 8px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.itsshop-search-input::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

.itsshop-search-submit,
button.itsshop-search-submit,
.sub_section .search_box .btn_search.itsshop-search-submit {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 112px !important;
    height: 44px !important;
    padding: 0 22px !important;
    border-radius: 10px !important;
    background: #2563eb !important;
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    flex-shrink: 0;
}

.itsshop-search-submit span,
.sub_section .search_box .btn_search.itsshop-search-submit span {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

.itsshop-search-submit:hover,
.sub_section .search_box .btn_search.itsshop-search-submit:hover {
    background: #1d4ed8 !important;
    border-color: #1e40af !important;
    color: #ffffff !important;
}

.itsshop-search-submit:hover span,
.sub_section .search_box .btn_search.itsshop-search-submit:hover span {
    color: #ffffff !important;
}

.itsshop-search-result-bar,
.sub_section .search_result.itsshop-search-result-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    max-width: 720px;
    margin: 0 auto !important;
    padding: 14px 20px !important;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 12px !important;
    text-align: left !important;
}

.itsshop-search-result-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.itsshop-search-keyword-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 8px;
    background: #2563eb !important;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
}

.itsshop-search-result-txt {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
}

.itsshop-search-result-txt strong {
    color: #60a5fa !important;
    font-weight: 800;
    font-size: 17px;
    margin: 0 2px;
}

.itsshop-search-reset-btn {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    background: #0f172a !important;
    border: 1px solid #475569 !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.itsshop-search-reset-btn:hover {
    border-color: #93c5fd !important;
    color: #ffffff !important;
}

/* 조건검색 필터 카드 */
.itsshop-search-filter-card,
.sub_section .search_box.itsshop-search-filter-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}

.itsshop-search-filter-row,
.sub_section .search_category.itsshop-search-filter-row,
.sub_section .condition.itsshop-search-filter-row {
    display: flex !important;
    align-items: stretch !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
}

.itsshop-search-filter-row:last-child,
.sub_section .condition.itsshop-search-filter-row-price {
    border-bottom: 0 !important;
}

.itsshop-search-filter-label,
.sub_section .condition .title.itsshop-search-filter-label {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 150px !important;
    flex-shrink: 0 !important;
    padding: 18px 20px !important;
    background: #f8fafc !important;
    border-right: 1px solid #e2e8f0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
}

.itsshop-search-filter-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
    flex-shrink: 0;
}

.itsshop-search-filter-options {
    flex: 1 1 0%;
    min-width: 0;
    padding: 14px 20px !important;
    display: flex;
    align-items: center;
}

.itsshop-search-filter-options ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.itsshop-search-filter-options ul li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.itsshop-search-chip,
.sub_section .search_category .cate.itsshop-search-chip,
.itsshop-search-price-chip,
.sub_section .condition .check.itsshop-search-price-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-search-chip .itsshop-search-chip-name,
.sub_section .search_category .cate.itsshop-search-chip span,
.itsshop-search-price-chip .tx,
.sub_section .condition .check.itsshop-search-price-chip .tx,
.sub_section .condition .check.itsshop-search-price-chip span {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.itsshop-search-chip:hover,
.itsshop-search-price-chip:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
}

.itsshop-search-chip:hover .itsshop-search-chip-name,
.sub_section .search_category .cate.itsshop-search-chip:hover span,
.itsshop-search-price-chip:hover .tx,
.sub_section .condition .check.itsshop-search-price-chip:hover .tx,
.sub_section .condition .check.itsshop-search-price-chip:hover span {
    color: #1d4ed8 !important;
}

.itsshop-search-chip.hit,
.sub_section .search_category .cate.itsshop-search-chip.hit,
.itsshop-search-price-chip.hit,
.sub_section .condition .check.itsshop-search-price-chip.hit {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
}

.itsshop-search-chip.hit .itsshop-search-chip-name,
.sub_section .search_category .cate.itsshop-search-chip.hit span,
.itsshop-search-price-chip.hit .tx,
.sub_section .condition .check.itsshop-search-price-chip.hit .tx,
.sub_section .condition .check.itsshop-search-price-chip.hit span {
    color: #ffffff !important;
}

.itsshop-search-chip-cnt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569 !important;
    font-size: 11px;
    font-weight: 800;
    font-style: normal;
}

.itsshop-search-chip.hit .itsshop-search-chip-cnt {
    background: #2563eb !important;
    color: #ffffff !important;
}

/* 검색 결과 없음 및 추천 상품 헤더 */
.itsshop-search-empty-card,
.cm_no_conts.itsshop-search-empty-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    padding: 48px 24px !important;
    margin: 0 0 28px 0 !important;
    text-align: center !important;
}

.itsshop-search-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 14px;
}

.itsshop-search-empty-title,
.cm_no_conts.itsshop-search-empty-card dt.itsshop-search-empty-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
}

.itsshop-search-empty-desc,
.cm_no_conts.itsshop-search-empty-card dd.itsshop-search-empty-desc {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin: 3px 0 !important;
}

.itsshop-search-suggest-head,
.group_title.itsshop-search-suggest-head {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin: 0 0 16px 0 !important;
}

.itsshop-search-suggest-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 6px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #2563eb;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.itsshop-search-suggest-title,
.group_title.itsshop-search-suggest-head .txt_box.itsshop-search-suggest-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    padding: 0 !important;
    background: transparent !important;
}

/* ==========================================================================
   [itsshop-gift] 브랜드 모바일 쿠폰관 리뉴얼 (pn=product.gift_main, PC & Mobile)
   ========================================================================== */

.itsshop-gift-main-page {
    padding: 28px 0 60px !important;
    background: #f8fafc !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

.itsshop-gift-main-page *,
.itsshop-gift-main-page *::before,
.itsshop-gift-main-page *::after {
    box-sizing: border-box;
}

.itsshop-gift-app-ban {
    display: block;
    width: 100%;
}

.itsshop-gift-app-ban img {
    display: block;
    width: 100%;
    height: auto;
}

.itsshop-gift-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #111827;
    border: 1px solid #1f2937;
    border-radius: 20px;
    padding: 30px 36px;
    margin-bottom: 20px;
    color: #ffffff;
}

.itsshop-gift-hero-text {
    flex: 1 1 0%;
    min-width: 0;
}

.itsshop-gift-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #1e293b;
    border: 1px solid #334155;
    color: #60a5fa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.itsshop-gift-title {
    margin: 0 0 8px 0;
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

.itsshop-gift-subtitle {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.5;
}

.itsshop-gift-hero-side {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
}

.itsshop-gift-stat-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 10px 18px;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 12px;
}

.itsshop-gift-stat-label {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 2px;
}

.itsshop-gift-stat-val {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

.itsshop-gift-stat-val span {
    font-size: 13px;
    font-weight: 600;
    color: #cbd5e1;
    margin-left: 2px;
}

.itsshop-gift-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    background: #2563eb;
    border: 1px solid #3b82f6;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-gift-all-btn:hover,
.itsshop-gift-all-btn.is-active {
    background: #1d4ed8;
    border-color: #60a5fa;
}

/* 브랜드 선택 카드 */
.itsshop-gift-brand-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    margin-bottom: 24px;
    overflow: hidden;
}

.itsshop-gift-brand-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px 24px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.itsshop-gift-brand-head-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.itsshop-gift-brand-title {
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
}

.itsshop-gift-brand-count {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
}

.itsshop-gift-brand-count strong {
    font-weight: 800;
    margin: 0 2px;
}

.itsshop-gift-brand-head-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.itsshop-gift-quick-search {
    position: relative;
    display: inline-flex;
    align-items: center;
}

input[type="text"].itsshop-gift-search-input,
.c_brand input[type="text"].itsshop-gift-search-input,
.itsshop-gift-search-input {
    float: none !important;
    width: 240px !important;
    height: 40px !important;
    line-height: 38px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.15s ease;
}

input[type="text"].itsshop-gift-search-input::placeholder,
.itsshop-gift-search-input::placeholder {
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

input[type="text"].itsshop-gift-search-input:focus,
.itsshop-gift-search-input:focus {
    border-color: #2563eb !important;
    background: #ffffff !important;
}

button.itsshop-gift-fold-btn,
.itsshop-gift-fold-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    background: #111827 !important;
    border: 1px solid #111827 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.itsshop-gift-fold-btn span,
.itsshop-gift-fold-btn .itsshop-gift-fold-txt,
.itsshop-gift-fold-btn .itsshop-gift-fold-arr {
    color: #ffffff !important;
}

.itsshop-gift-fold-btn:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.itsshop-gift-brand-body.is-collapsed {
    display: none;
}

/* 초성 필터 바 */
.itsshop-gift-prefix-bar,
.c_brand .word.itsshop-gift-prefix-bar {
    display: block !important;
    padding: 14px 24px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
}

.itsshop-gift-prefix-group {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.itsshop-gift-prefix-btn,
.c_brand .word .btn.itsshop-gift-prefix-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 32px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.itsshop-gift-prefix-btn:hover:not(.is-disabled) {
    border-color: #93c5fd !important;
    color: #2563eb !important;
    background: #eff6ff !important;
}

.itsshop-gift-prefix-btn.hit,
.c_brand .word .btn.itsshop-gift-prefix-btn.hit,
.itsshop-gift-prefix-btn.hit span,
.c_brand .word .btn.itsshop-gift-prefix-btn.hit span {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.itsshop-gift-prefix-btn.is-disabled {
    opacity: 0.4;
    cursor: default;
}

/* 브랜드 아이콘 그리드 */
.itsshop-gift-menu-wrap,
.c_brand .menu_box_list.itsshop-gift-menu-wrap {
    padding: 20px 24px !important;
    border: 0 !important;
    background: #ffffff !important;
}

.itsshop-gift-menu-box,
.c_brand .menu_box_list .menu.itsshop-gift-menu-box {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 4px;
}

.itsshop-gift-brand-grid,
.c_brand .menu_box_list ul.itsshop-gift-brand-grid {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-gift-brand-item,
.c_brand .menu_box_list li.itsshop-gift-brand-item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.itsshop-gift-brand-link,
.c_brand .menu_box_list .btn.itsshop-gift-brand-link,
.c_brand .menu_box_list .btn_all.itsshop-gift-brand-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 112px !important;
    padding: 12px 8px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.itsshop-gift-brand-link:hover {
    background: #ffffff !important;
    border-color: #2563eb !important;
    transform: translateY(-2px);
}

.itsshop-gift-brand-link.is-active,
.c_brand .menu_box_list .btn.itsshop-gift-brand-link.is-active,
.c_brand .menu_box_list .btn_all.itsshop-gift-brand-link.is-active {
    background: #eff6ff !important;
    border: 2px solid #2563eb !important;
}

.itsshop-gift-logo-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    flex-shrink: 0;
}

.itsshop-gift-logo-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block;
}

.itsshop-gift-logo-all {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.itsshop-gift-logo-fallback {
    font-size: 16px;
    font-weight: 800;
    color: #334155;
}

.itsshop-gift-brand-label {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itsshop-gift-brand-link.is-active .itsshop-gift-brand-label {
    color: #1d4ed8;
    font-weight: 800;
}

/* 선택된 브랜드 헤더 & 정렬 바 */
.itsshop-gift-active-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 18px 24px;
    margin-bottom: 20px;
}

.itsshop-gift-active-brand,
.c_brand .brand_name.itsshop-gift-active-brand {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

.itsshop-gift-active-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    flex-shrink: 0;
}

.itsshop-gift-active-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.itsshop-gift-active-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    background: #111827 !important;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.itsshop-gift-active-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.itsshop-gift-active-info strong {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.25 !important;
}

.itsshop-gift-active-sub {
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

.itsshop-gift-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.itsshop-gift-sort-wrap,
.c_brand .item_list_ctrl.itsshop-gift-sort-wrap {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.itsshop-gift-sort-list,
.c_brand .item_list_ctrl .range ul.itsshop-gift-sort-list {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-gift-sort-list li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-gift-sort-list li .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.15s ease;
}

.itsshop-gift-sort-list li.hit .btn,
.itsshop-gift-sort-list li.hit .btn span {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
}

.itsshop-gift-pagesize,
.c_brand .item_page_cnt.itsshop-gift-pagesize {
    position: relative !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.itsshop-gift-ctg-dropdown,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 30 !important;
}

.itsshop-gift-ctg-dropdown > .btn,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown > .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 132px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    user-select: none;
}

.itsshop-gift-ctg-dropdown > .btn span {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.itsshop-gift-ctg-dropdown > .btn .itsshop-gift-ctg-arr {
    color: #64748b !important;
    font-size: 12px !important;
    transition: transform 0.15s ease;
}

.itsshop-gift-ctg-dropdown.if_open > .btn {
    border-color: #2563eb !important;
}

.itsshop-gift-ctg-dropdown.if_open > .btn .itsshop-gift-ctg-arr {
    transform: rotate(180deg);
    color: #2563eb !important;
}

.itsshop-gift-ctg-dropdown .open_ctg,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown .open_ctg {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 140px !important;
    padding: 6px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    z-index: 60 !important;
}

.itsshop-gift-ctg-dropdown.if_open .open_ctg,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown.if_open .open_ctg {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.itsshop-gift-ctg-dropdown .open_ctg .option,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown .open_ctg .option {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 34px !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.itsshop-gift-ctg-dropdown .open_ctg .option:hover,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown .open_ctg .option:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.itsshop-gift-ctg-dropdown .open_ctg .option.selected,
.itsshop-gift-ctg-dropdown .open_ctg .option[selected],
.c_brand .this_ctg.itsshop-gift-ctg-dropdown .open_ctg .option.selected,
.c_brand .this_ctg.itsshop-gift-ctg-dropdown .open_ctg .option[selected] {
    background: #eff6ff !important;
    color: #2563eb !important;
    font-weight: 800 !important;
}

.itsshop-gift-select-guide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    padding: 28px 32px;
    margin-bottom: 24px;
}

.itsshop-gift-guide-icon {
    font-size: 32px;
    line-height: 1;
}

.itsshop-gift-guide-text {
    flex: 1 1 0%;
    min-width: 220px;
}

.itsshop-gift-guide-text strong {
    display: block;
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 4px;
}

.itsshop-gift-guide-text p {
    margin: 0;
    font-size: 14px;
    color: #64748b;
}

.itsshop-gift-guide-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 20px;
    border-radius: 10px;
    background: #2563eb;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
}

.itsshop-gift-qr-wrap {
    width: 100%;
    text-align: center;
    padding: 20px 0 36px;
}

.itsshop-gift-qr-img {
    width: 160px;
    height: auto;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px;
    background: #ffffff;
}

/* ==========================================================================
   [itsshop-promo] 스페셜 기획전 목록 페이지 리뉴얼 (pn=product.promotion_list)
   ========================================================================== */

#itsshop-promo-list-page.itsshop-promo-page {
    background: #f8fafc;
    padding: 32px 0 80px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    color: #0f172a;
    box-sizing: border-box;
}

#itsshop-promo-list-page.itsshop-promo-page *,
#itsshop-promo-list-page.itsshop-promo-page *::before,
#itsshop-promo-list-page.itsshop-promo-page *::after {
    box-sizing: border-box;
}

#itsshop-promo-list-page .itsshop-promo-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 기획전 상단 히어로 배너 */
#itsshop-promo-list-page .itsshop-promo-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #111827;
    border: 1px solid #1f2937;
    border-radius: 20px;
    padding: 34px 40px;
    margin-bottom: 24px;
    color: #ffffff;
}

#itsshop-promo-list-page .itsshop-promo-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #1e293b;
    border: 1px solid #334155;
    color: #60a5fa;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

#itsshop-promo-list-page .itsshop-promo-hero-title {
    margin: 0 0 8px 0;
    font-size: 30px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

#itsshop-promo-list-page .itsshop-promo-hero-desc {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.5;
}

#itsshop-promo-list-page .itsshop-promo-total-pill {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 12px 22px;
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 14px;
    flex-shrink: 0;
}

#itsshop-promo-list-page .itsshop-promo-total-label {
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
    margin-bottom: 4px;
}

#itsshop-promo-list-page .itsshop-promo-total-val {
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
}

#itsshop-promo-list-page .itsshop-promo-total-val span {
    font-size: 14px;
    font-weight: 600;
    color: #cbd5e1;
    margin-left: 3px;
}

/* 상태 필터 툴바 */
#itsshop-promo-list-page .itsshop-promo-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px 20px;
    margin-bottom: 24px;
}

#itsshop-promo-list-page .itsshop-promo-filter-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
}

#itsshop-promo-list-page .itsshop-promo-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 18px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}

#itsshop-promo-list-page .itsshop-promo-tab:hover {
    border-color: #cbd5e1;
    color: #0f172a;
}

#itsshop-promo-list-page .itsshop-promo-tab.is-active,
#itsshop-promo-list-page .itsshop-promo-tab.is-active span {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
}

#itsshop-promo-list-page .itsshop-promo-toolbar-count {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
}

#itsshop-promo-list-page .itsshop-promo-toolbar-count strong {
    color: #2563eb;
    font-weight: 800;
}

/* 기획전 그리드 (PC 2열 카드) */
#itsshop-promo-list-page .itsshop-promo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

#itsshop-promo-list-page .itsshop-promo-item {
    min-width: 0;
}

#itsshop-promo-list-page .itsshop-promo-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    overflow: hidden;
    text-decoration: none !important;
    color: inherit;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

#itsshop-promo-list-page .itsshop-promo-card:hover {
    border-color: #2563eb;
    transform: translateY(-4px);
}

#itsshop-promo-list-page .itsshop-promo-thumb {
    position: relative;
    width: 100%;
    padding-top: 50%;
    background: #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
    overflow: hidden;
}

#itsshop-promo-list-page .itsshop-promo-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

#itsshop-promo-list-page .itsshop-promo-card:hover .itsshop-promo-thumb img {
    transform: scale(1.04);
}

#itsshop-promo-list-page .itsshop-promo-noimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #1e293b;
    text-align: center;
}

#itsshop-promo-list-page .itsshop-promo-noimg-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    background: #334155;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

#itsshop-promo-list-page .itsshop-promo-noimg-title {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.4;
}

#itsshop-promo-list-page .itsshop-promo-badges {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
}

#itsshop-promo-list-page .itsshop-promo-badge {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

#itsshop-promo-list-page .itsshop-promo-badge.is-ing {
    background: #2563eb;
    border: 1px solid #1d4ed8;
    color: #ffffff;
}

#itsshop-promo-list-page .itsshop-promo-badge.is-dday {
    background: #111827;
    border: 1px solid #334155;
    color: #60a5fa;
}

#itsshop-promo-list-page .itsshop-promo-badge.is-end {
    background: #475569;
    border: 1px solid #334155;
    color: #e2e8f0;
}

#itsshop-promo-list-page .itsshop-promo-cnt-pill {
    position: absolute;
    right: 16px;
    bottom: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #111827;
    border: 1px solid #334155;
    color: #f8fafc;
    font-size: 12px;
    font-weight: 600;
}

#itsshop-promo-list-page .itsshop-promo-cnt-pill strong {
    color: #60a5fa;
    font-weight: 800;
}

#itsshop-promo-list-page .itsshop-promo-card.is-closed .itsshop-promo-thumb img {
    filter: grayscale(80%);
    opacity: 0.7;
}

#itsshop-promo-list-page .itsshop-promo-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 22px 24px 20px;
}

#itsshop-promo-list-page .itsshop-promo-meta-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

#itsshop-promo-list-page .itsshop-promo-cate-tag {
    font-size: 11px;
    font-weight: 800;
    color: #2563eb;
    letter-spacing: 0.06em;
}

#itsshop-promo-list-page .itsshop-promo-date {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

#itsshop-promo-list-page .itsshop-promo-title {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.4;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#itsshop-promo-list-page .itsshop-promo-card.is-closed .itsshop-promo-title {
    color: #64748b;
}

#itsshop-promo-list-page .itsshop-promo-card-foot {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 700;
    color: #334155;
}

#itsshop-promo-list-page .itsshop-promo-card:hover .itsshop-promo-card-foot {
    color: #2563eb;
}

#itsshop-promo-list-page .itsshop-promo-empty {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 80px 24px;
    text-align: center;
}

#itsshop-promo-list-page .itsshop-promo-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #64748b;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 14px;
}

#itsshop-promo-list-page .itsshop-promo-empty-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 6px;
}

#itsshop-promo-list-page .itsshop-promo-empty-desc {
    margin: 0;
    font-size: 14px;
    color: #64748b;
}

#itsshop-promo-list-page .itsshop-promo-paginate {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

/* ==========================================================================
   반응형 미디어쿼리 (검색 / 브랜드 기프티관 / 기획전 목록)
   ========================================================================== */
@media (max-width: 1024px) {
    .itsshop-gift-brand-grid,
    .c_brand .menu_box_list ul.itsshop-gift-brand-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    /* 검색 페이지 모바일 반응형 */
    .itsshop-search-wrap {
        padding: 16px 12px 0;
    }

    .itsshop-search-hero {
        padding: 22px 18px;
        border-radius: 16px;
    }

    .itsshop-search-title {
        font-size: 22px;
    }

    .itsshop-search-field {
        height: 48px;
        padding: 4px 4px 4px 12px;
    }

    .itsshop-search-submit,
    .sub_section .search_box .btn_search.itsshop-search-submit {
        min-width: 84px !important;
        height: 38px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .itsshop-search-filter-row,
    .sub_section .search_category.itsshop-search-filter-row,
    .sub_section .condition.itsshop-search-filter-row {
        flex-direction: column !important;
    }

    .itsshop-search-filter-label,
    .sub_section .condition .title.itsshop-search-filter-label {
        width: 100% !important;
        padding: 12px 16px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e2e8f0 !important;
    }

    .itsshop-search-filter-options {
        padding: 12px 14px !important;
    }

    /* 브랜드 기프티관 모바일 반응형 */
    .itsshop-gift-main-page {
        padding: 14px 12px 40px !important;
    }

    .itsshop-gift-hero {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 20px;
        border-radius: 16px;
        gap: 16px;
    }

    .itsshop-gift-title {
        font-size: 22px;
    }

    .itsshop-gift-hero-side {
        width: 100%;
        justify-content: space-between;
    }

    .itsshop-gift-all-btn {
        flex: 1 1 auto;
        height: 44px;
        font-size: 13px;
    }

    .itsshop-gift-brand-head {
        padding: 14px 16px;
    }

    .itsshop-gift-brand-head-right {
        width: 100%;
    }

    .itsshop-gift-quick-search {
        flex: 1 1 0%;
    }

    input[type="text"].itsshop-gift-search-input,
    .c_brand input[type="text"].itsshop-gift-search-input,
    .itsshop-gift-search-input {
        width: 100% !important;
    }

    .itsshop-gift-prefix-bar,
    .c_brand .word.itsshop-gift-prefix-bar {
        padding: 12px 14px !important;
    }

    .itsshop-gift-menu-wrap,
    .c_brand .menu_box_list.itsshop-gift-menu-wrap {
        padding: 14px !important;
    }

    .itsshop-gift-brand-grid,
    .c_brand .menu_box_list ul.itsshop-gift-brand-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .itsshop-gift-brand-link,
    .c_brand .menu_box_list .btn.itsshop-gift-brand-link,
    .c_brand .menu_box_list .btn_all.itsshop-gift-brand-link {
        height: 98px !important;
        padding: 10px 6px !important;
    }

    .itsshop-gift-logo-circle {
        width: 44px;
        height: 44px;
    }

    .itsshop-gift-active-header {
        padding: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .itsshop-gift-controls {
        width: 100%;
        justify-content: space-between;
    }

    .itsshop-gift-sort-list li .btn {
        height: 32px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    .itsshop-gift-select-guide {
        padding: 20px 18px;
    }

    /* 스페셜 기획전 목록 모바일 반응형 */
    #itsshop-promo-list-page.itsshop-promo-page {
        padding: 16px 0 50px;
    }

    #itsshop-promo-list-page .itsshop-promo-container {
        padding: 0 14px;
    }

    #itsshop-promo-list-page .itsshop-promo-hero {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 20px;
        border-radius: 16px;
        gap: 14px;
    }

    #itsshop-promo-list-page .itsshop-promo-hero-title {
        font-size: 22px;
    }

    #itsshop-promo-list-page .itsshop-promo-hero-desc {
        font-size: 13px;
    }

    #itsshop-promo-list-page .itsshop-promo-total-pill {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px;
    }

    #itsshop-promo-list-page .itsshop-promo-toolbar {
        padding: 10px 12px;
    }

    #itsshop-promo-list-page .itsshop-promo-filter-tabs {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 6px;
    }

    #itsshop-promo-list-page .itsshop-promo-tab {
        padding: 0 8px;
        font-size: 12px;
        height: 34px;
    }

    #itsshop-promo-list-page .itsshop-promo-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #itsshop-promo-list-page .itsshop-promo-body {
        padding: 18px 18px 16px;
    }

    #itsshop-promo-list-page .itsshop-promo-title {
        font-size: 17px;
        margin-bottom: 14px;
    }
}

/* ==========================================================================
   [itsshop-main-cat] 메인 추천 카테고리 & QR 스마트 패스 카드 리뉴얼 (#mainKeyword)
   ========================================================================== */

#mainKeyword.itsshop-main-cat-sect {
    padding: 24px 0 20px !important;
    background: #ffffff !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Malgun Gothic', sans-serif;
    box-sizing: border-box;
}

#mainKeyword.itsshop-main-cat-sect *,
#mainKeyword.itsshop-main-cat-sect *::before,
#mainKeyword.itsshop-main-cat-sect *::after {
    box-sizing: border-box;
}

#mainKeyword.itsshop-main-cat-sect > .inner.itsshop-main-cat-inner {
    max-width: 1240px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

#mainKeyword .sect_head.itsshop-main-cat-head {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 14px !important;
}

#mainKeyword .itsshop-main-cat-head-left {
    display: flex;
    align-items: center;
}

#mainKeyword .itsshop-main-cat-title-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
}

#mainKeyword .sect_title.itsshop-main-cat-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em !important;
    line-height: 1.2 !important;
}

#mainKeyword .itsshop-main-cat-sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

#mainKeyword .itsshop-main-cat-head-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

#mainKeyword .keyword_control.itsshop-main-cat-nav {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
}

#mainKeyword .itsshop-main-cat-arrow {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#mainKeyword .itsshop-main-cat-arrow::after,
#mainKeyword .itsshop-main-cat-arrow::before {
    display: none !important;
    content: none !important;
}

#mainKeyword .itsshop-main-cat-arrow:hover {
    background: #111827 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
}

#mainKeyword .sect_more.itsshop-main-cat-more {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 132px !important;
    height: 34px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    background: #111827 !important;
    border: 1px solid #111827 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

#mainKeyword .sect_more.itsshop-main-cat-more span {
    color: #60a5fa !important;
    font-weight: 800;
}

#mainKeyword .sect_more.itsshop-main-cat-more:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
}

#mainKeyword .sect_more.itsshop-main-cat-more:hover span {
    color: #ffffff !important;
}

#mainKeyword .keyword_swiper_wrap.itsshop-main-cat-swiper-wrap,
#mainKeyword .keyword_swiper.itsshop-main-cat-swiper {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    overflow: hidden;
}

#mainKeyword .keyword_swiper.is-centered .swiper-wrapper {
    justify-content: center;
}

#mainKeyword .swiper-slide.itsshop-main-cat-slide,
#mainKeyword .keyword_swiper .swiper-slide.itsshop-main-cat-slide:nth-child(4n+1) {
    float: none !important;
    clear: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0;
}

#mainKeyword .keyword_swiper .box.itsshop-main-cat-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    height: 100% !important;
    padding: 10px 10px 11px !important;
    border-radius: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

#mainKeyword .keyword_swiper .box.itsshop-main-cat-card:hover {
    background: #ffffff !important;
    border-color: #2563eb !important;
    transform: translateY(-2px);
}

/* 이미지/QR 비주얼 프레임 (상단 불필요 영역 제거 후 컴팩트 배치) */
#mainKeyword .keyword_swiper .box .image.itsshop-main-cat-visual {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 92px !important;
    margin: 0 auto 8px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
}

#mainKeyword .keyword_swiper .box .image.itsshop-main-cat-visual.is-qr-frame {
    background: #f1f5f9 !important;
    border: 1px dashed #93c5fd !important;
    padding: 6px !important;
}

#mainKeyword .itsshop-main-cat-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#mainKeyword .keyword_swiper .box .image.is-qr-frame .itsshop-main-cat-img-box {
    width: 74px;
    height: 74px;
    padding: 5px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
}

#mainKeyword .keyword_swiper .box .image img.itsshop-main-cat-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.25s ease;
}

#mainKeyword .keyword_swiper .box:hover .image img.itsshop-main-cat-photo {
    transform: scale(1.05);
}

#mainKeyword .keyword_swiper .box .image img.itsshop-main-cat-qr {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

#mainKeyword .itsshop-main-cat-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

#mainKeyword .keyword_swiper .box .title.itsshop-main-cat-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.25 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#mainKeyword .itsshop-main-cat-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

#mainKeyword .keyword_swiper .box.itsshop-main-cat-card:hover .itsshop-main-cat-cta {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

/* ==========================================================================
   [고객센터/제휴문의/교환반품/게시판] Input 깨짐 및 어두운 버튼 글자/아이콘 가독성 보정
   - 대상: service.partner.form, service.return.form, board.list (faq, freeboard, gallery, news, qna)
   ========================================================================== */

.its-cs-layout-container > .its-partner-wrap,
.its-cs-layout-container > .its-return-req-wrap,
.its-cs-layout-container > .its-board-wrap {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 1. 제휴/광고문의 (.its-partner-wrap) & 교환/반품 신청 (.its-return-req-wrap) 입력폼 보정 */
.its-partner-wrap input[type="text"].its-input,
.its-partner-wrap input[type="tel"].its-input,
.its-partner-wrap input[type="email"].its-input,
.its-partner-wrap input[type="search"].its-input,
.its-partner-wrap .its-input,
.its-return-req-wrap input[type="text"].its-input,
.its-return-req-wrap input[type="search"].its-input,
.its-return-req-wrap input[type="search"].its-gs-input,
.its-return-req-wrap .its-input {
    width: 100% !important;
    height: 50px !important;
    line-height: 48px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-border-radius: 10px !important;
}

.its-partner-wrap input.its-input::placeholder,
.its-return-req-wrap input.its-input::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.its-partner-wrap input.its-input:focus,
.its-return-req-wrap input.its-input:focus {
    border-color: #2563eb !important;
    background-color: #ffffff !important;
}

.its-partner-wrap input[type="text"].its-file-txt,
.its-partner-wrap #fakeFileTxt {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    background-color: #f1f5f9 !important;
    color: #64748b !important;
    cursor: default !important;
}

.its-partner-wrap .its-file-wrap {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.its-partner-wrap .its-file-btn-box {
    position: relative !important;
    display: inline-flex !important;
    height: 50px !important;
    flex-shrink: 0 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

.its-partner-wrap .its-file-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    padding: 0 24px !important;
    border-radius: 10px !important;
    background-color: #1e293b !important;
    border: 1px solid #1e293b !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.its-partner-wrap .its-file-btn-box:hover .its-file-btn {
    background-color: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.its-partner-wrap textarea.its-textarea,
.its-return-req-wrap textarea.its-textarea {
    width: 100% !important;
    min-height: 220px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
    outline: none !important;
    -webkit-border-radius: 10px !important;
}

.its-partner-wrap textarea.its-agree-textarea,
.its-return-req-wrap textarea.its-agree-textarea {
    width: 100% !important;
    height: 130px !important;
    padding: 14px 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-sizing: border-box !important;
}

.its-return-req-wrap select.its-select,
.its-return-req-wrap .its-select {
    width: 100% !important;
    height: 50px !important;
    line-height: 48px !important;
    padding: 0 40px 0 18px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.its-return-req-wrap .its-gs-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.its-return-req-wrap input[type="search"].its-gs-input {
    max-width: 320px !important;
}

.its-return-req-wrap button.its-gs-btn,
.its-return-req-wrap .its-gs-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px !important;
    padding: 0 28px !important;
    border-radius: 10px !important;
    background-color: #2563eb !important;
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.its-return-req-wrap button.its-gs-btn:hover,
.its-return-req-wrap .its-gs-btn:hover {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
}

.its-partner-wrap button.its-btn-submit,
.its-return-req-wrap button.its-btn-submit,
.its-partner-wrap .its-btn-submit,
.its-return-req-wrap .its-btn-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 54px !important;
    padding: 0 48px !important;
    border-radius: 12px !important;
    background-color: #2563eb !important;
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.its-return-req-wrap a.its-btn-cancel,
.its-return-req-wrap .its-btn-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 54px !important;
    padding: 0 48px !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* 2. 게시판 공통 (FAQ / 자유게시판 / 갤러리 / 뉴스 / QnA) Input & 어두운 버튼 글자/아이콘 밝은색 보정 */
.its-board-wrap .its-faq-search-wrap {
    background: #111827 !important;
    border: 1px solid #1f2937 !important;
    color: #ffffff !important;
}

.its-board-wrap .its-faq-search-tel {
    color: #60a5fa !important;
}

.its-board-wrap .its-faq-search-txt {
    color: #e2e8f0 !important;
}

.its-board-wrap .its-faq-search-txt b a {
    color: #93c5fd !important;
    text-decoration: underline !important;
}

.its-board-wrap .its-faq-form {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border: 2px solid #3b82f6 !important;
    border-radius: 12px !important;
    padding: 6px !important;
}

.its-board-wrap input[type="text"].its-faq-input,
.its-board-wrap .its-faq-input {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    outline: none !important;
}

.its-board-wrap input.its-faq-input::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
}

.its-board-wrap button.its-faq-btn-submit,
.its-board-wrap .its-faq-btn-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 24px !important;
    border-radius: 8px !important;
    background-color: #2563eb !important;
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.its-board-wrap a.its-faq-btn-all,
.its-board-wrap .its-faq-btn-all,
.its-board-wrap .its-faq-btn-all i {
    color: #f8fafc !important;
    font-weight: 700 !important;
}

.its-board-wrap a.its-faq-tab-item {
    color: #475569 !important;
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
}

.its-board-wrap a.its-faq-tab-item.hit {
    background-color: #111827 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
}

/* 일반/갤러리/뉴스/QnA 게시판 하단 검색 박스 및 버튼 보정 */
.its-board-wrap .its-search-box,
.its-gallery-wrap .its-search-box,
.its-news-wrap .its-search-box {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 540px !important;
    height: 54px !important;
    padding: 5px 6px 5px 18px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
}

.its-board-wrap .its-search-box:focus-within,
.its-gallery-wrap .its-search-box:focus-within,
.its-news-wrap .its-search-box:focus-within {
    border-color: #2563eb !important;
}

.its-board-wrap input[type="search"].its-search-input,
.its-board-wrap input[type="text"].its-search-input,
.its-board-wrap .its-search-input,
.its-gallery-wrap input[type="search"].its-search-input,
.its-news-wrap input[type="search"].its-search-input {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    outline: none !important;
}

.its-board-wrap input.its-search-input::placeholder {
    color: #94a3b8 !important;
    font-size: 14px !important;
}

.its-board-wrap button.its-search-btn,
.its-board-wrap button.its-search-submit,
.its-board-wrap .its-search-btn,
.its-board-wrap .its-search-submit,
.its-gallery-wrap button.its-search-submit,
.its-news-wrap button.its-search-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    background-color: #2563eb !important;
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}

.its-board-wrap button.its-search-btn:hover,
.its-board-wrap button.its-search-submit:hover,
.its-gallery-wrap button.its-search-submit:hover,
.its-news-wrap button.its-search-submit:hover {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
}

/* 글쓰기 버튼 (.its-btn-write) 검은 배경 위 어두운 글자/아이콘 밝은 흰색으로 강제 보정 */
.its-board-wrap a.its-btn-write,
.its-gallery-wrap a.its-btn-write,
.its-news-wrap a.its-btn-write,
.its-board-footer a.its-btn-write,
a.its-btn-write {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #1e293b !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.its-board-wrap a.its-btn-write i,
.its-board-wrap a.its-btn-write span,
.its-gallery-wrap a.its-btn-write i,
.its-news-wrap a.its-btn-write i,
a.its-btn-write i,
a.its-btn-write span {
    color: #ffffff !important;
}

.its-board-wrap a.its-btn-write:hover,
.its-gallery-wrap a.its-btn-write:hover,
.its-news-wrap a.its-btn-write:hover,
a.its-btn-write:hover {
    background-color: #2563eb !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

/* 공지 배지 및 상태 배지 밝은 텍스트 보정 */
.its-board-wrap .its-badge-notice,
.its-gallery-wrap .its-badge-notice,
.its-news-wrap .its-badge-notice {
    color: #ffffff !important;
}

/* 체크박스 라벨 정렬 깨짐 방지 (default_setting.css float:left 무력화) */
.its-partner-wrap .its-check-label input[type="checkbox"],
.its-return-req-wrap .its-check-label input[type="checkbox"],
.its-board-wrap .its-check-label input[type="checkbox"],
.its-board-wrap .its-search-label input[type="checkbox"],
.its-gallery-wrap .its-search-label input[type="checkbox"],
.its-news-wrap .its-search-label input[type="checkbox"] {
    float: none !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

/* 비밀글 모달 input & 버튼 보정 */
.its-secret-modal input[type="password"].its-modal-input,
.its-secret-modal .its-modal-input {
    width: 100% !important;
    height: 48px !important;
    padding: 0 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    font-size: 16px !important;
    text-align: center !important;
}

.its-secret-modal button.its-modal-btn-submit {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.its-secret-modal button.its-modal-btn-cancel {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}

@media (max-width: 768px) {
    #mainKeyword.itsshop-main-cat-sect {
        padding: 18px 0 16px !important;
    }

    #mainKeyword.itsshop-main-cat-sect > .inner.itsshop-main-cat-inner {
        padding: 0 14px !important;
    }

    #mainKeyword .sect_head.itsshop-main-cat-head {
        gap: 8px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 0 10px 0 !important;
    }

    #mainKeyword .sect_title.itsshop-main-cat-title {
        font-size: 18px !important;
    }

    #mainKeyword .itsshop-main-cat-sub {
        font-size: 12px;
    }

    #mainKeyword .itsshop-main-cat-arrow {
        width: 30px !important;
        height: 30px !important;
        font-size: 18px !important;
    }

    #mainKeyword .sect_more.itsshop-main-cat-more {
        min-width: 118px !important;
        height: 30px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    #mainKeyword .keyword_swiper .box.itsshop-main-cat-card {
        padding: 8px 8px 9px !important;
        border-radius: 12px !important;
    }

    #mainKeyword .keyword_swiper .box .image.itsshop-main-cat-visual {
        height: 78px !important;
        margin: 0 auto 6px !important;
        border-radius: 8px !important;
    }

    #mainKeyword .keyword_swiper .box .image.is-qr-frame .itsshop-main-cat-img-box {
        width: 64px !important;
        height: 64px !important;
        padding: 4px !important;
    }

    #mainKeyword .keyword_swiper .box .title.itsshop-main-cat-name {
        font-size: 12px !important;
    }

    #mainKeyword .itsshop-main-cat-cta {
        height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }

    .its-partner-wrap .its-file-wrap {
        flex-direction: column !important;
    }

    .its-partner-wrap .its-file-btn-box,
    .its-partner-wrap .its-file-btn {
        width: 100% !important;
    }

    .its-return-req-wrap .its-gs-flex {
        flex-direction: column !important;
    }

    .its-return-req-wrap input[type="search"].its-gs-input,
    .its-return-req-wrap button.its-gs-btn {
        max-width: 100% !important;
        width: 100% !important;
    }
}



/* ==========================================================================
   [itsshop-partner] 온라인 입점신청 (seller_reg_from.php, seller_reg_from.inc_cp.php) 확장
   - Rules: Hardcoded values only (No :root, No CSS variables, No box-shadow)
   ========================================================================== */
.itsshop-partner-header .itsshop-partner-header-text dt,
.itsshop-partner-header .itsshop-partner-header-text dt a {
    color: #ffffff !important;
}

.itsshop-partner-header .itsshop-partner-header-text dd {
    color: #cbd5e1 !important;
}

.itsshop-partner-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 36px;
}

.itsshop-partner-step-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
}

.itsshop-partner-step-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 8px;
    background-color: #e2e8f0;
    border: 1px solid #cbd5e1;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}

.itsshop-partner-step-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.itsshop-partner-step-name {
    font-size: 15px;
    font-weight: 800;
    color: #334155;
    line-height: 1.3;
}

.itsshop-partner-step-desc {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.3;
}

.itsshop-partner-step-item.is-active {
    background-color: #0f172a;
    border-color: #0f172a;
}

.itsshop-partner-step-item.is-active .itsshop-partner-step-badge {
    background-color: #2563eb;
    border-color: #3b82f6;
    color: #ffffff !important;
}

.itsshop-partner-step-item.is-active .itsshop-partner-step-name {
    color: #ffffff !important;
}

.itsshop-partner-step-item.is-active .itsshop-partner-step-desc {
    color: #cbd5e1 !important;
}

.itsshop-partner-sec-head {
    flex-wrap: wrap;
}

.itsshop-partner-sec-guide {
    margin-left: auto;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

.itsshop-partner-sec-guide .itsshop-partner-req {
    font-style: normal;
    font-weight: 800;
}

.itsshop-partner-wrap .itsshop-partner-chk-input {
    float: none !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    accent-color: #2563eb;
}

.itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-xs,
.itsshop-partner-wrap input.itsshop-partner-input.is-xs {
    width: 140px !important;
    max-width: 100%;
    text-align: center !important;
}

.itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-sm,
.itsshop-partner-wrap input.itsshop-partner-input.is-sm {
    width: 240px !important;
    max-width: 100%;
}

.itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-md,
.itsshop-partner-wrap input.itsshop-partner-input.is-md {
    width: 360px !important;
    max-width: 100%;
}

.itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-lg,
.itsshop-partner-wrap input.itsshop-partner-input.is-lg {
    width: 480px !important;
    max-width: 100%;
}

.itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-full,
.itsshop-partner-wrap input.itsshop-partner-input.is-full {
    width: 100% !important;
}

.itsshop-partner-field-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.itsshop-partner-field-tip {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.4;
}

.itsshop-partner-addr-stack-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.itsshop-partner-wrap a.itsshop-partner-btn-zip,
.itsshop-partner-btn-zip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    background-color: #1e293b !important;
    border: 1px solid #0f172a !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.itsshop-partner-wrap a.itsshop-partner-btn-zip span,
.itsshop-partner-btn-zip span {
    color: #ffffff !important;
}

.itsshop-partner-wrap a.itsshop-partner-btn-zip:hover,
.itsshop-partner-btn-zip:hover {
    background-color: #2563eb !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

.itsshop-partner-wrap .itsshop-partner-btn.is-submit,
.itsshop-partner-btn.is-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 180px;
    height: 52px !important;
    padding: 0 32px !important;
    border-radius: 12px !important;
    background-color: #2563eb !important;
    border: 1px solid #1d4ed8 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.itsshop-partner-wrap .itsshop-partner-btn.is-submit span,
.itsshop-partner-btn.is-submit span {
    color: #ffffff !important;
}

.itsshop-partner-wrap .itsshop-partner-btn.is-submit:hover,
.itsshop-partner-btn.is-submit:hover {
    background-color: #1d4ed8 !important;
    border-color: #1e40af !important;
    color: #ffffff !important;
}

.itsshop-partner-wrap .itsshop-partner-btn.is-cancel,
.itsshop-partner-btn.is-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 180px;
    height: 52px !important;
    padding: 0 32px !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.itsshop-partner-wrap .itsshop-partner-btn.is-cancel:hover,
.itsshop-partner-btn.is-cancel:hover {
    background-color: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

@media (max-width: 900px) {
    .itsshop-partner-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .itsshop-partner-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-bottom: 24px;
    }

    .itsshop-partner-step-item {
        padding: 12px 12px;
        gap: 10px;
    }

    .itsshop-partner-step-badge {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .itsshop-partner-step-name {
        font-size: 13px;
    }

    .itsshop-partner-step-desc {
        font-size: 11px;
    }

    .itsshop-partner-sec-guide {
        width: 100%;
        margin-left: 0;
        margin-top: 2px;
        font-size: 12px;
    }

    .itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-sm,
    .itsshop-partner-wrap input.itsshop-partner-input.is-sm,
    .itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-md,
    .itsshop-partner-wrap input.itsshop-partner-input.is-md,
    .itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-lg,
    .itsshop-partner-wrap input.itsshop-partner-input.is-lg {
        width: 100% !important;
    }

    .itsshop-partner-wrap input[type="text"].itsshop-partner-input.is-xs,
    .itsshop-partner-wrap input.itsshop-partner-input.is-xs {
        width: 120px !important;
    }
}