@charset "utf-8";
.event_header {position:fixed;z-index:1000;width:100%;height:46px;background-color:var(--white)}
.event_header .event_title {line-height:46px;text-align:center}
.event_header .btn_back {position:absolute;top:50%;width:48px;height:46px;font-size:17px;background-image:url("https://www.saraminimage.co.kr/sri/event/WMG-34621/Ico_back.png");background-repeat:no-repeat;background-position:center center;background-size:12px 19px;transform:translateY(-50%)}

.event_wrap {text-align:center}
.event_wrap img {display:block;max-width:100%;height:auto;margin:0 auto}
.box_head .txt_badge {display:block;font-size:14px;line-height:17px}

/* summary */
.wrap_event_summary {position:relative;padding:89px 0 331px;color:var(--white);background:url('https://www.saraminimage.co.kr/sri/event/SRI-36/mo/section1_img.png') no-repeat center bottom / 500px, linear-gradient(180deg, #0070DA 0%, #87BEF4 100%)}
.wrap_event_summary .inner {padding:0 25px}
.wrap_event_summary .box_head .txt_badge {color:#40E269;letter-spacing:5px}
.wrap_event_summary .txt_title {display:block;margin:30px 0 10px;font-size:24px;line-height:21px}
.wrap_event_summary .txt_desc {margin-top:15px;font-size:16px;font-weight:bold;line-height:22px}
.wrap_event_summary .txt_desc span {display:block;margin-top:15px;color:#E3D7A4;font-size:14px;line-height:17px}
.wrap_event_summary .list_info {position:absolute;bottom:0;display:flex;justify-content:center;gap:15px;width:100%;padding:20px 0;font-size:12px;line-height:16px;background:rgba(7,116,219,.4);backdrop-filter:blur(10px);text-align:left}
.wrap_event_summary .list_info strong {display:block;margin-bottom:4px;color:#E3D7A4;font-size:14px;line-height:17px}

/* quiz */
.wrap_event_quiz {padding:60px 0;background:linear-gradient(180deg, #ADD6FF 0%, #73B2F0 42.86%)}
.wrap_event_quiz .inner {padding:0 20px}
.wrap_event_quiz .box_head .txt_badge {margin-bottom:10px;color:#251561}
.wrap_event_quiz .box_cont {margin:25px 10px 0;color:#251561}
.wrap_event_quiz .box_cont .txt_title {display:block;padding:15px 0;font-size:18px;line-height:24px;background:#FFF49F;border-radius:20px 20px 0 0}
.wrap_event_quiz .list_quiz {display:flex;flex-direction:column;gap:8px;padding:30px 20px;background:var(--white);border-radius:0 0 20px 20px;box-sizing:border-box;counter-reset:section}
.wrap_event_quiz .list_quiz li {display:flex;align-items:center;width:100%}
.wrap_event_quiz .list_quiz input[type='radio'] {position:absolute;opacity:0}
.wrap_event_quiz .list_quiz input[type='radio']:checked~label {color:var(--white);background:#251561}
.wrap_event_quiz .list_quiz input[type='radio']:checked~label:before {border-color:var(--white)}
.wrap_event_quiz .list_quiz label {display:flex;align-items:center;gap:8px;width:100%;height:42px;padding:0 10px;font-size:16px;background:#D8D5E2;border-radius:50px;box-sizing:border-box}
.wrap_event_quiz .list_quiz label:before {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:14px;font-weight:bold;border:2px solid #251561;border-radius:50%;box-sizing:border-box;content:counter(section);counter-increment:section}
.wrap_event_quiz .box_caution {margin-top:40px;color:#EEE;font-size:12px;line-height:20px}
.wrap_event_quiz .box_foot {margin-top:60px;padding:0 20px}
.wrap_event_quiz .box_foot .txt_title {color:#251561;font-size:20px;line-height:24px}
.wrap_event_quiz .list_gift {display:flex;justify-content:center;flex-wrap:wrap;gap:57px 20px;margin:20px auto 0;padding:25px 0 53px;background:var(--white);border-radius:16px;box-sizing:border-box}
.wrap_event_quiz .list_gift li {position:relative;width:calc(50% - 10px);max-width:120px}
.wrap_event_quiz .list_gift li .badge {position:absolute;right:0;padding:5px 10px;color:var(--white);font-size:12px;font-weight:bold;line-height:14px;background:#251561;border-radius:50px;box-sizing:border-box}
.wrap_event_quiz .list_gift .thumb {width:120px;height:120px;margin-bottom:10px}
.wrap_event_quiz .list_gift .txt {position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);width:120%;color:#333;font-size:14px}

/* lottery */
.wrap_event_lottery {padding:60px 0;background:#FFF49F}
.wrap_event_lottery .inner {padding:0 30px}
.wrap_event_lottery .box_head {color:#F77C00;font-size:32px;font-weight:bold;line-height:40px}
.wrap_event_lottery .box_head .txt_badge {margin-bottom:30px;color:#F77C00}
.wrap_event_lottery .box_cont {margin-top:20px;color:#333;font-size:16px;line-height:24px}
.wrap_event_lottery .box_benefit {margin:30px 10px 0;color:#251561;font-size:14px;line-height:22px}
.wrap_event_lottery .box_benefit>strong {font-size:24px;line-height:29px}
.wrap_event_lottery .area_benefit {display:flex;flex-direction:column;align-items:center;margin-top:10px}
.wrap_event_lottery .area_benefit>img {position:relative;z-index:1}
.wrap_event_lottery .area_benefit .list_step {width:calc(100% - 20px);margin:-24px 10px 10px;counter-reset:section}
.wrap_event_lottery .area_benefit .list_step>li {position:relative;display:flex;justify-content:space-between;align-items:center;padding:30px 20px;font-size:34px;background:#FEED65;border-radius:8px;box-sizing:border-box}
.wrap_event_lottery .area_benefit .list_step>li:not(:first-of-type):before {position:absolute;left:15px;top:0;width:calc(100% - 30px);height:1px;background:url('https://www.saraminimage.co.kr/sri/event/SRI-36/mo/section3_line.png') no-repeat center bottom / cover;content:''}
.wrap_event_lottery .area_benefit strong {font-size:20px;line-height:24px;text-align:left}
.wrap_event_lottery .area_benefit strong:before {display:block;margin-bottom:5px;font-size:12px;font-weight:400;line-height:14px;content:'STEP 'counter(section);counter-increment:section}

.wrap_event_lottery .box_lottery {margin:30px auto;padding:10px;color:#251561;font-size:24px;line-height:29px;background:#FEED65;border-radius:8px;box-sizing:border-box}
.wrap_event_lottery .box_lottery .list_lottery {margin-top:20px}
.wrap_event_lottery .box_lottery .list_lottery>li {position:relative;display:flex;align-items:center;gap:15px;padding:15px;background:var(--white);border-radius:8px;box-sizing:border-box}
.wrap_event_lottery .box_lottery .list_lottery>li+li {margin-top:10px}
.wrap_event_lottery .box_lottery .list_lottery>li:not(:last-of-type) .area_thumb {color:var(--white);font-size:30px;background:#386BF6}
.wrap_event_lottery .box_lottery .list_lottery .area_thumb {flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%}
.wrap_event_lottery .box_lottery .list_lottery .area_txt {color:#251561;font-size:16px;line-height:19px;text-align:left}
.wrap_event_lottery .box_lottery .list_lottery .area_txt>span {display:block;margin-top:5px;font-size:24px;line-height:29px}
.wrap_event_lottery .box_lottery .list_lottery>li .badge {position:absolute;top:0;right:19px;padding:5px 10px;color:var(--white);font-size:12px;line-height:14px;background:#0F81FF;border-radius:0 0 8px 8px;box-sizing:border-box}


.wrap_event_lottery .btn_store {display:inline-flex;align-items:center;justify-content:center;width:100%;height:60px;margin-top:40px;color:var(--white);font-size:20px;font-weight:bold;background:#F77C00;box-shadow:0 20px 40px 0 rgba(3,2,10,.15)}
.wrap_event_lottery .box_caution {margin-top:40px;color:#6E5555;font-size:12px;line-height:20px}

/* caution */
.wrap_event_caution {padding:60px 20px;color:var(--white);font-size:14px;line-height:24px;background:#2B252D;text-align:left}
.wrap_event_caution .txt_title {margin:0 0 24px;font-size:20px;line-height:24px}
.wrap_event_caution ul {margin-top:10px}
.wrap_event_caution ul>li {position:relative;padding-left:18px}
.wrap_event_caution ul>li:before{position:absolute;top:10px;left:7px;width:2px;height:2px;background:var(--white);border-radius:50%;content:''}

.wrap_event_btns .btn {right:20px;z-index:10;width:40px;height:40px;border-radius:50%}
.wrap_event_btns .layer_btn_top {box-shadow:0 6px 10px rgba(0,0,0,.10)}
.wrap_event_btns .btn.btn_share {position:fixed;top:66px;background:url(//www.saraminimage.co.kr/sri/mobile/layout/bottombar/btn_share.png) no-repeat center / cover}

/* modal */
.modal_quiz {display:none;position:fixed;top:50%;left:50%;z-index:1100;transform:translate(-50%, -50%);width:calc(100% - 60px);height:280px;background:linear-gradient(180deg, #0070DA 0%, #87BEF4 100%);box-sizing:border-box}
.modal_quiz .modal_cont {display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);text-align:center}
.modal_quiz .modal_foot .btn_modal {position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:60px;color:#251561;font-size:22px;font-weight:bold;background:#B4EBFF}
.modal_quiz .modal_foot .btn_modal svg {width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='cm-chevron-right-line' viewBox='0 0 24 24'%3E%3Cpath fill='%23251561' d='M8.46967 3.46967C8.17678 3.76256 8.17678 4.23744 8.46967 4.53033L15.9393 12L8.46967 19.4697C8.17678 19.7626 8.17678 20.2374 8.46967 20.5303C8.76256 20.8232 9.23744 20.8232 9.53033 20.5303L17.5303 12.5303C17.8232 12.2374 17.8232 11.7626 17.5303 11.4697L9.53033 3.46967C9.23744 3.17678 8.76256 3.17678 8.46967 3.46967Z'%3E%3C/path%3E%3C/svg%3E");}
.modal_quiz .modal_close {position:absolute;top:24px;right:24px;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='cm-close-line' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4.46967 4.46967C4.76256 4.17678 5.23744 4.17678 5.53033 4.46967L12 10.9393L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.0607 12L19.5303 18.4697C19.8232 18.7626 19.8232 19.2374 19.5303 19.5303C19.2374 19.8232 18.7626 19.8232 18.4697 19.5303L12 13.0607L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.9393 12L4.46967 5.53033C4.17678 5.23744 4.17678 4.76256 4.46967 4.46967ZZ'%3E%3C/path%3E%3C/svg%3E");}
.modal_quiz .modal_close svg {display:none}
.modal_quiz_incorrect {padding-top:72px;font-size:35px}
.modal_quiz_correct {padding-top:46px;font-size:16px}
.modal_quiz_correct strong {display:block;margin-bottom:10px;font-size:25px}
.modal_quiz_correct img {margin-top:14px}

/* certify layer */
.lpopWrap2 {position:fixed}
.lpopWrap2.layer_certify {display:none;position:fixed}
.lpopWrap2.layer_certify .area_input {display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.lpopWrap2.layer_certify .area_input .txt {font-size:14px}
.lpopWrap2.layer_certify .area_input .inp_btn {flex-shrink:0;margin-left:3px;padding:0 5px;min-width:70px;height:40px;font-size:15px;line-height:40px;letter-spacing:-0.5px;text-align:center;border-radius:4px;vertical-align:top;box-sizing:border-box}
.lpopWrap2.layer_certify .area_input .inp_btn[disabled]{border:1px solid #d7dce5;color:#b4c0d3;background:#f4f6fa;cursor:default}
.lpopWrap2.layer_certify .area_input input::placeholder{font-size:14px}
.lpopWrap2.layer_certify .area_input input::-webkit-input-placeholder{font-size:14px}
.lpopWrap2.layer_certify .area_input input:-ms-input-placeholder{font-size:14px}
.lpopWrap2.layer_certify .noti{font-size:12px;color:#8491a7}
.lpopWrap2.layer_certify .remain_time{font-size:12px;color:#ff6d6a}