@charset "UTF-8";
/* -start- 공통사항 */
/* line 2, app/assets/stylesheets/tinnitus.scss */
.text-bold {
  font-weight: bold;
}

/* line 3, app/assets/stylesheets/tinnitus.scss */
.text-normal {
  font-weight: normal;
}

/* line 4, app/assets/stylesheets/tinnitus.scss */
.text-weight-200 {
  font-weight: 200;
}

/* line 5, app/assets/stylesheets/tinnitus.scss */
.text-weight-300 {
  font-weight: 300;
}

/* line 6, app/assets/stylesheets/tinnitus.scss */
.text-weight-500 {
  font-weight: 500;
}

/* line 7, app/assets/stylesheets/tinnitus.scss */
.text-weight-600 {
  font-weight: 600;
}

/* line 8, app/assets/stylesheets/tinnitus.scss */
.text-weight-800 {
  font-weight: 800;
}

/* line 9, app/assets/stylesheets/tinnitus.scss */
.text-weight-900 {
  font-weight: 900;
}

/* line 10, app/assets/stylesheets/tinnitus.scss */
.text-blue {
  color: #009eda;
}

/* line 12, app/assets/stylesheets/tinnitus.scss */
.wrap-title-text {
  text-align: center;
}

/* line 13, app/assets/stylesheets/tinnitus.scss */
.wrap-title-text em {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: -0.8px;
  color: #212121;
  opacity: 0.8;
}

/* line 14, app/assets/stylesheets/tinnitus.scss */
.wrap-title-text h1 {
  font-family: Pretendard;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -1.6px;
  color: #121212;
  padding-top: 0.75rem;
}

/* line 15, app/assets/stylesheets/tinnitus.scss */
.wrap-title-text p {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: -0.8px;
  color: #4c4c4c;
  padding-top: 1.875rem;
  opacity: 0.8;
}

/* line 17, app/assets/stylesheets/tinnitus.scss */
.main {
  padding-top: 154px;
}

/* -start- 공통사항 */
/* -start- 메인 이미지 */
/* line 21, app/assets/stylesheets/tinnitus.scss */
.wrap-main-img {
  position: relative;
}

/* line 22, app/assets/stylesheets/tinnitus.scss */
.wrap-main-img .main-img-box {
  width: 100%;
  max-width: 1920px;
  height: 700px;
}

