@charset "UTF-8";

/* 2025 레드 레거시 */
.mt10 {
  margin-top: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.red {
  color: #fe2f48;
}

.ko .btn-modal-acrylic.btn-offset-freest .note-con {
  background: #fff center/440px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/detail_offset_st_free_cutting.png");
}

.en .order-notice-text {
  max-width: 750px;
  text-align: right;
  width: auto;
  display: inline-block;
  font-size: 12px;
  line-height: 6px;
  position: absolute;
  right: 0;
  top: 10px;
}

.en .top-guide-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #212121;
}

.en .order-notice-text .red {
  color: #fe2f48;
  line-height: 12px;
}

.en .btn-reorderInfo .info {
  letter-spacing: 0;
}

.en .order-page .top-banner .top-title .release-info {
  font-size: 12px;
}

.en tr#pcs_airpod_color_tr .red-btn-group#airpod_color_DIV {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.en tr#pcs_airpod_color_tr .red-btn-group#airpod_color_DIV .order-ballroon {
  left: -15px !important;
}

.en tr#pcs_airpod_color_tr .red-btn-group#airpod_color_DIV input+div {
  margin: 0 auto;
}

.en .btn-topinfo info {
  min-width: 380px;
  letter-spacing: 0;
}

.en .btn-topinfo1 {
  vertical-align: -1px;
}

.en .btn-topinfo1 .info {
  min-width: 310px;
}

.en .btn-upload-wrap .upload-desc {
  letter-spacing: -0.1px;
}

.en .order_price_box .btn {
  margin: auto;
}

.en .order_price_box button {
  height: 54px;
}

.en .order_price_box .dibs-btn {
  margin: 0;
}

.en .btn-order-cart-3 {
  margin: 0px 0 0 5px;
  font-weight: bold;
  height: 56px !important;
  font-size: 16px;
}

.en #tr_fileupload .file_txt2 {
  display: inline-block;
  width: 60%;
}

.en #tr_fileupload .btn-temdown a::after {
  margin: 3px 0 1px 2px;
}

.en .price-btn-wrap1.price-btn-wrap2 .btn-RedeEstimate .icon {
  display: inline-block;
}

.en .price-btn-wrap1 .btn-RedeEstimate {
  width: 33.5%;
  font-size: 15px;
}

.en .price-btn-wrap1 .btn-RedeEstimate .icon {
  display: none;
}

.en .order-button-wrapper .step-2 .btn-RedeEstimate .icon {
  display: none;
}

.en .aside-btns .price-btn-wrap1 .btn-RedeEstimate {
  padding: 0 2%;
  line-height: 1.1;
}

.en .aside-btns .price-btn-wrap1 .btn-RedeEstimate .icon {
  -ms-flex-preferred-size: 31%;
  flex-basis: 31%;
  display: inline-block;
}

.en .order-notice-text1 {
  width: 512px;
  text-align: left;
  top: 25%;
}

.btn-group #ILT_DFT_SUB_DIV2 {
  margin: auto !important;
  float: initial;
}

.text-caution {
  color: #FE2F48;
  font-weight: normal;
  width: 100%;
  display: inline-block;
}

.btn-edit {
  background-color: #FE2F48;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  border: none;
  width: 100% !important;
  padding: 12px 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_editor_icon.svg");
  background-repeat: no-repeat;
  background-position: calc(50% - 36px) center;
  text-indent: 15px;
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
}

.btn-edit.active {
  background-color: #dedede;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_editor_icon_active.svg");
}

.btn-edit:hover,
.btn-edit:focus {
  color: #fff;
}

.btn-out {
  width: 70px;
  height: 54px;
  font-size: 14px;
  border: solid 1px #e3e3e3;
  background-color: #fff;
  border-radius: 3px;
  margin-right: 4px;
}

.btn-order-cart {
  font-size: 14px;
  color: #222;
  border: solid 1px #e3e3e3;
  background-color: #fff;
  border-radius: 3px;
  width: 90px;
  height: 54px;
}

.btn-order-cart-1 {
  width: 120px;
}

.btn-order-cart-3 {
  width: 175px;
  margin: 0px;
  font-weight: bold;
  height: 56px;
  font-size: 16px;
}

.btn-order-go {
  font-size: 14px;
  color: #fff;
  background-color: #FE2F48;
  border-radius: 3px;
  width: 142px;
  height: 54px;
  border: none;
  margin: 0 0 0 5px;
  line-height: 54px;
  text-align: center;
}

.btn-order-go:hover {
  color: #fff;
}

.btn-order-go-1 {
  width: 220px;
  margin: 0 0 0 3px;
}

.btn-order-go-2 {
  width: 240px;
  margin: 0 0 0 3px;
}

.btn-order-go-3 {
  height: 56px;
  line-height: 56px;
  font-weight: bold;
  font-size: 16px;
  width: 216px;
}

.btn-movePage {
  float: right;
  border-radius: 6px;
  border: solid 1px #222;
  font-size: 14px;
  color: #222;
  text-align: center;
  padding: 11.5px 58.5px;
}

.btn-movePage::after {
  width: 8px;
  height: 8px;
  content: "";
  margin: 3px 8px 1px 6px;
  display: inline-block;
  border-style: solid;
  border-color: transparent #222 #222 transparent;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.price_order_price4-1 {
  background: #fff !important;
  color: #222 !important;
  font-size: 14px !important;
  font-weight: bold;
}

.price_order_price4-1 .price_text {
  color: #1cbcb7 !important;
}

.order_price_box {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order_price_box .btn {
  margin: 0;
}

.dibs-btn {
  width: 55px;
  height: 54px;
  padding: 12px 0;
  background-color: #fff;
  border: solid 1px #e3e3e3;
  font-size: 14px !important;
  line-height: 2;
  margin: 0 5px 0 0;
  float: left;
  border-radius: 3px;
}

.dibs-btn .active img {
  content: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_zzimOn_icon.svg");
}

.price-btn-wrap1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 5px;
}

.price-btn-wrap1 .btn-order {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  border-radius: 3px;
  border: none;
  gap: 0 3%;
}

.price-btn-wrap1 .btn-zzim {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 20%;
  flex: 0 1 20%;
  border: solid 1px #e3e3e3;
  background-color: #fff;
}

.price-btn-wrap1 .btn-zzim.active {
  border: 1px solid #e20f22;
}

.price-btn-wrap1 .btn-zzim.active img {
  content: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_zzimOn_icon.svg");
}

.price-btn-wrap1 .btn-cart {
  -webkit-box-flex: 1;
  -ms-flex: 1 2 30%;
  flex: 1 2 30%;
  border: solid 1px #e3e3e3;
  color: #222;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  line-height: 1.2;
}

.price-btn-wrap1 .btn-orderPage {
  -webkit-box-flex: 2;
  -ms-flex: 2 3 50%;
  flex: 2 3 50%;
  font-size: 16px;
  font-weight: bold;
  background-color: #FE2F48;
  color: #fff;
}

.price-btn-wrap1 .btn-off {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 13%;
  flex: 1 1 13%;
  font-size: 14px;
  color: #222;
  background-color: #fff;
  border: solid 1px #e3e3e3;
}

.price-btn-wrap1 .btn-RedeEstimate {
  border: solid 1px #ddd;
  color: #222;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  width: 29.5%;
}

.price-btn-wrap1 .btn-RedeEstimate .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate.svg");
  margin-top: -2px;
}

.price-btn-wrap1 .btn-RedeEstimate:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

.price-btn-wrap1 .btn-RedeEstimate:hover .icon {
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate_hover.svg");
}

.en .price-btn-wrap1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 5px;
}

.en .price-btn-wrap1 .btn-order {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  border-radius: 3px;
  border: none;
  gap: 0 3%;
}

.en .price-btn-wrap1 .btn-zzim {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 20%;
  flex: 0 1 20%;
  border: solid 1px #e3e3e3;
  background-color: #fff;
}

.en .price-btn-wrap1 .btn-zzim.active {
  border: 1px solid #e20f22;
}

.en .price-btn-wrap1 .btn-zzim.active img {
  content: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_zzimOn_icon.svg");
}

.en .price-btn-wrap1 .btn-cart {
  -webkit-box-flex: 1;
  -ms-flex: 1 2 30%;
  flex: 1 2 30%;
  border: solid 1px #e3e3e3;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
  line-height: 1.2;
}

.en .price-btn-wrap1 .btn-orderPage {
  -webkit-box-flex: 2;
  -ms-flex: 2 3 50%;
  flex: 2 3 50%;
  font-size: 16px;
  font-weight: 600;
  background-color: #FE2F48;
  color: #fff;
}

.en .price-btn-wrap1 .btn-off {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 13%;
  flex: 1 1 13%;
  font-size: 14px;
  color: #222;
  background-color: #fff;
  border: solid 1px #e3e3e3;
}

.en .price-btn-wrap1 .btn-RedeEstimate {
  border: solid 1px #ddd;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
  width: 29.5%;
}

.en .price-btn-wrap1 .btn-RedeEstimate .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate.svg");
  margin-top: -2px;
}

.en .price-btn-wrap1 .btn-RedeEstimate:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

.en .price-btn-wrap1 .btn-RedeEstimate:hover .icon {
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate_hover.svg");
}

.price-btn-wrap2 .btn-zzim {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 12%;
  flex: 0 1 12%;
  border: solid 1px #e3e3e3;
  background-color: #fff;
}

.price-btn-wrap2 .btn-zzim.active {
  border: 1px solid #e20f22;
}

.price-btn-wrap2 .btn-zzim.active img {
  content: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_zzimOn_icon.svg");
}

#tr_fileupload_cover .qq-upload-button,
#tr_fileupload_inner .qq-upload-button {
  border: none;
  background-color: transparent;
}

#editor_label {
  width: 100%;
}

#fileuplad_label2 {
  width: 100%;
  max-width: 300px;
}

#tr_fileupload #fileupload_file_nm,
#tr_fileupload #fileupload_layer_file_nm {
  margin: 5px 0;
  width: 100%;
}

#tr_fileupload th span {
  margin: 10px 5px 0 0;
  font-family: "Pretendard", "Nanum Gothic", Helvetica, Arial, sans-serif !important;
}

#tr_fileupload td.upload_td {
  padding: 27px 0 27px 25px !important;
}

#tr_fileupload .file_txt1 {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 0;
  margin: 3px 0px 5px 12px;
}

#tr_fileupload .file_txt2 {
  color: #999;
  vertical-align: -4px;
  width: 73%;
  display: inline-block;
  letter-spacing: -0.4px;
}

#tr_fileupload .btn-temdown {
  border: solid 1px #ddd;
  border-radius: 15px;
  padding: 5px 14px;
  margin: 0 0 0 15px;
  float: right;
}

#tr_fileupload .btn-temdown:hover {
  border: 1px solid #FFACAC;
}

#tr_fileupload .btn-temdown:hover a {
  color: #FE2F48;
}

#tr_fileupload .btn-temdown:hover a::after {
  border-color: transparent #FE2F48 #FE2F48 transparent;
}

#tr_fileupload .btn-temdown a {
  display: inline-block;
}

#tr_fileupload .btn-temdown a::after {
  content: "";
  margin: 3px 0px 1px 3px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: transparent #222 #222 transparent;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#tr_fileupload .detail_file_upload {
  max-width: 334px;
  width: 100%;
  margin: 0;
}

#tr_fileupload .detail_file_upload::after {
  display: block;
  clear: both;
  content: "";
}

#tr_fileupload .detail_file_upload .pdf_only {
  padding: 12px 0;
  cursor: pointer;
  margin-right: 9px;
  display: inline-block;
  text-align: center;
  width: 48.5%;
  border-radius: 6px;
  color: #bbb;
  border: 1px solid #bbb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

#tr_fileupload .detail_file_upload .pdf_only:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}

#tr_fileupload .detail_file_upload .pdf_only.active {
  background: #222;
  color: #fff;
  border: 1px solid transparent;
}

#tr_fileupload .detail_file_upload .make_editor {
  padding: 12px 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 48.5%;
  border-radius: 6px;
  color: #bbb;
  border: 1px solid #bbb;
  font-size: 14px;
}

#tr_fileupload .detail_file_upload .make_editor:hover,
#tr_fileupload .detail_file_upload .make_editor.active {
  background: #222;
  color: #fff;
  border: 1px solid transparent;
}

#tr_fileupload .detail_file_upload .make_editor_select {
  margin-top: 10px;
}

#tr_fileupload .detail_file_upload .make_editor_select .select_form {
  float: left;
  margin-right: 10px;
  width: 65%;
  color: #bbb;
  border-radius: 6px;
  border: solid 1px #ddd;
  background-color: #F1F1F1;
  font-size: 14px;
  height: 44px;
  padding: 5px 13px;
}

#tr_fileupload .detail_file_upload .make_editor_select .btn-select {
  display: inline-block;
  text-align: center;
  padding: 12px 0;
  background: #222;
  color: #fff;
  border: none;
  width: 100px;
  border-radius: 6px;
  font-size: 14px;
}

#tr_fileupload #pdf_label,
#tr_fileupload #fileuplad_label {
  width: 100%;
}

#tr_fileupload .qq-upload-button:hover .btn-upload-img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 15px 0 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_addfile_on_icon.svg");
}

.event-end {
  display: inline-block;
  font-size: 13px;
  border: 1px solid #212121;
  border-radius: 30px;
  padding: 2px 14.5px;
  margin-left: 5px;
}

.event-end:hover {
  background-color: #212121;
  color: #fff;
}

.order-notice-text {
  max-width: 750px;
  text-align: right;
  width: auto;
  display: inline-block;
  font-size: 12px;
  line-height: 6px;
  position: absolute;
  right: 0;
  top: 20px;
}

.btn-ft-detail-view {
  border-radius: 15px;
  border: solid 1px #212121;
  color: #212121;
  font-size: 13px;
  display: inline-block;
  width: 135px;
  padding: 5px 0;
  text-align: center;
  cursor: pointer;
}

.btn-ft-detail-view:hover {
  background-color: #212121;
  color: #fff;
}

#slide_dgn_sid .bx-viewport {
  height: 380px !important;
}

#slide_dgn_sid .bx-viewport li {
  width: 187px !important;
}

#SXCBS_TR .btn.btn-white,
#SXDSM_TR .btn.btn-white {
  width: 64px !important;
}

.redprint-table2 .red-btn-group .shadow_box_green {
  margin: 0 !important;
}

div[id=myModal-design-choice] .modal-dialog {
  width: 1140px !important;
  height: 902px !important;
}

