/** 留덉씠 �섏씠吏� 怨듯넻 �ㅽ��� */
.my-page-title {
margin-bottom: 8px;
}
.my-page__total-count {
display: flex;
align-items: center;
}
.claim-type__title.my-page-title {
margin-bottom: 24px;
}
.my-page-box {
gap: 80px;
margin-top: 24px;
}
.my-page-box .right-box__table {
border-top: none;
}
.my-page-box .right-box__table tbody td {
padding: 16px;
height: 80px;
}
.my-page-box .right-box__btns {
margin-top: 80px;
}
.my-page-box .product-inquiry-detail .right-box__table,
.my-page-box .inquiry-detail .right-box__table {
padding: 0 20px;
}
.l-my-page-menu {
min-width: 180px;
}
.my-page-menu {
width: 100%;
gap: 0;
}
.my-page-menu__title {
padding: 0 0 20px 0;
}
.sub-menu__list {
padding-top: 7px;
padding-bottom: 24px !important;
margin-bottom: 0;
border-bottom: 1px solid var(--color-border-default);
}
.my-page-menu__list {
border-top: 1px solid var(--color-border-black-primary);
}
.my-page-menu__list-item {
margin: 24px 0;
}
.sub-menu__list-item a {
padding: 2.5px 0;
color: var(--color-text-tertiary);
}
.sub-menu__list-item.on a {
color: var(--color-action-secondary);
}
/** 留덉씠 �섏씠吏� �ㅻ뜑 �ㅽ��� */
.my-home .right-box__container {
margin-top: -26px;
}
.my-order-status {
margin: 40px 0 12px;
padding: 0;
}
.my-info .my-info__member {
display: flex;
height: 150px;
padding: 24px 28px 24px 40px;
align-items: stretch;
gap: 60px;
border-radius: 12px;
border: 1px solid var(--color-border-default);
background: none;
}
.my-info .my-info__member-container {
max-width: 240px;
}
.my-info .my-info__member-greeting {
margin-bottom: 0px;
line-height: var(--line-height-normal);
}
.my-info .my-info__member-desc {
margin-top: 2px;
color: var(--color-text-tertiary);
}
.my-info .my-info__member-summary {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}
.my-info .my-benefits-status {
display: flex;
flex-direction: row;
width: calc(100% - 300px);
}
.my-info .my-benefits-status__link {
display: flex;
flex: 1;
padding: 0 24px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
}
.my-info .my-benefits-status__link:first-child {
border-left: 1px solid var(--color-border-default);
}
.my-info .my-benefits-status__link:not(:last-child) {
border-right: 1px solid var(--color-border-default);
}
.my-info .my-benefits-status__item {
display: flex;
gap: 4px;
align-items: center;
margin-bottom: 0;
color: var(--color-text-black-primary);
font-family: var(--font-pretendard);
font-size: var(--font-size-16);
font-weight: var(--font-weight-500);
line-height: var(--line-height-normal);
}
.my-benefits-status a:not(:last-child)::after {
display: none;
}
.my-page-box .right-box__container {
gap: 0;
}
/* 留덉씠 �섏씠吏� 二쇰Ц �꾪솴 */
.order-state {
background: none;
margin-top: 12px;
padding: 0;
display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.order-state .order-state__list {
display: flex;
width: 680px;
height: 150px;
padding: 28px 40px;
justify-content: space-between;
align-items: center;
border-radius: 12px;
border: 1px solid var(--color-border-default);
background: var(--color-background-white);
}
.order-state .order-state__item {
display: flex;
align-items: center;
gap: 16px;
align-self: stretch;
flex: 1;
justify-content: space-around;
}
.order-state .order-state__item img {
width: 6px;
height: 12px;
filter: invert(67%) sepia(11%) saturate(12%) hue-rotate(66deg) brightness(96%) contrast(89%);
}
.order-state__item-link {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 8px;
}
.order-state .order-state__other {
width: calc(100% - 696px);
height: 150px;
padding: 8px 16px;
border-radius: 12px;
border: 1px solid var(--color-border-default);
}
.order-state__other-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.order-state__item-price {
display: flex;
width: 52px;
height: 52px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
aspect-ratio: 1/1;
border-radius: 100px;
background: var(--color-background-gray01);
line-height: var(--line-height-normal);
}
.order-state__item-title {
margin-bottom: 0;
font-family: var(--font-pretendard);
}
.order-state__other-item {
width: 100%;
}
.order-state__other-item:not(:last-child) {
border-bottom: 1px dashed var(--color-border-default);
}
.order-state__other-link {
display: flex;
padding: 12px 0;
justify-content: space-between;
align-items: center;
align-self: stretch;
text-decoration: none;
}
.order-state__other-link span:first-child {
color: var(--color-text-secondary);
}
/** 理쒓렐 蹂� �곹뭹 */
.my-recent-product {
width: 940px;
margin: 0;
}
.my-recent-product .my-page-title {
margin-bottom: 12px;
}
.my-recent-product .thumb-box .thumb-item {
margin-top: 0;
}
.my-recent-product .thumb-item__img {
width: 100%;
height: 100%;
}
.thumb-box .thumb-item__info {
margin-top: 0;
padding-block: 10px;
}
/*留덉씠�섏씠吏� date�ㅽ���*/
.date-selector {
display: flex;
width: auto;
padding: 28px 32px;
justify-content: space-between;
align-items: center;
border-radius: 8px;
background: var(--color-background-gray01);
}
.date-selector__button_box {
overflow: hidden;
display: flex;
height: 38px;
align-items: center;
border-radius: 4px;
background: var(--color-background-white);
}
.date-selector__select-btn {
display: flex;
width: 64px;
height: 100%;
padding: 8px 0;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--color-text-tertiary);
border: 1px solid var(--color-border-subtle);
border-radius: 0;
}
.date-selector__select-btn::after {
display: none;
}
.date-selector__select-btn:first-child {
border-radius: 4px 0 0 4px;
}
.date-selector__select-btn:last-child {
border-radius: 0 4px 4px 0;
}
.date-selector__select-btn + .date-selector__select-btn {
border-left: none;
}
.date-selector__select-btn.on:after {
width: 1px;
height: calc(100% + 2px);
left: -1px;
background: var(--color-text-black-primary);
content: '';
display: block;
bottom: -1px;
}
.date-selector__select-btn.on {
color: var(--color-text-black-primary);
border-color: var(--color-border-primary);
font-weight: var(--font-weight-500) !important;
}
.date-selector__date-picker {
position: relative;
height: 38px;
}
.date-selector__date-picker input {
padding: 8px 12px;
color: var(--color-text-black-primary);
font-family: var(--font-samsung);
font-size: var(--font-size-14);
font-weight: var(--font-weight-400);
line-height: var(--line-height-normal);
border-radius: 6px;
border: 1px solid var(--color-border-subtle);
}
.date-selector__date-picker-wrap {
align-items: center;
gap: 8px;
}
.date-selector__date-picker-wrap-inner {
display: flex;
align-items: center;
gap: 12px;
}
.date-selector__date-picker img {
position: absolute;
top: 10px;
right: 12px;
}
.claim-list .date-selector {
margin-top: 0;
}
table.l-table th {
text-align: center;
font-family: var(--font-pretendard);
font-size: var(--font-size-14);
font-weight: var(--font-weight-500);
line-height: var(--line-height-normal);
color: var(--color-text-secondary);
}
table.l-table td {
height: 100%;
padding: 20px 0;
font-size: var(--font-size-14);
font-weight: var(--font-weight-400);
line-height: var(--line-height-normal);
}
.product-item {
height: 100%;
}
.profile-like__list .product-item .product-name {
line-height: 1.5;
text-align: left;
}
.product-item__inner {
height: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.my-page__count {
color: var(--color-text-black-primary);
font-size: var(--font-size-16);
font-weight: var(--font-weight-400);
line-height: var(--line-height-normal);
}
.my-page-coupon__table {
border-top: none;
margin-top: 40px;
}
.claim-list .l-title .order-list .l-title,
.coupon-list-page .l-title {
margin-top: 32px;
}
.my-page-coupon__table .coupon__coupon-detail-text {
color: var(--color-text-tertiary);
text-decoration: underline;
cursor: pointer;
}
.my-page-coupon__table .td_left {
font-size: var(--font-size-14);
font-weight: var(--font-weight-600);
line-height: var(--line-height-normal);
text-align: center !important;
}
.order-list .thumb-item__media,
.profile-like__list .thumb-item__media {
width: 80px;
height: 80px;
}
.profile-like__benefit_item {
gap: 4px;
margin: 0;
}
.order-list__order-no,
.order-list__orderYmt,
.order-detail__order-no,
.order-detail__orderYmt,
.select-order-product-list__order-no {
display: block;
color: var(--color-text-tertiary);
}
.order-list__order-no,
.order-detail__order-no {
margin-top: 6px;
}
.extra-product__option {
display: block;
color: var(--color-text-tertiary);
}
.product-option-info__exchange-option .extra-product__option {
margin-top: 4px;
color: var(--color-text-brand);
}
.product-option-info__option {
margin-top: 4px;
}
.product-option-info__price {
display: block;
margin-top: 8px;
}
.next-action-btns + .next-action-btns {
margin-top: 12px;
}
.order-list .next-action-btns,
.order-detail .next-action-btns,
.claim-list .next-action-btns {
padding-left: 0;
flex-direction: column;
justify-content: center;
font-family: var(--font-pretendard);
font-size: var(--font-size-14);
font-weight: var(--font-weight-600);
line-height: var(--line-height-normal);
gap: 0;
}
.order-list .next-action-btns__group,
.order-detail .next-action-btns__group,
.claim-list .next-action-btns__group {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
row-gap: 4px;
column-gap: 4px;
margin-top: 12px;
}
.order-list .next-action-btns__group button,
.order-detail .next-action-btns__group button,
.claim-list .next-action-btns__group button {
margin: 0 !important;
min-width: 80px;
}
/** �섏씠吏��ㅼ씠�� �ㅽ��� */
.l-my-page .pagination {
margin: 60px 0 0;
}
/* 醫뗭븘�� �섏씠吏� �ㅽ��� */
.profile-like__list table tr th {
font-size: var(--font-size-14);
font-style: var(--font-style-normal);
font-weight: var(--font-weight-500);
line-height: var(--line-height-normal);
}
.profile-like__list table tbody tr {
height: 120px;
}
.profile-like .btn-wrap {
display: flex;
flex-direction: column;
gap: 4px;
}
.profile-like .btn-wrap .btn {
width: 80px;
flex: auto;
}
.profile-like__benefit-sale,
.profile-like__benefit-sale-price {
color: var(--color-brand--point-secondary);
}
/** �대젅�� �좎껌 �섏씠吏� �ㅽ��� */
.cancel-all-btn {
margin-block: 20px;
}
.l-my-page.claim-form .right-box__container {
gap: 0;
}
.claim-form__delivery-company {
flex-direction: column;
}
.claim-form__delivery-company .select--full select {
width: 100%;
}
.claim-form .product-inquiry-detail .my-page-box .right-box__table tbody td {
padding: 24px 4px;
}
.claim-type__group {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
padding-bottom: 32px;
border-bottom: 1px solid var(--color-border-black-primary);
}
.claim-type__group .form-check {
display: flex;
align-items: center;
gap: 12px;
width: 223px;
height: 52px;
padding: 0 16px;
border-radius: 8px;
border: 1px solid var(--color-border-subtle);
background: var(--color-background-white);
}
.claim-type__group .form-check.on {
border: 1px solid var(--color-background-black-primary);
}
.claim-type__group .form-check__label {
font-size: var(--font-size-label-medium);
font-weight: var(--font-weight-500);
line-height: var(--line-height-normal);
}
.thumb-item__media {
border-radius: 8px;
}
.claim-form .order-list__order-no {
text-decoration: underline;
color: var(--color-text-light-gray);
}
.claim-form__form-group dt span {
display: inline-block;
font-size: var(--font-size-label-medium);
font-weight: var(--font-weight-500);
line-height: var(--line-height-normal);
color: var(--color-text-secondary);
}
.claim-form__form-group dt,
.claim-form__collection-type dt {
display: flex;
align-items: center;
}
.claim-form .right-box__head {
border-bottom: 1px solid var(--color-border-black-primary);
}
.claim-form .btn-group {
width: 496px;
gap: 16px;
}
.claim-form .attach-file__input {
width: 320px;
height: 48px;
padding: 0 32px;
gap: 8px;
}
.attach-file__input img {
width: 20px;
height: 20px;
}
.attachment__media {
border-radius: 8px;
}
.attachment__media img {
overflow: hidden;
object-fit: cover;
border-radius: 8px;
}
.claim-form .thumb-item img {
width: 80px;
height: 80px;
}
.claim-form .thumb-item__product-name {
font-size: var(--font-size-14);
}
.claim-form .option-btn {
margin-top: 12px;
}
.claim-detail__contents {
border-top: 1px solid var(--color-border-black-primary);
}
/** 荑좏룿 �섏씠吏� �ㅽ��� */
.my-page-coupon__coupon_date_day {
font-size: var(--font-size-14);
font-weight: var(--font-weight-400);
line-height: var(--line-height-normal);
}
.my-page-coupon .alert::before {
display: none;
}
.my-page__total-count-box {
padding: 0;
}
.my-page-coupon {
margin-top: -40px;
}
/* 荑좏룿 �깅줉紐⑤떖*/
.coupon-registration-modal {
width: 420px;
}
.my-page-coupon-registration__buttons {
display: flex;
align-items: flex-start;
gap: 8px;
align-self: stretch;
justify-content: center;
margin-top: 40px;
}
.my-page-coupon-registration__title {
margin: 0 0 8px 0;
text-align: left;
}
/** 諛곗넚吏� 愿�由� �섏씠吏� �ㅽ��� */
.right-box__wrap .my-page-title {
margin-bottom: 0;
}
.shipping-list .my-page-box .right-box__container {
gap: 0;
}
.shipping-list .my-page-box .right-box__table tbody td {
gap: 4px;
padding: 10px 0;
}
.shipping-list .my-page-box .right-box__table tbody td .badge-status {
margin: 0 auto 4px;
}
.shipping-list .my-page-box .right-box__table tbody td button {
min-width: 80px;
}
/** 1:1臾몄쓽 �섏씠吏� �ㅽ��� */
.inquiry .my-page-box .right-box__container {
gap: 0;
}
.inquiry-item__titles {
display: flex;
align-items: center;
gap: 8px;
}
/*1:1臾몄쓽 �곸꽭 �섏씠吏� �ㅽ���*/
.inquiry-detail__info-wrap {
display: flex;
padding: 32px 0;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-bottom: 1px solid var(--color-border-default);
}
.inquiry-detail__title-wrap {
display: flex;
padding: 32px 0;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-bottom: 1px solid var(--color-border-default);
}
.product-inquiry-detail .right-box__answer,
.product-inquiry-detail .right-box__content {
padding: 12px;
}
.inquiry-detail__top {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
.inquiry-detail__top .badge-status {
margin: 0;
}
.board-form__top {
border-top: 0;
}
/* 援먰솚/諛섑뭹 �곹뭹 蹂�寃� 紐⑤떖 �ㅽ��� */
.chagne-form .product-item__image {
overflow: hidden;
width: 120px;
height: 120px;
border-radius: 8px;
}
.chagne-form .chagne-form__product-item {
display: flex;
gap: 24px;
padding-bottom: 24px;
}
.chagne-form__product-item .product-item__info {
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
gap: 8px;
}
.chagne-form .product-item__name,
.chagne-form .product-item__option {
margin-block: 0;
}
.chagne-form .chagne-form__product-item img {
width: 100%;
height: 100%;
}
.chagne-form .product-option-info {
border-top: 1px solid var(--color-border-default);
margin-block: 0;
margin-bottom: 24px;
padding-top: 24px;
}
.chagne-form .product-option-info dt {
margin-bottom: 4px;
}
.chagne-form .product-option-info dd {
margin-inline-start: 0;
}
.chagne-form .product-option-info__option-inputs {
margin-top: 8px;
}
.chagne-form .extra-product__option + .extra-product__option {
margin-top: 4px;
}
.chagne-form .product-item__name {
font-size: var(--font-size-18) !important;
font-weight: var(--font-weight-500) !important;
line-height: var(--line-height-normal);
}
.chagne-form .select::after {
width: 5px;
height: 10px;
right: 16px;
background-image: url(/assets/images/newIcon/arrow_right.svg);
background-size: cover;
background-position: center;
transform: rotate(90deg) translateX(calc(-50% - 2px));
}
.personal-inquiry-form .chagne-form__top {
margin-top: 0;
}
.inquiry-detail__title {
padding: 0;
}
.inquiry-detail__status {
display: flex;
align-items: center;
gap: 24px;
}
.inquiry-detail__status span {
position: relative;
}
.inquiry-detail__status span:not(:last-child)::after {
position: absolute;
top: 4px;
right: -12px;
display: block;
content: '';
width: 1px;
height: 12px;
background: var(--color-border-subtle);
}
.inquiry-item__date {
margin-bottom: 0;
color: var(--color-text-tertiary);
}
.inquiry-detail .my-page-box .right-box__table tbody td,
.product-inquiry-detail-page .my-page-box .right-box__table tbody td {
padding: 0;
height: auto;
}
.inquiry-detail .my-page-box .right-box__content {
display: flex;
padding: 32px 0 48px 0;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.inquiry-detail .inquiry-detail__btn-group,
.product-inquiry-detail-page .inquiry-detail__btn-group,
.product-review-detail-page .inquiry-detail__btn-group {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
align-self: stretch;
}
.inquiry-detail .right-box__answer,
.product-inquiry-detail-page .right-box__answer {
display: flex;
padding: 20px 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
min-height: 150px;
border-radius: 12px;
background: var(--color-background-gray01);
}
.inquiry-detail .my-page-box .right-box__row,
.product-inquiry-detail-page .my-page-box .right-box__row {
background: none;
}
.inquiry-detail table.l-table tr,
.product-inquiry-detail-page table.l-table tr {
border-bottom: none;
}
.right-box__answer-info {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
/* �곹뭹臾몄쓽 �섏씠吏� �ㅽ��� */
.product-inquiry-list-page .my-page-box .right-box__container,
.product-review-list-page .my-page-box .right-box__container {
gap: 0;
}
.product-inquiry-detail-page .inquiry-item__product-info {
display: flex;
padding: 0 0 16px 0;
align-items: center;
gap: 16px;
align-self: stretch;
border-bottom: 1px solid var(--color-border-default);
}
.product-inquiry-detail-page .inquiry-detail__content {
max-height: 280px;
padding: 32px 0 48px 0;
text-align: left;
line-height: var(--line-height-150);
}
/* �곹뭹�꾧린 �섏씠吏� �ㅽ��� */
.product-review-list-page .l-title.l-title__align-end {
padding: 0;
border-bottom: none;
}
/* �곹뭹�꾧린 由ъ뒪�� �ㅽ��� */
.product-review-list-page .board-reviews-list__list .board-reviews-item__top-img {
width: 221px;
height: 221px;
}
.product-review-list-page .board-reviews-list__item a {
text-decoration: none;
}
.product-review-list-page .board-reviews-list__item .board-reviews-item__content {
height: 60px;
}
.product-review-list-page .board-reviews-list__list .board-reviews-item__product-info-wrap {
height: auto;
margin: 0 16px;
width: calc(100% - 32px);
margin-top: 16px;
padding: 8px;
border-radius: 8px;
background: var(--color-background-gray01);
}
.product-review-list-page .product-review-list {
margin-top: 20px;
}
/* �곹뭹�꾧린 �곸꽭 �섏씠吏� �ㅽ��� */
.product-review-detail {
border-top: none;
}
.product-review-detail__product-option {
margin-top: 8px;
}
.product-review-detail__product-info {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
gap: 2px;
}
.product-review-detail__rate {
width: auto;
}
.product-review-detail__writer-info {
flex-direction: row;
width: fit-content;
}
.product-review-detail__product {
border-bottom: none;
}
.product-review-detail__product img {
overflow: hidden;
width: 80px;
height: 80px;
border-radius: 8px;
}
.product-review-detail__content {
overflow: hidden;
border-radius: 8px;
}
.product-review-detail__content-text {
margin-bottom: 20px;
}
.folding-images-by-one-row li {
overflow: hidden;
border-radius: 12px;
}
.product-review-form-modal .attach-file__input {
width: 100%;
}
.select-product__table.cell:nth-child(3) {
width: 80px;
}
.select-product__select-category {
gap: 0;
justify-content: space-between;
}
.select-product__table.table {
margin-bottom: 0;
}
.select-product .select-product__table-box {
margin-bottom: 40px;
}
.product-inquiry-form-modal .select select {
background: var(--color-background-white);
}
/** 援먰솚 蹂�寃� �곹뭹 紐⑤떖 �ㅽ��� */
.change-product-modal {
width: 600px;
}
.claim-change-product__content {
padding: 20px 40px 40px;
}
.claim-buttons__half {
display: flex;
}
.claim-buttons__half button {
border: none;
cursor: pointer;
}
/** 援먰솚/諛섑뭹 �곹뭹 蹂�寃� 紐⑤떖 �ㅽ��� */
.claim-change-product {
width: 1000px;
height: 762px;
}
.claim-change-product .title-modal__header {
border-bottom: none;
}
.claim-change-product .board-reviews-detail-first-type {
position: relative;
display: block;
padding: 0;
}
.claim-change-product .board-reviews-detail__container {
display: flex;
padding: 0 60px 60px;
gap: 40px;
}
.claim-change-product .board-reviews-detail__images-list {
overflow-x: scroll;
width: 480px;
}
.claim-change-product .board-reviews-detail__images {
width: 480px;
}
/* 二쇰Ц�곹뭹 �좏깮 紐⑤떖 */
.select-order-product-search-field .select {
width: auto;
}
/*二쇰Ц �곹뭹 �좏깮 紐⑤떖*/
.select-order-product-list__table .cell {
align-items: center;
}
.select-order-product-list__table .info-cell,
.select-order-product-list__table .option-cell {
width: 20%;
}
.select-order-product-list__table .status-cel {
width: 15%;
}
.select-order-product-list__table .product-cell {
width: calc(100% - (20% * 2 + 15%));
}
.select-order-product-list__product-info-container {
gap: 0;
}
.select-order-product-list__product-order {
display: block;
margin-top: 8px;
}
.select-order-product-list__table .extra-product__option {
display: block;
margin-top: 4px;
}
.select-order-product-list__table .option-cell button {
width: 80px;
}
.order-specification-controller-bottom {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
gap: 8px;
}