@charset "UTF-8";

*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

@media (min-width: 1500px) {
  .container {
    /*max-width: 1500px;*/
  }
}

.visible {
  visibility: visible;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.left-0 {
  left: 0px;
}

.left-2 {
  left: 0.5rem;
}

.right-0 {
  right: 0px;
}

.top-0 {
  top: 0px;
}

.z-\[1024\] {
  z-index: 1024;
}

.z-\[4096\] {
  z-index: 4096;
}

.m-0 {
  margin: 0px;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-\[80px\] {
  margin-bottom: 80px;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-\[100px\] {
  margin-top: 100px;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.\!h-\[8px\] {
  height: 8px !important;
}

.h-\[34px\] {
  height: 34px;
}

.h-\[388px\] {
  height: 388px;
}

.h-\[52px\] {
  height: 52px;
}

.h-\[70px\] {
  height: 70px;
}

.h-full {
  height: 100%;
}

.max-h-full {
  max-height: 100%;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[6rem\] {
  width: 6rem;
}

.w-\[94px\] {
  width: 94px;
}

.w-full {
  width: 100%;
}

.max-w-full {
  max-width: 100%;
}

.grow {
  flex-grow: 1;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.divide-solid> :not([hidden])~ :not([hidden]) {
  border-style: solid;
}

.divide-\[\#eee\]> :not([hidden])~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-divide-opacity));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-solid {
  border-style: solid;
}

.border-\[\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.\!border-b-\[\#4b4b4b\] {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(75 75 75 / var(--tw-border-opacity)) !important;
}

.\!bg-\[\#e7ebf7\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 235 247 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-\[\#009ecd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 158 205 / var(--tw-bg-opacity));
}

.bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}

.bg-\[\#343434\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 52 52 / var(--tw-bg-opacity));
}

.bg-\[\#424242\] {
  --tw-bg-opacity: 1;
  background-color: rgb(66 66 66 / var(--tw-bg-opacity));
}

.bg-\[\#696969\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 105 105 / var(--tw-bg-opacity));
}

.bg-\[\#778cdb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(119 140 219 / var(--tw-bg-opacity));
}

.bg-\[\#77b2dc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(119 178 220 / var(--tw-bg-opacity));
}

.bg-\[\#AE6D59\] {
  --tw-bg-opacity: 1;
  background-color: rgb(174 109 89 / var(--tw-bg-opacity));
}

.bg-\[\#c9dddb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 221 219 / var(--tw-bg-opacity));
}

.bg-\[\#cecfd1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(206 207 209 / var(--tw-bg-opacity));
}

.bg-\[\#d0e0df\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 224 223 / var(--tw-bg-opacity));
}

.bg-\[\#d2d7da\] {
  --tw-bg-opacity: 1;
  background-color: rgb(210 215 218 / var(--tw-bg-opacity));
}

.bg-\[\#d2d8d8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(210 216 216 / var(--tw-bg-opacity));
}

.bg-\[\#d7e4ed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(215 228 237 / var(--tw-bg-opacity));
}

.bg-\[\#deeee3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 238 227 / var(--tw-bg-opacity));
}

.bg-\[\#dfe6f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 230 240 / var(--tw-bg-opacity));
}

.bg-\[\#e2e0e1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 224 225 / var(--tw-bg-opacity));
}

.bg-\[\#e3eae2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 234 226 / var(--tw-bg-opacity));
}

.bg-\[\#e4e0df\] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 224 223 / var(--tw-bg-opacity));
}

.bg-\[\#e5edef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 237 239 / var(--tw-bg-opacity));
}

.bg-\[\#e5eedd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 238 221 / var(--tw-bg-opacity));
}

.bg-\[\#e8e8e8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}

.bg-\[\#eaf2f4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 242 244 / var(--tw-bg-opacity));
}

.bg-\[\#ede4dd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 228 221 / var(--tw-bg-opacity));
}

.bg-\[\#efdfe0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 223 224 / var(--tw-bg-opacity));
}

.bg-\[\#efe2dc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 226 220 / var(--tw-bg-opacity));
}

.bg-\[\#f0eeef\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 238 239 / var(--tw-bg-opacity));
}

.bg-\[\#f1f2f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 247 / var(--tw-bg-opacity));
}

.bg-\[\#f2f0e4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 240 228 / var(--tw-bg-opacity));
}

.bg-\[\#f2f3ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 238 / var(--tw-bg-opacity));
}

.bg-\[\#f4f7fc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 247 252 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-\[\#f6edee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 237 238 / var(--tw-bg-opacity));
}

.bg-\[\#f6f5f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 245 243 / var(--tw-bg-opacity));
}

.bg-\[\#f8f7fd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 247 253 / var(--tw-bg-opacity));
}

.bg-\[\#f9f1ee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 241 238 / var(--tw-bg-opacity));
}

.bg-\[\#f9f4f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 244 241 / var(--tw-bg-opacity));
}

.bg-\[\#f9f9f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

.bg-\[\#fcfcfa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 250 / var(--tw-bg-opacity));
}

.bg-\[\#fec5d8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 197 216 / var(--tw-bg-opacity));
}

.bg-\[\#fec9bb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 201 187 / var(--tw-bg-opacity));
}

.bg-\[\#fff8f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 243 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-center {
  -o-object-position: center;
  object-position: center;
}

.p-0 {
  padding: 0px;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.\!pb-\[\.1em\] {
  padding-bottom: .1em !important;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.\!text-\[12px\] {
  font-size: 12px !important;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[24px\] {
  font-size: 24px;
}

.\!font-medium {
  font-weight: 500 !important;
}

.font-extrabold {
  font-weight: 800;
}

.font-normal {
  font-weight: 400;
}

.font-thin {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.\!leading-5 {
  line-height: 1.25rem !important;
}

.\!leading-\[2em\] {
  line-height: 2em !important;
}

.leading-10 {
  line-height: 2.5rem;
}

.tracking-\[1px\] {
  letter-spacing: 1px;
}

.tracking-\[2px\] {
  letter-spacing: 2px;
}

.tracking-\[3px\] {
  letter-spacing: 3px;
}

.\!text-\[\#ae6d59\] {
  --tw-text-opacity: 1 !important;
  color: rgb(174 109 89 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#f3e2da\] {
  --tw-text-opacity: 1 !important;
  color: rgb(243 226 218 / var(--tw-text-opacity)) !important;
}

.\!text-\[\#fdfe96\] {
  --tw-text-opacity: 1 !important;
  color: rgb(253 254 150 / var(--tw-text-opacity)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity));
}

.text-\[\#4b4b4b\] {
  --tw-text-opacity: 1;
  color: rgb(75 75 75 / var(--tw-text-opacity));
}

.text-\[\#515151\] {
  --tw-text-opacity: 1;
  color: rgb(81 81 81 / var(--tw-text-opacity));
}

.text-\[\#725664\] {
  --tw-text-opacity: 1;
  color: rgb(114 86 100 / var(--tw-text-opacity));
}

.text-\[\#777\] {
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity));
}

.text-\[\#909099\] {
  --tw-text-opacity: 1;
  color: rgb(144 144 153 / var(--tw-text-opacity));
}

.text-\[\#a6a6a6\] {
  --tw-text-opacity: 1;
  color: rgb(166 166 166 / var(--tw-text-opacity));
}

.text-\[\#cdcde9\] {
  --tw-text-opacity: 1;
  color: rgb(205 205 233 / var(--tw-text-opacity));
}

.text-\[\#d5e6f0\] {
  --tw-text-opacity: 1;
  color: rgb(213 230 240 / var(--tw-text-opacity));
}

.text-\[\#dad1e6\] {
  --tw-text-opacity: 1;
  color: rgb(218 209 230 / var(--tw-text-opacity));
}

.text-\[\#ddd\] {
  --tw-text-opacity: 1;
  color: rgb(221 221 221 / var(--tw-text-opacity));
}

.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-\[\#ffffff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(74 172 200 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.\!underline-offset-\[\.5em\] {
  text-underline-offset: .5em !important;
}

.opacity-\[\.5\] {
  opacity: .5;
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2") format("woff2");*/
/*  font-weight: 400;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2") format("woff2");*/
/*  font-weight: 200;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2") format("woff2");*/
/*  font-weight: 300;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2") format("woff2");*/
/*  font-weight: 400;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2") format("woff2");*/
/*  font-weight: 500;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2") format("woff2");*/
/*  font-weight: 600;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2") format("woff2");*/
/*  font-weight: 700;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2") format("woff2");*/
/*  font-weight: 800;*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: "Pretendard";*/
/*  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2") format("woff2");*/
/*  font-weight: 900;*/
/*  font-display: swap;*/
/*}*/
a {
  text-decoration: none;
  color: unset;
}

* {
  box-sizing: border-box;
}

ul {
  list-style: none;
}

html,
body {
  font-family: "Pretendard", sans-serif;
  margin: 0;
  padding: 0;
}

.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #000 !important;
  border-radius: 9999px;
}

.swiper .progress-bar {
  height: 3px;
  background: #e3e3e3;
  border-radius: 9999px;
  overflow: hidden;
}

.swiper .progress-bar .progress {
  height: 100%;
  width: 0;
  background: var(--color-black);
  transition: width 0.5s ease;
}

.overflow-hidden {
  overflow: hidden !important;
}

.sound_only {
  display: none;
}

.new_win,
.box_100 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

@media (min-width: 1500px) {

  .new_win,
  .box_100 {
    max-width: 1500px;
  }
}

@media (min-width: 1501px) {

  body>header .new_win>nav,
  body>header .box_100>nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  body>header .new_win>nav>div,
  body>header .box_100>nav>div {
    position: relative;
    display: flex;
    height: 64px;
    align-items: center;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .new_win>nav>div .blur-place.active,
  body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div .blur-place.active {
    --tw-blur: blur(16px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .new_win>nav>div nav.angles,
  body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div nav.angles {
    display: flex;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .new_win>nav>div nav.angles>a,
  body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div nav.angles>a {
    padding: 8px 16px;
    color: #fff;
    background: #909099;
    cursor: pointer;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .new_win>nav>div nav.angles>a.active,
  body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div nav.angles>a.active {
    --tw-bg-opacity: 1;
    background-color: rgb(19 139 177 / var(--tw-bg-opacity));
  }

  body>header .new_win>nav>div>nav,
  body>header .box_100>nav>div>nav {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    top: 100%;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s;
    opacity: 0;
  }

  body>header .new_win>nav>div>nav:after,
  body>header .box_100>nav>div>nav:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #76c8d5;
  }

  body>header .new_win>nav>div>nav a,
  body>header .box_100>nav>div>nav a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
  }

  body>header .new_win>nav>div:after,
  body>header .box_100>nav>div:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid #76c8d5;
    width: 0;
    transition: all 0.5s;
  }

  body>header .new_win>nav>div:hover>nav,
  body>header .box_100>nav>div:hover>nav {
    visibility: visible;
    opacity: 1;
  }

  body>header .new_win>nav>div:hover:after,
  body>header .box_100>nav>div:hover:after {
    width: 100%;
  }
}

.new_win {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.swiper-button-next,
.swiper-button-prev {
  background-color: #f4f4f4;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
  width: 19px;
  height: 12px;
  background-size: cover;
  background-repeat: no-repeat;
}

.swiper-button-next::after {
  background-image: url("/images/arrow-right.png");
}

.swiper-button-prev::after {
  background-image: url("/images/arrow-left.png");
}

.swiper .progress-bar {
  height: 3px;
  background: #e3e3e3;
}

.swiper .progress-bar .progress {
  height: 100%;
  width: 0;
  background: #000;
  transition: width 0.5s ease;
}

@media (max-width: 1500px) {
  body {
    background-color: #fff;
  }

  img {
    max-width: 100%;
  }

  /* 서브_컨텐츠 */
  /* 모바일 공통 - 컬러만 바꿔주시면 됩니다. */
  /*동영상*/
  .videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
  }

  .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  #sub_cont .tit {
    color: #636363;
    font-size: 28px;
    font-weight: bold;
    padding: 30px 0;
    text-align: center;
  }

  /* 여기서 부터는 크기, 컬러 수정 가능 */
  .clinic_tit01 {
    font-size: 24px;
    color: #5f5f5f;
    line-height: 24px;
    padding-bottom: 10px;
    font-weight: bold;
  }

  .clinic_tit11 {
    color: #636363;
    font-size: 28px;
    font-weight: bold;
    padding: 10px 0 20px 0;
  }

  .clinic_tit02 {
    font-size: 20px;
    color: #2a2a2a;
    line-height: 24px;
    padding-bottom: 10px;
    font-weight: bold;
  }

  /*단락 제목*/
  .clinic_tit03 {
    font-size: 16px;
    color: #27b2c6;
    line-height: 24px;
    font-weight: bold;
  }

  /*컬러강조*/
  .clinic_tit04 {
    font-size: 12px;
    color: #585858;
    line-height: 24px;
    font-weight: bold;
  }

  .clinic_tit05 {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
  }

  .clinic_tit06 {
    font-size: 16px;
    color: #b16666;
    line-height: 24px;
    font-weight: bold;
  }

  .clinic_tit07 {
    font-size: 18px;
    color: #755252;
    line-height: 24px;
    font-weight: bold;
  }

  .clinic_tit08 {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    font-weight: bold;
  }

  .clinic_tit09 {
    font-size: 12px;
    color: #f20388;
    line-height: 24px;
    font-weight: bold;
  }

  .clinic_tit10 {
    font-size: 28px;
    color: #636363;
    line-height: 60px;
    font-weight: bold;
  }

  .clinic_txt01 {
    font-size: 12px;
    color: #fd8e56;
    font-weight: bold;
  }

  .clinic_txt02 {
    font-size: 12px;
    color: #f7ba21;
    font-weight: bold;
  }

  .t_line02 {
    padding-top: 20px;
  }

  .intro_01 {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin: 0;
    padding: 0;
  }

  .map_01 {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }

  .map_02 {
    font-size: 16px;
    font-weight: bold;
    color: #64bbc6;
    text-decoration: underline;
  }

  .map_t01 {
    background-color: #eaeaea;
    text-align: center;
    border-right: 1px solid #ada5b9;
    border-bottom: 1px solid #ada5b9;
  }

  .map_t02 {
    background-color: #eaeaea;
    text-align: center;
    border-bottom: 1px solid #ada5b9;
  }

  .border_r {
    border-right: 1px solid #ada5b9;
  }

  .border_t {
    border-top: 1px solid #ada5b9;
  }

  /* 리스트 */
  .clinic_no01 {
    width: 5%;
    vertical-align: top;
  }

  .clinic_no01 img {
    width: 18px;
    padding-right: 5px;
    padding-top: 2px;
  }

  .clinic_no01_txt {
    width: 95%;
    padding-top: 0px;
    font-weight: bold;
  }

  .clinic_no01_txt2 {
    width: 95%;
    padding-top: 0px;
  }

  /*특징*/
  .clinic_no02 {
    width: 6%;
    vertical-align: top;
  }

  .clinic_no02 img {
    width: 18px;
    padding-right: 5px;
    padding-top: 7px;
  }

  .clinic_no02_txt {
    width: 94%;
    padding-bottom: 3px;
    padding-top: 6px;
  }

  /*효과*/
  .clinic_no03_box {
    padding: 10px;
  }

  .clinic_no03 {
    width: 4%;
    vertical-align: top;
  }

  .clinic_no03 img {
    width: 18px;
    padding-right: 4px;
    padding-top: 5px;
  }

  .clinic_no03_txt {
    width: 96%;
    padding-bottom: 5px;
    padding-top: 3px;
    color: #484848;
  }

  /*표*/
  .table_tit {
    background-color: #c4baba;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    vertical-align: top;
    padding: 5px 0 5px 0;
    border: 1px solid #fff;
    border-top: 0PX;
    border-right-style: none;
  }

  .table_txt {
    background-color: #ebebeb;
    color: #8b8b8b;
    padding: 5px;
    border: 1px solid #fff;
    border-top-style: none;
    border-right-style: none;
  }

  .table_tit01 {
    background-color: #beb2b2;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    padding: 5px 0 5px 0;
    border: 1px solid #c3c3c3;
    border-right-style: none;
    border-bottom-style: none;
  }

  .table_txt00 {
    background-color: #e5e5e5;
    text-align: center;
    padding: 5px;
    border: 1px solid #c3c3c3;
    border-right-style: none;
    border-left-style: none;
    border-top-style: none;
  }

  .table_txt01 {
    background-color: #fff;
    text-align: center;
    padding: 5px;
    border: 1px solid #c3c3c3;
    border-right-style: none;
    border-top-style: none;
  }

  /*3차 메뉴*/
  .menu_3 {
    float: left;
    background-color: #37c2d7;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 8px 0 8px 0;
    vertical-align: middle;
    margin-bottom: 1px;
    background-image: url(/images/sub/submenu_bg.gif);
    background-position: right;
    background-repeat: no-repeat;
    background-repeat: repeat-y;
  }

  /*오시는길*/
  .subway01 {
    color: #33a4eb;
    font-weight: bold;
  }

  .bus01 {
    color: #2d9400;
    font-weight: bold;
  }

  /*일반,마을,지선버스*/
  .bus02 {
    color: #365fd6;
    font-weight: bold;
  }

  /*간선버스*/
  .bus03 {
    color: #dc1219;
    font-weight: bold;
  }

  /*직행,시외,광역,급행버스*/
  .bus04 {
    color: #112e84;
    font-weight: bold;
  }

  /*좌석버스*/
  .bus05 {
    color: #70b0e0;
    font-weight: bold;
  }

  /*공항버스*/
  .b_line {
    padding-bottom: 5px;
  }

  .t_line {
    padding-top: 5px;
  }

  .r_line {
    padding-right: 5px;
  }

  .l_line {
    padding-left: 5px;
  }

  .tb_line {
    padding: 5px 0px 5px 0px;
  }

  .txt_spacing1 {
    letter-spacing: -1px;
  }

  .txt_spacing2 {
    letter-spacing: -2px;
  }

  /* //-여기까지는 크기, 컬러 수정 가능 */
  .faq_Q {
    color: #69b4e2;
    font-size: 26px;
    font-weight: bold;
  }

  .faq_A {
    color: #FF6600;
    font-size: 26px;
    font-weight: bold;
  }

  .faq_tit {
    font-weight: bold;
    padding-bottom: 10px;
  }

  .input {
    border: solid 1px #cacaca;
    background-color: #fbfbfb;
    color: #666663;
    font-size: 14px;
    line-height: 18px;
    height: 24px;
  }

  .inputprivate {
    border: solid 1px #cacaca;
    background-color: #fbfbfb;
    color: #666663;
    font-size: 13px;
    line-height: 18px;
    height: 24px;
  }

  .input2 {
    background-color: #fbfbfb;
    color: #666663;
  }

  .inputps {
    border: 0;
    background-color: #E4E0D7;
    color: #666663;
  }

  .footer_top {
    line-height: 32px;
    color: #FFFFFF;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #707070;
    background-color: #8E8E8E;
  }

  .footer_02 {
    border: solid 1px #EBEBEB;
    background-color: #F9F9F9;
    color: #6C6C6C;
  }

  .faq_01 {
    border: solid 4 #F0F0F0;
    background-color: #FFFFFF;
  }

  .search_input {
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #999999 1px solid;
    background-color: #F3F3F3;
    FONT-FAMILY: "Nanum";
  }

  .board_list {
    text-align: center;
  }

  .board_top {
    border-top: 2px solid #BDBDBD;
    background-color: #FBFBFA;
    line-height: 30px;
    color: #474747;
    font-weight: bold;
  }

  .board_con {
    line-height: 30px;
    border-top: 1px solid #E8E8E8;
    background-color: #FFFFFF;
  }

  .board_view_top {
    border-top: 2px solid #BDBDBD;
    background-color: #FBFBFB;
    line-height: 30px;
    color: #787878;
  }

  .board_view_con {
    line-height: 30px;
    border-top: 1px solid #DBDBDB;
    background-color: #FBFBFB;
    color: #787878;
  }

  .board_btm {
    background-color: #E7E6DD;
  }

  .board_page_text {
    font-family: Nanum, dotum, gulim, verdana;
    font-size: 11px;
    color: #656565;
  }

  .faq_sbj {
    line-height: 34px;
    border-top: 1px solid #D9D9D9;
    background-color: #FFFFFF;
  }

  .comment {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    background-color: #F8F8F8;
  }

  .comment_view {
    border-left: 3px solid #E7E7E7;
    border-right: 3px solid #E7E7E7;
    background-color: #FFFFFF;
  }

  .scrollbox {
    border-bottom: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    color: #666663;
    font-family: Nanum;
    font-size: 11px;
    color: #8E8E8E;
    line-height: 16px;
  }

  .photo_boder {
    border: solid 3px #D3D3D3;
  }

  .press_boder {
    border: solid 1px #D3D3D3;
  }

  .news_boder {
    border: solid 1px #898989;
  }

  .date {
    font-family: Nanum, "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 10px;
    color: #EC9243;
  }

  .simul {
    border: solid 1 #cacaca;
    background-color: #ffffff;
    color: #666663;
  }

  .gulim {
    font-family: Nanum;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
  }

  .private_input {
    border: solid 1 #cacaca;
    background-color: #fbfbfb;
    color: #666663;
  }

  .login_input {
    border: solid 1 #7F9DB9;
    background-color: #FFFFFF;
  }

  a.boardlink:link {
    text-decoration: none;
    color: #4F4F4F;
    font-size: 14px;
    line-height: 18px;
  }

  a.boardlink:visited {
    text-decoration: none;
    color: #4F4F4F;
    font-size: 14px;
    line-height: 18px;
  }

  a.boardlink:active {
    text-decoration: none;
    color: #4F4F4F;
    font-size: 14px;
    line-height: 18px;
  }

  a.boardlink:hover {
    text-decoration: none;
    color: #4F4F4F;
    font-size: 14px;
    line-height: 18px;
  }

  .boardnum {
    line-height: 14px;
    color: #1169ee;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
  }

  .boardwriter {
    line-height: 12px;
    color: #797878;
    font-size: 12px;
  }

  .boardline {
    background-color: #ebebeb;
  }

  .agree {
    clear: both;
    margin: 0px 10px 10px 10px;
    font-family: "Nanum";
    border: 1px solid #ddd;
    background: #fcfcfc;
    padding: 12px 12px;
  }

  .agree h4 {
    line-height: 29px;
    color: #333;
    font-size: 20px;
    font-weight: 600;
  }

  .agree .agree_box {
    font-family: "Nanum";
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 15px;
    line-height: 20px;
    color: #8c8c8c;
    height: 82px;
    overflow: auto;
    overflow-x: hidden;
  }

  .agree .ckw {
    font-family: "Nanum";
    text-align: left;
    line-height: 21px;
    color: #525252;
    padding: 10px 0 0;
  }

  /* ============================= [컨텐츠 공통] ============================= */
  /* 버튼 */
  .btnArea {
    margin-top: 20px;
    text-align: center;
  }

  .btnArea.al_r {
    padding-right: 10px;
    text-align: right;
  }

  /* 탭 */
  .tabType {
    overflow: hidden;
  }

  .tabType li {
    float: left;
    text-align: center;
    line-height: 0;
    font-size: 0;
  }

  .tabType li a {
    display: block;
    overflow: hidden;
    height: 22px;
    margin: 0 1px;
    border: 1px solid #d1d1d1;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background: #ebebeb;
  }

  .tabType li a img {
    height: 100%;
  }

  .tabType li.on a {
    padding-bottom: 1px;
    border-color: #6c89d2;
    background: url(/m/images/common/BG_cateTabOn.gif) repeat center top;
    background-size: 2px;
  }

  .tabType li:first-of-type a {
    margin-left: 0;
  }

  .tabType li:last-of-type a {
    margin-right: 0;
  }

  .tabType.tabChild2 li {
    width: 50%;
  }

  .tabType.tabChild3 li {
    width: 33%;
  }

  .tabType.tabChild3 li:nth-of-type(2) {
    width: 34%;
  }

  .tabType.tabChild4 li {
    width: 25%;
  }

  .tabType.tabChild5 li {
    width: 20%;
  }

  .bbsListWrap {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    border-top: 2px solid #959595;
  }

  .bbsListWrap a {
    font-size: 13px;
    line-height: 1;
    letter-spacing: -1px;
    color: #666;
  }

  .bbsListWrap .bbsList2 {
    position: relative;
    font-size: 0;
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
  }

  .bbsListWrap .bbsList2 .subject {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
    margin-right: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "scd-regular";
    font-size: 13px;
    line-height: 1;
    letter-spacing: -1px;
    color: #666;
  }

  .bbsListWrap .bbsList2 .date {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    background: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "scd-regular";
    font-size: 13px;
    line-height: 1;
    letter-spacing: -1px;
    color: #666;
  }

  .bbsListWrap2 {
    width: 90%;
    margin: 0 auto;
    position: relative;
    border-top: 2px solid #959595;
  }

  .bbsListWrap2 a {
    font-family: "scd-regular";
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #666;
  }

  .bbsListWrap2 .bbsList_2 {
    position: relative;
    font-size: 0;
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
  }

  .bbsListWrap2 .bbsList_2 .wrap_left {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    font-family: "scd-regular";
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #fff;
    text-align: center;
    padding: 12px 0;
  }

  .bbsListWrap2 .bbsList_2 .wrap_center {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 125px);
    margin: 0 10px 0 10px;
  }

  .bbsListWrap2 .bbsList_2 .wrap_center p:nth-child(1) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "scd-regular";
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #666;
  }

  .bbsListWrap2 .bbsList_2 .wrap_center p:nth-child(2) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: "scd-regular";
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #666;
    margin-top: 6px;
  }

  .bbsListWrap2 .bbsList_2 .wrap_right {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    text-align: right;
    background: #fff;
  }

  .bbsListWrap2 .bbsList_2 .wrap_right img {
    height: 14px;
  }

  .bbsListWrap2 .bbsList_2 .wrap_right img:nth-child(n+2) {
    margin-left: 15px;
  }

  /* 게시판리스트 */
  .bbsList {
    margin: 30px 10px 0;
  }

  .bbsList thead {
    background: #568ac0;
  }

  .bbsList thead th {
    background: url(/m/images/common/bar_1x29_98c9ff.gif) right center no-repeat;
    font-size: 16px;
    color: #ffffff;
    padding: 18px 0;
  }

  .bbsList thead th.subject {
    letter-spacing: 1.5em;
  }

  .bbsList tbody th {
    font-size: 16px;
    color: #434343;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    font-weight: normal;
  }

  .bbsList tbody td {
    font-size: 16px;
    color: #434343;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .bbsList tbody td.subject {
    text-align: left;
  }

  .bbsList tbody td.subject a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .bbsList tbody td .answering {
    display: block;
    line-height: 1.5em;
    font-family: Nanum, dotum, Gulim, sans-serif;
    color: #ffffff;
    background: #888;
    padding: 5px 0;
  }

  .bbsList tbody td .answered {
    display: block;
    line-height: 1.5em;
    font-family: Nanum, dotum, Gulim, sans-serif;
    color: #ffffff;
    background: #568ac0;
    padding: 5px 0;
  }

  .bbsList.counsel tbody td.subject a {
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
  }

  .bbsList.community thead th:nth-of-type(1) {
    width: 10%;
  }

  .bbsList.community thead th:nth-of-type(2) {
    width: 50%;
  }

  .bbsList.community thead th:nth-of-type(3) {
    width: 10%;
  }

  .bbsList.community thead th:nth-of-type(4) {
    width: 15%;
  }

  .bbsList.review thead th:nth-of-type(1) {
    width: 10%;
  }

  .bbsList.review thead th:nth-of-type(2) {
    width: 40%;
  }

  .bbsList.review thead th:nth-of-type(3) {
    width: 20%;
  }

  .bbsList.review thead th:nth-of-type(4) {
    width: 20%;
  }

  .bbsList.review thead th:nth-of-type(5) {
    width: 10%;
  }

  /* 게시판뷰 */
  /* 게시판쓰기 */
  /* 전문의 상담 */
  /* 진료예약 */
  /* notice */
  /*게시판 시작 */
  /*list ------------------------------------------------------------------------------------------------------------------------------------------------- */
  /*등록된 게시물이 없을때*/
  /*여기 사이즈를 바꿔주세요*/
  /*여기 사이즈를 바꿔주세요*/
  /* 모바일 게시판 리스트 */
  /* 모바일 게시판 리스트 */
  /* 모바일 게시판 리스트 */
  /* 게시판 */
  /*
  .bottom_btn {clear:both; width:93.75%; height:35px; margin:0px auto;}
  .bottom_btn a {display:block; line-height:1; text-align:center; font-size:15px; color:#454545;}
  */
  /* 게시판 read */
  /*.read_con .txt span {display:block; margin-top:3%; line-height:1.3;}
  .read_con .txt p {display:block; margin-top:3%; line-height:1.3;}*/
  /*.read_con p img {width:100%;}*/
  /*
  .btn_wrap {margin-top:40px;}
  .btn_wrap p {width:100px; height:60px; display:inline-block;}
  .btn_wrap p a {font-size:18px; text-align:center; display:block; color:#fff; line-height:60px;}
  .btn_wrap .modify {background:#b7b7b7;}
  .btn_wrap .delete {background:#b7b7b7;}
  .btn_wrap .list {width:191px; background:#5b5b5b; float:right;}
  .btn_wrap .write {width:130px; background:#282828; float:right;}
  */
  /* 게시판 2차메뉴 */
  /* 게시판 2차메뉴 */
  /*달력*/
  /*#daytable tr th { background:#888686; color:#fff; height:44px; width:14.1%; text-align:center;}
  #daytable tr th.sun { background:#fc2956; color:#fff; height:44px; }
  #daytable tr th.satur { background:#2867f4; color:#fff; height:44px; }
  #daytable tr td { background:#fff; height:50px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; text-align:right; font:12px "Nanum",Gulim; }
  #daytable tr td.last { background:#fff; height:50px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:right; }
  #daytable tr td.choice {background:#bd9bf6;}
  #daytable tr td.on { background:#f6faf7; }
  #daytable tr td div.day { padding-right:8px; }
  #daytable tr td div.reserve { padding-top:4px; padding-right:3px; cursor:pointer;}*/
  /* 카테고리 */
  /*.review_wrap ul li a img{max-width:100%; }
  .review_wrap ul li a img.noimg_ty {width:auto; height:288px;}*/
  /*.review_wrap ul li a .gallery_img span{display:block;display:table-cell;height:288px;vertical-align:middle;}
  .review_wrap ul li a .gallery_img span img{display:table;}*/
  /*.review_wrap ul li a span{font-size:13px; color:#888b90;}*/
  /*.review_wrap ul li a .gallery_img span img{width:100%;}*/
}

@media only screen and (max-width: 1500px) and (max-width: 600px) {
  .bbsList thead th {
    background: url(/m/images/common/bar_1x19_98c9ff.gif) right center no-repeat;
  }

  .bbsList thead th,
  .bbsList tbody td {
    font-size: 14px;
  }

  .bbsList.community thead th:nth-of-type(1) {
    width: 10%;
  }

  .bbsList.community thead th:nth-of-type(2) {
    width: 40%;
  }

  .bbsList.community thead th:nth-of-type(3) {
    width: 20%;
  }

  .bbsList.community thead th:nth-of-type(4) {
    width: 15%;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 414px) {
  .bbsList thead th {
    font-size: 12px;
    padding: 10px 0;
    color: #fff;
  }

  .bbsList tbody th,
  .bbsList tbody td {
    font-size: 12px;
  }
}

@media (max-width: 1500px) {
  .bbsView {
    margin: 5px 10px 0;
  }

  .bbsView table {
    border-top: 4px solid #6cb1ff;
  }

  .bbsView thead th {
    font-size: 16px;
    color: #404040;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    width: 10%;
    background: url(/m/images/common/bar_1x16_dcdcdc.gif) right center no-repeat;
  }

  .bbsView thead th:last-child {
    background: none;
  }

  .bbsView tbody th {
    font-size: 16px;
    color: #404040;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    width: 10%;
    background: url(/m/images/common/bar_1x16_dcdcdc.gif) 90% center no-repeat;
  }

  .bbsView tbody td {
    font-size: 16px;
    color: #404040;
    padding: 10px 0;
    border-bottom: 1px solid #dedede;
    font-family: Nanum, dotum, "돋움", Arial, sans-serif;
    /*overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/
  }

  .bbsView tbody td.subject {
    text-align: left;
  }

  .bbsView tbody th.adminTitle {
    text-align: left;
  }

  .bbsView tbody td.bbsContent {
    text-align: left;
    background: #fff;
    padding: 20px 10px;
  }

  .bbsView tbody td.adminContent {
    text-align: left;
    background: #fff;
    padding: 20px 10px;
  }

  .bbsView tfoot td {
    text-align: right;
    padding: 30px 0;
  }

  .bbsView tfoot td a.btnList {
    display: inline-block;
    width: 15%;
    background: #6b6b6b;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    padding: 5px 0;
    font-weight: bold;
  }

  .bbsView.compare thead th:first-child {
    text-align: left;
    padding: 0 20px;
  }

  .bbsView.compare thead th:nth-of-type(1) {
    width: 60%;
  }

  .bbsView.compare thead th:nth-of-type(2) {
    width: 20%;
  }

  .bbsView.compare thead th:nth-of-type(3) {
    width: 20%;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 600px) {

  .bbsView thead th,
  .bbsView tbody th,
  .bbsView tbody td {
    font-size: 14px;
  }

  .bbsView.compare thead th:first-child {
    padding: 0 10px;
  }

  .bbsView.compare thead th:nth-of-type(1) {
    width: 50%;
  }

  .bbsView.compare thead th:nth-of-type(2) {
    width: 25%;
  }

  .bbsView.compare thead th:nth-of-type(3) {
    width: 25%;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 414px) {

  .bbsView thead th,
  .bbsView tbody th,
  .bbsView tbody td {
    font-size: 12px;
  }

  .bbsView tbody th {
    width: 15%;
  }

  .bbsView tbody td:nth-of-type(1) {
    width: 25%;
  }

  .bbsView tbody td:nth-of-type(2) {
    width: 23%;
  }

  .bbsView tbody td:nth-of-type(3) {
    width: 7%;
  }

  .bbsView tfoot td a.btnList {
    width: 20%;
  }

  .bbsView.compare thead th:first-child {
    padding-left: 10px;
  }
}

@media (max-width: 1500px) {
  .bbsWrite {
    margin: 0 10px 10px 10px;
    border-top: 2px solid #4d4d4d;
  }

  .bbsWrite tbody th {
    font-size: 16px;
    color: #404040;
    padding: 10px;
    width: 15%;
    border-bottom: 1px solid #dedede;
    text-align: left;
  }

  .bbsWrite tbody td {
    font-size: 16px;
    color: #404040;
    padding: 10px 10px;
    width: 85%;
    border-bottom: 1px solid #dedede;
    font-family: Nanum, dotum, "돋움", Arial, sans-serif;
  }

  .bbsWrite tbody td select {
    width: 100%;
    height: 28px;
    border: 1px solid #b3b3b3;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 16px;
    color: #7f7f7f;
    font-family: Nanum, dotum, "돋움", Arial, sans-serif;
    white-space: nowrap;
  }

  .bbsWrite tbody td input[type=text] {
    width: 100%;
    height: 26px;
    border: 1px solid #b3b3b3;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 16px;
  }

  .bbsWrite tbody td input[type=password] {
    width: 100%;
    height: 26px;
    border: 1px solid #b3b3b3;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    margin-right: 5px;
  }

  .bbsWrite tbody td textarea {
    width: 100%;
    min-height: 100px;
    border: 1px solid #b3b3b3;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 16px;
  }

  .bbsWrite tfoot td {
    text-align: center;
    padding: 30px 0;
  }

  .bbsWrite tfoot td a {
    display: inline-block;
    width: 15%;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    padding: 5px 0;
  }

  .bbsWrite tfoot td a.btnSubmit {
    background: #00b6c7;
  }

  .bbsWrite tfoot td a.btnList {
    background: #aeaeae;
  }

  .bbsWrite td .no {
    width: 100%;
    border-bottom: 1px solid #FFFFFF;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 414px) {

  .bbsWrite tbody th,
  .bbsWrite tbody td {
    font-size: 12px;
  }

  .bbsWrite tbody th {
    padding: 10px 0 10px 10px;
    width: 15%;
  }

  .bbsWrite tbody td {
    width: 85%;
  }

  .bbsWrite tbody td:nth-of-type(1) {
    width: 45%;
  }

  .bbsWrite tbody td:nth-of-type(2) {
    width: 23%;
  }

  .bbsWrite tbody td:nth-of-type(3) {
    width: 7%;
  }

  .bbsWrite tbody td select,
  .bbsWrite tbody td input[type=text],
  .bbsWrite tbody td textarea {
    font-size: 12px;
  }

  .bbsWrite tfoot td a {
    width: 20%;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 360px) {
  .bbsWrite tbody th {
    width: 20%;
  }
}

@media (max-width: 1500px) {
  .bbsWrite.counsel .counsel_name {
    display: block;
    margin-top: 5px;
  }

  .bbsWrite.counsel .email input,
  .bbsWrite.counsel .email select {
    width: 30%;
  }

  .bbsWrite.counsel .phone input,
  .bbsWrite.counsel .phone select {
    width: 29%;
  }

  .bbsView.counsel tbody th {
    width: 10%;
  }

  .bbsLogin {
    text-align: center;
    margin-top: 30px;
  }

  .bbsLogin p {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 600px) {
  .bbsWrite.counsel .email select {
    float: right;
  }

  .bbsWrite.counsel .phone input:last-child {
    float: right;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 360px) {

  .bbsWrite.counsel .email input,
  .bbsWrite.counsel .email select {
    width: 29%;
  }

  .bbsWrite.counsel .phone input,
  .bbsWrite.counsel .phone select {
    width: 26%;
  }

  .bbsView.counsel tbody th {
    width: 10%;
  }
}

@media (max-width: 1500px) {
  .bbsWrite.reservation p {
    color: #333;
    font-weight: bold;
  }

  .bbsWrite.reservation table {
    border-top: 1px solid #dedede;
    margin-top: 20px;
  }

  .bbsWrite.reservation tbody th {
    width: 15%;
    padding: 10px 0;
  }

  .bbsWrite.reservation tbody th span {
    display: inline-block;
  }

  .bbsWrite.reservation tbody td {
    width: 85%;
  }

  .bbsWrite.reservation tbody td.date select {
    width: 32%;
    float: left;
  }

  .bbsWrite.reservation tbody td.date select:nth-of-type(2) {
    margin: 0 2%;
  }

  .bbsWrite.reservation .email input,
  .bbsWrite.reservation .email select {
    width: 30%;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 600px) {
  .bbsWrite.reservation .email select {
    float: right;
  }
}

@media only screen and (max-width: 1500px) and (max-width: 360px) {

  .bbsWrite.reservation .email input,
  .bbsWrite.reservation .email select {
    width: 29%;
  }
}

@media (max-width: 1500px) {
  #gallery img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
  }

  .notice_list {
    width: 96%;
    margin: 0 auto;
  }

  .notice_list #notice {
    border-bottom: 1px solid #ccc;
  }

  .notice_list li {
    padding: 11px 9px;
    margin-bottom: 1px;
    background: #fff;
    border-top: 2px solid #ccc;
    line-height: 20px;
  }

  .notice_list li a {
    font-size: 14px;
    color: #292929;
    font-weight: bold;
  }

  .notice_list #notice li a {
    display: inline-block;
    width: 95%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    font-size: 14px;
  }

  .notice_list li .icon {
    float: right;
    vertical-align: middle;
  }

  .notice_list li .icon img {
    width: 45px;
    height: auto;
  }

  .notice_list li .list_f {
    font-size: 12px;
    height: 20px;
    line-height: 32px;
    margin-top: 8px;
    border-top: 1px solid #ccc;
  }

  .notice_list li .list_f:after {
    content: "";
    display: block;
    clear: both;
  }

  .notice_list li .list_f .datem {
    float: left;
  }

  .notice_list li .list_f .reply_num {
    float: right;
    display: inline-block;
    padding-left: 17px;
    background-size: 14px 13px;
  }

  .btnA a.btns {
    display: inline-block;
    padding-right: 4px;
    font-size: 1em;
    line-height: 20px;
    word-spacing: -1px;
    text-decoration: none !important;
    white-space: nowrap;
    background: #c3392a;
    border: 1px solid #cdcdcd;
    color: #444343;
  }

  .btnA a.btns span,
  .btnA a.btns strong {
    display: block;
    padding: 1px 6px 0 12px;
    color: #fff;
  }

  .pagination {
    padding: 0 0;
    text-align: center;
    background: #FFF;
  }

  .pagenavi {
    position: relative;
    line-height: 20px;
    text-align: center;
    padding: 17px 0 10px 0;
    display: inline-block;
  }

  .pagenavi span {
    display: inline-block;
    min-width: 18px;
    max-width: 45px;
    margin: 0 1px;
    font-size: 11px;
    padding: 3px 4px 0 2px;
    border: 1px solid #eaeaea;
    background: #fff;
    font-weight: bold;
    letter-spacing: -1px;
  }

  .pagenavi a {
    display: inline-block;
    color: #737373;
    font-size: 11px;
    letter-spacing: -1px;
    cursor: pointer;
    text-decoration: none;
  }

  .pagenavi a:hover span {
    background: #f9f9f9;
    color: #6d4099;
    border: 1px solid #6d4099;
    cursor: pointer;
    text-decoration: none;
  }

  .pagenavi strong span {
    background: #fff;
    color: #6d4099;
    border: 1px solid #6d4099;
    font-size: 11px;
    cursor: pointer;
  }

  .pagenavi .frst,
  .pagenavi .frst:hover {
    background: url(/skin/page/frst.gif) no-repeat center center;
    cursor: pointer;
  }

  .pagenavi .last,
  .pagenavi .last:hover {
    background: url(/skin/page/end.gif) no-repeat center center;
    cursor: pointer;
  }

  .pagenavi .prev,
  .pagenavi .prev:hover {
    background: url(/skin/page/prev.gif) no-repeat center center;
    cursor: pointer;
  }

  .pagenavi .next,
  .pagenavi .next:hover {
    background: url(/skin/page/next.gif) no-repeat center center;
    cursor: pointer;
  }

  #thumb {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 96%;
    clear: both;
  }

  #thumb #blist {
    padding: 0 0 0 0;
    margin: 0 auto;
  }

  #thumb #blist ul {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    border-top: #c4c4c4 2px solid;
  }

  #thumb #blist ul li {
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 8px 0;
    overflow: hidden;
  }

  #thumb #blist ul li a {
    width: 98%;
    margin: 0 5px;
    display: block;
    color: #545454;
  }

  #thumb #blist ul li span {
    /*display:block; */
    width: 70%;
    color: #a5a5a5;
    margin: 3px 0 0 5px;
    font-size: 80%;
  }

  #thumb #blist ul li span.title {
    /*display:inline-block; */
    width: 70%;
    color: black;
    font-size: 100%;
  }

  #thumb #blist ul li span.date {
    display: block;
  }

  #thumb #blist ul li img {
    margin: 0 5px 0 0;
    vertical-align: middle;
  }

  #thumb #blist ul li .thumbno td {
    padding: 10px 0;
  }

  #thumb #blist ul li p.thumbno {
    padding: 10px 0;
    text-align: center;
  }

  #thumb #blist .reNum {
    color: #f60029;
    padding: 0 0 0 5px;
    margin: 0;
    display: inline;
  }

  #thumb #blist .noticephoto {
    width: 100%;
  }

  #thumb #blist .noticephoto .thumbphoto {
    width: 120px;
    height: auto;
    float: left;
  }

  #thumb #blist .noticephoto .nlicon {
    width: 60%;
    height: auto;
    float: left;
    padding-left: 2%;
  }

  #thumb #blist .noticephoto .date {
    padding-top: 5px;
  }

  #thumb #blist .reNum {
    color: #f60029;
    padding: 0 0 0 5px;
    margin: 0;
    display: inline;
  }

  #thumb #blist .rphoto {
    width: 100%;
  }

  #thumb #blist .rphoto .thumbphoto {
    width: 80px;
    height: auto;
    float: left;
  }

  #thumb #blist .rphoto .nlicon {
    width: 60%;
    height: auto;
    float: left;
    padding-left: 2%;
    line-height: 20px;
  }

  #thumb #blist .rphoto .date {
    padding-top: 5px;
  }

  #thumb #blist .rphoto .presscategoryT {
    color: #b7b72c;
    font-weight: bold;
  }

  #thumb #blist .rphoto .presscategoryR {
    color: #ff6600;
    font-weight: bold;
  }

  .youtube {
    width: 100%;
    padding-top: 20px;
  }

  .youtube>.cont_group {
    margin: 0 2% 2% 2%;
    width: 46%;
    float: left;
  }

  .youtube>.cont_group ul li {
    margin: 3px 0;
  }

  .youtube>.cont_group .thumb {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
  }

  .youtube>.cont_group .thumb>img {
    /*top:0; left:0; position:absolute; width:100%; margin-top:-9.45%*/
    top: 50%;
    left: 0;
    position: absolute;
    width: 100% !important;
    transform: translateY(-50%);
  }

  .youtube>.cont_group .cont_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .youtube>.cont_group .cont_title>a {
    font-weight: bold;
    color: #826c56;
    font-size: 15px;
  }

  .youtube>.cont_group .cont_reg>a {
    font-size: 12px;
  }

  #eventboard li img {
    float: none;
    width: 100%;
    height: auto;
  }

  .b_list {
    padding: 0 3.125%;
  }

  .b_list li {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #bdbdbd;
  }

  .b_list li:after {
    content: "";
    display: block;
    clear: both;
  }

  .b_list .b_thumb {
    display: inline-block;
    width: 100%;
    border: 1px solid #dadada;
    box-sizing: border-box;
  }

  .b_list .b_thumb img {
    width: 100%;
    height: 100%;
  }

  .b_list .info {
    float: left;
    width: 58%;
    padding: 13px 0 0 2%;
  }

  .b_list .info strong {
    color: #292929;
    font-size: 0.9em;
  }

  .b_list .info p {
    color: #292929;
    font-size: 0.8em;
    margin-top: 7px;
    line-height: 1.3;
  }

  .realselca {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
  }

  .realselca>.cont_group {
    margin: 0 2% 2% 2%;
    width: 46%;
    float: left;
  }

  .realselca>.cont_group ul li {
    margin: 3px 0;
  }

  .realselca>.cont_group ul>a {
    color: #464646;
  }

  .realselca>.cont_group .cont_img img {
    width: 100%;
  }

  .realselca>.cont_group .cont_img {
    overflow: hidden;
  }

  .realselca>.cont_group .cont_title {
    font-family: "scd-medium";
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
  }

  .realselca>.cont_group .cont_title>a {
    font-family: "scd-medium";
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #464646;
    font-size: 12px;
    line-height: 24px;
  }

  .realselca>.cont_group .cont_reg {
    font-family: "scd-regular";
    font-size: 12px;
    color: #464646;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
  }

  .realselca>.cont_group .cont_reg>a {
    font-family: "scd-regular";
    color: #464646;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
  }

  .review {
    width: 100%;
  }

  .review>.cont_group {
    margin: 2%;
    width: 46%;
    float: left;
  }

  .review>.cont_group ul li {
    margin: 3px 0;
  }

  .review>.cont_group ul>a {
    color: #696969;
  }

  .review>.cont_group .cont_img img {
    width: 100%;
  }

  .review>.cont_group .cont_img {
    overflow: hidden;
  }

  .review>.cont_group .cont_title {
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
  }

  .review>.cont_group .cont_title>a {
    font-weight: bold;
    color: #826c56;
    font-size: 15px;
    line-height: 24px;
  }

  .review>.cont_group .cont_reg>a {
    font-size: 12px;
  }

  .realstorylist {
    width: 100%;
  }

  .realstorylist>.cont_group {
    margin: 0 2% 2% 2%;
    width: 96%;
    float: left;
  }

  .realstorylist>.cont_group ul li {
    margin: 3px 0;
  }

  .realstorylist>.cont_group ul>a {
    color: #696969;
  }

  .realstorylist>.cont_group .cont_img img {
    width: 100%;
  }

  .realstorylist>.cont_group .cont_img {
    overflow: hidden;
  }

  .realstorylist>.cont_group .cont_title {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 24px;
  }

  .realstorylist>.cont_group .cont_title>a {
    font-weight: bold;
    color: #826c56;
    font-size: 15px;
    line-height: 24px;
  }

  .realstorylist>.cont_group .cont_reg>a {
    font-size: 12px;
  }

  .board_wrap {
    width: 93.75%;
    margin: 0 auto;
  }

  .board_info {
    display: inline-block;
    width: 100%;
  }

  .board_info .icon {
    margin-right: 10px;
  }

  .board_info p {
    float: left;
    color: #777;
    font-size: 14px;
  }

  .board_info .branch {
    display: inline-block;
  }

  .board_info .icon {
    display: inline-block;
    vertical-align: middle;
  }

  .board_info .date {
    display: inline-block;
    line-height: 20px;
  }

  .board_info .hit {
    display: inline-block;
  }

  .regist_txt {
    font-size: 14px;
    color: #444;
    margin-bottom: 20px;
  }

  .list_board {
    font-family: "Nanum", sans-serif;
    margin-top: 40px;
  }

  .list_board dl:first-of-type {
    border-top: 2px solid #888;
  }

  .list_board dl {
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #c4c7ca;
    position: relative;
  }

  .list_board dl.photo_list dt {
    width: 170px;
    height: 127px;
    border: 1px solid #e2e4e5;
    background: #f5f5f5;
    float: left;
    margin-right: 20px;
  }

  .list_board dl.photo_list dd {
    float: left;
    width: 400px;
    padding-top: 5px;
  }

  .list_board dl dd .board_con {
    width: calc(100% - 120px);
    display: inline-block;
    clear: both;
    line-height: normal;
    padding-top: 15px;
    color: #555;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .read_con {
    font-family: "Nanum", sans-serif;
    /*padding:0 3.125%;*/
    padding: 0 0.125%;
  }

  .read_con .board_info {
    overflow: hidden;
    border-top: 2px solid #888;
    border-bottom: 1px solid #c4c7ca;
    padding: 10px 10px;
    box-sizing: border-box;
  }

  .read_con .board_info .icon {
    margin-right: 10px;
  }

  .read_con .board_info p {
    float: none;
    color: #777;
    font-size: 14px;
  }

  .read_con .board_info .tit2 {
    float: none;
    color: #454545;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    display: block;
  }

  .read_con {
    font-family: "Nanum", sans-serif;
    /*padding:0 3.125%;*/
    padding: 0 0.125%;
  }

  .read_con .board_reply {
    overflow: hidden;
    border-top: 1px solid #c4c7ca;
    border-bottom: 1px solid #c4c7ca;
    padding: 10px 0px;
    box-sizing: border-box;
  }

  .read_con .board_reply .icon {
    margin-right: 10px;
  }

  .read_con .board_reply p {
    float: none;
    color: #777;
    font-size: 14px;
    line-height: 16px;
  }

  .read_con .board_reply .tit2 {
    float: none;
    color: #454545;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    display: block;
  }

  .read_con .txt {
    margin-top: 30px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    border-bottom: 1px solid #c4c7ca;
  }

  .read_con .txt .event {
    padding-top: 30px;
    border-top: 1px solid #c4c7ca;
  }

  .read_con .txt_list {
    margin-top: 60px;
  }

  .read_con .txt_list dl {
    border-top: 1px solid #c4c7ca;
    height: 60px;
    letter-spacing: -1px;
  }

  .read_con .txt_list dl:first-child {
    border-bottom: 1px solid #e5e5e5;
  }

  .read_con .txt_list dl:last-child {
    border-top: 0;
    border-bottom: 1px solid #c4c7ca;
  }

  .read_con .txt_list dt {
    background: #fcfcfc;
    width: 150px;
    line-height: 60px;
    float: left;
    color: #999;
    font-size: 18px;
    text-align: center;
  }

  .read_con .txt_list dt img {
    vertical-align: middle;
    margin-left: 10px;
  }

  .read_con .txt_list dd {
    float: left;
    line-height: 60px;
    margin-left: 30px;
  }

  .read_con .txt_list dd a {
    color: #999;
    font-size: 18px;
    display: block;
  }

  .btnA {
    text-align: center;
    font-size: 0;
  }

  .bottom_btn {
    text-align: center;
    padding: 10px 0;
    margin: 10px;
    background: #4aacc8;
    display: inline-block;
  }

  .bottom_btn a {
    display: inline-block;
    width: 60px;
    line-height: 1;
    text-align: center;
    font-size: 12px;
    color: #fff;
  }

  .bottom_btn2 {
    text-align: center;
    padding: 15px 15px;
    margin: 10px;
    background: #4aacc8;
    display: inline-block;
  }

  .bottom_btn2 a {
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    text-align: center;
    font-size: 15px;
    color: #fff;
  }

  .bottom_btnw {
    text-align: center;
    padding: 10px 20px;
    margin: 10px;
    background: #4aacc8;
    display: inline-block;
  }

  .bottom_btnw a {
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    text-align: center;
    font-size: 15px;
    color: #fff;
  }

  .bottom_btnw.more {
    width: 120px;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
    text-align: center;
    font-size: 15px;
    color: #fff;
  }

  #menu_board {
    width: calc(100% - 20px);
    text-align: center;
    font-family: "scd-medium";
    margin: 0px auto 0px auto;
  }

  #menu_board .menu_wrap {
    font-size: 0;
    position: relative;
  }

  #menu_board .menu_wrap .btn {
    display: inline-block;
    width: calc((72% - 2px) / 2);
    margin-left: 1px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: #e6e5e5;
  }

  #menu_board .menu_wrap .btn:nth-child(3n-1) {
    display: inline-block;
    width: calc(28% - 1px);
    margin-left: 1px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: #e6e5e5;
  }

  #menu_board .menu_wrap .btn:nth-child(3n-2) {
    margin-left: 0;
  }

  #menu_board .menu_wrap .btn:nth-child(n+3) {
    margin-top: 1px;
  }

  #menu_board .menu_wrap .btn .title {
    font-size: 13px;
    line-height: 13px;
    letter-spacing: -1px;
    color: #666;
    padding: 15px 0;
  }

  #youtube_menu_board {
    width: calc(100% - 20px);
    text-align: center;
    font-family: "nsk-regular";
    margin: 0px auto 0px auto;
  }

  #youtube_menu_board .menu_wrap {
    font-size: 0;
    position: relative;
  }

  #youtube_menu_board .menu_wrap .btn {
    display: inline-block;
    width: calc((72% - 2px) / 3);
    margin-left: 1px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: #e6e5e5;
  }

  #youtube_menu_board .menu_wrap .btn:nth-child(4n-1) {
    display: inline-block;
    width: calc(28% - 1px);
    margin-left: 1px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    background: #e6e5e5;
  }

  #youtube_menu_board .menu_wrap .btn:nth-child(4n-3) {
    margin-left: 0;
  }

  #youtube_menu_board .menu_wrap .btn:nth-child(n+5) {
    margin-top: 1px;
  }

  #youtube_menu_board .menu_wrap .btn .title {
    font-size: 13px;
    line-height: 13px;
    letter-spacing: -1px;
    color: #666;
    padding: 15px 0;
  }
}

