@charset "UTF-8";

/****************************************/
/*	Name: HIMART
/*	PART: 가전수리
/*	Version: 1.0
/****************************************/

/* layout */
.hm-app__content--new.as-content-new {
    margin-top: 16px;
    padding: 0 !important;
}
.hm-app__content--new.as-content-new .hm-content-wrap {
    padding: 0 !important;
}
.hm-app__content--new.as-content-new .hm-content-wrap:has(.bottom-content__wrap) {
    padding: 0 0 100px 0 !important;
}

.hm-app__content--new.as-content-new  .hm-tab--new{
    margin: 0 !important;
}

.as-new-wrapper {
    margin: 0 0 60px 0;
    padding: 0 22px;
}
@media screen and (min-width: 600px) {
    .as-new-wrapper {
        margin: 0 0 60px 0;
        padding: 0;
    }
}
/* title */
.as-title-area {
    margin: 0 0 20px 0;
    padding: 0 22px;
}
@media screen and (min-width: 600px) {
    .as-title-area {
        padding: 0;
    }
}
.as-title-area:has(.as-title-h2) {
    margin-bottom: 40px;
}
.as-new-wrapper .as-title-area {
    padding: 0;
}
.hm-tab__content .as-title-area {
    margin: 16px 0 20px 0;
}
.as-title-area .as-title-h2 {
    margin: 0;
    padding: 0;
    font-family: var(--hi-ff-hama);
    font-size: var(--hi-fs-body1);
    
    font-weight: var(--hi-font-w500);
    color: var(--hi-text-gray7);
    line-height: 27px;
}
.as-register-way__page .as-title-area .as-title-h2 {
    font-size: var(--hi-fs-heading5);
    line-height: 32px;
}
.as-title-area .point-text {
    color: var(--hi-secondary-blue);
}
.as-title-area .as-title-h3 {
    margin: 0;
    padding: 0;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 20px;
}
.as-title-area .as-title-desc {
    margin: 6px 0 0 0;
    padding: 0;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray5);
    line-height: 21px;
}
.as-title-area .as-title-desc span {
    color: var(--hi-secondary-blue);
}
.as-desc-sm{
    margin: 0;
    padding: 0;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 20px;
}
.as-desc-sm.as-desc-ico {
    position: relative;
    padding-left: 14px;
}
.as-desc-sm.as-desc-ico::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 12px;
    background: url(../img/icon/icon_info_black_12.png) no-repeat 0 0;
    background-size: 12px 12px;
}
/* button */
.as-content-new button {border: 0;outline: 0;appearance: none;} 
/* tab */
.hm-as-new__page .hm-tab--new {margin-top: 0}

