@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
.com_Mypage main .filter_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px 3px;
  width: 100%;
  margin-bottom: 20px;
}
.com_Mypage main .filter_wrap > * {
  width: calc((100% - 3px * 3) / 4);
  min-width: calc((100% - 3px * 3) / 4);
}
.com_Mypage main .filter_wrap .com_btn {
  border-radius: 6px;
  color: #7A7F83;
  padding-inline: 0;
}
.com_Mypage main .filter_wrap .com_btn:not(.btn_chat).active {
  color: #fff;
  background: linear-gradient(278deg, #398BDF -28.84%, #3D3AE6 126.74%);
}
.com_Mypage main .filter_wrap .com_btn.btn_chat {
  background-color: #4C4C4C;
  color: #fff;
  gap: 5px;
}
.com_Mypage main .filter_wrap .com_btn.btn_chat:before {
  content: "";
  background: url(../img/icon_chat_white.svg) no-repeat center/auto 100%;
  width: 13px;
  height: 13px;
}
.com_Mypage main .com_board {
  margin-bottom: 20px;
}
.com_Mypage main .com_board .com_info_wrap {
  padding-block: 0;
}
.com_Mypage main .date_wrap {
  margin-bottom: 10px;
}
.com_Mypage main .com_tab_contents__wrap {
  padding-top: 20px;
}
.com_Mypage main .com_search_date {
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.com_Mypage main .com_search_date__wrap .com_search_date {
  padding-bottom: 0;
  margin-bottom: 0;
}
.com_Mypage main .com_search_date .input, .com_Mypage main .com_search_date .com_btn {
  height: 36px;
}
.com_Mypage main .board_gray {
  border-radius: 15px;
  border: 1px solid #DEE3E8;
  background-color: #EDF2F5;
  padding: 20px 15px;
}
.com_Mypage main .board_gray + .board_gray {
  margin-top: 10px;
}
.com_Mypage main .board_gray .com_chk_wrap {
  margin-top: 0;
}
.com_Mypage main .board_gray .com_search_date {
  margin-bottom: 0;
}
.com_Mypage main .board_gray .tit {
  white-space: nowrap;
}
.com_Mypage main .board_gray .btn_minus {
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_Mypage main .board_gray .btn_minus .png_icon {
  width: 14px;
  height: 14px;
}
.com_Mypage main .com_product_list.type_box, .com_Mypage main .com_order_list.type_box, .com_Mypage main .com_bg.type_box {
  padding: 0;
  background: #F3F8FC;
  margin-inline: 0;
  min-height: auto;
}
.com_Mypage main .notice_txt {
  font-size: 12px;
  line-height: 1.17;
  color: #7A7F83;
}
.com_Mypage main .info_item .tit.no_dot::before {
  display: none;
}
.com_Mypage main .input.ws {
  width: 100px;
}
.com_Mypage main .select.s {
  width: 100px;
}
.com_Mypage main .com_chk_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
  margin-block: 15px;
}
.com_Mypage main .com_chk_wrap:not(.gap) {
  gap: 8px;
}
.com_Mypage main .com_chk_wrap.center {
  gap: 20px;
}
.com_Mypage main .com_chk_wrap.type_btn {
  position: relative;
  padding: 0px 70px 5px 0;
}
.com_Mypage main .com_chk_wrap.type_btn .btn_del {
  position: absolute;
  right: 0;
}
.com_Mypage main .com_chk_wrap.address {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 15px;
}
.com_Mypage main .com_chk_wrap.address label {
  margin-left: 0;
}
.com_Mypage main .com_chk_wrap.address .btn_del {
  bottom: 0;
}
.com_Mypage main .com_chk_wrap + .com_divider {
  margin-top: 15px;
}
.com_Mypage main .com_input_sec .btn_add_opt {
  margin-top: 10px;
}
.com_Mypage main .com_input_sec .btn_add_img {
  margin-bottom: 10px;
}
.com_Mypage main .com_input_sec .input_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_Mypage main .com_input_sec .input_wrap + .input {
  margin-top: 10px;
}
.com_Mypage main .com_input_sec .input_wrap .com_chk_wrap {
  margin-bottom: 0;
  margin-left: 60px;
  font-weight: normal;
}
.com_Mypage main .com_input_sec .input_wrap .com_btn {
  min-width: 90px;
}
.com_Mypage main .com_input_sec .com_tag {
  margin-top: 10px;
}
.com_Mypage main .com_input_sec .com_tag .tag {
  position: relative;
  padding: 6px 10px;
}
.com_Mypage main .btn_minus, .com_Mypage main .btn_plus {
  min-width: 20px;
}
.com_Mypage main .detail_img_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_Mypage main .detail_img_list .item {
  position: relative;
  border: 1px solid #DEE3E8;
  border-radius: 10px;
  overflow: hidden;
}
.com_Mypage main .detail_img_list .item .btn_del {
  position: absolute;
  top: 10px;
  right: 10px;
}

.p_Cart main .cart_tab.active {
  min-height: calc(100vh - 132px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.p_Cart main .cart_tab.active .com_product_list {
  margin-bottom: auto;
}
.p_Cart main .cart_tab.active > .com_btn_wrap.bottom {
  padding-bottom: 30px;
  margin-top: 23px;
}

.p_Cart main .com_bg_chk, .p_RefundChatting main .com_bg_chk, .p_MyProduct main .com_bg_chk, .p_SalesDetail main .com_bg_chk, .p_MyOrder main .com_bg_chk {
  margin-top: 12px;
}
.p_Cart main .com_bg.type_box, .p_RefundChatting main .com_bg.type_box, .p_MyProduct main .com_bg.type_box, .p_SalesDetail main .com_bg.type_box, .p_MyOrder main .com_bg.type_box {
  padding-bottom: 50px;
}

.p_MyOrder.com_Mypage main .com_search_date {
  margin-bottom: 0;
  padding-bottom: 0;
}

.p_MyProduct main .btn_add_new {
  margin-bottom: 10px;
}
.p_MyProduct main .com_product_list.type_box {
  min-height: calc(100vh - 190px);
}

.p_Order main .com_btn_wrap.flex, .p_Refund main .com_btn_wrap.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 3px;
  width: 100%;
}
.p_Order main .com_btn_wrap.flex > *, .p_Refund main .com_btn_wrap.flex > * {
  width: calc((100% - 3px * 1) / 2);
  min-width: calc((100% - 3px * 1) / 2);
}
.p_Order main .com_btn_wrap.flex .com_btn.active, .p_Refund main .com_btn_wrap.flex .com_btn.active {
  background: #3D3AE6;
}
.p_Order main .com_btn_wrap + .com_divider, .p_Refund main .com_btn_wrap + .com_divider {
  margin-block: 12px;
}
.p_Order main .com_btn_wrap.bottom, .p_Refund main .com_btn_wrap.bottom {
  margin-top: 20px;
}
.p_Order main .com_btn_wrap.type_monthly, .p_Refund main .com_btn_wrap.type_monthly {
  display: none;
}
.p_Order main .com_btn_wrap.type_monthly.active, .p_Refund main .com_btn_wrap.type_monthly.active {
  display: flex;
}
.p_Order main .com_search.type_monthly, .p_Refund main .com_search.type_monthly {
  display: flex;
}
.p_Order main .com_search.type_monthly.inActive, .p_Refund main .com_search.type_monthly.inActive {
  display: none;
}
.p_Order main .order_item > .com_chk_wrap, .p_Refund main .order_item > .com_chk_wrap {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DEE3E8;
}
.p_Order main .order_item .com_input_sec.invoice_num_sec, .p_Refund main .order_item .com_input_sec.invoice_num_sec {
  margin-top: 0px;
}
.p_Order main .order_item .com_btn_wrap.bottom, .p_Refund main .order_item .com_btn_wrap.bottom {
  margin-top: -1px;
  border-top: 1px solid #DEE3E8;
  padding-top: 15px;
}
.p_Order main .order_item.type_monthly, .p_Refund main .order_item.type_monthly {
  display: none;
}
.p_Order main .order_item.type_monthly.active, .p_Refund main .order_item.type_monthly.active {
  display: block;
}
.p_Order main .com_chk_wrap.center, .p_Refund main .com_chk_wrap.center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}

.p_Order .com_search {
  margin-bottom: 10px;
}
.p_Order .com_search:before {
  display: none;
}
.p_Order .com_board.type_order {
  min-height: calc(var(--vh, 1vh) * 100 - 531px);
}

.p_MyProductAdd {
  padding-bottom: 30px;
}
.p_MyProductAdd main .com_dashed_box {
  margin: 20px 0;
}
.p_MyProductAdd main .com_dashed_box .com_search_date {
  margin-top: 15px;
}
.p_MyProductAdd main .com_dashed_box .input_wrap {
  width: calc(100% - 30px);
}
.p_MyProductAdd main .com_dashed_box .input_wrap.full {
  width: 100%;
}
.p_MyProductAdd main .icon_setting::before {
  content: "";
  display: inline-block;
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  border-radius: 5px;
  vertical-align: -5px;
  background-color: #3D3AE6;
  background-size: 16px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/icon_set.png);
}

.p_MyProductDetail main .top_filter_wrap, .p_MyProductAdd main .top_filter_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  border-bottom: 1px solid #DEE3E8;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.p_MyProductDetail main .top_filter_wrap .com_chk_wrap, .p_MyProductAdd main .top_filter_wrap .com_chk_wrap {
  gap: 20px;
}
.p_MyProductDetail main .colum_layout, .p_MyProductAdd main .colum_layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100 - 220px);
}
.p_MyProductDetail main .colum_layout .com_btn, .p_MyProductAdd main .colum_layout .com_btn {
  margin-top: auto;
}
.p_MyProductDetail main .fileuploadBox, .p_MyProductAdd main .fileuploadBox {
  position: relative;
}
.p_MyProductDetail main .fileuploadBox input[type=file], .p_MyProductAdd main .fileuploadBox input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.p_MyProductDetail main .thumb_wrap, .p_MyProductAdd main .thumb_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.p_MyProductDetail main .thumb_wrap .swiper, .p_MyProductAdd main .thumb_wrap .swiper {
  margin-inline: 0 auto;
}
.p_MyProductDetail main .thumb_wrap .swiper-button-prev, .p_MyProductAdd main .thumb_wrap .swiper-button-prev {
  left: -10px;
}
.p_MyProductDetail main .thumb_wrap .swiper-button-prev::after, .p_MyProductAdd main .thumb_wrap .swiper-button-prev::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_swiper_prev.png);
  width: 46px;
  height: 46px;
  min-width: 46px;
}
.p_MyProductDetail main .thumb_wrap .swiper-button-prev.swiper-button-disabled, .p_MyProductAdd main .thumb_wrap .swiper-button-prev.swiper-button-disabled {
  opacity: 0.6;
}
.p_MyProductDetail main .thumb_wrap .swiper-button-next, .p_MyProductAdd main .thumb_wrap .swiper-button-next {
  right: -10px;
}
.p_MyProductDetail main .thumb_wrap .swiper-button-next::after, .p_MyProductAdd main .thumb_wrap .swiper-button-next::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_swiper_next.png);
  width: 46px;
  height: 46px;
  min-width: 46px;
}
.p_MyProductDetail main .thumb_wrap .swiper-button-next.swiper-button-disabled, .p_MyProductAdd main .thumb_wrap .swiper-button-next.swiper-button-disabled {
  opacity: 0.6;
}
.p_MyProductDetail main .thumb_wrap .item, .p_MyProductAdd main .thumb_wrap .item {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  min-width: 140px;
  width: 140px;
}
.p_MyProductDetail main .thumb_wrap .item img, .p_MyProductAdd main .thumb_wrap .item img {
  width: 100%;
}
.p_MyProductDetail main .thumb_wrap .item .chk_wrap, .p_MyProductAdd main .thumb_wrap .item .chk_wrap {
  position: absolute;
  top: 5px;
  left: 10px;
  height: 24px;
  padding-inline: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  line-height: 28px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
}
.p_MyProductDetail main .thumb_wrap .item .chk_wrap .com_chk + label, .p_MyProductAdd main .thumb_wrap .item .chk_wrap .com_chk + label {
  color: #fff;
  padding-left: 16px;
  font-size: 12px;
}
.p_MyProductDetail main .thumb_wrap .item .chk_wrap .com_chk + label::before, .p_MyProductAdd main .thumb_wrap .item .chk_wrap .com_chk + label::before {
  background-image: url(../img/icon_chk_wh.png);
  width: 16px;
  height: 18px;
  background-size: 16px;
  margin-left: -16px;
  margin-right: 0;
}
.p_MyProductDetail main .thumb_wrap .item .com_chk:disabled + label, .p_MyProductAdd main .thumb_wrap .item .com_chk:disabled + label {
  opacity: 1;
}
.p_MyProductDetail main .thumb_wrap .item .btn_del, .p_MyProductAdd main .thumb_wrap .item .btn_del {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.p_MyProductDetail main .thumb_wrap .item .btn_del::before, .p_MyProductAdd main .thumb_wrap .item .btn_del::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_trash_wh.png);
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.p_MyProductDetail main .thumb_wrap .item .btn_up, .p_MyProductAdd main .thumb_wrap .item .btn_up {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #fff;
}
.p_MyProductDetail main .thumb_wrap .item .btn_up::before, .p_MyProductAdd main .thumb_wrap .item .btn_up::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_arrow_up_circle.png);
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.p_MyProductDetail main .thumb_wrap .item .btn_down, .p_MyProductAdd main .thumb_wrap .item .btn_down {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #fff;
  transform: rotate(180deg);
}
.p_MyProductDetail main .thumb_wrap .item .btn_down::before, .p_MyProductAdd main .thumb_wrap .item .btn_down::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_arrow_up_circle.png);
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.p_MyProductDetail main .thumb_wrap + .com_btn_wrap, .p_MyProductAdd main .thumb_wrap + .com_btn_wrap {
  margin-top: 20px;
  margin-bottom: 12px;
}
.p_MyProductDetail main .com_btn_wrap, .p_MyProductAdd main .com_btn_wrap {
  margin-top: 20px;
  gap: 5px;
}
.p_MyProductDetail main .com_btn_wrap .com_btn, .p_MyProductAdd main .com_btn_wrap .com_btn {
  flex: 1;
}
.p_MyProductDetail main .com_btn_wrap .add_file, .p_MyProductAdd main .com_btn_wrap .add_file {
  flex: 1;
  width: 100%;
  position: relative;
}
.p_MyProductDetail main .com_btn_wrap .add_file input[type=file], .p_MyProductAdd main .com_btn_wrap .add_file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.p_MyProductDetail .board_gray label, .p_MyProductDetail .board_gray .com_flex_row .tit {
  width: 62px;
}
.p_MyProductDetail .board_gray .input {
  height: 36px;
}

