/* 메인 슬라이드 */
  .gp5 .slick-slider {
    overflow: hidden; /* 부모 요소에서 넘치는 부분 숨김 */
  }


  /* 🔹 전체 슬라이드에서 손모양 커서 제거 */
  .gp5 .master-slider,
  .gp5 .ms-slide,
  .gp5 .ms-view {
    cursor: pointer !important; /* 기본 커서로 변경 */
  }

  /* 🔹 마우스 드래그 방지 */
  .gp5 .master-slider {
      user-select: none; /* 텍스트 선택 방지 */
      pointer-events: auto; /* 기본 동작 유지 */
  }

  /* 🔹 네비게이션 화살표는 여전히 클릭 가능하도록 유지 */
  .gp5 .ms-nav-prev,
  .gp5 .ms-nav-next {
      cursor: pointer; /* 화살표 버튼은 클릭 가능 */
  }


  /*메인 배너 */
  .gp5 section.main-banner {
    margin: 30px 0 46px 0;
    /*text-align:center; padding:28px 0; margin-bottom:18px; overflow: hidden;*/
  }

  /* 메인 서클아이콘 링크 */
  .gp5 section.circleicon-link {
    width: 1300px; margin: 0 auto; margin-bottom:70px;
  }

  .gp5 section.circleicon-link ul {
    display:flex; justify-content:space-between; align-items:center;
  }

  .gp5 section.circleicon-link p.txt {
    text-align:center; margin-top:12px; font-weight:500;
  }

  /* 메인 뉴스 */
  .gp5 section.notice-banner {
    width: 1300px; margin: 0 auto; margin-bottom:76px;
  }

  .gp5 section.notice-banner .notice-banner-holder {
    display: flex;
    justify-content: space-between; 
    align-items: stretch;
    max-width: 1300px;
    margin: 0 auto;
    gap: 20px; /* 요소 사이 일정 간격 */
  }


  .gp5 section.notice-banner .notice-banner-holder .notice > div:nth-child(1) {
    display: flex; justify-content: space-between; align-items: center; width: 468px; margin-bottom: 10px;
  }

  .gp5 section.notice-banner .notice-banner-holder .notice .txt-label {
    background-image: url('../images/icon/broadcast.png'); background-position:left center; background-repeat:no-repeat; padding-left:38px;
    color:#47517d; font-size:24px; font-weight:600;
  }


  .gp5 section.notice-banner .notice-banner-holder .notice .conts {
    border:1px solid #dadfe2; border-radius:8px; padding:12px 26px;
  }

  .gp5 section.notice-banner .notice-banner-holder .notice .conts > div {
    display: flex; justify-content: space-between; margin-bottom:7px;
  }

  .gp5 section.notice-banner .notice-banner-holder .notice .conts div:nth-last-child(1) {
    margin-bottom:0;
  }

  .gp5 section.notice-banner .notice-banner-holder .rect-banner {
    display: flex;
  }

  /* 메인 이런제품을 찾고 있나요? */
  .gp5 section.recommend-product {
    width: 1300px; margin: 0 auto; margin-bottom:90px;
  }

  .gp5 section.recommend-product .holder .product-title {
    display: flex; align-items:center; justify-content: space-between; margin-bottom:4px;
    background-image: url('../images/icon/search-big.png'); background-repeat: no-repeat; background-position: left center;
    padding-left: 30px;
  }

  .gp5 section.recommend-product .holder .product-title .txt {
    color:#47517d; font-size:24px; font-weight:600;
  }


  .gp5 section.recommend-product .holder .product-title .line {
    flex: 1; border-top: 1px solid #2f3438; margin-left: 10px;
  }

  .gp5 section.recommend-product .holder .sub-title {
    margin-bottom:20px;
  }

  .gp5 section.recommend-product .detail-box {
    display: flex; justify-content: space-between;
  }

  /* 로긴전 */
  .gp5 section.recommend-product .detail-box .rtitle-holder {
    display: flex; align-items: center; padding: 10px 0;
  }


  .gp5 section.recommend-product .detail-box .rtitle-holder .txt1 {
    font-size:16px; font-weight:600;
  }

  .gp5 section.recommend-product .detail-box .rtitle-holder .txt2 {
    font-size:12px; border:1px solid #eaeaea; padding:3px; border-radius: 4px; color:#2f3438;
  }

  .gp5 .rtitle-holder .icons {
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: 4px;
    margin-right: 2px; */
  }

  .gp5 .rtitle-holder .icons img {
    /* display: flex; */
    /* justify-content: center;
    align-items: center; */
    /* gap: 4px; */
    margin-right: 4px;
  }


  .gp5 section.recommend-product .detail-box .title-holder {
    display: flex; justify-content: space-between; align-items: center; padding: 10px 0;
  }

  .gp5 section.recommend-product .detail-box .title-holder .txt1 {
    font-size:16px; font-weight:600;
  }

  .gp5 section.recommend-product .detail-box .title-holder .txt2 {
    font-size:12px; border:1px solid #eaeaea; padding:3px; border-radius: 4px; color:#2f3438;
  }

  .gp5 section.recommend-product .detail-box .desc {
    color: #707070;
  }

  .gp5 section.recommend-product .detail-box .desc .price {
    font-size: 20px; font-weight: 600;
  }


  .gp5 section.recommend-product .detail-box .desc > div {
    display: none;
    margin-bottom: 5px;
  }

  .gp5 .detail-box .desc .d-flex.align-items-center {
    display: none !important;
  }

  .gp5 section.recommend-product .detail-box .desc .ov-bar {
    margin: 0 5px; opacity:0.3;
  }

  .gp5 section.recommend-product .detail-box .desc .star-point {
    font-size:13px; color:#2f3438;
  }

  .gp5 ection.recommend-product .detail-box .desc .reward-point {
    color:#47517d;
  }

  .gp5 .dark-inner-btn .dark {
    position:relative; width:100%; height:100%; background-color: rgba(0,0,0,0.5); display:none; text-align:center;
  }

  .gp5 .dark-inner-btn .dark .btns {
    position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);
  }

  .gp5 .dark-inner-btn .dark .btns .btn {
    display:block; border:1px solid #fff; color:#fff; border-radius:4px; width:116px; padding: 8px 0;
  }



  /* 메인 굿/베스트 상품 */
  .gp5 section.best-product {
    width: 1300px; margin: 0 auto; margin-bottom:90px;
  }

  .gp5 section.best-product .holder .product-title {
    display: flex; align-items:center; justify-content: space-between; margin-bottom:4px;
    background-image: url('../images/icon/thumb-up.png'); background-repeat: no-repeat; background-position: left center;
    padding-left: 30px;
  }

  .gp5 section.best-product .holder .product-title .txt {
    color:#47517d; font-size:24px; font-weight:600;
  }



  .gp5 section.best-product .holder .product-title .line {
    flex: 1; border-top: 1px solid #2f3438; margin-left: 10px;
  }

  .gp5 section.best-product .holder .sub-title {
    margin-bottom:20px;
  }

  .gp5 section.best-product .product-group {
    display: flex; align-items: center; margin-bottom:16px;
  }

  .gp5 section.best-product .product-group li {
    background-color: #f7f7f7; padding: 6px 20px; border-radius: 20px; margin-left: 10px;
  }

  .gp5 section.best-product .product-group li:nth-child(1) {
    margin-left: 0;
  }

  .gp5 section.best-product .product-group li.active {
    background-color: #47517d;
    color: #fff;
  }

  .gp5 section.best-product .conts-holder {
    display: flex; justify-content: space-between; position: relative;
  }

  .gp5 section.best-product .conts-holder .navi-btn {
    position: absolute; right: -38px; top: 100px; z-index: 2;
  }

  .gp5 section.best-product .conts-holder .title {
    display: flex;
  }

  .gp5 section.best-product .conts-holder .title p {
    font-size:16px; font-weight:600; margin-bottom: 6px;
  }

  .gp5 section.best-product .conts-holder .title img {
    margin-left: 4px;
  }

  .gp5 section.best-product .conts-holder .desc {
    color: #707070;
  }

  .gp5 section.best-product .conts-holder .desc .price {
    font-size:20px; font-weight:600; color:#2f3438; margin-bottom:12px;
  }

  .gp5 section.best-product .conts-holder .desc .star-point {
    color:#2f3438;
  }

  .gp5 section.best-product .conts-holder .desc .ov-bar {
    margin: 0 5px; opacity:0.3;
  }

  /* 당일출고 상품 */
  .gp5 section.today-product {
    width: 1300px; margin: 0 auto; margin-bottom:90px;
  }

  .gp5 section.today-product .holder .product-title {
    display: flex; align-items:center; justify-content: space-between; margin-bottom:4px;
    background-image: url('../images/icon/truck.png'); background-repeat: no-repeat; background-position: left center;
    padding-left: 32px;
    position:relative;
  }

  .gp5 section.today-product .holder .product-title .txt {
    color:#47517d; font-size:24px; font-weight:600;
  }


  .gp5 section.today-product .holder .product-title .pp {
    position: absolute; left: 41px; top: -2px; z-index:2; width:78px; height:5px;
    background-image: url('../images/icon/point-four.png'); background-repeat: no-repeat; background-position: left center;
  }

  .gp5 section.today-product .holder .product-title .line {
    flex: 1; border-top: 1px solid #2f3438; margin-left: 10px;
  }

  .gp5 section.today-product .holder .sub-title {
    margin-bottom: 20px;
  }


  .gp5 section.today-product .conts-holder {
    display: flex; justify-content: space-between;
  }

  .gp5 section.today-product .conts-holder .title {
    font-size:16px; font-weight:600;
  }

  .gp5 section.today-product .conts-holder .desc {
    color: #707070;
  }

  .gp5 section.today-product .conts-holder .desc .star-point {
    color:#2f3438;
  }

  .gp5 section.today-product .conts-holder .desc .ov-bar {
    margin: 0 5px; opacity:0.3;
  }


  .gp5 section.today-product .conts-holder .price {
    font-size:20px; font-weight:600; color:#2f3438; margin-bottom:12px;
  }



  .gp5 section.today-product .conts-holder .today-truck {
    position: absolute; left:18px; top:18px; width: 40px; height: 40px; background-image: url('../images/icon/circle-truck.png'); background-repeat: no-repeat; z-index:2;
  }

  .gp5 section.today-product .conts-holder .count-down {
    position:absolute; right:20px; top:22px; z-index:2; background-color:#47517d; color:#fff; font-size:13px; font-weight: 600; border-radius:4px; padding:2px 12px;
  }

  .gp5 section.today-product .conts-holder .today-close {
    position:absolute; right:20px; top:22px; z-index:2; background-color:#dadfe2; font-size:13px; color:#47517d; font-weight:500; border-radius:4px; padding:2px 12px;
  }

  .gp5 section.today-product .conts-holder .today-able {
    position:absolute; right:20px; top:52px; z-index:2; background-color:#f66161; color:#fff; font-size:12px; border-radius:4px; padding:2px 12px;
  }


  .gp5 section.review-title {
    width: 1300px; margin: 0 auto; margin-bottom:14px;
  }



  .gp5 section.review-title .holder .product-title {
    display: flex; align-items:center; justify-content: space-between; margin-bottom:4px;
    background-image: url('../images/icon/note.png'); background-repeat: no-repeat; background-position: left center;
    padding-left: 32px;
    position:relative;
  }

  .gp5 section.review-title .holder .product-title .txt {
    color:#47517d; font-size:24px; font-weight:600;
  }


  .gp5 section.review-title .holder .product-title .line {
    flex: 1; border-top: 1px solid #2f3438; margin-left: 10px;
  }



  .gp5 section.review {
    height: 514px; background-color:#f5f6f8; margin-bottom:80px;
  }

  .gp5 section.review .review-count {
    width: 1300px; margin: 0 auto; padding:22px 0; font-size:15px; font-weight:600;
  }



  /* review */
