@charset "utf-8";


/***** 마이페이지 *****/
.sub-left.mypage .title h2 {
   height: 35px;
   color: #222;
   text-align: left;
   font-size: 26px;
   font-weight: 800;
   margin-bottom: 30px;
   letter-spacing: -2px;
}
.sub-left.mypage .submenu > li {
   display: block;
   width: 100%;
   clear: both;
}
.sub-left.mypage .submenu > li > h3 {
   display: block;
   color: #333;
   font-size: 15px;
   font-weight: bold;
   line-height: 20px;
   padding-bottom: 10px;
}
.sub-left.mypage .submenu .sub-list li a {
   font-size: 14px;
   color: #666;
   line-height: 20px;
   padding: 5px 0px;
}
.sub-left.mypage .submenu > li + li {
   margin-top: 30px;
}

.sub-right {

}
.myinfo {
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: #f2f6ff;
   padding: 30px 0px 30px 40px;
   border-radius: 5px;
   border: 1px solid #dfe6f5;
}
.myinfo .personal-info {
   width: 30%;
   display: flex;
   align-items: center;
}
.myinfo .personal-info .icon-person{
   display: inline-block;
   margin-right: 15px;
}
.myinfo .personal-info .icon-person span{
   display: block;
   width: 60px;
   height: 60px;
   background: #fff;
   border-radius: 50px;
   background: url(../../images/sub/icon_member.png) 0 0 no-repeat;
}
.myinfo .personal-info .person span {
	display: block;
   font-size: 14px;
   text-align: left;
   white-space: normal;
   word-wrap: break-word;
   word-break: break-all;
}
.myinfo .personal-info .person .name strong {
   font-size: 22px;
}
.myinfo .personal-info .person .business {
   font-size: 15px;
   color: #555;
   padding-top: 10px;
   line-height: 20px;
}
.myinfo .personal-status {
   width: 70%;
}
.myinfo .personal-status ul {
   display: flex;
}
.myinfo .personal-status li {
   width: 50%; /* 2023.03.14 - 쇼핑몰페이 주석처리 33.3%;*/  
   text-align: center;
}
.myinfo .personal-status a {
   display: inline-block;
}
.myinfo .icon-mypage.ps-order {
   background-position: -20px 0;
   width: 70px;
   height: 70px;
}
.personal-status b {
   font-size: 14px;
   color: #555;
   font-weight: bold;
   line-height: 1;
   display: block;
}
.personal-status span {
   display: block;
   font-size: 24px;
   font-weight: bold;
   line-height: 1;
   color: #333;
   margin-top: 15px;
}
.personal-status li + li {
   border-left: 1px solid #e2e2e2;
}

