html * {
    font-size: 13px;
    font-family: 'Roboto', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', 'Dotum', '돋움', 'Arial', sans-serif;
}

body {
    background: #fff;
}

/* 낙찰리뷰이벤트 start */
.bid-review {
    width: 70%;
    max-width:1400px;
    margin: 0 auto;
}

.bid-review-form {
    background: #dae3f3;
    border-radius: 10px;
    box-shadow: 0 0 20px #d8e1f0;
    padding: 30px;
    color: var(--basic);
    margin-top: 40px;
    /*font-family: Roboto, Noto Sans KR, sans-serif;*/
    font-size: 13px;
}

.bid-review-form input[type=text] {
    border: 1px solid #244d8e;
    height: 28px;
    padding-left: 10px;
    font-weight: 300;
}

.bid-review-form textarea {
    flex-grow: 1;
    border: 1px solid #244d8e;;
    padding: 10px;
    line-height: 24px;
    outline: none;
    color:#444;
}

.bid-review-table {
    /*border-color: #ddd;*/
    margin-top:20px;
    border-top:2px solid #244d8e;
    width: 100%;
    table-layout: fixed;        /* 폭 고정  */
    border-collapse: collapse;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    /*margin: 0 !important;*/
}

.bid-review-table>thead>tr>th {
    background: #f0f0f5;
    color: var(--basic);
    font-family: Roboto, Noto Sans KR, sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    padding:10px 0;
}
/* 마지막 오른쪽 선 포함 */
.bid-review-table th,
.bid-review-table td{border: 1px solid #ddd;}

.bid-review-table>tbody>tr>td {padding: 8px;text-align: center;}

/* Bootstrap .table-bordered가 table 자체에 주는 외곽 border 제거 (중복 테두리 방지) */
table.table.table-bordered.bid-review-table{
  border: 0 !important;
}

.bid-review-table th:last-child,
.bid-review-table td:last-child{border-right: 1px solid #ddd;}

table.table.table-bordered.bid-review-table > :not(caption) > * > *{
  border-color: #ddd !important;
}

/* 테이블 폭 */
.bid-review-table th:nth-child(1),
.bid-review-table td:nth-child(1){ width: 70px; }    /* 번호 */
.bid-review-table th:nth-child(2),
.bid-review-table td:nth-child(2){ width: 120px; }   /* 아이디 */
.bid-review-table th:nth-child(4),
.bid-review-table td:nth-child(4){ width: 150px; }   /* 날짜 */

/* 번호/아이디/날짜 폰트 작게 */
.bid-review-table th:nth-child(1),
.bid-review-table td:nth-child(1),
.bid-review-table th:nth-child(2),
.bid-review-table td:nth-child(2),
.bid-review-table th:nth-child(4),
.bid-review-table td:nth-child(4){
  font-size: 13px;
  line-height: 1.25;
  white-space: nowrap;
  vertical-align: middle;
}

/* 내용 폰트 조금 크게 + 넓게(남는 폭 전부) */
.bid-review-table th:nth-child(3),
.bid-review-table td:nth-child(3),
.bid-review-table td.text-start{
  font-size: 13px;
  line-height: 1.5;
}

/* 내용: 길어져도 테이블 폭을 밀지 못하게 */
.bid-review-table td.text-start{
  text-align: left;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;    /* 강제 줄바꿈 */
  overflow: hidden;           /* 셀 밖으로 밀어내지 못하게 */
  min-width: 0;               /* 폭 확장 방지 */
}

/* 자식 요소가 폭을 늘리는 경우까지 차단 */
.bid-review-table td.text-start *{min-width: 0;max-width: 100%;}

.bid-review-table>tbody>tr>td.regdate {
    /*width: 150px;*/
    white-space: nowrap;
}

.bid-review-table td.regdate .date{
  display: block;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bid-review-table>tbody>tr>td .btn-remove {
    margin-left: 5px;
    position: static;
    border:1px solid #dbdbdb;
}

.bid-review-table>tbody>tr>td.no {
    width: 60px;
}

.bid-review-table>tbody>tr>td.userid {
    width: 100px;
}

.txt-red {
    color: #cc3232;
    letter-spacing:-0.03em;
}

.txt-blue {
    color: #244d8e;
    margin-left: 5px;
    font-weight:600;
}

#bidreview-userid:disabled {
    background-color: #eee;
    color: #666;
    border: 1px solid #244d8e;
    pointer-events: none;

}

#bidreview-type {
    width: 150px;
    height: 28px;
    border:1px solid #244d8e;
    margin-top:10px;
}
.btn-add{background:#244d8e;padding:38px 28px;border:none;}
.btn-add:hover{background:#244d8e;padding:38px 28px;border:none;}
.btn-add-font{font-size:20px;color:#fff;font-weight:400;}

/* pagination */
#pagination {
    margin-top: 24px;
    text-align: center;
}

#pagination nav {
    display: inline-block;
}

#pagination nav .pagination {
    padding-left: 0;
    border-radius: 4px;
}

#pagination nav .pagination li {
    line-height: 18px;
}

