@charset "utf-8";

/* 카테고리, 브랜드 검색 */
main .search_category_area {margin-top:90px; gap:30px; display:flex; flex-direction: column;}
main .search_category_area .list {display:flex; flex-wrap:wrap; row-gap:30px; column-gap:calc((100% - 640px) / 4); justify-content: flex-start; padding:0 18px;} 
main .search_category_area a {text-align:center; display:flex; flex-direction: column; gap:10px;}
main .search_category_area .img {width:128px; height:128px; position:relative; display:flex; align-items: center; justify-content: center;}
main .search_category_area .img img {width:100%; height:100%; object-fit: contain;}
main .search_category_area a > span {font-size:var(--font-size-md); line-height:19px; font-weight:var(--font-weight-regular); color:var(--color-text-subtle);}

main .search_brand_area {margin-top:80px; gap:30px; display:flex; flex-direction: column;}
main .search_brand_area .list {display:flex; flex-wrap:wrap; row-gap:66px; column-gap:calc((100% - 900px) / 4); justify-content: flex-start; padding:0 18px;}
main .search_brand_area .img {width:180px; height:180px; box-sizing: border-box; border-radius:var(--radius-3xl); border:1px solid var(--color-line-default); overflow:hidden; position:relative; display:flex; align-items: center; justify-content: center;}
main .search_brand_area .img img {width:100%; height:100%; object-fit: contain;}


.terms {margin:40px 0 100px; padding:0 0px;}
.terms_section {gap:0px;}
.terms_text {font-size: var(--font-size-sm); font-weight: var(--font-weight-regular);}
.terms_text_emphasis {margin-top:28px; font-size: var(--font-size-md); font-weight:var(--font-weight-bold);}

.terms_container {gap:32px;}
.terms_content > *:first-child {margin-top:0;}
.terms_heading {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); text-align:center; padding:30px 0;}
.terms_content {gap:0px;}
.terms_list {font-size:var(--font-size-sm); line-height:1.6; padding:6px 20px;}
.terms_list li {font-size:var(--font-size-sm);}
.privacy {margin:40px 0 100px; padding:0 0px;}
.privacy_container {gap:28px;}
.privacy_title {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); margin-top:30px;}
.privacy_text {font-size:var(--font-size-sm); line-height:1.6;}
.privacy_list {padding-left:20px; gap:6px; font-size:var(--font-size-sm); line-height:1.6;}
.privacy_list li {font-size:var(--font-size-sm); line-height:1.6;}
.privacy_list_sub {padding-left:18px;}

.business {margin:var(--spacing-2xl) 0 calc(var(--spacing-8xl) + var(--spacing-7xl)); padding:0;}
.business .footer_company {display:flex; flex-direction: column; gap:30px; margin-top:60px; align-items: center;}
.business .footer_company .daoujapan {width:128px; height:16px; background:url(/images/common/daouJapan-logo-24310975e63b67dfa4104c4bbbe342a3.png) no-repeat 0 0; background-size:128px 16px;}
.business .footer_company .mark_isms {width:80px; height:60px; background:url(/images/common/mark_isms-671eaaa14bf44e51acbc653a9f14d2e7.png) no-repeat 0 0;  background-size:80px 60px;}
.business .footer_company p {font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); line-height:14px; color:#C9C9C9; text-align:center;}
.business_table {border-top:1px solid var(--color-brand-primary);}
.business_table .business_row {border-bottom:1px solid var(--color-line-default); display:flex; align-items:stretch;}
.business_table .business_row .business_label {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); line-height:17px; color:var(--color-text-default); display:flex; align-items:center; background:var(--color-surface-secondary); padding:var(--spacing-lg); width:260px;}
.business_table .business_row .business_content {flex:1; padding:var(--spacing-lg) var(--spacing-4xl); min-height:44px;}
.business_table .business_row .business_content p {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:var(--spacing-2xl); color:var(--color-text-default);}

.account_pw {margin:80px 0 100px; padding:0 16px;}
.account_pw .title.sub {margin-bottom:24px;}
.account_pw .panel {gap:24px;}
.account_pw .tab_main {height:48px; font-size:var(--font-size-md);}
.account_pw .tabs_sub {gap:10px;}
.account_pw .tab_sub {font-size:var(--font-size-sm);}
.account_pw .row {flex-direction:column; min-height:0;}
.account_pw .label {flex:none; width:100%; padding:16px 20px; border-bottom:1px solid var(--color-line-light);}
.account_pw .field {width:100%; padding:16px 20px;}
.account_pw .input {width:100%;}
.account_pw .actions {flex-direction:column; gap:10px;}
.account_pw .button {width:100%;}
.account_pw_modal {position:fixed; inset:0; display:flex; align-items:center; justify-content:center; z-index:4000; box-sizing:border-box; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.account_pw_modal:not([style*="display:none"]):not([style*="display: none"]) {display:flex !important;}
.account_pw_modal.show,
.account_pw_modal.is-active,
.account_pw_modal[aria-hidden="false"],
.account_pw_modal[style*="display:block"],
.account_pw_modal[style*="display: block"],
.account_pw_modal[style*="display:flex"] {display:flex !important;}
.account_pw_modal .box {position:relative; width:100%; max-width:400px; margin:auto; padding:30px 20px; border-radius:4px; background:var(--color-surface-primary); box-shadow:0 12px 60px #080D2229; display:flex; flex-direction:column; align-items:center; text-align:center; gap:28px; overflow:hidden; z-index:0;}
.account_pw_modal .box > * {position:relative; z-index:1;}
.account_pw_modal .message {font-size:var(--font-size-sm); color:var(--color-brand-primary); line-height:1.7; margin-top:0;}
.account_pw_modal .actions {width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap;}
.account_pw_modal .btn {font-size:var(--font-size-sm); padding:0 50px; min-width:100px; height:44px; border-radius:var(--radius-sm); display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; background:var(--color-brand-primary); color:var(--color-surface-primary); font-weight:var(--font-weight-bold); transition:background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;}
.account_pw_modal .btn:only-child {background:var(--color-brand-primary); color:var(--color-surface-primary); font-weight:var(--font-weight-bold);}
.account_pw_modal .btn:first-child:not(:only-child) {background:var(--color-brand-primary); color:var(--color-surface-primary); font-weight:var(--font-weight-bold);}
.account_pw_modal .btn:last-child:not(:only-child) {background:var(--color-surface-tertiary); color:var(--color-brand-primary); font-weight:var(--font-weight-semibold);}
.account_pw_modal .actions .btn {background:var(--color-surface-tertiary); color:var(--color-brand-primary); font-weight:var(--font-weight-medium);}
.account_pw_modal .actions .btn:first-child {background:var(--color-brand-primary); color:var(--color-surface-primary); font-weight:var(--font-weight-bold);}
.error_page {padding:120px 16px 160px; gap:24px;}
.error_page_visual {width:220px; height:220px;}
.error_page_msg {font-size:var(--font-size-xs); line-height:16px;}
.error_page_btns .btn_main {width:200px; height:44px; line-height:44px;}

.payment_error {padding:120px 20px 140px;}
.payment_error_img {width:220px; height:220px;}
.payment_error_msg {font-size:var(--font-size-xs); line-height:16px;}
.payment_error .btn .btn_main {width:200px; height:44px; line-height:44px;}
.payment_complete {padding-bottom:80px;}
.payment_complete_status {margin:30px 0 40px;}
.payment_complete_visual img {width:220px; height:104px;}
.payment_complete_delivery {padding:24px 0 32px;}
.payment_complete_row {display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:0 0 20px;}
.payment_complete_url {max-width:100%; gap:16px; width:100%;}
.payment_complete_actions {width:100%; justify-content:flex-start; flex-wrap:wrap;}
.payment_complete_email {max-width:100%; width:100%;}
.payment_complete_lang button {width:92px;}
.payment_complete_send {width:84px;}
.payment_complete_sns_page .payment_complete_delivery {gap:24px;}
.payment_sns_heading {font-size:var(--font-size-sm);}
.payment_sns_steps {flex-direction:column; gap:16px;}
.payment_sns_arrow {transform:rotate(90deg);}
.payment_sns_row {padding:0 0 20px;}
.payment_sns_row .payment_complete_url {max-width:100%;}
.payment_sns_row .payment_complete_actions {width:100%; justify-content:flex-start; flex-wrap:wrap;}
.payment_sns_channels {gap:30px;}
.payment_complete_confirmed .title.sub {margin-top:40px; margin-bottom:24px;}
.payment_confirmed {margin:30px 0 60px;}
.payment_confirmed .payment_complete_visual img {width:220px; height:104px;}
.payment_credit .title.sub {margin-top:40px;}
.payment_credit_product {margin-bottom:30px; padding:16px 0; gap:16px;}
.payment_credit_product .row {grid-template-columns:1fr; gap:16px;}
.payment_credit_product .row.head {display:none;}
.payment_credit_product .col {justify-content:flex-start;}
.payment_credit_product .product {gap:16px;}
.payment_credit_product .thumb {width:64px; height:64px;}
.payment_credit_product .col.qty,
.payment_credit_product .col.price,
.payment_credit_product .col.deadline {font-size:var(--font-size-sm);}
.payment_credit_method {flex-direction:column; padding:24px;}
.payment_credit_col_form {flex:1; max-width:100%; width:100%;}
.payment_credit_form {width:100%;}
.payment_credit_row {gap:12px;}
.payment_credit_field {align-items:flex-start; gap:8px;}
.payment_credit_input_wide,
.payment_credit_input_short {width:100%;}
.payment_credit_select,
.payment_credit_select_wide {width:100%;}
.payment_credit_help {margin-left:0;}
.payment_credit_save {margin-left:0;}
.payment_credit_brands {justify-content:center; gap:24px;}
.payment_credit_tabs {flex-wrap:wrap;}
.payment_credit_tab {flex:1; min-width:140px;}
.payment_credit_promo {padding:24px;}
.payment_credit_promo .form {flex-direction:column; align-items:stretch;}
.payment_credit_promo .apply {width:100%;}
.payment_credit_total {padding:24px;}
.payment_credit_submit .btn_main {width:100%;}
.payment_credit_field_ctrl .custom-select.typeB.year, .payment_credit_field_ctrl .custom-select.typeB.month, .payment_credit_field_ctrl .custom-select.typeB.day {width:76px;}

.payment_credit_tabs {display:flex; gap:8px; padding:4px; background:var(--color-surface-subtle); border-radius:var(--radius-pill); width:max-content;}
.payment_credit_tab {min-width:120px; height:36px; border:1px solid transparent; border-radius:var(--radius-pill); background:transparent; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-line-default); display:flex; align-items:center; justify-content:center; cursor:pointer;}
.payment_credit_tab.on {background:var(--color-surface-primary); border-color:var(--color-brand-primary); color:var(--color-brand-primary); font-weight:var(--font-weight-bold);}

.payment_credit_form {display:flex; flex-direction:column; gap:12px;}
.payment_credit_row {display:flex;}
.payment_credit_field {display:flex; align-items:center; justify-content:space-between; gap:20px;}
.payment_credit_field_label {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-default);}
.payment_credit_field_label.cvc {width:140px;}
.payment_credit_field_ctrl {display:flex; align-items:center; gap:8px;}
.payment_credit_input,
.payment_credit_select {height:58px; border:1px solid var(--color-line-default); border-radius:var(--radius-sm); padding:0 8px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-default); background:var(--color-surface-primary);}
.payment_credit_input::placeholder {color:var(--color-text-subtle);}
.payment_credit_input[readonly] {background:var(--color-surface-primary); color:var(--color-text-default);}
.payment_credit_input_wide {width:458px;}
.payment_credit_input_short {width:202px;}
.payment_credit_select {appearance:none; background-image:url('/images/common/arrow2-b-fb1592a246600de4357aa22c9381ecd0.png'); background-repeat:no-repeat; background-position:right 10px center; background-size:7px 4px; padding-right:24px; width:78px;}
.payment_credit_select_wide {width:126px;}
.payment_credit_row .payment_credit_field:first-child {justify-content: flex-start;}
.payment_credit_row .payment_credit_field {justify-content: flex-end;;}

.payment_credit_help {margin:10px 0 6px 0px; display:flex; flex-direction:column; list-style:disc; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); line-height:1.4;}
.payment_credit_help.paypay {margin-left:0px;}
.payment_credit_help li {padding-left:16px; font-weight:var(--font-weight-regular); font-size:var(--font-size-xs); position:relative;}
.payment_credit_help li:before {content:''; width:3px; height:3px; display:block; background:var(--color-text-subtle); border-radius:var(--radius-full); position:absolute; left:2px; top:7px;}

.payment_credit_save {margin-left:134px; display:inline-flex; align-items:center; gap:8px; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-default); cursor:pointer;}
.payment_credit_save input {appearance:none; width:16px; height:16px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); background:var(--color-surface-primary); position:relative;}
.payment_credit_save input:checked {border-color:var(--color-brand-primary);}
.payment_credit_save input:checked::after {content:""; position:absolute; top:1px; left:4px; width:6px; height:10px; border-right:2px solid var(--color-brand-primary); border-bottom:2px solid var(--color-brand-primary); transform:rotate(45deg);}

.payment_credit_brands {display:flex; flex-wrap:wrap; gap:30px; align-items:center; justify-content:center;}
.payment_credit_brands img {height:48px; object-fit:contain;}

.payment_credit_promo {display:flex; flex-direction:column; gap:10px; padding:30px; background:var(--color-surface-muted); border-radius:var(--radius-xs); margin-bottom:40px;}
.payment_credit_promo .form {display:flex; gap:10px; align-items:center;}
.payment_credit_promo .code {flex:1; height:36px; border:1px solid var(--color-line-default); border-radius:var(--radius-sm); padding:0 12px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); background:var(--color-surface-primary);}
.payment_credit_promo .code::placeholder {color:var(--color-text-subtle);}
.payment_credit_promo .apply {height:36px; padding:0 16px; border-radius:var(--radius-xs); background:var(--color-surface-tertiary); color:var(--color-brand-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-medium); display:flex; align-items:center; justify-content:center;}
.payment_credit_promo .hint {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle);}

.payment_credit_total {display:flex; flex-direction:column; gap:16px; padding:30px; background:var(--color-surface-muted); border-radius:var(--radius-xs); margin-bottom:40px;}
.payment_credit_total .row {display:flex; align-items:center; justify-content:space-between; font-size:var(--font-size-sm); color:var(--color-text-default);}
.payment_credit_total .val {font-weight:var(--font-weight-medium);}
.payment_credit_total .val.discount {color:var(--color-highlight); font-weight:var(--font-weight-bold);}
.payment_credit_total .label span {margin-left:8px; font-size:var(--font-size-2xs); color:var(--color-text-subtle); font-weight:var(--font-weight-regular);}
.payment_credit_total .row.total {font-size:var(--font-size-md); font-weight:var(--font-weight-bold);}
.payment_credit_total .row.total .val {color:var(--color-brand-primary);}

.payment_credit_consent {display:flex; align-items:flex-start; gap:8px; font-size:var(--font-size-sm); color:var(--color-text-default); margin-bottom:20px;}
.payment_credit_consent .icon {width:16px; height:16px; border:1px solid var(--color-brand-primary); border-radius:var(--radius-xs); position:relative;}
.payment_credit_consent .icon::after {content:""; position:absolute; top:2px; left:4px; width:4px; height:8px; border-right:2px solid var(--color-brand-primary); border-bottom:2px solid var(--color-brand-primary); transform:rotate(45deg);}
.payment_credit_consent .text {line-height:1.6;}
.payment_credit_consent .text strong {color:var(--color-brand-primary); font-weight:var(--font-weight-medium);}

.payment_credit_submit {display:flex; justify-content:center; margin-bottom:80px;}
.payment_credit_submit .btn_main {width:232px; height:48px; line-height:48px; font-size:var(--font-size-md);}

/* 카드 작성 */
.card_progress {margin-top:40px;}
.card_progress .steps {display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.card_progress .step {display:flex; align-items:center; gap:6px; font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-line-default);}
.card_progress .index {width:20px; height:20px; border-radius:var(--radius-pill); background:var(--color-line-default); color:var(--color-surface-primary); display:flex; justify-content:center; font-size:var(--font-size-sm); font-weight:var(--font-weight-bold);}
.card_progress .label {color:var(--color-line-default);}
.card_progress .step.active {color:var(--color-text-default);}
.card_progress .step.active .index {background:var(--color-brand-primary);}
.card_progress .step.active .label {color:var(--color-text-default);}

.card_summary {margin-top:40px; display:flex; flex-direction:column;}
.card_summary_title {margin-left:10px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.card_summary_divider {width:100%; height:1px; background:var(--color-line-light);}
.card_summary_table {display:flex; flex-direction:column; gap:20px;}
.card_summary_row {margin-top:20px; display:flex; align-items:center; gap:42px; padding:20px 37px; border-top:1px solid var(--color-brand-primary); border-bottom:1px solid var(--color-line-default);}
.card_summary_row.head {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.card_summary_row.head .card_summary_cell {justify-content:center;}
.card_summary_row.head .card_summary_cell.product {justify-content:flex-start;}
.card_summary_cell {display:flex; align-items:center;}
.card_summary_cell.product {flex:1; min-width:0;}
.card_summary_cell.qty {width:107px; justify-content:center;}
.card_summary_cell.price {width:119px; justify-content:center; flex-direction: column; gap:21px;}
.card_summary_cell.price > div {min-height:29px; display:flex; align-items:center;}
.card_summary_cell.deadline {width:85px; justify-content:center; flex-direction: column; gap:21px;}
.card_summary_cell.deadline > div {min-height:29px; display:flex; align-items:center;}
.card_summary_product {display:flex; align-items:center; gap:23px; width:100%;}
.card_summary_thumb {width:76px; height:76px; border-radius:var(--radius-xl); overflow:hidden; background:var(--color-surface-subtle); flex:0 0 auto;}
.card_summary_thumb img {width:100%; height:100%; object-fit:contain;}
.card_summary_detail {display:flex; flex-direction:column; max-width:589px; flex:1; min-width:0;}
.card_summary_detail .tit {text-align:center;}
.card_summary_detail > div {display:flex; flex-direction:column; gap:8px; width:100%;}
.card_summary_brand {width:100%; font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.card_summary_name {width:100%; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default); line-height:140%; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break: break-all;}
.card_summary_qty {display:flex; flex-direction: column; align-items:center; gap:19px;}
.card_summary_qty > div {display:flex; align-items:center; gap:8px; min-height:29px;}
.card_summary_qty_btn {position:relative; width:24px; height:24px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); background:var(--color-surface-primary); display:flex; justify-content:center; align-items:center; cursor:default;}
.card_summary_qty_btn::before {content:""; width:12px; height:2px; background:var(--color-text-default); border-radius:1px;}
.card_summary_qty_btn.plus::after {content:""; position:absolute; width:2px; height:12px; background:var(--color-text-default); border-radius:1px;}
.card_summary_qty input {width:40px; border:none; background:var(--color-surface-primary); text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.card_summary_qty .value {width:40px; text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.card_summary_price,
.card_summary_deadline {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default);}

.card_editor {margin-top:37px; border-radius:var(--radius-xs); padding:30px 38px; display:flex; flex-direction:column; gap:30px;}
.card_editor_header {display:flex; flex-direction: column; gap:20px;}
.card_editor_title {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.card_editor_mode {align-self:flex-start; display:inline-flex; gap:8px; background:var(--color-surface-subtle); border-radius:var(--radius-pill);}
.card_editor_mode_btn {border:none; background:transparent; padding:8px 20px; border-radius:var(--radius-pill); font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-line-default); cursor:pointer;}
.card_editor_mode_btn.active {color:var(--color-brand-primary); font-weight:var(--font-weight-bold); background:var(--color-surface-primary); border:1px solid var(--color-brand-primary);}
.card_editor_body {display:flex; gap:24px; align-items:flex-start;}
.layout_row {display:flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; padding:0 40px;}
.layout_row .payment_method_logos {justify-content: center; column-gap:40px; row-gap:30px; width:380px;}
.card_editor_col {display:flex; flex-direction:column;}
.card_editor_col.options {gap:8px; flex:1; min-width:0; position:relative;}
.card_editor_col.options:after {width:1px; height:100%; background:var(--color-line-default); content: "" ; position:absolute; top:0; left:-12px;}
.card_editor_col.form {width:290px; flex:0 0 auto;}
.card_editor_col.form > div:last-child {margin-top:14px;}
.card_editor_col.preview {flex:0 0 290px; align-items:flex-start; gap:10px;}
.card_editor_field {display:flex; flex-direction:column; gap:10px;}
.card_editor_label {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-subtle);}
.card_editor_textarea {width:100%; height:170px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); padding:8px; resize:none; font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); color:var(--color-text-default); background:var(--color-surface-primary);}
.card_editor_textarea::placeholder {color:var(--color-text-subtle);}
.card_editor_input {width:100%; height:30px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); padding:0 8px; font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); color:var(--color-text-default); background:var(--color-surface-primary);}
.card_editor_input::placeholder {color:var(--color-text-subtle);}
.card_editor_preview {display:flex; justify-content:center; width:100%;}
.card_editor_preview_card {position:relative; width:284px; height:284px; border-radius:var(--radius-3xl); background:var(--color-surface-cream); overflow:hidden;}
.card_editor_preview_image {position:absolute; left:50%; transform:translateX(-50%); display:block;}
.card_editor_preview_image.phrase {top:0px; width:284px;}
.card_editor_preview_image.character {bottom:0px; width:284px;}
.card_editor_option_group {display:flex; flex-direction:column; gap:10px;}
.card_editor_option_list {display:flex; flex-wrap:nowrap; gap:8px; width:100%; overflow-x:auto; overflow-y:hidden; padding-bottom:4px; -webkit-overflow-scrolling:touch;}
.card_editor_thumb {flex:0 0 auto; width:64px; height:64px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); background:var(--color-surface-primary); display:flex; align-items:center; justify-content:center; overflow:hidden; padding:0; cursor:pointer;}
.card_editor_thumb img {width:100%; height:100%; object-fit:contain;}
.card_editor_thumb.active {border-color:var(--color-brand-primary);}
.card_editor_option_group.swatch .card_editor_option_list {gap:8px;}
.card_editor_swatch {flex:0 0 auto; width:64px; height:64px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); background:var(--color-surface-primary); cursor:pointer; padding:0;}
.card_editor_swatch.mix {background-image:url('/images/card/card-write-background-mix-26b1488cae9d5fe69c6e7c0c82ab7e69.svg'); background-size:cover; background-position:center;}
.card_editor_swatch.active {border-color:var(--color-brand-primary);}
.card_editor_footer {display:flex; justify-content:center;}
.card_editor_preview_link {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-brand-primary);}