@media (max-width: 1500px) and (max-width: 640px) {
  .read_con .board_info {
    padding: 5%;
    padding-left: 2%;
  }
}

@media (max-width: 1500px) {
  div.reserve_con {
    width: 90%;
    margin: 0 auto;
  }

  li.reserve_tit2 {
    font-family: "scd-medium";
    width: 100%;
    height: 28px;
    font-size: 15px;
    color: #454545;
    padding-top: 2px;
    border-bottom: 3px solid #959595;
  }

  #reservetable {
    width: 600px;
  }

  #reservetable tr th {
    border-bottom: 1px solid #e3e3e3;
    background: #fafafa;
    color: #404040;
    text-align: left;
    padding-left: 18px;
  }

  #reservetable tr td {
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
  }

  #reservetable tr td.name input {
    width: 274px;
    height: 62px;
    margin-right: 2px;
    border: 1px solid #2b60b0;
    background: #f7f8fa;
    font: 26px "Nanum", Gulim;
  }

  #calendarday {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  #calendarday ul {
    margin-top: 0px;
  }

  #calendarday ul li {
    float: left;
  }

  #calendarday ul li.calendarday_left {
    width: 42px;
  }

  #calendarday ul li.calendarday_right {
    width: 42px;
  }

  #calendarday ul li.text {
    width: 122px;
    padding-top: 8px;
    text-align: center;
  }

  #calendarday table.calendar_yearmonth_table {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
  }

  #calendarday table.calendar_yearmonth_table thead .table_year {
    /*background:#ea1c5b;*/
    background: #454545;
    border: 0;
  }

  #calendarday table.calendar_yearmonth_table thead th {
    cursor: pointer;
    padding: 0;
    height: 50px;
  }

  #calendarday table.calendar_yearmonth_table thead th img {
    vertical-align: middle;
  }

  #calendarday table.calendar_yearmonth_table thead th.now {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }

  #calendarday table.calendar_yearmonth_table thead th.now span {
    font-weight: 800;
  }

  #reservedaytable {
    position: relative;
    top: 0px;
    clear: both;
  }

  #daytable {
    position: relative;
    width: 100%;
    height: 100%;
    border-top: 0;
  }

  #daytable thead th {
    margin: 0 auto;
    text-align: center;
    padding: 0;
    height: 35px;
    background: #f9f9f9;
    color: #868686;
    font-size: 12px;
    font-weight: bold;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  #daytable thead th.sun {
    color: #df4545;
  }

  #daytable thead th.satur {
    color: #3d82bc;
    border-right: 1px solid #e5e5e5;
  }

  #daytable tbody td {
    padding: 0;
    height: 45px;
    background: #fff;
    color: #000000;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  #daytable tbody td:last-of-type {
    border-right: 1px solid #e5e5e5;
  }

  #daytable tbody td .sat {
    color: #999999;
  }

  #daytable tbody td .sun {
    color: #999999;
  }

  #daytable tbody td.next_month {
    color: #d5d4d4;
  }

  #daytable tbody td.on p {
    height: 100%;
    line-height: 45px;
    background: url("/skin/reservation/calOn_bg.png") center center no-repeat;
    margin: 0;
    color: #fff;
    font-weight: bold;
  }

  #daytable tbody td.onBg {
    background: #eaedf9;
  }

  #daytable tbody td.pick_on {
    background: #fff;
  }

  #daytable tbody td.choice {
    background: #6fd8f6;
  }

  #titmetable {
    position: relative;
    width: 100%;
    height: 100%;
    border-top: 0;
  }

  #titmetable thead th {
    padding: 0;
    height: 50px;
    background: #454545;
    color: #fff;
    font-size: 15px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  #titmetable tbody td {
    padding: 0;
    height: 42px;
    background: #fff;
    color: #000000;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  #titmetable tbody td:last-of-type {
    border-right: 1px solid #e5e5e5;
  }

  #titmetable tbody td.onBg {
    background: #c5c5c5;
  }

  #titmetable tbody td.timetableDivOn {
    background: #c5c5c5;
  }

  .reserve_select_wrap {
    width: calc(100% - 2px);
    height: 45px;
    border: 1px solid #e5e5e5;
    font-family: "scd-regular";
    font-size: 12px;
    border-top: 0;
    color: #000;
    line-height: 45px;
    text-align: left;
    overflow: hidden;
  }

  .reserve_select_wrap .cal_check {
    width: 40px;
    height: 20px;
    background: #eaedf9;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin: 0 10px 0 20px;
    vertical-align: middle;
  }

  .reserve_select_wrap input[type=text] {
    width: 100px;
    height: 28px;
    margin-left: 10px;
    text-align: center;
  }

  #reservetimetable {
    clear: both;
    width: 560px;
    margin-top: 0px;
  }

  #reservetimetable div.timetableDiv {
    display: inline-block;
    width: 110px;
    padding: 10px 30px;
    border: 1px solid #fff;
  }

  #reservetimetable div.timetableDivOn {
    display: inline-block;
    width: 110px;
    padding: 10px 30px;
    border: 1px solid #bd9bf6;
  }

  #reservetimetable div.timetableDiv span.time {
    background: #fff;
    height: 36px;
    font: bold 13px "Nanum", Gulim;
    padding-left: 20px;
  }

  li.mobile_subject {
    width: 95%;
    margin: auto;
  }

  li.mobile_subject div.mobile_subject01 {
    width: 45%;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
  }

  .mobile_subject div.mobile_subject01 select.mobile_part_type {
    width: 100%;
    padding: 10px 0px;
    border: 1px solid #2b60b0;
  }

  .mobile_subject div.mobile_subject01 select.mobile_doctor {
    width: 100%;
    padding: 10px 0px;
    border: 1px solid #2b60b0;
  }

  .board_result table {
    font-family: "Nanum";
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    padding: 50px 0px;
    border-top: 2px solid #4d4d4d;
    border-bottom: 1px dotted #b3b3b3;
  }

  .board_result .t1 {
    font-family: "Nanum";
    font-size: 16px;
    color: #2badbd;
    font-weight: bold;
    line-height: 40px;
  }

  .board_result .t2 {
    font-family: "Nanum";
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
  }

  .board_result .t3 {
    font-family: "Nanum";
    font-size: 12px;
    line-height: 40px;
  }

  #bo_cate h2 {
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }

  #bo_cate ul {
    margin-bottom: 20px;
    padding-left: 2.5%;
    width: 100%;
    zoom: 1;
  }

  #bo_cate ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
  }

  #bo_cate li {
    float: left;
    margin-bottom: -1px;
  }

  #bo_cate a {
    display: block;
    position: relative;
    margin-left: -1px;
    padding: 10px 0;
    width: 80px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    color: #888;
    text-align: center;
    letter-spacing: -0.1em;
    line-height: 1.2em;
    cursor: pointer;
  }

  #bo_cate a:focus,
  #bo_cate a:hover,
  #bo_cate a:active {
    text-decoration: none;
  }

  #bo_cate #bo_cate_on {
    z-index: 2;
    border: 1px solid #565e60;
    background: #fff;
    color: #565e60;
    font-weight: bold;
  }

  #intromap {
    z-index: 1;
  }

  #mapfooter {
    z-index: 1;
  }

  .map__wrap {
    position: relative;
  }

  .map-motion__bg,
  .map-motion__fake {
    display: none;
  }

  .map-box {
    overflow: hidden;
    width: 100%;
    height: 400px;
  }

  #mapfooter {
    height: 100%;
  }

  .map-box {
    position: relative;
    /*padding-bottom:110%;*/
  }

  .map__wrap {
    position: relative;
    margin-top: 0px;
  }

  #mapfooter {
    position: absolute !important;
    width: 100%;
    height: 100%;
    min-height: 400px;
  }

  .map-box .map-motion__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    text-align: center;
    z-index: 5;
    transition: opacity 0.8s;
  }

  .map-box .map-motion__bg.is-active {
    opacity: 1;
  }

  .map-box .map-motion__bg.is-important {
    display: none !important;
  }

  .map-box .map-motion__fake {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    text-align: center;
    z-index: 3;
    opacity: 0.5;
  }

  .map-box .map-motion__fake.is-hide {
    display: none;
  }

  .map-box .map-motion__noti {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    font-size: 1.8rem;
    margin: 0 auto;
    color: #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-weight: 600;
  }

  #intromap {
    z-index: 1;
  }

  .map__wrap_intro {
    position: relative;
  }

  .map-motion__bg_intro,
  .map-motion__fake_intro {
    display: none;
  }

  .map-box_intro {
    overflow: hidden;
    width: 100%;
    height: 400px;
  }

  #intromap {
    height: 100%;
  }

  .map-box_intro {
    position: relative;
  }

  .map__wrap_intro {
    position: relative;
    margin-top: 22px;
  }

  #intromap {
    position: absolute !important;
    width: 100%;
    height: 100%;
    min-height: 400px;
  }

  .map-box_intro .map-motion__bg_intro {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    text-align: center;
    z-index: 5;
    transition: opacity 0.8s;
  }

  .map-box_intro .map-motion__bg_intro.is-active {
    opacity: 1;
  }

  .map-box_intro .map-motion__bg_intro.is-important {
    display: none !important;
  }

  .map-box_intro .map-motion__fake_intro {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    text-align: center;
    z-index: 3;
    opacity: 0.5;
  }

  .map-box_intro .map-motion__fake_intro.is-hide {
    display: none;
  }

  .map-box_intro .map-motion__noti_intro {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    font-size: 1.8rem;
    margin: 0 auto;
    color: #fff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-weight: 600;
  }

  .review_wrap {
    /* padding-top:40px; border-top:2px solid #888;*/
    border-bottom: 1px solid #c4c7ca;
  }

  .review_wrap ul {
    overflow: hidden;
  }

  .review_wrap ul li {
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 0;
    margin: 0 2% 2% 2%;
  }

  .review_wrap ul li.on_mouse {
    background: #f3f8fe;
  }

  .review_wrap ul li a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .review_wrap ul li a .gallery_img {
    text-align: center;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
  }

  .review_wrap ul li a p {
    font-size: 14px;
    color: #373737;
    margin: 0;
    line-height: 1.4;
  }

  .review_wrap ul li .txt {
    padding: 5px;
  }

  .review_wrap ul li a .eyeicon {
    width: 15px;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
  }

  .review_wrap ul li .up_type {
    margin-bottom: 10px;
    font-size: 13px;
    color: #666;
    vertical-align: middle;
  }

  .review_wrap ul li .title {
    text-align: center;
    padding-right: 5px;
    font-size: 14px;
    margin: 5px;
    color: #222;
    width: 96%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .review_wrap ul li .txt span {
    vertical-align: middle;
  }

  .review_wrap ul li .txt i {
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #eaeaea;
    vertical-align: middle;
    margin: 0 7px;
  }

  .dbokwrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 10000;
    background: url("/skin/layer/quickbg.png") repeat 0 0;
  }

  .dbokwrap .okimg {
    display: inline-block;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    margin-top: 80px;
  }

  .dbokwrap .close {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  #contents {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
  }

  #board_container {
    margin-top: 0px;
  }

  #board_container img {
    width: auto;
  }

  #contents>div:nth-child(1) {
    position: relative;
    margin-top: 60px;
  }

  #contents_wrap {
    padding-bottom: 50px;
  }

  #contents_wrap .box_100 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1500px) {
    #contents_wrap .box_100 {
      max-width: 1500px;
    }
  }

  @media (min-width: 1501px) {
    body>header #contents_wrap .box_100>nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    body>header #contents_wrap .box_100>nav>div {
      position: relative;
      display: flex;
      height: 64px;
      align-items: center;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header #contents_wrap .box_100>nav>div .blur-place.active {
      --tw-blur: blur(16px);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      position: absolute;
      left: 50%;
      top: 0;
      right: 0;
      bottom: 0;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header #contents_wrap .box_100>nav>div nav.angles {
      display: flex;
      gap: 0.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
      position: absolute;
      bottom: 1rem;
      left: 50%;
      transform: translateX(-50%);
    }

    body #m-cases div.groups>div.group .swiper-slide body>header #contents_wrap .box_100>nav>div nav.angles>a {
      padding: 8px 16px;
      color: #fff;
      background: #909099;
      cursor: pointer;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header #contents_wrap .box_100>nav>div nav.angles>a.active {
      --tw-bg-opacity: 1;
      background-color: rgb(19 139 177 / var(--tw-bg-opacity));
    }

    body>header #contents_wrap .box_100>nav>div>nav {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      top: 100%;
      visibility: hidden;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.4s;
      opacity: 0;
    }

    body>header #contents_wrap .box_100>nav>div>nav:after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 6px solid #76c8d5;
    }

    body>header #contents_wrap .box_100>nav>div>nav a {
      color: #000;
      font-size: 18px;
      font-weight: 500;
    }

    body>header #contents_wrap .box_100>nav>div:after {
      content: "";
      position: absolute;
      bottom: 0;
      border-bottom: 3px solid #76c8d5;
      width: 0;
      transition: all 0.5s;
    }

    body>header #contents_wrap .box_100>nav>div:hover>nav {
      visibility: visible;
      opacity: 1;
    }

    body>header #contents_wrap .box_100>nav>div:hover:after {
      width: 100%;
    }
  }

  #contents_wrap .box_100 {
    position: relative;
  }

  #contents_wrap .box_100 img {
    vertical-align: top;
  }

  .s_stripe {
    height: 35px;
    background: linear-gradient(135deg, #b0d2d9, #c9c2e3);
  }

  .s_stripe p {
    text-align: center;
    font-family: "Oswald-light";
    font-size: 8px;
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    padding: 12px 0 0 0;
  }

  .s_top_gp_wrap {
    position: relative;
    text-align: center;
  }

  .s_top_gp_wrap .title_wrap {
    position: relative;
    padding: 40px 0;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(1) {
    font-family: "nsk-medium";
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #333;
    padding-bottom: 15px;
    position: relative;
    display: inline-block;
    transform: scaleX(0.95);
    transform-origin: center;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(1):before {
    content: "";
    bottom: 0px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px;
    height: 2px;
    background: #333;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(2) {
    font-family: "nanum";
    font-size: 11px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #555;
    margin-top: 15px;
    transform: scaleX(1);
    transform-origin: center;
    position: relative;
    padding-bottom: 45px;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(2):before {
    content: "";
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 1px;
    height: 25px;
    background: #ccc;
  }

  #subMenu_d3 {
    position: relative;
    text-align: center;
    font-size: 0;
    padding: 20px 0 0px 0;
    background: #fff;
  }

  #subMenu_d3 .subMenu_d3_wrap {
    display: inline-block;
    position: relative;
    padding-bottom: 0px;
  }

  #subMenu_d3 .subMenu_d3_wrap:after {
    /*content:''; bottom:0; left:0; position:absolute; width:100%; height:7px; background:rgba(0,0,0,.05)*/
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2 {
    display: inline-block;
    height: 35px;
    overflow: hidden;
    position: relative;
    background: none;
  }

  #subMenu_d3 .subMenu_d3_wrap .squ {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    top: 0;
    left: 0;
    position: absolute;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2 p {
    display: inline-block;
    font-family: "nsk-medium";
    font-size: 12px;
    line-height: 1;
    color: #333;
    padding: 11px 15px 50px 15px;
    text-align: center;
    letter-spacing: -0.5px;
    position: relative;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2.active p {
    color: #4aacc8;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2.active .line_wrap .line {
    height: 4px;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2 .line_wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2 .line_wrap .line {
    margin: 0 auto;
    height: 0px;
    background: #4aacc8;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2:before {
    content: "";
    top: 10%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(0, 0, 0, 0.1);
  }

  #subMenu_d3 .subMenu_d3_wrap .btn2:last-child:after {
    content: "";
    top: 10%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(0, 0, 0, 0.1);
  }

  .subMenu_d3-tabs {
    display: none;
  }

  .common_btn_more2 {
    display: inline-block;
    border: 1px solid #ccc;
  }

  .common_btn_more2 p {
    font-family: "Oswald-regular";
    font-size: 14px;
    color: #333;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 25px;
  }

  .common_btn_more2 .icon {
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(-180deg) scale(0);
    transition: all ease-out 0.3s;
  }
}

@media (min-width: 1501px) {
  #contents {
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 1288px;
    position: relative;
  }

  #contents .m_wrap_1 {
    position: relative;
    margin-right: 0px;
    /*z-index:3;*/
  }

  #contents .m_wrap_2 {
    position: relative;
    margin-right: 0px;
  }

  #contents_wrap {
    margin-bottom: 120px;
  }

  #board_container {
    width: 1288px;
    margin: 0px auto;
    margin-top: 0px;
    position: relative;
  }

  .box_100 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1500px) {
    .box_100 {
      max-width: 1500px;
    }
  }

  @media (min-width: 1501px) {
    body>header .box_100>nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    body>header .box_100>nav>div {
      position: relative;
      display: flex;
      height: 64px;
      align-items: center;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div .blur-place.active {
      --tw-blur: blur(16px);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      position: absolute;
      left: 50%;
      top: 0;
      right: 0;
      bottom: 0;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div nav.angles {
      display: flex;
      gap: 0.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
      position: absolute;
      bottom: 1rem;
      left: 50%;
      transform: translateX(-50%);
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div nav.angles>a {
      padding: 8px 16px;
      color: #fff;
      background: #909099;
      cursor: pointer;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_100>nav>div nav.angles>a.active {
      --tw-bg-opacity: 1;
      background-color: rgb(19 139 177 / var(--tw-bg-opacity));
    }

    body>header .box_100>nav>div>nav {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      top: 100%;
      visibility: hidden;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.4s;
      opacity: 0;
    }

    body>header .box_100>nav>div>nav:after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 6px solid #76c8d5;
    }

    body>header .box_100>nav>div>nav a {
      color: #000;
      font-size: 18px;
      font-weight: 500;
    }

    body>header .box_100>nav>div:after {
      content: "";
      position: absolute;
      bottom: 0;
      border-bottom: 3px solid #76c8d5;
      width: 0;
      transition: all 0.5s;
    }

    body>header .box_100>nav>div:hover>nav {
      visibility: visible;
      opacity: 1;
    }

    body>header .box_100>nav>div:hover:after {
      width: 100%;
    }
  }

  .box_100 {
    position: relative;
    text-align: center;
  }

  .box_1604 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1500px) {
    .box_1604 {
      max-width: 1500px;
    }
  }

  @media (min-width: 1501px) {
    body>header .box_1604>nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    body>header .box_1604>nav>div {
      position: relative;
      display: flex;
      height: 64px;
      align-items: center;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_1604>nav>div .blur-place.active {
      --tw-blur: blur(16px);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
      position: absolute;
      left: 50%;
      top: 0;
      right: 0;
      bottom: 0;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_1604>nav>div nav.angles {
      display: flex;
      gap: 0.5rem;
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
      position: absolute;
      bottom: 1rem;
      left: 50%;
      transform: translateX(-50%);
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_1604>nav>div nav.angles>a {
      padding: 8px 16px;
      color: #fff;
      background: #909099;
      cursor: pointer;
    }

    body #m-cases div.groups>div.group .swiper-slide body>header .box_1604>nav>div nav.angles>a.active {
      --tw-bg-opacity: 1;
      background-color: rgb(19 139 177 / var(--tw-bg-opacity));
    }

    body>header .box_1604>nav>div>nav {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1.5rem;
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      top: 100%;
      visibility: hidden;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.4s;
      opacity: 0;
    }

    body>header .box_1604>nav>div>nav:after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0px;
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 6px solid #76c8d5;
    }

    body>header .box_1604>nav>div>nav a {
      color: #000;
      font-size: 18px;
      font-weight: 500;
    }

    body>header .box_1604>nav>div:after {
      content: "";
      position: absolute;
      bottom: 0;
      border-bottom: 3px solid #76c8d5;
      width: 0;
      transition: all 0.5s;
    }

    body>header .box_1604>nav>div:hover>nav {
      visibility: visible;
      opacity: 1;
    }

    body>header .box_1604>nav>div:hover:after {
      width: 100%;
    }
  }

  .box_1604 {
    position: relative;
    text-align: center;
  }

  #album_container {
    width: 1288px;
    margin: 0px auto;
    margin-top: 80px;
    position: relative;
  }

  .box_album {
    width: 1288px;
    margin: 0px auto;
    margin-top: 40px;
    position: relative;
  }

  .box_album2 {
    width: 1288px;
    margin: 0px auto;
    margin-top: 0px;
    position: relative;
  }

  .s_stripe {
    height: 70px;
    background: linear-gradient(135deg, #b0d2d9, #c9c2e3);
  }

  .s_stripe p {
    text-align: center;
    font-family: "Oswald-light";
    font-size: 12px;
    line-height: 1;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #fff;
    padding: 29px 0 0 0;
  }

  .s_top_gp_wrap {
    position: relative;
  }

  .s_top_gp_wrap .title_wrap {
    position: relative;
    padding: 80px 0;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(1) {
    font-family: "nsk-medium";
    font-size: 50px;
    line-height: 1;
    letter-spacing: -1px;
    color: #333;
    padding-bottom: 30px;
    position: relative;
    display: inline-block;
    transform: scaleX(0.95);
    transform-origin: center;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(1):before {
    content: "";
    bottom: 0px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
    height: 4px;
    background: #333;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(2) {
    font-family: "nanum";
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #555;
    margin-top: 30px;
    transform: scaleX(0.95);
    transform-origin: center;
    position: relative;
    padding-bottom: 90px;
  }

  .s_top_gp_wrap .title_wrap>p:nth-child(2):before {
    content: "";
    bottom: 0;
    left: 50%;
    position: absolute;
    width: 1px;
    height: 50px;
    background: #ccc;
  }

  .mc_title_wrap {
    position: relative;
    line-height: 1;
    text-align: left;
  }

  .mc_title_wrap .wrap:nth-child(1) {
    position: relative;
  }

  .mc_title_wrap .wrap:nth-child(1) p:nth-child(1) {
    font-family: "scd-medium";
    font-size: 36px;
    letter-spacing: 3px;
    color: #333;
    text-transform: uppercase;
  }

  .mc_title_wrap .wrap:nth-child(1) p:nth-child(2) {
    font-family: "nsk-regular";
    font-size: 11px;
    letter-spacing: 1px;
    color: #333;
    text-transform: uppercase;
    margin-top: 15px;
  }

  /* Dots */
  .slick-dotted.slick-slider {
    margin-bottom: 0px !important;
  }

  #subMenu_d3 {
    position: relative;
    text-align: center;
    font-size: 0;
    padding: 110px 0 0px 0;
    background: #fff;
  }

  #subMenu_d3 .subMenu_d3_wrap {
    display: inline-block;
    position: relative;
    padding-bottom: 0px;
  }

  #subMenu_d3 .subMenu_d3_wrap:after {
    /*content:''; bottom:0; left:0; position:absolute; width:100%; height:13px; background:rgba(0,0,0,.05)*/
  }

  #subMenu_d3 .subMenu_d3_wrap .btn {
    display: inline-block;
    overflow: hidden;
    position: relative;
    background: none;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn p {
    display: inline-block;
    font-family: "nsk-medium";
    font-size: 20px;
    color: #333;
    padding: 0.2em 4rem;
    line-height: 1;
    text-align: center;
    letter-spacing: -1px;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn .line_wrap {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn .line_wrap .line {
    margin: 0 auto;
    height: 0px;
    background: #4aacc8;
  }

  #subMenu_d3 .subMenu_d3_wrap .btn:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
  }

  #subMenu_d3 .subMenu_d3_wrap .btn:last-child:after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
  }

  .common_btn_more2 {
    display: inline-block;
    border: 1px solid #ccc;
  }

  .common_btn_more2 p {
    font-family: "Oswald-regular";
    font-size: 14px;
    color: #333;
    line-height: 1;
    letter-spacing: 1px;
    padding: 10px 25px;
  }

  .common_btn_more2 .icon {
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(-180deg) scale(0);
    transition: all ease-out 0.3s;
  }

  .common_btn_more2 .icon.on {
    transform: rotate(0deg) scale(1);
  }

  .common_btn_more2 .icon:before {
    content: "";
    top: calc(50% - 1px);
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
  }

  .common_btn_more2 .icon:after {
    content: "";
    top: 0;
    left: calc(50% - 1px);
    position: absolute;
    width: 2px;
    height: 100%;
    background: #000;
  }

  #module_contents2 {
    position: relative;
    text-align: left;
    font-size: 0;
    margin-bottom: 50px;
  }

  #module_contents2 .thumb {
    display: inline-block;
    width: 305px;
    /*height:270px;*/
    position: relative;
    background: #fff;
    cursor: pointer;
    margin-left: 20px;
    vertical-align: text-top;
  }

  #module_contents2 .thumb:nth-child(4n-3) {
    margin-left: 0;
  }

  #module_contents2 .thumb:nth-child(n+5) {
    margin-top: 30px;
  }

  /*#module_contents2 .thumb .photo_wrap { width:100%; height:200px; overflow:hidden; position:relative; background:#fff; border:2px solid #ddd; border-radius:5px; box-sizing:border-box }*/
  #module_contents2 .thumb .photo_wrap {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    background: #fff;
    border: 0;
    box-sizing: border-box;
  }

  #module_contents2 .thumb .photo_wrap .photo {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    /*opacity:0*/
  }

  #module_contents2 .thumb .photo_wrap .photo>img {
    top: 0;
    left: 0;
    position: absolute;
  }

  #module_contents2 .thumb .subject {
    font-family: "nanum";
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #333;
    text-align: center;
    margin-top: 12px;
  }

  /* login */
  #module_contents2 .thumb .photo_wrap .lock_wrap {
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(25, 25, 25, 0.95);
    cursor: pointer;
    z-index: 10;
  }

  #module_contents2 .thumb .photo_wrap .lock_wrap_h {
    /*width:50%; height:100%*/
  }

  /* 가로정렬 */
  #module_contents2 .thumb .photo_wrap .lock_wrap_v {
    /*width:100%; height:50%*/
  }

  /* 세로정렬 */
  #module_contents2 .thumb .photo_wrap .lock_wrap_h .gp {
    width: 100%;
    height: 100%;
    background: url(/images/skin/thumb_login_H.png) center center no-repeat;
    image-rendering: pixelated;
  }

  #module_contents2 .thumb .photo_wrap .lock_wrap_v .gp {
    width: 100%;
    height: 100%;
    background: url(/images/skin/thumb_login_V.png) center center no-repeat;
    image-rendering: pixelated;
  }

  #right-quick {
    right: 25px;
    z-index: 9000;
    bottom: 10px;
  }

  #right-quick .quick-menu a {
    color: #fff;
    transition: 0.4s ease;
    cursor: pointer;
  }

  #right-quick .quick-menu:hover a {
    color: #f8dbcd;
  }

  #right-quick .quick-first {
    margin-bottom: 12px;
    text-align: right;
    position: relative;
  }

  #right-quick .circle-background {
    height: 65px;
    width: 65px;
    background-color: #242323;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -14px;
    cursor: pointer;
  }

  #right-quick .circle-background button {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 14.52px;
    font-weight: bolder;
    transform: translate(-50%, -50%);
    color: #fff;
    line-height: 1.3em;
    z-index: 22;
    width: 100%;
    background: transparent;
    border: 0;
  }

  .popup-consulting-wrap {
    transition: all 0.4s ease;
    opacity: 0;
    font-size: 14.07px;
    font-weight: bolder;
    background-color: #fff;
    padding: 45px 18px 39px;
    position: fixed;
    bottom: 25%;
    right: 20px;
    text-align: left;
    z-index: 2048;
    width: 280px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  .popup-consulting-wrap.open-wrap {
    opacity: 1;
  }

  #quick-agree {
    top: 2px;
    position: relative;
  }

  #right-quick .input-wrap input {
    width: 100%;
    padding-left: 20px;
    border: 1px solid #b8b8b8;
    height: 35px;
    line-height: 35px;
    padding: 5px;
  }

  #right-quick .phone-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
  }

  #right-quick .phone-wrap select,
  #right-quick .phone-wrap input {
    flex: 0 0 30%;
    max-width: 30%;
    border: 1px solid #b8b8b8;
    height: 35px;
    line-height: 35px;
    padding: 5px;
  }

  #right-quick .phone-wrap select {
    padding-left: 0;
    text-align: center;
  }

  #right-quick .form-group {
    margin-bottom: 8px;
  }

  #right-quick .text-wrap textarea {
    width: 100%;
    border: 1px solid #b8b8b8;
    padding: 5px;
    height: 65px;
  }

  .do-wrap-close-wrap {
    position: absolute;
    right: 18px;
    top: 15px;
  }

  .popup-consulting-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
  }

  .popup-consulting-wrap.open-wrap {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    pointer-events: auto;
  }
}

