/* 모바일에는 부트스트랩5 & 그리드 열이 12로 설정되어 있어서 order-contents 자식요소에는 개별 css를 설정해줘야함 ======== */
/* .order-contents-container {
    .col,.col-1,.col-10,.col-11,.col-12,.col-13,.col-14,.col-15,.col-16,.col-17,.col-18,.col-19,.col-2,.col-20,.col-21,
    .col-22,.col-23,.col-24,.col-25,.col-26,.col-27,.col-28,.col-29,.col-3,.col-30,.col-31,.col-32,.col-33,.col-34,
    .col-35,.col-36,.col-37,.col-38,.col-39,.col-4,.col-40,.col-41,.col-42,.col-43,.col-44,.col-45,.col-46,.col-47,
    .col-48,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,
    .col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-2,.col-lg-20,.col-lg-21,.col-lg-22,
    .col-lg-23,.col-lg-24,.col-lg-25,.col-lg-26,.col-lg-27,.col-lg-28,.col-lg-29,.col-lg-3,.col-lg-30,.col-lg-31,
    .col-lg-32,.col-lg-33,.col-lg-34,.col-lg-35,.col-lg-36,.col-lg-37,.col-lg-38,.col-lg-39,.col-lg-4,.col-lg-40,
    .col-lg-41,.col-lg-42,.col-lg-43,.col-lg-44,.col-lg-45,.col-lg-46,.col-lg-47,.col-lg-48,.col-lg-5,.col-lg-6,
    .col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,
    .col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-2,.col-md-20,.col-md-21,.col-md-22,.col-md-23,
    .col-md-24,.col-md-25,.col-md-26,.col-md-27,.col-md-28,.col-md-29,.col-md-3,.col-md-30,.col-md-31,.col-md-32,
    .col-md-33,.col-md-34,.col-md-35,.col-md-36,.col-md-37,.col-md-38,.col-md-39,.col-md-4,.col-md-40,.col-md-41,
    .col-md-42,.col-md-43,.col-md-44,.col-md-45,.col-md-46,.col-md-47,.col-md-48,.col-md-5,.col-md-6,.col-md-7,
    .col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,
    .col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-2,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,
    .col-sm-24,.col-sm-25,.col-sm-26,.col-sm-27,.col-sm-28,.col-sm-29,.col-sm-3,.col-sm-30,.col-sm-31,.col-sm-32,
    .col-sm-33,.col-sm-34,.col-sm-35,.col-sm-36,.col-sm-37,.col-sm-38,.col-sm-39,.col-sm-4,.col-sm-40,.col-sm-41,
    .col-sm-42,.col-sm-43,.col-sm-44,.col-sm-45,.col-sm-46,.col-sm-47,.col-sm-48,.col-sm-5,.col-sm-6,.col-sm-7,
    .col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-13,.col-xl-14,
    .col-xl-15,.col-xl-16,.col-xl-17,.col-xl-18,.col-xl-19,.col-xl-2,.col-xl-20,.col-xl-21,.col-xl-22,.col-xl-23,
    .col-xl-24,.col-xl-25,.col-xl-26,.col-xl-27,.col-xl-28,.col-xl-29,.col-xl-3,.col-xl-30,.col-xl-31,.col-xl-32,
    .col-xl-33,.col-xl-34,.col-xl-35,.col-xl-36,.col-xl-37,.col-xl-38,.col-xl-39,.col-xl-4,.col-xl-40,.col-xl-41,
    .col-xl-42,.col-xl-43,.col-xl-44,.col-xl-45,.col-xl-46,.col-xl-47,.col-xl-48,.col-xl-5,.col-xl-6,.col-xl-7,
    .col-xl-8,.col-xl-9,.col-xl-auto
    {
        position: relative;
        width: 100%;
        padding-right: 4px;
        padding-left: 4px;
    }
} */

/* 모바일에는 부트스트랩5 & 그리드 열이 12로 설정되어 있어서 order-contents 자식요소에는 개별 css를 설정해줘야함 끝 ======== */