div[id=myModal-design-choice] .modal-dialog .modal-content {
  padding: 0px !important;
  z-index: 9999;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-header_detail {
  border-bottom: 1px solid #222;
  padding: 15px 10px !important;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-header_detail .modal-title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #222;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-header_detail .close {
  margin-top: 0px;
  opacity: 1 !important;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-header_detail .close .close_svg_img {
  width: 28px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail {
  padding: 0px !important;
  height: 780px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-track-color: #fff;
  scrollbar-highlight-color: #dedede;
  scrollbar-shadow-color: #fff;
  scrollbar-arrow-color: #fff;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail::-webkit-scrollbar {
  width: 5px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail::-webkit-scrollbar-thumb {
  background-color: #dedede;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail::-webkit-scrollbar-track {
  background-color: transparent;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .close {
  float: left;
  margin: 24px 0px 0px 24px;
  opacity: 1 !important;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container {
  width: 1140px;
  padding: 30px 64px 26px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice {
  padding: 55px 45px 0px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice>div {
  width: 770px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice>div>p {
  font-size: 14px;
  color: #222;
  text-align: left;
  padding-bottom: 8px;
  border-bottom: 1px solid #dedede;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice>div>p::after {
  display: block;
  clear: both;
  content: "";
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice>div>p .color-b {
  color: #00aeef;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice>div>p .color-g {
  color: #c2c2c2;
  float: right;
  font-weight: normal;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .color-choice>div .site-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .back-page {
  width: 900px;
  border-top: 1px solid #dedede;
  margin: 56px 0px 0px -20px;
  text-align: center;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail>.container .back-page>a {
  display: inline-block;
  width: 240px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border: 1px solid #979797;
  border-radius: 3px;
  font-size: 14px;
  color: #979797;
  margin-top: 32px;
  cursor: pointer;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .choice_option {
  margin-top: 20px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .choice_option>p {
  font-size: 13px;
  font-weight: bold;
  color: #222;
  margin-bottom: 0;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .choice_option>a {
  margin-top: 8px;
  font-size: 13px;
  text-align: center;
  border: 1px solid #e8e8e8;
  color: #9b9b9b;
  display: inline-block;
  margin-right: 8px;
  padding: 5px 12px;
  border-radius: 15px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .choice_option>a.active,
div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .choice_option>a:hover {
  border-color: #222;
  color: #222;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .title-search {
  margin-top: 20px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .title-search>p {
  font-size: 13px;
  font-weight: bold;
  color: #222;
  margin-bottom: 8px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .title-search .search-text {
  font-size: 14px;
  width: 320px;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #ddd;
  text-indent: 16px;
  color: #222;
  margin-right: 8px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .title-search .search-text:focus {
  border: 1px solid #222;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .title-search .search-btn {
  width: 100px;
  height: 44px;
  text-align: center;
  background: #1cbcb7;
  border-radius: 22px;
  border: none;
  color: #fff;
  font-size: 14px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list {
  margin-top: 24px;
  margin-bottom: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div.design-item {
  width: 240px;
  margin-bottom: 24px;
  margin-right: 15px;
  text-align: left;
  position: relative;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div.design-item:hover .mask {
  display: inline-block;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div.design-item:hover>p {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div.design-item:hover>p .design-title {
  width: 160px;
  text-overflow: initial;
  white-space: normal;
  position: absolute;
  top: 0;
  left: 0;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div.design-item:hover>p .design-price {
  position: absolute;
  right: 0;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div.design-item:nth-child(4n) {
  margin-right: 0;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div .mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 240px;
  background-color: rgba(0, 0, 0, 0.3);
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div .mask .mask-inner {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div .mask .mask-inner .btn-expend {
  margin: 0 0 30px 0;
  text-align: center;
  color: #fff;
  font-size: 3em;
  display: block;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div .mask .mask-inner .btn-modal-movePage {
  font-family: "Jua", sans-serif;
  line-height: initial;
  cursor: pointer;
  border-radius: 16px;
  background-color: #fff;
  border: 2px solid #1D2D3E;
  font-size: 17px;
  padding: 6px 15px;
  color: #1D2D3E;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div .mask .mask-inner .btn-modal-movePage:hover {
  background-color: #1D2D3E;
  color: #fff;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div>p {
  font-size: 13.5px;
  font-weight: bold;
  color: #222;
  margin-top: 12px;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div>p .design-title {
  width: 160px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div[id=myModal-design-choice] .modal-dialog .modal-content .modal-body_detail .design-list>div>p .design-price {
  color: #e10e21;
  float: right;
}

.radio-group {
  display: inline-block;
}

.radio-group>span.radio-group-inner {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
}

.radio-group input[type=radio] {
  display: none;
}

.radio-group input[type=radio]:checked+label:after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #818181;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 100%;
}

.radio-group input[type=radio]+label {
  margin: 0;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: solid 1px #818181;
  height: 16px;
  width: 16px;
}

.radio-group .radio-text {
  vertical-align: top;
  padding: 0 0 0 5px;
}

.radio-group .radio-text-1 {
  padding: 0 20px 0 5px;
}

.radio-group .radio-text-2 {
  padding: 0 20px 0 2px;
}

.arcylic-methods>.arcylic-methods-box {
  display: inline-block;
  width: 235px;
  height: 48px;
  line-height: 48px;
  border: 1px solid #bbb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}

.arcylic-methods>.arcylic-methods-box>p {
  color: #bbb;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
}

.arcylic-methods>.arcylic-methods-box.active,
.arcylic-methods>.arcylic-methods-box:hover {
  background: #212121 !important;
  border: none;
}

.arcylic-methods>.arcylic-methods-box.active>p,
.arcylic-methods>.arcylic-methods-box:hover>p {
  color: #fff !important;
}

.arcylic-methods>.arcylic-methods-box.disabled {
  cursor: none;
  background-color: #eaeaea;
  pointer-events: none;
}

.input-control_232:focus {
  border: 1px solid #dedede;
}

select .select-control::-ms-expand {
  display: none;
}

.aside-order .select-control {
  background: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/mypage/mypage_select_arrow.svg") no-repeat 94%;
  background-size: 13px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 32px;
  border-radius: 3px;
  padding: 0 0 0 10px;
}

.aside-order .select-control.disabled {
  color: #555;
  background-image: none;
  pointer-events: none;
  font-weight: 500;
}

.aside-order .select-control.disabled:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.aside-order .select-control.input-control_210 {
  background-position: 185px;
}

.aside-order .select-control_232 {
  background-position: 94% center;
}

.aside-order .select-control_232.disabled {
  border: none;
  color: #818181;
  background-image: none;
  pointer-events: none;
  font-weight: 300;
}

.aside-order .select-control_232:focus {
  border: 1px solid #dedede;
}

.aside-order .select-control-info {
  background: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/mypage/mypage_customerinfo_arrow.svg") no-repeat 155px;
  background-size: 11px;
}

.aside-order .select-control-info-2 {
  background: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/mypage/mypage_customerinfo_arrow.svg") no-repeat 185px;
  background-size: 11px;
}

.aside-order .radio-group {
  display: inline-block;
}

.aside-order .radio-group>span.radio-group-inner {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
}

.aside-order .radio-group input[type=radio] {
  display: none;
}

.aside-order .radio-group input[type=radio]:checked+label::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #818181;
  position: absolute;
  left: 5px;
  top: 5px;
  border-radius: 100%;
}

.aside-order .radio-group input[type=radio]+label {
  margin: 0;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: solid 1px #818181;
  height: 16px;
  width: 16px;
}

.aside-order .radio-group .radio-text {
  vertical-align: top;
  padding: 0 0 0 5px;
}

.aside-order .radio-group .radio-text-1 {
  padding: 0 20px 0 5px;
}

.aside-order .radio-group .radio-text-2 {
  padding: 0 20px 0 2px;
}

.aside-order textarea {
  resize: none;
  padding: 10px;
}

.aside-order .tr_type_items .select-type {
  border: 1px solid #222;
  font-size: 13px;
  color: #222;
  border-radius: 16px;
  padding: 5px 20px;
  margin: 5px 5px 5px 0;
  display: inline-block;
  cursor: pointer;
}

.aside-order .tr_type_items .select-type.active {
  background-color: #222;
  font-size: 13px;
  color: #fff;
}

.aside-order .tr_size_items .select-type {
  border: 1px solid #222;
  font-size: 13px;
  color: #222;
  border-radius: 6px;
  padding: 4px 8px;
  margin: 0 5px 3px 0;
  display: inline-block;
  cursor: pointer;
}

.aside-order .tr_size_items .select-type.active {
  background-color: #222;
  font-size: 13px;
  color: #fff;
}

.aside-order .btn-group .select-type {
  border: 1px solid #222;
  font-size: 13px;
  color: #222;
  border-radius: 16px;
  padding: 5px 20px;
  margin: 5px 5px 5px 0;
  display: inline-block;
  cursor: pointer;
}

.aside-order .btn-group .select-type.active {
  background-color: #222;
  font-size: 13px;
  color: #fff;
}

.aside-order .btn-group .select-type.disabled {
  border: 1px solid #dedede !important;
  color: #dedede !important;
  cursor: default !important;
  background-color: transparent;
  pointer-events: none;
}

.aside-order .form-inner .aside-new-wrap {
  width: 100%;
}

.en .aside-order strong,
.en .aside-order b {
  font-weight: 600;
}

.radio-group-big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.radio-group-big:nth-child(3) {
  margin-left: 23px;
}

.radio-group-big input[type=radio] {
  display: none;
}

.radio-group-big input[type=radio]+label {
  margin: 0;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: solid 1px #dedede;
  height: 22px;
  width: 22px;
  position: relative;
}

.radio-group-big input[type=radio]:checked+label {
  border: none;
}

.radio-group-big input[type=radio]:checked+label::after {
  content: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_radio_checked.svg");
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 100%;
}

.radio-group-big .radio-text {
  font-size: 13px;
  margin-left: 10px;
  margin-top: 2px;
  line-height: 19px;
}

.radio-group-big .radio-text .font12 {
  font-size: 12px;
  color: #777777;
}

.use-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.use-guide li.use-guide-1 {
  width: 352px;
  margin-right: 16px;
}

.use-guide li.use-guide-2 {
  width: 250px;
}

.use-guide li.use-guide-3 {
  width: 288px;
}

.use-guide li.use-guide-3 .img_info_2 {
  background-image: url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_adviser.svg);
  background-position: 20px center;
}

.use-guide li.use-guide-3 .img_info_2 .deliverable-wrap .deliverable-guide .qmark-info {
  left: auto;
  right: -120px;
  z-index: 2;
  white-space: initial;
  padding: 16px;
  border-radius: 6px;
  line-height: 1.5;
}

.use-guide li.use-guide-3 .img_info_2 .deliverable-wrap .deliverable-guide .qmark-info strong {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.use-guide li.use-guide-3 .img_info_2 .deliverable-wrap .deliverable-guide .qmark-info b {
  font-weight: bold;
}

.use-guide li.use-guide-4 {
  width: auto;
}

.use-guide li.use-guide-4 .img_info_2 {
  background-position: 15px center;
  text-indent: 35px;
  padding: 0 25px;
}

.use-guide li:last-child {
  margin-right: 0;
}

.use-guide li .img_info_1 img {
  width: 100%;
}

.use-guide li .img_info_2 {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/order_page_notice_03_1.svg");
  background-repeat: no-repeat;
  background-position: 13px center;
  text-indent: 10px;
  position: relative;
  border-radius: 36px;
  white-space: nowrap;
  border: solid 1px #dedede;
  line-height: 70px;
  font-size: 15px;
  font-weight: bold;
  color: #212121;
  text-align: center;
}

.use-guide li .img_info_2 .deliverable-wrap {
  position: absolute;
  right: 15px;
  top: -2px;
}

.use-guide li .img_info_2 .deliverable-wrap .deliverable-guide {
  display: initial;
  position: relative;
}

.use-guide li .img_info_2 .deliverable-wrap .deliverable-guide .qmark {
  cursor: pointer;
  margin: 0 0 0 20px;
  vertical-align: -7px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_qmark.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px;
}

.use-guide li .img_info_2 .deliverable-wrap .deliverable-guide .qmark:hover {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_qmark_hover.svg");
}

.use-guide li .img_info_2 .deliverable-wrap .deliverable-guide .qmark:hover~.qmark-info {
  display: block;
  z-index: 10;
}

.use-guide li .img_info_2 .deliverable-wrap .deliverable-guide .qmark-info {
  text-indent: 0;
  font-weight: normal;
  line-height: 20px;
  display: none;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  position: absolute;
  top: 30px;
  right: 0px;
  min-width: 340px;
  text-align: left;
  font-size: 12px;
  color: #222;
  padding: 12px;
  border-radius: 3px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
}

.price_order_price5 {
  border-top: 1px solid #c2c2c2;
}

.price_order_price5 .price_text {
  font-size: 14px;
}

.price_order_price5 .point-per {
  border: 1px solid #dedede;
  font-size: 12px;
  color: #fe2f48;
  border-radius: 12px;
  margin-left: 4px;
  font-weight: bold;
  padding: 3px 7px 2px 7px;
  display: inline-block;
}

.scodix-notice-wrap {
  border: 1px solid #e3e3e3;
  padding: 24px 18px;
  margin-top: 20px;
}

.scodix-notice-wrap .notice-mark {
  margin-bottom: 16px;
}

.scodix-notice-wrap .notice-mark em {
  background-color: #fe2f48;
  color: #fff;
  border-radius: 12px;
  font-style: normal;
  padding: 2px 10px;
}

.scodix-notice-wrap .notice-ttl {
  font-weight: bold;
  color: #222;
  font-size: 14px;
}

.scodix-notice-wrap .notice-ttl.mt16 {
  margin-top: 16px;
}

.scodix-notice-wrap .notice-ttl .oval {
  width: 4px;
  display: inline-block;
  height: 4px;
  border-radius: 100%;
  background-color: #979898;
  vertical-align: middle;
  margin-right: 8px;
}

.scodix-notice-wrap .notice-desc {
  letter-spacing: -0.2px;
  color: #222;
  line-height: 1.33;
  font-size: 12px;
  margin-top: 4px;
}

.scodix-notice-wrap .notice-desc .link {
  color: #1cbcb7;
  font-size: 12px;
}

.scodix-notice-wrap .notice-desc .link img {
  vertical-align: -4px;
}

.package-th .btn-modal-package {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/packaging_icon_mark.svg");
  vertical-align: -2px;
  margin-left: 5px;
}

.package-th .btn-modal-package:hover {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/packaging_icon_mark_hover.svg");
  vertical-align: -2px;
  margin-left: 5px;
}

.btn-modal-acrylic {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: center/16px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_icon_note.svg");
  vertical-align: -3px;
  margin-left: 5px;
}

.btn-modal-acrylic.btn-msktape {
  position: relative;
  vertical-align: middle;
}

.btn-modal-acrylic.btn-msktape.btn-noren .note-con {
  background: center/200px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/PH/detail_fabricNoren_sewing.png");
  bottom: -35px;
}

.btn-modal-acrylic.btn-msktape:hover .note-con {
  display: block;
  width: 200px;
  height: 200px;
}

.btn-modal-acrylic.btn-msktape .note-con {
  display: none;
  z-index: 2;
  position: absolute;
  bottom: -90px;
  left: 20px;
  width: 359px;
  height: 359px;
  background: center/200px no-repeat url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/PH/detail_msktape_02_3.png");
}

.btn-modal-acrylic.btn-punch {
  position: relative;
  vertical-align: middle;
}

.btn-modal-acrylic.btn-punch:hover .note-con {
  display: block;
  width: 200px;
  height: 200px;
}

.btn-modal-acrylic.btn-punch .note-con {
  display: none;
  z-index: 2;
  position: absolute;
  bottom: -90px;
  left: 20px;
  width: 359px;
  height: 359px;
  background: center/200px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/detail_headerCard_punching.png");
}

.btn-modal-acrylic.btn-txt {
  position: relative;
  vertical-align: middle;
  margin-left: 0;
}

.btn-modal-acrylic.btn-txt.btn-noren .note-con {
  bottom: -35px;
}

.btn-modal-acrylic.btn-txt:hover .note-con {
  display: block;
  padding: 30px;
}

.btn-modal-acrylic.btn-txt .note-con {
  display: none;
  z-index: 2;
  position: absolute;
  top: 20px;
  left: 0;
  width: 375px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
  border-radius: 20px;
  font-size: 12px;
}

.btn-modal-acrylic.btn-txt .note-con b {
  font-weight: bold;
}

.btn-modal-acrylic.btn-txt .note-con .fw_b {
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
}

.btn-modal-acrylic.btn-offset-freest {
  position: relative;
  vertical-align: -25px;
  white-space: nowrap;
  padding-left: 30px;
  margin-left: -5px;
  font-size: 13px;
  margin-bottom: 20px;
}

.btn-modal-acrylic.btn-offset-freest:hover .note-con {
  display: block;
}

.btn-modal-acrylic.btn-offset-freest .note-con {
  display: none;
  -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  z-index: 2;
  position: absolute;
  bottom: -275px;
  left: 0;
  width: 440px;
  height: 270px;
  background: #fff center/440px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/detail_offset_st_free_cutting.png");
}

.btn-modal-acrylic:hover {
  cursor: pointer;
  background: center/16px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_icon_note_hover.svg");
}

.package-td {
  border-top: 1px solid #e4e3e3 !important;
  border-bottom: 1px solid #e4e3e3 !important;
}

.package-td .fc-red {
  color: #fe2f48;
  line-height: 1.45;
  font-size: 12px;
  margin-top: 10px !important;
}

.package-td .pr14 {
  padding-right: 14px;
}

#modal-package-guide * {
  padding: 0;
}

#modal-package-guide .fc-red {
  color: #fe2f48;
}

#modal-package-guide .modal-dialog {
  width: 750px !important;
}

#modal-package-guide .modal-dialog .modal-header {
  padding: 12px !important;
  border-bottom: 1px solid #212121;
  text-align: center;
}

#modal-package-guide .modal-dialog .modal-header h2 {
  font-size: 20px;
  font-weight: 500;
  color: #222;
  line-height: normal;
  text-align: center;
  text-indent: 28px;
}

#modal-package-guide .modal-dialog .modal-header button {
  opacity: 1;
  margin-top: 1px;
}

#modal-package-guide .modal-dialog .modal-body {
  padding: 56px 70px !important;
}

#modal-package-guide .modal-dialog .modal-body .package-con1 .reorder-desc {
  font-size: 13px;
  line-height: 1.77;
  margin-bottom: 16px;
  color: #222;
}

#modal-package-guide .modal-dialog .modal-body .package-con1 .package-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 16px;
}

#modal-package-guide .modal-dialog .modal-body .package-con1 .package-img.hr-none {
  border-bottom: none;
}

#modal-package-guide .modal-dialog .modal-body .package-con1 .package-img.pb32-none {
  padding-bottom: 0;
}

#modal-package-guide .modal-dialog .modal-body .package-con1 .package-img img {
  width: 297px;
  height: 208px;
}

#modal-package-guide .modal-dialog .modal-body .package-con1 .hr-gray {
  border-bottom: 1px solid #dedede;
  padding-bottom: 24px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  margin: 32px 0 16px 0;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 p.title-desc {
  line-height: 1.77;
  font-size: 13px;
  margin-bottom: 16px;
  color: #222;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method {
  background-color: #f5f5f5;
  padding: 12px 16px 16px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method h4 {
  font-size: 13px;
  color: #222;
  font-weight: bold;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method h4 img {
  margin-right: 8px;
  width: 16px;
  vertical-align: -2px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .notice-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-left: 24px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .notice-icons img {
  margin-right: 16px;
  width: 56px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .iron-desc {
  margin-left: 24px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .iron-desc p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #222;
  margin-top: 5px;
  font-size: 13px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .iron-desc p:first-child {
  margin-top: 16px;
}

#modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .iron-desc p .oval {
  width: 3px;
  height: 3px;
  border-radius: 100%;
  display: inline-block;
  background-color: #222;
  margin-top: 6px;
  margin-right: 6px;
}

#modal-package-guide .modal-dialog .modal-footer {
  text-align: center;
  border-top: 1px solid #dedede;
  padding: 32px 0;
  display: table;
  width: 100%;
}

#modal-package-guide .modal-dialog .modal-footer a {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  border: 1px solid #979797;
  border-radius: 3px;
  font-size: 13px;
  height: 48px;
  opacity: 1;
  color: #979797;
  float: initial;
  font-weight: normal;
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-header {
  text-align: center;
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con1 img {
  width: 352px;
  height: auto;
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con1 .reorder-desc {
  color: var(--color-black-two);
  font-size: 14px;
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con1 .reorder-desc .rpt {
  color: var(--color--red);
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con2 h3 {
  font-size: 16px;
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con2 p.title-desc {
  color: var(--color-black-two);
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method h4 {
  color: var(--color-black-two);
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .iron-desc {
  margin-top: 16px;
}

.modal-package-guide2 #modal-package-guide .modal-dialog .modal-body .package-con2 .iron-method .iron-desc p {
  color: var(--color-black-two);
  font-size: 13px;
  margin-top: 0;
  line-height: 1.7;
}

#modal-acrylic-type .modal-dialog {
  width: 900px !important;
}

#modal-acrylic-type .modal-content {
  padding: 0;
}

#modal-acrylic-type .modal-header {
  padding: 16px 12px !important;
  border-bottom: 1px solid #222;
}

#modal-acrylic-type .modal-header .close {
  opacity: 1;
}

#modal-acrylic-type .modal-header .modal-title {
  font-size: 20px;
  color: #222;
  text-align: center;
  text-indent: 28px;
}

#modal-acrylic-type .modal-body {
  padding: 56px 65px 24px 65px !important;
}

#modal-acrylic-type .modal-body .acrylic-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#modal-acrylic-type .modal-body .acrylic-con .acrylic-item {
  width: 373px;
  margin-bottom: 32px;
}

#modal-acrylic-type .modal-body .acrylic-con .acrylic-item .title {
  font-size: 16px;
  color: #222;
  font-weight: 600;
  margin: 16px 0 8px 0;
}

#modal-acrylic-type .modal-body .acrylic-con .acrylic-item .desc {
  font-size: 13px;
  color: #222;
  line-height: 1.54;
}

#modal-acrylic-type .modal-footer {
  text-align: center;
  padding: 32px 0;
  border-top: 1px solid #dedede;
  display: table;
  margin: 0 auto;
  width: 100%;
}

#modal-acrylic-type .modal-footer a {
  float: initial;
  font-size: 14px;
  color: #979797;
  border: 1px solid #979797;
  border-radius: 3px;
  opacity: 1;
  font-weight: normal;
  display: table-cell;
  width: 240px;
  vertical-align: middle;
  text-align: center;
  height: 48px;
}

.red-alert {
  max-width: 400px;
  padding: 16px;
  background-color: #fe2f48;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  margin: 10px auto;
  position: fixed;
  bottom: 10px;
  right: -400px;
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: -1;
  cursor: pointer;
}

.red-alert.active {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  z-index: 10;
  right: 10px;
}

.red-alert.fade {
  -webkit-transition: all 550ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 550ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: translate(300px, 0);
  transform: translate(300px, 0);
  opacity: 0;
}

.red-alert.end {
  display: none;
}

.red-alert.success {
  background-color: #43b249;
}

.red-alert.info {
  background-color: #1CBCB7;
}

.red-alert.warning {
  background-color: #ff9800;
}

.red-alert strong {
  padding-right: 16px;
}

.red-alert strong i {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-size: 26px;
}

.red-alert .text {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 13px;
  padding-right: 24px;
  line-height: 1.6;
}

.red-alert .text a {
  color: #fff;
}

.red-alert .closebtn {
  color: white;
  font-weight: bold;
  font-size: 21px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 12px;
  top: 8px;
  line-height: 13px;
}

.red-alert .closebtn:hover {
  color: #222;
}

.btn-topinfo {
  text-indent: 0;
  font-weight: normal;
  line-height: 20px;
  display: none;
  position: absolute;
  top: 18px;
  left: 0px;
  min-width: 360px;
  text-align: left;
  font-size: 12px;
  color: #222;
  padding: 12px;
  border-radius: 3px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  z-index: 7;
}

.btn-topinfo:hover .info {
  display: block;
  z-index: 10;
}

.btn-topinfo .info {
  text-indent: 0;
  font-weight: normal;
  line-height: 20px;
  display: none;
  position: absolute;
  top: 18px;
  left: 0px;
  min-width: 360px;
  text-align: left;
  font-size: 12px;
  color: #222;
  padding: 12px;
  border-radius: 3px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  z-index: 7;
}

.btn-topinfo .info b {
  font-weight: 600;
}

.btn-topinfo1 {
  vertical-align: baseline;
  margin-left: 3px;
  letter-spacing: -0.2px;
}

.btn-topinfo1 .info b {
  font-weight: 600;
}

.btn-reorderInfo {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/icon_reorder.svg");
  vertical-align: -1px;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
}

.btn-reorderInfo:hover .info {
  display: block;
  z-index: 10;
}

.btn-reorderInfo .info {
  text-indent: 0;
  font-weight: normal;
  line-height: 20px;
  display: none;
  position: absolute;
  top: 23px;
  left: 0px;
  width: auto;
  max-width: 250px;
  text-align: left;
  font-size: 12px;
  color: #222;
  padding: 12px 14px;
  border-radius: 3px;
  background-color: #fff;
  border: solid 1px #c9c9c9;
  z-index: 7;
  white-space: nowrap;
}

.order-top-img {
  position: relative;
}

.order-top-img .mainFlsh {
  position: initial !important;
}

.order-top-img .salestop-text {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  background-color: rgba(34, 34, 34, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 28px 0;
  font-style: normal;
  z-index: 10;
}

.order-top-img #wrap {
  top: auto !important;
}

.order-top-img #wrap>img {
  position: static !important;
}

.order-top-img #wrap .mainFlsh {
  text-align: center;
}

.order-top-img #wrap .mainFlsh img {
  width: 100% !important;
}

.order-top-img .order-top-bottomBanner {
  margin-top: 15px;
}

.order-top-img .order-top-bottomBanner img {
  width: 100%;
}

#right-confirm-box {
  display: inline-block;
  width: 300px;
  height: auto;
  border-radius: 3px;
  background: #fafafa;
  position: relative;
}

#right-confirm-box .plz_confirm {
  padding: 16px 24px;
  height: auto;
  margin-top: 10px;
}

#right-confirm-box .box {
  width: 252px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

#right-confirm-box .plz_text01 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  border-bottom: 1px solid #dedede;
  padding-bottom: 8px;
}

#right-confirm-box .plz_text02 {
  color: #222;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #222;
  margin: 16px 0px 0;
}

#right-confirm-box .plz_text02 .txt {
  color: #f26c6c;
  font-size: 12px;
  font-weight: bold;
}

#right-confirm-box .plz_text03 {
  color: #606060;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  float: right;
}

#right-confirm-box .plz_text04 {
  color: #000;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: #dedede;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  bottom: 0;
  border: 1px solid #e3e4e5;
}

#right-confirm-box .plz_text04 .checks {
  margin: 10px 2px 0px 12px;
}

#right-confirm-box .plz_text04 .checks label {
  vertical-align: text-top;
}

#right-confirm-box .plz_text04 .checks_2 {
  margin: 8px 24px 0px 0px;
}

#right-confirm-box .plz_text04 .txt {
  color: #F14141;
  font-size: 14px;
  font-weight: bold;
}

#right-confirm-box .plz_cont {
  background: #fff;
  border: 1px solid #c2c2c2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 252px;
  height: 142px;
  padding: 2px;
  margin-bottom: 15px;
}

#right-confirm-box .st_list>li {
  float: left;
}

#right-confirm-box .st_list>li span {
  background: #dedede;
  display: inline-block;
  width: 100%;
  height: 100%;
}

#right-confirm-box .box .one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 55%;
  height: 98%;
  background: #fff;
  margin: 0 auto;
  vertical-align: middle;
  border: 1px solid #c2c2c2;
  padding: 3px;
}

#right-confirm-box .box .one>.two {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #dedede;
}

#right-confirm-box input[type=checkbox] {
  display: none;
}

#right-confirm-box input[type=checkbox]:checked+label::before {
  content: "✓";
  border: 0px solid #d1d3d4;
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  background: #02c0bd;
  text-align: center;
  line-height: 18px;
}

#right-confirm-box input[type=checkbox]+label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0px 0px 3px 25px;
  font-size: 12px;
}

