@charset "UTF-8";

/* common */
.myPage.wrapper .field .content .row.name,
.myPage.wrapper .field .content .row.contact,
.myPage.wrapper .field .content .row.address,
.login.wrapper .field .content .row.name,
.login.wrapper .field .content .row.contact,
.login.wrapper .field .content .row.address,
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.name,
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.contact,
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.address,
.payment-process.wrapper .column-wrapper.two-column .field .content .row.name,
.payment-process.wrapper .column-wrapper.two-column .field .content .row.contact,
.payment-process.wrapper .column-wrapper.two-column .field .content .row.address,
.payment-process.wrapper .singleField .content .row.inputTextRow,
.payment-process.wrapper .singleField .content .row.inputTextRow .inputWithElement {
    /* remove default browser margin between element */
    font-size: 0;
    letter-spacing: 0;
}

.trans-normal {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.wrapper .field .content .row .half {
    width: calc(50% - 5px);
}

.wrapper .field .content .row .half:last-child {
    margin-left: 10px;
}

.wrapper .field .content .row select {
    background-color: transparent;
}

.subtext:after {
    content: "상품 배송 준비가 시작되어 주문을 취소할 수 없습니다.";
    display: block;
    margin-top: 5px;
    font-size: 10px;
    line-height: 1.6;
}

.sitePlan-globalMall .subtext:after {
    content: "Shipment-ready orders cannot be canceled.";
}

/* induce review writing - my page, order detail page */
.review-board-link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 18px;
    cursor: pointer;
}

.review-board-link .review-board-text {
    font-size: 14px;
}

.review-board-link .point-badge {
    display: none;
    padding: 3px 4px;
    margin-left: 4px;
    font-size: 10px;
    border-radius: 4px;
}

.review-board-link .point-badge.js-isPointAddonEnabledAndHasValue {
    display: block;
}

/* cart.css */
/* cart - field_content */
.cart.wrapper .tb-title {
    padding: 16px 0 15px;
}

.cart.wrapper > .header > .title {
    font-size: inherit;
    line-height: inherit;
}

.cart.wrapper .tb-title > * {
    float: left;
}

.cart.wrapper .tb-title > .name {
    width: 50%;
}

.cart.wrapper .tb-title > .qty {
    width: 20%;
    text-align: center;
    padding-left: calc(20% - 114px);
}

.cart.wrapper .tb-title > .price {
    width: 25%;
    text-align: right;
}

.cart.wrapper .tb-title > .deleteIcon {
    width: 5%;
}

.cart.wrapper .tb-title > .item-list-header {
    width: 100%;
}

.cart.wrapper .tb-title.with-delivery-price > .item-list-header {
    width: 80%;
}

.cart.wrapper .tb-title > .item-list-header > .name {
    width: calc(53% - 23px);
}

.cart.wrapper .tb-title > .item-list-header > .qty {
    width: 25%;
    text-align: center;
    padding-left: calc(25% - 114px);
}

.cart.payment-process.wrapper .tb-title > .item-list-header > .qty {
    width: 25%;
    text-align: center;
    padding-left: 0;
}