/* search */
.search-box-new { position:relative;height: 44px;margin-bottom:20px;padding:0 22px;background-color: #fff;}
.search-box-new button, .search-box-new input {padding: 0;border: 0;outline: none;background-color: transparent;outline: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 0;cursor: pointer;}
.search-box-new .back-btn {display: block;width: 40px;height: 40px;margin: 2px 0;background: url(../img/icon/ico_arrow_left_28.svg) no-repeat 50% 50%;background-size: 28px 28px;-webkit-tap-highlight-color: transparent !important;}
.search-box-new .search-box {position: relative;}
.search-box-new .search__window--round-box { display:flex; height: 44px;padding: 10px 84px 10px 10px;border-radius: 100px;background-color: #F4F4F4;box-sizing: border-box;}
.search-box-new .search__window--round-box .search__label { padding:0 8px; height:24px; font-size:var(--hi-fs-detail1); line-height:22px; font-weight:var(--hi-font-w700); color:var(--hi-text-gray7); border:1px solid var(--hi-gray9); white-space:nowrap; border-radius:100px; box-sizing:border-box;}
.search-box-new .search__window--round-box .search__label.hidden {display: none;}
.search-box-new .search__input { margin-left:13px; width: 100%;font-size: 14px;line-height: 24px;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-box-new .search__window--round-box .search__label + .search__input { margin-left:6px;}
.search-box-new .search__btn-clear {display: none;position: absolute;top: 0;right: 41px;width:32px;height:44px;padding: 10px 4px;}
.search-box-new .search__btn-clear.show {display: block;}
.search-box-new .search__btn-clear::after {content: "";display: block;width: 24px;height: 24px;background: url(../img/icon/ico_circle_close.svg) no-repeat 0 0;background-size: 100% auto;}

.search-box-new .search__btn {position: absolute;top: 0;right: 12px;width:32px;height:44px;padding: 10px 4px;}
.search-box-new .search__btn::after {content: "";display: block;width: 24px;height: 24px;background: url(../img/icon/ico_search.svg) no-repeat 0 0;background-size: 100% auto;}

.as-new-brand-section .search-box-new .search__btn,
.hm-tab__content-item .search-box-new .search__btn {position: absolute;top: 0;left: 0;right:0;width:100%;height:44px;padding: 10px 4px;box-sizing: border-box;}
.as-new-brand-section .search-box-new .search__btn::after,
.hm-tab__content-item .search-box-new .search__btn::after {content: "";display: block;position: absolute;top: 9px;right: 12px;width: 24px;height: 24px;background: url(../img/icon/ico_search.svg) no-repeat 0 0;background-size: 100% auto;}

.bottom-sheet-body .search-box-new {padding: 0}

/* 브랜드 리스트 */
.hm-as-new__page .hm-as__swiper { margin:-24px 0 40px; padding:0 22px;}
.hm-as-new__page .hm-as__swiper ul li {
    max-width: 65px;
    width: 54px;
}
.hm-as-new__page .hm-as__swiper ul li a {
    display:block;
}
.hm-as-new__page .hm-as__swiper ul li .hm-as__thumb { overflow: hidden; border-radius: 50%; box-sizing: border-box; line-height:0;}
.hm-as-new__page .hm-as__swiper ul {
    display:grid;
    margin:0;
    grid-template-columns:repeat(10, auto);
    grid-template-rows:repeat(2, auto); 
    justify-content:flex-start;
}
.hm-as-new__page .hm-as__swiper ul li .hm-as__tit { margin:8px 0 0;text-overflow: ellipsis; font-size:var(--hi-fs-body3); line-height:18px; text-align:center;white-space: nowrap;overflow: hidden;}
.hm-as-new__page .hm-as__swiper .swiper-pagination { overflow:hidden; position:relative; margin-top:30px; left:50%; width:105px; height:4px; transform:translateX(-50%); border-radius:4px; background:#F4F4F4}
.hm-as-new__page .hm-as__swiper .swiper-pagination .swiper-pagination-progressbar-fill { display:flex; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4px; transform-origin: left top; background:var(--hi-bg-black2);}
.hm-as-new__page .hm-as__swiper ul li { margin-top:24px !important; margin-right: 9px;width:20.2668vw;}

@media screen and (min-width: 600px) {
    .hm-as-new__page .hm-as__swiper { margin:-24px 0 40px; padding:0;}
    .hm-as-new__page .hm-as__swiper ul li {
        width: 65px;
        width: 66.6px;
    }
}

/* 보유가전 수리 상품 선택하기 */
.as-product-btn_area {
    margin-top: 10px;
    margin-bottom: 16px;
    padding: 0 22px;
}
.as-product-btn_area .my-product-btn {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 50px;
    padding: 17px 38px 17px 14px;
    background: #edf2ff;
    border-radius: 15px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 1;
    box-sizing: border-box;
}
.as-product-btn_area .my-product-btn::after {
    display: inline-block;
    position: absolute;
    top: 34px;
    right: 22px;
    content: '';
    width: 13px;
    height: 12px;
    background: url(../img/as/arrow_right16.png) no-repeat;
    background-size: 13px 12px;
}
.as-product-btn_area .my-product-btn .text {
    flex: 1;
}
.as-product-btn_area .my-product-btn .text span,
.as-product-btn_area .my-product-btn .text strong {
    display: block;
}
.as-product-btn_area .my-product-btn .text span {
    color: var(--hi-secondary-blue);
}
.as-product-btn_area .my-product-btn .text strong {
    margin-top: 8px;
    font-size: var(--hi-fs-body3);
}
.as-product-btn_area .my-product-btn .as-img {
    flex: none;
    width: 50px;
    height: 50px;
    margin-right: 10px; 
}
.as-product-btn_area .rt-text {
    display: inline-flex;
    flex: none;
    justify-self: flex-end;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: right;
}
@media screen and (min-width: 600px) {
    .as-product-btn_area {
        padding: 0;
    }
}

.as-view-more-area {
    margin-top: 50px;
    margin-bottom: 50px;
}
.as-view-more-area .hm-btn-more.hm-btn-more__all {
    padding: 10px 0 12px 0;
    border-bottom: 1px solid #f1f3f5;
}
.as-view-more-area .hm-btn-more.hm-btn-more__all span {
    padding-left: 20px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 20px;
}
.as-view-more-area .hm-btn-more.hm-btn-more__all > span:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    background: url(../img/icon/icon_notice16.png) no-repeat;
    background-size: 16px 16px;
}
.as-view-more-area .hm-btn-more.hm-btn-more__all > span em {
    font-style: normal;
}
.as-view-more-area .hm-btn-more.hm-btn-more__all span:after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    background: url(../img/icon/arrow_down12.png) no-repeat;
    background-size: 12px 12px;
    
}
.hm-tab__model .as-view-more-area .hm-btn-more.hm-btn-more__all span:after{
    transform: rotate(-180deg);
}
.hm-tab__model .as-view-more-area .hm-btn-more.hm-btn-more__all.hm-btn-more__all-view span:after {
    transform: rotate(0deg);
}

.as-view-more-area .hidden-text {
   position: absolute !important;
   left:-10000px;
   width: 1px;
   height: 1px;
   margin-left: -1px;
   font-size: 1px;
   color: #fff;
   overflow: hidden;
   visibility: hidden;
}
.as-view-more-area .hidden-text::after,
.as-view-more-area .hidden-text::before {
    display: none;
}
.as-all-cont {
    padding: 14px 22px;
    background-color: #f8f9fa;
    text-align: center;
}
.as-all-cont .as-all-text {
    margin-bottom: 8px;
    text-align: center;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray6);
    line-height: 20px;
}
.as-all-cont .as-all-text.al-left {
    text-align: left;
}
.as-all-cont .as-all-text.dotted {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.as-all-cont .as-all-text.dotted li {
    position: relative;
    padding-left: 5px;
}
.as-all-cont .as-all-text.dotted li::before {
    display: inline-block;
    content:  " \00B7";
    padding-right: 4px;
    font-size: 14px;
    line-height: 19px;
}
.as-all-cont .as-img {
    display: inline-block;
    width: 190px;
    text-align: center;
}
.as-all-cont .as-link-text {
    display: flex;
    justify-self: flex-end;
    align-items: center;
    margin: 5px 0 0 0;
    text-align: right;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 14px;  
}
.as-all-cont .as-link-text::after {
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background: url(../img/icon/icon_arrow_right12.png) no-repeat 0 0;
    background-size: 12px 12px;
}

/* 유의사항 */
.as-notice-bottom {
    padding: 24px 22px 40px;
}
.as-notice-bottom.divider {
    margin-top: 86px;
    border-top: 8px solid #f4f4f4;
}
.as-notice-bottom .title-sm {
    margin: 0 0 12px 0;
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 20px;
}
.as-notice-bottom .hm-list .hm-list__item {
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 20px;
}

/* .section-as-new {padding-bottom: 30px;} */
.section-as-new .chip-title {display: flex;align-items: center;font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);color: var(--hi-text-gray7);padding-bottom: 18px;}
.section-as-new .chip-sub-text {font-size: var(--hi-fs-body3);font-weight: var(--hi-font-w400);color: var(--hi-text-gray4);}
.section-as-new .chip-list {display: flex;flex-wrap: wrap;gap: 10px 8px;}
.section-as-new .chip-item {display: block;border: none;border-radius: 61px;padding: 0px 16px;box-sizing: border-box;width: auto;height: 36px;line-height: 35.5px;background-color: var(--hi-gray1);}
.section-as-new .chip-item__text {font-size: var(--hi-fs-body3);font-weight: var(--hi-font-w400);color: var(--hi-text-gray5);}
.section-as-new .chip-item.active {border-color: #111;background-color: #111;}
.section-as-new .chip-item.active .chip-item__text {color: #fff;font-weight: var(--hi-font-w700);}

.section-as-new .hm-bottomSheet .as-ly-title {
    margin: 0 0 14px 0;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 24px;
}
/* .hm-as-category .category-tab { width:100%; z-index:20;}
.hm-as-category .category-tab .middle-category .hm-inner { position:relative; width:100%;}
.hm-as-category .category-tab .middle-category__content {overflow:hidden; position:relative; }
.hm-as-category .category-tab .middle-category__swiper .swiper-wrapper {flex-wrap:wrap;transform:translate3d(0, 0, 0) !important;}
.hm-as-category .category-tab .middle-category__item {display:inline-block; width:auto; height:auto;margin-bottom:4px;}
.hm-as-category .category-tab .middle-category__item .chips{ display:inline-block; padding:9px 15px; font-size:var(--hi-fs-body3); color:var(--hi-text-gray4); line-height:var(--hi-fs-body2); text-align:center; border-radius:61px; border:var(--hi-border-e3); background-color:var(--hi-bg-white);}
.hm-as-category .category-tab .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-as-category .category-tab .middle-category__btn { position:absolute; top:8px; right:0; width:76px; text-align:center; z-index:10;}
.hm-as-category .category-tab .middle-category__btn:before { content: ""; position:absolute; top:0; left:0; right:0; bottom:0; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); background:linear-gradient(90deg, #F8F9FA 35%, rgba(248, 249, 250, 0) 100%); z-index:-1;}
.hm-as-category .category-tab .middle-category__btn button { width:36px; height:36px; padding:5px; border-radius:100px; background-color:var(--hi-bg-white); border: var(--hi-border-e3); }
.hm-as-category .category-tab .middle-category__btn button:before { content: ""; display:block; width:12px; height:12px; margin:0 auto; background:url(../img/icon/ico_arrow_down_28.svg) no-repeat 0 0; background-size:100% auto; transition:all 0.3s;} */
/* 
.hm-as-category .category-tab .middle-category__content--active { height:auto;}
.hm-as-category .category-tab .middle-category__content--active .middle-category__swiper {padding:0 76px 8px 22px;}
.hm-as-category .category-tab .middle-category__content--active .swiper-wrapper {flex-wrap:wrap; -webkit-transform:translate3d(0, 0, 0) !important; transform:translate3d(0, 0, 0) !important;}
.hm-as-category .category-tab .middle-category__content--active .middle-category__item {margin-top:8px;}
.hm-as-category .category-tab .middle-category__content--active + .middle-category__btn button:before {-webkit-transform:rotate(180deg); transition:all 0.3s; transform:rotate(180deg); transition:all 0.3s;} */

/* 리스트 */
.hm-as-list-wrapper {padding: 0 2px 30px}
.hm-as-list-wrapper .hm-as-lists {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.hm-as-list-wrapper .hm-as-lists::after {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.hm-as-list-wrapper .hm-as-lists .as-list-item {
    width: 50%;
    margin: 0;
    padding: 10px 2px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 17px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}
.hm-as-list-wrapper .hm-as-lists .as-list-item:last-child,
.hm-as-list-wrapper .hm-as-lists .as-list-item:nth-last-child(-n+1) {
    border-bottom: 0;
}
.section-as-new .none-content {
    padding: 50px 22px;

}
.section-as-new .none-content .none-text {
    position: relative;
    padding-top: 76px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray3);
    line-height: 21px;
    text-align: center;
}
.section-as-new .none-content .none-text::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background: url(../img/icon/icon_none_cont.png) no-repeat 0 0;
    background-size: 60px 60px; 
}

.as-category-section {margin-bottom: 30px;}
.as-filter-box {
    margin-top: 30px;
    padding: 0 22px;
}
.as-filter-box .as-title-area {
    margin-top: 0;
    padding: 0
}
.as-filter-box + .as-filter-box {
    padding-top: 32px;
    border-top: 1px solid #ececed;
}


.as-chips-wrapper .filter__chips-list {margin: -6px -4px 0;}
.as-chips-wrapper .filter__chips-item {display: inline-block;margin: 6px 4px;}
.as-chips-wrapper .filter__chips-item .chips {padding: 9px 15px;border-radius: 61px;background-color: #FFFFFF;border: 1px solid #E3E3E4;color: #797B7D;font-size: 14px;display: inline-block;line-height: 16px;text-align: center;}
.as-chips-wrapper .filter__chips-item .chips--icon-check::before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 4px;background: url(../img/icon/ico_check_16_gray.svg) no-repeat 0 0;background-size: 100% auto;vertical-align: top;}
.as-chips-wrapper .filter__chips-item--active .chips {background-color: #101828;color: #fff;border-color: #fff;}
.as-chips-wrapper .filter__chips-item--active .chips span {font-weight: 700;}
.as-chips-wrapper .filter__chips-item {display: inline-block;margin: 6px 4px;}
.as-chips-wrapper .filter__chips-item .chips {padding: 9px 15px;border-radius: 61px;background-color: #FFFFFF;border: 1px solid #E3E3E4;color: #797B7D;font-size: 14px;display: inline-block;line-height: 16px;text-align: center;}
.as-chips-wrapper .filter__chips-item .chips--icon-check::before {content: "";display: inline-block;width: 16px;height: 16px;margin-right: 4px;background: url(../img/icon/ico_check_16_gray.svg) no-repeat 0 0;background-size: 100% auto;vertical-align: top;}
.as-chips-wrapper .filter__chips-item--active .chips {background-color: #3c3c3c;color: #fff;border-color: #fff;}
.as-chips-wrapper .filter__chips-item--active .chips span {font-weight: 700;}

/* 하단 버튼 */
.section-as-new .bottom-content__wrap {position: fixed;bottom: 0;left: 0;width: 100%;height: auto;z-index: 100;}
.section-as-new .bottom-btn__wrap {display: flex;gap: 0 9px;width: 100%;background-color: var(--hi-bg-white);padding: 16px 22px 28px;box-sizing: border-box;}
.section-as-new .bottom-btn__wrap.tooltip-wrap {position: relative;}
.section-as-new .bottom-btn__wrap .hm-tooltip-wrap {width: auto;height: auto;position: absolute;top: -27px;right: calc(33% - 72px);background-color: var(--hi-gray7);border-radius: 8px;padding: 4px 12px 4px 12px;z-index: 5;box-sizing: border-box;}
.section-as-new .bottom-btn__wrap .hm-tooltip-text {display: block;position: relative;font-size: var(--hi-fs-detail1);color: var(--hi-text-white);font-weight: var(--hi-font-w400);text-align: start;word-break: keep-all;line-height: 20px;}
.section-as-new .bottom-btn__wrap .hm-tooltip-text::before {content: "";position: absolute;bottom: -15px;right: 0;border-width: 6px;border-style: solid;border-color: #585858 transparent transparent transparent;pointer-events: none;}
.section-as-new .bottom-btn__wrap .hm-tooltip-close {display: inline-block;width: 8px;height: 8px;margin: 6px 0px 0 8px;background: url(../img/icon/delete_white.png) no-repeat 0 0;background-size: 100% auto;vertical-align: top;font-size: 0;color: transparent;}
html.ios .as-content-new .bottom-btn__wrap {padding-bottom: 34px;}
.section-as-new .bottom-btn__wrap button {flex:1;all: unset;display: block;border-radius: 8px;width: 100%;height: 52px;line-height: 52px;text-align: center;box-sizing: border-box;}
.section-as-new .bottom-btn__wrap .btn__white {flex-grow: 1;background-color: var(--hi-bg-white);border: var(--hi-border-21);}
.section-as-new .bottom-btn__wrap .btn__white .btn__text {color: var(--hi-text-gray7);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.section-as-new .bottom-btn__wrap .btn__black {flex-grow: 1;background-color: var(--hi-bg-black2);}
.section-as-new .bottom-btn__wrap .btn__black .btn__text {color: var(--hi-text-white);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.section-as-new .bottom-btn__wrap .btn__black.disabled {background-color: var(--hi-gray1);}
.section-as-new .bottom-btn__wrap .btn__black.disabled .btn__text {color: rgba(0, 0, 0, 0.4)}
.section-as-new .bottom-btn__wrap .btn__line-gray {border: 1px solid #e3e3e4;}
@media screen and (min-width: 600px) {    
    .section-as-new .bottom-btn__wrap button {max-width: 375px;margin: 0 auto}
    .section-as-new .bottom-content__wrap .bottom-btn__wrap button {max-width: 100%;}
}


/* 새 상품 추천 */
.hm-as-new-recommend .hm-as-new-goods { display: block; width: auto !important; margin-left: -20px; margin-right: -20px; }
.hm-as-new-recommend .hm-as-goods__item { position: relative; width: 30% !important;padding-right: 9px;}
/* .hm-as-new-recommend .hm-as-goods__item:first-child { padding-left: 20px }
.hm-as-new-recommend .hm-as-goods__item:last-child { padding-right: 20px } */
/* .hm-as-new-recommend .hm-as-goods__item .hm-checkbox { display: inline-block; position: absolute !important; z-index: 100; width: 100%; height: 100%;}
.hm-as-new-recommend .hm-as-goods__item:first-child .hm-checkbox {left: 20px; width: calc(100% - 20px)}
.hm-as-new-recommend .hm-as-goods__item:last-child .hm-checkbox {width: calc(100% - 20px)}
.hm-as-new-recommend .hm-as-goods__item .hm-checkbox .hm-checkbox__checkbox { position: absolute !important; } */
.hm-as-new-recommend .hm-as-goods__link { display: block; }
.hm-as-new-recommend .hm-as-goods__thumbnail-container { display: block; position: relative;margin-bottom: 4px; padding-bottom: 100%; border-radius: 4px; overflow: hidden;}
.hm-as-new-recommend .hm-as-goods__thumbnail-container::before {content: ""; position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; border-radius: 5px;z-index: 10; background-color:rgba(0,0,0,0.03)}
.hm-as-new-recommend .hm-as-goods__thumbnail-container .hm-thumb {display:block;position: absolute; left: 0px; top: 0px; max-height: 100%; object-fit: cover;}
.hm-as-new-recommend .hm-as-goods__infomation-container { display: block; margin-top: 9px; }
.hm-as-new-recommend .hm-as-goods__name { display: block; height: 32px; max-height: 32px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}

.hm-as-goods__infomation-container .hm-as-goods__name { 
    display: block; 
    height: 32px; 
    max-height: 32px; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 13px; 
    overflow: hidden; 
    }
.hm-as-goods__brand {
    display:block;
    position: relative;
    padding-right:30px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 28px;
}
.hm-as-goods__brand .hm-as-goods__cart {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background: url(../img/icon/icon_cart_sm_28.png) no-repeat 0 0;
    background-size: 28px 28px;
    font-size: 1px;
    text-indent: -99999em;
}
.hm-as-new-recommend .hm-as-goods__information-middle { display: flex; flex-wrap: wrap; align-items: flex-end;width: 100%; height:32px; margin-top: 5px; }
.hm-as-new-recommend .hm-as-goods__price { display: block; line-height: 16px; }
.hm-as-new-recommend .hm-as-goods__price-item { display: block; font-size: 13px; }
.hm-as-new-recommend .hm-as-goods__price-item > b { position:relative;bottom:-1px;font-size: 16px; }
.hm-as-new-recommend .hm-as-goods__plus-icon{display:flex; align-items:center; justify-content:center; width:5.0667vw; height:5.0667vw; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; background: url("../img/icon/icon_plus_gray.png") center center no-repeat; background-size:100% auto; font-size: 0; color: transparent;}

.hm-as-new-recommend .hm-as-discount .hm-as-goods__discount-item {
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w700);
    color: var(--hi-secondary-red);
    line-height: 14px;
}
.hm-inner .bottom-btn__wrap.ly-bottom-btn__wrap {margin-top:16px;padding: 0;}

.section-as-new .hm-bottomSheet.hm-bottomSheet-full .hm-layer-popup {height: 90%;}
.section-as-new .hm-bottomSheet .bottom-sheet-header-title.title-pdd {
    padding-left: 22px;
}
.hm-layer-sub-tit {
    margin-bottom: 20px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray6);
    line-height: 14px;
}
.point-text {
    color: var(--hi-secondary-blue);
}
.as-text-box-gray {
    margin-top: 10px;
    padding: 16px;
    border-radius: 9px;
    background-color: #f8f9fa;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 21px;
}
.hm-divider.hm-divider2 {
    margin: 10px 22px 20px;
}
#hm-bottomSheet__visit .bottom-sheet-body {
    padding-bottom: 0;
}

/* 메인 레이어: 소모품 제품 추천 슬라이드*/
.hm-inner .hm-as-new-recommend {margin:24px 0 ;}
.hm-as-new-recommend .hmn-goods-110__item:first-child {padding-left: 0;}
.hm-as-new-recommend .hmn-goods-110__link {padding: 15px 0}
.hm-as-new-recommend .hmn-goods-110__brand {font-size: 12px;font-weight: 700;}

.hm-main-recommend-section .hm-as-new-recommend .swiper-wrapper,
.hm-bottomSheet__mybrand .hm-as-new-recommend .swiper-wrapper,
.hm-as-care-service-recommendation .items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
.hm-bottomSheet__mybrand .hm-as-new-recommend .hmn-goods-110__item,
.hm-main-recommend-section .hm-as-new-recommend .hmn-goods-110__item{
    width: calc(33.33% - 6px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hm-bottomSheet__mybrand .hm-as-new-recommend .hmn-goods-110__item .hmn-goods-110__link, 
.hm-main-recommend-section .hm-as-new-recommend .hmn-goods-110__item .hmn-goods-110__link {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.hm-as-new-recommend .hmn-goods-110__price-item--discount {
    font-size: var(--hi-fs-body3);
    color: var(--hi-secondary-red);
    margin: 0 0 2px;
}
.hm-as-new-recommend .hmn-goods-110__price-item--discount b {
    font-size: var(--hi-fs-body3);
    color: var(--hi-secondary-red);
    font-weight: var(--hi-font-w700);
}
.hm-as-new-recommend .hm-display__cart-button {
    position: absolute;
    top: 140px;
    right: 0;
    width: 28px;
    height: 28px;
    border: none;
    font-size: 0;
    background: transparent;
    z-index: 10;
}
.hm-as-new-recommend .hm-display__cart-button svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px !important;
    height: 28px !important; 
}

@media screen and (min-width: 800px) {  
    .hm-main-recommend-section .hm-as-new-recommend .hmn-goods-110__item{
        max-width: 113px;
        flex: 1;
    } 
}

/* HMN_AS_04_009.html 슬라이드 */
.hm-as-care-service-recommendation .hm-spc-click-pd .hmn-goods-110__item {
    flex: 1;
    padding: 0;
}
.hmn-goods-110__item .hmn-goods-110__link {
    padding-top: 0;
}
.hm-as-care-service-recommendation .hm-as-new-recommend .hm-display__cart-button {
    top: 110px;
}

@media screen and (min-width: 800px) {   
    .hm-as-care-service-recommendation .hmn-thumb {
        max-width: 800px;     
    }
    .hm-as-care-service-recommendation .hm-as-new-recommend .hm-display__cart-button {
        top: 250px;
    }
}

/* 증상선택하기 */
.as-register-form-area {padding-bottom: 60px;}
.as-register-form-area .form-title {font-size: var(--hi-fs-hm-heading5);font-weight: var(--hi-font-w500);color: var(--hi-text-gray5);line-height: 20px;padding-bottom: 2px;}
.as-register-form-area .input__wrap {display: block;width: 100%;height: auto;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 6px;overflow: hidden;}
.as-register-form-area .as-form__input {display: block;width: 100%;max-width: 100%;height: 56px;margin: 0;padding: 0 16px;line-height: 16px;border: 1px solid #e9ecef;border-radius: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;-webkit-box-shadow: none;box-shadow: none;color: var(--hi-text-gray7);font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w400);}
.as-register-form-area .as-form__input::placeholder {color: var(--hi-text-gray1);}
.as-register-form-area .as-form__input:focus {border-color: var(--hi-border-focused);}
.as-register-form-area .input-read-only .as-form__input {color: var(--hi-text-gray1);background-color: var(--hi-bg-gray);}
.as-register-form-area .input-read-only .as-form__input:focus {border-color: var(--hi-border-inactive);}
.as-register-form-area .form-user-phone__wrap {margin-top: 13px;}
.as-register-form-area .form-user-phone__wrap .as-form__input {padding: 0 46px 0 16px;}

/* 버튼 */
.hm-btn--wrap {
    margin-top: 0;
}
.hm-btn--wrap .hm-btn {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border-radius: 6px;
    background: var(--hi-bg-white);
    border: 1px solid #e9ecef;
    text-decoration: none;
    font-weight: var(--hi-font-w400);
    white-space: nowrap;
    font-size: var(--hi-fs-body3);
    color: var(--hi-primary-black);
    box-sizing: border-box;
    text-align: center;
}
.section-as-new .bottom-btn__wrap .hm-btn--line-black,
.section-as-new .hm-btn--wrap .hm-btn--line-black {
    border-color: #222226
}

.hm-btn--all-black {
    background: var(--hi-bg-black2);
    border-color: var(--hi-real-black);
    color: var(--hi-text-white);
}
.section-as-new .hm-form-wrapper .form-label {
    display: inline-block;
}
.section-as-new .hm-form-wrapper label {
    display: inline-block;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray5);
    line-height: 20px;
}
.section-as-new .hm-form-wrapper .hm-input {
    height: 48px;
    padding: 0 16px;
    border: 1px solid #e9ecef;
    color: var(--hi-primary-black);
    border-radius: 6px;
}
.section-as-new .hm-input:focus  { 
    border-color:var(--hi-primary-black);
}
.section-as-new .hm-as-visit-info-wrap .hm-form-wrapper {
    flex-direction: column;
 }
.section-as-new .hm-as-visit-info-wrap .hm-form-wrapper .form-label {
    display: block;
     margin-bottom: 2px;
}
.hm-form-wrapper .hm-text--box {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 10px 0 0 0;
    padding: 16px;
}
.hm-form-wrapper .hm-text--box .hm-box__content {
    padding: 0;
 }
.section-as-new .input-read-only  .hm-input:focus {border-color: var(--hi-border-inactive);}
.section-as-new .hm-as-select-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hm-as-select-area .hm-as-select-box {
    min-width: 124px;
}
.as-category-section .hm-as-select-area .hm-as-select-box {
    min-width: 150px;
}
.section-as-new  .hm-as-select-area .hm-as-select-box + .hm-as-select-box {
    margin-left: 12px;
}
.hm-as-select-box + .hm-as-form-text {
    padding-left: 8px
}
.hm-as-form-text + .hm-as-select-box  {
    margin-left: 16px;
}
.hm-as-form-text {
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 16px;
} 

/* select */
.hm-select.hm-select-new {
    height: 48px;
    line-height: 46px;
    background: transparent url(../img/icon/arrow_select_down_16.png) no-repeat right 10px center;
    background-size: 16px 16px;
    border-radius: 6px;
}
.hm-select.hm-select-new:focus {
    border-color: #111;
}
.as-category-wrapper .hm-select.hm-select-new:has(option:not(:first-child):checked) {
    border-color: #111;
}
.hm-select.hm-select-new:disabled {
    background: var(--hi-gray1) url(../img/icon/arrow_select_down_disabled_16.png) no-repeat right 10px center;
    background-size: 16px 16px;
}

.as-register-item {
    margin: 0 0 20px 0;
    padding: 0 22px;
}
.as-register-item2,
.as-register-item3 {
    margin-bottom: 40px;
}
.as-register-item .as-wirte-title {
    margin-bottom: 10px;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 24px;
}
.as-register-item .as-form-box {
    margin-top: 16px;
}
.as-register-item4 .as-form-box {
    margin-top: 10px;
}
.as-form-box + .as-form-box {
    margin-top: 20px;
}
.as-register-item .as-form-box .hm-textarea {
    height: 134px;
    border-radius: 6px;
    padding: 16px 16px;
    border: 1px solid #e9ecef;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7); 
}
.as-register-item .as-form-box .hm-textarea::placeholder {
    color: var(--hi-text-gray1); 
}
.as-form-title {
    margin: 0 0 12px 0;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w400);
    color: #000;
    line-height: 19px;
}
.as-register-item .as-form-box .textarea__area .hm-textarea::-webkit-input-placeholder,
.as-register-item .as-form-box .textarea__area .hm-textarea::-ms-input-placeholder,
.as-register-item .as-form-box .textarea__area .hm-textarea::placeholder {
    color: var(--hi-text-gray1);
    font-weight: var(--hi-font-w400);
}
.as-register-item .as-form-box .textarea__area .hm-textarea:focus {
    border-color: #222226;
}

.as-form-info-text {
    margin: 12px 0 0 0;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);  
    line-height: 20px;
}
/* 참부파일 */
.as-form-box .as-form-file .hm-file__btn {
    height: 52px;
    border-radius: 6px;
    border: 1px solid #e9ecef;
    background-color: #fafafa;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: #000;
    line-height: 50px;
} 
.as-form-box .hm-attachedlist-wrap {
    border: 0;
}
.as-form-box .hm-attachedlist-wrap .hm-attachedlist-landscape {
    justify-content: flex-start;
    gap: 11px;
}
.as-form-box .hm-attachedlist-landscape__item .hm-attachedlist__file {
    width: 103px;
    max-width: 103px;
    height: 103px;
    background: #F8F9FA;
    border: 1px solid #E9ECEF;
    border-radius: 8px;
}
.as-form-box .hm-attachedlist-landscape__item .hm-attachedlist__thumb {
    width: 103px;
    max-width: 103px;
    height: 103px;
    max-height: 103px;
    border-radius: 8px;
}
.as-form-box .hm-attachedlist__add-file {
    border-radius: 5px;
}
.as-form-box .hm-attachedlist__add-file:after {
    background: url("../img/icon/icon_plus_28.png") no-repeat center center;
    background-size: 28px auto;
    -webkit-filter: none;
    filter: none;
    border-radius: 5px;
}
.as-form-box .hm-attachedlist-landscape__item .hm-attachedlist__delete {
    top: 6px;
    right: 6px;
    width: 16px;
    height: 16px;
    background-image: url("../img/icon/icon_close_16.png");
    background-size:16px auto;
    z-index: 10;
}

/* 수리 접수하기 */
.hm-as-visit-info-wrap .hm-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
}
.hm-as-visit-info-wrap .hm-form-wrapper:first-child {
    margin-top: 0;
}
.hm-as-visit-info-wrap .hm-as-select-area {
    width: 100%;
}
.hm-as-visit-info-wrap .hm-as-select-box {
    flex: 1;
}
.hm-as-select-area .hm-btn--wrap {
    min-width: 109px;
    margin-left: 5px;
}
.hm-form-wrapper  button.hm-input.hm-disabled {
    text-align: left;
    color: #d8d8dc;
    border: 1px solid #e9ecef;
}
.hm-form-wrapper .hm-form-phone-number-area {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.hm-form-wrapper .hm-form-phone-number-area > div {
    flex: 1;
}

/* 접수 방법 선택 */
.as-register-lists {
    margin-top: 24px;
}
.as-register-lists.sm-type {
    margin-top: 20px;
}
.as-register-lists .as-register-list-item {
    position: relative;
    margin-top: 10px;
}
.as-register-lists .as-register-list-item:first-child {
    margin-top: 0;
}
.as-register-lists .as-register-list-item a,
.as-register-lists.sm-type .as-register-list-item div {
    position: relative;
    display: block;
    height: 84px;
    padding: 25px 35px 25px 78px;
    background-color: #f8f9fa;
    border-radius: 15px;
    box-sizing: border-box;
}
.as-register-lists.sm-type .as-register-list-item div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 48px;
    padding: 0 8px;
    border-radius: 9px;
}
.as-register-lists .as-register-list-item > a::before,
.as-register-lists.sm-type .as-register-list-item div::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 17px;
    left: 10px;
    width: 50px;
    height: 50px;   
}
.as-register-lists.sm-type .as-register-list-item div::before {
    position: static;
    width: 30px;
    height: 30px;  
}
.as-register-lists .as-register-list-item > a::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 34px;
    right: 22px;
    width: 13px;
    height: 12px;
    background: url(../img/icon/arrow_right_gray_12.png) no-repeat 0 0;
    background-size: 12px 13px;
}

.as-register-lists .as-register-list-item.as-register-item-branch > a::before,
.as-register-lists.sm-type .as-register-list-item.as-register-item-branch > div::before {
    background: url(../img/as/img_as_branch.png) no-repeat 0 0;
    background-size: 50px 50px;
}
.as-register-lists .as-register-list-item.as-register-item-delivery > a::before,
.as-register-lists.sm-type .as-register-list-item.as-register-item-delivery > div::before {
    background: url(../img/as/img_as_delivery.png) no-repeat 0 0;
    background-size: 50px 50px;
}
.as-register-lists .as-register-list-item.as-register-item-visit > a::before,
.as-register-lists.sm-type .as-register-list-item.as-register-item-visit > div::before {
    background: url(../img/as/img_as_visit.png) no-repeat 0 0;
    background-size: 50px 50px;
}
.as-register-lists.sm-type .as-register-list-item.as-register-item-branch > div::before,
.as-register-lists.sm-type .as-register-list-item.as-register-item-delivery > div::before,
.as-register-lists.sm-type .as-register-list-item.as-register-item-visit > div::before {
    background-size: 30px 30px;
}
.as-register-lists .as-register-list-item .text1 {
    display: block;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w700);
    color: #000;
    line-height: 14px;
}
.as-register-lists .as-register-list-item .text2 {
    display: block;
    margin-bottom: 8px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-secondary-blue);
    line-height: 14px;
}
.as-register-lists.sm-type .as-register-list-item .text1 {
    margin-left: 4px;
    margin-right: 4px;
    color: var(--hi-secondary-blue);
}
.as-register-lists.sm-type .as-register-list-item .text2 {
    margin: 0;
    font-size: var(--hi-fs-body3);
    color: var(--hi-text-gray5);
}

.as-sumup-box-wrap {
    background-color: #f8f9fa;
    border-radius: 9px;
}
.as-sumup-box-wrap .sumup-box.sumup-box-product-info {
    padding: 16px;
}
.hm-as__product-info {
    display: flex;
    flex-wrap: wrap;
}
.hm-as__product-info .img-area {
    width: 63px;
    height: 63px;
    border-radius: 5px;
    margin-right: 12px;
}
.hm-as__product-info .img-area img {
    display: inline-block;
    border-radius: 5px;
}
.hm-as__product-info .sumup-text {
    display: block;
    flex: 1;
}
.hm-as__product-info .hm-as__product-vendor {
    display: block;
    margin-bottom: 4px;
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray6);
    line-height: 13px;
}
.hm-as__product-info .hm-as__product-title {
    display: block;
    display: -webkit-box;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray7);
    line-height: 18px;
}
.hm-as__product-info .hm-as__product-code {
    display: block;
    margin-top: 4px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 20px;
}
.sumup-info-detail-chips {
    margin-top: 12px;
}
.as-chips-sm-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.as-chips-sm-lists .chip-sm-item span{
    display: inline-block;
    height: 28px;
    padding: 0 12px;
    background: #3c3c3c;
    border-radius: 61px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w700);
    color: #fff;
    line-height: 28px;
    box-sizing: border-box;
}
.sumup-info-detail-box {
    margin-top: 10px;
    padding: 10px 16px;
    background-color: #fff;
    border-radius: 5px;

}
.sumup-info-detail-box .sumup-info-detail-text {
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 16px;
}
.back-write-btn {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(../img/icon/icon_pencil_16.png) no-repeat 0 0;
    background-size: 16px 16px;
    border: 0;
}
.back-write-btn span {
    display: inline-block;
    width: 1px;
    height: 1px;
    text-indent: -99999em;
}
.sumup-box-cost-info {
    padding: 16px;
    background-color: #edf2ff;
    border-radius: 0 0 9px 9px;
}
.sumup-box-cost-info .cost-info-text {
    margin: 0;
    padding: 0;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 21px;
}
.sumup-box-cost-info .cost-info-text span {
    color: var(--hi-secondary-blue);
}
.sumup-box-cost-info .cost-info-text-sm {
    margin: 4px 0 0 0;
    padding: 0;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 21px;
}