.mypage-table h4 {
   font-size: 22px;
   font-weight: 800;
   line-height: 24px;
   margin: 0px 0px 0px;
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 20px;
   letter-spacing: -1px;
}
.mypage-table h5 {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   line-height: 50px;
   margin: 30px 0px 0px;
   border-bottom: 1px solid #6d6a6b;
}
.mypage-table h5 span {
   display: inline-block;
   font-size: 13px;
   font-weight: normal;
   color: #999;
   line-height: 45px;
   margin-left: 7px;
   vertical-align: bottom;
}
.mypage-table .list {
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   margin-bottom: 20px;
}
.mypage-table .list .list-top {
   position: relative;
   padding: 18px 20px;
   border-bottom: 1px solid #e5e5e5;
   font-size: 13px;
   color: #333;
}
.mypage-table .list .list-top .orderNum {
   color: #888;
}
.mypage-table .list .list-top .orderNum::before {
   content: '';
   display: inline-block;
   width: 1px;
   height: 10px;
   margin: 0 14px 0px 14px;
   background: #bbb;
}
.mypage-table .list .btn-view {
   float: right;
}
.mypage-table .list .btn-view a {
   display: inline-block;
   font-size: 14px;
   color: #333;
}
.mypage-table .list .btn-view a::after {
   content: '';
   display: inline-block;
   width: 6px;
   height: 6px;
   margin: 4px 0 0 5px;
   border: 4px solid #555;
   border-width: 1px 1px 0 0;
   transform: rotate(45deg);
   vertical-align: top;
}
.mypage-table .list ul {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 25px 0px;
   margin: 0px 20px;
}
.mypage-table .list ul li {
   display: inline-block;
   overflow: hidden;
   font-size: 14px;
   color: #555;
}
.mypage-table .list ul li.check {
   width: 85%;
   font-size: 0;
}
.mypage-table .list ul li .checkbox {
   display: inline-block;
   vertical-align: middle;
   padding-right: 20px;
}
.mypage-table .list ul li .img {
   display: inline-block;
   height: 80px;
   vertical-align: middle;
}
.mypage-table .list ul li .img a {
   display: inline-block;
   width: 80px;
   height: 80px;
   background: #f5f5f5;
   border-radius: 5px;
   overflow: hidden;
}
.mypage-table .list ul li .img img {
    width: 80px;
}
.mypage-table .list ul li .title {
   display: inline-block;
   width: calc(100% - 100px);
   vertical-align: top;
   padding-left: 20px;
   overflow: hidden;
}
.mypage-table .list ul li .title a {
   display: block;
   height: 24px;
   white-space: nowrap;
   word-wrap: break-word;
   word-break: break-all;
   text-overflow: ellipsis;
   overflow: hidden;
   font-size: 14px;
   color: #333;
}
.mypage-table .list .price {
   display: block;
   font-size: 13px;
   line-height: px;
}
.mypage-table .list ul li .price b {
   font-size: 18px;
   font-weight: 800;
   color: #222222;
   line-height: 30px;
}
.mypage-table .list .orderCount {
   display: block;
   font-size: 13px;
   line-height: 25px;
}
.mypage-table .list ul li.orderStatus {
   min-width: 100px;
   text-align: center;
}
.mypage-table .list ul li.orderStatus span {
	display: block;
   color: #1993e9;
   font-size: 14px;
   font-weight: bold;
}
.mypage-table .list ul li.orderStatus span.btn-orderCancel a,
.mypage-table .list ul li.orderStatus span.btn-orderReturn a{
   display: inline-block;
   color: #555;
   border: 1px solid #ddd;
   border-radius: 5px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: normal;
   width: 90px;
   height: 28px;
   line-height: 27px;
}
.mypage-table .list ul li.orderStatus span.order-cancel {
   color: #e91953;
}
.mypage-table .list.detail ul {
	border-bottom: 1px solid #e5e5e5;
}
.mypage-table .list.detail ul:last-child {
	border-bottom: none
}
.mypage-table .list.detail ul li.orderStatus span {
   font-size: 13px;
   font-weight: normal;
}
.mypage-table .list.detail ul li.orderStatus span.review a,
.mypage-table .list.detail ul li.orderStatus span.return a {
   display: inline-block;
   color: #555;
   height: 28px;
   line-height: 27px;
   border: 1px solid #ddd;
   border-radius: 5px;
	margin-top: 7px;
	font-size: 13px;
	font-weight: normal;
   width: 90px;
}


.mypage-table h5.step-title {
   border-bottom: none;
}
.mypage-mypage-order-step {
   position: relative;
   top: -17px;
   margin-bottom: 20px;
}
.mypage-order-step ul {
   padding: 25px 20px 27px;
   font-size: 0;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
}
.mypage-order-step ul li {
   position: relative;
   display: inline-block;
   width: 16.6%;
   text-align: center;
}
.mypage-order-step ul li a {
   display: inline-block;
}
.mypage-order-step ul li div {
   display: inline-block;
}
.mypage-order-step ul li div .num {
   display: block;
   color: #333;
   font-size: 24px;
}
.mypage-order-step ul li div .txt {
   display: block;
   margin-bottom: 12px;
   color: #666;
   font-size: 13px;
}
.mypage-order-step ul li + li:before {
   content: "";
   display: block;
   position: absolute;
   left: -14px;
   top: 23px;
   border-style: solid;
   border-color: #aaa;
   border-image: initial;
   border-width: 0px 1px 1px 0px;
   padding: 5px;
   transform: rotate(-45deg);
}
.mypage-order-step ul li:last-child:before {
   display: none;
}
.mypage-order-step ul li:last-child {
   border-left: 1px solid #ddd;
}