.cart.wrapper .tb-title > .item-list-header > .all-select {
    text-align: left;
    padding-right: 10px;
    font-size: 0;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .all-select {
    text-align: center;
    padding-left: 0;
}

.cart.wrapper .tb-title > .item-list-header > .cart-product-checkbox-input {
    text-align: right;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .cart-product-checkbox-input {
    padding-left: 0;
}

.cart.wrapper .tb-title > .item-list-header > .price {
    width: 20%;
    text-align: right;
}

.cart.wrapper .tb-title.with-delivery-price > .item-list-header > .price {
    width: 20%;
    text-align: center;
}

.cart.payment-process.wrapper .tb-title > .item-list-header > .price {
    width: 20%;
    text-align: right;
    padding-left: 0;
}

.cart.payment-process.wrapper .tb-title.with-delivery-price > .item-list-header > .price {
    width: 20%;
    text-align: center;
    padding-left: 0;
}

.cart.wrapper .tb-title > .deliveryCharge {
    display: none;
}

.cart.wrapper .tb-title.with-delivery-price > .deliveryCharge {
    overflow: hidden;
    max-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 20%;
    text-align: center;
}

.cart.wrapper .tb-content .delivery-group {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.cart.wrapper .tb-content .delivery-group-item-list {
    flex: 4;
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper {
    display: none;
}

.cart.wrapper .tb-content.with-delivery-price .delivery-group-delivery-price-wrapper {
    display: block;
    flex: 1;
    height: 100%;
    text-align: center
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-sale-price-info
{
    display: none;
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-msg {
    display: inline-block;
    font-size: 14px;
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-badge {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-badge-detail {
    display: table;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    text-align: left;
    right: 0;
    cursor: auto;
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-badge-detail > span {
    display: block;
    min-height: 15px;
}

.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-conditional-free-label {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.3em;
}

.cart.wrapper .tb-content .delivery-group-item-list .info {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.cart.wrapper .tb-content .delivery-group-item-list .info:last-child {
    border-bottom: none;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .product {
    width: 53%;
    padding-right: 0;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .price {
    width: 20%;
    font-size: 14px;
    text-align: center;
    padding-left: 0;
}

.cart.wrapper .tb-content.with-delivery-price .delivery-group-item-list .info .price {
    width: 20%;
    font-size: 14px;
    text-align: center;
    padding-left: 0;
}

.cart.payment-process.wrapper .tb-content .delivery-group-item-list .info .qty {
    width: 25%;
    text-align: center;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv {
    width: 25%;
    text-align: center;
    padding-left: calc(25% - 114px);
}

.cart.wrapper .tb-content .delivery-grouop-item-list .info .QuantityDiv input {
    vertical-align: top;
    width: 40px;
    text-align: center;
    padding: 5px 5px;
    height: 37px;
    font-size: 14px;
    line-height: 25px;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-appearance: none; /* Remove default shadow */
    -moz-appearance: none;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content .description {
    display: flex;
    align-items: center;
    margin-top: 7px;
    font-size: 11px;
    color: #999;
}

/** Delete button - Position set **/
/* Default */
.cart.wrapper .tb-title > .item-list-header > span,
.cart.wrapper .tb-title > .item-list-header > span.price {text-align: center;}
.cart.wrapper .tb-title > .item-list-header > span.name {text-align: left;}
.cart.wrapper .tb-content .delivery-group-item-list .info .delete-btn-wrapper.deleteButtonPos-2 {
    display: none;
}
.cart.wrapper .dummy-cart-items .delivery-group-item-list .product.deleteButtonPos-1 .delete-btn-wrapper > span {
    font-size: 14px; cursor: pointer;
}
.cart.wrapper .tb-title > .item-list-header > .item-delete {
    display: none;
}
/* position -- right */
#body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group-item-list .product.deleteButtonPos-1 {
    width: 41%;
}

#body.cartPage-deleteButton-position-right .cart.wrapper .tb-title > .item-list-header > .name {
    width: calc(41% - 24px);
}

#body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group-item-list .product.deleteButtonPos-1 .delete-btn-wrapper {
    display: none;
}
#body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group-item-list .info .delete-btn-wrapper.deleteButtonPos-2,
#body.cartPage-deleteButton-position-left .cart.wrapper .tb-title > .item-list-header > .item-delete,
#body.cartPage-deleteButton-position-right .cart.wrapper .tb-title > .item-list-header > .item-delete{
    display: inline-block;
    width: 10%;
    font-size: 0;
    text-align: center;
}
#body.cartPage-deleteButton-position-left .cart.wrapper .tb-content .delivery-group-item-list .info .delete-btn-wrapper.deleteButtonPos-2 {
    display: none;
}

#body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group-item-list .info .delete-btn-wrapper.deleteButtonPos-2 > span {
    font-size: 14px;
    letter-spacing: -0.069em;
    cursor: pointer;
}

.cart.wrapper .tb-content .delivery-grouop-item-list .info .QuantityDiv input {
    vertical-align: top;
    width: 40px;
    text-align: center;
    padding: 5px 5px;
    height: 37px;
    font-size: 14px;
    line-height: 25px;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-appearance: none; /* Remove default shadow */
    -moz-appearance: none;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content .description {
    display: flex;
    align-items: center;
    margin-top: 7px;
    font-size: 11px;
    color: #999;
}

/* Delete Button - Icon */
.button-element {
    position: relative;
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 13px;
    letter-spacing: -0.069em;
}
.icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-position: center center !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.button-element.icon {
    font-size: 0;
    width: 30px;
    height: 30px;
    padding: 0 0;
    background-color: #fff;
    border: 0;
}

.icon.icon-black {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}

.delete-btn-wrapper .icon.icon-black.icon-delete {
    position: relative;
    background-image: none;
}
.delete-btn-wrapper .icon.icon-black.icon-delete::before {
    content: "";
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #222;
    mask-image: url("../../images/icon/ic-section-delete.svg");
    mask-repeat: no-repeat;
    mask-position: center left;
    mask-size: contain;
    -webkit-mask-image: url("../../images/icon/ic-section-delete.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.delete-btn-wrapper.deleteButtonPos-2 .icon.icon-black.icon-delete::before {
    top: 8px;
    left: 8px;
}

.cart.wrapper .tb-content .delivery-group-item-list .delete-btn-wrapper .button-element,
#body.cartPage-deleteButton-type-text .cart.wrapper .tb-content .delivery-group-item-list .delete-btn-wrapper .button-element,
#body.cartPage-deleteButton-type-icon .cart.wrapper .tb-content .delivery-group-item-list .delete-btn-wrapper .text-assi {
    display: none;
}

#body.cartPage-deleteButton-type-icon .cart.wrapper .tb-content .delivery-group-item-list .delete-btn-wrapper .button-element {
    display: inline-block;
    font-size: 14px;
    width: unset;
    background-color: unset;
}


/* IE 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content {
        height: 37px;
    }
}

@media only screen and (max-width: 640px) {
    .cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content {
        flex-direction: row;
        justify-content: flex-start;
        white-space: nowrap;
        height: auto;
    }

    .cart.wrapper .tb-content .delivery-group-item-list .info .QuantityDiv .content .description {
        margin-top: 0;
        margin-left: 7px;
    }
}

.cart.wrapper .tb-content .info {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.cart.wrapper .tb-content .info .product {
    width: 50%;
    padding-right: 0;
}

.cart.wrapper .tb-content .info .price {
    width: 25%;
    font-size: 14px;
    text-align: right;
}

.cart.wrapper .tb-content .info .deleteIconDIv {
    display: none;
    width: 5%;
    text-align: right;
    vertical-align: top;
}

.cart.wrapper .tb-content .info .deleteIconDIv i {
    float: right;
    width: 100%;
    max-width: 40px;
    padding: 10px 0;
    font-size: 10px;
    cursor: pointer;
}

.cart.wrapper .tb-content .info .QuantityDiv {
    width: 20%;
    text-align: center;
    padding-left: calc(20% - 114px);
}

.cart.wrapper .tb-content .info .QuantityDiv input {
    vertical-align: top;
    width: 40px;
    text-align: center;
    padding: 5px 5px;
    height: 37px;
    font-size: 14px;
    line-height: 25px;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-appearance: none; /* Remove default shadow */
    -moz-appearance: none;
}

.cart.wrapper .tb-content .info input[type=number]::-webkit-inner-spin-button,
.cart.wrapper .tb-content .info input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart.wrapper .tb-content .info input[type=number] {
    -moz-appearance: textfield;
}

.cart.wrapper .btn-wrapper {
    margin-top: 40px;
    text-align: right;
    vertical-align: middle;
}

.cart.wrapper .tb-total .info {
    padding: 20px 0;
}

.cart.wrapper .tb-total .title {
    margin-right: 15px;
}

/* naver pay */
.cart.wrapper .row.naverPayButton {
    text-align: right;
    margin-top: 40px;
}

.cart.wrapper .naverPay_storebtn_bx {
    float: right !important;
}

@media screen and (max-width: 640px) {
    .cart.wrapper .header {
        margin-bottom: 0;
    }


    .cart.wrapper .tb-title > .item-list-header > .all-select {
        width: unset;
        padding-left: unset;
    }

    .cart.wrapper .tb-title > .item-list-header > .all-select:after {
        content: '전체 선택';
        font-size: 14px;
        padding-left: 10px;
        vertical-align: middle;
    }

    .sitePlan-globalMall .cart.wrapper .tb-title > .item-list-header > .all-select:after {
        content: 'All';
    }

    .cart.wrapper .tb-title > .item-list-header > span.name,
    .cart.wrapper .tb-title > .item-list-header > .qty,
    .cart.wrapper .tb-title.with-delivery-price > .item-list-header > .price,
    .cart.wrapper .tb-title > .item-list-header > .price,
    .cart.wrapper .tb-title > .item-list-header > .item-delete {
        display: none !important;
    }

    .cart.wrapper .tb-title.with-delivery-price > .deliveryCharge {
        display: none;
    }

    .cart.wrapper .tb-title > .deliveryCharge {
        display: none;
    }

    .cart.wrapper .tb-content .delivery-group {
        flex-direction: column;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list {
        flex: none;
        flex-direction: column;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-delivery-price-wrapper {
        flex: none;
        width: 100%;
        border-top: 1px solid #ddd;
        padding: 20px 0;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-delivery-price-wrapper .delivery-group-sale-price-info {
        display: inline-block;
        font-size: 14px;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-info {
        display: inline-block;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-info[data-isServicePolicy] {
        display: none;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info {
        flex-direction: column;
        flex: 1;
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info:last-child {
        border-bottom: none;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .product {
        width: 100%;
    }
    #body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group-item-list .product.deleteButtonPos-1 {
        width: 100%;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .product .img {
        vertical-align: top;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .product .text {
        width: calc(70% - 24px);
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .deleteIconDIv {
        display: inline-block;
    }

    .cart.payment-process.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .qty {
        margin-top: 5px;
        margin-left: 20%;
        text-align: left;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .QuantityDiv {
        margin-top: 10px;
        margin-left: calc(20% + 24px);
        text-align: left;
        padding-left: 0;
    }

    .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .price {
        width: 80%;
        margin-top: 20px;
        margin-left: calc(20% + 24px);
        font-size: 14px;
        text-align: left;
        padding-left: 0;
    }

    .cart.payment-process.wrapper .tb-total .info .shipping {
        display: flex;
        justify-content: space-between;
    }

    #body.cartPage-deleteButton-position-left .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .product .text .delete-btn-wrapper,
    #body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group > .delivery-group-item-list .info .product .text .delete-btn-wrapper{
        display: none;
    }
    #body.cartPage-deleteButton-position-left .cart.wrapper .tb-content .delivery-group-item-list .info .delete-btn-wrapper.deleteButtonPos-2,
    #body.cartPage-deleteButton-position-right .cart.wrapper .tb-content .delivery-group-item-list .info .delete-btn-wrapper.deleteButtonPos-2{
        display: none;
    }
}

/* cart.css */

/* customer.css */
#daum_postcode_layer {
    display: none;
    border: 2px solid #222 !important;
    position: fixed;
    width: 500px;
    height: 450px;
    left: -webkit-calc(50% - 250px);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
}

#daum_postcode_layer > img {
    right: -2px !important;
    top: -2px !important;
}

.login.wrapper,
.myPage.wrapper,
.orderDetails.wrapper,
.payment-process.wrapper,
.cart.payment-process.wrapper,
.shopCustomerGradePolicy.wrapper {
    position: relative;
    width: 100%;
    max-width: 960px;
    min-height: 300px;
    height: auto;
    margin: 0 auto;
    padding: 60px 16px 70px;
}

.findPassword.field input[type=number].numberInput::-webkit-inner-spin-button,
.findPassword.field input[type=number].numberInput::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wrapper .field .content .error-msg {
    margin-bottom: 30px;
    text-align: center;
    line-height: 17px;
    font-size: 14px;
}

/* page header title */
.wrapper > .header,
.wrapper .field .header {
    width: 100%;
    margin-bottom: 40px;
}

.wrapper > .header > .title,
.wrapper .field .header .title,
.payment-process.wrapper .product.field .header .title.headline {
    font-size: 26px;
    line-height: 32px;
}

.payment-process.wrapper .orderer.field .header .button {
    float: right;
    height: 45px !important;
    font-size: 14px;
    line-height: 14px !important;
}

/* product information in table */
.wrapper .product.field:after {
    display: block;
    clear: both;
    content: "";
}

.wrapper .tb-title {
    border-bottom: 1px solid #ddd;
    height: 51px;
}

.wrapper .tb-title {
    padding: 16px 1% 15px 0;
}

.wrapper .tb-title span {
    overflow: hidden;
    max-height: 32px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 17px;
    float: left;
}

.wrapper .tb-title .name {
    width: 60%
}

.wrapper .tb-title .qty {
    width: 15%;
    text-align: right;
}

.wrapper .tb-title .price {
    width: 25%;
    text-align: right;
}

.wrapper .tb-content .info {
    padding: 30px 0 30px;
    border-bottom: 1px solid #ddd;
}

.wrapper .tb-content .info > * {
    display: inline-block;
    vertical-align: middle;
}

.wrapper .orderCanceled > * {
    opacity: 0.3;
}

.wrapper .tb-content .info .product {
    width: 65%;
    padding-right: 5%;
}

.wrapper .tb-content .delivery-group-item-list .info .product .img {
    width: 15%;
    vertical-align: middle;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wrapper .tb-content .info .product .cart-product-checkbox-input {
    display: inline-block;
    padding-right: 10px;
}

.wrapper .tb-content .info .product .img {
    width: 25%;
    vertical-align: middle;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wrapper .tb-content .info .product .img img {
    width: 100%;
    vertical-align: middle;
}

.wrapper .tb-content .info .product .text {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5%;
}

.wrapper .tb-content .info .product .text .name {
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0;
}

.wrapper .tb-content .info .product .text .option,
.wrapper .tb-content .info .product .text .additionaloption {
    font-size: 12px;
    /* font-weight:normal; */
    line-height: 18px;
}

.wrapper .tb-content .delivery-group-item-list .info .product .text .delete-btn-wrapper {
    margin-top: 12px;
}

.wrapper .tb-content .delivery-group-item-list .info .product .text .delete-btn-wrapper > span {
    font-size: 14px !important;
    cursor: pointer;
}

.wrapper .tb-content .info .qty {
    font-size: 14px;
    line-height: 17px;
    width: 10%;
    text-align: right;
}

.wrapper .tb-content .info .price {
    font-size: 14px;
    width: 25%;
    padding-left: 5%;
    text-align: right;
}

.wrapper .tb-total {
    float: right;
    width: 50%;
    vertical-align: middle;
    line-height: 24px;
    text-align: right;
}

.wrapper .tb-total .title {
    display: inline-block;
    width: auto;
    margin-right: 30px;
}

.wrapper .tb-total .content {
    display: inline-block;
    width: 40%;
    text-align: right;
}

.wrapper .tb-total .info {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.wrapper .tb-total .info > div + div {
    margin-top: 20px;
}

.wrapper .tb-total .total {
    margin-bottom: 50px;
    padding: 20px 0;
    font-size: 15px;
    font-weight: bold;
}

.wrapper .tb-total .total#cartTotalDiv {
    margin-bottom: 0;
}

.wrapper .tb-total .total div {
    display: inline-block;
}

/* column - field */
.column-wrapper.one-column .field {
    width: 100%;
    max-width: 400px;
    display: block;
    vertical-align: top;
    /* overflow: hidden; issue SS2-1666 */
    margin: 0 auto;
}

.column-wrapper.two-column .field {
    width: 43%;
    display: inline-block;
    vertical-align: top;
    float: left;
    /* overflow: hidden; issue SS2-1666 */
}

.column-wrapper.two-column .field:first-child {
    margin-right: 14%;
}

.column-wrapper.two-column:before,
.column-wrapper.two-column:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.column-wrapper.two-column:after {
    clear: both;
}

.column-wrapper.two-column {
    zoom: 1;
}

.wrapper .field .row .title,
.wrapper .field .row .identityNumber-title,
.payment-process.wrapper .signup .content .row .title {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}

.wrapper .field .row .title.withLink {
    zoom: 1;
}

.wrapper .field .row .title.withLink:before,
.wrapper .field .row .title.withLink:after {
    content: '\e959';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.wrapper .field .row .title.withLink:after {
    clear: both;
}

.wrapper .field .row .title.withLink label,
.wrapper .field .row .title.withLink a {
    display: inline-block;
    width: 50%;
    float: left;
}

.wrapper .field .row .title.withLink a {
    text-align: right;
}

.wrapper .field .content .row {
    margin-bottom: 20px;
}

.wrapper .field .content .row:last-child {
    margin-bottom: 0;
}

.wrapper .field .content .onlyUsingPoint.row:last-child {
    margin-bottom: 20px;
}

.wrapper .field .header .title,
.payment-process.wrapper .product.field .header .title,
.payment-process.wrapper .pay-type .title,
.payment-process.wrapper .singleField .header .title {
    font-size: 20px;
    line-height: 32px;
}

.wrapper .field .header.designSettingElement .title {
    line-height: 1.2;
}

.wrapper .field .row input[type=text],
.wrapper .field .row input[type=search],
.wrapper .field .row input[type=password],
.wrapper .field .row input[type=number],
.wrapper .field .row input[type=tel],
.wrapper .field .row input[type=email],
.wrapper .field .row select {
    font-size: 14px;
    line-height: 23px;
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    padding: 10px 15px;
}

.wrapper .field .row input[type=text],
.wrapper .field .row input[type=search],
.wrapper .field .row input[type=password],
.wrapper .field .row input[type=number],
.wrapper .field .row input[type=tel],
.wrapper .field .row input[type=email] {
    background-color: transparent;
    -webkit-appearance: none; /* Remove default shadow */
    -moz-appearance: none;
}

.login.wrapper input[type=number]::-webkit-outer-spin-button,
.login.wrapper input[type=number]::-webkit-inner-spin-button,
.myPage.wrapper input[type=number]::-webkit-outer-spin-button,
.myPage.wrapper input[type=number]::-webkit-inner-spin-button,
.orderDetails.wrapper input[type=number]::-webkit-outer-spin-button,
.orderDetails.wrapper input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.myPage.wrapper input[type=number],
.orderDetails.wrapper input[type=number] {
    -moz-appearance: textfield;
}

.wrapper .field input[type=checkbox],
.wrapper .field input[type=radio] {
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.wrapper .field input[type=radio] {
    -webkit-appearance: radio;
}

.wrapper .field input[type=checkbox] + label,
.wrapper .field input[type=radio] + label {
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.wrapper .field input[type=checkbox]:disabled,
.wrapper .field input[type=radio]:disabled,
.wrapper .field input[type=checkbox]:disabled + label,
.wrapper .field input[type=radio]:disabled + label {
    cursor: auto;
}

.myPage.wrapper .field .content .row.address input + input,
.myPage.wrapper .field .content .row.address select + input,
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.address input + input,
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.address select + input {
    margin-top: 12px;
}

.myPage.wrapper .field .content .row.contact input:not(.payletter-phone),
.login.wrapper .field .content .row.contact input:not(.payletter-phone),
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.contact input:not(.payletter-phone) {
    display: inline-block;
    width: 30%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row.contact #mallBusinessCashReceipt1 {
    width: 30%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row.contact #mallBusinessCashReceipt2 {
    width: 15%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row.contact #mallBusinessCashReceipt3 {
    width: 45%;
}

.myPage.wrapper .field .content .row.contact .element,
.login.wrapper .field .content .row.contact .element,
.orderDetails.wrapper .column-wrapper.two-column .field .content .row.contact .element {
    display: inline-block;
    font-size: 17px;
    width: 5%;
    text-align: center;
}

.wrapper .field .content .row.post-code input:not(.zip-code),
.wrapper .field .content .row.auth-input input {
    display: inline-block;
    width: 290px;
}

.wrapper .field .content .row #customerBirthDate1 {
    width: 30%;
}

.wrapper .field .content .row #customerBirthDate2,
.wrapper .field .content .row #customerBirthDate3 {
    width: 20%;
}

.wrapper .field .content.readonly .row #orderReqButtonDiv button,
.wrapper .field .content.readonly .row #deliveryTrackingButtonDiv button,
.wrapper .field .content .row.post-code button,
.wrapper .field .content .row.auth-input button {
    display: inline-block;
    background-color: #222;
    width: 99px !important;
    height: 45px !important;
    margin-left: 10px;
    font-size: 14px !important;
    line-height: 21px;
    padding: 0 !important;
    cursor: pointer;
}

.payment-process.wrapper .btn-wrapper a.btn,
.wrapper .btn-wrapper button {
    font-size: 14px !important;
    cursor: pointer;
    min-width: 160px;
    min-height: 54px;
}

.item-element .no-content-msg,
.wrapper .no-content-msg {
    text-align: center;
    padding: 100px 0;
    line-height: 1.5em;
}

/* invertSign up  checkbox*/
.wrapper .field .content .checkbox-wrapper {
    margin: 10px 0;
}

.wrapper .field .content .checkbox-wrapper > * {
    display: inline-block;
    vertical-align: middle;
    float: left;
}

.wrapper .field .content .checkbox-wrapper .text,
.wrapper .field .content .checkbox-wrapper label {
    font-size: 14px;
    line-height: 1.5em;
    width: 90%;
    padding-left: 5%;
}

.wrapper .field .content .checkbox-wrapper label {
    cursor: pointer;
    padding-left: 10px;
}

.wrapper .field .content .checkbox-wrapper .legal-representative-order-cancel-message,
.wrapper .field .content .checkbox-wrapper .agree-receive-marketing-communication {
    font-size: 12px;
}

/* post code input n button */
.wrapper .field .content .row.post-code .post-code-wrapper > *,
.wrapper .field .content .row.auth-input .auth-input-wrapper > * {
    float: left;
}

.wrapper .field .content .row.post-code .post-code-wrapper input,
.wrapper .field .content .row.auth-input .auth-input-wrapper input {
    width: calc(100% - 109px);
}

.wrapper .field .content .row.auth-input .auth-input-wrapper .input_introAdultAuth {
    width: 100%;
}

/* restrictedPage css*/
.restrictedWrapper {
    position: absolute;
    z-index: 100000 !important;
    text-align: center;
    display: table;
    height: 100vh;
}

.restrictedWrapper .content.field {
    display: table-cell;
    vertical-align: middle;
    padding: 0 16px;
}

.restrictedPage.wrapper .restrictedPage_icon,
.restrictedBoardPost.wrapper .restrictedBoardPost_icon {
    margin: 0 auto 34px;
}

.restrictedPage.wrapper .restrictedPage_icon .icomoon-lock-round,
.restrictedBoardPost.wrapper .restrictedBoardPost_icon .icomoon-lock-round,
.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_icon .icomoon-lock-round {
    font-size: 82px;
}

.restrictedWrapper .row.info,
.restrictedWrapper .row.result {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 17px;
}

.restrictedWrapper .row.input {
    width: 100%;
    max-width: 240px;
    margin: 26px auto 20px;
}

.restrictedWrapper .row.input input {
    font-size: 14px;
    line-height: 23px;
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    padding: 10px 15px;
}
/* customer.css */

/* gradePolicy.css */
.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .header .title,
.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .header .info {
    vertical-align: middle;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .header .info {
    padding-left: 2%;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field #shopCustomerGradeList {
    margin-bottom: 70px;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .shopCustomerGradeDiv,
.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .gradeConditionDiv {
    display: inline-block;
    width: 33.3%;
    float: left;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 20px;
    padding: 0 10px;
    min-height: 110px;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .shopCustomerGradeDiv .shopCustomerGradeTitle,
.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .gradeConditionDiv .gradeConditionTitle {
    font-size: 14px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .gradeConditionDiv .gradeConditionTitle {
    border-bottom: none;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .gradeConditionDiv #changeDateSummary,
.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .gradeConditionDiv #checkTermSummary,
.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .gradeConditionDiv #keepTermSummary {
    margin-bottom: 12px;
    border-bottom: 1px solid;
    padding-bottom: 12px;
    min-height: 48px;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .shopCustomerGradeDiv > div > span {
    width: 50%;
    display: inline-block;
    line-height: 17px;
}

.shopCustomerGradePolicy.wrapper .shopCustomerGradePolicy.field .shopCustomerGradeDiv > div > span:last-child {
    text-align: right;
}
/* gradePolicy.css */

/* login.css */
/* login - field_content */
.wrapper .field .btn-wrapper {
    text-align: center;
    margin-top: 20px;
}

.login.wrapper .field .content .find-pw {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    margin: 20px 0 30px;
}

.login.wrapper .field .content #customerLoginRecaptcha {
    text-align: center;
}

.login.wrapper .field .content #customerLoginRecaptcha > div {
    display: inline-block;
}

.login.wrapper .field .content .btn-container {
    display: flex;
    flex-direction: column;
}

.login.wrapper .field .content .btn-container .btn-wrapper button {
    min-width: 240px;
    max-width: 400px;
    white-space: normal !important;
    font-size: 14px !important;
    background-color: #222;
}

#body .login.wrapper .field .content .row.sex div {
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
}

#login .login .add-banner-section img {
    width: 100%;
}
#login .login .login-top-banner.add-banner-section {
    margin-bottom: 20px;
}

#login .login .login-bottom-banner.add-banner-section {
    margin-top: 20px;
}

/* login - socialtxt */
#body .login.wrapper .field .content .btn-wrapper.socialtxt button {
    margin-top: 20px;
    padding: 4px 2px;
    height: 44px !important;
    min-height: 44px !important;
    font-size: 12px !important;
    color: #fff !important;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt button.kakao {
    color: #222 !important;
}

#body .login.wrapper#kakaoCheckAgree .field .content .btn-wrapper.socialtxt button.kakao {
    height: 54px !important;
    font-size: 13px !important; /*same as mobile button font-size*/
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt button:first-child {
    margin-top: 0;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt .icon-image-kakaoTalk,
#body .login.wrapper .field .content .btn-wrapper.socialtxt .icomoon-naver,
#body .login.wrapper .field .content .btn-wrapper.socialtxt .icomoon-facebook,
#body .login.wrapper .field .content .btn-wrapper.socialtxt .icomoon-googlePlus {
    display: inline-block;
    width: 32px;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 28px;
    margin-right: 2px;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt .icon-image-kakaoTalk,
#body .login.wrapper .field .content .btn-wrapper.socialicon .icon-image-kakaoTalk {
    height: 28px;
    background-size: 21px;
    background-image: url(../../images/kakao/login-kakao.png);
    background-repeat: no-repeat;
    background-position: center;
}


#body .login.wrapper .field .content .btn-wrapper.socialtxt .txt {
    display: inline-block;
    border-left: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    width: 196px;
    line-height: 28px;
    text-align: center;
    float: left;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt .kakao,
#body .login.wrapper .field .content .btn-wrapper.socialicon .kakao {
    background-color: #fee500 !important;
    border-color: #fee500 !important;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt .naver,
#body .login.wrapper .field .content .btn-wrapper.socialicon .naver {
    background-color: #00b900 !important;
    border-color: #00b900 !important;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt .facebook,
#body .login.wrapper .field .content .btn-wrapper.socialicon .facebook {
    background-color: #4267b2 !important;
    border-color: #4267b2 !important;
}

#body .login.wrapper .field .content .btn-wrapper.socialtxt .google,
#body .login.wrapper .field .content .btn-wrapper.socialicon .google {
    background-color: #db4437 !important;
    border-color: #db4437 !important;
}

/* login - social_icon */
#body .login.wrapper .field .content .socialicon-btn-wrapper {
    text-align: center;
}

#body .login.wrapper .field .content .btn-wrapper.socialicon {
    display: inline-block;
}

#body .login.wrapper .field .content .btn-wrapper.socialicon button {
    margin-left: 8px;
    float: left;
    padding: 4px 2px;
    width: 54px !important;
    height: 54px !important;
    min-width: 0 !important;
    min-height: 54px !important;
    color: #fff !important;
}

#body .login.wrapper .field .content .btn-wrapper.socialicon button:first-child {
    margin-left: 0;
}

#body .login.wrapper .field .content .btn-wrapper.socialicon .icomoon-facebook,
#body .login.wrapper .field .content .btn-wrapper.socialicon .icomoon-naver,
#body .login.wrapper .field .content .btn-wrapper.socialicon .icomoon-kakaoTalk,
#body .login.wrapper .field .content .btn-wrapper.socialicon .icomoon-googlePlus {
    font-size: 23px;
    text-align: center;
}

/* login-releaseDormant/productDetail-restock dialog in common */
#releaseDormant .dim-over-layer,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeDialog-overlay {
    position: fixed;
    top: -25vh;
    left: 0;
    width: 100vw;
    height: 150vh; /* longer than 100vh for mobile browsers. when scroll down, mobile browser bottom panel disappears. */
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

#releaseDormant .field,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper {
    width: 440px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    z-index: 10001;
}

.release-dormant-btn-close,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticeDialog-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    text-align: right;
}

.release-dormant-btn-close > .icon,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticeDialog-close > .icon {
    height: 32px;
    line-height: 32px;
}

.release-dormant-title,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNotice-title {
    font-size: 20px;
    line-height: 32px;
}

#releaseDormant .content,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNotice-text,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .custom-select-wrapper .custom-select-option-name {
    font-size: 14px;
    line-height: 17px;
}

.release-dormant-title,
#releaseDormant .content > *:not(:last-child),
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper > div:not(.restockNoticePhoneTitle):not(.btn-wrapper) {
    margin-bottom: 20px;
}

#btnReleaseDormant,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticeButtonDiv button.restockNoticeButton {
    width: 100% !important;
    max-width: 240px;
}

/* login - releaseDormant dialog */
.release-dormant-desc {
    line-height: 1.5;
}
/* login.css */

/* myPage.css */
.myPage.wrapper .field .function {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    margin: 20px 0 30px;
}

.myPage.wrapper .field .function .text {
    display: inline-block;
    cursor: pointer;
}

.myPage.wrapper .memberInfo.field .function.logout,
.myPage.wrapper .infoList.field .function.point {
    text-align: right;
    margin-bottom: 18px;
}

.myPage.wrapper .field .content .function .text:last-child {
    margin-left: 20px;
}

.myPage.wrapper .field .content .function .text.margin-auto {
    margin-left: 0;
}

.myPage.wrapper .field .content .row.sex div,
.myPage.wrapper .field .content .row.smsMarketingAgreement div {
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
}

/* plan - homepage */
#body.sitePlan-homepage #myPage .infoList.field > *:not(.js-section-myposts) {
    display: none;
}

#body.sitePlan-homepage #myPage .infoList.field .js-section-myposts .myPostsTitle {
    margin-top: 0;
}

/* orderList */
.myPage.wrapper .infoList.field .content span {
    font-size: 12px;
    line-height: 17px;
    display: inline-block;
    vertical-align: middle;
}

.myPage.wrapper .infoList.field .content .tb-title {
    padding-bottom: 10px;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
}

.myPage.wrapper .infoList.field .content .tb-title span {
    float: left;
}

.myPage.wrapper .infoList.field .content .tb-content .info {
    padding: 20px 0;
    letter-spacing: 0;
    border-bottom: 1px solid #ddd;
}

.myPage.wrapper .infoList.field .content.orderList span.date {
    width: 20%;
    padding-right: 2.5%;
}

.myPage.wrapper .infoList.field .content.orderList span.product {
    width: 40%;
    padding-right: 3%;
}

.myPage.wrapper .infoList.field .content.orderList span.product a {
    display: block;
}

.myPage.wrapper .infoList.field .content.orderList span.total {
    width: 20%;
    padding-right: 2%;
    text-align: right;
}

.myPage.wrapper .infoList.field .content.orderList span.total > span {
    display: block;
}

.myPage.wrapper .infoList.field .content.orderList span.status {
    width: 20%;
    text-align: right;
}

/* myPostList */
.myPage.wrapper .infoList.field .content.myPostList span.date {
    width: 20%;
    padding-right: 2.5%;
}

.myPage.wrapper .infoList.field .content.myPostList span.title {
    width: 60%;
    padding-right: 3%;
}

.myPage.wrapper .infoList.field .content.myPostList span.title a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.myPage.wrapper .infoList.field .content.myPostList span.type {
    width: 20%;
    text-align: right;
}

/* couponList */
.myPage.wrapper .infoList.field .content.pointList span.createdDate {
    width: 20%;
    padding-right: 2%;
}

.myPage.wrapper .infoList.field .content.pointList span.expireDate {
    width: 20%;
    padding-right: 2%;
}

.myPage.wrapper .infoList.field .content.pointList span.coupon-info {
    width: 25%;
    padding-right: 2%;
}

.myPage.wrapper .infoList.field .content.pointList span.coupon-info .coupon-detail-info {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.myPage.wrapper .infoList.field .content.pointList span.discountInfo {
    width: 20%;
    padding-right: 2%;
    text-align: right;
}

.myPage.wrapper .infoList.field .content.pointList span.couponStatus {
    width: 15%;
    text-align: right;
}

/* pointList */
.wrapper .field .header.otherTitle {
    margin-top: 70px;
}

.myPage.wrapper .infoList.field .content.pointList span.date {
    width: 20%;
    padding-right: 2.5%;
}

.myPage.wrapper .infoList.field .content.pointList span.pointInfo {
    width: 40%;
    padding-right: 2%;
}

.myPage.wrapper .infoList.field .content.pointList span.pointTitleInfo {
    width: auto;
    display: inline-block;
}

.myPage.wrapper .infoList.field .content.pointList span.pointTitleInfo {
    margin-right: 5px;
}

.myPage.wrapper .infoList.field .content.pointList .tb-content span.pointDetailInfo {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.myPage.wrapper .infoList.field .content.pointList span.point {
    width: 20%;
    padding-right: 2%;
    text-align: right;
}

.myPage.wrapper .infoList.field .content.pointList span.type {
    width: 20%;
    text-align: right;
}

/* restockList */
.myPage.wrapper .infoList.field .content.restockList span.date {
    width: 20%;
    padding-right: 2.5%;
}

.myPage.wrapper .infoList.field .content.restockList span.phone {
    width: 25%;
    padding-right: 3%;
}

.myPage.wrapper .infoList.field .content.restockList span.product {
    width: 35%;
    padding-right: 3%;
}

.myPage.wrapper .infoList.field .content.restockList span.product span {
    display: block;
}

.myPage.wrapper .infoList.field .content.restockList span.status {
    width: 20%;
    text-align: right;
}

/* pagination */
.myPage.wrapper .infoList.field .content .pagination_div {
    margin-top: 20px;
    text-align: center;
}

.myPage.wrapper .infoList.field .content .pagination_div .pagination_css {
    margin: 0 5px;
    cursor: pointer;
    font-size: 14px;
}

.myPage.wrapper #customerGradeInfo {
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 5px;
}

/* myPage.css */

/* orderDetails.css */
.orderDetails.wrapper .column-wrapper.two-column .field .content.shipping-info .row,
.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row {
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.cash-receipt-mall {
    display: flex;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.cash-receipt-mall span {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.shopOrderStatus {
    position: relative;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.shipping-info .row {
    padding: 0 0 20px 0;
    border-bottom: none;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.shipping-info .row:last-child {
    padding: 0;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.shipping-info .row:first-child {
    padding-top: 10px;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row #cashReceiptMallBusiness {
    margin-left: 16px;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.6em;
    max-width: 60%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row label {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.6em;
    max-width: 60%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row > span:first-child {

}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span#parcelCompanyAndNumber {
    width: 100px;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span > span {
    max-width: none;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row > span:first-child {
    width: 40%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row > span:last-child {
    width: 60%;
    letter-spacing: 0;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row #shopOrderStatus {
    letter-spacing: 0;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row #shopOrderStatus > span.text-assi {
    width: auto;
    max-width: none;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row .orderReqButtonDiv {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22.5px;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span.originalValue {
    display: block;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span#pgReceipt,
.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span#kakaoReceipt {
    width: auto;
    cursor: pointer;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row.two input,
.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row select {
    width: 264px;
    vertical-align: middle;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content .row.two input.m-bottom {
    margin-bottom: 10px;
}

.orderDetails.wrapper .field .content.readonly .row #deliveryTrackingButtonDiv button {
    position: absolute;
    width: auto !important;
    min-width: 99px;
    padding: 0 10px !important;
    margin-left: 0;
    top: 50%;
    right: 0;
    margin-top: -22.5px;
    float: right;
}

.orderDetails.wrapper .btn-wrapper {
    margin-top: 40px !important;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.shopOrderStatus #cancelRefundDiv {
    display: inline-block;
    width: 58%;
    margin-left: -6px;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.shopOrderStatus #cancelRefundDiv input {
    margin-bottom: 10px;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.shopOrderStatus #cancelRefundDiv button {
    width: calc(50% - 21px) !important;
    height: 45px !important;
    font-size: 14px !important;
    line-height: 21px;
    padding: 0 !important;
    float: right;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row.shopOrderStatus #cancelRefundDiv button:last-child {
    margin-right: 10px;
}

/* product info */

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-title .name {
    width: 65%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-title .qty {
    width: 12%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-title .price {
    width: 18%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-content .name {
    width: 64.5%;
    padding-right: 4%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-content .qty {
    width: 8.5%;
}

.orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-content .price {
    width: 24%;
    padding-left: 4%;
}

.orderDetails.wrapper .product.field {
    margin-bottom: 70px;
}

.orderDetails.wrapper .customer-info.field .row.usingDiscountEvent .content span {
    display: block !important; /* TODO @Hongkeun 코니 할인 행사 예외 처리 (추후 수정 예정)*/
}

.orderDetails.wrapper .customer-info.field .row.usingDiscountEvent .content span + span {
    margin-top: 5px; /* TODO @Hongkeun 코니 할인 행사 예외 처리 (추후 수정 예정)*/
}

.orderDetails.wrapper .tb-title {
    padding-left: 0;
    padding-right: 0;
}

.orderDetails.wrapper .tb-title .item-list-header {
    width: 100%;
}

.orderDetails.wrapper .tb-title.with-delivery-price .item-list-header {
    width: 80%;
}

.orderDetails.wrapper .tb-title .item-list-header > .name {
    width: 55%;
}

.orderDetails.wrapper .tb-title .item-list-header > .qty {
    width: 15%;
    text-align: center;
    padding-left: 0;
}

.orderDetails.wrapper .tb-title .item-list-header > .price {
    width: 20%;
    text-align: right;
}

.orderDetails.wrapper .tb-title.with-delivery-price .item-list-header > .price {
    width: 30%;
    text-align: center;
}

.orderDetails.wrapper .tb-title .deliveryCharge {
    display: none;
}

.orderDetails.wrapper .tb-title.with-delivery-price .deliveryCharge {
    display: inline-block;
    width: 20%;
    text-align: center;
}

.orderDetails.wrapper .tb-content .group {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.orderDetails.wrapper .tb-content .group > .line-items {
    flex: 4;
}

.orderDetails.wrapper .tb-content .group > .deliveryPrice {
    display: none;
}

.orderDetails.wrapper .tb-content.with-delivery-price .group > .deliveryPrice {
    display: block;
    flex: 1;
    height: 100%;
    text-align: center
}

.orderDetails.wrapper .tb-content .group > .deliveryPrice > .delivery-group-delivery-price-info > .delivery-group-delivery-price-msg {
    display: inline-block;
    font-size: 14px;
}

.orderDetails.wrapper .tb-content .group > .line-items > .info {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.orderDetails.wrapper .tb-content .group > .line-items > .info:last-child {
    border-bottom: none;
}

.orderDetails.wrapper .tb-content .group > .line-items > .info > .product {
    width: 55%;
    padding-right: 0;
}

.orderDetails.wrapper .tb-content .group > .line-items > .info > .product > .img {
    /*width: 15%;*/
    vertical-align: middle;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.orderDetails.wrapper .tb-content .group > .line-items > .info > .qty {
    width: 15%;
    text-align: center;
}

.orderDetails.wrapper .tb-content .group > .line-items > .info > .price {
    width: 20%;
    font-size: 14px;
    text-align: right;
    padding-left: 0;
}

.orderDetails.wrapper .tb-content.with-delivery-price .group > .line-items > .info > .price {
    width: 30%;
    font-size: 14px;
    text-align: center;
    padding-left: 0;
}

.orderDetails.wrapper .tb-content .group.orderCanceled > * {
    opacity: 0.3;
}

#shopOrderDetailPage .discount-detail-price-badge,
#shopOrderDetailPage .shippingCombine-detail-price-badge {
    display: inline-block;
    position: relative;
    top:3px;
}

#shopOrderDetailPage .discount-detail-price,
#shopOrderDetailPage .shippingCombine-detail-price {
    position: absolute;
    background-color: rgba(254, 254, 254, .9);
    border: 1px solid #ddd;
    min-width: 260px;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.75em;
    color: #222;
    margin-top: 10px;
    padding: 1.2em 1em;
    z-index: 1;
    text-align: left;
    right: -37px;
    cursor: auto;
}

#shopOrderDetailPage .discount-product-title {
    display: flex;
    font-weight: bold;
    color: #222222;
}

#shopOrderDetailPage .product-price-info {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}

#shopOrderDetailPage .price-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#shopOrderDetailPage .price-info-row .price-title {
    flex-basis: 150px;
    text-align: left;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#shopOrderDetailPage .price-info-row .price-text {
    flex: 1;
    text-align: right;
    font-size: 12px;
}

#shopOrderDetailPage .price-info-row .price-title.price-total {
    font-weight: bold;
}
/* orderDetails.css */

/* payment.css */
/* payment-process - field_content */
body.payment #body.document-loading {
    visibility: hidden;
}

.payment-process.wrapper #headerLogo {
    display: inline-block;
    margin-bottom: 50px;
    font-size: 32px !important;
    line-height: 1.2em;
}

.payment-process.wrapper #headerLogo > .site-name {
    display: block !important;
}

.payment-process.wrapper .product.field .header {
    margin-bottom: 30px;
}

.payment-process.wrapper .content .row div {
    font-size: 14px;
    line-height: 17px;
}

.payment-process.wrapper .content .row .shopOrderRequestPayMethod div {
    display: inline-block;
}

.payment-process.wrapper .content .row .shopOrderRequestPayMethod > div {
    margin-right: 20px;
}

.payment-process.wrapper .content .row .shopOrderRequestPayMethod > div:last-child {
    margin-right: 0;
}

.payment-process.wrapper .content .row .shopOrderRequestPayMethod label[for="paypalExpresscheckout"] img {
    width: 62px;
    height: 30px;
}

.payment-process.wrapper .content .row .shopOrderRequestPayMethod label[for="PLCreditCardMpi"] img {
    width: 160px;
    height: 30px;
}

.payment-process.wrapper .content .row .shopOrderRequestPayMethod label[for="PLCreditCard"] img {
    width: 50px;
    height: 30px;
}

/* only nonDelivery products */
.payment-process.wrapper.nonDelivery .product.field .shipping {
    display: none;
}

.payment-process.wrapper.nonDelivery .orderer.field {
    margin: 0;
    width: 100%;
}

#body:not(.device-mobile) .payment-process.wrapper.nonDelivery .orderer.field .content {
    margin: 0 auto;
    width: 43%;
}

.payment-process.wrapper.nonDelivery .orderer.field .content .post-code,
.payment-process.wrapper.nonDelivery .orderer.field .content .address {
    display: none;
}

.payment-process.wrapper.nonDelivery .shipping.field {
    display: none;
}

/* payment-process - payment - field */
.payment-process.wrapper .row input[type=text],
.payment-process.wrapper .row input[type=password],
.payment-process.wrapper .row input[type=number],
.payment-process.wrapper .row input[type=email] {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    height: 45px;
    line-height: 23px;
    font-size: 14px;
    font-weight: normal;
    /* font-family: inherit; */
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: transparent;
    -webkit-appearance: none; /* Remove default shadow */
    -moz-appearance: none;
    border-radius: 0;
}

.payment-process.wrapper input[type=number]::-webkit-outer-spin-button,
.payment-process.wrapper input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.payment-process.wrapper input[type=number] {
    -moz-appearance: textfield;
}

.payment-process.wrapper .column-wrapper.two-column .field .content .row.address input + input,
.payment-process.wrapper .column-wrapper.two-column .field .content .row.address select + input {
    margin-top: 12px;
}

.payment-process.wrapper .column-wrapper.two-column .field .content .row.contact input:not(.payletter-phone) {
    display: inline-block;
    width: 30%;
}

.payment-process.wrapper .column-wrapper.two-column .field .content .row.contact .element {
    display: inline-block;
    font-size: 17px;
    width: 5%;
    text-align: center;
}

.payment-process.wrapper .column-wrapper.two-column .shipping.field .header > *,
.payment-process.wrapper .column-wrapper.two-column .field .checkbox > * {
    vertical-align: middle;
}

.payment-process.wrapper .column-wrapper.two-column .field .checkbox span,
.payment-process.wrapper .column-wrapper.two-column .field .checkbox label {
    font-size: 14px;
    line-height: 1.25em;
    display: inline-block;
    width: auto;
}

/* payment-process - shipping-field */
.payment-process.wrapper .shipping.field .header > .title {
    padding-right: 15px;
}

.payment-process.wrapper .shipping.field .header .select-type {
    display: inline-block;
    font-size: 14px;
}

.payment-process.wrapper .shipping.field .header .select-type label {
    cursor: pointer;
    margin-right: 10px;
    padding-left: 5px;
    white-space: nowrap;
}

.payment-process.wrapper .shipping.field .content.form-disabled .alternative-search-postcode-link {
    display: none !important;
}

.payment-process.wrapper .shipping.field .content.form-disabled select,
.payment-process.wrapper .shipping.field .content.form-disabled input:not(#orderRequest) {
    pointer-events: none !important;
    background-color: rgba(175, 175, 175, 0.05) !important;
}

.payment-process.wrapper .shipping.field .content.form-disabled #_post1 {
    width: 100%;
}

.payment-process.wrapper .shipping.field .content.form-disabled #daumPostCode2 {
    display: none;
}

.payment-process.wrapper .shipping.field .content.form-disabled .set-as-default-wrapper {
    display: none;
}

/* payment-process - singleField - field */
.payment-process.wrapper .singleField {
    border-top: 1px solid #ddd;
    margin-top: 70px;
}

.payment-process.wrapper .singleField .header {
    margin: 40px 0 40px;
}

.payment-process.wrapper .singleField .content {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

/* payment-process - signup - field */
.payment-process.wrapper .singleField.signup .content {
    max-width: none;
}

.payment-process.wrapper .singleField.signup .content .title {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}

.payment-process.wrapper .singleField.signup .content .agreementInfoBox {
    border: 1px solid;
    overflow-y: auto;
    height: 100px;
    font-size: 12px;
    line-height: 1.5em;
    padding: 5px 10px;
}

.payment-process.wrapper .singleField.signup .content .checkbox-wrapper {
    margin-bottom: 50px;
}

.payment-process.wrapper .field .content .checkbox-wrapper + .checkbox-wrapper {
    margin-bottom: 70px;
}

/* payment-process - payment information with point, coupon, promotion code - field */
.payment-process.wrapper .singleField.borderBottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
}

.payment-process.wrapper .singleField .content .row.underLine {
    border-bottom: 1px solid #ddd;
    margin-bottom: 22px;
}

.payment-process.wrapper .singleField .content .row.underLine.last {
    margin-bottom: 26px;
}

.payment-process.wrapper .singleField .content .row.underLine .title {
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
}

.payment-process.wrapper .singleField .content .row.underLine .info {
    display: inline-block;
    width: 50%;
    text-align: right;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 17px;
}

.payment-process.wrapper .singleField .content .row .shopCustomerPointError {
    color: #bd0000;
}

.payment-process.wrapper .singleField .content .row .shopCustomerPointError input {
    border-color: #bd0000 !important;
}

.payment-process.wrapper .singleField .content .row .shopCustomerPointError#shopCustomerPointErrorMsg {
    margin-top: 12px;
}

.payment-process.wrapper .singleField .content .row .promotionCodeInput {
    width: 100%;
}

.payment-process.wrapper .singleField .content .row.couponError .customSelectDiv,
.payment-process.wrapper .singleField .content .row .promotionCodeInput.promotionCodeError input {
    border-color: #bd0000 !important;
    color: #bd0000;
    margin-bottom: 12px;
}

.payment-process.wrapper .singleField .content .row.couponError #couponErrorMsg,
.payment-process.wrapper .singleField .content .row .promotionCodeError #promotionCodeErrorMsg {
    color: #bd0000;
}

.payment-process.wrapper .singleField .content .row.inputTextRow div {
    vertical-align: middle;
}

.payment-process.wrapper .singleField .content .row.inputTextRow .input-with-supporting-button-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.payment-process.wrapper .singleField .content .row.inputTextRow .input-with-supporting-button-wrapper .inputWithElement {
    display: flex;
    flex: 1 1 0;
    align-items: center;
}

.payment-process.wrapper .singleField .content .row.inputTextRow .input-with-supporting-button-wrapper .inputWithElement input {
    flex: 1 1 0;
}

.payment-process.wrapper .singleField .content .row.inputTextRow .input-with-supporting-button-wrapper .inputWithElement .element {
    display: block;
    text-align: left;
    padding-left: 8px;
    width: 58px;
}

.payment-process.wrapper .singleField .content .row.inputTextRow .input-with-supporting-button-wrapper .input-supporting-button {
    display: block;
    padding: 12px 18px !important;
    font-size: 14px !important;
    line-height: 17px !important;
}

.payment-process.wrapper .singleField .content .row #shopCustomerCouponDivInfo > div,
.payment-process.wrapper .singleField .content .row #shopCustomerPromotionCodeDivInfo > div {
    padding-top: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.payment-process.wrapper .singleField .content .row #shopCustomerCouponDivInfo .name,
.payment-process.wrapper .singleField .content .row #shopCustomerPromotionCodeDivInfo .name {
    -webkit-box-flex: 1;
    -ms-flexbox: 1;
    -webkit-flex: 1;
    flex: 1;
    display: inline-block;
}

.payment-process.wrapper .singleField .content .row #shopCustomerCouponDivInfo .price,
.payment-process.wrapper .singleField .content .row #shopCustomerPromotionCodeDivInfo .price {
    width: auto;
    align-self: center;
    margin-left: 10px;
    display: inline-block;
}

/* payment-process - pay-type - field */
.payment-process.wrapper .pay-type {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 25px 0;
    margin-top: 50px;
}

.payment-process.wrapper .pay-type .title {
    width: 240px;
    display: inline-block;
    padding: 10px 0;
    vertical-align: middle;
}

.payment-process.wrapper .pay-type .content {
    display: inline-block;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

.payment-process.wrapper .pay-type .content .type {
    display: inline-block;
    margin-right: 20px;
    padding: 15px 0;
}

.payment-process.wrapper .pay-type .content .type:last-child {
    margin-right: 0;
}

.payment-process.wrapper .pay-type .content .type > * {
    vertical-align: middle;
}

.payment-process.wrapper .pay-type .content .type input {
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

/* payment-process - refundAccountInfo */
.payment-process.wrapper #refundAccountInfo input {
    width: calc(50% - 5px);
}

.payment-process.wrapper #refundAccountInfo input.bankName {
    margin-right: 10px;
}

.payment-process.wrapper #refundAccountInfo input.bankAccount {
    margin-top: 12px;
    width: 100%;
}

/* payment-process - transactionTypeInfo */
.payment-process.wrapper #transactionTypeInfo .select-type {
    padding-bottom: 16px;
    font-size: 14px;
}

.payment-process.wrapper #transactionTypeInfo .select-type label {
    cursor: pointer;
    margin: 0 25px 0 12px;
}

/* payment-process - btn-wrapper */
.payment-process.wrapper .btn-wrapper {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.payment-process.wrapper .btn-wrapper button {
    width: 350px !important;
    height: 70px !important;
}

.payment-process.wrapper .btn-wrapper a.btn {
    line-height: 22px !important;
    width: 240px !important;
    height: 54px !important;
}

/* nicepay-payRequest */

.payment-background {
    min-height: 100vh;
}

#body.payment-process.wrapper {
    height: auto;
}

.payment-process.wrapper.payment .header {
    margin-bottom: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.wrapper .payment.field {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.payment-process.wrapper .payment.field .content {
    margin-top: 30px;
}

.payment-process.wrapper .payment.field .content p.title {
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    margin: 30px 0;
    text-align: center;
}

.payment-process.wrapper .payment.field .content .row .title {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}

.payment-process.wrapper .payment.field .row select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 80px;
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    border: 0;
    padding: 0;
    outline: 0;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.payment-process.wrapper .payment.field .row select option {
    color: #222 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.payment-process.wrapper .error-msg {
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 25px;
    margin-top: 132px
}

body.payment.document-loading #ajax_ing {
    display: none;
}

/* payment.css */

/* productDetail.css */
/* productDetail - field_content */
.productDetail.wrapper .top-info .content {
    display: inline-block;
    vertical-align: top;
    float: left;
}

/* productDetail - left_content */
.productDetail.wrapper .content.mainImg {
    width: 55%;
}

.productDetail.wrapper .content.mainImg .swiper-slide {
    overflow: hidden;
}

.productDetail.wrapper .content.mainImg .swiper-button-prev,
.productDetail.wrapper .content.mainImg .swiper-button-next,
.productDetail.wrapper .content.mainImg .swiper-pagination {
    opacity: 0;
    pointer-events: none;
}

.productDetail.wrapper .content.mainImg .swiper-button-prev,
.productDetail.wrapper .content.mainImg .swiper-button-next {
    transition: all 0.2s;
}

body.editor #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized .swiper-button-prev,
body.editor #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized .swiper-button-next,
body.editor .productDetail.wrapper .productImgType_slide.swiper-container-initialized .swiper-pagination,
body.display #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized:hover .swiper-button-prev,
body.display #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized:hover .swiper-button-next,
body.display .productDetail.wrapper .productImgType_slide.swiper-container-initialized .swiper-pagination {
    opacity: 1;
}

body.editor #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized .swiper-button-prev,
body.editor #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized .swiper-button-next,
body.display #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized:hover .swiper-button-prev,
body.display #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized:hover .swiper-button-next {
    pointer-events: auto;
    transition: all 0.2s;
}

body.display #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized:hover .swiper-button-prev:hover,
body.display #body[data-viewport='desktop'] .productDetail.wrapper .productImgType_slide.swiper-container-initialized:hover .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.productDetail.wrapper .content.mainImg.productImgType_slide {
    position: relative;
    overflow: hidden;
}

.productDetail.wrapper .content.mainImg.productImgType_slide .swiper-button-black {
    width: 30px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 7px 12px;
}

.productDetail.wrapper .content.mainImg.productImgType_slide .swiper-button-prev {
    left: 0;
    background-position: 11px center;
}

.productDetail.wrapper .content.mainImg.productImgType_slide .swiper-button-next {
    right: 0;
    background-position: 12px center;
}

.productDetail.wrapper .content.mainImg.productImgType_slide .swiper-pagination-bullets {
    bottom: 16px;
}

.productDetail.wrapper .content.mainImg.productImgType_slide .swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #000;
    opacity: 0.1;
    margin: 0 3px;
}

.productDetail.wrapper .content.mainImg.productImgType_slide .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 0.4;
}

#body[data-viewport='mobile'] .productDetail.wrapper .content.mainImg.productImgType_slide .swiper-pagination-bullets {
    bottom: 8px;
}

#body[data-viewport='mobile'] .productDetail.wrapper .content.mainImg.productImgType_slide .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 2px;
}