#board_container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

@media (min-width: 1500px) {
  #board_container {
    max-width: 1500px;
  }
}

@media (min-width: 1501px) {
  body>header #board_container>nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  body>header #board_container>nav>div {
    position: relative;
    display: flex;
    height: 64px;
    align-items: center;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header #board_container>nav>div .blur-place.active {
    --tw-blur: blur(16px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header #board_container>nav>div nav.angles {
    display: flex;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  body #m-cases div.groups>div.group .swiper-slide body>header #board_container>nav>div nav.angles>a {
    padding: 8px 16px;
    color: #fff;
    background: #909099;
    cursor: pointer;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header #board_container>nav>div nav.angles>a.active {
    --tw-bg-opacity: 1;
    background-color: rgb(19 139 177 / var(--tw-bg-opacity));
  }

  body>header #board_container>nav>div>nav {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    top: 100%;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s;
    opacity: 0;
  }

  body>header #board_container>nav>div>nav:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #76c8d5;
  }

  body>header #board_container>nav>div>nav a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
  }

  body>header #board_container>nav>div:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid #76c8d5;
    width: 0;
    transition: all 0.5s;
  }

  body>header #board_container>nav>div:hover>nav {
    visibility: visible;
    opacity: 1;
  }

  body>header #board_container>nav>div:hover:after {
    width: 100%;
  }
}