.card_write_actions {margin-top:60px; gap:20px;}
.card_write_actions .btn_sub,
.card_write_actions .btn_main {width:232px; height:48px; line-height:48px; font-size:var(--font-size-md);}

/* 결제 */
.payment .title.sub {margin-bottom:20px;}

.payment_section {margin-top:40px; background:var(--color-surface-muted); border-radius:var(--radius-xs); padding:20px; display:flex; flex-direction:column; gap:20px;}
.payment_section_title {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}

.payment_method_tabs {display:flex; gap:8px; background:var(--color-surface-subtle); border-radius:var(--radius-pill); padding:4px;}
.payment_method_tab {border:none; background:transparent; padding:8px 20px; border-radius:var(--radius-pill); font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-line-default); cursor:pointer;}
.payment_method_tab.active {color:var(--color-brand-primary); font-weight:var(--font-weight-bold); background:var(--color-surface-primary); border:1px solid var(--color-brand-primary);}

.payment_method_logos {display:flex; flex-wrap:wrap; gap:80px; align-items:center;}
.payment_method_logos div.visa {width:102px;}
.payment_method_logos div.mastercard {width:66px;}
.payment_method_logos div.jcb {width:64px;}
.payment_method_logos div.express {width:47px}
.payment_method_logos div.diners {width:65px;}
.payment_method_logos div.paypay {width:161px;}
.payment_method_logos img {height:44px; object-fit:contain;}

.payment_method_logos + .charge_area .card_list {gap:10px; margin-top:0;}
.payment_method_logos + .charge_area .card_list .card_item {padding:12px 20px;}

.main.payment .agree {margin-top:40px; display:flex; align-items: center; justify-content: center;}
.main.payment .agree strong {color:var(--color-brand-primary)}
.main.payment .agree div:last-child {font-size:var(--font-size-xs); color:var(--color-text-default)}

.payment_card_list {display:flex; flex-direction:column; gap:12px;}
.payment_card {display:flex; align-items:center; gap:24px; padding:16px 20px; border:1px solid var(--color-line-default); border-radius:var(--radius-sm); background:var(--color-surface-primary);}
.payment_card.active {border-color:var(--color-brand-primary); background:var(--color-surface-secondary); box-shadow:0 0 0 1px var(--color-brand-primary);}
.payment_card_icon {position:relative; width:38px; height:27px; border-radius:var(--radius-sm); background:var(--color-text-subtle); flex-shrink:0;}
.payment_card_icon::before {content:""; position:absolute; top:5px; left:4px; width:12px; height:5px; border-radius:1px; background:var(--color-surface-primary);}
.payment_card_icon::after {content:""; position:absolute; left:4px; bottom:5px; width:30px; height:3px; border-radius:4px; background:var(--color-text-default);}
.payment_card.primary .payment_card_icon {background:var(--color-brand-primary);}
.payment_card.primary .payment_card_icon::after {background:var(--color-brand-secondary);}
.payment_card_number {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); letter-spacing:1.2px; color:var(--color-text-subtle);}
.payment_card.active .payment_card_number {color:var(--color-brand-primary);}
.payment_card_meta {margin-left:auto; display:flex; gap:60px; align-items:center; width:240px; justify-content:space-between; font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-subtle);}
.payment_card.active .payment_card_meta {color:var(--color-brand-primary);}

.payment_promo_form {display:flex; align-items:center; width:624px; position:relative;}
.payment_promo_form .input-field {height:58px; flex:1;}
.payment_promo_form .input-field .payment_promo_code {flex:1; height:100%; border:none; border-radius:var(--radius-sm); padding:0 12px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); background:var(--color-surface-primary);}
.payment_promo_code::placeholder {color:var(--color-text-subtle);}
.payment_promo_apply {height:58px; padding:0 16px; position:absolute; right:-58px; border-radius:var(--radius-xs); border:1px solid var(--color-border-accent); background:var(--color-surface-tertiary); color:var(--color-brand-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-medium); display:flex; align-items:center; justify-content:center; flex:0 0 auto; white-space:nowrap;}
.payment_promo_hint {font-size:var(--font-size-xs); color:var(--color-text-subtle); font-weight:var(--font-weight-regular);}

.payment_summary_list {display:flex; flex-direction:column; gap:12px;}
.payment_summary_row {display:flex; justify-content:space-between; align-items:center; font-weight:var(--font-weight-regular); font-size:var(--font-size-sm); color:var(--color-text-default);}
.payment_summary_row .payment_summary_label {font-weight:var(--font-weight-regular); margin-left:40px;}
.payment_summary_row .payment_summary_label,
.payment_summary_row .payment_summary_value,
.payment_summary_row .payment_summary_total {font-size:var(--font-size-sm);}
.payment_summary_value {font-weight:var(--font-weight-regular);}
.payment_summary_value.discount {color:var(--color-highlight); font-weight:var(--font-weight-bold);}
.payment_summary_label span {margin-left:6px; font-size:var(--font-size-xs); color:var(--color-line-default);}
.payment_summary_row.total {font-size:var(--font-size-md); font-weight:var(--font-weight-bold);}
.payment_summary_total {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}

.payment_consent {display:flex; gap:8px; align-items:flex-start; font-size:var(--font-size-sm); color:var(--color-text-default);}
.payment_consent_icon {width:16px; height:16px; border-radius:var(--radius-full); border:1px solid var(--color-line-default); position:relative; margin-top:1px;}
.payment_consent_icon::after {content:""; position:absolute; top:3px; left:3px; width:8px; height:8px; border-radius:var(--radius-full); background:var(--color-brand-primary);}
.payment_consent_text {line-height:1.6;}
.payment_consent_text strong {color:var(--color-brand-primary); font-weight:var(--font-weight-medium);}
.payment_consent_link {margin-left:4px; color:var(--color-brand-primary); font-weight:var(--font-weight-medium);}

.payment_submit {display:flex; justify-content:center; margin-top:20px;}
.payment_submit .btn_main {width:232px; height:48px; line-height:48px; font-size:var(--font-size-md);}
.payment > h5 {margin-top:40px; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default);}
.payment .payment_img_end {margin-top:20px;display:flex; flex-direction: column; gap:30px; align-items: center;}
.payment .payment_img_end img {width:274px; height:130px;}
.payment .payment_img_end p {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-brand-primary); text-align:center; line-height:28px;}
.payment .payment_img_fail {margin-top:230px;display:flex; flex-direction: column; gap:30px; align-items: center;}
.payment .payment_img_fail img {width:280px; height:280px;}
.payment .payment_img_fail p {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-brand-primary); text-align:center; line-height:17px;}


/* 결제(PayPay) */
.payment_paypay .card_summary_qty .value {width:100%; text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.payment_paypay_method {gap:20px;}
.payment_paypay_method .payment_method_tabs {width:100%; max-width:360px;}
.payment_paypay_panel {width:100%; display:flex; flex-direction:column; gap:20px; padding:20px; border-radius:var(--radius-xs); background:var(--color-surface-primary); border:1px solid var(--color-line-light);}
.payment_paypay_logo {display:flex; align-items:center;}
.payment_paypay_logo img {height:58px; max-width:100%; object-fit:contain;}
.payment_paypay_notes {display:flex; flex-direction:column; gap:8px; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); line-height:14px; padding-left:18px; list-style:disc;}
.payment_paypay_notes li {margin-left:0;}
.payment_paypay_consent .payment_consent_icon {border-radius:var(--radius-xs); border:1px solid var(--color-line-default); background:var(--color-surface-primary);}
.payment_paypay_consent .payment_consent_icon::after {content:""; position:absolute; top:3px; left:4px; width:8px; height:4px; border-left:2px solid var(--color-brand-primary); border-bottom:2px solid var(--color-brand-primary); transform:rotate(-45deg); border-radius:0;}
.payment_paypay_consent .payment_consent_text strong {color:var(--color-brand-primary);}
.payment_paypay_submit {display:flex; justify-content:center; margin:40px 0 80px;}
.payment_paypay_submit .btn_main {width:232px; height:48px; line-height:48px; font-size:var(--font-size-md);}



/* 고객센터 */
.notice_area {margin-top:40px;}
.notice_area .search {display:flex; align-items: center; justify-content: space-between; padding:0 60px;}
.notice_area .search span {font-size:var(--font-size-sm); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}
.notice_area .search > div {width:100%; max-width:964px; height:58px; border:1px solid var(--color-brand-primary); border-radius:var(--radius-xs); position:relative;}
.notice_area .search > div input {width:100%; height:100%; font-size:var(--font-size-xs); border:none; border-radius:var(--radius-xs); padding:0 40px 0 11px;}
.notice_area .search > div button {position:absolute; top:8px; right:0px; width:40px; height:40px; background:url(/images/common/ic_search_notice-2e3535d3ee02a0172713d6a0bc2caa93.png) no-repeat 10px 10px; background-size:20px 20px;}
.notice_area .search + .notice {margin-top:20px;}
.notice_area .notice .notice_header {padding:16px 60px; border-top:1px solid var(--color-line-default); border-bottom:1px solid var(--color-line-default); display:flex;}
.notice_area .notice .notice_header > span {font-size:var(--font-size-sm); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}
.notice_area .notice .notice_header > span:first-child {margin-right:821px;}
.notice_area .notice .notice_header > span:nth-child(3) {margin-left:auto;}
.notice_area .notice .notice_list {display:flex; flex-direction: column;}
.notice_area .notice .notice_list > * {padding:16px 60px; display:flex; align-items: center;}
.notice_area .notice .notice_list > * .notice_title {flex:1 1 auto; color:var(--color-text-primary); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); padding-right:var(--spacing-2xl); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.notice_area .notice .notice_list > * > div {display:flex; justify-content: space-between; flex:0 0 216px;}
.notice_area .notice .notice_list > * > div .notice_date {font-size:var(--font-size-sm); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}
.notice_area .notice .notice_list > * > div .notice_view {margin-left:auto; font-size:var(--font-size-sm); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}

.notice_area .notice .notice_read > div.notice_head {padding:16px 60px; display:flex; align-items: center; border-top:1px solid var(--color-line-default); border-bottom:1px solid var(--color-line-default);}
.notice_area .notice .notice_read > div.notice_body {word-break: break-word; font-size:var(--font-size-sm); padding:16px 60px;border-bottom:1px solid var(--color-line-default);}
.notice_area .notice .notice_read > div.notice_body * {font-size:var(--font-size-sm);}

.notice_area .notice .notice_read > div.notice_head .notice_title {flex:1 1 auto; padding-right:var(--spacing-2xl); color:var(--color-text-primary); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_area .notice .notice_read > div.notice_head > div {display:flex; justify-content: space-between; flex:0 0 110px;}
.notice_area .notice .notice_read > div.notice_head > div .notice_date {font-size:var(--font-size-sm); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}
.notice_area .notice .notice_read > div.notice_head > div .notice_view {margin-left:auto; font-size:var(--font-size-sm); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}

.notice_area .qa {display:flex; flex-direction: column; border-top:1px solid var(--color-line-default);}
.notice_area .qa .q {cursor:pointer;}
.notice_area .qa .q {padding:30px 16px 30px 16px; display:flex; align-items: center; gap:20px; border-bottom:1px solid var(--color-line-default)}
.notice_area .qa .q:before {content:''; width:20px; height:20px; background:url(/images/common/ic_q-bd60c527cc58d6750f88591da32297bd.png) no-repeat 0 0; background-size:20px 20px; flex:0 0 20px;}
.notice_area .qa .q p {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1 1 100%;}
.notice_area .qa .q:after {content:''; transition: all .3s; width:16px; height:10px; background:url(/images/common/arrow_5-b-7c63b483082ca918c018a26772ca725a.png) no-repeat 0 0; background-size:16px 10px; flex:0 0 16px;}
.notice_area .qa .q.on {padding:30px 16px 30px 16px; border-bottom:none}
.notice_area .qa .q.on:after {transform: rotate(-180deg);}
.notice_area .qa .a {padding:30px 16px 30px 16px; display:flex; align-items: center; gap:20px; background:var(--color-surface-secondary); border-bottom:1px solid var(--color-line-default);}
.notice_area .qa .a p {padding-left:20px; font-size:var(--font-size-xs); color:var(--color-brand-primary);}
.notice_area .qa .a:before {content:''; width:20px; height:20px; background:url(/images/common/ic_a-cae6c395e578eb23577598b7dae8f597.png) no-repeat 0 0; background-size:20px 20px; flex:0 0 20px;}

.notice_area .inq {display:flex; flex-direction: column; border-top:1px solid var(--color-line-default);}
.notice_area .inq .row {cursor:pointer; padding:20px 16px 20px 16px; display:flex; flex-direction: column; gap:20px; border-bottom:1px solid var(--color-line-default);}
.notice_area .inq .row.on > p {color:var(--color-brand-primary);}
.notice_area .inq .row.on > div > span:after {background:url(/images/common/arrow_5-b-7c63b483082ca918c018a26772ca725a.png) no-repeat 0 0; background-size:16px 10px; transform:rotate(-180deg);}
.notice_area .inq .row > div {display:flex; justify-content: space-between;}
.notice_area .inq .row .date {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-line-default);}
.notice_area .inq .row .date span {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-line-default); margin-left:8px;}
.notice_area .inq .row > p {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice_area .inq .row > div > span {font-size:var(--font-size-sm); color:var(--color-text-default); font-weight:var(--font-weight-bold);}
.notice_area .inq .row > div > span:after {content:''; transition: all .3s; width:16px; height:10px; background:url(/images/common/arrow_5-edd65a68ee95dcb0c1ec757607fe94cc.png) no-repeat 0 0; background-size:16px 10px; flex:0 0 16px; display:inline-block; margin-left:8px;}

.notice_area .inq .row_qa {display:flex; flex-direction: column;}
.notice_area .inq .row_qa .q:before {content:''; width:20px; height:20px; background:url(/images/common/ic_q-bd60c527cc58d6750f88591da32297bd.png) no-repeat 0 0; background-size:20px 20px; flex:0 0 20px;}
.notice_area .inq .row_qa .a:before {content:''; width:20px; height:20px; background:url(/images/common/ic_a-cae6c395e578eb23577598b7dae8f597.png) no-repeat 0 0; background-size:20px 20px; flex:0 0 20px;}
.notice_area .inq .row_qa .q,
.notice_area .inq .row_qa .a {display:flex; align-items: center; gap:40px; padding:20px 16px; background:var(--color-surface-secondary); border-bottom:1px solid var(--color-line-default);}
.notice_area .inq .row_qa .q p,
.notice_area .inq .row_qa .a p {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-default); word-break: break-all;}

.notice_area .write > div {display:flex; align-items: center; padding:12px 16px;}
.notice_area .write > div > span {font-size:var(--font-size-sm); color:var(--color-text-strong); flex:0 0 150px;}
.notice_area .write > div > div {flex:1; position:relative;}
.notice_area .write > div textarea {height:205px}
.notice_area .write > div.column {flex-direction: column; align-items: flex-start; gap:12px;}
.notice_area .write > div.column > span {flex: 0 0 auto;}
.notice_area .write > div > div .file-upload-button {height:58px; line-height:58px; position:relative; position:absolute; top:0px; right:0px; background:var(--color-brand-primary); display:flex; align-items: center; justify-content: center; padding:0 24px; border-radius:var(--radius-xs); color:var(--color-surface-primary); cursor: pointer;}
.notice_area .write > div > div .file-upload-button:before {content:''; width:14px; height:11px; background:url(/images/common/ic_file_upload-0fb84eb9afde9472a910e2e045b2ed61.png) no-repeat 0 0; background-size:14px 11px;}

.date_area.customer {display:flex; justify-content: space-between; margin-top:40px;}
.date_area.customer .tab.typeB,
.date_area.customer .search {margin-top:0;}
.date_area.customer .btn_inq {height:38px; line-height:38px; background:var(--color-brand-primary); font-weight:var(--font-weight-bold); color:var(--color-surface-primary); border-radius:var(--radius-sm); padding:0 16px;}
.date_area.customer > div {display:flex; align-items: center; gap:40px;}

/* 배송등록 */
.delivery_area {width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; padding:40px 0 50px; display:flex; flex-direction: column;}
.delivery_area.delivery_ps {flex-direction: column; width:100%; max-width: 640px; margin: 0 auto; height: 100vh; justify-content: center; align-items: center;}
.delivery_ps .giftto_logo,
.delivery_area .giftto_logo {width: 170px; height: 50px; background: url('/images/common/giftto-logo-5507c651ff83043190f8d24014d8fa30.png') no-repeat center center; background-size: contain; margin: 0px 0 30px;}
.delivery_ps h4,
.delivery_area > h4 {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); line-height:24px;}
.delivery_area .state_img {width:320px; height:266px; margin:0 auto 0;}

.delivery_area .delivery_guide {width:100%; margin-top:20px; border-radius:var(--radius-lg); padding: 12px;  background-color: var(--color-highlight-soft); text-align: left; display:flex; flex-direction: column; gap:8px;}
.delivery_area .delivery_guide span {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color: var(--color-highlight); line-height:19px;}
.delivery_area .delivery_guide ul li {font-size:var(--font-size-sm); word-wrap:break-word; font-weight:var(--font-weight-regular); color: var(--color-highlight); position: relative; padding-left: 14px;}
.delivery_area .delivery_guide ul li:before {content: ''; position: absolute; top: 9px; left: 4px; width: 2px; height: 2px; background:var(--color-highlight); background-size: 2px 2px;}
.delivery_area .delivery_info {margin-top: 40px; display: flex; flex-direction: column; gap: 20px; width:100%;}
.delivery_area .delivery_info > div:first-child .info_label {margin-top:10px;}
.delivery_area .delivery_info > div {display:flex; flex-direction: column; gap:20px;}
.delivery_area .delivery_info > div .info_label {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-text-default);}
.delivery_area .delivery_info > div .info_label span {color:var(--color-brand-primary);}
.delivery_area .delivery_info > div .info_entry {font-size:var(--font-size-md); font-weight:var(--font-weight-regular); line-height:19px; color:var(--color-text-default); word-wrap:break-word;}
.delivery_area .delivery_info > div .info_entry.row {display:flex; flex-direction: row; gap:8px; align-items: center;}
.delivery_area .agree {margin-top:20px; display:flex; align-items: center; justify-content: center;}

.delivery_area.delivery_ps .ps_check {max-width:none; width:320px; display:flex; flex-direction: column; gap:10px;}
.delivery_area.delivery_ps .btn {display:flex; align-items: center; justify-content: center; gap:10px;}
.delivery_area.delivery_ps .btn .btn_typeA {width:100%; height:48px; line-height:48px; border-radius:var(--radius-sm); background:var(--color-brand-primary); color:var(--color-surface-primary); font-weight:var(--font-weight-bold); text-align:center;}
.delivery_area.delivery_ps .btn .btn_typeB {width:100%; height:48px; line-height:48px; border-radius:var(--radius-sm); background:var(--color-surface-tertiary); color:var(--color-brand-primary); font-weight:var(--font-weight-bold); text-align:center;}

.delivery_area .delivery_state {margin-top:20px; display:flex; flex-direction: column; gap:30px;}
.delivery_area .delivery_state .title {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default); padding:8px 0; border-top:1px solid var(--color-line-default); border-bottom:1px solid var(--color-line-default);}
.delivery_area .delivery_state > div > div {display:flex; gap:12px; flex-direction: column; margin-top:12px;}
.delivery_area .delivery_state > div .row {display:flex; justify-content: space-between; align-items: center;}
.delivery_area .delivery_state > div .row .info_label {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default);}
.delivery_area .delivery_state > div .row .info_label span {font-size:var(--font-size-xs); display:block; color:var(--color-text-default);}
.delivery_area .delivery_state > div .row .info_entry {width:412px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--color-text-default); word-break:break-all;}
.delivery_area .delivery_state > div .row .info_entry p {font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--color-text-default);}


