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

/* store 관련 공통 스타일 */
:root {
	--min-width: 100%;
	--userinfo-panel-height: 65px;
	--header-wrap-height: calc(var(--header-height) + var(--userinfo-panel-height));
	--navi-height: 70px;
}
body,
.section-package {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;}

/* layerpopup */
[class*=layerpopup-common] .layer-wrapper {background-color: #201a86;}
[class*=layerpopup-common] .layer-inner {padding: 35px 20px 50px;}
[class*=layerpopup-common] .layer-inner > * {margin-bottom: 10px;}
[class*=layerpopup-common] .layer-inner > *:last-child {margin-bottom: 0 !important;}
[class*=layerpopup-common] .layer-footer .btn-comm {width: 303px; background-image: url(../../images/popup/bg_btn_comm.png);}
[class*=layerpopup-common] .layer-footer .btn-comm * {height: 90%; color: #fff;}
[class*=layerpopup-common] .layer-footer .btn-comm > *:nth-child(1) {-webkit-text-stroke: 3px #288d00; -moz-text-stroke: 3px #288d00; -ms-text-stroke: 3px #288d00; text-stroke: 3px #288d00;}

/* 엑솔라 결제 팝업 */
.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)}

/* floating-banner */
.floating-banner {display: none; justify-content: end; align-items: center; z-index: 11; position: fixed; right: 50px; bottom: 50px;}
.floating-banner > * {margin-right: 15px;}
.floating-banner > *:last-child {margin-right: 0 !important;}
.floating-banner img {width: 100%;}
.floating-banner .button-floating-toggle {display: flex; justify-content: center; align-items: center; position: relative; left: 10px; width: 45px; height: 67px; background: url(../../images/floating_banner/coupon_banner/bg_btn_toggle.png) 0 0 no-repeat; background-size: cover; cursor: pointer;}
.floating-banner .button-floating-toggle::before {content: ""; display: inline-block; position: relative; left: -1px; width: 13px; height: 23px; background: url(../../images/floating_banner/coupon_banner/icon_toggle_arrow.png) 0 0 no-repeat; background-size: cover;}
.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 {left: 0; transform: rotate(180deg);}
.floating-banner .hidden-banner .coupon-wrapper {position: relative; background: #7c0002; box-shadow: 10px 10px 20px rgba(0,0,0,.8); border: 2px solid #ed0117; border-radius: 10px;}
.floating-banner .hidden-banner .coupon-wrapper::after {content: ""; display: inline-block; position: absolute; right: -14px; top: 50%; transform: translateY(-50%); width: 14px; height: 20px; background: url(../../images/floating_banner/coupon_banner/icon_arrow_right.png) 0 0 no-repeat; background-size: cover;}
.floating-banner .hidden-banner .coupon-wrapper .button-refresh {z-index: 1; position: absolute; right: -15px; top: -15px; width: 35px; height: 35px; padding: 0; background: url(../../images/floating_banner/coupon_banner/icon_refresh.png) center no-repeat; background-size: cover;}
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-gold {background-color: #753F13; border-color: #F8B135;}
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-gold::after {background-image: url(../../images/floating_banner/coupon_banner/icon_arrow_right_gold.png);}
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-blue,
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-empty {background-color: #313F95; border-color: #4066FC;}
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-blue::after,
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-empty::after {background-image: url(../../images/floating_banner/coupon_banner/icon_arrow_right_blue.png);}
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-purple {background-color: #7805A9; border-color: #DB29D9;}
.floating-banner .hidden-banner .coupon-wrapper.wrap-bg-purple::after {background-image: url(../../images/floating_banner/coupon_banner/icon_arrow_right_purple.png);}
.floating-banner .hidden-banner .coupon-inner {display: flex; align-items: center; height: 100%; padding: 5px 7px; box-shadow: inset 0 0 10px #5d2929; border-radius: 10px;}
.floating-banner .hidden-banner .img-area {display: flex;}
.floating-banner .hidden-banner .img-area > * {margin-right: 5px;}
.floating-banner .hidden-banner .img-area > *:last-child {margin-right: 0 !important;}
.floating-banner .hidden-banner .img-area > .coupon {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; width: 92px; min-height: 75px; padding: 4px 0; background: #55090a; border-radius: 7px; box-sizing: border-box;}
.floating-banner .hidden-banner .img-area > .coupon > * {margin-bottom: 5px;}
.floating-banner .hidden-banner .img-area > .coupon > *:last-child {margin-bottom: 0 !important;}
.floating-banner .hidden-banner .img-area > .coupon img {width: 80px;}
.floating-banner .hidden-banner .img-area > .coupon .coupon-rate {display: inline-block; position: absolute; width: 30px; 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); font-size: 20px; letter-spacing: -2px; text-align: center;}
.floating-banner .hidden-banner .img-area > .coupon .time-count,
.floating-banner .hidden-banner .img-area > .coupon .txt-empty {display: flex; align-items: center; height: 100%; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 12px; text-align: center; letter-spacing: .5px;}
.floating-banner .hidden-banner .img-area > .coupon.on {background: url(../../images/floating_banner/coupon_banner/bg_coupon_on.png) center center no-repeat; background-size: cover;}
.floating-banner .hidden-banner .img-area > .coupon.on .time-count {color: #ffff6a;}
.floating-banner .hidden-banner .img-area > .coupon.end {display: none;}
.floating-banner .hidden-banner .img-area > .coupon[class*=lock] {pointer-events: none;}
.floating-banner .hidden-banner .img-area > .coupon.lock::before {content: ""; display: inline-block; position: absolute; left: 5px; top: 35px; width: 15px; height: 20px; background: url(../../images/floating_banner/coupon_banner/icon_lock.png) 0 0 no-repeat; background-size: contain;}
.floating-banner .default-banner {display: flex; align-items: center; position: relative;}
.floating-banner .default-banner .banner-inner {display: flex; justify-content: center; align-items: center; position: relative; width: 120px; height: 121px; background: url(../../images/floating_banner/coupon_banner/bg_banner.png) 0 0 no-repeat; background-size: cover; overflow: hidden;}
.floating-banner .default-banner .label {z-index: 10; position: absolute; right: 10px; top: 15px; width: 20px; height: 19px; background: linear-gradient(#80ee0a, #27a601); border: 2px solid #0c7600; border-radius: 50%; text-align: center; line-height: 20px;}
.floating-banner .default-banner .label .num {position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #fff; font-family: var(--ft-family_Poppins-italic-500); font-size: 16px;}
.floating-banner .default-banner .label .num:nth-child(1) {-webkit-text-stroke: 3px #288d00; -moz-text-stroke: 3px #288d00; -ms-text-stroke: 3px #288d00; text-stroke: 3px #288d00;}
.floating-banner .default-banner .img {position: absolute; left: 50%; top: 25px; transform: translateX(-50%); width: 80px;}
.floating-banner .default-banner .txt {position: absolute; bottom: 20px; width: 125px;}
.floating-banner .hidden-banner.expanded {display: flex; right: 0; animation: expandBanner 1s ease forwards;}
.floating-banner .hidden-banner.expanded .button-floating-toggle {display: flex;}
.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 .hidden-banner .img-area > .coupon.coupon-normal .coupon-rate {left: 11px; top: 28px;}
.floating-banner .hidden-banner .img-area > .coupon.coupon-exclusive .coupon-rate {left: 43px; top: 12px;}
.floating-banner .hidden-banner .img-area > .coupon.coupon-special .coupon-rate {left: 13px; top: 12px;}
.floating-banner .hidden-banner .img-area > .coupon.coupon-surprise .coupon-rate {left: 10px; top: 11px; width: 50px; font-size: 25px;}
.floating-banner .hidden-banner .img-area > .coupon.coupon-offcanvas .coupon-rate,
.floating-banner .hidden-banner .img-area > .coupon.webstore-voucher .coupon-rate {display: none;}
.floating-banner .hidden-banner .img-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 8px; top: 14px; width: 32px;}
.floating-banner .hidden-banner .img-area > .coupon.bg-gold {background-color: #391105;}
.floating-banner .hidden-banner .img-area > .coupon.bg-gold .txt-empty {color: #9c6b4a}
.floating-banner .hidden-banner .img-area > .coupon.bg-purple {background-color: #30024D;}
.floating-banner .hidden-banner .img-area > .coupon.bg-purple .txt-empty {color: #a065ca}
.floating-banner .hidden-banner .img-area > .coupon.bg-blue,
.floating-banner .hidden-banner .img-area > .coupon.bg-empty {background-color: #192665;}
.floating-banner .hidden-banner .img-area > .coupon.bg-blue .txt-empty,
.floating-banner .hidden-banner .img-area > .coupon.bg-empty .txt-empty {color: #596db5}

/* header (store) */
.header-wrap .header .logo > a > * {margin-right: 50px}
.header-wrap .header .logo > a > *:last-child {margin-right: 0 !important;}
.header-wrap .header .logo-txt {color: #1398ff; font-family: var(--ft-family_Poppins-700); font-size: 30px;}
.header-wrap .header .button-login,
.header-wrap .header .button-profile {display: flex; justify-content: center; align-items: center; height: 100%;}
.header-wrap .header .button-login {width: 154px; height: 60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='182' height='70' viewBox='0 0 182 70' fill='none'%3E%3Cpath d='M0 0H182V70H0V0Z' fill='url(%23pattern0_3209_13112)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_3209_13112' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_3209_13112' transform='scale(0.00549451 0.0142857)'/%3E%3C/pattern%3E%3Cimage id='image0_3209_13112' width='182' height='70' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center;}
.header-wrap .header .button-profile {overflow: hidden; display: none; right: 0; width: 39.5px; height: 39px; border-radius: 50%;}
.header-wrap .header .button-profile img {width: 100%; height: auto;}
.header-wrap .header .button-profile.new::after {display: none !important; width: 0 !important; content: ""; display: inline-block; position: absolute; right: calc(3.5vh + 5px); top: 12px; width: 10px; height: 10px; background: #f43521; border-radius: 50%; /* animation: fadeInEffect .5s ease infinite; */}
.header-wrap .userinfo-panel {display: flex; justify-content: space-between; align-items: center;height: var(--userinfo-panel-height); background: #4211AF;}
.header-wrap .userinfo-panel .noti-msg {width: 100%; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 20px; text-align: center;}
.header-wrap .userinfo-panel .noti-msg .bold {color: #FFBC2C; font-family: var(--ft-family_Poppins-600);}
.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: 400px; height: 40px; background: #240075; border: 2px solid #6425F5; border-radius: 30px; box-sizing: border-box;}
.header-wrap .userinfo-panel .userinfo .chip-amount {padding: 0 30px; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 20px; line-height: 36px; text-align: right;}
.header-wrap .userinfo-panel .userinfo .chip-amount::before {content: ""; display: inline-block; position: absolute; left: -12px; top: 50%; transform: translateY(-50%); width: 49px; height: 53px; background: url(../../images/common/icons/icon_chip.png) center no-repeat; background-size: contain;}
.header-wrap .userinfo-panel .userinfo .point-progress > * {z-index: 1;}
.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm {z-index: 10; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); width: 49px; height: 50px;}
.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 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -1.5px; font-size: 20px; line-height: 50px; letter-spacing: -1px;}
.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 {z-index: 0; position: absolute; top: 3px; width: 0%; height: 30px; 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%; transform: translateY(-50%); color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 20px; text-align: center;}
.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: 1.3px #1C005C; -moz-text-stroke: 1.3px #1C005C; -ms-text-stroke: 1.3px #1C005C; text-stroke: 1.3px #1C005C;}
.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox {position: absolute; right: -8px; top: 0; 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::before {animation: twoShakeAni 2.5s ease-in-out infinite;}
.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new::after {content: ""; display: inline-block; position: absolute; right: -3.5px; top: 1.5px; width: 5.5px; height: 5.5px; border-radius: 50%; background: #f43521;}
.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-wrap-height);}
.contents-wrap .section-title {color: #fefeff; font-family: var(--ft-family_Poppins-700); font-size: 48px; text-align: center;}

/* section-banner : common */
[class*=section-banner] {overflow: hidden; position: relative; height: 380px; background-position: 0 0; background-repeat: no-repeat; background-size: cover;}
[class*=section-banner] > [class^=banner-type] {height: 100%;}
[class*=section-banner] video {height: 100%; object-fit: cover; object-position: center;}
[class*=section-banner] .layout-inner {z-index: 1; position: absolute; left: 50%; top: 0; width: 1400px; height: 100%; padding-left: 120px; padding-right: 120px; transform: translateX(-50%); box-sizing: border-box;}
[class*=section-banner] .layout-inner > .banner-img {position: absolute; left: 0;}
[class*=section-banner] .inner-box {display: flex; flex-direction: column; height: 100%; padding: 0; padding-top: 60px; box-sizing: border-box;}
[class*=section-banner] .section-title {margin-bottom: 5px; font-size: 60px; color: #fff; font-family: var(--ft-family_Poppins-italic-900); text-align: left;}
[class*=section-banner] .section-content {display: flex; flex-direction: column;}
[class*=section-banner] .section-content > * {margin-bottom: 20px;}
[class*=section-banner] .section-content > *:last-child {margin-bottom: 0 !important;}
[class*=section-banner] .section-content .txt-area {color: #fff; font-family: var(--ft-family_Poppins-italic-400); font-size: 24px; line-height: 1.1; letter-spacing: -.5px;}
[class*=section-banner] .section-content .txt-area > p {margin-bottom: 15px;}
[class*=section-banner] .section-content .txt-area > p:last-child {margin-bottom: 0 !important;}
[class*=section-banner] .button-banner-comm {position: relative; width: 260px; height: 77px; background-position: 0 0; background-repeat: no-repeat; background-size: contain; background-image: url(../../images/store/banner/btn_banner.png);}
[class*=section-banner] .button-banner-comm .btn-txt-area {position: relative; height: 100%;}
[class*=section-banner] .button-banner-comm .btn-txt-area > [class^=txt-] {position: absolute; left: 0; width: 100%;}
[class*=section-banner] .button-banner-comm .btn-txt-area > [class^=txt-] * {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; transform: translateY(-50%); letter-spacing: .5px;}
[class*=section-banner] .button-banner-comm .btn-txt-area > [class^=txt-] *:nth-child(1) {-webkit-text-stroke: 2px #288d00; -moz-text-stroke: 2px #288d00; -ms-text-stroke: 2px #288d00; text-stroke: 2px #288d00;}
[class*=section-banner] .button-banner-comm .btn-txt-area .txt-main {top: -5%;}
[class*=section-banner] .button-banner-comm .btn-txt-area .txt-main * {display: block; color: #fff; font-family: var(--ft-family_Poppins-800); font-size: 38px;}
[class*=section-banner] .button-banner-comm .btn-txt-area .txt-sub {top: 48%;}
[class*=section-banner] .button-banner-comm .btn-txt-area .txt-sub * {display: block; color: #fff47a; font-family: var(--ft-family_Poppins-700); font-size: 24px;}
[class*=section-banner] .button-banner-comm .tag-top {position: absolute; left: 50%; top: -6px; transform: translate(-50%); width: 176px; height: 22px; background: url(../../images/store/banner/bg_tag_comm.png) 0 0 no-repeat; background-size: contain; color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 16px; line-height: 20px; text-align: center;}
[class*=section-banner] .button-banner-comm .btn-txt-area.single .txt-main {top: 8%;}
[class*=section-banner] .button-banner-comm .tag-top + .btn-txt-area.single .txt-main {top: 10%;}

/* section-banner-welcomegift */
.section-banner-welcomegift .banner-typeA {background-image: url(../../images/store/banner/bg_banner_welcomegift.jpg?ver=2502140000); background-size: cover; background-position: center;}
.section-banner-welcomegift .banner-typeA .section-title {text-shadow: 1.5px 1.5px 6.5px #207ee8;}
.section-banner-welcomegift .banner-typeA .section-content .txt-area {color: #240075; font-family: var(--ft-family_Poppins-italic-600);}
.section-banner-welcomegift .banner-typeB {background: #6425f5;}
.section-banner-welcomegift .banner-typeB .bold {color: #fedc2b;}
.section-banner-welcomegift .banner-typeB .section-title {line-height: .95;}
.section-banner-welcomegift .banner-typeB .section-content > * {margin-bottom: 15px;}

/* section-banner-main */
.section-banner-main .banner-typeB {background: #6425f5;}
.section-banner-main .banner-typeB .bold {color: #fedc2b;}
.section-banner-main .banner-typeB .section-title {line-height: .95;}

/* section-banner: coin-inflation */
[class*=section-banner] .banner-type-coin-inflation {background-position: center; background-repeat: no-repeat; background-color: #2c0b66;}
[class*=section-banner] .banner-type-coin-inflation .inner-box {padding-top: 50px;}
[class*=section-banner] .banner-type-coin-inflation .section-title {margin-left: -2px; font-family: var(--ft-family_Poppins-700); font-size: 77px; line-height: .9; text-shadow: 0px 4px 6px #22004C;}
[class*=section-banner] .banner-type-coin-inflation .section-content .txt-area {font-family: var(--ft-family_Poppins-600); font-size: 35px; text-shadow: 0px 4px 6px #22004C;}
[class*=section-banner] .banner-type-coin-inflation .button-banner-comm {width: 309px; height: 82px; box-shadow: 0px 4.259px 5.11px 0px rgba(0, 0, 0, 0.35); border-radius: 42px;}
[class*=section-banner] .banner-type-coin-inflation .button-banner-comm .btn-txt-area.single .txt-main {top: 7%;}
[class*=section-banner] .banner-type-coin-inflation .button-banner-comm .btn-txt-area .txt-main * {font-family: var(--ft-family_Poppins-700); font-size: 42px;}
[class*=section-banner] .banner-type-coin-inflation .button-banner-comm .btn-txt-area .txt-main *:nth-child(1) {-webkit-text-stroke-width: 4px; -moz-text-stroke-width: 4px; -ms-text-stroke-width: 4px; text-stroke-width: 4px;}
.section-banner-welcomegift .banner-type-coin-inflation {background-image: url(../../images/store/banner/coin_inflation/login_before.jpg);}
.section-banner-welcomegift .banner-type-coin-inflation .section-content .txt-area {color: #FF9600;}
.section-banner-welcomegift .banner-type-coin-inflation .button-banner-comm {background-image: url(../../images/store/banner/coin_inflation/btn_bg-orange.png);}
.section-banner-welcomegift .banner-type-coin-inflation .button-banner-comm .btn-txt-area > [class^=txt-] *:nth-child(1) {-webkit-text-stroke-color: #CF5628 !important; -moz-text-stroke-color: #CF5628 !important; -ms-text-stroke-color: #CF5628 !important; text-stroke-color: #CF5628 !important;}
.section-banner-main .banner-type-coin-inflation {background-image: url(../../images/store/banner/coin_inflation/login_after.jpg);}
.section-banner-main .banner-type-coin-inflation .section-content .txt-area {color: #63C900;}
.section-banner-main .banner-type-coin-inflation .button-banner-comm {background-image: url(../../images/store/banner/coin_inflation/btn_bg-green.png);}
.section-banner-main .banner-type-coin-inflation .button-banner-comm .btn-txt-area > [class^=txt-] *:nth-child(1) {-webkit-text-stroke-color: #2B9A00 !important; -moz-text-stroke-color: #2B9A00 !important; -ms-text-stroke-color: #2B9A00 !important; text-stroke-color: #2B9A00 !important;}

/* package-navigation */
.package-navigation {background: #4211af;}
.package-navigation .navi {display: flex; height: var(--navi-height);}
.package-navigation .navi .item {flex: 1; position: relative; background: #4211af;}
.package-navigation .navi .item > a {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.package-navigation .navi .item > a > * {margin-bottom: .5px;}
.package-navigation .navi .item > a > *:last-child {margin-bottom: 0 !important;}
.package-navigation .navi .item.active {background: #1398ff;}
.package-navigation .navi .item:last-child::after {display: none; width: 0;}
.package-navigation .navi .item * {color: #fff;}
.package-navigation .navi .item .main-txt {font-family: var(--ft-family_Poppins-700); font-size: 28px;}
.package-navigation.fixed {z-index: 98; position: fixed; top: var(--header-wrap-height); width: 100%; border-top: 2px solid #240075; border-bottom: 2px solid #240075;}

/* section-package */
.package-navigation.fixed + .section-package {padding-top: calc(60px + var(--navi-height));}
.section-package {padding: 60px 0 80px; background: #240075;}
.section-package .section-title {margin-bottom: 30px !important;}
.section-package > .layout-inner {display: flex; flex-direction: column;}
.section-package [class^=package-wrap-] {display: flex; flex-direction: column;}
.section-package [class^=package-wrap-].navi-target {display: none;}
.section-package [class^=package-wrap-].navi-target.show {display: flex;}
.section-package .section-content {display: flex;}
.section-package .section-content > * {margin-bottom: 40px;}
.section-package .package-wrap {position: relative; background: #4f00b1; border: 2px solid #ffbc2c; border-radius: 20px; box-sizing: border-box;}
.section-package .package-wrap .tag-title {display: inline-block; position: absolute; left: 50%; top: -8px; transform: translateX(-50%); width: 180px; height: 26px; background-image: url(../../images/store/bg_tag_legend_02.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.5;}
.section-package .package-wrap .tag-title.master {background-image: url(../../images/store/bg_tag_master_02.png);}
.section-package .package-wrap .tag-title.expert {background-image: url(../../images/store/bg_tag_expert_02.png);}
.section-package .package-wrap .tag-title.rookie {background-image: url(../../images/store/bg_tag_rookie_02.png);}
.section-package .package-wrap .gift-list-comm {display: flex; flex-wrap: wrap;}
.section-package .package-wrap .gift-list-comm > li {flex: 0 0 calc(20% - 8px); display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(20% - 8px); height: 58px; margin-right: 10px; margin-bottom: 10px; background: #8C1BFF; border: 2px solid #9C3BFF; border-radius: 10px; box-sizing: border-box; text-align: center;}
.section-package .package-wrap .gift-list-comm > li:nth-child(5n) {margin-right: 0 !important;}
.section-package .package-wrap .gift-list-comm > li > * {margin-bottom: 1px;}
.section-package .package-wrap .gift-list-comm > li > *:last-child {margin-bottom: 0 !important;}
.section-package .package-wrap .gift-list-comm .info-image {width: 85%;}
.section-package .package-wrap .gift-list-comm .info-image img {width: 100%; vertical-align: middle;}
.section-package .package-wrap .gift-list-comm .info-cnt {color: #fff47a; font-family: var(--ft-family_Poppins-400); font-size: 14px;}
.section-package .package-wrap .gift-list-comm .info-txt {width: 100%; color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 14px;}
.section-package .package-wrap .gift-list-comm > li.bg-on {background-color: #bd1fff; border-color: #d658ff;}
.section-package .package-wrap .package-info {background: #8c1bff; border: 2px solid #4f00b1; border-radius: 18px 18px 0 0; box-sizing: border-box;}
.section-package .package-wrap .package-info .coupon-wrapper {display: none; z-index: 2; position: absolute; left: 12px; top: 10px;}
.section-package .package-wrap .package-info .coupon-badge {z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 52px; height: 55px; background: url(../../images/store/bg_coupon_badge.png) 0 0 no-repeat; background-size: contain; font-size: 12px; transition: all 1s ease; animation: scaleEffectShow 1s ease forwards;}
.section-package .package-wrap .package-info .coupon-badge::after {content: ""; display: none; position: absolute; left: 42%; bottom: 9px; width: 10px; height: 7px; background: url(../../images/store/icon_coupon_badge_arrow.png) 0 0 no-repeat; background-size: contain; transform: rotate(180deg);}
.section-package .package-wrap .package-info .coupon-badge * {color: #fff; font-family: var(--ft-family_Poppins-700); line-height: 1; letter-spacing: 0;}
.section-package .package-wrap .package-info .coupon-badge .percent {font-size: 12px;}
.section-package .package-wrap .package-info .coupon-badge .num {font-size: 13px;}
.section-package .package-wrap .package-info .coupon-badge .txt {font-size: 9px; text-shadow: 1.6px 3.2px 3.2px rgb(0, 0, 0, .3);}
.section-package .package-wrap .package-info .coupon-tooltip {display: none; position: relative; left: 5px; width: 72px; height: 65px; margin-top: 2px; 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-info .coupon-tooltip * {color: #240075; font-family: var(--ft-family_Poppins-700); font-size: 13px; letter-spacing: 0;}
.section-package .package-wrap .package-info .coupon-tooltip .percent {width: 100%; position: absolute; bottom: 14px; height: 10px; line-height: 1; text-align: center;}
.section-package .package-wrap .package-info .coupon-wrapper.coupon-show {display: block;}
.section-package .package-wrap .package-info .layer-more-wrapper {display: flex; flex-direction: column; z-index: 1;  position: absolute; left: 0; top: 10px; width: calc(100% - 20px); margin: 0 10px;}
.section-package .package-wrap .package-info .layer-more-wrapper .btn-more {align-self: flex-end; width: 60px; height: 60px; margin-right: -4px; background-image: url(../../images/store/sp_btn_more.png?=v2); background-size: 120px; background-repeat: no-repeat; background-position: 0 0;}
.section-package .package-wrap .package-info .layer-more-wrapper .layer-more {display: none; z-index: 10; padding: 12px; background: #440083; border: 2px solid #FFBC2C; border-radius: 15px;}
.section-package .package-wrap .package-info .layer-more-wrapper .layer-more .gift-list-comm .info-cnt {font-size: 11px;}
.section-package .package-wrap .package-info .layer-more-wrapper .layer-more .gift-list-comm > li {flex: 0 0 calc(20% - 4px); width: calc(20% - 4px); margin-right: 5px; margin-bottom: 5px;}
.section-package .package-wrap .package-info .layer-more-wrapper.show .btn-more {background-position-x: -60px;}
.section-package .package-wrap .package-info .layer-more-wrapper.show .layer-more {display: block;}
.section-package .package-wrap .package-info .innerbox {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 15px 0; box-sizing: border-box;}
.section-package .package-wrap .package-info .img-area {display: flex;}
.section-package .package-wrap .package-info .img-area img {align-self: center; width: 100%;}
.section-package .package-wrap .package-info .chip-area {display: flex; align-items: center; margin-top: -10px;}
.section-package .package-wrap .package-info .chip-area > * {margin-right: 8px;}
.section-package .package-wrap .package-info .chip-area > *:last-child {margin-right: 0 !important;}
.section-package .package-wrap .package-info .chip-box {display: flex; flex-direction: column; align-items: center;}
.section-package .package-wrap .package-info .chip-box > * {letter-spacing: 0;}
.section-package .package-wrap .package-info .chip-box > *:last-child {margin-bottom: 0 !important;}
.section-package .package-wrap .package-info .chip-box .current-chip {margin-top: 2px; color: #fff; font-family: var(--ft-family_Poppins-700); font-size: 36px; text-shadow: 0 2px 1.5px rgba(0, 0, 0, 0.25);}
.section-package .package-wrap .package-info .chip-box .original-chip {color: #fff; font-family: var(--ft-family_Poppins-300); font-size: 16px; text-decoration: line-through;  transition: all 1s ease;}
.section-package .package-wrap .package-info .point-area {display: inline-block; position: relative; height: 19px; padding: 0 10px 0 22px; margin-top: 5px; background: #4F00B1; border-radius: 15px; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 16px; line-height: 19px; letter-spacing: .5px;}
.section-package .package-wrap .package-info .point-area::before {content: ""; position: absolute; left: -5px; 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 .package-info .point-area .num {font-family: var(--ft-family_Poppins-600); letter-spacing: .5px;}
.section-package .package-wrap .tag-title + .package-info .innerbox {padding-top: 28px;}
.section-package .package-wrap .gift-info {display: flex; flex-direction: column; padding: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.section-package .package-wrap .gift-info .gift-title {padding: 18px 0; color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 24px; text-align: center;}
.section-package .package-wrap .button-pay {align-self: center; position: relative; width: 182px; height: 53px; background: url(../../images/store/bg_btn_pay_03.png) 0 0 no-repeat; background-size: contain;}
.section-package .package-wrap .button-pay .price-txt {position: relative; height: 100%; text-align: center;}
.section-package .package-wrap .button-pay .price-txt * {color: #fff; font-family: var(--ft-family_Poppins-600); font-size: 30px; letter-spacing: 0;}
.section-package .package-wrap .button-pay .price-txt .price {display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50%; width: 100%; height: 100%; transform: translateY(-58%); letter-spacing: 1px;}
.section-package .package-wrap .button-pay .price-txt .price .value {font-family: var(--ft-family_Poppins-700); letter-spacing: 0;}
.section-package .package-wrap .button-pay .price-txt .price:nth-child(1) {-webkit-text-stroke: 2px #288d00; -moz-text-stroke: 2px #288d00; -ms-text-stroke: 2px #288d00; text-stroke: 2px #288d00;}
.section-package .package-wrap .button-pay .price-txt .cnt-num {margin-left: 4px; font-family: var(--ft-family_Poppins-500); font-size: 16px; letter-spacing: 0;}
.section-package .package-wrap .button-pay.icon-best::before,
.section-package .package-wrap .button-pay.icon-hot::before {content: ""; display: inline-block; position: absolute; left: -10px; top: -20px; width: 45px; height: 45px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.section-package .package-wrap .button-pay.icon-best::before {background-image: url(../../images/store/label_best02.png);}
.section-package .package-wrap .button-pay.icon-hot::before {background-image: url(../../images/store/label_hot02.png);}
.section-package .package-wrap .button-pay .tag-top {position: absolute; left: 50%; top: -4px; transform: translate(-50%); width: 97px; height: 13px; background: url(../../images/store/tag_one-time-only.png) 0 0 no-repeat; background-size: contain; color: #fff; font-family: var(--ft-family_Poppins-500);}
.section-package .package-wrap .gift-list-comm + .button-pay {margin-top: 20px;}
.section-package .package-wrap .button-pay .tag-top + .price-txt .price {transform: translateY(-52%);}
.section-package [class^=package-wrap-]:not(.package-wrap-deal) .section-content {flex-wrap: wrap; flex-direction: row;}
.section-package [class^=package-wrap-]:not(.package-wrap-deal) .package-wrap {width: calc(33.333% - 27px); margin-right: 40px;}
.section-package [class^=package-wrap-]:not(.package-wrap-deal) .package-wrap:nth-child(3n) {margin-right: 0;}
.section-package .package-wrap-popular .package-wrap {background-color: #012D7E;}
.section-package .package-wrap-popular .package-wrap .gift-list-comm > li {background-color: #0070E2; border-color: #3188ff;}
.section-package .package-wrap-popular .package-wrap .gift-list-comm > li.bg-on {background-color: #1398FF; border-color: #3EB5FE;}
.section-package .package-wrap-popular .package-wrap .package-info {background-color: #0070E2; border-color: #012D7E;}
.section-package .package-wrap-duc .package-wrap {background-color:#600682;}
.section-package .package-wrap-duc .package-wrap .gift-list-comm > li {background-color: #9500e1; border-color: #b33bff;}
.section-package .package-wrap-duc .package-wrap .gift-list-comm > li.bg-on {background-color: #c81fff; border-color: #dd56ff;}
.section-package .package-wrap-duc .package-wrap .package-info {background-color: #940ed9; border-color: #600682;}
.section-package .package-wrap-chip .package-wrap {background-color: #003390;}
.section-package .package-wrap-chip .package-wrap .gift-list-comm > li {background-color: #0060E2; border-color: #2481FF;}
.section-package .package-wrap-chip .package-wrap .gift-list-comm > li.bg-on {background-color: #1398ff; border-color: #3eb5fe;}
.section-package .package-wrap-chip .package-wrap .package-info {background-color: #0060E2; border-color: #003390;}
.section-package .package-wrap-chip .package-wrap .package-info .innerbox {height: 250px;}
.section-package .package-wrap-chip .package-wrap.has-coupon .package-info .innerbox {height: 270px;}
.section-package .package-wrap-chip .package-info .point-area {background-color: #003390;}
.section-package .package-wrap-chip .package-info .layer-more-wrapper .btn-more {background-position-y: -60px;}
.section-package .package-wrap-chip .package-info .layer-more-wrapper .layer-more {background-color: #00186F;}
.section-package .package-wrap-upselling .package-info .innerbox {height: 255px;}
.section-package .package-wrap-upselling .package-wrap.has-coupon .package-info .innerbox {height: 275px;}
.section-package .package-wrap-upselling .package-info .chip-area {margin-top: -5px;}
.section-package .package-wrap-upselling .gift-info {padding: 20px 15px 90px;}
.section-package .package-wrap-upselling .package-wrap .button-pay {position: absolute; bottom: 20px;}
.section-package .package-wrap-upselling .soldout-content {display: flex; flex-direction: column; align-items: center; margin-top: -50px;}
.section-package .package-wrap-upselling .soldout-content .img-area {width: 540px;}
.section-package .package-wrap-upselling .soldout-content .img-area img {width: 100%;}
.section-package .package-wrap-upselling .soldout-content .text-area {margin-top: 20px; color: #fff; font-family: var(--ft-family_Poppins-700); font-size: 60px; text-align: center; line-height: 1.1; text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.80);}
.section-package .package-wrap-deal:not(.single-item) {padding: 0; margin-bottom: 26px;}
.section-package .package-wrap-deal .section-content {width: 100%;}
.section-package .package-wrap-deal .package-wrap {background-color:#79009C;}
.section-package .package-wrap-deal .package-wrap .gift-list-comm > li {background-color: #C11BFF; border-color: #CF4DFF;}
.section-package .package-wrap-deal .package-info {position: relative; height: 260px; padding-top: 50px; background-color: #C11BFF; border-color: #79009C;}
.section-package .package-wrap-deal .package-info .innerbox {padding: 20px 0 5px;}
.section-package .package-wrap-deal .package-info .label-title {display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 50px; padding-bottom: 2px; border-radius: 15px 15px 0 0; background: linear-gradient(0deg, #FFD900 0%, #FFA600 6.5%); border-bottom: 2px solid #A74526; color: #79009C; font-family: var(--ft-family_Poppins-700); font-size: 27px; text-shadow: 0px 1.6px 0.5px #FFC832;}
.section-package .package-wrap-deal .package-info .label-title::before,
.section-package .package-wrap-deal .package-info .label-title::after {content: ""; display: inline-block; position: absolute;}
.section-package .package-wrap-deal .package-info .label-title::before {left: 2px; top: 3px; width: calc(100% - 4px); height: calc(100% - 5px); background: linear-gradient(180deg, rgba(255, 167, 1, 0.00) 60%, rgba(255, 255, 255, 0.25) 100%);}
.section-package .package-wrap-deal .package-info .label-title::after {left: 0; bottom: 0; width: 100%; height: 1px; background: #A74526;}
.section-package .package-wrap-deal .package-info .img-area {position: relative; height: 95px;}
.section-package .package-wrap-deal .package-info .img-area img {width: auto; height: 100%;}
.section-package .package-wrap-deal .package-info .img-area .txt-box {position: absolute; right: 25px; bottom: 45px;}
.section-package .package-wrap-deal .package-info .img-area .txt-box .txt {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; transform: translateY(-50%); letter-spacing: 1px; color: #fff; font-family: var(--ft-family_Poppins-600); font-size: 16px;}
.section-package .package-wrap-deal .package-info .img-area .txt-box .unit {margin-right: 5px; font-family: var(--ft-family_Poppins-500);}
.section-package .package-wrap-deal .package-info .img-area .txt-box .txt:nth-child(1) {-webkit-text-stroke: 3px #79009C; -moz-text-stroke: 3px #79009C; -ms-text-stroke: 3px #79009C; text-stroke: 3px #79009C;}
.section-package .package-wrap-deal .package-info .point-area {background-color: #6C007F;}
.section-package .package-wrap-deal .package-info .coupon-wrapper,
.section-package .package-wrap-deal .package-info .layer-more-wrapper {top: 60px;}
.section-package .package-wrap-deal .package-info .layer-more-wrapper .btn-more {background-position-y: -120px;}
.section-package .package-wrap-deal .package-info .layer-more-wrapper .layer-more {background-color: #79009C;}
.section-package .package-wrap-deal .gift-info {display: flex; justify-content: center; align-items: center; height: 90px; padding: 0; box-sizing: border-box;}
.section-package .package-wrap-deal .timer-area + .gift-info {padding-bottom: 15px;}
.section-package .package-wrap-deal .timer-area {display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); min-width: 100px; height: 20px; padding: 0 20px; background: #560083; border: 2px solid #FFBC2C; border-radius: 30px; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 14px; letter-spacing: 1px; text-align: center; white-space: nowrap;}
.section-package .package-wrap-deal .timer-area::before {content: ""; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 34px; height: 38px; background: url(../../images/common/icons/icon_clock.png) 0 0 no-repeat; background-size: cover;}
.section-package .package-wrap-deal .swiper-pagination {display: none; margin-bottom: 0 !important;}
.section-package .package-wrap-deal .swiper-pagination .swiper-pagination-bullet {opacity: 1; width: 20px; height: 20px; margin: 0 15px; background: #D9D9D9; border-radius: 50%;}
.section-package .package-wrap-deal .swiper-pagination .swiper-pagination-bullet-active {background: #C11BFF;}

/* flash deal */
.section-package .package-wrap-deal.fdeal .swiper-container {margin-bottom: 0;}
.section-package .package-wrap-deal.fdeal .package-info .coupon-wrapper {top: 12px;}
.section-package .package-wrap-deal.fdeal .package-info .img-area {height: 92px;}
.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box {bottom: 35px;}
.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box .unit {margin-right: 2px; font-family: var(--ft-family_Poppins-400);}
.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box.txt1 {right: 145px;}
.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box.txt2 {right: 90px;}
.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box.txt3 {right: 30px;}

.section-package.width-auto .package-wrap .gift-list-comm > li {flex: 1; width: auto; min-width: calc(25% - 7px)}
.section-package .package-wrap-upselling > *,
.section-package .package-wrap-upselling .section-content > *,
.section-package .package-wrap-popular > *,
.section-package .package-wrap-duc > *,
.section-package .package-wrap-duc .section-content > *,
.section-package .package-wrap-chip > *,
.section-package .package-wrap-chip .section-content > *,
.section-package .package-wrap-deal > *,
.section-package .package-wrap-deal .section-content > * {margin-bottom: 40px;}
.section-package .package-wrap.pp-coupon-show .package-info .coupon-wrapper {display: block;}
.section-package .package-wrap.pp-coupon-show .package-info .coupon-badge {padding-bottom: 3px;}
.section-package .package-wrap.pp-coupon-show .package-info .coupon-badge::after {display: inline-block;}
.section-package .package-wrap.pp-coupon-show .package-info .coupon-badge.inactive::after {bottom: 8px; transform: rotate(0);}
.section-package .package-wrap.pp-coupon-show .package-info .coupon-badge.inactive + .coupon-tooltip {animation: fromBottomToTopHide .5s ease forwards;}
.section-package .package-wrap.pp-coupon-show .package-info .coupon-tooltip {display: block;}

/* 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;}

/* section-faq-comm  */
.section-faq-comm .section-title {margin-bottom: 30px; font-family: var(--ft-family_Poppins-600);}
.section-faq-comm .faq-list .list-item .btn-faq-toggle::after {display: none !important;}
.section-faq-comm .faq-list .list-item .content-area {display: block !important;}

/* 
 * [해상도 1201px ~]
 * - 1201px 이상부터는 swiper에 의해 너비값이 조정되면 안 되기 때문에 강제로 따로 지정함
 * - 스페셜딜 3개까지 노출 (너비 고정)
 * - 2개, 1개인 케이스도 가운데 정렬 되도록 함  
 */
@media (min-width: 1201px) { 
	.section-package .package-wrap-deal .swiper-wrapper {justify-content: center;}
	.section-package .package-wrap-deal .swiper-slide {width: calc(33.333% - 27px) !important; flex-shrink: 0;}
	.section-package .package-wrap-deal .swiper-slide:last-child {margin-right: 0 !important;}
}

/* 
 *  [해상도 1200px]
 *  - 컨텐츠 inner: 1160px 기준
 *  - 계산값 1.3 
 */
@media all and (max-width:1200px) { 	
	/* 1160px => % */
	.layout-inner {width: 95% !important;}

	/* common */
	:root {
		--inner-padding: 0 2.5%;
	}

	/* layerpopup (common) */
	/* [class*=layerpopup-common] .layer-wrapper.over-visible {overflow: hidden !important; overflow-y: auto !important; max-height: 90%; padding-top: 7vw; margin-top: 0;} */

	/* header-wrap */
	.header-wrap .header {border-width: 3px;}
	.header-wrap .header .logo > a > * {margin-right: 40px;}
	.header-wrap .header .logo img {width: 45px;}
	.header-wrap .header .button-login {width: 130px; height: 50px;}
	.header-wrap .userinfo-panel .noti-msg {font-size: 18px;}
	.header-wrap .userinfo-panel .userinfo .info-area {width: 35%;}

	/* floating-banner */
	.floating-banner {right: 2.5%; bottom: 2.5%;}

	/* section-banner : common */
	[class*=section-banner] .layout-inner {padding: 0;}

	/* section-package */
	.section-package .package-wrap .gift-list-comm > li,
	.section-package .package-wrap .package-info .layer-more-wrapper .layer-more .gift-list-comm > li {flex: 0 0 calc(20% - 8px); width: calc(20% - 8px); margin-right: 10px; margin-bottom: 10px;}
	.section-package .package-wrap .gift-list-comm > li {height: 70px;}
	.section-package .package-wrap .gift-list-comm .info-image {width: 65%;}
	.section-package .package-wrap .package-info .coupon-wrapper {left: 10px;}
	.section-package [class^=package-wrap-]:not(.package-wrap-deal) .package-wrap {width: calc(50% - 15px); margin-right: 30px !important;}
	.section-package [class^=package-wrap-]:not(.package-wrap-deal) .package-wrap:nth-child(2n) {margin-right: 0 !important;}		
	.section-package .package-wrap-upselling .soldout-content {margin-top: -5%;}
	.section-package .package-wrap-upselling .soldout-content .img-area {width: 65%;}
	.section-package .package-wrap-upselling .soldout-content .text-area {font-size: 48px;}
	.section-package .package-wrap-deal {width: 100% !important;}
	.section-package .package-wrap-deal.single-item {width: 95% !important;}
	.section-package .package-wrap-deal.single-item .swiper-wrapper {justify-content: center;} 
	.section-package .package-wrap-deal.single-item .swiper-slide {width: calc(50% - 15px);}	
	.section-package .package-wrap-deal .section-content {padding-bottom: 40px;}
	.section-package .package-wrap-deal .swiper-pagination {display: block;}
	.section-package .package-wrap-upselling > *,
	.section-package .package-wrap-upselling .section-content > *,
	.section-package .package-wrap-popular > *,
	.section-package .package-wrap-duc > *,
	.section-package .package-wrap-duc .section-content > *,
	.section-package .package-wrap-chip > *,
	.section-package .package-wrap-chip .section-content > *,
	.section-package .package-wrap-deal > *,
	.section-package .package-wrap-deal .section-content > * {margin-bottom: 30px;}

	/* section-faq-comm */
	.section-faq-comm {padding: 60px 0 100px !important;}
	.section-faq-comm .section-title {font-size: 37px;}
	.section-faq-comm .faq-list .list-item .btn-faq-toggle {padding: 20px 30px 20px 0; font-size: 26px;}
	.section-faq-comm .faq-list .list-item .btn-faq-toggle::after {width: 23px; height: 12px;}
	.section-faq-comm .faq-list .list-item .content-area, 
	.section-faq-comm .faq-list .list-item .content-area * {font-size: 18px;}

	/* footer-wrap */
	.footer-wrap .footer {padding: 40px 0 70px;}
	.footer-wrap .footer .logo .link {width: 100px;}
	.footer-wrap .footer .inner > * {margin-top: 40px;}
	.footer-wrap .footer .site-links > * {padding: 0 16px; font-size: 18px;}
	.footer-wrap .footer .download-links [class*=btn-item] {height: 71px; margin-right: 15px; background-size: 262px;}
	.footer-wrap .footer .download-links .btn-item-google {width: 240px;}
	.footer-wrap .footer .download-links .btn-item-apple {width: 214px; background-position-y: -79px;}
	.footer-wrap .footer .download-links .btn-item-amazon {width: 244px; background-position-y: -157px;}
	.footer-wrap .foot-bottom .copyright {font-size: 18px;}
}

/* 
 *  [해상도 769px ~ 1024px]
 *  - 낮은 해상도의 PC
 *  - 태블릿 가로모드
 */
@media all and (max-width:1024px) { 
	
}

/* 
 *  [해상도 481px ~ 768px]
 *  - 모바일 가로모드
 *  - 태블릿 세로모드
 */
@media all and (max-width:768px) {
    /* common */
    :root {	
		--header-height: 16vw;
		--userinfo-panel-height: 13.333vw;
		--navi-height: 10.667vw;
		--footbtm-height: 8vw;
		
		--inner-padding: 0 4.667vw;
    }
	.layout-inner {width: 100% !important;}

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

	/* layerpopup */
    [class*=layerpopup-common] .layer-inner {padding: 6.667vw 4vw 6.667vw;}
    [class*=layerpopup-common] .layer-inner > * {margin-bottom: 2vw;}
	[class*=layerpopup-common] .layer-footer .btn-comm {width: 40.4vw; height: 12.933vw;}
	[class*=layerpopup-common] .layer-footer .btn-comm * {height: 70% !important;}
	[class*=layerpopup-common] .layer-footer .btn-comm > *:nth-child(1) {-webkit-text-stroke-width: .6vw; -moz-text-stroke-width: .6vw; -ms-text-stroke-width: .6vw; text-stroke-width: .6vw;}
	[class*=layerpopup-common].type-toast .layer-wrapper.over-visible {overflow: visible;}

	/* floating-banner */
	.floating-banner {right: 3vw; bottom: 5vh;}
	.floating-banner > * {margin-right: 3vw;}
	.floating-banner .button-floating-toggle {left: 1.5vw; width: 7.467vw; height: 11.067vw;}
	.floating-banner .button-floating-toggle::before {left: -.5vw; width: 2.267vw; height: 4.133vw;}
	.floating-banner .hidden-banner {right: -2vw;}
	.floating-banner .hidden-banner .coupon-wrapper {box-shadow: .267vw .267vw .8vw rgba(0,0,0,.8); border-width: .4vw; border-radius: 2.667vw;}
	.floating-banner .hidden-banner .coupon-wrapper::after {right: -1.9vw; top: 50%; transform: translateY(-50%); width: 1.867vw; height: 2.667vw;}
	.floating-banner .hidden-banner .coupon-wrapper .button-refresh {right: -2.5vw; top: -2.5vw; width: 6.4vw; height: 6.4vw; padding: 4vw; background-size: 6.4vw;}
	.floating-banner .hidden-banner .coupon-inner {height: 100%; padding: 1.333vw 1.6vw; box-shadow: inset 0 0 2.667vw #5d2929; border-radius: 2.667vw;}
	.floating-banner .hidden-banner .img-area > * {margin-right: 1.333vw;}
	.floating-banner .hidden-banner .img-area > .coupon {width: 17.067vw; min-height: 14.933vw; padding: 1vw 0; border-radius: 1.667vw;}
	.floating-banner .hidden-banner .img-area > .coupon > * {margin-bottom: .7vw;}
	.floating-banner .hidden-banner .img-area > .coupon img {width: 15.333vw;}
	.floating-banner .hidden-banner .img-area > .coupon .coupon-rate {width: 6.5vw; font-size: 3.8vw; letter-spacing: -.2vw;}
	.floating-banner .hidden-banner .img-area > .coupon .time-count,
	.floating-banner .hidden-banner .img-area > .coupon .txt-empty {font-size: 2.933vw; letter-spacing: .1vw;}
	.floating-banner .hidden-banner .img-area > .coupon.lock::before {left: .5vw; top: 6.2vw; width: 3.467vw; height: 4.533vw;}
	.floating-banner .default-banner .banner-inner {width: 22.533vw; height: 22.8vw;}
	.floating-banner .default-banner .label {right: 1vw; top: 3.5vw; width: 4.667vw; height: 4.667vw; border-width: .267vw; line-height: 4.667vw;}
	.floating-banner .default-banner .label .num {font-family: var(--ft-family_Poppins-italic-700); font-size: 3.2vw;}
	.floating-banner .default-banner .label .num:nth-child(1) {-webkit-text-stroke-width: .6vw; -moz-text-stroke-width: .6vw; -ms-text-stroke-width: .6vw; text-stroke-width: .6vw;}
	.floating-banner .default-banner .img {top: 5vw; width: 14.8vw;}
	.floating-banner .default-banner .txt {bottom: 3.2vw; width: 23.333vw;}

	/* floating-banner : coupon-type */
	.floating-banner .hidden-banner .img-area > .coupon.coupon-normal .coupon-rate {left: 1.2vw; top: 5.8vw;}
	.floating-banner .hidden-banner .img-area > .coupon.coupon-exclusive .coupon-rate {left: 7.6vw; top: 2.7vw;}
	.floating-banner .hidden-banner .img-area > .coupon.coupon-special .coupon-rate {left: 1.8vw; top: 2.5vw;}
	.floating-banner .hidden-banner .img-area > .coupon.coupon-surprise .coupon-rate {left: 3vw; top: 2.8vw; width: 8vw; font-size: 4.5vw;}
	.floating-banner .hidden-banner .img-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 1.4vw; top: 3vw; width: 6vw;}

	/* header */
	.header-wrap .header .logo > a > * {margin-right: 2.667vw;}
	.header-wrap .header .logo-txt {font-size: 5.6vw;}
	.header-wrap .header .button-login {width: 24.533vw; height: 9.6vw;}
	.header-wrap .header .button-profile {width: 10.533vw; height: 10.4vw;}
	.header-wrap .header .button-profile.new::after {right: 3.5vw; top: 3.5vw; width: 2.667vw; height: 2.667vw;}
	.header-wrap .userinfo-panel .noti-msg {font-size: 3.733vw;}
	.header-wrap .userinfo-panel .noti-msg .bold {font-family: var(--ft-family_Poppins-700);}
	.header-wrap .userinfo-panel .userinfo {margin: 0 1.333vw;}
	.header-wrap .userinfo-panel .userinfo .info-area {height: 6vw; border-width: 0.4vw; border-radius: 4vw;}
	.header-wrap .userinfo-panel .userinfo .chip-amount {width: 42vw; padding: 0 2vw 0 8vw; font-size: 3.2vw; line-height: 5.2vw;}
	.header-wrap .userinfo-panel .userinfo .chip-amount::before {left: -1.2vw; width: 7.467vw; height: 8.133vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress {width: 40.4vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm {left: -2.133vw; width: 9.2vw; height: 9.2vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .icon-level-comm .num {margin-left: -.1vw; margin-top: -.2vw; font-size: 3.2vw; line-height: 9.2vw; letter-spacing: -.2vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar {left: 7%; width: 86%;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-bar .gauge {top: .5vw; height: calc(100% - 1.2vw); border-radius: 4vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap {transform: translateY(calc(-50% + .1vw)); font-size: 3.2vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap .bar {top: -.3vw; font-size: 2vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .progress-value .value-wrap:first-child * {-webkit-text-stroke: .4vw #1C005C; -moz-text-stroke: .4vw #1C005C; -ms-text-stroke: .4vw #1C005C; text-stroke: .4vw #1C005C;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox {right: -0.933vw; width: 6.8vw; height: 8.267vw; margin-top:-1.733vw;}
	.header-wrap .userinfo-panel .userinfo .point-progress .btn-giftbox.new::after {right: -1vw; top: .5vw; width: 1.5vw; height: 1.5vw;}

	/* contents common */
	.contents-wrap .section-title {font-size: 8vw;}

	/* section-banner : common */
	[class*=section-banner] {height: 61.333vw;}
	[class*=section-banner] .layout-inner {width: 100%;}
	[class*=section-banner] .inner-box {padding: var(--inner-padding); padding-top: 7.5vw !important;}
	[class*=section-banner] .section-title {margin-bottom: 1vw; font-size: 12vw; line-height: 1;}
	[class*=section-banner] .section-content .txt-area {font-family: var(--ft-family_Poppins-italic-500); font-size: 4vw;}
	[class*=section-banner] .section-content > * {margin-bottom: 2.5vw;}
	[class*=section-banner] .button-banner-comm {width: 44vw; height: 13.6vw;}
	[class*=section-banner] .button-banner-comm .btn-txt-area > [class^=txt-] * {letter-spacing: .1vw;}
	[class*=section-banner] .button-banner-comm .btn-txt-area > [class^=txt-] *:nth-child(1) {-webkit-text-stroke: .6vw #288d00; -moz-text-stroke: .6vw #288d00; -ms-text-stroke: .6vw #288d00; text-stroke: .6vw #288d00;}
	[class*=section-banner] .button-banner-comm .btn-txt-area .txt-main * {font-size: 6.133vw;}
	[class*=section-banner] .button-banner-comm .btn-txt-area .txt-sub * {font-size: 3.2vw;}
	[class*=section-banner] .button-banner-comm .tag-top {top: -.8vw; width: 29.333vw; height: 3.2vw; font-size: 2.667vw; line-height: 3.2vw;}

	/* section-banner-welcomegift */
	.section-banner-welcomegift .banner-typeA {background: none;}
	.section-banner-welcomegift .banner-typeA .section-title {text-shadow: 0.267vw 0.267vw 1.067vw #207ee8; line-height: .9;}
	.section-banner-welcomegift .banner-typeA .section-content .txt-area {font-family: var(--ft-family_Poppins-italic-700); line-height: 1.1; letter-spacing: -.2vw;}
	.section-banner-welcomegift .banner-typeA .section-content .txt-area > p {margin-bottom: 1vw;}
	.section-banner-welcomegift .banner-typeA .button-banner-comm .btn-txt-area .txt-main * {font-size: 6.333vw;}
	.section-banner-welcomegift .banner-typeB {background: url(../../images/store/banner/banner_welcomegift_typeB_mo.jpg) center no-repeat; background-size: cover;}
	.section-banner-welcomegift .banner-typeB .section-title {font-size: 8.667vw;}
	.section-banner-welcomegift .banner-typeB .section-content .txt-area {font-size: 3.467vw; line-height: 1.1;}

	/* section-banner-main (banner-typeA 는 only-mobile / 현재 안쓰임) */
	.section-banner-main .banner-typeA .section-title {color: #fff; font-family: var(--ft-family_Poppins-italic-900); font-size: 13.667vw; line-height: .8;}
	.section-banner-main .banner-typeA .section-title .sub {padding-left: 4vw;}
	.section-banner-main .banner-typeA .section-content .txt-area {color: #efceff; line-height: 1.2;}
	.section-banner-main .banner-typeA .section-content .txt-area .bold {color: #fff47a; font-family: var(--ft-family_Poppins-italic-600);}
	.section-banner-main .banner-typeA .button-banner-comm .btn-txt-area .txt-main * {font-size: 5.333vw;}
	.section-banner-main .banner-typeB {background: url(../../images/store/banner/banner_main_typeB_mo.jpg) center no-repeat; background-size: cover;}
	.section-banner-main .banner-typeB .section-title {font-size: 8.667vw;}
	.section-banner-main .banner-typeB .section-content .txt-area {font-size: 3.467vw; letter-spacing: -.133vw;}

	/* section-banner: coin-inflation */
	[class*=section-banner] .banner-type-coin-inflation {background-size: cover;}
	[class*=section-banner] .banner-type-coin-inflation .section-title {margin-left: -.533vw; font-size: 13.067vw; line-height: .95; text-shadow: 0 0.533vw 0.8vw #22004C;}
	[class*=section-banner] .banner-type-coin-inflation .section-content .txt-area {font-size: 4.533vw; line-height: 1.3; text-shadow: 0 0.533vw 0.8vw #22004C;}
	[class*=section-banner] .banner-type-coin-inflation .button-banner-comm {width: 39.067vw; height: 10.4vw; box-shadow: 0 0.587vw 0.707vw 0 rgba(0, 0, 0, 0.35); border-radius: 5.867vw;}
	[class*=section-banner] .banner-type-coin-inflation .button-banner-comm .btn-txt-area.single .txt-main {top: 2%;}
	[class*=section-banner] .banner-type-coin-inflation .button-banner-comm .btn-txt-area .txt-main * {font-family: var(--ft-family_Poppins-600); font-size: 6vw;}
	[class*=section-banner] .banner-type-coin-inflation .button-banner-comm .btn-txt-area .txt-main *:nth-child(1) {-webkit-text-stroke-width: .6vw; -moz-text-stroke-width: .6vw; -ms-text-stroke-width: .6vw; text-stroke-width: .6vw;}
	.section-banner-welcomegift .banner-type-coin-inflation {background-image: url(../../images/store/banner/coin_inflation/login_before_mo.jpg);}
	.section-banner-main .banner-type-coin-inflation {background-image: url(../../images/store/banner/coin_inflation/login_after_mo.jpg);}
	.section-banner-main .banner-type-coin-inflation .section-title {font-size: 10.667vw;}
	.section-banner-main .banner-type-coin-inflation .section-content .txt-area {font-size: 4vw;}
	.section-banner-main .banner-type-coin-inflation .button-banner-comm .btn-txt-area.single .txt-main {top: 3%;}

	/* package-navigation */
	.package-navigation .navi {width: 100%;}
	.package-navigation .navi .item > a > * {margin-bottom: .1vw;}
	.package-navigation .navi .item::after {content: ""; display: inline-block; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #240075;}
	.package-navigation .navi .item .main-txt {font-size: 4vw;}

	/* section-package */
	.package-navigation.fixed + .section-package {padding-top: calc(8vw + var(--navi-height));}
	.section-package {padding: 8vw 0 10.667vw;}
	.section-package .section-title {margin-bottom: 4vw !important;}
	.section-package > .layout-inner > * {margin-bottom: 8vw;}
	.section-package > .layout-inner > *:last-child {margin-bottom: 0 !important;}
	.section-package [class^=package-wrap-] {padding: var(--inner-padding);}
	.section-package [class^=package-wrap-] > * {margin-bottom: 3.2vw;}
	.section-package [class^=package-wrap-] > *:last-child {margin-bottom: 0 !important;}
	.section-package .section-content > * {margin-bottom: 4vw;}
	.section-package .section-content > *:last-child {margin-bottom: 0 !important;}
	.section-package .package-wrap {border-width: .6vw; border-radius: 5vw;}
	.section-package .package-wrap .tag-title {top: -2.1vw; width: 48vw; height: 6.933vw; font-size: 4vw;}
	.section-package .package-wrap .gift-list-comm > li,
	.section-package .package-wrap .package-info .layer-more-wrapper .layer-more .gift-list-comm > li {flex: 0 0 calc(20% - 1.1vw); width: calc(20% - 1.1vw); height: 15.733vw; margin-right: 1.333vw; margin-bottom: 1.333vw; border-width: .6vw; border-radius: 2.5vw;}
	.section-package .package-wrap .gift-list-comm > li > * {margin-bottom: .2vw;}
	.section-package .package-wrap .gift-list-comm .info-image {width: 12.5vw;}
	.section-package .package-wrap .gift-list-comm .info-cnt {font-family: var(--ft-family_Poppins-500); font-size: 2.533vw !important;} 
	.section-package .package-wrap .gift-list-comm .info-txt {font-size: 2.4vw;}
	.section-package .package-wrap .package-info {border-width: .6vw; border-radius: 4.5vw 4.5vw 0 0;}
	.section-package .package-wrap .package-info .coupon-wrapper {left: 4vw; top: 4vw;}
	.section-package .package-wrap .package-info .coupon-badge {width: 13.267vw; height: 13.933vw; font-size: 2vw;}
	.section-package .package-wrap .package-info .coupon-badge::after {bottom: 2.3vw; width: 2.533vw; height: 1.733vw;}
	.section-package .package-wrap .package-info .coupon-badge .percent {font-size: 3vw;}
	.section-package .package-wrap .package-info .coupon-badge .num {font-size: 3.4vw;}
	.section-package .package-wrap .package-info .coupon-badge .txt {font-size: 2.3vw; text-shadow: 0.267vw 0.533vw 0.533vw rgb(0, 0, 0, .3);}
	.section-package .package-wrap .package-info .coupon-tooltip {left: 0; width: 19.067vw; height: 15.733vw; margin-top: .7vw;}
	.section-package .package-wrap .package-info .coupon-tooltip * {font-size: 3.2vw;}
	.section-package .package-wrap .package-info .coupon-tooltip .percent {bottom: 1vw; height: 3.5vw;}
	.section-package .package-wrap .package-info .layer-more-wrapper {top: 4vw; width: calc(100% - 8vw); margin: 0 4vw;}
	.section-package .package-wrap .package-info .layer-more-wrapper .btn-more {width: 13.333vw; height: 13.333vw; margin-right: -1.6vw; margin-top: -.667vw; background-size: 26.667vw;}
	.section-package .package-wrap .package-info .layer-more-wrapper .layer-more {padding: 1.6vw 1.6vw 0.5vw; border-width: .4vw; border-radius: 3.333vw;}
	.section-package .package-wrap .package-info .layer-more-wrapper.show .btn-more {background-position-x: -13.333vw;}
	.section-package .package-wrap .package-info .innerbox {padding: 4vw 0;}
	.section-package .package-wrap .package-info .chip-area {margin-top: -2vw;}
	.section-package .package-wrap .package-info .chip-area > * {margin-right: 1vw;}
	.section-package .package-wrap .package-info .chip-box .current-chip {margin-top: 1vw; font-size: 8.667vw; text-shadow: 0 1.067vw 0.8vw rgba(0, 0, 0, 0.25);}
	.section-package .package-wrap .package-info .chip-box .original-chip {font-family: var(--ft-family_Poppins-400); font-size: 3.733vw;}
	.section-package .package-wrap .package-info .point-area {height: 5vw; padding: 0 4vw 0 7vw; margin-top: 2vw; border-radius: 4vw; font-size: 3.733vw; line-height: 5vw; letter-spacing: .133vw;}
	.section-package .package-wrap .package-info .point-area::before {left: -2.935vw; width: 5.867vw; height: 6.533vw;}
	.section-package .package-wrap .package-info .point-area .num {letter-spacing: .133vw;}
	.section-package .package-wrap .tag-title + .package-info .innerbox {padding-top: 8vw;}
	.section-package .package-wrap .gift-info {padding: 4vw; border-bottom-left-radius: 4.4vw; border-bottom-right-radius: 4.4vw;}
	.section-package .package-wrap .gift-info .gift-title {padding: 2.667vw 0; font-size: 3.733vw;}
	.section-package .package-wrap .button-pay {width: 47.467vw; height: 13.733vw;}
	.section-package .package-wrap .button-pay .price-txt * {font-family: var(--ft-family_Poppins-400); font-size: 6.667vw;}
	.section-package .package-wrap .button-pay .price-txt .price {letter-spacing: .5vw;}
	.section-package .package-wrap .button-pay .price-txt .price .value {letter-spacing: .15vw;}
	.section-package .package-wrap .button-pay .price-txt .price:nth-child(1) {-webkit-text-stroke: .6vw #288d00; -moz-text-stroke: .6vw #288d00; -ms-text-stroke: .6vw #288d00; text-stroke: .6vw #288d00;}
	.section-package .package-wrap .button-pay .price-txt .cnt-num {margin-left: .933vw; font-size: 4vw; letter-spacing: .267vw;}
	.section-package .package-wrap .button-pay.icon-best::before,
	.section-package .package-wrap .button-pay.icon-hot::before {left: -3vw; top: -5vw; width: 13vw; height: 13vw;}
	.section-package .package-wrap .button-pay .tag-top {top: -1vw; width: 27.067vw; height: 3.6vw;}
	.section-package .package-wrap .gift-list-comm + .button-pay {margin-top: 2.667vw;}
	.section-package [class^=package-wrap-]:not(.package-wrap-deal) .section-content {flex-wrap: nowrap; flex-direction: column;}
	.section-package [class^=package-wrap-]:not(.package-wrap-deal) .package-wrap {width: 100%; margin-right: 0 !important;}
	.section-package .package-wrap-chip .package-info .layer-more-wrapper .btn-more {background-position-y: -13.333vw;}
	.section-package .package-wrap-chip .package-wrap .package-info .innerbox,
	.section-package .package-wrap-upselling .package-info .innerbox {height: auto !important;}
	.section-package .package-wrap-upselling .package-wrap .button-pay {position: relative; bottom: 0;}
	.section-package .package-wrap-upselling .soldout-content {margin-top: -8vw;}
	.section-package .package-wrap-upselling .soldout-content .img-area {width: auto;}
	.section-package .package-wrap-upselling .soldout-content .text-area {margin-top: 2vw; font-size: 7.333vw; text-shadow: 0 0.8vw 1.333vw rgba(0, 0, 0, 0.80);}	
	.section-package .package-wrap-deal,
	.section-package .package-wrap-deal.single-item {width: 100% !important;}
	.section-package .package-wrap-deal:not(.single-item) {margin-bottom: 6vw;}
	.section-package .package-wrap-deal .package-info {height: 58vw; padding-top: 9vw;}
	.section-package .package-wrap-deal .package-info .label-title {height: 9vw; border-radius: 4vw 4vw 0 0; border-bottom: 0.267vw solid #A74526; color: #79009C; font-size: 5.333vw; text-shadow: 0 0.8vw 0.267vw #FFC832;}
	.section-package .package-wrap-deal .package-info::before {top: 9.867vw; height: .5vw;}
	.section-package .package-wrap-deal .package-info .label-title {height: 9.867vw; border-radius: 4vw 4vw 0 0; border-bottom: 0.267vw solid #A74526; color: #79009C; font-size: 6.667vw; text-shadow: 0 0.8vw 0.267vw #FFC832;}
	.section-package .package-wrap-deal .package-info .label-title::before {width: calc(100% - .8vw); height: calc(100% - 1.067vw); left: .4vw; top: 0.667vw;}
	.section-package .package-wrap-deal .package-info .label-title::after {height: .5vw;}
	.section-package .package-wrap-deal .package-info .img-area {height: 22vw;}
	.section-package .package-wrap-deal .package-info .img-area .txt-box {right: 5vw; bottom: 10.5vw;}
	.section-package .package-wrap-deal .package-info .img-area .txt-box .txt {letter-spacing: .1vw; font-size: 4vw;}
	.section-package .package-wrap-deal .package-info .img-area .txt-box .unit {margin-right: .5vw;}
	.section-package .package-wrap-deal .package-info .img-area .txt-box .txt:nth-child(1) {-webkit-text-stroke: .5vw #79009C; -moz-text-stroke: .5vw #79009C; -ms-text-stroke: .5vw #79009C; text-stroke: .5vw #79009C;}
	.section-package .package-wrap-deal .package-info .coupon-wrapper,
	.section-package .package-wrap-deal .package-info .layer-more-wrapper {top: 13vw;}
	.section-package .package-wrap-deal .package-info .layer-more-wrapper .btn-more {background-position-y: -26.666vw;}
	.section-package .package-wrap-deal .package-info .layer-more-wrapper .layer-more {position: static; width: auto;}
	.section-package .package-wrap-deal .gift-info {height: 24vw;}
	.section-package .package-wrap-deal .timer-area + .gift-info {padding-bottom: 6.5vw;}
	.section-package .package-wrap-deal .timer-area {bottom: -3vw; min-width: 20vw; height: 7vw; padding: 0 5vw 0 10vw; border: 0.533vw solid #FFBC2C; border-radius: 4vw; font-size: 4vw; letter-spacing: .133vw;}
	.section-package .package-wrap-deal .timer-area::before {left: -1vw; width: 9.6vw; height: 10.667vw;}
	.section-package .package-wrap-deal .swiper-container {padding-bottom: 9vw;}
	.section-package .package-wrap-deal .swiper-pagination .swiper-pagination-bullet {width: 3.733vw; height: 3.733vw; margin: 0 2.5vw;}	
	.section-package .package-wrap-deal.single-item .swiper-wrapper {justify-content: flex-start;} 

	/* flash deal */
	.section-package .package-wrap-deal.fdeal .swiper-container {padding-bottom: 4vw;}
	.section-package .package-wrap-deal.fdeal .package-info .coupon-wrapper {top: 4vw;}
	.section-package .package-wrap-deal.fdeal .package-info .img-area {height: 24vw;}
	.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box {bottom: 9.5vw;}
	.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box .unit {margin-right: .5vw;}
	.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box.txt1 {right: 37vw;}
	.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box.txt2 {right: 23vw;}
	.section-package .package-wrap-deal.fdeal .package-info .img-area .txt-box.txt3 {right: 8vw;}

	.section-package .package-wrap-deal.single-item .swiper-slide {width: 100%;}	
	.section-package.width-auto .package-wrap .gift-list-comm > li {min-width: calc(25% - 1.2vw)}
	.section-package .package-wrap-upselling > *,
	.section-package .package-wrap-upselling .section-content > *,
	.section-package .package-wrap-popular > *,
	.section-package .package-wrap-duc > *,
	.section-package .package-wrap-duc .section-content > *,
	.section-package .package-wrap-chip > *,
	.section-package .package-wrap-chip .section-content > *,
	.section-package .package-wrap-deal > *,
	.section-package .package-wrap-deal .section-content > * {margin-bottom: 5.6vw;}
	.section-package .package-wrap.pp-coupon-show .package-info .coupon-badge {padding-bottom: 1vw;}
	.section-package .package-wrap.pp-coupon-show .package-info .coupon-badge.inactive::after {bottom: 2vw;}

	/* section-btm-banner */
	.section-btm-banner {height: 51vw; background-image: url(../../images/store/bg_btm_banner_mo.jpg);}
	.section-btm-banner .inner-box {width: 46.667vw; padding: 0 4.533vw;}
	.section-btm-banner .inner-box .section-title {margin-bottom: 2vw; font-size: 8vw; letter-spacing: 0; text-shadow: 0 0.8vw 1.333vw rgba(0, 0, 0, 0.80);}
	.section-btm-banner .img-character {left: -12.4vw; top: -5.9vw; width: 69vw;}
	.section-btm-banner .btn-play-comm {width: 46.667vw; height: 13.333vw; transition: none;}	
	.section-btm-banner .btn-play-comm::before {background-size: 46.667vw;}	
	.section-btm-banner .btn-play-comm:hover::before {background-position-y: 0;}	

	
	/* [str] 전체 모바일 작업 시 공통으로.. */
	/* btn-top-comm */
	.btn-top-comm {right: 4vw; bottom: 4vw; width: 12vw; height: 12vw;}
    .btn-top-comm::before {bottom: -.7vw;}
    .btn-top-comm .txt {font-size: 3vw;}
    .btn-top-comm .txt::before {width: 3.5vw; height: 2vw; margin-bottom: 1.2vw;}

	/* section-faq-comm (layout.css로 옮기기) */
	.section-faq-comm {padding: 12.267vw 0 14.933vw !important;}
	.section-faq-comm .layout-inner {padding: var(--inner-padding);}
	.section-faq-comm .section-title {margin-bottom: 4vw; font-family: var(--ft-family_Poppins-700); font-size: 8vw;}
	.section-faq-comm .faq-list .list-item, 
	.section-faq-comm .faq-list .list-item .content-area {border-width: 0.2667vw;}
	.section-faq-comm .faq-list .list-item .btn-faq-toggle {padding: 4vw 0; font-size: 4.533vw; letter-spacing: 0;}
	.section-faq-comm .faq-list .list-item .content-area {padding: 4.667vw 0;}
	.section-faq-comm .faq-list .list-item .content-area, 
	.section-faq-comm .faq-list .list-item .content-area * {font-size: 3.5vw;}
	.section-faq-comm .faq-list .list-item .noti {padding-left: 1.5vw; text-indent: -1.5vw; font-size: 3vw;}
	.section-faq-comm .faq-list .list-item.visible-last-item {border-width: 0.2667vw;}

	/* footer (layout.css로 옮기기) */
	.footer-wrap .footer {padding: 4vw 0 10.667vw;}
	.footer-wrap .footer .logo .link {max-width: 16vw; width: 16vw;}
	.footer-wrap .footer .inner > * {margin-top: 6.667vw;}
	.footer-wrap .footer .site-links > * {display: block; padding: 0; margin-bottom: 3vw; color: #fff; font-family: var(--ft-family_Poppins-700); font-size: 5.067vw; text-align: center;}
	.footer-wrap .footer .site-links > *::after {display: none;}
	.footer-wrap .footer .site-links > *:last-child {margin-bottom: 0 !important;}
	.footer-wrap .footer .download-links [class*=btn-item] {height: 7.9vw; margin-right: 1.867vw; background-size: 29vw;}
	.footer-wrap .footer .download-links .btn-item-google {width: 26.6vw;}
	.footer-wrap .footer .download-links .btn-item-apple {width: 23.7vw; background-position-y: -8.7vw;}
	.footer-wrap .footer .download-links .btn-item-amazon {width: 27.5vw; background-position-y: -17.4vw;}
	.footer-wrap .footer .sns-btns-comm [class*=btn-item] {width: 5.333vw; height: 5.333vw; margin: 0 3.333vw;}
	.footer-wrap .foot-bottom .copyright {font-size: 2.667vw;}
	/* [end] 전체 모바일 작업 시 공통으로.. */

	/* 가로모드 */
	@media (orientation: landscape) {
		/* [str] 전체 모바일 작업 시 공통으로.. */
		/* btn-top-comm */
		.btn-top-comm {right: 4vh; bottom: 4vh; width: 12vh; height: 12vh;}
		.btn-top-comm::before {bottom: -.7vh;}
		.btn-top-comm .txt {font-size: 3vh;}
		.btn-top-comm .txt::before {width: 3.5vh; height: 2vh; margin-bottom: 1.2vh;}
		/* [end] 전체 모바일 작업 시 공통으로.. */

		/* floating-banner */
		.floating-banner {right: 3vh;}
		.floating-banner > * {margin-right: 3vh;}
		.floating-banner .button-floating-toggle {left: 1.5vh; width: 7.467vh; height: 11.067vh; }
		.floating-banner .button-floating-toggle::before {left: -.5vh; width: 2.267vh; height: 4.133vh;}
		.floating-banner .hidden-banner {right: -2vh}
		.floating-banner .hidden-banner .coupon-wrapper {box-shadow: .267vh .267vh .8vh rgba(0,0,0,.8); border-width: .4vh; border-radius: 2.667vh;}
		.floating-banner .hidden-banner .coupon-wrapper::after {right: -1.9vh; width: 1.867vh; height: 2.667vh; }
		.floating-banner .hidden-banner .coupon-wrapper .button-refresh {right: -2.5vh; top: -2.5vh; width: 6.4vh; height: 6.4vh; padding: 4vh; background-size: 6.4vh;}
		.floating-banner .hidden-banner .coupon-inner {padding: 1.333vh 1.6vh; box-shadow: inset 0px 0px 2.667vh #5d2929; border-radius: 2.667vh;}
		.floating-banner .hidden-banner .img-area > * {margin-right: 1.333vh;}
		.floating-banner .hidden-banner .img-area > .coupon {width: 17.067vh; min-height: 14.933vh; padding: 1vh 0; border-radius: 1.667vh}
		.floating-banner .hidden-banner .img-area > .coupon > * {margin-bottom: .7vh;}
		.floating-banner .hidden-banner .img-area > .coupon img {width: 15.333vh;}	
		.floating-banner .hidden-banner .img-area > .coupon .coupon-rate {width: 6.5vh; font-size: 3.8vh; letter-spacing: -.2vh;}
		.floating-banner .hidden-banner .img-area > .coupon .time-count,
		.floating-banner .hidden-banner .img-area > .coupon .txt-empty {font-size: 2.933vh; letter-spacing: .1vh;}
		.floating-banner .hidden-banner .img-area > .coupon.lock::before {left: .5vh; top: 6.2vh; width: 3.467vh; height: 4.533vh;}	
		.floating-banner .hidden-banner .img-area > .coupon.coupon-normal .coupon-rate {left: 1.2vh; top: 5.8vh;}
		.floating-banner .hidden-banner .img-area > .coupon.coupon-exclusive .coupon-rate {left: 7.6vh; top: 2.7vh;}
		.floating-banner .hidden-banner .img-area > .coupon.coupon-special .coupon-rate {left: 1.8vh; top: 2.5vh;}
		.floating-banner .hidden-banner .img-area > .coupon.coupon-surprise .coupon-rate {left: 3vh; top: 2.8vh; width: 8vh; font-size: 4.5vh;}
		.floating-banner .hidden-banner .img-area > .coupon.coupon-firstpurchase-bonus .coupon-rate {left: 1.4vh; top: 3vh; width: 6vh;}
		.floating-banner .default-banner .banner-inner {width: 22.533vh; height: 22.8vh;}
		.floating-banner .default-banner .label {right: 1vh; top: 3.5vh; width: 4.667vh; height: 4.667vh; border-width: .267vh; line-height: 4.667vh;}
		.floating-banner .default-banner .label .num {font-size: 3.2vh;}
		.floating-banner .default-banner .label .num:nth-child(1) {border-width: .6vh;}
		.floating-banner .default-banner .img {top: 5vh;  width: 14.8vh;}
		.floating-banner .default-banner .txt {bottom: 2.5vh; width: 23.333vh;}
	}
}

/* 
 *  [해상도 ~ 480px]
 *  - 모바일 (최소 360px까지)
 *  - 모바일 ui 적용 (mode-mobile)
 */
@media all and (max-width:480px) {

}

/* 가로모드 & 터치 디바이스 */
@media (orientation: landscape) and (pointer: coarse) {
	/* layerpopup (common) */
	[class*=layerpopup-common] .layer-wrapper {overflow: hidden !important; overflow-y: auto !important; max-height: 95%; margin-top: 0; padding-top: 0;}
	[class*=layerpopup-common] .layer-wrapper.over-visible .layer-top-area {margin-top: 0 !important;}	
}