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

body {overflow: revert;}

/******************** common ********************/
/* input */
input:not([type='checkBox']) {width: 100%; height: 2.75rem; border: 1px solid var(--border-color); font-size: 0.875rem; font-weight: 400; color: #000; padding: 0 .94rem; box-sizing: border-box;}
input:not([type='checkBox']).error {border-color: var(--color-red);}
input::placeholder {color: #aaa;}
input:not([type='checkBox']):focus {border-color: #000 !important; border-radius: 0; background-color: #fff; outline: none; box-shadow: none;}
input:not([type='checkBox']):disabled {background: #FAFAFA; opacity: 1;}
input:not([type='checkBox']):-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; }
input:not([type='checkBox']):not([type='radio']):read-only {border-color: #E3E3E3; background: #FAFAFA; color: #BEBEBE;}
input:not([type='checkBox']):not([type='radio']):read-only:focus {border-color: #E3E3E3 !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0 }
input[type='number'] {-moz-appearance: textfield;}
/* checkBox */
input[type='checkBox'] {-webkit-appearance:none; border: 1px solid var(--border-color); width: 1.25rem; height: 1.25rem;}
input[type='checkBox']:checked {background: url("/img/mypage/chked2.svg") center no-repeat; border-color: var(--main-color); background-size: 0.6875rem auto; background-position: center; background-color: var(--main-color);}
/* radio */
input[type='radio'] {-webkit-appearance:none; border: 1px solid var(--border-color); width: 1.25rem; height: 1.25rem !important; border-radius: 100%; padding: 0 !important; background-color: #fff;}
input[type='radio']:checked {background: url("/img/mypage/chked2.svg") center no-repeat; border-color: var(--main-color); background-size: 0.6875rem auto; background-position: center; background-color: var(--main-color); border-radius: 100%; padding: 0;}
/* select */
.select {position: relative; cursor: pointer; width: 100%;}
.select .tit {background: url('/img/mypage/select_arrow.svg') no-repeat; background-size: 1rem; background-position: right .84rem center; width: 100%; height: 2.75rem; border: 1px solid var(--border-color); font-size: 0.875rem; font-weight: 400 !important; color: #AAA; padding: 0 .84rem !important; box-sizing: border-box; display: flex; align-items: center;}
.select.on .tit {border-color: #000; color: #000; background-image: url('/img/mypage/select_arrow_on.svg');}
.select.color .tit {color: #6D6D6D;}
.select > ul {display: none; position: absolute; left: 0; top: calc(100% + .5rem); width: 100%; border: 1px solid #000; background: #fff; z-index: 1; overflow: hidden; max-height: 12rem; overflow-y: auto;}
.select > ul::-webkit-scrollbar {width: .3rem;}
.select > ul::-webkit-scrollbar-thumb {height: 30%; background: #888888; border-radius: .6rem;}
.select > ul::-webkit-scrollbar-track {background: #DDDDDD; border-radius: .6rem;}
.select > ul li {padding: 0 .84rem; line-height: 2.3rem; font-size: 0.875rem; font-weight: 400; color: #AAA;}
.select > ul li:hover {background: #000; color: #fff;}
/* btn */
.btnSize_s {display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0.5rem 0.75rem; line-height: 1.4; font-size: 0.875rem; font-weight: 400; min-width: max-content;}
.btnSize_m {display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; padding: 0.75rem 3rem; line-height: 1.5; font-size: 1rem; font-weight: 600; min-width: max-content;}
.btnSize_l {display: block; width: 100%; margin: 0 auto; padding: .75rem 0; text-align: center; font-size: 1rem; font-weight: 600; min-width: max-content; line-height: 1.5;}

.editBtn {padding: .5rem 1.25rem; border-radius: 1.875rem; background: #EBEBEB; font-size: 1rem; font-weight: 400; line-height: 1.5;}
.editBtn.noActive {background: #EBEBEB; cursor: not-allowed; color: #888;}

.btnColor_b {border: 1px solid var(--main-color); background-color: var(--main-color); color: #fff;}
.btnColor_w {border: 1px solid var(--main-color); background-color: #fff; color: var(--main-color);}

/* 환불 상태 배지 */
.refund-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    margin-left: 0.5rem;
}
.refund-badge.pending {
    background-color: #FFF3CD;
    color: #856404;
    border: 1px solid #FFC107;
}
.refund-badge.processing {
    background-color: #D1ECF1;
    color: #0C5460;
    border: 1px solid #17A2B8;
}
.refund-badge.completed {
    background-color: #D4EDDA;
    color: #155724;
    border: 1px solid #28A745;
}

/* errorText */
.errorText {margin-top: 0.5rem; font-size: 0.875rem; font-weight: 400; color: var(--color-red); display: none;}
.errorText.active {display: block;}

/* margin */
.mt_20 {margin-top: 1.25rem;}
.mt_40 {margin-top: 2.5rem;}
.mt_60 {margin-top: 3.75rem;}

.req {color: var(--color-red);}

.inner_1000 {max-width: 62.5rem; width: 100%; margin: 0 auto;}


/******************** common member ********************/
#member_wrap {margin: 6.25rem auto; width: 100%; padding: 6.25rem 0;}
#member_wrap * {font-family: var(--font-out);}

.mainTitle {text-align: center; font-size: 2.25rem; font-weight: 400; word-break:keep-all;}
.subTitle {text-align: center; font-size: 0.875rem; font-weight: 400; margin-top: 0.625rem; color: #8E8E8E; line-height: 1.4; word-break:keep-all;}
.contTitle {font-size: 1.5rem; font-weight: 500; line-height: 1.33;}

/******************** login ********************/
.mem_login_wrap {max-width: 22.25rem;}
.mem_login_wrap .login_box .pw {margin-top: .62rem;}
.mem_login_wrap .find {margin-top: 0.625rem; font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.4;}
.mem_login_wrap .find a {color: #000; font-weight: 700;}
.mem_login_wrap .join {margin-top: 0 !important;}

/******************** Register ********************/
.mem_join_wrap {max-width: 36.6rem;}
.mem_join_wrap .table_info {font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.4;}
.mem_join_wrap .tr {display: flex; align-items: flex-start; gap: 1rem;}
.mem_join_wrap .tr .tit {font-size: 0.875rem; font-weight: 600; line-height: 1.4; min-width: 8.125rem; padding-top: .9rem;}
.mem_join_wrap .tr .cont {width: calc(100% - 8.125rem - 1rem);}
.mem_join_wrap .tr .cont .flex {display: flex; align-items: center; gap: 0.625rem;}
.mem_join_wrap .tr .cont input {width: 100%;}
.mem_join_wrap .tr .btnSize_s {height: 2.75rem;}
.mem_join_wrap li {display: flex; align-items: center; gap: .62rem; font-size: 1rem; font-weight: 400; line-height: 1.5;}
.mem_join_wrap li label {display: flex; align-items: center; gap: .62rem; cursor: pointer;}
.mem_join_wrap li .more {cursor: pointer; font-size: 0.875rem; font-weight: 400; color: #8E8E8E;}
.mem_join_wrap .join_btn {text-align: center;}
.mem_join_wrap .join_btn a {margin: 0 auto; padding: .75rem 4.66rem;}
.mem_join_wrap .login {text-align: center; font-size: 0.875rem; color: #8E8E8E; line-height: 1.4; font-weight: 400;}

/******************** common popup ********************/
.mp_popupWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.mp_popupWrap.on {display:block;}
.mp_popupWrap .mp_popupBg {position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.50);}
.mp_popupInner {position:absolute; width: 50rem; top:50%; left:50%; transform:translate(-50%, -50%);}
.mp_popContent {background: #FFF; padding:2.5rem 2.5rem 3.75rem; margin-top: .94rem;}
.mp_popClose {cursor: pointer;}
.mp_popClose img {width: 1.5rem;}
.mp_popupTit {display:flex; align-items:center; justify-content:space-between; padding-bottom:1.87rem; border-bottom:2px solid #000; margin-bottom:1.87rem;}
.mp_popupTit h4{font-size: 1.75rem; font-weight: 700;}
.mp_popCont{max-height: 23.1rem; overflow-y:auto; padding-right:1.5rem;}
.mp_popCont > div {display: none;}
.mp_popCont::-webkit-scrollbar {width: .3rem;}
.mp_popCont::-webkit-scrollbar-thumb {height: 30%; background: #888888; border-radius: .6rem;}
.mp_popCont::-webkit-scrollbar-track {background: #DDDDDD; border-radius: .6rem;}
.mp_popupWrap .agreeBtn_cont {text-align: center;}
.mp_popupWrap .agree_btn {margin: 1.88rem auto 0; cursor: pointer;}
.mp_popupWrap .headline {margin: 2.18rem 0 0.5rem;}
.mp_popupWrap .headline:first-child {margin-top: 0;}
.mp_popupWrap .headline,
.mp_popupWrap .headline h5 {border: 0; padding: 0; color: #000; font-weight: 700; font-size: 1rem;}
.mp_popupWrap .contents-box-inner {font-size: 0.875rem; font-weight: 400; color: #AAAAAA;}
.mp_popupWrap .pop_wrap {display: block !important;}

/******************** 완료페이지 ********************/
.success_wrap {text-align: center;}
.success_wrap img {width: 5rem;}
.success_wrap h2 {font-size: 2.25rem; font-weight: 400; line-height: 1.2;}
.success_wrap p {margin-top: .62rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: #8E8E8E;}

/******************** Forgot password ********************/
.mem_find_wrap {max-width: 27.5rem;}
.mem_find_wrap .code {background: #FFF2F2; padding: .5rem 0; width: 100%; font-size: 0.875rem; font-weight: 400; color: #DF001A; letter-spacing: 0.00625rem; line-height: 1.2;}

/******************** table common ********************/
.table_top {font-size: 1rem; font-weight: 400; line-height: 1.5;} 
.prdInfo_table,
.prdInfo_table .table {width: 100%;}
.prdInfo_table .table {border-top: 1px solid #000;}
.prdInfo_table .table .tr {display: flex; align-items: center; gap: 2.5rem; border-bottom: 1px solid #E7E7E7;}
.prdInfo_table .table .tr input[type="checkBox"] {cursor: pointer;}
.prdInfo_table .table .th {padding: 1rem 0; text-align: center; font-size: 1rem; font-weight: 400; color: #141414; line-height: 1.5;}
.prdInfo_table .table .td {padding: 1.88rem 0; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5; word-break: break-all;}
.prdInfo_table .table .td.infoBox {display: flex; align-items: center; gap: 2.5rem; text-align: left;}
.prdInfo_table .table .td.infoBox .thumb {width: 6.25rem; height: 6.25rem; overflow: hidden;}
.prdInfo_table .table .td.infoBox .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prdInfo_table .table .td.infoBox .info {width: calc(100% - 6.25rem - 2.5rem);}
.prdInfo_table .table .td.infoBox .name {font-size: 1rem; font-weight: 400; color: #141414; line-height: 1.5;}
.prdInfo_table .table .td.infoBox .option {margin-top: .25rem; font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.43; cursor: pointer;}
.prdInfo_table .table .td.del img {width: 1.5rem; cursor: pointer;}

/******************** cart ********************/
.cart_wrap .table .th:nth-child(1),
.cart_wrap .table .td:nth-child(1) {width: 1.25rem;}
.cart_wrap .table .th:nth-child(2),
.cart_wrap .table .td:nth-child(2) {width: calc(73% - 1.25rem);}
.cart_wrap .table .th:nth-child(3),
.cart_wrap .table .td:nth-child(3),
.cart_wrap .table .th:nth-child(4),
.cart_wrap .table .td:nth-child(4) {width: 13%;}
.cart_wrap .totalPrice {gap: 0.75rem; font-size: 1.25rem; font-weight: 400; color: #141414; line-height: 1.4;}
.cart_wrap .totalPrice strong {font-weight: 600;}
.cart_wrap .shoppingBtn a {font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.4;}
.cart_wrap .orderBtn span {cursor: pointer;}

/******************** cart popup ********************/
.cart_popup .mp_popupInner {max-width: 26.875rem;}
.cart_popup .mp_popContent {padding: 3.69rem 0;}
.cart_popup .mp_popCont {padding-right: 0;}
.cart_popup .mp_popCont > div {display: block !important; text-align: center;}
.cart_popup .mainTitle {font-size: 1.75rem; font-weight: 500; line-height: 1.29;}
.cart_popup .btnCont p {margin: .5rem auto; font-size: 0.875rem; color: #8E8E8E; line-height: 1.4; font-weight: 400;}
.cart_popup .btnCont a {width: 14.875rem; padding-left: 0; padding-right: 0;}
.cart_popup .btnCont a.btnColor_w {border-color: #E8E8E8; color: #777;}

/******************** empty cart ********************/
.empty {text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #E7E7E7; padding: 3.75rem 0;}
.empty img {width: 3.75rem;}
.empty p {margin-top: 0.5rem; font-size: 1rem; font-weight: 400; color: #6D6D6D; line-height: 1.5;}
.empty + .loginBtn {gap: 0.75rem; font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.4;}
.empty + .loginBtn a {margin: 0;}

/******************** Checkout ********************/
.order_wrap .orderArea {align-items: flex-start; position: relative;}
.order_wrap .leftArea {width: calc(100% - 22.5rem - 3.12rem);}
.order_wrap .table .th:nth-child(1),
.order_wrap .table .td:nth-child(1) {width: calc(100% - 11.25rem - 2.5rem);}
.order_wrap .table .th:nth-child(2),
.order_wrap .table .td:nth-child(2) {width: 11.25rem;}
.order_wrap .mem_join_wrap {max-width: 100%;}
.order_wrap .infomation .tit_cont .flex {gap: .5rem;}
.order_wrap .infomation .tit_cont .subTitle {margin-top: 0;}
.order_wrap .mem_join_wrap .tr {flex-direction: column; align-items: flex-start; gap: .75rem;}
.order_wrap .mem_join_wrap .tr > div,
.order_wrap .mem_join_wrap input:not([type="checkBox"]):not([type="radio"]) {width: 100%;}
.order_wrap .mem_join_wrap .flex {gap: 1.25rem;}
.order_wrap .mem_join_wrap .flex .tr {width: 50%;}
.order_wrap .mem_join_wrap .tit {padding-top: 0;}
.order_wrap .tg_cont li + li {margin-top: 0.75rem;}
.order_wrap .tg_cont li .tit {display: flex; align-items: center; justify-content: space-between; padding: 1.25rem .94rem; border: 1px solid #E3E3E3;}
.order_wrap .tg_cont li .tit label {display: flex; align-items: center; gap: 0.625rem; cursor: pointer;}
.order_wrap .tg_cont li .tit span {display: block; min-width: fit-content; font-size: 0.875rem; font-weight: 400; color: #aaa; line-height: 1.4;}
.order_wrap .tg_cont li .tit.active {background: #8E8E8E; border-color: #8E8E8E;}
.order_wrap .tg_cont li .tit.active span {color: #fff;}
.order_wrap .tg_cont .tit .flex {gap: 0.25rem;}
.order_wrap .tg_cont .tit .flex img {height: 1.5rem;}
.order_wrap .tg_cont .cont {display: none; padding: 1.25rem; background: #F5F5F5; border: 1px solid #E3E3E3; border-top: 0;}
.order_wrap .tg_cont .cont > div + div {margin-top: .75rem;}
.order_wrap .tg_cont .cont .flex {gap: .75rem;}
.order_wrap .tg_cont .cont .flex input {width: 50%;}
.order_wrap .empty {padding: 2.5rem 0;}
.order_wrap .empty img {width: 2.5rem;}
.order_wrap .phone .tr {width: 100% !important;}
.order_wrap .phone .cont {display: flex; align-items: center; gap: 0.75rem;}
.order_wrap .phone .select {width: 18.75rem;}
.order_wrap .phone input {width: calc(100% - 18.75rem);}
.order_wrap .rightArea {width: 22.5rem; position: sticky; top: 7rem; right: 0; border: 1px solid #E7E7E7; padding: 2rem;}
.order_wrap .rightArea li {display: flex; align-items: center; justify-content: space-between;}
.order_wrap .rightArea li + li {margin-top: 0.5rem;}
.order_wrap .rightArea li * {font-size: 1rem; font-weight: 400; line-height: 1.5;}
.order_wrap .rightArea li .cont {color: #6D6D6D;}
.order_wrap .rightArea .total {margin-top: 1rem; padding: 1rem 0; border-top: 1px solid #E7E7E7;}
.order_wrap .rightArea .total .tit {font-size: 0.875rem; font-weight: 400; color: #6D6D6D; letter-spacing: 0.00625rem; line-height: 1.4; display: flex; align-items: center; gap: 0.25rem;}
.order_wrap .rightArea .total .tit strong {font-size: 1.125rem; font-weight: 600; color: #141414;}
.order_wrap .rightArea .total .cont {font-size: 1.25rem; font-weight: 600; line-height: 1.4; color: #141414;}
.order_wrap .rightArea .total a {font-size: 1.125rem;}

/******************** license_popup ********************/
.license_popup .mp_popupInner {width: 82.5rem; max-width: calc(100% - 2.5rem);}
.license_popup .mp_popContent {height: 80vh; padding: 4.375rem 3.75rem;}
.license_popup .mp_popCont {max-height: none; height: 100%;}
.license_popup .mp_popCont > div {display: block;}
.license_popup .tab {margin-top: 1.75rem;}
.license_popup .tab li {display: flex; align-items: center; justify-content: center; width: 12.5rem; height: 3.812rem; font-size: 1.25rem; font-weight: 400; color: #8E8E8E; cursor: pointer; border: 1px solid rgba(172, 172, 172, 0.30);}
.license_popup .tab li + li {border-left: 0;}
.license_popup .tab li.on {background: #000; border-color: #000; color: #fff;}
.license_popup .tabCont .flex {align-items: flex-start; gap: 3.125rem;}
.license_popup .tabCont .flex > div {width: 50%;}
.license_popup .tabCont .cont > div {padding-top: 3.12rem; padding-bottom: 3.12rem;}
.license_popup .tabCont .cont > div + div {border-top: 1px solid #E3E3E3;}
.license_popup .tabCont .cont > div:first-child {padding-top: 0;}
.license_popup .tabCont li {position: relative; padding-left: 1rem; font-size: 1.125rem; color: #6D6D6D; font-weight: 300; line-height: 1.5;}
.license_popup .tabCont li + li {margin-top: .25rem;}
.license_popup .tabCont li::before {content: ""; width: 0.375rem; height: 0.375rem; border-radius: 100%; background: #6D6D6D; position: absolute; left: 0; top: .59rem;}

/******************** mypage_container ********************/
.mypage_container {display: flex; align-items: flex-start; justify-content: space-between;}
/* mypageMenu */
.mypageMenu {width: 13.75rem;}
.mypageMenu .name {font-size: 1.5rem; font-weight: 400; line-height: 1.3;}
.mypageMenu .btnCont {margin-top: 1rem; gap: .25rem;}
.mypageMenu .btnCont a,
.mypageMenu .btnCont > span {display: flex; align-items: center; justify-content: center; gap: 0.25rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4; border-radius: 0.3125rem; height: 2.25rem; cursor: pointer;}
.mypageMenu .btnCont img {width: 1rem;}
.mypageMenu .btnCont a {background: #000; color: #fff; width: 5.18rem;}
.mypageMenu .btnCont > span {background: #EBEBEB; width: calc(100% - 5.18rem - .25rem); font-weight: 500;}
.mypageMenu #accordion {margin-top: 1.875rem; padding-top: 1.875rem; border-top: 1px solid #000;}
.mypageMenu #accordion .tit {position: relative; font-size: 1.5rem; font-weight: 500; line-height: 1.3; padding: 1rem .5rem; cursor: pointer; border-bottom: 1px solid #E3E3E3;}
.mypageMenu #accordion .tit::after {content: ""; width: 1.25rem; height: 1.25rem; background-image: url('/img/mypage/mypageMenu_plus.svg'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: .5rem;}
.mypageMenu #accordion .on .tit::after {background-image: url('/img/mypage/mypageMenu_minus.svg');}
.mypageMenu #accordion .submenu {background: #F9F9F9; padding: 1rem 1.25rem; display: none;}
.mypageMenu #accordion .show .submenu {display: block;}
.mypageMenu #accordion .submenu a {display: block; font-size: 1rem; font-weight: 400; color: #6D6D6D; line-height: 1.5;}
.mypageMenu #accordion .submenu a + a {margin-top: 0.75rem;}
.mypageMenu #accordion .submenu a.on {color: #000; text-decoration: underline; text-underline-offset: .2rem;}
/* orderList_wrap */
.orderList_wrap {width: calc(100% - 12.75rem - 5rem);}
.orderList_wrap .searchArea h3 {font-size: 1.75rem; font-weight: 400; line-height: 1.29;}
.orderList_wrap .sch_input {display: flex; align-items: center; gap: .5rem; border: 1px solid #E3E3E3; padding: 0 .94rem; height: 3rem;}
.orderList_wrap .sch_input input {border: 0; padding: 0; height: 100%;}
.orderList_wrap .sch_input .sch_btn {width: auto; height: auto; border: 0; background: none;}
.orderList_wrap .sch_input .sch_btn img {width: 1.5rem;}
.orderList_wrap .tab {display: flex; align-items: flex-end;}
.orderList_wrap .tab a {padding: 0 1.25rem 1rem; font-size: 1.25rem; font-weight: 400; color: #8E8E8E; line-height: 1.4; display: inline-block; border-bottom: 1px solid rgba(172, 172, 172, 0.30);}
.orderList_wrap .tab a.on {color: #000; border-bottom: 2px solid #000;}
.orderList_wrap .total {gap: 1.25rem;}
.orderList_wrap .totalCnt {font-size: 1rem; font-weight: 400; color: #6D6D6D; line-height: 1.5; min-width: fit-content;}
.orderList_wrap .totalCnt strong {font-weight: 600; color: #000;}
.orderList_wrap .total .select {width: 9.06rem; height: 2.25rem;}
.orderList_wrap .total .select .tit {height: 100%;}
.orderList_wrap .btn {text-align: center;}
.orderList_wrap .btn a {margin: 0 auto;}
/* orderList */
.orderList .item {border: 1px solid #E7E7E7; padding: 1.88rem 2rem; cursor: pointer;}
.orderList .item + .item {margin-top: 0.75rem;}
.orderList .item .date {font-size: 1.125rem; font-weight: 600; color: #141414; line-height: 1.5;}
.orderList .item .date span {font-size: 0.875rem; font-weight: 400; color: #8E8E8E; margin-left: .1rem;}
.orderList .item_c {padding: 1.25rem 0; display: flex; align-items: center; justify-content: space-between;}
.orderList .item_c:first-child {padding-top: 0;}
.orderList .item_c:last-child {padding-bottom: 0;}
.orderList .item_c + .item_c {border-top: 1px solid #E3E3E3;}
.orderList .prdInfo {display: flex; align-items: center; gap: 1.25rem; text-align: left; max-width: 50%;}
.orderList .prdInfo .thumb {width: 6.25rem; height: 6.25rem; overflow: hidden;}
.orderList .prdInfo .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.orderList .prdInfo .info {width: calc(100% - 6.25rem - 1.25rem);}
.orderList .prdInfo .name {font-size: 1rem; font-weight: 600; color: #141414; line-height: 1.5;}
.orderList .prdInfo .option {margin-top: .25rem; font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.43; cursor: pointer;}
.orderList .orderInfo {max-width: 50%;}
.orderList .btnCont {gap: 0.5rem; margin-top: 8px;}
.orderList .item .date + .editBtn,
.orderList .btnCont > * {padding: 0.55rem 0.75rem 0.5rem; font-size: 0.875rem; line-height: 1.4; cursor: pointer;}
.orderList .btnCont > *.noActive {background: #E7E7E7; color: #000; border-color: #E7E7E7; cursor: default;}
/* .orderList .txt {margin-top: 1.25rem;} */
.orderList .txt p {font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.4; text-align: right;}
.orderList .txt p + p {margin-top: 0.25rem;}
.orderList .txt p strong {font-weight: 600; color: #000;}
.orderList .txt p .red {color: #DF001A;}
/* cancelled_orderList */
.orderList .top .total {display: flex; align-items: center; gap: 0.75rem; font-size: 1.125rem; font-weight: 300; color: #141414; line-height: 1.5; margin-top: 0 !important;}
.orderList .top .total strong {font-weight: 600;}
.cancelled_orderList .orderList .btnCont {justify-content: flex-end;}

/******************** mypage_container ********************/
.orderDetail .state {background: #F9F9F9; padding: 1.25rem 3.75rem; display: flex; align-items: center; justify-content: space-between;}
.orderDetail .state div {font-size: 0.875rem; color: #8E8E8E; font-weight: 400; line-height: 1.4;}
.orderDetail .state div strong {color: #000; font-weight: 600;}
.orderDetail .payInfo {margin-top: 0.75rem;}
/******************** payInfo common ********************/
.payInfo {border: 1px solid #E7E7E7; padding: 2.5rem;}
.payInfo > li > .tit {display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 0;}
.payInfo > li + li {border-top: 1px solid #E3E3E3;}
.payInfo > li:first-child > .tit {padding-top: 0;}
.payInfo > li:last-child > .tit {padding-bottom: 0;}
.payInfo .tit {font-size: 0.875rem; line-height: 1.4;}
.payInfo .tit strong {font-weight: 600;}
.payInfo .tit span {font-weight: 400; color: #8E8E8E;}
.payInfo > li > .cont {margin-top: .75rem; background: #F9F9F9; padding: 2rem;}
.payInfo > li > .cont li {display: flex; align-items: center; justify-content: space-between;}
.payInfo > li > .cont li + li {margin-top: 0.5rem;}
.payInfo > li > .cont li * {font-size: 0.875rem; font-weight: 400; line-height: 1.4; font-weight: 400;}
.payInfo > li > .cont li span {color: #6D6D6D;}
.payInfo > li > .cont .total {margin-top: .84rem; padding-top: 1rem; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #E7E7E7;}
.payInfo > li > .cont .total .tit {display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; font-weight: 400; color: #6D6D6D; line-height: 1.3;}
.payInfo > li > .cont .total .tit strong {font-size: 1rem; font-weight: 600; line-height: 1.5; color: #000;}
.payInfo > li > .cont .total .cont {font-size: 1.125rem; font-weight: 600; color: #141414; line-height: 1.5;}

/******************** coupons ********************/
.coupons_wrap .searchArea {align-items: flex-end;}
.coupons_wrap .totalCnt {color: #000; font-weight: 600;}
.couponsList li {display: flex; align-items: center; justify-content: space-between; border: 1px solid #E7E7E7; padding: 1.88rem 2rem;}
.couponsList li + li {margin-top: 0.75rem;}
.couponsList li.noUse {background: #F6F6F6; border-color: #F6F6F6;}
.couponsList li .tit {font-size: 1.125rem; font-weight: 600; color: #141414; line-height: 1.5; max-width: 50%;}
.couponsList li .info {text-align: right; max-width: 50%;}
.couponsList li .info p {font-size: 0.875rem; font-weight: 400; color: #8E8E8E; line-height: 1.43;}
.couponsList li .info strong {display: block; margin-top: .25rem; font-size: 1rem; font-weight: 400; color: #141414; line-height: 1.5;}

/******************** profile ********************/
.profile .payInfo > li:last-child {border-bottom: 1px solid #E3E3E3; padding-bottom: 1.25rem;}
.profile .payInfo > li:first-child .tit {padding-top: 0;}
.profile .payInfo > li > .tit {padding-top: 2.5rem;}
.profile .payInfo > li > .tit .flex {gap: 1.25rem;}
.profile .payInfo > li > .tit .flex span:not(.editBtn) {line-height: 1;}
.profile .payInfo > li > .tit .flex span {color: #000;}
.profile .editBtn {cursor: pointer;}
/* changeProfile_popup */
.profile_pop .mp_popCont > div {display: block; max-width: 100%;}
.profile_pop .mp_popupInner {max-width: 37.5rem; width: 100%;}
.profile_pop .mp_popContent {padding: 3.75rem 3.125rem;}
.profile_pop .mp_popCont {max-height: 31rem; padding-right: 0;}
.profile_pop h2 {font-size: 1.75rem; font-weight: 500; line-height: 1.29;}
.profile_pop .mem_join_wrap {margin-top: 1.875rem;}
.profile_pop .mem_join_wrap .tr {display: block; width: 100%;}
.profile_pop .mem_join_wrap .tr + .tr {margin-top: 1.25rem;}
.profile_pop .mem_join_wrap .tr .tit {padding-top: 0;}
.profile_pop .mem_join_wrap .tr .cont {margin-top: 0.75rem; width: 100%;}
.profile_pop .mem_join_wrap .tr .cont.flex {gap: 0.625rem;}
.profile_pop .btn {text-align: center; margin: 1.875rem auto 0;}
.profile_pop .btnColor_b {cursor: pointer;}

/******************** Refund Request popup ********************/
.refund_popup .select {margin-top: 1.875rem;}
.refund_popup .select > ul {position: relative; margin-top: .5rem;}

/******************** paginate ********************/
.dp_paginate {display: flex; align-items: center; justify-content: center;}
.dp_paginate ul {display: flex; align-items: center;}
.dp_paginate a {padding: 0 .75rem; font-size: 1rem; font-weight: 400; color: #999; position: relative; line-height: 1;}
.dp_paginate a.this {color: #000; text-decoration: underline; text-underline-offset: 4px; font-weight: 600;}
.dp_paginate a img {height: 1rem;}
.dp_paginate > a {padding: 0 .55rem;}






@media screen and (max-width:1600px) {
    /******************** mypage_container ********************/
    .mypage_container {gap: 2.75rem;}
    /* mypageMenu */
    .mypageMenu {width: 16rem;}
    /* orderList_wrap */
    .orderList_wrap {width: calc(100% - 16rem - 2.75rem);}
}
@media screen and (max-width:1024px) {
    /******************** common popup ********************/
    .mp_popupInner{width: calc(100% - 2.5rem);}

    /******************** table common ********************/
    .prdInfo_table .table .tr,
    .prdInfo_table .table .td.infoBox {gap: 1.5rem;}

    /******************** Checkout ********************/
    .order_wrap .orderArea {flex-direction: column; gap: 3.12rem;}
    .order_wrap .leftArea {width: 100%;}
    .order_wrap .rightArea {width: 100%; top: auto; position: relative;}
    
    /******************** license_popup ********************/
    .license_popup .mp_popContent {height: 80vh; padding: 1.88rem 1.25rem;}
    .license_popup .tabCont .contTitle {font-size: 1.15rem;}
    .license_popup .tabCont .flex {gap: 0; flex-direction: column;}
    .license_popup .tabCont .flex > div + div {padding-top: 2.12rem; margin-top: 2.12rem; border-top: 1px solid #E3E3E3;}
    .license_popup .tabCont .flex > div {width: 100%;}
    .license_popup .tabCont .cont > div {padding-top: 2.12rem; padding-bottom: 2.12rem;}

    /******************** mypage_container ********************/
    .mypage_container {flex-direction: column; align-items: flex-start; gap: 1.875rem;}
    .mypage_container .top {display: flex; align-items: center; justify-content: space-between;}
    /* mypageMenu */
    .mypageMenu {width: 100%;}
    .mypageMenu .btnCont {margin-top: 0;}
    .mypageMenu .btnCont a,
    .mypageMenu .btnCont > span {display: flex; align-items: center; justify-content: center; padding: 0 .5rem;}
    .mypageMenu .btnCont a {width: auto;}
    .mypageMenu .btnCont > span {width: auto;}
    .mypageMenu > .mob {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #000;}
    .mypageMenu .mob_subMenu {width: 100%; height: 2.9rem; font-size: 1.125rem; font-weight: 600; line-height: 1.5; padding: 0 .94rem; border: 1px solid #E3E3E3;}
    .mypageMenu .mob_subMenu img {width: 1rem;}
    .mypageMenu .accordion_wrap {visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100svh; z-index: 1000;}
    .mypageMenu .accordion_wrap.show {visibility: var(--border-color);}
    .mypageMenu .accordion_wrap .accordion_bg {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); opacity: 0; transition: all .3s;}
    .mypageMenu .accordion_wrap.show .accordion_bg {opacity: 1;}
    .mypageMenu .accordion_wrap .popupInner {position: absolute; bottom: 0; left: 0; width: 100%; transform: translateY(100%); transition: all .3s;}
    .mypageMenu .accordion_wrap.show .popupInner {transform: translateY(0);}
    .mypageMenu .accordion_wrap .mp_popClose {display: flex !important; padding: 0 .62rem;}
    .mypageMenu .accordion_wrap .mp_popClose img {width: 1.5rem;}
    .mypageMenu #accordion {margin-top: 0; padding-top: 0; border-top: 0; background: #fff; margin-top: .94rem; padding: 1.88rem 1.25rem;}
    .mypageMenu #accordion .tit::after {display: none;}
    .mypageMenu #accordion .submenu {background: #F9F9F9; padding: 1rem 1.25rem; display: block;}
    /* orderList_wrap */
    .orderList_wrap {width: 100%;}
    .orderList_wrap .sch_input {margin-top: 1rem;}
    .orderList_wrap .searchArea {display: block;}
    .orderList_wrap .tab {justify-content: center;}
    .orderList_wrap .tab a {width: 100%; text-align: center;}
    .orderList_wrap .total {margin-top: 1.875rem; justify-content: flex-end;}
    .orderList .item_c {flex-direction: column; justify-content: flex-start; gap: 1.25rem; align-items: flex-start;}
    .orderList .prdInfo,
    .orderList .orderInfo {width: 100%; max-width: 100%;}
    .orderList .btnCont {justify-content: flex-start;}
    .orderList .txt p {text-align: left;}
    /* cancelled_orderList */
    .orderList .top .total {display: flex; align-items: center; gap: 0.75rem; font-size: 1.125rem; font-weight: 300; color: #141414; line-height: 1.5;}
    .orderList .top .total strong {font-weight: 600;}

    /******************** mypage_container ********************/
    .orderDetail .state {padding: 1.25rem 2rem;}
    
    /******************** coupons ********************/
    .coupons_wrap .searchArea.mt_20 {display: flex;}

    /******************** profile ********************/
    .profile .searchArea {display: flex;}
    /* changeProfile_popup */
    .profile_pop .mp_popupInner {max-width: calc(100% - 2.5rem);}
    
}
@media screen and (max-width:768px) {
    /** 공통 **/
    .mt_60 {margin-top: 2.5rem;}

    
    .inner {max-width: calc(100% - 2.5rem);}

    /* input */
    input:not([type='checkBox']) {height: 2.75rem; padding: 0 .94rem;}
    /* select */
    .select .tit {background-position: right .94rem center; padding: 0 .94rem !important;}
    .select > ul {top: calc(100% + .5rem);}
    /* btn */
    .btnSize_l {line-height: normal; font-size: 1.125rem;}
    .editBtn {font-size: .875rem;}

    /* errorText */
    .errorText {margin-top: 0.5rem; font-size: 0.875rem; }


    /******************** common member ********************/
    #member_wrap {margin: 3.75rem auto 0; padding: 4.875rem 0;}
    .mainTitle {font-size: 1.75rem;}

    /******************** login ********************/
    .mem_login_wrap .login_box .pw {margin-top: .625rem;}
    .mem_login_wrap .find {margin-top: 0.72rem;}
    .mem_login_wrap .find a {font-size: 0.875rem;}

    /******************** Register ********************/
    .mem_join_wrap .tr {flex-direction: column; gap: 0.5rem;}
    .mem_join_wrap .tr .tit {padding-top: 0; min-width: 100%;}
    .mem_join_wrap .tr .cont {width: 100%;}
    .mem_join_wrap .tr .btnSize_s {height: 2.75rem;}
    .mem_join_wrap li {gap: .75rem;}
    .mem_join_wrap .join_btn a {padding: .75rem 0; width: 100%;}

    /******************** common popup ********************/
    .mp_popContent {padding: 1.88rem 1.25rem;}
    .mp_popCont {padding-right: 1rem;}
    .mp_popClose img {width: 1.5rem;}
    .mp_popupTit {padding-bottom:1rem; margin-bottom:1rem;}
    .mp_popupTit h4{font-size: 1.3rem;}
    .mp_popupInner .headline {margin: 1.2rem 0 0.35rem;}
    .mp_popupInner .headline, .popup_inner .headline h5 {font-size: .9rem;}

    /******************** 완료페이지 ********************/
    .success_wrap img {width: 4rem;}
    .success_wrap h2 {font-size: 1.5rem; margin-top: 1.5rem;}
    .success_wrap p {margin-top: .62rem; font-size: 0.875rem;}

    /******************** table common ********************/
    .table_top {font-size: 0.875rem;} 
    .prdInfo_table .table {margin-top: .8rem;}
    .prdInfo_table .table .tr {gap: 1.25rem .5rem; flex-wrap: wrap; padding: 1.88rem 0 1.88rem 6.25rem; position: relative;}
    .prdInfo_table .table .th_tr {padding: 0 !important; border: 0 !important;}
    .prdInfo_table .table .th {display: none; padding: 0;}
    .prdInfo_table .table .td {padding: 0; font-size: 1rem; min-width: fit-content;}
    .prdInfo_table .table .td.infoBox {gap: 1.25rem; width: 100% !important;}
    .prdInfo_table .table .td.infoBox .thumb {width: 5rem; height: 5rem; position: absolute; left: 0; top: 1.88rem;}
    .prdInfo_table .table .td.infoBox .info {width: 100%;}
    .prdInfo_table .table .td.del img {width: 1.35rem;}
    .prdInfo_table .table .td.del {text-align: right;}

    /******************** cart ********************/
    .cart_wrap .selectAll {display: flex !important; align-items: center; gap: .5rem; font-size: 0.875rem;}
    .cart_wrap .prdInfo_table .table .tr {justify-content: space-between; padding-top: 2.7rem;}
    .cart_wrap .prdInfo_table .table .td.checkBox {position: absolute; top: .5rem; left: 0;}
    .cart_wrap .prdInfo_table .table .td.infoBox .thumb {top: 2.7rem;}
    .cart_wrap .totalPrice {margin-top: .8rem;}
    .cart_wrap .orderBtn span {width: 100%;}

    /******************** empty cart ********************/
    .empty {padding: 2.5rem 0;}
    .empty + .loginBtn {flex-direction: column; align-items: center;}
    .empty + .loginBtn a {margin: 0;}

    /******************** Checkout ********************/
    .order_wrap .table .th:nth-child(2),
    .order_wrap .table .td:nth-child(2) {width: 100%; text-align: left;}
    .order_wrap .infomation .tit_cont .flex {flex-direction: column; align-items: flex-start;}
    .order_wrap .mem_join_wrap .tr {gap: .75rem;}
    .order_wrap .mem_join_wrap .flex {flex-direction: column; align-items: flex-start;}
    .order_wrap .mem_join_wrap .flex .tr {width: 100%;}
    .order_wrap .tg_cont li .tit {padding: 1rem .94rem;}
    .order_wrap .coupons .tg_cont li .tit {flex-direction: column; align-items: flex-start; gap: .5rem;}
    .order_wrap .tg_cont .cont {padding: 1.25rem 1rem;}
    .order_wrap .tg_cont .cont .flex {gap: .75rem; flex-direction: column; align-items: flex-start;}
    .order_wrap .tg_cont .cont .flex input {width: 100%;}
    .order_wrap .phone .cont {flex-direction: column; align-items: flex-start;}
    .order_wrap .phone .select {width: 100%;}
    .order_wrap .phone input {width: 100%;}
    .order_wrap .rightArea {padding: 2rem 1.25rem;}
    
    /******************** license_popup ********************/
    .license_popup .mp_popContent {height: 80vh; padding: 1.88rem 1.25rem;}
    .license_popup .tabCont .contTitle {font-size: 1.15rem;}
    .license_popup .tabCont li {font-size: 0.875rem; padding-left: .75rem;}
    .license_popup .tabCont li + li {margin-top: .25rem;}
    .license_popup .tabCont li::before {width: 0.222rem; height: 0.222rem;}

    /******************** mypage_container ********************/
    .mypage_wrap .mainTitle.order {font-size: 1.75rem;}
    /* mypageMenu */
    .mypageMenu .name {font-size: 1.25rem;}
    .mypageMenu .btnCont a,
    .mypageMenu .btnCont > span {width: 6.2rem; padding: 0;}
    .mypageMenu .btnCont p span {display: none;}
    /* orderList_wrap */
    .orderList_wrap .searchArea h3 {font-size: 1.5rem;}
    .orderList_wrap .tab a {font-size: 1rem; padding: 0 0 .5rem;}
    .orderList_wrap .total {gap: 0.7rem;}
    .orderList_wrap .totalCnt {font-size: 0.875rem;}
    /* orderList */
    .orderList .item {padding: 1.875rem 1.25rem;}
    .orderList .prdInfo .thumb {width: 5rem; height: 5rem;}
    .orderList .prdInfo .info {width: calc(100% - 5rem - 1.25rem);}
    .orderList .item .date span {display: block; margin-left: 0; margin-top: .1rem;}


    /******************** mypage_container ********************/
    .orderDetail .state {padding: 1.25rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: .75rem;}
    /******************** payInfo common ********************/
    .payInfo {padding: 2.5rem 1.25rem;}
    .payInfo > li > .tit {padding: 1.25rem 0; flex-direction: column; align-items: flex-start; gap: .5rem;}
    .payInfo > li > .cont {padding: 2rem 1.25rem;}
    
    /******************** coupons ********************/
    .couponsList li {padding: 1.25rem; flex-direction: column; align-items: flex-start; gap: .6rem;}
    .couponsList li .tit {max-width: 100%;}
    .couponsList li .info { max-width: 100%; text-align: left !important;}

    /******************** profile ********************/
    .profile .payInfo > li > .tit {padding-top: 1.25rem;}
    .profile .payInfo > li > .tit .flex {width: 100%; justify-content: space-between;}
    /* changeProfile_popup */
    .profile_pop .mp_popContent {padding: 1.88rem 1.25rem;}


    
    
}