.order-sheet__container {
padding-top: 30px;
position: relative;
}
.order-sheet__container::after {
content: '';
display: block;
clear: both;
}
.order-sheet .order-sheet-inner .l-panel,
.order-sheet .order-sheet-inner {
float: left;
width: 780px;
}
.order-sheet-summary {
float: right;
position: sticky;
top: 20px;
align-self: flex-start;
width: 380px;
z-index: 10;
border-radius: 12px;
border: 1px solid var(--color-border-subtle,);
background: var(--color-background-white);
}
.order-sheet-summary__content {
position: sticky;
top: 0;
display: flex;
padding: 28px 24px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.order-sheet-summary .order-sheet__payment-wrap {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
flex-direction: column;
margin-top: 0;
padding: 0;
background-color: transparent;
}
.order-sheet-summary .order-sheet__payment-info {
display: flex;
flex-direction: column;
width: 100%;
}
.order-sheet-summary .price-tag {
width: 322px;
}
.order-sheet-summary .order-sheet__payment-info-row {
width: 100%;
justify-content: space-between;
}
.order-sheet-summary .order-sheet-summary__title {
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid var(--color-border-default);
}
.order-sheet-summary .order-sheet__total-accumulation {
width: 100%;
margin-top: 20px;
padding-top: 20px;
text-align: center;
border-top: 1px solid var(--color-border-default);
}
.order-sheet-summary .order-sheet__terms {
width: 100%;
display: flex;
padding: 16px 12px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
margin: 0;
border-radius: 8px;
background: var(--color-background-brand-bg-2);
}
.order-sheet-summary .order-sheet__term-checker {
width: 100%;
}
.order-sheet-summary .order-sheet__terms li:last-of-type .form-check__label span::last-of-type {
width: calc(100% - 40px);
}
.order-sheet-summary .order-sheet__term-checker > .btn {
width: min-content;
min-width: fit-content;
background: transparent;
}
.order-sheet__term-checker label {
align-items: flex-start;
width: 100%;
}
.order-sheet__term-checker .form-check__label {
display: flex;
flex-direction: row;
gap: 4px;
width: 100%;
}
.order-sheet-summary .order-sheet__payment-info dt,
.order-sheet-summary .order-sheet__promotion-content {
color: var(--color-text-tertiary);
}
.order-sheet-summary .total-price,
.order-sheet-summary .order-sheet__price:not(.highlight) {
color: var(--color-text-black-primary) !important;
}
.order-sheet-summary .order-sheet__price:is(.highlight) {
color: var(--color-brand--point-primary) !important;
}
.order-sheet-summary .total-price-wrap {
margin-top: 20px;
padding: 20px 0 0;
border-top: 1px solid var(--color-border-subtle);
}
.order-sheet-summary .order-sheet__pay-btn {
width: 100%;
min-width: auto;
}
/* 二쇰Ц�� �뺣낫 �ㅽ��� */
.order-sheet-inner .order-sheet__item-subject + *,
.order-sheet-inner .order-sheet__email-input {
width: 560px;
}
.order-sheet-inner .order-sheet__item {
gap: 16px;
}
.order-sheet-inner .order-sheet__shipping-address-btn,
.order-sheet-inner .order-sheet__find-zip-code-btn,
.order-sheet-inner .order-sheet__coupon-modal-btn,
.order-sheet-inner .order-sheet__use-accumulation-btn {
width: 130px;
}
.order-sheet-inner .order-sheet__shipping-setting {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.order-sheet-inner .order-sheet__shipping-group {
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.order-sheet-inner .order-sheet__address-form__zip-code > .input-field {
width: calc(100% - 130px);
}
.order-sheet__promotion-wrapper {
flex-direction: column !important;
}
.order-sheet__promotion-group {
display: flex;
flex-direction: row;
gap: 16px;
width: 100%;
}
.order-sheet-inner .order-sheet__promotion-input {
display: flex;
gap: 16px;
width: calc(100% - 211px);
}
.order-sheet-inner .order-sheet__item-subject {
display: flex;
align-items: center;
}
.order-sheet__promotion-additional-info {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
width: 100%;
}
.order-sheet__promotion-blank {
display: inline-block;
width: 195px;
}
.order-sheet__promotion-content {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
color: var(--color-text-black-primary);
}
.order-sheet__promotion-content .highlight {
display: inline-block;
margin-left: 4px;
}
.order-sheet__discount-label {
color: var(--color-action-secondary);
}
.order-sheet__product-table th {
color: var(--color-text-secondary);
}
.pay-method-btn {
border-radius: 8px;
}
.pay-method-btn--checked span {
color: var(--color-text-inverse) !important;
}
.order-sheet__go-cart {
width: fit-content;
}
.order-sheet__register-default-address-cbx {
width: 100%;
padding: 16px;
background-color: var(--color-background-brand-bg-2);
border-radius: 8px;
}
/* 荑좏룿 �곸슜 紐⑤떖 */
.coupon-modal__caution-list-title {
border-bottom: 1px solid var(--color-border-black-primary);
}
.coupon-modal__button-wrapper > .btn {
min-width: 240px;
flex-basis: 240px;
}
.coupon-modal__top-desc {
color: var(--color-brand--point-primary);
margin-bottom: 16px;
}
.coupon-modal__coupon-title {
border-bottom: 1px solid var(--color-border-black-primary);
}
.coupon-modal__coupon-desc,
.coupon-modal__coupon-desc span {
color: var(--color-text-tertiary);
}
.coupon-modal__coupon-desc span::marker {
color: var(--color-text-tertiary);
}
.coupon-modal__coupon-desc span:last-child {
margin-top: 4px;
}
.coupon-modal__summary {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
background-color: var(--color-background-gray01);
padding: 20px;
}
.coupon-modal__summary-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.coupon-modal__summary-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.coupon-modal__summary-item p > strong {
color: var(--color-text-black-primary);
}
.coupon-modal__summary .icon-circle-plus-black,
.coupon-modal__summary .icon-circle-equal-black {
position: absolute;
right: 0;
}
/* �λ컮援щ땲 */
.cart-list .l-table {
border-top: 1px solid var(--color-base-black);
}
.order-sheet__product-img-link {
overflow: hidden;
border-radius: 8px;
}
.cart-list .cart-list__price-tag .price-tag {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
background-color: var(--color-background-gray01);
margin: 40px 0 80px 0;
padding: 20px;
height: 100px;
}
.cart-list .cart-list__price-tag .price-tag__details {
position: relative;
flex-direction: column;
gap: 8px;
}
.cart-list .cart-list__price-tag .price-tag__details dt {
color: var(--color-text-secondary);
line-height: 1;
}
.cart-list .cart-list__price-tag .icon {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) translateX(-12px);
}
.cart-list__btn-group {
width: 496px !important;
}
.cart-list__btn-group .btn-group {
gap: 16px !important;
}
.cart-list .option-info {
align-items: flex-start;
}
.cart-list .option-info__img {
position: relative;
overflow: hidden;
width: 100px !important;
height: 100px !important;
border-radius: 8px !important;
}
.cart-list table.l-table th,
.cart-list table.l-table td:first-child {
padding-left: 16px;
}
.cart-list .option-info__media .btn {
width: 100%;
border-radius: 8px;
border: 1px solid var(--color-border-subtle);
white-space: nowrap;
}
.cart-list .option-info {
gap: 24px !important;
}
.cart-list .option-info__product-name {
margin-bottom: 8px !important;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column-reverse;
}
.cart-list .option-info__option-label,
.cart-list .option-info__brand-name,
.cart-list .option-info .base-product-name {
padding: 12px 0 6px 0 !important;
}
.cart-list td + td {
padding-inline-start: 24px !important;
}
.cart-list .option-info__media {
width: 100px !important;
}
.cart-list .alert::before {
transform: translateY(0);
}
.cart-list .cart-option {
gap: 0 !important;
width: 100%;
}
.cart-list .option-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 280px;
}