.as-register-way__page .as-new-wrapper {
    margin: 0;
    padding-top: 28px;
    padding-bottom: 28px; 
}
.as-register-way__page .as-new-wrapper:first-child {
    padding-top: 0;
}
.as-flag {
    display: inline-block;
    height: 20px;
    padding: 0 4px;
    border-radius: 100px;
    line-height: 20px;
    font-weight: var(--hi-font-w700);
}

.as-flag.as-flag-blue {
    background: linear-gradient(90deg, #91A7FF 0%, #4263EB 100%);
    font-size: var(--hi-fs-detail1);
    color: #fff;
}
.as-title-h3 .as-flag {
    margin-left: 4px
}

.hm-branch-info-wrap {
    margin-bottom: 16px;
}
.hm-branch-info-wrap > li {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}
.hm-branch-info-wrap > li:first-child {
    margin-top: 0;
}
.hm-branch-info-wrap > li .info-tit{ 
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-left: 20px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray4);
    line-height: 18px;
}
.hm-branch-info-wrap > li .info-tit::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
.hm-branch-info-wrap > li.hm-info-phone .info-tit::before {
    background: url(../img/icon/icon_as_phone.png) no-repeat 0 0;
    background-size: 16px 16px;
}
.hm-branch-info-wrap > li.hm-info-time .info-tit::before {
    background: url(../img/icon/icon_as_time.png) no-repeat 0 0;
    background-size: 16px 16px;
}
.hm-branch-info-wrap > li.hm-info-store .info-tit::before {
    background: url(../img/icon/icon_as_place.png) no-repeat 0 0;
    background-size: 16px 16px;
}
.hm-branch-info-wrap > li .info-detail {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray7);
    line-height: 18px;
}
.hm-branch-info-wrap > li .info-detail .detail-text-more {
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray5);
    line-height: 18px;
    vertical-align: top;
}
.hm-branch-info-wrap > li .info-detail .detail-text-more::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: var(--hi-gray-bg-line);
}
.hm-branch-info-wrap > li .info-detail .detail-text-more .more-btn {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon/arrow_down_16.png) no-repeat 0 0;
    background-size: 16px 16px;
}
.detail-text-more .more-btn span {
    display: inline-block;
    width: 1px;
    height: 1px;
    margin-left: -1px;
    color: #fff;
    text-indent: -99999em;
}
.detail-text-more.more-btn-view .more-btn {
    transform: rotate(-180deg);
}
.hm-store-time-list {
    display: none;
    width: 100%;
}
.hm-store-time-list li {
    margin-top: 8px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray5);
    line-height: 18px;
}
.hm-store-time-list li.first {
    font-weight: var(--hi-font-w700); 
}
.hm-as-store-map-wrap {
    position: relative;
    margin-top: 16px;
    
}
.hm-as-store-map-wrap .hm-as-store-map {
    position: relative;
    width: 100%;
    height: 49.3333vw !important;
    border-radius: 13px;
    border: 1px solid #ececed;
    overflow: hidden;
}
@media screen and (min-width: 600px) {
    .hm-as-store-map-wrap .hm-as-store-map{
        height: 403px !important;
    }
}
.hm-another-store {
    margin-top: 10px;
    text-align: right;
}
.hm-another-store .as-btn-more {
    display: inline-block;
    position: relative;
    padding-right: 14px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray4);
    line-height: 22px;
}
.hm-another-store .as-btn-more::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    width: 12px;
    height: 12px;
    background: url(../img/icon/arrow_right_12.png) no-repeat 0 0;
    background-size: 12px 12px;
}

