.prd-more {text-align: center;  width: 50%; margin: 0 auto; cursor: pointer;}
.checkOff {display: none !important;}
.checkOn {display: flex !important;}

/* --------------------------------------------------------------------------------- */
/* ----------------------------------주문신청 페이지--------------------------------- */
/* --------------------------------------주문상세------------------------------------ */
/* --------------------------------------------------------------------------------- */
.prd-item {margin: 0;}
.prd-item h5 {margin: 0; text-align: center; color: #1A73E8; border-top: 3px solid #1A73E8;}
.prd-item .prd-detail {display: grid; align-items: flex-start; justify-content: space-around; list-style: none; grid-template-columns: 130px 1fr 365px; margin-bottom: 1rem;}
.prd-item .prd-detail:last-child {border-bottom: none !important; margin-bottom: 0;}
.prd-item .prd-num {grid-column: 1 / 2; grid-row: 1 / 2; padding: 0.5rem 0.5rem 0 0;}
.prd-item .prd-right {border-radius: 0.5rem; padding: 0.5rem 0 0.5rem 0.5rem; grid-column: 2 / 4; grid-row: 1/ 3;}
.prd-item .prd-right > ul {list-style: none; margin: 0; padding: 0; display: grid;grid-template-columns: repeat(4, 1fr); border-radius: 0.5rem; overflow: hidden; border: 1px solid #dee2e6;}
.prd-item .prd-right .prd-contents {width: calc(100% - 110px); padding: 0.5rem; display: flex;}
.prd-item .prd-right > ul > li {display: flex;flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #dee2e6; border-right: 1px solid #dee2e6; background: #f8f9fa;}
.prd-item .prd-right > ul > li.prd-url, .prd-item .prd-right > ul > li.prd-name {grid-column: 1 / 3;}
.prd-item .prd-right > ul > li.prd-order-date {grid-column: 3 / 5; border-right: none;}
.prd-item .prd-right > ul > li.prd-ordernum {grid-column: 1 / 3;}
.prd-item .prd-right > ul > li.prd-other-ordernum {grid-column: 3 / 5; border-right: none;}
.prd-item .prd-right > ul > li.prd-customs, .prd-item .prd-right > ul > li.prd-en-name {grid-column: 1 / 3;}
.prd-item .prd-right > ul > li.prd-en-name {grid-column: 3 / 5; border-right: none;}
.prd-item .prd-right > ul > li.prd-amount {border-right: none;}
.prd-item .prd-right > ul > li:last-child {grid-column: 1 / 5;border-bottom:none; border-right: none;}
.prd-item .prd-img {padding: 0 0.5rem 0.5rem 0;grid-column: 1 / 2; grid-row: 2 / 4;}
.prd-item .prd-img .prd-img-add {text-align: center; border: 1px solid #d2d6da; width: 100%; display: block; padding: 0.25rem 0.5rem; border-radius: 0.5rem; margin-top: 0.5rem;}
.prd-item .prd-img .prd-img-add:hover {border-color: #e91e63;}
.prd-item .prd-img .avatar-wrapper-img {border: 1px solid #dee2e6; border-radius: 0.5rem; overflow: hidden; width: 100%; height: 0; padding-bottom: 100%;}
.prd-item .prd-img img {width: 100%;}
.prd-item .prd-right .title {width: 110px; font-size: var(--bs-body-font-size); line-height: var(--bs-body-line-height); font-weight: 500; margin: 0;padding: 0.5rem; border-right: 1px solid #dee2e6; background: #f0f2f5; word-break: keep-all;}
.prd-item .prd-bottom {grid-column: 3 / 4; grid-row: 3/ 4; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; display: flex;}
.prd-item .prd-tracking {display: flex;grid-column: 2 / 3; grid-row: 3/ 4;}
/* .prd-item .prd-tracking .input-group {max-width: 400px;} */
.prd-item .prd-tracking .btn {background: #d2d6da; color: #495057; margin-left: 0.5rem; min-width: 55px;}
.prd-item .prd-bottom .prd-contents {flex: auto;}
.prd-item .tracking-input {width: calc(100% - 5rem); float: left;background: #fff;}
.prd-item .tracking-input .form-control {padding: 0.25rem 0.5rem !important;}
.prd-item .tracking-input.is-focused .form-control {border-color: #1A73E8 !important; box-shadow: inset 1px 0 #1A73E8, inset -1px 0 #1A73E8, inset 0 1px #1A73E8, inset 0 -1px #1A73E8;}

.contents-btn {padding: 0; margin: 0; border-radius: 0.5rem; float: right; text-align: center; margin-left: 0.5rem; padding: 0.5rem 0.75rem !important; box-shadow: none; min-width: 55px; cursor: pointer; border: none;}
.prd-item .contents-btn:first-child {margin-left: 0;}
.prd-item .contents-btn:hover {opacity: 0.85;}




.d-yuan::before {content: '￥'; position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); z-index: 9; padding: 0.1rem;}

@media screen and (max-width: 1200px) {
.prd-item .prd-right > ul > li.prd-name {grid-column: 1 / 3;}
.prd-item .prd-right > ul > li.prd-en-name {grid-column: 3 / 5; border-right: none;}
.prd-item .prd-right > ul > li.prd-size,.prd-item .prd-right > ul > li.prd-quantity {grid-column: 1 / 3;}
.prd-item .prd-right > ul > li.prd-texture,.prd-item .prd-right > ul > li.prd-color,.prd-item .prd-right > ul > li.prd-amount {grid-column: 3 / 5; border-right: none;}
}



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

    /* -----------------------------------주문신청---------------------------------- */
    /* ---------------------------------------------------------------------------- */
    .od-t {margin: 0 1.5rem;}
    .prd-item .prd-detail {grid-template-columns: 120px 1fr;}
    .prd-item .prd-detail .prd-num {grid-row: 1 / 2; grid-column: 2 / 3; padding: 0.2rem 0 0.5rem 0.5rem;}
    .prd-item .contents-btn {flex: auto;}
    .prd-item .prd-detail .prd-num h5 {line-height: 2.7rem;}
    .prd-item .prd-img {padding: 0 0.5rem 0.5rem 0; grid-row: 1 / 3; grid-column: 1 / 2;}
    .prd-item .prd-right {grid-column: 1 / 3; grid-row: 3 / 4; padding: 0.5rem 0 0 0 ;}
    .prd-item .prd-right > ul > li.prd-url {grid-column: 1 / 5; border-right: none;}
    .prd-item .prd-right > ul > li.prd-order-date {grid-column: 1 / 5;}
    .prd-item .prd-tracking {grid-row: 4 / 5; grid-column: 1 / 3; padding: 0.5rem 0;}
    .prd-item .tracking-input .form-control {padding: 0.6rem !important;}
    .prd-item .prd-tracking .input-group {max-width: inherit;}
    .prd-item .prd-tracking a {width: 15%;}
    .prd-item .prd-bottom {grid-column: 2 / 3; grid-row: 2 / 3;grid-template-columns: 1fr; display: flex; padding: 0.5rem;}
    .prd-item .prd-btn-wrap {display: flex;flex-wrap: wrap; grid-row: 1 / 2; padding-bottom: 1rem;}
    .prd-item .prd-btn-wrap .contents-btn:first-child {margin-left: 0;}

}

@media screen and (max-width: 768px) {
    .prd-item .prd-right > ul > li.prd-order-date, .prd-item .prd-right > ul > li:nth-child(4), .prd-item .prd-right > ul > li.prd-en-name {grid-column: 1 / 5;}
    .prd-item .prd-right > ul > li:nth-child(3), .prd-item .prd-right > ul > li.prd-name, .prd-item .prd-right > ul > li.prd-size, .prd-item .prd-right > ul > li:nth-child(8) {grid-column: 1 / 5; border-right: none;}

    .prd-item .prd-img {grid-row: 1 / 3;}
    .prd-item .prd-tracking {grid-column: 1 / 3; padding: 0.5rem 0;}
    .prd-item .prd-bottom {flex-direction: row; flex-wrap: wrap; justify-content: space-between}
    .prd-item .prd-bottom .contents-btn {margin-left: 0; width: calc(50% - 0.5rem);flex: inherit; margin-bottom: 0.5rem;}
}

@media screen and (max-width: 575.98px) {
    .prd-item .prd-detail .prd-num {grid-column: 1 / 3;}
    .prd-item .prd-img {grid-row: 2 / 3;}
    .prd-item .prd-right > ul > li {}
    .prd-item .prd-right .title {width: 80px; border-right: none; padding: 1rem 0.5rem !important;}
    .prd-item .prd-right .prd-contents {width: calc(100% - 80px);}
    
    /* .prd-item .contents-btn:nth-child(3), .prd-item .contents-btn:nth-child(4) {width: 50%;} */
    .prd-item .tracking-input {width: calc(100% - 4rem);}
    .prd-item .prd-bottom {padding: 0 0 0 0.5rem;}
    .prd-item .prd-bottom .contents-btn {margin-bottom: 1.15rem;}
    .prd-item .prd-bottom .contents-btn:first-child, .prd-item .prd-bottom .contents-btn:nth-child(2) {width: 100%;}
    .prd-item .prd-bottom .contents-btn:nth-child(3), .prd-item .prd-bottom .contents-btn:nth-child(4) {margin-bottom: 0;}
    .prd-item .prd-right > ul > li.prd-size, .prd-item .prd-right > ul > li.prd-color, .prd-item .prd-right > ul > li.prd-quantity, .prd-item .prd-right > ul > li.prd-amount{grid-column: 1 / 5;}
    .prd-item .prd-right > ul > li.prd-size, .prd-item .prd-right > ul > li.prd-quantity {border-right: none;}
}



/* ------------------------------주문신청------------------------------------- */

.transport-app .note-inner {overflow-y: scroll; overflow-x: hidden;}
/* .transport-app .shipping-opt-step1 {width: 100%;display: flex; flex-direction: row !important;     flex-direction: row; column-gap: 20px; flex-wrap: nowrap;} */
.transport-app .shipping-opt-step1 .form-check.is-focused {border-radius: 0.75rem; box-shadow: inset 1px 0 #e91e63, inset -1px 0 #e91e63, inset 0 1px #e91e63, inset 0 -1px #e91e63;}

.transport-app .shipping-opt-step2 {}
.transport-app .shipping-opt-step2 .radio-area {display: flex;}

/* ----수취인정보---- */
.adress-info .input-group.input-group-static label {width: 100%; font-weight: 600;}
.transport-app .adress-info .customs-code .is-focused button {background: #e91e63; color: #fff;}

.customs-select-modal .nav.nav-pills .moving-tab {width: calc(100% - 0.5rem) !important;}

.prd-item .prd-right .title {padding: 1rem 0.75rem;}
.transport-app .input-group.input-group-outline .form-control {background: #fff; padding: 0.5rem !important;}

/* 입력란 에러 */
.order-app .input-group.input-group-static .form-control[disabled] { cursor: not-allowed;     background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #c8c8c8 1px, rgba(209, 209, 209, 0) 0) !important; }
.order-app .input-group input.error {border-color: #e91e63;}
.order-app .input-group.form-control.error ~ small {display: block; color: var(--bs-primary)}


@media screen and (max-width: 991.98px) {
    .transport-app .shipping-opt-step1 {flex-direction: column !important;}
    .order-step .my-step a {padding: 0.25rem;}
    
}

@media screen and (max-width: 768px) {
    .transport-app .shipping-opt-step1 .form-check label {grid-template-columns: 1fr;}
    .transport-app .shipping-opt-step1 .form-check .center {display: flex;justify-content: space-between}
}