@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@400;600;700&display=swap");

/*common START*/
* {
  word-break: keep-all;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body * {
  text-align: center;
}

blockquote,
body,
div,
figure,
form,
hr,
input,
p {
  margin: 0;
  padding: 0;
}

dt,
h1,
h2,
h3,
h4,
h5,
h6,
label,
th {
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
}

dd,
dl,
dt,
li,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
iframe,
img {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}

caption,
th {
  border: 0;
}

q:after,
q:before {
  content: "";
}

figure img {
  width: 100%;
}

a,
a:hover,
a:visited {
  text-decoration: none;
  cursor: pointer;
}

button:focus,
select:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  outline: none !important;
}
/*common END*/

/*webfont START*/
@font-face {
  font-family: "ChosunSm";
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*webfont END*/

/*변수정의 START*/
:root {
}
/*변수정의 END*/

:where(:not(#popup-view-wrap, #popup-view-wrap *, #floor-list-wrap, #floor-list-wrap *))::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
:where(:not(#popup-view-wrap, #popup-view-wrap *, #floor-list-wrap, #floor-list-wrap *))::-webkit-scrollbar-thumb {
  background-color: #ABADB5;
  border-radius: 32px;
  background-clip: padding-box;
}
:where(:not(#popup-view-wrap, #popup-view-wrap *, #floor-list-wrap, #floor-list-wrap *))::-webkit-scrollbar-track {
  background-color: #CCCCCC;
  box-shadow: inset 0px 0px 5px white;
}
/*.defaultSelect .defaultSelectList::-webkit-scrollbar {display: none;}*/
* {
  letter-spacing: -0.5px;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
  text-align: left;
}
body {
  width: 100%;
  font-family: "Noto Sans KR", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.56;
  background: #FFF;
}
body select option {
  text-align: left;
}
body #wrap {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

form input[type=text],
form input[type=tel],
form input[type=password],
form select {
  width: 100%;
  height: 56px;
  margin-top: -1px;
  padding: 18px;
  font-size: 14px;
  text-align: left;
  border: solid 1px rgba(119, 114, 105, 0.2);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form input[type=text].hidden,
form input[type=tel].hidden,
form input[type=password].hidden,
form select.hidden {
  display: none;
}
form input[type=text][readonly], form input[type=text][disabled], form input[type=text]:disabled,
form input[type=tel][readonly],
form input[type=tel][disabled],
form input[type=tel]:disabled,
form input[type=password][readonly],
form input[type=password][disabled],
form input[type=password]:disabled,
form select[readonly],
form select[disabled],
form select:disabled {
  background: #ccc;
}
form input[type=radio] {
  display: none;
}
form input[type=radio] + label {
  position: relative;
  display: inline-block;
  line-height: 19px;
  color: #282828;
  font-size: 14px;
}
form input[type=radio] + label > span {
  float: left;
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  cursor: pointer;
  border: solid 1px #b39239;
  background: #fff;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
form input[type=radio]:checked + label > span:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #b39239;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

a {
  color: #2d241f;
}
a.link {
  text-decoration: underline;
}
button {
  font-family: "Noto Sans KR", sans-serif;
}

hr {
  background: #F8F8F8;
  height: 8px;
  width: 100%;
  border: none;
}

.pd-16 {
  padding: 0 16px;
}
.bg-theme {
  background: #B19879;
  color: #fff;
}
.color-theme {
  color: #B19879;
}
.copy-btn {
  border: none;
  background: #f5f3ef;
  color: #9e8566;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.copy-btn > font {
  position: relative;
  font-size: 0.9rem;
  padding-left: 23px;
}
.copy-btn > font:before {
  width: 15px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
  background: url("../../../images/ic_copy_btn_brown.png") no-repeat;
}
.meta-img {
  display: block;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  visibility: hidden;
}
.hide {
  display: none !important;
}
._blank {
  display: inline-block;
  width: 100%;
}



/*new부고장 START*/
.newObWrap {
  width: 100%;
  background-color: var(--surface-card, #F3ECE0);



  /*light모드 START*/
  --btn-solid-fg: #FAF6EE;
  --ob-img-jomoon: url("../../../images/obituary/light/ic_jomoon.svg");
  --ob-img-chevron-up-small: url("../../../images/obituary/light/ic_chevron_up_small.svg");

  /*new light 컬러*/
  --background: #FEFBF4;
  --wreath: #9A7536;
  --error: #C94444;

  --header-title: #241A10;
  --header-background: #FEFBF4;
  --header-border: #E3DDD0;
  --header-top-custom-background: #9A7536;
  --header-top-custom-text: #FBF3E2;
  --header-top-banner-border: #E3DDD0;
  --header-top-banner-background: #E8DCC8;
  --header-top-banner-text: #241A10;
  --header-top-banner-point: #5E4426;

  --obm-background: #FFF;
  --obm-title: #241A10;
  --obm-group1-bg: #F4EEE0;
  --obm-group2-bg: #5E4426;
  --obm-group1-title: #7A6B52;
  --obm-group2-title: #E5D9C5;
  --obm-group1-room: #241A10;
  --obm-group2-room: #FFF;
  --obm-group1-sub: #241A10;
  --obm-group2-sub: #E5D9C5;
  --obm-content: #7A6B52;
  --obm-content-imp: #111;
  --obm-button: #574629;
  --obm-button-shadow: 0 10px 22px 0 rgba(94, 68, 38, 0.26);
  --obm-button-text: #F6EEDC;
  --obm-finish-text: #8A7C62;
  --ob-main-bg:#F3ECE0;
  --ob-main-bugo-text:#281F16;
  --ob-main-name: #241A10;
  --ob-main-sub: #7A6B52;
  --ob-main-sub-noti:#5E4426;
  --ob-funeral-border: #E3DDD0;
  --ob-funeral-bg: #E8DCC8;
  --ob-funeral-company: #9A7536;
  --ob-funeral-room: #241A10;
  --ob-msg-border: #E3DDD0;
  --ob-msg-bg: #E8DCC8;
  --ob-msg-text: #241A10;
  --ob-section-div: #FAF6EE;
  --mourner-tel: #FFF;
  --mourner-tel-bg: #9A7536;
  --mourner-tel-hover: #9A7536;
  --mourner-tel-hover-bg: #E8DCC8;
  --mourner-send-border: #E5D9C5;
  --mourner-send-bg: #FFF;
  --mourner-send-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.10);
  --mourner-send-ic-bg: #F3ECE0;
  --mourner-send-text: #241A10;
  --mourner-send-content: #8A7C62;
  --mourner-send-hover-bg: #EADCBE;
  --mourner-send-hover-border: #E0CDA2;
  --mourner-send-hover-shadow: unset;
  --date-background: #FEFBF4;
  --date-title: #241A10;
  --date-content-title: #8A7C62;
  --date-content-text: #241A10;
  --date-content-line: #EBE2CF;
  --copy-btn-border: #DCD0B4;
  --copy-btn-bg: #FFF;
  --copy-btn-text: #9A7536;
  --copy-btn-hover-bg: #F4EEE0;
  --location-con-border: #E5D9C5;
  --location-con-bg: #FFF;
  --location-con-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.10);
  --location-con-ic-bg: #F3ECE0;
  --location-con-text: #241A10;
  --location-con-content: #8A7C62;
  --location-con-hover-bg: #EADCBE;
  --location-con-hover-border: #E0CDA2;
  --location-con-hover-shadow: unset;
  --flower-ic-bg: #F3ECE0;

  --popup-inner-bg: #FEFBF4;
  --popup-inner-title: #241A10;
  --popup-inner-sub: #5E4426;
  --popup-box-bg: #FFF;
  --popup-box-border: #E5D9C5;
  --popup-box-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.10);
  --popup-box-title: #241A10;
  --popup-box-content: #8A7C62;
  --popup-trans-ic-bg: #F3ECE0;
  --popup-trans-text: #241A10;
  --popup-trans-content: #5E4426;
  --popup-flower-divider: #E5D9C5;
  --popup-flower-active-bg: #F4EEE0;
  --popup-flower-text: #241A10;
  --popup-flower-content: #8A7C62;
  --popup-flower-price1: #8A7C62;
  --popup-flower-price2: #241A10;
  --popup-etiq-tab-bg: #F3ECE0;
  --popup-etiq-tab-text: #8A7C62;
  --popup-etiq-tab-active-bg: #9A7536;
  --popup-etiq-tab-active-text: #FFF;
  --popup-etiq-divider: #F3ECE0;
  --popup-etiq-text: #241A10;
  --popup-etiq-sub: #5E4426;
  --popup-etiq-noti-bg: #FAF6EE;
  --popup-etiq-noti-border: #E5D9C5;
  --popup-etiq-noti-title: #241A10;
  --popup-etiq-noti-sub: #7A6B52;
  --popup-etiq-bottom-bg: #FAF6EE;

  --chumory-bg: #FEFBF4;
  --chumory-section-div: #FAF6EE;
  --chumory-msg-bg: #FFF;
  --chumory-msg-border: #E5D9C5;
  --chumory-msg-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.10);
  --chumory-msg-ic-bg: #F3ECE0;
  --chumory-msg-title: #241A10;
  --chumory-msg-content: #8A7C62;

  --banner-background: #E8DCC8;
  --banner-foreground: #FBF3E2;
  --foreground-primary: #241A10;
  --foreground-secondary: #7A6B52;
  --foreground-tertiary: #8A7C62;
  --surface-card: #F3ECE0;
  --body-background: #F4EEE0;
  --section-background-alt: #F4EEE0;
  --section-divider: #EBE2CF;
  --section-foreground-primary: #241A10;
  --section-foreground-label: #8A7C62;
  --section-card-bg: #FFFFFF;
  --section-chip-bg: #EDDFC2;
  --section-chip-text: #5E4426;
  --section-card-border: #E5D9C5;
  --condolence-background: #F1E4C8;
  --condolence-foreground: #2A1B02;
  --condolence-sub: #8A6D3B;
  --venue-background: #F2EAD7;
  --venue-foreground-primary: #9A7536;
  --venue-address: #241A10;
  --venue-map-border: #E8DCC8;
  --appbar-foreground: #F3E9D6;
  --appbar-background: #241A10;
  --cta-border: #EBE2CF;
  --cta-btn1-bg: #5E4426;
  --cta-btn1-fg: #F6EEDC;
  --cta-btn2-bg: #9C6516;
  --cta-btn2-fg: #FCF4E2;
  --cta-background: #FEFBF4;
  --card-background: #FFFFFF;
  --card-border: #EBE2CF;
  --hero-gradient-from: #FAF6EE;
  --hero-accent: #7A6B52;
  --btn-outline-border: #DCD0B4;
  --btn-outline-fg: #8A7C62;
  --accent-strong: #241A10;
  --accent-background: #EADCBE;
  --accent-border: #E0CDA2;
  --accent: #9A7536;
  --sel-bg: #EADCBE;
  --sel-fg: #241A10;
  --border-subtle: #E3DDD0;

  --ob-img-banner-noti: url("../../../images/obituary/light/ic_banner_noti.svg");
  --ob-img-funeral-noti: url("../../../images/obituary/light/ic_funeral_noti.svg");
  --ob-img-info: url("../../../images/obituary/light/ic_info.svg");
  --ob-img-wreath-left: url("../../../images/obituary/light/ic_wreath_left.svg");
  --ob-img-wreath-right: url("../../../images/obituary/light/ic_wreath_right.svg");
  --ob-img-kakaotalk: url("../../../images/obituary/light/ic_kakaotalk.svg");
  --ob-img-sms: url("../../../images/obituary/light/ic_sms.svg");
  --ob-img-envelope: url("../../../images/obituary/light/ic_envelope.svg");
  --ob-img-chevron-right: url("../../../images/obituary/light/ic_chevron_right.svg");
  --ob-img-chevron-right-sm: url("../../../images/obituary/light/ic_chevron_right_small.svg");
  --ob-img-copy: url("../../../images/obituary/light/ic_copy.svg");
  --ob-img-navi-kakao: url("../../../images/obituary/light/ic_navi_kakao.svg");
  --ob-img-navi-t: url("../../../images/obituary/light/ic_navi_t.svg");
  --ob-img-phone-line: url("../../../images/obituary/light/ic_phone_line.svg");
  --ob-img-location-line: url("../../../images/obituary/light/ic_location_line.svg");
  --ob-img-home: url("../../../images/obituary/light/ic_home.svg");
  --ob-img-wreath-guide: url("../../../images/obituary/light/ic_wreath_guide.svg");
  --ob-img-wreath-24: url("../../../images/obituary/light/ic_wreath_24.svg");
  --ob-img-trans-airplane: url("../../../images/obituary/light/ic_trans_airplane.svg");
  --ob-img-trans-bus: url("../../../images/obituary/light/ic_trans_bus.svg");
  --ob-img-trans-car: url("../../../images/obituary/light/ic_trans_car.svg");
  --ob-img-trans-train: url("../../../images/obituary/light/ic_trans_train.svg");
  --ob-img-trans-subway: url("../../../images/obituary/light/ic_trans_subway.svg");
  --ob-img-search: url("../../../images/obituary/light/ic_search.svg");
  --ob-img-etiq-info: url("../../../images/obituary/light/ic_info_etiq.svg");
  --ob-img-etiq-main: url("../../../images/obituary/light/etiq_main.png");
  --ob-img-etiq-first-1-1: url("../../../images/obituary/light/etiq_first_1-1.png");
  --ob-img-etiq-first-1-2: url("../../../images/obituary/light/etiq_first_1-2.png");
  --ob-img-etiq-first-1-3: url("../../../images/obituary/light/etiq_first_1-3.png");
  --ob-img-etiq-first-2-1: url("../../../images/obituary/light/etiq_first_2-1.png");
  --ob-img-etiq-first-2-2: url("../../../images/obituary/light/etiq_first_2-2.png");
  --ob-img-etiq-second-1-1: url("../../../images/obituary/light/etiq_second_1-1.png");
  --ob-img-etiq-second-1-2: url("../../../images/obituary/light/etiq_second_1-2.png");
  --ob-img-etiq-second-1-3: url("../../../images/obituary/light/etiq_second_1-3.png");
  --ob-img-etiq-second-1-4: url("../../../images/obituary/light/etiq_second_1-4.png");
  --ob-img-etiq-second-2-1: url("../../../images/obituary/light/etiq_second_2-1.png");
  --ob-img-etiq-second-2-2: url("../../../images/obituary/light/etiq_second_2-2.png");
  --ob-img-etiq-second-2-3: url("../../../images/obituary/light/etiq_second_2-3.png");
  --ob-img-etiq-second-2-4: url("../../../images/obituary/light/etiq_second_2-4.png");
  --chumory-message: url("../../../images/obituary/light/i_message.svg");

  /*light모드 END*/
}

.newObWrap.darkMode {
  /*dark모드 START*/
  --btn-solid-fg: #F6F8FB;
  --ob-img-jomoon: url("../../../images/obituary/dark/ic_jomoon.svg");
  --ob-img-chevron-up-small: url("../../../images/obituary/dark/ic_chevron_up_small.svg");

  --ob-img-info: url("../../../images/obituary/dark/ic_info.svg");
  --ob-img-wreath-left: url("../../../images/obituary/dark/ic_wreath_left.svg");
  --ob-img-wreath-right: url("../../../images/obituary/dark/ic_wreath_right.svg");
  --ob-img-chevron-right: url("../../../images/obituary/dark/ic_chevron_right.svg");
  --ob-img-chevron-right-sm: url("../../../images/obituary/light/ic_chevron_right_small.svg");
  --ob-img-kakaotalk: url("../../../images/obituary/dark/ic_kakaotalk.svg");
  --ob-img-sms: url("../../../images/obituary/dark/ic_sms.svg");
  --ob-img-envelope: url("../../../images/obituary/dark/ic_envelope.svg");
  --ob-img-copy: url("../../../images/obituary/dark/ic_copy.svg");
  --ob-img-navi-kakao: url("../../../images/obituary/dark/ic_navi_kakao.svg");
  --ob-img-navi-t: url("../../../images/obituary/dark/ic_navi_t.svg");
  --ob-img-phone-line: url("../../../images/obituary/dark/ic_phone_line.svg");
  --ob-img-location-line: url("../../../images/obituary/dark/ic_location_line.svg");
  --ob-img-home: url("../../../images/obituary/dark/ic_home.svg");
  --ob-img-wreath-guide: url("../../../images/obituary/dark/ic_wreath_guide.svg");
  --ob-img-wreath-24: url("../../../images/obituary/dark/ic_wreath_24.svg");


  /*new dark 컬러*/
  --background: #ECE9E3;
  --wreath: #735525;
  --error: #C94444;

  --header-title: #F2EFE6;
  --header-background: #1A1815;
  --header-border: #3A3530;
  --header-top-custom-background: #CC8A3E;
  --header-top-custom-text: #231405;
  --header-top-banner-border: #3A3530;
  --header-top-banner-background: #322E25;
  --header-top-banner-text: #F6EEDC;
  --header-top-banner-point: #F6EEDC;

  --obm-background: #FFF;
  --obm-title: #241A10;
  --obm-group1-bg: #F3F0E7;
  --obm-group2-bg: #4A4030;
  --obm-group1-title: #5C574B;
  --obm-group2-title: #F3ECE0;
  --obm-group1-room: #20190F;
  --obm-group2-room: #F3ECE0;
  --obm-group1-sub: #20190F;
  --obm-group2-sub: #F3ECE0;
  --obm-content: #7A6B52;
  --obm-content-imp: #111;
  --obm-button: #574629;
  --obm-button-shadow: 0 10px 22px 0 rgba(94, 68, 38, 0.26);
  --obm-button-text: #F6EEDC;
  --obm-finish-text: #5C574B;
  --ob-main-bg:#221F1A;
  --ob-main-bugo-text:#FFF;
  --ob-main-name: #F3F0E7;
  --ob-main-sub :#B6B0A2;
  --ob-main-sub-noti:#F3F0E7;
  --ob-funeral-border: #3A3530;
  --ob-funeral-bg: #1A1410;
  --ob-funeral-company: #CBA86A;
  --ob-funeral-room: #F3F0E7;
  --ob-msg-border: #3A3530;
  --ob-msg-bg: #322E25;
  --ob-msg-text: #FCF4E2;
  --ob-section-div: #E2DED7;
  --mourner-tel: #ECE9E3;
  --mourner-tel-bg: #735525;
  --mourner-tel-hover: #FFF;
  --mourner-tel-hover-bg: #7A6B52;
  --mourner-send-border: #FBFAF6;
  --mourner-send-bg: #FBFAF6;
  --mourner-send-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.08);
  --mourner-send-ic-bg: #EFECE3;
  --mourner-send-text: #241D14;
  --mourner-send-content: #6F695C;
  --mourner-send-hover-bg: #F3F0E7;
  --mourner-send-hover-border: #F3F0E7;
  --mourner-send-hover-shadow: inset 0px 0px 0 0 rgba(255, 250, 240, 0.60), 0 1px 3px 0 rgba(115, 84, 38, 0.10), 0 6px 18px -3px rgba(89, 71, 38, 0.16);
  --date-background: #332C22;
  --date-title: #F3F0E7;
  --date-content-title: #B6B0A2;
  --date-content-text: #F3F0E7;
  --date-content-line: #3A3530;
  --copy-btn-border: #CFC9BD;
  --copy-btn-bg: #FBFAF6;
  --copy-btn-text: #735525;
  --copy-btn-hover-bg: #EFECE3;
  --location-con-border: #FBFAF6;
  --location-con-bg: #FBFAF6;
  --location-con-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.08);
  --location-con-ic-bg: #EFECE3;
  --location-con-text: #241D14;
  --location-con-content: #6F695C;
  --location-con-hover-bg: #F3F0E7;
  --location-con-hover-border: #F3F0E7;
  --location-con-hover-shadow: inset 0px 0px 0 0 rgba(255, 250, 240, 0.60), 0 1px 3px 0 rgba(115, 84, 38, 0.10), 0 6px 18px -3px rgba(89, 71, 38, 0.16);
  --flower-ic-bg: #E2DED7;

  --popup-inner-bg: #F4EEE0;
  --popup-inner-title: #241D14;
  --popup-inner-sub: #5C574B;
  --popup-box-bg: #FBFAF6;
  --popup-box-border: #FBFAF6;
  --popup-box-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.08);
  --popup-box-title: #241D14;
  --popup-box-content: #6F695C;
  --popup-trans-ic-bg: #FBFAF6;
  --popup-trans-text: #241D14;
  --popup-trans-content: #5C574B;
  --popup-flower-divider: #E5D9C5;
  --popup-flower-active-bg: #DCD0B4;
  --popup-flower-text: #241D14;
  --popup-flower-content: #5C574B;
  --popup-flower-price1: #5C574B;
  --popup-flower-price2: #241D14;
  --popup-etiq-tab-bg: #DCD0B4;
  --popup-etiq-tab-text: #241D14;
  --popup-etiq-tab-active-bg: #735525;
  --popup-etiq-tab-active-text: #F3F0E7;
  --popup-etiq-divider: #E5D9C5;
  --popup-etiq-text: #241D14;
  --popup-etiq-sub: #5C574B;
  --popup-etiq-noti-bg: #FAF6EE;
  --popup-etiq-noti-border: #EADCBE;
  --popup-etiq-noti-title: #241D14;
  --popup-etiq-noti-sub: #5C574B;
  --popup-etiq-bottom-bg: #F3E9D6;

  --chumory-bg: #ECE9E3;
  --chumory-section-div: #E2DED7;
  --chumory-msg-bg: #FBFAF6;
  --chumory-msg-border: #FBFAF6;
  --chumory-msg-shadow: 0 1px 2px -1px rgba(23, 23, 23, 0.08);
  --chumory-msg-ic-bg: #EFECE3;
  --chumory-msg-title: #241D14;
  --chumory-msg-content: #6F695C;

  --banner-background: #CC8A3E;
  --banner-foreground: #231405;
  --foreground-primary: #20190F;
  --foreground-secondary: #5C574B;
  --foreground-tertiary: #5C574B;
  --surface-card: #EFECE3;
  --body-background: #E2DED7;
  --section-background-alt: #E2DED7;
  --section-divider: #D4CFC4;
  --section-foreground-primary: #241D14;
  --section-foreground-label: #5C574B;
  --section-card-bg: #2A231B;
  --section-chip-bg: #4A4030;
  --section-chip-text: #E2C98D;
  --section-card-border: #E5D9C5;
  --condolence-background: #1A1410;
  --condolence-foreground: #F3F0E7;
  --condolence-sub: #D4A94E;
  --venue-background: #1A1410;
  --venue-foreground-primary: #CBA86A;
  --venue-address: #20190F;
  --venue-map-border: #E8DCC8;
  --appbar-foreground: #F2EFE6;
  --appbar-background: #1A1815;
  --cta-border: #D4CFC4;
  --cta-btn1-bg: #574629;
  --cta-btn1-fg: #F6EEDC;
  --cta-btn2-bg: #976212;
  --cta-btn2-fg: #FCF4E2;
  --cta-background: #ECE9E3;
  --card-background: #FBFAF6;
  --card-border: #D8D3C9;
  --hero-gradient-from: #221F1A;
  --hero-accent: #B6B0A2;
  --btn-outline-border: #CFC9BD;
  --btn-outline-fg: #6F695C;
  --accent: #735525;
  --accent-strong: #241D14;
  --accent-background: #322E25;
  --accent-border: #CFC9BD;
  --sel-bg: #322E25;
  --sel-fg: #F3F0E7;
  --border-subtle: #3A3530;

  --ob-img-banner-noti: url("../../../images/obituary/dark/ic_banner_noti.svg");
  --ob-img-funeral-noti: url("../../../images/obituary/dark/ic_funeral_noti.svg");
  --ob-img-trans-airplane: url("../../../images/obituary/dark/ic_trans_airplane.svg");
  --ob-img-trans-bus: url("../../../images/obituary/dark/ic_trans_bus.svg");
  --ob-img-trans-car: url("../../../images/obituary/dark/ic_trans_car.svg");
  --ob-img-trans-train: url("../../../images/obituary/dark/ic_trans_train.svg");
  --ob-img-trans-subway: url("../../../images/obituary/dark/ic_trans_subway.svg");
  --ob-img-search: url("../../../images/obituary/dark/ic_search.svg");
  --ob-img-etiq-info: url("../../../images/obituary/dark/ic_info_etiq.svg");
  --ob-img-etiq-main: url("../../../images/obituary/dark/etiq_main.png");
  --ob-img-etiq-first-1-1: url("../../../images/obituary/dark/etiq_first_1-1.png");
  --ob-img-etiq-first-1-2: url("../../../images/obituary/dark/etiq_first_1-2.png");
  --ob-img-etiq-first-1-3: url("../../../images/obituary/dark/etiq_first_1-3.png");
  --ob-img-etiq-first-2-1: url("../../../images/obituary/dark/etiq_first_2-1.png");
  --ob-img-etiq-first-2-2: url("../../../images/obituary/dark/etiq_first_2-2.png");
  --ob-img-etiq-second-1-1: url("../../../images/obituary/dark/etiq_second_1-1.png");
  --ob-img-etiq-second-1-2: url("../../../images/obituary/dark/etiq_second_1-2.png");
  --ob-img-etiq-second-1-3: url("../../../images/obituary/dark/etiq_second_1-3.png");
  --ob-img-etiq-second-1-4: url("../../../images/obituary/dark/etiq_second_1-4.png");
  --ob-img-etiq-second-2-1: url("../../../images/obituary/dark/etiq_second_2-1.png");
  --ob-img-etiq-second-2-2: url("../../../images/obituary/dark/etiq_second_2-2.png");
  --ob-img-etiq-second-2-3: url("../../../images/obituary/dark/etiq_second_2-3.png");
  --ob-img-etiq-second-2-4: url("../../../images/obituary/dark/etiq_second_2-4.png");
  --chumory-message: url("../../../images/obituary/dark/i_message.svg");

  /*dark모드 END*/
}
.newObWrap #header {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid var(--header-border, #E3DDD0);
  background: var(--header-background, #FEFBF4);
  height: 56px;
}
.newObWrap #header:before {
  /*content: '';
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 7px;
  background: url(../../../images/obituary/dark/ic_chevron_left_tight.svg) center no-repeat;*/
}
.newObWrap #header label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--header-title, #241A10);
  font-family: "Nanum Myeongjo", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.5px;
}