/* 장바구니 */
.cart_area {margin-top:40px;}
.cart_area .tb_list_box.typeA .tb_header {display:flex;}
.cart_area .tb_list_box.typeA .tb_header .tb_product {margin-left:140px; width:524px;}
.cart_area .tb_list_box.typeA .tb_header .tb_quantity {width:191px; text-align:center;}
.cart_area .tb_list_box.typeA .tb_header .tb_price {width:120px; text-align:center;}
.cart_area .tb_list_box.typeA .tb_header .tb_date {width:183px; text-align:center;}
.cart_area .tb_list_box.typeA .tb_body .tb_row {
    display:grid; 
    grid-template-columns: 34px 106px 524px 191px 120px 183px 1fr;
    grid-template-areas:
    "select img title quantity price date delete";
    justify-content: center;
    align-items: center;
    padding:30px 0
}
.cart_area .tb_list_box.typeA .tb_body .tb_row .select {display:flex; justify-content: flex-end;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .img {width:62px; height:62px; border-radius:var(--radius-xl); overflow:hidden; margin:0 auto; display:flex; align-items: center; justify-content: center;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title {display:flex; flex-direction: column; gap:8px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title .brand {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:17px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title .product {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:140%; word-break: break-all;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity > div {display:flex; justify-content: center; align-items: center;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity .tit {display:none;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity input {border:none; background:none; width:42px; text-align:center; font-size:var(--font-size-md);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity .btn_down {width:32px; height:32px; background:url(/images/common/bt-minus-49bd75b574577804ad379b97391e55cd.png) no-repeat 0 0; background-size:32px 32px; cursor: pointer;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity .btn_up {width:32px; height:32px; background:url(/images/common/bt-plus-065ecb8aaa1f6ba94eb532648eb57236.png) no-repeat 0 0; background-size:32px 32px; cursor: pointer;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .price {display: flex; flex-direction: column; gap:10px; align-items: center;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .price span {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); line-height:19px; color:var(--color-text-default);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .price p {font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); line-height:14px; color:var(--color-line-default);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .date {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-text-default); text-align:center;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .date .tit {display:none;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete {display:flex; align-items: center; justify-content: center;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .tit {display:none;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .btn_delete:before {content:''; margin:0 auto 6px; width:24px; height:24px; display:block; background:url(/images/common/ic_delete-044b0e29b318f34797fac9c220f1302e.png) no-repeat 0 0; background-size:24px 24px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .btn_delete span {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:17px; color:var(--color-text-default);}


.verify_area {background:var(--color-surface-secondary); width:100%; height:100vh; margin:0 !important; display:flex; justify-content:center; align-items:center;}
.verify_area .check {border-radius:var(--radius-3xl); background:var(--color-surface-primary); padding:var(--spacing-8xl) calc(var(--spacing-8xl) + var(--spacing-2xl)); width:100%; max-width:480px; display:flex; flex-direction:column; gap:0;}
.verify_area .check .giftto_logo {margin-bottom:var(--spacing-7xl); width:170px; height:50px; background:url('/images/common/giftto-logo-5507c651ff83043190f8d24014d8fa30.png') no-repeat center center; background-size:contain;}
.verify_area .check h4 {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold);}
.verify_area .check .error_box {margin-top:var(--spacing-7xl); border-radius:var(--radius-lg); border:2px solid var(--color-highlight); padding:var(--spacing-lg);}
.verify_area .check .error_box ul li {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-highlight); padding-left:var(--spacing-xl); line-height:var(--spacing-2xl); position:relative; word-wrap:break-word;}
.verify_area .check .error_box ul li:before {content:''; position:absolute; top:8px; left:6px; width:3px; height:3px; background:var(--color-highlight); background-size:2px 2px;}
.verify_area .check .txt_guide_box {margin-top:var(--spacing-7xl); border-radius:var(--radius-lg); background:var(--color-surface-muted); padding:var(--spacing-lg);}
.verify_area .check .txt_guide_box ul li {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); padding-left:var(--spacing-xl); line-height:var(--spacing-2xl); position:relative; word-wrap:break-word;}
.verify_area .check .txt_guide_box ul li:before {content:''; position:absolute; top:8px; left:6px; width:3px; height:3px; background:var(--color-text-subtle); background-size:2px 2px;}

.verify_area .check .btn {margin-top:var(--spacing-7xl); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:var(--spacing-2xl);}
.verify_area .check .btn .btn_typeA {width:100%; height:48px; font-weight:var(--font-weight-bold); line-height:48px; border-radius:var(--radius-sm); background:var(--color-brand-primary); color:var(--color-surface-primary); text-align:center;}
.verify_area .check .btn .btn_typeB {width:100%; height:48px; font-weight:var(--font-weight-medium); line-height:48px; border-radius:var(--radius-sm); background:var(--color-surface-tertiary); color:var(--color-brand-primary); text-align:center;}

.verify_area .steps {margin-top:var(--spacing-2xl); display:flex; align-items:center; gap:var(--spacing-2xl); flex-wrap:wrap;}
.verify_area .steps .step {display:flex; align-items:center; gap:var(--spacing-xs); font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-line-default);}
.verify_area .steps .index {width:20px; height:20px; border-radius:var(--radius-pill); background:var(--color-line-default); color:var(--color-surface-primary); display:flex; justify-content:center; align-items:center; font-size:var(--font-size-sm); font-weight:var(--font-weight-bold);}
.verify_area .steps .label {color:var(--color-line-default);}
.verify_area .steps .step.active {color:var(--color-text-default);}
.verify_area .steps .step.active .index {background:var(--color-brand-primary);}
.verify_area .steps .step.active .label {color:var(--color-text-default);}

.verify_area .info {margin-top:var(--spacing-7xl); display:flex; flex-direction:column; gap:0;}
.verify_area .info .label {margin-top:var(--spacing-2xl); font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-text-default);}
.verify_area .info .label:first-child {margin-top:0;}
.verify_area .info .label i {color:var(--color-brand-primary); font-weight:var(--font-weight-bold);}
.verify_area .info .txt_error {color:var(--color-highlight); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); padding-left:var(--spacing-md); margin-top:var(--spacing-md);}
.verify_area .info .custom-select.typeC,
.verify_area .info .input-field.typeB {margin-top:var(--spacing-2xl);}

.verify_area .option_box {margin-top:var(--spacing-7xl); display:flex; flex-direction:column; gap:var(--spacing-sm);}
.verify_area .option_box a {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-line-default);}

/* 쿠폰 상세 */
.wrap.coupon .gift_area.detail {display: grid; position: relative; width: 100%; max-width:640px; height: 100%; box-sizing: border-box; padding:12px; background:var(--color-surface-secondary); border-radius:var(--radius-2xl);}
.wrap.coupon .gift_area.detail .grid_item {padding:30px 0; position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; background:var(--color-surface-primary);}
.wrap.coupon .gift_area.detail .grid_item .product_name {padding:0 40px; text-align:center; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-strong); margin-bottom: 8px; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.wrap.coupon .gift_area.detail .grid_item .product_desc {padding:0 40px; text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color: var(--color-text-default); margin-bottom: 16px;}
.wrap.coupon .gift_area.detail .grid_item .img {width:276px; height:276px; display:flex; justify-content: center; align-items: center;}
.wrap.coupon .gift_area.detail .grid_item .img img {width:100%; height:100%; object-fit:contain;}

.wrap.coupon .gift_area.detail .grid_item .code_view {display:flex; gap:var(--spacing-7xl); flex-direction: column; margin-top:48px; align-items: center;}
.wrap.coupon .gift_area.detail .grid_item .code_view > div {display:flex; align-items: center; gap:var(--spacing-xl); justify-content: center; flex-direction: column; align-items: center;}
.wrap.coupon .gift_area.detail .grid_item .code_view > div:nth-child(1) {max-width:160px; max-height:160px;}
.wrap.coupon .gift_area.detail .grid_item .code_view > div:nth-child(2) {max-width:260px; max-height:60px;}
.wrap.coupon .gift_area.detail .grid_item .code_view > div:nth-child(2) > span {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-default);}

.wrap.coupon .gift_area.detail .grid_item .btn_group {margin-top:48px; width:264px; display:flex; flex-direction: column;}
.wrap.coupon .gift_area.detail .grid_item .btn_group .btn-sub {height:44px; line-height:42px; border:1px solid var(--color-brand-primary); border-radius:var(--radius-xs); background:var(--color-surface-primary); color:var(--color-brand-primary); text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold);}

.wrap.coupon .gift_area.detail .grid_item .receive_guide {position:relative; top:8px; padding:20px 10px 0; display:flex; justify-content: space-between; width:100%; border-top:1px solid var(--color-surface-secondary); margin-top:16px;}
.wrap.coupon .gift_area.detail .grid_item .receive_guide span {color:var(--color-text-default); font-size:var(--font-size-md); font-weight:var(--font-weight-regular);}
.wrap.coupon .gift_area.detail .grid_item .receive_guide span.tit {font-weight:var(--font-weight-bold);}
.wrap.coupon .gift_area.detail .grid_item + p {position:relative; top:4px; padding-top:4px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); text-align:center;}
.wrap.coupon .gift_area.detail .grid_item + p span {font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}

.wrap.coupon .gift_area.detail .grid_item .enter_area {margin-top:48px; width:100%; display:flex; align-items: center; justify-content: center;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box {max-width:264px; width:100%; display:flex; flex-direction: column; gap:16px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div {display:flex; justify-content: space-between;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(1) {border-radius:var(--radius-xs); background:var(--color-surface-secondary); padding:5px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(1) *:nth-child(1) {font-size:var(--font-size-sm); color:var(--color-text-default); font-weight:var(--font-weight-regular);}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(1) *:nth-child(2) {font-size:var(--font-size-sm); color:var(--color-brand-primary); font-weight:var(--font-weight-bold);}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(2) {padding:0 10px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(2) span {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-default);}

.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box {display:flex; flex-direction: column; gap:16px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box > div {gap:8px; display:flex; justify-content: space-between; align-items: center;}  
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box > div > span {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium);}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box > div > span > i {color:var(--color-brand-primary);}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box > div .input-field {border:1px solid var(--color-surface-tertiary); width:188px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box > div .input-field:has(input:disabled) {border:none;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box .btn {display:flex;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box .btn > div {width:calc((100% - 8px)/2)}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box .btn > div .btn-sub {width:100%; text-align:center; height:58px; line-height:56px; border:1px solid var(--color-brand-primary); border-radius:var(--radius-xs); background:var(--color-surface-primary); color:var(--color-brand-primary); text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold);}


.gift_detail {width:100%; max-width:640px; display:flex; flex-direction: column; gap:40px; margin-top:40px;}
.gift_detail > div {display:flex; flex-direction: column; gap:20px;}
.gift_detail > div > h5 {display:flex; gap:12px; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.gift_detail > div > div {display:flex; gap:12px;}
.gift_detail > div > div + .img {margin-bottom:80px;}
.gift_detail > div .img_guide p {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-default);}
.gift_detail > div .img_guide p img {width:100%; object-fit:contain; margin-top:20px;}
.gift_detail > div .img_guide .img {margin-right:12px;}
.gift_detail > div .guide_txt div p {position:relative; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:17px; color:var(--color-text-default);}
.gift_detail > div .shop_guide p,
.gift_detail > div .shop_guide a {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-default); line-height:17px;}


/* 쿠폰 확인 */
.wrap.coupon .giftto_title {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-text-default); display:flex; align-items: center; margin-bottom:8px;}
.wrap.coupon .giftto_title > span {height:34px; font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.wrap.coupon .gift_area.check {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; position: relative; background: var(--color-surface-primary); width: 100%; height: 100%; box-sizing: border-box; padding:12px; background:var(--color-surface-secondary); border-radius:var(--radius-2xl);}
.wrap.coupon .gift_area.check::before {content: ''; position: absolute; background: var(--color-surface-secondary); width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%);}
.wrap.coupon .gift_area.check .grid_item {position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; background:var(--color-surface-primary);}
.wrap.coupon .gift_area.check .grid_item > .img {width:248px; height:248px; display:flex; justify-content: center; align-items: center;}
.wrap.coupon .gift_area.check .grid_item > .img img {width:100%; height:100%; object-fit: contain;}
.wrap.coupon .gift_area.check .grid_item:nth-child(1),
.wrap.coupon .gift_area.check .grid_item:nth-child(2) {align-self: start;}
.wrap.coupon .gift_area.check .grid_item:nth-child(1) {padding:30px 30px 20px 30px;}
.wrap.coupon .gift_area.check .grid_item:nth-child(2) {padding:30px 30px 20px 0px; align-items: start; justify-content: flex-start; height:100%;}
.wrap.coupon .gift_area.check .grid_item:nth-child(3) {padding:20px 30px 30px 30px; align-items: start; justify-content: flex-start;}
.wrap.coupon .gift_area.check .grid_item:nth-child(4) {padding:20px 30px 20px 0px;}
.wrap.coupon .gift_area.check .grid_item .preview {width:262px; position:relative; height:262px; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.wrap.coupon .gift_area.check .grid_item .preview img {width:100%; height:100%; object-fit: contain; position:absolute; top:0; left:0;}
.wrap.coupon .gift_area.check .grid_item .product_name {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-strong); margin-bottom: 8px; word-break: break-all;}
.wrap.coupon .gift_area.check .grid_item .product_desc {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default); height:130px; overflow-y:auto; word-break: break-all;}
.wrap.coupon .gift_area.check .grid_item .btn_group {position:absolute; bottom:20px; gap:8px; width:calc(100% - 30px); display:flex; flex-direction: column;}
.wrap.coupon .gift_area.check .grid_item .btn_group .btn-main {height:38px; line-height:38px; border-radius:var(--radius-xs); background:var(--color-brand-primary); color:var(--color-surface-primary); text-align:center; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold);}
.wrap.coupon .gift_area.check .grid_item .btn_group .btn-sub {height:38px; line-height:36px; border:1px solid var(--color-brand-primary); border-radius:var(--radius-xs); background:var(--color-surface-primary); color:var(--color-brand-primary); text-align:center; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold);}
.wrap.coupon .gift_area.check .grid_item textarea {width: 100%; height:calc(100% - 42px); resize: none; font-size:var(--font-size-xs); color: var(--color-text-default); box-sizing: border-box; font-weight:var(--font-weight-medium);} 
.wrap.coupon .gift_area.check .grid_item span {margin-top:20px; font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default);}


/* 선택형 쿠폰 */
.popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000;}
.popup {position:relative; background: var(--color-surface-primary); width: 90%; max-width: 480px; border-radius:var(--radius-xs); padding: 20px; text-align: center;}
.popup .card {margin-bottom: 30px;position:relative;}
.popup .card .img {width:160px; height:160px; margin:52px auto 10px;}
.popup .card .img img {width:100%; height:100%; object-fit: contain;}
.popup .card .product-name {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color: var(--color-text-default); margin-bottom: 10px; word-break: break-all;}
.popup .card .product-desc {font-size:var(--font-size-sm); color: var(--color-text-default); font-weight:var(--font-weight-regular);}
.popup .card .product-type {position: absolute; top: -36px; right: 50%; margin-right:-140px; width: 42px; height: 26px; border-radius:var(--radius-4xl); border: 1px solid var(--color-brand-primary); color: var(--color-brand-primary); font-size:var(--font-size-sm); text-align: center; line-height: 24px;}
.popup-close-btn {position: absolute; top: 10px; right: 10px; width: 10px; height: 10px; background: url('/images/common/ic_pp_close-802fec4422db579165f2140589565667.png') no-repeat center center; background-size: 10px 10px; border: none; cursor: pointer; padding:10px;}
.popup .button-group {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 10px;}
.popup .button-group button {flex: 1; height: 44px; border: none; border-radius:var(--radius-xs); font-size:var(--font-size-md); font-weight:var(--font-weight-bold); cursor: pointer;}
.popup .button-group .btn-main {background: var(--color-brand-primary); color: var(--color-surface-primary); font-weight:var(--font-weight-bold);}
.popup .button-group .btn-close {background: var(--color-surface-tertiary); color: var(--color-brand-primary); font-weight:var(--font-weight-medium);}
.popup .popup-guide p {position: relative; padding-left: 12px; text-align: left; font-size:var(--font-size-xs); color: var(--color-text-subtle);}
.popup .popup-guide p::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; border-radius:var(--radius-full); background-color: var(--color-text-default);}

.wrap.coupon {width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box;}
.wrap.coupon .giftto_logo {width: 170px; height: 50px; background: url('/images/common/giftto-logo-5507c651ff83043190f8d24014d8fa30.png') no-repeat center center; background-size: contain; margin: 60px 0 30px;}
.wrap.coupon .description {margin-bottom: 10px;}
.wrap.coupon .description .desc-primary {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color: var(--color-text-default); margin-bottom: 5px;}
.wrap.coupon .description .desc-secondary {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color: var(--color-text-default);}
.wrap.coupon .custom-select.typeA {position: relative; width: 88px; margin-bottom: 12px; margin-left: auto;}
.wrap.coupon .card-layout {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 12px; padding: 12px; background: var(--color-surface-secondary); border-radius:var(--radius-2xl); box-sizing: border-box;}
.wrap.coupon .card {position: relative; width: 100%; height: 246px; background: var(--color-surface-primary); border-radius:var(--radius-xs); display: flex; justify-content: center; align-items: center;}
.wrap.coupon .card .product-type {position: absolute; top: 10px; right: 20px; width: 42px; height: 26px; border-radius:var(--radius-4xl); border: 1px solid var(--color-brand-primary); color: var(--color-brand-primary); font-size:var(--font-size-xs); text-align: center; line-height: 24px;}
.wrap.coupon .card .img {width: 160px; height: 160px; display:flex; justify-content: center; align-items: center;}
.wrap.coupon .card .img img {width:100%; height: 100%; object-fit: contain;}
.wrap.coupon .guide_text {text-align: left; font-size:var(--font-size-xs); color: var(--color-text-subtle); font-weight:var(--font-weight-regular); margin: 30px 0 60px;}
.wrap.coupon .guide_text p {margin: 5px 0; letter-spacing: 0.5px; position: relative; padding-left: 12px; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular);}
.wrap.coupon .guide_text p:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; border-radius:var(--radius-full); background: var(--color-text-default);}
.wrap.coupon .guide_text + .btn {margin:60px 0;}
.wrap.coupon .error-guide {border: 2px solid var(--color-highlight); border-radius:var(--radius-lg); padding: 12px;  background-color: var(--color-highlight-soft); text-align: left;}
.wrap.coupon .error-guide .error-title {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color: var(--color-highlight); margin-bottom: 10px; position: relative; padding-left: 32px;}
.wrap.coupon .error-guide .error-title::before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; background: url('/images/common/ic_error_tit-5861bad78edda32316e101cc6044805d.png') no-repeat center center; background-size: contain;}
.wrap.coupon .error-guide p {font-size:var(--font-size-sm); color: var(--color-highlight); line-height:17px; letter-spacing: 0.5px;}


/* 계정관리 */
 /*주문내역*/