#body.productDetail-mainImg-position-right .productDetail.wrapper .content.mainImg {
    float: right;
}

.productDetail.wrapper .content.mainImg.productImgType_thumbnails #shopProductImgsMainDiv,
.productDetail.wrapper .content.mainImg.productImgType_stack .shopProductImgMainWrapper.type_stack {
    line-height: 0;
    position: relative;
    overflow: hidden;
}

.productDetail.wrapper .content.mainImg .sub.img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.shopProductDetail.wrapper #productDetail .top-info .content.mainImg.productImgType_stack #shopProductImgsMainDiv .shopProductImgMainWrapper.type_stack-child {
    margin-bottom: 0;
}

.productDetail.wrapper .content.mainImg .main.img-div.img.imgZoom .shopProductImgMain {
    z-index: -1;
}

.productDetail.wrapper .content.mainImg .main.img-div.img.imgZoom .shopProductImgMainZoom {
    position: absolute;
    z-index: 1;
    transform: scale(2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.shopProductImgMainWrapper.type_thumbnails {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-transition: opacity .6s cubic-bezier(0, 0, 0.34, 0.98);
    -moz-transition: opacity .6s cubic-bezier(0, 0, 0.34, 0.98);
    -o-transition: opacity .6s cubic-bezier(0, 0, 0.34, 0.98);
    transition: opacity .6s cubic-bezier(0, 0, 0.34, 0.98);
}

.shopProductImgMainWrapper.type_thumbnails.on {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

#body:not(.mobile) .productDetail.wrapper .content.mainImg .main.img-div.img.imgZoom .shopProductImgMainWrapper:hover .shopProductImgMainZoom {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.productDetail.wrapper .content.mainImg .lightboxEffect {
    cursor: pointer;
}

.productDetail.wrapper .content.mainImg .main.img-div.img img {
    width: 100%;
    overflow: hidden;
}

.productDetail.wrapper .content.mainImg .sub.img-div#shopProductImgsThumbDiv {
    margin-left: -2.5%;
    margin-top: 2.5%;
}

.productDetail.wrapper .content.mainImg .sub.img-div:after {
    clear: both;
    content: "";
    display: block;
}

.productDetail.wrapper .content.mainImg .sub.img-div .img {
    width: 18%;
    height: auto;
    margin-left: 2.5%;
    margin-bottom: 2.5%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    display: inline-block;
}

.productDetail.wrapper .content.mainImg .sub.img-div .img div {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_2to3 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_2to3 .shopProductImgRatio {
    padding-top: 150%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_3to4 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_3to4 .shopProductImgRatio {
    padding-top: 133.33%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_1to1 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_1to1 .shopProductImgRatio,
#shopProductImgsDiv.ratio_default .shopProductImgRatio /*thumbnail for ration_default*/
{
    padding-top: 100%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_4to3 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_4to3 .shopProductImgRatio {
    padding-top: 75%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_3to2 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_3to2 .shopProductImgRatio {
    padding-top: 66.66%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_16to9 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_16to9 .shopProductImgRatio {
    padding-top: 56.25%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_7to3 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_7to3 .shopProductImgRatio {
    padding-top: 42.86%;
}

#shopProductImgsDiv.productImgType_thumbnails.ratio_3to1 #shopProductImgsMainDiv,
#shopProductImgsDiv.ratio_3to1 .shopProductImgRatio {
    padding-top: 33.33%;
}

#shopProductImgsDiv.content.mainImg.productImgType_thumbnails.ratio_default.loading {
    /*hide while loading for ratio_default*/
    visibility: hidden;
    opacity: 0;
}

#shopProductImgsDiv.content.mainImg.productImgType_thumbnails.ratio_default.loading .main.img-div {
    /*hide while loading for ratio_default*/
    padding-top: 100%;
}

.productDetail.wrapper .content.mainImg.productImgType_thumbnails .main.img-div .shopProductImgRatio,
.productDetail.wrapper .content.mainImg.productImgType_slide .main.img-div .shopProductImgRatio {
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.productDetail.wrapper .content.mainImg.productImgType_stack #shopProductImgsMainDiv img:first-child {
    margin-top: 0 !important;
}

.productDetail.wrapper .content.mainImg.productImgType_stack #shopProductImgsMainDiv img:last-child,
.productDetail.wrapper .content.info .row:last-child {
    margin-bottom: 0 !important;
}

/* productDetail - right_content */
.productDetail .top-info .content.info {
    margin-left: 10%;
    width: 35%;
}

.productDetail.wrapper .content.info h1 {
    font-size: 38px;
    line-height: 1.2em;
    margin-bottom: 40px;
}

.productDetail.wrapper .content.info #shopProductName {
    margin-bottom: 0 !important;
}

.productDetail.wrapper .content.info #shopProductReviewElem {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
}

.productDetail.wrapper .content.info #shopProductReviewElem #productReviewStar {
    display: inline-flex;
}

.productDetail.wrapper .content.info #shopProductReviewElem .opacity {
    opacity: 0.2;
}

.productDetail.wrapper .content.info #shopProductReviewElem a {
    display: inline-flex;
}