#pagination nav .pagination li.active a {
    color: #000;
    background-color: #d9dadf !important;
    border: 1px solid #dddddd !important;
    cursor: default;
}

#pagination nav .pagination li a {
    padding: 6px 12px;
    text-decoration: none;
    font-size: 12px;
}

#pagination nav .pagination li a:hover,
#pagination nav .pagination li a:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
    box-shadow: none;
}

#pagination nav .pagination li:not(.disabled) a.page-link {
    color: #337ab7;
}

/* ===================== CSS Variables ===================== */
:root{
  --brand:#28c9ff;
  --basic: #000;
  --bg:#ffffff;
  --line:#cecece;
  --border: #dcdfe5;
}
@font-face {
  font-family: 'GmarketSans';
  src: url('/static/images/customer/serviceinfo/GmarketSansLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('/static/images/customer/serviceinfo/GmarketSansMedium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('/static/images/customer/serviceinfo/GmarketSansBold.otf') format("opentype");
  font-weight: bold;
  font-style: normal;
}

/* ===================== Base / Reset ===================== */
* {margin:0; padding:0; box-sizing:border-box; font-family: 'GmarketSans', sans-serif;}
body {font-family: 'GmarketSans', sans-serif;}
img {max-width:100%; height:auto; display:block;}

/* ===================== Visual ===================== */
.top {padding:20px 0;background:#fff;}
.content{width:1200px;margin:0 auto;}
/*.area_visual{
    width: 100%;
    min-height: clamp(520px, 85vh, 878px); /* 기존 878px 유지 *
    background: #0d0e1c url(/static/images/customer/reviews/bg_back.png) top center no-repeat;
    /*background: #0D0E1D url(/static/images/customer/reviews/bg_back.png) center / cover no-repeat;
    height: 878px;
    background:url(/static/images/customer/reviews/bg_back.png)center no-repeat;/
    text-align:center;
    padding-bottom: 30px;
    overflow: hidden;
}*/
.area_visual{
  position: relative;
  z-index: 0;              
  isolation: isolate;      
  width: 100%;
  min-height: clamp(520px, 85vh, 878px);
  background: #0d0e1c url(/static/images/customer/reviews/bg_back.png)
              top center no-repeat;
  padding-bottom: 30px;
}
.area_visual::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(
    to bottom,
    rgba(13,14,28,0.15) 0%,
    rgba(13,14,28,0.55) 55%,
    rgba(13,14,28,0.85) 100%
  );
  z-index: -1;
}
.area_visual_img{
    width: 100%;
    max-width:1600px;
    margin:0 auto;
    position:relative;
    min-height: clamp(420px, 70vh, 728px); /* 기존 728px 유지 */
    background: url(/static/images/customer/reviews/bg_head.png?ver=1) right center / contain no-repeat;
    /*height:728px;
    background:url(/static/images/customer/reviews/bg_head.png?ver=1)right no-repeat;*/
}

.visual_text {padding: 170px 0 40px 150px; letter-spacing: -0.03em;text-align:left;}
.visual_text h1 {font-size: 56px;color: var(--brand);}
.visual_text h1 .grad {
  background: linear-gradient(90deg, #aafdff 0%, #28c9ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 56px;
  font-weight:600;
}
.visual_text p {font-size:24px; color:#fff; font-weight: 600;}
.visual_text span {font-size:26px; color:#b0ffff; font-weight:200;}
.line {width:60px;border:2px solid #86878e;margin:0 0 0 150px;}

.visual_txt2{padding:48px 0 0 150px;letter-spacing:-0.05em;text-align:left;}
.visual_txt2 p {font-size:24px; color:#fff; font-weight: 300;line-height:3px;}
.visual_txt2 span{background:#28c9ff;padding:1px;font-size:24px; color:#fff;font-weight: 400;}

.btn_wrap{
    width: 100%;
    max-width: 1600px;
    margin: 40px auto 30px;  /* 기존 margin 값 유지하면서 중앙 */
    text-align: center;
}
.btn_review{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 24px 90px;
    border-radius: 50px;
    background: linear-gradient(
        to bottom,
        #00e34f 0%,
        #00e34f 90%,
        #00aa3b 100%
    );

    box-shadow:
        0 14px 25px rgba(0, 0, 0, 0.35),
        inset 0 -4px 8px rgba(0,0,0,0.15);
    text-decoration: none;

    transition:
    transform .28s cubic-bezier(.22,1,.36,1),
    box-shadow .28s cubic-bezier(.22,1,.36,1);
   will-change: transform;
}
.btn_review span{
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: clamp(22px, 4.2vw, 44px);
    color:#fff;
    text-align:center;
}

.btn_review:hover{
    transform: translateY(-4px);
    box-shadow:
        0 18px 30px rgba(0, 0, 0, 0.4),
        inset 0 -4px 10px rgba(0,0,0,0.2);
}

.info21chome{text-align:center;padding:30px 0;}

.btn_info21chome{
  position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 19px 72px;
    border-radius: 50px;
    background: linear-gradient(
        to bottom,
        #234a8a 0%,
        #16376d 90%,
        #011c3f 100%
    );

    box-shadow:
        0 14px 25px rgba(0, 0, 0, 0.35),
        inset 0 -4px 8px rgba(0,0,0,0.15);
    text-decoration: none;

    transition:
    transform .28s cubic-bezier(.22,1,.36,1),
    box-shadow .28s cubic-bezier(.22,1,.36,1);
   will-change: transform;
}
.btn_info21chome span{
    font-weight: 500;
    letter-spacing: -0.04em;
    font-size: clamp(18px, 3.36vw, 35px);
    color:#fff;
    text-align:center;
}
/* ===================== 상품권 ===================== */
.section1{padding:80px 0;background:#f7f7f7;text-align:center;margin:0 auto;}
.section1 .inner {position: relative;width:100%;}
.section1 .title {margin:0 auto;font-size:56px;font-weight:900;letter-spacing:-0.03em;}
.section1 .inner .title:nth-of-type(2){
  background: linear-gradient(
    to bottom,
    #3d4cbd 0%,
    #1d266a 50%,
    #1b2362 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.section1 .title font {color: var(--basic);font-size:32px;font-weight:500;letter-spacing:-0.03em;}
.section1 p {color: var(--basic);font-size:24px;font-weight:300;letter-spacing:-0.03em;line-height:34px;}
.section1 .gift-desc{margin-top: 18px;line-height: 1.6;letter-spacing: -0.03em;word-break: keep-all;overflow-wrap: anywhere;}
.section1 .gift-desc .txt1{font-weight: 700;font-size:24px;}
.section1 .gift-desc .sep{display: inline-block;margin: 0 10px;opacity: .55;}
.section1 p .underline{display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #000;font-size:24px;font-weight:400;letter-spacing:-0.03em;line-height:34px;}
.section1 ul{display: flex; justify-content: center; align-items: center; margin-top:40px;}
.section1 ul li{height: 198px; display: flex; align-items: center; justify-content: center; padding: 8px;}
.section1 ul li:not(:last-child){margin-right: 22px;}

footer {padding: 40px 0 30px 0; background: #f8f8f8; text-align: center;margin-top:30px;}
footer * {font-size: 22px; color: #767676;}
footer p {font-size: 22px; line-height: 50px; margin-bottom: 30px; font-weight: 400;}


/* ===================== Tablet (768px 이하) ===================== */
/* 이미지는 유지 살짝 어둡게 */
@media (max-width: 768px) {

  .content{width:92%;}

  .area_visual{min-height: 520px;}

  .area_visual_img{
    background-position: center;
    background-size: contain;
    min-height: 420px;
    position: relative;
  }

  /* 이미지 위에 살짝 어두운 오버레이 */
  .area_visual_img::before{
    content:'';
    position:absolute;
    inset:0;
    background: rgba(13,14,29,0.35); /* 35% 어둡게 */
  }

  .visual_text{
    position: relative;
    z-index: 2; /* 텍스트 위로 */
    padding: 110px 40px 30px 40px;/* 150px 제거 → 태블릿용 패딩 */
    text-align: left;
  }
  .visual_text p{
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .visual_text h1{
    font-size: 42px;
    line-height: 1.2;
  }

  .visual_text h1 .grad{
    font-size: inherit; /* 56px 제거 */
  }

  .visual_text span{
    font-size: 20px;
    line-height: 1.45;
    margin-top: 6px;
  }

  .line{
    margin-left: 40px;
  }

  .visual_txt2{
    padding: 20px 40px 0 40px;
    letter-spacing: -0.03em;
  }

  /* 기존 line-height:3px 덮어쓰기 */
  .visual_txt2 p{
    font-size: 18px;
    line-height: 1.6;
    margin: 6px 0;
  }

  .visual_txt2 span{
    font-size: 18px;
    padding: 2px 6px;
  }

  /* 줄바꿈이 과하면 br 숨김 */
  .visual_txt2 br{
    display: none;
  }

  .btn_wrap{
    padding: 0 16px; /* 화면 좌우 여백 */
  }

  .btn_review{
    /* 너무 길어지면 줄바꿈 잘림 방지 */
    width: min(640px, 100%);
    padding: 18px 26px;      /* 기존 24px 90px → 축소 */
    border-radius: 999px;

    /* 모바일/태블릿에서 탭하기 좋은 높이 유지 */
    min-height: 64px;
  }

  .btn_review span{
    font-size: clamp(18px, 3.8vw, 28px);
    line-height: 1.2;
    white-space: nowrap; /* 한 줄 유지 */
  }

  .btn_info21chome{
        padding: 16px 50px;
        border-radius: 40px;
    }

  .btn_info21chome span{
    font-size: clamp(18px, 3.8vw, 28px);
  }

  .section1{
    padding: 56px 0;     /* 기존 80px → 약간 축소 */
  }

  .section1 .inner{
    width: 92%;
    margin: 0 auto;
  }

  .section1 .title font{
    font-size: 22px;     /* 기존 32px → 태블릿 적정 */
    line-height: 1.3;
  }

  .section1 .title{
    font-size: 38px;     /* 기존 56px → 태블릿 적정 */
    line-height: 1.18;
    word-break: keep-all;
  }

  .section1 p{
    font-size: 18px;     /* 기존 24px → 태블릿 적정 */
    line-height: 1.6;    /* px 대신 비율로 */
    margin-top: 14px;
  }

  .section1 p .underline{
    font-size: inherit; 
    line-height: inherit;
    padding-bottom: 2px;
    border-bottom-width: 1px;
  }

  .section1 ul{
    flex-wrap: nowrap;          /* 줄바꿈 금지 */
    justify-content: center;
    gap: 16px;                  /* 기존 22px → 태블릿 균형 */
    margin-top: 28px;
    padding: 0 20px;
  }

  /* 기존 margin-right 제거 */
  .section1 ul li:not(:last-child){
    margin-right: 0;
  }

  .section1 ul li{
    flex: 1 1 0;                /* 3등분 균등 */
    max-width: 200px;           /* 너무 커지지 않도록 제한 */
    height: auto;               /* 고정 198px 제거 */
    padding: 4px;
  }

  .section1 ul li img{
    width: 100%;                /* 부모 기준 자동 축소 */
    height: auto;
    object-fit: contain;        /* 비율 유지 */
  }
  .section1 .gift-desc{
    font-size: 16px;     /* 768에서 읽기 좋은 크기 */
    line-height: 1.6;
    margin-top: 12px;
  }
  .section1 .gift-desc .sep{
    margin: 0 8px;
  }
  .section1 .gift-desc b{
    margin-right: 2px;
  }

  .bid-review{
    width: 92%;
  }

  .bid-review-form{
    padding: 20px;
    margin-top: 24px;
    border-radius: 12px;
    font-size: 13px;
  }

  /* 동의 문구: 줄바꿈 자연스럽게 + 터치 영역 */
  .bid-review-form label{
    display: block;
    line-height: 1.55;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  .bid-review-form label input[type="checkbox"]{
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 6px;
  }

  .bid-review-form label .txt-blue{
    margin-left: 0;
    margin-right: 4px;
    display: inline-block;
  }

  /* select + userid + hp : 한 줄 유지 실패 시 자연스럽게 2줄 */
  .bid-review-form .d-block{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
  }

  #bidreview-type{
    width: 140px;
    height: 40px;
    margin-top: 0; /* 기존 10px 제거 */
    margin-bottom:5px;
  }

  #bidreview-userid,
  #bidreview-hp{
    height: 40px;
    min-width: 0;
    
  }

  #bidreview-userid{
    flex: 1 1 160px;
  }

  #bidreview-hp{
    flex: 1 1 260px;
    width: auto; /* size 속성 영향 최소화 */
    margin-top:6px;
  }

  .bid-review-form input[type="text"]{
    font-size: 14px;
    padding-left: 12px;
  }

  /* textarea + button : 가로 → 세로 스택 */
  .bid-review-form .d-flex.mt-2.column-gap-3{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 10px;
  }

  #bidreview-content{
    width: 100%;
    min-height: 120px;
    resize: vertical;
    font-size: 14px;
    line-height: 1.6;
  }

  .btn-add{
    width: 100%;
    padding: 14px 16px;
    border-radius: 10px;
  }

  .btn-add-font{
    font-size: 18px;
  }

  /* 빨간 안내문: 위쪽 여백 */
  .bid-review-form .txt-red{
    display: block;
    margin-top: 12px;
    line-height: 1.55;
  }

   /* 컬럼 폭: 번호/아이디/날짜는 좁게, 내용은 자동(남는폭) */
  .bid-review-table th:nth-child(1),
  .bid-review-table td:nth-child(1){ width: 52px; }   /* 번호 */
  .bid-review-table th:nth-child(2),
  .bid-review-table td:nth-child(2){ width: 90px; }   /* 아이디 */
  .bid-review-table th:nth-child(4),
  .bid-review-table td:nth-child(4){ width: 120px; }  /* 날짜 */

  /* 글자: 번호/아이디/날짜 작게 */
  .bid-review-table th:nth-child(1),
  .bid-review-table td:nth-child(1),
  .bid-review-table th:nth-child(2),
  .bid-review-table td:nth-child(2),
  .bid-review-table th:nth-child(4),
  .bid-review-table td:nth-child(4){
    font-size: 11.5px;
    line-height: 1.25;
    white-space: nowrap;
  }

  /* 내용은 조금 크게 */
  .bid-review-table th:nth-child(3),
  .bid-review-table td:nth-child(3),
  .bid-review-table td.text-start{
    font-size: 13px;
    line-height: 1.45;
  }

  .bid-review-table td.regdate{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    white-space: normal;           /* 기존 nowrap 방지 */
    padding: 8px 6px;
    gap: 6px;
  }
  .bid-review-table td.regdate .date{
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bid-review-table td.regdate .btn-remove{
    margin-left: 0;               /* 기존 margin-left 제거 */
    padding: 4px 7px;
    font-size: 11px;
    line-height: 1;
    border-radius: 6px;
  }
  .bid-review-table td.regdate .btn-remove i{
    font-size: 11px;
  }

  footer{ padding: 28px 16px 22px; margin-top: 22px; }
  footer *{ font-size: 16px; }                 /* 22px -> 16px */
  footer p{
    font-size: 16px;
    line-height: 1.6;                          /* 50px 고정 제거 */
    margin-bottom: 0;                          /* 여백 과다 제거 */
    word-break: keep-all;
    font-weight: 400;
  }

}


/* ===================== Mobile (480px 이하) ===================== */
/* bg_head 제거 + 배경색만 표시 */
@media (max-width: 480px){

  .area_visual{ min-height: 480px; }

  .area_visual_img{
    background-image: none !important;
    background-color: #0d0e1d;
    min-height: 380px;
  }
  .area_visual_img::before{ display:none; }

  /* 왼쪽 정렬/여백 (150px -> 16px) */
  .visual_text{
    padding: 64px 16px 18px 16px;  /* 상/우/하/좌 */
    text-align: left;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  /* 제목/문구 폰트 크기 (모바일에서 보기 좋게) */
  .visual_text p{
    font-size: clamp(14px, 4.2vw, 16px);
    line-height: 1.35;
    margin-bottom: 8px;
  }

  .visual_text h1{
    font-size: clamp(24px, 7.2vw, 32px);
    line-height: 1.08;   /* 기본 1.15 → 살짝 압축 */
    margin: 0;
  }

  /* 기존 .grad의 56px 고정을 무력화 */
  .visual_text h1 .grad{
    display: inline-block;
    font-size: inherit;
    margin: 0;
    padding: 0;
  }
  /* br 줄 간격 직접 제어 */
  .visual_text h1 br{
    display: block;
    margin: 6px 0;  /* 줄 사이 여백 조절 */
  }

  .visual_text span{
    font-size: clamp(13px, 4.0vw, 16px);
    line-height: 1.4;
    display: block;
    margin-top: 6px;
  }

  /* 라인도 같이 왼쪽 맞춤 */
  .line{
    margin-left: 16px;
    width: 44px;
  }

  /* 두번째 문단(visual_txt2)도 모바일 최적화 */
  .visual_txt2{
    padding: 14px 16px 0 16px;
    text-align: left;
    letter-spacing: -0.02em;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }

  /* 기존 line-height:3px 덮어쓰기 */
  .visual_txt2 p{
    font-size: clamp(13px, 4.2vw, 16px);
    line-height: 1.6;
    margin: 6px 0;
  }

  .visual_txt2 span{
    font-size: inherit;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline;
  }

  /* 줄바꿈이 과하면 br 숨김(원하면 사용) */
  .visual_txt2 br{
    display: none;
  }

  .btn_wrap{
    padding: 0 16px; /* 화면 여백 확보 */
  }

  .btn_review{
    width: 100%;              /* 화면 가득 */
    max-width: 100%;
    padding: 16px 20px;       /* 기존 24px 90px → 축소 */
    min-height: 56px;         /* 웹표준 터치 영역 확보 */
    border-radius: 999px;
  }

  .btn_review span{
    font-size: clamp(16px, 4.5vw, 20px);
    line-height: 1.3;
    white-space: nowrap;      /* 한 줄 유지 */
  }

  .btn_info21chome{
    padding: 14px 35px;
    border-radius: 35px;
    }

  .btn_info21chome span{
    font-size: clamp(16px, 4.5vw, 20px);
    letter-spacing: -0.03em;
  }

  .section1{
    padding: 48px 0;
  }

  .section1 .inner{
    width: 92%;
    margin: 0 auto;
  }

  .section1 .title font{
    font-size: 18px;
    line-height: 1.35;
  }

  .section1 .title{
    font-size: 26px;     /* 56px → 모바일 최적 */
    line-height: 1.25;
    word-break: keep-all;
    margin-top: 6px;
  }

  .section1 p{
    font-size: 16px;     /* 24px → 모바일 최적 */
    line-height: 1.6;
    margin-top: 14px;
  }

  .section1 p .underline{
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 2px;
    border-bottom: 1px solid #000;
  }

  .section1 ul{
    flex-wrap: nowrap;       /* 한 줄 고정 */
    justify-content: center;
    gap: 10px;               /* 768보다 더 축소 */
    margin-top: 24px;
    padding: 0 12px;         /* 화면 안전 여백 */
  }

  /* 기존 margin-right 완전 제거 */
  .section1 ul li:not(:last-child){
    margin-right: 0;
  }

  .section1 ul li{
    flex: 1 1 0;             /* 3등분 */
    max-width: 120px;        /* 모바일에서 적절한 크기 */
    padding: 2px;
  }

  .section1 ul li img{
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .section1 .gift-desc{
    font-size: 14px;
    line-height: 1.6;
    margin-top: 10px;
    text-align: center;           /* 모바일은 좌측이 가독성 좋음(원하면 center로) */
  }

  /* 구분점(·)을 줄바꿈처럼 */
  .section1 .gift-desc .sep{
    display: block;
    margin: 6px 0;
    width: 100%;
    height: 0;                  /* 점 자체는 숨기고 줄 간격만 */
    opacity: 0;
  }

  /* 항목들 간 자연스러운 줄바꿈 */
  .section1 .gift-desc b.txt1{
    display: inline;
    white-space: nowrap;        /* 상품명은 되도록 한 덩어리로 */
  }

  .bid-review{ width: 94%; }

  .bid-review-form{
    padding: 16px;
    border-radius: 12px;
    font-size: 13px;
  }

  /* 동의 문구 가독성 */
  .bid-review-form label{
    line-height: 1.65;
  }

  /* 상단 입력영역: 1줄 강박 없이 자연스럽게 2~3줄 */
  .bid-review-form .d-block{
    gap: 8px;
    margin-top: 12px;
  }

  /* select는 첫 줄 고정 */
  #bidreview-type{
    flex: 0 0 100%;
    width: 100%;
    height: 42px;
    margin-bottom:5px;
  }

  /* userid / hp는 아래 줄로 */
  #bidreview-userid{
    flex: 1 1 100%;
    width: 100%;
    height: 42px;
  }

  #bidreview-hp{
    flex: 1 1 100%;
    width: 100%;
    height: 42px;
    margin-top:6px;
  }

  .bid-review-form input[type="text"]{
    font-size: 14px;
  }

  /* textarea + 버튼 */
  .bid-review-form .d-flex.mt-2.column-gap-3{
    gap: 10px;
    margin-top: 16px;
  }

  #bidreview-content{
    min-height: 130px;
    font-size: 14px;
    line-height: 1.65;
    padding: 12px;
  }

  .btn-add{
    width: 100%;
    padding: 14px 14px;
    border-radius: 10px;
  }

  .btn-add-font{
    font-size: 17px;
  }

  .bid-review-form .txt-red{
    margin-top: 10px;
    font-size: 12.5px;
    line-height: 1.6;
  }

  .bid-review-table > thead > tr > th,
  .bid-review-table > tbody > tr > td{
    font-size: 12px;
    line-height: 1.3;
  }

  /* 내용이 너무 길면 셀 밖으로 튀지 않게 */
  .bid-review-table td.text-start{
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .bid-review-table th,
  .bid-review-table td{
    padding: 7px 5px;
  }

  .bid-review-table th:nth-child(1),
  .bid-review-table td:nth-child(1){ width: 40px; }   /* 번호 */
  .bid-review-table th:nth-child(2),
  .bid-review-table td:nth-child(2){ width: 60px; }   /* 아이디 */
  .bid-review-table th:nth-child(4),
  .bid-review-table td:nth-child(4){ width: 78px; }   /* 날짜 */

  .bid-review-table th:nth-child(1),
  .bid-review-table td:nth-child(1),
  .bid-review-table th:nth-child(2),
  .bid-review-table td:nth-child(2),
  .bid-review-table th:nth-child(4),
  .bid-review-table td:nth-child(4){
    font-size: 10.8px;
    line-height: 1.2;
  }

  .bid-review-table th:nth-child(3),
  .bid-review-table td:nth-child(3),
  .bid-review-table td.text-start{
    font-size: 12px;     /* 내용 살짝 강조 */
    line-height: 1.45;
  }

  .bid-review-table td.regdate{
    padding: 6px 4px;
    gap: 4px;
    align-items: center;
    justify-content: center;
  }

  .bid-review-table td.regdate .date{
    font-size: 10.8px;
  }

  .bid-review-table td.regdate .btn-remove i{
    padding: 3px 6px;
    font-size: 10px;
    border-radius: 6px;
  }

  footer{ padding: 22px 14px 18px; margin-top: 18px; }
  footer *{ font-size: 14px; }
  footer p{
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 0;
    font-weight: 400;
  }

}

/* ===================== 375px 기준 ===================== */
@media (max-width: 380px){

  /* 배경 유지 */
  .area_visual{
    min-height: 500px;
  }

  .area_visual_img{
    background-image: none !important;
    background-color: #0d0e1d;
    min-height: 420px;
  }

  /* 좌우 여백 고정 */
  .visual_text{
    padding: 60px 18px 20px 18px;
    text-align: left;
  }

  /* 상단 작은 문구 */
  .visual_text p{
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  /* 메인 타이틀 */
  .visual_text h1{
    font-size: 28px;
    line-height: 1.05;
    margin: 0;
    word-break: keep-all;
  }

  /* 56px 고정 제거 */
  .visual_text h1 .grad{
    font-size: inherit;
    display: inline-block;
    margin: 0;
    padding: 0;
  }

  /* 서브 문구 */
  .visual_text span{
    font-size: 15px;
    line-height: 1.5;
    margin-top: 8px;
  }
  /* br 간격 줄이기 */
  .visual_text h1 br{
    display: block;
    content: "";
    margin: 4px 0;   /* 줄 사이 간격 직접 제어 */
  }

  /* 라인 왼쪽 정렬 */
  .line{
    margin-left: 18px;
    width: 42px;
  }

  /* 두번째 텍스트 블록 */
  .visual_txt2{
    padding: 12px 18px 0 18px;
  }

  .visual_txt2 p{
    font-size: 15px;
    line-height: 1.6;   /* 기존 3px 완전 덮어쓰기 */
    margin: 8px 0;
  }

  .visual_txt2 span{
    font-size: 15px;
    padding: 2px 6px;
  }

  /* br은 모바일에서 제거 (줄 깨짐 방지) */
  .visual_txt2 br{
    display: none;
  }

  .btn_wrap{
    padding: 0 18px; /* 좌우 안전 여백 */
  }

  .btn_review{
    width: 100%;
    padding: 14px 18px;     /* 기존 24px 90px → 완전 축소 */
    min-height: 52px;       /* 웹표준 터치 영역 확보 (44px 이상) */
    border-radius: 999px;
  }

  .btn_review span{
    font-size: 16px;        /* 고정값이 가장 안정적 */
    line-height: 1.25;
    letter-spacing: -0.02em;
    white-space: nowrap;    /* 한 줄 유지 */
  }

  .btn_info21chome{
    padding: 12px 28px;
    border-radius: 30px;
  }

  .btn_info21chome span{
    font-size: 14px;
    line-height: 1.3;
  }

  .section1{
    padding: 40px 0;
  }

  .section1 .inner{
    width: 94%;
    margin: 0 auto;
  }

  .section1 .title font{
    font-size: 16px;
    line-height: 1.35;
  }

  .section1 .title{
    font-size: 22px;      /* 480px 26px → 더 축소 */
    line-height: 1.3;
    word-break: keep-all;
    letter-spacing: -0.02em;
    margin-top: 4px;
  }

  .section1 p{
    font-size: 14px;      /* 모바일 최소 가독선 */
    line-height: 1.65;
    margin-top: 12px;
  }

  .section1 p .underline{
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 1px;
    border-bottom: 1px solid #000;
    white-space: nowrap;   /* 줄 바뀜 방지 */
  }

  .section1 ul{
    flex-wrap: nowrap;        /* 한 줄 고정 */
    justify-content: center;
    gap: 6px;                 /* 480px보다 더 축소 */
    margin-top: 20px;
    padding: 0 10px;          /* 안전 여백 */
  }

  /* 기존 margin-right 제거 */
  .section1 ul li:not(:last-child){
    margin-right: 0;
  }

  .section1 ul li{
    flex: 1 1 0;              /* 3등분 */
    max-width: 100px;         /* 380px에 맞는 안전 크기 */
    padding: 2px;
  }

  .section1 ul li img{
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .section1 .gift-desc{
    font-size: 13px;
    line-height: 1.6;
    margin-top: 8px;
    text-align: center;
  }

  .section1 .gift-desc .sep{
    margin: 5px 0;
  }

  /* 너무 타이트하면 상품명만 더 또렷하게 */
  .section1 .gift-desc b.txt1{
    font-weight: 800;
  }

  .bid-review{ width: 94%; }

  .bid-review-form{
    padding: 14px;
    border-radius: 10px;
  }

  .bid-review-form label{
    font-size: 12.5px;
    line-height: 1.7;
  }

  .bid-review-form label input[type="checkbox"]{
    width: 17px;
    height: 17px;
  }

  .bid-review-form .d-block{
    gap: 7px;
    margin-top: 10px;
  }

  .bid-review-form .d-flex.mt-2.column-gap-3{
    margin-top: 14px;
  }

  #bidreview-type,
  #bidreview-userid,
  #bidreview-hp{
    height: 40px;
    margin-bottom:5px;
  }

  #bidreview-hp{margin-top:2px;}

  #bidreview-content{
    min-height: 120px;
    font-size: 13.5px;
    line-height: 1.65;
  }

  .btn-add{
    padding: 13px 12px;
    border-radius: 10px;
  }

  .btn-add-font{
    font-size: 16px;
  }

  .bid-review-form .txt-red{
    font-size: 12px;
    line-height: 1.65;
  }

  .bid-review-table th,
  .bid-review-table td{
    padding: 6px 4px;
  }

  .bid-review-table th:nth-child(1),
  .bid-review-table td:nth-child(1){ width: 36px; }   /* 번호 */
  .bid-review-table th:nth-child(2),
  .bid-review-table td:nth-child(2){ width: 52px; }   /* 아이디 */
  .bid-review-table th:nth-child(4),
  .bid-review-table td:nth-child(4){ width: 70px; }   /* 날짜 */

  .bid-review-table th:nth-child(1),
  .bid-review-table td:nth-child(1),
  .bid-review-table th:nth-child(2),
  .bid-review-table td:nth-child(2),
  .bid-review-table th:nth-child(4),
  .bid-review-table td:nth-child(4){
    font-size: 10.2px;
    line-height: 1.15;
  }

  .bid-review-table th:nth-child(3),
  .bid-review-table td:nth-child(3),
  .bid-review-table td.text-start{
    font-size: 12.5px;
    line-height: 1.42;
  }

  .bid-review-table td.regdate{
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;   /* 세로 가운데 */
    vertical-align: middle;
    text-align: center;
    white-space: normal;
  }

  .bid-review-table td.regdate .date{
    font-size: 10.2px;
    display: block;
    width: 100%;
    text-align: center;
  }

  .bid-review-table td.regdate .btn-remove{
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 5px;
  }

  footer{ padding: 18px 12px 16px; margin-top: 16px; }
  footer *{ font-size: 13px; }
  footer p{
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 400;
  }

}

/* 낙찰리뷰이벤트 end */