/* landingEvent */ /* 공통 */ .container{padding-bottom:48px;} .wrap.sub-main .header{position: relative;} /* TabNavi*/ .navi-link-box .event-tab ul li a img.off { display: block; } .navi-link-box .event-tab ul li a img.on { display: none; } .navi-link-box .event-tab ul li a.on img.off {display:none;} .navi-link-box .event-tab ul li a.on img.on {display:block;} .navi-link-box .event-tab-scroll { display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 999; } .navi-link-box [data-anchor="true"] { scroll-margin-top: 60px; } .ft-pc .navi-link-box .section9 { padding-bottom: 47px } .ft-pc .navi-link-box .event-tab-scroll .grid-area-span3 { max-width: 460px; left: 50%; } .navi-link-box .grid-wrap, .grid-area, .grid-wrap-inline, [class*="grid-area-"] { background-color: #000; } @media screen and (max-width: 1023px) {.ft-pc .navi-link-box .event-tab-scroll [class*="grid-area-"] {left: calc(50% - 195px)}} /* 2022.04.18 오렌지멤버스 1주년 */ #event_orangeMembers .event_05{padding:0 0 104px 0;} #event_orangeMembers .btn_block {display:block; width:100%; padding:14px 0 0;} #event_orangeMembers .prd_list .prd_grp {display:none;} #event_orangeMembers .prd_list .prd_grp:after {content:''; display:block; clear:both;} #event_orangeMembers .prd_list .prd_grp:nth-child(1) {display:block;} #event_orangeMembers .prd_list ul li {position:relative;} #event_orangeMembers .orange_btn{font-size: 18px;font-weight: 600;width: 100%;height: 60px;line-height: 60px;text-align: center;display: block;color: #fff;background-color: #0C0C0C;position: fixed;left: 0;bottom: 48px;z-index: 10;} #event_orangeMembers .count{position: relative;text-align: center;background:url('/resources/mobile/images/landingEvent/event_orangeMembers/section_03_02.png') 0 0 no-repeat;background-size: 100% 100%;text-align: center;} #event_orangeMembers #counter1{color:#ffffff;font-size: 3em;font-weight: 700;text-align: center;opacity: 0.7;} #event_orangeMembers #counter2{color:#ffffff;font-size: 3em;font-weight: 700;text-align: center;opacity: 0.7;} #event_orangeMembers .textbox_wrap{background:url('/resources/mobile/images/landingEvent/event_orangeMembers/textbox_wrap.png') center center no-repeat;background-size: 100% 101%;overflow: hidden;} #event_orangeMembers .comment{opacity:0.5;margin-left:-200px;max-width:100%;} @media screen and (min-width: 400px){ #counter1{color:#ffffff;font-size: 4em;} #counter2{color:#ffffff;font-size: 4em;} } @media screen and (min-width: 560px){ #counter1{color:#ffffff;font-size: 5em;} #counter2{color:#ffffff;font-size: 5em;} } #event_orangeMembers .event_01 .frame-sm{position: relative;} #event_orangeMembers .frame-sm .balloon_01{position: absolute;right:5.2%;bottom:32.8%;z-index: 5;width:12.6%;animation: up-down 1.4s infinite ease-in-out alternate; -webkit-animation: up-down 1.4s infinite ease-in-out alternate;} #event_orangeMembers .frame-sm .balloon_02{position: absolute;left:0;bottom:24%;z-index: 5;width:22.7%;animation: down-up 1.4s infinite ease-in-out alternate; -webkit-animation: down-up 1.4s infinite ease-in-out alternate;} @keyframes up-down{ 0%{transform: translatey(0px);} 100%{transform: translatey(-10px);} } @keyframes down-up{ 0%{transform: translatey(-20px);} 100%{transform: translatey(0px);} } @-webkit-keyframes up-down { 0% { -webkit-transform: translatey(0px); } 100% { -webkit-transform:translatey(-10px); } } @-webkit-keyframes down-up { 0% { -webkit-transform: translatey(-15px); } 100% { -webkit-transform: translatey(0px); } } /* 기부앤테이크 */ #event-give-and-take .event-02{position:relative;} #event-give-and-take .event-02 .count-con{position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%);} #event-give-and-take .event-02 .count::after{content:''; display:block; clear:both;} #event-give-and-take .event-02 .count li{float:left; opacity: 0.5; color:#fff; font-size:45px; font-family: 'Malgun Gothic', sans-serif; font-weight: bold; letter-spacing: 7px;} /* 2022.04.27 얼리썸머 이벤트 */ #event_earlySummer1_mb .event_wrap {position:relative;background-color:#0023d4;width:100%;} #event_earlySummer1_mb .main-item-bg{background-image:url('/resources/mobile/images/landingEvent/event_earlySummer/main_bg.jpg');background-size: cover;background-size: 100% 100%;background-repeat: no-repeat; } #event_earlySummer1_mb .main-item-bg img{width:50%;margin:0 auto;} #event_earlySummer1_mb .event_tab {background-color:#0023d4;width:100%;} #event_earlySummer1_mb .event_tab ul:after {content:''; display:block; clear:both;} #event_earlySummer1_mb .event_tab ul li a img.off {display:block;} #event_earlySummer1_mb .event_tab ul li a img.on {display:none;} #event_earlySummer1_mb .event_tab ul li a.on img.off {display:none;} #event_earlySummer1_mb .event_tab ul li a.on img.on {display:block;} #event_earlySummer1_mb .event_tab_scroll {display:none; position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #event_earlySummer1_mb .event_tab_scroll.show {display:block;} /* 2020.05.16 OPEN 쿠폰 프로모션 */ #event_couponPromotion .share-wrap div{width:50%;display:inline-block;float: left;} #event_couponPromotion .share-wrap:after{content: "";clear: both;display: block;} #event_couponPromotion .prod-wrap .prod{width:50%;display:inline-block;float: left;} #event_couponPromotion .prod-wrap:after{content: "";clear: both;display: block;} /* 2022.06.27 10주년 이벤트 페이지 */ /*#header.header.fixed{position: relative;}*/ .tenthAnniversary{overflow-x: hidden;font-family: AppleSDGothicNeo, sans-serif;} .tenthAnniversary .event_wrap {position:relative;background-color:#0023d4;width:100%;} .tenthAnniversary .event_tab {background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/tab_bg.png");background-size: contain;background-position: center;} .tenthAnniversary .event_tab ul:after {content:''; display:block; clear:both;} .tenthAnniversary .event_tab ul li a img.off {display:block;} .tenthAnniversary .event_tab ul li a img.on {display:none;} .tenthAnniversary .event_tab ul li a.on img.off {display:none;} .tenthAnniversary .event_tab ul li a.on img.on {display:block;} .tenthAnniversary .event_tab_scroll{background:none;top:0;} .tenthAnniversary .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .tenthAnniversary .event_tab_wrap .frame-inner{padding: 0 2.1%; box-sizing: border-box;width:100%;} .tenthAnniversary .event_tab_scroll {box-sizing: border-box;width:100%;} .tenthAnniversary .ten-plus-ten-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/event1-prod-bg.png");background-size: cover;background-position: center;padding:0 2.1%;background-size: 100% 100%;} .tenthAnniversary .ten-plus-ten-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 4px 10px 0;display: flex;flex-wrap: wrap;justify-content: center;} .tenthAnniversary .ten-plus-ten-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} .tenthAnniversary .ten-plus-ten-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} .tenthAnniversary .ten-plus-ten-prod-wrap .prod-default-list li .done{display:none;} .tenthAnniversary .ten-plus-ten-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} .tenthAnniversary .prd-item .tit{font-size: 14px;} .tenthAnniversary .time-deal-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/timedeal-bg.png");background-size: cover;background-position: center;padding:0 2.1% 8% 2.1%;background-size: 100% 100%;position: relative;} .tenthAnniversary .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} .tenthAnniversary .time-deal-dimd.dimd{display:block;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } .tenthAnniversary .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } .tenthAnniversary .time-deal-prod-wrap {width: 100%;box-sizing: border-box;padding: 0px 10px 0;display: flex;flex-wrap: wrap;justify-content: center;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod {width: calc(50% - 10px);vertical-align: top;max-width: 280px;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-left: 17px;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 280px;position: relative;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{border-radius: 50%;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} .tenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;} .tenthAnniversary .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} .tenthAnniversary .giveaway-btn-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/giveaway-btn-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;} .tenthAnniversary .giveaway-btn{background-color:#000000;width:80%;padding:4.668% 0;border-radius: 50px;} .tenthAnniversary .giveaway-btn span{color:white;font-size:3.6vw;} .tenthAnniversary .giveaway-btn.login-check{background-color:#FFAD1F;} .tenthAnniversary .giveaway-btn.login-check span{color:black;} .tenthAnniversary .giveaway-btn .giveaway-btn-text{display:none;} .tenthAnniversary .giveaway-btn.login-check .giveaway-btn-text{display:block;} .tenthAnniversary .giveaway-btn .giveaway-count{} .tenthAnniversary .giveaway-btn.login-check .giveaway-count{display:inline-block;} .tenthAnniversary .giveaway-btn .default{display: block;} .tenthAnniversary .giveaway-btn.login-check .default{display: none;} .tenthAnniversary .giveaway-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/giveaway-slide-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;padding:80px 0px;} .tenthAnniversary .giveaway-item-wrap ul li{max-width: 300px;} .tenthAnniversary .giveaway-item-wrap .giveaway-item-text-box{background-color:#ff6d00;color:white;width:100%;margin:0 auto;padding:10px 0;} .tenthAnniversary .giveaway-item-wrap [class*="grid-area-"].gap50 > .colum{margin-top:60px} .tenthAnniversary .giveaway-item-wrap .swiper-wrapper div:first-child .giveaway-item-text-box{padding:9.5px 0;} .tenthAnniversary .giveaway-item-wrap .swiper-wrapper div:first-child .giveaway-item-text-box p{line-height: 50px;} .tenthAnniversary .giveaway-item-wrap .giveaway-item-text-box p{font-size: 20px;line-height: 24px;padding-top:4px;} .tenthAnniversary .giveaway-item-wrap .swiper-wrapper div:first-child .giveaway-item-text-box p{padding-top:0;} .tenthAnniversary .giveaway-item-wrap .swiper-wrapper button{padding-top:20px;} .tenthAnniversary .giveaway-item-wrap .giveaway-item-text-box span{font-size: 16px;} .tenthAnniversary .giveaway-item-wrap .giveaway-item-text-box i{font-size: 20px;margin-bottom:4px;font-style: normal;} .tenthAnniversary .discount-prod-wrap .prod-default-list{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/discount-prod-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;justify-content: center;} .tenthAnniversary .discount-prod-wrap .prod-default-list li{max-width: 46%;} .tenthAnniversary .discount-prod-wrap .prod-default-list li .done{display:none;} .tenthAnniversary .discount-prod-wrap .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;} .tenthAnniversary .discount-prod-wrap .salebox{background-color:#FF773B;border-radius: 21px;padding:5px 10px;text-align: center;position: absolute;top:10px;right: 10px;color:#ffffff;font-weight: 700;} .tenthAnniversary .orange-prod-img{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/orange-prod-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;} .tenthAnniversary .orange-prod-img .prod-default-list{padding-bottom:41px;} .tenthAnniversary .orange-prod-img .prod-default-list li{position: relative} .tenthAnniversary .orange-prod-img .prod-default-list li .orange-icon{position: absolute;top:5.46%;right: 5.69%;max-width: 100px;width:28.5%;} .tenthAnniversary .orange-prod-img .prod-default-list li .done{display:none;} .tenthAnniversary .orange-prod-img .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;} .tenthAnniversary .swiper-slide{width:50%;max-width: 300px;} .tenthAnniversary .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #E17C5E;margin-top: 33px;border-radius: 2px;} .tenthAnniversary .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background:#FFFFFF;border-radius: 10px;left: 0;top: 0;} .tenthAnniversary .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} .tenthAnniversary .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} .tenthAnniversary .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} .tenthAnniversary .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} .tenthAnniversary .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} .tenthAnniversary .alertbox .information.on{display:block;} .tenthAnniversary .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} .tenthAnniversary .alertbox .information p:first-child{padding-bottom:5px;} .tenthAnniversary .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} .tenthAnniversary .alertbox .title p{font-size: 15px;line-height: 27px;} .tenthAnniversary .alertbox .title p.login-check{display:none;} .tenthAnniversary .alertbox .title p.login-check.on{display:block;} .tenthAnniversary .alertbox .title .del{display:none;} .tenthAnniversary .alertbox .alert-button{padding-top:24px;} .tenthAnniversary .alertbox .alert-button .del{display:none;} .tenthAnniversary .alertbox .alert-button .login-check-btn{display:none;} .tenthAnniversary .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} /* 20220704 다이어트랩 이벤트 */ #dietlab{overflow: hidden;} #dietlab .section-01-wrap{padding-bottom:11.629%} #dietlab .section-01-wrap ul li{padding-bottom:15px;transform: translate(-100%,0)} #dietlab .section-01-wrap .section-01-imgbox{position: relative} #dietlab .section-01-wrap .section-01-imgbox .section-01-text{position: absolute;left: 41%;bottom:23%;} #dietlab .section-01-wrap .section-01-imgbox .section-01-text span{font-weight: 700;font-size: 6.5vw;} #dietlab #event03{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-02-bg.png");background-size: cover;background-position: 20%;padding:35% 0 15% 0;} #dietlab #event03 .mySwiper .swiper-slide{width:75%;max-width: 440px;} #dietlab #event04 .section-03-prod-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-03-bg1.png");background-size: 100% 100%;} #dietlab #event04 .section-03-prod-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-03-bg2.png");background-size: 105% 107%;padding-top:6.978%;} #dietlab #event04 .section-03-prod-bg3{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-03-bg3.png");background-size: 100% 100%;padding-bottom:13.974%;} #dietlab #event04 .section-03-prod-bg1 .frame-inner{transform: translate(-100%,0);} #dietlab #event04 .section-03-prod-bg2 .frame-inner{transform: translate(-100%,0);} #dietlab #event04 .section-03-prod-bg3 .frame-inner{transform: translate(-100%,0);} #dietlab #event04 .section-03-prod-bg1 div{text-align: center;} #dietlab #event04 .section-03-prod-bg1 img{width:85%;margin:0 auto;} #dietlab #event04 .section-03-prod-bg2 div{text-align: center;} #dietlab #event04 .section-03-prod-bg2 img{width:85%;margin:0 auto;} #dietlab #event04 .section-03-prod-bg3 div{text-align: center;} #dietlab #event04 .section-03-prod-bg3 img{width:85%;margin:0 auto;} #dietlab #event05 .mySwiper2 .swiper-slide{width:75%;max-width: 520px;} #dietlab #event05{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-04-bg.png");background-size: cover;background-position: 20%;padding:13.974% 0;} #dietlab .section-05-img{position: relative;} #dietlab .up-down-img{position: absolute;left:0;top:0;-webkit-animation: updown 3s linear infinite;-moz-animation: updown 3s linear infinite;-ms-animation: updown 3s linear infinite;-o-animation: updown 3s linear infinite;animation: updown 3s linear infinite;} @keyframes updown { 0% {top:0;} 50%{top:-30px;} 100% {top:0;} } @keyframes leftRights { from {transform:translate(-100%,0);} to {transform:translate(0,0);} } #dietlab .mySwiper3{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-06-bg.png");background-size: cover;background-position: 20%;padding:0 0 13.974% 0;} #dietlab #event06 .prod-box{max-width: 440px;width:75%;} #dietlab #event07 .section-07-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-07-bg.png");background-size: cover;background-position: 20%;padding:0 0 13.974% 0;} #dietlab #event07 .section-07-wrap ul li{width:calc(100% - 30px);margin: 0 auto;margin-bottom: 15px;max-width: 700px;transform: translate(-100%,0)} #dietlab #event08 .section-08-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_dietlab/section-08-bg.png");background-size: cover;background-position: 20%;padding:0 0 13.974% 0;} #dietlab #event08 .prod-box{max-width: 440px;width:75%;} #header.header.fixed{position: relative;} #atozDietProject{overflow-x: hidden;font-family: AppleSDGothicNeo, sans-serif;} #atozDietProject .event_wrap{position:relative;background-color:#0023d4;width:100%;} #atozDietProject .event_tab {background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/tab_bg.png");background-size: contain;background-position: center;} #atozDietProject .event_tab ul:after {content:''; display:block; clear:both;} #atozDietProject .event_tab ul li a img.off {display:block;} #atozDietProject .event_tab ul li a img.on {display:none;} #atozDietProject .event_tab ul li a.on img.off {display:none;} #atozDietProject .event_tab ul li a.on img.on {display:block;} #atozDietProject .event_tab_scroll{background:none;top:0;} #atozDietProject .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #atozDietProject .event_tab_wrap .frame-inner{box-sizing: border-box;width:100%;} #atozDietProject .event_tab_scroll {box-sizing: border-box;width:100%;} #atozDietProject .diet-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_atozDietProject/diet-prod-wrap1.png");background-size: cover;background-position: center;padding:0 5%;background-size: 100% 100%;} #atozDietProject .diet-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;background-color:#ffffff;} #atozDietProject .diet-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} #atozDietProject .diet-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} #atozDietProject .diet-prod-wrap .prod-default-list li .done{display:none;} #atozDietProject .diet-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #atozDietProject .prd-item .tit{font-size: 14px;} #atozDietProject .diet-prod-wrap2{background-image: url("https://file.rankingdak.com/image/event/m/event_atozDietProject/diet-prod-wrap2.png");background-size: cover;background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;} #atozDietProject .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #atozDietProject .time-deal-dimd.dimd{display:block;position: absolute;top: 0%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 90%;max-width: 625px;background-color:rgba(0,0,0,0.45);background-size: 100% 100%;height: 96%;} #atozDietProject .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #atozDietProject .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_atozDietProject/diet-prod-wrap4.png");background-size: cover;background-position: center;padding:5%;background-size: 100% 100%;position: relative;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 540px;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #atozDietProject .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #atozDietProject .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;} #atozDietProject .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} #atozDietProject .diet-prod-wrap3{background-image: url("https://file.rankingdak.com/image/event/m/event_atozDietProject/diet-prod-wrap3.png");background-size: cover;background-position: center;background-size: 100% 100%;padding:0 5%;} #atozDietProject .giveaway-btn{background-color:#000000;width:80%;padding:4.668% 0;border-radius: 50px;} #atozDietProject .giveaway-btn span{color:white;font-size:3.6vw;} #atozDietProject .giveaway-btn.login-check{background-color:#FFAD1F;} #atozDietProject .giveaway-btn.login-check span{color:black;} #atozDietProject .giveaway-btn .giveaway-btn-text{display:none;} #atozDietProject .giveaway-btn.login-check .giveaway-btn-text{display:block;} #atozDietProject .giveaway-btn .giveaway-count{} #atozDietProject .giveaway-btn.login-check .giveaway-count{display:inline-block;} #atozDietProject .giveaway-btn .default{display: inline-block;} #atozDietProject .giveaway-btn.login-check .default{display: none;} #atozDietProject .giveaway-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/giveaway-slide-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;padding:80px 0px;} #atozDietProject .giveaway-item-wrap ul li{max-width: 300px;} #atozDietProject .giveaway-item-wrap .giveaway-item-text-box{background-color:#ff6d00;color:white;width:100%;margin:0 auto;padding:10px 0;} #atozDietProject .giveaway-item-wrap [class*="grid-area-"].gap50 > .colum{margin-top:60px} #atozDietProject .giveaway-item-wrap .swiper-wrapper div:first-child .giveaway-item-text-box{padding:9.5px 0;} #atozDietProject .giveaway-item-wrap .swiper-wrapper div:first-child .giveaway-item-text-box p{line-height: 50px;} #atozDietProject .giveaway-item-wrap .giveaway-item-text-box p{font-size: 20px;line-height: 24px;padding-top:4px;} #atozDietProject .giveaway-item-wrap .swiper-wrapper div:first-child .giveaway-item-text-box p{padding-top:0;} #atozDietProject .giveaway-item-wrap .swiper-wrapper button{padding-top:20px;} #atozDietProject .giveaway-item-wrap .giveaway-item-text-box span{font-size: 16px;} #atozDietProject .giveaway-item-wrap .giveaway-item-text-box i{font-size: 20px;margin-bottom:4px;font-style: normal;} #atozDietProject .discount-prod-wrap .prod-default-list{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/discount-prod-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;justify-content: center;} #atozDietProject .discount-prod-wrap .prod-default-list li{max-width: 46%;} #atozDietProject .discount-prod-wrap .prod-default-list li .done{display:none;} #atozDietProject .discount-prod-wrap .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;} #atozDietProject .discount-prod-wrap .salebox{background-color:#FF773B;border-radius: 21px;padding:5px 10px;text-align: center;position: absolute;top:10px;right: 10px;color:#ffffff;font-weight: 700;} #atozDietProject .orange-prod-img{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/orange-prod-bg.png");background-size: cover;background-position: center;background-size: 100% 100%;} #atozDietProject .orange-prod-img .prod-default-list{padding-bottom:41px;} #atozDietProject .orange-prod-img .prod-default-list li{position: relative} #atozDietProject .orange-prod-img .prod-default-list li .orange-icon{position: absolute;top:5.46%;right: 5.69%;max-width: 100px;width:28.5%;} #atozDietProject .orange-prod-img .prod-default-list li .done{display:none;} #atozDietProject .orange-prod-img .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;} #atozDietProject .swiper-slide{width:50%;max-width: 300px;} #atozDietProject .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #E17C5E;margin-top: 33px;border-radius: 2px;} #atozDietProject .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background:#FFFFFF;border-radius: 10px;left: 0;top: 0;} #atozDietProject .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #atozDietProject .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #atozDietProject .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #atozDietProject .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #atozDietProject .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #atozDietProject .alertbox .information.on{display:block;} #atozDietProject .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #atozDietProject .alertbox .information p:first-child{padding-bottom:5px;} #atozDietProject .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #atozDietProject .alertbox .title p{font-size: 15px;line-height: 27px;} #atozDietProject .alertbox .title p.login-check{display:none;} #atozDietProject .alertbox .title p.login-check.on{display:block;} #atozDietProject .alertbox .title .del{display:none;} #atozDietProject .alertbox .alert-button{padding-top:24px;} #atozDietProject .alertbox .alert-button .del{display:none;} #atozDietProject .alertbox .alert-button .login-check-btn{display:none;} #atozDietProject .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #atozDietProject .show-more-btn{cursor: pointer;} /* 타임딜 페이지 */ #tenTimedeal .diet-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenTimedeal/prd_bg.png");background-size: cover;background-position: center;padding:5% 5% 0 5%;background-size: 100% 100%;} #tenTimedeal .diet-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;} #tenTimedeal .diet-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} #tenTimedeal .diet-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} #tenTimedeal .diet-prod-wrap .prod-default-list li .done{display:none;} #tenTimedeal .diet-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #tenTimedeal .prd-item .tit{font-size: 14px;color:#ffffff;} #tenTimedeal .prd-item .price{color:#ffffff;} #tenTimedeal .diet-prod-wrap2{background-image: url("https://file.rankingdak.com/image/event/m/event_tenTimedeal/prd_bg.png");background-size: cover;background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;} #tenTimedeal .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #tenTimedeal .time-deal-dimd.dimd{display:block;position: absolute;top: 0%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 90%;max-width: 625px;background-color:rgba(0,0,0,0.6);background-size: 100% 100%;height: 96%;} #tenTimedeal .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; width:260px;} #tenTimedeal .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_tenTimedeal/timedeal_bg.png");background-size: cover;background-position: center;padding:7% 5%;background-size: 100% 100%;position: relative;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 540px;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#ffffff;} #tenTimedeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#ffffff;} #tenTimedeal .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} #tenTimedeal .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #tenTimedeal .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #tenTimedeal .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #tenTimedeal .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #tenTimedeal .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #tenTimedeal .alertbox .information.on{display:block;} #tenTimedeal .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #tenTimedeal .alertbox .information p:first-child{padding-bottom:5px;} #tenTimedeal .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #tenTimedeal .alertbox .title p{font-size: 15px;line-height: 27px;} #tenTimedeal .alertbox .title p.login-check{display:none;} #tenTimedeal .alertbox .title p.login-check.on{display:block;} #tenTimedeal .alertbox .title .del{display:none;} #tenTimedeal .alertbox .alert-button{padding-top:24px;} #tenTimedeal .alertbox .alert-button .del{display:none;} #tenTimedeal .alertbox .alert-button .login-check-btn{display:none;} #tenTimedeal .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #tenTimedeal .show-more-btn{cursor: pointer;} /* 22년 9월 이벤트 프로모션 */ #threemeals{overflow-x: hidden;font-family: AppleSDGothicNeo, sans-serif;} #threemeals .event_wrap{position:relative;background-color:#0023d4;width:100%;} #threemeals .event_tab {} #threemeals .event_tab ul:after {content:''; display:block; clear:both;} #threemeals .event_tab ul li a img.off {display:block;} #threemeals .event_tab ul li a img.on {display:none;} #threemeals .event_tab ul li a.on img.off {display:none;} #threemeals .event_tab ul li a.on img.on {display:block;} #threemeals .event_tab_scroll{background:none;top:0;} #threemeals .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #threemeals .event_tab_wrap .frame-inner{box-sizing: border-box;width:100%;} #threemeals .event_tab_scroll {box-sizing: border-box;width:100%;} #threemeals .prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_threemeals/con_01_bg.png");background-position: center;padding:0 5%;background-size: 100% 100%;} #threemeals .prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding:8% 10px 0 10px;display: flex;flex-wrap: wrap;justify-content: center;} #threemeals .prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} #threemeals .prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} #threemeals .prod-wrap .prod-default-list li .done{display:none;} #threemeals .prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #threemeals .prd-item .tit{font-size: 14px;} #threemeals .prod-wrap2{background-image: url("https://file.rankingdak.com/image/event/m/event_threemeals/con_02_bg.png");background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;} #threemeals .prod-wrap3{background-image: url("https://file.rankingdak.com/image/event/m/event_threemeals/con_03_bg.png");background-position: center;background-size: 100% 100%;padding:0 5%;} /* 22년 10월 왕의 귀환 이벤트 프로모션 */ #theReturnOfTheKing{} #theReturnOfTheKing .no_space{margin:-1px 0;} #theReturnOfTheKing .event_wrap{position:relative;background-color:#0023d4;width:100%;} #theReturnOfTheKing .event_tab {background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/tab_bg.png");background-size: contain;background-position: center;} #theReturnOfTheKing .event_tab ul:after {content:''; display:block; clear:both;} #theReturnOfTheKing .event_tab ul li a img.off {display:block;} #theReturnOfTheKing .event_tab ul li a img.on {display:none;} #theReturnOfTheKing .event_tab ul li a.on img.off {display:none;} #theReturnOfTheKing .event_tab ul li a.on img.on {display:block;} #theReturnOfTheKing .event_tab_scroll{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/tab_bg.png");background-size: contain;background-position: center;top:0;} #theReturnOfTheKing .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #theReturnOfTheKing .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/prod_bg01_01.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #theReturnOfTheKing .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/prod_bg02_01.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #theReturnOfTheKing .prod-wrap-bg3{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/prod_bg03_01.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #theReturnOfTheKing .prod-wrap-bg1.on{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/prod_bg01_02.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #theReturnOfTheKing .prod-wrap-bg2.on{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/prod_bg02_02.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #theReturnOfTheKing .prod-wrap-bg3.on{background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/prod_bg03_02.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #theReturnOfTheKing .prod-default-list{width:95%;margin:0 auto;padding:0 20px;} #theReturnOfTheKing .prod-default-list > li{max-width: 45%;margin:0 auto} #theReturnOfTheKing .prod-default-list li .done{display:none;} #theReturnOfTheKing .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #theReturnOfTheKing .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #theReturnOfTheKing .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_theReturnOfTheKing/timedeal-bg.png");background-size: cover;background-position: center;padding:0 3% 10% 3%;background-size: 100% 100%;position: relative;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 20px);vertical-align: top;max-width: 540px;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod:first-child{padding-bottom: 9%;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#ffffff;} #theReturnOfTheKing .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#ffffff;} #theReturnOfTheKing .timedeal-btn{width:100%;} #theReturnOfTheKing .time-deal-item-wrap{position: relative;} #theReturnOfTheKing .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #theReturnOfTheKing .time-deal-dimd.dimd{display:block;position: absolute;top: 0%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 90%;max-width: 625px;background-color:rgba(0,0,0,0.6);background-size: 100% 100%;height: 88%;} #theReturnOfTheKing .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; width:260px;} #theReturnOfTheKing .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #theReturnOfTheKing .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #theReturnOfTheKing .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #theReturnOfTheKing .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #theReturnOfTheKing .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #theReturnOfTheKing .alertbox .information.on{display:block;} #theReturnOfTheKing .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #theReturnOfTheKing .alertbox .information p:first-child{padding-bottom:5px;} #theReturnOfTheKing .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #theReturnOfTheKing .alertbox .title p{font-size: 15px;line-height: 27px;} #theReturnOfTheKing .alertbox .title p.login-check{display:none;} #theReturnOfTheKing .alertbox .title p.login-check.on{display:block;} #theReturnOfTheKing .alertbox .title .del{display:none;} #theReturnOfTheKing .alertbox .alert-button{padding-top:24px;} #theReturnOfTheKing .alertbox .alert-button .del{display:none;} #theReturnOfTheKing .alertbox .alert-button .login-check-btn{display:none;} #theReturnOfTheKing .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #specialAwards .event_wrap{position:relative;background-color:#0023d4;width:100%;} #specialAwards .event_tab {background-color: #000000;} #specialAwards .event_tab ul:after {content:''; display:block; clear:both;} #specialAwards .event_tab ul li a img.off {display:block;} #specialAwards .event_tab ul li a img.on {display:none;} #specialAwards .event_tab ul li a.on img.off {display:none;} #specialAwards .event_tab ul li a.on img.on {display:block;} #specialAwards .event_tab_scroll{background-color: #000000;} #specialAwards .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #specialAwards .prod-wrap-type1{background-image: url("https://file.rankingdak.com/image/event/m/event_specialAwards/prod-bg1.png");background-size: 100% 100%;padding-top:8%;} #specialAwards .prod-wrap-type2{background-image: url("https://file.rankingdak.com/image/event/m/event_specialAwards/prod-bg2.png");background-size: 100% 100%;padding-top:8%;} #specialAwards .prod-wrap-type2.prod-bg4{background-image: url("https://file.rankingdak.com/image/event/m/event_specialAwards/prod-bg4-off.png");background-size: 100% 100%;padding-top:8%;} #specialAwards .prod-wrap-type2.prod-bg4.on{background-image: url("https://file.rankingdak.com/image/event/m/event_specialAwards/prod-bg4-on.png");background-size: 100% 100%;padding-top:8%;} #specialAwards .prod-wrap-type2 .prod-default-list > li{max-width: 45%;margin:0 auto} #specialAwards .prod-wrap-type1 .prod-default-list > li{width:90%;margin:0 auto;} #specialAwards .prod-default-list > li.firstProduct{width:90%;margin:0 auto;max-width: 90%;} #specialAwards .prod-default-list > li.firstProduct .prd-item .tit{margin:14px 0 8px;font-size: 14px;height: auto;} #specialAwards .prod-default-list{width:95%;margin:0 auto;padding:0 20px;} #specialAwards .prd-item .tit{color:#ffffff;height: 44px;font-size: 14px;} #specialAwards .prod-wrap-type1 ul li .prd-item .tit{height: auto;} #specialAwards .prd-item .price{color:#ffffff;} #specialAwards .more-on{display: none;} #specialAwards .prod-default-list li .done{display:none;} #specialAwards .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #specialAwards .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #specialAwards .prod-wrap-type1 .prod-default-list li .done.soldView{top:-50%;} #specialAwards .prod-wrap-type2 .prod-default-list .firstProduct .done.soldView{width:100%;transform: translate(-50%, -50%);top:50%;left:50%;} #specialAwards .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_specialAwards/section3-bg.png");background-size: cover;background-position: center;padding:0 3% 10% 3%;background-size: 100% 100%;position: relative;} #specialAwards .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 20px);vertical-align: top;max-width: 540px;} #specialAwards .time-deal-prod-wrap > .time-deal-prod:first-child{padding-bottom: 9%;} #specialAwards .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #specialAwards .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #specialAwards .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #specialAwards .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #specialAwards .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #specialAwards .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#ffffff;} #specialAwards .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#ffffff;} #specialAwards .timedeal-btn{width:100%;} #specialAwards .time-deal-item-wrap{position: relative;} #specialAwards .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #specialAwards .time-deal-dimd.dimd{display:block;position: absolute;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 90%;max-width: 625px;background-color:rgba(0,0,0,0.6);background-size: 100% 100%;} #specialAwards .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; width:260px;} #specialAwards .show-more-btn{cursor: pointer;} #specialAwards .section4{background-color: #17082F;} #specialAwards .section4 .mySwiper{width: 90%;margin: 0 auto;overflow-x: hidden;} #specialAwards .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: 90%;margin: 0 auto;background-color: #FFFFFF;margin-top: 33px;border-radius: 2px;} #specialAwards .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background:#7B29FE;border-radius: 10px;left: 0;top: 0;} #specialAwards .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #specialAwards .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #specialAwards .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #specialAwards .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #specialAwards .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #specialAwards .alertbox .information.on{display:block;} #specialAwards .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #specialAwards .alertbox .information p:first-child{padding-bottom:5px;} #specialAwards .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #specialAwards .alertbox .title p{font-size: 15px;line-height: 27px;} #specialAwards .alertbox .title p.login-check{display:none;} #specialAwards .alertbox .title p.login-check.on{display:block;} #specialAwards .alertbox .title .del{display:none;} #specialAwards .alertbox .alert-button{padding-top:24px;} #specialAwards .alertbox .alert-button .del{display:none;} #specialAwards .alertbox .alert-button .login-check-btn{display:none;} #specialAwards .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} /* 1월 이벤트 */ #todayGodLife .event01{background-color:#E9E9E9;} #todayGodLife .event02{background-color:#FEE05C;} #todayGodLife .event03{background-color:#00BBA0;} #todayGodLife .event04{background-color:#FF8A4C;} #todayGodLife #event04{overflow: hidden;} #todayGodLife .event_wrap{position:relative;background-color:#FF5429;width:100%;} #todayGodLife .event_tab {background-color: #FF5429;} #todayGodLife .event_tab ul:after {content:''; display:block; clear:both;} #todayGodLife .event_tab ul li a img.off {display:block;} #todayGodLife .event_tab ul li a img.on {display:none;} #todayGodLife .event_tab ul li a.on img.off {display:none;} #todayGodLife .event_tab ul li a.on img.on {display:block;} #todayGodLife .event_tab_scroll{background-color: #FF5429;} #todayGodLife .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #todayGodLife .prod-wrap-bg1{background-color: #E9E9E9;} #todayGodLife .prod-wrap-bg2{background-color: #00BBA0;} #todayGodLife .prod-wrap-bg3{background-color: #FEE05C;} #todayGodLife .event01-1 .show-more-btn1{background-color: #E9E9E9;} #todayGodLife #event02 .show-more-btn1{background-color: #FEE05C;} #todayGodLife .prod-default-list{width:95%;margin:0 auto;padding:0 20px;} #todayGodLife .prod-default-list > li{max-width: 45%;margin:0 auto} #todayGodLife .prod-default-list li .done{display:none;} #todayGodLife .prod-default-list li .prd-item .img{border-radius: 4px;} #todayGodLife .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #todayGodLife .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #todayGodLife .prd-item .tit{font-size: 14px;margin:10px auto 5px auto;} #todayGodLife .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;position: relative;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 60px);vertical-align: top;max-width: 540px;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod:first-child{padding-bottom: 9%;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #todayGodLife .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#333333;font-size: 16px;font-weight: 700;} #todayGodLife .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#333333;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-all;} #todayGodLife .timedeal-btn{width:100%;} #todayGodLife .time-deal-item-wrap{position: relative;} #todayGodLife .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #todayGodLife .time-deal-dimd.dimd{display:block;position: absolute;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 95%;max-width: 625px;background-color:rgba(0,0,0,0.6);background-size: 100% 100%;} #todayGodLife .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; width:260px;} #todayGodLife #event04 .event-card-box{width:55%;max-width: 364px;padding-top: 4.5%;margin:0 20px;} #todayGodLife #event04 .event-card-made-wrap .event-card-tpye-wrap.active{opacity: 0; position: absolute; z-index: -1;} #todayGodLife #event04 .event-card-made-wrap .event-card-tpye-wrap .swiper-slide-active{width:60%;max-width: 364px;padding-top:0;} #todayGodLife .event04 .swiper-pagination-bullets, #todayGodLife .event04 .swiper-pagination-custom, .swiper-pagination-fraction{position: relative;left:inherit;bottom:inherit;padding-top:26px;padding-bottom:37px;} #todayGodLife .event04 .swiper-pagination-bullets{padding-top:20px; padding-bottom:30px;} #todayGodLife .event04 .swiper-pagination-bullet{width:10px;height:10px;background-color: #080100} #todayGodLife .event04 .swiper-pagination-bullet-active{width:24px;height: 10px;background-color:#FFFFFF;border-radius: 100px;} /*#todayGodLife .event04 .event-card-made-wrap .event-card-input-wrap{width:60%;max-width:420px;padding-bottom:10.668%;display:none;margin:0 auto;}*/ #todayGodLife .event04 .event-card-made-wrap .event-card-input-wrap{width:60%;max-width:420px;padding-bottom:65px;margin:0 auto;opacity: 0; position: absolute;z-index: -1;} #todayGodLife .event04 .event-card-made-wrap .event-card-input-wrap.active{opacity: 1; position: static;z-index: 1;} #todayGodLife .event04 .event-card-made-wrap .event-card-input-box{position: relative;text-align: center;margin: 0 auto;} #todayGodLife .event04 .event-card-made-wrap .event-card-input-box textarea{position: absolute;top:10.274%;left:50%;transform:translate(-50%,0);border:0;width: 90%;height:30%;text-align: center;font-size: 18px;resize: none;overflow: hidden;text-overflow: clip;padding-top:24px;} #todayGodLife .event04 .event-card-made-wrap .event-card-input-box p{position:absolute;left: 50%;top: 4%;text-align: center;transform: translate(-50%, 0);font-size: 15px;color:#333333;overflow: hidden;text-overflow: ellipsis;width:100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding:0 5%;word-break:break-all;} #todayGodLife .event04 .event-card-btn2{display:none;} #todayGodLife .event04 .event-card-btn3{display:none;} #todayGodLife .event04 .event-card-next-btn-prev,.event-card-next-btn-second{display: flex;width:50%;cursor: pointer;} #todayGodLife .event04 .event-card-restart-btn{cursor: pointer;display:flex;width:50%;cursor: pointer;} #todayGodLife .event04 .event-card-restart-btn2{cursor: pointer;display:block;cursor: pointer;} #todayGodLife .event04 .event-card-download-btn{cursor: pointer;display:flex;width:50%;cursor: pointer;} #todayGodLife .event04 .share-sns-btn{margin-top: 4%;} #todayGodLife .event04 .share-wrap{padding-bottom:13.334%;padding-top:10.668%;} #todayGodLife .event04-1 {background-color: #FF813E} #todayGodLife .event04-1 .event-card-result-wrap .event-result-box{width:55%;max-width: 364px;padding-top:4.5%;margin:0 20px;} #todayGodLife .event04-1 .event-card-result-wrap .event-result-box.swiper-slide-active{width:60%;max-width: 364px;padding-top:0;} #todayGodLife .event04-1 .swiper-pagination-bullets, #todayGodLife .event04 .swiper-pagination-custom, .swiper-pagination-fraction{position: relative;left:inherit;bottom:inherit;padding-top:26px;padding-bottom:37px;} #todayGodLife .event04-1 .swiper-pagination-bullet{width:10px;height:10px;background-color: #080100} #todayGodLife .event04-1 .swiper-pagination-bullet-active{width:24px;height: 10px;background-color:#FFFFFF;border-radius: 100px;} #todayGodLife .event04-1 .event-card-result-wrap .swiper-pagination-bullet{width:10px;height:10px;background-color: #080100} #todayGodLife .event04-1 .event-card-result-wrap .swiper-pagination-bullet-active{width:24px;height: 10px;background-color:#FFFFFF;border-radius: 100px;} #todayGodLife .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #todayGodLife .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #todayGodLife .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #todayGodLife .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #todayGodLife .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #todayGodLife .alertbox .information.on{display:block;} #todayGodLife .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #todayGodLife .alertbox .information p:first-child{padding-bottom:5px;} #todayGodLife .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #todayGodLife .alertbox .title p{font-size: 15px;line-height: 27px;} #todayGodLife .alertbox .title p.login-check{display:none;} #todayGodLife .alertbox .title p.login-check.on{display:block;} #todayGodLife .alertbox .title .del{display:none;} #todayGodLife .alertbox .alert-button{padding-top:24px;} #todayGodLife .alertbox .alert-button .del{display:none;} #todayGodLife .alertbox .alert-button .login-check-btn{display:none;} #todayGodLife .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} /* 1월 알뜰마켓 */ #thriftyMarket .prod-default-list{width:95%;margin:0 auto;padding:18px 20px 0 20px;} #thriftyMarket .prod-default-list > li{max-width: 45%;margin:0 auto} #thriftyMarket .prod-default-list li .done{display:none;} #thriftyMarket .prod-default-list li .prd-item .img{border-radius: 4px;} #thriftyMarket .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #thriftyMarket .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #thriftyMarket .prd-item .tit{font-size: 14px;margin:10px auto 5px auto;} #thriftyMarket .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_thriftyMarket/con-box-bg.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #thriftyMarket .prod-wrap-bg1-last{background-image: url("https://file.rankingdak.com/image/event/m/event_thriftyMarket/con-box-bg2.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #thriftyMarket .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_thriftyMarket/con2-bg.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #thriftyMarket .banner-wrap{background-color:#F7F7F7;padding-top:10.668%;} #thriftyMarket .banner-wrap div:first-child{margin-bottom:20px;} /* 2월 오늘 점심 뭐 먹지 */ /*#tomorrowLunch*/ /*#tomorrowLunch .food-move{animation: down-up 1.4s infinite ease-in-out alternate; -webkit-animation: down-up 1.4s infinite ease-in-out alternate;}*/ #tomorrowLunch .main-img-wrap{position: relative;} #tomorrowLunch .main-bg{position: relative;} #tomorrowLunch .main3{position:absolute;top:0;left:0;animation: up-down 1.4s infinite ease-in-out alternate; -webkit-animation: up-down 1.4s infinite ease-in-out alternate;} #tomorrowLunch .main-img-wrap .scroll-img-box{position: absolute;left:27%;width:calc(100% - 54%);top:0;overflow: hidden;min-height: 37px;display:none;} #tomorrowLunch .main-img-wrap .scroll-img-box ul{width:100%;height: 100%;min-height: 37px;overflow: hidden;} #tomorrowLunch .event_wrap{position:relative;width:100%;} #tomorrowLunch .event_tab {background-color:#ffedc9;} #tomorrowLunch .event_tab ul:after {content:''; display:block; clear:both;} #tomorrowLunch .event_tab ul li a img.off {display:block;} #tomorrowLunch .event_tab ul li a img.on {display:none;} #tomorrowLunch .event_tab ul li a.on img.off {display:none;} #tomorrowLunch .event_tab ul li a.on img.on {display:block;} #tomorrowLunch .event_tab_scroll{background-color:#ffedc9;} #tomorrowLunch .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #tomorrowLunch .prod-default-list{width:95%;margin:0 auto;padding:30px 20px 0 20px;} #tomorrowLunch .prod-default-list > li{max-width: 45%;margin:0 auto} #tomorrowLunch .prod-default-list li .done{display:none;} #tomorrowLunch .prod-default-list li .prd-item .img{border-radius: 4px;} #tomorrowLunch .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #tomorrowLunch .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #tomorrowLunch .prd-item .tit{font-size: 14px;margin:10px auto 5px auto;} #tomorrowLunch .prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tomorrowLunch/con1-bg.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #tomorrowLunch .prod-wrap2{background-image: url("https://file.rankingdak.com/image/event/m/event_tomorrowLunch/con2-bg.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #tomorrowLunch .prod-wrap3{background-image: url("https://file.rankingdak.com/image/event/m/event_tomorrowLunch/con3-bg.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #tomorrowLunch .banner-wrap{background-color:#F7F7F7;padding-top:10.668%;} #tomorrowLunch .banner-wrap div:first-child{margin-bottom:20px;} /* 3월 이벤트 페이지*/ #dietEncyclopedia .main-img-wrap{position: relative;} #dietEncyclopedia .main-bg{position: relative;} #dietEncyclopedia .main3{position:absolute;top:0;left:0;animation: up-down 1.4s infinite ease-in-out alternate; -webkit-animation: up-down 1.4s infinite ease-in-out alternate;} #dietEncyclopedia .main-img-wrap .scroll-img-box{position: absolute;left:27%;width:calc(100% - 54%);top:0;overflow: hidden;min-height: 37px;display:none;} #dietEncyclopedia .main-img-wrap .scroll-img-box ul{width:100%;height: 100%;min-height: 37px;overflow: hidden;} #dietEncyclopedia .event_wrap{position:relative;width:100%;} #dietEncyclopedia .event_tab {background-color:#2E8B30;} #dietEncyclopedia .event_tab ul:after {content:''; display:block; clear:both;} #dietEncyclopedia .event_tab ul li a img.off {display:block;} #dietEncyclopedia .event_tab ul li a img.on {display:none;} #dietEncyclopedia .event_tab ul li a.on img.off {display:none;} #dietEncyclopedia .event_tab ul li a.on img.on {display:block;} #dietEncyclopedia .event_tab_scroll{background-color:#2E8B30;} #dietEncyclopedia .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #dietEncyclopedia .prod-default-list{width:95%;margin:0 auto;padding:30px 20px 0 20px;} #dietEncyclopedia .prod-default-list > li{max-width: 45%;margin:0 auto} #dietEncyclopedia .prod-default-list li .done{display:none;} #dietEncyclopedia .prod-default-list li .prd-item .img{border-radius: 4px;} #dietEncyclopedia .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #dietEncyclopedia .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #dietEncyclopedia .prd-item .tit{font-size: 14px;margin:10px auto 5px auto;} #dietEncyclopedia .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_dietEncyclopedia/con01-bg.png");background-size: 100% 100%;background-repeat: no-repeat;} #dietEncyclopedia .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_dietEncyclopedia/con02-bg.png");background-size: 100% 100%;background-repeat: no-repeat;} #dietEncyclopedia .prod-wrap-bg3{background-image: url("https://file.rankingdak.com/image/event/m/event_dietEncyclopedia/con03-bg.png");background-size: 100% 100%;background-repeat: no-repeat;} #dietEncyclopedia .prod-wrap-bg4{background-image: url("https://file.rankingdak.com/image/event/m/event_dietEncyclopedia/con04-bg.png");background-size: 100% 100%;background-repeat: no-repeat;} #dietEncyclopedia .banner-wrap{background-color:#F7F7F7;padding-top:10.668%;} #dietEncyclopedia .banner-wrap div:first-child{margin-bottom:20px;} /* 4월 이벤트 페이지*/ #oneHundredDays .main-img-wrap{position: relative;} #oneHundredDays .main-bg{position: relative;} #oneHundredDays .main-img-wrap .scroll-img-box{position: absolute;left:27%;width:calc(100% - 54%);top:0;overflow: hidden;min-height: 37px;display:none;} #oneHundredDays .main-img-wrap .scroll-img-box ul{width:100%;height: 100%;min-height: 37px;overflow: hidden;} #oneHundredDays .event_wrap{position:relative;width:100%;} #oneHundredDays .event_tab {background-color:#1F2022;} #oneHundredDays .event_tab ul:after {content:''; display:block; clear:both;} #oneHundredDays .event_tab ul li a img.off {display:block;} #oneHundredDays .event_tab ul li a img.on {display:none;} #oneHundredDays .event_tab ul li a.on img.off {display:none;} #oneHundredDays .event_tab ul li a.on img.on {display:block;} #oneHundredDays .event_tab_scroll{background-color:#1F2022;} #oneHundredDays .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #oneHundredDays .prod-default-list{width:95%;margin:0 auto;padding:30px 20px 0 20px;} #oneHundredDays .prod-default-list > li{max-width: 45%;margin:0 auto} #oneHundredDays .prod-default-list li .done{display:none;} #oneHundredDays .prod-default-list li .prd-item .img{border-radius: 4px;} #oneHundredDays .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #oneHundredDays .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #oneHundredDays .prd-item .tit{font-size: 14px;margin:10px auto 5px auto;} #oneHundredDays .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_oneHundredDays/con01-bg.jpg");background-size: 100% 100%;background-repeat: no-repeat;} #oneHundredDays .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_oneHundredDays/con02-bg.jpg");background-size: 100% 100%;background-repeat: no-repeat;} #oneHundredDays .prod-wrap-bg3{background-image: url("https://file.rankingdak.com/image/event/m/event_oneHundredDays/con03-bg.jpg");background-size: 100% 100%;background-repeat: no-repeat;} #oneHundredDays .prod-wrap-bg4{background-image: url("https://file.rankingdak.com/image/event/m/event_oneHundredDays/con04-bg.jpg");background-size: 100% 100%;background-repeat: no-repeat;} #oneHundredDays .coupon-wrap .coupon-img-box{width:100%;position: relative;} #oneHundredDays .coupon-wrap .coupon-btn-wrap{display: flex;} #oneHundredDays .coupon-wrap .coupon-btn{width:50%;display:inline-block;} #oneHundredDays .coupon-wrap .done-warp{display:flex;position: absolute;top:0;left:0;width:100%;} #oneHundredDays .coupon-wrap .done-warp div{width:50%;display: inline-block;} #oneHundredDays .coupon-wrap .done-warp .done{display:none} /*open, expect, done*/ /* 5월 댓글 이벤트 */ #bfEvent .textbg{background-color: #FFE78B;padding:30px 0;} #bfEvent .reply-wrap{margin-top:0;} #bfEvent .reply-textarea textarea{border-radius: 6px;} #bfEvent .btn_reg{border-radius:6px;margin:0;} #bfEvent .reply-list li .section:before{display:none;} #bfEvent .reply-list li .section{background-color: #FFF2C5;border-radius:6px;border: none;} #bfEvent .reply-wrap .blick-text{color:#666666;} #bfEvent .reply-list li .date{color:#666666;} #bfEvent .pagination > a{margin:0 5px;color:#666666;} #bfEvent .pagination > a.current,#bfEvent .pagination > a.on{color:#FB5001;} #bfEvent .reply-wrap .btn-group-flex{margin:10px 0 30px;} /* 근육절 타임딜 페이지 */ #muscleDay img{text-indent: -9999px;width: 100%;font-size: 0;line-height: 0;vertical-align: top;display: block;} #muscleDay .diet-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_muscleDay/prod-bg.jpg");background-position: center;padding:5% 5% 0 5%;background-size: 100% 100%;} #muscleDay .diet-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 7% 5% 0 5%;display: flex;flex-wrap: wrap;justify-content: center;} #muscleDay .diet-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} #muscleDay .diet-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} #muscleDay .diet-prod-wrap .prod-default-list li .done{display:none;} #muscleDay .diet-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #muscleDay .prd-item .tit{font-size: 14px;color:#ffffff;} #muscleDay .prd-item .price{color:#ffffff;font-size: 13px;display: inline-block;margin-bottom: 2px;} #muscleDay .diet-prod-wrap.diet-prod-wrap2{background-image: url("https://file.rankingdak.com/image/event/m/event_muscleDay/prod-bg.jpg");background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;} #muscleDay .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #muscleDay .time-deal-dimd.dimd{display:block;position: absolute;top: 0%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 90%;max-width: 625px;background-color:rgba(0,0,0,0.6);background-size: 100% 100%;height: 96%;} #muscleDay .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; width:260px;} #muscleDay .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_muscleDay/prd_bg.jpg");background-size: cover;background-position: center;padding:7% 5%;background-size: 100% 100%;position: relative;} #muscleDay .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 540px;} #muscleDay .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #muscleDay .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;padding:14px 0 0 0;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {color:#ffffff;font-size: 16px;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#ffffff;font-size: 13px;display: inline-block;padding-top:6px;} #muscleDay .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em{font-size: 18px;font-weight: bold;} #muscleDay .timedeal-btn{display:block;} #muscleDay .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} #muscleDay .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #muscleDay .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #muscleDay .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #muscleDay .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #muscleDay .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #muscleDay .alertbox .information.on{display:block;} #muscleDay .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #muscleDay .alertbox .information p:first-child{padding-bottom:5px;} #muscleDay .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #muscleDay .alertbox .title p{font-size: 15px;line-height: 27px;} #muscleDay .alertbox .title p.login-check{display:none;} #muscleDay .alertbox .title p.login-check.on{display:block;} #muscleDay .alertbox .title .del{display:none;} #muscleDay .alertbox .alert-button{padding-top:24px;} #muscleDay .alertbox .alert-button .del{display:none;} #muscleDay .alertbox .alert-button .login-check-btn{display:none;} #muscleDay .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #muscleDay .show-more-btn{cursor: pointer;} /* 7월 댓글 이벤트 */ #birthday .textbg{background-color: #CCF8F7;padding:30px 0;} #birthday .reply-wrap{margin-top:0;} #birthday .reply-textarea textarea{border-radius: 6px;} #birthday .btn_reg{border-radius:6px;margin:0;} #birthday .reply-list li .section:before{display:none;} #birthday .reply-list li .section{background-color: #E6FBFC;border-radius:6px;border: none;} #birthday .reply-wrap .blick-text{color:#666666;} #birthday .reply-list li .date{color:#666666;} #birthday .pagination > a{margin:0 5px;color:#666666;} #birthday .pagination > a.current,#bfEvent .pagination > a.on{color:#FB5001;} #birthday .reply-wrap .btn-group-flex{margin:10px 0 30px;} .eleventhAnniversary{} .eleventhAnniversary .event-gif1{position: absolute;width:53.335%;top:9.85%;left:10px;} .eleventhAnniversary .event_wrap {position:relative;background-color:#0023d4;width:100%;} .eleventhAnniversary .event_tab {background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/tab_bg.png");background-size: contain;background-position: center;} .eleventhAnniversary .event_tab ul:after {content:''; display:block; clear:both;} .eleventhAnniversary .event_tab ul li a img.off {display:block;} .eleventhAnniversary .event_tab ul li a img.on {display:none;} .eleventhAnniversary .event_tab ul li a.on img.off {display:none;} .eleventhAnniversary .event_tab ul li a.on img.on {display:block;} .eleventhAnniversary .event_tab_scroll{background:none;top:0;} .eleventhAnniversary .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .eleventhAnniversary .event_tab_wrap{box-sizing: border-box;width:100%;} .eleventhAnniversary .event_tab_scroll {box-sizing: border-box;width:100%;} .eleventhAnniversary .discount-coupon-img{position: relative;} .eleventhAnniversary .discount-coupon-img .con01-gif{position: absolute;left:0;top:0;} .eleventhAnniversary .discount-coupon-img .con01-gif.type2{position: absolute;left:0;top:-15.959%;} .eleventhAnniversary .ten-plus-ten-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_eleventhAnniversary/con02-bg.jpg");background-position: center;padding:8% 4.668%;background-size: 100% 100%;} .eleventhAnniversary .ten-plus-ten-prod-wrap.type2{background-image: url("https://file.rankingdak.com/image/event/m/event_eleventhAnniversary/type2/type2-con02-bg.jpg");background-position: center;padding:8% 4.668%;background-size: 100% 100%;} .eleventhAnniversary .ten-plus-ten-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 4px 10px 0;display: flex;flex-wrap: wrap;justify-content: center;} .eleventhAnniversary .ten-plus-ten-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} .eleventhAnniversary .ten-plus-ten-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} .eleventhAnniversary .ten-plus-ten-prod-wrap .prod-default-list li .done{display:none;} .eleventhAnniversary .ten-plus-ten-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;border-radius: 6px;overflow: hidden;} .eleventhAnniversary .ten-plus-ten-prod-wrap .img{border-radius: 6px;overflow: hidden;} .eleventhAnniversary .prd-item .tit{font-size: 14px;} .eleventhAnniversary .time-deal-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/timedeal-bg.png");background-size: cover;background-position: center;padding:0 2.1% 8% 2.1%;background-size: 100% 100%;position: relative;} .eleventhAnniversary .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} .eleventhAnniversary .time-deal-dimd.dimd{display:block;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } .eleventhAnniversary .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } .eleventhAnniversary .time-deal-prod-wrap {width: 100%;box-sizing: border-box;padding: 0px 10px 0;display: flex;flex-wrap: wrap;justify-content: center;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod {width: calc(50% - 10px);vertical-align: top;max-width: 280px;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-left: 17px;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 280px;position: relative;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{border-radius: 50%;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} .eleventhAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;} .eleventhAnniversary .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} .eleventhAnniversary .giveaway-btn-bg{padding-bottom:8%;padding-top: 2.668%;} .eleventhAnniversary .giveaway-btn{position: relative;width:80%;} .eleventhAnniversary .giveaway-btn span{color:#000;font-size:3.6vw;font-weight: 500;position: absolute;right: 20px;top:0;} .eleventhAnniversary .giveaway-btn .giveaway-btn-text{display:none;} .eleventhAnniversary .giveaway-btn .giveaway-count{position: absolute;top:50%;transform:translateY(-50%);right:30px;} .eleventhAnniversary .giveaway-btn .default{position: absolute;top:50%;transform:translateY(-50%);right:30px;} .eleventhAnniversary .giveaway-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_eleventhAnniversary/con03-bg.jpg");background-position: center;background-size: 100% 100%;padding-bottom:5.334%} .eleventhAnniversary .giveaway-item-wrap.type2{background-image: url("https://file.rankingdak.com/image/event/m/event_eleventhAnniversary/type2/type2-con03-bg.jpg");background-position: center;background-size: 100% 100%;padding-bottom:5.334%} .eleventhAnniversary .giveaway-item-wrap ul li{max-width: 300px;} .eleventhAnniversary .giveaway-item-wrap .giveaway-item-text-box{background-color:#FE652D;color:white;width:100%;margin:0 auto;padding:10px 0;} .eleventhAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box{background-color:#7B00FF;color:white;width:100%;margin:0 auto;padding:10px 0;} .eleventhAnniversary .giveaway-item-wrap [class*="grid-area-"].gap50 > .colum{margin-top:60px} .eleventhAnniversary .giveaway-item-wrap .giveaway-item-text-box p{font-size: 20px;line-height: 24px;padding-top:4px;} .eleventhAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box p{font-size: 18px;line-height: 22px;padding-top:4px;} .eleventhAnniversary .giveaway-item-wrap .swiper-wrapper button{padding-top:20px;} .eleventhAnniversary .giveaway-item-wrap .giveaway-item-text-box span{font-size: 16px;} .eleventhAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box span{font-size: 14px;} .eleventhAnniversary .giveaway-item-wrap .giveaway-item-text-box i{font-size: 20px;margin-bottom:4px;font-style: normal;} .eleventhAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box i{font-size: 18px;margin-bottom:4px;font-style: normal;} .eleventhAnniversary .discount-prod-wrap .prod-default-list{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/discount-prod-bg.png");background-position: center;background-size: 100% 100%;justify-content: center;} .eleventhAnniversary .discount-prod-wrap .prod-default-list li{max-width: 46%;} .eleventhAnniversary .discount-prod-wrap .prod-default-list li .done{display:none;} .eleventhAnniversary .discount-prod-wrap .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;border-radius: 6px;overflow: hidden;} .eleventhAnniversary .discount-prod-wrap .salebox{background-color:#FF773B;border-radius: 21px;padding:5px 10px;text-align: center;position: absolute;top:10px;right: 10px;color:#ffffff;font-weight: 700;} .eleventhAnniversary .orange-prod-img{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/orange-prod-bg.png");background-position: center;background-size: 100% 100%;} .eleventhAnniversary .orange-prod-img .prod-default-list{padding-bottom:41px;} .eleventhAnniversary .orange-prod-img .prod-default-list li{position: relative} .eleventhAnniversary .orange-prod-img .prod-default-list li .orange-icon{position: absolute;top:5.46%;right: 5.69%;max-width: 100px;width:28.5%;} .eleventhAnniversary .orange-prod-img .prod-default-list li .done{display:none;} .eleventhAnniversary .orange-prod-img .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;} .eleventhAnniversary .swiper-slide{width:50%;max-width: 300px;} .eleventhAnniversary .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #E17C5E;margin-top: 33px;border-radius: 2px;} .eleventhAnniversary.type2 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #D7CDE0;margin-top: 33px;border-radius: 2px;} .eleventhAnniversary.type2 .giveaway-item-wrap.type2 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #954CD8;margin-top: 33px;border-radius: 2px;} .eleventhAnniversary .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background:#FFFFFF;border-radius: 10px;left: 0;top: 0;} .eleventhAnniversary #event03{overflow-x: hidden;} .eleventhAnniversary .con04-box{position: relative;} .eleventhAnniversary .event-gif2{position: absolute;bottom:13.435%;left:10px;width:37.335%} .eleventhAnniversary .con04-box .history{width: calc(100% - 9.33%);height: 74%;background-color: black;margin: 0 auto;position: absolute;left: 4.668%;top: 0;overflow-x: scroll;} .eleventhAnniversary .con04-box .history .map{width:calc(100% + 300%);height:100%;background-image: url("https://file.rankingdak.com/image/event/m/event_eleventhAnniversary/history.jpg");background-size:100% 100%;} .eleventhAnniversary .con04-box .history.type2 .map{width:calc(100% + 300%);height:100%;background-image: url("https://file.rankingdak.com/image/event/m/event_eleventhAnniversary/type2/type2-history.jpg");background-size:100% 100%;} /*2023-07-03 임가현 수정 추가*/ .eleventhAnniversary .event-gif2 {z-index: 99} /* 8월 이벤트 페이지*/ #summerTrip .event_tab {background-color:#1267C4;} #summerTrip .event_tab ul:after {content:''; display:block; clear:both;} #summerTrip .event_tab ul li a img.off {display:block;} #summerTrip .event_tab ul li a img.on {display:none;} #summerTrip .event_tab ul li a.on img.off {display:none;} #summerTrip .event_tab ul li a.on img.on {display:block;} #summerTrip .event_tab_scroll{background-color:#2E8B30;} #summerTrip .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #summerTrip .prod-default-list{width:100%;margin:0 auto;padding:30px 20px 0 20px;text-align: left;border-left: 20px solid #BCF1FF;border-right: 20px solid #BCF1FF;} #summerTrip .prod-default-list > li{max-width: 45%;margin:0 auto} #summerTrip .prod-default-list li .done{display:none;} #summerTrip .prod-default-list li .prd-item .img{border-radius: 4px;} #summerTrip .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #summerTrip .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #summerTrip .prd-item .tit{font-size: 14px;margin:10px auto 5px auto;} #priceDest .diet-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_priceDest/con03-prod-bg.jpg");background-size: cover;background-position: center;padding:5% 5% 0 5%;background-size: 100% 100%;} #priceDest .diet-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 10px;display: flex;flex-wrap: wrap;justify-content: center;} #priceDest .diet-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 15px;} #priceDest .diet-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} #priceDest .diet-prod-wrap .prod-default-list li .done{display:none;} #priceDest .diet-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #priceDest .prd-item .tit{font-size: 14px;color:#ffffff;} #priceDest .prd-item .price{color:#ffffff;} #priceDest .diet-prod-wrap2{background-image: url("https://file.rankingdak.com/image/event/m/event_tenTimedeal/prd_bg.png");background-size: cover;background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;} #priceDest .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} #priceDest .time-deal-dimd.dimd{display:block;position: absolute;top: 0%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 90%;max-width: 625px;background-color:rgba(0,0,0,0.6);background-size: 100% 100%;height: 96%;} #priceDest .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; width:260px;} #priceDest .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_priceDest/con02-prod-bg.jpg");background-size: cover;background-position: center;padding:7% 5%;background-size: 100% 100%;position: relative;} #priceDest .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 540px;} #priceDest .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #priceDest .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #priceDest .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #priceDest .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #priceDest .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} #priceDest .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #priceDest .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#ffffff;} #priceDest .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#ffffff;} #priceDest .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} #priceDest .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #priceDest .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #priceDest .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #priceDest .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #priceDest .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #priceDest .alertbox .information.on{display:block;} #priceDest .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #priceDest .alertbox .information p:first-child{padding-bottom:5px;} #priceDest .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #priceDest .alertbox .title p{font-size: 15px;line-height: 27px;} #priceDest .alertbox .title p.login-check{display:none;} #priceDest .alertbox .title p.login-check.on{display:block;} #priceDest .alertbox .title .del{display:none;} #priceDest .alertbox .alert-button{padding-top:24px;} #priceDest .alertbox .alert-button .del{display:none;} #priceDest .alertbox .alert-button .login-check-btn{display:none;} #priceDest .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #priceDest .show-more-btn{cursor: pointer;} /* 2309 이벤트 */ #healthyChart .top_bg{position: relative;} #healthyChart .event_choice{position: absolute; bottom: 15px; right: 50%; transform: translateX(50%); z-index: 1;} #healthyChart .choice_list_box{position: absolute; top: 50px; left: 0; border-radius: 15px; background-color: #fff; z-index: 1; width: 185px; overflow: hidden; box-shadow: 0px 0px 10px 0px #00000024; display: none;} #healthyChart .choice_list_box.active{display: block;} #healthyChart .choice1{margin-bottom: 5px;} #healthyChart .choice_list:nth-child(2n){background-color: #F8F8F8;} #healthyChart .choice_btn{width: 185px; height: 45px; background-color: #fff; border-radius: 30px; display: flex; align-items: center; justify-content: space-between; overflow: hidden;} #healthyChart .choice_btn ul{width: 100%;} #healthyChart .choice_btn li{font-size: 18px; font-weight: 500;} #healthyChart #event04{display: none; position: relative;} #healthyChart #event04 .event04_tit{font-size: 28px; font-weight: 700; color: #01D4B4; padding: 36px 0; background-image:url('https://file.rankingdak.com/image/event/m/event_healthyChart/main6_titbg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #healthyChart #event04 .event04_tit span{color: #008E78;} #healthyChart .prd-item .img + .desc-bottom{text-align: left;} #healthyChart .prod-wrap .done{display: none;} #healthyChart .prod-wrap .done.soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} #healthyChart .prod-wrap .done.soldView img{width: 100%;} #healthyChart .event01_con{background-image: url("https://file.rankingdak.com/image/event/m/event_healthyChart/main3_bg.jpg");background-size: cover;background-position: center;padding:5% 7% 15% 7%;background-size: 100% 100%;} #healthyChart .event02_con{background-image: url("https://file.rankingdak.com/image/event/m/event_healthyChart/main4_bg.jpg");background-size: cover;background-position: center;padding:5% 7% 15% 7%;background-size: 100% 100%;} #healthyChart .event04_con{background-image: url("https://file.rankingdak.com/image/event/m/event_healthyChart/main6_bg.jpg");background-size: cover;background-position: center;padding:7% 7% 15% 7%;background-size: 100% 100%;} /* 특급배송 더블특가 이벤트 랜딩페이지 */ #doubleExpress{} #doubleExpress .btn-abs{position:absolute;left:50%;top:0;display:block;width:60%;height:0;padding-bottom:12.26%;transform:translateX(-50%);} #doubleExpress .btn-abs.btn-lg{width:72%;} #doubleExpress .btn-abs.btn-search{width:86.93%;padding-bottom:13.86%;} #doubleExpress .event01{background-color:#fa9219} #doubleExpress .event02{background-color:#fff0dd} #doubleExpress .event03{background-color:#f14618} #doubleExpress .event06{background-color:#ffb83c} #doubleExpress .event05{background-color:#fff0dd} #doubleExpress [class^=event] {margin-top:-1px;} #doubleExpress .event01 .btn-group{background-color:#fda42a} #doubleExpress .btn-group{display:flex;} #doubleExpress .btn-group .btn-abs{left:50%;top:50%;width:82.62%;height:0;padding-bottom:23.79%;transform:translate(-47.7%, -50%);} #doubleExpress .btn-group .btn-abs.btn-aos{transform:translate(-52.3%, -50%);} #doubleExpress .prod-wrap {position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);} #doubleExpress .prod-wrap > div{height:100%;} #doubleExpress .prod-default-list{width:90.66%;height:auto;max-height:100.3%;overflow-y:auto;margin:0 auto;padding:8% 5.33% 0 5.33%;} #doubleExpress .prod-default-list > li{max-width:46.67%;-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;padding-bottom:6.66%;} #doubleExpress .prod-default-list > li:nth-child(2n) {margin-left:6.66%;} #doubleExpress .prod-default-list li .done{display:none;} #doubleExpress .prod-default-list li .prd-item .desc-bottom{min-height:20.8vw;margin:0;text-align:left;} #doubleExpress .prod-default-list li .prd-item .tit{margin:5px 0 6px;font-size:14px;line-height:18px;} #doubleExpress .prod-default-list li .prd-item .price-group {display:flex;} #doubleExpress .prod-default-list li .prd-item .price {margin-bottom:0;line-height:20px;} #doubleExpress .prod-default-list li .prd-item .price > .num {line-height:16px;font-size:17px;} #doubleExpress .prod-default-list li .prd-item .sale {line-height:18px;} #doubleExpress .prod-default-list li .prd-item .sale strong {font-size:15px;} #doubleExpress .prod-default-list li .prd-item .origin {margin-top:2px;line-height:14px;} #doubleExpress .prod-default-list li .prd-item .img{border-radius: 4px;} #doubleExpress .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #doubleExpress .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #doubleExpress .time-deal-wrap{position:absolute;top:0;left:0;bottom:0;right:0;} #doubleExpress .time-deal-wrap .time-deal-item-wrap{width:100%;height:100%;padding:2.266% 4.6% 1.05%; } #doubleExpress .time-deal-wrap .time-deal-item-wrap .time-deal-prod-wrap{position:relative;width:100%;height:100%;display:flex;flex-direction: column;} #doubleExpress .time-deal-wrap .time-deal-item-wrap .time-deal-dimd{display:flex;position:absolute;top:0;left:0;bottom:0;right:0;align-items: center;justify-content: center;background-color:rgba(0,0,0,.5);font-size:19px;line-height:28px;text-align:center;color:#fff;font-weight:bold;z-index:6} #doubleExpress .time-deal-prod-wrap > .time-deal-prod {display: flex;flex-direction: column;align-items: center;min-height:50%;padding:5.88%;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod + .time-deal-prod{padding-top:3.97%;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{position: relative;height:0;width:100%;padding-bottom:52.66%;overflow:hidden} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .deal-prod-img > a {display:flex;align-items: center;justify-content: center; position:absolute;top:0;right:0;bottom:0;left:0;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .deal-prod-img > a > img{width:100%;object-fit: contain;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;left:0;bottom:0;right:0;z-index: 5;cursor: default;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{width:86.166%;min-height:2.58em;word-break: break-all;font-size:3.733vw;margin-top:4.666%;line-height:1.2857;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info{display:flex;margin-top:2.666%;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .sale{margin-right:2px;font-size:3.466vw;color:#FF3600;line-height:1.384;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .sale strong{font-size:4.8vw;line-height:1.111;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .price{margin-right:2px;line-height:1.384;font-size:3.466vw;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .price .num{line-height:1.111;font-size:4.8vw} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .origin {display:flex;align-items:flex-end;font-size:3.466vw;color:#999;text-align:center;line-height:1.384; } #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .origin span {position:relative;display:inline-block;} #doubleExpress .time-deal-prod-wrap > .time-deal-prod .prod-info .origin span::before {content:"";display:inline-block;clear:both;width:100%;position:absolute;top:50%;border-top:1px solid #999;margin-top:-1px;transform:scaleY(.7);} #doubleExpress .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #doubleExpress .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #doubleExpress .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #doubleExpress .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #doubleExpress .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #doubleExpress .alertbox .information.on{display:block;} #doubleExpress .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #doubleExpress .alertbox .information p:first-child{padding-bottom:5px;} #doubleExpress .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #doubleExpress .alertbox .title p{font-size: 15px;line-height: 27px;} #doubleExpress .alertbox .title p.login-check{display:none;} #doubleExpress .alertbox .title p.login-check.on{display:block;} #doubleExpress .alertbox .title .del{display:none;} #doubleExpress .alertbox .alert-button{padding-top:24px;} #doubleExpress .alertbox .alert-button .del{display:none;} #doubleExpress .alertbox .alert-button .login-check-btn{display:none;} #doubleExpress .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} /* 좋아 자연스러웠어 이벤트 */ #goodNatural #event01{background-image:url('https://file.rankingdak.com/image/event/pc/event_goodNatural/main1_bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position:top center;} #goodNatural #event02{background-color: #161b24; padding-bottom: 60px; background-color: #161b24; opacity: 1; background-image: linear-gradient(#1d222b 1.4000000000000001px, transparent 1.4000000000000001px), linear-gradient(to right, #1d222b 1.4000000000000001px, #161b24 1.4000000000000001px); background-size: 50px 50px;} #goodNatural #event02 .video_wrap{padding: 0 20px;} #goodNatural #event02 .video_box{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 30px;} #goodNatural #event02 .video_box iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;} #goodNatural #event03{background-color: #f6f6f6;} #goodNatural #event04{background-image:url('https://file.rankingdak.com/image/event/pc/event_goodNatural/main4_bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position:top center; padding-bottom: 50px;} #goodNatural #event04 .prod-wrap{background-color: #a0bcf9; padding: 5px 20px 15px 20px; box-sizing: border-box; border-radius: 20px; width: calc(100% - 35px); margin: 0 auto;} #goodNatural #event04 .prod-wrap .colum{width: 100%;} #goodNatural #event05{background-image:url('https://file.rankingdak.com/image/event/pc/event_goodNatural/main5_bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position:top center;} #goodNatural #event05 .prod-wrap{background-color: #ffbda9; padding: 30px 20px 15px; box-sizing: border-box; border-radius: 20px; width: calc(100% - 35px); margin: 0 auto;} #goodNatural .prd-item-list .colum .img .done{display:none;} #goodNatural .prd-item-list .colum .img .done.soldView{display:block; position: absolute; top:50%; right: 50%; transform: translate(50%, -50%); width: 100%;} #goodNatural .prd-item-list .colum .text-elps2{color: #333333;} #goodNatural .prd-item-list .colum .desc-bottom{text-align: left;} /* 10월 서브 프로모션 풀페이지 */ #vipPick{} #vipPick .event03{background-color:#fe724e} #vipPick .event05{background-color:#ffe15b} #vipPick .event03 .prod-wrap {min-height:248vw} #vipPick .event03 .prod-wrap .prod-wrap-bg{background-image:url('https://file.pickydiet.co.kr/image/event/m/event_vipPick/landing_vipPick_prod_box_01.jpg');background-repeat: no-repeat;background-size:100% 100%;background-position:top center;} #vipPick .event06 .prod-wrap .prod-wrap-bg{background-image:url('https://file.pickydiet.co.kr/image/event/m/event_vipPick/landing_vipPick_prod_box_02.jpg');background-repeat: no-repeat;background-size:100% 100%;background-position:top center;} #vipPick .prod-wrap > div{height:100%;} #vipPick .prod-default-list{width:89.333%;height:auto;overflow-y:auto;margin:0 auto;padding:8% 4.666% 0 4.666%;} #vipPick .prod-default-list > li{max-width:46.67%;-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;padding-bottom:6.66%;} #vipPick .prod-default-list > li:nth-child(2n) {margin-left:6.66%;} #vipPick .prod-default-list li .done{display:none;} #vipPick .prod-default-list li .prd-item .desc-bottom{/*min-height:20.8vw;*/margin:0;text-align:left;} #vipPick .prod-default-list li .prd-item .tit{min-height:36px;margin:5px 0 6px;font-size:14px;line-height:18px;} #vipPick .prod-default-list li .prd-item .price-group {display:flex;} #vipPick .prod-default-list li .prd-item .price {margin-bottom:0;line-height:20px;} #vipPick .prod-default-list li .prd-item .price > .num {line-height:16px;font-size:17px;} #vipPick .prod-default-list li .prd-item .img{border-radius: 4px;} #vipPick .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #vipPick .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #vipPick .prod-default-list li .prd-item .sale {line-height:18px;} #vipPick .prod-default-list li .prd-item .sale strong {font-size:15px;} #vipPick .prod-default-list li .prd-item .origin {margin-top:2px;line-height:14px;} /* 11월 서브 이벤트 페이지 */ #employee .famly-number-wrap {background-color:#FFFDF0;padding:0 0 118px 0;} #employee .famly-number-wrap .famly-input-box{ margin-bottom:20px; } #employee .famly-number-wrap .famly-input-box .input-text { width: 87%; height:53px; border-radius:4px; border:3px solid #FFB46B; background: #FFFBE4; color: #999; text-align: center; font-size: 15px; font-weight: 600; } @media screen and (min-width: 280px){ #employee .famly-number-wrap .famly-input-box .input-text{ font-size: 15px; } #sincereRace .text-area h2{font-size: 13px;} #sincereRace .text-area h2 #counter2{font-size: 13px;} } @media screen and (min-width: 320px){ #employee .famly-number-wrap .famly-input-box .input-text{ font-size: 18px; } #sincereRace .text-area h2{font-size: 16px;} #sincereRace .text-area h2 #counter2{font-size: 16px;} } @media screen and (min-width: 360px){ #employee .famly-number-wrap .famly-input-box .input-text{ font-size: 18px; } #sincereRace .text-area h2{font-size: 20px;} #sincereRace .text-area h2 #counter2{font-size: 20px;} } @media screen and (min-width: 390px){ #employee .famly-number-wrap .famly-input-box .input-text{ font-size: 20px; } #sincereRace .text-area h2{font-size: 20px;} #sincereRace .text-area h2 #counter2{font-size: 20px;} } @font-face { font-family: 'GmarketSansMedium'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype"); font-display: swap; } #sincereRace img{ margin-top: -1px; } #sincereRace .text-center{font-size: 0;} #sincereRace .count-wrap{position: relative} #sincereRace .text-area{position: absolute;top:45%;left:50%;transform: translate(-50%,-45%);width:100%;} #sincereRace .text-area h2{color: #EE3800;font-family: "GmarketSansMedium";} #sincereRace .text-area h2 #counter2{color: #EE3800;font-family: "GmarketSansMedium";} #sincereRace .event02 .prod-wrap .prod-wrap-bg{background-image:url('https://file.rankingdak.com/image/event/m/event_sincereRace/prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position:top center;} #sincereRace .prod-default-list{padding:8% 10%;} #sincereRace .prod-default-list li .done{display:none;} #sincereRace .prod-default-list li .prd-item .desc-bottom{/*min-height:20.8vw;*/margin:0;text-align:left;} #sincereRace .prod-default-list li .prd-item .tit{min-height:36px;margin:5px 0 6px;font-size:14px;line-height:18px;} #sincereRace .prod-default-list li .prd-item .price-group {display:flex;} #sincereRace .prod-default-list li .prd-item .price {margin-bottom:0;line-height:20px;} #sincereRace .prod-default-list li .prd-item .price > .num {line-height:16px;font-size:17px;} #sincereRace .prod-default-list li .prd-item .img{border-radius: 4px;} #sincereRace .prod-default-list li .prd-item .img + .desc-bottom{padding:0;} #sincereRace .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;} #sincereRace .prod-default-list li .prd-item .sale {line-height:18px;} #sincereRace .prod-default-list li .prd-item .sale strong {font-size:15px;} #sincereRace .prod-default-list li .prd-item .origin {margin-top:2px;line-height:14px;} #sincereRace .prod-tab{background-image:url('https://file.rankingdak.com/image/event/m/event_sincereRace/tab-bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position:top center; padding-top: 2.135%;} #sincereRace .prod-tab ul{display: flex;justify-content: center;} #sincereRace .prod-tab ul li{width: 30.2%;} #sincereRace .con02-text-box-wrap{position: relative;} #sincereRace .con02-text-box-wrap .con02-text-box{position: absolute;top:0;left:0;padding: 0 0 0 10.667%;} #sincereRace .con02-text-box-wrap .con02-text-box h2{ color: #EE3800; font-family: 'GmarketSansMedium'; font-size: 9.33333vw; font-weight: 700; } #sincereRace .con03-text-box-wrap{position: relative} #sincereRace .con03-text-box-wrap .con03-text-box{position: absolute;top:0;left:50%;transform: translateX(-50%);} #sincereRace .con03-text-box-wrap .con03-text-box h2{ color: #EE3800; font-size: 6.66666vw; font-family: 'GmarketSansMedium'; margin-left:4px; } #sincereRace .con03-text-box-wrap .con03-text-box h2 span{ color: #EE3800; font-size: 12vw; font-family: 'GmarketSansMedium'; } #sincereRace .context-btn { display: flex; } /* 12월 연말결산 이벤트 */ .goodbye2023 .prod-tab{ background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/bg-nav.png") no-repeat center top/cover;} .goodbye2023 .prod-tab ul {display: flex;gap: 11px;align-items: center;justify-content: center;max-width: 520px;margin: 0 auto; width: 82%;} .goodbye2023 .rolling-banner {padding-top: 15px;} .goodbye2023 .rolling-banner .swiper + .swiper{ margin-top: 20px;} .goodbye2023 .rolling-banner .swiper .swiper-slide {width: 175px !important;height: 46px; border-radius: 10px; text-align: center; line-height: 46px; font-size: 16px;font-weight: 700;background: #fff;} .goodbye2023 .rolling-banner .swiper:nth-of-type(even) .swiper-slide:nth-of-type(even) {background: #FF5B9F;} .goodbye2023 .toggle-all {background:#f24893; } .goodbye2023 .toggle-all .off{display: none;} .goodbye2023 .toggle-content {display: none;} .goodbye2023 .toggle-content.active {display: block;} .goodbye2023 .radio-all {width: calc(100% - 18.9%); position: absolute;left: 50%;transform: translateX(-50%);z-index: 2;top: 60%;padding:20px;border-radius: 0px 0px 15px 15px;background: #FFF;} .goodbye2023 .radio-all p {margin-bottom: 15px;font-size:16px;font-weight: 400;line-height: 1; text-align: left;display: flex; align-items: center; justify-content: start;} .goodbye2023 .radio-all p em {font-weight: 400} .goodbye2023 .radio-all p i{display: inline-block; width: 16px; height: 16px; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/icon-cs.svg") no-repeat center/100%;margin-right: 2px;} .goodbye2023 .radio-all ul {border-radius: 15px;border: 1px solid #333; display: flex; flex-flow: column; overflow: hidden;} .goodbye2023 .radio-all ul li{text-align: left;font-size: 0; height: 46px;} .goodbye2023 .radio-all ul li:first-of-type {font-weight: 700; font-size: 19px;padding: 10px 20px; display: flex; align-items: center;justify-content: space-between;border-bottom: 1px solid #333;} .goodbye2023 .radio-all ul li .refreshButton {width: 24px; height: 24px;font-size: 0;} .goodbye2023 .radio-all ul li .refreshButton i {display: inline-block; width: 100%; height: 100%; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/refreshButton.png") no-repeat center/100%;} .goodbye2023 .radio-all ul li input[type="checkbox"] {font-size: 0;width: 0;height: 0;overflow: hidden;text-indent: -9999px;} .goodbye2023 .radio-all ul li input + label {padding: 1rem 15px; color: #333;font-size: 16px;font-weight: 400;display: flex;align-items: center;justify-content: start;background: #EFEFEF;height: 46px;} .goodbye2023 .radio-all ul li input + label::before { margin-right: 4px; content: ''; display: inline-block; width: 16px; height: 16px; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/2023check-off.png") no-repeat center/100%; transition: background .2s;} .goodbye2023 .radio-all ul li input:checked + label {background: #fff;} .goodbye2023 .radio-all ul li input:checked + label::before {background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/2023check-on.png") no-repeat center/100%; } .goodbye2023 .radio-all > a {display: block; margin-top:15px;} .goodbye2023#summerTrip .event_tab_scroll {background: #FF3689;} .goodbye2023#summerTrip .prod-wrap-bg {width: 100%;margin: 0 auto;padding: 30px 20px 0 20px;text-align: left;border-left: 20px solid #0e0e0e;border-right: 20px solid #0e0e0e;background:#0e0e0e;padding: 0 0 0;} .goodbye2023#summerTrip .prod-default-list {border-radius: 20px;border: 2px solid #FBC280;background: #FFF;} @media screen and (max-width: 450px) { .goodbye2023 .toggle-all .off{display: block;} } @media screen and (max-width: 380px) { .goodbye2023 .radio-all{padding: 16px;} .goodbye2023 .radio-all ul li, .goodbye2023 .radio-all ul li input + label{height: 3.2rem} } @media screen and (max-width: 350px) { .goodbye2023 .radio-all {background: transparent; top: 59%;padding: 14px;} .goodbye2023 .radio-all p {margin-bottom: 10px;} .goodbye2023 .radio-all ul li:first-of-type {font-size: 17px;} .goodbye2023 .radio-all ul li, .goodbye2023 .radio-all ul li input + label{height: 3rem;} .goodbye2023 .radio-all ul li input + label { font-size: 14px;} } @media screen and (max-width: 300px) { .goodbye2023 .radio-all{width: calc(100% - 10%); top: 58%;} .goodbye2023 #event02 > img {margin: 0 -15px;width: calc(100% + 30px);} } #datalab2023 .rank-bg{position: relative;} #datalab2023 .rank-wrap ul{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;display: flex;text-align: center;gap:20px 13px;justify-content: center;align-items: center;flex-wrap: wrap;padding:0 6%;} #datalab2023 .rank-wrap ul li{width: 20%;display: inline-block;} #datalab2023 .tab-wrap{position: relative;background-color: #DEE1E8;} #datalab2023 .tab-wrap ul{width: 100%;display: flex;text-align: center;gap:14px;justify-content: center;align-items: center;flex-wrap: wrap;padding:30px 6% 13.334%;} #datalab2023 .tab-wrap ul li{width: 30%;display: inline-block;} #datalab2023 .banner-warp ul{display: flex; flex-wrap: wrap;} #datalab2023 .banner-warp ul li{display: inline-block;width: 50%;} /* 2310 쿠폰 프로모션 이벤트 */ #missingEvnet #event02{background-image:url('https://file.rankingdak.com/image/event/m/event_missingEvent/main2_bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center; padding: 0 18px; } #missingEvnet #event02 .prod-wrap{background-color: #fff; padding: 5px 20px 30px 20px; box-sizing: border-box;} #missingEvnet #event02 .prod-wrap .img{position: relative;} #missingEvnet #event02 .prod-wrap .img .done{display: none;} #missingEvnet #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #missingEvnet #event02 .prod-wrap .text-elps2{color: #333;} #missingEvnet #event02 .prod-wrap .colum{width: 100%;} #missingEvnet #event02 .prod-wrap .desc-bottom{text-align: left;} #missingEvnet #event03{background-color: #f7f7f7;} #missingEvnet #event03 .benefit_list{padding: 0 22px; box-sizing: border-box; position: relative; z-index: 2;} #missingEvnet #event03 .benefit_list li{float: left; margin-bottom: 12px; overflow: hidden; box-shadow: 4px 4px 80px 0px rgba(26, 0, 0, 0.05); border-radius: 20px; width: calc(50% - 6px);} #missingEvnet #event03 .benefit_list li:nth-child(2n){float: right;} #missingEvnet #event03 .benefit_list li:nth-child(3), #missingEvnet #event03 .benefit_list li:nth-child(4){margin-bottom: 0;} /* 2312 쿠폰 프로모션 이벤트 */ #findCouponOwner {margin-top: -56px;} #findCouponOwner #event02{background-image:url('https://file.rankingdak.com/image/event/m/event_missingEvent/main2_bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #findCouponOwner #event02 .prod-wrap{background-color: #fff; padding: 0 20px 30px 20px; box-sizing: border-box;margin: 0 18px;} #findCouponOwner #event02 .prod-wrap .img{position: relative;} #findCouponOwner #event02 .prod-wrap .img .done{display: none;} #findCouponOwner #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #findCouponOwner #event02 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px;} #findCouponOwner #event02 .prod-wrap .price-group {display: flex; align-items: center; justify-content: center;} #findCouponOwner #event02 .prod-wrap .colum{width: 100%; margin-top: 30px;} #findCouponOwner #event02 .prod-wrap .price {margin: 0 4px 0 0;} #findCouponOwner #event02 .prod-wrap .desc-bottom{text-align: center; margin: 0 0 0;} #findCouponOwner #event03 {background-color: #f7f7f7;} #findCouponOwner #event03 .benefit_list{ box-sizing: border-box; position: relative; z-index: 2;font-size: 0;} #findCouponOwner #event03 .benefit_list * {font-size: 0; width: 100%;} /* 만보기 친구 초대 작업 건*/ .friend-wrap {position: relative;} .friend-wrap.pb40 {padding-bottom:40px;} .friend-wrap [class^="sec-"]{text-align: center; position: relative;} .friend-wrap [class^="sec-"] h2 {font-size: 30px; font-weight: 800;line-height: normal;padding: 40px 0 0;} .friend-wrap [class^="sec-"] h2 + p {margin-top: 13px; font-size: 16px;font-weight: 500;line-height: 22px; } .friend-wrap .sec-01, .friend-wrap .sec-02 {background:#312452; } .friend-wrap .sec-02 figure {padding: 0 70px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .friend-wrap .sec-02 figure img {width: 100%;max-width: 250px;height: auto;max-height: 250px;aspect-ratio: 1/1;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);} .friend-wrap .sec-02 figure::after {content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: url("https://file.rankingdak.com/image/event/m/fitness/friendEvent/sec-01-bg-02.png") no-repeat center/100%;} .friend-wrap .sec-03 ul {border-radius: 20px;background: #FFF;padding: 30px 20px; display: flex;flex-wrap: wrap;} .friend-wrap .sec-03 ul li {width: 50%;display: flex; align-items: center; justify-content: center; flex-flow: column;} .friend-wrap .sec-03 ul li i {display: inline-block; width: 40px; height: 40px;} .friend-wrap .sec-03 ul li.share-kakao i { background: url("https://file.rankingdak.com/image/event/m/fitness/friendEvent/riendEventshare-kakao.png") no-repeat center/100%;} .friend-wrap .sec-03 ul li.share-message i {background: url("https://file.rankingdak.com/image/event/m/fitness/friendEvent/riendEventshare-message.png") no-repeat center/100%; } .friend-wrap .sec-03 ul li span {display: inline-block; text-align: center;font-size: 13px;font-weight: 400; line-height: 18px;margin-top: 8px; } .friend-wrap .sec-03 ul strong {width: 100%; text-align: center; margin-top: 34px;color: #999;font-size: 13px;font-weight: 400;line-height: normal; } .friend-wrap .sec-04 { background: #f8f8f8; position: absolute; width: 100%; height: 360px;} .friend-wrap .sec-04 .notice-wrap {padding: 30px 25px 180px;} .friend-wrap .sec-04 .notice-wrap h3 {font-size: 16px;font-weight: 600;padding-bottom: 10px;color: #999;} .friend-wrap .sec-04 .notice-wrap ul {display: flex; flex-flow: column; gap: 8px;justify-content: start; text-align: left;} .friend-wrap .sec-04 .notice-wrap ul li {font-size: 13px;font-weight: 400;line-height: 18px;padding-left: 25px; position: relative;word-break: break-all;color: #999;} .friend-wrap .sec-04 .notice-wrap ul li::before {content: ''; display: inline-block; position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #999; top: 7px; left: 10px;} .friend-wrap .fixed-btn-wrap {position: fixed; z-index: 10; bottom: 0; left: 0; width: 100%; padding: 0 25px 25px;} .friend-wrap .fixed-btn-wrap ul {display: flex; gap: 10px;} .friend-wrap .fixed-btn-wrap ul li {width: 100%;height: 58px;padding: 0;text-align: center;background: #F9E007;border-radius: 999px;box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.18);} .friend-wrap .fixed-btn-wrap ul li.share-message {background: #fff} .friend-wrap .fixed-btn-wrap ul span {line-height: 58px;color: #333;font-size: 16px; font-weight: 600; } /* 2401 쿠폰 프로모션 이벤트 */ #goodBuy2024 .coupon-wrap {display: flex;align-items: center;justify-content: center;} #goodBuy2024 #event02 .prod-wrap{background-image:url('https://file.rankingdak.com/image/event/m/event_goodBuy2024/m-prd-03.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;} #goodBuy2024 #event02 .prod-wrap .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #goodBuy2024 #event02 .prod-wrap .img{position: relative; border-radius: 4px;} #goodBuy2024 #event02 .prod-wrap .img .done{display: none;} #goodBuy2024 #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #goodBuy2024 #event02 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px; text-align: left;} #goodBuy2024 #event02 .prod-wrap .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #goodBuy2024 #event02 .prod-wrap .colum{width: 100%; margin-top: 30px; padding: 0 0 0; margin: 0 0 0;} #goodBuy2024 #event02 .prod-wrap .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;width: 100%;} #goodBuy2024 #event02 .prod-wrap .price {margin: 0 4px 0 0;} #goodBuy2024 #event02 .prod-wrap .desc-bottom{text-align: center; margin: 0 0 0;} #goodBuy2024 .prd-item .origin {flex: none;display: block;width: 100%;text-align: left;} #goodBuy2024 + .pop{display: none;position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.50);top: 0;left: 0;z-index: 99;} #goodBuy2024 + .pop.on {display: block;} #goodBuy2024 + .pop .share-wrap {position: fixed; bottom: 0; left: 0; text-align: center;padding: 20px 24px 69px;border-radius: 20px 20px 0px 0px;background: #FFF;width: 100%;z-index: 10116;transform: translateY(100%);transition: transform .3s;} #goodBuy2024 + .pop .share-wrap h2 { text-align: center; font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;} #goodBuy2024 + .pop .share-wrap ul {display: flex; align-items: center; justify-content: center;margin-top: 30px;gap: 80px;} #goodBuy2024 + .pop .share-wrap ul li {width: 40px;text-align: center;} #goodBuy2024 + .pop .share-wrap ul li span {display: block; margin-top: 6px;color: #666;font-size: 12px;font-weight: 400;} #goodBuy2024 + .pop .share-wrap .pop-close-btn {position: absolute; width: 34px; top: 15px;right: 15px;} #goodBuy2024 + .pop.on .share-wrap {transform: translateY(0%);} #goodBuy2024 .prd-item .price > .num {font-size: 17px;} #goodBuy2024 .prd-item .sale strong {font-size: 15px;} .friend-wrap .fixed-btn-wrap.hasButton {padding: 0 0 0;} .friend-wrap .invite-btn-wrap.hasButton {padding: 30px 20px; background-color: #FFF5DB;} .friend-wrap .fixed-btn-wrap.hasButton > button {width: 100%; height: 58px;background: #FF6001; text-align: center;border: 0;} .friend-wrap .invite-btn-wrap.hasButton > button {width: 100%; height: 58px;background: #FF6001; text-align: center;border: 0; border-radius: 999px;} .friend-wrap .fixed-btn-wrap.hasButton > button > span {color: #fff;font-size: 16px;font-weight: 600;line-height: 58px;} .friend-wrap .invite-btn-wrap.hasButton > button > span {color: #fff;font-size: 16px;font-weight: 600;line-height: 58px;} .friend-wrap .friend-invite-button.friend-invite-button-area {position:relative; bottom:0; left:0; right:0; z-index:3; background:#110C22;} .friend-wrap .friend-invite-button.friend-invite-button-area ul { padding:30px 20px;} .friend-wrap .friend-invite-button {position:fixed; bottom:0; left:0; right:0; z-index:3; background:#110C22;} .friend-wrap .friend-invite-button > ul {background:#fff; padding:18px 15px; display:flex; justify-content:space-around;} .friend-wrap .friend-invite-button > ul > li {padding-top:46px; font-size:14px; color:#666; letter-spacing: -1px; text-align: center} .friend-wrap .friend-invite-button > ul > li.share-kakao {background: url("https://file.rankingdak.com/image/event/m/fitness/friendEvent/share-kakao.png") no-repeat top center/40px;} .friend-wrap .friend-invite-button > ul > li.share-sns {background: url("https://file.rankingdak.com/image/event/m/fitness/friendEvent/share-sns.png") no-repeat top center/40px;} .friend-wrap .friend-invite-button > ul > li.share-url {background: url("https://file.rankingdak.com/image/event/m/fitness/friendEvent/share-url.png") no-repeat top center/40px;} #foodTrend #event01 .event01_con{background-image:url('https://file.rankingdak.com/image/event/m/event_foodTrend/con01-bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #foodTrend #event02 .event01_con{background-image:url('https://file.rankingdak.com/image/event/m/event_foodTrend/con02-bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #foodTrend #event03 .event01_con{background-image:url('https://file.rankingdak.com/image/event/m/event_foodTrend/con03-bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #foodTrend #event04 .event01_con{background-image:url('https://file.rankingdak.com/image/event/m/event_foodTrend/con04-bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #foodTrend #event05 .event01_con{background-image:url('https://file.rankingdak.com/image/event/m/event_foodTrend/con05-bg.jpg'); background-repeat:no-repeat; background-size: cover; background-position: center;} #foodTrend .prod-default-list{padding:4px 0 0 ;} #foodTrend .prod-wrap{ padding: 30px 37px 30px 37px; box-sizing: border-box;} #foodTrend .prod-wrap .img{position: relative;border-radius: 4px;overflow: hidden;} #foodTrend .prod-wrap .img .done{display: none;} #foodTrend .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #foodTrend .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px;color:#fff;} #foodTrend .prod-wrap .price-group {display: flex; align-items: center; justify-content: start;flex-wrap: wrap;gap: 4px 0;} #foodTrend .prod-wrap .price-group .origin {display: block;width: 100%;flex: none;} #foodTrend .prod-wrap .price-group .sale {font-size: 15px;} #foodTrend .prod-wrap .price-group .sale strong {font-size: 14px;} #foodTrend .prod-wrap .price-group .price {margin: 0 4px 0 0;color:#fff;font-size: 13px} #foodTrend .prod-wrap .price-group .price > .num {font-size: 17px;} #foodTrend .prod-wrap .desc-bottom{text-align: left; margin: 0 0 0;} #gxaRaffle img{ margin-top:-1px; } #gxaRaffle{position: relative;} #gxaRaffle .share-btn-fixed{position: fixed;width:60%;left:50%;bottom:70px;z-index: 2;transform: translateX(-50%);} #gxaRaffle .event_wrap {position:relative;background-color:#0023d4;width:100%;} #gxaRaffle .event_tab {background-color:#121212;} #gxaRaffle .event_tab ul:after {content:''; display:block; clear:both;} #gxaRaffle .event_tab ul li a img.off {display:block;} #gxaRaffle .event_tab ul li a img.on {display:none;} #gxaRaffle .event_tab ul li a.on img.off {display:none;} #gxaRaffle .event_tab ul li a.on img.on {display:block;} #gxaRaffle .event_tab_scroll{background:none;top:0;} #gxaRaffle .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #gxaRaffle .event_tab_wrap{box-sizing: border-box;width:100%;} #gxaRaffle .event_tab_scroll {box-sizing: border-box;width:100%;} #gxaRaffle .giveaway-btn-bg{position: relative;} #gxaRaffle .giveaway-btn{position: absolute;width:80%;top: 35%;right: 11%;} #gxaRaffle .giveaway-btn span{color:#000;font-size:3.6vw;font-weight: 500;position: absolute;right: 20px;top:0;} #gxaRaffle .giveaway-btn .giveaway-btn-text{display:none;} #gxaRaffle .giveaway-btn .giveaway-count{position: absolute;top: 50%;transform: translate(-50% , -50%);right: 15%;color:#FC257F;font-weight: 700;font-size: 5.2vw;} #gxaRaffle .giveaway-btn .default{position: absolute;top:50%;transform:translateY(-50%);right:30px;color:#FC257F;font-weight: 700;} #gxaRaffle .giveaway-item-wrap{padding-bottom:12%;background-image: url("https://file.rankingdak.com/image/event/m/event_gxaRaffle/con01-bg.jpg");background-size:100% 100%;overflow-x: hidden;} #gxaRaffle .giveaway-item-wrap ul li{max-width: 300px;} #gxaRaffle .giveaway-item-wrap .giveaway-item-text-box{background-color:#FE652D;color:white;width:100%;margin:0 auto;padding:10px 0;} #gxaRaffle .giveaway-item-wrap.type2 .giveaway-item-text-box{background-color:#fff;color:#333;width:100%;margin:0 auto;padding:10px 0;border-radius: 10px 10px 0 0;} #gxaRaffle .giveaway-item-wrap [class*="grid-area-"].gap50 > .colum{margin-top:60px} #gxaRaffle .giveaway-item-wrap .giveaway-item-text-box p{font-size: 20px;line-height: 24px;padding-top:4px;} #gxaRaffle .giveaway-item-wrap.type2 .giveaway-item-text-box p{font-size: 18px;font-weight:700;color:#FC257F;line-height: 22px;padding-top:4px;} #gxaRaffle .giveaway-item-wrap .swiper-wrapper button{padding-top:20px;} #gxaRaffle .giveaway-item-wrap .giveaway-item-text-box span{font-size: 16px;} #gxaRaffle .giveaway-item-wrap .giveaway-item-text-box i{font-size: 20px;margin-bottom:4px;font-style: normal;} #gxaRaffle .giveaway-item-wrap.type2 .giveaway-item-text-box i{font-size: 20px;margin-bottom:4px;font-style: normal;} #gxaRaffle .swiper-slide{width:50%;max-width: 300px;} #gxaRaffle .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #E17C5E;margin-top: 33px;border-radius: 2px;} #gxaRaffle .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background:#FFFFFF;border-radius: 10px;left: 0;top: 0;} /* 2312 쿠폰 프로모션 이벤트 */ #couponMarket #event02{} #couponMarket #event02 .prod-wrap{background-image:url('https://file.rankingdak.com/image/event/m/event_couponMarket/con02-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center;padding: 0 30px 30px 30px; box-sizing: border-box;} #couponMarket #event02 .prod-wrap .img{position: relative;} #couponMarket #event02 .prod-wrap .img .done{display: none;} #couponMarket #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #couponMarket #event02 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px;} #couponMarket #event02 .prod-wrap .price-group {display: flex; align-items: center; justify-content: center;} #couponMarket #event02 .prod-wrap .colum{width: 100%; margin-top: 30px;} #couponMarket #event02 .prod-wrap .price {margin: 0 4px 0 0;} #couponMarket #event02 .prod-wrap .desc-bottom{text-align: center; margin: 0 0 0;} #couponMarket #event03 {background-color: #f7f7f7;} #couponMarket #event03 .benefit_list{ box-sizing: border-box; position: relative; z-index: 2;font-size: 0;} #couponMarket #event03 .benefit_list * {font-size: 0; width: 100%;} #dietTip .coupon-wrap {display: flex;align-items: center;justify-content: flex-start;} #dietTip #event02 .prod-wrap{background-image:url('https://file.rankingdak.com/image/event/m/event_dietTip/con01-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietTip #event02 .prod-wrap .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #dietTip #event02 .prod-wrap .img{position: relative; border-radius: 4px;} #dietTip #event02 .prod-wrap .img .done{display: none;} #dietTip #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #dietTip #event02 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px; text-align: left;} #dietTip #event02 .prod-wrap .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #dietTip #event02 .prod-wrap .colum{width: 100%; padding: 0 0 0; margin:30px 0 0 0;} #dietTip #event02 .prod-wrap .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;width: 100%;} #dietTip #event02 .prod-wrap .price {margin: 0 4px 0 0;} #dietTip #event02 .prod-wrap .desc-bottom{text-align: center; margin: 0 0 0;} #dietTip .con01{position: relative;background-image: url("https://file.rankingdak.com/image/event/m/event_dietTip/youtube-bg.jpg");background-size:100% 100%;padding-bottom: 20px;} #dietTip .con01 .youtubeWrap{width: calc(100% - 40px);margin:-1px auto 0;border-radius: 20px;overflow: hidden;} #dietTip .con01 .youtubeWrap .video-wrap{position: relative;padding-top: 56.25%;display: block;} #dietTip .con01 .youtubeWrap .video-wrap > iframe{position: absolute;top: 0;left:0;height: 100% !important;width: 100%;margin-top:-1px;} #dietTip .banner-padding{width:100%;height: 12px;background-color: #E2E4DF;display: block;} #happyProject .coupon-wrap {display: flex;align-items: center;justify-content: center;} #happyProject #event02 .prod-wrap{background-image:url('https://file.rankingdak.com/image/event/m/event_happyProject/con02-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #happyProject #event02 .prod-wrap .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #happyProject #event02 .prod-wrap .img{position: relative; border-radius: 4px;} #happyProject #event02 .prod-wrap .img .done{display: none;} #happyProject #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #happyProject #event02 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px; text-align: left;} #happyProject #event02 .prod-wrap .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #happyProject #event02 .prod-wrap .colum{width: 100%; margin-top: 30px; padding: 0 0 0; margin: 0 0 0;} #happyProject #event02 .prod-wrap .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;width: 100%;} #happyProject #event02 .prod-wrap .price {margin: 0 4px 0 0;} #happyProject #event02 .prod-wrap .desc-bottom{text-align: center; margin: 0 0 0;} #happyProject .prd-item .origin {flex: none;display: block;width: 100%;text-align: left;} #happyProject + .pop{display: none;position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.50);top: 0;left: 0;z-index: 99;} #happyProject + .pop.on {display: block;} #happyProject + .pop .share-wrap {position: fixed; bottom: 0; left: 0; text-align: center;padding: 20px 24px 69px;border-radius: 20px 20px 0px 0px;background: #FFF;width: 100%;z-index: 10116;transform: translateY(100%);transition: transform .3s;} #happyProject + .pop .share-wrap h2 { text-align: center; font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;} #happyProject + .pop .share-wrap ul {display: flex; align-items: center; justify-content: center;margin-top: 30px;gap: 80px;} #happyProject + .pop .share-wrap ul li {width: 40px;text-align: center;} #happyProject + .pop .share-wrap ul li span {display: block; margin-top: 6px;color: #666;font-size: 12px;font-weight: 400;} #happyProject + .pop .share-wrap .pop-close-btn {position: absolute; width: 34px; top: 15px;right: 15px;} #happyProject + .pop.on .share-wrap {transform: translateY(0%);} #happyProject .prd-item .price > .num {font-size: 17px;} #happyProject .prd-item .sale strong {font-size: 15px;} /* 8월 이벤트 페이지*/ #monthlyMuscleDay img{margin-top:-1px;} #monthlyMuscleDay .event_tab {background-color:#1267C4;} #monthlyMuscleDay .event_tab ul:after {content:''; display:block; clear:both;} #monthlyMuscleDay .event_tab ul li a img.off {display:block;} #monthlyMuscleDay .event_tab ul li a img.on {display:none;} #monthlyMuscleDay .event_tab ul li a.on img.off {display:none;} #monthlyMuscleDay .event_tab ul li a.on img.on {display:block;} #monthlyMuscleDay .event_tab_scroll{background-color:#2E8B30;} #monthlyMuscleDay .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #monthlyMuscleDay .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #monthlyMuscleDay .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: calc(100% - 10.7%);background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #monthlyMuscleDay .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #monthlyMuscleDay .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay/con01-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 540px;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #monthlyMuscleDay .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;} #monthlyMuscleDay .event-prod-list{background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay/prod-bg.jpg");background-position: center;background-size: 100% 100%;position: relative;margin-top:-1px;} #monthlyMuscleDay .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #monthlyMuscleDay .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #monthlyMuscleDay .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #monthlyMuscleDay .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #monthlyMuscleDay .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #monthlyMuscleDay .alertbox .information.on{display:block;} #monthlyMuscleDay .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #monthlyMuscleDay .alertbox .information p:first-child{padding-bottom:5px;} #monthlyMuscleDay .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #monthlyMuscleDay .alertbox .title p{font-size: 15px;line-height: 27px;} #monthlyMuscleDay .alertbox .title p.login-check{display:none;} #monthlyMuscleDay .alertbox .title p.login-check.on{display:block;} #monthlyMuscleDay .alertbox .title .del{display:none;} #monthlyMuscleDay .alertbox .alert-button{padding-top:24px;} #monthlyMuscleDay .alertbox .alert-button .del{display:none;} #monthlyMuscleDay .alertbox .alert-button .login-check-btn{display:none;} #monthlyMuscleDay .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #monthlyMuscleDay .time-prod-show-con-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay/time-prod-bg.jpg");background-position: center;background-size: 100% 100%;position: relative;} #monthlyMuscleDay .time-prod-show-con .swiper-wrapper{padding:5% 0;} #monthlyMuscleDay .time-prod-box{position: relative;} #monthlyMuscleDay .time-prod-box .soldView{position: absolute;top:0;left:0;} #monthlyMuscleDay .event-prod-list ul{display: flex;flex-wrap: wrap;} #monthlyMuscleDay .event-prod-list ul li{padding-bottom:15px;} #guerrilla img{margin-top:-1px;} #guerrilla .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #guerrilla .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #guerrilla .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #guerrilla .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:20px;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla/time-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px;} #guerrilla .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 600px;height: 100%;position: relative;} #guerrilla .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #guerrilla .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #guerrilla .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;padding-bottom: 10px;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#fff;font-size: 15px;} #guerrilla .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#fff;font-size: 15px;} #guerrilla .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #guerrilla .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #guerrilla .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #guerrilla .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #guerrilla .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #guerrilla .alertbox .information.on{display:block;} #guerrilla .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #guerrilla .alertbox .information p:first-child{padding-bottom:5px;} #guerrilla .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #guerrilla .alertbox .title p{font-size: 15px;line-height: 27px;} #guerrilla .alertbox .title p.login-check{display:none;} #guerrilla .alertbox .title p.login-check.on{display:block;} #guerrilla .alertbox .title .del{display:none;} #guerrilla .alertbox .alert-button{padding-top:24px;} #guerrilla .alertbox .alert-button .del{display:none;} #guerrilla .alertbox .alert-button .login-check-btn{display:none;} #guerrilla .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #guerrilla #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla/con02-bg.jpg");background-size: 100% 100%;} #guerrilla #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #guerrilla #event02 .prod-bg ul li{display: flex;} #guerrilla #event02 .prod-bg ul li img{margin:unset;} #guerrilla #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #guerrilla #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #guerrilla #event02 .prod-bg ul li .prod .done.soldView{display: block;} #guerrilla #event02 .prod-bg.type2{background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla/type2/con02-bg.jpg");background-size: 100% 100%;} #monthlyMuscleDay2 img{margin-top:-1px;} #monthlyMuscleDay2 .event_tab {background-color:#1267C4;} #monthlyMuscleDay2 .event_tab ul:after {content:''; display:block; clear:both;} #monthlyMuscleDay2 .event_tab ul li a img.off {display:block;} #monthlyMuscleDay2 .event_tab ul li a img.on {display:none;} #monthlyMuscleDay2 .event_tab ul li a.on img.off {display:none;} #monthlyMuscleDay2 .event_tab ul li a.on img.on {display:block;} #monthlyMuscleDay2 .event_tab_scroll{background-color:#E72501;} #monthlyMuscleDay2 .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #monthlyMuscleDay2 .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #monthlyMuscleDay2 .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: calc(100% - 10.7%);background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #monthlyMuscleDay2 .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #monthlyMuscleDay2 .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay2/con01-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 540px;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #monthlyMuscleDay2 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;} #monthlyMuscleDay2 .event-prod-list{background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay2/prod-bg.jpg");background-position: center;background-size: 100% 100%;position: relative;margin-top:-1px;} #monthlyMuscleDay2 .event-prod-list2{background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay2/prod-bg2.jpg");background-position: center;background-size: 100% 100%;position: relative;margin-top:-1px;} #monthlyMuscleDay2 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #monthlyMuscleDay2 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #monthlyMuscleDay2 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #monthlyMuscleDay2 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #monthlyMuscleDay2 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #monthlyMuscleDay2 .alertbox .information.on{display:block;} #monthlyMuscleDay2 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #monthlyMuscleDay2 .alertbox .information p:first-child{padding-bottom:5px;} #monthlyMuscleDay2 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #monthlyMuscleDay2 .alertbox .title p{font-size: 15px;line-height: 27px;} #monthlyMuscleDay2 .alertbox .title p.login-check{display:none;} #monthlyMuscleDay2 .alertbox .title p.login-check.on{display:block;} #monthlyMuscleDay2 .alertbox .title .del{display:none;} #monthlyMuscleDay2 .alertbox .alert-button{padding-top:24px;} #monthlyMuscleDay2 .alertbox .alert-button .del{display:none;} #monthlyMuscleDay2 .alertbox .alert-button .login-check-btn{display:none;} #monthlyMuscleDay2 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #monthlyMuscleDay2 .time-prod-show-con-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay2/time-prod-bg.jpg");background-position: center;background-size: 100% 100%;position: relative;} #monthlyMuscleDay2 .time-prod-show-con .swiper-wrapper{padding:5% 0;} #monthlyMuscleDay2 .time-prod-box{position: relative;} #monthlyMuscleDay2 .time-prod-box .soldView{position: absolute;top:0;left:0;} #monthlyMuscleDay2 .event-prod-list ul{display: flex;flex-wrap: wrap;} #monthlyMuscleDay2 .event-prod-list ul li{padding-bottom:15px;} #monthlyMuscleDay2 .list-renewal{position: relative;} #monthlyMuscleDay2 .list-renewal .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #monthlyMuscleDay2 .list-renewal .done.soldView{display: block;} #amotti img{margin-top:-1px;} #amotti .event-prod-list{display: flex;} #amotti .event-prod-list .prod{position: relative;} #amotti .event-prod-list .prod .done{position: absolute;top:0;left:0;z-index:9999;display: none;} #amotti .event-prod-list .prod .done.soldView{display: block;} #amotti .con02 .event-prod-list{display: flex;flex-wrap: wrap} #amotti .con02 .event-prod-list .prod{width:50%;} #businessTripPt .coupon-wrap {display: flex;align-items: center;justify-content: flex-start;} #businessTripPt #event02 .prod-wrap{background-image:url('https://file.rankingdak.com/image/event/m/event_businessTripPt/con02-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #businessTripPt #event02 .prod-wrap .prd-item-list{background-color: transparent; padding: 0 37px; box-sizing: border-box;margin: 0 0 0px; } #businessTripPt #event02 .prod-wrap .img{position: relative; border-radius: 4px;} #businessTripPt #event02 .prod-wrap .img .done{display: none;} #businessTripPt #event02 .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #businessTripPt #event02 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px; text-align: center;color:#fff;} #businessTripPt #event02 .prod-wrap .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #businessTripPt #event02 .prod-wrap .colum{width: 100%; padding: 0 0 0; margin: 0 0 30px 0;} #businessTripPt #event02 .prod-wrap .prd-item-list {display: flex; flex-direction: column;align-items: center;} #businessTripPt #event02 .prod-wrap .price {margin: 0 4px 0 0;color:#fff;} #businessTripPt #event02 .prod-wrap .desc-bottom{text-align: center; margin: 0 0 0;} #businessTripPt .con01{position: relative;background-image: url("https://file.rankingdak.com/image/event/m/event_businessTripPt/con01-bg.jpg");background-size:100% 100%;} #businessTripPt .con01 .youtubeWrap{width: calc(100% - 50px);margin:-1px auto 0;overflow: hidden;} #businessTripPt .con01 .youtubeWrap .video-wrap{position: relative;padding-top: 56.25%;display: block;} #businessTripPt .con01 .youtubeWrap .video-wrap > iframe{position: absolute;top: 0;left:0;height: 100% !important;width: 100%;margin-top:-1px;} #guerrilla3 img{margin-top:-1px;} #guerrilla3 .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #guerrilla3 .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #guerrilla3 .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #guerrilla3 .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:20px;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla3/time-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod {width: calc(100% - 36px);vertical-align: top;max-width: 600px;height: 100%;position: relative;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-top: 5%;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;padding-bottom: 10px;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;color:#333;font-size: 15px;} #guerrilla3 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#333;font-size: 15px;} #guerrilla3 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #guerrilla3 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #guerrilla3 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #guerrilla3 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #guerrilla3 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #guerrilla3 .alertbox .information.on{display:block;} #guerrilla3 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #guerrilla3 .alertbox .information p:first-child{padding-bottom:5px;} #guerrilla3 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #guerrilla3 .alertbox .title p{font-size: 15px;line-height: 27px;} #guerrilla3 .alertbox .title p.login-check{display:none;} #guerrilla3 .alertbox .title p.login-check.on{display:block;} #guerrilla3 .alertbox .title .del{display:none;} #guerrilla3 .alertbox .alert-button{padding-top:24px;} #guerrilla3 .alertbox .alert-button .del{display:none;} #guerrilla3 .alertbox .alert-button .login-check-btn{display:none;} #guerrilla3 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #guerrilla3 #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla3/con02-bg.jpg");background-size: 100% 100%;} #guerrilla3 #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #guerrilla3 #event02 .prod-bg ul li{display: flex;} #guerrilla3 #event02 .prod-bg ul li img{margin:unset;} #guerrilla3 #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #guerrilla3 #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #guerrilla3 #event02 .prod-bg ul li .prod .done.soldView{display: block;} #monthlyMuscleDay3 img{margin-top:-1px;} #monthlyMuscleDay3 .event_wrap{position:relative;width:100%;} #monthlyMuscleDay3 .event_tab {background-color:#FF6833;} #monthlyMuscleDay3 .event_tab ul:after {content:''; display:block; clear:both;} #monthlyMuscleDay3 .event_tab ul li a img.off {display:block;} #monthlyMuscleDay3 .event_tab ul li a img.on {display:none;} #monthlyMuscleDay3 .event_tab ul li a.on img.off {display:none;} #monthlyMuscleDay3 .event_tab ul li a.on img.on {display:block;} #monthlyMuscleDay3 .event_tab_scroll{background-color:#FF6833;} #monthlyMuscleDay3 .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #monthlyMuscleDay3 .prod-list-bg1{background-image:url('https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay3/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #monthlyMuscleDay3 .prod-list-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay3/con02-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #monthlyMuscleDay3 .prod-wrap .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #monthlyMuscleDay3 .prod-wrap .img{position: relative; border-radius: 4px;} #monthlyMuscleDay3 .prod-wrap .img .done{display: none;} #monthlyMuscleDay3 .prod-wrap .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #monthlyMuscleDay3 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px; text-align: left;} #monthlyMuscleDay3 .prod-wrap .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #monthlyMuscleDay3 .prod-wrap .colum{width: 100%; padding: 0 0 0; margin:20px 0 0 0;} #monthlyMuscleDay3 .prod-wrap .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #monthlyMuscleDay3 .prod-wrap .price {margin: 0 4px 0 0;} #monthlyMuscleDay3 .prod-wrap .desc-bottom{ margin: 0 0 0;text-align: left;} #monthlyMuscleDay3 .prd-item .price > .num {font-size: 17px;} #monthlyMuscleDay3 .prd-item .sale strong {font-size: 15px;} /* 12월 연말결산 이벤트 */ .welcomeBack img{margin-top:-1px;} .welcomeBack .event_tab {background-color: #005373;} .welcomeBack .event_tab ul:after {content:''; display:block; clear:both;} .welcomeBack .event_tab ul li a img.off {display:block;} .welcomeBack .event_tab ul li a img.on {display:none;} .welcomeBack .event_tab ul li a.on img.off {display:none;} .welcomeBack .event_tab ul li a.on img.on {display:block;} .welcomeBack .event_tab_scroll{background:#005373;top:0;} .welcomeBack .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .welcomeBack .prod-tab{ background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/bg-nav.png") no-repeat center top/cover;} .welcomeBack .prod-tab ul {display: flex;gap: 11px;align-items: center;justify-content: center;max-width: 520px;margin: 0 auto; width: 82%;} .welcomeBack .toggle-all {background:#f24893; } .welcomeBack .toggle-all .off{display: none;} .welcomeBack .toggle-content {display: none;} .welcomeBack .toggle-content.active {display: block;} .welcomeBack .prod-wrap .img{position: relative;} .welcomeBack .prod-wrap .img .done{display: none;} .welcomeBack .prod-wrap .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .welcomeBack .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 14px 0 8px;} .welcomeBack .prod-wrap .price-group {display: flex; align-items: center; justify-content: flex-start;} .welcomeBack .prod-wrap .price {margin: 0 4px 0 0;} .welcomeBack .prod-wrap .desc-bottom{text-align: left; margin: 0 0 0;} .welcomeBack .radio-bg {background-image:url('https://file.rankingdak.com/image/event/m/event_welcomeBack/con03-bgv2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} .welcomeBack .radio-all {width: calc(100% - 18.9%); padding:20px;margin:0 auto;background: none;} .welcomeBack .radio-all p {margin-bottom: 15px;font-size:16px;font-weight: 400;line-height: 1; text-align: left;display: flex; align-items: center; justify-content: start;} .welcomeBack .radio-all p em {font-weight: 400} .welcomeBack .radio-all p i{display: inline-block; width: 16px; height: 16px; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/icon-cs.svg") no-repeat center/100%;margin-right: 2px;} .welcomeBack .radio-all ul {border-radius: 15px;border: 1px solid #333; display: flex; flex-flow: column; overflow: hidden;} .welcomeBack .radio-all ul li{text-align: left;font-size: 0; height: 46px;} .welcomeBack .radio-all ul li:first-of-type {font-weight: 700; font-size: 19px;padding: 10px 20px; display: flex; align-items: center;justify-content: space-between;border-bottom: 1px solid #333;} .welcomeBack .radio-all ul li .refreshButton {width: 24px; height: 24px;font-size: 0;} .welcomeBack .radio-all ul li .refreshButton i {display: inline-block; width: 100%; height: 100%; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/refreshButton.png") no-repeat center/100%;} .welcomeBack .radio-all ul li input[type="checkbox"] {font-size: 0;width: 0;height: 0;overflow: hidden;text-indent: -9999px;} .welcomeBack .radio-all ul li input + label {padding: 1rem 15px; color: #333;font-size: 16px;font-weight: 400;display: flex;align-items: center;justify-content: start;background: #EFEFEF;height: 46px;} .welcomeBack .radio-all ul li input + label::before { margin-right: 4px; content: ''; display: inline-block; width: 16px; height: 16px; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/2023check-off.png") no-repeat center/100%; transition: background .2s;} .welcomeBack .radio-all ul li input:checked + label {background: #fff;} .welcomeBack .radio-all ul li input:checked + label::before {background: url("https://file.rankingdak.com/image/event/m/event_goodbye2023/2023check-on.png") no-repeat center/100%; } .welcomeBack .radio-all > a {display: block; margin-top:15px;} .welcomeBack#welcomeBack .event_tab_scroll {background: #005373;} .welcomeBack#welcomeBack .prod-wrap-bg {width: 100%;margin: 0 auto;padding: 30px 20px 0 20px;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_welcomeBack/prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} @media screen and (max-width: 450px) { .welcomeBack .toggle-all .off{display: block;} } @media screen and (max-width: 380px) { .welcomeBack .radio-all{padding: 16px;} .welcomeBack .radio-all ul li, .welcomeBack .radio-all ul li input + label{height: 3.2rem} } @media screen and (max-width: 350px) { .welcomeBack .radio-all {padding: 14px;} .welcomeBack .radio-all p {margin-bottom: 10px;} .welcomeBack .radio-all ul li:first-of-type {font-size: 17px;} .welcomeBack .radio-all ul li, .welcomeBack .radio-all ul li input + label{height: 3rem;} .welcomeBack .radio-all ul li input + label { font-size: 14px;} } @media screen and (max-width: 300px) { .welcomeBack .radio-all{width: calc(100% - 10%); } .welcomeBack #event03 > img {margin: 0 -15px;width: calc(100% + 30px);} } #priceStability img{margin-top:-1px;} #priceStability .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #priceStability .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #priceStability .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #priceStability .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:20px;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_priceStability/con01-bg.jpg");background-position: center;padding:30px 37px;background-size: 100% 100%;position: relative;margin-top:-1px;} #priceStability .time-deal-prod-wrap > .time-deal-prod {width: calc(50% - 10px);vertical-align: top;max-width: 600px;height: 100%;position: relative;} #priceStability .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #priceStability .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #priceStability .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #priceStability .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #priceStability .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #priceStability .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #priceStability .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #priceStability .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:5px 0 6px 0;color:#333;font-size: 14px;text-align: left;} #priceStability .time-deal-prod-wrap > .time-deal-prod .prd-item{display: flex;flex-wrap:wrap;text-align: left;align-items: center;gap:0 4px;} #priceStability .time-deal-prod-wrap > .time-deal-prod .prd-item .sale{padding:0;} /*#priceStability .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#333;font-size: 15px;}*/ #priceStability .day-prod{background-image: url("https://file.rankingdak.com/image/event/m/event_priceStability/con02-bg.jpg");background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;margin-top:-1px;} #priceStability .day-prod ul{display: flex;flex-direction: column;padding:1px;} #priceStability .day-prod ul li div{position: relative;} #priceStability .day-prod ul li div>div.done{display:none;} #priceStability .day-prod ul li div>div.done.soldView{display: block;position: absolute;top:0;left:0;z-index: 2;} #priceStability .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #priceStability .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #priceStability .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #priceStability .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #priceStability .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #priceStability .alertbox .information.on{display:block;} #priceStability .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #priceStability .alertbox .information p:first-child{padding-bottom:5px;} #priceStability .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #priceStability .alertbox .title p{font-size: 15px;line-height: 27px;} #priceStability .alertbox .title p.login-check{display:none;} #priceStability .alertbox .title p.login-check.on{display:block;} #priceStability .alertbox .title .del{display:none;} #priceStability .alertbox .alert-button{padding-top:24px;} #priceStability .alertbox .alert-button .del{display:none;} #priceStability .alertbox .alert-button .login-check-btn{display:none;} #priceStability .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #priceStability #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla/con02-bg.jpg");background-size: 100% 100%;} #priceStability #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #priceStability #event02 .prod-bg ul li{display: flex;} #priceStability #event02 .prod-bg ul li img{margin:unset;} #priceStability #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #priceStability #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #priceStability #event02 .prod-bg ul li .prod .done.soldView{display: block;} #priceStability #event02 .prod-bg.type2{background-image: url("https://file.rankingdak.com/image/event/m/event_guerrilla/type2/con02-bg.jpg");background-size: 100% 100%;} #monthlyMuscleTimeDeal img{margin-top:-1px;} #monthlyMuscleTimeDeal .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #monthlyMuscleTimeDeal .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #monthlyMuscleTimeDeal .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #monthlyMuscleTimeDeal .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleTimeDeal/time-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999;vertical-align: middle; text-decoration:line-through;} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .prd-item {} #monthlyMuscleTimeDeal .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #monthlyMuscleTimeDeal .day-prod ul li div {position: relative;} #monthlyMuscleTimeDeal .day-prod ul li div>div.done {display: none;} #monthlyMuscleTimeDeal .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #monthlyMuscleTimeDeal .prod-wrap-bg{width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_monthlyMuscleTimeDeal/con02-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #monthlyMuscleTimeDeal .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_monthlyMuscleTimeDeal/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #monthlyMuscleTimeDeal .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #monthlyMuscleTimeDeal .prod-wrap-bg .img{position: relative; border-radius: 4px;} #monthlyMuscleTimeDeal .prod-wrap-bg .img .done{display: none;} #monthlyMuscleTimeDeal .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #monthlyMuscleTimeDeal .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #monthlyMuscleTimeDeal .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #monthlyMuscleTimeDeal .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #monthlyMuscleTimeDeal .prod-wrap-bg .price {margin: 0 4px 0 0;} #monthlyMuscleTimeDeal .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #monthlyMuscleTimeDeal .prd-item .price > .num {font-size: 17px;} #monthlyMuscleTimeDeal .prd-item .sale strong {font-size: 15px;} #monthlyMuscleTimeDeal .prod-default-list {padding:8% 5%; padding-bottom: 10px;} #monthlyMuscleTimeDeal .prod-default-list > li {width: 41.4%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #monthlyMuscleTimeDeal .prod-default-list > li:nth-child(2n) {margin-left:0;} #monthlyMuscleTimeDeal .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #monthlyMuscleTimeDeal .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #monthlyMuscleTimeDeal .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #monthlyMuscleTimeDeal .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #monthlyMuscleTimeDeal .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #monthlyMuscleTimeDeal .alertbox .information.on{display:block;} #monthlyMuscleTimeDeal .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #monthlyMuscleTimeDeal .alertbox .information p:first-child{padding-bottom:5px;} #monthlyMuscleTimeDeal .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #monthlyMuscleTimeDeal .alertbox .title p{font-size: 15px;line-height: 27px;} #monthlyMuscleTimeDeal .alertbox .title p.login-check{display:none;} #monthlyMuscleTimeDeal .alertbox .title p.login-check.on{display:block;} #monthlyMuscleTimeDeal .alertbox .title .del{display:none;} #monthlyMuscleTimeDeal .alertbox .alert-button{padding-top:24px;} #monthlyMuscleTimeDeal .alertbox .alert-button .del{display:none;} #monthlyMuscleTimeDeal .alertbox .alert-button .login-check-btn{display:none;} #monthlyMuscleTimeDeal .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #monthlyMuscleTimeDeal #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_monthlyMuscleTimeDeal/con02-bg.jpg");background-size: 100% 100%;} #monthlyMuscleTimeDeal #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #monthlyMuscleTimeDeal #event02 .prod-bg ul li{display: flex;} #monthlyMuscleTimeDeal #event02 .prod-bg ul li img{margin:unset;} #monthlyMuscleTimeDeal #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #monthlyMuscleTimeDeal #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #monthlyMuscleTimeDeal #event02 .prod-bg ul li .prod .done.soldView{display: block;} #monthlyMuscleDay4 img{margin-top:-1px;} #monthlyMuscleDay4 .event_wrap{position:relative;width:100%;} #monthlyMuscleDay4 .event_tab {background-color:#FF6833;} #monthlyMuscleDay4 .event_tab ul:after {content:''; display:block; clear:both;} #monthlyMuscleDay4 .event_tab ul li a img.off {display:block;} #monthlyMuscleDay4 .event_tab ul li a img.on {display:none;} #monthlyMuscleDay4 .event_tab ul li a.on img.off {display:none;} #monthlyMuscleDay4 .event_tab ul li a.on img.on {display:block;} #monthlyMuscleDay4 .event_tab_scroll{background-color:#FF6833;} #monthlyMuscleDay4 .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #monthlyMuscleDay4 .prod-list-bg1{background-image:url('https://file.rankingdak.com/image/event/m/event_monthlyMuscleDay4/con02-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #monthlyMuscleDay4 .prod-wrap .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #monthlyMuscleDay4 .prod-wrap .img{position: relative; border-radius: 4px;} #monthlyMuscleDay4 .prod-wrap .img .done{display: none;} #monthlyMuscleDay4 .prod-wrap .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #monthlyMuscleDay4 .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 5px 0 6px; text-align: left;} #monthlyMuscleDay4 .prod-wrap .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #monthlyMuscleDay4 .prod-wrap .colum{width: 100%; padding: 0 0 0; margin:20px 0 0 0;} #monthlyMuscleDay4 .prod-wrap .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #monthlyMuscleDay4 .prod-wrap .price {margin: 0 4px 0 0;} #monthlyMuscleDay4 .prod-wrap .desc-bottom{ margin: 0 0 0;text-align: left;} #monthlyMuscleDay4 .prd-item .price > .num {font-size: 17px;} #monthlyMuscleDay4 .prd-item .sale strong {font-size: 15px;} #monthlyMuscleDay4 .entry{position: relative;background-color: #FFDB8A;} #monthlyMuscleDay4 .entry .inner{border-radius: 30px;overflow: hidden;display: flex;margin:0 auto;justify-content: center;} #monthlyMuscleDay4 .entry .left-box{width: calc(50% - 32px);background-color: #ff7800;display: flex;padding:12px 0;justify-content: center;align-items: center;border-bottom-left-radius: 15px;border-top-left-radius: 15px;} #monthlyMuscleDay4 .entry .left-box p{color:#fff;font-size: 20px;font-weight: 400;} #monthlyMuscleDay4 .entry .right-box{width: calc(50% - 32px);background-color: #FFFACE;display: flex;padding:12px 0;border-bottom-right-radius: 15px;border-top-right-radius: 15px;justify-content: center;align-items: center;} #monthlyMuscleDay4 .entry .right-box button p{color:#FD7801;font-size: 20px;font-weight: 700;} #monthlyMuscleDay4 .entry .right-box strong{color:#FD7801;font-size: 22px;font-weight: 700;} #monthlyMuscleDay4 .entry-btn-wrap ul li{position: relative;} #monthlyMuscleDay4 .entry-btn-wrap ul li .btn-position{position: absolute;width:28%;max-width: 196px;left:8%;bottom:13%;} #monthlyMuscleDay4 .entry .right-box button p i{vertical-align: top;width:20px;height: 20px;margin-top:4px;} #monthlyMuscleDay4 #event03 .entry-bg {background:#FEDD8B;} #monthlyMuscleDay4 .time-deal-prod-wrap .price-group .sale {} #priceStability2 img{margin-top:-1px;} #priceStability2 .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #priceStability2 .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #priceStability2 .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #priceStability2 .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:20px;flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_priceStability2/con01-bg.jpg");background-position: center;padding:30px 37px;background-size: 100% 100%;position: relative;margin-top:-1px;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod {width: calc(50% - 10px);vertical-align: top;max-width: 600px;height: 100%;position: relative;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 540px;position: relative;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:5px 0 6px 0;color:#333;font-size: 14px;text-align: left;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .prd-item{display: flex;flex-wrap:wrap;text-align: left;align-items: center;gap:0 4px;} #priceStability2 .time-deal-prod-wrap > .time-deal-prod .prd-item .sale{padding:0;} /*#priceStability2 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span{color:#333;font-size: 15px;}*/ #priceStability2 .day-prod{background-image: url("https://file.rankingdak.com/image/event/m/event_priceStability2/con02-bg.jpg");background-position: center;padding:0 5%;background-size: 100% 100%;position: relative;margin-top:-1px;} #priceStability2 .day-prod ul{display: flex;flex-direction: column;} #priceStability2 .day-prod ul li div{position: relative;} #priceStability2 .day-prod ul li div>div.done{display:none;} #priceStability2 .day-prod ul li div>div.done.soldView{display: block;position: absolute;top:0;left:0;z-index: 2;} #priceStability2 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #priceStability2 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #priceStability2 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #priceStability2 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #priceStability2 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #priceStability2 .alertbox .information.on{display:block;} #priceStability2 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #priceStability2 .alertbox .information p:first-child{padding-bottom:5px;} #priceStability2 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #priceStability2 .alertbox .title p{font-size: 15px;line-height: 27px;} #priceStability2 .alertbox .title p.login-check{display:none;} #priceStability2 .alertbox .title p.login-check.on{display:block;} #priceStability2 .alertbox .title .del{display:none;} #priceStability2 .alertbox .alert-button{padding-top:24px;} #priceStability2 .alertbox .alert-button .del{display:none;} #priceStability2 .alertbox .alert-button .login-check-btn{display:none;} #priceStability2 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #priceStability2 #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_priceStability2/con02-bg.jpg");background-size: 100% 100%;} #priceStability2 #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #priceStability2 #event02 .prod-bg ul li{display: flex;} #priceStability2 #event02 .prod-bg ul li img{margin:unset;} #priceStability2 #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #priceStability2 #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #priceStability2 #event02 .prod-bg ul li .prod .done.soldView{display: block;} #priceStability2 #event02 .prod-bg.type2{background-image: url("https://file.rankingdak.com/image/event/m/event_priceStability2/type2/con02-bg.jpg");background-size: 100% 100%;} .twelfthAnniversary{overflow: hidden;} .twelfthAnniversary .event-gif1{position: absolute;width:53.335%;top:9.85%;left:10px;} .twelfthAnniversary .event_wrap {position:relative;background-color:#0023d4;width:100%;} .twelfthAnniversary .event_tab {background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/tab_bg.png");background-size: contain;background-position: center;} .twelfthAnniversary .event_tab ul:after {content:''; display:block; clear:both;} .twelfthAnniversary .event_tab ul li a img.off {display:block;} .twelfthAnniversary .event_tab ul li a img.on {display:none;} .twelfthAnniversary .event_tab ul li a.on img.off {display:none;} .twelfthAnniversary .event_tab ul li a.on img.on {display:block;} .twelfthAnniversary .event_tab_scroll{background:none;top:0;} .twelfthAnniversary .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .twelfthAnniversary .event_tab_wrap{box-sizing: border-box;width:100%;} .twelfthAnniversary .event_tab_scroll {box-sizing: border-box;width:100%;} .twelfthAnniversary .discount-coupon-img{position: relative;} .twelfthAnniversary .discount-coupon-img .con01-gif{position: absolute;left:0;top:0;} .twelfthAnniversary .discount-coupon-img .con01-gif.type2{position: absolute;left:0;top:-15.959%;} .twelfthAnniversary .ten-plus-ten-prod-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/con02-bg.jpg");background-position: center;padding:0 5%;background-size: 100% 100%; padding-bottom: 8%;} .twelfthAnniversary .ten-plus-ten-prod-wrap2 {background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/con02-bg2.jpg");background-position: center;padding:0 5%;background-size: 100% 100%; padding-bottom: 8%;} .twelfthAnniversary .ten-plus-ten-prod-wrap3 {background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/con02-bg3.jpg");background-position: center;padding:0 5%;background-size: 100% 100%; padding-bottom: 8%;} .twelfthAnniversary .ten-plus-ten-prod-wrap.type2{background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/type2/type2-con02-bg.jpg");background-position: center;padding:8% 4.668%;background-size: 100% 100%;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list {width: 100%;box-sizing: border-box;padding: 9% 4.67%;display: flex;flex-wrap: wrap;justify-content: center; background-color: #13B6DF; border-radius: 20px; padding-bottom: 4%;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list > li {width: calc(50% - 10px);vertical-align: top;padding-bottom: 20px;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list > li:nth-child(2n) {margin-left:17px;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list li .done{display:none;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list li .done.soldView{display: block;position: absolute;top:0;cursor: default;z-index: 5;border-radius: 6px;overflow: hidden;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list .price-group{display: flex;flex-wrap:wrap;color:#fff;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list .prd-item .sale{color:#DEFF67;} .twelfthAnniversary .ten-plus-ten-prod-wrap .img{border-radius: 6px;overflow: hidden;} .twelfthAnniversary .prd-item .origin {display: block; width:100%; color: #666;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list2 {background-color: #07AAEE; border-radius: 20px;} .twelfthAnniversary .ten-plus-ten-prod-wrap .prod-default-list3 {background-color: #32CBA5; border-radius: 20px;} .twelfthAnniversary .prd-item .tit{font-size: 14px;color:#fff;} .twelfthAnniversary .time-deal-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/timedeal-bg.png");background-size: cover;background-position: center;padding:0 2.1% 8% 2.1%;background-size: 100% 100%;position: relative;} .twelfthAnniversary .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;} .twelfthAnniversary .time-deal-dimd.dimd{display:block;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%;max-width: 625px;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } .twelfthAnniversary .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } .twelfthAnniversary .time-deal-prod-wrap {width: 100%;box-sizing: border-box;padding: 0px 10px 0;display: flex;flex-wrap: wrap;justify-content: center;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod {width: calc(50% - 10px);vertical-align: top;max-width: 280px;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod:nth-child(2n) {margin-left: 17px;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 280px;position: relative;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{border-radius: 50%;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all;} .twelfthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title p {padding:14px 0 6px 0;} .twelfthAnniversary .time-deal-prod-wrap .ten-plus-icon{max-width: 92px;position: absolute;top:0;right: 0;width: 33%;} .twelfthAnniversary .giveaway-btn-bg{padding-bottom:8%;padding-top: 2.668%;} .twelfthAnniversary .giveaway-btn{position: relative;width:80%;} .twelfthAnniversary .giveaway-btn span{color:#000;font-size:3.6vw;font-weight: 500;position: absolute;right: 20px;top:0;} .twelfthAnniversary .giveaway-btn .giveaway-btn-text{display:none;} .twelfthAnniversary .giveaway-btn .giveaway-count{position: absolute;top:50%;transform:translateY(-50%);right:30px;} .twelfthAnniversary .giveaway-btn .default{position: absolute;top:50%;transform:translateY(-50%);right:30px;} .twelfthAnniversary .giveaway-item-wrap{background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/con03-bg.jpg");background-position: center;background-size: 100% 100%;padding-bottom:5.334%} .twelfthAnniversary .giveaway-item-wrap {background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/con03-bg2.jpg");background-position: center;background-size: 100% 100%;padding-bottom:5.334%} .twelfthAnniversary .giveaway-item-wrap ul li{max-width: 300px;} .twelfthAnniversary .giveaway-item-wrap .giveaway-item-text-box{background-color:#FE652D;color:white;width:100%;margin:0 auto;padding:10px 0;} .twelfthAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box{background-color:#7B00FF;color:white;width:100%;margin:0 auto;padding:10px 0;} .twelfthAnniversary .giveaway-item-wrap [class*="grid-area-"].gap50 > .colum{margin-top:60px} .twelfthAnniversary .giveaway-item-wrap .giveaway-item-text-box p{font-size: 20px;line-height: 24px;padding-top:4px;} .twelfthAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box p{font-size: 18px;line-height: 22px;padding-top:4px;} .twelfthAnniversary .giveaway-item-wrap .giveaway-item-text-box span{font-size: 16px;} .twelfthAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box span{font-size: 14px;} .twelfthAnniversary .giveaway-item-wrap .giveaway-item-text-box i{font-size: 20px;margin-bottom:4px;font-style: normal;} .twelfthAnniversary .giveaway-item-wrap.type2 .giveaway-item-text-box i{font-size: 18px;margin-bottom:4px;font-style: normal;} .twelfthAnniversary .discount-prod-wrap .prod-default-list{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/discount-prod-bg.png");background-position: center;background-size: 100% 100%;justify-content: center;} .twelfthAnniversary .discount-prod-wrap .prod-default-list li{max-width: 46%;} .twelfthAnniversary .discount-prod-wrap .prod-default-list li .done{display:none;} .twelfthAnniversary .discount-prod-wrap .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;border-radius: 6px;overflow: hidden;} .twelfthAnniversary .discount-prod-wrap .salebox{background-color:#FF773B;border-radius: 21px;padding:5px 10px;text-align: center;position: absolute;top:10px;right: 10px;color:#ffffff;font-weight: 700;} .twelfthAnniversary .orange-prod-img{background-image: url("https://file.rankingdak.com/image/event/m/event_tenth/orange-prod-bg.png");background-position: center;background-size: 100% 100%;} .twelfthAnniversary .orange-prod-img .prod-default-list{padding-bottom:41px;} .twelfthAnniversary .orange-prod-img .prod-default-list li{position: relative} .twelfthAnniversary .orange-prod-img .prod-default-list li .orange-icon{position: absolute;top:5.46%;right: 5.69%;max-width: 100px;width:28.5%;} .twelfthAnniversary .orange-prod-img .prod-default-list li .done{display:none;} .twelfthAnniversary .orange-prod-img .prod-default-list li .done.soldView{display:block;position: absolute;top:0;z-index: 5;cursor: default;} .twelfthAnniversary .swiper-slide{width:50%;max-width: 300px;} .twelfthAnniversary .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #E17C5E;margin-top: 33px;border-radius: 2px;} .twelfthAnniversary.type2 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: #D7CDE0;margin-top: 33px;border-radius: 2px;} .twelfthAnniversary.type2 .giveaway-item-wrap.type2 .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: relative;height: 5px;width: calc(100% - 30px);margin: 0 auto;background-color: rgba(255,255,255,0.5);margin-top: 33px;border-radius: 2px;} .twelfthAnniversary .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background:#FFFFFF;border-radius: 10px;left: 0;top: 0;} .twelfthAnniversary #event03{overflow-x: hidden;} .twelfthAnniversary .con04-box{position: relative;} .twelfthAnniversary .event-gif2{position: absolute;bottom:13.435%;left:10px;width:37.335%} .twelfthAnniversary .con04-box .history{width: calc(100% - 9.33%);height: 74%;background-color: black;margin: 0 auto;position: absolute;left: 4.668%;top: 0;overflow-x: scroll;} .twelfthAnniversary .con04-box .history .map{width:calc(100% + 300%);height:100%;background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/history.jpg");background-size:100% 100%;} .twelfthAnniversary .con04-box .history.type2 .map{width:calc(100% + 300%);height:100%;background-image: url("https://file.rankingdak.com/image/event/m/event_twelfthAnniversary/type2/type2-history.jpg");background-size:100% 100%;} .twelfthAnniversary .giveaway {position: relative;} .twelfthAnniversary .giveaway .entry-bg .entry .inner {width: 74.67%;margin: 0 auto;height: 16%;border-radius: 37.5px;background: #01037E;padding: 2.4% 8%;position: absolute;left: 50%;transform: translate(-50%);top: 73%;} .twelfthAnniversary .entry .ticket-box .left-box p {color: #3BDEFF;font-size: 5.34vw;line-height:5.34vw; font-weight: 500; font-family: "Gmarket Sans";} .twelfthAnniversary .entry .ticket-box p {color: #3BDEFF;font-size: 5.34vw;line-height:5.34vw; font-weight: 500; font-family: "Gmarket Sans";} @font-face { font-family: 'Gmarket Sans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } .twelfthAnniversary .entry .ticket-box .login-btn-event p {color: #3BDEFF;font-size: 5.34vw;line-height:5.34vw; font-weight: 400; font-family: "Gmarket Sans";} .twelfthAnniversary .entry .left-box, .right-box {display: inline-block;} .twelfthAnniversary .entry .left-box span {display: inline-block; padding:0 10px;} .twelfthAnniversary .entry .ticket-box #rTicketCnt {color: #FFF;font-size: 5.34vw;font-weight: 500;line-height:5.34vw; margin-left:8px;} .twelfthAnniversary .entry .ticket-box .count-ticket {color: #FFF;font-size: 5.34vw;font-weight: 500;line-height:5.34vw;} .twelfthAnniversary .entry .ticket-box {display:-webkit-inline-box; display: inline-box;} .twelfthAnniversary #event02 .frame-full {background-color:#7FE4F0;} .twelfthAnniversary #main {background:#6BD7FC;} /* 탄단지 */ #cpfRanking .top-main {background-color:#5CDAFF;} #cpfRanking .event_tab ul:after {content:''; display:block; clear:both;} #cpfRanking .event_tab ul li a img.off {display:block;} #cpfRanking .event_tab ul li a img.on {display:none;} #cpfRanking .event_tab ul li a.on img.off {display:none;} #cpfRanking .event_tab ul li a.on img.on {display:block;} #cpfRanking .event_tab_scroll{background:none;top:0;} #cpfRanking .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #cpfRanking .event_tab_wrap{box-sizing: border-box;width:100%;} #cpfRanking .event_tab_scroll {box-sizing: border-box;width:100%;} #cpfRanking #event01 .event01_con {background-image: url(https://file.rankingdak.com/image/event/m/event_cpfRanking/con01-bg.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #cpfRanking #event01 .event02_con {background-image: url(https://file.rankingdak.com/image/event/m/event_cpfRanking/con02-bg.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #cpfRanking #event01 .event03_con {background-image: url(https://file.rankingdak.com/image/event/m/event_cpfRanking/con03-bg.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #cpfRanking #event01 .prod-wrap {padding:0;box-sizing: border-box;} #cpfRanking #event01 .event03_con .prod-wrap ul li.colum:last-child {padding-bottom: 30px;} #cpfRanking .prod-default-list{padding:30px 40px;} #cpfRanking #event02 .prod-default-list{padding:30px 40px 20px;} #cpfRanking .prod-wrap{ box-sizing: border-box;} #cpfRanking .prod-wrap .img{position: relative;border-radius: 4px;overflow: hidden;} #cpfRanking .prod-wrap .img .done{display: none;} #cpfRanking .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #cpfRanking .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 10px 0 6px;color:#333;} #cpfRanking .prod-wrap .price-group {display: flex; align-items: center; justify-content: start;flex-wrap: wrap;gap: 4px 0;} #cpfRanking .prod-wrap .price-group .origin {display: block;width: 100%;flex: none;} #cpfRanking .prod-wrap .price-group .sale {font-size: 15px;} #cpfRanking .prod-wrap .price-group .sale strong {font-size: 14px;} #cpfRanking .prod-wrap .price-group .price {margin: 0 4px 0 0;color:#333;font-size: 13px} #cpfRanking .prod-wrap .price-group .price > .num {font-size: 17px;} #cpfRanking .prod-wrap .desc-bottom{text-align: left; margin: 0 0 0;} #cpfRanking #event02 .event01_con {background-image: url(https://file.rankingdak.com/image/event/m/event_cpfRanking/event02-cont1.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #cpfRanking #event02 .event02_con {background-image: url(https://file.rankingdak.com/image/event/m/event_cpfRanking/event02-cont2.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #cpfRanking #event02 .event01_con .prod-wrap ul li.colum:last-child {padding-bottom: 30px;} #cpfRanking #event02 .event02_con .prod-wrap ul li.colum:last-child {padding-bottom: 30px;} /* 식단솔루션 */ #dietSolution .top-main {background-color:#0F5133;} #dietSolution .event_tab ul:after {content:''; display:block; clear:both;} #dietSolution .event_tab ul li a img.off {display:block;} #dietSolution .event_tab ul li a img.on {display:none;} #dietSolution .event_tab ul li a.on img.off {display:none;} #dietSolution .event_tab ul li a.on img.on {display:block;} #dietSolution .event_tab_scroll{background:none;top:0;} #dietSolution .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #dietSolution .event_tab_wrap{box-sizing: border-box;width:100%;} #dietSolution .event_tab_scroll {box-sizing: border-box;width:100%;} #dietSolution #event01 .event01_con {background-image: url(https://file.rankingdak.com/image/event/m/event_dietSolution/con01-bg.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #dietSolution #event01 .event02_con {background-image: url(https://file.rankingdak.com/image/event/m/event_dietSolution/con02-bg.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #dietSolution #event01 .event03_con {background-image: url(https://file.rankingdak.com/image/event/m/event_dietSolution/con03-bg.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #dietSolution #event01 .prod-wrap {padding:0;box-sizing: border-box;} #dietSolution #event01 .event03_con .prod-wrap ul li.colum:last-child {padding-bottom: 30px;} #dietSolution .prod-default-list{padding:30px 40px;} #dietSolution #event02 .prod-default-list{padding:30px 40px 20px;} #dietSolution .prod-wrap{ box-sizing: border-box;} #dietSolution .prod-wrap .img{position: relative;border-radius: 4px;overflow: hidden;} #dietSolution .prod-wrap .img .done{display: none;} #dietSolution .prod-wrap .img .soldView{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} #dietSolution .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 10px 0 6px;color:#333;} #dietSolution .prod-wrap .price-group {display: flex; align-items: center; justify-content: start;flex-wrap: wrap;gap: 4px 0;} #dietSolution .prod-wrap .price-group .origin {display: block;width: 100%;flex: none;} #dietSolution .prod-wrap .price-group .sale {font-size: 15px;} #dietSolution .prod-wrap .price-group .sale strong {font-size: 14px;} #dietSolution .prod-wrap .price-group .price {margin: 0 4px 0 0;color:#333;font-size: 13px} #dietSolution .prod-wrap .price-group .price > .num {font-size: 17px;} #dietSolution .prod-wrap .desc-bottom{text-align: left; margin: 0 0 0;} #dietSolution #event02 .event01_con {background-image: url(https://file.rankingdak.com/image/event/m/event_dietSolution/event02-cont1.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #dietSolution #event02 .event02_con {background-image: url(https://file.rankingdak.com/image/event/m/event_dietSolution/event02-cont2.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #dietSolution #event02 .event03_con {background-image: url(https://file.rankingdak.com/image/event/m/event_dietSolution/event02-cont3.jpg);background-repeat: no-repeat;background-size:100% 100%;background-position: top;} #dietSolution #event02 .event01_con .prod-wrap ul li.colum:last-child {padding-bottom: 30px;} #dietSolution #event02 .event02_con .prod-wrap ul li.colum:last-child {padding-bottom: 30px;} #dietSolution #event02 .event02-banner2 {position: relative;} #dietSolution #event02 .event02-banner2 .playStore-btn {width: 27%;display: inline-block;height: 27%;top: 20%;position: absolute;left: 66%;} #dietSolution #event02 .event02-banner2 .ios-btn {width: 27%;display: inline-block;height: 27%;top: 53%;position: absolute;left: 66%;} #healthyDiet .prod-wrap .tit {font-size: 14px;line-height: 16px;margin: 10px 0 6px;color: #333;} #healthyDiet.healthyDiet .product-area ul li.pdt-view {position: relative;} #healthyDiet.healthyDiet .prod-default-list {position: absolute;top: 2.3%;width: 37.34%;left: 9.5%; padding:0;} #healthyDiet.healthyDiet .prod-default-list > li {width:initial; text-align: left;} #healthyDiet .prod-wrap .img .done.soldView {position: absolute; display: block;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} #healthyDiet .prod-wrap .img .done {display: none;} #healthyDiet .prd-item .sale {vertical-align: initial; text-align: left;} #healthyDiet .prod-wrap .price-group .origin {display: block;width: 100%;flex: none;} #healthyDiet.healthyDiet #event03 .prod-default-list {position: absolute;top: 2.3%;width: 37.34%;right: 9.5%; left:initial; padding:0;} #healthyDiet .prod-wrap .img { position: relative;border-radius: 4px;overflow: hidden;} /* 10월 킹세일 */ #kingSale .event_tab ul:after {content:''; display:block; clear:both;} #kingSale .event_tab ul li a img.off {display:block;} #kingSale .event_tab ul li a img.on {display:none;} #kingSale .event_tab ul li a.on img.off {display:none;} #kingSale .event_tab ul li a.on img.on {display:block;} #kingSale .event_tab_scroll{background:none;top:0;} #kingSale .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #kingSale .event_tab_wrap{box-sizing: border-box;width:100%;} #kingSale .event_tab_scroll {box-sizing: border-box;width:100%;} #kingSale img{margin-top:-1px;} #kingSale .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #kingSale .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #kingSale .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #kingSale .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale/event02_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #kingSale .time-deal-prod-wrap > .time-deal-prod {width:88.9%;vertical-align: top;height: auto;position: relative; margin-bottom: 8%;} #kingSale .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #kingSale .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #kingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #kingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #kingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #kingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #kingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: center;} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: center;display: inline-block;} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #kingSale .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #kingSale .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #kingSale .time-deal-prod-wrap > .time-deal-prod .prd-item {} #kingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #kingSale .day-prod ul li div {position: relative;} #kingSale .day-prod ul li div>div.done {display: none;} #kingSale .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #kingSale .prod-wrap-bg{width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con02-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg3{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con04-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg4{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con05-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg5{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con06-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg6{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con07-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg7{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/con08-prod-bg1.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #kingSale .prod-wrap-bg .img{position: relative; border-radius: 4px;} #kingSale .prod-wrap-bg .img .done{display: none;} #kingSale .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #kingSale .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #kingSale .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #kingSale .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #kingSale .prod-wrap-bg .price {margin: 0 4px 0 0; color:#fff;} #kingSale .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #kingSale .prd-item .price > .num {font-size: 17px;} #kingSale .prd-item .sale strong {font-size: 15px;} #kingSale .prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #kingSale .prod-default-list > li {padding-bottom: 20px;} #kingSale .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #kingSale .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #kingSale .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #kingSale .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #kingSale .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #kingSale .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #kingSale .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #kingSale .alertbox .information.on{display:block;} #kingSale .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #kingSale .alertbox .information p:first-child{padding-bottom:5px;} #kingSale .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #kingSale .alertbox .title p{font-size: 15px;line-height: 27px;} #kingSale .alertbox .title p.login-check{display:none;} #kingSale .alertbox .title p.login-check.on{display:block;} #kingSale .alertbox .title .del{display:none;} #kingSale .alertbox .alert-button{padding-top:24px;} #kingSale .alertbox .alert-button .del{display:none;} #kingSale .alertbox .alert-button .login-check-btn{display:none;} #kingSale .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #kingSale #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale/con02-bg.jpg");background-size: 100% 100%;} #kingSale #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #kingSale #event02 .prod-bg ul li{display: flex;} #kingSale #event02 .prod-bg ul li img{margin:unset;} #kingSale #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #kingSale #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #kingSale #event02 .prod-bg ul li .prod .done.soldView{display: block;} #kingSale #event02 .prod-wrap-bg{width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSale/event02_prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSale .prod-info .tit {color:#fff;} #kingSale .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #kingSale .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #kingSale .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} /* 11월 매거진 */ #easyDiet img{margin-top:-1px;} #easyDiet .day-prod ul li div {position: relative;} #easyDiet .day-prod ul li div>div.done {display: none;} #easyDiet .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #easyDiet .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet/con02-prod-bg4.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet .prod-wrap-bg2 .colum .prod-info .tit {color:#fff;} #easyDiet .prod-wrap-bg2 .colum .prod-info .price {color:#fff;} #easyDiet .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet .prod-wrap-bg4 {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_easyDiet/con04-prod-bg1.jpg);background-position: center;background-size: 100% 100%;position: relative;margin-top: -1px;padding-top: 13%;} #easyDiet .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #easyDiet .prod-wrap-bg .img{position: relative; border-radius: 4px;} #easyDiet .prod-wrap-bg .img .done{display: none;} #easyDiet .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #easyDiet .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #easyDiet .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #easyDiet .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #easyDiet .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #easyDiet .prd-item .price > .num {font-size: 17px;} #easyDiet .prd-item .sale strong {font-size: 15px;} #easyDiet .prod-default-list {padding: 8% 9%;padding-bottom: 10px;justify-content: space-between;} #easyDiet .prod-wrap-bg2 .prod-default-list {padding: 8% 9%;padding-bottom: 10px;justify-content: space-between;} #easyDiet .prod-default-list > li {padding-bottom: 20px;} #easyDiet .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #easyDiet .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #easyDiet .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #easyDiet .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #easyDiet .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #easyDiet .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #easyDiet .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #easyDiet .alertbox .information.on{display:block;} #easyDiet .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #easyDiet .alertbox .information p:first-child{padding-bottom:5px;} #easyDiet .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #easyDiet .alertbox .title p{font-size: 15px;line-height: 27px;} #easyDiet .alertbox .title p.login-check{display:none;} #easyDiet .alertbox .title p.login-check.on{display:block;} #easyDiet .alertbox .title .del{display:none;} #easyDiet .alertbox .alert-button{padding-top:24px;} #easyDiet .alertbox .alert-button .del{display:none;} #easyDiet .alertbox .alert-button .login-check-btn{display:none;} #easyDiet .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #easyDiet #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_easyDiet/con02-bg.jpg");background-size: 100% 100%;} #easyDiet #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #easyDiet #event02 .prod-bg ul li{display: flex;} #easyDiet #event02 .prod-bg ul li img{margin:unset;} #easyDiet #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #easyDiet #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #easyDiet #event02 .prod-bg ul li .prod .done.soldView{display: block;} #easyDiet .prod-info .tit {color:#333;} #easyDiet .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #easyDiet .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #easyDiet .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #easyDiet .event01-swiper {overflow: hidden; background-color: #F2EEED; padding-bottom: 30px;} #easyDiet .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;} #easyDiet .video-wrap {position: absolute;z-index: 4;top: 0;width: 100%;height: 100%;} #easyDiet .video-wrap iframe {width:100%; height: 100%;} #easyDiet-ranking {background-color: #FF5500;} #easyDiet-ranking li {list-style: none;} #easyDiet-ranking .prod-default-list.list-type .prd-item .img { top: 50%;transform: translateY(-50%);left: 15px;} #easyDiet-ranking .prd-item {display: flex;align-items: center;padding-left:130px;margin-bottom: 10px;min-height: 130px;background-color: #ffe8d6;border-radius: 15px;box-shadow: 0 0 15px rgba(255, 165, 0, 0.5);padding-top: 15px;padding-bottom: 15px;padding-right: 15px;} #easyDiet-ranking .prod-default-list.list-type .desc-bottom {text-align: left;} #easyDiet-ranking .prod-default-list > li { padding:0; min-height: initial; border:0;} #event03 #easyDiet-ranking .prod-default-list { padding: 2% 4.7%;padding-bottom: 4%; } #event03 #easyDiet-ranking .prod-wrap-bg .desc-bottom {margin-left:12px !important;} #event03 #easyDiet-ranking .prod-wrap-bg .img {width: 20.3%; height: 20.3%;} #easyDiet #event04 .prod-wrap-bg4 .prod-default-list {padding-top:9%;} #easyDiet #event04 .prod-info .tit {text-align: center;} #easyDiet #event04 .prod-wrap-bg .price-group {text-align: center; justify-content: center;} #easyDiet #event04 .prd-item .origin {text-align: center;} #easyDiet .prod-wrap-bg4 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width: min(80vw, 600px);margin: 0 auto;} #easyDiet .prod-wrap-bg4 .colum:last-child {padding-bottom: 14%;} #easyDiet #share-kakao {position: absolute;width: 16%;height: 100%;left: 22%;} #easyDiet #share-facebook {position: absolute;width: 16%;height: 100%;left: 42%;} #easyDiet #share-url {position: absolute;width: 16%;height: 100%;left: 62%;} #easyDiet #event09 .event02-banner2 .playStore-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 5%;} #easyDiet #event09 .event02-banner2 .ios-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 51%;} #easyDiet .event7-sns { position:relative; width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet/con7-sns-2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top; height: min(15vw, 112px);} #easyDiet .prod-wrap-bg-raking1 {background-color:#FF5500; } #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box { display: flex;padding: 6% 0 6% 0; gap:4%; align-items: center;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p {color: #000;font-size: 26px;font-style: normal;font-weight: 700;line-height: normal;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p.tit {font-size: 14px; font-weight: normal;line-height: 18px;text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box span.desc-raking { overflow: hidden;color: #666;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 12px;-webkit-box-orient: vertical;font-style: normal;font-weight: 400;line-height: 28px;display: -webkit-box;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box .img {width: calc(50% - 8.5px); } #easyDiet .prod-wrap-bg-raking1 {margin-top:-1px;} #easyDiet .prod-wrap-bg-raking1 .prod-ranking-list li:nth-of-type(4) .raking-box {} #blackFriday img{margin-top:-1px;} #blackFriday .event_tab {background-color: #2D2D2D;} #blackFriday .event_tab ul:after {content:''; display:block; clear:both;} #blackFriday .event_tab ul li a img.off {display:block;} #blackFriday .event_tab ul li a img.on {display:none;} #blackFriday .event_tab ul li a.on img.off {display:none;} #blackFriday .event_tab ul li a.on img.on {display:block;} #blackFriday .event_tab_scroll{background:#2D2D2D;top:0;} #blackFriday .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #blackFriday .prod-default-list{width:95%;margin:0 auto;padding:30px 28px 10px 28px;} #blackFriday .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_blackFriday2024/con02-prod-bg.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #blackFriday .prod-default-list > li{padding-bottom:20px;} #blackFriday .prod-wrap .img{position: relative;} #blackFriday .prod-wrap .img .done{display: none;} #blackFriday .prod-wrap .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;background-color: rgba(0,0,0,0.6);} #blackFriday .prod-wrap .img .soldView p{color:#fff;font-size: 26px;font-weight: 700;} #blackFriday .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #blackFriday .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #blackFriday .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #blackFriday .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #blackFriday .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} /* 12월 식단이 쉬워진다 이벤트 */ #easyDiet2 .day-prod ul li div {position: relative;} #easyDiet2 .day-prod ul li div>div.done {display: none;} #easyDiet2 .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #easyDiet2 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_easyDiet2/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet2 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet2/con02-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;} #easyDiet2 .prod-wrap-bg2 .colum .prod-info .tit {color:#fff;} #easyDiet2 .prod-wrap-bg2 .colum .prod-info .price {color:#fff;} #easyDiet2 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet2/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet2 .prod-wrap-bg4 {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_easyDiet2/con04-prod-bg1.jpg);background-position: center;background-size: 100% 100%;position: relative;margin-top: -1px;padding-top: 13%;} #easyDiet2 .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #easyDiet2 .prod-wrap-bg .img{position: relative; border-radius: 4px;} #easyDiet2 .prod-wrap-bg .img .done{display: none;} #easyDiet2 .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #easyDiet2 .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet2 .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #easyDiet2 .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #easyDiet2 .prod-wrap-bg .price {margin: 0 4px 0 0; color:#fff;} #easyDiet2 .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #easyDiet2 .prd-item .price > .num {font-size: 17px; color:#fff;} #easyDiet2 .swiper-pagination-bullet-active {background:#D29C70;} #easyDiet2 .prd-item .sale strong {font-size: 15px;} #easyDiet2 .prod-default-list {padding: 8% 9% 14% 8%; justify-content: space-between;} #easyDiet2 .prod-wrap-bg2 .prod-default-list {padding: 8% 9%;padding-bottom: 10px;justify-content: space-between;} #easyDiet2 .prod-default-list > li {padding-bottom: 20px;} #easyDiet2 .prod-wrap-bg-raking2 .prod-default-list > li { background: #fff;border-radius: 10px; border: 1px solid #D19C6D; margin-bottom: 16px;} #easyDiet2 .prod-wrap-bg-raking2 .list-renewal-2 .prd-item .tit-sub {text-align: left;} #easyDiet2 .prod-wrap-bg-raking2 .prod-default-list {padding:0% 9% 11% 8%;} #easyDiet2 .prod-wrap-bg-raking2 .prod-default-list > li:last-child {margin-bottom: 0;} #easyDiet2 .prod-wrap-bg-raking2 .text-elps2 { color:#333; text-align: left;} #easyDiet2 .prod-wrap-bg-raking2 .price > .num { color:#333;} #easyDiet2 .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #easyDiet2 .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #easyDiet2 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #easyDiet2 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #easyDiet2 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #easyDiet2 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #easyDiet2 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #easyDiet2 .alertbox .information.on{display:block;} #easyDiet2 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #easyDiet2 .alertbox .information p:first-child{padding-bottom:5px;} #easyDiet2 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #easyDiet2 .alertbox .title p{font-size: 15px;line-height: 27px;} #easyDiet2 .alertbox .title p.login-check{display:none;} #easyDiet2 .alertbox .title p.login-check.on{display:block;} #easyDiet2 .alertbox .title .del{display:none;} #easyDiet2 .alertbox .alert-button{padding-top:24px;} #easyDiet2 .alertbox .alert-button .del{display:none;} #easyDiet2 .alertbox .alert-button .login-check-btn{display:none;} #easyDiet2 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #easyDiet2 #event02 {background-color:#A23532;} #easyDiet2 #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_easyDiet2/con02-bg.jpg");background-size: 100% 100%;} #easyDiet2 #event02 .youtubeWrap2 {background-color:#A23532; } #easyDiet2 #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #easyDiet2 #event02 .prod-bg ul li{display: flex;} #easyDiet2 #event02 .prod-bg ul li img{margin:unset;} #easyDiet2 #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #easyDiet2 #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #easyDiet2 #event02 .prod-bg ul li .prod .done.soldView{display: block;} #easyDiet2 .prod-info .tit {color:#333;} #easyDiet2 .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #easyDiet2 .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #easyDiet2 .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #easyDiet2 .event01-swiper {overflow: hidden; background-color: #1D5645; padding-bottom: 30px;} #easyDiet2 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;} #easyDiet2 .video-wrap {position: absolute;z-index: 4;top: 0;width: 100%;height: 100%;} #easyDiet2 .video-wrap iframe {width:100%; height: 100%;} #easyDiet2 .prod-wrap-bg-raking2 {background-color:#A23532; } #easyDiet2-ranking {background-color: #FF5500;} #easyDiet2-ranking li {list-style: none;} #easyDiet-ranking .prod-default-list.list-type .desc-bottom {text-align: left;} #easyDiet-ranking .prod-default-list > li { padding:0; min-height: initial; border:0;} #event03 #easyDiet-ranking .prod-default-list { padding: 2% 4.7%;padding-bottom: 4%; } #event03 #easyDiet-ranking .prod-wrap-bg .desc-bottom {margin-left:12px !important;} #event03 #easyDiet-ranking .prod-wrap-bg .img {width: 20.3%; height: 20.3%;} #easyDiet2 #event04 .prod-wrap-bg4 .prod-default-list {padding-top:9%;} #easyDiet2 #event04 .prod-info .tit {text-align: center;} #easyDiet2 #event04 .prod-wrap-bg .price-group {text-align: center; justify-content: center;} #easyDiet2 #event04 .prd-item .origin {text-align: center;} #easyDiet2 .prod-wrap-bg4 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width: min(80vw, 600px);margin: 0 auto;} #easyDiet2 .prod-wrap-bg4 .colum:last-child {padding-bottom: 14%;} #easyDiet2 #share-kakao {position: absolute;width: 16%;height: 100%;left: 22%;} #easyDiet2 #share-facebook {position: absolute;width: 16%;height: 100%;left: 42%;} #easyDiet2 #share-url {position: absolute;width: 16%;height: 100%;left: 62%;} #easyDiet2 #event08 .event02-banner2 .playStore-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 5%;} #easyDiet2 #event08 .event02-banner2 .ios-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 51%;} #easyDiet2 .event7-sns { position:relative; width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet/con7-sns-2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top; height: min(15vw, 112px);} #easyDiet2 .prod-wrap-bg-raking1 {background-color:#FF5500; } #easyDiet2 .text-elps2 {color:#fff;} #easyDiet2 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box { display: flex;padding: 6% 0 6% 0; gap:4%; align-items: center;} #easyDiet2 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p {color: #000;font-size: 26px;font-style: normal;font-weight: 700;line-height: normal;} #easyDiet2 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p.tit {font-size: 14px; font-weight: normal;line-height: 18px;text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet2 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box span.desc-raking { overflow: hidden;color: #666;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 12px;-webkit-box-orient: vertical;font-style: normal;font-weight: 400;line-height: 28px;display: -webkit-box;} #easyDiet2 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box .img {width: calc(50% - 8.5px); } #easyDiet2 .prod-wrap-bg-raking1 {margin-top:-1px;} #easyDiet2 .prod-wrap-bg-raking1 .prod-ranking-list li:nth-of-type(4) .raking-box {} /* 연말정산 굿바이 2024 */ #goodbye2024 .event_tab {background-color:#FF6833;} #goodbye2024 .event_tab ul:after {content:''; display:block; clear:both;} #goodbye2024 .event_tab ul li a img.off {display:block;} #goodbye2024 .event_tab ul li a img.on {display:none;} #goodbye2024 .event_tab ul li a.on img.off {display:none;} #goodbye2024 .event_tab ul li a.on img.on {display:block;} #goodbye2024 .event_tab_scroll{background-color:#FF6833;} #goodbye2024 .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .goodbye2024 .prod-tab{ background: url("https://file.rankingdak.com/image/event/m/event_goodbye2024/bg-nav.png") no-repeat center top/cover;} .goodbye2024 .prod-tab ul {display: flex;gap: 11px;align-items: center;justify-content: center;max-width: 520px;margin: 0 auto; width: 82%;} .goodbye2024 .rolling-banner {padding-top: 15px;} .goodbye2024 .rolling-banner .swiper + .swiper{ margin-top: 20px;} .goodbye2024 .rolling-banner .swiper .swiper-slide {width: 175px !important;height: 46px; border-radius: 10px; text-align: center; line-height: 46px; font-size: 16px;font-weight: 700;background: #fff; border-radius: 43px;} /*.goodbye2024 .rolling-banner .swiper:nth-of-type(even) .swiper-slide:nth-of-type(even) {background: #FD1F76; color:#fff;}*/ .goodbye2024 .rolling-banner .swiper .swiper-slide.pick {background: #FD1F76; color:#fff;} .goodbye2024 .toggle-all {background:#f24893; } .goodbye2024 .toggle-all .off{display: none;} .goodbye2024 .toggle-content {display: none;} .goodbye2024 .toggle-content.active {display: block;} .goodbye2024 .radio-all {width: calc(100% - 18.9%); position: absolute;left: 50%;transform: translateX(-50%);z-index: 2;top: 60%;padding:20px;border-radius: 0px 0px 15px 15px;background: #FFF;} .goodbye2024 .radio-all p {margin-bottom: 15px;font-size:16px;font-weight: 400;line-height: 1; text-align: left;display: flex; align-items: center; justify-content: start;} .goodbye2024 .radio-all p em {font-weight: 400} .goodbye2024 .radio-all p i{display: inline-block; width: 16px; height: 16px; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2024/icon-cs.svg") no-repeat center/100%;margin-right: 2px;} .goodbye2024 .radio-all ul {border-radius: 15px;border: 1px solid #333; display: flex; flex-flow: column; overflow: hidden;} .goodbye2024 .radio-all ul li{text-align: left;font-size: 0; height: 46px;} .goodbye2024 .radio-all ul li:first-of-type {font-weight: 700; font-size: 19px;padding: 10px 20px; display: flex; align-items: center;justify-content: space-between;border-bottom: 1px solid #333;} .goodbye2024 .radio-all ul li .refreshButton {width: 24px; height: 24px;font-size: 0;} .goodbye2024 .radio-all ul li .refreshButton i {display: inline-block; width: 100%; height: 100%; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2024/refreshButton.png") no-repeat center/100%;} .goodbye2024 .radio-all ul li input[type="checkbox"] {font-size: 0;width: 0;height: 0;overflow: hidden;text-indent: -9999px;} .goodbye2024 .radio-all ul li input + label {padding: 1rem 15px; color: #333;font-size: 16px;font-weight: 400;display: flex;align-items: center;justify-content: start;background: #EFEFEF;height: 46px;} .goodbye2024 .radio-all ul li input + label::before { margin-right: 4px; content: ''; display: inline-block; width: 16px; height: 16px; background: url("https://file.rankingdak.com/image/event/m/event_goodbye2024/2023check-off.png") no-repeat center/100%; transition: background .2s;} .goodbye2024 .radio-all ul li input:checked + label {background: #fff;} .goodbye2024 .radio-all ul li input:checked + label::before {background: url("https://file.rankingdak.com/image/event/m/event_goodbye2024/2023check-on.png") no-repeat center/100%; } .goodbye2024 .radio-all > a {display: block; margin-top:15px;} #goodbye2024 .event_tab_scroll {background: #FF3689;} @media screen and (max-width: 450px) { .goodbye2024 .toggle-all .off{display: block;} } @media screen and (max-width: 380px) { .goodbye2024 .radio-all{padding: 16px;} .goodbye2024 .radio-all ul li, .goodbye2024 .radio-all ul li input + label{height: 3.2rem} } @media screen and (max-width: 350px) { .goodbye2024 .radio-all {background: transparent; top: 59%;padding: 14px;} .goodbye2024 .radio-all p {margin-bottom: 10px;} .goodbye2024 .radio-all ul li:first-of-type {font-size: 17px;} .goodbye2024 .radio-all ul li, .goodbye2024 .radio-all ul li input + label{height: 3rem;} .goodbye2024 .radio-all ul li input + label { font-size: 14px;} } @media screen and (max-width: 300px) { .goodbye2024 .radio-all{width: calc(100% - 10%); top: 58%;} .goodbye2024 #event02 > img {margin: 0 -15px;width: calc(100% + 30px);} } #datalab2024 .rank-bg{position: relative;} #datalab2024 .rank-wrap ul{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;display: flex;text-align: center;gap:20px 13px;justify-content: center;align-items: center;flex-wrap: wrap;padding:0 6%;} #datalab2024 .rank-wrap ul li{width: 20%;display: inline-block;} #datalab2024 .tab-wrap{position: relative;background-color: #DEE1E8;} #datalab2024 .tab-wrap ul{width: 100%;display: flex;text-align: center;gap:14px;justify-content: center;align-items: center;flex-wrap: wrap;padding:30px 6% 13.334%;} #datalab2024 .tab-wrap ul li{width: 30%;display: inline-block;} #datalab2024 .banner-warp ul{display: flex; flex-wrap: wrap;} #datalab2024 .banner-warp ul li{display: inline-block;width: 50%;} #goodbye2024 #event01 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_goodbye2024/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #goodbye2024 #event01 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_goodbye2024/con01-prod2-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #goodbye2024 #event01 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_goodbye2024/con01-prod3-bg.jpg'); background-repeat:no-repeat; background-size: 100% 101%; background-position: center top;margin-top:-1px;} #goodbye2024 #event01 .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_goodbye2024/con01-prod4-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #goodbye2024 #event02 {background-color:#EBEBEB; } #goodbye2024 #event02 .entry-ticket-box {border-radius: 10px;background: #FFF;width: 80%;margin: 0 auto;} #goodbye2024 #event02 .entry-ticket-box p {color: #FB1F76; font-size: min(40px,5.34vw); font-weight: 700; text-align: center; padding: 15px;} #goodbye2024 .rolling-banner {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_goodbye2024/event02_rolling-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px; padding-bottom: 100px;} #goodbye2024 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet2/con02-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;} #goodbye2024 #event01 .prod-default-list > li:first-child .tit {text-align: center;} #goodbye2024 #event01 .prod-default-list > li:first-child .price-group {justify-content: center;} #goodbye2024 #event01 .prod-default-list > li:first-child .price-group {justify-content: center;} #goodbye2024 .colum .prod-info .tit {color:#fff;} #goodbye2024 .colum .prod-info .price {color:#fff;} #goodbye2024 .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #goodbye2024 .prod-wrap-bg .img{position: relative; border-radius: 4px;} #goodbye2024 .prod-wrap-bg .img .done{display: none;} #goodbye2024 .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #goodbye2024 .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #goodbye2024 .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap; gap:4px;} #goodbye2024 .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #goodbye2024 #event01 .prod-default-list > li:not(:first-child) .price {margin-right: 17px;} #goodbye2024 .prod-wrap-bg .price {margin:0; color:#fff;} #goodbye2024 .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #goodbye2024 .prd-item .price > .num {font-size: 17px; color:#fff;} #goodbye2024 .swiper-pagination-bullet-active {background:#D29C70;} #goodbye2024 .prd-item .sale strong {font-size: 15px;} #goodbye2024 .prod-default-list {padding: 8% 10%; justify-content: space-between; gap:0 17px;} #goodbye2024 .prod-wrap-bg2 .prod-default-list {padding: 8% 9%;padding-bottom: 10px;justify-content: space-between;} #goodbye2024 .prod-default-list > li {padding-bottom: 20px;} #goodbye2024 #event01 .prod-default-list > li:first-child {flex: 1 1 100%;} #goodbye2024 .prod-default-list > li:nth-child(2n) {margin-left:0;} #goodbye2024 .event02-banner2 .playStore-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 5%;} #goodbye2024 .event02-banner2 .ios-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 51%;} /* aiDietChallenger */ /*#aiDietChallenger {padding-bottom:58px;}*/ #aiDietChallenger a{display: block;} #aiDietChallenger img{margin-top:-1px;} /* 1월 식단매거진 */ #easyDiet3 img{margin-top:-1px;} #easyDiet3 .day-prod ul li div {position: relative;} #easyDiet3 .day-prod ul li div>div.done {display: none;} #easyDiet3 .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #easyDiet3 .prod-wrap-bg1 {padding-bottom:50px;width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet3/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet3 .prod-wrap-bg2 { padding-bottom: 50px; width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet3/con03-prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet3 .prod-wrap-bg2 .colum .prod-info .tit {color:#333;} #easyDiet3 .prod-wrap-bg2 .colum .prod-info .price {color:#333;} #easyDiet3 .prod-wrap-bg2 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width: min(80vw, 600px);margin: 0 auto;} #easyDiet3 #event04 .prod-wrap-bg4 .colum {vertical-align: top; width: calc(50% - 8.5px);} #easyDiet3 #event03 .prod-wrap-bg2 .price-group {text-align: center;justify-content: center;} #easyDiet3 #event03 .prod-wrap-bg2 .text-elps2 {text-align: center;} #easyDiet3 .prod-wrap-bg4 {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_easyDiet3/con04-prod-bg1.jpg);background-position: center;background-size: 100% 100%;position: relative;margin-top: -1px;} #easyDiet3 .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #easyDiet3 .prod-wrap-bg .img{position: relative; border-radius: 4px;} #easyDiet3 .prod-wrap-bg .img .done{display: none;} #easyDiet3 .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #easyDiet3 .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet3 .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #easyDiet3 .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #easyDiet3 .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #easyDiet3 .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #easyDiet3 .prd-item .price > .num {font-size: 17px;} #easyDiet3 .prd-item .sale strong {font-size: 15px;} #easyDiet3 .prod-default-list {padding: 8% 9%;padding-bottom: 10px;justify-content: space-between;} #easyDiet3 .prod-wrap-bg2 .prod-default-list {padding: 8% 9%;padding-bottom: 10px;justify-content: space-between; border-radius: 10px;} #easyDiet3 .prod-default-list > li {padding-bottom: 20px;} #easyDiet3 .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #easyDiet3 .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #easyDiet3 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #easyDiet3 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #easyDiet3 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #easyDiet3 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #easyDiet3 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #easyDiet3 .alertbox .information.on{display:block;} #easyDiet3 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #easyDiet3 .alertbox .information p:first-child{padding-bottom:5px;} #easyDiet3 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #easyDiet3 .alertbox .title p{font-size: 15px;line-height: 27px;} #easyDiet3 .alertbox .title p.login-check{display:none;} #easyDiet3 .alertbox .title p.login-check.on{display:block;} #easyDiet3 .alertbox .title .del{display:none;} #easyDiet3 .alertbox .alert-button{padding-top:24px;} #easyDiet3 .alertbox .alert-button .del{display:none;} #easyDiet3 .alertbox .alert-button .login-check-btn{display:none;} #easyDiet3 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #easyDiet3 #event02 {background-color:#B2CDFC; } #easyDiet3 #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_easyDiet3/con02-bg.jpg");background-size: 100% 100%;} #easyDiet3 #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #easyDiet3 #event02 .prod-bg ul li{display: flex;} #easyDiet3 #event02 .prod-bg ul li img{margin:unset;} #easyDiet3 #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #easyDiet3 #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #easyDiet3 #event02 .prod-bg ul li .prod .done.soldView{display: block;} #easyDiet3 .prod-info .tit {color:#333;} #easyDiet3 .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #easyDiet3 .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #easyDiet3 .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #easyDiet3 .event01-swiper {overflow: hidden; background-color: #5B8DEC; padding-bottom: 30px;} #easyDiet3 .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {background-color: #7DA4F1;} #easyDiet3 .swiper-pagination-bullet-active {background-color: #fff !important;} #easyDiet3 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;} #easyDiet3 .video-wrap {position: absolute;z-index: 4;top: 0;width: 100%;height: 100%;} #easyDiet3 .video-wrap iframe {width:100%; height: 100%;} #easyDiet3 #easyDiet-ranking {background-color: #5B8DEC;} #easyDiet3 #easyDiet-ranking .prd-item {background-color: #fff; box-shadow: none; border-radius: 12px;} #easyDiet3 .prod-wrap-bg-raking1 .prod-default-list {padding: 0% 5% 2%;} #easyDiet3-ranking li {list-style: none;} #easyDiet-ranking .prd-item {display: flex;align-items: center;padding-left:130px;margin-bottom: 10px;min-height: 130px;background-color: #ffe8d6;border-radius: 15px;box-shadow: 0 0 15px rgba(255, 165, 0, 0.5);padding-top: 15px;padding-bottom: 15px;padding-right: 15px;} #easyDiet-ranking .prod-default-list.list-type .desc-bottom {text-align: left;} #easyDiet-ranking .prod-default-list > li { padding:0; min-height: initial; border:0;} #event03 #easyDiet-ranking .prod-default-list { padding: 2% 4.7%;padding-bottom: 4%; } #event03 #easyDiet-ranking .prod-wrap-bg .desc-bottom {margin-left:12px !important;} #event03 #easyDiet-ranking .prod-wrap-bg .img {width: 20.3%; height: 20.3%;} #easyDiet3 #event04 .prod-wrap-bg4 .prod-default-list {padding-top:9%;} #easyDiet3 #event04 .prd-item .origin {text-align: center;} #easyDiet3 .prod-wrap-bg4 .colum:last-child {padding-bottom: 14%;} #easyDiet3 #share-kakao {position: absolute;width: 16%;height: 100%;left: 22%;} #easyDiet3 #share-facebook {position: absolute;width: 16%;height: 100%;left: 42%;} #easyDiet3 #share-url {position: absolute;width: 16%;height: 100%;left: 62%;} #easyDiet3 #event08 .event02-banner2 .playStore-btn { width: 44%;display: inline-block;height: 27%;top: 58%;position: absolute;left: 5%;} #easyDiet3 #event08 .event02-banner2 .ios-btn { width: 44%;display: inline-block;height: 27%;top: 58%;position: absolute;left: 51%;} #easyDiet3 #event08 .event02-banner2 img {padding-bottom: 10px;} #easyDiet3 .event2-sns { position:relative; width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet3/con2-sns.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top; height: min(15vw, 112px);} #easyDiet3 #share-facebook a {display: block; height: 100%;} #easyDiet .prod-wrap-bg-raking1 {background-color:#FF5500; } #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box { display: flex;padding: 6% 0 6% 0; gap:4%; align-items: center;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p {color: #000;font-size: 26px;font-style: normal;font-weight: 700;line-height: normal;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p.tit {font-size: 14px; font-weight: normal;line-height: 18px;text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box span.desc-raking { overflow: hidden;color: #666;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 12px;-webkit-box-orient: vertical;font-style: normal;font-weight: 400;line-height: 28px;display: -webkit-box;} #easyDiet .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box .img {width: calc(50% - 8.5px); } #easyDiet .prod-wrap-bg-raking1 {margin-top:-1px;} #kingSale2 img{margin-top:-1px;} #kingSale2 .event_tab {background-color: #3E1E11;} #kingSale2 .event_tab ul:after {content:''; display:block; clear:both;} #kingSale2 .event_tab ul li a img.off {display:block;} #kingSale2 .event_tab ul li a img.on {display:none;} #kingSale2 .event_tab ul li a.on img.off {display:none;} #kingSale2 .event_tab ul li a.on img.on {display:block;} #kingSale2 .event_tab_scroll{background:#3E1E11;top:0;} #kingSale2 .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #kingSale2 .prod-default-list{width:95%;margin:0 auto;padding:30px 28px 30px 28px;} #kingSale2 .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale2/con02-prod-bg.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #kingSale2 .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale2/con03-sub-bg1.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #kingSale2 .prod-wrap-bg3{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale2/con03-sub-bg2.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #kingSale2 .prod-wrap-bg4{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale2/con03-sub-bg3.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #kingSale2 .prod-wrap-bg5{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale2/con03-sub-bg4.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #kingSale2 .prod-wrap-bg6{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSale2/con03-sub-bg5.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #kingSale2 .coupon{position: relative;} #kingSale2 .coupon .dimd{ position: absolute; top: 0; left: 5.3%; width: calc(100% - 10.6%); height: 100%; display: flex; border-radius: 5px; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.6); } #kingSale2 .coupon .dimd p{color:#fff;font-size: 26px;font-weight: 700;text-align: center;} #kingSale2 .prod-default-list.prod1 > li{ width:100%; text-align: center; margin:0; } #kingSale2 #event03{width:100%;overflow-x:hidden;} #kingSale2 .prod-wrap-bg1 .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #kingSale2 .prod-wrap-bg1 .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #kingSale2 .prod-wrap-bg1 .price {margin: 0 4px 0 0; color:#333;} #kingSale2 .prod-wrap-bg1 .desc-bottom{ margin: 0 0 0;text-align: center;} #kingSale2 .prod-wrap-bg1 .prod-default-list .tit {color:#333;font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #kingSale2 .prod-wrap-bg1 .prod-default-list .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #kingSale2 .prod-wrap-bg1 .prod-default-list .price {margin: 0 4px 0 0; color:#333;} #kingSale2 .prod-wrap-bg1 .prod-default-list .desc-bottom{ margin: 0 0 0;text-align: center;} #kingSale2 .prod-wrap-bg6 .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #kingSale2 .prod-wrap-bg6 .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #kingSale2 .prod-wrap-bg6 .price {margin: 0 4px 0 0; color:#333;} #kingSale2 .prod-wrap-bg6 .desc-bottom{ margin: 0 0 0;text-align: center;} #kingSale2 .prod-wrap-bg6 .prod-default-list .tit {color:#fff;font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #kingSale2 .prod-wrap-bg6 .prod-default-list .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #kingSale2 .prod-wrap-bg6 .prod-default-list .price {margin: 0 4px 0 0; color:#333;} #kingSale2 .prod-wrap-bg6 .prod-default-list .desc-bottom{ margin: 0 0 0;text-align: center;} #kingSale2 .prod-default-list .img{position: relative;border-radius: 4px;} #kingSale2 .prod-default-list .img .done{display: none;} #kingSale2 .prod-default-list .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;background-color: rgba(0,0,0,0.6);} #kingSale2 .prod-default-list .img .soldView p{color:#fff;font-size: 26px;font-weight: 700;} #kingSale2 .prod-default-list .tit {color:#fff;font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #kingSale2 .prod-default-list .price-group {display: flex; align-items: center; justify-content: left; flex-wrap: wrap;} #kingSale2 .prod-default-list .price {margin: 0 4px 0 0; color:#fff;} #kingSale2 .prod-default-list .origin{color:#ffefdb;} #kingSale2 .prod-default-list .prd-item .origin span::before{ border-top: 1px solid #ffefdb; } #kingSale2 .prod-wrap-bg.prod-wrap-bg6 .origin span::before{ border-top: 1px solid #ffefdb; } #kingSale2 .prod-wrap-bg.prod-wrap-bg1 .origin span::before{ border-top: 1px solid #999; } #kingSale2 .prod-wrap-bg.prod-wrap-bg6 .price{color:#fff;} #kingSale2 .prod-wrap-bg.prod-wrap-bg6 .origin{color:#ffefdb;} #kingSale2 .prod-wrap-bg.prod-wrap-bg1 .origin{color:#999;} #kingSale2 .prod-default-list .desc-bottom{ margin: 0 0 0;text-align: center;} #kingSale2 .entry-bg {background:#4E2E17;padding-bottom:20px;margin-top:-1px;} #kingSale2 .ticket-box{position: relative;background-color: #674023;width:calc(100% - 75px);margin: 0 auto;border-radius: 10px;max-width: 600px;} #kingSale2 .ticket-box p{color: #FFF4CA;font-size: 20px;font-weight: 700;line-height: 50px;} #kingSale2 .giveaway-btn-bg{padding-bottom:8%;padding-top: 2.668%;} #kingSale2 .giveaway-btn{position: relative;width:80%;} #kingSale2 .giveaway-btn span{color:#000;font-size:3.6vw;font-weight: 500;position: absolute;right: 20px;top:0;} #kingSale2 .giveaway-btn .giveaway-btn-text{display:none;} #kingSale2 .giveaway-btn .giveaway-count{position: absolute;top:50%;transform:translateY(-50%);right:30px;} #kingSale2 .giveaway-btn .default{position: absolute;top:50%;transform:translateY(-50%);right:30px;} #kingSale2 .giveaway-item-wrap{background-color: #4E2E17;padding-bottom:5.334%;margin-top:-1px;} #neverEnding img{ margin-top:-1px; display: block; } #neverEnding .prod-bg{ margin: 0 auto; padding: 20% 0 3%; display: flex; gap: 6.5%; justify-content: center; } #neverEnding .youtube-area{ background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/ev-video-bg.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px; padding: 20px 15px; } #neverEnding .youtube-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */ height: 0; overflow: hidden; border-radius: 15px; } #neverEnding .youtube-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #neverEnding .prod-bg .prod-box{ width:calc(50% - 10%);} #neverEnding .prod-bg .prod-box .price-group{display: flex;flex-wrap: wrap;gap:4px; align-items: center;} #neverEnding .prod-bg .prod-box .prd-item .origin{min-width: 100%;} #neverEnding .prod-bg .prod-box .prd-item .price{margin-bottom:unset;} #neverEnding .prod-bg .prod-box .prd-item .sale{padding:0;} #neverEnding .prod-bg .prod-box .prd-item .img{background: #F7F7F7;border-radius: 6px;overflow: hidden;} #neverEnding .prod-bg .prod-box .prd-item .tit{font-size: 14px;line-height: 18px;} #neverEnding .prod-bg .prod-box .prd-item .price > .num{ font-size: 17px; } #neverEnding .prod-bg .prod-box .prd-item .sale strong{ font-size: 15px; } #neverEnding .prod-bg .prod-box .done{display: none;} #neverEnding .prod-bg .prod-box .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #neverEnding .prod-bg .prod-box .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #neverEnding .prod-bg-1{background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/prod-bg-1.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #neverEnding .prod-bg-2{background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/prod-bg-2.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #neverEnding .prod-bg-3{background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/prod-bg-3.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #neverEnding .prod-bg-4{background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/prod-bg-4.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;} #neverEnding .prod-bg-5{background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/prod-bg-5.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px;padding-bottom:14%;} #neverEnding .e-pick-box-bg{ background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/con03-bg.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;margin-top:-1px; padding :59.467% 0 19.734% } #neverEnding .e-pick-box-wrap{ padding:0 2%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } #neverEnding .e-pick-box-wrap .e-pick-box{ width:calc(33.3% - 2.135%); margin:1.0675%; } #neverEnding .reply-wrap{ margin-top:8%; margin-bottom:16%; } #neverEnding .btn-group-flex{ margin-top:2.224%; } #neverEnding .reply-wrap .title{ margin: 11.112% 0; } #neverEnding .reply-wrap > .sub-tit{ font-size: 12px; color:#666; font-weight: 400; } #neverEnding .reply-list li .section{ margin-top:5px; } #neverEnding .reply-list li .author span{ position: relative;padding-right: 16px; display: inline-block; line-height: 22px; } #neverEnding .reply-list li .author span:after{ content: ""; width: 12px; height: 12px; display: block; position: absolute; transform: translateY(-50%); top: 50%; right:0; background-image: url("https://file.rankingdak.com/image/event/m/event_neverEnding/badge.svg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat; } #easyDiet4 .day-prod ul li div {position: relative;} #easyDiet4 .day-prod ul li div>div.done {display: none;} #easyDiet4 .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #easyDiet4 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left; background:url('https://file.rankingdak.com/image/event/m/event_easyDiet4/con01-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet4 .prod-wrap-bg1 .prod-default-list { padding-bottom: 14%;} #easyDiet4 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet4/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;} #easyDiet4 .prod-wrap-bg2 .colum .prod-info .tit {color:#333;} #easyDiet4 .prod-wrap-bg2 .colum .prod-info .price {color:#333;} #easyDiet4 .prod-wrap-bg2 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width: min(80vw, 600px);margin: 0 auto;} #easyDiet4 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet4/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #easyDiet4 .prod-wrap-bg4 {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_easyDiet4/con04-prod-bg1.jpg);background-position: center;background-size: 100% 100%;position: relative;margin-top: -1px;} #easyDiet4 .prod-wrap-bg5 {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_easyDiet4/con04-prod-bg2.jpg);background-position: center;background-size: 100% 100%;position: relative;margin-top: -1px;} #easyDiet4 .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #easyDiet4 .prod-wrap-bg .img{position: relative; border-radius: 4px;} #easyDiet4 .prod-wrap-bg .img .done{display: none;} #easyDiet4 .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #easyDiet4 .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet4 .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #easyDiet4 .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #easyDiet4 .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #easyDiet4 .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #easyDiet4 .prd-item .price > .num {font-size: 17px; color:#333;} #easyDiet4 .swiper-pagination-bullet-active {background:#EAE3D1 !important;} #easyDiet4 .prd-item .sale strong {font-size: 15px;} #easyDiet4 .prod-default-list {padding: 8% 9%; justify-content: space-between;} #easyDiet4 .prod-wrap-bg4 .prod-default-list {padding: 8% 9% 4%; justify-content: space-between;} #easyDiet4 .prod-wrap-bg5 .prod-default-list {padding: 8% 9% 4%; justify-content: space-between;} #easyDiet4 .prod-wrap-bg2 .prod-default-list {padding: 8% 9%; padding-bottom: 12.4%; justify-content: space-between;} #easyDiet4 .prod-default-list > li {padding-bottom: 20px;} #easyDiet4 .prod-wrap-bg-raking2 .prod-default-list > li { background: #fff;border-radius: 10px; margin-bottom: 16px;} #easyDiet4 .prod-wrap-bg-raking2 .list-renewal-2 .prd-item .tit-sub {text-align: left;} #easyDiet4 .prod-wrap-bg-raking2 .prod-default-list {padding:0% 4.5% 4% 4.5%;} #easyDiet4 .prod-wrap-bg-raking2 .prod-default-list > li:last-child {margin-bottom: 0;} #easyDiet4 .prod-wrap-bg-raking2 .text-elps2 { color:#333; text-align: left;} #easyDiet4 .prod-wrap-bg-raking2 .price > .num { color:#333;} #easyDiet4 .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #easyDiet4 .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #easyDiet4 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #easyDiet4 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #easyDiet4 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #easyDiet4 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #easyDiet4 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #easyDiet4 .alertbox .information.on{display:block;} #easyDiet4 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #easyDiet4 .alertbox .information p:first-child{padding-bottom:5px;} #easyDiet4 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #easyDiet4 .alertbox .title p{font-size: 15px;line-height: 27px;} #easyDiet4 .alertbox .title p.login-check{display:none;} #easyDiet4 .alertbox .title p.login-check.on{display:block;} #easyDiet4 .alertbox .title .del{display:none;} #easyDiet4 .alertbox .alert-button{padding-top:24px;} #easyDiet4 .alertbox .alert-button .del{display:none;} #easyDiet4 .alertbox .alert-button .login-check-btn{display:none;} #easyDiet4 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #easyDiet4 #event02 {background-color:#A23532;} #easyDiet4 #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_easyDiet4/con02-bg.jpg");background-size: 100% 100%;} #easyDiet4 .youtubeWrap { position: relative; width: 100%; margin: 0 auto; overflow: hidden; aspect-ratio: 16 / 9; } #easyDiet4 #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #easyDiet4 #event02 .prod-bg ul li{display: flex;} #easyDiet4 #event02 .prod-bg ul li img{margin:unset;} #easyDiet4 #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #easyDiet4 #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #easyDiet4 #event02 .prod-bg ul li .prod .done.soldView{display: block;} #easyDiet4 #event03 {background-color: #E6D6BF;} #easyDiet4 .prod-info .tit {color:#333;} #easyDiet4 .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #easyDiet4 .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #easyDiet4 .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #easyDiet4 .event01-swiper {overflow: hidden; background-color: #4B3B2E; padding-bottom: 30px;} #easyDiet4 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;} #easyDiet4 .video-wrap {position: absolute;z-index: 4;top: 0;width: 100%;height: 100%;} #easyDiet4 .video-wrap iframe {width:100%; height: 100%;} #easyDiet4 .prod-wrap-bg-raking2 {background-color:#E7DFCA; } #easyDiet4-ranking {background-color: #FF5500;} #easyDiet4-ranking li {list-style: none;} #easyDiet-ranking .prod-default-list.list-type .desc-bottom {text-align: left;} #easyDiet-ranking .prod-default-list > li { padding:0; min-height: initial; border:0;} #event03 #easyDiet-ranking .prod-default-list { padding: 2% 4.7%;padding-bottom: 4%; } #event03 #easyDiet-ranking .prod-wrap-bg .desc-bottom {margin-left:12px !important;} #event03 #easyDiet-ranking .prod-wrap-bg .img {width: 20.3%; height: 20.3%;} #easyDiet4 .prod-wrap-bg4 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width: min(80vw, 600px);} #easyDiet4 .prod-wrap-bg4 .colum:last-child {padding-bottom:0;} #easyDiet4 #share-kakao {position: absolute;width: 16%;height: 100%;left: 22%;} #easyDiet4 #share-facebook {position: absolute;width: 16%;height: 100%;left: 42%;} #easyDiet4 #share-url {position: absolute;width: 16%;height: 100%;left: 62%;} #easyDiet4 #event08 .event02-banner2 .playStore-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 5%;} #easyDiet4 #event08 .event02-banner2 .ios-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 51%;} #easyDiet4 .event7-sns { position:relative; width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_easyDiet4/con7-sns-2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top; height: min(15vw, 112px);} #easyDiet4 .prod-wrap-bg-raking1 {background-color:#FF5500; } #easyDiet4 .text-elps2 {color:#333;} #easyDiet4 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box { display: flex;padding: 6% 0 6% 0; gap:4%; align-items: center;} #easyDiet4 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p {color: #000;font-size: 26px;font-style: normal;font-weight: 700;line-height: normal;} #easyDiet4 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box p.tit {font-size: 14px; font-weight: normal;line-height: 18px;text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #easyDiet4 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box span.desc-raking { overflow: hidden;color: #666;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 12px;-webkit-box-orient: vertical;font-style: normal;font-weight: 400;line-height: 28px;display: -webkit-box;} #easyDiet4 .prod-wrap-bg-raking1 .ranking-pdt-area .raking-box .img {width: calc(50% - 8.5px); } #easyDiet4 .prod-wrap-bg-raking1 {margin-top:-1px;} #easyDiet4 .prod-wrap-bg-raking1 .prod-ranking-list li:nth-of-type(4) .raking-box {} #easyDiet4 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0;} #easyDiet4 .swiper-pagination-bullet {background:#6B5D50;} #easyDiet4 #event04 .prod-wrap-bg4 .colum {vertical-align: top; width: calc(50% - 8.5px);} #easyDiet4 #event10 .event02-banner2 .playStore-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 5%;} #easyDiet4 #event10 .event02-banner2 .ios-btn { width: 44%;display: inline-block;height: 27%;top: 62%;position: absolute;left: 51%;} /* 25.2 월 서브 이벤트 페이지 */ #familySale .famly-number-wrap {background-color:#FF4200;} #familySale .famly-number-wrap .famly-input-box{ margin-bottom:20px; } #familySale .famly-number-wrap .famly-input-box .input-text { width: 83%; height:53px; border-radius:6px; border:0; background: #fff; color: #999; text-align: center; font-size: 15px; font-weight: 600; } @media screen and (min-width: 280px) { #familySale .famly-number-wrap .famly-input-box .input-text {font-size: 15px;} } @media screen and (min-width: 320px){#employee .famly-number-wrap .famly-input-box .input-text{font-size: 18px;} } @media screen and (min-width: 360px){#employee .famly-number-wrap .famly-input-box .input-text{font-size: 18px;} } @media screen and (min-width: 390px){ #employee .famly-number-wrap .famly-input-box .input-text{font-size: 20px;} } /* 리스타트 2025 */ #reStart2025 .event_tab ul:after {content:''; display:block; clear:both;} #reStart2025 .event_tab ul li a img.off {display:block;} #reStart2025 .event_tab ul li a img.on {display:none;} #reStart2025 .event_tab ul li a.on img.off {display:none;} #reStart2025 .event_tab ul li a.on img.on {display:block;} #reStart2025 .event_tab_scroll{background:none;top:0;} #reStart2025 .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #reStart2025 .event_tab_wrap{box-sizing: border-box;width:100%;} #reStart2025 .event_tab_scroll {box-sizing: border-box;width:100%;} #reStart2025 img{margin-top:-1px;} #reStart2025 .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #reStart2025 .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #reStart2025 .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #reStart2025 .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_reStart2025/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .prd-item {} #reStart2025 .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #reStart2025 .day-prod ul li div {position: relative;} #reStart2025 .day-prod ul li div>div.done {display: none;} #reStart2025 .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #reStart2025 .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_reStart2025/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #reStart2025 .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #reStart2025 .prod-wrap-bg .img{position: relative; border-radius: 4px;} #reStart2025 .prod-wrap-bg .img .done{display: none;} #reStart2025 .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #reStart2025 .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #reStart2025 .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #reStart2025 .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #reStart2025 .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #reStart2025 .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #reStart2025 .prd-item .price > .num {font-size: 17px;} #reStart2025 .prd-item .sale strong {font-size: 15px;} #reStart2025 .prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #reStart2025 .prod-default-list > li {padding-bottom: 20px;} #reStart2025 .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #reStart2025 .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #reStart2025 .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #reStart2025 .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #reStart2025 .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #reStart2025 .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #reStart2025 .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #reStart2025 .alertbox .information.on{display:block;} #reStart2025 .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #reStart2025 .alertbox .information p:first-child{padding-bottom:5px;} #reStart2025 .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #reStart2025 .alertbox .title p{font-size: 15px;line-height: 27px;} #reStart2025 .alertbox .title p.login-check{display:none;} #reStart2025 .alertbox .title p.login-check.on{display:block;} #reStart2025 .alertbox .title .del{display:none;} #reStart2025 .alertbox .alert-button{padding-top:24px;} #reStart2025 .alertbox .alert-button .del{display:none;} #reStart2025 .alertbox .alert-button .login-check-btn{display:none;} #reStart2025 .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #reStart2025 #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_reStart2025/con02-bg.jpg");background-size: 100% 100%;} #reStart2025 #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #reStart2025 #event02 .prod-bg ul li{display: flex;} #reStart2025 #event02 .prod-bg ul li img{margin:unset;} #reStart2025 #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #reStart2025 #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #reStart2025 #event02 .prod-bg ul li .prod .done.soldView{display: block;} #reStart2025 #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_reStart2025/event02_prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #reStart2025 #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_reStart2025/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #reStart2025 #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_reStart2025/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #reStart2025 #event02 .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background: #3D77F5; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #reStart2025 #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_reStart2025/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #reStart2025 #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #reStart2025 .prod-info .tit {color:#333;} #reStart2025 .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #reStart2025 .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #reStart2025 .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #reStart2025 .event-btn {position: relative;} #reStart2025 .event-btn a { width: 50%; height: 66%; position: absolute; left: 50%; transform: translate(-50%); top: 29%;} /* 과녁수 */ #kwonGam img{margin-top:-1px;} #kwonGam .con01{padding:0 16px;background-image:url('https://file.rankingdak.com/image/event/m/event_kwonGam/con02-bg.jpg');margin-top:-1px;} #kwonGam .video-wrap{position: relative;padding-top: 56.25%;display: block;} #kwonGam .video-wrap > iframe{position: absolute;top: 0;left:0;height: 100% !important;width: 100%;} #kwonGam .ev-img-box{display: block;} #kwonGam .day-prod ul li div {position: relative;} #kwonGam .day-prod ul li div>div.done {display: none;} #kwonGam .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #kwonGam .prod-wrap-bg{background-color:#E5E5E5;margin-top:-1px;display: block;} #kwonGam .prod-wrap-bg .prd-item-list{ padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #kwonGam .prod-wrap-bg .img{position: relative; border-radius: 4px;} #kwonGam .prod-wrap-bg .img .done{display: none;} #kwonGam .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #kwonGam .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #kwonGam .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #kwonGam .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #kwonGam .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #kwonGam .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #kwonGam .prd-item .price > .num {font-size: 17px;} #kwonGam .prd-item .sale strong {font-size: 15px;} #kwonGam .prod-default-list {padding: 8% 8% 10px;justify-content: space-between;} /* 3월 새출발 식단레이스 */ #dietRace .top-main {position: relative;} #dietRace .top-main .main-gif {position: absolute;top: 34%;left: 0;} #dietRace .event_tab ul:after {content:''; display:block; clear:both;} #dietRace .event_tab ul li a img.off {display:block;} #dietRace .event_tab ul li a img.on {display:none;} #dietRace .event_tab ul li a.on img.off {display:none;} #dietRace .event_tab ul li a.on img.on {display:block;} #dietRace .event_tab_scroll{background:none;top:0;} #dietRace .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #dietRace .event_tab_wrap{box-sizing: border-box;width:100%;} #dietRace .event_tab_scroll {box-sizing: border-box;width:100%;} #dietRace img{margin-top:-1px;} #dietRace .event-cpn-tab {display: flex; justify-content: center; background-color: #D1FFBC;} #dietRace .event-cpn-tab li {width: 50%;height: min(15.6vw, 116px);} #dietRace .event-tab-area {display: none;} #dietRace .event-tab-area.on {display: block;} #dietRace .event01-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_dietRace/event01-tab01.jpg"); background-repeat: no-repeat; background-size: contain;} #dietRace .event01-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_dietRace/event01-tab01_on.jpg"); background-repeat: no-repeat; background-size: contain;} #dietRace .event01-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_dietRace/event01-tab02.jpg"); background-repeat: no-repeat;background-size: contain;} #dietRace .event01-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_dietRace/event01-tab02_on.jpg"); background-repeat: no-repeat;background-size: contain;} #dietRace .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #dietRace .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #dietRace .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #dietRace .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_dietRace/eventTimeDeal_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #dietRace .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #dietRace .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #dietRace .time-deal-prod-wrap > .time-deal-prod {width: 88.9%; vertical-align: top; height: auto; position: relative;} #dietRace .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #dietRace .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #dietRace .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #dietRace .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #dietRace .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #dietRace .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {display: flex;justify-content: center;} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #dietRace .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #dietRace .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #dietRace .time-deal-prod-wrap > .time-deal-prod .prd-item {} #dietRace .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #dietRace .day-prod ul li div {position: relative;} #dietRace .day-prod ul li div>div.done {display: none;} #dietRace .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #dietRace .prod-wrap-bg2{background-color:#F7F7F7; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event03 .prod-wrap-bg2 li.colum {vertical-align: top; margin-right: 8.7%;} #dietRace #event03 .prod-wrap-bg2 .prod-default-list {padding: 0 0 6.7% 0;} #dietRace #event03 .swiper-container {padding-left:4.4%;} #dietRace .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #dietRace .prod-wrap-bg .img{position: relative; border-radius: 4px;} #dietRace .prod-wrap-bg .img .done{display: none;} #dietRace .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #dietRace .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #dietRace .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #dietRace #event02 .prod-wrap-bg .price-group {margin-top: 26%;} @media screen and (max-width: 400px){ #dietRace #event02 .prod-wrap-bg .price-group {margin-top: 22%;} } @media screen and (max-width: 376px){ #dietRace #event02 .prod-wrap-bg .price-group {margin-top: 20%;} } @media screen and (max-width: 360px){ #dietRace #event02 .prod-wrap-bg .price-group {margin-top: 18%;} } #dietRace .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #dietRace .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #dietRace .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #dietRace .prd-item .price > .num {font-size: 17px;} #dietRace .prd-item .sale strong {font-size: 15px;} #dietRace .prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #dietRace .prod-default-list > li {padding-bottom: 20px;} #dietRace .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #dietRace .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #dietRace .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #dietRace .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #dietRace .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #dietRace .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #dietRace .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #dietRace .alertbox .information.on{display:block;} #dietRace .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #dietRace .alertbox .information p:first-child{padding-bottom:5px;} #dietRace .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #dietRace .alertbox .title p{font-size: 15px;line-height: 27px;} #dietRace .alertbox .title p.login-check{display:none;} #dietRace .alertbox .title p.login-check.on{display:block;} #dietRace .alertbox .title .del{display:none;} #dietRace .alertbox .alert-button{padding-top:24px;} #dietRace .alertbox .alert-button .del{display:none;} #dietRace .alertbox .alert-button .login-check-btn{display:none;} #dietRace .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #dietRace #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_dietRace/con02-bg.jpg");background-size: 100% 100%;} #dietRace #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #dietRace #event02 .prod-bg ul li{display: flex;} #dietRace #event02 .prod-bg ul li img{margin:unset;} #dietRace #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #dietRace #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #dietRace #event02 .prod-bg ul li .prod .done.soldView{display: block;} #dietRace #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-color:#02CE7A; background-repeat:no-repeat; background-size: 100% 100%; padding-bottom:20px; background-position: center top;margin-top:-1px;} #dietRace #event02 .prod-wrap-bg1 .prd-item .sale {color:#02CE7A;} #dietRace #event02 .prod-wrap-bg1 .prd-item .origin {margin-right: 4px;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list {padding: 0% 5% 2%;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:nth-child(2n) {margin-left:0;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item { background-color: #fff;box-shadow: none;padding: 4.5% 5% 4.5%;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item { border-radius: 6px;margin-top: 20px;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:first-child .prd-item { border-radius: 6px 6px 0 0;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:nth-of-type(3) .prd-item { border-radius: 0 0 6px 6px;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item:after { content: "";width: 90%;height: 1px;background-color: #E5E5E5;display: block;position: absolute;bottom: 0;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item .img { width: 39.5%;height:39.5%;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item .img { width: 98.77%;height: min(42.3vw, 317px);} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .desc-bottom { position: relative;left: 0;top: 5px;width: 100%;text-align: center;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .tit {text-align: center;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .price-group {justify-content: center; margin-top:0;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .pdt-title {display:none;} #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li .desc-bottom { position: absolute;left: 46%;top: 15px;width: 50%;} #dietRace #event02 .prod-wrap-bg1 .pdt-title { border-radius: 99px; padding: 1px 11px; color: #02CE7A; width: 94px; text-align: center; font-size: 12px; font-weight: 900; line-height: 24px; background: #D1FFBC;} @media screen and (min-width: 750px){ #dietRace #event02 .prod-wrap-bg1 .prod-default-list > li .desc-bottom{top:30px;} #dietRace #event02 .prod-wrap-bg .price-group {margin-top: 51%;} } #dietRace #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event04_prod-bg4.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_dietRace/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #dietRace #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #dietRace .prod-info .tit {color:#333;} #dietRace .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #dietRace .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #dietRace .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #dietRace .event-btn {position: relative;} #dietRace #event06 .mission-Gauge-default {height: min(18vw, 130px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/mission-Gauge-default.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .mission-Gauge-default.mission-Gauge1 {height: min(18vw, 130px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/mission-Gauge1.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .mission-Gauge-default.mission-Gauge2 {height: min(18vw, 130px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/mission-Gauge2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .mission-Gauge-default.mission-Gauge3 {height: min(18vw, 130px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/mission-Gauge3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .mission-list ul {display:flex;} #dietRace #event06 .misson-list1 {height: min(113vw, 828px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event06-mission1.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .misson-list2 {height: min(113vw, 828px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event06-mission2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .misson-list3 {height: min(113vw, 828px); width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event06-mission3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #dietRace #event06 .misson-list1.on {background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event06-mission1-on.jpg');} #dietRace #event06 .misson-list2.on {background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event06-mission2-on.jpg');} #dietRace #event06 .misson-list3.on {background-image:url('https://file.rankingdak.com/image/event/m/event_dietRace/event06-mission3-on.jpg');} /* 3월 신규회원 이벤트 */ #newFriend .top-main {position: relative;} #newFriend .top-main .main-gif {position: absolute;top: 34%;left: 0;} #newFriend .event_tab ul:after {content:''; display:block; clear:both;} #newFriend .event_tab ul li a img.off {display:block;} #newFriend .event_tab ul li a img.on {display:none;} #newFriend .event_tab ul li a.on img.off {display:none;} #newFriend .event_tab ul li a.on img.on {display:block;} #newFriend .event_tab_scroll{background:none;top:0;} #newFriend .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #newFriend .event_tab_wrap{box-sizing: border-box;width:100%;} #newFriend .event_tab_scroll {box-sizing: border-box;width:100%;} #newFriend img{margin-top:-1px;} #newFriend .event-cpn-tab {display: flex; justify-content: center; background-color: #D1FFBC;} #newFriend .event-cpn-tab li {width: 50%;height: min(15.6vw, 116px);} #newFriend .event-tab-area {display: none;} #newFriend .event-tab-area.on {display: block;} #newFriend .event01-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/event01-tab01.jpg"); background-repeat: no-repeat; background-size: contain;} #newFriend .event01-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/event01-tab01_on.jpg"); background-repeat: no-repeat; background-size: contain;} #newFriend .event01-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/event01-tab02.jpg"); background-repeat: no-repeat;background-size: contain;} #newFriend .event01-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/event01-tab02_on.jpg"); background-repeat: no-repeat;background-size: contain;} #newFriend .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #newFriend .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #newFriend .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #newFriend .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/eventTimeDeal_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #newFriend .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #newFriend .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #newFriend .time-deal-prod-wrap > .time-deal-prod {width: 88.9%; vertical-align: top; height: auto; position: relative;} #newFriend .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #newFriend .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #newFriend .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #newFriend .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #newFriend .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #newFriend .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {display: flex;justify-content: center;} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #newFriend .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #newFriend .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #newFriend .time-deal-prod-wrap > .time-deal-prod .prd-item {} #newFriend .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #newFriend .day-prod ul li div {position: relative;} #newFriend .day-prod ul li div>div.done {display: none;} #newFriend .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #newFriend .prod-wrap-bg2{background-color:#F7F7F7; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #newFriend #event03 .prod-wrap-bg2 li.colum {vertical-align: top; margin-right: 8.7%;} #newFriend #event03 .prod-wrap-bg2 .prod-default-list {padding: 0 0 6.7% 4.4%;} #newFriend .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #newFriend .prod-wrap-bg .img{position: relative; border-radius: 4px;} #newFriend .prod-wrap-bg .img .done{display: none;} #newFriend .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #newFriend .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #newFriend .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #newFriend .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #newFriend .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #newFriend .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #newFriend .prd-item .price > .num {font-size: 17px;} #newFriend .prd-item .sale strong {font-size: 15px;} #newFriend .prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #newFriend .prod-default-list > li {padding-bottom: 20px;} #newFriend .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #newFriend .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #newFriend .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #newFriend .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #newFriend .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #newFriend .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #newFriend .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #newFriend .alertbox .information.on{display:block;} #newFriend .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #newFriend .alertbox .information p:first-child{padding-bottom:5px;} #newFriend .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #newFriend .alertbox .title p{font-size: 15px;line-height: 27px;} #newFriend .alertbox .title p.login-check{display:none;} #newFriend .alertbox .title p.login-check.on{display:block;} #newFriend .alertbox .title .del{display:none;} #newFriend .alertbox .alert-button{padding-top:24px;} #newFriend .alertbox .alert-button .del{display:none;} #newFriend .alertbox .alert-button .login-check-btn{display:none;} #newFriend .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #newFriend #event01 {background-color:#FFFFEC; } #newFriend #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/con02-bg.jpg");background-size: 100% 100%;} #newFriend #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #newFriend #event02 .prod-bg ul li{display: flex;} #newFriend #event02 .prod-bg ul li img{margin:unset;} #newFriend #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #newFriend #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #newFriend #event02 .prod-bg ul li .prod .done.soldView{display: block;} #newFriend #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-color:#02CE7A; background-repeat:no-repeat; background-size: 100% 100%; padding-bottom:20px; background-position: center top;margin-top:-1px;} #newFriend #event02 .prod-wrap-bg1 .prd-item .sale {color:#02CE7A;} #newFriend #event02 .prod-wrap-bg1 .prd-item .origin {margin-right: 4px;} #newFriend #event02 .prod-wrap-bg1 .prod-default-list {padding: 0% 5% 2%;} #newFriend #event03 .prod-wrap-bg1 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #newFriend #event03 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item .img { height: min(42.3vw, 317px);} #newFriend .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/prod_bg01_01.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #newFriend .prod-wrap-bg1 .prod-default-list { padding: 5.4% 10%;} #newFriend #event03 .prod-wrap-bg1 .prod-info {margin-top: 23px;} #newFriend #event03 .prod-wrap-bg1 .prod-info .tit {text-align: center;} #newFriend #event03 .prod-wrap-bg1 .prod-info .price-group {justify-content: center;} #newFriend #event03 {background-color:#78D66D; } #newFriend #event04 .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_newFriend/prod_bg-02.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #newFriend #event04 .prod-wrap-bg2 .prod-default-list { padding: 8% 10%;} #newFriend #event04 .prod-wrap-bg1 .prod-info {margin-top: 23px;} #newFriend #event04 .prod-wrap-bg2 .prod-info {margin-top: 23px;} #newFriend #event04 .prod-wrap-bg1 .prod-info .tit {text-align: center;} #newFriend #event04 .prod-wrap-bg1 .prod-info .price-group {justify-content: center;} #newFriend #event04 .prod-wrap-bg2 .prod-info .tit {text-align: center;} #newFriend #event04 .prod-wrap-bg2 .prod-info .price-group {justify-content: center;} #newFriend #event04 {background-color:#78D66D; } #newFriend #event04 .prod-wrap-bg2 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #newFriend #event04 .prod-wrap-bg2 .prod-default-list > li:first-child{padding-bottom: 18.2%;} #newFriend #event04 .prod-wrap-bg2 .prod-default-list > li:first-child:after{ content: "";top: 89%; border-bottom: 4px dashed #D1D1D1; width: 112%; display: block; position: absolute; left: -6%;} #newFriend #event04 .prod-wrap-bg2 .prod-default-list > li:nth-child(2n) {margin-left:0;} #newFriend #event05 {background-color: #FFFADB;} #newFriend #event02 .playStore-btn {width: 44%;display: inline-block;height: 7%;top: 66%;position: absolute;left: 5%;} #newFriend #event02 .ios-btn {width: 44%;display: inline-block;height: 7%;top: 66%;position: absolute;left: 51%;} #ranchelin img{display: block;margin-top:-1px;} #ranchelin .ev-tab-warp{position: relative;} #ranchelin .ev-tab-warp ul{display: flex;position: absolute;top:0;left:0;width:100%;height: 100%;} #ranchelin .ev-tab-warp ul li{flex:1;height: 100%;} #ranchelin .ev-tab-warp ul li a {width:100%; height: 100%;display: block;} #ranchelin .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #ranchelin .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #ranchelin .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #ranchelin .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_ranchelin/con01-prd-bg1.png");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #ranchelin .time-deal-prod-wrap.bg1-2 { background-image: url("https://file.rankingdak.com/image/event/m/event_ranchelin/con01-prd-bg2.png");} #ranchelin .time-deal-prod-wrap.bg2-1 { background-image: url("https://file.rankingdak.com/image/event/m/event_ranchelin/con02-prd-bg1.png");} #ranchelin .time-deal-prod-wrap.bg2-2 { background-image: url("https://file.rankingdak.com/image/event/m/event_ranchelin/con02-prd-bg2.png");} #ranchelin .time-deal-prod-wrap.bg3-1 { background-image: url("https://file.rankingdak.com/image/event/m/event_ranchelin/con03-prd-bg1.png");} #ranchelin .time-deal-prod-wrap.bg3-2 { background-image: url("https://file.rankingdak.com/image/event/m/event_ranchelin/con03-prd-bg2.png");} #ranchelin .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #ranchelin .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #ranchelin .time-deal-prod-wrap > .time-deal-prod {width: 88.9%;vertical-align: top;height: auto;position: relative;} #ranchelin .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #ranchelin .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {display: flex;justify-content: center;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top;line-height: 20px;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #ranchelin .time-deal-prod-wrap > .time-deal-prod .prd-item {} #ranchelin .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #ranchelin .banner-wrap{background: #474646;padding-bottom:60px;} #ranchelin .banner-wrap ul{display: flex; flex-direction: column;gap:15px;} /* 이시영 픽 이벤트 */ #myPick .top-main {position: relative;} #myPick .top-main .main-gif {position: absolute;top: 34%;left: 0;} #myPick .event_tab ul:after {content:''; display:block; clear:both;} #myPick .event_tab ul li a img.off {display:block;} #myPick .event_tab ul li a img.on {display:none;} #myPick .event_tab ul li a.on img.off {display:none;} #myPick .event_tab ul li a.on img.on {display:block;} #myPick .event_tab_scroll{background:none;top:0;} #myPick .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #myPick .event_tab_wrap{box-sizing: border-box;width:100%;} #myPick .event_tab_scroll {box-sizing: border-box;width:100%;} #myPick img{margin-top:-1px;} #myPick .event-cpn-tab {display: flex; justify-content: center; background-color: #D1FFBC;} #myPick .event-cpn-tab li {width: 50%;height: min(15.6vw, 116px);} #myPick .event-tab-area {display: none;} #myPick .event-tab-area.on {display: block;} #myPick .event01-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/event01-tab01.jpg"); background-repeat: no-repeat; background-size: contain;} #myPick .event01-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/event01-tab01_on.jpg"); background-repeat: no-repeat; background-size: contain;} #myPick .event01-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/event01-tab02.jpg"); background-repeat: no-repeat;background-size: contain;} #myPick .event01-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/event01-tab02_on.jpg"); background-repeat: no-repeat;background-size: contain;} #myPick .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #myPick .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #myPick .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #myPick .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/eventTimeDeal_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #myPick .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #myPick .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #myPick .time-deal-prod-wrap > .time-deal-prod {width: 88.9%; vertical-align: top; height: auto; position: relative;} #myPick .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #myPick .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #myPick .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #myPick .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #myPick .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #myPick .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {display: flex;justify-content: center;} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #myPick .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #myPick .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #myPick .time-deal-prod-wrap > .time-deal-prod .prd-item {} #myPick .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #myPick .day-prod ul li div {position: relative;} #myPick .day-prod ul li div>div.done {display: none;} #myPick .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #myPick .prod-wrap-bg2{background-color:#F7F3EA; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #myPick #event03 .prod-wrap-bg2 li.colum {vertical-align: top; margin-right: 8.7%;} #myPick #event03 .prod-wrap-bg2 .prod-default-list {padding: 0 0 6.7% 4.4%;} #myPick .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #myPick .prod-wrap-bg .img{position: relative; border-radius: 4px;} #myPick .prod-wrap-bg .img .done{display: none;} #myPick .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #myPick .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #myPick .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #myPick .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #myPick .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #myPick .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #myPick .prd-item .price > .num {font-size: 17px;} #myPick .prd-item .sale strong {font-size: 15px;} #myPick .prod-default-list { padding: 0 0 6.7% 0; padding-bottom: 10px; justify-content: space-between;} #myPick .prod-default-list > li {padding-bottom: 20px;} #myPick .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #myPick .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #myPick .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #myPick .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #myPick .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #myPick .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #myPick .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #myPick .alertbox .information.on{display:block;} #myPick .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #myPick .alertbox .information p:first-child{padding-bottom:5px;} #myPick .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #myPick .alertbox .title p{font-size: 15px;line-height: 27px;} #myPick .alertbox .title p.login-check{display:none;} #myPick .alertbox .title p.login-check.on{display:block;} #myPick .alertbox .title .del{display:none;} #myPick .alertbox .alert-button{padding-top:24px;} #myPick .alertbox .alert-button .del{display:none;} #myPick .alertbox .alert-button .login-check-btn{display:none;} #myPick .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #myPick #event01 {background-color:#FFFFEC; } #myPick #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/con02-bg.jpg");background-size: 100% 100%;} #myPick #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #myPick #event02 .prod-bg ul li{display: flex;} #myPick #event02 .prod-bg ul li img{margin:unset;} #myPick #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #myPick #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #myPick #event02 .prod-bg ul li .prod .done.soldView{display: block;} #myPick #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-color:#02CE7A; background-repeat:no-repeat; background-size: 100% 100%; padding-bottom:20px; background-position: center top;margin-top:-1px;} #myPick #event02 .prod-wrap-bg1 .prd-item .sale {color:#02CE7A;} #myPick #event02 .prod-wrap-bg1 .prd-item .origin {margin-right: 4px;} #myPick #event02 .prod-wrap-bg1 .prod-default-list {padding: 0% 5% 2%;} #myPick #event03 .prod-wrap-bg1 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #myPick #event03 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item .img { height: min(42.3vw, 317px);} #myPick .prod-wrap-bg1{background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/prod_bg01_01.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #myPick .prod-wrap-bg1 .prod-default-list { padding: 5.4% 10%;} #myPick #event03 .prod-wrap-bg1 .prod-info {margin-top: 23px;} #myPick #event03 .prod-wrap-bg1 .prod-info .tit {text-align: center;} #myPick #event03 .prod-wrap-bg1 .prod-info .price-group {justify-content: center;} #myPick #event03 {background-color:#78D66D; } #myPick #event04 .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_myPick/prod_bg-02.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #myPick #event04 .prod-wrap-bg2 .prod-default-list { padding: 8% 10%;} #myPick #event04 .prod-wrap-bg1 .prod-info {margin-top: 23px;} #myPick #event04 .prod-wrap-bg2 .prod-info {margin-top: 23px;} #myPick #event04 .prod-wrap-bg1 .prod-info .tit {text-align: center;} #myPick #event04 .prod-wrap-bg1 .prod-info .price-group {justify-content: center;} #myPick #event04 .prod-wrap-bg2 .prod-info .tit {text-align: center;} #myPick #event04 .prod-wrap-bg2 .prod-info .price-group {justify-content: center;} #myPick #event04 {background-color:#78D66D; } #myPick #event04 .prod-wrap-bg2 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #myPick #event04 .prod-wrap-bg2 .prod-default-list > li:first-child{padding-bottom: 18.2%;} #myPick #event04 .prod-wrap-bg2 .prod-default-list > li:first-child:after{ content: "";top: 89%; border-bottom: 4px dashed #D1D1D1; width: 112%; display: block; position: absolute; left: -6%;} #myPick #event04 .prod-wrap-bg2 .prod-default-list > li:nth-child(2n) {margin-left:0;} #myPick #event05 {background-color: #FFFADB;} #myPick #event02 .playStore-btn {width: 44%;display: inline-block;height: 7%;top: 66%;position: absolute;left: 5%;} #myPick #event02 .ios-btn {width: 44%;display: inline-block;height: 7%;top: 66%;position: absolute;left: 51%;} #myPick #event06 .swiper-container {padding-left:4.7%;} #myPick #event06 .prod-wrap-bg li.colum {vertical-align: top; margin-right: 8.7%;} #myPick #event07 {background:#F7F3EA;} /* 리스타트 2025 */ #aprilKingSale .event_tab ul:after {content:''; display:block; clear:both;background: #21262C;} #aprilKingSale .event_tab ul li a img.off {display:block;} #aprilKingSale .event_tab ul li a img.on {display:none;} #aprilKingSale .event_tab ul li a.on img.off {display:none;} #aprilKingSale .event_tab ul li a.on img.on {display:block;} #aprilKingSale .event_tab_scroll{background:#21262C;top:0;} #aprilKingSale .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #aprilKingSale .event_tab_wrap{box-sizing: border-box;width:100%;margin-top:-2px;} #aprilKingSale .event_tab_scroll {box-sizing: border-box;width:100%;} #aprilKingSale img{margin-top:-1px;} #aprilKingSale .top-main video{width:100%;} #aprilKingSale .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #aprilKingSale .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #aprilKingSale .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #aprilKingSale .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_reStart2025/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top;line-height: 20px;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .prd-item {} #aprilKingSale .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #aprilKingSale .day-prod ul li div {position: relative;} #aprilKingSale .day-prod ul li div>div.done {display: none;} #aprilKingSale .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #aprilKingSale .prod-wrap-bg2{background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;background-image:url('https://file.rankingdak.com/image/event/m/event_aprilKingSale/con03-bg.png'); padding-bottom:60px;} #aprilKingSale .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #aprilKingSale .prod-wrap-bg .img{position: relative; border-radius: 4px;background: none;} #aprilKingSale .prod-wrap-bg .img .done{display: none;} #aprilKingSale .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #aprilKingSale .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #aprilKingSale .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #aprilKingSale .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #aprilKingSale .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #aprilKingSale .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #aprilKingSale .prd-item .price > .num {font-size: 17px;} #aprilKingSale .prd-item .sale strong {font-size: 15px;} #aprilKingSale .prod-default-list {padding: 8% 10%;padding-bottom: 10px;justify-content: space-between;} #aprilKingSale .prod-wrap-bg1 .prod-default-list{gap:30px;} #aprilKingSale .prod-wrap-bg1 .prod-default-list > li{width:100%;margin:0;padding:0;} #aprilKingSale .prod-wrap-bg2 .prod-default-list{ padding: 4% 5%;margin: 4% 5%;width: auto;border-radius: 10px;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(73, 117, 255, 0.50);} #aprilKingSale .prod-wrap-bg2 .swiper-pagination2{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);text-align: center;} #aprilKingSale .prod-wrap-bg2 .swiper-pagination-bullet{background: rgba(255,255,255,0.3);} #aprilKingSale .prod-wrap-bg2 .swiper-pagination-bullet-active{background: #fff;} #aprilKingSale .prod-bg3 {padding:0 5% 30px;background-image:url('https://file.rankingdak.com/image/event/m/event_aprilKingSale/con04-bg.png');background-size: 100%;display: block;margin-top:-1px;} #aprilKingSale .prod-bg4 {padding:0 5% 30px;background-image:url('https://file.rankingdak.com/image/event/m/event_aprilKingSale/con05-bg.png');background-size: 100%;display: block;margin-top:-1px;} #aprilKingSale .prod-bg5 {padding:0 5% 30px;background-image:url('https://file.rankingdak.com/image/event/m/event_aprilKingSale/con06-bg.png');background-size: 100%;display: block;margin-top:-1px;} #aprilKingSale .prod-bg-ev .img{position: relative; border-radius: 4px;background: none;} #aprilKingSale .prod-bg-ev .img .done{display: none;} #aprilKingSale .prod-bg-ev .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #aprilKingSale .prod-bg-ev .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;color:#fff;} #aprilKingSale .prod-bg-ev .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #aprilKingSale .prod-bg-ev .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #aprilKingSale .prod-bg-ev .price {margin: 0 4px 0 0; color:#fff;} #aprilKingSale .prod-bg-ev .desc-bottom{ margin: 0 0 0;text-align: left;} /*#aprilKingSale .prod-default-list > li {padding-bottom: 20px;}*/ #aprilKingSale .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #aprilKingSale .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #aprilKingSale .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #aprilKingSale .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #aprilKingSale .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #aprilKingSale .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #aprilKingSale .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #aprilKingSale .alertbox .information.on{display:block;} #aprilKingSale .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #aprilKingSale .alertbox .information p:first-child{padding-bottom:5px;} #aprilKingSale .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #aprilKingSale .alertbox .title p{font-size: 15px;line-height: 27px;} #aprilKingSale .alertbox .title p.login-check{display:none;} #aprilKingSale .alertbox .title p.login-check.on{display:block;} #aprilKingSale .alertbox .title .del{display:none;} #aprilKingSale .alertbox .alert-button{padding-top:24px;} #aprilKingSale .alertbox .alert-button .del{display:none;} #aprilKingSale .alertbox .alert-button .login-check-btn{display:none;} #aprilKingSale .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #aprilKingSale #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_aprilKingSale/con02-bg.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #aprilKingSale .event-btn {position: relative;} #aprilKingSale .event-btn a { width: 50%;height: 66%;position: absolute;left: 50%;transform: translate(-50%);top: 29%;} #aprilKingSale .prod-wrap-bg1 .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #aprilKingSale .prod-wrap-bg1 .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #aprilKingSale .prod-wrap-bg1 .price {margin: 0 4px 0 0; color:#333;} #aprilKingSale .prod-wrap-bg1 .desc-bottom{ margin: 0 0 0;text-align: center;} #aprilKingSale .prod-wrap-bg1 .prod-default-list .tit {color:#fff;font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #aprilKingSale .prod-wrap-bg1 .prod-default-list .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #aprilKingSale .prod-wrap-bg1 .prod-default-list .price {margin: 0 4px 0 0; color:#fff;} #aprilKingSale .prod-wrap-bg1 .prod-default-list .desc-bottom{ margin: 0 0 0;text-align: center;} #orangeMember4th .event_tab ul li a img.off {display:block;} #orangeMember4th .event_tab ul li a img.on {display:none;} #orangeMember4th .event_tab ul li a.on img.off {display:none;} #orangeMember4th .event_tab ul li a.on img.on {display:block;} #orangeMember4th .event_tab_scroll{background:none;top:0;} #orangeMember4th .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #orangeMember4th .event_tab_wrap{box-sizing: border-box;width:100%;} #orangeMember4th .event_tab_scroll {box-sizing: border-box;width:100%;} #orangeMember4th img{margin-top:-1px;} #orangeMember4th .event-cpn-tab {display: flex; justify-content: center; background-color: #D1FFBC;} #orangeMember4th .event-cpn-tab li {width: 50%;height: min(15.6vw, 116px);} #orangeMember4th .event-tab-area {display: none;} #orangeMember4th .event-tab-area.on {display: block;} #orangeMember4th .event01-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_orangeMember4th/event01-tab01.jpg"); background-repeat: no-repeat; background-size: contain;} #orangeMember4th .event01-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_orangeMember4th/event01-tab01_on.jpg"); background-repeat: no-repeat; background-size: contain;} #orangeMember4th .event01-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_orangeMember4th/event01-tab02.jpg"); background-repeat: no-repeat;background-size: contain;} #orangeMember4th .event01-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_orangeMember4th/event01-tab02_on.jpg"); background-repeat: no-repeat;background-size: contain;} #orangeMember4th .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #orangeMember4th .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #orangeMember4th .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #orangeMember4th .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_orangeMember4th/eventTimeDeal_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod {width: 88.9%; vertical-align: top; height: auto; position: relative;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {display: flex;justify-content: center;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .prd-item {} #orangeMember4th .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #orangeMember4th .day-prod ul li div {position: relative;} #orangeMember4th .day-prod ul li div>div.done {display: none;} #orangeMember4th .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #orangeMember4th .prod-wrap-bg2{background-color:#F7F7F7; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #orangeMember4th #event03 .prod-wrap-bg2 li.colum {vertical-align: top; margin-right: 8.7%;} #orangeMember4th #event03 .prod-wrap-bg2 .prod-default-list {padding: 0 0 6.7% 0;} #orangeMember4th #event03 .swiper-container {padding-left:4.4%;} #orangeMember4th .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #orangeMember4th .prod-wrap-bg .img{position: relative; border-radius: 4px;} #orangeMember4th .prod-wrap-bg .img .done{display: none;} #orangeMember4th .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #orangeMember4th .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #orangeMember4th .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #orangeMember4th #event02 .prod-wrap-bg .price-group {margin-top: 26%;} @media screen and (max-width: 400px){ #orangeMember4th #event02 .prod-wrap-bg .price-group {margin-top: 22%;} } @media screen and (max-width: 376px){ #orangeMember4th #event02 .prod-wrap-bg .price-group {margin-top: 20%;} } @media screen and (max-width: 360px){ #orangeMember4th #event02 .prod-wrap-bg .price-group {margin-top: 18%;} } #orangeMember4th .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #orangeMember4th .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #orangeMember4th .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #orangeMember4th .prd-item .price > .num {font-size: 17px;} #orangeMember4th .prd-item .sale strong {font-size: 15px;} #orangeMember4th .prod-default-list {padding: 8% 5.3%; padding-bottom: 10px; justify-content: space-between;} #orangeMember4th .prod-default-list > li {padding-bottom: 20px;} #orangeMember4th .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #orangeMember4th .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #orangeMember4th .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #orangeMember4th .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #orangeMember4th .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #orangeMember4th .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #orangeMember4th .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #orangeMember4th .alertbox .information.on{display:block;} #orangeMember4th .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #orangeMember4th .alertbox .information p:first-child{padding-bottom:5px;} #orangeMember4th .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #orangeMember4th .alertbox .title p{font-size: 15px;line-height: 27px;} #orangeMember4th .alertbox .title p.login-check{display:none;} #orangeMember4th .alertbox .title p.login-check.on{display:block;} #orangeMember4th .alertbox .title .del{display:none;} #orangeMember4th .alertbox .alert-button{padding-top:24px;} #orangeMember4th .alertbox .alert-button .del{display:none;} #orangeMember4th .alertbox .alert-button .login-check-btn{display:none;} #orangeMember4th .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #orangeMember4th #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_orangeMember4th/con02-bg.jpg");background-size: 100% 100%;} #orangeMember4th #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #orangeMember4th #event02 .prod-bg ul li{display: flex;} #orangeMember4th #event02 .prod-bg ul li img{margin:unset;} #orangeMember4th #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #orangeMember4th #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #orangeMember4th #event02 .prod-bg ul li .prod .done.soldView{display: block;} #orangeMember4th #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-color:#02CE7A; background-repeat:no-repeat; background-size: 100% 100%; padding-bottom:20px; background-position: center top;margin-top:-1px;} #orangeMember4th #event02 .prod-wrap-bg1 .prd-item .sale {color:#02CE7A;} #orangeMember4th #event02 .prod-wrap-bg1 .prd-item .origin {margin-right: 4px;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list {padding: 0% 5% 2%;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:nth-child(2n) {margin-left:0;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item { background-color: #fff;box-shadow: none;padding: 4.5% 5% 4.5%;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item { border-radius: 6px;margin-top: 20px;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:first-child .prd-item { border-radius: 6px 6px 0 0;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:nth-of-type(3) .prd-item { border-radius: 0 0 6px 6px;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item:after { content: "";width: 90%;height: 1px;background-color: #E5E5E5;display: block;position: absolute;bottom: 0;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item .img { width: 39.5%;height:39.5%;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item .img { width: 98.77%;height: min(42.3vw, 317px);} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .desc-bottom { position: relative;left: 0;top: 5px;width: 100%;text-align: center;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .tit {text-align: center;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .price-group {justify-content: center; margin-top:0;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .pdt-title {display:none;} #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li .desc-bottom { position: absolute;left: 46%;top: 15px;width: 50%;} #orangeMember4th #event02 .prod-wrap-bg1 .pdt-title { border-radius: 99px; padding: 1px 11px; color: #02CE7A; width: 94px; text-align: center; font-size: 12px; font-weight: 900; line-height: 24px; background: #D1FFBC;} @media screen and (min-width: 750px){ #orangeMember4th #event02 .prod-wrap-bg1 .prod-default-list > li .desc-bottom{top:30px;} #orangeMember4th #event02 .prod-wrap-bg .price-group {margin-top: 51%;} } #orangeMember4th #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_orangeMember4th/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #orangeMember4th #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_orangeMember4th/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #orangeMember4th .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_orangeMember4th/event04_prod-bg4.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #orangeMember4th #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_orangeMember4th/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #orangeMember4th #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #orangeMember4th .prod-info .tit {color:#333;} #orangeMember4th .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #orangeMember4th .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #orangeMember4th .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #orangeMember4th .event-btn {position: relative;} #orangeMember4th #event01 ul li {padding-bottom: 20px;} #orangeMember4th #event01 ul li:last-child {padding-bottom: 0;} #orangeMember4th #event01 .prod-wrap-bg1 {background-color: #F7F7F7;} #orangeMember4th #event01 .ranking-balloon {position: absolute; width: 28%; height: 8.5%; right: 0; bottom: 0.5%;} #orangeMember4th #event02 .tab-toggle {display:none;} #orangeMember4th #event02 .notice-tab .tab-01 {background-image:url('https://file.rankingdak.com/image/event/m/event_orangeMember4th/con02-notice.jpg'); background-size: cover;height: 20vw;background-repeat: no-repeat;display: block;} #orangeMember4th #event02 .notice-tab .tab-01.on {background-image:url('https://file.rankingdak.com/image/event/m/event_orangeMember4th/con02-notice-on.png');} #orangeMember4th #event02 {background-color: #FFF1E7;} #popupStore .event_tab ul li a img.off {display:block;} #popupStore .event_tab ul li a img.on {display:none;} #popupStore .event_tab ul li a.on img.off {display:none;} #popupStore .event_tab ul li a.on img.on {display:block;} #popupStore .event_tab_scroll{background:none;top:0;} #popupStore .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #popupStore .event_tab_wrap{box-sizing: border-box;width:100%;} #popupStore .event_tab_scroll {box-sizing: border-box;width:100%;} #popupStore img{margin-top:-1px;} #popupStore .event-cpn-tab {display: flex; justify-content: center; background-color: #D1FFBC;} #popupStore .event-cpn-tab li {width: 50%;height: min(15.6vw, 116px);} #popupStore .event-tab-area {display: none;} #popupStore .event-tab-area.on {display: block;} #popupStore .event01-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_popupStore/event01-tab01.jpg"); background-repeat: no-repeat; background-size: contain;} #popupStore .event01-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_popupStore/event01-tab01_on.jpg"); background-repeat: no-repeat; background-size: contain;} #popupStore .event01-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_popupStore/event01-tab02.jpg"); background-repeat: no-repeat;background-size: contain;} #popupStore .event01-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_popupStore/event01-tab02_on.jpg"); background-repeat: no-repeat;background-size: contain;} #popupStore .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #popupStore .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #popupStore .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #popupStore .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_popupStore/eventTimeDeal_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #popupStore .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #popupStore .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #popupStore .time-deal-prod-wrap > .time-deal-prod {width: 88.9%; vertical-align: top; height: auto; position: relative;} #popupStore .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #popupStore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #popupStore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #popupStore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #popupStore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #popupStore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: center;} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {display: flex;justify-content: center;} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #popupStore .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #popupStore .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #popupStore .time-deal-prod-wrap > .time-deal-prod .prd-item {} #popupStore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #popupStore .day-prod ul li div {position: relative;} #popupStore .day-prod ul li div>div.done {display: none;} #popupStore .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #popupStore .prod-wrap-bg2{background-color:#fff; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #popupStore #event03 .prod-wrap-bg2 li.colum {vertical-align: top; margin-right: 8.7%;} #popupStore #event03 .prod-wrap-bg2 .prod-default-list {padding: 0 0 6.7% 0;} #popupStore #event03 .swiper-container {padding-left:4.4%;} #popupStore .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #popupStore .prod-wrap-bg .img{position: relative; border-radius: 4px;} #popupStore .prod-wrap-bg .img .done{display: none;} #popupStore .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #popupStore .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #popupStore .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #popupStore .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #popupStore .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #popupStore .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #popupStore .prd-item .price > .num {font-size: 17px;} #popupStore .prd-item .sale strong {font-size: 15px;} #popupStore .prod-default-list {padding: 8% 9% 4%; padding-bottom: 10px; justify-content: space-between;} #popupStore .prod-default-list > li {padding-bottom: 20px;} #popupStore .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #popupStore .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #popupStore .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #popupStore .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #popupStore .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #popupStore .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #popupStore .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #popupStore .alertbox .information.on{display:block;} #popupStore .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #popupStore .alertbox .information p:first-child{padding-bottom:5px;} #popupStore .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #popupStore .alertbox .title p{font-size: 15px;line-height: 27px;} #popupStore .alertbox .title p.login-check{display:none;} #popupStore .alertbox .title p.login-check.on{display:block;} #popupStore .alertbox .title .del{display:none;} #popupStore .alertbox .alert-button{padding-top:24px;} #popupStore .alertbox .alert-button .del{display:none;} #popupStore .alertbox .alert-button .login-check-btn{display:none;} #popupStore .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #popupStore #event02 .prod-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_popupStore/con02-bg.jpg");background-size: 100% 100%;} #popupStore #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #popupStore #event02 .prod-bg ul li{display: flex;} #popupStore #event02 .prod-bg ul li img{margin:unset;} #popupStore #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #popupStore #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #popupStore #event02 .prod-bg ul li .prod .done.soldView{display: block;} #popupStore #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-color:#F7F7F7; background-repeat:no-repeat; background-size: 100% 100%; padding-bottom:20px; background-position: center top;margin-top:-1px;} #popupStore #event02 .prod-wrap-bg1 .prd-item .sale {color:#02CE7A;} #popupStore #event02 .prod-wrap-bg1 .prd-item .origin {margin-right: 4px;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list {padding: 0% 5% 2%;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li {padding: 0;min-height: initial;border: 0;position: relative;width: 100%; padding-bottom: 0; padding-bottom: 0;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:nth-child(2n) {margin-left:0;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item { background-color: #fff;box-shadow: none;padding: 4.5% 5% 4.5%;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item { border-radius: 6px;margin-top: 20px;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:first-child .prd-item { border-radius: 6px 6px 0 0;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:nth-of-type(3) .prd-item { border-radius: 0 0 6px 6px;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item:after { content: "";width: 90%;height: 1px;background-color: #E5E5E5;display: block;position: absolute;bottom: 0;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li .prd-item .img { width: 39.5%;height:39.5%;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .prd-item .img { width: 98.77%;height: min(42.3vw, 317px);} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .desc-bottom { position: relative;left: 0;top: 5px;width: 100%;text-align: center;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .tit {text-align: center;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .price-group {justify-content: center; margin-top:0;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li:last-child .pdt-title {display:none;} #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li .desc-bottom { position: absolute;left: 46%;top: 15px;width: 50%;} #popupStore #event02 .prod-wrap-bg1 .pdt-title { border-radius: 99px; padding: 1px 11px; color: #02CE7A; width: 94px; text-align: center; font-size: 12px; font-weight: 900; line-height: 24px; background: #D1FFBC;} @media screen and (min-width: 750px){ #popupStore #event02 .prod-wrap-bg1 .prod-default-list > li .desc-bottom{top:30px;} #popupStore #event02 .prod-wrap-bg .price-group {margin-top: 51%;} } #popupStore #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_popupStore/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #popupStore #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_popupStore/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #popupStore .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_popupStore/event03_prod-bg1.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #popupStore #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_popupStore/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #popupStore #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #popupStore .prod-info .tit {color:#333;} #popupStore .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #popupStore .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #popupStore .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #popupStore .event-btn {position: relative;} #popupStore #event01 ul li {padding-bottom: 20px;} #popupStore #event01 ul li:last-child {padding-bottom: 0;} #popupStore #event01 .prod-wrap-bg1 {background-color: #F7F7F7;} #popupStore #event01 .ranking-balloon {position: absolute; width: 28%; height: 8.5%; right: 0; bottom: 0.5%;} #popupStore #event02 .tab-toggle {display:none;} #popupStore #event02 .notice-tab .tab-01 {background-image:url('https://file.rankingdak.com/image/event/m/event_popupStore/con02-notice.jpg'); background-size: cover;height: 20vw;background-repeat: no-repeat;display: block;} #popupStore #event02 .notice-tab .tab-01.on {background-image:url('https://file.rankingdak.com/image/event/m/event_popupStore/con02-notice-on.png');} #popupStore #event02 {background-color: #F7F7F7;} #popupStore #event04 {background-color: #181F27;} #popupStore .prod-bg-ev .img{position: relative; border-radius: 4px;background: none;} #popupStore .prod-bg-ev .img .done{display: none;} #popupStore .prod-bg-ev .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #popupStore .prod-bg-ev .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;color:#333;} #popupStore .prod-bg-ev .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #popupStore .prod-bg-ev .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #popupStore .prod-bg-ev .price {margin: 0 4px 0 0; color:#333;} #popupStore .prod-bg-ev .desc-bottom{ margin: 0 0 0;text-align: left;} #popupStore .prod-bg3 {padding: 0 5% 0; background-size: 100%; display: block; margin-top: -1px;} #popupStore .prod-bg4 {padding: 0 5% 0; background:#fff; display: block; margin-top: -1px;} #gongChanPick .con01-video{background-image:url('https://file.rankingdak.com/image/event/m/event_gongChanPick/ev-youtube-bg.png'); padding:50px 16px;} #gongChanPick .video-wrap{position: relative;padding-top: 56.25%;display: block;} #gongChanPick .video-wrap > iframe{position: absolute;top: 0;left:0;height: 100% !important;width: 100%;} #gongChanPick .top-main {position: relative;} #gongChanPick img{margin-top:-1px;display: block;} #gongChanPick .prod-wrap-bg2{background-color:#FFFFFF; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;padding-bottom:60px;} #gongChanPick .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #gongChanPick .prod-wrap-bg .img{position: relative; border-radius: 4px;} #gongChanPick .prod-wrap-bg .img .done{display: none;} #gongChanPick .prod-wrap-bg .img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #gongChanPick .prod-wrap-bg .img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 26px;font-weight: 700;line-height: 34px;text-align: center;} #gongChanPick .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #gongChanPick .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #gongChanPick .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #gongChanPick .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #gongChanPick .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #gongChanPick .prd-item .price > .num {font-size: 17px;} #gongChanPick .prd-item .sale strong {font-size: 15px;} #gongChanPick .prod-default-list { padding: 0 0 6.7% 0;padding-bottom: 10px;justify-content: space-between;} #gongChanPick .prod-default-list > li {padding-bottom: 20px;} #gongChanPick #event06 .swiper-container {padding-left:4.7%;} #gongChanPick #event06 .prod-wrap-bg li.colum {vertical-align: top;margin-right: 8.7%;} #gongChanPick #event07 {background:#F7F3EA;} #earlySummer .event_tab ul:after {content:''; display:block; clear:both;background: #21262C;} #earlySummer .con1-event-area li:nth-of-type(2) {height: 3vw;} #earlySummer .con2-notice-area {background-color:#E6F6FA;} #earlySummer .show-btn {background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/con1-notice.jpg'); background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #earlySummer .show-btn2 {background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/con2-notice.jpg'); background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #earlySummer .con1-notice-area {background-color: #3995FF; } #earlySummer .con1-notice {background-color: #3995FF;} #earlySummer .event_tab ul li a img.off {display:block;} #earlySummer .event_tab ul li a img.on {display:none;} #earlySummer .event_tab ul li a.on img.off {display:none;} #earlySummer .event_tab ul li a.on img.on {display:block;} #earlySummer .event_tab_scroll{background:#F7FCFF;top:0;} #earlySummer .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #earlySummer .event_tab_scroll li:first-child {transform: scale(1.03);} #earlySummer #event02 .festa-btn {background-color:#F6FCFF; background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/festa-btn.jpg'); width: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;height: min(14vw, 100px);margin: 0 auto;} #earlySummer #event02 .festa-btn.confirm {background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/festa-confirm.jpg'); cursor:initial;} #earlySummer #event02 a {background: #F6FCFF;} #earlySummer .event_tab_wrap{box-sizing: border-box;width:100%;margin-top:-2px;} #earlySummer .event_tab_scroll {box-sizing: border-box;width:100%;} #earlySummer img{margin-top:-1px;} #earlySummer .top-main video{width:100%;} #earlySummer .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #earlySummer .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #earlySummer .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #earlySummer .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_reStart2025/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #earlySummer .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #earlySummer .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #earlySummer .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #earlySummer .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #earlySummer .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top;line-height: 20px;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #earlySummer .time-deal-prod-wrap > .time-deal-prod .prd-item {} #earlySummer .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #earlySummer .day-prod ul li div {position: relative;} #earlySummer .day-prod ul li div>div.done {display: none;} #earlySummer .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #earlySummer .prod-wrap-bg2{background-color: #fff;} #earlySummer .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #earlySummer .prod-wrap-bg .img{position: relative; border-radius: 4px;background: none;} #earlySummer .prod-wrap-bg .img .done{display: none;} #earlySummer .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #earlySummer .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #earlySummer .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #earlySummer .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #earlySummer .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #earlySummer .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #earlySummer .prd-item .price > .num {font-size: 17px;} #earlySummer .prd-item .sale strong {font-size: 15px;} #earlySummer .prod-default-list {padding: 8% 10%;padding-bottom: 10px;justify-content: space-between;} #earlySummer .prod-wrap-bg1 .prod-default-list{gap:30px;} #earlySummer .prod-wrap-bg1 .prod-default-list > li{width:100%;margin:0;padding:0;} #earlySummer .prod-wrap-bg2 .prod-default-list{ padding: 4% 5%;margin: 4% 5%;width: auto; background: #fff;} #earlySummer .prod-wrap-bg2 .swiper-pagination2{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);text-align: center;} #earlySummer .prod-wrap-bg2 .swiper-pagination-bullet{background: rgba(255,255,255,0.3);} #earlySummer .prod-wrap-bg2 .swiper-pagination-bullet-active{background: #fff;} #earlySummer .prod-bg3 {padding:0 5% 30px;background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/con04-bg.png');background-size: 100%;display: block;margin-top:-1px;} #earlySummer .prod-bg4 {padding:0 5% 30px;background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/con05-bg.png');background-size: 100%;display: block;margin-top:-1px;} #earlySummer .prod-bg5 {padding:0 5% 30px;background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/con06-bg.png');background-size: 100%;display: block;margin-top:-1px;} #earlySummer .prod-bg-ev .img{position: relative; border-radius: 4px;background: none;} #earlySummer .prod-bg-ev .img .done{display: none;} #earlySummer .prod-bg-ev .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #earlySummer .prod-bg-ev .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;color:#fff;} #earlySummer .prod-bg-ev .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #earlySummer .prod-bg-ev .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #earlySummer .prod-bg-ev .price {margin: 0 4px 0 0; color:#fff;} #earlySummer .prod-bg-ev .desc-bottom{ margin: 0 0 0;text-align: left;} /*#earlySummer .prod-default-list > li {padding-bottom: 20px;}*/ #earlySummer .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #earlySummer .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #earlySummer .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #earlySummer .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #earlySummer .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #earlySummer .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #earlySummer .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #earlySummer .alertbox .information.on{display:block;} #earlySummer .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #earlySummer .alertbox .information p:first-child{padding-bottom:5px;} #earlySummer .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #earlySummer .alertbox .title p{font-size: 15px;line-height: 27px;} #earlySummer .alertbox .title p.login-check{display:none;} #earlySummer .alertbox .title p.login-check.on{display:block;} #earlySummer .alertbox .title .del{display:none;} #earlySummer .alertbox .alert-button{padding-top:24px;} #earlySummer .alertbox .alert-button .del{display:none;} #earlySummer .alertbox .alert-button .login-check-btn{display:none;} #earlySummer .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #earlySummer #event03 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_earlySummer/con03-bg.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #earlySummer .event-btn {position: relative;} #earlySummer .event-btn a { width: 50%;height: 66%;position: absolute;left: 50%;transform: translate(-50%);top: 29%;} #earlySummer .prod-wrap-bg1 .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #earlySummer .prod-wrap-bg1 .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #earlySummer .prod-wrap-bg1 .price {margin: 0 4px 0 0; color:#333;} #earlySummer .prod-wrap-bg1 .desc-bottom{ margin: 0 0 0;text-align: center;} #earlySummer .prod-wrap-bg1 .prod-default-list .tit {color:#333;font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: center; -webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;} #earlySummer .prod-wrap-bg1 .prod-default-list .price-group {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} #earlySummer .prod-wrap-bg1 .prod-default-list .price {margin: 0 4px 0 0; color:#333;} #earlySummer .prod-wrap-bg1 .prod-default-list .desc-bottom{ margin: 0 0 0;text-align: center;} /* 쯔양 */ #thirteenthAnniversary .event_tab ul:after {content:''; display:block; clear:both;} #thirteenthAnniversary .event_tab ul li a img.off {display:block;} #thirteenthAnniversary .event_tab ul li a img.on {display:none;} #thirteenthAnniversary .event_tab ul li a.on img.off {display:none;} #thirteenthAnniversary .event_tab ul li a.on img.on {display:block;} #thirteenthAnniversary .event_tab_scroll{background:none;top:0;} #thirteenthAnniversary .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #thirteenthAnniversary .event_tab_wrap{box-sizing: border-box;width:100%;} #thirteenthAnniversary .event_tab_scroll {box-sizing: border-box;width:100%;} #thirteenthAnniversary img{margin-top:-1px;} #thirteenthAnniversary .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #thirteenthAnniversary .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #thirteenthAnniversary .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #thirteenthAnniversary .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .prd-item {} #thirteenthAnniversary .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #thirteenthAnniversary .day-prod ul li div {position: relative;} #thirteenthAnniversary .day-prod ul li div>div.done {display: none;} #thirteenthAnniversary .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #thirteenthAnniversary .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #thirteenthAnniversary .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #thirteenthAnniversary .prod-wrap-bg .img{position: relative; border-radius: 4px;} #thirteenthAnniversary .prod-wrap-bg .img .done{display: none;} #thirteenthAnniversary .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #thirteenthAnniversary .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #thirteenthAnniversary .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #thirteenthAnniversary .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #thirteenthAnniversary .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #thirteenthAnniversary .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #thirteenthAnniversary .prd-item .price > .num {font-size: 17px;} #thirteenthAnniversary .prd-item .sale strong {font-size: 15px;} #thirteenthAnniversary .prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #thirteenthAnniversary .prod-default-list > li {padding-bottom: 20px;} #thirteenthAnniversary .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #thirteenthAnniversary .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #thirteenthAnniversary .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #thirteenthAnniversary .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #thirteenthAnniversary .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #thirteenthAnniversary .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #thirteenthAnniversary .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #thirteenthAnniversary .alertbox .information.on{display:block;} #thirteenthAnniversary .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #thirteenthAnniversary .alertbox .information p:first-child{padding-bottom:5px;} #thirteenthAnniversary .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #thirteenthAnniversary .alertbox .title p{font-size: 15px;line-height: 27px;} #thirteenthAnniversary .alertbox .title p.login-check{display:none;} #thirteenthAnniversary .alertbox .title p.login-check.on{display:block;} #thirteenthAnniversary .alertbox .title .del{display:none;} #thirteenthAnniversary .alertbox .alert-button{padding-top:24px;} #thirteenthAnniversary .alertbox .alert-button .del{display:none;} #thirteenthAnniversary .alertbox .alert-button .login-check-btn{display:none;} #thirteenthAnniversary .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #thirteenthAnniversary #event02 .con02-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con02-bg.png");background-size: 100% 100%; padding-bottom: 16.3%;} #thirteenthAnniversary #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #thirteenthAnniversary #event02 .prod-bg ul li{display: flex;} #thirteenthAnniversary #event02 .prod-bg ul li img{margin:unset;} #thirteenthAnniversary #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #thirteenthAnniversary #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #thirteenthAnniversary #event02 .prod-bg ul li .prod .done.soldView{display: block;} #thirteenthAnniversary #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event02_prod-bg1.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #thirteenthAnniversary #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #thirteenthAnniversary #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #thirteenthAnniversary #event02 .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background: #3D77F5; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #thirteenthAnniversary #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #thirteenthAnniversary #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #thirteenthAnniversary .prod-info .tit {color:#333;} #thirteenthAnniversary .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #thirteenthAnniversary .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #thirteenthAnniversary .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #thirteenthAnniversary .event-btn {position: relative;} #thirteenthAnniversary .event-btn a { width: 50%;height: 66%;position: absolute;left: 50%;transform: translate(-50%);top: 29%;} #thirteenthAnniversary .con1-notice-area .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con1-notice.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #thirteenthAnniversary .con1-notice-area .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con1-notice-back.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #thirteenthAnniversary .con1-notice-area {background-color:#17173B; } #thirteenthAnniversary .Gatcha-area {width: 85.35%; position: relative;padding:5%; border-radius: 24px; margin:0 auto;border: 3px solid #000;background: #5151FF;} #thirteenthAnniversary .con2-event-area {padding-top: 7.2%;} #thirteenthAnniversary .con2-notice-btn{background-color:#17173B; } #thirteenthAnniversary .con2-event-btn .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con2-notice.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 76px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #thirteenthAnniversary .con2-event-btn .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con2-notice-back.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 76px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #thirteenthAnniversary .con2-event-btn {background-color:#5151FF;} #thirteenthAnniversary .con2-event-detail img{ margin-top:0;} #thirteenthAnniversary .con2-notice-btn .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con2-notice-1.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #thirteenthAnniversary .con2-notice-btn .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/con2-notice-back-1.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #thirteenthAnniversary .swiper-pagination-bullet-active {background: #fff; opacity: 1 !important;} #thirteenthAnniversary .swiper-pagination {position: absolute; bottom: min(10vw, 78px); left: 50%; transform: translateX(-50%); text-align: center;} #thirteenthAnniversary .swiper-pagination-bullet {width:6px; height: 6px; margin-right: 4px;} #thirteenthAnniversary .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {opacity: 0.3;} #thirteenthAnniversary .event03-bottom {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event03-bottom.jpg'); height: min(128px, 17.1vw); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #thirteenthAnniversary .prod-wrap-bg2 .colum {vertical-align: top; height: auto; position: relative; padding-bottom: 9.4%; width: min(80vw, 600px); margin: 0 auto;} #thirteenthAnniversary .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/prod_bg02_01.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #thirteenthAnniversary .prod-wrap-bg1{overflow:hidden; background: #202052; padding-bottom:60px; background-size: 100% 100%;background-position: center top;background-repeat: no-repeat; padding-bottom: min(18vw, 128px); } #thirteenthAnniversary .prod-wrap-bg2 .text-elps2 {color:#fff; text-align: center;} #thirteenthAnniversary .prod-wrap-bg2 .price {color:#fff;} #thirteenthAnniversary .prod-wrap-bg2 .price-group {justify-content: center;} #thirteenthAnniversary .prod-wrap-bg2 .img .soldView { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;gap: 2px 0;} #thirteenthAnniversary .prod-wrap-bg3 .prod-default-list { padding: 0% 4.7% 12%; padding-right: 0;} #thirteenthAnniversary .prod-wrap-bg3 {background-color: #FAFAFA;} #thirteenthAnniversary .prod-wrap-bg1 .prod-default-list {padding: 7% 5%; margin: 4% 5% 0; width: auto; border-radius: 10px; background: #FFF; } #thirteenthAnniversary .event-cpn-tab li > a {display: block; width:100%; height: 100%;} #thirteenthAnniversary .event-cpn-tab {position: relative; display: flex; justify-content: center; background-color: #F3F3F3; padding-bottom:12%; gap:2%;} #thirteenthAnniversary .event-cpn-tab li:first-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #thirteenthAnniversary .event-cpn-tab li:nth-of-type(2) {width: 21.9%;height: 11.55vw;cursor: pointer;} #thirteenthAnniversary .event-cpn-tab li:nth-of-type(3) {width: 21.9%;height: 11.55vw;cursor: pointer;} #thirteenthAnniversary .event-cpn-tab li:last-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #thirteenthAnniversary .event06-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab01-1.png"); background-repeat: no-repeat; background-size: contain;} #thirteenthAnniversary .event06-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab01_on-1.png"); background-repeat: no-repeat; background-size: contain;} #thirteenthAnniversary .event06-tab:nth-of-type(2) {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab02.png"); background-repeat: no-repeat; background-size: contain;} #thirteenthAnniversary .event06-tab:nth-of-type(2).on {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab02_on.png"); background-repeat: no-repeat; background-size: contain;} #thirteenthAnniversary .event06-tab:nth-of-type(3) {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab03.png"); background-repeat: no-repeat; background-size: contain;} #thirteenthAnniversary .event06-tab:nth-of-type(3).on {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab03_on.png"); background-repeat: no-repeat; background-size: contain;} #thirteenthAnniversary .event06-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab04.png"); background-repeat: no-repeat;background-size: contain;} #thirteenthAnniversary .event06-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_thirteenthAnniversary/event06-tab04_on.png"); background-repeat: no-repeat;background-size: contain;} #thirteenthAnniversary .tab-container {display: none;} #thirteenthAnniversary .tab-container.on {display: block;} #thirteenthAnniversary #event06 .prod-default-list { padding: 0% 4.7% 16%; background-color:#F3F3F3; padding-right: 0; } #thirteenthAnniversary .kingSale-popup {width: 93.4%;} #thirteenthAnniversary .celebration-effect {position: absolute; top: 0;} #thirteenthAnniversary .kakao-move {position: absolute;width: 16%;height: 44%;left: 32%;top: 29%;} #thirteenthAnniversary .shareBtn {position: absolute;width: 16%;height: 44%;left: 52%;top: 29%;} #thirteenthAnniversary .event06-shareArea {position: relative;} #thirteenthAnniversary .event06-shareArea {position: relative;} #thirteenthAnniversary .prod-wrap-bg2 .img .done{display: none;} #thirteenthAnniversary .prod-wrap-bg2 .img .done.soldView{display: flex;} #thirteenthAnniversary #event05 .swiper-slide li.colum {margin-right: 15px;} #thirteenthAnniversary #event06 .swiper-slide li.colum {margin-right: 15px;} #thirteenthAnniversary .youtube-area {width:100%; margin: 0 auto;} #thirteenthAnniversary .youtube-wrapper {position: relative;padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */height: 0;overflow: hidden;} #thirteenthAnniversary .youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* bbq 사전구매 이벤트 */ #bbqPrePurchase .event_tab ul:after {content:''; display:block; clear:both;} #bbqPrePurchase .event_tab ul li a img.off {display:block;} #bbqPrePurchase .event_tab ul li a img.on {display:none;} #bbqPrePurchase .event_tab ul li a.on img.off {display:none;} #bbqPrePurchase .event_tab ul li a.on img.on {display:block;} #bbqPrePurchase .event_tab_scroll{background:none;top:0;} #bbqPrePurchase .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #bbqPrePurchase .event_tab_wrap{box-sizing: border-box;width:100%;} #bbqPrePurchase .event_tab_scroll {box-sizing: border-box;width:100%;} #bbqPrePurchase #event01 {background-image: url("https://file.rankingdak.com/image/event/m/event_bbqPrePurchase/event01-bg.png"); background-repeat: no-repeat;background-size: cover; padding-bottom: 78px;} #bbqPrePurchase #event01 .swiper-container{padding-bottom: 45px;} #bbqPrePurchase #event01 .swiper-pagination-bullet{width: 8px; height: 8px; background-color: rgba(214, 54, 54, 0.3);} #bbqPrePurchase #event01 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #D63636;} #bbqPrePurchase #event02 .con02-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_bbqPrePurchase/con02-bg.png");background-size: 100% 100%;background-repeat: no-repeat; padding: 0 16px;} #bbqPrePurchase #event02 li a{display: block;} #bbqPrePurchase #event02 li:nth-child(1){padding-bottom: 35px;} #bbqPrePurchase #event02 li:nth-child(2){padding-bottom: 70px;} /* 7월 쿠폰 이벤트 */ #julyCoupon .event_tab ul:after {content:''; display:block; clear:both;} #julyCoupon .event_tab ul li a img.off {display:block;} #julyCoupon .event_tab ul li a img.on {display:none;} #julyCoupon .event_tab ul li a.on img.off {display:none;} #julyCoupon .event_tab ul li a.on img.on {display:block;} #julyCoupon .event_tab_scroll{background:none;top:0;} #julyCoupon .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #julyCoupon .event_tab_wrap{box-sizing: border-box;width:100%;} #julyCoupon .event_tab_scroll {box-sizing: border-box;width:100%;} #julyCoupon #brandCpn .go-btn{padding-bottom: 16px; background-color: #EAEAEA;} #julyCoupon #event03 .go-btn{padding-bottom: 16px; background-color: #232323;} #julyCoupon #event03 li:last-child{padding-bottom: 40px;} #julyCoupon .julyCoupon_btn{cursor: pointer;} #julyCoupon .con3-notice-area .show-btn {background-image: url('https://file.rankingdak.com/image/event/m/event_julyCoupon/con3-notice.jpg');background-repeat: no-repeat;background-position: center;height: min(10.7vw, 60px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #julyCoupon .con3-notice-area .show-btn.notice-back {background-image: url('https://file.rankingdak.com/image/event/m/event_julyCoupon/con3-notice-back.jpg');background-repeat: no-repeat;background-position: center;height:min(10.7vw, 60px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #julyCoupon .con3-notice-area {text-align: center; background: #232323; padding-bottom: 100px;} /* 쯔양 앙코르 */ #kingSaleEncore .event_tab ul:after {content:''; display:block; clear:both;} #kingSaleEncore .grid-area-span3 > .colum {width: 20%;} #kingSaleEncore .event_tab ul li a img.off {display:block;} #kingSaleEncore .event_tab ul li a img.on {display:none;} #kingSaleEncore .event_tab ul li a.on img.off {display:none;} #kingSaleEncore .event_tab ul li a.on img.on {display:block;} #kingSaleEncore .event_tab_scroll{background:none;top:0;} #kingSaleEncore .event_tab_scroll .grid-area-span3 {background: #2B1B41;} #kingSaleEncore .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #kingSaleEncore .event_tab_wrap{box-sizing: border-box;width:100%;} #kingSaleEncore .event_tab_scroll {box-sizing: border-box;width:100%;} #kingSaleEncore img{margin-top:-1px;} #kingSaleEncore #encore-best-seller .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event01_prod-bg1.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore #encore-best-seller .prod-wrap-bg1 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width: min(80vw, 600px);margin: 0 auto;} #kingSaleEncore .encore_box ul {display: flex; border-radius: 20px 20px 0 0; background: #fff; flex-wrap: wrap; padding:7% 5.3%; justify-content: center; gap: 3.3%;} #kingSaleEncore .encore_box ul li { margin: inherit !important; padding-bottom: 5.3%; width: calc(50% - 8.5px);} #kingSaleEncore .encore_box { background: #130429;} #kingSaleEncore .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #kingSaleEncore .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #kingSaleEncore .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #kingSaleEncore .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .prd-item {} #kingSaleEncore .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #kingSaleEncore .day-prod ul li div {position: relative;} #kingSaleEncore .day-prod ul li div>div.done {display: none;} #kingSaleEncore .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #kingSaleEncore .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #kingSaleEncore .prod-wrap-bg .img{position: relative; border-radius: 4px;} #kingSaleEncore .prod-wrap-bg .img .done{display: none;} #kingSaleEncore .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #kingSaleEncore .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #kingSaleEncore .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #kingSaleEncore .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #kingSaleEncore .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #kingSaleEncore .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #kingSaleEncore .prd-item .price > .num {font-size: 17px;} #kingSaleEncore .prd-item .sale strong {font-size: 15px;} #kingSaleEncore .prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #kingSaleEncore .prod-default-list > li {padding-bottom: 20px;} #kingSaleEncore .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #kingSaleEncore .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #kingSaleEncore .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #kingSaleEncore .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #kingSaleEncore .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #kingSaleEncore .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #kingSaleEncore .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #kingSaleEncore .alertbox .information.on{display:block;} #kingSaleEncore .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #kingSaleEncore .alertbox .information p:first-child{padding-bottom:5px;} #kingSaleEncore .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #kingSaleEncore .alertbox .title p{font-size: 15px;line-height: 27px;} #kingSaleEncore .alertbox .title p.login-check{display:none;} #kingSaleEncore .alertbox .title p.login-check.on{display:block;} #kingSaleEncore .alertbox .title .del{display:none;} #kingSaleEncore .alertbox .alert-button{padding-top:24px;} #kingSaleEncore .alertbox .alert-button .del{display:none;} #kingSaleEncore .alertbox .alert-button .login-check-btn{display:none;} #kingSaleEncore .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #kingSaleEncore #event02 .con02-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con02-bg.png");background-size: 100% 100%; padding-bottom: 16.3%;} #kingSaleEncore #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #kingSaleEncore #event02 .prod-bg ul li{display: flex;} #kingSaleEncore #event02 .prod-bg ul li img{margin:unset;} #kingSaleEncore #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #kingSaleEncore #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #kingSaleEncore #event02 .prod-bg ul li .prod .done.soldView{display: block;} #kingSaleEncore #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event02_prod-bg1.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore #event02 .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background: #3D77F5; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #kingSaleEncore #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #kingSaleEncore .prod-info .tit {color:#333;} #kingSaleEncore .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #kingSaleEncore .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #kingSaleEncore .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #kingSaleEncore .event-btn {position: relative;} #kingSaleEncore .event-btn a { width: 50%;height: 66%;position: absolute;left: 50%;transform: translate(-50%);top: 29%;} #kingSaleEncore .con1-notice-area .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con1-notice.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #kingSaleEncore .con1-notice-area .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con1-notice-back.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #kingSaleEncore .con1-notice-area {background-color:#17173B; } #kingSaleEncore .Gatcha-area {width: 85.35%; position: relative;padding:5%; border-radius: 24px; margin:0 auto;border: 3px solid #000;background: #5151FF;} #kingSaleEncore .con2-event-area {padding-top: 7.2%;} #kingSaleEncore .con2-notice-btn{background-color:#17173B; } #kingSaleEncore .con2-event-btn .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con2-notice.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 76px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #kingSaleEncore .con2-event-btn .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con2-notice-back.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 76px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #kingSaleEncore .con2-event-btn {background-color:#5151FF;} #kingSaleEncore .con2-event-detail img{ margin-top:0;} #kingSaleEncore .con2-notice-btn .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con2-notice-1.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #kingSaleEncore .con2-notice-btn .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_kingSaleEncore/con2-notice-back-1.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #kingSaleEncore .swiper-pagination-bullet-active {background: #fff; opacity: 1 !important;} #kingSaleEncore .swiper-pagination {position: absolute; bottom: min(10vw, 78px); left: 50%; transform: translateX(-50%); text-align: center;} #kingSaleEncore .swiper-pagination-bullet {width:6px; height: 6px; margin-right: 4px;} #kingSaleEncore .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {opacity: 0.3;} #kingSaleEncore .event03-bottom {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event03-bottom.jpg'); height: min(128px, 17.1vw); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #kingSaleEncore .prod-wrap-bg2 .colum {vertical-align: top; height: auto; position: relative; padding-bottom: 9.4%; width: min(80vw, 600px); margin: 0 auto;} #kingSaleEncore .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/prod_bg02_01.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #kingSaleEncore .prod-wrap-bg2 .text-elps2 {color:#fff; text-align: center;} #kingSaleEncore .prod-wrap-bg2 .price {color:#fff;} #kingSaleEncore .prod-wrap-bg2 .price-group {justify-content: center;} #kingSaleEncore .prod-wrap-bg2 .img .soldView { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;gap: 2px 0;} #kingSaleEncore .prod-wrap-bg3 .prod-default-list { padding: 0% 4.7% 12%; padding-right: 0;} #kingSaleEncore .prod-wrap-bg3 {background-color: #FAFAFA;} #kingSaleEncore .event-cpn-tab li > a {display: block; width:100%; height: 100%;} #kingSaleEncore .event-cpn-tab {position: relative; display: flex; justify-content: center; background-color: #F3F3F3; padding-bottom:12%; gap:2%;} #kingSaleEncore .event-cpn-tab li:first-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #kingSaleEncore .event-cpn-tab li:nth-of-type(2) {width: 21.9%;height: 11.55vw;cursor: pointer;} #kingSaleEncore .event-cpn-tab li:nth-of-type(3) {width: 21.9%;height: 11.55vw;cursor: pointer;} #kingSaleEncore .event-cpn-tab li:last-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #kingSaleEncore .event06-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab01-1.png"); background-repeat: no-repeat; background-size: contain;} #kingSaleEncore .event06-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab01_on-1.png"); background-repeat: no-repeat; background-size: contain;} #kingSaleEncore .event06-tab:nth-of-type(2) {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab02.png"); background-repeat: no-repeat; background-size: contain;} #kingSaleEncore .event06-tab:nth-of-type(2).on {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab02_on.png"); background-repeat: no-repeat; background-size: contain;} #kingSaleEncore .event06-tab:nth-of-type(3) {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab03.png"); background-repeat: no-repeat; background-size: contain;} #kingSaleEncore .event06-tab:nth-of-type(3).on {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab03_on.png"); background-repeat: no-repeat; background-size: contain;} #kingSaleEncore .event06-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab04.png"); background-repeat: no-repeat;background-size: contain;} #kingSaleEncore .event06-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_kingSaleEncore/event06-tab04_on.png"); background-repeat: no-repeat;background-size: contain;} #kingSaleEncore .tab-container {display: none;} #kingSaleEncore .tab-container.on {display: block;} #kingSaleEncore #event06 .prod-default-list { padding: 0% 4.7% 16%; background-color:#F3F3F3; padding-right: 0; } #kingSaleEncore .kingSale-popup {width: 93.4%;} #kingSaleEncore .celebration-effect {position: absolute; top: 0;} #kingSaleEncore .kakao-move {position: absolute;width: 16%;height: 44%;left: 32%;top: 29%;} #kingSaleEncore .shareBtn {position: absolute;width: 16%;height: 44%;left: 52%;top: 29%;} #kingSaleEncore .event06-shareArea {position: relative;} #kingSaleEncore .event06-shareArea {position: relative;} #kingSaleEncore .prod-wrap-bg2 .img .done{display: none;} #kingSaleEncore .prod-wrap-bg2 .img .done.soldView{display: flex;} #kingSaleEncore #event05 .swiper-slide li.colum {margin-right: 15px;} #kingSaleEncore #event06 .swiper-slide li.colum {margin-right: 15px;} #kingSaleEncore .youtube-area {width:100%; margin: 0 auto;} #kingSaleEncore .youtube-wrapper {position: relative;padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */height: 0;overflow: hidden;} #kingSaleEncore .youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media screen and (min-width: 580px){ #kingSaleEncore .encore_box ul li {width: calc(50% - 15.5px);} } /* 브랜드 페스타 */ #brandFesta .event_tab ul:after {content:''; display:block; clear:both;} #brandFesta .grid-area-span3 > .colum {width: 20%;} #brandFesta .event_tab ul li a img.off {display:block;} #brandFesta .event_tab ul li a img.on {display:none;} #brandFesta .event_tab ul li a.on img.off {display:none;} #brandFesta .event_tab ul li a.on img.on {display:block;} #brandFesta .event_tab_scroll{background:none;top:0;} #brandFesta .event_tab_scroll .grid-area-span3 {background: #2B1B41;} #brandFesta .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #brandFesta .event_tab_wrap{box-sizing: border-box;width:100%; background-color:#191919;} #brandFesta .event_tab_scroll {box-sizing: border-box;width:100%;} #brandFesta #event01 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_brandFesta/event01_prod-bg1.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #brandFesta #event01 .prod-wrap-bg1 .colum {vertical-align: top;height: auto;position: relative;padding-bottom: 9.4%;width:100%; margin: 0 auto;} #brandFesta #event02 .encore_box ul {display: flex; background:#212121;flex-wrap: wrap;padding:0% 5.3% 7%; justify-content: center;gap: 3.3%;} #brandFesta #event03 .encore_box ul {display: flex; background:#182931;flex-wrap: wrap;padding:0% 5.3% 7%; justify-content: center;gap: 3.3%;} #brandFesta #event04 .encore_box ul {display: flex; background:#212121;flex-wrap: wrap;padding:0% 5.3% 7%; justify-content: center;gap: 3.3%;} #brandFesta .encore_box ul li {margin: inherit !important; padding-bottom: 5.3%;width: calc(50% - 8.5px);} #brandFesta .encore_box {background: #130429;} #brandFesta .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #brandFesta .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #brandFesta .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #brandFesta .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #brandFesta .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #brandFesta .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #brandFesta .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #brandFesta .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #brandFesta .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #brandFesta .time-deal-prod-wrap > .time-deal-prod .prd-item {} #brandFesta .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #brandFesta .con1-notice img {padding-bottom: min(14vw, 100px);background-color: #0179CE;} #brandFesta .day-prod ul li div {position: relative;} #brandFesta .day-prod ul li div>div.done {display: none;} #brandFesta .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #brandFesta .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_brandFesta/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #brandFesta .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #brandFesta .prod-wrap-bg .img{position: relative; border-radius: 4px;} #brandFesta .prod-wrap-bg .img .done{display: none;} #brandFesta .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #brandFesta .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #brandFesta .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #brandFesta .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #brandFesta .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #brandFesta .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #brandFesta .prd-item .price > .num {font-size: 17px;} #brandFesta .prd-item .sale strong {font-size: 15px;} #brandFesta ul.prod-default-list {padding: 8% 10%; padding-bottom: 10px; justify-content: space-between;} #brandFesta ul.prod-default-list > li {padding-bottom: 20px;} #brandFesta .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #brandFesta .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #brandFesta .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #brandFesta .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #brandFesta .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #brandFesta .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #brandFesta .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #brandFesta .alertbox .information.on{display:block;} #brandFesta .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #brandFesta .alertbox .information p:first-child{padding-bottom:5px;} #brandFesta .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #brandFesta .alertbox .title p{font-size: 15px;line-height: 27px;} #brandFesta .alertbox .title p.login-check{display:none;} #brandFesta .alertbox .title p.login-check.on{display:block;} #brandFesta .alertbox .title .del{display:none;} #brandFesta .alertbox .alert-button{padding-top:24px;} #brandFesta .alertbox .alert-button .del{display:none;} #brandFesta .alertbox .alert-button .login-check-btn{display:none;} #brandFesta .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #brandFesta #event02 .con02-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/con02-bg.png");background-size: 100% 100%; padding-bottom: 16.3%;} #brandFesta #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #brandFesta #event02 .prod-bg ul li{display: flex;} #brandFesta #event02 .prod-bg ul li img{margin:unset;} #brandFesta #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #brandFesta #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #brandFesta #event02 .prod-bg ul li .prod .done.soldView{display: block;} #brandFesta #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_brandFesta/event02_prod-bg1.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #brandFesta #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_brandFesta/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #brandFesta #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_brandFesta/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #brandFesta #event02 .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background: #3D77F5; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #brandFesta #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_brandFesta/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #brandFesta #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #brandFesta .prod-info .tit {color:#333;} #brandFesta .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #brandFesta .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #brandFesta .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #brandFesta .event-btn {position: relative;} #brandFesta .event-btn a { width: 50%;height: 66%;position: absolute;left: 50%;transform: translate(-50%);top: 29%;} #brandFesta .con1-notice-area .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_brandFesta/con1-notice.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #brandFesta .con1-notice-area .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_brandFesta/con1-notice-back.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #brandFesta .con1-notice-area {height: min(11vw, 80px); background-color: #0179CE; margin-top: -1px;} #brandFesta .Gatcha-area {width: 85.35%; position: relative;padding:5%; border-radius: 24px; margin:0 auto;border: 3px solid #000;background: #5151FF;} #brandFesta .con2-event-area {padding-top: 7.2%;} #brandFesta .con2-notice-btn{background-color:#17173B; } #brandFesta .con5-notice-area .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_brandFesta/con5-notice-1.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #brandFesta .con5-notice-area .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_brandFesta/con5-notice-back.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #brandFesta .con5-notice-area {background-color:#212121;} #brandFesta .con5-event-detail img{ margin-top:0;} #brandFesta #event01 ul.prod-default-list .day-event {width:100%; margin-bottom: 20px;} #brandFesta #event01 {background-color: #0285D2;} #brandFesta .prod-wrap-bg2 .colum {vertical-align: top; height: auto; position: relative; padding-bottom: 9.4%; width: min(80vw, 600px); margin: 0 auto;} #brandFesta .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/prod_bg02_01.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #brandFesta .prod-wrap-bg2 .text-elps2 {color:#fff; text-align: center;} #brandFesta .prod-wrap-bg2 .price {color:#fff;} #brandFesta .prod-wrap-bg2 .price-group {justify-content: center;} #brandFesta .prod-wrap-bg2 .img .soldView { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;gap: 2px 0;} #brandFesta .prod-wrap-bg3 .prod-default-list { padding: 0% 4.7% 12%; padding-right: 0;} #brandFesta .prod-wrap-bg3 {background-color: #FAFAFA;} #brandFesta .event-cpn-tab li > a {display: block; width:100%; height: 100%;} #brandFesta .event-cpn-tab {position: relative; display: flex; justify-content: center; background-color: #F3F3F3; padding-bottom:12%; gap:2%;} #brandFesta .event-cpn-tab li:first-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #brandFesta .event-cpn-tab li:nth-of-type(2) {width: 21.9%;height: 11.55vw;cursor: pointer;} #brandFesta .event-cpn-tab li:nth-of-type(3) {width: 21.9%;height: 11.55vw;cursor: pointer;} #brandFesta .event-cpn-tab li:last-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #brandFesta .event06-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab01-1.png"); background-repeat: no-repeat; background-size: contain;} #brandFesta .event06-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab01_on-1.png"); background-repeat: no-repeat; background-size: contain;} #brandFesta .event06-tab:nth-of-type(2) {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab02.png"); background-repeat: no-repeat; background-size: contain;} #brandFesta .event06-tab:nth-of-type(2).on {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab02_on.png"); background-repeat: no-repeat; background-size: contain;} #brandFesta .event06-tab:nth-of-type(3) {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab03.png"); background-repeat: no-repeat; background-size: contain;} #brandFesta .event06-tab:nth-of-type(3).on {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab03_on.png"); background-repeat: no-repeat; background-size: contain;} #brandFesta .event06-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab04.png"); background-repeat: no-repeat;background-size: contain;} #brandFesta .event06-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_brandFesta/event06-tab04_on.png"); background-repeat: no-repeat;background-size: contain;} #brandFesta .tab-container {display: none;} #brandFesta .tab-container.on {display: block;} #brandFesta #event06 .prod-default-list { padding: 0% 4.7% 16%; background-color:#F3F3F3; padding-right: 0; } #brandFesta .kingSale-popup {width: 93.4%;} #brandFesta .celebration-effect {position: absolute; top: 0;} #brandFesta .kakao-move {position: absolute;width: 16%;height: 44%;left: 32%;top: 29%;} #brandFesta .shareBtn {position: absolute;width: 16%;height: 44%;left: 52%;top: 29%;} #brandFesta .event06-shareArea {position: relative;} #brandFesta .event06-shareArea {position: relative;} #brandFesta .prod-wrap-bg2 .img .done{display: none;} #brandFesta .prod-wrap-bg2 .img .done.soldView{display: flex;} #brandFesta #event05 .swiper-slide li.colum {margin-right: 15px;} #brandFesta #event05 {padding-bottom: 10px;} #brandFesta #event06 .swiper-slide li.colum {margin-right: 15px;} #brandFesta .youtube-area {width:100%; margin: 0 auto;} #brandFesta .youtube-wrapper {position: relative;padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */height: 0;overflow: hidden;} #brandFesta .youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media screen and (min-width: 580px){ #brandFesta .encore_box ul li {width: calc(50% - 15.5px);} } /* 8월 쿠폰 이벤트 */ #augustCoupon .event_tab ul:after {content:''; display:block; clear:both;} #augustCoupon .event_tab ul li a img.off {display:block;} #augustCoupon .event_tab ul li a img.on {display:none;} #augustCoupon .event_tab ul li a.on img.off {display:none;} #augustCoupon .event_tab ul li a.on img.on {display:block;} #augustCoupon .event_tab_scroll{background:none;top:0;} #augustCoupon .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #augustCoupon .event_tab_wrap{box-sizing: border-box;width:100%;} #augustCoupon .event_tab_scroll {box-sizing: border-box;width:100%;} #augustCoupon .augustCoupon_side_wrap{padding: 0 25px;} #augustCoupon .augustCoupon_btn_wrap{padding-bottom: 60px;} #augustCoupon .augustCoupon_btn{cursor: pointer;} #augustCoupon .augustCoupon_btn1{margin-bottom: 10px;} #augustCoupon #event01 .con1-event-area{background-image: url("https://file.rankingdak.com/image/event/m/event_augustCoupon/con01-bg.jpg"); background-size: cover; background-position: center;} #augustCoupon #event01 .pdt-slide-event{padding-bottom: 32px;} #augustCoupon #event02 .con2-event-area{background-color: #EAEAEA;} #augustCoupon #event02 .con2-event-area li{margin-bottom: 12px;} #augustCoupon #event02 .con2-event-area li:last-child{margin-bottom: 20px;} #augustCoupon #orangeMember{background-image: url("https://file.rankingdak.com/image/event/m/event_augustCoupon/orangeMember-bg.jpg"); background-size: cover; background-position: center;} #augustCoupon #orangeMember .orangeMember_coupon{padding-bottom: 20px;} #augustCoupon #bestBrand ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;} #augustCoupon #bestBrand li{width: calc(33.33% - 4px); margin-right: 6px; margin-bottom: 10px;} #augustCoupon #bestBrand li:nth-child(3n){margin-right: 0;} #augustCoupon #bestBrand li:nth-child(4), #augustCoupon #bestBrand li:nth-child(5), #augustCoupon #bestBrand li:nth-child(6){margin-bottom: 20px;} #augustCoupon #bestBrand .bestBrand-event-area{background-color: #333333;} #augustCoupon #event03 .con3-event-area{background-color: #202020;} #augustCoupon #event03 .con3-event-area ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;} #augustCoupon #event03 li{width: calc(50% - 7px); margin-right: 14px; margin-bottom: 16px;} #augustCoupon #event03 li:nth-child(2n){margin-right: 0;} #augustCoupon #event03 li:nth-child(3), #augustCoupon #event03 li:nth-child(4){margin-bottom: 30px;} #augustCoupon .con3-notice-area{padding-bottom: 100px; background-color: #202020;} #augustCoupon .con3-notice-area .show-btn {background-image: url('https://file.rankingdak.com/image/event/m/event_augustCoupon/con3-notice.jpg');background-repeat: no-repeat;background-position: center;height: min(10.7vw, 50px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #augustCoupon .con3-notice-area .show-btn.notice-back {background-image: url('https://file.rankingdak.com/image/event/m/event_augustCoupon/con3-notice-back.jpg');background-repeat: no-repeat;background-position: center;height:min(10.7vw, 50px);margin: 0 auto;text-align: center;background-size: cover;width: 100%;} #augustCoupon .con3-notice-area .con3-notice{margin-top: -4px;} /* 건강페스티벌 */ #healthyFestival .event_tab ul:after {content:''; display:block; clear:both;} #healthyFestival .event_tab ul li a img.off {display:block;} #healthyFestival .event_tab ul li a img.on {display:none;} #healthyFestival .event_tab ul li a.on img.off {display:none;} #healthyFestival .event_tab ul li a.on img.on {display:block;} #healthyFestival .event_tab_scroll{background:none;top:0;} #healthyFestival .event_tab_scroll .grid-area-span3 {background: #2B1B41;} #healthyFestival .event_tab_scroll {display:none;position:fixed; top:0px; left:50%; transform: translateX(-50%); width:100%; z-index:999;} #healthyFestival .event_tab_wrap{box-sizing: border-box;width:100%; background-color:#191919;} #healthyFestival .event_tab_scroll {box-sizing: border-box;width:100%;} #healthyFestival #event01 .prod-wrap-bg1 {margin: 0 auto;text-align: left; background-repeat:no-repeat; margin-top:-1px; background-color: #fff; padding-top: 0; gap:2.5%;} #healthyFestival #event01 .prod-wrap-bg1 .colum { margin: inherit !important; padding-bottom: 5.3%; width: calc(50% - 8.5px);} #healthyFestival #event02 .specialPrice-zone ul {display: flex; background:#fff;flex-wrap: wrap; padding: 0% 4.7% 4%;justify-content: space-around; gap: 3.3%;} #healthyFestival #event02 .specialPrice-zone2 ul {display: flex; background:#fff;flex-wrap: wrap; padding: 0% 4.7% 4%;justify-content: space-around; gap: 3.3%;} #healthyFestival #event02 .specialPrice-zone3 ul {display: flex; background:#fff;flex-wrap: wrap; padding: 0% 4.7% 4%;justify-content: space-around; gap: 3.3%;} #healthyFestival #event03 .showTimeDeal ul {display: flex; background:#F2F8F9;flex-wrap: wrap; padding: 0% 4.7% 4%;justify-content: space-around; gap: 3.3%;} #healthyFestival #event03 .btn-area {padding-bottom: 13.4%; background:#F2F8F9;} #healthyFestival .specialPrice-zone ul li {margin: inherit !important; padding-bottom: 10.3%;width: calc(50% - 8.5px);} #healthyFestival .specialPrice-zone2 ul li {margin: inherit !important; padding-bottom: 10.3%;width: calc(50% - 8.5px);} #healthyFestival .specialPrice-zone3 ul li {margin: inherit !important; padding-bottom: 10.3%;width: calc(50% - 8.5px);} #healthyFestival .showTimeDeal ul li {margin: inherit !important; padding-bottom: 10.3%;width: calc(50% - 8.5px);} #healthyFestival .time-deal-dimd{display:none;position: absolute;top: -5%;left: 50%;z-index: 10;transform: translate(-50%, 0%);width: 100%} #healthyFestival .time-deal-dimd.dimd{display:block;position: absolute;top: 0;left: 50%;z-index: 10;transform: translate(-50%, 0%);width:100%;background-color:rgba(0,0,0,0.3);background-size: 100% 100%;height: 100%; } #healthyFestival .time-deal-dimd.dimd span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;font-size: 18px; } #healthyFestival .time-deal-prod-wrap {width: 100%;box-sizing: border-box;display: flex;gap:6%; flex-wrap: wrap;justify-content: center; background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event01_prod-bg.jpg");background-position: center;padding:5%;background-size: 100% 100%;position: relative;margin-top:-1px; padding-bottom:8%; padding-top:8%;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod {width:41.4%;vertical-align: top;height: auto;position: relative;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod:last-child {margin-bottom: 0;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod.dimd{filter:blur(3px);} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .deal-prod-img img{margin-top:unset;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .deal-prod-img{max-width: 100%;position: relative;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done{display: none;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView{display: block;position: absolute;top:0;z-index: 5;cursor: default;width:100%;height: 100%; background: rgba(0,0,0,0.8);} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .deal-prod-img .done.soldView p{ position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%, -50%);font-size: 32px;font-weight: 700;line-height: 34px;text-align: center;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title{word-break: break-all; text-align: left;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .tit {padding: 5px 0 6px 0;color: #333;font-size: 14px;text-align: left;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .price-group {text-align: left;display: inline-block;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title .origin {text-align: center; display: inline-block; vertical-align: top; line-height: 20px;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale {font-size: 14px;color: #FF3600;padding:0;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span.sale strong {font-size: 15px;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .sale strong {font-size: 18px;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .origin {font-size: 12px;color: #999; text-decoration:line-through;} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .prd-item {} #healthyFestival .time-deal-prod-wrap > .time-deal-prod .time-deal-prod-title span em.num {font-size:17px; margin-left:2px;} #healthyFestival .con1-notice img {padding-bottom: min(14vw, 100px);background-color: #0179CE;} #healthyFestival .day-prod ul li div {position: relative;} #healthyFestival .day-prod ul li div>div.done {display: none;} #healthyFestival .day-prod ul li div>div.done.soldView {display: block;position: absolute;top: 0;left: 0;z-index: 2;} #healthyFestival .prod-wrap-bg2{background-image:url('https://file.rankingdak.com/image/event/m/event_healthyFestival/con03-prod-bg.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #healthyFestival .prod-wrap-bg .prd-item-list{background-color: transparent; padding: 30px 37px; box-sizing: border-box;margin: 0 0 0px; } #healthyFestival .prod-wrap-bg .img{position: relative; border-radius: 4px;} #healthyFestival .prod-wrap-bg .img .done{display: none;} #healthyFestival .prod-wrap-bg .img .soldView{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;gap: 2px 0;} #healthyFestival .prod-wrap-bg .tit {font-size: 14px;line-height: 18px;margin: 5px 0 6px; text-align: left;} #healthyFestival .prod-wrap-bg .price-group {display: flex; align-items: center; justify-content: start; flex-wrap: wrap;} #healthyFestival .prod-wrap-bg .prd-item-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px;width: 100%;} #healthyFestival .prod-wrap-bg .price {margin: 0 4px 0 0; color:#333;} #healthyFestival .prod-wrap-bg .desc-bottom{ margin: 0 0 0;text-align: left;} #healthyFestival .prd-item .price > .num {font-size: 17px;} #healthyFestival .prd-item .sale strong {font-size: 15px;} #healthyFestival ul.prod-default-list {padding: 0% 4.7% 7%; justify-content: space-between;} #healthyFestival ul.prod-default-list > li {padding-bottom: 20px;} #healthyFestival .prod-wrap-bg7 .prod-default-list > li {width: 89.9%; display: inline-block; margin: 0 auto; padding-bottom: 20px;} #healthyFestival .prod-wrap-bg7 .prod-default-list > li:nth-child(2n) {margin-left:auto;} #healthyFestival .alert-wrap{position: fixed;top:0;z-index: 1000;display: none;} #healthyFestival .overlayed{background-color:rgba(0,0,0,0.5);width:100vw;height: 100vh;} #healthyFestival .alertbox{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2;background-color:#ffffff;border-radius: 10px;width:calc(100% - 80px);text-align: center;padding:32px 30px;} #healthyFestival .alertbox .xbox{position: absolute;right: 16px;top:16px;cursor: pointer;} #healthyFestival .alertbox .information{width: 100%;background-color:#f8f8f8;border-radius: 10px;padding: 16px 0;text-align: left;padding-left: 20px;margin-top:12px;display:none;} #healthyFestival .alertbox .information.on{display:block;} #healthyFestival .alertbox .information p{font-size: 15px;line-height: 20px;color:#333333;} #healthyFestival .alertbox .information p:first-child{padding-bottom:5px;} #healthyFestival .alertbox .information p b{font-size: 15px;line-height: 20px;color:#333333;font-weight: 700;} #healthyFestival .alertbox .title p{font-size: 15px;line-height: 27px;} #healthyFestival .alertbox .title p.login-check{display:none;} #healthyFestival .alertbox .title p.login-check.on{display:block;} #healthyFestival .alertbox .title .del{display:none;} #healthyFestival .alertbox .alert-button{padding-top:24px;} #healthyFestival .alertbox .alert-button .del{display:none;} #healthyFestival .alertbox .alert-button .login-check-btn{display:none;} #healthyFestival .alertbox .alert-button .login-check-btn.on{display:block;margin:0 auto;} #healthyFestival #event02 .con02-bg{background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/con02-bg.png");background-size: 100% 100%; padding-bottom: 16.3%;} #healthyFestival #event02 .prod-bg ul{display: flex;padding:0 9.468% 0 21.2%; flex-direction: column;} #healthyFestival #event02 .prod-bg ul li{display: flex;} #healthyFestival #event02 .prod-bg ul li img{margin:unset;} #healthyFestival #event02 .prod-bg ul li .prod{position: relative;width: 50%;} #healthyFestival #event02 .prod-bg ul li .prod .done{position: absolute;top:0;left:0;z-index: 2;display: none;} #healthyFestival #event02 .prod-bg ul li .prod .done.soldView{display: block;} #healthyFestival #event02 .prod-wrap-bg1 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_healthyFestival/event02_prod-bg1.png'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #healthyFestival #event02 .prod-wrap-bg2 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_healthyFestival/event02_prod-bg2.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #healthyFestival #event02 .prod-wrap-bg3 {width: 100%;margin: 0 auto;text-align: left;background-image:url('https://file.rankingdak.com/image/event/m/event_healthyFestival/event02_prod-bg3.jpg'); background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #healthyFestival #event02 .prod-wrap-bg4 {width: 100%;margin: 0 auto;text-align: left;background: #3D77F5; background-repeat:no-repeat; background-size: 100% 100%; background-position: center top;margin-top:-1px;} #healthyFestival #event02 .prod-wrap-bg4 .prod-default-list {width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: center;background-image: url(https://file.rankingdak.com/image/event/m/event_healthyFestival/event01_prod-bg5.jpg);background-position: center;padding: 5%;background-size: 100% 100%;position: relative;margin-top: -1px;padding-bottom: 8%;padding-top: 8%;} #healthyFestival #event02 .prod-wrap-bg4 .prod-default-list li {width: 41.4%; padding-bottom: 0;vertical-align: top;height: auto;position: relative;} #healthyFestival .prod-info .tit {color:#333;} #healthyFestival .prod-wrap-bg7 .desc-bottom .tit {text-align: center;} #healthyFestival .prod-wrap-bg7 .desc-bottom .price-group {text-align: center;justify-content: center;} #healthyFestival .prod-wrap-bg7 .desc-bottom .origin {text-align: center;} #healthyFestival .event-btn {position: relative;} #healthyFestival .event-btn a { width: 50%;height: 66%;position: absolute;left: 50%;transform: translate(-50%);top: 29%;} #healthyFestival .con1-notice-area .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_healthyFestival/con1-notice.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #healthyFestival .con1-notice-area .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_healthyFestival/con1-notice-back.jpg);background-repeat: no-repeat;background-position: center;height: min(10.7vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #healthyFestival .con1-notice-area {height: min(11vw, 80px); background-color: #0179CE; margin-top: -1px;} #healthyFestival .Gatcha-area {width: 85.35%; position: relative;padding:5%; border-radius: 24px; margin:0 auto;border: 3px solid #000;background: #5151FF;} #healthyFestival .con2-event-area {padding-top: 7.2%;} #healthyFestival .con2-notice-btn{background-color:#17173B; } #healthyFestival .con5-notice-area .show-btn { background-image: url(https://file.rankingdak.com/image/event/m/event_healthyFestival/con5-notice-1.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #healthyFestival .con5-notice-area .show-btn.notice-back { background-image: url(https://file.rankingdak.com/image/event/m/event_healthyFestival/con5-notice-back.jpg);background-repeat: no-repeat;background-position: center; height: min(10vw, 80px);margin: 0 auto;text-align: center;background-size: contain;width: 100%;} #healthyFestival .con5-notice-area {background-color:#212121;} #healthyFestival .con5-event-detail img{ margin-top:0;} #healthyFestival #event01 ul.prod-default-list .day-event {width:100%; margin-bottom: 20px;} #healthyFestival .prod-wrap-bg2 .colum {vertical-align: top; height: auto; position: relative; padding-bottom: 9.4%; width: min(80vw, 600px); margin: 0 auto;} #healthyFestival .prod-wrap-bg2{background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/prod_bg02_01.png");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;} #healthyFestival .prod-wrap-bg2 .text-elps2 {color:#fff; text-align: center;} #healthyFestival .prod-wrap-bg2 .price {color:#fff;} #healthyFestival .prod-wrap-bg2 .price-group {justify-content: center;} #healthyFestival .prod-wrap-bg2 .img .soldView { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;gap: 2px 0;} #healthyFestival .prod-wrap-bg3 .prod-default-list { padding: 0% 4.7% 12%; padding-right: 0;} #healthyFestival .prod-wrap-bg3 {background-color: #FAFAFA;} #healthyFestival .event-cpn-tab li > a {display: block; width:100%; height: 100%;} #healthyFestival .event-cpn-tab {position: relative; display: flex; justify-content: center; background-color: #F3F3F3; padding-bottom:12%; gap:2%;} #healthyFestival .event-cpn-tab li:first-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #healthyFestival .event-cpn-tab li:nth-of-type(2) {width: 21.9%;height: 11.55vw;cursor: pointer;} #healthyFestival .event-cpn-tab li:nth-of-type(3) {width: 21.9%;height: 11.55vw;cursor: pointer;} #healthyFestival .event-cpn-tab li:last-child {width: 21.9%;height: 11.55vw;cursor: pointer;} #healthyFestival .event06-tab:first-child {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab01-1.png"); background-repeat: no-repeat; background-size: contain;} #healthyFestival .event06-tab:first-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab01_on-1.png"); background-repeat: no-repeat; background-size: contain;} #healthyFestival .event06-tab:nth-of-type(2) {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab02.png"); background-repeat: no-repeat; background-size: contain;} #healthyFestival .event06-tab:nth-of-type(2).on {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab02_on.png"); background-repeat: no-repeat; background-size: contain;} #healthyFestival .event06-tab:nth-of-type(3) {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab03.png"); background-repeat: no-repeat; background-size: contain;} #healthyFestival .event06-tab:nth-of-type(3).on {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab03_on.png"); background-repeat: no-repeat; background-size: contain;} #healthyFestival .event06-tab:last-child {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab04.png"); background-repeat: no-repeat;background-size: contain;} #healthyFestival .event06-tab:last-child.on {background-image: url("https://file.rankingdak.com/image/event/m/event_healthyFestival/event06-tab04_on.png"); background-repeat: no-repeat;background-size: contain;} #healthyFestival .tab-container {display: none;} #healthyFestival .tab-container.on {display: block;} #healthyFestival #event06 .prod-default-list { padding: 0% 4.7% 16%; background-color:#F3F3F3; padding-right: 0; } #healthyFestival .kingSale-popup {width: 93.4%;} #healthyFestival .celebration-effect {position: absolute; top: 0;} #healthyFestival .kakao-move {position: absolute;width: 16%;height: 44%;left: 32%;top: 29%;} #healthyFestival .shareBtn {position: absolute;width: 16%;height: 44%;left: 52%;top: 29%;} #healthyFestival .event06-shareArea {position: relative;} #healthyFestival .event06-shareArea {position: relative;} #healthyFestival .prod-wrap-bg2 .img .done{display: none;} #healthyFestival .prod-wrap-bg2 .img .done.soldView{display: flex;} #healthyFestival #event05 .swiper-slide li.colum {margin-right: 15px;} #healthyFestival #event05 {padding-bottom: 10px;} #healthyFestival #event06 .swiper-slide li.colum {margin-right: 15px;} #healthyFestival .youtube-area {width:100%; margin: 0 auto;} #healthyFestival .youtube-wrapper {position: relative;padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */height: 0;overflow: hidden;} #healthyFestival .youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @media screen and (min-width: 580px){ #healthyFestival .specialPrice-zone ul li {width: calc(50% - 15.5px);} #healthyFestival .specialPrice-zone2 ul li {width: calc(50% - 15.5px);} #healthyFestival .specialPrice-zone3 ul li {width: calc(50% - 15.5px);} #healthyFestival .showTimeDeal ul li {width: calc(50% - 15.5px);} } /*플레이오프*/ #playoffs.frame-full {padding-bottom:9px;} #playoffs .section3{background-color: #F9A129; padding-bottom: 100px} #playoffs .bg-white{background-color: #fff; padding: 0 15px; border-radius: 15px;} #playoffs .item-group{display:flex; flex-wrap:wrap; gap:30px 15px; padding: 30px 0;} #playoffs .item{flex:1 1 calc(50% - 15px)} #playoffs .bg-baseball-img{padding: 0 0 52px;background-image: url("https://file.rankingdak.com/image/event/m/event_playoffs/img_section3_1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center top;} #playoffs .bg-baseball-img .swiper-container{padding:0 4%} #playoffs .swiper-pagination{position:relative; display: flex; justify-content: center; gap: 12px; margin-top: 36px;} #playoffs .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;} #playoffs .swiper-pagination-bullet{background-color: rgba(255,255,255,0.4);} #playoffs .bg-versus-img{background-image: url("https://file.rankingdak.com/image/event/m/event_playoffs/img_section4_2.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;} #playoffs .bg-versus-img .item-group{padding:4% 30px;} #playoffs .bg-rival-img{padding: 0 30px 0;background-image: url("https://file.rankingdak.com/image/event/m/event_playoffs/img_section4_1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center bottom;} #playoffs .section5{background-color: #EEF5E2;} #playoffs .section6{background-color: #F1FDFD;} #playoffs .bg-none-img{padding: 0 4% 15%} #playoffs .accordion-content { max-height: 1000px;overflow: hidden;transform-origin: top;transition: max-height 0.3s ease, transform 0.3s ease;} #playoffs .accordion-content.collapsed {max-height: 0;transform: scaleY(0); } .ft-pc #playoffs .section6{padding-bottom: 47px;} .ft-pc #playoffs .bg-white{padding: 0 30px;} .ft-pc #playoffs .item-group{gap:60px 30px;} #playoffs .event-tab ul li a img.off {display:block;} #playoffs .event-tab ul li a img.on {display:none;} #playoffs .event-tab ul li a.on img.off {display:none;} #playoffs .event-tab ul li a.on img.on {display:block;} #playoffs .event-tab-scroll {display:none;position:fixed; top:0; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .ft-pc #playoffs .event-tab-scroll .grid-area-span4{max-width: 460px; left:50%;} #playoffs .grid-wrap, .grid-area, .grid-wrap-inline, [class*="grid-area-"]{background-color:#000;} @media screen and (max-width: 1023px) {.ft-pc #playoffs .event-tab-scroll [class*="grid-area-"] {left: calc(50% - 195px)}} /*블랙프라이데이*/ #blackFriday2025 .section2{background:url(https://file.rankingdak.com/image/event/m/event_blackFriday2025/img_section2.png) no-repeat center top / 100% 100%; width:100%; aspect-ratio: 375/716; padding:0 6%; display: flex; justify-content: flex-end; flex-direction: column} #blackFriday2025 .section2 .list{display:flex; flex-direction: column; gap: 12px; margin-bottom:60px;} #blackFriday2025 .section2 .list li{width:100%} #blackFriday2025 .section3{background:url(https://file.rankingdak.com/image/event/m/event_blackFriday2025/img_section3.png) no-repeat center top / 100% 100%; width:100%; aspect-ratio: 375/896; padding:0 6%; display:flex; justify-content: flex-end; flex-direction: column} #blackFriday2025 .section3 .list{display:flex; flex-direction: column; gap: 40px; margin-bottom: 60px;} #blackFriday2025 .section3 .list li{width: 100%} #blackFriday2025 .section4{background:url(https://file.rankingdak.com/image/event/m/event_blackFriday2025/img_section4.png) no-repeat center top / 100% 100%; width:100%; aspect-ratio: 25/64; display:flex; justify-content: flex-end; flex-direction: column} #blackFriday2025 .section4 .btn{margin-bottom:60px} #blackFriday2025 .section4 .swiper-box{margin-bottom: 63px} #blackFriday2025 .section4 .btn-box{padding:0 6%; margin-bottom: 60px} #blackFriday2025 .swiper-container{padding:0 6%;} #blackFriday2025 .swiper-pagination{position:relative; display: flex; justify-content: center; gap: 12px; margin-top: 18px; bottom:0!important;} #blackFriday2025 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;} #blackFriday2025 .swiper-pagination-bullet{background-color: rgba(255,255,255,0.4);} #blackFriday2025 .bg-white{background-color: #fff; padding: 0 15px; border-radius: 15px;} #blackFriday2025 .item-group{display:flex; flex-wrap:wrap; gap:30px 15px; padding: 30px 0;} #blackFriday2025 .item{flex:1 1 calc(50% - 15px)} #blackFriday2025.event-tab ul li a img.off {display:block;} #blackFriday2025 .event-tab ul li a img.on {display:none;} #blackFriday2025 .event-tab ul li a.on img.off {display:none;} #blackFriday2025 .event-tab ul li a.on img.on {display:block;} #blackFriday2025 .event-tab-scroll {display:none;position:fixed; top:0; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .ft-pc #blackFriday2025 .event-tab-scroll .grid-area-span3{max-width: 460px; left:50%;} .ft-pc #blackFriday2025 .section5{padding-bottom: 47px} #blackFriday2025 .grid-wrap, .grid-area, .grid-wrap-inline, [class*="grid-area-"]{background-color:#000;} @media screen and (max-width: 1023px) {.ft-pc #blackFriday2025 .event-tab-scroll [class*="grid-area-"] {left: calc(50% - 195px)}} /*의적단*/ #righteousOutlaws .section2{background:url(https://file.rankingdak.com/image/event/m/event_righteousOutlaws/img_section05.png) no-repeat center top / 100% 100%; width:100%; aspect-ratio: 75/142; padding:0 4%; display: flex; justify-content: flex-end; flex-direction: column} #righteousOutlaws .list{display: flex; gap: 12px; margin-bottom:23%;} #righteousOutlaws .list .item{flex:1 1 calc(50% - 6px)} #righteousOutlaws .section3{background:url(https://file.rankingdak.com/image/event/m/event_righteousOutlaws/img_section02.png) no-repeat center top / 100% 100%; width:100%; aspect-ratio: 25/46; padding:0 4%; display: flex; justify-content: flex-end; flex-direction: column; background-color: #CF1915;} #righteousOutlaws .section4{background:url(https://file.rankingdak.com/image/event/m/event_righteousOutlaws/img_section03.png) no-repeat center top / 100% 100%; width:100%; aspect-ratio: 25/46; padding:0 4%; display: flex; justify-content: flex-end; flex-direction: column} #righteousOutlaws .event-tab ul li a img.off {display:block;} #righteousOutlaws .event-tab ul li a img.on {display:none;} #righteousOutlaws .event-tab ul li a.on img.off {display:none;} #righteousOutlaws .event-tab ul li a.on img.on {display:block;} #righteousOutlaws .event-tab-scroll {display:none;position:fixed; top:0; left:50%; transform: translateX(-50%); width:100%; z-index:999;} .ft-pc #righteousOutlaws .section5{padding-bottom: 47px} .ft-pc #righteousOutlaws .event-tab-scroll .grid-area-span3{max-width: 460px; left:50%;} #righteousOutlaws .grid-wrap, .grid-area, .grid-wrap-inline, [class*="grid-area-"]{background-color:#cf1915;} @media screen and (max-width: 1023px) {.ft-pc #righteousOutlaws .event-tab-scroll [class*="grid-area-"] {left: calc(50% - 195px)}} /*2025년 연말*/ #closing2025 .bg-event { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; display: flex; justify-content: flex-end; flex-direction: column; background-color: #000; } #closing2025 .link-btn { padding: 0 4%; margin-bottom: 50px; } #closing2025 .section2 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section03_1.png); aspect-ratio: 375/727; background-color: #3c6cff; } #closing2025 .section2 .list { margin-bottom: 58%; } #closing2025 .section3 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section04_1.png); aspect-ratio: 125/358; } #closing2025 .section3 .list { margin-bottom: 24%; } #closing2025 .section4 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section05.png); aspect-ratio: 375/842; } #closing2025 .section4 .list { margin-bottom: 24% } #closing2025 .section5 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section06.png); aspect-ratio: 375/842; } #closing2025 .section5 .list { margin-bottom: 24% } #closing2025 .section6 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section07_1.png); aspect-ratio: 375/842; } #closing2025 .section6 .list { margin-bottom: 24%; } #closing2025 .section7 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section08_1.png); aspect-ratio: 75/133; } #closing2025 .section7 .list { margin-bottom: 14%; } #closing2025 .section8 { background-image: url(https://file.rankingdak.com/image/event/m/event_closing2025/img_section10.png); aspect-ratio: 15/8; } #closing2025 .list { display: flex; gap: 12px; padding: 0 8%; flex-wrap: wrap; } #closing2025 .list .item { flex: 1 1 calc(50% - 6px) } #closing2025 .event-tab ul li a img.off { display: block; } #closing2025 .event-tab ul li a img.on { display: none; } #closing2025 .event-tab ul li a.on img.off {display:none;} #closing2025 .event-tab ul li a.on img.on {display:block;} #closing2025 .event-tab-scroll { display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 999; } #closing2025 [data-anchor="true"] { scroll-margin-top: 60px; } .ft-pc #closing2025 .section9 { padding-bottom: 47px } .ft-pc #closing2025 .event-tab-scroll .grid-area-span3 { max-width: 460px; left: 50%; } #closing2025 .grid-wrap, .grid-area, .grid-wrap-inline, [class*="grid-area-"] { background-color: #000; } @media screen and (max-width: 1023px) {.ft-pc #closing2025 .event-tab-scroll [class*="grid-area-"] {left: calc(50% - 195px)}} /*랭킹패스타*/ #rankingFesta2026 .section2{background-image: url("https://file.rankingdak.com/image/event/m//event_rankingFesta2026/bg_section2.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 2/5; position: relative;} #rankingFesta2026 .section2 .btn-area{position: absolute; bottom: 50px; padding: 0 15px;} #rankingFesta2026 .section2 .swiper-container {padding:0 15px;} #rankingFesta2026 .section2 .swiper-position{padding-top: 20vh} #rankingFesta2026 .section2 .swiper-pagination{position:static; display:flex; gap:6px; justify-content: center; margin-top:16px;} #rankingFesta2026 .section2 .swiper-container .swiper-slide .bg-white{position:relative; aspect-ratio: 345/604;background-image: url("https://file.rankingdak.com/image/event/m//event_rankingFesta2026/bg_section2_slide.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;} #rankingFesta2026 .section2 .swiper-container .swiper-slide .bg-white .item-group{display:flex; flex-wrap: wrap; gap:30px 15px; padding:75px 15px 30px} #rankingFesta2026 .section2 .swiper-container .swiper-slide .bg-white .item-group .item{flex:1 1 calc(50% - 15px);} #rankingFesta2026 .section2 .swiper-pagination-bullet{background-color: rgba(255,255,255,0.4)} #rankingFesta2026 .section2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;} #rankingFesta2026 .section3{position:relative; aspect-ratio: 375/763;background-image: url("https://file.rankingdak.com/image/event/m//event_rankingFesta2026/bg_section3.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;} #rankingFesta2026 .section3 .item-group{position: absolute; bottom:50px; padding: 0 15px; display:flex; flex-direction: column; gap: 10px} #rankingFesta2026 .section4{position:relative; aspect-ratio: 375/763;background-image: url("https://file.rankingdak.com/image/event/m//event_rankingFesta2026/bg_section4.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;} #rankingFesta2026 .section4 .item-group{position: absolute; bottom:50px; padding: 0 15px; display:flex; flex-wrap: wrap; gap: 30px 15px;} #rankingFesta2026 .section4 .item-group .item{flex:1 1 calc(50% - 15px);} .ft-pc #rankingFesta2026 .section5{padding-bottom:46px;} /*랭킹 첫구매 */ #januaryFirstBuy2026 .section2{background-image: url("https://file.rankingdak.com/image/event/m/event_januaryFirstBuy2026/bg_section2_1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/740; position: relative; padding: 0 25px;} #januaryFirstBuy2026 .section2 .img-coupon{bottom: 32.4%} #januaryFirstBuy2026 .img-button{top: 87.8854%;} #januaryFirstBuy2026 .bg-white{background-color:#fff; border-radius: 10px;} #januaryFirstBuy2026 .section3 .bg-white{position:absolute; top:25.6257%;} #januaryFirstBuy2026 .section4 .bg-white{position:absolute; top:21.3656%;} #januaryFirstBuy2026 .item-group{display: flex; flex-wrap: wrap; gap: 30px 15px; padding: 30px 15px} #januaryFirstBuy2026 .item-group .item{flex: 1 1 calc(50% - 15px)} #januaryFirstBuy2026 .section3{padding:0 20px; background-image: url("https://file.rankingdak.com/image/event/m/event_januaryFirstBuy2026/bg_section3_1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1678; position: relative;} #januaryFirstBuy2026 .section4{padding:0 20px; background-image: url("https://file.rankingdak.com/image/event/m/event_januaryFirstBuy2026/bg_section4_1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1816; position: relative;} .ft-pc #januaryFirstBuy2026 .section5{padding-bottom:46px;} /*서브 프로모션*/ #feburarySubPromo2026 .youtube-area{width:100%; margin: 0 auto; padding: 20px 15px; background-image: url("https://file.rankingdak.com/image/event/m/event_feburarySubPromo2026/bg_section01.jpg");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/464;} #feburarySubPromo2026 .youtube-wrapper{position: relative;padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100) */height: 0;overflow: hidden;} #feburarySubPromo2026 .youtube-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #feburarySubPromo2026 .section02 {position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_feburarySubPromo2026/bg_section02_260209.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1706; background-color:#F4530B;} #feburarySubPromo2026 .section02 .bg-white {background-image: url("https://file.rankingdak.com/image/event/m/event_feburarySubPromo2026/bg_white_260209.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 690/1208;} #feburarySubPromo2026 .section02 .item-group {display:flex; flex-wrap: wrap; gap: 30px 15px; padding:100px 15px 30px;} #feburarySubPromo2026 .section02 .item {flex: 1 1 calc(50% - 30px)} .ft-pc #feburarySubPromo2026 .section02 .swiper-container{bottom:40px;} #feburarySubPromo2026 .section02 .swiper-container{width:100%; position:absolute; bottom: 30px; padding: 0 15px;} #feburarySubPromo2026 .section03 {position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_feburarySubPromo2026/bg_section03.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/2010;background-color: #222;} #feburarySubPromo2026 .section03 .item-group {display:flex; flex-wrap: wrap; gap: 30px 15px;} #feburarySubPromo2026 .section03 .item {flex: 1 1 calc(50% - 30px)} #feburarySubPromo2026 .section03 .swiper-container{width:100%; position:absolute; bottom: 134px; padding:0 15px; } .ft-pc #feburarySubPromo2026 .section03 .swiper-pagination{top: 220px;} #feburarySubPromo2026 .section03 .swiper-pagination{position:absolute; top: 170px; padding: 0 15px; justify-content: center; display: flex; width: 100%; } #feburarySubPromo2026 .section03 .swiper-pagination-bullet{width:100%; height:4px; border-radius:0; background-color: #474747; } #feburarySubPromo2026 .section03 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #F4530B;} #feburarySubPromo2026 .section03 .link-btn {position:absolute; bottom: 40px; padding:0 15px;} #feburarySubPromo2026 .section04 {position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_feburarySubPromo2026/bg_section04.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/670;} #feburarySubPromo2026 .section04 .link-box{padding:0 15px; position: absolute; display: flex; gap: 10px; flex-direction: column; bottom: 40px;} .ft-pc #feburarySubPromo2026 .section05{padding-bottom:46px;} /*3월 메인 프로모션*/ #newStart2603 .section2{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_newStart2603/bg_section1.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/980;background-color: #FFFCF0;} #newStart2603 .coupon-area{display: flex; position: absolute; bottom: 12.2448%; flex-direction: column; gap: 16px; padding: 0 6.6666%} #newStart2603 .coupon-area li{cursor: pointer} #newStart2603 .section3{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_newStart2603/bg_section2.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1829;background-color: #282828; } #newStart2603 .section4{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_newStart2603/bg_section3.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/2324;background-color: #121212; } #newStart2603 .bg-white{background-color: #fff; border-radius: 8px; padding: 30px 15px;} #newStart2603 .section3 .item-group-box{width: 100%;position: absolute;top: 16.0068%; padding: 0 4%;} #newStart2603 .section3 .item-group{display: flex; flex-wrap: wrap; gap: 40px; padding: 0 6.6666%; top: 21.0497%; position: absolute} #newStart2603 .section3 .item{flex: 1 1 100%;} #newStart2603 .section4 .item-group-box{width: 100%;position: absolute;top: 16.0068%; padding: 0 4%;} #newStart2603 .item-group-box .item-group{display: flex; flex-wrap: wrap; gap: 30px 15px;} #newStart2603 .item-group-box .item{flex: 1 1 calc(50% - 15px);} #newStart2603 .img-button{width: 100%;position: absolute;padding: 0 4%; bottom: 5.1635%;} .ft-pc #newStart2603 .section5{padding-bottom:46px;} #newStart2603 .event-tab ul li a img.off { display: block; } #newStart2603 .event-tab ul li a img.on { display: none; } #newStart2603 .event-tab ul li a.on img.off {display:none;} #newStart2603 .event-tab ul li a.on img.on {display:block;} #newStart2603 .event-tab-scroll { display: none; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 999; } #newStart2603 [data-anchor="true"] { scroll-margin-top: 60px; } .ft-pc #newStart2603 .section9 { padding-bottom: 47px } .ft-pc #newStart2603 .event-tab-scroll .grid-area-span3 { max-width: 460px; left: 50%; } #newStart2603 .grid-wrap, .grid-area, .grid-wrap-inline, [class*="grid-area-"] { background-color: #000; } @media screen and (max-width: 1023px) {.ft-pc #newStart2603 .event-tab-scroll [class*="grid-area-"] {left: calc(50% - 195px)}} /*CRM 쿠폰 프로모션*/ #crmCouponPromo2603 .coupon-btn-area{background-color: #5AC4FF; padding:4% 11.3333% 5.3333%; } #crmCouponPromo2603 .accordion-box{background-color: #5AC4FF;} #crmCouponPromo2603 .item-group-box{position: absolute;} #crmCouponPromo2603 .item-box{position: absolute; bottom: 16.5184%; width: 100%; padding: 0 4.6666%;} #crmCouponPromo2603 .bg-white{border-radius: 8px; background-color:#fff; padding:8% 4.6666%} #crmCouponPromo2603 .item-group{display: flex; flex-wrap: wrap; gap: 5.3333%; row-gap: 16px;} #crmCouponPromo2603 .section2{position: relative; border-top:4px solid #000; background-image: url("https://file.rankingdak.com/image/event/m/event_crmCouponPromo2603/bg_section2.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1574;background-color: #5BC63A; } .ft-pc #crmCouponPromo2603 .empty-area{padding-bottom: 58px;} #crmCouponPromo2603 .item{flex: 1 1 calc(50% - 40px);} #crmCouponPromo2603 .link-box{position: absolute; bottom: 6.3532%; width: 100%; padding: 0 4.6666%;} #crmCouponPromo2603 ._accordion-content{height: 0; } #crmCouponPromo2603 .content{height: 0; transition: all 0.5s} #crmCouponPromo2603 .content.collapsed{height: auto; } /*CRM 쿠폰(푸시수신동의) 프로모션*/ #pushAgree2026 .coupon-btn-area{background-color: #282828; padding:4% 11.3333% 5.3333%; } #pushAgree2026 .accordion-box{background-color: #282828;} #pushAgree2026 .item-group-box{position: absolute;} #pushAgree2026 .item-box{position: absolute; bottom: 16.5184%; width: 100%; padding: 0 4.6666%;} #pushAgree2026 .bg-white{border-radius: 8px; background-color:#fff; padding:8% 4.6666%} #pushAgree2026 .item-group{display: flex; flex-wrap: wrap; gap: 5.3333%; row-gap: 16px;} #pushAgree2026 .section2{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_pushAgree2603/bg_section2.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1574;background-color: #141414; } .ft-pc #pushAgree2026 .empty-area{padding-bottom: 58px;} #pushAgree2026 .item{flex: 1 1 calc(50% - 40px);} #pushAgree2026 .link-box{position: absolute; bottom: 6.3532%; width: 100%; padding: 0 4.6666%;} #pushAgree2026 ._accordion-content{height: 0; } #pushAgree2026 .content{height: 0; transition: all 0.5s} #pushAgree2026 .content.collapsed{height: auto; } /*수신동의 풀페이지*/ .ft-pc #pushReward2603 .section4{ padding-bottom: 47px; } /*4월 랭킹패스타*/ #rankingFesta2604 .section2{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_rankingFesta2604/bg_section2.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/765;} #rankingFesta2604 .coupon-area{padding:0 6.6666%; position: absolute; bottom: 16.9934%} #rankingFesta2604 .coupon-area .img-coupon{cursor: pointer} #rankingFesta2604 .coupon-area .img-coupon:last-child{margin-top: 2.6143%;} #rankingFesta2604 .section3{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_rankingFesta2604/bg_section3.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/957;} #rankingFesta2604 .section3 .bg-white{background-color: #fff; padding:4%; border-radius: 8px;} #rankingFesta2604 .section3 .item-box{padding: 0 4%; position: absolute; bottom: 12.5391%;} #rankingFesta2604 .section3 .item-group{display: flex; flex-wrap: wrap; gap: 4%} #rankingFesta2604 .section3 .item{flex: 1 1 calc(50% - 4%);} #rankingFesta2604 .section4{position: relative; background-image: url("https://file.rankingdak.com/image/event/m/event_rankingFesta2604/bg_section4.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/1653;} #rankingFesta2604 .section4 .bg-white{padding:0 8%;} /*#rankingFesta2604 .section4 .swiper-box{position: relative; top: 17.7253%;}*/ #rankingFesta2604 .section4 .swiper-box{padding-top: 40%;} #rankingFesta2604 .section4 .item-group{display: flex; flex-wrap: wrap; gap: 4%; row-gap: 30px;} #rankingFesta2604 .section4 .item{flex: 1 1 calc(50% - 4%)} #rankingFesta2604 .section4 .btn-box{padding: 0 4%; position: absolute; bottom: 4.8396%;} #rankingFesta2604 .swiper-pagination{display: flex; justify-content: center; gap: 12px; width: 100%; margin-top: 8%} #rankingFesta2604 .swiper-pagination .swiper-pagination-bullet{background-color:#999; opacity: 0.4} #rankingFesta2604 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#999; opacity: 1;} .ft-pc #rankingFesta2604 .section5{padding-bottom: 58px;} /*첫구매 페이지 리뉴얼*/ #welcomeOffer2604 .section2{background-image: url("https://file.rankingdak.com/image/event/m/event_welcomeOffer2604/bg_section2_260326.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/917; position: relative;} #welcomeOffer2604 .section2 .link-area{position: absolute; bottom: 10.9051%; padding: 0 4%; } #welcomeOffer2604 .section2 .link-area .item:last-child{margin-top: 2.1810%; } #welcomeOffer2604 .img-button{top: 87.8854%;} #welcomeOffer2604 .bg-white{background-color:#fff; border-radius: 10px;} #welcomeOffer2604 .section3{background-image: url("https://file.rankingdak.com/image/event/m/event_welcomeOffer2604/bg_section3_260326.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center center; aspect-ratio: 750/776; position: relative;} #welcomeOffer2604 .section3 .coupon-area{position: absolute; top: 43.9432%; padding: 0 8%; z-index: 10} #welcomeOffer2604 .section3 .img-coupon{cursor: pointer;} #welcomeOffer2604 .section4{background-color: #fff9c9; aspect-ratio: 750/1280; position: relative} #welcomeOffer2604 .section4 .item-layout{ padding: 0 4%;} #welcomeOffer2604 .section4 .btn-box{padding: 0 4%; position: absolute; bottom: 7.3%;} #welcomeOffer2604 .section4 .item-group{padding:4% 5.3333%; background-color: #fff; border-radius: 8px; display: flex; flex-wrap: wrap; gap:4%; row-gap:20px;} #welcomeOffer2604 .item-group .item{flex: 1 1 calc(50% - 4%)} #welcomeOffer2604 .section5 .btn{position: absolute; top: 0; padding: 0 4%;} #welcomeOffer2604 .section6 .accordion-content{max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out;} #welcomeOffer2604 .section6 .accordion-content.collapsed{max-height: 500px; } #welcomeOffer2604 .empty-area{padding-bottom: 10px;} .ft-pc #welcomeOffer2604 .empty-area{padding-bottom: 58px;}