@charset "utf-8";

* {
  font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif;
}
.p_wrap.p_puzzle .img_g{display:block;width:100%}
.p_puzzle .img_center{display:block;margin:0 auto}

.p_puzzle{overflow:hidden;background-color:#FFF8BA}
.p_puzzle [class*=section_]{min-width:320px;max-width:375px;margin:0 auto;box-sizing:border-box}
.p_puzzle [class*=box_]{width:305px;margin:0 auto;border-radius:25px;background-color:#fff;box-sizing:border-box}

.p_puzzle .section_intro{position:relative;max-width:none;height:685px}
.p_puzzle .section_intro .img_intro{position:absolute;top:0;left:50%;margin-left:-210px}

.p_puzzle .section_puzzle .wrap_puzzle{overflow:hidden;position:relative;height:250px;border-radius:21px}
.p_puzzle .section_puzzle .box_puzzle{width:273px;padding:16px 13px 23px 14px;margin:0 9px;border-radius:31px;box-sizing:border-box}
.p_puzzle .section_puzzle .box_puzzle .wrap_info{display:flex;align-items:center;justify-content:space-between;padding:22px 7px 0 8px}
.p_puzzle .section_puzzle .box_puzzle .tit_week{font-size:18px;line-height:26px}
.p_puzzle .section_puzzle .box_puzzle .week_info{display: flex; flex-direction: column;}
.p_puzzle .section_puzzle .box_puzzle .date{font-weight: 700; font-size: 14px; line-height: 26px;margin-top:2px;color:#9aa1ab}
.p_puzzle .section_puzzle .badge_situation, .section_puzzle .type_reward{ display: block;padding:0 14px;border-radius:18px;font-size:15px;line-height:36px; font-weight: 700;letter-spacing:-0.03em;color:#fff;background-color:#F8B73D}
.p_puzzle .section_puzzle .badge_situation.type_lock{color:#aeaeae;background-color:#f0f0f0}
.p_puzzle .section_puzzle .badge_situation.type_win,
.p_puzzle .section_puzzle .badge_situation.type_lose {background-color:#63A2FF}
.p_puzzle .section_puzzle .badge_situation.type_incomplete{background-color:#B3B3B3}
.p_puzzle .section_puzzle .badge_situation.type_reward{background-color:#FF7269}
.p_puzzle .section_puzzle .type_reward .ico_arrow{display:inline-block;margin:12px 0 0 4px;vertical-align:top;image-orientation: none; background: url(https://og.kakaobank.io/view/a324c43e-05c9-4864-aece-f9de1f1bf15d) no-repeat; width:7px;height:11px; background-size: contain; }
.p_puzzle .section_puzzle .slick-list{ overflow: visible;}
.p_puzzle .section_puzzle .slick-dots{display:flex;justify-content:center;margin-top:25px}
.p_puzzle .section_puzzle .slick-dots li{margin:0 4px}
.p_puzzle .section_puzzle .slick-dots li button{width:10px;height:10px;border-radius:5px;font-size:1px;line-height:0;color:transparent;background-color:#DEDEDE}
.p_puzzle .section_puzzle .slick-dots li.slick-active button{background-color:#FB7676}

.p_puzzle .order_group {display: flex; flex-direction: column;margin: 0 auto 74px}
.p_puzzle .order_group.order {display: flex; flex-direction: column;margin: 0 auto 74px}
.p_puzzle .order_group.order .section_puzzle{order: 2;margin-top:74px}
.p_puzzle .order_group.order .section_situation{order: 1; padding-top:34px}

.p_puzzle .section_situation{padding:90px 0 0;}
.p_puzzle .section_situation .tit_situation{display:block;font-size:20px;line-height:26px;color:#576173;text-align:center}
.p_puzzle .section_situation .num_situation{display:inline-block;margin-left:9px;color:#63A2FF;vertical-align:top}
.p_puzzle .section_situation .box_situation{overflow:hidden;position:relative; height: 467px;margin-top:35px;padding:35px 25px 33px;border-radius:19px}
.p_puzzle .box_situation .list_situation{margin-top:25px;display:flex;flex-wrap:wrap}
.p_puzzle .box_situation .list_situation li{width:111px;padding:8px}
.p_puzzle .box_situation .area_situation{display:block;overflow:hidden;position:relative;width:100%;border-radius:10px;}
.p_puzzle .box_situation .wrap_accumulate{display:flex;justify-content:space-between;margin-top:17px;padding:26px 26px 23px;border-radius:19px;background-color:#6DA5F8}
.p_puzzle .wrap_accumulate{font-size:18px;line-height:26px;color:#fff}
.p_puzzle .wrap_accumulate .num_accumulate{color:#FFEF9D; font-weight: 700; font-size: 20px; line-height: 26px; text-align: right; }
.p_puzzle .wrap_accumulate .num_accumulate.thaus{font-size: 17px;}
.p_puzzle .section_situation .img_situation, .p_puzzle .section_situation .wrap_layer{position:absolute;top:0;left:0;width:100%}
.p_puzzle .section_situation .img_situation{display:block}
.p_puzzle .section_situation .wrap_layer .link_apply{position:absolute;left:92px;right:93px;bottom:133px;height:23px}
.p_puzzle .section_situation .wrap_layer.type_app .link_apply{left:106px;right:107px;bottom:156px; background: url("https://og.kakaobank.io/view/44a03b79-f791-49c1-8770-486f657496e2") no-repeat; background-size: contain; width: 92px; height: 23px; text-indent: -999em; overflow: hidden;}
.p_puzzle .section_how{padding-top:5px}
.p_puzzle .section_notice .box_notice{padding:73px 34px}
.p_puzzle .section_notice +.section_how{padding-top:65px}
.p_puzzle .section_how .box_how{padding:58px 37px 39px 36px}

.popups{opacity: 0;}
.popups.on{opacity:1}
.layer_comm.layer_prm{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:30;}
.layer_comm .bg{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:rgba(0,0,0,0.55)}
.layer_prm .inner_layer{overflow:hidden;width:305px;padding:40px 14px 14px;border-radius:20px;background-color:#fff;box-sizing:border-box}
.layer_prm .desc_alert{display:block; font-weight: 700; font-size: 20px; line-height: 24px;letter-spacing:-0.025em;color:#000;text-align:center}
.layer_prm .desc_sub{display:block;margin-top:20px;font-size:15px;line-height:18px;letter-spacing:-0.067em;font-weight:normal;color:#333;text-align:center}
.layer_prm .btn_confirm{display:block;width:100%;margin-top:35px;border-radius:10px;font-size:20px;line-height:60px;font-weight:800;color:#000;text-align:center;background-color:#F8B73D}
#eventInfo  {padding: 0 30px;
  background: #F1F1F1;
}
#share .share-btn {background: none; padding:0}
#share .share-btn .btn{background-color: #F8B73D; color:#fff}

.accordion-block {border-top: 2px solid #333333;}
 .accordion-block .accordion-btn .icon-plus svg {stroke: #333333;}