.productDetail .content.info .row,
.productDetail.wrapper .content.info .selectOptions .productOption {
    margin-bottom: 40px;
}

.productDetail.wrapper .content.info .price {
    position: relative;
    font-size: 22px;
    line-height: 1.2em;
}

.productDetail.wrapper .content.info #shopProductDiscountAdditionalInfoDiv {
    position: relative;
    display: inline-block;
}

.productDetail.wrapper .content.info .productInfo {
    position: relative;
    font-size: 13px;
    line-height: 1.5em;
}

.QuantityDiv .content .description {
    position: relative;
}

.productDetail.wrapper .content.info .discount-price-info,
.productDetail.wrapper .content.info .productInfo .rewardPoint-wrapper,
.cart.wrapper .tb-content .delivery-group-delivery-price-wrapper .delivery-group-delivery-price-badge-detail,
.QuantityDiv .content .description .tooltip.trans-normal {
    position: absolute;
    background-color: rgba(254, 254, 254, .9);
    border: 1px solid #ccc;
    min-width: 150px;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 1.75em;
    color: #222;
    margin-top: 10px;
    padding: 1.2em 1em;
    z-index: 1;
}

.QuantityDiv .content .description .tooltip.trans-normal {
    width: 170px;
    text-align: left;
    white-space: pre-wrap;
    top: 10px;
    right: 0px;
}

