.col_cRed05{color:#fe324b !important}.col_cRed05{color:#fe324b !important}@font-face{font-family:"Pretendard";font-weight:700;font-display:swap;src:local("Pretendard Bold"),local("Pretendard-Bold"),url(/fo/fonts/Pretendard-Bold.subset.woff2) format("woff2"),url(/fo/fonts/Pretendard-Bold.subset.woff) format("woff"),url(/fo/fonts/Pretendard-Bold.ttf) format("truetype"),url(/fo/fonts/Pretendard-Bold.otf) format("opentype")}@font-face{font-family:"Pretendard";font-weight:500;font-display:swap;src:local("Pretendard Medium"),local("Pretendard-Medium"),url(/fo/fonts/Pretendard-Medium.subset.woff2) format("woff2"),url(/fo/fonts/Pretendard-Medium.subset.woff) format("woff"),url(/fo/fonts/Pretendard-Medium.ttf) format("truetype"),url(/fo/fonts/Pretendard-Medium.otf) format("opentype")}@font-face{font-family:"Pretendard";font-weight:400;font-display:swap;src:local("Pretendard Regular"),local("Pretendard-Regular"),url(/fo/fonts/Pretendard-Regular.subset.woff2) format("woff2"),url(/fo/fonts/Pretendard-Regular.subset.woff) format("woff"),url(/fo/fonts/Pretendard-Regular.ttf) format("truetype"),url(/fo/fonts/Pretendard-Regular.otf) format("opentype")}body.viewShell{width:1440px;margin:0 auto;background:#f2f2f2}body.viewShell[style*="overflow: hidden"] footer{box-shadow:none}body.viewShell .wrapper.headFixed .header .headInner{position:initial}body.viewShell .promoContainer{margin-bottom:0}body.viewShell .container{width:100% !important;min-width:1136px !important;max-width:1440px !important;padding:0 152px 120px !important}body.viewShell .container.brand{width:100% !important;min-width:1136px !important}body.viewShell .container.brand .contents{padding-top:0 !important}body.viewShell .container .contents.type2{margin-bottom:0 !important}body.viewShell .container .contents.type2 .brandHedaer.type-extend{position:relative !important}body.viewShell .container .contents .area_lv1:last-child .templeteBanner{margin-bottom:0}body.viewShell .container .contents .saleWrap>.titDep2{margin-top:0}body.viewShell .container .contents .saleWrap .mTit{text-align:center;margin-top:24px}body.viewShell .container .contents .prodModule .fixedWrap.tabTileStyle.fixed .fixTab .textTab{padding:0 152px}body.viewShell .container .contents .prodModule .fixedWrap.tabTileStyle.fixed .fixTab .tabTileList{width:100%;min-width:1136px;max-width:1440px;padding:0 152px}body.viewShell .container:not(:has(.pageLocation)) .brandCont{padding-top:20px !important}body.viewShell .container:has(.u646):has(.prInfo_conWrap){padding:0 152px 40px !important}body.viewShell .main_quickMnArea.main_quickMnLine .swiperWrap{padding:52px 21px 24px}body.viewShell .title_quickArea{padding-top:4px}body.viewShell .couponBannerArea{margin-top:40px}body.viewShell .couponBannerArea .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a{height:50px}body.viewShell .memberBenefitsSlide .memBeneTit{text-align:left}body.viewShell .mTit{position:relative;text-align:left;font-weight:700;font-size:2.6rem}body.viewShell .mTit a{line-height:1.5}body.viewShell .mTit .more{position:absolute;right:2px;top:16px;padding:0;font-size:1.6rem;color:#666;font-weight:400;background:none}body.viewShell .mTit .more::after{content:"";display:block;position:absolute;left:0;bottom:3px;width:100%;height:1px;background:#666}body.viewShell .thisBrandSection{margin-top:37px}body.viewShell .thisBrandSection .swiperWrap.fraction{padding-bottom:42px}body.viewShell .swiperWrap.swiperBanner .swiper-container,body.viewShell .swiperBanner .swiper-container{border-radius:4px}body.viewShell .bannerType.typeBand{border-radius:4px}body.viewShell .specialprice_imp{margin-top:42px}body.viewShell .specialprice_imp .mTit{height:initial;line-height:initial}body.viewShell .specialprice_imp .mTit a{height:initial}body.viewShell .specialprice_imp .tdspSwipe{margin-top:17px}body.viewShell .specialprice_imp .tdspSwipe .ts-controls{position:absolute;left:0;right:0;bottom:0;margin:0}body.viewShell .specialprice_imp .tdspSwipe .prodCont figure{border-radius:4px 4px 0 0}body.viewShell .specialprice_imp .tdspSwipe.controlBtn .ts-next.ts-button-disabled.hide{display:block}body.viewShell .specialprice_imp .todaysp_pr li .prodCont>a{border-radius:4px}body.viewShell .specialprice_imp .todaysp_pr li .prodCont>a~a{margin-top:0}body.viewShell .specialprice_imp .todaysp_pr li .prodCont>a .dailyPicks{left:12px;top:12px;width:40px;height:43px;background-size:cover}body.viewShell .giveawayComponent.exclusiveBrand{margin-top:38px}body.viewShell .giveawayComponent.exclusiveBrand .giveawaySwiper{margin-top:14px}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper .swiper-container.imgList .swiper-slide a{display:flex;min-height:initial;border:none;border-radius:0}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper .swiper-container.imgList .swiper-slide a>figure{flex-shrink:0;overflow:auto;aspect-ratio:1/1;width:140px;height:140px;border-radius:4px}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper .swiper-container.imgList .swiper-slide a .cont{flex:1;width:auto;min-height:initial;padding:0 0 0 16px}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper .swiper-container.imgList .swiper-slide a .cont .brandLogo{margin:0}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper .swiper-container.imgList .swiper-slide a .cont .tit{margin-top:10px;font-weight:700}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper .swiper-container.imgList .swiper-slide a+a{margin-top:12px}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper.controlBtn .ts-prev{left:50%}body.viewShell .giveawayComponent.exclusiveBrand .moreWrap .giveawaySwiper.controlBtn .ts-next{right:50%}body.viewShell .thankYouGiftArea{margin-top:40px}body.viewShell .thankYouGiftArea .thankYouGift{margin:0 -60px;padding:32px 60px 32px;background:#111}body.viewShell .thankYouGiftArea .thankYouGift .mTit{margin-bottom:16px;color:#fff}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a{text-align:left}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure{aspect-ratio:213/320;border-radius:4px}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .thGiftB{color:#fff}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a .thGiftS{opacity:.7;color:#fff}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-paging .paging-info{color:#fff}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-paging .paging-info *{color:#fff}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-prev,body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-next{background:rgba(0,0,0,0)}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-prev.ts-button-disabled,body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-next.ts-button-disabled{opacity:.2}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-prev::after{background-image:url(/fo/images/view/ico_chevron_left_12x_2s_white.svg)}body.viewShell .thankYouGiftArea .thankYouGift .thankGifeList .swiperWrap .ts-next::after{background-image:url(/fo/images/view/ico_chevron_right_12x_2s_white.svg)}body.viewShell .brandSaleArea{margin-top:40px}body.viewShell .brandSaleArea .mTit{margin-bottom:14px}body.viewShell .brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox{width:33.3333333333%}body.viewShell .brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox:first-child,body.viewShell .brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox:nth-child(2){margin-right:24px}body.viewShell .brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a{padding:16px 24px}body.viewShell .brandSaleArea .brandSaleList .swiperWrap .swiper-container ul.swiper-wrapper li.swiper-slide .brandSaleRoom .brandSaleBox>a .brandSTit{text-align:left;font-weight:700}body.viewShell .prodCont .prodInfo{margin-top:17px}body.viewShell .mytypeComponent .prodCont figure,body.viewShell .liquorComponent .prodCont figure{border-radius:4px}body.viewShell .mytypeComponent .prodCont .prodInfo .brandName,body.viewShell .liquorComponent .prodCont .prodInfo .brandName{padding:0}body.viewShell .mytypeComponent .prodCont .prodInfo .prodName,body.viewShell .liquorComponent .prodCont .prodInfo .prodName{height:45px;padding:0;line-height:140%}body.viewShell .mytypeComponent .prodCont .optionBtns,body.viewShell .liquorComponent .prodCont .optionBtns{opacity:0;position:absolute;bottom:auto;left:50%;z-index:101;width:184px;height:48px;margin:-30px 0 0 -92px !important;border-radius:0 0 8px 8px;text-align:center;background:none;transition:.3s}body.viewShell .mytypeComponent .prodCont .optionBtns .chkFavo,body.viewShell .liquorComponent .prodCont .optionBtns .chkFavo{display:inline-block;float:none;position:relative !important;top:0 !important;right:0 !important;width:48px;height:48px;margin:0 4px !important}body.viewShell .mytypeComponent .prodCont .optionBtns .chkFavo label,body.viewShell .liquorComponent .prodCont .optionBtns .chkFavo label{background:rgba(0,0,0,.6)}body.viewShell .mytypeComponent .prodCont .optionBtns .chkFavo label:hover,body.viewShell .liquorComponent .prodCont .optionBtns .chkFavo label:hover{background:#000}body.viewShell .mytypeComponent .prodCont .optionBtns>button,body.viewShell .liquorComponent .prodCont .optionBtns>button{margin:0 4px !important;border-radius:4px;background:rgba(0,0,0,.6)}body.viewShell .mytypeComponent .prodCont .optionBtns>button:hover,body.viewShell .liquorComponent .prodCont .optionBtns>button:hover{background:#000}body.viewShell .mytypeComponent .prodCont:hover .optionBtns,body.viewShell .liquorComponent .prodCont:hover .optionBtns{opacity:1}body.viewShell .mytypeComponent .prodCont .priceArea,body.viewShell .liquorComponent .prodCont .priceArea{display:flex;flex-direction:column;justify-content:flex-end;margin-top:4px !important;min-height:46px}body.viewShell .mytypeComponent .prodCont .priceArea .salePer,body.viewShell .liquorComponent .prodCont .priceArea .salePer{display:flex;align-items:center}body.viewShell .mytypeComponent .prodCont .priceArea .salePer .saleNum,body.viewShell .liquorComponent .prodCont .priceArea .salePer .saleNum{line-height:21px;color:#f42d10;font-weight:700}body.viewShell .mytypeComponent .prodCont .priceArea .salePer .originPrice,body.viewShell .liquorComponent .prodCont .priceArea .salePer .originPrice{margin-left:4px;line-height:21px;margin-top:-1px}body.viewShell .mytypeComponent .prodCont .priceArea .saleCont,body.viewShell .liquorComponent .prodCont .priceArea .saleCont{margin-top:0 !important}body.viewShell .mytypeComponent .prodCont .priceArea .saleCont .saleWon,body.viewShell .liquorComponent .prodCont .priceArea .saleCont .saleWon{font-size:1.3rem !important;color:#666}body.viewShell .mytypeComponent .prodCont .priceArea .priceWrap+em,body.viewShell .liquorComponent .prodCont .priceArea .priceWrap+em{margin-left:0}[lang=ko] body.viewShell .mytypeComponent .prodCont .priceArea .priceWrap+em,[lang=ko] body.viewShell .liquorComponent .prodCont .priceArea .priceWrap+em{font-size:1.5rem !important}body.viewShell .liquorComponent.mainModule .swiperWrap .swiper-slide .prodCont .prodInfo .prodName{height:45px;margin-bottom:0;padding:0}body.viewShell .lankingComponent .mTit{margin-bottom:16px}body.viewShell .lankingComponent .tdspTabcon .swiperWrap.tdspSwipe{padding-bottom:0}body.viewShell .lankingComponent .tdspTabcon .swiperWrap.tdspSwipe .prodCont .optionBtns{top:calc(57% - 48px)}body.viewShell .lankingComponent .cateRankingArea .swiperWrap.fraction{padding-bottom:46px}body.viewShell .lankingComponent .prodCont .optionBtns .chkFavo label{background:rgba(0,0,0,.6)}body.viewShell .lankingComponent .prodCont .optionBtns .chkFavo label:hover{background:#000}body.viewShell .lankingComponent .prodCont .optionBtns>button{background:rgba(0,0,0,.6)}body.viewShell .lankingComponent .prodCont .optionBtns>button:hover{background:#000}body.viewShell .mainModule,body.viewShell .bannerComponent,body.viewShell .mytypeComponent,body.viewShell .liquorComponent.mainModule,body.viewShell .themeComponent.mainModule,body.viewShell .todayBenefitCollec,body.viewShell .lankingComponent,body.viewShell .memberBenefitsArea,body.viewShell .fashionComponent{margin-top:40px !important}body.viewShell .newBrandComponent .tabArea .iScrollWrap.anchorType .iScrollCont .tabType04,body.viewShell .lankingComponent .tabArea .iScrollWrap.anchorType .iScrollCont .tabType04{margin:initial;text-align:left}body.viewShell .newBrandComponent.mainModule .newEntryTabCon .brandInfo .titArea{height:initial}body.viewShell .newBrandComponent.mainModule .newEntryTabCon .ts-controls{opacity:0}body.viewShell .newBrandComponent.mainModule .newEntryTabCon .swiperWrap.fraction .ts-prev{margin-left:-76px}body.viewShell .newBrandComponent.mainModule .newEntryTabCon .swiperWrap.fraction .ts-next{margin-right:-76px}body.viewShell .beautiyComponent.experience.mainModule .ts-controls{opacity:0}body.viewShell .beautiyComponent.experience.mainModule .swiperWrap.fraction .ts-prev{margin-left:-76px}body.viewShell .beautiyComponent.experience.mainModule .swiperWrap.fraction .ts-next{margin-right:-76px}body.viewShell .memberBenefitsArea .mTit,body.viewShell .todayBenefitCollec .mTit{margin-bottom:16px}body.viewShell .memberBenefitsArea .memberBenefitsSlide .swiperWrap .swiper-container .swiper-wrapper .swiper-slide figure{border-radius:4px}body.viewShell .todayBenefitCollec .beneTitBox{text-align:left}body.viewShell .fashionComponent .imgList{padding-top:14px}body.viewShell .beautiyComponent .swiperWrap{margin-top:16px}body.viewShell .imgList>ul.keyword>li figure{border-radius:4px}body.viewShell .newBrandComponent .mTit{margin-bottom:16px}body.viewShell .newBrandComponent .tabArea .tabBasic li.tabON a{border-color:#000 !important;background:#000 !important}body.viewShell .newBrandComponent .con .info{text-align:left}body.viewShell .newBrandComponent .newbrandSwipe{margin-top:16px}body.viewShell .newBrandComponent .newbrandSwipe .inner{border-radius:4px 4px 0 0}body.viewShell .newBrandComponent .newbrandSwipe .inner figure .imgLogo{top:calc(50% - 9px)}body.viewShell .newBrandComponent .newbrandSwipe .inner .chkFavo{top:52%}body.viewShell .newBrandComponent .newbrandSwipe .brandInfo{margin:-59px 24px 0}body.viewShell .newBrandComponent .newbrandSwipe .brandInfo .titArea{padding-top:24px;padding-bottom:21px}body.viewShell .newBrandComponent .newbrandSwipe .brandInfo figure{border-radius:4px}body.viewShell .mytypeSwipe{margin-top:16px}body.viewShell .thisBrandSection .mTit em,body.viewShell .mytypeComponent .mTit em,body.viewShell .lankingComponent .mTit em,body.viewShell .giveawayComponent.exclusiveBrand .mTit em,body.viewShell .specialprice_imp .mTit em,body.viewShell .todayBenefitCollec .mTit em,body.viewShell .brandSaleArea .mTit em,body.viewShell .thankYouGiftArea .mTit em,body.viewShell .fashionComponent .mTit em,body.viewShell .newBrandComponent .mTit em,body.viewShell .liquorComponent .mTit em,body.viewShell .beautiyComponent .mTit em,body.viewShell .themeComponent .mTit em,body.viewShell .trendingComponent .mTit em,body.viewShell .todayBenefitCollec .mTit em,body.viewShell .memberBenefitsArea .mTit em,body.viewShell .bannerComponent .mTit em{font-size:2.6rem;color:#000}body.viewShell .thisBrandSection .mTit span,body.viewShell .mytypeComponent .mTit span,body.viewShell .lankingComponent .mTit span,body.viewShell .giveawayComponent.exclusiveBrand .mTit span,body.viewShell .specialprice_imp .mTit span,body.viewShell .todayBenefitCollec .mTit span,body.viewShell .brandSaleArea .mTit span,body.viewShell .thankYouGiftArea .mTit span,body.viewShell .fashionComponent .mTit span,body.viewShell .newBrandComponent .mTit span,body.viewShell .liquorComponent .mTit span,body.viewShell .beautiyComponent .mTit span,body.viewShell .themeComponent .mTit span,body.viewShell .trendingComponent .mTit span,body.viewShell .todayBenefitCollec .mTit span,body.viewShell .memberBenefitsArea .mTit span,body.viewShell .bannerComponent .mTit span{display:inline-block;color:#3557da;font-size:2.6rem}[lang=zh] body.viewShell .thisBrandSection .mTit span,[lang=zh] body.viewShell .mytypeComponent .mTit span,[lang=zh] body.viewShell .lankingComponent .mTit span,[lang=zh] body.viewShell .giveawayComponent.exclusiveBrand .mTit span,[lang=zh] body.viewShell .specialprice_imp .mTit span,[lang=zh] body.viewShell .todayBenefitCollec .mTit span,[lang=zh] body.viewShell .brandSaleArea .mTit span,[lang=zh] body.viewShell .thankYouGiftArea .mTit span,[lang=zh] body.viewShell .fashionComponent .mTit span,[lang=zh] body.viewShell .newBrandComponent .mTit span,[lang=zh] body.viewShell .liquorComponent .mTit span,[lang=zh] body.viewShell .beautiyComponent .mTit span,[lang=zh] body.viewShell .themeComponent .mTit span,[lang=zh] body.viewShell .trendingComponent .mTit span,[lang=zh] body.viewShell .todayBenefitCollec .mTit span,[lang=zh] body.viewShell .memberBenefitsArea .mTit span,[lang=zh] body.viewShell .bannerComponent .mTit span{color:#fe324b}body.viewShell .thankYouGiftArea .mTit em{color:#fff}body.viewShell .thankYouGiftArea .mTit em span{color:#778cea}[lang=zh] body.viewShell .thankYouGiftArea .mTit em span{color:#fe324b}body.viewShell .swiperWrap.fraction{padding-bottom:60px}body.viewShell .swiperWrap.fraction .ts-controls.playStop{display:block !important;position:absolute;bottom:0;width:100%}body.viewShell .swiperWrap.fraction .ts-paging{display:flex;align-items:center;justify-content:center;height:36px}body.viewShell .swiperWrap.fraction .ts-paging.hide{display:none}body.viewShell .swiperWrap.fraction .ts-paging .ts-paging-btn{display:none}body.viewShell .swiperWrap.fraction .ts-paging .paging-info *{font-size:1.5rem;color:#222}body.viewShell .swiperWrap.fraction .ts-prev,body.viewShell .swiperWrap.fraction .ts-next{opacity:1;bottom:0 !important;top:initial !important;width:60px;height:36px;border:1px solid #eaeaea;border-radius:2px;background:#fff}body.viewShell .swiperWrap.fraction .ts-prev::after,body.viewShell .swiperWrap.fraction .ts-next::after{opacity:1;width:12px;height:12px;margin:-6px 0 0 -6px}body.viewShell .swiperWrap.fraction .ts-prev{left:50%;margin-left:-100px}body.viewShell .swiperWrap.fraction .ts-prev::after{background:url(/fo/images/view/ico_chevron_left_12x_2s_darkgray.svg) no-repeat}body.viewShell .swiperWrap.fraction .ts-prev.ts-button-disabled::after{background:url(/fo/images/view/ico_chevron_left_12x_2s_lightgray.svg) no-repeat}body.viewShell .swiperWrap.fraction .ts-next{right:50%;margin-right:-100px}body.viewShell .swiperWrap.fraction .ts-next::after{background:url(/fo/images/view/ico_chevron_right_12x_2s_darkgray.svg) no-repeat}body.viewShell .swiperWrap.fraction .ts-next.ts-button-disabled::after{background:url(/fo/images/view/ico_chevron_right_12x_2s_lightgray.svg) no-repeat}body.viewShell .mainFoot{margin-top:76px}body.viewShell .mainFoot>*{display:block;width:100%}body.viewShell .mainFoot .quickMn{padding:0;border:none}body.viewShell .mainFoot .quickMn .list{display:flex;justify-content:space-between;padding:0 40px}body.viewShell .mainFoot .quickMn .list li{width:114px;padding:32px 0 42px}body.viewShell .mainFoot .conWrap{border-top:1px solid #eaeaea}body.viewShell .mainFoot .conWrap .con{display:flex}body.viewShell .mainFoot .conWrap .con>*{box-sizing:border-box}body.viewShell .mainFoot .conWrap .con .storeInfo{width:284px;padding:32px 15px 32px 32px !important}body.viewShell .mainFoot .conWrap .con .customInfo{width:312px}body.viewShell .mainFoot .conWrap .con .customInfo dl dd a{margin-top:20px;font-weight:500}body.viewShell .mainFoot .conWrap .con .noticeInfo{width:calc(100% - 284px - 312px)}body.viewShell .mainFoot .conWrap .con .noticeInfo .txtLink{top:33px}body.viewShell .mainFoot .conWrap .con .noticeInfo .noticeList li{height:40px}body.viewShell .mainFoot .conWrap .con .noticeInfo .noticeList li a span{height:40px;line-height:40px}body.viewShell footer{min-width:1136px;box-shadow:-1px 0 0 #ddd,1px 0 0 #ddd}body.viewShell #wrapper.wrapper{box-shadow:-1px 0 0 #ddd,1px 0 0 #ddd}body.viewShell #wrapper.wrapper:has(.header-renewal) .prodCont .optionBtns .btIco.icCart::after{background-position:initial;background:url(/fo/images/common/cart_case.png) no-repeat}body.viewShell #wrapper.wrapper:has(.header-renewal) .prodCont .optionBtns .btIco.icCart:hover::after{background:url(/fo/images/common/cart_case_hover.png) no-repeat}body.viewShell #wrapper.wrapper:has(.header-renewal) .prodCont .optionBtns .btIco.icPay::after{background-position:initial;background:url(/fo/images/common/wallet_case.png) no-repeat}body.viewShell #wrapper.wrapper:has(.header-renewal) .prodCont .optionBtns .btIco.icPay:hover::after{background:url(/fo/images/common/wallet_case_hover.png) no-repeat}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe{margin-top:16px}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe .prodCont{border-radius:4px}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe .prodCont figure{border-radius:4px 4px 0 0}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe .prodCont .prodInfo{padding:16px 24px 24px}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .salePer{display:flex;align-items:center}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .salePer .saleNum{line-height:21px}body.viewShell #wrapper.wrapper.mainWrapper .mainContainer .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .salePer .originPrice{margin-left:4px;line-height:21px;margin-top:-1px}body.viewShell #wrapper.wrapper.commWrapper{background:#fff;box-shadow:-1px 0 0 #ddd,1px 0 0 #ddd}body.viewShell #wrapper.wrapper.commWrapper .container{border:0 !important}body.viewShell #wrapper.wrapper.commWrapper~footer{box-shadow:-1px 0 0 #ddd,1px 0 0 #ddd}body.viewShell #wrapper.wrapper.orderWrap{box-shadow:-1px 0 0 #ddd,1px 0 0 #ddd}body.viewShell #wrapper.wrapper.orderWrap .container{border:none;background:#f5f7fa}body.viewShell #wrapper.wrapper.orderWrap+footer{box-shadow:-1px 0 0 #ddd,1px 0 0 #ddd}body.viewShell #wrapper.wrapper .scroll{display:none}body.viewShell #wrapper.wrapper .default{display:block}body.viewShell #wrapper.wrapper.headFixed .scroll{display:block}body.viewShell #wrapper.wrapper.headFixed .default{display:none}body.viewShell #wrapper.wrapper.headFixed .mainTopbanner{display:none;left:50%;width:1440px;margin-left:-720px}body.viewShell #wrapper.wrapper .header{width:1440px}body.viewShell #wrapper.wrapper .header .cateWrap{position:static}body.viewShell #wrapper.wrapper .header .cateWrap .cateArea{left:0 !important;margin-left:-40px !important}body.viewShell #wrapper.wrapper .header .filterSearchArea .filterArea{left:50%;top:72px;width:1440px;margin-left:-720px}body.viewShell #wrapper.wrapper .header .headSearch .headsearchWrap{left:50%;width:1440px;margin-left:-720px}body.viewShell #wrapper.wrapper .header .headSearch .headsearchWrap .searchArea .autoSearchWrap::before{width:1440px;left:50%;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .header .breadCrumb .cateWrap.i20221221 .cateArea{left:-50vw}body.viewShell #wrapper.wrapper .header .breadCrumb .cateWrap .btcate[aria-expanded=true]+.cateArea{left:0}body.viewShell #wrapper.wrapper.headFixed .header{left:50%;margin-left:-720px}body.viewShell #wrapper.wrapper.headFixed .header .breadCrumb{left:50%;width:1440px;margin-left:-720px}body.viewShell #wrapper.wrapper.headFixed .header .headInner .headMid nav{position:absolute}body.viewShell #wrapper.wrapper.headFixed .header-renewal .breadCrumb{z-index:102}body.viewShell #wrapper.wrapper .header-renewal .breadCrumb{background:#000 !important}body.viewShell #wrapper.wrapper .header-renewal~.container .benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab{top:64px}body.viewShell #wrapper.wrapper .header-renewal~.container .modProdConainer .prodModule.prodSelectModule .fixedWrap.fixed .fixTab{top:64px}body.viewShell #wrapper.wrapper .header-renewal~.promoContainer .promotionCon.moduleType .fixedWrap.fixed .fixTab{top:64px}body.viewShell #wrapper.wrapper .header-renewal~.promoContainer .promotionCon.moduleType .fixedWrap.fixed .iScrollWrap{top:64px}body.viewShell #wrapper.wrapper .header-renewal~.promoContainer .promotionCon.moduleType .fixedWrap.cateTabModuleFixedWrap.fixed .iScrollWrap{top:144px}body.viewShell #wrapper.wrapper.mainWrapper .pageLocation~.contents{padding-top:0}body.viewShell #wrapper.wrapper.mainWrapper .contents{margin-top:0;padding-top:56px;padding-bottom:0}body.viewShell #wrapper.wrapper.mainWrapper .contents .sindy.titDep1{margin:0 0 22px}body.viewShell #wrapper.wrapper.mainWrapper .giftbeneCont .giftbeneInfo .listWrap .list{grid-template-columns:repeat(3, 1fr)}body.viewShell #wrapper.wrapper~footer{z-index:11;max-width:1440px;margin:0 auto}body.viewShell #wrapper.wrapper .giveawayComponent.exclusiveBrand .giveawaySwiper .imgList>ul>li a{min-height:auto}body.viewShell #wrapper.wrapper.promotionType .promoContainer{background:#fff}body.viewShell #wrapper.wrapper.promotionType .promoContainer .promotionTop{margin:0 auto;padding-top:56px;padding-bottom:24px;background:#fff}body.viewShell #wrapper.wrapper.promotionType .promoContainer .promotionTop:not(.typeInline){padding:0;margin:56px auto 24px}body.viewShell #wrapper.wrapper.promotionType .promoContainer .promotionTop.typeInline .icoArea{top:54px}body.viewShell #wrapper.wrapper .promoContainer:has(~.container){margin-bottom:-60px}body.viewShell #wrapper.wrapper .promoContainer~.container #contents{padding:0}body.viewShell #wrapper.wrapper .promoContainer~.container #contents .contents{padding:0}body.viewShell #wrapper.wrapper .categoryCont{margin-bottom:0 !important}body.viewShell #wrapper.wrapper .container:has(.brandCont){width:100% !important;max-width:1440px !important}body.viewShell #wrapper.wrapper .container:has(.brandCont) .pageLocation{width:1000px}body.viewShell #wrapper.wrapper .container:has(.brandCont) .contents{margin:0 auto;padding-top:0}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li{width:33.3333333333%;padding-left:13px !important}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li:nth-child(n+4){margin-top:24px}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li:nth-child(3n+1){padding-left:0 !important}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a figure{width:140px;height:140px;min-width:140px}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt{width:calc(100% - 140px);padding-left:13px}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .titEvent{margin-top:12px;letter-spacing:-0.4px;font-size:2rem}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .subTit{top:0;margin-top:8px;letter-spacing:-0.3px;font-size:1.5rem}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo{margin-top:24px}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .winnerBenefits{height:25px;line-height:25px;letter-spacing:.26px;font-size:1.3rem}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .date{line-height:25px;color:#ccc;font-size:1.3rem}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab{left:50%;transform:translateX(-50%);width:1440px}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01{max-width:1136px;padding:0}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont .fixedWrap.fixed .fixTab .tabType01 li .subTab{padding:0}body.viewShell #wrapper.wrapper .benefitWrap.i2303 .benefitCont #filter #btnFilter.newFilter{opacity:0}body.viewShell #wrapper.wrapper .benefitWrap.i2303.categoryAreaBox #filter #btnFilter{left:calc(50% - 684px);transform:translateX(-50%);z-index:1}body.viewShell #wrapper.wrapper .benefitWrap.i2303.categoryAreaBox #filter #btnFilter.newFilter{opacity:1}body.viewShell #wrapper.wrapper .benefitWrap.i2303.categoryAreaBox #filter.opened #filterWrap{left:calc(50% - 560px) !important;transform:translateX(-50%);z-index:10}body.viewShell #wrapper.wrapper .specialCont.specialMain.liquor{margin-bottom:0}body.viewShell #wrapper.wrapper .specialCont.specialMain.fashionCont .imgList>ul.keyword>li figure{min-height:100%}body.viewShell #wrapper.wrapper .specialCont.specialMain.fashionCont .imgList>ul.keyword>li figure img{-o-object-fit:cover;object-fit:cover}body.viewShell #wrapper.wrapper .specialCont.specialMain.fashionCont .ssgdfExclusive .minorBrand{margin-bottom:-38px}body.viewShell #wrapper.wrapper .specialCont.specialMain.beautyCont .prodList.prodThumb.prodReview .prodCont{aspect-ratio:initial}body.viewShell #wrapper.wrapper .specialCont.specialMain.beautyCont .fullBanner{width:1438px !important;left:0 !important;margin-left:-152px !important}body.viewShell #wrapper.wrapper .specialCont.specialMain.beautyCont .ssgdfExclusive .minorBrand{margin-bottom:-38px}body.viewShell #wrapper.wrapper .visualBrand .cont .prodArea .prodCont:nth-child(3){display:none !important}body.viewShell #wrapper.wrapper.mainWrapper:has(.bannerAreaLuxury) .contents.spidx{padding-top:0}body.viewShell #wrapper.wrapper.mainWrapper:has(.bannerAreaLuxury) .contents.spidx.featureFrame{padding:80px 0 0}body.viewShell #wrapper.wrapper .area_lv1:has(.bannerAreaLuxury){padding-bottom:0}body.viewShell #wrapper.wrapper .bannerAreaLuxury{margin-bottom:0}body.viewShell #wrapper.wrapper .contents.spidx .luxuryFashion .luxuryTitle{padding:80PX 0 40px !important}body.viewShell #wrapper.wrapper .contents.spidx .luxuryFashion .luxuryList>li{min-height:100%}body.viewShell #wrapper.wrapper .contents.spidx .luxuryFashion .luxuryList>li.showOnScroll>*{position:relative}body.viewShell #wrapper.wrapper .contents.spidx .luxuryFashion .luxuryList>li figure>img{width:100%}body.viewShell #wrapper.wrapper .contents.spidx .spidx_consec_type1 .curationArea .brandView .prodCont{width:25% !important}body.viewShell #wrapper.wrapper .contents.spidx .spidx_consec_type1 .curationArea .brandView .prodCont:nth-child(n+5){display:none !important}body.viewShell #wrapper.wrapper .contents.newBrandCont>.brandWordOfMouth::before{width:calc(var(--fullWidthSize) - 2px);transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646{padding-top:0}body.viewShell #wrapper.wrapper .contents.u646 .prInfo_conWrap .transformTab_area .tabWrap .tabProduct::before{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646 .prInfo_conWrap .transformTab_area .tabWrap .tabProduct::after{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646 .prInfo_conWrap .transformTab_area.fixed .tabWrap{width:1440px;left:50%;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646 .fixBottomWrap{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646.brandCont{padding-top:0}body.viewShell #wrapper.wrapper .contents.u646.brandCont~.prInfo_conWrap .transformTab_area .tabWrap .tabProduct::before{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646.brandCont~.prInfo_conWrap .transformTab_area .tabWrap .tabProduct::after{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.u646.brandCont~.prInfo_conWrap .transformTab_area.fixed .tabWrap{width:1440px;left:50%;transform:translateX(-50%)}body.viewShell #wrapper.wrapper .contents.featureFrame .visualInBnr.e18 .mainBannerSwiper .mainbanner>a figure{right:130px}body.viewShell #wrapper.wrapper .contents.featureFrame .visualInBnr.e18 .mainBannerSwiper .mainbanner .bannerTxt .inner .titEvent{left:130px}body.viewShell #wrapper.wrapper .contents.featureFrame .visualInBnr.e18 .mainBannerSwiper .paging{left:130px}body.viewShell #wrapper.wrapper .contents.featureFrame .brandArea .swiperWrap .swiper-slide .con figure{border-radius:50%}body.viewShell #wrapper.wrapper .contents .folderList li{width:25%}body.viewShell #wrapper.wrapper .contents .folderList li .con .tit input{overflow:hidden !important;white-space:nowrap;text-overflow:ellipsis}body.viewShell #wrapper.wrapper .contents .brandpr_list>li{width:100%}body.viewShell #wrapper.wrapper.promotionType .flexibleWrap.cateTabModuleFixedWrapOuter{width:100%;height:64px}body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabStyleBlack,body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabStyleGray,body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabFreeB,body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabFreeW{width:100%}body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabStyleBlack.fixed .fixTab,body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabStyleGray.fixed .fixTab,body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabFreeB.fixed .fixTab,body.viewShell #wrapper.wrapper.promotionType .flexibleWrap .fixedWrap.tabFreeW.fixed .fixTab{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.promotionType .fixedWrap.fixed .fixTab{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabStyleBlack,body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabStyleGray,body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabFreeB,body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabFreeW{width:1000px}body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabStyleBlack.fixed .fixTab,body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabStyleGray.fixed .fixTab,body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabFreeB.fixed .fixTab,body.viewShell #wrapper.wrapper.promotionType .fixedWrap.tabFreeW.fixed .fixTab{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.promotionType .fixedWrap.midAncTabWrap.fixed .iScrollWrap{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.promotionType .fixedWrap.cateTabModuleFixedWrap .iScrollWrap .iScrollCont{width:1440px}body.viewShell #wrapper.wrapper.promotionType .fixedWrap.cateTabModuleFixedWrap .iScrollWrap .iScrollCont .tabType04{padding:12px 30px}body.viewShell #wrapper.wrapper.commWrapper.headFixed .header{margin-left:0}body.viewShell #wrapper.wrapper .topContents .ownInfo .resList{padding:20px 24px}body.viewShell #wrapper.wrapper .topContents .ownInfo .resList li .tit{margin-bottom:4px}[lang=en] body.viewShell #wrapper.wrapper .topContents .ownInfo .resList li .tit{font-size:1.3rem}body.viewShell #wrapper.wrapper .topContents .ownInfo .resList li .resCont{line-height:140%;font-size:1.5rem}body.viewShell #wrapper.wrapper .topContents .ownInfo .resList li .resCont b{line-height:28px;font-size:1.5rem}body.viewShell #wrapper.wrapper .myActivity .activityList>li .noActivity .tit{line-height:22px}body.viewShell #wrapper.wrapper .myActivity .activityList>li .noActivity .txt{line-height:16px}body.viewShell #wrapper.wrapper .benefitArea .benefitBoxList.flexBox>li{width:50%}body.viewShell #wrapper.wrapper .listHistory>li .list li{width:calc(50% - 3px)}body.viewShell #wrapper.wrapper .myMembershipList .cardItem{width:100%;border-top:1px solid #eaeaea}body.viewShell #wrapper.wrapper .myMembershipList .cardItem:first-child{border-top:none}body.viewShell #wrapper.wrapper .exchangeCont ul.userInfo::after{display:block;content:"";position:absolute;top:16px;left:50%;width:1px;height:66px;background:#eaeaea}body.viewShell #wrapper.wrapper .exchangeCont ul.userInfo li{width:50%}body.viewShell #wrapper.wrapper .exchangeCont ul.userInfo li:first-child~li em{width:136px;padding-left:16px}body.viewShell #wrapper.wrapper .exchangeCont ul.userInfo li:first-child~li::after{content:none}body.viewShell #wrapper.wrapper .exchangeCont ul.userInfo li:nth-child(2)~li{margin-top:12px}body.viewShell #wrapper.wrapper .exchangeCont ul.userInfo li:nth-child(even) em{width:152px !important;padding-left:32px !important}body.viewShell #wrapper.wrapper .leaveInfoList .leaveList li{width:50%}body.viewShell #wrapper.wrapper .loginMethodArea .loginMethodList>li{width:50%}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li{width:33.3333333333%;padding-left:13px !important}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li:nth-child(n+4){margin-top:24px}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li:nth-child(3n+1){padding-left:0 !important}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a figure{width:140px;height:140px;min-width:140px}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt{width:calc(100% - 140px);padding-left:13px}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .flagWrap{left:13px}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .flagWrap .flag.branch{height:25px;line-height:25px;font-size:1.2rem}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .titEvent{margin-top:12px;letter-spacing:.4px;font-size:1.8rem}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .subTit{top:0;margin-top:8px;letter-spacing:.3px;font-size:1.5rem}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo{margin-top:24px}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .winnerBenefits{height:25px;line-height:25px;letter-spacing:.26px;font-size:1.3rem}body.viewShell #wrapper.wrapper .branchCont .imgList .qtflexibleType .bannerList li .bannerType a .bannerTxt .eventInfo .date{line-height:25px;color:#ccc;font-size:1.2rem}body.viewShell #wrapper.wrapper.btq .container:has(.prInfo_conWrap){padding:0 152px 40px !important}body.viewShell #wrapper.wrapper.btq .prInfo_conWrap .transformTab_area .tabWrap .tabProduct::before{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.btq .prInfo_conWrap .transformTab_area .tabWrap .tabProduct::after{left:50%;width:1440px;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.btq .prInfo_conWrap .transformTab_area.fixed .tabWrap{width:1440px;left:50%;transform:translateX(-50%)}body.viewShell #wrapper.wrapper.btq.TOMFORD .container .contents,body.viewShell #wrapper.wrapper.btq.MAC .container .contents{margin:0 auto 56px}body.viewShell #wrapper.wrapper.btq.CHANEL .container{padding:0 152px 40px !important}body.viewShell #wrapper.wrapper.btq.VALENTINO .logo{margin:0 auto 20px auto;padding-top:40px}@media(max-width: 1440px){body.viewShell #wrapper.wrapper .benefitWrap.i2303.categoryAreaBox #filter #btnFilter{left:0;transform:none}body.viewShell #wrapper.wrapper .specialCont.specialMain.beautyCont .fullBanner{width:100% !important;left:0 !important;margin-left:0 !important}}body.viewShell .container.categoryCont .contents .saleWrap .specialprice_imp .swiperWrap.tdspSwipe .todaysp_pr li .prodCont>a~a{margin-top:15px}body.viewShell .container.categoryCont .contents .saleWrap .specialprice_imp .swiperWrap.tdspSwipe .ts-controls{position:static;margin-top:20px}body.viewShell .container.categoryCont .contents .saleWrap .specialprice_imp .swiperWrap.tdspSwipe .prodFlag span{line-height:20px}body.viewShell .specialCont.specialMain.fashionCont .specialprice_imp .swiperWrap.tdspSwipe .ts-controls{position:static;margin-top:20px}body.viewShell .saleWrap .specialprice_imp .tabCont .todaysp_pr li .prodCont>a~a{margin-top:15px}body.viewShell .saleWrap .specialprice_imp .tabCont .todaysp_pr .prodFlag span{line-height:20px}body.viewShell .saleWrap .timesale_imp .timePr .list .prInfo strong,body.viewShell .saleWrap .timesale_imp .timePr .list .prInfo em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floatBox{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:136px;left:calc(50% + 740px);z-index:10;width:200px;opacity:1}.floatBox .close{display:none}.floatBox .sideVideo{width:100%;height:396px;margin-bottom:80px}.floatBox .sideVideo .adflag{position:absolute;left:8px;top:8px;z-index:1;height:18px;line-height:17px;padding:0 6px;border-radius:4px;border:1px solid hsla(0,0%,100%,.5);font-size:.8rem;font-weight:500;color:#fff;background:rgba(0,0,0,.4)}.floatBox .sideVideo .videoThum{overflow:hidden;border-radius:4px 4px 0 0;height:356px}.floatBox .sideVideo .videoThum video{border-radius:4px 4px 0 0}.floatBox .sideVideo .videoInfo{bottom:0;border-radius:0 0 4px 4px}.floatBox.floating{left:calc(50% + 680px - 40px - 110px);top:calc(100vh - 175px - 232px);z-index:102;width:150px}.floatBox.floating.closing{transform:translateX(150%);opacity:0;transition:transform .4s ease,opacity .4s ease}.floatBox.floating .close{display:block;position:absolute;right:-11px;top:-10px;width:24px;height:24px;font-size:0;background:url(/fo/images/view/ico_close.svg) no-repeat;background-size:contain}.floatBox.floating .sideVideo{position:relative;width:100%;height:267px;margin:0}.floatBox.floating .sideVideo .btnPlayStop{width:40px;height:40px;margin:-20px 0 0 -20px}.floatBox.floating .sideVideo .btnPlayStop button{width:40px;height:40px;background-size:100%}.floatBox.floating .sideVideo .btnPlayStop .btnStop{background-position:0 -40px}.floatBox.floating .sideVideo .btnSound{top:initial;right:initial;left:5px;bottom:8px;width:24px;height:24px}.floatBox.floating .sideVideo .btnSound button{width:24px;height:24px;background-size:100%}.floatBox.floating .sideVideo .btnSound button.btnOff{background-position:0 -24px}.floatBox.floating .sideVideo .videoThum{height:267px}.floatBox.floating .sideVideo .videoInfo{bottom:-40px;height:40px}.floatBox.floating .sideVideo .videoInfo a{line-height:40px}.floatBox.floating .sideVideo .videoInfo em{font-size:1.4rem;background-size:8px 8px}.floatBox.floating .bannerArea{display:none}.floatBox .bannerArea .swiperWrap{opacity:1}.floatBox .bannerArea .swiperWrap li.swiper-slide a{cursor:default}@media(max-width: 1450px){.floatBox.floating{left:initial;right:40px}}