#right-confirm-box input[type=checkbox]+label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #d1d3d4;
  content: "✓";
  font-size: 17px;
  font-weight: 800;
  color: #eee;
  background: #FFFFFF;
  text-align: center;
  line-height: 18px;
}

.confirmbox-wrap-1 {
  margin-bottom: -41px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.confirmbox-wrap {
  border: 1px solid #e3e3e3;
  padding: 24px 18px;
  margin-top: 20px;
}

.confirmbox-wrap .notice-mark {
  margin-bottom: 16px;
  text-align: left;
}

.confirmbox-wrap .notice-mark em {
  background-color: #fe2f48;
  color: #fff;
  border-radius: 12px;
  font-style: normal;
  padding: 2px 10px;
}

.confirmbox-wrap .notice-ttl {
  font-weight: bold;
  color: #222;
  font-size: 14px;
  text-align: left;
}

.confirmbox-wrap .notice-ttl.mt16 {
  margin-top: 16px;
}

.confirmbox-wrap .notice-ttl .oval {
  width: 4px;
  display: inline-block;
  height: 4px;
  border-radius: 100%;
  background-color: #979898;
  vertical-align: middle;
  margin-right: 8px;
}

.confirmbox-wrap .notice-desc {
  letter-spacing: -0.2px;
  color: #222;
  line-height: 1.33;
  font-size: 12px;
  margin-top: 8px;
  font-size: 13px;
  text-align: left;
}

.confirmbox-wrap .radio-group-big {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.confirmbox-wrap .radio-group-big:nth-child(3) {
  margin-left: 23px;
}

.confirmbox-wrap .radio-group-big input[type=checkbox] {
  display: none;
}

.confirmbox-wrap .radio-group-big input[type=checkbox]:checked+label {
  border: none;
}

.confirmbox-wrap .radio-group-big input[type=checkbox]:checked+label::after {
  content: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_radio_checked_1.svg");
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 100%;
}

.confirmbox-wrap .radio-group-big input[type=checkbox]+label {
  margin: 0;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: solid 1px #dedede;
  height: 22px;
  width: 22px;
  position: relative;
}

.confirmbox-wrap .radio-group-big .text {
  font-size: 14px;
  color: #222;
  font-weight: 600;
  padding-left: 8px;
  display: inline-block;
  margin-top: 2px;
}

#pcs_leather_thickness_tr:hover .order-ballroon {
  opacity: 1;
}

.order-ballroon {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: -32px;
  left: 0;
  position: absolute;
  display: table;
  border-style: hidden;
  -webkit-box-shadow: 0 0 0 1px #f26c6c;
  box-shadow: 0 0 0 1px #f26c6c;
  border-radius: 32px;
}

.order-ballroon .inner {
  white-space: nowrap;
  position: relative;
  background-color: #fff0f0;
  color: #f26c6c;
  border: 1px solid #f26c6c;
  border-radius: 32px;
  display: table-cell;
  padding: 0 13px;
  height: 24px;
  vertical-align: middle;
  line-height: 24px;
}

.order-ballroon .inner:after {
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  width: 6px;
  height: 6px;
  border-right: 1px solid #e74c3c;
  display: inline-block;
  border-bottom: 1px solid #e74c3c;
  background-color: #fff0f0;
  border-top: none;
  border-left: none;
  bottom: -4px;
  left: 47%;
}

.detail_file_upload {
  position: relative;
}

.detail_file_upload div>div:nth-child(2)+.order-ballroon {
  opacity: 1;
}

.red-doneorder {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fe2f48;
  padding: 116px 96px 80px 96px;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
  border-radius: 40px;
}

.red-doneorder * {
  font-family: "GmarketSansLight";
  color: #222;
}

.red-doneorder img {
  width: 450px;
}

.red-doneorder p.msg {
  font-size: 32px;
  margin: 40px 0 50px 0;
}

.red-doneorder p.msg input {
  border-radius: 12px;
  border: none;
  width: 100%;
  padding: 0 20px;
  font-size: 20px;
  height: 72px;
  margin-top: 20px;
}

.red-doneorder a.btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50px;
  font-size: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 300;
  background-color: #fff;
  height: 100px;
}

.order-page .top-banner .top-title {
  margin: 25px 50px 0;
}

.order-page .top-banner .top-title .title {
  font-size: 30px;
  color: #000;
  margin-bottom: 10px;
  display: block;
}

.order-page .top-banner .top-title .title .sm-text {
  font-size: 24px;
}

.order-page .top-banner .top-title .title-desc {
  font-size: 13px;
  color: #222;
}

.order-page .top-banner .top-title .release-info {
  color: #000;
  border: 1px solid #000;
  display: table;
  border-radius: 16px;
  vertical-align: middle;
  padding: 5px 10px;
  font-size: 12px;
  margin: 10px 0 0 0;
  letter-spacing: -0.4px;
}

.aside-option-top {
  border-bottom: 1px solid #e6e6e6;
}

.aside-option-top dt {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.2px;
  color: #222;
  padding: 24px 0 0 0;
}

.aside-option-top dt .rpt {
  color: #ff2e48;
}

.aside-option-top dd {
  font-size: 13px;
  color: #666;
  padding: 8px 0 16px 0;
}

.aside-option-top dd strong {
  color: #222;
}

.en .aside-option-top strong,
.en .aside-option-top b {
  font-weight: 600;
}

.en .aside-option-top>dt {
  font-weight: 600;
}

.form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-inner.form-inner-1 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form-inner.form-inner-1 .aside-new-wrap .aside-option-middle {
  border-bottom: none;
}

.form-inner.form-inner-1 .file_txt1 {
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 0;
  margin: 3px 0px 5px 12px;
}

.form-inner.form-inner-1 .file_txt2 {
  color: #999;
  vertical-align: -4px;
  width: 235px;
  display: inline-block;
}

.form-inner.form-inner-1 .en .file_txt2 {
  display: inline-block;
  width: 215px;
}

.form-inner.form-inner-1 .en .btn-temdown {
  vertical-align: 8px;
}

.form-inner.form-inner-1 .en .btn-temdown a::after {
  margin: 3px 0 1px 2px;
}

.form-inner.form-inner-1 .btn-temdown {
  border: solid 1px #dddddd;
  border-radius: 15px;
  padding: 5px 14px;
  margin: 0 0 0 15px;
  float: right;
}

.form-inner.form-inner-1 .btn-temdown:hover {
  border: 1px solid #FFACAC;
}

.form-inner.form-inner-1 .btn-temdown:hover a {
  color: #FE2F48;
}

.form-inner.form-inner-1 .btn-temdown:hover a::after {
  border-color: transparent #FE2F48 #FE2F48 transparent;
}

.form-inner.form-inner-1 .btn-temdown a {
  display: inline-block;
}

.form-inner.form-inner-1 .btn-temdown a::after {
  content: "";
  margin: 3px 0 2px 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: transparent #222 #222 transparent;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.form-inner.form-inner-1 .detail_file_upload {
  width: 100%;
  margin: 0;
}

.form-inner.form-inner-1 .detail_file_upload::after {
  display: block;
  clear: both;
  content: "";
}

.form-inner.form-inner-1 .detail_file_upload #pdf_label {
  width: 100%;
  padding-top: 10px;
  float: left;
}

.form-inner.form-inner-1 .detail_file_upload .pdf_only {
  padding: 12px 0;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
  width: 48%;
  border-radius: 6px;
  color: #bbb;
  border: 1px solid #bbb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

.form-inner.form-inner-1 .detail_file_upload .pdf_only:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}

.form-inner.form-inner-1 .detail_file_upload .pdf_only.active {
  background: #222;
  color: #fff;
  border: 1px solid transparent;
}

.form-inner.form-inner-1 .detail_file_upload .make_editor {
  padding: 12px 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 48%;
  border-radius: 6px;
  color: #bbb;
  border: 1px solid #bbb;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  float: right;
}

.form-inner.form-inner-1 .detail_file_upload .make_editor:hover {
  background: #222;
  color: #fff;
  border: 1px solid transparent;
}

.form-inner.form-inner-1 .detail_file_upload .make_editor.active {
  background: #222;
  color: #fff;
  border: 1px solid transparent;
}

.form-inner.form-inner-1 .btn-upload-wrap-new {
  width: 100%;
}

.form-inner .order-content #detail_wrap .mainFlsh-event img {
  margin-top: -4px !important;
}