.productDetail.wrapper .content.info .discount-price-info .infoWrapper,
#quantityConstraintDiv {
    margin-top: 1.2em;
}

.productDetail.wrapper .content.info .discount-price-info .infoWrapper:first-child,
.productDetail.wrapper .content.info .rewardPoint-wrapper .rewardPoint-info:first-child {
    margin-top: 0;
}

.productDetail.wrapper .content.info .discount-price-info .title,
.productDetail.wrapper .content.info .discount-price-info .description,
.productDetail.wrapper .content.info .rewardPoint-wrapper .rewardPoint-title,
.productDetail.wrapper .content.info .rewardPoint-wrapper .rewardPoint-description {
    display: block;
    text-align: left;
}

.productDetail.wrapper .content.info .productInfo div {
    margin-top: 1.2em;
}

.productDetail.wrapper .content.info .productInfo div:first-child {
    margin-top: 0;
}

.productDetail.wrapper .content.info .productInfo div .title {
    font-weight: bold;
    margin-right: 20px;
}

.productDetail.wrapper .content.info.align_left .productInfo div .title {
    display: inline-block;
    width: 90px;
    vertical-align: top;
    margin-right: 0;
}

.productDetail.wrapper .content.info.align_left .productInfo div .description {
    display: inline-block;
    max-width: calc(100% - 100px);
    word-break: break-word;
    white-space: nowrap;
}

.productDetail.wrapper .content.info.align_left .productInfo div .description.shopSettingShipmentInfo {
    white-space: normal;
}

.productDetail.wrapper .content.info .productInfo div .description.pre-wrap {
    white-space: pre-wrap;
}

.productDetail.wrapper .content.info.align_left .productInfo .js-extraFeeDescription .description {
    white-space: normal;
}

.productDetail .content.align_left .discount-price-info,
.productDetail .content.align_left .rewardPoint-wrapper {
    left: 0;
}

.productDetail .content.align_center .discount-price-info,
.productDetail .content.align_center .rewardPoint-wrapper {
    left: 50%;
    transform: translateX(-50%);
}

.productDetail .content.align_right .discount-price-info,
.productDetail .content.align_right .rewardPoint-wrapper {
    right: 0;
}

.shopProductDetail.wrapper .productDetail .content.info .row.selectOptions {
    margin-bottom: 0 !important;
}

.productDetail.wrapper .content.info .selectOptions span,
.productDetail.wrapper .content.info .customizedOptionDiv span,
.productDetail.wrapper .content.info .productQuantityDiv span:not(.ui-spinner),
.productDetail.wrapper .additionalOptionDiv span,
#togetherBuyProducts .custom-select-option-name,
#togetherBuyProductsClone .custom-select-option-name {
    font-size: 13px;
    line-height: 1.2em;
    margin-bottom: 10px;
    display: block;
}

.productDetail.wrapper .content.info .selectOptions,
.productDetail.wrapper .content.info .customizedOptionDiv {
    margin-bottom: 38px;
}

.productDetail.wrapper .content.info #shopProductOptionListDiv .selectBox option:first-child {
    display: initial !important;
}

.productDetail.wrapper .content.info #shopProductOptionListDiv .selectBox option.soldOut {
    color: rgba(34, 34, 34, 0.6) !important;
}

.productDetail.wrapper .content.info select,
.productDetail.wrapper .content.info input {
    font-size: 14px;
    line-height: 1.4em;
    width: auto;
    max-width: 100%;
    height: 37px;
    border: 1px solid #ddd;
    padding: 5px 15px;
    background-color: transparent;
    border-radius: 0;
}

.productDetail.wrapper .content.info .customizedOptionDiv input {
    width: 100%;
    max-width: 340px;
}

.productDetail.wrapper .content.info .productQuantityDiv span.ui-spinner,
.productDetail.wrapper .content.info .product-qty-wrapper span.ui-spinner {
    display: inline-block;
}

.productDetail.wrapper .content.info .productQuantityDiv input,
.productDetail.wrapper .content.info .product-qty-wrapper input {
    width: 40px;
    min-width: 40px;
    padding: 5px 5px;
    text-align: center;
    background-color: transparent;
    color: inherit;
}

.productDetail.wrapper .content.info .productQuantityDiv input[type=number]::-webkit-inner-spin-button,
.productDetail.wrapper .content.info .productQuantityDiv input[type=number]::-webkit-outer-spin-button,
.productDetail.wrapper .content.info .product-qty-wrapper input[type=number]::-webkit-inner-spin-button,
.productDetail.wrapper .content.info .product-qty-wrapper input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.productDetail.wrapper .content.info .productQuantityDiv input[type=number],
.productDetail.wrapper .content.info .product-qty-wrapper input[type=number] {
    -moz-appearance: textfield;
    vertical-align: top;
}

.productDetail.wrapper .content.info .customizedOptionDiv input,
.productDetail.wrapper .content.info .productQuantityDiv input,
.productDetail.wrapper .content.info .product-qty-wrapper input {
    -webkit-appearance: none; /* Remove default shadow */
    -moz-appearance: none;
}

.productDetail.wrapper .content.info .shopProductCartErrorDiv {
    margin-bottom: 40px;
    font-size: 14px;
}

.quantity-constraint-error {
    font-size: 14px;
    line-height: 19px;
}

.quantity-constraint-error > p {
    margin-bottom: 7px;
}

.productDetail.wrapper .productQuantityDiv .ui-spinner.error .ui-spinner-button,
.productDetail.wrapper .productQuantityDiv .ui-spinner.error .ui-spinner-input {
    border-color: #bd0000 !important;
    color: #bd0000 !important;
}

/* productDetail - miniCart */
.productDetail.wrapper .miniCart-wrapper .miniCart-product-info {
    border-top: 1px solid #ddd;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* minicart.js 에서 에디터 속성을 받아 border-color, padding-bottom 값 변경 */
.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .miniCart-product-list.separated-line {
    border-bottom: 1px dotted;
    border-color: #d2d2d2;
    padding-bottom: 10px;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .miniCart-product-list .miniCart-product-text {
    position: relative;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .miniCart-product-list span.product-name {
    display: block;
    width: calc(100% - 20px);
    font-size: 13px;
    line-height: 1.2em;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: left;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .miniCart-product-list i.btn-delete {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 20px 20px;
    font-size: 10px;
    line-height: 15px;
    cursor: pointer;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .miniCart-product-list span.product-price {
    display: inline-block;
    width: calc(100% - 114px);
    text-align: right;
    font-size: 14px;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .product-qty-wrapper span.msg-stock {
    font-size: 13px;
    line-height: 1.2em;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .product-qty-wrapper.error input,
.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .product-qty-wrapper.error .ui-spinner-button {
    border-color: #bd0000 !important;
    color: #bd0000 !important;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-product-info .product-qty-wrapper.error span.msg-stock {
    display: block;
    text-align: left;
    color: #bd0000;
    margin-top: 10px;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-total-price-wrapper {
    margin-top: 20px;
    text-align: right;
    font-size: 14px;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-total-price-wrapper span {
    display: block;
}

.productDetail.wrapper .miniCart-wrapper .miniCart-total-price-wrapper span:first-child {
    font-size: 13px;
    margin-bottom: 10px;
}

/* 주문 소계 */
.product-order-summary-wrapper {
    font-size: 14px;
}

.product-order-summary-info {
    border-top: 1px solid #ddd;
    padding: 40px 0;
}

.product-order-summary-wrapper .title {
    font-size: 13px;
    font-weight: bold;
}

.product-order-summary-row {
    display: flex;
    justify-content: space-between;
    margin-top: 1.2em;
}

.product-order-summary-row:first-child {
    margin-top: 0;
}

.product-order-summary-row .row-content.error {
    color: #bd0000;
}

.productQuantityDiv.error input,
.productQuantityDiv.error .ui-spinner-button {
    border-color: #bd0000 !important;
    color: #bd0000 !important;
}

.product-order-summary-row .row-content {
    display: flex;
    align-items: center;
}

/* 알림 배너 */
[class^="ico-"]:not(.no-ico-hover-effect),
[class*=" ico-"]:not(.no-ico-hover-effect) {
    cursor: pointer;
}

[class^="ico-"]:not(.no-ico-hover-effect):hover,
[class*=" ico-"]:not(.no-ico-hover-effect):hover {
    opacity: 0.6;
}

.productDetail.wrapper .banner {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 10px;
    color: #222;
    padding: 20px;
    margin-bottom: 30px;
}

.productDetail.wrapper .warning {
    background: #FFEDC9;
}

.productDetail.wrapper .ico-info-triangle:before {
    content: "\e97d";
}

.productDetail.wrapper .banner-content-text {
    font-size: 14px;
    margin-left: 10px;
    line-height: 19px;
}

.productDetail.wrapper .warning i:not(.ico-close-line) {
    color: #F67943;
    line-height: 19px;
}

/* naver pay - common, desktop */
div.naverPay_storebtn_bx {
    display: inline-block !important;
}

.productDetail.wrapper .naverPayButton .naverPay_storebtn_bx.naverPay_type_A_2 {
    width: 100% !important;
    max-width: 285px !important;
}

/* naver pay - mobile */
.productDetail.wrapper .naverPayButton .naverPay_storebtn_bx.naverPay_type_MA_1 {
    margin: 0 !important;
}

.productDetail.wrapper .content.info.align_center #snsShareBtnListWrapper {
    left: 50%;
    margin-left: -75px;
}

.productDetail.wrapper .content.info.align_right #snsShareBtnListWrapper {
    left: 100%;
    margin-left: -150px;
}

/* naver pay */
#body.mobile #cart:not(.cart) .naverPayButton .npay_storebtn_bx {
    margin: initial !important;
}

/* toss pay */
#buyNowToss {
    width: 272px !important;
    height: 88px !important;
    display: inline-block !important;
}

#buyNowToss #buyNowTossDiv {
    display: flex;
    padding-top: 11px;
    border-top: 2px solid;
}
#buyNowToss #buyNowTossDiv .tosspay-text {
    flex: 0.5;
    font-size: 11px;
    text-align: left;
    line-height: 1.5em;
    letter-spacing: -1px;
    font-family: 'Nanum Gothic', Malgun Gothic;
    margin: auto;
    font-weight: 600;
}

#buyNowToss #buyNowTossDiv .buyButton {
    flex: 1;
}

#buyNowToss #buyNowTossDiv .buyButton button {
    display: flex;
    border-radius: 8px;
    background-color: #3182F6 !important;
    border-color: #3182F6 !important;
    min-height: 46px !important;
    font-size: 14px !important;
    font-weight: 700;
    justify-content: center;
}

.body:not(.mobile) #buyNowToss #buyNowTossDiv .buyButton button {
    width: 180px !important;
}

#buyNowToss #buyNowTossDiv .buyButton img {
    width: 86px;
}

#buyNowToss #buyNowTossDiv .buyButton .tosspay-btn-text {
    margin: 1px 0 0 4px;
    font-weight: 600;
    font-family: 'Nanum Gothic', Malgun Gothic;
    color: #FFFFFF;
}

#tossPayCart {
    text-align: right;
    margin-top: 10px;
}

.mobile #tossPayCart {
    text-align: center;
}

#body.mobile #buyNowToss {
    width: 290px !important;
    display: block !important;
    margin: 0 auto;
}

#tossPayCart #buyNowToss {
    width: 225px !important;
}

#tossPayCart #buyNowToss #buyNowTossDiv {
    padding: 0 4px;
    height: 59px !important;
}