.p_Refund main .com_btn_wrap.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 3px;
  width: 100%;
  justify-content: flex-start;
}
.p_Refund main .com_btn_wrap.flex > * {
  width: calc((100% - 3px * 2) / 3);
  min-width: calc((100% - 3px * 2) / 3);
}
.p_Refund main .com_btn_wrap.flex .com_btn {
  position: relative;
}
.p_Refund main .com_btn_wrap.flex .com_btn.active {
  background: #3D3AE6;
}
.p_Refund main .com_btn_wrap .icon_new {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: -7px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: solid 2px #fff;
  background-color: #e0d9ff;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.28px;
  text-align: center;
  color: #3D3AE6;
}
.p_Refund main .com_btn_wrap + .com_divider {
  margin-block: 12px;
}
.p_Refund main .btn_detail_toggle {
  background: #E0E6EB;
  margin-inline: -15px;
  position: relative;
  top: 15px;
  width: calc(100% + 30px);
  border-radius: 0 0 5px 5px;
}
.p_Refund main .info .com_chk_wrap {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #DEE3E8;
}
.p_Refund main .info .info_item .name {
  position: relative;
}
.p_Refund main .info .info_item .name .btn_sms {
  position: absolute;
  right: 0;
}

.p_Sales main .date_paging, .p_SalesDetail main .date_paging {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.p_Sales main .date_paging .date, .p_SalesDetail main .date_paging .date {
  font-weight: 700;
  font-size: 16px;
}
.p_Sales main .date_paging .btn_next, .p_SalesDetail main .date_paging .btn_next {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/swiper_next.png);
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.p_Sales main .date_paging .btn_prev, .p_SalesDetail main .date_paging .btn_prev {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/swiper_next.png);
  width: 18px;
  height: 18px;
  min-width: 18px;
  transform: rotate(180deg);
}
.p_Sales main .chart_box, .p_SalesDetail main .chart_box {
  padding: 20px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.p_Sales main .chart_box .data_wrap, .p_SalesDetail main .chart_box .data_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 10px;
  gap: 10px;
}
.p_Sales main .chart_box .data_wrap .com_chk_btn .btn, .p_SalesDetail main .chart_box .data_wrap .com_chk_btn .btn {
  background-color: #DEE3E8;
  color: #7A7F83;
  border-radius: 6px;
}
.p_Sales main .chart_box .data_wrap .com_chk_btn input:checked + .btn, .p_SalesDetail main .chart_box .data_wrap .com_chk_btn input:checked + .btn {
  color: #fff;
}
.p_Sales main .chart_box .swiper-custom-pagination, .p_SalesDetail main .chart_box .swiper-custom-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-left: auto;
  gap: 5px;
  width: auto;
}
.p_Sales main .chart_box .swiper-custom-pagination .swiper-pagination-bullet, .p_SalesDetail main .chart_box .swiper-custom-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: #DEE3E8;
  color: #7A7F83;
  margin: 0;
  width: auto;
  height: 28px;
  border-radius: 6px;
  padding-inline: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 13px;
}
.p_Sales main .chart_box .swiper-custom-pagination .swiper-pagination-bullet-active, .p_SalesDetail main .chart_box .swiper-custom-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(278deg, #398bdf -28.84%, #3D3AE6 126.74%);
  color: #fff;
}
.p_Sales main .chart_slider__wrap, .p_SalesDetail main .chart_slider__wrap {
  position: relative;
  padding-inline: 10px;
}
.p_Sales main .chart_slider__wrap .swiper-button-prev, .p_SalesDetail main .chart_slider__wrap .swiper-button-prev {
  left: -30px;
  top: calc(50% - 16px);
}
.p_Sales main .chart_slider__wrap .swiper-button-prev::after, .p_SalesDetail main .chart_slider__wrap .swiper-button-prev::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_swiper_prev.png);
  width: 36px;
  height: 36px;
  min-width: 36px;
}
.p_Sales main .chart_slider__wrap .swiper-button-prev.swiper-button-disabled, .p_SalesDetail main .chart_slider__wrap .swiper-button-prev.swiper-button-disabled {
  opacity: 0.6;
}
.p_Sales main .chart_slider__wrap .swiper-button-next, .p_SalesDetail main .chart_slider__wrap .swiper-button-next {
  right: -30px;
  top: calc(50% - 16px);
}
.p_Sales main .chart_slider__wrap .swiper-button-next::after, .p_SalesDetail main .chart_slider__wrap .swiper-button-next::after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_swiper_next.png);
  width: 36px;
  height: 36px;
  min-width: 36px;
}
.p_Sales main .chart_slider__wrap .swiper-button-next.swiper-button-disabled, .p_SalesDetail main .chart_slider__wrap .swiper-button-next.swiper-button-disabled {
  opacity: 0.6;
}
.p_Sales main .graph_wrap, .p_SalesDetail main .graph_wrap {
  position: relative;
  border: 1px solid #DEE3E8;
  border-radius: 5px;
}
.p_Sales main .graph_wrap .year, .p_SalesDetail main .graph_wrap .year {
  padding: 15px;
  border-bottom: 1px solid #DEE3E8;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.38px;
  text-align: center;
  color: #222;
}
.p_Sales main .graph_wrap .graph, .p_SalesDetail main .graph_wrap .graph {
  padding: 0 15px;
  min-height: 100px;
}
.p_Sales main .graph_wrap .info_item .tit, .p_SalesDetail main .graph_wrap .info_item .tit {
  min-width: 110px;
  width: 110px;
}
.p_Sales main .graph_wrap + .com_btn_wrap, .p_SalesDetail main .graph_wrap + .com_btn_wrap {
  margin-top: 20px;
}
.p_Sales main .graph_wrap + .com_btn_wrap .com_btn, .p_SalesDetail main .graph_wrap + .com_btn_wrap .com_btn {
  padding: 0 5px;
}