/* ✅ 리뷰 슬라이더 “간격(거터)” */
.gp5 section.review .review-holder .slick-list {
  margin: 0 -12px;   /* slide padding만큼 음수 마진 */
}

.gp5 section.review .review-holder .slick-slide {
  padding: 0 12px;   /* 좌우 간격 */
  box-sizing: border-box;
}

/* ✅ 슬라이드 내부 wrapper도 100% 높이 사용(카드 높이 고정에 필요) */
.gp5 section.review .review-holder .slick-slide > div {
  height: 100%;
}



/* PC 기본: 카드 높이 clamp로 “짧고 안정적으로” */
.gp5 section.review .main-review-thumb{
  width: 100% !important;
  max-width: 304px;
  height: clamp(340px, 26vw, 420px);   /* ✅ PC에서 아래 빈 영역 확 줄어듦 */
  background: #fff;
  border: 1px solid #dadfe2;
  border-radius: 8px;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
}

/* ✅ thumb-img를 더 크게 (텍스트보다 비중↑) */
.gp5 section.review .main-review-thumb .thumb-img{
  width: 100% !important;
  height: clamp(230px, 18vw, 280px) !important;  /* ✅ PC에서 이미지가 확 커짐 */
  margin: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  flex: 0 0 auto;
}

/* ✅ 텍스트 영역은 남은 공간만 사용 */
.gp5 section.review .main-review-thumb .review-content{
  padding: 14px 18px 16px;   /* ✅ PC에서 padding도 살짝 줄여 “빈 느낌” 제거 */
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;             /* ✅ line-clamp 안정화 */
}