.order_area {margin-top:40px;}
.order_area .tb_list_box.typeA .tb_header {display:flex;}
.order_area .tb_list_box.typeA .tb_header .tb_date {width:180px; text-align:center;}
.order_area .tb_list_box.typeA .tb_header .tb_order_product {width:556px; text-align:center;}
.order_area .tb_list_box.typeA .tb_header .tb_state {width:156px; text-align:center;}
.order_area .tb_list_box.typeA .tb_header .tb_price {width:156px; text-align:center;}
.order_area .tb_list_box.typeA .tb_header .tb_detail {width:152px; text-align:center;}
.order_area .tb_list_box.typeA .tb_body .tb_row {
    display:grid; 
    grid-template-columns: 180px 556px 156px 156px 1fr;
    grid-template-areas:
    "date order_product state price detail";
    justify-content: center;
    align-items: center;
    padding:30px 0
}
.order_area .tb_list_box.typeA .tb_body .tb_row .date {display: flex; flex-direction: column; gap:10px; align-items: center; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-text-default);}
.order_area .tb_list_box.typeA .tb_body .tb_row .date .tit {display:none;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product {display:flex; gap:20px; align-items: center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .img {width:62px; height:62px; border-radius:var(--radius-xl); overflow:hidden; flex: 0 0 auto; display:flex; justify-content: center; align-items: center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .img img {width:100%; height:100%; object-fit: contain;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .title {display:flex; flex-direction: column; gap:8px;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .title .brand {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:17px;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .title .product {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:140%; word-break: break-all;}
.order_area .tb_list_box.typeA .tb_body .tb_row .state {display: flex; flex-direction: column; gap:10px; align-items: center; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-text-default);}
.order_area .tb_list_box.typeA .tb_body .tb_row .state .tit {display: none;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price {display: flex; flex-direction: column; gap:10px; align-items: center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price .tit {display:none;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price span  {text-align:center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price span > i {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-line-default); display:block;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail {display: flex; flex-direction: column; gap:10px; align-items: center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail .btn.typeA {width:116px; height:36px; line-height:36px; color:var(--color-surface-primary); background:var(--color-brand-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-bold); border-radius:var(--radius-xs); text-align:center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail .btn.typeB {width:116px; height:36px; line-height:34px; color:var(--color-brand-primary); border:1px solid var(--color-brand-primary); box-sizing: border-box; background:var(--color-surface-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-bold); border-radius:var(--radius-xs); text-align:center;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail .btn.typeC {width:116px; height:36px; line-height:34px; color:var(--color-line-default); border:1px solid var(--color-line-default); box-sizing: border-box; background:var(--color-surface-primary); font-size:var(--font-size-md); font-weight:var(--font-weight-bold); border-radius:var(--radius-xs); text-align:center;}
.order_area + section.btn .btn_sub {display:none;}
.order_area + section.btn + ul.mg_t {margin-top:40px;}
.order_area + section.btn + ul li {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); padding-left:20px; position:relative;}
.order_area + section.btn + ul li:before {width:2px; height:2px; background:var(--color-text-default); content:''; display:block; position:absolute; top:8px; left:10px; transform:translateY(-50%);}

.order_area h6 {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); line-height:19px; color:var(--color-text-default);}
.order_area .detail_list {display:flex; flex-direction: column; gap:20px; margin-top:40px;}
.order_area .detail_list .group {display:flex; flex-direction: column;  padding:20px; background:var(--color-surface-subtle); border-radius:var(--radius-lg); gap:20px;}
.order_area .detail_list .group .title {display:flex; flex-direction: column; align-items: flex-start; gap:12px;}
.order_area .detail_list .group .title .brand {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-default); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; align-self: stretch; min-width: 0;}
.order_area .detail_list .group .title .product {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default); line-height:140%; word-break: break-all;}
.order_area .detail_list .group .title .price {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-default);}
.order_area .detail_list .group > div {display:flex; justify-content: space-between; align-items: center;}
.order_area .detail_list .group > div span {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-default);}
.order_area .detail_list .group > div span i {font-size:var(--font-size-xxs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); margin:0 4px;}
.order_area .detail_list .group > div span.txt_blue {color:var(--color-brand-primary); font-weight:var(--font-weight-bold);}
.order_area .detail_list .group > div span.txt_red {color:var(--color-highlight); font-weight:var(--font-weight-bold);}

.order_area .link_option {display:flex; justify-content: flex-end; align-items: center;}
.order_area .link_option .all {height:28px; line-height:28px; padding:0 12px; font-size:var(--font-size-sm); border-radius:var(--radius-xs); background:var(--color-brand-primary); color:var(--color-surface-primary);}
.order_area .link_list {display:flex; align-items: center; padding:0px 0; gap:12px;}
.order_area .link_list .url_area {display:flex; align-items: center; gap:12px;}
.order_area .link_list .url_area > div {display:flex; gap:12px; align-items: center;}
.order_area .link_list .url_area .url {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); line-height:17px; color:var(--color-text-default); white-space:nowrap; flex-shrink:0;}
.order_area .link_list .url_area input {margin-left:36px; width:403px; padding:0 8px; font-size:var(--font-size-sm); color:var(--color-text-subtle); border:1px solid var(--color-line-default); height:58px; line-height:56px; border-radius:var(--radius-xs);}
.order_area .link_list .url_area input.wide {width:868px;}
.order_area .link_list .url_area .view {width:116px; cursor:pointer; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-brand-primary); border-radius:var(--radius-xs); background:var(--color-surface-tertiary); height:58px; line-height:58px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; flex-shrink:0;}
.order_area .link_list .url_area .copy {width:116px; cursor:pointer; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-brand-primary); border-radius:var(--radius-xs); background:var(--color-surface-primary); border:1px solid var(--color-brand-primary); height:58px; line-height:56px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; flex-shrink:0;}
.order_area .list_area {border-top:1px solid var(--color-line-default); border-bottom:1px solid var(--color-line-default); padding:30px 0; display:flex; flex-direction: column; gap:30px;}
.order_area .link_list .email_area {display:flex; align-items: center; gap:12px; position:relative;}
.order_area .link_list .email_area input {font-size:var(--font-size-sm); width:352px; padding:0 78px 0 8px; color:var(--color-text-subtle); border:1px solid var(--color-line-default); height:58px; line-height:56px; border-radius:var(--radius-xs);}
.order_area .link_list .email_area .send {position:absolute; top:0px; right:0px; cursor:pointer; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-brand-primary); border-radius:0 4px 4px 0; background:var(--color-surface-primary); border:1px solid var(--color-brand-primary); height:58px; line-height:56px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap;}
.order_area .step_area {border-top:1px solid var(--color-line-default); padding:30px 0; display:flex; justify-content:space-around; align-items: center;}
.order_area .step_area > div {display: flex; flex-direction: column; gap:12px; align-items: center; position:relative; flex: 1;}
.order_area .step_area > div:not(:last-child):after {position:absolute; top:50%; right:0; transform:translateY(-50%) translateX(50%); content:''; width:15px; height:14px; background:url(/images/common/ic_sns_arrow-4069f209b1bc3b2d2f4338db4e66be4d.png) no-repeat 0 0; background-size:15px 14px; z-index: 1;} 
.order_area .step_area > div .step {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); line-height:17px; color:var(--color-text-default)}
.order_area .step_area > div .txt {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:17px; color:var(--color-text-default)}
.order_area .sns_area {margin-top:40px; display:flex; justify-content: center; align-items: center; gap:60px;}
.order_area .sns_area * {width:32px; height:32px;}
.order_area .sns_area .ic_x {background:url(/images/common/ic_x-c1180de7145229816c0c4766a230eba5.png) no-repeat 0 0; background-size:32px 32px;}
.order_area .sns_area .ic_line {background:url(/images/common/ic_line-497b78249fe16ef4949b31293b54c25b.png) no-repeat 0 0; background-size:32px 32px;}
.order_area .sns_area .ic_instagram {background:url(/images/common/ic_instagram-a3c61b6c364c4c066dfbc98637215ed3.png) no-repeat 0 0; background-size:32px 32px;}

.charge_area .card_list {display:flex; flex-direction: column; gap:20px; margin-top:30px;}
.charge_area .card_list .card_item {display:flex; align-items: center; cursor:pointer; box-sizing: border-box; padding:30px; border-radius:var(--radius-lg); border:1px solid var(--color-line-default);}
.charge_area .card_list .card_item .ic_card {width:68px; height:48px; background:url(/images/common/charge_card-f7c0b98fd5859bc1d9e65685f7838ff1.png) no-repeat 0 0; background-size:68px 48px;}
.charge_area .card_list .card_item .number {font-size:var(--font-size-md); font-weight:+700; color:var(--color-text-subtle); margin-left:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.charge_area .card_list .card_item > div {display:flex; flex:1; justify-content: flex-end; gap:60px; align-items: center;}
.charge_area .card_list .card_item > div .name {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-default);}
.charge_area .card_list .card_item > div .date {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-default);}
.charge_area .card_list input:checked + .card_item {border-color:var(--color-surface-secondary); background:var(--color-surface-secondary)}
.charge_area .card_list input:checked + .card_item .ic_card {background:url(/images/common/charge_card_on-47f7045511970b1b41758759d0684627.png) no-repeat 0 0; background-size:68px 48px;}
.charge_area .card_list input:checked + .card_item .number,
.charge_area .card_list input:checked + .card_item .name,
.charge_area .card_list input:checked + .card_item .date {color:var(--color-brand-primary);}
.charge_area  + ul.mg_t {margin-top:30px;}
.charge_area  + ul li {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); padding-left:20px; position:relative;}
.charge_area  + ul li:before {width:2px; height:2px; background:var(--color-text-default); content:''; display:block; position:absolute; top:8px; left:10px; transform:translateY(-50%);}
.charge_area + ul + section.btn .btn_sub,
.charge_area + section.btn .btn_sub {display:none;}
.charge_area .charge_list {margin-top:50px; display:flex; gap:16px; align-items: center;;}
.charge_area .charge_list .visa {width:130px; height:50px; background:url(/images/common/img_charge1-9fd14181a3e575770e50ff7dc09d23e5.png) no-repeat center center; background-size:102px 44px;}
.charge_area .charge_list .master {width:130px; height:50px; background:url(/images/common/img_charge2-73bdb3490ecfa227cf7b679556e3c4b5.png) no-repeat center center; background-size:66px 40px;}
.charge_area .charge_list .jcb {width:130px; height:50px; background:url(/images/common/img_charge3-729d5ed0fae4b4b0876d4c5903770c1a.png) no-repeat center center; background-size:65px 50px;}
.charge_area .charge_list .amex {width:130px; height:48px; background:url(/images/common/img_charge4-f6c2b0d47f1b0fc8f069945cb487cc75.png) no-repeat center center; background-size:47px 48px;}
.charge_area .charge_list .diners {width:130px; height:48px; background:url(/images/common/img_charge5-3947410ff74f8a859200cad5933304b9.png) no-repeat center center; background-size:65px 48px;}
.charge_area .charge_list .paypay {width:161px; height:58px; background:url(/images/common/img_charge6-509c18e3284b032d3e2700e293765e56.png) no-repeat 0 0; background-size:161px 58px;}
.charge_area .charge_list + ul {margin-top:30px;}
.charge_area .charge_list + ul li {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); padding-left:20px; position:relative;}
.charge_area .charge_list + ul li:before {width:2px; height:2px; background:var(--color-text-default); content:''; display:block; position:absolute; top:8px; left:10px; transform:translateY(-50%);}


 /*나의정보*/
.user_info .tb_box {margin-top:40px;}
.user_info > h5 {display:none;}
.user_info + section.btn .btn_sub {display:none}
.user_info .quit {display:flex; flex-wrap:wrap; gap:20px; width:100%;}
.user_info .quit > label {cursor:pointer; font-size:var(--font-size-sm); color:var(--color-text-subtle); width:calc((100% - 20px) / 2); height:58px; line-height:56px; border-radius:var(--radius-xs); border:1px solid var(--color-line-default); text-align:center; box-sizing: border-box;}
.user_info .quit > input:checked + label,
.user_info .quit > input:checked + label,
.user_info .quit > input:checked + label.wide span {border-color:var(--color-brand-primary); color:var(--color-brand-primary);}
.user_info .quit > input:checked + label.wide input {z-index:0; border-left-color:var(--color-brand-primary);}
.user_info .quit > label.wide {width:100%; text-align:left; display:flex; align-items: center;}
.user_info .quit > label.wide span {font-size:var(--font-size-sm); color:var(--color-text-subtle); padding:0 16px; display:inline-flex; align-items:center; white-space:nowrap; flex-shrink:0;}
.user_info .quit > label.wide input {z-index:-1; width:100%; padding-left:10px; font-size:var(--font-size-sm); color:var(--color-text-subtle); font-weight:var(--font-weight-regular); height:100%; border:none; border-left:1px solid var(--color-line-default);}

.admin_menu {margin-top:18px; display:flex; flex-wrap:wrap; gap:8px;}
.admin_menu > * {width:calc((100% - 8px) / 2); border-radius:var(--radius-xs); border:1px solid var(--color-line-default); height:100px; box-sizing:border-box; display:flex; flex-direction: column; gap:8px; align-items: center; justify-content: center;}
.admin_menu > * .img {width:36px; height:36px;}
.admin_menu > * .txt {font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}
.admin_menu > *.wide {width:100%}
.admin_menu > *:nth-child(1) .img {background:url(/images/common/ic_edit-1aa2654ab04ab8815b909328a7216c70.png) no-repeat 0 0; background-size:36px 36px;}
.admin_menu > *:nth-child(2) .img {background:url(/images/common/ic_receipt-2521385c6b1aa1e92e51f5e3f59d5795.png) no-repeat 0 0; background-size:36px 36px;}
.admin_menu > *:nth-child(3) .img {background:url(/images/common/ic_credit-65901f90f5cdc6a3e7fd6474720b8d21.png) no-repeat 0 0; background-size:36px 36px;}
.admin_menu > *:nth-child(4) .img {background:url(/images/common/ic_Q&A-3697946fdadd53074062bdd7f39b5755.png) no-repeat 0 0; background-size:36px 36px;}
.admin_menu > *:nth-child(5) .img {background:url(/images/common/ic_logout-c58fbfff1df06ddbf19a3e41d8778a71.png) no-repeat 0 0; background-size:36px 36px;}

.service_menu {margin-top:18px; display:flex; flex-wrap:wrap; gap:8px;}
.service_menu > * {width:calc((100% - 8px) / 2); border-radius:var(--radius-xs); border:1px solid var(--color-line-default); height:100px; box-sizing:border-box; display:flex; flex-direction: column; gap:8px; align-items: center; justify-content: center;}
.service_menu > * .img {width:36px; height:36px;}
.service_menu > * .txt {font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}
.service_menu > *.wide {width:100%}
.service_menu > *:nth-child(1) .img {background:url(/images/common/ic_buildings-bc6373d6d391d95fe6590e8216c27496.png) no-repeat 0 0; background-size:36px 36px;}
.service_menu > *:nth-child(2) .img {background:url(/images/common/ic_notes-0ce5d5b34ad1eb12efa2dda2f53dcb1f.png) no-repeat 0 0; background-size:36px 36px;}
.service_menu > *:nth-child(3) .img {background:url(/images/common/ic_circle-932f8352a46527c6af789ba2ceb83d39.png) no-repeat 0 0; background-size:36px 36px;}
.service_menu > *:nth-child(4) .img {background:url(/images/common/ic_commercial-1dc7f63e27e1b3a0b62bfa628cdec398.png) no-repeat 0 0; background-size:36px 36px;}


/* 로그인, 비밀번호재설정 */
.login {margin:224px 0 190px; display:flex; flex-direction: column; align-items: center; justify-content: center;}
.login .enter_area {width:320px; display:flex; flex-direction: column; gap:10px;}
.login .enter_area .btn {display:flex; align-items: center; justify-content: center; gap:10px;}
.login .enter_area .btn .btn_typeA {width:100%; height:48px; line-height:48px; border-radius:var(--radius-sm); background:var(--color-brand-primary); color:var(--color-surface-primary); font-weight:var(--font-weight-bold); text-align:center;}
.login .enter_area .btn .btn_typeB {width:100%; height:48px; line-height:48px; border-radius:var(--radius-sm); background:var(--color-surface-tertiary); color:var(--color-brand-primary); font-weight:var(--font-weight-bold); text-align:center;}
.login .enter_area .option {display:flex; flex-direction: column; gap:8px;}
.login .enter_area .option a {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-line-default);}
.login .login_type {margin-top:30px; display:flex; justify-content: space-between; width:320px;}
.login .login_type > * {width:60px; height:60px; border-radius:var(--radius-full); display:flex; align-items: center; justify-content: center;}
.login .login_type .btn_line {background:var(--color-support-success); }
.login .login_type .btn_line:before {content:''; width:36px; height:36px; background:url(/images/common/ic_log_3-10119d16be617c711bae4c1b20f54959.png) no-repeat 0 0; background-size:36px 36px;}
.login .login_type .btn_facebook {background:var(--color-support-facebook); }
.login .login_type .btn_facebook:before {content:''; width:36px; height:36px; background:url(/images/common/ic_log_2-342f5de91234e597b1f3af18c7a1951d.png) no-repeat 0 0; background-size:36px 36px;}
.login .login_type .btn_google {background:var(--color-surface-primary); border:1px solid var(--color-line-default);}
.login .login_type .btn_google:before {content:''; width:36px; height:36px; background:url(/images/common/ic_log_1-200a44eb45a6fce067e2ef7e3b6b2109.png) no-repeat 0 0; background-size:36px 36px;}
.login h4 {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-text-default); line-height:24px;}
.login h4 + p {font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-subtle); line-height:19px; margin:10px 0;}
.login .guide_txt {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle);}


/* 회원가입 */
.user_join {margin-top:180px;}
.user_join .type {position:relative; display:flex; gap:220px; justify-content: center; align-items: center;}
.user_join .type:after {width:1px; height:100%; background:var(--color-line-default); content:''; display:block; position:absolute; top:0px; right:50%;}
.user_join .type > div {width:380px; display:flex; flex-direction: column;align-items: center; gap:20px;}
.user_join .type > div > span {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.user_join .type > div > div {display:flex; flex-direction: column; width:100%; gap:20px;}
.user_join .type > div .btn_email {border-radius:var(--radius-xs); background:var(--color-brand-primary); width:100%; height:54px; line-height:54px; text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-surface-primary);}
.user_join .type > div .btn_line {display:flex; align-items: center; gap:20px; border-radius:var(--radius-xs); background:var(--color-support-success); width:100%; height:54px; line-height:54px; text-align:left; padding-left:20px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-surface-primary);}
.user_join .type > div .btn_line .ic {width:32px; height:32px; background:url(/images/common/ic_log_3-10119d16be617c711bae4c1b20f54959.png) no-repeat 0 0; background-size:32px 32px;}
.user_join .type > div .btn_facebook {display:flex; align-items: center; gap:20px; border-radius:var(--radius-xs); background:var(--color-support-facebook); width:100%; height:54px; line-height:54px; text-align:left; padding-left:20px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-surface-primary);}
.user_join .type > div .btn_facebook .ic {width:32px; height:32px; background:url(/images/common/ic_log_2-342f5de91234e597b1f3af18c7a1951d.png) no-repeat 0 0; background-size:32px 32px;}
.user_join .type > div .btn_google {display:flex; align-items: center; gap:20px; border-radius:var(--radius-xs); width:100%; height:54px; line-height:52px; text-align:left; padding-left:20px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); border:1px solid var(--color-text-default); background:var(--color-surface-primary); color:var(--color-text-default)}
.user_join .type > div .btn_google .ic {width:32px; height:32px; background:url(/images/common/ic_log_1-200a44eb45a6fce067e2ef7e3b6b2109.png) no-repeat 0 0; background-size:32px 32px;}
.user_join .type + p {margin-top:60px; text-align:center; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-subtle);}
.user_join .type + p span {font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-text-subtle);}

.join_info {margin-top:40px;}
.join_info .step {display:flex; gap:25px;}
.join_info .step span {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-line-default);}
.join_info .step span.on {color:var(--color-text-default);}
.join_info .step span.on:before {background:var(--color-brand-primary) !important;}
.join_info .step span:nth-child(1):before {content:'1'; margin-right:8px; border-radius:var(--radius-full); text-align:center; width:20px; height:20px; background:var(--color-line-default); display:inline-block; color:var(--color-surface-primary);}
.join_info .step span:nth-child(2):before {content:'2'; margin-right:8px; border-radius:var(--radius-full); text-align:center; width:20px; height:20px; background:var(--color-line-default); display:inline-block; color:var(--color-surface-primary);}
.join_info .tb_box {margin-top:40px;}
.join_info .tb_box .guide_btn {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); margin-left: auto;}
.join_info .img_area {margin-top:124px; display:flex; flex-direction: column; align-items: center; gap:40px;}
.join_info .img_area > div {width:640px;}
.join_info .img_area > p {text-align:center; color:var(--color-brand-primary); font-size:var(--font-size-sm); line-height:17px;}


/* 소개페이지 */
.intro_page {margin-top:40px;}
.intro_page .visual {display:flex; padding:0px 0; gap:30px; justify-content:center; border-radius:var(--radius-xs); background:var(--color-surface-secondary-alt);}
.intro_page .visual .img {width:572px; height:250px; display:flex; align-items: center; justify-content: center;}
.intro_page .visual .img img {width:100%; height:100%; object-fit: contain;}
.intro_page .visual .txt_area {display:flex; flex-direction: column; justify-content: center;}
.intro_page .visual .txt_area .tit {font-size:var(--font-size-3lg); color:var(--color-brand-primary); font-weight:var(--font-weight-bold); letter-spacing: 0;}
.intro_page .visual .txt_area .tit i {display:block}
.intro_page .visual .txt_area .tit span {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}
.intro_page .visual .txt_area .stit {margin-top:30px; font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); letter-spacing: 0; color:var(--color-brand-primary);}
.intro_page .visual .txt_area .txt {margin-top:20px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); letter-spacing: 0; color:var(--color-brand-primary);}

.intro_page .intro1 {margin-top:100px; display:flex; flex-direction: column; gap:30px;}
.intro_page .intro1 > p {font-size:var(--font-size-2lg); font-weight:var(--font-weight-bold); text-align:center;}
.intro_page .intro1 .category {display:flex; flex-wrap: wrap; row-gap:30px; column-gap: 30px; justify-content: center; margin:0 auto;}
.intro_page .intro1 .category > div {box-shadow: 0 0 4px 0 rgba(26, 154, 252, 0.15); width:260px; height:194px; justify-content: center; padding:20px; display:flex; flex-direction: column; gap:10px; align-items: center;}
.intro_page .intro1 .category > div .img {width:54px; height:54px; display:flex; align-items: center; justify-content: center;}
.intro_page .intro1 .category > div .img img {width:100%; height:100%; object-fit: contain;}
.intro_page .intro1 .category > div span {text-align:center; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); color:var(--color-text-primary);}

