@charset "utf-8";
:is(.writing-list, .name-list) {color:var(--content-secondary,#C0C0C0);}
:is(.writing-list, .name-list) .name {display:flex;word-break:break-all;}
.obituary-view :is(.btn-primary, .btn-secondary, .btn-tertiary, .btn-quater):not(.btn-ico) {font-size:16px;line-height:24px;}
.ico-logo__txt {flex-shrink:0;display:block;width:60px;height:30px;margin-left:5px;background:url('../../../../static/images/app/v2/logo-dark_text-primary.svg')no-repeat center;background-size:contain;text-indent:-9999px;}
.ico-obituary:is(button, a) {padding:8px;}
.ico-obituary {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;line-height:0;}
.ico-obituary::before {--size:24px;content:'';display:block;width:24px;height:24px;background-image:url('../../../images/app/v2/sp_obituary_ico.svg');background-size:120px;background-repeat:no-repeat;}
.ico-obituary.share {margin-right:-8px;}
.ico-obituary.share::before {width:28px;height:28px;background-size:140px;background-position:0 0;}
.ico-obituary.letter::before {background-position:-24px 0;}
.ico-obituary.flower::before {background-position:-48px 0;}
.ico-obituary.home::before {background-position:0 -24px;}
.ico-obituary.tel::before {background-position:-24px -24px;}
.ico-obituary.traffic::before {background-position:-48px -24px;}
.ico-obituary.search-white::before {background-position:-72px 0;}
.ico-obituary.parking::before {background-position:-72px -24px;}
.ico-obituary.navi::before {background-position:-96px -24px;}
.ico-knavi::before {background-position:0 -48px;}
.ico-navermap::before {background-position:0 -72px;}
.ico-tmap::before {background-position:-24px -48px;}
[data-theme="dark"] .ico-obituary::before {background-image:url('../../../images/app/v2/sp-dark_obituary_ico.svg');}
.ico-share {flex-shrink:0;display:inline-block;text-indent:-9999px;font-size:0;line-height:0;}
.ico-share::before {content:'';display:block;width:80px;height:80px;background-image:url('../../../images/app/v2/sp_share_ico.svg');background-size:160px;background-repeat:no-repeat;}
.ico-share.sms::before {background-position:0 0;}
.ico-share.link::before {background-position:-80px 0;}
.ico-share.band::before {background-position:0 -80px;}
.ico-share.kakao::before {background-position:-80px -80px;}

.writing-list .name {margin-bottom:2px;}
.name-list .txt-body01 {padding:4px 0;word-break:break-all;}
.name-list .txt-body01 p {padding-bottom:4px;}

.btn-28.share {border:1px solid rgba(var(--black-100)0.8);background:var(--content-inverse,#fff);}

.obituary-view .header-inner,
.obituary-view .btn-inner {max-width:1040px;margin:0 auto;}

.bugo-info > *,
.obituary-view .wrap-inner {max-width:1000px;}
.obituary-view {background:#F5F3EF;}
.obituary-view .header-inner {-webkit-animation:fadein 1s;animation:fadein 1s;}
.obituary-view .ico-prev--primary::before {background-image:url('../../../images/app/v2/sp-dark_common_ico.svg');}
.bugo-info {display:flex;flex-direction:column;align-items:center;gap:24px;min-height:360px;margin:0 -20px;padding-top:35px;padding-bottom:68px;background:#5F4A37;text-align:center;}
.bugo-info .funeral-name {width:calc(100% - 120px);min-height:34px;margin:0 auto;}
.bugo-info .funeral-name .txt-title {display:block;overflow:hidden;width:100%;color:rgba(var(--white-100)0.8);word-break:break-word;}
.bugo-info .funeral-name .txt-title span {display:block;}

/* .bugo-info .funeral-name + .txt-headline:before, */
.obituary-view:not(.header-color) .bugo-info .txt-title + .funeral-name:before,
.obituary-view:not(.header-color) .bugo-info .funeral-photo + .funeral-name:before {content:'';display:block;width:40px;height:2px;margin:0 auto 24px;background:#E3DDD3;}

.bugo-info .funeral-name .img-box {display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;height:34px;margin:0 auto;}
.bugo-info .funeral-name img {display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:100%;height:100%;}
.header-color .funeral-name:not(.type02) .funeral-name__inner:not(.tel) {display:flex;align-items:center;height:56px;}
.header-color .funeral-name.type02 .funeral-name__inner {padding:0 80px;}
.header-color .funeral-name__inner {position:fixed;top:0;left:50%;z-index:110;transform:translateX(-50%);width:100%;max-width:700px;-webkit-animation:fadein 0.5s;animation:fadein 0.5s;font-size:18px;line-height:24px;letter-spacing:-0.36px;}
.header-color .funeral-name__inner:not(.tel) .txt-title {min-width:calc(100% - 120px);line-height:1.2;}
.header-color .funeral-name__inner:not(.tel) .img-box {max-width:initial;min-width:calc(100% - 60px);line-height:1.2;}
.header-color .funeral-name__inner.tel {top:4px;}
.header-color .funeral-name__inner.tel >* {line-height:24px;max-height:24px;}
.bugo-info .txt-headline {max-width:calc(100% - 32px);margin:0 auto;color:#C0C0C0;}
.bugo-info .txt-headline strong {color:#fff;word-break:break-all;}
.bugo-info .txt-religion:not(.ico-txt) {display:flex;gap:4px;align-items:center;height:35px;padding:4px 8px;border:1px solid rgba(var(--white-100)0.1);border-radius:8px;background:rgba(var(--white-100)0.4);color:#fff;}
.bugo-info .txt-religion .ico-religion:not(.ico-txt) + .txt-body02 {padding-right:4px;}
.bugo-info .funeral-photo {position:relative;overflow:hidden;width:160px;height:195px;border:6px solid rgba(182, 169, 166, 0.20);background:rgba(182, 169, 166, 0.20);box-shadow:-2px -2px 2px 0 rgba(0, 0, 0, 0.05) inset, 2px 2px 2px 0 rgba(0, 0, 0, 0.05) inset;}
.bugo-info .funeral-photo img {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
.bugo-info .brief-history {width:calc(100% - 40px);margin-bottom:14px;padding:0 20px;}
.bugo-info .brief-history .history {padding:12px;border:1px solid rgba(255, 255, 255, 0.10);border-radius:8px;background:rgba(255, 255, 255, 0.10);text-align:left;color:#fff;}
.bugo-info .brief-history ul.history>li {position:relative;padding-left:8px;line-height:24px;font-size:15px;font-weight:400;word-break:break-all;}
.bugo-info .brief-history ul.history>li:before {content:'';display:block;position:absolute;top:9.5px;left:0;width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.80);}
.bugo-info .brief-history ul.history>li + li {margin-top:4px;}
.obituary-view .wrap-inner {width:100%;margin:-52px auto 0;}
.obituary-view .box-white {display:flex;flex-direction:column;gap:8px;position:relative;padding:12px 20px;border-radius:8px;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));box-sizing:border-box;background:var(--bg-base,#2B2B2B);}
.obituary-view .box-white + .box-white {margin-top:16px;}
.obituary-view .box-white .flex--between .txt-body01 {color:var(--primary-200,#E3B87C);word-break:break-word;}
.obituary-view .box-white .flex--between .horiz {gap:8px;margin:-8px -8px -8px 0;}
.obituary-view .bugo-list {display:table;table-layout:fixed;}
.obituary-view .bugo-list dl,
.obituary-view .bugo-list li {display:table-row;width:100%;}
.obituary-view .bugo-list .txt-body02 {display:table-cell;min-width:70px;padding:3px 8px 0 0;color:var(--content-secondary,#8A8A8A);word-wrap:break-word;}
.obituary-view .bugo-list .txt-body00 {display:table-cell;width:100%;padding:4px 0;word-break:break-word; line-height:17px; font-size:17px;}
.obituary-view .bugo-list .txt-body00 .horiz {gap:8px;align-items:center;}
.obituary-view .bugo-list .txt-body00 .horiz + .horiz {margin-top:4px;}
.obituary-view .bugo-list .chip {flex-shrink:0;display:inline-flex;align-items:center;height:24px;padding:2px 8px;border-radius:8px;background:var(--warm-gray100,#F3F2F1);font-size:12px;font-weight:500;line-height:18px;}
.obituary-view .box-white .btn-area {padding:0;}
.obituary-view .btn-area .btn-40 {margin-left:auto;padding:8px 16px;}
.obituary-view .master-words {padding:4px 0;}
.obituary-view .master-words pre {margin:0;font-family:'Noto Sans KR', sans-serif;word-break:break-all;}
.obituary-view .flex--between {align-items:flex-end;gap:8px;}
.obituary-view .bugo-date {flex-shrink:0;display:flex;min-height:24px;padding:3px 10px;border-radius:4px;background:var(--warm-gray100,#F3F2F1);color:var(--primary-500,#8F5F1B);}
.obituary-view .map-area {position:relative;min-height:160px;margin:0 -20px -20px;background:var(--content-tertiary,#C0C0C0);}
.obituary-view .map-area:not(.image-map) {height:160px;}
.obituary-view .map-area .map {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;pointer-events:none;}
.obituary-view .map-area .map-cover {display:block;position:absolute;top:0;left:0;z-index:20;opacity:0;width:100%;height:100%;}
.obituary-view .map-area .btn-map-detail {display:block;position:absolute;bottom:12px;right:12px;z-index:30;width:40px;height:40px;padding:8px;border-radius:4px;background:rgba(43, 43, 43, 0.70);}
.obituary-view .btn-area-map {padding-top:8px;margin-bottom:-12px;}
.obituary-view .btn-area-map .big-btn {gap:17px;margin-bottom:5px;}
.obituary-view .btn-area-map .map-info {flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;position:relative;height:104px;padding:8px 0;}
.obituary-view .btn-area-map .map-info + .map-info:before {content:'';display:block;position:absolute;top:12px;bottom:12px;left:-8px;width:1px;background:var(--bg-tertiary,#E8E8E8);}
.obituary-view .btn-area-map .small-btn {gap:8px;position:relative;padding:6px 0;}
.obituary-view .btn-area-map .small-btn:before {content:'';display:block;position:absolute;top:-9px;left:0;right:0;height:1px;background:var(--bg-tertiary,#E8E8E8);}
.obituary-view .btn-area-map .map-btn {flex:auto;display:flex;gap:2px;align-items:center;justify-content:center;height:40px;}
.obituary-view .writing-list li {padding:4px 0;}
.obituary-view .writing-list li + li {margin-top:8px;}
.obituary-view .name-list li + li {margin-top:4px;}

.map-pin {position:absolute;height:48px;min-width:70px;max-width:300px;margin-top:-48px;transform:translateX(-50%);}
.map-pin::after {content:'';display:block;position:absolute;top:34px;left:50%;transform:translateX(-50%);width:24px;height:18px;box-sizing:border-box;background-image:url('../../../images/app/v2/pin-vertex.svg');background-repeat:no-repeat;background-size:contain;background-position:bottom;}
.map-pin__inner {display:block;position:relative;height:40px;padding:8px 10px 8px 38px;border-radius:8px;box-shadow:var(--shadow-elevation2, 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 2px 6px 0px rgba(0, 0, 0, 0.08));background:#5F4A37;text-align:center;}
.map-pin__inner::before {content:'';display:block;position:absolute;top:8px;left:10px;width:24px;height:24px;background-image:url('../../../images/app/v2/sp_obituary_ico.svg');background-size:120px;background-repeat:no-repeat;background-position:-48px -48px;}
.map-pin .txt-body02 {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}

/*지도크게보기*/
.map-cont {position:relative;height:100%;background:var(--content-tertiary,#C0C0C0);}
.map-cont + .kakao-navi {display:block;position:absolute;bottom:16px;right:16px;z-index:10;width:40px;height:40px;background-image:url('../../../images/app/v2/sp_obituary_ico.svg');background-size:200px;background-repeat:no-repeat;background-position:-120px -80px;font-size:0;text-indent:-9999px;overflow:hidden;}
/*공유모달*/
.share-btns {display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;max-width:100%;width:224px;height:260px;margin:16px auto;}
.share-btns .share-item {flex:0 0 80px;display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;height:110px;}
/*발인안내 모달*/
.balin-samga {gap:4px;margin-top:20px;}
.balin-samga .logo-primary {width:32px;height:16px;}
.balin-samga .txt-caption01 {color:var(--content-secondary,#8A8A8A)}
/*교통안내, 주차안내 모달*/
.traffic-cont.no-data,
.parking-cont.no-data {display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--content-secondary,#8A8A8A);}
.parking-cont:not(.no-data) {padding:0 20px 20px;}
.parking-cont img {display:block;width:100%;}
.parking-cont img + .txt-body00 {margin-top:12px;}
.traffic-cont {padding:20px;}
/*글,화환 더보기 모달*/
.modal-condolence h3 {padding:0 20px;margin-bottom:4px;font-size:20px;font-weight:700;line-height:30px;letter-spacing:-0.4px;}
.modal-condolence h3 span {color:var(--primary-500,#8F5F1B);}
.modal-condolence .writing-list li {padding:24px 20px;}
.modal-condolence .writing-list .txt-body01 + .txt-body01 {border-top:1px solid var(--bg-tertiary,#E8E8E8);}
.modal-condolence .name-list {padding:24px 20px;}
.modal-condolence .name-list li + li {margin-top:8px;}

html,
[data-theme="dark"] {background:var(--primary-800,#5F4A37);}
[data-theme="dark"] .obituary-view {background:#5F4A37;}
[data-theme="dark"] .obituary-view .box-white {background:rgba(var(--black-100)0.6)}
[data-theme="dark"] .obituary-view .box-white .flex--between .txt-body01 {color:var(--secondary,rgba(239, 189, 11, 0.80));}
[data-theme="dark"] .obituary-view .bugo-date {background:rgba(var(--white-100)0.1);color:var(--content-primary,#E8E8E8);}
[data-theme="dark"] .obituary-view .bugo-list .chip {background:rgba(var(--white-100)0.1);}

/*삼가로고가 아닌 다른 로고가 들어가는 경우*/
.company-logo {flex-shrink:0;display:block;min-width:60px;height:30px;}
.company-logo img {height:100%;}

@media screen and (max-width:360px) {
    .btn-inner .btn-56 {padding:16px 4px;}
}
@media (min-width:300px) and (max-width:360px) {
    .obituary-view .bugo-list .txt-body00 > span {display:block;}
}
@media screen and (max-width:320px) {
    .share-btns {justify-content:space-around;align-content:space-around;margin:0 auto;}
    .map-pin {height:40px;}
    .map-pin::after {width:17px;height:12px;top:25px;}
    .map-pin__inner {height:30px;padding:6px 12px 6px 30px;}
    .map-pin__inner::before {top:7px;width:16px;height:16px;background-size:80px;background-position:-32px -32px;}
    .map-pin .txt-body02 {font-size:12px;line-height:18px;font-weight:500!important;}

    .obituary-view .btn-area-map .small-btn {flex-wrap:wrap;}

    .bugo-info .txt-headline {padding-left:16px;padding-right:16px;font-size:130%;line-height:1.5;}
    .bugo-info .funeral-name {width:calc(100% - 60px);}
    .bugo-info .funeral-name .txt-title {font-size:110%;}
    .header-color .funeral-name__inner:not(.tel) .txt-title {font-size:100%;}
    .bugo-info .funeral-name .txt-subtitle {font-size:16px;}

}