/* 내가 만든 기본클래스 ============================ */
.pt-10 {
  padding-top: 6rem !important;
}

.pb-10 {
  padding-bottom: 6rem !important;
}

.pb-60px {
  padding-bottom: 60px !important;
}

.pb-100px {
  padding-bottom: 100px !important;
}

.mt-25px {
  margin-top: 25px;
}

.mb-20px {
  margin-bottom: 20px;
}

.mb-10px {
  margin-bottom: 10px;
}

.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-column {
  flex-direction: column;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.let-spacing_-1px {
  letter-spacing: -1px;
}

.mw920px {
  max-width: 920px;
}

.mw-296px {
  max-width: 296px;
}

.guide-basic-font {
  font-size: 15px;
  color: #363538;
}

.btn-outline-1279bd {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border: 1px solid #1279bd;
  font-size: 17px;
  color: #1279bd;
  cursor: pointer;
}

.btn-outline-gray {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border: 1px solid #CED4DA;
  font-size: 13px;
  color: #1279bd;
  cursor: pointer;
}


@media screen and (min-width: 577px) {
  .pc-only_block {
    display: block !important;
  }

  .mobile-only_block {
    display: none !important;
  }

  .pc-only_flex {
    display: flex !important;
  }

  .mobile-only_flex {
    display: none !important;
  }
}


@media screen and (max-width: 576px) {
  .pc-only_block {
    display: none !important;
  }

  .mobile-only_block {
    display: block !important;
  }

  .pc-only_flex {
    display: none !important;
  }

  .mobile-only_flex {
    display: flex !important;
  }

  .pc-only_show {
    display: none !important;
  }

  .mb-flex-direction-column {
    flex-direction: column !important;
  }

  .mb-width-90 {
    width: 90%;
  }

  .mb-text-center {
    text-align: center;
  }
}

/* 내가 만든 기본클래스 끝 ============================ */

.order-contents-container {
  max-width: 982px;
}

.order-contents-container .contents-tab-box {
  position: sticky;
  top: 9rem;
  margin: auto;
  z-index: 99;
}

@media screen and (max-width: 576px) {
  .order-contents-container .contents-tab-box {
    top: 85px;
    z-index: 0;
    margin-top: 40px;
  }
}


/* 주문 콘텐츠 탭 ================================= */
.contents-tab-box .nav-tabs .nav-link.active {
  color: #1279bd !important;
}

.contents-tab-box .nav-tabs .nav-item .product-link {
  border: none;
  height: 45px;
  font-size: 15px;
  border-right: 1px solid #dee2e6;
  padding-top: 10px;
  color: #525252;
}

.contents-tab-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: sticky;
  top: 9rem;
  background: #FFF;
  z-index: 99;
}

.contents-tab-box .nav-tabs .nav-item .guide-link {
  border: none;
  height: 45px;
  font-size: 15px;
  padding-top: 10px;
}

.contents-tab-box .goods-tab-link-item a {
  font-size: 15px;
}

.contents-tab-box .active {
  border-bottom: 4px solid #1279bd !important;
}

.contents-tab-box .active a {
  color: #1279bd;
}

.order-review-newtext {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff5b59;
  color: #ffffff;
  border-radius: 3px;
  width: 15px;
  height: 15px;
  font-weight: 400;
  font-size: 12px;
  padding-bottom: 1px;
  margin-left: 4px;
  margin-top: 4px;

}

/* 주문 콘텐츠 탭 끝 ================================= */

/* 상품안내 가이드 =================================== */
.product-guide-box .product-guide-title {
  font-size: 28px;
  font-weight: 500;
  padding-top: 95px;
  padding-bottom: 40px;
}

.product-guide-box .product-guide-title-nt {
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 40px;
}

.product-guide-box .product-guide-title-nt-nb {
    font-size: 28px;
    font-weight: 500;
}

.product-guide-box .product-guide-desc {
    margin-top: 10px;
    margin-bottom: 30px;
}