.intro_page .intro2 {margin-top:50px; background:var(--color-surface-secondary-alt);}
.intro_page .intro2 > div {display:flex; flex-direction: column; padding:50px 0 0;}
.intro_page .intro2 > div:nth-child(2) {padding:50px 0;}
.intro_page .intro2 > div .tit {font-size:var(--font-size-3lg); letter-spacing: -0.5px; font-weight:var(--font-weight-bold); color:var(--color-text-primary); text-align:center;}
.intro_page .intro2 > div .stit {margin-top:14px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--color-text-primary); text-align:center;}
.intro_page .intro2 > div .txt {margin-top:20px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-primary); text-align:center;}
.intro_page .intro2 > div .ic_area {margin-top:20px; display:flex; gap:20px; align-items: center; justify-content: center;}
.intro_page .intro2 > div .ic_area > div {background:var(--color-surface-primary); border-radius:var(--radius-xs); width:250px; padding:60px 0; text-align: center; display:flex; flex-direction: column; align-items: center;}
.intro_page .intro2 > div .ic_area > div .img {width:76px; height:76px; margin:16px auto 0px; display:flex; align-items: center; justify-content: center;}
.intro_page .intro2 > div .ic_area > div .img img {width:100%; height:100%; object-fit: contain;}
.intro_page .intro2 > div .ic_area > div span {font-size:var(--font-size-md); width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; background:var(--color-brand-primary); color:var(--color-white); font-weight:var(--font-weight-bold);}
.intro_page .intro2 > div .ic_area > div p {margin-top:15px; font-size:var(--font-size-2md); font-weight:var(--font-weight-medium); color:var(--color-brand-primary);}



div.letter_box {display:flex; flex-direction: column; padding:30px 0 50px;}
div.letter_box .letter_title {color:var(--color-brand-primary); font-weight:var(--font-weight-bold); font-size:var(--font-size-3lg)}
div.letter_box .letter_txt {font-size:var(--font-size-sm); margin-top:20px;}
div.letter_box .tit {font-size:var(--font-size-lg); letter-spacing: -0.5px; font-weight:var(--font-weight-medium); color:var(--color-text-primary); text-align:center;}
div.letter_box .stit {margin-top:14px; font-size:var(--font-size-md); font-weight:var(--font-weight-regular); color:var(--color-text-primary); text-align:center;}
div.letter_box .txt {margin-top:20px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); color:var(--color-text-primary); text-align:center;}
div.letter_box .ic_area {margin-top:10px; padding:10px; background:var(--color-surface-secondary); display:flex; gap:10px; align-items: center; justify-content: center;}
div.letter_box .ic_area > div {background:var(--color-surface-primary); border-radius:var(--radius-xs); width:250px; height:266px; padding:40px 0; text-align: center; display:flex; flex-direction: column; align-items: center;}
div.letter_box .ic_area > div .img {width:76px; height:76px; margin:16px auto 0px; display:flex; align-items: center; justify-content: center;}
div.letter_box .ic_area > div .img img {width:100%; height:100%; object-fit: contain;}
div.letter_box .ic_area > div span {font-size:var(--font-size-md); width:28px; height:28px; line-height:28px; text-align:center; border-radius:50%; background:var(--color-brand-primary); color:var(--color-white); font-weight:var(--font-weight-bold);}
div.letter_box .ic_area > div p {margin-top:15px; font-size:var(--font-size-2md); font-weight:var(--font-weight-medium); color:var(--color-brand-primary);}
div.letter_box .ic_area > div p i {display:block; font-size:var(--font-size-xs)}

.intro_page .btn {margin-top:80px; display:flex; flex-direction: column; gap:30px; align-items: center;}
.intro_page .btn p {font-size:var(--font-size-2lg); font-weight:var(--font-weight-regular); text-align: center;}
.intro_page .btn p span {font-weight:var(--font-weight-medium); display:block; font-size:var(--font-size-2lg);}
.intro_page .btn .btn_home {width:196px; height:36px; line-height:36px; background:var(--color-brand-primary); border-radius:var(--radius-xs); text-align:center; color:var(--color-surface-primary); font-size:var(--font-size-sm); font-weight:var(--font-weight-bold);}

/* 상품상세 */
.product_detail {
    margin-top:40px;
    padding-bottom:40px;
    display:grid; 
    grid-template-columns: 400px 460px;
    grid-template-areas:
    "info info"
    "img_area option";
    row-gap:42px;
    column-gap:0px;
    justify-content: center;
    border-bottom:1px solid var(--color-line-default)
}
.product_detail .info {grid-area:info;}
.product_detail .info .brand {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-primary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_detail .info .product {margin-top:20px; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-text-primary);  word-break: break-all;}
.product_detail .info .price_box {margin-top:20px; display:flex; flex-direction: row; align-items: center;}
.product_detail .info .price_box .standard {position:relative; padding:0 0px; font-size:var(--font-size-xxs); text-decoration: line-through; line-height:14px; color:var(--color-line-default); font-weight:var(--font-weight-medium);}
.product_detail .info .price_box .standard:after {content:''; position:relative; top:4px; width:9px; height:9px; background:url(/images/common/arrow3-p-2667925e155fa329cefed47448d1e0df.png); display:inline-block;}
.product_detail .info .price_box .discount {margin-left:4px; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}
.product_detail .info .discount_price {margin-top:4px; display:block; font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-text-primary); line-height:100%;}

.product_detail .img_area {grid-area:img_area; padding:26px 75px; width:400px; display:flex; align-items: center; justify-content: center;}
.product_detail .img_area .img {width:250px; height:250px; position:relative; display:flex; align-items: center; justify-content: center;}
.product_detail .img_area .img:before {z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:var(--color-white);}

.product_detail .option {grid-area:option; position:relative;}
.product_detail .option .price {display:flex; width:460px; flex-wrap:nowrap; gap:8px; position:absolute; top:0px; left:0px; overflow-x:auto;}
.product_detail .option .price * {flex:0 0 72px; cursor:pointer; height:32px; line-height:30px; text-align:center; border-radius:var(--radius-xs); border:1px solid var(--color-text-default); font-size:var(--font-size-sm); color:var(--color-text-default);}
.product_detail .option .price *.on {border:1px solid var(--color-brand-primary); color:var(--color-brand-primary);}
.product_detail .option .guide {margin-top:48px; display:flex; flex-direction: column; gap:11px; padding:6px 12px;}
.product_detail .option .guide > div {display:flex; justify-content: space-between;}
.product_detail .option .guide > div > span:nth-child(1) {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); line-height:100%; color:var(--color-text-default);}
.product_detail .option .guide > div > span:nth-child(2) {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:100%; color:var(--color-text-default)}
.product_detail .option .quantity {margin-top:8px; border-top:1px solid var(--color-line-default); display:flex; flex-direction: column; gap:10px; padding:6px 12px;}
.product_detail .option .quantity > div {display:flex; justify-content: space-between; align-items: center;}
.product_detail .option .quantity > div > span {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); line-height:100%; color:var(--color-text-default);}
.product_detail .option .quantity > div > div {display:flex;}
.product_detail .option .quantity > div > div input {border:none; background:none; width:42px; text-align:center; font-size:var(--font-size-md);}
.product_detail .option .quantity > div > div .btn_down {width:32px; height:32px; background:url(/images/common/bt-minus-49bd75b574577804ad379b97391e55cd.png) no-repeat 0 0; background-size:32px 32px; cursor: pointer;}
.product_detail .option .quantity > div > div .btn_up {width:32px; height:32px; background:url(/images/common/bt-plus-065ecb8aaa1f6ba94eb532648eb57236.png) no-repeat 0 0; background-size:32px 32px; cursor: pointer;}
.product_detail .option .quantity > div .total_price {color:var(--color-brand-primary);}

.product_detail .option .btn {display:flex; gap:8px; margin-top:30px;}
.product_detail .option .btn .btn_cart {width:226px; height:44px; line-height:42px; text-align:center; box-sizing:border-box; border-radius:var(--radius-xs); border:1px solid var(--color-brand-primary); color:var(--color-brand-primary); font-weight:var(--font-weight-bold);}
.product_detail .option .btn .btn_buy {width:226px; height:44px; line-height:44px; text-align:center; box-sizing:border-box; border-radius:var(--radius-xs); color:var(--color-surface-primary); background:var(--color-brand-primary); font-weight:var(--font-weight-bold);}

.product_guide {margin:40px auto 0; width:860px; display:flex; flex-direction: column; gap:40px;}
.product_guide h6 {font-weight:var(--font-weight-bold); font-size:var(--font-size-md); line-height:100%; color:var(--color-text-default);}
.product_guide h6.bg {display:inline-flex; align-self:flex-start; padding:6px 10px; background:var(--color-surface-muted);}

.product_guide .select_list_guide {margin-top:var(--spacing-md);}
.product_guide .select_list_guide li {color:var(--color-text-default); font-size:var(--font-size-xs); font-weight:var(--font-weight-regular);}

.product_guide .select_product_list {margin-top:var(--spacing-xl);}
.product_guide .select_product_grid {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:var(--spacing-sm);}
.product_guide .select_product_card {display:flex; flex-direction:column; align-items:center; gap:var(--spacing-md); padding:var(--spacing-md) var(--spacing-sm) var(--spacing-4xl); background:var(--color-surface-primary); border-radius:var(--radius-xs);}
.product_guide .select_product_tag {margin-left:auto; display:inline-flex; align-items:center; justify-content:center; padding:var(--spacing-xxs) var(--spacing-md); border:1px solid var(--color-brand-primary); border-radius:var(--radius-pill); font-size:var(--font-size-sm); font-weight:var(--font-weight-bold); color:var(--color-brand-primary); line-height:1; background:var(--color-surface-primary);}
.product_guide .select_product_thumb {width:80px; height:80px; border-radius:var(--radius-xs); border:1px solid var(--color-surface-muted); display:flex; align-items:center; justify-content:center; background:var(--color-surface-primary); overflow:hidden;}
.product_guide .select_product_thumb img {width:100%; height:100%; object-fit:contain;}
.product_guide .select_product_name {min-height:42px; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); line-height:18px; color:var(--color-text-default); text-align:center; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all;}

.product_guide .warning_box {border-radius:var(--radius-lg); padding:12px; background:var(--color-support-warning); display:flex; flex-direction: column; gap:8px;}
.product_guide .warning_box span {font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-highlight); line-height:100%;}
.product_guide .warning_box p {font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:17px; color:var(--color-highlight)}

.product_guide .img_detail {display:flex; flex-direction: column; gap:10px;}
.product_guide .img_detail > div {display:flex; gap:20px; flex-direction: column;}
.product_guide .img_detail > div > .img {width:354px; height:236px; border-radius:var(--radius-lg); position:relative; display:flex; align-items: center; justify-content: center;}
.product_guide .img_detail > div > .img img {width:100%; height:100%; object-fit: contain;}
.product_guide .img_detail > div > .img:before {z-index:-1; background:#fff; position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.product_guide .img_detail > div > p {width:486px; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); line-height:140%; color:var(--color-text-default);}

.product_guide .view_area {display:flex; flex-direction: column; gap:40px;}
.product_guide .view_area .imgs {display:flex; gap:11px; flex-wrap:nowrap; overflow-x:auto;}
.product_guide .view_area .imgs .img {width:76px; height:76px; flex:0 0 76px; overflow:hidden; border-radius:var(--radius-xs); display:flex; align-items: center; justify-content: center;}
.product_guide .view_area .imgs .img img {opacity:.7; width:100%; height:100%; object-fit: contain;}
.product_guide .view_area .imgs .img:hover,
.product_guide .view_area .imgs .img.on {cursor:pointer; border:1px solid var(--color-brand-primary);}
.product_guide .view_area .imgs .img:hover img,
.product_guide .view_area .imgs .img.on img {transform: scale(1.1); transition:all 0.3s; opacity:1;}
.product_guide .view_area > .img {width:424px; height:auto; margin:0 auto 0;}
.product_guide .view_area > .img img {width:100%; height:100%; object-fit: contain;}

.product_guide .guide_txt {display:flex; flex-direction: column; gap:12px;}
.product_guide .guide_txt div p {padding-left:14px; font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); line-height:140%; position:relative; color:var(--color-text-default);}
.product_guide .guide_txt div p:before {display:none; content:''; width:2px; height:2px; background:var(--color-text-default); position:absolute; top:6px; left:4px;}

.product_guide .brand_info {display:flex; flex-direction: column; gap:12px;}
.product_guide .brand_info > div {display:flex; gap:8px; padding:10px; border:1px solid var(--color-line-default); border-radius:var(--radius-xs); align-items: center;}
.product_guide .brand_info > div .img {width:200px; height:200px; border-radius:var(--radius-xs); position:relative; display:flex; align-items: center; justify-content: center;}
.product_guide .brand_info > div .img img {width:100%; height:100%; object-fit: contain;}
.product_guide .brand_info > div .img:before {z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:var(--color-white);}
.product_guide .brand_info > div .txt {width:732px; display:flex; flex-direction: column; gap:12px;}
.product_guide .brand_info > div .txt span {font-weight:var(--font-weight-bold); font-size:var(--font-size-sm); color:var(--color-text-default);}
.product_guide .brand_info > div .txt p {color:var(--color-text-default); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); line-height:140%;}

.product_guide .brand_product {display:flex; flex-direction: column; gap:12px;}
.product_guide .brand_product .list {display:flex; position:relative; flex-wrap:wrap; gap:24px;}
.product_guide .brand_product .list .item {display:flex; flex-direction: column; position:relative; padding:0 15px; width:282px; height:420px; border-radius:var(--radius-lg); border:1px solid var(--color-line-default); box-sizing: border-box;}
.product_guide .brand_product .list .item .img {margin-top:15px; width:250px; height:250px; border-radius:var(--radius-lg); position:relative; display:flex; align-items: center; justify-content: center;}
.product_guide .brand_product .list .item .img:before {z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:var(--color-white);}

.product_guide .brand_product .list .item .mark {margin-top:8px; display:flex; justify-content: flex-end; gap:10px;}
.product_guide .brand_product .list .item .mark > span {width:40px; height:18px; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); text-align:center; border-radius:var(--radius-4xl);}
.product_guide .brand_product .list .item .mark .new {border:1px solid var(--color-brand-primary); color:var(--color-brand-primary);}
.product_guide .brand_product .list .item .mark .hot {color:var(--color-surface-primary); background:var(--color-brand-primary);}
.product_guide .brand_product .list .item .brand {margin-top:4px; font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); color:var(--color-text-subtle); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_guide .brand_product .list .item .product {height:40px; margin-top:4px; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all;}
.product_guide .brand_product .list .item .price_box {margin-top:4px; display:flex; flex-direction: row; align-items: center;}
.product_guide .brand_product .list .item .price_box .standard {position:relative; padding:0 0px; font-size:var(--font-size-xxs); text-decoration: line-through; color:var(--color-line-default); font-weight:var(--font-weight-medium);}
.product_guide .brand_product .list .item .price_box .standard:after {content:''; position:relative; top:4px; width:9px; height:9px; background:url(/images/common/arrow3-p-2667925e155fa329cefed47448d1e0df.png); display:inline-block;}
.product_guide .brand_product .list .item .price_box .discount {margin:2px 0 0 4px; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}
.product_guide .brand_product .list .item .price_box .discount i {font-size:var(--font-size-2xs); font-weight:var(--font-weight-medium);}
.product_guide .brand_product .list .item .discount_price {position:absolute; bottom:12px; left:15px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.product_guide .brand_product .list .item .discount_price i {margin-left:4px; font-size:var(--font-size-xxs); font-weight:var(--font-weight-medium); color:var(--color-line-default)}


/* 메인페이지 */
main {width:1200px; margin:0 auto 110px;}
main .main_banner {max-width:1200px; margin:60px auto 0; overflow:hidden; position:relative; height:370px;}
main .main_banner .baner_area {height:310px; max-width:1200px; margin:0 auto; border-radius:var(--radius-3xl); overflow: hidden;}
main .main_banner.promotion .baner_area {max-width:1200px; border-radius:var(--radius-3xl); overflow:hidden;}
main .main_banner .baner_area .mySwiper {overflow:visible;}
main .main_banner .mo {display:none !important;}
main .main_banner .swiper-pagination {text-align:left;}
main .main_banner .swiper-pagination-bullet {background:var(--color-surface-muted); width:12px; height:12px;}
main .main_banner .swiper-pagination-bullet-active {background:var(--color-brand-primary);}

main .line {display:block; height:8px; background:var(--color-surface-secondary); position:absolute; top:588px; left:0px; width:100%;}
main .line.none {display:none;}

main .product_wrap {gap:30px; display:flex; flex-direction: column;}
main .product_wrap.special {margin-top:80px;}
main .product_wrap.special.promotion {margin-top:40px;}
main .product_wrap.budget {margin-top:80px;}
main .product_wrap .list {display:flex; position:relative; flex-wrap:wrap; gap:24px;}

main .product_wrap.special {display:none;}
main .product_wrap.special.is-active {display:flex;}
main .product_wrap .list .item {display:flex; flex-direction: column; position:relative; padding:0 15px; width:282px; height:420px; border-radius:var(--radius-lg); border:1px solid var(--color-line-default); box-sizing: border-box;}
main .product_wrap .list .item .img {margin-top:15px; width:250px; height:250px; border-radius:var(--radius-lg); position:relative; display:flex; align-items: center; justify-content: center;}
main .product_wrap .list .item .img img {width:100%; height:100%; object-fit: contain;}
main .product_wrap .list .item .img:before {z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:var(--color-white);}
main .product_wrap .list .item .mark {margin-top:8px; display:flex; justify-content: flex-end; gap:10px;}
main .product_wrap .list .item .mark > span {width:40px; height:18px; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); text-align:center; border-radius:var(--radius-4xl);}
main .product_wrap .list .item .mark .new {border:1px solid var(--color-brand-primary); color:var(--color-brand-primary);}
main .product_wrap .list .item .mark .hot {color:var(--color-surface-primary); background:var(--color-brand-primary);}
main .product_wrap .list .item .brand {margin-top:4px; font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); color:var(--color-text-subtle); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
main .product_wrap .list .item .product {margin-top:4px; height:40px; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all;}
main .product_wrap .list .item .price_box {margin-top:8px; display:flex; flex-direction: row; align-items: center;}
main .product_wrap .list .item .price_box .standard {position:relative; padding:0 0px; font-size:var(--font-size-xxs); text-decoration: line-through; color:var(--color-line-default); font-weight:var(--font-weight-medium);}
main .product_wrap .list .item .price_box .standard:after {content:''; position:relative; top:4px; width:9px; height:9px; background:url(/images/common/arrow3-p-2667925e155fa329cefed47448d1e0df.png); display:inline-block;}
main .product_wrap .list .item .price_box .discount {margin:2px 0 0 4px; font-size:var(--font-size-xs); font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}
main .product_wrap .list .item .price_box .discount i {font-size:var(--font-size-2xs); font-weight:var(--font-weight-medium);}
main .product_wrap .list .item .discount_price {position:absolute; bottom:12px; left:15px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
main .product_wrap .list .item .discount_price i {margin-left:4px; font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); color:var(--color-line-default)}

main .product_wrap .option {display:flex; gap:17px;}
main .product_wrap .option > * {padding:0 24px; cursor:pointer; height:60px; line-height:60px; background:var(--color-surface-muted); text-align:center; border-radius:100px; color:var(--color-text-subtle); font-size:var(--font-size-lg-alt); font-weight:var(--font-weight-regular); white-space:nowrap; word-break:keep-all;}
main .product_wrap .option > *.on {color:var(--color-brand-primary); font-weight:var(--font-weight-bold); background:var(--color-surface-secondary);}
main .product_wrap .list_option {margin-top:10px; width:116px;}

main .brand_wrap {margin-top:80px; gap:30px; display:flex; flex-direction: column;}
main .brand_wrap .img {width:180px; height:180px; box-sizing: border-box; border-radius:var(--radius-3xl); border:1px solid var(--color-line-default); overflow:hidden; position:relative; display:flex; align-items: center; justify-content: center;}
main .brand_wrap .img img {width:100%; height:100%; object-fit: contain;}

main .category_wrap {margin-top:80px; gap:30px; display:flex; flex-direction: column;}
main .category_wrap .list {display:flex; flex-wrap:wrap; gap:22px; justify-content: center; align-items: center; }
main .category_wrap a {text-align:center; display:flex; flex-direction: column; gap:10px;}
main .category_wrap .img {width:128px; height:128px; position:relative; display:flex; align-items: center; justify-content: center;}
main .category_wrap .img img {width:100%; height:100%; object-fit: contain;}
main .category_wrap a > span {font-size:var(--font-size-md); line-height:19px; font-weight:var(--font-weight-regular); color:var(--color-text-subtle);}


/* 메인배너 */
.main_banner .swiper-slide {height:310px; text-align: center; background: var(--color-overlay-strong); display: flex; justify-content: center; align-items: center; border-radius:var(--radius-3xl); overflow:hidden;}
.main_banner .swiper-slide img {display: block; width: 100%; height:100%;}

/* 기획전 */
.product_wrap .swiper-slide {display: flex; justify-content: center; align-items: center;}
.product_wrap .swiper-slide img {display: block; width: 100%; height:100%; object-fit: contain;}
.product_wrap .swiper-button-prev,
.product_wrap .swiper-button-next {width:17px; height:30px;}
.product_wrap .swiper-button-prev svg,
.product_wrap .swiper-button-next svg {display:none;}
.product_wrap .swiper-button-prev {left:-24px; background:url(/images/common/arrow1-l-b-60dba0bae7ee63ebfd55b2278e49a624.png) no-repeat 0 0; background-size:17px 30px;}
.product_wrap .swiper-button-next {right:-24px; background:url(/images/common/arrow1-r-b-2162349617d0fa096eab5dadc6a8ffc0.png) no-repeat 0 0; background-size:17px 30px;}
.product_wrap .swiper-button-prev.swiper-button-disabled {opacity:1; background:url(/images/common/arrow1-l-79b4dc8d5052731d5f01f87e0a93208b.png) no-repeat 0 0; background-size:17px 30px;}
.product_wrap .swiper-button-next.swiper-button-disabled {opacity:1;  background:url(/images/common/arrow1-r-0216e7f736531488df3d614364264693.png) no-repeat 0 0; background-size:17px 30px;}