/* ✅ 리뷰 본문: PC에서 줄 수를 더 줄여 카드가 길어지는 걸 방지 */
.gp5 section.review .main-review-thumb .review-body{
  flex: 1 1 auto;
  min-height: 0;
  margin-bottom: 10px;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;     /* ✅ PC에서 2줄만 */
  line-clamp: 2;
  overflow: hidden;

  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

/* 카테고리도 PC에서 1줄만 */
.gp5 section.review .main-review-thumb .review-cate{
  font-weight: 600;
  margin-top: auto;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;     /* ✅ PC에서 1줄만 */
  line-clamp: 1;
  overflow: hidden;

  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

/* ✅ 별 + 점수 “딱 붙게” */
.gp5 section.review .main-review-thumb .review-star{
  display: flex;
  align-items: center;
  gap: 0;                    /* ✅ 전체 gap 제거 */
  line-height: 1;
  color: #707070;
  background-image: none !important;
  padding-left: 0 !important;
  margin-bottom: 6px;
}

.gp5 section.review .main-review-thumb .review-star::before{
  content:'';
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url('../images/icon/star.png') no-repeat center / contain;
  margin-right: 2px;         /* ✅ 별-점수 최소 간격 */
  flex: 0 0 14px;
}


/* 점수(첫 span)은 여백 0 */
.gp5 section.review .main-review-thumb .review-star > span:first-child{
  margin: 0;
}

/* 아이디/날짜만 띄우기 */
.gp5 section.review .review-user,
.gp5 section.review .review-date{
  margin-left: 10px;
  color:#707070;
}

/* 점수 다음 요소들(아이디/날짜) 간격은 기존처럼 유지 */
.gp5 section.review .main-review-thumb .review-star > span:nth-child(n+2){
  margin-left: 10px;      /* ✅ 아이디/날짜만 띄우기 */
}

/* ✅ 화면 작아질 때 폰트만 살짝 조정(높이 고정이라 겹침/튀어나옴 방지) */
@media (max-width: 1024px){
  .gp5 section.review .main-review-thumb .review-body{ font-size: 14px; line-height: 1.35; }
  .gp5 section.review .main-review-thumb .review-cate{ font-size: 14px; }
  .gp5 section.review .main-review-thumb .review-star{ font-size: 13px; }

  .gp5 section.review .main-review-thumb{
    height: clamp(360px, 50vw, 420px);
  }
  .gp5 section.review .main-review-thumb .thumb-img{
    height: 240px !important;
  }
  .gp5 section.review .main-review-thumb .review-body{
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .gp5 section.review .main-review-thumb .review-cate{
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .gp5 section.review .review-holder .slick-list{ margin: 0 -8px; }
  .gp5 section.review .review-holder .slick-slide{ padding: 0 8px; }
}

@media (max-width: 768px){
  /* 거터 더 줄이기 */
  .gp5 section.review .review-holder .slick-list{ margin: 0 -6px; }
  .gp5 section.review .review-holder .slick-slide{ padding: 0 6px; }

  .gp5 section.review .main-review-thumb{
    height: 410px;                  /* 모바일/태블릿은 살짝만 */
  }

}

@media (max-width: 640px){
  .gp5 section.review .review-holder .slick-list{ margin: 0 -4px; }
  .gp5 section.review .review-holder .slick-slide{ padding: 0 4px; }
}


  .gp5 section.tip {
    width:1300px; margin: 0 auto; margin-bottom:90px;
  }

  .gp5 section.tip .title {
    margin-bottom: 22px;
  }

  .gp5 section.tip .tip-holder {
    display: flex; justify-content: space-between;
  }

  .gp5 section.tip .tip-holder .label {
    font-size:16px; font-weight:600; margin-bottom:10px;
  }

  .gp5 section.tip .tip-holder .thumb-img {
    width:304px; height:200px; margin-bottom:12px;
  }

  .gp5 .background-box.thumb-img {
    display: flex;
    justify-content: center;  /* 가로 중앙 */
    align-items: center;      /* 세로 중앙 */
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 8px;
    width:300px;
    height:200px;
    object-fit:cover;
  }

  .gp5 .background-box.thumb-img img {
    width: 190px;
  }
  .gp5 .background-box.thumb-img.is-1 img{
    width: 136px;    
  }
  .gp5 .background-box.thumb-img.is-2 img{
    width: 106px;    
  }

  .gp5 section.tip .title .design {
    display: flex; align-items: center; justify-content: space-between;
  }

  .gp5 section.tip .title .design .label {
    font-size:20px; font-weight:600;
  }

  .gp5 section.tip .title .design .line {
    flex:1; border-top: 1px solid #2f3438; margin-left: 10px;
  }

  /* login-alert1 : 버튼 1칸 얼럿 */
  .gp5 .login-alert1-modal-wrap {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 100001;
      background: rgba(0, 0, 0, 0.8);
  }

  .gp5 .login-alert1-modal {
      position: relative;
      width: 380px;
      padding: 20px 20px;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      position: relative;
      text-align: center;
      z-index: 9999;
      background-color: #fff;
  }

  .gp5 .login-alert1-modal .buttons button {
    flex: 1;
    padding: 14px;
    border-radius: 10px;
    cursor: pointer;
    font: normal normal bold 16px/15px Noto Sans CJK KR;
    font-weight: bold;
    letter-spacing: 0px;
  }

  .gp5 .login-alert1-modal .buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    /* margin-bottom: 20px; */
    box-sizing: border-box;
 
  }

  .gp5 .login-alert1-btn1 {
    border: 1px solid #47517d;
    border-radius: 10px;
    background-color: #47517d;
    color: white;
  }

  .gp5 .login-alert1-modal .description {
    font: 20px 'Noto Sans KR', sans-serif;
    letter-spacing: -0.04em;
    color: #2f3438;
    margin: 24px 0 30px;
    line-height: 1.3;
  }


  /* login-alert2 : 버튼 2칸 얼럿 */
  .gp5 .login-alert2-modal-wrap {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10003;
      background: rgba(0, 0, 0, 0.8);
  }

  .gp5 .login-alert2-modal {
      position: relative;
      width: 380px;
      padding: 20px 20px;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      position: relative;
      text-align: center;
      z-index: 10003;
      background-color: #fff;
  }

  .gp5 .login-alert2-modal .buttons button {
    flex: 1;
    padding: 14px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    font: normal normal bold 16px/15px Noto Sans CJK KR;
    letter-spacing: 0px;
  }

  .gp5 .login-alert2-modal .buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    /* margin-bottom: 20px; */
    box-sizing: border-box;

  }

  .gp5 .login-alert2-btn1 {
    border: 1px solid #1f2d3d;
    background-color: #1f2d3d;
    color: white;
  }

  .gp5 .login-alert2-btn2 {
    border: 1px solid #1f2d3d ;
    color: #1f2d3d;
    background-color: white;
  }

  .gp5 .login-alert2-modal .description {
    font: 20px 'Noto Sans KR', sans-serif;
    letter-spacing: 0px;
    color: #333;
    margin: 10px 0 46px 0;
    line-height: 1.3;
  }
  /* 250703 김성찬 수정 */
/* 네비게이션 영역 전체 정렬 */
.gp5 .gp-icon-nav {
  margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 20px;
      max-width: 1300px;
      margin: 0 auto;
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); */
  /* gap: 12px;
  box-sizing: border-box; */
}

.gp5 .gp-icon-radio {
  display: none;
}

.gp5 .gp-icon-item {
  /* flex: 0 0 calc(1300px / 8); */
  display: flex;
  justify-content: center;
}

.gp5 .gp-icon-label {
  /* width: 140px;
  height: 140px; */
  /* padding: 10px; */
  /* margin: 16px 0; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  /* transition: background-color 0.3s, border 0.3s; */
  transition: filter 0.3s ease;
  border-radius: 10px;
  border: 1px solid transparent;
}

.gp5 .gp-icon-label:hover .gp-icon-circle,
.gp5 .gp-icon-radio:checked+.gp-icon-circle  {
  background-color: #8BC8F4;
}

.gp5 .gp-icon-label:hover .gp-icon-circle img,
.gp5 .gp-icon-radio:checked+.gp-icon-circle  {
  filter: grayscale(70%);
}

.gp5 .gp-icon-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gp5 .gp-icon-circle img {
  margin: 3px 0 0 3px;
  /* width: 46px; */
  object-fit: contain;
  display: block;
  transition: filter 0.3s ease;
}

.gp5 .gp-icon-text {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color:#212529 !important;
  letter-spacing: -0.04em;
}

.gp5 .gp-icon-text:has(.gp-icon-number:not(:empty)) {
  justify-content: space-between;
}

.gp5 .gp-icon-number {
  color: #47517d;
}



/* 견적서 강제적용 */

.gp5 .partial-binding .pl-1 {
  margin-left: 80px !important;
}

.gp5 .partial-binding .row:nth-child(3)>.col-auto {
  margin-left: 4px !important;
}

.gp5 .partial-binding .row:nth-child(4)>.col-auto {
  margin-left: 4px !important;
}

.gp5 .partial-binding .col .col-auto {
  margin-bottom: 6px !important;
  margin-left: 4px;
}