#hm-bottomSheet__datePicker .bottom-sheet-header {min-height: initial;margin: 0 0 14px;padding: 0;}
.hm-bottomSheet__as-new .bottom-sheet-body {padding-bottom: 96px;}
html.ios .hm-bottomSheet__as-new .bottom-sheet-body {padding-bottom: 102px;}
.hm-bottomSheet__as-new .date-picker__wrap {min-height: 270px;}
.hm-bottomSheet__as-new .ui-datepicker {position: static !important;width: 100%;height: 100%;margin: 0;padding: 0;border: none;box-shadow: none;font-family: 'Pretendard';}
.hm-bottomSheet__as-new .ui-datepicker .ui-datepicker-title {font-family: 'Pretendard';font-size: var(--hi-fs-heading5);line-height: 22px;color: var(--hi-text-gray7);font-weight: var(--hi-font-w400);}
.hm-bottomSheet__as-new .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__as-new .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__as-new .ui-datepicker table {width: 100%;}
.hm-bottomSheet__as-new .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__as-new .ui-datepicker thead th:first-child,
.hm-bottomSheet__as-new .ui-datepicker tbody td:first-child a {color: var(--hi-red7);}
.hm-bottomSheet__as-new .ui-datepicker td {width: calc(100% / 7);height: 36px;padding: 0;}
.hm-bottomSheet__as-new .ui-datepicker td span,
.hm-bottomSheet__as-new .ui-datepicker td a {font-size: var(--hi-fs-body2);line-height: 16px;font-weight: var(--hi-font-w400);padding: 10px 7px;}
.hm-bottomSheet__as-new .ui-datepicker td span.ui-state-default {color: var(--hi-text-gray1);}
.hm-bottomSheet__as-new .ui-datepicker td a.ui-state-default {color: var(--hi-text-gray7);}
.hm-bottomSheet__as-new .ui-datepicker td a.ui-state-active {background-color: var(--hi-text-tran);}
.hm-bottomSheet__as-new .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__as-new .ui-datepicker td.ui-datepicker-current-day a.ui-state-default {color: var(--hi-text-white);font-weight: var(--hi-font-w700);}
.hm-bottomSheet__as-new .ui-datepicker td.ui-datepicker-today a {text-decoration: none;}
/* .hm-bottomSheet__as-new .time-picker__wrap {margin-top: 11px;} */
.hm-bottomSheet__as-new .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__as-new .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__as-new .time-picker__wrap .date-closed-text-box {display: none;}
.hm-bottomSheet__as-new .time-picker__wrap .time-picker {display: none;width: auto;margin-left: -20px;margin-right: -20px;padding: 3px 0;}
.hm-bottomSheet__as-new .time-picker__wrap.date-selected .date-choice-text-box {display: none;}
.hm-bottomSheet__as-new .time-picker__wrap.date-selected .time-picker {display: block;}
.hm-bottomSheet__as-new .time-picker__wrap.date-closed .date-closed-text-box {display: block;}
.hm-bottomSheet__as-new .time-picker__wrap.date-closed .time-picker {display: none;}
.hm-bottomSheet__as-new .time-picker__wrap .time-picker__item {width: 88px;height: 36px;}
.hm-bottomSheet__as-new .time-picker__wrap .time-picker__item:first-child {padding-left: 22px;}
.hm-bottomSheet__as-new .time-picker__wrap .time-picker__item[style*="display: none"] + .time-picker__item:not([style*="display: none"]) {padding-left: 22px;}
.hm-bottomSheet__as-new .time-picker__wrap .time-picker__item:last-child {padding-right: 22px;}
.hm-bottomSheet__as-new .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__as-new .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__as-new .time-picker__wrap .time-picker__item.on .time-picker__link {border-color: var(--hi-gray9);}
.hm-bottomSheet__as-new .time-picker__wrap .time-picker__item.on .time-picker__txt {font-weight: var(--hi-font-w700);}
.hm-bottomSheet__as-new .time-picker__notice {padding-top: 13px;}
.hm-bottomSheet__as-new .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-as-date-info-box {
    position: relative;
    width: 100%;
    margin-top: 48px;
    border-radius: 6px;
    border: 1px solid #222226;
    box-sizing: border-box;
    padding: 12px 32px 12px 14px;
}
.hm-as-date-info-box .date {
    display: block;
    position: relative;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray7);
    line-height: 24px;
}
.hm-as-date-info-box .date::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: top;
    background-image: url(../img/icon/ico_calender_bk.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

/* 약관 동의 */
.as-bottom-agree-wrapper {
    margin-bottom: 0;
    padding-top: 28px;
    border-top: 8px solid #f8f9fa;
}
.hm-as__agree-check-list {
    position: relative;
}
.hm-as__agree-check-list > li {
    position: relative;
    margin-top: 12px;
}
.hm-as__agree-check-list .hm-checkbox {
    width: 100%;
}
.hm-as__agree-check-list .hm-checkbox__label {  
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding-left: 34px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray7);
    line-height: 24px;
}
.hm-as__agree-check-list .hm-checkbox__black label {
    height: 24px;
    line-height: 24px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray5);
    line-height: 24px;
}
.hm-as__agree-check-list .hm-checkbox__black.hm-checkbox-all label,
.hm-as__agree-check-list .hm-checkbox-all .hm-checkbox__label {   
    font-weight: var(--hi-font-w700);
    color:  var(--hi-text-gray7);
}
.hm-as__agree-check-list .btn-detail-view {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: transparent url(../img/icon/arrow_select_down_16.png) no-repeat center center;
    background-size: 16px 16px;
    
}
.hm-as__agree-check-list .btn-detail-view.active {
    transform: rotate(-180deg);
}
.hm-as__agree-check-list .btn-detail-view span {
    display: inline-block;
    text-indent: -99999em;
}