.newObWrap .button-primary {
  display: flex;
  outline: none;
  width: 100%;
  height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--cta-btn2-bg, #9C6516);
  box-shadow: 0 10px 24px 0 rgba(156, 101, 22, 0.44);
  color: var(--cta-btn2-fg, #FCF4E2);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
  cursor: pointer;
}
.newObWrap .button-primary:hover {
  background: linear-gradient(0deg, rgba(255, 255, 242, 0.12) 0%, rgba(255, 255, 242, 0.12) 100%), var(--cta-btn2-bg, #9C6516);
  box-shadow: 0 1px 0 0 rgba(255, 255, 229, 0.15) inset, 0 14px 32px -2px rgba(156, 101, 22, 0.55);
  color: var(--cta-btn2-fg, #FCF4E2);
}
.newObWrap .button-secondary {
  display: flex;
  outline: none;
  width: 100%;
  height: 52px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--cta-btn1-bg, #5E4426);
  box-shadow: 0 10px 22px 0 rgba(94, 68, 38, 0.26);
  color: var(--cta-btn1-fg, #F6EEDC);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
  cursor: pointer;
}
.newObWrap .button-secondary:hover {
  background: linear-gradient(0deg, rgba(255, 255, 242, 0.10) 0%, rgba(255, 255, 242, 0.10) 100%), var(--cta-btn1-bg, #5E4426);
  box-shadow: 0 1px 0 0 rgba(255, 255, 229, 0.12) inset, 0 14px 28px -2px rgba(94, 68, 38, 0.38);
  color: var(--cta-btn1-fg, #F6EEDC);
}
.newObWrap .button-outline {
  display: flex;
  outline: none;
  width: 100%;
  height: 48px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--accent-border, #E0CDA2);
  color: var(--btn-outline-fg, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 146.7%; /* 22.005px */
  letter-spacing: -0.3px;
  cursor: pointer;
}
.newObWrap .button-outline:hover {
  border: 1px solid var(--card-border, #EBE2CF);
  background: var(--section-background-alt, #F4EEE0);
  color: var(--btn-outline-fg, #8A7C62);
}

.newObWrap .funeral-top-custom-noti {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  min-height: 40px;
  padding: 10px 8px;
  background: var(--header-top-custom-background, #9A7536);
  box-sizing: border-box;
}
.newObWrap .funeral-top-custom-noti > i {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  background: var(--ob-img-banner-noti) center / contain no-repeat;
}
.newObWrap .funeral-top-custom-noti > .custom-noti-text {
  color: var(--header-top-custom-text, #FBF3E2);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.2px;
  text-align: left;
  word-break: break-all;
}
.newObWrap .obituary-main {
  width: 100%;
  background: var(--ob-main-bg, #F3ECE0);
  text-align: center;
  position: relative;
  z-index: 50;
  display: flex;
  padding: 20px 20px 0 20px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.newObWrap .obituary-main > .funeral-top-banner {
  display: flex;
  height: 44px;
  padding: 6px 12px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--header-top-banner-border, #E3DDD0);
  background: var(--header-top-banner-background, #E8DCC8);
}
.newObWrap .obituary-main > .funeral-top-banner:before {
  content: '';
  display: flex;
  width: 16px;
  height: 16px;
  aspect-ratio: 1 / 1;
  background: var(--ob-img-info) center no-repeat;
  border-radius: 100px;
}
.newObWrap .obituary-main > .funeral-top-banner > span {
  display: flex;
  padding: 5px 2px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  color: var(--header-top-banner-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.9%; /* 20.006px */
  letter-spacing: -0.2px;
  align-self: stretch;
}
.newObWrap .obituary-main > .funeral-top-banner > b {
  overflow: hidden;
  color: var(--header-top-banner-point, #5E4426);
  text-overflow: ellipsis;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 138.5%; /* 18.005px */
  letter-spacing: -0.2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
.newObWrap .obituary-main > .obituary-symbol {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.newObWrap .obituary-main > .obituary-symbol:before {
  content: '';
  display: flex;
  width: 28.107px;
  height: 52px;
  background: var(--ob-img-wreath-left) center no-repeat;
}
.newObWrap .obituary-main > .obituary-symbol:after {
  content: '';
  display: flex;
  width: 28.107px;
  height: 52px;
  background: var(--ob-img-wreath-right) center no-repeat;
}
.newObWrap .obituary-main > .obituary-symbol > span {
  color: var(--ob-main-bugo-text, #281F16);
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 135.8%;
  letter-spacing: -2.36px;
  font-family: "Noto Serif KR", "Noto Serif CJK KR", serif;
}

.newObWrap .obituary-main > .funeral-age-gender {
  display: inline-block;
}
.newObWrap .obituary-main > .funeral-age-gender > strong {
  display: inline-block;
}
.newObWrap .obituary-main > .funeral-age-gender > strong > .obituary-nick {
  display: block;
  text-align: center;
  align-self: stretch;
  color: var(--ob-main-name , #241A10);
  font-family: "Noto Serif KR", "ChosunSm", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  align-items: baseline;
}
.newObWrap .obituary-main > .funeral-age-gender > strong > .obituary-nick:before {
  content: "故";
  font-weight: 700;
  font-family: "Noto Serif KR", "ChosunSm", serif;
  padding-right: 2px;
}
.newObWrap .obituary-main > .funeral-age-gender > strong > .obituary-nick > span {
  color: var(--ob-main-name, #241A10);
  font-family: "Noto Serif KR", "Noto Serif CJK KR", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.newObWrap .obituary-main > .funeral-age-gender > strong > .age_gender {
  display: inline-block;
  margin-top: 8px;
  color: var(--ob-main-sub, #7A6B52);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-main > main {
  /*position: absolute;*/
  width: calc(40% - 16px);
  height: calc((40% - 16px) / 3 * 4);
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.newObWrap .obituary-main > .funeral-rep-wrap {
  margin-top: -16px;
  padding: 8px 0;
}
.newObWrap .obituary-main > .funeral-rep-wrap > font {
  /*word-break: break-all;*/
  display: inline-block;
  width: 100%;
  color: var(--ob-main-sub-noti, #5E4426);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
}
.newObWrap .obituary-main > .funeral-rep-wrap #funeral-rep-sub {
  margin-top: 10px;
}
.newObWrap .obituary-main > .funeral-rep-wrap > font br {
}

.newObWrap .obituary-funeral {
  width: 100%;
  background: var(--ob-main-bg, #F3ECE0);
  text-align: center;
  position: relative;
  z-index: 50;
  display: flex;
  padding: 16px 20px 32px 20px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.newObWrap .obituary-funeral > .obituary-funeral-info {
  display: flex;
  padding: 14px 18px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--ob-funeral-border, #E3DDD0);
  background: var(--ob-funeral-bg, #E8DCC8);
}
.newObWrap .obituary-funeral > .obituary-funeral-info > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.newObWrap .obituary-funeral > .obituary-funeral-info > span > b {
  color: var(--ob-funeral-company, #9A7536);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral > .obituary-funeral-info > span > span {
  letter-spacing: -0.3px;
  color: var(--ob-funeral-room, #241A10);
  font-family: "Nanum Myeongjo", serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.5px;
}
.newObWrap .obituary-funeral > .obituary-message-info {
  display: inline-block;
  padding: 12px 16px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border: 1px solid var(--ob-msg-border, #E3DDD0);
  background: var(--ob-msg-bg, #E8DCC8);
  border-radius: 8px;
  line-height: 1.4;
  text-align: left;
}
.newObWrap .obituary-funeral > .obituary-message-info:before {
  content: '';
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  padding: 4px 0 2px 0;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: var(--ob-img-funeral-noti) center no-repeat;
  float: left;
}
.newObWrap .obituary-funeral > .obituary-message-info > span {
  color: var(--ob-msg-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.3px;
  word-break: break-all;
}

.newObWrap .obituary-mou-list {
  display: flex;
  padding: 32px 20px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  background: var(--background, #FEFBF4);
  border-bottom: 8px solid var(--ob-section-div, #FAF6EE);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner {
  width: 100%;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 16px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Nanum Myeongjo", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 4px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > h2 > .hyphen {
  width: 20px;
  height: 1px;
  background: var(--foreground-tertiary, #8A7C62);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table {
  width: 100%;
  border-collapse: collapse;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table tr {
  border-bottom: 1px solid var(--section-divider, #EBE2CF);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table tr:last-of-type {
  border-bottom: unset;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table th {
  vertical-align: top;
  width: 50px;
  text-align: left;
  padding: 11px 0;
  color: var(--section-foreground-label, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td {
  word-break: break-all;
  padding: 11px 0 11px 16px;
  text-align: left;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span > a {
  border-radius: 999px;
  background: var(--mourner-tel-bg, #9A7536);
  display: inline-flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  margin: 2px 0 0 2px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span > a i {
  font-size: 9px;
  font-weight: 600;
  display: inline-block;
  color: var(--mourner-tel, #FFF);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span > a:hover {
  background: var(--mourner-tel-hover-bg, #E8DCC8);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span > a:hover i {
  color: var(--mourner-tel-hover, #FFF) !important;
  font-weight: 700 !important;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span:after {
  content: ", ";
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span:last-child:after {
  content: "";
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span.no-show {
  color: transparent !important;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span.no-show.ok-color::after {
  color: var(--section-foreground-primary, #241A10) !important;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner .obituary-mou-info table td span .no-text {
  color: transparent !important;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li {
  display: inline-flex;
  width: 100%;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid var(--mourner-send-border, #E5D9C5);
  background: var(--mourner-send-bg, #FFF);
  box-shadow: var(--mourner-send-shadow);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li:hover {
  border: 1px solid var(--mourner-send-hover-border, #E0CDA2);
  background: var(--mourner-send-hover-bg, #EADCBE);
  box-shadow: var(--mourner-send-hover-shadow);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a {
  display: flex;
  padding: 16px 18px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a > h2 {
  color: var(--mourner-send-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
  text-align: center;
  flex: 1 0 0;
  display: flex;
  align-items: center;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a > i {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--mourner-send-ic-bg, #F3ECE0);
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a > i:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-bank-num {
  grid-column: 1 / -1;
  margin-top: -2px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-bank-num > a {
  display: block;
  width: 100%;
  padding: 16px 56px 16px 74px;
  position: relative;
  flex: unset;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-bank-num > a > h2 {
  text-align: left;
  color: var(--mourner-send-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-bank-num > a > p {
  text-align: left;
  color: var(--mourner-send-content, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%; /* 22.005px */
  letter-spacing: -0.3px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-bank-num > a:after {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  background: var(--ob-img-chevron-right) center no-repeat;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.kakao > i:before {
  background: var(--ob-img-kakaotalk) center no-repeat;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.sms > i:before {
  background: var(--ob-img-sms) center no-repeat;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.money > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.money > i:before {
  background: var(--ob-img-envelope) center no-repeat;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.money .relation {
  color: #999999;
  font-size: 16px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.money .type {
  font-weight: 800;
  color: #444444;
  font-size: 16px;
}

.newObWrap .obituary-funeral-mid {
  display: flex;
  padding: 32px 20px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  background: var(--background, #FEFBF4);
  border-bottom: 8px solid var(--ob-section-div, #FAF6EE);
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner {
  width: 100%;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 16px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Nanum Myeongjo", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 4px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > h2 > .hyphen {
  width: 20px;
  height: 1px;
  background: var(--foreground-tertiary, #8A7C62);
}

.newObWrap .obituary-funeral-mid.obituary-funeral-date {
  display: flex;
  padding: 32px 20px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  background: var(--date-background, #FEFBF4);
  border-bottom: 8px solid var(--ob-section-div, #FAF6EE);
}
.newObWrap .obituary-funeral-mid.obituary-funeral-date > .obituary-funeral-inner {
  width: 100%;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 16px;
}
.newObWrap .obituary-funeral-mid.obituary-funeral-date > .obituary-funeral-inner > h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: var(--date-title, #241A10);
  font-family: "Nanum Myeongjo", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 4px;
}
.newObWrap .obituary-funeral-mid.obituary-funeral-date > .obituary-funeral-inner > h2 > .hyphen {
  width: 20px;
  height: 1px;
  background: var(--date-title, #8A7C62);
}

.newObWrap .address-map {
  width: 100%;
  height: 160px;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
  z-index: 0 !important;
  border-radius: 8px;
  border: 1px solid var(--venue-map-border, #E8DCC8);
  background: var(--section-chip-bg, #EDDFC2);
}
.newObWrap .address-map > .map-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.newObWrap .address-map > .map-wrap > .go-navi {
  position: absolute;
  z-index: 10;
  bottom: 12px;
  right: 12px;
  display: inline-block;
  padding-left: 32px;
  padding-right: 8px;
  height: 32px;
  line-height: 32px;
  border-radius: 50px;
  background: #FFF;
  box-shadow: 0 10px 15px -5px rgba(23, 23, 23, 0.10), 0 24px 38px -10px rgba(23, 23, 23, 0.12);
  color: var(--navi-tmap-text, #333);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.2px;
}
.newObWrap .address-map > .map-wrap > .go-navi:before {
  content: '';
  width: 28px;
  height: 28px;
  aspect-ratio: 1 / 1;
  display: inline-block;
  position: absolute;
  left: 4px;
  top: 2px;
}
.newObWrap .address-map > .map-wrap > .go-navi.kakaoMap {
  background: #FBE100;
}
.newObWrap .address-map > .map-wrap > .go-navi.kakaoMap:before {
  background: var(--ob-img-navi-kakao) center no-repeat;
}
.newObWrap .address-map > .map-wrap > .go-navi.tMap {
  background: #FFF;
}
.newObWrap .address-map > .map-wrap > .go-navi.tMap:before {
  background: var(--ob-img-navi-t) center no-repeat;
}
.newObWrap .address-map > .map-wrap > .map-noti {
  position: absolute;
  z-index: 5;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: all 500ms ease-in-out;
}
.newObWrap .address-map > .map-wrap > .map-noti > .map-noti-text {
  display: none;
  opacity: 0;
  transition: all 500ms ease-in-out;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 0 16px 16px 16px;
  font-weight: 500;
  line-height: 160%;
}
.newObWrap .address-map > .map-wrap > .map-noti.show {
  background: rgba(0, 0, 0, 0.6);
}
.newObWrap .address-map > .map-wrap > .map-noti.show > .map-noti-text {
  opacity: 1;
  display: block;
}
.newObWrap .address-map > .map-wrap > #map {
  width: 100%;
  height: 100%;
  z-index: 3;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .address-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .address-wrap > font {
  color: var(--venue-address, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.3px;
  text-align: left;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .address-wrap > p {
  color: var(--section-foreground-label, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  text-align: left;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .address-wrap > p:before {
  content: "[지번] ";
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .btn-copy-address {
  display: flex;
  height: 32px;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  outline: none;
  border-radius: 6px;
  border: 1px solid var(--copy-btn-border, #DCD0B4);
  background: var(--copy-btn-bg, #FFF);
  color: unset;
  cursor: pointer;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .btn-copy-address:hover {
  border: 1px solid var(--copy-btn-border, #DCD0B4);
  background: var(--copy-btn-hover-bg, #F4EEE0);
  color: var(--copy-btn-text, #9A7536);
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .btn-copy-address > font {
  position: relative;
  padding-left: 22px;
  color: var(--copy-btn-text, #9A7536);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.9%; /* 20.006px */
  letter-spacing: -0.2px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .funeral-address-wrap > .btn-copy-address > font:before {
  content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: var(--ob-img-copy) center no-repeat;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 8px;
  width: 100%;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon {
  grid-auto-flow: row;
  grid-auto-columns: unset;
  grid-template-columns: 1fr 1fr;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li {
  display: inline-flex;
  width: 100%;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid var(--location-con-border, #E5D9C5);
  background: var(--location-con-bg, #FFF);
  box-shadow: var(--location-con-shadow);
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li:hover {
  border: 1px solid var(--location-con-hover-border, #E5D9C5);
  background: var(--location-con-hover-bg, #EDDFC2);
  box-shadow: var(--location-con-hover-shadow);
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a {
  display: flex;
  padding: 14px 0;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a > h2 {
  color: var(--location-con-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a > i {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--location-con-ic-bg, #F3ECE0);
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a > i:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a.call > i:before {
  background: var(--ob-img-phone-line) center no-repeat;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a.find-address > i:before {
  background: var(--ob-img-location-line) center no-repeat;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul > li > a.homepage > i:before {
  background: var(--ob-img-home) center no-repeat;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon {
  grid-column: 1 / -1;
  margin-top: -2px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon > a {
  display: block;
  width: 100%;
  padding: 16px 56px 16px 74px;
  position: relative;
  flex: unset;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon > a > h2 {
  text-align: left;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon > a > p {
  text-align: left;
  color: var(--section-foreground-label, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%; /* 22.005px */
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon > a.homepage > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon > a.homepage > i:before {
  background: url(/assets/images/logo_shillakwon_seoul.svg) center no-repeat;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > ul.shillakwon > li.shillakwon > a.homepage:after {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  background: var(--ob-img-chevron-right) center no-repeat;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap {
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 50;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table {
  width: 100%;
  border-collapse: collapse;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table tbody {
  display: flex;
  flex-direction: column;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table tr {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex-direction: row;
  padding: 11px 4px;
  border-bottom: 1px solid var(--date-content-line, #EBE2CF);
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table tr:last-child {
  border-bottom: unset;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table tr:only-child {
  padding: 0;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table th {
  vertical-align: top;
  text-align: left;
  width: 40px;
  color: var(--date-content-title, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td {
  text-align: left;
  color: var(--date-content-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 141.2%; /* 24.004px */
  letter-spacing: -0.3px;
  padding: 0;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td.light-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td > p {
  padding: 4px 0 0 0;
  text-align: left;
  color: var(--date-content-title, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 146.7%; /* 22.005px */
  letter-spacing: -0.3px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td > span {
  display: flex;
  margin-bottom: 9px;
  text-align: left;
  color: var(--date-content-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  height: 24px;
  letter-spacing: -0.3px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td > span:before {
  content: "1차장지";
  display: inline-flex;
  height: 24px;
  padding: 3px 10px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 999px;
  background: var(--section-chip-bg, #EDDFC2);
  color: var(--section-chip-text, #5E4426);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td > span:last-of-type {
  margin-bottom: 0;
}
.newObWrap .obituary-funeral-mid > .obituary-funeral-inner > .obituary-date-wrap table td > span.second:before {
  content: "2차장지";
}

.newObWrap .obituary-floor-list {
  display: flex;
  padding: 32px 20px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  background: var(--background, #FEFBF4);
}
.newObWrap .obituary-floor-list > .obituary-flower-inner {
  width: 100%;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 16px;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Nanum Myeongjo", serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > h2 > .hyphen {
  width: 20px;
  height: 1px;
  background: var(--foreground-tertiary, #8A7C62);
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-count {
  margin-top: -16px;
  display: flex;
  padding: 10px 20px 0 20px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  color: var(--foreground-secondary, #7A6B52);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 138.5%;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-count > span {
  color: var(--accent, #9A7536);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  padding: 0 1px 0 4px;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li {
  width: 100%;
  display: flex;
  padding: 11px 4px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-bottom: 1px solid var(--section-divider, #EBE2CF);
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li:last-of-type {
  border-bottom: unset;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li > i {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: var(--flower-ic-bg, #F3ECE0);
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li > i:before {
  content: '';
  display: flex;
  width: 32px;
  height: 32px;
  background: var(--ob-img-wreath-guide) center no-repeat;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li > .sender {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  flex: 1 0 0;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li > .sender > p {
  color: var(--section-foreground-primary, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li > .sender > span {
  color: var(--section-foreground-label, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 146.7%;
  letter-spacing: -0.3px;
  text-align: left;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li.no-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-bottom: unset;
  padding: 0;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li.no-list > p {
  color: var(--section-foreground-label, #8A7C62);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .flower-senders > li.no-list > span {
  color: var(--section-foreground-label, #8A7C62);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
.newObWrap .obituary-floor-list > .obituary-flower-inner > .btn-more-flower {
  width: 100%;
  display: flex;
  height: 48px;
  padding: 0 13px;
  border-radius: 8px;
}

.newObWrap .obituary-etiquette {
  display: flex;
  padding: 22px;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  background: #2A2117;
  border-top: 8px solid var(--ob-section-div, #FAF6EE);
  border-bottom: 8px solid var(--ob-section-div, #FAF6EE);
  cursor: pointer;
}
.newObWrap .obituary-etiquette > .obituary-etiquette-inner {
  width: 100%;
  display: flex;
  flex: 1 0 0;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
}
.newObWrap .obituary-etiquette > .obituary-etiquette-inner > .obituary-etiquette-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 9px;
}
.newObWrap .obituary-etiquette > .obituary-etiquette-inner > .obituary-etiquette-left > p {
  color: var(--venue-foreground-primary, #CBA86A);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
}
.newObWrap .obituary-etiquette > .obituary-etiquette-inner > .obituary-etiquette-left > span {
  color: var(--background, #ECE9E3);
  font-family: "Nanum Myeongjo", serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 26.6px;
  text-align: left;
}
.newObWrap .obituary-etiquette > .obituary-etiquette-inner >  i {
  content: '';
  display: flex;
  width: 72.004px;
  height: 72.001px;
  aspect-ratio: 1/1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: var(--ob-img-jomoon) center no-repeat;
}

.newObWrap .obituary-btn-wrap {
  position: sticky;
  bottom: 0;
  z-index: 2000;
  transform: translate(0, calc(100% + 24px));
  transition: all 700ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
  display: flex;
  padding: 14px 16px calc(26px + env(safe-area-inset-bottom)) 16px;
  align-items: flex-start;
  gap: 8px;
}
.newObWrap .obituary-btn-wrap.open {
  transform: translate(0, 0);
}
.newObWrap .obituary-btn-wrap .condolence-send-btn {
  display: flex;
  width: 100%;
  height: 52px;
}
.newObWrap .obituary-btn-wrap .floor-order-btn {
  display: flex;
  width: 100%;
  height: 52px;
}
.newObWrap .obituary-btn-wrap .floor-tel-order-btn {
  display: none;
  width: 100%;
  height: 52px;
}

/*근조화환 보내기 START*/
.newObWrap #floor-list-wrap {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 1000;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease-in-out;
  max-width: 480px;
  transform: translateX(-50%);
}
.newObWrap #floor-list-wrap > .floor-out {
  display: block;
  opacity: 0;
  transition: all 500ms ease-in-out;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding-bottom: 70vh;
  position: relative;
  color: #fff;
}
.newObWrap #floor-list-wrap > .floor-out > i {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 500ms ease-in-out;
  transform: translateY(20%);
  z-index: 10;
}
.newObWrap #floor-list-wrap > .floor-out > div {
  display: flex;
  width: 100%;
  height: 100%;
  transition: all 500ms ease-in-out;
  transform: translateY(20%);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.newObWrap #floor-list-wrap > .floor-out > div > b {
  display: block;
  margin-bottom: 15px;
  text-align: center;
  align-self: stretch;
  color: #FFF;
  font-family: "Noto Serif KR", "ChosunSm", serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  align-items: baseline;
}
.newObWrap #floor-list-wrap > .floor-out > div > b:before {
  content: "故";
  font-family: "Noto Serif KR", "ChosunSm", serif;
  font-weight: 700;
  padding-right: 2px;
  color: #FFF;
}
.newObWrap #floor-list-wrap > .floor-out > div > b > span {
  color: #FFF;
  font-family: "Noto Serif KR", "Noto Serif CJK KR", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.newObWrap #floor-list-wrap > .floor-out > div > p {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap #floor-list-wrap > .floor-in {
  height: 70vh;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  bottom: 0;
  transform: translateY(100%);
  transition: all 500ms ease-in-out;
  border-radius: 20px 20px 0 0;
  background: var(--popup-inner-bg, #FEFBF4);
  padding-bottom: calc(92px + env(safe-area-inset-bottom));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.newObWrap #floor-list-wrap > .floor-in > h2 {
  display: flex;
  padding: 12px 20px 8px 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  z-index: 10;
  align-self: stretch;
  color: var(--popup-inner-title, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.2px;
  margin-top: 15px;
  text-align: left;
}
.newObWrap #floor-list-wrap > .floor-in > ul {
  transition: all 500ms ease-in-out;
  transform: translateY(0);
  max-width: 480px;
  padding-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 14px;
  align-self: stretch;
  border-bottom: 1px solid #E5D9C5; /*border-bottom: 1px solid var(--popup-inner-title, #E5D9C5);*/
  background: var(--popup-inner-bg, #FEFBF4);
}
.newObWrap #floor-list-wrap > .floor-in > ul > li.active {
  background: var(--popup-flower-active-bg, #F4EEE0);
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio input {
  display: none;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio input + label {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio input + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1.6px solid #E0CDA2;
  background: #FFF;
  border-radius: 50%;
  content: "";
  transition: all 300ms ease-in-out;
  box-sizing: border-box;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio input + label:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  display: block;
  background: #fff;
  transition: all 300ms ease-in-out;
  content: '';
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio input:checked + label:before {
  border-color: #9A7536;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-radio input:checked + label:after {
  background: #9A7536;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-img {
  display: flex;
  width: 100%;
  max-width: 100px;
  justify-content: flex-end;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-img > .thumbnail {
  max-width: 100px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  border: 1.22px solid #E5D9C5;
  box-shadow: 0 0 60px 0 rgba(23, 23, 23, 0.10);
  background: #FFF;
  overflow: hidden;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-img > .thumbnail > img {
  height: 100%;
  border-radius: 10px;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-img > a {
  position: absolute;
  display: flex;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  gap: 12.083px;
  aspect-ratio: 1 / 1;
  border-radius: 1207.125px;
  border: 1.208px solid rgba(0, 0, 0, 0.10);
  background: rgba(255, 255, 255, 0.80);
  box-shadow: 0 18.125px 90.625px 0 rgba(23, 23, 23, 0.16);
  margin: 6px 6px 0 0;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-img > a:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--ob-img-search) center / contain no-repeat;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-info {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-info > h5 {
  text-align: left;
  color: var(--popup-flower-text, #241A10);
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.5%;
  letter-spacing: -0.02px;
  word-break: break-all;
  margin-bottom: 2px;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-info > .desc-wrap {
  text-align: left;
  color: var(--popup-flower-content, #8A7C62);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  word-break: break-all;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-info > .price-wrap {
  text-align: left;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-info > .price-wrap > strike {
  color: var(--popup-flower-price1, #8A7C62);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  text-decoration-line: line-through;
}
.newObWrap #floor-list-wrap > .floor-in > ul > li .flower-info > .price-wrap > b {
  color: var(--popup-flower-price2, #241A10);
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.2px;
}
html.floor-view {
  overflow: hidden;
}
html.floor-view .newObWrap .obituary-btn-wrap {
  background: unset;
}
html.floor-view .newObWrap #floor-list-wrap {
  visibility: visible;
  opacity: 1;
}
html.floor-view .newObWrap #floor-list-wrap > .floor-out {
  opacity: 1;
}
html.floor-view .newObWrap #floor-list-wrap > .floor-out > div,
html.floor-view .newObWrap #floor-list-wrap > .floor-out > i {
  transform: translateY(0);
}
html.floor-view .newObWrap #floor-list-wrap > .floor-in {
  transform: translateY(0);
}
html.floor-view .newObWrap .obituary-btn-wrap > .condolence-send-btn {
  display: none;
}
html.floor-view .newObWrap .obituary-btn-wrap > .floor-tel-order-btn {
  display: flex;
}
.newObWrap .floor-order-btn.open.tel {
  position: fixed;
  left: 50%;
  margin-left: 8px;
  max-width: calc((480px - 40px) / 2);
  width: calc((100% - 40px) / 2);
}
/*근조화환 보내기 END*/


#popup-view-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 9999;
  transition: all 500ms ease-in-out;
}
#popup-view-wrap > span {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: rgba(0, 0, 0, 0.65);
}
#popup-view-wrap > .popup-inner {
  max-height: 70vh;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  bottom: 0;
  transform: translate(-50%, 0);
  transition: all 500ms ease-in-out;
  overflow-y: auto;
  max-width: 480px;
  left: 50%;
  border-radius: 20px 20px 0 0;
  background: var(--popup-inner-bg, #FEFBF4);
}
#popup-view-wrap > .popup-inner > h2 {
  display: flex;
  padding: 12px 20px 8px 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  z-index: 10;
}
#popup-view-wrap > .popup-inner > h2 > .popup-title-text {
  align-self: stretch;
  color: var(--popup-inner-title, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -1.2px;
  margin-top: 15px;
  text-align: left;
}
#popup-view-wrap > .popup-inner > h2 > sub {
  margin-top: 4px;
  width: 100%;
  text-align: left;
  color: var(--popup-inner-sub, #5E4426);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.9%; /* 20.006px */
  letter-spacing: -0.2px;
}
#popup-view-wrap > .popup-inner > section {
  padding: 16px;
}
#popup-view-wrap > .popup-inner > section.bg-gray {
  background: #F8F8F8;
}

/*부의금 계좌 START*/
#popup-view-wrap.list-bank > div hr {
  display: none;
}
#popup-view-wrap.list-bank > .popup-inner {
  padding-bottom: 24px;
}
#popup-view-wrap.list-bank .bank-wrap {
  text-align: left;
  position: relative;
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-bottom: 1px solid var(--section-divider, #EBE2CF);
}
#popup-view-wrap.list-bank .bank-wrap > span {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.3px;
  margin-bottom: 8px;
}
#popup-view-wrap.list-bank .bank-wrap > span b {
  display: inline-block;
  color: var(--section-foreground-label, #8A7C62);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.2px;
}
#popup-view-wrap.list-bank .bank-wrap > span .bank_m_b_name {
  display: inline-block;
  color: var(--section-foreground-primary, #241A10);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
  flex: 1 0 0;
  text-align: left;
  word-break: break-all;
}
#popup-view-wrap.list-bank .bank-wrap > p {
  text-align: left;
  padding: 0 116px 0 30px;
  position: relative;
  color: var(--section-foreground-label, #8A7C62);
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
}
#popup-view-wrap.list-bank .bank-wrap > p:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-02:before {
  background: url("../../../images/bank-02.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-03:before {
  background: url("../../../images/bank-03.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-04:before, #popup-view-wrap.list-bank .bank-wrap > p.bank-218:before {
  background: url("../../../images/bank-04.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-07:before {
  background: url("../../../images/bank-07.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-11:before, #popup-view-wrap.list-bank .bank-wrap > p.bank-12:before {
  background: url("../../../images/bank-11.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-20:before {
  background: url("../../../images/bank-20.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-23:before {
  background: url("../../../images/bank-23.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-27:before {
  background: url("../../../images/bank-27.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-31:before {
  background: url("../../../images/bank-31.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-32:before {
  background: url("../../../images/bank-32.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-34:before {
  background: url("../../../images/bank-34.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-37:before {
  background: url("../../../images/bank-37.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-39:before {
  background: url("../../../images/bank-39.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-45:before {
  background: url("../../../images/bank-45.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-48:before {
  background: url("../../../images/bank-48.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-50:before {
  background: url("../../../images/bank-50.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-64:before {
  background: url("../../../images/bank-64.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-71:before {
  background: url("../../../images/bank-71.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-81:before, #popup-view-wrap.list-bank .bank-wrap > p.bank-270:before {
  background: url("../../../images/bank-81.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-88:before {
  background: url("../../../images/bank-88.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-89:before {
  background: url("../../../images/bank-89.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-90:before {
  background: url("../../../images/bank-90.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-92:before {
  background: url("../../../images/bank-92.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-209:before {
  background: url("../../../images/bank-209.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-243:before {
  background: url("../../../images/bank-243.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-218:before {
  background: url("../../../images/bank-218.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-247:before {
  background: url("../../../images/bank-247.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-271:before {
  background: url("../../../images/bank-271.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-278:before {
  background: url("../../../images/bank-278.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-261:before {
  background: url("../../../images/bank-261.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-262:before {
  background: url("../../../images/bank-262.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-263:before {
  background: url("../../../images/bank-263.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-264:before {
  background: url("../../../images/bank-264.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-266:before {
  background: url("../../../images/bank-266.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-269:before {
  background: url("../../../images/bank-269.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-279:before {
  background: url("../../../images/bank-279.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-287:before {
  background: url("../../../images/bank-287.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > p.bank-291:before {
  background: url("../../../images/bank-291.png") no-repeat;
  background-size: 24px 24px;
}
#popup-view-wrap.list-bank .bank-wrap > b {
  display: inline-block;
  text-align: left;
  color: var(--foreground-secondary, #7A6B52);
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
#popup-view-wrap.list-bank .bank-wrap > button {
  position: absolute;
  height: 32px;
  bottom: 16px;
  right: 24px;
  display: flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  outline: none;
  border-radius: 6px;
  border: 1px solid var(--copy-btn-border, #DCD0B4);
  background: var(--copy-btn-bg, #FFF);
  color: unset;
  cursor: pointer;
}
#popup-view-wrap.list-bank .bank-wrap > button:hover {
  border: 1px solid var(--copy-btn-border, #DCD0B4);
  background: var(--copy-btn-hover-bg, #F4EEE0);
  color: var(--copy-btn-text, #9A7536);
}
#popup-view-wrap.list-bank .bank-wrap > button > font {
  position: relative;
  padding-left: 22px;
  color: var(--copy-btn-text, #9A7536);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
#popup-view-wrap.list-bank .bank-wrap > button > font:before {
  content: '';
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background: var(--ob-img-copy) center no-repeat;
}
/*#popup-view-wrap.list-bank .bank-wrap.card {
  width: calc(100% - 32px);
  margin:16px auto 0;
  background-color: #FAFBFB;
  border:1px solid #E5E7EB;
  border-radius: 8px;
}*/
#popup-view-wrap.list-bank .bank-wrap.card > a.card-btn {
  margin-top: 10px;
}
#popup-view-wrap.list-bank .bank-wrap.card > button.copy-btn {
  bottom: 78px;
}
/*부의금 계좌 END*/


/*전화 연결 START*/
#popup-view-wrap.funeral-call ul {
  display: flex;
  padding: 8px 24px calc(24px + env(safe-area-inset-bottom)) 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
#popup-view-wrap.funeral-call ul li {
  width: 100%;
}
#popup-view-wrap.funeral-call ul li a {
  display: block;
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--popup-box-border, #E5D9C5);
  background: var(--popup-box-bg, #FFF);
  box-shadow: var(--popup-box-shadow);
  padding: 16px 57px 16px 73px;
  position: relative;
}
#popup-view-wrap.funeral-call ul li a:after {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  background: var(--ob-img-chevron-right) center no-repeat;
}
#popup-view-wrap.funeral-call ul li a i {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: var(--surface-card, #F3ECE0);
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
}
#popup-view-wrap.funeral-call ul li a i:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
#popup-view-wrap.funeral-call ul li a.lightning i:before,
#popup-view-wrap.funeral-call ul li a.call i:before {
  background: var(--ob-img-phone-line) no-repeat;
}
#popup-view-wrap.funeral-call ul li a.call-flower i:before {
  background: var(--ob-img-wreath-24) no-repeat;
}
#popup-view-wrap.funeral-call ul li a h2 {
  text-align: left;
  color: var(--popup-box-title, #241A10);
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
}
#popup-view-wrap.funeral-call ul li a p {
  text-align: left;
  color: var(--popup-box-content, #8A7C62);
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.3px;
}
/*전화 연결 END*/

/*오시는길 START*/
#popup-view-wrap.funeral-find-address > div {
}
#popup-view-wrap.funeral-find-address .info {
  display: flex;
  padding: 8px 24px calc(24px + env(safe-area-inset-bottom)) 24px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap {
  width: 100%;
  display: flex;
  padding: 16px 2px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-bottom: 1px solid var(--section-divider, #EBE2CF);
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap:last-of-type {
  border-bottom: unset;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i {
  display: flex;
  width: 39px;
  height: 39px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  background: var(--popup-trans-ic-bg, #F3ECE0);
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i.car:before {
  background: var(--ob-img-trans-car) no-repeat;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i.train:before {
  background: var(--ob-img-trans-train) no-repeat;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i.subway:before {
  background: var(--ob-img-trans-subway) no-repeat;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i.bus:before {
  background: var(--ob-img-trans-bus) no-repeat;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > i.airplane:before {
  background: var(--ob-img-trans-airplane) no-repeat;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 0 0;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > div > h4 {
  color: var(--popup-trans-text, #241A10);
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 146.7%;
  letter-spacing: -0.3px;
}
#popup-view-wrap.funeral-find-address .info > .trans-wrap > div > p {
  color: var(--popup-trans-content, #5E4426);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  align-self: stretch;
  text-align: left;
}
/*오시는길 END*/

/*조문예절 START*/
#popup-view-wrap.funeral-etiquette > div {
  max-height: 85vh;
}
#popup-view-wrap.funeral-etiquette .etiquette {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
#popup-view-wrap.funeral-etiquette .etiquette .line {
  position: relative;
  align-self: stretch;
  background: var(--popup-etiq-divider, #F3ECE0);
  width: 100%;
  height: 8px;
}
#popup-view-wrap.funeral-etiquette .etiquette .main-wrap {
  width: calc(100% - 40px);
  padding-top: 8px;
  margin: 0 20px;
  display: inline-flex;
}
#popup-view-wrap.funeral-etiquette .etiquette .main-wrap:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: var(--ob-img-etiq-main) 50% / cover no-repeat;
  aspect-ratio: 5 / 4;
  border-radius: 12px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab {
  border-radius: 8px;
  background: var(--popup-etiq-tab-bg, #F3ECE0);
  display: flex;
  padding: 4px;
  margin: 16px 20px 0 20px;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab:not(:first-of-type) {
  margin-top: 24px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab li {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: 8px;
  background: var(--popup-etiq-tab-bg, #F3ECE0);
  color: var(--popup-etiq-tab-text, #8A7C62);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  cursor: pointer;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab li.active {
  background: var(--popup-etiq-tab-active-bg, #9A7536);
  box-shadow: 0 0 60px 0 rgba(23, 23, 23, 0.10);
  color: var(--popup-etiq-tab-active-text, #FFF);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap {
  margin: 16px 20px 24px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section {
  display: none;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section.active {
  display: flex;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-desc h3 {
  color: var(--popup-etiq-text, #241A10);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-desc h1 {
  color: var(--popup-etiq-text, #241A10);
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.2px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  justify-content: flex-start;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item .row-item {
  display: flex;
  align-items: center;
  gap: 13px;
  align-self: stretch;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item .row-item i {
  width: 64px;
  height: 64px;
  display: inline-block;
  flex-shrink: 0;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-item .row-item:nth-of-type(1) i {
  background: var(--ob-img-etiq-first-1-1) 50% / cover no-repeat;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-item .row-item:nth-of-type(2) i {
  background: var(--ob-img-etiq-first-1-2) 50% / cover no-repeat;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-item .row-item:nth-of-type(3) i {
  background: var(--ob-img-etiq-first-1-3) 50% / cover no-repeat;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(2) > .tab-item .row-item:nth-of-type(1) i {
  background: var(--ob-img-etiq-first-2-1) 50% / cover no-repeat;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(2) > .tab-item .row-item:nth-of-type(2) i {
  background: var(--ob-img-etiq-first-2-2) 50% / cover no-repeat;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item .row-item > .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  flex: 1 0 0;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item .row-item > .text-wrap * {
  text-align: left;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item .row-item > .text-wrap p {
  color: var(--popup-etiq-text, #241A10);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-item .row-item > .text-wrap span {
  color: var(--popup-etiq-sub, #5E4426);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  word-break: break-all;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-grid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  margin-bottom: 16px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-grid .row-grid {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-grid .row-grid > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  flex: 1 0 0;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-grid .row-grid > span i {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  background-position: center;
  background-size: cover;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-grid .row-grid:nth-of-type(1) > span:nth-of-type(1) i {
  background-image: var(--ob-img-etiq-second-1-1);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-grid .row-grid:nth-of-type(1) > span:nth-of-type(2) i {
  background-image: var(--ob-img-etiq-second-1-2);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-grid .row-grid:nth-of-type(2) > span:nth-of-type(1) i {
  background-image: var(--ob-img-etiq-second-1-3);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(1) > .tab-grid .row-grid:nth-of-type(2) > span:nth-of-type(2) i {
  background-image: var(--ob-img-etiq-second-1-4);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(2) > .tab-grid .row-grid:nth-of-type(1) > span:nth-of-type(1) i {
  background-image: var(--ob-img-etiq-second-2-1);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(2) > .tab-grid .row-grid:nth-of-type(1) > span:nth-of-type(2) i {
  background-image: var(--ob-img-etiq-second-2-2);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(2) > .tab-grid .row-grid:nth-of-type(2) > span:nth-of-type(1) i {
  background-image: var(--ob-img-etiq-second-2-3);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section:nth-of-type(2) > .tab-grid .row-grid:nth-of-type(2) > span:nth-of-type(2) i {
  background-image: var(--ob-img-etiq-second-2-4);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-section > .tab-grid .row-grid > span p {
  color: var(--popup-etiq-sub, #5E4426);
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.2px;
  text-align: left;
  word-break: break-all;
  width: 100%;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-noti {
  display: flex;
  padding: 12px 14px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--popup-etiq-noti-border, #E5D9C5);
  background: var(--popup-etiq-noti-bg, #FAF6EE);
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-noti > span {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  line-height: 22px;
  height: 22px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-noti > span i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--ob-img-etiq-info) center / contain no-repeat;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-noti > span b {
  color: var(--popup-etiq-noti-title, #241A10);
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 146.7%;
  letter-spacing: -0.3px;
}
#popup-view-wrap.funeral-etiquette .etiquette .tab-wrap > .tab-noti > p {
  color: var(--popup-etiq-noti-sub, #7A6B52);
  font-family: "Noto Sans KR";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.2px;
  text-align: left;
  word-break: break-all;
}
#popup-view-wrap.funeral-etiquette .etiquette .list-wrap {
  display: flex;
  padding: 24px 20px calc(24px + env(safe-area-inset-bottom));
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  background: var(--popup-etiq-bottom-bg, #FAF6EE);
}
#popup-view-wrap.funeral-etiquette .etiquette .list-wrap dl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  counter-reset: item;
}
#popup-view-wrap.funeral-etiquette .etiquette .list-wrap dl dt {
  color: var(--popup-etiq-text, #241A10);
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -1.2px;
  margin-bottom: 6px;
}
#popup-view-wrap.funeral-etiquette .etiquette .list-wrap dl dd {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  text-align: left;
  color: var(--popup-etiq-sub, #5E4426);
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.9%;
  letter-spacing: -0.2px;
  word-break: break-all;
}
#popup-view-wrap.funeral-etiquette .etiquette .list-wrap dl dd:before {
  counter-increment: item;
  content: counter(item);
  color: var(--popup-etiq-text, #241A10);
  min-width: 18px;
  width: 18px;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 142.9%; /* 20.006px */
  letter-spacing: -0.2px;
}
/*조문예절 END*/

#popup-view-wrap > .popup-inner .product-info > div {
  padding-right: 126px;
  position: relative;
  min-height: 110px;
}
#popup-view-wrap > .popup-inner .product-info > div > h3 {
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 8px;
}
#popup-view-wrap > .popup-inner .product-info > div > p {
  color: #555;
  text-align: left;
}
#popup-view-wrap > .popup-inner .product-info > div > b {
  display: block;
  font-weight: 500;
  color: #000;
  font-size: 1.3rem;
  text-align: left;
}
#popup-view-wrap > .popup-inner .product-info > div > div {
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
  height: 110px;
  border: 1px solid #f3f3f3;
  border-radius: 8px;
  overflow: hidden;
}
#popup-view-wrap > .popup-inner .product-info > div > div > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
#popup-view-wrap > .popup-inner .product-info > span {
  display: block;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.14);
  padding: 16px;
  border-radius: 8px;
  position: relative;
  margin-top: 24px;
}
#popup-view-wrap > .popup-inner .product-info > span > h3 {
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 8px;
}
#popup-view-wrap > .popup-inner .product-info > span > p {
  text-align: left;
  font-size: 0.9rem;
  padding-left: 8px;
  position: relative;
  color: #616161;
}
#popup-view-wrap > .popup-inner .product-info > span > p:before {
  width: 3px;
  height: 3px;
  background: #ccc;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  content: "";
}
#popup-view-wrap > .popup-inner .product-info > span:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  content: "";
  bottom: 100%;
  right: 35px;
  transform: translateX(-50%);
  position: absolute;
}
#popup-view-wrap > .popup-inner .order-info > p {
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  padding-bottom: 8px;
}
#popup-view-wrap > .popup-inner .order-info > hr {
  margin: 8px 0;
}
#popup-view-wrap > .popup-inner .order-info > div {
  padding: 4px 0;
  display: flex;
  flex-wrap: wrap;
}
#popup-view-wrap > .popup-inner .order-info > div > * {
  font-weight: 500;
  font-size: 1rem;
  text-align: left;
}
#popup-view-wrap > .popup-inner .order-info > div > span {
  color: #999;
  width: 60px;
}
#popup-view-wrap.show {
  opacity: 1;
  visibility: visible;
}
#popup-view-wrap.show > div {
  transform: translate(-50%, 0);
}
html.popup-view {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}








/*new부고장 END*/










#copy-success-alert {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  transition: transform 500ms ease-in-out;
  z-index: 99999;
  width: 300px;
  text-align: center;
  opacity: 0;
  display: inline-flex;
  padding: 10px 18px;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  background: var(--accent-strong);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.20);
  color: var(--btn-solid-fg);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 138.5%;
  letter-spacing: -0.2px;
}
#copy-success-alert.show {
  transform: translate(-50%, -30px);
  opacity: 1;
}

.newObWrap #funeral-finish-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.newObWrap #funeral-finish-wrap > div {
  display: flex;
  max-width: 320px;
  width: calc(100% - 40px);
  padding: 20px 20px 16px 20px;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  background: var(--obm-background, #FFF);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);
}
.newObWrap #funeral-finish-wrap > div > h4 {
  margin-bottom: 16px;
  color: var(--obm-title, #241A10);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -1.2px;
}
.newObWrap #funeral-finish-wrap > div > p {
  align-self: stretch;
  color: var(--obm-finish-text, #8A7C62);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 24px */
  letter-spacing: -0.3px;
}
.newObWrap #funeral-finish-wrap > div > span {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  margin-top: 20px;
  line-height: 150%;
}

@media screen and (max-height: 820px) {
  .newObWrap #floor-list-wrap > .floor-out {
    padding-bottom: 60vh;
  }
  .newObWrap #floor-list-wrap > .floor-in {
    height: 60vh;
  }
}
/*#tel-popup {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
#tel-popup.open {
  visibility: visible;
  opacity: 1;
}
#tel-popup > div {
  position: relative;
  border-radius: 10px;
  width: -moz-max-content;
  width: max-content;
  padding: 20px;
  background: #FFF;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
  text-align: center;
}
#tel-popup > div > i {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 1;
  color: #999;
}
#tel-popup > div > b {
  font-size: 18px;
  display: block;
  margin-bottom: 8px;
  line-height: 1;
}
#tel-popup > div > p {
  color: #999;
  line-height: 1.4;
}*/



/*부고장 모달 팝업 START*/
.obModalWrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.obModalWrap.open {
  display: block;
  z-index: 2001;
  background: transparent !important;
}
.obModalWrap .obmBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.obModalWrap .obmInner {
  position: absolute;
  left: 50%;
  top: calc(50% - 20px);
  transform: translate(-50%, -50%);
  width: calc(100% - 40px);
  max-width: 320px;
  padding: 20px 20px 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  background: var(--obm-background, #FFF);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);
}
.obModalWrap .obmInner .obmTitle {
  margin-bottom: 16px;
  align-self: stretch;
  color: var(--obm-title, #241A10);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -1.2px;
}
.obModalWrap .obmInner .obmBtn {
  display: flex;
  margin-top: 20px;
  border-radius: 12px;
  background: var(--obm-button, #574629);
  box-shadow: 0 10px 22px 0 rgba(94, 68, 38, 0.26);
}
.obModalWrap .obmInner .obmSection {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.obModalWrap .obmInner .obmSection .obmItem {
  display: flex;
  padding: 10px 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--obm-group1-bg, #F4EEE0);
}
/*부고장 모달 팝업 END*/

/*부고장 모달 팝업 (빈소입실안내) START*/
#obmReserve.obModalWrap .obmInner .obmSection .obmItem h5 {
  align-self: stretch;
  color: var(--obm-group1-title, #7A6B52);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
#obmReserve.obModalWrap .obmInner .obmSection .obmItem b {
  align-self: stretch;
  color: var(--obm-group1-room, #111);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  letter-spacing: -0.3px;
}
#obmReserve.obModalWrap .obmInner .obmSection .obmNoti {
  align-self: stretch;
  text-align: left;
  word-break: break-word;
  color: var(--obm-content, #7A6B52);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.3px;
}
#obmReserve.obModalWrap .obmInner .obmSection .obmNoti label {
  align-self: stretch;
  color: var(--obm-group1-sub, #111);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.3px;
}
/*부고장 모달 팝업 (빈소입실안내) END*/

/*부고장 모달 팝업 (빈소이동안내) START*/
#obmMove.obModalWrap .obmInner .obmSection .obmItem h5 {
  align-self: stretch;
  color: var(--obm-group1-title, #7A6B52);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%; /* 20.006px */
  letter-spacing: -0.2px;
}
#obmMove.obModalWrap .obmInner .obmSection .obmItem b {
  align-self: stretch;
  color: var(--obm-group1-room, #241A10);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 144.5%; /* 26.01px */
  letter-spacing: -0.02px;
}
#obmMove.obModalWrap .obmInner .obmSection .obmItem label {
  align-self: stretch;
  color: var(--obm-group1-sub, #241A10);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%; /* 20.006px */
  letter-spacing: -0.2px;
}
#obmMove.obModalWrap .obmInner .obmSection .obmItem.important {
  border-radius: 8px;
  background: var(--obm-group2-bg, #5E4426);
}
#obmMove.obModalWrap .obmInner .obmSection .obmItem.important h5 {
  align-self: stretch;
  color: var(--obm-group2-title, #E5D9C5);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
#obmMove.obModalWrap .obmInner .obmSection .obmItem.important b {
  align-self: stretch;
  color: var(--obm-group2-room, #FFF);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133.4%;
  letter-spacing: -2.3px;
}
#obmMove.obModalWrap .obmInner .obmSection .obmItem.important label {
  align-self: stretch;
  color: var(--obm-group2-sub, #E5D9C5);
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142.9%;
  letter-spacing: -0.2px;
}
#obmMove.obModalWrap .obmInner .obmSection .obmNoti {
  align-self: stretch;
  text-align: left;
  color: var(--obm-content, #7A6B52);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.3px;
}
/*부고장 모달 팝업 (빈소이동안내) END*/

/*부고장 모달 팝업 (전화주문마감) START*/
#tel-popup.obModalWrap .obmInner .obmSection .obmNoti {
  align-self: stretch;
  text-align: center;
  word-break: break-word;
  color: var(--foreground-secondary, #7A6B52);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.3px;
}
#tel-popup.obModalWrap .obmInner .obmSection .obmNoti label {
  align-self: stretch;
  color: var(--grayscale-black, #111);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.3px;
}
/*부고장 모달 팝업 (전화주문마감) END*/


.chumory_iframe {
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  align-items: flex-start;
  align-self: stretch;
  background: var(--chumory-bg, #FEFBF4);
  border-bottom: 8px solid var(--chumory-section-div, #FAF6EE);
}

.chumory_iframe .chumory_message {
  position: relative;
  padding: 16px 56px 16px 74px;
  margin: 16px 0 0;
  align-items: flex-start;
  flex-direction: column;
  align-self: stretch;
  cursor: pointer;
  background: var(--chumory-msg-bg) var(--ob-img-chevron-right) no-repeat top 50% right 16px;
  display: inline-flex;
  width: 100%;
  flex: 1 0 0;
  border-radius: 12px;
  border: 1px solid var(--chumory-msg-border, #E5D9C5);
  box-shadow: var(--chumory-msg-shadow);
}

.chumory_iframe .chumory_message::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17px;
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  background: var(--chumory-msg-ic-bg) var(--chumory-message) no-repeat center;
}

.chumory_iframe .chumory_message > p {
  display: block;
  text-align: left;
  color: var(--chumory-msg-title, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
}

.chumory_iframe .chumory_message > span {
  display: block;
  text-align: left;
  color: var(--chumory-msg-content, #8A7C62);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 146.7%;
  letter-spacing: -0.3px;
}


.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-chu-message  {
  grid-column: 1 / -1;
  margin-top: -2px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-chu-message  > a {
  display: block;
  width: 100%;
  padding: 16px 56px 16px 74px;
  position: relative;
  flex: unset;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-chu-message  > a > h2 {
  text-align: left;
  color: var(--mourner-send-text, #241A10);
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.3px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li.obituary-chu-message  > a:after {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  background: var(--ob-img-chevron-right) center no-repeat;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.chumessage > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
}
.newObWrap .obituary-mou-list > .obituary-mou-inner > .obituary-mou-share > li > a.chumessage > i:before {
  background: var(--chumory-message) center no-repeat;
}

.chumory_message_indi { }
.chumory_message_indi::before {
  content: '';
  width: 34px !important;
  height: 34px;
  border-radius: 8px;
  background: var(--Primary-500) var(--chumory-message) no-repeat center;
  margin: 0 0 0 20px;
  background-size: 50%;
  }




/*이전내용추가 START*/
#loading-wrap {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loader {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px;
}
.loader .inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.loader .inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #EFEFFA;
}
.loader .inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #EFEFFA;
}
.loader .inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #EFEFFA;
}
@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 99999;
}
#loading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -25px;
  content: "";
  width: 50px;
  height: 71.5px;
  background: url("../../../images/logo-symbol.png") center no-repeat;
  background-size: cover;
}
#loading.v2 {
  background: rgba(255, 255, 255, 0.7);
}
#loading.v2::after {
  margin-top: -64px;
  margin-left: -64px;
  width: 128px;
  height: 128px;
  background: url("../../../images/loading2.gif") center no-repeat;
  background-size: cover;
}
/*이전내용추가 END*/