@charset "utf-8";

@import url(/resources/native/assets/css/font.css);
/* new */
@import url(/resources/native/assets/css/common.new.css);
/* var import */
@import url(/resources/native/assets/css/var/border.css);
@import url(/resources/native/assets/css/var/color.css);
@import url(/resources/native/assets/css/var/font.css);
/* responsive */
@import url(/resources/native/assets/css/responsive/bundle.css);

:root {--com-point-color:  #F1344D;}

/****************************************/
/*	native
/****************************************/
.hm-table1 { display: block; width: 100%; }
.hm-table1 table { width: 100%; border-top: 1px solid #111; border-bottom: 1px solid #e4e4e4; }
.hm-table1 caption { display: none; }
.hm-table1 tr { border-top: 1px solid #e4e4e4; font-size: 14px; }
.hm-table1 th { padding: 15px 0; text-align: left; font-weight: normal; }
.hm-table1 td { padding: 15px 0; }
.hm-table1 thead tr { border: 0; border-bottom: 1px solid #d4d4d4; }
.hm-table1 thead th { text-align: center; }
.hm-table1 tbody tr:first-child { border: 0; }
.hm-table1 tbody th { vertical-align: top; }
.hm-table1 tbody td { vertical-align: top; }
.hm-table1--all-left-padding tbody th, .hm-table1--all-left-padding tbody td { text-align: left; padding-left: 10px; }
.hm-table1--all-center tbody th, .hm-table1--all-center tbody td { text-align: center; }
.hm-table1--tbody-th-middle tbody th { vertical-align: middle; }
.hm-table1--tbody-td-middle tbody td { vertical-align: middle; }
.hm-table1--has-block tbody th, .hm-table1--has-block tbody td { padding: 20px 0; }
.hm-table1--thead-font-xs thead th { font-size: 12px; }
.hm-table1--thead-font-sm thead th { font-size: 13px; }
.hm-table1--thead-font-lg thead th { font-size: 16px; }
.hm-table1--tbody-font-xs tbody th, .hm-table1--tbody-font-xs tbody td { font-size: 12px; }
.hm-table1--tbody-font-sm tbody th, .hm-table1--tbody-font-sm tbody td { font-size: 13px; }
.hm-table1--tbody-th-color-black tbody th { color: #111; }
.hm-table1--tbody-td-color-gray tbody td { color: #888; }
.hm-table1--tbody-th-bg-gray table { border-top-color: #d4d4d4; border-bottom-color: #eee; }
.hm-table1--tbody-th-bg-gray tbody tr { border-top-color: #eee; }
.hm-table1--tbody-th-bg-gray tbody th { padding-left: 10px; background: #f4f4f4; color: #888; }
.hm-table1--tbody-th-bg-gray tbody td { padding-left: 10px; }

.hm-heading {font-weight: bold; margin: 1.25em 0;}
.hm-heading--3 {font-size: 14px;}
.hm-heading--4 {font-size: 12px;}
.hm-heading--light {font-weight: normal;}

.hm-box {display: block; padding: 10px 3px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; background-color: #fff;}
.hm-box .hm-heading {margin-top: 30px; margin-bottom: 20px;}
.hm-box .hm-heading:first-child {margin-top: 0;}
.hm-box__content {overflow: auto; padding: 10px 17px; font-family: inherit; word-break: break-all; -webkit-overflow-scrolling: touch;}

.hm-container {padding-left: 20px; padding-right: 20px; position: relative;}
.hm-wide-fit {margin-left: -20px !important; margin-right: -20px !important;}

.hm-box--silver {border: #f4f4f4; background-color: #f4f4f4;}
.hm-box__content > *:last-child {margin-bottom: 0; padding-bottom: 0;}
.hm-box__content > *:first-child {margin-top: 0; padding-top: 0;}

.hm-list {list-style: none; margin: 0; padding: 0; font-size: 14px;}
.hm-list__item {position:relative;line-height:1.5;margin-bottom:0.4em;word-break:break-all;}
.hm-list__item:first-child {margin-top:0px;}
.hm-list__item:last-child {margin-bottom:0px;}

.hm-list--xs {font-size:12px;}
.hm-list--gray {color:#888;}
.hm-list--bottom {margin:20px 0;}

.hm-list--ul-disc > .hm-list__item {position:relative;padding:0 0 0 8px;}
.hm-list--ul-disc > .hm-list__item:last-child {margin-bottom:0px;}
.hm-list--ul-disc > .hm-list__item::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:'';}
.hm-list--ul-disc > .hm-list__item.desc_none::before {display: none;}
.hm-list--ul-disc > .hm-list__item {padding:0 0 0 8px;}
.hm-list--ul-disc.hm-list--gray > .hm-list__item::before {border:1px solid #888;}
.hm-list--ul-hyphen > .hm-list__item { padding: 0 0 0 8px; }
.hm-list--ul-hyphen > .hm-list__item:last-child { margin-bottom: 0px; }
.hm-list--ul-hyphen > .hm-list__item::before { display: inline-block; position: absolute; top: 8px; left: 0; width: 3px; height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #111; content: ''; }
.hm-list--ul-hyphen > .hm-list__item.desc_none::before {display: none;}
.hm-list--ul-hyphen.hm-list--gray > .hm-list__item::before { background-color: #888; }

.hm-grid {position:relative;margin-left:-3px;margin-right:-3px;}
.hm-grid:after {content:"";display:table;clear:both;}
.hm-grid--no-gutter {margin-left:0;margin-right:0;}
.hm-grid--no-gutter > .hm-grid__cell {padding-left:0;padding-right:0;}
.hm-grid--vertical-cell-gutter .hm-grid__cell {margin:7.5px 0;}
.hm-grid--vertical-cell-gutter {margin:-7.5px 0;}
.hm-grid__cell {-webkit-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:3px;padding-right:3px;}
.hm-grid__cell--12 {width:100%;}
.hm-grid__cell--shift-12 {margin-left:100%;}
.hm-grid__cell--11 {width:91.66667%;}
.hm-grid__cell--shift-11 {margin-left:91.66667%;}
.hm-grid__cell--10 {width:83.33333%;}
.hm-grid__cell--shift-10 {margin-left:83.33333%;}
.hm-grid__cell--9 {width:75%;}
.hm-grid__cell--shift-9 {margin-left:75%;}
.hm-grid__cell--8 {width:66.66667%;}
.hm-grid__cell--shift-8 {margin-left:66.66667%;}
.hm-grid__cell--7 {width:58.33333%;}
.hm-grid__cell--shift-7 {margin-left:58.33333%;}
.hm-grid__cell--6 {width:50%;}
.hm-grid__cell--shift-6 {margin-left:50%;}
.hm-grid__cell--5 {width:41.66667%;}
.hm-grid__cell--shift-5 {margin-left:41.66667%;}
.hm-grid__cell--4 {width:33.33333%;}
.hm-grid__cell--shift-4 {margin-left:33.33333%;}
.hm-grid__cell--3 {width:25%;}
.hm-grid__cell--shift-3 {margin-left:25%;}
.hm-grid__cell--2 {width:16.66667%;}
.hm-grid__cell--shift-2 {margin-left:16.66667%;}
.hm-grid__cell--1 {width:8.33333%;}
.hm-grid__cell--shift-1 {margin-left:8.33333%;}
.hm-grid--vertical-center {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.hm-grid--absolute-cell > div:first-child {width:100%;padding:0;}
.hm-grid--absolute-cell > div:last-child {padding:0;position:absolute;}

.hm-grid + .hm-grid {margin-top:10px;}

.hm-text-size-xxs {font-size:11px !important;}
.hm-text-size-xs {font-size:12px !important;}
.hm-text-size-sm {font-size:13px !important;}
.hm-text-size-md {font-size:14px !important;}
.hm-text-size-lg {font-size:16px !important;}
.hm-text-size-lgr {font-size:18px !important;}
.hm-text-size-xl {font-size:20px !important;}

.hm-text-align-left {text-align:left !important;}
.hm-text-align-right {text-align:right !important;}
.hm-text-align-center {text-align:center !important;}

.hm-text-color-black {color:#111 !important;}
.hm-text-color-red {color:var(--com-point-color) !important;}
.hm-text-color-blue {color:#0073f4 !important;}
.hm-text-color-light-blue {color:#009bfa !important;}
.hm-text-color-dark-gray {color:#555 !important;}
.hm-text-color-md-gray {color:#888 !important;}
.hm-text-color-light-gray {color:#e4e4e4 !important;}
.hm-text-color-ulight-gray {color:#f4f4f4 !important;}

.hm-text-ellipsis { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.hm-text-ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; text-overflow: ellipsis; word-wrap: break-word; }
.hm-text-underline { display: inline-block; padding-bottom: 1px; border-bottom: 1px solid #111; }
.hm-text-underline2 { display: inline-block; text-decoration:underline; }
.hm-text-underline-center { display: inline-block; position: relative; }
.hm-text-underline-center::after { display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin: -1px 0; border-top: 1px solid #888; content: ''; }
.hm-text-underline-fit { position:relative; display: inline-block; color: #111; line-height: 1; vertical-align: baseline; }
.hm-text-underline-fit:after { content:''; position:absolute; bottom:0;left:0;width:100%;height:1px; background:#111; }

.hm-text-link {display: inline-block; vertical-align: top;}
.hm-text-link--text-none {display: inline-block; height: 19px; font-size: 0; color: transparent;}
.hm-text-link--arrow-type02 {text-decoration: underline; position: relative;}
.hm-text-link--arrow-type02::after {position: relative; top: 2px; display: inline-block; width: 6px; height: 11px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../../native/assets/img/icon/href-arrow_right_02.png) no-repeat center center; background-size: 100% auto; vertical-align: top; content: '';}

.hm-btns {margin-top:25px;text-align:center;}
.hm-btn {font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border-style:solid;border-width:1px;line-height:initial;display:block;padding-left:0;padding-right:0;width:100%;border-radius:4px;text-decoration:none;font-weight:normal;white-space:nowrap;font-size:14px;height:37px;background:#fff;border-color:#ddd;color:#111;}
.hm-btn:focus { outline: none; }
.hm-btn__label { display: inline-block; margin-left: 3px; vertical-align: middle; }
.hm-btn--active { background-color: #111; border-color: #111; color: #fff; }
.hm-btn--white-red { background: #fff; border-color: var(--com-point-color); color: var(--com-point-color); }
.hm-btn--white-blue { background: #fff; border: none; color: #009bfa; }
.hm-btn--red { background: var(--com-point-color); border-color: var(--com-point-color); color: #fff; }
.hm-btn--gray1 { background: #fff; border-color: #cccccc; color: #555; }
.hm-btn--gray2 { background: #fff; border-color: #ddd; color: #555; }
.hm-btn--gray3 { background: #fafafa; border-color: #d4d4d4; color: #b6b6b6; }
.hm-btn--gray4 { background: #fafafa; border-color: #d4d4d4; color: #111; }
.hm-btn--gray { background: #888; border-color: #888; color: #fff; }
.hm-btn--lpay { background: #019bd7; border-color: #019bd7; color: #fff; }
.hm-btn--white-red {background:#fff;border-color:var(--com-point-color);color:var(--com-point-color);}
.hm-btn--red {background:var(--com-point-color);border-color:var(--com-point-color);color:#fff;}
.hm-btn--black { background: #fff; border-color: #111; color: #111; }
.hm-btn--all-black { background: #000; border-color: #000; color: #fff; }
.hm-btn--lg {height:46px;font-size:16px;}
.hm-btn--xxs { display: inline-block; width: auto; height: 19px; padding-left: 5px; padding-right: 5px; font-size: 12px; vertical-align: middle; margin-top: -4px; }
.hm-btn--xs { display: inline-block; width: auto; height: 23px; padding-left: 12px; padding-right: 12px; font-size: 12px; vertical-align: middle; margin-top: -5px; }
.hm-btn--sm { display: inline-block; width: auto; height: 27px; padding-left: 10px; padding-right: 10px; font-size: 13px; }
.hm-btn--md { height: 37px; font-size: 14px; }
a.hm-btn--lg {line-height:45px;}
a.hm-btn--xxs { line-height: 18px; }
a.hm-btn--xs { line-height: 22px; }
a.hm-btn--sm { line-height: 26px; }
a.hm-btn--md { line-height: 36px; }
a.hm-btn--lg { line-height: 45px; }

.hm-btn--inline {display:inline-block;vertical-align:middle;width:auto;line-height:initial;}
.hm-btn--inline.hm-btn--md {padding-left:14px;padding-right:14px;}
.hm-btn--inline.hm-btn--lg {padding-left:40px;padding-right:40px;}

.hm-btn-more {display:block;padding:16px 0;margin-bottom:30px;border-bottom:1px solid #e4e4e4;text-align:center;}
.hm-btn-more__text {display:inline-block;color:#ed4046;}
.hm-btn-more__count {display:inline-block;color:#ed4046;}

.hm-divider--top-md {margin-top:20px;}

.hm-checkbox {display:inline-block;}
.hm-checkbox__checkbox {position:absolute;left:-9999999px;display:block;width:0;height:0;font-size:0;color:transparent;}
.hm-checkbox__checkbox:checked + span::after {position:absolute;top:0;left:0;width:19px;height:19px;-webkit-box-sizing:border-box;box-sizing:border-box;content:'';background:#ed4046 url("/resources/native/assets/img/icon/checkbox-checked.png") no-repeat center center;background-size:11.5px auto;border:1px solid #ed4046;border-radius:4px;}
.hm-checkbox__label {display:inline-block;position:relative;width:auto;height:19px;line-height:20px;padding:0 0 0 23px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;}
.hm-checkbox__label::before {position:absolute;top:0;left:0;width:19px;height:19px;-webkit-box-sizing:border-box;box-sizing:border-box;content:'';background:#fff url("/resources/native/assets/img/icon/checkbox-check.png") no-repeat center center;background-size:11.5px auto;border:1px solid #ddd;border-radius:4px;}

.hm-input {display:block;width:100%;max-width:100%;padding:0 11px;height:37px;line-height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;color:#111;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color 0.1s cubic-bezier(0.685, 0, 0.255, 1), -webkit-box-shadow 0.1s cubic-bezier(0.685, 0, 0.255, 1);transition:border-color 0.1s cubic-bezier(0.685, 0, 0.255, 1), -webkit-box-shadow 0.1s cubic-bezier(0.685, 0, 0.255, 1);transition:box-shadow 0.1s cubic-bezier(0.685, 0, 0.255, 1), border-color 0.1s cubic-bezier(0.685, 0, 0.255, 1);transition:box-shadow 0.1s cubic-bezier(0.685, 0, 0.255, 1), border-color 0.1s cubic-bezier(0.685, 0, 0.255, 1), -webkit-box-shadow 0.1s cubic-bezier(0.685, 0, 0.255, 1);}
.hm-input::-webkit-input-placeholder {color:#d4d4d4;}
.hm-input:-ms-input-placeholder {color:#d4d4d4;}
.hm-input::-ms-input-placeholder {color:#d4d4d4;}
.hm-input::placeholder {color:#d4d4d4;}
.hm-input::-webkit-input-placeholder {color:#d4d4d4;}
.hm-input:focus {border-color:#ed4046;}
.hm-input:disabled {opacity:1;-webkit-text-fill-color:inherit;}
.hm-input:disabled::-webkit-input-placeholder {color:#d4d4d4;}
.hm-input--inline {display:inline-block;width:auto;}
.hm-input--error {background-color:#fff;border:1px solid #ed4046;color:#ed4046;}
.hm-input--error::-webkit-input-placeholder {color:#ed4046;}
.hm-input--error:-ms-input-placeholder {color:#ed4046;}
.hm-input--error::-ms-input-placeholder {color:#ed4046;}
.hm-input--error::placeholder {color:#ed4046;}
.hm-input--error:focus {border-color:#ed4046;}
.hm-input--disabled {pointer-events:none;border:1px solid #ddd;background:#f4f4f4;color:#888;}
.hm-input--disabled::-webkit-input-placeholder {color:#888;}
.hm-input--disabled:-ms-input-placeholder {color:#888;}
.hm-input--disabled::-ms-input-placeholder {color:#888;}
.hm-input--disabled::placeholder {color:#888;}
.hm-input--none-border {border:0;background-color:#fff;color:#111;}
.hm-input--hidden {position:absolute;left:-9999999px;display:block;width:0;height:0;font-size:0;color:transparent;}
.hm-input--text-right {text-align:right;}
.hm-input--readonly-disabled {pointer-events:none;}
.hm-input--readonly-disabled:focus {outline:0;}

/* input reset button ========================================================================== */
.hm-input-group {position:relative;}
.hm-input-group .hm-input {padding-right:45px;}
.hm-input-group .hm-input__btn--reset {display:none;position:absolute;top:0;right:0;width:45px;height:100%;text-indent:-9999px;border:none;background:none;}
.hm-input-group .hm-input__btn--reset:before {content:"";position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-9px 0 0 -9px;background:url("/resources/native/assets/img/icon/delete_06.png") no-repeat 0 0;background-size:100%;}

.hm-paragraph {line-height:1.5;margin:0;}

.swiper-scrollbar { background: none; }
.swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.3) !important; }
.swiper-container-vertical > .swiper-scrollbar { width: 3px !important; right: 2px !important; }

/* 모듈
   ========================================================================== */
/* 여백 */
.hmn-divider-1 {clear:both;overflow:hidden;height:8px;margin:0;background-color:#f2f2f2;border-top:1px solid #ededed;box-sizing:border-box;}
.hmn-divider-2 { clear: both; overflow: hidden; height: 1px; margin: 0; margin-left: -20px; margin-right: -20px; background-color: #eee; }

/* 단순 조합형 */
.hmn-scom-101 {width:auto !important;margin-left:-20px;margin-right:-20px;}
.hmn-scom-101__list {display:flex;flex-wrap:wrap;padding:3px 10px 18px;}
.hmn-scom-101__list:after {content:"";display:table;clear:both;}
.hmn-scom-101__item {width:20%;margin-top:12px;}
.hmn-scom-101__link {display:block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.hmn-scom-101__text {display:block;margin-top:2px;font-size:12px;color:#525964;}
.hmn-scom-101__thumb {display:inline-block;width:64px;height:64px;}
/* 320 사이즈 조절 */
@media screen and (max-width:320px){
  .hmn-scom-101__thumb {width:60px;height:60px;}
}

.hmn-scom-102 { width: auto !important; margin-left: -20px; margin-right: -20px; }
.hmn-scom-102__list { display: flex; flex-wrap: wrap; padding: 10px 10px 0; }
.hmn-scom-102__list:after { content: ""; display: table; clear: both; }
.hmn-scom-102__item { width: 20%; }
.hmn-scom-102__link { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 7px; text-align: center; }
.hmn-scom-102__text { display: block; font-size: 12px; color:#525964; }
.hmn-scom-102__thumb { width: 64px; height: 64px; display: block; margin: 0 auto 9px auto; }

/* 텍스트형 */
.hmn-txt-101 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0 0; }
.hmn-txt-101__title { font-size: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-txt-101__link { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block; width: 65px; text-align: right; color: #ed4046; font-size: 12px; }
.hmn-txt-101__link:after { content: ""; display: inline-block; width: 4.5px; height: 8px; background: url("/resources/native/assets/img/module/hmn_txt_101_arrow.png") no-repeat right center; background-size: 4.5px 8px; margin-left: 5px; }
.hmn-txt-102 {display: block;padding: 20px 0 0;font-size: 20px;text-align: center;width: auto !important;margin-left: -20px;margin-right: -20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.hmn-txt-102.viewAll { position: relative; }
.hmn-txt-102__viewAll { position: absolute; top: 22px; right: 12.5px; z-index: 1; }
.hmn-txt-102__viewAll a { position: relative; display: block; height: 30px; font-size: 13px; line-height: 30px; color: #111; padding-right: 8px; background: url(/resources/native/assets/img/livingstyle/href-arrow_right.png) no-repeat right center; background-size: 6px 10px; }
.hmn-txt-103 { padding: 20px 0; }
.hmn-txt-103__title { text-align: center; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-txt-103__caption { text-align: center; color: #888; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-txt-104 { width: auto !important; margin-left: -20px; margin-right: -20px; position: relative; }
.hmn-txt-104__link { display: block; }
.hmn-txt-104__bg-img { vertical-align: top; }
.hmn-txt-104__txt-wrapper { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.45); }
.hmn-txt-104__txt-wrapper-inner { position: absolute; left: 50%; top: 50%; width: 100%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.hmn-txt-104__title { font-size: 20px; display: block; color: #fff; font-weight: bold; margin-bottom: 8px; text-align: center; }
.hmn-txt-104__caption { display: block; font-size: 12px; color: #fff; line-height: 1.3; text-align: center; }
.hmn-txt-105 { padding: 20px 0; }
.hmn-txt-105__title { text-align: center; margin: 8px 0 0 0; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-txt-105__user { font-weight: bold; }
.hmn-txt-105__caption { text-align: center; color: #888; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-txt-106 { width: auto !important; margin-left: -20px; margin-right: -20px; }
.hmn-txt-106__link { display: block; }
.hmn-txt-106__text-wrapper { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; height: 83px; padding: 23px 20px 23px; }
.hmn-txt-106__text-wrapper:after { content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: block; width: 7px; height: 13px; background: url("/resources/native/assets/img/module/hmn_txt_106_arrow.png") no-repeat 0 0; background-size: 100%; }
.hmn-txt-106__title { position: absolute; top: -16px; left: 20px; right: 20px; font-weight: bold; font-size: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-txt-106__caption { display: block; padding-right: 76px; color: #888; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hmn-txt-108 {padding-top:25px;text-align:center;font-size:26px;font-weight:bold;line-height:34px;}
.hmn-txt-108__title {color:#111;}
.hmn-txt-108__point {color:#e8127d}

/* 브랜드형 */
.hmn-brd-202 { padding-bottom: 20px; }
.hmn-brd-202 .hmn-txt-102, .hmn-brd-202 .hmn-txt-109, .hmn-brd-202 .hmn-txt-110 { margin-bottom: 20px; }
.hmn-brd-202__inner { margin: -5px; }
.hmn-brd-202__inner:after { content: ""; display: table; clear: both; }
.hmn-brd-202__item { padding: 5px; float: left; width: calc( 33.33333333333333333% - 10px); }
.hmn-brd-202__link { display: block; position: relative; }
.hmn-brd-202__title { position: absolute; left: 13px; right: 13px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-size: 14px; color: #fff; text-align: center; display: block; }
.hmn-brd-202 .hmn-inner-divider { width: auto !important; margin-left: -20px; margin-right: -20px; }

/* hmn-img-122 메인 신규 띠배너 영역 추가 */
.hmn-img-122 {width:auto !important;margin-left:-20px;margin-right:-20px;}
.hmn-img-122__link {position:relative;padding-bottom:22.4%;display:block !important; }
.hmn-img-122__link .hmn-thumb {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 이미지형 */
.hmn-img-107 {display:block;padding:20px 0;}
.hmn-img-107__container {padding:0 20px;box-sizing:border-box;}
.hmn-img-107__slide {width:88% !important;border-radius:10px;overflow:hidden;}
.hmn-img-107__link {display:block;}

/* 카테고리형 */
.hmn-cate-201 { width: auto !important; margin-left: -20px; margin-right: -20px; overflow: hidden; }
.hmn-cate-201__inner { margin: -1px 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.hmn-cate-201__item { border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; padding: 10px 0; }
.hmn-cate-201__item:nth-child(col-lenn+1) { border-right: none; }
.hmn-cate-201__thumb { display: block; width: 35px; height: 35px; margin: 0 auto 10px auto; }
.hmn-cate-201__title { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 30px; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }
.hmn-cate-201__name { padding: 0 3px; text-align: center; font-size: 12px; color: #888; }
.hmn-cate-201__name--all { color: #ed4046; font-weight: bold; }
.hmn-cate-202 { width: auto !important; margin-left: -20px; margin-right: -20px; overflow: hidden; }
.hmn-cate-202__inner { margin: 0px 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-shadow: inset 0px -1px 0px #f4f4f4; box-shadow: inset 0px -1px 0px #f4f4f4; }
.hmn-cate-202__item { border-bottom: 1px solid #f4f4f4; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; padding: 10px 0; }
.hmn-cate-202__item:nth-child(col-lenn+1) { border-right: none; }
.hmn-cate-202__thumb { display: block; width: 35px; height: 35px; margin: 0 auto 10px auto; }
.hmn-cate-202__title { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 30px; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around;align-items: start; }
.hmn-cate-202__name { padding: 0 15px; text-align: center; font-size: 12px; color: #525964; word-break: break-all; white-space: pre-line; }
.hmn-cate-202__name--all { color: #ed4046; font-weight: bold; }
@media screen and (max-width: 374px) { .hmn-cate-202__name { padding: 0 10px; font-size:11px; } }
.hmn-cate-203__list { width: auto !important; margin-left: -20px; margin-right: -20px;}
.hmn-cate-203__list:after { content: ""; display: table; clear: both; }
.hmn-cate-203__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; border-bottom: 1px solid #eee; }
.hmn-cate-203__item:nth-child(odd) { border-right: 1px solid #eee; }
.hmn-cate-203__item:last-child { border-bottom: 0; }
.hmn-cate-203__item:nth-child(odd):nth-last-of-type(2) { border-bottom: 0; }
.hmn-cate-203__link { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 46px; padding: 15px 45px 13px 20px; color: #555; }
.hmn-cate-203__link:before { content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: block; width: 6px; height: 9px; background: url(/resources/native/assets/img/module/hmn_brd_201_arrow.png) no-repeat 0 0; background-size: 100%; }
.special_main .hmn-cate-203__link:before {display: none;}
.hmn-cate-203__title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-cate-205__list { width: auto !important; margin-left: -20px; margin-right: -20px; }
.hmn-cate-205__list:after { content: ""; display: table; clear: both; }
.hmn-cate-205__item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; border-bottom: 1px solid #eee; }
.hmn-cate-205__item:nth-child(odd) { border-right: 1px solid #eee; }
.hmn-cate-205__item:last-child { border-bottom: 0; }
.hmn-cate-205__item:nth-child(odd):nth-last-of-type(2) { border-bottom: 0; }
.hmn-cate-205__link { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; padding: 0 35px 0 10px; color: #555; line-height: 50px; }
.hmn-cate-205__link:before { content: ''; position: absolute; right: 20px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); display: block; width: 6px; height: 9px; background: url(/resources/native/assets/img/module/hmn_brd_201_arrow.png) no-repeat 0 0; background-size: 100%; }
.hmn-cate-205__title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.hmn-cate-205__thumb { margin-right: 5px; width: 35px; height: 35px; vertical-align: middle !important; }

/* hmn-img-133 */
.hmn-img-133 {width:auto !important;margin-left:-20px;margin-right:-20px;}
.hmn-img-133__swiper__link{display: block;}
.hmn-img-133__swiper {padding: 20px 0; width: auto !important; margin-left: -20px; margin-right: -20px; position: relative;}
.hmn-img-133__swiper .swiper-container {padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.hmn-img-133__swiper .title-area {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; text-align: center; width: 100%; height: auto;}
.hmn-img-133__swiper .title-area span {display: block; color: #fff; font-size: 13px; font-family: 'Apple SD Gothic Neo Light'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0px 10px;}
.hmn-img-133__swiper .title-area span:last-child {font-size: 21px; font-weight: bold;}
.hmn-img-133__swiper__slide {width: 88% !important; border-radius: 10px; overflow: hidden;}
.hmn-img-133__swiper__pagination {top: auto !important; bottom: 0; height: 3px !important; left: 50% !important; width: 50% !important; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.hmn-img-133__swiper .swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.1);}
.hmn-img-133__swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #ed4046;}
#hmn_img_133_layerpopup .hm-layer-popup .hm-layer-popup__header {height: 49px;text-align:left;}
#hmn_img_133_layerpopup .hm-layer-popup__close{background-image: url(/resources/native/assets/img/common/icon_header_close.png);}
#hmn_img_133_layerpopup .hm-layer-popup .hm-layer-popup__heading.hm-heading {font-family: 'Apple SD Gothic Neo Light'; font-size: 20px; padding: 14px 0px 11px 19px;}
#hmn_img_133_layerpopup .hm-layer-popup .hm-layer-popup__scroll--top-fit {padding: 20px;}
#hmn_img_133_layerpopup .hm-layer-popup .hm-layer-popup__slide{display:flex; justify-content: space-between; flex-wrap: wrap;}
#hmn_img_133_layerpopup .hm-layer-popup .hm-layer-popup__slide .content__outter{position: relative; width: 48.5%; margin-bottom: 3%;}
#hmn_img_133_layerpopup .hm-layer-popup .hm-layer-popup__slide .content__outter:nth-child(2n-1){margin-right: 3%;}
#hmn_img_133_layerpopup .hm-layer-popup .hmn-img-133__link {margin-bottom: 1px; display: block;}
#hmn_img_133_layerpopup .hm-layer-popup .hmn-img-133__link .title-area {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; text-align: center; width: 100%; height: auto;}
#hmn_img_133_layerpopup .hm-layer-popup .hmn-img-133__link .title-area span {display: block; color: #fff; font-size: 11px; font-family: 'Apple SD Gothic Neo Light'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0px 10px;}
#hmn_img_133_layerpopup .hm-layer-popup .hmn-img-133__link .title-area span:last-child {font-size: 16px; font-weight: bold;}

/* hmn-scom-111 */
.hmn-scom-111 {overflow:hidden;margin-left:-20px;margin-right:-20px;}
.hmn-scom-111__list {display:flex;flex-wrap:wrap;margin-bottom:-1px;}
.hmn-scom-111__item {height:48px;flex-basis:50%;box-sizing:border-box;border-bottom:1px solid #eee;}
.hmn-scom-111__item:nth-child(odd) {border-right:1px solid #eee;}
.hmn-scom-111__link {display:flex;height:100%;padding-left:10px;align-items:center;}
.hmn-scom-111__thumb {width:34px;height:34px;margin-right:2px;}
.hmn-scom-111__text {font-size:15px;white-space:nowrap;white-space:-wepkit-nowrap}

/* 타이틀 모듈 추가 txt-109, txt-110 */
.hmn-combi-120 .hmn-txt-109, .hmn-combi-120 .hmn-txt-110{margin:0}
.hmn-txt-109, .hmn-txt-110{position:relative;padding: 27px 0 5px;width: auto !important;margin-left: -20px;margin-right: -20px;}
.hmn-txt-109__title, .hmn-txt-110__title {margin:0;text-align: center;font-size: 24px;line-height:34px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight:bold;}
html.android .hmn-txt-109__title, html.android  .hmn-txt-110__title {font-size:22px}
.hmn-txt-109__viewAll, .hmn-txt-110__viewAll {position: absolute;bottom: 0;right: 12.5px;z-index: 1;}
.hmn-txt-109__viewAll a, .hmn-txt-110__viewAll a{position: relative;display: block;height: 30px;font-size: 13px;line-height: 30px;color: #111;padding-right: 56px;background: url(/resources/native/assets/img/module/hmn_txt_109_all.png) no-repeat right center;background-size: 55px 15px;text-indent: -9999px;}


/* 투게더 앱 - layer-popup
   ========================================================================== */
.body-freezing {position:fixed;width:100%;height:100%;overflow:hidden;}
.hm-app__layer-popup {overflow:hidden;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;-webkit-transform:translateY(150%);transform:translateY(150%);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;box-sizing:border-box;}
.hm-app__layer-popup--no-slide-animation {-webkit-animation-duration:0s !important;animation-duration:0s !important;}
.hm-app__layer-popup--done {-webkit-transform:translateY(0%);transform:translateY(0%);visibility:visible;opacity:1;}
.hm-app__layer-popup--from-bottom-show {-webkit-animation-name:layer-from-bottom-show;animation-name:layer-from-bottom-show;-webkit-animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);-webkit-animation-duration:0.35s;animation-duration:0.35s;}
.hm-app__layer-popup--from-bottom-hide {-webkit-animation-name:layer-from-bottom-hide;animation-name:layer-from-bottom-hide;-webkit-animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);-webkit-animation-duration:0.35s;animation-duration:0.35s;}
.hm-app__layer-popup--from-right {-webkit-transform:translate3d(100%, 0px, 0px);transform:translate3d(100%, 0px, 0px);}
.hm-app__layer-popup--from-right-show {-webkit-animation-name:layer-from-right-show;animation-name:layer-from-right-show;-webkit-animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);-webkit-animation-duration:0.35s;animation-duration:0.35s;}
.hm-app__layer-popup--from-right-hide {-webkit-animation-name:layer-from-right-hide;animation-name:layer-from-right-hide;-webkit-animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);-webkit-animation-duration:0.35s;animation-duration:0.35s;}
.hm-app__layer-popup--from-left {-webkit-transform:translate3d(-100%, 0px, 0px);transform:translate3d(-100%, 0px, 0px);}
.hm-app__layer-popup--from-left-show {-webkit-animation-name:layer-from-left-show;animation-name:layer-from-left-show;-webkit-animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);-webkit-animation-duration:0.35s;animation-duration:0.35s;}
.hm-app__layer-popup--from-left-hide {-webkit-animation-name:layer-from-left-hide;animation-name:layer-from-left-hide;-webkit-animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);animation-timing-function:cubic-bezier(0.685, 0, 0.255, 1);-webkit-animation-duration:0.35s;animation-duration:0.35s;}
.hm-app__layer-popup--active {-webkit-transform:translate3d(0px, 0px, 0px);transform:translate3d(0px, 0px, 0px);}
.hm-app__layer-popup-dimm {display:none;z-index:10000;position:fixed;left:0;top:0;right:0;bottom:0;}
.hm-app__layer-popup-dimm:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.3);}
.hm-app__layer-popup-dimm--active {display:block;}
.hm-app__layer-popup--dimm .hm-layer-popup {border-radius: 3.5px; top: 50%; left: 17px; left: calc(17px + constant(safe-area-inset-left)); left: calc(17px + env(safe-area-inset-left)); right: 17px; right: calc(17px + constant(safe-area-inset-right)); right: calc(17px + env(safe-area-inset-right)); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
.hm-app__layer-popup--done .hm-layer-popup {border-radius: 3.5px; top: 50%; left: 17px; left: calc(17px + constant(safe-area-inset-left)); left: calc(17px + env(safe-area-inset-left)); right: 17px; right: calc(17px + constant(safe-area-inset-right)); right: calc(17px + env(safe-area-inset-right)); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);}
.hm-layer-popup {background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#111;}
.hm-layer-popup__header { position: relative; z-index: 2; height: 55px; line-height: 58px; text-align: center; overflow: hidden; z-index: 99999; }
.hm-layer-popup__heading { display: inline-block; font-size: 18px; text-align: center; font-weight: normal !important; vertical-align:top; }
.hm-layer-popup__heading.hm-heading { margin: auto; }
.hm-layer-popup__close { position: absolute; top: 8px; right: 13px; display: inline-block; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; background: url("/resources/native/assets/img/icon/layer-close.png") no-repeat center center; background-size: 16px; font-size: 0; color: transparent; padding: 20px; outline: none; }

.hm-layer-popup__scroll { width: 100%; position: relative; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: calc(100% - 55px); padding-top: 25px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.hm-layer-popup__scroll:not(.js-layer-contents-slide) { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.hm-layer-popup__scroll:not(.js-layer-contents-slide) .swiper-wrapper { height: auto; }
.hm-layer-popup__scroll--fit { height: calc(100% - 55px); padding: 0 0 30px 0; }
.hm-layer-popup__scroll--top-fit { height: calc(100% - 55px); padding: 0 20px 30px 20px; }

/* 높이 유연한 레이어 유형 */
.hm-app__layer-popup--flexible .hm-layer-popup {bottom:auto;}
.hm-app__layer-popup--flexible .hm-layer-popup__scroll {padding:0 20px 15px;max-height:487px;}

/* 상하단 고정 여백 레이어 유형 */
.hm-app__layer-popup--frame .hm-layer-popup {top:50px;bottom:50px;transform:translateY(0);}
.hm-app__layer-popup--frame .hm-layer-popup__scroll {padding: 10px 20px 0;height:calc(100% - 135px);}
.hm-app__layer-popup--frame .hm-layer-popup__bottom-frame {display: flex; height: 80px; padding: 0 17px;}
.hm-app__layer-popup--frame .hm-layer-popup__bottom-frame .hm-btn-flex {display: block; width: 100%; padding: 0 3px;}
.hm-app__layer-popup--frame .hm-layer-popup__bottom-frame .hm-btn {position: relative; top: 50%; transform: translateY(-50%); margin-top: 0;}

/* 레이어팝업 footer */
.hm-layer-popup .hm-layer-popup__footer {z-index: 101; position: fixed; left: 0; right: 0; bottom: 0; padding-bottom: env(safe-area-inset-bottom);  background: #fff; }

/* 26959 MC 전체팝업 헤더 GUI 변경 건 */
.hm-app__layer-popup:not(.hm-app__layer-popup--dimm):not(.hm-app__layer-popup--tooltip) .hm-layer-popup__header {height:56px;line-height:normal;}
.hm-app__layer-popup:not(.hm-app__layer-popup--dimm):not(.hm-app__layer-popup--tooltip) .hm-layer-popup__heading {padding-top:16px;font-size:18px;line-height:24px;font-weight:bold !important;}
.hm-app__layer-popup:not(.hm-app__layer-popup--dimm):not(.hm-app__layer-popup--tooltip) .hm-layer-popup__close {top:11px;right:12px;width:28px;height:28px;padding:0;background-image:url("../../native/assets/img/common/icon_header_close.png");background-size:100%;}

#tooltip-layer__hope-ship p{margin:10px 0;line-height:20px;}
#tooltip-layer__hope-ship .hm-btns{margin-top:10px;}

@-webkit-keyframes dimm-show {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes dimm-show {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes dimm-hide {
  0% {opacity:1;}
  100% {opacity:0;}
}
@keyframes dimm-hide {
  0% {opacity:1;}
  100% {opacity:0;}
}
@-webkit-keyframes layer-from-bottom-show {
  0% {-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
  100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes layer-from-bottom-show {
  0% {-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
  100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes layer-from-right-show {
  0% {-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
  100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes layer-from-right-show {
  0% {-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
  100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes layer-from-left-show {
  0% {-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
  100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes layer-from-left-show {
  0% {-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
  100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes layer-from-bottom-hide {
  0% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@keyframes layer-from-bottom-hide {
  0% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
}
@-webkit-keyframes layer-from-right-hide {
  0% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@keyframes layer-from-right-hide {
  0% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
}
@-webkit-keyframes layer-from-left-hide {
  0% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}
@keyframes layer-from-left-hide {
  0% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
}

.hm-app__dimm { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; background: rgba(0, 0, 0, 0.3); }
.hm-app__dimm--show { bottom: 0; -webkit-animation-name: dimm-show; animation-name: dimm-show; -webkit-animation-timing-function: cubic-bezier(0.685, 0, 0.255, 1); animation-timing-function: cubic-bezier(0.685, 0, 0.255, 1); -webkit-animation-duration: 0.35s; animation-duration: 0.35s; }
.hm-app__dimm--hide { bottom: 0; -webkit-animation-name: dimm-hide; animation-name: dimm-hide; -webkit-animation-timing-function: cubic-bezier(0.685, 0, 0.255, 1); animation-timing-function: cubic-bezier(0.685, 0, 0.255, 1); -webkit-animation-duration: 0.35s; animation-duration: 0.35s; }

/* 42342 : 주문완료 : 레이어팝업 틀어짐 수정 */
#totalCategory.hm-app__layer-popup--done .hm-layer-popup { border-radius: 3.5px; top: 0; left: 0; left: 0; left: 0; right: 0; right: 0; right: 0; -webkit-transform: none; transform: none;}

/* 투게더 앱 - search
   ========================================================================== */
.hm-smart-search {height:100%;margin-left:-20px;margin-right:-20px;}
.hm-smart-search img {display:block;width:18px;height:18px;}
.hm-smart-search__header {display:table;position:relative;height:auto;width:100%;padding:12px 0 9px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;border-bottom:1px solid #ddd;letter-spacing:0;}
.hm-smart-search__header-inner {position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;align-items:center;width:100%;}
.hm-smart-search__header-back {position:relative;display:table-cell;width:46px;min-width:28px;height:100%;padding:20px 12px 0 16px;font-size:0;vertical-align:middle;box-sizing:border-box;}
.hm-smart-search__header-back-link {position:absolute;top:50%;width: 28px;height: 28px;left: 13px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
.hm-smart-search__header-back-link:after {content:"";display:block;width:28px;height:28px;background:url("/resources/native/assets/img/common/icon_header_back.png") no-repeat;background-size:100%;}
.hm-smart-search__header-search {vertical-align:middle;display:table-cell;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:16px;}
.hm-smart-search__header-search-input[type=search] {display:block;width:100%;height:35px;padding:0 80px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ef4045;border-radius:16px;background:#fcfcfc;box-sizing:border-box;margin:0;outline:none;-webkit-tap-highlight-color:transparent;}
.hm-smart-search__header-search-input::placeholder {color:#bbb;font-size:13px;}
.hm-smart-search__header-search-input:focus {background:#fff;}
.hm-smart-search__header-util {display:inline-block;position:absolute;top:50%;right:28px;width:auto;margin-top:-12px;font-size:0;text-align:right;vertical-align:middle;}
.hm-smart-search__header-util::after {display:table;clear:both;content:"";}
.hm-smart-search__header-util-item {display:inline-block;float:left;margin-left:15px;}
.hm-smart-search__header-util-item:first-child {margin-left:0;}
.hm-smart-search__header-util-item img {width:23px;height:23px;}
.hm-smart-search__delete {display:inline-block;height:18px;width:18px;background:url("/resources/native/assets/img/icon/delete_03.png") no-repeat center center;background-size:15px auto;border:0;font-size:0;color:transparent;vertical-align:top;}
.hm-smart-search__header-search-inner {display:table-cell;position:relative;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
.hm-smart-search__header-search-inner-input {display:block;height:35px;margin:0;line-height:35px;background:#fcfcfc;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;border-radius:16px;}
.hm-smart-search__header-search-inner-input::after {content:"";display:block;clear:both;float:none;}
.hm-smart-search__header-search-inner-keyword {display:inline-block;width:auto;margin-top:-3px;}
.hm-smart-search__header-search-inner-related {display:inline-block;width:calc(100% - 90px);margin-top:3px;margin-left:15px;}
.hm-smart-search__header-search-inner-wrapper::after {display:table;clear:both;content:"";}
.hm-smart-search__header-search-inner-related-item {display:inline-block;width:auto;height:25px;line-height:25px;padding:0 25px 0 5px;background-color:#ed4046;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ea3943;border-radius:20px;color:#fff;}
.hm-smart-search__header-search-inner-related-item::after {content:"";display:block;width:12px;height:12px;position:absolute;right:6px;top:50%;margin-top:-6px;background:url("/resources/native/assets/img/icon/delete_02.png") no-repeat center center;background-size:12px;}
.hm-smart-search__btn-search-init {display:inline-block;width:18px;height:18px;background:url("/resources/native/assets/img/icon/search_init.png") no-repeat center center;background-size:100% auto;border:0;font-size:0;color:transparent;vertical-align:middle;}
.hm-smart-search__btn-search-init + .hm-smart-search__btn-submit {margin-left:5px;}
.hm-smart-search__btn-submit {display:inline-block;width:18px;height:18px;background:url("/resources/native/assets/img/icon/search.png") no-repeat center center;background-size:100% auto;border:0;font-size:0;color:transparent;vertical-align:middle;}
.hm-smart-search__btn-close {display:inline-block;position:absolute;top:50%;right:20px;width:18px;height:18px;background:url("/resources/native/assets/img/icon/delete_04.png") no-repeat center center;background-size:100% auto;border:0;font-size:0;color:transparent;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}

.hm-smart-search__content {position:relative;margin:0 -20px;padding:15px 20px;background-color:#f4f4f4;}
.hm-smart-search__content-search-input {display:block;position:relative;width:100%;height:35px;margin:0;padding:0 70px 0 14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #eeeeee;border-radius:16px;background:#fff;display:block;outline:none;}
.hm-smart-search__content-search-input::-webkit-input-placeholder {color:#cccccc;}
.hm-smart-search__content-search-input:-ms-input-placeholder {color:#cccccc;}
.hm-smart-search__content-search-input::-ms-input-placeholder {color:#cccccc;}
.hm-smart-search__content-search-input::placeholder {color:#cccccc;}
.hm-smart-search__content-util {position:absolute;top:50%;right:28px;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
.hm-smart-search__content-util::after {display:table;clear:both;content:"";}
.hm-smart-search__content-util-item {position:relative;float:left;}
.hm-smart-search__content-util-item:after {content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);}
.hm-smart-search__content-util-item img {display:block;width:23px;height:23px;}
.hm-smart-search__content-util-item--search {width:25px;height:25px;margin-left:0;}
.hm-smart-search__content-util-item--search:after {width: 24px;height: 24px;background: url("/resources/native/assets/img/common/icon_search.png") no-repeat 0 0;background-size:100%;}
.hm-smart-search__content-util-item--search + .hm-smart-search__header-util-item {margin-left:22px;}
.hm-smart-search__content-util-item--search-init {display:none;width:25px;height:25px;margin-right:12px;}
.hm-smart-search__content-util-item--search-init:after {width:16px;height:16px;background:url("/resources/native/assets/img/icon/search_init2.png") no-repeat 0 0;background-size:100%;}

.hm-search-type {margin-top:9px;}
.hm-search-type__list {display:flex;align-items:center;justify-content:center;}
.hm-search-type__item {position:relative;padding-left:12px !important;margin-left:12px !important;}
.hm-search-type__item:before {content:"";position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#e5e5e5;}
.hm-search-type__item:first-of-type {margin-left:0;}
.hm-search-type__item:first-of-type:before {display:none;}
.hm-search-type__item-link {position:relative;display:block;padding-left:22px;font-size:12px;color:#333;line-height:20px;}
.hm-search-type__item-link:before {content:"";position:absolute;top:0;left:0;width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;background-size:100%;}
.hm-search-type__item--mic:before {background-image:url("/resources/native/assets/img/icon/search_mic.png");}
.hm-search-type__item--code:before {background-image:url("/resources/native/assets/img/icon/search_barcode.png");}

.hm-search-keyword {position:absolute;bottom:0px;left:0px;right:0px;top:84px;overflow-y:auto;letter-spacing:0;}
.hm-search-keyword__category {padding:20px 20px;line-height:1.3;}
.hm-search-keyword__keyword {display:block;}
.hm-search-keyword__keyword-link {color:#111;font-size:14px;}
.hm-search-keyword__category-list {list-style:none;margin-top:5px !important;padding:0;}
.hm-search-keyword__category-list-item {margin-top:15px;}
.hm-search-keyword__category-list-link {color:#888;display:inline-block;padding:3px 0px;font-size:14px;}
.hm-search-keyword__auto-complete-list {border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;}
.hm-search-keyword__auto-complete-list::after {display:table;clear:both;content:"";}
.hm-search-keyword__auto-complete-forward {list-style:none;display:block;float:left;width:50%;margin:0;padding:0;border-bottom:1px solid #f4f4f4;}
.hm-search-keyword__auto-complete-backward {list-style:none;display:block;float:left;width:50%;margin:0;padding:0;border-bottom:1px solid #f4f4f4;}
.hm-search-keyword__auto-complete-forward-item {border-top:1px solid #f4f4f4;}
.hm-search-keyword__auto-complete-forward-item:first-child {border-top:0;}
.hm-search-keyword__auto-complete-backward-item {border-top:1px solid #f4f4f4;}
.hm-search-keyword__auto-complete-backward-item:first-child {border-top:0;}
.hm-search-keyword__auto-complete-link {display:block;padding:15px 20px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hm-search-keyword__auto-complete-link font font {font-size:14px !important;color:#111 !important;}
.hm-search-keyword__btns {padding:15px 20px;margin:0px !important;}
.hm-search-keyword__btns-cell {text-align:right;}
.hm-search-keyword__close {background-color:transparent;border:0;color:#ed4046;}
.hm-search-keyword__result {margin:25px 0;padding-top:50px;background:url("/resources/native/assets/img/icon/recent-searches.png") no-repeat top center;background-size:50px auto;text-align:center;}
.hm-search-keyword__result-content {margin:15px 0 20px 0;color:#888;}

.hm-search-word {height:calc(100% - 96px);overflow:hidden;border-top:10px solid #f0f0f0;}
.hm-search-word__content {height:calc(100% - 46px);overflow:hidden;font-size:14px;}
.hm-search-word__content-item {width:100% !important;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;padding-bottom:0px;position:relative;}
.hm-search-word__content-item--vertical {height:auto;}
.hm-search-word__container {height:100%;}
.hm-search-word__content-wrapper {height:100%;}
.hm-search-word__nav {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;height:46px;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-shadow:inset 0 -1px 0 #d4d4d4;box-shadow:inset 0 -1px 0 #d4d4d4;margin:0;}
.hm-search-word__nav-item {padding:0;margin:0;list-style:none;text-align:center;font-size:16px;color:#888;line-height:45px;letter-spacing:0;}
.hm-search-word__nav-item--active {font-weight:bold;color:#111;border-bottom:3px solid #ed4046;}

.hm-search-popular {height:100%;}
.hm-search-popular__container {height:100%;}
.hm-search-popular__list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:15px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.hm-search-popular__item {overflow:hidden;position:relative;width:calc(50% - 5px);height:80px;margin-bottom:10px;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}
.hm-search-popular__item > img {width:auto;height:90%;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:-1;}
.hm-search-popular__link {position:absolute;top:0;left:0;z-index:10005;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;border-radius:4px;background-color:rgba(0, 0, 0, 0.2);color:#fff;}
.hm-search-popular__date {color:#888;background:#fff;padding:0 20px 10px 20px;}

.hm-search-recently-word {height:100%;}
.hm-search-recently-word__container {height:100%;}
.hm-search-recently-word__container .hm-grid + .hm-grid {margin-top:0;}
.hm-search-recently-word__item {padding:15px 20px;border-top:1px solid #f4f4f4;}
.hm-search-recently-word__item:first-child {border-top:0;}
.hm-search-recently-word__item-btns {border-top:1px solid #d4d4d4;padding:15px 20px;}
.hm-search-recently-word__keyword {color:#111;}
.hm-search-recently-word__link {display:block;}
.hm-search-recently-word__date {text-align:right;color:#888;}
.hm-search-recently-word__btns {text-align:right;}
.hm-search-recently-word__delete-all {background-color:transparent;border:0;color:#ed4046;}
.hm-search-recently-word__result {margin:25px 0;padding-top:50px;background:url("/resources/native/assets/img/icon/recent-searches.png") no-repeat top center;background-size:50px auto;text-align:center;}
.hm-search-recently-word__result-content {margin:15px 0 20px 0;color:#888;}
.hm-search-recently-view {height:100%;}
.hm-search-recently-view__container {height:100%;}
.hm-search-recently-view__container .hm-grid + .hm-grid {margin-top:0;}
.hm-search-recently-view__item {border-top:1px solid #f4f4f4;padding:15px 20px;}
.hm-search-recently-view__item:first-child {border-top:0;}
.hm-search-recently-view__item-btns {border-top:1px solid #d4d4d4;padding:15px 20px;}
.hm-search-recently-view__link {display:inline-block;}
.hm-search-recently-view__thumb {width:85px !important;height:auto !important;}
.hm-search-recently-view__name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;text-overflow:ellipsis;word-wrap:break-word;}
.hm-search-recently-view__price {display:block;margin-top:10px;}
.hm-search-recently-view__price-item {display:block;}
.hm-search-recently-view__price-item b {font-size:18px;}
.hm-search-recently-view__price-item--red {color:#ed4046;}
.hm-search-recently-view__content {position:relative;padding-right:20px !important;}
.hm-search-recently-view .hm-smart-search__delete {position:absolute;top:50%;right:0;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
.hm-search-recently-view__result {margin:25px 0;padding-top:50px;background:url("/resources/native/assets/img/icon/recent-searches.png") no-repeat top center;background-size:50px auto;text-align:center;}
.hm-search-recently-view__result-content {margin:15px 0 20px 0;color:#888;}

.hm-related-search {margin:0 -20px;}
.hm-related-search__container {padding:13px 20px;background:#fff;border-bottom:1px solid #f0f0f0;}
.hm-related-search__item {display:inline-block;width:auto;}
.hm-related-search__link {display:block;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:20px;text-align:center;color:#888;}
.hm-layer-popup .hm-smart-search {margin-left:0;margin-right:0;}

/* ==========================================================================
   header - sub hm-top-nav
   ========================================================================== */
.hm-app__top-nav {position:relative;height:56px;}
.hm-app__top-nav-inner {position:fixed;left:0;right:0;top:0;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:100;}
.hm-app__top-nav-inner .hm-layer-popup__close {top:5px;}

.hm-top-nav__title {position:relative;margin:0;padding:19px 0 19px 48px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--hi-fs-body1);line-height:var(--hi-fs-body1);color:var(--hi-primary-black);font-weight:var(--hi-font-w700);}
.hm-top-nav__title > span {display:block;overflow:hidden;width: calc(100% - 90px);margin:0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align: left;} /* 아이콘 두개 기준으로 말줄임 처리 */
.title--center .hm-top-nav__title span{text-align: center;width:100%;padding-right:49px;box-sizing:border-box;}
.hm-app__top-nav_left_none .hm-top-nav__title {padding-left: 20px;}

.hm-top-nav__back {position:absolute;top:14px;left:14px;width:28px;height:28px;font-size:0;z-index:10;}
.hm-top-nav__back:after {content:"";position:absolute;top:0;left:0;width:28px;height:28px;background: url('/resources/native/assets/img/common/icon_header_back.svg') no-repeat 0 0;background-size:100%;}

.hm-top-nav__util {position:absolute;top:14px;right:14px;height:28px;font-size:0;}
.hm-top-nav__util button {border:none;outline:none;}
.hm-top-nav__util-item {display:inline-block;position:relative;width:28px;height:28px;margin-left: 16px;vertical-align:top;background-repeat:no-repeat;background-position:0 0;background-size:100%;font-size:0;}
.hm-top-nav__util-item:first-child {margin-left:0;}
.hm-top-nav__home {margin:0;background-image: url('/resources/native/assets/img/common/icon_header_home.svg');}
.hm-top-nav__share {background-image:url('/resources/native/assets/img/icon/common/icon_header_share.svg');}
.hm-top-nav__search {background-image: url('/resources/native/assets/img/common/icon_header_search.svg');}
.hm-top-nav__cart {background-image: url('/resources/native/assets/img/common/icon_header_cart.svg');}
.hm-top-nav__cart-count {position:absolute;right:-8px;top:-4px;min-width:20px;height:20px;padding:0 3px;font-size:11px;background:#FF1344;color:#fff;font-weight:700;border-radius:10px;text-align:center;line-height:21px;box-sizing:border-box;box-shadow:0 0 2px 2px rgba(255, 255, 255, 0.1);}
html.android .hm-top-nav__cart-count {line-height:21px;}
.hm-top-nav__mycare {background-image: url('/resources/native/assets/img/common/icon_header_mycare.svg');}

/* 기본 헤더 영역 */
.hm-app__top-nav--new.hm-app__top-nav--new__double-stack {height: 112px;}
.hm-app__top-nav--new.hm-app__top-nav--new__double-stack .hm-app__top-nav-inner {height: 112px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle {position: relative;padding:0 14px 0 22px;height:56px;display:-webkit-box; display:-ms-flexbox; display:flex;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title {display: flex;align-items: center;gap: 0 4px;width: auto;height: 100%;position: relative;margin: 0;padding: 0;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title a {display:block;width: 100%;height:100%;position: relative;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title a img {display: block;height:100%;width:auto;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-himart {width:76px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-himart span.logo {display:block;width:100%;height:100%;background:url(/resources/native/assets/img/icon/nav/logo.svg) 0 center no-repeat;background-size: 100% auto;font-size:var(--hi-fs-detail4);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-himart span.logo-event {display:block;width:100%;height:100%;background:url(/resources/native/assets/img/icon/nav/logo_home_appliance_day.gif) 0 center no-repeat;background-size: 100% auto;font-size:var(--hi-fs-detail4);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-himart span.logo-event-new-year {display:block;width:100%;height:100%;background:url(../img/icon/nav/logo_new_year_promotion_2026.gif) 0 center no-repeat;background-size: 100% auto;font-size:var(--hi-fs-detail4);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-care {width: 63px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-care span.logo {display:block;width:100%;height:100%;font-size:var(--hi-fs-hm-heading4);font-weight: var(--hi-font-w700);color: var(--hi-primary-black);line-height: 56px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .btn__menu-drop-down {position: relative;display: block;width: 18px;height: 18px;border: none;padding: 0;margin: 0;border-radius: 100px;background: var(--hi-bg-black2) url(/resources/native/assets/img/icon/ico_arrow_down_wh.svg) center center no-repeat;background-size: 12px 12px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .btn__menu-drop-down::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 25px;height: 30px;background: none;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__util {top: 50%;right: 14px;transform: translateY(-50%);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-title {position: relative;height: 56px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-title .hm-top-nav__title {text-align: left;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-title .hm-top-nav__title > span {width: 100%;text-align: left;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-title .hm-top-nav__back {z-index: initial;}
.hm-app__top-nav--new.hm-app__top-nav--new__category {height: 155px;}
.hm-app__top-nav--new.hm-app__top-nav--new__category .hm-app__top-nav-inner {height: 155px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-title .hm-top-nav__title > a {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category {position: relative;height: 43px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-top-nav__title {height: 43px;padding: 0 0 0 22px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-top-nav__title__toggle {display: flex;align-items: center;gap: 0 4px;position: initial;height: 43px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-top-nav__title__toggle span {font-size: var(--hi-fs-body3);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-top-nav__title__toggle .hm-top-nav__title__toggle-btn {display: block;width: 14px;height: 14px;position: initial;background: url(/resources/native/assets/img/icon/ico_arrow-down_black.svg) no-repeat center center;background-size:100%;padding: 0;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-top-nav__title__toggle.hm-header__title-toggle--open .hm-top-nav__title__toggle-btn {transform: rotate(180deg);}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-top-nav__title__toggle .hm-top-nav__title__toggle-btn:after {content: none;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-header__category {top: 155px;}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-header__category .hm-header__category-close {bottom: calc((env(safe-area-inset-bottom) + 0px));}
.hm-app__top-nav--new .hm-top-nav__title-inner--type-category .hm-header__title-toggle--open + .hm-header__category {height: calc(100% - 155px);}

/* 기본 헤더 토글 영역 */
.hm-top-nav__title-inner--type-toggle .hm-header-toggle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 116px;height: 33px;background-color: #fafafa;box-shadow: 0 0 0 1px #E6E6E6 inset;border-radius: 100px;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle {position: relative;width: 50%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;transform: translateX(100%);}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle:checked {transform: translateX(0);}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area:before,
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area:after,
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area span {position: absolute;top: 3px; font-size: var(--hi-fs-detail2);font-weight: var(--hi-font-w600);text-align: center;line-height: 1;transition: 0.4s all;-webkit-transition: background-image 0.4s all;}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area::before {content: "쇼핑";left: 3px;width: 58px;height: 27px;line-height: 27px;text-align: center;color: var(--hi-text-white);}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area::after {content: "안심케어";right: 3px;width: 58px;height: 27px;line-height: 27px;color: var(--hi-text-gray6);}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area:before,
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area:after {z-index: 2;}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area span {background: var(--hi-bg-black2) url(/resources/native/assets/img/common/header-toggle_background.svg) center center no-repeat;background-size: 100% auto;left: 3px;z-index: 1;width: 58px;height: 27px;border-radius: 100px;box-sizing: border-box;}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area:before {left: 3px; color: var(--hi-text-gray6);}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area:after {right: 3px; color: var(--hi-text-white);}
.hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area span {left: 55px;}

@media screen and (min-width: 800px) {
  /* 기본 헤더 */
  .hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-himart {width:112px;height: 100%;}
  .hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-care {width: 83px;}
  .hm-app__top-nav--new .hm-top-nav__title-inner--type-toggle .hm-top-nav__title .hm-app__header--main-top__link-care span.logo {font-size:var(--hi-fs-heading4);font-weight: var(--hi-font-w700);color: var(--hi-primary-black);}
  .hm-app__top-nav--new.hm-app__top-nav--new__double-stack .hm-top-nav__title-inner--type-title .hm-top-nav__title {padding: 0 0 0 51px;}
  .hm-app__top-nav--new.hm-app__top-nav--new__double-stack .hm-top-nav__title-inner--type-title .hm-top-nav__title > span {width: 100%;text-align: left;}
  .hm-app__top-nav--new.hm-app__top-nav--new__category .hm-top-nav__title-inner--type-title .hm-top-nav__title {padding: 0 0 0 51px;}
  .hm-app__top-nav--new.hm-app__top-nav--new__category .hm-top-nav__title-inner--type-title .hm-top-nav__title > span {width: 100%;text-align: left;}
  .hm-app__top-nav--new .hm-top-nav__title-inner--type-title .hm-top-nav__title {padding: 0;}
  .hm-app__top-nav--new .hm-top-nav__title-inner--type-title .hm-top-nav__title > span {width: 100%;text-align: center;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle {width: 142px; height: 33px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area:before,
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area:after,
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area span {font-size: var(--hi-fs-body3);}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area::before {width: 71px;height: 27px;line-height: 27px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area::after {width: 71px;height: 27px;line-height: 27px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area span {width: 71px;height: 27px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area span {left: 68px;}
}

@media screen and (max-width: 360px) {
  /* 기본 헤더 */
  .hm-app__top-nav--new  .hm-top-nav__title-inner--type-toggle .hm-top-nav__title-inner .hm-header-toggle {left: 50%;}
  .hm-app__top-nav--new  .hm-top-nav__title-inner--type-toggle .hm-top-nav__util-item {margin-left: 8px;}
  .hm-app__top-nav--new  .hm-top-nav__title-inner--type-toggle .hm-top-nav__util-item:first-child {margin-left: 0;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle {width: 74px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area::before {content: "쇼핑";width: 34px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area::after {content: "케어";width: 34px;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle-area span {width: 34px;background: var(--hi-bg-black2) url(/resources/native/assets/img/common/header-toggle_background-mini.svg) center center no-repeat;background-size: 100% auto;}
  .hm-top-nav__title-inner--type-toggle .hm-header-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area span {left: 37px;}

  /* 드랍다운 레이어 토글 */
  .hm-bottomSheet__menu-drop-down .btn__menu-toggle-area::before {content: "쇼핑";width: 36.81px;}
  .hm-bottomSheet__menu-drop-down .btn__menu-toggle-area::after {content: "케어";width: 36.81px;}
  .hm-bottomSheet__menu-drop-down .btn__menu-toggle-area span {width: 36.81px;}
  .hm-bottomSheet__menu-drop-down .btn__menu-toggle:checked + .btn__menu-toggle-area span {left: 33.19px;}
}

@media screen and (max-width: 320px) {
  .hm-app__top-nav--new  .hm-top-nav__title-inner--type-toggle .hm-top-nav__title-inner .hm-header-toggle {left: 56.5%;}
}

/* ==========================================================================
   Bottom nav bar
   ========================================================================== */
.hm-app__bottom-nav {display:block;}
.hm-app__bottom-nav.js-isApp .hm-bottom-nav { display:none;visibility: hidden; }
.hm-app__bottom-nav.js-isApp .hm-app__bottom-nav-inner { background-color: transparent; border-top-color: transparent; }
.hm-app__bottom-nav-inner--hide { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hm-app__bottom-nav-inner {z-index:120;position:fixed;left:0;right:0;bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);background:#f9fcff;}

.hm-bottom-nav { display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;-ms-flex-pack: distribute;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 3;background:#f9fcff;border-top:1px solid #e6e6e6;padding: 0px 14px;}
.hm-bottom-nav__item {width:44px;height:59px;letter-spacing:-0.5px;}
.hm-bottom-nav__link {position:relative;display:block;height:100%;padding-top:37px;box-sizing:border-box;text-align:center;font-size:11px;color:#525964;}
.hm-bottom-nav__link:before {content:'';display:block;position:absolute;top:5.5px;left:50%;width:32px;height:32px;transform:translateX(-50%);background-image:none;background-size:100%;background-position:top center;background-repeat:no-repeat;}
.hm-bottom-nav__link--current {color:#f1344d;}
.hm-bottom-nav__link--current:before {background-position:bottom center !important;}
.hm-bottom-nav__link--category:before {background-image:url(/resources/native/assets/img/icon/nav/nav_bottom_new_cate.png);}
.hm-bottom-nav__link--my-lotte:before {background-image:url(/resources/native/assets/img/icon/nav/nav_bottom_mylotte.png);}
.hm-bottom-nav__link--home:before {background-image:url(/resources/native/assets/img/icon/nav/nav_bottom_home.png);}
.hm-bottom-nav__link--talk:before {background-image:url(/resources/native/assets/img//icon/nav/nav_bottom_talk.png);}
.hm-bottom-nav__link--heart-market{width:100%;padding-top:0;border:none;outline:none;background:transparent;font-size:0;}
.hm-bottom-nav__link--heart-market:before {width:42px;height:42px;background-image:url(/resources/native/assets/img/icon/nav/nav_bottom_heartMk_icon.gif);top: 7.5px}
.hm-bottom-nav__link--order-delivery:before {background-image:url(/resources/native/assets/img/icon/nav/bottom_nav_order.png);}
.hm-bottom-nav__tooltip-wrap{display:none; position:absolute; right:15px; bottom:49px; z-index:10; width:auto; height:36px; pointer-events: none;}
.hm-bottom-nav__tooltip-wrap.on{display:block; animation-duration: 0.5s; animation-name: tooltip_fade_out; animation-delay: 3s; animation-fill-mode: forwards; transition-timing-function: ease;}
.hm-bottom-nav__tooltip{position: relative;width: 100%;height: 32px;background-color: rgba(0,0,0,.6);border-radius: 18px; }
.hm-bottom-nav__tooltip::after{content: '';border-width: 5px;border-style: solid;border-color: transparent;border-top-color: rgba(0,0,0,0.6);width: 0;height: 0;display: inline-block;position: absolute;right: 10px;bottom: -10px;transform: translate(-50%, 0);}
.hm-bottom-nav__tooltip span{display:inline-block; color:#fff; font-size:11px; font-weight:normal; padding:0px 14.5px; line-height: 34px;}
html.android .hm-bottom-nav__tooltip span{line-height:32px;}
@-webkit-keyframes tooltip_fade_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tooltip_fade_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hm-bottom-nav__link--service {width:100%;padding-top:0;border:none;outline:none;background:transparent;font-size:0;}
.hm-bottom-nav__link--service:before {width:55px;height:46px;margin-top:2px;background-image:url(/resources/native/assets/img/icon/nav/bottom_nav_service.gif);}
.hm-bottom-nav__link--service.hm-bottom-floating__service--close:before {display:none;}
.hm-bottom-nav__link--service-img {display:block;height:32px;width:44px;margin:0 auto;}
.hm-bottom-nav__link--service-img img {width:100%;}
.hm-bottom-nav__link--service-shape {display:block;position:relative;height:32px;width:44px;margin:0 auto;}
.hm-bottom-nav__link--service-shape:before,
.hm-bottom-nav__link--service-shape:after {content:"";position:relative;display:block;background-repeat:no-repeat;background-position:0 0;background-size:100%;}

.hm-bottom-nav__link--service-talk:before {
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transform:rotate(0deg);
}
.hm-bottom-nav__link--service-talk .hm-bottom-nav__link--service-shape:before {top:14px;left:1px;width:13px;height:3px;margin:0 auto;background-image:url(/resources/native/assets/img/icon/nav/bottom_nav_motion_talk.png);}

.hm-bottom-nav__service-item {position:relative;display:block;height:100%;padding-top:32px;}
.hm-bottom-nav__service-item:before,
.hm-bottom-nav__service-item:after {content:"";position:absolute;left:50%;display:block;background-size:100%;background-repeat:no-repeat;background-position:0 0;}
.section-goods .hm-app__bottom-nav-inner { border-top: none; }

/* ==========================================================================
  New Bottom nav bar
  ========================================================================== */
.hm-app__bottom-nav-inner--new {z-index:120;position:fixed;left:0;right:0;bottom:0;width: 100%;height: 64px;background-color:var(--hi-bg-white);border-radius: 0;border-top: var(--hi-border-ec);box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.10);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);backdrop-filter: none;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 100%;max-width: 682px;margin: 0 auto;position: relative; z-index: 3;padding: 0 16px;-webkit-box-sizing: border-box; box-sizing: border-box;flex-wrap: initial;border-top: none;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__item {position: relative;width: auto;height: 100%;letter-spacing: initial;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 4px 0;width: 51px;height:100%;position: relative;padding: 10px 0 14px;text-align: center;box-sizing: border-box;font-size: var(--hi-fs-detail2);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link::before {content:'';display:flex;width:24px;height:24px;background-size:100%;background-position:center center;background-repeat:no-repeat;position: initial;transform: none;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link .hm-bottom-nav__item-title {font-size:var(--hi-fs-detail1);color: var(--hi-text-gray7);font-weight: var(--hi-font-w400);line-height: 12px;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current .hm-bottom-nav__item-title {font-weight: var(--hi-font-w700);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--remote-consulting {width: 89px;height: 100%;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--ai-search {width: 54px;height: 100%;padding: 0;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--home::before {background-image:url(../img/icon/nav/ico_new_nav_home_off.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--category::before {background-image:url(../img/icon/nav/ico_new_nav_cate_off.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--ai-search::before {content: none;}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--store::before {background-image:url(../img/icon/nav/ico_bottom-nav_store_gray.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--care::before {background-image:url(../img/icon/nav/ico_new_nav_care_off.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--my-lotte::before {background-image:url(../img/icon/nav/ico_new_nav_my_off.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--home:before {background-image:url(../img/icon/nav/ico_new_nav_home_on.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--category::before {background-image:url(../img/icon/nav/ico_new_nav_cate_on.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--store:before {background-image:url(../img/icon/nav/ico_bottom-nav_store_white.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--my-lotte::before {background-image:url(../img/icon/nav/ico_new_nav_my_on.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--care::before {background-image:url(../img/icon/nav/ico_new_nav_care_on.svg);}
.hm-app__bottom-nav-inner--new .hm-bottom-nav__item .hm-bottom-nav__balloon-havi {position: absolute;top: calc((-59px) + 14px);left: 38px;display: block;width: 144px;height: 64px;}
.hm-bottom-nav__havi-launch-overlay {position: fixed; inset: 0; background-color: rgba(255, 255, 255, 0.85); z-index: 9999; display: flex; align-items: center; justify-content: center;}
.hm-bottom-nav__havi-launch-overlay .hm-bottom-nav__havi-launch-container {position: absolute; bottom: 10px; left: 50%; transform: translateX(calc(-50% + 44px)); width: 80.0000vw; height: 69.3333vw;max-width: 300px;max-height: 260px; display: flex; justify-content: center; align-items: flex-end;}
.hm-bottom-nav__havi-launch-overlay .hm-bottom-nav__havi-launch-container .hm-bottom-nav__havi-launch-inner {width: 100%; height: 100%;}

/* ==========================================================================
  Bottom floating button
  ========================================================================== */
.hm-floating-action {position:fixed;bottom:78px;right:16px;width:40px;transition:bottom .2s;z-index:99;}
.hm-floating-action--active {bottom:78px;}
.hm-floating-action:only-child {bottom:15px !important;}
.hm-bottom-floating__top {display:none;}
.hm-bottom-floating__link {overflow:hidden;display:block;width:40px;height:40px;margin-top:8px;font-size:0;border-radius:3px;border:1px solid #9ca9bc;background:#fff;box-sizing:border-box;}
.hm-bottom-floating__link-write {background:url(/resources/native/assets/img/icon/floating_btn_lifestyle.gif) no-repeat 0 0;background-size:100%;border:none;}
.hm-bottom-floating__link-top {background:rgba(255, 255, 255, .7);}
.hm-bottom-floating__link-top:before {content:"";display:inline-block;width:12px;height:15px;background:url(/resources/native/assets/img/icon/floating_btn_top_arr.png) no-repeat 0 0;background-size:100%;}
.hm-bottom-floating__link .hmn-thumb {border-radius:3px;}
.hm-bottom-floating__back {display:none;position:absolute;bottom:72px;left:16px;font-size:0;}
.hm-bottom-floating__back-link {display:block;width:47px;height:47px;background:url(/resources/native/assets/img/icon/floating_btn_back.png) no-repeat 0 0;background-size:100%;}
.hm-bottom-floating__recentview {display:none;}

/* floating */
.hm-app__bottom-nav .hm-app__dimm {z-index:110;}

.hm-bottom-floating__service {display:none;position:absolute;bottom:23px;right:16px;}
.hm-bottom-floating__service.hm-bottom-floating__service--active {display:block;}
.hm-bottom-floating__service--active .hm-bottom-floating__service-item.item-voice {
  animation:floatingTalk .2s forwards ease-in-out;
  -webkit-animation:floatingTalk .2s forwards ease-in-out;
}
.hm-bottom-floating__service--active .hm-bottom-floating__service-item.item-talk {
  animation:floatingShopping .2s forwards ease-in-out;
  -webkit-animation:floatingShopping .2s forwards ease-in-out;
}
.hm-bottom-floating__service--close:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:46px;height:46px;margin-top:-6px;background:url(/resources/native/assets/img/icon/nav/bottom_float_close.png) no-repeat 0 0;background-size:100%;}
.hm-bottom-floating__service-item {position:absolute;right:0;bottom:0;height:58px;}
.hm-bottom-floating__service-item.item-voice {bottom:70px;}
.hm-bottom-floating__service-link {position:relative;width:176px;padding-left:50px;box-sizing:border-box;background:#fff;border-radius:60px;text-align:left;display:flex;height:100%;flex-direction:column;justify-content:center;}
.hm-bottom-floating__service-link > p {margin:0;letter-spacing:-.5px;}
.hm-bottom-floating__service-link .item-tit {font-size:14px;font-weight:bold;}
.hm-bottom-floating__service-link .item-txt {font-size:12px;}
.hm-bottom-floating__service-link:after {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background-size:100% !important;background-repeat:no-repeat;background-position:0 0;}
.hm-bottom-floating__service-link.link-voice {color:#1e72df;}
.hm-bottom-floating__service-link.link-voice:after {left:7px;width:37px;height:28px;background-image:url(/resources/native/assets/img/icon/nav/bottom_float_voice.png);}
.hm-bottom-floating__service-link.link-talk {color:#f63879;}
.hm-bottom-floating__service-link.link-talk:after {left:14px;width:28px;height:28px;background-image:url(/resources/native/assets/img/icon/nav/bottom_float_talk.png);}

@keyframes floatingTalk {
  from { bottom:105px;opacity:0; }
  to { bottom:117px;opacity:1; }
}
@-webkit-keyframes floatingTalk {
  from { bottom:105px;opacity:0; }
  to { bottom:117px;opacity:1; }
}
@keyframes floatingShopping {
  from { bottom:47px;opacity:0; }
  to { bottom:52px;opacity:1; }
}
@-webkit-keyframes floatingShopping {
  from { bottom:47px;opacity:0; }
  to { bottom:52px;opacity:1; }
}

.hm-app__bottom-nav .hm-bottom-floating__e-catalog {position: relative;margin-top: 8px;display: flex;align-items: center;}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog {width: 40px;height: 40px;border-radius: 4px;background-color: var(--hi-gray8);padding: 6px;box-sizing: border-box;opacity:initial}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog span {display: flex;flex-direction: column;align-items: center;font-size: 8px;color: var(--hi-secondary-mint);padding-top: 0;background: none;}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog span::before {content:'';display: block;width: 20px;height: 20px;background: url(/resources/native/assets/img/icon/ico_book_wh.svg) no-repeat center center;}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog span::after {content: none;}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog-tooltip {position: relative;padding: 4px 12px;margin-right: 12px;line-height: 20px;font-size: var(--hi-fs-detail1);color: var(--hi-text-white);border-radius: 8px;background-color: var(--hi-gray8);animation-duration: 1s;animation-name: floatCatalogTooltip;animation-delay: 3s;animation-fill-mode: forwards;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog-tooltip:after {content: '';position: absolute;right: -8px;top: 4px;width: 9px;height: 20px;background: url(/resources/native/assets/img/icon/floating_btn_ecatalog-arr.svg) no-repeat center center;}
.hm-app__bottom-nav .hm-bottom-floating__link-e-catalog-tooltip em {color: var(--hi-secondary-mint);font-style: normal;}
@keyframes floatCatalogTooltip {
    50% {
        opacity: 1;
        left: 0;
        display: block;
    }
    100% {
        opacity: 0;
        left: 24px;
        display: none;
    }
}

/* 스크롤 시 하단 네비 컨트롤 */
.hm-app__bottom-nav .hm-app__bottom-nav-inner {bottom:0;transition:bottom .3s;}
.hm-app__bottom-nav.scrollDown .hm-app__bottom-nav-inner {bottom:-130px;}
.hm-app__bottom-nav.scrollDown .hm-floating-action {bottom:15px;}
.hm-app__bottom-nav .hm-app__bottom-nav-inner--new {bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition:bottom .3s, padding-bottom .3s;}
html.ios .hm-app__bottom-nav.scrollDown .hm-app__bottom-nav-inner {bottom:-130px;}
html.ios .hm-app__bottom-nav .hm-app__bottom-nav-inner--new {bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);transition: bottom .3s, padding-bottom .3s;}


/* 투게더 앱 - 카테고리 레이어
    ========================================================================== */
.hm-app__category-inner {position:fixed;left:0;right:0;top:0;bottom:0;overflow:hidden;background:#fff;z-index:10000;
  -webkit-transform:translate3d(-100%, 0, 0);
  transform:translate3d(-100%, 0, 0);
  -webkit-transition:-webkit-transform 0.35s cubic-bezier(0.685, 0, 0.255, 1);
  transition:-webkit-transform 0.35s cubic-bezier(0.685, 0, 0.255, 1);
  transition:transform 0.35s cubic-bezier(0.685, 0, 0.255, 1);
  transition:transform 0.35s cubic-bezier(0.685, 0, 0.255, 1), -webkit-transform 0.35s cubic-bezier(0.685, 0, 0.255, 1);
}
.hm-app__category-inner--active {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.hm-category {position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;background:#fff;}
.hm-category:before {content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:#fff;}
.hm-category__header {z-index:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:56px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:16px;padding-right:20px;background:#f34e54;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.hm-category__header__title {font-weight:700;}
.hm-category__user-info {-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;letter-spacing:0;}
.hm-category__level {width:auto;margin-right:4px;font-size:13px;}
.hm-category__user-name {display:block;font-size:18px;color:#fff;}
.hm-category__user-name:after {display:none;}
.hm-category__user-name > b {vertical-align:top;}
.hm-category__logouttxt {display:block;}
.hm-category__logouttxt:after {content:"";position:relative;top:-2px;display:inline-block;width:8px;height:14px;margin-left:10px;background:url(/resources/native/assets/img/icon/nav/category_arrow2.png) no-repeat 0 0;background-size:8px 14px;background-size:100%;vertical-align:middle;}
.hm-category__not-login {width:45px;}
.hm-category__top-menu {border-top:1px solid #e6483c;border-bottom:1px solid #e0e0e0;background:#f34e54;}
.hm-category__top-menu-list {display:flex;align-items:center;height:40px;}
.hm-category__top-menu-item {width:calc(100%/3);height:100%;border-left:1px solid #e6483c;}
.hm-category__top-menu-item:first-of-type {border-left:none;}
.hm-category__top-menu-link {position:relative;display:block;height:100%;text-align:center;color:#fff;line-height:2;line-height:40px;font-size:14px;letter-spacing:0;}
.hm-category__top-menu-new:after {content:"";display:inline-block;width:20px;height:20px;margin-left:5px;background:url(/resources/native/assets/img/icon/category_new.png) no-repeat 0 0;background-size:100%;vertical-align:middle;}
.hm-category__top-menu-count {position:relative;display:inline-block;box-sizing:border-box;overflow:hidden;width:20px;height:20px;margin-left:3px;padding:0 2px;border-radius:50%;background:#e1333a;text-align:center;color:#fff;line-height:22px;font-size:11px;vertical-align:middle;}
.hm-category__close {position:static !important;background:none !important;padding:0px !important;width:23px !important;height:23px !important;}
.hm-category__close-btn {width:23px;}
.hm-category__scroll {width:100%;position:relative;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100% - 56px);padding-bottom:30px;}
.hm-category__slide {height:auto !important;background:#fff;}
.hm-category__logout {height:52px;padding:0 16px;background:#eee;text-align:right;}
.hm-category__logout-btn {position:relative;padding:16px 20px 16px 0;border:none;background:transparent;font-size:12px;color:#999;line-height:20px;}
.hm-category__logout-btn:after {content:"";position:absolute;width:20px;height:20px;background:url(/resources/native/assets/img/icon/category_logout.png) no-repeat center;background-size:15px 14px;}
.hm-category .hmn-divider-1 {margin-left:-20px;margin-right:-20px;}
.hm-new-cate:before {content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:#fff;}
.hm-new-cate .hm-category__header {display:block;height:49px;color:#111;background:#fff;box-sizing:content-box;-webkit-box-sizing:content-box;padding-left:0;padding-right:0;border-bottom:1px solid #e6e6e6;}
.hm-new-cate .hm-category__header__title {font-family: 'Apple SD Gothic Neo Light';font-size: 19px;padding: 14px 0px 11px 19px;margin:0;}


/* 투게더 앱 - L.pay iframe
    ========================================================================== */
.lpay_iframe_custom {position:fixed;top:0;left:0;z-index:999;}

/* CSS 리셋 설정 */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* 블럭 요소 */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* 인라인 블럭 요소 */
a,label,output,dialog, /* 인라인 요소 */
address,blockquote, /* 텍스트 블럭 요소 */
p,pre,/* 텍스트 인라인 블럭 요소 */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* 텍스트 인라인 요소 */
acronym,big,frame,frameset,noframes,tt, /* HTML5에서 사용하지 않는 요소 */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align: middle;}
body{font-family:'Pretendard',-apple-system, BlinkMacSystemFont, 'SF Pro Text','SF Display','Apple SD Gothic Neo Light', dotum, sans-serif;font-size:16px;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 블럭 요소 */
applet,basefont,dir,strike{display:none} /* XHTML4, HTML5 이후 사용하지 않는 요소 제거 - center 삭제 (20161027) */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none;text-align:left;font-size: 13px;}

table{width:100%;border-collapse:collapse;border-spacing:0;} /* 테이블 보더 변경 (겹칩지 않음 separate) */
caption{display: none; text-align:left;}
th,td{text-align:center;vertical-align:middle}

address{font-style:normal}
label{display:inline-block;*zoom:1}
a{text-decoration:none;display:inline-block;*zoom:1;} /* 접근성 포커싱을 위해 a요소 속성 변경 */

a:hover, a:active, a:focus{text-decoration:none;}
table td a{text-decoration:none;}
table td a:hover, table td a:active, table td a:focus{text-decoration:none;}
table th a{text-decoration:none;}
table th a:hover, table th a:active, table th a:focus{text-decoration:none;}

.blind{position:absolute;width:0;height:0;left:0;top:0;font-size:0;line-height:0;overflow:hidden;}
.hidden{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden} /* .blind를 적용할 수 없는 곳에 사용 (예, caption) */
.eng{font-family:arial,"sans-serif";}
.btnD.red {background:#ed1c24;}

em{font-style:normal;}
img{max-width:100%;}
th,h1,h2,h3,h4,h5{font-weight:normal;}
html {position:relative;-webkit-text-size-adjust:100%;}
body {overflow:auto;-webkit-touch-callout:none;}

input[type=text],input[type=number],input[type=tel],input[type=password],input[type=email],input[type=search],select{-webkit-border-radius:0px;-webkit-appearance:none;padding: 0 5px;border: 1px solid #ddd;border-radius: 4px;color: #111;background:#fff;font-size: 14px;opacity: 1;}
input[type=text],input[type=number],input[type=tel],input[type=password],input[type=email],input[type=search]{height: 37px;line-height:1;}
input[type=text]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder {line-height:normal;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
select{height:37px;}
input[type=text].log,input[type=password].log,input[type=email].log{width:90%; height:40px; padding:0 5%; font-size:13px;}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
select:disabled {background:#ecedee;color: #111;opacity: 1;-webkit-text-fill-color: #111;}
input[type=checkbox]{width:20px;height:20px;-webkit-border-radius:0px;-webkit-appearance:none;border: 1px solid #ddd;color: #111;background:#fff url(/resources/native/assets/img/icon/checkbox-check.png) no-repeat center center;background-size:11.5px auto;border-radius: 4px;margin-right: 2px;position: relative;}
input[type=checkbox]:checked{width:20px;height:20px;-webkit-border-radius:0px;-webkit-appearance:none;border:1px solid var(--hi-primary-black);color:#232a32;background:var(--hi-primary-black) url(/resources/native/assets/img/icon/checkbox-checked.png) no-repeat center center;background-size:11.5px auto;border-radius: 4px;outline:none;}
input[type=radio] {width:20px;height:20px;vertical-align:middle;-webkit-border-radius:10px;-webkit-appearance:none;border:1px solid #ddd;color:#111;background:#fff;}
input[type=radio]:checked {width:20px;height:20px;vertical-align:middle;-webkit-border-radius:10px;-webkit-appearance:none;border: 5px solid var(--com-point-color);color:#111;background-size:20px;}
input[type=radio]:disabled {opacity:0.3;}
input[type=checkbox]:disabled {border: 0;}
select {display:inline-block;width:93px;height:37px;border:1px solid #ddd;color:#111;background: #fff url(/resources/native/assets/img/icon/select-arrow.png) no-repeat right 10px center;background-size:8px 4px;padding: 0 1em 0 1em;line-height: initial;}
input[type=text].disabled{background:#ecedee;}
select.type31{width:31%!important;}
select.type39{width:39%!important;}
select.type46{width:46%!important;}
select.type95{width:95%!important;}

button.reset {position: absolute; top: 50%; right: 20%; width: 18px; height: 18px; margin-top: -9px; margin-left: 5px; border: 0; font-size: 0; color: transparent; vertical-align: middle; background: none;}
button.reset:focus {outline:none;}
input:focus+button.reset,
button.reset.active {width: 18px; height: 18px; margin-left: 5px; border: 0; font-size: 0; color: transparent; vertical-align: middle; background: url("/resources/native/assets/img/icon/search_init.png") no-repeat center center; background-size: 100% auto; outline: none;}

.abTabBarWrap .tabSideGroup {position: fixed;right: 20px;}
.abTabBarWrap .btnTopMain {display:none; width:47px; height:47px; margin-top:2px; padding-top:0; background:url(/resources/native/assets/img/icon/btn_top.png) no-repeat 0 0;background-size:100%; box-shadow:none; font-size:0;}
.abTabBarWrap .btnTopMain::before {display:none;}
.abTabBarWrap .btnTopMain.active{display:block;}
.abTabBarWrap .btnBackMain{display:none;opacity: 0.9;position: fixed;width: 43px;height: 43px;border: 1px solid #bec2c9;background: #fff;box-shadow: 0 0px 2px 0px rgba(0,0,0,0.4);text-align: center;left: 3%;font-size: 13px;font-weight:bold;line-height: 45px;color: #6a747c;}
.abTabBarWrap .btnBackMain img{ width: 50%; vertical-align: middle; height: 20px; display: inline-block; position: absolute; top: 12px; left:12px; }
.abTabBarWrap .btnBackMain.active{display:none;}
.abTabBarWrap .btnTalk{ display:block; background:url(../images/btn/btn_talk.png) no-repeat 0 0;background-size:45px auto;width: 45px;height: 50px; text-indent: -9999em;}
.btnLpot {position:fixed;bottom:72px;width:45px;height:55px;z-index:999;left:3%;-webkit-transition:opactiy .5s;transition:opacity .5s;}

/* fixed circle 빨강 로딩 */
.sk-fading-circle { margin:-20px 0 0 -20px; width: 40px; height: 40px; position: fixed; top:45%; left:50%; z-index:9999; }
.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #ff0000; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.sk-fading-circle.orderCircle .sk-circle:before {background-color:#fff;}

/* static circle 회색 로딩 */
.sk-fading-circle-static { margin:10px auto; width: 30px; height: 30px; border-radius: 50%; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; }
.sk-fading-circle-static .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sk-fading-circle-static .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #999; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle-static .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.sk-fading-circle-static .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.sk-fading-circle-static .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sk-fading-circle-static .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.sk-fading-circle-static .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-fading-circle-static .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-fading-circle-static .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-fading-circle-static .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-fading-circle-static .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-fading-circle-static .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-fading-circle-static .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-fading-circle-static .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-fading-circle-static .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-fading-circle-static .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-fading-circle-static .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-fading-circle-static .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-fading-circle-static .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-fading-circle-static .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-fading-circle-static .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-fading-circle-static .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-fading-circle-static .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-fading-circle-static .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.sk-fading-circle-static.orderCircle .sk-circle:before {background-color:#fff;}

/* circle 로딩 keyframes */
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

/* 리스트 하단에 로딩이 들어가는 경우 디폴트 영역 */
.jsListLoading { padding-bottom:60px !important; }
.jsListLoading .sk-fading-circle-static { margin-bottom:-40px; }

/* 검색시 보여주는 가로형 로딩 아이콘 */
/* .loading-bar에서 소스 가져 옴 */
.loading-progress {height:10px;width:100%;position:fixed;top:50%;left:0;z-index:9999;text-align:center;margin-top:-15px;}
.loading-progress .bar_circle {display:inline-block;width:10px;height:10px; background-color:#e5e6e8; border-radius: 100%;margin:0 3px; -webkit-animation: loading 0.7s infinite ease-in-out both; animation: loading 0.7s infinite ease-in-out both;}
.loading-progress p {position:absolute;top:20px;left:0%;width:100%;color:#fff;font-size:15px;letter-spacing:-1px;font-weight:bold;z-index:10000;}
@-webkit-keyframes loading {
  0% {background-color: #b1b1b1;}
  85% {background-color: #b1b1b1}
  90% {background-color: #ed1c24}
  100% {background-color: #ed1c24;}
}
@keyframes loading {
  0% {background-color: #b1b1b1;}
  85% {background-color: #b1b1b1}
  90% {background-color: #ed1c24}
  100% {background-color: #ed1c24;}
}
.loading-progress .c1 {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.loading-progress .c2 {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.loading-progress .c3 {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.loading-progress .c4 {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.loading-progress .c5 {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.loading-progress .c6 {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.loading-progress .c7 {-webkit-animation-delay: -0s;    animation-delay: -0s; }

.loading-bar .bar_circle {display:inline-block;width:10px;height:10px; background-color:#e5e6e8; border-radius: 100%;margin:0 3px; -webkit-animation: example 0.7s infinite ease-in-out both; animation: example 0.7s infinite ease-in-out both;}

/* 20160205 Add edit by abby */
.mainloadingNew {position:fixed;top:0;left:0;width:100%;height:100%;margin:0;z-index:9997;display:none;}
.mainloadingNew  .mnDim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:9998;}
.mainloadingNew .loading-bar {height:10px;width:100%;position:absolute;top:50%;left:0;z-index:9999;text-align:center;margin-top:-15px;}
.mainloadingNew .loading-bar p {position:absolute;top:20px;left:0%;width:100%;color:#fff;font-size:15px;letter-spacing:-1px;font-weight:bold;z-index:10000;}
@-webkit-keyframes example {
  0% {background-color: #b1b1b1;}
  85% {background-color: #b1b1b1}
  90% {background-color: #ed1c24}
  100% {background-color: #ed1c24;}
}
@keyframes example {
  0% {background-color: #b1b1b1;}
  85% {background-color: #b1b1b1}
  90% {background-color: #ed1c24}
  100% {background-color: #ed1c24;}
}
.mainloadingNew .loading-bar .c1 {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.mainloadingNew .loading-bar .c2 {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.mainloadingNew .loading-bar .c3 {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.mainloadingNew .loading-bar .c4 {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.mainloadingNew .loading-bar .c5 {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.mainloadingNew .loading-bar .c6 {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.mainloadingNew .loading-bar .c7 {-webkit-animation-delay: -0s;   animation-delay: -0s; }
/* 20170210 스마트로딩 */
.mainloadingNew.smSearchLoading .mnDim {background:none;}
.mainloadingNew.smSearchLoading .loading-bar {width:150px;left:57.5%;margin:-5px 0 0 -75px;}

/* common */
#wrap {position:relative;width:100%;margin:0 auto;background:#fff;font-size:1em;}
#wrap.wrap2 {position:relative;overflow:hidden;}

.abClear:after {content:" "; display:block;clear:both;overflow:hidden;}
.fix:after {content:" "; display:block;clear:both;overflow:hidden;}
.fontMont {font-weight:normal;}
.fcBlue{color:#3471c0;}
.tBold {font-weight:bold;}
.tColor1 {color: #111;}
.fontColor4 {color:#9aa1a7;}
.fr {float:right;}

#content {min-height:400px;}
.abCategoryWrap {padding:0 0 3%; background:#e5e6e7; min-height:627px !important;}
.abCateType1 {padding:10px 10px 0 10px;}


/* footer */
.hm-app__content .hm-app__footer-content,
#content + .hm-app__footer-content {margin:0 -20px !important;}
.hm-app__footer-content-new { margin: 0 !important; background: #f7f7f7; padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); padding-bottom: 60px; padding-bottom: calc( 60px + constant(safe-area-inset-bottom)); padding-bottom: calc( 60px + env(safe-area-inset-bottom)); }
.hm-app__footer-content-nav { padding: 13.5px 0px; border-bottom: 1px solid #efefef; overflow: hidden; }
.hm-app__footer-content-nav a { display: block; width: 25%; float: left; text-align: center; font-size:14px; color:#111;}
.hm-app__footer-content-nav a.hm-text-color-red { color:#f1344d; }
.hm-app__footer-logo {margin:20px 16px 14px;height:28px;font-size:0;color:transparent;background:url("/resources/native/assets/img/logo_footer.svg") no-repeat 0 0;background-size:163px auto;}
.hm-app__footer-logo-text {padding:0 16px;}
.hm-app__footer-logo-text strong{position:relative;display:inline;padding:0 16px 0 0;margin:0 0 10px;}
.hm-app__footer-logo-text strong:before{content:'';position:absolute;top:50%;transform: translateY(-50%);right:0;width:11px;height:6px;background:url(/resources/native/assets/img/icon/accordion-arrow_bottom_05.png) right center no-repeat;background-size:100% auto;}
.hm-app__footer-logo-text.open strong:before{margin-top:-3px;transform: rotate(180deg);}
.ios .hm-app__footer-logo-text.open strong:before{margin-top:-4px;}
.hm-app__footer-logo-text{font-size:13px;color:#111;}
.hm-app__footer-content-list { display:none; margin: 0 !important; padding:10px 16px 0 !important;}
.hm-app__footer-content-list li { margin: 4px 0 0 !important; font-size: 12px; color: #888; }
.hm-app__footer-content-term { padding:15px 0 0; margin:20px 16px 0; border-top:1px solid #efefef; display:flex;flex-wrap:nowrap;justify-content:space-between;font-size:14px;color:#111;}
.hm-app__footer-content-copy { padding:15px 16px; font-size: 12px; color:#888; }
/* 푸터 고객센터 접근 UI 강화 */
.hm-app__footer-service{padding:25px 15px;border-bottom: 1px solid #efefef;}
.hm-app__footer-service-link{display:block;padding:15px 0;text-align:center;border:1px solid #efefef;border-radius:5px;background:#fff;font-family:'Apple SD Gothic Neo Light';}
.hm-app__footer-service-number{display:inline-block;height:16px;padding-left:23px;font-size:18px;line-height:16px;font-weight:bold;color:#181818;background:url(/resources/native/assets//img/icon/phone_f_black.svg) 0 1px no-repeat;background-size:15px auto;}
.ios .hm-app__footer-service-number{line-height:17px;background-position:0 0;}
.hm-app__footer-service-time{margin-top:5px;font-size:12px;color:#999;}
@media screen and (max-width: 374px) {
    .hm-app__footer-content-term a { font-size: 13px; }
}
/* [S] D:181226 edit:mila */
@media screen and (max-width: 374px) {.footerMenu2 li a { font-size: 13px; } }
.footerMenu2.abClear{ padding: 20px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/* 레이어 */
/* 공통팝업 */
.layerPopup { display:none; position:fixed; z-index:2222; }
.layerPopup .layerPopArea { position:relative; height:100%; }
.layerPopup .layerPopContent { position:relative;height:100%;overflow:auto; }
/* 공통팝업 : 상하좌우 100% 레이아웃 */
.layerPopup.layoutType1 { top:0; right:0; bottom:0; left:0; background:#fff; }
.layerPopup.layoutType1 > form { height:100%; }
.layerPopup.layoutType1 .layerPopArea > form { height:100%; }
.layerPopup.layoutType1 .layerPopArea h3 {height:49px;padding: 13px 0 0 20px;font-size:18px;line-height:24px;font-weight:bold !important;color: #111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align: left;box-sizing:border-box;}
.layerPopup.layoutType1 .layerPopContent {height: calc(100% - 49px);}
.layerPopup.layoutType1 .layerPopArea .btnLayerPopupClose {position:absolute;top:11px;right:12px;width:24px;height:24px;padding:0;background-image:url("../../native/assets/img/common/icon_header_close.svg");background-size:100%;}
.layerPopup.layoutType1 .layerPopArea .btnLayerPopupClose img {display: none;}
.layerPopup.layoutType1 .layerPopArea .qnaViewMore {padding: 0;}
.layerPopup.layoutType1 .layerPopArea .schTab .qnaViewMore {margin: 0;}
/* 공통팝업 : 상하좌우 마진이 있는 레이아웃 */
.layerPopup.layoutType2 {top: 0;left: 0;right: 0;bottom: 0;background:#fff;}
.layerPopup.layoutType2 > form { height:100%; }
.layerPopup.layoutType2 .layerPopArea > form { height:100%; }
.layerPopup.layoutType2 .layerPopArea h3 {height:49px;padding:13px 0 0;font-size:20px;line-height:24px;font-weight:bold !important;color: #111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align: center;box-sizing:border-box;}
.layerPopup.layoutType2 .layerPopContent {height:calc(100% - 49px);}
.layerPopup.layoutType2 .layerPopArea .btnLayerPopupClose {position:absolute;top:11px;right:12px;width:24px;height:24px;padding:0;background-image:url("../../native/assets/img/common/icon_header_close.svg");background-size:100%;}
.layerPopup.layoutType2 .layerPopArea .btnLayerPopupClose img {display: none;}
/* 공통팝업 : 높이는 짧고 너비가 긴 레이아웃  */
.layerPopup.layoutType3 { right:10px; left:10px; background:#fff; }
.layerPopup.layoutType3 .layerPopArea h3 {height: 55px;padding: 0 35px;font-size:18px;line-height: 55px;background: #fff;color: #111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align: center;}
.layerPopup.layoutType3 .layerPopArea .btnLayerPopupClose {position:absolute; top:8px; right:5px; width:14px; height:14px; padding:10px; }
.layerPopup.layoutType3 .layerPopArea .btnLayerPopupClose {position:absolute; top:8px; right:5px; width:14px; height:14px; padding:10px; }

/* 공통알럿 */
.layerAlert {display:none;position:fixed;left:20px;right:20px;width:auto;top:50%;border-radius:10px;z-index:2224;background:#fff;border:1px solid #ddd;margin-top:-100px;-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.29);box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.29);}
.layerAlert h3 {height:45px; line-height:45px; padding:0 0 0 15px; border-radius:10px;background:#fff;font-size:13px;color:#000;font-weight:bold;}
.layerAlert .layerAlertArea { position: relative; width: 100%; }
.layerAlert .layerAlertContent {padding:0 15px 15px 15px;font-size:12px;}
.layerAlert .alertBtn {border-top:1px solid #ddd;}
.layerAlert .alertBtn:after {content:"";display:block;clear:both;}
.layerAlert .alertBtn a {float:left;width:50%;height:12px;font-size:12px;padding:15px 0;text-align:center;font-weight:bold;}
.layerAlert .alertBtn a:first-child {position:relative;}
.layerAlert .alertBtn a:first-child:after {content:"";display:block;width:1px;height:42px;position:absolute;right:0;top:0;background:#ddd;}

/* 팝업내 더보기버튼*/
.layerPopup .qnaViewMore {padding:10px 0;}
.layerPopup .qnaViewMore a {display: block;height: auto;line-height: inherit;padding: 16px 0;margin-bottom: 30px;background: #fff;border: 0;border-bottom: 1px solid #e4e4e4;font-size: 14px;text-align: center;color: #ed4046;}
.layerPopup .qnaViewMore a .fontColor4 {color: #ed4046;}

/* 단위환산기 */
.layer-measure .inner {padding:14px 10px 40px;}
.layer-measure .abUnitNote{font-size:11px; line-height:13px; color:#6a747c;}
.layer-measure .popTabUnit{height:390px; padding:18px 0 15px;}
.layer-measure .popTabUnit dl{position:relative;}
.layer-measure .popTabUnit dl:after{content:''; display:block; clear:both;}
.layer-measure .popTabUnit dl dt{float: left; position: relative; width: 24%; height: 38px; margin: 1px 0 0 1px; background: #fff;}
.layer-measure .popTabUnit dl dt a{position: absolute; top: -1px; left: -1px; display: block; width: 100%; height: 38px; font-size: 12px; line-height: 40px; color: #6a747c; border: 1px solid #d3d3d5; text-align: center; z-index: 1;}
.layer-measure .popTabUnit dl dd{position:absolute; top:133px; width:100%; height:250px; padding-top:15px; border-top:1px solid #ecedee; text-align:center;}
.layer-measure .popTabUnit dl dt a.on{border: 1px solid #093250; z-index: 10;}
.layer-measure .popTabUnit dl dd input{width:89%; padding:0 5%;}
.layer-measure .popTabUnit dl dd select{float:left; width:40%; margin-top:10px;}
.layer-measure .popTabUnit dl dd select.abUnitChoice{float:right;}
.layer-measure .popTabUnit dl dd span.rightArr{display:inline-block; width:7%; height:37px; margin:10px auto 0px; font-size:18px; line-height:37px; color:#6a747c;}
.layer-measure .popTabUnit dl dd .abUnitBox{margin-top:20px; width:100%; height:42px; font-weight:bold; font-size:12px; line-height:43px; color:#6a747d; background:#ecedee;}
.layer-measure .popTabUnit dl dd .abUnitBox span{font-size:15px;}
.layer-measure .popTabUnit dl dd .abUnitBox.result{ color:#fff; background:#ed1c24;}
.layer-measure .popTabUnit dl dd .abUnitBox.result span{display:inline-block; margin-top:-3px; font-size:25px;}

/* iframe */
.layer-iframe .iframeArea iframe{width:100%; height:auto; overflow-y:auto;}
/* popLayer */
.popLayer{display:none; position:absolute; top:0px; left:0px; width:100%;}
.popLayer.view{display:block; position:relative;}
.popLayer .popArea{position:relative;}
.popLayer .popArea .titMain{width:100%; height:45px; background:#093250;}
.popLayer .popArea .titMain h2{padding-left:4.5%; font-size:18px; line-height:45px; color:#fff;}
.popLayer .popArea a.popClose{position:absolute; top:15px; right:4.5%; width:14px; height:14px; background:url(../images/btn/btnPopClose.png) no-repeat 0 0; background-size:14px 14px;}
.popLayer .popArea .popBtnArea{padding:20px 0; text-align:center;}

/* Layer_마이페이지 */
.layerDim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;z-index:1000;}/*반투명Dim*/
.layerDim2 {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:none;z-index:1000;}/*투명Dim*/

.totalCateTab {position:relative;padding:41px 0 0 0;}
.totalCateTab .tabColumn {width:50%;height:41px;position:absolute;top:0;}
.totalCateTab .tabColumn:first-child {left:0;}
.totalCateTab .tabColumn:nth-child(2) {left:50%;}
.totalCateTab  a {display:block;height:40px;border-bottom:1px solid #d9d9d9;}
.totalCateTab  span {display:block;height:18px;padding:10px 0;border-bottom:2px solid #fff;text-align:center;color:#6a747c;font-size:16px;line-height:18px;height:18px;}
.totalCateTab a.cTabOn {border-bottom:1px solid #ed1c24;}
.totalCateTab a.cTabOn span {border-bottom:2px solid #ed1c24;font-weight:bold;color:#333;}
.totalCateWrap { position:relative; overflow-y:auto; }
.totalCateWrap .categoryDetail,
.totalCateWrap .brandDetail {position:absolute;top:-99999px;padding:5px 0 0 0;background:#e5e6e7;}

.brandTabArea {position:relative;padding:56px 0 0 0;}
.brandTabArea>dt {position:absolute;top:5px;width:calc(50% - 10px);height:41px;}
.brandTabArea>dt:first-child {left:10px;}
.brandTabArea>dt:nth-child(3) {left:50%;}
.brandTabArea>dt a {display:block;padding:10px 0 11px 0;border-bottom:1px solid #d9d9d9;background:#fff;text-align:center;color:#6a747c;font-size:16px;}
.brandTabArea>dt a.btOn {background:#232a32;color:#fff;}
.brandTabArea>dt:nth-child(3) a {border-right:1px solid #d9d9d9;}
.brandTabArea>dd {position:absolute;top:-99999px;}
.brandTabArea>dd .brandSearch {padding:0 10px 10px 10px;}
.brandTabArea>dd .brandSearch .brsWrap {width:100%;overflow:hidden;}
.brandTabArea>dd .brandSearch .brsWrap .bsFlag {float:left;width:calc(12.5% - 2px);border-left:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;margin-bottom:4px;}
.brandTabArea>dd .brandSearch .brsWrap .bsFlag span {display:block;height:14px;line-height:14px;padding:12px 0;border:1px solid #fff;background:#fff;text-align:center;}
.brandTabArea>dd .brandSearch .brsWrap .bsFlag.brsOn,
.brandTabArea>dd .brandSearch .brsWrap .bsFlag.brsOn span {border-color:#6a747c;}
.brandTabArea>dd .brandSearch .brsWrap .bsFlag.bsFlagL {width:calc(25% - 2px);}
.brandTabArea>dd .brandSearch .brsSearchBox {margin:0 0 10px 0;height:38px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.brandTabArea>dd .brandSearch .brsSearchBox .brsBoxInner {position:relative;border:1px solid #6a747c;}
.brandTabArea>dd .brandSearch .brsSearchBox input {display:block;width:calc(100% - 55px);height:13px;padding:12px 0 12px 10px;border:0;}
.brandTabArea>dd .brandSearch .brsSearchBox a {position:absolute;top:0;right:0;width:45px;height:37px;}
.brandTabArea>dd .brandSearch .brsSearchBox a img {width:45px;height:37px;}
.brandTabArea>dd .brsResult {background:#fff;}
.brandTabArea>dd .brsResult .brsrTitle {padding:9px 0;line-height:24px;border-bottom:1px solid #e2e2e2;text-align:center;font-size:24px;font-weight:bold;color:#232a32;}
.brandTabArea>dd .brsResult .brsrTitle span {display:inline-block;padding:0 5px;}
.brandTabArea>dd .brsResult ul {border-bottom:1px solid #d9d9d9;}
.brandTabArea>dd .brsResult ul li {border-top:1px solid #f0f3f6;}
.brandTabArea>dd .brsResult ul li:first-child {border-top:0;}
.brandTabArea>dd .brsResult ul li a {position:relative;display:block;padding:12px 18px;font-size:14px;color:#6a747c;background:url(../images/icon/bul03.gif) 10px center no-repeat;background-size:2px;}

.brandTabArea>dd .brandRank {border-top:1px solid #e2e2e2;border-bottom:1px solid #d9d9d9;background:#fff;}
.brandTabArea>dd .brandRank>li {border-top:1px solid #f0f3f6;}
.brandTabArea>dd .brandRank>li:first-child {border-top:0;}
.brandTabArea>dd .brandRank>li.next {border-top:1px solid #d9d9d9;}
.brandTabArea>dd .brandRank li a.btnBrandR {position:relative;display:block;padding:13px 30px 13px 10px;color:#6a747c;font-size:14px;line-height:16px;}
.brandTabArea>dd .brandRank li a.btnBrandR:after {content:"";display:block;width:0;height:0;position:absolute;top:50%;right:10px;margin-top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #838b91;}
.brandTabArea>dd .brandRank li a.btnBrandOn:after {border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #232a32;border-top:0;}
.brandTabArea>dd .brandRank li ul {display:none;padding:0 10px;border-top:1px solid #d9d9d9;margin-bottom:-1px;background:#f0f3f6;z-index:10;}
.brandTabArea>dd .brandRank li ul li {border-top:1px solid #dee4e9;}
.brandTabArea>dd .brandRank li ul li:first-child {border:0;}
.brandTabArea>dd .brandRank li ul li a {position:relative; display:block;padding:13px 0;height:14px; line-height:16px; color:#6a747c; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.brandTabArea>dd .brandRank li ul li a:before {display:inline-block;width:30px;text-align:center;padding-right:5px; color:#aeb3bb; font-size:12px; content: attr(data-key-rank); font-weight:bold;color:#6a747c;font-style:italic;}
.brandTabArea>dd .brandRank li ul li:nth-child(1) a:before,.brandTabArea>dd .brandRank li:nth-child(2) a:before,.brandTabArea>dd .brandRank li:nth-child(3) a:before {color:#ed1c24;}

.smartFilter{display:none;position: fixed;top:0;width: 85%; background: #fff; z-index:2001;
  -webkit-transition: -webkit-transform 300ms ease;
  -webkit-transition-duration: 300ms;
  -moz-transition: -moz-transform 300ms ease;
  transition: transform 300ms ease;
  -webkit-transform: translate3d(118%,0,0);
  -moz-transform: translate3d(118%,0,0);
  -ms-transform: translate3d(118%,0,0);
  transform: translate3d(118%,0,0);
}
.smartFilter.open{
  -webkit-transform: translate3d(18%,0,0);
  -moz-transform: translate3d(18%,0,0);
  -ms-transform: translate3d(18%,0,0);
  transform: translate3d(18%,0,0);
}
.smartFilter .smartFilterArea{position:relative; }
.smartFilter .smartFilterArea h3{position:fixed;top:0;left:0; width:100%; height:50px; font-size:18px; line-height:50px;color:#232a32;box-sizing:border-box;padding-left:15px;letter-spacing:-1px;background:#fff;z-index:100;border-bottom:1px solid #dfdfdf}
.smartFilter .smartFilterArea h3 span {font-size:13px;color:#6a747c;margin-left:3px;letter-spacing:0.5px;}
.smartFilter .smartFilterArea .smartFilterBox{background:#fff;padding-top:50px; overflow-y:auto;}
.smartFilterBox .spDelivery ul li {position:relative;height:20px;border-top:1px solid #ebebeb;padding:11px 48px 11px 48px;line-height:20px;font-size:13px;color:#506265;}
.smartFilterBox .spDelivery ul li:first-child {border:0;}
.smartFilterBox .spDelivery ul li div {display:inline-block;}
.smartFilterBox .spDelivery ul li:before {content:"";display:block;position:absolute;top:50%;left:15px;margin-top:-10px;height:19px;background-image:url(../images/icon/smartFilter.png);background-size:150px;background-repeat:no-repeat;color:#eb1c22;}
.smartFilterBox .spDelivery ul li span {display:block;position:absolute;top:50%;right:15px;width:21px;height:21px;margin-top:-10px;background:url(../images/icon/smartFilter.png) 0 -125px;background-size:150px;text-indent:-9999px;font-size:0;color:transparent;}
.smartFilterBox .spDelivery ul li span.spOn {background-position:-21px -125px;}
.smartFilterBox .spDelivery ul li.spDelP:before {width:20px;left:19px;background-position:0 -105px;}
.smartFilterBox .spDelivery ul li.spDelT {color:#eb1c22;}
.smartFilterBox .spDelivery ul li.spDelT:before {width:29px;background-position:-22px -105px;}
.smartFilterBox .spDelivery ul li.spDelQ:before {width:28px;background-position:-52px -105px;}
.smartFilterBox .spDelivery ul li.spDelF:before {width:26px;left:14px;background-position:-83px -105px;}
.smartFilterBox .spDelivery ul li a.btnChk {display:inline-block;width:16px;height:16px;margin-left:13px;text-indent:-9999px;background:url(../images/icon/smartFilter.png) -112px -107px no-repeat;background-size:150px;}
.smartFilterBox .filterPrice dt{height:44px; padding:0 15px; font-size:15px; line-height:44px; color:#3c4652;}
.smartFilterBox .filterPrice dd{padding:3px 15px 20px; height:37px; text-align:center;}
.smartFilterBox .filterPrice dd input{width:41%; height:35px; padding:0 2%; font-size:13px; color:#aeb3bb;}
.smartFilterBox .filterPrice dd input.lowPrice{float:left;}
.smartFilterBox .filterPrice dd input.highPrice{float:right;}
.smartFilterBox .filterPrice dd span{font-size:13px; line-height:37px; color:#aeb3bb;}
.smartFilterBox .filterBenefit dt{height:44px; padding:0 15px; font-size:15px; line-height:44px; color:#3c4652; border-top:1px solid #d3d3d5;}
.smartFilterBox .filterBenefit dd{padding:2px 15px 5px}
.smartFilterBox .filterBenefit dd span.checkFilter{display:inline-block; margin-bottom:10px; font-size:13px; line-height:20px; color:#6a747c;}
.smartFilterBox .filterBenefit dd span.checkFilter label{margin:0 18px 0 6px;}
.smartFilterBox .filterAccordion{border-bottom:none;padding-bottom:45px;}
.smartFilterBox .filterAccordion dt{display:table;width:100%;height:60px;padding:0; font-size:17px;line-height:17px;color:#3c4652; border-bottom:1px solid #dfdfdf;background-color:#f5f5f5;position:relative}
.smartFilterBox .filterAccordion dt a{display:table-cell; width:100%;box-sizing:border-box;padding:0 40px 0 15px;position:relative;vertical-align:middle;}
.smartFilterBox .filterAccordion dt a:after{content:'';display:block;font-size:0px; width:20px; height:11px; position:absolute;top:50%;right:15px;background:url(../images/icon/smartFilter.png) no-repeat 0 0; background-size:150px;text-indent:-9999px;background-position:0 0;margin-top:-6px}
.smartFilterBox .filterAccordion dt.on a:after {background-position:-45px -16px;}
.smartFilterBox .filterAccordion dt p{font-size:12px;line-height:14px;max-height:28px;color:#6a747c;margin-top:3px;overflow:hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.smartFilterBox .filterAccordion dd{letter-spacing:-1.4px;border-bottom:1px solid #dfdfdf}
.smartFilterBox .filterAccordion dd dt,
.smartFilterBox .filterAccordion dd dd {border-bottom:0;border-top:1px solid #dfdfdf;}
.smartFilterBox .filterAccordion dd dt:first-child {border-top:0;}
.smartFilterBox .filterAccordion dd ul {border-top:none;display:none}
.smartFilterBox .filterAccordion dd > ul {display:block}
.smartFilterBox .filterAccordion dd ul li {min-height:40px;position:relative;border-top:1px solid #eee}
.smartFilterBox .filterAccordion dd ul li .count {margin-left:2px}
.smartFilterBox .filterAccordion dd ul li:first-child {border-top:none}
.smartFilterBox .filterAccordion dd ul li a,.smartFilterBox .filterAccordion dd p.checkF {font-size:13px;display:block;color:#6a747c;height:40px;line-height:40px;padding-left:15px;position:relative}
.smartFilterBox .filterAccordion dd ul li a.chk:after {content:'';width:14px;height:12px;background:url(../images/icon/smartFilter.png) no-repeat -19px -37px;background-size:150px;position:absolute;top:50%;margin-top:-6px}
.smartFilterBox .filterAccordion dd ul li a.chk.on ,.smartFilterBox .filterAccordion dd.depth2 dt a.chk.on {color:#ed1b24}
.smartFilterBox .filterAccordion dd ul li a.chk.on:after {background-position:0 -37px;background-size:150px;}
.smartFilterBox .filterAccordion dt#categoryDT+dd ul li a.chk:after {display:none;}
.smartFilterBox .filterAccordion dt#categoryDT+dd ul li a.chk.on:after {display:block;}
.smartFilterBox .filterAccordion dd ul li a.chk.unable {color:#999;}

.smartFilterBox .filterAccordion dd.depth2 dl {border-bottom:0px}
.smartFilterBox .filterAccordion dd.depth2 dt {height:40px; background:#fff;font-size:13px}
.smartFilterBox .filterAccordion dd.depth2 dt:first-child {height:40px; background:#fff;border-top:0px;font-size:13px}
.smartFilterBox .filterAccordion dd.depth2 dt:last-child {border-bottom:none}
.smartFilterBox .filterAccordion dd.depth2 dt a:after {content:none}
.smartFilterBox .filterAccordion dd.depth2 dt a.chk.on:after {content:'';width:14px;height:12px;background:url(../images/icon/smartFilter.png) no-repeat 0 -37px;background-size:150px;position:absolute;top:50%;right:15px;margin-top:-6px;-webkit-transform: rotate(0deg);}
.smartFilterBox .filterAccordion dd ul.depth3 li {border-top:none}
.smartFilterBox .filterAccordion dd ul.depth3>li>a {padding-left:30px}
.smartFilterBox .filterAccordion dd ul.depth4>li>a {padding-left:45px}
.smartFilterBox .filterAccordion dd ul.depth5>li>a {padding-left:60px}
.smartFilterBox .filterAccordion .priceFilter dd {padding:5px;text-align:center}
.smartFilterBox .filterAccordion .priceFilter dd .priceArea {width:100%;height:auto;position:relative;margin-bottom:5px;}
.smartFilterBox .filterAccordion .priceFilter dd .priceArea:after {content:"";display:block;clear:both;}
.smartFilterBox .filterAccordion .priceFilter dd input[type=number] {box-sizing:border-box;width:45%;float:left;padding:10px;line-height:15px;}
.smartFilterBox .filterAccordion .priceFilter dd .priceArea span {line-height:35px;float:left;width:10%;height:35px;text-align:center;}
.smartFilterBox .filterAccordion .priceFilter dd a {display:block;width:100%;background-color:#9fa8af;height:35px;color:#fff;line-height:35px;}
.smartFilterBox .filterAccordion dd p.checkF {overflow:hidden;padding-left:0;}

/* start스마트 필터 input버전 개선후삭제 */
.smartFilterBox .filterAccordion dd p.checkF input[type="checkbox"] {width:0px;height:0px;position:absolute;left:-900%}
.smartFilterBox .filterAccordion dd p.checkF label {display:block;padding-left:15px;height:100%;position:relative}
.smartFilterBox .filterAccordion dd p.checkF label:after {content:'';width:14px;height:12px;background:url(../images/icon/smartFilter.png) no-repeat -19px -37px;background-size:150px;position:absolute;top:50%;right:15px;margin-top:-6px}
.smartFilterBox .filterAccordion dd p.checkF input:checked+label {color:#ed1b24;}
.smartFilterBox .filterAccordion dd p.checkF.unable input:checked+label {color:#999;}
.smartFilterBox .filterAccordion dd p.checkF input:checked+label:after {content:'';width:14px;height:12px;background:url(../images/icon/smartFilter.png) no-repeat 0px -37px;background-size:150px;position:absolute;top:50%;right:15px;margin-top:-6px}

.smartFilterBox .filterAccordion dd span.checkFilter{display:inline-block; margin-bottom:10px; font-size:13px; line-height:20px; color:#6a747c;}
.smartFilterBox .filterAccordion dd span.checkFilter label{margin:0 18px 0 6px;}
.smartBtnArea{position: fixed; bottom: 0; left: 0; width:100%; height:45px;z-index:1112;}
.smartBtnArea:after {content:"";display:block;clear:both;}
.smartBtnArea a{float:left;width:50%; height:45px; font-size:15px; line-height:45px; color:#fff; text-align:center;}
.smartBtnArea a.btnReset {background:#ed1c24;}
.smartBtnArea a.btnConfirm {width:calc(50% - 1px);border-left:1px solid #ff9195;background:#ed1c24;}
.smartBtnArea a.btnReset span {display:inline-block;width:13px;height:13px;background:url(../images/icon/smartFilter.png) no-repeat -30px 0;background-size:150px;margin:15px 2px 0 0;position:relative}
.smartFilter .smartFilterClose {position:fixed;top:16px;right:15px;width:18px;height:18px;background:url(../images/icon/smartFilter.png) -82px 0 no-repeat; background-size:150px;text-indent:-9999px;z-index:101}

/* 검색키워드 입력  */
.searchBox {position:relative; padding:10px 10px 10px 40px; background-color:#fff; }
.searchBox .searchBoxInner {border:2px solid #ed1c24;}
.searchBox .searchBox_txtField {width:calc(100% - 95px); height:16px; line-height:16px;padding:12px 10px 12px 10px; color:#aeb3bb; font-size:16px; border:none; box-sizing:content-box;letter-spacing:0;}
.searchBox .searchBox_txtField::-webkit-input-placeholder {line-height:normal !important;letter-spacing:0;vertical-align:top;}
.searchBox .searchBox_txtField:-moz-placeholder {line-height:normal !important;}
.searchBox .searchBox_txtField:-ms-input-placeholder {line-height:normal !important;}
.searchBox .searchBox_txtField:focus {outline:none;}
.searchBox button {position:absolute; width:40px; height:40px; text-indent:999px; color:transparent; overflow:hidden;}
.searchBox .reset {top:10px; right:60px; background:none;}
.searchBox .reset.active {background:url(../images/btn/btn_reset.png) 17px 17px no-repeat; background-size:10px 10px;right:12px;}/* 위치이동 20180220 add by amanda */
.searchBox .searchBox_txtField:focus+.reset {background:url(../images/btn/btn_reset.png) 17px 17px no-repeat; background-size:10px 10px;}
.searchBox .submit {width:36px; top:13px; right:12px; background:url('../images/btn/btn_submit.png') no-repeat 0 0;background-size:36px;}
.searchBox .goback {height:60px; top:0; left:0; background:url(../images/btn/btn_dpyMenu01.png) 10px 21px no-repeat; background-size:21px 21px; outline:none; }
.searchBox .textBox {position:relative;width:calc(100% - 20px);height:16px;line-height:16px;padding:12px 10px;border:none;background:#fff;}
.searchBox .textBox .textKey {float:left;letter-spacing:0;color:#232a32;font-size:16px;max-width:calc(100% - 20px);overflow:hidden;max-height:16px;white-space:nowrap;text-overflow:ellipsis;}
.searchBox .textBox:after {content:"";display:block;clear:both;}
.searchBox .textBox .relFlagWrap {float:left;overflow:hidden;margin-top:-5px;}
.searchBox .textBox .relFlagWrap .swiper-wrapper {position:relative;width:100%;z-index:1;display:-webkit-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0); -ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.searchBox .textBox .relFlag {position:relative;display:block;height:26px;line-height:26px;padding:0 25px 0 5px;border:1px solid #ea3943;background:#ea3943;border-radius:2px;margin-left:3px;font-size:16px;color:#fff;z-index:1999;}
.searchBox .textBox .relFlag:after {content:"";display:block;width:12px;height:12px;position:absolute;right:6px;top:50%;margin-top:-6px;background:url(../images/btn/btn_relFlag2.png) 0 0 no-repeat;background-size:12px;}

/* 검색레이어 : 인기/최근/최근본상품  */
.searchWord {height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.searchWord .swiper-container {padding:0 10px 90px;height:100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.searchWord .swiper-wrapper {position:relative;width:100%;height:100%;padding:0;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.searchWord .swiper-slide {float:left;position:relative; margin-left:7%; width:86%; margin-right:7%; height:100%;-webkit-flex-shrink: 0;-ms-flex:0 0 auto;flex-shrink:0;background:#fff !important;box-sizing:border-box;-moz-box-sizing:border-box;}
.searchWord .swiper-slide:nth-child(1) { left:1.5%; margin:0 -2% 0 0; width:80%; }
.searchWord .swiper-slide:nth-child(3) { left:-1.5%; margin:0 0 0 -2%; width:80%; }
.searchWord .swiper-slide a {display:block;padding:0 10px;}
.searchWord .word-pagination {height:20px;padding:15px 0;text-align:center;}
.searchWord .word-pagination .swiper-pagination-bullet {display:inline-block;line-height:15px;height:18px !important;font-size:14px;border-bottom:1px solid #666;width:auto;height:auto;color:#666;border-radius:0;background-color:transparent;opacity:100;}
.searchWord .word-pagination .swiper-pagination-bullet-active {line-height:13px;height:18px;font-size:15px;border-bottom:2px solid #ed1c24;font-weight:bold;color:#000;}
.searchWord .word-pagination .swiper-pagination-bullet:nth-child(2) {margin:0 10%;}
.searchWord .keywordTit {padding:15px;font-size:14px;font-weight:bold;height:14px;border-bottom:1px solid #ebedec;}
.searchWord .keywordRank {overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:absolute;left:0;right:0;bottom:41px;top:0;padding:0 10px 40px;background:#fff;}
.searchWord .keywordRank li {position:relative;border-top:1px solid #ecedee;}
.searchWord .keywordRank li:first-child {border:0;}
.searchWord .keywordRank.typePop li a {position:relative; display:block;padding:13px 35px 14px 0;height:15px;line-height:16px;color:#6b747c; font-size:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.searchWord .keywordRank.typePop li:nth-child(1) a,
.searchWord .keywordRank.typePop li:nth-child(2) a,
.searchWord .keywordRank.typePop li:nth-child(3) a,
.searchWord .keywordRank.typePop li:nth-child(1) a:before,
.searchWord .keywordRank.typePop li:nth-child(2) a:before,
.searchWord .keywordRank.typePop li:nth-child(3) a:before {color:#ea4241;}
.searchWord .keywordRank.typePop li a:before {display:inline-block; width:20px; text-align:center; padding-right:5px; color:#6b747c; font-size:12px; content: attr(data-key-rank); font-weight:500;}
.searchWord .keywordRank li a .rankUp {position:absolute; top:50%; right:10px;width:7px;height:10px;margin-top:-5px;display:inline-block; background:url('../images/icon/ico_rankState.png') no-repeat 0 0;background-size:7px 30px;}
.searchWord .keywordRank li a .rankDown {position:absolute;top:50%;right:10px;width:7px;height:10px;margin-top:-5px;display:inline-block; background:url('../images/icon/ico_rankState.png') no-repeat 0 -10px;background-size:7px 30px;}
.searchWord .keywordRank li a .rankKeep {position:absolute;top:50%;right:10px;width:7px;height:10px;margin-top:-5px;display:inline-block; background:url('../images/icon/ico_rankState.png') no-repeat 0 -20px;background-size:7px 30px;}
.searchWord .keywordRank.typeReal li a:before {width:0;}
.searchWord .keywordRank.typeReal li {width:100%;cursor:pointer;line-height:16px;color:#6b747c; font-size:15px;}
.searchWord .keywordRank.typeReal li .txt {vertical-align:middle;position: relative;display:block;padding: 13px 60px 14px 0;height: 15px;line-height: 16px;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.searchWord .keywordRank.typeReal li .date {position:absolute;top:13px;right:25px;width:50px;text-align:right;font-size:12px;}
.searchWord .keywordRank.typeReal li .keywordDel {position:absolute;right:-10px;top:0;display:block;width:40px;height:40px;padding:0;text-indent:-999999em;background:url('../images/btn/btn_keyDel.png') no-repeat 50%;background-size:25px 40px;}
.searchWord .keywordRank.typeItem {padding:0 20px;}
.searchWord .keywordRank.typeItem li {width:100%;color:#6b747c; font-size:15px;box-sizing:border-box;-moz-box-sizing:border-box;}
.searchWord .keywordRank.typeItem li .item {display:table;width:100%;padding:2px 0;}
.searchWord .keywordRank.typeItem li a .itemImg {display:table-cell;vertical-align:middle;text-align:center;width:80px;padding-right:10px;}
.searchWord .keywordRank.typeItem li a .itemImg img {width:80px;height:80px;}
.searchWord .keywordRank.typeItem li a .itemInfo {display:table-cell;vertical-align:middle;text-align:left;}
.searchWord .keywordRank.typeItem li a .itemInfo .itemInfoName {font-size:12px;line-height:16px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;height:32px;}
.searchWord .keywordRank.typeItem li a .itemInfo .itemInfoPrice {display:block;margin-top:5px;color:#ed1c24;font-weight:bold;letter-spacing: -0.05em;line-height:16px;word-wrap:break-word;}
.searchWord .keywordRank.typeItem li a .itemInfo .itemInfoPrice em {display:inline-block;font-size:12px;line-height:17px;}
.searchWord .keywordRank.typeItem li .btnDel {display:none;}
.searchWord .keywordRank.typeItemEdit {padding:0 10px;overflow-y:auto;overflow-x:hidden;}
.searchWord .keywordRank.typeItemEdit {padding:0 10px 40px;}
.searchWord .keywordRank.typeItemEdit li .btnDel {display:block;position:absolute;right:-50px;top:0;padding:0;text-indent:-999999em;display:inline-block;width:40px;height:84px;border-bottom:1px solid #ecedee;background:#f6f6f6 url('../images/btn/btn_keyEdit.png') no-repeat 50%;background-size:13px;}
.searchWord .keywordRank.typeItemEdit li:last-child .btnDel {border-bottom:0;}
.searchWord .keywordFot {position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;font-size:13px;color:#6b747c;border-top:1px solid #ebedec;background-color:#f6f6f6;}
.searchWord .keywordFot:before {position:absolute;left:0;bottom:40px;display:block;width:100%;height:40px;background: linear-gradient(to bottom, rgba(255,255,255,0) 1%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0.8) 100%);content:'';}
.searchWord .keywordRank.typeItemEdit + .keywordFot:before {height:80px;}
.searchWord .keywordFot .disabled { color:#bbb; }
.searchWord .keywordFot span {display:inline-block;line-height:40px;height:40px;padding:0 10px;font-size:13px;color:#6b747c;}
.searchWord .keywordFot a {display:inline-block;line-height:40px;height:40px;padding:0 10px;font-size:13px;color:#6b747c;}
.searchWord .noData {padding:120px 0;}
.searchWord .noData span {display:inline-block;padding:0 0 0 22px;font-size:14px;height:16px;background:url('../images/bg/bgSearchNo.jpg') 0 center no-repeat;background-size:16px;color:#778089;}
.searchWord .noData .noImg { width:50px; height:50px; margin-top:-15px; }

/* 연관검색어 */
.relatedKeywords { border-top: 1px solid #c1c0c5; padding:5px 10px; background:#fff;overflow:hidden;}
.relatedKeywords .key {background:#fff;position:relative;width:100%;z-index:1;display:-webkit-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0); -ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.relatedKeywords .key .swiper-slide {background:#fff;}
.relatedKeywords .key .swiper-slide a span {position:relative;display:block;width:auto;padding:6px 13px 5px 13px;height:15px;border:1px solid #ed1c24;line-height:15px;margin-left:5px;background:#fff;color:#333;font-size:14px;border-radius:15px;white-space:nowrap;text-align:center;}
.relatedKeywords .key .swiper-slide:first-child a span {margin:0;}
.relatedKeywords .key .swiper-slide a span.keySmart,
.relatedKeywords .key .swiper-slide a span.keyToday {border-color:#1e5aac;}
.relatedKeywords .key .swiper-slide a span.SMP_YN,
.relatedKeywords .key .swiper-slide a span.TODAY_DELIVERY_YN {border-color:#1e5aac;}
.relatedKeywords .key .swiper-slide a span.research {width:22px;height:24px;padding:2px 2px 2px 7px;border:0;border-radius:0;background:url(../images/btn/btn_research2.png) center center no-repeat;background-size:22px 24px; font-size:0;}

.noDataArea {border-top:1px solid #232a32;}
.noDataArea .noData {padding:65px 0; text-align:center; color:#232a32; font-size:18px; line-height:25px;}
.noDataArea .noData strong{color:#ed1c24;}
.noDataArea  .btnItemSearch {margin-bottom:50px;padding:0 50px;}
.noDataArea .ndRecArea {position:relative;border-top:1px solid #aaa;padding:0 0 15px 0;}
.noDataArea .ndRecArea .ndrTitle {padding:13px 0;text-align:center;font-size:18px;color:#232a32;}
.noDataArea .ndRecWrap {position:relative;width:100%;overflow:hidden;z-index:1;}
.noDataArea .ndRecWrap .swiper-wrapper {background:#fff;position:relative;width:100%;z-index:1;display:-webkit-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0); -ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide {width:40%;background:#fff;}
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide a {margin:0 5%;}
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide a,
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide a>span {display:block;font-size:14px;color:#333;}
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide .ndTitle {line-height:16px;height:48px;margin:7px 0 5px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;}
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide .ndPrice {line-height:16px !important;}
.noDataArea .ndRecWrap .swiper-wrapper .swiper-slide .ndPrice span {display:inline-block;margin-right:2px;color:#ed1c24;line-height:16px !important;}
.noDataArea .searchKeywords {padding:0 10px 15px 10px;margin:0 !important;border-top:1px solid #d9d9d9;background:#e4e3e9;}
.noDataArea .searchKeywords dt {left:0 !important;width:100% !important;padding:10px 0;background:#e4e3e9 !important;color:#232a32;font-size:18px;}
.noDataArea .searchKeywords dd {display:block !important;padding-top:55px;}
.noDataArea .searchKeywords dd ul {border-bottom:1px solid #d3d3d5;margin:0 !important;}
.noDataArea .searchKeywords dd ul li a:before {width:30px;}
.noDataArea .ndBtn {width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;text-indent:-9999px;z-index:2;}
.noDataArea .ndBtn.ndNext {right:0;background:url(../images/btn/btnNdNext.png) 0 0 no-repeat;background-size:30px;}
.noDataArea .ndBtn.ndPrev {left:0;background:url(../images/btn/btnNdPrev.png) 0 0 no-repeat;background-size:30px;}
.noDataArea .tip {padding:30px 10px 0 10px;}
.noDataArea .tip .tipTit {margin-bottom:15px; color:#232a32; font-size:12px;}
.noDataArea .tip ul li {padding:0 0 5px 6px; background: url(../images/icon/bul03.gif) 0 4px no-repeat; background-size:2px 2px;font-size:12px;color:#232a32;line-height:14px;}

/* 매장 : 배너 스와이프 */
.planArea {position:relative;width:100%;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;z-index:1;overflow:hidden;}
.planArea .swiper-wrapper {background:#fff;position:relative;width:100%;z-index:1;display:-webkit-box;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0); -ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.planArea .swiper-pagination {position:absolute;bottom:15px;left:50%;margin-left:-50px;width:100px;text-align:center;color:#6a747c;font-size:14px;z-index:2;font-weight:bold;}
.planArea .swiper-pagination .swiper-pagination-current {color:#ed1c24;}
.planArea .planBtn {width:50px;height:50px;position:absolute;top:50%;margin-top:-25px;text-indent:-9999px;z-index:2;}
.planArea .planBtn.planNext {right:0;background:url(../images/btn/btnPlanNext.png) 0 0 no-repeat;background-size:50px;}
.planArea .planBtn.planPrev {left:0;background:url(../images/btn/btnPlanPrev.png) 0 0 no-repeat;background-size:50px;}

/* 검색 : 배너 스와이프 */
#search-content .planArea { border-top:1px solid #c3c3c3; border-bottom:none; }
#search-content .abAlignBox { border-top:1px solid #c3c3c3; }

.prodArea .abAlignBox {padding:11px 10px;height:31px;}
.prodArea .abAlignBox .alignQuan {height:31px;line-height:31px;font-size:14px;}
.prodArea .abAlignBox .alignQuan span {font-weight:bold;}
.prodArea .abAlignBox select {height:31px;margin-left:10px;}
.prodArea .abAlignBox .btnAlignWrap {position:relative;float:right;}
.prodArea .abAlignBox .btnAlignWrap .abBtnAlign {width:29px;height:29px;padding:0;border:1px solid #aeb3bb;}
.prodArea .abAlignBox .btnAlignWrap .abBtnAlign img {width:100%; height:auto !important;}

.abAlignBox .btnAlignWrap .abAlignViewType {position:absolute;top:0;right:0;border:1px solid #aeb3bb;border-bottom:0;z-index:1;}
.abAlignBox .btnAlignWrap .abAlignViewType li {width:29px;height:29px;border-bottom:1px solid #aeb3bb;}
.abAlignBox .btnAlignWrap .abAlignViewType li a img {width:100%; height:auto !important;}
.abAlignBox {display:table;background:#fff;border-bottom:1px solid #dcdcdc;padding:0!important;height:40px!important;width:100%;box-sizing:border-box}
.abAlignBox > div {display:table-cell;float:none!important;box-sizing:border-box;height:100%!important;vertical-align:middle;border-left:1px solid #e5e5e5;vertical-align:middle;line-height:40px!important;font-size:13px;text-align:right}
.abAlignBox > div > a {color:#232a32;display:block;width:100%;height:100%;padding:0 10px;box-sizing:border-box;position:relative}
.prodArea .abAlignBox .alignQuan , .abAlignBox .alignQuan {font-size:13px;text-align:left;border-left:none}
.abAlignBox .alignQuan span {font-weight:bold}
.prodArea .abAlignBox .btnAlignWrap  , .abAlignBox .btnAlignWrap{width:44px;position:relative}
.prodArea .abAlignBox .btnAlignWrap .abBtnAlign , .prodArea .abAlignBox .btnAlignWrap li a , .abAlignBox .btnAlignWrap .abBtnAlign ,.abAlignBox .btnAlignWrap li a {width:100%;height:40px;border:none;position:relative;text-align:center;padding:0;padding-top:6px;box-sizing:border-box; outline:none; }
.prodArea .abAlignBox .btnAlignWrap .abBtnAlign img , .abAlignBox .btnAlignWrap a img , .abAlignBox .btnAlignWrap .abAlignViewType li a img {width:29px;margin:0 auto}
.abAlignBox .btnAlignWrap .abAlignViewType {width:44px;background:#fff;box-sizing:border-box}
.abAlignBox .btnAlignWrap .abAlignViewType li {height:40px;width:100%;}
.abAlignBox .smtSort {width:100px}
.abAlignBox .smtSort a:after {content:'';width:13px;height:15px;background:url(../images/icon/smartFilter.png) no-repeat -25px -17px;background-size:150px;position:absolute;top:50%;left:10px;margin-top:-8px;}
.abAlignBox .smtFilter {width:78px}
.abAlignBox .smtFilter .on {color:#ed1c24}
.abAlignBox .smtFilter a:after {content:'';width:16px;height:16px;background:url(../images/icon/smartFilter.png) no-repeat 0 -59px;background-size:150px;position:absolute;top:12px;left:10px}
.abAlignBox .smtFilter a.on:after {background-position:-21px -59px}
.abListArea {padding-top:10px}
#prdTabDd1 .abAlignBox {padding:0 10px 6px 5px !important;}
#prdTabDd1 .abAlignBox .alignQuan {height:37px !important;line-height:38px !important;}
#prdTabDd1 select {height:37px !important;}
.keyUpDown {padding:15px 10px 20px 10px;background:#e5e6e7;}
.keyUpDown dt {padding:0 0 10px 0;font-size:16px;font-weight:bold;}
.keyUpDown .keywordRank {border-top:1px solid #ecedee;background:#fff;}
.keyUpDown .keywordRank.typeReal{border-top:1px solid #fff;}
.keyUpDown .keywordRank li {border-top:1px solid #ecedee;}
.keyUpDown .keywordRank li:first-child {border:0;}
.keyUpDown .keywordRank li a {position:relative; display:block; padding:13px 45px 13px 0; height:14px; line-height:16px; color:#232a32; font-size:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.keyUpDown .keywordRank li:nth-child(1) a,.keyUpDown .keywordRank li:nth-child(2) a,.keyUpDown .keywordRank li:nth-child(3) a,.keyUpDown .keywordRank li:nth-child(1) a:before,.keyUpDown .keywordRank li:nth-child(2) a:before,.keyUpDown .keywordRank li:nth-child(3) a:before {color:#ea4241;}
.keyUpDown .keywordRank li a:before {display:inline-block; width:20px; text-align:center; padding-right:5px; color:#aeb3bb; font-size:12px; content: attr(data-key-rank);font-weight:bold;}
.keyUpDown .keywordRank li a .rankUp{position:absolute; top:50%; right:5px; margin-top:-8px;display:inline-block; padding-right:20px; font-weight:bold;font-size:11px; color:#afb3bc; background:url(../images/icon/rankUp.png) no-repeat 100% 50%; background-size:12px 7px;}
.layer-totalSearch .closeKeypad {position:fixed;bottom:0;left:0;width:100%;}
.layer-totalSearch .closeKeypad .ckpInner {padding:5px 10px;border-top:1px solid #d7d8da;background:#f2f2f2;text-align:right;}
.layer-totalSearch .closeKeypad a {display:inline-block;padding:0 10px; height:25px; line-height:26px; color:#fff; font-size:11px; background:#6a747d;}

/* 이런상품 */
.btnItemSearch {padding:0 10px;}
.abCateType1 .btnItemSearch {padding:0 0 10px;}
.btnItemSearch a {position:relative;display:block;text-align:center;height:38px;line-height:38px;border:1px solid #bfc4c5;background-color:#f7f7f7;}
.btnItemSearch a:after {position:absolute;right:10px;top:14px;display:block;width:10px;height:10px;background:url('../images/btn/btnArr01.png') no-repeat 0 0;background-size:10px;content:'';}

/* 상품 tab */
.prodTabArea {position:relative;}
.prodTabArea .tabDt {position:absolute;top:0;width:50%;height:40px;}
.prodTabArea .tabDt1 {left:0;}
.prodTabArea .tabDt2 {left:50%;}
.prodTabArea .tabDt a {display:block;height:38px;line-height:40px;border-top:1px solid #d3d3d5;border-bottom:1px solid #232a32;background:#f3f3f3;text-align:center;font-size:15px;color:#232a32;}
.prodTabArea .tabDt a.active {border-top:1px solid #232a32;border-bottom:1px solid #fff;background:#fff;}
.prodTabArea .tabDt:first-child a {border-right:1px solid #232a32;}
.prodTabArea .tabDd {padding:40px 0 0;}
.prodTabArea .tabDd .noData {padding:50px 0 80px; text-align:center; color:#232a32; font-size:18px; line-height:25px;}
.prodTabArea .tabDd .noData strong{color:#ed1c24;}
.prodTabArea .tip {padding:18px 10px; border-top:1px solid #555;}
.prodTabArea .tip .tipTit {margin-bottom:15px; color:#232a32; font-size:12px;}
.prodTabArea .tip ul li {padding:0 0 5px 6px; background: url(../images/icon/bul03.gif) 0 4px no-repeat; background-size:2px 2px; font-size:11px; color:#6a747c;}

/* 검색레이어 */
.layer-totalSearch {position:fixed; top:0; left:0; width:100%; height:100%; display:none; padding-bottom:36px; background:#e4e3e9; z-index:1100; overflow-x:hidden; overflow-y:auto; }
.layer-totalSearch .totalSearchWrap {overflow:hidden;height:100%;padding-bottom:88px;box-sizing:border-box;-webkit-box-sizing:border-box;background:#e4e3e9;}
.layer-totalSearch::-webkit-scrollbar { width:0; }
/* 검색레이어 : 음성,쇼륨,바코드,매장 탭 */
.layer-totalSearch .otherSearch {background-color:#fff; border-top: 1px solid #c1c0c5; }
.layer-totalSearch .otherSearch ul {width:100%;}
.layer-totalSearch .otherSearch ul:after {content:"";display:block;clear:both;overflow:hidden;}
.layer-totalSearch .otherSearch li {float:left;width:33.3%;padding:10px 0 12px;cursor:pointer;}
.layer-totalSearch .otherSearch li:first-child {width:33.4%;}
.layer-totalSearch .otherSearch li a {position:relative;display:block;height:19px;padding:13px 0 12px 0;border-left:1px solid #d9d9d9;color:#232a32;font-size:15px;text-align:center;}
.layer-totalSearch .otherSearch li a:before {content:"";display:inline-block;width:21px;height:22px;margin:0 5px 0 0;background:url(../images/icon/ico_othersearch.png) 0 0 no-repeat;background-size:21px 100px;}
.layer-totalSearch .otherSearch li a span {line-height:23px;}
.layer-totalSearch .otherSearch li:first-child a {border-left:0;}
.layer-totalSearch .otherSearch li a.btnOth1:before {background-position:0 -49px;}
.layer-totalSearch .otherSearch li a.btnOth2:before {background-position:0 -75px;}
.layer-totalSearch .otherSearch li a.btnOth3:before {background-position:0 -24px;}
.layer-totalSearch .otherSearch li,
.layer-totalSearch .otherSearch li:first-child .lay {width:25%;}
.layer-totalSearch .otherSearch li a {height:22px;padding:0;}
.layer-totalSearch .otherSearch li a span {padding:5px 0 0 0;}
.layer-totalSearch .otherSearch li a.new span:after {position:absolute;top:12px;left:60%;margin:0 0 2px 1px;}
.layer-totalSearch .otherSearch li a.btnOth4:before {height:22px;background-position:0 0;}
/* 검색레이어 : 최근검색어, 인기검색어 */
.layer-totalSearch #totalSearchContent { height:100%; overflow:auto; }

/* 검색결과 없음 : 급상승 검색어 */
.searchKeywords {position:relative; padding:15px 10px 0 10px; }
.searchKeywords#divArkWN {padding-bottom:15px;}
.searchKeywords#divArkWN .btnAreaArk {padding:10px 0;text-align:right;}
.searchKeywords#divArkWN .btnAreaArk .btnCloseArk {display:inline-block;padding:0 7px; height:25px; line-height:26px; color:#fff; font-size:11px; background:#6a747d;}
.searchKeywords dl {position:relative;}
.searchKeywords dl:after {display:block; clear:both; content:'';}
.searchKeywords dt {position:absolute; top:0; width:33.3%; height:35px; line-height:33px;padding:0; text-align:center; color:#6a747d; font-size:14px; letter-spacing:-1px;background:#fff;z-index:1;}
.searchKeywords dt a {display:block;border:1px solid #afb3bc;}
.searchKeywords dt .active {color:#fff;background:#ea4241;border-color:#ea4241 !important;}
.searchKeywords dt.latelyKey {left:0;}
.searchKeywords dt.popularKey {width:34%;left:33.3%;}
.searchKeywords dt.realKey {left:66.6%;}
.searchKeywords dt.popularKey a {border-left:0;}
.searchKeywords dd {position:relative;padding-top:35px;}
.searchKeywords dd .keywordHistory {margin:15px 0 0 0;border-bottom:1px solid #d3d3d5;padding:0 10px;background:#fff;}
.searchKeywords dd .keywordHistory.keyH2 {border-bottom:0;margin:0;}
.searchKeywords dd .keywordHistory li {position:relative; padding:13px 10px; height:14px; line-height:16px; font-size:14px; color:#232a32; border-top:1px solid #ecedee;}
.searchKeywords dd .keywordHistory li:first-child {border:0;}
.searchKeywords dd .keywordHistory li > a {display:block; margin:0 24px 0 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.searchKeywords dd .keywordHistory .item_del {position:absolute; right:0; top:50%; margin-top:-11px;display:block;width:22px; height:22px;text-indent:9999px; color:transparent; border:1px solid #bcc1c8; background:#fff url(../images/btn/btn_reset.png) center center no-repeat; background-size:10px;}
.searchKeywords dd .keyHistoryRemove {margin:10px 0 0; text-align:right; padding:0 0 10px;}
.searchKeywords dd .keyHistoryRemove button {padding:0 7px; height:25px; line-height:26px; color:#fff; font-size:11px; background:#6a747d;}
.searchKeywords dd .noData {margin:15px 0 0 0;background:#fff;font-size:16px;text-align:center;}
.searchKeywords dd .noData span {display:inline-block;padding:0 0 0 22px;background:url(../images/bg/bgSearchNo.jpg) 0 center no-repeat;background-size:16px;color:#778089;}
.searchKeywords .keywordRank {margin:15px 0 0 0;padding:0 10px;border-top:1px solid #fff;background:#fff;}
.searchKeywords .keywordRank.typeReal{border-top:1px solid #fff;}
.searchKeywords .keywordRank li {border-top:1px solid #ecedee;}
.searchKeywords .keywordRank li:first-child {border:0;}
.searchKeywords .keywordRank li a {position:relative; display:block; padding:13px 45px 13px 0; height:14px; line-height:16px; color:#232a32; font-size:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.searchKeywords .keywordRank li:nth-child(1) a, .searchKeywords dd .keywordRank li:nth-child(2) a, .searchKeywords dd .keywordRank li:nth-child(3) a, .searchKeywords dd .keywordRank li:nth-child(1) a:before, .searchKeywords dd .keywordRank li:nth-child(2) a:before, .searchKeywords dd .keywordRank li:nth-child(3) a:before {color:#ea4241;}
.searchKeywords .keywordRank li a:before {display:inline-block; width:20px; text-align:center; padding-right:5px; color:#aeb3bb; font-size:12px; content: attr(data-key-rank); font-weight:500;}
.searchKeywords .keywordRank li a .rankUp{position:absolute; top:50%; right:5px; margin-top:-8px;display:inline-block; padding-right:20px;font-weight:bold;font-size:11px; color:#afb3bc; background:url(../images/icon/rankUp.png) no-repeat 100% 50%; background-size:12px 7px;}
.searchKeywords .keyUpdate {position:absolute;left:0;padding:10px 0 0 0;}
.searchKeywords .keyUpdate span {font-size:11px;color:#aeb3bb;line-height:25px;}
.searchKeywords .textLinkArea{padding:14px 12px; font-size:14px; line-height:18px; color:#6a747d; background:#f3f3f3; word-wrap:break-word;}
.searchKeywords .keywordList{border-top:1px solid #d3d3d5;background:#fff;}
.searchKeywords .keywordList .firstLast:after{content:''; display:block; clear:both;}
.searchKeywords .keywordList .firstLast .first{float:left; width:50%; margin-left:-1px; border-right:1px solid #ecedee;}
.searchKeywords .keywordList .firstLast .first li{border-bottom:1px solid #ecedee;}
.searchKeywords .keywordList .firstLast .first li a{display:block; padding:11px 0; margin:0 9px; font-size:14px; line-height:16px; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.searchKeywords .keywordList .firstLast .first li a span{color:#ed1c24;}
.searchKeywords .keywordList .firstLast .last{float:left; width:50%; margin-left:-1px; border-left:1px solid #ecedee;}
.searchKeywords .keywordList .firstLast .last li{border-bottom:1px solid #ecedee;}
.searchKeywords .keywordList .firstLast .last li a{display:block; padding:11px 9px; font-size:14px; line-height:16px; text-align:right; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.searchKeywords .keywordList .firstLast .last li a span{color:#ed1c24;}
.searchKeywords .recoCate {padding:0 0 10px 10px;background:#fff;}
.searchKeywords .recoCate p {padding:5px 0 10px 0;color:#232a32;font-size:14px;}
.searchKeywords .recoCate p span {color:#ed1c24;}
.searchKeywords .recoCate li {height:15px;padding:0 0 0 15px;margin-top:6px;background:url(../images/icon/bul_cate.png)  no-repeat 1px 50%;background-size:10px auto;}
.searchKeywords .recoCate li:first-child {margin:0;}
.searchKeywords .recoCate li a {display:inline-block;font-size:13px;line-height:15px;color:#6a747c;}
.searchKeywords .recoCate li a .icon {display:inline-block;width:14px;height:15px;margin-right:5px;}
.searchKeywords .recoCate li a .icon img {width:14px;height:15px;}
.searchKeywords .recoCate li a .depth2 {display:inline-block;padding-left:23px;background:url(../images/bg/arrRecoCate2.png) 8px center no-repeat;background-size:7px;}

/* 검색중로딩 */
.searchLoading {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/pop/popDim2.png) 0 0 repeat;background-size:1px;z-index:9998;}
.searchLoading span {display:block;text-align:center;width:100%;position:absolute;top:50%;left:0;color:#fff;font-size:20px;font-weight:bold;}

/* 카테고리Type1_리스트형 */
.abListArea .noData{padding:120px 0 60px 0; font-size:15px; line-height:25px; color:#6a747d; text-align:center;}
.abProList:after {content:" "; display:block;clear:both;overflow:hidden;}
.abProList li a {display:block; position:relative; border:1px solid #d3d3d5;background:#fff;}
.abProList li a span {display:block;}
.abProList li a .proInfo {width:100%;}
.abProList li a .btnEtc {position:relative;width:100%; min-height:140px; background:#eee;}
.abProList li a .btnEtc .flagBigArea {position:absolute;z-index:1;top:4px;right:2px;text-align:right;font-size:0;}
.abProList li a .btnEtc .flagBigArea .flagBigNew:not(:first-child) {margin-left:5px;}
.abProList li a .btnEtc .soldOutBox {position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:10px 0;background: url(../images/bg/soldout.png) repeat;color:#fff;font-family:nBarun;text-align:center;font-size:14px;}
.abProList li a .proInfoTxt {width:88%;padding:0 10px;}
.abProList li a .name {margin:6px 0 0; font-size:12px; line-height:16px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;height:32px;}
.abProList li a .modelN {margin:0 0 4px 0;font-size:10px;color:#888;font-weight:bold;}
.abProList li a .productPrice {padding:5px 0 5px 0;}
.abProList li a .productPrice.typeDiscount {padding:1px 0 5px 0;}
.abProList li a .productPrice:after {content:""; display:block;clear:both;overflow:hidden;}
.abProList li a .productPrice .priceTit {float:left;width:auto;margin-right:5px;font-size:10px;color:#ed1c24; letter-spacing:-0.5px; margin-top:3px; clear:left;line-height:11px;}
.abProList li a .productPrice .priceTit.sale {color:#ed1c24;}
.employeesCon .abProList li a .productPrice .priceTit {color:#232a32;}
.employeesCon .abProList li a .productPrice .priceTit.tColor1 {color:#ed1c24;}
.abProList li a .productPrice .priceInfo {float:left;font-weight:bold;letter-spacing:0;line-height:17px;}
.abProList li a .productPrice .priceInfo .priceT {font-weight:bold;font-size:9px; height: 9px; color:#aeb3bb;text-decoration:line-through;}
.abProList li a .productPrice .priceInfo .priceB {font-size:13px;color:#232a32;word-wrap: break-word;}
.abProList li a .productPrice .priceInfo .priceB.sale {color:#ed1c24;}
.abProList li a .productPrice .priceInfo .priceB span {display:inline-block; margin-top:3px; font-size:11px; line-height:11px;}
.abProList li a .productPrice .memPrice {clear:left;font-size:11px;color:#ed1c24;height:20px;line-height:20px;letter-spacing:-0.5px;text-align:left;}
.abProList li a .productPrice .disCountInfoText{display:block; clear:both; padding:2px 0 0; font-size:11px; color:#232a32; letter-spacing:-1px;line-height: 11px;}
.abProList li a .productPrice .disCountInfoText span{display:inline-block; padding-left:3px;font-weight:bold;}
.abProList li a .productPrice .disCountInfoText span.fontMont {padding:0 0 0 3px;}
.abProList li a .productPrice.typeDiscount .priceTit {font-weight:bold;font-size:21px;letter-spacing:0;margin-top:7px;}
.abProList li a .productPrice.typeDiscount .priceTit span {display:inline-block;font-size:11px;font-weight:bold;vertical-align:middle;}
.abProList li a .productPrice.typeDiscount .priceTit.type{float: left; width: 36%; font-size: 11px; color: #ed1c24; letter-spacing: -0.5px; margin-top: 2px;}
.abProList li a .productPrice.mobilePrice{padding:9px 0 5px 0;}
.abProList li a .productPrice.mobilePrice .mobilePriceInfo{clear:both; padding:0; height:14px;}
.abProList li a .productPrice.mobilePrice .mobilePriceInfo .priceTit{margin-top:1px;}
.abProList li a .productPrice.mobilePrice .mobilePriceInfo .priceInfo{font-size:10px;}
.abProList li a .productPrice.mobileDiscount{padding:0; margin-top:-2px;}
.abProList li a .productPrice.mobileDiscount .priceInfo{height:14px;}
.abProList li a .productPrice.mobileDiscount .mobilePriceInfo{clear:left; padding:1px 0 5px; height:14px;}
.abProList li a .score{height:11px; padding:2px 0px; margin-bottom:4px;line-height:11px;}
.abProList li a .score .star{display:inline-block; width:60px; height:12px; line-height:11px;vertical-align: middle;margin-left: 0;}
.abProList li a .score strong{display:inline-block;font-weight:bold;font-size:11px; color:#6a747c;line-height: 11px;vertical-align: bottom;}
.abProList li a .score span{display:inline-block; font-size:11px;line-height:9px;color:#aeb3bb;font-weight:bold;vertical-align:bottom;margin-left: 2px;}
.abProList li a .score strong+span {vertical-align:top;margin-top:5px;}
.abProList li a .prd-Check{position:absolute; top:5px; left:5px;}

/* 카테고리 : 별점 */
.abProList .score .star {position:relative;width:60px;height:12px;background: url(../images/bg/abStar2.png) 0 -12px no-repeat; background-size:100%; overflow:hidden;}
.abProList .score .star .starBg {position:absolute;top:0;left:0;display:block;width:60px;height:12px;margin-left:0;background:url(../images/bg/abStar2.png) 0 0 no-repeat; background-size:auto 24px; overflow:hidden;text-indent:-9999px;text-align:left;font-size:0;}
.abProList .score .fontMontB {color:#6a747c;vertical-align:middle;margin-top:2px;}
.abProList .score .fontMont {vertical-align:middle;margin-top:2px;}

/* 카테고리Type1_바둑판형 */
.abProList.abProListType1 li {float:left;width:49%;margin:0 2% 2% 0;}
.abProList.abProListType1 li:nth-child(even) {margin-right:0;}
.abProList.abProListType1 li a .btnEtc { position:relative; padding-bottom:100%; min-height:0; }
.abProList.abProListType1 li a .btnEtc img { position:absolute; left:0; top:0; width:100%; height:100%; }
.abProList.abProListType1 li a .proInfoB {width:88%;padding:0 10px 10px 10px;}

/* 카테고리Type2_이미지형 */
.abProListType2 li {margin:0 10px 10px 10px; }
.abProListType2 li a .btnEtc{min-height:298px;}
.abProListType2 li a .btnEtc img {width:100%; height:auto; min-height:298px;}
.abProListType2 li a .btnEtc .soldOutBox {padding:13px 0;font-size:17px;}
.abProListType2 li a .modelN{padding-top:1px;}
.abProListType2 li a .name {margin:6px 0 0; font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.abProListType2 li a .productPrice .priceTit {font-size:14px; margin-top:0;line-height:19px;}
.abProListType2 li a .productPrice.typeDiscount .priceTit {margin-top:8px;}
.abProListType2 li a .proInfoB {width:88%;padding:0 10px 10px 10px;}
.abProListType2 li a .productPrice .priceTit.type{font-size:14px;}
.abProListType2 li a .productPrice .priceInfo {width:auto;}
.abProListType2 li a .productPrice.typeDiscount .priceTit {font-size:27px;}
.abProListType2 li a .productPrice .priceInfo .priceT {font-size:11px; height:14px;}
.abProListType2 li a .productPrice .priceInfo .priceB {font-size:18px; height:18px; line-height:18px;}
.abProListType2 li a .productPrice .priceInfo .priceB span {font-size:11px;line-height:19px; vertical-align:text-bottom;}
.abProListType2 li a .productPrice .disCountInfoText{padding:4px 0 0 0; font-size:11px;letter-spacing:-0.1em;}
.abProListType2 li a .productPrice .disCountInfoText span{display:inline-block;font-weight:bold;letter-spacing:-0.1em;}
.abProListType2 li a .prd-Check{position:absolute; top:10px; left:10px;}
.abProListType2 li a .productPrice.mobilePrice{padding:9px 0 5px 0;}
.abProListType2 li a .productPrice.mobilePrice .mobilePriceInfo{clear:both; padding:5px 0 0; height:14px;}
.abProListType2 li a .productPrice.mobilePrice .mobilePriceInfo .priceTit{margin-top:1px; font-size:11px;}
.abProListType2 li a .productPrice.mobilePrice .mobilePriceInfo .priceInfo{font-size:11px;}
.abProListType2 li a .productPrice.mobileDiscount{padding:0; margin-top:-2px;}
.abProListType2 li a .productPrice.mobileDiscount .priceInfo{height:14px;}
.abProListType2 li a .productPrice.mobileDiscount .mobilePriceInfo{clear:left; padding:7px 0 5px; height:14px;}

/* 전시 상품 타입 */
.item_list.mainBest {margin-top:13px;}
.item_list {overflow:hidden;min-height:627px;}
.item_list .noData{padding:120px 0 60px 0; font-size:15px; line-height:25px; color:#6a747d; text-align:center;}
.item_list:after {content:" "; display:block;clear:both;overflow:hidden;}
.item_list > ul {background:#fff;}
.item_list li {position:relative;}
.item_list li a {display:block;position:relative;padding-top:18px;box-sizing:border-box;background:#fff;}
.item_list li a .flagArea {margin:8px 0 0 0;height:16px;}
.item_list li a .flagArea span {display:inline-block; height:16px; margin-left:3px; padding:0 3px; line-height:16px; border:1px solid #707070; box-sizing:border-box; border-radius:3px; color:#707070; text-align:center; font-size:11px; font-weight:normal;}
.item_list li a .flagArea span:first-child {margin-left:0;}
.item_list li a .flagArea span.smartPick {border:1px solid #1f1363; color:#1f1363;} /* 스마트픽 */
.item_list li a .flagArea span.smartQuick {border:1px solid #28909e; color:#28909e;} /* 스마트퀵 */
.item_list li a .flagArea span.todayD {border:1px solid #f5333f; color:#f5333f;} /* 오늘배송 */
.item_list li a .flagArea span.timeSale {border:1px solid #1958d9; color:#1958d9;} /* 타임세일 한정 */
.item_list li a .proInfo {display:block;width:100%;}
.item_list li a .btnEtc {position:relative; display:block; width:100%; height:100%; padding-bottom:100%; text-align:center;}
.item_list li a .btnEtc img {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%;}
.item_list li a .btnEtc .flagBigArea {position:absolute;z-index:1;top:4px;right:2px;text-align:right;font-size:0;}
.item_list li a .btnEtc .flagBigArea .flagBigNew:not(:first-child) {margin-left:5px;}
.item_list li a .btnEtc .soldOutBox {position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:12px 0; background: url(../images/bg/soldout.png) repeat;color:#fff;font-family:nBarun;text-align:center;font-size:14px;}
.item_list li a .btnEtc span.soldOutBox.full .fulltit {font-size:16px;}
.item_list li a .name {margin:0 0 12px; line-height:16px; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;height:32px; font-size:14.5px;}
.item_list li a .modelN {margin:0 0 4px 0;font-size:10px;color:#888;font-weight:bold;}
.item_list li a .productPrice {padding:5px 0 5px 0;}
.item_list li a .productPrice span.discount {margin:1px 0 0 0; color:#ee5c56; font-size:18px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;line-height:100%;}
.item_list li a .productPrice span.discount span {font-size:14.5px;}
.item_list li a .productPrice span.discount em {padding-right:2px; font-size:12px;}
.item_list li a .productPrice:after {content:""; display:block;clear:both;overflow:hidden;}
.item_list li a .productPrice .priceTit {float:left;width:auto;margin-right:5px;font-size:10px;color:#ed1c24;letter-spacing:-0.5px; margin-top:3px; clear:left;line-height:11px;}
.item_list li a .productPrice .priceInfo {float:left;font-weight:bold;letter-spacing:-0.05em;line-height:17px;}
.item_list li a .productPrice .priceInfo .priceT {margin-bottom:2px; font-weight:bold;font-size:14.5px;color:#aeb3bb;}
.item_list li a .productPrice .priceInfo .priceT .per {margin-right:6px;}
.item_list li a .productPrice .priceInfo .priceT em {font-weight:normal; text-decoration:line-through;}
.item_list li a .productPrice .priceInfo .priceB {display:block; margin-bottom:3px; font-size:18px;color:#232a32;word-wrap: break-word;}
.item_list li a .productPrice .priceInfo .priceB span {display:inline-block; margin-top:3px; font-size:14.5px;line-height:11px;}
.item_list li a .productPrice .priceInfo .priceM {font-size:14.5px;}
.item_list li a .productPrice .priceInfo .priceM strong {font-size:18px;}
.item_list li a .productPrice .memPrice {clear:left;font-size:11px;color:#ed1c24;height:20px;line-height:20px;letter-spacing:-0.5px;text-align:left;}
.item_list li a .productPrice .disCountInfoText{display:block; clear:both; padding:2px 0 0; font-size:9px; color:#232a32; letter-spacing:-1px;font-size:11px;line-height: 12px;}
.item_list li a .productPrice .disCountInfoText span{display:inline-block; padding-left:3px;font-weight:bold;}
.item_list li a .productPrice .disCountInfoText span.fontMont {padding:0 0 0 3px;}
.item_list li a .productPrice.typeDiscount .priceTit {font-weight:bold;font-size:21px;letter-spacing:0;margin-top:7px;}
.item_list li a .productPrice.typeDiscount .priceTit span {display:inline-block;font-size:11px;font-weight:bold;vertical-align:middle;}
.item_list li a .productPrice.typeDiscount .priceTit.type{float: left; width: 36%; font-size: 11px; color: #ed1c24; letter-spacing: -0.5px; margin-top: 2px;}
.item_list li a .productPrice.mobilePrice{padding:9px 0 5px 0;}
.item_list li a .productPrice.mobilePrice .mobilePriceInfo{clear:both; padding:0; height:14px;}
.item_list li a .productPrice.mobilePrice .mobilePriceInfo .priceTit{margin-top:1px;}
.item_list li a .productPrice.mobilePrice .mobilePriceInfo .priceInfo{font-size:10px;}
.item_list li a .productPrice.mobileDiscount{padding:0; margin-top:-2px;}
.item_list li a .productPrice.mobileDiscount .priceInfo{height:14px;}
.item_list li a .productPrice.mobileDiscount .mobilePriceInfo{clear:left; padding:1px 0 5px; height:14px;}
.item_list li a .proInfoB {display:block;}
.item_list li a .score {display:block; line-height:12px;}
.item_list li a .score .star{display:inline-block; position:relative;top:-1px;width:60px; height:12px; line-height:11px; margin-left: 0;}
.item_list li a .score strong{display:inline-block;font-weight:normal;font-size:11px; color:#878787; line-height: 11px;vertical-align: middle;}
.item_list li a .score span{display:inline-block;font-size:11px;line-height:9px;color:#878787;vertical-align:middle;}
.item_list li a .prd-Check{position:absolute; top:0; left:-9999px;}
.item_list li a .prd-Check + label {padding:18px; width:0; overflow:hidden; text-indent:-9999em;}
.item_list li a .prd-Check + label:after {content:''; position:absolute; left:0; top:50%; margin-top:-18px; width:18px; height:18px; background:url(../images/bg/bg_checkbox01.jpg) 0 0 no-repeat; background-size:18px;}
.item_list li a .prd-Check:checked + label:after {background-position:0 -18px;}
.item_list li .flagBenefit span {position:relative; display:inline-block;height:9px; margin-left:4px; padding-left:5px; line-height:9px; vertical-align:middle; font-size:10px; color:#4f4f4f;font-weight:normal;}
.item_list li .flagBenefit span:first-child {margin-left:0; padding-left:0;}
.item_list li .flagBenefit span:before {position:absolute; left:0; top:0; display:block; content:''; border-left:1px solid #cacaca; height:9px;}
.item_list li .flagBenefit span:first-child:before {border-left:none;}
.item_list li .flagBenefit span.icoLpoint {width:48px;background: url(../images/icon/ico_lpoint.png) 0 0 no-repeat; background-size:48px 9px;}
.item_list li .flagBenefit span.icoLpoint:first-child:before {display:none;}
.item_list li .flagBenefit span.icoLpoint.add {width:auto; padding-left:56px;margin-left:0;background-position:6px 0;}
.item_list li .flagBenefit .icoLpoint em {position:absolute; top:0; left:0; text-indent:-9999em;}
.item_list .score .star {position:relative;width:60px;height:12px;background: url(../images/bg/abStar2.png) 0 -12px no-repeat; background-size:100%; overflow:hidden;}
.item_list .score .star .starBg {position:absolute;top:0;left:0;display:block;width:60px;height:12px;background:url(../images/bg/abStar2.png) 0 0 no-repeat; background-size:auto 24px; overflow:hidden;text-indent:-9999px;text-align:left;font-size:0;}
.item_list .score .fontMontB {color:#6a747c;vertical-align:middle;margin-top:2px;}
.item_list .score .fontMont {vertical-align:middle;margin-top:2px;}
.item_list .rank {position:absolute; top:0; left:-.5px; width:30px; height:14px; padding:8px 0; background:#6a739f; text-align:center; color:#fff; font-size:14px; line-height:13px; font-weight:700; opacity:.6;}
.item_list .rank1 {background:#df6061;}

/* 전시 상품 타입1 (타일형) */
.item_list ul.type1 {margin-left:-1px;}
.item_list ul.type1:after {display:block; clear:both; content:'';}
.item_list ul.type1 li {float:left; width:50%;min-height:383px; padding:11px 13px 14px; border-top:1px solid #f5f5f5; box-sizing:border-box;border-left:1px solid #f5f5f5;}
.item_list ul.type1.timeSale li {position:relative; min-height:325px;} /* 메인 타임특가 */
.item_list ul.type1.timeSale li a .flagArea {position:inherit; margin:8px 0 0 0; bottom:auto;}
.item_list ul.type1.timeSale li.soldOut:before{display:block; content: '';width:106px;height:106px; display: inline-block;text-align: center;background: url('../images/bg/bg_solidout.png') no-repeat 0 0;background-size:106px auto;position: absolute;top:50%;left:50%;margin-left:-53px;margin-top:-53px;z-index: 20;}
.item_list ul.type1.timeSale li.soldOut:after{content: '';display: block;width: auto;height: inherit;background:rgba(255,255,255,0.7); position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;}
.item_list ul.type1 li:nth-child(1), .item_list li:nth-child(2) {border-top:0 !important;}
.item_list ul.type1 li a .btnEtc .soldOutBox {bottom:0;}
.item_list ul.type1 li a .score {height:12px;}
.item_list ul.type1 li a .score strong {margin:0 1px 0 4px;}
.item_list ul.type1 li a .name {margin-top:16px;}
.item_list ul.type1 li a .productPrice .priceInfo {position:relative; min-height:68px;}
.item_list ul.type1 li a .productPrice .priceInfo .priceT {position:absolute; top:-4px; left:0;}
.item_list ul.type1 li a .productPrice .priceInfo .priceB.sale {padding-top:15px;}
.item_list ul.type1 li a .proInfoB {margin-top:9px;}
.item_list ul.type1 li a .flagArea {margin-top:11px;}
.item_list ul.type1 li a .flagBenefit {height:9px;margin-top:4px;}
.item_list ul.type1 li a .flagBenefit span {vertical-align:top;}

/* 전시 상품 타입2 (이미지형) */
.item_list ul.type2 {padding:11px 13px 0;}
.item_list ul.type2 li {padding-bottom:11px;}
.item_list ul.type2 li:first-of-type {border-top:0;}
.item_list ul.type2 li a .name {height:auto; margin:11px 0 10px;}
.item_list ul.type2 li .btnEtc {padding-bottom:80%;}
.item_list ul.type2 li .btnEtc img {top:0; left:50%; width:286px; margin-left:-143px;}
.item_list ul.type2 li a .productPrice .priceInfo .priceB {display:inline-block;margin-bottom:3px;}
.item_list ul.type2 li a .productPrice .priceInfo .priceT {display:inline-block;}
.item_list ul.type2 li a .productPrice span.discount {display:inline-block; overflow:visible;}
.item_list ul.type2 li a .productPrice span.discount + .flagBenefit{margin-left:4px;}
.item_list ul.type2 li a .flagBenefit {display:inline-block; line-height:14px;}
.item_list ul.type2 li a .flagBenefit span {height:10px; line-height:10px; vertical-align:middle; }
.item_list ul.type2 li a .score {display:inline-block;vertical-align:middle;}
.item_list ul.type2 li a .score + .flagArea {vertical-align:middle;}
.item_list ul.type2 li a .flagArea {display:inline-block; margin-top:0;vertical-align:middle;}

/* 전시 상품 타입3 (리스트형) */
.item_list ul.type3 {padding:11px 13px;}
.item_list ul.type3 li {padding:11px 0;}
.item_list ul.type3 li:first-of-type {padding-top:0;}
.item_list ul.type3 li a .proInfo:after {display:block; clear:both; content:'';}
.item_list ul.type3 li a .btnEtc{float:left; width:34%; padding-bottom:34%; padding-right:0; box-sizing:border-box;}
.item_list ul.type3 li a .btnEtc img {top:0;}
.item_list ul.type3 li a .btnEtc .soldOutBox {padding:12px 25px;}
.item_list ul.type3 li a .proInfoTxt {float:left; width:57%; margin-left:3%;margin-top:-10px;}
.item_list ul.type3 li a .proInfoB {float:left; margin-left:3%;}
.item_list ul.type3 li a .name {margin-bottom:9px;}
.item_list ul.type3 li a .priceInfo {position:relative; width:100%; min-height:53px;}
.item_list ul.type3 li a .priceInfo > div:first-child {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;height:17px;line-height:100%;}
.item_list ul.type3 li a .priceInfo .flagBenefit {position:absolute; bottom:0; left:0;}
.item_list ul.type3 li a .priceInfo .flagBenefit span {line-height:10px;}
.item_list ul.type3 li a .flagArea {left:37%;}
.item_list ul.type3 li a .productPrice .priceInfo .priceB {display:inline-block;}
.item_list ul.type3 li a .productPrice .priceInfo .priceT .per {margin-right:0;}
.item_list ul.type3 li:first-of-type a .prd-Check + label {top:0;}
.item_list ul.type3 li a .prd-Check + label {left:0;}
.item_list ul.type3 .pDetail2 {background:none !important;}
#mainSwiper .item_list ul.type3 li a .productPrice .priceInfo .priceT .per {margin-right:4px; margin-left:2px;}

a.prdComparisonBtn{position:fixed; bottom:125px; right:0px; z-index:1;display:block; width:96px; height:50px; background:#093250; opacity:0.9; font-size:16px; line-height:50px; color:#fff; text-align:center;}
a.prdComparisonBtn em{margin-left:7px;font-weight:bold;color:#ed1c24;}

/* 플래그 아이콘 */
.flagArea {display:block;margin:8px 0 6px; height:18px; overflow:hidden;}
.flagArea:after {content:" "; display:block;clear:both;overflow:hidden;}
.flagicon {float:left;display:inline-block;width:43px;height:18px;margin:0 4px 4px 0;background:url('../images/icon/flag.gif?20191224') no-repeat;background-size:500px;overflow:hidden;text-indent:-10000em;font-size:0;}
.flagicon2 {display:inline-block;width:45px;height:18px;margin:0;background:url(../images/icon/flag.gif?20191224) no-repeat;background-size:500px;overflow:hidden;text-indent:-10000em;font-size:0;}
.flagicon3 {display:inline-block;width:43px;height:18px;margin:0 4px 4px 0;background:url(../images/icon/flag.gif?20191224) no-repeat;background-size:500px;overflow:hidden;text-indent:-10000em;font-size:0;}
.flagicon4 {float:left;display:inline-block;width:43px;height:18px;margin:0 4px 4px 0;background:url(../images/icon/flag.gif?20191224) no-repeat;background-size:500px;overflow:hidden;text-indent:-10000em;font-size:0;}

/*타임특가 아이콘*/
.flagArea .icolimit{display: inline-block;font-family: 'dotum',돋음;font-size: 12px;height: 18px;color: #1958d9;border: 1px solid #1958d9;padding: 2px 3px; box-sizing: border-box;line-height: 1.1;border-radius: 2px;letter-spacing: 0;}

/* ex */
.flagicon.icoSoldout{width:26px;background-position:0 0;}/*품절*/
.flagicon.icoOut{width:44px;background-position:-29px 0;}/*판매종료*/
.flagicon.icoRental{width:26px;background-position:0 -33px;}/*렌탈*/
.flagicon.icoPhone{width:35px;background-position:-29px -33px;display:none;}/*개통폰*/
.flagicon.icoBooking{background-position:0px -66px;}/*예약판매*/
.flagicon.icoBargain{background-position:-46px -66px;}/*흥정하기*/
.flagicon.icoQuantity{background-position:-92px -66px;}/*수량한정*/
.flagicon.icoArea{width:61px;background-position:-138px -66px;}/*배송지역한정*/
.flagicon.icoSmart{width:55px;background-position:-305px -66px;}/*스마트픽*/
.abProListType1 .flagicon.icoSmart{width:18px;background-position:-305px -66px;}/*스마트픽_썸네일형*/
.abProListType3 .flagicon.icoSmart{width:18px;background-position:-305px -66px;}/*스마트픽_리스트형*/
.flagicon.icoPackage{width:35px;background-position:0 -99px;}/*패키지*/
.flagicon.icoMulti{width:44px;background-position:-38px -99px;}/*다중선택*/
.flagicon.icoOption{width:44px;background-position:-84px -99px;}/*옵션선택*/
.flagicon.icoFreedev{width:44px;background-position:0 -132px;}/*무료배송*/
.flagicon.icoFast{width:40px;background-position:-361px -231px;}/* 스마트퀵 */
.flagicon.icoCoupon{width:27px;background-position:-47px -132px;}/*쿠폰*/
.flagicon.icoSale{width:26px;background-position:-77px -132px;}/*세일*/
.flagicon.icoSaving{width:36px;background-position:-105px -132px;}/*D:20160408 적립금 edit by abby*//*추가 적립*/
.flagicon.icoRequest{width:43px;background-position:-152px -132px;}/*청구할인*/
.flagicon.icoDiscount{width:44px;background-position:-198px -132px;}/*가격인하*/
.flagicon.icoInterestFree{width:35px;background-position:-245px -132px;}/*무이자*/
.flagicon.icoInterestFree10{width:29px;background-position:-283px -132px;}/*무이자10개월*/
.flagicon.icoInterestLong{width:27px;background-position:-319px -132px;}/*D:20160408 무이자36 edit by abby*//*장기무이자*/
.flagicon.icoGift{width:35px;background-position:-123px 0px;}/*사은품*/
.flagicon.icoGiftcard{width:35px;background-position:-130px -99px;}/*D:20160408 상품권 edit by abby*/
.flagicon.icoParcel{width:25px;background-position:0 -165px;}/*택배*/
.flagicon.icoInstall{width:25px;background-position:-28px -165px;}/*설치배송*/
.flagicon.icoVendor{width:44px;background-position:-56px -165px;}/*업체배송*/
.flagicon.icoLicense{width:44px;background-position:-177px -165px;}/*라이선스*/
.flagicon.icoAdult{width:17.5px;background-position:0 -198px;}/*19*/
.flagicon.icoTeen{width:17.5px;background-position:-21px -198px;}/*15*/
.flagicon.icoChild{width:17px;background-position:-42px -198px;}/*12*/
.flagicon.icoOrder1 {width:62px;background-position:0 -231px;}/*카드결제불가*/
.flagicon.icoOrder2 {width:80px;background-position:-65px -231px;}/*가상계좌결제불가*/
.flagicon.icoOrder3 {width:89px;background-position:-148px -231px;}/*실시간계좌이체불가*/
.flagicon.icoOrder4 {width:71px;background-position:0 -252px;}/*휴대폰결제불가*/
.flagicon.icoOrder5 {width:62px;background-position:-74px -252px;}/*분할결제불가*/
.flagicon.icoOrder6 {width:62px;background-position:-139px -252px;}/*복합결제불가*/
.flagicon.icoOrder7 {width:62px;background-position:-204px -252px;}/*쿠폰적용불가*/
.flagicon.icoOrder8 {width:71px;background-position:-240px -231px;}/*무통장입금불가*/
.flagicon.icoToday2 {width:44px; background-position:-326px -165px;} /* 20180312 오늘배송 */
.flagicon.icoParcel2 {width:44px; background-position:-372px -165px;} /* 20180312 택배배송 */
.flagicon.icoInstall2 {width:44px; background-position:-418px -165px;} /* 20180312 설치배송 */
.flagicon.icoPremium {width:63px;background-position:-124px -294px;}/*20190122 프리미엄배송(선배포가능)*/
.flagicon.icoSms{width:44px;background-position:-314px -231px;}/*20190328 문자발송*/
.flagicon.icoOverseas {width:44px;background-position:-191px -294px;}/*20190715 해외직구(선배포가능)*/
.flagicon.icoInsurance {width:55px;background-position:-238px -294px;}/*보험서비스 37960 신규도입 가전수리보험*/
.flagicon.icoSmartOnly{width:18px;background-position:-305px -66px;}/*스마트픽 전용*/
.flagicon.icoSmartOnly2{width:18px;background-position:-305px -66px;}/*스마트픽 전용상품*/
.flagicon.icoQuick{width:35px;background-position:-102px -165px;}/*퀵배송*/
.flagicon.icoNew2{width:18px;background-position:-160px 0;}/*NEW ICON*/
.flagicon.icoLpoint {width:46px;background-position:-177px -165px;}/*L.POINT+*/
.flagicon.icoCashbag {width:35px;background-position:-140px -165px;}/*캐쉬백*/
.flagicon.icoQuickSeoul{width:77px;background-position:-60px -198px;}/*퀵배송(서울)*/
.flagicon.icoOneDay{width:60px;background-position:-327px -198px;}/*오늘배송*/

.flagicon2.icoRequest{background-position:0 -273px;}/*카드할인*/
.flagicon2.icoLpoint {background-position:-48px -273px;}/*L.POINT+*/
.flagicon2.icoCashback {background-position:-96px -273px;}/*캐시백2*/
.flagicon2.icoSaving{background-position:-144px -273px;}/*적립금2*/
.flagicon3.icoLpoint {width:46px;background-position:-48px -273px;}/*L.POINT+*/
.flagicon3.icoCashbag {width:35px;background-position:-140px -165px;}/*캐시백*/
.flagicon.icoCusNote {width:44px;background-position:-76px 0;}/*긴급공지*/
.flagicon.icoCredit{width:43px;background-position:-152px -132px;} /* 카드할인 edit by abby */

/* 3차개선 abby */
.flagicon4.icoRental{width:26px;background-position:0 -33px;}/*렌탈*/
.flagicon4.icoPhone{width:44px;background-position:-67px -33px;display:none;}/*당일개통*/
.flagicon4.icoBooking{width:43px;background-position:0 -66px;}/*예약판매*/
.flagicon4.icoSmart{width:55px;background-position:-305px -66px;}/*스마트픽*/
.abProListType1 .flagicon4.icoSmart{width:18px;background-position:-305px -66px;}/*스마트픽_썸네일형*/
.abProListType3 .flagicon4.icoSmart{width:18px;background-position:-305px -66px;}/*스마트픽_리스트형*/
.flagicon4.icoSmartOnly{width:18px;background-position:-305px -66px;}/*스마트픽 전용*/
.flagicon4.icoFreedev{width:44px;background-position:0 -132px;}/*무료배송*/
.flagicon4.icoOneDay{width:60px;background-position:-327px -198px;}/*오늘배송*/
.flagicon4.icoQuick{width:35px;background-position:-102px -165px;}/*퀵배송*/
.flagicon4.icoSmToday {width:44px;background-position:-233px -198px;}/*당일픽업*/
.flagicon4.icoSmToday2 {width:44px;background-position:-280px -198px;}/*크로스픽*/
.flagicon4.icoFast{width:40px;background-position:-361px -231px;}/* 20170421  추가 : 스마트퀵 annie */
.flagicon4.icoDiscount{width:44px;background-position:-198px -132px;}/*가격인하*/
.flagicon4.icoInterestFree36{width:28px;background-position:-319px -132px;}/*무이자36*/
.flagicon4.icoSaving2{width:36px;background-position:-105px -132px;}/*적립금*/
.flagicon4.icoCashback2{width:35px;background-position:-140px -165px;}/*캐시백*/
.flagicon4.icoLpoint {width:45px;background-position:-48px -273px;}/*L.POINT+*/
.flagicon4.icoGift{width:35px;background-position:-123px 0px;}/*사은품*/
.flagicon4.icoGiftcard{width:35px;background-position:-130px -99px;}/*상품권*/
.flagicon4.flagNewDel1 {width:59px;margin:0;background-position:0 -294px;}/*기본배송지*/
.flagicon4.flagNewDel2 {width:59px;margin:0;background-position:-62px -294px;}/*최근배송지*/
.flagicon4.icoDiscountCupon{width:49px;background-position:-349px -132px;} /* 할인쿠폰 */
.flagicon4.icoSale{width:31px;background-position:-401px -132px;} /* 세일 */
.flagicon4.icoPriceDiscount{width:49px;background-position:-435px -132px;} /* 가격인하 */
.flagicon4.icoSmpHimart{width:75px;background-position:0 -327px;} /* 스마트픽(팝업) 하이마트 */
.flagicon4.icoSmp7eleven{width:75px;background-position:-78px -327px;} /* 스마트픽(팝업) 세븐일레븐 */
.flagicon4.icoSmpSuper{width:75px;background-position:-156px -327px;} /* 스마트픽(팝업) 롯데슈퍼 */
.flagicon4.icoSmpLotteria{width:67px;background-position:-234px -327px;} /* 스마트픽(팝업) 롯데리아 */
.flagicon4.icoSmpDay{width:29px;background-position:0 -347px;} /* 스마트픽(팝업) 당일 */
.flagicon4.icoSmpDay3{width:29px;background-position:-32px -347px;} /* 스마트픽(팝업) +3일 */
.flagicon4.icoLpoint2 {width:45px;background-position:-192px -273px;}/*L.POINT */

.abBenefit .abSelectPop ul li .benefitFlag {position:relative;}
.flagMini{display:inline-block !important; width:7px; height:7px; margin: 4px 0 0 4px; background:url(../images/icon/flagMiniBg.png) no-repeat; background-size:7px 7px; overflow:hidden;text-indent:-10000em;font-size:0;}
.flagMini.newPrd{background-position:0px 0px;}/*신상품*/
.flagBig{display:block; width:35px; height:35px; font-size:11px; line-height:35px; text-align:center; color:#fff; background:#9aa1a7; opacity:0.9;}
.flagBig.giftPrd{position:absolute; top:0px; right:0px; width:33px; height:31px; background:url(../images/icon/flagGift.png) no-repeat; overflow:hidden; text-indent:-1000em; background-size:100%;}
.abProListType2 .flagBig.giftPrd{top:5px; right:5px;}

.flagBigNew {display:inline-block !important;font-size:0;text-indent:-9999px;}
.flagBigNew.giftPrdB {width:33px;height:31px;background:url(../images/icon/flagGift.png) 0 0 no-repeat;background-size:33px 31px;}
.flagBigNew.giftcardB {width:34px;height:20px;margin-top:6px;background:url(../images/icon/flagGiftcard.png) 0 0 no-repeat;background-size:34px 20px;}
.flagBigNew.lpointB {width:29px;height:31px;background:url(../images/icon/flagLpoint.png) 0 0 no-repeat;background-size:29px 31px;}
.flagBigNew.cashbackB {width:31px;height:30px;background:url(../images/icon/flagCashback.png) 0 0 no-repeat;background-size:31px 30px;}
.flagBigNew.lpoint2B {width:30px;height:32px;background:url('../images/icon/flagLpoint2.png') 0 0 no-repeat;background-size:30px 32px;}
.flagBigNew.saveB {width:34px;height:22px;margin-top:5px;background:url('../images/icon/flagSavemoney.png') 0 0 no-repeat;background-size:34px 22px;}
.flagBigNew.flagPaper {width:32px;height:32px;display:inline-block;background:url('../images/icon/flag_paper.png') 0 0 no-repeat;background-size:32px;}

/* 달력 */
.ui-datepicker-trigger{width: 20px;height: 20px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {width:30px; height:30px; margin-top:-13px !important; margin-left:-13px !important;}

/* 로딩 */
.sk-fading-circle {display:none;width: 30px;height: 30px;margin:-15px 0 0 -15px;border-radius: 50%;border-top-color: #6a7472;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
#loadingBar {display:none;position:fixed;top:0px;left:0px;width: 100%;height: 3px;z-index:9999;background:#3471c0;}
#loadingBar .barBox{position:relative;}
#loadingBar .barArea{position:absolute; top:0px; background:#fff; width:100%; height:3px;}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

/* btn */
.btnType01  {display:inline-block;;height:45px;color:#fff;font-size:20px;line-height:46px;letter-spacing:-0.75px;text-align:center;}
.btnArea{padding:15px 0 20px;text-align:center;}
.btnArea.lineType{padding:20px 0 20px; border-top:1px solid #d3d3d5;}
.btnArea.large{padding:20px 0 30px;}
.btnArea.large1{padding:25px 0 30px;}
.btnArea.large2{padding:30px 0 30px;}
.btnArea a{margin-left:5px;}
.btnArea a:first-child{margin-left:0px;}
.btnArea.typeD{padding:0 0 40px; margin-top:-20px;}
.btn100{width:100%; height:57px; text-align:center; font-size:14px; line-height:47px; color:#6a747c; background:#ecedef;
    -webkit-box-shadow: inset 0px 3px 6px 0px rgba(219,220,224,1);
    -moz-box-shadow: inset 0px 3px 6px 0px rgba(219,220,224,1);
    box-shadow: inset 0px 3px 6px 0px rgba(219,220,224,1);
}
.btnD100{min-width:80px;padding:0 10px;height:37px;text-align:center;border:1px solid #111;color:#111;background:#fff;border-radius:4px;font-size:14px;line-height:38px;}
.btnD100.typeS{width:64px !important;}
.btnD100.typeFile{width:64px !important; padding:0;}
.btnD100.gray{background: #888;border: 1px solid #888;color: #fff;}
.btnD100.red{border: 1px solid #ed4046;background: #ed4046;color: #fff !important;}
.btnD100.white{min-width:76px; padding: 0 10px; height:33px; line-height:34px; border:2px solid #6a747c; color:#6a747c; background:#fff;}
.btnD100 span.icon{display:inline-block; width:19px; height:18px; margin:8px 7px 0 0; background:url(../images/icon/icoBack.png) no-repeat 0 0; background-size:19px 18px;}
.btnD100 span.icon.puls{width:14px; height:14px; margin:10px 7px 0 0; background:url(../images/icon/icoPuls.png) no-repeat 0 0; background-size:14px 14px;}
.btnD137{width:137px; height:37px; text-align:center; color:#fff; background:#232a32; font-size:14px; line-height:37px;}
.btnD66{width:60px; height:25px; text-align:center; color:#fff; background:#232a32; font-size:11px; line-height:25px;}
.btnD66.gray{background:#6a747c;}
.btnD66.red{background:#ed1c24;}
.btnD66.white{width:58px; height:23px; line-height:25px; border:1px solid #6a747c; color:#6a747c; background:#fff;}
.btnP{display:inline-block; height:23px; padding:0 7px; font-size:11px; line-height:25px; color:#6a747c; border:1px solid #6a747c; background:#fff;}
.btnP.gray{height:25px; line-height:26px; border:none; background:#6a747c; color:#fff;}
.btnP15{display:inline-block; height:45px; padding:0 15px; font-size:15px; line-height:46px; color:#fff; background:#232a32;}
.btnP15.red{background:#ed1c24;}
.btnP18{display:inline-block; height:37px; padding:0 18px; font-size:14px; line-height:38px; color:#fff; background:#232a32;}
.btnP18.white{height:33px; line-height:34px; border:2px solid #6a747c; color:#6a747c; background:#fff;}

.btnFileChoice{position:relative;}
.btnFileChoice input[type=file]{position:absolute; top:0px; left:0px; width:100px; height:37px; overflow:hidden; background:#000; opacity:0;}

.mT-5{margin-top:-5px !important;}
.mT5{margin-top:5px !important;}
.mT12{margin-top:12px !important;}
.mT13{margin-top:13px !important;}
.mT20{margin-top:20px !important;}
.mT58{margin-top:58px !important;}

.mL0{margin-left:0px !important;}

.taC{text-align:center !important;}
.taL{text-align:left !important;}
.taR{text-align:right !important;}

.foL{float:left !important;}
.foR{float:right !important;}

/* width */
.wauto {width:auto !important;}

/* 설정 */
.abSetting {letter-spacing:0;}
.abSetting dt {padding:15px 25px;border-top:1px solid #d3d3d5;background:#e5e6e7;font-size:13px;color:#6a747c;}
.abSetting dt:firstc-child {border-top:0;}
.abSetting dd ul li {position:relative;padding:2px 25px;border-top:1px solid #d3d3d5;font-size:14px;color:#232a32;line-height:42px;}
.abSetting dd ul li:after {content:" "; display:block;clear:both;overflow:hidden;}
.abSetting dd ul li a {vertical-align:middle;}
.abSetting dd ul li .settingTit {float:left;color:#232a32;}
.abSetting dd ul li .settingTit .note {margin-bottom:11px;font-size:11px;color:#6a747c;line-height:15px;letter-spacing:-0.5px;}
.abSetting dd ul li .settingCont {float:right;color:#6a747d;}
.abSetting dd ul li .settingCont .userID {margin-right:3px;}
.abSetting dd ul li .btnSet {position:absolute;top:2px;right:4%;display:block;width:60px;height:42px;}
.abSetting dd ul li .btnSet img {width:100%;}

/* 연결관리 */
.connection {min-height:inherit; background-color:#dfe0e1;}
.connection .connection-title {padding:13px 20px; color:#5e676f; font-size:12px;}
.connection .connection-list li {box-sizing:border-box; padding:15px 20px 10px; width:100%; border-bottom:1px solid #d3d3d5; background-color:#fff;}
.connection .connection-list li:after {content:""; display:block; clear:both;}
.connection .connection-list li:last-child {border-bottom:0;}
.connection .connection-list .connection-text {float:left; margin:8px 0 0; color:#232a32; font-size:14px;}
.connection .connection-list .btn-set {float:right; width:56px; height:35px; background:url(../images/common/btn_set_Off.png) 0 0 no-repeat; background-size:100% 100% !important; text-indent:-9999px; outline:none;}
.connection .connection-list .btn-set.on {background:url(../images/common/btn_set_On.png) 0 0 no-repeat;}

/* popup_더보기 */
.viewMoreArea {display:none;position:fixed;bottom: 0;right: 12px;width: 100%;width: auto;}
.viewMoreArea ul li {margin-top: 15px;}
.viewMoreArea ul li:first-child {border:0;}
.viewMoreArea ul li a {position:relative;display:block;height: auto;padding: 15px 60px 15px 20px;font-size:13px;color: #fff;line-height:20px;text-align: right;}
.viewMoreArea ul li a:after {content:"";display:block;position:absolute;top:50%;right: 0;width: 50px;height: 50px;margin-top: -25px;background:url(../images/icon/icon_moreTab.png) 0 -222px no-repeat;background-size:100px;}
.viewMoreArea ul li .vMore1:after {background-position:0 -222px;}
.viewMoreArea ul li .vMore2:after {background-position:-20px 0px;}
.viewMoreArea ul li .vMore3:after {background-position:-40px -222px;}
.viewMoreArea ul li .vMore4:after {background-position:-60px -222px;}
.viewMoreArea ul li .vMore5:after {background-position:-80px 0px;}
.viewMoreArea ul li .vMore6:after {background-position:0px -25px;}
.viewMoreArea ul li .vMore7:after {background-position:-20px -25px;}
.viewMoreArea ul li .vMore8:after {background-position:-40px -25px;}
.viewMoreArea ul li .vMore9:after {background-position:-61px -25px;}
.viewMoreArea ul li .vMore10:after {height:25px;margin-top:-12px;background-position:1px -55px;}
.viewMoreArea .arr {position:absolute;bottom:-6px;right:30px;display:none;width: 50px;height: 50px;background:url(../images/icon/icon_moreTab.png) -19px -62px no-repeat;background-size:100px auto;}
.viewMoreArea ul li .vMoreVoice:after {background: #ed4046 url(../../native/assets/img/icon/nav/voice_order.png) no-repeat center center; background-size: 26px auto; border-radius:50%;}
.viewMoreArea ul li .vMoreTalk:after {background: #46b0c9 url(../../native/assets/img/icon/nav/talk.png) no-repeat center center; background-size: 26px auto; border-radius:50%;}
.viewMoreArea ul li .vMoreClose {font-size: 0;color: transparent;}
.viewMoreArea ul li .vMoreClose:after {background: url(../../native/assets/img/icon/nav/bottom_nav_more_close.png) no-repeat center center; background-size: 18px auto;}

.noData{display:block; width:100%; padding:50px 0px;  color:#aeb3bb; text-align:center; font-size:12px; }

/* 기타 - 이용약관, 개인정보취급방침 */
.agDetail h4 {margin-bottom:25px; color:#232a32; font-size:15px; font-weight:bold;}
.agDetail .tit{display:block; margin-bottom:15px; color:#232a32;}
.agDetail li {margin-bottom:30px; font-size:12px; color:#6a747d;}
.agDetail li strong{color:#232a32;}
.agDetail li ul {margin:10px 0 15px;}
.agDetail li ul li {margin:0; color:#aeb3bb; padding-left:7px; background: url(../images/icon/dot.gif) no-repeat 0 7px; background-size: 2px 2px;}
.agDetail ol {margin:10px 0;}
.agDetail ol li {margin:0 0 24px; display:block; color:#6a747d;}
.agDetail ol li span {display:block; padding:10px 15px 0; color:#9aa1a7;}
.agDetail ol li ul li {margin:0 15px; display:block;}

/* 요금제 비교 차트 20150925 */
.priceCompare .priceSort {position:relative; padding:10px 20px; margin:0 0 20px; background:#f3f3f3;}
.priceCompare .priceSort ul {width:100%;}
.priceCompare .priceSort ul:after {display:block; clear:both; content:'';}
.priceCompare .priceSort li {float:left; width:70%; line-height:38px; margin-top:5px; font-size:13px;}
.priceCompare .priceSort li.tit {width:30%; color:#6a747d;}
.priceCompare .priceSort li select {width:100%;}
.priceCompare .tblCompare {margin:20px 0 0; border-top:1px solid #232a32;}
.priceCompare .tblCompare table th {padding:10px;font-size:11px;color:#232a32;background:#f3f3f3; font-weight:bold;}
.priceCompare .tblCompare table td {padding:10px;border-bottom:1px solid #ecedee;text-align:center;color:#6a747c;font-size:12px; word-break:break-all; text-align:right;}
.priceCompare .tblCompare table td i.icoGo{display:inline-block; width:15px; height:10px; text-indent:9999px; font-size:0px; color:transparent; background:url(../images/btn/btn_foldOn.gif) 2px center no-repeat;transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background-size:7px 5px;}
.priceCompare .tblCompare table td em {color:#6a747d; font-weight:bold;}
.priceCompare .tblCompare table .alL {padding-left:5px; text-align:left;}
.priceCompare .tblCompare table td.notFound {padding:0; height:180px; line-height:180px;}
.priceCompare .tblCompare .tipTxt {padding:10px; font-size:11px; line-height:25px; color:#6a747c;}
.priceCompare{width:90%; margin:20px auto;}
.priceCompare .tblCompare{border-top:1px solid #ecedee;}
.priceCompare .btnArea{padding-top:25px;}

/* D:20170112 임직원몰 */
.footerContent .memShop {display:none !important;padding:0 0 15px 0;} /* 임직원버튼 숨김 */
.footerContent .memShop:after {content:"";display:block;clear:both;}
.footerContent .memShop a {float:left;width:50%;}
.footerContent .memShop a span {display:block;width:95%;height:12px;line-height:12px;padding:7px 0;margin:0 auto;border:1px solid #aeb3bb;color:#6a747c;font-size:12px;text-align:center;}

span.soldOutBox.full{line-height: initial;box-sizing: border-box;font-size: initial;}
span.soldOutBox.full .fulltit{display:block;font-size: 15px;line-height: 1;font-weight: bold;}
span.soldOutBox.full .desctxt{display:block;font-size:11px;font-weight: normal;line-height: 1.4;}

/* 20190123 프리미엄배송 지역조회 */
.hm-premiun-store {padding:25px 20px;}
.hm-premiun-store .hm-addr-box {width:278px; margin:0 auto; padding:0 20px 18px; font-size:14px; line-height:22px; text-align:center; box-sizing:border-box;}
.hm-premiun-store .hm-msg-box {position:relative; padding:15px; background-color:#f4f4f4; font-size:14px; line-height:22px; text-align:center; word-break:keep-all; border-radius:4px;}
.hm-premiun-store .hm-msg-box:before {content:''; position:absolute; top:-6px; left:50%; width:12px; height:12px; margin-left:-6px; background-color:#f4f4f4; transform:rotatez(-45deg);}
.hm-premiun-store .hm-msg-box strong {font-weight:bold;vertical-align:top;}
.hm-premiun-store .hm-order-info-chk {margin-top:37px;}
.hm-premiun-store .hm-order-info-chk .hm-list-tit {font-size:14px; line-height:29px;}
.hm-premiun-store .hm-order-info-chk .hm-order-chk {margin-top:35px; text-align:center;}
.hm-premiun-store .hm-order-info-chk .hm-order-chk span {display:block;}
.hm-premiun-store .hm-order-info-chk .hm-order-chk .hm-checkbox {margin-top:-6px;}

.hm-layer-popup__scroll--message {height: calc(100% - 55px); padding: 0 20px 20px;}
.hm-layer-popup__scroll--message p {line-height: 1.4}

/* 이용약관, 개인정보처리방침 등 */
.common-policy {letter-spacing:0; color:#232a32;}
.common-policy h3 {margin-bottom:30px; padding-bottom:25px; font-size:36px; border-bottom:1px solid #555;}
.common-policy h4 {font-size:14px; margin:30px 0 15px;}
.common-policy h5 {font-size:13px; margin:20px 0 10px;}
.common-policy h6 {font-size:12px; margin:10px 0 10px;}
.common-policy h3:first-child,
.common-policy h4:first-child,
.common-policy h5:first-child,
.common-policy h6:first-child {margin-top:0;}
.common-policy p {font-size:12px; line-height:18px; letter-spacing:0; word-break:keep-all;}
.common-policy ul li {margin-top:5px; font-size:12px; line-height:18px; word-break:keep-all;}
.common-policy ul li:first-child {margin-top:0;}
.common-policy ul li > ul {margin:5px 0 10px 15px;}
.common-policy ul li p {margin-top:5px;}
.common-policy p + ul {margin-top:15px;}
.common-policy ul + p {margin-top:15px;}
.common-policy .tbl-wrap {overflow-x:auto; overflow-y:hidden; margin:10px 0 20px;}
.common-policy table {width:100%; border:1px solid #ddd;min-width:1080px;}
.common-policy table thead th,
.common-policy table tbody th {background:#f3f3f3; padding:10px; text-align:center; border:1px solid #ddd;}
.common-policy table tbody td {padding:10px; font-size:12px; line-height:18px; text-align:center; background-color:#fff; border:1px solid #ddd;word-break:break-all;}
.common-policy table tbody .txt-left {text-align:left;}
.common-policy table tbody .txt-right {text-align:right;}
.common-policy table tbody td > ul {margin:0;}
.common-policy table + p,
.common-policy table + ul {margin-top:7px;}

/* 중고폰 보상 프로그램 레이어 */
.tradeInHistory .hm-tooltip{margin-left:0;vertical-align: middle;}
.hm-layer-popup.mintit-layer {bottom:auto;}
#layerpopup-mintit .hm-layer-popup {max-height:80%;overflow:auto;}
.mintit-layer__container{margin-top:-20px;}
.mintit-layer__container p{margin:0}
.mintit-layer-title p{font-size:22px; line-height:27px; text-align:center;font-weight:bold}
.mintit-layer-title__txt2{color:#01a8af}
.mintit-layer .mintit-layer-desc{margin: 0 20px 24px;}
.mintit-layer .mintit-layer-desc__txt1{margin-top:24px;font-size:16px;line-height:20px;font-weight:bold;}
.mintit-layer .mintit-layer-desc__txt2{margin-top:6px;font-size:13px;line-height:19px}
.mintit-layer-notice{margin:0 20px 30px;border-top:1px solid #eee;}
.mintit-layer .mintit-layer-notice__txt1{margin-top:15px;font-size:14px;line-height:20px;color:#888;}
.mintit-layer .mintit-layer-notice ul li{margin-top: 5px;font-size:12px;line-height: 17px;color:#888;position:relative;padding-left:10px;}
.mintit-layer .mintit-layer-notice ul li::before{content:'';width:2px;height:2px;background-color:#888;position:absolute;left:0;top: 8px;}
.mintit-layer__link{padding: 0 10px 0 0;color: #01a8af;font-size: 12px;margin: 10px 0 0;position: relative;display: inline-block;}
.mintit-layer__link::after{content:'';width:6px;height: 10px;background: url(/resources/native/assets/img/icon/ico_mintit_arrow.png) no-repeat 0 0;background-size:100% auto;margin-left: 3px;padding-top: 3px;position: absolute;top: 4px;right: 0;bottom: 0;margin: auto 0;}

/* Apple Trade-In 중고기기 추가 보상 프로그램 팝업 */
.apple-trade-layer__link {padding: 0 8px 0 0;color: #111;font-size: 12px;margin: 15px 0 0;position: relative;display: inline-block;border-bottom:1px solid #111;background: url(/resources/native/assets/img/icon/href-delivery-black.svg) no-repeat right center;background-size:5px auto;}
.apple-trade-layer-notice {margin:0 20px 30px;padding:10px;border-radius:4px;background:#f2f2f2;}
p.apple-trade-layer-notice__txt {margin-bottom:7px;font-size:14px;color:#888;font-weight: bold;}
.apple-trade-layer-notice li {font-size:12px;color:#888;}

.hm-tooltip {display: inline-block;width: 14px;height: 14px;margin-left: 5px;background: url(/resources/native/assets/img/icon/icon-tooltip.png) no-repeat center center;background-size: 100% auto;vertical-align: text-top;}

/* bottom_nav_상담하기 바텀 레이어 */
.hm-bottomSheet__consulting-services .hm-layer-popup {height: calc(100% - 98px);background-color: var(--hi-bg-gray)}
.hm-bottomSheet__consulting-services .hm-layer-popup .bottom-sheet-body {padding-bottom: 70px;}
.hm-bottomSheet__consulting-services .hm-layer-popup .bottom-sheet-body > .hm-inner {max-width: 446px;margin: 0 auto;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .title-wrap {font-family: var(--hi-ff-hama);}
.hm-bottomSheet__consulting-services .bottom-sheet-body .text-title__sub {display: block;font-size: var(--hi-fs-hm-heading4);font-weight: var(--hi-font-w400);color: var(--hi-text-gray4);line-height: 27px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .text-title {display: block;font-size: var(--hi-fs-hm-heading3);font-weight: var(--hi-font-w500);color: var(--hi-text-gray7);line-height: 33px;margin-top: 6px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .favorite-store__wrap {margin-top: 20px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .favorite-store {font-size: var(--hi-fs-body3);font-weight: var(--hi-font-w400);line-height: 21px;margin: 0;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .favorite-store .store-name {font-weight: var(--hi-font-w700);}
.hm-bottomSheet__consulting-services .bottom-sheet-body .img-wrap {margin: 20px 0px 0;width: auto;height: auto;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .img-wrap img {display: block;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-wrap {margin-top: 20px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-list__item {border: 1px solid var(--hi-gray0);border-radius: 15px;padding: 20px 22px;background-color: var(--hi-bg-white);cursor: pointer;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-list__item + .content-list__item {margin-top: 9px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .item-text__wrap {position: relative;padding-right: 63px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .item-text__sub {display: block;font-size: var(--hi-fs-body4);font-weight: var(--hi-font-w400);color: var(--hi-text-gray4);line-height: 20px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .item-text {display: block;font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);color: var(--hi-text-gray7);line-height: 24px;margin-top: 3px;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .item-btn__wrap {visibility: hidden;opacity: 0;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .item-btn {display: none;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .item-btn__text {display: inline-block;font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w400);line-height: 16px;color: var(--hi-text-gray7);}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-list__item.item-active {border-color: #222226;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-list__item.item-active .item-text__wrap::after {content:"";position:absolute;top:0;right:0;width:20px;height:20px;background: url(/resources/native/assets/img/icon/ico_consulting_item_checked.svg) no-repeat 0 0;background-size:100%;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-list__item.item-active .item-btn__wrap {display: flex;gap: 9px;flex-wrap: wrap;margin-top: 24px;visibility: visible;opacity: 1;transition: all 200ms;}
.hm-bottomSheet__consulting-services .bottom-sheet-body .content-list__item.item-active .item-btn {display: block;border-radius: 100px;background-color: var(--hi-gray1);width: auto;height: 44px;line-height: 44px;text-align: center;padding: 0 20px;}
@media screen and (max-width: 360px) {
  .hm-bottomSheet__consulting-services .hm-layer-popup .bottom-sheet-body > .hm-inner {padding: 0 16px;}
}
@media screen and (min-width: 446px) {
  .hm-bottomSheet__consulting-services .bottom-sheet-body .img-wrap {margin: 30px 22px 0;}
}

.hm-button-flex {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;}
.hm-button-flex li {position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;}
.hm-button-flex + .hm-button-flex {margin-top:10px;}

/* 조립PC 본품 구성 보기 레이어 - 장바구니, 주문결제, 주문완료, 마이롯데 */
.layerpopup-composition .hm-layer-popup__header {text-align:center !important;}
.layerpopup-composition .hm-layer-popup__heading {padding-left:0 !important;}
.layerpopup-composition-body {height:calc(100% - 56px);padding-bottom:90px;overflow:auto;box-sizing: border-box;}
.hm-cart-estimate__list-wrap {padding:16px 22px;background-color: var(--hi-bg-gray);}
.hm-cart-estimate__list-wrap + .hm-cart-estimate__list-wrap {padding-top:0;}
.hm-cart-estimate__list-title-wrap {padding:8px 0;display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:space-between;}
.hm-cart-estimate__list-title {margin:0;color:var(--hi-primary-black);line-height:16px;font-size:var(--hi-fs-body2);font-weight:700;}
.hm-cart-estimate__list-title .essential {margin-left:4px;color:var(--hi-text-gray4);font-size:var(--hi-fs-detail1);font-weight: var(--hi-font-w400);}
.hm-cart-estimate__list-title .options {margin-left:4px;color:var(--hi-primary-black);font-size:var(--hi-fs-detail1);font-weight: var(--hi-font-w400);}
.hm-cart-estimate__list-title-price {font-size:16px;line-height: 16px;text-align:right;font-weight:700;}
.hm-cart-estimate__list-title-price .options {display:block;margin-top:2px;color:var(--hi-text-gray5);font-size:var(--hi-fs-detail1);font-weight:var(--hi-font-w400);}

.hm-cart-estimate__product {position:relative;margin-top:8px;padding:20px 16px;border-radius:15px;border:1px solid var(--hi-border-inactive);background-color: var(--hi-bg-white);display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;}
.hm-cart-estimate__product-attr {width:92px;font-weight:var(--hi-font-w700);color:var(--hi-text-gray6);font-size:14px;}
.hm-cart-estimate__product-attr .options {display: block;color: var(--hi-text-gray5);font-size: 10px;line-height: 15px;font-weight: var(--hi-font-w400);}
.hm-cart-estimate__product-info {width:calc(100% - 120px);padding-right:28px;background:url(/resources/native/assets/img/icon/ico_arrow_right_16_gray2.svg) right center no-repeat;background-size: 16px auto;}
.no-link .hm-cart-estimate__product-info {padding-right:0;background:none;}
.hm-cart-estimate__product-name {color:var(--hi-text-gray6);font-size:var(--hi-fs-body4);line-height: 20px;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.hm-cart-estimate__product-name a {display:block;}
.hm-cart-estimate__product-price {margin-top:8px;height:20px;color:var(--hi-text-gray6);font-size:var(--hi-fs-body3);font-weight:var(--hi-font-w700);display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap;align-items:center;gap:4px;}
.hm-cart-estimate__product-price span {font-weight:var(--hi-font-w400);color:var(--hi-primary-black);}
.hm-cart-estimate__product-price .ship {line-height:20px;font-weight:var(--hi-font-w400);color:var(--hi-text-gray5);font-size:var(--hi-fs-detail2);}
.hm-cart-estimate__product-count {margin-top:8px;color:var(--hi-text-gray6);font-weight:var(--hi-font-w700);}
.hm-cart-estimate__product-info-box + .hm-cart-estimate__product-info-box {margin-top:12px;padding-top:12px;border-top:1px solid var(--hi-gray-bg-solid);}
.hm-cart-estimate__product-total {margin-top:12px;display:-webkit-box; display:-ms-flexbox; display:flex;flex-wrap:wrap;justify-content:space-between;}
.hm-cart-estimate__product-total-title {margin: 0;padding: 8px 0;color: var(--hi-primary-black);line-height: 16px;font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-cart-estimate__product-total-price {margin: 0;padding: 8px 0;color: var(--hi-primary-black);line-height: 16px;font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);}
.hm-cart-estimate__product-link {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:15px;font-size: 0;color:#fff;}
.layerpopup-composition .hm-cart-estimate__total {padding:0 22px;}
.hm-cart-estimate__total-price {padding:16px 0;line-height:27px;border-bottom:1px solid var(--hi-gray-bg-solid);display: -webkit-box; display: -ms-flexbox; display: flex;align-items: center;justify-content:space-between;}
.hm-cart-estimate__total-price .title {font-size:var(--hi-fs-body1);color:var(--hi-primary-black);font-weight: var(--hi-font-w700);}
.hm-cart-estimate__total-price .price {font-size:var(--hi-fs-body1);color:var(--hi-secondary-red2);}
.hm-cart-estimate__total-detail li {padding:8px 0;height:21px;display: -webkit-box; display: -ms-flexbox; display: flex;align-items: center;justify-content:space-between;}
/* 부품 상세 정보 - 장바구니, 주문결제, 주문완료, 마이롯데 */
.layerpopup-composition-thumbnail {margin:24px;text-align:center;}
.layerpopup-composition-thumbnail img {width:100%;max-width:218px;border-radius:5px;}
.layerpopup-composition-info {padding:0 22px 8px;}
.layerpopup-composition-name {font-size:18px;font-weight:700;line-height:27px;text-align:center;}
.layerpopup-composition-code {margin-top:8px;font-size:13px;line-height:13px;color:#A9AAAA;text-align:center;}
.layerpopup-composition-prop-list {margin:24px 0;padding:0 22px 20px;}
.layerpopup-composition-prop-list li {display:-webkit-box; display:-ms-flexbox; display:flex;flex-wrap:wrap;justify-content:space-between;}
.layerpopup-composition-prop-list li + li {padding-top:20px;}
.layerpopup-composition-prop-list li strong {flex:1;padding-right:9px;line-height:18px;color:var(--hi-text-gray3);font-size:var(--hi-fs-body3);font-weight:var(--hi-font-w400);}
.layerpopup-composition-prop-list li strong button {width:16px;height:16px;font-size:0;color:#fff;border:0;outline:0;background:url(/resources/native/assets/img/icon/ico_info_mark_gray.svg) no-repeat;background-size:16px auto;vertical-align:text-bottom;}
.layerpopup-composition-prop-list li span {flex:2;line-height:18px;color:var(--hi-primary-black);font-size:var(--hi-fs-body3);}
.layerpopup-composition-image {position:relative;overflow:hidden;}
.layerpopup-composition-image img {vertical-align: top;height:100% !important;}
.layerpopup-composition-button {position: absolute;bottom: 0;left: 0;width: 100%;background-color: var(--hi-bg-white);padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.layerpopup-composition-button .hm-button-flex {padding:16px 22px;}

/* layer poppup round new */
.hm-app__layer-new-round .hm-layer-popup {padding: 20px;}
.hm-app__layer-new-round .hm-layer-popup__header {height: 24px;line-height: 24px;}
.hm-app__layer-new-round .hm-layer-popup__close {position: absolute;top: 0;right: 0;z-index: 1;display: inline-block;width: 24px;height: 24px;-webkit-box-sizing: border-box;box-sizing: border-box;border: 0;background: url(/resources/native/assets/img/icon/ico_close_24.svg) no-repeat center center;background-size: 100% auto;font-size: var(--hi-fs-detail4);color: var(--hi-text-tran);padding: 0;outline: none;}
.hm-app__layer-new-round .hm-layer-popup__body {padding-top: 12px;}
/* 견적 저장하기 레이어 */
.hm-app__layer-popup-estimatesave .hm-layer-popup__header {padding-top:8px;line-height:26px;}
.hm-app__layer-popup-estimatesave .bottom-sheet-header-title {font-size:18px;}
.hm-app__layer-popup-estimatesave-notice {padding:12px 0;}
.hm-app__layer-popup-estimatesave-notice li {position: relative;padding-left: 20px;line-height: 20px;;font-size: var(--hi-fs-body4);}
.hm-app__layer-popup-estimatesave-notice li + li {margin-top:4px;}
.hm-app__layer-popup-estimatesave-notice li::before {content: '';position: absolute;top: 8px;left: 8px;width: 3px;height: 3px;border-radius: 3px;background-color: var(--hi-primary-black);}
.hm-app__layer-popup-estimatesave-notice li strong {color:var(--hi-secondary-blue);}
.hm-app__layer-popup-estimatesave-form {margin: 12px 0 32px;}
.hm-app__layer-popup-estimatesave-form .title {padding:4px 0 3px;line-height: 20px;font-size: var(--hi-fs-hm-heading5);font-weight: var(--hi-font-w500);color: var(--hi-text-gray5);}
.hm-app__layer-popup-estimatesave-form .text {padding-top: 4px;font-size: var(--hi-fs-body4);line-height: 13px;}
.hm-app__layer-popup-estimatesave-form .input-box {display: block;width: 100%;height: auto;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 6px;overflow: hidden;}
.hm-app__layer-popup-estimatesave-form .input-box 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);}
.hm-app__layer-popup-estimatesave-form .input-box input::placeholder {color: var(--hi-text-gray1);}
.hm-app__layer-popup-estimatesave-form .input-box input:focus {border-color: var(--hi-border-focused);}
.hm-app__layer-popup-estimatesave-form .input-box .button--delete {display:none; position: absolute;top: 0;right: 0;width: 54px;height: 56px;background: url(/resources/native/assets/img/icon/ico_circle_close.svg) no-repeat 50% 50%;background-size: 24px 24px;}
.hm-app__layer-popup-estimatesave-form.input-box__active .button--delete {display:block;}
.hm-app__layer-popup-estimatesave-form .count {padding: 12px 0 0;display: -webkit-box; display: -ms-flexbox; display: flex;flex-wrap:wrap; align-items: center;justify-content:flex-end;}
.hm-app__layer-popup-estimatesave-form .count span {line-height:12px;font-size: var(--hi-fs-detail1);color: var(--hi-text-gray5);}
.hm-app__layer-popup-estimatesave-form .count span.input-error {flex:1;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);line-height: 20px;color: var(--hi-negative-red7);}
.hm-app__layer-popup-estimatesave-form .radio-estimate .hm-radio__black {margin-top:16px;}
.hm-app__layer-popup-estimatesave-form .hm-radio__black input[type="radio"]:checked + label {font-weight:var(--hi-font-w700);}
.hm-app__layer-popup-estimatesave-form .radio-estimate {margin-bottom:16px;}
.hm-app__layer-popup-estimatesave-checkbox {margin:12px 0 32px;padding-top:24px;border-top:1px solid var(--hi-gray-bg-solid);}
.hm-app__layer-popup-estimatesave .bottom-content__wrap {margin-top:20px;}

.hmn-txt-116 {position: relative;padding:40px 22px 24px;margin:0 -22px;font-family:var(--hi-ff-hama);}
.hmn-txt-116__title {margin:0;line-height:33px;font-size:var(--hi-fs-heading5);font-weight:var(--hi-font-w500);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#111;text-align:left;}
.hmn-txt-116__full-view {position: absolute; top: auto; right: 22px; bottom: 27px; font-family: var(--hi-ff-pre); font-size: var(--hi-fs-body3); font-weight: var(--hi-font-w400); line-height: var(--hi-fs-heading5); color: var(--hi-text-gray7)} /* 38523 신상품 모듈 신규 개발 */
.hmn-txt-116__full-view::after {content: ""; display: inline-block; width: 12px; height: 12px; margin: 5px 0 0 3px; background: url(/resources/native/assets/img/icon/ico_arrow_right_12.svg) no-repeat 0 0; vertical-align: top;} /* 38523 신상품 모듈 신규 개발 */
.hmn-txt-116.type_link .hmn-txt-116__title {max-width: calc(100% - 94px);} /* 38523 신상품 모듈 신규 개발 */
.hm-display__new-tag-ad {position: absolute;top: 6px;left: 6px;padding: 2.5px 2px;border-radius: 4px;background-color: var(--hi-black-dim-20);font-size:var(--hi-fs-detail2);font-weight:var(--hi-font-w500);line-height: 13px;color: var(--hi-white-dim-80);z-index:1;}
.hm-display__new-tag-ad:before {content: "";display: inline-block;width: 12.8px;height: 12.8px;margin-right: 1px;background: url(/resources/native/assets/img/icon/ico_exclamation_16_white.svg) 50% 50% no-repeat;background-size: 100% auto;vertical-align: top;opacity: 0.8;}

/* 헤더 드롭다운 레이어 */
.hm-bottomSheet__menu-drop-down .hm-layer-popup {margin: 0 auto;box-sizing: border-box;}
.hm-bottomSheet__menu-drop-down p {margin: 0;}
.hm-bottomSheet__menu-drop-down .bottom-sheet-header {width: 100%;height: 56px;padding: 0;background-color: var(--hi-bg-white);}
.hm-bottomSheet__menu-drop-down .bottom-sheet-header .bottom-sheet-header-icon {position: absolute;top: 14px;left: 14px;width: 28px;height: 28px;background: url(/resources/native/assets/img/common/icon_header_home.svg) no-repeat 0 0;background-size: 100% auto;}
.hm-bottomSheet__menu-drop-down .bottom-sheet-header .bottom-sheet-header-title__himart {display: inline-block;width: 76px;height: 28px;background: url(/resources/native/assets/img/icon/nav/logo.svg) center center no-repeat;background-size: 100% 100%;font-size: var(--hi-fs-detail4);padding: 0;margin: 14px 0 0 0;box-sizing: border-box;}
.hm-bottomSheet__menu-drop-down .bottom-sheet-header .bottom-sheet-header-title__care {display: inline-block;width: 76px;height: 28px;background: url(/resources/native/assets/img/icon/nav/logo.svg) center center no-repeat;background-size: 100% 100%;font-size: var(--hi-fs-detail4);padding: 0;margin: 14px 0 0 0;box-sizing: border-box;}
.hm-bottomSheet__menu-drop-down .bottom-sheet-header .bottom-sheet-header-title__care .logo {display: none;}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 116px;height: 33px;background-color: #fafafa;box-shadow: 0 0 0 1px #E6E6E6 inset;border-radius: 100px;}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle {position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;transform: translateX(0);}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area:before,
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area:after,
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area span {position: absolute;top: 3px; font-size: var(--hi-fs-detail2);font-weight: var(--hi-font-w600);text-align: center;line-height: 1;transition: 0.4s all;-webkit-transition: background-image 0.4s all;}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area::before {content: "쇼핑";left: 3px;width: 58px;height: 27px;line-height: 27px;text-align: center;color: var(--hi-text-white);}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area::after {content: "안심케어";right: 3px;width: 58px;height: 27px;line-height: 27px;color: var(--hi-text-gray6);}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area:before,
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area:after {z-index: 2;}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area span {background: var(--hi-bg-black2) url(/resources/native/assets/img/common/header-toggle_background.svg) center center no-repeat;background-size: 100% auto;left: 3px;z-index: 1;width: 58px;height: 27px;border-radius: 100px;box-sizing: border-box;}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area:before {left: 3px; color: var(--hi-text-gray6);}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area:after {right: 3px; color: var(--hi-text-white);}
.hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area span {left: 55px;}
.hm-bottomSheet__menu-drop-down.hm-bottomSheet-fromTop .hm-layer-popup {top: 0;left: 0;right: 0;bottom: unset;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% - (env(safe-area-inset-bottom) + 166px));;border-radius: 0 0 25px 25px; 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__menu-drop-down.hm-bottomSheet-fromTop .bottom-sheet-header {width:100%;height: 56px;min-height: 56px;padding: 0 22px;}
.hm-bottomSheet__menu-drop-down .bottom-sheet-body {position: relative;max-height:none ;border-radius: 0 0 25px 25px;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(248,249,250,1) 13%, rgba(248,249,250,1) 100%);}
.hm-bottomSheet__menu-drop-down .hm-shop-area {}
.hm-bottomSheet__menu-drop-down .hm-shop-area .bottom-sheet-content {padding: 20px 22px 0;margin: 0 -22px;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .bottom-sheet-content + .bottom-sheet-content {padding: 40px 22px 0;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .bottom-sheet-content .content-title {font-size: var(--hi-fs-body1);color: var(--hi-text-gray7);font-weight: var(--hi-font-w700);line-height: 27px;padding: 0 0 20px;text-align: center;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .top-content-list {display: flex;flex-direction: column;gap: 9px 0;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .top-content-item {width: 100%;height: 70px;border-radius: 9px;background-color: var(--hi-bg-white);overflow: hidden;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .top-content-item__link {display: flex;align-items: center;gap: 0 12px;width: 100%;height: 100%;padding: 14px 20px;box-sizing: border-box;position: relative;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .top-content-item__link.item-full-image {padding: 14px 0 14px 20px;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .top-content-item__link.item-full-image img {display: block;width: auto;height: 42px;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .top-content-item.new .top-content-item__link::before {content: '';position: absolute;top: 14px;left: 60px;width: 4px;height: 4px;border-radius: 4px;background-color: var(--hi-secondary-red2);}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .item-img-wrap {flex-shrink: 0;width: 42px;height: 42px;border-radius: 100px;overflow: hidden;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .item-img-wrap img {display: block;width: 100%;height: 100%;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .item-text-wrap {}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .item-text-wrap img {}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .list-item-title {display: block;font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w700);color: var(--hi-text-gray7);line-height: 16px;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .top-content .list-item-text {display: block;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-text-gray5);line-height: 12px;padding: 7px 0 0;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .mid-content .mid-content-list {display: flex;flex-wrap: wrap;gap: 9px 9px;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .mid-content .mid-content-list-item {width: calc((100% - 9px) / 2);height: 70px;border-radius: 9px;overflow: hidden;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .mid-content .mid-content-item__link {display: block;width: 100%;height: 100%;}
.hm-bottomSheet__menu-drop-down .hm-shop-area .mid-content .item-img-wrap {}
.hm-bottomSheet__menu-drop-down .hm-shop-area .mid-content .item-img-wrap img {display: block;width: 100%;height: 100%;}
.hm-bottomSheet__menu-drop-down .hm-care-area {padding: 20px 0 9px;}
.hm-bottomSheet__menu-drop-down .hm-care-area .content-title {font-size: var(--hi-fs-body1);color: var(--hi-text-gray7);font-weight: var(--hi-font-w700);line-height: 27px;padding: 0 0 20px;text-align: center;}
.hm-bottomSheet__menu-drop-down .hm-care-area .bottom-sheet-swiper-content {padding: 22px 16px;border-radius: 9px;background-color: var(--hi-bg-white);}
.hm-bottomSheet__menu-drop-down .hm-care-area .bottom-sheet-swiper-content + .bottom-sheet-swiper-content {margin: 9px 0 0;}
.hm-bottomSheet__menu-drop-down .hm-care-area .swiper-content-title {font-size: var(--hi-fs-body2);color: var(--hi-text-gray7);font-weight: var(--hi-font-w700);line-height: 16px;padding: 0 0 16px;}
.hm-bottomSheet__menu-drop-down .hm-care-area .swiper-content-inner {margin: 0 -16px;}
.hm-bottomSheet__menu-drop-down .hm-care-area .swiper-container {padding: 0 16px;}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-list {}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-item {width: 59px;height: 100%;}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-item__link {display: flex;flex-direction: column;align-items: center;width: 100%;height: 100%;}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-item__link .item-img-wrap {width: 54px;height: 54px;border-radius: 100px;overflow: hidden;}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-item__link .item-img-wrap img {display: block;width: 100%;height: 100%;}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-item__link .item-title-wrap {width: 100%;padding: 7px 0 0;text-align: center;}
.hm-bottomSheet__menu-drop-down .hm-care-area .hm-care-item__link .item-title {font-size: var(--hi-fs-detail1);color: var(--hi-text-gray7);font-weight: var(--hi-font-w600);line-height: 16px;letter-spacing: -1px;}
.hm-bottomSheet__menu-drop-down .hm-button--icon-close {position: absolute;bottom: -68px;left: 50%;transform: translateX(-50%);box-shadow: 0 3px 12px 2px rgba(22, 37, 66, 0.12);}
.hm-bottomSheet__menu-drop-down .hm-button--icon-close::after {content: '';position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;transform: translate(-50%, -50%);background: url(/resources/native/assets/img/icon/icon_head_categorey_close_white.svg) 50% 50% no-repeat;background-size: 16px 16px;}
.hm-bottomSheet__menu-drop-down.hm-app__layer-popup button.hm-button--icon-close {border-radius: 100px;background-color: var(--hi-real-black)}

/* 프리미엄 가전 상담 바텀 시트 */
.hm-bottomSheet__bottom-nav_remote-consult {}
.hm-bottomSheet__bottom-nav_remote-consult .hm-layer-popup {left: 0;right: 0;}
.hm-bottomSheet__bottom-nav_remote-consult p {margin: 0;}
.hm-bottomSheet__bottom-nav_remote-consult .hm-inner {max-width: 375px;margin: 0 auto;box-sizing: border-box;}
.hm-bottomSheet__bottom-nav_remote-consult .hm-inner-title {text-align: center;padding: 4px 0 0;}
.hm-bottomSheet__bottom-nav_remote-consult .hm-inner-title .hm-inner-tit {font-family: var(--hi-ff-hama);font-size: var(--hi-fs-heading5);font-weight: var(--hi-font-w500);color: var(--hi-real-black);line-height: 33px;}
.hm-bottomSheet__bottom-nav_remote-consult .hm-inner-title .hm-inner-subtit {font-size: var(--hi-fs-body2);font-weight: var(--hi-font-w400);color: var(--hi-gray10);line-height: 16px;padding: 6px 0 0;}
.hm-bottomSheet__bottom-nav_remote-consult .hm-inner-list-wrap {padding: 28px 0 0;}
.hm-bottomSheet__bottom-nav_remote-consult .list-item {width: auto;height: auto;min-height: 72px;background-color: var(--hi-bg-gray);border-radius: 9px;padding: 18px 16px;box-sizing: border-box;}
.hm-bottomSheet__bottom-nav_remote-consult .list-item + .list-item {margin: 9px 0 0;}
.hm-bottomSheet__bottom-nav_remote-consult .list-item__link {display: flex;align-items: center;gap: 0 12px;width: 100%;height: 100%;position: relative;padding: 0 20px 0 0;box-sizing: border-box;}
.hm-bottomSheet__bottom-nav_remote-consult .list-item__link::before {content: '';display: block;width: 36px;height: 36px;flex-shrink: 0;}
.hm-bottomSheet__bottom-nav_remote-consult .consulting-reservation::before {background: url(/resources/native/assets/img/icon/ico_calendar_circle_bk.svg) no-repeat center center;background-size: 100% auto;}
.hm-bottomSheet__bottom-nav_remote-consult .consulting-prd-shorcuts::before {background: url(/resources/native/assets/img/icon/ico_search_circle_bk.svg) no-repeat center center;background-size: 100% auto;}
.hm-bottomSheet__bottom-nav_remote-consult .consulting-shopping-basket::before {background: url(/resources/native/assets/img/icon/ico_shopping-basket_circle_bk.svg) no-repeat center center;background-size: 100% auto;}
.hm-bottomSheet__bottom-nav_remote-consult .list-item__link::after {content: '';display: block;width: 16px;height: 16px;background: url(/resources/native/assets/img/icon/ico_arrow-right_black.svg) no-repeat center center;background-size: 100% auto;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.hm-bottomSheet__bottom-nav_remote-consult .list-item-text-wrap {}
.hm-bottomSheet__bottom-nav_remote-consult em {font-style: normal;font-weight: var(--hi-font-w700);}
.hm-bottomSheet__bottom-nav_remote-consult .item-title {position: relative;display: inline-block;font-size: var(--hi-fs-body3);font-weight: var(--hi-font-w700);color: var(--hi-text-gray7);}
.hm-bottomSheet__bottom-nav_remote-consult .list-item.new .item-title::after {content: '';position: absolute;top: 2px;right: -7px;width: 4px;height: 4px;border-radius: 4px;background-color: var(--hi-secondary-red);}
.hm-bottomSheet__bottom-nav_remote-consult .item-sub-text {display: block;font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-text-gray4);padding-top: 6px;}
.hm-bottomSheet__bottom-nav_remote-consult .hm-inner-customer-service {display: flex;justify-content: space-between;padding: 24px 16px 10px;}
.hm-bottomSheet__bottom-nav_remote-consult .customer-service-title {font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w700);color: var(--hi-text-gray4);}
.hm-bottomSheet__bottom-nav_remote-consult .customer-service-contact {display: flex;align-items: center;gap: 0 10px;}
.hm-bottomSheet__bottom-nav_remote-consult .customer-service-contact__link {display: flex;align-items: center;gap: 0 4px;}
.hm-bottomSheet__bottom-nav_remote-consult .contact-phone__link::before {content: '';display: block;width: 16px;height: 16px;background: url(/resources/native/assets/img/icon/ico_phone_gray5.svg) no-repeat center center;background-size: 100% auto;flex-shrink: 0;}
.hm-bottomSheet__bottom-nav_remote-consult .chat-service__link::before {content: '';display: block;width: 16px;height: 16px;background: url(/resources/native/assets/img/icon/ico_chat_gray5.svg) no-repeat center center;background-size: 100% auto;flex-shrink: 0;}
.hm-bottomSheet__bottom-nav_remote-consult .vertical-divide {display: block;width: 1px;height: 12px;background-color: var(--hi-text-gray5);}
.hm-bottomSheet__bottom-nav_remote-consult .service-contact-text {font-size: var(--hi-fs-detail1);font-weight: var(--hi-font-w400);color: var(--hi-text-gray6);border-radius: 1px;}

@media screen and (max-width: 360px) {
  /* 드랍다운 레이어 토글 */
  .hm-bottomSheet__menu-drop-down .hm-header--main-toggle {width: 74px;}
  .hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area::before {content: "쇼핑";width: 34px;}
  .hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area::after {content: "케어";width: 34px;}
  .hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle-area span {width: 34px;background: var(--hi-bg-black2) url(/resources/native/assets/img/common/header-toggle_background-mini.svg) center center no-repeat;background-size: 100% auto;}
  .hm-bottomSheet__menu-drop-down .hm-header--main-toggle .btn__menu-toggle:checked + .btn__menu-toggle-area span {left: 37px;}
}

@media screen and (max-width: 599px) {
  .hm-bottomSheet__menu-drop-down.hm-bottomSheet-fromTop .hm-layer-popup {height: 100%;max-height: 100%;border-radius: 0;}
  .hm-bottomSheet__menu-drop-down.hm-bottomSheet-fromTop .hm-layer-popup::after {content: '';position: absolute;bottom: 0;left: 0;z-index: 5;display: block;width: 100%;height: 40px;background: linear-gradient(rgba(249, 250, 251, 0), rgba(249, 250, 251, 0.8));}
  .hm-bottomSheet__menu-drop-down.hm-bottomSheet-fromTop .bottom-sheet-body {height: calc(100% - 56px);border-radius: 0;}
  .hm-bottomSheet__menu-drop-down .hm-button--icon-close {position: absolute;bottom: 34px;left: initial;right: 16px;z-index: 10;transform: none;}
}

/* 소스 일원화_바텀 네비 */
/* 1280px 이상 */
@media screen and (min-width: 1280px) {
  /* 기존 모바일 스타일 유지 (1280px 이상에서 신규 모바일 스타일 적용 방지) */
  .hm-app__bottom-nav-inner--new {z-index:120;position:fixed;left:0;right:0;bottom: calc(constant(safe-area-inset-bottom) + 16px);bottom: calc(env(safe-area-inset-bottom) + 16px);background-color:var(--hi-primary-black);border-radius: 60px;width: calc(100% - 30px);max-width: 375px;height: 66px;margin: 0 auto;padding-bottom:0;backdrop-filter: none;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 100%;position: relative; z-index: 3;padding: 0 20px;-webkit-box-sizing: border-box; box-sizing: border-box;flex-wrap: initial;border-top: none;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item {position: relative;width: auto;height: 100%;letter-spacing: initial;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 4px 0;width: 51px;height:100%;position: relative;padding: 0;text-align: center;box-sizing: border-box;font-size: var(--hi-fs-detail2);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link:before {content:'';display:flex;width:24px;height:24px;background-size:100%;background-position:center center;background-repeat:no-repeat;position: initial;transform: none;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link .hm-bottom-nav__item-title {font-size:var(--hi-fs-detail1);color: var(--hi-text-gray3);font-weight: var(--hi-font-w500);line-height: 12px;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current .hm-bottom-nav__item-title {color: var(--hi-text-white);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--remote-consulting {width: 89px;height: 100%;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--home:before {background-image:url(../img/icon/nav/ico_new_nav_home_pc_off.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--category:before {background-image:url(../img/icon/nav/ico_new_nav_cate_pc_off.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--ai-search:before {content: none;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--store:before {background-image:url(../img/icon/nav/ico_bottom-nav_store_gray.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--care:before {background-image:url(../img/icon/nav/ico_new_nav_care_pc_off.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--my-lotte:before {background-image:url(../img/icon/nav/ico_new_nav_my_pc_off.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current .hm-bottom-nav__title {color: var(--hi-text-white);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--home:before {background-image:url(../img/icon/nav/ico_new_nav_home_pc_on.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--category:before {background-image:url(../img/icon/nav/ico_new_nav_cate_pc_on.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--store:before {background-image:url(../img/icon/nav/ico_bottom-nav_store_white.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--care:before {background-image:url(../img/icon/nav/ico_new_nav_care_pc_on.svg);}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--current.hm-bottom-nav__link--my-lotte:before {background-image:url(../img/icon/nav/ico_new_nav_my_pc_on.svg);}
  /* // 기존 모바일 스타일 유지 */

  /* 1280px 이상 전용 레이아웃 */
  .hm-floating-action {bottom: 15px;}
  .hm-app__bottom-nav .hm-app__bottom-nav-inner.hm-app__bottom-nav-inner--new {position: fixed;top: 98px;left: calc(50% - 455px);width: 72px;height: 354px;transform: translateX(-50%);margin: 0;transition: top .2s;}
  .hm-app__bottom-nav-inner--new .hm-floating-action {bottom: 15px;}
  .hm-app__bottom-nav-inner--new .hm-floating-action--active {bottom: 15px;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 33px 0;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 40px;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item:nth-of-type(1) {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item:nth-of-type(2) {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item:nth-of-type(3) {-webkit-box-ordinal-group: 6;-ms-flex-order: 5;order: 5;height: 50px;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item:nth-of-type(4) {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__item:nth-of-type(5) {-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link {width: 100%;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--remote-consulting {display: block;width: 42px;height: 42px;border-radius: 100px;overflow: hidden;isolation: isolate;}
  .hm-app__bottom-nav-inner--new .hm-bottom-nav__link--ai-search {display: block;width: 100%;height: 100%;isolation: isolate;}
  .hm-app__bottom-nav .hm-floating-action {right: calc(50% - 460px);}
}

/* radio */
.hm-radio__black {position:relative;font-size:0;}
.hm-radio__black input[type="radio"] {display:inline-block;width: 24px; height: 24px;border: 1px solid var(--hi-icon-gray2);border-radius: 50%;box-sizing: border-box;box-shadow: inset 0 0 0 5px var(--hi-icon-white);background-color: var(--hi-icon-gray1);vertical-align:top;}
.hm-radio__black input[type="radio"]:checked {border-color: var(--hi-primary-black);background-color: var(--hi-primary-black);}
.hm-radio__black label {display:inline-block;padding:0 8px;height:24px;line-height:24px;font-size:var(--hi-fs-body3);color:var(--hi-text-gray7);}
.hm-radio__black label strong {font-weight:var(--hi-font-w400);}
.hm-radio__black input[type="radio"]:checked + label strong {font-weight:var(--hi-font-w700)}
.hm-radio__black input[type="radio"]:disabled {border-color: var(--hi-gray-bg-solid);box-shadow:inset 0 0 0 5px var(--hi-gray0);background-color: var(--hi-gray-bg-solid);}
.hm-radio__black input[type="radio"]:checked:disabled {border-color: var(--hi-gray5);box-shadow:inset 0 0 0 5px var(--hi-gray1);background-color: var(--hi-gray5);}
.hm-radio__black input[type="radio"]:disabled +label {color:var(--hi-text-gray4);}

/* ai gate */
.hm-ai-gate{position:relative; height:100%; background:var(--hi-bg-white);}
.hm-ai-gate__contents{position:absolute; top:40%; left:0; right:0; transform: translateY(-50%); text-align:center;}
.hm-ai-gate__text{font-size:var(--hi-fs-body2); line-height:24px; color:var(--hi-primary-black); margin-top: 30px;}
.hm-ai-gate__text-sub{font-size:var(--hi-fs-body4); line-height:20px; color:var(--hi-text-gray4); margin-top:16px;}
.hm-ai-gate__img{position:relative; width: 100px; height: 100px; margin: 0 auto;}
/* .hm-ai-gate__img img{max-width: 100%;} */
/* @media (orientation: landscape) {.hm-ai-gate__img img{max-width: 55%;}} */