.product-guide-box .hr {
  margin-top: 80px;
  margin-bottom: 80px;
}

.pdguide-imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* pc 일때 */
@media screen and (min-width: 577px) {
  .pdguide-imgbox .usage-text {
    font-size: 15px;
    font-weight: 500;
    color: #525252;
    padding-top: 20px;
  }

  .pdguide-imgbox .paper-type {
    font-size: 15px;
    font-weight: 500;
    color: #525252;
    padding-top: 20px;
  }

  .pdguide-imgbox .paper-name {
    font-size: 15px;
    font-weight: 300;
    padding-top: 5px;
    color: #8B969F;
  }
}

/* 모바일 일때 */
@media screen and (max-width: 576px) {
  .pdguide-imgbox .usage-text {
    font-size: 15px;
    font-weight: 700;
    color: #363538;
    padding-top: 8px;
    padding-bottom: 27px;
  }

  .pdguide-imgbox .paper-type {
    font-size: 15px;
    font-weight: 700;
    color: #363538;
    padding-top: 13px;
  }

  .pdguide-imgbox .paper-name {
    font-size: 15px;
    font-weight: 400;
    padding-top: 0px;
    padding-bottom: 20px;
    color: #8B969F;
  }
}

/* 상품안내 가이드 끝 =================================== */

/* 작업 가이드 =================================== */

/* 작업 가이드 - 사이즈 체크 */
.work-guide-box .work-guide-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}

.work-guide-nav .work_guide_ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.work-guide-nav .work_guide_item {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  width: 210px;
  height: 32px;
  margin: 42px 25px 0px 25px;
  border: 1px solid #f5f5f5;
  border-radius: 19px;
  background: #f5f5f5;
}

.work-guide-nav .active {
  background: #1279bd;
  color: #fff;
}

.work-process-nav .production_nav {
  margin-top: 40px;
}

.work-process-nav .process_item {
  font-size: 16px;
  font-weight: 100;
  text-align: center;
  padding: 45px 26.5px 0 26.5px;
  z-index: 0;
  opacity: 0.5;
}

.work-process-nav .active {
  z-index: 0;
  opacity: 0.99;
}

.work-process-nav .work-guide-title {
  font-size: 28px;
  font-weight: 500;
  padding-top: 125px;
  padding-bottom: 10px;
}

.work-process-nav div:first-child .work-guide-title {
  padding-top: 95px;
}

.work-process-nav .work-guide-subtitle {
  font-size: 15px;
  padding-bottom: 40px;
  color: #909090;
}

.check-worksize-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 900px;
  margin-bottom: 190px !important;
}

.check-worksize-container .worksize-area {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 450px;
  width: 100%;
  height: 290px;
  background: #ffe4e6;
  border: #c34c60 1px solid;
}

.check-worksize-container .cutsize-area {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 415px;
  width: 100%;
  height: 255px;
  background: #fff;
  border: #675f5d 1px solid;
}

.check-worksize-container .safesize-area {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 380px;
  width: 100%;
  height: 225px;
  background: #ebf9e8;
  border: #36845a 1px solid;
}

.safesize-area .safesize-title {
  color: #36845a;
}

.worksize-explain-box {
  margin-top: 18px;
  /* margin-bottom: 20px; */
}

.worksize-explain-box .checksize-mini-square {
  width: 55px;
  height: 55px;
  margin-right: 10px;
  margin-bottom: 12px;
}

.worksize-explain-box .worksize-mini {
  background: #FFE8E8;
  border: #DC000C 1px solid;
}

.worksize-explain-box .cutsize-mini {
  background: #FFE8E8;
  border: #000000 1px solid;
  background: #fff;
}

.worksize-explain-box .safesize-mini {
  background: #EBF9E8;
  border: #008A32 1px solid;
}

.worksize-explain-box .checksize-work-title {
  font-size: 15px;
  font-weight: 500;
  color: #DC000C;
}

.worksize-explain-box .checksize-cut-title {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
}

.worksize-explain-box .checksize-safe-title {
  font-size: 15px;
  font-weight: 500;
  color: #008A32;
}

