@charset "utf-8";
html.no-scroll,
body.no-scroll {overflow: hidden;}
.hr-box{width: 100%; height: 10px; background-color: var(--gray-bg);}
.ye-btn {width: 100%; height: 60px; border-radius: 10px; border: 1px solid var(--line);}
.ye-btn > a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500;}
.wrap500,.wrap1000,.wrap1500 {width: calc(100% - 60px);}
.wrap500 {max-width: 500px; margin: 0 auto;}
.wrap1000 {max-width: 1000px; margin: 0 auto;}
.wrap1500 {max-width: 1500px; margin: 0 auto;}
.justify-end {justify-content: flex-end;}
/* 버튼 */
.more-btn-mini{display: flex; align-items: center; column-gap: 10px; font-size: 20px; font-weight: 500; color: var(--text2);}
.more-btn-mini:hover{color: var(--text1);}
.mini-btn-area {display: flex; align-items: center; column-gap: 10px;}
.mini-btn {padding: 10px 20px; border-radius: 5px; font-size: 14px; background-color: var(--btn_bg); transition: background-color 0.25s ease;}
.mini-btn.on {background-color: var(--submit); color: #fff;}
.mini-btn.white {background-color: #fff; border: 1px solid var(--line);}
.mini-btn.round{padding: 12px 10px; border-radius: 20px;}
.mini-btn:hover {background-color: var(--btn_hover);}
.mini-btn.on:hover {background-color: var(--submit-disabled);}
.badge_default {padding: 4px 16px; background-color: var(--btn_bg); border-radius: 5px; font-size: 14px;}
.icon-btn {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.icon-btn svg {width: 100%; height: 100%;}
/* .span_label{display: inline-block; margin: 1px 5px 2px 0; padding: 3px; border-radius: 3px; background: var(--btn_bg); line-height: 1em;} */
/* input 공통 */
input[type="file"],input[type="text"],input[type="password"],input[type="email"],input[type="number"] {border: 1px solid var(--line); border-radius: 5px; padding: 12px; box-shadow: unset;}
input[type="text"]:read-only,input[type="password"]:read-only,textarea:read-only,
input[readonly],textarea[readonly],input[disabled],textarea[disabled] {background-color: var(--input-readonly) !important;}
input[type="submit"] {cursor: pointer;}
textarea {border: 1px solid var(--line); border-radius: 5px; padding: 12px; box-shadow: unset; width: 100%; min-height: 150px;}
/* 커스텀 체크박스 */
/*
*/
.custom-chk {display: flex; align-items: center; gap: 20px; font-size: 20px; font-weight: 500;}
.custom-chk input[type="checkbox"] {display: none;}
.custom-chk label {cursor: pointer; display: flex; align-items: center; gap: 6px;}
.custom-chk label span {background-image: url(../img/check_icon.svg); background-repeat: no-repeat; background-position: center center; display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: var(--icon); position: relative; transition: all 0.2s ease;}
.custom-chk input[type="checkbox"]:checked + label span {background-color: var(--main);}
/* .custom-chk input[type="checkbox"]:checked + label span::after {content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: translate(-50%, -60%) rotate(-45deg);} */
/* 상단레이아웃 추가 */
#category .cate .has_sub_cate .cate_li_1_a {background-image: url(../img/drop-arrow.svg); background-repeat: no-repeat; background-position:calc(100% - 10px) center;}
#category .cate .has_sub_cate .sub_cate {display: none;}
/* 회원등급 */
.rank-wrapper .my-rank {text-align: center; margin-bottom: 40px;}
.rank-wrapper .my-rank .rank-img {margin: 0 auto; width: 58px; height: 58px; border-radius: 50%; background-color: #8FB4FA; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;}
.rank-wrapper .my-rank p {font-size: 16px; }
.rank-wrapper .my-rank p .rank-name {color: var(--green);}
.rank-wrapper .rank-progress {margin-bottom: 40px;}
.rank-wrapper .rank-progress .bar {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px; width: 100%; height: 10px; border-radius: 5px; background-color: var(--line); overflow: hidden;}
.rank-wrapper .rank-progress .bar .fill {height: 100%; background-color: var(--sub);}
.rank-wrapper .rank-progress .prgress-now {display: flex; align-items: center; justify-content: space-between;}
.rank-wrapper .rank-progress .prgress-now p {font-size: 14px; color: var(--text2);}
.rank-wrapper .rank-progress .prgress-now p span {color: var(--sub);}
.rank-wrapper .rank-box {padding: 20px 18px; border-radius: 10px; border: 1px solid var(--line); margin-bottom: 20px;}
.rank-wrapper .rank-box.my-rank-box {border: 1px solid var(--green);}
.rank-wrapper .rank-box .rank-title {font-size: 16px; color: var(--green); margin-bottom: 35px;}
.rank-wrapper .rank-box > p {font-size: 14px;}
.rank-wrapper .rank-box > p .rank-amount {color: var(--green);}
.rank-wrapper .rank-box .rank-benefit .tit {font-size: 14px; margin-top: 20px;}
.rank-wrapper .rank-box .rank-benefit li:not(.tit) {font-size: 12px; color: var(--text2); margin-top: 5px;}
.rank-wrapper .rank-notice {margin-top: 40px;}
.rank-wrapper .rank-notice p {font-size: 16px;}
.rank-wrapper .rank-notice p:not(:last-child) {margin-bottom: 10px;}
/* 회원정보 수정 */
#register_form,
#register_form + .btn_confirm {width: calc(100% - 30px); max-width: 1000px; margin: 0 auto;}
#register_form + .btn_confirm {display: flex; align-content: center; column-gap: 10px;}
.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {float: unset !important; width: 50%; height: fit-content !important; line-height: unset; font-weight: 400; font-size: 24px; border-radius: 50px; border: 1px solid var(--main); color: var(--main); padding: 20px;}
.register .btn_confirm .btn_submit {background-color: var(--main); color: #fff;}
/* 포인트(적립금) */
#point .point_total {font-size: 24px; font-weight: 700; color: var(--green); margin-bottom: 20px;}
#point .point_tab {display: flex; align-items: center; justify-content: center; column-gap: 10px; margin-bottom: 40px;}
#point .point_info {padding: 20px 18px; border-radius: 10px; border: 1px solid var(--line); margin-bottom: 20px;}
#point .point_info .toggle-btn {width: 100%; display: flex; align-items: center; justify-content: space-between;}
#point .point_info .toggle-btn strong {font-size: 14px; font-weight: 400;}
#point .point_info .toggle-btn svg {transform: rotate(180deg);}
#point .point_info .toggle-btn.active svg {transform: rotate(0);}
#point .point_info .info_section {display: none; margin-top: 25px; text-align: left;}
#point .point_info .info_section strong {display: inline-block; font-size: 14px; font-weight: 400; margin-bottom: 10px;}
#point .point_info .info_section ul li {position: relative; padding-left: 20px; font-size: 14px; color: var(--text2); margin-bottom: 5px;}
#point .point_info .info_section ul li::after {content: ''; display: block; width: 10px; height: 1px; background-color: var(--text2); position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
#point .point_info .info_section ul li:last-child {margin-bottom: 0;}
#point .point_history {display: flex; flex-direction: column; row-gap: 20px;}
#point .history_item {text-align: left; padding: 20px 18px; border-radius: 10px; border: 1px solid var(--line);}
#point .history_item .point_date {font-size: 14px; margin-bottom: 25px;}
#point .history_item .history_wrap {display: flex; align-items: center; column-gap: 15px;}
#point .history_item .history_wrap .history_content {display: flex; flex-direction: column; align-items: flex-start; row-gap: 5px;}
#point .history_item .history_wrap .point_val {font-size: 16px; font-weight: 700; color: var(--green);}
#point .history_item .history_wrap .point_desc {font-size: 16px; font-weight: 700;}
#point .history_item .history_wrap .point_expire {font-size: 14px; color: var(--text2);}
/* 내쿠폰 */
#coupon .cou_title {font-size: 24px; color: var(--text 2); margin-bottom: 20px;}
#coupon .cou_title .cou_count {font-weight: 700; color: var(--green);}
#coupon .cou_code_form {display: flex; align-items: stretch; column-gap: 10px; margin-bottom: 40px;}
#coupon .cou_code_form .cou_code_input {width: 100%;}
#coupon .cou_code_form .cou_code_btn {flex-shrink: 0;}
#coupon .cou_list {margin-bottom: 40px; display: flex; flex-direction: column; row-gap: 20px;}
#coupon .cou_item {padding: 20px 18px; border-radius: 10px; border: 1px solid var(--line);}
#coupon .cou_item .cou_amount {font-size: 16px; font-weight: 700; color: var(--green); margin-bottom: 25px;}
#coupon .cou_item .cou_row {display: flex; flex-direction: column; row-gap: 5px;}
#coupon .cou_item .cou_row .cou_subject {font-size: 14px; font-weight: 700;}
#coupon .cou_item .cou_row .cou_target,
#coupon .cou_item .cou_row .cou_until {font-size: 14px; color: var(--text3);}
#coupon .cou_item .cou_row .cou_target {background: unset; padding: 0; line-height: unset; border-radius: 0;}
/* 상품문의 */
.my_qa .qa-item {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line);}
.my_qa .qa-item:last-child {margin-bottom: 30px;}
.my_qa .qa-item a {display: flex; align-items: center; column-gap: 20px;}
.my_qa .qa-item a .thumb {width: 150px; height: 150px; border-radius: 5px; overflow: hidden;flex-shrink: 0; }
.my_qa .qa-item a .thumb img {width: 100%; height: 100%; object-fit: cover;}
.my_qa .qa-item a .meta {width: 100%; height: 150px; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between;}
.my_qa .qa-item a .meta .meta-txt {width: 100%; display: flex; align-items: flex-start; flex-direction: column; row-gap: 20px;}
.my_qa .qa-item a .meta em {font-size: 18px; color: var(--text2);}
.my_qa .qa-item a .meta .name {font-size: 20px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.my_qa .qa-item a .meta .q-text {color: var(--text2); font-size: 18px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.my_qa .qa-item a .meta .date {color: var(--text3); font-size: 16px; font-weight: 500;}
.my_qa .qa-item a em {font-style: normal;}
.my_qa .qa-item a > em {flex-shrink: 0; padding: 4px 15px; border-radius: 5px; font-size: 14px;}
.my_qa .qa-item a > em.wait {background-color: var(--btn_bg)}
.my_qa .qa-item a > em.done {background-color: var(--submit); color: #fff;}
/* 비밀번호 확인 */
#mb_confirm {width: calc(100% - 30px); max-width: 550px; margin: 50px auto 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px 10px 40px;}
#mb_confirm h1 {padding: 20px 0; background-color: var(--main); color: #fff; font-size: 24px; font-weight: 600; text-align: center;}
#mb_confirm #btn_submit {margin-top: 40px;}
#mb_confirm > p {max-width: 400px; margin: 40px auto; text-align: center; font-size: 16px; font-weight: 500; color: var(--text2); margin-bottom: 16px;}
#mb_confirm > p strong {display: block; font-size: 18px; font-weight: 500; color: var(--text1); margin-bottom: 16px;}
#mb_confirm input {width: 100%;}
#mb_confirm form {max-width: 400px; margin: 0 auto;}
/* 로그인 */
#mb_login .mbskin_box {width: 100%; display: flex; flex-direction: column; align-items: center; row-gap: 40px;}
#mb_login .mbskin_box form[name="flogin"] {width: 100%;}
#mb_login .btn-area{margin-top: 20px;}
#login_fs input[type="text"], #login_fs input[type="password"] {width: 100%; margin-bottom: 20px;}
#mb_login .login_if_lpl {display: flex; align-items: center; column-gap: 20px;}
#mb_login .login_if_lpl a {font-size: 20px; color: var(--text3);}
#mb_login #sns_login {width: 100%;}
#mb_login #sns_login h3 {background-color: #fff; position: relative; z-index: 10; width: fit-content; margin: 0 auto; font-size: 20px;}
#mb_login .sns-wrap {margin-top: 40px;}
#mb_login #logo .logo_img {height: fit-content; width: 15vw; max-width: 100px;}
/* 카카오 로그인 */
#kakao-login {display: flex; flex-direction: column; row-gap: 40px; align-items: center;}
#kakao-login .kakao-login-btn{padding: 20px 40px; background-color: #FAE100; color: #371D1E; font-size: 24px; font-weight: 500; display: flex; align-items: center; gap: 10px; border-radius: 40px; width: fit-content; margin: 50px auto;}
#kakao-login #logo {width: fit-content; margin: 0 auto;}
#kakao-login #logo .logo_img {height: fit-content; width: 15vw; max-width: 100px;}
#kakao-login #sns_login {width: 100%;}
#kakao-login #sns_login h3 {width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 10px;}
#kakao-login #sns_login p {z-index: 5; background-color: #fff; flex-shrink: 0; font-size: 20px; font-weight: 500;}
#kakao-login #sns_login .sns-wrap {display: flex; align-items: center; justify-content: center; column-gap: 20px; margin-top: 40px;}
/* 배송지관리 */
.order-addr-wrapper .addr_list{margin-top: 30px;}
.order-addr-wrapper .addr_item {padding-bottom: 30px; border-bottom: 1px solid var(--line); margin-bottom: 30px;}
.order-addr-wrapper .addr_item:last-child {margin-bottom: 0;}
.order-addr-wrapper .addr_item .addr_title {display: flex; align-items: center; column-gap: 5px; margin-bottom: 30px;}
.order-addr-wrapper .addr_item .addr_title span:not(.badge_default) {font-size: 18px; font-weight: 500; color: var(--text2);}
.order-addr-wrapper .addr_item .addr_title .ad_hp {padding-left: 6px; position: relative;}
.order-addr-wrapper .addr_item .addr_title .ad_hp::after {content: ''; display: block; width: 1px; height: 10px; background-color: var(--line); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.order-addr-wrapper .addr_item .addr_addr {font-size: 20px; font-weight: 500; margin-bottom: 30px;}
/* 배송지 추가/수정 */
.order-addr-new #faddress {display: flex; flex-wrap: wrap; gap: 20px;}
.order-addr-new .form_item{width: 100%; display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;}
.order-addr-new .form_item .mini-btn {flex-shrink: 0;}
.order-addr-new .item50{width: calc(50% - 10px);}
.order-addr-new input[type="text"] {width: 100%;}
.order-addr-new .form_item .form_item_inner {display: flex; align-items: stretch; column-gap: 5px;}
.order-addr-new .btn-area {width: 100%;}
.order-addr-new .required {position: relative; background-image: revert !important;}
.order-addr-new .required::after {position: absolute; right: -12px; top: 0; content: '*'; color: var(--red); display: block;}
/* 회원가입 결과 */
#reg_result {width: calc(100% - 30px); max-width: 550px; margin: 50px auto 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px 10px 40px;}
#reg_result .reg_result_p {word-break: keep-all; padding: 20px 0; background-color: var(--main); color: #fff; font-size: 24px; text-align: center; margin-bottom: 40px;}
#reg_result .reg_result_p strong {color: var(--sub);}
#reg_result .result_txt {word-break: keep-all; color: var(--text2); text-align: center; margin-bottom: 16px; font-size: 16px; letter-spacing: -0.5px; line-height: 1.5;}
#reg_result .btn_confirm_reg {margin-top: 40px; width: 100%;}
#reg_result .btn_confirm_reg .reg_btn_submit {width: 100%;}
/* 쿠폰존 */
.couponzone_list ul li .coupon_target .cp_1 {background:#edfbde;color:#8cc152}/*카테고리할인*/
.couponzone_list ul li .coupon_target .cp_2 {background:#fbdef3;color:#c15293}/*개별상품할인*/
.couponzone_list ul li .coupon_target .cp_3 {background:#fbf1de;color:#c18b52}/*주문금액할인*/
.couponzone_list ul li .coupon_target .cp_4 {background:#f2defb;color:#7c52c1}/*배송비할인*/
.couponzone_list:not(:last-child) {margin-bottom: 40px;}
.couponzone_list h2 {display: flex; align-items: center; justify-content: space-between; font-size: 24px; margin-bottom: 20px; flex-wrap: wrap; gap: 20px;}
.couponzone_list h2 p {font-size: 16px; color: var(--text2);}
.couponzone_list > ul {display: flex; align-items: center; justify-content: flex-start; gap: 20px; flex-wrap: wrap;}
.couponzone_list > ul > li {width: calc(50% - 10px);}
.couponzone_list .cp_inner {width: 100%; display: flex; align-items: stretch;}
/* .couponzone_list .cp_inner .cp_left {width: 85%; border: 1px solid var(--line); border-radius: 10px; padding: 20px 18px; background-repeat: no-repeat; background-size: cover; background-position: center;} */
.couponzone_list .cp_inner .cp_left {width: 85%; border: 1px solid var(--line); border-radius: 10px; padding: 20px 18px; display: flex; align-items: center; gap: 10px;}
.couponzone_list .cp_inner .cp_left .cp_thumb {width: 105px; height: 105px; border-radius: 5px; overflow: hidden; flex-shrink: 0;}
.couponzone_list .cp_inner .cp_left .cp_thumb img {width: 100%; height: 100%; object-fit: cover;}
.couponzone_list .cp_inner .cp_left .cp_price {font-size: 16px; font-weight: 600; color: var(--green); margin-bottom: 25px;}
.couponzone_list .cp_inner .cp_left .cp_meta {display: flex; flex-direction: column; row-gap: 5px;}
.couponzone_list .cp_inner .cp_left .cp_name {font-size: 14px; font-weight: 600;}
.couponzone_list .cp_inner .cp_left .cp_detail {display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.couponzone_list .cp_inner .cp_left .cp_detail li {font-size: 14px; color: var(--text2);}
.couponzone_list .cp_inner .cp_left .cp_detail li span {color: var(--text3); padding-left: 5px; border-left: 1px solid var(--line);}
.couponzone_list .cp_inner .cp_left .cp_limit {font-size: 14px; color: var(--text3);}
.couponzone_list .cp_inner .cp_right {width: 15%; border-radius: 10px; overflow: hidden; min-width: 80px;}
.couponzone_list .cp_inner .cp_right .coupon_download {width: 100%; height: 100%; background-color: var(--submit); padding: 20px 18px; color: #fff; display: flex; flex-direction: column; row-gap: 5px; align-items: center; justify-content: center;}
.couponzone_list .cp_inner .cp_right .coupon_download.disabled {cursor: default; background-color: var(--submit-disabled);}
/* 상품검색 */
.ssch_scharea {margin-bottom: 30px; width: 100%; display: flex; align-items: center; background-color: var(--input); padding: 20px 30px; border-radius: 5px; height: 80px; column-gap: 10px;}
.ssch_scharea input[type="text"] {width: 100%; border: 0; background-color: transparent; font-size: 20px; padding: 0; height: 100%;}
.ssch_option {display: none;} /* 검색범위 숨기기 */
.ssch_section {padding: 30px 0 60px; position: relative; border-top: 1px solid var(--line);}
.ssch_section h4 {margin-bottom: 30px; font-size: 22px; font-weight: 600; display: flex; align-items: center; justify-content: space-between;}
.ssch_section h4 .ssch_tit_cert {font-size: 20px; font-weight: 500; color: var(--text2);}
.ssch_section .disabled-msg {color: var(--text3);}
.ssch_section .ssch_latest_list {display: flex; align-items: center; flex-wrap: wrap; row-gap: 20px; column-gap: 30px;}
.ssch_section .ssch_latest_list > li {padding: 6px 10px; border-radius: 20px; border: 1px solid var(--line); display: flex; align-items: center; column-gap: 10px;}
.ssch_section.ssch_cate .cate {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; row-gap: 10px;}
.ssch_section.ssch_cate .cate_li_1 {width: calc(100% / 15);}
.ssch_section.ssch_cate .cate_li_1_a {display: flex; flex-direction: column; align-items: center; row-gap: 5px;}
.ssch_section.ssch_cate .sub_cate1 {display: none !important;}
.ssch_section.ssch_pop {border-bottom: 1px solid var(--line);}
.ssch_section.ssch_pop .ssch_pop_list{column-count: 2; column-gap: 48px; margin: 0; padding: 0; list-style: none;}
.ssch_section.ssch_pop .ssch_pop_list > li{break-inside: avoid; -webkit-column-break-inside: avoid; padding: 16px 0; display: flex; align-items: center; gap: 8px;}
.ssch_section.ssch_pop .ssch_pop_list .keyword{flex: 1;}
.ssch_section.ssch_pop .ssch_pop_list .rank{font-weight: 700;}
.ssch_section.ssch_pop .ssch_pop_list .trend{margin-left:auto; display:flex; align-items:center; }
.ssch_result_info {width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
.ssch_result_info .ssch_result_total {font-size: 20px; font-size: 500;}
.ssch_result_info #ssch_cate > ul {display: none;}
.ssch_sort_wrap {position: relative; display: inline-block;}
.ssch_sort_wrap select {appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 20px; font-weight: 500; border: 1px solid var(--line); border-radius: 30px; background-image: url('../img/ssch_sort_icon.svg');background-repeat: no-repeat; background-position: calc(100% - 20px) center; background-size: 18px auto; padding: 6px 50px 6px 20px; cursor: pointer; min-width: 160px; text-align: left; text-align-last: center;}
.ssch_result .btn-area {margin-top: 80px;}
.ssch_result .sct_10 {display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 120px;}
.ssch_result .sct_10 .sct_li {width: calc(100% / 3 - 20px); padding: 0;}
.ssch_result .sct_10 .sct_li .sct_img {width: 100%; height: auto; aspect-ratio: 1/1;}
.ssch_result .sct_10 .sct_li .sct_img a {width: 100%; height: 100%; border-radius: 5px; overflow: hidden;}
.ssch_result .sct_10 .sct_li .sct_img a >img{width: 100%;height: 100%; object-fit: cover;}
.ssch_result .sct_10 .sct_li .sct_ct_wrap .sit_icon_today {display: inline-block; background-color: var(--btn_bg); margin: 10px 0; padding: 5px; border-radius: 5px; font-size: 0.875rem; font-weight: 500;}
.ssch_result .sct_10 .sct_li .sct_ct_wrap .sit_icon_today b {color: var(--main); font-weight: 500; padding-right: 2px}
.ssch_result .sct_10 .sct_li .sct_img .sct_btn,
.ssch_result .sct_10 .sct_li .sct_ct_wrap .sct_basic,
.ssch_result .sct_10 .sct_li .sct_ct_wrap .sit_icon_li,
.ssch_result .sct_10 .sct_li .sct_ct_wrap .sct_star,
.ssch_result .sct_10 .sct_li .sct_op_btn {display: none;}
/* 장바구니 */
.cart-section {background-color: #fff; margin-bottom: 10px;}
/* .my-add-info {padding: 0 60px 50px;} */
.cart-section .login-box {padding-bottom: 50px;}
.my-add-info {padding-bottom: 50px;}
.my-add-info > div {display: flex; align-items: center; column-gap: 16px;}
.my-add-info > div span:not(.add-cate) {font-size: 20px; font-weight: 700;}
.my-add-info > div .add-cate {font-size: 18px; font-weight: 500; padding: 6px 10px; border: 1px solid var(--line); border-radius: 6px;}
.my-add-info ul {margin: 30px 0 50px;}
.my-add-info ul li {display: flex; align-items: flex-start; column-gap: 16px; margin-bottom: 30px;}
.my-add-info ul li:last-child {margin-bottom: 0;}
.my-add-info ul li p {line-height: 30px;}
/* .cart-section .login-box {padding: 0 60px 50px;} */
.sit_today_box {background-color: var(--gray-bg); padding: 15px; display: flex; column-gap: 16px; align-items: center; justify-content: center;}
.sit_today_box .sit_msg {font-size: 20px; font-weight: 500; display: flex; align-items: center; column-gap: 5px;}
.sit_today_box .sit_msg b {font-weight: 500; color: var(--main);}
.od_prd_list .bsk_top_wrap {padding: 50px 0 60px; display: flex; align-items: center; justify-content: space-between;}
.od_prd_list .bsk_top_wrap .btn_cart_del {display: flex; align-items: center; column-gap: 5px;}
.od_prd_list .bsk_top_wrap .btn_cart_del span,
.od_prd_list .bsk_top_wrap .btn_cart_del button{font-size: 16px; font-weight: 500; color: var(--text3);}
.od_prd_list .cart-list {display: flex; flex-direction: column; row-gap: 50px; padding: 60px 0 190px;}
.od_prd_list .cart-item {position: relative; padding-bottom: 20px; border-bottom: 1px solid var(--line);}
.od_prd_list .cart-item .cart-chk {position: absolute; top: 10px; left: 10px; z-index: 10;}
.od_prd_list .cart-item .cart-item-info.mo {display: none;}
.od_prd_list .cart-item .cart-item-info {display: flex; align-items: stretch; column-gap: 30px;}
.od_prd_list .cart-item .cart-item-info .cart-img {flex-shrink: 0; width: 300px; height: 300px; border-radius: 5px; overflow: hidden;}
.od_prd_list .cart-item .cart-item-info .cart-img a {width: 100%; height: 100%;}
.od_prd_list .cart-item .cart-item-info .cart-img a img{width: 100% !important; height: 100% !important; object-fit: cover;}
.od_prd_list .cart-item .cart-item-info .cart-info {flex: 1; display: flex; flex-direction: column; justify-content: space-between; row-gap: 10px;}
.od_prd_list .cart-item .cart-item-info .cart-info .cart-name {display: flex; align-items: flex-start; justify-content: space-between; column-gap: 30px;}
.od_prd_list .cart-item .cart-item-info .cart-info .prd_name {font-size: 20px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; line-height: 24px; max-height: 48px;}
.od_prd_list .cart-item .cart-item-info .cart-info .cart-info-list {display: flex; align-items: flex-start; column-gap: 5px; flex: 1;}
.od_prd_list .cart-item .cart-item-info .cart-info .cart-info-list > li .span_label {color: var(--text3); padding-right: 5px;}
.od_prd_list .cart-item .cart-item-info .cart-info .cart-info-list > li:not(:first-child) .span_label {position: relative; padding-left: 6px;}
.od_prd_list .cart-item .cart-item-info .cart-info .cart-info-list > li:not(:first-child) .span_label::after {content: ''; display: block; width: 1px; height: 10px; background-color: var(--line); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt ul {display: flex; flex-wrap: wrap; gap: 10px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt li {width: calc(100% / 3 - 20px / 3); display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background-color: var(--input); column-gap: 60px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-1 li{width: 100%;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-2 li {width: calc(100% / 2 - 10px / 2);}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-3 li {width: calc(100% / 3 - 20px / 3);}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-4 li {width: calc(100% / 4 - 30px / 4);}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt li .opt_count {display: flex; align-items: center; column-gap: 5px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt li .opt_name {}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt li .opt_right {display: flex;align-items: center; column-gap: 5px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt li .sit_opt_del {width: 20px; height: 20px; background: url(../img/option-close.svg) no-repeat; background-position: center center;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt li input[type="text"] {text-align: center; margin: 0 5px; background-color: transparent; padding: 0; border: 0; border-radius: 0; width: 15px; height: 15px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_option_btn button {width: 100%;}
.od_prd_list .cart-item .cart-total {height: 100px; display: flex; align-items: center; justify-content: center; background-color: var(--gray-bg); border-radius: 10px; text-align: center; margin-top: 30px; font-size: 20px; font-weight: 500;}
.od_prd_list .cart-item .cart-total strong{font-size: 24px; font-weight: 700;}
.od_prd_list .bsk_bot_wrap {margin-bottom: 50px;}
.od_prd_list .bsk_bot_wrap ul {display: flex; flex-direction: column; row-gap: 20px;}
.od_prd_list .bsk_bot_wrap ul li {display: flex; align-items: center; justify-content: space-between;}
.od_prd_list .bsk_bot_wrap ul li span {font-size: 20px; font-weight: 500;}
.od_prd_list #sod_bsk_tot {padding: 50px 0; background-color: var(--gray-bg);}
.od_prd_list #sod_bsk_tot div {display: flex; align-items: center; justify-content: space-between;}
.od_prd_list #sod_bsk_tot div span {font-size: 20px; font-weight: 700;}
.od_prd_list #sod_bsk_tot div strong {font-size: 20px; font-weight: 700;}
.od_prd_list #sod_bsk_act .btn_submit {border: 0; border-radius: 0; width: 100%; padding: 70px 0; background-color: var(--main); color: #fff; font-size: 20px; font-weight: 700;}
/* 상품옵션수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); width:calc(100% - 30px); max-width: 550px; height: fit-content; background:#fff;overflow-y:auto;overflow-x:inherit;}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm {width: calc(100% - 30px); max-width: 550px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px 10px 40px;}
#mod_option_frm h2 {padding: 20px 0; background-color: var(--main); color: #fff; font-size: 24px; font-weight: 600; text-align: center;}
#mod_option_frm .btn_confirm {margin-top: 40px;}
#sit_opt_added {display: flex;flex-direction: column; row-gap: 10px;}
#sit_opt_added .sit_opt_list {display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background-color: var(--input); column-gap: 10px;}
#sit_opt_added .opt_count {display: flex; align-items: center; column-gap: 10px;}
#sit_opt_added .sit_opt_list .btn_frmline {font-size: 0; flex-shrink: 0; padding: 0; background-color: transparent; width: 15px; height: 15px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--line);}
#sit_opt_added .sit_opt_list .sit_qty_minus {background: url(../img/option-minus.svg) no-repeat; background-position: center center;}
#sit_opt_added .sit_opt_list .sit_qty_plus {background: url(../img/option-plus.svg) no-repeat; background-position: center center;}
#sit_opt_added .sit_opt_list .sit_opt_del {font-size: 0; width: 20px; height: 20px; background: url(../img/option-close.svg) no-repeat; background-position: center center;}
#sit_opt_added .opt_count button i::before {opacity: 0;}
#mod_option_frm > form {margin-top: 40px;}
#mod_option_frm > form h3 {display: none;}
#mod_option_frm .option_wr {display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap;}
#mod_option_frm .option_wr .get_item_options {width: calc(100% / 3 - 20px / 3); display: flex; align-items: flex-start; flex-direction: column; row-gap: 5px;}
#mod_option_frm .get_item_options span {width: 100%;}
#mod_option_frm .get_item_options select {width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px; font-weight: 500; border-radius: 5px; background-color: var(--btn_bg); color: var(--text3); background-image: url(../img/select_icon.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) center; background-size: 18px auto; padding: 12px 40px 12px 12px; cursor: pointer; text-align: left; text-align-last: left;}
#mod_option_frm #sit_tot_price {display: none;}
/* 위시리스트 */
#sod_ws .wish_wrap {margin-bottom: 80px;}
#sod_ws .wish_list {display: flex; row-gap: 100px; column-gap: 50px; flex-wrap: wrap;}
#sod_ws .wish_list .wish_chk{position: absolute; top: 10px; left: 10px; z-index: 10;}
#sod_ws .wish_item {position: relative; width: calc(50% - 25px); display: flex; align-items: flex-start; column-gap: 40px;}
#sod_ws .wish_item .sod_ws_img {flex-shrink: 0; width: 338px; height: 338px; border-radius: 5px; overflow: hidden;}
#sod_ws .wish_item .sod_ws_img a {width: 100%; height: 100%;}
#sod_ws .wish_item .sod_ws_img a img{object-fit: cover; width: 100%; height: 100%;}
#sod_ws .wish_item .info_link {font-size: 20px; font-weight: 500; margin-bottom: 5px;}
#sod_ws .wish_item .info_price {font-size: 24px; font-weight: 700; display: flex; align-items: center; column-gap: 5px;}
#sod_ws .wish_item .info_price .span_label {font-size: 20px; color: var(--green);}
#sod_ws .wish_item .mini-btn-area {margin-top: 30px;}
/* 주문서작성&주문상세내역 */
.od_list .od_item {padding: 20px 0; border-bottom: 1px solid var(--line); position: relative;}
.od_list .od_item .td_mngsmall {position: absolute; top: 25px; left: 5px; background: var(--gray-bg); color: var(--text2); padding: 0 5px; line-height: 20px; border-radius: 5px;}
.od_list .od_item .td_mngsmall.order { color: #1E90FF; } /* 주문 */
.od_list .od_item .td_mngsmall.paid { color: #20B2AA; } /* 입금 */
.od_list .od_item .td_mngsmall.ready { color: #FF8C00; } /* 준비 */
.od_list .od_item .td_mngsmall.shipping{ color: #9370DB; } /* 배송 */
.od_list .od_item .td_mngsmall.done { color: var(--green); } /* 완료 */
.od_list .od_item .td_mngsmall.cancel { color: var(--red); } /* 취소 */
.od_list .od_item:last-child {border-bottom: 0; padding-bottom: 10px;}
.od_list .od_item .od_top {display: flex; gap: 12px;}
.od_list .od_item .od_top .sod_name b {font-size: 16px; font-weight: 400;}
.od_list .od_item .od_bot .my_opt_list {margin: 15px 0; display: flex; flex-direction: column; row-gap: 10px;}
.od_list .od_item .od_bot .my_opt_list li {display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background-color: var(--input); column-gap: 60px;}
.od_list .od_item .od_bot .my_opt_list li .my_opt_prc {flex-shrink: 0;}
.od_list .od_item .od_bot .my_opt_list li p {display: flex; align-items: center; column-gap: 5px; width: 55%;}
.od_list .od_item .od_bot .my_opt_list li p .my_opt_label,
.od_list .od_item .od_bot .my_opt_list li p .my_opt_qty,
.od_list .od_item .od_bot .my_opt_list li p .line {flex-shrink: 0;}
.od_list .od_item .od_bot .my_opt_list li p .my_opt_subj {color: var(--text3); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.od_list .od_item .od_bot .my_opt_list li p .my_opt_subj b {font-weight: 400;}
.od_list .od_item .od_bot .my_opt_list li p .line {width: 1px ; height: 10px; background-color: var(--text3);}
.od_list .od_item .od_bot .od_subtotal {display: flex; align-items: center; justify-content: space-between; padding: 12px 16px;}
.od_list .od_item .od_bot .od_subtotal strong{color: var(--green);}
/* 주문서 작성 */
#sod_frm {display: flex; gap: 24px;}
#sod_frm .sod_left {width: 70%;}
#sod_frm .sod_right {width: calc(30% - 24px); min-width: 350px;}
#sod_frm .sod_right_inner {position: sticky; top: 200px;}
#sod_frm .sod_left .sod_wrap h4 {margin-top: 24px;}
#sod_frm h4 {font-size: 20px; font-weight: 700; margin-bottom: 14px;}
#sod_frm .od_box {border-radius: 20px; background-color: #fff; overflow: hidden; padding: 20px 16px;}
#sod_frm .od_box h5 {font-size: 16px; font-weight: 700; color: var(--text2); padding: 10px 0 20px; border-bottom: 1px solid var(--line); transition: all 0.3s;}
#sod_frm .od_box h5.toggle_hd {display: flex; align-items: center; justify-content: space-between;}
#sod_frm .od_box h5.toggle_hd.closed {padding: 10px 0; border-bottom: 1px solid transparent;}
#sod_frm .od_box h5.toggle_hd svg {transition: transform 0.3s;}
#sod_frm .od_box h5.toggle_hd:not(.closed) svg {transform: rotate(180deg);}
#sod_frm .od_prd_list {display: flex; flex-direction: column-reverse;}
#sod_frm #sod_list {display: none;}
/* 주문하시는분&받으시는분 */
#sod_frm_orderer table {display: none;}
#sod_frm_orderer table, #sod_frm_taker table {margin-top: 20px;}
#sod_frm_orderer tbody, #sod_frm_taker tbody {display: flex; flex-direction: column; row-gap: 20px;}
#sod_frm_orderer tr, #sod_frm_taker tr {display: flex; flex-direction: column;align-items: flex-start;}
#sod_frm_orderer tr th, #sod_frm_taker tr th {font-size: 16px; font-weight: 400; padding-bottom: 10px;}
#sod_frm_orderer tr th label, #sod_frm_taker tr th label {font-size: 16px; font-weight: 400; }
#sod_frm_orderer tr td, #sod_frm_orderer tr td input[type="password"] , #sod_frm_orderer tr td input[type="text"]:not(#od_zip), #sod_frm_taker tr td, #sod_frm_taker tr td input[type="text"]:not(#od_b_zip){width: 100%;}
#sod_frm_orderer tr td ul, #sod_frm_taker tr td ul {display: flex; flex-direction: column; row-gap: 6px;}
.order_choice_place {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.order_choice_place .btn_frmline {display: flex; align-items: center; justify-content: center;}
.order_choice_place input[type="radio"]{position:absolute; width:0; height:0;}
.order_choice_place label{position:relative; display:inline-flex; align-items:center; gap:10px; padding-left:36px; line-height:28px; cursor:pointer; font-size: 16px;}
.order_choice_place label::before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:28px; height:28px; border:1px solid var(--line); border-radius:50%;background-color:var(--white);}
.order_choice_place input[type="radio"]:checked + label::before{background-color:var(--main); background-image:url(../img/radio_icon.svg); background-repeat:no-repeat; background-position:center;}
.order_choice_place input[type="radio"]:focus-visible + label::before{outline:2px solid currentColor; outline-offset:2px;}
.order_choice_place input[type="radio"]:disabled + label{opacity:0.5; cursor:not-allowed;}
/* 결제금액 */
#sod_bsk_tot {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed var(--line);}
#sod_bsk_tot .sod_bsk_list {display: flex; flex-direction: column; row-gap: 10px;}
#sod_bsk_tot .sod_bsk_list li {display: flex; align-items: center; justify-content: space-between;}
#sod_bsk_tot .sod_bsk_list > li > span ,
#sod_bsk_tot .sod_bsk_list > li > strong {font-size: 16px; color: var(--text2); font-weight: 500;}
#sod_bsk_tot .sod_bsk_list_inner {width: 100%; border-left: 4px solid var(--line); padding-left: 10px; display: flex; flex-direction: column; row-gap: 6px;}
#sod_bsk_tot .sod_bsk_list_inner > li > span ,
#sod_bsk_tot .sod_bsk_list_inner > li > strong {font-size: 14px; color: var(--text3); font-weight: 500;}
#sod_frm_pay .pay_tbl {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed var(--line);}
#sod_frm_pay .pay_tbl tbody {border-left: 4px solid var(--line); padding-left: 10px; display: flex; flex-direction: column; row-gap: 6px;}
#sod_frm_pay .pay_tbl tr {display: flex; align-items: center; justify-content: space-between;}
#sod_frm_pay .pay_tbl tr td {text-align: right;}
#sod_frm_pay .pay_tbl tr th, #sod_frm_pay .pay_tbl tr td, #sod_frm_pay .pay_tbl tr td strong {font-size: 14px; font-weight: 400; color: var(--text3);}
#sod_frm_pay .pay_tbl tr th {text-align: left;}
#sod_frm_pay .pay_tbl tr td .small {font-size: 12px;}
#od_tot_price {padding: 16px 0; border-radius: 5px; background-color: var(--gray-bg); color: var(--green); text-align: center;}
/* 결제수단 */
#od_pay_sl {padding-top: 10px; margin-top: 10px; border-top: 1px dashed var(--line);}
#sod_frm_pt_alert {font-size: 14px; color: var(--text3); padding-bottom: 20px;}
#sod_frm_pt_alert strong {color: var(--red);}
#sod_frm_paysel {padding: 10px; border: 1px solid var(--line); border-radius: 5px; position: relative;}
#sod_frm_paysel > legend {font-size: 16px; color: var(--text2); font-weight: 500; padding: 0 5px; position: absolute; top: 0; transform: translateY(-50%); left: 10px; background-color: #fff;}
#sod_frm_paysel > input[type="radio"] {display: none;}
#sod_frm_paysel > label {display: inline-block; padding: 10px 20px; border-radius: 5px; font-size: 14px; background-color: var(--btn_bg); cursor: pointer; text-align: center; transition: all 0.2s ease;}
#sod_frm_paysel > input[type="radio"]:checked + label {background-color: var(--submit); color: #fff;}
#settle_bank {border-radius: 5px; background-color: var(--gray-bg); padding: 10px; margin-top: 10px; font-size: 14px;}
#settle_bank input[type="text"] {padding: 5px;}
/* 결제버튼 */
.display_pay_box {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); z-index: 50; width: 100%; position: fixed; bottom: 0; padding: 20px 0; background-color: #fff;}
#display_pay_button {display: flex; justify-content: center; column-gap: 10px;}
#display_pay_button input[type="button"], #display_pay_button a {width: 100%; background-color: #fff; padding: 20px 0; border: 1px solid var(--main); border-radius: 40px; color: var(--main); font-size: 24px; font-weight: 500; text-align: center;}
#display_pay_button input[type="button"]{background-color: var(--main); color: #fff;}
/* 주문내역 */
#sod_v .order_item {border-bottom: 10px solid var(--gray-bg); padding: 30px 0;}
#sod_v .order_item:last-child {border-bottom: 0;}
#sod_v .order_item .order_hd {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
#sod_v .order_item .order_hd .order_date {font-size: 24px; font-weight: 500;}
#sod_v .order_item .order_box {border: 1px solid var(--line); border-radius: 20px; padding: 40px;}
#sod_v .order_item .order_tit {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
#sod_v .order_item .order_num {font-size: 24px; font-weight: 700; color: var(--green);}
#sod_v .order_item .od_price_info {margin-bottom: 10px;}
#sod_v .order_item .od_price_list {width: 100%; border-left: 4px solid var(--line); padding-left: 10px; display: flex; flex-direction: column; row-gap: 6px;}
#sod_v .order_item .od_price_info,
#sod_v .order_item .od_price_list > li {display: flex; align-items: center; justify-content: space-between;}
#sod_v .order_item .od_price_list > li > span {font-size: 14px; color: var(--text3); font-weight: 500;}
#sod_v .order_item .od_price_info span,
#sod_v .order_item .od_price_info strong {font-size: 16px; color: var(--text2); font-weight: 500;}
/* 주문상세내역 */
#sod_fin_no {padding: 16px 0; border-radius: 5px; background-color: #fff; color: var(--green); text-align: center; font-size: 18px; margin-bottom: 24px;}
#sod_fin h4 {font-size: 20px; font-weight: 700; margin-bottom: 14px;}
#sod_fin h5 {font-size: 16px; font-weight: 700; color: var(--text2); padding: 10px 0 20px; border-bottom: 1px solid var(--line); transition: all 0.3s;}
#sod_fin .sod_fin_wrap {display: flex; gap: 24px;}
#sod_fin .sod_wrap_inner {display: flex; flex-direction: column; gap: 24px;}
#sod_fin .sod_left {width: 70%;}
#sod_fin .sod_right {width: calc(30% - 24px); min-width: 350px;}
#sod_fin .sod_right_inner {position: sticky; top: 200px;}
#sod_fin_list {margin-bottom: 24px;}
#sod_fin_list .od_list, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr, #sod_bsk_tot2, #sod_fin_pay{padding: 20px 16px; border-radius: 20px; background-color: #fff;}
#sod_fin_orderer table, #sod_fin_receiver table, #sod_fin_dvr table {margin-top: 20px;}
#sod_fin_orderer tbody, #sod_fin_receiver tbody, #sod_fin_dvr tbody {display: flex; flex-direction: column; row-gap: 20px;}
#sod_fin_orderer tr, #sod_fin_receiver tr , #sod_fin_dvr tr {display: flex; flex-direction: column;align-items: flex-start;}
#sod_fin_orderer tr th, #sod_fin_receiver tr th , #sod_fin_dvrtr th {font-size: 16px; font-weight: 400; padding-bottom: 10px;}
#sod_fin_orderer tr td, #sod_fin_receiver tr td , #sod_fin_dvr tr td {width: 100%;}
#sod_fin_orderer tr td, #sod_fin_receiver tr td {border: 1px solid var(--line); border-radius: 5px; padding: 12px; height: 45px; background-color: var(--input-readonly);}
#sod_fin_orderer tr td ul, #sod_fin_receiver tr td ul, #sod_fin_dvr tr td ul {display: flex; flex-direction: column; row-gap: 6px;}
#sod_fin_pay ul {padding-top: 20px; display: flex; flex-direction: column; row-gap: 10px;}
#sod_fin_pay li {display: flex; align-items: center; justify-content: space-between; column-gap: 20px;}
#sod_fin_pay li strong, #sod_fin_pay li span {font-size: 16px; font-weight: 500; color: var(--text2);}
#sod_fin_pay li strong {flex-shrink: 0;}
#sod_bsk_tot2 {margin-bottom: 24px;}
#sod_bsk_tot2 {display: flex; flex-direction: column; row-gap: 10px;}
#sod_bsk_tot2 li {width: 100%; display: flex; align-items: center; justify-content: space-between;}
#sod_bsk_tot2 li span, #sod_bsk_tot2 li strong {font-size: 16px; font-weight: 500; color: var(--text2);}
#sod_bsk_tot2 li ul {display: flex; flex-direction: column; row-gap: 6px; width: 100%; border-left: 4px solid var(--line); padding-left: 10px; display: flex; flex-direction: column; row-gap: 6px;}
#sod_bsk_tot2 li ul li span, #sod_bsk_tot2 li ul li strong {font-size: 14px; font-weight: 500; color: var(--text3);}
#sod_bsk_tot2 .sod_bsk_point {padding: 10px 0; border-top: 1px dashed var(--line); border-bottom: 1px dashed var(--line);}
#sod_bsk_tot2 .sod_fin_tot_price { padding: 16px 0; border-radius: 5px; background-color: var(--gray-bg); text-align: center; justify-content: center; column-gap: 5px;}
#sod_bsk_tot2 .sod_fin_tot_price span, #sod_bsk_tot2 .sod_fin_tot_price strong { color: var(--green);}
#sod_bsk_tot2 .sod_fin_tot_price strong {font-weight: 700;}
#sod_bsk_tot2 .sod_fin_tot_wrap {padding-top: 10px; border-top: 1px dashed var(--line);}
#sod_cancel_pop {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
#sod_fin_cancelfrm {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);background:#fff;text-align:center;width:calc(100% - 30px); max-width: 550px; margin: 50px auto 0; overflow-y:auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 10px 10px 40px;}
#sod_fin_cancelfrm h4 {display: flex; align-items: center; justify-content: space-between; padding: 20px; margin-bottom: 0; background-color: var(--main); color: #fff; font-size: 24px; font-weight: 600; text-align: center;}
#sod_fin_cancelfrm form {max-width: 400px; margin: 40px auto 0;}
#sod_fin_cancelfrm form input[type="text"] {width: 100%;}
#sod_fin_cancelfrm form .btn_frmline {margin-top: 40px;}
.sod_fin_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
#sod_fin_test {padding:10px}
#sod_fin_cancel > p {padding: 16px 0; border-radius: 5px; background-color: #fff; color: var(--red); text-align: center; font-size: 18px; margin-bottom: 24px;}
/* 비회원 구매&비회원 주문조회 */
#mb_login_notmb,#mb_login_od_wr {margin-top: 40px;}
#mb_login_notmb h2, #mb_login_od_wr h2 {display: flex; align-items: center; justify-content: center; width: 100%; background-color: #fff; position: relative; z-index: 10; text-align: center; margin: 0 auto 40px; font-size: 20px;}
#mb_login_notmb h2 p , #mb_login_od_wr h2 p {z-index: 5; background-color: #fff;}
#mb_login_notmb h2::after, #mb_login_od_wr h2::after {position: absolute; width: 100%; height: 1px; background-color: var(--line); top: 12px; left: 0; display: block; content: ''; z-index: 1;}
#mb_login_notmb > p {font-size: 1.125rem; padding: 20px 0; color: var(--main); background-color: var(--btn_bg); border-radius: 5px; text-align: center; margin-bottom: 40px;}
#guest_privacy {width: 100%; border-radius: 5px; border: 1px solid var(--line); resize: none; padding: 12px; height: 228px; overflow-y: scroll; color: var(--text_disabled); margin-bottom: 40px;}
#mb_login_notmb .chk_box input[type="checkbox"],
#mb_login_notmb .chk_box input[type="checkbox"] + label span {display:none;}
#mb_login_notmb .chk_box input[type="checkbox"] + label{position: relative; cursor:pointer; color: var(--text1) !important; padding-left: 25px !important;}
#mb_login_notmb .chk_box input[type="checkbox"] + label:hover {color: var(--text2) !important; transition: all 0.3s;}
#mb_login_notmb .chk_box input[type="checkbox"] + label:before{position:absolute; content:""; display:inline-block; background-color: var(--text_w); width:20px; height:20px; box-sizing: border-box; border:1px solid var(--line); left:0; top: 50%; transform: translate(0, -50%); border-radius: 50%; background-image: url('../img/chk.svg'); background-repeat: no-repeat; background-position: 50%;}
#mb_login_notmb .chk_box input[type="checkbox"]:checked + label:before{ content:""; background-color: var(--main); border: 1px solid var(--main); background-image: url('../img/chk-w.svg'); background-repeat: no-repeat; background-position: 50%;}
#mb_login_notmb .btn_confirm {margin-top: 20px;}
#mb_login_od_wr #mb_login_od legend {display: none;}
#mb_login_od_wr #mb_login_od input[type="text"], #mb_login_od_wr #mb_login_od input[type="password"] {width: 100%; margin-bottom: 20px;}
#mb_login_od_wr #mb_login_odinfo {padding: 16px 10px; border-radius: 5px; background-color: var(--gray-bg); color: var(--green); text-align: center; font-size: 16px; margin-bottom: 24px; word-break: auto-phrase;}
#mb_login_od_wr .login-sns {margin-top: 40px;}
/* 회원정보찾기 */
#find_info h3 {display: flex; align-items: center; justify-content: center; width: 100%; background-color: #fff; position: relative; z-index: 10; text-align: center; margin: 0 auto 40px; font-size: 20px;}
#find_info h3 p {z-index: 5; background-color: #fff;}
#find_info h3::after {position: absolute; width: 100%; height: 1px; background-color: var(--line); top: 12px; left: 0; display: block; content: ''; z-index: 1;}
#find_info #info_fs > p {word-break: keep-all; padding: 16px 0; border-radius: 5px; background-color: var(--gray-bg); color: var(--red); text-align: center; font-size: 18px; margin-bottom: 24px;}
#find_info #mb_email, #find_info #captcha {margin-bottom: 20px;}
#find_info #captcha {width: 100%;}
/* 제품상세 */
#sit_pvi {aspect-ratio: 496 / 376; overflow: hidden;}
#sit_pvi #sit_pvi_thumb {height: 100%; overflow: auto; flex-wrap: unset !important; justify-content: flex-start;}
.tab_tit {position: sticky; top: 191px; background-color: #fff; z-index: 99;}
#sit_tab .tab_tit li button{padding: 0 !important;}
#sit_tab .tab_tit li button a{padding: 0 30px; display: flex; align-items: center; width: 100%; height: 100%; column-gap: 10px; justify-content: center;}
#sit_use {margin: 50px 0;}
/* 후기상세 */
.use-detail .use_item {display: flex; align-items: center; column-gap: 20px; padding-top: 30px; padding-bottom: 30px;}
.use-detail .use_item .thumb {width: 150px; height: 150px; border-radius: 5px; overflow: hidden; flex-shrink: 0;}
.use-detail .use_item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.use-detail .use_item .meta {display: flex; flex-direction: column; row-gap: 20px;}
.use-detail .use_item .meta .tit {font-size: 20px; font-weight: 500; width: 100%; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.use-detail .use_detail_cont {padding: 30px 0;}
.use-detail .use-detail-title {padding: 30px 0; font-size: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.use-detail .use-detail-meta {margin-bottom: 30px; width: 100%; border-radius: 10px; background-color: var(--gray-bg); padding: 20px; display: flex; flex-direction: column; row-gap: 10px;}
.use-detail .use-detail-meta span {color: var(--text2);}
.use-detail .use-detail-media .use-swiper {aspect-ratio: 1/1; width: 100%; max-width: 500px; margin-left: 0; margin-right: 0;}
.use-detail .use-detail-media .use-swiper .swiper-wrapper,
.use-detail .use-detail-media .use-swiper .swiper-slide {height: 100%;}
.use-detail .use-detail-media .use-swiper .swiper-button-prev, .use-detail .use-detail-media .use-swiper .swiper-button-next {width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, .35); color: #fff;}
.use-detail .use-detail-media .use-swiper .swiper-button-prev::after, .use-detail .use-detail-media .use-swiper .swiper-button-next::after {font-size: 1.125rem;}
.use-detail .use-detail-media .use-media-yt {aspect-ratio: 16 / 9; max-width: 500px;}
.use-detail .use-detail-media .use-media-yt iframe {width: 100%; height: 100%;}
.use-detail .use-detail-content {margin-top: 30px;}
.use-detail .use-detail-content>div>div {display: none;}
/* 후기 제목 숨기기 */
#sit_use_write .item_use_form.subject_form ,.use-view__title, .use-detail-title {display: none !important;}
/* 마이페이지-사용후기 */
.my_use .my_use-info .my-img {display: flex; align-items: center; justify-content: center;}
/* 반응형 */
@media screen and (max-width: 1500px) {
.wrap500,.wrap1000,.wrap1500 {width: calc(100% - 48px);}
/* 상품검색 */
.ssch_section.ssch_cate .cate_li_1 {width: calc(100% / 8);}
}
@media screen and (max-width: 1280px) {
/* 쿠폰존 */
.couponzone_list .cp_inner .cp_left .cp_thumb {display: none;}
/* 장바구니 */
.od_prd_list .cart-item .cart-item-info .cart-img {width: 200px; height: 200px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-3 li,
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-4 li {width: calc(100% / 2 - 10px / 2);}
/* 위시리스트 */
#sod_ws .wish_item .sod_ws_img {width: 18vw; height: 18vw;}
#sod_ws .wish_item {column-gap: 30px;}
}
@media screen and (max-width: 1024px) {
/* .wrap500,.wrap1000,.wrap1500 {padding-top: 50px;} */
#mb_confirm h1 {padding: 16px 0; font-size: 22px;}
/* 상품검색 */
.ssch_section h4 {font-size: 20px;}
.ssch_section h4 .ssch_tit_cert {font-size: 18px;}
.ssch_section .wrap1500 {padding-top: 0;}
/* 장바구니 */
.od_prd_list .cart-item .cart-item-info .cart-img {width: 160px; height: 160px;}
.od_prd_list .cart-item .cart-item-info.pc {display: none;}
.od_prd_list .cart-item .cart-item-info.mo {display: flex;}
.od_prd_list .cart-item .cart-item-info .cart-info-top {display: flex; align-items: flex-start; column-gap: 30px;}
.od_prd_list .cart-item .cart-item-info .cart-info-wrap {flex: 1; display: flex; flex-direction: column; justify-content: space-between; row-gap: 10px;}
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-2 li,
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-3 li,
.od_prd_list .cart-item .cart-item-info .cart-info .sod_opt .count-4 li {width: 100%;}
/* 위시리스트 */
#sod_ws .wish_list {flex-direction: column; row-gap: 60px;}
#sod_ws .wish_item {width: 100%;}
#sod_ws .wish_item .sod_ws_img {width: 240px; height: 240px;}
/* 주문서 작성 */
#sod_frm, #sod_fin .sod_fin_wrap {flex-direction: column;}
#sod_frm .sod_left, #sod_frm .sod_right, #sod_fin .sod_fin_wrap .sod_left, #sod_fin .sod_fin_wrap .sod_right {width: 100%;}
#sod_frm .sod_right_inner, #sod_fin .sod_fin_wrap .sod_right_inner {position: unset;}
#display_pay_button input[type="button"], #display_pay_button a {padding: 16px 0; font-size: 20px;}
/* 주문내역 */
#sod_v .order_item .order_hd .order_date {font-size: 22px;}
#sod_v .order_item .order_box {padding: 30px;}
#sod_v .order_item .order_num {font-size: 22px;}
/* 주문상세내역 */
#sod_fin_cancelfrm h4 {padding: 16px; font-size: 22px;}
/* 제품상세 */
.tab_tit {top: 173px;}
}
@media screen and (max-width: 768px) {
.wrap500,.wrap1000,.wrap1500 {width: calc(100% - 30px);}
/* 상단레이아웃 추가 */
#category .hd_cate {padding: 0 15px;}
#category .cate_wrap {padding: 0 15px;}
#category .user_cate li a svg {width: 40px; height: 40px;}
#category .user_cate li a span {font-size: 14px;}
#category .cate2 li a {padding: 15px; font-size: 16px;}
/* 비밀번호 확인 */
#mb_confirm h1 {padding: 15px; font-size: 20px;}
/* 회원가입완료 */
#reg_result .reg_result_p {padding: 15px; font-size: 22px;}
/* 쿠폰존 */
.couponzone_list > ul {flex-direction: column;}
.couponzone_list > ul > li {width: 100%;}
/* 상품검색 */
.ssch_section .ssch_latest_list {row-gap: 10px; column-gap: 20px;}
.ssch_section.ssch_cate .cate_li_1 {width: calc(100% / 5);}
/* 장바구니 */
.sit_today_box .sit_msg span {display: none;}
.od_prd_list .cart-item .cart-item-info .cart-img {width: 120px; height: 120px;}
.od_prd_list #sod_bsk_tot {padding: 40px 0;}
.od_prd_list #sod_bsk_act .btn_submit {padding: 50px 0;}
/* 위시리스트 */
#sod_ws .wish_item {column-gap: 20px;}
#sod_ws .wish_item .sod_ws_img {width: 180px; height: 180px;}
/* 주문서 작성 */
#display_pay_button input[type="button"], #display_pay_button a {padding: 12px 0; font-size: 18px;}
/* 주문상세내역 */
#sod_fin_cancelfrm h4 {padding: 15px; font-size: 20px;}
/* 제품상세 */
.tab_tit {top: 153px;}
.tab_tit li {flex: 1;}
.tab_tit li button {width: 100%; justify-content: center;}
/* 상품문의 */
.my_qa .qa-item a {position: relative;}
.my_qa .qa-item a > em {position: absolute; top: 10px; left: 10px; z-index: 10; padding: 2px 4px;}
}
@media screen and (max-width: 500px) {
/* 버튼 */
.icon-btn {width: 24px; height: 24px;}
.ye-btn {height: 50px;}
.ye-btn > a {font-size: 16px;}
.custom-chk {font-size: 18px; gap: 10px;}
.bo_list {width: 100%;}
/* 상단레이아웃 추가 */
#category .user_cate li a span {font-size: 12px;}
#category .cate2 li a {padding: 10px; font-size: 14px;}
#category .cate .cate_li_1_a span {font-size: 14px;}
#mb_confirm h1 {padding: 10px 0; font-size: 16px;}
/* 로그인 */
#mb_login .login_if_lpl a,
#mb_login #sns_login h3 {font-size: 16px;}
#mb_login .mbskin_box {row-gap: 30px;}
/* 카카오로그인 */
#kakao-login #sns_login h3 {font-size: 16px;}
#kakao-login #sns_login p {font-size: 16px;}
#kakao-login .kakao-login-btn {padding: 15px 20px; font-size: 20px;}
/* 상품문의 */
/* .my_qa .qa-item a {flex-direction: column; row-gap: 20px; align-items: flex-start; padding: 0 15px;} */
.my_qa .qa-item a > em {top: 4px; left: 4px; padding: 2px 4px;}
.my_qa .qa-item a .thumb {width: 120px; height: 120px;}
.my_qa .qa-item a .meta em {font-size: 14px;}
.my_qa .qa-item a .meta {height: 120px;}
.my_qa .qa-item a .meta .meta-txt {row-gap: 16px;}
.my_qa .qa-item a .meta .name {font-size: 18px;}
.my_qa .qa-item a .meta .q-text {font-size: 16px;}
.my_qa .qa-item a .meta .date {font-size: 14px;}
/* 배송지 추가/수정 */
.order-addr-wrapper .addr_item .addr_title {margin-bottom: 15px;}
.order-addr-wrapper .addr_item .addr_title span:not(.badge_default) {font-size: 14px;}
.order-addr-wrapper .addr_item .addr_addr {font-size: 16px; margin-bottom: 15px;}
/* 비밀번호 확인 */
#mb_confirm > p strong {font-size: 16px;}
#mb_confirm > p {font-size: 14px;}
/* 회원가입완료 */
#mb_confirm h1,
#reg_result .reg_result_p {padding: 10px; font-size: 20px;}
#reg_result .result_txt {font-size: 14px;}
/* 상품검색 */
.ssch_section h4 {font-size: 18px;}
.ssch_section h4 .ssch_tit_cert {font-size: 16px;}
.ssch_scharea {padding: 18px 20px; height: 60px;}
.ssch_scharea .icon_btn svg {width: 30px; height: 30px;}
.ssch_section.ssch_cate .cate_li_1_a span{font-size: 0.875rem;}
.ssch_section.ssch_pop .ssch_pop_list{ column-count: 1; }
.ssch_result .sct_10 {column-gap: 20px; row-gap: 80px;}
.ssch_result .sct_10 .sct_li {width: calc(50% - 10px);}
/* 장바구니 */
.sit_today_box .sit_msg {font-size: 16px;}
.od_prd_list .bsk_top_wrap {padding: 20px 0;}
.od_prd_list .cart-item .cart-chk {top: 5px; left: 5px;}
.od_prd_list .cart-item .cart-item-info .cart-img {width: 80px; height: 80px;}
.od_prd_list .cart-item .cart-item-info .cart-info .prd_name {font-size: 16px; line-height: 20px; max-height: 40px;}
.od_prd_list .cart-item .cart-total {font-size: 16px; height: 80px;}
.od_prd_list .cart-item .cart-total strong {font-size: 20px;}
.od_prd_list .cart-item .cart-item-info .cart-info .cart-info-list {font-size: 14px;}
.od_prd_list #sod_bsk_tot {padding: 30px 0;}
.od_prd_list #sod_bsk_act .btn_submit {padding: 35px 0;}
#sit_opt_added .sit_opt_list {flex-direction: column; align-items: flex-start; row-gap: 10px;}
#sit_opt_added .opt_count {width: 100%;}
#sit_opt_added .opt_count .sit_opt_prc {width: 100%; text-align: right;}
#sit_opt_added .sit_opt_list .sit_opt_del {flex-shrink: 0;}
#mod_option_frm .option_wr .get_item_options {width: calc(100% / 2 - 10px / 2);}
/* 위시리스트 */
#sod_ws .wish_item {column-gap: 14px;}
#sod_ws .wish_item .sod_ws_img {width: 120px; height: 120px;}
#sod_ws .wish_item .info_link {font-size: 16px;}
#sod_ws .wish_item .info_price {font-size: 16px;}
#sod_ws .wish_item .info_price .span_label {font-size: 18px;}
/* 주문서 작성 */
#display_pay_button input[type="button"], #display_pay_button a {padding: 10px 0; font-size: 16px;}
/* 주문내역 */
#sod_v .order_item .order_hd .order_date {font-size: 20px;}
#sod_v .order_item .order_box {padding: 20px;}
#sod_v .order_item .order_num {font-size: 20px;}
/* 주문상세내역 */
#sod_fin_cancelfrm h4 {padding: 10px; font-size: 20px;}
/* 비회원 구매&비회원 주문조회 */
#mb_login_notmb h2, #mb_login_od_wr h2 {font-size: 16px;}
#mb_login_od_wr #mb_login_odinfo {font-size: 14px;}
/* 회원정보찾기 */
#find_info #info_fs > p {font-size: 14px;}
/* 제품상세 */
#sit_pvi {aspect-ratio: 490 / 580;}
#sit_pvi #sit_pvi_thumb {width: 100%;}
#sit_sel_option #sit_opt_added .sit_opt_list .opt_count .sit_opt_prc {padding: 0;}
/* 제품상세 */
.tab_tit {top: 116px;}
/* 후기상세 */
.use-detail .use_item {flex-direction: column; align-items: flex-start; row-gap: 20px;}
.use-detail .use_item .thumb {width: 120px; height: 120px;}
.use-detail .use_item .meta .tit {font-size: 16px;}
.use-detail .use-detail-title {padding: 20px 0; font-size: 20px;}
.use-detail .use-detail-meta {padding: 16px; margin-bottom: 15[x];}
.use-detail .use-detail-meta .use-detail-star img {height: 20px;}
}
@media screen and (max-width: 400px) {
/* 상품검색 */
.ssch_section.ssch_cate .cate_li_1_a span{font-size: 0.75rem;}
}
/* 밑에가잘려요 */
/* 밑에가잘려요 */
/* 밑에가잘려요 */
/* 밑에가잘려요 */
/* 밑에가잘려요 */
/* 밑에가잘려요 */
/* 밑에가잘려요 */