@charset "UTF-8";
@import url("/static/fonts/nanum_myeongjo/NanumMyeongjo.css");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Belleza&display=swap");
html {
  font-size: 12px; }

@media screen and (min-width: 360px) {
  html {
    font-size: 14px; } }
@media screen and (min-width: 400px) {
  html {
    font-size: 16px; } }
@media screen and (min-width: 430px) {
  html {
    font-size: 16px; } }
@media screen and (min-width: 768px) {
  html {
    font-size: 16px; } }
@media screen and (min-width: 1200px) {
  html {
    font-size: 16px; } }
@media screen and (min-width: 1920px) {
  html {
    font-size: 16px; } }
/* 폰트 */
/* 컬러 */
/* 드롭다운,멀티포함 */
/* font */
/* text cutting */
/* flex */
::-webkit-scrollbar {
  width: rem(6px);
  height: rem(6px); }
  @media screen and (min-width: 1200px) {
    ::-webkit-scrollbar {
      width: 10px;
      height: 10px; } }

::-webkit-scrollbar-thumb {
  background: #CCCCCC;
  border-radius: 0; }

::-webkit-scrollbar-thumb:hover {
  background: #888888; }

::-webkit-scrollbar-track {
  background: #eeeeee;
  border-radius: 0; }

.section_top.bg.memorial span {
  background: url("/static/images/common/subvisual/memorial_top@m.jpg") 50% 50% no-repeat;
  background-size: cover; }
  @media screen and (min-width: 1200px) {
    .section_top.bg.memorial span {
      background: url("/static/images/common/subvisual/memorial_top.jpg") 50% 50% no-repeat;
      background-size: cover; } }

.paging {
  margin-bottom: 8.3333333333rem; }
  @media screen and (min-width: 1024px) {
    .paging {
      margin-bottom: 200px; } }

.container section .inner .memorial-info {
  margin: 3.3333333333rem 0 0 0;
  padding: 3.3333333333rem 0;
  background: url("/static/images/yfamily/bg_infobox@m.jpg") 50% 50% no-repeat;
  background-size: cover; }
  .container section .inner .memorial-info h3 {
    text-align: center;
    margin-bottom: 1.3333333333rem;
    color: #fff;
    font-size: 1.3333333333rem;
    line-height: 1.6;
    font-weight: 700; }
  .container section .inner .memorial-info p {
    text-align: center;
    margin-bottom: 2.5rem;
    color: #eee;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 500; }
  .container section .inner .memorial-info .btn-row {
    text-align: center; }
    .container section .inner .memorial-info .btn-row .btn {
      background: #fff;
      color: #A6866B;
      font-weight: 600; }
      .container section .inner .memorial-info .btn-row .btn:hover {
        background: #65B3B1;
        color: #fff; }
  @media screen and (min-width: 1200px) {
    .container section .inner .memorial-info {
      margin: 80px 0 0 0;
      padding: 80px;
      background: url("/static/images/yfamily/bg_infobox.jpg") 50% 50% no-repeat;
      background-size: cover; }
      .container section .inner .memorial-info h3 {
        text-align: left;
        margin-bottom: 16px;
        color: #fff;
        font-size: 28px;
        line-height: 1.6;
        font-weight: 700; }
        .container section .inner .memorial-info h3 br.mo {
          display: none; }
      .container section .inner .memorial-info p {
        text-align: left;
        margin-bottom: 0;
        color: #eee;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 500; }
        .container section .inner .memorial-info p br.mo {
          display: none; }
      .container section .inner .memorial-info .btn-row {
        text-align: center;
        position: absolute;
        right: 80px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); } }
.container section .inner .search-row {
  width: 100%;
  max-width: 26.6666666667rem;
  margin: 4.5833333333rem auto 6.6666666667rem auto; }
  .container section .inner .search-row h3 {
    text-align: center;
    margin-bottom: 1.6666666667rem;
    color: #65B3B1;
    font-size: 1.3333333333rem;
    line-height: 1.3333333333rem;
    font-weight: 700; }
  .container section .inner .search-row .input-row {
    position: relative;
    margin-bottom: 1.3333333333rem; }
    .container section .inner .search-row .input-row input {
      padding-right: 5rem;
      border-bottom: 0.0416666667rem solid #65B3B1; }
    .container section .inner .search-row .input-row button {
      position: absolute;
      right: 0;
      top: 0;
      width: 5rem;
      color: #65B3B1;
      font-size: 1rem;
      line-height: 1rem;
      font-weight: 600; }
      .container section .inner .search-row .input-row button i svg .search_path2 {
        stroke: #65B3B1; }
  .container section .inner .search-row p {
    color: #888;
    font-size: 0.9583333333rem;
    line-height: 1.6;
    font-weight: 600; }
    .container section .inner .search-row p a {
      color: #888;
      font-size: 0.9583333333rem;
      line-height: 1.6;
      font-weight: 700;
      text-decoration: underline; }
  @media screen and (min-width: 1200px) {
    .container section .inner .search-row {
      max-width: 724px;
      margin: 120px auto 120px auto;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-flow: wrap; }
      .container section .inner .search-row h3 {
        margin-top: 14px;
        color: #65B3B1;
        font-size: 28px;
        line-height: 28px;
        font-weight: 700;
        width: 244px; }
      .container section .inner .search-row .input-row {
        width: 480px;
        margin-bottom: 20px; }
        .container section .inner .search-row .input-row input {
          padding-right: 90px;
          border-bottom: 1px solid #65B3B1; }
        .container section .inner .search-row .input-row button {
          width: 87px;
          color: #65B3B1;
          font-size: 18px;
          line-height: 18px;
          font-weight: 600; }
          .container section .inner .search-row .input-row button i {
            width: 20px;
            height: 20px; }
      .container section .inner .search-row p {
        padding-left: 260px;
        color: #888;
        font-size: 16px;
        line-height: 1.6;
        font-weight: 600; }
        .container section .inner .search-row p a {
          color: #888;
          font-size: 16px;
          line-height: 1.6;
          font-weight: 700; } }
.container section .inner .memorial-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.6666666667rem; }
  .container section .inner .memorial-row .item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: wrap;
    border: 0.0416666667rem solid #ddd; }
    .container section .inner .memorial-row .item li:first-child img {
      max-width: 100%; }
    .container section .inner .memorial-row .item li:last-child {
      padding: 2.0833333333rem; }
      .container section .inner .memorial-row .item li:last-child a {
        width: auto;
        height: auto;
        color: #222;
        font-size: 1.25rem;
        line-height: 1.6;
        font-weight: 700;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .container section .inner .memorial-row .item li:last-child a i {
          width: 1.25rem;
          height: 1.25rem; }
          .container section .inner .memorial-row .item li:last-child a i svg {
            width: 0.625rem; }
            .container section .inner .memorial-row .item li:last-child a i svg .arrow1_path {
              stroke-width: 0.3333333333rem; }
  @media screen and (min-width: 768px) {
    .container section .inner .memorial-row {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (min-width: 1024px) {
    .container section .inner .memorial-row {
      grid-template-columns: repeat(3, 1fr);
      gap: 16px; }
      .container section .inner .memorial-row .item {
        border: 1px solid #ddd; }
        .container section .inner .memorial-row .item li:last-child {
          padding: 40px; }
          .container section .inner .memorial-row .item li:last-child a {
            color: #222;
            font-size: 20px;
            line-height: 1.6;
            font-weight: 700; }
            .container section .inner .memorial-row .item li:last-child a i {
              width: 20px;
              height: 20px; }
              .container section .inner .memorial-row .item li:last-child a i svg {
                width: 12px; }
                .container section .inner .memorial-row .item li:last-child a i svg .arrow1_path {
                  stroke-width: 3px; }
        .container section .inner .memorial-row .item:hover {
          border: 1px solid #65B3B1;
          box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.06); } }
  @media screen and (min-width: 1440px) {
    .container section .inner .memorial-row {
      grid-template-columns: repeat(4, 1fr);
      gap: 24px; }
      .container section .inner .memorial-row .item li:last-child a {
        color: #222;
        font-size: 24px;
        line-height: 1.6;
        font-weight: 700; }
        .container section .inner .memorial-row .item li:last-child a i {
          width: 24px;
          height: 24px; }
          .container section .inner .memorial-row .item li:last-child a i svg {
            width: 15px; }
            .container section .inner .memorial-row .item li:last-child a i svg .arrow1_path {
              stroke-width: 4px; }
      .container section .inner .memorial-row .item:hover {
        border: 1px solid #65B3B1;
        box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.06); } }
.container section .inner.no-memorial {
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  height: 16.0416666667rem; }
  .container section .inner.no-memorial .full-inner {
    width: 87.5%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    align-content: center; }
    .container section .inner.no-memorial .full-inner h3 {
      width: 100%;
      text-align: center;
      margin-bottom: 0.8333333333rem;
      color: #222;
      font-size: 1.3333333333rem;
      line-height: 1.6;
      font-weight: 700; }
      .container section .inner.no-memorial .full-inner h3 strong {
        color: #65B3B1;
        font-size: 1.3333333333rem;
        line-height: 1.6;
        font-weight: 700; }
    .container section .inner.no-memorial .full-inner p {
      width: 100%;
      text-align: center;
      color: #555;
      font-size: 1.0833333333rem;
      line-height: 1.6;
      font-weight: 500; }
  @media screen and (min-width: 1200px) {
    .container section .inner.no-memorial {
      height: 382px; }
      .container section .inner.no-memorial .full-inner {
        width: 100; }
        .container section .inner.no-memorial .full-inner h3 {
          margin-bottom: 24px;
          color: #222;
          font-size: 28px;
          line-height: 1.6;
          font-weight: 700; }
          .container section .inner.no-memorial .full-inner h3 strong {
            color: #65B3B1;
            font-size: 28px;
            line-height: 1.6;
            font-weight: 700; }
        .container section .inner.no-memorial .full-inner p {
          color: #555;
          font-size: 20px;
          line-height: 1.6;
          font-weight: 500; } }
@media screen and (min-width: 1200px) {
  .container section.family-header .inner .title_wrap p br.mo {
    display: none; } }
.container section.reward {
  margin: 3.3333333333rem auto 5.8333333333rem auto; }
  .container section.reward .inner {
    background: url("/static/images/yfamily/bg_family1@m.jpg") 50% 0 no-repeat;
    background-size: cover;
    padding: 4.1666666667rem 1.6666666667rem; }
    .container section.reward .inner .txt-row h3 {
      text-align: center;
      font-family: "Nanum Myeongjo";
      color: #000;
      font-size: 1.7083333333rem;
      line-height: 1.4;
      font-weight: 700; }
      .container section.reward .inner .txt-row h3 strong {
        font-family: "Nanum Myeongjo";
        color: #65B3B1;
        font-size: 1.7083333333rem;
        line-height: 1.4;
        font-weight: 700; }
    .container section.reward .inner .txt-row p {
      margin: 1.6666666667rem auto 2.5rem auto;
      text-align: center;
      color: #555;
      font-size: 1rem;
      line-height: 1.6;
      font-weight: 500; }
    .container section.reward .inner .txt-row .btn-row {
      margin-bottom: 3.3333333333rem;
      text-align: center; }
    .container section.reward .inner .coupon-row {
      background: #fff;
      border: 1px solid #ddd;
      margin-bottom: 1.6666666667rem;
      padding: 2.0833333333rem 0 3.3333333333rem 0;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-flow: wrap; }
      .container section.reward .inner .coupon-row:nth-child(3) {
        margin-bottom: 0; }
      .container section.reward .inner .coupon-row i {
        width: 4.1666666667rem;
        height: 4.1666666667rem;
        margin-bottom: 0.8333333333rem; }
      .container section.reward .inner .coupon-row h3 {
        width: 100%;
        margin-bottom: 0.8333333333rem;
        color: #222;
        font-size: 1.4583333333rem;
        line-height: 1.4583333333rem;
        font-weight: 700; }
      .container section.reward .inner .coupon-row p {
        width: 100%;
        margin-bottom: 1.6666666667rem;
        color: #222;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 500; }
        .container section.reward .inner .coupon-row p.other {
          color: #888; }
      .container section.reward .inner .coupon-row:nth-child(2) i svg .coupon_path1 {
        stroke: #AAAAAA; }
      .container section.reward .inner .coupon-row:nth-child(2) i svg .coupon_path2 {
        stroke: #CAB6A6; }
  @media screen and (min-width: 768px) {
    .container section.reward .inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-flow: wrap; }
      .container section.reward .inner .txt-row {
        width: 100%; }
      .container section.reward .inner .coupon-row {
        width: 49%;
        margin-bottom: 0; } }
  @media screen and (min-width: 1200px) {
    .container section.reward {
      margin: 100px auto 190px auto; }
      .container section.reward .inner {
        background: url("/static/images/yfamily/bg_family1.jpg") 50% 0 no-repeat;
        background-size: cover;
        padding: 80px 50px 80px 50px;
        justify-content: center; }
        .container section.reward .inner .txt-row {
          width: 335px; }
          .container section.reward .inner .txt-row h3 {
            text-align: left;
            color: #000;
            font-size: 40px;
            line-height: 1.4;
            font-weight: 700; }
            .container section.reward .inner .txt-row h3 strong {
              color: #65B3B1;
              font-size: 40px;
              line-height: 1.4;
              font-weight: 700; }
          .container section.reward .inner .txt-row p {
            word-break: keep-all;
            margin: 40px auto 64px auto;
            text-align: left;
            color: #555;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500; }
          .container section.reward .inner .txt-row .btn-row {
            margin-bottom: 0;
            text-align: left; }
        .container section.reward .inner .coupon-row {
          width: 330px;
          margin: 0 20px;
          padding: 64px 0; }
          .container section.reward .inner .coupon-row i {
            width: 100px;
            height: 100px;
            margin-bottom: 24px; }
          .container section.reward .inner .coupon-row h3 {
            margin-bottom: 24px;
            color: #222;
            font-size: 32px;
            line-height: 32px;
            font-weight: 700; }
          .container section.reward .inner .coupon-row p {
            margin-bottom: 40px;
            color: #222;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500; } }
  @media screen and (min-width: 1440px) {
    .container section.reward {
      margin: 100px auto 190px auto; }
      .container section.reward .inner {
        padding: 80px 60px 80px 120px; }
        .container section.reward .inner .txt-row {
          width: 412px; }
        .container section.reward .inner .coupon-row {
          width: 384px; } }
.container section.txt-banner {
  margin-bottom: 4.1666666667rem; }
  .container section.txt-banner .inner {
    background: url("/static/images/yfamily/bg_family2@m.jpg") 50% 50% no-repeat;
    background-size: cover; }
    .container section.txt-banner .inner .full-inner {
      width: 87.5%;
      height: 15.0833333333rem;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
      .container section.txt-banner .inner .full-inner .txt-row h3 {
        text-align: center;
        text-align: center;
        font-family: "Nanum Myeongjo";
        margin-bottom: 1.6666666667rem;
        color: #fff;
        font-size: 1.7083333333rem;
        line-height: 1.4;
        font-weight: 700; }
        .container section.txt-banner .inner .full-inner .txt-row h3 strong {
          font-family: "Nanum Myeongjo";
          color: #fff;
          font-size: 1.7083333333rem;
          line-height: 1.4;
          font-weight: 800; }
      .container section.txt-banner .inner .full-inner .txt-row p {
        text-align: center;
        color: #fff;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 500; }
  @media screen and (min-width: 1200px) {
    .container section.txt-banner {
      margin-bottom: 130px; }
      .container section.txt-banner .inner {
        background: url("/static/images/yfamily/bg_family2.jpg") 50% 50% no-repeat;
        background-size: cover; }
        .container section.txt-banner .inner .full-inner {
          width: 100%;
          max-width: 1200px;
          height: 378px; }
          .container section.txt-banner .inner .full-inner .txt-row h3 {
            margin-bottom: 40px;
            color: #fff;
            font-size: 40px;
            line-height: 1.4;
            font-weight: 700; }
            .container section.txt-banner .inner .full-inner .txt-row h3 strong {
              color: #fff;
              font-size: 40px;
              line-height: 1.4;
              font-weight: 800; }
            .container section.txt-banner .inner .full-inner .txt-row h3 br {
              display: none; }
          .container section.txt-banner .inner .full-inner .txt-row p {
            text-align: center;
            color: #fff;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500; } }
.container section.benefits .inner .item {
  background: rgba(0, 99, 112, 0.12);
  padding: 1.6666666667rem;
  margin-bottom: 1.6666666667rem; }
  .container section.benefits .inner .item .item-inner {
    width: 100%;
    /* 원하는 너비 */
    height: 32.2916666667rem;
    /* 원하는 높이 */
    background-color: #fff;
    /* 원하는 배경색 */
    clip-path: polygon(1.875rem 0, 100% 0, 100% 30.4166666667rem, calc(100% - 1.875rem ) 100%, 0 100%, 0 1.875rem);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: wrap;
    padding-top: 2.5rem; }
    .container section.benefits .inner .item .item-inner .tag-row {
      width: 100%;
      margin-bottom: 1.4583333333rem;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-flow: wrap; }
      .container section.benefits .inner .item .item-inner .tag-row h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 5rem;
        height: 1.875rem;
        border-radius: 1.875rem;
        background: #65B3B1;
        margin-bottom: 0.8333333333rem;
        color: #fff;
        font-size: 0.9583333333rem;
        line-height: 0.9583333333rem;
        font-weight: 600; }
      .container section.benefits .inner .item .item-inner .tag-row p {
        width: 100%;
        color: #222;
        font-size: 1.4583333333rem;
        line-height: 1.4583333333rem;
        font-weight: 700; }
    .container section.benefits .inner .item .item-inner .img-row {
      width: 15.0625rem;
      height: 10rem;
      margin-bottom: 1.6666666667rem;
      text-align: center;
      background: url("/static/images/yfamily/bg_family3.png") 50% 50% no-repeat;
      background-size: 15.0625rem auto; }
      .container section.benefits .inner .item .item-inner .img-row img {
        width: 10rem; }
    .container section.benefits .inner .item .item-inner .txt-row {
      width: 100%; }
      .container section.benefits .inner .item .item-inner .txt-row strong {
        display: block;
        text-align: center;
        color: #444;
        font-size: 1.25rem;
        line-height: 1.6;
        font-weight: 700; }
        .container section.benefits .inner .item .item-inner .txt-row strong span {
          color: #65B3B1;
          font-size: 1.25rem;
          line-height: 1.6;
          font-weight: 700; }
      .container section.benefits .inner .item .item-inner .txt-row p {
        margin-top: 1.25rem;
        text-align: center;
        padding-bottom: 2.5rem;
        color: #888;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 500; }
.container section.benefits .inner .inquiry-row {
  background: #f9f9f9;
  padding: 3.3333333333rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-flow: wrap; }
  .container section.benefits .inner .inquiry-row .txt-row {
    width: 100%; }
    .container section.benefits .inner .inquiry-row .txt-row strong {
      display: block;
      text-align: center;
      margin-bottom: 1.3333333333rem;
      color: #222;
      font-size: 1.3333333333rem;
      line-height: 1.6;
      font-weight: 700; }
      .container section.benefits .inner .inquiry-row .txt-row strong span {
        color: #A6866B;
        font-size: 1.3333333333rem;
        line-height: 1.6;
        font-weight: 700; }
    .container section.benefits .inner .inquiry-row .txt-row p {
      text-align: center;
      color: #444;
      font-size: 1rem;
      line-height: 1.6;
      font-weight: 500; }
      .container section.benefits .inner .inquiry-row .txt-row p br.mo {
        display: block; }
      .container section.benefits .inner .inquiry-row .txt-row p br.pc {
        display: none; }
  .container section.benefits .inner .inquiry-row .tel_tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9.4791666667rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #A6866B;
    margin: 2.5rem auto 0.8333333333rem auto;
    color: #fff;
    font-size: 0.9583333333rem;
    line-height: 0.9583333333rem;
    font-weight: 600; }
  .container section.benefits .inner .inquiry-row a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222;
    font-size: 1.8333333333rem;
    line-height: 1.8333333333rem;
    font-weight: 700; }
    .container section.benefits .inner .inquiry-row a i {
      width: 2rem;
      height: 2rem; }
      .container section.benefits .inner .inquiry-row a i svg .phone_path {
        fill: #A6866B; }
@media screen and (min-width: 768px) {
  .container section.benefits .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap; }
    .container section.benefits .inner .item {
      width: 49%; }
    .container section.benefits .inner .inquiry-row {
      width: 100%; } }
@media screen and (min-width: 1200px) {
  .container section.benefits .inner .item {
    width: 47.77777777778%;
    padding: 40px;
    margin-bottom: 64px; }
    .container section.benefits .inner .item .item-inner {
      height: 818px;
      /* 원하는 높이 */
      clip-path: polygon(58px 0, 100% 0, 100% 760px, calc(100% - 58px ) 100%, 0 100%, 0 58px);
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-flow: wrap;
      padding-top: 80px; }
      .container section.benefits .inner .item .item-inner .tag-row {
        width: 100%;
        margin-bottom: 32px; }
        .container section.benefits .inner .item .item-inner .tag-row h3 {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 94px;
          height: 36px;
          border-radius: 36px;
          margin-bottom: 16px;
          color: #fff;
          font-size: 18px;
          line-height: 18px;
          font-weight: 600; }
        .container section.benefits .inner .item .item-inner .tag-row p {
          color: #222;
          font-size: 32px;
          line-height: 32px;
          font-weight: 700; }
      .container section.benefits .inner .item .item-inner .img-row {
        width: 530px;
        height: 320px;
        margin-bottom: 40px;
        background: url("/static/images/yfamily/bg_family3.png") 50% 50% no-repeat;
        background-size: 530px auto; }
        .container section.benefits .inner .item .item-inner .img-row img {
          width: 320px; }
      .container section.benefits .inner .item .item-inner .txt-row strong {
        color: #444;
        font-size: 24px;
        line-height: 1.6;
        font-weight: 700; }
        .container section.benefits .inner .item .item-inner .txt-row strong span {
          color: #65B3B1;
          font-size: 24px;
          line-height: 1.6;
          font-weight: 700; }
      .container section.benefits .inner .item .item-inner .txt-row p {
        margin-top: 24px;
        padding-bottom: 80px;
        color: #888;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 500; }
  .container section.benefits .inner .inquiry-row {
    padding: 80px 120px;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .container section.benefits .inner .inquiry-row .txt-row {
      width: 50%; }
      .container section.benefits .inner .inquiry-row .txt-row strong {
        display: block;
        text-align: left;
        margin-bottom: 1.3333333333rem;
        color: #222;
        font-size: 28px;
        line-height: 1.6;
        font-weight: 700; }
        .container section.benefits .inner .inquiry-row .txt-row strong span {
          color: #A6866B;
          font-size: 28px;
          line-height: 1.6;
          font-weight: 700; }
      .container section.benefits .inner .inquiry-row .txt-row p {
        text-align: left;
        color: #444;
        font-size: 18px;
        line-height: 1.6;
        font-weight: 500; }
        .container section.benefits .inner .inquiry-row .txt-row p br.mo {
          display: none; }
        .container section.benefits .inner .inquiry-row .txt-row p br.pc {
          display: block; }
    .container section.benefits .inner .inquiry-row .tel_tag {
      position: absolute;
      right: 120px;
      top: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 176px;
      height: 36px;
      border-radius: 36px;
      margin: 0;
      color: #fff;
      font-size: 18px;
      line-height: 18px;
      font-weight: 600; }
    .container section.benefits .inner .inquiry-row a {
      position: absolute;
      right: 120px;
      top: 155px;
      width: 290px;
      color: #222;
      font-size: 44px;
      line-height: 44px;
      font-weight: 700; }
      .container section.benefits .inner .inquiry-row a i {
        width: 48px;
        height: 48px; } }
.container section.btns {
  margin-top: 5.8333333333rem; }
  .container section.btns .inner {
    background: url("/static/images/yfamily/bg_family4@m.jpg") 50% 0 no-repeat;
    background-size: cover; }
    .container section.btns .inner .full-inner {
      width: 87.5%;
      margin: auto; }
      .container section.btns .inner .full-inner .txt-row {
        padding-top: 4.1666666667rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: wrap; }
        .container section.btns .inner .full-inner .txt-row h3 {
          width: 100%;
          text-align: center;
          margin-bottom: 1rem;
          color: #000;
          font-size: 1.7083333333rem;
          line-height: 1.6;
          font-weight: 700; }
        .container section.btns .inner .full-inner .txt-row p {
          width: 100%;
          text-align: center;
          margin-bottom: 3.3333333333rem;
          color: #444;
          font-size: 1rem;
          line-height: 1.6;
          font-weight: 500; }
      .container section.btns .inner .full-inner ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.6666666667rem; }
        .container section.btns .inner .full-inner ul li {
          background: #fff;
          border: 1px solid #ddd;
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 6.8333333333rem;
          padding: 1.3333333333rem 1.3333333333rem 1.3333333333rem 2.5rem;
          transition: all .18s ease-in; }
          .container section.btns .inner .full-inner ul li a {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #444;
            font-size: 1.3333333333rem;
            line-height: 1.3333333333rem;
            font-weight: 700; }
            .container section.btns .inner .full-inner ul li a i {
              width: 1.6666666667rem;
              height: 1.6666666667rem; }
              .container section.btns .inner .full-inner ul li a i svg {
                width: 0.75rem;
                height: 1.1666666667rem; }
                .container section.btns .inner .full-inner ul li a i svg .arrow1_path {
                  stroke: #aaa; }
          .container section.btns .inner .full-inner ul li > i {
            width: 4.1666666667rem;
            height: 4.1666666667rem; }
          .container section.btns .inner .full-inner ul li:nth-child(1) i svg .map_path1 {
            stroke: #CAB6A6; }
          .container section.btns .inner .full-inner ul li:nth-child(1) i svg .map_path2 {
            stroke: #CAB6A6; }
          .container section.btns .inner .full-inner ul li:nth-child(1) i svg .map_path3 {
            stroke: #AAAAAA; }
          .container section.btns .inner .full-inner ul li:nth-child(3) i svg .counsel_path1 {
            stroke: #AAAAAA; }
          .container section.btns .inner .full-inner ul li:nth-child(3) i svg .counsel_path2 {
            stroke: #CAB6A6; }
          .container section.btns .inner .full-inner ul li:nth-child(6) i svg {
            width: 49.5%;
            height: 50%; }
            .container section.btns .inner .full-inner ul li:nth-child(6) i svg .note_path1 {
              stroke: #AAAAAA; }
            .container section.btns .inner .full-inner ul li:nth-child(6) i svg .note_path2 {
              stroke: #CAB6A6; }
          .container section.btns .inner .full-inner ul li:hover {
            border: 2px solid #65B3B1;
            box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.06); }
  @media screen and (min-width: 768px) {
    .container section.btns .inner {
      background: url("/static/images/yfamily/bg_family4.jpg") 50% 0 no-repeat;
      background-size: cover; }
      .container section.btns .inner .full-inner ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.6666666667rem; } }
  @media screen and (min-width: 1200px) {
    .container section.btns {
      margin-top: 200px; }
      .container section.btns .inner {
        background: url("/static/images/yfamily/bg_family4.jpg") 50% 0 no-repeat;
        background-size: cover; }
        .container section.btns .inner .full-inner {
          width: 100%;
          max-width: 1440px;
          padding-bottom: 200px; }
          .container section.btns .inner .full-inner .txt-row {
            padding-top: 200px; }
            .container section.btns .inner .full-inner .txt-row h3 {
              margin-bottom: 24px;
              color: #000;
              font-size: 40px;
              line-height: 1.6;
              font-weight: 700; }
              .container section.btns .inner .full-inner .txt-row h3 br {
                display: none; }
            .container section.btns .inner .full-inner .txt-row p {
              margin-bottom: 80px;
              color: #444;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 500; }
              .container section.btns .inner .full-inner .txt-row p br {
                display: none; }
          .container section.btns .inner .full-inner ul {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px; }
            .container section.btns .inner .full-inner ul li {
              height: 200px;
              padding: 50px 32px 50px 56px; }
              .container section.btns .inner .full-inner ul li a {
                color: #444;
                font-size: 28px;
                line-height: 28px;
                font-weight: 700; }
                .container section.btns .inner .full-inner ul li a i {
                  width: 32px;
                  height: 32px; }
                  .container section.btns .inner .full-inner ul li a i svg {
                    width: 14px;
                    height: 22px; }
              .container section.btns .inner .full-inner ul li > i {
                width: 100px;
                height: 100px; }
              .container section.btns .inner .full-inner ul li:nth-child(1) i svg {
                width: 50%;
                height: 58%; }
              .container section.btns .inner .full-inner ul li:nth-child(6) i svg {
                width: 50%;
                height: 50%; } }
.container section.new_banner {
  margin-bottom: 7.2916666667rem; }
  @media screen and (min-width: 1200px) {
    .container section.new_banner {
      margin-bottom: 190px; } }
.container.memorial_view {
  background: url("/static/images/yfamily/bg_memorial_view@m.jpg") 50% 0 no-repeat;
  background-size: 100% auto; }
  @media screen and (min-width: 1200px) {
    .container.memorial_view {
      background: url("/static/images/yfamily/bg_memorial_view.jpg") 50% 0 no-repeat;
      background-size: 100% auto; } }
  .container.memorial_view section {
    width: 100%;
    max-width: 23.3333333333rem;
    margin: auto; }
    .container.memorial_view section img {
      max-width: 100%; }
    .container.memorial_view section.page_top {
      padding: 9.1666666667rem 0 0 0; }
      .container.memorial_view section.page_top .inner .title_wrap .desc {
        margin-top: 0;
        text-align: center;
        margin-bottom: 1rem;
        color: #222;
        font-size: 1.0833333333rem;
        line-height: 1.6;
        font-weight: 400; }
      .container.memorial_view section.page_top .inner .title_wrap h2 {
        color: #65B3B1;
        font-size: 1.7083333333rem;
        line-height: 1.7083333333rem;
        font-weight: 700;
        margin-bottom: 2.0833333333rem; }
    .container.memorial_view section .inner {
      width: 100%;
      margin: auto;
      max-width: 100%;
      min-width: 100%; }
      .container.memorial_view section .inner .profile-row .photo {
        margin-bottom: 2.0833333333rem; }
      .container.memorial_view section .inner .profile-row .txt-row {
        text-align: center; }
        .container.memorial_view section .inner .profile-row .txt-row strong {
          display: block;
          width: 100%;
          margin-bottom: 0.5208333333rem;
          color: #A6866B;
          font-size: 1.0833333333rem;
          line-height: 1.0833333333rem;
          font-weight: 700; }
        .container.memorial_view section .inner .profile-row .txt-row p {
          margin-bottom: 1.6666666667rem;
          color: #555;
          font-size: 1.0833333333rem;
          line-height: 1.6;
          font-weight: 500; }
      .container.memorial_view section .inner .profile-row .btn-row {
        margin-bottom: 6.6666666667rem;
        padding-top: 1.6666666667rem;
        text-align: center; }
      .container.memorial_view section .inner.letter {
        margin-bottom: 5rem; }
        .container.memorial_view section .inner.letter .head-row {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          flex-flow: wrap;
          margin-bottom: 1.3333333333rem; }
          .container.memorial_view section .inner.letter .head-row h3 {
            width: 100%;
            text-align: center;
            margin-bottom: 2.5rem;
            color: #000;
            font-size: 1.4583333333rem;
            line-height: 1.4583333333rem;
            font-weight: 700; }
          .container.memorial_view section .inner.letter .head-row a {
            text-decoration: underline;
            color: #888;
            font-size: 1rem;
            line-height: 1rem;
            font-weight: 600; }
        .container.memorial_view section .inner.letter .body-row {
          padding: 1.25rem 2.0833333333rem 2.0833333333rem 2.0833333333rem;
          background: rgba(0, 149, 169, 0.04); }
          .container.memorial_view section .inner.letter .body-row .edit-row {
            display: flex;
            justify-content: flex-end;
            align-items: center; }
            .container.memorial_view section .inner.letter .body-row .edit-row .layer_view {
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 0;
              width: 1.5833333333rem;
              height: 2.25rem; }
              .container.memorial_view section .inner.letter .body-row .edit-row .layer_view img {
                width: 100%; }
            .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer {
              position: absolute;
              background: #fff;
              top: 2.5rem;
              right: 0;
              width: 5.4791666667rem;
              height: 6rem;
              border-radius: 0.375rem;
              border: 0.0416666667rem solid #ddd;
              flex-flow: wrap;
              align-content: center;
              z-index: 2;
              filter: drop-shadow(0px 0.2rem 0.4166666667rem rgba(0, 0, 0, 0.15));
              display: none; }
              .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a {
                display: inline-block;
                text-align: center;
                width: 100%;
                color: #444;
                font-size: 1rem;
                line-height: 1rem;
                font-weight: 500; }
                .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a:first-child {
                  margin-bottom: 0.7291666667rem; }
                .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a:last-child {
                  margin-top: 0.7291666667rem; }
          .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont h4 {
            word-break: keep-all;
            margin-bottom: 1.6666666667rem;
            color: #65B3B1;
            font-size: 1.25rem;
            line-height: 1.6;
            font-weight: 700; }
          .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont > div, .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont > div p {
            word-break: keep-all;
            color: #444;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 500;
            display: -webkit-box;
            max-height: 16;
            overflow: hidden;
            vertical-align: top;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 10; }
          .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .more {
            display: block;
            text-align: right;
            width: 100%;
            padding-top: 0.4166666667rem; }
            .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .more a {
              color: #444;
              font-size: 1rem;
              line-height: 1.6;
              font-weight: 500; }
          .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .by {
            margin-top: 1.6666666667rem;
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .by li {
              color: #888;
              font-size: 1rem;
              line-height: 1rem;
              font-weight: 500; }
              .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .by li:first-child {
                color: #555;
                font-size: 1rem;
                line-height: 1rem;
                font-weight: 500; }
      .container.memorial_view section .inner.gallery {
        margin-bottom: 5rem; }
        .container.memorial_view section .inner.gallery .head-row {
          display: flex;
          justify-content: flex-end;
          align-items: center;
          flex-flow: wrap;
          margin-bottom: 1.3333333333rem; }
          .container.memorial_view section .inner.gallery .head-row h3 {
            width: 100%;
            text-align: center;
            margin-bottom: 2.5rem;
            color: #000;
            font-size: 1.4583333333rem;
            line-height: 1.4583333333rem;
            font-weight: 700; }
        .container.memorial_view section .inner.gallery .body-row .photo-slide .swiper-slide ul {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 0.8333333333rem; }
      .container.memorial_view section .inner.letter .control, .container.memorial_view section .inner.gallery .control {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1.6666666667rem 0; }
        .container.memorial_view section .inner.letter .control .swiper-pagination-number, .container.memorial_view section .inner.gallery .control .swiper-pagination-number {
          padding: 0 1.6666666667rem; }
      .container.memorial_view section .inner.write {
        margin-bottom: 4.5833333333rem; }
        .container.memorial_view section .inner.write h3 {
          width: 100%;
          text-align: center;
          margin-bottom: 2.5rem;
          color: #000;
          font-size: 1.4583333333rem;
          line-height: 1.4583333333rem;
          font-weight: 700; }
        .container.memorial_view section .inner.write p {
          text-align: center;
          margin-bottom: 3.3333333333rem;
          color: #444;
          font-size: 1rem;
          line-height: 1.6;
          font-weight: 500; }
          .container.memorial_view section .inner.write p strong {
            color: #65B3B1;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 700; }
        .container.memorial_view section .inner.write .textarea-row ul {
          margin-top: 1.3333333333rem; }
          .container.memorial_view section .inner.write .textarea-row ul li {
            position: relative;
            padding-left: 0.8333333333rem;
            color: #888;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 500; }
            .container.memorial_view section .inner.write .textarea-row ul li:before {
              content: "※";
              position: absolute;
              left: 0;
              top: 0;
              color: #888;
              font-size: 1rem;
              line-height: 1.6;
              font-weight: 500; }
        .container.memorial_view section .inner.write .textarea-row .error {
          min-height: 1.0833333333rem;
          padding: .5rem 0 .5rem .6666666667rem;
          color: #F82417;
          font-size: .875rem;
          line-height: .875rem;
          font-weight: 500; }
        .container.memorial_view section .inner.write .btn-row {
          text-align: center; }
      .container.memorial_view section .inner.comment .comment-box {
        background: #f9f9f9;
        padding: 2.0833333333rem; }
        .container.memorial_view section .inner.comment .comment-box .item strong {
          display: block;
          margin-bottom: 1.6666666667rem;
          color: #65B3B1;
          font-size: 1.25rem;
          line-height: 1.6;
          font-weight: 700; }
        .container.memorial_view section .inner.comment .comment-box .item p {
          word-break: keep-all;
          margin-bottom: 1.6666666667rem;
          color: #444;
          font-size: 1rem;
          line-height: 1.6;
          font-weight: 500; }
        .container.memorial_view section .inner.comment .comment-box .item-re {
          border-top: 0.0416666667rem solid #ddd;
          margin-top: 2.0833333333rem;
          padding-top: 1.1458333333rem; }
          .container.memorial_view section .inner.comment .comment-box .item-re strong {
            padding: 0.9375rem 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #222;
            font-size: 1.0833333333rem;
            line-height: 1.6;
            font-weight: 700; }
            .container.memorial_view section .inner.comment .comment-box .item-re strong span {
              color: #A6866B;
              font-size: 1.0833333333rem;
              line-height: 1.6;
              font-weight: 700; }
            .container.memorial_view section .inner.comment .comment-box .item-re strong i {
              width: 1.0416666667rem;
              height: 1.0416666667rem;
              margin-right: 0.4166666667rem; }
          .container.memorial_view section .inner.comment .comment-box .item-re p {
            word-break: keep-all;
            margin-bottom: 1.6666666667rem;
            color: #444;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 500; }
        .container.memorial_view section .inner.comment .comment-box .item-write {
          margin-top: 2.0833333333rem;
          padding-top: 1.25rem;
          border-top: 0.0416666667rem solid #ddd; }
          .container.memorial_view section .inner.comment .comment-box .item-write strong {
            display: block;
            padding: 0.8333333333rem 0;
            color: #222;
            font-size: 1.0833333333rem;
            line-height: 1.6;
            font-weight: 700; }
          .container.memorial_view section .inner.comment .comment-box .item-write .write-row {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-flow: wrap; }
            .container.memorial_view section .inner.comment .comment-box .item-write .write-row textarea {
              width: 100%;
              height: 6.6666666667rem;
              resize: none;
              border: 0.0416666667rem solid #ddd;
              padding: 1.3333333333rem;
              color: #555;
              font-size: 1rem;
              line-height: 1.6;
              font-weight: 500; }
              .container.memorial_view section .inner.comment .comment-box .item-write .write-row textarea::placeholder {
                letter-spacing: -0.48px;
                color: #ccc;
                font-size: 1rem;
                line-height: 1rem;
                font-weight: 500; }
            .container.memorial_view section .inner.comment .comment-box .item-write .write-row a {
              width: 100%;
              height: 3.3333333333rem;
              display: flex;
              justify-content: center;
              align-items: center;
              background: #555;
              color: #fff;
              font-size: 1rem;
              line-height: 1rem;
              font-weight: 600; }
        .container.memorial_view section .inner.comment .comment-box .item .info-row, .container.memorial_view section .inner.comment .comment-box .item-re .info-row {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-flow: wrap; }
          .container.memorial_view section .inner.comment .comment-box .item .info-row span, .container.memorial_view section .inner.comment .comment-box .item-re .info-row span {
            color: #888;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 500; }
          .container.memorial_view section .inner.comment .comment-box .item .info-row a, .container.memorial_view section .inner.comment .comment-box .item-re .info-row a {
            text-decoration: underline;
            color: #888;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 600; }
          .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            width: 100%;
            background: #fff;
            border-radius: 0.375rem;
            padding: 3.3333333333rem 2.0833333333rem;
            border: 0.0416666667rem solid #ddd;
            filter: drop-shadow(0px 0.2rem 0.4166666667rem rgba(0, 0, 0, 0.15));
            display: none; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del > .close, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del > .close {
              position: absolute;
              right: 0.8333333333rem;
              top: 0.8333333333rem; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del h3, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del h3 {
              text-align: center;
              margin-bottom: 2.0833333333rem;
              color: #222;
              font-size: 1.3333333333rem;
              line-height: 1.6;
              font-weight: 700; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row {
              margin-bottom: 0; }
              .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row label, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row label {
                padding-left: 0;
                color: #222;
                font-size: 1.0833333333rem;
                line-height: 1.6;
                font-weight: 600; }
              .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row input, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row input {
                border: 0.0416666667rem solid #ddd; }
                .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row input::placeholder, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row input::placeholder {
                  letter-spacing: -0.48px;
                  color: #ccc;
                  font-size: 1rem;
                  line-height: 1rem;
                  font-weight: 500; }
              .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row > a, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row > a {
                position: absolute;
                right: 0;
                bottom: 0;
                width: 5rem;
                height: 3.3333333333rem;
                background: #555;
                text-decoration: none;
                display: flex;
                justify-content: center;
                align-items: center;
                color: #fff;
                font-size: 1rem;
                line-height: 1rem;
                font-weight: 600; }
      .container.memorial_view section .inner.comment .btn-row {
        text-align: center;
        padding: 3.3333333333rem 0 5.8333333333rem 0; }
      .container.memorial_view section .inner.flower-service {
        padding: 4.1666666667rem 0;
        background: url("/static/images/yfamily/bg_flower@m.jpg") 50% 50% no-repeat;
        background-size: cover; }
        .container.memorial_view section .inner.flower-service h3 {
          width: 100%;
          text-align: center;
          margin-bottom: 2.5rem;
          color: #000;
          font-size: 1.4583333333rem;
          line-height: 1.4583333333rem;
          font-weight: 700; }
        .container.memorial_view section .inner.flower-service p {
          text-align: center;
          color: #444;
          font-size: 1.3333333333rem;
          line-height: 1.6;
          font-weight: 600; }
          .container.memorial_view section .inner.flower-service p strong {
            color: #A6866B;
            font-size: 1.3333333333rem;
            line-height: 1.6;
            font-weight: 600; }
        .container.memorial_view section .inner.flower-service .btn-row {
          text-align: center;
          padding-top: 3.3333333333rem; }
      .container.memorial_view section .inner.location {
        margin-top: 6.6666666667rem; }
        .container.memorial_view section .inner.location h3 {
          width: 100%;
          text-align: center;
          margin-bottom: 2.5rem;
          color: #000;
          font-size: 1.4583333333rem;
          line-height: 1.4583333333rem;
          font-weight: 700; }
        .container.memorial_view section .inner.location .addr-row .list {
          padding: 2.0833333333rem 1.3333333333rem;
          border-bottom: 0.0416666667rem solid #ddd; }
          .container.memorial_view section .inner.location .addr-row .list > strong {
            margin-bottom: 0.8333333333rem;
            color: #222;
            font-size: 1.25rem;
            line-height: 1.6;
            font-weight: 700; }
          .container.memorial_view section .inner.location .addr-row .list p {
            color: #555;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 500; }
            .container.memorial_view section .inner.location .addr-row .list p span {
              color: #888;
              font-size: 1rem;
              line-height: 1.6;
              font-weight: 500; }
            .container.memorial_view section .inner.location .addr-row .list p strong {
              color: #65B3B1;
              font-size: 1rem;
              line-height: 1.6;
              font-weight: 500; }
          .container.memorial_view section .inner.location .addr-row .list:last-child {
            border-bottom: none; }
        .container.memorial_view section .inner.location .btn-row {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-flow: nowrap; }
          .container.memorial_view section .inner.location .btn-row .btn {
            margin: 0 0.4166666667rem; }
          .container.memorial_view section .inner.location .btn-row .naver {
            background: #04C60A;
            color: #fff; }
            .container.memorial_view section .inner.location .btn-row .naver i {
              width: 1.3333333333rem;
              height: 1.3333333333rem; }
              .container.memorial_view section .inner.location .btn-row .naver i svg .google-map_path1, .container.memorial_view section .inner.location .btn-row .naver i svg .google-map_path2, .container.memorial_view section .inner.location .btn-row .naver i svg .google-map_path3, .container.memorial_view section .inner.location .btn-row .naver i svg .google-map_path4, .container.memorial_view section .inner.location .btn-row .naver i svg .google-map_path5, .container.memorial_view section .inner.location .btn-row .naver i svg .google-map_path6 {
                fill: #fff; }
      .container.memorial_view section .inner.banner {
        margin-top: 6.6666666667rem;
        height: 15.7916666667rem;
        background: url("/static/images/yfamily/bg_banner@m.jpg") 50% 50% no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: wrap;
        align-content: center; }
        .container.memorial_view section .inner.banner h3 {
          width: 100%;
          text-align: center;
          color: #fff;
          font-size: 1.3333333333rem;
          line-height: 1.6;
          font-weight: 700; }
        .container.memorial_view section .inner.banner .btn-row {
          margin-top: 2.5rem; }
          .container.memorial_view section .inner.banner .btn-row .white-maincolor {
            background: #fff;
            color: #A6866B;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 600; }
            .container.memorial_view section .inner.banner .btn-row .white-maincolor:hover {
              background: #65B3B1;
              color: #fff; }
    @media screen and (min-width: 480px) {
      .container.memorial_view section .inner.write .textarea-row .error {
        min-height: 40px;
        padding: 12px 0 12px 16px;
        font-size: 16px;
        line-height: 16px; } }
    @media screen and (min-width: 1200px) {
      .container.memorial_view section {
        max-width: 480px; }
        .container.memorial_view section.page_top {
          padding: 240px 0 0 0; }
          .container.memorial_view section.page_top .inner .title_wrap .desc {
            margin-bottom: 24px;
            color: #222;
            font-size: 20px;
            line-height: 1.6;
            font-weight: 400; }
          .container.memorial_view section.page_top .inner .title_wrap h2 {
            color: #65B3B1;
            font-size: 40px;
            line-height: 40px;
            font-weight: 700;
            margin-bottom: 40px; }
        .container.memorial_view section .inner .profile-row .photo {
          margin-bottom: 40px; }
        .container.memorial_view section .inner .profile-row .txt-row strong {
          margin-bottom: 12px;
          color: #A6866B;
          font-size: 20px;
          line-height: 20px;
          font-weight: 700; }
        .container.memorial_view section .inner .profile-row .txt-row p {
          margin-bottom: 32px;
          color: #555;
          font-size: 20px;
          line-height: 1.6;
          font-weight: 500; }
        .container.memorial_view section .inner .profile-row .btn-row {
          margin-bottom: 200px;
          padding-top: 30px; }
        .container.memorial_view section .inner.letter {
          margin-bottom: 164px; }
          .container.memorial_view section .inner.letter .head-row {
            margin-bottom: 20px; }
            .container.memorial_view section .inner.letter .head-row h3 {
              margin-bottom: 64px;
              color: #000;
              font-size: 32px;
              line-height: 32px;
              font-weight: 700; }
            .container.memorial_view section .inner.letter .head-row a {
              color: #888;
              font-size: 18px;
              line-height: 18px;
              font-weight: 600; }
          .container.memorial_view section .inner.letter .body-row {
            padding: 38px 48px; }
            .container.memorial_view section .inner.letter .body-row .edit-row .layer_view {
              width: 30px;
              height: 42px; }
            .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer {
              top: 60px;
              width: 91px;
              height: 100px;
              border-radius: 9px;
              border: 1px solid #ddd;
              filter: none;
              box-shadow: 0px 4.8px 10px 0px rgba(0, 0, 0, 0.08); }
              .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a {
                width: 100%;
                height: 50px;
                color: #444;
                font-size: 18px;
                line-height: 8px;
                font-weight: 500;
                display: flex;
                justify-content: center;
                align-items: center; }
                .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a:first-child {
                  margin-bottom: 0; }
                .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a:last-child {
                  margin-top: 0; }
                .container.memorial_view section .inner.letter .body-row .edit-row .edit_layer a:hover {
                  background: rgba(166, 134, 107, 0.04);
                  color: #A6866B; }
            .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont h4 {
              margin-bottom: 32px;
              color: #65B3B1;
              font-size: 24px;
              line-height: 1.6;
              font-weight: 700; }
            .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont > div, .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont > div p {
              color: #444;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 500; }
            .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .more {
              padding-top: 5px; }
              .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .more a {
                color: #444;
                font-size: 18px;
                line-height: 1.6;
                font-weight: 500; }
            .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .by {
              margin-top: 48px; }
              .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .by li {
                color: #888;
                font-size: 18px;
                line-height: 18px;
                font-weight: 500; }
                .container.memorial_view section .inner.letter .body-row .letter_txt .swiper-slide .cont .by li:first-child {
                  color: #555;
                  font-size: 18px;
                  line-height: 18px;
                  font-weight: 500; }
        .container.memorial_view section .inner.gallery {
          margin-bottom: 164px; }
          .container.memorial_view section .inner.gallery .head-row {
            margin-bottom: 0; }
            .container.memorial_view section .inner.gallery .head-row h3 {
              margin-bottom: 62px;
              color: #000;
              font-size: 32px;
              line-height: 32px;
              font-weight: 700; }
          .container.memorial_view section .inner.gallery .body-row .photo-slide .swiper-slide ul {
            gap: 24px; }
        .container.memorial_view section .inner.letter .control, .container.memorial_view section .inner.gallery .control {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 1.6666666667rem 0; }
          .container.memorial_view section .inner.letter .control .swiper-pagination-number, .container.memorial_view section .inner.gallery .control .swiper-pagination-number {
            padding: 0 1.6666666667rem; } }
    @media screen and (min-width: 1200px) and (min-width: 1200px) {
      .container.memorial_view section .inner.letter .control, .container.memorial_view section .inner.gallery .control {
        padding: 36px 0; }
        .container.memorial_view section .inner.letter .control .swiper-pagination-number, .container.memorial_view section .inner.gallery .control .swiper-pagination-number {
          padding: 0 32px; } }
    @media screen and (min-width: 1200px) {
        .container.memorial_view section .inner.write {
          margin-bottom: 120px; }
          .container.memorial_view section .inner.write h3 {
            margin-bottom: 24px;
            color: #000;
            font-size: 32px;
            line-height: 32px;
            font-weight: 700; }
          .container.memorial_view section .inner.write p {
            margin-bottom: 80px;
            color: #444;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500; }
            .container.memorial_view section .inner.write p strong {
              color: #65B3B1;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 700; }
          .container.memorial_view section .inner.write .textarea-row strong {
            width: 100%; }
          .container.memorial_view section .inner.write .textarea-row textarea {
            width: 100%;
            height: 160px; }
          .container.memorial_view section .inner.write .textarea-row #charCount {
            top: 150px; }
          .container.memorial_view section .inner.write .textarea-row ul {
            margin-top: 24px; }
            .container.memorial_view section .inner.write .textarea-row ul li {
              word-break: keep-all;
              padding-left: 20px;
              color: #888;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 500; }
              .container.memorial_view section .inner.write .textarea-row ul li:before {
                color: #888;
                font-size: 18px;
                line-height: 1.6;
                font-weight: 500; }
        .container.memorial_view section .inner.comment .comment-box {
          padding: 48px; }
          .container.memorial_view section .inner.comment .comment-box .item strong {
            margin-bottom: 32px;
            color: #65B3B1;
            font-size: 24px;
            line-height: 1.6;
            font-weight: 700; }
          .container.memorial_view section .inner.comment .comment-box .item p {
            margin-bottom: 32px;
            color: #444;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500; }
          .container.memorial_view section .inner.comment .comment-box .item-re {
            border-top: 1px solid #ddd;
            margin-top: 40px;
            padding-top: 16px; }
            .container.memorial_view section .inner.comment .comment-box .item-re strong {
              padding: 24px 0;
              color: #222;
              font-size: 20px;
              line-height: 1.6;
              font-weight: 700; }
              .container.memorial_view section .inner.comment .comment-box .item-re strong span {
                color: #A6866B;
                font-size: 20px;
                line-height: 1.6;
                font-weight: 700; }
              .container.memorial_view section .inner.comment .comment-box .item-re strong i {
                width: 20px;
                height: 20px;
                margin-right: 10px; }
            .container.memorial_view section .inner.comment .comment-box .item-re p {
              margin-bottom: 24px;
              color: #444;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 500; }
          .container.memorial_view section .inner.comment .comment-box .item-write {
            margin-top: 40px;
            padding-top: 16px;
            border-top: 1px solid #ddd; }
            .container.memorial_view section .inner.comment .comment-box .item-write strong {
              padding: 24px 0;
              color: #222;
              font-size: 20px;
              line-height: 1.6;
              font-weight: 700; }
            .container.memorial_view section .inner.comment .comment-box .item-write .write-row textarea {
              height: 120px;
              border: 1px solid #ddd;
              padding: 19px 24px;
              color: #555;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 500; }
              .container.memorial_view section .inner.comment .comment-box .item-write .write-row textarea::placeholder {
                color: #ccc;
                font-size: 18px;
                line-height: 18px;
                font-weight: 500; }
            .container.memorial_view section .inner.comment .comment-box .item-write .write-row a {
              height: 56px;
              color: #fff;
              font-size: 18px;
              line-height: 18px;
              font-weight: 600; }
          .container.memorial_view section .inner.comment .comment-box .item .info-row span, .container.memorial_view section .inner.comment .comment-box .item-re .info-row span {
            color: #888;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 500; }
          .container.memorial_view section .inner.comment .comment-box .item .info-row a, .container.memorial_view section .inner.comment .comment-box .item-re .info-row a {
            color: #888;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 600; }
          .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del {
            border-radius: 9px;
            padding: 64px 32px;
            border: 1px solid #ddd;
            filter: drop-shadow(0px 4.8px 10px rgba(0, 0, 0, 0.15)); }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del > .close, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del > .close {
              right: 24px;
              top: 24px; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del h3, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del h3 {
              margin-bottom: 48px;
              color: #222;
              font-size: 28px;
              line-height: 1.6;
              font-weight: 700; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row label, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row label {
              color: #222;
              font-size: 20px;
              line-height: 1.6;
              font-weight: 600; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row input, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row input {
              border: 1px solid #ddd; }
              .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row input::placeholder, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row input::placeholder {
                color: #ccc;
                font-size: 18px;
                line-height: 18px;
                font-weight: 500; }
            .container.memorial_view section .inner.comment .comment-box .item .info-row .comment-del .input-row > a, .container.memorial_view section .inner.comment .comment-box .item-re .info-row .comment-del .input-row > a {
              width: 79px;
              height: 56px;
              color: #fff;
              font-size: 18px;
              line-height: 18px;
              font-weight: 600; }
        .container.memorial_view section .inner.comment .btn-row {
          text-align: center;
          padding: 64px 0 200px 0; }
        .container.memorial_view section .inner.flower-service {
          padding: 80px 0; }
          .container.memorial_view section .inner.flower-service h3 {
            margin-bottom: 48px;
            color: #000;
            font-size: 32px;
            line-height: 32px;
            font-weight: 700; }
          .container.memorial_view section .inner.flower-service p {
            color: #444;
            font-size: 28px;
            line-height: 1.6;
            font-weight: 600; }
            .container.memorial_view section .inner.flower-service p strong {
              color: #A6866B;
              font-size: 28px;
              line-height: 1.6;
              font-weight: 600; }
          .container.memorial_view section .inner.flower-service .btn-row {
            padding-top: 48px; }
        .container.memorial_view section .inner.location {
          margin-top: 200px; }
          .container.memorial_view section .inner.location h3 {
            margin-bottom: 64px;
            color: #000;
            font-size: 32px;
            line-height: 32px;
            font-weight: 700; }
          .container.memorial_view section .inner.location .addr-row .list {
            padding: 48px 24px;
            border-bottom: 1px solid #ddd; }
            .container.memorial_view section .inner.location .addr-row .list > strong {
              margin-bottom: 16px;
              color: #222;
              font-size: 24px;
              line-height: 1.6;
              font-weight: 700; }
            .container.memorial_view section .inner.location .addr-row .list p {
              color: #555;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 500; }
              .container.memorial_view section .inner.location .addr-row .list p span {
                color: #888;
                font-size: 18px;
                line-height: 1.6;
                font-weight: 500; }
              .container.memorial_view section .inner.location .addr-row .list p strong {
                color: #65B3B1;
                font-size: 18px;
                line-height: 1.6;
                font-weight: 500; }
          .container.memorial_view section .inner.location .btn-row {
            justify-content: center; }
            .container.memorial_view section .inner.location .btn-row .naver {
              margin-right: 16px; }
              .container.memorial_view section .inner.location .btn-row .naver i {
                width: 24px;
                height: 24px; }
        .container.memorial_view section .inner.banner {
          margin-top: 200px;
          height: 304px; }
          .container.memorial_view section .inner.banner h3 {
            color: #fff;
            font-size: 28px;
            line-height: 1.6;
            font-weight: 700; }
          .container.memorial_view section .inner.banner .btn-row {
            margin-top: 48px; }
            .container.memorial_view section .inner.banner .btn-row .white-maincolor {
              color: #A6866B;
              font-size: 18px;
              line-height: 1.6;
              font-weight: 600; } }
.container.memorial_list_view section {
  width: 100%;
  max-width: 23.3333333333rem;
  margin: auto; }
  .container.memorial_list_view section.page_top {
    padding: 9.1666666667rem 0 0 0; }
    .container.memorial_list_view section.page_top .inner .title_wrap h2 {
      color: #000;
      font-size: 1.7083333333rem;
      line-height: 1.7083333333rem;
      font-weight: 700;
      margin-bottom: 3.3333333333rem; }
  .container.memorial_list_view section .inner {
    width: 100%;
    margin: auto;
    max-width: 100%;
    min-width: 100%; }
    .container.memorial_list_view section .inner .textarea-row .error {
      min-height: 1.0833333333rem;
      padding: .5rem 0 .5rem .6666666667rem;
      color: #F82417;
      font-size: .875rem;
      line-height: .875rem;
      font-weight: 500; }
    .container.memorial_list_view section .inner.letter_list .top_banner {
      background: url("/static/images/yfamily/bg_letter_top.jpg") 50% 50% no-repeat;
      background-size: cover;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: wrap;
      align-content: center;
      height: 17.75rem;
      margin-bottom: 3.3333333333rem; }
      .container.memorial_list_view section .inner.letter_list .top_banner h3 {
        width: 100%;
        text-align: center;
        margin-bottom: 1.3333333333rem;
        color: #fff;
        font-size: 1.3333333333rem;
        line-height: 1.3333333333rem;
        font-weight: 700; }
      .container.memorial_list_view section .inner.letter_list .top_banner p {
        text-align: center;
        margin-bottom: 2.5rem;
        color: #fff;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 500; }
      .container.memorial_list_view section .inner.letter_list .top_banner .btn-row .white-point {
        background: #fff;
        color: #65B3B1;
        font-weight: 600; }
        .container.memorial_list_view section .inner.letter_list .top_banner .btn-row .white-point:hover {
          background: #A6866B;
          color: #fff; }
    .container.memorial_list_view section .inner.letter_list .list {
      border-top: 0.125rem solid #000; }
      .container.memorial_list_view section .inner.letter_list .list li {
        padding: 0.3333333333rem 1.6666666667rem 1.6666666667rem 1.6666666667rem;
        border-bottom: 0.0416666667rem solid #ddd; }
        .container.memorial_list_view section .inner.letter_list .list li.data_none {
          text-align: center;
          height: 8.3333333333rem;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #555;
          font-size: 1rem;
          line-height: 1rem;
          font-weight: 500; }
        .container.memorial_list_view section .inner.letter_list .list li a {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-flow: wrap; }
          .container.memorial_list_view section .inner.letter_list .list li a strong {
            display: block;
            width: 100%;
            padding: 1.3333333333rem 0;
            color: #444;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .container.memorial_list_view section .inner.letter_list .list li a span {
            position: relative;
            color: #aaa;
            font-size: 1rem;
            line-height: 1rem;
            font-weight: 500; }
            .container.memorial_list_view section .inner.letter_list .list li a span.date {
              padding-right: 0.7083333333rem; }
              .container.memorial_list_view section .inner.letter_list .list li a span.date:before {
                content: "";
                position: absolute;
                width: 0.0416666667rem;
                height: 0.8333333333rem;
                top: 0.0833333333rem;
                right: 0;
                background: #aaa; }
            .container.memorial_list_view section .inner.letter_list .list li a span.name {
              padding-left: 0.6666666667rem; }
        .container.memorial_list_view section .inner.letter_list .list li:hover {
          background: rgba(166, 102, 107, 0.08); }
    .container.memorial_list_view section .inner.letter_list .paging {
      margin-bottom: 4.1666666667rem; }
    .container.memorial_list_view section .inner.letter_list .btn-row {
      text-align: center; }
    .container.memorial_list_view section .inner.letter_view .view {
      padding: 1.0833333333rem 2.0833333333rem 3.3333333333rem 2.0833333333rem;
      background: rgba(0, 149, 169, 0.04); }
      .container.memorial_list_view section .inner.letter_view .view .head-row {
        border-bottom: 0.0416666667rem solid #ddd;
        padding-bottom: 2.0833333333rem; }
        .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .layer_view {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 0;
            width: 1.5833333333rem;
            height: 2.25rem; }
            .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .layer_view img {
              width: 100%; }
          .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer {
            position: absolute;
            background: #fff;
            top: 2.5rem;
            right: 0;
            width: 5.4791666667rem;
            height: 6rem;
            border-radius: 0.375rem;
            border: 0.0416666667rem solid #ddd;
            flex-flow: wrap;
            align-content: center;
            z-index: 2;
            filter: drop-shadow(0px 0.2rem 0.4166666667rem rgba(0, 0, 0, 0.15));
            display: none; }
            .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a {
              display: inline-block;
              text-align: center;
              width: 100%;
              text-decoration: none;
              color: #444;
              font-size: 1rem;
              line-height: 1rem;
              font-weight: 500; }
              .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a:first-child {
                margin-bottom: 0.7291666667rem; }
              .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a:last-child {
                margin-top: 0.7291666667rem; }
        .container.memorial_list_view section .inner.letter_view .view .head-row h3 {
          width: 100%;
          word-break: keep-all;
          text-align: left;
          margin-bottom: 2.5rem;
          color: #65B3B1;
          font-size: 1.4583333333rem;
          line-height: 1.4;
          font-weight: 700; }
        .container.memorial_list_view section .inner.letter_view .view .head-row .by {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .container.memorial_list_view section .inner.letter_view .view .head-row .by li {
            color: #888;
            font-size: 1rem;
            line-height: 1rem;
            font-weight: 500; }
            .container.memorial_list_view section .inner.letter_view .view .head-row .by li:first-child {
              color: #555;
              font-size: 1rem;
              line-height: 1rem;
              font-weight: 500; }
      .container.memorial_list_view section .inner.letter_view .view .body-row {
        padding: 2.0833333333rem 0 0 0;
        word-break: keep-all;
        color: #444;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 500; }
        .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view {
          margin-top: 2.5rem; }
          .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-slide img {
            max-width: 100%; }
          .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-pagination-number {
            width: 100%;
            text-align: center;
            bottom: 40px;
            z-index: 2;
            color: #fff; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-pagination-number .swiper-pagination-total {
              color: #fff; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-pagination-number .swiper-pagination-current {
              color: #65B3B1; }
          .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-prev, .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-next {
            color: #fff; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-prev:after, .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-next:after {
              font-size: 24px;
              font-weight: bold; }
          .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-prev {
            left: 0.4166666667rem; }
          .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-next {
            right: 0.4166666667rem; }
    .container.memorial_list_view section .inner.letter_view .btn-row {
      margin-top: 3.3333333333rem;
      text-align: center; }
    .container.memorial_list_view section .inner.letter_write .write .textarea-row textarea {
      height: 16.6666666667rem; }
    .container.memorial_list_view section .inner.letter_write .write .textarea-row #charCount {
      top: auto;
      top: 16.25rem; }
    .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 p {
        color: #222;
        font-size: 1.0833333333rem;
        line-height: 1.0833333333rem;
        font-weight: 600; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 p strong {
          color: #A6866B;
          font-size: 1.0833333333rem;
          line-height: 1.0833333333rem;
          font-weight: 600; }
          .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 p strong span {
            color: #A6866B;
            font-size: 1.0833333333rem;
            line-height: 1.0833333333rem;
            font-weight: 600; }
      .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 .input-file {
        flex-shrink: 0; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 .input-file .my_button {
          width: 7.1875rem;
          height: 1.875rem;
          border-radius: 1.875rem;
          background: #A6866B;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-size: 0.9583333333rem;
          line-height: 0.9583333333rem;
          font-weight: 600; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 .input-file input {
          display: none; }
    .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.9166666667rem;
      margin-top: 1rem; }
      .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap li {
        position: relative;
        width: 7.1666666667rem;
        height: 7.1666666667rem;
        overflow: hidden; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap li a {
          position: absolute;
          right: 0.5rem;
          top: 0.5rem;
          width: 1.3333333333rem;
          height: 1.3333333333rem; }
          .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap li a img {
            width: 100%; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap li img {
          width: 100%;
          height: 100%; }
    .container.memorial_list_view section .inner.letter_write .btn-row {
      text-align: center; }
  @media screen and (min-width: 480px) {
    .container.memorial_list_view section .inner .textarea-row .error {
      min-height: 40px;
      padding: 12px 0 12px 16px;
      font-size: 16px;
      line-height: 16px; } }
  @media screen and (min-width: 1200px) {
    .container.memorial_list_view section {
      max-width: 480px; }
      .container.memorial_list_view section.page_top {
        padding: 240px 0 0 0; }
        .container.memorial_list_view section.page_top .inner .title_wrap h2 {
          color: #000;
          font-size: 40px;
          line-height: 40px;
          font-weight: 700;
          margin-bottom: 80px; }
      .container.memorial_list_view section .inner.letter_list .top_banner {
        height: 322px;
        margin-bottom: 80px; }
        .container.memorial_list_view section .inner.letter_list .top_banner h3 {
          margin-bottom: 16px;
          color: #fff;
          font-size: 28px;
          line-height: 28px;
          font-weight: 700; }
        .container.memorial_list_view section .inner.letter_list .top_banner p {
          margin-bottom: 48px;
          color: #fff;
          font-size: 18px;
          line-height: 1.6;
          font-weight: 500; }
      .container.memorial_list_view section .inner.letter_list .list {
        border-top: 2px solid #000; }
        .container.memorial_list_view section .inner.letter_list .list li {
          padding: 18px 40px 34px 40px;
          border-bottom: 1px solid #ddd; }
          .container.memorial_list_view section .inner.letter_list .list li.data_none {
            height: 200px;
            color: #555;
            font-size: 18px;
            line-height: 18px;
            font-weight: 500; }
          .container.memorial_list_view section .inner.letter_list .list li a strong {
            padding: 16px 0;
            color: #444;
            font-size: 18px;
            line-height: 1.6;
            font-weight: 600; }
          .container.memorial_list_view section .inner.letter_list .list li a span {
            color: #aaa;
            font-size: 18px;
            line-height: 18px;
            font-weight: 500; }
            .container.memorial_list_view section .inner.letter_list .list li a span.date {
              padding-right: 13px; }
              .container.memorial_list_view section .inner.letter_list .list li a span.date:before {
                width: 1px;
                height: 16px;
                top: 1px;
                right: 0; }
            .container.memorial_list_view section .inner.letter_list .list li a span.name {
              padding-left: 12px; }
      .container.memorial_list_view section .inner.letter_list .paging {
        margin-bottom: 80px; }
      .container.memorial_list_view section .inner.letter_view .view {
        padding: 38px 48px 80px 48px; }
        .container.memorial_list_view section .inner.letter_view .view .head-row {
          border-bottom: 1px solid #ddd;
          padding-bottom: 40px; }
          .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .layer_view {
            width: 30px;
            height: 42px; }
          .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer {
            top: 40px;
            width: 91px;
            height: 100px;
            border-radius: 9px;
            border: 1px solid #ddd;
            filter: none;
            box-shadow: 0px 4.8px 10px 0px rgba(0, 0, 0, 0.08); }
            .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a {
              width: 100%;
              height: 50px;
              color: #444;
              font-size: 18px;
              line-height: 8px;
              font-weight: 500;
              display: flex;
              justify-content: center;
              align-items: center; }
              .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a:first-child {
                margin-bottom: 0; }
              .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a:last-child {
                margin-top: 0; }
              .container.memorial_list_view section .inner.letter_view .view .head-row .edit-row .edit_layer a:hover {
                background: rgba(166, 134, 107, 0.04);
                color: #A6866B; }
          .container.memorial_list_view section .inner.letter_view .view .head-row h3 {
            margin-bottom: 48px;
            color: #65B3B1;
            font-size: 24px;
            line-height: 1.4;
            font-weight: 700; }
          .container.memorial_list_view section .inner.letter_view .view .head-row .by li {
            color: #888;
            font-size: 18px;
            line-height: 18px;
            font-weight: 500; }
            .container.memorial_list_view section .inner.letter_view .view .head-row .by li:first-child {
              color: #555;
              font-size: 18px;
              line-height: 18px;
              font-weight: 500; }
        .container.memorial_list_view section .inner.letter_view .view .body-row {
          padding: 40px 0 0 0;
          color: #444;
          font-size: 18px;
          line-height: 1.6;
          font-weight: 500; }
          .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view {
            margin-top: 48px; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-pagination-number {
              bottom: 40px; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-prev:after, .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-next:after {
              font-size: 24px; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-prev {
              left: 10px; }
            .container.memorial_list_view section .inner.letter_view .view .body-row .slide_image_view .swiper-button-next {
              right: r10px; }
      .container.memorial_list_view section .inner.letter_view .btn-row {
        margin-top: 64px; }
      .container.memorial_list_view section .inner.letter_write .write .textarea-row strong {
        width: 100%; }
      .container.memorial_list_view section .inner.letter_write .write .textarea-row textarea {
        width: 100%;
        height: 320px; }
      .container.memorial_list_view section .inner.letter_write .write .textarea-row #charCount {
        top: 310px; }
      .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 p {
        color: #222;
        font-size: 20px;
        line-height: 20px;
        font-weight: 600; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 p strong {
          color: #A6866B;
          font-size: 20px;
          line-height: 20px;
          font-weight: 600; }
          .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 p strong span {
            color: #A6866B;
            font-size: 20px;
            line-height: 20px;
            font-weight: 600; }
      .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 .input-file {
        flex-shrink: 0; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .file-box2 .input-file .my_button {
          width: 125px;
          height: 36px;
          border-radius: 36px;
          color: #fff;
          font-size: 16px;
          line-height: 16px;
          font-weight: 600; }
      .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap {
        gap: 24px;
        margin-top: 20px; }
        .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap li {
          width: 144px;
          height: 144px; }
          .container.memorial_list_view section .inner.letter_write .write .input-row .imgs_wrap li a {
            right: 12px;
            top: 12px;
            width: 24px;
            height: 24px; } }