/***** 조회기간 *****/
.calendar-wrap {
   display: flex;
   align-items: center;
   padding: 25px 25px;
   border: 1px solid #e5e5e5;
   border-radius: 5px;
   margin-top: 20px;
   background: #f8f8f8;
}
.calendar-wrap p {
   width: 50px;
   margin-right: 20px;
   font-size: 14px;
   color: #555;
   font-weight: 600;
}
.calendar-wrap .calendar-input {
   margin-left : 20px
}
.calendar-wrap .calendar-input ul {
   display: flex;
}
.calendar-wrap .calendar-input ul li {
   display: inline-block;
}
.calendar-wrap .calendar-input ul li input{
   width: 130px;
   border: 1px solid #ddd;
   color: #777;
   font-size: 14px;
   height: 35px;
   line-height: 34px;
   padding: 0 10px 0 10px;
   border-radius: 3px;
   background: url(../../images/sub/btn-calendar.png) right 10px top 6px no-repeat rgb(255, 255, 255);
   cursor: pointer;
}
.calendar-wrap .calendar-input .tilde {
   line-height: 35px;
   color: #777;
   margin: 0px 5px;
}
.btn-calendar a.search {
   display: inline-block;
   width: 100px;
   height: 35px;
   line-height: 34px;
   font-size: 13px;
   color: #fff;
   text-align: center;
   background: #8192bd;
   border-radius: 3px;
   margin-left: 5px;
}
.calendar-period {
   width: calc(100% - 433px);
   font-size: 0;
}
.calendar-period a {
   display: inline-block;
   width: calc(25% - 1px);
   height: 33px;
   line-height: 32px;
   text-align: center;
   font-size: 13px;
   color: #555;
   border: 1px solid #ddd;
   background: #fff;
   margin-left: -1px;
}
.tableType1.detail-table .input-box label {
   color: #888;
}
.tableType1.detail-table .input-box span.normal > p {
   color: #333;
}
.tableType1.detail-table .input-box span.normal > p.result {
   color: #e40e46;
}
.tableType1.detail-table .input-box span.normal > p.result strong {
   font-size: 18px;
	color: #e40e46;
}
.tableType1.detail-table .input-box span.normal > p.discount-info {
   display: flex;
	justify-content: space-between;
	width: 120px;
}
.tableType1.detail-table .input-box span.normal > p.saving-point {
   display: flex;
	justify-content: space-between;
	width: 170px;
}


/***** 취소/반품/교환내역 *****/
.mypage-table .list .btn-listDelete {
   float: right;
}
.mypage-table .list .btn-listDelete a {
   display: inline-block;
   font-size: 14px;
   font-weight:300;
   color: #555;
   margin-top: -2px;
}
.mypage-table .list .btn-listDelete img {
   display: inline-block;
   margin-left: 5px;
}


/***** 찜리스트 *****/
.mypage-table.wish-list .wish-control  {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 25px 0px 20px;
}
.mypage-table.wish-list .wish-control .checkbox label {
   padding-left: 7px;
   font-size: 14px;
   font-weight: normal;
   color: #555;
   vertical-align: middle;
}
.mypage-table.wish-list .list ul li.check {
   display: flex;
   align-items: center;
   width: 50%;
   font-size: 0;
}
.mypage-table.wish-list .list ul li .title {
   width: calc(100% - 118px);
   height: unset;
   max-height: 70px;
   vertical-align: middle;
}
.mypage-table.wish-list .list ul li .title a {
   white-space: normal;
   height: unset;
   max-height: 70px;
   line-height: 22px;
}
.mypage-table.wish-list .list ul li.sale {
   width: 13%;
   min-width: 110px;
   line-height: 22px;
   font-size: 14px;
}
.mypage-table.wish-list .list ul li.sale > span {
   display: block;
   color: #555;
   letter-spacing: -0.5px;
}
.mypage-table.wish-list .list ul li.sale > span.sale-price {
   color: #e40e46;
}
.mypage-table.wish-list .list ul li.sale > span b {
   margin-left: 7px;
   font-weight: normal;
}
.mypage-table.wish-list .list ul li.sale > span.sale-price b {
   font-weight: bold;
}