.hm-agree-detail-box {
    max-height: 166px;
    margin-top: 12px;
    padding: 16px;
    border: 1px solid #e9ecef;
    border-radius: 9px;
    background-color: #f8f9fa;
    box-sizing: border-box;
    overflow-y: scroll;
}
.hm-agree-detail-box .hm-agree-detail-cont {
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray7);
    line-height: 20px;
}

.hm-radio-black .hm-radio__radio:checked + span::before {
    border-color: var(--hi-primary-black);
    background-color: var(--hi-bg-white);
}
.hm-radio-black .hm-radio__radio:checked + span::after {
    background-color: var(--hi-primary-black)
}

.as-register-number {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px 0 6px;
    gap: 10px
}
.as-register-number span {
    display: inline-block;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w700);
    color:  var(--hi-text-gray7);
    line-height: 24px;

}
.as-register-number .register-num {
    flex: 1;
    color:  var(--hi-secondary-blue);
}
.as-register-number + .as-desc {
    margin: 0 0 16px
}
.as-register-done{
    margin-bottom: 40px;
}
.as-register-delivery-wrapper {
    margin-bottom: 28px;
}
.as-register-done .as-text {
    position: relative;
    margin-top: 40px;
    padding-top: 76px;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray3);
    line-height: 21px;
    text-align: center;
}
.as-register-done .as-text::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    background: url(../img/icon/icon_done_60.png) no-repeat 0 0;
    background-size: 60px 60px;
}
.hm-as-service-center-box {
    padding: 21px 22px;
    background-color: #f8f9fa;
    border-radius: 9px;
}
.hm-as-service-center-box .center-name {
    margin: 0;
    padding: 0;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w700);
    color:  var(--hi-text-gray7);
    line-height: 22px;
}
.hm-as-service-center-box .service-center-info {
    margin-top: 9px;
}
.hm-as-service-center-box .service-center-info .center-info {
    margin: 0;
    padding: 0;
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w400);
    color:  var(--hi-text-gray5);
    line-height: 20px;
}
.hm-as-service-center-box .service-center-info .center-tel {
    position: relative;
    padding-left: 18px;
    margin-top: 5px;
    font-size: var(--hi-fs-detail1);
    color:  var(--hi-text-gray4);
    line-height: 19px;
}
.hm-as-service-center-box .service-center-info .center-tel::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../img/icon/icon_as_phone.png) no-repeat 0 0;
    background-size: 16px 16px;
}