@media (max-width: 1500px) {
  body>header {
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08);
  }
}

@media (max-width: 1500px) and (max-width: 1500px) {
  body>header a.logo>img {
    width: clamp(128px, 70%, 100%);
  }
}

@media (max-width: 1500px) {
  body>header a.burger {
    position: relative;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    gap: 0.5rem;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger .blur-place.active {
    --tw-blur: blur(16px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger nav.angles {
    display: flex;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger nav.angles>a {
    padding: 8px 16px;
    color: #fff;
    background: #909099;
    cursor: pointer;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger nav.angles>a.active {
    --tw-bg-opacity: 1;
    background-color: rgb(19 139 177 / var(--tw-bg-opacity));
  }

  body>header a.burger {
    width: 20px;
    height: 20px;
  }

  body>header a.burger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 0;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: 0.25s ease-in-out;
  }

  body>header a.burger span:nth-child(1) {
    top: 1px;
    margin-top: 0;
  }

  body>header a.burger span:nth-child(2),
  body>header a.burger span:nth-child(3) {
    top: 6px;
  }

  body>header a.burger span:nth-child(4) {
    top: 12px;
  }

  body>header a.burger.open span:nth-child(1),
  body>header a.burger.open span:nth-child(4) {
    top: 6px;
    width: 0;
    left: 50%;
  }

  body>header a.burger.open span:nth-child(2) {
    transform: rotate(45deg);
  }

  body>header a.burger.open span:nth-child(3) {
    transform: rotate(-45deg);
  }

  body>header a.m-burger {
    position: relative;
    top: 0;
    display: inline-block;
    width: 25px;
    height: 15px;
    margin-right: 0;
    transition: none;
    will-change: transform;
    cursor: pointer;
    z-index: 999999;
  }
}

@media (max-width: 1500px) and (min-width: 1501px) {
  body>header a.m-burger {
    display: none;
  }
}

@media (max-width: 1500px) {
  body>header a.m-burger b {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #111;
    transition: background 1.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
  }

  body>header a.m-burger b:nth-child(1) {
    top: 0;
  }

  body>header a.m-burger b:nth-child(2) {
    top: calc(50% - 0.5px);
  }

  body>header a.m-burger b:nth-child(3) {
    top: 100%;
  }

  body>header>nav {
    display: flex;
    align-items: center;
  }

  @media (max-width: 1500px) {
    body>header>nav {
      justify-content: space-between;
    }
  }

  @media (min-width: 1500px) {
    body>header>nav {
      justify-content: space-around;
    }
  }
}

@media (max-width: 1500px) and (max-width: 1500px) {
  body>header>nav {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 1500px) {
  body>header>nav>nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
  }
}

@media (max-width: 1500px) and (max-width: 1500px) {
  body>header>nav>nav {
    display: none;
  }
}

@media (max-width: 1500px) {
  body>header>nav>nav>div {
    display: flex;
    align-items: center;
    height: 69px;
  }

  body>header>nav>nav>div>div {
    position: absolute;
    display: flex;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  article.surgery section div.responsive-cols>divbody.content>header>nav>nav>div>div em {
    --tw-text-opacity: 1;
    color: rgb(219 219 219 / var(--tw-text-opacity));
  }

  article.surgery section div.responsive-cols>divbody.content>header>nav>nav>div>div em.decoration-underline {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity));
  }

  body>header>nav>nav>div>div {
    top: 69px;
    left: 0;
    right: 0;
    height: 0;
    visibility: hidden;
  }

  body>header>nav>nav>div>div>.inner {
    display: flex;
    gap: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 965px;
  }

  body>header>nav>nav>div>div>.inner>div p {
    margin-bottom: 20px;
    font-size: 12px;
    color: #6e6e73;
  }

  body>header>nav>nav>div>div>.inner>div>nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  body>header>nav>nav>div>div>.inner>div>nav a {
    color: #000;
    font-size: 24px;
    font-weight: 500;
  }

  body>header>nav>nav>div:hover>div {
    visibility: visible;
    height: auto;
    overflow: hidden;
  }

  body>header #menus {
    display: flex;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  article.surgery section div.responsive-cols>divbody.content>header #menus em {
    --tw-text-opacity: 1;
    color: rgb(219 219 219 / var(--tw-text-opacity));
  }

  article.surgery section div.responsive-cols>divbody.content>header #menus em.decoration-underline {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity));
  }

  body>header #menus {
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.08);
    visibility: hidden;
    height: 0;
  }

  body>header #menus.visible {
    height: auto;
    visibility: visible;
    position: absolute;
    top: calc(100% - 8px);
    left: 0;
    right: 0;
  }

  body>header #menus>nav {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: clamp(50vw, 1700px, 80vw);
  }

  body>header #menus>nav>div {
    margin-bottom: 2rem;
  }

  body>header #menus>nav>div p {
    font-size: 18px;
    color: #000;
  }

  body>header #menus>nav>div>nav {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}

