@charset "utf-8";

.serviceWrap { width:100%; }
.serviceWrap > h2 { font-size:16px; font-weight: 700; text-align: center; padding:30px 0; }
.serviceWrap form { width:100%; display:flex; flex-wrap: wrap; }

.serviceTabs { width:100%; overflow-x: scroll;  border-bottom:#EAECF0 1px solid;}
.serviceTabs > ul {width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; height:40px; overflow-x: auto; white-space: nowrap;}
.funeralFullbox .serviceTabs > ul, .serviceTabs.lnb-scroll > ul {justify-content: flex-start;}
.serviceTabs.brandTabs > ul {justify-content: center;}
.serviceTabs::-webkit-scrollbar {display: none;}
.serviceTabs > ul > li { width:auto; margin:0 14px; }
.serviceTabs > ul > li:first-of-type {margin-left: 24px;}
.serviceTabs > ul > li:last-of-type {padding-right: 24px;}
.serviceTabs > ul > li > a { display: block; height:40px; line-height: 40px; width:max-content; font-size:12.5px; font-weight: 400; position: relative}
.serviceTabs > ul > li > a.on { font-size:12.5px; color:#431F88; font-weight: 700; }
.serviceTabs > ul > li > a.on:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom:#431F88 2px solid; }
.serviceTabs > ul > li > a.bg {background: #f7f7f4; border-radius: 20px; padding: 5px 9px; width: fit-content; height: fit-content; line-height: normal; font-size: 12.5px !important; color: #949FAC;}
.serviceTabs > ul > li > a.on.bg {color:#431F88;}
.serviceTabs > ul > li > a.on.bg::after {display: none;}

.serviceCategory { width:100%; }
.serviceCategory > ul { width:100%; display:grid; grid-template-columns: repeat(4, 1fr); gap: 1px; }
.serviceCategory > ul > li{margin-right: 1px; margin-bottom: 1px}
.serviceCategory > ul > li:nth-of-type(4n+4){margin-right: 0}
.serviceCategory > ul > li > a { display: block; height:34px; line-height: 34px; width: auto; font-size:12px; font-weight: 400; background:#F6F7F8; text-align: center; letter-spacing: -0.5px; }
.serviceCategory > ul > li > a.on { font-size:12px; color:#ffffff; font-weight: 400; background:#2A303C; }

.faqList { width:100%; }
.faqList > ul { width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.faqList > ul > li:first-of-type{border-top: #EAECF0 1px solid}
.faqList > ul > li { width:100%; padding:24px; border-bottom:#EAECF0 1px solid; display:flex; flex-direction: column; }
.faqList > ul > li > span { font-size:12.5px; font-weight: 400; margin:0 0 5px 0; line-height: 17px; letter-spacing: -0.5px; color: #5C6272}
.faqList > ul > li > strong { font-size:16px; font-weight: 700; margin:0 0 0 0; cursor: pointer; position:relative;  line-height: 23px; letter-spacing: -0.5px; color: #2A303C; padding-right: 20px}
.faqList > ul > li > strong.on { color:#431F88; }
.faqList > ul > li > strong:after { content:""; position:absolute; top:10px; transform: translateY(-50%); right:0; width:20px; height:20px;
background:url('../svg/icon_arrow_bottom_gray.svg') no-repeat center center; transition: transform 0.3s; }
.faqList > ul > li > strong.on:after { transform: translateY(-50%) rotate(-180deg); }
.faqList > ul > li > p { font-size:15px; font-weight: 400; margin:0 0 0 0; padding:20px 0 8px 0px; position:relative; display:none; line-height: 21px ; color: #2A303C}


.qnaLinkWrap {  background:#F1F2F3; text-align: center; width:calc(100% - 48px); padding:25px 0; margin: 31px auto 0; line-height: 17px; letter-spacing: -0.5px; color: #2A303C}
.qnaLinkWrap > h3 { font-size:12.5px; font-weight: 400; margin:0 0 15px 0; }
.qnaLinkWrap > a { width:auto; display:inline-block; height:47px; line-height: 47px; border-radius: 2px; background:#431F88; color:#fff; font-weight:700; font-size:15px; padding:0 26px; }

.qnaList { width:100%; display:flex; flex-wrap: wrap; }
.qnaList > ul { width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.qnaList > ul > li { width:100%; border-bottom:#EAECF0 1px solid;  }
.qnaList > ul > li:first-child { border-top:#EAECF0 1px solid; }
.qnaList > ul > li > a { width:100%; position: relative; padding:20px; display:flex; flex-direction: row; flex-wrap: wrap; }
.qnaList > ul > li > a > span { font-size:12.5px; font-weight: 400; margin:0 0 10px 0; color:#5C6272; width:100%;}
.qnaList.noticeList > ul > li.is_focus > a > strong{font-weight: 700}
.qnaList > ul > li > a > span.hide{
    background:url('../svg/icon_lock.svg') no-repeat right center;
}
.noticeList > ul > li > a{padding: 20px 24px}
/*.qnaList > ul > li > a > span.is_notice{color: #431F88;}*/
.qnaList > ul > li > a > span.is_notice { position:relative;  }
.qnaList > ul > li > a > span.is_notice:before { content:attr(data-this-text); display:inline-block; font-size:9px; color:#fff; font-weight: 400; padding:0 0;
    height:22px; line-height: 22px; border-radius: 2px; background:#431F88; width:30px; text-align: center; transform: scale(.9,.9);
}
.qnaList > ul > li > a > span.is_question { position:relative; }
.qnaList > ul > li > a > span.is_question:before { content:attr(data-this-text); display:inline-block; font-size:12px; color:#5C6272; font-weight: 400; padding:0 0;
    height:22px; line-height: 22px; border-radius: 2px;  text-align: center;
}
.qnaList > ul > li > a > span.count_list { position:relative; }
.qnaList > ul > li > a > span.count_list:before { content:attr(data-this-text); display:inline-block; font-size:12px; color:#5C6272; font-weight: 400; padding:0 0;
    height:22px; line-height: 22px; border-radius: 2px;  text-align: center;
}

.qnaList > ul > li > a > strong { font-size:15px; font-weight: 700; margin:0 0 20px 0; cursor: pointer; position:relative; width:100%;}
.noticeList > ul > li > a > strong{white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; padding-right: 65px; line-height: 21px}
.qnaList > ul > li > a > strong.on { color:#431F88; }
.qnaList.noticeList > ul > li > a > strong { margin:0; font-weight: 400; }
.qnaList > ul > li > a em { font-size:11.5px; font-weight: 400; color:#5C6272; position: absolute; right: 20px; bottom: 20px; line-height: 16px}

.qnaList > ul > li > a i { font-size:12.5px; margin-left:auto; font-weight: 400; color:#5C6272; }

.qnaList > ul > li > a > div { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.qnaList > ul > li > a > div > i { margin-left:auto; }
.qnaList > a {  display:inline-block; margin: 20px 20px 20px auto; background:#F6F7F8; color:#2A303C; font-weight: 400; font-size:12px; height:34px; line-height: 34px; padding:0 25px; }
.qnaList > nav { width:100%; }
.qnaNewstyle > a{margin: 20px 24px 2px auto}
.customerServiceWrap .pagination{margin: 30px 0 0 0}
.qnaView {  width:100%; padding:30px 20px; margin-bottom:60px; display:flex; flex-wrap: wrap; }
.qnaView > h3 { margin:0 0 12px 0; width:100%; display:flex; align-items: center; flex-wrap: wrap; }
.qnaView > h3 > span { font-size: 11.5px; font-weight: 400; color:#5C6272; margin:0 10px 0 0; }
.qnaView > h3 > strong { font-size: 15px; font-weight: 700; color:#2A303C; }
.qnaView > i, .qnaView > em { font-size:11px; margin:0 12px 0 0; color:#5C6272; font-weight: 400; }
.qnaView > em { color:#BBC0C9; }
.qnaView > ul { margin: 0px 0; width:100%; display:flex; flex-direction: column; }
.qnaView > ul > li { padding:20px 0; font-size:15px; font-weight: 400; }
.qnaView > ul > li:first-child { padding:32px 0 60px 0; border-bottom:#EAECF0 1px solid; color:#5C6272; }
.qnaView > ul > li:last-child > p { color:#2A303C; font-weight: 400; }
.qnaView > ul > li:last-child{margin-bottom: 12px}
.qnaView > ul > li.answer img {max-width: 100%;}
.qnaView > ul > li > strong { display:inline-block; margin: 0 0 10px 0; width:100%; color:#2A303C; font-weight: 700; font-size:11.5px; }
.detail_list_btn{display: flex; justify-content: space-between; width: 100%}
.detail_list_btn > a {  display:inline-block;  background:#F6F7F8; color:#2A303C; font-weight: 400; font-size:12px; height:34px; line-height: 34px; padding:0 25px; }
.detail_list_btn > a:last-of-type{margin-left: 0;}
.detail_list_btn > a.btn_cancel{font-size: 12px;font-weight: 400;line-height: 18px;letter-spacing: -0.5px; text-decoration-line: underline; border: none; background: transparent; display: flex; align-items: center; padding: 0; color: #4A515F}
.qnaView .btnWrap { width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin:20px 0 20px 0; }
.qnaView > .btnWrap > a { display:inline-block;  background:#F6F7F8; color:#2A303C; font-weight: 400; font-size:12px; height:34px; line-height: 34px; padding:0 25px; }
.qnaView > .btnWrap > a.modify { background-color: #431F88; color: #fff; }
.qnaView .btnWrap .btn_cancel { margin: 10px auto;border:#BBC0C9 1px solid; background:#fff; color:#2A303C; font-size:14px; font-weight: 500; width: 50%; text-align: center; }
.qnaView .btnWrap .btn_modify { margin: 10px auto;color:#fff; font-size:15px; font-weight: 700; background-color: #431F88; width: 50%; text-align: center; }

.noticeList > ul > li > a > span.is_notice:before{height: 17px; font-size: 9px; width: 25px; line-height: 17px;}
.noticeList > ul > li > a > span.is_notice{margin-bottom: 4px}


.qnaWrite {  width:100%; padding:0 20px 10px 20px; margin-bottom:10px; display:flex; flex-wrap: wrap; }
.qnaWrite > h3 { margin:0 0 20px 0; width:100%; display:flex; align-items: center; flex-wrap: wrap; }
.qnaWrite > h3 > span { font-size: 12px; font-weight: 400; color:#5C6272; margin:0 10px 0 0; }
.qnaWrite > h3 > strong { font-size: 16px; font-weight: 700; color:#2A303C; }
.qnaWrite > ul {  margin: 0px 0; width:100%; display:flex; flex-direction: column; }
.qnaWrite > ul > li { padding:0; margin: 0 0 15px 0; }
.qnaWrite > ul > li.labelNoPadding > label { padding-top:0; }
.qnaWrite > ul > li > label.matter-checkbox { padding:0; margin: 10px 0; }
.qnaWrite .wr_pass { display:none; }

.guest_agree { width:100%; margin:30px 0 0 0; }
.guest_agree > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; }
.guest_agree > ul > li { width:100%; margin:4px 0; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.guest_agree > ul > li > a { margin-left:auto; background:transparent; border:0; font-size:12px; }
.guest_agree > ul > li > h4 { font-size: 12.5px; width:100%; margin: 0 0 10px 0;    font-weight: 400; }

.qnaWrite .matter-checkbox > span { font-size:15px !important; font-weight: 400 !important; }

.isGuestWrap {  }
.isGuestWrap + .btn_submit { margin: 0 20px 60px auto; display:inline-block; background:#2A303C; color:#ffffff; font-weight: 400; font-size:12px; height:34px; line-height: 34px; padding:0 25px; }
.isGuestWrap + .btn_submit:disabled { background:#F6F7F8; color:#BBC0C9; }
.pc_br{display: block}
.PcTabOrder{display: none}
.PcTitle{display: none}
.notice_subtext,
.PcSubTitle{text-align: center; margin: 36px 0; font-size: 21px; font-weight: 700; line-height: 23px}
.count_list{display: none}

.guestWrap > h3 {  margin: 0 0 20px 0;}
.guestWrap > h3 > strong { font-size:15px; font-weight: 700; }
.qnaNewstyle > ul > li > a em{position: static; font-size: 12.5px; line-height: 17px}
.qnaNewstyle > ul > li > a > div > em{min-width: 23px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-right: 12px}
.qnaNewstyle > ul > li > a > strong{font-size: 16px; margin-bottom: 16px; line-height: 23px; letter-spacing: -0.5px; color: #2A303C}
.qnaNewstyle > ul > li > a > span{line-height: 17px; margin-bottom: 3px}
.qnaNewstyle > ul > li > a{padding: 24px}
.qnaNewstyle > ul > li > a > div{flex-wrap: nowrap}
.qnaNewstyle > ul > li > a > div > div{display: flex; width: 100%}
.qnaNewstyle > ul > li > a > span.is_question:before{font-size: 12.5px; letter-spacing: -0.5px;}
.contactWrite .matter-checkbox > span{font-size: 12.5px !important; padding-left: 21px}
.contactWrite .matter-checkbox > input{width: 10px; height: 10px; border-color: #4A515F; border: solid 1px; border-radius: 0; margin: 3px;}
.contactWrite .matter-checkbox > input + span::after{width: 6px; height: 2px;}
.contactNonwrite{margin-top: 0}
.contactNonwrite .loginWrap{margin-top: 0}
.contactNonwrite .guestWrap > h3{margin-bottom: 16px; line-height: 21px; letter-spacing: -0.5px}
.contactNonwrite .matter-checkbox > input{border-radius: 0px; border: solid 1px;}
.rsizeServiceTabs > ul > li{margin: 0 14px}

.benefitWrap { width:100%; }
.benefitInnerWrap { width:100%; display:flex; flex-direction: row; flex-wrap: wrap; padding:34px 24px;  margin:0 0 2.3rem 0; }
.benefitInnerWrap > h2 { width:100%; font-size:16.5px; font-weight: 700; color:#431F88; margin: 0 0 1.25rem 0; }
.benefitInnerWrap > ul { width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.benefitInnerWrap > ul > li { width:100%; margin-bottom:2.5rem; }
.benefitInnerWrap > ul > li:last-child { margin-bottom:0; }
.benefitInnerWrap > ul > li > a { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.benefitInnerWrap > ul > li > a > * { width:100%;}
.benefitInnerWrap > ul > li > a > span { margin-bottom:0.75rem; position:relative; display:flex; }
.benefitInnerWrap > ul > li > a > span > img { width:100%; }
.benefitInnerWrap > ul > li > a > strong { font-size:15px; font-weight: 700; color:#2A303C; margin-bottom:0.5rem; padding-left:0.75rem; position:relative; }
.benefitInnerWrap > ul > li > a > i { width:auto; font-size:11.5px; font-weight: 400; color:#2A303C; margin-right:1.25rem;padding-left:0.75rem;  }
.benefitInnerWrap > ul > li > a > em { width:auto; font-size:11.5px; font-weight: 400; color:#798493; }

.benefitInnerWrap > ul > li.is_end > a > span:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(42, 48, 60, 0.65); }
.benefitInnerWrap > ul > li.is_end > a > strong { color:#5C6272; }
.benefitInnerWrap > ul > li.is_end > a > strong:before { content:"종료"; position:absolute; left:0.75rem; top:-20px; width:auto; height:19px; line-height: 19px; background:#EAECF0;
display:inline-block; padding:0 12px; border-radius: 20px; font-size:11px; color:#2A303C; font-weight: 700;  }
.benefitInnerWrap > ul > li.is_end > a > i { color:#798493; }

.benefitProgressWrap { }
.benefitEndWrap { }

.benefitViewWrap { width:100%; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding:34px 24px; }
.benefitViewWrap > .benefitHeader { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom:0.95rem; }
.benefitViewWrap > .benefitHeader > * { width:100%;}
.benefitViewWrap > .benefitHeader > span { width:auto; display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap;
    height:19px; line-height: 19px; background:#EAECF0; padding:0 12px; border-radius: 20px; font-size:11px; color:#2A303C; font-weight: 700; margin-bottom:0.50rem; }
.benefitViewWrap > .benefitHeader > span.progress { background:#431F88; color:#FFFFFF; }
.benefitViewWrap > .benefitHeader > h2 { font-size:19px; font-weight: 700; color:#2A303C; margin-bottom:0.5rem; position:relative; margin-bottom:0.75rem;  }
.benefitViewWrap > .benefitHeader > i { width:auto; font-size:11.5px; font-weight: 400; color:#2A303C; margin-right:1.25rem;  }
.benefitViewWrap > .benefitHeader > em { width:auto; font-size:11.5px; font-weight: 400; color:#798493; }
.benefitViewWrap > .benefitContent { width:100%; min-height: 500px; background:#D9D9D9; }
.benefitViewWrap > .benefitButtonWrap { width:100%; margin:34px 0 0 0; display:flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.benefitViewWrap > .benefitButtonWrap > * { width:auto; margin:0 0 0 5px; background: #F6F7F8; color:#2A303C; font-size:12px; font-weight: 400; display:inline-block;
height:34px; line-height: 34px; padding:0 20px; }

.priceServiceWrap { width:100%; }
.serviceTitle { width:100%; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; position:relative; margin:0 0 20px 0; }
.titleText { position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); z-index: 1; }
.titleText > h2 { font-size: 19px; color:#fff; line-height: 27px; font-weight: 700; margin:0 0 10px 0; text-align: center; }
.titleText > h3 { font-size: 12.5px; color:#fff; line-height: 17px; font-weight: 400; text-align: center; width: calc(100% - 40px); margin: 0 auto }
.serviceTitle > img { width:100%; position:relative; }

.newServiceFuneral{margin-bottom: 32px; height: 160px}
.newServiceFuneral > img.is_mobile_wrap{width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center}
.newServiceFuneral > div.titleText > h2{margin: 0 0 8px 0}
.servicePriceList { width:100%; display:flex; flex-wrap: wrap; }
.servicePriceList > h3 { color:#5C6272; font-size:11.5px; font-weight: 400;line-height: 16px; margin:20px 0; width:100%;  text-align: center; }
.servicePriceList > ul { width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap:wrap; }
.servicePriceList > ul > li { width:100%; margin:0 0; border-top:#EAECF0 1px solid; padding:20px 24px 12px 24px; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.servicePriceList > ul > li:last-child { border-bottom:#EAECF0 1px solid; }
.servicePriceList > ul > li > strong { font-size: 16px; color:#431F88; line-height: 23px; font-weight: 700; margin:0 0 10px 0; display:flex; align-items: center; }
.servicePriceList > ul > li > strong > b { display:inline-block; font-size:10px; padding:0px 4px; border-radius: 2px; background:#B59C8E; color:#FFFFFF;
margin:0 7px 0 0; height:17px; line-height: 17px; font-weight: 400;}
.servicePriceList > ul > li > i { font-size: 16px; color:#2A303C; line-height: 23px; font-weight: 700; margin:0 0 10px 0; }
.servicePriceList > ul > li > i > em { font-size: 12.5px; color:#2A303C; font-weight: 400; margin:0 0 0 5px; }
.servicePriceList > ul > li > span { width:100%; font-size: 12.5px; color:#2A303C; line-height: 17px; font-weight: 400; margin:0 0 0 0; }
.servicePriceList > ul > li > h6 { font-size: 10px; color:#798493; line-height: 14px; font-weight: 400; transform: scale(.9,.9) translateX(-11px);}

.servicePriceList .imgWrap { width:100%; margin:12px 0; }
.servicePriceList .imgWrap > img { width:100%; height: 100%; object-position: center center; object-fit: cover}

.serviceEtcList { margin:0 0 40px 0; }
.serviceEtcList > ul { padding: 0 24px; }
.serviceEtcList > ul > li { border:0 !important; background-color:rgba(181, 156, 142, 0.08); border-radius: 4px; padding:55px 0 21px 24px; margin:12px 0;
    display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-repeat: no-repeat; background-position: right 20px top 30px; }
.serviceEtcList > ul > li:nth-child(even) { background-color:#F6F7F8; }
.serviceEtcList > ul > li > strong { font-size: 17.5px; color:#431F88; font-style: normal;    font-weight: 700;    line-height: 28px;  display: block; text-align: center;
    width: 100%;}
.serviceEtcList > ul > li > span { font-size: 12.5px; color:#2A303c; font-style: normal;    font-weight: 400;    line-height: 17px; text-align: center; display: block}
.serviceEtcList > ul > li{background-size:110px 105px; background-position: right top;}
.serviceEtcList > h3 { color:#2A303C; font-size: 12.5px;    font-style: normal;    font-weight: 400;    line-height: 17px; }
.serviceEtcList > h6 { padding:10px 36px;  font-size: 11px;    font-style: normal;    font-weight: 400; color:#5C6272; }

.stonePage { width: 100%; height: 220px; margin-bottom: 40px;}
.stonePage ul li .stone-img { width: 100%; height: 100%; object-fit: cover; object-position: center center }
.stonePage .swiper-pagination { bottom: var(--swiper-pagination-bottom,8px) !important; top: var(--swiper-pagination-top,auto) !important; left: 0!important; width: 100%!important;}
.stonePage .swiper-pagination > .swiper-pagination-bullet { background-color: #fff !important; opacity: 0.8 !important;}
.stonePage .swiper-pagination > .swiper-pagination-bullet-active { background-color: #2A303C !important;}

.serviceOptionWrap { margin: 40px 0; }
.serviceOptionWrap > ul > li, .serviceProcessWrap > ul > li { border:0 !important; }
.serviceOptionWrap > ul > li > strong, .serviceProcessWrap > ul > li > strong  { color:#2A303C; }
.serviceOptionWrap .imgWrap img { width:100%; }

.serviceProcessWrap .imgWrap { margin-top:0; height: 220px}
.serviceProcessWrap > strong {  font-size: 16px; color:#2A303C; line-height: 23px; font-weight: 700; margin:0 0 0px 0; display:flex; align-items: center; padding-left:24px; }
.serviceProcessWrap > ul { flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.serviceProcessWrap .swiper-pagination { top:auto; bottom:0px; font-size: 11.5px;    font-style: normal; font-weight: 400 !important; background:rgba(42, 48, 60, 0.7); color:#fff; height:20px; line-height: 20px;
    padding:0 8px; width:auto; display:inline-block; right:20px; left:auto; border-radius: 20px;
}
.new_option_funeral{margin-top: 32px}
.servicePriceList > ul.under_serviceOption > li > strong{margin-bottom: 8px}
.funeral_br{display: none}
.serviceProcessContent { width:100%; display:flex; flex-wrap: wrap; margin: 0;}
.serviceProcessContent > ul { width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap:wrap; }
.serviceProcessContent > ul > li { width:100%; margin:0 0; border-top:#EAECF0 0px solid; padding:0; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.serviceProcessContent > ul > li > strong { font-size: 15px; color:#2A303C; line-height: 23px; font-weight: 700; margin:0 0 8px 0; display:flex; align-items: center; }
.serviceProcessContent > ul > li > strong > b { display:inline-block; font-size:12.5px; padding:0px 0; border-radius: 2px; color:#2A303C;
    margin:0 7px 0 0; height:17px; line-height: 17px; font-weight: 400;}
.serviceProcessContent > ul > li > i { font-size: 16px; color:#2A303C; line-height: 23px; font-weight: 700; margin:0 0 10px 0; }
.serviceProcessContent > ul > li > i > em { font-size: 12.5px; color:#2A303C; font-weight: 400; margin:0 0 0 5px; }
.serviceProcessContent > ul > li > span { width:100%; font-size: 12.5px; color:#2A303C; line-height: 17px; font-weight: 400; margin:0 0 0 0; display: block}
.serviceProcessContent > ul > li > h6 { font-size: 10px; color:#798493; line-height: 14px; font-weight: 400; display: block; margin-top: 12px}

.serviceStoneProcessWrap { padding:0 40px 0px 40px; }
.serviceStoneProcessWrap > h3 { font-size: 16px;    font-style: normal;    font-weight: 700;    line-height: 23px; margin:0 0 20px 0; }
.serviceStoneProcessWrap > ul { width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; }
.serviceStoneProcessWrap > ul > li { padding-left:24px; position:relative; padding-bottom:20px; display:flex; flex-direction: column; }
.serviceStoneProcessWrap > ul > li:before { content:attr(data-this-no); position:absolute; left:0; top:1px; width:14px; height:14px; line-height: 14px; text-align: center;
    background:#F1F2F3; color:#5C6272; font-weight: 400; font-size:10px; border-radius: 100%; z-index: 2;
}
.serviceStoneProcessWrap > ul > li:not(:last-child):after { content:""; width:1px; height:100%; background:#F1F2F3; position:absolute; left:6px; top:0; z-index: 1; }
.serviceStoneProcessWrap > ul > li > strong { font-size: 12.5px; margin:0 0 4px 0;
    font-style: normal;
    font-weight: 700;
    line-height: 17px; }
.serviceStoneProcessWrap > ul > li > span { font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; }
.stoneNoticeWrap { margin-top: 20px; padding-bottom: 60px}

.servicePetlossWrap .serviceProcessContent { padding:0 20px; }
.servicePetlossWrap .serviceProcessContent { width:100%; margin:0;  }
.servicePetlossWrap .serviceProcessContent > ul > li > strong { color:#431F88; font-weight:700; font-size:22px; line-height: normal;  }
.servicePetlossWrap .serviceProcessContent > ul > li > span {  font-weight:400; font-size:14px; line-height: 24px; }
.servicePetlossWrap .serviceProcessContent > ul > li > span br{
    display: inline-block;
    content: " ";
    padding: 0 1px;
}
.left-title{display: flex; align-items: center; margin-bottom: 12px}
.left-title > span{font-size: 11.5px; font-weight: 400; line-height: 16px; color: #5C6272; }
.left-title > strong{color: #2A303C; font-size: 15px; font-weight: 700; line-height: 21px; margin-left: 8px; display: block}
.qnaView > ul > li:first-child{padding: 0 0 60px 0;}
.qnaView > h2{display: none}
.right-title{display: flex; align-items: center; margin-bottom: 32px}
.right-title > span{font-size: 11px; font-weight: 400; line-height: 15px; color: #5C6272;}
.right-title > em{font-size: 11px; font-weight: 400; line-height: 15px; color: #BBC0C9; margin-left: 12px}
.qnaView > ul > li:last-child{margin-bottom: 0}
.menu{position: relative}
.select_custom_sub {position: absolute; top:47px; width: 100%; z-index: 999; background-color: #ffffff; padding: 20px 22px;}
.select_custom_title{font-size: 16.5px; font-weight: 400; line-height: 23.89px; letter-spacing: -0.5px; color: #BBC0C9}
.select_custom_title.error { border-color:#EC696B !important; }

#questForm input.error, #questForm select.error, #questForm textarea.error {
    border-color: #EC696B !important;
}

.select_custom_sub > li{margin-bottom: 12px; width: 100%; height: 24px; }
.select_custom_sub > li > button{text-align: left;  height: 100%; display: flex; align-items: center; width: 100%; font-size: 16.5px; font-weight: 400; line-height: normal}
.title-detail-box > li{margin-bottom: 12px}
.loginWrap textarea{height: 160px; resize: none}
.last-funeral-swiper > ul > li{padding-top: 8px; }

.lastServiceProcess > ul > li > strong{font-size: 15px; font-weight: 700; line-height: 21px; letter-spacing: -0.5px}
.lastServiceProcess > ul > li > span{font-size: 11.5px; font-weight: 400; line-height: 16px; letter-spacing: -0.5px; color: #5C6272;}
.reStylyRoundTabs > ul > li > *{letter-spacing: -0.5px;}
.newPriceFuneral > h3.is_mobile_wrap{margin: 20px 0 8px 0; line-height: 14px; letter-spacing: -0.5px; text-align: right; padding-right: 26px; font-size: 9px}
.reSizeNoticeinfo{padding-bottom: 0}

.ListShowBanner{width: 327px; margin: 0 auto; padding: 14px 16px; position: fixed; bottom: 16px; left: calc(50% - 163.5px); z-index: 999; height: 83px; display: flex; align-items: center; justify-content: center}
.ListShowBanner > div:first-of-type{position: absolute; width: 100%; background: rgba(60, 67, 82, 0.85); backdrop-filter: blur(2px); border-radius: 4px; height: 100%; z-index: -1}
.ListShowBanner > div > span{display: block; font-size: 9px; font-style: normal;font-weight: 400;line-height: 14px;letter-spacing: -0.5px; margin-bottom: 8px; color: #FFF}
.ListShowBanner > div > p{font-size: 12.5px; font-style: normal; font-weight: 400; line-height: 17px; letter-spacing: -0.5px; color: #FFF}
.newPriceFuneral > h3{margin: 16px 0}
.extraService .serviceTitle{position: relative; height: 160px; margin-bottom: 32px}
.extraService .serviceTitle > img.is_mobile_wrap{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.extraService .titleText > h2{margin-bottom: 0}
.serviceEtcList > h3.is_mobile_wrap{margin-top: 16px}
.serviceEtcList > h6.etc-h6{padding: 4px 36px 0 36px}
#optionFlowerWrap > ul > li{height: 200px;}
#optionFlowerWrap > ul > li > img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center}
.wirte-select-custom{padding: 20px 0}
.secret-message > li > label{display: flex; align-items: center;margin-bottom: 13.5px}
.pc-block-content{display: none}
.failAlert .alertWrapInner{height: auto}
.customerServicetab > ul{height: 41px}
.customerServicetab > ul > li{margin: 0 20px;}
.customerServicetab > ul > li > a{height: 41px; font-size: 12.5px; line-height: 41px; letter-spacing: -0.5px; font-weight: 400; color: #798493}
.customerServicetab > ul > li:first-of-type > a{font-family: 'Roboto' !important; font-size: 13.5px}
.customerServicetab > ul > li:last-of-type{ padding-right: 24px; margin-right: 0;}
.contactWrite{margin: 25px 24px 40px 24px; padding: 0}
.contactWrite .select_custom_title{height: 47px}
.loginWrap input[type='text']{height: 47px}
.contactWrite .title-detail-box > li{margin-bottom: 10px}
.contactWrite > ul > li{margin-bottom: 16px}
.contactWrite > h3 > strong{line-height: 23px; letter-spacing: -0.5px}
.loginWrap > ul > li.mb-restyle{margin-bottom: 16px}
.restyle-scretmessage > li > label{margin-bottom: 0}
.isGuestWrap + .quest-write-btn{margin-bottom: 80px}
.isGuestWrap + .quest-write-btn2{margin-bottom: -40px}
#contents{min-height: 160px}
.noticeDetail .boardTitle > em{font-size: 11.5px}
.note-editor{display: none; margin: 20px 0 32px 0; position: relative; padding-left: 23px}
.note-editor:before { content:"A"; font-weight: 600; color: #431F88; font-size: 16px; position: absolute; left: 0; top: -5px}
.qnaList > ul > li.is_focus {background:#F6F7F8}
.funeralFullbox .serviceTabs > ul{height: 41px}
.funeralFullbox .serviceTabs > ul > li > a{height: 41px; line-height: 41px;}
.funeralFullbox .roundTabs > ul > li{margin: 0 6px;}
.funeralFullbox .servicePriceList > ul.funeral_search_list > li{padding: 20px 24.5px}
.servicePriceList > ul > li > i{margin: 0 0 7px 0}
.funeralFullbox .servicePriceList > ul > li > strong{margin: 0 0 8px 0}
.funeralFullbox .noticeInfoWrap .noticeContent{padding: 16px 16px 20px 16px }
.funeralFullbox .extraService .servicePriceList > ul > li{padding: 34px 10px}

.funeralFullbox .extraService .servicePriceList > ul > li > strong{margin-bottom: 20px }
.serviceEtcList > h6.etc-h6 > p{line-height: 15px; font-size: 11px}
.serviceEtcList > h6.etc-h6 > p:not(:last-of-type){margin-bottom: 4px;}
.extraService .serviceEtcList{margin-bottom: 60px}
.funeralFullbox .extraService .serviceProcessWrap > ul > li{padding: 8px 24px 0 24px }
.servicePriceList > ul > li.swiper-slide{padding: 8px 24px 0 24px}
.serviceProcessWrap > strong.le-pd{padding-left: 37px}
.reStyleProcess > ul > li > span{color: #5C6272; font-size: 11.5px; font-weight: 400; line-height: 16px; letter-spacing: -0.5px; margin: 0}
.reStyleProcess > ul > li > strong{margin-bottom: 12px;line-height: 21px}
.reStyleProcess > ul > li > strong > b{line-height: 18px}
.reStyleProcess > ul > li > h6{margin-top: 12px}
.serviceEtcList > ul.stone-info-list{margin-bottom: 0}
.stone-info-list > li:first-of-type{margin-top: 0}
.stone-info-list > li:last-of-type{margin-bottom: 0}
.serviceStoneProcessWrap > ul > li:last-of-type{padding-bottom: 0}
.mb-active,
.serviceTitle{display: block}
.pc-active{display: none;}
.extraService .serviceStoneList{margin-bottom: 40px}
.serviceStoneProcessWrap > ul{display: block}
.pc-br{display: none}
.mb-br{display: block}
#optionFlowerWrap .swiper-pagination-bullet{background: #FFFFFF; opacity: 0.8}
#optionFlowerWrap .swiper-pagination-bullet-active{background:#2A303C; opacity: 1}
.serviceProcessContent {opacity: 0;transition: opacity 0.5s ease-in-out; transition-delay: 0.1s}
.swiper-slide-active .serviceProcessContent {opacity: 1;}
.serviceProcessWrap .imgWrap > img.pc-priceList{display: none}
.serviceProcessWrap .imgWrap > img.mb-priceList{display: block}
#optionFlowerWrap > ul > li > img.pc-funeralflowr{display: none}
#optionFlowerWrap > ul > li > img.mb-funeralflowr{display: block}
.stonePage ul li .pc-stone-img{display: none}
.stonePage ul li .mb-stone-img{display: block}
.stone-price-box{display: flex; align-items: flex-end; justify-content: center; padding: 0 40px; margin-bottom: 40px}
.stone-price-box > span{font-size: 16px; line-height: 23px; letter-spacing: -0.5px; color: #2A303C; font-weight: 700; width: 100%}
.stone-price-box > div{font-size: 12.5px; color: #2A303C;display: flex; align-items: center ;font-weight: 400}
.stone-price-box > div > p{color: #431F88; font-size: 19px; line-height: 27px; font-weight: 700; margin-left: 48px;margin-right: 4px}
.pc-stone{display: none;}
.mb-stone{display: flex; margin-bottom: 0}
.stonePage{margin-bottom: 24px}
.pc-text{display: none}
.procedurButton{font-size: 9px; line-height: 13px; color: #fff; padding: 2px 4px; display: block; font-weight: 400; border-radius: 2px; background-color: #5C6272; display: inline-block; margin-bottom: 12px}
.lastServiceProcess > ul > li{display: block}
.mb-hide{display: none}
.servicePriceList > ul.mb-be-etc-list{display: flex; flex-wrap: nowrap; justify-content: initial; align-items: inherit; flex-direction: row; padding: 0}
.servicePriceList > ul.pc-be-etc-list{display: none}
.mbBeetclist{overflow: hidden; width: calc(100% - 70px); margin: 0 auto;}
.mbBeetclist .swiper-pagination-bullet-active{background-color: #2A303C}
.mbBeetclist .swiper-pagination-bullet{width: 6px; height: 6px; display: inline-block}
.mbBeetclist > h6.etc-h6{padding-left: 0}
.funeralFullbox .extraService .mbBeetclist > ul > li{padding-bottom: 61px}
.mbBeetclist .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -13px}
.mbBeetclist.swiper-horizontal .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom:50px; top:auto; position:relative;
}
.unaccompanied-info > ul > li > div > img.pc-mobility{display: none}
.unaccompanied-info > ul > li > div > img.mb-mobility{display: block}
.unaccompanied-info{background-color: #F6F7F8; padding: 44px 24px}
.unaccompanied-info > h2{font-size: 16px; font-weight: 700; color: #2A303C; line-height: 23px; margin-bottom: 32px; text-align: center}
.unaccompanied-info > h2 > span{font-size: 16px; font-weight: 700; color: #2A303C; line-height: 23px; display: inline-block}
.unaccompanied-info > ul{display: block}
.unaccompanied-info > ul > li{margin-bottom: 40px}
.unaccompanied-info > ul > li > div{display: flex; flex-direction: column-reverse; margin-bottom: 12px;}
.unaccompanied-info > ul > li > div > h3{color: #431F88; font-size: 15px; font-weight: 700; line-height: 21px; margin-bottom: 12px}
.unaccompanied-info > ul > li > div > img{display: block; width: 100%}
.unaccompanied-info > ul > li > p > span{display: block}
.unaccompanied-info > ul > li > p > span,
.unaccompanied-info > ul > li > p{color: #4A515F; font-size: 12.5px; font-weight: 400; line-height: 17px}
.unaccompanied-info > ul > li > p > strong{font-weight: 300}
.unaccompanied-info > div > p{display: none}
.unaccompanied-info > hr{display: none}
.unaccompanied-info > ul > li:last-of-type{margin-bottom: 0}
.unaccompanied-info{margin-bottom: 60px}
.unaccompanied-info > ul > li > p > br{display: none}
.mb-show{display: block}
.pc-txt-intro {display: none}
.mb-txt-intro {color:#4A515F; display: block; font-size: 15px; font-style: normal; font-weight: 400; line-height: 21px; margin-bottom: 36px; text-align: center;}
.mb-txt-intro > a, .mb-txt-intro > strong {font-weight: 700}
.contactPcTitle{margin-bottom: 0; display: none;}
.contactMTitle {font-size: 21px; font-weight: 700; line-height: 30px; margin-top: 40px; margin-bottom: 10px; text-align: center;}
/*review_Collection str*/
.collection-container{}
.collection-container .ttl_wrap {width: calc(100% - 48px); margin: 40px auto 30px; text-align: center;}
.collection-container .ttl_wrap > h2 {margin-bottom: 12px; font-size: 21px; font-weight: 700; line-height: 30px;}
.collection-container .ttl_wrap > p {font-size: 15px; font-weight: 400; line-height: 21px; justify-content: center;}

#mainReview {margin-bottom: 50px;}
#mainReview .swiper-slide > div {position: relative;}
#mainReview .swiper-slide-next > div {opacity: 0.8 !important;}
#mainReview .swiper-slide-prev > div, #mainReview .swiper-slide-next > div {transform: translateX(0) !important;}
#mainReview .swiper-slide > div img {width: 100%; transition: opacity 0.3s ease;}
#mainReview .swiper-slide:not(.swiper-slide-active) > div {width: 100%; height: auto; line-height: 0; transition: width 0.3s ease-in, height 0.3s ease-in, opacity 0.3s ease-in; background: #fff; border-radius: 4px;box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15); color: #4A515F;}
#mainReview .swiper-slide:not(.swiper-slide-active) > div > img {opacity: 0;}
#mainReview .swiper-slide > div {position: relative; transition: color 0.3s ease-in-out;}
#mainReview .swiper-slide > div .txt-wrap {height: 100%; padding: 19px 16px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; left: 0; top: 0; transition: color 0.3s ease;}
#mainReview .swiper-slide > div .txt-wrap .user {font-size: 11px; line-height: 15px; font-weight: 300; display: flex; align-items: center;  gap: 5px;}
#mainReview .swiper-slide-active > div {color: #fff;}
#mainReview .swiper-slide-active > div .txt-wrap > div h3 {font-size: 12.5px; line-height: 17px; font-weight: 700;}
#mainReview .swiper-slide > div .txt-wrap > div p,
#mainReview .swiper-slide-active > div .txt-wrap > div p {font-size: 13px; line-height: 20px;}
#mainReview .swiper-slide-active > div .txt-wrap > div p {font-weight: 300;}
#mainReview .swiper-slide > div .txt-wrap > div p {margin-top: 12px;  word-break: keep-all;}

#mainReview .pagination {display: flex; align-items: center; gap: 6px; margin-top: 16px; width: auto; flex-direction: row;  justify-content: center; flex-wrap: wrap;}
#mainReview .pagination .pagination-bullet {width: 8px; height: 8px; background-color: #D1D4DA; border-radius: 100px; display: block; transition: all 0.3s ease-in;}
#mainReview .pagination .pagination-bullet.on {background: #431F88;}

.head-li {display: none}
.collection-list {width: calc(100% - 48px); margin: 0 auto;}
.collection-list > li {border-bottom: 1px solid #EAECF0; padding-bottom: 20px; margin-bottom: 16px}
.collection-list > li .storeData {margin-bottom: 6px; color: #431F88; font-size: 13px; font-weight: 700; line-height: 17px; }
.collection-list > li .review-content {margin-bottom: 10px; font-size: 15px; font-weight: 400; line-height: 23px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; }
.collection-list > li > div {display: flex; align-items: center; gap: 6px;  }
.collection-list > li > div > * {color: #798493; font-size: 13px; font-weight: 400; line-height: 11px;}
.collectionStyle > div > div > div > div:last-of-type.review-pop-title{display: flex; justify-content: space-between}
.collectionStyle > div > div > div > div:last-of-type > div{display: flex}
.collectionStyle > div > div > div > div:last-of-type > div span{font-size: 11.5px; line-height: 16px; color: #5C6272;font-weight: 400; display: block}
.collectionStyle > div > div > div > div:last-of-type > div:first-of-type span:first-of-type{ padding-right: 8px; margin-right: 8px; position: relative}
.collectionStyle > div > div > div > div:last-of-type > div:first-of-type span:first-of-type:after{content: ''; background-color: #5C6272; width: 1px; height: 11px; position: absolute; top: 1.5px; right: 0 }
.collectionStyle > div > div > div > div:last-of-type > div:last-of-type span{ color: #798493; font-size: 11px; font-weight: 350;}
.collectionStyle > div > div > div > div:last-of-type > div:last-of-type span:first-of-type{margin-right: 9px}
.collectionStyle > div > div > div > div:last-of-type > div:last-of-type{position: absolute; bottom: 57px; right: 30px}
.collectionStyle > div > div > div > p{height: 200px !important; margin-bottom: 34px !important;}
.collectionStyle > div{position: relative}
/*review_Collection fin*/
/*문의하기 이미지 첨부 css*/
.file-upload-li{display: block;}
.file-upload-li > div:first-of-type{margin-bottom: 12px; display: flex; align-items: flex-end}
.file-upload-li > div:first-of-type > strong{color: #2A303C; font-size: 12.5px; font-weight: 400; display: block; line-height: 17px;}
.file-upload-li > div:first-of-type > p{font-size: 9px; font-weight: 400; display: block; color: #949FAC; line-height: 13px; margin-left: 6px}
#upload-file-img{display: none}
.attach-file{width: 100px; height: 100px; background: url('../img/quest-write-fileicon.png') no-repeat center center #F6F7F8; background-size: 28px; padding: 0; cursor: pointer}
.attach-file > label{width: 100%; height: 100%; display: block}
.contactWriteDetail > form{display: block}
.contact-upload-btn{max-width: 1320px; width: calc(100% - 48px); margin: 0 auto; display: flex; justify-content: flex-end}
.contact-upload-btn > div:first-of-type{display: flex; align-items: center}
.contact-upload-btn > div:first-of-type .matter-checkbox{display: flex; align-items: center}
.contact-upload-btn > div:first-of-type .matter-checkbox span{color: #5C6272; font-size: 14px; font-weight: 400; line-height: 22px}
.contact-upload-btn button{margin-left: 40px; background-color: #2A303C}
.contact-file-list{display: flex; align-items: center; margin-bottom: 14px}
.contact-file-list > li{width: 100px; height: 100px; position: relative; margin-right: 13px}
.contact-file-list > li > img{display: block; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; width: 100% ; height: 100%}
.img-total-contact{display: flex; flex-wrap: wrap}
.mob-Private-contact{display: block; width: calc(100% - 48px); margin: 0 auto 40px}
.mob-Private-contact .matter-checkbox > input + span{font-size: 12.5px; font-weight: 400; padding-left: 0}
.mob-Private-contact .matter-checkbox{display: flex; align-items: center; margin-bottom: 13.5px}
.mob-Private-contact .matter-checkbox > input{border: solid 1px}
.contactWrite{width: calc(100% - 48px); margin: 25px auto 20px;}
.mob-Private-contact #wr_pass{height: 47px; width: 100%; border: 1px solid #BBC0C9; border-radius: 2px; padding-left: 16px; font-size: 16px; font-weight: 400; color: #2A303C}
.mob-Private-contact #wr_pass::placeholder{color: #BBC0C9}
.labelNoPadding.wr_pass{display: block}
.close-contact-img{position: absolute; z-index: 999; width: 20px; height: 20px; background: transparent;border: none; padding: 0; right: 0}
.close-contact-img > img{display: block; width: 100%; height: 100%}
.attach-img-contact{display: block;}
.attach-img-contact > li{width: 327px; height: 200px; position: relative; margin-right: 20px;  margin-top: 22px; margin-bottom: 22px}
.attach-img-contact > li > img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}

.qnaView .question .attach-img-contact > li{width: auto; height: auto; position: relative;}
.qnaView .question .attach-img-contact > li > img{position: static; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; max-width: 400px;}

.pc-Private-contact .matter-checkbox{pointer-events: none}
.pc-Private-contact .matter-checkbox > input{ display: none;}
.contactNonwrite{ padding: 0; width: calc(100% - 48px); margin: 0 auto;}
.NonMemberCuinfo > div > ul{margin-bottom: 40px}

.certificateAria {margin: 10px auto 90px; text-align: center;}
.certificateAria h2 {margin-bottom: 12px; font-size: 17.5px; line-height: 28px; font-weight: 700; color: #2A303c;}
.certificateAria p {font-size: 9px; line-height: 14px; font-weight: 400; color: #798493;}
.certificateAria .imgWrap {display: inline-block; margin: 28px auto 0; position: relative; }
.certificateAria .imgWrap .certificate {width: 184px; height: auto;}
/*.certificateAria .imgWrap .stamp {width: 140px; height: auto; position: absolute; left: 49%; top: 50%; transform: translate(-50%, -50%);}*/
.commPopupBg {width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(31, 34, 45, 0.4); z-index: 9999; display: flex; align-items: center; justify-content: center;}
.commPopupBg .questPopupInner {width: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.commPopupBg .questPopupInner > div {width: 100%; padding: 40px 0; background: #fff; text-align: center;}
.commPopupBg .questPopupInner > div h3 {font-size: 18px; font-weight: 700; line-height: 26.5px; margin-bottom: 8px;}
.commPopupBg .questPopupInner > div p {color: #5C6272; font-size: 14px; font-weight: 400; line-height: 20px;}
.commPopupBg .questPopupInner .closeBtn {width: 100%; padding: 12px 40px; background: #431F88; text-align: center; color: #fff;font-size: 14px; font-weight: 500;}


.FaqWrap .search-wrap {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
.FaqWrap .search-wrap p span {color: #431f88; font-weight: 700;}
.FaqWrap .search-wrap label {margin-left: auto;}
.FaqWrap .search-wrap label form {width: 285px; height: 46px; padding: 0 20px; border: 1px solid #EAECF0; background: #fff;  display: flex; align-items: center; justify-content: space-between;}
.FaqWrap .search-wrap label .search { border: none; flex: 1; height: 100%; background: #fff; font-size: 14px; font-style: normal; font-weight: 400;}
.FaqWrap .search-wrap label .search::placeholder {font-size: 14px; font-style: normal; font-weight: 400; color: #BBC0C9;}
.FaqWrap .search-wrap label .search:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
}
.FaqWrap .search-wrap label .search-btn {width: 28px; height: 100%; background: url("../svg/ico-search.svg")no-repeat center center/100% auto;}

/* 메모리얼 페이지 수정 */
.is_desktop {display: block;}
.is_mobile {display: none;}
.memorial_ttl_wrap {margin-bottom: 100px; width: 100%; height: 502px; position: relative; background: url("../img/restone_bnr_pc_re.png") no-repeat center center / cover;}
.memorial_ttl_wrap .titleText { padding-top: 78px; width: 100%; max-width: 1200px; margin: 0 auto; position: static; transform: none;}
.memorial_ttl_wrap .titleText > h2 {text-align: left; color: #2A303C; margin-bottom: 30px; font-size: 30px; font-weight: 400; line-height: 43px;}
.memorial_ttl_wrap .titleText > h2 span {font-weight: 700;}
.memorial_ttl_wrap .titleText > h2 > div{display: flex; align-items: center;}
.memorial_ttl_wrap .titleText > h2 > div > span{display: inline-block; font-size: 22px; line-height: 17px; font-weight: 400; margin-left: 3px; margin-right: 3px;}
.memorial_ttl_wrap .titleText > p {font-size: 18px; color: #2A303C; font-weight: 400; line-height: 26.5px;}
.memorial_ttl_wrap .titleText > p span {font-weight: 700;}
.memorial_ttl_wrap .bubble_wrap.desk {}
.memorial_ttl_wrap .bubble_wrap.mobile {display: none;}
.memorial_ttl_wrap .bubble_wrap { width: 100%;max-width: 1200px;position: absolute;top: 50%;left: 50%;margin: 0;transform: translate(-50%, -50%);display: flex;flex-direction: column;align-items: end;gap:36px;}
.memorial_ttl_wrap .bubble_wrap .bubble { position: relative; width: fit-content; padding: 14px 49px 21px;}
.memorial_ttl_wrap .bubble_wrap .bubble.left {background: url('../img/bubble_left.png') no-repeat center center; background-size: contain; margin-right: 136px;}
.memorial_ttl_wrap .bubble_wrap .bubble.right {background: url('../img/bubble_left.png') no-repeat center center; background-size: contain;}
.memorial_ttl_wrap .bubble_wrap .bubble p {font-size: 14px; line-height: 22px; font-weight: 400; color: #2A303C;}
.memorial_ttl_wrap .bubble_wrap .bubble p strong {font-weight: 700;}
.memorial_ttl_wrap .bubble_wrap .bubble.right p {text-align: right;}

/* 블리스 스톤 탭메뉴 */
.memorial_wrap .memorial_section01 > h2 {font-size: 30px; line-height: 43px; font-weight: 400; color: #2A303C; text-align: center;}
.memorial_wrap .memorial_section01 > h2  strong {font-weight: 700;}
.memorial_wrap .memorial_section01 > .tab_wrap {max-width: 888px; margin: 100px auto 65px; width: 100%;}
.memorial_wrap .memorial_section01 > .tab_wrap ul {display: flex;border-bottom: 1px solid #D1D4DA;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li {width: 50%; border: 1px solid transparent; display: flex; justify-content: flex-start; align-items: center; flex-direction: column;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li span {position: relative;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li span img:first-child {width: 67.96px; height: 67.97px;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li span img:last-child {width: 35px; height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.memorial_wrap .memorial_section01 > .tab_wrap ul li p {font-size: 18px; font-weight: 400px; line-height: 28.5px; margin-bottom: 16px; color: #4A515F; text-align: center;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li p strong {font-weight: 700;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li p:last-child {display: none;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li.active {border-bottom: 2px solid #431F88;}
.memorial_wrap .memorial_section01 > .tab_wrap ul li.active p {color: #431F88; }
.memorial_wrap .memorial_section01 > .tab_wrap ul li:hover {cursor: pointer;}

span.crack_service {font-size: 14px; line-height: 26px; color: #431F88; font-weight: 400; border: 1px solid #eaecf0;
    padding: 22px 25px 22px 34px; width: 100%; margin: 24px auto 0; display: block; max-width: 1322px; position: relative;}
span.crack_service::before {content: '*'; position:absolute; left: 25px;}

/* 블리스 스톤 탭메뉴 컨텐츠 */
.memorial_wrap .memorial_section01 .content_wrap {}
.memorial_wrap .memorial_section01 .content_wrap .content {display: none;}
.memorial_wrap .memorial_section01 .content_wrap .content.active {display: block;}

/* 이미지 슬라이드 */
.memorial_wrap .img_slide_wrap #stoneImgMobile {display: none;}
#stoneImgSlide {margin: 140px auto;}
#stoneImgSlide .swiper-slide img {border-radius: 8px; width: 100%;transition: transform 0.3s ease-in-out;transition-timing-function: linear !important; /* 선형 이동 */}
#stoneImgSlide .swiper-button-next {right: 32.5%;}
#stoneImgSlide .swiper-button-prev {left: 32.5%;}
#stoneImgSlide .swiper-scrollbar {background: #EAECF0;}
#stoneImgSlide .swiper-horizontal>.swiper-scrollbar, #stoneImgSlide .swiper-scrollbar.swiper-scrollbar-horizontal {width: 288px; height: 5px; left: 50%; transform: translateX(-50%); bottom: 0; }
#stoneImgSlide .swiper-scrollbar-drag {background: #431F88;}
/* 임시임 나중에 지우기 */
#stoneImgSlide {margin: 80px auto 100px;}
#stoneImgSlide .swiper-wrapper {display: none;}
#stoneImgSlide img {max-width: 1322px; margin: 0 auto; width: 100%; height: auto; display: block;}

/* 이미지 팝업 */
#stonePopup {display: none;position: fixed;z-index: 9999999;left: 0; top: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.5);}
#stonePopup .popup-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 50%; padding: 0 24px;}
#stonePopup .popup-content img {width: 100%;height: auto;}
#stonePopup .popup-close {width: 35px; height: 35px; position: absolute; right: 15px; top: -35px; background: transparent url("../svg/icon_close.svg")no-repeat center center / 100% auto;}


/* 제작 비용 */
.memorial_wrap .produce_wrap {max-width: 1000px; margin: 0 auto; width: 100%;}
.memorial_wrap .produce_wrap .tab_wrap {width: 100%; max-width: 1000px; border-bottom: 1px solid #BBC0C9;margin-bottom: 30px;}
.memorial_wrap .produce_wrap .tab_wrap ul {display: flex; gap: 47px;}
.memorial_wrap .produce_wrap .tab_wrap ul li {width:fit-content; border: 1px solid transparent;}
.memorial_wrap .produce_wrap .tab_wrap ul li span {position: relative;}
.memorial_wrap .produce_wrap .tab_wrap ul li span img:first-child {}
.memorial_wrap .produce_wrap .tab_wrap ul li span img:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.memorial_wrap .produce_wrap .tab_wrap ul li p {font-size: 18px; font-weight: 400; line-height: 28.5px; margin-bottom: 6px; color: #5C6272; text-align: center;}
.memorial_wrap .produce_wrap .tab_wrap ul li p strong {font-weight: 700;}
.memorial_wrap .produce_wrap .tab_wrap ul li p:last-child {display: none;}
.memorial_wrap .produce_wrap .tab_wrap ul li.active {border-bottom: 2px solid #431F88;}
.memorial_wrap .produce_wrap .tab_wrap ul li.active p {color: #431F88; font-weight: 700;}
.memorial_wrap .produce_wrap .tab_wrap ul li:hover {cursor: pointer;}

.memorial_wrap .content_wrap .content {display: none;}
.memorial_wrap .content_wrap .content.active {display: block;}
.memorial_wrap .content_wrap .content.price table { background-color: #fff; border-collapse: collapse;width: 100%;text-align: center;table-layout: fixed;}
.memorial_wrap .content_wrap .content.price th, td {padding: 12px;}
.memorial_wrap .content_wrap .content.price th {border-left: 1px solid #ddd; color: #431F88; background-color: #F7F7F4; font-size: 16px; line-height: 23px; font-weight: 700;border-bottom: 1px solid #ddd; padding: 13px 12px 12px;}
.memorial_wrap .content_wrap .content.price th:first-child {border-left:none !important;}
.memorial_wrap .content_wrap .content.price th span {font-size: 14px; font-weight: 400; color: #2A303C;}
.memorial_wrap .content_wrap .content.price td {color: #2A303C; font-size: 16px; height: 16px; font-weight: 400;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.memorial_wrap .content_wrap .content.price td:last-child {border-right: none !important;}
.memorial_wrap .content_wrap .content.price td:first-child {background-color: #F7F7F4;}
.memorial_wrap .content_wrap .content.price td span {font-weight: 700;}
  /* 왼쪽 상단 대각선 셀 */
.memorial_wrap .content_wrap .content.price .diagonal {position: relative; width: fit-content  ; height: fit-content; }
.memorial_wrap .content_wrap .content.price .diagonal::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f7f7f4 linear-gradient(to top right, transparent 49.5%, #ddd 50.5%, transparent 51%);}

.memorial_wrap .content_wrap .content.price .notice_wrap {width: 100%; padding: 30px 36px; background: #F7F7F4;}
.memorial_wrap .content_wrap .content.price .notice_wrap h4 {margin-bottom: 7px; font-size: 16px; font-weight: 700; line-height: 23px;}
.memorial_wrap .content_wrap .content.price .notice_wrap p {font-size: 14px; font-weight: 400; line-height: 27px;}
.memorial_wrap .content_wrap .content.price .notice_wrap p strong {font-weight: 700;}
.memorial_wrap .content_wrap .content.price > span {margin: 10px 0 30px; padding-left: 10px; position: relative; font-size: 14px; line-height: 26px; color: #2A303C; font-weight: 400; display: block;}
.memorial_wrap .content_wrap .content.price > span b {font-weight: 700; display: contents;}
.memorial_wrap .content_wrap .content.price > span:before {content: '*'; display: inline-block; position: absolute; top: 0; left: 0; }

/* 제작 과정 */
.memorial_wrap .content_wrap .content.method {}
.memorial_wrap .content_wrap .content.method ul {}
.memorial_wrap .content_wrap .content.method ul li {border-radius: 8px; background-color: #F7F7F4; overflow: hidden;display: flex; margin-bottom: 26px;}
.memorial_wrap .content_wrap .content.method ul li:last-child {margin-bottom: 15px !important;}
.memorial_wrap .content_wrap .content.method ul li .img_wrap {aspect-ratio: 260 / 160; max-width: 260px;}
.memorial_wrap .content_wrap .content.method ul li .img_wrap img {display: block; width: 100%; height: 100%; object-fit: cover;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap {padding: 26px 0 0 50px; display: flex;flex-direction: column; gap: 9.5px;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap .title {display: flex;gap: 10px; justify-content: left; align-items: center;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap .title span {color: #2A303C; font-size: 12.5px; line-height: 16px; font-weight: 400;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap .title span strong {font-weight: 700;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap .title h5 {font-weight: 700; font-size: 17.5px;line-height: 28px; color: #431F88;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap p {font-size: 14px; line-height: 21px; font-weight: 400; color: #2A303C;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap span {font-weight: 400; font-size: 12px; line-height: 17px; color: #5C6272;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap > span {position: relative; padding-left: 9px;}
.memorial_wrap .content_wrap .content.method ul li .txt_wrap > span::before {position: absolute; left: 0; display: block; content: '*';}
.memorial_wrap .content_wrap .content.method > span {display: block; padding: 0 0 0 10px; color: #798493; font-size: 13px; line-height: 20px; font-weight: 400;}
.memorial_wrap .content_wrap .content.lumi .content.method {}
.memorial_wrap .content_wrap .content.lumi .content.method ul li {margin-bottom:20px;}
.memorial_wrap .content_wrap .content.lumi .content.method ul li .txt_wrap .title span {background-color: #d9d9d9; padding: 4px 9px; border-radius: 15px;}
.memorial_wrap .content_wrap .content.lumi .content.method ul li .txt_wrap {padding: 26px 40px;}
.memorial_wrap .content_wrap .content.lumi .content.method > span {position: relative; padding: 0 0 0 15px !important;}
.memorial_wrap .content_wrap .content.lumi .content.method > span::before {content: '·'; display: block; position: absolute; left: 10px;}

/* 보관 방법 */
.memorial_wrap .content_wrap .content.storage .storage_wrap { display: flex; justify-content: space-between; gap: 30px;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div {flex: 1; background: #F7F7F4; border-radius: 20px; padding: 35px 40px 36px; display: flex; flex-direction: column; }
/* .memorial_wrap .content_wrap .content.storage .storage_wrap > div:nth-child(2) {height: fit-content;} */
.memorial_wrap .content_wrap .content.storage .storage_wrap > div > div {display: flex; flex-direction: column;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div img {margin-bottom: 15px; width: 32px; height: 32px;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div strong {display: inline-block; margin-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 26.5px;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div p {font-size: 16px; font-weight: 400; line-height: 26px;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div span {padding-left: 7px; margin-top: 6px; position: relative; font-size: 12px; font-weight: 400; line-height: 18px; color: #5C6272;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div span::before {content: '·'; display: block; position: absolute; left: 0;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div button {background: transparent; text-align: left; padding: 0; }
.memorial_wrap .content_wrap .content.storage .storage_wrap > div button a {font-weight: 700; font-size: 13px; line-height: 43px; color: #2A303C;display: flex; justify-content: left; align-items: center;}
.memorial_wrap .content_wrap .content.storage .storage_wrap > div button img {width: 20px; height: 20px; margin: 0 0 2px;}

.memorial_wrap .ttl_wrap {text-align: center;}
.memorial_wrap .ttl_wrap .point_ttl {color: #431F88; font-size: 16px; font-weight: 700; line-height: 43px; margin-bottom: 4px;}
.memorial_wrap .ttl_wrap .point_ttl strong {font-weight: 700;}
.memorial_wrap .ttl_wrap > h2 {font-size: 30px; font-weight: 700; line-height: 43px;}

.memorial_wrap .memorial_section01 {margin-bottom: 150px;}
.memorial_wrap .memorial_section01 .ttl_wrap {margin-bottom: 44px;}
.memorial_wrap .memorial_section01 .reason_wrap {display: flex; gap: 43px; max-width: 1322px; width: 100%; margin: 0 auto;}
.memorial_wrap .memorial_section01 .reason_wrap li {flex: 1; display: flex; flex-direction: column; gap: 24px;}
.memorial_wrap .memorial_section01 .reason_wrap li > img {width: 100%; border-radius: 10px;}
.memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap {padding: 0 0 0 14px;}
.memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap strong {display: inline-block; margin-bottom: 11px; font-size: 20px; font-weight: 700; line-height: 29px;}
.memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap p {font-size: 16px; font-weight: 400; line-height: 26px;}
.memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap button {padding: 0 22px 0 0; background: transparent url("../svg/icon_textfile_arrow_right_b.svg") no-repeat right center; font-size: 14px; font-weight: 700; line-height: 43px; cursor: pointer;}
.memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap span {position: relative; padding-left: 9px; margin-top: 6px; display: inline-block; color: #798493; font-size: 13px; font-weight: 400; line-height: 20px;}
.memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap span::before {content: '*'; color: #798493; position: absolute; left: 0;}
.memorial_wrap .memorial_section01 .certificatePopupBg {display: none; width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(31, 34, 45, 0.4); z-index: 99999;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner { width: 489px; height:auto; min-height: 500px; padding: 45px 50px 40px; background:#ffffff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner .closeBtn {width: 35px; height: 35px; position: absolute; right: -10px; top: -35px; background: transparent url("../svg/icon_close.svg")no-repeat center center / 100% auto;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner > h2 {margin-bottom: 18px; text-align: center; color: #4A515F; font-size: 18px; font-weight: 400; line-height: 26.5px;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner > h2 strong {font-weight: 700; padding-bottom: 3px; color: #2A303c; border-bottom: 2px solid #69519E;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner img {width: 100%; margin-bottom: 12px;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner p {color: #798493; font-size: 9px; font-weight: 400; line-height: 13px;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner p:first-of-type {margin-bottom: 6px;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner p:last-of-type {padding-left: 7px; position: relative; word-break: keep-all;}
.memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner p:last-of-type:before {content: '*'; position: absolute; left: 0; top: 0;}

/* .memorial_wrap .memorial_section02 {background: url("../img/memorial_bg_pc.png") no-repeat center top / 100% 490px;}
.memorial_wrap .memorial_section02 .ttl_wrap {padding-top: 90px; margin-bottom: 46px;}
.memorial_wrap .memorial_section02 .point_wrap {background: #fff; border-radius: 20px; max-width: 1206px; margin: 0 auto 20px; padding: 72px  0 80px 108px; display: flex; flex-wrap: wrap; row-gap: 79px;}
.memorial_wrap .memorial_section02 .point_wrap li {width: 50%; display: flex; flex-direction: column; justify-content: center;}
.memorial_wrap .memorial_section02 .point_wrap li img.point01 {width: 35px; margin-bottom: 12px;}
.memorial_wrap .memorial_section02 .point_wrap li img.point02 {width: 31px; margin-bottom: 10px;}
.memorial_wrap .memorial_section02 .point_wrap li img.point03 {width: 30px; margin-bottom: 9px;}
.memorial_wrap .memorial_section02 .point_wrap li img.point04 {width: 27px; margin-bottom: 15px;}
.memorial_wrap .memorial_section02 .point_wrap li strong {display: inline-block; margin-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 26.5px; }
.memorial_wrap .memorial_section02 .point_wrap li p {font-size: 16px; font-weight: 400; line-height: 26px;} */

.memorial_wrap .no_section_txt_wrap {width: 1320px; height: 240px; margin: 0 auto 120px; border-radius: 20px; background: #363636; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.memorial_wrap .no_section_txt_wrap h2 {margin-bottom: 10px; font-size: 30px; font-weight: 700; line-height: 43px; }
.memorial_wrap .no_section_txt_wrap p {font-size: 18px; font-weight: 400; line-height: 29px; }
.memorial_wrap .no_section_txt_wrap p strong {font-weight: 700;}

/* .memorial_wrap .memorial_section03 {background: #F7F7F4; padding: 80px 0; margin-bottom: 80px;}
.memorial_wrap .memorial_section03 .ttl_wrap { margin-bottom: 40px;}
.memorial_wrap .memorial_section03 #stone_step li {opacity: 0.2; transition: opacity 0.3s ease-in-out;}
.memorial_wrap .memorial_section03 #stone_step li.swiper-slide-active {opacity: 1;}
.memorial_wrap .memorial_section03 #stone_step li img {width: 100%; margin-bottom: 30px;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap {text-align: center; display: flex; flex-direction: column; align-items: center;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap > div {margin-bottom: 18px; display: flex; gap: 10px; align-items: baseline;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap > div p {color: #431f88; font-size: 15px; font-weight: 400; line-height: 22px;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap > div h3 {font-size: 20px; font-weight: 700; line-height: 29px;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap p {color: #4A515F; font-size: 16px; font-weight: 400; line-height: 22px;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap span {display: inline-block; margin-top: 8px; padding-left: 7px; color: #798493; font-size: 13px; font-weight: 400; line-height: 20px; position: relative;}
.memorial_wrap .memorial_section03 #stone_step li .txt_wrap span:before {content: "*"; position: absolute; left: 0; top: 0;}
.memorial_wrap .memorial_section03 #stone_step .swiper-button-next:after, .memorial_wrap .memorial_section03 #stone_step .swiper-button-prev:after {display: none;}
.memorial_wrap .memorial_section03 #stone_step .swiper-button-next, .memorial_wrap .memorial_section03 #stone_step .swiper-button-prev {width: 39px; height: 39px; border-radius: 100px; top: 43%; transform: translate(-50%, -50%);}
.memorial_wrap .memorial_section03 #stone_step .swiper-button-next {left: calc(83% - 2px); background: #D1D4DA url("../svg/icon_textfile_arrow_right_w_bold.svg") no-repeat center center / 16px auto;}
.memorial_wrap .memorial_section03 #stone_step .swiper-button-prev {left: calc(17% - -2px); background: #D1D4DA url("../svg/icon_textfile_arrow_left_w_bold.svg") no-repeat center center / 16px auto;} */

.memorial_wrap .memorial_section04 {width: 1041px; margin: 0 auto 136px;}
.memorial_wrap .memorial_section04 .ttl_wrap {margin-bottom: 30px;}
.memorial_wrap .memorial_section04 .ttl_wrap > h2 {margin-bottom: 20px;}
.memorial_wrap .memorial_section04 .ttl_wrap .ttl_txt {color: #4A515F; font-size: 16px; font-weight: 400; line-height: 26.5px;}
.memorial_wrap .memorial_section04 .ttl_wrap .ttl_txt strong {font-weight: 700;}
.memorial_wrap .memorial_section04 .price_wrap {width: 100%; margin-bottom: 31px;}
.memorial_wrap .memorial_section04 .price_wrap > li {border-top: 1px solid #BBC0C9;}
.memorial_wrap .memorial_section04 .price_wrap > li:last-of-type {border-bottom: 1px solid #bbc0c9;}
.memorial_wrap .memorial_section04 .price_wrap > li button {width: 100%; text-align: left; background: transparent url("../svg/icon_list_seemore.svg") no-repeat right 20px center / 24px auto; padding: 14px 20px; display: flex; align-items: center; gap: 6px; font-size: 18px; font-weight: 400; line-height: 26.5px; transition: all 0.2s ease-in-out;}
.memorial_wrap .memorial_section04 .price_wrap > li button span {font-size: 14px; font-weight: 400;}
.memorial_wrap .memorial_section04 .price_wrap > li button.active { background: transparent url("../svg/icon_list_minus.svg") no-repeat right 20px center / 24px auto; color: #431f88; font-weight: 700;}
.memorial_wrap .memorial_section04 .price_wrap > li button.active span {color: #2A303c; font-weight: 400;}
.memorial_wrap .memorial_section04 .price_wrap > li > ul {display: none; background: #F7F7F4; padding: 0 26px;}
.memorial_wrap .memorial_section04 .price_wrap > li > ul > li {width: 100%; height: 55px; display: flex; align-items: center; justify-content: space-between;}
.memorial_wrap .memorial_section04 .price_wrap > li > ul > li:not(:last-of-type) {border-bottom: 1px solid rgba(0,0,0,0.2);}
.memorial_wrap .memorial_section04 .price_wrap > li > ul > li p {font-size: 16px; font-weight: 400;}
.memorial_wrap .memorial_section04 .price_wrap > li > ul > li strong {font-size: 16px; font-weight: 700;}
.memorial_wrap .memorial_section04 .notice_wrap {width: 100%; padding: 30px 36px; background: #F7F7F4;}
.memorial_wrap .memorial_section04 .notice_wrap h4 {margin-bottom: 7px; font-size: 16px; font-weight: 700; line-height: 23px;}
.memorial_wrap .memorial_section04 .notice_wrap p {font-size: 14px; font-weight: 400; line-height: 27px;}
.memorial_wrap .memorial_section04 .notice_wrap p strong {font-weight: 700;}

.memorial_wrap .memorial_section05 {background: #F7F7F4; padding: 80px 0 130px;}
.memorial_wrap .memorial_section05 .ttl_wrap {margin-bottom: 34px;}
.memorial_wrap .memorial_section05 .storage_wrap {max-width: 1167px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 50px;}
.memorial_wrap .memorial_section05 .storage_wrap > div {flex: 1; background: #fff; border-radius: 20px; padding: 48px 50px; display: flex; flex-direction: column;}
.memorial_wrap .memorial_section05 .storage_wrap > div img {margin-bottom: 15px;}
.memorial_wrap .memorial_section05 .storage_wrap > div img.storage01 {width: 32px;}
.memorial_wrap .memorial_section05 .storage_wrap > div img.storage02 {width: 24px;}
.memorial_wrap .memorial_section05 .storage_wrap > div strong {display: inline-block; margin-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 26.5px;}
.memorial_wrap .memorial_section05 .storage_wrap > div p {font-size: 16px; font-weight: 400; line-height: 26px;}

.stone-md-wrap{max-width: 1320px; width: 100%; margin: 0 auto 120px;}
.stone-md-wrap > ol{display: flex; justify-content: space-between;}
.stone-md-wrap > ol > li > img{width: 100%; max-width: 413px;}
.stone-md-wrap > ol > li:nth-child(2){margin: 0 28px;}
.is-IBM{display: none;}


/*
지영 작업 여기서부터
봉안당, 야외추모공간 페이지 추가
*/
:root{
    --info-bg-color : rgba(247, 247, 244, 1);
    --point-color:#431F88;
    --sub-txt-color:#5C6272;
    --span-txt-color:#798493;
}
.memorial_space .space_title {margin: 70px 0 40px;}
.memorial_space .space_title h2 { font-size: 28px; line-height: 43px; font-weight: 700; margin:0 0 18px 0; text-align: center; }
.memorial_space .space_title h2 span {font-size: 20px; line-height: 43px;font-weight: 700;}
.memorial_space .space_title h3 {color: var(--sub-txt-color); font-size: 16px; line-height: 25px; font-weight: 400; text-align: center;}

.memorial_space .tab_cont {margin-bottom: 60px;}
.memorial_space .tab_cont ul {display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 660px; margin: 0 auto;}
.memorial_space .tab_cont ul li {width: 100%;}
.memorial_space .tab_cont ul li a {cursor: pointer; width: 100%; height: 52px; border: 1px solid transparent; line-height: 52px; display: flex; align-items: center; justify-content: center; gap: 4px;  border-radius: 100px; background: #F8F8F8; color: #949FAC; font-size: 18px; font-weight: 500; }
.memorial_space .tab_cont ul li.active a {background: #fff; border: 1px solid var(--point-color); color: var(--point-color);font-weight: 700;}
.memorial_space.outdoor_wrap .tab_cont ul {gap: 15px; max-width: 1014px;}

.memorial_space .view_cont {max-width:1320px; margin: 0 auto; width: 100%;}
.memorial_space .view_cont .cont_wrap {}
.memorial_space .view_cont .cont_wrap > .flex_wrap {display: flex; gap: 50px;}
.memorial_space .view_cont .cont_wrap .img_wrap {max-width:668px;}
.memorial_space .view_cont .cont_wrap .img_wrap img {width: 100%; height: auto; display: block;}
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-button-prev::after, .memorial_space .view_cont .cont_wrap .img_wrap .swiper-button-next::after { display: none; }
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-button-prev {  background: url(../img/icon_arrow_prev.png) no-repeat center center; padding: 0; background-size:36px 36px; width: 36px; height: 36px; left:20px; top: 50%; transform: translateY(50%) rotate(-90deg);}
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-button-next {  background: url(../img/icon_arrow_next.png) no-repeat center center;padding: 0; background-size: 36px 36px; width: 36px; height: 36px; top: 50%; right: 20px; transform: translateY(50%) rotate(-90deg);}
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-button-prev.swiper-button-disabled, .store-popup .thumb .swiper-button-next.swiper-button-disabled {opacity: 0 !important;}
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-pagination {bottom: 16px !important;}
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 3px; background: #d9d9d9; opacity: 1;}
.memorial_space .view_cont .cont_wrap .img_wrap .swiper-pagination-bullet-active {background-color: #431F88 !important;}
.memorial_space .view_cont .cont_wrap .info_wrap {display: flex; flex-direction: column; justify-content: space-between; width:calc(100% - 718px);height: auto; padding: 14px 0 0;}
.memorial_space .view_cont #basic-hall .info_wrap {padding: 0;}
.memorial_space .view_cont .cont_wrap .info_wrap .txt h4 {font-weight: 700; font-size: 22px; line-height: 34px; margin: 0 0 5px;}
.memorial_space .view_cont .cont_wrap .info_wrap .txt p {font-weight: 400; font-size: 15px; line-height: 23px;}
.memorial_space .view_cont .cont_wrap .info_wrap .txt p.grey {color: var(--sub-txt-color); margin-top: 5px;}
.memorial_space .view_cont .cont_wrap .info_wrap .txt ul {margin: 16px 0 10px; display: flex; justify-content:left; align-items: center; gap: 10px;}
.memorial_space .view_cont .cont_wrap .info_wrap .txt ul a {padding: 7px 20px; font-size: 14px; font-weight: 400; color: var(--point-color); border: 1px solid var(--point-color); border-radius: 20px; display: block;}
.memorial_space .view_cont .cont_wrap .info_wrap .txt span {display: block; font-weight: 400; font-size: 13px; line-height: 22.5px; color: var(--span-txt-color);}
.memorial_space .view_cont .cont_wrap .info_wrap .price {width: 100%;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul {background: var(--info-bg-color); padding: 22px 26px 22px 24px;margin: 0 0 16px; border-radius: 4px;}
.memorial_space.outdoor_wrap .view_cont .cont_wrap .info_wrap .price .p_box ul {margin: 0 0 18px;}
.memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul {display: flex; flex-direction: column; gap: 12px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li {display: flex; justify-content: space-between; align-items: center;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li {align-items: start;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li > span,
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li strong,
.memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul li > span {line-height: 26px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li strong.period {line-height: 30px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li > span {font-weight: 400; font-size: 16px; line-height:16px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li strong {font-weight: 700; font-size: 16px; line-height: 16px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li strong span { font-weight: 400; margin-right: 11px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul.hall {padding-top: 18px; padding-bottom: 18px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul.hall li:not(:last-of-type) {padding-bottom: 12px; margin-bottom: 12px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul.hall li > span {font-size: 14px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul.hall li > strong {font-size: 15px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box.line ul li {    padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.memorial_space .view_cont .cont_wrap .info_wrap .price .p_box.line ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box {padding: 20px 28px; border: 1px solid #EAECF0;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box > h5 {margin: 0 0 7px;font-weight: 700; font-size: 14px; line-height:22.5px; }
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li {font-weight: 400; font-size: 13px; line-height:23px; position: relative; padding-left: 7px;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong,
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong span,
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong a {font-weight: 700;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong span {display: inline-block;}
.memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li::before {content: '·'; display: inline-block; position: absolute; left: 0;}

.memorial_space .store_cont { display: flex; justify-content: left; margin-top: 110px;}
.memorial_space.content .store_cont {margin-top: 120px;}
.memorial_space .store_cont .store_info {/*max-width: 998px;*/ width: 52.39%; background: #FBFBFB;}
.memorial_space .store_cont .store_info .inner {margin: 80px 0 0; display: flex; justify-content: right;}
.memorial_space .store_cont .store_info .inner .top {max-width: 615px; width: 100%;}
.memorial_space .store_cont .store_info .inner .top > h3 {font-size: 25px; line-height: 30px; font-weight: 700; margin-bottom: 16px; }
.memorial_space .store_cont .store_info .inner .top > h4 {font-size: 15px; line-height: 24px; font-weight: 400; }
.memorial_space .store_cont .store_info .service_tab {margin: 34px 0 0; padding: 0 0 45px; border-bottom: 1px solid #D1D4DA;}
.memorial_space .store_cont .store_info .service_tab h5 {font-size: 14px; line-height: 29px; font-weight: 700; }
.memorial_space .store_cont .store_info .service_tab .tab_wrap {margin: 8px 0 0; display:flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 14px;}
.memorial_space .store_cont .store_info .service_tab .tab_wrap button {color:var(--sub-txt-color);border: 1px solid var(--sub-txt-color); flex: 0 0 auto;  white-space: nowrap; font-size: 14px; line-height: 21px; font-weight: 400; padding:7.5px 20px ; border-radius: 20px; background: transparent; width: fit-content;}
.memorial_space .store_cont .store_info .service_tab .tab_wrap button.active {background: #2A303C; color: #fff; font-weight: 700;}
.memorial_space .store_cont .store_info .service_tab .tab_wrap span.br {flex-basis: 100%; height: 0; padding: 0; margin: 0;}
.memorial_space .store_cont .store_info .bottom {height: 385px; overflow-y: auto; position: relative; scrollbar-gutter: stable;}
.bottom .scroll_notice {
  position: fixed;          /* viewport 기준 */
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
  /* 크기/위치는 JS로 주입(top/left/width/height) */
  display: block;           /* display:none 쓰지 않음 */
  background-color: rgba(0,0,0,.6);
  /* 시각적 가운데 정렬용 래퍼 */
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 보일 때만 상호작용 가능 */
/* .bottom .scroll_notice.is-hidden {opacity: 0; pointer-events: none;} */
.bottom .scroll_notice.is-visible { opacity: 1; pointer-events: auto;}
.bottom .scroll_notice .inner {position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); max-width: 615px; width: 100%; margin: 0 !important;}
.bottom .scroll_notice .inner > div {display: flex; justify-content: left; align-items: end;}
.bottom .scroll_notice .inner h3 {font-size: 16.5px; line-height: 23px; font-weight: 700; color: #fff; text-align: left;}
.bottom .scroll_notice .inner .scroll_wrap .right01 {position: absolute; top: 0; right: 0; background: url(../img/scroll_w.png) no-repeat center center; background-size: 20px 20px; width: 20px; height: 20px; }
.bottom .scroll_notice .inner .scroll_wrap .right02 { position: absolute; top: 0; left: 0; background: url(../img/scroll_g.png) no-repeat center center; background-size: 20px 20px; width: 20px; height: 20px; }

.bottom .scroll_notice .inner .scroll_wrap{
  --dur: 2s;       
  --o-min: 0.4;  
  --o-max: 1; 
  
  overflow: hidden;
  position: relative;
  margin: 0 0 4px 5px;
  width: 22.5px;
  height: 15px;

  animation: wrapFade var(--dur) ease-in-out infinite;
  will-change: opacity;
}

.bottom .scroll_notice .inner .scroll_wrap .right01 { position: absolute; top: 0; right: 0; background: url(../img/scroll_w.png) no-repeat center center;  background-size: 15px 15px; width: 15px; height: 15px;}
.bottom .scroll_notice .inner .scroll_wrap .right02 { position: absolute; top: 0; left: 0; background: url(../img/scroll_g.png) no-repeat center center; background-size: 15px 15px; width: 15px; height: 15px;}


.memorial_space .store_cont .store_info .store { padding: 20px 0; cursor: pointer; display: flex; justify-content: right;}
/* 기본: hover 시 투명 (hover만으로 active가 붙은 케이스 포함) */
.memorial_space .store_cont .store_info .store:hover,
.memorial_space .store_cont .store_info .store.active {background: #F5F3FA;}
.memorial_space .store_cont .store_info .store.is-hidden {display: none;}
.memorial_space .store_cont .store_info .store > div {max-width: 612px; width: 100%;padding-right: 60px;}
.memorial_space .store_cont .store_info .store > div h5 {font-size: 15px; line-height: 29px; font-weight: 700;}
.memorial_space .store_cont .store_info .store ul li {display: flex; align-items: center;}
.memorial_space .store_cont .store_info .store ul li strong {font-size: 14px; line-height: 26.5px; font-weight: 700; color: #4A515F; margin: 0 15px 0 0;}
.memorial_space .store_cont .store_info .store ul li p {font-size: 14px; line-height: 26.5px; font-weight: 400; color: #4A515F;}
.memorial_space .store_cont .store_info .store ul li p span {font-weight: 700;}
.memorial_space .store_cont .store_info .store ul li a {font-size: 11px; font-weight: 400;color: #4A515F; line-height: 11px; padding: 4.5px 7px 6.5px; background: #EAECF0; border-radius: 4px; margin: 0 0 0 9px;}
.memorial_space .store_cont .store_info .store .link_wrap {margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 5px 16px; display: none;}
.memorial_space .store_cont .store_info .store .link_wrap a {color: var(--sub-txt-color); font-size: 12px; line-height: 13px; font-weight: 400; padding: 3.5px 20px 3.5px 0; background: transparent url(../svg/right_grey.svg) no-repeat right center; background-size: 20px 20px;}
/* 스크롤바 */
.memorial_space .store_cont .store_info .bottom::-webkit-scrollbar {width: 3px; border-radius: 2px;padding-inline-end: 8px;}
.memorial_space .store_cont .store_info .bottom::-webkit-scrollbar-track {background: transparent;border-radius: 2px;}
.memorial_space .store_cont .store_info .bottom::-webkit-scrollbar-thumb {background: #D1D4DA;border-radius: 2px;}

/* 모바일 지도 필터 텍스트 */
.filter-summary{ display:none; text-align:center; line-height:1.4; margin:0 auto 40px; max-width: 300px; }
.filter-summary p, .filter-summary p span, .filter-summary .stores button { font-size:18px; font-weight:400; line-height: 25px; }
.filter-summary > span {font-size: 10px; line-height: 10px; font-weight: 400; display: block; color: #4a515f; margin-top: 12px;}
.filter-summary .stores { text-decoration:none; line-height: 1.6em; }
.filter-summary .stores-chip { text-decoration:underline; }
.filter-summary .store-chip::after { content: ","; text-decoration: none; position: absolute; right: -5px;}
.filter-summary .store-chip:last-child::after { content: "";}
.filter-summary .stores button, .filter-summary .stores a { border-bottom: 1px solid var(--point-color); color:var(--point-color); padding: 0;background: none; font-weight: 700; line-height: 20px; position: relative; margin-right: 5px;}
.filter-summary .stores button:last-child, .filter-summary .stores a {margin-right: 0;}

/* 서비스 지도 */
.memorial_space .store_cont .store_map .map_wrap {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding-left: 117px; max-width: 720px;margin: 0 auto;}
.memorial_space .store_cont .store_map .map_wrap > img {width: 388px;height: auto;}

.memorial_space .store_cont .store_map .map_wrap .pin { position:absolute; transform: translate(-50%, -100%); border:0; background:none; cursor:pointer; padding: 0; display: flex;
    align-items: center; gap: 6.5px; width: max-content;
}
.memorial_space .store_cont .store_map .map_wrap .pin.right {flex-direction: row-reverse;}
.memorial_space .store_cont .store_map .map_wrap .pin span {display: block; font-size: 13px; line-height: 21px; font-weight: 700; color: var(--point-color);}
.memorial_space .store_cont .store_map .map_wrap .pin::before {content: ""; display: block; background: url('/svg/filter_map_mark_2.svg') no-repeat top / contain; background-size: 19px 25px;
    width: 19px; height: 25px;
}
/* .memorial_space .store_cont .store_map .map_wrap .pin.left::before { content:""; position:absolute; inset:0; background: url('/svg/filter_map_mark.svg') no-repeat top left /contain; background-size: 19px 25px;}
.memorial_space .store_cont .store_map .map_wrap .pin.right::before { content:""; position:absolute; inset:0; background: url('/svg/filter_map_mark.svg') no-repeat top right /contain; background-size: 19px 25px; } */
.memorial_space .store_cont .store_map .map_wrap .pin.inactive::before { background: url('/svg/filter_map_mark_inactive.svg') no-repeat center 9px /contain; background-size: 14px 19px;}
.memorial_space .store_cont .store_map .map_wrap .pin.left.inactive::before {background: url('/svg/filter_map_mark_inactive.svg') no-repeat left 9px /contain;background-size: 14px 19px;}
.memorial_space .store_cont .store_map .map_wrap .pin.right.inactive::before { background: url('/svg/filter_map_mark_inactive.svg') no-repeat right 9px /contain; background-size: 14px 19px; }
.memorial_space .store_cont .store_map .map_wrap .pin.inactive span {font-size: 11px; font-weight: 500; color: #bdc1c8;}

.memorial_space .store_cont .store_map .map_wrap .pin-label { position: absolute; transform: translate(-50%, -50%); width: 43px; height: 43px; border-radius: 50%; background: #D5D5D5;
    display: flex; align-items: center; justify-content: center; pointer-events: none; cursor: default;
}
.memorial_space .store_cont .store_map .map_wrap .pin-label span {color: #2A303C; font-weight: 500; font-size: 11px; line-height: 14px; letter-spacing: -0.5px;}
.memorial_space .store_cont .store_map .map_wrap:has(.pin.active) .pin-label,
.memorial_space .store_cont .store_map .map_wrap:has(.pin.inactive) .pin-label { opacity: 0.3; }

.memorial_space .store_cont .store-popup { position:absolute; z-index:9995; transform: translate(-63%, 70px); display:none;}
.memorial_space .store_cont .store-popup.active { display:block; }
.memorial_space .store_cont .store-popup button.close, .store-popup .bg {display: none;}
.memorial_space .store_cont .store-popup .panel { width: 334px; background:#fff; border-radius:5px; box-shadow:0 4px 16px rgba(0,0,0,.2); overflow:hidden; }
.memorial_space .store_cont .store-popup .thumb.gallery { width:100%; height: 186px; }
.memorial_space .store_cont .store-popup .thumb .gallery-swiper { width: 100%; height:100%; position: relative; }
.memorial_space .store_cont .store-popup .thumb .swiper-slide { display: flex; align-items: center; justify-content: center; }
.memorial_space .store_cont .store-popup .thumb .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover; }
.memorial_space .store_cont .store-popup .thumb .swiper-slide .gallery-cap { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); white-space: nowrap; text-align: center; border-radius: 2px; background: rgba(0,0,0,0.4); color: #fff; font-weight: 500; font-size: 11px; line-height: 10px; padding: 7px 21px 5px;}
.memorial_space .store_cont .store-popup .thumb .swiper-button-prev::after, .store-popup .thumb .swiper-button-next::after { display: none; }
.memorial_space .store_cont .store-popup .thumb .swiper-button-prev {  background: url(../img/icon_arrow_prev.png) no-repeat center center; padding: 0; background-size: 20px 20px; width: 24px; height: 24px; left:8px; top: 50%; transform: translateY(50%) rotate(-90deg);}
.memorial_space .store_cont .store-popup .thumb .swiper-button-next {  background: url(../img/icon_arrow_next.png) no-repeat center center;padding: 0; background-size: 20px 20px; width: 24px; height: 24px; top: 50%; right: 8px; transform: translateY(50%) rotate(-90deg);}
.memorial_space .store_cont .store-popup .thumb .swiper-button-prev.swiper-button-disabled, .store-popup .thumb .swiper-button-next.swiper-button-disabled {opacity: 0 !important;}
.memorial_space .store_cont .store-popup .thumb .swiper-pagination { display: none !important; }
.memorial_space .store_cont .store-popup .info_wrap {padding: 20px 10px 20px 24px; width: 100%;}
.memorial_space .store_cont .store-popup .info_wrap::before { content: ""; position: absolute; left: 0; transform: translateX(-100%); top: 186px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 15px solid #fff; display: none;}
.memorial_space .store_cont .store-popup .name { margin:0 0 10px; font-size:14px; font-weight: 700; line-height: 14px; }
.memorial_space .store_cont .store-popup .links { list-style:none; padding:0; margin:0; display: flex;flex-wrap: wrap; gap: 8px 12px;}
.memorial_space .store_cont .store-popup .links a {color: #4A515F; font-size: 11px; line-height: 13px; padding: 0 17px 0 0; background: transparent url(../svg/right_grey.svg) no-repeat right center; background-size: 17px 17px;}


/*
모바일 스크롤 시 서비스 표
*/
.memorial_space .table_cont {padding-top: 110px;}
.memorial_space .table_cont > h3 {font-size: 25px; line-height: 37px; font-weight: 700; text-align: center; margin: 0 0 30px;}
#serviceTable .scroll_notice {
  position: absolute; top: 0; left: 0; z-index: 100;  width: 100%; height: calc(100% - 12px);  background-color: rgba(0, 0, 0, 0.6);
  inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; opacity: 1; transition: opacity .4s ease; will-change: opacity;}

#serviceTable .scroll_notice.is-hidden {display: none;}
#serviceTable .scroll_notice .inner {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
#serviceTable .scroll_notice .inner h3 {font-size: 16.5px; line-height: 23px; font-weight: 700; color: #fff; text-align: center;}
#serviceTable .scroll_notice .inner .scroll_wrap { --dur: 1.5s;  overflow: hidden; position: relative; margin: 16px auto 0; width: 30px; height: 20px;}
#serviceTable .scroll_notice .inner .scroll_wrap .right01 {position: absolute; top: 0; right: 0; background: url(../img/scroll_w.png) no-repeat center center; background-size: 20px 20px; width: 20px; height: 20px; }
#serviceTable .scroll_notice .inner .scroll_wrap .right02 { position: absolute; top: 0; left: 0; background: url(../img/scroll_g.png) no-repeat center center; background-size: 20px 20px; width: 20px; height: 20px; }

#serviceTable .scroll_notice .inner .scroll_wrap{
  --dur: 2s;
  --o-min: 0.4;
  --o-max: 1;

  overflow: hidden;
  position: relative;
  margin: 16px auto 0;
  width: 30px;
  height: 20px;

  animation: wrapFade var(--dur) ease-in-out infinite;
  will-change: opacity;
}

#serviceTable .scroll_notice .inner .scroll_wrap .right01 { position: absolute; top: 0; right: 0; background: url(../img/scroll_w.png) no-repeat center center;  background-size: 20px 20px; width: 20px; height: 20px;}
#serviceTable .scroll_notice .inner .scroll_wrap .right02 { position: absolute; top: 0; left: 0; background: url(../img/scroll_g.png) no-repeat center center; background-size: 20px 20px; width: 20px; height: 20px;}

@keyframes wrapFade{
  0%   { opacity: var(--o-min); }
  50%  { opacity: var(--o-max); }
  100% { opacity: var(--o-min); }
}

.memorial_space .table_cont .tb_wrap {max-width: 964px; margin: 0 auto; position: relative; }
.memorial_space .table_cont .tb_wrap table {border: 1px solid #D1D4DA; border-left: none; width: 100%; border-collapse: separate;}
.memorial_space .table_cont .tb_wrap table * { font-size: 14px; line-height: 20px; font-weight: 400; text-align: center; vertical-align: middle;}
.memorial_space .table_cont .tb_wrap table th {padding: 14px 0 13px; font-weight: 500; line-height: 14px; background: #F5F3FA; border-right: 1px solid #D1D4DA ;border-bottom: 1px solid #D1D4DA ;}
.memorial_space .table_cont .tb_wrap table th:last-child {border-right: none;}
.memorial_space .table_cont .tb_wrap table td {border-right: 1px solid #D1D4DA ;border-bottom: 1px solid #D1D4DA; padding: 21px 15px; line-height: 18px;}
.memorial_space .table_cont .tb_wrap table td:last-child {border-right: none;}
.memorial_space .table_cont .tb_wrap table tr:last-child td {border-bottom: none ;}
.memorial_space .table_cont .tb_wrap table tr th:first-child,
.memorial_space .table_cont .tb_wrap table tr td:first-child {border-left: 1px solid #D1D4DA;}
.memorial_space .table_cont .tb_wrap table td span {font-size: 12px;}

/* 지영 여기까지 */

/* 지점별 서비스 찾기 */
#storeservice {}
#storeservice .store_search {margin: 200px auto 167px; width: fit-content; position: relative; overflow: visible;}
#storeservice .store_search > img {max-width: 388px; margin: 0 auto; width: 100%; display: block;}
#storeservice .store_search .store {position: absolute; display: flex; justify-content: center; align-items: center; width: fit-content;}
#storeservice .store_search .store .box {position: relative; border: 1px solid #eaecf0; background: #fff; padding: 16px; width: max-content; border-radius: 4px;}
#storeservice .store_search .store .box h5 {font-weight: 700; font-size: 16px; color: #2A303C;}
#storeservice .store_search .store .box p {font-weight: 400; font-size: 14px; line-height: 140%; color: #5C6272; margin-top: 5px;}
/* #storeservice .store_search .store .box a {font-size: 11.5px; font-weight: 500; color: #431F88; padding: 2.5px 16px 2.5px 0; background: url(../svg/store_right.svg) no-repeat center right; background-size: 16px 16px;} */
#storeservice .store_search .store .box a {display: flex; align-items: center; gap: 2px;}
#storeservice .store_search .store .box a::after {content: ''; display: block; background: url(../svg/store_right_2.svg) no-repeat center right; width: 16px; height: 16px;}
#storeservice .store_search .store .line {position: relative;}
#storeservice .store_search .store .line::before {content: ''; position: absolute; display: block; width: 10px; height: 10px; border-radius: 50%; background: #431F88;}

/* 지점별 위치 조절 */
#storeservice .store_search span.seoul {position: absolute; top: 119px; left: 112px; border-radius: 50%; width: 43px; height: 43px; background: #d5d5d5;font-size: 11px; display: flex; justify-content: center; align-items: center; font-weight: 500; color: #2A303C;}
/* 광주점 */
#storeservice .store_search .store.store_01 {top: 2%; left: 44.5%;}
#storeservice .store_search .store.store_01 .line {width: 203px; height: 158px; border-radius: 0 0 2px 0; border-top: 1px solid #431F88; border-left: 1px solid #431F88;}
#storeservice .store_search .store.store_01 .line::before {transform: translate(-50%, 0); bottom: -5px;}
#storeservice .store_search .store.store_01 .line::after {content: ''; display: block; position: absolute; right: 0; top: -31px; width: 1px; height: 31px; background: #431F88; transform: translate(100%);}
#storeservice .store_search .store.store_01 .box {transform: translate(-50%, -139%);}
/* 김포점 */
#storeservice .store_search .store.store_02 {top: 13px; transform: translate(-78%, 0);}
#storeservice .store_search .store.store_02 .line {width: 113.5px; height: 69px; border-top: 1px solid #431F88; border-right: 1px solid #431F88;}
#storeservice .store_search .store.store_02 .line::before {right: -5px; bottom: -5px;}
#storeservice .store_search .store.store_02 .box {transform: translateY(-30%);}
/* 화성 1호점 */
#storeservice .store_search .store.store_03 { top: 30.5%; left: -57%; flex-direction: row-reverse;}
#storeservice .store_search .store.store_03 .line {width: 190px; height: 97px; border-bottom: 1px solid #431F88; border-right: 1px solid #431F88;}
#storeservice .store_search .store.store_03 .line::before {right: -5px; top: -5px;}
#storeservice .store_search .store.store_03 .box {transform: translate(0px, 50%);}
/* 화성 2호점 */
#storeservice .store_search .store.store_04 {top: 20%; left: -57%; z-index: 100; flex-direction: row-reverse;}
#storeservice .store_search .store.store_04 .line {width: 161px; height: 1px; background:  #431F88;}
#storeservice .store_search .store.store_04 .line::before {transform: translate(100%, -50%); right: 0;}
#storeservice .store_search .store.store_04 .box {}
/* 양주점 */
#storeservice .store_search .store.store_05 {top: -110px; left: 90px; flex-direction: column-reverse;}
#storeservice .store_search .store.store_05 .line {width: 51px; height: 60px; border-top: 1px solid #431F88; border-left: 1px solid #431F88;}
#storeservice .store_search .store.store_05 .line::before {bottom: -10px; left: -5px;}
#storeservice .store_search .store.store_05 .line::after {content: ''; display: block; position: absolute; width: 1px; height: 36px; background: #431F88; right: 0; top: -36px;}
#storeservice .store_search .store.store_05 .box {transform: translate(20%, -31%);}
/* 세종점 */
#storeservice .store_search .store.store_06 {top: 36.5%;left: 43%;}
#storeservice .store_search .store.store_06 .line {width: 256px; height: 44px; border-top: 1px solid #431F88; border-left: 1px solid #431F88;}
#storeservice .store_search .store.store_06 .line::before {left: -5px; bottom: -5px;}
#storeservice .store_search .store.store_06 .box {transform: translateY(-20%);}
/* 김해점 */
#storeservice .store_search .store.store_07 { bottom: 95px; right:-170px; transform: translate(0, 0);}
#storeservice .store_search .store.store_07 .line {width: 104px; height: 1px; background: #431F88;}
#storeservice .store_search .store.store_07 .line::before {transform: translate(-100%, -50%);}
/* #storeservice .store_search .store.store_07 .box {transform: translate(50%, 0);} */
/* 용인점 */
#storeservice .store_search .store.store_09 { top: 10%; left: 44%; }
#storeservice .store_search .store.store_09 .line {width: 127.5px; height: 131.5px; border-bottom: 1px solid #431F88; border-right: 1px solid #431F88;}
#storeservice .store_search .store.store_09 .line::before {transform: translate(-50%, -50%); bottom: -10px;}
#storeservice .store_search .store.store_09 .box {transform: translate(100%, -64%);}
#storeservice .store_search .store.store_09 .line::after {content: ''; display: block; position: absolute; width: 127.5px; height: 1px; background: #431F88; transform: translate(100%);}
/* 일산점 */
#storeservice .store_search .store.store_10 {top: -113px; left: -32px; flex-direction: column-reverse;}
#storeservice .store_search .store.store_10 .line {width: 99px; height: 110px; border-top: 1px solid #431F88; border-right: 1px solid #431F88;}
#storeservice .store_search .store.store_10 .line::before {bottom: -10px; right: -5px;}
#storeservice .store_search .store.store_10 .line::after {content: ''; display: block; position: absolute; width: 1px; height: 30px; background: #431F88; left: 0; top: -30px;}
#storeservice .store_search .store.store_10 .box {transform: translate(-30%, -28%);}

#storeservice .service_flow {width: 100%; overflow: hidden; background-color: #fff; margin-bottom: 0; }
#storeservice .service_flow .rolling-wrap {display: flex; width: 100%; margin-top: 0;}
#storeservice .service_flow .rolling-wrap .js-rolling {display: flex; align-items: center; position: relative;}
#storeservice .service_flow .rolling-wrap .js-rolling img { width: auto; margin: 0 15px; max-height: 187px; display: block; border-radius: 5px;}
#storeservice .service_flow .rolling-wrap .js-rolling img.is_mobile {display: none !important;}
#storeservice .service_flow .rolling-wrap .js-rolling span {display: block; font-weight: 400; font-size: 14px; text-align: center; margin: 18px 0 0 0; color: #4a515f;}
#storeservice .rolling-wrap .js-rolling.original {animation: rollingleft1 50s linear infinite normal none running;}
#storeservice .rolling-wrap .js-rolling.clone {animation: rollingleft2 50s linear infinite;}
#storeservice .rolling-wrap .js-rolling.original.paused, #storeservice .rolling-wrap .js-rolling.clone.paused { animation-play-state: paused;}

@media only screen and (min-width: 768px) {
    .pc-txt-intro{display: block; font-size: 14px;
        font-weight: 400;
        margin-bottom: 60px;
        text-align: center;
        line-height: 22px;
        letter-spacing: -0.5px;
        color: #2A303C;
        margin-top: 0;}
    .mb-txt-intro{display: none}
    .mb-show{display: none}
    .mbBeetclist .swiper-pagination-bullet{display: none}
    .procedurButton{margin-bottom: 20px}
    .mb-br{display: none}
    .pc-br{display: block}
    .newServiceFuneral > div.titleText > h2 { margin:0 0 12px 0; }
    .servicePriceList > ul > li > strong > b  { display:none; }

    .funeral_br{display: block}
    .titleText > h2 { font-size: 25px; line-height: 37px; margin:0 0 12px 0; }
    .titleText > h3 { font-size: 14px; line-height: 22px; }
    .servicePriceList { width:100%; max-width: 1320px; margin: 0 auto 80px;}
    .servicePriceList > h3 { text-align: right; font-size: 12px; font-style: normal; font-weight: 400; margin-bottom:12px; margin-top: 32px; line-height: 19px}
    .servicePriceList > ul { flex-direction: column; justify-content: flex-start; }
    .servicePriceList > ul > li { align-items: flex-start; justify-content: flex-start; padding: 28px 44px; }
    .servicePriceList > ul > li > strong { order:1; margin:0; font-size:20px; width:200px; line-height: 29px; letter-spacing: -0.5px}
    .servicePriceList > ul > li > i { order:3; margin:0 0 0 auto; font-size:21px; font-weight: 600; width:200px; text-align: right; line-height: 28.5px; letter-spacing: -0.1px}
    .servicePriceList > ul > li > i > em { font-size:14px; font-weight: 400; line-height: 22px}
    .servicePriceList > ul > li > span { order:2; width:calc(100% - 400px); font-size:18px; line-height: 26.5px; letter-spacing: -0.5px}
    .servicePriceList > ul > li > h6 { order:6; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-top:-20px; transform: scale(1)}
    .servicePriceList .imgWrap { order:5; padding:32px 0 30px 0; margin:0; }
    .servicePriceList .imgWrap > ul > li { display:flex; }


    .stonePage { max-width: 1202px; margin: 0 auto; height: 478px; margin-bottom: 20px;}
    .stonePage ul li .stone-img { width: 100%; height: 100%; }
    .stonePage ul li .pc-stone-img{display: block}
    .stonePage ul li .mb-stone-img{display: none}
    .stonePage .swiper-pagination { bottom: var(--swiper-pagination-bottom,8px) !important; top: var(--swiper-pagination-top,auto) !important; left: 0!important; width: 100%!important;}
    .stonePage .swiper-pagination > .swiper-pagination-bullet { background-color: #fff !important; opacity: 1 !important;}
    .stonePage .swiper-pagination > .swiper-pagination-bullet-active { background-color: #431F88 !important;}
    .stonePage .swiper-button-next,.stonePage .swiper-button-prev{width: 40px; height: 40px; background: rgba(255,255,255,0.5); border: 1px solid #D1D4DA; top: calc(50% + 20px)}
    .stonePage .swiper-button-prev {
        z-index: 9996;
        left: 0;
    }

    .stonePage .swiper-button-next {
        right: 0;
        z-index: 9996;
    }
    .stonePage .swiper-button-prev:after {
        font-size: 8px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #4A515F;
    }
    .stonePage .swiper-button-next:after {
        font-size: 8px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #4A515F
    }
    .stonePage .swiper-pagination {
        width: 96px !important;
        height: 32px;
        line-height: 32px;
        left: 50% !important;
        margin-left: 500px;
        bottom: 20px !important;
        background-color: #F6F7F8;
        color: #4A515F;
        font-size: 15px;
        border-radius: 30px;
        font-weight: 400;
    }
    .serviceOptionWrap > ul > li { padding:0; align-items: flex-end; }
    .serviceOptionWrap > ul > li > i { order:4; }
    .serviceOptionWrap > ul > li > strong { margin:0 0 16px 0; width:100%; }
    .serviceOptionWrap > ul > li > span { order:3; width:50%; margin:0 0 0px 0;  }
    #optionFlowerWrap .swiper-button-next, #optionFlowerWrap .swiper-button-prev {width:40px; height:40px; border:#D1D4DA 0px solid; background:rgba(255,255,255, 0.8);  }
    #optionFlowerWrap .swiper-button-next:after, #optionFlowerWrap .swiper-button-prev:after {
        font-size:10px; color:#000; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);
    }
    #optionFlowerWrap .swiper-button-next { right:0; }
    #optionFlowerWrap .swiper-button-prev { left:0; }

    .noticeInfoWrap { margin:44px auto 0 auto; max-width:1320px; padding:40px 43px; background:rgba(241, 242, 243, 0.5); border: #EAECF0 0px solid; }
    .noticeInfoWrap > ul > li { border:0; }
    .noticeInfoWrap .btn_notice_view { background: transparent; font-size: 18px; font-style: normal; font-weight: 500; padding:0; height:auto; margin:0; line-height: 26px; letter-spacing: -0.5px}
    .noticeInfoWrap .btn_notice_view:after { display:none; }
    .noticeInfoWrap .noticeContent { display: block; padding: 16px 0; }
    .noticeInfoWrap .noticeContent > ul > li { font-size:14px; margin:0 0 8px 0; color:#5C6272; font-weight: 400; line-height: 22px; letter-spacing: -0.5px;}

    .servicePriceList > ul.under_serviceOption > li > span{font-size: 18px; font-weight: 400; line-height: 26.5px;}


    .serviceProcessWrap { margin:92px auto 0 auto; }
    .serviceProcessWrap > strong { padding: 0; font-size: 23px; font-style: normal; font-weight: 700; margin:0 0 20px 0; }
    .serviceProcessWrap > ul { flex-direction: row; }
    .serviceProcessWrap > ul > li { padding:0; display:flex; border:#D1D4DA 1px solid !important; border-radius: 0 60px 0 0; height: 444px;position: relative}
    .servicePetlossWrap .serviceProcessWrap > ul > li { border:0 !important; }
    .serviceProcessWrap .imgWrap { order:1; padding:0; flex:1 1 50.183%; display:flex; height: 100%; position: relative}
    .serviceProcessWrap .imgWrap > img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
    .serviceProcessWrap .serviceProcessContent { order:2; flex:1 1 40%; padding:67px 40px 0 40px; }
    .serviceProcessContent > ul > li > strong > b { color:#431F88; font-size: 15px; font-style: normal; font-weight: 400; }
    .serviceProcessContent > ul > li > strong { color:#2A303C;font-size: 20px; font-style: normal; font-weight: 700; margin: 0 0 38px 0; }
    .serviceProcessContent > ul > li > span { color:#4A515F; font-size: 14px;        font-style: normal;        font-weight: 400; line-height: 22px;  margin-bottom: 0}
    .serviceProcessContent > ul > li > h6 { color:#798493; font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        width: 100%;
        margin-top: 12px;
    }
    .serviceProcessWrap .swiper-pagination { bottom: 42px !important; right:66px; top:auto !important; font-size: 13px; padding:0;
        font-style: normal; width:52px; height:24px; border:#D1D4DA 1px solid; border-radius: 20px; display:flex; justify-content: center; align-items: center;
        font-weight: 400; color:#5C6272; background:transparent; }
    .serviceProcessWrap .swiper-pagination > span { margin:0 3px; font-weight: 400; }
    .serviceProcessWrap .swiper-button-next, .serviceProcessWrap .swiper-button-prev {  width:40px; height:40px; border:#D1D4DA 1px solid; top:calc(50% + 43px); background: rgba(255,255,255,0.8)}
    .serviceProcessWrap .swiper-button-next:after, .serviceProcessWrap .swiper-button-prev:after { font-size:10px; color:#000; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
    .serviceProcessWrap .swiper-button-next { right:0px; }
    .serviceProcessWrap .swiper-button-prev { left:0px; }

    .serviceEtcList > h3 {  text-align: center; font-size: 14px;
        font-style: normal; color:#5C6272; margin-bottom:32px;
        font-weight: 400; }
    .serviceEtcList > h6 { font-size: 12px;
        font-style: normal;
        font-weight: 400; padding: 20px 0.5%;
        line-height: 19px; }
    .serviceEtcList > ul { justify-content: center; flex-direction: row; align-items: stretch; padding:0; }
    .serviceEtcList > ul > li { width:32%; margin:0 0.5%; padding:163px 0 36px 36px; border-radius: 12px }
    .serviceEtcList > ul > li > strong { font-size: 20px; margin:0 0 28px 0; line-height: 29px; width: 100%; display: block; text-align: center}
    .serviceEtcList > ul > li > span { width:100%; font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-align: center; color: #2A303C}
    .serviceEtcList > ul > li{background-size:180px 160px; background-position: right top;}

    .serviceStoneList > ul > li { width:24%; padding:179px 20px 20px 20px; background-size:137px 137px; }
    .serviceStoneList > ul > li > strong { width:100%; }

    .serviceStoneProcessWrap { max-width: 1320px; margin:60px auto; padding:0; }
    .serviceStoneProcessWrap > ul { width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
    .serviceStoneProcessWrap > ul > li { width:25%; padding:0; flex-direction: row; flex-wrap: wrap; }
    .serviceStoneProcessWrap > ul > li:before { content:attr(data-this-step); width:100%; height:auto; font-size: 12px; color:#949FAC; position:relative; margin:0 0 10px 0;
        font-style: normal; text-align: left; border-radius: 0; background:transparent;
        font-weight: 400; }
    .serviceStoneProcessWrap > ul > li:not(:last-child):after { display:none; }
    .serviceStoneProcessWrap > ul > li > strong { font-size: 18px; margin:0 0 15px 0; padding:0 20px 0 0;
        font-style: normal; display:inline-block; position:relative; background:#fff;
        font-weight: 700; }
    .serviceStoneProcessWrap > ul > li:not(:last-child):after{ content:""; display:inline-block; width:93%; height:1px; background:#2A303C; position:absolute;
    left:0; top:32px; margin:0 0 0 0; z-index: -1; }
    .serviceStoneProcessWrap > ul > li > span { font-size: 14px; color:#4A515F; width:100%;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; }
    .serviceStoneProcessWrap > ul > li:not(:last-child) > span:after { content:""; width:5px; height:1px; background:#2A303C; position:absolute; top:30px; right:7%;
        transform:rotate(45deg); }
    .serviceStoneProcessWrap > ul > li:not(:last-child) > span:before { content:""; width:5px; height:1px; background:#2A303C; position:absolute; top:34px; right:7%;
        transform:rotate(-45deg); }

    .servicePetlossWrap { width:100%; max-width: 1320px; margin:0 auto; display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; flex-wrap: wrap; padding: 60px 0}
    .servicePetlossWrap > .serviceProcessWrap { width:50%; flex:1 1 40%; margin:0;}
    .servicePetlossWrap > ul > li { border:0 !important; width:100% !important; }
    .servicePetlossWrap .serviceProcessContent { width:50%; margin:0; padding-left:40px; }
    .servicePetlossWrap .serviceProcessContent > ul > li > strong { color:#431F88; font-weight:700; font-size:30px; line-height: normal;  }
    .servicePetlossWrap .serviceProcessContent > ul > li > span {  font-weight:400; font-size:16px; line-height: 24px; }
    .servicePetlossWrap .serviceProcessContent > ul > li > span br { display: block; }
    .benefitWrap { width:1320px; margin:0 auto; }
    .benefitInnerWrap  { padding-left:0; padding-right: 0; }
    .benefitInnerWrap > ul > li { width:32%; }
    .benefitInnerWrap > h2 { color:#2A303C; }
    .benefitInnerWrap > ul > li > a > span { margin-bottom:15px; }
    .benefitInnerWrap > ul > li > a > strong { font-size:18px; padding-left:15px; }
    .benefitInnerWrap > ul > li.is_end > a > strong:before { top:-25px; left:15px; }
    .benefitInnerWrap > ul > li > a > i { padding-left:15px; }

    .benefitViewWrap > .benefitHeader > h2 { font-size:20px; }
    .benefitViewWrap > .benefitHeader > i { font-size:12px; }
    .benefitViewWrap > .benefitHeader > em { font-size:11px; }

    .funeralFullbox .serviceTabs { border-bottom:#EAECF0 1px solid;}
    .funeralFullbox .serviceTabs > ul, .serviceTabs.lnb-scroll > ul { height:48px; justify-content: center; }
    .funeralFullbox .serviceTabs > ul > li > a{line-height: 48px; height: 48px}
    .serviceTabs > ul > li > a, .serviceTabs > ul > li > a.on { font-size:14px; }
    .serviceTabs > ul > li > a { height:48px; line-height: 48px; }

    .contactWrap .serviceTabs > ul > li{margin: 0 36px;}
    .PcContent{max-width: 1320px; width: 100%; margin: 0 auto; padding-bottom: 0}
    .PcTitle{display: block; font-size: 30px; font-weight: 600; text-align: center; margin-bottom: 16px; line-height: 43px;}
    .PcTabOrder{display: flex; justify-content: flex-end; margin-top: 20px; margin-bottom: 40px}
    .PcTabOrder > ul{display: flex; justify-content: flex-end}
    .PcTabOrder > ul > li{margin: 0 9px;}
    .PcTabOrder > ul > li:nth-of-type(2),
    .PcTabOrder > ul > li:nth-of-type(4){background:url('../svg/icon_next.svg') no-repeat center center; text-indent: -9999px; width: 6px; height: 12px; background-size: cover}
    .pc_br{display: none;}
    .PcSubTitle{font-size: 16px; font-weight: 400; margin-bottom: 60px; text-align: center; line-height: 22px; letter-spacing: -0.5px; color: #5C6272; margin-top: 0}
    .contactPcTitle{margin-bottom: 0}
    .serviceCategory > ul > li > a{font-size: 18px; padding: 12px 20px; font-weight: 700;  border-radius: 50px; line-height: 26.5px; height: auto}
    .serviceCategory > ul > li{width: auto; margin: 0 6px}
    .serviceCategory > ul{justify-content: center; margin-bottom: 60px;}
    .serviceCategory > ul > li > a.on{font-size: 18px; font-weight: 700}
    .FaqWrap .faqList > ul > li > strong{top: -22px; left: 170px; height: 0; font-size: 18px; font-weight: 700; padding-right: 30px}
    .faqList > ul > li > span{margin: 0; font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.5px}
    .faqList > ul > li{padding: 20px 20px; cursor: pointer}
    .faqList > ul > li:hover{background-color: #F6F7F8}
    .faqList > ul > li > strong:after{transform : translateY(-10px); right: 170px; }
    .faqList > ul > li > strong.on:after{transform: translateY(-10px) rotate(-180deg)}
    .faqList > ul > li.active{background-color: #F6F7F8}
    .faqList > ul > li > strong.on{color: #2A303C}
    .faqList > ul > li > p:before{display: none}
    .faqList > ul > li > p{padding-left: 170px; font-size: 16px; font-weight: 400; padding: 28px 20px 8px 170px}
    .qnaLinkWrap{display: none}
    .FaqWrap .PcSubTitle{margin: 0 0 60px 0;}
    .FaqWrap .faqList > ul > li > span{width: 120px; text-align: center}

    .notice_subtext{font-size: 14px; font-weight: 400; margin-bottom: 60px; text-align: center; line-height: 22px}
    .count_list{display: block;}
    .qnaList > ul > li > a{flex-wrap: wrap; align-items: center;  padding-left:0; }
    .qnaList > ul > li > a > strong,
    .qnaList > ul > li > a > span{margin-bottom: 0}
    .qnaList > ul > li > a > span{width: 10%; font-size: 15px}
    .qnaList > ul > li > a > strong{width: 70%; font-size: 18px}
    .qnaList > ul > li > a > em{width: 20%; font-size: 14px; text-align: right; margin: 0}
    .qnaList > ul > li > a:hover{background-color: #F6F7F8;}
    .qnaList > ul > li > a:hover > strong{color: #431F88}

    .qnaList > ul > li.is_focus {background:rgba(181, 156, 142, 0.1)}
    .qnaList > ul > li > a > span.is_notice { position:relative;  }
    .qnaList > ul > li > a > span.is_notice:before { content:attr(data-this-text); display:inline-block; font-size:12px; color:#fff; font-weight: 400; padding:0 0;
        height:22px; line-height: 22px; border-radius: 2px; background:#431F88; width:30px; text-align: center;
    }
    .qnaList > ul > li > a > span.is_question { position:relative; }
    .qnaList > ul > li > a > span.is_question:before { content:attr(data-this-text); display:inline-block; font-size:14px; color:#5C6272; font-weight: 400; padding:0 0;
        height:22px; line-height: 22px; border-radius: 2px; width:140px; text-align: center;
    }
    .qnaList > ul > li > a > span.count_list { position:relative; }
    .qnaList > ul > li > a > span.count_list:before { content:attr(data-this-text); display:inline-block; font-size:14px; color:#5C6272; font-weight: 400; padding:0 0;
        height:22px; line-height: 22px; border-radius: 2px; width:140px; text-align: center;
    }
    .qnaList.noticeList > ul > li > a > span.count_list:before { content:attr(data-this-text); display:inline-block; font-size:14px; color:#5C6272; font-weight: 400; padding:0 0;
        height:22px; line-height: 22px; border-radius: 2px; width:100%; text-align: center;
    }
    .qnaList.noticeList > ul > li > a > span {  text-align: center; }


    .qnaView { width:100%; max-width: 1320px; margin:0 auto; padding: 0}
    .qnaView > h2{font-size: 18px; font-weight: 700; line-height: 26.5px; margin-bottom: 24px;display: block}
    .contactList > ul > li > a > span{width: 140px}
    .contactList > ul > li > a > strong{width: auto; padding-left:40px; }
    .contactList > ul > li > a > em{width: 80px}
    .contactList > ul > li > a{display: flex; justify-content: flex-start}
    .contactList > ul > li > a > div{ width:auto; display: flex; margin-left:auto; }
    .contactList > ul > li > a > div > em{margin-left: 0; font-size: 14px; width: 80px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
    .contactList > ul > li > a i{width: 120px; text-align: center;}
    .detail_contact{font-size: 18px; font-weight: 700; margin-bottom: 24px;}
    .qnaList .noticeList > ul > li > a em { display:inline-block; }
    .qnaWriteWrap { width:1320px; margin:0 auto; padding:40px 0; }
    .noticeNewstyle .notice_subtext,
    .contactWrap .PcSubTitle{margin:0 0 60px 0; }
    .contactList > ul > li > a > div > div{display: flex; flex-direction: row-reverse; align-items: center}
    .contactList > ul > li > a > div > div > em,
    .contactList > ul > li > a > div > div > i{font-size: 14px; font-weight: 400}
    .contactList > ul > li > a > div > div > em{width: 120px; text-align: center}
    .qnaView > ul > li.RestyleDetail {background-color: #F6F7F8; padding: 32px 38px; box-sizing: border-box}
    .qnaView > ul > li.RestyleDetail > div{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px}
    .qnaView > ul > li.RestyleDetail > div > div:first-of-type > span{font-size: 18px; font-weight: 400; }
    .left-title{display: flex; align-items: center}
    .left-title > span{font-size: 18px; font-weight: 400; line-height: 26.5px;}
    .left-title > strong{font-size: 23px; line-height: 34px; color: #431F88; margin-left: 12px; display: inline-block}
    .right-title{display: flex; align-items: center}
    .right-title > *{font-size: 14px; line-height: 22px; font-weight: 400; color: #949FAC; margin-left: 20px; display: block}
    .right-title > span{color: #5C6272; font-size: 14px}
    .right-title > em{font-size: 14px}
    .RestyleDetail > p{font-size: 18px; font-weight: 400; line-height: 26.5px; color: #2A303C}
    .qnaView > ul > li > strong { display:inline-block; margin: 0 0 12px 0; width:100%; color:#2A303C; font-weight: 700; font-size:18px; line-height: 26.5px; }
    .qnaView > ul > li:last-child > p{font-size: 20px; color: #2A303C; line-height: 29px;}
    .qnaView > ul > li:last-of-type{padding: 32px 38px 0 38px}
    .brandStoryWrap .path{margin: 20px auto 40px auto}
    .brandStoryWrap > div.brandSection{padding: 60px 0 60px 0;}
    .brandStoryWrap > div:nth-of-type(3){padding-top: 0;}

    .path{margin: 20px auto 36px auto}
    .contactWrite{display: flex; align-items: flex-start}
    .contactWrite > h3{width: 164px; text-align: left; font-size: 18px; line-height: 26.5px; font-weight: 700; letter-spacing: -0.5px; color: #2A303C}
    .qnaWrite > ul{width: calc(100% - 164px); margin-left: auto}
    .title-detail-box{display: flex; margin-bottom: 16px; gap: 16px;}
    .title-detail-box > li:first-of-type{min-width: 240px;}
    .title-detail-box > li:nth-of-type(2){min-width: 240px;}
    .title-detail-box > li:last-of-type{width: 100%;}
    .pc-none-content{display: none}
    .pc-block-content{display: block; font-size: 14px; line-height: 22px; letter-spacing: -0.5px; color: #5C6272; margin-right: 20px; font-weight: 400}
    .loginWrap > ul > li > label{padding-top: 0}
    .qnaWrite .wr_pass{display: flex; align-items: center; margin-right: 20px}
    .secret-message{display: flex; align-items: center}
    .pc-block-content input{width: 200px; height: 56px}
    .veriMsg.error{display: none}
    .select_custom_title{font-size: 16.5px; font-weight: 400; line-height: 23.89px; letter-spacing: -0.5px; color: #BBC0C9}
    .select_custom_sub {top: 55px;}
    .select_custom_sub > li{margin-bottom: 0; width: 100%; height: 40px; }
    .select_custom_sub > li > button{padding-left: 21px; text-align: left;  height: 100%; display: flex; align-items: center; width: 100%}
    .select_custom_sub > li:hover > button{background-color: #F6F7F8;  }
    .detail-textarea > textarea{padding: 16px 24px; font-size: 16.5px; font-weight: 400; line-height: 23.89px; height: 305px; resize: none;}
    .qnaWrite > ul > li.new-style-mb{margin: 0 0 20px 0}
    .secret-message .matter-checkbox{display: flex; align-items: center; margin-right: 60px}
    .loginWrap .veriMsg{display: none}
    .NonMemberCuinfo > div{display: flex}
    .NonMemberCuinfo > div > ul{display: flex; flex-direction: inherit}
    .NonMemberCuinfo > div > ul > li:nth-of-type(2) strong,
    .NonMemberCuinfo > div > ul > li:first-of-type strong{display: block;}
    .quest-write-btn, .quest-write-btn2{ bottom: 0; right: 0}
    .qnaWriteWrap{position: relative}
    .NonMemberCuinfo > div > h3{width: 93px; white-space: nowrap; margin-right: 38px}
    .NonMemberCuinfo > div > ul > li{width: auto; margin: 0 0 0 0}
    .NonMemberCuinfo > div > ul > li:first-of-type{min-width: 240px;}
    .NonMemberCuinfo > div > ul > li:nth-of-type(2){min-width: 300px; margin-left: 16px; margin-bottom: 0}
    .NonMemberCuinfo > div > ul > li:nth-of-type(3){margin-left: 32px; margin-bottom: 0}
    .NonMemberCuinfo .loginWrap > ul > li > label > span{display: none}
    .guest_agree > ul > li > h4{font-size: 14px; line-height: 22px; font-weight: 400; color: #5C6272; margin-bottom: 8px;}
    .pc-matter-check{font-size: 15.5px; line-height: 21px; letter-spacing: -0.5px; font-weight: 400; color: #2A303C}
    .guest_agree > ul > li{margin: 0}
    .qnaWriteWrap{padding-bottom: 0; padding-top: 0}
    .qnaWrite{margin-top: 0}
    .NonMemberCuinfo{width: calc(100% - 164px); margin-left: auto; position: relative; margin-top: 80px; margin-bottom: 36px !important; }
    .serviceTabs > ul > li{margin: 0 36px}
    .com-index-path{ margin: 20px auto}
    .ListShowBanner{display: none}
    #optionFlowerWrap > ul > li{height: 300px;}
    .newServiceFuneral{height: 130px; margin-bottom: 60px}
    .newServiceFuneral > img.is_desktop_wrap{display: block; width: 100%; height: 100%; object-position: center center; object-fit: cover}

    .extraService .serviceTitle{height: 74px}
    .extraService .serviceTitle > img.is_desktop_wrap{width: 100%; display: block; height: 100%; object-position: center center; object-fit: cover}
    .serviceEtcList > h3.etc_is_desktop_wrap{margin: 20px 0 32px 0}
    .serviceEtcList > h6.etc-h6{padding-top: 16px; padding-left: 0; display: block; width: 100%; max-width: 727px; margin: 0 auto}
    .serviceEtcList > h3.is_desktop_wrap{margin-top: 20px}
    .serviceEtcList > h6.max-h6-width{max-width: 727px; width: 100%; display: block; margin: 0 auto; padding-left: 0}
    .be_etc-list > li{margin: 0}
    .be_etc-list > li:nth-of-type(2){margin-left: 40px}
    .serviceStoneList > ul.stone-info-list{flex-wrap: nowrap}
    .serviceStoneList > ul.stone-info-list > li{margin: 0; margin-left: 32px; width: 23%}
    .serviceStoneList > ul.stone-info-list > li:first-of-type{margin-left: 0}
    .detail_list_btn{ justify-content: flex-end; margin-right: 12px}
    .detail_list_btn > a.btn_cancel{font-size: 14px;font-weight: 500;line-height: 22.5px;letter-spacing: -0.5px; text-decoration-line: underline; border: none; background: transparent; display: flex; align-items: center; padding: 0; color: #4A515F}
    .wirte-select-custom{padding: 0}
    .serviceCategory > ul { width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}

    .customerPath{margin: 20px auto 40px auto}
    .faqPctitle{font-size: 32px; letter-spacing: -0.1px; font-family: 'Roboto' !important}
    .customerCustmBox .pagination{margin: 40px 0 0 0}
    .qnaNewstyle > ul > li > a > strong{line-height: 26.5px}
    .qnaNewstyle > ul > li > a{padding: 20px 0 20px 0}
    .qnaNewstyle > ul > li > a > div > em{line-height: 22px}
    .qnaNewstyle > a{color: #431F88; font-size: 14px; border-radius: 2px; font-weight: 500; line-height: 40px; letter-spacing: -0.5px; border: 1px solid #431F88; height: 40px; background: #FFF; margin: 20px 24px 0 auto}
    .customerServiceWrap .pagination{margin: 20px 0 0 0}
    #contents{min-height: 305px}
    .contactWrite > h3 > strong{font-size: 18px ;line-height: 26.5px ;letter-spacing: -0.5px; font-weight: 700;}
    .loginWrap input[type='text'],
    .contactWrite .select_custom_title{height: 55px}
    .contactWrite .matter-checkbox > span{color: #5C6272; font-size: 14px; line-height: 22px; letter-spacing: -0.5px; font-weight: 400;}
    .contactWrite .matter-checkbox > input{border-color: #D1D4DA}
    .detail_list_btn > a{height: 40px; padding: 0 31px; line-height: 40px; font-size: 14px}
    .detail_list_btn > a.btn_cancel{color: #2A303C}

    .noticeList > ul > li > a > span.is_notice:before{width: 34px; height: 22px; line-height: 22px; font-size: 12px; letter-spacing: -0.5px; border-radius: 2px}
    .noticeList > ul > li > a > strong{line-height: 26.5px}

    .noticeList > ul > li > a > em{width: 120px; text-align: center}
    .noticeList > ul > li > a{padding-right: 0}
    .noticeList > ul > li > a em{position: static}
    .noticeList > ul > li > a > strong{width: 80%}
    .noticeList > ul > li > a{flex-wrap: nowrap}

    .note-editor{display: none; margin: 28px 15px 8px 170px}
    .servicePriceList > ul > li.swiper-slide{padding: 0}
    .newServiceFuneral .titleText > h2{color: #2A303C; margin: 0 0 12px 0;}
    .newServiceFuneral .titleText > h3{color: #5C6272}
    .funeralFullbox .roundTabs > ul > li{margin: 0 8px;}
    .funeralFullbox .servicePriceList > ul > li > strong{margin: 0}
    .funeralFullbox .servicePriceList > ul.funeral_search_list > li{padding: 29px 44px}
    .mb-active{display: none}
    .pc-active{display: block}
    .newPriceFuneral{margin-bottom: 28px}
    .reSizeNoticeinfo{ margin-top: 0; margin-bottom: 92px}
    .funeralFullbox .noticeInfoWrap .noticeContent{padding: 16px 0 0 0}
    .funeralFullbox .servicePriceList > ul.under_serviceOption > li > strong{margin-bottom: 16px; font-size: 23px;line-height: 34px}
    .extraService .titleText > h2{color: #2A303C}
    .extraService .serviceTitle{margin-bottom: 60px}
    .funeralFullbox .extraService .servicePriceList > ul > li{padding: 35px 10px}
    .serviceEtcList > ul > li{margin: 0 44px 0 0; max-width: 213px;}
    .serviceEtcList > ul > li:nth-of-type(3){margin: 0}
    .funeralFullbox .extraService .servicePriceList > ul.swiper-wrapper > li{padding: 0}
    .serviceProcessWrap > strong.le-pd{padding-left: 0}
    .serviceEtcList > ul.be_etc-list > li{margin: 0 44px 0 0}
    .serviceEtcList > ul.be_etc-list > li:last-of-type{margin: 0}

    .funeralFullbox .extraService .servicePriceList > ul.stone-info-list > li{margin:0 32px 20px 0}
    .funeralFullbox .extraService .servicePriceList > ul.stone-info-list > li:last-of-type{margin: 0 0 20px 0}
    .stoneProcessWrpa{max-width: 1084px; margin: 52px auto 80px auto}
    .stoneProcessWrpa > ul > li:nth-of-type(1){width: 225px}
    .stoneProcessWrpa > ul > li:nth-of-type(2){width: 214px}
    .stoneProcessWrpa > ul > li:nth-of-type(3){width: 406px}
    .stoneProcessWrpa > ul > li:nth-of-type(4){width: 22%}
    .detail_list_btn > a:last-of-type{margin-left: 36px}

    .serviceTabs > ul{height: 48px}
    .show-textarea{display: block !important; border:1px solid #ccc; border-radius: 4px; min-height: 250px !important; width: 100%; resize: none}
    #optionFlowerWrap .swiper-pagination{display: none}

    .stonePage .swiper-pagination{display: none}
    .serviceProcessContent {opacity: 1; transition: opacity 0.5s ease-in-out; transition-delay: 0.3s;}
    .swiper-slide-active .serviceProcessContent { opacity: 1; }

    .serviceProcessWrap .imgWrap > img.pc-priceList{display: block}
    .serviceProcessWrap .imgWrap > img.mb-priceList{display: none}

    #optionFlowerWrap > ul > li > img.pc-funeralflowr{display: block}
    #optionFlowerWrap > ul > li > img.mb-funeralflowr{display: none}
    .note-editor:before{font-weight: 700; line-height: 23px}
    .stone-price-box{display: flex; align-items: center; justify-content: center; border-radius: 28px 28px 0 0; z-index: 99; padding: 0 33px; margin-bottom: 0}
    .stone-price-box > span{font-size: 18px; line-height: 26px; letter-spacing: -0.5px; color: #2A303C; font-weight: 500; width: auto;}
    .stone-price-box > div{font-size: 14px; line-height: 22px; display: flex; align-items: center; width: auto}
    .stone-price-box > div > p{color: #431F88; font-size: 21px; line-height: 28.5px; font-weight: 600; margin-left: 12px; margin-right: 4px}
    .pc-stone{display: flex;}
    .mb-stone{display: none;}

    .pc-text{display: flex; align-items: center; justify-content: center; margin-top: 60px; position: relative; margin-bottom: 8px}
    .pc-text:after{content: ''; background-color: #B59C8E; height: 16px; width: 100%; position: absolute; bottom: 0; max-width: 459px; opacity: 0.2; z-index: -1}
    .pc-text > strong{font-size: 18px; font-weight: 700; line-height: 26.5px; color: #2A303C; display: inline-block}
    .pc-text > p{display: inline-block; margin-left: 20px; font-size: 18px; font-weight: 400; color: #2A303C; line-height: 26.5px}
    .mb-hide{display: block}
    .servicePriceList > ul.mb-be-etc-list{display: none}
    .servicePriceList > ul.pc-be-etc-list{display: flex}
    .unaccompanied-info > ul > li > div > img.pc-mobility{display: block}
    .unaccompanied-info > ul > li > div > img.mb-mobility{display: none}
    .unaccompanied-info > ul{display: flex; max-width: 1320px; width: 100%; margin: 0 auto}
    .unaccompanied-info > ul > li > div{flex-direction: column}
    .unaccompanied-info > h2{font-size: 20px; line-height: 29px; margin-bottom: 40px}
    .unaccompanied-info > h2 > span{color: #431F88; font-size: 20px; line-height: 29px; }
    .unaccompanied-info > h2 > br:last-of-type{display: none}
    .unaccompanied-info > ul > li{margin-bottom: 0; max-width: 360px; margin-left: 60px}
    .unaccompanied-info > ul > li:first-of-type{margin-left: 0}
    .unaccompanied-info > ul > li > div > img.pc-mobility{margin-bottom: 20px; }
    .unaccompanied-info > ul > li > div > h3{color: #2A303C; font-size: 16px; font-weight: 700; line-height: 22px; margin-bottom: 0}
    .unaccompanied-info > ul > li > p{font-size: 14px; font-weight: 400; line-height: 22px; letter-spacing: -0.6px}
    .unaccompanied-info > ul > li > p > strong{font-weight: 700; color: #2A303C; letter-spacing: -0.6px}
    .unaccompanied-info > ul > li > p > br{display: block}
    .unaccompanied-info > ul > li > p > span{font-size: 12px; color: #5C6272; line-height: 19px}
    .unaccompanied-info > div{text-align: center}
    .unaccompanied-info > div > p{display: inline-block; margin-top: 74px; text-align: center; font-size: 14px; line-height: 22px; font-weight: 400; color: #2A303C; padding-bottom: 23px; border-bottom: 1px solid #431F88}
    .unaccompanied-info > hr{display: block; width: 100%; max-width: 290px; margin: 0 auto}
    .unaccompanied-info{padding: 70px 0 }

    .stonePage{ box-sizing: border-box;}
    /*review_Collection str*/
    .collection-container{width: 100%;}
    .collection-container .ttl_wrap {margin: 60px auto 40px;}
    .collection-container .ttl_wrap > h2 {font-size: 28px; line-height: 43px;}
    .collection-container .ttl_wrap > p {justify-content: center; color: #4A515F; font-size: 20px; line-height: 29px;}
    .head-li{display: block}
    .head-li > ul > li{display: flex; gap: 30px; font-size: 14px; padding: 16px 0; border-top: 1px solid #EAECF0;}
    .head-li > ul > li > span {width: 130px; text-align: center; color: #431F88; font-weight: 700; margin: 0; padding: 0; font-size: 14px; line-height: 22px}
    .head-li > ul > li > span:nth-of-type(2){margin:0; flex: 1;}
    .collection-list {width: 100%;}
    .collection-list > li:first-of-type {border-top: 1px solid #EAECF0;}
    .collection-list > li {display: flex; gap: 30px; margin-bottom: 0; padding: 16px 0; cursor: pointer;}
    .collection-list > li > p.storeData {width: 130px; text-align: center; margin-bottom: 0; color: #5C6272; font-size: 15px; font-weight: 400; line-height: normal;}
    .collection-list > li > span.review-content {flex: 1; margin: 0; -webkit-line-clamp: 1; font-size: 15px; font-weight: 500; line-height: normal;}
    .collection-list > li > div {width: 130px; justify-content: center;}
    .collection-list > li > div > span {font-size: 15px; line-height: normal; font-weight: 400; color: #5C6272;}
    .collectionStyle > div > div > div > div:last-of-type.review-pop-title{display: flex; justify-content: space-between}
    .collectionStyle > div > div > div > div:last-of-type > div{display: flex}
    .collectionStyle > div > div > div > div:last-of-type > div span{font-size: 11.5px; line-height: 16px; color: #5C6272;font-weight: 500; display: block}
    .collectionStyle > div > div > div > div:last-of-type > div:first-of-type span:first-of-type{ padding-right: 8px; margin-right: 8px; position: relative}
    .collectionStyle > div > div > div > div:last-of-type > div:first-of-type span:first-of-type:after{content: ''; background-color: #5C6272; width: 1px; height: 11px; position: absolute; top: 1.5px; right: 0 }
    .collectionStyle > div > div > div > div:last-of-type > div:last-of-type span{ color: #798493; font-size: 11px; font-weight: 350;}
    .collectionStyle > div > div > div > div:last-of-type > div:last-of-type span:first-of-type{margin-right: 9px}
    .collectionStyle > div > div > div > p{height: 171px !important; margin-bottom: 16px !important}
    .collectionStyle > div > div > div > div:last-of-type > div:last-of-type{position: static}
    /*review_Collection fin*/
    /*문의하기 이미지 첨부 css pc*/
    .loginWrap > ul > li:nth-of-type(2).file-upload-li{display: flex; margin-bottom: 4px}
    .file-upload-li > div:first-of-type{margin-right: 31px; display: block;}
    .file-upload-li > div:first-of-type > strong{color: #2A303C; font-size: 14px; font-weight: 700; display: block; line-height: 22px; margin-bottom: 4px}
    .file-upload-li > div:first-of-type > p{font-size: 11px; font-weight: 400; display: block; color: #949FAC; line-height: 16px; margin-left: 0}
    #upload-file-img{display: none}
    .attach-file{width: 100px; height: 100px; background: url('../img/quest-write-fileicon.png') no-repeat center center #F6F7F8; background-size: 28px; padding: 0; cursor: pointer}
    .attach-file > label{width: 100%; height: 100%; display: block}
    .contactWriteDetail > form{display: block}
    .contact-upload-btn{max-width: 1152px; width: 100%; display: flex; justify-content: flex-end}
    .contact-upload-btn > div:first-of-type.pc-Private-contact{display: flex; align-items: center}
    .contact-upload-btn #wr_pass{border: 1px solid #BBC0C9; font-size: 16px; font-weight: 400; height: 40px; padding-left: 16px; border-radius: 2px; color: #2A303c; margin-left: 12px; font-weight: 400; padding-right: 16px}
    .contact-upload-btn #wr_pass::placeholder{color: #BBC0C9;}
    .contact-upload-btn > div:first-of-type .matter-checkbox > input{ border: 1px solid}
    .contact-upload-btn > div:first-of-type .matter-checkbox{display: flex; align-items: center}
    .contact-upload-btn > div:first-of-type .matter-checkbox span{color: #5C6272; font-size: 14px; font-weight: 400; line-height: 22px}
    .contact-upload-btn button{margin-left: 40px}
    .contact-file-list{display: flex; align-items: center}
    .contact-file-list > li{width: 100px; height: 100px; position: relative; margin-right: 20px}
    .contact-file-list > li > img{display: block; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; width: 100% ; height: 100%}
    .img-total-contact{display: flex}
    .mob-Private-contact{display: none}
    .contactNonwrite{margin: 0 0 0 auto; padding: 0 20px 0 20px; }
    .NonMemberCuinfo > div > ul{margin-bottom: 24px}
    .attach-img-contact{display: flex;}
    .attach-img-contact > li{width: 300px; height: 208px; position: relative; margin-right: 20px;  margin-top: 16px}
    .attach-img-contact > li > img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
    .contact-upload-btn{margin-top: 0}


    .certificateAria {margin: 120px auto 150px;}
    .certificateAria h2 {margin-bottom: 12px; font-size: 23px; line-height: 34px; font-weight: 700; color: #2A303c;}
    .certificateAria p {font-size: 11px; line-height: 16px;}
    .certificateAria .imgWrap {margin: 32px auto 0; }
    .certificateAria .imgWrap .certificate {width: 266px; height: auto;}
    .certificateAria .imgWrap .stamp {width: 205px; height: auto; position: absolute; top: 20%; left: 69%;}


    #mainReview {width: 654px; overflow: visible; margin-bottom: 97px;}
    #mainReview .swiper-wrapper {align-items: center;}
    #mainReview .swiper-slide {display: block !important;}
    #mainReview .swiper-slide > div {position: relative;}
    #mainReview .swiper-slide:not(.swiper-slide-active) > div {width: 60%; height: 281px; transition: width 0.3s ease-in, height 0.3s ease-in, opacity 0.3s ease-in; background: #fff; border-radius: 4px; opacity: 0.5; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15); color: #4A515F;}
    #mainReview .swiper-slide:not(.swiper-slide-active) > div > img {opacity: 0;}
    #mainReview .swiper-slide > div .txt-wrap {height: 100%; padding: 35px; display: flex; flex-direction: column; justify-content: space-between; position: absolute; left: 0; top: 0; transition: color 0.3s ease;}
    #mainReview .swiper-slide > div .txt-wrap .user {display: flex; align-items: center; gap: 5px; font-size: 16px; font-weight: 300; line-height: 28px;}
    #mainReview .swiper-slide > div .txt-wrap > div h3 {font-size: 20px; font-weight: 700; line-height: normal;}
    #mainReview .swiper-slide > div .txt-wrap > div p {margin-top: 12px; font-size: 16px; font-weight: 400; line-height: normal; word-break: keep-all;}
    #mainReview .swiper-slide > div img {width: 100%; transition: opacity 0.3s ease;}

    #mainReview .swiper-slide-prev > div {opacity: 0.8 !important; transform: translateX(48%) !important;}
    #mainReview .swiper-slide-next > div {opacity: 0.8 !important; transform: translateX(18%) !important;}
    #mainReview .swiper-slide-active > div {color: #fff;}
    #mainReview .swiper-slide-active > div .txt-wrap > div h3 {font-size: 25px; line-height: 44px;}
    #mainReview .swiper-slide-active > div .txt-wrap > div p {font-size: 18px; line-height: 26.5px; font-weight: 300;}

    #mainReview .pagination {display: none;}
    #mainReview .swiper-button-next, #mainReview .swiper-button-prev {z-index: 99; width: 54px; height: 54px; top: 55%; transform: translate(-50%, -50%);  background-size: 100% auto !important;}
    #mainReview .swiper-button-next {right: -90px; background: url('../svg/icon_textfile_arrow_right.svg') no-repeat center center;}
    #mainReview .swiper-button-prev {left: -35px; background: url('../svg/icon_textfile_arrow_left.svg') no-repeat center center;}

.review_list {max-width: 1320px; margin: 0 auto;}

}

@media only screen and (max-width: 768px) {
    .is_desktop {display: none;}
    .is_mobile {display: block;}

    .serviceTabs > ul > li > a.bg {font-size: 11.5px !important; }

    .memorial_wrap .ttl_wrap .point_ttl {margin-bottom: 10px; font-size: 15.5px; font-weight: 500; line-height: 21px; word-break: keep-all;}
    .memorial_wrap .ttl_wrap > h2 {font-size: 21px; line-height: 30px;}

    .memorial_ttl_wrap {margin-bottom: 70px; height: 548px; background-color: #F7F7F4;
        background: url('../img/restone_bnr_mb_re.png') no-repeat center center / cover;
    }
    .memorial_ttl_wrap .titleText {width: 100%; left: 0%; top: 0; transform: translate(0, 0); position: relative; padding-top:70px; max-width: 100%; margin: 0;}
    .memorial_ttl_wrap .titleText > h2 {margin-bottom: 16px; font-size: 25px; line-height: 35px; text-align: center;}
    .memorial_ttl_wrap .titleText > p {font-size: 15px; line-height: 24px; text-align: center;}

    .memorial_wrap .memorial_section01 { margin-bottom: 75px;}
    .memorial_wrap .memorial_section01 .ttl_wrap {margin-bottom: 30px; padding: 0 24px;}
    .memorial_wrap .memorial_section01 .reason_wrap {flex-direction: column; gap: 60px; padding: 0 24px;}
    .memorial_wrap .memorial_section01 .reason_wrap li {gap: 16px;}
    .memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap {padding: 0 0 0 10px;}
    .memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap strong {margin-bottom: 6px; font-size: 17.5px; line-height: 28px;}
    .memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap p {font-size: 15px; line-height: 24px;}
    .memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap button {margin-top: 6px; font-size: 12.5px; line-height: 17px;}
    .memorial_wrap .memorial_section01 .reason_wrap li .txt_wrap span {margin-top: 4px; font-size: 12.5px; line-height: 17px;}
    span.crack_service {margin: 24px 24px 0; padding: 17.5px 22.5px 17.5px 25.5px; width:auto;font-size: 12.5px; line-height: 20px;}
    span.crack_service::before {left: 17.5px;}
    .memorial_wrap .memorial_section01 .certificatePopupBg {padding: 0 24px;}
    .memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner {width: calc(100% - 48px); padding: 40px 32px 32px;}
    .memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner > h2 {margin-bottom: 11px; font-size: 18px; line-height: 26.5px;}
    .memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner img {margin-bottom: 7px;}
    .memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner p {padding-left: 5px; font-size: 7px; line-height: 12px; }
    .memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner p:first-of-type {margin-bottom: 0;}

    .memorial_wrap .memorial_section02 {padding: 66px 24px 163px 24px;  background: url('../img/memorial_bg_m.png') no-repeat bottom center / cover; margin-bottom: 85px;}
    .memorial_wrap .memorial_section02 .ttl_wrap {padding-top: 0; margin-bottom: 45px;}
    .memorial_wrap .memorial_section02 .point_wrap {margin-bottom: 0; padding: 0 25px; flex-direction: column; flex-wrap: nowrap; gap: 0;}
    .memorial_wrap .memorial_section02 .point_wrap li {width: 100%; padding: 40px 0; border-bottom: 1px solid #D1D4DA; align-items: center; text-align: center;}
    .memorial_wrap .memorial_section02 .point_wrap li:last-of-type {border-bottom: none;}
    .memorial_wrap .memorial_section02 .point_wrap li img {margin-bottom: 12px;}
    .memorial_wrap .memorial_section02 .point_wrap li img.point01 {width: 35px;}
    .memorial_wrap .memorial_section02 .point_wrap li img.point02 {width: 31px;}
    .memorial_wrap .memorial_section02 .point_wrap li img.point03 {width: 30px;}
    .memorial_wrap .memorial_section02 .point_wrap li img.point04 {width: 27px;}
    .memorial_wrap .memorial_section02 .point_wrap li strong {margin-bottom: 8px; font-size: 17.5px; line-height: 28px;}
    .memorial_wrap .memorial_section02 .point_wrap li p {font-size: 15px; line-height: 24px; white-space: nowrap;}

    .memorial_wrap .no_section_txt_wrap {margin-bottom: 80px; border-radius: 0; width: 100%; height: auto; padding: 49px 0;}
    .memorial_wrap .no_section_txt_wrap h2 {font-size: 21px; line-height: 30px;}
    .memorial_wrap .no_section_txt_wrap p {font-size: 15px; line-height: 21px;}

    .memorial_wrap .memorial_section03 {margin-bottom: 100px; background: transparent; padding: 0 0 27px; overflow: hidden;}
    .memorial_wrap .memorial_section03 .ttl_wrap {margin-bottom: 30px;}
    .memorial_wrap .memorial_section03 #stone_step {overflow: visible; }
    .memorial_wrap .memorial_section03 #stone_step li {background: #F7F7F4; border-radius: 10px; overflow: hidden; opacity: 1;}
    .memorial_wrap .memorial_section03 #stone_step li img {margin-bottom: 0;}
    .memorial_wrap .memorial_section03 #stone_step li .txt_wrap {min-height: 184px; padding: 20px 30px 27px; align-items: flex-start; text-align: left;}
    .memorial_wrap .memorial_section03 #stone_step li .txt_wrap > div {margin-bottom: 6px;}
    .memorial_wrap .memorial_section03 #stone_step li .txt_wrap > div p {color: #2A303c; font-size: 12.5px; font-weight: 400; line-height: 16px;}
    .memorial_wrap .memorial_section03 #stone_step li .txt_wrap > div h3 {color: #431f88; font-size: 17.5px; line-height: 28px;}
    .memorial_wrap .memorial_section03 #stone_step li .txt_wrap p {color: #2A303c; font-size: 15px; line-height: 21px;}
    .memorial_wrap .memorial_section03 #stone_step li .txt_wrap span {margin-top: 4px; color: #5C6272; font-size: 12px; line-height: 17px;}
    .memorial_wrap .memorial_section03 #stone_step .swiper-pagination {bottom: -30px;}
    .memorial_wrap .memorial_section03 #stone_step .swiper-pagination .swiper-pagination-bullet {width: 7px; height: 7px; margin: 0 3px; background: #f1f2f3; opacity: 1; transition: background-color 0.2s ease-in-out;}
    .memorial_wrap .memorial_section03 #stone_step .swiper-pagination .swiper-pagination-bullet-active {background: #431f88;}

    .memorial_wrap .memorial_section04 {width: 100%; margin-bottom: 63px;}
    .memorial_wrap .memorial_section04 .ttl_wrap > h2 {margin-bottom: 8px;}
    .memorial_wrap .memorial_section04 .ttl_wrap .ttl_txt {color: #2A303c; font-size: 15px; line-height: 21px; text-align: center;}
    .memorial_wrap .memorial_section04 .price_wrap {margin-bottom: 49px;}
    .memorial_wrap .memorial_section04 .price_wrap > li button {padding: 15px 24px; font-size: 16px; line-height: 23px; gap: 3px;}
    .memorial_wrap .memorial_section04 .price_wrap > li button span {font-size: 12.5px; color: #5C6272;}
    .memorial_wrap .memorial_section04 .price_wrap > li button.active span {color: #5C6272;}
    .memorial_wrap .memorial_section04 .price_wrap > li > ul > li {height: 46px;}
    .memorial_wrap .memorial_section04 .price_wrap > li > ul > li p {font-size: 14px;}
    .memorial_wrap .memorial_section04 .price_wrap > li > ul > li strong {font-size: 14px;}
    .memorial_wrap .memorial_section04 .notice_wrap {margin: 0 24px; padding: 53px 0 16px; width: calc(100% - 48px); background: transparent; border: 1px solid #EAECF0; border-top: none; box-sizing: border-box; position: relative;}
    .memorial_wrap .memorial_section04 .notice_wrap h4 {width: calc(100% + 2px); height: 37px; background: #F7F7F4; display: flex; align-items: center; padding-left: 17px; font-size: 12.5px; line-height: normal; position: absolute; left: -1px; top: 0;}
    .memorial_wrap .memorial_section04 .notice_wrap p {padding: 0 16px; margin-bottom: 8px; color: #5C6272; font-size: 12.5px; line-height: 17px;}
    .memorial_wrap .memorial_section04 .notice_wrap p:last-of-type {margin-bottom: 0;}

    .memorial_wrap .memorial_section05 {padding: 54px 24px 52px;}
    .memorial_wrap .memorial_section05 .ttl_wrap {margin-bottom: 24px;}
    .memorial_wrap .memorial_section05 .storage_wrap {flex-direction: column; gap: 30px;}
    .memorial_wrap .memorial_section05 .storage_wrap > div {padding: 30px 25px; width: 100%; align-items: center; text-align: center;}
    .memorial_wrap .memorial_section05 .storage_wrap > div img {margin-bottom: 14px;}
    .memorial_wrap .memorial_section05 .storage_wrap > div img.storage01 {width: 32px;}
    .memorial_wrap .memorial_section05 .storage_wrap > div img.storage02 {width: 24px;}
    .memorial_wrap .memorial_section05 .storage_wrap > div strong {margin-bottom: 8px; font-size: 17.5px; line-height: 28px;}
    .memorial_wrap .memorial_section05 .storage_wrap > div p {font-size: 14px; line-height: 21px; word-break: keep-all;}

    .faqList {margin-top: 25px;}
    .FaqWrap .search-wrap {margin-top: 25px; margin-bottom: 15px; padding: 0 24px; flex-direction: column-reverse; align-items: center; gap: 20px;}
    .FaqWrap .search-wrap label {width: 100%;}
    .FaqWrap .search-wrap label form {width: 100%;}
    .FaqWrap .search-wrap p {margin-right: auto;}

    .commPopupBg .questPopupInner {width: calc(100% - 48px);}
    .radius-img{border-radius: 10px;}
    .newBrandSection01 > div.newBrandSection01_wrap:last-of-type{margin-bottom: 80px}
    .newBrandSectionMb02 > img{display: block; width: 100%; height: 100%;}
    .newBrandSectionMb02.is-mobile{display: block !important;}
    .content-btn-area{display: flex; justify-content: space-between; gap: 10px; margin-bottom: 22px; }
    .newBrandSectionMb02 button {font-size: 15px; font-weight: 400; color: #BBC0C9; padding: 8px 20px; border: 1px solid #BBC0C9; border-radius: 25px; background-color: #fff;}
    .newBrandSectionMb02 button.active {color: #fff; background-color: #2A303C; border-color: #2A303C;}

    .content-btn-area {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        gap: 8px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        padding: 0 24px; /* 좌우 패딩 동일하게 줌 */
        box-sizing: border-box;
      }

      .content-btn-area::-webkit-scrollbar {
        display: none;
      }

      .content-btn-area li {
        flex: 0 0 auto;
        list-style: none;
      }

      .content-btn-area button {
        white-space: nowrap;
        padding: 8px 14px;
        border-radius: 25px;
        border: 1px solid #BBC0C9;
        color: #BBC0C9;
        background: #fff;
        font-size: 15px;
      }

      .content-btn-area button.active {
        background: #2A303C;
        color: #fff;
        border-color: #2A303C;
      }

    /* 블리스 스톤 리뉴얼 */
    .memorial_wrap .memorial_section01 > h2 {font-size: 21px; line-height: 30px;}
    .memorial_ttl_wrap .bubble_wrap.desk {display: none;}
    .memorial_ttl_wrap .bubble_wrap.mobile {display: block; padding: 0 24px; position: relative; top:42px; left: 0; transform: translate(0, 0);}
    .memorial_ttl_wrap .bubble_wrap.mobile .bubble {width: auto; padding: 12px 0 25px ;}
    .memorial_ttl_wrap .bubble_wrap.mobile .bubble.left {background: url('../img/bubble_left_m.png') no-repeat center center; background-size: contain; margin-right: 0;}
    .memorial_ttl_wrap .bubble_wrap.mobile .bubble.right {background: url('../img/bubble_right_m.png') no-repeat center center; background-size: contain; margin-bottom: 24px;}
    .memorial_ttl_wrap .bubble_wrap .bubble p, .memorial_ttl_wrap .bubble_wrap .bubble.right p {text-align: center;color: #4a515f; font-size: 13px; line-height: 21px; }
    .memorial_wrap .memorial_section01 > .tab_wrap {margin: 35px auto 50px;}
    .memorial_wrap .memorial_section01 > .tab_wrap ul {padding: 0 24px;}
    .memorial_wrap .memorial_section01 > .tab_wrap ul li span img:first-child {width: 62px; height: 62px;}
    .memorial_wrap .memorial_section01 > .tab_wrap ul li span img:last-child {width: 31px; height: 31px;}
    .memorial_wrap .memorial_section01 > .tab_wrap ul li p {font-size: 15.5px; line-height: 21px;margin-bottom: 12px;}
    .memorial_wrap .img_slide_wrap #stoneImgSlide {display: none;}
    .memorial_wrap .img_slide_wrap #stoneImgMobile {display: block; margin: 50px 0;}
    .memorial_wrap .img_slide_wrap #stoneImgMobile img {display: block; width: 100%; margin-bottom: 24px;}
    .memorial_wrap .img_slide_wrap #stoneImgMobile img:last-child {margin-bottom: 0;}
    .memorial_wrap .produce_wrap > .content_wrap {padding: 0 24px;}
    .memorial_wrap .produce_wrap .tab_wrap ul {justify-content: center; gap: 0; padding: 0 24px; width: 1005;}
    .memorial_wrap .produce_wrap .tab_wrap ul li {width: 100%;}
    .memorial_wrap .produce_wrap .tab_wrap ul li p {font-size: 16px; line-height: 23px; margin-bottom: 10px;}
    #stone_pure .content.price table colgroup col:first-child {width: 24% !important;}
    #stone_pure .content.price table colgroup col:nth-child(2) {width: 29.6% !important;}
    #stone_pure .content.price table colgroup col:nth-child(3) {width: 21% !important;}
    #stone_pure .content.price table colgroup col:last-child {width: 21% !important;}
    #stone_lumi .content.price table colgroup col:first-child {width: 24.7% !important;}
    #stone_lumi .content.price table colgroup col:last-child {width: 75.3% !important;}
    .memorial_wrap .content_wrap .content.price th {font-size: 14px; line-height: 19px; vertical-align: middle;border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
    .memorial_wrap .content_wrap .content.price th:nth-of-type(2) {font-size: 13px; word-break: keep-all; padding: 8px;}
    .memorial_wrap .content_wrap .content.price th span {color: #5C6272;}
    .memorial_wrap .content_wrap .content.price td {font-size: 14px; line-height: 14px;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
    .memorial_wrap .content_wrap .content.price > span {padding-left: 17px; font-size: 12.5px; line-height: 20px; margin: 14px 0 24px;}
    .memorial_wrap .content_wrap .content.price > span:before {left: 7px;}
    .memorial_wrap .content_wrap .content.price .notice_wrap { padding: 53px 0 16px; width: 100%; background: transparent; border: 1px solid #EAECF0; border-top: none; box-sizing: border-box; position: relative;}
    .memorial_wrap .content_wrap .content.price .notice_wrap h4 {width:calc(100% + 2px); height: 37px; background: #F7F7F4; display: flex; align-items: center; padding-left: 17px; font-size: 12.5px; line-height: normal; position: absolute; left: -1px; top: 0;}
    .memorial_wrap .content_wrap .content.price .notice_wrap p {padding: 0 16px; margin-bottom: 8px; color: #5C6272; font-size: 12.5px; line-height: 17px;}
    .memorial_wrap .content_wrap .content.price .notice_wrap p:last-of-type {margin-bottom: 0;}
    .memorial_wrap .content_wrap .content.method ul li {flex-direction: column;}
    .memorial_wrap .content_wrap .content.method ul li .img_wrap {max-width: 100%;}
    .memorial_wrap .content_wrap .content.method ul li .txt_wrap {padding: 20px 15px 20px 24px;}
    .memorial_wrap .content_wrap .content.lumi .content.method ul {padding-top: 12px;}
    .memorial_wrap .content_wrap .content.lumi .content.method ul li {border-radius: 0; position: relative; overflow: visible; margin-bottom: 49px;}
    .memorial_wrap .content_wrap .content.lumi .content.method ul li:last-child {margin-bottom: 20px !important;}
    .memorial_wrap .content_wrap .content.lumi .content.method ul li .txt_wrap {align-items: center;}
    .memorial_wrap .content_wrap .content.lumi .content.method ul li .txt_wrap p {text-align: center; color: #4a515f;}
    .memorial_wrap .content_wrap .content.lumi .content.method ul li .txt_wrap .title span {position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);}
    .memorial_wrap .content_wrap .content.method ul li .txt_wrap > span {padding-left: 6px;}
    .memorial_wrap .content_wrap .content.lumi .content.method > span {font-size: 12.5px; line-height: 17px; margin-bottom: 8px; padding: 0 0 0 5px !important;}
    .memorial_wrap .content_wrap .content.lumi .content.method > span::before {left: 0;}
    .memorial_wrap .content_wrap .content.storage .storage_wrap {flex-direction: column; gap: 25px;}
    .memorial_wrap .content_wrap .content.storage .storage_wrap > div {padding: 26px 17px 26px 30px; border-radius: 10px;}
    .memorial_wrap .content_wrap .content.storage .storage_wrap > div > div {flex-direction: row;align-items: center; gap: 9px;}
    .memorial_wrap .content_wrap .content.storage .storage_wrap > div strong {font-size: 17.5px; line-height: 28px;}
    .memorial_wrap .content_wrap .content.storage .storage_wrap > div p {font-size: 14px; line-height: 21px;}
    .memorial_wrap .content_wrap .content.storage .storage_wrap > div button a {font-size: 12.5px; line-height: 17px; margin-top: 12px;}
    #stonePopup .popup-content {width: 100%;}

    .newBrandSectionMb02 .content-item{display: none;}
    .newBrandSectionMb02 .content-item.active{display: block;}

    .newBrandSectionMb02 .newBrandSectionMb02_wrap{padding: 30px 24px 0 24px;}
    .newBrandSectionMb02 .newBrandSectionMb02_wrap > span{color: #431F88; font-size: 15px; font-weight: 400; line-height: 21px; margin-bottom: 6px; display:block;}
    .newBrandSectionMb02 .newBrandSectionMb02_wrap > h3{color: #2A303C; font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 20px}
    .newBrandSectionMb02 .newBrandSectionMb02_wrap > p{color: #2A303C; font-size: 15px; font-weight: 400; line-height: 24px; margin-bottom: 40px;;}
    .newBrandSectionMb02 .content-area{padding: 0 24px;}
    .newBrandSectionMb02 .content-img > img{width: 100%; height: 100%; margin-bottom: 18px;}
    .newBrandSectionMb02 .content-item > ol > li{color: #2A303C; font-size: 13px; font-weight: 400; line-height: 23px; margin-bottom: 2px; list-style: disc; margin-left: 34px; }
    .newBrandSectionMb02.is-mobile{margin-bottom: 80px;}
    .newBrandSectionMb03.is-mobile{margin-bottom: 80px; display: block !important;}
    .newBrandSectionMb03_wrap{position: relative; height: 306px; margin-bottom: 30px;}
    .newBrandSectionMb03_wrap img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center;}
    .newBrandSectionMb03_wrap > div{position: absolute; left: 25px; top: 181px;}
    .newBrandSectionMb03_wrap > div > span{font-size: 15px; font-weight: 400; line-height: 21px; color: #fff; margin-bottom: 6px; display: block;}
    .newBrandSectionMb03_wrap > div > h3{font-size: 24px; font-weight: 700; line-height: 34px; color: #fff ;}
    .newBrandSectionMb03_wrap_text{padding: 0 24px; margin-bottom: 60px;}
    .newBrandSectionMb03_wrap_text > p{color: #2A303C; font-size: 15px; line-height: 23px; font-weight: 400; margin-bottom: 45px;}
    .newBrandSectionMb03_wrap_text > ul > li:first-of-type{border-bottom: 1px solid #999999; padding-bottom: 25px; margin-bottom: 25px;}

    .newBrandSectionMb03_wrap_text > ul > li > span{display: block; color: #431F88; font-size: 15px; line-height: 23px; font-weight: 500;}
    .newBrandSectionMb03_wrap_text > ul > li > p{color: #2A303C; font-size: 28.5px; line-height: 34.5px; font-weight: 700; display: block; text-align: right;}
    /*.customerServicetab > ul > li:first-of-type {padding-left: 75px;}*/

    .notice_subtext, .PcSubTitle{margin-top: 40px;}
    .memorial_ttl_wrap .titleText > h2 > div{justify-content: center;}
    .memorial_ttl_wrap .titleText > h2 > div > span{font-size: 17px; line-height: 21px;}

    /*
    지영 작업 여기서부터
    봉안당, 야외추모공간 페이지 추가
    */
    .memorial_space .space_title, .memorial_space .tab_cont, .memorial_space .view_cont {padding: 0 24px;}
    .memorial_space .space_title {margin:44.5px 0 40px;}
    .memorial_space .space_title h2 {font-size: 21px; line-height: 30px; margin: 0 0 12px;}
    .memorial_space .space_title h2 span {font-size: 15px; line-height: 21px;}
    .memorial_space .space_title h3 {font-size: 15px; line-height: 21px; color: #2A303C;}
    .memorial_space .tab_cont {margin-bottom: 26px;}
    .memorial_space .tab_cont ul {gap: 15px;}
    .memorial_space.outdoor_wrap .tab_cont ul {display: grid;grid-template-columns: repeat(2, 1fr); gap:12px 15px;}
    .memorial_space.outdoor_wrap .tab_cont ul li {width: 100%;}
    .memorial_space .tab_cont ul li {width: 50%;}
    .memorial_space .tab_cont ul li a { width: 100%; height: 50px; line-height: 50px; border-radius: 5px; background: #f7f7f7; font-size: 15px; color: #2A303C; font-weight: 500;}
    .memorial_space .tab_cont ul li.active a { background: #F5F3FA; font-weight: 700; border: 1px solid var(--point-color);color: #2A303C; }
    .memorial_space .view_cont {}
    .memorial_space .view_cont .cont_wrap > .flex_wrap {flex-direction: column; gap: 20px;}
    .memorial_space .view_cont .cont_wrap .img_wrap, .memorial_space .view_cont .cont_wrap .info_wrap {width: 100%; padding: 0;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt { padding: 0 0 38px 10px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt ul {margin: 20px 0 10px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt ul a {padding: 6px 15px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt h4 {font-size: 19px; line-height: 27px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt p {font-size: 15px; line-height: 24px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt p.grey {font-size: 12.5px; line-height: 21px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .txt span {font-size: 12.5px; line-height: 20px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box h5 {padding: 0 0 10px; font-size: 16.5px; font-weight: 700; line-height: 23px; color: var(--point-color);}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul {padding: 16px 13px 16px 15px; margin: 0 0 20px;}
    .memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul {gap: 0; margin: 0 0 14px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li {align-items: start;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li > span {font-size: 14px; line-height: 22px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li strong {font-size: 14px; line-height: 22px;}
    .memorial_space .view_cont #basic-hall .info_wrap .price .p_box ul,
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box.line ul,
    .memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul {background: none;padding: 0;}
    .memorial_space .view_cont #basic-hall .info_wrap .price .p_box ul li,
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box.line ul li,
    .memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul li { margin-bottom: 10px; border-bottom: none; background: var(--info-bg-color); padding: 16px 13px 16px 15px; border-radius: 4px;}
    .memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul li {padding: 12px 13.5px 12px 15px; margin-bottom: 6px;}
    .memorial_space .view_cont #basic-hall .info_wrap .price .p_box ul li:last-child,
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box.line ul li:last-child,
    .memorial_space .view_cont #memory-zone .info_wrap .price .p_box ul li:last-child {padding-bottom: 16px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li > span, .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li strong {line-height: 22px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .p_box ul li.start-li strong.period {line-height: 26px !important;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box {padding: 16px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul {display: flex; flex-direction: column; gap: 8px;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li {font-size: 12.5px; line-height: 17px; color: var(--sub-txt-color);}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong span,
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong a {color: var(--sub-txt-color);}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong span.is_desktop {display: none;}
    .memorial_space .view_cont .cont_wrap .info_wrap .price .notice_box ul li strong a.is_mobile {display: inline-block;}
    .memorial_space .store_cont {margin-top: 60px; padding: 70px 24px; flex-direction: column; background: #fbfbfb;}
    .memorial_space .store_cont .store_info {width: 100%;}
    .memorial_space .store_cont .store_info .inner {margin: 0; text-align: center; justify-content: center;}
    .memorial_space .store_cont .store_info .bottom {display: none;}
    .filter-summary { display:block; }
    .memorial_space .store_cont .store_info .service_tab {border-bottom: none; padding: 0 0 50px;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap {justify-content: center; gap: 14px 8px; max-width: 290px; margin: 8px auto 0;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button {line-height: normal;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(1) {order: 1;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(2) {order: 2;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(3) {order: 6;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(4) {order: 3;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(6) {order: 4;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(7) {order: 5;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:nth-child(8) {order: 7;}
    .memorial_space .store_cont .store_info .service_tab .tab_wrap button:last-child {order: 8;}
    .memorial_space .store_cont .store_map .map_wrap {padding: 0 17px; width: fit-content; }
    .memorial_space .store_cont .store_map .map_wrap > img {width: 100%;max-width: 303px;}
    .memorial_space .store_cont .store_map .map_wrap .pin span {  font-size: 11px;}
    .memorial_space .store_cont .store_map .map_wrap .pin.inactive span {  font-size: 10px;}
    .memorial_space .store_cont .store-popup {  position: fixed; z-index: 99999; transform: none; top: 0 !important; left: 0 !important; width: 100%; height: 100vh;}
    .store-popup button.close {  display: block !important;  width: 20px; height: 20px; position: absolute; right: 0px; top: -28px; z-index: 100;
        background: url(../img/item/icon_close.svg) no-repeat center center; background-size: 20px 20px; padding: 0;}
    .memorial_space .store_cont .store-popup .bg { display: block;   width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5)}
    .memorial_space .store_cont .store-popup .panel {  background: none; border-radius: 0; box-shadow: none; overflow: visible;
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 48px); }
    .memorial_space .store_cont .store-popup .thumb.gallery {width: 100%; height: fit-content; border-radius: 5px 5px 0 0 ; overflow: hidden;}
    .memorial_space .store_cont .store-popup .thumb .swiper-button-next, .memorial_space .store_cont .store-popup .thumb .swiper-button-prev {display: block !important;}
    .memorial_space .store_cont .store-popup .info_wrap {text-align: center; padding: 24px 20px 28px; background: #fff; border-radius: 0 0 5px 5px; overflow: hidden;}
    /* .memorial_space .store_cont .store-popup .info_wrap *:not(.name) {display: none;} */
    .memorial_space .store_cont .store-popup .name {margin:0 0 16px ; font-size: 16px; line-height: 14px; text-align: left; }
    .memorial_space .store_cont .store-popup .links {flex-direction: column; flex-wrap: nowrap; align-items: start; gap: 14px}
    .memorial_space .store_cont .store-popup .links li {width: 100%; border-radius: 50px; border: 1px solid #d1d4da;}
    .memorial_space .store_cont .store-popup .links a {width: 100%; display: block; text-align: left;font-weight: 400; color: #2A303C; padding: 15px 26px; font-size: 14px; background: transparent url(../svg/right_grey.svg) no-repeat right 22px center; background-size: 17px 17px;}
    .memorial_space .store_cont .store-popup .links a span {font-weight: 500;}
    .memorial_space .store_cont .store-popup .info_wrap::before {display: none;}
    .memorial_space .table_cont {padding-top: 80px; width: calc(100% - 48px); margin:0 auto; }
    .memorial_space .table_cont > h3 {font-size: 19px; line-height: 27px;}
    .memorial_space .table_cont .tb_wrap {overflow-x: auto; overscroll-behavior-x: contain; /* 체이닝 방지(보조) */ }
    .memorial_space .table_cont .tb_wrap.is-locked { overflow-x: hidden;   /* 안내 사라질 때까지 가로 스크롤 금지 */ }
    .memorial_space .table_cont .tb_wrap table {min-width: 735px; margin-bottom: 12px;}
    .memorial_space .table_cont .tb_wrap table tr th:first-child, .memorial_space .table_cont .tb_wrap table tr td:first-child {position: sticky; left: 0; z-index: 3; background: #fff; border-right: 1px solid #798493;}
    .memorial_space .table_cont .tb_wrap table tr th:first-child {background: #F5F3FA;}
    /* 스크롤바 */
    .memorial_space .table_cont .tb_wrap::-webkit-scrollbar {height: 3px;  /* 가로 스크롤 두께 */border-radius: 2px;}
    .memorial_space .table_cont .tb_wrap::-webkit-scrollbar-track {background: #d9d9d9;border-radius: 2px;}
    .memorial_space .table_cont .tb_wrap::-webkit-scrollbar-thumb {background: var(--point-color);border-radius: 2px;}

    #memory-zone.popup .wrap { width: calc(100% - 48px);}
    #memory-zone.popup .wrap .txt-wrap h4 { font-size: 16px; line-height: 26.5px; margin-bottom: 6px;}
    /* 지영 여기까지 */

    /* 지점별 서비스 찾기 */
    #storeservice .store_search {margin: 250px auto 215px ;}
    #storeservice .store_search > img {max-width: 274px;}
    #storeservice .store_search span.seoul {top: 84px; left: 75px; width: 33px; height: 33px;}
    #storeservice .store_search .store .line::before {width: 7px; height: 7px;}
    #storeservice .store_search .store .box {padding: 10px;}
    #storeservice .store_search .store .box h5 {font-size: 14px;}
    #storeservice .store_search .store .box p {font-size: 12px;}
    /* #storeservice .store_search .store .box a {font-size: 10px; padding: 2px 14px 2px 0;background: url(../svg/store_right.svg) no-repeat center right; background-size: 14px 14px;} */
    /* 광주점 */
    #storeservice .store_search .store.store_01 {top: -21%; left: 48%; }
    #storeservice .store_search .store.store_01 .line {width: 63px; height: 161px; border-top: 1px solid #431F88; border-left: 1px solid #431F88;}
    #storeservice .store_search .store.store_01 .line::before {transform: translate(-55%, 100%); bottom: -3.5px;}
    #storeservice .store_search .store.store_01 .line::after {display: none;}
    #storeservice .store_search .store.store_01 .box {transform: translateY(-55%);}
    /* 김포점 */
    #storeservice .store_search .store.store_02 {flex-direction: column; top: 0; left: 0; transform: translate(-20px, -105px);}
    #storeservice .store_search .store.store_02 .line {border: none; width: 31px; height: 81px; border-bottom: 1px solid #431F88; border-left: 1px solid #431F88;}
    #storeservice .store_search .store.store_02 .line::before {bottom: -3.5px;}
    #storeservice .store_search .store.store_02 .box {transform: translate(-25%, 0);}
    /* 화성 1호점 */
    #storeservice .store_search .store.store_03 {flex-direction: row; top: 30%; left: 31%;}
    #storeservice .store_search .store.store_03 .line {width: 77px; height: 44px; border: none; border-left: 1px solid #431F88; border-bottom: 1px solid #431F88;}
    #storeservice .store_search .store.store_03 .line::after {display: none;}
    #storeservice .store_search .store.store_03 .line::before {left: -3.5px;}
    #storeservice .store_search .store.store_03 .box {transform: translate(0%, 25%);}
    /* 화성 2호점 */
    #storeservice .store_search .store.store_04 {flex-direction: column; top: 30%; left: -6%;}
    #storeservice .store_search .store.store_04 .line {width: 27px; height: 85px; background: transparent; border-left: 1px solid #431F88; border-top: 1px solid #431F88;}
    #storeservice .store_search .store.store_04 .box {transform: translate(-9%, 0);}
    /* 양주점 */
    #storeservice .store_search .store.store_05 {flex-direction: row; left: 118px; top: -180px;}
    #storeservice .store_search .store.store_05 .line {width: 76px; height: 227px;}
    #storeservice .store_search .store.store_05 .line::before {bottom: -3.5px; left: -24px;}
    #storeservice .store_search .store.store_05 .line::after {width: 20px; height: 1px; left: -21px; bottom: 0; top: auto;}
    #storeservice .store_search .store.store_05 .box {transform: translate(0, -140%);}
    /* 세종점 */
    #storeservice .store_search .store.store_06 {flex-direction: row-reverse; top: 49%; left: -1.5%;}
    #storeservice .store_search .store.store_06 .line {width: 20.5px; height: 204.5px; border: none; border-bottom: 1px solid #431F88; border-right: 1px solid #431F88;}
    #storeservice .store_search .store.store_06 .line::before {left: auto; right: -3.5px; top: -3.5px;}
    #storeservice .store_search .store.store_06 .box {transform: translateY(130%);}
    /* 김해점 */
    #storeservice .store_search .store.store_07 {bottom: -6%; right: -14px; flex-direction: column;}
    #storeservice .store_search .store.store_07 .line {width: 28px; height: 45.5px; background: transparent; border-top: 1px solid #431F88; border-right: 1px solid #431F88;}
    #storeservice .store_search .store.store_07 .line::before {transform: translate(-42%, -50%);}
    #storeservice .store_search .store.store_07 .box {transform: translate(10%, 0);}
    /* 용인점 */
    #storeservice .store_search .store.store_09 {top: 9.5%; left: 40%;}
    #storeservice .store_search .store.store_09 .line {width: 40px; height: 103px;}
    #storeservice .store_search .store.store_09 .line::before {bottom: -3.5px; left: -3.5px; transform: translate(0, 0);}
    #storeservice .store_search .store.store_09 .line::after {width: 41px;}
    #storeservice .store_search .store.store_09 .box {transform: translate(40px, -65%); }

    /* 일산점 */
    #storeservice .store_search .store.store_10 {flex-direction: row-reverse; top: -180px; left: -33px;}
    #storeservice .store_search .store.store_10 .line {width: 25px; height: 180px; background: transparent; border-right: 1px solid #431F88; border-top: 1px solid #431F88;}
    #storeservice .store_search .store.store_10 .line::before {right: auto; left: -3.5px; bottom: -72px;}
    #storeservice .store_search .store.store_10 .line::after {width: 24px; height: 68.5px; background: transparent; border-left: 1px solid #431F88; border-top: 1px solid #431F88; bottom: -68.5px; top: auto;}
    #storeservice .store_search .store.store_10 .box {transform: translate(0, -90%);}

    #storeservice .service_flow .rolling-wrap .js-rolling img {margin: 0 12px; max-height: 180px;}
    #storeservice .service_flow .rolling-wrap .js-rolling img.is_desktop {display: none !important;}
    #storeservice .service_flow .rolling-wrap .js-rolling img.is_mobile {display: block !important;}
    #storeservice .service_flow .rolling-wrap .js-rolling span {margin: 16px 0 0 0; }

    .memorial_space .store_cont .store_map .map_wrap .pin-label {left: 35% !important; top: 22% !important; width: 35px; height: 35px;}
    .memorial_space .store_cont .store_map .map_wrap .pin-label span {line-height: 1; font-size: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    .memorial_wrap .no_section_txt_wrap,
    .memorial_wrap .memorial_section02 .point_wrap{max-width: 1240px;}
    .review_list{padding-left: 40px; padding-right: 40px;}

}

@media only screen and (max-height: 800px) {
    .is-IBM{display: block;}
    .memorial_wrap .memorial_section01 .certificatePopupBg .certificatePopupInner {
    max-width: 489px;
     width: 100%;
     max-height: 90vh;
     padding: 45px 50px 40px;
     background: #ffffff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     overflow-y: auto;
     box-sizing: border-box;
   }
   .memorial_wrap .memorial_section01 .certificatePopupBg .closeBtn {
       width: 35px;
       height: 35px;
       position: absolute;
       right: calc(50% - 489px / 2 - 10px); /* 팝업 기준으로 정렬 */
       top: calc(50% - 90vh / 2 - 35px);    /* 팝업 위쪽 바깥으로 */
       background: transparent url("../svg/icon_close.svg") no-repeat center / 100% auto;
       z-index: 10;
   }
}