/* line 23, app/assets/stylesheets/tinnitus.scss */
.wrap-main-img .main-img-box .d-img-main {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* line 24, app/assets/stylesheets/tinnitus.scss */
.wrap-main-img .text-main-box {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  z-index: 2;
}

/* line 25, app/assets/stylesheets/tinnitus.scss */
.wrap-main-img .text-main-box .text-main-em {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.94;
  letter-spacing: -0.74px;
  color: #fff;
  opacity: 0.8;
  margin-left: 2px;
}

/* line 26, app/assets/stylesheets/tinnitus.scss */
.wrap-main-img .text-main-box .text-main-h1 {
  font-family: Pretendard;
  font-size: 3rem;
  font-weight: 200;
  line-height: 1.33;
  letter-spacing: -1.92px;
  color: #fff;
  padding-top: 1rem;
}

/* -end- 메인 이미지 */
/* -start- system */
/* line 30, app/assets/stylesheets/tinnitus.scss */
.wrap-system {
  background-image: url(/images/tinnitus/d_tinnitus_system_bg.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 7.5rem 0 10rem;
}

/* line 31, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system {
  padding-top: 3.75rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

/* line 32, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .system-img-box {
  width: 100%;
  max-width: 590px;
  box-sizing: border-box;
}

/* line 33, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .system-img-box .d-img-system {
  width: 100%;
  display: block;
}

/* line 34, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .system-text-box {
  padding-top: 3.125rem;
  padding-left: 5.625rem;
}

/* line 35, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .system-text-box .system-no {
  font-family: Pretendard;
  font-size: 3.125rem;
  font-weight: bold;
  color: #008ad9;
  opacity: 0.2;
}

/* line 36, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .system-text-box .system-h1 {
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -0.96px;
  color: #121212;
  padding-top: 0.625rem;
}

/* line 37, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .system-text-box .system-p {
  font-family: Pretendard;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.64px;
  color: #616161;
  padding-top: 1.25rem;
}

/* line 38, app/assets/stylesheets/tinnitus.scss */
.wrap-system .wrapping-system .wrapping-system-li {
  width: 100%;
  max-width: 590px;
}

/* -end- system */
/* -start- equipment */
/* line 42, app/assets/stylesheets/tinnitus.scss */
.wrap-equipment {
  padding: 10rem 0 5rem;
  background-image: linear-gradient(to bottom, #ffffff 55%, #f8f8fa 55%);
}

/* line 44, app/assets/stylesheets/tinnitus.scss */
.wrap-equipment .wrap-equipment-slide .wrapping-equipment .text-slide-box {
  padding: 1rem 0 0.937rem;
}

/* line 45, app/assets/stylesheets/tinnitus.scss */
.wrap-equipment .wrap-equipment-slide .wrapping-equipment .text-slide-box .text-h1 {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 3;
  letter-spacing: -0.6px;
  text-align: center;
  color: #333;
}

/* line 46, app/assets/stylesheets/tinnitus.scss */
.wrap-equipment .wrap-equipment-slide .wrapping-equipment .text-slide-box .text-p {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: -0.64px;
  color: #616161;
  text-align: center;
}

/* line 48, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide {
  position: relative;
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 3.5rem;
}

/* line 49, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-wrapper {
  width: 100%;
  padding: 2rem 0 8rem;
  align-items: center;
}

/* line 50, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide {
  width: 100%;
  max-width: 300px;
  padding: 0 80px;
}

/* line 51, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .wrapping-equipment {
  width: 100%;
  max-width: 300px;
  border-radius: 30px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  box-sizing: border-box;
}

/* line 52, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .wrapping-equipment .slide-img-box {
  width: 100%;
  background-color: #f8f8fa;
  border-radius: 30px 30px 0 0;
}

/* line 53, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .wrapping-equipment .slide-img-box .d-equipment-slide {
  width: 100%;
  display: block;
}

/* line 54, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-scrollbar {
  height: 4px;
  width: 61.45%;
  left: 20%;
  bottom: 35px;
  position: absolute;
  background: #dfdfdf;
}

/* line 55, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide-active {
  width: 100%;
  max-width: 440px;
  padding: 0;
}

/* line 56, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide-active .wrapping-equipment {
  width: 100%;
  max-width: 440px;
  border-radius: 30px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  box-sizing: border-box;
}

/* line 57, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide-active .wrapping-equipment .slide-img-box {
  background-color: #ebeeef;
}

/* line 58, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide-active .text-slide-box {
  padding: 1rem 0 2rem;
}

/* line 59, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide-active .text-slide-box .text-h1 {
  font-size: 2rem;
  line-height: 2.81;
  letter-spacing: -0.96px;
  text-align: center;
  color: #121212;
}

/* line 60, app/assets/stylesheets/tinnitus.scss */
#wrap-equipment-slide .swiper-slide-active .text-slide-box .text-p {
  font-size: 1.125rem;
  line-height: 1.38;
  letter-spacing: -0.72px;
  color: #626262;
  text-align: center;
}

/* -end- equipment */
/* -start- deafness */
/* line 64, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness {
  padding: 7.5rem 0;
}

/* line 66, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness {
  padding-top: 0.6rem;
}

/* line 67, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .list-deafness {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 3.187rem 0;
}

/* line 68, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-img-box {
  width: 100%;
  max-width: 500px;
}

/* line 69, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-img-box .d-img-deafness {
  width: 100%;
  display: block;
}

/* line 70, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box {
  padding-left: 5rem;
}

/* line 71, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-title {
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -0.96px;
  color: #121212;
}

/* line 72, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-title .deafness-text-no {
  font-family: 'Montserrat';
  font-size: 2rem;
  font-weight: bold;
  color: #009eda;
  padding-right: 1rem;
}

/* line 73, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-content {
  font-family: Pretendard;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.32px;
  color: #707070;
  padding-top: 1.312rem;
}

/* line 74, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon {
  display: flex;
  align-items: center;
  padding-top: 1.875rem;
}

/* line 75, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon .deafness-icon {
  font-family: Pretendard;
  font-size: 1rem;
  letter-spacing: -0.64px;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #009eda;
  padding: 0.75rem 0;
  width: 120px;
  margin-right: 0.625rem;
}

/* line 76, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon .deafness-icon.width-128 {
  width: 128px;
}

/* line 77, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon.icon-right {
  justify-content: right;
}

/* line 78, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon.icon-right .deafness-icon {
  margin-left: 0.625rem;
  margin-right: 0;
}

/* line 79, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .list-deafness.list-right {
  border-top: 1px dashed #c1bfbf;
  justify-content: flex-end;
}

/* line 80, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness .wrapping-deafness .list-deafness.list-right .deafness-text-box {
  padding-right: 5rem;
  text-align: right;
}

/* -end- deafness */
/* -start- tinnitus */
/* line 90, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus {
  position: relative;
}

/* line 91, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus .tinnitus-img-box {
  width: 100%;
  max-width: 1920px;
  height: 542px;
}

/* line 92, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus .tinnitus-img-box .d-img-tinnitus {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* line 93, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus .tinnitus-text-box {
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  z-index: 2;
}

/* line 94, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus .tinnitus-text-box h1 {
  font-family: Pretendard;
  font-size: 3.125rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #002744;
}

/* line 95, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus .tinnitus-text-box p {
  padding-top: 2.5rem;
  font-family: Pretendard;
  font-size: 1.125rem;
  line-height: 1.56;
  letter-spacing: -0.72px;
  color: #002744;
}

/* -end- tinnitus */
/* -start- tinnitus-inspection */
/* line 99, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection {
  background-color: #f6fbfe;
  padding: 7.5rem 0;
}

/* line 100, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrap-title-text p {
  color: #121212;
}

/* line 101, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrapping-tinnitus-inspection {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 5rem 0 4.375rem;
}

/* line 102, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection {
  padding: 0 0.625rem;
  position: relative;
}

/* line 103, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .tinnitus-inspection-img-box {
  width: 100%;
  max-width: 480px;
}

/* line 104, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .tinnitus-inspection-img-box .d-img-tinnitus-inspection {
  width: 100%;
  display: block;
}

/* line 105, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .list-spot {
  width: 20px;
  height: 20px;
  background-color: #009eda;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 55px;
  margin: 0 auto;
}

/* line 106, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .tinnitus-inspection-text {
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -0.96px;
  text-align: center;
  color: #121212;
  padding-top: 2.5rem;
}

/* line 107, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-inspection .tinnitus-inspection-sub-text {
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.96px;
  color: #000;
  text-align: center;
  opacity: 0.8;
}

/* -end- tinnitus-inspection */
/* -start- tinnitus-treat */
/* line 111, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat {
  padding: 7.5rem 0 8.75rem;
}

/* line 112, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat {
  padding-top: 3.75rem;
  display: flex;
  justify-content: center;
}

/* line 113, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat {
  padding: 0 1.937rem;
}

/* line 114, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-img-box {
  width: 100%;
  max-width: 360px;
}

/* line 115, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-img-box .d-img-tinnitus-treat {
  width: 100%;
  display: block;
}

/* line 116, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box {
  padding-top: 1.875rem;
}

/* line 117, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box .tinnitus-treat-text-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -0.96px;
  color: #000;
}

/* line 118, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box .tinnitus-treat-text-title .treat-no {
  padding: 0.5rem;
  background-color: #009eda;
  font-family: Pretendard;
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -1.12px;
  text-align: center;
  color: #fff;
  margin-right: 1.5rem;
}

/* line 119, app/assets/stylesheets/tinnitus.scss */
.wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box .tinnitus-treat-text-content {
  padding-top: 1.25rem;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.44;
  letter-spacing: -0.72px;
  color: #121212;
}

/* -end- tinnitus-treat */
/* -start- communication-abilities */
/* line 125, app/assets/stylesheets/tinnitus.scss */
.wrap-communication-abilities {
  position: relative;
}

/* line 126, app/assets/stylesheets/tinnitus.scss */
.wrap-communication-abilities .tinnitus-img-box {
  width: 100%;
  max-width: 1920px;
  height: 542px;
}

/* line 127, app/assets/stylesheets/tinnitus.scss */
.wrap-communication-abilities .tinnitus-img-box .d-img-communication-abilities {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* line 128, app/assets/stylesheets/tinnitus.scss */
.wrap-communication-abilities .tinnitus-text-box {
  position: absolute;
  top: 25%;
  left: 50.57%;
  right: 0;
  z-index: 2;
}

/* line 129, app/assets/stylesheets/tinnitus.scss */
.wrap-communication-abilities .tinnitus-text-box h1 {
  font-family: Pretendard;
  font-size: 3.125rem;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #121212;
}

/* line 130, app/assets/stylesheets/tinnitus.scss */
.wrap-communication-abilities .tinnitus-text-box p {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  opacity: 0.8;
  padding-top: 1.875rem;
}

/* -end- communication-abilities */
/* -start- hearing-test */
/* line 134, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test {
  padding: 7.5rem 0;
  background-color: #f8f9fa;
}

/* line 135, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test {
  padding-top: 2.5rem;
}

/* line 136, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem 0;
}

/* line 137, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-img-box {
  border-radius: 50%;
  width: 100%;
  max-width: 320px;
  background-color: #fff;
}

/* line 138, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-img-box .d-img-hearing-test {
  width: 100%;
  display: block;
}

/* line 139, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-text-box {
  padding-left: 5rem;
}

/* line 140, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-text-box .hearing-test-title {
  border-radius: 34px;
  background-color: #009eda;
  width: 100%;
  max-width: 317px;
  padding: 1.125rem 0 1.062rem;
  font-family: Pretendard;
  font-size: 1.562rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

/* line 141, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-text-box .hearging-test-content {
  padding-top: 1.875rem;
  font-family: Pretendard;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.8px;
  color: #121212;
}

/* line 142, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test.list-2 {
  border-top: 1px dashed #707070;
  justify-content: right;
}

/* line 143, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test.list-2 .hearing-test-text-box {
  padding-right: 5rem;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* line 144, app/assets/stylesheets/tinnitus.scss */
.wrap-hearing-test .wrapping-hearing-test .list-hearing-test.list-2 .hearing-test-text-box .hearging-test-content {
  text-align: right;
}

/* -end- hearing-test */
/* -start- deafness-registration-procedure */
/* line 148, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness-registration-procedure {
  padding: 7.5rem 0 8.75rem;
}

/* line 149, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness-registration-procedure .deafness-registration-procedure-img-box {
  padding: 3.687rem 0 5rem;
  width: 100%;
  max-width: 1180px;
}

/* line 150, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness-registration-procedure .deafness-registration-procedure-img-box .d-img-deafness-registration-procedure {
  width: 100%;
  display: block;
}

/* line 151, app/assets/stylesheets/tinnitus.scss */
.wrap-deafness-registration-procedure .deafness-registration-procedure-text-box {
  text-align: center;
  font-family: Pretendard;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.96px;
  color: #121212;
  opacity: 0.8;
}

/* -end- deafness-registration-procedure */
@media (max-width: 600px) {
  /* line 155, app/assets/stylesheets/tinnitus.scss */
  body.noscroll {
    overflow: hidden;
  }
  /* line 156, app/assets/stylesheets/tinnitus.scss */
  .desktop {
    display: none;
  }
  /* line 157, app/assets/stylesheets/tinnitus.scss */
  .mobile {
    display: block;
  }
  /* line 159, app/assets/stylesheets/tinnitus.scss */
  .main {
    padding-top: 72px;
  }
  /* -start- 공통사항 */
  /* line 162, app/assets/stylesheets/tinnitus.scss */
  .wrap-title-text em {
    font-size: 1.125rem;
    letter-spacing: -1.12px;
    padding-bottom: 0.625rem;
  }
  /* line 163, app/assets/stylesheets/tinnitus.scss */
  .wrap-title-text h1 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.21;
    letter-spacing: -2.24px;
  }
  /* line 164, app/assets/stylesheets/tinnitus.scss */
  .wrap-title-text p {
    font-size: 1rem;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #212121;
    padding-top: 0.937rem;
  }
  /* -end- 공통사항 */
  /* -start- 메인 이미지 */
  /* line 169, app/assets/stylesheets/tinnitus.scss */
  .wrap-main-img .main-img-box {
    max-width: 100%;
    height: 560px;
    overflow: hidden;
  }
  /* line 170, app/assets/stylesheets/tinnitus.scss */
  .wrap-main-img .main-img-box .m-img-main {
    width: 100%;
    display: block;
  }
  /* line 171, app/assets/stylesheets/tinnitus.scss */
  .wrap-main-img .text-main-box {
    top: 16%;
    left: 20px;
  }
  /* line 172, app/assets/stylesheets/tinnitus.scss */
  .wrap-main-img .text-main-box .text-main-em {
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: -1.12px;
    color: #fff;
  }
  /* line 173, app/assets/stylesheets/tinnitus.scss */
  .wrap-main-img .text-main-box .text-main-h1 {
    font-size: 2.15rem;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: normal;
    color: #fff;
    padding-top: 0.625rem;
  }
  /* -end- 메인 이미지 */
  /* -start- system */
  /* line 177, app/assets/stylesheets/tinnitus.scss */
  .wrap-system {
    background-image: url(/images/tinnitus/m_tinnitus_system_bg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    padding: 5rem 0 7.5rem 5.55%;
  }
  /* line 178, app/assets/stylesheets/tinnitus.scss */
  .wrap-system .wrap-title-text h1 {
    text-align: left;
  }
  /* line 179, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides {
    position: relative;
    padding-top: 2.5rem;
    overflow: hidden;
  }
  /* line 180, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides .system-img-box {
    overflow: hidden;
    width: 100%;
    max-width: 320px;
    box-sizing: border-box;
    height: 220px;
  }
  /* line 182, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides .system-img-box .m-img-system {
    display: block;
    height: 100%;
  }
  /* line 183, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides .system-text-box {
    padding-top: 1.25rem;
  }
  /* line 184, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides .system-text-box .system-h1 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.18;
    letter-spacing: -1.6px;
    padding-top: 0;
  }
  /* line 185, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides .system-text-box .system-p {
    font-size: 0.95rem;
    line-height: 1.43;
    letter-spacing: -0.56px;
    color: #8e8e93;
    padding-top: 0.75rem;
  }
  /* line 186, app/assets/stylesheets/tinnitus.scss */
  #m-system-slides .swiper-slide {
    width: 88%;
    max-width: 320px;
  }
  /* -end- system */
  /* -start- equipment */
  /* line 190, app/assets/stylesheets/tinnitus.scss */
  .wrap-equipment {
    padding: 3.75rem 0;
  }
  /* line 191, app/assets/stylesheets/tinnitus.scss */
  .wrap-equipment .wrap-equipment-slide .wrapping-equipment .text-slide-box {
    padding: 0.937rem 0;
  }
  /* line 192, app/assets/stylesheets/tinnitus.scss */
  .wrap-equipment .wrap-equipment-slide .wrapping-equipment .text-slide-box .text-h1 {
    font-size: 0.825rem;
    line-height: 2.81;
    letter-spacing: -0.96px;
  }
  /* line 193, app/assets/stylesheets/tinnitus.scss */
  .wrap-equipment .wrap-equipment-slide .wrapping-equipment .text-slide-box .text-p {
    font-size: 0.6rem;
    line-height: 1.25;
    letter-spacing: -0.96px;
    color: #626262;
  }
  /* line 195, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide {
    position: relative;
    overflow: hidden;
    padding-top: 2.5rem;
    width: 100%;
  }
  /* line 196, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-wrapper {
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 7rem;
  }
  /* line 197, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide {
    width: 100%;
    max-width: 150px;
    padding: 0 30px;
  }
  /* line 198, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .m-equipment-slide {
    width: 100%;
    display: block;
  }
  /* line 199, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .wrapping-equipment {
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    box-sizing: border-box;
  }
  /* line 200, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .wrapping-equipment .slide-img-box {
    width: 100%;
    background-color: #f8f8fa;
    border-radius: 16px 16px 0 0;
  }
  /* line 201, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-scrollbar {
    height: 3px;
    width: 63.88%;
    left: 0;
    right: 0;
    bottom: 35px;
    position: absolute;
    background: #dfdfdf;
    margin: 0 auto;
  }
  /* line 202, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide-active {
    width: 100%;
    max-width: 250px;
    padding: 0;
  }
  /* line 203, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide-active .wrapping-equipment {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    box-sizing: border-box;
  }
  /* line 204, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide-active .wrapping-equipment .slide-img-box {
    background-color: #ebeeef;
  }
  /* line 205, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide-active .text-slide-box {
    padding: 0.8rem 0 1.5rem;
  }
  /* line 206, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide-active .text-slide-box .text-h1 {
    font-size: 1.25rem;
    line-height: 2.5;
    letter-spacing: -0.96px;
    text-align: center;
    color: #121212;
  }
  /* line 207, app/assets/stylesheets/tinnitus.scss */
  #m-wrap-equipment-slide .swiper-slide-active .text-slide-box .text-p {
    font-size: 1rem;
    line-height: 1.38;
    letter-spacing: -0.72px;
    color: #626262;
    text-align: center;
  }
  /* -end- equipment */
  /* -start- deafness */
  /* line 211, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness {
    padding: 4.375rem 0 3.125rem;
  }
  /* line 212, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness {
    padding-top: 1.875rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 213, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .list-deafness {
    width: 100%;
    display: block;
    padding: 0 0 3.125rem;
  }
  /* line 214, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .m-img-deafness {
    width: 100%;
    display: block;
  }
  /* line 215, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box {
    padding-left: 0;
    padding-top: 1.5rem;
  }
  /* line 216, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-title {
    font-size: 1.5rem;
    letter-spacing: -1.44px;
  }
  /* line 217, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-title .deafness-text-no {
    font-size: 1.5rem;
    padding-right: 0.625rem;
  }
  /* line 218, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-content {
    font-size: 1rem;
    line-height: 1.38;
    letter-spacing: -1.04px;
    color: #616161;
    padding-top: 0.875rem;
  }
  /* line 219, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon {
    padding-top: 1.25rem;
  }
  /* line 220, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon .deafness-icon {
    font-size: 1.125rem;
    letter-spacing: -1.12px;
    border-radius: 15px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
    padding: 0.343rem 0 0.375rem;
    width: 104px;
    margin-right: 4px;
  }
  /* line 221, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness .wrapping-deafness .deafness-text-box .deafness-text-icon .deafness-icon.width-128 {
    width: 150px;
  }
  /* -end- deafness */
  /* -start- tinnitus */
  /* line 225, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus .tinnitus-img-box {
    max-width: 100%;
    height: 571px;
  }
  /* line 226, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus .m-img-tinnitus {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  /* line 227, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus .tinnitus-text-box {
    top: 12%;
    left: 8.6%;
  }
  /* line 228, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus .tinnitus-text-box h1 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.19;
    letter-spacing: -2.56px;
  }
  /* line 229, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus .tinnitus-text-box p {
    padding-top: 1rem;
    font-size: 1rem;
    line-height: 1.46;
    letter-spacing: -1.04px;
    opacity: .8;
    margin-right: 20px;
  }
  /* -end- tinnitus */
  /* -start- tinnitus-inspection */
  /* line 233, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection {
    padding: 5rem 0;
  }
  /* line 234, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .wrapping-tinnitus-inspection {
    justify-content: space-between;
    align-items: flex-start;
    padding: 3.125rem 0 4.375rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 235, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection {
    padding: 0 0.312rem;
  }
  /* line 236, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .tinnitus-inspection-img-box {
    width: 100%;
    max-width: 100%;
  }
  /* line 237, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .tinnitus-inspection-img-box .m-img-tinnitus-inspection {
    width: 100%;
    display: block;
  }
  /* line 238, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .list-spot {
    bottom: 33px;
  }
  /* line 239, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .wrapping-tinnitus-inspection .list-tinnitus-inspection .tinnitus-inspection-text {
    font-size: 1.125rem;
    letter-spacing: -1.44px;
    padding-top: 1.562rem;
  }
  /* line 240, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-inspection .tinnitus-inspection-sub-text {
    font-size: 1rem;
    letter-spacing: -1.28px;
  }
  /* -end- tinnitus-inspection */
  /* -start- tinnitus-treat */
  /* line 244, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat {
    padding: 5rem 0 3.125rem;
  }
  /* line 245, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat {
    padding-top: 1.875rem;
    display: block;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 246, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat {
    padding: 0 0 1.25rem;
  }
  /* line 247, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-img-box {
    width: 100%;
    max-width: 100%;
  }
  /* line 248, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-img-box .m-img-tinnitus-treat {
    width: 100%;
    display: block;
  }
  /* line 249, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box {
    padding-top: 1.25rem;
  }
  /* line 250, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box .tinnitus-treat-text-title {
    display: flex;
    font-size: 1.5rem;
    letter-spacing: -1.44px;
    color: #121212;
  }
  /* line 251, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box .tinnitus-treat-text-title .treat-no {
    padding: 0;
    background-color: #fff;
    font-size: 1.375rem;
    font-weight: bold;
    letter-spacing: normal;
    color: #009eda;
    margin-right: 0.593rem;
  }
  /* line 252, app/assets/stylesheets/tinnitus.scss */
  .wrap-tinnitus-treat .wrapping-tinnitus-treat .list-tinnitus-treat .tinnitus-treat-text-box .tinnitus-treat-text-content {
    padding-top: 1rem;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #707070;
  }
  /* -end- tinnitus-treat */
  /* -start- communication-abilities */
  /* line 256, app/assets/stylesheets/tinnitus.scss */
  .wrap-communication-abilities .tinnitus-img-box {
    width: 100%;
    max-width: 100%;
    height: 600px;
  }
  /* line 257, app/assets/stylesheets/tinnitus.scss */
  .wrap-communication-abilities .tinnitus-img-box .m-img-communication-abilities {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  /* line 258, app/assets/stylesheets/tinnitus.scss */
  .wrap-communication-abilities .tinnitus-text-box {
    top: 16%;
    left: 0;
    right: 0;
    z-index: 2;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 259, app/assets/stylesheets/tinnitus.scss */
  .wrap-communication-abilities .tinnitus-text-box h1 {
    font-size: 2rem;
    line-height: 1.19;
    letter-spacing: -2.56px;
  }
  /* line 260, app/assets/stylesheets/tinnitus.scss */
  .wrap-communication-abilities .tinnitus-text-box p {
    font-size: 0.812rem;
    font-weight: normal;
    line-height: 1.46;
    letter-spacing: -1.04px;
    color: #121212;
    padding-top: 1.25rem;
  }
  /* -end- communication-abilities */
  /* -start- hearing-test */
  /* line 264, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test {
    padding: 5.625rem 0 2.5rem;
  }
  /* line 265, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test {
    padding-top: 2.5rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 266, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test .list-hearing-test {
    display: block;
    padding: 0 0 3.75rem;
  }
  /* line 267, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-img-box {
    border-radius: 0;
    max-width: 100%;
  }
  /* line 268, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-img-box .m-img-hearing-test {
    width: 100%;
    display: block;
  }
  /* line 269, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-text-box {
    padding-left: 0;
    padding-top: 1.25rem;
    text-align: center;
  }
  /* line 270, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-text-box .hearing-test-title {
    border-radius: 17.5px;
    width: 50%;
    max-width: 50%;
    padding: 0.437rem 0;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.17;
    letter-spacing: -1.44px;
    text-align: center;
    margin: 0 auto;
  }
  /* line 271, app/assets/stylesheets/tinnitus.scss */
  .wrap-hearing-test .wrapping-hearing-test .list-hearing-test .hearing-test-text-box .hearging-test-content {
    padding-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #707070;
  }
  /* -end- hearing-test */
  /* -start- deafness-registration-procedure */
  /* line 275, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness-registration-procedure {
    padding: 5rem 0 4.375rem;
  }
  /* line 276, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness-registration-procedure .deafness-registration-procedure-img-box {
    padding: 3.125rem 0 2.5rem;
    width: 88.88%;
    max-width: 88.88%;
    margin: 0 auto;
  }
  /* line 277, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness-registration-procedure .deafness-registration-procedure-img-box .m-img-deafness-registration-procedure {
    width: 100%;
    display: block;
  }
  /* line 278, app/assets/stylesheets/tinnitus.scss */
  .wrap-deafness-registration-procedure .deafness-registration-procedure-text-box {
    font-size: 1rem;
    line-height: 1.38;
    letter-spacing: -1.28px;
    width: 88.88%;
    margin: 0 auto;
    background-color: #f8f8fa;
    padding: 1.875rem 0;
    border-radius: 20px;
    opacity: 1;
  }
  /* -end- deafness-registration-procedure */
}

/*# sourceMappingURL=tinnitus.css-0232b3e953607ac9c5865780b5c5f93f5b2d060d503a4b380ceaed9bc4d9fae2.map */