.mypage-table.wish-list .list ul li.price {
   width: 15%;
   line-height: 24px;
   letter-spacing: -0.5px;
   text-align: center;
}
.mypage-table.wish-list .list ul li.price .cart-price {
   display: block;
}
.mypage-table.wish-list .list ul li.price .cart-price b {
   font-size: 18px;
   font-weight: bold;
   color: #222222;
}
.mypage-table.wish-list .list ul li.price .cart-dc {
   display: block;
   color: #bbb;
   font-size: 14px;
}
.mypage-table.wish-list .list ul li.wish-btn {
   min-width: 100px;
   text-align: center;
}
.mypage-table.wish-list .list ul li.wish-btn span {
   display: block;
   font-size: 13px;
   font-weight: normal;
}
.mypage-table.wish-list .list ul li.wish-btn span a {
   display: inline-block;
   color: #555;
   padding: 5px 10px 7px;
   border: 1px solid #ddd;
   border-radius: 5px;
   font-size: 13px;
   font-weight: normal;
   min-width: 70px;
}
.mypage-table.wish-list .list ul li.wish-btn span.wish-delete a {
   color: #cc374d;
   border: 1px solid #cc374d;
   margin-top: 7px;
}


/***** 쿠폰 *****/
.list-coupon {
   font-size: 0;
   padding: 0px 20px;
}
.list-coupon > li {
   position: relative;
   width: 48%;
   display: inline-block;
   margin-bottom: 30px; 
   letter-spacing: -.25px;
   overflow: hidden;
}
.list-coupon > li:nth-child(odd) {
   margin-right: 4%
}
.coupon-bg::before,
.coupon-bg::after {
   content: '';
   position: absolute;
   z-index: 100;
   width: 16px;
   height: 16px;
   border: 1px solid #e99faa;
   border-radius: 50%;
   background: #fff;
}
.coupon-bg::before {
   content: '';
   position: absolute;
   top: -10px;
   left: 11px;
   z-index: 100;
   width: 16px;
   height: 16px;
   border: 1px solid #e99faa;
   border-radius: 50%;
   background: #fff;
}
.coupon-bg::after {
   bottom: -10px;
   left: 11px;
}
.list-coupon .wrap-coupon {
   padding-right: 20px;
}
.wrap-coupon {
   padding: 16px;
   border-width: 1px 1px 1px 20px;
   position: relative;
   z-index: 1;
   border-style: solid;
   border-color: #e99faa;
}
.wrap-coupon::after {
   content: "";
   position: absolute;
   top: calc(50% - 15px);
   right: -1px;
   width: 15px;
   height: 30px;
   background: url(../../images/sub/coupon-circle.jpg) 50% 0 no-repeat;
}
.wrap-coupon .coupon {
   position: relative;
   width: 100%;
   padding: 5px 20px;
   background: #fff;
}
.wrap-coupon .coupon .discount strong {
   font-size: 32px;
   font-weight: 800;
   vertical-align: baseline;
}
.wrap-coupon .coupon .discount b {
   font-size: 20px;
   font-weight: 700;
   vertical-align: baseline;
}
.wrap-coupon .coupon .discount {
   color: #cc374d;
}
.wrap-coupon .coupon .coupon-info .title {
   margin-top: 15px;
   color: #333;
   font-size: 17px;
}
.coupon .coupon-info .coupon-info-list {
   margin-top: 10px;
}
.coupon .coupon-info .coupon-info-list li {
   line-height: 22px;
   color: #999;
   font-size: 13px;
}
.coupon .coupon-info .type {
   line-height: 20px;
   color: #cc374d;
   font-size: 13px;
}
.btn-top {
   overflow: hidden;
   margin: 25px 0px 20px;
} 
.btn-top .btnWrap2.btn-add a {
   padding: 0px 20px;
}