.layerPopup {
    display: none;
}
/* 바코드 레이어 */
.hm-store-bacode-layer {

}
.hm-store-bacode-layer .hm-layer-popup {
    max-width: 335px;
    margin: 0 auto;
    border-radius: 16px;
    background: transparent url(../img/as/bg_barcode_box.png) no-repeat 0 bottom; 
    background-size: 335px auto;
}
.hm-store-bacode-layer .hm-layer-popup__header {
    height: auto;
    background-color: #fff;
    border-radius: 16px 16px 0 0;
}
.hm-store-bacode-layer .hm-layer-popup__header {
    line-height: 26px;
}
.hm-store-bacode-layer .hm-heading.hm-layer-popup__heading {
    padding-top: 30px; 
    font-size: var(--hi-fs-body2);
    color:  var(--hi-text-gray7);
    line-height: 26px;
}
.hm-barcode-wrapper {  
    max-height: 188px;
    text-align: center;
}

.hm-barcode-area {
    padding: 0 15px 20px;
}
.hm-barcode-area .img-barcode {
    display: inline-block;
    max-width: 300px;
    max-height: 100px;

}
.hm-barcode-area .img-barcode svg {
    max-width: 300px;
    max-height: 100px;
}
.hm-barcode-area .barcode-number {
    display: block;
    font-size: var(--hi-fs-detail1);
    color:  var(--hi-text-gray4);
    line-height: 14px;
    text-align: center;
}
.bottom-barcode-info {
    display: block;
    height: 76px;
    padding: 16px 20px;
    box-sizing: border-box;
    color: #fff;
} 
.bottom-barcode-info .text {
    margin: 0;
    font-size: var(--hi-fs-body3);
    color: #fff;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
}

.hm-as-care-service-recommendation {
    padding: 40px 22px;
}
.hm-as-care-service-recommendation .title-text {
    margin: 0 0 24px 0;
    font-size: var(--hi-fs-body2);
    color: #000;
    font-weight: 700;
    line-height: 21px;
}

.hm-as-care-service-recommendation .hm-btn--wrap {
    margin-top: 16px;
}

.hm-as-historyDetail-info-item-header,
.hm-as-historyDetail-info-paymentInfo-header {
    position: relative;  
}
.hm-as-historyDetail-info-item-header .btn--wrap,
.hm-as-historyDetail-info-paymentInfo-header .btn--wrap {
    position: absolute;
    right: 22px;
    top: 17px
}   
.hm-as-historyDetail-info-item-header .btn--wrap .hm-btn,
.hm-as-historyDetail-info-paymentInfo-header .btn--wrap .hm-btn {
    padding: 0 10px;
}
.hm-as-historyDetail-info-paymentInfo-guide-payment-contents p, 
.hm-as-historyDetail-info-paymentInfo-guide-shipping-contents p, 
.hm-as-historyDetail-info-paymentInfo-guide-return-contents p {
    position: relative;
    padding-left: 13.5px;
}
.hm-as-historyDetail-info-paymentInfo-guide-payment-contents p::before,
.hm-as-historyDetail-info-paymentInfo-guide-shipping-contents p::before,
.hm-as-historyDetail-info-paymentInfo-guide-return-contents p::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 5px;
    left:4px;
    width: 4px;
    height: 4px;
    background-color: #888;
    border-radius: 50%;
}
.hm-as-historyInquiry-footer {
    margin-top: 20px;
}
.hm-as-historyDetail-info {
    margin-bottom: 16px;
}
.hm-as-historyDetail-btns {
    padding-top: 16px;
}
.hm-as-historyDetail-info:has(.hm-as-repair-cost-paymentInfo) + .hm-as-historyDetail-btns {   
    border-top: 0
}

/*  가전수리전문관 : 메인 */
.hm-as-new-main {
    padding-bottom: 80px;
}
.section-as-new .hm-app__footer-content.hm-wide-fit {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.as-new-main-section {
    margin: 0 22px;
}
@media screen and (min-width: 600px) {
    .as-new-main-section {
        margin: 0;
    }
}

.as-main-top-box {
    margin-bottom: 32px;
    padding: 16px;
    border-radius: 15px;
    background-color: var(--hi-informative-indigo0);
    
}
@media screen and (min-width: 600px) {
    .as-main-top-box {
        margin-bottom: 40px;
    }
}
.as-main-top-box .title-text {
    margin: 0;
    font-family: var(--hi-ff-hama);
    font-size: var(--hi-fs-body2);
    color: var(--hi-text-gray7);
    font-weight: 500;
    line-height: 20px;
}
.as-main-top-box .as-main-my-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 7px;
    justify-content: space-between;
}
.as-main-top-box .as-main-my-items .item {
    width: calc(50% - 4px);
    height: 80px;
    margin-top: 7px;
    background-color: #fff;
    border-radius: 9px;
    box-sizing: border-box;
}
.as-main-top-box .as-main-my-items .item .item-inner {
    display: block;
    position: relative;
    padding: 49px 10px 10px 10px;
    box-sizing: border-box;
}
.as-main-top-box .as-main-my-items .item .item-inner::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 31px;
    height: 31px;
}
@media screen and (min-width: 600px) {
    .as-main-top-box .as-main-my-items .item .item-inner {
        height: 100%;
        padding: 10px;
    }
    .as-main-top-box .as-main-my-items .item .item-inner::before {
        position: static;
    }
    .as-main-top-box .as-main-my-items .item .item-inner .text {
        padding: 4px 0 0 10px;
        vertical-align: top;
    }
}
.as-main-top-box .as-main-my-items .item.item-ongoing .item-inner::before {
    background: url(../img/as/icon_as_item_ongoing.png) no-repeat 0 0;
    background-size: 31px 31px;
}
.as-main-top-box .as-main-my-items .item.item-register .item-inner::before {
    width: 69px;
    background: url(../img/as/icon_as_item_register.png) no-repeat 0 0;
    background-size: 69px 31px;
}
.as-main-top-box .as-main-my-items .item.item-immediately .item-inner::before {
    background: url(../img/as/icon_as_item_immediately.png) no-repeat 0 0;
    background-size: 31px 31px;
}
.as-main-top-box .as-main-my-items .item.item-shop-search .item-inner::before {
    background: url(../img/as/icon_as_item_shopsearch.png) no-repeat 0 0;
    background-size: 31px 31px;
}
.as-main-top-box .as-main-my-items .item .item-inner .text {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    font-size: var(--hi-fs-body4);
    color: var(--hi-text-gray5);
    font-weight: 700;
    line-height: 21px;
}
.as-main-top-box .as-main-my-items .item .item-inner .text::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    margin-top: -6px;
    background: url(../img/icon/icon_arrow_right14.png) no-repeat 0 0;
    background-size: 14px 14px;
}
.as-main-top-box .as-main-my-items .item .item-inner .my-num {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    font-size: var(--hi-fs-body2);
    color: var(--hi-secondary-blue);
    font-weight: 700;
    line-height: 21px;
}

