@charset "UTF-8";

/****************************************/
/*	Name: HIMART
/*	PART: 마이페이지
/*	Version: 1.0
/****************************************/

/* 마이롯데 - 메인 */
/*내 등급 */
.hm-mypage__grade {position:relative; padding:20px 15px 18px;background:#fff;}
.hm-mypage__grade-icon a {display:inline-block; padding-right:13px; background:url(../img/icon/href_arrow_r14x24.png) right 4px no-repeat; background-size:7px 12px;}
html.ios .hm-mypage__grade-icon a {background-position:right 3px;}
.hm-mypage__grade-icon a img {display:inline-block; width:21px; height:21px; vertical-align:top;}
html.ios .hm-mypage__grade-icon a img {margin-top:-2px; }
.hm-mypage__grade-icon a strong {display:inline-block; font-size:14px; color:#111; line-height:21px; vertical-align:top;}
.hm-mypage__info {margin-top:7px; width: 85%;}
.hm-mypage__info span {display:inline-block; line-height:26px; vertical-align:top;}
.hm-mypage__info .hm-mypage__name {font-size:22px;}
.hm-mypage__info .hm-mypage__oners {font-size:22px; font-weight:bold; color:#6533a5;}
.hm-mypage__info .hm-mypage__setting {display:inline-block; width:26px; height:26px; margin-left:-3px; vertical-align:top; background:url(../img/icon/icon_setting.png) center center no-repeat; background-size:18px 18px; font-size:0; text-indent:-999px;}
html.ios .hm-mypage__info .hm-mypage__oners {margin-top:-1px; background-position:0 2px;}
html.ios .hm-mypage__info .hm-mypage__setting {margin-top:-2px;}
/* 내 쿠폰 */
.hm-mypage__coupon {position:absolute; top:20px; right:15px; min-width:46px; text-align:center;}
.hm-mypage__coupon-text {display:block; margin-bottom:4px; font-size:14px; line-height:20px; color:#111;}
html.ios .hm-mypage__coupon-text {background-position:right 3px;}
.hm-mypage__coupon-num {display:inline-block; width:46px; height:30px; background:url(../img/icon/mypage_coupon.png) 0 0 no-repeat; background-size:46px 30px; font-size:18px; line-height:30px; font-weight:bold; color:var(--com-point-color); text-align:center;}
html.ios .hm-mypage__coupon-num {line-height:32px;}

/* 나의 포인트 */
.hm-mypage__point {padding:0 15px 14px;}
.hm-mypage__point-list {position:relative; display:flex; width:100%; background: rgb(249,73,119); background: linear-gradient(0deg, rgba(249,73,119,1) 0%, rgba(247,79,102,1) 100%); border-radius:8px 8px 0 0;}
.hm-mypage__point-list:after {content:''; clear:both; display:block;}
.hm-mypage__point-item {position:relative; flex:1; text-align:center;}
.hm-mypage__point-item:before {content:''; position:absolute; top:17px; bottom:17px; left:0; width:1px; background:rgba(255,255,255,.2);}
.hm-mypage__point-item:first-child:before {display:none;}
.hm-mypage__point-item > a {display:block; padding:18px 0 17px;}
.hm-mypage__point-tit {display:inline-block; padding-right:13px; font-size:14px; color:#fff; line-height:19px; background:url(../img/icon/href_arrow_rw12x21.png) right 4px no-repeat; background-size:6px 11px;}
html.ios .hm-mypage__point-tit {background-position:right 3px;}
.hm-mypage__point-sum {display:block; font-size:18px; font-weight:bold; color:#fff; line-height:24px; }
.hm-mypage__point-sum .hm-mypage__point-sum-p {display:inline-block; margin-left:2px; font-size:16px; font-weight:normal; line-height:24px; vertical-align:top;}
.hm-mypage__point-sum .hm-mypage__point-sum-won {display:inline-block; margin:2px 0 0 2px; font-size:14px; font-weight:normal; line-height:22px; vertical-align:top;}
html.ios .hm-mypage__point-sum .hm-mypage__point-sum-won {margin:1px 0 0 2px; }
.hm-mypage__point-check {position:absolute; top:0; left:0; width:100%; padding:40px 0 13px; background: transparent; border:0; outline:0; box-sizing:border-box;}
.hm-mypage__point-check span {display:inline-block; height:25px; padding:0 21px 0 9px; background:#e43f69 url(../img/icon/mypage_inquire02.png) right 8px top 5px no-repeat; background-size:11px 13px; font-size:12px; line-height:25px; color:#fff; border-radius:12px;}

/* 마이롯데 배송상품 */
.hm-mypage__delivery {padding:0 15px 24px;}
.hm-mypage__delivery-box {position:relative;padding:13px 14px;display:flex;align-items:center;border-radius:8px;border:1px solid #f2f2f2;}
.hm-mypage__delivery-box + .hm-mypage__delivery-box {margin-top:8px;}
.hm-mypage__delivery-link {position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;font-size:0;z-index:1;}
.hm-mypage__delivery-link:after {content:'';position:absolute;right:17px;top:50%;transform:translateY(-50%);width:6.5px;height:12px;background:url(../img/icon/href-delivery-black.svg) no-repeat;background-size:6.5px auto;}
.hm-mypage__delivery-image {position:relative;width:72px;height:72px;margin-right:11px;border-radius:2px;overflow:hidden;}
.hm-mypage__delivery-image:after {content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.03);}
.hm-mypage__delivery-gift {position:absolute;top:0;right:0;bottom:0;left:0;color:#fff;font-size:15px;background:rgba(0,0,0,0.3);display: flex;justify-content: center;align-items: center;}
.hm-mypage__delivery-info {width:calc(100% - 92px)}
.hm-mypage__delivery-date {display:block;margin-bottom:4px;font-size:20px;color:#111;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hm-mypage__delivery-state {font-size:15px;color:#707070;}
.hm-text-link-delivery {position:relative;padding:0 16px 0 0;background:transparent;border:none;z-index:9;}
.hm-text-link-delivery:focus {border:none;outline:none;}
.hm-text-link-delivery:after {content: '';position:absolute;top:50%;right:0;transform:translateY(-50%);width:13px;height:13px;box-sizing: border-box;background: url(../img/icon/href-delivery-gray.svg) no-repeat center center;background-size: 100% auto;vertical-align: top;}
.ios .hm-text-link-delivery:after {margin-top:-1px;}
.hm-mypage__delivery-btn{margin:-24px 0 14px;border-bottom: 7px solid #f4f4f4;}
.hm-mypage__delivery-btn-link {display:flex;align-items:center;align-content:center;justify-content:center;padding:18px 0;}
.hm-mypage__delivery-btn-text {padding-right:11px;position:relative;color:var(--com-point-color);}
.hm-mypage__delivery-btn-text:after {content:'';position:absolute;top:50%;right:0;width:5px;height:10px;background: url(../img/icon/href-arrow_right_red_02.png) no-repeat right center;background-size: 5px auto;transform: translateY(-50%);}
/* 마이롯데 배송상품 배송조회 레이어팝업 */
.hm-app__layer-popup-delivery .hm-layer-popup {border-radius:16px;}
.hm-app__layer-popup-delivery .hm-layer-popup__header {padding:20px 16px 10px;height:24px;line-height:24px;text-align:left;color:#111;}
.hm-app__layer-popup-delivery .hm-layer-popup__header .hm-heading {font-size:14px;}
.hm-app__layer-popup-delivery .hm-layer-popup__close {top:12px;right:3px;width: 11px;height: 11px;background-size: 11px;}
.hm-app__layer-popup-delivery .hm-layer-popup__scroll {padding:0 16px;}
.popup-delivery-info {margin-bottom:16px;padding:11px 15px;border-radius:8px;background:#f4f4f4;}
.popup-delivery-info li {font-size:12px;color:#111;line-height:22px;display:flex;}
.popup-delivery-info li span {margin-right:5px;}
.popup-delivery-info li strong {flex:1;}
.popup-delivery-step {margin:20px 15px 0;}
.delivery-step-item {position:relative;padding:0 0 16px 31px;font-size:12px;color:#888;display:flex;flex-wrap: wrap;}
.delivery-step-item:before {content: '';position: absolute;left: 7.5px;top: 8px;bottom:-2px;border-left: 2px solid #eee;}
.delivery-step-item:first-child:before {bottom:0;}
.delivery-step-item:last-child:before {content:none;}
.delivery-step-item:only-child:before {bottom:0;content: '';}
.delivery-step-item:after {content: '';position:absolute;top:1px;left:3px;width:5px;height:5px;background-color: #fff;border: 3px solid #eee;border-radius:50%;}
.delivery-step-item.now:after {left:0;top:0;width:9px;height:9px;border:4px solid #111;}
.delivery-step-date {width:100%;}
.delivery-step-location {line-height:20px;}
.delivery-step-state {position:relative;padding-left:4px;margin-left:4px;line-height:20px;}
.delivery-step-state:before{content: '';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color: #ddd;}
.now .delivery-step-location,
.now .delivery-step-state {color:#111;}

.hm-order__message-toggle  .hm-order__message-title-icon {opacity:1; transform:scale(1); transition: transform .2s linear;}
.hm-order__message-toggle-active .hm-order__message-title-icon {opacity:0; transform:scale(0); transition:height, transform .2s linear;}

.hm-mypage__point-save {position:absolute; top:-14px; left:calc(100% - 19px); z-index:1; height:35px; opacity:0; transform:scale(0); transition:height, transform .2s linear;}
.hm-mypage__point-save.hm-mypage__point-save-active {opacity:1; transform:scale(1); transition: transform .2s linear;}
.hm-mypage__point-save-inner{position:relative; width:max-content; min-width:138px; height:30px; background:#fff; text-align:left; border:1px solid #f13550; box-sizing:border-box; border-radius:35px;}
.hm-mypage__point-save-inner:before {content:''; position:absolute; bottom:-6px; left:-1px; width:15px; height:18px; background:url(../img/mypage_save_point_box.png) 0 0 no-repeat; background-size:15px 18px;}
.hm-mypage__point-save-inner:after {content:''; clear:both; display:block;}
.hm-mypage__point-save-inner a {position:relative; float:left; margin-right:7px; padding:0 11px 0 10px; font-size:12px; color:var(--com-point-color); line-height:28px; background:url(../img/icon/href_arrow_rr12x21.png) right 8px no-repeat; background-size:6px 11px;}
html.ios .hm-mypage__point-save-inner a {line-height:30px; background-position:right 9px;}
.hm-mypage__point-save-inner button {float:right; width:30px; height:28px; background:url(../img/icon/delete_08.png) center 3px no-repeat; background-size:22px 22px; border:0; vertical-align:top; outline:none;}

.hm-mypage__member-banner {height:48px; background:#faf7ff; border-radius:0 0 8px 8px; border:1px solid #e5e5e5; border-top:0; box-sizing:border-box;}
.hm-mypage__member-banner a {display:block; padding:16px 0; font-size:14px; line-height:16px; text-align:center;}
@media screen and (max-width:320px) {.hm-mypage__member-banner a{font-size: 12px}} /* 20201117 */
.hm-mypage__member-banner a span {display:inline-block; padding-right:16px; background:url(../img/icon/href_arrow_r14x24.png) right 3px no-repeat; background-size:6px 11px;} /* 20201117 */
html.ios .hm-mypage__member-banner a span {background-position:right 1px;}
.hm-mypage__member-banner a span strong {color:#6533a5;}

/* 나의 메뉴 */
.hm-mypage__request-menu {padding-bottom:15px;}
.hm-mypage__request-menu-row {display:flex; width:100%; margin-top:4px;}
.hm-mypage__request-menu-row:first-child {margin-top:0;}
.hm-mypage__request-menu-cell {flex:1; text-align:center;position:relative;}
.hm-mypage__request-menu-cell a {position:relative; display:block; padding:48px 0 10px;}
.hm-mypage__request-menu-cell span {font-size:14px; color:#111; line-height:16px;}
.hm-mypage__request-review {background:url(../img/icon/mypage-main_request-review.svg) center 11px no-repeat; background-size:24px 25px;}
.hm-mypage__request-wish {background:url(../img/icon/mypage-main_request-wish.svg) center 13px no-repeat; background-size:26px 23px;}
.hm-mypage__request-estimate {background:url(../img/icon/mypage-main_request-estimate.svg) center 11px no-repeat; background-size:24px 25px;}
.hm-mypage__request-style {background:url(../img/icon/mypage-main_request-style.svg) center 15px no-repeat; background-size:25px 25px;}
.hm-mypage__request-advice {background:url(../img/icon/mypage-main_request-advice.svg) center 12px no-repeat; background-size:27px 27px;}
.hm-mypage__request-inquiry {background:url(../img/icon/mypage-main_request-inquiry.svg) center 11px no-repeat; background-size:34px 28px;}
.hm-mypage__request-new:before {content:''; position:absolute; top:5px; right:50%; width:6px; height:6px; margin-right:-26px; background-color:var(--com-point-color); border-radius:50%;}
.hm-mypage__request-point {position:absolute;top:-25px;left:calc(50% + 35px);width:max-content;min-width:120px;height:30px;border:1px solid #f13550;border-radius:15px;border-bottom-left-radius:0;font-size:12px;color:var(--com-point-color);background:#fff;z-index:9;}
.hm-mypage__request-point:after {content:'';position:absolute;left:-6px;bottom:-1px;width: 8px;height: 8px;background:url(../img/icon/btn-request-box.png) no-repeat;background-size:8px auto;}
.hm-mypage__request-point em {font-style:normal;font-weight:bold;}
.hm-mypage__request-point-close {padding:0 26px 0 10px;height:100%;border:none;outline:none;background:transparent;background: url(../img/icon/btn-request-close.png) right 4px center no-repeat;background-size: 22px auto;}

/* 인테리어 상담내역 */
.hm-mypage__consulting {position:relative;padding:20px 22px;border-bottom:8px solid #f4f4f4;display:-webkit-box;display:flex; justify-content:space-between;align-items:center;}
.hm-mypage__consulting-tit {display:block; margin-bottom:3px; font-size:14px; line-height:16px; color:#707070;}
.hm-mypage__consulting-text {display:block; font-size:15px; line-height:18px; color:#111;}
.hm-mypage__consulting-link-box {display:-webkit-box;display:flex;align-items:flex-end;text-align:center;}
.hm-mypage__consulting-link-box a {position:relative;}
.hm-mypage__consulting-link-box a:first-child {margin-right:15px;}
.hm-mypage__consulting-link-box a:last-child {margin-left:15px;}
.hm-mypage__consulting-link-box a:last-child:after {content:'';position:absolute;left:-15px;top:50%;width:1px;height:30px;background:#ddd;transform:translateY(-50%);}
.hm-mypage__consulting-link {position:relative;padding-right:10px;display:block;font-size:13px;color:#111;}
.hm-mypage__consulting-link:after {content:''; position:absolute; top:50%; right:0; width:6px; height:10px; background:url(../img/icon/href_arrow_r14x24.png) right 0 no-repeat; background-size:6px 10px; transform:translateY(-50%);}
html.ios .hm-mypage__consulting-link:after {height:12px;}
.hm-mypage__consulting-link-count {position:relative;color:var(--com-point-color);font-size:16px;display:flex;justify-content:center;align-items:center;}
.hm-mypage__consulting-link-count em {font-size:20px;font-weight:bold;font-style:normal;}

/* 마이페이지 메인 배너 */
.hm-mypage__main-banner {margin:30px 22px 20px;}
.hm-mypage__main-banner + .hm-mypage__main-banner {margin-top:-8px;}
.hm-mypage__main-banner .swiper-container {border-radius:5px;}
.hm-mypage__main-banner .swiper-pagination-fraction {display:inline-block !important; position:absolute; left:auto; right:8px; bottom:6px; width:auto; height:17px; padding:0 5px; background:rgba(127,127,127,.5); font-size:13px; color:#fff; line-height:17px; letter-spacing:-1px; border-radius:8px;}
html.ios .hm-mypage__main-banner .swiper-pagination-fraction {line-height:18px;}
.hm-mypage__main-banner .swiper-container .swiper-slide {overflow:hidden;width:calc(100% + 2px);}
.hm-mypage__main-banner .swiper-container .swiper-slide > a {display:block;position: absolute;top: 0;left: -1px;right:0;bottom:0;}
.hm-mypage__main-banner .swiper-container .swiper-slide::before{content:'';display:block;padding-top:18.55%;}
.hm-mypage__main-banner .main-slide__item-ad {left:auto;top:6px;right:8px;background-color:rgba(0,0,0,0.1);}

/* 메뉴 리스트 */
.hm-mypage__menu-wrap {margin:0 22px;padding:20px 0 15px;border-bottom:1px solid #ececed;}
.hm-mypage__menu-wrap .hm-heading {margin:10px 0;font-size:13px;font-weight:700;color:#cbcbcb;line-height:16px;}
.hm-mypage__menu-wrap .hm-mypage__menu-list {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.hm-mypage__menu-wrap .hm-mypage__menu-list li {width:50%;}
.hm-mypage__menu-wrap .hm-mypage__menu-list li a {display:inline-block;padding:12px 6px 12px 0;font-size:16px;color:#111;line-height:20px;font-weight:700;}
.hm-mypage__menu-wrap .hm-mypage__menu-list li a strong {position:relative;}
.hm-mypage__menu-wrap .hm-mypage__menu-list li.new a strong {padding-right:6px;}
.hm-mypage__menu-wrap .hm-mypage__menu-list li.new a strong:after {content:'';position:absolute;bottom:14px;right:0;width:3px;height:3px;border-radius:3px;background-color:var(--hi-secondary-red);}
.hm-mypage__menu-wrap .hm-mypage__menu-list li a span {display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;font-weight:700;text-align:center;color:#fff;border-radius:20px;background-color:var(--hi-secondary-red);vertical-align:bottom;}

/* //마이롯데 - 메인 */

/* L.POINT 조회 */
.request-history .hm-list .hm-grid--vertical-center .hm-grid__cell .hm-heading div {padding:3px 0 6px; line-height:1.2; color:#888; font-size:12px;}
.request-history .hm-list .hm-grid--vertical-center .hm-grid__cell .hm-heading div a {color:#888;}
.request-history .hm-list .hm-grid--vertical-center .hm-grid__cell .hm-heading div .goodsName {display:inline-block; max-width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:top;}

.request-history__lpoint .request-point {margin-top:10px;}
.request-history__lpoint .hm-list--line .hm-list__item {padding-left:20px;padding-right:20px;}
.request-history__lpoint .hm-list--line {border-top:none;}
.request-history__lpoint .hm-btn-more {margin-bottom:30px;}
.request-history__lpoint .hm-list__request {margin-top:30px;}

/* 증빙 서류 첨부 공통 */
.docAttachCont {padding:0 0 130px;}
.docAttachCont h2 {margin:5px 0 20px;line-height:1;font-size:14px;font-weight:normal;}
.docAttachCont .fileAttachList {overflow-y:auto;margin-top:10px;height:auto;border-top:1px solid #111;border-bottom:1px solid #e4e4e4;}
.docAttachCont .fileAttachList li {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;height:42px;padding:0 49px 0 15px;border-top:1px solid #d9d9d9;color:#888;font-size:12px;line-height:42px;}
.docAttachCont .fileAttachList li:first-of-type {border-top:none;}
.docAttachCont .fileAttachList li .btnDel {position:absolute;top:50%;right:10px;width:29px;height:29px;margin-top:-15px;background:url(../img/icon/btn_fileAttach_del.png) no-repeat center;background-size:19px auto;border:none;font-size:0;}
.docAttachCont .fileAttachList li.delList {color:#cccccc;text-decoration:line-through;}
.docAttachCont .fileAttachList li.delList .btnDel {display:none;}
.docAttachCont .fileAttachList li.noneList {height:171px;padding:120px 0 0;text-align:center;font-size:14px;line-height:1;box-sizing:border-box;}
.docAttachCont .fileAttachList li.noneList:before {content:"";position:absolute;top:36px;left:50%;width:58px;height:58px;margin-left:-29px;background:url(../img/icon/recent-searches.png) no-repeat 0 0;background-size:100%;}
.docAttachCont .fileAttachList li .fileName {margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.docAttachCont .fileAttach {position:relative;}
.docAttachCont .fileAttach .btn {display:inline-block;box-sizing:border-box;height:23px;padding:0 8px;letter-spacing:-1px;line-height:22px;font-size:12px;background:#fff;border-radius:5px;color:#6a747c;border:1px solid #aeb3bb;color:#555;}
.docAttachCont .fileAttach .btnChkDoc {position:absolute;top:-31px;right:0;border-color:#aeb3bb;}
.docAttachCont .fileAttach .btnArea {position:absolute;top:-40px;right:0;}
.docAttachCont .fileAttach .btnAdd {color:#555;border-color:#ddd;}
.docAttachCont .fileAttach #appendixFile_wrap {display:block;width:100%;position:absolute;top:0;color:transparent;opacity:0;}
.docAttachCont .fileAttach #appendixFile_wrap input {width:100%;}
.docAttachCont .notiDeInfo {margin-top:40px;}
.docAttachCont .notiDeInfo .tit {position:relative;margin:0 0 15px;color:#111;font-size:14px;}
.docAttachCont .notiDeInfo .grayNotiBox {margin-top:0;padding:0;}
.docAttachCont .notiDeInfo .grayNotiBox > p {position:relative;margin:12px 0 0;padding-left:10px;font-size:12px;color:#888;}
.docAttachCont .notiDeInfo .grayNotiBox > p:first-of-type {margin-top:0 !important;}
.docAttachCont .notiDeInfo .grayNotiBox > p:after {content:"";position:absolute;top:5px;left:0;width:2px;height:2px;box-sizing:border-box;border:1px solid #888;border-radius:50px;}
.docAttachCont .agreeArea {position:relative;margin-top:30px;letter-spacing:-1px;}
.docAttachCont .agreeArea .chkForm {line-height:1;}
.docAttachCont .agreeArea label {font-size:13px;vertical-align:middle;line-height:20px;}
.docAttachCont .agreeArea label span {line-height:20px;}
.docAttachCont .agreeArea .btnView {position:absolute;top:2px;right:0;}
.docAttachCont .agreeArea .btnViewPrivacy {background:transparent;font-size:13px;color:#3471c1;border-bottom:1px solid #3471c1;}
.docAttachCont .btnAreaReturn {margin-top:29px;text-align:center;font-size:0;}
.docAttachCont .btnAreaReturn > a {display:inline-block;height:46px;margin:0 6px;padding:0 40px;line-height:45px;background:#fff;border:1px solid #ed4046;font-size:16px;border-radius:4px;}
.docAttachCont .btnAreaReturn > a.canR  {color:#ed4046;}
.docAttachCont .btnAreaReturn > a.saveR {color:#fff;background-color:#ed4046;}
/* .docAttachCont .btnAreaReturn .canR + .saveR {float:right;} */

/* 증빙 서류 첨부 - 개통 시 필요 서류 안내 */
.layer-docAttachInfo .layerPopContent {height:auto;padding:15px;}
.layer-docAttachInfo .layerPopContent .tabArea {margin-top:5px;}
.layer-docAttachInfo .tabArea .tabList {width:100%;box-sizing:border-box;margin-bottom:20px;border-bottom:1px solid #d3d3d5;}
.layer-docAttachInfo .tabArea .tabList:after {clear:both;display:block;content:"";}
.layer-docAttachInfo .tabArea .tabList li {float:left;width:calc(100%/3);text-align:center;}
.layer-docAttachInfo .tabArea .tabList li a {position:relative;display:block;height:25px;padding-top:5px;font-size:13px;color:#6a747d;line-height:100%;}
.layer-docAttachInfo .tabArea .tabList li a.on {color:#ed1c24;font-weight:bold;}
.layer-docAttachInfo .tabArea .tabList li a.on:before {position:absolute;left:0;bottom:-1px;display:block;width:100%;height:3px;background-color:#ed1c24;content:'';}
.layer-docAttachInfo .tabArea .tabCont .tabPanel {display:none;}
.layer-docAttachInfo .squareListM > li {position:relative;margin-top:15px;padding-left:10px;color:#232a32;font-size:13px;line-height:1.5;}
.layer-docAttachInfo .squareListM > li:before {content:"";position:absolute;top:7px;left:0;width:3px;height:3px;background:#232a32;}
.layer-docAttachInfo .squareListM > li:first-child {margin-top:0;}
.layer-docAttachInfo .squareListM .roundOrderList {margin-top:5px;color:#6a747c;}
.layer-docAttachInfo .dashTxt {position:relative;margin-top:5px;padding-left:8px;font-size:12px;color:#6a747c;}
.layer-docAttachInfo .dashTxt:before {content:"-";position:absolute;top:-1px;left:0;}
.layer-docAttachInfo .dashTxt.type2 {line-height:1.2;}
.layer-docAttachInfo .case {margin-top:35px;font-size:12px;color:#6a747c;line-height:1.2;}
.layer-docAttachInfo .case .dashTxt {margin:3px 0 0 10px;}
.layer-docAttachInfo .case .subTxt {font-size:11px;}
.layer-docAttachInfo .roundOrderList > li {position:relative;padding-left:15px;}
.layer-docAttachInfo .roundOrderList > li .num {position:absolute;top:0;left:0;}

/* 증빙 서류 첨부 - 개인정보 수집 및 이용 안내 */
.layer-docAttachPrivacy .layerPopContent {font-size:12px;color:#6a747d;line-height:1.5;}
.layer-docAttachPrivacy .layerPopContent .iosScrollArea {padding:15px;box-sizing:border-box;}
.layer-docAttachPrivacy .layerPopContent h4 {margin:20px 0 2px;padding:0;font-size:12px;color:#232a32;font-weight:bold;line-height:1.2;}
.layer-docAttachPrivacy .layerPopContent h4:first-of-type {margin-top:0;}
.layer-docAttachPrivacy .layerPopContent .txt01 {margin-bottom:20px;}
.layer-docAttachPrivacy .layerPopContent .txt02 {font-weight:bold;color:#232a32;}
.layer-docAttachPrivacy .layerPopContent .dashList li {position:relative;padding-left:10px;}
.layer-docAttachPrivacy .layerPopContent .dashList li:before {content:"-";position:absolute;top:0;left:0;}
.layer-docAttachPrivacy .layerPopContent .space01 {margin-top:25px;}
.layer-docAttachPrivacy .layerPopContent .docSubmit {margin-top:25px;}
.layer-docAttachPrivacy .layerPopContent .docSubmit .dashList li:not(:first-of-type) {margin-top:7px;}

/* 롯데 그룹사 임직원 배너 */
.hm-mypage__staff-banner{padding:0 20px 14px;}
.hm-mypage__staff-banner .hm-heading--thick{margin:1.107em 0 0.72em;position:absolute;left:0;height:20px;}
.hm-mypage__staff-banner .swiper-container{padding-top:45px;}
.hm-mypage__staff-banner .swiper-slide{display:block;box-sizing:border-box;border-radius:5px;overflow:hidden;text-align:center;}
.hm-mypage__staff-banner .swiper-slide a{overflow:hidden;display:block;position:relative;padding-bottom:18.7%;}
.hm-mypage__staff-banner .swiper-slide a img{position:absolute;top:0;left:0;height:100%;}
.hm-mypage__staff-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;background-color:#ddd;opacity:1;}
.hm-mypage__staff-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ed4046;}
.hm-mypage__staff-banner .swiper-pagination{bottom:auto;left:auto;width:auto;right:-3px;top:15px;}

/* 임직원 인증 페이지 */
.hm-mypage__staff-confirm{color:#111;margin-bottom:30px;}
.hm-mypage__staff-confirm .hmn-divider-2{margin-left:0;margin-right:0;}
.hm-mypage__staff-confirm .hm-grid + .hm-grid{margin-top:15px;}
.hm-mypage__staff-agree .hm-mypage__staff-rules{line-height:17px;padding:20px;background:#f4f4f4;}
.hm-mypage__staff-agree .hm-mypage__staff-rules .hm-box__content > div + div{margin-top:17px;}
.hm-mypage__staff-agree .hm-mypage__staff-rules .hm-box{padding:10px 3px 10px 15px}
.hm-mypage__staff-agree .hm-box__content{padding:0 14px 0 0}
.hm-mypage__staff-confirm .hm-list{margin-top:35px;line-height:19px;}
.hm-mypage__staff-confirm .hm-list.hm-list--ul-disc > .hm-list__item::before{border-color:#888;top:5px;}
.hm-mypage__staff-confirm .hm-email__address .hm-input{font-size:16px;line-height:37px;}
.hm-mypage__staff-banner.hm-wide-fit .swiper-container{padding-top:35px;}
.hm-mypage__staff-banner.hm-wide-fit .swiper-pagination {top:10px;}


/* 배송지연 보상 신청 */
.delay_delivery .hm-checkbox-wrap{padding:15px;border-bottom:1px solid #e4e4e4;margin:0 -20px;}
.delay_delivery .hm-list-count-sort .hm-divider{margin:0;}
.delay_delivery .hm-table2{margin:10px 0;}
.delay_delivery .hm-list{margin:25px 0 30px;font-size:12px;color:#888;}
.delay_delivery .hm-list--ul-disc > .hm-list__item::before{border-color:#888;}
.delay_delivery .hm-grid__cell .hm-divider{margin:0;background-color:#eee;}
.delay_delivery .hm-period-search{margin-top:15px;border-top:1px solid #eee;border-bottom:none;}
.delay_delivery .hm-divider--thick{background:#eee;}
.delay_delivery .hm-btn-group__btn--active{border-color:#111;}
.delay_delivery .hm-list-count-sort__total-count{margin:25px 0 15px 0;}
.delay_delivery .hm-product-status__grid{border-bottom:none;}

/* 롯데오너스 가입 */
.hm-my-oners{margin:15px 0 60px;}
.hm-my-oners .hm-table1{margin:20px 0;}
.hm-my-oners .hm-table1 th,.hm-my-oners .hm-table1 td{padding:10px 0;}


/* 제품키 확인 레이어팝업  */
#layer-esdLicense .hm-result {padding-top:20px;background:url(../img/icon/recent-searches.png) no-repeat center 0;background-size:58px auto;}
#layer-esdLicense .hm-esdLicense__info-item {margin-top:22px;display:flex;flex-wrap:wrap;}
#layer-esdLicense .hm-esdLicense__info-item:first-of-type {margin-top:0;}
#layer-esdLicense .hm-esdLicense__info-name {width:28%;color:#555;font-weight:500;}
#layer-esdLicense .hm-esdLicense__info-inner {width:72%;}
#layer-esdLicense .hm-esdLicense__info-inner:first-of-type {margin-top:0;}
#layer-esdLicense .hm-esdLicense__info-inner .hm-btn {padding:0 6px;margin-left:10px;}
#layer-esdLicense .hm-esdLicense__info-tit {color:#111;font-size:16px;font-weight:bold;}
#layer-esdLicense .hm-esdLicense__info-cancel {color:#888;font-size:16px;font-weight:bold;}
#layer-esdLicense .hm-esdLicense__info-key {display:block;margin-top:7px;color:#111;font-size:12px;}
#layer-esdLicense .hm-product:last-child {border-bottom:none;}
#layer-esdLicense .hm-product-content {padding:18px 0 40px;}

/* (layout/mypage.css 에서 가져옴) */
.mypageOrd {font-size:12px;}
.mypageOrd.type2 .enterDelivery {padding:0;}

.enterDelivery .proDelivery>dd .enterDeList2>li {margin-top:0;}
.enterDelivery .proDelivery>dd .enterDeList>li:first-child {padding-top:0 !important;}
.enterDelivery .proDelivery>dd .enterDeList>li:first-child .cartListBox {border-top:0 !important;}

.cartListBox {position:relative;padding:0 10px;}
.cartListBox .inputChk {float:left;width:8%;}
.cartListBox .proLink {float:left;width:92%;}
.cartListBox .proLink:after {content:" "; display:block;clear:both;overflow:hidden;}
.cartListBox .proLink a {display:block;}
.cartListBox .proLink a:after {content:" "; display:block;clear:both;overflow:hidden;}
.cartListBox .proLink a.abBtnS{float:right; display:inline-block; margin-top:5px;}
.cartListBox .proLink .proImg {float:left;width:30%;}
.cartListBox .proLink .proImg span {display:block;}
.cartListBox .proLink .proImg span img {width:calc(100% - 2px); height:auto !important;border:1px solid #d3d3d5;}
.cartListBox .proLink .proCont {display:block;float:left;width:66%;padding:0 0 0 4%;}
.cartListBox .proLink .proCont:first-child {float:none;width:100%;padding:0 0 20px 0;}
.cartListBox .proLink .proCont .proTit {font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:16px;max-height:32px;vertical-align: baseline;}
.cartListBox .proLink .proCont span {display:block;}
.cartListBox .proLink .proCont .proModel {font-size:11px;color:#232a32;font-weight:bold;}
.cartListBox .proLink .proCont .proGift {margin:3px 0 0 0;color:#232a32; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.cartListBox .proLink .proCont .proGift.prdName{display:block; display:-webkit-box; white-space:pre-wrap; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.cartListBox .proLink .flagArea {clear:left;margin-top:5px;}
.cartListBox a.btnDeletePro {position:absolute;top:-5px;right:0;width:18px;height:18px;}
.today_service {position: relative; margin: 0 20px;}
.today_service .cartListBox::before{content: "";display: block;float: left;width: 29px;height: 29px;background: url(../img/mypage/ico_today_ex_arrow.svg);background-size: 24px 24px;}
.today_service .cartListBox{padding:16px 0 0 !important; display: flex;}
.today_service::before{content: '';display: block;border-top: 1px solid #ECECED;}
.today_service .abQuantityNew{margin-bottom: 12px;}
.today_service .cartListBox .proLink .proImg span{position: relative;}
.today_service .cartListBox .proLink .proImg span img{border: none;}
.today_service .cartListBox .proLink .proImg span:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.04);}
.today_service .cartListBox .proLink .proImg{float: none; width: 91px;}
.today_service .cartListBox .proLink a{display: flex;}
.today_service .cartListBox .proLink .hm-product-info{margin: 0 0 20px 10px; flex-basis: calc(100% - 103px);}
.today_service .hm-product-price{margin: 16px 0;}
.today_service .cartListBox .proLink .hm-product-info .hm-product-flag {margin-bottom:4px;}

.mypageOrd .cartListBox .proLink {position:relative;float:none;width:100%;margin-bottom:10px;}
.mypageOrd .cartListBox .proLink .abQuantityNew {position:absolute;bottom:10px;right:0;color:#232a32;font-size:15px;line-height:13px;}
.mypageOrd .cartListBox .proLink .abQuantityNew .abPriceNew {font-weight:bold;vertical-align: baseline;}
.mypageOrd .cartListBox .proLink .abQuantityNew .abQuan {font-size:12px;line-height:14px;vertical-align: baseline;}
.mypageOrd .cartListBox .btnOptArea {position:absolute;bottom:0;right:0;padding-top:30px;}
.mypageOrd .cartListBox .btnOptArea:after {content:"";display:block;clear:both;}
.mypageOrd .cartListBox .btnOptArea a.btnOpt {position:absolute;top:0;right:0;width:auto;height:12px;letter-spacing:-1px;padding:5px 7px;line-height:12px;color: #555;font-size:12px;border: 1px solid #ccc;background:#fff;border-radius:5px;}
.mypageOrd .cartListBox .btnOptArea .abQuantityNew {display:block;font-size:14px;letter-spacing:0;position:relative;bottom:auto;right:auto;vertical-align: baseline;}

.orDetailLicence {padding-top:10px;}
.orDetailBox .orDetailCont .orDetailAdrInfo {margin-bottom:10px;padding:5px 0 10px;border-bottom:1px solid #dadada;}
.orDetailBox .orDetailCont .orDetailAdrInfo:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0;}
.orDetailBox .orDetailCont .orDetailAdrInfo .orDetailAdrInfoTitle {margin-bottom:10px;font-size:14px;color:#232a32;}
.orDetailBox .orDetailCont .orDetailAdrInfo .orDetailAdrInfoDesc {margin-bottom:7px;font-size:12px;}
.orDetailBox .orDetailCont .orDetailAdrInfo .orDetailAdrInfoDesc em {color:#232a32;}
.orDetailBox .orDetailCont .orDetailAdrInfo dl {overflow:hidden;margin-bottom:7px;font-size:12px;}
.orDetailBox .orDetailCont .orDetailAdrInfo dl dt {float:left;vertical-align:top;color:#232a32;padding-right:15px;}
.orDetailBox .orDetailCont .orDetailAdrInfo dl dd {float:left;vertical-align:middle;}
.orDetailBox .orDetailNoti {margin-top:10px;}
.orDetailBox .orDetailNoti li {margin-bottom:7px;padding-left:7px;color:#6a747c;font-size:12px;line-height:14px;background:url('../images/icon/dot.gif') 0 5px no-repeat;background-size:2px;}
.orDetailBox .orDetailNoti li:last-child {margin-bottom:0;}
.orDetailBox .orDetailContLicense {padding:0;}
.orDetailBox .orDetailContLicense .licenseInfo li {border-bottom:1px solid #d7d7d7;}
.orDetailBox .orDetailContLicense .licenseInfo li:last-child {border-bottom:0;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoTitle {height:20px;line-height:20px;padding:10px;font-size:14px;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoTitle .emp {margin-left:15px;color:#ed161e;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoCont {margin:0 10px;padding:10px 0;border-top:1px solid #d7d7d7;color:#000;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoCont dl:first-child {padding-top:0;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoCont dl {display:table;width:100%;padding-top:10px;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoCont dl dt {display:table-cell;vertical-align:top;width:80px;line-height:18px;font-weight:bold;}
.orDetailBox .orDetailContLicense .licenseInfo li .licenseInfoCont dl dd {display:table-cell;vertical-align:top;line-height:18px;}

.orDetailBox {padding: 0 20px 0 20px;}
.orDetailBox .orDetailTitle {position:relative;height: 46px;line-height: 46px;margin:10px -20px 0;/* padding: 0 20px; */padding:  0 20px;font-size:14px;color:#232a32;font-weight: bold;background: #f4f4f4;border-top: 1px solid #888;}
.orDetailBox .orDetailTitle .odName {display:inline-block;width:calc(100% - 80px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.orDetailBox .orDetailTitle .btn2 {float:right;width:auto;height:12px;letter-spacing:-1px;padding:5px 7px;line-height:12px;font-size:12px;margin-top:-5px;background:#fff;border-radius:5px;color:#6a747c;border:1px solid #aeb3bb;font-weight:normal;text-decoration:none;}
.orDetailBox .orDetailTitle .btn1 {float:right;height:15px;padding:4px;margin-left:4px;border:1px solid #6a747c;line-height:15px;background:#6a747c;color:#fff;font-size:14px;font-weight:normal;margin-top:-5px;}

/* 마케팅 배너 */
.hm-mypage__marketing-banner .swiper-pagination {position:absolute;padding:0 8px;width:auto;left:auto;bottom:7px;right:20px;color:#fff;font-size:13px;height:16px;line-height:18px;letter-spacing:-1px;border-radius:9px;background:rgba(0,0,0,0.35);}
.hm-mypage__marketing-banner .swiper-slide > a {overflow:hidden;display:block;position:relative;padding-bottom:17.3%;}
.hm-mypage__marketing-banner .swiper-slide > a .hmn-thumb {position:absolute;height:100%;}

/* 영수증 */
.hm-receipt{margin:-25px -20px 0;}
.hm-receipt-top{padding:25px 0;text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #333;}
.hm-receipt-top h2{margin:0 0 5px;;font-size:23px;}
.hm-receipt-top span{font-size:12px;}
.hm-receipt-info{padding:15px 20px;}
.hm-receipt-info dl{position:relative;}
.hm-receipt-info dl:after {content:''; clear:both; display:block;}
.hm-receipt-info dt,
.hm-receipt-info dd{line-height:30px;}
.hm-receipt-info dt{clear:both; float:left; width:45%;}
.hm-receipt-info dd{float:right; width:55%;text-align:right;}
.hm-receipt-info .oneline {display: block; width: 100%; text-align: left;}
.hm-receipt-list{padding:20px 20px 40px;border-top:1px solid #ddd;}
.hm-receipt-list li{color:#888;font-size:12px;}
.hm-receipt-footer{padding:20px;color:#888;border-top:1px solid #ddd;background:#f7f7f7;}
.hm-receipt-footer p{margin:0 0 8px;font-size:13px;font-weight:bold;}
.hm-receipt-footer span{display:block;font-size:12px;line-height:19px;}
.hm-receipt-title{padding:18px 20px;border-bottom:1px solid #ddd;}
.hm-receipt-title h2{margin:0;font-size:16px;}
.hm-receipt-title + .hm-receipt-info{border-top: none !important;}
.hm-receipt-item-box{border-bottom:1px solid #ddd;}
.hm-receipt-item-box:last-child{border-bottom:0;}
.hm-receipt-multiple-item .hm-receipt-item-box{border-bottom:0;}
.hm-receipt-multiple-item .hm-receipt-item-box:last-child{border-bottom:1px solid #ddd;}
.hm-receipt-item-name{padding:15px 20px;}
.hm-receipt-item-name .hm-receipt-item-include {display:block; margin-top:9px; font-size:13px; color:#6a747c;}
.hm-receipt-item .hm-receipt-info{margin:0 20px;padding:15px 0;border-top:2px dotted #ddd;}
.hm-receipt-item .hm-receipt-info dt,
.hm-receipt-item .hm-receipt-info dd{line-height:27px;}
.hm-receipt-item.hm-receipt-serviceInfo .hm-receipt-info:first-child{border-top:none;}
.hm-receipt-package{margin:0 20px 12px;border-radius:4px;border:1px solid #ddd;border-top:0;font-size:12px;}
.hm-receipt-package .hm-receipt-item-name{color:#555;border-top:1px solid #ddd;}
.hm-receipt-item .hm-receipt-package .hm-receipt-info{border-top:0;padding:0 0 15px;}
.hm-receipt-item .hm-receipt-package .hm-receipt-info dt{color:#555;}
.hm-receipt-total{margin:5px 20px 0;padding:25px 0;border-top:1px dotted #ddd;display:flex;flex-wrap:wrap;align-items:center;}
.hm-receipt-total .hm-receipt-total-text,
.hm-receipt-total .hm-receipt-total-price{font-size:16px;font-weight:bold;}
.hm-receipt-total .hm-receipt-total-price{flex:1;text-align:right;}
.hm-receipt-seller{margin:0px 20px 25px;background-color: #f6f6f6;border-radius: 4px;padding: 15px 20px;}
.hm-receipt-seller .hm-receipt-seller-info{margin:0 0 12.5px; font-size:14px; font-weight:bold;}
.hm-receipt-seller dl{font-size:12px; color:#111;}
.hm-receipt-seller dl::after{content:''; display:block; clear:both;}
.hm-receipt-seller dl dt{float:left; width:45%; line-height:14.5px; color:#555; margin-top:10px;}
.hm-receipt-seller dl dd{float:right; width:55%; line-height:14.5px; text-align:right; margin-top:10px;}
.hm-receipt-seller dl dt:first-child{margin-top:0;}
.hm-receipt-seller dl dt:first-child + dd{margin-top:0;}

/* 주문배송상세 환불 계좌 */
.hm-order__paymentin-formation .hm-box--md > .hm-box__content + .hm-box__content {padding-top:20px;}
.hm-order__paymentin-formation .hm-table2 th,
.hm-order__paymentin-formation .hm-table2 td{padding:4px 0;}

/* 기념일 관리 */
.hm-anniversary-list .hm-viewmore-checkbox{position:relative;padding:18px 0;}
.hm-anniversary-list .hm-viewmore-checkbox .hm-viewmore-checkbox__content{padding-top:17px;}
.hm-anniversary-list .hm-viewmore-checkbox:after{content:'';position:absolute;bottom:0;left:-20px;width:100%;padding:0 20px;height:1px;background:#ddd;}
.hm-anniversary-list .hm-viewmore-checkbox__title{padding:0;}
.hm-anniversary-list .hm-viewmore-checkbox__emitor {width:30px;height:30px;margin-right:-10px;padding:0;}
.hm-anniversary-list .hm-viewmore-checkbox__emitor:before {right:0;top:1px;width:30px;height:30px;background:url(../img/icon/accordion-arrow_bottom_05.png) no-repeat center center;background-size:12px auto;}
.hm-anniversary-list .hm-viewmore-checkbox .hm-view-more__emitor--active:before {transform:rotate(-180deg);}
.hm-anniversary-list .common-policy {padding:5px 0 0;border-top: 1px solid #ddd;color:#888;}
.hm-anniversary-list-box {margin:10px 0 30px;}
.hm-anniversary-check-list {margin-bottom:17px;}
.hm-anniversary-check-list li {position:relative;margin-bottom:10px;overflow:hidden;}
.hm-anniversary-check-list label {position:relative;display:block;padding:22px 100px 21px 46px;height:20px;line-height:20px;border-radius:8px;border:1px solid #ddd;background:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:1;}
.hm-anniversary-check-list label [class*='icon-ann-'] {position:relative;padding-left:35px;color:#111;font-size:16px;font-weight:bold;}
.hm-anniversary-check-list input[type="checkbox"]:checked + label {border:1px solid #ed4046;}
.hm-anniversary-check-list input[type="checkbox"]{position: absolute; top: 23px; left: 15px; width: 19px; height: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; background: #fff url("../img/icon/checkbox-check.png") no-repeat center center; background-size: 11.5px auto; border: 1px solid #ddd; border-radius: 4px;outline:none;z-index:3;}
.hm-anniversary-check-list input[type="checkbox"]:checked{background: #ed4046 url("../img/icon/checkbox-checked.png") no-repeat center center; background-size: 11.5px auto; border: 1px solid #ed4046;opacity:1;}
.hm-anniversary-check-list input[type="radio"]{position:absolute; top:50%; left:10px; transform:translateY(-50%); width:19px; height:19px; -webkit-box-sizing:border-box; box-sizing:border-box; content:''; border:1px solid #ddd; border-radius:50%; background-color:#fff;-webkit-tap-highlight-color:transparent;outline:none;z-index:3;}
.hm-anniversary-check-list input[type="radio"]:before{position:absolute; top:4px; left:4px; width:9px; height:9px; content:''; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#eee; border:0; border-radius:50%;}
.hm-anniversary-check-list input[type="radio"]:checked{border-color:#ed4046;background-color:#ed4046;}
.hm-anniversary-check-list input[type="radio"]:checked:before{background-color:#fff;}
.hm-anniversary-check-list input[type="radio"]:checked + label {border:1px solid #ed4046;background:#fff;}
.hm-anniversary-check-list .hm-anniversary-date {position:absolute;right:20px;top:22px;height:20px;line-height:20px;color:#999;}

[class*='icon-ann-']:before {content:'';position:absolute;top:50%;left:3px;transform:translateY(-50%);width:30px;height:30px;}
.icon-ann-birthday:before {background:url(../img/icon/icon-ann-birthday.svg) no-repeat;background-size:30px auto;}
.icon-ann-wedding:before {background:url(../img/icon/icon-ann-wedding.svg) no-repeat;background-size:30px auto;}
.icon-ann-childbirth:before {background:url(../img/icon/icon-ann-childbirth.svg) no-repeat;background-size:30px auto;}
.icon-ann-first-birthday:before {background:url(../img/icon/icon-ann-first-birthday.svg) no-repeat;background-size:30px auto;}
.icon-ann-admission:before {background:url(../img/icon/icon-ann-admission.svg) no-repeat;background-size:30px auto;}
.icon-ann-etc:before {background:url(../img/icon/icon-ann-etc.svg) no-repeat;background-size:30px auto;}

.hm-anniversary-modify{display:none;overflow:hidden;}
.hm-anniversary-check-list .hm-anniversary-check-active label,
.hm-anniversary-check-list .hm-anniversary-check-active input[type="checkbox"]:checked + label{border:none;}
.hm-anniversary-check-list .hm-anniversary-check-active label:after {content:'';position:absolute;bottom:0;left:16px;width:calc(100% - 32px);height:1px;background:#ddd;}
.hm-anniversary-check-active {border:1px solid #ed4046;border-radius:8px;}
.hm-anniversary-check-active .hm-anniversary-modify{display:block;animation-duration:1s; animation-name:slidein;}
@keyframes slidein {
  from {
    margin-top: -50%;
  }

  to {
    margin-top: 0%;
  }
}
.hm-anniversary-modify{margin:0 16px;padding:20px 0;}
.hm-anniversary-modify .hm-date-field__item{text-align:left;padding-left:36.5px;}
.hm-anniversary-modify .hm-btns{margin-top:20px !important;}

.hm-anniversary-bottom-btns { position: fixed; bottom: 78px; bottom: calc( 78px + constant(safe-area-inset-bottom)); bottom: calc( 78px + env(safe-area-inset-bottom)); left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); text-align: center; z-index: 100; }
.hm-anniversary-bottom-btns-box {display:flex; flex-wrap:nowrap; justify-content:center; padding:0 8px; background-color: #ed4046; border-radius: 20px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);}
.hm-anniversary-bottom-btns-box a { position:relative; height: 40px; padding: 10px; box-sizing: border-box;  line-height: 20px; color: #fff; }
.hm-anniversary-bottom-btns-box a:first-child:after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#fff;}

/* 기념일 관리 - 기념일 등록 레이어팝업 */
.hm-anniversary-popup .hm-anniversary-add {padding:5px 20px 16px;}
.hm-anniversary-popup .hm-anniversary-check-list {margin-bottom:17px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.hm-anniversary-popup .hm-anniversary-check-list li {position:relative;flex-basis:calc(50% - 4px);margin-bottom:8px;overflow:initial;}
.hm-anniversary-popup .hm-anniversary-check-list li label {display:block;padding:13px 0 13px 32px;border-radius:4px;border:1px solid #f2f2f2;background:#f2f2f2;}
.hm-anniversary-popup .hm-anniversary-check-list li label span {position:relative;padding-left:36px;font-size:14px;font-weight:normal;}
.hm-anniversary-add .hm-date-field__item{text-align:left;padding-left:36.5px;}
.hm-anniversary-add .hm-date-field input[type="text"]::-webkit-input-placeholder{color:#888;}
.hm-anniversary-add .hm-date-field input[type="text"]::-moz-placeholder{color:#888;}
.hm-anniversary-add .hm-date-field input[type="text"]:-ms-input-placeholder{color:#888;}
.hm-anniversary-add .hm-date-field input[type="text"]:-moz-placeholder{color:#888;}
@media screen and (max-width:320px) {
  .hm-anniversary-popup .hm-anniversary-check-list li label {padding:13px 0 13px 26px}
  .hm-anniversary-popup .hm-anniversary-check-list li label span {padding-left:30px;font-size:13px;}
  .hm-anniversary-popup [class*='icon-ann-']:before {width:26px;height:26px;background-size:contain;}
}

/* 지점방문 신청내역 */
.hm-apply-visit__wrap .hm-list-count-sort__total-board-count {margin-top:0;}
.hm-apply-visit__list-wrap {border-top:1px solid #d4d4d4;}
.hm-apply-visit__list > li {position:relative;padding:20px;border-bottom:1px solid #e4e4e4;}
.hm-apply-visit__list > li:before {content:"";position:absolute;top:50%;right:24px;width:9px;height:16px;background:url(../img/icon/href-arrow_right_08.png) no-repeat 0 0;background-size:100%;transform:translateY(-50%);}
.hm-apply-visit__list-state {font-size:13px;color:#ed4046;}
.hm-apply-visit__list-link {display:block;padding-top:15px;}
.hm-apply-visit__list-name {font-size:15px;font-weight:bold;color:#111;}
.hm-apply-visit__list-date {font-size:13px;color:#888;}
.hm-apply-visit__no-item .hm-result {color: gray;padding-top: 65px;background: url("../img/icon/category-smartpick-none.png") no-repeat center 50px;background-size: 58px auto;}
.hm-apply-visit__location-table {padding:15px 20px;}
.hm-apply-visit__location-table .hm-table2 th {font-weight:bold;}
.hm-apply-visit__location-table tr:nth-child(1) td,
.hm-apply-visit__location-table tr:nth-child(2) td {padding:0;}
.hm-apply-visit__bottom-btn .hm-btn {height:70px;font-size:21px;border-radius:0;line-height:70px;}

/* 톡 상담내역 */
.hmn-text-seller-talk{font-size:12px;margin-right:8px;}
.hm-product .hmn-text-seller-talk{display:inline-block;line-height:18px;vertical-align:text-bottom;margin-right:6px;}
.hm-product .hmn-text-seller-talk + .hm-btn--red{margin-top:0px !important;}

/* 로그아웃 Btn */
.hm-mypage__logout {margin:20px 0;padding:0 22px;text-align:left;padding-bottom:112px;}
.hm-mypage__logout-btn {position:relative;padding:9px 12px;border:1px solid #e3e3e4;border-radius:100px;background-color:#fff;color:#111;line-height:14px;font-weight:400;}

/* 영상상담 서비스 9월초 배포예정 */
.hm-video-advice .hm-list-count-sort {margin:0 -20px;padding:0 20px;}
.hm-video-advice .hm-list-count-sort__total-board-count {margin-top:10px;}
.hm-video-advice .hm-list-count-sort__total-board-count span {display:block;height:18px;line-height:18px;}
.ios .hm-video-advice .hm-list-count-sort__total-board-count span {line-height:20px;}
.hm-video-advice .no-data {position:relative;padding:205px 0 100px;margin:0 -20px;border-top:1px solid #e4e4e4;color:#888; text-align:center; background: url(../img/icon/write-nodata.png) center 120px no-repeat; background-size:58px;}
.hm-video-advice__list {margin:0 -20px;border-top:1px solid #e4e4e4;}
.hm-video-advice__list li {border-bottom:1px solid #e4e4e4;}
.hm-video-advice__list li a {display:block;padding:20px;}
.hm-video-advice__list-info {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:10px;}
.hm-video-advice__list-date {color:#888;}
.hm-video-advice__list-status {color:#ed4046;}
.hm-video-advice__list-box,
.hm-video-advice__list-product {position:relative;padding-right:25px;}
.hm-video-advice__list-box:after,
.hm-video-advice__list-product:after {content:'';position:absolute;right:0;top:50%;transform: translateY(-50%);width:6px;height:11px;background:url(../img/icon/href-arrow_right_14.png) no-repeat 0 0;background-size:100%;}
.hm-video-advice__list-brand {margin-bottom:6px;font-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.hm-video-advice__list-brand span {position:relative;font-size:14px;color:#111;}
.hm-video-advice__list-brand span + span {margin-left:6px;padding-left:6px;}
.hm-video-advice__list-brand span + span:after {content:'';position:absolute;left:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#ddd;}
.hm-video-advice__list-number {color:#888;}
.hm-video-advice__list-product {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:10px 0 0;}
.hm-video-advice__list-product-img {width:70px;height:70px;}
.hm-video-advice__list-product-name {width:calc(100% - 106px);margin:0 25px 0 10px;line-height:20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:break-all;}
.hm-video-advice__list-product .hm-video-advice__list-number {width:100%;margin-top:10px;}
.hm-video-advice .hm-btn-more {margin-bottom:20px;}
.hm-video-advice .hm-btns {margin-top:20px;}
/* 영상상담 내역 상세 */
.hm-video-advice .hm-order__order-information .hm-text-color-red {color:var(--com-point-color) !important;word-break: keep-all;}
.hm-video-advice__list .hm-order__location-table {padding:12px 20px;}
.hm-video-advice__chatting {padding:20px 0 24px;margin-bottom:20px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.hm-video-advice__chatting-title {margin-bottom:12px;}
.hm-video-advice__chatting-box {padding:16px;height:386px;border-radius:4px;background:#111;overflow:auto;}
.hm-video-advice__chatting-left {display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px;text-align:left;}
.hm-video-advice__chatting-right {display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;align-items:flex-end;flex-direction:row-reverse;margin-bottom:16px;text-align:right;}
.hm-video-advice__chatting-counselor {max-width:210px;position:relative;display:inline-block;margin-right:6px;padding:12px 15px;line-height:20px;color:#fff;border-radius:6px;border-top-left-radius:0;background:#383838;}
.hm-video-advice__chatting-counselor:before {content:'';display:inline-block;border-top:7px solid #383838;border-left:10px solid #0000;position:absolute;top:0;left:-7px;z-index:1;}
.hm-video-advice__chatting-me {max-width:210px;position:relative;display:inline-block;margin-left:6px;padding:12px 15px;line-height:20px;color:#fff;text-align:right;border-radius:6px;border-top-right-radius:0;background:#ff8394;}
.hm-video-advice__chatting-me:before {content:'';display:inline-block;border-top:7px solid #ff8394;border-right:10px solid #0000;position:absolute;top:0;right:-7px;z-index:1;}
.hm-video-advice__chatting-time {flex:1;color:#888;font-size:10px;}
.hm-video-advice__chatting .no-data {border-top:0;}
.hm-video-advice__product {padding:20px 20px 0;border-top:1px solid #e6e6e6;}
.hm-product-detail__link {border-radius:4px;border:1px solid #e6e6e6;}
.hm-product-detail__link .hm-video-advice__list-product {margin-top:0;}
.hm-product-detail__link-product {position:relative;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.hm-product-detail__link-product:after {content:'';position:absolute;right:12px;top:50%;transform: translateY(-50%);width:6px;height:11px;background:url(../img/icon/href-arrow_right_14.png) no-repeat 0 0;background-size:100%;}
.hm-product-detail__link-product-img {position:relative;width:70px;height:70px;}
.hm-product-detail__link-product-img:after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.05;}
.hm-product-detail__link-product-name {width:calc(100% - 102px);margin:0 20px 0 12px;line-height:20px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break:break-all;}
.hm-video-advice__product + .hm-video-advice__list {border-top:0;}
@media screen and (max-width:320px){
  .hm-video-advice__chatting-counselor,
  .hm-video-advice__chatting-me {max-width:160px;}
}

/* 주문내역상세 - 트레이드인 신청내역 */
.hm-product.tradeInProgram .hm-product-head div.hm-grid__cell{display: flex;}
.hm-product.tradeInProgram .hm-product-head .hm-tooltip{width: 18px; height: 18px; margin: auto 4px; font-size:0; color: transparent;}
.hm-product.tradeInProgram .hm-order__trade-history{padding: 0px 20px}
.hm-product.tradeInProgram .trade-history__inner{justify-content: space-between; width: 100%; margin-bottom: 25px; padding: 14px 14.5px 12px; background-color: #f4f4f4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; font-size: 13px;}
.hm-product.tradeInProgram .trade-history__inner-title{vertical-align: top; text-align: left; font-weight: bold; color: #111; letter-spacing: -1px;}
.hm-product.tradeInProgram .trade-history__inner-notice{color: #555; letter-spacing: -1px;}
.hm-product.tradeInProgram .tradeInBanner {margin-top:10px;}
.hm-order__trade-history__none{margin: 0 0 20px}
.hm-order__trade-history__none .trade-history__inner{width: 100%; padding: 14px 14.5px 12px; background-color: #f4f4f4; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; font-size: 13px;}
.hm-order__trade-history__none .trade-history__inner-title{padding: 6px 0; vertical-align: top; text-align: left; font-weight: bold; color: #111; letter-spacing: -1px;}
.hm-order__trade-history__none .trade-history__inner-notice{color: #555; letter-spacing: -1px;}
.hm-order__delivery {margin-top:-2px;}
.hm-order__delivery + .hm-order__delivery {margin-top:16px;}
.hm-order__delivery-noti {margin:6px 0 0;padding:15px 18px;font-size:12px;color:#111;border-radius:4px;background-color:#f8f8f8;}
#layer-deliveryChange .hm-layer-popup__scroll {padding-top:0;}
.hm-order__delivery-data {display:inline-block;height:23px;line-height:22px;}

/* 주문내역 구매확정 툴팁 */
.hm-tooltip--confirm{display: block;position: absolute;top: 49px;left: -2px;border:1px solid #5294ee;border-radius:4px;background:#fff;padding:7px 35px 5px 7px;text-align:center;width: 180px;}
.hm-tooltip--confirm p{margin:0;font-size:12px;color:#5294ee;}
html.android .hm-tooltip--confirm > p{margin-top:-1px;}
.hm-tooltip--confirm .hm-tooltip-bubble-arrow{width:8px;height:7px;background:url(../img/icon/tooltip_arrow.png) no-repeat;position:absolute;background-size:100% auto;margin-left:-4px;}
.hm-tooltip--confirm.hm-tooltip-bubble-down{margin-top:2px;}
.hm-tooltip--confirm.hm-tooltip-bubble-down .hm-tooltip-bubble-arrow{top:-7px;transform:rotate(-180deg);}
.hm-tooltip--confirm .hm-tooltip-bubble-close{position:absolute;top:4px;right:3px;text-indent:-9999em;background:url(../img/icon/tooltip_close.png) no-repeat 8px 50%;width:25px;height:18px;background-size:12px auto;border:none;padding:3px 3px 3px 7px;border-left:1px solid #ddd;}
html.android .hm-tooltip--confirm .hm-tooltip-bubble-close{background-position:7px 50%;}

/* 마이롯데 - 쇼핑혜택 알림함 페이지 */
.shopping-benefit-notice_list{margin-top: -15px;}
.shopping-benefit-notice_list .list-item{background-color: #fff;}
.shopping-benefit-notice_list .list-item.unread{background-color: #fffafa}
.shopping-benefit-notice_list .list-item .list-item__inner{margin-right: 20px; margin-left: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #eee;}
.shopping-benefit-notice_list .list-item:first-child .list-item__inner{border-top: none;}
.shopping-benefit-notice_list .list-item__header{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between;}
.shopping-benefit-notice_list .list-item__header .list-flag{display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; height: 20px; line-height: 19px; padding: 0 6px 2px; border-radius: 4px; border: 1px solid #fed1d1; color:var(--com-point-color); font-weight: 600;}
html.ios .shopping-benefit-notice_list .list-item__header .list-flag{height: 20px; line-height: 19px;}
.shopping-benefit-notice_list .list-item__header .list-date{font-size: 12px; color: #888;}
.shopping-benefit-notice_list .list-item__content {margin-top: 10px;}
.shopping-benefit-notice_list .list-item__content .list-item__text-link{display: flex; width: 100%; height: auto;}
.shopping-benefit-notice_list .list-item__content .list-item__text-area{width: calc(100% - 35px); height: auto;}
.shopping-benefit-notice_list .list-item__content .list-item__title{margin: 0px; font-size: 17px; color: #111; font-weight: bold; line-height: 23.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.shopping-benefit-notice_list .list-item__content .list-item__sub{position:relative; margin: 4px 0 0 0; font-size: 13px; font-weight: normal;color: #111; line-height: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.shopping-benefit-notice_list .list-item__content .list-item__sub.unfold{line-height: 17px; overflow: visible; text-overflow:clip; display: block; -webkit-line-clamp: none; -webkit-box-orient:inline-axis;}
.shopping-benefit-notice_list .list-item__content .view-more{display: inline-block; position:relative; width: calc(100% - (100% - 35px)); height: auto; font-size:0; color: transparent; margin-top: 27.5px;}
.shopping-benefit-notice_list .list-item__content .view-more.none{display: none;}
.shopping-benefit-notice_list .list-item__content .view-more::before{content: ''; position: absolute; right: 0; top: calc(50% - 3.5px);width: 13px; height: 7px; background: url("../img/icon/arrow_view-more_bottom.png") no-repeat center center; background-size: 100% auto;}
.shopping-benefit-notice_list .list-item__content .view-more__complete::before{content: ''; position: absolute; right: 0; top: calc(50% - 6.5px);width: 7px; height: 13px; background: url("../img/icon/arrow_view-more_right.png") no-repeat center center; background-size: 100% auto;}
.shopping-benefit-notice_list .list-item__visual{position: relative; width: 100%; height: 100%; margin-top: 10px;}
.shopping-benefit-notice_list .list-item__visual a{display: block; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.shopping-benefit-notice_list .list-item__visual a img{display:block; width: 100%; height: 100%; object-fit: cover;}
.shopping-benefit-notice_list_empty{position: relative; height: calc(100vh - 140px); background-color: #fff;}
.shopping-benefit-notice_list_empty .hm-benefit-notice__contents{position: absolute; top: 40%; left: 0; right: 0; transform: translateY(-50%); text-align: center;}
.shopping-benefit-notice_list_empty .hm-benefit-notice__text{font-size: 14px; color: #888;}

/* 푸터 간격 조정 테스트 중 */
#videoContentList {margin-bottom:-30px;}

/* 주문배송 상세 상품금액 수정 */
.hm-product__info-wrap:after{content:'';display:table;clear: both;}
.hm-product__info-wrap .hm-product-info {margin: 0 0 7px 6px;}
.hm-product__info-wrap .hm-product-option--margin-top {margin: 7px 0 -13px;}
.hm-product__info-wrap + .hm-product-price{margin: 16px 0;}
.hm-product__info-wrap + .hm-product-price + .hm-grid__cell {padding:0;}
.hm-order__price-label{font-size: 13px;color: #111;line-height: 17px;width: 100%;}
.hm-order--detail-refund .hm-product-price .hm-text-align-right > span{font-size:13px;line-height:17px;vertical-align:top;}
.hm-order--detail-refund .hm-product-price .hm-text-align-right > span b {display:inline-block;height:17px;line-height:17px;vertical-align:top;}
.hm-order__product-include-option .hm-paragraph{word-break: keep-all;}

/* 교환권 노출 선배포가능 */
.hm-layer-coupon-barcode .hm-layer-popup {max-width: 340px;margin: 0 auto;}
.hm-coupon-barcode__area .hm-coupon-barcode__img {max-width: 262px;margin: 0 auto;line-height: 0;}
.hm-coupon-barcode__area .hm-coupon-barcode__img img {width: 100%;}
.hm-coupon-barcode__area .hm-coupon-barcode__number {margin-top:3px;font-size: 16px;font-weight: 300;color: #111;letter-spacing: -.6px;line-height: 1.25;}
.hm-coupon-barcode__noti {border-top:1px solid #e5e5e5;padding:15px 5px;}

/* 렌탈시스템 */
.hm-rts-detail__info {padding: 15px 20px;}
.hm-rts-detail__info li {line-height: 32px;color: #111111;}
.hm-rts-detail__list li {border-bottom: 1px solid #e4e4e4;}
.hm-rts-detail__list li:last-child {border: none;}
.hm-rts-detail__box {padding: 15px 20px;}
.hm-rts-detail__name {font-size: 12px;color: #555555;margin-bottom: 5px;}
.hm-rts-detail__price {font-size: 12px;color: #111111;}

.hm-hd__myDetail {border-radius: 10px;border:1px solid #e4e4e4;padding: 10px;margin: 10px 0;}
.hm-hd__myDetailInfo {margin-top: 7px;}
.hm-hd__myDetailInfo li {font-size: 13px;}
.hm-hd__myDetailNm {font-weight: bold;font-size: 15px !important;margin: 10px 0 4px;letter-spacing: -1px;color: #111111;}
.hm-hd__myDetailEtc {color: #888;}

/* Apple Trade-In 추가보상 */
.tradeInProgram .mobileTradeBanner {margin-top:20px;}
.tradeInProgram .mobileTradeBanner a {display:block;}
.tradeInProgram .mobileTradeBanner a img {vertical-align:top;}

/* 37720 홈 서비스 구매 여정 내 넛징 추가 */
.hm-mypage__txtBanner {padding: 2px 15px 12px;}
.hm-mypage__txtBanner-box {position: relative; padding: 16px 33px 16px 24px; border: 1px solid #eaf2f7; border-radius: 10px; background-color: #f0f9ff;}
.hm-mypage__txtBanner .hm-mypage__txtBanner-txt {margin: 0; font-size: 14px; line-height: 20px; color: #111;}
.hm-mypage__txtBanner .hm-mypage__txtBanner-more-btn {padding: 0; border: none; background-color: transparent; font-size: 14px; font-weight: bold; line-height: 20px; color: #111; text-decoration: underline;}
.hm-mypage__txtBanner .hm-mypage__txtBanner-close-btn {position: absolute; top: 7px; right: 7px; width: 26px; height: 26px; padding: 0; border: none; background: transparent url(../img/icon/delete-gray01.png) no-repeat 50% 50%; background-size: 9px 9px;}

.popup-home-service-guide {padding: 15px 0 25px;}
.popup-home-service-guide__txt {margin: 0; font-size: 16px; text-align: center; line-height: 24px; color: #111;}
.popup-home-service-guide__txt .nickname {display: block; margin-bottom: 8px; line-height: 21px;}
.popup-home-service-guide__feature {margin-top: 30px; padding: 35px 0 38px; border: 1px solid #eee; border-radius: 5px; background-color: #fafafa; text-align: center;}
.popup-home-service-guide__logo {display: inline-block; width: 118px;}
.popup-home-service-guide__feature-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 333px; margin: 30px auto 0;;}
.popup-home-service-guide__feature-list li {display: inline-block; -ms-flex-preferred-size: 42%; flex-basis: 42%; font-size: 0; line-height: 0; vertical-align: top;}
.popup-home-service-guide__feature-list li:nth-of-type(n+3) {margin-top: 30px;}
.popup-home-service-guide__feature-list .popup-home-service-guide__feature-thumb {width: 63px; margin: 0 auto;}
.popup-home-service-guide__feature-list .popup-home-service-guide__feature-txt {margin: 15px 0 0 0; font-size: 14px; line-height: 19px; color: #111;}
.popup-home-service-guide__feature-list .popup-home-service-guide__feature-txt .sub-txt {display: block; color: #888;}
.popup-home-service-guide__title {display: block; margin: 40px 0 0 0; font-size: 16px; font-weight: bold; text-align: center; line-height: 20px; color: #000;}
.popup-home-service-guide__usage {margin-top: 18px;}
.popup-home-service-guide__usage-list li {padding: 21px 16px; border: 1px solid #d4d4d4; border-radius: 5px;}
.popup-home-service-guide__usage-list li + li {margin-top: 12px;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-product-info {display: -webkit-box; display: -ms-flexbox; display: flex;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-thumb {width: 80px; height: 80px;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-info {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; width: calc(100% - 92px); margin-left: 12px;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-info .product-name {display: block; display: -webkit-box; overflow: hidden; max-height: 34px; line-height: 17px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; word-wrap: break-word; font-size: 14px; font-weight: normal; color: #111;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-info .sub-info {-ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 4px;}
.popup-home-service-guide__usage-list .sub-info p {margin: 0; font-size: 13px; line-height: 18px; color: #888;}
.popup-home-service-guide__usage-list .recommended-cycle .emphasis {font-style: normal; color: #f0354d;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-btn-link {margin-top: 12px; border: 1px solid #ccc; border-radius: 4px; background-color: #fafafa; text-align: center;}
.popup-home-service-guide__usage-list .popup-home-service-guide__usage-btn-link a {display: block; font-size: 14px; line-height: 35px; color: #111;}

@media screen and (max-width: 319px) {
  .popup-home-service-guide__feature-list {width: 238px;}
  .popup-home-service-guide__feature-list li:nth-of-type(2n) {margin-left: 0;}
  .popup-home-service-guide__usage-list .sub-info p {font-size: 12px;}
}

/* 37590 이전설치 일반 상품 전환 */
.hm-order__price-label.hm-text-color-dark-gray {color: #555;}
.hm-order__price-sub-label {font-size: 12px; line-height: 15px; color: #555;}

/* 마이롯데 > 주문내역 */
.hm-order-history__search-condition .hm-btn {line-height: 13px;}
.hm-order-history__search-condition .hm-btn span {font-size: 11px;}
.hm-order-history .hm-order-history__list-item .hm-order-history__product-thumb {width: 65px; height: 65px;}
.hm-order-history .hm-order-history__list-item .hm-order-history__product-cont .hm-order-history__product-desc-area {margin-bottom: 6px;}
.hm-order-history .hm-order-history__list-item .hm-order-history__product-cont .hm-btns--divider-xm {margin: 20px 0 0;}
.hm-order-history .hm-order-history__list-item .hm-order-history__product-cont .hm-btns--divider-xm .hm-btn {height: 36px;}
.hm-order-history .hm-order-history__list-item .hm-order-history__product-cont {padding: 15px 0;}
.hm-order-history .hm-order-history__list-item .hm-order-history__product-cont:last-child {padding: 15px 0 20px;}

/* 마이롯데 > 주문내역 (세트상품 배너) */
.hm-order-history__list .hm-order-history__prd-set {margin-top:12px;background-color: #fff;border-radius: 9px;}
.hm-order-history__list .hm-order-history__prd-set .prd-set__link {display: flex;padding: 17px 30px 17px 14px;position: relative;align-items:center;box-sizing:border-box}
.hm-order-history__list .hm-order-history__prd-set .prd-set__guide-icon {width: 18px;height: 18px;display: inline-block;margin-right: 8px;}
.hm-order-history__list .hm-order-history__prd-set .prd-set__link::after {content: "";display: inline-block;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 7px;height: 11px;background: url(../img/icon/mypage_arr-right.png) no-repeat center center;background-size: 100% auto;}
.hm-order-history__list .hm-order-history__prd-set .prd-set__link span {font-size: 14px;font-weight: 400;color: #111;}

/* 마이롯데 > 주문내역 (소모품) */
.hm-order-history__list .hm-order-history__prd-set.consumables {}
.hm-order-history__list .hm-order-history__prd-set.consumables .prd-set__guide-icon {margin-right:9px;width:16px;height:16px;}

/* 마이롯데 > 세트상품 혜택 내역 */
.prd-set_benefit .hm-order-history__sub-title {padding-left: 8px;}
.prd-set_benefit .hm-order-history__sub-title .sub-title_txt{font-size: 14px;font-weight: 400;color: #111;}
.prd-set_benefit .hm-order-history__sub-title .sub-title_txt::before{display: inline-block;position: absolute;top: 8px;left: 0;width: 2px;height: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid #111;border-radius: 50%;content: '';}
.prd-set_benefit .hm-order-history__list-item {padding:0px 15px 20px;margin-top: 20px;}
.prd-set_benefit .hm-order-history__list-item + .hm-order-history__list-item {margin-top: 20px;}
.prd-set_benefit .hm-order-history__list-item .hm-order-history__product-cont {padding: 15px 0 0;}
.prd-set_benefit .hm-order-history__list-item .hm-order-history__product-cont + .hm-order-history__product-cont {padding: 19px 0 0;}
.prd-set_benefit .hm-order-history__list-item .hm-order-history__package__link {display: inline-block;width: 100%;height: 100%;}
.prd-set_benefit .hm-order-history__list-item .hm-order-history__product-head {padding-top: 2px;}
.prd-set_benefit .hm-order-history__list-item .hm-order-history__product-head .hm-order-history__package__link {display: flex;align-items: center;padding: 14px 0 16px;font-size: 0;line-height: 0;}
.prd-set_benefit .hm-order-history__sub-title .sub-title_txt {display: inline-block;position: relative;font-size: 14px;font-weight: 400;color: #111;padding-left: 8px;}
.prd-set_benefit .hm-order-history__package-flag {display: inline-block;font-size: 12px;font-weight: 400;padding: 0 6px;border-radius: 2px;margin-right: 8px;width: auto;height: 20px;line-height: 20px;}
.prd-set_benefit .hm-order-history__package-flag.on-flag {color: #1C7ED6;background-color: #E7F5FF;}
.prd-set_benefit .hm-order-history__package-flag.off-flag {color: #5A5A5A;background-color: #ECECED;}
.prd-set_benefit .hm-order-history__package-flag.on-flag::after {content: "";display: inline-block;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);width: 5px;height: 9.5px;background: url(../img/icon/href-arrow_right.png) no-repeat center center;background-size: 100% auto;}
.prd-set_benefit .hm-order-history__package-title {display: inline-block;font-size: 14px;font-weight: 700;color: #111;}
.prd-set_benefit .hm-order-history__product-cont + .hm-order-history__product-cont {border-top: none;}
.prd-set_benefit .hm-order-history__package-date {font-size: 13px;font-weight: 700;color: #707070;letter-spacing: -1;}
.prd-set_benefit .hm-order-history__product-thumb:after {content: none;}
.prd-set_benefit .hm-order-history__product-info__name {font-size: 15px;font-weight: 400;color: #111;}
.prd-set_benefit .hm-order-history__product-total {border: 1px solid #CCCCCC;border-radius: 4px;padding: 20px 16px;margin-top: 30px;}
.prd-set_benefit .hm-order-history__total_lpoint {display: flex;justify-content: space-between;margin: 0;padding-top: 11px;}
.prd-set_benefit .hm-order-history__total_lpoint:first-child {padding-top: 0px;}
.prd-set_benefit .hm-order-history__total_lpoint span {font-size: 14px;font-weight: 400;color: #111;}
.prd-set_benefit .hm-order-history__total_lpoint em {font-style: normal;font-weight: 700;}
.prd-set_benefit .hm-order-history__total_lpoint .font-color-blue em {color: #339AF0;}
.prd-set_benefit .hm-order-history__notice {padding: 22px 22px 40px;}
.prd-set_benefit .hm-order-history__notice .hm-list {font-size: 13px;font-weight: 400;color: rgba(66, 66, 66, .6);}
.prd-set_benefit .hm-order-history__notice .hm-list--ul-disc > .hm-list__item {line-height: 20px;padding: 0 0 0 19px;margin-bottom: 4px;}
.prd-set_benefit .hm-order-history__notice .hm-list--ul-disc > .hm-list__item:last-child {margin-bottom: 0px;}
.prd-set_benefit .hm-order-history__notice .hm-list--ul-disc > .hm-list__item::before {display: inline-block;position: absolute;top: 8px;left: 6px;width: 2px;height: 2px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 1px solid rgba(66, 66, 66, .6);border-radius: 50%;content: '';}

/* 마이롯데 개편 */
.section-mypage {font-weight:400;}
.section-mypage .hm-mypage-main {position:relative;background-color:var(--hi-bg-black2);}
.section-mypage .hm-mypage-main .hm-header__darkmode {position:relative;}
.section-mypage .hm-mypage-main .hm-header__darkmode:after {content:'';position:fixed;bottom:0;left:0;width:100%;height:600px;background-color:var(--hi-bg-white);}
.hm-mypage__user-info {position:relative;padding:22px 22px 0;border-bottom:var(--hi-border-f4-8);background-color:var(var(--hi-bg-white));}
.hm-mypage__user-info-title {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:8px;z-index:1;}
.hm-mypage__user-info-title.edumall-user {flex-wrap: wrap;}
.hm-mypage__user-info-title.edumall-user .hm-mypage__user-name {padding-right: 32px;}
.hm-mypage__user-info-title.edumall-user .hm-mypage__user-name::after {content: '';display: block;position: absolute;top: 0;right: 0;width: 24px;height: 24px;background: url(../img/mypage/ico_mypage_edumall_auth.svg) no-repeat center center;background-size: 100% auto;}
.hm-mypage__user-info-title.edumall-user .hm-mypage__user-gride__wrap {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap: 0 8px;width: 100%;height: 40px;margin-top: 8px;}
.hm-mypage__user-name {position:relative;margin:0 8px 0 0;line-height:28px;font-size:var(--hi-fs-heading3);line-height:var(--hi-fs-heading3);font-weight:var(--hi-font-w400);color:var(--hi-text-white);font-family:var(--hi-ff-hama);}
.hm-mypage__user-button {padding:2px 8px;height:20px;line-height:20px;border-radius:20px;font-size:var(--hi-fs-detail1);color:var(--hi-text-white);font-weight:var(--hi-font-w500);background-color:#1C1C1C;}
.hm-mypage__user-button span {position:relative;padding-right:12px;}
.hm-mypage__user-button span:after {content:'';position:absolute;top:50%;margin-top:-1px;right:2px;width:5px;height:5px;border:1px solid #AAAEAE;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);}
.hm-mypage__user-button strong {font-weight:var(--hi-font-w500);}
.hm-mypage__user-gride {position:relative;display:flex;flex-wrap:wrap;align-items:center;z-index:1;}
[class^='hm-mypage__user-gride-'] {position:relative;display:inline-block;padding-left:20px;height:22px;line-height:22px;color:var(--hi-text-white);}
.hm-mypage__user-gride a + a {margin-left:8px;}
.hm-mypage__user-gride-hi {background:url(../img/mypage/icon-gride-hi.png) 0 center no-repeat;background-size:15px auto;}
.hm-mypage__user-gride-normal {background:url(../img/mypage/icon-gride-normal.png) 0 center no-repeat;background-size:15px auto;}
.hm-mypage__user-gride-excellent {background:url(../img/mypage/icon-gride-excellent.png) 0 center  no-repeat;background-size:15px auto;}
.hm-mypage__user-gride-best {background:url(../img/mypage/icon-gride-best.png) 0 center  no-repeat;background-size:15px auto;}
.hm-mypage__user-gride-premium {background:url(../img/mypage/icon-gride-premium.png) 0 center  no-repeat;background-size:15px auto;}
.hm-mypage__user-gride em {position:relative;padding-right:12px;margin-left:7px;line-height:15px;font-size:var(--hi-fs-body4);color:var(--hi-text-gray3);font-weight:var(--hi-font-w400);font-style:normal;}
.hm-mypage__user-gride em:after {content:'';position:absolute;top:50%;right:0;width:5px;height:5px;border:1px solid #aaaeae;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);margin-top:-1px;}
.hm-mypage__alarm-care {position:relative;margin:10px 0;border-radius:9px;background-color:var(--hi-text-white);z-index:1;}
.hm-mypage__alarm-care a {position:relative;padding:12px;line-height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.hm-mypage__alarm-care a:after {content:'';position:absolute;top:50%;margin-top:-7px;right:14px;width:8px;height:8px;border:1.5px solid #aaaeae;border-top:0;border-left:0;transform:rotate(45deg);}
.hm-mypage__alarm-care a span {display:block;padding:0 15px 0 8px;color:var(--hi-primary-black);background:url(../img/mypage/icon-alarm-care.svg) 2.4px center no-repeat;width:calc(100% - 55px);word-break:keep-all;font-weight:var(--hi-font-w400);}
.hm-mypage__alarm-care a figure {margin:0;width:24px;height:24px;}

.hm-mypage__regular-store {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative;margin-top:30px;padding:5px 12px;border-radius:9px;border: 1px solid #4A4A4D;background-color:rgba(249, 249, 249, 0.1);z-index:1;}
.hm-mypage__regular-store-title {color:#57ECC8;font-size:var(--hi-fs-body3);line-height:38px;font-weight:var(--hi-font-w700);padding-left:17px;background:url(../img/mypage/icon-gride-star.svg) 1px center no-repeat;}
.hm-mypage__regular-store-links a {display:inline-block;padding-right:13px;height:38px;line-height:38px;background:url(../img/mypage/icon-gride-store-more.svg) right center no-repeat;}
.hm-mypage__regular-store-add {color:var(--hi-text-white);}
.hm-mypage__regular-store-name {height:16px;line-height:16px;padding-left:21px;color:var(--hi-text-white);background:url(../img/mypage/icon-gride-map.svg) 1px center no-repeat;}

.hm-mypage__point-new {margin-top:10px;}
.hm-mypage__point-new:before {content:'';position:absolute;top:-500px;left:0;bottom:210px;right:0;background-color:#000;}
.hm-mypage__point-new ul {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;border:1px solid #e9ecef;border-radius:9px;background-color:#fff;z-index:1;}
.hm-mypage__point-new ul li {position:relative;width:50%;}
.hm-mypage__point-new ul li a {position:relative;display:block;padding:16px 10px 16px 16px;min-height:42px;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new ul li:nth-child(odd) a:after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:42px;background-color:#8a8a8a1a;}
.hm-mypage__point-new ul li:nth-child(n+3) a:before {content:'';position:absolute;top:0;left:0;right:0;height:1px;background-color:#8a8a8a1a;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new ul li:nth-child(2n + 1) a:before {left: 10px;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new ul li:nth-child(2n + 2) a:before {right: 10px;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new-sum {display:block;line-height:16px;font-size:16px;color:#111;font-weight:400;}
.hm-mypage__point-new-sum strong {margin-right:1px;font-size:17px;font-weight:700;}
.hm-mypage__point-new-tit {position:relative;display:inline-block;margin-top:10px;padding-right:12px;line-height:13px;font-size:13px;color:#111;opacity:0.6;font-weight:400;}
.hm-mypage__point-new-tit:after {content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:6px;height:6px;border:1px solid #aaaeae;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);}
.hm-mypage__point-new-button {padding:0 21px 0 8px;height:24px;line-height:22px;font-size:12px;color:#111;border:1px solid #e3e3e4;border-radius:24px;box-sizing:border-box;background:#fff url(../img/mypage/icon-refresh.svg) right 6px center no-repeat;background-size:12px auto;cursor:pointer;}
.hm-mypage__point-new-gift {display:none;position:absolute;top:4px;left:0;}  /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new-tooltip {position:absolute;top:-21px;left:20px;width:max-content;padding:4px 12px;font-size:12px;color:#fff;line-height:20px;border-radius:8px;background-color:#3c3c3c;}
.hm-mypage__point-new-tooltip:after {content:'';position:absolute;bottom:-6px;left:14px;width:10px;height:6px;background:url(../img/mypage/icon-tooltip.svg) no-repeat;background-size:10px auto;}
.hm-mypage__point-new-tooltip strong {font-weight:700;color:#fa5252;}
.hm-mypage__point-new-tooltip em {font-style:normal;font-weight:700;}
.hm-mypage__point-new-tooltip + .hm-mypage__point-new-noti {font-size: var(--hi-fs-body3);} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new-noti {display:block;text-align:center;color:#797B7D;font-size: var(--hi-fs-detail1);line-height:20px;word-break:keep-all;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
.hm-mypage__point-new-noti strong {color:#339AF0;}
.hm-mypage__point-new-last-item .hm-mypage__point-new-tit {margin-top:26px;}
.hm-mypage__point-new-last-item .hm-mypage__point-new-sum {position:absolute;top:10px;left:15px;width:calc(100% - 40px);} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */

.hm-mypage__link-list {padding:0 0 8px;}
.hm-mypage__link-list ul {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;}
.hm-mypage__link-list li {position:relative;width:25%;}
.hm-mypage__link-list li.new:after {content:'';position:absolute;top:20px;left:50%;width:3px;height:3px;border-radius:3px;background-color:#ff1344;transform:translateX(16px);}
.hm-mypage__link-list li a {display:block;padding:62px 0 20px;color:#5a5a5a;font-size:13px;text-align:center;font-weight:400;}
.hm-mypage__link-order {background:url(../img/mypage/icon-truck.svg) center 20px no-repeat;background-size:28px auto;}
.hm-mypage__link-review {background:url(../img/mypage/icon-pencil.svg) center 20px no-repeat;background-size:28px auto;}
.hm-mypage__link-contact {background:url(../img/mypage/icon-comment.svg) center 20px no-repeat;background-size:28px auto;}
.hm-mypage__link-favorite {background:url(../img/mypage/icon-heart.svg) center 20px no-repeat;background-size:28px auto;}

.hm-mypage__order-progress {padding:30px 22px 0;border-bottom:8px solid #f4f4f4;}
.mypage__order-progress-title {margin:0 0 20px;font-size:18px;font-weight:700;}
.mypage__order-progress-button {padding:8px 0;}
.mypage__order-progress-button a {display:block;padding:15px;text-align:center;font-weight:700;line-height:14px;font-size:14px;}
.mypage__order-progress-button a span {position:relative;padding-right:12px;}
.mypage__order-progress-button a span:after {content:'';position:absolute;top:50%;right:0;width:6px;height:6px;border:1px solid #222226;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);}
.hm-mypage__order-progress .hm-order-history__list-item {border:1px solid #e9ecef;padding:12px 16px 20px;margin-top:8px;}
.hm-mypage__order-progress .hm-order-history__order-type-area {display: flex; align-items: center; margin-bottom: 7px;}
.hm-mypage__order-progress .hm-order-history__order-type-area .hm-branch-name {margin-left: 8px; font-size: 12px; line-height: 12px; color: #8A8A8A; font-weight: 400;}
.hm-mypage__order-progress .hm-order-history__product-info-area {min-height: 80px; padding: 5px 0 0 96px;}
.hm-mypage__order-progress .hm-order-history__product-cont {padding:0;}
.hm-mypage__order-progress .hm-order-history__product-thumb {width: 80px; height: 80px; border-radius: 3px; overflow: hidden;}
.hm-mypage__order-progress .hm-order-history__product-thumb:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000008;}
.hm-order-history__product-info-step {margin:0 0 4px;font-size:14px;line-height:14px;color:#a9aaaa;font-weight:700;}
.hm-order-history__product-info-state {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;font-size:16px;line-height: 24px;font-weight:700;}
.hm-order-history__product-info-state strong {margin-right:3px;font-size:16px; line-height:24px;color:#fa5252;}
.hm-order-history__product-info-state button {padding:0;margin:0;margin-left:3px;width:16px;height:16px;border:none;outline:none;background-color:transparent;font-size:0;color:#fff;}
.hm-order-history__product-info-state button em {width:16px;height:16px;border:none;outline:none;background-color:transparent;font-size:0;color:#fff;}
.hm-icon__quest-mark {display:block;width:16px;height:16px;color:#fff;font-size:0;background:url(../img/mypage/icon-question-mark.svg) no-repeat;}
.hm-order-history__product-info-arr-text {margin:10px 0 6px;}
.hm-order-history__product-info-arr-text > span {position:relative;display:inline-block;padding-right:12px;line-height:20px;height:20px;font-size:12px;color:#797B7D;font-weight:400;}
.hm-order-history__product-info-arr-text > span:after {content:'';position:absolute;top:50%;margin-top:-1px;right:0;width:6px;height:6px;border:1px solid #8A8A8A;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);}
.hm-mypage__order-progress .hm-order__history-delivery-step {margin:10px 0 0;}
.hm-mypage__order-progress .hm-button-flex {margin:20px 0 0;}
.hm-mypage__order-progress .hm-button-flex .hm-btn {border-radius: 6px;} /* 37772 타사 희망배송일 지정 */
.hm-mypage__order-progress .hm-order-history__product-info-state {font-size:16px;line-height:24px;}
.hm-order-history__product-info-link {display:block;}
.hm-preferred__delivery-date {margin:0 20px 16px;padding:12px 10px;border-radius:4px;border:1px solid #ddd;}
.hm-preferred__delivery-date dl {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;}
.hm-preferred__delivery-date dd {flex:1;}
.hm-preferred__delivery-date dd + dd {text-align:right;}
.hm-preferred__delivery-date dd .hm-btn.hm-btn--xs {margin-top: 0;} /* 37772 타사 희망배송일 지정 */
.hm-preferred__delivery-date-info {margin:8px 0 0;font-size:13px;color:#555;line-height:22px;}
.hm-preferred__delivery-date-info span {color:var(--com-point-color);}
.hm-text-address-notice {margin-left:4px;font-size:12px;color:var(--com-point-color);}

.hm-order__detail-claim {margin:6px 20px 20px;padding:20px;border-radius:4px;border: 1px solid #ddd;}
.hm-order__detail-claim li {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:baseline;}
.hm-order__detail-claim li + li {margin-top:8px;}
.hm-order__detail-claim li strong {width:94px;font-size:14px;color:#888;font-weight:400;line-height:21px;}
.hm-order__detail-claim li span {flex:1;font-size:14px;color:#000;font-weight:400;line-height:21px;}
.hm-order__detail-claim li span em {font-style:normal;color:var(--com-point-color);}
.hm-order__detail-claim .attach {display:inline-block;padding:4px 10px 4px 28px;line-height:20px;color:var(--hi-primary-black);border-radius:14px;background:var(--hi-gray0) url(/resources/native/assets/img/mypage/ico-file-attach.svg) 8px center no-repeat;}
.hm-order__detail-claim .attach i {color:var(--hi-primary-black);font-style:normal;font-weight:var(--hi-font-w700);}
.hm-order__detail-claim .hm-list {margin-top:10px;}
.hm-order__detail-claim .hm-list li {font-size:var(--hi-fs-body4);color:var(--hi-text-gray3);}
.hm-order__detail-claim .hm-list li::before {border-color:var(--hi-text-gray3);}

.hm-order__detail-service {margin: 0 20px 18px;}
.hm-order__detail-service .btn-link {display:block; padding: 14px 15px; border-radius: 4px; background: #F9F9F9;}
.hm-order__detail-service .btn-link > span {font-size: var(--hi-fs-body4); color: var(--hi-text-gray7);}
.hm-order__detail-service .btn-link > span:after {content:''; display: inline-block; margin: -1px 0 0 3px; width: 12px; height: 12px; vertical-align: middle; background:url(../img/icon/ico_arrow_right_12.svg) no-repeat; background-size: 12px auto;}

@media screen and (max-width:320px) {
  .hm-mypage__point-new ul li a {padding:16px 12px 16px 16px;}
  .hm-mypage__point-new-tooltip + .hm-mypage__point-new-noti {font-size: var(--hi-fs-detail1);} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
  .hm-mypage__point-new-sum {font-size:16px;height:auto;}
  .hm-mypage__point-new-sum strong {font-size:16px;}
  .hm-mypage__point-new-last-item .hm-mypage__point-new-sum {width: calc(100% - 29px);} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
  .hm-mypage__point-new-gift {top: 6px;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
  .hm-mypage__point-new-noti {line-height: 18px;} /* 38557 회원정책 개선 AJ 자동로그인 추가 외 */
  .hm-mypage__menu-wrap .hm-mypage__menu-list li a {margin-right:10%;line-height:21px;}
  .hm-mypage__menu-wrap .hm-mypage__menu-list li a strong {word-break:keep-all;}
  .hm-mypage__alarm-care a {line-height:21px;}
  .hm-mypage__order-progress .hm-order-history__product-info-state {line-height:21px;}
  .hm-mypage__order-progress .hm-order-history__product-info-step {margin-bottom:3px;}
  .hm-mypage__order-progress .hm-order-history__product-info-arr-text {margin-top:3px;}
}

/* 전시상품 관리 */
.hm-mypage__exhibition {position:relative;margin-bottom:8px;padding-bottom:19px;border-bottom:1px solid var(--hi-dark-bg-line);display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;z-index:1;}
.hm-mypage__exhibition-store {margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;}
.hm-mypage__exhibition-store .name {margin-right:4px;line-height:21px;color:var(--hi-text-white);font-weight:var(--hi-font-w700);}
.hm-mypage__exhibition-store .count {padding:3px 5px;line-height:12px;color:var(--hi-red6);border:1px solid var(--hi-red6);border-radius:100px;font-size:var(--hi-fs-detail1);}
.hm-mypage__exhibition .button-approval {padding:0 14px 0 0;height:20px;line-height:20px;color:var(--hi-text-gray3);font-size:var(--hi-fs-detail1);border:0;outline:0;background:url(../img/icon/ico_arrow_right_16_gray1.svg) right center no-repeat;background-size:12px auto;}

/* 관리매장 선택 레이어 */
.hm-bottomSheet__display-sort .bottom-sheet-header h3 {margin: 20px 0 0;line-height: 24px;font-size: var(--hi-fs-body2);}
.hm-bottomSheet__display-sort .filter__chips-list--prd-sort {margin-top:16px;}
.hm-bottomSheet__display-sort .filter__chips-list--prd-sort .filter__chips-item {position: relative;display: block;margin-top: 25px;}
.hm-bottomSheet__display-sort .filter__chips-list--prd-sort .filter__chips-item {position: relative;display: block;margin-top: 25px;}
.hm-bottomSheet__display-sort .filter__chips-list--prd-sort .filter__chips-item:first-child {margin-top: 0;}
.hm-bottomSheet__display-sort .bottom-sheet__bottom {padding-top:16px;}
.hm-bottomSheet__display-sort .bottom-sheet__bottom .btn-bottom-sheet {margin-top:16px;}
.hm-bottomSheet__display-sort .hm-input-radio { position:relative;}
.hm-bottomSheet__display-sort .hm-input-radio input[type='radio'] { position:absolute; width:0; height:0; z-index:-9;}
.hm-bottomSheet__display-sort .hm-input-radio .hm-input-radio__label { position:relative; display:flex; padding-left:32px; font-size:var(--hi-fs-body3); line-height:24px; color:var(--hi-text-gray7); flex-wrap:wrap; align-items:center;}
.hm-bottomSheet__display-sort .hm-input-radio .hm-input-radio__label:after { content:''; position:absolute; left:0; top:0; width:24px; height:24px; border:1px solid var(--hi-gray5); border-radius:50%; box-shadow:inset 0 0 0 5px #FFFFFF; box-sizing:border-box; background-color:var(--hi-gray3); }
.hm-bottomSheet__display-sort .hm-input-radio .hm-input-radio__label .radio__txt { display:inline-block;}
.hm-bottomSheet__display-sort .hm-input-radio input[type='radio']:checked + .hm-input-radio__label { color:var(--hi-text-gray7); font-weight:var(--hi-font-w700);}
.hm-bottomSheet__display-sort .hm-input-radio input[type='radio']:checked + .hm-input-radio__label:after { background-color:var(--hi-primary-black); border-color:var(--hi-primary-black);}

/* 공통 신규 레이어 - 라운드형 */
/* common.new 추가해도 무방 */
.hm-app__layer-new-round .hm-layer-popup {bottom:auto;padding:20px 20px;border-radius:16px;}
.hm-app__layer-new-round .hm-layer-popup__header {height:24px;line-height:24px;text-align:left;}
.hm-app__layer-new-round .hm-layer-popup__header .hm-heading {font-size:16px;font-weight:700 !important;}
.hm-app__layer-new-round .hm-layer-popup__header .new-round-header-close {position: absolute; top: 0; right: 0; width: 24px; height: 24px; padding: 0; background: url(../img/icon/ico_close_24.svg) no-repeat 0 0; background-size: 100% auto; border: none; border-radius: 0; outline: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
.hm-app__layer-new-round .hm-layer-popup__body {padding: 12px 0 0;}
.hm-app__layer-new-round .hm-text {margin: 0 0 32px; font-size: 16px; font-weight: 400; text-align: center; line-height: 24px; word-wrap: break-word; word-break: keep-all;}
.hm-app__layer-new-round .hm-text-blue {display:block;margin-top:10px;text-align: center;color:#486EF6;font-size: 16px;line-height: 24px;}
.hm-app__layer-new-round .hm-btns {display: flex; justify-content: space-between; margin-top: 32px;}
.hm-app__layer-new-round .hm-btns .hm-btn {margin-left: 11px;}
.hm-app__layer-new-round .hm-btns .hm-btn:first-child {margin-left: 0;}
.hm-app__layer-new-round .hm-btn {height: 52px; border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 48px;}
.hm-app__layer-new-round .hm-layer-popup__close {padding:0;top:0;right:0;width:24px;height:24px;background:url(../img/mypage/button-layer-close.svg) center center no-repeat;}
.hm-layer-popup__body {padding:16px 0;}

/* 주문취소 확인중 레이어 */
.hm-app__layer-popup-order-alarm .hm-layer-popup__body .hm-list {color:#424242;}
.hm-app__layer-popup-order-alarm .hm-list--ul-disc > .hm-list__item {padding-left:20px;margin:0;}
.hm-app__layer-popup-order-alarm .hm-list--ul-disc > .hm-list__item::before {left:8px;width:3px;height:3px;border:none;background-color:#424242;}

/* 홈서비스 안내 레이어 */
.hm-layer__home-service-title {margin-top:14px;text-align:center;}
.hm-layer__home-service-title span {display:block;margin-bottom:9px;color:#797b7d;font-size:16px;line-height:16px;font-weight:400;}
.hm-layer__home-service-title h3 {margin:0;font-size:22px;color:#111;line-height:33px;font-weight:400;font-family:'HimartHama';}
.hm-layer__home-service-gallery {margin:24px 0 48px 13px;max-width:1360px;}
.hm-layer__home-service-product {margin: 0 22px;}
.hm-layer__home-service-product h3 {margin:0 0 20px;font-size:16px;color:#111;font-weight:700;}
.hm-layer__home-service-swiper {position:relative;}
.hm-layer__home-service-swiper .swiper-wrapper {padding:0 0 58px;}
.hm-layer__home-service-product-item {border:1px solid #E9ECEF;border-radius:9px;}
.hm-layer__home-service-product-item + .hm-layer__home-service-product-item {margin-top:8px;}
.hm-layer__home-service-product-item a {position:relative;display:block;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;}
.hm-layer__home-service-product-item a:after {content:'';position:absolute;top:50%;right:16px;width:8px;height:8px;border:1.6px solid #aaaeae;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);}
.hm-layer__home-service-thumb {position:relative;margin:0 12px 0 0;border-radius:5px;width:64px;height:64px;overflow:hidden;}
.hm-layer__home-service-thumb:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000008;}
.hm-layer__home-service-info {-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:40px;font-weight:400;}
.hm-layer__home-service-info-title {color:#121f26;display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all;word-wrap:break-word;}
.hm-layer__home-service-info-date {display:block;margin:8px 0 0;color:#797b7d;font-size:12px;}
.hm-layer__home-service-info-date em {color:#22b8cf;font-style:normal;font-weight:400;}
.hm-layer__home-service-swiper .swiper-pagination {bottom:28px;}

[class*='hm-layer__home-service-gallery-chip'] {width:129px;height:129px;padding:16px;border-radius:9px;overflow:hidden;}
.hm-layer__home-service-gallery-chip1 {background:#e3fafc url(../img/mypage/home-chip1.png)right 16px bottom 16px no-repeat;background-size:88px auto;}
.hm-layer__home-service-gallery-chip2 {background:#f3f0ff url(../img/mypage/home-chip2.png)right 16px bottom 16px no-repeat;background-size:76px auto;}
.hm-layer__home-service-gallery-chip3 {background:#ebfbee url(../img/mypage/home-chip3.png)right 16px bottom 16px no-repeat;background-size:64px auto;}
.hm-layer__home-service-gallery-chip4 {background:#fff4e6 url(../img/mypage/home-chip4.png)right 16px bottom 16px no-repeat;background-size:70px auto;}
.hm-layer__home-service-gallery-chip5 {background:#fff0f6 url(../img/mypage/home-chip5.png)right 16px bottom 16px no-repeat;background-size:77px auto;}
.hm-layer__home-service-gallery-title {line-height:18px;font-weight:700;color:#111;font-size:14px;}

.hm-layer__home-service-banner-roller {display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:nowrap;}
.hm-layer__home-service-banner-roller li {margin-left: 9px;}
.hm-layer__home-service-banner-roller ul {display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;flex-wrap:nowrap;width:680px;}
.hm-layer__home-service-banner-roller .n1:before {content:'';width:13px;}
.hm-app__layer-popup--done .hm-layer__home-service-banner-roller ul {animation: roll 10s 1s linear infinite;}
.hm-app__layer-popup--done .hm-layer__home-service-banner-roller .n1::before {width:auto;animation: roll_padding_size 2s forwards;}
.hm-app__layer-popup--done .n1:last-child {animation-delay: 10s;}
/* 롤링 애니메이션 정의 */
@keyframes roll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes roll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes roll_padding_size {
  0% {width: 13px;}
  50% {width: 13px;}
  100% {width: 0;}
}
@-webkit-keyframes roll_padding_size {
  0% {width: 13px;}
  50% {width: 13px;}
  100% {width: 0;}
}

/* 주문배송상세 배송상태 */
.hm-order--detail-refund .hm-product-status__grid {padding:14px 17px 0;border-bottom-color:#fff;}
.hm-order--detail-refund .hm-product-status__grid.hm-delivery-state {padding:0 17px 14px;border-top:0;border-bottom-color:#e4e4e4;}
.hm-order--detail-refund .hm-order-history__product-info-state {display:inline-flex;margin-left:2px;font-size:14px;font-weight:400;}
.hm-order--detail-refund .hm-order-history__product-info-state a {display:inline-block;}

/* 나의 단골매장 */
.hm-mypage-regular-store {padding:5px 2px 40px;}
.hm-mypage-regular-store .hm-list--ul-disc {font-size:13px;color:var(--hi-text-gray4);}
.hm-mypage-regular-store .hm-list--ul-disc .hm-list__item {padding-left:16px;}
.hm-mypage-regular-store .hm-list--ul-disc .hm-list__item::before {left:6px;border-color:var(--hi-text-gray4);}
.hm-mypage-regular-store .hm-paragraph {margin:0 0 20px;padding:12px 16px;font-size:var(--hi-fs-body3);line-height:21px;color:var(--hi-primary-black);border-radius:9px;background-color:#F8F9FA;}
.hm-mypage-regular-store-info-box {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;height:32px;}
.hm-mypage-regular-store-name {font-size:var(--hi-fs-body1);line-height:var(--hi-fs-body1);color:var(--hi-primary-black);font-weight:500;font-family:var(--hi-ff-hama);}
.hm-mypage-regular-store-button button {padding:0 12px;height:32px;border: 1px solid #E3E3E4;border-radius:100px;color: var(--hi-primary-black);background-color:#fff;}
.hm-mypage-regular-store-address {margin-top:1px;padding-right:130px;font-size:var(--hi-fs-body3);color:var(--hi-text-gray5);line-height:21px;word-break:keep-all;}
.hm-mypage-regular-store-contact {margin:0 -22px; padding:26px 22px 20px;border-bottom: 1px solid rgba(138,138,138,0.1);}
.hm-mypage-regular-store-contact ul {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap: wrap;align-items: center;gap:9px;}
.hm-mypage-regular-store-contact ul li:first-child {width:calc(33.3333% - 4.5px);}
.hm-mypage-regular-store-contact ul li:last-child {width:calc(66.6666% - 4.5px);}
.hm-mypage-regular-store-contact .hm-btn--lg {height:44px;line-height:44px;border-radius:8px}
.hm-mypage-regular-store-contact-my {margin-top:20px;text-align:right;}
.hm-mypage-regular-store-contact-my a {position:relative;display:inline-block;padding:4px 14px 4px 4px;color:var(--hi-text-gray4);line-height:14px;height:14px;}
.hm-mypage-regular-store-contact-my a:after {content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:6px;height:6px;border:1px solid #8A8A8A;border-top:0;border-left:0;transform:rotate(-45deg) translateY(-50%);}
.hm-mypage-regular-store-detail-info {padding:16px 0 8px;}
.hm-mypage-regular-store-detail-info li {padding:8px 0;line-height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.hm-mypage-regular-store-detail-info [class*="hm-icon-"] {margin-right:10px;padding-left:20px;color:var(--hi-text-gray4);}
.hm-mypage-regular-store-detail-info .hm-store-info {flex:1;color:var(--hi-primary-black);}
.hm-mypage-regular-store-detail-info .hm-icon-tel {background:url(../img/mypage/icon-tel.svg) no-repeat;}
.hm-mypage-regular-store-detail-info .hm-icon-fax {background:url(../img/mypage/icon-fax.svg) no-repeat;}
.hm-mypage-regular-store-detail-info .hm-icon-hours {background:url(../img/mypage/icon-hours.svg) no-repeat;}
.hm-mypage-regular-store-detail-info .hm-icon-location {background:url(../img/mypage/icon-location.svg) no-repeat;}
.hm-store-opening__context {display:inline-block;}
.hm-store-opening__title {position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;cursor:pointer;}
.hm-store-opening__title:after {content:'';display:block;margin-left:2px;width:14px;height:14px;background:url(../img/icon/ico_arrow_bottom_dark-gray.svg) center center no-repeat;}
.hm-store-opening__title--active:after {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.hm-store-opening__title strong {font-weight:400;}
.hm-store-opening__title strong.closed {font-weight:700;color:var(--hi-red6)}
.hm-store-opening__title em {position:relative;padding-left:16px;color:var(--hi-text-gray5);font-style:normal;}
.hm-store-opening__title em:before {content:'';position:absolute;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:10px;background-color:var(--hi-gray-bg-line);}
.hm-store-opening__content {display:none;}
.hm-store-opening__list {margin-top:10px;}
.hm-store-opening__list-item {margin-top:8px;color:var(--hi-text-gray5);}
.hm-store-opening__list-item span {margin-right:8px;}
.hm-store-opening__list-item.first {font-weight:700;}
.hm-mypage-regular-store-map {position:relative;height:47vw;margin:0 0 16px;border-radius:9px;border: var(--hi-border-ec);overflow:hidden;}
.hm-mypage-regular-store-map img {height:100%;}
.hm-mypage-regular-store .hm-mypage-find-store__sort-button {position:relative;left:auto;right:auto;}
.hm-mypage-regular-store-flag {margin-bottom:9px;}
.hm-mypage-regular-store-flag span {display:inline-block;font-size:12px;line-height:12px;color:#fff;font-weight:700;padding:6px 8px;border-radius:30px;background-color:#20C997;}

/* 매장 찾기 */
.hm-mypage-find-store {padding:0 2px 90px;}
.hm-mypage-find-store .hm-paragraph {margin:0 0 16px;}
.hm-mypage-find-store__search {position:relative;}
.hm-mypage-find-store__search .hm-input {padding:0 100px 0 22px;height:44px !important;border:1px solid transparent;border-radius:100px;background-color:var(--hi-color-f4);cursor:pointer;outline-offset: 0;}
.hm-mypage-find-store__search .hm-input:focus {border:1px solid #e3e3e4;}
.hm-toast-store {display:inline-block;height:24px;line-height:24px;font-weight:700;padding-left:32px;background:url(/resources/native/assets/img/icon/icon-toast-store.svg) no-repeat;}
.hm-toast-store-white {display:inline-block;height:24px;line-height:24px;font-weight:700;padding-left:32px;background:url(/resources/native/assets/img/icon/icon-toast-store-white.svg) no-repeat;}

.hm-mypage-find-store__search button {position:absolute;top:0;padding:10px 8px;width:40px;height:44px;font-size:0;color:#fff;border:none;outline:none;box-sizing:border-box;}
.hm-mypage-find-store__search .btn-location {right:48px;background:url(../img/mypage/btn-location.svg) center center no-repeat;}
.hm-mypage-find-store__search .btn-location:after {content:'';position:absolute;right:0;top:50%;width:1px;height:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);background-color:var(--hi-gray-bg-line);}
.hm-mypage-find-store__search .btn-search {right:8px;background:url(../img/mypage/btn-store-search.svg) center center no-repeat;}
.hm-mypage-find-store__search .btn-delete {display:none;right:44px;background:url(../img/mypage/btn-store-delete.svg) center center no-repeat;}
.hm-mypage-find-store__search .btn-delete span {font-size:0;color:#fff;width:0;height:0;}
.hm-mypage-find-store__sort {margin:0 -22px;}
.hm-mypage-find-store__sort span {display:block;padding:21px 22px 15px;border-bottom:1px solid rgba(138,138,138,0.1);color:#6F7882;}
.hm-mypage-find-store__sort-list {padding:22px 0;}
.hm-mypage-find-store__sort-list li {margin-bottom:8px;position:relative;}
.hm-mypage-find-store__sort-list li input[type="radio"] {position:absolute;right:22px;top:50%;width:24px;height:24px;outline:none;transform:translateY(-50%);-webkit-transform:translateY(-50%);background:url(../img/mypage/store_radio.svg);z-index:1;}
.hm-mypage-find-store__sort-list li input[type="radio"]:checked {background:url(../img/mypage/store_radio_selected.svg);}
.hm-mypage-find-store__sort-selected,
.hm-mypage-find-store__sort-list li label {position:relative;display:block;padding:22px;border:1px solid #F8F9FA;border-radius:8px;background-color:#F8F9FA;}
.hm-mypage-find-store__sort-list li input[type="radio"]:checked + label {border-color:#111;}
.hm-mypage-find-store__sort-list li input[type="radio"].disabled + label a {color:#797B7D;background:url(../img/mypage/store_list_links-disabled.svg) right center no-repeat;}
.hm-mypage-find-store__sort-list li input[type="radio"].disabled + label span {color:#A9AAAA;}
.hm-mypage-find-store__sort-selected a,
.hm-mypage-find-store__sort-list li label a {display:inline-block;font-size:16px;line-height:16px;color:#111;font-weight:700;padding-right:16px;background:url(../img/mypage/store_list_links.svg) right center no-repeat;}
.hm-mypage-find-store__sort-list li label a:after {content:'';position:absolute;top:0;right:0;}
.hm-mypage-find-store__sort-selected span,
.hm-mypage-find-store__sort-list li label span {display:block;padding-right:48px;margin-top:8px;font-size:13px;color:#5A5A5A;word-break:keep-all;}
.hm-mypage-find-store__sort-selected span {padding-right:105px;}
.hm-mypage-find-store__sort-selected span.selected-store {position:absolute;right:22px;top:29px;margin:0;font-size:12px;line-height:12px;color:#fff;font-weight:700;padding:6px 8px;border-radius:30px;background-color:#20C997;}
.hm-mypage-find-store__sort-nodata {color:#A9AAAA;text-align: center;padding:50% 0;}
.hm-mypage-find-store__sort-button {position:fixed;bottom:0;left:22px;right:22px;padding:16px 0 34px;background-color:#fff;z-index:1;}
.hm-mypage-find-store__sort-button .hm-btn--lg {border-radius:8px;height:52px;font-weight:700;}
.hm-mypage-find-store__sort-button .hm-btn--lg[disabled] {border-color:#F4F4F4;}
.hm-app__layer-popup .hm-mypage-find-store {padding:15px 22px;border-top:var(--hi-border-f0);}

/* 단골매장 등록 */
.hm-app__layer-popup-regular-store .hm-layer-popup {padding:20px;}
.hm-app__layer-popup-regular-store .hm-layer-popup__body {padding:12px 0 0;}
.hm-app__layer-popup-regular-store .hm-regular-store-message {font-size:16px;line-height:24px;text-align:center;}
.hm-app__layer-popup-regular-store .hm-button-flex {margin-top:32px;}
.hm-app__layer-popup-regular-store .hm-btn--lg {height:52px;line-height:52px;border-radius:8px;}

/* 위치기반서비스 이용동의 */
.hm-app__layer-popup-location-consent .hm-layer-popup {padding:20px;}
.hm-app__layer-popup-location-consent .hm-layer-popup__body {padding:12px 0 0;text-align:center;}
.hm-app__layer-popup-location-consent .hm-button-flex {margin-top:32px;}
.hm-app__layer-popup-location-consent .hm-btn--lg {height:52px;line-height:52px;border-radius:8px;}
.hm-location-consent-title {font-size:18px;font-weight:700;}
.hm-location-consent-message {margin:8px 12px;font-size:16px;line-height:24px;word-break:keep-all;}
.hm-location-consent-links {display:inline-block;padding:4px 14px 4px 4px;background:url(../img/mypage/consent-links.svg) right center no-repeat;}
.hm-location-consent-links span {color:#797B7D;}

.regular-store .address-search { margin-top: -10px; }
.regular-store .address-search .hm-radio { width: 33.333%; }
.regular-store .find-store-list .hm-accordian__header:before { margin-top: 0; top: 35px; right: 20px;}
.regular-store .find-store-list .hm-accordian__header {padding-right:20px;}
.regular-store .find-store-list__address { padding-bottom: 15px; }
.regular-store .find-store-list .hm-accordian__content { position: relative; }
.regular-store .find-store-list .hm-checkbox:not(:checked) { color:var(--hi-primary-black); }
.regular-store .find-store-list .hm-accordian__item .hm-btns {position:relative;padding:0 20px 20px;text-align:right;margin-top:-20px;font-size:0;}
.regular-store .find-store-list .hm-accordian__item .hm-btns .hm-btn {height:34px;line-height:32px;margin-left:4px;}
.regular-store .find-store-list__opening-hours {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.regular-store [class*="find-store-list__"] {line-height:18px;}
.regular-store .hm-store-opening__title strong,
.regular-store .hm-store-opening__title strong.closed,
.regular-store .hm-store-opening__title em {color:var(--hi-color-8);font-weight:400;}
.regular-store .hm-store-opening__list {margin-top:10px;}
.regular-store .hm-store-opening__title:after {height:18px;background:url(../img/icon/ico_arrow_down_12.svg) center center no-repeat;}
.regular-store .hm-store-opening__list-item {color:var(--hi-color-8);}

/* 구매유형 플래그 */
.hm-order-history__list-item .hm-order-history__order-type-area .hm-flag {position: relative; display: inline-block; height: 20px; margin-right: 0; padding: 4px 6px; background-color: #F4F4F4; border: 0; font-size: 12px; line-height: 12px; color: #5C7CFA; text-align: center; font-weight: 400; letter-spacing: 0;}
.hm-order-history__list-item .hm-order-history__order-type-area .hm-flag--smartpick {display: inline-block; padding-left: 17px;}
.hm-order-history__list-item .hm-order-history__order-type-area .hm-flag--smartpick::before {position: absolute; top: 50%; transform:translateY(-50%); left: 6px; display: block; width: 8.46px; height: 11px; background: url('../img/icon/flag_buytype_smartpick.svg') no-repeat; background-size: auto 100%; content: "";}
.hm-order-history__list-item .hm-order-history__order-type-area .hm-flag--quick {display: inline-block; padding-left: 19px;}
.hm-order-history__list-item .hm-order-history__order-type-area .hm-flag--quick::before {position: absolute; top: 50%; transform:translateY(-50%); left: 6px; display: block; width: 11px; height: 11px; background: url('../img/icon/flag_buytype_quick.svg') no-repeat; background-size: auto 100%; content: "";}
.hm-order-history__list-item .hm-order-history__order-type-area .hm-flag--store {color: #FF1344;}
.hm-order-history__product-cont .hm-order-history__order-type-area {display: flex; align-items: center; margin-bottom: 10px;}
.hm-order-history__product-cont .hm-order-history__order-type-area .hm-branch-name {margin-left: 6px; font-size: 12px; line-height: 12px; color: #8A8A8A; font-weight: 400;}
.hm-delivery-state .hm-flag {position: relative; display: inline-block; height: 20px; margin-right: 4px; padding: 4px 6px; background-color: #F4F4F4; border: 0; font-size: 12px; line-height: 12px; color: #5C7CFA; text-align: center; font-weight: 400; letter-spacing: 0;}
.hm-delivery-state .hm-flag--smartpick {display: inline-block; padding-left: 17px;}
.hm-delivery-state .hm-flag--smartpick::before {position: absolute; top: 50%; transform:translateY(-50%); left: 6px; display: block; width: 8.46px; height: 11px; background: url('../img/icon/flag_buytype_smartpick.svg') no-repeat; background-size: auto 100%; content: "";}
.hm-delivery-state .hm-flag--quick {display: inline-block; padding-left: 19px;}
.hm-delivery-state .hm-flag--quick::before {position: absolute; top: 50%; transform:translateY(-50%); left: 6px; display: block; width: 11px; height: 11px; background: url('../img/icon/flag_buytype_quick.svg') no-repeat; background-size: auto 100%; content: "";}
.hm-delivery-state .hm-flag--store {color: #FF1344;}

/* 주문배송상세 개선 */
.hm-product-status__text {margin-bottom: 2px; line-height: 18px;}
.hm-product-status__text-day {letter-spacing: -1px;}
.hm-product .hm-button-flex {gap: 6px;}
/* 주문배송상세 A/S 접수내역 */
.hm-product-ect--as {margin-top:-10px;}
.hm-product-ect--as .hm-box-toggle__content {padding-top:12px;}
.hm-product-ect--as-title {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;align-content: center;margin:0 -12px 10px;padding:12px;border-top:1px solid var(--hi-border-ddd);background-color:var(--hi-gray1);}
.hm-product-ect--as-title span {font-size:12px;color:var(--hi-text-gray6);}
.hm-product-ect--as-title span em {font-style: normal;font-weight:var(--hi-font-w700);}
.hm-product-ect--as .hm-table2 {margin:10px 0;}

/* 주문배송상세 이벤트 배너 */
.hm-order__event-banner-swiper {margin-top:15px;border-radius: 9px;overflow: hidden;}
.hm-order__event-banner-swiper .swiper-wrapper .swiper-slide:nth-last-child(1):nth-child(odd) {max-width: 100%;margin:0;}
.hm-order__event-banner-swiper ul li a {position:relative;display:block;}
.hm-order__event-banner-swiper ul li a img {display: block;margin: 0 auto;width: 100%;vertical-align: top;}
.hm-order__event-banner-swiper .flag-ad {position:absolute; top:10px; right:10px; display:inline-block; width:26px; height:16px; border-radius:2px; box-sizing:border-box; background-color:rgba(0, 0, 0, 0.1); border:1px solid rgb(255, 255, 255, 0.3); font-size:10px; color:#fff; line-height:14px; text-align:center;}
.android .hm-order__event-banner-swiper .flag-ad {line-height:15px;}
.hm-order__event-banner-swiper .swiper-pagination-fraction { display:flex; position:absolute; left:auto;right:10px; bottom:10px; padding:0 8px; width:auto; height:17px; line-height: 17px; font-size:var(--hi-fs-detail1); font-weight:var(--hi-font-w400); color:rgba(255, 255, 255, 0.6); justify-content:center; align-items:center; border-radius:100px; background: #7F7F7F80; }
.hm-order__event-banner-swiper .swiper-pagination-fraction .swiper-pagination-current { margin-right:2px; color:#fff;}
.hm-order__event-banner-swiper .swiper-pagination-fraction .swiper-pagination-total { margin-left:2px;color:#fff;}
.hm-order__event-banner-swiper .swiper-button-next,
.hm-order__event-banner-swiper .swiper-button-prev {display: none;}
.hm-order__event-banner-swiper .hm-banner-citrus-txt {position:absolute;top:50%;left:6.4000vw;max-width:calc(100% - 40vw);transform: translateY(-50%);}
.hm-order__event-banner-swiper .hm-banner-citrus-title {display:block;font-size:4.8vw;line-height:6.4vw;font-weight:500;overflow:hidden;word-break: keep-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hm-order__event-banner-swiper .hm-banner-citrus-subtitle {position:relative;display:inline-block;margin-top:2.4vw;font-size:3.4667vw;line-height:3.4667vw;color: #6D80A8;vertical-align: top;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hm-order__event-banner-swiper.hm-wide-fit {margin-right:0 !important;margin-left:0 !important;}
@media screen and (min-width: 600px) {
  .hm-order__event-banner-swiper {border-radius:0;}
  .hm-order__event-banner-swiper.hm-wide-fit {margin-right:-20px !important;margin-left:-20px !important;}
  .hm-order__event-banner-swiper ul li {max-width:331px;border-radius:9px;overflow:hidden;}
  .hm-order__event-banner-swiper ul li + li {margin-left:9px;}
  .hm-order__event-banner-swiper ul li a {max-width:331px;margin: 0 auto;}
  .hm-order__event-banner-swiper .hm-banner-citrus-txt {left: 24px;max-width:calc(100% - 150px);}
  .hm-order__event-banner-swiper .hm-banner-citrus-title {font-size:18px;line-height:18px;}
  .hm-order__event-banner-swiper .hm-banner-citrus-subtitle {margin-top:9px;font-size:13px;line-height:13px;}
  .hm-order__event-banner-swiper .swiper-pagination-fraction {left: 50%;right:auto;margin-left:141px;transform:translateX(-50%);}
  .swiper-button-next[role=button],
  .swiper-button-prev[role=button] {display:block;}
  .hm-order__event-banner-swiper .swiper-button-next,
  .hm-order__event-banner-swiper .swiper-button-prev {width: 30px;height: 54px;margin-top:-27px;}
  .hm-order__event-banner-swiper .swiper-button-next {background: url('/resources/native/assets/img/icon/main_white_arrow_right.svg') no-repeat;background-color: rgba(0, 0, 0, 0.2);background-position-y: 50%;background-position-x: 12px;border-radius: 9px 0 0 9px;right: 0;}
  .hm-order__event-banner-swiper .swiper-button-prev {background: url('/resources/native/assets/img/icon/main_white_arrow_left.svg') no-repeat;background-color: rgba(0, 0, 0, 0.2);background-position-y: 50%;background-position-x: 8px;border-radius: 0 9px 9px 0;left: 0;}
  .hm-order__event-banner-swiper .swiper-button-prev.swiper-button-disabled, .hm-banner-citrus-area .swiper-button-next.swiper-button-disabled {opacity: 0;}
}

/* 주문조회 검색필터 */
.hm-period-search__datepicker {display: none; justify-content: space-between; margin: 8px -20px; padding: 15px 30px; background-color: #F4F4F4;}
.hm-period-search__datepicker.on {display: flex;}
.hm-period-search__datepicker .hm-date__bridge {color: #DDDDDD;}

/* 문의유형 팝업 */
.hm-bottomSheet__inquiry-type .link-list li {display: block; margin-top: 8px; padding: 20px 16px; background-color: #F8F9FA;; border-radius: 9px;}
.hm-bottomSheet__inquiry-type .link-list li a {position: relative; display: block;}
.hm-bottomSheet__inquiry-type .link-list li a::after {position: absolute; top: 50%; right: 4px; transform:translateY(-50%); display: block; width: 9px; height: 16px; background: url('../img/icon/href_arrow_right_c0c3c3.svg') no-repeat; background-size: auto 100%; content: "";}
.hm-bottomSheet__inquiry-type .link-list li div {font-size: 16px; line-height: 16px; color: #111111; font-weight: 700;}
.hm-bottomSheet__inquiry-type .link-list li span {display: block; margin-top: 10px; font-size: 14px; line-height: 14px; color: #111111; font-weight: 400;}

/* 구입매장 정보 팝업 */
.hm-bottomSheet__sales-responsibility.hm-bottomSheet .bottom-sheet-body {padding-bottom: 0;}
.hm-bottomSheet__sales-responsibility.hm-bottomSheet .bottom-sheet-body > .hm-inner {padding: 28px 22px 8px;}
.hm-bottomSheet__sales-responsibility .store-name {position: relative; display: flex; justify-content: space-between; margin-top: 0; padding-bottom: 20px;}
.hm-bottomSheet__sales-responsibility .store-img {display: block; margin: -3px 0 0 12px; width: 64px; height: 64px;}
.hm-bottomSheet__sales-responsibility .store-img img {width: inherit; max-width: inherit;}
.hm-bottomSheet__sales-responsibility .store-name div {display: block; font-family: 'HimartHama'; font-size: 26px; line-height: 39px; color: #111111; font-weight: 500;}
.hm-bottomSheet__sales-responsibility .store-name span {display: block; font-family: 'Pretendard'; margin-top: 6px; font-size: 13px; line-height: 13px; color: #5A5A5A; letter-spacing: 0; font-weight: 400;}
.hm-bottomSheet__sales-responsibility .store-info .description {display: block; padding: 12px; background-color: #F8F9FA; border-radius: 9px; font-size: 14px; line-height: 21px; color: #111111; font-weight: 400;}
.hm-bottomSheet__sales-responsibility .store-info ul {display: block; margin: 20px 0 36px;}
.hm-bottomSheet__sales-responsibility .store-info ul li {display: flex; margin-top: 12px;}
.hm-bottomSheet__sales-responsibility .store-info ul li:first-child {margin-top: 0;}
.hm-bottomSheet__sales-responsibility .store-info ul li > div {font-size: 14px; line-height: 14px; color: #111111; font-weight: 400;}
.hm-bottomSheet__sales-responsibility .store-info .info-title {width: 74px; color: #797B7D;}
.hm-bottomSheet__sales-responsibility .store-info .info-content {flex: 1; width: 100%;}
/* .hm-bottomSheet__sales-responsibility .store-info .link-tell {position: relative; padding-left: 18px;}
.hm-bottomSheet__sales-responsibility .store-info .link-tell::before {position: absolute; top: 50%; left: 0; transform:translateY(-50%); display: block; width: 12px; height: 12px; background: url('../img/icon/icon_phone_black.svg') no-repeat; background-size: 100%; content: "";}
.hm-bottomSheet__sales-responsibility .store-info .link-tell span {text-decoration: underline;} */
.hm-bottomSheet__sales-responsibility .store-map {position: relative; display: block; margin: 20px 0; border: 1px solid var(--hi-gray-bg-solid, #E9ECEF); border-radius: 9px; isolation:isolate; overflow: hidden;}
.hm-bottomSheet__sales-responsibility .store-map img {display: block;}
.hm-bottomSheet__sales-responsibility .store_map_marker {position: absolute;}
.hm-bottomSheet__sales-responsibility .notice {display: block; margin-top: 12px;}
.hm-bottomSheet__sales-responsibility .notice_list {display: block;}
.hm-bottomSheet__sales-responsibility .notice_list li {position: relative; display: block; font-size: 13px; line-height: 20px; color: #424242; text-align: left; font-weight: 400; opacity: .6;}
.hm-bottomSheet__sales-responsibility .notice_list li:first-child {margin-top: 0;}
.hm-bottomSheet__sales-responsibility .notice_list li div {position: relative; display: block; padding-left: 20px;}
.hm-bottomSheet__sales-responsibility .notice_list li div::before {position: absolute; top: 10px; left: 9px; display: block; width: 2px; height: 2px; background-color: #8e8e8e; border-radius: 50%; content: "";}
.hm-bottomSheet__sales-responsibility .notice_list li a {font-weight: 700;}
.hm-bottomSheet__sales-responsibility .hm-layer-popup__bottom-frame {position: relative; display: flex; height: auto; padding: 4px 22px 34px;}
.hm-bottomSheet__sales-responsibility .hm-layer-popup__bottom-frame::after {position: absolute; left: 0px; top: -16px; height: 16px; width: 100%; background: linear-gradient(transparent, #FFFFFF); content: "";}
.hm-bottomSheet__sales-responsibility .hm-layer-popup__bottom-frame .hm-btn-flex {display: flex; justify-content: space-between; width: 100%; padding: 0;}
.hm-bottomSheet__sales-responsibility .hm-layer-popup__bottom-frame .hm-btn {position: relative; top: 50%; transform: translateY(-50%); margin-top: 0; margin-left: 9px;}
.hm-bottomSheet__sales-responsibility .hm-layer-popup__bottom-frame .hm-btn:first-child {margin-left: 0;}
.hm-bottomSheet__sales-responsibility .hm-btn--lg {height: 52px; font-size: 16px; line-height: 48px; border-radius: 8px; font-weight: 700;}
.hm-bottomSheet__sales-responsibility .hm-btn--icon {max-width: 52px; height: 52px; font-size: 16px; line-height: 52px; border-radius: 8px; font-weight: 700; border: 1px solid #E3E3E4;}
.hm-bottomSheet__sales-responsibility .hm-btn--icon .hm-icon {margin-right: 0;}
.hm-bottomSheet__sales-responsibility .hm-btn--icon span {display: block; width: 0; height: 0; font-size: 0; color: transparent;}
.hm-bottomSheet__sales-responsibility .hm-btn--kakaotalk {border-color: #212121;}
.hm-bottomSheet__sales-responsibility .hm-btn--phone-inquiry {max-width: 95px; background: var(--hi-bg-white); border-color: var(--hi-primary-black); color: var(--hi-primary-black);}
.hm-bottomSheet__sales-responsibility .hm-btn--onetoone-inquiry {background: var(--hi-bg-black2); border-color: var(--hi-real-black); color: var(--hi-text-white);}
.hm-bottomSheet__sales-responsibility .hm-btn--customer-service {background: var(--hi-bg-white); border-color: var(--hi-primary-black); color: var(--hi-primary-black);}
.hm-bottomSheet__sales-responsibility .hm-icon + span {margin-right: 5px;}
.hm-bottomSheet__sales-responsibility .hm-icon--kakaotalk-black {display: inline-block; width: 20px; height: 18px; margin: -2px 9px 0 0; background: url("../img/icon/icon_kakaotalk_black.svg") no-repeat; background-size: 100% auto;}
.hm-bottomSheet__sales-responsibility .hm-icon--phone-white {display: inline-block; width: 15px; height: 16px; margin: -4px 11px 0 0; background: url("../img/icon/icon_phone_white.svg") no-repeat; background-size: 100% auto;}
.hm-bottomSheet__sales-responsibility .hm-btn--icon .hm-icon--kakaotalk-black {margin-top: -5px;}
.hm-bottomSheet__sales-responsibility.close .store-name div {display: flex; align-items: center;}
.hm-bottomSheet__sales-responsibility.close .store-name div a {color: #CBCBCB;}
.hm-bottomSheet__sales-responsibility.close .store-name span {color: #111111;}
.hm-bottomSheet__sales-responsibility.close .store-info {margin-bottom: 24px;}

/* 판매자에게 문의하기 팝업 */
.hm-bottomSheet__contact-seller .hm-layer-popup__content {max-height: calc(100vh - 49px); padding: 0; overflow: auto;}
.hm-bottomSheet__contact-seller .hm-layer-popup__header {border-bottom: 1px solid #E6E6E6;}
.hm-bottomSheet__contact-seller .hm-inner {padding: 20px 22px 76px;}
.hm-bottomSheet__contact-seller .hm-inner h4 {display: block; margin: 0; font-size: 18px; line-height: 18px; color: #111111; font-weight: 700;}
.hm-bottomSheet__contact-seller .product-area {display: flex; align-items: center; justify-content: space-between; padding: 15px 22px 20px; border-bottom: 1px solid #ECECED;}
.hm-bottomSheet__contact-seller .product-area .product-thumb {display: block; width: 93px; height: 93px; background-color: var(--hi-black-dim-3); border-radius: 3px;}
.hm-bottomSheet__contact-seller .product-area .product-info {width: calc(100% - 103px); margin-left: 10px;}
.hm-bottomSheet__contact-seller .product-area .product-name {display: block; font-size: 16px; line-height: 22px; color: #000000; font-weight: 400;}
.hm-bottomSheet__contact-seller .product-area .product-code {display: block; margin-top: 10px; font-size: 14px; line-height: 16px; color: #111111; font-weight: 400;}
.hm-bottomSheet__contact-seller .brand-info {margin-bottom: 33px; padding-bottom: 24px; border-bottom: 1px solid #ECECED; }
.hm-bottomSheet__contact-seller .brand-info .brand {margin-bottom: 18px; font-size: 16px; line-height: 24px; color: #424242; text-align: center; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.hm-bottomSheet__contact-seller .brand-info .btn {display: block; margin-top: 4px;}
.hm-bottomSheet__contact-seller .brand-info .hm-btn--lg {height: 52px; font-size: 16px; line-height: 48px; border-radius: 8px; font-weight: 700;}
.hm-bottomSheet__contact-seller .brand-info .hm-icon--phone-black {display: inline-block; width: 15px; height: 16px; margin: -1px 6px 0 0; background: url("../img/icon/icon_phone_black.svg") no-repeat; background-size: 100% auto;}
.hm-bottomSheet__contact-seller .hm-form1 .hm-grid:first-child {margin-top: 0;}
.hm-bottomSheet__contact-seller .hm-grid + .hm-grid {margin-top: 15px;}
.hm-bottomSheet__contact-seller .hm-grid + .hm-checkbox .hm-checkbox__label {margin-top: 9px;}
.hm-bottomSheet__contact-seller .hm-email + .hm-checkbox .hm-checkbox__label {margin-top: 9px;}
.hm-bottomSheet__contact-seller .hm-grid.hm-email__item {margin-top: 9px;}
.hm-bottomSheet__contact-seller .hm-select + .hm-select {margin-top: 9px;}
.hm-bottomSheet__contact-seller .hm-btns {display: flex; justify-content: space-between;}
.hm-bottomSheet__contact-seller .hm-btns .hm-btn {height: 52px; margin-top: 0; margin-left: 9px; border-radius: 8px; line-height: 48px; font-weight: 700;}
.hm-bottomSheet__contact-seller .hm-btns .hm-btn:first-child {margin-left: 0;}

/* 현금영수증 신청 팝업 */
.hm-bottomSheet__cash-receipts .bottom-sheet-body > .hm-inner {padding: 20px 22px 0;}
.hm-bottomSheet__cash-receipts .hm-option-select {margin-bottom: 10px;}
.hm-bottomSheet__cash-receipts .hm-option-select.hm-option-select--active .title .hm-select {position: relative; height: auto; padding: 16px 16px 22px; border-bottom: 0; border-color: #000000;}
.hm-bottomSheet__cash-receipts .hm-option-select.hm-option-select--active .title .hm-select::after {position: absolute; bottom: 0; left: 16px; right: 4px; height: 1px; padding: 0 22px; background: #000; content: "";}
.hm-bottomSheet__cash-receipts .hm-option-select .list {position: static; padding-bottom: 24px; border-color: #000000;}
.hm-bottomSheet__cash-receipts .hm-option-select .list li {border: 0;}
.hm-bottomSheet__cash-receipts .hm-option-select .list li:first-child {padding: 0;}
.hm-bottomSheet__cash-receipts .hm-option-select .list li a {min-height: auto; padding: 10px 16px; font-size: 14px; line-height: 14px; color: #111111; font-weight: 400;}
.hm-bottomSheet__cash-receipts .hm-option-select .list li:first-child a {padding-top: 16px;}
.hm-bottomSheet__cash-receipts .hm-input {height: 56px; padding: 9px 16px; font-size: 18px; line-height: 18px; font-weight: 400;}
.hm-bottomSheet__cash-receipts .hm-input:focus {border-color: #111111;}
.hm-bottomSheet__cash-receipts .notice {display: block; margin: 16px 0 18px;}
.hm-bottomSheet__cash-receipts .notice_list {display: block;}
.hm-bottomSheet__cash-receipts .notice_list li {position: relative; display: block; font-size: 13px; line-height: 20px; color: #424242; text-align: left; font-weight: 400; opacity: .6;}
.hm-bottomSheet__cash-receipts .notice_list li:first-child {margin-top: 0;}
.hm-bottomSheet__cash-receipts .notice_list li div {position: relative; display: block; padding-left: 11px;}
.hm-bottomSheet__cash-receipts .notice_list li div::before {position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; background-color: #8e8e8e; border-radius: 50%; content: "";}
.hm-bottomSheet__cash-receipts .notice_list li a {font-weight: 700;}
.hm-bottomSheet__cash-receipts .hm-layer-popup__bottom-frame {display: flex; margin-top: 18px; padding: 0 22px;}
.hm-bottomSheet__cash-receipts .hm-layer-popup__bottom-frame .hm-btn-flex {display: block; width: 100%; padding: 0;}
.hm-bottomSheet__cash-receipts .hm-layer-popup__bottom-frame .hm-btn {position: relative; top: 50%; transform: translateY(-50%); margin-top: 0;}
.hm-bottomSheet__cash-receipts .hm-btn--lg {height: 52px; font-size: 16px; line-height: 48px; border-radius: 8px; font-weight: 700;}

/* bottom sheet */
.hm-bottomSheet {font-family: "Pretendard", sans-serif;}
.hm-bottomSheet button {width: 100%; padding: 0; border: none; border-radius: 0; outline: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer;}
.hm-bottomSheet .hm-layer-popup {top: auto; bottom: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; min-height: 240px; max-height: calc(100% - 56px); border-radius: 16px 16px 0 0; isolation: isolate; -webkit-box-shadow: 0px 0px 8px 4px rgba(22, 37, 66, 0.06); box-shadow: 0px 0px 8px 4px rgba(22, 37, 66, 0.06); -webkit-transform: translateY(0); ms-transform: translateY(0); transform: translateY(0);}
.hm-bottomSheet .bottom-sheet-header {position: relative; min-height: 52px; padding: 0 22px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: var(--hi-text-gray7);}
.hm-bottomSheet .bottom-sheet-header-bar {width: 12.8vw; height: 3px; margin: 7px auto 14px; border-radius: 100px; background-color: var(--hi-gray4);}
.hm-bottomSheet .bottom-sheet-header-bar + .bottom-sheet-header-title {padding-top: 12px;}
.hm-bottomSheet .bottom-sheet-header-title {display: block; padding: 20px 24px 0 0; font-size: var(--hi-fs-body2); font-weight: 700; line-height: 24px;}
.hm-bottomSheet .bottom-sheet-header-sub-title {margin: 4px 0 0; padding-right: 24px; font-size: var(--hi-fs-body3); font-weight: 400; line-height: 21px;}
.hm-bottomSheet .bottom-sheet-header-close {position: absolute; top: 20px; right: 16px; width: 24px; height: 24px; background: url(../img/icon/ico_close_24.svg) no-repeat 0 0; background-size: 100% auto;}
.hm-bottomSheet .bottom-sheet-body {overflow: hidden; overflow-y: auto; padding-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; scrollbar-width: none;}
.hm-bottomSheet .bottom-sheet-body::-webkit-scrollbar {display: none;}
.hm-bottomSheet .bottom-sheet-body > .hm-inner {padding: 0 22px;}
.hm-bottomSheet .swiper-pagination {font-size: 0; line-height: 0;}
.hm-bottomSheet .swiper-pagination-bullet {width: 6px; height: 6px; background: var(--hi-gray2); opacity: 1;}
.hm-bottomSheet .swiper-pagination-bullet-active {background: var(--hi-primary-black);}
.hm-bottomSheet .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px;}

/* 폐점 안내 팝업 */
.hm-app__layer-popup-store-closing .store-name {display: block; margin-bottom: 8px; font-size: 18px; color: #111111; line-height: 18px; text-align: center; font-weight: 700;}

/* 37772 타사 희망배송일 지정 */
.hm-order-history__caution-txt {margin: 12px 0 0; font-size: 12px; font-weight: 400; line-height: 20px; color: #888;}
.hm-order-history__list-item .hm-btns + .hm-order-history__caution-txt {margin-top: 10px;}

.hm-app__layer-popup-desired-delivery-date.hm-app__layer-new-round .hm-layer-popup {padding: 20px;}
.hm-app__layer-popup-desired-delivery-date .hm-layer-popup__body {padding: 12px 0 0;}
.hm-app__layer-popup-desired-delivery-date .hm-text {margin: 0 0 32px; font-size: 16px; font-weight: 400; text-align: center; line-height: 24px; word-wrap: break-word; word-break: keep-all;}
.hm-app__layer-popup-desired-delivery-date .hm-btn {height: 52px; border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 52px;}

.hm-product-caution-txt {margin: -8px 20px 20px;}
.hm-product-caution-txt p {margin: 0; font-size: 12px; font-weight: 400; line-height: 20px; color: #888;}

.hm-app__layer-popup-wishDelivery .hm-layer-popup__scroll { border-top: 1px solid #e6e6e6;}
.hm-app__layer-popup-wishDelivery .hm-heading {margin: 0 0 15px; }
.hm-app__layer-popup-wishDelivery .hm-heading b {font-weight: 400;}
.hm-app__layer-popup-wishDelivery .hm-list {margin-bottom: 24px;}
.hm-app__layer-popup-wishDelivery .hm-grid__cell--4 {width: 38.21%;}
.hm-app__layer-popup-wishDelivery .hm-grid__cell--7 {width: 61.792%;}
.hm-app__layer-popup-wishDelivery .hm-grid__cell .hm-heading {margin: 0; line-height: 37px;}
.hm-app__layer-popup-wishDelivery .hm-date-field:before {top: 12px; left: auto; right: 17px; width: 12px; height: 12px; background: url("../img/icon/calender.svg") no-repeat 0 0; background-size: 100% auto;}
.hm-app__layer-popup-wishDelivery .hm-input::placeholder {color: #111;}
.hm-app__layer-popup-wishDelivery .hm-date-field__item {padding: 0 15px; font-size: 14px; font-weight: 400; text-align: left;}
.hm-app__layer-popup-wishDelivery .hm-grid__cell {font-size: 0; line-height: 0;}
.hm-app__layer-popup-wishDelivery .hm-btn {width: calc(50% - 4.5px); height: 52px; border-radius: 8px; font-size: 16px; font-weight: 700; line-height: 52px;}
.hm-app__layer-popup-wishDelivery .hm-btns .hm-btn--inline + .hm-btn--inline {margin: 0 0 0 9px;}
.hm-app__layer-popup-wishDelivery .hm-notice-box { margin:24px -22px -30px; padding:24px 22px 40px 22px; background-color:var(--hi-bg-gray);}
.hm-app__layer-popup-wishDelivery .hm-notice-box > h3 { font-size:var(--hi-fs-body2);}
.hm-app__layer-popup-wishDelivery .hm-notice-box dl { margin-top:20px;}
.hm-app__layer-popup-wishDelivery .hm-notice-box dl dt { margin-bottom:8px; font-size:var(--hi-fs-body3); color:var(--hi-text-gray4); font-weight:var(--hi-font-w700);}
.hm-app__layer-popup-wishDelivery .hm-notice-box ul { margin-left:14px;}
.hm-app__layer-popup-wishDelivery .hm-notice-box ul li { list-style:initial; font-size:var(--hi-fs-body4); color:var(--hi-text-gray4); line-height:20px;}
.hm-app__layer-popup-wishDelivery .hm-notice-box ul li > em { font-style:normal; font-weight:var(--hi-font-w700);}

.hm-app__layer-popup-desired-delivery-date.hm-app__layer-new-round .hm-layer-popup {bottom: auto; padding: 20px; border-radius: 16px;}
.hm-app__layer-popup-desired-delivery-date .hm-layer-popup__body {padding-top: 12px;}

@media screen and (max-width: 319px) {
  /* 37772 타사 희망배송일 지정 */
  .hm-product__info-wrap + .hm-product-price {margin-top: 7px;}
  .hm-preferred__delivery-date {padding: 15px;}
  .hm-preferred__delivery-date dl {gap: 4px;}
  .hm-preferred__delivery-date dd {text-align: right;}
  .hm-preferred__delivery-date dd + dd {flex: 1;}
  .hm-preferred__delivery-date dd .hm-btn.hm-btn--xs {padding:0 6px;}
}

/* ESD 패키지 [개발 말줄임 처리] */
.hm-order-esdpackage {position: relative; display: flex; justify-content: flex-start; padding: 8px 5px 8px 8px; background-color: #F8F9FA; border-radius: 9px; cursor: pointer;}
.hm-order-esdpackage::after {position: absolute; top: 17px; right: 16px; display: block; width: 12px; height: 7px; background: url(../img/icon/accordion-arrow_esdpackage.svg) no-repeat; content: "";}
.hm-order-esdpackage .hm-order-esdpackage_image-item {display: block; width: 24px; height: 24px; margin-right: 8px; background: rgba(0, 0, 0, 0.03); box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 50%; box-shadow: 0px 2px 4px 0px #16254214; font-size: 0; color: transparent; overflow: hidden;}
.hm-order-esdpackage .hm-order-esdpackage_product {position: relative; display: flex; justify-content: flex-start; align-items: center; height: 20px; padding-right: 35px; margin: 2px 0; overflow: hidden;}
.hm-order-esdpackage .hm-order-esdpackage_list {font-size: 12px; line-height: 20px; color: #797B7D; font-weight: 400;}
.hm-order-esdpackage .hm-order-esdpackage_list-item {position: relative; display: block; width: 0; height: 0; padding-left: 15px;}
.hm-order-esdpackage .hm-order-esdpackage_list-item:first-child {display: block; width: auto; height: 20px;}
.hm-order-esdpackage .hm-order-esdpackage_list-item::before {position: absolute; top: 9px; left: 6.5px; display: block; width: 2px; height: 2px; background-color: #797B7D; border-radius: 50%; overflow: hidden; content: "";}
.hm-order-esdpackage .hm-order-esdpackage_list-item div {overflow: hidden; word-break: break-all;}
.hm-order-esdpackage .hm-order-esdpackage_list-item strong {font-weight: 400;}
.hm-order-esdpackage .hm-order-esdpackage_other-case {min-width: max-content; margin-left: 5px; font-size: 12px; line-height: 20px; color: #797B7D; font-weight: 700;}
.hm-order-esdpackage.on {padding: 8px 40px 8px 8px;}
.hm-order-esdpackage.on::after {background: url(../img/icon/accordion-arrow_esdpackage.svg) no-repeat; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); content: "";}
.hm-order-esdpackage.on .hm-order-esdpackage_product {height: auto; padding-right: 0;}
.hm-order-esdpackage.on .hm-order-esdpackage_list {width: 100%; height: auto;}
.hm-order-esdpackage.on .hm-order-esdpackage_list-item {display: block; width: auto; height: auto; white-space: inherit; overflow: inherit;}
.hm-order-esdpackage.on .hm-order-esdpackage_list-item div {display: block; overflow: inherit; text-overflow: inherit;}
.hm-order-esdpackage.on .hm-order-esdpackage_other-case {display: none;}
.hm-order-esdpackage.single {padding: 8px; cursor: none; pointer-events: none;}
.hm-order-esdpackage.single::after {display: none;}
.hm-order-esdpackage.single .hm-order-esdpackage_product {padding-right: 0;}
.hm-order-esdpackage.single .hm-order-esdpackage_other-case {display: none;}

/* 38557 [판매책임제]간편회원 로그인 전환 */
.hm-manage-login-area {margin-bottom: 126px;}
.hm-manage-login__tit {margin: 0; padding: 22px 0 26px; font-size: var(--hi-fs-heading6); font-weight: var(--hi-font-w700); line-height: var(--hi-fs-heading6); color: var(--hi-real-black);}
.hm-manage-login__list li {border-radius: 8px; background-color: var(--hi-gray0);}
.hm-manage-login__list li + li {margin-top: 8px;}
.hm-manage-login__list .hm-radio--new {top: 50%; left: auto; right: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hm-manage-login__list .hm-radio__label--new {display: block; padding: 19px 91px 19px 22px; border: 1px solid var(--hi-gray0); border-radius: 8px;}
.hm-manage-login__list .hm-radio__label--new::before {top: 50%; left: auto; right: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hm-manage-login__list .hm-radio--new:checked + .hm-radio__label--new {border: 1px solid var(--hi-dark-bg-line); border-radius: 8px;}
.hm-manage-login__list .hm-manage-login__info-box,
.hm-manage-login__list .hm-manage-login__info,
.hm-manage-login__list .hm-manage-login__registration-date {display: block; font-size: 0; line-height: 0;}
.hm-manage-login__list .hm-manage-login__type-subscription {display: inline-block; margin-right: 8px; padding: 4px 6px; border-radius: 100px; background-color: var(--hi-gray2); font-size: var(--hi-fs-detail1); font-weight: var(--hi-font-w400); line-height: var(--hi-fs-detail1); color: var(--hi-text-gray5);}
.hm-manage-login__list .hm-manage-login__identifier {overflow: hidden; display: inline-block; width: calc(100% - 55px); font-size: var(--hi-fs-body3); font-weight: var(--hi-font-w700); line-height: 20px; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
.hm-manage-login__list .hm-manage-login__registration-date {margin-top: 7px; font-size: var(--hi-fs-body4); font-weight: var(--hi-font-w400); line-height: var(--hi-fs-body4); color: var(--hi-text-gray5);}
.hm-manage-login__notice-list {margin: 24px 0;}
.hm-manage-login__notice-list li {position: relative; padding-left: 9px; font-size: var(--hi-fs-detail1); font-weight: var(--hi-font-w400); line-height: 20px; color: var(--hi-text-gray5); word-wrap: break-word; word-break: break-all;}
.hm-manage-login__notice-list li + li {margin-top: 8px;}
.hm-manage-login__notice-list li::before {content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: var(--hi-text-gray5);}
.hm-manage-login-btn-area {position: fixed; left: 0; right: 0; bottom: 0; padding: 16px 22px 34px; background-color: var(--hi-bg-white);}

@media screen and (max-width: 374px) {
  .hm-manage-login__list .hm-radio__label--new {padding-right: 58px;}
  .hm-manage-login__list .hm-manage-login__identifier {display: block; width: 100%; margin: 8px 0 0 2px;}
}

/* ESD 패키지 [퍼블 말줄임 처리] */
/* .hm-order-esdpackage {position: relative; display: flex; justify-content: flex-start; padding: 8px 5px 8px 8px; background-color: #F8F9FA; border-radius: 9px; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; cursor:pointer;}
.hm-order-esdpackage::after {position: absolute; top: 17px; right: 16px; display: block; width: 12px; height: 7px; background: url(../img/icon/accordion-arrow_esdpackage.svg) no-repeat; content: "";}
.hm-order-esdpackage .hm-order-esdpackage_image-item {display: block; width: 24px; height: 24px; margin-right: 8px; background: rgba(0, 0, 0, 0.03); box-sizing: border-box; border: 1px solid #FFFFFF; border-radius: 50%; box-shadow: 0px 2px 4px 0px #16254214; font-size: 0; color: transparent; overflow: hidden;}
.hm-order-esdpackage .hm-order-esdpackage_product {position: relative; display: flex; justify-content: flex-start; align-items: center; height: 20px; padding-right: 35px; margin: 2px 0; overflow: hidden;}
.hm-order-esdpackage .hm-order-esdpackage_list {font-size: 12px; line-height: 20px; color: #797B7D; font-weight: 400;}
.hm-order-esdpackage .hm-order-esdpackage_list-item {position: relative; display: block; width: 0; height: 0; padding-left: 15px;}
.hm-order-esdpackage .hm-order-esdpackage_list-item:first-child {display: block; width: auto; height: auto;}
.hm-order-esdpackage .hm-order-esdpackage_list-item::before {position: absolute; top: 9px; left: 6.5px; display: block; width: 2px; height: 2px; background-color: #797B7D; border-radius: 50%; overflow: hidden; content: "";}
.hm-order-esdpackage .hm-order-esdpackage_list-item div {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.hm-order-esdpackage .hm-order-esdpackage_list-item strong {font-weight: 400;}
.hm-order-esdpackage .hm-order-esdpackage_other-case {min-width: max-content; margin-left: 5px; font-size: 12px; line-height: 20px; color: #797B7D; font-weight: 700;}
.hm-order-esdpackage.on {padding: 8px 40px 8px 8px;}
.hm-order-esdpackage.on::after {background: url(../img/icon/accordion-arrow_esdpackage.svg) no-repeat; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); content: "";}
.hm-order-esdpackage.on .hm-order-esdpackage_product {height: auto; padding-right: 0;}
.hm-order-esdpackage.on .hm-order-esdpackage_list {width: 100%; height: auto;}
.hm-order-esdpackage.on .hm-order-esdpackage_list-item {display: block; width: auto; height: auto; white-space: inherit; overflow: inherit;}
.hm-order-esdpackage.on .hm-order-esdpackage_list-item div {display: block; overflow: inherit; text-overflow: inherit;}
.hm-order-esdpackage.on .hm-order-esdpackage_other-case {display: none;}
.hm-order-esdpackage.single {padding: 8px; cursor: none;}
.hm-order-esdpackage.single::after {display: none;}
.hm-order-esdpackage.single .hm-order-esdpackage_product {padding-right: 0;}
.hm-order-esdpackage.single .hm-order-esdpackage_other-case {display: none;} */

/* 파일 첨부 버튼 */
.hm-btn-file-attachment {display: block; margin-top: 20px; padding: 14px 20px; background-color: #F4F4F4; border-radius: 8px; font-size: 16px; line-height: 16px; text-align: center; font-weight: 400;}
.hm-btn-file-attachment span {display: inline-block; padding-left: 20px; background:url(../img/mypage/ico-upload-plus.svg) center left no-repeat;}

/* 파일 첨부하기 팝업 */
.hm-bottomSheet__file-attachment .hm-layer-popup__header {border-bottom: 1px solid #E6E6E6;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content {max-height: calc(100% - 49px); padding: 0;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-inner {padding: 30px 22px 84px;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-attachment-info {padding-bottom: 30px;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-attachment-info .hm-title {font-size: var(--hi-fs-body2); line-height: 24px; color: var(--hi-primary-black);}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-attachment-info .hm-list {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ECECED;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-attachment-info .hm-list li {color: #797B7D;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-attachment-info .hm-list li p{margin: 0;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-attachment-info .hm-list--ul-disc > .hm-list__item::before {border: 1px solid #797B7D;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hmn-divider-1 {background: var(--08_Divider-Color-White-BG_Solid,#F4F4F4); border-top: 0;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-upload-area {display: block;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-wrap {position:absolute;bottom:0;left:0;right:0;padding:16px 22px;background-color:var(--hi-bg-white);}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-btn-flex {display: flex; justify-content: space-between; width: 100%;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-btn {position: relative; height: 52px; line-height: 48px; margin-top: 0; margin-left: 9px; border-radius: 8px; font-weight: 700;}
.hm-bottomSheet__file-attachment .hm-layer-popup__content .hm-btn:first-child {margin-left: 0;}
.hm-bottomSheet__file-attachment .hm-layer-popup__bottom-frame {display: flex; width: calc(100% - 44px); height: auto; padding: 4px 22px 34px; background-color: #FFFFFF;}
.hm-bottomSheet__file-attachment .hm-layer-popup__bottom-frame::after {position: absolute; left: 0px; top: -16px; height: 16px; width: 100%; background: linear-gradient(transparent, #FFFFFF); content: "";}
.hm-bottomSheet__file-attachment .hm-layer-popup__bottom-frame .hm-btn-flex {display: flex; justify-content: space-between; width: 100%; padding: 0;}
.hm-bottomSheet__file-attachment .hm-layer-popup__bottom-frame .hm-btn {position: relative; top: 50%; transform: translateY(-50%); height: 52px; line-height: 48px; margin-top: 0; margin-left: 9px; border-radius: 8px;}
.hm-bottomSheet__file-attachment .hm-layer-popup__bottom-frame .hm-btn:first-child {margin-left: 0;}
.hm-bottomSheet__file-attachment .orDetailSubTitle {margin:40px 0 24px;font-size:16px;font-weight:700;color:#111;}
.hm-bottomSheet__file-attachment .orDetailFileUpload {margin: 0;}
.hm-bottomSheet__file-attachment .orDetailFileUpload .hm-list--ul-disc li {margin-bottom:6px; padding-left: 8px; color: #797B7D; line-height: 20px; font-weight: 400;}
.hm-bottomSheet__file-attachment .orDetailFileUpload .hm-list--ul-disc li:before {border-color: #797B7D;}
.hm-bottomSheet__file-attachment .orDetailFileBut {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; gap: 9px; margin: 0;}
.hm-bottomSheet__file-attachment .orDetailFileBut .inpFile {position: relative; display: block; width: 100%; height: 44px; box-sizing: border-box; border: 1px solid #E3E3E4; border-radius: 8px; text-align: center;}
.hm-bottomSheet__file-attachment .orDetailFileBut .inpFile input[type="file"] {display: none;}
.hm-bottomSheet__file-attachment .orDetailFileBut .inpFile label {display: block; padding: 14px 0; height: 16px; line-height: 16px;}
.hm-bottomSheet__file-attachment .orDetailFileBut .inpFile span {padding-left: 26px; font-size: 16px; color: #111;}
.hm-bottomSheet__file-attachment .orDetailFileBut .inpFile .icoPlus {padding-left: 20px;}
.hm-bottomSheet__file-attachment .orDetailFileBut .icoPhoto {background: url(/resources/native/assets/img/mypage/ico-upload-photo.svg) 0 0 no-repeat;}
.hm-bottomSheet__file-attachment .orDetailFileBut .icoVideo {background: url(/resources/native/assets/img/mypage/ico-upload-video.svg) 0 0 no-repeat;}
.hm-bottomSheet__file-attachment .orDetailFileBut .icoPlus {background: url(/resources/native/assets/img/mypage/ico-upload-plus.svg) center left no-repeat;}
.hm-bottomSheet__file-attachment .orDetailFileUpload {margin: 0;}
.hm-bottomSheet__file-attachment .orDetailUploadList {display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;margin:20px -4.5px 0;}
.hm-bottomSheet__file-attachment .orDetailUploadList li {position: relative; width: calc(25% - 9px);height:20.5333vw; margin:0 4.5px 9px; background-color: rgba(0,0,0,0.09); border-radius: 8px; overflow: hidden; isolation: isolate;}
.hm-bottomSheet__file-attachment .orDetailUploadList li:last-child {margin-right: 0;}
.hm-bottomSheet__file-attachment .orDetailUploadList li span {position: relative; display: block; padding-top: 100%; background-color: #E9ECEF;}
.hm-bottomSheet__file-attachment .orDetailUploadList li span:after {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); border-radius: 8px; content: '';}
.hm-bottomSheet__file-attachment .orDetailUploadList li span img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}
.hm-bottomSheet__file-attachment .orDetailUploadList li span video {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border-radius: 8px; overflow: hidden; z-index: 1;}
.hm-bottomSheet__file-attachment .orDetailUploadList li span video::-webkit-media-controls-panel {display: none !important; opacity: 1 !important;}
.hm-bottomSheet__file-attachment .orDetailUploadList li span video::-webkit-media-controls-start-playback-button {display: none;}
.hm-bottomSheet__file-attachment .orDetailUploadList li .icoVideo {position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; background: url(/resources/native/assets/img/mypage/ico-file-video.svg) 0 0 no-repeat; font-size: 0; color: #fff; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); z-index: 2;}
.hm-bottomSheet__file-attachment .orDetailUploadList .btnUploadDel {position: absolute; top: 0; right: 0; width: 24px; height: 24px; border: 0; border-top-right-radius: 8px; border-bottom-left-radius: 4px; background: rgba(33,37,41,0.7) url(/resources/native/assets/img/mypage/btn-upload-close.svg) center center no-repeat; font-size: 0; color: #fff; outline: none; z-index: 3;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached {display: block; margin-top: 0;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached li {position: relative; display: block; margin-top:0; padding: 15px 22px 16px 20px; background-color: #F8F9FA; border-radius: 8px;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached li + li {margin-top:9px;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached li div {display: block; margin-right: 20px; padding: 4px 4px 4px 20px; background: url(/resources/native/assets/img/mypage/ico-upload-clip.svg) 0 center no-repeat;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached li div::after {display: block; clear: both; content: "";}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached li strong {float: left; display: block; max-width: calc(100% - 22px); font-size: 14px; line-height: 14px; color: #5A5A5A; font-weight: 400; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; white-space: nowrap;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached li span {float: left; display: block; font-size: 14px; line-height: 14px; color: #5A5A5A; font-weight: 400;}
.hm-bottomSheet__file-attachment .orDetailUploadListAttached .btnUploadDel {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 24px; height: 24px; background: url(/resources/native/assets/img/mypage/ico-upload-delete.svg) center center no-repeat; border: 0; font-size: 0; color: transparent; overflow: hidden;}

/* 상품상세 내 연관상품 간편동시구매 개발 요청 */
.hm-product__tradein-amends {margin:20px;padding:20px 14px;border-radius:15px;background-color:#F8F9FA;}
.hm-product__tradein-amends .title {margin-bottom:20px;display: -webkit-box; display: -ms-flexbox; display: flex;align-items:center;}
.hm-product__tradein-amends .title span {font-size:13px;color:#000;font-weight:700;}
.hm-product__tradein-amends .title .hm-tooltip {margin-left:4px;}
.hm-product__tradein-amends-info ul {padding-top:20px;border-top:1px solid #ECECED;}
.hm-product__tradein-amends-info li {font-size:12px;color:#000;line-height:12px;display: -webkit-box; display: -ms-flexbox; display: flex;align-items:center;}
.hm-product__tradein-amends-info li + li {margin-top:16px;}
.hm-product__tradein-amends-info li span {flex:1;}
.hm-product__tradein-amends-info li span + span {flex:2;}
.hm-product__tradein-amends .hm-list {padding:20px 0;}
.hm-product__tradein-amends .hm-list li {margin-bottom:8px;}
.hm-product__tradein-amends .mobileTradeBanner a {display:block;}
.hm-product__tradein-amends .mobileTradeBanner img {border-radius: 15px;vertical-align:top;}

/* 줄서기 신청 내역 */
.hm-stand-line {margin-top:-15px;}
.hm-stand-line__sort-wrap {display: -webkit-box; display: -ms-flexbox; display: flex;align-items:center;justify-content: space-between;padding:15px 22px;border-bottom:1px solid #D5D5D9;}
.hm-stand-line__sort-buttons .button--tertiary {border-radius:4px;font-weight:400 !important;font-size:14px !important;}
.hm-stand-line__list-wrap {padding:22px 16px 0;background-color:#F4F4F4;}
.hm-stand-line__list li {padding:18px 16px 22px;border-radius:8px;background-color:#fff;}
.hm-stand-line__list li + li {margin-top:10px;}
.hm-stand-line__list-title {padding-bottom:12px;border-bottom:1px solid #ECECED;display: -webkit-box; display: -ms-flexbox; display: flex;align-items:center;justify-content: space-between;}
.hm-stand-line__list-title .hm-checkbox__label--new {color:#A9AAAA;font-size:12px;}
.hm-stand-line__list-title .hm-checkbox--new {border-radius:24px;}
.hm-stand-line__buttons .button__txt {font-weight:400;}
.hm-stand-line__list-item {margin: 16px 0 0;}
.hm-stand-line__list-item-box {margin-bottom:8px;display: -webkit-box; display: -ms-flexbox; display: flex;align-items:center;}
.hm-stand-line__list-item-image {position:relative;width:75px;height:75px;border-radius:8px;overflow:hidden;}
.hm-stand-line__list-item-image .hm-item-soldout {font-size:12px;}
.hm-stand-line__list-item-image img {display: block;width:100%;height:100%;object-fit:cover;}
.hm-stand-line__list-item-info {flex:3;margin-left:12px;}
.hm-stand-line__list-item-brand {font-size:var(--hi-fs-body4);font-weight:var(--hi-font-w700);color:var(--hi-text-gray6);line-height:13px;}
.hm-stand-line__list-item-name {margin-top:4px;font-size:var(--hi-fs-body3);line-height:18px;}
.hm-stand-line__list-buttons .button--tertiary {margin-top:12px;}
.hm-stand-line__list-buttons .button--tertiary .button__txt {font-weight:400;}
.hm-stand-line__list-item-notice {margin-top:20px;padding:10px;text-align:center;line-height:16px;font-size:14px;color:#A9AAAA;border-radius:8px;background-color:#F8F9FA;}
.hm-stand-line .hm-box.hm-box--silver {padding:22px 0 0;}
.hm-stand-line .hm-list {padding:0 16px;}
.hm-stand-line .hm-list__item {padding-left:20px;line-height:20px;color:#797B7D;}
.hm-stand-line .hm-list__item:before {top:8px;left:8px;}
.hm-stand-line__nodata {padding:150px 22px 100px;text-align:center;}
.hm-stand-line__nodata-text {color:#797B7D;line-height:21px;}
.hm-stand-line__nodata-buttons {margin-top:24px;}
.hm-stand-line__nodata-buttons .button--tertiary {width:auto;}
.hm-stand-line__nodata-buttons .button--tertiary.button--size-44 {padding-left:20px;padding-right:16px;}
.hm-stand-line__nodata-buttons .button--tertiary .button__txt {font-weight:400;}
.hm-stand-line__nodata-buttons .icon-arrow {line-height:16px;padding-right:20px;background:url(../img/icon/ico_arrow_right_12.svg) right center no-repeat;background-size:16px auto;}
/* 줄서기 삭제 레이어 */
.hm-layer-popup__stand-message {text-align:center;font-size:16px;}
.hm-layer-popup__stand .hm-button-flex {margin-top:32px;}
.hm-layer-popup__stand .hm-button-flex .button__txt {font-weight:400;}

/* 매장상세정보 레이어 */
.hm-app__layer-popup-detail-store .hm-layer-popup {bottom: auto;padding: 20px 16px;border-radius: 16px;}
.hm-app__layer-popup-detail-store .hm-layer-popup__header {height:27px;line-height:27px;text-align:left;}
.hm-app__layer-popup-detail-store .hm-layer-popup__heading.hm-heading {font-size:18px;font-weight:700 !important;}
.hm-app__layer-popup-detail-store .hm-layer-popup__close {padding:0;top:0;right:0;width:24px;height:24px;background-image:url("../img/common/icon_header_close.svg");background-size:24px auto;}
.hm-app__layer-popup-detail-store .store-map {position: relative; display: block; margin: 24px 0 14px; border: 1px solid var(--hi-gray-bg-solid, #E9ECEF); border-radius: 9px; isolation:isolate; overflow: hidden;height:172px;}
.hm-app__layer-popup-detail-store .store-map img {display: block;}
.hm-app__layer-popup-detail-store .store-info {margin:14px 0 32px;}
.hm-app__layer-popup-detail-store .store-name {margin-bottom:10px;font-size:16px;line-height:24px;font-weight:700;}
.hm-app__layer-popup-detail-store .store-info .hm-list__item {padding-left:20px;line-height:24px;font-size:16px;color:#111;}
.hm-app__layer-popup-detail-store .store-info .hm-list__item:before {top:10px;left:8px;}
.hm-app__layer-popup-detail-store .store_map_marker {position: absolute;}
.hm-app__layer-popup-detail-store .hm-button-flex button .button__txt {position:relative;height:16px;line-height:16px;padding-left:22px;font-weight:400;}
.hm-app__layer-popup-detail-store .hm-button-flex button .button__txt:after {content:'';position:absolute;top:0;left:0;width:16px;height:16px;}
.hm-icon--phone-black:after {background:url("../img/icon/icon_phone_black.svg") center center no-repeat;background-size:12px auto;}
.hm-icon--copy:after {background:url("../img/icon/icon-copy.svg") center center no-repeat;background-size:16px auto;}
.section-order .hm-notice-msg span {background-color:rgba(0,0,0,1);}
@keyframes notice-msg {
    0% {transform:translateY(0);opacity:0;}
    100% {transform:translateY(-120px);opacity:0.8;}
}

/* 본품 구성 보기 */
.hm-product__composition a {display:inline-block;padding:4px 18px 4px 0;font-size:14px;color:#5A5A5A;background:url(/resources/native/assets/img/icon/ico_arrow-right_gray5.svg) right center no-repeat;background-size:14px auto;}

/* 조립PC 교환/반품/AS접수 */
.hm-assembled-pc__as {margin:0 -22px;padding-bottom:40px;background-color: var(--hi-bg-white);}
.hm-assembled-pc__as-terms {margin-bottom:12px;border-top:1px solid var(--hi-gray-bg-solid);border-bottom:8px solid var(--hi-white-bg-solid);}
.hm-assembled-pc__as-terms .hm-accordian__item {border-color:var(--hi-gray-bg-solid);}
.hm-assembled-pc__as-terms .hm-accordian__header {padding:16px 22px;line-height: 21px;}
.hm-assembled-pc__as-terms .hm-accordian__header:before {right:22px;background-image: url(/resources/native/assets/img/icon/ico_arrow_down_16_gray3.svg);background-size: 100% auto;width: 12px;height: 12px;top: 21px;}
.hm-assembled-pc__as-terms .hm-accordian__header.hm-accordian__header--active:before {transform: rotate(180deg);}
.hm-assembled-pc__as-terms .hm-accordian__header:after {content:'내용보기';position:absolute;right:22px;top:17px;padding-right: 24px;font-size: 12px;color: var(--hi-text-gray3);}
.hm-assembled-pc__as-terms .hm-accordian__header .hm-checkbox {display:block;padding-right:80px;}
.hm-assembled-pc__as-terms .hm-accordian__content {background: #f4f4f4;}
.hm-assembled-pc__as-terms .hm-accordian__content .hm-box--white-silver {margin:16px 22px;}
.hm-accordian__header-agree-all {padding:16px 22px;}
.hm-accordian__header-agree-all span {font-weight:var(--hi-font-w700);}
.hm-assembled-pc__as-terms-notice {padding:12px 22px;}
.hm-assembled-pc__as-terms-notice .title {padding-left:20px;line-height:20px;color:var(--hi-text-gray6);font-size:var(--hi-fs-detail1);font-weight:var(--hi-font-w700);background: url(/resources/native/assets/img/icon/ico_exclamation_16_black.svg) 0 center no-repeat;}
.hm-assembled-pc__as-terms-notice ul li {margin-top:8px;line-height:20px;font-size:var(--hi-fs-detail1);color:var(--hi-text-gray6);}
.hm-assembled-pc__as-terms-notice ol li {margin-top:0;margin-left:14px;list-style-type:decimal;}
.hm-assembled-pc__as-info {margin:0 22px;}
.hm-assembled-pc__as-info-title {padding:16px 0;font-size:var(--hi-fs-body1);font-weight:var(--hi-font-w700);border-bottom:1px solid var(--hi-gray-bg-solid);}
.hm-assembled-pc__as-info-form {margin:12px 0;}
.hm-assembled-pc__as-info-form .hm-grid + .hm-grid {margin-top:8px;}
.hm-assembled-pc__as-info-form .hm-form1__label {height:40px;line-height: 40px;}
.hm-assembled-pc__as-info-form .hm-input,
.hm-assembled-pc__as-info-form .hm-select {height:40px;line-height:38px;border-color:var(--hi-border-inactive);}
.hm-assembled-pc__as-info-form .hm-input:focus,
.hm-assembled-pc__as-info-form .hm-select:focus {border-color:var(--hi-primary-black);}
.hm-assembled-pc__as-info-form .hm-btn--gray2 {height:40px;color:var(--hi-primary-black);border-color:var(--hi-gray3);}
.hm-assembled-pc__as-info-form .hm-textarea {height:120px;border-color:var(--hi-border-inactive);}
.hm-assembled-pc__as-info-form .as-number {display: -webkit-box; display: -ms-flexbox; display: flex;align-items: center;justify-content:space-between;}
.hm-assembled-pc__as-info-form .as-number .hm-form1__label {margin-right:4px;}
.hm-assembled-pc__as-info-form .as-number .hm-input {flex:1;}
.hm-assembled-pc__as .count {margin-top:12px;text-align: right;color:var(--hi-text-gray5);font-size:var(--hi-fs-detail1);}
.hm-assembled-pc__as .count em {font-style: normal;}
.hm-assembled-pc__as-button {padding:28px 22px 4px;}
.hm-assembled-pc__as .hm-list {margin:12px 0;}
.hm-assembled-pc__as .hm-list li {line-height:20px;color:var(--hi-text-gray6);font-size:var(--hi-fs-detail1);}
.hm-assembled-pc__as .hm-list li em {font-style: normal;font-weight:var(--hi-font-w700);}
.hm-assembled-pc__as .hm-list--ul-disc > .hm-list__item::before {border-color:var(--hi-text-gray3);}
/* 조립PC 교환/반품/AS접수 layerpopup */
.hm-app__layer-popup-pc-as-body {padding:0 22px 40px;height:calc(100% - 56px);overflow:auto;}
.hm-app__layer-popup-pc-as-body .hm-assembled-pc__as-info {padding-bottom:12px;}

@media screen and (max-width: 380px) {
    .hm-app__layer-popup-pc-as-body,
    .hm-assembled-pc__as-terms .hm-accordian__header,
    .hm-assembled-pc__as-terms-notice {padding-left:16px;padding-right:16px;}
    .hm-app__layer-popup-pc-as-body .hm-assembled-pc__as {margin:0 -16px;}
    .hm-assembled-pc__as-info {margin:0 16px;}
    .hm-assembled-pc__as-info-form .hm-form1__label {font-size:13px;line-height:normal;}
}

/* 전화문의 내역상세 */
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info {position:relative;margin-top:30px;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info:before {content:'';display:block;margin:0 -22px;width:100vw;height:8px;background:var(--hi-white-bg-solid)}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info:first-of-type {margin-top:0;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info:first-of-type:before {display:none;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info__tit {margin:0;padding:20px 0 12px;font-size:var(--hi-fs-body1);color:var(--hi-text-gray6);font-weight:var(--hi-font-w700);line-height:27px;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info__cont {margin-top:8px;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info__cont li {display:flex;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info__cont li + li {margin-top:10px;}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info__cont .info__tit {margin-right:9px;width:104px;font-size:var(--hi-fs-body3);line-height:21px;color:var(--hi-text-gray3);}
.hm-tel-inquiry .hm-inquiry-detail .hm-inquiry-info__cont .info__txt {flex:1;font-size:var(--hi-fs-body3);line-height:21px;color:var(--hi-text-gray7);word-break:break-word}

/* 40068 마이롯데 > 주문내역 > 소모품 구매내역 레이어팝업 */
.hm-app__layer-popup.hm-layer-order-consumables:not(.hm-app__layer-popup--dimm):not(.hm-app__layer-popup--tooltip) .hm-layer-popup__header {height:84px;}
.hm-app__layer-popup.hm-layer-order-consumables:not(.hm-app__layer-popup--dimm):not(.hm-app__layer-popup--tooltip) .hm-layer-popup__heading {padding:20px 0 0 22px; font-size:var(--hi-fs-body2);}
.hm-app__layer-popup.hm-layer-order-consumables:not(.hm-app__layer-popup--dimm):not(.hm-app__layer-popup--tooltip) .hm-layer-popup__close { top:20px;}
.hm-layer-order-consumables .hm-heading-desc {margin: 4px 0 0; padding:0 22px; font-size: var(--hi-fs-body3); line-height: 21px; color: var(--hi-text-gray7);}
.hm-layer-order-consumables .hm-layer-popup__body {overflow-y:auto; padding:25px 16px 40px; height:calc(100% - 84px); box-sizing:border-box; background:var(--hi-gray1);}
.hm-layer-order-consumables .hm-layer-popup__body .hm-btns-wrap { margin-top:24px;}
.hm-layer-order-consumables .hm-layer-popup__body .hm-btns-wrap .hm-btn { display:flex; height:52px; font-size:var(--hi-fs-body2); border-radius:8px; align-items:center; justify-content:center; border-color:var(--hi-gray3); background-color:var(--hi-bg-white);}
.hm-layer-order-consumables .hm-layer-popup__body .hm-btns-wrap .hm-btn--arrow-right--black:after { margin-left:4px; width:16px; height:16px; background:url(../img/icon/ico_arrow_right.svg) no-repeat; background-size:16px 16px;}
.hm-layer-order-consumables .hm-order-history__product-cont {padding:12px 0 23px;}
.hm-layer-order-consumables .hm-order-history__product-desc-area {margin-bottom:13px}
.hm-layer-order-consumables .hm-order-history__product-info-area {padding:1px 0 0 75px; min-height: 63px; }
.hm-layer-order-consumables .hm-order-history__product-thumb {width:63px; height:63px;}
.hm-layer-order-consumables .hm-order-history__product-thumb .hmn-thumb { border-radius:4px;}
.hm-layer-order-consumables  .hm-order-history__product-info__name { line-height:18px;}
.hm-layer-order-consumables .hm-order-history__company__name { margin-top:9px; font-size:var(--hi-fs-body3); color:var(--hi-color-8)}

/* 바텀시트 */
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-layer-popup {left: 0;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-sheet-body {padding-bottom: 96px;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-sheet-header-close { position: absolute; top: 20px; right: 16px; width: 24px; height: 24px; background: url(/resources/native/assets/img/icon/ico_close_24.svg) no-repeat 0 0; background-size: 100% auto;
}
.hm-checkbox-wrap--new { position: relative; }
.hm-app__layer-popup.hm-bottomSheet__membership_application input[type=checkbox].hm-checkbox--new { position: absolute; top: 0; left: 0; width: 24px; height: 24px; border: 0; background-color: transparent;}
.hm-checkbox__label--new { display: inline-block; padding-left: 32px; font-size: var(--hi-fs-body3); font-weight: var(--hi-font-w400); line-height: 24px; color: var(--hi-text-gray7); }
.hm-checkbox__label--new::before { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(/resources/native/assets/img/icon/ico_check_off_24.svg) no-repeat 0 0; background-size: 100% auto; }
.hm-checkbox--new:checked + .hm-checkbox__label--new::before { background: url(/resources/native/assets/img/icon/ico_check_on_24.svg) no-repeat 0 0; background-size: 100% auto; }
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-checkbox-wrap--new label{font-weight: bold;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .js-toggle-target3 {display: block;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .hm-viewmore-checkbox__emitor { position: relative; display: inline-block; font-size: var(--hi-fs-detail1); color: var(--hi-color-8); word-break: keep-all; width: 16px; height: 16px; margin-top: 3px; padding-right: 0;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .hm-viewmore-checkbox__emitor::before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url(/resources/native/assets/img/icon/ico_arrow_down_16.svg) no-repeat 0 0; background-size: 100% auto;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .hm-viewmore-checkbox__emitor.hm-view-more__emitor--active::before { -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .terms-content { height: 300px; border: 1px solid #e9ecef; padding: 16px; margin-top: 0; overflow-y: scroll; overflow-x: hidden; background-color: var(--hi-bg-gray); box-sizing: border-box;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .terms-content-text { font-size: var(--hi-fs-detail1); font-weight: var(--hi-font-w400); line-height: 20px; color: var(--hi-primary-black); margin: 0 auto 6px;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .terms-content__item { position: relative; font-size: var(--hi-fs-detail1); font-weight: var(--hi-font-w400); line-height: 20px; color: var(--hi-primary-black); padding-left: 16px; margin-bottom: 6px;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .hm-signup__terms-area .terms-content__list.disc .terms-content__item::before { display: block; position: absolute; top: 8px; left: 7px; width: 3px; height: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; border: var(--hi-border-black2); background-color: #111; border-radius: 50%; content: '';}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-content__wrap {position: fixed;bottom: 0;left: 0;width: 100%;height: auto;z-index: 100;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-btn__wrap { display: flex; gap: 0 9px; width: 100%; background-color: var(--hi-bg-white); padding: 16px 22px 28px; box-sizing: border-box; align-items: stretch;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-btn__wrap button { all: unset; display: block; flex: 1; border-radius: 8px; width: 100%; height: 52px; line-height: 52px; text-align: center; box-sizing: border-box;   margin: 0; padding: 0;}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-btn__wrap .btn__black {background-color: var(--hi-bg-black2); border: 1px solid var(--hi-bg-black2);}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-btn__wrap .btn__black .btn__text {color: var(--hi-text-white);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-btn__wrap .btn__white {background-color: var(--hi-bg-white); border: var(--hi-border-21);}
.hm-app__layer-popup.hm-bottomSheet__membership_application .bottom-btn__wrap .btn__white .btn__text { color: var(--hi-text-gray7); font-size: var(--hi-fs-body2); font-weight: var(--hi-font-w700);}
.hm-app__layer-popup.hm-bottomSheet__membership_application button {all: unset;display: block;border-radius: 8px;width: 100%;height: 52px;line-height: 52px;text-align: center;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor: pointer;}
/* 찜한 상품 */
.section-mypage .hm-order__list + .hm-btns {margin-bottom: 25px;}

/* 내역 >  필터 카테고리 영역 */
.hm-category-filter-area {position: relative;}
.hm-category-filter-area .middle-category__content {height: 52px; background-color: var(--hi-bg-white);}
.hm-category-filter-area .middle-category__swiper {padding: 8px 22px;}
.hm-category-filter-area .middle-category__item {display: inline-block;width: auto;height: auto;}
.hm-category-filter-area .middle-category__item .chips {display: inline-block;padding: 9px 16px;font-size: var(--hi-fs-body3);color: var(--hi-text-gray5); line-height: var(--hi-fs-body2);text-align: center;border-radius: 61px;border: none;background-color: var(--hi-gray1);-webkit-tap-highlight-color:transparent;}
.hm-category-filter-area .middle-category__item.active .chips {font-weight: var(--hi-font-w700);color: var(--hi-text-white);border-color: var(--hi-real-white);background-color: var(--hi-btn-navy);}
.hm-product-alignment-box {display: flex;justify-content: space-between;height: 52px; align-items:center; padding: 0px 22px;background-color: var(--hi-bg-white);}
.hm-product-alignment-box .product-alignment__number .item-qty {display: inline-block;font-size: var(--hi-fs-body3);line-height: 14px;color: var(--hi-text-gray4);}
.hm-product-alignment-box .product-alignment__number .item-qty em {font-weight: var(--hi-font-w700);font-style: normal;}
.hm-product-alignment-box .product-alignment__filter {line-height:0;}
.hm-product-alignment-box .product-alignment__filter .filter-btn {display:inline-block; padding:0; width:24px; height:24px; border:none; background: url(../img/icon/ico_3lines_filter.svg) no-repeat 0 0; background-size: 100% auto;}

/* 41030_리셀 : 판매 내역 */
.hm-resell-history {margin:0 -22px; min-height:calc(100vh - 112px); box-sizing:border-box; padding-bottom:20px; background: var(--hi-bg-gray);}
.hm-resell-history .hm-resell-history__content { padding:20px 22px;}
.hm-resell-history .resell-admin-area {margin-bottom:20px;}
.hm-resell-history .resell-admin-area .resell-admin-item {padding:20px 24px 20px 16px; display:flex; width:100%; border-radius:13px; justify-content:space-between; align-items:center; box-sizing:border-box; background-color:var(--hi-bg-white);}
.hm-resell-history .resell-admin-area .resell-admin-item:not(:first-child) {margin-top:9px}
.hm-resell-history .resell-admin-area .resell-admin-item > strong {margin-right:9px; font-size:var(--hi-fs-body2); color:var(--hi-text-gray7); font-weight:var(--hi-font-w700);}
.hm-resell-history .resell-admin-area .resell-admin-item .button--tertiary {flex:none; width:auto; font-weight:var(--hi-font-w400);}
.hm-resell-history .resell-admin-area .resell-admin-item .button--tertiary span:after {content:''; display:inline-block; margin:1px 0 0 2px; width:12px; height:12px; vertical-align:top; background:url('../img/icon/ico_arrow_right.svg') no-repeat; background-size:12px 12px;}
.hm-resell-history .resell-info-box {position:relative; padding:20px 20px 30px; border-radius:13px; box-shadow:0 2px 4px 0 rgba(22, 37, 66, 0.08); background:var(--hi-bg-white);}
.hm-resell-history .resell-info-box .title-area {position:relative; display:flex; flex-direction:column; height:88px; justify-content:center;}
.hm-resell-history .resell-info-box .title-area:after {content:''; position:absolute; top:0; right:0; width:67px; height:88px; background:url('../img/icon/icon_resell_infobox.svg') no-repeat; background-size:100% auto;}
.hm-resell-history .resell-info-box .title-area .sub-txt {font-size:var(--hi-fs-body3); line-height:1; color:var(--hi-secondary-blue);}
.hm-resell-history .resell-info-box .title-area > strong {display:block; margin-top:8px; font-size:var(--hi-fs-body1); line-height:23px; font-weight:var(--hi-font-w700); color:var(--hi-text-gray7);}
.hm-resell-history .resell-info-box .hm-text-link {line-height:22px;}
.hm-resell-history .resell-info-box .hm-text-link:after {top:4px; width:14px; height:14px; background:url('../img/icon/ico_arrow_right.svg') no-repeat; background-size:100% auto;}
.hm-resell-history .resell-info-box .button-wrap {margin-top:8px;}
.hm-resell-history .resell-info-box .button-wrap .button--tertiary {font-weight:var(--hi-font-w400);}
.hm-resell-history .hm-list-nodata {margin:86px 0 142px; text-align:center;}
.hm-resell-history .hm-list-nodata > strong {display:block; font-family:var(--hi-ff-hama); font-size:var(--hi-fs-body1); line-height:27px; font-weight:var(--hi-font-w500); color:var(--hi-text-gray7);}
.hm-resell-history .hm-list-nodata .text {margin:16px 0 0; font-size:var(--hi-fs-body3); line-height:21px; color:var(--hi-text-gray4);}
.hm-resell-history .hm-resell-history__list li {margin-top:20px;}
.hm-resell-history .hm-resell-history__list .history-item-box { padding:20px 16px 30px; border-radius:13px; background:var(--hi-bg-white);}
.hm-resell-history .hm-resell-history__list .history-item-box .item-head {display:flex; align-items:center; justify-content:space-between;}
.hm-resell-history .hm-resell-history__list .history-item-box .item-head .hm-label {font-weight:var(--hi-font-w400);}
.hm-resell-history .hm-resell-history__list .history-item-box .item-head .hm-number {font-size:var(--hi-fs-detail1); color:var(--hi-text-gray3);}
.hm-resell-history .hm-resell-history__list .history-item-box .item-head .hm-number > em {font-style:normal; color:var(--hi-text-gray6);}
.hm-resell-history .hm-resell-history__list .history-item-box .item-cont {margin-top:12px;border-top:1px solid var(--hi-gray2);}
.hm-resell-history .hm-resell-history__list .history-item-box .status-title {display:flex; padding:16px 0; justify-content:space-between; align-items:center}
.hm-resell-history .hm-resell-history__list .history-item-box .status-title .txt { font-size:var(--hi-fs-body2); line-height:24px; color:var(--hi-text-gray7); font-weight:var(--hi-font-w700)}
.hm-resell-history .hm-resell-history__list .history-item-box .status-title .date {font-size:var(--hi-fs-detail1); color:var(--hi-text-gray6);}
.hm-resell-history .hm-resell-history__list .history-item-box .status-detail .status-date {margin-bottom:12px; font-size:var(--hi-fs-body3); color:var(--hi-text-gray6);}
.hm-resell-history .hm-resell-history__list .history-item-box .status-detail .status-date .date {color:var(--hi-secondary-blue)}
.hm-resell-history .hm-resell-history__list .history-item-box .status-step {position:relative; margin:0; padding-left:51px; font-size:var(--hi-fs-body3); line-height:21px; color:var(--hi-text-gray7);}
.hm-resell-history .hm-resell-history__list .history-item-box .status-step > span {display: block;}
.hm-resell-history .hm-resell-history__list .history-item-box .status-step:before {content:''; position:absolute; left:4px; top:2px; width:37px; height:37px; background-size:100% auto; background-repeat:no-repeat; }
.hm-resell-history .hm-resell-history__list .history-item-box .status-step.step1:before {background-image:url('../img/icon/icon_resell_status_edit.svg');}
.hm-resell-history .hm-resell-history__list .history-item-box .status-step.step2:before,
.hm-resell-history .hm-resell-history__list .history-item-box .status-step.step3:before {background-image:url('../img/icon/icon_resell_status_delivery.svg');}
.hm-resell-history .hm-resell-history__list .history-item-box .status-step.step4:before,
.hm-resell-history .hm-resell-history__list .history-item-box .status-step.step5:before {background-image:url('../img/icon/icon_resell_status_deposit.svg');}
.hm-resell-history .hm-resell-history__list .history-item-box .product-spec-box {overflow-x:auto; display:flex; margin-top:16px; padding:10px 0 10px 16px; border-radius:8px; box-sizing:border-box; background:var(--hi-bg-gray); cursor:grab; -webkit-overflow-scrolling:auto; scroll-behavior:smooth;}
.hm-resell-history .hm-resell-history__list .history-item-box .product-spec-box .spec-item {display:flex; padding-right:24px;}
.hm-resell-history .hm-resell-history__list .history-item-box .product-spec-box .spec-item span {font-size:var(--hi-fs-detail1); white-space:nowrap; line-height:20px;}
.hm-resell-history .hm-resell-history__list .history-item-box .product-spec-box .spec-item .tit {color: #949FA6;}
.hm-resell-history .hm-resell-history__list .history-item-box .product-spec-box .spec-item .cont {margin-left:8px; color:#121F26;}
.hm-resell-history .hm-resell-history__list .history-item-box .btn-area {margin-top:16px; text-align:center;}
.hm-resell-history .hm-resell-history__list .history-item-box .btn-area .button--tertiary {margin-bottom:16px; font-weight:var(--hi-font-w400);}
.hm-resell-history .hm-resell-history__list .history-item-box .btn-area .hm-text-link { position:relative; font-size:var(--hi-fs-detail1); line-height:20px;}
.hm-resell-history .hm-resell-history__list .history-item-box .btn-area .hm-text-link:after {top:4px; width:12px; height:12px; vertical-align:top; background:url('../img/icon/ico_arrow_right.svg') no-repeat; background-size:100% auto;}
.hm-resell-history .button-more-wrap {margin-top:24px;}
.hm-resell-history .button-more-wrap .button__txt {font-weight:var(--hi-font-w400);}
.hm-resell-history .button-more-wrap .button__txt-pagination {margin-left:4px;}
.hm-resell-history .button-more-wrap .button__txt-pagination .button__current-page {font-size:var(--hi-fs-body2); font-weight:var(--hi-font-w400);}
.hm-resell-history .button-more-wrap .button__txt-pagination .button__total-page {font-size:var(--hi-fs-body2); font-weight:var(--hi-font-w400);}

/* 41030_리셀 : 판매 내역 상세 */
.hm-resell-detail {padding-bottom:20px; box-sizing:border-box; }
.hm-resell-detail .hm-section-area {margin:0 -22px; padding:0 22px 30px;}
.hm-resell-detail .hm-section-area:not(:first-child) {border-top:8px solid var(--hi-gray1);}
.hm-resell-detail .hm-section-area .hm-label {font-weight:var(--hi-font-w400); color:var(--hi-text-gray5);}
.hm-resell-detail .hm-section-area .section-label {padding:20px 0;}
.hm-resell-detail .section-title {display:flex; padding:32px 0 24px; justify-content:space-between; align-items:center;}
.hm-resell-detail .section-title .title {display:flex; align-items:center;}
.hm-resell-detail .section-title .title h4 {display:inline-block; margin:0; font-size:var(--hi-fs-body1); font-weight:var(--hi-font-w700); color: var(--hi-text-gray7);}
.hm-resell-detail .section-title .title .status-tit {color:var(--hi-text-gray7);}
.hm-resell-detail .section-title .title .status-tit .date {font-style:normal; color:var(--hi-secondary-blue);}
.hm-resell-detail .section-title .btn-round {display:inline-block; padding:5px 10px; font-size:var(--hi-fs-detail1); line-height:12px; box-sizing:border-box; border:1px solid var(--hi-gray3); border-radius:100px; background:var(--hi-bg-white); }
.hm-resell-detail .hm-ly-tooltip { position:relative; margin-left:6px; display:inline-block; height:16px;}
.hm-resell-detail .hm-ly-tooltip .hm-ly-tooltip-btn {display:inline-block; margin-top:-4px; width:16px; height:16px; border:none; vertical-align:middle; background:url('../img/icon/ico_info-mark_bg_gray.svg') no-repeat;}
.hm-resell-detail .hm-ly-tooltip-box { display:none; position:absolute; padding:12px; left:-16px; width:max-content; width:192px; border-radius:8px; box-sizing:border-box; background-color:var(--hi-gray7); z-index:10;}
.hm-resell-detail .hm-ly-tooltip-box:after {content:''; position:absolute; left:20px; width:10px; height:10px; transform:rotate(45deg); background-color:var(--hi-gray7);}
.hm-resell-detail .hm-ly-tooltip-box > p { margin:0; font-family:var(--hi-ff-pre); font-size:var(--hi-fs-detail1); color:var(--hi-text-white); line-height:20px;}
.hm-resell-detail .hm-ly-tooltip-box.tooltip-arrow-down { bottom:27px;}
.hm-resell-detail .hm-ly-tooltip-box.tooltip-arrow-down:after { bottom:-5px;}
@media screen and (max-width: 320px) {
  .hm-resell-detail .hm-ly-tooltip-box { left:-10px; width:fit-content; }
  .hm-resell-detail .hm-ly-tooltip-box:after { left:calc(50% + 28px);}
}
.hm-resell-detail .section-info__list li {display:flex; gap:9px; width:100%; line-height:21px; box-sizing:border-box; align-items:center;}
.hm-resell-detail .section-info__list li + li {margin-top:10px;}
.hm-resell-detail .section-info__list .tit {width:104px; color:var(--hi-text-gray3);}
.hm-resell-detail .section-info__list .cont {flex:1; color:var(--hi-text-gray7);}
.hm-resell-detail .result-price-area {display:flex; margin:24px 0; padding-top:24px; border-top:1px solid var(--hi-gray2); justify-content:space-between;}
.hm-resell-detail .result-price-area .tit {font-size:var(--hi-fs-body3); color:var(--hi-text-gray7); line-height:21px;}
.hm-resell-detail .result-price-area .price {font-size:var(--hi-fs-body2); line-height:21px; color:var(--hi-text-gray7);}
.hm-resell-detail .result-price-area .price > em {font-weight:var(--hi-font-w700); font-style:normal;}
.hm-resell-detail .result-price-area.return span {font-size:var(--hi-fs-body2); font-weight:var(--hi-font-w700);}
.hm-resell-detail .result-price-area.return .price > em {font-size:var(--hi-fs-body1);}
.hm-resell-detail .result-price-area.default .price > em {font-weight:var(--hi-font-w400)}
.hm-resell-detail .button-area {display:flex; margin-top:24px; gap: 9px;}
.hm-resell-detail .button-area .button--tertiary {font-weight:var(--hi-font-w400);}
.hm-resell-detail .hm-list .hm-list__item {font-size:var(--hi-fs-body4); line-height:20px; color:var(--hi-text-gray4);}
.hm-resell-detail .hm-list .hm-list__item:before {border-color:#797B7D;}
.hm-resell-detail .hm-notice-box {margin-top:24px; padding:22px 20px; background:var(--hi-bg-gray);}
.hm-resell-detail .hm-notice-box .notice-tit {margin:0 0 16px; font-size:var(--hi-fs-body3); line-height:21px; color:var(--hi-text-gray7);}
.hm-resell-detail .hm-notice-box .hm-list .hm-list__item {margin-bottom:1px;}
.hm-resell-detail .bottom-content__wrap {}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap {display: flex; gap: 0 9px; width: 100%; }
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap button {all: unset; display: block; width: 100%; height: 52px; line-height: 52px; text-align: center; border-radius: 8px; box-sizing: border-box; cursor:pointer;}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap .button--secondary {flex: 1; border: var(--hi-border-21); background-color: var(--hi-bg-white);}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap .button--secondary .btn__text {color: var(--hi-text-gray7);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap .button--primary {flex: 2; background-color: var(--hi-bg-black2);}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap .button--primary .btn__text {color: var(--hi-text-white);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap button:disabled {background-color: var(--hi-gray1);}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap button:disabled .btn__text {color: rgba(0, 0, 0, 0.4);}
.hm-resell-detail .bottom-content__wrap .bottom-btn__wrap .btn__line-gray {border: 1px solid var(--hi-gray3);}

/* 기간선택 > 바텀 시트 */
.hm-bottomSheet__select-period .hm-layer-popup {max-height: calc(100% - 56px);}
#bottomSheetChangeDate .bottom-sheet-header {min-height: initial;margin: 0 0 14px;padding: 0;}
.hm-bottomSheet.hm-bottomSheet__select-period .bottom-sheet-body {padding-bottom: 96px;}
html.ios .hm-bottomSheet__select-period .bottom-sheet-body {padding-bottom: 102px;}
.hm-bottomSheet__select-period .date-picker__wrap {min-height: 300px;}
.hm-bottomSheet__select-period .ui-datepicker {position: static !important;width: 100%;height: 100%;margin: 0;padding: 0;border: none;box-shadow: none;font-family: var(--hi-ff-pre);}
.hm-bottomSheet__select-period .ui-datepicker .ui-datepicker-title {font-family: var(--hi-ff-pre);font-size: var(--hi-fs-heading5);line-height: 22px;color: var(--hi-text-gray7);font-weight: var(--hi-font-w400);}
.hm-bottomSheet__select-period .ui-datepicker .ui-datepicker-prev {position: absolute;width: 24px;height: 24px;top: 0px;left: 0px;background: url(../img/icon/ico_arrow_left_gray2.svg) no-repeat;background-position: center center;}
.hm-bottomSheet__select-period .ui-datepicker .ui-datepicker-next {position: absolute;width: 24px;height: 24px;top: 0px;right: 0px;background: url(../img/icon/ico_arrow_right_gray2.svg) no-repeat;background-position: center center;}
.hm-bottomSheet__select-period .ui-datepicker table {width: 100%;}
.hm-bottomSheet__select-period .ui-datepicker th {width: calc(100% / 7);height: 36px;font-size: var(--hi-fs-body3);line-height: 14px;font-weight: var(--hi-font-w400);padding: 0 0 2px 0;box-sizing: border-box;}
.hm-bottomSheet__select-period .ui-datepicker thead th:first-child,
.hm-bottomSheet__select-period .ui-datepicker tbody td:first-child a {color: var(--hi-red7);}
.hm-bottomSheet__select-period .ui-datepicker td {width: calc(100% / 7);height: 36px;padding: 0;}
.hm-bottomSheet__select-period .ui-datepicker td span,
.hm-bottomSheet__select-period .ui-datepicker td a {font-size: var(--hi-fs-body2);line-height: 16px;font-weight: var(--hi-font-w400);padding: 10px 7px;}
.hm-bottomSheet__select-period .ui-datepicker td span.ui-state-default {color: var(--hi-text-gray1);}
.hm-bottomSheet__select-period .ui-datepicker td a.ui-state-default {color: var(--hi-text-gray7);}
.hm-bottomSheet__select-period .ui-datepicker td.ui-datepicker-current-day a {width: 36px;height: 36px;background-color: var(--hi-btn-navy);border-radius: 50%;margin: 0 auto;box-sizing: border-box;}
.hm-bottomSheet__select-period .ui-datepicker td.ui-datepicker-current-day a.ui-state-default {color: var(--hi-text-white);font-weight: var(--hi-font-w700);}
.hm-bottomSheet__select-period .ui-datepicker td.ui-datepicker-today a {text-decoration: none;}
.hm-bottomSheet__select-period .time-picker__wrap {margin-top: 11px;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__info {display: block;width: 100%;height: 42px;background-color: var(--hi-bg-gray);border-radius: 5px;text-align: center;padding: 11px 0;box-sizing: border-box;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__info .info-text {display: inline-block;color: var(--hi-text-gray7);font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);line-height: 20px;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker {display: none;width: auto;margin-left: -20px;margin-right: -20px;padding: 3px 0;}
.hm-bottomSheet__select-period .time-picker__wrap.date-selected .time-picker__info {display: none;}
.hm-bottomSheet__select-period .time-picker__wrap.date-selected .time-picker {display: block;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item {width: 88px;height: 36px;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item:first-child {padding-left: 22px;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item:last-child {padding-right: 22px;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item .time-picker__link {display: block;width: 100%;height: 100%;box-sizing: border-box;line-height: 35px;border: var(--hi-border-e3);border-radius: 6px;text-align: center;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item .time-picker__txt {display: inline-block;font-size: var(--hi-fs-body3);color: var(--hi-text-gray7);font-weight: var(--hi-font-w400);line-height: 14px;}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item.on .time-picker__link {border-color: var(--hi-gray9);}
.hm-bottomSheet__select-period .time-picker__wrap .time-picker__item.on .time-picker__txt {font-weight: var(--hi-font-w700);}
.hm-bottomSheet__select-period .time-picker__notice {padding-top: 13px;}
.hm-bottomSheet__select-period .time-picker__notice .notice-text {display: inline-block;color: var(--hi-text-gray4);font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);line-height: 20px;}
.hm-bottomSheet__select-period .options-list {padding: 16px 0;max-height: 408px;overflow-y: auto;}
.hm-bottomSheet__select-period .options-list::-webkit-scrollbar {display: none;}
.hm-bottomSheet__select-period .options-list .options-list-item {padding: 15px;border-radius: 16px;border: var(--hi-border-e3);box-sizing: border-box;margin-top: 9px;}
.hm-bottomSheet__select-period .options-list .options-list-item:first-child {margin-top: 0;}
.hm-bottomSheet__select-period .options-list .hm-radio {display: block;}
.hm-bottomSheet__select-period .options-list .hm-radio__radio {}
.hm-bottomSheet__select-period .options-list .hm-radio__label {display: flex;align-items: center;position: relative;width: auto;height: 36px;padding: 0 0 0 36px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;word-break: break-all;}
.hm-bottomSheet__select-period .options-list .hm-radio__label::before {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;content: '';background-color: transparent;background-image: url(../img/icon/ico_check_off_24.svg);background-repeat: no-repeat;background-position: center center;background-size: 100% auto;border: none;border-radius: 0;}
.hm-bottomSheet__select-period .options-list .hm-radio__label::after {content: none;}
.hm-bottomSheet__select-period .options-list .hm-radio__radio:checked + p::after {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;content: '';background-color: transparent;background-image: url(../img/icon/ico_check_on_24.svg);background-repeat: no-repeat;background-position: center center;background-size: 100% auto;border: 0;border-radius: 0;}
.hm-bottomSheet__select-period .options-list .label-title {display: block;flex-basis: 199px;flex-grow: 1;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-text-gray4);line-height: 18px;}
.hm-bottomSheet__select-period .options-list .label-price {display: block;flex-basis: 78px;flex-grow: 1;text-align: right;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w700);color: var(--hi-text-gray4);line-height: 12px;}
.hm-bottomSheet__select-period .options-notice-list {padding: 12px 0 16px;}
.hm-bottomSheet__select-period .options-notice-list .options-notice-item {position: relative;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-text-gray4);line-height: 20px;margin-top: 2px;padding-left: 8px;}
.hm-bottomSheet__select-period .options-notice-list .options-notice-item:first-child {margin-top: 0;}
.hm-bottomSheet__select-period .options-notice-list .options-notice-item::before {content: '';position: absolute;top: 8.5px;left: 0px;display: inline-block;width: 2px;height: 2px;border-radius: 100%;background-color: var(--hi-text-gray4);}
.hm-bottomSheet__select-period .options-list .options-list-item.item-checked {border-color: var(--hi-gray9);}
.hm-bottomSheet__select-period .options-list .options-list-item.item-checked .label-title,
.hm-bottomSheet__select-period .options-list .options-list-item.item-checked .label-price {color: var(--hi-text-gray7);}
.hm-bottomSheet__select-period .sheet-period-box {margin-top: 16px;}
.hm-bottomSheet__select-period .period__tab {position: relative;}
.hm-bottomSheet__select-period .period__option-list {display: flex;border: var(--hi-border-ec);border-radius: 4px;}
.hm-bottomSheet__select-period .period__option-item {flex: 1;border-left: var(--hi-border-ec);}
.hm-bottomSheet__select-period .period__option-item:first-child {border-left: none;}
.hm-bottomSheet__select-period .period__option-btn {position: relative;display: block;width: 100%;font-size: var(--hi-fs-body3);line-height: 42px;color: var(--hi-text-gray7);z-index: 1;transition: all 0.2s;}
.hm-bottomSheet__select-period .period__option-item--active .period__option-btn {font-weight: var(--hi-font-w700);}
.hm-bottomSheet__select-period .period__option-line {position: absolute;top: 0;left: 0;bottom: 0;width: calc((100% - 3px) / 4);border: 1px solid var(--hi-real-black);border-radius: 4px 0 0 4px;background-color: var(--hi-bg-white);transition: all 0.3s ease-out;}
.hm-bottomSheet__select-period .period__datepicker {display: flex;position: relative;margin-top: 12px;border: var(--hi-border-ec);border-radius: 4px;transition: all 0.3s ease-out;}
.hm-bottomSheet__select-period .period__datepicker.period__datepicker--active {border-color: var(--hi-real-black);}
.hm-bottomSheet__select-period .period__datepicker .datepicker-main {width: 100%;height: auto;}
.hm-bottomSheet__select-period .period__datepicker .datepicker-input__wrap {width: 100%;height: 100%;}
.hm-bottomSheet__select-period .period__datepicker .datepicker-input__inner {position: relative;width: 100%;height: 100%;}
.hm-bottomSheet__select-period .period__datepicker .datepicker-input {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;height: 100%;padding: 11px 50px 10px 15px;border: none;box-sizing: border-box;color: var(--hi-text-gray7);outline: none;transition: border-color .2s cubic-bezier(0.645, 0.045, 0.355, 1);font-size: var(--hi-fs-body3);font-weight: var(--hi-font-w400);color: var(--hi-text-gray2);position: relative;z-index: 3;background-color:transparent;}
.hm-bottomSheet__select-period .period__datepicker .datepicker-input.date-selected {font-weight: var(--hi-font-w700);color: var(--hi-text-gray7);}
.hm-bottomSheet__select-period .period__datepicker .datepicker-input__icon {position: absolute;top: 50%;right: 16px;transform: translateY(-50%);z-index: 2;;display: block;width: 24px;height: 24px;background-image: url(../img/icon/ico_calender_bk.svg);background-size: 100% auto;background-repeat: no-repeat;}
.hm-bottomSheet__select-period .period__datepicker .datepicker-dash {line-height: 42px;vertical-align: top;color: var(--hi-text-gray7);}
.hm-bottomSheet__select-period .period__datepicker .period-datepicker {position: absolute;top: 69px;left: 0;-webkit-transform: translateX(0);transform: translateX(0);min-width: initial;width: 100%;border: none;border-radius: 0;font-family: "Pretendard", sans-serif;font-size: var( --hi-fs-body2);}
.hm-bottomSheet__select-period .period__datepicker .period-datepicker-start__wrap {display: none;}
.hm-bottomSheet__select-period .period__datepicker .period-datepicker-end__wrap {display: none;}
.hm-bottomSheet__select-period .period__datepicker .ui-datepicker select.ui-datepicker-year,
.hm-bottomSheet__select-period .period__datepicker .ui-datepicker select.ui-datepicker-month {width: auto;margin: 0;padding-right: 20px;height: 22px;line-height: 22px;border: none;border-radius: 0;background: transparent url(../img/icon/ico_arrow-down_black.svg) no-repeat right center;background-size: 20px 20px;}
.hm-bottomSheet__select-period .period__datepicker .ui-datepicker select.ui-datepicker-year option,
.hm-bottomSheet__select-period .period__datepicker .ui-datepicker select.ui-datepicker-month option {font-size: var(--hi-fs-body3);}
.hm-bottomSheet__select-period .period__datepicker .ui-datepicker select.ui-datepicker-year:focus,
.hm-bottomSheet__select-period .period__datepicker .ui-datepicker select.ui-datepicker-month:focus {outline: 0;}
.hm-bottomSheet__select-period .bottom-content__wrap {position: fixed;bottom: 0;left: 0;width: 100%;height: auto;z-index: 100;}
.hm-bottomSheet__select-period .bottom-btn__wrap {display: flex;gap: 0 9px;width: 100%;background-color: var(--hi-bg-white);padding: 16px 22px 28px;box-sizing: border-box;}
html.ios .hm-bottomSheet__select-period .bottom-btn__wrap {padding-bottom: 34px;}
.hm-bottomSheet__select-period .bottom-btn__wrap button {all: unset;display: block;border-radius: 8px;width: 100%;height: 52px;line-height: 52px;text-align: center;box-sizing: border-box;}
.hm-bottomSheet__select-period .bottom-btn__wrap .btn__white {flex-basis: 50%;flex-grow: 1;background-color: var(--hi-bg-white);border: var(--hi-border-21);}
.hm-bottomSheet__select-period .bottom-btn__wrap .btn__white .btn__text {color: var(--hi-text-gray7);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-bottomSheet__select-period .bottom-btn__wrap .btn__black {flex-basis: 50%;flex-grow: 1;background-color: var(--hi-bg-black2);position: relative;}
.hm-bottomSheet__select-period .bottom-btn__wrap .btn__black .btn__text {color: var(--hi-text-white);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-bottomSheet__select-period .bottom-btn__wrap .btn__black.disabled {background-color: var(--hi-gray1);}
.hm-bottomSheet__select-period .bottom-btn__wrap .btn__black.disabled .btn__text {color: rgba(0, 0, 0, 0.4)}
.hm-bottomSheet__select-period .hm-guide-txt {font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w400);color: var(--hi-text-gray7);text-align: center;}
.hm-bottomSheet__select-period .hm-button-flex {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0 9px;margin-top: 32px;}
.hm-bottomSheet__select-period .hm-button-flex li {flex-basis: calc(50% - 4.5px);flex-shrink: 0;flex-grow: 1;}
.hm-bottomSheet__select-period .hm-layer-popup__scroll--top-fit {overflow-y: auto;padding: 0 22px 30px;}
.hm-bottomSheet__select-period .hm-layer-popup__scroll--top-fit::-webkit-scrollbar {display: none;}