.delivery-list ul li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   border: 1px solid #e5e5e5;
   padding: 20px 25px;
   border-radius: 5px;
   margin-bottom: 20px;
}
.delivery-list li .info {
   width: calc(100% - 120px);
}
.delivery-list li .info .name {
   font-size: 16px;
   color: #333;
   font-weight: bold;
   line-height: 22px;
}
.delivery-list li .info .name .tag {
   display: inline-block;
   padding: 2px 7px 4px 7px;
   font-size: 12px;
   line-height: 16px;
   color: #fff;
   border: none;
   border-radius: 5px;
   background-color: #eb7c8b;
   margin-left: 8px;
}
.delivery-list li .info .add {
   margin-top: 10px;
   margin-bottom: 5px;
   font-size: 14px;
   color: #555;
   line-height: 22px;
   word-break: normal;
}
.delivery-list li .info .tel {
   position: relative;
   font-size: 14px;
   color: #999;
   line-height: 22px;
}
.delivery-list li .btnWrap {
   display: block;
}
.delivery-list li .btnWrap {
   padding: 0;
}
.delivery-list li .btnWrap span {
   display: block;
}
.delivery-list li .btnWrap span a {
   display: inline-block;
   color: #555;
   min-width: 80px;
   padding: 5px 10px 7px;
   border: 1px solid #ddd;
   border-radius: 5px;
   font-size: 13px;
   font-weight: normal;
   margin-bottom: 5px;
   text-align: center;
}
.delivery-list li .btnWrap span:last-child a {
   margin-bottom: 0px;
}

.mypage-border-box {
   margin-top: 20px;
   padding: 30px 20px 25px;
   border: 1px solid #e8e8e8;
   border-radius: 5px;
}
.memberInfo .tableType1 .input-box label {
   text-indent: 10px;
}
.confirm-box {
   margin: auto;
   width: 400px;
}
.confirm-box .confirm-text {
   color: #555;
   font-size: 16px;
   line-height: 24px;
   text-align: center;
}
.confirm-box .confirm-id {
   padding: 15px 20px;
   border-radius: 5px;
   background-color: #f8f8f8;
   margin: 30px 0px 10px;
}
.confirm-box .confirm-id p {
   color: #333;
   font-size: 16px;
   line-height: 24px;
   font-weight: bold;
   letter-spacing: -0.56px;
   text-align: center;
}
.btnWrap.btn-confirm {
   margin-top: px;
}
.btnWrap.btn-confirm > a {
   width: 100%;
}


/***** 고객센터 인덱스 *****/
.customer-index .index-title h5 {
   font-size: 20px;
   border-bottom: 0;
   line-height: 25px;
   margin: 0;
}
.customer-index .index-title .btn-view {
   float: right;
   padding-right: 4px;
   line-height: 26px;
}
.customer-index .index-title .btn-view a {
   display: inline-block;
   font-size: 14px;
   color: #555;
}
.customer-index .index-title .btn-view a::after {
   content: '';
   display: inline-block;
   width: 6px;
   height: 6px;
   margin: 10px 0 0 7px;
   border: 4px solid #555;
   border-width: 1px 1px 0 0;
   transform: rotate(45deg);
   vertical-align: top;
}
.customer-index .index-board {
   display: flex;
   justify-content: space-between;
   margin-top: 50px;
}
.customer-index .index-board .index-notice {
   width: 46%;
}
.customer-index .index-board .tit-wrap {
   position: relative;
}
.customer-index .index-board .tit-wrap h3 {
   margin-bottom: 20px;
   color: #333;
   font-size: 20px;
   font-weight: 700;
   line-height: 29px;
}
.customer-index .index-board .tit-wrap p {
   position: absolute;
   top: 0;
   right: 0;
   line-height: 25px;
   cursor: pointer;
}
.customer-index .index-board .tit-wrap p a {
   color: #555;
}
.customer-index .index-board .tit-wrap p a:after {
   content: '';
   display: inline-block;
   width: 6px;
   height: 6px;
   margin: 9px 2px 0 7px;
   border: 4px solid #555;
   border-width: 1px 1px 0 0;
   transform: rotate(45deg);
   vertical-align: top;
}
.tblwrap {
   width: 100%;
   margin: 0;
   padding: 0;
}
.customer-index .index-board .tblwrap td {
   padding: 4px 0;
   font-size: 14px;
   line-height: 22px;
   color: #777;
}
.customer-index .index-board .tblwrap td.nowrap {
}
.customer-index .index-board .tblwrap td.date {
   width: 130px;
   text-align: right;
}
.customer-index .index-board .tblwrap td.nowrap a {
   color: #777;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
}