/* 메인 타이틀 */
.as-new-main-title-area {
    margin: 0 0 16px; 
}
.as-new-main-title-area:has(h3) {
    margin: 0 0 24px; 
}
.as-new-main-title-area .as-main-title {
    margin: 0;
    padding: 0;
    font-family: var(--hi-ff-hama);
    font-size: var(--hi-fs-heading5);
    font-weight: var(--hi-font-w500);
    color: #222;
    line-height: 32px;
    text-align: center;
}
.as-new-main-title-area .desc {
    margin: 14px 0 0 0;
    padding: 0;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: #222;
    line-height: 21px;
    text-align: center;
}
.as-main-subtitle {
    font-family: var(--hi-ff-hama);
    font-size: var(--hi-fs-heading5);
    font-weight: var(--hi-font-w500);
    color: #000;
    line-height: 32px;
}

/* 브랜드 선택 */
.as-new-brand-section  {
    position: relative;
    margin-bottom: 24px;
}
@media screen and (min-width: 600px) {
    .as-new-brand-section  {
        margin-bottom: 40px;
    }
}
.as-new-brand-section .as-new-main-subtitle {
    padding: 0 22px;
}
.as-new-brand-section .as-new-brand-wrap {
    position: relative;
}
.section-as-new .floating-message {
    display: none;
    position: absolute;
    top: -14px;
    right: 22px;
    padding: 4px 12px;
    background-color: #fff;
    border: 1px solid #222226;
    border-radius: 8px;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: #111;
    line-height: 20px;
    z-index: 10;
}
 .section-as-new .floating-message::before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -8px;
    right: 50px;
    width: 0;
    height: 0;
    border-top: 8px solid #222226;
    border-bottom: 0 solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent; 
}
.section-as-new .floating-message::after {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -7px;
    right: 50px;
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-bottom: 0 solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.floating-message.type2 {
    display: block;
    right: auto;
    left: 50px;
    padding-right: 34px;
}
.floating-message.type2::before,
.floating-message.type2::after {
    left: 16px;
    right: auto;
}
.floating-message.type2::after {
    
}
.floating-message.type2 button {
    display: inline-block;
    position: absolute;
    top: 4px;
    right: 12px;
    width: 20px;
    height: 20px;
    padding: 4px;
    background: url(../img/as/icon_close_x.png) no-repeat center center;
    background-size: 12px 12px;
    border: 0;
}
.floating-message.type2 button span {
    display: inline-block;
    text-indent: -99999em;
}
.as-new-brand-section .as-new-brand-wrap .floating-message.show-tooltip {
    display: block;
    animation-duration: 0.5s;
    animation-name: message-tooltip-fade-out;
    animation-delay: 10s;
    animation-fill-mode: forwards;
    transition-timing-function: ease;
}
@keyframes message-tooltip-fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
 }
.as-new-brand-section .as-new-brand-wrap .swiper-wrapper {
    transition-timing-function: linear;
}
.as-new-brand-section .as-new-brand-wrap .swiper-wrapper .swiper-slide {
    width: 125px;
    height: 143px;
}
.as-new-brand-section .as-new-brand-wrap .swiper-wrapper .swiper-slide:first-child {
    margin-left: 22px;
}
.as-new-brand-section .as-new-brand-wrap .swiper-wrapper .swiper-slide:last-child {
    margin-right: 22px;
}
.as-new-brand-section .search-box-new {
    margin: 16px 0 22px;
} 
@media screen and (min-width: 600px) {
    .as-new-brand-section .as-new-brand-wrap .swiper-wrapper { 
        justify-content: center;
    }
    .as-new-brand-section .as-new-brand-wrap .swiper-wrapper .swiper-slide {
        margin-left: 9px;
    }
    .as-new-brand-section .as-new-brand-wrap .swiper-wrapper .swiper-slide:first-child {
        margin-left: 0;
    }
    .as-new-brand-section .as-new-brand-wrap .swiper-wrapper .swiper-slide:last-child {
        margin-right: 0;
    }
    .section-as-new .search-box-new {
        max-width: 558px;
        margin: 24px auto 36px;
    }
}

/* 메인 소모품 전문관 슬라이드, 바텀시트 슬라이드 */
.hm-main-recommend-section {
    margin: 0 0 44px;
}
.hm-main-recommend-section .hm-as-new-recommend {
    margin: 0 22px;
}
.hm-as-new-recommend .hmn-goods-110 {
    margin: 0;
}
.hm-main-recommend-section .bottom-btn__wrap {
    padding: 10px 22px 0 !important;
}
/* .hm-main-recommend-section .as-new-main-recommend.hm-as-new-recommend .swiper-wrapper .swiper-slide.item__pc {
    display: none;
} */
@media screen and (min-width: 600px) {
    .hm-main-recommend-section .hm-as-new-recommend { 
        margin: 0;
    }
    .hm-main-recommend-section .as-new-main-recommend.hm-as-new-recommend .swiper-wrapper  {
        justify-content: flex-start !important;
    }
    /* .hm-main-recommend-section .as-new-main-recommend.hm-as-new-recommend .swiper-wrapper .swiper-slide.item__pc {
        display: block;
    } */
}

/* 메인 바로가기 */
.as-new-main-link-section {
    margin-bottom: 44px;
}
.as-new-main-link-box {
    margin: 0 22px;
}
.as-new-main-link-box .link-items .as-new-link-item {
    margin-top: 18px;
    padding: 25px 22px;
    background-color: #f8f9fa;
    border-radius: 15px;
    box-sizing: border-box;
}
.as-new-main-link-box .link-items .as-new-link-item:first-child {
    margin-top: 0;
}
.as-new-main-link-box .link-items .as-new-link-item > a {
    display: block;
    position: relative;
    padding: 0 20px 0 34px;
    box-sizing: border-box;
}
.as-new-main-link-box .link-items .as-new-link-item > a .tit {
    display: block;
    margin: 8px 0 0 0;
    padding: 0;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w700);
    color: #000;
    line-height: 14px;
}
.as-new-main-link-box .link-items .as-new-link-item > a .desc {
    display: block;
    margin: 0;
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 12px;
}
.as-new-main-link-box .link-items .as-new-link-item > a::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
}
.as-new-main-link-box .link-items .as-new-link-item.as-item-insurance > a::before {
    background: url(../img/as/icon_as_insurance.png) no-repeat 0 0;
    background-size: 20px 20px;
}
.as-new-main-link-box .link-items .as-new-link-item.as-item-cleaning > a::before {
    background: url(../img/as/icon_as_cleaning.png) no-repeat 0 0;
    background-size: 20px 20px;
}
.as-new-main-link-box .link-items .as-new-link-item.as-item-install > a::before {
    background: url(../img/as/icon_as_install.png) no-repeat 0 0;
    background-size: 20px 20px;
}
.as-new-main-link-box .link-items .as-new-link-item.as-item-change > a::before {
    background: url(../img/as/icon_as_change.png) no-repeat 0 0;
    background-size: 20px 20px;
}
.as-new-main-link-box .link-items .as-new-link-item > a::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 13px;
    height: 12px;
    margin-top: -6px;
    background: url(../img/as/arrow_right16.png) no-repeat 0 0;
    background-size: 13px 12px;
}
@media screen and (min-width: 600px) {
    .as-new-main-link-box {
        margin: 0;
    }
    .as-new-main-link-box .link-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .as-new-main-link-box .link-items .as-new-link-item {
        width: calc( 50% - 5px );
        margin-top: 0;
    }
    .as-new-main-link-box .link-items .as-new-link-item:not(:first-child):not(:nth-child(2)) {
        margin-top: 18px;
    }


}

 /* 메인 브랜드 리스트 */
 .as-new-brand-list-wrap {
    margin-top: 22px;
    padding: 0 22px;
 }
 .as-new-brand-list-wrap .as-new-brand-lists {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
 }
 .as-new-brand-list-wrap .as-brand_item {
    width: calc(20% - 15px);
    min-width: 54px;
    min-height: 54px;
    margin-left: 15px;
    margin-bottom: 20px;
 }
 .as-new-brand-list-wrap .as-brand_item > a {
    display: block;
    text-align: center;
 }
 .as-new-brand-list-wrap .as-brand_item .as-brand-thumb {
    display: block;
    border-radius: 50%;
 }
 .as-new-brand-list-wrap .as-brand_item .as-brand-name {
    font-size: var(--hi-fs-detail1);
    font-weight: var(--hi-font-w400);
    color: #121f26;
    line-height: 20px;
 }
 @media screen and (min-width: 600px) {
    .as-new-brand-list-wrap {
        padding: 0;
    }
    .as-new-brand-list-wrap .as-new-brand-lists {
        justify-content: center;
    }
    .as-new-brand-list-wrap .as-brand_item {
        max-width: 54px;
    }
 }

 /* 메인 배너 */
 /* .as-new-main-banner {
    position: relative;
    margin-bottom: 44px;
    padding: 0 22px;
 }
 .as-new-main-banner .swiper-slide.hmn-img-112__slide {
    border-radius: 15px;
    overflow: hidden;
 }
 .as-new-main-banner .swiper-slide .hmn-img-112__link {
    display: block;
    width: 100%;
 }
 .as-new-main-banner .swiper-slide .hmn-img-112__link img {
    border-radius: 15px;
 }
 @media screen and (max-width: 800px) {
    .as-new-main-banner .swiper-slide {
        margin-right: 1px;
    }
    
 }
 .as-new-main-banner .hm-main__slide-new-pagination-wrap {
    bottom: 10px;
    left: inherit !important;
    right: 32px !important;
    height: 17px !important;
    padding: 0 6px;
 }
 .as-new-main-banner .hm-main__slide-new-pagination-wrap .swiper-pagination {
    padding-right: 0;
    font-size: var(--hi-fs-body4);
 }
 @media screen and (min-width: 600px) {
    .as-new-main-banner {
        margin-bottom: 60px;
        padding: 0;
    }
    .as-new-main-banner .swiper-container.hmn-img-112__container .hmn-img-112__slide {
        width: 100% !important;
        text-align: center;
    }
 } */

 /* 메인배너 */
