@charset "UTF-8";
/*
 *  File Name : /ui_resource/css/responsive/store.css
 *  Description : 웹상점 스타일
 */

/* store 관련 공통 스타일 */
:root {
	--userinfo-panel-height: 65px;
	--header-wrap-height: calc(var(--header-height) + var(--userinfo-panel-height));
	--navi-height: 70px;
}
body {background: #240075;}
.layout-inner {width: 1160px;}

/* loading */
.loading-layer {display: none; justify-content: center; align-items: center; z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.6);}
.loading-layer .loading-img {width: 250px;}
.loading-layer .loading-img img {width: 100%;}
.loading-layer.show {display: flex;}

/* 엑솔라 결제 팝업 */
.xpaystation-widget-lightbox .xpaystation-widget-button-close {display: none !important; z-index: 10; position: absolute; right: 30px; top: 6px; width: 30px; height: 30px;}
.xpaystation-widget-lightbox .xpaystation-widget-button-close::before,
.xpaystation-widget-lightbox .xpaystation-widget-button-close::after {content: ""; display: inline-block; position: absolute; width: 100%; height: 3px; background: #666; border-radius: 1.333vw;}
.xpaystation-widget-lightbox .xpaystation-widget-button-close::before {left: 0; transform: rotate(45deg);}
.xpaystation-widget-lightbox .xpaystation-widget-button-close::after {right: 0; transform: rotate(-45deg)}

/* coupon-banner-comm */
.coupon-banner-comm img {width: 100%;}
.coupon-banner-comm .coupon-wrapper {display: flex; align-items: center; position: relative; box-sizing: border-box; border: 3px solid #55090A;}
.coupon-banner-comm .coupon-wrapper,
.coupon-banner-comm .coupon-wrapper.wrap-bg-empty {background-color: #7F0002; border-color: #55090A;}
.coupon-banner-comm .coupon-wrapper.wrap-bg-brown {background-color: #5F3201; border-color: #401E06;}
.coupon-banner-comm .coupon-wrapper.wrap-bg-blue {background-color: #002D89; border-color: #001A66;}
.coupon-banner-comm .coupon-wrapper.wrap-bg-purple {background-color: #4B007F; border-color: #340058;}
.coupon-banner-comm .coupon-wrapper .button-refresh {z-index: 1; position: absolute; background: url(../../images/floating_banner/coupon_banner/icon_refresh02.png) center no-repeat; background-size: cover; -webkit-tap-highlight-color: transparent;}
.coupon-banner-comm .coupon-inner {display: flex; align-items: center; height: 100%;}
.coupon-banner-comm .coupon-area {display: flex;}
.coupon-banner-comm .coupon-area > *:last-of-type {margin-right: 0 !important;}
.coupon-banner-comm .coupon-area > .coupon {display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: relative; box-sizing: border-box; border: 2px solid #55090A;}
.coupon-banner-comm .coupon-area > .coupon > *:last-child {margin-bottom: 0 !important;}
.coupon-banner-comm .coupon-area > .coupon,
.coupon-banner-comm .coupon-area > .coupon.bg-empty {background-color: #55090A; border-color: #55090A;}
.coupon-banner-comm .coupon-area > .coupon .img-area {position: relative;}
.coupon-banner-comm .coupon-area > .coupon .img-area img {width: 100%;}
.coupon-banner-comm .coupon-area > .coupon .coupon-rate {display: inline-block; position: absolute; background-image: linear-gradient(0deg, #f6b138 0%, #fcff56 50%, #f6b138 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: var(--ft-family_Poppins-700); text-align: center; letter-spacing: -2.5px;}
.coupon-banner-comm .coupon-area > .coupon .time-count,
.coupon-banner-comm .coupon-area > .coupon .txt-empty {display: flex; align-items: center; height: 100%; font-family: var(--ft-family_Poppins-400); text-align: center; letter-spacing: .5px;}
.coupon-banner-comm .coupon-area > .coupon .time-count {color: #fff;}
.coupon-banner-comm .coupon-area > .coupon .txt-empty,
.coupon-banner-comm .coupon-area > .coupon.bg-empty .txt-empty {color: #C56E6F}
.coupon-banner-comm .coupon-area > .coupon.on {background: linear-gradient(180deg, #00B733 0%, #004714 100%) !important; border-color: #38AF1A !important;}
.coupon-banner-comm .coupon-area > .coupon.on .time-count {color: #ffff6a !important;}
.coupon-banner-comm .coupon-area > .coupon.end {display: none;}
.coupon-banner-comm .coupon-area > .coupon[class*=lock] {pointer-events: none;}
.coupon-banner-comm .coupon-area > .coupon.lock .img-area::before {content: ""; display: inline-block; position: absolute; background: url(../../images/common/icons/icon_lock.png) 0 0 no-repeat; background-size: contain;}

/* coupon-banner-comm : coupon-type */
.coupon-banner-comm .coupon-area > .coupon.bg-brown {background-color: #401E06; border-color: #401E06;}
.coupon-banner-comm .coupon-area > .coupon.bg-brown .txt-empty {color: #A97F52;}
.coupon-banner-comm .coupon-area > .coupon.bg-blue {background-color: #001A66; border-color: #001A66;}
.coupon-banner-comm .coupon-area > .coupon.bg-blue .txt-empty {color: #6B87C0;}
.coupon-banner-comm .coupon-area > .coupon.bg-purple {background-color: #340058; border-color: #340058;}
.coupon-banner-comm .coupon-area > .coupon.bg-purple .txt-empty {color: #A26FC6}
.coupon-banner-comm .coupon-area > .coupon.coupon-offcanvas .coupon-rate,
.coupon-banner-comm .coupon-area > .coupon.webstore-voucher .coupon-rate {display: none;}

/* floating-banner */
.floating-banner {display: none; justify-content: end; align-items: center; z-index: 11; position: fixed; right: 20px; bottom: 60px;}
.floating-banner > * {margin-right: 14px;}
.floating-banner > *:last-child {margin-right: 0 !important;}
.floating-banner .button-floating-toggle {display: flex; justify-content: center; align-items: center; position: relative; left: 26px; width: 66px; height: 89px; background: url(../../images/floating_banner/coupon_banner/bg_btn_toggle02.png) 0 0 no-repeat; background-size: cover; cursor: pointer; -webkit-tap-highlight-color: transparent;}
.floating-banner .button-floating-toggle::before {content: ""; display: inline-block; position: relative; left: -3px; top: -3px; width: 12px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'%3E%3Cpath d='M2 18L10 10L2 2' stroke='white' stroke-width='3.17506' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: cover; transform: rotate(180deg);}
.floating-banner .hidden-banner {opacity: 0; display: none; align-items: center; position: relative; right: -10px; transition: all 1s ease; transform: translateX(40%);}
.floating-banner .hidden-banner .button-floating-toggle {display: none;}
.floating-banner .hidden-banner .button-floating-toggle::before {transform: rotate(0deg);}
.floating-banner .coupon-wrapper {min-height: 132px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.75); border-radius: 18px;}
.floating-banner .coupon-wrapper::after {content: ""; display: inline-block; position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 16px; height: 24px; background-size: cover;}
.floating-banner .coupon-wrapper::after,
.floating-banner .coupon-wrapper.wrap-bg-empty::after {background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='16' height='24' fill='url(%23pattern0_341_16864)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_341_16864' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_341_16864' transform='scale(0.0454545 0.030303)'/%3E%3C/pattern%3E%3Cimage id='image0_341_16864' width='22' height='33' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAhCAYAAADdy1suAAAACXBIWXMAAAsTAAALEwEAmpwYAAACTUlEQVRIia3WzWsVVxgH4Ofce01i4jVXBMUoreBGoQuziIj40UrRxn9AQUFcKgiCG8GNUHAlKC50IYj4lYUf1EWVFkKFWISgQgQrCl0JihgvxvgRotfjYrwSZyboJP6W5z3zMHPeM2cmDIeu6Mtcwz7cNY2U0ip6MYSd04IvxbqXGnm1YziD6pTgJ8b1xWEPvM2rb5MsyfbCMIyL/o4j/oovjMsszmKcwqHCcDMPjTkfhz02njd3L/rRUxiGUQ2XY93NOOpDdv56DGJPYRgibnntYnxuJL+xh9GHuYXgZp56py8O+y+/sVskjd1RGIZ3ov444mp8YSy7OF04iaOF4Wb+N6YvPvcov7G7cR3LCsPwSsOVWPdvHNXIbst1krtfXhgmaewdr12IdXXv0+WVOA7ln4UDRXF444P73poZSuaZMbG0CPXCdzwx70X/xJeGvEmXVk8LbuZ2fJUeWvNd4Jyjt/xd4O7QkR4aqEwHLGFVqOqWgW9MGW5X8luoWaglXRrCkSnBXVr0hpr27Gvw+ZNWGO7WYVWo5r1Zdz6hg4XgFsGvodMSbXnlC9hswgb5Jniuik1hjppyXvkg9qcHvwovNdMvYbaKkC49kfx/nM67blK4LFgbqn7Snlf+U3LAP5vs+ly4qmxTqKUPl2aOY9dk4KTwj1ptCJ3asn1vSLp+4mvoF3DAijBLj1nZ1WTgE3rvW9DPcJuSjaHTD1rz5pyT/BEVSmW+GXpDTTV/K+2XbKfCCU/DgljOPvxD/I6zU0GhkoP+ga1kPwtF8hHNB5cGGEGFRAAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");}
.floating-banner .coupon-wrapper .button-refresh {right: -7px; top: -15px; width: 46px; height: 50px;}
.floating-banner .coupon-wrapper.wrap-bg-brown::after {background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='16' height='24' fill='url(%23pattern0_463_4334)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_463_4334' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_463_4334' transform='scale(0.0454545 0.030303)'/%3E%3C/pattern%3E%3Cimage id='image0_463_4334' width='22' height='33' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAhCAYAAADdy1suAAAACXBIWXMAAAsTAAALEwEAmpwYAAACVElEQVRIia3WzWsTQRjH8e/sbkLaxmI1NBhMUKFQoaAiqTkoBW/+BQqK4lGhIHgRehQ8CRUP9iCI+IIHL3oQT7FqFKRKpUoP1cSGVutLWmtLTbXZFw/bVJqZ0M6mz3F358Mzz282WfHwZNhjdT0GLgDvaKAMr5aFI8AIcKYh+Pm4TXlJ1oFrwG1gUyB4puyRzdtM/HJV90/gj+SUNgxQceHNZ4fXkw4VR3pmB3ATuKwNV2tyziWbt5n+rRzNeSALpLVhgHLFI1e0Gf3u4Mr+YWAIOKcNA3gejJVcnn2yWVAH2w/cA7ZqwdWaXfR4krcpziqDPYYf7GltGMB2YfiLw6sJhyU52ARwA7iqDVdrat4P9seCcjS9wFNgtzYMsFjxeFm0ef9NGWwPfvd7tWEAD/g47TJYsJn/K+kZYCAQXK25Px6DBZvxn1KwGaA3MAzguPB2yqEwI+EHG4KrNVaS4EMbAntIszY3BO6ImbWXclYjoBDQFTfpiEn9vQgMRyzoTlrEWkTtrRHgSiA41iLoTlpE5NUrf2nacEfMoCtuIqRGGV5Gh7TgkAH7t5skWpV53weOwv/jsS64NSLIpEyiYblN4BLQV3txTTi12WBfwlQdzK/43x+3VOvqwoaAPdtMdm5Rbv0R/g98qd56JdwcEhxImbQ1Kbc+AJytB9aF41FBOmkRll4mHPzUr6+FroIF0Nlu0tluoOgzt4yOrgddgcMmpJMW8ahy63fxv4i0ympr8ufZHFKiffjHSbusnl0Whmx+AC4Cd4KgAJYCfQAcB8pBUYB/wyisui7GWTQAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A");}
.floating-banner .coupon-wrapper.wrap-bg-blue::after {background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='16' height='24' fill='url(%23pattern0_463_4275)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_463_4275' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_463_4275' transform='scale(0.0454545 0.030303)'/%3E%3C/pattern%3E%3Cimage id='image0_463_4275' width='22' height='33' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAhCAYAAADdy1suAAAACXBIWXMAAAsTAAALEwEAmpwYAAACLElEQVRIia3W32uNYQAH8M/Zzsw0y49Zo2GTRFEUtfKzcSN/AEXkklLKjdqlcqXIBRdK8iMXipWfN6tp3CypEc1MhvyYDYsZNmfHxbPR3vOu7T3zvTo93+f99JzneXp7U3b3ZI3ObRzGI5NIgWzUtRWt2Dc5+PlNBvriulO4gOn5wd+7aLvK5464fpewJXuSw5AZ5NVdOpvIDETnVOMcjiWHR/LlBW3X6PsQN/cQGrEmOUzY745bvHtAdija1qEFB5PDkM3S1Ur7DX59jZtxHJcxOxk8kv5u2hr41B7X7hAOdm9yGIYGed3My0Z+/4q283AWJ5PDI+ntDNfy27u49gCasCw5DIP9dNzhbQvZTLTdKKx+ZXIYZPn4mGfX+dkbLWtxOk94OD8+8ayBnrY4/ED+MAxleHOf7qfRZt3k4JF0tUZH1v8fOPfVW/h/4Irl0ZHm9KTAVAHzVlOxItrcyx8uKqG6jtLKaNOKE/nBpZUBLSqJQ/dBcrhiRfj7qZzjeTiMtiSDC4tYsIEZ1XHtFWzH3+sxMXjqTBZtobgsrj2K+ujg+PCsxcxfS0HO1PfC98f5uMfGhlOFVNVSvjSuvSm84LvHejwenlJKzWamlce1p7F/zAWNCZdVsXAT6eJokxFO/cx4aAROMXcVlSvD79FpHkafTAT9B6eLwyrLquLmXBK+iBIlbdocaurCvuamXrhOiZO2ZFu4AaPTjiO4mA8a4Fy0ATvRny8KfwAsvYiwCTluvgAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");}
.floating-banner .coupon-wrapper.wrap-bg-purple::after {background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='16' height='24' fill='url(%23pattern0_463_4216)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_463_4216' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_463_4216' transform='scale(0.0454545 0.030303)'/%3E%3C/pattern%3E%3Cimage id='image0_463_4216' width='22' height='33' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAhCAYAAADdy1suAAAACXBIWXMAAAsTAAALEwEAmpwYAAACMklEQVRIia3WXWhOcRwH8M+zPVtDiybUvEwIs13YBUleImFuXVCUXE6tlBvlUrmhyAUXSvK2NMQFokQhpcfYMrKSWLaYaPM29vK4OB5y9l9znvle/r+/8+l0/uec/qn93mf9nWvYjRajSEFW3FWLZtSNCn7sgl49oe4ITqE0L7hbp4wGbz0P9VtFj2RbYhj6/fDMDU9d1+9HfGYmTuBAYjiXd9pknNWtIzS7CzexKDEMvT557KKX7ssajNer8QA7E8OQlfVKxiPnfdMdGjmIBkxMBOfS462MBp2ehurNoo3dnhiGAX2eu6nVVX1643U5juNwYjiXLi9kNPioPVTX4zYqE8Pw3WctLnvhnkED8Xql6O4XJoaJNrZdkyaNvvgQr5fgaF5wLp91eeicDk9CeH3eMAzq1+aWN5rj1bJRwbm89jC+tPy/wIFfb+F/gaepiS/dSY8GTCkwy1LTh8J384aLjbXAehNMjVfNOJQXPF65KrWKjQ2hdZAYnq7GLEulhn4CTb/QB4ngtGLzrDHJ7FDdiE38eT3+CR5nomobjDEhVO/DnqE3MkKmmG+uVQqHjnaKzh8nQ9cNCxcoNMcK5apD9RXRD75ruOuDcIlSVTYoNTlUH8WO4cBh4TIVKq1VpCReDYh2/dhI6F9wSkqFxSoskpKKz935hbb+C/obLlKi0jplZoRmzohORImSLjVFlVol4SPaHtHrlDjpGhsVKIyvt2EvTueDQjqAXsIWfM0XhZ/DdomDVTSA+AAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");}
.floating-banner .coupon-inner {padding: 10px; border-radius: 10px;}
.floating-banner .coupon-area > * {margin-right: 10px;}
.floating-banner .coupon-area > .coupon {width: 120px; min-height: 104px; padding: 5px 5px 7px; border-radius: 8px;}
.floating-banner .coupon-area > .coupon > * {margin-bottom: 3px;}
.floating-banner .coupon-area > .coupon .coupon-rate {width: 40px; font-size: 26px;}
.floating-banner .coupon-area > .coupon .time-count,
.floating-banner .coupon-area > .coupon .txt-empty {font-size: 20px;}
.floating-banner .coupon-area > .coupon.lock .img-area::before {left: -8px; bottom: -14px; width: 30px; height: 37px;}
.floating-banner .default-banner {display: flex; align-items: center; position: relative; -webkit-tap-highlight-color: transparent;}
.floating-banner .default-banner .banner-inner {display: flex; justify-content: center; align-items: center; position: relative; width: 172px; height: 172px; background: url(../../images/floating_banner/coupon_banner/bg_banner02.png) 0 0 no-repeat; background-size: cover; overflow: hidden;}
.floating-banner .default-banner .label {z-index: 1; position: absolute; right: 22px; top: 14px; width: 34px; height: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cg filter='url(%23filter0_d_463_4144)'%3E%3Ccircle cx='17' cy='14' r='14' fill='url(%23paint0_linear_463_4144)'/%3E%3Ccircle cx='17' cy='14' r='13.0475' stroke='url(%23paint1_linear_463_4144)' stroke-width='1.90505'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_463_4144' x='0.459938' y='0' width='33.0801' height='33.7151' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='3.17508'/%3E%3CfeGaussianBlur stdDeviation='1.27003'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_463_4144'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_463_4144' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_463_4144' x1='17' y1='0' x2='17' y2='28' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23348D00'/%3E%3Cstop offset='1' stop-color='%232F8100'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_463_4144' x1='17' y1='28' x2='17' y2='0' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.00961538' stop-color='%230B3700'/%3E%3Cstop offset='1' stop-color='%2359EA00'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat;}
.floating-banner .default-banner .label .num {display: flex; justify-content: center; align-items: center; position: absolute; left: 3px; top: 0; width: 27px; height: 27px; color: #fff; font-family: var(--ft-family_Poppins-italic-500); font-size: 19px;}
.floating-banner .default-banner .img {position: absolute; left: 50%; top: 37px; transform: translateX(-50%); width: 118px;}
.floating-banner .default-banner .txt {position: absolute; bottom: 28px; width: 168px;}
.floating-banner .hidden-banner.expanded {display: flex; right: 0; animation: expandBanner 1s ease forwards;}
.floating-banner .hidden-banner.expanded .button-floating-toggle {display: flex; left: 21px;}
.floating-banner .hidden-banner.expanded + .default-banner .button-floating-toggle {display: none;}
.floating-banner .hidden-banner.return {display: flex; animation: backwardBanner 3s ease-in-out 0s 1 normal forwards;}
.floating-banner.banner-show {display: flex;}

/* floating-banner : coupon-type */
.floating-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 7px; top: 32px;}
.floating-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 50px; top: 16px;}
.floating-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 7px; top: 13px; width: 44px; font-size: 28px;}
.floating-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 8px; top: 12px; width: 65px; font-size: 36px;}
.floating-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 5px; top: 15px; width: 42px;}

/* coupon-banner */
.coupon-banner-wrapper {margin-top: 25px; text-align: center;}
.coupon-banner {display: inline-block; border-radius: 16px; border: 3px solid #FFBC2C;}
.coupon-banner .coupon-wrapper {border-radius: 16px;}
.coupon-banner .coupon-wrapper .button-refresh {right: -14px; top: -14px; width: 42px; height: 46px;}
.coupon-banner .coupon-inner {padding: 12px;}
.coupon-banner .coupon-area > * {margin-right: 12px;}
.coupon-banner .coupon-area > .coupon {width: 175px; padding: 7px 7px 10px; border-radius: 12px;}
.coupon-banner .coupon-area > .coupon > * {margin-bottom: 5px;}
.coupon-banner .coupon-area > .coupon .coupon-rate {width: 60px; padding-right: .5px; font-size: 38px;}
.coupon-banner .coupon-area > .coupon .time-count {font-size: 23px;}
.coupon-banner .coupon-area > .coupon .txt-empty {font-size: 18px;}
.coupon-banner .coupon-area > .coupon.lock .img-area::before {left: -9px; bottom: -19px; width: 44px; height: 54px;}

/* coupon-banner : coupon-type */
.coupon-banner .coupon-area > .coupon.coupon-normal .coupon-rate {text-align: right;}
.coupon-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 7px; top: 49px;}
.coupon-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 69px; top: 16px;}
.coupon-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 10px; top: 18px;}
.coupon-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 10px; top: 19px; width: 105px; font-size: 50px;}
.coupon-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 5px; top: 20px;}

/* install-banner */
.install-banner {display: flex; justify-content: space-between; align-items: center; z-index: 99; position: fixed; left: 10px; bottom: 20px; right: 10px; min-height: 40px; background: #f06f36; padding: 0 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border-radius: 20px; box-sizing: border-box; color: #fff; font-size: 14px;}
.install-banner * {font-size: 16px;}
.install-banner .txt {padding-left: 25px; text-indent: -25px; line-height: 1.2;}
.install-banner button {padding-left: 10px;}

/* header (store) */
.header-wrap .layout-inner {display: flex; justify-content: space-between; align-items: center; height: 100%;}
.header-wrap .new::after {content: ""; display: inline-block; z-index: 1; position: absolute; right: 0; top: 0; width: 16px; height: 16px; background-image: url(../../images/common/icons/icon_dot_red02.png); background-repeat: no-repeat; background-size: cover;}
.header-wrap .header .logo > a > * {margin-left: 60px}
.header-wrap .header .logo > a > *:first-child {margin-left: 0 !important;}
.header-wrap .header .logo-txt {color: #1398ff; font-family: var(--ft-family_Poppins-700); font-size: 30px;}
.header-wrap .header .button-login {display: flex; justify-content: center; align-items: center; width: 190px; height: 58px; margin-left: 15px;}
.header-wrap .header .button-login .bg-back,
.header-wrap .header .button-login .bg-front {height: 54px; border-radius: 30px;}
.header-wrap .header .button-login .bg-back {top: 4px; box-shadow: none;}
.header-wrap .header .button-login .front-inner {left: 2px; top: 2px; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 30px;}
.header-wrap .header .button-login .front-inner::before,
.header-wrap .header .button-login .front-inner::after {left: 2px; width: calc(100% - 4px); height: calc(50% - 2px);}
.header-wrap .header .button-login .front-inner::before {top: 2px; border-radius: 300px 300px 0 0; }
.header-wrap .header .button-login .front-inner::after {bottom: 2px; border-radius: 0 0 300px 300px;}
.header-wrap .header .button-login .txt-area .txt {font-size: 32px;}
.header-wrap .header .button-login .txt-area .txt:nth-child(1) {-webkit-text-stroke-width: 4px; -moz-text-stroke-width: 4px; -ms-text-stroke-width: 4px; text-stroke-width: 4px;}
.header-wrap .header .button-profile {display: none; position: relative; width: 58px; height: 58px;}
.header-wrap .header .button-profile img {width: 100%; height: auto; border-radius: 50%; /* border: 2px solid #1398FF; */}
.header-wrap .userinfo-panel {height: var(--userinfo-panel-height); background: #4211AF;}
.header-wrap .userinfo-panel .noti-msg {width: 100%; color: #fff; font-family: var(--ft-family_Poppins-300); font-size: 20px; text-align: center;}
.header-wrap .userinfo-panel .noti-msg .bold {color: #FFBC2C; font-family: var(--ft-family_Poppins-500);}
.header-wrap .userinfo-panel .userinfo {display: none; justify-content: space-between; align-items: center;}
.header-wrap .userinfo-panel .userinfo .info-area {display: inline-block; position: relative; width: 436px; height: 36px; background: #240075; border: 3px solid #6425F5; border-radius: 30px; box-sizing: border-box;}
.header-wrap .userinfo-panel .userinfo .chip-amount {display: flex; justify-content: flex-end; align-items: center; width: 450px; padding: 0 16px 0 37px; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 20px; line-height: 36px; text-align: right; letter-spacing: .5px;}
.header-wrap .userinfo-panel .userinfo .chip-amount::before {content: ""; display: inline-block; position: absolute; left: -9px; top: 50%; transform: translateY(-50%); width: 46px; height: 50px; background: url(../../images/common/icons/icon_chip.png) center no-repeat; background-size: contain;}
.header-wrap .userinfo-panel .userinfo .point-progress > * {z-index: 0;}
.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm {z-index: 1; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 48px; height: 49px;}
.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm::before {background-image: url(../../images/common/icons/bg_icon_level_shadow.png);}
.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm .num {font-size: 20px; line-height: 50px;}
.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar {overflow: hidden; position: relative; left: 2%; width: 96%; height: 100%;}
.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar .gauge {position: absolute; top: 50%; transform: translateY(-50%); width: 0%; height: 26px; border-radius: 15px; background: linear-gradient(90deg, #F83600 0%, #FFB400 100%); transition: width 0.3s ease-in-out;}
.header-wrap .userinfo-panel .userinfo .point-progress .progress-value {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap {position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 20px; line-height: 1lh; transform: translateY(-50%);}
.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap .bar {position: relative; top: -1px; font-size: 17px;}
.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap:first-child * {-webkit-text-stroke: 2px #1C005C; -moz-text-stroke: 2px #1C005C; -ms-text-stroke: 2px #1C005C; text-stroke: 2px #1C005C;}
.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox {position: absolute; right: -8px; top: -4px; width: 42px; height: 51px; margin-top: -9px;}
.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox::before {content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/common/icons/icon_gift.png) center no-repeat; background-size: contain;}
.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new {animation: twoShakeAni 2.2s ease-in-out infinite;}
.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new::after {width: 12px; height: 12px;}

/* header (store): login active */
.header-wrap.login-active .button-login,
.header-wrap.login-active .userinfo-panel .noti-msg {display: none;}
.header-wrap.login-active .button-profile,
.header-wrap.login-active .userinfo-panel .userinfo {display: flex;}

/* contents common */
.contents-wrap {overflow: hidden; padding-top: var(--header-height); background: #1F0166;}

/* section-package (common) */
.section-package {display: flex; flex-wrap: wrap; flex-direction: row; width: 856px; padding: 25px 0 60px;}
.section-package .package-wrap {flex: 0 0 calc(50% - 9px); margin-right: 18px; margin-bottom: 18px; -webkit-tap-highlight-color: transparent; position: relative; background: #003390; border: 2px solid #ffbc2c; border-radius: 12px; box-sizing: border-box; cursor: pointer;}
.section-package .package-wrap:nth-child(2n) {margin-right: 0;}
.section-package .package-wrap .click-btn-wrap {z-index: 10; position: absolute; inset: 0; width: 100%; height: 100%;}
.section-package .package-wrap [data-no-pay] {-webkit-tap-highlight-color: initial; z-index: 3; position: relative;}
.section-package .package-wrap .tag-title {display: inline-block; position: absolute; left: 24px; top: -9px; width: 219px; height: 31px; background-image: url(../../images/store/bg_tag_orange.png); background-size: contain; background-repeat: no-repeat; background-position: center; color: #fff; font-family: var(--ft-family_Poppins-600); font-size: 16px; text-align: center; line-height: 1.7;}
.section-package .package-wrap .tag-title.deal {background-image: url(../../images/store/bg_tag_orange.png);}
.section-package .package-wrap .tag-title.legend {background-image: url(../../images/store/bg_tag_red.png);}
.section-package .package-wrap .tag-title.master {background-image: url(../../images/store/bg_tag_pink.png);}
.section-package .package-wrap .tag-title.expert {background-image: url(../../images/store/bg_tag_green.png);}
.section-package .package-wrap .gift-list-comm {display: flex; flex-wrap: wrap;}
.section-package .package-wrap .gift-list-comm > li {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 70px; height: 70px; background: #001D86; border: 2px solid #2481FF; border-radius: 12px; box-sizing: border-box; text-align: center;}
.section-package .package-wrap .gift-list-comm > li.type-btn {z-index: 11; position: relative; background: #003390; border-radius: 50%;}
.section-package .package-wrap .gift-list-comm .info-image {width: 90%;}
.section-package .package-wrap .gift-list-comm .info-image img {width: 100%; vertical-align: middle;}
.section-package .package-wrap .gift-list-comm .info-cnt {margin-top: -4px; color: #fff47a; font-family: var(--ft-family_Poppins-400); font-size: 14px;}
.section-package .package-wrap .package-box {background: #0060E2; border: 2px solid #003390; border-bottom: 0; border-radius: 10px 10px 0 0; box-sizing: border-box;}
.section-package .package-wrap .package-box .coupon-wrapper,
.section-package .package-wrap .package-box .coupon-badge {cursor: default;}
.section-package .package-wrap .package-box .coupon-wrapper {display: none; z-index: 10; position: absolute; left: -14px; top: -14px;}
.section-package .package-wrap .package-box .coupon-badge {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 73px; height: 76px; background: url(../../images/store/bg_coupon_badge.png) 0 0 no-repeat; background-size: contain; /* transition: all 1s ease; */ animation: scaleEffectShow 1s ease forwards; pointer-events: none; -webkit-tap-highlight-color: transparent;}
.section-package .package-wrap .package-box .coupon-badge::after {content: ""; display: none; position: absolute; left: 40%; bottom: 14px; width: 11px; height: 8px; background: url(../../images/store/icon_coupon_badge_arrow.png) 0 0 no-repeat; background-size: contain; transform: rotate(180deg);}
.section-package .package-wrap .package-box .coupon-badge * {color: #fff; font-family: var(--ft-family_Poppins-700); line-height: 1; letter-spacing: 0; text-shadow: 0 2px 1px rgb(0, 0, 0, .3);}
.section-package .package-wrap .package-box .coupon-badge .percent {font-size: 16px;}
.section-package .package-wrap .package-box .coupon-badge .percent .num {letter-spacing: .5px;}
.section-package .package-wrap .package-box .coupon-badge .txt {font-size: 14px;}
.section-package .package-wrap .package-box .coupon-tooltip {display: none; position: relative; left: 0; width: 104px; height: 85px; margin-top: 3px; background: url(../../images/store/tooltip_purchase.png) 0 0 no-repeat; background-size: contain; transition: all 1s ease; animation: fromTopToBottomShow 1s ease forwards;}
.section-package .package-wrap .package-box .coupon-tooltip .percent {position: absolute; bottom: 5px; width: 100%; height: 20px; line-height: 20px; text-align: center; color: #240075; font-family: var(--ft-family_Poppins-600); font-size: 14px; letter-spacing: 0;}
.section-package .package-wrap .package-box .coupon-tooltip .num {font-family: var(--ft-family_Poppins-700); font-size: 16px;}
.section-package .package-wrap .package-box .coupon-wrapper.coupon-show {display: block;}
.section-package .package-wrap .package-box .info-wrapper {display: flex; justify-content: space-between; width: 100%; height: 174px; padding: 0 8px; box-sizing: border-box;}
/* .section-package .package-wrap .package-box .info-wrapper {height: 170px;} */
.section-package .package-wrap .package-box .chip-info {display: flex; flex-direction: column; justify-content: center; width: 242px;}
.section-package .package-wrap .package-box .chip-info .img-area {width: 235px; margin-top: -15px;}
.section-package .package-wrap .package-box .chip-info .img-area img {width: 100%;}
.section-package .package-wrap .package-box .chip-area {display: flex; flex-direction: column; align-items: center; margin-top: -14px; text-align: center;}
.section-package .package-wrap .package-box .chip-area > * {color: #fff; letter-spacing: 0;}
.section-package .package-wrap .package-box .chip-area .current-chip {margin-top: 2px; font-family: var(--ft-family_Poppins-700); font-size: 28px; text-shadow: 0 1.5px 1px rgba(0, 0, 0, 0.25);}
.section-package .package-wrap .package-box .chip-area .original-chip {font-family: var(--ft-family_Poppins-300); font-size: 16px; text-decoration: line-through;  transition: all 1s ease;}
.section-package .package-wrap .package-box .gift-info {width: calc(100% - 242px); padding-top: 13px; box-sizing: border-box;}
.section-package .package-wrap .package-box .gift-info .gift-list-comm > li {margin-right: 5px; margin-bottom: 5px;}
.section-package .package-wrap .package-box .gift-info .gift-list-comm > li:nth-child(2n) {margin-right: 0 !important;}
.section-package .package-wrap .package-box .gift-info .btn-more-gift {display: block; position: relative; width: 100%; height: 100%;}
.section-package .package-wrap .package-box .gift-info .btn-more-gift::before {content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 2px)); width: 24px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='36' viewBox='0 0 62 36' fill='none'%3E%3Cpath d='M5 5L31 31L57 5' stroke='%23FFF47A' stroke-width='8.33478' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat;}
.section-package .package-wrap .package-box .layer-more-gift {display: none; z-index: 11; position: absolute; left: 10px; top: 170px; width: calc(100% - 20px); padding: 8px 8px 2px; background: #00186F; border: 2px solid #FFBC2C; border-radius: 12px; box-sizing: border-box;}
.section-package .package-wrap .package-box .layer-more-gift .gift-list-comm > li {width: calc((100% - 4 * 6px) / 5); margin-right: 6px; margin-bottom: 6px; background: #003390;}
.section-package .package-wrap .package-box .layer-more-gift .gift-list-comm > li:nth-child(5n) {margin-right: 0 !important;}
.section-package .package-wrap.gift-show .package-box .btn-more-gift::before {transform: translate(-50%, calc(-50% - 2px)) rotate(180deg);}
.section-package .package-wrap.gift-show .package-box .layer-more-gift {display: block;}
.section-package .package-wrap .bottom-box {display: flex; justify-content: space-between; align-items: center; height: 76px; padding: 0 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.section-package .package-wrap .bottom-box .point-area {display: flex; flex-direction: column}
.section-package .package-wrap .bottom-box .point-area .name {color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 19px;}
.section-package .package-wrap .bottom-box .point-area .num {position: relative; padding-left: 27px; margin-top: 6px; color: #FFBC2C; font-family: var(--ft-family_Poppins-700); font-size: 21px;}
.section-package .package-wrap .bottom-box .point-area .num::before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 21px; height: 24px; background: url(../../images/common/point_gauge/icon_point.png) 0 0 no-repeat; background-size: contain;}
.section-package .package-wrap .bottom-box .button-pay {top: -1px;}
.section-package .package-wrap .bottom-box .button-pay .price-txt * {font-family: var(--ft-family_Poppins-600); font-size: 30px; letter-spacing: 0;}
.section-package .package-wrap .bottom-box .button-pay .price-txt .price .value {font-family: var(--ft-family_Poppins-800);}
.section-package .package-wrap .bottom-box .button-pay .price-txt .cnt-num {margin-left: 4px; font-family: var(--ft-family_Poppins-500); font-size: 19px;}
.section-package .package-wrap .bottom-box .button-pay.icon-best::before,
.section-package .package-wrap .bottom-box .button-pay.icon-hot::before {content: ""; display: inline-block; z-index: 10; position: absolute; left: -15px; top: -15px; width: 45px; height: 45px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.section-package .package-wrap .bottom-box .button-pay.icon-best::before {background-image: url(../../images/store/label_best02.png);}
.section-package .package-wrap .bottom-box .button-pay.icon-hot::before {background-image: url(../../images/store/label_hot02.png);}

/* section-package (p.p show) */
.section-package .package-wrap.pp-coupon-show .package-box .coupon-wrapper {display: block;}
.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge {cursor: pointer; padding-bottom: 6px; pointer-events: auto;}
.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge::after {display: inline-block;}
.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge.inactive::after {bottom: 12px; transform: rotate(0);}
.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge.inactive + .coupon-tooltip {animation: fromBottomToTopHide .5s ease forwards;}
.section-package .package-wrap.pp-coupon-show .package-box .coupon-tooltip {display: block;}

/* section-package (deal common: sdeal, fdeal) */
.section-package .package-wrap.pack-type-deal {background:#79009C;}
.section-package .package-wrap.pack-type-deal .gift-list-comm > li {background: #6C007F; border-color: #CF4DFF;}
.section-package .package-wrap.pack-type-deal .gift-list-comm > li.type-btn {background: #79009C;}
.section-package .package-wrap.pack-type-deal .package-box {background: #C11BFF; border-color: #79009C;}
.section-package .package-wrap.pack-type-deal .package-box .layer-more-gift {background: #6C007F;}
.section-package .package-wrap.pack-type-deal .package-box .layer-more-gift .gift-list-comm > li {background: #79009C;}
.section-package .package-wrap.pack-type-deal .timer-area {position: absolute; left: 251px; top: -13px; width: 145px; height: 25px; background: #7F0002; border: 2px solid #FFBC2C; border-radius: 30px; box-sizing: border-box;}
.section-package .package-wrap.pack-type-deal .timer-area > span {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 14px; text-align: center; white-space: nowrap; border: 2px solid #55090A; border-radius: 30px; box-sizing: border-box;}

/* section-package (sdeal) */
.section-package .package-wrap.pack-type-deal.sdeal .tag-title {font-size: 14px; line-height: 1.9;}
.section-package .package-wrap.pack-type-deal.sdeal .package-box .coupon-wrapper {top: 18px;}

/* section-package (upselling) */
.section-package .package-wrap.pack-type-upselling {background:#4F00B1;}
.section-package .package-wrap.pack-type-upselling .gift-list-comm > li {background: #3F008E; border-color: #A64EFF;}
.section-package .package-wrap.pack-type-upselling .gift-list-comm > li.type-btn {background: #4F00B1;}
.section-package .package-wrap.pack-type-upselling .package-box {background: #8C1BFF; border-color: #4F00B1;}
.section-package .package-wrap.pack-type-upselling .package-box .layer-more-gift {background: #3F008E;}
.section-package .package-wrap.pack-type-upselling .package-box .layer-more-gift .gift-list-comm > li {background: #4F00B1;}
.section-package .package-wrap.pack-type-upselling .button-pay::before {content: ''; display: inline-block; z-index: 3; position: absolute; left: 50%; top: -5px; transform: translateX(-50%); width: 102px; height: 13px; background-image: url(../../images/store/tag_one-time-only.png); background-repeat: no-repeat; background-size: contain; background-position: center;}

/* section-btm-banner */
.section-btm-banner {background-image: url(../../images/store/bg_btm_banner.jpg);}
.section-btm-banner .inner-box {width: 540px;}
.section-btm-banner .img-character {left: 23px; top: -71px; width: 650px;}

/* 
 *  [해상도 1400px]
 *  - 컨텐츠 inner: 1400px 기준
 *  - 1920 기준 / DPR 1 / 16.6
 */
@media all and (max-width:1400px) { 	
	/* store 관련 공통 스타일 */
	:root {
		--userinfo-panel-height: 3.916vw;
		--navi-height: 4.217vw;
	}
	.layout-inner {width: 69.88vw;}

	/* loading */
	.loading-layer .loading-img {width: 15.06vw;}

	/* coupon-banner-comm */
	.coupon-banner-comm .coupon-wrapper {border-width: 0.181vw;}
	.coupon-banner-comm .coupon-area > .coupon {border-width: 0.120vw;}
	.coupon-banner-comm .coupon-area > .coupon .coupon-rate {letter-spacing: -0.151vw;}
	.coupon-banner-comm .coupon-area > .coupon .time-count,
	.coupon-banner-comm .coupon-area > .coupon .txt-empty {letter-spacing: 0.030vw;}

	/* floating-banner */
	.floating-banner {right: 1.205vw; bottom: 3.614vw;}
	.floating-banner > * {margin-right: 0.843vw;}
	.floating-banner .button-floating-toggle {left: 1.566vw; width: 3.976vw; height: 5.361vw;}
	.floating-banner .button-floating-toggle::before {left: -0.181vw; top: -0.181vw; width: 0.723vw; height: 1.205vw;}
	.floating-banner .hidden-banner {right: -0.602vw;}
	.floating-banner .coupon-wrapper {min-height: 7.952vw; box-shadow: 0 0.181vw 0.301vw 0 rgba(0, 0, 0, 0.75); border-radius: 1.084vw;}
	.floating-banner .coupon-wrapper::after {right: -0.964vw; width: 0.964vw; height: 1.446vw;}
	.floating-banner .coupon-wrapper .button-refresh {right: -0.422vw; top: -0.904vw; width: 2.771vw; height: 3.012vw;}
	.floating-banner .coupon-inner {padding: 0.602vw; border-radius: 0.602vw;}
	.floating-banner .coupon-area > * {margin-right: 0.602vw;}
	.floating-banner .coupon-area > .coupon {width: 7.229vw; min-height: 6.265vw; padding: 0.301vw 0.301vw 0.422vw; border-radius: 0.482vw;}
	.floating-banner .coupon-area > .coupon > * {margin-bottom: 0.181vw;}
	.floating-banner .coupon-area > .coupon .coupon-rate {width: 2.41vw; font-size: 1.566vw;}
	.floating-banner .coupon-area > .coupon .time-count,
	.floating-banner .coupon-area > .coupon .txt-empty {font-size: 1.205vw;}
	.floating-banner .coupon-area > .coupon.lock .img-area::before {left: -0.482vw; bottom: -0.843vw; width: 1.807vw; height: 2.229vw;}
	.floating-banner .default-banner .banner-inner {width: 10.361vw; height: 10.361vw;}
	.floating-banner .default-banner .label {right: 1.325vw; top: 0.843vw; width: 2.3vw; height: 2.3vw;}
	.floating-banner .default-banner .label .num {left: 0.18vw; width: 1.8vw; height: 1.8vw; font-size: 1.3vw;}
	.floating-banner .default-banner .img {top: 2.229vw; width: 7.108vw;}
	.floating-banner .default-banner .txt {bottom: 1.687vw; width: 10.120vw;}
	.floating-banner .hidden-banner.expanded .button-floating-toggle {left: 1.265vw;}

	/* floating-banner : coupon-type */
	.floating-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.422vw; top: 1.928vw;}
	.floating-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 3.012vw; top: 0.964vw;}
	.floating-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 0.422vw; top: 0.783vw; width: 2.651vw; font-size: 1.687vw;}
	.floating-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 0.482vw; top: 0.723vw; width: 3.916vw; font-size: 2.169vw;}
	.floating-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.301vw; top: 0.904vw; width: 2.530vw;}

	/* coupon-banner */
	.coupon-banner-wrapper {margin-top: 1.506vw;}
	.coupon-banner {border-radius: 0.964vw; border-width: 0.181vw;}
	.coupon-banner .coupon-wrapper {border-radius: 0.964vw;}
	.coupon-banner .coupon-wrapper .button-refresh {right: -0.843vw; top: -0.843vw; width: 2.53vw; height: 2.771vw;}
	.coupon-banner .coupon-inner {padding: 0.723vw;}
	.coupon-banner .coupon-area > * {margin-right: 0.723vw;}
	.coupon-banner .coupon-area > .coupon {width: 10.542vw; padding: 0.422vw 0.422vw 0.602vw; border-radius: 0.723vw;}
	.coupon-banner .coupon-area > .coupon > * {margin-bottom: 0.301vw;}
	.coupon-banner .coupon-area > .coupon .coupon-rate {width: 3.614vw; padding-right: 0.03vw; font-size: 2.289vw;}
	.coupon-banner .coupon-area > .coupon .time-count {font-size: 1.386vw;}
	.coupon-banner .coupon-area > .coupon .txt-empty {font-size: 1.084vw;}
	.coupon-banner .coupon-area > .coupon.lock .img-area::before {left: -0.542vw; bottom: -1.145vw; width: 2.651vw; height: 3.253vw;}

	/* coupon-banner : coupon-type */
	.coupon-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.422vw; top: 2.952vw;}
	.coupon-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 4.157vw; top: 0.964vw;}
	.coupon-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 0.602vw; top: 1.084vw;}
	.coupon-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 0.602vw; top: 1.145vw; width: 6.325vw; font-size: 3.012vw;}
	.coupon-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.301vw; top: 1.205vw;}

	/* install-banner */
	.install-banner {left: 0.602vw; bottom: 1.205vw; right: 0.602vw; min-height: 2.41vw; padding: 0 1.205vw; border-radius: 1.205vw;}
	.install-banner * {font-size: 0.964vw;}
	.install-banner .txt {padding-left: 1.506vw; text-indent: -1.506vw;}
	.install-banner button {padding-left: 0.602vw;}

	/* header (store) */
	.header-wrap .new::after {width: 0.964vw; height: 0.964vw;}
	.header-wrap .header .logo > a > * {margin-left: 3.614vw}
	.header-wrap .header .logo-txt {font-size: 1.807vw;}
	.header-wrap .header .button-login {width: 11.446vw; height: 3.494vw; margin-left: 0.904vw;}
	.header-wrap .header .button-login .bg-back,
	.header-wrap .header .button-login .bg-front {height: 3.253vw; border-radius: 1.807vw;}
	.header-wrap .header .button-login .bg-back {top: 0.241vw;}
	.header-wrap .header .button-login .front-inner {left: 0.120vw; top: 0.120vw; width: calc(100% - 0.241vw); height: calc(100% - 0.241vw); border-radius: 1.807vw;}
	.header-wrap .header .button-login .front-inner::before,
	.header-wrap .header .button-login .front-inner::after {left: 0.120vw; width: calc(100% - 0.241vw); height: calc(50% - 0.120vw);}
	.header-wrap .header .button-login .front-inner::before {top: 0.120vw; border-radius: 18.072vw 18.072vw 0 0; }
	.header-wrap .header .button-login .front-inner::after {bottom: 0.120vw; border-radius: 0 0 18.072vw 18.072vw;}
	.header-wrap .header .button-login .txt-area .txt {font-size: 1.928vw;}
	.header-wrap .header .button-login .txt-area .txt:nth-child(1) {-webkit-text-stroke-width: 0.241vw; -moz-text-stroke-width: 0.241vw; -ms-text-stroke-width: 0.241vw; text-stroke-width: 0.241vw;}
	.header-wrap .header .button-profile {width: 3.494vw; height: 3.494vw;}
	.header-wrap .userinfo-panel .noti-msg {font-size: 1.205vw;}
	.header-wrap .userinfo-panel .userinfo .info-area {width: 26.265vw; height: 2.169vw; border-width: 0.181vw; border-radius: 1.807vw;}
	.header-wrap .userinfo-panel .userinfo .chip-amount {width: 27.108vw; padding: 0 0.964vw 0 2.229vw; font-size: 1.205vw; line-height: 2.169vw; letter-spacing: 0.030vw;}
	.header-wrap .userinfo-panel .userinfo .chip-amount::before {left: -0.542vw; width: 2.771vw; height: 3.012vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm {left: -0.904vw; width: 2.892vw; height: 2.952vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm .num {font-size: 1.205vw; line-height: 3.012vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar .gauge {height: 1.566vw; border-radius: 0.904vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap {font-size: 1.205vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap .bar {top: -0.060vw; font-size: 1.024vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap:first-child * {-webkit-text-stroke-width: 0.120vw; -moz-text-stroke-width: 0.120vw; -ms-text-stroke-width: 0.120vw; text-stroke-width: 0.120vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox {right: -0.482vw; top: -0.241vw; width: 2.530vw; height: 3.072vw; margin-top: -0.542vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new::after {width: 0.723vw; height: 0.723vw;}

	/* section-package (common) */
	.section-package {width: 51.566vw; padding: 1.506vw 0 3.614vw;}
	.section-package .package-wrap {flex: 0 0 calc(50% - 0.542vw); margin-right: 1.084vw; margin-bottom: 1.084vw; border-width: 0.120vw; border-radius: 0.723vw;}
	.section-package .package-wrap .tag-title {left: 1.446vw; top: -0.542vw; width: 13.193vw; height: 1.867vw; font-size: 0.964vw;}
	.section-package .package-wrap .gift-list-comm > li {width: 4.217vw; height: 4.217vw; border-width: 0.12vw; border-radius: 0.723vw;}
	.section-package .package-wrap .gift-list-comm .info-cnt {margin-top: -0.241vw; font-size: 0.843vw;}
	.section-package .package-wrap .package-box {border-width: 0.120vw; border-radius: 0.602vw 0.602vw 0 0;}
	.section-package .package-wrap .package-box .coupon-wrapper {left: -0.843vw; top: -0.843vw;}
	.section-package .package-wrap .package-box .coupon-badge {width: 4.398vw; height: 4.578vw;}
	.section-package .package-wrap .package-box .coupon-badge::after {bottom: 0.843vw; width: 0.663vw; height: 0.482vw;}
	.section-package .package-wrap .package-box .coupon-badge * {text-shadow: 0 0.12vw 0.06vw rgb(0, 0, 0, .3);}
	.section-package .package-wrap .package-box .coupon-badge .percent {font-size: 0.964vw;}
	.section-package .package-wrap .package-box .coupon-badge .percent .num {letter-spacing: 0.03vw;}
	.section-package .package-wrap .package-box .coupon-badge .txt {font-size: 0.843vw;}
	.section-package .package-wrap .package-box .coupon-tooltip {width: 6.265vw; height: 5.120vw; margin-top: 0.181vw;}
	.section-package .package-wrap .package-box .coupon-tooltip .percent {bottom: 0.301vw; height: 1.205vw; line-height: 1.205vw; font-size: 0.843vw;}
	.section-package .package-wrap .package-box .coupon-tooltip .num {font-size: 0.964vw;}
	.section-package .package-wrap .package-box .info-wrapper {height: 10.482vw; padding: 0 0.482vw;}	
	.section-package .package-wrap .package-box .chip-info .img-area {width: 14.157vw;}
	.section-package .package-wrap .package-box .chip-info {width: 14.578vw;}
	.section-package .package-wrap .package-box .chip-info .img-area {margin-top: -0.904vw;}
	.section-package .package-wrap .package-box .chip-area {margin-top: -0.843vw;}
	.section-package .package-wrap .package-box .chip-area .current-chip {margin-top: 0.120vw; font-size: 1.687vw; text-shadow: 0 0.09vw 0.06vw rgba(0, 0, 0, 0.25);}
	.section-package .package-wrap .package-box .chip-area .original-chip {font-size: 0.964vw;}
	.section-package .package-wrap .package-box .gift-info {width: calc(100% - 14.578vw); padding-top: 0.783vw;}
	.section-package .package-wrap .package-box .gift-info .gift-list-comm > li {margin-right: 0.301vw; margin-bottom: 0.301vw;}
	.section-package .package-wrap .package-box .gift-info .btn-more-gift::before {transform: translate(-50%, calc(-50% + 0.120vw)); width: 1.446vw; height: 0.843vw;}
	.section-package .package-wrap .package-box .layer-more-gift {left: 0.602vw; top: 10.241vw; width: calc(100% - 1.205vw); padding: 0.482vw 0.482vw 0.120vw; border-width: 0.12vw; border-radius: 0.602vw;}
	.section-package .package-wrap .package-box .layer-more-gift .gift-list-comm > li {width: calc((100% - 4 * 0.361vw) / 5); margin-right: 0.361vw; margin-bottom: 0.361vw;}
	.section-package .package-wrap.gift-show .package-box .btn-more-gift::before {transform: translate(-50%, calc(-50% - 0.120vw)) rotate(180deg);}
	.section-package .package-wrap .bottom-box {height: 4.578vw; padding: 0 0.904vw; border-bottom-left-radius: 0.723vw; border-bottom-right-radius: 0.723vw;}
	.section-package .package-wrap .bottom-box .point-area .name {font-size: 1.145vw;}
	.section-package .package-wrap .bottom-box .point-area .num {padding-left: 1.627vw; margin-top: 0.361vw; font-size: 1.265vw;}
	.section-package .package-wrap .bottom-box .point-area .num::before {width: 1.265vw; height: 1.446vw;}
	.section-package .package-wrap .bottom-box .button-pay {top: -0.06vw;}
	.section-package .package-wrap .bottom-box .button-pay .price-txt * {font-size: 1.807vw;}
	.section-package .package-wrap .bottom-box .button-pay .price-txt .cnt-num {margin-left: 0.241vw; font-size: 1.145vw;}
	.section-package .package-wrap .bottom-box .button-pay.icon-best::before,
	.section-package .package-wrap .bottom-box .button-pay.icon-hot::before {left: -0.904vw; top: -0.904vw; width: 2.711vw; height: 2.711vw;}

	/* section-package (p.p show) */
	.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge {padding-bottom: 0.361vw;}
	.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge.inactive::after {bottom: 0.723vw;}

	/* section-package (deal common: sdeal, fdeal) */
	.section-package .package-wrap.pack-type-deal .timer-area {left: 15.12vw; top: -0.783vw; width: 8.735vw; height: 1.506vw; border-width: 0.12vw; border-radius: 1.807vw;}
	.section-package .package-wrap.pack-type-deal .timer-area > span {font-size: 0.843vw; border-width: 0.12vw; border-radius: 1.807vw;}

	/* section-package (sdeal) */
	.section-package .package-wrap.pack-type-deal.sdeal .tag-title {font-size: 0.843vw;}
	.section-package .package-wrap.pack-type-deal.sdeal .package-box .coupon-wrapper {top: 1.084vw;}

	/* section-package (upselling) */
	.section-package .package-wrap.pack-type-upselling .button-pay::before {top: -0.31vw; width: 6.145vw; height: 0.783vw;}

	/* section-btm-banner */
	.section-btm-banner .inner-box {width: 32.530vw;}
	.section-btm-banner .img-character {left: 1.386vw; top: -4.277vw; width: 39.157vw;}
}

/* 
 *  [해상도 481px ~ 1024px]
 *  1. 769px ~ 1024px
 *  - 낮은 해상도의 PC
 *  - 태블릿 가로모드
 *
 *  2. 481px ~ 768px]
 *  - 모바일 가로모드
 *  - 태블릿 세로모드
 *
 *  3. 768 기준 / DPR 2 / 7.68
 *  4. 태블릿 ui 적용 (mode-tablet)
 *  5. 터치 기반 디바이스 ui 적용 (mode-touch): 태블릿+모바일
 */
@media all and (max-width:1024px) {
	/* store 관련 공통 스타일 */
	:root {
		--userinfo-panel-height: 5.208vw;
		--navi-height: 5.208vw;
	}
	.layout-inner {width: 74.74vw;}

	.header-wrap .header .layout-inner,
	.footer-wrap .layout-inner  {width: 100%;}

	/* loading */
	.loading-layer .loading-img {width: 25%;}

	/* coupon-banner-comm */
	.coupon-banner-comm .coupon-wrapper {border-width: 0.391vw;}
	.coupon-banner-comm .coupon-area > .coupon {border-width: 0.260vw;}
	.coupon-banner-comm .coupon-area > .coupon .coupon-rate {letter-spacing: -0.4vw;}

	/* floating-banner */
	.floating-banner {right: 2.344vw; bottom: 7.510vw;}
	.floating-banner > * {margin-right: 1.432vw;}
	.floating-banner .button-floating-toggle {left: 2.669vw; width: 6.771vw; height: 9.18vw;}
	.floating-banner .button-floating-toggle::before {left: -0.5vw; top: -0.3vw; width: 1.2371vw; height: 2.08vw;}
	.floating-banner .coupon-wrapper {min-height: 13.542vw; box-shadow: 0 0.326vw 0.456vw 0 rgba(0, 0, 0, 0.75); border-radius: 1.823vw;}
	.floating-banner .coupon-wrapper::after {right: -1.432vw; width: 1.432vw; height: 2.148vw;}
	.floating-banner .coupon-wrapper .button-refresh {right: -0.781vw; top: -1.497vw; width: 4.753vw; height: 5.143vw;}
	.floating-banner .coupon-inner {padding: 1.172vw; border-radius: 1.823vw;}
	.floating-banner .coupon-area > * {margin-right: 0.977vw;}
	.floating-banner .coupon-area > .coupon {width: 12.37vw; min-height: 10.677vw; padding: 0.846vw 0.846vw 1.042vw; border-radius: 0.781vw;}
	.floating-banner .coupon-area > .coupon > * {margin-bottom: 0.651vw;}
	.floating-banner .coupon-area > .coupon .coupon-rate {width: 4.5vw; font-size: 2.6vw;}
	.floating-banner .coupon-area > .coupon .time-count,
	.floating-banner .coupon-area > .coupon .txt-empty {font-size: 2vw;}
	.floating-banner .coupon-area > .coupon.lock .img-area::before {left: -0.846vw; bottom: -1.497vw; width: 3.255vw; height: 3.971vw;}
	.floating-banner .default-banner .banner-inner {width: 17.643vw; height: 17.643vw;}
	.floating-banner .default-banner .label {right: 1.302vw; top: 2.214vw; width: 4vw; height: 4vw;}
	.floating-banner .default-banner .label .num {left: 0.4vw; top: 0.1vw; width: 3vw; height: 3vw; font-size: 2.2vw;}	
	.floating-banner .default-banner .img {top: 3.906vw; width: 12.109vw;}
	.floating-banner .default-banner .txt {bottom: 2.93vw; width: 17.1875vw;}
	.floating-banner .hidden-banner.expanded .button-floating-toggle {left: 2.214vw;}	

	/* floating-banner : coupon-type */
	.floating-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.5vw; top: 3.2vw;}
	.floating-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 4.4vw; top: 1.4vw;}
	.floating-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 0.8vw; top: 1.4vw; width: 4vw; font-size: 2.7vw;}
	.floating-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 0.8vw; top: 0.9vw; width: 6vw; font-size: 3.5vw;}
	.floating-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.6vw; top: 1.4vw; width: 4vw;}

	/* coupon-banner */
	.coupon-banner-wrapper {margin-top: 2.604vw;}
	.coupon-banner {border-radius: 1.823vw; border-width: 0.391vw;}
	.coupon-banner .coupon-wrapper {border-radius: 1.823vw;}
	.coupon-banner .coupon-wrapper .button-refresh {right: -1.5625vw; top: -1.5625vw; width: 4.753vw; height: 5.143vw;}
	.coupon-banner .coupon-inner {padding: 1.302vw;}
	.coupon-banner .coupon-area > * {margin-right: 1.302vw;}
	.coupon-banner .coupon-area > .coupon {width: 19.401vw; padding: 0.78125vw 0.78125vw 1.302vw; border-radius: 1.302vw;}
	.coupon-banner .coupon-area > .coupon > * {margin-bottom: 0.651vw;}
	.coupon-banner .coupon-area > .coupon .coupon-rate {width: 6.8vw; padding-right: 0.2vw; font-size: 4.2vw;}
	.coupon-banner .coupon-area > .coupon .time-count {font-size: 2.604vw;}
	.coupon-banner .coupon-area > .coupon .txt-empty {font-size: 2.083vw;}
	.coupon-banner .coupon-area > .coupon.lock .img-area::before {left: -1.042vw; bottom: -2.148vw; width: 4.948vw; height: 6.055vw;}

	/* coupon-banner : coupon-type */	
	.coupon-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.6vw; top: 5.4vw;}
	.coupon-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 7.6vw; top: 2vw;}
	.coupon-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 1vw; top: 2vw;}	
	.coupon-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 1vw; top: 1.6vw; width: 11vw; font-size: 6vw;}
	.coupon-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.4vw; top: 2.4vw;}

	/* install-banner */
	.install-banner {left: 2.344vw; right: 2.344vw; height: 4.2vw; padding: 0 3vw; border-radius: 3vw;}
	.install-banner * {font-size: 2vw;}

	/* header (store) */
	.header-wrap .new::after {width: 1.5625vw; height: 1.5625vw;}
	.header-wrap .header .layout-inner {padding: var(--inner-padding);}
	.header-wrap .header .layout-al-right {display: flex;}
	.header-wrap .header .logo > a > * {margin-left: 4.232vw}
	.header-wrap .header .logo-txt {font-size: 3.255vw;}
	.header-wrap .header .button-login {width: 16.927vw; height: 5.208vw; margin-left: 1.302vw;}
	.header-wrap .header .button-login .bg-back,
	.header-wrap .header .button-login .bg-front {height: 4.818vw; border-radius: 6.510vw;}
	.header-wrap .header .button-login .bg-back {top: 0.391vw;}
	.header-wrap .header .button-login .front-inner {left: 0.130vw; top: 0.130vw; width: calc(100% - 0.260vw); height: calc(100% - 0.260vw); border-radius: 6.510vw;}
	.header-wrap .header .button-login .front-inner::before,
	.header-wrap .header .button-login .front-inner::after {left: 0.130vw; width: calc(100% - 0.260vw); height: calc(50% - 0.130vw);}
	.header-wrap .header .button-login .front-inner::before {top: 0.130vw; border-radius: 22.135vw 22.135vw 0 0; }
	.header-wrap .header .button-login .front-inner::after {bottom: 0.130vw; border-radius: 0 0 22.135vw 22.135vw;}
	.header-wrap .header .button-login .txt-area .txt {font-size: 2.865vw;}
	.header-wrap .header .button-login .txt-area .txt:nth-child(1) {-webkit-text-stroke-width: 0.260vw; -moz-text-stroke-width: 0.260vw; -ms-text-stroke-width: 0.260vw; text-stroke-width: 0.260vw;}
	.header-wrap .header .button-profile {width: 5.208vw; height: 5.208vw;}
	.header-wrap .userinfo-panel .noti-msg {font-size: 1.823vw;}
	.header-wrap .userinfo-panel .userinfo .info-area {width: 36.068vw; height: 2.93vw; border-width: 0.181vw; border-radius: 1.953vw;}	
	.header-wrap .userinfo-panel .userinfo .chip-amount {width: 34.831vw; padding: 0 1.302vw 0 3.19vw; font-size: 1.5625vw; line-height: 2.93vw;}
	.header-wrap .userinfo-panel .userinfo .chip-amount::before {left: -0.456vw; width: 3.646vw; height: 3.971vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm {left: -1.042vw; width: 3.841vw; height: 3.906vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm .num {font-size: 1.5vw; line-height: 1;}	
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar .gauge {height: 2.148vw; border-radius: 1.953vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap {font-size: 1.5625vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap .bar {top: 0; font-size: 1.5625vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap:first-child * {-webkit-text-stroke-width: 0.130vw; -moz-text-stroke-width: 0.130vw; -ms-text-stroke-width: 0.130vw; text-stroke-width: 0.130vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox {right: -0.716vw; top: -0.846vw; width: 3.32vw; height: 4.036vw; margin-top: 0;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new::after {width: 0.977vw; height: 0.977vw;}

	/* section-package (common) */
	.section-package {width: 94.792vw; padding: 2.604vw 0 6.51vw;}
	.section-package .package-wrap {flex: 0 0 calc(50% - 1.042vw); margin-right: 2.083vw; margin-bottom: 2.083vw; border-width: 0.26vw; border-radius: 1.302vw;}
	.section-package .package-wrap .tag-title {left: 2.604vw; top: -0.716vw; width: 24.219vw; height: 3.451vw; font-size: 1.823vw;}
	.section-package .package-wrap .gift-list-comm > li {width: 7.8125vw; height: 7.8125vw; border-width: 0.26vw; border-radius: 1.0417vw;}
	.section-package .package-wrap .gift-list-comm .info-cnt {margin-top: -0.3vw; font-size: 1.6vw;}
	.section-package .package-wrap .package-box {border-width: 0.26vw; border-radius: 1.042vw 1.042vw 0 0;}
	.section-package .package-wrap .package-box .coupon-wrapper {left: -1.5625vw; top: -1.5625vw;}
	.section-package .package-wrap .package-box .coupon-badge {width: 8.073vw; height: 8.464vw;}
	.section-package .package-wrap .package-box .coupon-badge::after {bottom: 1.5625vw; width: 1.237vw; height: 0.911vw;}	
	.section-package .package-wrap .package-box .coupon-badge * {text-shadow: 0 0.22vw 0.176vw rgb(0, 0, 0, .3);}
	.section-package .package-wrap .package-box .coupon-badge .percent {font-size: 2.083vw;}
	.section-package .package-wrap .package-box .coupon-badge .txt {font-size: 1.5625vw;}	
	.section-package .package-wrap .package-box .coupon-tooltip {width: 11.458vw; height: 9.44vw; margin-top: 0.2vw;}
	.section-package .package-wrap .package-box .coupon-tooltip .percent {bottom: 0.5vw; height: 2.5vw; line-height: 2.5vw; font-size: 1.758vw;}
	.section-package .package-wrap .package-box .coupon-tooltip .num {font-size: 1.8vw;}
	.section-package .package-wrap .package-box .info-wrapper {height: 19.271vw; padding: 0 0.911vw;}
	.section-package .package-wrap .package-box .chip-info {width: 26.823vw;}
	.section-package .package-wrap .package-box .chip-info .img-area {width: 26.042vw; margin-top: -1.5vw;}	
	.section-package .package-wrap .package-box .chip-area {margin-top: -1.5vw;}	
	.section-package .package-wrap .package-box .chip-area .current-chip {margin-top: 0.2vw; font-size: 3.125vw; text-shadow: 0 0.143vw 0.111vw rgba(0, 0, 0, 0.25);}
	.section-package .package-wrap .package-box .chip-area .original-chip {font-size: 1.823vw;}
	.section-package .package-wrap .package-box .gift-info {width: calc(100% - 26.823vw); padding-top: 1.432vw;}
	.section-package .package-wrap .package-box .gift-info .gift-list-comm > li {margin-right: 0.521vw; margin-bottom: 0.521vw;}	
	.section-package .package-wrap .package-box .gift-info .btn-more-gift::before {transform: translate(-50%, calc(-50% + 0.195vw)); width: 2.734vw; height: 1.5625vw;}
	.section-package .package-wrap .package-box .layer-more-gift {left: 1.1vw; top: 18.229vw; width: calc(100% - 2.2vw); padding: 0.911vw 0.911vw 0.391vw; border-width: 0.26vw; border-radius: 1.302vw;}
	.section-package .package-wrap .package-box .layer-more-gift .gift-list-comm > li {width: calc((100% - 4 * 0.651vw) / 5); margin-right: 0.651vw; margin-bottom: 0.651vw;}
	.section-package .package-wrap.gift-show .package-box .btn-more-gift::before {transform: translate(-50%, calc(-50% - 0.195vw)) rotate(180deg);}
	.section-package .package-wrap .bottom-box {height: 8.464vw; padding: 0 1.432vw; border-bottom-left-radius: 1.042vw; border-bottom-right-radius: 1.042vw;}
	.section-package .package-wrap .bottom-box .point-area .name {font-size: 2.083vw;}
	.section-package .package-wrap .bottom-box .point-area .num {padding-left: 2.995vw; margin-top: 0.651vw; font-size: 2.083vw;}
	.section-package .package-wrap .bottom-box .point-area .num::before {width: 2.34375vw; height: 2.669vw;}
	.section-package .package-wrap .bottom-box .button-pay {top: -0.195vw;}
	.section-package .package-wrap .bottom-box .button-pay .price-txt * {font-size: 3.385vw;}
	.section-package .package-wrap .bottom-box .button-pay .price-txt .cnt-num {margin-left: 0.6vw; font-size: 2.083vw;}
	.section-package .package-wrap .bottom-box .button-pay.icon-best::before,
	.section-package .package-wrap .bottom-box .button-pay.icon-hot::before {left: -1.5vw; top: -1.5vw; width: 5vw; height: 5vw;}

	/* section-package (p.p show) */
	.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge {padding-bottom: 0.651vw;}
	.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge.inactive::after {bottom: 1.302vw;}

	/* section-package (deal common: sdeal, fdeal) */
	.section-package .package-wrap.pack-type-deal .timer-area {left: 27.734vw; top: -1.6vw; width: 16.146vw; height: 2.8vw; border-width: 0.26vw; border-radius: 3.255vw;}
	.section-package .package-wrap.pack-type-deal .timer-area > span {font-size: 1.5625vw; border-width: 0.26vw; border-radius: 3.255vw;}

	/* section-package (sdeal) */
	.section-package .package-wrap.pack-type-deal.sdeal .tag-title {font-size: 1.5625vw;}
	.section-package .package-wrap.pack-type-deal.sdeal .package-box .coupon-wrapper {top: 1.953vw;}

	/* section-package (upselling) */
	.section-package .package-wrap.pack-type-upselling .button-pay::before {top: -0.6vw; width: 11.263vw; height: 1.432vw;}

	/* section-btm-banner */
	.section-btm-banner .inner-box {width: 37.76vw;}
	.section-btm-banner .img-character {left: 0.586vw; top: -4.6vw; width: 42.318vw;}

	/* 가로모드 */
	@media (orientation: landscape) {
		/* 모바일의 svh */		
		/* coupon-banner-comm */
		.coupon-banner-comm .coupon-wrapper {border-width: 0.556svh;}
		.coupon-banner-comm .coupon-area > .coupon {border-width: 0.370svh;}
		.coupon-banner-comm .coupon-area > .coupon .coupon-rate {letter-spacing: -0.5svh;}		

		/* coupon-banner */
		.coupon-banner-wrapper {margin-top: 2.7svh;}
		.coupon-banner {border-radius: 2.593svh; border-width: 0.556svh;}
		.coupon-banner .coupon-wrapper {border-radius: 2.593svh;}
		.coupon-banner .coupon-wrapper .button-refresh {right: -2svh; top: -2svh; width: 6.759svh; height: 7.315svh;}
		.coupon-banner .coupon-inner {padding: 1.852svh;}
		.coupon-banner .coupon-area > * {margin-right: 1.852svh;}
		.coupon-banner .coupon-area > .coupon {width: 22.5svh; padding: 1svh 1svh 1.5svh; border-radius: 1.852svh;}
		.coupon-banner .coupon-area > .coupon > * {margin-bottom: 0.926svh;}
		.coupon-banner .coupon-area > .coupon .coupon-rate {width: 8svh; padding-right: 0.4svh; font-size: 4.8svh;}
		.coupon-banner .coupon-area > .coupon .time-count {font-size: 3svh;}
		.coupon-banner .coupon-area > .coupon .txt-empty {font-size: 2.963svh;}
		.coupon-banner .coupon-area > .coupon.lock .img-area::before {left: -1.481svh; bottom: -2.056svh; width: 6.037svh; height: 6.611svh;}
		.coupon-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.5svh; top: 6.4svh;}
		.coupon-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 9svh; top: 2.5svh;}
		.coupon-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 1.4svh; top: 2.8svh;}	
		.coupon-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 1.2svh; top: 2.5svh; width: 13svh; font-size: 6svh;}
		.coupon-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.8svh; top: 3svh;}
	}
}

/* 
 *  [해상도 ~ 480px]
 *  - 모바일 (최소 360px까지)
 *  - 360 기준 / DPR 3 / 3.6
 *  - 모바일 ui 적용 (mode-mobile)
 */
@media all and (max-width:480px) {
	/* store 관련 공통 스타일 */
	:root {
		--userinfo-panel-height: 13.333vw;
		--navi-height: 11.111vw;
	}

	/* loading */
	.loading-layer .loading-img {width: 60%;}

	/* coupon-banner-comm */
	.coupon-banner-comm .coupon-wrapper {border-width: 0.556vw;}
	.coupon-banner-comm .coupon-area > .coupon {border-width: 0.370vw;}
	.coupon-banner-comm .coupon-area > .coupon .coupon-rate {letter-spacing: -0.5vw;}

	/* floating-banner */
	.floating-banner {right: 3.704vw; bottom: 10vw;}
	.floating-banner > * {margin-right: 2.037vw;}
	.floating-banner .button-floating-toggle {left: 3.796vw; width: 9.63vw; height: 13.056vw;}
	.floating-banner .button-floating-toggle::before {left: -0.8vw; top: -0.5vw; width: 1.759vw; height: 2.963vw;}
	.floating-banner .coupon-wrapper {min-height: 19.259vw; box-shadow: 0 0.463vw 0.648vw 0 rgba(0, 0, 0, 0.75); border-radius: 2.593vw;}
	.floating-banner .coupon-wrapper::after {right: -2.037vw; width: 2.037vw; height: 3.056vw;}
	.floating-banner .coupon-wrapper .button-refresh {right: -1.111vw; top: -2.13vw; width: 6.759vw; height: 7.315vw;}
	.floating-banner .coupon-inner {padding: 1.667vw; border-radius: 2.593vw;}
	.floating-banner .coupon-area > * {margin-right: 1.389vw;}
	.floating-banner .coupon-area > .coupon {width: 17.593vw; min-height: 15.185vw; padding: 1.204vw 1.204vw 1.481vw; border-radius: 1.111vw;}
	.floating-banner .coupon-area > .coupon > * {margin-bottom: 0.926vw;}
	.floating-banner .coupon-area > .coupon .coupon-rate {width: 6.5vw; font-size: 3.704vw;}
	.floating-banner .coupon-area > .coupon .time-count,
	.floating-banner .coupon-area > .coupon .txt-empty {font-size: 2.963vw;}
	.floating-banner .coupon-area > .coupon.lock .img-area::before {left: -1.204vw; bottom: -2.13vw; width: 4.444vw; height: 5.556vw;}
	.floating-banner .default-banner .banner-inner {width: 25.093vw; height: 25.093vw;}
	.floating-banner .default-banner .label {right: 1.852vw; top: 3.148vw; width: 5.6vw; height: 5.6vw;}
	.floating-banner .default-banner .label .num {left: 0.6vw; top: 0.2vw; width: 4vw; height: 4vw; font-size: 3vw;}
	.floating-banner .default-banner .img {top: 5.556vw; width: 17.222vw;}
	.floating-banner .default-banner .txt {bottom: 4.1667vw; width: 24.444vw;}
	.floating-banner .hidden-banner.expanded .button-floating-toggle {left: 3.241vw;}

	/* floating-banner : coupon-type */
	.floating-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.5vw; top: 4.5vw;}
	.floating-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 6vw; top: 1.8vw;}
	.floating-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 0.4vw; top: 1.6vw; width: 7vw; font-size: 4vw;}
	.floating-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 0.6vw; top: 1.8vw; width: 10vw; font-size: 5vw;}
	.floating-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.5vw; top: 2.2vw; width: 6vw;}

	/* coupon-banner */
	.coupon-banner-wrapper {margin-top: 3.704vw;}
	.coupon-banner {border-radius: 2.593vw; border-width: 0.556vw;}
	.coupon-banner .coupon-wrapper {border-radius: 2.593vw;}
	.coupon-banner .coupon-wrapper .button-refresh {right: -1.667vw; top: -1.667vw; width: 6.759vw; height: 7.315vw;}
	.coupon-banner .coupon-inner {padding: 1.852vw;}
	.coupon-banner .coupon-area > * {margin-right: 1.852vw;}
	.coupon-banner .coupon-area > .coupon {width: 27.593vw; padding: 1.481vw 1.481vw 1.852vw; border-radius: 1.852vw;}
	.coupon-banner .coupon-area > .coupon > * {margin-bottom: 0.926vw;}
	.coupon-banner .coupon-area > .coupon .coupon-rate {width: 9.5vw; padding-right: 0.3vw; font-size: 6.2vw;}
	.coupon-banner .coupon-area > .coupon .time-count {font-size: 3.704vw;}
	.coupon-banner .coupon-area > .coupon .txt-empty {font-size: 2.963vw;}
	.coupon-banner .coupon-area > .coupon.lock .img-area::before {left: -1.481vw; bottom: -3.056vw; width: 7.037vw; height: 8.611vw;}

	/* coupon-banner : coupon-type */
	.coupon-banner .coupon-area > .coupon.coupon-normal .coupon-rate {left: 0.7vw; top: 7.4vw;}
	.coupon-banner .coupon-area > .coupon.coupon-exclusive .coupon-rate {left: 10.4vw; top: 2.5vw;}
	.coupon-banner .coupon-area > .coupon.coupon-special .coupon-rate {left: 1.2vw; top: 3vw;}	
	.coupon-banner .coupon-area > .coupon.coupon-surprise .coupon-rate {left: 1vw; top: 2.8vw; width: 17vw; font-size: 8vw;}
	.coupon-banner .coupon-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 0.5vw; top: 3vw;}

	/* install-banner */
	.install-banner {left: 3.5vw; right: 3.5vw; bottom: 2vw; height: 8vw;}
	.install-banner * {font-size: 3.2vw;}

	/* header (store) */
	.header-wrap .new::after {width: 2.778vw; height: 2.778vw;}
    .header-wrap .header-fixed {z-index: 101;}
	.header-wrap .header .logo > a > * {margin-left: 3.704vw;}
	.header-wrap .header .logo-txt {font-size: 5.556vw;}
	.header-wrap .header .button-login {width: 25.926vw; height: 9.259vw; margin-left: 0.926vw;}
	.header-wrap .header .button-login .bg-back,
	.header-wrap .header .button-login .bg-front {height: 8.611vw; border-radius: 4.444vw;}
	.header-wrap .header .button-login .bg-back {top: 0.648vw;}
	.header-wrap .header .button-login .front-inner {left: 0.278vw; top: 0.278vw; width: calc(100% - 0.556vw); height: calc(100% - 0.556vw); border-radius: 4.444vw;}
	.header-wrap .header .button-login .front-inner::before,
	.header-wrap .header .button-login .front-inner::after {left: 0.278vw; width: calc(100% - 0.556vw); height: calc(50% - 0.278vw);}
	.header-wrap .header .button-login .front-inner::before {top: 0.278vw; border-radius: 46.296vw 46.296vw 0 0; }
	.header-wrap .header .button-login .front-inner::after {bottom: 0.278vw; border-radius: 0 0 46.296vw 46.296vw;}
	.header-wrap .header .button-login .txt-area .txt {font-size: 4.074vw;}
	.header-wrap .header .button-login .txt-area .txt:nth-child(1) {-webkit-text-stroke-width: 0.556vw; -moz-text-stroke-width: 0.556vw; -ms-text-stroke-width: 0.556vw; text-stroke-width: 0.556vw;}
	.header-wrap .header .button-profile {width: 8.333vw; height: 8.333vw;}
	.header-wrap .userinfo-panel .noti-msg {font-size: 3.701vw;}
	.header-wrap .userinfo-panel .userinfo .info-area {width: 43.148vw; height: 6.481vw; border-width: 0.37vw; border-radius: 3.704vw;}	
	.header-wrap .userinfo-panel .userinfo .chip-amount {width: 45.185vw; padding: 0 3.704vw 0 7.222vw; font-size: 3.333vw; line-height: 1;}
	.header-wrap .userinfo-panel .userinfo .chip-amount::before {left: -0.37vw; width: 7.593vw; height: 8.333vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm {left: -2.407vw; width: 7.778vw; height: 7.87vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm .num {font-size: 2.6vw; line-height: 1;}	
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar .gauge {height: 4.63vw; border-radius: 3.704vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap {font-size: 3.333vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap .bar {font-size: 3.333vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap:first-child * {-webkit-text-stroke-width: 0.37vw; -moz-text-stroke-width: 0.37vw; -ms-text-stroke-width: 0.37vw; text-stroke-width: 0.37vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox {right: -1.019vw; top: -1.574vw; width: 6.852vw; height: 8.333vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new::after {width: 1.8vw; height: 1.8vw;}

	/* section-package (common) */
	.section-package {padding: 4.63vw 0 7.407vw;}
	.section-package .package-wrap {flex: 0 0 100%; margin-right: 0; margin-bottom: 3.704vw; border-width: 0.556vw; border-radius: 2.593vw;}
	.section-package .package-wrap:last-child {margin-bottom: 0;}
	.section-package .package-wrap .tag-title {left: 5.556vw; top: -1.389vw; width: 45.37vw; height: 6.481vw; font-size: 3.704vw;}
	.section-package .package-wrap .gift-list-comm > li {width: 15.556vw; height: 15.556vw; border-width: 0.556vw; border-radius: 1.852vw;}
	.section-package .package-wrap .gift-list-comm .info-cnt {margin-top: -.5vw; font-size: 3.2vw;}
	.section-package .package-wrap .package-box {border-width: 0.26vw; border-radius: 2.037vw 2.037vw 0 0;}	
	.section-package .package-wrap .package-box .coupon-wrapper {left: -2.963vw; top: -2.963vw;}
	.section-package .package-wrap .package-box .coupon-badge {width: 16.667vw; height: 17.5vw;}
	.section-package .package-wrap .package-box .coupon-badge::after {bottom: 3vw; width: 2.778vw; height: 1.944vw;}	
	.section-package .package-wrap .package-box .coupon-badge * {text-shadow: 0 0.463vw 0.37vw rgb(0, 0, 0, .3);}
	.section-package .package-wrap .package-box .coupon-badge .percent {font-size: 4.074vw;}
	.section-package .package-wrap .package-box .coupon-badge .txt {font-size: 2.963vw;}
	.section-package .package-wrap .package-box .coupon-tooltip {width: 24.074vw; height: 19.815vw; margin-top: 0.5vw;}
	.section-package .package-wrap .package-box .coupon-tooltip .percent {bottom: 1.4vw; height: 4.5vw; line-height: 4.5vw; font-size: 3vw;}
	.section-package .package-wrap .package-box .coupon-tooltip .num {font-size: 3.6vw;}
	.section-package .package-wrap .package-box .info-wrapper {height: 37.963vw; padding: 0 1.481vw;}
	.section-package .package-wrap .package-box .chip-info {width: 53.704vw;}
	.section-package .package-wrap .package-box .chip-info .img-area {width: 52.037vw; margin-top: -3vw;}	
	.section-package .package-wrap .package-box .chip-area {margin-top: -3.2vw;}	
	.section-package .package-wrap .package-box .chip-area .current-chip {margin-top: 0.1vw; font-size: 6.296vw; text-shadow: 0 0.296vw 0.222vw rgba(0, 0, 0, 0.25);}
	.section-package .package-wrap .package-box .chip-area .original-chip {font-size: 3.704vw;}
	.section-package .package-wrap .package-box .gift-info {width: calc(100% - 53.704vw); padding-top: 2.593vw;}
	.section-package .package-wrap .package-box .gift-info .gift-list-comm > li {margin-right: 1.111vw; margin-bottom: 1.111vw;}	
	.section-package .package-wrap .package-box .gift-info .btn-more-gift::before {transform: translate(-50%, calc(-50% + 0.5vw)); width: 5.741vw; height: 3.333vw;}
	.section-package .package-wrap .package-box .layer-more-gift {left: 1.9vw; top: 36.111vw; width: calc(100% - 3.8vw); padding: 1.852vw 1.852vw 0.56vw; border-width: 0.556vw; border-radius: 2.593vw;}
	.section-package .package-wrap .package-box .layer-more-gift .gift-list-comm > li {width: calc((100% - 4 * 1.296vw) / 5); margin-right: 1.296vw; margin-bottom: 1.296vw;}
	.section-package .package-wrap.gift-show .package-box .btn-more-gift::before {transform: translate(-50%, calc(-50% - 0.5vw)) rotate(180deg);}
	.section-package .package-wrap .bottom-box {height: 16.667vw; padding: 0 2.593vw; border-bottom-left-radius: 2.037vw; border-bottom-right-radius: 2.037vw;}
	.section-package .package-wrap .bottom-box .point-area .name {font-size: 4.074vw;}
	.section-package .package-wrap .bottom-box .point-area .num {padding-left: 6.019vw; margin-top: 1.204vw; font-size: 4.444vw;}
	.section-package .package-wrap .bottom-box .point-area .num::before {width: 4.722vw; height: 5.278vw;}
	.section-package .package-wrap .bottom-box .button-pay {top: -0.463vw;}
	.section-package .package-wrap .bottom-box .button-pay .price-txt * {font-size: 6.667vw;}
	.section-package .package-wrap .bottom-box .button-pay .price-txt .cnt-num {margin-left: 1.2vw; font-size: 4.074vw;}
	.section-package .package-wrap .bottom-box .button-pay.icon-best::before,
	.section-package .package-wrap .bottom-box .button-pay.icon-hot::before {left: -2.5vw; top: -2.5vw; width: 9vw; height: 9vw;}
	.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge {padding-bottom: 0.8vw;}
	.section-package .package-wrap.pp-coupon-show .package-box .coupon-badge.inactive::after {bottom: 2.5vw;}

	/* section-package (deal common: sdeal, fdeal) */
	.section-package .package-wrap.pack-type-deal .timer-area {left: 55.556vw; top: -3.2vw; width: 32.222vw; height: 5.7vw; border-width: 0.556vw; border-radius: 7.407vw;}
	.section-package .package-wrap.pack-type-deal .timer-area > span {font-size: 3.333vw; border-width: 0.556vw; border-radius: 7.407vw;}

	/* section-package (sdeal) */
	.section-package .package-wrap.pack-type-deal.sdeal .tag-title {font-size: 2.963vw;}
	.section-package .package-wrap.pack-type-deal.sdeal .package-box .coupon-wrapper {top: 3.704vw;}

	/* section-package (upselling) */
	.section-package .package-wrap.pack-type-upselling .button-pay::before {top: -1.2vw; width: 22.593vw; height: 2.87vw;}

	/* section-btm-banner */
	.section-btm-banner .inner-box {width: 59.259vw;}
	.section-btm-banner .img-character {left: -14vw; top: -6.5vw; width: 70vw;}    
}