.worksize-explain-box .checksize-subtitle {
  font-size: 14px;
  color: #909090;
}

.worksize-explain-box .workguide-linkbox-container {
  display: flex;
  justify-content: flex-end;
}

.worksize-explain-box .workguide-linkbox {
  max-width: 300px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}

.workguide-linkbox .guide-linkbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: black;
  border: 1px black solid;
}

.hr-shortcut {
  /* margin-top: 185px;
  margin-bottom: 80px; */
  border-top: 1px solid #dee2e6;
}

/* 작업 가이드 - 작업 주의 사항 */

.work-caution-container {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}

.work-caution-container .caution-contents-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 110px;
}

.caution-contents-box .caution-explain-box {
  margin-left: 30px;
}

.caution-contents-box .caution-title-box {
  display: flex;
  align-items: baseline;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  margin-bottom: 15px;
}

.caution-title-box .caution-auto-num {
  font-size: 26px;
  font-weight: 900;
  color: #8B969F;
  margin-right: 10px;
  line-height: 0px;
}

.caution-title-box .specific-auto-num {
  font-size: 26px;
  font-weight: 900;
  color: #8B969F;
  margin-right: 10px;
  line-height: 0px;
}

.caution-blue {
  color: #1279bd;
}

.caution-explain-box .how-aiwork-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0px 15px;
  font-size: 15px;
  font-weight: 400;
  color: #363538;
  border: 1px #707070 solid;
}

.caution-explain-box .caution-explain-text {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 400;
  color: #363538;
  margin-top: 15px;
}

.caution-explain-text span {
  font-size: 15px;
  font-weight: 400;
  color: #363538;
}

.worksize-explain-box .only-caution-css {
  display: flex;
  justify-content: flex-start;
  margin-top: 33px;
}

.caution-explain-text .caution-red {
  color: #ff5b59;
  margin: 10px 0px 15px 0px;
  /* 들여쓰기 css */
  padding-left: 10px;
  text-indent: -10px;
}

.cuttingerror-ex-title {
  margin-top: 15px;
  padding-left: 22px;
  text-indent: -11px;
  line-height: 22px;
  font-size: 15px;
  color: #363538;
}

.cuttingerror-ex-title i {
  font-size: 18px;
  color: #ff5b59;
}

.transparency-title-graybox {
  font-size: 15px;
  padding: 0px 10px;
  margin-top: 25px;
  background-color: #DEE2E6;
  border-radius: 11px;
}

.caution-blue-href {
  color: #1279bd !important;
  border-bottom: 1px #1279bd solid;
}

.caution-explain-text .caution-subtitle {
  font-size: 17px;
  font-weight: 500;
  color: #363538;
  margin-bottom: 15px;
}

.overprint-ex-textbox {
  text-align: center;
  margin-top: 20px;
}

.overprint-ex-textbox .overprint-ex-title {
  font-size: 15px;
  font-weight: 500;
  color: #363538;
}

.overprint-ex-textbox .overprint-ex-sub {
  font-size: 15px;
  font-weight: 400;
  color: #363538;
}

.fileupload-guide-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
}

.fileupload-guide-container .fileupload-contents-box {
  margin-bottom: 175px;
}

.fileupload-contents-box .fileupload-contents-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #363538;
  margin-bottom: 25px;
}

.file-sit-exbox {
  display: flex;
  flex-direction: column;
  max-width: 210px !important;
}

.file-sit-exbox .file-sit-exinbox {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  border: 1px solid #707070;
  /* height: 215px; */
  margin-bottom: 25px;
  aspect-ratio: auto 1 / 1; /* width에 맞춰 height 1대1 */
}

.file-sit-exinbox .sitfile-ex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 50px;
  border: 1px solid #000000;
  margin: 4px 2px 4px 2px;
}

.sitfile-ex .sitfile-ex-inborder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: 84%;
  border: #ff3630 1px dashed;
  font-size: 13px;
  font-weight: 500;
  color: #363538;
}