#tossPayCart #buyNowToss #buyNowTossDiv .buyButton {
    margin-top: 10px;
}

#tossPayCart #buyNowToss #buyNowTossDiv .tosspay-text {
    flex: 1;
    letter-spacing: -1px;
    font-size: 11px;
    font-family: 'Nanum Gothic', Malgun Gothic;
    padding-top: 2px;
}

#tossPayCart #buyNowToss #buyNowTossDiv .buyButton button {
    min-width: 130px;
    min-height: 37px !important;
}

.body:not(.mobile) #tossPayCart #buyNowToss #buyNowTossDiv .buyButton button {
    width: 130px !important;
}

#tossPayCart #buyNowToss #buyNowTossDiv .buyButton img {
    width: 65px;
    margin-top: -1px;
}

#tossPayCart #buyNowToss #buyNowTossDiv .buyButton .tosspay-btn-text {
    font-size: 10px;
    font-weight: 600;
    font-family: 'Nanum Gothic', Malgun Gothic;
    margin: 0 0 0 4px
}

.body.mobile #tossPayCart #buyNowToss {
    width: 290px !important;
}

.body.mobile #tossPayCart #buyNowToss #buyNowTossDiv .buyButton button {
    min-width: 186px;
    min-height: 40px !important;
    justify-content: center;
}

.body.mobile #tossPayCart #buyNowToss #buyNowTossDiv .buyButton img {
    width: 72px;
    margin-top: -1px;
}

.body.mobile #tossPayCart #buyNowToss #buyNowTossDiv .buyButton .tosspay-btn-text {
    font-size: 11px;
    font-weight: 600;
    margin: 0 0 0 4px;
}

/* productDetail - buyButton, addToCartButton, restockButton */
.productDetail.wrapper .productActionButtonDiv .normalButton {
    font-size: 0; /* remove default browser margin between element */
}

.productDetail.wrapper .productActionButtonDiv .normalButton .btn-wrapper {
    vertical-align: top;
    display: inline-block;
    width: calc(50% - 10px);
    max-width: 160px;
}

.productDetail.wrapper .productActionButtonDiv .btn-wrapper.cartButton {
    margin-left: 20px;
}

.productDetail.wrapper .productActionButtonDiv .btn-wrapper.restockButton {
    display: inline-block;
    width: 100%;
    max-width: 340px;
}

.productDetail.wrapper .btn-wrapper button {
    min-width: 0;
    width: 100% !important;
    min-height: 54px;
}

.productDetail.wrapper .productActionButtonDiv .normalButton .btn-wrapper.buyButton .button.buyNow,
.productDetail.wrapper .productActionButtonDiv .normalButton .btn-wrapper.cartButton .button.addToCart,
.productDetail.wrapper .productActionButtonDiv .btn-wrapper.restockButton .button.restockNotification {
    padding: 1em 0 !important;
}

.productDetail.wrapper .bottom-info #productDescriptionDetailPage p span {
    line-height: inherit;
}

.productDetail.wrapper .bottom-info ol,
.productDetail.wrapper .bottom-info ul {
    margin-left: 40px;
}

/* productDetail - restock dialog */
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper > div:not(.restockNoticeDialog-close):not(.restockNotice-title):not(.restockNoticePhoneTitle) {
    text-align: center;
}

.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .custom-select-wrapper {
    display: block;
    margin-bottom: 20px;
    text-align: left;
}

.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .custom-select-wrapper:last-child {
    margin-bottom: 0;
}

.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticePhoneTitle,
.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .custom-select-wrapper .custom-select-option-name {
    display: block;
    margin-bottom: 12px;
}

.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticePhoneNumberDiv {
    font-size: 0 !important; /* remove default browser margin between element */
}

.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticePhoneNumberDiv input {
    width: 30%;
    height: 45px;
    font-size: 14px;
    line-height: 23px;
    border: 1px solid #ddd;
    padding: 10px 15px;
    background-color: transparent;
}

.shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticePhoneNumberDiv .element {
    display: inline-block;
    font-size: 17px;
    width: 5%;
    text-align: center;
}

/* productDetail - navigation */
body.display #body.header-style-effect-type-fixedAtTop.shopProductDetail-loaded.productDetail-navigation-use .siteHeader.placeholder,
body.display #body.header-style-effect-mobile-type-fixedAtTop.shopProductDetail-loaded.productDetail-navigation-use .siteHeader.placeholder {
    display: none;
}

body.display #body.header-style-effect-type-fixedAtTop.shopProductDetail-loaded.productDetail-navigation-use .siteHeader:not(.placeholder),
body.display #body.header-style-effect-mobile-type-fixedAtTop.shopProductDetail-loaded.productDetail-navigation-use .siteHeader:not(.placeholder) {
    position: relative !important;
}

#body.productDetail-navigation-notUse .productDetail.wrapper #productDetailNavigation {
    display: none;
}

.productDetail.wrapper #productDetailNavigation {
    position: relative;
}