@media (min-width: 1501px) {
  body>header a.burger {
    position: relative;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    gap: 0.5rem;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger .blur-place.active {
    --tw-blur: blur(16px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger nav.angles {
    display: flex;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger nav.angles>a {
    padding: 8px 16px;
    color: #fff;
    background: #909099;
    cursor: pointer;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header a.burger nav.angles>a.active {
    --tw-bg-opacity: 1;
    background-color: rgb(19 139 177 / var(--tw-bg-opacity));
  }

  body>header a.burger {
    width: 20px;
    height: 20px;
  }

  body>header a.burger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 0;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: 0.25s ease-in-out;
  }

  body>header a.burger span:nth-child(1) {
    top: 1px;
    margin-top: 0;
  }

  body>header a.burger span:nth-child(2),
  body>header a.burger span:nth-child(3) {
    top: 6px;
  }

  body>header a.burger span:nth-child(4) {
    top: 12px;
  }

  body>header a.burger.open span:nth-child(1),
  body>header a.burger.open span:nth-child(4) {
    top: 6px;
    width: 0;
    left: 50%;
  }

  body>header a.burger.open span:nth-child(2) {
    transform: rotate(45deg);
  }

  body>header a.burger.open span:nth-child(3) {
    transform: rotate(-45deg);
  }

  body>header .container>nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  body>header .container>nav>div {
    position: relative;
    display: flex;
    height: 64px;
    align-items: center;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .container>nav>div .blur-place.active {
    --tw-blur: blur(16px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    position: absolute;
    left: 50%;
    top: 0;
    right: 0;
    bottom: 0;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .container>nav>div nav.angles {
    display: flex;
    gap: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .container>nav>div nav.angles>a {
    padding: 8px 16px;
    color: #fff;
    background: #909099;
    cursor: pointer;
  }

  body #m-cases div.groups>div.group .swiper-slide body>header .container>nav>div nav.angles>a.active {
    --tw-bg-opacity: 1;
    background-color: rgb(19 139 177 / var(--tw-bg-opacity));
  }

  body>header .container>nav>div>nav {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    top: 100%;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s;
    opacity: 0;
  }

  body>header .container>nav>div>nav:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #76c8d5;
  }

  body>header .container>nav>div>nav a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
  }

  body>header .container>nav>div:after {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid #76c8d5;
    width: 0;
    transition: all 0.5s;
  }

  body>header .container>nav>div:hover>nav {
    visibility: visible;
    opacity: 1;
  }

  body>header .container>nav>div:hover:after {
    width: 100%;
  }

  body>header #menus-desktop {
    height: 0;
    border-top: 2px solid #76c8d5;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }

  body>header #menus-desktop.visible {
    transition: all 0.4s;
    top: 100%;
    height: auto;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    position: absolute;
    left: 0;
    right: 0;
  }
}

body #index-banner {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

body #index-banner .slick-dots {
  position: absolute;
  bottom: 10%;
  left: 10%;
  display: flex;
  align-items: center;
  gap: 0px;
}

body #index-banner .slick-dots>li {
  width: auto;
  height: auto;
}

body #index-banner .slick-dots>li button {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner .slick-dots>li button .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner .slick-dots>li button nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner .slick-dots>li button nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide body #index-banner .slick-dots>li button nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

body #index-banner .slick-dots>li button {
  border-radius: 100%;
  border: 1px solid #fff;
  width: 12px;
  height: 12px;
}

body #index-banner .slick-dots>li button:before {
  font-size: 0px;
  border-radius: 100%;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

body #index-banner .slick-dots>li.slick-active button {
  width: 18px;
  height: 18px;
}

body #index-banner .slick-dots>li.slick-active button:before {
  background-color: #fff !important;
  width: 12px;
  height: 12px;
  opacity: 1;
}

body #index-banner .index-swiper {
  width: 100%;
}

body #index-banner .index-swiper .swiper-slide {
  transition: filter 0.3s ease;
  filter: brightness(0.5);
  position: relative;
  border-radius: 2rem;
  transition: 0.3s;
  will-change: transform;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  max-width: 460px !important;
  flex-shrink: 0;
}

body #index-banner .index-swiper .swiper-slide .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transform: translateZ(0);
  will-change: transform;
}

body #index-banner .index-swiper .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent);
  z-index: 2;
  border-radius: 0 0 2rem 2rem;
  left: 0;
  bottom: 0;
  will-change: transform;
  transform: translateZ(0);
}

body #index-banner .index-swiper .swiper-slide-active {
  box-shadow: 2rem 2rem 4rem rgba(0, 0, 0, 0.1);
}

body #index-banner .index-swiper .swiper-slide-active,
body #index-banner .index-swiper .swiper-slide-prev,
body #index-banner .index-swiper .swiper-slide-next {
  filter: brightness(1);
}

body #index-banner .index-swiper .swiper-slide .txt-wrap {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}

body #index-banner .index-swiper .swiper-slide-active .txt-wrap,
body #index-banner .index-swiper .swiper-slide-prev .txt-wrap,
body #index-banner .index-swiper .swiper-slide-next .txt-wrap {
  visibility: visible;
  opacity: 1;
}

body #index-banner .view-btn {
  position: absolute;
  right: 6rem;
  bottom: 0;
  transform: translate(50%, 50%) scale(0);
  opacity: 0;
  width: 4rem;
  height: 4rem;
  transition: opacity 0.3s ease, transform 0.3s ease;
  background: #000;
  border-radius: 50%;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.2);
  border: 0;
  outline: 0;
  color: #fff;
  transform-origin: center center;
  cursor: pointer;
}

body #index-banner .index-swiper .swiper-slide-active .view-btn {
  opacity: 1;
  transform: translate(50%, 50%) scale(1);
}

body #index-banner .swiper-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

body #index-banner .pagination {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1rem;
  font-family: "Outfit", sans-serif;
}

body #index-banner .pagination span {
  font-size: 1.4rem;
  font-weight: 800;
}

body #index-banner .progress-bar {
  height: 3px;
  background: #e3e3e3;
}

body #index-banner .progress-bar .progress {
  height: 100%;
  width: 0;
  background: #000;
  transition: width 0.5s ease;
}

body #index-banner .index-slide .txt-wrap {
  width: 100%;
  height: 100%;
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

body #index-banner .index-slide .ab-cate {
  max-width: 2.6rem;
}

@media (max-width: 1280px) {
  body #index-banner .index-swiper .swiper-slide {
    max-width: 506px !important;
  }
}

@media (max-width: 768px) {

  body #index-banner .index-swiper .swiper-slide-prev,
  body #index-banner .index-swiper .swiper-slide-next {
    filter: brightness(0.5);
  }

  body #index-banner .index-swiper .swiper-slide {
    max-width: 603px !important;
  }
}

@media (max-width: 576px) {
  body #index-banner .index-swiper .swiper-slide {
    max-width: 443px !important;
  }
}

@media (max-width: 1500px) {
  body .index-section-container {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1501px) {
  body .index-section-container {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

body .index-section-container.intersection-observer:has(:not(.visible)) h1 {
  transition: all 1s ease-out;
  opacity: 0;
  transform: translateY(100%);
}

body .index-section-container.intersection-observer.visible h1 {
  opacity: 1;
  transform: translateY(0%);
}

body #index-shorts .swiper-slide {
  overflow: hidden;
  transition: all 0.2s;
  position: relative;
}

body #index-shorts .swiper-slide img {
  transition: all 0.4s;
}

body #index-shorts .swiper-slide:hover img {
  transform: scale(1.2);
}

body #index-shorts .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0px solid #138bb1;
  transition: all 0.3s;
  z-index: 2;
}

body #index-shorts .swiper-slide a:hover {
  border-width: 4px;
}

body #index-selfie .item {
  overflow: hidden;
  padding-bottom: 120%;
}

body #index-selfie .item .image {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(1);
  filter: grayscale(0);
  transition: all ease-out 0.3s;
}

body #index-selfie .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: #000;
  transition: all ease-out 0.3s;
}

body #index-selfie .item .more {
  transform: scale(2);
  opacity: 0;
  transition: all ease-out 0.3s;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  position: absolute;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  border: 0px solid rgba(255, 255, 255, 0.2);
}

body #index-selfie .item .more::before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 6px;
  height: 34px;
  background: rgb(255, 255, 0);
}

body #index-selfie .item .more::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 34px;
  height: 6px;
  background: rgb(255, 255, 0);
}

body #index-selfie .item:hover .image {
  transform: scale(1.1);
  filter: grayscale(0);
}

body #index-selfie .item:hover .bg {
  opacity: 0.5;
  z-index: 1;
}

body #index-selfie .item:hover .more {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

@media (max-width: 980px) {
  body>footer #loc .guide {
    width: calc(100% - 50px);
    margin: 0 auto;
    padding: 30px 0 40px 0;
  }
}

body>footer #loc .guide .wrap {
  display: flex;
}

body>footer #loc .guide .wrap p {
  margin: 0;
}

body>footer #loc .guide .wrap .arrow {
  border: solid #666;
  border-width: 0 1px 1px 0;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  margin-top: 5px;
}

body>footer #loc .guide .wrap .right {
  transform: rotate(-45deg);
}

@media (max-width: 1500px) {
  body>footer #loc .guide .wrap .title_wrap {
    width: 87px;
  }

  body>footer #loc .guide .wrap .title_wrap>p:nth-child(1) {
    font-family: "nsk-medium";
    font-size: 13px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #333;
  }

  body>footer #loc .guide .wrap .title_wrap>p:nth-child(2) {
    font-family: "Oswald-light";
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 5px;
  }

  body>footer #loc .guide .wrap .info_wrap {
    width: calc(100% - 87px);
    padding-left: 17px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    border-left: 1px solid #eee;
  }

  body>footer #loc .guide .wrap:nth-child(1) {
    display: none;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt>p {
    font-family: "nsk-regular";
    font-size: 13px;
    line-height: 1;
    color: #333;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt .day {
    background: none;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt .time {
    padding-left: 10px;
    letter-spacing: -0.5px;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt:nth-child(n+2) {
    margin-top: 10px;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt:last-child>p {
    font-family: "nanum";
    font-size: 15px;
    color: #666;
  }

  body>footer #loc .guide .wrap:nth-child(3) .info_wrap>p:first-child {
    font-family: "nsk-regular";
    font-size: 13px;
    line-height: 1.4;
    color: #333;
  }

  body>footer #loc .guide .wrap:nth-child(3) .info_wrap>p:nth-child(2) {
    font-family: "nsk-regular";
    font-size: 11px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #333;
    margin-top: 5px;
  }
}

@media (min-width: 1501px) {
  body>footer #loc .guide .wrap .title_wrap {
    width: 180px;
  }

  body>footer #loc .guide .wrap .title_wrap>p:nth-child(1) {
    font-family: "nsk-regular";
    font-size: 24px;
    line-height: 1;
    letter-spacing: -1px;
    color: #333;
  }

  body>footer #loc .guide .wrap .title_wrap>p:nth-child(2) {
    font-family: "Oswald-light";
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
  }

  body>footer #loc .guide .wrap .info_wrap {
    width: calc(100% - 180px);
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    padding-left: 30px;
  }

  body>footer #loc .guide .wrap:nth-child(1) .info_wrap>p:nth-child(1) {
    font-family: "Oswald-bold";
    font-size: 62px;
    line-height: 1;
    letter-spacing: -1px;
    color: #333;
    margin-top: -10px;
  }

  body>footer #loc .guide .wrap:nth-child(1) .info_wrap>p:nth-child(2) {
    font-family: "nanum";
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #666;
    margin-top: 15px;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt>p {
    font-family: "nsk-regular";
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #333;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt .day {
    width: 95px;
    background: none;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt .time {
    padding-left: 15px;
    letter-spacing: -0.5px;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt:nth-child(n+2) {
    margin-top: 15px;
  }

  body>footer #loc .guide .wrap:nth-child(2) .info_wrap .txt:last-child>p {
    font-family: "nanum";
    font-size: 15px;
    color: #666;
  }

  body>footer #loc .guide .wrap:nth-child(3) .info_wrap>p:first-child {
    font-family: "nsk-regular";
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.5px;
    color: #333;
    margin-top: -5px;
  }

  body>footer #loc .guide .wrap:nth-child(3) .info_wrap>p:last-child {
    font-family: "nanum";
    font-size: 15px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #666;
    margin-top: 15px;
  }
}

