.wrap_fortune {max-width:600px;margin:0 auto}
.wrap_fortune:has(.wrap_fortune_btns) {padding-bottom:72px}

.service-fortune,
.service-fortune .wrapHeader,
.service-fortune .wrap_fortune {background:var(--gray130)}
.service-fortune .wrapHeader .btnPrev svg,
.service-fortune .wrapHeader .tit_header {color:var(--white)}
.service-fortune .wrapHeader.target_sticky {border-color:var(--gray130)}
.service-fortune {position:relative}
.service-fortune section {position:relative;z-index:10}
.service-fortune .wrapHeader .btn_wrap {position:absolute;top:14px;right:20px;display:flex;align-items:center;gap:16px}

/* sprite */
.sp_ico {display:inline-block;vertical-align:middle;background-image:url(//www.saraminimage.co.kr/sri/mobile/fortune/ico/spr_icon.png);-webkit-background-size:1760px auto;background-size:1760px auto}
.ico_share {width:24px;height:24px;background-position:-308px -33px}
.ico_card_fortune {width:24px;height:24px;background-position:-272px -33px}
.ico_card_fortune_lg {width:34px;height:34px;background-position:-380px -28px}
.ico_info {width:24px;height:24px;background-position:-344px -33px}
.ico_star {width:12px;height:12px;background-position:-1628px -39px}
.ico_star_w {width:12px;height:12px;background-position:-1652px -39px}
.ico_bell {width:50px;height:50px;background-position:-462px -20px}
.ico_spades {width:36px;height:36px;background-position:-1676px -27px}
.ico_copy {width:24px;height:24px;background-position:-426px -33px}
.ico_fortune_type01 {width:16px;height:16px;background-position:-20px -37px}
.ico_fortune_type02 {width:16px;height:16px;background-position:-48px -37px}
.ico_fortune_type03 {width:16px;height:16px;background-position:-76px -37px}
.ico_fortune_type04 {width:16px;height:16px;background-position:-104px -37px}
.ico_fortune_type05 {width:16px;height:16px;background-position:-132px -37px}
.ico_fortune_type06 {width:16px;height:16px;background-position:-160px -37px}
.ico_fortune_type07 {width:16px;height:16px;background-position:-188px -37px}
.ico_fortune_type08 {width:16px;height:16px;background-position:-216px -37px}
.ico_fortune_type09 {width:16px;height:16px;background-position:-244px -37px}
.ico_fortune_type10 {width:16px;height:16px;background-position:-1724px -37px}
.ico_horoscope01 {width:34px;height:34px;background-position:-1076px -28px} /*양자리*/
.ico_horoscope02 {width:34px;height:34px;background-position:-1122px -28px} /*황소자리*/
.ico_horoscope03 {width:34px;height:34px;background-position:-1168px -28px} /*쌍둥이*/
.ico_horoscope04 {width:34px;height:34px;background-position:-1214px -28px} /*게*/
.ico_horoscope05 {width:34px;height:34px;background-position:-1260px -28px} /*사자*/
.ico_horoscope06 {width:34px;height:34px;background-position:-1306px -28px} /*처녀*/
.ico_horoscope07 {width:34px;height:34px;background-position:-1352px -28px} /*천칭*/
.ico_horoscope08 {width:34px;height:34px;background-position:-1398px -28px} /*전갈*/
.ico_horoscope09 {width:34px;height:34px;background-position:-1444px -28px} /*궁수*/
.ico_horoscope10 {width:34px;height:34px;background-position:-1490px -28px} /*염소*/
.ico_horoscope11 {width:34px;height:34px;background-position:-1536px -28px} /*물병*/
.ico_horoscope12 {width:34px;height:34px;background-position:-1582px -28px} /*물고기*/
.ico_zodiac_fortune01 {width:34px;height:34px;background-position:-524px -28px} /* 쥐 */
.ico_zodiac_fortune02 {width:34px;height:34px;background-position:-570px -28px} /* 소 */
.ico_zodiac_fortune03 {width:34px;height:34px;background-position:-616px -28px} /* 호랑이 */
.ico_zodiac_fortune04 {width:34px;height:34px;background-position:-662px -28px} /* 토끼 */
.ico_zodiac_fortune05 {width:34px;height:34px;background-position:-708px -28px} /* 용 */
.ico_zodiac_fortune06 {width:34px;height:34px;background-position:-754px -28px} /* 뱀 */
.ico_zodiac_fortune07 {width:34px;height:34px;background-position:-800px -28px} /* 말 */
.ico_zodiac_fortune08 {width:34px;height:34px;background-position:-846px -28px} /* 양 */
.ico_zodiac_fortune09 {width:34px;height:34px;background-position:-892px -28px} /* 원숭이 */
.ico_zodiac_fortune10 {width:34px;height:34px;background-position:-938px -28px} /* 닭 */
.ico_zodiac_fortune11 {width:34px;height:34px;background-position:-984px -28px} /* 개 */
.ico_zodiac_fortune12 {width:34px;height:34px;background-position:-1030px -28px} /* 돼지 */

/* 상세페이지 */
.wrap_fortune.details {padding:0 0 135px}

/* gradient */
.bg_gradient {position:fixed;top:35%;left:50%;transform:translate(-50%,-50%) rotate(15deg);margin-left:-11px;max-width:600px;width:100%;height:135px;opacity:.6;background:linear-gradient(92deg, #02C6FF 14.47%, var(--violet100) 79.61%);filter:blur(36.75px);z-index:0}
.bg_gradient2 {position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin-left:88px;max-width:372px;width:100%;height:303px;opacity:.2;background:var(--violet100);filter:blur(45px);z-index:0}

/* 출석 N 회차 알림 */
.alarm_attendance {position:fixed;top:18px;left:50%;transform:translateX(-50%) translateY(-18px);height:50px;display:inline-flex;align-items:center;padding:0 16px;font-size:18px;color:var(--violet100);border-radius:50px;border:1px solid var(--white);background:rgba(255, 255, 255, 0.70);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.45);backdrop-filter:blur(4px);z-index:200;transition:transform 0.6s ease,opacity 0.6s ease}
.alarm_attendance.show {transform:translateX(-50%) translateY(0);opacity:1}
.alarm_attendance.hidden {transform:translateX(-50%) translateY(-18px);opacity:0}

/* header */
.wrapHeader .tooltip_wrap {position:relative;display:inline-block}
.wrapHeader .tooltip_wrap .tooltip {position:absolute;top:calc(100% + 17px);right:-10px;width:236px;padding:12px 16px 14px;border-radius:8px;border:1px solid var(--blue90);background:var(--blue90);box-shadow:2px 6px 16px 0px rgba(0,0,0,0.08);box-sizing:border-box}
.wrapHeader .tooltip_wrap .tooltip .tail {position:absolute;z-index:2;top:-24px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid transparent;border-bottom:12px solid var(--blue90)}
.wrapHeader .tooltip_wrap .tooltip .tooltip_cont {font-size:13px;line-height:18px;color:var(--white)}

/* 타이틀 */
.wrap_title .title_area {padding:20px 20px 30px}
.wrap_title .date {font-size:13px;font-weight:600;line-height:20px;color:var(--white)}
.wrap_title h3 {margin:8px 0;font-size:28px;font-weight:700;line-height:38px;color:var(--white)}
.wrap_title .desc {font-size:16px;line-height:26px;color:var(--white)}

/* 상단 문구 롤링 */
.rolling_word_list .list_wrapper {overflow:hidden;white-space:nowrap;width:100%;margin:10px 0;height:36px;position:relative}
.rolling_word_list .list_word {display:inline-flex;align-items:center;white-space:nowrap}
.rolling_word_list .list01 {animation:wordLeft 30s linear infinite}
.rolling_word_list .list02 {animation:wordRight 30s linear infinite}
.rolling_word_list .list03 {animation:wordLeft 30s linear infinite}
.rolling_word_list .list_word li {margin:0 4px;padding:0 12px; height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;gap:4px;font-size:14px;font-weight:600;color:var(--gray120);border-radius:50px;border:1px solid var(--white);background:linear-gradient(180deg, rgba(244, 246, 250, 0.60) 0%, rgba(180, 192, 211, 0.60) 100%);box-sizing:border-box}
@keyframes wordLeft {
    0% {transform:translateX(0)}
    100% {transform:translateX(-50%)}
}
@keyframes wordRight {
    0% {transform:translateX(-50%)}
    100% {transform:translateX(0)}
}

/* 상단 탭 */
.wrap_fortune .tab_list {position:sticky;top:52px;left:0;border-bottom:1px solid var(--gray40);background:var(--gray130);z-index:50}
.wrap_fortune .tab_list ul {display:flex}
.wrap_fortune .tab_list li {flex:1}
.wrap_fortune .tab_list .tab_item {height:46px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--white )}
.wrap_fortune .tab_list .tab_item.active {border-bottom:2px solid var(--white);font-weight:700}

/* 정보입력 */
.wrap_info_area {padding:0 20px;margin:37px 0 28px}
.wrap_info_area .title {display:block;margin:0 0 20px;font-size:18px;font-weight:400;line-height:26px;color:var(--gray30)}
.wrap_info_area .box {display:flex;align-items:center;justify-content:space-between;padding:16px 20px 18px 24px;border-radius:20px;background:rgba(244, 246, 250, 0.50);backdrop-filter:blur(6px)}
.wrap_info_area .txt_birth {display:block}
.wrap_info_area .box p,
.wrap_info_area [class*="txt_"] {font-size:14px;font-weight:600;line-height:20px;color:var(--gray120)}
.wrap_info_area .txt_birth em,
.wrap_info_area .txt_time {margin-left:8px}
.wrap_info_area .btn_update {height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--violet100);border-radius:20px;background:var(--white)}

/* 오늘의 운세 힌트 */
.wrap_total_fortune {text-align:center }
.wrap_total_fortune > .date {display:inline-flex;align-items:center;height:36px;margin:0 auto 5px;padding:0 12px;font-size:13px;font-weight:600;color:var(--white);border-radius:20px;background:rgba(71, 80, 103, 0.30);backdrop-filter:blur(6px)}
.wrap_total_fortune .details .img img {max-width:176px}
.wrap_total_fortune .img {text-align:center}
.wrap_total_fortune .img img {max-width:280px;margin:0 auto}
.wrap_total_fortune.details .img img {max-width:176px}
.wrap_total_fortune .fortune_today_box {position:relative;margin:28px 20px;padding:20px 20px 40px;border-radius:20px;border:1px solid var(--gray100);background:linear-gradient(141deg, rgba(41, 46, 65, 0.50) 23.28%, rgba(105, 118, 167, 0.50) 86.86%);box-shadow:0px 2px 10px 2px rgba(21, 24, 34, 0.30);backdrop-filter:blur(2px);text-align:left}
.wrap_total_fortune .fortune_today_box .date {margin-bottom:20px;font-size:14px;font-weight:600;line-height:20px;color:var(--white)}
.wrap_total_fortune .fortune_today_box .total_box {position:relative;display:flex;align-items:center;justify-content:center}
.wrap_total_fortune .fortune_today_box .total_box::before {position:absolute;content:'';top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:var(--gray90)}
.wrap_total_fortune .fortune_today_box .total_box .col {height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}
.wrap_total_fortune .fortune_today_box .total_box .title {font-size:14px;line-height:20px;color:var(--white)}
.wrap_total_fortune .fortune_today_box .total_box .score {margin-top:8px;font-size:36px;font-weight:700;line-height:50px;color:var(--white)}
.wrap_total_fortune .fortune_today_box .total_box .keyword {margin-top:14px;font-size:24px;font-weight:600;line-height:34px;color:var(--gray10)}
.wrap_total_fortune .fortune_today_box [class*="today_"] {font-size:14px;line-height:20px;color:var(--white)}
.wrap_total_fortune .fortune_today_box .today_title {display:block;margin-top:20px;font-weight:600}
.wrap_total_fortune .fortune_today_box .today_desc {margin-top:12px}
.wrap_total_fortune .fortune_today_box .btn_login_view {position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto;font-size:16px;color:var(--gray120);border-radius:24px;background:var(--gray10);z-index:10}
.wrap_total_fortune .fortune_today_box.hint {position:relative;padding:20px 20px 40px}
.wrap_total_fortune .fortune_today_box.hint .today_desc {overflow:hidden;max-height:100px;margin:0 0 10px;box-sizing:border-box}
.wrap_total_fortune .fortune_today_box.hint::after {position:absolute;left:0;bottom:32px;content:'';width:100%;height:80px;background:linear-gradient(180deg, rgba(62, 70, 98, 0.00) 0%, #3E4662 44.23%);filter:blur(8px);z-index:0}

/* radar chart && tab */
.wrap_type_fortune .title_area {max-width:421px;margin:0 auto 20px;padding:0 20px;font-size:22px;line-height:30px;color:var(--white);box-sizing:border-box}
.wrap_type_fortune .graph_radar {position:relative;padding-top:32px;text-align:center}
.wrap_type_fortune .graph_radar svg {overflow:visible}
.wrap_type_fortune .graph_radar .axis {position:relative}
.wrap_type_fortune .graph_radar .line {stroke:var(--gray40)}
.wrap_type_fortune .graph_radar .radar-oasis_chart-serie1 {stroke-dasharray:0}
.wrap_type_fortune .graph_radar .axis text {fill:var(--gray90);font-size:13px;line-height:22px}
.wrap_type_fortune .graph_radar .axis text {fill:#fff}
.wrap_type_fortune .graph_radar .box_graph {position:relative;display:inline-block}
.wrap_type_fortune .graph_radar .anchor1 {transform:translate(-10px,-15px)}
.wrap_type_fortune .graph_radar .anchor4 {transform:translate(10px,-15px)}
.wrap_type_fortune .graph_radar .box_legend {margin:30px auto 0;display:flex;justify-content:center;justify-content:center;gap:4px;font-size:13px;line-height:22px;color:var(--white)}
.wrap_type_fortune .graph_radar .box_legend .rect {width:20px;height:20px;border-radius:50%;background:rgba(141,77,255,0.6);border:1px solid var(--violet80);box-sizing:border-box}
.wrap_type_fortune .type_tab_conts {max-width:421px;margin:30px auto 40px;padding:0 20px}
.wrap_type_fortune .type_tab_conts .tab {position:relative;display:inline-flex;width:100%;z-index:0}
.wrap_type_fortune .type_tab_conts .tab li {height:30px;flex:1;text-align:center;border-radius:20px 20px 0px 0px;background:rgba(71,80,103,0.50);border-bottom:1px solid var(--gray90);backdrop-filter:blur(5px);}
.wrap_type_fortune .type_tab_conts .tab li a {display:block;padding:7px 0 0;width:100%;height:100%;font-size:14px;line-height:20px;font-weight:700;color:var(--white);text-align:center;box-sizing:border-box}
.wrap_type_fortune .type_tab_conts .tab .active {background:linear-gradient(180deg,rgba(21,24,34,0.40) 100%);border:1px solid var(--gray90);border-bottom:0;z-index:10}
.wrap_type_fortune .type_tab_conts .tab_content {background:linear-gradient(180deg,rgba(21,24,34,0.40) 0%,rgba(71,80,103,0.40) 100%);backdrop-filter:blur(5px);border-radius:0 0 20px 20px;border:1px solid var(--gray90);border-top:0;box-shadow:0px 4px 4px 0px rgba(0,0,0,0.45)}
.wrap_type_fortune .type_tab_conts .tab_content [class*="type_cont"] {display:none;padding:27px 20px 40px}
.wrap_type_fortune .type_tab_conts .tab_content .type_cont01 {display:block;}
.wrap_type_fortune .type_tab_conts .tab_content .title {display:block;margin:0 0 12px;font-size:18px;font-weight:600;line-height:26px;color:var(--white)}
.wrap_type_fortune .type_tab_conts .tab_content .desc {font-size:14px;line-height:22px;color:var(--white)}
.wrap_type_fortune .type_recommend {width:320px;margin:0 auto 40px}
.wrap_type_fortune .type_recommend .title_area {position:relative;padding:0;z-index:20}
.wrap_type_fortune .type_recommend .toolTipWrap2 {position:absolute;right:0;top:0;display:inline-flex}
.wrap_type_fortune .type_recommend .toolTipWrap2 .toolTip {width:280px}
.wrap_type_fortune .box_info {position:relative;display:flex;justify-content:flex-start;gap:16px;padding:12px 20px;border-radius:20px;border:1px solid var(--gray100);background:linear-gradient(141deg, rgba(41, 46, 65, 0.50) 23.28%, rgba(105, 118, 167, 0.50) 86.86%);box-shadow: 0px 2px 10px 2px rgba(21, 24, 34, 0.30)}
.wrap_type_fortune .box_info .badge {position:absolute;right:0;top:-55px;width:69px;height:69px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--white);background:url(https://www.saraminimage.co.kr/sri/mobile/fortune/bade_recomm.png) no-repeat 0 0;background-size:69px;transform:rotate(15deg)}
.wrap_type_fortune .box_info .img {flex-shrink:0;border-radius:16px;width:98px;height:106px;position:relative;overflow:hidden;justify-self:center;z-index:1}
.wrap_type_fortune .box_info .img img {position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;z-index:1;border-radius:8px}
.wrap_type_fortune .box_info .text_container {display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.wrap_type_fortune .box_info .text_container .title {display:inline-flex;align-items:center;gap:4px;font-size:16px;line-height:26px;color:var(--white)}
.wrap_type_fortune .box_info .text_container .title >strong {overflow:hidden;max-width:139px;text-overflow:ellipsis;white-space:nowrap}
.wrap_type_fortune .box_info .text_container .title_type {font-size:12px;line-height:14px;font-weight:700;color:var(--coral90)}
.wrap_type_fortune .box_info .text_container .desc {font-size:14px;line-height:20px;color:var(--white)}
.wrap_type_fortune .box_info .text_container .link_rating {display:flex;align-items:center;font-size:12px;line-height:14px;color:var(--white)}
.wrap_type_fortune .box_info .text_container .rating {display:flex;align-items:center;gap:4px;margin-right:4px}

/* 출석 알림 받기 */
.wrap_alarm_push {max-width:520px;width:calc(100% - 40px);margin:0 auto 60px;padding:8px 20px;display:flex;align-items:center;gap:8px;background:var(--violet30);border-radius:20px;box-shadow:0px 8px 12px 0px rgba(0, 0, 0, 0.45);backdrop-filter:blur(2px);box-sizing:border-box}
.wrap_alarm_push .icon {width:50px;height:50px;flex-shrink:0}
.wrap_alarm_push .txt_area {display:flex;flex-direction:column}
.wrap_alarm_push .txt_area strong {font-size:16px;line-height:24px;color:var(--gray130)}
.wrap_alarm_push .txt_area .desc {font-size:13px;line-height:20px;color:var(--gray100)}
.wrap_alarm_push .inpSwitch {margin-left:auto}
@media (min-width:600px) {
    .wrap_alarm_push .txt_area {flex-direction:row;align-items:center;gap:4px}
}

/* 운세 타입 box */
.wrap_fortune .banner_area + .wrap_fortune_box {margin-top:40px}
.wrap_fortune_box {margin-top:60px;padding:0 20px}
.wrap_fortune_box .title_area {margin-bottom:23px;font-size:22px;line-height:30px;color:var(--white)}
.wrap_fortune_box [class*="box_type"] {width:100%;margin:0 auto;padding:20px 20px 40px;border-radius:20px;box-sizing:border-box}
.wrap_fortune_box [class*="box_type"] .title {display:block;margin:0 0;font-size:22px;line-height:30px;color:var(--white)}
.wrap_fortune_box [class*="box_type"] .title i {margin-left:5px}
.wrap_fortune_box [class*="box_type"] .badge {display:inline-flex;align-items:center;padding:0 12px;height:36px;border-radius:20px;background:rgba(55, 63, 87, 0.50)}
.wrap_fortune_box [class*="box_type"] .badge {font-size:13px;font-weight:600;color:var(--white)}
.wrap_fortune_box [class*="box_type"] .desc {font-size:14px;line-height:22px;color:var(--white)}
.wrap_fortune_box [class*="box_type"] .score {display:block;font-size:18px;line-height:26px;color:var(--white)}
.wrap_fortune_box .box_type01 {border:1px solid var(--violet30);background:rgba(21, 24, 34, 0.50);backdrop-filter: blur(8px)}
.wrap_fortune_box .box_type02 {border:1px solid var(--gray100);background:linear-gradient(141deg, rgba(41, 46, 65, 0.30) 23.28%, rgba(105, 118, 167, 0.30) 86.86%);box-shadow:0px 2px 10px 2px rgba(21, 24, 34, 0.30);backdrop-filter:blur(2px)}
.wrap_fortune_box .box_type01 .badge {margin:21px 0}
.wrap_fortune_box .box_type01 + .box_type01,
.wrap_fortune_box .box_type02 + .title_area {margin-top:20px}
.wrap_fortune_box .box_type02 .badge {margin:0 0 20px;background:rgba(252, 250, 255, 0.20)}
.wrap_fortune_box .box_type02 .desc + .badge {margin:20px 0}

/* 링크 복사하기 */
.wrap_link_copy {position:relative;margin-top:40px;text-align:center}
.wrap_link_copy::after {position:absolute;content: '';left:50%;bottom:-10px;transform:translateX(-50%);width:100%;height:197px;opacity:0.6;background:linear-gradient(92deg,#02C6FF 14.47%,var(--violet100) 79.61%);filter:blur(36.75px);z-index:0}
.wrap_link_copy .inner {position:relative;z-index:10}
.wrap_link_copy .title {display:block;font-size:22px;line-height:30px;color:var(--white)}
.wrap_link_copy .btn_link_copy {max-width:320px;width:100%;margin:33px auto 0;display:inline-flex;justify-content:center;align-items:center;gap:8px;height:44px;font-size:14px;font-weight:600;color:var(--violet100);border-radius:20px;background:var(--white)}

/* 출석 스탬프 */
.service-fortune .wrap_attendance_stamp {z-index:20}
.wrap_attendance_stamp .title_area {position:relative;width:320px;margin:0 auto 16px;z-index:20}
.wrap_attendance_stamp .title_area h3 {font-size:28px;line-height:38px;color:var(--white)}
.wrap_attendance_stamp .title_area .desc {margin-top:4px;font-size:14px;line-height:20px;color:var(--white)}
.wrap_attendance_stamp .toolTipWrap2 {position:absolute;right:0;top:0}
.wrap_attendance_stamp .toolTipWrap2 .toolTip {width:280px}
.wrap_attendance_stamp .stamp_area {display:flex;flex-wrap:wrap;width:320px;margin:0 auto 20px;gap:16px 8px}
.wrap_attendance_stamp .stamp_area dl {display:flex;flex-direction:column;align-items:center;gap:4px}
.wrap_attendance_stamp .stamp_area dt {width:74px;height:74px;border-radius:50%;background-position:0 0;background-repeat:no-repeat;background-size:74px}
.wrap_attendance_stamp .stamp_area dd {font-size:14px;line-height:20px;color:var(--white)}
.wrap_attendance_stamp .stamp_area .stamp {background-image:url(https://www.saraminimage.co.kr/sri/mobile/fortune/stamp_attend_off.png)}
.wrap_attendance_stamp .stamp_area .stamp.on {background-image:url(https://www.saraminimage.co.kr/sri/mobile/fortune/stamp_attend_on.png)}
.wrap_attendance_stamp .stamp_area .complete {background-image:url(https://www.saraminimage.co.kr/sri/mobile/fortune/stamp_complete_off.png)}
.wrap_attendance_stamp .stamp_area .complete.on {background-image:url(https://www.saraminimage.co.kr/sri/mobile/fortune/stamp_complete_on.png)}
.wrap_attendance_stamp .btn_wrap {width:320px;margin:0 auto;text-align:center}
.wrap_attendance_stamp .btn_attendance_stamp {width:100%;display:inline-flex;align-items:center;justify-content:center;height:56px;font-size:18px;font-weight:700;color:var(--white);background:var(--violet80);border-radius:28px}
.wrap_attendance_stamp .btn_attendance_stamp.complete {background:linear-gradient(90deg, var(--violet80) 0%, var(--violet100) 100%)}
.wrap_attendance_stamp .btn_attendance_stamp:disabled {background: rgba(92, 102, 123, 0.80);color:var(--gray70)}

/* 배너 영역 */
.wrap_fortune .banner_area {position:relative;margin-top:66px;width:100%;height:54px;background:#D5BBFF}
.wrap_fortune .banner_area::after {position:absolute;right:0;bottom:0;content:'';width:84px;height:80px;background:url(https://www.saraminimage.co.kr/sri/mobile/fortune/banner_illust.png) no-repeat 100%;background-size:84px}
.wrap_fortune .banner_area a {display:block;width:100%;height:100%;padding:7px 20px 0;box-sizing:border-box}
.wrap_fortune .banner_area .title {display:inline-block;padding:0 4px;font-size:13px;font-weight:700;line-height:18px;color:var(--gray120);background:var(--coral30)}
.wrap_fortune .banner_area .txt_apply {display:block;margin-top:3px;font-size:13px;line-height:18px;color:var(--gray130)}

/* 카드 뒤집기 영역 */
.wrap_card_draw {position:relative;padding:40px 0 100px}
.wrap_card_draw::after {position:absolute;content:'';left:50%;bottom:-10px;transform:translateX(-50%);width:100%;height:197px;opacity:0.6;background:linear-gradient(92deg, #02C6FF 14.47%, var(--violet100) 79.61%);filter:blur(36.75px);z-index:0}
.wrap_card_draw .toolTipWrap2 {position:absolute;right:0;top:0;display:inline-flex}
.wrap_card_draw .toolTipWrap2 .toolTip {width:280px}
.wrap_card_draw .title_area {position:relative;width:320px;margin:0 auto 20px;font-size:28px;line-height:38px;color:var(--white);z-index:15}
.wrap_card_draw .title_area .desc {margin-top:8px;font-size:16px;line-height:26px}
.wrap_card_draw .card_container {position:relative;width:320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px;padding:31px 14px 69px;border-radius:20px;border:1px solid var(--gray100);background:linear-gradient(141deg, rgba(41, 46, 65, 0.50) 23.28%, rgba(105, 118, 167, 0.50) 86.86%);box-shadow:0px 2px 10px 2px rgba(21, 24, 34, 0.30);box-sizing:border-box;z-index:10}
.wrap_card_draw .card {width:58px;height:84px}
.wrap_card_draw .card img {max-width:58px}
.wrap_card_draw .card_inner {width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.6s}
.wrap_card_draw .card.flipped .card_inner {transform:rotateY(180deg)}
.wrap_card_draw .card_front,
.wrap_card_draw .card_back {position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}
.wrap_card_draw .card_back {transform:rotateY(180deg)}
.wrap_card_draw .card_container .explain {position:absolute;bottom:25px;left:0;width:100%;font-size:14px;font-weight:600;line-height:20px;color:var(--white);text-align:center}

/* 하단 플로팅 버튼 */
.btn_floating {position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:calc(100% - 20px);max-width:600px;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:111px;background:rgba(255, 255, 255, 0.80);box-shadow:0px 8px 12px 0px rgba(0, 0, 0, 0.45);backdrop-filter:blur(2px);transition:opacity .2s,transform .2s;z-index:200}
.btn_floating i {position:absolute;top:-18px;left:50%;transform:translateX(-50%)}
.btn_floating .btn_fortune_details {width:100%;height:100%;font-size:18px;font-weight:700;color:var(--gray130)}
.btn_floating .btn_fortune_details.auto {width:auto}
.btn_floating .btn_share_go {height:100%;font-size:14px;color:var(--gray130)}
.btn_floating.hidden {opacity:0;transform:translateX(-50%) translateY(10px);pointer-events:none}

/* 바텀시트 */
.lpopBottomUp .inner {border-radius:16px 16px 0 0}
.lpopBottomUp [class*="txt_center"] {text-align:center}
.lpopBottomUp .btnClose {position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:16px 16px 0 0}
.lpopBottomUp .btnClose:before,
.lpopBottomUp .btnClose:after {display:block;position:absolute;top:50%;left:50%;margin:0 0 0 -10px;width:20px;height:1px;background:#373f57;content:""}
.lpopBottomUp .btnClose:before {-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.lpopBottomUp .btnClose:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.lpopBottomUp .inner>.cont {padding:20px;border-radius:16px 16px 0 0}
.lpopBottomUp .inner>.cont .title {margin-bottom:24px;font-size:20px;line-height:32px;color:var(--gray110)}
.lpopBottomUp .inner>.cont .title .desc {margin-top:4px;font-size:15px;line-height:22px;color:var(--gray90)}
.lpopBottomUp .wrap_btn {display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--white)}

/* 운세알림 */
.layer_fortune_alarm .img {width:100%;height:94px;background:url(https://www.saraminimage.co.kr/sri/mobile/fortune/img_fortune_alarm.png) no-repeat 50%;background-size:320px}
.layer_fortune_alarm .wrap_btn .btn_view_recruit {flex:1}

/* 오늘의 운세 정보입력 */
.layer_fortune_form .title {text-align:center}
.layer_fortune_form .desc {text-align:left}
.layer_fortune_form .info_form .box_form {background:var(--white);box-sizing:border-box}
.layer_fortune_form .box_form dl {display:flex;flex-direction:column}
.layer_fortune_form .box_form dl>dt {color:var(--gray110);font-size:14px;font-weight:bold;line-height:24px}
.layer_fortune_form .box_form dl>dd {display:flex;margin:4px 0 0}
.layer_fortune_form .box_form dl>dd+dt {margin:16px 0 0}
.layer_fortune_form .box_form .txt_required {color:var(--coral110)}
.layer_fortune_form .box_form .area_radio_btn {position:relative}
.layer_fortune_form .box_form .area_radio_btn:after {position:absolute;left:50%;top:0;width:1px;height:100%;background:var(--blue90);content:''}
.layer_fortune_form .box_form .area_radio_btn>span {flex:1}
.layer_fortune_form .box_form .area_radio_btn>span:first-of-type [type='radio']+label {border-radius:4px 0 0 4px;border-right:none}
.layer_fortune_form .box_form .area_radio_btn>span:last-of-type [type='radio']+label {border-radius:0 4px 4px 0;border-left:none}
.layer_fortune_form .box_form .area_radio_btn [type='radio'] {position:absolute;opacity:0}
.layer_fortune_form .box_form .area_radio_btn [type='radio']+label {display:flex;width:100%;height:48px;justify-content:center;align-items:center;color:var(--gray90);font-size:16px;border:1px solid var(--gray40);box-sizing:border-box}
.layer_fortune_form .box_form .area_radio_btn [type='radio']:checked+label {font-weight:700;color:var(--blue90);border-color:var(--blue90)}
.layer_fortune_form .box_form .inpSelBox2 {width:100%}
.layer_fortune_form .box_form .area_birth {width:57%;margin:0 7px 0 0}
.layer_fortune_form .box_form .area_birth+span {flex:1}
.layer_fortune_form .box_form .box_agree {display:flex;align-items:center}
.layer_fortune_form .box_form .box_agree .btn_agree {margin:0 0 0 auto;color:var(--gray110);font-size:14px;line-height:20px;text-decoration:underline;text-underline-offset:2px}
.layer_fortune_form .box_form .btn_submit {width:100%;margin:24px 0 0}
.layer_fortune_form .box_form .box_caution {margin:24px 0 0}
.layer_fortune_form .btn_info_modify {flex:1}
.layer_fortune_form .agree_area {margin:24px 0;display:flex;justify-content:space-between}
.layer_fortune_form .agree_area .btn_view {font-size:14px;line-height:20px;color:var(--gray110);text-decoration:underline}
.layer_fortune_form .notice {padding:8px 0;font-size:12px;line-height:20px;color:var(--gray90)}

/* 카드 선택 - 궁합 선생님 팝업 */
.layer_select_card {position:fixed}
.layer_select_card .inner .lpop_con {padding:20px 24px 16px}
.layer_select_card .result {width:156px;margin:0 auto;border-radius:8px;border:1px solid var(--gray30);background:var(--white);box-shadow:0px 1px 5px 0px rgba(255,154,3,0.04);text-align:center}
.layer_select_card .img {position:relative;overflow:hidden;justify-self:center;z-index:1;border-radius:8px 8px 0 0;width:100%;aspect-ratio:1 / .64}
.layer_select_card .img img {position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;z-index:1;border-radius:8px 8px 0 0}
.layer_select_card .text_container {padding:8px 0 12px}
.layer_select_card .title {margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:20px;color:var(--gray120)}
.layer_select_card .title>strong {overflow:hidden;max-width:121px;text-overflow:ellipsis;white-space:nowrap}
.layer_select_card .title_type {font-size:12px;line-height:14px;color:var(--coral90)}
.layer_select_card .link_rating,
.layer_select_card .rating {display:inline-flex;align-items:center;justify-content:center}
.layer_select_card .link_rating {font-size:12px;color:var(--gray120);gap:4px}
.layer_select_card .rating {gap:2px}
.layer_select_card .review {font-size:12px;color:var(--gray70)}

/* 로딩 레이어 */
.layer_loading_fortune {position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;min-height:100vh;min-height:calc(var(--vh,1vh) * 100);background:var(--gray130);z-index:1100}
.layer_loading_fortune .inner {display:flex;flex-direction:column;max-width:600px;margin:0 auto;padding:60px 20px 0;text-align:center;box-sizing:border-box}
.layer_loading_fortune .title_area {max-width:320px;font-size:24px;line-height:34px;color:var(--white);text-align:left}
.layer_loading_fortune .rolling_txt {position:relative;overflow:hidden;height:26px;margin-top:8px;font-size:16px;line-height:26px;color:var(--white)}
.layer_loading_fortune .rolling_txt .txt_wrap {position:relative;height:26px;display:inline-block}
.layer_loading_fortune .rolling_txt .txt {position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity 0.6s ease}
.layer_loading_fortune .rolling_txt .txt.show {opacity:1;z-index:1}
.layer_loading_fortune .rolling_txt .percent {margin-left:10px}
.layer_loading_fortune .card_area {position:relative;margin:14px auto 17px;text-align:center;display:flex;align-items:center;justify-content:center}
.layer_loading_fortune .card_area::after {position:absolute;content:'';top:200px;left:50px;width:150px;height:120px;transform:rotate(60deg);border-radius:100px;opacity:0.6;background:linear-gradient(92deg, #02C6FF 14.47%, var(--violet100) 79.61%);filter:blur(36.75px);}
.layer_loading_fortune .card_area source,
.layer_loading_fortune .card_area img {position:relative;max-width:360px;width:100%;z-index:10}
.layer_loading_fortune .banner_area {position:relative;z-index:10}
.layer_loading_fortune .banner_area .item {display:block}
.layer_loading_fortune .banner_area {text-align:center}
.layer_loading_fortune .banner_area img {max-width:320px;width:100%}

/* 출석완료 쿠폰발급 팝업 */
.layer_attendance_complete {position:fixed}
.layer_attendance_complete .coupon_img {width:100%;height:96px;background:url(//www.saraminimage.co.kr/sri/mobile/fortune/img_stamp_complete.png) no-repeat 0 25%;background-size:272px}