/***** 적립금 *****/
.my_saved_area {
   padding: 25px 30px 25px;
   background: #f2f6ff;
   color: #333;
   border-radius: 5px;
   margin-top: 15px;
   border: 1px solid #dfe6f5;
}
.my_saved {
   display: flex;
   justify-content: space-between;
   /*margin-bottom: 10px;*/
}
.my_saved h2 {
   position: relative;
   font-size: 16px;
   line-height: 30px;
}
.my_saved h2 .name {
	font-size: 18px;
   font-weight: bold;
   color: #4361c4;
   margin-right: 5px;
}
.my_saved .saved_num {
   font-size: 14px;
}
.my_saved .saved_num .num {
   position: relative;
   margin-right: 2px;
   font-size: 23px;
   line-height: 28px;
   vertical-align: -2px;
   font-weight: 700;
}
.lost_saved {
   display: flex;
   justify-content: space-between;
}
.lost_saved h3 {
   font-size: 14px;
}
.lost_saved .saved_num {
   font-size: 14px;
}
.saving-list {
   margin-top: 20px;
}
.saving-list ul li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   border-bottom: 1px solid #e5e5e5;
   padding: 20px 25px;
}
.saving-list li .info {
   width: calc(100% - 120px);
}
.saving-list li .info .date {
   color: #333;
   font-size: 14px;
}
.saving-list li .info .date .save-state {
   display: inline-block;
   margin-left: 10px;
   color: #cc374d;
   font-weight: 800;
}
.saving-list li .info .add {
   margin-top: 10px;
   font-size: 15px;
   color: #333;
   line-height: 22px;
   word-break: normal;
}
.btnWrap.point {
   width: 120px;
   padding: 0;
   font-size: 17px;
   font-weight: bold;
   color: #333;
   justify-content: right;
   text-align:right;
}
.btnWrap.point > span{
	text-align: right;
}
.btnWrap.point > .num {
   font-size: 20px;
}


@media (max-width: 1140px) {

}


@media (max-width: 1024px) {
   .mypage-table.wish-list .list ul li .img {
      height: 70px;
   }
   .mypage-table.wish-list .list ul li .img a {
      width: 70px;
      height: 70px;
   }
   .mypage-table.wish-list .list ul li .img img {
 
   }
   .mypage-table.wish-list .list ul li.sale {
      width: 10%;
      font-size: 13px;
   }
   .mypage-table.wish-list .list ul li.sale > span b {
      margin-left: 4px;
   }
   .mypage-table.wish-list .list ul li.price .cart-price b {
      font-size: 16px;
   }
   .myinfo {
	   padding: 30px 0px 30px 30px;
	}
}


