@charset "utf-8";
@import "color.css";
@import "form-style.css";
* {scrollbar-width:none;}
*::-webkit-scrollbar {display:none;}
html {font-size:16px;line-height:1.57;font-weight:400;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;letter-spacing:-0.3px;}
body {overflow-x:hidden;background:var(--bg-base,#fff);font-family:'Noto Sans KR', sans-serif;text-align:left;color:var(--content-primary,#1F1F1F);word-break:keep-all;}
body[style="overflow:hidden;"] {position:fixed;height:100%;}
a,button {color:var(--content-primary,#1F1F1F);}
button {padding:0;border:0;background-color:inherit;font-family:'Noto Sans KR', sans-serif;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;}
.modal-body *::-webkit-scrollbar-track {background-color:rgba(0, 0, 0, 0);}
.modal-body *::-webkit-scrollbar {display:block;width:12px;}
.modal-body *::-webkit-scrollbar-thumb {background-color:var(--bg-tertiary,#E8E8E8);background-clip:padding-box;border:3px solid transparent;border-radius:6px;opacity:0.2;}
@media screen and (max-width:350px) {
    body {min-width:280px;}
}
@media screen and (max-width:280px) {
    .intro-cont br {display:none;}
}
/*== root ==*/
:root {
    --sprite-icons:url('../../../../static/images/app/v2/sp_common_ico.svg');
    --sprite-appbar:url('../../../../static/images/app/v2/sp_appbar.svg');
}
/*root 다크모드*/
[data-theme="dark"] {
    --sprite-icons:url('../../../images/app/v2/sp-dark_common_ico.svg');
    --sprite-appbar:url('../../../images/app/v2/sp-dark_appbar.svg');
}
/*== common ==*/
.wrap-all {display:flex;flex-direction:column;overflow-x:hidden;width:100%;height:100%;}
.header--fix + .wrap-body {overflow-x:hidden;min-height:100%;max-height:100dvh;padding-top:56px;}
.wrap-inner {padding:0 20px;}
.wrap-body.step-page .current-page {display:block;min-height:calc(var(--vh, 1vh) * 100 - 56px);}
.wrap-body.step-page .wrap-inner:not(.current-page) {overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;z-index:-1;opacity:0;}
.divider-8 {display:block;width:100%;height:8px;margin:0;border:0;background:var(--bg-primary,#F5F5F5);}
.scrollOff {overflow:hidden!important;}
.flow-y {overflow-y:auto;}
.hidden {display:none!important;}
.no-event {pointer-events:none;}
.no-select {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.disabled {pointer-events:none;}
.no-scroll {overflow:hidden!important;}
.container {padding-top:56px;padding-bottom:0;}
.btm-sticky {position:sticky;right:0;bottom:0;left:0;z-index:100;}

/*== flex ==*/
.horiz {display:flex;}
.between {justify-content:space-between;}
.flex--center {display:flex;align-items:center;}
.flex--center-center {display:flex;justify-content:center;align-items:center}
.flex--between {display:flex;justify-content:space-between!important;}
.flex--column {flex-direction:column!important;}
.row {display:flex;flex-wrap:wrap;}
.col {flex:1 0 0;}
.col-5 {flex:1 0 auto;width:41.666%;}
.col-6 {flex:1 0 auto;width:50%;}
.width-100 {width:100%;max-width:initial;min-width:initial;}
.fix-btm {flex:none;position:fixed;right:0;bottom:0;left:0;margin-top:auto;}
.fix-btm.btn-area {width:100%;padding-top:32px;background:linear-gradient(360deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 69.30%, rgba(255, 255, 255, 0.00) 100%);z-index:100;}

/*== mg, pd ==*/
.mg-t8 {margin-top:8px;}
.mg-t16 {margin-top:16px;}
.mg-t24 {margin-top:24px;}
.mg-y28 {margin-top:28px;margin-bottom:28px;}
.mg-b8 {margin-bottom:8px;}

/*== txt-style ==*/
.tit-area {display:flex;align-items:center;justify-content:space-between;}
.tit-area .ico-24:is(button, a) {margin-left:auto;}
.medium {font-weight:500!important;}
.bold {font-weight:700!important;}
.underline {text-decoration:underline!important;}
.line-through {text-decoration:line-through!important;}
.txt-headline {font-size:24px;line-height:34px;font-weight:700;}
.txt-title {font-size:20px;line-height:30px;font-weight:400;}
.txt-subtitle {font-size:18px;line-height:24px;font-weight:700;}
.txt-body00 {font-size:17px;line-height:24px;font-weight:400;}
.txt-body01 {font-size:16px;line-height:24px;font-weight:400;}
.txt-body02 {font-size:15px;line-height:22px;font-weight:400;}
.txt-body03 {font-size:14px;line-height:20px;font-weight:400;}
.txt-caption01 {font-size:12px;line-height:18px;font-weight:400;}
.txt-caption02 {font-size:10px;line-height:16px;font-weight:400;}
.txt-r {text-align:right!important;}
.txt-l {text-align:left!important;}
.txt-c {text-align:center!important;}
.color-accent {color:var(--accent,#0AC771E0)!important;}
.color-pri300 {color:var(--primary-300,#C88427)!important;}
.color-sec {color:var(--content-secondary,#8A8A8A)!important;}

/*== button ==*/
    /*btn-appbar*/
    .ico-24:is(button, a) {padding:8px;}
    [class*="btn-appbar"] {text-indent:-9999px;font-size:0;}
    [class*="btn-appbar"]::before {content:'';display:block;width:48px;height:48px;background:var(--sprite-appbar,url('../../../images/app/v2/sp_appbar.svg'))no-repeat center;background-size:192px 96px;}
    .btn-appbar__home::before {background-position:0 0;}
    .btn-appbar__flower::before {background-position:-48px 0;}
    .btn-appbar__info::before {background-position:-96px 0;}
    .btn-appbar__more::before {background-position:-144px 0;}
    [class*="btn-appbar"].active::before {background-position-y:-48px;}
    /*btn-area*/
    .btn-area {display:flex;flex-wrap:wrap;padding:16px 20px;}
    .btn-area:not(.modal-footer) {gap:8px;}
    .btn-area:not(.between) > * {flex:1 0 30%;}
    .btn-area :is(.chk-list, .tip-box) {flex-basis:100%;align-items:flex-start;}
    .btn-more__ico {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;}
    .btn-more__ico::before {background-position:0 -168px!important;}
    .btn-inner {display:flex;flex-wrap:wrap;gap:8px;}
    .btn-inner > * {flex:1 0 30%;}
    /*button - size, color */
    :is(.btn-28, .btn-40, .btn-44, .btn-48, .btn-56) {flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px;border-radius:8px;text-align:center;}
    :is(.btn-48, .btn-56) {min-width:48px;}
    .btn-ico {flex-grow:0!important;min-width:inherit;}
    .btn-28 {height:28px;padding:4px 7px;}
    .btn-40 {height:40px;padding:8px;}
    .btn-44 {height:44px;padding:12px 16px;}
    .btn-48 {height:48px;padding:12px;}
    .btn-56 {height:56px;padding:16px;}
    :is(.btn-primary, .btn-secondary, .btn-tertiary, .btn-quater) {border:1px solid;}
    :is(.btn-primary, .btn-secondary, .btn-tertiary, .btn-quater).disabled i {opacity:0.2;}
    :is(.btn-primary, .btn-secondary, .btn-tertiary, .btn-quater):not(.btn-ico) {font-size:15px;font-weight:700;line-height:22px;}
    .btn-primary:is(a,button) {border-color:var(--primary-800,#5F4A37);background:var(--primary-800,#5F4A37);color:var(--content-inverse,#fff);}
    .btn-primary:disabled,
    .btn-primary.disabled {border-color:var(--primary-100,#E3DDD3);background:var(--primary-100,#E3DDD3);}
    .btn-secondary:is(a,button) {border-color:var(--primary-500,#8F5F1B);background:var(--bg-base,#fff);color:var(--primary-500,#8F5F1B);}
    .btn-secondary:disabled,
    .btn-secondary.disabled {border-color:var(--primary-100,#E3DDD3);background:var(--bg-base,#fff);color:var(--primary-100,#E3DDD3);}
    .btn-tertiary:is(a,button) {border-color:var(--bg-primary,#F5F5F5);background:var(--bg-primary,#F5F5F5);color:var(--content-secondary,#8A8A8A);}
    .btn-tertiary:disabled,
    .btn-tertiary.disabled {color:var(--gray-100,#E0E0E0);}
    .btn-quater:is(a,button) {border-color:var(--primary-200,#E3B87C);background:var(--primary-200,#E3B87C);color:rgba(var(--white-100)1);}
    .btn-square {display:flex;justify-content:center;align-items:center;gap:4px;text-align:center;border-radius:8px;background:var(--primary-200,#E3B87C);color:#fff!important;}
    /*chip*/
    .chip-list:after {content:'';visibility:hidden;display:block;clear:both;}
    .chip-list :is(.chip-item,.chip-item-44,.chip-item-20) {float:left;}
    :is(.chip-item,.chip-item-44,.chip-item-20) {display:flex;align-items:center;width:fit-content;margin-bottom:8px;background:var(--bg-primary,#F5F5F5);color:var(--content-primary,#1F1F1F);}
    .chip-item {min-height:36px;margin-right:6px;padding:6px 16px;border-radius:18px;font-size:12px;line-height:18px;}
    .chip-item-20 {min-height:20px;margin-right:4px;padding:2px 10px;border-radius:10px;font-size:10px;line-height:16px;}
    .chip-item-40 {display:flex;align-items:center;min-height:40px;padding:0 16px;border-radius:32px;}
    .chip-item-44 {gap:8px;min-height:44px;margin-right:8px;padding:10px 20px;border-radius:22px;font-size:15px;line-height:22px;}
    :is(.chip-item,.chip-item-44):is(:disabled,.disabled) {color:var(--gray-100,#E0E0E0);}
    /*label*/
    .label-item {display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:16px;}
    .label-item:not(.brown) {background:var(--bg-primary,#F5F5F5);color:var(--content-secondary,#8A8A8A);}
    .label-item.brown {background:var(--primary-300,#C88427);color:var(--content-inverse,#FFF);}

/*== icon ==*/
.logo-primary {flex-shrink:0;display:block;width:40px;height:20px;background:url('../../../images/app/v2/logo_text-primary.svg')no-repeat center;background-size:contain;text-indent:-9999px;}
.logo-simbol {flex-shrink:0;display:block;width:30px;height:30px;background:url('../../../images/app/v2/logo_simbol.svg')no-repeat center;background-size:contain;text-indent:-9999px;}
    /*icon size*/
    :is(.ico-16, .ico-24) {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;line-height:0;}
    .ico-16::before,
    .ico-24::before {content:'';display:block;background-image:var(--sprite-icons, url('../../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;}
    .ico-24::before {--size:24px;width:var(--size,24px);height:var(--size,24px);background-size:calc(var(--size,24px) * 9) auto;}
    .ico-16::before {--size:16px;width:var(--size,16px);height:var(--size,16px);background-size:calc(var(--size,16px) * 9) auto;}
    /*icon style*/
    .ico-back--primary::before {background-position:0 0;}
    .ico-bugger--primary::before {background-position:calc(var(--size,24px) * -1) 0;}
    .ico-close--primary::before {background-position:calc(var(--size,24px) * -2) 0;}
    .ico-alarm--border::before {background-position:calc(var(--size,24px) * -3) -0;}
    .ico-search--primary::before {background-position:calc(var(--size,24px) * -4) 0;}
    .ico-search--secondary::before {background-position:calc(var(--size,24px) * -5) 0;}
    .ico-share--primary::before {background-position:0 calc(var(--size,24px) * -1);}
    .ico-plus--tertiary::before {background-position:calc(var(--size,24px) * -1) calc(var(--size,24px) * -1);}
    .ico-del--gray::before {background-position:calc(var(--size,24px) * -3) calc(var(--size,24px) * -1);}
    .ico-setting--border::before {background-position:0 calc(var(--size,24px) * -2);}
    .ico-map--primary::before {background-position:calc(var(--size,24px) * -1) calc(var(--size,24px) * -2);}
    .ico-tel--30p::before {background-position:calc(var(--size,24px) * -3) calc(var(--size,24px) * -2);}
    .ico-person-pin::before {background-position:calc(var(--size,24px) * -5) calc(var(--size,24px) * -2);}
    .ico-home--primary::before {background-position:calc(var(--size,24px) * -6) calc(var(--size,24px) * -2);}
    .ico-more--primary::before {background-position:0 calc(var(--size,24px) * -3);}
    .ico-prev--primary::before {background-position:calc(var(--size,24px) * -1) calc(var(--size,24px) * -3);}
    .ico-tel--primary::before {background-position:calc(var(--size,24px) * -8) calc(var(--size,24px) * -3);}
    .ico-info--blue::before {background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -5);}
    .ico-more--white::before {background-position:calc(var(--size,24px) * -1) calc(var(--size,24px) * -7);}
    .ico-more--brown::before {background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -7);}
    .ico-more--secondary::before {background-position:calc(var(--size,24px) * -3) calc(var(--size,24px) * -7);}
    .ico-exclaim::before {background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -6);}
    .ico-info--primary::before {background-position:calc(var(--size,24px) * -3) calc(var(--size,24px) * -6);}
    .ico-info--brown::before {background-position:calc(var(--size,24px) * -4) calc(var(--size,24px) * -6);}
    .ico-naver-bul::before {background-position:0 calc(var(--size,24px) * -9);}
    .ico-kakao-bul::before {background-position:calc(var(--size,24px) * -1) calc(var(--size,24px) * -9);}
    .ico-letter--primary100::before {background-position:-152px 0;}
    .ico-flower--primary100::before {background-position:-176px 0;}
    /*ico-main [메인에 쓰인 아이콘]*/
    .ico-main {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;}
    .ico-main::before {content:'';display:block;width:100%;height:100%;background-image:url('../../../images/app/v2/sp_main-ico.png');background-repeat:no-repeat;background-size:180px;}
    .ico-main.bugo::before {background-position:0 0;}
    .ico-main.reservation::before {background-position:-50px 0;}
    .ico-main.gift::before {background-position:0 -50px;}
    .ico-main.write::before {background-position:0 -137px;}
    .ico-main.relay::before {background-position:-132px 0;}
    .ico-main.modify::before {background-position:-132px -48.333px;}
    .ico-main.regist::before {background-position:-132px -96.666px;}
    .ico-main.history::before {background-position:-132px -145px;}
    /*ico-big [작성완료시, 공유시 보여지는 큰 이미지]*/
    .ico-big {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;}
    .ico-big::before {content:'';display:block;width:140px;height:140px;background-image:url('../../../images/app/v2/sp_big-ico.png');background-repeat:no-repeat;background-size:140px;}
    .ico-big.relay::before {background-position:0 0;}
    .ico-big.reservation::before {background-position:0 -140px;}
    /*ico-bank*/
    .ico-bank {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;}
    .ico-bank::before {content:'';display:block;width:69px;height:30px;background-image:url('../../../images/app/v2/sp_bank-ico.svg');background-repeat:no-repeat;background-size:345px;}
    .ico-bank.bank01::before {background-position:0 0;}/*국민*/
    .ico-bank.bank02::before {background-position:-69px 0;}/*기업*/
    .ico-bank.bank03::before {background-position:-138px 0;}/*농협*/
    .ico-bank.bank04::before {background-position:-207px 0;}/*신한*/
    .ico-bank.bank05::before {background-position:-276px 0;}/*우체국*/
    .ico-bank.bank06::before {background-position:0 -30px;}/*sc*/
    .ico-bank.bank07::before {background-position:-69px -30px;}/*하나*/
    .ico-bank.bank08::before {background-position:-138px -30px;}/*한국시티*/
    .ico-bank.bank09::before {background-position:-207px -30px;}/*우리*/
    .ico-bank.bank10::before {background-position:-276px -30px;}/*경남&부산*/
    .ico-bank.bank11::before {background-position:0 -60px;}/*광주&전북*/
    .ico-bank.bank12::before {background-position:-69px -60px;}/*대구*/
    .ico-bank.bank13::before {background-position:-138px -60px;}/*산업*/
    .ico-bank.bank14::before {background-position:-207px -60px;}/*수협*/
    .ico-bank.bank15::before {background-position:-276px -60px;}/*제주*/
    .ico-bank.bank16::before {background-position:0 -90px;}/*새마을*/
    .ico-bank.bank17::before {background-position:-69px -90px;}/*저축은행*/
    .ico-bank.bank18::before {background-position:-138px -90px;}/*신협*/
    .ico-bank.bank19::before {background-position:-207px -90px;}/*산림조합*/
    .ico-bank.bank20::before {background-position:-276px -90px;}/*케이뱅크*/
    .ico-bank.bank21::before {background-position:0 -120px;}/*카카오뱅크*/
    .ico-bank.bank22::before {background-position:-69px -120px;}/*토스뱅크*/
    /*ico-card*/
    .ico-card {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;}
    .ico-card::before {content:'';display:block;width:69px;height:30px;background-image:url('../../../images/app/v2/sp_card-ico.svg');background-repeat:no-repeat;background-size:345px;}
    .ico-card.card01::before {background-position:0 0;}/*신한카드*/
    .ico-card.card02::before {background-position:-69px 0;}/*국민카드*/
    .ico-card.card03::before {background-position:-138px 0;}/*삼성카드*/
    .ico-card.card04::before {background-position:-207px 0;}/*현대카드*/
    .ico-card.card05::before {background-position:-276px 0;}/*롯데카드*/
    .ico-card.card06::before {background-position:0 -30px;}/*BC카드*/
    .ico-card.card07::before {background-position:-69px -30px;}/*농협카드*/
    .ico-card.card08::before {background-position:-138px -30px;}/*우리카드*/
    .ico-card.card09::before {background-position:-207px -30px;}/*하나카드*/
    /*ico-religion [종교아이콘, 텍스트로 들어가는경우 ico-txt 클래스] */
    .ico-religion {flex-shrink:0;}
    .ico-religion:not(.ico-txt) {text-indent:-9999px;font-size:0;}
    .ico-religion:not(.ico-txt)::before {--size:24px;content:'';display:block;width:var(--size,24px);height:var(--size,24px);background-image:url('../../../images/app/v2/sp_religion_ico.svg');background-repeat:no-repeat;background-size:calc(var(--size,24px) * 4);}
    .ico-religion.christ::before {background-position:0 0;}
    .ico-religion.buddhism::before {background-position:calc(var(--size,24px) * -1) 0;}
    .ico-religion.catholic::before {background-position:calc(var(--size,24px) * -2) 0;}
    .ico-religion.won::before {background-position:calc(var(--size,24px) * -3) 0;}
    .ico-religion.ico-txt {font-style:normal;color:#FFF;font-size:15px;font-weight:400;line-height:22px;}
    .ico-religion.ico-txt + .txt-body02 {display:flex;}
    .ico-religion.ico-txt + .txt-body02:before {content:'·';display:block;margin-right:4px;}
/*== header ==*/
.header--fix {position:fixed;top:0;left:0;right:0;z-index:100;}
.header--fix:not(.header-bg, .no-bg) .header-inner {background:var(--bg-base,#fff);}
.header-bg .header-inner {background:var(--bg-header,rgba(227, 221, 211, 0.80));backdrop-filter:blur(8px);}
.header-inner {display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 20px;}
.header-inner .txt-body01 {overflow:hidden;padding-bottom:1px;text-overflow:ellipsis;white-space:nowrap;}
:is(.inner-left,.inner-right) {display:flex;align-items:center;}
.inner-left:not(.wFull) {max-width:calc(100% - 74px);}
.inner-left.wFull {width:100%;}
.inner-left .ico-24:is(button, a) {margin-left:-8px;}
.inner-right {gap:8px;max-width:96px;margin-left:auto;}
.inner-right .ico-24:is(button, a) {margin-right:-8px;}
.header-inner .input-box {width:100%;border:0;}
.header-inner .input-box input {width:100%;}
.header-inner .input-box input::placeholder {color:var(--bg-tertiary,#E8E8E8);font-size:16px;}
.header-inner .input-box .ico-24 {margin-right:0;}
.header-inner .inner-left >*:first-child:is([class*="ico-"]) {width:40px;margin-left:-8px;}
.header-color .header--fix {background:#5F4A37;transition:0.3s;-webkit-transition:0.3s;}
.logo {display:block;height:2.5rem;margin-bottom:0.571rem;background:url('../../../images/obituary/logo@2x.png') no-repeat center;background-size:5rem;text-indent:-9999em;}
/*== footer ==*/
.footer--basic {padding:40px 0;text-align:center;color:var(--content-tertiary,#C0C0C0);}
.footer--basic p {display:flex;align-items:flex-end;gap:4px;justify-content:center;}
.footer--basic address {margin-top:4px;}
.ico-footer__samga {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;line-height:0;}
.ico-footer__samga::before {content:'';display:block;width:41px;height:20px;background-image:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;background-size:216px auto;background-position:-152px -24px;}
/*== wrap-search ==*/
.wrap-search {position:fixed;top:0;right:-100vw;z-index:150;width:100vw;height:calc(var(--vh, 1vh) * 100);background:var(--bg-base,#fff);}
.wrap-search.on {right:0;}
.search-header {display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 20px;border-bottom:1px solid var(--bg-tertiary,#E8E8E8);}
.search-header :is(.inner-left,.inner-right) {gap:0;}
.search-header .ico-prev--primary {width:40px;}
.search-header .input-box {width:100%;height:inherit;border:0!important;}
.search-header .input-box input {overflow:hidden;width:100%;background:var(--bg-base,#fff);text-overflow:ellipsis;white-space:nowrap;}
.search-header .input-box input::placeholder {width:100%;top:0!important;color:var(--bg-tertiary,#E8E8E8);font-size:16px;}
.search-wrap {height:calc(100% - 56px);padding:32px 20px;}
.search-wrap .search-list {overflow:auto;height:100%;}
.search-wrap .search-result {margin-bottom:8px;color:var(--content-secondary,#8A8A8A);}
.search-wrap .search-result span {font-weight:500;}
.search-wrap .search-item {display:block;width:100%;text-align:left;color:var(--content-secondary,#8A8A8A);}
.search-wrap .search-item:is(.txt-body02) {padding:10px 0;}
.search-wrap .search-item:not(.txt-body02) {padding:14px 0;}
.search-wrap .search-item .room {margin-bottom:4px;color:var(--content-primary);}
.search-wrap .search-item .host {display:flex;gap:15px;margin-bottom:2px;color:var(--content-secondary,#8A8A8A);font-weight:500;}
.search-wrap .search-item .host p {position:relative;}
.search-wrap .search-item .host p + p::before {content:'';display:block;position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:1px;height:12px;background:var(--content-secondary,#8A8A8A);}
.search-wrap .search-item .date {color:var(--content-tertiary,#C0C0C0);}
/*== nav--bottom ==*/
.nav--bottom {box-shadow:var(--shadow-bottom,0 -1px 0 #F5F5F5);border-radius:16px 16px 0 0;z-index:100;}
.nav--bottom .nav-inner {display:flex;justify-content:space-around;align-items:center;border-radius:16px 16px 0 0;padding:10px 20px 18px;box-shadow:var(--shadow-bottom,0 -1px 0 #F5F5F5);background:var(--bg-base,#fff);}
.nav--bottom .nav-inner .btn-48 {flex-wrap:wrap;flex:0 0 48px;width:48px;padding:0;}
@media screen and (max-width:300px) {
    .nav--bottom .nav-inner {padding:10px 15px 18px;}
}
/* tip-box [하단 말풍선 팁박스] */
.tip-box {position:relative;padding-top:45px;}
.tip-balloon {display:flex;gap:4px;align-items:center;position:absolute;bottom:58px;left:50%;transform:translateX(-50%);max-width:100%;width:max-content;padding:8px 16px 8px 12px;background:var(--warm-gray100,#F3F2F1);border-radius:24px;}
.tip-balloon::after {content:'';display:block;position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:14px;height:8px;background-image:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;background-size:216px auto;background-position:-150px -79px;}
.tip-box [class^="btn"] {margin:0 auto 4px;color:var(--content-secondary,#8A8A8A);}

/*== Spinner ==*/
.spinner-wrap {position:fixed;top:0;left:0;z-index:200;width:100%;height:100%;background:var(--bg-dim,rgba(31, 31, 31, 0.5));}
.spinner-wrap span {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border:24px solid #0ac771;border-radius:50%;border-top-color:transparent;box-sizing:content-box;animation:ani-spin 0.7s linear infinite;}

/*== list ==*/
.list--basic .list__item {display:flex;align-items:center;gap:16px;width:100%;padding:10px 20px;}
.list--basic .list__item.center {justify-content:center;}
.list--basic .list__item [class*="txt-"] {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list--basic .list__item [class*="ico-"] {margin-left:auto;}
    /*list--indent*/
    .list--indent li {margin-left:20px;word-break:break-all;text-indent:-20px;}
    .list--indent .list--indent {margin-top:8px;}
    /*list--between*/
    .list--between .list__item {display:flex;align-items:center;justify-content:space-between;}
    /*line-list__item*/
    .line-list__item {display:block;position:relative;width:100%;padding:20px;border-bottom:1px solid var(--bg-tertiary,#E8E8E8);text-align:left;}
    .line-list__item >* {display:block;}
    .line-list__item .txt-body02 {margin-bottom:8px;color:var(--content-secondary,#8A8A8A);}
    .line-list__item .txt-body01 {color:var(--content-primary,#1F1F1F);}
    .line-list__item.more-arrow {padding-right:44px;}
    .line-list__item.more-arrow::after {--size:24px;content:'';display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%);width:var(--size);height:var(--size);background-image:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:0 calc(var(--size,24px) * -3);}
    /*list--disc*/
    .list--disc {padding-left:24px;list-style:disc;}
    .list--disc li {position:relative;margin-left:0;text-indent:0;}
    .list--disc li::marker {font-size:60%;}
    /*list--btn*/
    .list--btn .list__item {display:flex;justify-content:center;align-items:center;gap:4px;overflow:hidden;width:100%;min-height:56px;border-radius:8px;background:var(--bg-base,#fff);box-shadow:var(--shadow-elevation1,0 4px 16px 0 rgba(234, 234, 234, 0.80));text-align:center;}
    .list--btn .list__item + .list__item {margin-top:8px;}
    .list--btn .horiz {gap:0 8px;flex-wrap:wrap;}
    .list--btn .list__item.active .txt-body01,
    .list--btn .list__item:is(label) input:checked + .txt-body01 {color:var(--accent,#0AC771);}
    .list--btn .list__item.flex--between {padding:8px 16px;text-align:left;}
    /*list--file-name*/
    .list--file-name .list__item {display:flex;gap:4px;align-items:center;}
    .list--file-name .list__item + .list__item {margin-top:10px;}
    .list--file-name .list__item:before {--size:24px;content:'';flex-shrink:0;display:block;width:var(--size);height:var(--size);background-image:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'));background-repeat:no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -2);}
    .list--file-name .list__item :is([class*="txt-"]) {display:-webkit-box;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    .list--file-name .list__item .ico-del--gray {margin-top:-8px;margin-bottom:-8px;}
    /*list-funeral [장례식장 리스트]*/
    .list-funeral li > .txt-body01 {margin-top:20px;}
    .list-funeral .no-funeral {margin-top:48px;color:var(--content-secondary,#8a8a8a);}
    .list-funeral .no-funeral .txt-body02 {margin-bottom:12px;}
    .funeral-item {display:block;position:relative;padding:10px 0 10px 32px;text-align:left;}
    .funeral-item:before {content:'';display:block;width:20px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:url('../../../images/app/v2/ico_funeral.png')no-repeat center;background-size:contain;}
    .funeral-item .txt-caption01 {color:var(--content-tertiary,#C0C0C0);}
    .funeral-item [class*="txt-"] {display:block;}
/*== acodian ==*/
.acodian-target {display:flex;position:relative;padding-right:24px;cursor:pointer;}
.acodian-target:after {--size:24px;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:var(--size);height:var(--size);background:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'))no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:calc(var(--size,24px) * -2) calc(var(--size,24px) * -3);}
.open .acodian-target:after {background-position:calc(var(--size,24px) * -3) calc(var(--size,24px) * -3);}
.acodian-cont {display:none;}

/*== tab-wrap ==*/
.tab-wrap {display:flex;flex-direction:column;height:100%;}
.tab-nav {display:flex;}
.tab-nav__item {flex:1 0;display:flex;justify-content:center;align-items:center;gap:4px;width:100%;text-align:center;cursor:pointer;}
.st-button .tab-nav {gap:6px;}
.st-button .tab-nav__item {height:56px;padding:16px;border-radius:8px;border:1px solid var(--content-tertiary,#C0C0C0);color:var(--content-tertiary,#C0C0C0);font-size:16px;font-weight:700;line-height:24px;}
.st-button .tab-nav__item.active {border-color:var(--primary-800,#5F4A37);background:var(--primary-800,#5F4A37);color:var(--content-inverse,#fff);}
.st-underline .tab-nav {justify-content:center;padding:0 20px;border-bottom:1px solid var(--bg-tertiary,#E8E8E8);}
.st-underline .tab-nav__item {height:40px;margin-bottom:-1px;border-bottom:1px solid transparent;}
.st-underline .tab-nav__item.active {border-color:1px solid var(--secondary,#EFBD0B);color:var(--secondary,#EFBD0B);}
.tab-conts {position:relative;height:100%;}
.tab-conts__item {display:none;}
.tab-conts__item.show {display:block;}
.no-cont {position:relative;height:100%;}
.no-cont > * {display:inline-flex;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);color:var(--content-secondary,#8A8A8A);white-space:nowrap;}
@media screen and (max-width:350px) {
    .st-underline .tab-nav {gap:24px;justify-content:normal;scrollbar-width:none;}
    .st-underline .tab-nav::-webkit-scrollbar {display:none;}
}

/*== swip [우->좌 스와이프 삭제버튼] ==*/
.swip-remove {overflow:hidden;width:100%;}
.swip-item {display:flex;flex-wrap:nowrap;position:relative;left:0;width:100%;transition:left 0.3s;-webkit-transition:left 0.3s;user-select:none;}
.swip-cont {display:flex;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;}
.swip-cont .txt-body01 {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.swip-hide {flex-shrink:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;opacity:0;}
.swip-hide.txt-body02 {width:100px;padding:16px;background:var(--red-500,#EA7032);color:var(--content-inverse,#fff);text-align:center;}
.swip-btn__show .swip-hide {opacity:1;}
.swip-btn__show .sort-btn {display:none;}

/*swipe-menu [화환 메인에서 사용]*/
.swipe-menu {padding:24px 0;}
.swipe-menu .menu-list {display:flex;gap:6px;overflow:auto;padding:0 20px;white-space:nowrap;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:20px;scroll-snap-align:start;-ms-overflow-style:none;scroll-behavior:smooth;}
.swipe-menu .menu-list .chip-item-40 {flex-direction:column;justify-content:center;scroll-snap-align:start;border:1px solid var(--content-tertiary,#C0C0C0);background:rgba(var(--white-100)1);color:var(--content-tertiary,#C0C0C0);}
.swipe-menu .menu-list .chip-item-40.active {border-color:var(--content-primary,#1F1F1F);color:var(--content-primary,#1F1F1F);font-weight:700;}
.swipe-menu .menu-list .chip-item-40::after {content:attr(data-name);display:block;height:0;visibility:hidden;font-weight:700;}

/*== swiper ==*/
.swiper {overflow:hidden;position:relative;}
.swiper-wrapper {transition-timing-function:linear;}
.swiper__navi-bul {padding-bottom:40px;}
.swiper-slide img {display:block;max-width:100%;max-height:100%;margin:0 auto;}
.swiper-pagination {display:flex;}
.swiper > .swiper-pagination-bullets {gap:8px;width:initial;bottom:8px;left:50%;transform:translateX(-50%);}
.swiper > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0;background:var(--bg-secondary,#EDEDED);opacity:1;}
.swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active {background:var(--primary-500,#8F5F1B);}
.swiper-pagination-fraction {gap:4px;right:8px;bottom:8px;left:initial;width:initial;height:36px;padding:9px 16px;border-radius:18px;background:rgba(var(--black-100)0.1);font-size:12px;line-height:18px;}

/*== info-modal [툴팁같은 i 팝업] ==*/
.info-modal {position:relative;}
.info-modal__inner {display:none;position:absolute;top:32px;right:0;width:calc(100vw - 40px);padding:16px;border:1px solid rgba(var(--black-100)0);border-radius:8px;background:rgba(var(--black-100)0.8);}
.info-modal__tit {position:relative;margin-bottom:8px;padding-left:32px;color:var(--info-500,#F8FAFF);}
.info-modal__tit:before {--size:24px;content:'';display:block;position:absolute;left:0;width:var(--size,24px);height:var(--size,24px);background:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'))no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:0 calc(var(--size,24px) * -5);background-position-x:calc(var(--size,24px) * -2);}
.info-modal__inner *:not(.info-modal__tit) {color:var(--bg-base,#fff);}

/*== Alert ==*/
.alert-box.show {display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;bottom:0;left:0;z-index:160;width:100%;max-height:100%;padding:48px 20px;}
.alert-item {position:relative;border:1px solid rgba(var(--black-100)0);border-radius:8px;background:rgba(var(--black-100)0.8);animation:fadeInUp 0.3s;}
.alert-item::before {--size:24px;content:'';display:block;position:absolute;left:16px;width:var(--size,24px);height:var(--size,24px);background:var(--sprite-icons,url('../../../images/app/v2/sp_common_ico.svg'))no-repeat;background-size:calc(var(--size,24px) * 9) auto;background-position:0 calc(var(--size,24px) * -5);}
.alert-item:not(.small) {min-height:56px;padding:16px 48px;}
.alert-item:not(.small)::before {top:16px;}
.alert-item:not(.small) .alert-title {font-weight:700;}
.alert-item:not(.small) .alert-cont {margin-top:4px;}
.alert-item .ico-24 {position:absolute;top:8px;right:8px;background:transparent;}
.alert-item.error::before {background-position-x:0;}
.alert-item.error .alert-title {color:var(--error-500,#EA7032);}
.alert-item.success::before {background-position-x:-24px;}
.alert-item.success .alert-title {color:var(--success-500,#36B97E);}
.alert-item.info::before {background-position-x:-48px;}
.alert-item.info .alert-title {color:var(--info-500,#7096F7);}
.alert-item.warning::before {background-position-x:-72px;}
.alert-item.warning .alert-title {color:var(--warning-500,#FCE050);}
.alert-item.flower::before {background-position:-94px -118px;}
.alert-item.flower * {display:contents;}
.alert-item.flower .alert-title {color:var(--accent,#0AC771);}
.alert-item.flower .alert-cont {color:var(--blue-50,#F8FAFF);}
.alert-item.small {width:fit-content;min-height:40px;padding:8px 16px 8px 48px;}
.alert-item.small::before {top:8px;}
.alert-item.small .alert-cont {margin-top:2px;}
.alert-item .alert-cont {color:var(--bg-tertiary,#E8E8E8);}

/*== layer-pop [레이어처럼 full팝업] ==*/
.layer-pop {display:none;overflow-x:hidden;position:fixed;right:0;bottom:0;left:0;z-index:110;min-height:calc(var(--vh, 1vh) * 100);background:var(--bg-base,#fff);}
.layer-pop.pop-show {display:flex;flex-direction:column;}
.layer-pop .header--fix + .wrap-body .wrap-inner{overflow-y:auto;}

/*== modal-pop ==*/
.modal-header {display:flex;height:56px;padding:16px 20px;}
.modal-header:not(.no-border) {border-bottom:1px solid var(--bg-tertiary,#E8E8E8);}
.modal-header [class*="txt-"] {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.modal-header [class*="ico-"] {margin:-8px -8px -8px auto;}
.modal-wrap {display:block;overflow:hidden;position:fixed;height:0;background:var(--bg-base,#fff);box-shadow:var(--shadow-elevation2,0 4px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 6px 0 rgba(0, 0, 0, 0.08));}
.modal-content {padding:40px 20px;text-align:center;}
.modal-content .txt-subtitle {margin-bottom:24px;}
.modal-content [class*="txt-"] {word-break:keep-all;}
.modal-inner {padding:16px 20px;}
.modal-wrap .notice-content {min-height:88px;padding:16px 20px;}
.modal-wrap .notice-content img {display:block;width:100%;}
.modal-wrap .notice-content figure {overflow:hidden;position:relative;padding-top:100%;}
.modal-wrap .notice-content figure img {position:absolute;top:0;left:0;}
.modal-footer.btn-area {padding:0;border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.modal-footer.btn-area > * {display:inline-flex;align-items:center;justify-content:center;padding:16px 16px 18px;text-align:center;}
.modal-footer.btn-area:not(.between) > * + * {border-left:1px solid var(--bg-tertiary,#E8E8E8)}
.modal-footer.btn-area.between {padding:0 4px;}
    /*modal-btm - 하단 고정 모달*/
    .modal-btm {display:block;overflow:hidden;position:fixed;top:inherit!important;right:0;bottom:0;left:0!important;z-index:150;width:100%;height:0;background:var(--bg-base,#fff);}
    .modal-btm .modal-wrap {top:inherit!important;right:0;bottom:0;left:0!important;width:100%;border-radius:16px 16px 0 0;transition:height 0.3s;-webkit-transition:height 0.3s;}
    .modal-btm .modal-body {overflow-x:hidden;overflow-y:auto;}
    .modal-btm .modal-body::-webkit-scrollbar {display:none;}
    .modal-btm .modal-body .list--basic {padding:12px 0;}
        /*.modal-btm.pop-show*/
        .modal-btm.pop-show {display:flex;flex-direction:column;justify-content:flex-end;height:100%;background:var(--bg-dim02,rgba(31, 31, 31, 0.3));}
        /*.modal-btm:not(.pop--full)*/
        .modal-btm.pop-show:not(.full) .modal-wrap {min-height:213px;max-height:360px;}
        .modal-btm.pop-show:not(.full) .modal-body {min-height:132px;}
        /*.modal-btm.full*/
        .full.pop-show .modal-wrap {height:calc(var(--vh, 1vh) * 100 - 80px);}
        .full.pop-show .modal-body:not(.no-footer, .modal-notice__body, .modal-inquiry__inner) {height:calc(100% - 56px - 88px);}
        .full.pop-show .modal-body.no-footer {display:flex;flex-direction:column;height:calc(100% - 56px);}
    /*modal-pop - 그냥 중앙 모달 */
    .modal-pop.pop-show {display:flex;flex-direction:column;justify-content:flex-end;height:100%;background:var(--bg-dim02,rgba(31, 31, 31, 0.3));}
    .modal-pop.pop-show .modal-wrap {height:auto;min-height:144px;}
    .modal-pop {display:block;position:fixed;top:inherit!important;right:0;bottom:0;left:0!important;z-index:130;width:100%;height:0;background:var(--bg-base,#fff);}
    .modal-pop .modal-wrap {top:50%;left:50%;transform:translate(-50%,-50%);width:88.88%;max-width:320px;border-radius:16px;}
    .modal-pop .modal-header + .modal-body {padding:16px 20px 24px;}
    .modal-body.wrap-inner {padding-top:16px;}
    .modal-pop.size-s .modal-wrap {width:320px;}
    @media screen and (max-width:340px) {
        .modal-wrap .notice-content {padding:0;}
        .modal-content * {word-break:keep-all;}
        .modal-footer.btn-area > * {padding-right:8px;padding-left:8px;}
    }
/* terms-cont (약관) */
.terms-cont {padding:16px 0 32px;margin:0 20px;}
.terms-cont + .terms-cont {border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.terms-cont .list--disc .color-accent ul {color:var(--content-primary,#1F1F1F)!important;}
.terms-cont .list--indent li {margin-top:8px;}
.terms-cont .list--indent .list--indent {margin-top:0;}
.terms-cont table th {border:1px solid #b7b7b7;background:#f7f7f7;padding:16px;}
.terms-cont table td {border:1px solid #b7b7b7;color:#8a8a8a;padding:16px;vertical-align:top;}

/*== error (page) ==*/
.error-wrap {display:flex;flex-direction:column;overflow-y:auto;position:fixed;top:0;left:0;width:100vw;height:100%;background:var(--bg-base,#fff);text-align:center;}
.error-wrap .error-cont {flex:auto;display:flex;flex-direction:column;justify-content:center;height:100%;min-height:500px;padding:0 20px;}
.error-wrap .txt-title {margin-bottom:40px;}
.error-wrap .txt-title:before {content:'';display:block;width:80px;height:80px;margin:0 auto 24px;background:url('../../../images/app/v2/ico_error.png')no-repeat center;background-size:contain;}
.error-wrap .txt-body01 {margin-bottom:24px;}
.error-wrap .btn-primary {width:160px;margin:0 auto;}
.error-wrap .error-footer {flex:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 0;background:var(--bg-primary,#F5F5F5);}
.error-wrap .error-footer>* {color:rgba(var(--black-100)0.3);}
.error-wrap .error-footer a {display:inline-flex;gap:4px;align-items:center;height:28px;padding:0 12px 0 8px;border-radius:14px;background:rgba(var(--white-100)0.8);}

/*== intro (page) ==*/
.intro-wrap {overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-base,#fff);}
.intro-cont {position:relative;width:100%;height:100%;min-height:500px;background-image:url('../../../images/app/v2/logo_text-primary.svg');background-repeat:no-repeat;background-position:center;background-size:100px;}
.intro-cont p {position:absolute;bottom:60px;left:50%;transform:translateX(-50%);color:var(--primary-800,#5F4A37);font-size:15px;text-align:center;line-height:24px;}
.intro-cont p span {color:var(--accent,#0AC771);font-weight:700;}

/* === 다크모드 === */
[data-theme="dark"] .divider-8 {background:rgba(var(--white-100)0.1);}
/*btn*/
[data-theme="dark"] :is(.btn-primary, .btn-secondary, .btn-tertiary) {border:1px solid;}
[data-theme="dark"] :is(.btn-primary, .btn-secondary).disabled {border-color:var(--primary-100,#595753);background:var(--bg-base,#2B2B2B);color:var(--primary-100,#595753);}
[data-theme="dark"] .btn-primary {border-color:var(--primary-800,rgba(221, 159, 24, 0.90));color:var(--content-primary,#E8E8E8);}
[data-theme="dark"] .btn-secondary {border-color:var(--content-tertiary,#A6A6A6);background:var(--bg-base,#2B2B2B);color:var(--content-secondary,#C0C0C0);}
[data-theme="dark"] .btn-tertiary {border-color:var(--gray-500,#888);background:var(--gray-500,#888);color:var(--content-primary,#E8E8E8);}
[data-theme="dark"] .btn-primary.disabled {background:var(--primary-50,#AFA38E);color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .btn-secondary.disabled {border-color:rgba(var(--white-100)0.2);color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .btn-tertiary.disabled {border-color:var(--bg-primary,#333);background:var(--bg-primary,#333);color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .btn-square {background:var(--primary-800,rgba(221, 159, 24, 0.90));}
[data-theme="dark"] .btn-quater:is(a,button) {border-color:var(--primary-800,rgba(221, 159, 24, 0.90));background:var(--primary-800,rgba(221, 159, 24, 0.90));}
/*chip*/
[data-theme="dark"] :is(.chip-item,.chip-item-44) {background:rgba(var(--white-100)0.1);}
[data-theme="dark"] :is(.chip-item,.chip-item-44):is(:disabled,.disabled) {color:var(--bg-tertiary,#5E5E5E);}
/*label*/
[data-theme="dark"] .label-item:not(.brown) {background:rgba(var(--white-100)0.2);color:var(--content-tertiary,#A6A6A6);}
[data-theme="dark"] .label-item.brown {background:var(--primary-400,#8A6114);color:var(--content-primary,#E8E8E8);}
/*ico, logo*/
[data-theme="dark"] .logo-primary {background-image:url('../../../../static/images/app/v2/logo-dark_text-primary.svg');}
[data-theme="dark"] .logo-simbol {background-image:url('../../../../static/images/app/v2/logo-dark_simbol.svg');}
/*footer*/
[data-theme="dark"] .fix-btm.btn-area{background:linear-gradient(360deg, rgba(43, 43, 43, 0.80) 0%, rgba(43, 43, 43, 0.80) 69.30%, rgba(43, 43, 43, 0.00) 100%);}
/*search-header*/
[data-theme="dark"] .search-header {border-color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .search-header .input-box {background:var(--bg-base,#2B2B2B);}
[data-theme="dark"] .search-header input {color:#fff;}
/*search*/
[data-theme="dark"] .search-wrap .search-item ,
[data-theme="dark"] .search-wrap .search-item .date {color:rgba(var(--white-100)0.4);}
[data-theme="dark"] .search-wrap .search-item .room {color:var(--content-primary,#E8E8E8);}
[data-theme="dark"] .search-wrap .search-item .host {color:var(--content-tertiary,#A6A6A6);}
[data-theme="dark"] .search-wrap .search-item .host p + p::before {background:var(--content-tertiary,#A6A6A6);}
/*tip*/
[data-theme="dark"] .tip-balloon {background:var(--bg-primary,#333);}
[data-theme="dark"] .tip-box [class^="btn"] {color:var(--content-tertiary,#A6A6A6);}
/*list--btn*/
[data-theme="dark"] .list--btn .list__item {background:var(--bg-tertiary,#E8E8E8);box-shadow:var(--shadow-elevation2,0 4px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 6px 0 rgba(0, 0, 0, 0.08));}
/*tab*/
[data-theme="dark"] .tab-nav__item {color:var(--content-primary,#E8E8E8);}
[data-theme="dark"] .tab-wrap:not(.st-underline) .tab-nav__item.active {color:var(--content-primary,#E8E8E8);}
/*swipe-menu*/
[data-theme="dark"] .swipe-menu .menu-list .chip-item-40 {background:transparent;}
[data-theme="dark"] .swipe-menu .menu-list .chip-item-40:not(.active) {border-color:rgba(var(--white-100)0.4);color:rgba(var(--white-100)0.4);}
/*swip*/
[data-theme="dark"] .swip-hide.txt-body02 {color:var(--content-primary,#1F1F1F);}
/*slider*/
[data-theme="dark"] .swiper-pagination-fraction {background-color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .swiper > .swiper-pagination-bullets .swiper-pagination-bullet {background-color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:var(--primary-800,rgba(221, 159, 24, 0.90));}
/*== info-modal ==*/
[data-theme="dark"] .info-modal__inner {border-color:var(--info-500,#7096F7);background:var(--info-50,#F8FAFF);}
[data-theme="dark"] .info-modal__tit {color:var(--info-500,#7096F7);}
[data-theme="dark"] .info-modal__tit:before {background-position:-48px -120px;}
/*alert*/
[data-theme="dark"] .alert-item.error {border-color:var(--error-500,#EA7032);background:var(--error-50,#FDF6F2);}
[data-theme="dark"] .alert-item.success {border-color:var(--success-500,#36B97E);background:var(--success-50,#F6FFFB);}
[data-theme="dark"] .alert-item.info {border-color:var(--info-500,#7096F7);background:var(--info-50,#F8FAFF);}
[data-theme="dark"] .alert-item.warning {border-color:var(--warning-500,#FCE050);background:var(--warning-50,#FFFEF5);}
[data-theme="dark"] .alert-item .alert-cont {color:var(--gray-50,#1F1F1F);}
[data-theme="dark"] .alert-item.flower {background:rgba(var(--white-100)1);}
[data-theme="dark"] .alert-item.flower .alert-cont {color:var(--gray-50,#1F1F1F);}
/*modal*/
[data-theme="dark"] .modal-pop .modal-wrap,
[data-theme="dark"] .modal-btm:not(.full) .modal-wrap {background:var(--bg-tertiary,#5E5E5E);}
[data-theme="dark"] .modal-pop .modal-header,
[data-theme="dark"] .modal-btm:not(.full) .modal-header {border-color:rgba(var(--white-100)0.2);}
[data-theme="dark"] .full .modal-wrap {background:var(--bg-secondary,#4D4D4D);}
[data-theme="dark"] .full .modal-header {border-color:var(--bg-secondary,#4D4D4D);}
[data-theme="dark"] .modal-footer.btn-area ,
[data-theme="dark"] .modal-footer.btn-area > * + * {border-color:rgba(var(--white-100)0.1);}
/*== error ==*/
[data-theme="dark"] .error-wrap .error-footer>* {color:rgba(var(--white-100)0.4);}
[data-theme="dark"] .error-wrap .error-footer a {background:rgba(var(--black-100)0.8);}
/*intro*/
[data-theme="dark"] .intro-cont {background-image:url('../../../../static/images/app/v2/logo_text-white.svg');}

/* ===== animation ===== */
@keyframes ani-spin {
    0% {transform:translate(-50%,-50%) rotate(0deg);}
    100% {transform:translate(-50%,-50%) rotate(360deg);}
}
@keyframes fadeInUp {
    from {transform:translate3d(0, 100%, 0);opacity:0;}
    to {transform:translateZ(0);opacity:1;}
}
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}