body>footer #info {
  position: relative;
  letter-spacing: -0.5px;
  text-align: left;
  background: #f1f1f1;
  color: #222;
}

body>footer #info p {
  margin: 0;
}

@media (max-width: 1500px) {
  body>footer #info {
    padding: 0px 0 120px 0;
  }

  body>footer #info .copyright_wrap p {
    line-height: 1.5;
    width: 100%;
    margin: auto;
    font-family: "nsk-regular";
    font-size: 11px;
    color: #222;
    letter-spacing: -0.5px;
    text-transform: uppercase;
  }

  body>footer #info .copyright_wrap p:nth-child(2) {
    font-size: 10px;
    padding: 0;
    margin-top: 10px;
    line-height: 1.3;
    letter-spacing: 0;
  }

  body>footer #info .etc_wrap {
    margin-top: 30px;
  }

  body>footer #info .etc_wrap a {
    display: block;
  }

  body>footer #info .etc_wrap .sns_wrap {
    position: relative;
    padding: 20px 0 20px 0;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #444;
  }

  body>footer #info .etc_wrap .sns_wrap .linkBtn {
    position: relative;
    padding: 0px 5px;
    overflow: hidden;
  }

  body>footer #info .etc_wrap .sns_wrap .linkBtn .gp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    transform: scale(0.7);
    transform-origin: center;
    /*filter:invert(.8)*/
  }

  body>footer #info .etc_wrap .sns_wrap .linkBtn:before {
    content: "";
    top: 25%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 50%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .etc_wrap .sns_wrap .linkBtn:last-child:after {
    content: "";
    top: 25%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 50%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .etc_wrap .linkBtn {
    display: inline-block;
    position: relative;
  }

  body>footer #info .etc_wrap .linkBtn:before {
    content: "";
    top: 0%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .etc_wrap .linkBtn:last-child:after {
    content: "";
    top: 0%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .etc_wrap .linkBtn p {
    font-family: "nsk-medium";
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #222;
    padding: 2px 12px;
    text-align: center;
  }
}

@media (min-width: 1501px) {
  body>footer #info {
    padding: 120px 0 160px 0;
  }

  body>footer #info .copyright_wrap>p:nth-child(1) {
    font-family: "nsk-regular";
    font-size: 16px;
    line-height: 2;
    letter-spacing: -0.5px;
    color: #222;
    transform: scaleX(0.95);
    transform-origin: left;
  }

  body>footer #info .copyright_wrap>p:nth-child(2) {
    font-family: "nsk-regular";
    font-size: 11px;
    line-height: 1;
    color: #aaa;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 0px;
  }

  body>footer #info .sns_wrap {
    position: relative;
  }

  body>footer #info .sns_wrap .linkBtn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    padding: 0px 20px;
  }

  body>footer #info .sns_wrap .linkBtn:before {
    content: "";
    top: 10%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .sns_wrap .linkBtn:last-child:after {
    content: "";
    top: 10%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .sns_wrap .linkBtn a {
    display: block;
  }

  body>footer #info .sns_wrap .linkBtn .gp {
    width: 50px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    opacity: 0.5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body>footer #info .btn1_wrap {
    position: relative;
    margin-top: 40px;
    display: inline-block;
    vertical-align: top;
  }

  body>footer #info .btn1_wrap .btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
  }

  body>footer #info .btn1_wrap .btn>p {
    padding: 5px 15px;
    font-family: "nsk-regular";
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.5px;
    color: #ccc;
    transform: scaleX(0.95);
  }

  body>footer #info .btn1_wrap .btn:before {
    content: "";
    top: 10%;
    left: 0;
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(0, 0, 0, 0.1);
  }

  body>footer #info .btn1_wrap .btn:last-child:after {
    content: "";
    top: 10%;
    right: 0;
    position: absolute;
    width: 1px;
    height: 80%;
    background: rgba(0, 0, 0, 0.1);
  }
}

body #index-community nav.categories a {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

article.surgery section div.responsive-cols>divbody.content #index-community nav.categories a em {
  --tw-text-opacity: 1;
  color: rgb(219 219 219 / var(--tw-text-opacity));
}

article.surgery section div.responsive-cols>divbody.content #index-community nav.categories a em.decoration-underline {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity));
}

body #index-community nav.categories a {
  border: 1px solid #000;
}

body #index-community nav.categories a.active {
  background: #000;
  color: #fff;
}

body #index-community div.groups>div.group {
  display: none;
}

body #index-community div.groups>div.group.active {
  display: block;
}

body #index-videos nav.categories a {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

article.surgery section div.responsive-cols>divbody.content #index-videos nav.categories a em {
  --tw-text-opacity: 1;
  color: rgb(219 219 219 / var(--tw-text-opacity));
}

article.surgery section div.responsive-cols>divbody.content #index-videos nav.categories a em.decoration-underline {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity));
}

body #index-videos nav.categories a {
  border: 1px solid #000;
}

body #index-videos nav.categories a.active {
  background: #000;
  color: #fff;
}

body #index-videos div.groups>div.group {
  display: none;
}

body #index-videos div.groups>div.group.active {
  display: block;
}

body #m-cases nav.categories a {
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  border: 1px solid #000;
}

body #m-cases nav.categories a.active {
  background: #000;
  color: #fff;
}

body #m-cases div.groups>div.group {
  display: none;
}

body #m-cases div.groups>div.group.active {
  display: block;
}

body #m-cases div.groups>div.group .swiper-slide img.image {
  display: none;
}

body #m-cases div.groups>div.group .swiper-slide img.image.active {
  display: block;
}

body #m-cases div.groups>div.group .thumb {
  opacity: 0.2;
  transition: opacity 0.5s ease;
}

body #m-cases div.groups>div.group .thumb.active {
  opacity: 1;
}

body #m-cases div.groups>div.group .swiper-slide {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide .relative .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide .relative nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide .relative nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide .relative nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

aside#mobile-nav {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8192;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
}

aside#mobile-nav .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

aside#mobile-nav>section {
  position: absolute;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

article.surgery section div.responsive-cols>divaside.content#mobile-nav>section em {
  --tw-text-opacity: 1;
  color: rgb(219 219 219 / var(--tw-text-opacity));
}

article.surgery section div.responsive-cols>divaside.content#mobile-nav>section em.decoration-underline {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity));
}

aside#mobile-nav>section {
  right: 0;
  transform: translateX(100%);
  transition: transform 0.5s ease;
  width: 70vw;
  height: 100vh;
}

aside#mobile-nav>section>header {
  padding: 10px 20px;
  margin-bottom: 15px;
  background: #eee;
  min-height: 50px;
}

aside#mobile-nav>section>div {
  padding-right: 1rem;
}

aside#mobile-nav>section>div li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

aside#mobile-nav>section>div li strong {
  display: flex;
  justify-content: space-between;
}

aside#mobile-nav>section>div li strong .detail_icon {
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  transition: transform 0.5s ease;
  position: relative;
}

aside#mobile-nav>section>div li strong .detail_icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #777;
}

aside#mobile-nav>section>div li strong .detail_icon .width {
  width: 8px;
  height: 1px;
}

aside#mobile-nav>section>div li strong .detail_icon .height {
  width: 1px;
  height: 8px;
}

aside#mobile-nav>section>div li>nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1rem;
  height: 0;
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;
}

aside#mobile-nav>section>div li.active .detail_icon {
  transform: translateY(-50%) rotate(180deg);
}

aside#mobile-nav>section>div li.active .detail_icon .height {
  opacity: 0;
}

aside#mobile-nav>section>div li.active>nav {
  margin-top: 1rem;
}

aside#mobile-nav.visible {
  visibility: visible;
  opacity: 1;
  transform: translateX(0%);
}

aside#mobile-nav.visible>section {
  transform: translateX(0%);
}

article.surgery img {
  max-width: 100%;
}

article.surgery ul.__tabs {
  display: flex;
  justify-content: center;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

article.surgery ul.__tabs>li>.wrapper {
  position: relative;
}

article.surgery ul.__tabs>li:nth-child(1n+1) .wrapper:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  left: calc(-2rem / 2 + -1px / 2);
  width: 1px;
}

article.surgery ul.__tabs>li:nth-child(1n+1) .wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  right: calc(-2rem / 2 + -1px / 2);
  width: 1px;
}

article.surgery ul.__tabs>li div.wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
}