.form-inner .aside-new-wrap {
  width: 467px;
  padding: 0 0 20px 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.form-inner .aside-new-wrap .aside-option-middle {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 20px 0;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row {
  margin-top: 30px;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row label {
  display: block;
  font-size: 14px;
  color: #222;
  margin: 0 0 8px 0;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row label b {
  font-weight: bold;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row select {
  border: solid 1px #ddd;
  border-radius: 4px;
  color: #222;
  font-size: 14px;
  padding: 12px 16px;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 95%/15px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/mypage/mypage_select_arrow.svg");
  width: 100%;
  -webkit-transition: border 0.35s;
  transition: border 0.35s;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row select:focus {
  border: solid 1px #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row select:disabled {
  opacity: 0.4;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .op-ttl {
  font-size: 14px;
  color: #222;
  margin: 0 0 15px 0;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input {
  width: 104px;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #222;
  border-radius: 4px;
  height: 48px;
  text-align: center;
  padding: 0 16px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input:focus {
  border: 1px solid #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input::-webkit-input-placeholder {
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input::-moz-placeholder {
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input:-ms-input-placeholder {
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input::-ms-input-placeholder {
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper input::placeholder {
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle .option-row .input-wrapper .unit {
  padding: 0 12px;
  font-size: 14px;
}

.form-inner .aside-new-wrap .aside-option-middle .btn-option-selected {
  border: solid 1px #fe2f48;
  font-size: 14px;
  border-radius: 4px;
  background-color: #fff;
  color: #fe2f48;
  padding: 12px 16px;
  width: 100%;
  margin-top: 16px;
}

.form-inner .aside-new-wrap .aside-option-middle .btn-option-selected .plus {
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.form-inner .aside-new-wrap .aside-option-middle .btn-option-selected .plus .line {
  border-top: solid 1px #fe2f48;
  width: 100%;
  display: inline-block;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.form-inner .aside-new-wrap .aside-option-middle .btn-option-selected .plus .line1 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap {
  display: inline-block;
  width: 100%;
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap .btn.btn-white {
  border: none;
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap .btn.btn-white:first-child {
  margin: 0 !important;
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap .btn.btn-white.active .shadow_box_green {
  background-color: #00C4BE;
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap .icon_txt {
  font-size: 13px;
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap .red-btn-group {
  margin-right: 30px !important;
  display: inline-block;
}

.form-inner .aside-new-wrap .aside-option-middle .icon-select-wrap .red-btn-group .shadow_box_green {
  background-color: #fff;
  border: 1px solid #ddd;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom {
  border-bottom: 1px solid #222;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter input[type=number] {
  A-moz-appearance: textfield;
  border: solid 1px #ddd;
  font-size: 13px;
  color: #222;
  padding: 4px 0;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  width: 50px;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter input::-webkit-outer-spin-button,
.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter .symbol {
  padding: 4px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  width: 28px;
  cursor: pointer;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter .minus {
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .counter .plus {
  border-right: solid 1px #ddd;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .price {
  font-size: 15px;
  color: #222;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .price .removeX {
  background-color: #ddd;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .price .removeX .line {
  display: inline-block;
  width: 8px;
  border-top: 1px solid #fff;
  position: absolute;
  top: 8px;
  left: 4px;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .price .removeX .line1 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .price .removeX .line2 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.form-inner .aside-new-wrap .aside-option-middle-bottom .inner-row .price b {
  font-weight: bold;
}

.form-inner .aside-new-wrap .aside-option-bottom {
  padding: 20px 0;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row:last-child {
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
  margin-top: 20px;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row:last-child strong {
  font-size: 18px;
  font-weight: bold;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row:last-child .price {
  font-size: 30px;
  color: #1cbcb7;
  font-family: "Spoqa Han Sans Neo";
  font-weight: 700;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row:last-child .won {
  color: #1cbcb7;
  font-size: 20px;
  padding-left: 10px;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row strong {
  color: #222;
  font-size: 14px;
  font-weight: normal;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row .price {
  font-size: 15px;
  color: #777;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row .rpt {
  color: #fe2f48;
}

.form-inner .aside-new-wrap .aside-option-bottom .option-row .fw-b {
  font-weight: bold;
}

.form-inner .aside-new-wrap .aside-option-middle-bottom-1 {
  border-bottom: none;
  padding: 0;
}

.btn-white.active .btn-icon-wrap .btn-icon-color .btn-icon-outer-color {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-white.active .btn-icon-wrap .btn-icon-color1 {
  background-color: #ddd;
}

.btn-white.active .btn-icon-wrap .btn-icon-color1 .btn-icon-outer-color {
  border: 1px solid #ddd;
}

.btn-white.active .btn-icon-wrap .btn-icon-color2 {
  background-color: #ff473a;
}

.btn-white.active .btn-icon-wrap .btn-icon-color2 .btn-icon-outer-color {
  border: 1px solid #ff473a;
}

.btn-white:hover .btn-icon-wrap+.icon-ballroon-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -8px;
  left: 50%;
  background-color: #222;
  color: #fff;
  border-radius: 16px;
  padding: 3px 10px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 3;
}

.btn-white:hover .btn-icon-wrap+.icon-ballroon-txt:after {
  display: inline-block;
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: -25px;
  left: 50%;
  border-left: 6px solid transparent;
  border-top: 8px solid #222;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
}

.btn-white .btn-icon-wrap {
  width: 32px;
  height: 32px;
  margin: 0 auto 5px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.btn-white .btn-icon-wrap+.icon-ballroon-txt {
  display: none;
}

.btn-white .btn-icon-wrap .btn-icon-color {
  width: 24px;
  height: 24px;
  border-radius: 100%;
}

.red-btn-group .shadow_box_green:hover~.icon-info-box {
  display: inline-block;
}

.red-btn-group .shadow_box_green~.icon-info-box {
  display: none;
  position: absolute;
  top: 0;
  z-index: 2;
}

.red-btn-group .shadow_box_green~.icon-info-box img {
  width: 188px;
  image-rendering: -webkit-optimize-contrast;
}

.red-btn-group .shadow_box_green~.icon-info-box1 {
  left: 233px;
}

.red-btn-group .shadow_box_green~.icon-info-box2 {
  left: 157px;
}

.red-btn-group .shadow_box_green~.icon-info-box3 {
  left: 80px;
}

.order-size-wrapper.reasonableBook-size-wrapper .order-size-spec {
  margin: 146px 0 4px;
}

.reasonable-book-order {
  position: relative;
}

.reasonable-book-order .btn-white.active .btn-icon-wrap .btn-icon-color .btn-icon-outer-color {
  width: 34px;
  height: 34px;
}

.reasonable-book-order .btn-white .btn-icon-wrap .btn-icon-color {
  width: 26px;
  height: 26px;
}

.reasonable-book-order input[type=number]::-webkit-outer-spin-button,
.reasonable-book-order input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.reasonable-book-order .reasonable-btn-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 24px 0;
}

.reasonable-book-order .reasonable-btn-wrap li {
  width: 170px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  font-size: 15px;
  border: solid 1px #222;
  background-color: #fff;
  color: #222;
  cursor: pointer;
}

.reasonable-book-order .reasonable-btn-wrap li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.reasonable-book-order .reasonable-btn-wrap li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.reasonable-book-order .reasonable-btn-wrap li.active {
  background-color: #222;
  color: #fff;
  border: solid 1px #222;
}

.reasonable-book-order .book-unit {
  font-size: 14px;
  padding: 0 10px;
}

.reasonable-book-order .book-unit#number3_page {
  font-size: 14px;
  padding: 0;
  margin-left: -10px;
}

.reasonable-book-order .comming_wrap {
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
}

.reasonable-book-order .comming_wrap img {
  vertical-align: -7px;
}

.reasonable-book-order .colorpaper-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reasonable-book-order .colorpaper-desc .colorpaper-img img {
  width: 180px;
}

.reasonable-book-order .colorpaper-desc .colorpaper-option {
  margin-left: 24px;
}

.reasonable-book-order .colorpaper-desc .colorpaper-option .btn-group {
  display: grid;
  grid-template-columns: repeat(5, 32px);
  gap: 8px;
}

.reasonable-book-order .colorpaper-desc .colorpaper-option .btn-group label {
  width: 32px;
  height: 32px;
  margin: 0 !important;
}

.reasonable-book-order .redprint-table2 td p.colorguide-text {
  color: #222;
  font-size: 12px;
  padding-top: 16px;
}

.reasonable-book-order .redprint-table2 td p.colorguide-text1 {
  font-size: 14px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reasonable-book-order .redprint-table2 td p.colorguide-text b {
  font-weight: bold;
  padding-left: 10px;
}

.reasonable-book-order .redprint-table2 td p.colorguide-text b.colorpaper-num {
  padding-left: 4px;
}

.reasonable-book-order .btn-colorpapericon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reasonable-book-order .btn-colorpapericon-wrap .btn-icon-color {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}

.reasonable-book-order .btn-colorpapericon-wrap .color-name {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

.reasonable-book-order .colorpaper-inputNum {
  margin: 16px 0 0 0;
}

.reasonable-book-order .colorpaper-inputNum>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  max-width: 440px;
}

.reasonable-book-order .colorpaper-inputNum .input-wrap {
  position: relative;
}

.reasonable-book-order .colorpaper-inputNum .input-wrap input {
  width: 80px !important;
  margin-right: 8px;
  margin-bottom: 8px;
}

.reasonable-book-order .colorpaper-inputNum .input-wrap input:focus+button.btn-numReset {
  display: inline-block;
}

.reasonable-book-order .colorpaper-inputNum .input-wrap button.btn-numReset {
  display: none;
  width: 24px;
  height: 24px;
  background: center/24px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ordericon/reasonableBook_remove_icon.svg");
  border: none;
  position: absolute;
  right: 13px;
  top: 7px;
}

.reasonable-book-order .colorpaper-inputNum .input-wrap button.btn-numReset:hover {
  display: block;
  background: center/24px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ordericon/reasonableBook_removeFocus_icon.svg");
}

.reasonable-book-order .colorpaper-inputNum .btn-colorpageNum {
  border-radius: 22px;
  height: 40px;
  background-color: #fff;
  font-size: 14px;
  border: 1px solid #222;
  padding: 0 16px;
  margin-left: 8px;
}

.reasonable-book-order .colorpaper-inputNum .btn-colorpageNum:hover {
  background-color: #222;
  color: #fff;
}

.reasonable-book-order .colorpaper-inputNum .btn-colorpageNum:hover .plus {
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
}

.reasonable-book-order .colorpaper-inputNum .btn-colorpageNum:hover .plus .plus-line {
  width: 14px;
  display: inline-block;
  border-top: 1px solid #222;
  position: absolute;
  top: 8px;
  left: 0;
}

.reasonable-book-order .colorpaper-inputNum .btn-colorpageNum:hover .plus .plus-line2 {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.reasonable-book-order .order-detail-container .info-text-after-new {
  position: relative;
}

.reasonable-book-order .order-detail-container .info-text-after-new::after {
  background: left/24px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ordericon/reasonableBook_info_icon.svg");
  font-size: 14px;
  font-weight: 500;
  color: #222;
  padding: 8px 20px 8px 30px;
  position: absolute;
  top: -7px;
  right: -10px;
  width: 120px;
  height: 40px;
}

.btn-qtyChangeInput {
  border: 1px solid #222;
  border-radius: 16px;
  font-size: 12px;
  color: #222;
  background-color: transparent;
  padding: 7px 14px;
  margin-left: 10px;
  display: inline-table;
  vertical-align: middle;
  height: 32px;
}

.btn-qtyChangeInput:hover {
  background-color: #222;
  color: #fff;
}

.btn-qtyChangeInput+.info-text {
  padding-top: 5px;
}

.btn-qtyChangeInput~.qty-txt {
  margin-bottom: -5px;
  color: #FE2F48;
}

.n22+.inline.v-middle {
  height: 40px;
  line-height: 40px;
}

.n22+.inline.v-middle input.form-control {
  vertical-align: bottom;
}

.btn-listPrice {
  border: 1px solid #DEDEDE;
  background: 20px center/26px no-repeat url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/PH/detail_package_icon.svg);
  height: 72px;
  border-radius: 36px;
  padding: 0 30px 0 50px;
  font-size: 15px;
  font-weight: 500;
  margin-top: 20px;
  color: #212121;
}

#modal-listPrice * {
  color: #222;
}

#modal-listPrice .modal-dialog {
  width: 620px !important;
}

#modal-listPrice .modal-content {
  padding: 0 !important;
}

#modal-listPrice .modal-header {
  border-bottom: 1px solid #222;
  position: relative;
  padding: 14px 0 !important;
}

#modal-listPrice .modal-header .ttl {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
}

#modal-listPrice .modal-header .close {
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 10px;
}

#modal-listPrice .modal-body-detail {
  padding: 20px 20px 25px;
}

#modal-listPrice .modal-body-detail .tb-price {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr 1.5fr;
  clear: both;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row {
  margin-bottom: 10px;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row div {
  color: #222;
  font-size: 14px;
  padding: 16px 0;
  font-weight: 500;
  text-align: center;
  border-left: 1px solid #dedede;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row div.tb-item {
  border-bottom: 1px solid #dedede;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row div.tb-item:last-child {
  border-bottom: 1px solid #222;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row .tb-top-ttl {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  background-color: #fafafa;
  padding: 16px 0;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row1 {
  display: grid;
  grid-template-rows: auto 1fr;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row1>div {
  border-left: none;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row1 .tb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#modal-listPrice .modal-body-detail .tb-price .tb-row4 div {
  font-weight: bold;
}

#modal-listPrice .detail-ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

#modal-listPrice .detail-ttl .add-txt {
  float: right;
  font-size: 14px;
  font-weight: normal;
  color: #FE2F48;
}

.order-detail-container .info-text-after::after {
  width: auto !important;
  height: 24px !important;
  line-height: 25px !important;
  display: inline-block;
  background: url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/main_info.png) 10px center/16px no-repeat transparent !important;
}

.redprint-table2 #tmpl_id span#IN_PAGE.text-danger {
  display: block;
  clear: both;
  padding-top: 10px;
}

.thumb-wrapper .making-date {
  color: #FE2F48;
  font-weight: bold;
  border: 1px solid #FE2F48;
  background-color: #F6E2E4;
  padding: 0 12px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  display: block;
}

.order-size-container input:disabled[type=radio].TPTKFOI_10X10+label:hover * {
  color: #000;
}

.order-size-container input:disabled[type=radio].TPTKFOI_10X10+label span {
  cursor: default !important;
  opacity: 0.3;
}

.order-size-container input:disabled[type=radio].TPTKDFT_10X10+label:hover * {
  color: #000;
}

.order-size-container input:disabled[type=radio].TPTKDFT_10X10+label span {
  cursor: default !important;
  opacity: 0.3;
}

.title .title-new {
  font-size: 20px;
  color: #222;
}

.title .title-new .type {
  border: 1px solid #ddd;
  font-size: 14px;
  color: #222;
  border-radius: 24px;
  padding: 8px 16px;
  font-weight: 500;
  vertical-align: bottom;
  margin-right: 10px;
}

.title .title-new .sub-desc {
  font-size: 15px;
  font-weight: 700;
  line-height: 21.72px;
  margin-left: 12px;
  color: #777777;
}

.order-notice-text1 {
  width: 512px;
  text-align: left;
  top: 25%;
}

.order-notice-text1 * {
  color: #777;
  font-size: 13px;
  font-weight: 500;
}

.order-notice-text1 .top-guide-text::after {
  content: "・";
}

.order-notice-text1 .bold {
  font-weight: 600;
  color: #222;
}

.order-icon-wrap {
  position: absolute;
  right: 0;
  top: 7px;
}

.order-icon-wrap button {
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  height: 32px;
  width: 32px;
  margin-left: 5px;
  cursor: pointer;
}

.order-icon-wrap .btn-itemZzim {
  background-image: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_zzim.svg");
}

.order-icon-wrap .btn-itemZzim:hover {
  background-image: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_zzim_hover.svg");
}

.order-icon-wrap .btn-itemZzim.active {
  background-image: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_zzim_active.svg");
}

.order-icon-wrap .btn-itemZzim.active:disabled {
  background-image: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_zzim_disabled.svg");
}

.order-icon-wrap .btn-itemShare {
  background-image: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_share.svg");
}

.order-icon-wrap .btn-itemShare:hover {
  background-image: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_share_hover.svg");
}

.modal-shareinfo .modal-dialog {
  width: 270px !important;
}

.modal-shareinfo .modal-dialog .modal-content {
  padding: 30px 20px 20px !important;
  border-radius: 12px;
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .ttl {
  color: #222;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 30px;
  gap: 0 10px;
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .sns-list li {
  width: 49px;
  height: 49px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 49px;
  cursor: pointer;
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .sns-list .twit {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/detail_share_icon_twit.svg");
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .sns-list .facebook {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/detail_share_icon_face.svg");
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .sns-list .kakao {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/detail_share_icon_kakao.svg");
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-detail .sns-list .url {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/detail_share_icon_url.svg");
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-footer .btn-close {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  background-color: #fff;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%;
}

.modal-shareinfo .modal-dialog .modal-content .modal-body-footer .btn-close:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
  font-weight: 500;
}

.underThum-guide-wrap {
  clear: both;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  margin-top: 30px;
}

.underThum-guide-wrap button {
  border-radius: 8px;
  width: 100%;
  border: 1px solid #ddd;
  color: #222;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.underThum-guide-wrap button.btn-gotoGuide:hover .icon {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_guide_hover.svg");
}

.underThum-guide-wrap button.btn-gotoGuide .icon {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_guide.svg");
}

.underThum-guide-wrap button.btn-checkSize:hover .icon {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_video_hover.svg");
}

.underThum-guide-wrap button.btn-checkSize .icon {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_video.svg");
}

.underThum-guide-wrap button.btn-temdown:hover .icon {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_download_hover.svg");
}

.underThum-guide-wrap button.btn-temdown .icon {
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_download.svg");
}

.underThum-guide-wrap button:hover {
  color: #fff;
  background-color: #222;
}

.underThum-guide-wrap button .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-size: 21px;
  background-position: center;
  margin-right: 5px;
  margin-bottom: 2px;
}

.aside-rightWrap {
  width: 512px;
  float: right;
  padding-left: 40px;
}

.aside-rightWrap::after {
  content: "";
  display: table;
  clear: both;
}

.aside-div-wrap {
  width: 100% !important;
  float: right !important;
  padding-left: 40px;
}

.aside-div-wrap .aside-new-wrap {
  width: 100%;
}

.aside-tip {
  padding: 32px 0 24px 0;
  border-bottom: 1px solid #ddd;
  margin: 0;
}

.aside-tip p {
  font-size: 14px;
}

.aside-tip .txt-top {
  color: #222;
  font-weight: 700;
  margin-bottom: 5px;
}

.aside-tip .txt-top .red {
  color: #FE2F48;
}

.aside-tip .txt-bottom {
  color: #777;
  line-height: 1.6;
}

.aside-tip .txt-bottom b {
  color: #222;
  font-weight: 600;
}

section[class*=aside-] .row-border {
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  margin-bottom: 0;
}

section[class*=aside-] .black {
  border-bottom: 1px solid #222;
}

.icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-bottom: 10px;
}

.icon-list.icon-big-list li {
  width: 110px !important;
}

.icon-list.icon-big-list li:hover .icon-label {
  outline: 2px solid #02C0BD;
}

.icon-list.icon-big-list li.disabled {
  pointer-events: none;
}

.icon-list.icon-big-list li.disabled::after {
  height: 100%;
}

.icon-list.icon-big-list li .icon-label {
  width: 100% !important;
  height: 110px !important;
  border-radius: 6px !important;
}

.icon-list.icon-big-list li .icon-label.active {
  outline: 2px solid #02C0BD;
}

.icon-list li {
  width: 60px;
  text-align: center;
}

.icon-list li.disabled {
  position: relative;
}

.icon-list li.disabled::after {
  background-color: rgba(255, 255, 255, 0.7);
  content: "";
  display: inline-block;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}

.icon-list li.disabled .icon-name {
  color: #ddd;
}

.icon-list li img {
  width: 100%;
}

.icon-list li .icon-label {
  width: 60px;
  height: 60px;
  position: relative;
  background-color: #f5f5f5;
  border-radius: 8px;
  overflow: hidden;
}

.icon-list li .icon-label.active .opt-select-area {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  border: 3px solid #000;
  width: 60px;
  height: 60px;
}

.icon-list li .icon-label+span .w70p {
  margin: 10px 0 5px;
}

.icon-list li .icon-label+span .w70p input[type=number] {
  border-radius: 2px;
  text-indent: 14px;
}

.icon-list li .icon-name {
  font-size: 13px;
  display: inline-block;
  margin-top: 5px;
}

.radio-group-big {
  display: inline-block;
  margin-left: 10px;
}

.radio-group-big input[type=checkbox] {
  display: none;
}

.radio-group-big input[type=checkbox]:checked+label {
  border: none;
}

.radio-group-big input[type=checkbox]:checked+label::after {
  content: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_radio_checked.svg");
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
}

.radio-group-big input[type=checkbox]+label {
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: solid 1px #dedede;
  height: 22px;
  width: 22px;
  position: relative;
  margin: 0;
  vertical-align: bottom;
}

.radio-group-big .text {
  font-size: 14px;
  color: #222;
  font-weight: 600;
  padding-left: 4px;
  display: inline-block;
}

.radio-group-big .text .btn-topinfo1 {
  vertical-align: text-bottom;
}

.input-bottom-wrap {
  margin-top: 40px;
}

.input-bottom-wrap>.ttl {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.input-bottom-wrap .bottom-row {
  margin-top: 16px;
}

.input-bottom-wrap .bottom-row .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.op-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px 19px;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  margin-bottom: 16px;
}

.op-list.op-list1 {
  gap: 16px 0;
  margin-bottom: 0;
}

.op-list.op-list1 li:not(:first-child) {
  width: 50%;
}

.op-list.op-list1 li:nth-child(1) {
  width: 100%;
}

.op-list.op-list1 li.disabled::after {
  background-color: rgba(250, 250, 250, 0.7);
}

.op-list.op-list1 li label {
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  border: solid 1px #dedede;
  height: 22px;
  width: 22px;
  position: relative;
  margin: 0;
  vertical-align: bottom;
}

.op-list.op-list1 li img {
  vertical-align: text-bottom;
  margin-right: 5px;
}

.op-list.op-list1 li input:checked+label {
  border: none;
}

.op-list.op-list1 li input:checked+label::after {
  content: url("https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/acrylic_order_radio_checked.svg");
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
}

.op-list.op-list1 li .radio-group-big {
  margin-left: 0;
}

.op-list.op-list1 li .op-txt {
  font-weight: 500;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
  margin-top: 2px;
  margin-left: 3px;
  font-weight: 500;
}

.op-list li {
  position: relative;
}

.op-list li.disabled {
  position: relative;
}

.op-list li.disabled::after {
  background-color: rgba(255, 255, 255, 0.7);
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.op-list li input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 49px;
  opacity: 0;
}

.op-list li input:checked+label {
  border: 1px solid #FE2F48;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  margin-bottom: 0;
  background-color: #fff;
}

.op-list li input:checked+label::after {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #FE2F48;
  border-radius: 100%;
  position: absolute;
  top: 4px;
  left: 4px;
}

.op-list li label {
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  margin-bottom: 0;
  background-color: #fff;
  display: inline-block;
}

.op-list li .op-txt {
  font-weight: 500;
  font-size: 14px;
  vertical-align: top;
  display: inline-block;
  margin-top: 2px;
  margin-left: 3px;
  font-weight: 500;
}

.circle-list {
  display: grid;
  gap: 16px 30px;
  grid-template-columns: repeat(7, 32px);
  padding-top: 10px;
  margin-top: 10px;
}

.circle-list li {
  position: relative;
  cursor: pointer;
}

.circle-list li:hover .ballroon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.circle-list li.disabled {
  position: relative;
}

.circle-list li.disabled::after {
  background-color: rgba(255, 255, 255, 0.7);
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -4px;
  left: -4px;
}

.circle-list li .ballroon {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -8px;
  left: 50%;
  background-color: #222;
  color: #fff;
  border-radius: 16px;
  padding: 3px 10px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 3;
}

.circle-list li .ballroon::after {
  display: inline-block;
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: -25px;
  left: 50%;
  border-left: 6px solid transparent;
  border-top: 8px solid #222;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
}

.circle-list li .circle-img {
  width: 100%;
  position: relative;
}

.circle-list li .circle-img.active::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 2px solid #02C0BD;
  position: absolute;
  top: -4px;
  left: -4px;
}

.circle-list li .circle-img img {
  width: 100%;
}

.upload-wrap {
  margin-bottom: 0;
}

.upload-wrap .top-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  margin: 10px 0;
}

.upload-wrap .top-btn button {
  border: 1px solid #777;
  color: #777;
  font-size: 15px;
  background-color: #fff;
  height: 49px;
  text-align: center;
  width: 100%;
  border-radius: 4px;
  font-weight: 700;
}

.upload-wrap .top-btn button:hover,
.upload-wrap .top-btn button.active {
  border: 1px solid #222;
  color: #fff;
  background-color: #222;
}

.upload-wrap .bottom-btn {
  margin-bottom: 10px;
}

.aside-total .form-inner .inner {
  width: 100%;
}

.aside-total .delivPer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #FFF4F6;
  padding: 12px 20px;
  margin-top: 10px;
}

.aside-total .delivPer-wrap .deliv-con-l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}

.aside-total .delivPer-wrap .deliv-con-l p {
  font-size: 14px;
  font-weight: 500;
}

.aside-total .delivPer-wrap .deliv-con-l p em {
  font-style: normal;
  color: #777;
  display: block;
  font-size: 12px;
}

.aside-total .delivPer-wrap .deliv-con-r {
  font-weight: 500;
  font-size: 18px;
}

.aside-total .delivPer-wrap .deliv-con-r b {
  font-weight: bold;
  color: #FE2F48;
}

.aside-total .delivPer-wrap .deliv-con-r .btn-topinfo1 {
  vertical-align: -1px;
}

.aside-total .delivPer-wrap .deliv-con-r .btn-topinfo1 .info {
  min-width: 366px;
}

.aside-btns {
  clear: both;
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
}

.aside-btns .price-btn-wrap1 {
  gap: 0 10px;
}

.aside-btns .price-btn-wrap1 .btn-order {
  height: 50px;
  margin-right: 0;
}

.aside-btns .price-btn-wrap1 .btn-orderPage {
  color: #fff;
}

.aside-btns .price-btn-wrap1 .btn-cart {
  border: solid 1px #ddd;
  color: #222;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  width: 28%;
}

.aside-btns .price-btn-wrap1 .btn-cart:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

.aside-btns .price-btn-wrap1 .btn-RedeEstimate {
  border: solid 1px #ddd;
  color: #222;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
}

.aside-btns .price-btn-wrap1 .btn-RedeEstimate:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

.aside-btns .price-btn-wrap1 .btn-RedeEstimate:hover .icon {
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate_hover.svg");
}

.aside-btns .price-btn-wrap1 .btn-RedeEstimate .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate.svg");
}

.aside-btns .price-btn-wrap1 .btn-qtyChangeInput {
  font-weight: 600;
  font-size: 14px;
  height: 41px;
  border-radius: 41px;
  padding: 11px 14px;
}

.aside-btns .price-btn-wrap1 .btn-qtyChangeInput:hover {
  color: #fff;
}

.aside-btns .price-btn-wrap1 .btn-upload-wrap {
  position: relative;
}

.en .aside-btns {
  clear: both;
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
}

.en .aside-btns .price-btn-wrap1 {
  gap: 0 10px;
}

.en .aside-btns .price-btn-wrap1 .btn-order {
  height: 50px;
  margin-right: 0;
}

.en .aside-btns .price-btn-wrap1 .btn-orderPage {
  color: #fff;
}

.en .aside-btns .price-btn-wrap1 .btn-cart {
  border: solid 1px #ddd;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
  width: 28%;
}

.en .aside-btns .price-btn-wrap1 .btn-cart:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

.en .aside-btns .price-btn-wrap1 .btn-RedeEstimate {
  border: solid 1px #ddd;
  color: #222;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
}

.en .aside-btns .price-btn-wrap1 .btn-RedeEstimate:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}

.en .aside-btns .price-btn-wrap1 .btn-RedeEstimate:hover .icon {
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate_hover.svg");
}

.en .aside-btns .price-btn-wrap1 .btn-RedeEstimate .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: center/95% no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate.svg");
}

.en .aside-btns .price-btn-wrap1 .btn-qtyChangeInput {
  font-weight: 600;
  font-size: 14px;
  height: 41px;
  border-radius: 41px;
  padding: 11px 14px;
}

.en .aside-btns .price-btn-wrap1 .btn-qtyChangeInput:hover {
  color: #fff;
}

.en .aside-btns .price-btn-wrap1 .btn-upload-wrap {
  position: relative;
}

.notSelectDesc {
  display: inline-block;
  float: left;
  padding: 0 10px 0 0;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  color: #222;
}

.cutting_view_wrap {
  margin-top: 20px;
  overflow: hidden;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.cutting_view_wrap .plz_confirm_new .plz_top {
  display: inline-block;
  padding: 16px 24px;
  width: 100%;
  position: relative;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.cutting_view_wrap .plz_confirm_new .plz_top .plz_text01 {
  color: #222;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

.cutting_view_wrap .plz_confirm_new .plz_top .plz_text02 {
  color: #222;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #222;
  margin: 15px 0px 16px;
}

.cutting_view_wrap .plz_confirm_new .plz_top .plz_text02 .txt {
  color: #FE2F48;
  font-size: 13px;
  font-weight: bold;
}

.cutting_view_wrap .plz_confirm_new .plz_top .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 252px;
  height: 142px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 24px auto 8px;
}

.cutting_view_wrap .plz_confirm_new .plz_top .box .one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  width: 55%;
  height: 98%;
  background: #fff;
  margin: 0 auto;
  vertical-align: middle;
  border: 1px solid #c2c2c2;
  padding: 3px;
}

.cutting_view_wrap .plz_confirm_new .plz_top .box .one>.two {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: #dedede;
}

.cutting_view_wrap .plz_confirm_new .plz_top .box .plz_cont {
  background: #fff;
  border: 1px solid #c2c2c2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 252px;
  height: 142px;
  padding: 2px;
  margin-bottom: 20px;
}

.cutting_view_wrap .plz_confirm_new .plz_top .box .st_list>li {
  float: left;
}

.cutting_view_wrap .plz_confirm_new .plz_top .box .st_list>li span {
  background: #dedede;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.cutting_view_wrap .plz_confirm_new .plz_top .txt_size {
  text-align: right;
}

.cutting_view_wrap .plz_confirm_new .plz_top .txt_size span {
  color: #222;
  font-size: 13px !important;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom .plz_text04 {
  color: #222;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #f7f7f7;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom .plz_text04 .checks {
  margin: 12px 2px 0px 24px;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom .plz_text04 .checks_2 {
  margin: 8px 24px 0px 0px;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom .plz_text04 .txt {
  color: #FE2F48;
  font-size: 14px;
  font-weight: bold;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom input[type=checkbox] {
  display: none;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom input[type=checkbox]:checked+label::before {
  color: #fff;
  content: "";
  background-color: #02c0bd;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/cuttingGuide_check_on.svg");
  border: 1px solid #02c0bd;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom input[type=checkbox]+label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 0px 0px 2px 27px;
  font-size: 12px;
}

.cutting_view_wrap .plz_confirm_new .plz_bottom input[type=checkbox]+label::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  border-radius: 100%;
  border: none;
  content: "";
  background-color: #fff;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/cuttingGuide_check_off.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #ddd;
  text-align: center;
  border: 1px solid #ddd;
}

.aside-bn-wrap {
  margin-top: 20px;
}

.aside-bn-wrap img {
  width: 100%;
}

.order-button-wrapper .step-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5px;
  width: 220px;
  margin: 0 auto;
}

.order-button-wrapper .step-2 .btn-RedeEstimate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #ddd;
  color: #222;
  font-size: 15px;
  font-weight: bold;
  background-color: #fff;
  gap: 0 3%;
  height: 50px;
  width: 220px;
  border-radius: 3px;
}

.order-button-wrapper .step-2 .btn-RedeEstimate .icon {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: center/95% no-repeat url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_aside_icon_estimate.svg);
  margin-top: -2px;
}

.order-button-wrapper .step-2 .confirmbox-wrap {
  padding: 24px 0;
}

.order-button-wrapper .step-2 img {
  width: calc(100% + 60px);
  margin-left: -30px;
}

.btn-modal-acrylic.btn-offset-freest .note-con {
  background: #fff center/440px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/en/item/detail_offset_st_free_cutting.png");
}

.red-btn-group .shadow_box_green.fuji:hover~.icon-info-box.icon-info-box1 {
  left: 74px;
  top: 0;
  width: 188px;
  aspect-ratio: 1/1;
}

.red-btn-group .shadow_box_green.extra:hover {
  position: relative;
}

.red-btn-group .shadow_box_green.extra:hover::before {
  content: "";
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/STDRCAD_extra_over_img.png");
  position: absolute;
  left: 74px;
  top: 0;
  width: 188px;
  -webkit-aspect-ratio: 1/1;
  aspect-ratio: 1/1;
}

.aside-tip .txt-bottom.flex-dot .dot-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 22.4px;
}

.aside-tip .txt-bottom.flex-dot .dot-wrap .dot {
  display: inline-block;
  margin-right: 8px;
}

.underThum-banner-wrap {
  clear: both;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  margin-top: 20px;
}

.underThum-banner-wrap .swiper img {
  border-radius: 8px;
}

.underThum-banner-wrap .swiper .swiper-pagination-bullet {
  background-color: #FFFFFF;
}

.opt-ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #222222;
}

.opt-ttl .opt-page {
  display: inline-block;
}

.opt-ttl .opt-page.opt-page-inner {
  width: 21px;
  height: 20px;
  background: url("https://diverse-webstatic-files.s3.dualstack.ap-northeast-2.amazonaws.com/cdn/redprinting_pc/asset/images/opt-inner-page.svg");
}

.opt-ttl .opt-page.opt-page-out {
  width: 16px;
  height: 20px;
  background: url("https://diverse-webstatic-files.s3.dualstack.ap-northeast-2.amazonaws.com/cdn/redprinting_pc/asset/images/opt-out-page.svg");
}

.price-wrap2 .price-num .num2 {
  color: #222222;
}

.price-wrap2 .price-num .num2 .price-num-quaper {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  color: #777777;
  margin-right: 16px;
}

.opt-bottom-wrap {
  margin-top: 24px;
}

.opt-bottom-wrap .bottom-row.opt-menu .ttl {
  border-bottom: unset;
  padding-bottom: unset;
}

.opt-bottom-wrap .bottom-row:not(:first-of-type) {
  margin-top: 40px;
}

.opt-bottom-wrap .bottom-row .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-position {
  border: 1px solid #dddddd;
  border-radius: 8px;
  /* width: 144px; */
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 8px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-position figure {
  width: 100%;
  height: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-position figure img {
  max-width: 118px;
  max-height: 78px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-position p {
  font-size: 13px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: center;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template {
  /* width: 328px; */
  width: calc(100% - 144px);
  padding: 24px 20px;
  background-color: #f5f5f5;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template.template-two-row {
  padding: 13px 20px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template.template-two-row .guide-template-top:not(:first-of-type) {
  margin-top: 4px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template.template-two-row .guide-template-bottom {
  margin-top: 13px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-top .template-top-title {
  font-weight: 500;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-top .template-top-size .top-size-num {
  font-size: 16px;
  font-weight: 600;
  line-height: 19.2px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-bottom {
  margin-top: 16px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-bottom button {
  width: 100%;
  padding: 13px;
  border: 1px solid #222222;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 10px;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-bottom button:hover {
  background-color: #222222;
  color: #ffffff;
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-bottom button:hover .template-bottom-icon {
  -webkit-filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(286deg) brightness(107%) contrast(101%);
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(286deg) brightness(107%) contrast(101%);
}

.opt-bottom-wrap .bottom-row .inner.out-page-guide .page-guide-template .guide-template-bottom button span {
  background: no-repeat center/cover url("https://diverse-webstatic-files.s3.dualstack.ap-northeast-2.amazonaws.com/cdn/redprinting_pc/asset/images/cover_template_download.svg");
  width: 14px;
  aspect-ratio: 14/15;
}

.btn-upload-wrap.editor-template-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 20px;
}

.btn-upload-wrap.editor-template-upload figure {
  width: 100%;
}

.btn-upload-wrap.editor-template-upload figure img {
  width: 100%;
}

.btn-upload-wrap.editor-template-upload div {
  width: 100%;
  height: 50px;
  background-color: #FE2F48;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 10px;
}

.btn-upload-wrap.editor-template-upload div .txt {
  font-size: 15px;
  line-height: 16px;
  text-align: center;
  color: #ffffff;
}

.btn-upload-wrap.editor-template-upload div .txt b {
  font-weight: 700;
  color: #ffffff;
}

.btn-upload-wrap.editor-template-upload div .template-upload-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: center/95% no-repeat url("https://diverse-webstatic-files.s3.dualstack.ap-northeast-2.amazonaws.com/cdn/redprinting_pc/asset/images/template-upload-icon.svg");
  margin-top: -2px;
}

/* 2025 이전 레거시 코드 E */
/* 25-06-10 레드 */
@font-face {
  font-family: "Jua";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/BM-JUA.woff2) format("woff2"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/BM-JUA.woff) format("woff");
}

@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/EBGaramond-Medium.woff2) format("woff2"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/EBGaramond-Medium.woff) format("woff"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/EBGaramond-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Montserrat-Bold.woff2) format("woff2"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Montserrat-Bold.woff) format("woff"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Montserrat-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard-ExtraBold"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-ExtraBold.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-ExtraBold.ttf) format("truetype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard-Bold"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Bold.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Bold.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard-SemiBold"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-SemiBold.woff) format("woff"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-SemiBold.ttf) format("truetype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard-Medium"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Medium.woff2) format("woff2"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Medium.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard-Regular"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Regular.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Regular.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard-Light"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Light.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Light.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/Pretendard-Light.ttf) format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: local("NotoSansKR-Bold"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Bold.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Bold.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: local("NotoSansKR-Medium"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Medium.woff2) format("woff2"), url(https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Medium.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: local("NotoSansKR-Regular"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Regular.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Regular.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: local("NotoSansKR-Light"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Light.woff2) format("woff2"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Light.woff) format("woff"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/NotoSansKR-Light.ttf) format("truetype");
}

@font-face {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 800;
  src: url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/ProximaNovaAltRegular-webfont.otf);
  src: url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/ProximaNovaAltRegular-webfont.otf?#iefix) format("opentype"), url(https://s3-ap-northeast-2.amazonaws.com/redprintingweb.common/assets/fonts/ProximaNovaAltRegular-webfont.woff) format("woff");
}

:root {
  --color-black-two: #222;
  --color--gray-d: #ddd;
  --color-gray-7: #777;
  --color-gray-b: #bbb;
  --color-gray-fa: #fafafa;
  --color-red-fe: #FE2F48;
}

/* 전체 공통 */
div,
ul,
li,
dl,
dd,
dt,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
fieldset,
legend,
p,
select,
table,
th,
td,
tr,
textarea,
button,
form,
figure,
figcaption,
li,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

em,
address,
i {
  font-style: normal;
}

ul,
li,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

button {
  border: 0;
}

.button {
  cursor: pointer;
}

button,
select {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

.w30p {
  width: 30%;
}

.w35p {
  width: 35%;
}

.w50p {
  width: 50%;
}

.w70p {
  width: 70%;
}

.w100p {
  width: 100%;
}

.red,
.sales {
  color: #FE2F48;
}

.fc-bk {
  color: #222;
}

.fc-red {
  color: #FE2F48;
}

.page_order .main_title {
  overflow: initial;
}

.page_order .title-wrap h1 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /* 메인 썸네일과 동일한 너비 설정 */
  min-width: 618px;
}

.page_order .title-wrap .text {
  color: #222;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
}

.page_order .title-wrap .text span {
  font-weight: 600;
}

.page_order .content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page_order .content-wrap .left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.page_order .content-wrap .left .main-thum {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/page-order-clothes-main-thumb01.png");
  width: 618px;
  aspect-ratio: 1/1;
  margin-bottom: 10px;
}

.page_order .content-wrap .left .sub-thum-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.page_order .content-wrap .left .sub-thum-wrap .item {
  width: 147px;
  aspect-ratio: 1/1;
}

.page_order .content-wrap .left .sub-thum-wrap .item.item01 {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/page-order-clothes-sub-thumb01.png");
}

.page_order .content-wrap .left .sub-thum-wrap .item.item02 {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/page-order-clothes-sub-thumb02.png");
}

.page_order .content-wrap .left .sub-thum-wrap .item.item03 {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/page-order-clothes-sub-thumb03.png");
}

.page_order .content-wrap .left .sub-thum-wrap .item.item04 {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/page-order-clothes-sub-thumb04.png");
}

.page_order.offset-book .top-guide-text::after {
  content: "";
}

.global-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/page-order-clothes-tooltip-icon.svg");
  width: 64px;
  height: 31px;
  pointer-events: none;
}

.global-tooltip .text {
  color: #fff;
  position: relative;
  top: -1.5px;
}

/* aside-rightWrap 하위 요소 공통 -> 모듈화 해야하므로, 선택자 주의 */
.row-wrap {
  margin-top: 40px;
}

.row-wrap.first {
  margin-top: 20px;
}

.row-wrap * {
  color: #222;
}

.row-wrap .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.row-wrap .ttl {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 10px;
}

.row-wrap .ttl.ttl-s {
  font-weight: 600;
  color: #555;
}

.row-wrap .ttl b {
  font-weight: 700;
  padding-left: 3px;
}

.row-wrap .ttl .right-text {
  color: #777;
  float: right;
  font-weight: 600;
}

.row-wrap .ttl .right-text a {
  color: #777;
}

.row-wrap .ttl .right-text::after {
  content: "";
  margin: 0 5px 2px 5px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: #777;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 66%;
  transform-origin: 66%;
  display: inline-block;
}

.row-wrap .ttl .right-text:hover {
  color: #FE2F48;
  border-color: #FE2F48;
  cursor: pointer;
}

.row-wrap .ttl .right-text:hover:after {
  color: #FE2F48;
  border-color: #FE2F48;
  cursor: pointer;
}

.row-wrap .ttl .btn-topinfo .info {
  min-width: 432px;
}

.row-wrap .ttl .btn-topinfo1 {
  vertical-align: middle;
}

.row-wrap .ttl .ttl-double-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-wrap .ttl .ttl-double-wrap p {
  width: 30%;
  margin-right: 36px;
}

.row-wrap .upload-wrap {
  margin-bottom: 40px;
}

.row-wrap .upload-wrap .top-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  margin: 10px 0;
}

.row-wrap .upload-wrap .top-btn button {
  border: 1px solid #777;
  color: #777;
  font-size: 15px;
  background-color: #fff;
  height: 49px;
  text-align: center;
  width: 100%;
  border-radius: 4px;
  font-weight: 700;
}

.row-wrap .upload-wrap .top-btn button:hover {
  border: 1px solid #222;
  color: #fff;
  background-color: #222;
}

.row-wrap .upload-wrap .top-btn button.active {
  border: 1px solid #222;
  color: #fff;
  background-color: #222;
}

.row-wrap .upload-wrap .bottom-btn {
  margin-bottom: 10px;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 6px;
  cursor: pointer;
  padding: 20px 0 20px 20px;
  position: relative;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap.btn-upload-wrap-1 {
  padding: 0;
  margin: 0;
  height: auto;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap:hover .btn-upload-img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 15px 0 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_addfile_on_icon.svg");
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .btn-upload-img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 15px 0 0;
  cursor: pointer;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_addfile_icon.svg");
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .qq-upload-button {
  height: auto;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .qq-upload-button:hover .btn-upload-img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 15px 0 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_addfile_on_icon.svg");
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .qq-upload-button .btn-upload-img {
  width: 50px;
  height: 50px;
  float: left;
  margin: 0 15px 0 0;
  background-image: url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/order_addfile_icon.svg");
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .qq-upload-button .btn-upload-wrap-2 {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 6px;
  cursor: pointer;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .btn-add-end {
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 6px;
  padding: 16px 18px;
  margin-right: 20px;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .btn-add-end .file-name {
  color: #222;
  font-size: 12px;
  margin: 0 0 0 3px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  width: calc(100% - 47px);
  display: inline-block;
  text-overflow: ellipsis;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .btn-add-end .btn-remove {
  float: right;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .btn-upload-text .upload-title {
  color: #222;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  margin: 0 0 6px 0;
}

.row-wrap .upload-wrap .bottom-btn .btn-upload-wrap .btn-upload-text .upload-desc {
  color: #999;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.6;
  margin: 0 !important;
}

.row-wrap .upload-wrap .bottom-btn .btn-edit {
  color: #fff;
  cursor: pointer;
  max-width: 100%;
  background-position: 42% center;
  margin-top: 0;
}

.row-wrap .ttl-sub {
  color: #999;
  font-size: 13px;
}

.row-wrap .by {
  width: 16px;
  height: 16px;
}

.row-wrap .by .line {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.row-wrap .by .line::before,
.row-wrap .by .line::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1px;
  border-top: 1px solid #222;
  position: absolute;
  top: 7px;
  left: 0;
}

.row-wrap .by .line::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.row-wrap .by .line::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.row-wrap .note {
  font-size: 13px;
  margin-top: 10px;
  line-height: 1.6;
}

.row-wrap .note .note-icon {
  vertical-align: sub;
}

.row-wrap .note b {
  font-weight: 600;
}

.row-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 49px;
  padding: 12px 16px;
  background: #fff calc(100% - 16px)/13px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/mypage/mypage_select_arrow.svg");
  font-size: 14px;
  width: 100%;
}

.row-wrap select.disabled {
  pointer-events: none;
  border: 1px solid #ddd;
  color: #ddd;
  background: #FAFAFA calc(100% - 16px)/13px no-repeat url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/mypage/mypage_select_arrow_disabled.svg");
}

.row-wrap input {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  color: #222;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 16px;
  width: 100%;
  height: 49px;
}

.row-wrap input:focus {
  border: 1px solid #222;
}

.row-wrap input:-moz-read-only,
.row-wrap input:-moz-read-only:focus {
  color: #999;
}

.row-wrap input:read-only,
.row-wrap input:read-only:focus {
  color: #999;
}

.row-wrap input:-moz-read-only:focus {
  border: 1px solid #ddd;
}

.row-wrap input:read-only:focus {
  border: 1px solid #ddd;
}

.row-wrap input.disabled {
  pointer-events: none;
  border: 1px solid #ddd;
  background: #fafafa;
  color: #ddd;
}

.row-wrap .grayBg-row-wrap {
  margin-top: 16px;
  background-color: #FAFAFA;
  border-radius: 8px;
  padding: 20px;
}

.row-wrap .grayBg-row-wrap:first-of-type {
  margin-top: 32px;
}

.row-wrap .grayBg-row-wrap:last-child {
  margin-bottom: 0;
}

.row-wrap .grayBg-row-wrap .grayBg-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.row-wrap .grayBg-row-wrap .grayBg-ttl .ttl-1 {
  margin-bottom: 0;
}

.row-wrap .grayBg-row-wrap .grayBg-ttl .ttl-1 img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
}

.row-wrap .grayBg-row-wrap .grayBg-ttl .ttl-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.row-wrap .grayBg-row-wrap .grayBg-ttl .ttl-2 .op-list {
  margin-bottom: 0;
}

.row-wrap .grayBg-row-wrap .grayBg-ttl .ttl-2 .by {
  margin-left: 16px;
  margin-bottom: 5px;
}

.row-wrap .grayBg-row-wrap .grayBg-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.row-wrap .grayBg-row-wrap .size-row-wrap {
  margin-bottom: 16px;
}

.row-wrap .grayBg-row-wrap .size-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.row-wrap .grayBg-row-wrap .size-row.size-row-light {
  margin-top: 16px;
}

.row-wrap .grayBg-row-wrap .size-row.size-row-light .ttl {
  margin-bottom: 0;
  white-space: nowrap;
  color: #555;
  font-weight: 600;
  padding-right: 5px;
}

.row-wrap .grayBg-row-wrap .size-row.size-row-light .unit-l {
  font-weight: normal;
}

.row-wrap .grayBg-row-wrap .size-row.size-row-light input {
  font-size: 14px;
  font-weight: normal;
}

.row-wrap .grayBg-row-wrap .size-row .size-wp {
  position: relative;
  width: 50%;
}

.row-wrap .grayBg-row-wrap .size-row .size-wp.size-wp-bdn input {
  border: none;
  background-color: transparent;
}

.row-wrap .grayBg-row-wrap .size-row .size-wp.size-wp-bdn .unit {
  color: #222;
}

.row-wrap .grayBg-row-wrap .size-row .size-wp .unit {
  color: #bbb;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  top: 16px;
  background-color: #fff;
}

.row-wrap .grayBg-row-wrap .size-row .size-wp .unit.unit-r {
  left: 16px;
}

.row-wrap .grayBg-row-wrap .size-row .size-wp .unit.unit-l {
  right: 16px;
}

.row-wrap .grayBg-row-wrap .ttl {
  margin-bottom: 5px;
  color: #555;
}

.row-wrap .grayBg-row-wrap .note {
  margin-top: 10px;
}

.row-wrap .grayBg-row-wrap input {
  padding: 12px 48px 12px 48px;
  text-align: right;
  font-size: 18px;
  font-weight: 600;
}

.row-wrap .grayBg-row-wrap input[type=number]::-webkit-outer-spin-button,
.row-wrap .grayBg-row-wrap input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.row-wrap .grayBg-row-wrap input.error {
  border: 1px solid #FE2F48;
}

.row-wrap .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.row-wrap .inner.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.row-wrap.opt-top {
  margin-top: 60px;
}

.row-wrap.opt-top24 {
  margin-top: 24px;
}

.row-wrap.opt-top40 {
  margin-top: 40px;
}

.row-wrap.opt-wrap .ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list li {
  background: #ddd;
  width: 24px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list li:hover .icon-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -26px;
  left: 50%;
  background-color: #222;
  color: #fff;
  border-radius: 16px;
  padding: 5px 8px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 3;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list li:hover .icon-name::after {
  display: inline-block;
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: -25px;
  left: 50%;
  border-left: 6px solid transparent;
  border-top: 8px solid #222;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list li .icon-label {
  width: 24px;
  height: 24px;
  overflow: unset;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list li .icon-label.active .opt-select-area {
  position: absolute;
  top: -4px;
  left: -4px;
  border-radius: 16px;
  border: 2px solid #222;
  width: 32px;
  height: 32px;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .icon-list li .icon-name {
  display: none;
}

.row-wrap.opt-wrap .input-bottom-wrap.color-chip .note {
  margin-top: 14px;
}

/* 분기 선택자가 없는데 모듈 영역인 경우 작성 -> 모듈화 시작 지점 : aside-rightWrap*/
.aside-rightWrap .aside-total .price-wrap1 {
  border-top: 1px solid #222;
  border-bottom: 1px solid #eee;
  padding: 20px 0 20px 0;
}

.aside-rightWrap .aside-total .price-wrap1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.aside-rightWrap .aside-total .price-wrap1 li:last-child {
  margin-bottom: 0;
}

.aside-rightWrap .aside-total .price-wrap1 li.red p {
  color: #FE2F48;
}

.aside-rightWrap .aside-total .price-wrap1 li .price-name {
  font-size: 14px;
  width: 40%;
  font-weight: 500;
}

.aside-rightWrap .aside-total .price-wrap1 li .price-num {
  font-size: 15px;
  width: 60%;
  text-align: right;
  font-family: "Spoqa Han Sans Neo";
}

.aside-rightWrap .aside-total .price-wrap2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 15px 0 15px 0;
}

.aside-rightWrap .aside-total .price-wrap2 .price-name {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  width: 30%;
}

.aside-rightWrap .aside-total .price-wrap2 .price-num {
  font-family: "Pretendard", "Noto Sans KR", "Nanum Gothic", Helvetica, Arial, sans-serif, "돋움", "굴림";
  width: 70%;
  text-align: right;
}

.aside-rightWrap .aside-total .price-wrap2 .price-num .num1 {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}

.aside-rightWrap .aside-total .price-wrap2 .price-num .num1 .num1-inner {
  text-decoration: line-through;
  padding-right: 5px;
}

.aside-rightWrap .aside-total .price-wrap2 .price-num .num2 {
  color: #222;
  font-weight: bold;
  font-size: 30px;
}

.aside-rightWrap .aside-total .price-wrap3 {
  border-top: none;
}

.en .aside-rightWrap .aside-total .price-wrap2 .price-name {
  font-weight: 600;
}

/* 25-07 배송 관련 주의 사항 */
.order-notice-wrapper.order-new {
  margin-top: 20px;
}

.order-notice-wrapper.order-new .notice {
  padding: 15px;
  background: #FAFAFA;
  border: 1px solid #EEE;
  border-radius: 6px;
  /*  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-notice-wrapper.order-new .notice.ver1 .notice-row.row2 .text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice.ver1 .notice-row.row3 .text {
  color: #222;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice.ver1 .notice-row.row3 .text.red {
  color: #FE2F48;
}

.order-notice-wrapper.order-new .notice.ver2 .notice-row.row2 .text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice.ver2 .notice-row.row3 .text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice.ver3 .notice-row.row2 .text {
  color: #FE2F48;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice.ver3 .notice-row.row3 .text {
  color: #FE2F48;
  font-size: 15px;
  font-weight: 700;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice .n-right {
  text-align: right;
  max-width: 257px;
  /* 단일 요소인 경우 margin 0 */
}

.order-notice-wrapper.order-new .notice .n-right:not(:has(.row3)) .notice-row.row2 {
  margin-bottom: 0;
}

.order-notice-wrapper.order-new .notice .notice-row .text {
  word-break: break-all;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.order-notice-wrapper.order-new .notice .notice-row.row1>.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap:hover .text-row>.icon svg path:nth-child(1) {
  fill: #222;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap:hover .text-row>.icon svg path:nth-child(2) {
  fill: #fff;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap:hover .text-row>.icon .tooltip-wrapper {
  display: block;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-bottom: 2px;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row:last-child {
  margin-bottom: 0;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row:last-child>.text {
  color: #777;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.text {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  position: relative;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper {
  position: absolute;
  left: 50%;
  top: calc(100% + 11px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  display: none;
  z-index: 1;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip {
  /* 부트스트랩 리셋 */
  position: static;
  visibility: initial;
  font-family: "Pretendard", sans-serif;
  opacity: 1;
  /*  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  background: #f7f7f9;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 10px 16px;
  white-space: nowrap;
  z-index: 1000;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::before,
.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* 좌, 우 = 너비, 위or아래 = 높이 */
  border-width: 0 8px 8px 8px;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
  width: 0;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::before {
  border-color: #d9d9d9 transparent;
  top: -8px;
  z-index: 0;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::after {
  border-color: #f7f7f9 transparent;
  top: -6.5px;
  z-index: 1;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: #222;
  font-size: 12px;
  font-weight: 400;
  line-height: 170%;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text::before {
  content: "·";
  visibility: hidden;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text.bullet::before {
  visibility: visible;
}

.order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text.red {
  color: #FE2F48;
  font-weight: 500;
}

.order-notice-wrapper.order-new .notice .notice-row.row2 {
  margin-bottom: 2px;
}

.order-notice-wrapper.order-new .notice .notice-row.row3 {
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.order-notice-wrapper.order-new .boundary-line {
  width: calc(100% - 30px);
  height: 1px;
  background: #ddd;
  margin: 8px auto;
}

.en .order-notice-wrapper.order-new {
  margin-top: 20px;
}

.en .order-notice-wrapper.order-new .notice {
  padding: 15px;
  background: #FAFAFA;
  border: 1px solid #EEE;
  border-radius: 6px;
  /*  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.en .order-notice-wrapper.order-new .notice.ver1 .notice-row.row2 .text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice.ver1 .notice-row.row3 .text {
  color: #222;
  font-size: 15px;
  font-weight: 600;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice.ver1 .notice-row.row3 .text.red {
  color: #FE2F48;
}

.en .order-notice-wrapper.order-new .notice.ver2 .notice-row.row2 .text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice.ver2 .notice-row.row3 .text {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice.ver3 .notice-row.row2 .text {
  color: #FE2F48;
  font-size: 15px;
  font-weight: 600;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice.ver3 .notice-row.row3 .text {
  color: #FE2F48;
  font-size: 15px;
  font-weight: 600;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice .n-right {
  text-align: right;
  max-width: 257px;
  /* 단일 요소인 경우 margin 0 */
}

.en .order-notice-wrapper.order-new .notice .n-right:not(:has(.row3)) .notice-row.row2 {
  margin-bottom: 0;
}

.en .order-notice-wrapper.order-new .notice .notice-row .text {
  word-break: break-all;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1>.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap:hover .text-row>.icon svg path:nth-child(1) {
  fill: #222;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap:hover .text-row>.icon svg path:nth-child(2) {
  fill: #fff;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap:hover .text-row>.icon .tooltip-wrapper {
  display: block;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  margin-bottom: 2px;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row:last-child {
  margin-bottom: 0;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row:last-child>.text {
  color: #777;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.text {
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  position: relative;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper {
  position: absolute;
  left: 50%;
  top: calc(100% + 11px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  display: none;
  z-index: 1;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip {
  /* 부트스트랩 리셋 */
  position: static;
  visibility: initial;
  font-family: "Pretendard", sans-serif;
  opacity: 1;
  /*  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  background: #f7f7f9;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 10px 16px;
  white-space: nowrap;
  z-index: 1000;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::before,
.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /* 좌, 우 = 너비, 위or아래 = 높이 */
  border-width: 0 8px 8px 8px;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
  width: 0;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::before {
  border-color: #d9d9d9 transparent;
  top: -8px;
  z-index: 0;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip::after {
  border-color: #f7f7f9 transparent;
  top: -6.5px;
  z-index: 1;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  color: #222;
  font-size: 12px;
  font-weight: 400;
  line-height: 170%;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text::before {
  content: "·";
  visibility: hidden;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text.bullet::before {
  visibility: visible;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row1 .text-wrap .text-row>.icon .tooltip-wrapper .tooltip .paragraph .text.red {
  color: #FE2F48;
  font-weight: 500;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row2 {
  margin-bottom: 2px;
}

.en .order-notice-wrapper.order-new .notice .notice-row.row3 {
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.en .order-notice-wrapper.order-new .boundary-line {
  width: calc(100% - 30px);
  height: 1px;
  background: #ddd;
  margin: 8px auto;
}

.form-inner .aside-new-wrap {
  border-bottom: 1px solid #222;
}

/* 의류 컬러 스타일링 코드 */
.en .clothes-color .pantone .bottom {
  margin: 0;
  padding: 0;
}

.clothes-color {
  padding: 0;
  margin: 0;
}

.clothes-color input {
  margin: 0;
  padding: 0;
}

.clothes-color button,
.clothes-color .button {
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: #fff;
}

.clothes-color button.disabled,
.clothes-color .button.disabled {
  background: #f5f5f5;
  cursor: default;
  pointer-events: none;
  color: #bbb;
}

.clothes-color button.disabled .text,
.clothes-color .button.disabled .text {
  color: #bbb;
}

.clothes-color h1,
.clothes-color h2,
.clothes-color h3,
.clothes-color h4,
.clothes-color h5,
.clothes-color p,
.clothes-color span {
  margin: 0;
  padding: 0;
}

.clothes-color .red {
  color: #fe2f48;
}

.clothes-color .gray666 {
  color: #666;
}

.clothes-color .gray777 {
  color: #777;
}

.clothes-color .bk000 {
  color: #000;
  font-weight: 600;
}

.clothes-color .bold {
  font-weight: 600;
}

.clothes-color .row-wrap {
  margin: 0;
  margin-bottom: 40px;
}

.clothes-color .row-wrap>.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.clothes-color .row-wrap>.title>h2 {
  font-weight: 700;
}

.clothes-color .row-wrap>.title .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clothes-color .row-wrap>.title .button:hover .text {
  color: #fe2f48;
}

.clothes-color .row-wrap>.title .button:hover .icon {
  -webkit-filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
  filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
}

.clothes-color .row-wrap>.title .button .text {
  font-size: 14px;
  color: #777;
  font-weight: 600;
  margin-right: 7px;
}

.clothes-color .row-wrap>.title .button .text:hover {
  color: #fe2f48;
}

.clothes-color .row-wrap>.title .button .icon {
  width: 5px;
  aspect-ratio: 1/2;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-arrow-right.svg");
  -webkit-filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
  filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
}

.clothes-color .row-wrap>.title button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clothes-color .row-wrap>.title button:hover .text {
  color: #FE2F48;
}

.clothes-color .row-wrap>.title button:hover .icon {
  -webkit-filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
  filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
}

.clothes-color .row-wrap>.title button .text {
  font-size: 14px;
  color: #777;
  font-weight: 600;
  margin-right: 7px;
}

.clothes-color .row-wrap>.title button .icon {
  width: 5px;
  aspect-ratio: 1/2;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-arrow-right.svg");
  -webkit-filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
  filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
}

.clothes-color .row-wrap .input label .text {
  font-size: 14px;
  font-weight: 400;
  color: #222;
}

.clothes-color .row-wrap.print .title {
  margin-top: 24px;
}

.clothes-color .row-wrap.print .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.print .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.clothes-color .row-wrap.print .input label:last-child {
  margin-right: 0;
}

.clothes-color .row-wrap.print .input label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.clothes-color .row-wrap.print .input label input[type=radio]:checked {
  border-color: #222;
}

.clothes-color .row-wrap.print .input label input[type=radio]:checked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: #222;
  border-radius: 50%;
}

.clothes-color .row-wrap.print .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.clothes-color .row-wrap.print .button-wrap:hover .hover-img {
  display: block;
}

.clothes-color .row-wrap.print .button-wrap .button {
  padding: 14px 0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(33.3333333333% - 10px);
  cursor: pointer;
}

.clothes-color .row-wrap.print .button-wrap .button:hover:nth-child(1)~.hover-img img:nth-child(1),
.clothes-color .row-wrap.print .button-wrap .button:hover:nth-child(2)~.hover-img img:nth-child(2),
.clothes-color .row-wrap.print .button-wrap .button:hover:nth-child(3)~.hover-img img:nth-child(3) {
  display: block;
}

.clothes-color .row-wrap.print .button-wrap .button .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.clothes-color .row-wrap.print .button-wrap .button.active {
  background: #222;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.clothes-color .row-wrap.print .button-wrap .button.active .text {
  color: #fff;
}

.clothes-color .row-wrap.print .button-wrap .hover-img {
  display: none;
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
  width: 200px;
}

.clothes-color .row-wrap.print .button-wrap .hover-img img {
  display: none;
  width: 100%;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.12));
}

.clothes-color .row-wrap.cloth-color:has([aria-expanded=true]) .color-chip {
  display: grid;
}

.clothes-color .row-wrap.cloth-color .select-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.cloth-color .select-color .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.cloth-color .select-color .left .text {
  color: #777;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}

.clothes-color .row-wrap.cloth-color .select-color .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  cursor: pointer;
}

.clothes-color .row-wrap.cloth-color .select-color .button svg {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.clothes-color .row-wrap.cloth-color .select-color .button .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  color: #777;
  margin-right: 4px;
}

.clothes-color .row-wrap.cloth-color .select-color .button.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.clothes-color .row-wrap.cloth-color .select-color .button.on svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.clothes-color .row-wrap.cloth-color .color-chip {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(calc(7.6923076923% - 13px), 1fr));
  gap: 13px;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.cloth-color .color-chip .color {
  background: #ddd;
  width: 24px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

.clothes-color .row-wrap.cloth-color .color-chip .color[data-rgb="#FDF9C8"] {
  background: #FDF9C8;
}

.clothes-color .row-wrap.cloth-color .color-chip .color[data-rgb="#F7FA8D"] {
  background: #F7FA8D;
}

.clothes-color .row-wrap.cloth-color .color-chip .color[data-rgb="#FDF9C8"] {
  background: #FDF9C8;
}

.clothes-color .row-wrap.cloth-color .color-chip .color[data-rgb="#FFDD38"] {
  background: #FFDD38;
}

.clothes-color .row-wrap.cloth-color .color-chip .color[data-rgb="#FFB730"] {
  background: #FFB730;
}

.clothes-color .row-wrap.cloth-color .color-chip .color[data-rgb="#FF8427"] {
  background: #FF8427;
}

.clothes-color .row-wrap.cloth-color .color-chip .color:hover .icon-ballroon-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -21px;
  left: 50%;
  background-color: #222;
  color: #fff;
  border-radius: 16px;
  padding: 5px 8px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 3;
}

.clothes-color .row-wrap.cloth-color .color-chip .color:hover .icon-ballroon-txt::after {
  display: inline-block;
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: -25px;
  left: 50%;
  border-left: 6px solid transparent;
  border-top: 8px solid #222;
  border-right: 6px solid transparent;
  border-bottom: 10px solid transparent;
}

.clothes-color .row-wrap.cloth-color .color-chip .color.active::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  aspect-ratio: 1/1;
  border: 2px solid #222;
  border-radius: 50%;
}

.clothes-color .row-wrap.cloth-color .color-chip .color .icon-ballroon-txt {
  display: none;
}

.clothes-color .row-wrap.type-dtf-size .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.type-dtf-size .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.clothes-color .row-wrap.type-dtf-size .input label:last-child {
  margin-right: 0;
}

.clothes-color .row-wrap.type-dtf-size .input label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.clothes-color .row-wrap.type-dtf-size .input label input[type=radio]:checked {
  border-color: #222;
}

.clothes-color .row-wrap.type-dtf-size .input label input[type=radio]:checked:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #222;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.clothes-color .row-wrap.type-dtf-size .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button {
  padding: 9.5px 10px;
  min-width: 60px;
  border-radius: 4px;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button:last-child {
  margin-right: 0;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button.active {
  background: #222;
  border-color: transparent;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button.active .text {
  color: #fff;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button.hide {
  display: none;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button.soldout,
.clothes-color .row-wrap.type-dtf-size .button-wrap .button.disabled {
  background: #f5f5f5;
  cursor: default;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button.soldout .text,
.clothes-color .row-wrap.type-dtf-size .button-wrap .button.disabled .text {
  color: #bbb;
}

.clothes-color .row-wrap.type-dtf-size .button-wrap .button .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.clothes-color .row-wrap.type-dtf-size .notice-txt {
  color: #fe2f48;
  font-size: 13px;
  font-weight: 500;
  line-height: 160%;
  margin-top: 10px;
  display: none;
}

.clothes-color .row-wrap.type-dtf-size .notice-txt.visible {
  display: block;
}

.clothes-color .row-wrap.type-silkeu-size .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.type-silkeu-size .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.clothes-color .row-wrap.type-silkeu-size .input label:last-child {
  margin-right: 0;
}

.clothes-color .row-wrap.type-silkeu-size .input label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.clothes-color .row-wrap.type-silkeu-size .input label input[type=radio]:checked {
  border-color: #222;
}

.clothes-color .row-wrap.type-silkeu-size .input label input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #222;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 12px;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.active .insert-box {
  border: 1px solid #222;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.soldout .insert-box,
.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.disabled .insert-box {
  background: #f5f5f5;
  cursor: default;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.soldout .insert-box *,
.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.disabled .insert-box * {
  cursor: default;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.soldout .insert-box input,
.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.disabled .insert-box input {
  color: #bbb;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.soldout .insert-box span,
.clothes-color .row-wrap.type-silkeu-size .size-wrap .type.disabled .insert-box span {
  -webkit-filter: invert(77%) sepia(0%) saturate(62%) hue-rotate(256deg) brightness(96%) contrast(99%);
  filter: invert(77%) sepia(0%) saturate(62%) hue-rotate(256deg) brightness(96%) contrast(99%);
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .name {
  font-size: 15px;
  font-weight: 500;
  margin-right: 8px;
  min-width: 56px;
  text-align: center;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box:focus-within {
  border: 1px solid #222;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 44px;
  aspect-ratio: 1/1;
  cursor: pointer;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button:hover {
  background: #ddd;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button span {
  width: 16px;
  aspect-ratio: 1/1;
  -webkit-filter: invert(10%) sepia(1%) saturate(0%) hue-rotate(139deg) brightness(101%) contrast(93%);
  filter: invert(10%) sepia(1%) saturate(0%) hue-rotate(139deg) brightness(101%) contrast(93%);
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button span.icon-minus {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon_minus.svg");
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box .button span.icon-plus {
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon_plus.svg");
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box input {
  outline: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: 15px;
  width: 70px;
  height: 44px;
  text-align: center;
  border: transparent;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 0;
}

.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box input::-webkit-outer-spin-button,
.clothes-color .row-wrap.type-silkeu-size .size-wrap .type .insert-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.clothes-color .row-wrap.type-silkeu-size .notice-txt {
  color: #fe2f48;
  font-size: 13px;
  font-weight: 500;
  line-height: 160%;
  margin-top: 10px;
  display: none;
}

.clothes-color .row-wrap.type-silkeu-size .notice-txt.visible {
  display: block;
}

.clothes-color .row-wrap.order-num .quantity .top-cont {
  margin-bottom: 10px;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .input-wrap {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  margin-right: 10px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .input-wrap[data-visible=true] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .input-wrap input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  outline: none;
  background: transparent;
  border: transparent;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .input-wrap input:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .input .inputbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-width: 236px;
  margin-right: 10px;
  padding: 0 13px;
  height: 49px;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .input .inputbox:focus-within {
  border: 1px solid #222;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .select {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .select.active .select-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .select.active .options-list {
  display: block;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .select .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  min-width: 236px;
  margin-right: 10px;
  padding: 0 13px;
  height: 49px;
  width: auto;
}

.clothes-color .row-wrap.order-num .quantity .top-cont .select .select-box .selected-option {
  color: #000;
  font-weight: 400;
  line-height: 150%;
  font-size: 14px;
}

.clothes-color .row-wrap.order-num .quantity .top-cont button {
  margin: 0;
  padding: 0 14px;
  border: 1px solid #222;
  border-radius: 90px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
  background: #fff;
  min-height: 40px;
}

.clothes-color .row-wrap.order-num .quantity .top-cont button:hover {
  background: #222;
  color: #fff;
}

.clothes-color .row-wrap.order-num .quantity .notice-txt {
  font-size: 13px;
  color: #222;
  font-weight: 400;
  line-height: 160%;
}

.clothes-color .row-wrap.print-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.clothes-color .row-wrap.print-area ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.clothes-color .row-wrap.print-area ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
}

.clothes-color .row-wrap.print-area ul li .icon-label.active {
  /* 두께 안잡는 방법 */
  -webkit-box-shadow: inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 3px #000;
}

.clothes-color .row-wrap.print-area ul li .icon-name {
  font-size: 14px;
}

.clothes-color .row-wrap.print-area .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  color: #222;
}

.clothes-color .row-wrap.pantone .color-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.clothes-color .row-wrap.pantone .color-select .left {
  padding: 12px;
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.clothes-color .row-wrap.pantone .color-select .left img {
  width: 120px;
  margin-bottom: 8px;
  display: block;
}

.clothes-color .row-wrap.pantone .color-select .left .text {
  color: #222;
  font-size: 13px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
}

.clothes-color .row-wrap.pantone .color-select .right {
  background: #F5F5F5;
  padding-top: 0;
  padding: 24px 20px;
  border-radius: 6px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.clothes-color .row-wrap.pantone .color-select .right .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.pantone .color-select .right .top .text {
  font-size: 14px;
  font-weight: 500;
}

.clothes-color .row-wrap.pantone .color-select .right .button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #222;
  border-radius: 6px;
  padding: 12px 0;
  background: #fff;
}

.clothes-color .row-wrap.pantone .color-select .right .button .text {
  font-size: 14px;
  font-weight: 500;
}

.clothes-color .row-wrap.pantone .color-select .right .button:hover {
  background: #222;
}

.clothes-color .row-wrap.pantone .color-select .right .button:hover .text {
  color: #fff;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] {
  display: none;
  z-index: 1000;
  position: fixed;
  left: 0;
  top: -40px;
  width: 100%;
  height: calc(100% + 40px);
  background: rgba(0, 0, 0, 0.25);
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] button {
  padding: 0;
  margin: 0;
  background: none;
  outline: none;
  border: 0;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container {
  position: absolute;
  background: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px;
  padding-top: 30px;
  overflow: hidden;
  max-width: 900px;
  max-height: 536px;
  border-radius: 12px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: 35px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-title h2 {
  font-size: 24px;
  color: #222;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-title .icon-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  aspect-ratio: 1/1;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 33px;
  -moz-column-gap: 33px;
  column-gap: 33px;
  width: 100%;
  max-height: 402px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container {
  overflow-y: auto;
  overflow-x: hidden;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box .item-color {
  width: 24px;
  aspect-ratio: 1/1;
  border-radius: 2px;
  background: #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box .item-color[data-checked=true] svg {
  display: block;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box .item-color:hover .icon-ballroon-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: -21px;
  left: 50%;
  background-color: #222;
  color: #fff;
  border-radius: 16px;
  padding: 5px 8px;
  font-size: 11px;
  white-space: nowrap;
  z-index: 3;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box .item-color .icon-ballroon-txt {
  display: none;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box .item-color .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  /* 말풍선때문에 부모에 hidden 걸면 안됨. */
  border-radius: 2px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .color-container .color-box .item-color svg {
  display: none;
  position: relative;
  z-index: 1;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right {
  width: 240px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right>.button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FE2F48;
  width: 100%;
  padding: 12px 0;
  border-radius: 4px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right>.button .text {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview {
  margin-bottom: 16px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview.none .sel-color {
  display: block;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview.none img {
  display: none;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .sel-color {
  display: none;
  background: #ddd;
  width: 240px;
  aspect-ratio: 16/10;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .sel-color .err-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  color: #222;
  text-align: center;
  display: none;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .sel-color .err-txt.visible {
  display: block;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview img {
  display: inline-block;
  width: 240px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom {
  padding: 20px;
  border: 1px solid #ddd;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding:first-child {
  margin-right: 4px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding.information-btn {
  position: relative;
  cursor: pointer;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding.information-btn:hover .tooltip-wrapper {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  width: 252px;
  padding: 16px;
  /* 아이콘 높이, before 높이, 일부 유격 등 계산 */
  top: 30px;
  left: calc(50% - 27px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #222;
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
  z-index: 1;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding.information-btn .tooltip-wrapper {
  display: none;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding.information-btn .tooltip-wrapper::before {
  content: "";
  display: inline-block;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/icon_tooltip_mark.svg");
  width: 1.813rem;
  aspect-ratio: 22/19;
  position: absolute;
  top: -7px;
  /* z-index: -1; */
  left: calc(50% + 27px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
  filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .title .icon-padding.information-btn .tooltip-wrapper .text {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .preview .bottom .text {
  color: #777;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap {
  margin-bottom: 20px;
  display: block;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 8px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input {
  width: calc(100% - 59px);
  height: 49px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 0 12px;
  color: #222;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input:focus {
  outline: 1px solid #222;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input::-webkit-input-placeholder {
  color: #bbb;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input::-moz-placeholder {
  color: #bbb;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input:-ms-input-placeholder {
  color: #bbb;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input::-ms-input-placeholder {
  color: #bbb;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input input::placeholder {
  color: #bbb;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 49px;
  height: 49px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input .button .icon {
  width: 20px;
  aspect-ratio: 1/1;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-search.svg");
  -webkit-filter: invert(0%) sepia(50%) saturate(8%) hue-rotate(201deg) brightness(101%) contrast(73%);
  filter: invert(0%) sepia(50%) saturate(8%) hue-rotate(201deg) brightness(101%) contrast(73%);
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input .button:hover {
  background: #222;
  border-color: transparent;
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .color-input .button:hover .icon {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.clothes-color .row-wrap.pantone .page-order-modal[data-type=pantone-modal] .modal-container .modal-content .right .input-wrap .notice-txt {
  color: #777;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.clothes-color .row-wrap.package .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.package .input.bottom-row {
  margin: 0;
}

.clothes-color .row-wrap.package .input.bottom-row .left {
  margin: 0;
}

.clothes-color .row-wrap.package .input .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.clothes-color .row-wrap.package .input .left label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.package .input .left label:last-child {
  margin-right: 0;
}

.clothes-color .row-wrap.package .input .left label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.clothes-color .row-wrap.package .input .left label input[type=radio]:checked {
  border-color: #222;
}

.clothes-color .row-wrap.package .input .left label input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #222;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.clothes-color .row-wrap.package .input .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clothes-color .row-wrap.package .input .button .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  color: #777;
  margin-right: 4px;
}

.clothes-color .row-wrap.fileupload .upload-wrap .bottom-btn .btn-upload-wrap {
  margin-bottom: 10px;
}

.clothes-color .row-wrap.fileupload .upload-wrap .content {
  display: none;
}

.clothes-color .row-wrap.fileupload .upload-wrap .content.active {
  display: block;
}

.clothes-color .row-wrap.fileupload .upload-wrap .content>button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  background: #FE2F48;
  width: 100%;
  height: 50px;
  border-radius: 4px;
}

.clothes-color .row-wrap.fileupload .upload-wrap .content>button .text {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.clothes-color .row-wrap.premium:has([aria-expanded=true]) {
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.clothes-color .row-wrap.premium:has([aria-expanded=true]) svg.arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.clothes-color .row-wrap.premium:has([aria-expanded=true]) .title {
  border: none;
  border-radius: 0;
  padding: 0;
  padding-bottom: 16px;
  margin-bottom: 10px;
}

.clothes-color .row-wrap.premium:has([aria-expanded=true]) .detail {
  display: block;
}

.clothes-color .row-wrap.premium .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
}

.clothes-color .row-wrap.premium .title .left h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.premium .title .left h2 img {
  height: 20px;
  margin-right: 4px;
}

.clothes-color .row-wrap.premium .title .left h2 .text {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.clothes-color .row-wrap.premium .title .button .text {
  color: #777;
}

.clothes-color .row-wrap.premium .detail {
  display: none;
}

.clothes-color .row-wrap.premium .detail .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.premium .detail .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.clothes-color .row-wrap.premium .detail .input label:last-child {
  margin-right: 0;
}

.clothes-color .row-wrap.premium .detail .input label input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.clothes-color .row-wrap.premium .detail .input label input[type=radio]:checked {
  border-color: #222;
}

.clothes-color .row-wrap.premium .detail .input label input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background-color: #222;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.clothes-color .row-wrap.premium .detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 16px;
}

.clothes-color .row-wrap.premium .detail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.clothes-color .row-wrap.premium .detail ul li.active a {
  -webkit-box-shadow: inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 3px #000;
}

.clothes-color .row-wrap.premium .detail ul li a {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
}

.clothes-color .row-wrap.premium .detail .notice-txt {
  font-size: 14px;
  color: #777;
  font-weight: 400;
  line-height: 21px;
}

.clothes-color .row-wrap.payment {
  margin-bottom: 0;
}

.clothes-color .row-wrap.payment .aside-btns {
  padding-bottom: 20px;
  border-bottom: 1px solid #222;
}

/* 악세사리, 아크릴 스타일링 코드 */
.ko .acrylic-keychain .row-wrap.post ul li:nth-child(1) .icon-name {
  max-width: 48px;
}

.ko .acrylic-keychain .row-wrap.post ul li:nth-child(2) .icon-name {
  max-width: 50px;
}

.ko .acrylic-keychain .row-wrap.post-option .option.packing ul li:nth-child(1) .icon-name {
  max-width: 50px;
}

.acrylic-keychain {
  padding: 0;
  margin: 0;
  margin-top: 24px;
  position: relative;
  /* 공통 초기화 구문 */
}

.acrylic-keychain input {
  margin: 0;
  padding: 0;
}

.acrylic-keychain input.disabled {
  background: #f5f5f5;
  color: #bbb;
}

.acrylic-keychain input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.acrylic-keychain input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.acrylic-keychain input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.acrylic-keychain input[type=radio]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.acrylic-keychain input[type=radio]:checked {
  border-color: #222;
}

.acrylic-keychain input[type=radio]:checked::after {
  background-color: #222;
}

.acrylic-keychain button {
  color: #222;
}

.acrylic-keychain h1,
.acrylic-keychain h2,
.acrylic-keychain h3,
.acrylic-keychain h4,
.acrylic-keychain h5,
.acrylic-keychain p,
.acrylic-keychain label,
.acrylic-keychain span {
  margin: 0;
  padding: 0;
}

.acrylic-keychain h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.2px;
}

.acrylic-keychain .text {
  font-size: 14px;
  font-weight: 600;
}

.acrylic-keychain .blind {
  display: none;
}

.acrylic-keychain .red {
  color: #FE2F48;
}

.acrylic-keychain .bk000 {
  color: #000;
  font-weight: 600;
}

.acrylic-keychain .bold {
  font-weight: 600;
}

.acrylic-keychain .gray {
  color: #777;
}

.acrylic-keychain .row-wrap {
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}

.acrylic-keychain .row-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.acrylic-keychain .row-wrap .title button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.acrylic-keychain .row-wrap .title button .text {
  color: #777;
  font-weight: 600;
  margin-right: 7px;
}

.acrylic-keychain .row-wrap .title button .icon {
  width: 5px;
  aspect-ratio: 1/2;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-arrow-right.svg");
  -webkit-filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
  filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
}

.acrylic-keychain .row-wrap .title .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.acrylic-keychain .row-wrap .title .button:hover .icon {
  -webkit-filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
  filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
}

.acrylic-keychain .row-wrap .title .button .text {
  color: #777;
  font-weight: 600;
  margin-right: 7px;
}

.acrylic-keychain .row-wrap .title .button .icon {
  width: 5px;
  aspect-ratio: 1/2;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-arrow-right.svg");
  -webkit-filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
  filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
}

.acrylic-keychain .row-wrap.method .button-wrap,
.acrylic-keychain .row-wrap.shape .button-wrap,
.acrylic-keychain .row-wrap.print .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.acrylic-keychain .row-wrap.method .button-wrap:hover,
.acrylic-keychain .row-wrap.shape .button-wrap:hover,
.acrylic-keychain .row-wrap.print .button-wrap:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.acrylic-keychain .row-wrap.method .button-wrap:hover .hover-img,
.acrylic-keychain .row-wrap.shape .button-wrap:hover .hover-img,
.acrylic-keychain .row-wrap.print .button-wrap:hover .hover-img {
  display: block;
}

.acrylic-keychain .row-wrap.method .button-wrap .button,
.acrylic-keychain .row-wrap.shape .button-wrap .button,
.acrylic-keychain .row-wrap.print .button-wrap .button {
  padding: 14px 0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.acrylic-keychain .row-wrap.method .button-wrap .button .text,
.acrylic-keychain .row-wrap.shape .button-wrap .button .text,
.acrylic-keychain .row-wrap.print .button-wrap .button .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.acrylic-keychain .row-wrap.method .button-wrap .button.active,
.acrylic-keychain .row-wrap.shape .button-wrap .button.active,
.acrylic-keychain .row-wrap.print .button-wrap .button.active {
  background: #222;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.acrylic-keychain .row-wrap.method .button-wrap .button.active .text,
.acrylic-keychain .row-wrap.shape .button-wrap .button.active .text,
.acrylic-keychain .row-wrap.print .button-wrap .button.active .text {
  color: #fff;
}

.acrylic-keychain .row-wrap.method .button-wrap .button:nth-child(1):hover~.hover-img img:nth-child(1),
.acrylic-keychain .row-wrap.method .button-wrap .button:nth-child(2):hover~.hover-img img:nth-child(2),
.acrylic-keychain .row-wrap.method .button-wrap .button:nth-child(3):hover~.hover-img img:nth-child(3),
.acrylic-keychain .row-wrap.shape .button-wrap .button:nth-child(1):hover~.hover-img img:nth-child(1),
.acrylic-keychain .row-wrap.shape .button-wrap .button:nth-child(2):hover~.hover-img img:nth-child(2),
.acrylic-keychain .row-wrap.shape .button-wrap .button:nth-child(3):hover~.hover-img img:nth-child(3),
.acrylic-keychain .row-wrap.print .button-wrap .button:nth-child(1):hover~.hover-img img:nth-child(1),
.acrylic-keychain .row-wrap.print .button-wrap .button:nth-child(2):hover~.hover-img img:nth-child(2),
.acrylic-keychain .row-wrap.print .button-wrap .button:nth-child(3):hover~.hover-img img:nth-child(3) {
  display: block;
}

.acrylic-keychain .row-wrap.method .button-wrap .hover-img,
.acrylic-keychain .row-wrap.shape .button-wrap .hover-img,
.acrylic-keychain .row-wrap.print .button-wrap .hover-img {
  display: none;
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
  width: 200px;
  z-index: 200;
}

.acrylic-keychain .row-wrap.method .button-wrap .hover-img img,
.acrylic-keychain .row-wrap.shape .button-wrap .hover-img img,
.acrylic-keychain .row-wrap.print .button-wrap .hover-img img {
  display: none;
  width: 100%;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.12));
}

.acrylic-keychain .row-wrap.standard .input-wrap.select {
  margin-bottom: 10px;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap {
  background: #fafafa;
  border-radius: 8px;
  padding: 20px;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap h3 {
  margin-bottom: 8px;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size {
  margin-bottom: 16px;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size:last-child {
  margin-bottom: 0;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap {
  gap: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap input {
  text-align: right;
  padding-right: 45px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  max-width: 201px;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap .icon-padding {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim {
  position: relative;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim.error input {
  border-color: #FE2F48;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim span {
  display: inline-block;
  position: absolute;
  font-size: 14px;
  color: #bbb;
  font-weight: 500;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim span.text {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16px;
  line-height: 21px;
}

.acrylic-keychain .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim span.unit {
  top: calc(50% + 3px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  font-weight: 400;
}

.acrylic-keychain .row-wrap.post ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 10px;
}

.acrylic-keychain .row-wrap.post ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.acrylic-keychain .row-wrap.post ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
}

.acrylic-keychain .row-wrap.post ul li .icon-label.active {
  -webkit-box-shadow: inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 3px #000;
}

.acrylic-keychain .row-wrap.post ul li .icon-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  text-align: center;
  max-width: 60px;
}

.acrylic-keychain .row-wrap.post .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  color: #222;
}

.acrylic-keychain .row-wrap.post-option .option {
  margin-bottom: 40px;
}

.acrylic-keychain .row-wrap.post-option .option:last-child {
  margin-bottom: 0;
}

.acrylic-keychain .row-wrap.post-option .option.white .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.acrylic-keychain .row-wrap.post-option .option.white .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.acrylic-keychain .row-wrap.post-option .option.white .input label:last-child {
  margin-right: 0;
}

.acrylic-keychain .row-wrap.post-option .option.white .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.acrylic-keychain .row-wrap.post-option .option.packing ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.acrylic-keychain .row-wrap.post-option .option.packing ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.acrylic-keychain .row-wrap.post-option .option.packing ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
}

.acrylic-keychain .row-wrap.post-option .option.packing ul li .icon-label.active {
  -webkit-box-shadow: inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 3px #000;
}

.acrylic-keychain .row-wrap.post-option .option.packing ul li .icon-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  font-size: 14px;
  text-align: center;
  max-width: 60px;
}

.acrylic-keychain .row-wrap.post-option .option .post-pdf-option ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 16px;
}

.acrylic-keychain .row-wrap.post-option .option .post-pdf-option ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.acrylic-keychain .row-wrap.post-option .option .post-pdf-option ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
}

.acrylic-keychain .row-wrap.post-option .option .post-pdf-option ul li .icon-label.active {
  -webkit-box-shadow: inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 3px #000;
}

.acrylic-keychain .row-wrap.post-option .option .post-pdf-option ul li .icon-name {
  padding: 0;
  font-size: 14px;
}

.acrylic-keychain .row-wrap.post-option .option .post-pdf-option .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}

.acrylic-keychain .row-wrap.sub-material .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.acrylic-keychain .row-wrap.sub-material ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 10px;
}

.acrylic-keychain .row-wrap.sub-material ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.acrylic-keychain .row-wrap.sub-material ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
}

.acrylic-keychain .row-wrap.sub-material ul li .icon-label.active {
  -webkit-box-shadow: inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 3px #000;
}

.acrylic-keychain .row-wrap.sub-material ul li .icon-name {
  max-width: 60px;
  font-size: 14px;
  text-align: center;
}

.acrylic-keychain .row-wrap.sub-material .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  color: #222;
}

.acrylic-keychain .row-wrap.sub-material-option .option {
  margin-bottom: 40px;
}

.acrylic-keychain .row-wrap.sub-material-option .option:last-child {
  margin-bottom: 0;
}

.acrylic-keychain .row-wrap.sub-material-option .option .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.acrylic-keychain .row-wrap.sub-material-option .option .content .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.acrylic-keychain .row-wrap.sub-material-option .option .content .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.acrylic-keychain .row-wrap.sub-material-option .option .content .input label:last-child {
  margin-right: 0;
}

.acrylic-keychain .row-wrap.sub-material-option .option .content .insert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.acrylic-keychain .row-wrap.sub-material-option .option .content .insert input {
  padding: 16px 14px;
}

.acrylic-keychain .row-wrap.sub-material-option .option .content .insert input:disabled {
  background: #f5f5f5;
}

.acrylic-keychain .row-wrap.fileupload .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.acrylic-keychain .row-wrap.fileupload .title .button:hover .text {
  color: #FE2F48;
}

.acrylic-keychain .row-wrap.fileupload .title .button:hover .icon {
  -webkit-filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
  filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
}

.acrylic-keychain .row-wrap.fileupload .upload-wrap .content {
  display: block;
}

.acrylic-keychain .row-wrap.fileupload .upload-wrap .content.blind {
  display: none;
}

.acrylic-keychain .row-wrap.fileupload .upload-wrap .content .editor-btn {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  background: #FE2F48;
  border-radius: 4px;
  width: 100%;
  padding: 14px 0;
}

.acrylic-keychain .row-wrap.fileupload .upload-wrap .content .editor-btn .text {
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
}

.acrylic-keychain .row-wrap.payment {
  border-bottom: 1px solid #222;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .pay,
.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .tax,
.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .pay h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #222;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .pay .count {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .tax h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #222;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .tax .count {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row1 .sale .count {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row2 .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row2 .total h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #222;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row2 .total .count {
  font-size: 30px;
  font-weight: 700;
  line-height: 21px;
  color: #222;
}

.acrylic-keychain .row-wrap.payment .cont-row.cont-row2 .total .right .per-count {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  margin-right: 20px;
}

.acrylic-keychain .row-wrap.payment .boundary-line {
  height: 1px;
  width: 100%;
  background: #EEEEEE;
  margin: 20px 0;
}

.acrylic-keychain .row-wrap.payment .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.acrylic-keychain .row-wrap.payment .button-wrap .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  min-width: 115px;
  border: 1px solid #ddd;
  height: 50px;
  border-radius: 4px;
}

.acrylic-keychain .row-wrap.payment .button-wrap .button:last-child {
  border: none;
  background: #FE2F48;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.acrylic-keychain .row-wrap.payment .button-wrap .button:last-child .text {
  color: #fff;
}

.acrylic-keychain .row-wrap.payment .button-wrap .button .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.acrylic-keychain .row-wrap.order-num .quantity .title h2 {
  margin-bottom: 0;
}

.acrylic-keychain .row-wrap.order-num .quantity .title h2:first-child {
  min-width: 162px;
  margin-right: 40px;
}

.acrylic-keychain .row-wrap.order-num .quantity .title h2:last-child {
  width: 100%;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont {
  margin-bottom: 10px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  margin-right: 10px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap[data-visible=true] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.input .inputbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-width: 236px;
  margin-right: 10px;
  padding: 0 13px;
  height: 49px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.input .inputbox:focus-within {
  border: 1px solid #222;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.input .inputbox input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  outline: none;
  background: none;
  border: none;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select.active .select-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select.active .options-list {
  display: block;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 13px;
  height: 49px;
  width: 162px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select .select-box .selected-option {
  color: #000;
  font-weight: 400;
  line-height: 150%;
  font-size: 14px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select input {
  width: 162px;
  padding: 0 16px 0 14px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select .icon-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select .options-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow-y: auto;
  max-height: 250px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select .options-list .option {
  padding: 4px 10px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .input-wrap.select .options-list .option:hover {
  background: #222;
  color: #fff;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 90px;
  padding: 0 11px;
  white-space: nowrap;
  height: 40px;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont button:hover {
  background: #222;
  color: #fff;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont button:hover .text {
  color: #fff;
}

.acrylic-keychain .row-wrap.order-num .quantity .top-cont .button:hover .text {
  color: #fff;
}

.acrylic-keychain .row-wrap.order-num .quantity .paragraph p {
  font-size: 13px;
}

.acrylic-keychain .floting-box {
  position: absolute;
  top: -24px;
  right: 0;
  /* 자기 자신 크기만큼 이동 */
  /* transform: translateX(100%); */
  /* 자기자신 + 40px */
  -webkit-transform: translateX(calc(100% + 40px));
  transform: translateX(calc(100% + 40px));
  background: #fff;
  padding: 24px 16px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1;
}

.acrylic-keychain .floting-box.hide {
  display: none;
}

.acrylic-keychain .floting-box .box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.acrylic-keychain .floting-box .box-header h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.acrylic-keychain .floting-box .dashed-line {
  height: 1px;
  background-image: repeating-linear-gradient(to right, #ddd 0, #ddd 4px, transparent 4px, transparent 8px);
  width: 100%;
  margin: 10px 0;
}

.acrylic-keychain .floting-box .boundary-line {
  height: 1px;
  background: #ddd;
  margin: 16px 0;
}

.acrylic-keychain .floting-box .box-content {
  padding: 12px;
  background: rgba(245, 245, 245, 0.7);
  min-width: 158px;
  border-radius: 6px;
}

.acrylic-keychain .floting-box .box-content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7px;
}

.acrylic-keychain .floting-box .box-content .item:last-child {
  margin-bottom: 0;
}

.acrylic-keychain .floting-box .box-content .item.item3 .text {
  color: #777;
}

.acrylic-keychain .floting-box .box-content .item.item6 .icon-padding:hover .tooltip-wrapper {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  width: 252px;
  padding: 16px;
  /* 아이콘 높이, before 높이, 일부 유격 등 계산 */
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #222;
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
}

.acrylic-keychain .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper {
  display: none;
}

.acrylic-keychain .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper::before {
  content: "";
  display: inline-block;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/icon_tooltip_mark.svg");
  width: 1.813rem;
  aspect-ratio: 22/19;
  position: absolute;
  top: -7px;
  /* z-index: -1; */
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
  filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
}

.acrylic-keychain .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper .text {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.acrylic-keychain .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper .text b {
  color: #fff;
}

.acrylic-keychain .floting-box .box-content .item.item6 h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.acrylic-keychain .floting-box .box-content .item.item6 h5>.text {
  margin-right: 2px;
}

.acrylic-keychain .floting-box .box-content .item.item6 h5 .icon-padding {
  position: relative;
}

.acrylic-keychain .floting-box .box-content .item h5 {
  font-size: 13px;
  color: #777;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.acrylic-keychain .floting-box .box-content .item h5>.text {
  font-size: 12px;
  color: #777;
  text-align: left;
}

.acrylic-keychain .floting-box .box-content .item .text {
  font-size: 13px;
  color: #222;
  font-weight: 500;
  line-height: 150%;
  text-align: right;
}

.acrylic-keychain .floting-box .box-footer .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2px;
}

.acrylic-keychain .floting-box .box-footer .item:last-child {
  margin-bottom: 0;
}

.acrylic-keychain .floting-box .box-footer .item.item1 .text b {
  color: #999;
}

.acrylic-keychain .floting-box .box-footer .item.item2 h5,
.acrylic-keychain .floting-box .box-footer .item.item3 h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #222;
}

.acrylic-keychain .floting-box .box-footer .item.item2 .text,
.acrylic-keychain .floting-box .box-footer .item.item3 .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #222;
}

.acrylic-keychain .floting-box .box-footer .item h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}

.acrylic-keychain .floting-box .box-footer .item .text {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}

.acrylic-keychain .price-btn-wrap1 .btn-orderPage {
  background-color: #FE2F48;
  color: #fff;
}

.acrylic-keychain .boder-bottom {
  border-bottom: 1px solid #222222;
  padding-bottom: 20px;
}

/* 책 주문 화면 */
.offset-book .aside-div-wrap {
  padding-left: 0;
}

.offset-book .aside-div-wrap.has-floting-box {
  position: relative;
  z-index: 1;
}

.offset-book .aside-div-wrap.has-floting-box .icon-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box {
  position: absolute;
  top: 0;
  right: 0;
  /* 자기 자신 크기만큼 이동 */
  /* transform: translateX(100%); */
  /* 자기자신 + 40px */
  -webkit-transform: translateX(calc(100% + 40px));
  transform: translateX(calc(100% + 40px));
  background: #fff;
  padding: 24px 16px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 100;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box.hide {
  display: none;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-header h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .dashed-line {
  height: 1px;
  background-image: repeating-linear-gradient(to right, #ddd 0, #ddd 4px, transparent 4px, transparent 8px);
  width: 100%;
  margin: 10px 0;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .boundary-line {
  height: 1px;
  background: #ddd;
  margin: 16px 0;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content {
  padding: 12px;
  background: rgba(245, 245, 245, 0.7);
  min-width: 158px;
  border-radius: 6px;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7px;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item:last-child {
  margin-bottom: 0;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 .icon-padding:hover .tooltip-wrapper {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  width: 252px;
  padding: 16px;
  /* 아이콘 높이, before 높이, 일부 유격 등 계산 */
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #222;
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper {
  display: none;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper::before {
  content: "";
  display: inline-block;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/icon_tooltip_mark.svg");
  width: 1.813rem;
  aspect-ratio: 22/19;
  position: absolute;
  top: -7px;
  /* z-index: -1; */
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
  filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper .text {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper .text b {
  color: #fff;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 h5>.text {
  margin-right: 2px;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item.item6 h5 .icon-padding {
  position: relative;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item h5 {
  font-size: 13px;
  color: #777;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item h5>.text {
  font-size: 12px;
  color: #777;
  text-align: left;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-content .item .text {
  font-size: 13px;
  color: #222;
  font-weight: 500;
  line-height: 150%;
  text-align: right;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2px;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item:last-child {
  margin-bottom: 0;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item.item1 .text b {
  color: #999;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item.item2 h5,
.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item.item3 h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #222;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item.item2 .text,
.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item.item3 .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #222;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}

.offset-book .aside-div-wrap.has-floting-box .floting-box .box-footer .item .text {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}

.offset-book .row-wrap.opt-wrap .icon-list li .icon-label {
  cursor: pointer;
}

.offset-book .row-wrap.opt-wrap .icon-list li .icon-name {
  font-size: 14px;
}

.offset-book .row-wrap .note b {
  font-weight: 700;
}

.offset-book .row-wrap .upload-wrap {
  margin-bottom: 0;
  width: 100%;
}

.offset-book .row-wrap .upload-wrap .top-btn {
  margin: 0 0 10px 0;
}

.offset-book .row-wrap .input-wrap .btn-qtyChangeInput {
  border-radius: 20px;
  margin-left: 0;
  height: 40px;
  white-space: nowrap;
}

.offset-book .price-wrap1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

.offset-book .price-wrap1 li:last-child {
  margin-bottom: 0;
}

.offset-book .price-wrap1 li p {
  font-size: 14px;
  font-weight: 500;
  color: #222;
}

.offset-book .price-wrap1 li p.price-num {
  font-family: unset;
  color: #777;
  font-weight: 500;
}

.offset-book .aside-btns.boder-bottom {
  border-bottom: 1px solid #222222;
  padding-bottom: 20px;
}

/* 25-08-18 */
.widget {
  padding: 0;
  margin: 0;
  margin-top: 24px;
  position: relative;
  /* 공통 초기화 구문 */
}

.widget.aside-div-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  row-gap: 40px;
}

.widget input {
  margin: 0;
  padding: 0;
}

.widget input:disabled {
  background: #f5f5f5;
  color: #999;
}

.widget input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.widget input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.widget input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 1px solid #ddd;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  outline: none;
  margin-right: 5px;
}

.widget input[type=radio]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.widget input[type=radio]:checked {
  border-color: #222;
}

.widget input[type=radio]:checked::after {
  background-color: #222;
}

.widget button {
  color: #222;
}

.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget p,
.widget label,
.widget span {
  margin: 0;
  padding: 0;
}

.widget h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.2px;
}

.widget .text {
  font-size: 14px;
  font-weight: 600;
}

.widget .blind {
  display: none;
}

.widget .red {
  color: #FE2F48;
}

.widget .bk000 {
  color: #000;
  font-weight: 600;
}

.widget .bold {
  font-weight: 600;
}

.widget .gray {
  color: #777;
}

.widget .row-wrap {
  margin: 0;
  padding: 0;
}

.widget .row-wrap ul li:has(.hover-img) {
  position: relative;
}

.widget .row-wrap ul li:has(.hover-img) .hover-img {
  display: none;
  position: absolute;
  left: calc(100% + 12px);
  top: 0;
  z-index: 1;
}

.widget .row-wrap ul li:has(.hover-img) .icon-label:hover+.icon-name+.hover-img,
.widget .row-wrap ul li:has(.hover-img) .icon-label:focus+.icon-name+.hover-img {
  display: block;
}

.widget .row-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.widget .row-wrap .title button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.widget .row-wrap .title button .text {
  color: #777;
  font-weight: 600;
  margin-right: 7px;
}

.widget .row-wrap .title button .icon {
  width: 5px;
  aspect-ratio: 1/2;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-arrow-right.svg");
  -webkit-filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
  filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
}

.widget .row-wrap .title .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.widget .row-wrap .title .button:hover .icon {
  -webkit-filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
  filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
}

.widget .row-wrap .title .button .text {
  color: #777;
  font-weight: 600;
  margin-right: 7px;
}

.widget .row-wrap .title .button .icon {
  width: 5px;
  aspect-ratio: 1/2;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/item/icon-arrow-right.svg");
  -webkit-filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
  filter: invert(46%) sepia(0%) saturate(693%) hue-rotate(170deg) brightness(100%) contrast(81%);
}

.widget .row-wrap.method .button-wrap,
.widget .row-wrap.shape .button-wrap,
.widget .row-wrap.print .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.widget .row-wrap.method .button-wrap:hover,
.widget .row-wrap.shape .button-wrap:hover,
.widget .row-wrap.print .button-wrap:hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget .row-wrap.method .button-wrap:hover .hover-img,
.widget .row-wrap.shape .button-wrap:hover .hover-img,
.widget .row-wrap.print .button-wrap:hover .hover-img {
  display: block;
}

.widget .row-wrap.method .button-wrap .button,
.widget .row-wrap.shape .button-wrap .button,
.widget .row-wrap.print .button-wrap .button {
  padding: 14px 0;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
  box-shadow: inset 0 0 0 1px #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 49px;
}

.widget .row-wrap.method .button-wrap .button .text,
.widget .row-wrap.shape .button-wrap .button .text,
.widget .row-wrap.print .button-wrap .button .text {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

.widget .row-wrap.method .button-wrap .button.active,
.widget .row-wrap.shape .button-wrap .button.active,
.widget .row-wrap.print .button-wrap .button.active {
  background: #222;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.widget .row-wrap.method .button-wrap .button.active .text,
.widget .row-wrap.shape .button-wrap .button.active .text,
.widget .row-wrap.print .button-wrap .button.active .text {
  color: #fff;
}

.widget .row-wrap.method .button-wrap .button:nth-child(1):hover~.hover-img img:nth-child(1),
.widget .row-wrap.method .button-wrap .button:nth-child(2):hover~.hover-img img:nth-child(2),
.widget .row-wrap.method .button-wrap .button:nth-child(3):hover~.hover-img img:nth-child(3),
.widget .row-wrap.shape .button-wrap .button:nth-child(1):hover~.hover-img img:nth-child(1),
.widget .row-wrap.shape .button-wrap .button:nth-child(2):hover~.hover-img img:nth-child(2),
.widget .row-wrap.shape .button-wrap .button:nth-child(3):hover~.hover-img img:nth-child(3),
.widget .row-wrap.print .button-wrap .button:nth-child(1):hover~.hover-img img:nth-child(1),
.widget .row-wrap.print .button-wrap .button:nth-child(2):hover~.hover-img img:nth-child(2),
.widget .row-wrap.print .button-wrap .button:nth-child(3):hover~.hover-img img:nth-child(3) {
  display: block;
}

.widget .row-wrap.method .button-wrap .hover-img,
.widget .row-wrap.shape .button-wrap .hover-img,
.widget .row-wrap.print .button-wrap .hover-img {
  display: none;
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
  width: 200px;
  z-index: 200;
}

.widget .row-wrap.method .button-wrap .hover-img img,
.widget .row-wrap.shape .button-wrap .hover-img img,
.widget .row-wrap.print .button-wrap .hover-img img {
  display: none;
  width: 100%;
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.12));
}

.widget .row-wrap.standard .input-wrap.select {
  margin-bottom: 10px;
}

.widget .row-wrap.standard .sizes-wrap {
  background: #fafafa;
  border-radius: 8px;
  padding: 20px;
}

.widget .row-wrap.standard .sizes-wrap h3 {
  margin-bottom: 8px;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

.widget .row-wrap.standard .sizes-wrap .working-size {
  margin-bottom: 16px;
  /* html 구조 변경된 것에 대한 대응 */
}

.widget .row-wrap.standard .sizes-wrap .working-size:last-child {
  margin-bottom: 0;
}

.widget .row-wrap.standard .sizes-wrap .working-size:nth-child(2) {
  margin-bottom: 0;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap {
  gap: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap input {
  text-align: right;
  padding-right: 45px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  max-width: 201px;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap .icon-padding {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim {
  position: relative;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim.error input {
  border-color: #FE2F48;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim span {
  display: inline-block;
  position: absolute;
  font-size: 14px;
  color: #bbb;
  font-weight: 500;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim span.text {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 16px;
  line-height: 21px;
}

.widget .row-wrap.standard .sizes-wrap .working-size .input-wrap .trim span.unit {
  top: calc(50% + 3px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
  font-weight: 400;
}

.widget .row-wrap.post ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 10px;
}

.widget .row-wrap.post ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.widget .row-wrap.post ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
  border: 3px solid transparent;
}

.widget .row-wrap.post ul li .icon-label img {
  width: 60px;
}

.widget .row-wrap.post ul li .icon-label.active {
  border-color: #000;
}

.widget .row-wrap.post ul li .icon-name {
  font-size: 14px;
  text-align: center;
  width: 70px;
  word-break: keep-all;
}

.widget .row-wrap.post .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  color: #222;
}

.widget .row-wrap.post-option .option {
  margin-bottom: 40px;
}

.widget .row-wrap.post-option .option:last-child {
  margin-bottom: 0;
}

.widget .row-wrap.post-option .option.white .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.widget .row-wrap.post-option .option.white .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.widget .row-wrap.post-option .option.white .input label:last-child {
  margin-right: 0;
}

.widget .row-wrap.post-option .option.white .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.widget .row-wrap.post-option .option.packing ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.widget .row-wrap.post-option .option.packing ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.widget .row-wrap.post-option .option.packing ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
  border: 3px solid transparent;
}

.widget .row-wrap.post-option .option.packing ul li .icon-label img {
  width: 60px;
}

.widget .row-wrap.post-option .option.packing ul li .icon-label.active {
  border-color: #000;
}

.widget .row-wrap.post-option .option.packing ul li .icon-name {
  padding: 0;
  font-size: 14px;
  text-align: center;
  max-width: 70px;
  word-break: keep-all;
}

.widget .row-wrap.post-option .option .post-pdf-option ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 16px;
}

.widget .row-wrap.post-option .option .post-pdf-option ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.widget .row-wrap.post-option .option .post-pdf-option ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
  border: 3px solid transparent;
}

.widget .row-wrap.post-option .option .post-pdf-option ul li .icon-label img {
  width: 60px;
}

.widget .row-wrap.post-option .option .post-pdf-option ul li .icon-label.active {
  border-color: #000;
}

.widget .row-wrap.post-option .option .post-pdf-option ul li .icon-name {
  padding: 0;
  font-size: 14px;
}

.widget .row-wrap.post-option .option .post-pdf-option .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}

.widget .row-wrap.sub-material .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.widget .row-wrap.sub-material ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 10px;
}

.widget .row-wrap.sub-material ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.widget .row-wrap.sub-material ul li .icon-label {
  display: inline-block;
  background: #F5F5F5;
  border-radius: 8px;
  margin-bottom: 6px;
  border: 3px solid transparent;
}

.widget .row-wrap.sub-material ul li .icon-label img {
  width: 60px;
}

.widget .row-wrap.sub-material ul li .icon-label.active {
  border-color: #000;
}

.widget .row-wrap.sub-material ul li .icon-name {
  width: 70px;
  font-size: 14px;
  text-align: center;
  word-break: keep-all;
}

.widget .row-wrap.sub-material .notice-txt {
  font-size: 13px;
  font-weight: 400;
  line-height: 160%;
  color: #222;
}

.widget .row-wrap.sub-material-option .option {
  margin-bottom: 40px;
}

.widget .row-wrap.sub-material-option .option:last-child {
  margin-bottom: 0;
}

.widget .row-wrap.sub-material-option .option .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.widget .row-wrap.sub-material-option .option .content .input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.widget .row-wrap.sub-material-option .option .content .input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 24px;
}

.widget .row-wrap.sub-material-option .option .content .input label:last-child {
  margin-right: 0;
}

.widget .row-wrap.sub-material-option .option .content .insert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.widget .row-wrap.sub-material-option .option .content .insert input {
  padding: 16px 14px;
}

.widget .row-wrap.sub-material-option .option .content .insert input:disabled {
  background: #f5f5f5;
}

.widget .row-wrap.fileupload .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.widget .row-wrap.fileupload .title .button:hover .text {
  color: #FE2F48;
}

.widget .row-wrap.fileupload .title .button:hover .icon {
  -webkit-filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
  filter: invert(34%) sepia(47%) saturate(6808%) hue-rotate(337deg) brightness(101%) contrast(99%);
}

.widget .row-wrap.fileupload .upload-wrap {
  margin-bottom: 0;
}

.widget .row-wrap.fileupload .upload-wrap .content {
  display: block;
}

.widget .row-wrap.fileupload .upload-wrap .content.blind {
  display: none;
}

.widget .row-wrap.fileupload .upload-wrap .content .bottom-btn {
  margin-bottom: 0;
}

.widget .row-wrap.fileupload .upload-wrap .content .editor-btn {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  background: #FE2F48;
  border-radius: 4px;
  width: 100%;
  padding: 14px 0;
}

.widget .row-wrap.fileupload .upload-wrap .content .editor-btn .text {
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
}

.widget .row-wrap.payment .cont-row.cont-row1 .pay,
.widget .row-wrap.payment .cont-row.cont-row1 .tax,
.widget .row-wrap.payment .cont-row.cont-row1 .sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.widget .row-wrap.payment .cont-row.cont-row1 .pay h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #222;
}

.widget .row-wrap.payment .cont-row.cont-row1 .pay .count {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.widget .row-wrap.payment .cont-row.cont-row1 .tax h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #222;
}

.widget .row-wrap.payment .cont-row.cont-row1 .tax .count {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.widget .row-wrap.payment .cont-row.cont-row1 .sale .count {
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.widget .row-wrap.payment .cont-row.cont-row2 .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.widget .row-wrap.payment .cont-row.cont-row2 .total h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #222;
}

.widget .row-wrap.payment .cont-row.cont-row2 .total .count {
  font-size: 30px;
  font-weight: 700;
  line-height: 21px;
  color: #222;
}

.widget .row-wrap.payment .cont-row.cont-row2 .total .right .per-count {
  color: #777;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
  margin-right: 20px;
}

.widget .row-wrap.payment .boundary-line {
  height: 1px;
  width: 100%;
  background: #EEEEEE;
  margin: 20px 0;
}

.widget .row-wrap.payment .button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.widget .row-wrap.payment .button-wrap .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 4px;
  -moz-column-gap: 4px;
  column-gap: 4px;
  min-width: 115px;
  border: 1px solid #ddd;
  height: 50px;
  border-radius: 4px;
}

.widget .row-wrap.payment .button-wrap .button:last-child {
  border: none;
  background: #FE2F48;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.widget .row-wrap.payment .button-wrap .button:last-child .text {
  color: #fff;
}

.widget .row-wrap.payment .button-wrap .button .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.widget .row-wrap.order-num.set .quantity .top-cont .input-wrap,
.widget .row-wrap.order-num.single .quantity .top-cont .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget .row-wrap.order-num.set .quantity .top-cont .input-wrap .inputbox,
.widget .row-wrap.order-num.single .quantity .top-cont .input-wrap .inputbox {
  background: #F5F5F5;
}

.widget .row-wrap.order-num.set .quantity .top-cont .input-wrap .inputbox input,
.widget .row-wrap.order-num.single .quantity .top-cont .input-wrap .inputbox input {
  pointer-events: none;
  color: #999;
}

.widget .row-wrap.order-num.set .quantity .top-cont .input-wrap.input .inputbox {
  width: 162px;
}

.widget .row-wrap.order-num.top-cont .input-wrap.input .inputbox {
  width: 236px;
}

.widget .row-wrap.order-num .quantity .title h2 {
  margin-bottom: 0;
}

.widget .row-wrap.order-num .quantity .title h2:first-child {
  min-width: 162px;
  margin-right: 40px;
}

.widget .row-wrap.order-num .quantity .title h2:last-child {
  width: 100%;
}

.widget .row-wrap.order-num .quantity .top-cont {
  margin-bottom: 10px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap[data-visible=true] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.input .inputbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 236px;
  padding: 0 13px;
  height: 49px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.input .inputbox:focus-within {
  border: 1px solid #222;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.input .inputbox input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  outline: none;
  background: none;
  border: none;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.input .icon-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select.active .select-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: auto;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select.active .options-list {
  display: block;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 13px;
  height: 49px;
  width: 162px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select .select-box .selected-option {
  color: #000;
  font-weight: 400;
  line-height: 150%;
  font-size: 14px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select input {
  width: 162px;
  padding: 0 16px 0 14px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select .icon-padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select .options-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow-y: auto;
  max-height: 250px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select .options-list .option {
  padding: 4px 10px;
}

.widget .row-wrap.order-num .quantity .top-cont .input-wrap.select .options-list .option:hover {
  background: #222;
  color: #fff;
}

.widget .row-wrap.order-num .quantity .top-cont button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 90px;
  padding: 0 11px;
  white-space: nowrap;
  height: 40px;
}

.widget .row-wrap.order-num .quantity .top-cont button:hover {
  background: #222;
  color: #fff;
}

.widget .row-wrap.order-num .quantity .top-cont button:hover .text {
  color: #fff;
}

.widget .row-wrap.order-num .quantity .top-cont .button:hover .text {
  color: #fff;
}

.widget .row-wrap.order-num .quantity .paragraph p {
  font-size: 13px;
}

.widget .floting-box {
  position: absolute;
  top: -24px;
  right: 0;
  /* 자기 자신 크기만큼 이동 */
  /* transform: translateX(100%); */
  /* 자기자신 + 40px */
  -webkit-transform: translateX(calc(100% + 40px));
  transform: translateX(calc(100% + 40px));
  background: #fff;
  padding: 24px 16px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  z-index: 1;
}

.widget .floting-box.hide {
  display: none;
}

.widget .floting-box .box-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.widget .floting-box .box-header h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  color: #222;
}

.widget .floting-box .dashed-line {
  height: 1px;
  background-image: repeating-linear-gradient(to right, #ddd 0, #ddd 4px, transparent 4px, transparent 8px);
  width: 100%;
  margin: 10px 0;
}

.widget .floting-box .boundary-line {
  height: 1px;
  background: #ddd;
  margin: 16px 0;
}

.widget .floting-box .box-content {
  padding: 12px;
  background: rgba(245, 245, 245, 0.7);
  min-width: 158px;
  border-radius: 6px;
}

.widget .floting-box .box-content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 7px;
}

.widget .floting-box .box-content .item:last-child {
  margin-bottom: 0;
}

.widget .floting-box .box-content .item.item3 .text {
  color: #777;
}

.widget .floting-box .box-content .item.item6 .icon-padding:hover .tooltip-wrapper {
  display: block;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  width: 252px;
  padding: 16px;
  /* 아이콘 높이, before 높이, 일부 유격 등 계산 */
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #222;
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
}

.widget .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper {
  display: none;
}

.widget .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper::before {
  content: "";
  display: inline-block;
  background: no-repeat center/cover url("https://s3.ap-northeast-2.amazonaws.com/redprintingweb.common/assets/images/ko/icon_tooltip_mark.svg");
  width: 1.813rem;
  aspect-ratio: 22/19;
  position: absolute;
  top: -7px;
  /* z-index: -1; */
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
  filter: invert(9%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(102%) contrast(89%);
}

.widget .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper .text {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.widget .floting-box .box-content .item.item6 .icon-padding .tooltip-wrapper .text b {
  color: #fff;
}

.widget .floting-box .box-content .item.item6 h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widget .floting-box .box-content .item.item6 h5>.text {
  margin-right: 2px;
}

.widget .floting-box .box-content .item.item6 h5 .icon-padding {
  position: relative;
}

.widget .floting-box .box-content .item h5 {
  font-size: 13px;
  color: #777;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}

.widget .floting-box .box-content .item h5>.text {
  font-size: 12px;
  color: #777;
  text-align: left;
}

.widget .floting-box .box-content .item .text {
  font-size: 13px;
  color: #222;
  font-weight: 500;
  line-height: 150%;
  text-align: right;
}

.widget .floting-box .box-footer .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2px;
}

.widget .floting-box .box-footer .item:last-child {
  margin-bottom: 0;
}

.widget .floting-box .box-footer .item.item1 .text b {
  color: #999;
}

.widget .floting-box .box-footer .item.item2 h5,
.widget .floting-box .box-footer .item.item3 h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #222;
}

.widget .floting-box .box-footer .item.item2 .text,
.widget .floting-box .box-footer .item.item3 .text {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: #222;
}

.widget .floting-box .box-footer .item h5 {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}

.widget .floting-box .box-footer .item .text {
  font-size: 13px;
  font-weight: 500;
  line-height: 150%;
  color: #999;
}

.widget .price-btn-wrap1 .btn-orderPage {
  background-color: #FE2F48;
  color: #fff;
}

/* 25-08 Graphic 글꼴 변경에 따른, EN 사이트 조정 */
body.en .aside-rightWrap .aside-tip .txt-top {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-tip .txt-bottom strong {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .opt-ttl {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .ttl {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .title h2 {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .title button {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .title button .text {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .sizes-wrap .working-size h3 {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .upload-wrap .top-btn button {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .upload-wrap .note b {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .upload-wrap .note span b {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .aside-total .price-wrap2 .price-name {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap .row-wrap .aside-total .price-wrap2 .price-num .num2 {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-div-wrap.has-floting-box .floting-box b {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-btns.boder-bottom .price-btn-wrap1 button {
  font-weight: 600;
}

body.en .aside-rightWrap .aside-total .price-wrap2 .price-num .num2 {
  font-weight: 600;
}

body.en .aside-rightWrap .order-notice-wrapper.order-new .notice.ver1 .notice-row.row3 .text {
  font-weight: 600;
}

body.en .offset-book .row-wrap .note b {
  font-weight: 600;
}

/*# sourceMappingURL=page-order.css.map */