.file-sit-exbox p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #363538;
  margin-bottom: 15px;
}

.file-sit-exbox span {
  text-align: center;
  font-size: 15px;
  color: #363538;
}

.fileupload-jpg-caution {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 15px;
  font-weight: 400;
  border: #F6F7FB 1px solid;
  border-radius: 500px;
  background: #F6F7FB;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.caution-explain-text .specific-red {
  color: #ff5b59;
  margin: 10px 0px 15px 0px;
}

.caution-explain-box .onefile_anycase-exbox {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  border: 1px solid #E0E4E7;
}

.onefile_anycase-exbox span {
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
}

.if-same_kall-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 5px;
  padding-right: 5px;
  border: 2px solid #E0E4E7;
  width: 70px;
  height: 30px;
}

.if-different_kall-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff5b59;
  width: 70px;
  height: 30px;
  color: #ff5b59;
}

.expand_kall-rect-ex01 {
  width: 60px;
  height: 60px;
  border: 1px solid #E4007F;
  border-radius: 20px;
}

.expand_kall-rect-ex02 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 1px solid #707070;
  font-size: 10px;
}

.expand_kall-rect-ex03 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 1px solid #707070;
  border-radius: 20px;
  font-size: 10px;
}

.expand_kall-graybox {
  font-size: 15px;
  padding: 0px 10px;
  margin-top: 15px;
  background-color: #DEE2E6;
  border-radius: 11px;
  text-align: center;
}

/* PC 일때 */
@media screen and (min-width: 577px) {
  .work-caution-container .caution-contents-box {
    align-items: flex-start;
  }
}

/* 모바일 일때 */
@media screen and (max-width: 576px) {
  .work-guide-box .tab-content {
    margin-left: 10px;
    margin-right: 10px;
  }

  .work-guide-nav .work_guide_item {
    width: 110px;
  }

  .check-worksize-container {
    flex-direction: column;
  }

  .check-worksize-container .cutsize-area {
    width: 90%;
  }

  .check-worksize-container .safesize-area {
    width: 90%;
  }

  .worksize-explain-box .checksize-subtitle {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .worksize-explain-box .workguide-linkbox-container {
    justify-content: center;
  }

  .workguide-linkbox .guide-linkbtn {
    font-size: 13px;
  }

  .work-caution-container {
    /* margin-left: 10px;
    margin-right: 10px; */
    margin-left: 0px;
  }

  .work-caution-container .caution-contents-box {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .caution-contents-box .caution-explain-box {
    margin-left: 0px;
  }

  .caution-explain-box .how-aiwork-box {
    padding: 0px 5px;
    margin-top: 10px;
    font-size: 14px;
  }

  .cuttingerror-ex-title {
    margin-bottom: 50px;
  }

  .transparency-title-graybox {
    font-size: 13px;
    padding: 0px 3px;
  }

  .fileupload-guide-container {
    margin-left: 0px;
    margin-right: 0px;
  }

  .fileupload-guide-container .fileupload-contents-box {
    margin-bottom: 100px;
  }

  .file-sit-exinbox .sitfile-ex {
    width: 65px;
    height: 35px;
    margin: 2px 1px 2px 1px;
  }

  .sitfile-ex .sitfile-ex-inborder {
    font-size: 11px;
  }
}

/* 작업 가이드 끝 =================================== */

/* 생산 유의사항 */

.work-process-nav .production_tabbox {
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
}

.production_tabbox .production_tab {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  z-index: 0;
}

.production_tab .active_tab {
  padding-bottom: 9px;
}

.production_tab .active {
  border-bottom: 2px solid #000000;
}

/* 생산 유의사항 가운데 정렬 탭 */
.production_tabbox_center {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 20px;
  border-bottom: 1px solid #dee2e6;
}

.production_tab_btn {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 9px;
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-align: center;
}

.production_tab_btn.active {
  border-bottom: 2px solid #000000;
}

.production-caution .pdcn-caution-title {
  font-size: 30px;
  color: #000000;
  padding-top: 90px;
  padding-bottom: 55px;
}

.production-caution .pdcn-caution-subtitle {
  font-size: 16px;
  color: #363538;
  padding-bottom: 50px;
  line-height: 32px;
}

.production-caution-tab .color_error-solution-box {
  display: flex;
  /* align-items: flex-start; */
  padding: 18px;
  border: 4px solid #dee2e6;
}

.color_error-solution-box .solution-title {
  font-size: 17px;
  font-weight: 500;
  margin-right: 25px;
}

.color_error-solution-box .solution-subtitle {
  font-size: 15px;
  color: #363538;
}

.color_error-solution-box .solution-popbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #ff5b59;
  border: 1px solid #ff5b59;
  border-radius: 4px;
  padding: 0px 5px;
  height: 18px;
  cursor: pointer;
}

.production-caution-tab .color_error-explainbox {
  display: flex;
  align-items: center;
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
  margin-left: 35px;
  font-size: 16px;
  color: #000000;
  height: 100px;
  border: 1px solid #707070;
}

.production-caution-tab .important-text-red {
  color: #ff5b59;
  text-decoration: underline;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 30px;
}

.production-caution-tab .vedaprinterror-sidetext {
  font-size: 16px;
  color: #000000;
  line-height: 32px;
  word-spacing: -3px;
}


/* 생산 유의사항 끝 =================================== */

/* 후가공안내 가이드 =================================== */

.afterprocs-guide-box .afterprocs-guide-title {
  font-size: 28px;
  font-weight: 500;
  padding-top: 95px;
  padding-bottom: 40px;
}

.afterprocs-guide-box #eachproduct-afterprocs-info {
  display: flex;
  flex-wrap: wrap;
}

