@charset "UTF-8";

.wrap_free_gift{display:flex;flex-direction:column;background:#151B3F}
.wrap_free_gift .header{max-width:none;padding:0}
.wrap_free_gift .header_inner{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;max-width:1024px;height:100%;margin:0 auto;padding:0 16px}
.wrap_free_gift .top_banner_wrap~.main{padding-top:114px}
.top_banner_wrap[style*="display: block"]~.main{padding-top:114px}
.wrap_free_gift .main{display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;padding-top:52px;padding-bottom:36px}
.wrap_free_gift .content{flex:initial;width:390px;margin:0 auto}
.wrap_free_gift .page_img_wrap{display:flex;flex-direction:column;justify-content:center;align-items:center}
.wrap_free_gift .page_img_wrap img{display:block;height:100%}
.wrap_free_gift .page_img_wrap .img_title{width:288px;margin-top:60px}
.wrap_free_gift .page_img_wrap .img_object{width:390px;margin-top:40px}
.wrap_free_gift .link_wrap{width:326px;margin:0 auto;margin-top:40px}
.wrap_free_gift .link_wrap .link{display:block;width:100%;padding:20px 0 19px 0;border-radius:4px;background:#FA6E00;line-height:1;text-align:center}

.wrap_free_gift .top_banner_wrap{position:absolute;top:52px;right:0;left:0;width:100%;height:44px;margin-top:18px;background:#006FFF;text-align:center}
.wrap_free_gift .top_banner_wrap .img_banner_text{position:absolute;top:-18px;left:50%;width:auto;height:52px;margin-bottom:18px;transform:translateX(-50%)}

.wrap_free_gift .gift_list{width:326px;margin:40px auto 0}
.wrap_free_gift .gift_item + .gift_item{margin-top:8px}
.wrap_free_gift .gift_item .btn_gift_detail{position:relative;box-sizing:border-box;width:100%;min-height:64px;padding:20px 24px;border-radius:8px;background:#2E3668;text-align:left}
.wrap_free_gift .btn_gift_detail .text_detail{font-family:'pretendard';font-size:16px;font-weight:400;line-height:24px;color:#B5BAE0}
.wrap_free_gift .btn_gift_detail .ico_arrow_down{display:inline-block;position:absolute;top:28px;right:24px;width:14px;height:9px;background:url(https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_daily/img/ico_arrow_down.png) no-repeat;background-size:14px 9px;vertical-align:top}
.wrap_free_gift .gift_contents{display:flex;align-items:center;overflow:hidden;max-height:0;padding:0 24px;border-radius:0 0 8px 8px;background:#444E80;transition:max-height .2s ease, padding .2s ease}

.wrap_free_gift .gift_contents .gift_thumb{display:inline-block;flex-shrink:0;position:relative;width:40px;height:40px;border-radius:999px;background:#C4DCFB}
.wrap_free_gift .gift_contents .gift_thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.wrap_free_gift .gift_contents .gift_text{margin-left:16px}
.wrap_free_gift .gift_contents .gift_name{display:block;font-size:16px;font-weight:700;line-height:24px;color:#FFF}
.wrap_free_gift .gift_contents .gift_sub{margin-top:2px;font-size:12px;font-weight:400;line-height:18px;color:#D8DAF0}

.wrap_free_gift .gift_item.is_show .gift_contents{max-height:200px;padding:16px 24px}
.wrap_free_gift .gift_item.is_show .btn_gift_detail{border-radius:8px 8px 0 0}
.wrap_free_gift .gift_item.is_show .ico_arrow_down{transform:rotate(180deg);}

.wrap_free_gift .img_wrap img{display:block;width:100%}
.wrap_free_gift .section_faq{box-sizing:border-box;margin:46px auto 0;padding:0 32px}
.wrap_free_gift .section_faq .img_wrap{width:105px;height:16px}
.wrap_free_gift .faq_list{margin-top:16px}
.wrap_free_gift .faq_list .faq_item{padding:2px 0 2px 26px}
.wrap_free_gift .faq_list .faq_item + .faq_item{margin-top:12px}
.wrap_free_gift .faq_list .faq_item .faq_question{position:relative;font-size:12px;font-weight:700;line-height:22px;color:#D8DAF0}
.wrap_free_gift .faq_list .faq_item .faq_answer{position:relative;margin-top:8px;font-size:12px;font-weight:700;line-height:18px;color:#fff}
.wrap_free_gift .faq_list .faq_item .mark{display:inline-block;position:absolute;top:1px;left:-26px;width:18px;height:18px;margin-right:8px;border-radius:100%;font-size:12px;font-weight:700;line-height:18px;text-align:center}
.wrap_free_gift .faq_list .faq_item .faq_question .mark{background:#444E80;color:#D8DAF0}
.wrap_free_gift .faq_list .faq_item .faq_answer .mark{background:#006FFF;color:#D8DAF0}

.wrap_free_gift .section_notice{box-sizing:border-box;margin:40px auto 0;padding:0 32px 8px}
.wrap_free_gift .section_notice .img_wrap{width:116px;height:16px}
.wrap_free_gift .notice_list{margin-top:18px}
.wrap_free_gift .notice_list .notice_item{position:relative;padding-left:12px;font-size:12px;font-weight:400;line-height:16px;color:#D8DAF0;letter-spacing:-.1px}
.wrap_free_gift .notice_list .notice_item.point{line-height:22px;color:#FF8066}
.wrap_free_gift .notice_list .notice_item::before{position:absolute;top:8px;left:2px;width:2px;height:2px;border-radius:50%;background-color:#D8DAF0;content:''}
.wrap_free_gift .notice_list .notice_item.point::before{background-color:#FF8066}
.wrap_free_gift .notice_list .notice_item + .notice_item{margin-top:6px}

.wrap_free_gift .footer{margin-top:auto}

/* section_banner */
.section_banner{display:none}
.section_banner .banner_wrap{position:relative;width:100%;max-width:1024px;height:102px;margin:0 auto}
.section_banner .banner_wrap::before,
.section_banner .banner_wrap::after{position:absolute;top:0;width:50%;height:100%;content:''}
.section_banner .banner_wrap::before{left:0;background-color:var(--bg-left)}
.section_banner .banner_wrap::after{right:0;background-color:var(--bg-right)}
.section_banner .banner_wrap img{display:block;position:absolute;top:0;left:50%;z-index:1;width:766px;transform:translateX(-50%)}
.section_banner.floating{display:block;position:fixed;right:0;bottom:0;left:0;z-index:100}

/* dimmed */
.dimmed{z-index:100}

/* ly_wrap */
.ly_wrap .ly_inner{width:320px;margin:0 auto;font-size:0;text-align:center}
.ly_wrap .btn_gift_confirm{position:absolute;bottom:0px;left:50%;z-index:2;width:100%;height:68px;transform: translateX(-50%)}
.ly_wrap .btn_confirm{position:absolute;bottom:0;left:50%;z-index:2;width:100%;height:68px;transform: translateX(-50%)}
.ly_wrap.ly_done .ly_inner{margin: -12px -12px 0 0}
.ly_wrap.ly_done .ly_inner .btn_gift_confirm{bottom: 37px}
.ly_wrap.ly_done .btn_close{position: absolute;top:-12px;right:-12px;width:60px;height:60px}
.ly_wrap.ly_congraution .ly_inner{height:470px;background:url(https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_daily/img/popup_1.png) no-repeat center;background-size:100% auto}
.ly_wrap.ly_congraution_done .ly_inner{height:414px;background:url(https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_daily/img/popup_2.png) no-repeat center;background-size:100% auto}
.ly_wrap.ly_alert01 .ly_inner{height:232px;background:url(https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_daily/img/popup_3.png) no-repeat center;background-size:100% auto}
.ly_wrap.ly_alert02 .ly_inner{height:232px;background:url(https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_daily/img/popup_4_v2.png) no-repeat center;background-size:100% auto}
.ly_wrap.ly_alert03 .ly_inner{height:232px;background:url(https://hangame-images.toastoven.net/hangame/event/20260619_hangamestore_daily/img/popup_5.png) no-repeat center;background-size:100% auto}

@media (orientation: landscape) and (max-height: 500px) {
  .ly_wrap.ly_congraution {
    overflow-x:hidden;
    overflow-y:auto;
    top:0;
    max-height:100vh;
    max-height:100dvh;
    transform:translateX(-50%);
    -webkit-overflow-scrolling: touch;
  }
  .ly_wrap.ly_congraution .ly_inner {
    overflow:hidden;
    position:relative;
  }
}
@media (max-height: 700px) and (orientation: portrait) {
  .ly_wrap.ly_congraution_done {
    top: calc(50% - 51px);
  }
}
@media (orientation: landscape) and (pointer: coarse) {
  .ly_wrap.ly_congraution_done {
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    max-height: calc(100vh - 102px);
    max-height: calc(100dvh - 102px);
    transform: translateX(-50%);
    -webkit-overflow-scrolling: touch;
  }
  .ly_wrap.ly_congraution_done .ly_inner {
    overflow: hidden;
    position: relative;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  html{-ms-overflow-style:none}
  .wrap_free_gift{height:100vh}
}