.productDetail.wrapper .productDetailNaviWrap {
    padding: 0 16px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.productDetail.wrapper .productDetailNaviWrap.fixedTop {
    position: fixed;
    top: 0;
    bottom: auto;
}

.productDetail.wrapper .productDetailNaviContent {
    font-size: 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

.productDetail.wrapper .productDetailNaviContent .menu-navi {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    padding: 1.5em 0;
}

.productDetail.wrapper .productDetailNaviContent.c-6 .menu-navi {
    width: 16.6666%;
}

.productDetail.wrapper .productDetailNaviContent.c-5 .menu-navi {
    width: 20%;
}

.productDetail.wrapper .productDetailNaviContent.c-4 .menu-navi {
    width: 25%;
}

.productDetail.wrapper .productDetailNaviContent.c-3 .menu-navi {
    width: 33.3333%;
}

.productDetail.wrapper .productDetailNaviContent.c-2 .menu-navi {
    width: 50%;
}

.productDetail.wrapper .productDetailNaviContent.c-1 .menu-navi {
    width: 100%;
}

/* productDetail - review & qna */
.productDetail.wrapper .reviewQna-info .boardInDetail {
    width: 100%;
    margin: 0 auto;
    padding-top: 160px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .title.boardProductListTitle {
    font-size: 16px;
    margin-bottom: 1em;
    line-height: 1.5em;
}

.productDetail.wrapper .reviewQna-info .boardInDetail #boardProductReviewTopBoxTextElem {
    width: 100%;
    text-align: center;
    line-height: 1.6em;
    background-color: #f0f0f0;
    margin-bottom: 30px;
    padding: 18px;
    white-space: pre-wrap;
}

.productDetail.wrapper .reviewQna-info .boardInDetail #reviewDetailElem {
    float: left;
    white-space: nowrap;
}

.productDetail.wrapper .reviewQna-info .boardInDetail #reviewDetailElem .reviews-detail-grade {
    font-size: 24px;
    font-weight: 700;
    line-height: 8px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail #productDetailPostReview {
    margin-bottom: 40px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .twoDIv > div {
    width: calc(50% - 10px);
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .twoDIv > div > span {
    display: block;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .twoDIv > div > input {
    margin: 0 !important;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .boardPost-wrapper .infoInput {
    font-size: 14px;
    padding: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .row #boardProductQnaTitle {
    margin: 0 0 20px 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail #review-writeDiv-guest {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv {
    width: 100%;
    border: 1px solid #ddd;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrapper {
    margin: 0 15px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .post-review-opened .reviewDetail .reviewCommentWrapper {
    margin: 0px;
    padding-bottom: 24px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrapper input {
    -webkit-appearance: none;
    border: 1px solid #a9a9a9;
    background-color: transparent;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    line-height: 17px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite {
    border: 1px solid #ddd;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv textarea,
.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite textarea {
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    max-height: 500px;
    padding: 15px;
    border: none;
    line-height: 1.5em;
    background-color: transparent;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv {
    padding: 0 15px 15px;
    position: relative;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv > div {
    display: inline-block;
    vertical-align: bottom;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .thumbnail {
    width: 60%;
    line-height: 0;
}

.boardPost-wrapper .bottomDiv .thumbnail {
    line-height: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion {
    width: 40%;
    text-align: right;
    position: absolute;
    right: 15px;
    bottom: 15px;
    max-width: 320px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion button {
    float: right;
    margin-left: 8px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .thumbnail > div,
.boardPost-wrapper .bottomDiv .thumbnail > div {
    display: inline-block;
}

.boardPost-wrapper .bottomDiv .thumbnail .img {
    float: left;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 22px 8px 0 0;
    cursor: pointer;
    background-color:rgba(175,175,175,0.1);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .thumbnail .img {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 8px 8px 0 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .thumbnail .img.imgPostProduct,
.boardPost-wrapper .bottomDiv .thumbnail .img.imgPostProduct {
    position: relative;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .thumbnail .img.imgPostProduct:after,
.boardPost-wrapper .bottomDiv .thumbnail .img.imgPostProduct:after {
    position: absolute;
    background-color: rgba(68, 68, 68, 0.5);
    /*content: "삭제";*/
    content: attr(title);
    text-align: center;
    line-height: 60px;
    letter-spacing: 0.1em;
    font-size: 12px;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .thumbnail .imgUpload .fileUploader-wrapper,
.boardPost-wrapper .bottomDiv .thumbnail .imgUpload .fileUploader-wrapper {
    width: 60px !important;
    height: 60px !important;
    padding: 0 !important;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .thumbnail .imgUpload .fileUploader-wrapper .icomoon-camera,
.boardPost-wrapper .bottomDiv .thumbnail .imgUpload .fileUploader-wrapper .icomoon-camera {
    font-size: 20px;
    padding-left: 1px;
    line-height: 56px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion .customSelectDiv,
.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion button {
    width: calc(50% - 4px) !important;
    height: 45px !important;
    vertical-align: middle;
    display: inline-block;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion .customSelectDiv#selectNoReviewShopOrderInfoDiv {
    width: 100% !important;
    margin-bottom: 8px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion button {
    padding: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .onlyPhotoReview {
    text-align: right;
    margin-bottom: 20px;
    font-size: 0; /* remove margin between checkbox and label */
}

.productDetail.wrapper .reviewQna-info .boardInDetail .onlyPhotoReview > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .onlyPhotoReview input {
    width: 14px;
    height: 14px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .onlyPhotoReview input[type="checkbox"] + label {
    padding-left: 10px;
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row > * {
    display: inline-block;
    font-size: 13px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row {
    border-bottom: 1px solid #ddd;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content.best {
    margin-bottom: -1px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content.best .row {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.productDetail.wrapper .reviewQna-info .review-list .row {
    display: flex;
    align-items: flex-start;
}

.productDetail.wrapper .reviewQna-info .review-list .row.post-review-opened {
    display: block;
}

.productDetail.wrapper .reviewQna-info .review-list .row:first-child {
    border-top: 1px solid #ddd;

}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .review-text-wrapper {
    width: 100%;
    cursor: pointer;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .product-review-head {
    padding-top: 12px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row > div:last-child {
    cursor: auto;
    padding-top: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row * {
    font-size: 13px;
}

/* productDetail - review & qna - restricted page */
.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper {
    text-align: left;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .content.field {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.productDetail.wrapper .reviewQna-info .boardInDetail.review .restrictedBoardPost.wrapper .content.field {
    border: 1px solid #ddd;
    background-color: rgba(0, 0, 0, 0.02);
    position: relative;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 15px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password .row {
    border: 0 !important;
    padding: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password .row.info {
    font-size: 14px;
    line-height: 19px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password input[type=password] {
    width: 300px;
    margin-top: 10px;
    font-size: 14px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password .row.result {
    font-size: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password .row.result .result-wrapper {
    font-size: 14px;
    line-height: 39px;
    padding: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .closePasswordReviewRequired {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .btn-wrapper.bottom {
    text-align: left;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-top: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .btn-wrapper.bottom .text-btn {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .btn-wrapper.bottom .text-btn .icomoon-left {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .btn-wrapper.bottom .text-btn span {
    vertical-align: middle;
}

/* productDetail - review */

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .product-review-head div {
    display: inline-block;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewSubject {
    margin: 10px 0 12px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.8em;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .post-review-opened .reviewSubject {
    overflow: initial;
    display: block;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .reviewSubject .icomoon-camera {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .best-review-badge {
    margin-right: 8px;
    padding: 3px 5px;
    font-size: 11px;
    border-radius: 1px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewRating {
    padding-right: 12px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewRating div {
    display: inline-block;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewRating div.opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .productReviewWriter {
    padding-right: 5px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewLinkItem {
    font-weight: bold;
}

.productReviewLinkContent {
    color: #999999 !important;
    padding-left: 5px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .review-list-thumbnail .img {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 12px 0 10px 12px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv #noPostProductReview.no-content-msg {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 120px;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

/* productDetail - reviewDetail */
.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewDetail {
    display: block;
    margin-top: 18px;
    width: 100%;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewDetail .reviewContent img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin-bottom: 20px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewContent,
.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentCount,
.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentHead,
.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentContent {
    padding: 0 15px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .btn-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewContent {
    line-height: 1.5em;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentCount {
    font-size: 14px !important;
    line-height: 17px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .post-review-opened .img.reviewOpenedImg {
    width: 400px;
    height: 100%;
    display: block;
    margin: 24px 0 0 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .post-review-opened .reviewDetail .reviewCommentCount {
    padding: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentDiv {
    margin-bottom: 10px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-top: 20px;
    line-height: 1.5em;
    position: relative;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment > div {
    display: inline-block;
    vertical-align: top;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment:last-child {
    border-bottom: none;
    padding-bottom: 60px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentHead {
    width: 10%;
    position: relative;
    font-size: 12px;
    padding-right: 0;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentHead .reviewCommentWriter {
    line-height: 17px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentContent {
    width: 90%;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .text-assi {
    text-align: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    font-size: 10px;
    line-height: 19px;
    padding-right: 15px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrapper .title {
    border: 0;
    padding: 0;
    line-height: 17px;
    margin-bottom: 12px;
    margin-left: 5px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite > * {
    vertical-align: middle;
    display: inline-block;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite textarea {
    width: 80%;
    max-width: 80%;
    min-height: 80px;
}

.productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite .btnDiv {
    width: 20%;
    padding-right: 15px;
    text-align: right;
    text-transform: uppercase;
}

#body .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite .btnDiv .button {
    width: 100%;
    max-width: 120px;
    padding: 1em 0;
}

/* productDetail - Q&A */
.shopProductDetail.wrapper .boardPost-wrapper {
    width: 100%;
    max-width: none;
    border-top: 1px solid #ddd;
    margin-top: 0;
    padding-top: 20px !important;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv thead {
    font-size: 13px;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv tbody tr td {
    font-size: 13px;
    padding: 21px 0;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv tbody tr.noBoardContentsText td {
    padding: 0;
    font-size: inherit;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv .postProductOrderNo {
    width: 10%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv .postProductTitle {
    width: 60%;
    padding-right: 2%;
    text-align: center;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv tbody .postProductTitle {
    text-align: left;
    cursor: pointer;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv .postProductWriter {
    width: 15%;
    padding-right: 2%;
    text-align: center;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .boardPost-wrapper .infoInput .row span {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 15px;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .boardPost-wrapper .textEdit .cke_wysiwyg_div.cke_editable {
    width: auto;
}

.productDetail.wrapper .reviewQna-info .qna.boardInDetail .boardPost-wrapper .btn-wrapper button {
    width: auto !important;
    height: 45px !important;
    min-height: 45px;
}

/* temporary code before responsive */
.item-wrapper.boardLineup table thead tr {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #cdcdcd;
}

.item-wrapper.boardLineup table thead tr td,
.item-wrapper.boardLineup table tbody tr td {
    vertical-align: middle;
    text-align: center;
}

#body:not(.mobile) .item-wrapper.boardLineup table tbody tr {
    height: 60px;
    border-bottom: 1px solid #cdcdcd;
}

#body.mobile .item-wrapper.boardLineup .boardPostWrapper,
#body.mobile .item-wrapper.boardLineup .boardProductPostWrapper {
    padding: 17px 0;
    border-bottom: 1px solid #cdcdcd;
}

/* productDetail - pagination */
.productDetail.wrapper .reviewQna-info .pagination_div {
    text-align: center;
    margin-top: 60px;
    font-size: 14px;
}

.productDetail.wrapper .reviewQna-info .pagination_div div {
    display: inline-block;
    width: auto;
    height: 1em;
    text-align: center;
    line-height: 1em;
    font-size: 1em;
    cursor: pointer;
}

.productDetail.wrapper .reviewQna-info .pagination_div .paginationNo-navi {
    margin: 0 0.75em;
}

/* productDetail - relatedProductList */
#body.systemPage-productDetail-reviewQna-width-type-syncWithProductDetail .productDetail.wrapper div.reviewQna-info,
#body.systemPage-productDetail-relatedProduct-width-type-syncWithProductDetail .productDetail.wrapper div.relatedProductList-info {
    max-width: none;
}

.productDetail.wrapper .relatedProductList-info .title {
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 1em;
    line-height: 1.5em;
}

#body .productDetail.wrapper .relatedProductList-info.section-wrapper .section {
    padding: 0;
    max-width: none;
}

.relatedProductList-info.section-wrapper .section .item-wrapper.productList {
    padding: 0;
    margin: 0 auto;
}

.relatedProductItemWrapper.item-wrapper.productList .relatedProductListWrapper.productListWrapper .productListPage .shopProductWrapper:last-child {
    margin-right: 0 !important;
}

#body.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide {
    padding: 0 8px;
}

.relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide,
#body.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.c-1 {
    padding: 0 16px;
}

@media screen and (max-width: 1290px) {
    #body.systemPage-productDetail-width-type-wide.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-normal.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use {
        padding: 0 22px;
    }

    #body.systemPage-productDetail-width-type-wide .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-wide.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.c-1.slideArrow-use,
    #body.systemPage-productDetail-width-type-normal .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-normal.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.c-1.slideArrow-use {
        padding: 0 30px;
    }
}

@media screen and (max-width: 1050px) {
    #body.systemPage-productDetail-width-type-wide.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-normal.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-narrow.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use {
        padding: 0 42px;
    }

    #body.systemPage-productDetail-width-type-wide .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-wide.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.c-1.slideArrow-use,
    #body.systemPage-productDetail-width-type-normal .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-normal.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.c-1.slideArrow-use,
    #body.systemPage-productDetail-width-type-narrow .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.slideArrow-use,
    #body.systemPage-productDetail-width-type-narrow.productListSlide-margin-use .relatedProduct-section.section-wrapper .section .item-wrapper.productListSlide.c-1.slideArrow-use {
        padding: 0 50px;
    }
}

.relatedProduct-section.section-wrapper.relatedProductList-align-left .section {
    text-align: left;
}

.relatedProduct-section.section-wrapper.relatedProductList-align-center .section {
    text-align: center;
}

.relatedProduct-section.section-wrapper.relatedProductList-align-right .section {
    text-align: right;
}

/* productDetail - mobile fixed buy button */
.mobile-fixed-buy-button-box,
.mobile-fixed-order-box {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    z-index: 9999; /* 관련 상품과 겹치지 않도록 처리 */
}

#body.systemPage-productDetail-buyButton-mobile-fixedPosition-use .mobile-fixed-buy-button-box.active,
#body.systemPage-productDetail-buyButton-mobile-fixedPosition-use .mobile-fixed-order-box.active {
    opacity: 1;
}

.mobile-fixed-buy-button-box > *,
.mobile-fixed-order-box > * {
    visibility: hidden;
}

#body.systemPage-productDetail-buyButton-mobile-fixedPosition-use .mobile-fixed-buy-button-box.active > *,
#body.systemPage-productDetail-buyButton-mobile-fixedPosition-use .mobile-fixed-order-box.active > * {
    visibility: visible;
}

/* productDetail.css */

/* purchaseProcess.css */
.basicTemplate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 10000;
    overflow: auto;
    overflow-y: scroll;
}

.background {
    width: 100%;
    height: 100%;
    background-image: url(../../images/product/background-1px.png);
    background-repeat: repeat;
    position: fixed;
}

.basicTemplate input[type="text"], .basicTemplate input[type="password"] {
    width: 400px;
    height: 48px;
    padding: 15px 20px;
    color: #222;
    font-size: 14px;
    line-height: 19px;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.error-msg {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
}

/* purchaseProcess.css */

/* searchPage.css */
.searchProduct.wrapper {
    min-height: 300px;
    margin: 0 auto;
    padding: 60px 0 70px;
}

.searchProduct.field,
.searchProductResult.field .no-result {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 40px !important;
}

.searchProductResult.field .result-wrapper {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    line-height: 1.5em;
    text-align: center;
    font-size: 16px;
}

#body:not(.mobile) .searchProductResult .section {
    width: 100% !important;
    max-width: 1240px !important;
    padding: 0 20px !important;
}

.wrapper .searchProduct.field .row.search {
    border: 1px solid #ddd;
    width: 100%;
    letter-spacing: 0;
}

.wrapper .searchProduct.field .row .searchIcon,
.wrapper .searchProduct.field .row form {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}

.wrapper .searchProduct.field .row .searchIcon {
    padding: 20px 10px 20px 20px;
    font-size: 30px;
}

.wrapper .searchProduct.field .row form {
    width: calc(100% - 70px);
}

.wrapper .searchProduct.field .row input {
    width: 100%;
    border: none;
    background-color: transparent;
}

@media screen and (max-width: 1020px) {
    #body:not(.mobile) .searchProductResult .section {
        max-width: 960px !important;
        padding: 0 !important;
    }
}

@media screen and (min-width: 1400px) {
    #body.entire-style-width-type-wide .searchProductResult .section {
        padding: 0 90px !important;
        max-width: 1800px !important;
    }
}

/* searchPage.css */

/* common */
.cart.wrapper,
.searchProduct.field,
.searchProductResult.field .no-result,
.productDetail.wrapper {
    position: relative;
    width: 100%;
    max-width: 1240px;
    min-height: 300px;
    height: auto;
    margin: 0 auto;
    padding: 60px 36px 70px;
    background-color: transparent;
    z-index: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* 여기서부터 - 관련 상품 슬라이드를 위한 예외처리, 수정 시 주의 */
.productDetail.wrapper {
    padding: 60px 20px 70px;
}

#body.systemPage-productDetail-width-type-narrow .productDetail.wrapper {
    max-width: 960px;
    padding: 60px 0 70px;
}

@media screen and (max-width: 1020px) {
    .cart.wrapper,
    .searchProduct.field,
    .searchProductResult.field .no-result {
        max-width: 960px;
        padding: 60px 16px 70px;
    }

    .productDetail.wrapper {
        max-width: 960px;
        padding: 60px 0 70px;
    }
}

@media screen and (min-width: 1400px) {
    #body.entire-style-width-type-wide .cart.wrapper:not(.payment-process),
    #body.entire-style-width-type-wide .searchProduct.field,
    #body.entire-style-width-type-wide .searchProductResult.field .no-result {
        padding: 60px 106px 70px;
        width: 100%;
        max-width: 1800px;
    }

    #body.systemPage-productDetail-width-type-wide .productDetail.wrapper {
        padding: 60px 90px 70px;
        width: 100%;
        max-width: 1800px;
    }
}

.productDetail.wrapper .top-info {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.productDetail.wrapper .bottom-info,
.productDetail.wrapper .reviewQna-info,
.productDetail.wrapper .relatedProductList-info {
    width: 100%;
    max-width: 832px;
    padding-top: 160px;
    margin: 0 auto;
}

.productDetail.wrapper .bottom-info #productCommonHeader,
.productDetail.wrapper .bottom-info #productDescriptionDetailPage,
.productDetail.wrapper .bottom-info #productCommonFooter,
.productDetail.wrapper .reviewQna-info,
.productDetail.wrapper .relatedProductList-info {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.productDetail.wrapper .bottom-info .relatedProductList-info {
    padding-top: 0 !important;
}

.productDetail.wrapper .reviewQna-info {
    padding-top: 0;
}

.productDetail.wrapper .relatedProductList-info.productListSlide-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.productDetail.wrapper .relatedProductList-info.productListSlide-section .title {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* 여기까지 - 관련 상품 슬라이드를 위한 예외처리, 수정 시 주의 */
.productPriceWithDiscountSpan {
    text-decoration: line-through;
}

/* like & sns share common */
.likeShareButtonWrapper > div {
    margin-bottom: 40px;
    margin-right: 20px;
    vertical-align: bottom;
}

.likeShareButtonWrapper > .snsShareButtonDiv,
.likeShareButtonWrapper > div:last-child {
    margin-right: 0;
}

.snsShareButtonDiv,
.postLikeDiv {
    display: inline-block;
    position: relative;
    font-size: 0;
}

.snsShareButton,
.postLikeDiv {
    white-space: nowrap; /*예외처리 : iOS에서 두 줄되는 문제 수정*/
    cursor: pointer;
}

.snsShareButton > *,
.postLikeDiv > * {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.snsShareButton .snsShareButton-icon,
.postLikeDiv .postLike-no,
.postLikeDiv .postLike-icon {
    margin-right: 5px;
}

.postLikeDiv.likeNumber-non:not(.liked) .postLike-no {
    display: none !important;
}

/* sns share button */
#body.snsBtnType-onlyText .snsShareButton .snsShareButton-icon {
    display: none;
}

#snsShareBtnListWrapper {
    position: absolute;
    display: none;
}

#snsShareBtnListWrapper.opened {
    z-index: 1001;
    display: block;
}

#snsShareBtnListWrapper #snsShareBtnList {
    position: relative;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    margin-top: 1em;
    padding: 1.2em 0 1.2em 1em;
    text-align: left;
    font-size: 14px;
    width: 150px;
    letter-spacing: 0;
    background-color: #fff;
    background-color: rgba(254, 254, 254, .9);
    border: 1px solid #ccc;
}

#snsShareBtnListWrapper.opened #snsShareBtnList {
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: all .4s cubic-bezier(.33, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.33, 0, .2, 1);
    -o-transition: all .4s cubic-bezier(.33, 0, .2, 1);
    transition: all .4s cubic-bezier(.33, 0, .2, 1);
}

#snsShareBtnList .snsShareBtn:first-child {
    margin-top: 0;
}

#snsShareBtnList .snsShareBtn {
    margin-top: 1.2em;
    margin-bottom: 0 !important;
    cursor: pointer;
}

#snsShareBtnList .snsShare-icon,
#snsShareBtnList .snsShare-name {
    display: inline-block;
    line-height: 22px;
    color: #222;
}

#snsShareBtnList .snsShare-icon {
    font-size: 22px;
    vertical-align: top;
    margin-right: 5px;
}

#snsShareBtnList .snsShare-icon.icomoon-facebook-outline-roundedSquare {
    color: #3E5B9F;
}

#snsShareBtnList .snsShare-icon.icomoon-twitter-outline-roundedSquare {
    color: #439BD5;
}

#snsShareBtnList .snsShare-icon.icomoon-kakaoTalk-outline-roundedSquare {
    color: #ffca00;
}

#snsShareBtnList .snsShare-icon.icomoon-kakaoStory-outline-roundedSquare {
    color: #FAB900;
}

#snsShareBtnList .snsShare-icon.icomoon-naverLine-outline-roundedSquare {
    color: #00B900;
}

#snsShareBtnList .snsShare-icon.icomoon-naverBand-outline-roundedSquare {
    color: #43D592;
}

#snsShareBtnList .snsShare-icon.icomoon-naverBlog-outline-roundedSquare {
    color: #00C73C;
}

#snsShareBtnList .snsShare-icon.icomoon-googlePlus-outline-roundedSquare {
    color: #DB4437;
}

/* like button */
.postLikeDiv.liked .postLike-icon {
    color: #d10000;
}

/* mobile media query */
@media screen and (max-width: 640px) {
    /* common */
    .cart.wrapper,
    .productDetail.wrapper,
    .login.wrapper,
    .myPage.wrapper,
    .orderDetails.wrapper,
    .payment-process.wrapper,
    .cart.payment-process.wrapper,
    .searchProduct.field,
    .searchProductResult.field .no-result {
        position: relative;
        width: 100%;
        height: auto;
        padding: 40px 16px;
    }

    .productDetail.wrapper {
        /* 관련 상품 슬라이드를 위한 예외처리, 수정 시 주의 */
        padding: 40px 0;
    }

    .column-wrapper.one-column .field,
    .column-wrapper.two-column .field {
        width: 100%;
        max-width: none;
        display: block;
    }

    .column-wrapper.two-column .field {
        margin-bottom: 70px;
    }

    .column-wrapper.two-column .field:first-child {
        margin-right: 0;
    }

    .column-wrapper.two-column .field:last-child {
        margin: 0;
    }

    .wrapper > .header,
    .wrapper .field .header {
        margin-bottom: 30px;
    }

    .wrapper .no-content-msg {
        padding: 70px 0 30px;
    }

    .wrapper .field .btn-wrapper button,
    .login.wrapper .field .content .btn-wrapper button {
        width: auto !important;
        min-width: 50% !important;
    }

    .wrapper .field .content .checkbox-wrapper .text,
    .wrapper .field .content .checkbox-wrapper label {
        width: 93%;
    }

    #daum_postcode_layer {
        position: relative;
        width: 100%;
        left: initial;
        overflow: hidden;
        top: 50% !important;
        margin-top: 0;
        height: 500px;
        z-index: 10001 !important;
        background-color: #fff;
    }

    .payment-process.wrapper .content .row .shopOrderRequestPayMethod > div {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .payment-process.wrapper .content .row .shopOrderRequestPayMethod > div:last-child {
        margin-bottom: 0;
    }

    /* login */
    #login.login.wrapper .field .content .btn-wrapper:not(.socialicon) button,
    #kakaoCheckAgree.login.wrapper .field .content .btn-wrapper:not(.socialicon) button {
        width: 100% !important;
    }

    /* login-releaseDormant/productDetail-restock dialog in common */
    #releaseDormant .field,
    .shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper {
        width: calc(100vw - 32px);
    }

    #btnReleaseDormant,
    .shopProductDetail.wrapper .restockNoticeDialog .restockNoticeWrapper .restockNoticeButtonDiv button.restockNoticeButton {
        max-width: 180px;
    }

    /* myPage */
    .myPage.wrapper .orderList.field .content span.date {
        width: 19%;
    }

    .myPage.wrapper .orderList.field .content span.product {
        width: 41%;
    }

    .myPage.wrapper .orderList.field .content span.total {
        width: 24%;
    }

    .myPage.wrapper .orderList.field .content span.status {
        width: 16%;
    }

    .myPage.wrapper .orderList.field .content .tb-content .info span {
        font-size: 12px;
    }

    .row.contact div.ui-input-text,
    .row.post-code div.ui-input-text,
    .row.auth-input div.ui-input-text {
        display: inline-block;
    }

    .row.address div.ui-input-text:last-child {
        margin-top: 12px;
    }

    .myPage.wrapper .orderList.field .content .pagination_div {
        margin-top: 40px;
    }

    .myPage.wrapper .orderList.field .content span {
        font-size: 14px;
    }

    /* orderDetails */
    .orderDetails.wrapper .tb-content .info .price {
        padding-left: 3%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field:first-child {
        padding: 0;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content .row.two input {
        width: 100%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-title .name {
        width: 63%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-title .qty {
        width: 14%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-title .price {
        width: 20%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-content .name {
        width: 62.5%;
        padding-right: 3%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-content .qty {
        width: 7.5%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .tb-content .price {
        width: 27%;
        padding-left: 3%;
    }

    .orderDetails.wrapper .btn-wrapper {
        width: auto;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row select {
        width: 100%;
    }

    .orderDetails.wrapper .column-wrapper.two-column .field .content.readonly .row span.change-status {
        display: none;
    }

    /* searchProduct */
    .wrapper .searchProduct.field .row .searchIcon {
        padding: 15px 0 14px 15px;
        font-size: 18px;
    }

    .wrapper .searchProduct.field .row form {
        width: calc(100% - 40px);
    }

    .wrapper .searchProduct.field .row input {
        width: 100%;
    }

    .wrapper .searchProduct.field .row .ui-input-text {
        display: inline-block;
        width: 325px;
        padding-left: 34px;
    }

    .wrapper .searchProduct.field .row .ui-input-text input {
        opacity: 1;
        width: 100%;
        padding-left: 10px;
    }

    .searchProductResult.field .result-wrapper {
        text-align: center;
        margin: 0;
        padding-top: 0 !important;
    }

    /* product detail */
    .productDetail.wrapper .content.info > .btn-wrapper {
        width: auto;
    }

    .shopProductDetail.wrapper #productDetail .top-info .content.mainImg {
        margin-top: 0;
        margin-bottom: 40px;
        width: 100%;
        padding-top: 0;
    }

    .shopProductDetail.wrapper #productDetail .top-info .content.info {
        margin: 0;
        width: 100%;
        padding-top: 0;
    }

    .shopProductDetail.wrapper #productDetail .top-info .content.mainImg.productImgType_stack {
        margin-bottom: 20px;
    }

    .shopProductDetail.wrapper #productDetail .top-info .content.mainImg.productImgType_thumbnails #shopProductImgsThumbDiv {
        margin: 8px 0 0 -8px;
    }

    .shopProductDetail.wrapper #productDetail .top-info .content.mainImg.productImgType_thumbnails #shopProductImgsThumbDiv .sub.img {
        margin: 0 0 8px 8px;
        max-width: 59px;
    }

    .shopProductDetail.wrapper #productDetail .row.name {
        font-size: 24px;
    }

    .shopProductDetail.wrapper #productDetail .row.price,
    .shopProductDetail.wrapper #productDetail .top-info #shopProductAlternativeMsgDiv {
        line-height: 1.4em;
        font-size: 22px;
    }

    .productDetail.wrapper .content.info .selectOptions input {
        min-width: 30%;
        width: 30%;
    }

    .shopProductDetail.wrapper #productDetail .content.info .row.selectOptions {
        margin-right: -16px;
        margin-left: 0 !important; /* 발행하지 않은 기존 고객들을 위한 !important */
    }

    .shopProductDetail.wrapper #productDetail .content.info .row.selectOptions .productOption {
        margin-right: 16px;
        margin-left: 0 !important; /* 발행하지 않은 기존 고객들을 위한 !important */
    }

    .productDetail.wrapper .content.info .selectOptions select {
        min-width: 50%;
        max-width: 100%;
        width: auto;
        background-color: #fff;
    }

    .productDetail.wrapper .productActionButtonDiv .normalButton .btn-wrapper,
    .productDetail.wrapper .productActionButtonDiv .btn-wrapper.restockButton {
        max-width: none;
    }

    .productDetail.wrapper .bottom-info,
    .productDetail.wrapper .relatedProductList-info {
        width: 100%;
    }

    .shopProductDetail.wrapper #productDetail .bottom-info,
    .shopProductDetail.wrapper #productDetail .reviewQna-info .boardInDetail,
    .shopProductDetail.wrapper #productDetail .relatedProductList-info {
        padding-top: 80px;
    }

    .productDetail.wrapper .productDetailNaviContent .menu-navi {
        font-size: 14px;
    }

    /* product detail - review qna*/
    .productDetail.wrapper .reviewQna-info .boardInDetail {
        position: relative;
        height: auto;
    }

    .productDetail.wrapper .reviewQna-info .pagination_div {
        margin-top: 40px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .twoDIv > div {
        width: 100%;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion button {
        margin-left: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .onlyPhotoReview div {
        font-size: 14px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .thumbnail,
    .productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion {
        width: 100%;
        display: block;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion {
        text-align: left;
        margin-top: 8px;
        position: relative;
        bottom: auto;
        right: auto;
        max-width: none;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv .bottomDiv .funtion select {
        margin-right: 8px;
    }

    .productDetail.wrapper .boardPost-wrapper {
        padding: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row {
        padding: 4px 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row > div {
        padding: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row:first-child {
        border-top: 1px solid #ddd;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .product-review-head {
        line-height: 1.6;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .product-review-head .productReviewLinkContent {
        padding-left: 0;
        display: flex;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .product-review-head .productReviewLinkContent > strong {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 180px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .reviewSubject {
        width: 100%;
        padding: 5px 0;
        font-size: 14px;
        line-height: 1.8em;
        -webkit-line-clamp: 2;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .content .row .reviewWriter {
        width: 50%;
        text-align: left;
        font-size: 14px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .reviewContent,
    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .review-list-thumbnail,
    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentCount,
    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentHead,
    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentContent {
        padding: 0;
    }
    .productDetail.wrapper .reviewQna-info .boardInDetail .listDiv .post-review-opened .review-list-thumbnail {
        width: 100%;
    }
    .productDetail.wrapper .reviewQna-info .boardInDetail .post-review-opened .img.reviewOpenedImg {
        width: 100%;
        height: 100%;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .btn-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentCount {
        margin-bottom: 30px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment {
        position: relative;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment:last-child {
        padding-bottom: 50px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentHead {
        display: block;
        width: 80%;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .reviewCommentContent {
        width: 100%;
        margin-top: 30px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewComment .text-assi {
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .review-writeDiv textarea {
        min-height: 140px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrapper {
        margin: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrapper .title {
        display: block;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite textarea {
        width: 100%;
        max-width: 100%;
        min-height: 120px;
        display: block;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .reviewDetail .reviewCommentWrite .btnDiv {
        width: 100%;
        padding-bottom: 15px;
        display: block;
    }

    .productDetail.wrapper .reviewQna-info .boardListDiv thead tr td:not(.postProductTitle),
    .productDetail.wrapper .reviewQna-info .boardListDiv .postProductOrderNo,
    .productDetail.wrapper .reviewQna-info .boardListDiv tbody tr td.postProductWriter,
    .productDetail.wrapper .reviewQna-info .boardListDiv tbody tr td.postProductQnaCreatedDate {
        display: none !important;
    }

    .productDetail.wrapper .reviewQna-info .boardListDiv .postProductTitle {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.35em;
    }

    .productDetail.wrapper .reviewQna-info .boardListDiv .postProductWriter,
    .productDetail.wrapper .reviewQna-info .boardListDiv .postProductQnaCreatedDate {
        display: inline-block;
        margin-right: 5px;
        font-size: 14px;
    }

    .productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv .postProductTitle {
        text-align: left;
        width: 100%;
        padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv .postProductWriter {
        width: auto;
    }

    .productDetail.wrapper .reviewQna-info .qna.boardInDetail .item-wrapper .boardListDiv .no-content-msg {
        margin: 0;
        padding: 0;
    }

    .productDetail.wrapper .reviewQna-info .qna.boardInDetail .boardPost-wrapper .btn-wrapper button {
        width: 47% !important;
    }

    /* product detail - review qna - restricted page*/
    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper {
        text-align: center;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .content.field {
        padding: 5px 15px 15px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_icon {
        display: block;
        margin: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_icon .icomoon-lock-round {
        font-size: 65px;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password {
        display: block;
        padding: 0;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .restrictedBoardPost_password input[type=password] {
        width: 100%;
    }

    .productDetail.wrapper .reviewQna-info .boardInDetail .restrictedBoardPost.wrapper .closePasswordReviewRequired {
        top: 15px;
        right: 15px;
    }

    /* product detail - mobile fixed buy button */
    #body.systemPage-productDetail-buyButton-mobile-fixedPosition-use .mobile-fixed-buy-button-box,
    #body.systemPage-productDetail-buyButton-mobile-fixedPosition-use .mobile-fixed-order-box {
        display: block;
    }

    #body.systemPage-productDetail-buyButton-mobile-fixedPosition-use.shopProductDetail-loaded #topButtonArea {
        bottom: 78px !important
    }

    .mobile-fixed-buy-button-box {
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
        margin: 0 auto;
        padding: 10px 16px;
        position: fixed;
        left: 0;
        bottom: -68px;
        text-align: center;
    }

    .mobile-fixed-buy-button-box .open-order-box-btn {
        max-width: 328px;
        width: 100% !important;
        padding: 13px 0 !important;
    }

    .mobile-fixed-order-box {
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
        position: fixed;
        left: 0;
        bottom: -80vh;
        padding: 16px 16px 68px;
        max-height: 80vh;
        overflow: scroll;
    }

    .mobile-fixed-buy-button-box.active,
    .mobile-fixed-order-box.active {
        bottom: 0;
    }

    .mobile-fixed-order-box .close-btn {
        float: right;
        z-index: 1001;
        font-size: 13px;
        text-align: right;
        width: 40px;
        height: 40px;
    }

    .mobile-fixed-order-box .close-btn > i {
        line-height: 27px;
    }

    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box #shopProductNameClone {
        /* #body.mobile must remain before remove #body.mobile in editor/view.js */
        width: calc(100% - 40px);
        font-size: 18px;
        text-align: left;
        margin-bottom: 5px;
        line-height: 27px;
    }

    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box.content.info .row,
    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box.content.info .row.selectOptions .productOption {
        /* #body.mobile must remain before remove #body.mobile in editor/view.js */
        margin-bottom: 15px;
    }

    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box.content.info .miniCart-wrapper .miniCart-product-info {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box.content.info .miniCart-wrapper .miniCart-total-price-wrapper {
        margin-top: 15px;
    }

    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box.content.info #shopProductPriceClone.row {
        /* #body.mobile must remain before remove #body.mobile in editor/view.js */
        margin-bottom: 30px;
        font-size: 17px;
        line-height: 20px;
    }

    #body.mobile .shopProductDetail.wrapper #productDetail .mobile-fixed-order-box.content.info .row.selectOptions .productOption {
        /* #body.mobile must remain before remove #body.mobile in editor/view.js */
        display: inline-block;
    }

    .mobile-fixed-order-box .productActionButtonDiv {
        position: fixed;
        bottom: 0;
        width: calc(100% - 32px);
        padding: 10px 0;
    }

    .mobile-fixed-buy-button-box .open-order-box-btn,
    .mobile-fixed-order-box .btn-wrapper.buyButton .button.buyNow,
    .mobile-fixed-order-box .btn-wrapper.cartButton .button.addToCart,
    .mobile-fixed-order-box .btn-wrapper.restockButton .button.restockNotification {
        min-height: 48px;
        height: 48px !important;
    }

    /* payment */
    .wrapper .payment.field {
        max-width: none;
    }

    .payment-process.wrapper .payment.field .content {
        width: 100%;
    }

    .wrapper .payRequest.field,
    .payment-process.wrapper .payRequest.field .content,
    .payment-process.wrapper .singleField .content {
        width: 100%;
        max-width: none;
    }

    .wrapper .tb-content .info .product .img {
        width: 30%;
    }

    .wrapper .tb-content .info .product .text {
        width: 60%;
        margin: 0 5%;
        padding-left: 0;
    }

    .cart.wrapper .tb-total {
        width: 100%;
    }

    .cart.wrapper .tb-total .price {
        display: flex;
        justify-content: space-between;
    }

    .cart.wrapper .tb-total .discount {
        display: flex;
        justify-content: space-between;
    }

    .cart.wrapper .tb-total .total {
        display: flex;
        justify-content: space-between;
    }

    .cart.wrapper .btn-wrapper.shopCartInfo #btn_orderProducts {
        width: 100%;
    }

    .cart.wrapper > .header > .title {
        font-size: 24px;
        line-height: 32px;
    }

    .cart.wrapper .tb-content .info .product,
    .cart.wrapper .tb-title .name {
        width: 45%;
    }

    .wrapper .tb-content .info .price {
        padding-left: 5%;
    }

    .cart.wrapper .tb-content .info .QuantityDiv input {
        height: 30px;
        width: 40%;
        line-height: 18px;
    }

    .QuantityDiv span.ui-spinner a.ui-spinner-button:nth-child(3),
    .QuantityDiv span.ui-spinner a.ui-spinner-button:nth-child(2) {
        width: 30%;
        height: 30px;
        line-height: 30px;
    }

    .cart.wrapper .tb-content .info .QuantityDiv,
    .cart.wrapper .tb-title .qty {
        width: 25%;
        padding-left: calc(25% - 82px);
    }

    .payment-process.wrapper .tb-total {
        width: 100%;
    }

    .payment-process.wrapper .shipping.field .header .select-type {
        margin-top: 20px;
        display: block;
    }

    .payment-process.wrapper .singleField,
    .payment-process.wrapper .singleField.borderBottom {
        border: none;
        padding-bottom: 0;
    }

    .payment-process.wrapper .pay-type {
        border: none;
        padding: 0;
        margin: 70px 0 0;
    }

    .payment-process.wrapper .pay-type .title {
        padding: 0;
        margin-bottom: 30px;
    }

    .payment-process.wrapper .btn-wrapper button,
    .payment-process.wrapper .btn-wrapper a.btn {
        width: 100% !important;
        height: 54px !important;
    }

    .payment-process.wrapper .singleField.signup .content .checkbox-wrapper {
        margin-top: 20px;
    }

    .payment-process.wrapper #refundAccountInfo input.bankAccount {
        width: 100%;
    }

    .payment.wrapper .btn-wrapper a.btn {
        width: auto !important;
        min-width: 50% !important;
    }

    body.payment .payment-process.wrapper .error-msg {
        margin-top: 50px;
    }
}

/* input number spinner */
span.ui-spinner a.ui-spinner-button {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #ddd;
    width: 37px;
    height: 37px;
    margin: 0;
    text-align: center;
    line-height: 37px;
    color: #ddd;
    cursor: pointer;
    position: relative; /* override jquery-ui-1.11.3.custom.editor - only in editor */
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1);
    transition: all .2s cubic-bezier(.33, 0, .2, 1);
}

span.ui-spinner > input {
    margin: 0; /* override jquery-ui-1.11.3.custom.editor - only in editor */
}

span.ui-spinner a.ui-spinner-button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

span.ui-spinner a.ui-spinner-button:nth-child(2) {
    border-left: 0;
}

span.ui-spinner a.ui-spinner-button:nth-child(3) {
    float: left;
    border-right: 0;
}

span.ui-spinner a.ui-spinner-button:nth-child(2):before {
    content: "\e9ac";
    font-family: 'icomoon' !important;
    font-size: 13px;
}

span.ui-spinner a.ui-spinner-button:nth-child(3):before {
    content: "\e9ad";
    font-family: 'icomoon' !important;
    font-size: 13px;
}