:root {
    --border-color : #E3E3E3;
    --color-red: #DC2C2C;
    --main-color : #000;
}

/* common */
body {overflow: revert;}
.header {background: #FFF;}
.er_txt{font-size: 14px; margin-top: 10px; letter-spacing: -1px; color: var(--color-red); display: none;}
.er_txt.on{display: block;}
.btn{font-size: 15px; font-weight: 500; padding: 12px 0; width: 100%; display: block; text-align: center; border: 1px solid #000;}
.btn_01{background: #FFF; border-color: #E8E8E8; color: #777;}
.btn_02{background: #FFF;}
.btn_03{color: #FFF; background: #000;}
.red, .red *{color: var(--color-red) !important;}
.blue{color: #095FC0;}
.c600, .c600 *{color: #8E8E8E !important;}
.chk{display: flex; align-items: center; gap: 10px;}

/* input */
input:not([type='checkBox']):not([type="radio"]) {width: 100%; height: 40px; border: 1px solid var(--border-color); font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #000; padding: 0 15px; box-sizing: border-box; transition: all 0.3s; outline: none !important;}
input:not([type='checkBox']):not([type="radio"]).error {border-color: var(--color-red);}
input::placeholder {color: #AAAAAA;}
input:not([type='checkBox']):not([type="radio"]):focus {border-color: #000; border-radius: 0;}
input:not([type='checkBox']):not([type="radio"]):disabled {background: #F5F5F7; opacity: 1;}
input:not([type='checkBox']):not([type="radio"]):-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; }
input[type='checkBox'] {-webkit-appearance:none; border: 1px solid rgba(0, 0, 0, 0.10); width: 20px; height: 20px; background: #FFF url("/img/mypage/check_ic.svg") no-repeat center / 16px;}
input[type='checkBox']:checked {background-image: url("/img/mypage/checked_ic.svg"); border-color: #000; background-color: #000;}
input[type='radio'] {-webkit-appearance:none; border: 1px solid #BEBEBE; width: 20px; height: 20px; background: #FFF url("/img/mypage/radio_ic.svg") no-repeat center / 10px; border-radius: 50%;}
input[type='radio'] + label{font-size: 14px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
input[type='radio']:checked {background-image: url("/img/mypage/radio_checked_ic.svg"); border-color: #000; background-color: #000;}
input[type='radio']:checked + label{color: #000;}


/********** member **********/
#member_wrap {margin: 200px auto 150px; max-width: 340px; padding: 0 20px;}
#member_wrap h2 {text-align: center; font-size: 20px; letter-spacing: -0.4px; font-weight: 600; color: #000; margin-bottom: 40px;}
#member_wrap .btn_wrap.flex{display: flex; gap: 10px;}

/* 로그인 */
#member_wrap.mem_login_wrap h2 {margin-bottom: 50px; font-size: 48px; letter-spacing: -1px; font-weight: 400; line-height: 1.12; font-family: var(--font-roz);}
.mem_login_wrap .login_box .pw {margin-top: 10px;}
.mem_login_wrap .secret{gap: 7px;}
.mem_login_wrap .secret img{width: 20px;}
.mem_login_wrap .secret span{font-size: 14px; letter-spacing: -0.4px; font-weight: 500; color: #777;}
.mem_login_wrap .btn_02{transition: all 0.3s; cursor: pointer;}
.mem_login_wrap .btn_02:hover{background: #000; color: #FFF;}
.mem_login_wrap .sns_login span{font-family: 16px; font-weight: 600; letter-spacing: -0.32px; color: #111;}
.mem_login_wrap .sns{display: flex; gap: 10px;}
.mem_login_wrap .other{gap: 20px;}
.mem_login_wrap .other a{font-size: 13px; font-weight: 500; color: #8E8E8E;}
.mem_login_wrap .other .line{width: 1px; height: 10px; background: #BEBEBE;}

/* 아이디/비번 찾기 */
.mem_find_wrap .tab {display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.mem_find_wrap .tab a {display: block; width: 50%; padding: 12px 0; font-size: 15px; letter-spacing: -1px; font-weight: 600; color: rgba(142, 142, 142, 0.70); border-bottom: 1px solid rgba(172, 172, 172, 0.30); text-align: center;}
.mem_find_wrap .tab a.on {color: #000; border-bottom: 1px solid #000;}
.mem_find_wrap .desc{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E; margin-bottom: 20px;}
.mem_find_wrap .input_box > div  + div {margin-top: 10px;}
.mem_find_wrap .btn_wrap{margin-top: 20px; gap: 10px;}
.mem_find_wrap .btn_wrap .btn_01{width: 100px;}
.mem_find_wrap .btn_wrap .btn_03{width: calc(100% - 110px);}
.mem_find_wrap .btn_wrap.full .btn_03{width: 100%;}
.mem_find_wrap .result{display: none;}
.mem_find_wrap .result .box{padding: 35px 50px; background: #F5F5F7;}
.mem_find_wrap .result .box dl{display: flex; gap: 20px; font-size: 14px; letter-spacing: -0.4px;}
.mem_find_wrap .result .box dl + dl{margin-top: 10px;}
.mem_find_wrap .result .box dl dt{font-weight: 600; min-width: 37px;}
.mem_find_wrap .result .box dl dd{font-weight: 500; color: rgba(142, 142, 142, 0.70); width: calc(100% - 57px);}
.mem_find_wrap .result .btn_wrap .btn_01{width: 130px;}
.mem_find_wrap .result .btn_wrap .btn_02{width: calc(100% - 140px);}
.mem_find_wrap .result .btn_wrap.full .btn_03{width: 100%;}
.mem_find_wrap .result .code{margin-top: 20px; font-size: 14px; line-height: 1.4;}

/* 회원가입 약관동의 */
#member_wrap.mem_agree_wrap{max-width: 395px;}
#member_wrap .join_step{gap: 60px; position: relative; margin-bottom: 40px;}
#member_wrap .join_step::before{content: ''; display: block; width: 200px; height: 1px; background: #E5E5E5; position: absolute; left: 50%; transform: translateX(-50%); top: 20px; z-index: -1;}
#member_wrap .join_step li{text-align: center;}
#member_wrap .join_step li img{width: 40px;}
#member_wrap .join_step li p{font-size: 13px; font-weight: 700; color: #AAA; margin-top: 10px;}
#member_wrap .join_step li.on p{color: #000;}
.mem_agree_wrap .txt{margin-bottom: 40px;}
.mem_agree_wrap .txt strong{font-size: 18px; letter-spacing: -0.4px; font-weight: 600;}
.mem_agree_wrap .txt p{margin-top: 10px; font-size: 13px; letter-spacing: -0.4px; font-weight: 500;}
.mem_agree_wrap .chk label{font-size: 14px; font-weight: 500;}
.mem_agree_wrap .chk label span{font-size: 12px;}
.mem_agree_wrap .list{margin-top: 20px;}
.mem_agree_wrap .list li{padding: 16px 0; border-top: 1px solid #E7E7E7; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.mem_agree_wrap .list li:first-child{border-color: #000;}
.mem_agree_wrap .list li:last-child{padding: 16px 20px; background: #F5F5F7;}
.mem_agree_wrap .list li .pop_btn{font-size: 12px; font-weight: 500; color: #8E8E8E; padding: 4px 16px; border: 1px solid #E8E8E8; background: #FFF; cursor: pointer;}
.mem_agree_wrap .er_txt.service,
.mem_agree_wrap .btn_wrap{margin-top: 20px;}
.prdDetail_popup.use{width: 550px; max-width: calc(100% - 40px); padding: 50px 35px;}
.prdDetail_popup.use .scroll{margin: 25px 0 0; max-height: 300px;}
.prdDetail_popup .use_wrap h5{font-size: 14px; margin-bottom: 10px;}
.prdDetail_popup .use_wrap .margin-top-30{margin-top: 30px;}
.prdDetail_popup .use_wrap ol li,
.prdDetail_popup .use_wrap p,
.prdDetail_popup .use_wrap a{font-size: 13px; letter-spacing: -0.4px; color: #8E8E8E; line-height: 1.4;}
.prdDetail_popup .use_wrap ol li + li{margin-top: 5px;}
.prdDetail_popup .use_wrap ol.disc{padding-left: 10px; margin: 10px 0;}
.prdDetail_popup .use_wrap ol.disc li{position: relative; padding-left: 10px;}
.prdDetail_popup .use_wrap ol.disc li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #8E8E8E; position: absolute; left: 0; top: 6px;}

/* 회원가입 정보입력 */
#member_wrap.mem_join_wrap {max-width: 384px;}
.mem_join_wrap .wrap + .wrap{margin-top: 30px;}
.mem_join_wrap .tit_wrap{padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #000;}
.mem_join_wrap .tit_wrap h3{font-size: 18px; letter-spacing: -0.4px; font-weight: 600;}
.mem_join_wrap .tit_wrap p{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
.mem_join_wrap .table .tr + .tr {margin-top: 20px;}
.mem_join_wrap .table .tr > .tit {font-size: 14px; font-weight: 600; letter-spacing: -0.4px; margin-bottom: 10px;}
.mem_join_wrap .table .flex {display: flex; align-items: center; gap: 0 10px;}
.mem_join_wrap .table .flex input:not([type="radio"]) {width: calc(100% - 90px);}
.mem_join_wrap .table .tel input:not([type="radio"]) {width: calc(100% - 105px);}
.mem_join_wrap .table .tr .b_m_btn {width: 80px; line-height: 40px; background: #000; font-size: 14px; font-weight: 500; color: #fff; text-align: center;}
.mem_join_wrap .table .tel .b_m_btn{width: 95px;}
.mem_join_wrap .table .tel .b_m_btn.wh{color: #000; background: #FFF; border: 1px solid #000;}
.mem_join_wrap .table .tel .desc{margin: 10px 0; font-size: 12px; line-height: 1.4; color: #AAA;}
.mem_join_wrap .table .addr input[type="text"]{margin-top: 10px;}
.mem_join_wrap .btn_wrap {margin-top: 40px; gap: 10px;}
.mem_join_wrap .btn_wrap .btn_01{width: 115px;}
.mem_join_wrap .btn_wrap .btn_03{width: calc(100% - 125px);}

/* 회원가입 완료 */
#member_wrap.mem_joinSuc_wrap {max-width: 380px;}
.mem_joinSuc_wrap{text-align: center;}
.mem_joinSuc_wrap .cont img {width: 60px;}
.mem_joinSuc_wrap .cont h3 {margin: 10px 0; font-weight: 600; font-size: 20px; letter-spacing: -0.4px;}
.mem_joinSuc_wrap .cont p {font-weight: 500; font-size: 13px; letter-spacing: -0.4px; font-weight: 500;}
.mem_joinSuc_wrap .cont p span{color: #000 !important;}
.mem_joinSuc_wrap .cont .box{padding: 40px 50px; background: #F5F5F7; margin: 40px 0 20px;}
.mem_joinSuc_wrap .cont .box .id{font-size: 16px; letter-spacing: -0.4px; line-height: 1.4; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.10);}
.mem_joinSuc_wrap .cont .box .id strong{font-weight: 600;}
.mem_joinSuc_wrap .cont .box dl{display: flex; gap: 20px; font-size: 14px; letter-spacing: -0.4px; text-align: left;}
.mem_joinSuc_wrap .cont .box dl + dl{margin-top: 10px;}
.mem_joinSuc_wrap .cont .box dl dt{font-weight: 600; min-width: 37px;}
.mem_joinSuc_wrap .cont .box dl dd{font-weight: 500; color: rgba(142, 142, 142, 0.70); width: calc(100% - 57px);}
.mem_joinSuc_wrap .btn_wrap .btn_01{width: 115px;}
.mem_joinSuc_wrap .btn_wrap .btn_03{width: calc(100% - 125px);}

/* 나의 정보수정 */
.mem_modify_wrap .table .password input {width: 570px;}
.mem_modify_wrap .table .password .b_m_btn {width: 100px;}
.mem_modify_wrap .btn2_box {display: flex; align-items: center; justify-content: center; gap: 0 10px;}
.mem_modify_wrap .btn2_box a {font-weight: 500;}
.mem_modify_wrap .btn2_box .w_m_btn {border: 1px solid var(--main-color) !important; color: var(--main-color) !important; background: #fff !important;}
.mem_modify_wrap2 input {color: #6D6D6D;}

/* 회원탈퇴 완료 */
.withdrawal_success h3 {line-height: 1.5;}

/* 개인정보 확인(비번입력) */
.mem_encrypted_wrap .cont {text-align: center; min-height: 24vh;}
.mem_encrypted_wrap .cont .img {width: 50px; display: block; margin: 50px auto 0;}
.mem_encrypted_wrap .cont .img img{width: 100%;}
.mem_encrypted_wrap .cont h3 {margin-top: 30px; font-size: 20px; font-weight: 700; line-height: 1.4;}
.mem_encrypted_wrap .cont .input {margin: 28px auto 0; width: 360px;}
.mem_encrypted_wrap .cont .input .desc {display: none; margin-top: 12px; font-weight: 400; font-size: 14px; color: var(--color-red); text-align: left;}
.mem_encrypted_wrap .cont .home_btn {width: 170px; height: 60px; margin: 28px auto 0;}
.mem_encrypted_wrap .cont .home_btn a {font-size: 18px; font-weight: 700; line-height: 60px;}




/********** mypage **********/
#mypage{margin: 200px auto 150px;}
#mypage .inner{max-width: 1400px; display: flex; align-items: flex-start; gap: 50px;}
#mypage .mp_menu {width: 190px;}
#mypage .mp_menu h2{font-size: 25px; margin-bottom: 30px;}
#mypage .mp_menu .user{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #000;}
#mypage .mp_menu .user .name{font-size: 20px; letter-spacing: -0.4px; font-weight: 300;}
#mypage .mp_menu .user .name b{font-weight: 600;}
#mypage .mp_menu .user .grade{margin-top: 10px; gap: 5px;}
#mypage .mp_menu .user .grade i{font-size: 10px; font-weight: 700; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-style: normal;}
#mypage i.gr1{border: 1px solid #000;}
#mypage i.gr2{background: #E7E7E7;}
#mypage i.gr3{background: #BEBEBE; color: #FFF;}
#mypage i.gr4{background: #8E8E8E; color: #FFF;}
#mypage i.gr5{background: #6D6D6D; color: #FFF;}
#mypage i.gr6{background: #000; color: #FFF;}
#mypage .mp_menu .user .grade p{font-size: 14px; letter-spacing: -0.4px; font-weight: 600;}
#mypage .mp_menu .menu dl + dl{margin-top: 50px;}
#mypage .mp_menu .menu dl dt{margin-bottom: 20px; font-size: 14px; letter-spacing: -0.4px; font-weight: 500; color: #AAA;}
#mypage .mp_menu .menu dl dd + dd{margin-top: 10px;}
#mypage .mp_menu .menu dl dd a{font-size: 16px; font-weight: 500;}
#mypage .mp_cont{width: calc(100% - 50px - 190px);}
#mypage .mp_cont h3{font-size: 22px; margin-bottom: 30px;}
#mypage .mp_tit{padding-bottom: 14px; border-bottom: 1px solid #000;}
#mypage .mp_tit.bdn{border-bottom: none;}
#mypage .mp_tit.flex{align-items: flex-end; gap: 10px;}
#mypage .mp_tit strong{font-size: 18px; letter-spacing: -0.6px; font-weight: 600;}
#mypage .mp_tit span{font-size: 13px; font-weight: 500; color: #8E8E8E;}

/* 메인 */
.mp_main .info{height: 117px; border: 1px solid #E8E8E8; margin-bottom: 50px;}
.mp_main .info .profile{padding-left: 50px; gap: 20px;}
.mp_main .info .profile i{font-size: 30px; font-weight: 600; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-style: normal; line-height: 1;}
.mp_main .info .profile .txt p{font-size: 18px; letter-spacing: -0.4px; font-weight: 600; margin-bottom: 10px;}
.mp_main .info .profile .txt a{font-size: 13px; letter-spacing: -0.4px; color: #8E8E8E; display: inline-flex; align-items: center; gap: 5px;}
.mp_main .info .profile .txt a img{width: 12px;}
.mp_main .info .wrap{height: 100%;}
.mp_main .info .item{padding: 0 40px; gap: 30px; border-left: 1px solid #E8E8E8; height: 100%;}
.mp_main .info .item .flex-ac{gap: 10px;}
.mp_main .info .item .flex-ac .coupon{width: 31.91px;}
.mp_main .info .item .flex-ac .mileage{width: 28.91px;}
.mp_main .info .item .flex-ac span{font-size: 14px; letter-spacing: -0.4px;}
.mp_main .info .item a{font-size: 16px; font-weight: 300;}
.mp_main .info .item a strong{font-size: 25px; font-weight: 600;}
.mp_main .my_stat + .my_stat{margin-top: 80px;}
.mp_main .my_stat .cont{height: 170px; border-bottom: 1px solid #E8E8E8; display: flex;}
.mp_main .my_stat .cont .list{height: 100%; display: flex; width: calc(100% - 210px);}
.mp_main .my_stat .cont .list li{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 25%; position: relative;}
.mp_main .my_stat .cont .list li + li::before{content: ''; display: block; width: 16px; aspect-ratio: 1/1; background: url(/img/mypage/stat_arrow.svg) no-repeat center / contain; position: absolute; left: -8px; top: 50%; transform: translateY(-50%);}
.mp_main .my_stat .cont .list li p{font-size: 14px; letter-spacing: -0.4px;}
.mp_main .my_stat .cont .list li a{font-size: 30px; font-weight: 600;}
.mp_main .my_stat .cont .box{height: 100%; width: 210px; display: flex; flex-direction: column; justify-content: center; gap: 20px; padding: 0 35px; border-left: 1px solid #E8E8E8;}
.mp_main .my_stat .cont .box p{display: flex; align-items: center; gap: 15px; font-size: 16px; letter-spacing: -0.4px;}
.mp_main .my_stat .cont .box p a{font-weight: 600;}

/* 주문조회 리스트 */
#mypage .tabmenu{display: flex; margin-bottom: 30px;}
#mypage .tabmenu a{flex: 1; display: block; text-align: center; font-size: 15px; letter-spacing: -0.4px; font-weight: 500; color: #777; line-height: 50px; border: 1px solid #DEDEDE;}
#mypage .tabmenu a + a{border-left: none;}
#mypage .tabmenu a.on{background: #000; color: #FFF;}
#mypage .srh_wrap{justify-content: space-between; gap: 25px; margin-bottom: 50px;}
#mypage .srh_wrap *{font-size: 14px !important;}
#mypage .srh_wrap .select{width: 225px;}
#mypage .srh_wrap .period button{width: 85px; line-height: 38px; background: #FFF; text-align: center; display: block; border: 1px solid #D9D9D9; cursor: pointer; color: #AAA;}
#mypage .srh_wrap .period button + button{border-left: none;}
#mypage .srh_wrap .period button.on{color: #000; position: relative;}
#mypage .srh_wrap .period button.on::before{content: ''; display: block; width: 100%; height: 100%; border: 1px solid #000; position: absolute; left: 0; top: -1px;}
#mypage .srh_wrap .date_wrap{gap: 5px;}
#mypage .srh_wrap .date_input{background: #FFF url(/img/mypage/cal_ic.svg) no-repeat right 15px center / 18px; width: 171px; color: #AAA;}
#mypage .srh_wrap .date_wrap span{width: 15px; color: #555; text-align: center; display: block;}
#mypage .srh_wrap .date_wrap button{font-weight: 500; color: #FFF; width: 90px; line-height: 40px; background: #000; text-align: center;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {background: #000 !important; border-color: #000 !important;}
#mypage .order_stat + .order_stat{margin-top: 50px;}
#mypage .order_stat .tp_wrap{padding: 30px 0 50px; display: flex; align-items: flex-end; justify-content: space-between; border-top: 1px solid #000;}
#mypage .order_stat .tp_wrap .title{display: flex; align-items: flex-end; gap: 10px;}
#mypage .order_stat .tp_wrap .title .tit{font-size: 24px; letter-spacing: -0.4px; font-weight: 600;}
#mypage .order_stat .tp_wrap .title span{font-size: 14px; letter-spacing: -0.4px; font-weight: 500; color: #555; line-height: 1.5;}
#mypage .order_stat .tp_wrap a{font-size: 14px; letter-spacing: -0.4px; font-weight: 600; display: inline-flex; align-items: center; gap: 5px;}
#mypage .order_stat .tp_wrap a img{width: 12px;}
#mypage .order_stat .step{display: flex; margin-bottom: 30px;}
#mypage .order_stat .step div{border-top: 1px solid #BEBEBE; padding-top: 20px; text-align: center; flex: 1; font-size: 14px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.3; color: #555;}
#mypage .order_stat .step div.on{color: #000; font-weight: 600; position: relative;}
#mypage .order_stat .step div.on::before{content: ''; display: block; width: 100%; height: 10px; background: #000; top: -6px; left: 0; position: absolute;}
#mypage .table_wrap .total{font-size: 16px; letter-spacing: -0.4px; line-height: 1.12; font-weight: 500; color: #555; margin-bottom: 20px;}
#mypage .table_wrap .total b{color: #000;}
#mypage .table_wrap .table .tr{display: flex; border-bottom: 1px solid #E8E8E8;}
#mypage .order_stat .table_wrap .table .tr:first-of-type{border-top: 1px solid #E8E8E8;}
#mypage .order_stat .table_wrap .table .td:first-of-type{flex: 1;}
#mypage .table_wrap .table .th{font-size: 14px; letter-spacing: -0.4px; font-weight: 600; line-height: 1.3; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #000;}
#mypage .table_wrap .table .td{padding: 20px; font-size: 14px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.3; color: #555; display: flex; align-items: center;}
#mypage .table_wrap .table .td .prd{gap: 20px;}
#mypage .table_wrap .table .td .prd .img{width: 70px; aspect-ratio: 4/5; overflow: hidden;}
#mypage .table_wrap .table .td .prd .img img{width: 100%; height: 100%; object-fit: cover;}
#mypage .table_wrap .table .td .prd .txt{width: calc(100% - 90px);}
#mypage .table_wrap .table .td .prd .txt *{font-size: 14px; letter-spacing: -0.4px; font-weight: 500; line-height: 1.3;}
#mypage .table_wrap .table .td .prd .txt .brand{font-family: var(--font-rub); color: #000;}
#mypage .table_wrap .table .td .prd .txt .name{margin-top: 8px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#mypage .table_wrap .table .td.price{font-size: 16px; letter-spacing: -0.4px; font-weight: 700; text-align: right; color: #000;}
#mypage .order_stat .btn_wrap{margin-top: 20px; text-align: right;}
#mypage .order_stat .btn_wrap .cancel_btn{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; width: 130px; line-height: 40px; text-align: center; background: #F0F0F0; display: inline-block;}
#mypage .guide_txt{margin-top: 50px;}
#mypage .guide_txt .tit{font-size: 16px; letter-spacing: -0.6px; font-weight: 600; margin-bottom: 15px;}
#mypage .guide_txt ul li{font-size: 14px; letter-spacing: -0.4px; color: #555; padding-left: 14px; position: relative;}
#mypage .guide_txt ul li + li{margin-top: 5px;}
#mypage .guide_txt ul li::before{ content: ''; display: block; width: 4px; height: 4px; background: #555; border-radius: 50%; position: absolute; left: 0; top: 6px;}
#mypage .no_data{padding: 150px 0; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #E5E5E5;}
#mypage .no_data .icon{width: 42px;}
#mypage .no_data p{margin-top: 20px; font-size: 18px; letter-spacing: -0.4px; font-weight: 600; line-height: 1.22;}

/* select */
.select {position: relative; cursor: pointer;}
.select .tit {background: #FFF url('/img/mypage/select_arrow.svg') no-repeat right 15px center / 10px; width: 100%; height: 38px; border: 1px solid #D9D9D9; font-size: 14px; font-weight: 500; color: #AAA; padding: 0 15px; display: flex; align-items: center;}
.select.on .tit {border-color: #000; background-image: url('/img/mypage/select_arrow_on.svg');}
.select > ul {display: none; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; border: 1px solid #000; background: #fff; z-index: 1; overflow: hidden; max-height: calc(38px * 5); overflow-y: auto;}
.select > ul::-webkit-scrollbar {width: 2px;}
.select > ul::-webkit-scrollbar-thumb {height: 30%; background: #000;}
.select > ul::-webkit-scrollbar-track {background: #C4C4C4;}
.select > ul li {padding: 0 15px; line-height: 38px; font-size: 13px; font-weight: 500; color: #AAA;}
.select > ul li:hover {background: #000; color: #FFF;}

/* pagination */
.pagination {margin: 35px auto 0; display: flex; align-items: center; justify-content: center; gap: 0 30px; padding: 10px 0;}
.pagination ul {display: flex; align-items: center; justify-content: center; gap: 0 30px;}
.pagination .arrow img {width: auto; height: 13px;}
.pagination a {font-size: 14px; font-weight: 500; color: #ADADAD; display: block; position: relative;}
.pagination li.this a {font-weight: 600; color: #FFF;}
.pagination li.this a::before{content: ''; display: block; width: 33px; height: 33px; border-radius: 50%; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}

/* 주문상세조회 */
#mypage .order_view{display: flex; flex-direction: column; gap: 50px;}
#mypage .order_view h4{font-size: 18px; letter-spacing: -0.6px; font-weight: 600; margin-bottom: 20px;}
#mypage .order_view .cont{padding: 30px 20px; border-top: 1px solid #000; border-bottom: 1px solid #E8E8E8;}
#mypage .order_view .cont dl{display: flex; align-items: center; gap: 10px;}
#mypage .order_view .cont dl + dl{margin-top: 20px;}
#mypage .order_view .cont dl dt{font-size: 14px; letter-spacing: -0.4px; font-weight: 600; min-width: 100px;}
#mypage .order_view .cont dl dd{width: calc(100% - 110px); font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
#mypage .order_view .cont dl dd .cancel_btn{padding: 8px 16px; border: 1px solid #E8E8E8; background: #FFF; color: #000; margin-left: 15px; display: inline-block;}
#mypage .order_view .cont dl dd strong{font-size: 14px; color: #000;}
#mypage .order_view .table_wrap .table .tr > div:first-of-type{width: calc(100% - 200px);}
#mypage .order_view .table_wrap .table .tr > div:last-of-type{width: 200px;}
#mypage .order_view .table_wrap .table .tr .td:last-of-type{justify-content: center; text-align: center;}
#mypage .order_view .table_wrap .table .last{height: 60px; padding: 0 20px; border-bottom: 1px solid #E8E8E8;}
#mypage .order_view .table_wrap .table .last .delivery{font-size: 13px; letter-spacing: -0.39px; color: #555;}
#mypage .order_view .table_wrap .table .last .price_wrap{gap: 15px;}
#mypage .order_view .table_wrap .table .last .price_wrap img{width: 20px;}
#mypage .order_view .table_wrap .table .last .price_wrap .price{gap: 10px;}
#mypage .order_view .table_wrap .table .last .price_wrap .price span{font-size: 14px; letter-spacing: -0.4px;}
#mypage .order_view .table_wrap .table .last .price_wrap .price b{font-size: 16px; letter-spacing: -0.48px; font-weight: 500;}
#mypage .order_view .cash_btn{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; width: 130px; line-height: 40px; text-align: center; border: 1px solid #D9D9D9; background: #FFF; display: inline-block; margin-top: 15px;}
#mypage .list_btn{width: 215px; padding: 12px 0; background: #000; color: #FFF; font-size: 14px; font-weight: 500; display: block; margin: 0 auto; text-align: center; line-height: 1.4;}

/* 장바구니 */
#mypage .cart{display: flex; align-items: flex-start; gap: 40px;}
#mypage .cart .list_wrap{width: calc(75.72% - 40px);}
#mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(1){width: calc(100% - (130px * 4));}
#mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(n+2){width: 130px;}
#mypage .cart .table_wrap .tbl1 .tr > div.flex-ac{gap: 20px; position: relative;}
#mypage .cart .table_wrap .tbl1 .tr .th.flex-ac input{position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
#mypage .cart .table_wrap .table .tr .td{justify-content: center;}
#mypage .cart .table_wrap .tbl1 .tr .td .prd{width: calc(100% - 40px);}
#mypage .cart .table_wrap .tbl1 .tr .td .sale{width: 125px; margin-top: 10px; text-align: center; font-size: 13px; letter-spacing: -0.4px; padding: 8px 10px; border: 1px solid #E7E7E7; background: #F6F6F6;}
#mypage .cart .table_wrap .tbl1 .tr .td .sale p{color: #555; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #E7E7E7;}
#mypage .cart .table_wrap .tbl1 .tr .td .sale .time{color: #DF001A;}
#mypage .cart .table_wrap .tbl1 .tr .td .btn{padding: 7px 0; font-size: 13px; width: 100px; border-color: #D9D9D9;}
#mypage .cart .table_wrap .tbl1 .tr .td .btn.bk{background: #000; border-color: #000; color: #FFF;}
#mypage .cart .table_wrap .tbl1 .tr .td .btn + .btn{margin-top: 4px;}
#mypage .cart .list_wrap .btn_wrap{justify-content: flex-end; gap: 10px; margin-top: 20px;}
#mypage .cart .list_wrap .btn_wrap button{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; line-height: 40px; padding: 0 16px; border: 1px solid #D9D9D9; background: #FFF; cursor: pointer;}
#mypage .cart .pay_wrap{width: 24.28%; position: sticky; top: 200px;}
#mypage .cart .pay_wrap .price_wrap{padding: 30px; border: 1px solid #000;}
#mypage .cart .pay_wrap .price_wrap .tit{font-size: 16px; font-weight: 600;}
#mypage .cart .pay_wrap .price_wrap .detail{margin: 25px 0; padding: 25px 0; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #000;}
#mypage .cart .pay_wrap .price_wrap .detail li{display: flex; align-items: center; justify-content: space-between; font-size: 14px; letter-spacing: -0.4px;}
#mypage .cart .pay_wrap .price_wrap .detail li + li{margin-top: 15px;}
#mypage .cart .pay_wrap .price_wrap .detail li span{color: #555;}
#mypage .cart .pay_wrap .price_wrap .total span{font-size: 14px; letter-spacing: -0.4px; font-weight: 500;}
#mypage .cart .pay_wrap .price_wrap .total strong{font-size: 18px; letter-spacing: -0.6px; text-align: right;}
#mypage .cart .pay_wrap .price_wrap .btn_wrap{margin-top: 25px;}
#mypage .cart .pay_wrap .price_wrap .btn_wrap a{font-size: 16px; letter-spacing: -0.4px; font-weight: 700; padding: 16px 0; display: block; text-align: center;}
#mypage .cart .pay_wrap .price_wrap .btn_wrap a + a{margin-top: 5px;}
#mypage .cart .pay_wrap .price_wrap .btn_wrap a.bk{background: #000; color: #FFF;}
#mypage .cart .pay_wrap .price_wrap .btn_wrap a.gr{color: #777; background: #E8E8E8;}
#mypage .cart .pay_wrap .price_wrap .btn_wrap a.wh{border: 1px solid #E8E8E8; background: #FFF; color: #777;}
/* #mypage .cart .pay_wrap .simple_pay{margin-top: 40px;} */

/* 주문서작성 */
#mypage .order .section + .section{margin-top: 40px;}
#mypage .order .tit_wrap{padding-bottom: 20px;}
#mypage .order .tit_wrap.flex-jb{cursor: pointer; border-bottom: 1px solid #000;}
#mypage .order .tit_wrap h4{font-size: 18px; letter-spacing: -0.6px; font-weight: 600;}
#mypage .order .tit_wrap img{width: 16px; transition: all 0.3s;}
#mypage .order .section.on .tit_wrap img{transform: rotate(-180deg);}
#mypage .order .table_wrap .table .tr > div:nth-of-type(1){width: calc(100% - 260px);}
#mypage .order .table_wrap .table .tr > div:nth-of-type(n+2){width: 130px;}
#mypage .order .table_wrap .table .tr .prd{width: 100%;}
#mypage .order .cont{font-size: 14px; letter-spacing: -0.4px; font-weight: 500; padding: 30px 20px 0;}
#mypage .order .sec2 .cont,
#mypage .order .sec3 .cont{padding-bottom: 30px; border-bottom: 1px solid #E8E8E8;}
#mypage .order .cont .add{margin-bottom: 20px; position: relative;}
#mypage .order .cont .add strong{font-size: 16px; }
#mypage .order .cont .add p{margin-top: 5px; color: #777;}
#mypage .order .cont .add .modify_btn{position: absolute; right: 0; bottom: 0; font-size: 13px; padding: 8px 16px; border: 1px solid #E8E8E8; background: #FFF; display: inline-block;}
#mypage .order .cont .box{padding: 25px 30px; background: #F5F5F7;}
#mypage .order .sec2 .cont .box{padding: 15px 30px; color: #555;}
#mypage .order .sec3 .cont .select,
#mypage .order .sec3 .cont input{max-width: 470px;}
#mypage .order .sec3 .cont input{display: none; margin-top: 6px;}
#mypage .order .cont.fd-c{gap: 15px;}
#mypage .order .sec5 .cont .ip_wrap{max-width: 440px; gap: 10px;}
#mypage .order .sec5 .cont .ip_wrap input{width: calc(100% - 90px); font-weight: 700;}
#mypage .order .sec5 .cont .ip_wrap button{width: 80px; line-height: 40px; background: #000; color: #FFF; cursor: pointer;}
#mypage .order .sec5 .cont .mileage{margin: 12px 0; color: #555;}
#mypage .order .sec5 .cont .mileage b{color: #000; margin-left: 5px;}
#mypage .order .sec5 .cont .box ul li{font-weight: 400; color: #555; position: relative; padding-left: 14px; line-height: 1.3;}
#mypage .order .sec5 .cont .box ul li + li{margin-top: 5px;}
#mypage .order .sec5 .cont .box ul li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #8E8E8E; position: absolute; left: 0; top: 6px;}
#mypage .radio_wrap{display: flex; flex-wrap: wrap; gap: 15px 50px;}
#mypage .order .sec6 .tabcont{margin: 20px 0;}
#mypage .order .sec6 .box{display: none;}
#mypage .order .sec6 .box.on{display: flex; flex-direction: column; gap: 15px;}
#mypage .order .sec6 .box dl{display: flex;}
#mypage .order .sec6 .box dl dt{font-weight: 600; width: 120px; line-height: 40px;}
#mypage .order .sec6 .box dl dt.pt_0{line-height: initial;}
#mypage .order .sec6 .box dl dd{width: 470px; max-width: calc(100% - 120px); color: #8E8E8E;}
#mypage .order .sec6 .box dl dd input + .chk{margin-top: 10px;}
#mypage .order .sec6 .box .desc{color: #8E8E8E;}
#mypage .order .sec6 .box .hide{display: none;}
#mypage .order .sec6 .box .hide.on{display: block;}
#mypage .order .sec6 .box .hide .radio_wrap{margin: 10px 0;}
#mypage .order .sec7 .cont .pop_btn{font-size: 12px; color: #8E8E8E; font-weight: 500; padding: 4px 16px; border: 1px solid #E8E8E8; background: #FFF; display: inline-block; cursor: pointer;} 
#mypage .order .sec7 .cont .er_txt{margin-top: 0;}
#mypage .order .pay_wrap .price_wrap .total{align-items: flex-start;}
#mypage .order .pay_wrap .price_wrap .total strong span{display: block; font-size: 12px; color: #555; margin-top: 5px;}
#mypage .order .pay_wrap .price_wrap .total strong span b{color: #000; margin-left: 5px;}
#mypage .order .pay_wrap .price_wrap .red{margin-top: 25px; font-size: 14px; letter-spacing: -0.8px; font-weight: 500; color: #C80202;}

/* 결제/주문 완료 */
.order_success .cont{background: #F5F5F7; padding: 85px 20px;}
.order_success .cont .icon{width: 60px;}
.order_success .cont dl{margin: 10px 0 40px;}
.order_success .cont dl dt{font-size: 18px; letter-spacing: -0.6px; font-weight: 600;}
.order_success .cont dl dd{margin-top: 5px; font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E;}
.order_success .cont .order_info .txt{font-size: 18px; letter-spacing: -0.4px;}
.order_success .cont .order_info .txt strong{font-weight: 600;}
.order_success .cont .order_info .num{margin-top: 9px; gap: 20px; font-size: 13px;}
.order_success .cont .order_info .num b{font-weight: 500;}
.order_success .cont .order_info .num span{font-weight: 300;}
.order_success .cont .btn_wrap{margin-top: 30px; gap: 10px;}
.order_success .cont .btn_wrap a{font-size: 14px; letter-spacing: -0.4px; font-weight: 500; padding: 0 32px; line-height: 40px; text-align: center;}
.order_success .cont .btn_wrap a.wh{background: #FFF; border: 1px solid #E8E8E8;}
.order_success .cont .btn_wrap a.bk{color: #FFF; background: #000;}

/* 위시리스트 */
#mypage .wish{display: block;}
#mypage .wish .list_wrap{width: 100% !important;}
#mypage .wish .table_wrap .table .tr > div:nth-of-type(1){width: calc(100% - 260px);}
#mypage .wish > .btn_wrap{margin-top: 20px;}
#mypage .wish > .btn_wrap .flex{gap: 10px;}
#mypage .wish > .btn_wrap .btn{font-size: 14px; padding: 12px 20px; width: auto;}
#mypage .wish > .btn_wrap .btn_01{border-color: #D9D9D9;}

/* 쿠폰 */
#mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(1){width: 80px;}
#mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(2){flex: 1;}
#mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(3){width: 150px;}
#mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(4){width: 220px;}
#mypage .coupon_wrap .table_wrap .table .tr .td{justify-content: center; text-align: center;}

/* 적립금 */
#mypage .mileage_wrap{display: flex; flex-direction: column; gap: 50px;}
#mypage .mileage_wrap .mp_tit{border-bottom: none;}
#mypage .mileage_wrap .sec1 .cont{border: 1px solid #E8E8E8;}
#mypage .mileage_wrap .sec1 .cont .item{width: 33.33%; height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 15px;}
#mypage .mileage_wrap .sec1 .cont .item + .item{border-left: 1px solid #E8E8E8;}
#mypage .mileage_wrap .sec1 .cont .item p{font-size: 14px; letter-spacing: -0.4px;}
#mypage .mileage_wrap .sec1 .cont .item strong{font-size: 30px; font-weight: 600;}
#mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(1){width: 19%;}
#mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(2){width: 13%;}
#mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(3){flex: 1;}
#mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(4){width: 22.4%;}
#mypage .mileage_wrap .table_wrap .table .tr .td{justify-content: center; text-align: center;}
#mypage .mileage_wrap .table_wrap .table .tr .td b{color: #000;}
#mypage .mileage_wrap .no_data{padding: 80px 0;}
#mypage .mileage_wrap .guide_txt{margin-top: 0;}

/* 위탁/회수 관리 */
#mypage .consign .mp_tit{border-bottom: none;}
#mypage .consign .table_wrap .table .tr > div:nth-of-type(1){width: 160px;}
#mypage .consign .table_wrap .table .tr > div:nth-of-type(2){flex: 1;}
#mypage .consign .table_wrap .table .tr > div:nth-of-type(n+3){width: 130px;}
#mypage .consign .table_wrap .table .tr .td{justify-content: center; text-align: center;}
#mypage .consign .table_wrap .table .tr .td.fd-c{gap: 10px;}
#mypage .consign .table_wrap .table .tr .td .prd{width: 100%; text-align: left;}
#mypage .consign .table_wrap .table .tr .td b{color: #000;}
#mypage .consign .table_wrap .table .tr .td .btn_s{padding: 7px 12px; font-size: 13px; letter-spacing: -0.39px; font-weight: 500; width: 90px; cursor: pointer;}
#mypage .consign .table_wrap .table .tr .td .btn_s.btn_01{width: 80px; border: 1px solid #D9D9D9; color: #000;}
#mypage .consign .table_wrap .table .tr .td .btn_s.btn_02{border: 1px solid #F4F4F4; background: #F4F4F4;}
#mypage .guide_txt.flex{gap: 50px;}
#mypage .guide_txt.flex .wrap{max-width: calc(50% - 25px);}
.prdDetail_popup.style2{width: 550px; padding: 80px 50px; max-width: calc(100% - 40px);}
.prdDetail_popup.style2 .close{top: 20px; right: 25px;}
.prdDetail_popup.style2 .txt{font-size: 20px; font-weight: 500; line-height: 1.2;}
.prdDetail_popup.style2 .buttonArea{margin-top: 40px;}
.prdDetail_popup.style2 .buttonArea a{max-width: 180px;}
.prdDetail_popup.price_apply{width: 500px; max-width: calc(100% - 40px);}
.prdDetail_popup.price_apply .cont .wrap{padding: 35px 0; font-size: 16px; font-weight: 500;}
.prdDetail_popup.price_apply .cont .txt{color: #AAA;}
.prdDetail_popup.price_apply .cont .flex-ac{margin-top: 20px; gap: 30px;}
.prdDetail_popup.price_apply .cont .flex-ac input{color: #AAA;}
#mypage .collect .table_wrap .table .tr > div:nth-of-type(1){width: 130px;}
#mypage .collect .table_wrap .table .tr > div:nth-of-type(3){width: 230px;}
#mypage .collect .table_wrap .table .tr > div:nth-of-type(4),
#mypage .collect .table_wrap .table .tr > div:nth-of-type(6){width: 100px;}
#mypage .collect .table_wrap .table .tr > div:nth-of-type(5){width: 130px;}
#mypage .collect .table_wrap .table .tr .td.fd-c{gap: 5px !important;}

/* 위탁 판매 절차 */
#mypage .consign_process{display: flex; flex-direction: column; gap: 50px;}
#mypage .consign_process .sec1 .list{display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; position: relative;}
#mypage .consign_process .sec1 .list::before{content: ''; display: block; width: 90%; height: 1px; background: #E5E5E5; position: absolute; left: 50%; transform: translateX(-50%); top: 48px; z-index: -1;}
#mypage .consign_process .sec1 .list li:not(.arrow){width: 150px; text-align: center;}
#mypage .consign_process .sec1 .list li.arrow{width: 16px; margin-top: 40px;}
#mypage .consign_process .sec1 .list li .icon{width: 100px; aspect-ratio: 1/1; background: #FFF; border: 1px solid #E8E8E8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
#mypage .consign_process .sec1 .list li .icon img{width: 56px;}
#mypage .consign_process .sec1 .list li dl{margin-top: 20px;}
#mypage .consign_process .sec1 .list li dl dt{font-size: 13px; font-weight: 700;}
#mypage .consign_process .sec1 .list li dl dd{margin-top: 10px; font-size: 15px; color: #555; line-height: 1.4;}
#mypage .consign_process .sec2 .table .tr > div{flex: 1; justify-content: center; text-align: center;}
#mypage .consign_process .sec2 .table .tr .th{background: #F5F5F7;}
#mypage .consign_process .sec2 .table .tr .td{height: 55px;}
#mypage .consign_process .sec2 .tbl2{margin-top: 30px;}
#mypage .consign_process .guide_txt{margin-top: 20px;}
#mypage .consign_process .guide_txt ul li b{font-weight: 500; color: #000;}
#mypage .consign_process .sec3 .box{display: flex; padding: 40px 50px; background: #F5F5F7;}
#mypage .consign_process .sec3 .box ul{width: 25%;}
#mypage .consign_process .sec3 .box ul li{font-size: 16px; letter-spacing: -0.4px; color: #555; padding-left: 14px; position: relative;}
#mypage .consign_process .sec3 .box ul li + li{margin-top: 7px;}
#mypage .consign_process .sec3 .box ul li::before{content: ''; display: block; width: 4px; height: 4px; background: #8E8E8E; border-radius: 50%; position: absolute; left: 0; top: 8px;}
#mypage .consign_process .sec4 .list{display: flex; flex-wrap: wrap; border: 1px solid var(--border-color);}
#mypage .consign_process .sec4 .list li{width: 33.33%; height: 140px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}
#mypage .consign_process .sec4 .list li + li{border-left: 1px solid var(--border-color);}
#mypage .consign_process .sec4 .list li:nth-child(4){border-left: none;}
#mypage .consign_process .sec4 .list li:nth-child(n+4){border-top: 1px solid var(--border-color);}
#mypage .consign_process .sec4 .list li .num{font-size: 13px; font-weight: 700; width: 28px; aspect-ratio: 1/1; background: #E7E7E7; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center;}
#mypage .consign_process .sec4 .list li p{font-size: 14px; letter-spacing: -0.4px; line-height: 1.4;}

/* 위탁판매 신청하기 */
#mypage .form_wrap + .form_wrap{margin-top: 50px;}
#mypage .form_wrap + .list_btn{margin-top: 30px;}
#mypage .form_wrap .mp_tit span{color: #000;}
#mypage .form{display: flex; flex-wrap: wrap;}
#mypage .form dl{padding: 16px 20px; border-bottom: 1px solid #E8E8E8; width: 50%; display: flex; align-items: center;}
#mypage .form dl.full{width: 100% !important;}
#mypage .form dl dt{font-size: 14px; letter-spacing: -0.4px; font-weight: 600; width: 150px;}
#mypage .form dl dd{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E; width: calc(100% - 150px);}
#mypage .form dl dd input:not([type="checkbox"]):not([type="radio"]),
#mypage .form dl dd .select{max-width: 280px;}
#mypage .form dl dd input.other{max-width: 197px;}
#mypage .form dl dd .radio_wrap.deco{gap: 30px;}
#mypage .form dl dd .radio_wrap .flex-ac{gap: 20px;}
#mypage .form dl dd .chk_wrap{display: flex; flex-wrap: wrap; max-width: 760px;}
#mypage .form dl dd .chk_wrap label{width: 85px; color: #000;}
#mypage .form dl dd .chk_wrap .chk:nth-of-type(5){width: 200px;}
#mypage .form dl dd .chk_wrap .flex-ac label{width: 55px;}
#mypage .form dl dd .add{gap: 10px;}
#mypage .form dl dd .add button{width: 80px; line-height: 40px; color: #FFF; background: #000; text-align: center; margin-left: 10px; display: inline-block; cursor: pointer;}
#mypage .form dl dd .add > input{max-width: 530px !important;}
#mypage .form dl dd .bank{gap: 10px;}
#mypage .form dl dd .bank input:nth-of-type(-n+2){max-width: 150px !important;}
#mypage .form dl dd.method .radio_wrap{gap: 40px;}
#mypage .form dl dd.method .radio_wrap input:not([type="checkbox"]):not([type="radio"]){max-width: 262px;}
#mypage .form dl dd.method .radio_wrap input[type="radio"]{min-width: 20px;}
#mypage .form dl dd.method .box{margin: 10px 0; padding: 12px 20px; background: #F5F5F7;}
#mypage .form dl dd.method .box input:disabled{background: #FFF;}
#mypage .form dl dd.method .desc{font-size: 12px; color: #AAA; font-weight: 400;}
#mypage .form_wrap .agree{margin-top: 16px;}
#mypage .form_wrap .agree label{font-size: 14px; font-weight: 500; }
#mypage .form_wrap .agree label .red{font-size: 12px;}
#mypage .form_wrap .agree .pop_btn{font-size: 12px; font-weight: 500; color: #8E8E8E; padding: 4px 16px; border: 1px solid #E8E8E8; background: #FFF; display: inline-block; cursor: pointer;}

/* 회원 정보 수정 */
#mypage .mem_modify .form_wrap{border-top: 1px solid #000;}
#mypage .mem_modify dl{min-height: 100px;}
#mypage .mem_modify .btn_wrap{margin-top: 15px; text-align: right;}
#mypage .mem_modify .btn_wrap .btn{font-size: 14px; width: 135px; display: inline-block;}
#mypage .mem_modify .btn_wrap .flex{margin-top: 15px; gap: 10px; justify-content: flex-end;}

/* 정산관리 */
#mypage .calc .table .tr > div{width: 20%;}
#mypage .calc .table .tr > div:nth-of-type(2){width: 40%;}
#mypage .calc .table .tr .td{justify-content: center; text-align: center;}

/* 배송지 관리 */
#mypage .address .table .tr > div{width: 80px;}
#mypage .address .table .tr > div:nth-of-type(1){width: 50px;}
#mypage .address .table .tr > div:nth-of-type(5),
#mypage .address .table .tr > div:nth-of-type(6){width: 130px;}
#mypage .address .table .tr > div:nth-of-type(7){flex: 1; width: auto;}
#mypage .address .table .tr .td{justify-content: center; text-align: center; padding-left: 10px; padding-right: 10px;}
#mypage .address .table .tr .td .btn_s{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; padding: 7px 16px; display: inline-block;}
#mypage .address .table .tr .td .btn_02{border: 1px solid #000; color: #000;}
#mypage .address .btn_wrap{margin-top: 20px;}
#mypage .address .btn_wrap .btn{padding: 12px 20px; display: inline-block; width: auto; font-size: 14px;}
#mypage .address .pagination{margin-top: 10px;}

/* 주소록 입력 */
#mypage .address_form .btn_wrap{margin-top: 20px;}
#mypage .address_form .btn_wrap .chk label{font-size: 14px; letter-spacing: -0.4px; font-weight: 500;}
#mypage .address_form .btn_wrap .flex-jc{gap: 10px; margin-top: 20px;}

/* Q&A */
.bd_list .bd_srh{position: relative; display: flex; justify-content: flex-end; margin-bottom: 15px;}
.bd_list .bd_srh input{width: 280px; padding-right: 35px;}
.bd_list .bd_srh button{width: 16px; background: none; position: absolute; right: 15px; top: calc(50% + 1px); transform: translateY(-50%);}
.bd_list .bd_srh button img{width: 100%;}
.bd_list .list_wrap .total{font-size: 14px; margin-bottom: 25px;}
.bd_list .list_wrap .total b{font-weight: 600;}
.bd_list .faq_list{border-top: 1px solid #000;}
.bd_list .faq_list li{border-bottom: 1px solid #E8E8E8;}
.bd_list .faq_list li > div{display: flex; padding: 20px;}
.bd_list .faq_list li > div > div{gap: 10px;}
.bd_list .faq_list li .tit{justify-content: space-between; align-items: center; cursor: pointer;}
.bd_list .faq_list li .tit .arrow{width: 10px; transition: all 0.3s;}
.bd_list .faq_list li.on .tit .arrow{transform: rotate(-180deg);}
.bd_list .faq_list li .icon{font-size: 14px; letter-spacing: -0.4px; font-weight: 600; width: 30px; aspect-ratio: 1/1; background: #F7F7F7; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.bd_list .faq_list li .txt{font-size: 14px; letter-spacing: -0.4px; color: #555; line-height: 1.3; width: calc(100% - 40px);}
.bd_list .faq_list li .cont{background: #F5F5F7; display: none;}
.bd_list .faq_list li .cont .flex{align-items: flex-start;}
.bd_list .faq_list li .cont .icon{background: #000; color: #FFF;}

/* 1:1 문의 리스트 */
#mypage .inquiry .info{margin-bottom: 0;}
#mypage .inquiry .info .profile .txt{gap: 30px;}
#mypage .inquiry .info .profile .txt p{font-size: 14px; font-weight: 300; margin-bottom: 0;}
#mypage .inquiry .info .profile .txt p b{font-weight: 600;}
#mypage .inquiry .info .profile .txt .total{font-size: 16px; font-weight: 300;}
#mypage .inquiry .info .profile .txt .total strong{font-size: 25px; font-weight: 600;}
#mypage .inquiry .info .item{align-items: center; justify-content: center; text-align: center; gap: 10px;}
#mypage .inquiry .info .item p{font-size: 14px; letter-spacing: -0.4px;}
#mypage .inquiry .info .item strong{font-size: 25px; font-weight: 600;}
#mypage .inquiry .guide_txt{margin-top: 20px;}
#mypage .inquiry .bd_list{margin-top: 50px;}
.bd_list .table .num{width: 100px;}
.bd_list .table .cate{width: 150px;}
.bd_list .table .title{flex: 1;}
.bd_list .table .writer,
.bd_list .table .stat{width: 120px;}
.bd_list .table .date{width: 150px;}
.bd_list .table .td{justify-content: center;}
.bd_list .table .td.title a{width: 100%; display: block; color: #555;}
.bd_list .btn_wrap{margin-top: 20px; text-align: right;}
.bd_list .btn_wrap .btn{width: fit-content !important; padding: 12px 20px; display: inline-block !important; font-size: 14px !important;}

/* 게시판 상세 */
.bd_view{padding: 28px 20px; border-top: 1px solid #000; border-bottom: 1px solid #E8E8E8;}
.bd_view .title .cate{font-size: 14px; letter-spacing: -0.6px; font-weight: 500; display: inline-block; padding: 8px 16px; border: 1px solid #D9D9D9; margin-bottom: 15px;}
.bd_view .title .tit{font-size: 18px; letter-spacing: -0.6px; font-weight: 600; word-break: keep-all;}
.bd_view .title .info{margin-top: 12px; gap: 20px;}
.bd_view .title .info dl{display: flex; align-items: center; gap: 8px;}
.bd_view .title .info dl dt{font-size: 14px; letter-spacing: -0.4px; font-weight: 600;}
.bd_view .title .info dl dd{font-size: 13px; letter-spacing: -0.4px; color: #8E8E8E; line-height: 1.4;}
.bd_view .file{margin-top: 28px; padding: 16px 20px; background: #F9F9F9;}
.bd_view .file .tit{font-size: 14px; letter-spacing: -0.4px; font-weight: 600; margin-bottom: 8px;}
.bd_view .file a{display: flex; align-items: flex-start; width: 100%; gap: 8px;}
.bd_view .file a img{width: 20px;}
.bd_view .file a span{font-size: 13px; letter-spacing: -0.4px; font-weight: 500; color: #8E8E8E; display: block; width: calc(100% - 28px); word-break: keep-all; line-height: 1.4;}
.bd_view .file a + a{margin-top: 4px;}
.bd_view .cont{margin-top: 40px; font-size: 13px; letter-spacing: -0.4px; color: #8E8E8E; font-weight: 500; line-height: 1.4;}
.bd_view .cont img{max-width: 100%;}
.bd_view + .list_btn{margin-top: 30px !important; padding: 12px 40px !important; width: fit-content !important;}

/* 1:1 문의 글쓰기 */
.inquiry_form .form_wrap{border-top: none !important;}
.inquiry_form .mp_tit{justify-content: flex-end;}
.inquiry_form textarea{width: 100%; max-width: 770px; height: 150px; font-size: 13px; letter-spacing: -0.4px; font-weight: 500; border: 1px solid #E3E3E3; padding: 11px 15px;}
.filebox{display: flex; gap: 10px; max-width: 770px;}
.filebox .wrap{position: relative; width: calc(100% - 10px - 80px);}
.filebox .input{text-overflow: ellipsis; color: #AAA !important; max-width: 100% !important;}
.filebox label {display: flex; align-items: center; justify-content: center; cursor: pointer; width: 80px; font-size: 14px; background: #000; color: #fff; text-align: center; font-weight: 500; line-height: 40px;}
.filebox input[type="file"] {position: absolute; width: 0 !important; height: 0; padding: 0 !important; overflow: hidden !important; border: 0 !important;}
.inquiry_form .desc{margin-top: 10px;}
.inquiry_form .form dl dd .order{gap: 10px;}
.inquiry_form .form dl dd .order .input{position: relative;} 
.inquiry_form .form dl dd .order .input input{width: 280px;}
.inquiry_form .form dl dd .delete{width: 16px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; background: none; display: none;} 
.inquiry_form .form dl dd .on .delete{display: block;}
.inquiry_form .form dl dd .order .input.on input{background: #F5F5F7; color: #AAA;}
.inquiry_form .form dl dd .order .input button img{width: 100%;} 
.inquiry_form .form dl dd .btn{cursor: pointer; width: 80px; font-size: 14px; background: #000; color: #fff; text-align: center; font-weight: 500; line-height: 40px; padding: 0 !important; border: none;}
.inquiry_form .btn_wrap{gap: 10px; margin-top: 30px !important;}
.inquiry_form .guide_txt{margin-top: 30px !important;}
.prdDetail_popup.orderPop{width: 640px; max-width: calc(100% - 40px);}
.prdDetail_popup.orderPop .period{margin: 24px 0 35px;}
.prdDetail_popup.orderPop .period p{font-size: 16px; font-weight: 500; width: 140px;}
.prdDetail_popup.orderPop .period .select{width: calc(100% - 140px);}
.prdDetail_popup.orderPop .table .tr > div:nth-of-type(1){width: 170px;}
.prdDetail_popup.orderPop .table .tr > div:nth-of-type(2){flex: 1;}
.prdDetail_popup.orderPop .table .tr > div:nth-of-type(3){width: 100px;}
.prdDetail_popup.orderPop .table .tr .td{justify-content: center;}
.prdDetail_popup.orderPop .table .tr .td .btn{font-size: 14px; width: 60px; line-height: 40px; padding: 0 !important;}



@media screen and (max-width:1620px) {

    /* 주문조회 리스트 */
    #mypage .srh_wrap{gap: 20px;}
    #mypage .srh_wrap .select{width: 100%;}
    #mypage .srh_wrap .period button{width: 75px;}
    #mypage .srh_wrap .date_input{width: 150px;}
    #mypage .srh_wrap .date_wrap button{width: 70px;}

}

@media screen and (max-width:1420px) {

    /* 주문조회 리스트 */
    #mypage .srh_wrap{gap: 15px;}
    #mypage .srh_wrap .period button{width: 65px;}
    #mypage .srh_wrap .date_input{width: 135px;}
    #mypage .srh_wrap .date_wrap button{width: 60px;}

    /* 위탁/회수 관리 */
    #mypage .consign .table_wrap .table .tr > div:nth-of-type(1){width: 125px;}
    #mypage .consign .table_wrap .table .tr > div:nth-of-type(n+3){width: 110px;}

    #mypage .collect .table_wrap .table .tr > div:nth-of-type(1){width: 125px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(3){width: 200px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(4),
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(6){width: 90px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(5){width: 110px;}

}

@media screen and (max-width:1280px) {

    /* common */
    input:not([type='checkBox']):not([type="radio"]){padding: 0 12px; font-size: 12px;}
    input[type='checkBox'] {width: 17px; height: 17px; background-size: 12px;}
    input[type='radio'] {width: 17px; height: 17px; background-size: 8px;}
    input[type='radio'] + label{font-size: 12px;}
    .er_txt{font-size: 12px;}

    /********** member **********/
    #member_wrap {margin: 160px auto 90px;}
    
    /********** mypage **********/
    #mypage{margin: 160px auto 90px;}
    #mypage .inner{gap: 40px;}
    #mypage .mp_menu {width: 160px;}
    #mypage .mp_menu h2{font-size: 22px; margin-bottom: 25px;}
    #mypage .mp_menu .user{margin-bottom: 25px; padding-bottom: 25px;}
    #mypage .mp_menu .user .name{font-size: 18px;}
    #mypage .mp_menu .user .grade{margin-top: 10px; gap: 5px;}
    #mypage .mp_menu .user .grade i{font-size: 10px; width: 17px; height: 17px;}
    #mypage .mp_menu .user .grade p{font-size: 12px;}
    #mypage .mp_menu .menu dl + dl{margin-top: 40px;}
    #mypage .mp_menu .menu dl dt{margin-bottom: 17px; font-size: 12px;}
    #mypage .mp_menu .menu dl dd + dd{margin-top: 8px;}
    #mypage .mp_menu .menu dl dd a{font-size: 14px;}
    #mypage .mp_cont{width: calc(100% - 40px - 160px);}
    #mypage .mp_cont h3{font-size: 19px; margin-bottom: 25px;}
    #mypage .mp_tit{padding-bottom: 12px;}
    #mypage .mp_tit.flex{gap: 8.5px;}
    #mypage .mp_tit strong{font-size: 16px;}
    #mypage .mp_tit span{font-size: 12px;}

    /* 메인 */
    .mp_main .info{height: 100px; margin-bottom: 40px;}
    .mp_main .info .profile{padding-left: 40px; gap: 18px;}
    .mp_main .info .profile i{font-size: 30px; width: 60px; height: 60px;}
    .mp_main .info .profile .txt p{font-size: 16px; margin-bottom: 8px;}
    .mp_main .info .profile .txt a{font-size: 12px; gap: 5px;}
    .mp_main .info .profile .txt a img{width: 10px;}
    .mp_main .info .item{padding: 0 35px; gap: 25px;}
    .mp_main .info .item .flex-ac{gap: 10px;}
    .mp_main .info .item .flex-ac .coupon{width: 27px;}
    .mp_main .info .item .flex-ac .mileage{width: 24px;}
    .mp_main .info .item .flex-ac span{font-size: 12px;}
    .mp_main .info .item a{font-size: 14px;}
    .mp_main .info .item a strong{font-size: 22px;}
    .mp_main .my_stat + .my_stat{margin-top: 70px;}
    .mp_main .my_stat .cont{height: 144px;}
    .mp_main .my_stat .cont .list{width: calc(100% - 180px);}
    .mp_main .my_stat .cont .list li{gap: 15px;}
    .mp_main .my_stat .cont .list li + li::before{width: 14px; left: -7px;}
    .mp_main .my_stat .cont .list li p{font-size: 13px;}
    .mp_main .my_stat .cont .list li a{font-size: 26px;}
    .mp_main .my_stat .cont .box{width: 180px; gap: 17px; padding: 0 30px;}
    .mp_main .my_stat .cont .box p{gap: 12px; font-size: 14px;}

    /* 주문조회 리스트 */
    #mypage .tabmenu{margin-bottom: 25px;}
    #mypage .tabmenu a{font-size: 13px; line-height: 42px;}
    #mypage .srh_wrap{gap: 15px; margin-bottom: 42px;}
    #mypage .srh_wrap .period button{width: 50px;}
    #mypage .srh_wrap .date_input{width: 120px; background-position: right 12px center;}
    #mypage .srh_wrap .date_wrap button{width: 50px;}
    #mypage .srh_wrap *{font-size: 12px !important;}
    #mypage .order_stat + .order_stat{margin-top: 42px;}
    #mypage .order_stat .tp_wrap{padding: 25px 0 42px;}
    #mypage .order_stat .tp_wrap .title{gap: 8.5px;}
    #mypage .order_stat .tp_wrap .title .tit{font-size: 20px;}
    #mypage .order_stat .tp_wrap .title span{font-size: 13px;}
    #mypage .order_stat .tp_wrap a{font-size: 13px; gap: 5px;}
    #mypage .order_stat .tp_wrap a img{width: 10px;}
    #mypage .order_stat .step{margin-bottom: 25px;}
    #mypage .order_stat .step div{padding-top: 17px; font-size: 12px;}
    #mypage .order_stat .step div.on::before{height: 8px; top: -5px;}
    #mypage .table_wrap .total{font-size: 14px; margin-bottom: 17px;}
    #mypage .table_wrap .table .th{font-size: 12px; height: 50px;}
    #mypage .table_wrap .table .td{padding: 17px; font-size: 12px;}
    #mypage .table_wrap .table .td .prd{gap: 17px;}
    #mypage .table_wrap .table .td .prd .img{width: 60px;}
    #mypage .table_wrap .table .td .prd .txt{width: calc(100% - 77px);}
    #mypage .table_wrap .table .td .prd .txt *{font-size: 12px;}
    #mypage .table_wrap .table .td .prd .txt .name{margin-top: 7px;}
    #mypage .table_wrap .table .td.price{font-size: 14px;}
    #mypage .order_stat .btn_wrap{margin-top: 17px;}
    #mypage .order_stat .btn_wrap .cancel_btn{font-size: 12px; width: 110px; line-height: 34px; }
    #mypage .guide_txt{margin-top: 42px;}
    #mypage .guide_txt .tit{font-size: 14px; margin-bottom: 12px;}
    #mypage .guide_txt ul li{font-size: 12px; padding-left: 12px;}
    #mypage .guide_txt ul li + li{margin-top: 5px;}
    #mypage .guide_txt ul li::before{top: 4px;}
    #mypage .no_data{padding: 100px 0;}
    #mypage .no_data .icon{width: 36px;}
    #mypage .no_data p{margin-top: 16px; font-size: 14px;}

    /* select */
    .select .tit {background: #FFF url('/img/mypage/select_arrow.svg') no-repeat right 12px center / 10px; padding: 0 12px; font-size: 12px;}
    .select > ul li{padding: 0 12px;}

    /* pagination */
    .pagination {margin: 30px auto 0; gap: 0 25px;}
    .pagination ul {gap: 0 25px;}
    .pagination .arrow img {height: 11px;}
    .pagination a {font-size: 12px;}
    .pagination li.this a::before{width: 28px; height: 28px;}

    /* 주문상세조회 */
    #mypage .order_view{gap: 42px;}
    #mypage .order_view h4{font-size: 16px; margin-bottom: 17px;}
    #mypage .order_view .cont{padding: 25px 17px;}
    #mypage .order_view .cont dl{gap: 10px;}
    #mypage .order_view .cont dl + dl{margin-top: 17px;}
    #mypage .order_view .cont dl dt{font-size: 12px; min-width: 85px;}
    #mypage .order_view .cont dl dd{width: calc(100% - 95px); font-size: 12px;}
    #mypage .order_view .cont dl dd .cancel_btn{padding: 7px 14px; margin-left: 13px;}
    #mypage .order_view .cont dl dd strong{font-size: 13px;}
    #mypage .order_view .table_wrap .table .tr > div:first-of-type{width: calc(100% - 170px);}
    #mypage .order_view .table_wrap .table .tr > div:last-of-type{width: 170px;}
    #mypage .order_view .table_wrap .table .last{height: 50px; padding: 0 17px;}
    #mypage .order_view .table_wrap .table .last .delivery{font-size: 12px;}
    #mypage .order_view .table_wrap .table .last .price_wrap{gap: 9px 13px; flex-wrap: wrap;}
    #mypage .order_view .table_wrap .table .last .price_wrap img{width: 17px;}
    #mypage .order_view .table_wrap .table .last .price_wrap .price{gap: 10px;}
    #mypage .order_view .table_wrap .table .last .price_wrap .price span{font-size: 13px;}
    #mypage .order_view .table_wrap .table .last .price_wrap .price b{font-size: 14px; display: inline-block; margin-top: -2px;}
    #mypage .order_view .cash_btn{font-size: 12px; width: 110px; line-height: 34px; margin-top: 13px;}
    #mypage .list_btn{width: 184px; padding: 10px 0; font-size: 12px;}

    /* 장바구니 */
    #mypage .cart{gap: 34px;}
    #mypage .cart .list_wrap{width: calc(75.72% - 34px);}
    #mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(1){width: calc(100% - 420px);}
    #mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(n+2){width: 110px;}
    #mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(even){width: 100px;}
    #mypage .cart .table_wrap .tbl1 .tr > div.flex-ac{gap: 17px;}
    #mypage .cart .table_wrap .tbl1 .tr .th.flex-ac input{left: 17px;}
    #mypage .cart .table_wrap .tbl1 .tr .td .prd{width: calc(100% - 37px);}
    #mypage .cart .table_wrap .tbl1 .tr .td .sale{width: 115px; margin-top: 10px; font-size: 12px; padding: 8px 10px;}
    #mypage .cart .table_wrap .tbl1 .tr .td .sale p{margin-bottom: 6px; padding-bottom: 6px;}
    #mypage .cart .table_wrap .tbl1 .tr .td .btn{padding: 7px 0; font-size: 12px; width: 90px;}
    #mypage .cart .list_wrap .btn_wrap{gap: 10px; margin-top: 17px;}
    #mypage .cart .list_wrap .btn_wrap button{font-size: 11px; line-height: 34px; padding: 0 14px;}
    #mypage .cart .pay_wrap{width: 24.28%; top: 140px;}
    #mypage .cart .pay_wrap .price_wrap{padding: 25px;}
    #mypage .cart .pay_wrap .price_wrap .tit{font-size: 14px;}
    #mypage .cart .pay_wrap .price_wrap .detail{margin: 20px 0; padding: 20px 0;}
    #mypage .cart .pay_wrap .price_wrap .detail li{font-size: 12px;}
    #mypage .cart .pay_wrap .price_wrap .detail li + li{margin-top: 12px;}
    #mypage .cart .pay_wrap .price_wrap .total span{font-size: 12px;}
    #mypage .cart .pay_wrap .price_wrap .total strong{font-size: 16px;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap{margin-top: 20px;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap a{font-size: 14px; padding: 14px 0;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap a + a{margin-top: 5px;}
    /* #mypage .cart .pay_wrap .simple_pay{margin-top: 34px;} */

    /* 주문서작성 */
    #mypage .order input:not([type='checkBox']):not([type="radio"]){height: 38px;}
    #mypage .order .section + .section{margin-top: 34px;}
    #mypage .order .tit_wrap{padding-bottom: 17px;}
    #mypage .order .tit_wrap h4{font-size: 16px;}
    #mypage .order .tit_wrap img{width: 14px;}
    #mypage .order .table_wrap .table .tr > div:nth-of-type(1){width: calc(100% - 220px);}
    #mypage .order .table_wrap .table .tr > div:nth-of-type(n+2){width: 110px;}
    #mypage .order .cont{font-size: 12px; padding: 25px 17px 0;}
    #mypage .order .sec2 .cont,
    #mypage .order .sec3 .cont{padding-bottom: 25px;}
    #mypage .order .cont .add{margin-bottom: 17px;}
    #mypage .order .cont .add strong{font-size: 14px;} 
    #mypage .order .cont .add .modify_btn{font-size: 12px; padding: 7px 14px;}
    #mypage .order .cont .box{padding: 20px 25px;}
    #mypage .order .sec2 .cont .box{padding: 13px 25px;}
    #mypage .order .sec3 .cont .select,
    #mypage .order .sec3 .cont input{max-width: 400px;}
    #mypage .order .cont.fd-c{gap: 13px;}
    #mypage .order .sec5 .cont .ip_wrap{max-width: 380px; gap: 8px;}
    #mypage .order .sec5 .cont .ip_wrap input{width: calc(100% - 76px);}
    #mypage .order .sec5 .cont .ip_wrap button{width: 68px; font-size: 12px; line-height: 38px;}
    #mypage .order .sec5 .cont .mileage{margin: 10px 0;}
    #mypage .order .sec5 .cont .box ul li{padding-left: 12px;}
    #mypage .order .sec5 .cont .box ul li::before{top: 5px;}
    #mypage .radio_wrap{gap: 15px 42px;}
    #mypage .order .sec6 .tabcont{margin: 17px 0;}
    #mypage .order .sec6 .box.on{gap: 13px;}
    #mypage .order .sec6 .box dl dt{width: 100px; line-height: 38px;}
    #mypage .order .sec6 .box dl dd{width: 400px; max-width: calc(100% - 100px);}
    #mypage .order .sec6 .box dl dd input + .chk{margin-top: 10px;}
    #mypage .order .sec6 .box .hide .radio_wrap{margin: 10px 0;}
    #mypage .order .sec7 .cont .pop_btn{font-size: 11px; padding: 4px 12px;} 
    #mypage .order .pay_wrap .price_wrap .total strong span{font-size: 12px; margin-top: 5px;}
    #mypage .order .pay_wrap .price_wrap .red{margin-top: 20px; font-size: 12px; line-height: 1.3;}
    #mypage .order .er_txt{font-size: 12px; letter-spacing: -0.4px;}

    /* 위시리스트 */
    #mypage .wish .table_wrap .table .tr > div:nth-of-type(1){width: calc(100% - 220px);}
    #mypage .wish > .btn_wrap .flex{gap: 8px;}
    #mypage .wish > .btn_wrap .btn{font-size: 13px; padding: 10px 17px;}

    /* 쿠폰 */
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(1){width: 60px;}
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(3){width: 120px;}
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(4){width: 180px;}

    /* 적립금 */
    #mypage .mileage_wrap{gap: 42px;}
    #mypage .mileage_wrap .sec1 .cont .item{height: 120px; gap: 12px;}
    #mypage .mileage_wrap .sec1 .cont .item p{font-size: 13px;}
    #mypage .mileage_wrap .sec1 .cont .item strong{font-size: 25px;}
    #mypage .mileage_wrap .no_data{padding: 80px 0;}

    /* 위탁/회수 관리 */
    #mypage .consign .table_wrap .table .tr > div:nth-of-type(1){width: 100px; white-space: nowrap;}
    #mypage .consign .table_wrap .table .tr > div:nth-of-type(n+3){width: 95px;}
    #mypage .consign .table_wrap .table .tr .td{padding: 17px 10px;}
    #mypage .consign .table_wrap .table .tr .td.fd-c{gap: 8px;}
    #mypage .consign .table_wrap .table .tr .td .btn_s{padding: 7px 0; font-size: 12px; width: 80px;}
    #mypage .consign .table_wrap .table .tr .td .btn_s.btn_01{width: 70px;}
    #mypage .guide_txt.flex{gap: 40px;}
    #mypage .guide_txt.flex .wrap{max-width: calc(50% - 20px);}
    .prdDetail_popup.style2{padding: 60px 50px; width: 450px;}
    .prdDetail_popup.style2 .close{right: 20px;}
    .prdDetail_popup.style2 .txt{font-size: 18px;}
    .prdDetail_popup.style2 .buttonArea{margin-top: 30px;}
    .prdDetail_popup.style2 .buttonArea a{max-width: 180px;}
    .prdDetail_popup.price_apply .cont .wrap{padding: 25px 0; font-size: 14px;}
    .prdDetail_popup.price_apply .cont .flex-ac{margin-top: 20px; gap: 20px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(1){width: 100px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(3){width: 180px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(4),
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(6){width: 60px;}
    #mypage .collect .table_wrap .table .tr > div:nth-of-type(5){width: 90px;}

    /* 위탁 판매 절차 */
    #mypage .consign_process{gap: 42px;}
    #mypage .consign_process .sec1 .list{margin-top: 42px;}
    #mypage .consign_process .sec1 .list::before{top: 41px;}
    #mypage .consign_process .sec1 .list li:not(.arrow){width: 128px;}
    #mypage .consign_process .sec1 .list li.arrow{width: 13px; min-width: 13px; margin-top: 34px;}
    #mypage .consign_process .sec1 .list li .icon{width: 85px;}
    #mypage .consign_process .sec1 .list li .icon img{width: 48px;}
    #mypage .consign_process .sec1 .list li dl{margin-top: 17px;}
    #mypage .consign_process .sec1 .list li dl dt{font-size: 12px;}
    #mypage .consign_process .sec1 .list li dl dd{margin-top: 8px; font-size: 13px;}
    #mypage .consign_process .sec2 .table .tr .td{height: 47px;}
    #mypage .consign_process .sec2 .tbl2{margin-top: 25px;}
    #mypage .consign_process .guide_txt{margin-top: 17px;}
    #mypage .consign_process .sec3 .box{padding: 34px 42px;}
    #mypage .consign_process .sec3 .box ul li{font-size: 14px; padding-left: 12px;}
    #mypage .consign_process .sec3 .box ul li + li{margin-top: 7px;}
    #mypage .consign_process .sec3 .box ul li::before{top: 6px;}
    #mypage .consign_process .sec4 .list li{height: 120px; gap: 13px;}
    #mypage .consign_process .sec4 .list li .num{font-size: 12px; width: 26px;}
    #mypage .consign_process .sec4 .list li p{font-size: 13px;}

    /* 위탁판매 신청하기 */
    #mypage .form_wrap + .form_wrap{margin-top: 42px;}
    #mypage .form dl{padding: 16px;}
    #mypage .form dl dt{font-size: 13px; width: 125px;}
    #mypage .form dl dd{font-size: 12px; width: calc(100% - 125px);}
    #mypage .form dl dd .chk_wrap{max-width: 100%; gap: 10px 0;}
    #mypage .form dl dd .chk_wrap .chk:nth-of-type(5){width: auto;}
    #mypage .form dl dd .chk_wrap .flex-ac label{width: 40px;}
    #mypage .form dl dd.method .radio_wrap{gap: 10px 30px;}
    #mypage .form dl dd.method .radio_wrap input:not([type="checkbox"]):not([type="radio"]){max-width: 160px;}
    #mypage .form dl dd.method .radio_wrap input[type="radio"]{min-width: 17px;}

    /* 회원 정보 수정 */
    #mypage .mem_modify dl{min-height: 70px;}
    #mypage .mem_modify .btn_wrap{margin-top: 20px;}
    #mypage .mem_modify .btn_wrap .btn{font-size: 13px; width: 125px;}
    #mypage .mem_modify .btn_wrap .flex{margin-top: 10px; gap: 10px;}

    /* 배송지 관리 */
    #mypage .address .table .tr > div{width: 70px;}
    #mypage .address .table .tr > div:nth-of-type(1){width: 40px;}
    #mypage .address .table .tr > div:nth-of-type(5),
    #mypage .address .table .tr > div:nth-of-type(6){width: 110px;}
    #mypage .address .table .tr .td .btn_s{font-size: 12px; padding: 7px 14px;}
    #mypage .address .btn_wrap{margin-top: 17px;}
    #mypage .address .btn_wrap .btn{padding: 10px 16px; font-size: 13px;}
    #mypage .address .pagination{margin-top: 10px;}

    /* 주소록 입력 */
    #mypage .address_form .btn_wrap .chk label{font-size: 13px;}

    /* Q&A */
    .bd_list .bd_srh{margin-bottom: 15px;}
    .bd_list .bd_srh input{width: 280px; padding-right: 35px;}
    .bd_list .bd_srh button{width: 16px; right: 12px;}
    .bd_list .list_wrap .total{font-size: 13px; margin-bottom: 15px;}
    .bd_list .faq_list li > div{padding: 16px;}
    .bd_list .faq_list li > div > div{gap: 10px;}
    .bd_list .faq_list li .tit .arrow{width: 10px;}
    .bd_list .faq_list li .icon{font-size: 13px; width: 28px;}
    .bd_list .faq_list li .txt{font-size: 13px; width: calc(100% - 38px);}

    /* 1:1 문의 리스트 */
    #mypage .inquiry .info .profile .txt{gap: 25px;}
    #mypage .inquiry .info .profile .txt p{font-size: 12px;}
    #mypage .inquiry .info .profile .txt .total{font-size: 14px;}
    #mypage .inquiry .info .profile .txt .total strong{font-size: 20px;}
    #mypage .inquiry .info .item{gap: 8px;}
    #mypage .inquiry .info .item p{font-size: 12px;}
    #mypage .inquiry .info .item strong{font-size: 20px;}
    #mypage .inquiry .guide_txt{margin-top: 20px;}
    #mypage .inquiry .bd_list{margin-top: 42px;}
    .bd_list .table .num{width: 70px;}
    .bd_list .table .cate{width: 110px;}
    .bd_list .table .writer,
    .bd_list .table .stat{width: 90px;}
    .bd_list .table .date{width: 110px;}
    .bd_list .btn_wrap{margin-top: 17px;}
    .bd_list .btn_wrap .btn{padding: 10px 16px; font-size: 13px !important;}

    /* 게시판 상세 */
    .bd_view{padding: 25px 0;}
    .bd_view .title .cate{font-size: 13px; padding: 8px 16px; margin-bottom: 15px;}
    .bd_view .title .tit{font-size: 16px;}
    .bd_view .title .info{margin-top: 12px; gap: 20px;}
    .bd_view .title .info dl{gap: 8px;}
    .bd_view .title .info dl dt{font-size: 14px;}
    .bd_view .title .info dl dd{font-size: 13px;}
    .bd_view .file{margin-top: 28px; padding: 16px 20px;}
    .bd_view .file .tit{font-size: 14px; letter-spacing: -0.4px;margin-bottom: 8px;}
    .bd_view .file a{gap: 8px;}
    .bd_view .file a img{width: 20px;}
    .bd_view .file a span{font-size: 13px; width: calc(100% - 28px);}
    .bd_view .file a + a{margin-top: 4px;}
    .bd_view .cont{margin-top: 35px; font-size: 13px;}
    .bd_view + .list_btn{margin-top: 30px !important; padding: 12px 40px !important;}

    /* 1:1 문의 글쓰기 */
    .inquiry_form textarea{max-width: 770px; height: 150px; font-size: 13px; padding: 11px 15px;}
    .filebox{gap: 10px; max-width: 770px;}
    .filebox .wrap{width: calc(100% - 10px - 80px);}
    .filebox label {width: 80px; font-size: 13px; line-height: 40px;}
    .inquiry_form .desc{margin-top: 10px;}
    .inquiry_form .form dl dd .radio_wrap{gap: 10px 30px !important;}
    .inquiry_form .form dl dd .order{gap: 10px;}
    .inquiry_form .form dl dd .order .input input{width: 280px;}
    .inquiry_form .form dl dd .delete{width: 16px; right: 12px;} 
    .inquiry_form .form dl dd .btn{width: 80px; font-size: 13px; line-height: 40px;}
    .inquiry_form .btn_wrap{gap: 10px; margin-top: 30px !important;}
    .inquiry_form .guide_txt{margin-top: 30px !important;}
    .prdDetail_popup.orderPop{width: 640px;}
    .prdDetail_popup.orderPop .period{margin: 24px 0 35px;}
    .prdDetail_popup.orderPop .period p{font-size: 14px; width: 140px;}
    .prdDetail_popup.orderPop .period .select{width: calc(100% - 140px);}
    .prdDetail_popup.orderPop .table .tr > div:nth-of-type(1){width: 170px;}
    .prdDetail_popup.orderPop .table .tr > div:nth-of-type(3){width: 100px;}
    .prdDetail_popup.orderPop .table .tr .td .btn{font-size: 13px; width: 60px; line-height: 38px;}

}

@media screen and (max-width:1024px) {
    
    /********** mypage **********/
    #mypage{margin: 150px auto 70px; overflow-x: hidden;}
    #mypage .inner{gap: 40px; flex-direction: column-reverse;}
    #mypage .mp_menu {width: 100%; padding-top: 47px; position: relative;}
    #mypage .mp_menu::before{content: ''; display: block; width: 120%; height: 7px; background: #F0F0F0; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
    #mypage .mp_menu h2,
    #mypage .mp_menu .user{display: none;}
    #mypage .mp_menu .menu{display: flex; width: 100%;}
    #mypage .mp_menu .menu dl{width: 25%;}
    #mypage .mp_menu .menu dl + dl{margin-top: 0;}
    #mypage .mp_cont{width: 100%;}
    .mp_main .info .profile{padding-left: 30px; gap: 18px;}

    /* 장바구니 */
    #mypage .cart{gap: 42px; flex-direction: column;}
    #mypage .cart .list_wrap{width: 100%;}
    #mypage .cart .table_wrap > .flex-jb.mob{display: flex !important; margin-bottom: 17px;}
    #mypage .cart .table_wrap > .flex-jb.mob label{font-size: 13px; letter-spacing: -0.39px; font-weight: 500;}
    #mypage .cart .table_wrap > .flex-jb.mob button{background: none; font-size: 13px; font-weight: 300; color: #999; cursor: pointer;}
    #mypage .cart .table_wrap .tbl1{border-top: 1px solid #000;}
    #mypage .cart .table_wrap .tbl1 .tr:nth-of-type(1){display: none;}
    #mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(1){width: 100%;}
    #mypage .cart .table_wrap .tbl1 .tr > div:nth-of-type(n+2){display: none;}
    #mypage .cart .table_wrap .tbl1 .tr > div.flex-ac{gap: 0; justify-content: flex-start; flex-direction: column;}
    #mypage .cart .table_wrap .tbl1 .tr .td input[type="checkbox"]{position: absolute; top: 17px; right: 17px;}
    #mypage .cart .table_wrap .tbl1 .tr .td .prd{width: 100%; align-items: flex-start;}
    #mypage .cart .table_wrap .tbl1 .tr .td .sale{width: auto; margin-top: 7px; font-size: 12px; padding: 0; background: none; border: none; display: flex; align-items: center; gap: 8px;}
    #mypage .cart .table_wrap .tbl1 .tr .td .sale.mob{display: flex !important;}
    #mypage .cart .table_wrap .tbl1 .tr .td .sale p{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
    #mypage .cart .table_wrap .tbl1 .tr .td .btn_wrap{display: flex !important; justify-content: space-between; width: 100%;}
    #mypage .cart .table_wrap .tbl1 .tr .td .btn_wrap .flex-ac{gap: 5px;}
    #mypage .cart .table_wrap .tbl1 .tr .td .btn{padding: 8px 12px; font-size: 12px; width: auto;}
    #mypage .cart .table_wrap .tbl1 .tr .td .btn + .btn{margin-top: 0;}
    #mypage .cart .table_wrap .tbl1 .tr .td .price{display: block !important; margin-top: 7px; color: #555;}
    #mypage .cart .list_wrap .btn_wrap{display: none;}
    #mypage .cart .list_wrap .btn_wrap button{font-size: 11px; line-height: 34px; padding: 0 14px;}
    #mypage .cart .pay_wrap{width: 100%; position: initial;}
    #mypage .cart .pay_wrap .price_wrap{padding: 30px 0 0; border: none; border-top: 1px solid #000;}
    #mypage .cart .pay_wrap .price_wrap .tit{font-size: 16px;}
    #mypage .cart .pay_wrap .price_wrap .detail{margin: 24px 0; padding: 24px 0;}
    #mypage .cart .pay_wrap .price_wrap .detail li{font-size: 14px;}
    #mypage .cart .pay_wrap .price_wrap .total span{font-size: 14px;}
    #mypage .cart .pay_wrap .price_wrap .total strong{font-size: 18px;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap{margin-top: 0; position: fixed; padding: 12px 40px; background: #FFF; border-top: 1px solid rgba(0, 0, 0, 0.05); left: 0; bottom: 0; width: 100%; z-index: 100;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap a{font-size: 14px; padding: 14px 0;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap a:not(.bk){display: none;}

    /* 위탁/회수 관리 */
    #mypage .consign .table_wrap .table .tr > div:nth-of-type(n+5){width: 80px;}

}

@media screen and (max-width:860px) {

    /* 주문조회 리스트 */
    #mypage .srh_wrap{gap: 15px; flex-wrap: wrap;}
    #mypage .srh_wrap > div{width: calc(50% - 7.5px) !important;}
    #mypage .srh_wrap .period button{width: 20%;}
    #mypage .srh_wrap .date_input{width: 100%;}
    #mypage .srh_wrap .date_wrap span{min-width: 15px;}
    #mypage .srh_wrap .date_wrap button{width: 60px; min-width: 60px;}

}

@media screen and (max-width:768px) {

    /* input */
    input:not([type='checkBox']):not([type="radio"]) {height: 35px; font-size: 13px; letter-spacing: -0.4px;padding: 0 15px;}
    input[type='radio'] + label{font-size: 13px;}
    .er_txt{margin-top: 12px;}
    .btn{font-size: 14px; padding: 12px 0;}
    .chk{align-items: flex-start;}
    .chk label{line-height: 1.4;}

    /* member */
    #member_wrap{max-width: 100% !important; margin: 150px auto 60px;}

    /* 회원가입 약관동의 */
    #member_wrap .join_step{gap: 50px;}
    #member_wrap .join_step::before{top: 16px;}
    #member_wrap .join_step li img{width: 35px;}
    .mem_agree_wrap .list li:last-child{justify-content: flex-start; gap: 20px;}
    .prdDetail_popup.use{padding: 40px 20px 30px; top: 46%;}
    .prdDetail_popup.use .scroll{max-height: 60vh;}

    /* 회원가입 정보입력 */
    .mem_join_wrap .wrap + .wrap{margin-top: 25px;}
    .mem_join_wrap .tit_wrap{padding-bottom: 16px; margin-bottom: 24px;}
    .mem_join_wrap .tit_wrap h3{font-size: 16px;}
    .mem_join_wrap .tit_wrap p{font-size: 12px;}
    .mem_join_wrap .table .tr + .tr {margin-top: 16px;}
    .mem_join_wrap .table .tr > .tit {margin-bottom: 12px;}
    .mem_join_wrap .table .flex {gap: 0 8px;}
    .mem_join_wrap .table .flex input:not([type="radio"]) {width: calc(100% - 78px);}
    .mem_join_wrap .table .tel input:not([type="radio"]) {width: calc(100% - 91px);}
    .mem_join_wrap .table .tr .b_m_btn {width: 68px; line-height: 35px; font-size: 13px;}
    .mem_join_wrap .table .tel .b_m_btn{width: 81px;}
    .mem_join_wrap .table .tel .desc{margin: 12px 0;}
    .mem_join_wrap .table .addr input[type="text"]{margin-top: 12px;}
    .mem_join_wrap .btn_wrap {margin-top: 30px; gap: 10px; justify-content: center;}
    .mem_join_wrap .btn_wrap .btn_01{width: 98px;}
    .mem_join_wrap .btn_wrap .btn_03{width: 184px;}

    /* 회원가입 완료 */
    .mem_joinSuc_wrap .cont img {width: 50px;}
    .mem_joinSuc_wrap .cont h3 {margin: 10px 0; font-size: 18px;}
    .mem_joinSuc_wrap .cont .box .id{font-size: 15px;}
    .mem_joinSuc_wrap .cont .box dl{font-size: 13px;}
    .mem_joinSuc_wrap .cont .box dl + dl{margin-top: 10px;}
    .mem_joinSuc_wrap .btn_wrap{justify-content: center;}
    
    /********** mypage **********/
    #mypage{margin: 150px auto 0;}
    #mypage .mp_menu{display: none;}
    #mypage .mp_menu .menu{display: block;}
    #mypage .mp_menu .menu dl{width: 100%;}
    #mypage .mp_menu .menu dl + dl{margin-top: 40px;}
    #mypage .mp_menu .menu dl dd + dd{margin-top: 0;}
    #mypage .mp_menu .menu dl dd{border-bottom: 1px solid var(--border-color);}
    #mypage .mp_menu .menu dl dd:first-of-type{border-top: 1px solid var(--border-color);}
    #mypage .mp_menu .menu dl dd a{padding: 12px 0; display: block; position: relative;}
    #mypage .mp_menu .menu dl dd a::after{content: ''; display: block; width: 12px; height: 12px; background: url(/img/mypage/stat_arrow.svg) no-repeat center / contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    #mypage .mp_menu .logout{margin-top: 30px; display: block; line-height: 35px; text-align: center; font-size: 14px; font-weight: 500; color: #777; border: 1px solid #E8E8E8; background: #EFEFEF;}
    #mypage .mp_cont{width: 100%;}
    #mypage .mp_cont h3{font-size: 20px;}
    #mypage .mp_tit{padding-bottom: 16px;}
    #mypage .mp_tit span{font-size: 13px;}

    /* 메인 */
    .mp_main .info{height: auto; flex-wrap: wrap;}
    .mp_main .info .profile{padding: 30px 20px; gap: 16px; width: 100%;}
    .mp_main .info .profile i{font-size: 26px; width: 52px; height: 52px;}
    .mp_main .info .profile .txt a{font-size: 13px; gap: 5px;}
    .mp_main .info .wrap{width: 100%; border-top: 1px solid #E8E8E8;}
    .mp_main .info .item{padding: 20px 0; gap: 10px; width: 50%; flex-direction: column;}
    .mp_main .info .item .flex-ac{gap: 8px;}
    .mp_main .info .item .flex-ac span{font-size: 13px;}
    .mp_main .my_stat + .my_stat{margin-top: 4 0px;}
    .mp_main .my_stat .cont{height: auto; flex-direction: column;}
    .mp_main .my_stat .cont .list{width: 100%; flex-wrap: wrap;}
    .mp_main .my_stat .cont .list li{gap: 12px; height: 100px;}
    .mp_main .my_stat .cont .list li:nth-child(-n+3){width: 33.33%;}
    .mp_main .my_stat .cont .list li:nth-child(n+4){width: 50%; border-top: 1px solid #E8E8E8;}
    .mp_main .my_stat .cont .list li:nth-child(4)::before{display: none;}
    .mp_main .my_stat .cont .list li p{font-size: 13px;}
    .mp_main .my_stat .cont .list li a{font-size: 18px;}
    .mp_main .my_stat .cont .box{width: 100%; gap: 20px; padding: 0; border-left: none; border-top: 1px solid #E8E8E8; height: 50px; flex-direction: row;}
    .mp_main .my_stat .cont .box p{gap: 8px; font-size: 13px;}

    /* 주문조회 리스트 */
    #mypage .tabmenu a{font-size: 14px; line-height: 42px;}
    #mypage .srh_wrap > div{width: 100% !important;}
    #mypage .srh_wrap .period button{line-height: 35px;}
    #mypage .srh_wrap .date_wrap span{min-width: 12px; width: 12px;}
    #mypage .srh_wrap .date_input{background-size: 15px; height: 35px;}
    #mypage .srh_wrap .date_wrap button{line-height: 35px;}
    #mypage .srh_wrap *{font-size: 12px !important;}
    #mypage .order_stat + .order_stat{margin-top: 30px;}
    #mypage .order_stat .tp_wrap{padding: 20px 0; align-items: flex-start;}
    #mypage .order_stat .tp_wrap .title{gap: 8.5px; flex-direction: column; align-items: flex-start;}
    #mypage .order_stat .tp_wrap .title .tit{font-size: 16px;}
    #mypage .order_stat .tp_wrap .title span{font-size: 13px;}
    #mypage .order_stat .tp_wrap a{font-size: 13px; gap: 5px;}
    #mypage .order_stat .tp_wrap a img{width: 10px;}
    #mypage .order_stat .step{margin-bottom: 20px;}
    #mypage .order_stat .step div{padding-top: 10px; font-size: 12px;}
    #mypage .order_stat .step div.on::before{height: 3px; top: -2px;}
    #mypage .table_wrap .total{font-size: 12px; margin-bottom: 15px;}
    #mypage .table_wrap .table .td{padding: 16px 0;}
    #mypage .table_wrap .table .td .prd{align-items: flex-start;}
    #mypage .table_wrap .table .td .prd .img{width: 60px;}
    #mypage .table_wrap .table .td .prd .txt *{font-size: 12px;}
    #mypage .table_wrap .table .td .prd .txt .name{margin: 7px 0;}
    #mypage .table_wrap .table .td .prd .txt .price{font-size: 13px; font-weight: 700;}
    #mypage .table_wrap .table .td.price{font-size: 14px;}
    #mypage .order_stat .btn_wrap{margin-top: 17px;}
    #mypage .order_stat .btn_wrap .cancel_btn{font-size: 12px; width: 110px; line-height: 34px; }
    #mypage .guide_txt{margin-top: 30px;}
    #mypage .guide_txt .tit{font-size: 14px; margin-bottom: 15px;}
    #mypage .guide_txt ul li{font-size: 13px; padding-left: 12px;}
    #mypage .guide_txt ul li + li{margin-top: 5px;}
    #mypage .guide_txt ul li::before{top: 5px;}
    #mypage .no_data{padding: 60px 0;}
    #mypage .no_data .icon{width: 32px;}
    #mypage .no_data p{margin-top: 12px; font-size: 14px;}

    /* select */
    .select .tit {height: 35px;}
    .select > ul{max-height: calc(35px * 5);}
    .select > ul li{line-height: 35px;}

    /* 주문상세조회 */
    #mypage .order_view h4{margin-bottom: 15px;}
    #mypage .order_view .cont{padding: 25px 0;}
    #mypage .order_view .cont dl{gap: 10px;}
    #mypage .order_view .cont dl + dl{margin-top: 10px;}
    #mypage .order_view .cont dl dt{font-size: 14px; min-width: 85px;}
    #mypage .order_view .cont dl dd{width: calc(100% - 95px); font-size: 13px;}
    #mypage .order_view .sec1 .cont dl{justify-content: space-between;}
    #mypage .order_view .sec1 .cont dl dt{min-width: initial;}
    #mypage .order_view .sec1 .cont dl dd{width: auto;}
    #mypage .order_view .cont dl dd .cancel_btn{padding: 7px 14px; margin-left: 13px;}
    #mypage .order_view .cont dl dd strong{font-size: 14px;}
    #mypage .order_view .table_wrap .table{border-top: 1px solid #000;}
    #mypage .order_view .table_wrap .table .tr:first-of-type{display: none;}
    #mypage .order_view .table_wrap .table .tr > div:first-of-type{width: 100% !important;}
    #mypage .order_view .table_wrap .table .td .prd .txt .price{font-weight: 400; color: #555;}
    #mypage .order_view .table_wrap .table .last{height: auto; padding: 20px 12px; flex-direction: column; gap: 10px; align-items: flex-start;}
    #mypage .order_view .table_wrap .table .last .price_wrap{gap: 8px 12px; flex-wrap: wrap;}
    #mypage .order_view .table_wrap .table .last .price_wrap .price{gap: 8.5px;}
    #mypage .order_view .cash_btn{font-size: 13px;}
    #mypage .list_btn{width: 184px; padding: 10px 0; font-size: 14px;}

    /* 장바구니 */
    #mypage .cart .table_wrap .tbl1 .tr .td input[type="checkbox"]{top: 16px; right: 0;}
    #mypage .cart .table_wrap .tbl1 .td .prd .txt .price{font-weight: 400;}
    #mypage .cart .pay_wrap .price_wrap .btn_wrap{padding: 12px 20px; bottom: 65px; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}

    /* 주문서작성 */
    #mypage .order input:not([type='checkBox']):not([type="radio"]){height: 35px;}
    #mypage .order .table_wrap .table{border-top: 1px solid #000;}
    #mypage .order .table_wrap .table .tr:nth-of-type(1){display: none;}
    #mypage .order .table_wrap .table .tr > div{width: 100% !important;}
    #mypage .order .table_wrap .table .td .prd .txt .price{font-weight: 400; color: #555;}
    #mypage .order .cont{padding: 25px 0; font-size: 13px;}
    #mypage .order .cont .add .modify_btn{font-size: 13px; bottom: initial; top: 0;}
    #mypage .order .cont .box{padding: 20px 16px;}
    #mypage .order .sec2 .cont .box{padding: 15px 16px;}
    #mypage .order .sec3 .cont .select,
    #mypage .order .sec3 .cont input{max-width: 100%;}
    #mypage .order .cont.fd-c{gap: 13px;}
    #mypage .order .sec5 .cont .ip_wrap{max-width: 100%; gap: 8px;}
    #mypage .order .sec5 .cont .ip_wrap input{width: calc(100% - 76px);}
    #mypage .order .sec5 .cont .ip_wrap button{width: 68px; font-size: 13px; line-height: 35px;}
    #mypage .order .sec5 .cont .mileage{margin: 12px 0;}
    #mypage .order .sec5 .cont .box ul li{padding-left: 12px;}
    #mypage .order .sec5 .cont .box ul li::before{top: 5px;}
    #mypage .radio_wrap{gap: 10px 20px;}
    #mypage .order .sec6 .box dl{flex-direction: column;}
    #mypage .order .sec6 .box dl dt{width: 100%; line-height: 1.3; margin-bottom: 10px;}
    #mypage .order .sec6 .box dl dd{width: 100%; max-width: 100%;}
    #mypage .order .sec6 .box dl dd input + .chk{margin-top: 10px;}
    #mypage .order .sec6 .box .hide .radio_wrap{margin: 10px 0;}
    #mypage .order .sec7 .chk label{flex: 1;}
    #mypage .order .sec7 .cont .pop_btn{font-size: 12px; padding: 4px 14px;} 
    #mypage .order .pay_wrap .price_wrap .total strong span{font-size: 12px; margin-top: 5px;}
    #mypage .order .pay_wrap .price_wrap .red{margin-top: 24px; font-size: 13px;}

    /* 결제/주문 완료 */
    .order_success .cont{padding: 40px 20px;}
    .order_success .cont .icon{width: 50px;}
    .order_success .cont dl{margin: 10px 0 25px;}
    .order_success .cont dl dt{font-size: 16px;}
    .order_success .cont dl dd{margin-top: 5px; font-size: 13px;}
    .order_success .cont .order_info .txt{font-size: 15px;}
    .order_success .cont .order_info .num{margin-top: 8px; gap: 15px;}
    .order_success .cont .btn_wrap{margin-top: 25px; gap: 8px;}
    .order_success .cont .btn_wrap a{font-size: 13px; padding: 0 25px; line-height: 38px;}

    /* 위시리스트 */
    #mypage .wish .table_wrap .table .tr > div:nth-of-type(1){width: 100% !important;}
    #mypage .wish > .btn_wrap .btn{font-size: 12px; padding: 10px 14px;}

    /* 쿠폰 */
    #mypage .coupon_wrap .table_wrap .table .tr .td{padding: 16px 10px;}
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(1){width: 50px;}
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(3){width: 90px;}
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(4){width: 150px;}

    /* 적립금 */
    #mypage .mileage_wrap{gap: 34px;}
    #mypage .mileage_wrap .sec1 .cont .item{height: 100px; gap: 10px; padding: 0 10px;}
    #mypage .mileage_wrap .sec1 .cont .item p{font-size: 13px;}
    #mypage .mileage_wrap .sec1 .cont .item strong{font-size: 20px;}
    #mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(1){width: 90px;}
    #mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(2){width: 60px;}
    #mypage .mileage_wrap .table_wrap .table .tr > div:nth-of-type(4){width: 90px;}
    #mypage .mileage_wrap .no_data{padding: 60px 0;}

    /* 위탁/회수 관리 */
    #mypage .consign .table_wrap .table{border-top: 1px solid #000;}
    #mypage .consign .table_wrap .table .tr:nth-of-type(1){display: none;}
    #mypage .consign .table_wrap .table .tr > div{width: 100% !important;}
    #mypage .consign .table_wrap .table .tr .td{padding-left: 0; padding-right: 0;}
    #mypage .consign .table_wrap .table .tr .td .mob{display: flex !important; flex-wrap: wrap; gap: 0 8px;}
    #mypage .consign .table_wrap .table .tr .td .mob p{width: 100%; color: #555;}
    #mypage .consign .table_wrap .table .tr .td .mob p + p{margin-top: 3px;}
    #mypage .consign .table_wrap .table .tr .td .mob p b{font-weight: 700;}
    #mypage .consign .table_wrap .table .tr .td .btn_s{padding: 7px 12px; width: auto !important; margin-top: 8px;}
    #mypage .guide_txt.flex{gap: 25px; flex-direction: column;}
    #mypage .guide_txt.flex .wrap{max-width: 100%;}
    .prdDetail_popup.style2{padding: 40px 30px;}
    .prdDetail_popup.style2 .close{right: 20px;}
    .prdDetail_popup.style2 .txt{font-size: 16px;}
    .prdDetail_popup.style2 .buttonArea{margin-top: 20px; flex-direction: row;}
    .prdDetail_popup.style2 .buttonArea a{max-width: 50%;}
    .prdDetail_popup.price_apply{padding-top: 40px;}
    .prdDetail_popup.price_apply .cont .wrap{padding: 25px 0; font-size: 14px;}
    .prdDetail_popup.price_apply .cont .flex-ac{margin-top: 20px; gap: 20px;}

    /* 위탁 판매 절차 */
    #mypage .consign_process{gap: 40px;}
    #mypage .consign_process .sec1 .list{margin-top: 20px; flex-wrap: wrap; gap: 20px 0;}
    #mypage .consign_process .sec1 .list::before{top: 41px; width: 80%;}
    #mypage .consign_process .sec1 .list::after{content: ''; display: block; height: 1px; background: #E5E5E5; position: absolute; left: 50%; transform: translateX(-50%);z-index: -1; top: 240px; width: 80%;}
    #mypage .consign_process .sec1 .list li:not(.arrow){width: calc(33.33% - 26px);}
    #mypage .consign_process .sec1 .list li.arrow{width: 13px; min-width: 13px; margin-top: 34px;}
    #mypage .consign_process .sec2 .table{display: flex; border-top: 1px solid #000;}
    #mypage .consign_process .sec2 .table .tr{display: block;}
    #mypage .consign_process .sec2 .table .tr > div{border-bottom: 1px solid #E3E3E3; justify-content: flex-start; text-align: left; padding: 12px 16px;}
    #mypage .consign_process .sec2 .table .tr > div:last-of-type{border-bottom: none;}
    #mypage .consign_process .sec2 .table .tr .th{width: 150px; border-top: none; height: auto;}
    #mypage .consign_process .sec2 .table .tr + .tr{width: calc(100% - 150px);}
    #mypage .consign_process .sec2 .table .tr .td{height: auto; width: 100%;}
    #mypage .consign_process .guide_txt{margin-top: 15px;}
    #mypage .consign_process .sec3 .box{padding: 24px 20px; flex-wrap: wrap; gap: 7px 0;}
    #mypage .consign_process .sec3 .box ul{width: 50%;}
    #mypage .consign_process .sec3 .box ul li{font-size: 14px; padding-left: 12px;}
    #mypage .consign_process .sec3 .box ul li + li{margin-top: 7px;}
    #mypage .consign_process .sec3 .box ul li::before{top: 6px;}
    #mypage .consign_process .sec4 .list li{height: 130px; width: 50%; gap: 13px;}
    #mypage .consign_process .sec4 .list li:nth-child(4){border-left: 1px solid var(--border-color);}
    #mypage .consign_process .sec4 .list li:nth-child(n+3){border-top: 1px solid var(--border-color);}
    #mypage .consign_process .sec4 .list li:nth-child(odd){border-left: none;}
    #mypage .consign_process .sec4 .list li:nth-child(-n+4) p{min-height: 36.38px;}
    #mypage .consign_process .sec4 .list li:nth-child(5) p{min-height: 54.56px;}
    #mypage .consign_process .sec4 .list li .num{font-size: 12px; width: 26px;}
    #mypage .consign_process .sec4 .list li p{font-size: 13px;}

    /* 위탁판매 신청하기 */
    #mypage .form_wrap + .form_wrap{margin-top: 34px;}
    #mypage .form_wrap + .list_btn{margin-top: 25px;}
    #mypage .form dl{padding: 20px 0; width: 100%; flex-direction: column;}
    #mypage .form dl dt{width: 100%; margin-bottom: 10px;}
    #mypage .form dl dd{width: 100%;}
    #mypage .form dl dd input:not([type="checkbox"]):not([type="radio"]),
    #mypage .form dl dd .select{max-width: 100%;}
    #mypage .form dl dd input.other{max-width: 197px;}
    #mypage .form dl dd .radio_wrap.deco{gap: 10px 30px;}
    #mypage .form dl dd .radio_wrap .flex-ac{gap: 20px;}
    #mypage .form dl dd .chk_wrap{max-width: 100%; gap: 10px 0;}
    #mypage .form dl dd .chk_wrap label{width: 100px;}
    #mypage .form dl dd .chk_wrap .chk:nth-of-type(5){width: auto;}
    #mypage .form dl dd .chk_wrap .flex-ac label{width: 40px;}
    #mypage .form dl dd .add{gap: 10px;}
    #mypage .form dl dd .add .flex input{max-width: calc(100% - 80px);}
    #mypage .form dl dd .add button{width: 70px; line-height: 35px; margin-left: 10px;}
    #mypage .form dl dd .add > input{max-width: 100% !important;}
    #mypage .form dl dd .bank{gap: 10px; flex-wrap: wrap;}
    #mypage .form dl dd .bank input:nth-of-type(-n+2){max-width: calc(50% - 5px) !important;}
    #mypage .form dl dd .bank input:nth-of-type(3){width: 100%;}
    #mypage .form dl dd.method .radio_wrap{gap: 10px 30px;}
    #mypage .form dl dd.method > .radio_wrap{flex-direction: column;}
    #mypage .form dl dd.method > .radio_wrap label{min-width: 44px;}
    #mypage .form dl dd.method .radio_wrap .chk{align-items: center;}
    #mypage .form dl dd.method .radio_wrap input:not([type="checkbox"]):not([type="radio"]){max-width: 160px;}
    #mypage .form dl dd.method .radio_wrap input[type="radio"]{min-width: 17px;}
    #mypage .form dl dd.method .box{margin: 10px 0; padding: 12px 20px;}
    #mypage .form dl dd.method .desc{font-size: 12px;}
    #mypage .form_wrap .agree{margin-top: 16px;}
    #mypage .form_wrap .agree label{font-size: 14px;}
    #mypage .form_wrap .agree label .red{font-size: 12px;}
    #mypage .form_wrap .agree .pop_btn{font-size: 12px; padding: 4px 16px;}

    /* 회원 정보 수정 */
    #mypage .mem_modify dl{min-height: initial;}
    #mypage .mem_modify .btn_wrap .btn{width: 115px;}

    /* 배송지 관리 */
    #mypage .address .table_wrap > .flex-jb.mob{display: flex !important; margin-bottom: 17px;}
    #mypage .address .table_wrap > .flex-jb.mob label{font-size: 13px; letter-spacing: -0.39px; font-weight: 500;}
    #mypage .address .table{border-top: 1px solid #000;}
    #mypage .address .table .tr:nth-of-type(1){display: none;}
    #mypage .address .table .tr > div{width: 100% !important;}
    #mypage .address .table .tr .td{flex-direction: column; align-items: flex-start; gap: 10px; padding-left: 0; padding-right: 0; text-align: left;}
    #mypage .address .table .tr .td li.flex-ac{gap: 10px;}
    #mypage .address .table .tr .td li + li{margin-top: 10px;}
    #mypage .address .table .tr .td li .line{width: 1px; height: 10px; background: #BEBEBE;}
    #mypage .address .table .tr .td .btn_s{font-size: 12px; padding: 5px 12px;}
    #mypage .address .btn_wrap{margin-top: 17px;}
    #mypage .address .btn_wrap .btn{padding: 10px 14px; font-size: 12px;}
    #mypage .address .pagination{margin-top: 20px;}

    /* 정산관리 */
    #mypage .calc .table .tr > div{width: 20%;}
    #mypage .calc .table .tr > div:nth-of-type(1){width: 25%;}
    #mypage .calc .table .tr > div:nth-of-type(2){width: 35%;}
    #mypage .calc .table .tr .td{padding-left: 10px; padding-right: 10px;}

    /* Q&A */
    .bd_list .bd_srh{margin-bottom: 35px;}
    .bd_list .bd_srh input{width: 100%; padding-right: 35px;}
    .bd_list .bd_srh button{right: 15px;}
    #mypage .bd_list .tabmenu{flex-wrap: wrap;}
    #mypage .bd_list .tabmenu a{width: 33.33%; flex: initial;}
    #mypage .bd_list .tabmenu a:nth-of-type(4),
    #mypage .bd_list .tabmenu a:nth-of-type(7){border-left: 1px solid #DEDEDE;}
    #mypage .bd_list .tabmenu a:nth-of-type(n+4){border-top: none;}

    /* 1:1 문의 리스트 */
    #mypage .inquiry .info .profile .txt p{font-size: 13px; line-height: 1.3;}
    #mypage .inquiry .info .item p{font-size: 13px;}
    .bd_list .table{border-top: 1px solid #000;}
    .bd_list .table .tr:nth-of-type(1){display: none !important;}
    .bd_list .table .tr{flex-wrap: wrap; align-items: flex-start; padding: 20px 0; gap: 10px 0;}
    .bd_list .table .tr .td{width: 100%; justify-content: flex-start; padding: 0 !important; font-size: 13px !important;}
    .bd_list .table .tr .td.num{display: none !important;}
    .bd_list .table .tr .td.cate{display: inline-block !important; padding: 5px 12px !important; border: 1px solid #d9d9d9; width: auto;}
    .bd_list .table .tr .td.title{width: 100% !important; flex: initial;}
    .bd_list .table .tr .td.title a{font-weight: 600; color: #000; font-size: 16px;}
    .bd_list .table .tr .td.writer,
    .bd_list .table .tr .td.date,
    .bd_list .table .tr .td.stat{display: inline-block !important; width: auto !important;}
    .bd_list .table .tr .td.date::before,
    .bd_list .table .tr .td.stat::before{content: ''; display: inline-block; width: 1px; height: 12px; background: #D9D9D9; margin: 0 10px; vertical-align: middle;}

    /* 1:1 문의 글쓰기 */
    .inquiry_form textarea{max-width: 770px; height: 150px; font-size: 13px; padding: 11px 15px;}
    .filebox{gap: 10px; max-width: 100%;}
    .filebox .wrap{width: calc(100% - 78px);}
    .filebox label {width: 68px; font-size: 13px; line-height: 35px;}
    .inquiry_form .desc{margin-top: 10px;}
    .inquiry_form .form dl dd .radio_wrap{gap: 10px 30px !important;}
    .inquiry_form .form dl dd .order{gap: 10px; width: 100%;}
    .inquiry_form .form dl dd .order .input{width: calc(100% - 78px);}
    .inquiry_form .form dl dd .order .input input{width: 100%;}
    .inquiry_form .form dl dd .delete{width: 16px; right: 15px;} 
    .inquiry_form .form dl dd .btn{width: 68px; font-size: 13px; line-height: 35px;}
    .inquiry_form .btn_wrap{gap: 10px; margin-top: 25px !important;}
    .inquiry_form .guide_txt{margin-top: 30px !important;}
    .prdDetail_popup.orderPop{width: 640px;}
    .prdDetail_popup.orderPop .period{margin: 16px 0 25px;}
    .prdDetail_popup.orderPop .period p{font-size: 13px; width: 90px;}
    .prdDetail_popup.orderPop .period .select{width: calc(100% - 90px);}
    .prdDetail_popup.orderPop .table .tr > div:nth-of-type(1){width: 130px;}
    .prdDetail_popup.orderPop .table .tr .td:nth-of-type(2){padding-left: 10px !important;}
    .prdDetail_popup.orderPop .table .tr > div:nth-of-type(3){width: 70px;}
    .prdDetail_popup.orderPop .table .tr .td .btn{font-size: 12px; width: 50px; line-height: 34px;}

}

@media screen and (max-width:450px) {

    /* 위시리스트 */
    #mypage .wish > .btn_wrap{flex-direction: column; align-items: flex-start; gap: 8px;}

    /* 쿠폰 */
    #mypage .coupon_wrap .table_wrap .table .tr > div:nth-of-type(1){display: none;}
    
    /* 위탁 판매 절차 */
    #mypage .consign_process .sec1 .list{justify-content: space-between;}
    #mypage .consign_process .sec1 .list::after{top: 236px;}
    #mypage .consign_process .sec1 .list li:not(.arrow){width: 85px;}
    #mypage .consign_process .sec1 .list li dl dd{font-size: 12px;}

}

@media screen and (max-width:384px) {

    /* 회원가입 약관동의 */
    .mem_agree_wrap .list li:last-child{justify-content: space-between; gap: 0;}
    
}