@media (max-width: 768px) {
	.myinfo {
		display: block;
		padding: 15px 0px;
	}
	.myinfo .personal-status {
		width: 100%;
	}
	.myinfo .personal-info {
		width: 100%;
      padding: 0px 20px;
	}
	.myinfo .personal-info .icon-person {
		margin-right: 10px;
	}
	.myinfo .personal-info .icon-person span {
		width: 45px;
		height: 45px;
      background-size: 45px;
	}
	.myinfo .personal-info .person span {
		display: inline-block;
	}
	.myinfo .personal-info .person .name strong {
		font-size: 20px;
	}
	.myinfo .personal-info .person .business {
		font-size: 14px;
		padding-top: 3px;
		margin-left: 10px;
	}
	.myinfo .personal-info .person .business::before {
			/*content: '';
		display: inline-block;
		width: 1px;
		height: 10px;
		margin: 0 14px 0px 14px;
		background: #bbb; */
	}
	.myinfo .personal-status ul {
		padding-top: 20px;
		padding-bottom: 5px;
	}
	.myinfo .personal-status b {
		font-size: 12px;
	}
	.myinfo .personal-status span {
		font-size: 18px;
		margin-top: 10px;
	}
	.mypage-order-step {
		display: none;
    }
   .calendar-wrap {
      padding: 20px 20px;
   }
   .calendar-wrap p {
		font-size: 13px;
	}
   .calendar-period a {
		font-size: 12px;
	}
   .calendar-wrap .calendar-input {
      display: none;
   }
   .calendar-wrap  .btn-calendar {
     display: none;
   }
   .mypage-table .list .btn-view a {
		font-size: 13px;
	}
   .mypage-table .list .list-top .orderNum {
		display: none;
	}
   .mypage-table .list .list-top {
      padding: 15px 15px;
   }
   .mypage-table .list ul {
      padding: 18px 0px;
   }
   .mypage-table .list ul li .price b {
		font-size: 16px;
	}
	.calendar-period {
		width: 100%;
	}
   .mypage-table.wish-list .list ul li .checkbox {
      padding-right: 10px;
   }
   .mypage-table.wish-list .list ul li.price {
      position: absolute;
      top: 65px;
      left: 113px;
      width: unset;
   }
	.mypage-table.wish-list .list ul li.wish-btn span a {
		padding: 5px 5px 7px;
      min-width: 60px;
	}
	.mypage-table.wish-list .list ul li.wish-btn {
		min-width: 82px;
	}
   .mypage-table .list ul {
      margin: 0px 15px;
   }
   .mypage-table .list ul li .title {
      padding-left: 15px;
  }
   .mypage-table.wish-list .list ul li.check {
      display: block;
      width:  100%;
   }
   .mypage-table.wish-list .list ul li.sale {
      display: none;
   }
   .mypage-table.wish-list .list ul li .title {
      width: calc(100% - 108px);
      height: 40px;
      vertical-align: top;
      padding-left: 15px;
   }
   .mypage-table.wish-list .list ul li .title a {
      font-size: 13px;
      line-height: 20px;
   }
   .mypage-table.wish-list .list ul li.price .cart-dc {
      display: none;
   }
   .mypage-table.wish-list .list ul li.price .cart-price b {
      font-size: 15px;
   }
   .customer-index .index-board .tblwrap td.date {
      width: 120px;
   }
   .mypage-table .list ul li.orderStatus span {
      font-size: 13px;
   }
   .wrap-coupon .coupon {
      padding: 5px 10px
   }
   .wrap-coupon .coupon .discount strong {
      font-size: 24px;
   }
   .wrap-coupon .coupon .coupon-info .title {
      font-size: 15px;
      line-height: 20px;
   }
   .my_saved_area {
      padding: 20px 25px 20px;
   }
   .my_saved h2 {
      font-size: 14px;
   }
   .my_saved .saved_num .num {
      font-size: 20px;
   }
   .lost_saved h3 {
      font-size: 13px;
   }
}

@media (max-width: 600px) {
   .customer-index .index-board {
      display: block;
   }
   .customer-index .index-board .index-notice {
      width: 100%;
   }
   .customer-index .index-board .tit-wrap h3 {
      margin-bottom: 10px;
   }
   .index-event {
      margin-top: 50px;
   }
   .list-coupon > li {
      width: 100%;
   }
}

@media (max-width: 480px) {
   .calendar-wrap p {
      margin-right: 15px;
   }
   .mypage-table.wish-list .wish-control .checkbox label {
      padding-left: 5px;
      font-size: 13px;
   }
   .mypage-table.wish-list .wish-control .btnWrap a {
      font-size: 12px;
   }
   .delivery-list ul li {
      display: block;
      padding: 20px 20px;
   }
   .delivery-list li .info {
      width: 100%;
   }
   .delivery-list li .btnWrap {
      margin-top: 10px;
   }
   .delivery-list li .btnWrap span {
      display: inline-block;
   }
   .delivery-list li .btnWrap span a {
      min-width: auto;
   }
   .confirm-box {
      margin: auto;
      width: calc(100% - 10px)
   }
   .confirm-box .confirm-text {
      font-size: 14px;
   }
   .mypage-table.wish-list .wish-control .btnWrap a {
      font-size: 12px;
      height: 30px;
      line-height: 29px;
      padding: 0px 8px;
   }
   .saving-list ul li {
      padding: 20px 10px;
   }
   .btnWrap.point {
      font-size: 16px;
   }
   .btnWrap.point > .num {
      font-size: 18px;
   }
   .myinfo .personal-status span {
      font-size: 16px;
   }
	.mypage-table h5 {
		font-size: 16px;
	}
	.mypage-table h5 span {
		font-size: 12px;
		line-height: 44px;
	}
	.venAuth {
		font-size: 13px;
	}
	.mypage-table.wish-list .list ul li.wish-btn span a {
		font-size: 12px;
		min-width: 55px;
	}
   
}