/* 바텀시트 영역 */
/* 스토어 페이지(.wrap_store)는 main.css를 로드하지 않으므로, 바텀시트만 떠 있을 때 dimmed가 가려지지 않도록 type_120 override를 여기서도 정의한다. */
.dimmed.is_show.type_120{z-index:120}
.bottom_sheet_wrap{position:fixed;bottom:0;left:0;z-index:140;width:100%;margin-bottom:0;-webkit-transform:translateY(calc(100% - 80px));-ms-transform:translateY(calc(100% - 80px));transform:translateY(calc(100% - 80px));-webkit-transition:0.3s -webkit-transform;transition:0.3s -webkit-transform;-o-transition:0.3s transform;transition:0.3s transform;transition:0.3s transform,0.3s -webkit-transform;will-change:transform}
.bottom_sheet_wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.bottom_sheet_wrap .inner{max-width:880px;margin:0 auto}
.bottom_sheet_wrap .btn_bottom_sheet_open{position:absolute;top:16px;right:16px;z-index:55;width:32px;height:32px;background:url("https://hangame-images.toastoven.net/hangame/hangamestore/img/main/icon_bottm_sheet.png") no-repeat center / 100% 100%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.bottom_sheet_wrap .bottom_sheet{width:100%;max-width:1024px;margin:0 auto;padding:0 16px;border-radius:20px 20px 0 0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);background-color:#fff;}
.bottom_sheet_wrap .bottom_sheet_header{padding:16px 0 24px}
.bottom_sheet_wrap .title_group{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;min-height:40px;font-size:0;-webkit-box-align:center;-ms-flex-align:center}
.bottom_sheet_wrap .title_group .title_text{display:inline-block;width:83px;height:20px;margin-left:3px;background:url(https://hangame-images.toastoven.net/hangame/hangamestore/img/common/bottom_sheet_title_v2.svg) no-repeat;background-position:center;background-size:83px 20px}
.bottom_sheet_wrap .title_group .lottie_gift{width:42px;height:40px;margin-top:-10px}
.bottom_sheet_wrap .tit_img::after{display:inline-block;height:40px;vertical-align:middle;content:""}
.bottom_sheet_wrap .banner_area{overflow:hidden;position:relative;z-index:10;width:100%;max-width:880px;height:86px;margin:0 auto;border-radius:8px}
.bottom_sheet_wrap .banner_area .swiper-slide{width:100%;height:86px}
.bottom_sheet_wrap .banner_area .link_slide{display:block;overflow:hidden;position:relative;width:100%;height:86px;border-radius:8px}
.bottom_sheet_wrap .banner_area .img_banner{position:absolute;top:0;left:50%;width:auto;max-width:880px;height:86px;-o-object-fit:initial;object-fit:initial;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.bottom_sheet_wrap .swiper-pagination.swiper-pagination-bullets{margin-right:6px;right:0 !important;left:auto !important;width:auto !important}
.bottom_sheet_wrap .swiper-pagination-bullet{width:6px !important;height:6px !important;background: rgba(217, 217, 217, 0.5) !important}
.bottom_sheet_wrap .swiper-pagination-bullet-active{width:16px !important;border-radius:10px;background:#fff !important}
.bottom_sheet_wrap .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0 0 4px !important}
.bottom_sheet_wrap .swiper-pagination-bullets .swiper-pagination-bullet:first-child,.wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin:0}


.bottom_sheet_wrap .receive_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;margin-top:16px;-webkit-box-align:center;-ms-flex-align:center}
.bottom_sheet_wrap .receive_item{-ms-flex:1 1 calc((100% - 56px)/2);flex:1 1 calc((100% - 56px)/2);width:calc((100% - 56px)/2);-webkit-box-flex:1}
.bottom_sheet_wrap .receive_item:nth-child(2n){margin-left:56px}
.bottom_sheet_wrap .receive_item .item_label{overflow:hidden;padding:8px;border-radius:12px 12px 0 0;background:#424242;background:var(--gray7);font-size:12px;font-weight:700;line-height:14px;color:#f5f5f5;text-align:center;white-space:nowrap}
.bottom_sheet_wrap .receive_item .item_content{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-radius:0 0 12px 12px;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center}
.bottom_sheet_wrap .receive_item .link_item_info_box{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;width:100%;height:100%;font-size:0;-webkit-box-align:center;-ms-flex-align:center}
.bottom_sheet_wrap .receive_item .item_thumbnail{display:inline-block;-ms-flex:0 0 40px;flex:0 0 40px;overflow:hidden;position:relative;width:40px;height:40px;border-radius:50%;background-color:#efe3ff;-webkit-box-flex:0}
.bottom_sheet_wrap .receive_item .item_thumbnail > img{position:absolute;top:50%;left:50%;width:100%;max-width:40px;height:auto;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.bottom_sheet_wrap .receive_item .item_desc_box{display:inline-block}
.bottom_sheet_wrap .receive_item .item_description{display:inline-block;margin:0 16px}
.bottom_sheet_wrap .receive_item .item_name{font-size:16px;font-weight:700;color:#242424}
.bottom_sheet_wrap .receive_item .item_next_reward{flex-shrink:0;padding:4px 6px}
.bottom_sheet_wrap .receive_item .item_info{margin-top:2px;font-size:12px;font-weight:400;color:#969696}
.bottom_sheet_wrap .receive_item .next_reward_text{font-size:13px;font-weight:400;line-height:18px;color:#05051D}
.bottom_sheet_wrap .receive_item .next_reward_time{color:#006FFF}
.bottom_sheet_wrap .btn_receive{min-width:84px;padding:10px 0;border-radius:999px;background:#2e3668;font-size:16px;font-weight:700;line-height:24px;color:#fff;letter-spacing:0}
.bottom_sheet_wrap .receive_item.is_complete .btn_receive,.bottom_sheet_wrap .receive_item.is_sold_out .btn_receive{background:#ebebeb;line-height:24px;color:#9E9E9E;pointer-events:none}
.bottom_sheet_wrap ~ .footer{padding-bottom:100px}
.bottom_sheet_wrap.is_up{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:0.3s -webkit-transform;transition:0.3s -webkit-transform;-o-transition:0.3s transform;transition:0.3s transform;transition:0.3s transform,0.3s -webkit-transform}
.bottom_sheet_wrap.is_up .btn_bottom_sheet_open{display:inline-block;top:20px;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.bottom_sheet_wrap.is_up .bottom_sheet{padding-bottom:24px}
.bottom_sheet_wrap.is_up .receive_item_list{display:block}
.bottom_sheet_wrap.is_up .bottom_sheet_header{padding:16px 0 20px}
.bottom_sheet_wrap.is_up .title_group .lottie_gift{height:50px}
/* hover */
@media (hover:hover) and (pointer:fine){
  .bottom_sheet_wrap .btn_bottom_sheet_open:hover{background:url("https://hangame-images.toastoven.net/hangame/hangamestore/img/main/icon_bottm_sheet_hover.png") no-repeat center / 100% 100%}
  .bottom_sheet_wrap .btn_receive:hover{background:#6470A8}
}
/* IE11 hover fallback (IE11은 (hover:hover) 미디어 쿼리 미지원) */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
  .bottom_sheet_wrap{margin-bottom:80px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
  .bottom_sheet_wrap.is_up{margin-bottom:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
  .bottom_sheet_wrap .btn_bottom_sheet_open:hover{background:url("https://hangame-images.toastoven.net/hangame/hangamestore/img/main/icon_bottm_sheet_hover.png") no-repeat center / 100% 100%}
  .bottom_sheet_wrap .btn_receive:hover{background:#6470A8}
}
@media screen and (min-width:912px){
  .bottom_sheet_wrap .btn_bottom_sheet_open{right:calc(((100% - 880px) / 2))}
}
@media screen and (max-width:768px){
  .bottom_sheet_wrap .receive_list{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal}
  .bottom_sheet_wrap .receive_item{-ms-flex:1;flex:1;width:100%;-webkit-box-flex:1}
  .bottom_sheet_wrap .receive_item:nth-child(2n){margin-left:0}
}