#eachproduct-afterprocs-info .each-afpcs-title {
  font-size: 15px;
  font-weight: 500;
  color: #525252;
  padding-top: 20px;
  padding-bottom: 25px;
}

.each-afterprocs-imgbox .each-afterprocs-img {
  max-width: 233px;
}

/* 후가공안내 가이드 끝 =================================== */

/* 개별가이드 CSS */

/* 실사시트 상품안내 및 가이드 ========================== */


/* 실사시트 상품안내 및 가이드 끝 ========================== */

/* 상품 이미지 슬라이드 =================================== */
.product-img-slider {
  --slider-width: 364px;
  --slider-height: 300px;

  position: relative;
  width: var(--slider-width);
  height: var(--slider-height);
  overflow: hidden;
}

.product-img-slider .slider-track {
  display: flex;
  height: 100%;
  cursor: grab;
}

.product-img-slider .slider-track.dragging {
    cursor: grabbing;
}

.product-img-slider .slider-image {
  width: var(--slider-width);
  height: var(--slider-height);
  object-fit: contain;
  flex-shrink: 0;
}

/* 슬라이더 이전/다음 버튼 */
.product-img-slider .slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;

  width: 40px;
  height: 40px;

  transition: opacity 0.3s ease;
  opacity: 0.7;
}

.product-img-slider .slider-btn:hover {
  opacity: 1;
}

.product-img-slider .slider-btn img {
  width: 100%;
  height: 100%;
  display: block;
}

.product-img-slider .slider-btn-prev {
  left: 10px;
}

.product-img-slider .slider-btn-next {
  right: 10px;
}

/* 상품 이미지 컨테이너 */
.product-img-container {
  padding-top: 26px !important;
  padding-bottom: 1rem;
}

/*
 * 상품 이미지 슬라이더가 포함된 경우에만
 * 컨테이너 패딩을 재조정
 * (:has 사용 – Chrome / Edge / Safari 최신 대응)
 */
/* 슬라이더가 있을 때 패딩 조정 */
.product-img-container:has(.product-img-slider) {
    padding: 1rem 1rem 0 !important;
}

/* 슬라이더가 있을 때 product-img 하단 패딩 제거 */
.product-img-container:has(.product-img-slider) #product-img {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 상품 이미지 슬라이드 끝 ============================ */