/* 브랜드별 상품 */
.brand_product .swiper-button-prev,
.brand_product .swiper-button-next {width:17px; height:30px;}
.brand_product .swiper-button-prev svg,
.brand_product .swiper-button-next svg {display:none;}
.brand_product .swiper-button-prev {left:-24px; background:url(/images/common/arrow1-l-b-60dba0bae7ee63ebfd55b2278e49a624.png) no-repeat 0 0; background-size:17px 30px;}
.brand_product .swiper-button-next {right:-24px; background:url(/images/common/arrow1-r-b-2162349617d0fa096eab5dadc6a8ffc0.png) no-repeat 0 0; background-size:17px 30px;}
.brand_product .swiper-button-prev.swiper-button-disabled {opacity:1; background:url(/images/common/arrow1-l-79b4dc8d5052731d5f01f87e0a93208b.png) no-repeat 0 0; background-size:17px 30px;}
.brand_product .swiper-button-next.swiper-button-disabled {opacity:1;  background:url(/images/common/arrow1-r-0216e7f736531488df3d614364264693.png) no-repeat 0 0; background-size:17px 30px;}

.pre-line {white-space: pre-line;}
@media all and (max-width:768px){

/* 카레고리, 브랜드 */
main .search_category_area {margin-top:30px; gap:8px;}
main .search_category_area .list {row-gap:26px; column-gap:calc((100% - 252px) / 2); padding:0 6px 10px 6px; justify-content: center;}
main .search_category_area a {gap:8px;}
main .search_category_area .img {width:84px; height:84px; position:relative;}
main .search_category_area a > span {font-size:var(--font-size-xs); line-height:14px;}

main .search_brand_area {margin-top:30px; gap:8px;}
main .search_brand_area .list {row-gap:18px; column-gap:calc((100% - 288px) / 2); padding:0 6px 10px 6px; justify-content: center;}
main .search_brand_area .img {width:96px; height:96px; border-radius:var(--radius-xs);}
    

/* 고객센터 */
.notice_area {margin-top:20px;}
.notice_area .search {padding:0 0px;}
.notice_area .search span {display:none;}
.notice_area .search + .notice {margin-top:10px;}
.notice_area .search > div {height:28px;}
.notice_area .search > div button {top:3px; right:10px; width:20px; height:20px; background:url(/images/common/ic_search_notice-2e3535d3ee02a0172713d6a0bc2caa93.png) no-repeat 0px 0px; background-size:20px 20px;}
.notice_area .notice .notice_header {display:none;}
.notice_area .notice .notice_list {border-top:1px solid var(--color-brand-primary);}
.notice_area .notice .notice_list > * {gap:16px; padding:16px 0px; border-bottom:1px solid var(--color-line-default); flex-direction: column; align-items: flex-start;}
.notice_area .notice .notice_list > * .notice_title {width:100%; padding-right:0; color:var(--color-text-primary); font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.notice_area .notice .notice_list > * > div .notice_date {font-size:var(--font-size-xs); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}
.notice_area .notice .notice_list > * > div .notice_view {font-size:var(--font-size-xs);}
.notice_area .notice .notice_list > * > div {flex: 0 0 0; gap:20px;}
.notice_area .notice .notice_read {border-top:1px solid var(--color-brand-primary);}
.notice_area .notice .notice_read > div.notice_head > div {flex:0 0 auto; gap:20px; }
.notice_area .notice .notice_read > div {font-size:var(--font-size-xs); border-top:1px solid var(--color-line-default); border-bottom:1px solid var(--color-line-default); word-break: break-all;}
.notice_area .notice .notice_read > div.notice_head {gap:16px; border-top:none; padding:16px 0px; border-bottom:none; flex-direction: column; align-items: flex-start;}
.notice_area .notice .notice_read > div.notice_body {gap:16px; font-size:var(--font-size-xs); padding:16px 0px; border-bottom:none; flex-direction: column; align-items: flex-start;}
.notice_area .notice .notice_read > div.notice_body * {font-size:var(--font-size-xs);}
.notice_area .notice .notice_read > div.notice_head .notice_title {font-size:var(--font-size-xs); padding-right:0; font-weight:var(--font-weight-bold); width:100%; min-width:0; white-space:normal; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden;}
.notice_area .notice .notice_read > div.notice_body > div {flex: 0 0 0; gap:20px;}
.notice_area .notice .notice_read > div.notice_head > div .notice_date {font-size:var(--font-size-xs); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}
.notice_area .notice .notice_read > div.notice_head > div .notice_view {margin-left:auto; font-size:var(--font-size-xs); color:var(--color-text-muted); font-weight:var(--font-weight-regular);}


.notice_area .qa {display:flex; flex-direction: column; border-top:1px solid var(--color-line-default);}
.notice_area .qa .q {cursor:pointer;}
.notice_area .qa .q {padding:20px 16px 20px 16px; gap:40px;}
.notice_area .qa .q:before {flex:0 0 20px}
.notice_area .qa .q p {font-size:var(--font-size-xs); white-space:normal; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.notice_area .qa .q:after {flex:0 0 15px;}
.notice_area .qa .q.on {border-bottom:1px solid var(--color-line-default)}
.notice_area .qa .q.on:after {transform: rotate(-180deg);}
.notice_area .qa .a {background:var(--color-surface-primary); padding:20px 16px}
.notice_area .qa .a:before {flex:0 0 20px;}

.notice_area .inq {border-top:1px solid var(--color-border-accent);}
.notice_area .inq .row {padding:16px 16px 16px 16px; gap:16px;}
.notice_area .inq .row .date {font-size:var(--font-size-xs);}
.notice_area .inq .row .date span {font-size:var(--font-size-xs);}
.notice_area .inq .row > p {font-size:var(--font-size-xs); overflow:visible; text-overflow:clip; white-space:normal;}
.notice_area .inq .row > div > span {font-size:var(--font-size-xs);}

.notice_area .inq .row_qa .q,
.notice_area .inq .row_qa .a {padding:10px 16px;}

.notice_area .write > div {flex-direction: column; align-items: flex-start; padding:8px 0px; gap:8px;}
.notice_area .write > div > span {font-size:var(--font-size-xs); flex:0 0 auto;}
.notice_area .write > div textarea {height:214px}
.notice_area .write > div.column {gap:8px;}
.notice_area .write > div.column > span {flex: 0 0 auto;}
.notice_area .write > div > div .file-upload-button {height:28px; line-height:28px; position:relative; position:absolute; top:0px; right:0px; background:var(--color-brand-primary); display:flex; align-items: center; justify-content: center; padding:0 12px; border-radius:var(--radius-xs); color:var(--color-surface-primary); cursor: pointer;}
.notice_area .write > div > div .file-upload-button:before {content:''; width:14px; height:11px; background:url(/images/common/ic_file_upload-0fb84eb9afde9472a910e2e045b2ed61.png) no-repeat 0 0; background-size:14px 11px;}
.notice_area .write > div > div {flex:auto; width:100%;}

.date_area.customer {flex-direction: column; justify-content: flex-start; align-items: flex-end; gap:20px; margin-top:30px;}
.date_area.customer .btn_inq {height:24px; line-height:24px; padding:0 8px; font-size:var(--font-size-sm);}
.date_area.customer > div {display:flex; align-items: center; gap:40px;}


/* 배송등록 */
.wrap .delivery_area {padding:20px 18px 50px;}
.wrap .delivery_ps .giftto_logo,
.wrap .delivery_area .giftto_logo {width: 107px; height: 32px; margin: 0px 0 20px;}
.wrap .delivery_ps h4,
.wrap .delivery_area > h4 {font-size:var(--font-size-md); line-height:19px;}
.delivery_area .state_img {width:calc(100% - 140px); height:auto;}
.wrap .delivery_area .delivery_guide {margin-top:6px;}
.wrap .delivery_area .delivery_guide span {font-size:var(--font-size-sm); line-height:17px;}
.wrap .delivery_area .delivery_guide ul li {font-size:var(--font-size-xs); padding-left: 14px; }
.wrap .delivery_area .delivery_guide ul li:before {top: 8px;}
.wrap .delivery_area .delivery_info {margin-top: 40px; display: flex; flex-direction: column; gap: 30px;}
.wrap .delivery_area .delivery_info > div {display:flex; flex-direction: column; gap:8px;}
.wrap .delivery_area .delivery_info > div .info_label {font-size:var(--font-size-sm); line-height:17px;}
.wrap .delivery_area .delivery_info > div .info_entry {font-size:var(--font-size-sm); line-height:17px;}
.wrap .delivery_area .delivery_info > div .info_entry.row {display:flex; flex-direction: row; gap:8px; align-items: center;}
.wrap .delivery_area .agree {margin-top:20px; display:flex; align-items: center; justify-content: center;}

.delivery_area.delivery_ps .ps_check {width:calc(100% - 84px);}
.delivery_area.delivery_ps .btn {gap:8px;}
.delivery_area.delivery_ps .btn .btn_typeA {height:36px; line-height:36px; font-size:var(--font-size-sm);}

.delivery_area .delivery_state {margin-top:50px;}
.delivery_area .delivery_state > div .row .info_label {font-size:var(--font-size-sm);}
.delivery_area .delivery_state > div .row .info_entry {width:calc(100% - 124px); font-size:var(--font-size-sm);}


/* 장바구니 */
.cart_area {margin-top:20px;}
.cart_area .tb_list_box.typeA .tb_header {display:none}
.cart_area .tb_list_box.typeA .tb_body {border:none; gap:8px; display:flex; flex-direction: column;}
.cart_area .tb_list_box.typeA .tb_body .tb_row {
    border:1px solid var(--color-line-default);
    border-radius:var(--radius-lg);
    width:100%;
    display:grid;
    grid-template-columns: 88px 1fr;
    grid-template-areas:
        "title title"
        "img quantity"  
        "img date"
        "img select"
        "img delete"
        "img price";
    gap: 8px;
    padding: 8px;
    box-sizing: border-box;
    position:relative;
}
.cart_area .tb_list_box.typeA .tb_body .tb_row.on {border-color:var(--color-brand-primary);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title {grid-area: title; gap: 9px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title .brand {font-size:var(--font-size-xs); padding-left:24px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title .product {font-size:var(--font-size-sm);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .img {grid-area: img; width: 84px; height: 84px; border-radius:var(--radius-xl); overflow: hidden; flex-shrink: 0; margin:0;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity {grid-area: quantity; display: flex; gap: 4px; justify-content:flex-start; align-self: flex-start;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .price {grid-area: price; display: flex; flex-direction: row; align-items: flex-end; gap: 4px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .price span {font-size:var(--font-size-sm);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .price p {font-size:var(--font-size-2xs);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .date {grid-area: date; display: flex; flex-direction: column; gap:4px; align-items: flex-end; position:absolute; bottom:-42px; right:0px; font-size:var(--font-size-xxs); line-height: 12px; word-break: break-word;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .date .tit {display:block; font-size:var(--font-size-xxs); color:var(--color-text-default);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .select {display: flex; position:absolute; top:8px; left:8px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete {grid-area: delete; display: flex; flex-direction: column; gap:4px; position:absolute; bottom:26px; right:0px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .btn_delete span {display:none;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .tit {display:block; font-size:var(--font-size-xxs); color:var(--color-text-default);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title .brand {font-size:var(--font-size-xs); line-height: 14px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .title .product {font-size:var(--font-size-sm-alt); line-height: 15px; -webkit-line-clamp: 2; line-clamp:2; height:32px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity {display:flex; flex-direction: column;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity > div {justify-content: flex-start;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity .tit {display:block; font-size:var(--font-size-xxs); color:var(--color-text-default);}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity input {font-size:var(--font-size-xs); width:26px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity .btn_down {width:20px; height:20px; background-size:20px 20px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .quantity .btn_up {width:20px; height:20px; background-size:20px 20px;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .btn_delete:before {width: 19px; height: 19px; background-size: 19px 19px;  margin-bottom: 0;}
.cart_area .tb_list_box.typeA .tb_body .tb_row .delete .btn_delete span {font-size:var(--font-size-xs-alt); line-height: 13px;}


.verify_area {background:#fff; padding:0 0px;}
.verify_area .check {border-radius:0px; padding:0px 56px; gap:0px;}
.verify_area .check .giftto_logo {display:none}
.verify_area .check h4 {font-size:var(--font-size-md);}
.verify_area .check .error_box {margin-top:20px; border-radius:8px; padding:8px;}
.verify_area .check .error_box ul li {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:#FF7676; padding-left:16px; line-height:14px; position: relative; line-height:20px; word-wrap:break-word;}
.verify_area .check .error_box ul li:before {content: ''; position: absolute; top: 9px; left: 6px; width: 3px; height:3px; background:#FF7676; background-size: 2px 2px;}
.verify_area .check .txt_guide_box {margin-top:20px; border-radius:8px; background:#F7F7F7; padding:12px;}
.verify_area .check .txt_guide_box ul li {font-size:var(--font-size-xs); padding-left:16px; line-height:14px; position: relative; line-height:20px; word-wrap:break-word;}
.verify_area .check .txt_guide_box ul li:before {content: ''; position: absolute; top: 9px; left: 6px; width: 3px; height:3px; background:#9B9B9B; background-size: 2px 2px;}

.verify_area .check .btn {gap:20px; margin-top:40px;}
.verify_area .check .btn .btn_typeA {height:36px; line-height:36px; border-radius:4px; font-size:var(--font-size-sm);}
.verify_area .check .btn .btn_typeB {height:36px; line-height:36px; border-radius:4px; font-size:var(--font-size-sm);}

.verify_area .steps .step {font-size:var(--font-size-xs);}
.verify_area .steps .index {width:16px; height:16px; font-size:var(--font-size-xs);}
.verify_area .steps .label {font-size:var(--font-size-xs);}

.verify_area .info {margin-top:40px; display:flex; flex-direction: column; gap:0px;}
.verify_area .info .label {margin-top:40px; font-size:var(--font-size-sm);}
.verify_area .info .txt_error {font-size:var(--font-size-xs); padding-left:0px;}
.verify_area .info .custom-select.typeC,
.verify_area .info .input-field.typeB {margin-top:20px;}

.verify_area .option_box a {font-size:var(--font-size-sm);}

.terms {margin:0px 0 100px; padding:0 0px;}
.terms_section {gap:0px;}
.terms_text_emphasis {margin-top:20px;}
.terms_container {gap:32px;}
.terms_content {gap:0px;}
.terms_text,
.terms_list {font-size:var(--font-size-xs); line-height:1.6;}
.terms_list li {font-size:var(--font-size-xs);}
.privacy {margin:40px 0 100px; padding:0 0px;}
.privacy_container {gap:28px;}
.privacy_title {font-size:var(--font-size-xs);}
.privacy_text {font-size:var(--font-size-xs); line-height:1.6; font-weight:var(--font-weight-regular);}
.privacy_list {padding-left:20px; gap:6px; font-size:var(--font-size-xs); line-height:1.6;}
.privacy_list li {font-size:var(--font-size-xs); line-height:1.6; font-weight:var(--font-weight-regular)}
.privacy_list_sub {padding-left:18px;}

.business {margin:20px 0 100px; padding:0 0px;}
.business_table {border-top:1px solid #1A9AFC;}
.business_table .business_row {flex-direction: column; border-bottom:1px solid #C9C9C9; display:flex; align-items: stretch;}
.business_table .business_row .business_label {padding:6px; width:100%; border-bottom:1px solid #C9C9C9;}
.business_table .business_row .business_content {flex:1; padding:20px 12px; min-height:34px;}
.business_table .business_row .business_content p {font-size:var(--font-size-xs);}

.account_pw {margin:80px 0 100px; padding:0 16px;}
.account_pw .title.sub {margin-bottom:24px;}
.account_pw .panel {gap:24px;}
.account_pw .tab_main {height:48px; font-size:var(--font-size-md);}
.account_pw .tabs_sub {gap:10px;}
.account_pw .tab_sub {font-size:var(--font-size-sm);}
.account_pw .row {flex-direction:column; min-height:0;}
.account_pw .label {flex:none; width:100%; padding:16px 20px; border-bottom:1px solid var(--color-line-light);}
.account_pw .field {width:100%; padding:16px 20px;}
.account_pw .input {width:100%;}
.account_pw .actions {flex-direction:column; gap:10px;}
.account_pw .button {width:100%;}
.account_pw_modal {padding:56px 24px; min-height:100vh;}
.account_pw_modal .box {max-width:400px; gap:24px;}
.account_pw_modal .box::before {width:52px; height:52px; top:28px; left:50%; transform:translateX(-50%);}
.account_pw_modal .box::after {width:22px; height:22px; top:46px; left:50%; transform:translateX(-50%);}
.account_pw_modal .message {margin-top:0;}
.account_pw_modal .actions {flex-direction:column; align-items:stretch; gap:12px;}
.account_pw_modal .actions + .actions {margin-top:12px; padding-top:12px;}
.account_pw_modal .btn {width:100%; min-width:0; flex:none;}
.error_page {padding:120px 16px 160px; gap:24px;}
.error_page_visual {width:220px; height:220px;}
.error_page_msg {font-size:var(--font-size-xs); line-height:16px;}
.error_page_btns .btn_main {width:200px; height:44px; line-height:44px;}
.payment_error {padding:120px 20px 140px;}
.payment_error_img {width:220px; height:220px;}
.payment_error_msg {font-size:var(--font-size-xs); line-height:16px;}
.payment_error .btn .btn_main {width:200px; height:44px; line-height:44px;}
.payment_complete {padding-bottom:80px;}
.payment_complete_status {margin:30px 0 40px;}
.payment_complete_visual img {width:220px; height:104px;}
.payment_complete_delivery {padding:24px 0 32px;}
.payment_complete_row {flex-direction:column; align-items:flex-start; gap:16px; padding:0 0 20px;}
.payment_complete_url {max-width:100%; gap:16px; width:100%;}
.payment_complete_actions {width:100%; justify-content:flex-start; flex-wrap:wrap;}
.payment_complete_email {max-width:100%; width:100%;}
.payment_complete_lang button {width:92px;}
.payment_complete_send {width:84px;}
.payment_complete_sns_page .payment_complete_delivery {gap:24px;}
.payment_sns_heading {font-size:var(--font-size-sm);}
.payment_sns_steps {flex-direction:column; gap:16px;}
.payment_sns_arrow {transform:rotate(90deg);}
.payment_sns_row {padding:0 0 20px;}
.payment_sns_row .payment_complete_url {max-width:100%;}
.payment_sns_row .payment_complete_actions {width:100%; justify-content:flex-start; flex-wrap:wrap;}
.payment_sns_channels {gap:30px;}
.payment_complete_confirmed .title.sub {margin-top:40px; margin-bottom:24px;}
.payment_confirmed {margin:30px 0 60px;}
.payment_confirmed .payment_complete_visual img {width:220px; height:104px;}
.payment_credit .title.sub {margin-top:40px;}
.payment_credit_product {margin-bottom:30px; padding:16px 0; gap:16px;}
.payment_credit_product .row {grid-template-columns:1fr; gap:16px;}
.payment_credit_product .row.head {display:none;}
.payment_credit_product .col {justify-content:flex-start;}
.payment_credit_product .product {gap:16px;}
.payment_credit_product .thumb {width:64px; height:64px;}
.payment_credit_product .col.qty,
.payment_credit_product .col.price,
.payment_credit_product .col.deadline {font-size:var(--font-size-sm);}
.payment_credit_method {flex-direction:column; padding:24px;}
.payment_credit_col_form {flex:1; max-width:100%; width:100%;}
.payment_credit_form {width:100%;}
.payment_credit_row {flex-direction:column; gap:12px;}
.payment_credit_field {flex-direction:column; align-items:flex-start; gap:8px;}
.payment_credit_field_ctrl {width:100%;}
.payment_credit_input, .payment_credit_select {height:28px;}
.payment_credit_input_wide,
.payment_credit_input_short {width:100%;}
.payment_credit_select,
.payment_credit_select_wide {width:100%;}
.payment_credit_help {margin-left:0;}
.payment_credit_save {margin-left:0;}
.payment_credit_brands {justify-content:center; gap:24px;}
.payment_credit_tabs {flex-wrap:wrap;}
.payment_credit_tab {flex:1; min-width:140px;}
.payment_credit_promo {padding:24px;}
.payment_credit_promo .form {flex-direction:column; align-items:stretch;}
.payment_credit_promo .apply {width:100%;}
.payment_credit_total {padding:24px;}
.payment_credit_submit .btn_main {width:100%;}
.payment_credit_field_ctrl .custom-select.typeB.year, .payment_credit_field_ctrl .custom-select.typeB.month, .payment_credit_field_ctrl .custom-select.typeB.day {width:calc((100% - 8px) / 2)}
.card_summary {gap:8px; margin-top:20px;}
.card_summary_row {flex-direction:column; align-items:flex-start; gap:4px; margin-top:0; border:1px solid #C9C9C9; border-radius:4px; padding:8px;}
.card_summary_row.head {display:none;}
.card_summary_cell {width:100%; justify-content:flex-start;}
.card_summary_cell.qty {margin-top:8px;}
.card_summary_cell.qty,
.card_summary_cell.price,
.card_summary_cell.deadline {width:100%; flex-direction:row; justify-content:space-between; height:24px;}
.card_summary_qty {justify-content:space-between; flex-direction: row; width:100%;}
.card_summary_cell.price .tit,
.card_summary_cell.deadline .tit,
.card_summary_qty input,
.card_summary_price,
.card_summary_deadline,
.card_summary_qty .tit {font-size:var(--font-size-xs);}
.card_summary_qty > div {gap:0;}
.card_summary_cell.price > div,
.card_summary_cell.deadline > div {min-height:100%;}
.card_summary_thumb {width:62px; height:62px;}
.card_editor_thumb, .card_editor_swatch {width:48px; height:48px;}
.card_summary_product {gap:8px;}
.card_summary_detail .tit {font-size:var(--font-size-xs); text-align:left;}
.card_editor_mode_btn {padding:6px 12px; font-size:var(--font-size-sm);}
.card_summary_detail > div {gap:4px; margin-top:6px;}
.card_summary_brand {font-size:var(--font-size-xxs);}
.card_summary_name {font-size:var(--font-size-xs);}
.card_summary_title {margin-left:0; font-size:var(--font-size-sm);}
.card_summary_qty input {width:30px;}
.card_editor_title {font-size:var(--font-size-sm);}
.card_editor_header {gap:8px;}
.card_editor_field {gap:4px;}
.card_editor_option_group {gap:8px;}
.card_editor {padding:0px; background:#fff; gap:8px; margin-top:28px;}
.card_editor_col.form > div:last-child {margin-top:8px;}
.card_editor_textarea {height:104px;}
.card_editor_body {flex-direction:column; gap:8px;}
.card_editor_col.form,
.card_editor_col.preview {width:100%;}
.card_editor_col.preview {display:none;}
.card_editor_preview_card {width:100%; height:320px;}
.card_editor_preview_image.phrase {width:70%;}
.card_editor_preview_image.character {width:74%;}
.card_editor_col.options {width:100%;}
.card_editor_col.options:after {display:none;}
.credit_area {width:100%;}
.layout_row {flex-direction: column; align-items:stretch; padding:0 0; gap:8px;}
.layout_row .payment_method_logos {width:100%; column-gap:30px;}
.card_editor_footer {display:none;}
.card_write_actions {flex-direction:column;}
.card_write_actions .btn_sub,
.card_write_actions .btn_main {width:100%;}
.payment_section {padding:0px; background:#fff; gap:12px;}
.payment_method_tabs {flex-wrap:wrap;}
.payment_card {flex-direction:column; align-items:flex-start; gap:16px;}
.payment_card_meta {margin-left:0; width:100%; gap:24px;}
.payment_promo_form {flex-direction:column; align-items:stretch; position:relative; width:100%;}
.payment_promo_apply {height:28px; position:absolute; top:0px; left:auto; right:0px; font-size:var(--font-size-xs);}
.payment_promo_form .input-field .payment_promo_code {height:26px; font-size:var(--font-size-xs); padding:0 60px 0 12px;}
.payment_promo_hint {padding-left:10px;}
.payment_submit .btn_main {width:100%;}
.payment_method_logos {gap:30px; justify-content: center;}
.payment_section_title {font-size:var(--font-size-sm);}
.payment_summary_row .payment_summary_label, .payment_summary_row .payment_summary_value, .payment_summary_row .payment_summary_total {margin-left:8px;}
.payment_summary_list {gap:8px;}
.payment_summary_label span {font-size:var(--font-size-xxs);}
.payment_method_logos div.visa {width:54px;}
.payment_method_logos div.mastercard {width:40px;}
.payment_method_logos div.jcb {width:36px;}
.payment_method_logos div.express {width:36px;}
.payment_method_logos div.diners {width:36px;}
.payment_method_logos div.paypay {width:88px;}
.payment_method_logos img {height:26px;}
.payment_paypay .card_summary_qty .value {text-align:left;}
.payment_paypay_method .payment_method_tabs {max-width:100%;}
.payment_paypay_panel {padding:20px;}
.payment_paypay_logo img {height:48px;}
.payment_paypay_notes {padding-left:16px;}
.payment_paypay_submit {margin:40px 0 60px;}
.payment_paypay_submit .btn_main {width:100%;}
.payment_promo_form .input-field {height:28px;}
.main.payment .agree div:last-child {font-size:var(--font-size-xxs);}
.card_progress {margin-top:20px;}
.card_progress .label {font-size:var(--font-size-xs); }
.payment h5 {margin-top:30px; font-size:var(--font-size-sm);}
.payment .tab.typeC {margin-top:10px;}
.payment .payment_img_end {margin-top:20px; gap:20px;}
.payment .payment_img_end img {width:274px; height:130px;}
.payment .payment_img_end p {font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); line-height:14px;}
.payment .payment_img_fail {margin-top:230px;display:flex; flex-direction: column; gap:30px; align-items: center;}
.payment .payment_img_fail img {width:150px; height:150px;}
.payment .payment_img_fail p {font-size:var(--font-size-xs); font-weight:var(--font-weight-medium); color:#1A9AFC; text-align:center; line-height:17px;}


/* 쿠폰 상세 */
.wrap.coupon .gift_area.detail .grid_item .product_name {font-size:var(--font-size-xs);}
.wrap.coupon .gift_area.detail .grid_item .product_desc {padding:0 20px; font-size:var(--font-size-sm); margin-bottom: 16px; }
.wrap.coupon .gift_area.detail .grid_item .img {width:156px; height:156px; display:flex; align-items: center; justify-content: center;}
.wrap.coupon .gift_area.detail .grid_item .btn_group {max-width:156px; margin:0 72px; margin-top:32px;}
.wrap.coupon .gift_area.detail .grid_item .btn_group .btn-sub {height:37px; line-height:35px;}

.wrap.coupon .gift_area.detail .grid_item .code_view {gap:var(--spacing-7xl); margin-top:var(--spacing-5xl);}
.wrap.coupon .gift_area.detail .grid_item .code_view > div:nth-child(1) {max-width:120px; max-height:120px;}
.wrap.coupon .gift_area.detail .grid_item .code_view > div:nth-child(2) > span {font-size:var(--font-size-xs);}

.wrap.coupon .gift_area.detail .grid_item .receive_guide {position:relative; top:8px; padding:20px 10px 0; display:flex; justify-content: space-between; width:100%; border-top:1px solid var(--color-surface-secondary); margin-top:16px;}
.wrap.coupon .gift_area.detail .grid_item .receive_guide span {color:var(--color-text-default); font-size:var(--font-size-xs); font-weight:var(--font-weight-regular);}
.wrap.coupon .gift_area.detail .grid_item .receive_guide span.tit {font-weight:var(--font-weight-bold);}
.wrap.coupon .gift_area.detail .grid_item + p {position:relative; top:4px; padding-top:4px; font-size:var(--font-size-sm); font-weight:var(--font-weight-regular); text-align:center;}
.wrap.coupon .gift_area.detail .grid_item + p span {font-weight:var(--font-weight-bold); color:var(--color-brand-primary);}

.wrap.coupon .gift_area.detail .grid_item .enter_area {margin-top:32px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box {max-width:none; min-width:156px; margin:0 72px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div {display:flex; justify-content: space-between;}

.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(1) *:nth-child(1) {font-size:var(--font-size-xs);}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(1) *:nth-child(2) {font-size:var(--font-size-xs);}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(2) {padding:0 0px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .code_box > div:nth-child(2) span {font-size:var(--font-size-xs);}

.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box {max-width:none; gap:16px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box > div .input-field {width:100%;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box .btn {justify-content: center; gap:8px;}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box .btn > div {width:calc((100% - 88px)/2)}
.wrap.coupon .gift_area.detail .grid_item .enter_area .email_box .btn > div .btn-sub {font-size:var(--font-size-sm); height:28px; line-height:26px;}

.gift_detail {gap:30px; margin-top:30px;}
.gift_detail > div {display:flex; flex-direction: column; gap:8px;}
.gift_detail > div > h5 {display:flex; gap:12px; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.gift_detail > div > div {flex-direction: column; gap:8px; }
.gift_detail > div > div + .img {margin-bottom:40px;}
.gift_detail > div .img_guide .img {margin-right:0; margin-bottom:16px;}
.gift_detail > div > div > div {display:flex; flex-direction: column;}
.gift_detail > div .img_guide p {font-size:var(--font-size-xxs);}
.gift_detail > div .guide_txt div p {font-size:var(--font-size-xs); line-height:14px;}
.gift_detail > div .shop_guide p,
.gift_detail > div .shop_guide a {padding-left:0px; font-size:var(--font-size-xs); line-height:14px; word-break: break-all;}

.wrap.coupon .giftto_title {display:flex; align-items: center; margin-bottom:8px;}
.wrap.coupon .giftto_title {font-size:var(--font-size-lg); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.wrap.coupon .gift_area.check {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; position: relative; background: var(--color-surface-primary); width: 100%; height: 100%; box-sizing: border-box; padding:12px; background:var(--color-surface-secondary); border-radius:var(--radius-2xl);}
.wrap.coupon .gift_area.check::before {content: ''; position: absolute; background: var(--color-surface-secondary); width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%);}
.wrap.coupon .gift_area.check .grid_item {position:relative; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; background:var(--color-surface-primary);}
.wrap.coupon .gift_area.check .grid_item:nth-child(1),
.wrap.coupon .gift_area.check .grid_item:nth-child(2) {align-self: start;}
.wrap.coupon .gift_area.check .grid_item:nth-child(1) {padding:12px 10px 12px 12px;}
.wrap.coupon .gift_area.check .grid_item:nth-child(2) {padding:12px 12px 12px 0px; align-items: start; justify-content: flex-start;}
.wrap.coupon .gift_area.check .grid_item:nth-child(3) {padding:12px 10px 12px 12px; align-items: start; justify-content: flex-start;}
.wrap.coupon .gift_area.check .grid_item:nth-child(4) {padding:12px 12px 12px 0px;}
.wrap.coupon .gift_area.check .grid_item .img {width:130px; height:130px; }
.wrap.coupon .gift_area.check .grid_item .preview {width:130px; height:130px; }
.wrap.coupon .gift_area.check .grid_item .preview img {width:100%;}
.wrap.coupon .gift_area.check .grid_item .btn_group {width:calc(100% - 12px); bottom:12px;}
.wrap.coupon .gift_area.check .grid_item .btn_group .btn-main {height:28px; line-height:28px; border-radius:var(--radius-xs); font-size:var(--font-size-xs);}
.wrap.coupon .gift_area.check .grid_item .btn_group .btn-sub {height:28px; line-height:26px; border-radius:var(--radius-xs); font-size:var(--font-size-xs);}
.wrap.coupon .gift_area.check .grid_item .product_name {font-size:var(--font-size-xxs); margin-bottom:3px;}
.wrap.coupon .gift_area.check .grid_item .product_desc {font-size:var(--font-size-xs); height:34px; word-break:break-all}
.wrap.coupon .gift_area.check .grid_item span {font-size:var(--font-size-xs); margin-top:12px;}
.wrap.coupon .gift_area.check .grid_item textarea {height:calc(100% - 22px);}

/* 선택형 쿠폰 */
.error-guide p {font-size:var(--font-size-xs); line-height:15px;}
.error-guide .error-title {font-size:var(--font-size-sm); padding-left:28px; margin-bottom:8px;}
.error-guide .error-title::before {width:20px; height:20px; background-size:20px 20px;}
.popup .card {margin-bottom: 30px; position:relative;}
.popup .card .img {width:80px; height:80px; margin:40px auto 6px;}
.popup .card .product-name {font-size:var(--font-size-xs); margin-bottom: 6px;}
.popup .card .product-desc {font-size:var(--font-size-sm);}
.popup .card .product-type {width: 35px; margin-right: -70px; top:-24px; height: 18px; font-size:var(--font-size-xs); line-height: 16px;}
.popup .button-group {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 20px;}
.popup .button-group button {height: 36px; font-size:var(--font-size-sm);}
.popup .popup-guide p {padding-left: 8px; font-size:var(--font-size-xxs);}
.wrap.coupon {padding: 0 18px;}
.wrap.coupon .giftto_logo {width: 107px; height: 32px; margin:24px 0 30px;}
.wrap.coupon .description {margin-bottom: 8px;}
.wrap.coupon .description .desc-primary {font-size:var(--font-size-sm);}
.wrap.coupon .description .desc-secondary {font-size:var(--font-size-md);}
.wrap.coupon .custom-select.typeA {width: 72px; margin-bottom: 7px;}
.wrap.coupon .card {height: 140px;}
.wrap.coupon .card .product-type {top: 6px; right: 10px; width: 35px; height: 18px; line-height: 16px; font-size:var(--font-size-xs);}
.wrap.coupon .card .img {width: 80px; height: 80px;}
.wrap.coupon .guide_text {margin:30px 0 24px;}


/* 계정 관리 */
 /*주문내역*/
.order_area {margin-top:20px;}
.date_area .search {margin-top:20px;}
.date_area .search .ic_date {flex: 0 0 auto;}
.date_area .search input {width:calc((100% - 32px) / 2); font-size:var(--font-size-xs);}
.date_area .tab.typeB {display:none;}
.order_area .tb_list_box.typeA .tb_header {display:none;}
.order_area .tb_list_box.typeA .tb_body {border-top:none; gap:30px; display:flex; flex-direction: column; padding:0;}
.order_area .tb_list_box.typeA .tb_body .tb_row {
    display:grid; 
    grid-template-columns: 1fr;
    grid-template-areas:
        "order_product"
        "date"  
        "state"
        "price"
        "detail";
    justify-content: center;
    align-items: center;
    padding:8px;
    gap:8px;
}
.order_area .tb_list_box.typeA .tb_body .tb_row .date {grid-area: date; flex-direction: row; justify-content: space-between;}
.order_area .tb_list_box.typeA .tb_body .tb_row .date span {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); line-height:14px; color:var(--color-text-default)}
.order_area .tb_list_box.typeA .tb_body .tb_row .date .tit {display:block;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product {grid-area: order_product; display:flex; gap:8px; align-items: flex-start; width:100%; box-sizing: border-box; min-width: 0;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .img {width:72px; height:72px; flex: 0 0 72px; border-radius:var(--radius-lg);}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .title {display:flex; flex-direction: column; gap:8px; flex: 1; min-width: 0; overflow: hidden;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .title .brand {font-size:var(--font-size-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.order_area .tb_list_box.typeA .tb_body .tb_row .order_product .title .product {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-default); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:17px;}
.order_area .tb_list_box.typeA .tb_body .tb_row .state {grid-area: state; flex-direction: row; align-items: center; justify-content: space-between; font-size:var(--font-size-md); font-weight:var(--font-weight-medium); line-height:19px; color:var(--color-text-default);}
.order_area .tb_list_box.typeA .tb_body .tb_row .state span {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); line-height:14px; color:var(--color-text-default)}
.order_area .tb_list_box.typeA .tb_body .tb_row .state .tit {display: block;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price {grid-area: price; flex-direction: row; align-items: center; justify-content: space-between;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price span {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); line-height:14px; color:var(--color-text-default)}
.order_area .tb_list_box.typeA .tb_body .tb_row .price span:last-child {font-weight:var(--font-weight-bold);}
.order_area .tb_list_box.typeA .tb_body .tb_row .price span  {text-align:right;}
.order_area .tb_list_box.typeA .tb_body .tb_row .price span > i {font-size:var(--font-size-xxs); margin-left:4px; display:inline;}

.order_area .tb_list_box.typeA .tb_body .tb_row .price .tit {display:block;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail {margin-top:8px; grid-area: detail; display: flex; flex-direction: row-reverse; gap:8px; justify-content: flex-start;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail .btn.typeA {width:auto; height:26px; line-height:26px; font-size:var(--font-size-xs); padding:0 8px;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail .btn.typeB {width:auto; height:26px; line-height:24px; font-size:var(--font-size-xs); padding:0 8px;}
.order_area .tb_list_box.typeA .tb_body .tb_row .detail .btn.typeC {width:auto; height:26px; line-height:24px; font-size:var(--font-size-xs); padding:0 8px;}
.order_area + section.btn .btn_sub {display:block;}
.order_area + section.btn + ul {margin-top:20px;}
.order_area + section.btn + ul.mg_t {margin-top:20px;}
.order_area h6 {display:none;}
.order_area .detail_list {gap:8px; margin-top:20px;}
.order_area .detail_list .group {padding:8px; gap:8px;}
.order_area .detail_list .group .title {gap:8px;}
.order_area .detail_list .group .title .brand {font-size:var(--font-size-xs);}
.order_area .detail_list .group .title .product {font-size:var(--font-size-sm); font-weight:var(--font-weight-medium); color:var(--color-text-default); line-height:140%; flex:1; width:100%; word-break: break-word;}
.order_area .detail_list .group .title .price {font-size:var(--font-size-sm);}
.order_area .detail_list .group > div span {font-size:var(--font-size-xs);}

.order_area .list_area {border:none; padding:0; gap:20px;}
.order_area .link_list .url_area {flex-direction: column-reverse;}
.order_area .link_list .url_area > div {flex:1; width:100%; justify-content: flex-end; gap:8px;}
.order_area .list_area .link_list {flex-direction: column;}
.order_area .list_area .link_list .url_area {flex: 1; width:100%;}
.order_area .list_area .link_list .email_area {flex: 1; width:100%;}
.order_area .link_list .email_area input {width:100%; height:28px; line-height:26px;}
.order_area .link_list .email_area .send {font-size:var(--font-size-sm); height:28px; line-height:26px;}
.order_area .link_list .url_area .view {font-size:var(--font-size-sm); height:24px; line-height:24px; width:auto;}
.order_area .link_list .url_area .copy {font-size:var(--font-size-sm); height:24px; line-height:22px; width:auto;}
.order_area .link_list .url_area input {font-size:var(--font-size-xs); margin-left: unset; width:100% !important; height:28px; line-height:26px;}
.order_area .link_list .url_area .url {width:calc((100% - 40px)/3);}
.order_area .link_list .url_area .url.auto {width:calc((100% - 46px) / 4)}
.order_area .link_list .url_area > div:first-child {gap:12px;}

.order_area .sns_area * {width:24px; height:24px;}
.order_area .sns_area .ic_x {background:url(/images/common/ic_x-c1180de7145229816c0c4766a230eba5.png) no-repeat 0 0; background-size:24px 24px;}
.order_area .sns_area .ic_line {background:url(/images/common/ic_line-497b78249fe16ef4949b31293b54c25b.png) no-repeat 0 0; background-size:24px 24px;}
.order_area .sns_area .ic_instagram {background:url(/images/common/ic_instagram-a3c61b6c364c4c066dfbc98637215ed3.png) no-repeat 0 0; background-size:24px 24px;}

.order_area .step_area {border:none; padding:0 0 30px 0;}
.order_area .step_area > div .step {font-size:var(--font-size-xs);}
.order_area .step_area > div .txt {font-size:var(--font-size-xs);}
.order_area .step_area > div:not(:last-child):after {width:7px; height:7px; background-size:7px 7px;}
.user_info .tab.typeC {margin-top:20px;}
.user_info .tab.typeC > * {padding:0 12px; height:28px; line-height:26px; font-weight:var(--font-weight-medium)}

.charge_area .card_list {gap:8px; margin-top:20px;}
.charge_area .card_list .card_item {padding:14px; border-radius:var(--radius-md);}
.charge_area .card_list .card_item .ic_card {width:38px; height:27px; background-size:38px 27px;}
.charge_area .card_list .card_item .number {font-size:var(--font-size-sm); margin-left:14px;}
.charge_area .card_list .card_item > div {flex-direction:column-reverse; gap:4px; align-items: flex-end;}
.charge_area .card_list .card_item > div .name {font-size:var(--font-size-xs);}
.charge_area .card_list .card_item > div .date {font-size:var(--font-size-xs);}
.charge_area .card_list input:checked + .card_item .ic_card {background-size:38px 27px;}
.charge_area  + ul li {font-size:var(--font-size-xs); font-weight:var(--font-weight-regular); color:var(--color-text-subtle); padding-left:20px; position:relative;}
.charge_area  + ul li:before {width:2px; height:2px; background:var(--color-text-default); content:''; display:block; position:absolute; top:8px; left:10px; transform:translateY(-50%);}
.charge_area + ul + section.btn .btn_sub,
.charge_area + section.btn .btn_sub {display:block;}

.charge_area .charge_list {margin-top:20px; gap:6px;}
.charge_area .charge_list .visa {width:60px; height:26px; background:url(/images/common/img_charge1-9fd14181a3e575770e50ff7dc09d23e5.png) no-repeat center center; background-size:54px 23px;}
.charge_area .charge_list .master {width:60px; height:26px; background:url(/images/common/img_charge2-73bdb3490ecfa227cf7b679556e3c4b5.png) no-repeat center center; background-size:36px 22px;}
.charge_area .charge_list .jcb {width:60px; height:26px; background:url(/images/common/img_charge3-729d5ed0fae4b4b0876d4c5903770c1a.png) no-repeat center center; background-size:34px 26px;}
.charge_area .charge_list .amex {width:60px; height:26px; background:url(/images/common/img_charge4-f6c2b0d47f1b0fc8f069945cb487cc75.png) no-repeat center center; background-size:26px 26px;}
.charge_area .charge_list .diners {width:60px; height:26px; background:url(/images/common/img_charge5-3947410ff74f8a859200cad5933304b9.png) no-repeat center center; background-size:35px 26px;}
.charge_area .charge_list .paypay {width:90px; height:32px; background:url(/images/common/img_charge6-509c18e3284b032d3e2700e293765e56.png) no-repeat 0 0; background-size:90px 32px;}
.charge_area .charge_list + ul {margin-top:8px;}


 /*나의정보*/
main .title.sub.none {display:none;}
.user_info .tb_box {margin-top:20px;}
.user_info > h5 {margin-top:80px; display:block; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); color:var(--color-text-default);}
.user_info .tab.typeA {display:none;}
.user_info .tab.typeB {margin-top:20px; justify-content: flex-start;}
.user_info .tab.typeB > * {padding:0 12px; height:28px; line-height:26px; font-size:var(--font-size-sm); border-radius:40px; font-weight:var(--font-weight-medium)}
.user_info .tab.typeB > *.on {color:var(--color-surface-primary); background:var(--color-brand-primary); font-weight:var(--font-weight-bold)}
.user_info .tab.typeB > *:before {display:none}
.user_info + section.btn .btn_sub {display:block}
.user_info .tb_box.typeA.quit > div {flex-direction: column;}
.user_info .tb_box.typeA.quit .info_entry {width:100%;} 

.user_info .quit {gap:0px; row-gap:12px; width:100%;}
.user_info .quit > label {font-size:var(--font-size-sm); color:var(--color-text-subtle); width:100%; text-align:left; padding-left:16px; height:40px; line-height:38px;}

.user_info .quit > label.wide {width:100%; text-align:left; display:flex; align-items: center; padding-left:0;}
.user_info .quit > label.wide span {font-size:var(--font-size-sm); color:var(--color-text-subtle); padding:0 16px; display:inline-flex; align-items:center; white-space:nowrap; flex-shrink:0;}
.user_info .quit > label.wide input {z-index:-1; width:100%; padding-left:10px; font-size:var(--font-size-sm); color:var(--color-text-subtle); font-weight:var(--font-weight-regular); height:100%; border:none; border-left:1px solid var(--color-line-default);}


/* 로그인, 비밀번호재설정 */
.login {margin:236px 0 226px; }
.login .enter_area {width:calc(100% - 84px); gap:8px;}
.login .enter_area .btn {gap:8px;}
.login .enter_area .btn .btn_typeA {height:36px; line-height:36px; font-size:var(--font-size-sm);}
.login .enter_area .btn .btn_typeB {height:36px; line-height:36px; font-size:var(--font-size-sm);}
.login .enter_area .option a {font-size:var(--font-size-xs); line-height:14px;}
.login .login_type {margin-top:20px; width:calc(100% - 84px);}
.login .login_type > * {width:36px; height:36px;}
.login .login_type .btn_line:before {content:''; width:20px; height:20px; background:url(/images/common/ic_log_3-10119d16be617c711bae4c1b20f54959.png) no-repeat 0 0; background-size:20px 20px;}
.login .login_type .btn_facebook:before {content:''; width:20px; height:20px; background:url(/images/common/ic_log_2-342f5de91234e597b1f3af18c7a1951d.png) no-repeat 0 0; background-size:20px 20px;}
.login .login_type .btn_google:before {content:''; width:20px; height:20px; background:url(/images/common/ic_log_1-200a44eb45a6fce067e2ef7e3b6b2109.png) no-repeat 0 0; background-size:20px 20px;}
.login h4 {font-size:var(--font-size-md); line-height:19px;}
.login h4 + p {font-size:var(--font-size-xs); line-height:14px; margin:0px 0;}
.login .guide_txt {font-size:var(--font-size-xxs);}


/* 회원가입 */
.join_info {margin-top:20px;}
.join_info .step {display:flex; gap:25px;}
.join_info .step span {font-size:var(--font-size-xs);}
.join_info .step span:nth-child(1):before {width:16px; height:16px;}
.join_info .step span:nth-child(2):before {width:16px; height:16px;}
.join_info .tb_box {margin-top:15px;}
.join_info .tb_box .guide_btn {font-size:var(--font-size-2xs);}
.join_info .img_area {margin-top:30px; gap:30px;}
.join_info .img_area > div {width:calc(100% - 54px);}
.join_info .img_area > p {font-size:var(--font-size-xs); line-height:14px;}


.user_join {margin-top:30px;}
.user_join .type {position:relative; display:flex; flex-direction: column; gap:60px; justify-content: center; align-items: center;}
.user_join .type:after {display:none;}
.user_join .type > div {width:100%; flex-direction:column; align-items: center; gap:8px;}
.user_join .type > div > div {display:flex; flex-direction: row; justify-content: center; width:100%; gap:30px;}
.user_join .type > div .btn_email {width:calc(100% - 96px); height:36px; line-height:36px; font-size:var(--font-size-sm);}
.user_join .type > div .btn_line {display:flex; align-items: center; justify-content: center; gap:0px; border-radius:var(--radius-full); background:var(--color-support-success); width:48px; height:48px; line-height:100%; text-align:center; padding-left:0px;}
.user_join .type > div .btn_line .ic {width:30px; height:30px; background-size:30px 30px;}
.user_join .type > div .btn_facebook {display:flex; align-items: center; justify-content: center; gap:0px; border-radius:var(--radius-full); background:var(--color-support-facebook); width:48px; height:48px; line-height:100%; text-align:center; padding-left:0px;}
.user_join .type > div .btn_facebook .ic {width:30px; height:30px; background-size:30px 30px;}
.user_join .type > div .btn_google {display:flex; align-items: center; justify-content: center; gap:0px; border-radius:var(--radius-full); width:48px; height:48px; line-height:100%; text-align:center; padding-left:0px;}
.user_join .type > div .btn_google .ic {width:30px; height:30px; background-size:30px 30px;}
.user_join .type > div .btn_line i,
.user_join .type > div .btn_facebook i,
.user_join .type > div .btn_google i {display:none}
.user_join .type + p {margin-top:60px; font-size:var(--font-size-xs);}
.user_join .type + p span {font-size:var(--font-size-xs);}
.user_join .type + p i {display:block;}


/* 소개페이지 */
.intro_page {margin-top:34px; position:relative; left:-18px; width:calc(100% + 36px);}
.intro_page .visual {flex-direction: column; padding:30px 18px; gap:20px;}
.intro_page .visual .img {width:100%; height:auto;}
.intro_page .visual .txt_area {padding:10px;}
.intro_page .visual .txt_area .tit {font-size:var(--font-size-lg);}
.intro_page .visual .txt_area .tit span {font-size:var(--font-size-xs);}
.intro_page .visual .txt_area .tit i {display:block;}
.intro_page .visual .txt_area .stit {font-size:var(--font-size-xs); letter-spacing: -0.5px;}
.intro_page .visual .txt_area .txt {font-size:var(--font-size-xs);}

.intro_page .intro1 {margin-top:50px; gap:20px;}
.intro_page .intro1 > p {font-size:var(--font-size-md);}
.intro_page .intro1 > p i {display:block;}
.intro_page .intro1 .category {row-gap:10px; column-gap: 10px; width:100%;}
.intro_page .intro1 .category > div {max-width:175px; height:auto; padding:10px; box-shadow: none;}
.intro_page .intro1 .category > div .img {width:40px; height:40px;}
.intro_page .intro1 .category > div span {font-size:var(--font-size-sm); text-align:center;}

.intro_page .intro2 {margin-top:30px;}
.intro_page .intro2 > div {padding:50px 18px 0;}
.intro_page .intro2 > div:nth-child(2) {padding:50px 18px 50px;}
.intro_page .intro2 > div .tit {font-size:var(--font-size-md);}
.intro_page .intro2 > div .stit {font-size:var(--font-size-xs);}
.intro_page .intro2 > div .txt {font-size:var(--font-size-xxs);}
.intro_page .intro2 > div .ic_area {gap:6px;}
.intro_page .intro2 > div .ic_area > div {padding:20px 0;}
.intro_page .intro2 > div .ic_area > div .img {width:52px; height:52px; margin:10px auto 0px;}
.intro_page .intro2 > div .ic_area > div span {font-size:var(--font-size-xs); width:20px; height:20px; line-height:20px;}
.intro_page .intro2 > div .ic_area > div p {font-size:var(--font-size-xs);}
.intro_page .btn {margin-top:30px;}
.intro_page .btn p {font-size:var(--font-size-xs);}
.intro_page .btn p span {font-size:var(--font-size-xs);}


/* 상품상세 */
.product_detail {
    margin-top:0px;
    padding-bottom:0px;
    grid-template-columns: 100%;
    grid-template-areas:
    "img_area"
    "info"
    "option";
    row-gap:0px;
    column-gap:0px;
    border-bottom:0;

}
.product_detail .info {grid-area:info;}
.product_detail .info .discount_price {font-size:var(--font-size-sm); line-height:17px;}
.product_detail .info .price_box .discount {font-size:var(--font-size-xxs);}
.product_detail .info .price_box .discount i {font-size:var(--font-size-2xs);}
.product_detail .info .price_box .standard {font-size:var(--font-size-xs)}
.product_detail .info .product {font-size:var(--font-size-sm); margin-top:4px; color:var(--color-text-default); }
.product_detail .img_area {width:100%; padding:42px 37px;}

.product_detail .option .price {width:100%; margin-top:20px; display:flex; flex-wrap:nowrap; position:relative; top:0px; left:0px; overflow-x: scroll;}
.product_detail .option .price * {flex: 0 0 64px; height: 28px; line-height: 26px; font-size:var(--font-size-xs);}

.product_detail .option .guide {margin-top:20px; gap:8px; padding:0;}
.product_detail .option .guide > div > span:nth-child(1) {font-size:var(--font-size-xs);}
.product_detail .option .guide > div > span:nth-child(2) {font-size:var(--font-size-xs);}
.product_detail .option .quantity {padding:12px 10px 0 10px; margin-top:12px;}
.product_detail .option .quantity > div > span {font-size:var(--font-size-xs);}
.product_detail .option .quantity > div > div input {font-size:var(--font-size-xs); width:36px;}
.product_detail .option .quantity > div > div .btn_down {width:20px; height:20px; background-size:20px 20px;}
.product_detail .option .quantity > div > div .btn_up {width:20px; height:20px; background-size:20px 20px;}
.product_detail .option .btn {margin-top:20px;}
.product_detail .option .btn .btn_cart {width:calc((100% - 8px) / 2); height:28px; line-height:26px; font-size:var(--font-size-xs);}
.product_detail .option .btn .btn_buy {width:calc((100% - 8px) / 2); height:28px; line-height:28px; font-size:var(--font-size-xs);}

.product_guide {width:100%; margin:20px auto 0;}
.product_guide h6 {font-size:var(--font-size-sm);}
.product_guide .warning_box {padding:8px;}
.product_guide .warning_box span {font-size:var(--font-size-sm);}
.product_guide .warning_box p {font-size:var(--font-size-xs);}
.product_guide .img_detail > div {flex-direction: column;}
.product_guide .img_detail > div > p {width:100%; line-height:14px; word-break:break-all;}
.product_guide .img_detail > div > .img {width:100%; height:auto;}

.product_guide .select_product_grid {grid-template-columns:none; display:flex; overflow-x:auto; }
.product_guide .select_product_name {font-size:var(--font-size-xxs); word-break: break-word;}
.product_guide .select_product_card {flex:0 0 165px;}

.product_guide .view_area {gap:30px;}
.product_guide .view_area .imgs {gap:8px;}
.product_guide .view_area .imgs .img {width:56px; height:56px; flex:0 0 56px;}
.product_guide .view_area > .img {width:212px; height:auto;}

.product_guide .guide_txt div p {line-height:14px; word-break:break-all;}
.product_guide .brand_info > div .img {border:1px solid var(--color-line-default);}
.product_guide .brand_info > div .txt {width:100%; text-align:center; gap:4px;}
.product_guide .brand_info > div .txt span {font-size:var(--font-size-sm);}
.product_guide .brand_info > div .txt p {word-break:break-all; text-align:left;}
.product_guide .brand_info > div {border:none; flex-direction: column; align-items: center; padding:10px 0 0px 0; gap:14px;}

.product_guide .brand_product .list {gap:8px;}
.product_guide .brand_product .list .item {width:100%; height:280px; padding:0 7px;}
.product_guide .brand_product .list.more .item {width:calc((100% - 8px) / 2);}
.product_guide .brand_product .list .item .img {width:142px; height:142px; margin:7px auto 0;}
.product_guide .brand_product .list .item .mark {gap:4px; margin-top:4px;}
.product_guide .brand_product .list .item .mark > span {width:31px; height:16px; font-size:var(--font-size-xxs);}
.product_guide .brand_product .list .item .brand {font-size:var(--font-size-2xs); line-height:10px; margin-top:4px;}
.product_guide .brand_product .list .item .product {margin-top:8px; height:44px; font-size:var(--font-size-xs); line-height:14px; -webkit-line-clamp:3; line-clamp:3; }
.product_guide .brand_product .list .item .price_box {margin-bottom:24px;}
.product_guide .brand_product .list .item .price_box .standard {font-size:var(--font-size-xxs); line-height:12px;}
.product_guide .brand_product .list .item .price_box .standard:after {top:2px; width:7px; height:7px; background-size:7px 7px;}
.product_guide .brand_product .list .item .price_box .discount {font-size:var(--font-size-2xs); line-height:10px;}
.product_guide .brand_product .list .item .price_box .discount i {font-size:var(--font-size-2xs); line-height:10px;}
.product_guide .brand_product .list .item .discount_price {font-size:var(--font-size-sm); left:7px; bottom:3px;}
.product_guide .brand_product .list .item .discount_price i {font-size:var(--font-size-2xs);}


/* 메인페이지 */
main {padding:0 18px; width:calc(100% - 36px); margin:60px 0 132px;}
main .main_banner {position:relative; left:-18px; width:calc(100% + 36px); height:230px; padding-top:20px;}
main .main_banner .baner_area {height:200px; width:324px; border-radius:var(--radius-xs);}
main .main_banner.promotion .baner_area {width:324px; border-radius:var(--radius-xs)}
main .main_banner .swiper-pagination-bullet {width:4px; height:4px;}
main .main_banner .web {display:none;}
main .main_banner .mo {display:block !important;}
main .main_banner .swiper-pagination {left:14px;}

main .line {top:310px;}
    
main .product_wrap {gap:8px;}
main .product_wrap.special {margin-top:28px;}
main .product_wrap.budget {margin-top:30px;}
main .product_wrap .list {gap:8px;}

main .product_wrap .list .item {width:100%; height:auto; padding:0 7px; height:280px;}
main .product_wrap .list.more .item {width:calc((100% - 8px) / 2); height:280px;}
main .product_wrap .list .item .img {width:142px; height:142px; margin:7px auto 0;}
main .product_wrap .list .item .mark {gap:4px; margin-top:4px;}
main .product_wrap .list .item .mark > span {width:31px; height:16px; font-size:var(--font-size-xxs);}
main .product_wrap .list .item .brand {font-size:var(--font-size-2xs); line-height:10px; margin-top:4px;}
main .product_wrap .list .item .product {margin-top:8px; height:44px; font-size:var(--font-size-xs); line-height:14px; -webkit-line-clamp:3; line-clamp:3; }
main .product_wrap .list .item .price_box {margin-bottom:24px;}
main .product_wrap .list .item .price_box .standard {font-size:var(--font-size-xxs); line-height:12px;}
main .product_wrap .list .item .price_box .standard:after {top:2px; width:7px; height:7px; background-size:7px 7px;}
main .product_wrap .list .item .price_box .discount {font-size:var(--font-size-2xs); line-height:10px;}
main .product_wrap .list .item .price_box .discount i {font-size:var(--font-size-2xs); line-height:10px;}
main .product_wrap .list .item .discount_price {font-size:var(--font-size-sm); left:7px; bottom:3px;}
main .product_wrap .list .item .discount_price i {font-size:var(--font-size-2xs);}
main .product_wrap .option {gap:8px; overflow-x:auto; overflow-y:hidden; flex-wrap:nowrap;}
main .product_wrap .option > * {padding:0 12px; height:35px; line-height:35px; border-radius:30px; font-size:var(--font-size-xs);} 
main .product_wrap .list_option {margin-top:20px; width:100px;}
    
main .brand_wrap {margin-top:30px; gap:8px;}
main .brand_wrap .img {width:76px; height:76px; border-radius:var(--radius-xs);}
    
main .category_wrap {margin-top:30px; gap:8px;}
main .category_wrap .list {justify-content:flex-start; row-gap:20px; column-gap:14px; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; padding-bottom:10px;}
main .category_wrap a {gap:8px;}
main .category_wrap .img {width:60px; height:60px; position:relative;}
main .category_wrap a > span {font-size:var(--font-size-xs); line-height:14px;}


/* swiper slide */
/* 메인배너 */
.main_banner .swiper-slide {border-radius:var(--radius-xs); height:200px;}

/* 기획전 */
.product_wrap .swiper-button-prev,
.product_wrap .swiper-button-next,
.brand_product .swiper-button-prev,
.brand_product .swiper-button-next {display:none;}


}

@media all and (max-width:360px){
    .account_pw {margin:80px 0 80px; padding:0 12px;}
    .account_pw .tab_main {font-size:var(--font-size-sm);}
    .account_pw .tab_div {height:16px;}
    .account_pw .label {padding:12px 16px;}
    .account_pw .field {padding:12px 16px;}
    .error_page {padding:100px 12px 140px; gap:20px;}
    .error_page_visual {width:200px; height:200px;}
    .error_page_btns .btn_main {width:100%;}
    .payment_error {padding:100px 16px 120px;}
    .payment_error_img {width:200px; height:200px;}
    .payment_error_msg {font-size:var(--font-size-xs);}
    .payment_error .btn .btn_main {width:180px; height:42px; line-height:42px;}
    .payment_complete_tabs {width:100%;}
    .payment_complete_tab {flex:1; min-width:0; padding:8px 12px;}
    .payment_complete_actions {gap:8px;}
    .payment_action {flex:1; min-width:120px; text-align:center;}
    .payment_complete_lang button {width:100%;}
    .payment_complete_email {flex-direction:column; align-items:stretch; gap:8px;}
    .payment_complete_send {width:100%;}
    .payment_complete_cta .btn_main {width:100%;}
    .payment_sns_channels {gap:20px;}
    .payment_sns_channel {width:48px; height:48px;}
    .payment_sns_channel::after {width:24px; height:24px;}
    .payment_confirmed_cta .btn_main {width:100%;}
    .payment_credit_product {padding:12px 0;}
    .payment_credit_product .product {flex-direction:column; align-items:flex-start;}
    .payment_credit_product .thumb {width:56px; height:56px;}
    .payment_credit_method {padding:20px;}
    .payment_credit_row {gap:8px;}
    .payment_credit_tabs {gap:6px;}
    .payment_credit_tab {min-width:120px; padding:8px 12px;}
    .payment_credit_brands {gap:20px;}
    .payment_credit_promo {padding:20px;}
    .payment_credit_total {padding:20px;}
    .payment_credit_consent {flex-direction:column;}
    .payment_promo_form {width:100%; flex-direction: row;;}
    .card_progress .steps {gap:12px; justify-content: flex-start;}
    .card_editor_mode {flex-wrap:wrap;}
    .card_editor_mode_btn {flex:0 0 auto; text-align:center; border:1px solid var(--color-surface-subtle);}
    .card_editor_preview_card {height:280px;}
    .payment_method_tabs {gap:4px;}
    .payment_method_tab {flex:1; text-align:center; padding:8px 12px;}
    .payment_card {padding:16px;}
    .payment_card_meta {flex-direction:column; align-items:flex-start; gap:8px;}
    .payment_paypay_panel {padding:16px;}
    .payment_paypay_notes {font-size:var(--font-size-xs);}
    .product_guide .select_product_list {overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:var(--spacing-sm);}
    .product_guide .select_product_grid {display:flex; flex-wrap:nowrap; gap:var(--spacing-sm); width:max-content;}
    .product_guide .select_product_card {flex:0 0 165px; padding:var(--spacing-md);}
}

@media (min-width: 769px) and (max-width: 1024px) { /* 태블릿 */
    .wrap.coupon .card .product-img {
        width: 140px;
        height: 140px;
    }
}


@media (min-width: 1025px) { /* PC */
    .wrap.coupon .card-layout {
        grid-template-columns: repeat(2, 1fr); /* 2열 */
        grid-gap: 12px;
    }
    .wrap.coupon .card {
        height: 246px;
    }
}


@media (max-width: 1000px) {
    footer {padding:20px 0; height:auto;}
    footer .inner {flex-direction: column; gap:20px;}
}