.p_SalesDetail .head .ribbon {
  background-color: #fff;
  border-bottom: 1px solid #DEE3E8;
}
.p_SalesDetail main .slider_sec {
  background-color: #fff;
  padding-inline: 20px;
}
.p_SalesDetail main .slider_sec .date_paging {
  justify-content: center;
  padding-block: 15px;
}
.p_SalesDetail main .slider_sec .com_info_wrap {
  padding-block: 0 20px;
}
.p_SalesDetail main .order_sec {
  padding-top: 10px;
  background-color: #F3F8FC;
  padding-inline: 20px;
}
.p_SalesDetail main .order_sec .com_tab {
  margin-bottom: 20px;
}
.p_SalesDetail main .order_sec .com_info_wrap {
  padding-block: 0;
}
.p_SalesDetail main .graph_wrap .year {
  margin: 0 15px;
}
.p_SalesDetail main .com_btn.red {
  background-color: #ffdbdb;
  color: #F02727;
  height: 26px;
}

.p_MyInfo main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 20px;
}
.p_MyInfo main .profile_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  background-color: #fff;
  padding: 25px 20px;
  margin-inline: -20px;
  margin-bottom: 20px;
}
.p_MyInfo main .profile_wrap .com_profile_img {
  position: relative;
  margin-right: 33px;
}
.p_MyInfo main .profile_wrap .com_profile_img .img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  min-width: 100px;
  aspect-ratio: auto;
  overflow: hidden;
  border-radius: 100%;
}
.p_MyInfo main .profile_wrap .com_profile_img .img img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.p_MyInfo main .profile_wrap .com_profile_img .upload {
  position: absolute;
  right: 0;
  bottom: 0;
}
.p_MyInfo main .profile_wrap .com_profile_img .upload .btn_photo {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 1px solid #DEE3E8;
  background: #E0E6EB;
}
.p_MyInfo main .profile_wrap .com_profile_img .upload .btn_photo::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_edit.png);
  width: 16px;
  height: 16px;
  min-width: 16px;
}
.p_MyInfo main .profile_wrap .user_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex: 1;
  gap: 6px;
}
.p_MyInfo main .profile_wrap .user_info .id {
  display: block;
  margin-bottom: 4px;
  color: #7A7F83;
  font-size: 13px;
}
.p_MyInfo main .profile_wrap .user_info .name {
  font-size: 14px;
  margin-bottom: 8px;
}
.p_MyInfo main .profile_wrap .user_info .btn_qr {
  margin-top: 20px;
  width: 100px;
}
.p_MyInfo main .com_input_sec .input_field + .tit_field {
  margin-top: 20px;
}
.p_MyInfo main .com_input_sec .tit_field .sub {
  font-weight: normal;
  font-size: 13px;
}
.p_MyInfo main .com_input_sec .input_wrap.type_profile {
  align-items: flex-start;
}
.p_MyInfo main .com_input_sec .input_wrap.type_profile .com_profile_img {
  position: relative;
  width: 110px;
  min-width: 110px;
  height: 135px;
  border: 1px solid #DEE3E8;
  border-radius: 5px;
  overflow: hidden;
  margin-left: 12px;
}
.p_MyInfo main .com_input_sec .input_wrap.type_profile .com_profile_img .img {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  min-width: 110px;
  aspect-ratio: auto;
}
.p_MyInfo main .com_input_sec .input_wrap.type_profile .com_profile_img .img img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.p_MyInfo main .com_input_sec .input_wrap.type_profile .com_profile_img .btn_register {
  position: absolute;
  padding: 5px 4px;
  border-top: 1px solid #e5e7e9;
  background: #fff;
  text-align: center;
  font-size: 10px;
  bottom: -1px;
  height: 25px;
  width: 101%;
  border-radius: 0 0 5px 5px;
  margin-left: 0;
}
.p_MyInfo main .com_input_sec .input_wrap .com_btn {
  padding: 0 5px;
}
.p_MyInfo main .mask_sec {
  margin-top: 10px;
  padding: 25px 20px 25px;
  border-radius: 10px;
  border: solid 1px #e5e7e9;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  text-align: center;
  gap: 15px;
}
.p_MyInfo main .mask_sec .icon {
  width: 95px;
  margin-inline: auto;
}
.p_MyInfo main .mask_sec .txt {
  font-size: 14px;
  list-style: 1.4;
}
.p_MyInfo main .mask_sec .num {
  padding: 14px 41px 13px;
  border-radius: 5px;
  border: solid 1px #e5e7e9;
  background-color: #fff;
  font-size: 13px;
}
.p_MyInfo main .btn_franchisee_application {
  margin-top: 20px;
  padding: 16.6px 19px;
  border-radius: 10px;
  border: solid 1px #e5e7e9;
  background-color: #f8f9fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 6px;
  width: 100%;
}
.p_MyInfo main .btn_franchisee_application img {
  width: 71px;
}
.p_MyInfo main .btn_franchisee_application .tit {
  font-size: 16px;
  font-weight: bold;
}
.p_MyInfo main .btn_franchisee_application .txt {
  font-size: 13px;
  text-align: left;
  color: #797f87;
  margin-top: 5px;
  line-height: 1.15;
}
.p_MyInfo main .btn_franchisee_application .state {
  color: #6042f8;
}
.p_MyInfo main .com_wallet {
  background: #fff;
}
.p_MyInfo main .com_wallet__wrap {
  box-shadow: none;
  border: 1px solid #DEE3E8;
}
.p_MyInfo main .com_wallet__wrap .com_btn_wrap {
  border-top: 1px solid #EAEFF2;
  padding-block: 8px;
}
.p_MyInfo main .com_wallet .tit, .p_MyInfo main .com_wallet .tip, .p_MyInfo main .com_wallet .pay_num {
  color: #232B2B;
}
.p_MyInfo main .com_wallet .pay_num {
  color: #7A7F83;
}
.p_MyInfo main .com_wallet .info_box .num, .p_MyInfo main .com_wallet .info_box .won {
  color: #232B2B;
}
.p_MyInfo main .com_wallet .info_box .txt {
  font-weight: 400;
}
.p_MyInfo main .com_wallet .btn_copy.com_btn.gray {
  color: #232B2B;
  background-color: #E0E6EB;
  font-weight: 700;
}
.p_MyInfo main .meta_mask_wrap {
  border: 1px solid #DEE3E8;
  padding: 20px;
  border-radius: 15px;
  background-color: #fff;
}
.p_MyInfo main .meta_mask_wrap .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.28;
}
.p_MyInfo main .meta_mask_wrap .tit::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon_metamask.png);
  width: 36px;
  height: 36px;
  min-width: 36px;
}
.p_MyInfo main .meta_mask_wrap .input {
  color: #DEE3E8;
  text-align: center;
}
.p_MyInfo main .apply_franchise {
  padding: 13px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.p_MyInfo main .apply_franchise::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon_store.png);
  width: 80px;
  height: 80px;
  min-width: 80px;
}
.p_MyInfo main .apply_franchise .btn_detail {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/icon_detail.png);
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-left: auto;
}
.p_MyInfo main .apply_franchise .txt_area .tit {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}
.p_MyInfo main .apply_franchise .txt_area .desc {
  color: #7A7F83;
}
.p_MyInfo main .btn_leave {
  background-color: #DEE3E8;
  padding-inline: 15px;
}

.p_ResetPw main {
  padding-bottom: 30px;
}

.p_FranchiseeApplication main {
  padding-top: 20px;
}
.p_FranchiseeApplication .tit_field.has_btn .com_btn.xs {
  min-width: 100px;
}

.p_MyFranchise main {
  padding-top: 20px;
}
.p_MyFranchise .tit_field.has_btn .com_btn.xs {
  min-width: 100px;
}

.p_my_reward .com_search__wrap {
  padding-top: 10px;
}
.p_my_reward .com_search_date {
  margin-bottom: 0 !important;
}
.p_my_reward .com_divider {
  margin-block: 10px 20px;
}
.p_my_reward .com_list__scroll {
  max-height: calc(var(--vh, 1vh) * 100 - 50px - 58px - 260px);
}