article.surgery ul.__tabs>li div.wrapper a {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 1500px) {
  article.surgery ul.__tabs>li div.wrapper a {
    font-size: 14px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.__tabs>li div.wrapper a {
    font-size: 20px;
  }
}

article.surgery ul.__tabs>li div.wrapper a.active {
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(74 172 200 / var(--tw-text-opacity));
  border-bottom: 6px solid #4aacc8;
}

article.surgery h1,
article.surgery h2,
article.surgery h3,
article.surgery h4,
article.surgery h5,
article.surgery h6 {
  position: relative;
  margin: 0px;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery h1 .blur-place.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h2 .blur-place.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h3 .blur-place.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h4 .blur-place.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h5 .blur-place.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h6 .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery h1 nav.angles,
body #m-cases div.groups>div.group .swiper-slide article.surgery h2 nav.angles,
body #m-cases div.groups>div.group .swiper-slide article.surgery h3 nav.angles,
body #m-cases div.groups>div.group .swiper-slide article.surgery h4 nav.angles,
body #m-cases div.groups>div.group .swiper-slide article.surgery h5 nav.angles,
body #m-cases div.groups>div.group .swiper-slide article.surgery h6 nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery h1 nav.angles>a,
body #m-cases div.groups>div.group .swiper-slide article.surgery h2 nav.angles>a,
body #m-cases div.groups>div.group .swiper-slide article.surgery h3 nav.angles>a,
body #m-cases div.groups>div.group .swiper-slide article.surgery h4 nav.angles>a,
body #m-cases div.groups>div.group .swiper-slide article.surgery h5 nav.angles>a,
body #m-cases div.groups>div.group .swiper-slide article.surgery h6 nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery h1 nav.angles>a.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h2 nav.angles>a.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h3 nav.angles>a.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h4 nav.angles>a.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h5 nav.angles>a.active,
body #m-cases div.groups>div.group .swiper-slide article.surgery h6 nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery h1,
article.surgery h2,
article.surgery h3,
article.surgery h4,
article.surgery h5,
article.surgery h6 {
  line-height: 1.4em;
}

article.surgery h1.decoration-line:before,
article.surgery h1.decoration-line:after,
article.surgery h2.decoration-line:before,
article.surgery h2.decoration-line:after,
article.surgery h3.decoration-line:before,
article.surgery h3.decoration-line:after,
article.surgery h4.decoration-line:before,
article.surgery h4.decoration-line:after,
article.surgery h5.decoration-line:before,
article.surgery h5.decoration-line:after,
article.surgery h6.decoration-line:before,
article.surgery h6.decoration-line:after {
  position: absolute;
  content: "";
  width: 2em;
  height: 1px;
  background-color: #ccc;
  top: 50%;
  transform: translateY(-50%);
}

article.surgery h1.decoration-line:before,
article.surgery h2.decoration-line:before,
article.surgery h3.decoration-line:before,
article.surgery h4.decoration-line:before,
article.surgery h5.decoration-line:before,
article.surgery h6.decoration-line:before {
  position: absolute;
  left: -2.5em;
}

article.surgery h1.decoration-line:after,
article.surgery h2.decoration-line:after,
article.surgery h3.decoration-line:after,
article.surgery h4.decoration-line:after,
article.surgery h5.decoration-line:after,
article.surgery h6.decoration-line:after {
  right: -2.5em;
}

article.surgery h1.decoration-underline,
article.surgery h2.decoration-underline,
article.surgery h3.decoration-underline,
article.surgery h4.decoration-underline,
article.surgery h5.decoration-underline,
article.surgery h6.decoration-underline {
  display: inline;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(221 221 221 / var(--tw-border-opacity));
  padding-bottom: .25em;
}

article.surgery h1.number {
  display: flex;
  flex-direction: column;
  font-weight: 800;
  font-style: normal;
  letter-spacing: -0.05em;
}

@media (max-width: 1500px) {
  article.surgery h1.number {
    font-size: 32px;
  }
}

@media (min-width: 1500px) {
  article.surgery h1.number {
    font-size: 52px;
  }
}

article.surgery p {
  margin: 0px;
  font-weight: 400;
  letter-spacing: -0.025em;
}

@media (max-width: 1500px) {
  article.surgery p {
    font-size: 10px;
    line-height: 1.25rem;
  }
}

@media (min-width: 1500px) {
  article.surgery p {
    font-size: 18px;
    line-height: 1.75rem;
  }
}

article.surgery section.py {
  padding-top: 70px;
  padding-bottom: 70px;
}

@media (min-width: 1500px) {
  article.surgery section.py {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

article.surgery section.secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

article.surgery section div.secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}

article.surgery section div.extended {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

@media (min-width: 1501px) {
  article.surgery section div.extended {
    width: 1440px;
    margin: 0 auto;
  }
}

article.surgery section.gradient {
  --tw-gradient-from: #ddeaf0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(221 234 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #e4ddef var(--tw-gradient-to-position);
}

@media (max-width: 1500px) {
  article.surgery section.gradient {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  }
}

@media (min-width: 1500px) {
  article.surgery section.gradient {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
  }
}

article.surgery section.reason {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.reason .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.reason nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.reason nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.reason nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery section.reason>.gradient {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #ddeaf0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(221 234 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #e4ddef var(--tw-gradient-to-position);
  z-index: -1;
}

@media (max-width: 1500px) {
  article.surgery section.reason>.gradient {
    height: 420px;
  }
}

@media (min-width: 1500px) {
  article.surgery section.reason>.gradient {
    height: 640px;
  }
}

article.surgery section.about h1.title {
  padding-bottom: 1rem;
  font-size: 18px;
  font-weight: 700;
}

@media (min-width: 1500px) {
  article.surgery section.about h1.title {
    font-size: 38px;
  }
}

article.surgery section.about h1.title {
  border-bottom: 1px solid #000;
}

article.surgery section.about div.responsive-cols {
  margin-top: 2rem;
}

@media (min-width: 1500px) {
  article.surgery section.about div.responsive-cols {
    margin-top: 3rem;
    gap: 2rem;
  }
}

article.surgery section.about div.responsive-cols>div:nth-child(1) {
  justify-content: flex-start;
}

@media (min-width: 1501px) {
  article.surgery section.about div.responsive-cols>div:nth-child(1) {
    border-bottom: 1px solid #ddd;
  }
}

article.surgery section.pt {
  padding-top: 70px;
}

@media (min-width: 1500px) {
  article.surgery section.pt {
    padding-top: 120px;
  }
}

article.surgery section div.responsive-cols {
  display: grid;
}

@media (max-width: 1500px) {
  article.surgery section div.responsive-cols {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1500px) {
  article.surgery section div.responsive-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

article.surgery section div.responsive-cols>div.image img {
  height: 100%;
}

article.surgery section div.responsive-cols>div.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

@media (max-width: 1500px) {
  article.surgery section div.responsive-cols>div.content {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery section div.responsive-cols>div.content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

article.surgery section div.responsive-cols>div.content>div {
  display: flex;
}

article.surgery section div.responsive-cols>div.content em {
  display: flex;
  flex-direction: column;
  font-weight: 800;
  font-style: normal;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(81 81 81 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery section div.responsive-cols>div.content em {
    font-size: 32px;
  }
}

@media (min-width: 1500px) {
  article.surgery section div.responsive-cols>div.content em {
    font-size: 52px;
  }
}

article.surgery section div.responsive-cols>div.content em.decoration-underline {
  display: inline;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(221 221 221 / var(--tw-border-opacity));
  padding-bottom: .25em;
}

article.surgery section div.responsive-cols>div.content.bg-white em {
  --tw-text-opacity: 1;
  color: rgb(219 219 219 / var(--tw-text-opacity));
}

article.surgery section div.responsive-cols>div.content.bg-white em.decoration-underline {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(219 219 219 / var(--tw-border-opacity));
}

article.surgery section div.responsive-cols>div.content h2 {
  font-weight: 700;
  letter-spacing: -0.05em;
}

@media (max-width: 1500px) {
  article.surgery section div.responsive-cols>div.content h2 {
    font-size: 14px;
  }
}

@media (min-width: 1500px) {
  article.surgery section div.responsive-cols>div.content h2 {
    font-size: 24px;
  }
}

article.surgery section div.responsive-cols>div.content h2 {
  --tw-text-opacity: 1;
  color: rgb(81 81 81 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery section div.responsive-cols.mobile-center>div.content {
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
  }

  article.surgery section div.responsive-cols.mobile-center>div.content p {
    text-align: center;
  }
}

article.surgery section div.header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

article.surgery section div.header h1 {
  font-weight: 400;
  letter-spacing: -0.05em;
}

@media (max-width: 1500px) {
  article.surgery section div.header h1 {
    font-size: 24px;
  }
}

@media (min-width: 1500px) {
  article.surgery section div.header h1 {
    font-size: 44px;
  }
}

article.surgery section div.header h1.plus {
  display: flex;
  align-items: center;
  gap: 1rem;
}

article.surgery section div.header h1.plus:before {
  height: 100%;
  --tw-translate-y: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-weight: 700;
  color: #fbeae2;
  content: "+";
  font-size: 4em;
}

article.surgery section div.header h2 {
  font-weight: 400;
  letter-spacing: -0.05em;
}

@media (max-width: 1500px) {
  article.surgery section div.header h2 {
    font-size: 20px;
  }
}

@media (min-width: 1500px) {
  article.surgery section div.header h2 {
    font-size: 32px;
  }
}

article.surgery section div.header h5 {
  font-weight: 400;
  letter-spacing: -0.05em;
}

@media (max-width: 1500px) {
  article.surgery section div.header h5 {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  article.surgery section div.header h5 {
    font-size: 20px;
  }
}

article.surgery section div.header p {
  display: flex;
  align-items: center;
  gap: 2rem;
  letter-spacing: -0.025em;
}

@media (min-width: 1500px) {
  article.surgery section div.header p {
    line-height: 2.25rem;
  }
}

article.surgery section div.header p.box:before {
  height: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 700;
  font-size: 1.2em;
  color: #5c5c5c;
  border: 4px solid #5c5c5c;
}

article.surgery hr.divider {
  border: 0;
  background-color: #f9f9f9;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (max-width: 1500px) {
  article.surgery hr.divider {
    height: 20px;
  }
}

@media (min-width: 1500px) {
  article.surgery hr.divider {
    height: 40px;
  }
}

article.surgery section.overview {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 1500px) {
  article.surgery section.overview {
    gap: 2rem;
  }
}

article.surgery section.overview .items>div {
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1500px) {
  article.surgery section.overview .items>div {
    gap: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1501px) {
  article.surgery section.overview .items>div {
    gap: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 3rem;
  }
}

@media (max-width: 1500px) {
  article.surgery section.overview .items>div img {
    width: 32px;
  }
}

@media (min-width: 1500px) {
  article.surgery section.overview .items>div img {
    width: 48px;
  }
}

article.surgery section.overview .items>div>div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

article.surgery section.overview .items>div span {
  font-weight: 400;
}

@media (max-width: 1500px) {
  article.surgery section.overview .items>div span {
    font-size: 10px;
  }
}

@media (min-width: 1500px) {
  article.surgery section.overview .items>div span {
    font-size: 16px;
  }
}

article.surgery section.overview .items>div p {
  margin: 0px;
  font-weight: 500;
}

@media (max-width: 1500px) {
  article.surgery section.overview .items>div p {
    font-size: 10px;
  }
}

@media (min-width: 1500px) {
  article.surgery section.overview .items>div p {
    font-size: 16px;
  }
}

article.surgery ol.details {
  display: flex;
  list-style-type: none;
  flex-direction: column;
  padding: 0px;
}

article.surgery ol.details>li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

@media (min-width: 1500px) {
  article.surgery ol.details>li {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

article.surgery ol.details>li {
  border-bottom: 1px solid #e5e5e5;
}

article.surgery ol.details>li em {
  position: relative;
  font-weight: 800;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ol.details>li em .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ol.details>li em nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ol.details>li em nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ol.details>li em nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

@media (max-width: 1500px) {
  article.surgery ol.details>li em {
    font-size: 12px;
  }
}

@media (min-width: 1501px) {
  article.surgery ol.details>li em {
    font-size: 20px;
  }
}

article.surgery ol.details>li em:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  right: -0.4em;
  width: 1px;
  height: 0.7em;
  background-color: #ddd;
}

article.surgery ol.details>li p {
  --tw-text-opacity: 1;
  color: rgb(81 73 70 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery ol.details>li p {
    font-size: 12px;
    font-weight: 300;
  }
}

@media (min-width: 1500px) {
  article.surgery ol.details>li p {
    font-size: 20px;
    font-weight: 700;
  }
}

article.surgery ul {
  padding: 0px;
  text-align: center;
}

article.surgery ul em {
  font-weight: 800;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(54 54 54 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery ul em {
    font-size: 14px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul em {
    font-size: 20px;
  }
}

article.surgery ul h2 {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(54 54 54 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery ul h2 {
    font-size: 14px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul h2 {
    font-size: 24px;
  }
}

article.surgery ul h6 {
  font-weight: 400;
  letter-spacing: -0.05em;
}

@media (max-width: 1500px) {
  article.surgery ul h6 {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul h6 {
    font-size: 20px;
  }
}

article.surgery ul>li {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery ul>li div.wrapper {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.wrapper .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.wrapper nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.wrapper nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.wrapper nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery ul>li div.image-wrapper {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.image-wrapper .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.image-wrapper nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.image-wrapper nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.image-wrapper nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery ul>li div.content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.content .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.content nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.content nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul>li div.content nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

@media (max-width: 1500px) {
  article.surgery ul>li div.content {
    margin-top: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul>li div.content {
    margin-top: 2rem;
  }
}

article.surgery ul>li div.content p {
  font-weight: 400;
}

@media (max-width: 1500px) {
  article.surgery ul>li div.content p {
    line-height: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul>li div.content p {
    line-height: 1.5rem;
  }
}

article.surgery ul.cols-2 {
  display: grid;
  row-gap: 2.25rem;
}

@media (min-width: 1500px) {
  article.surgery ul.cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

article.surgery ul.cols-2-1 {
  display: grid;
  row-gap: 2.25rem;
}

@media (max-width: 1500px) {
  article.surgery ul.cols-2-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1500px) {
  article.surgery ul.cols-2-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

article.surgery ul.cols-3-1 {
  display: grid;
  row-gap: 2.25rem;
}

@media (max-width: 1500px) {
  article.surgery ul.cols-3-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1500px) {
  article.surgery ul.cols-3-1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

article.surgery ul.cols-4 {
  display: grid;
  row-gap: 2.25rem;
}

@media (max-width: 1500px) {
  article.surgery ul.cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1500px) {
  article.surgery ul.cols-4.divider-solid-both>li>.wrapper {
    position: relative;
  }

  article.surgery ul.cols-4.divider-solid-both>li:nth-child(1n+1) .wrapper:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: calc(-1rem / 2 + -1px / 2);
    width: 1px;
  }

  article.surgery ul.cols-4.divider-solid-both>li:nth-child(1n+1) .wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    right: calc(-1rem / 2 + -1px / 2);
    width: 1px;
  }
}

article.surgery ul.central {
  display: grid;
  row-gap: 2.25rem;
}

@media (max-width: 1500px) {
  article.surgery ul.central {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1500px) {
  article.surgery ul.central {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1501px) {
  article.surgery ul.central>li>.wrapper {
    position: relative;
  }

  article.surgery ul.central>li:nth-child(2n+2)>.wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
  }

  article.surgery ul.central>li:nth-child(even) div.wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 2rem;
  }

  article.surgery ul.central>li:nth-child(even) div.wrapper div.content {
    display: flex;
    align-items: flex-start;
    text-align: left;
  }

  article.surgery ul.central>li:nth-child(odd) div.wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 2rem;
  }

  article.surgery ul.central>li:nth-child(odd) div.wrapper div.content {
    display: flex;
    align-items: flex-end;
    text-align: right;
  }

  @media (min-width: 1500px) {
    article.surgery ul.central p {
      line-height: 2rem !important;
    }
  }

  article.surgery ul.divider-solid.cols-2>li>.wrapper,
  article.surgery ul.divider-solid.cols-2-1>li>.wrapper {
    position: relative;
  }

  article.surgery ul.divider-solid.cols-2>li:nth-child(1n+2)>.wrapper:before,
  article.surgery ul.divider-solid.cols-2-1>li:nth-child(1n+2)>.wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
  }
}

article.surgery ul.divider-solid-both>li>.wrapper {
  position: relative;
}

article.surgery ul.divider-solid-both>li:nth-child(1n+1) .wrapper:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  left: 0;
  width: 1px;
}

article.surgery ul.divider-solid-both>li:nth-child(1n+1) .wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  right: -1px;
  width: 1px;
}

@media (max-width: 1500px) {
  article.surgery ul.middle-aged-eye-case-0 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.middle-aged-eye-case-0 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media (min-width: 1501px) {
  article.surgery ul.middle-aged-eye-case-0 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 2rem;
  }

  article.surgery ul.middle-aged-eye-case-0>li>.wrapper {
    position: relative;
  }

  article.surgery ul.middle-aged-eye-case-0>li:nth-child(1n+1) .wrapper:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
  }

  article.surgery ul.middle-aged-eye-case-0>li:nth-child(1n+1) .wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    right: -1px;
    width: 1px;
  }
}

@media (max-width: 1500px) {
  article.surgery ul.middle-aged-eye-case-0 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  article.surgery ul.middle-aged-eye-case-0>li>.wrapper {
    position: relative;
  }

  article.surgery ul.middle-aged-eye-case-0>li:nth-child(2n+2)>.wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
    left: -1rem;
  }

  article.surgery ul.middle-aged-eye-case-0>li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

article.surgery ul.middle-aged-eye-case-0>li div.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1500px) {
  article.surgery ul.middle-aged-eye-case-0>li div.content {
    gap: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.middle-aged-eye-case-0>li div.content {
    gap: 2rem;
  }
}

article.surgery ul.middle-aged-eye-case-0>li div.content img {
  display: inline;
}

article.surgery ul.type-1 {
  display: grid;
}

@media (max-width: 1500px) {
  article.surgery ul.type-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.type-1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1501px) {
  article.surgery ul.type-1>li>.wrapper {
    position: relative;
  }

  article.surgery ul.type-1>li:nth-child(1n+2)>.wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-1>li img {
    max-width: 290px;
  }
}

article.surgery ul.type-1>li>div {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul.type-1>li>div .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul.type-1>li>div nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul.type-1>li>div nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery ul.type-1>li>div nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

@media (max-width: 1500px) {
  article.surgery ul.type-1>li>div {
    margin-top: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.type-1>li>div {
    margin-top: 2rem;
  }
}

article.surgery ul.type-1>li>div .number {
  font-weight: 800;
}

@media (max-width: 1500px) {
  article.surgery ul.type-1>li>div .number {
    font-size: 20px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.type-1>li>div .number {
    font-size: 28px;
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-1>li>div h2 {
    font-size: 16px;
  }
}

article.surgery ul.type-solution {
  display: grid;
  gap: 2rem;
}

@media (max-width: 1500px) {
  article.surgery ul.type-solution {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1500px) {
  article.surgery ul.type-solution {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

article.surgery ul.type-solution>li>.wrapper {
  position: relative;
}

article.surgery ul.type-solution>li:nth-child(1n+1) .wrapper:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  left: calc(-2rem / 2 + -8px / 2);
  width: 8px;
  background-color: #fbfbfb;
}

article.surgery ul.type-solution>li:nth-child(1n+1) .wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  right: calc(-2rem / 2 + -8px / 2);
  width: 8px;
  background-color: #fbfbfb;
}

article.surgery ul.type-solution>li div.wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

article.surgery ul.type-solution>li div.wrapper div.image-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
}

article.surgery ul.type-solution>li em {
  display: flex;
  flex-direction: column;
  font-weight: 800;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery ul.type-solution>li em {
    font-size: 32px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.type-solution>li em {
    font-size: 52px;
  }
}

article.surgery ul.type-solution>li em:before {
  content: "SOLUTION";
  font-size: 0.5em;
  font-weight: 800;
}

article.surgery ul.type-arrow {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2.25rem;
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    align-items: center;
    justify-content: center;
  }

  article.surgery ul.type-arrow>li {
    width: 40%;
    place-self: stretch;
  }
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow>li {
    width: 33.333333%;
  }

  article.surgery ul.type-arrow.cols-2>li {
    width: 50%;
  }

  article.surgery ul.type-arrow.cols-2>li .image-wrapper {
    text-align: center;
  }
}

@media (min-width: 1501px) and (min-width: 1501px) {
  article.surgery ul.type-arrow.cols-2>li .image-wrapper img {
    width: 90%;
  }
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow.cols-4>li {
    width: 25%;
  }
}

article.surgery ul.type-arrow>li div.content em {
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(239 228 222 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow>li div.content em {
    font-size: 20px;
  }
}

@media (min-width: 1500px) {
  article.surgery ul.type-arrow>li div.content em {
    font-size: 38px;
  }

  article.surgery ul.type-arrow>li div.content h6 {
    font-weight: 700;
  }

  article.surgery ul.type-arrow>li div.content p {
    font-size: 16px;
    line-height: 1.5rem;
  }
}

article.surgery ul.type-arrow:not(.cols-4)>li:not(:last-child) div.image-wrapper:after {
  position: absolute;
  content: ">";
  color: #fbd8d6;
  font-size: 3rem;
  top: 50%;
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow:not(.cols-4)>li:not(:last-child) div.image-wrapper:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow:not(.cols-4)>li:not(:last-child) div.image-wrapper:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

article.surgery ul.type-arrow:not(.cols-4).with-last-arrow>li:last-child div.image-wrapper:after {
  position: absolute;
  content: ">";
  color: #fbd8d6;
  font-size: 3rem;
  top: 50%;
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow:not(.cols-4).with-last-arrow>li:last-child div.image-wrapper:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow:not(.cols-4).with-last-arrow>li:last-child div.image-wrapper:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

article.surgery ul.type-arrow.cols-4.rounded>li:not(:last-child) div.image-wrapper:after {
  position: absolute;
  content: ">";
  color: #fbd8d6;
  font-size: 3rem;
  top: 50%;
  border-radius: 9999px;
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow.cols-4.rounded>li:not(:last-child) div.image-wrapper:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow.cols-4.rounded>li:not(:last-child) div.image-wrapper:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

article.surgery ul.type-arrow.cols-4.rounded>li:not(:last-child) div.image-wrapper:after {
  right: -2.5rem;
  z-index: 2;
  padding: 0em 1em;
  font-size: 2rem;
  color: #fff;
  content: "→";
  background-color: #444;
}

article.surgery ul.type-arrow.cols-4:not(.rounded)>li:not(:last-child) div.wrapper:after {
  position: absolute;
  content: ">";
  color: #fbd8d6;
  font-size: 3rem;
  top: 50%;
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow.cols-4:not(.rounded)>li:not(:last-child) div.wrapper:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow.cols-4:not(.rounded)>li:not(:last-child) div.wrapper:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

article.surgery ul.type-arrow.cols-4:not(.rounded).with-last-arrow>li:last-child div.wrapper:after {
  position: absolute;
  content: ">";
  color: #fbd8d6;
  font-size: 3rem;
  top: 50%;
}

@media (min-width: 1501px) {
  article.surgery ul.type-arrow.cols-4:not(.rounded).with-last-arrow>li:last-child div.wrapper:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow.cols-4:not(.rounded).with-last-arrow>li:last-child div.wrapper:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }

  article.surgery ul.type-arrow.mobile-cols-1>li {
    width: 100%;
  }

  article.surgery ul.type-arrow.mobile-cols-1.with-first-arrow>li:first-child:after {
    position: absolute;
    content: ">";
    color: #fbd8d6;
    font-size: 3rem;
    top: 50%;
    top: unset;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}

@media (max-width: 1500px) and (min-width: 1501px) {
  article.surgery ul.type-arrow.mobile-cols-1.with-first-arrow>li:first-child:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) and (max-width: 1500px) {
  article.surgery ul.type-arrow.mobile-cols-1.with-first-arrow>li:first-child:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow.mobile-cols-1.with-last-arrow>li:last-child:after {
    position: absolute;
    content: ">";
    color: #fbd8d6;
    font-size: 3rem;
    top: 50%;
    top: unset;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}

@media (max-width: 1500px) and (min-width: 1501px) {
  article.surgery ul.type-arrow.mobile-cols-1.with-last-arrow>li:last-child:after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) and (max-width: 1500px) {
  article.surgery ul.type-arrow.mobile-cols-1.with-last-arrow>li:last-child:after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

@media (max-width: 1500px) {
  article.surgery ul.type-arrow.mobile-cols-1>li div.image-wrapper:after {
    display: none;
  }

  @media (max-width: 1500px) {
    article.surgery ul.type-arrow.mobile-cols-1>li img {
      max-width: 256px;
    }
  }

  article.surgery ul.type-arrow.mobile-cols-1>li:not(:last-child):after {
    position: absolute;
    content: ">";
    color: #fbd8d6;
    font-size: 3rem;
    top: 50%;
    top: unset;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}

@media (max-width: 1500px) and (min-width: 1501px) {
  article.surgery ul.type-arrow.mobile-cols-1>li:not(:last-child):after {
    right: -0.5rem;
    transform: translateY(-50%);
  }
}

@media (max-width: 1500px) and (max-width: 1500px) {
  article.surgery ul.type-arrow.mobile-cols-1>li:not(:last-child):after {
    right: -1.5rem;
    font-size: 2rem;
    transform: translateY(-55%);
  }
}

article.surgery.petit.p7 section.solution .content {
  gap: 3rem;
  padding-left: 0px;
}

article.surgery.petit.p7 section.solution .content div.title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

article.surgery.petit.p7 section.solution .content div.title h1 {
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity));
}

@media (min-width: 1500px) {
  article.surgery.petit.p7 section.solution .content div.title h1 {
    font-size: 72px;
  }
}

article.surgery.petit.p7 section.solution .content div.title div.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}

article.surgery.petit.p7 section.solution .content div.title div.content h2:nth-child(1) {
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(59 59 59 / var(--tw-text-opacity));
}

article.surgery.petit.p7 section.solution .content div.title div.content h2:nth-child(2) {
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(53 53 53 / var(--tw-text-opacity));
}

article.surgery.petit.p7 section.solution .content div.title div.divider {
  height: 75%;
  width: 1px;
  border-left: 1px solid #b2e1f1;
}

article.surgery.petit.p7 section.solution .content div.description {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

article.surgery.petit.p7 section.solution .content div.description ul.tags {
  display: flex;
  gap: 1rem;
  font-weight: 700 !important;
  --tw-text-opacity: 1;
  color: rgb(74 172 200 / var(--tw-text-opacity));
}

article.surgery.petit.p7 section.solution .cols-3-1>li {
  display: flex;
  gap: 1rem;
}

article.surgery.petit.p7 section.solution .cols-3-1>li div.item-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding-top: 1.5rem;
}

article.surgery.petit.p7 section.solution .cols-3-1>li div.item-description p {
  text-align: left;
}

article.surgery.eye.p7 section.step ul.cols-2>li:nth-child(1) {
  text-align: right;
}

article.surgery.eye.p7 section.step ul.cols-2>li:nth-child(2) {
  text-align: left;
}

article.surgery.eye.p4 ul.solution {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

@media (max-width: 1500px) {
  article.surgery.eye.p4 ul.solution {
    flex-direction: column;
  }
}

article.surgery.eye.p4 ul.solution>li>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  height: 310px;
  width: 310px;
}

article.surgery.eye.p4 ul.solution>li>div>em {
  position: relative;
  display: flex;
  gap: 0.5rem;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p4 ul.solution>li>div>em .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p4 ul.solution>li>div>em nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p4 ul.solution>li>div>em nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p4 ul.solution>li>div>em nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery.eye.p4 ul.solution>li>div>em:before {
  content: "SOLUTION";
}

article.surgery.eye.p4 ul.solution>li>div>em:after {
  position: absolute;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: "";
  bottom: -1em;
  width: 70%;
  border-bottom: 1px solid #333;
}

article.surgery.eye.p3 ul.contrast {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

article.surgery.eye.p3 ul.contrast>li>.wrapper {
  position: relative;
}

article.surgery.eye.p3 ul.contrast>li:nth-child(1n+1) .wrapper:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
  background-color: #ddd;
  left: 0;
  width: 1px;
  height: 80%;
  transform: translateY(-45%);
}

article.surgery.eye.p3 ul.contrast>li:nth-child(1n+1) .wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
  background-color: #ddd;
  right: -1px;
  width: 1px;
  height: 80%;
  transform: translateY(-45%);
}

article.surgery.eye.p3 ul.contrast>li {
  position: relative;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery.eye.p3 ul.contrast>li .vs {
  position: absolute;
  bottom: 50%;
  z-index: 2;
  --tw-translate-y: -25%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  color: #333;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 32px;
}

@media (min-width: 1500px) {
  article.surgery.eye.p3 ul.contrast>li .vs {
    font-size: 52px;
  }
}

article.surgery.eye.p3 ul.contrast>li .item {
  position: absolute;
  top: 50%;
  z-index: 2;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  width: 8em;
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

article.surgery.eye.p3 ul.contrast>li .wrapper>div {
  margin-top: 3rem;
}

article.surgery.eye.p3 ul.contrast>li .wrapper>div>div {
  position: relative;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li .wrapper>div>div .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li .wrapper>div>div nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li .wrapper>div>div nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery.eye.p3 ul.contrast>li .wrapper>div>div nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

article.surgery.eye.p3 ul.contrast>li .wrapper>div>div:before {
  position: absolute;
  top: 0px;
  width: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: "";
  border-top: 1px dashed #ddd;
}

@media (max-width: 1500px) {
  article.surgery.eye.p1 section.step ul.points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  article.surgery.eye.p1 section.step ul.points>li>.wrapper {
    position: relative;
  }

  article.surgery.eye.p1 section.step ul.points>li:nth-child(1n+1) .wrapper:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
    background-color: #000;
  }

  article.surgery.eye.p1 section.step ul.points>li:nth-child(1n+1) .wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    right: -1px;
    width: 1px;
    background-color: #000;
  }

  article.surgery.eye.p1 section.step ul.points p {
    font-size: 14px;
  }
}

@media (min-width: 1501px) {
  article.surgery.eye.p1 section.step ul.points {
    margin-left: 1rem;
    display: flex;
    gap: 2rem;
  }

  article.surgery.eye.p1 section.step ul.points>li>.wrapper {
    position: relative;
  }

  article.surgery.eye.p1 section.step ul.points>li:nth-child(1n+1) .wrapper:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: calc(-2rem / 2 + -1px / 2);
    width: 1px;
    background-color: #000;
  }

  article.surgery.eye.p1 section.step ul.points>li:nth-child(1n+1) .wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    right: calc(-2rem / 2 + -1px / 2);
    width: 1px;
    background-color: #000;
  }
}

article.surgery.eye.p1 section.step ul.points p {
  font-weight: 500;
  line-height: 1;
}

article.surgery.eye.p1 section.case ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

article.surgery.eye.p1 section.case ul>li {
  display: flex;
  gap: 2.5rem;
}

@media (max-width: 1500px) {
  article.surgery.eye.p1 section.case ul>li {
    flex-direction: column;
    gap: 1rem;
  }
}

article.surgery.eye.p1 section.case ul>li div.image {
  flex-grow: 1;
}

article.surgery.eye.p1 section.case ul>li div.image img {
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 1501px) {
  article.surgery.eye.p1 section.case ul>li div.content {
    margin-top: 0px;
    width: 66.666667%;
    align-items: flex-start;
    justify-content: center;
    gap: 1.5rem;
    border-top: 4px solid #f9f9f9;
  }

  article.surgery.eye.p1 section.case ul>li div.content em {
    font-size: 32px;
  }

  article.surgery.eye.p1 section.case ul>li div.content p {
    text-align: left;
  }
}

article.surgery.eye.p1 section.case ul>li div.content h2 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p4 section.symptom ul {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}

@media (min-width: 1501px) {
  article.surgery.middle-aged-eye.p4 section.symptom ul>li>.wrapper {
    position: relative;
  }

  article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(1n+2)>.wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    background-color: #ddd;
    left: calc(-2rem / 2 + -1px / 2);
    width: 1px;
    background-color: #c7c7c7;
    height: 50%;
    transform: translateY(0%);
  }
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p4 section.symptom ul>li>.wrapper {
    position: relative;
  }

  article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(1n+1) .wrapper:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    background-color: #ddd;
    left: calc(-1rem / 2 + -1px / 2);
    width: 1px;
    background-color: #c7c7c7;
    height: 50%;
    transform: translateY(0%);
  }

  article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(1n+1) .wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    background-color: #ddd;
    right: calc(-1rem / 2 + -1px / 2);
    width: 1px;
    background-color: #c7c7c7;
    height: 50%;
    transform: translateY(0%);
  }
}

article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(1n+2) div.content:before {
  position: absolute;
  content: ">";
  color: #c7c7c7;
  z-index: 1;
  top: 50%;
  padding: 0.5rem 0;
  background-color: #f9f9f9;
  transform: translateY(-70%);
}

@media (min-width: 1501px) {
  article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(1n+2) div.content:before {
    left: -1.5rem;
    font-size: 4em;
  }
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(1n+2) div.content:before {
    left: -0.8rem;
    font-size: 2em;
  }

  article.surgery.middle-aged-eye.p4 section.symptom ul>li:nth-child(2n+2):not(:last-child) div.content:after {
    position: absolute;
    content: ">";
    color: #c7c7c7;
    z-index: 1;
    top: 50%;
    padding: 0.5rem 0;
    right: -1rem;
    font-size: 2em;
    background-color: #f9f9f9;
    transform: translateY(-70%);
  }
}

article.surgery.middle-aged-eye.p2 section.persuade .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.persuade .step {
    margin-bottom: 1rem;
    gap: 0.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.persuade .step {
    gap: 1.5rem;
  }
}

article.surgery.middle-aged-eye.p2 section.persuade .step>em {
  padding-bottom: 0.5rem;
  font-weight: 800;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(230 223 207 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.persuade .step>em {
    font-size: 32px;
  }
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.persuade .step>em {
    font-size: 52px;
  }
}

article.surgery.middle-aged-eye.p2 section.persuade .step>em {
  border-bottom: 1px solid #e6dfcf;
}

article.surgery.middle-aged-eye.p2 section.persuade .step h6 {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(54 54 54 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.persuade .step h6 {
    font-size: 14px;
  }
}

article.surgery.middle-aged-eye.p2 section.persuade ul {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.persuade ul {
    gap: 0.5rem;
  }

  article.surgery.middle-aged-eye.p2 section.persuade h6 {
    font-size: 9px;
  }
}

article.surgery.middle-aged-eye.p2 section.step {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step {
    gap: 2.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step {
    gap: 5rem;
  }
}

article.surgery.middle-aged-eye.p2 section.step div.box {
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(247 242 239 / var(--tw-border-opacity));
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1500px) {
    article.surgery.middle-aged-eye.p2 section.step div.box {
      max-width: 1500px;
    }
  }
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box {
    border-width: 10px;
  }
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box {
    border-width: 20px;
  }
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box {
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
  }
}

article.surgery.middle-aged-eye.p2 section.step div.box>div.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box>div.header {
    --tw-translate-y: -16px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box>div.header {
    --tw-translate-y: -30px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

article.surgery.middle-aged-eye.p2 section.step div.box>div.header h2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(81 81 81 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery.middle-aged-eye.p2 section.step div.box>div.header h2 {
    font-size: 16px;
  }
}

article.surgery.middle-aged-eye.p2 section.step div.box>div.header p {
  text-align: center;
}

article.surgery.lifting section.contrast table {
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(169 166 161 / var(--tw-border-opacity));
}

@media (max-width: 1500px) {
  article.surgery.lifting section.contrast table {
    --tw-border-spacing-x: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
}

@media (min-width: 1500px) {
  article.surgery.lifting section.contrast table {
    --tw-border-spacing-x: 1rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
}

article.surgery.lifting section.contrast table td,
article.surgery.lifting section.contrast table th {
  border-top-width: 1px;
  text-align: center;
}

@media (max-width: 1500px) {

  article.surgery.lifting section.contrast table td,
  article.surgery.lifting section.contrast table th {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {

  article.surgery.lifting section.contrast table td,
  article.surgery.lifting section.contrast table th {
    font-size: 20px;
  }
}

article.surgery.lifting section.contrast table td,
article.surgery.lifting section.contrast table th {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

article.surgery.lifting section.contrast table th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

@media (max-width: 1500px) {
  article.surgery.lifting section.contrast table th {
    font-size: 16px;
  }
}

@media (min-width: 1500px) {
  article.surgery.lifting section.contrast table th {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 32px;
  }
}

article.surgery.lifting section.contrast table tr:not(.image) td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1500px) {
  article.surgery.lifting section.contrast table tr:not(.image) td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

article.surgery.lifting section.contrast table>tbody>tr>td {
  border-top-width: 0px;
  --tw-text-opacity: 1;
  color: rgb(81 81 81 / var(--tw-text-opacity));
}

article.surgery.lifting section.contrast table>tbody>tr>td:nth-child(2) {
  width: 5em;
  font-weight: 500;
}

@media (max-width: 1500px) {
  article.surgery.lifting.p1 section.smas ul {
    gap: 2.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery.lifting.p1 section.smas ul {
    row-gap: 5rem;
  }
}

@media (min-width: 1501px) {
  article.surgery.lifting.p1 section.smas ul>li>.wrapper {
    position: relative;
  }

  article.surgery.lifting.p1 section.smas ul>li:nth-child(1n+1) .wrapper:before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
  }

  article.surgery.lifting.p1 section.smas ul>li:nth-child(1n+1) .wrapper:after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    height: 100%;
    transform: translateY(-50%);
    background-color: #ddd;
    right: -1px;
    width: 1px;
  }
}

article.surgery.lifting.p1 section.smas ul>li {
  display: flex;
  align-items: flex-end;
}

article.surgery.lifting.p1 section.smas ul>li>div.wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 1500px) {
  article.surgery.lifting.p1 section.smas ul>li>div.wrapper {
    gap: 2rem;
  }
}

article.surgery.lifting.p1 section.smas ul>li>div.wrapper div.image-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: center;
}

@media (max-width: 1500px) {
  article.surgery.lifting.p1 section.smas ul>li>div.wrapper div.image-wrapper img {
    max-width: 50%;
  }
}

article.surgery.lifting.p2 ul.change {
  display: grid;
}

@media (max-width: 1500px) {
  article.surgery.lifting.p2 ul.change {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery.lifting.p2 ul.change {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

article.surgery.lifting.p2 ul.change>li>.wrapper {
  position: relative;
}

article.surgery.lifting.p2 ul.change>li:nth-child(1n+1) .wrapper:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  left: 0;
  width: 1px;
}

article.surgery.lifting.p2 ul.change>li:nth-child(1n+1) .wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  right: -1px;
  width: 1px;
}

article.surgery.lifting.p2 ul.change div.wrapper {
  padding-top: 1rem;
}

article.surgery.lifting.p3 ul.solution {
  display: grid;
}

@media (max-width: 1500px) {
  article.surgery.lifting.p3 ul.solution {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 1rem;
  }
}

@media (min-width: 1500px) {
  article.surgery.lifting.p3 ul.solution {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1501px) {
  article.surgery.lifting.p3 ul.solution>li>.wrapper {
    position: relative;
  }

  article.surgery.lifting.p3 ul.solution>li:nth-child(1n+2)>.wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translateY(-50%);
    background-color: #ddd;
    left: 0;
    width: 1px;
    transform: translateY(-100%);
    height: 300%;
    background-color: #000;
  }
}

article.surgery section.effect {
  position: relative;
  display: grid;
  --tw-bg-opacity: 1;
  background-color: rgb(246 245 240 / var(--tw-bg-opacity));
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.effect .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.effect nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.effect nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery section.effect nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

@media (max-width: 1500px) {
  article.surgery section.effect {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 1500px) {
  article.surgery section.effect {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1501px) {
  article.surgery section.effect>div:nth-child(1)>div {
    position: absolute;
    top: 0px;
    left: 50%;
    height: 100%;
    width: 100%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (max-width: 1500px) {
  @media (max-width: 1500px) {
    article.surgery section.effect>div:nth-child(1)>div {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }

  @media (min-width: 1500px) {
    article.surgery section.effect>div:nth-child(1)>div {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  }
}

article.surgery section.effect>div:nth-child(1)>div div.header {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1500px) {
  article.surgery section.effect>div:nth-child(1)>div div.header {
    gap: 1.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery section.effect>div:nth-child(1)>div div.header {
    width: 50%;
    gap: 3rem;
  }
}

article.surgery section.effect>div:nth-child(1)>div ul {
  list-style-position: inside;
  list-style-type: none;
  text-align: left;
  font-weight: 500;
}

@media (max-width: 1500px) {
  article.surgery section.effect>div:nth-child(1)>div ul {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  article.surgery section.effect>div:nth-child(1)>div ul {
    font-size: 20px;
  }
}

article.surgery section.effect>div:nth-child(1)>div ul {
  display: grid;
  row-gap: 1rem;
}

article.surgery section.effect>div:nth-child(1)>div ul.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

article.surgery section.effect>div:nth-child(1)>div ul>li::before {
  content: " ㆍ ";
}

article.surgery .middle-aged-eye-case-wrapper {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

article.surgery .middle-aged-eye-case-wrapper>div h2 {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(54 54 54 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div h2 {
    padding-bottom: 0.5rem;
    font-size: 18px;
  }
}

@media (min-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div h2 {
    padding-bottom: 1rem;
    font-size: 28px;
  }
}

@media (max-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div h2 {
    border-bottom: 4px solid #eeeeee;
  }
}

@media (min-width: 1501px) {
  article.surgery .middle-aged-eye-case-wrapper>div h2 {
    border-bottom: 8px solid #eeeeee;
  }
}

article.surgery .middle-aged-eye-case-wrapper>div h2 em {
  position: relative;
  margin-right: 0.5rem;
  padding-right: 0.25rem;
  font-weight: 800;
  font-style: normal;
  letter-spacing: -0.05em;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery .middle-aged-eye-case-wrapper>div h2 em .blur-place.active {
  --tw-blur: blur(16px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  position: absolute;
  left: 50%;
  top: 0;
  right: 0;
  bottom: 0;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery .middle-aged-eye-case-wrapper>div h2 em nav.angles {
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

body #m-cases div.groups>div.group .swiper-slide article.surgery .middle-aged-eye-case-wrapper>div h2 em nav.angles>a {
  padding: 8px 16px;
  color: #fff;
  background: #909099;
  cursor: pointer;
}

body #m-cases div.groups>div.group .swiper-slide article.surgery .middle-aged-eye-case-wrapper>div h2 em nav.angles>a.active {
  --tw-bg-opacity: 1;
  background-color: rgb(19 139 177 / var(--tw-bg-opacity));
}

@media (max-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div h2 em {
    font-size: 18px;
  }
}

@media (min-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div h2 em {
    font-size: 28px;
  }
}

article.surgery .middle-aged-eye-case-wrapper>div h2 em:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  height: 100%;
  transform: translateY(-50%);
  background-color: #ddd;
  right: 0;
  width: 1px;
  height: 0.8em;
  background-color: #000;
}

article.surgery .middle-aged-eye-case-wrapper>div ul {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 2rem;
}

@media (min-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

article.surgery .middle-aged-eye-case-wrapper>div ul div.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div ul div.content {
    gap: 0.5rem;
  }
}

@media (min-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div ul div.content {
    gap: 1.25rem;
  }
}

article.surgery .middle-aged-eye-case-wrapper>div ul div.content img {
  max-width: 75%;
}

article.surgery .middle-aged-eye-case-wrapper>div ul div.content h6 {
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(54 54 54 / var(--tw-text-opacity));
}

@media (max-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div ul div.content h6 {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  article.surgery .middle-aged-eye-case-wrapper>div ul div.content h6 {
    font-size: 22px;
  }
}

@media (max-width: 1500px) {
  .mobile\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1500px) {
    .mobile\:container {
      max-width: 1500px;
    }
  }
}

@media (min-width: 1500px) {
  .desktop\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  @media (min-width: 1500px) {
    .desktop\:container {
      max-width: 1500px;
    }
  }
}

.before\:\!h-\[80\%\]::before {
  content: var(--tw-content);
  height: 80% !important;
}

.before\:\!bg-\[\#f3e2da\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 226 218 / var(--tw-bg-opacity)) !important;
}

.before\:content-\[\"\ADC0\C871\&nbsp\;\BCF4\D615\BB3C\&nbsp\;\C218\C220\"\]::before {
  --tw-content: "귀족 보형물 수술";
  content: var(--tw-content);
}

.before\:content-\[\"\BB34\C30D\&nbsp\;\B208\B9E4\AD50\C815\"\]::before {
  --tw-content: "무쌍 눈매교정";
  content: var(--tw-content);
}

.before\:content-\[\"\C18D\C30D\AEBC\D480\"\]::before {
  --tw-content: "속쌍꺼풀";
  content: var(--tw-content);
}

.before\:content-\[\"\C2EC\BD80\BCFC\&nbsp\;\C81C\AC70\C220\"\]::before {
  --tw-content: "심부볼 제거술";
  content: var(--tw-content);
}

.before\:content-\[\"\C55E\D2B8\C784\"\]::before {
  --tw-content: "앞트임";
  content: var(--tw-content);
}

.before\:content-\[\"\C717\D2B8\C784\"\]::before {
  --tw-content: "윗트임";
  content: var(--tw-content);
}

.before\:content-\[\"\C774\C911\D131\&nbsp\;\C9C0\BC29\D761\C785\"\]::before {
  --tw-content: "이중턱 지방흡입";
  content: var(--tw-content);
}

.before\:content-\[\"\D131\&nbsp\;\BCF4\D615\BB3C\&nbsp\;\C218\C220\"\]::before {
  --tw-content: "턱 보형물 수술";
  content: var(--tw-content);
}

.before\:content-\[\"\D131\BC11\C808\AC1C\B97C\&nbsp\;\D1B5\D55C\&nbsp\;\BAA9\ADFC\C721\&nbsp\;\BB36\C5B4\C8FC\AE30\"\]::before {
  --tw-content: "턱밑절개를 통한 목근육 묶어주기";
  content: var(--tw-content);
}

.before\:content-\[\"\D2B8\C784\C131\D615\"\]::before {
  --tw-content: "트임성형";
  content: var(--tw-content);
}

@media (min-width: 980px) {
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .mobile\:absolute {
    position: absolute;
  }

  .mobile\:right-0 {
    right: 0px;
  }

  .mobile\:top-0 {
    top: 0px;
  }

  .mobile\:top-\[\.5rem\] {
    top: .5rem;
  }

  .mobile\:order-1 {
    order: 1;
  }

  .mobile\:order-2 {
    order: 2;
  }

  .mobile\:order-3 {
    order: 3;
  }

  .mobile\:m-0 {
    margin: 0px;
  }

  .mobile\:mt-10 {
    margin-top: 2.5rem;
  }

  .mobile\:mt-12 {
    margin-top: 3rem;
  }

  .mobile\:mt-4 {
    margin-top: 1rem;
  }

  .mobile\:mt-6 {
    margin-top: 1.5rem;
  }

  .mobile\:mt-8 {
    margin-top: 2rem;
  }

  .mobile\:mt-\[30px\] {
    margin-top: 30px;
  }

  .mobile\:mt-\[50px\] {
    margin-top: 50px;
  }

  .mobile\:\!hidden {
    display: none !important;
  }

  .mobile\:hidden {
    display: none;
  }

  .mobile\:size-4 {
    width: 1rem;
    height: 1rem;
  }

  .mobile\:h-\[24px\] {
    height: 24px;
  }

  .mobile\:h-\[400px\] {
    height: 400px;
  }

  .mobile\:h-\[80px\] {
    height: 80px;
  }

  .mobile\:w-\[144px\] {
    width: 144px;
  }

  .mobile\:w-\[160px\] {
    width: 160px;
  }

  .mobile\:w-\[20px\] {
    width: 20px;
  }

  .mobile\:w-\[24px\] {
    width: 24px;
  }

  .mobile\:w-\[2rem\] {
    width: 2rem;
  }

  .mobile\:w-full {
    width: 100%;
  }

  .mobile\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mobile\:flex-col {
    flex-direction: column;
  }

  .mobile\:flex-wrap {
    flex-wrap: wrap;
  }

  .mobile\:items-start {
    align-items: flex-start;
  }

  .mobile\:items-center {
    align-items: center;
  }

  .mobile\:gap-12 {
    gap: 3rem;
  }

  .mobile\:gap-2 {
    gap: 0.5rem;
  }

  .mobile\:border {
    border-width: 1px;
  }

  .mobile\:\!py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .mobile\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .mobile\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .mobile\:pt-4 {
    padding-top: 1rem;
  }

  .mobile\:\!text-\[22px\] {
    font-size: 22px !important;
  }

  .mobile\:text-\[\.5rem\] {
    font-size: .5rem;
  }

  .mobile\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .mobile\:text-\[1rem\] {
    font-size: 1rem;
  }

  .mobile\:text-\[30px\] {
    font-size: 30px;
  }

  .mobile\:text-\[9xp\] {
    color: 9xp;
  }
}

@media (min-width: 992px) {
  .desktop\:invisible {
    visibility: hidden;
  }

  .desktop\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .desktop\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .desktop\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .desktop\:mb-\[140px\] {
    margin-bottom: 140px;
  }

  .desktop\:mt-10 {
    margin-top: 2.5rem;
  }

  .desktop\:mt-12 {
    margin-top: 3rem;
  }

  .desktop\:mt-20 {
    margin-top: 5rem;
  }

  .desktop\:mt-\[100px\] {
    margin-top: 100px;
  }

  .desktop\:mt-\[20px\] {
    margin-top: 20px;
  }

  .desktop\:block {
    display: block;
  }

  .desktop\:hidden {
    display: none;
  }

  .desktop\:size-16 {
    width: 4rem;
    height: 4rem;
  }

  .desktop\:size-32 {
    width: 8rem;
    height: 8rem;
  }

  .desktop\:h-\[101px\] {
    height: 101px;
  }

  .desktop\:h-\[564px\] {
    height: 564px;
  }

  .desktop\:h-\[639px\] {
    height: 639px;
  }

  .desktop\:max-h-\[196px\] {
    max-height: 196px;
  }

  .desktop\:min-h-\[630px\] {
    min-height: 630px;
  }

  .desktop\:w-1\/2 {
    width: 50%;
  }

  .desktop\:w-\[185px\] {
    width: 185px;
  }

  .desktop\:w-\[64\%\] {
    width: 64%;
  }

  .desktop\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .desktop\:justify-between {
    justify-content: space-between;
  }

  .desktop\:gap-20 {
    gap: 5rem;
  }

  .desktop\:gap-4 {
    gap: 1rem;
  }

  .desktop\:gap-8 {
    gap: 2rem;
  }

  .desktop\:divide-x> :not([hidden])~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .desktop\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .desktop\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .desktop\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .desktop\:py-\[7rem\] {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .desktop\:pl-8 {
    padding-left: 2rem;
  }

  .desktop\:pr-8 {
    padding-right: 2rem;
  }

  .desktop\:pt-12 {
    padding-top: 3rem;
  }

  .desktop\:pt-8 {
    padding-top: 2rem;
  }

  .desktop\:\!text-left {
    text-align: left !important;
  }

  .desktop\:text-right {
    text-align: right;
  }

  .desktop\:text-\[1\.1rem\] {
    font-size: 1.1rem;
  }

  .desktop\:text-\[1\.2rem\] {
    font-size: 1.2rem;
  }

  .desktop\:text-\[11px\] {
    font-size: 11px;
  }

  .desktop\:text-\[16px\] {
    font-size: 16px;
  }

  .desktop\:text-\[36px\] {
    font-size: 36px;
  }

  .desktop\:text-\[60px\] {
    font-size: 60px;
  }

  .desktop\:tracking-\[3px\] {
    letter-spacing: 3px;
  }
}