.as-new-main-banner{ position: relative;margin-bottom:44px;padding: 0 22px;}
.as-new-main-banner.swiper-container { overflow:hidden; border-radius:15px; }
.as-new-main-banner ul li { height:auto;margin-right: 1px !important;}
.as-new-main-banner ul li a {display:block; height:100%;}
.as-new-main-banner ul li img { width:100%; height:100%;border-radius:15px;}
.as-new-main-banner .swiper-pagination-fraction { display:flex; position:absolute; left:auto; right:10px;bottom:10px; width:auto; height:20px; padding:0 8px; font-size:var(--hi-fs-detail1); font-weight:var(--hi-font-w400); color:rgba(255, 255, 255, 0.6); justify-content:center; transform:translateX(-50%); align-items:center; border-radius:100px; background:hsla(0,0%,50%,.5); }
.as-new-main-banner .swiper-pagination-fraction .swiper-pagination-current { margin-right:2px; font-weight:var(--hi-font-w700); color:#fff;}
.as-new-main-banner .swiper-pagination-fraction .swiper-pagination-total { margin-left:2px;}
@media screen and (min-width: 600px) {
    .as-new-main-banner{padding: 0;}
    .as-new-main-banner ul li {width: 331px !important;height: 111px !important;margin-right: 9px !important;border-radius: 14px !important;overflow: hidden !important;}
    .as-new-main-banner .swiper-wrapper .swiper-slide:nth-last-child(1):nth-child(odd) {width: 100% !important;}
    .as-new-main-banner ul li a {text-align: center !important;}
    .as-new-main-banner ul li a img {display: block !important;width: auto !important;margin: 0 auto !important;}
    .as-new-main-banner .swiper-container {border-radius: 0 !important;}
    .as-new-main-banner .swiper-pagination-fraction {left:50%; right:auto;margin-left: 118px;}
}  

 /* 메인 바텀시트 */
 .hm-bottomSheet__mybrand .bottom-sheet-header:has(.bottom-sheet-heading-lg) {
    min-height: auto;
 }
 .bottom-sheet-heading-lg {
    margin: 0 0 12px 0;
    padding: 16px 0 0 0;
    font-family: var(--hi-ff-hama);
    font-size: var(--hi-fs-heading5);
    font-weight: var(--hi-font-w500);
    color: var(--hi-text-gray7);
    line-height: 33px;
    text-align: center;
 }
 .hm-brand-title-area {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
 }
 .hm-brand-title-area .brand-logo {
    display: inline-block;
    width: 54px;
    height: 54px;
 }
 .hm-brand-title-area .brand-name-area {
    flex: 1;
 }
 .hm-brand-title-area .brand-name {
    display: block;
    font-size: var(--hi-fs-body1);
    font-weight: var(--hi-font-w700);
    color: var(--hi-text-gray7);
    line-height: 33px;
 }
 .hm-brand-title-area .brand-desc {
    display: block;
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray4);
    line-height: 20px;
 }
 .hm-brand-detail-box {
    padding: 16px;
    background-color: var(--hi-bg-gray);
    border-radius: 15px;
 }
 .hm-brand-detail-box .logo-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
 }
 .hm-brand-detail-box .imgs {
    height: 20px;
 }
 .hm-brand-detail-box .imgs img {
    width: auto;
    height: 100%;
 }
 .hm-brand-detail-box .hm-x {
    display: inline-block;
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w300);
    color: var(--hi-primary-black);
    line-height: 14px;
 }
 .hm-brand-detail-box .box-tit {
    margin: 0;
    font-size: var(--hi-fs-body2);
    font-weight: var(--hi-font-w700);
    color: var(--hi-secondary-blue);
    line-height: 24px;
 }
 .hm-brand-detail-box .box-tit-sm {
    margin: 0 0 12px 0;
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w700);
    color: var(--hi-secondary-blue);
    line-height: 24px;
 }
 .hm-brand-detail-box .box-tit-sm span {
    color: var(--hi-text-gray6);
 }

 .hm-brand-detail-box .box-desc {
    margin: 12px 0 0 0;
    font-size: var(--hi-fs-body4);
    font-weight: var(--hi-font-w400);
    color: var(--hi-text-gray5);
    line-height: 20px;
 }
 .brand-detail-boxinner + .brand-detail-boxinner {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ececed;
 }
 .as-brand-product-lists {
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
 }
 .as-brand-product-lists .product-item {
    width: calc(25% - 7px);
    margin-left: 9px;
    margin-top: 15px;
 }
 .as-brand-product-lists .product-item:first-child,
 .as-brand-product-lists .product-item:nth-child(4n + 1) {
    margin-left: 0;
 }
 .as-brand-product-lists .product-item .img{
    display: block;
    position: relative;
    z-index: 1;
 }
 .as-brand-product-lists .product-item .img::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #fff;
    border-radius: 15px;
    z-index: -1;
    border-radius: 15px;
 }
 .section-as-new .hm-bottomSheet .hm-layer-recommend {
    margin-top: 30px;
 }
 .section-as-new .hm-bottomSheet .hm-layer-recommend .as-ly-title {
    margin: 0 0 16px 0;
}
.hm-layer-recommend .hm-as-new-recommend {
    margin: 16px 0 0 0;
}
.hm-bottomSheet__mybrand .bottom-sheet-body {
    padding-bottom: 0;
}
.section-as-new .hm-bottomSheet__mybrand .bottom-sheet-body .bottom-btn__wrap {
    padding-bottom: 0;
}

/* faq */
.as-new-main-faq {
    margin: 0 22px;
}
.as-new-main-faq .hm-accordian {
    border: none
}
.as-main-faq--item {
    margin-bottom: 10px;
    padding: 14px 16px 20px;
    background-color: #f8f9fa;
    border-radius: 15px;
    box-sizing: border-box;
    border: none !important
}
.as-main-faq--item .as-faq--item-question {
    display: flex;
    flex-wrap: wrap;
    min-height: 40px;   
    padding: 0;
}
.as-main-faq--item .as-faq--item-answer {
    display: flex;
    flex-wrap: wrap; 
}
.as-main-faq--item .as-faq--item-question.hm-accordian__header--active {
    margin-bottom: 20px;
    padding: 0 0 20px 0;
    border-bottom: 2px solid #000;
}
.as-faq--item-q {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: url(../img/as/icon_faq_q.png) no-repeat 0 0;
    background-size: 40px 40px;
    text-indent: -99999em;
}
.as-faq--item-a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: url(../img/as/icon_faq_a.png) no-repeat 0 0;
    background-size: 40px 40px;
    text-indent: -99999em;
}
.as-main-faq--item .as-faq--item-question-text,
.as-main-faq--item .as-faq--item-answer-text {
    font-size: var(--hi-fs-body3);
    font-weight: var(--hi-font-w400);
    color: #111;
    line-height: 21px;
    flex: 1;
}
.as-main-faq--item .as-faq--item-question-text {
    position: relative;
    padding-right: 26px;
}
.as-main-faq--item .hm-accordian__header:before {
    width: 16px;
    height: 16px;
    background: url(../img/icon/icon_arrow_down16.png) no-repeat 0 0;
    background-size: 16px 16px;
}
.as-main-faq--item .hm-accordian__header--active:before {
    transform: rotate(-180deg);
}
@media screen and (min-width: 600px) {
    .as-new-main-faq {
        margin: 0;
    }
    .as-new-main-faq .as-main-faq-content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        border: none;
    }
    .as-new-main-faq .as-main-faq-content .as-main-faq--item {
        width: calc(50% - 5px);

    }
}

/* 메인 바텀 네비 */
.hm-bottom-floating__link-top {
    background: var(--hi-white-dim-70);
} 
.hm-bottom-floating__link {
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: 8px;
    font-size: var(--hi-fs-detail4);
    border-radius: 3px !important;
    border: var(--hi-border-9ca) !important;
    background: var(--hi-bg-white);
    box-sizing: border-box;
}