@charset "UTF-8";
/* s : mypage */
.cont-sm-wrap .btn-wrap.full ~ .page-btn-wrap.flex.line-top-box{margin-top: 20px;padding-top: 20px;}
.cont-sm-wrap .gray-box ~ .form-list-wrap{margin-top: 30px;}

/* 패밀리카드 */
.family-card-info-wrap{height: 220px;}
.family-card-info-wrap.active .family-card-after-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.family-card-info-wrap.active .family-card-before-wrap{display: none;}
.family-card-info-wrap .family-card-before-wrap, 
.family-card-info-wrap .family-card-after-wrap{position: relative;height: 100%;border-radius: 10px;overflow: hidden;}
.family-card-info-wrap .family-card-before-wrap{border: 1px solid #E62010;background-color: #EF3D2E;}
.family-card-info-wrap .family-card-before-wrap .ico-logo-lotte{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
.family-card-info-wrap .family-card-before-wrap:before, 
.family-card-info-wrap .family-card-before-wrap:after{position: absolute;bottom: 0;content: "";display: block;width: 100%;height: 220px;min-width: 478px;}
.family-card-info-wrap .family-card-before-wrap:before{left: 0;background: url("../images/mypage/bg_family_card_left.png") top left no-repeat;background-size: cover;}
.family-card-info-wrap .family-card-before-wrap:after{right: 0;background: url("../images/mypage/bg_family_card_right.png") top right no-repeat;background-size: cover;}
.family-card-info-wrap .family-card-before-wrap .card-name{position: absolute;left: 20px;bottom: 20px;font-size: 13px;line-height: 18px;letter-spacing: -0.025em;font-weight: 600;color: #fff;}
.family-card-info-wrap .family-card-before-wrap .btn-delete{position: absolute;top: 20px;right: 20px;z-index: 5;}
.family-card-info-wrap .family-card-before-wrap .btn-round{position: absolute;right: 20px;bottom: 20px;z-index: 5;}
.family-card-info-wrap .family-card-after-wrap{display: none;border: 1px solid #DDE0E3;padding: 20px;}
.family-card-info-wrap .family-card-after-wrap .btn-return{position: absolute;top: 20px;right: 20px;z-index: 5;}
.family-card-info-wrap .family-card-after-wrap .barcode-view-wrap{flex: 1;}
.family-card-info-wrap + .btn-center-wrap{margin-top: 30px;}
/* e : mypage */

/* s : mypage - main */
@media (min-width: 891px){
	.aside-content-wrap.mypage-main-wrap.is-fix-bottom .aside-wrap .aside-user-wrap.sps-blw{left: 0;margin-left: 0;}
	.aside-content-wrap.mypage-main-wrap .aside-wrap .aside-user-wrap.sps-blw{right: auto;left: 50%;margin-left: -555px;}
}
@media (min-width: 891px) and (max-width: 1150px){
	.aside-content-wrap.mypage-main-wrap.is-fix-bottom .aside-wrap .aside-user-wrap.sps-blw{padding-left: 0;padding-right: 40px;}
	.aside-content-wrap.mypage-main-wrap .aside-wrap .aside-user-wrap.sps-blw{padding-left: 20px;padding-right: 20px;left: 0;margin-left: 0;}
}
/* e : mypage - main */

/* s : mypage - order */
.aside-content-wrap.cont-order-wrap .cont-body .order-prod-list-wrap.history{border-bottom: 1px solid rgba(221, 224, 227, 0.5);}
.aside-content-wrap.cont-order-wrap .cont-body .order-prod-list-wrap.history .order-prod-item:last-child{padding-bottom: 20px;border-bottom: none;}
.aside-content-wrap.cont-order-wrap .cont-body .order-prod-list-wrap.history ~ .btext-tit-wrap{margin-top: 30px;}
.aside-content-wrap.cont-order-wrap .cont-body .btn-wrap.flex{margin-top: 30px;}
.order-history-wrap .history-content .history-content-inner{padding: 0 20px;text-align: center;}
.order-history-wrap .history-content .history-content-inner .btext-tit{margin-bottom: 3px;}
.order-history-wrap .history-content .history-content-inner .time-val{font-size: 40px;color: #000;font-weight: 600;}
.order-history-wrap .history-content .history-content-inner .wait-number{font-size: 54px;color: #00A5B9;font-weight: 600;}
.order-history-wrap .history-content .history-content-inner .barcode-detail-wrap{margin: 10px auto 0;}
.order-history-wrap .history-content .history-content-inner .btn-center-wrap{padding-left: 0;}
.order-history-wrap .history-content .history-content-inner .info-folding-box{text-align: left;margin-top: 20px;}
.order-history-wrap .history-content .history-content-inner .btn-center-wrap + .dot-text{margin-top: 12px;}
.order-history-wrap .history-content .history-content-inner .dot-text{text-align: left;}
@media (min-width: 891px){
	.order-history-wrap{margin-bottom: -31px;}
	.order-history-wrap .history-content .history-content-inner{padding: 0;}
}
@media (max-width: 890px){
	.order-history-wrap .order-header-box{padding-top: 0;border-top: 0;}
}

/* 주문/예약 내역 목록, 배송 내역 목록, 정기구독 내역 목록 */
.order-prod-list-wrap.history .line-top-box{margin-top: 20px;}

/* 주문/예약 내역 상세 - 새로고침, 유의사항 간격 - 임시스타일 */
.order-state-list{max-width: 299px;margin: 0 auto;}
.order-state-list + .btn-center-wrap{padding-left: 0;margin-top: 30px;}
.order-state-list + .btn-center-wrap + .fold-wrap{margin-top: 20px;}

/* 주문 상태 리스트 */
.order-state-list{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;margin-top: 23px;}
.order-state-list .order-state-item{flex: 1;flex-shrink: 0;position: relative;text-align: center;padding-top: 23px;}
.order-state-list .order-state-item:before{position: absolute;top: 4px;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";display: block;vertical-align: top;width: 100%;height: 1px;background-color: #DDE0E3;border-radius: 9px;}
.order-state-list .order-state-item:after{position: absolute;top: 0;left: 50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";display: block;width: 9px;height: 9px;background-color: #DDE0E3;border-radius: 9px;}
.order-state-list .order-state-item.active:after, 
.order-state-list .order-state-item.active:last-child:after{top: -3px;width: 15px;height: 15px;background-color: #fff;border: 5px solid #00A5B9;}
.order-state-list .order-state-item.active .time, 
.order-state-list .order-state-item.active .order-state{color: #00A5B9;}
.order-state-list .order-state-item.active .order-state{font-weight: 600;}
.order-state-list .order-state-item:first-child:before, 
.order-state-list .order-state-item:last-child:before{width: 50%;transform: none;}
.order-state-list .order-state-item:last-child:before{left: unset;right: 50%;}
.order-state-list .order-state-item:last-child:after{background-color: #fff;border: 1px solid #DDE0E3;}
.order-state-list .order-state-item .time{min-height: 16px;color: #AAA;font-size: 12px;line-height: 16px;letter-spacing: -0.025em;font-weight: 500;}
.order-state-list .order-state-item .time ~ .order-state{margin-top: 3px;}
.order-state-list .order-state-item .order-state{color: #AAA;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 500;}
.order-state-list .order-state-item .order-state:first-child{padding-top: 19px;}
/* e : mypage - order */

/* mypage - coupon */
/* 나의 쿠폰 상세 - 사용내역 리스트 */
.usage-detail-list{border-top: 1px solid #000;}
.usage-detail-list .usage-item{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;padding: 20px 0;border-bottom: 1px solid rgba(221, 224, 227, 0.6);}
.usage-detail-list .usage-item .bar-text-group{flex-shrink: 0;margin-right: 10px;max-width: 60%;}
.usage-detail-list .usage-item .store{margin-left: auto;color: #000;text-align: right;}

.count-check-info{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.count-check-info .info-tit{font-size: 14px;line-height: 18px;letter-spacing: -0.025em;color: #666;flex-shrink: 0;}
.count-check-info .count-check{font-size: 0;margin-left: auto;padding-left: 10px;}
.count-check-info .count-check .count{color: #00A5B9;font-weight: 600;font-size: 14px;line-height: 18px;letter-spacing: -0.025em;}
.count-check-info .count-check .total{font-size: 14px;line-height: 18px;letter-spacing: -0.025em;color: #444;}

/* s : mypage - mileage */
@media (min-width: 891px){
	.aside-content-wrap.cont-prod-wrap.is-fix-bottom .aside-wrap .aside-mileage-wrap.sps-blw{left: 0;margin-left: 0;}
	.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap{width: 382px;padding-right: 40px;}
	.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap.sps-blw{overflow: visible;right: auto;left: 50%;margin-left: -555px;}
}
@media (min-width: 891px) and (max-width: 1150px){
	.aside-content-wrap.cont-prod-wrap.is-fix-bottom .aside-wrap .aside-mileage-wrap.sps-blw{padding-left: 0;padding-right: 40px;}
	.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap.sps-blw{padding-left: 20px;padding-right: 20px;left: 0;margin-left: 0;}
}
@media (max-width: 890px){
	.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap{padding-top:calc(54px + var(--TopPadding));}
}

.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .goods-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .goods-wrap .right-box{margin-left: auto;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box{border-color: rgba(221, 224, 227, 0.6);margin-top: 15px;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info{padding: 0;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .title{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .title .tooltip-wrap{margin-left: 6px;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .mile-val{font-size: 0;margin-left: auto;color: #000;font-weight: 600;display: -ms-inline-flexbox;display: inline-flex;display: -webkit-inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;overflow: hidden;max-width: 100%;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .mile-val .val{flex: 1;overflow: hidden;display: inline-block;vertical-align: top;width: 100%;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .mile-val .btn-more-view{flex: 1;display: -ms-inline-flexbox;display: inline-flex;display: -webkit-inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;overflow: hidden;max-width: 100%;font-weight: 600;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .mile-val .val, 
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .mile-val .unit{font-size: 16px;line-height: 22px;letter-spacing: -0.025em;color: inherit;font-weight: inherit;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .mile-val .val ~ .unit{margin-left: 2px;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .status-info{width: 50%;padding-top: 20px;padding-right: 20px;padding-bottom: 26px;padding-left: 20px;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .status-info .mile-val{margin-top: 8px;margin-left: initial;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .status-info ~ .status-info{border-left: 1px solid rgba(221, 224, 227, 0.6);}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .status-info.full{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;width: 100%;padding: 15px 20px;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row .status-info.full .mile-val{margin-top: 0;margin-left: auto;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .line-gray-box.type-mile-info .mile-status-wrap .mile-status-row ~ .mile-status-row{border-top: 1px solid rgba(221, 224, 227, 0.6);}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .btn-wrap{margin-top: 20px;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .gift-mileage-banner{width: 100%;height: 70px;margin-top: 30px;border-radius: 4px;background: url("../images/mypage/bg_gift_mileage_btn.png") 0 0 no-repeat;background-size: cover;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .gift-mileage-banner .btn-more-view{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;width: 100%;height: 100%;}
.aside-content-wrap.cont-prod-wrap .aside-wrap .aside-mileage-wrap .gift-mileage-banner .btn-more-view:after{position: unset;margin-top: 0;margin-left: 2px;}
/* e : mypage - mileage */

/* s : mypage - stamp */
.stamp-flex-wrap{margin-bottom: 30px;}
.stamp-flex-wrap .editor-wrap .img-area{margin: 0 -20px;}
.stamp-flex-wrap .editor-wrap .img-area img{width: 100%;}
.stamp-flex-wrap .editor-wrap .img-area ~ .btext{margin-top: 30px;}
@media (max-width: 890px){
	.stamp-flex-wrap .editor-wrap + .stamp-detail-wrap{margin-top: 30px;}
}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-info{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-justify-content: space-between;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-info .right-box .count-check{font-size: 12px;line-height: 16px;letter-spacing: -0.025em;color: #666;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-info .right-box .count-check .count{font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 600;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-info .right-box .count-check .total{font-size: 12px;line-height: 16px;letter-spacing: -0.025em;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap{margin-top: 12px;padding: 16px 12px 0;border-top: 1px solid rgba(221, 224, 227, 0.6);}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item{margin-left: 12px;width: calc((100% - 48px) / 5);}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item:nth-child(5n-4){margin-left: 0;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item:nth-child(5) ~ .stamp-item{margin-top: 12px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item [class^=stamp-count-]{position: relative;width: 46px;height: 46px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item [class^=stamp-count-] img{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item [class^=stamp-count-] .count{position: absolute;top: 50%;width: 100%;font-size: 12px;line-height: 16px;letter-spacing: -0.025em;color: #C2C7CC;font-weight: 600;transform: translateY(-50%);text-align: center;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item [class^=stamp-count-].active .count{display: none;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item .stamp-complete{position: relative;width: 47px;height: 47px;/*&.active{    @include mixins.ratio_images('../images/mypage/img_stamp_complete_on');}*/}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list .stamp-item .stamp-complete img{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list.grid-col3{width: 162px;margin: 0 auto;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list.grid-col3 .stamp-item{width: calc((100% - 24px) / 3);}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list.grid-col3 .stamp-item:nth-child(5n-4){margin-left: 12px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list.grid-col3 .stamp-item:nth-child(3n-2){margin-left: 0;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list.grid-col3 .stamp-item:nth-child(3) ~ .stamp-item{margin-top: 12px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap .stamp-count-list ~ .stamp-count-list{margin-top: 12px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box .stamp-count-wrap ~ .dot-text{margin-top: 12px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box.type-coupon-complete{position: relative;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box.type-coupon-complete .msg-box{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;z-index: 2;position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;background: rgba(255, 255, 255, 0.9);border-radius: 4px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box.type-coupon-complete .msg-box .msg{position: relative;padding-top: 66px;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box.type-coupon-complete .msg-box .msg:before{position: absolute;content: "";top: 0;left: 50%;display: block;width: 60px;height: 60px;margin-left: -30px;background: url("../images/mypage/ico_coupon_complete.svg") 0 0 no-repeat;background-size: cover;}
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box ~ .line-gray-box, 
.stamp-flex-wrap .stamp-detail-wrap .line-gray-box ~ .stamp-swiper-wrap{margin-top: 20px;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap{position: relative;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .stamp-swiper{z-index: 1;position: relative;overflow: hidden;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-control-wrap .swiper-button-prev, 
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-control-wrap .swiper-button-next{top: 50%;margin-top: -30px;width: 40px;height: 40px;background: transparent;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-control-wrap .swiper-button-prev:before, 
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-control-wrap .swiper-button-next:before{left: 0;right: 0;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-control-wrap .swiper-button-prev{left: -20px;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-control-wrap .swiper-button-next{right: -20px;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-pagination{bottom: 0;border: 1px solid #DDE0E3;-moz-backdrop-filter: none;-webkit-backdrop-filter: none;backdrop-filter: none;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-pagination .swiper-pagination-current{color: #000;font-weight: 600;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-pagination .swiper-pagination-total{color: rgba(153, 153, 153, 0.8);}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap .swiper-pagination .swiper-pagination-total:before{color: rgba(153, 153, 153, 0.8);}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap.is-active{padding-bottom: 33px;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap.is-active .swiper-pagination{display: block;}
.stamp-flex-wrap .stamp-detail-wrap .stamp-swiper-wrap.is-active .swiper-control-wrap{display: block;}
.stamp-flex-wrap .stamp-detail-wrap .btn-wrap.flex{margin-top: 20px;}
@media (min-width: 891px){
	.stamp-flex-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
	.stamp-flex-wrap .editor-wrap{width: calc(100% - 360px);padding-right: 25px;margin: 0;}
	.stamp-flex-wrap .editor-wrap .img-area{margin-left: 0;margin-right: 0;}
	.stamp-flex-wrap .stamp-detail-wrap{width: 385px;padding-right: 25px;padding-left: 25px;margin-right: -25px;}
}
@media (max-width: 890px){
	.stamp-flex-wrap:first-child{margin-top: -30px;}/*마이페이지 임시*/.m_mt0{margin-top: 0!important;}
}

/* 스탬프 목록 */
.grid-list-wrap .grid-list.stamp .badge-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-justify-content: space-between;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.grid-list-wrap .grid-list.stamp .badge-wrap .right-box .count-check{font-size: 12px;line-height: 16px;letter-spacing: -0.025em;color: #666;}
.grid-list-wrap .grid-list.stamp .badge-wrap .right-box .count-check .count{font-size: 14px;line-height: 18px;letter-spacing: -0.025em;font-weight: 600;}
.grid-list-wrap .grid-list.stamp .badge-wrap .right-box .count-check .total{font-size: 12px;line-height: 16px;letter-spacing: -0.025em;}
.grid-list-wrap .grid-list.stamp .grid-title.ellipsis-line2{display: block;display: -webkit-box;overflow: hidden;max-height: 44px;line-height: 22px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;white-space: normal;}
/* e : mypage - stamp */

/* #4006 */
.referral_code{display: block;width:100%}
.referral_code .code_area{display: inline-block;position:relative;border-radius: 30px;background: #0094a6;padding:6px 13px;margin-top: 5px;}
.referral_code .tit{display:inline-block;font-size:14px;color:#fff;font-weight:600;}
.referral_code .code{display:inline-block;font-size:14px;color:#fdcd00;}
.referral_code .code button .text{opacity: 0;position:absolute;width:0;height:0}

/* #4026 */
.employees_code_wrap{text-align: center}
.employees_code_wrap .tit{font-size:26px;color:#000;font-weight: 500;}
.employees_code_wrap .code{font-size:32px;color:#00a5b9;margin:15px 0;letter-spacing: -1px;font-weight: 500;}
.employees_code_wrap .btn_area{display:flex;margin-bottom:10px;justify-content: center;}
.employees_code_wrap .btn{display:block;font-size:35px;color:#00a5b9;margin-bottom:30px;border-radius: 100%;border:1px solid #ddd;width:40px;height:40px;}
.employees_code_wrap .btn + .btn{margin-left: 4%;}
.employees_code_wrap .btn i{display: inline-block;width:15px;height:15px;vertical-align:middle;margin-top: -8px;}
.employees_code_wrap + .btn-center-wrap{margin-bottom: 30px;}
.employees_code_wrap .gd_link{display: block;font-size:14px;text-decoration: underline;font-weight: 600;margin-bottom: 30px;color:#000;}

/* #8193 */
.ico-50-percent{position:absolute;bottom:10%;right:5%; background: url("../images/event/ico_50.png") 0 0 no-repeat;background-size: cover;width: 80px;height: 80px;display:block;z-index: 1;}
.ico-50-percent02{position:absolute;bottom:10%;right:5%; background: url("../images/event/ico_50.png") 0 0 no-repeat;background-size: cover;width: 170px;height: 170px;display:block;z-index: 1;}

@media (max-width: 890px){
	/* #8193 */
	.ico-50-percent{width:65px;height:65px}
	.ico-50-percent02{width:120px;height:120px}
}
@media (max-width: 320px){
	/* #4026 */
	.employees_code_wrap .code{font-size:24px}
}


/* UIUX Project */
/* MY 영역 */
.aside-content-wrap.mypage-main-wrap{overflow: visible;border-top: 1px solid #DDE0E3;background-color: #f5f6f8;margin-bottom: -100px;padding-bottom: 100px;}
.aside-content-wrap.mypage-main-wrap .cont-body{width: calc(100% - 382px);padding-left: 0;}
.aside-content-wrap.mypage-main-wrap .aside-wrap{width: 382px;padding-right: 40px;}
.aside-content-wrap.mypage-main-wrap .aside-wrap:before{display: none;}
.aside-content-wrap.mypage-main-wrap .cont-box{background-color: transparent;}
.aside-content-wrap.mypage-main-wrap .aside-spot-box{padding: 24px 20px 20px 24px;border-radius: 20px;background: linear-gradient(180.61deg, #00aad0 0.67%, #0cc7de 68.64%);}
.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap{flex-direction: column;align-items: flex-start;}
.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit{display: block;}
.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit span,
.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit a{padding-right: 20px;background: url("../images/common/comm_ico_arr_20_white.svg") no-repeat right center;font-size: 24px;color: #fff;font-weight: 600;line-height: 30px;}
.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit .mem_associate{padding-right: 0;background: none;}
.aside-content-wrap.mypage-main-wrap .user-count-list{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-moz-box-orient: vertical;-moz-box-direction: reverse;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;width: 100%;margin-top: 20px;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;width: 100%;justify-content: space-between;background: url("../images/common/comm_ico_mile_h28.svg") no-repeat left center / 28px;padding-left: 36px;padding-right: 24px;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item{margin-top: 12px;padding-right: 0;background-image: url("../images/common/comm_ico_lpoint_h28.svg");}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item .btext-tit{line-height: 30px;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item [class^=ico-]{position: absolute;top: 2px;left: 0;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .count{color: #fff;font-size: 22px;letter-spacing: -0.025em;font-weight: 700;line-height: 25px;margin-top: 6px;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .count .val{font-size: 22px;letter-spacing: -0.025em;font-weight: inherit;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .ico-logo-lpoint{position: relative;top: auto;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btext-tit{margin-top: 3px; margin-bottom: 0;justify-self: center;font-size: 16px;font-weight: 500;color: #fff;line-height: 18px;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn-link{min-height: 28px;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn-link:after{display: block;content: "";position: absolute;top:8px; right: 0;width: 20px;height: 20px;background: url("../images/common/comm_ico_arr_20_white.svg") no-repeat 0 0 / cover;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn_point_retrieve{text-align: right;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn_point_retrieve:after{display: none;}
.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn_point_retrieve .text{margin-top: 9px;font-size: 14px;font-weight: 500;text-decoration: underline;color: #fff;}
.aside-spot-box .user_quick_list{display: flex;width: 100%;margin-top: 16px;border-radius: 12px;background-color: rgba(0,0,0,0.13);}
.aside-spot-box .user_quick_list li{width: 50%;text-align: center;}
.aside-spot-box .user_quick_list li + li{position: relative;}
.aside-spot-box .user_quick_list li + li:before{display: block;content: '';position: absolute;top: 12px;left: 0;width: 1px;height: 22px;background-color: rgba(0,0,0,0.12);}
.aside-spot-box .user_quick_list li a{display: block;padding: 12px 0;font-size: 16px;font-weight: 500;color: #fff;line-height: 22px;}
.rs_info_wrap{margin-top: 6px;}
.rs_info{color:#fff;font-size: 14px;font-weight: 500;letter-spacing: -0.025em;line-height: 18px;}

/* 주문현황 영역 */
.aside-content-wrap.mypage-main-wrap .order-state-box{margin-top: 20px;border-radius: 20px;}
.aside-content-wrap.mypage-main-wrap .order-state-box .cont-tit-wrap{position: relative;padding: 20px 24px 16px;margin: 0;border-bottom: 1px solid rgba(255,255,255,0.13);}
.aside-content-wrap.mypage-main-wrap .order-state-box .cont-tit-wrap .cont-tit{color: #fff;font-size: 18px;line-height: 24px;}
.aside-content-wrap.mypage-main-wrap .cont-tit-wrap i{margin-top: -3px;vertical-align: middle;margin-left: -3px}
.aside-content-wrap.mypage-main-wrap .order-state-box .store-info{padding-top: 20px;}
.aside-content-wrap.mypage-main-wrap .order-state-box .store-info-title .desc_text span{font-size: 16px;line-height: 22px;padding:2px 0}
.aside-content-wrap.mypage-main-wrap .order-state-box .store-info-title .store-name{font-size: 13px;line-height: 18px;}

/* 내 멤버십 등급 */
.aside-content-wrap.mypage-main-wrap .aside-wrap .brand-grade-list{margin-top: 16px;}
.brand-grade-box{margin-top: 20px;padding: 24px 20px 22px 20px;border-radius: 20px;background-color: #fff;}
.brand-grade-box .cont-tit-wrap{display: flex;justify-content: space-between;align-items: center;padding: 0 4px;margin-bottom: 16px;}
.brand-grade-box .cont-tit-wrap .cont-tit{font-size: 18px;line-height: 24px;}
.brand-grade-box .cont-tit-wrap button{font-size: 12px;font-weight: 500;color: #999;}

/* 외부 배너 영역 */
.wrapper .cont-body.type02 .cont-box.ex_banner + .cont-box{margin-top: 40px;}

/* 마이페이지 메인 메뉴 영역 */
.aside-content-wrap.mypage-main-wrap .cont-body .cont-tit{margin-bottom: 24px;line-height: 24px;}
.aside-content-wrap.mypage-main-wrap .mypage-menu{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;}
.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item{position: relative;width: 50%;margin-top: 20px;}
.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item:nth-child(-n+2){margin-top: 0;}
.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item i{display: inline-block;vertical-align: middle;}
.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item .mypage-link{display: inline-block;}
.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item .mypage-link .text{display: inline-block;margin-left: 12px;font-weight: 500;color: #444;vertical-align: middle;}
.aside-content-wrap.mypage-main-wrap .mypage-menu-history .menu-item .mypage-link .text{color: #000;}
.aside-content-wrap.mypage-main-wrap .cont-body.type02 .cont-box-fold .cont-inner{padding: 0;}
.aside-content-wrap.mypage-main-wrap .fold-wrap .fold-list .fold-item{border-bottom: 0;}
.aside-content-wrap.mypage-main-wrap .fold-wrap .fold-list .fold-item .fold-header{padding: 28px;}
.aside-content-wrap.mypage-main-wrap .fold-wrap .fold-list .fold-item .fold-header .btn-fold:after{position: absolute;right: 28px;top: 30px;}
.aside-content-wrap.mypage-main-wrap .fold-wrap .fold-list .fold-item.expanded .fold-content{padding: 0 28px 28px;background: none;}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: stretch;-moz-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap .menu-col{width: 50%;}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap .menu-col .gate-menu .gate-item .btext-tit{margin-bottom: 8px;font-weight: 500;}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap .menu-col .gate-menu .gate-item .gate-link{display: block;color: #000;font-weight: 500;line-height: 18px;}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap .menu-col .gate-menu .gate-item .sub-gate-menu .sub-gate-item .gate-link{padding: 6px 0;font-weight: 500;line-height: 18px;color:#666}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap .menu-col .gate-menu .gate-item ~ .gate-item{margin-top: 20px;}
.aside-content-wrap.mypage-main-wrap .menu-flex-wrap .menu-col .gate-menu .gate-item.type02{margin-top: 28px;}

/* 결제수단 관리 */
.content-header.has-btn .btn-wrap.mo-flex .btn-md.type02{padding: 0 20px;}

/*주문/예약내역*/
.order-prod-list-wrap .prod-item.horizontal .prod-info-box .tbl-info-wrap .tbl-row-info tr td{color:#666}
.fold-wrap.order .fold-list .fold-item:last-child .fold-content{border-bottom: 0!important;}

/* 마이페이지 > 쇼핑배송내역*/
.shop_delivery_list{margin-top: 70px;}
.shop_delivery_list .type-order-coupon .coupon-box .thumb-box .thumb-img{width:100%;height:100%}
.shop_delivery_list .type-order-coupon .coupon-box:before {position: absolute;top: 0;right: 0;content: "";display: inline-block;width: 90px;height: 100%;background-color: rgba(0, 165, 185, 0.1);}
.shop_delivery_list .type-order-coupon .coupon-box.coupon-lotteria:before {background-color: rgba(239, 61, 46, 0.1);}
.shop_delivery_list .type-order-coupon .coupon-box.coupon-krispy:before {background-color: rgba(28, 172, 104, 0.1);}
.shop_delivery_list .type-order-coupon .coupon-box.coupon-angelinus:before {background-color: rgba(170, 148, 129, 0.1);}
.shop_delivery_list .type-order-coupon .coupon-box.coupon-plating:before {background-color: rgba(34, 34, 34, 0.1);}

/* 마이페이지 > 모바일상품권 구매/선물 내역*/
.aside-content-wrap.cont-order-wrap.mogift_purchase_list.cont-top-line .aside-content-inner:before{background-color: #fff;}
.mogift_purchase_list .type-order-coupon{border: 0;border-radius: 4px;}
.mogift_purchase_list .type-order-coupon .coupon-box{border: 1px solid #dde0e3;border-radius: 4px;}
.mogift_purchase_list .badge-md{margin-right: 4px;}
.mogift_purchase_list .type-order-coupon .coupon-box .thumb-box .thumb-img{width:100%;height:100%}
.mogift_purchase_list .type-order-coupon .coupon-box:before {position: absolute;top: 0;right: 0;content: "";display: inline-block;width: 90px;height: 100%;background-color: rgba(0, 165, 185, 0.1);}
.mogift_purchase_list .type-order-coupon .coupon-box.coupon-lotteria:before {background-color: rgba(239, 61, 46, 0.1);}
.mogift_purchase_list .type-order-coupon .coupon-box.coupon-krispy:before {background-color: rgba(28, 172, 104, 0.1);}
.mogift_purchase_list .type-order-coupon .coupon-box.coupon-angelinus:before {background-color: rgba(170, 148, 129, 0.1);}
.mogift_purchase_list .type-order-coupon .coupon-box.coupon-plating:before {background-color: rgba(34, 34, 34, 0.1);}

/* media */
@media (max-width: 1110px){
	.aside-content-wrap.mypage-main-wrap .mypage-menu-pay .menu-item{width: 100%;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-pay .menu-item + .menu-item{margin-top: 20px;}
}
@media (max-width: 890px){
	.container-wrapper .cont-box[data-pc-only] ~ .aside-content-wrap.mypage-main-wrap{padding-top: 55px;}
	.aside-content-wrap.mypage-main-wrap .aside-content-inner{background-color: #fff;}
	.aside-content-wrap.mypage-main-wrap .aside-content-inner .cont-inner{padding-bottom: 0;}
	.aside-content-wrap.mypage-main-wrap .aside-wrap{width: unset;padding-right: 0;}
	.aside-content-wrap.mypage-main-wrap .aside-wrap .cont-box:first-child .cont-inner{padding-top: 0;}
	.aside-content-wrap.mypage-main-wrap .aside-wrap .aside-spot-box{margin: -60px -20px 0;padding:60px 20px 20px;border-radius: 0 0 30px 30px;padding-top: calc(60px + var(--TopPadding));}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap{padding-top: 16px;margin-bottom: 16px;}
	.aside-content-wrap.mypage-main-wrap .user-count-list{overflow: hidden;margin-top: 16px;color: #000;border-radius: 20px;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item{flex-direction: column;align-items: flex-start;padding: 20px 24px;background-image: none;background-color: #fff;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btext-tit{margin-top: 0;font-size: 14px;color: #000;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .count .val{padding-right: 32px;background-image: url("../images/common/comm_ico_mile_h28.svg");background-position: right center;background-repeat: no-repeat;font-size: 26px;line-height: 1.1em;color: #000;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item{flex-direction: row;align-items: center;min-height: 54px;margin-top: 0;padding: 14.5px 24px;background-color: #f5fafb;background-image: none;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item .btext-tit{line-height: 18px;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item .count{margin-top: 0;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item .count .val{padding: 0;background-image: none;font-size: 18px;font-weight: 600;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn-link:after{display: none;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item:nth-child(1) .btn-link{width: 160px;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item:nth-child(1) .btn-link + .btn-link{width: auto;height: 32px;left: auto;right: 24px;top: 50%;transform: translateY(-50%);}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn-line-light-gray{display: inline-block;padding: 6px 13px;border: 1px solid #eee;border-radius: 10px;font-size: 13px;line-height: 18px;font-weight: 500;color: #666;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn_point_retrieve .text{display: inline-block;margin-top: 0;margin-right: 24px;padding: 18px 0;color: #aaa;}
	.aside-spot-box .user_quick_list{margin-top: 20px;background-color: unset;}
	.aside-spot-box .user_quick_list li{width: 33.3%;background-repeat: no-repeat;background-position: top center;}
	.aside-spot-box .user_quick_list li + li:before{display: none;}
	.aside-spot-box .user_quick_list li:nth-child(1){background-image: url("../images/mypage/ico_my_coupon.svg");}
	.aside-spot-box .user_quick_list li:nth-child(2){background-image: url("../images/mypage/ico_my_membership.svg");}
	.aside-spot-box .user_quick_list li:last-child{background-image: url("../images/mypage/ico_my_stamp.svg");}
	.aside-spot-box .user_quick_list li.membership_regular{background-image: none;}
	.aside-spot-box .user_quick_list li a{padding: 50px 0 0;font-size: 14px;color: #fff;line-height: 18px;}

	.wrapper .cont-body.type02 .cont-box.ex_banner{padding-top: 20px;}
	.wrapper .cont-body.type02 .cont-box.ex_banner + .cont-box{margin-top: 30px;}
	.aside-content-wrap.mypage-main-wrap .cont-body{width: 100%;padding-bottom: 60px;}
	.aside-content-wrap.mypage-main-wrap .cont-body.type02 .pc-no-line:nth-of-type(1){padding-top: 30px;}
	.aside-content-wrap.mypage-main-wrap .cont-body .cont-tit{margin-bottom: 0}
	.aside-content-wrap.mypage-main-wrap .mypage-menu.mypage-menu-mypick{margin-top:12px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item{margin-top: 12px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu:not(.mypage-menu-mypick) .menu-item .mypage-link i{display: none;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item .mypage-link .text{margin-left: 0;color: #666;line-height: 18px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item{width: calc((100% - 6px)/2);margin-left: 6px;margin-top: 6px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item:nth-child(2n+1){margin-left: 0;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item:nth-child(-n+2){margin-top: 0;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item .mypage-link{display: block;padding: 9px 16px;border: 1px solid #eee;border-radius: 12px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item .mypage-link .text{margin-left: 8px;color: #444;}
	.aside-content-wrap.mypage-main-wrap .cont-box .btn-wrap.flex{margin-top: 0;}
	.aside-content-wrap.mypage-main-wrap .cont-box .btn-wrap.flex .btn-md{padding: 12px 16px;}
	.aside-content-wrap.mypage-main-wrap .cont-box .btn-wrap.flex .btn-line-light-gray{border-color: #eee;border-radius: 12px;color: #444;font-weight: 500;}
	.aside-content-wrap.mypage-main-wrap .cont-inner + .btn-right-wrap{justify-content: flex-start;}
	.aside-content-wrap.mypage-main-wrap .cont-inner + .btn-right-wrap .btn_color_gray{color: #666;font-weight: 500;}
	.aside-content-wrap.mypage-main-wrap .cont-inner + .btn-right-wrap .btn_color_gray i{display: none;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-history .menu-item{width: 100%;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-history.mypage-menu .menu-item + .menu-item{margin-top: 40px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-history .menu-item .mypage-link .text{font-size: 16px;font-weight: 600;color: #000;}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit span,
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap .cont-tit a{font-size:22px;line-height: 28px;}
	.rs_info_wrap{margin-top: 8px;}
	.aside-content-wrap.mypage-main-wrap .aside-spot-box .cont-tit-wrap{padding-left: 4px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu.type_text .menu-item{padding:12px 0;margin-top: 0;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu.type_text .menu-item:nth-child(-n+2){margin-top: 4px;}
	.mypage_header_box .order-header-box{padding:0;border-bottom:0}
	.cont-box ~ .fold-wrap.order{margin-top: 0;}
	.fold-wrap.order .fold-list .fold-item.no-fold.has-content .fold-content{border-bottom: 0;}
	.mogift_purchase_list .aside-content-inner .cont-body .cont-box .cont-inner{padding-bottom: 20px;}
	/* 마이페이지 > 쇼핑배송내역*/
	.shop_delivery_list{margin-top: 0;}
	.shop_delivery_list.order-history-wrap .order-header-box{max-width: 100%;border-bottom: 0;margin-bottom: 0;}
	.shop_delivery_list  .cont-box:first-child .cont-inner{padding-top: 20px!important;}
	.shop_delivery_list  .fold-wrap.order .fold-list .fold-item:last-child .fold-header .btn-fold:after{margin-right: 20px;}
	.shop_delivery_list .cont-box:nth-last-of-type(1) .cont-inner{padding-top: 0px!important;}
}

@media (max-width: 360px){
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item,
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item + .user-count-item{padding-left: 16px;padding-right: 16px;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn-line-light-gray{right: 16px;padding: 6px 6px;}
	.aside-content-wrap.mypage-main-wrap .user-count-list .user-count-item .btn_point_retrieve .text{margin-right: 16px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item{width: 100%;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item:nth-child(-n+2){margin-top: 12px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu .menu-item:first-child{margin-top: 0;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item{margin-left: 0;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item:nth-child(-n+2){margin-top: 6px;}
	.aside-content-wrap.mypage-main-wrap .mypage-menu-mypick .menu-item:first-child{margin-top: 0;}
}