@charset "UTF-8";
/* display */
/* Typography */
/* breakpoint */
/* breakpoint : content */
/* table 공통 */
.table .inline-block {
  vertical-align: baseline;
}

/* table 공통 End */
/* inline-block 반응형 공통 */
@media (max-width: 1400px) {
  .inline-block.mob {
    display: inline;
  }
}

/* inline-block 반응형 공통 End */
/* sub0101 안내말씀 */
.tell-instructions .txt_box {
  position: relative;
  padding-top: 30px;
  text-align: center;
}
.tell-instructions .txt_box .s_txt {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #1D1D1D;
}
@media (max-width: 1024px) {
  .tell-instructions .txt_box .s_txt {
    margin-top: 28px;
    font-size: 19px;
  }
}
@media (max-width: 820px) {
  .tell-instructions .txt_box .s_txt {
    margin-top: 24px;
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .tell-instructions .txt_box .s_txt {
    margin-top: 18px;
    font-size: 17px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .txt_box .s_txt {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .tell-instructions .txt_box .s_txt .block {
    display: inline;
  }
}
.tell-instructions .operation_list {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list {
    margin: 40px 0;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list {
    margin: 30px 0 36px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list {
    gap: 16px;
  }
}
.tell-instructions .operation_list .o_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35.5px;
  width: 25%;
  padding: 41.5px 16px 30px 16px;
  text-align: center;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list .o_list {
    padding: 38px 10px 26px 10px;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list .o_list {
    width: 50%;
    padding: 41px 10px 25px;
  }
}
@media (max-width: 540px) {
  .tell-instructions .operation_list .o_list {
    padding: 36px 10px 20px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list {
    width: 100%;
    gap: 26px;
    padding: 23px 10px 10px;
  }
}
.tell-instructions .operation_list .o_list:not(:last-child) .desc {
  position: relative;
  flex-grow: 1;
}
.tell-instructions .operation_list .o_list:not(:last-child) .desc::before {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 33%, rgba(102, 102, 102, 0.3) 0%);
  background-position: top;
  background-size: 1px 6px;
  background-repeat: repeat-y;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list .o_list:not(:last-child) .desc::before {
    right: -10px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list:not(:last-child) .desc::before {
    right: 0;
    top: calc(100% + 18px);
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 33%, rgba(102, 102, 102, 0.3) 0%);
    background-size: 6px 1px;
    background-repeat: repeat-x;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list .o_list:nth-child(2n) .desc::before {
    display: none;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list:nth-child(2n) .desc::before {
    display: inline-block;
  }
}
@media (max-width: 670px) {
  .tell-instructions .operation_list .o_list:nth-child(3) .desc strong, .tell-instructions .operation_list .o_list:nth-child(4) .desc strong {
    min-height: 49px;
  }
}
@media (max-width: 500px) {
  .tell-instructions .operation_list .o_list:nth-child(3) .desc strong, .tell-instructions .operation_list .o_list:nth-child(4) .desc strong {
    min-height: auto;
  }
}
.tell-instructions .operation_list .o_list .ico {
  position: relative;
  display: block;
  width: 70px;
  aspect-ratio: 1;
  background-color: #5A4627;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list .o_list .ico {
    width: 60px;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list .o_list .ico {
    width: 50px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list .ico {
    width: 45px;
  }
}
.tell-instructions .operation_list .o_list .ico::before, .tell-instructions .operation_list .o_list .ico::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tell-instructions .operation_list .o_list .ico::before {
  width: calc(100% + 32px);
  aspect-ratio: 1;
  background-color: rgba(90, 70, 39, 0.1);
  border-radius: 50%;
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list .ico::before {
    width: calc(100% + 26px);
  }
}
.tell-instructions .operation_list .o_list .ico::after {
  width: 31px;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list .o_list .ico::after {
    width: 28px;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list .o_list .ico::after {
    width: 26px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list .ico::after {
    width: 24px;
  }
}
.tell-instructions .operation_list .o_list .ico.ico01::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1772_3420)'%3E%3Cpath d='M7.85645 20.3046C8.08069 19.8756 9.32603 18.0235 11.4403 18.0235H19.4249C20.8304 18.0482 21.9957 19.6157 22.1398 21.109' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.931 22.5717H18.9284C19.6532 22.5717 20.3579 22.3448 20.9546 21.92L25.7437 18.5127C26.7248 17.8156 28.1183 18.1951 28.771 19.2428C29.4237 20.2865 29.2155 21.8086 28.2384 22.5057L22.6564 27.2907C22.0918 27.695 21.4311 27.9177 20.7503 27.9342H7.85645' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.85803 18.0235H1.85156V28.9094H7.85803V18.0235Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.4138 5.40538C22.4138 3.21913 20.748 1.68463 18.6937 1.68463C17.1801 1.68463 15.8827 2.64576 15.3021 4.01938C14.7215 2.64163 13.4201 1.68463 11.9104 1.68463C9.85622 1.68463 8.19043 3.22326 8.19043 5.40538C8.19043 5.74363 8.33058 6.96463 9.11943 8.19801C11.0455 11.201 14.8336 14.7114 15.3021 14.7114C15.8427 14.7114 19.5387 11.1763 21.3766 8.19801C22.0013 7.18738 22.4178 5.70238 22.4178 5.40538H22.4138Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1772_3420'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.295197)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.tell-instructions .operation_list .o_list .ico.ico02::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1772_3465)'%3E%3Cpath d='M6.05951 5.19911L1.57617 22.0656L6.57617 23.1991' stroke='white' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5762 9.19911L12.9993 2.19911L10.5762 3.9164' stroke='white' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5762 3.19911L17.5762 2.19911' stroke='white' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.7028 3.19911L24.5762 4.48158L23.4871 28.1991H15.0723L6.65349 28.1951L5.57617 4.48158L10.3399 3.27574' stroke='white' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.1817 5.19911L29.5762 22.9174L24.5762 24.1991' stroke='white' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5762 2.19911H17.5762L13.3674 18.0158L13.3632 28.1991' stroke='white' stroke-width='1.54' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5762 19.1991C18.5762 19.7524 18.1295 20.1991 17.5762 20.1991C17.0228 20.1991 16.5762 19.7524 16.5762 19.1991C16.5762 18.6458 17.0228 18.1991 17.5762 18.1991C18.1295 18.1991 18.5762 18.6458 18.5762 19.1991Z' fill='white'/%3E%3Cpath d='M18.5762 22.6991C18.5762 23.5291 18.1295 24.1991 17.5762 24.1991C17.0228 24.1991 16.5762 23.5291 16.5762 22.6991C16.5762 21.8691 17.0228 21.1991 17.5762 21.1991C18.1295 21.1991 18.5762 21.8691 18.5762 22.6991Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1772_3465'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.295197)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.tell-instructions .operation_list .o_list .ico.ico03::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1772_3479)'%3E%3Cpath d='M15.7852 7.72157L15.7852 16.2266' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0544 4.12621C16.7803 3.14465 18.0011 2.70096 19.3309 2.93648L19.5244 2.97041C20.8541 3.20592 22.071 2.76264 22.8008 1.78067L23.1567 1.29951' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.4593 5.4374C24.8609 4.84396 25.5423 4.5801 26.288 4.7299L26.3964 4.75148C27.1421 4.90128 27.8213 4.63765 28.2251 4.04398L28.422 3.75308' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.31934 8.56239L10.2093 15.1774' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.4395 8.56239L21.5495 15.1774' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33105 16.3554H27.4811V16.6704C27.4811 18.2361 26.2118 19.5054 24.6461 19.5054H6.16605C4.60032 19.5054 3.33105 18.2361 3.33105 16.6704V16.3554Z' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.48438 19.5054H25.3294L23.5913 28.1957C23.503 28.6374 23.1151 28.9554 22.6647 28.9554H8.14909C7.69863 28.9554 7.31078 28.6374 7.22244 28.1957L5.48438 19.5054Z' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='7.37371' y1='25.9104' x2='23.4387' y2='25.9104' stroke='white' stroke-width='1.89' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1772_3479'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.295197)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.tell-instructions .operation_list .o_list .ico.ico04::after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1772_3494)'%3E%3Cpath d='M26.9316 2.2952H3.93164V29.2952H26.9316V2.2952Z' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.9316 6.2952H7.93164V25.2952H22.9316V6.2952Z' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.6714 2.12974L17.245 2.13016L3.71799 16.0194L3.71799 12.3503L13.6714 2.12974Z' fill='white'/%3E%3Cpath d='M17.1919 2.12974L13.6183 2.13016L27.1453 16.0194L27.1453 12.3503L17.1919 2.12974Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1772_3494'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5 0.295197)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.tell-instructions .operation_list .o_list .desc {
  position: relative;
  flex-grow: 1;
}
.tell-instructions .operation_list .o_list .desc strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1D1D1D;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list .o_list .desc strong {
    font-size: 19px;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list .o_list .desc strong {
    font-size: 18px;
  }
}
@media (max-width: 540px) {
  .tell-instructions .operation_list .o_list .desc strong {
    font-size: 17px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list .desc strong {
    font-size: 16px;
  }
}
@media (max-width: 1470px) {
  .tell-instructions .operation_list .o_list .desc strong span {
    display: block;
  }
}
@media (max-width: 820px) {
  .tell-instructions .operation_list .o_list .desc strong span {
    display: inline;
  }
}
@media (max-width: 690px) {
  .tell-instructions .operation_list .o_list .desc strong span {
    display: block;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list .desc strong span {
    display: inline;
  }
}
.tell-instructions .operation_list .o_list .desc p {
  padding: 0 11px;
  font-weight: 300;
  margin: 0;
}
@media (max-width: 1024px) {
  .tell-instructions .operation_list .o_list .desc p {
    padding: 0 6px;
  }
}
@media (max-width: 420px) {
  .tell-instructions .operation_list .o_list .desc p {
    padding: 0;
  }
}
.tell-instructions .pic_box {
  border-radius: 20px;
  overflow: hidden;
  min-height: 127px;
}
.tell-instructions .pic_box img {
  width: 100%;
  object-fit: cover;
  min-height: inherit;
}

/* sub0101 안내말씀 End */
/* sub0104 오시는 길 */
html:has(> .sub01_04) #location {
  border-bottom: none;
}
html:has(> .sub01_04) #location .page__title,
html:has(> .sub01_04) #location .utile_wrap.uw2 {
  display: none;
}

.location_se04c.funeral .map_info .text_box .info_list {
  display: flex;
  flex-direction: column;
}
.location_se04c.funeral .map_info .text_box .info_list .con_list:nth-child(3)::before {
  display: none;
}
.location_se04c.funeral .map_info .text_box .info_list .address {
  padding-left: 90px;
}
@media (max-width: 390px) {
  .location_se04c.funeral .map_info .text_box .info_list .address {
    padding-left: 0;
  }
}
@media (max-width: 600px) {
  .location_se04c.funeral .map_info .text_box .info_list .number {
    position: relative;
    padding-left: 90px;
    display: block;
  }
  .location_se04c.funeral .map_info .text_box .info_list .number .list_title {
    position: absolute;
    left: 0;
    top: 0;
  }
  .location_se04c.funeral .map_info .text_box .info_list .number a {
    display: block;
  }
}
@media (max-width: 390px) {
  .location_se04c.funeral .map_info .text_box .info_list .number {
    padding-left: 0;
  }
  .location_se04c.funeral .map_info .text_box .info_list .number .list_title {
    position: relative;
    left: auto;
    top: auto;
  }
}
.location_se04c.funeral .map_info .map_find .map_input {
  margin-top: 96px;
}
@media (max-width: 1090px) {
  .location_se04c.funeral .map_info .map_find .map_input {
    margin-top: 30px;
  }
}
.location_se04c.funeral .map_wrap .overlay_info {
  transform: translateY(-50%);
  left: -300px;
}

/* sub0104 오시는 길 End */
/* sub0201 시설현황 */
.funeral_spot .spot_box .mapbox {
  position: relative;
  text-align: center;
  border-radius: 20px 20px 0 0;
  background: #F8FAFE;
}
.funeral_spot .spot_box .mapbox::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7.7%;
  width: 60px;
  aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cpath d='M23.9872 38.8193L16.7079 43.8182L23.6317 36.8944L23.506 36.2229L20.3099 35.6303L15.6561 42.4078C14.9032 43.5044 16.2281 44.8293 17.3246 44.0764L24.1021 39.4226L23.9872 38.8193Z' fill='%23303B4B'/%3E%3Cpath d='M38.4696 35.7416L43.4685 43.0209L36.5447 36.1008L35.8767 36.2229L35.2806 39.4226L42.0581 44.0764C43.1547 44.8293 44.4796 43.5044 43.7266 42.4078L39.0729 35.6303L38.4696 35.7416Z' fill='%23303B4B'/%3E%3Cpath d='M35.3955 21.2624L42.6748 16.26L35.7511 23.1837L35.8767 23.8553L39.0729 24.4478L43.7266 17.6703C44.4796 16.5738 43.1547 15.2489 42.0581 16.0018L35.2806 20.6555L35.3955 21.2624Z' fill='%23303B4B'/%3E%3Cpath d='M20.9132 24.3365L15.9143 17.0572L22.8381 23.9774L23.506 23.8553L24.1021 20.6555L17.3246 16.0018C16.2281 15.2489 14.9032 16.5738 15.6561 17.6703L20.3099 24.4478L20.9132 24.3365Z' fill='%23303B4B'/%3E%3Cpath d='M35.1031 24.627L30.871 1.85186C30.628 0.544169 28.7544 0.544173 28.5114 1.85186L24.2793 24.627L1.5042 28.8591C0.196512 29.1021 0.196517 30.9757 1.50421 31.2187L24.2793 35.4507L28.5114 58.2259C28.7544 59.5336 30.628 59.5336 30.871 58.2259L35.1031 35.4507L57.8782 31.2187C59.1859 30.9757 59.1859 29.1021 57.8782 28.8591L35.1031 24.627ZM28.9191 3.91677V28.1643L25.1197 24.3648L28.9191 3.91677ZM24.0244 34.6104L3.5763 30.811H27.8238L24.0244 34.6104ZM30.4705 56.1574V31.9099L34.2699 35.7093L30.4705 56.1574ZM31.5658 29.2632L35.3652 25.4637L55.8133 29.2632H31.5658Z' fill='%23303B4B'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
  background-size: contain;
}
@media (max-width: 1280px) {
  .funeral_spot .spot_box .mapbox::before {
    top: 6%;
    width: 50px;
  }
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .mapbox::before {
    top: 5%;
    width: 40px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .mapbox::before {
    display: none;
  }
}
.funeral_spot .spot_box .mapbox img {
  width: 100%;
}
.funeral_spot .spot_box .mapbox .spot_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .mapbox .spot_list {
    display: none;
  }
}
.funeral_spot .spot_box .mapbox .spot_list li {
  position: absolute;
}
.funeral_spot .spot_box .mapbox .spot_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  aspect-ratio: 1;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #134182;
  border: 3px solid #3180EF;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 1280px) {
  .funeral_spot .spot_box .mapbox .spot_list li a {
    width: 36px;
    font-size: 18.5px;
    border-width: 2px;
  }
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .mapbox .spot_list li a {
    width: 32px;
    font-size: 17.5px;
  }
}
.funeral_spot .spot_box .mapbox .spot_list li a:hover, .funeral_spot .spot_box .mapbox .spot_list li a:focus {
  color: #fff;
  background-color: #4593FF;
  border-color: #fff;
}
.funeral_spot .spot_box .mapbox .spot_list li.on a {
  color: #fff;
  background-color: #4593FF;
  border-color: #fff;
}
.funeral_spot .spot_box .mapbox .pic_btn {
  padding-bottom: 7%;
}
@media (max-width: 420px) {
  .funeral_spot .spot_box .mapbox .pic_btn {
    width: 85%;
  }
}
.funeral_spot .spot_box .listbox {
  position: relative;
  min-height: 436px;
  padding: 50px 50px 60px;
  border-radius: 0 0 20px 20px;
  background-color: #303B4B;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .funeral_spot .spot_box .listbox {
    min-height: auto;
  }
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .listbox {
    padding: 50px 40px 60px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox {
    padding: 30px 40px 50px;
  }
}
@media (max-width: 420px) {
  .funeral_spot .spot_box .listbox {
    padding: 30px 30px 40px;
  }
}
.funeral_spot .spot_box .listbox::before {
  content: "";
  position: absolute;
  top: -101px;
  right: 54px;
  width: 449px;
  height: 485px;
  background: url("data:image/svg+xml,%3Csvg width='449' height='485' viewBox='0 0 449 485' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.03'%3E%3Crect x='207.438' y='0.330078' width='69.12' height='69.12' fill='white'/%3E%3Crect x='207.438' y='69.4492' width='69.12' height='69.12' fill='white'/%3E%3Crect x='276.559' y='69.4492' width='69.12' height='69.12' fill='white'/%3E%3Crect x='138.318' y='138.57' width='69.12' height='69.12' fill='white'/%3E%3Crect x='276.559' y='138.57' width='69.12' height='69.12' fill='white'/%3E%3Crect x='345.678' y='138.57' width='69.12' height='69.12' fill='white'/%3E%3Crect x='0.078125' y='207.689' width='69.12' height='69.12' fill='white'/%3E%3Crect x='69.1973' y='207.689' width='69.12' height='69.12' fill='white'/%3E%3Crect x='345.678' y='207.689' width='69.12' height='69.12' fill='white'/%3E%3Crect x='414.799' y='207.689' width='69.12' height='69.12' fill='white'/%3E%3Crect x='69.1973' y='276.811' width='69.12' height='69.12' fill='white'/%3E%3Crect x='138.318' y='276.811' width='69.12' height='69.12' fill='white'/%3E%3Crect x='276.559' y='276.811' width='69.12' height='69.12' fill='white'/%3E%3Crect x='138.318' y='345.93' width='69.12' height='69.12' fill='white'/%3E%3Crect x='207.438' y='345.93' width='69.12' height='69.12' fill='white'/%3E%3Crect x='207.438' y='415.051' width='69.12' height='69.12' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
  background-size: contain;
}
@media (max-width: 1280px) {
  .funeral_spot .spot_box .listbox::before {
    width: 400px;
    height: 432px;
  }
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .listbox::before {
    width: 360px;
    height: 389px;
    top: -75px;
    right: 30px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox::before {
    width: 300px;
    height: 324px;
    top: -30px;
    right: -6px;
  }
}
.funeral_spot .spot_box .listbox .notice {
  position: relative;
  max-width: 464px;
  margin: 0 auto 40px;
  padding: 12px 20px 12px 38px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .notice {
    padding: 12px 14px 12px 30px;
    font-size: 16px;
    border-radius: 20px;
  }
}
@media (max-width: 420px) {
  .funeral_spot .spot_box .listbox .notice {
    margin-bottom: 26px;
  }
}
.funeral_spot .spot_box .listbox .notice::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 19px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.9987 14.6663C4.3168 14.6663 1.33203 11.6815 1.33203 7.99967C1.33203 4.31777 4.3168 1.33301 7.9987 1.33301C11.6806 1.33301 14.6654 4.31777 14.6654 7.99967C14.6654 11.6815 11.6806 14.6663 7.9987 14.6663ZM7.33203 7.33301V11.333H8.66536V7.33301H7.33203ZM7.33203 4.66634V5.99967H8.66536V4.66634H7.33203Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .notice::before {
    left: 10px;
  }
}
.funeral_spot .spot_box .listbox .list {
  display: flex;
  flex-wrap: wrap;
  gap: 34px 20px;
  max-width: 1100px;
  margin: auto;
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .listbox .list {
    gap: 30px 20px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .list {
    gap: 26px 20px;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_box .listbox .list {
    display: none;
  }
}
.funeral_spot .spot_box .listbox .list li {
  padding-left: 30px;
  width: calc(25% - 15px);
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .listbox .list li {
    width: calc(33.3334% - 13.3333px);
    padding-left: 20px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .list li {
    width: calc(50% - 10px);
    padding-left: 0;
  }
}
.funeral_spot .spot_box .listbox .list li a {
  position: relative;
  padding-left: 40px;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 1280px) {
  .funeral_spot .spot_box .listbox .list li a {
    font-size: 19px;
  }
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .listbox .list li a {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .list li a {
    padding-left: 34px;
    font-size: 17px;
  }
}
.funeral_spot .spot_box .listbox .list li a em {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -5px;
  left: 0;
  width: 30px;
  aspect-ratio: 1;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #3D4E64;
  background-color: #fff;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .funeral_spot .spot_box .listbox .list li a em {
    top: -3px;
    width: 28px;
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .list li a em {
    width: 26px;
    font-size: 17px;
  }
}
.funeral_spot .spot_box .listbox .list li a:hover, .funeral_spot .spot_box .listbox .list li a:focus {
  color: #4593FF;
}
.funeral_spot .spot_box .listbox .list li a:hover em, .funeral_spot .spot_box .listbox .list li a:focus em {
  color: #fff;
  background-color: #4593FF;
}
.funeral_spot .spot_box .listbox .list li.on a {
  color: #4593FF;
}
.funeral_spot .spot_box .listbox .list li.on a em {
  color: #fff;
  background-color: #4593FF;
}
.funeral_spot .spot_box .listbox .funeral_spotlist {
  display: none;
  text-align: center;
}
@media (max-width: 500px) {
  .funeral_spot .spot_box .listbox .funeral_spotlist {
    display: block;
  }
}
.funeral_spot .spot_box .listbox .funeral_spotlist .title {
  display: block;
  margin-bottom: 18px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #fff;
}
@media (max-width: 768px) {
  .funeral_spot .spot_box .listbox .funeral_spotlist .title {
    font-size: 16px;
  }
}
@media (max-width: 1110px) {
  .funeral_spot .spot_box.floor1 .listbox .list li {
    width: calc(33.3334% - 13.3333px);
    padding-left: 20px;
  }
}
@media (max-width: 800px) {
  .funeral_spot .spot_box.floor1 .listbox .list li {
    width: calc(50% - 10px);
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .funeral_spot .spot_box.floor2 .listbox .list {
    gap: 20px;
  }
}
@media (max-width: 1180px) {
  .funeral_spot .spot_box.floor2 .listbox .list li {
    width: calc(33.3334% - 13.3333px);
    padding-left: 20px;
  }
}
@media (max-width: 860px) {
  .funeral_spot .spot_box.floor2 .listbox .list li {
    width: calc(50% - 10px);
    padding-left: 0;
  }
}
.funeral_spot .spot_slidebox .contextbox {
  position: relative;
}
.funeral_spot .spot_slidebox .contextbox .noImage {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99999;
  border-radius: 20px;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F6F7F9;
  display: flex;
  position: relative;
  padding: 22% 20px;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .noImage {
    position: relative;
    padding: 42% 20px;
  }
}
.funeral_spot .spot_slidebox .contextbox .noImage::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 516px;
  max-width: 70%;
  height: 431px;
  opacity: 0.8;
  mix-blend-mode: luminosity;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='516' height='431' viewBox='0 0 516 431' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:luminosity' opacity='0.08'%3E%3Crect x='172.621' y='-0.378906' width='86.1768' height='86.1768' fill='%231E2D75'/%3E%3Crect x='344.975' y='-0.378906' width='86.1768' height='86.1768' fill='%233180EF'/%3E%3Crect x='431.152' y='-0.378906' width='86.1768' height='86.1768' fill='%233180EF'/%3E%3Crect x='86.4453' y='85.7988' width='86.1768' height='86.1768' fill='%23FDC845'/%3E%3Crect x='344.975' y='85.7988' width='86.1768' height='86.1768' fill='white' fill-opacity='0.8'/%3E%3Crect x='431.152' y='85.7988' width='86.1768' height='86.1768' fill='%233180EF'/%3E%3Crect x='0.267578' y='171.975' width='86.1768' height='86.1768' fill='%23FFAEC2'/%3E%3Crect x='86.4453' y='171.975' width='86.1768' height='86.1768' fill='%23ECF4F9'/%3E%3Crect x='172.621' y='171.975' width='86.1768' height='86.1768' fill='%23019E75'/%3E%3Crect x='258.799' y='171.975' width='86.1768' height='86.1768' fill='white' fill-opacity='0.8'/%3E%3Crect x='344.975' y='171.975' width='86.1768' height='86.1768' fill='%231992BC'/%3E%3Crect x='172.621' y='258.152' width='86.1768' height='86.1768' fill='%23019E75'/%3E%3Crect x='258.799' y='258.152' width='86.1768' height='86.1768' fill='%23019E75'/%3E%3Crect x='258.799' y='344.328' width='86.1768' height='86.1768' fill='%23EBF6F6'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .noImage::before {
    width: 360px;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .noImage::before {
    width: 260px;
  }
}
.funeral_spot .spot_slidebox .contextbox .noImage.on {
  display: flex;
}
.funeral_spot .spot_slidebox .contextbox .noImage .tit {
  display: block;
  font-size: 24px;
  color: #36404A;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .noImage .tit {
    font-size: 22px;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .noImage .tit {
    font-size: 20px;
  }
}
.funeral_spot .spot_slidebox .contextbox .noImage .txt {
  margin-top: 5px;
  font-size: 18px;
  color: #36404A;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .noImage .txt {
    font-size: 17px;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .noImage .txt {
    font-size: 16px;
  }
}
.funeral_spot .spot_slidebox .contextbox .item {
  display: none;
}
.funeral_spot .spot_slidebox .contextbox .item.active {
  display: block;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container {
  display: flex;
  gap: 50px;
  justify-content: space-between;
  height: 702px;
}
@media (max-width: 1280px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container {
    gap: 20px 30px;
  }
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container {
    flex-direction: column;
    height: auto;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider {
  overflow: hidden;
  position: relative;
  width: calc(100% - 371px);
  border-radius: 20px 20px 0 20px;
}
@media (max-width: 1280px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider {
    width: calc(100% - 341px);
  }
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider {
    width: 100%;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .swiper-wrapper .swiper-slide {
  width: 100%;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: flex;
  gap: 10px;
  padding: 12px 0 0 12px;
  border-top-left-radius: 40px;
  background-color: #fff;
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control:has(.vr_btn) {
    position: relative;
    padding: 12px 0 0;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control:has(.vr_btn) .control_btn {
    width: 100%;
    border-radius: 20px;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control:has(.vr_btn)::after {
    bottom: 100%;
    right: auto;
    left: 0;
    transform: rotate(90deg);
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control::before, .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background: radial-gradient(circle farthest-side at top left, transparent 96%, #FFF 104%);
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control::before {
  bottom: 100%;
  right: 0;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control::after {
  right: 100%;
  bottom: 0;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn {
  display: flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  min-width: 146px;
  padding: 20px;
  border-radius: 10em;
  background-color: #EDF1F7;
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn {
    min-width: 136px;
    padding: 16px;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-prev,
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-next,
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-toggle {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 16.75L6.33944 10.2499L13 3.75' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 16.75L6.33944 10.2499L13 3.75' stroke='%233180EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-next {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16.75L13.6606 10.2499L7 3.75' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 16.75L13.6606 10.2499L7 3.75' stroke='%233180EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-toggle {
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3.5L6.5 16.5M13.5 3.5V16.5' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-toggle:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 3.5L6.5 16.5M13.5 3.5V16.5' stroke='%233180EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-toggle:hover.swiper-stop {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5915 9.24845C15.1362 9.58247 15.1362 10.4175 14.5915 10.7516L6.22545 15.8825C5.6808 16.2164 5 15.799 5 15.1309V4.86912C5 4.20106 5.6808 3.78354 6.22545 4.11756L14.5915 9.24845Z' fill='%233180EF'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-btn-toggle.swiper-stop {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5915 9.24845C15.1362 9.58247 15.1362 10.4175 14.5915 10.7516L6.22545 15.8825C5.6808 16.2164 5 15.799 5 15.1309V4.86912C5 4.20106 5.6808 3.78354 6.22545 4.11756L14.5915 9.24845Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-fraction {
  display: flex;
  align-items: center;
  text-align: center;
  font-family: "title_font";
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #969DB8;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-fraction .total {
  width: 14px;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-fraction .current {
  width: 14px;
  color: #1992BC;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .control_btn .swiper-fraction .dot {
  display: block;
  margin: 0 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #969DB8;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .vr_btn {
  min-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  font-family: "title_font";
  text-align: center;
  line-height: 1;
  color: #fff;
  background-color: #1992BC;
  border-radius: 500px;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .vr_btn {
    min-width: 105px;
    padding: 16px;
  }
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .vr_btn {
    min-width: 40%;
    border-radius: 20px;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .vr_btn:hover, .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.slider .control .vr_btn:focus {
  background-color: #047BA5;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb {
  width: 321px;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb {
    width: 100%;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper {
    flex-direction: row;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper .swiper-slide {
  position: relative;
  height: calc(33.3333% - 20px) !important;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 540px) {
  .funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper .swiper-slide {
    border-radius: 12px;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.2s;
  border: 4px solid #3180EF;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {
  opacity: 1;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper.thumb .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.funeral_spot .spot_slidebox .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable {
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
  width: 30%;
  display: none;
}
.funeral_spot .spot_slidebox .contextbox .item .txtbox {
  display: flex;
  gap: 20px 91px;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox {
    gap: 20px 50px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox {
    flex-direction: column;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .txtbox .title {
  position: relative;
  padding-left: 38px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #3180EF;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox .title {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox .title {
    font-size: 20px;
  }
}
@media (max-width: 540px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox .title {
    font-size: 19px;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .txtbox .title .num {
  position: absolute;
  top: -3px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  aspect-ratio: 1;
  font-size: 19.2px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #fff;
  background-color: #3180EF;
  border-radius: 50%;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox .title .num {
    width: 30px;
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox .title .num {
    width: 30px;
    font-size: 17px;
  }
}
@media (max-width: 540px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox .title .num {
    width: 28px;
    font-size: 17px;
  }
}
.funeral_spot .spot_slidebox .contextbox .item .txtbox p {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #444;
}
@media (max-width: 1100px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox p {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox p {
    font-size: 20px;
  }
}
@media (max-width: 540px) {
  .funeral_spot .spot_slidebox .contextbox .item .txtbox p {
    font-size: 19px;
  }
}
.funeral_spot .spot_slidebox .contextbox .etc-image .img-box {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.funeral_spot .spot_slidebox .contextbox .etc-image .img-box img {
  width: 100%;
}
.funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: flex;
  gap: 10px;
  padding: 12px 0 0 12px;
  border-top-left-radius: 40px;
  background-color: #fff;
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn {
    position: static;
    padding: 0;
  }
}
.funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn:hover span, .funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn:focus span {
  background-color: #047BA5;
}
.funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn::before, .funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background: radial-gradient(circle farthest-side at top left, transparent 96%, #FFF 104%);
}
.funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn::before {
  bottom: 100%;
  right: 0;
}
.funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn::after {
  right: 100%;
  bottom: 0;
}
.funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn span {
  display: block;
  min-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px 20px;
  font-size: 16px;
  font-weight: 700;
  font-family: "title_font";
  text-align: center;
  line-height: 1;
  color: #fff;
  background-color: #1992BC;
  border-radius: 500px;
  transition: all 0.3s;
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox .contextbox .etc-image .vr_btn span {
    width: 100%;
    padding: 18px 16px;
    margin-top: 20px;
    border-radius: 20px;
  }
}
.funeral_spot .spot_slidebox.noImg .contextbox .item {
  display: none;
}
.funeral_spot .spot_slidebox.oneImg .contextbox .item {
  display: none;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper.slider {
  width: 100%;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper.thumb {
  display: none;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable {
  display: block;
}
@media (max-width: 500px) {
  .funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable {
    display: none;
  }
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
  display: inline-block;
  width: calc(50% - 16px);
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  margin: 0 8px;
  border-radius: 3px;
  transition: all 0.3s ease;
  border: 1px solid #fff;
  position: relative;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:after {
  content: "";
  display: block;
  position: absolute;
  width: 0%;
  height: 100%;
  border-radius: 3px;
  background: #dfdfdf;
  top: 0;
  transition: all 0.8s;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(1):after {
  right: 0;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet:nth-child(2):after {
  left: 0;
}
.funeral_spot .spot_slidebox.twoImg .contextbox .item .swiper-container .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet-active:after {
  width: 100%;
}

/* sub0201 시설현황 End */
/* sub0202 빈소안내 */
.mortuary-introduce .tab-ul.col7 li {
  width: calc(14.2857% + 1px);
}
@media (max-width: 1024px) {
  .mortuary-introduce .tab-ul.col7 li {
    width: calc(25% + 1px);
  }
}
@media (max-width: 500px) {
  .mortuary-introduce .tab-ul.col7 li {
    width: calc(33.3333% + 1px);
  }
}
@media (max-width: 360px) {
  .mortuary-introduce .tab-ul.col7 li {
    width: calc(50% + 1px);
  }
}

/* sub0202 빈소안내 End */
/* sub0202 이용요금 */
.fee-use .table .td_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  margin: 0;
}
@media (max-width: 1090px) {
  .fee-use .table .td_link {
    flex-direction: column;
    align-items: flex-start;
  }
}
.fee-use .table .td_link.right {
  justify-content: end;
}
.fee-use .btn-primary.btn-icon .ir-arrow {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4L6 2H10L11 4H5Z' stroke='%233180EF' stroke-linejoin='round'/%3E%3Cpath d='M13.6673 4H2.33398C1.7817 4 1.33398 4.44772 1.33398 5V13C1.33398 13.5523 1.7817 14 2.33398 14H13.6673C14.2196 14 14.6673 13.5523 14.6673 13V5C14.6673 4.44772 14.2196 4 13.6673 4Z' stroke='%233180EF' stroke-linejoin='round'/%3E%3Cpath d='M8.00065 11.6673C9.47342 11.6673 10.6673 10.4734 10.6673 9.00065C10.6673 7.52788 9.47342 6.33398 8.00065 6.33398C6.52788 6.33398 5.33398 7.52788 5.33398 9.00065C5.33398 10.4734 6.52788 11.6673 8.00065 11.6673Z' stroke='%233180EF' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.fee-use .btn-primary.btn-icon:hover .ir-arrow {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4L6 2H10L11 4H5Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M13.6673 4H2.33398C1.7817 4 1.33398 4.44772 1.33398 5V13C1.33398 13.5523 1.7817 14 2.33398 14H13.6673C14.2196 14 14.6673 13.5523 14.6673 13V5C14.6673 4.44772 14.2196 4 13.6673 4Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M8.00065 11.6673C9.47342 11.6673 10.6673 10.4734 10.6673 9.00065C10.6673 7.52788 9.47342 6.33398 8.00065 6.33398C6.52788 6.33398 5.33398 7.52788 5.33398 9.00065C5.33398 10.4734 6.52788 11.6673 8.00065 11.6673Z' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.fee-use .btn-primary.btn-icon:focus .ir-arrow {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4L6 2H10L11 4H5Z' stroke='%231E2D75' stroke-linejoin='round'/%3E%3Cpath d='M13.6673 4H2.33398C1.7817 4 1.33398 4.44772 1.33398 5V13C1.33398 13.5523 1.7817 14 2.33398 14H13.6673C14.2196 14 14.6673 13.5523 14.6673 13V5C14.6673 4.44772 14.2196 4 13.6673 4Z' stroke='%231E2D75' stroke-linejoin='round'/%3E%3Cpath d='M8.00065 11.6673C9.47342 11.6673 10.6673 10.4734 10.6673 9.00065C10.6673 7.52788 9.47342 6.33398 8.00065 6.33398C6.52788 6.33398 5.33398 7.52788 5.33398 9.00065C5.33398 10.4734 6.52788 11.6673 8.00065 11.6673Z' stroke='%231E2D75' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.fee-use .btn.btn-icon {
  padding: 5px 10px;
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fee-use .btn .ir {
  position: static;
  transform: none;
}

.gallery-modal {
  position: fixed;
  left: 0;
  visibility: hidden;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: visibility 0.4s, opacity 0.4s;
  line-height: 1.2;
}
.gallery-modal.active {
  visibility: visible;
  opacity: 1;
}
.gallery-modal .inner {
  position: relative;
}
.gallery-modal-wrap {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  overscroll-behavior: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.gallery-modal-box {
  background-color: #fff;
  padding: 50px;
  border-radius: 20px;
  position: relative;
}
@media (max-width: 1279px) {
  .gallery-modal-box {
    padding: 40px;
    border-radius: 16px;
  }
}
@media (max-width: 1023px) {
  .gallery-modal-box {
    width: calc(100% - 100px);
    max-width: 640px;
    padding: 24px;
  }
}
@media (max-width: 767.98px) {
  .gallery-modal-box {
    width: calc(100% - 60px);
  }
}
@media (max-width: 590px) {
  .gallery-modal-box {
    width: calc(100% - 40px);
    border-radius: 12px;
  }
}
@media (max-width: 390px) {
  .gallery-modal-box {
    padding: 16px;
    border-radius: 10px;
  }
}
.gallery-modal-header, .gallery-modal-close {
  font-size: 40px;
}
@media (max-width: 1279px) {
  .gallery-modal-header, .gallery-modal-close {
    font-size: 36px;
  }
}
@media (max-width: 600px) {
  .gallery-modal-header, .gallery-modal-close {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .gallery-modal-header, .gallery-modal-close {
    font-size: 30px;
  }
}
@media (max-width: 390px) {
  .gallery-modal-header, .gallery-modal-close {
    font-size: 28px;
  }
}
.gallery-modal-header {
  height: 1em;
  display: flex;
  align-items: center;
}
.gallery-modal-header .tit {
  font-family: "title_font", "gothic", sans-serif;
  color: #1d1d1d;
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: normal;
  padding-top: 0.1em;
}
.gallery-modal-close {
  width: 1em;
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10L10 30M10 10L30 30' stroke='%231D1D1D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  border-radius: 5px;
  transition: 0.3s;
  position: absolute;
  top: 0;
  right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .gallery-modal-close {
    transition: 0.3s;
  }
}
.gallery-modal-close::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.gallery-modal-close:hover {
  background-color: #3180EF;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10L10 30M10 10L30 30' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gallery-modal-nav {
  margin: 2em 0 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  min-height: 1.5em;
  position: relative;
}
@media (max-width: 1279px) {
  .gallery-modal-nav {
    font-size: 17px;
  }
}
@media (max-width: 1023px) {
  .gallery-modal-nav {
    margin-top: 1.2em;
  }
}
@media (max-width: 767px) {
  .gallery-modal-nav {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .gallery-modal-nav {
    font-size: calc(9.6px + 1.067vw);
  }
}
.gallery-modal-nav .swiper-nav-item {
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  align-items: center;
  opacity: 0.4;
}
.gallery-modal-nav .swiper-nav-item .num {
  background-color: #3D4E64;
  color: #FFF;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.675em;
  height: 1.675em;
  margin-right: 0.425em;
  border-radius: 50%;
  letter-spacing: normal;
  flex-shrink: 0;
  text-align: center;
}
.gallery-modal-nav .swiper-nav-item .name {
  color: #3D4E64;
  letter-spacing: -0.01em;
  background: linear-gradient(currentColor, currentColor) no-repeat left bottom/0% 0.1em;
  transition: 0.3s;
  padding: 0.1em 0;
}
.gallery-modal-nav .swiper-nav-item:focus {
  outline: none;
}
.gallery-modal-nav .swiper-nav-item:focus-visible {
  outline: auto;
}
.gallery-modal-nav .swiper-nav-item:hover .name {
  background-size: 100% 0.1em;
}
.gallery-modal-nav .swiper-nav-item.next {
  justify-content: flex-end;
  margin-left: auto;
}
.gallery-modal-nav .swiper-nav-item.current {
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 6em;
}
.gallery-modal-nav .swiper-nav-item.current .num {
  background-color: #3180EF;
}
.gallery-modal-nav .swiper-nav-item.current .name {
  color: #3180EF;
  background-size: 0% 0.1em;
}
.gallery-modal-nav .swiper-nav-item.disabled {
  display: none;
}
.gallery-modal-cont {
  font-size: 10px;
  height: 41.8em;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1279px) {
  .gallery-modal-cont {
    font-size: 9px;
  }
}
@media (max-width: 1023px) {
  .gallery-modal-cont {
    flex-direction: column;
    height: auto;
  }
}
.gallery-modal-cont .swiper-container {
  margin: 0;
}
.gallery-modal-cont .img-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
}
@media (max-width: 1023px) {
  .gallery-modal-cont .img-wrap {
    height: auto;
  }
}
.gallery-modal-cont .img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.gallery-modal-cont .gallery-view-swiper {
  width: 64em;
}
@media (max-width: 1023px) {
  .gallery-modal-cont .gallery-view-swiper {
    width: 100%;
  }
}
.gallery-modal-cont .gallery-view-swiper .swiper-control {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: #fff;
  padding: 12px 0 0 12px;
  border-top-left-radius: 30px;
}
@media (max-width: 600px) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control {
    padding: 10px 0 0 10px;
    border-top-left-radius: 27px;
  }
}
@media (max-width: 390px) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control {
    padding: 8px 0 0 8px;
    border-top-left-radius: 24px;
  }
}
.gallery-modal-cont .gallery-view-swiper .swiper-control::before, .gallery-modal-cont .gallery-view-swiper .swiper-control::after {
  content: "";
  background: radial-gradient(circle farthest-side at top left, transparent 96%, #FFF 104%);
  font-size: 12px;
  width: 1em;
  height: 1em;
  position: absolute;
}
@media (max-width: 600px) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control::before, .gallery-modal-cont .gallery-view-swiper .swiper-control::after {
    font-size: 11px;
  }
}
.gallery-modal-cont .gallery-view-swiper .swiper-control::before {
  bottom: 100%;
  right: 0;
}
.gallery-modal-cont .gallery-view-swiper .swiper-control::after {
  right: 100%;
  bottom: 0;
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .inner {
  background-color: #EDF1F7;
  border-radius: 10em;
  padding: 12px;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control .inner {
    padding: 10px;
  }
}
.gallery-modal-cont .gallery-view-swiper .swiper-control::before {
  content: "";
  position: absolute;
  right: 0;
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.81738 11.9372L5.78352 8.00049L9.81738 4.06396' stroke='%231D1D1D' stroke-width='1.21127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn {
    transition: background-image 0.3s;
  }
}
@media (max-width: 600px) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn {
    width: 18px;
    height: 18px;
  }
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn-next {
  transform: rotate(180deg);
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.87988 4.06348L5.87988 11.9367M10.1193 4.06348V11.9367' stroke='%231D1D1D' stroke-width='1.21127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn-toggle.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3177 7.48058C11.7177 7.71152 11.7177 8.28887 11.3177 8.51981L5.17344 12.0672C4.77344 12.2981 4.27344 12.0095 4.27344 11.5476L4.27344 4.4528C4.27344 3.99092 4.77344 3.70225 5.17344 3.93319L11.3177 7.48058Z' fill='%231D1D1D'/%3E%3C/svg%3E%0A");
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.81738 11.9372L5.78352 8.00049L9.81738 4.06396' stroke='%233180EF' stroke-width='1.21127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn:hover.swiper-btn-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.87988 4.06348L5.87988 11.9367M10.1193 4.06348V11.9367' stroke='%233180EF' stroke-width='1.21127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-btn:hover.swiper-btn-toggle.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3177 7.48058C11.7177 7.71152 11.7177 8.28887 11.3177 8.51981L5.17344 12.0672C4.77344 12.2981 4.27344 12.0095 4.27344 11.5476L4.27344 4.4528C4.27344 3.99092 4.77344 3.70225 5.17344 3.93319L11.3177 7.48058Z' fill='%233180EF'/%3E%3C/svg%3E%0A");
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-fraction {
  font-size: 13px;
  font-weight: 700;
  font-family: "title_font", "gothic", sans-serif;
  letter-spacing: normal;
  color: #969DB8;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  padding-top: 2px;
  margin: 0 5px;
}
@media (max-width: 600px) {
  .gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-fraction {
    font-size: 12px;
    margin: 0 4px;
    padding-top: 0;
  }
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-fraction .current {
  color: #3180EF;
}
.gallery-modal-cont .gallery-view-swiper .swiper-control .swiper-fraction .dot {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
  margin: 0 3px;
}
.gallery-modal-cont .gallery-view-swiper .img-wrap {
  border-radius: 1.2em;
}
@media (max-width: 1023px) {
  .gallery-modal-cont .gallery-view-swiper .img-wrap {
    padding-top: 66.6666666667%;
  }
}
.gallery-modal-cont .gallery-thumb-swiper {
  width: 19em;
  margin-left: 3em;
}
@media (max-width: 1023px) {
  .gallery-modal-cont .gallery-thumb-swiper {
    width: 100%;
    margin: 20px 0 0;
  }
}
@media (max-width: 600px) {
  .gallery-modal-cont .gallery-thumb-swiper {
    margin-top: 12px;
  }
}
@media (max-width: 390px) {
  .gallery-modal-cont .gallery-thumb-swiper {
    margin-top: 8px;
  }
}
.gallery-modal-cont .gallery-thumb-swiper .swiper-slide {
  outline: none;
}
.gallery-modal-cont .gallery-thumb-swiper .img-wrap {
  border-radius: 0.8em;
}
@media (max-width: 1023px) {
  .gallery-modal-cont .gallery-thumb-swiper .img-wrap {
    padding-top: 66.6666666667%;
  }
}
.gallery-modal-cont .gallery-thumb-swiper .img-wrap::before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: inherit;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.2s;
  border: 0.4em solid #3180EF;
}
.gallery-modal-cont .gallery-thumb-swiper .swiper-slide-thumb-active .img-wrap::before {
  opacity: 1;
}

/* sub0202 이용요금 End *//*# sourceMappingURL=content.css.map */