/* Common */
.clfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clfix{*display:inline-block;zoom:1;}
.hidden {display:none !important;}
.hand {cursor:pointer;}

.p-absolute {position :absolute;}
.mt10 {margin-top:1.4% !important;}
.mt20 {margin-top:2.8% !important;}
.mb10 {margin-bottom:1.4% !important;}
.mb20 {margin-bottom:2.8% !important;}
.pt10 {padding-top:1.4% !important;}
.pb100 {padding-bottom:14% !important;}
.ma50 {padding:0 7% 0 7%;background-color:#fff;}
.mtb40 {margin:5.6% 0;}
 
 .pretendard{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
  div[class*="event_"] ,.tab_content {}
  
.evt-content { margin: 0 auto; max-width:500px;} 
.evt-content * { box-sizing: border-box; } 
.evt-content img { display: block; width: 100%; height: auto; } 
.evt-container-absolute { position: absolute; width: 100%; } 
.evt-container-relative { position: relative; } 
.evt-container-center { position: relative; text-align: center; }
.evt-container-flex {display: flex; flex-wrap: wrap; }
.evt-toggle-container { cursor: pointer; } 
.evt-toggle-container .evt-toggle-btn { display: block; text-align: center; } 
.evt-toggle-container.open .evt-toggle-btn { display: none; } 
.evt-toggle-container .evt-toggle-content { display: none; text-align: center; } 
.evt-toggle-container.open .evt-toggle-content { display: block; } 
/* Event Hero Tabs */
.et-hero-tabs-height { position: relative;} 
.et-hero-tabs-container { max-width: 500px; } 
.et-hero-tabs-container .swiper-wrapper { width: 100%;  display:grid; z-index: 10; grid-template-columns: repeat(3, 1fr); grid-template-rows:repeat(3, 1fr);} 
.et-hero-tabs-container--top { position: fixed;  top: 55px;left: 50%;transform: translate(-50%, 0);z-index:9999} 
.et-hero-tabs-container--top .swiper-wrapper {display: flex;}


.et-hero-tabs .swiper-slide img:nth-child(1) { display:none;} 
.et-hero-tabs .swiper-slide img:nth-child(2) { display:block; } 
.et-hero-tabs .swiper-slide.on img:nth-child(1) { display:block; }
.et-hero-tabs .swiper-slide.on img:nth-child(2) { display:none; }

@media screen and (min-width:500px){
    .et-hero-tabs-container--top {overflow:hidden;}
}

.on-off-img		img:nth-child(1) {display:none;}
.on-off-img.on	img:nth-child(1) {display:block;}
.on-off-img.on	img:nth-child(2) {display:none;}

.on-off-img		img:nth-child(3) {display:none;}
.on-off-img.on	img:nth-child(3) {display:block;}


/* Event Added */
#etTabContent01 {position:relative;display: inline-block;}
#etTabContent01 .on-off-img {width:88.89%;margin:0 5.56%;}

#etTabContent02 {background-color:#4978ee;}
#etTabContent02 .btn1 {position:absolute;width:52.78%;bottom:10%;margin:0 23.61%;}
#etTabContent02 .on-off-img {width:88.89%;margin:0 5.56%;position:relative;}
#etTabContent02 .gobtn1 {position:absolute;top:91.86%;left:50%;transform:translateX(-50%);display: block;width:71.25%;}
#etTabContent02 .gobtn2 {position:absolute;top:91.56%;left:50%;transform:translateX(-50%);display: block;width:71.25%;}

#etTabContent03 {}
#etTabContent03 .ucount {font-family: 'proxima-nova'; font-size:clamp(20.48px,6.4vw,32px);color:#000;position: absolute;right:32%;bottom:clamp(36.48px,11.4vw,57px);font-weight: 600;width:65px;text-align: right;letter-spacing: -0.2px;}
#etTabContent03 .icon  {position:absolute;width:20.56%;bottom:59%;margin:0 39.72%;}
#etTabContent03 .btn1  {position:absolute;width:27.78%;bottom:40%;margin:0 36.11%;}


#etTabContent06 {background-color:#6ebdfe;}
#etTabContent06 ul li {width:77.78%;margin:0 11.11%;}

#etTabContent07 .sub-tab1 {width:88.33%;margin:0 5.83%;display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap: 4px;}
#etTabContent07 .sub-tab2 {width:88.33%;margin:0 5.83%;display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap: 4px;}
#etTabContent07 .sub-tab3 {width:88.33%;margin:0 5.83%;display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap: 4px;}
#etTabContent07 .goods {overflow: hidden;width:94.16%;margin-left:5.83%;}
#etTabContent07 .btn1 {width:63.33%;margin:0 18.33%;}
#etTabContent08 {background-color:#f7f7f7;}
#etTabContent08 .btn1 {width:63.33%;margin:0 18.33%;}

#etTabContent09 {}
#etTabContent09 .stamp {position: absolute;margin:0 6.94%;width:86.11%;top:50%;display:grid;display:grid;grid-template-columns: repeat(3, 1fr);grid-template-rows:auto auto;gap:10px;}
#etTabContent09 .stamp .on-off-img:hover	a img:nth-child(1) {display:block;}
#etTabContent09 .stamp .on-off-img:hover	a img:nth-child(2) {display:none;}


#etTabContent04 .bar {position: absolute;bottom:30%;width:100%;}
#etTabContent04 .bar .per {position: absolute;left:clamp(31.68px,9.9vw,49.5px);width:80%;height: clamp(14.72px,4.6vw,23px);}
#etTabContent04 .bar-bg {position: absolute; top: 61%; left: 50%; transform: translateX(-50%); width: 83%;}
#etTabContent04 .bar .per span {float: left;height:100%;background-color:#3160d4;display: inline-block;}
#etTabContent04 .btn   {position:absolute;left:50%;margin-left:-290px;bottom:740px;}
#etTabContent04 .bg    {position:absolute;top:34%;border-radius:3%;width:88.89%;margin:0 5.56%;}
#etTabContent04 .point {position:absolute;top:42%;right:18%;font-weight:600;font-size:2em;color:#3161d5;letter-spacing: -0.2px;width:250px;text-align:right;}


@media screen and (max-width:500px){
    #etTabContent04 .bar .per {height: 22px;}
    #etTabContent04 .bar .txt {top: 50px;}
    #etTabContent04 .bar .txt span {width:10px;height:10px;}
    #etTabContent04 .bar .txt li {font-size: 22px;}    
    #etTabContent04 .bar .txt li:nth-child(1) {margin-left: 5px;}
}



#etTabContent04 .btn0 {width:62.3%;position:absolute;top:71.3%;left:18.89%;}

#etTabContent05 {}
#etTabContent05 .luckygd3 {width:33.33%;position:absolute;bottom:46%;left:12.5%;}
#etTabContent05 .luckygd4 {width:33.33%;position:absolute;bottom:46%;right:12.5%;}
#etTabContent05 .luckygd5 {width:33.33%;position:absolute;bottom:9%;left:33.33%;}
#etTabContent05 .btn3 {width:33.33%;position:absolute;bottom:41%;left:12.5%;}
#etTabContent05 .btn4 {width:33.33%;position:absolute;bottom:41%;right:12.5%;}
#etTabContent05 .btn5 {width:33.33%;position:absolute;bottom:4%;left:33.33%;}
#etTabContent05 .btn1 {width:33.33%;position: absolute;bottom:10%;left:13.19%;}
#etTabContent05 .btn2 {width:33.33%;position: absolute;bottom:10%;right:13.19%;}

.divpop {position:fixed;left:0;right:0;top:0;margin:0 auto;max-width:500px;height:100%;z-index:19;background-color: rgba(0,0,0,0.6);display:none;}
.divpop .popContent{position:absolute;left:50%;top:50%;margin-left:-38.89%;margin-top:-50%;width:77.78%;height:auto;}
.divpop .popbg {background:no-repeat center center;}
.divpop .popbg img {width: 100%;}
.divpop .closebtn {position:absolute;top:5%;right:5%; width:7%;height:7%;}
.divpop .closebtn img {width: 100%;}
.divpop .popbtn {position:absolute;bottom:10%;width:100%;text-align: center;}
.divpop .popbtn img {width:71.43%;margin:77.37% auto 0;}

.goods {margin:20px auto ;position: relative;overflow-x: hidden;}
.goods li {float:left;margin-right:19px;}
.product { width: 248px;} 
.product .img-wrap  {position: relative; width: 100%; height: 298px;} 
.product .img-wrap img {height:298px;}
.product .img-wrap  {position: relative; width: 100%; height: 298px; overflow: hidden; box-sizing: border-box; } 
.product .img-wrap img {height:298px;}
.product .img-wrap .tips {width:66px;height:48px;}
.product .img-wrap .tips .sale {background-color:#e25a0f;border:none;font-size:22px;padding:0;width:66px;height:48px;line-height:48px;}
.product .text-wrap {position: relative; width: 100%; padding: 10px 0px;box-sizing: border-box; overflow: hidden; text-align:left; border-top:none; } 
.product .text-wrap .name { line-height: 26px; font-size: 18px;height:52px; color: #fff; letter-spacing: -1px; margin-bottom: 5px; width: 100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: pre-line; word-break: break-all; } 
.product .text-wrap .explain { line-height: 21px; height: 21px; font-size: 15px; color: #999999; letter-spacing: -1px; margin-bottom: 5px; width: 100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.product .text-wrap .cost {font-family:'Noto Sans KR'; line-height: 100%; font-size: 20px; color: #fff;letter-spacing: -0.1px; } 
.product .text-wrap .cost strong { vertical-align: baseline; } 
.product .text-wrap .cost .han {font-family: 'proxima-nova';}
.product .text-wrap .cost .sale {font-family:'Noto Sans KR'; line-height: 100%; vertical-align: baseline; font-size: 16px; color: #888888;letter-spacing: -0.1px; text-decoration: line-through; margin-left: 8px; } 
.product .text-wrap .cost .sale .han {font-size: 15px;}
.product .img-wrap .img_hover { position: absolute; display: block ; width: 100%; height: 100%; } 
.product .img-wrap .img_hover .img_hover_bg { background: rgba(0,0,0,0.3); position: absolute; z-index: 1; width: 100%; height: 100%; left:0;} 
.product .img-wrap .img_hover .basket { position: absolute; right: 10px; bottom: 10px; z-index: 2; background: url("/img/common/basket.png") no-repeat center center; width: 42px; height: 42px; } 
.product .img-wrap .img_hover .like { position: absolute; right: 10px; bottom: 10px; z-index: 2; background: url("/img/common/like_off.png") no-repeat center center; width: 42px; height: 42px; } 
.product .img-wrap .gradesc { position:absolute; bottom:10px; left:10px; width:48px; height:48px; line-height:48px; text-align:center; } 

.prditem .flag-dc {background-color: #343d4c;}


.rouletteImgPop {position:fixed;left:0;right:0;top:0;width:100%;height:100%;z-index:5;background-color: rgba(0,0,0,0.6);display:none;}
.rouletteImgPop .popContent{position:absolute;left:50%;top: 31%; transform: translate(-25%,0); width:580px;height:760px;}
.rouletteImgPop .popbg {position:absolute;}
.rouletteImgPop .popbg img {width:290px;height:300px;position: relative; text-align: center;}
.rouletteImgPop .popbtn {cursor:pointer; position:absolute;top: 31%; transform: translate(-25%,0);width: 100%; text-align:center;}
.rouletteImgPop .popbtn img {width:250px; position: relative; text-align: center;}

.stampImgPop {position:fixed;left:0;right:0;top:0;width:100%;height:100%;z-index:5;background-color: rgba(0,0,0,0.6);display:none;}
.stampImgPop .popContent{position:absolute;left:50%;top: 31%; transform: translate(-25%,0); width:580px;height:760px;}
.stampImgPop .popbg {position:absolute;}
.stampImgPop .popbg img {width:290px;height:350px;position: relative; text-align: center;}
.stampImgPop .popbtn {cursor:pointer; position:absolute;top: 37%; transform: translate(-25%,0);width: 100%; text-align:center;}
.stampImgPop .popbtn img {width:250px; position: relative; text-align: center;}