/* ====================== */
/* 로그인 / 회원가입 */
/* ====================== */
.l-login {background-color:#fff;padding:80px 0 120px;}
.l-login .login-title {text-align:center;margin-bottom:33px;}
.l-login .login-title img {height:28px;margin:0 auto 15px;}
.l-login .login-box {width:500px;margin:0 auto;background-color:#F5F5F7;padding:40px 40px 60px;border-radius:8px;}
.l-login .login-box h2 {font-size:24px;font-weight:700;text-align:center;margin-bottom:10px;}
.l-login .login-box p {font-size:14px;color:#999;text-align:center;margin-bottom:30px;line-height:1.6;word-break:keep-all;}
.l-login .login-box .login-form {display:flex;flex-direction:column;gap:18px;}
.l-login .login-box .login-input label {margin-bottom:8px;font-size:15px;display:block;}
.l-login .login-box .login-btn {display:flex;flex-direction:column;gap: 12px;margin-top:34px;}
.l-login .login-box .login-btn .size-large {width:100%;}
.l-login .login-box .login-option {display:flex;justify-content:space-between;align-items: center;margin-top:14px;}
.l-login .login-box .login-option a {color:#9f9f9f;font-size:14px;}
.l-login .login-box .login-option .checkbox {font-size:14px;}
.l-login .login-notice {font-size:14px;color:#9f9f9f;line-height:1.6;display:flex;align-items:start;gap:12px;margin:24px auto 0;justify-content:center;padding:0 16px;}
.l-login .login-notice:before {content:'';display:block;margin-top:-1px;width:24px;height:24px;background:url(/images/login_notice_icon.svg) no-repeat center/contain;}
@media (max-width: 1024px) {
    .l-login {background-color:#fff;padding:50px 0 90px;display:table;width:100%;}
    .l-login .login {display:table-cell;vertical-align:middle;}
    .l-login .login-box {width:90%;padding:24px;max-width:440px;}
    .l-login .login-title {display:none;}
}


.l-register {padding:80px 0 120px;}
.l-register .page-title {margin-bottom:40px;}
.l-register .register {width:486px;margin:0 auto;}
.l-register .step-text {margin-bottom:36px;line-height:1.5;word-break:keep-all;}
.l-register .btn-area {margin-top:42px;}
.l-register .btn-area > * {width:100%;}
.l-register .process {display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;}
.l-register .process:before {content:'';position:absolute;width:100%;height:1px;background-color: #EFEFEF;display:block;left:0;top:30px;z-index:-1;}
.l-register .process .process-item {text-align:center;font-size:14px;color:#c1c1c1;transition:all .3s ease;}
.l-register .process .process-item span {width:60px;height:60px;border-radius:100px;background-color:#EFEFEF;transition:all .3s ease;display:block;margin:0 auto 7px;font-size:0;text-indent:-9999px;overflow:hidden;}
.l-register .process .process-item.active {color:#1f1f1f;}
.l-register .process .process-item.active span {background-color:#1F1F1F !important;}
.l-register .process .process-item:nth-child(1) span {background:#EFEFEF url(/images/register_step1.svg) no-repeat center/50% auto;}
.l-register .process .process-item:nth-child(2) span {background:#EFEFEF url(/images/register_step2.svg) no-repeat 55% center/50% auto;}
.l-register .process .process-item:nth-child(3) span {background:#EFEFEF url(/images/register_step3.svg) no-repeat center/50% auto;}
.l-register .process .process-item:nth-child(4) span {background:#EFEFEF url(/images/register_step4.svg) no-repeat center/50% auto;}
.l-register .process .process-item.active:nth-child(1) span {background-image:url(/images/register_step1_active.svg);}
.l-register .process .process-item.active:nth-child(2) span {background-image:url(/images/register_step2_active.svg);}
.l-register .process .process-item.active:nth-child(3) span {background-image:url(/images/register_step3_active.svg);}
.l-register .process .process-item.active:nth-child(4) span {background-image:url(/images/register_step4_active.svg);}
.l-register .notice {color:#9F9F9F;font-size:14px;line-height:1.5;margin-top:24px;word-break:keep-all;}
.l-register .notice li {text-indent:-9px;padding-left:10px;margin-bottom:2px;}
.l-register .agree-form > li {margin-bottom:10px;}
.l-register .agree-form .agree-item {display:flex;justify-content:space-between;align-items:center;padding:10px 0;}
.l-register .agree-form .checkbox label {gap:0;line-height:1;}
.l-register .agree-form .checkbox label i {margin-right:10px;}
.l-register .agree-form .checkbox label em {margin-right:5px;}
.l-register .agree-form .btn-agree-read {font-size:14px;color:#9f9f9f;display:inline-flex;align-items:center;gap:6px;}
.l-register .agree-form .btn-agree-read:after {content:'';display:block;width:20px;height:20px;background:url(/images/btn_agree_read.svg) no-repeat center/9px auto;transition:all .3s ease;}
.l-register .agree-form .btn-agree-read.active:after {transform:rotate(180deg);}
.l-register .agree-form .agree-terms {background-color:#F5F5F7;height:0;overflow:auto;transition: all .5s;}
.l-register .agree-form .agree-terms.active {height:200px;}
.l-register .agree-form .agree-terms p {color:#9F9F9F;font-size:14px;line-height:1.6;padding:18px 20px;font-family:'Noto Sans KR', 'Noto Sans Korean', sans-serif;word-break:keep-all;}
.l-register .agree-form .agree-terms .agree-terms-title {font-weight:600;color:#525252;}
.l-register .agree-form .checkbox em {font-weight:500;}
.l-register .agree-form .total {border-top:2px solid #BFC1C3;padding:10px 0;}
.l-register .agree-form .total .checkbox {font-size:18px;font-weight:500;}
@media (max-width: 1024px) {
    .l-register {padding:50px 0 90px;}
    .l-register .register {width:100%;padding:0 16px;}
    .l-register .page-title {margin-bottom:24px;}
    .l-register .agree-form > li {margin-bottom:0;}
    .l-register .agree-form .checkbox label {font-size:14px;}
    .l-register .agree-form .agree-item {padding:12px 0;}
    .l-register .agree-form .agree-terms.active {height:120px;margin-bottom:20px;}
    .l-register .agree-form .total {margin-top:10px;}
    .l-register .agree-form .total .checkbox label {font-size:16px;}
    .l-register .agree-form .btn-agree-read {font-size:13px;gap:4px;}
    .l-register .agree-form .agree-terms p {font-size:13px;}
    .l-register .notice {font-size:13px;}
}


.l-find-password {padding:80px 0 120px;}
.l-find-password .page-title {margin-bottom:24px;}
.l-find-password section {width:400px;margin:0 auto;}
.l-find-password .step-text {font-size:16px;margin-bottom:36px;line-height:1.5;word-break:keep-all;}
.l-find-password .btn-area {margin-top:42px;}
.l-find-password .btn-area > * {width:100%;}
@media (max-width: 1024px) {
    .l-find-password {padding:50px 0 90px;}
    .l-find-password section {width:100%;padding:0 16px;}
    .l-find-password .page-title {margin-bottom:24px;}
}

/* ====================== */
/* 이벤트 */
/* ====================== */
.event-list {display:grid;grid-template-columns: repeat(4, 1fr);gap:40px 24px;}
.event-list .event-item {cursor:pointer;}
.event-list .event-item .thumb {height:auto;padding-bottom:100%;width:100%;background:#efefef;overflow:hidden;position:relative;margin-bottom:16px;}
.event-list .event-item .thumb img {width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.event-list .event-item .thumb .d-day {font-size:16px;color:#fff;background:#282828;border-radius:50px;display:inline-block;padding:3px 14px;position:absolute;top:16px;left:16px;z-index:1;}
.event-list .event-item .title {font-size:18px;font-weight:500;margin-bottom:4px;}
.event-list .event-item .date {color:#B9C0C2;font-size:14px;}
.event-list .no-data {grid-column: 1 / -1;text-align: center;color:#B6B6B6;padding:100px 0;}

.board-view {min-height:400px;}
.board-navigation {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #efefef;padding-top:16px;margin-top:18px;}
.board-navigation .btn-board-prev,
.board-navigation .btn-board-next {display:inline-flex;align-items:center;gap:10px;}
.board-navigation .btn-board-prev p,
.board-navigation .btn-board-next p {font-weight:500;color:#1f1f1f;}
.board-navigation .btn-board-prev span,
.board-navigation .btn-board-next span {color:#9F9F9F;display:inline-flex;align-items:center;font-size:14px;}
.board-navigation .btn-board-prev span:before,
.board-navigation .btn-board-next span:after {content:'';width:20px;height:20px;display:inline-block;background:url(/images/btn_board_next.svg) no-repeat center/contain;}
.board-navigation .btn-board-prev span:before {background-image: url(/images/btn_board_prev.svg);}

@media (max-width: 1280px) {
    .event-list {grid-template-columns: repeat(2, 1fr);}
    .coupon-list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 900px) {
    .coupon-list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 540px) {
    .event-list {grid-template-columns: repeat(1, 1fr);}
    .coupon-list {grid-template-columns: repeat(1, 1fr);}
    .coupon-list .coupon-item .thumb .d-day {font-size:13px;}
    .board-navigation .btn-board-prev p,
    .board-navigation .btn-board-next p {display:none;}
}

/* ====================== */
/* 알림 */
/* ====================== */
.toolbar {display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;}
.toolbar .total {font-weight:600;}
.toolbar .total strong {color:#ED7779;}
.toolbar .btn-notify-delete {color:#9F9F9F;text-decoration:underline;font-size:14px;}
.notify-list .notify-item {padding:24px 124px;border-bottom:1px solid #EFEFEF;position:relative;cursor:pointer;transition:all .3s ease;}
.notify-list .notify-item .info i {display:block;width:56px;height:56px;border-radius:100px;background:#EFEFEF no-repeat center/26px auto;position:absolute;left:36px;top:24px;}
.notify-list .notify-item.notice .info i {background-image: url(/images/notify/notify_notice.svg);}
.notify-list .notify-item.event .info i {background-image: url(/images/notify/notify_event.svg);}
.notify-list .notify-item.delivery .info i {background-image: url(/images/notify/notify_delivery.svg);}
.notify-list .notify-item.new .info i:after {content:'';display:block;position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:100px;background-color:#ED7779;}
.notify-list .notify-item .title {font-weight:500;vertical-align:middle;display:inline-block;}
.notify-list .notify-item .date {color:#9f9f9f;margin-left:8px;font-size:14px;vertical-align:-2px;display:inline-block;}
.notify-list .notify-item p {line-height:1.6;margin-top:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.notify-list .notify-item.active {background:#F9F9F9;}
.notify-list .notify-item.active p {white-space:wrap;text-overflow:unset;}
.notify-list .notify-item:after {content:'';display:block;width:35px;height:35px;position:absolute;right:24px;top:50%;transform:translateY(-50%);background:url(/images/notify/notify_item_arrow.svg) no-repeat center/contain;transition:all .3s ease;}
.notify-list .notify-item.active:after {transform:translateY(-50%) rotate(180deg);}
.notify-list .notify-item.none {pointer-events:none;}
.notify-list .notify-item.none:after {content:none;}
.notify-list .notify-item.none p {width:100%;text-align:center;}

@media (max-width: 1024px) {
    .notify-list {margin:0 -16px;}
    .notify-list .notify-item {padding:16px 16px;}
    .notify-list .notify-item .info {display:flex;align-items:center;}
    .notify-list .notify-item .info i {position:relative;width:36px;height:36px;background-size: 18px auto;margin-right:10px;left:unset;top:unset;}
    .notify-list .notify-item.new .info i:after {width:5px;height:5px;right:3px;top:3px;}
    .notify-list .notify-item:after {width:30px;height:30px;top:18px;transform:translateY(0);}
    .notify-list .notify-item.active:after {transform:rotate(180deg);}
    .notify-list .notify-item p {font-size:14px;}
    .notify-list .notify-item .date {font-size:13px;}
}



/* ====================== */
/* 상단 프로필 header (마이페이지, 최근 본 상품, 찜 리스트, 회원탈퇴) */
/* ====================== */
.profile-header {background:#000;border-radius:10px;display:flex;color:#fff;padding:30px 140px;}
.profile-header .profile {width:40%;position:relative;display:flex;align-items:center;gap:40px;}
.profile-header .profile img {height:60px;}
.profile-header .profile p {font-size:22px;font-weight:500;line-height:1.5;}
.profile-header .profile strong {font-size:30px;font-weight:600;}
.profile-header .profile span {font-size:16px;color:#BFC1C3;}
.profile-header .profile:after {content:'';display:block;width:1px;height:100%;border-right:2px dashed #BFC1C3;position:absolute;right:0;z-index:1;top:50%;transform:translateY(-50%);}
.profile-header .info {width:60%;display:flex;justify-content:end;align-items:center;gap:40px;}
.profile-header .info-item-label {margin-bottom:16px;color:#BFC1C3;display:flex;align-items:center;}
.profile-header .info-item-icon {height:24px;margin-right:10px;}
.profile-header .info-item-value {text-align:right;color:#BFC1C3;font-weight:600;display:block;}
.profile-header .info-item-value strong {font-size:22px;color:#fff;margin-right:3px;}

@media (max-width: 1440px) {
    .profile-header {padding:30px 40px;}
}
@media (max-width: 1024px) {
    .profile-header {padding:24px 20px;flex-direction:column;}
    .profile-header .profile {width:100%;gap:16px;padding-bottom:20px;}
    .profile-header .profile:after {width:100%;height:1px;border-right:0;border-bottom:2px dashed #bbb;bottom:0;left:0;top:unset;right:0;transform:none;}
    .profile-header .profile img {height:50px;}
    .profile-header .profile p {font-size:14px;}
    .profile-header .profile strong {font-size:20px;}
    .profile-header .profile span {font-size:14px;display:block;margin-top:4px;}
    .profile-header .info {width:100%;gap:10px;flex-direction:column;margin-top:20px;}
    .profile-header .info-item {display:flex;justify-content:space-between;align-items:center;width:100%;}
    .profile-header .info-item-label {margin-bottom:0;}
}

/* ====================== */
/* 최근 본 상품 */
/* ====================== */
.l-recent .page-title {margin-bottom:36px;}
.l-recent .profile-header {margin-bottom:40px;}
.l-recent .finish {max-width:320px;margin:0 auto;}


/* ====================== */
/* 찜 리스트 */
/* ====================== */
.l-wishlist .page-title {margin-bottom:36px;}
.l-wishlist .profile-header {margin-bottom:40px;}
.l-wishlist .finish {max-width:320px;margin:0 auto;}


/* ====================== */
/* 약관 */
/* ====================== */
.l-terms {padding-bottom:100px;}
.l-terms h2 {padding-bottom:1.5rem; font-size:32px; font-weight:600;}
.l-terms p {line-height:1.6; color:#3e4145; word-spacing:-0.4px;}
.l-terms h3 {margin:32px 0 8px; font-size:18px; font-weight:700;}
.l-terms .tls {margin:12px 0;}
.l-terms .tls tbody td {white-space:normal;}
.l-terms .indent {margin:5px 0; padding-left:1rem;}
.l-terms .underline {text-decoration:underline;}
.l-terms .text {line-height:1.6; color:#3e4145; word-spacing:-0.4px;}

@media (max-width: 767px) {
.l-terms h2 {padding-bottom:10px; font-size:24px;}
.l-terms h3 {font-size:18px;}
}