@charset "utf-8";

.sec-sub {
  background-color: #15264B;
}

.sec-sub .container {
  width: calc(100% - 10rem);
  margin: 0 auto;
  border-radius: 2rem;
}

@media all and (max-width:780px) {
  .sec-sub .container {
    width: calc(100% - 6rem);
  }
}

.sec-sub .container-area {
  width: calc(100% - 22rem);
  margin: 0 auto;
}

@media all and (max-width:780px) {
  .sec-sub .container-area {
    width: calc(100% - 6rem);
  }
}

.sec-sub .sub-area {
  width: calc(100% - 32rem);
  margin: 0 auto;
}

@media all and (max-width:1280px) {
  .sec-sub .sub-area {
    width: calc(100% - 6rem);
  }
}




.sec-sub .intro-con {
  padding-top: 22.5rem;
}

.sec-sub .intro-con .container .tit-wrap {
  color: #fff;
  text-align: center;
  padding-bottom: 8.8rem;
}

.sec-sub .intro-con .container .tit-wrap p {
  font-size: 2.4rem;
  padding-bottom: 2.3rem;
}

.sec-sub .intro-con .container .tit-wrap h3 {
  font-size: 6rem;
  font-weight: 600;
  word-break: keep-all;
}

.sec-sub .intro-con .container .img-wrap {
  position: relative;
  width: 100%;
  height: 60rem;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  border-radius: 2rem;
}

.sec-sub .intro-con .container .img-wrap .deco-tri {
  position: absolute;
  top: -2.6rem;
  left: 50%;
  transform: translateX(-50%);
  width: 18.5rem;
  height: 5.1rem;
  background: url("../img/new/sub/cmn/intro_con_tri.png") no-repeat center;
  background-size: contain;
}

.sec-sub .intro-con .container .img-wrap .deco-tri img {
  position: absolute;
  top: -1rem;
  left: 50%;
  width: 4rem;
  height: auto;
  transform: translateX(-50%);
  opacity: 0.2;
}

.sec-sub .intro-con .container .img-wrap .bar {
  position: absolute;
  bottom: -9rem;
  left: 50%;
  width: 1px;
  height: 16rem;
  background-color: #fff;
}

.sec-sub .intro-con .container .txt-wrap {
  text-align: center;
  color: #fff;
  padding-top: 14rem;
}

.sec-sub .intro-con .container .txt-wrap strong {
  display: block;
  font-family: 'BareunBatang';
  font-size: 4rem;
  padding-bottom: 4.5rem;
}

.sec-sub .intro-con .container .txt-wrap p {
  font-size: 2rem;
  line-height: 3.2rem;
  opacity: 0.7;
}

@media all and (max-width:780px) {
  .sec-sub .intro-con {
    padding-top: 18.6rem;
  }

  .sec-sub .intro-con .container .img-wrap {
    height: 30rem;
  }

  .sec-sub .intro-con .container .tit-wrap h3 {
    font-size: 5rem;
  }

  .sec-sub .intro-con .container .img-wrap .bar {
    bottom: -5rem;
    height: 10rem;
  }

  .sec-sub .intro-con .container .txt-wrap strong {
    font-size: 4rem;
    line-height: 1.3;
    word-break: keep-all;
    padding-bottom: 2rem;
  }

  .sec-sub .intro-con .container .txt-wrap p {
    font-size: 2rem;
    line-height: 1.5;
    word-break: keep-all;
  }
}















.sec-sub .interior-con {
  margin-bottom: 14.3rem;
}

.sec-sub .interior-con ul {
  display: flex;
}

.sec-sub .interior-con ul li {
  border-radius: 2rem;
  overflow: hidden;
}

.sec-sub .interior-con ul li img {
  width: 100%;
  height: auto;
}

@media all and (max-width:780px) {
  .sec-sub .interior-con {
    margin-bottom: 10rem;
  }
}








.sec-sub .qna-con .container {
  padding: 10rem 0;
  background-color: #fff;
}

.sec-sub .qna-con .container .area .tit-wrap {
  text-align: center;
  padding-bottom: 5.2rem;
}

.sec-sub .qna-con .container .area .tit-wrap h4 {
  font-size: 5.4rem;
  line-height: 7.4rem;
  font-weight: 300;
}

.sec-sub .qna-con .container .area .tit-wrap h4 strong {
  font-weight: 800;
  color: #15264B;
}

.sec-sub .qna-con .container .area .txt-wrap ul li {
  border-bottom: 1px solid #D9D9D9;
  box-sizing: border-box;
}

.sec-sub .qna-con .container .area .txt-wrap ul li .qus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 9rem;
  cursor: pointer;
}

.sec-sub .qna-con .container .area .txt-wrap ul li .qus h5 {
  font-size: 2rem;
  font-weight: 700;
  width: calc(100% - 2rem);
}

.sec-sub .qna-con .container .area .txt-wrap ul li .qus .down {
  width: 0.9rem;
  height: 1.4rem;
  aspect-ratio: 0.9 / 1.4;
}

.sec-sub .qna-con .container .area .txt-wrap ul li .qus .down img {
  width: 100%;
  height: auto;
  transition: 0.5s;
}

.sec-sub .qna-con .container .area .txt-wrap ul li .qus.on .down img {
  transform: rotate(180deg);
}

.sec-sub .qna-con .container .area .txt-wrap ul li .answ {
  display: none;
  padding-bottom: 2rem;
}

.sec-sub .qna-con .container .area .txt-wrap ul li .answ p {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #333;
  word-break: keep-all;
}

@media all and (max-width:780px) {
  .sec-sub .qna-con .container {
    padding: 9.1rem 0;
  }

  .sec-sub .qna-con .container .area .tit-wrap {
    padding-bottom: 3.6rem;
  }

  .sec-sub .qna-con .container .area .tit-wrap h4 {
    font-size: 4.4rem;
    line-height: 1.3;
  }

  .sec-sub .qna-con .container .area .txt-wrap ul li .qus {
    height: auto;
    padding: 2rem 0;
  }

  .sec-sub .qna-con .container .area .txt-wrap ul li .qus h5 {
    font-size: 2.2rem;
    padding-right: 3rem;
    word-break: keep-all;
    line-height: 1.3;
  }

  .sec-sub .qna-con .container .area .txt-wrap ul li .qus .down {
    width: 1.4rem;
    margin-right: 1rem;
  }

  .sec-sub .qna-con .container .area .txt-wrap ul li .answ p {
    font-size: 2rem;
  }
}








.sec-sub .contact-con {
  padding: 10rem 0;
}

.sec-sub .contact-con .area .tit-wrap {
  text-align: center;
  color: #fff;
}

.sec-sub .contact-con .area .tit-wrap > strong {
  display: block;
  font-size: 5rem;
  font-weight: 100;
  word-break: keep-all;
}

.sec-sub .contact-con .area .tit-wrap > strong span {
  font-weight: 700;
}

.sec-sub .contact-con .area .tit-wrap .bar {
  display: block;
  width: 1px;
  height: 8rem;
  background-color: #fff;
  opacity: 0.3;
  margin: 3.3rem auto;
}

.sec-sub .contact-con .area .tit-wrap .p-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}

.sec-sub .contact-con .area .tit-wrap .p-wrap p {
  font-size: 3rem;
  font-weight: 100;
  word-break: keep-all;
}

.sec-sub .contact-con .area .tit-wrap .p-wrap strong {
  font-weight: 600;
}

.sec-sub .contact-con .area .tit-wrap .p-wrap .icon img {
  width: 2.4rem;
  height: auto;
}

.sec-sub .contact-con .area .info-wrap {
  display: flex;
  justify-content: space-between;
  color: #fff;
}

.sec-sub .contact-con .area .info-wrap > div h5 {
  font-family: "Libre Baskerville", serif;
  font-size: 2.5rem;
  font-weight: 400;
  opacity: 0.7;
  padding-bottom: 2.4rem;
}

.sec-sub .contact-con .area .info-wrap .info1 strong {
  font-size: 4rem;
  font-weight: 700;
}

.sec-sub .contact-con .area .info-wrap .info2 p {
  font-size: 2.4rem;
  line-height: 3.4rem;
  color: #fff;
  font-weight: 500;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li {
  display: flex;
  font-size: 2.4rem;
  margin-top: 1.2rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:first-child {
  margin-top: 0;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li h6 {
  margin-right: 3.2rem;
  font-size: 2.4rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:nth-child(1) h6 span {
  letter-spacing: 3.9rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:nth-child(2) h6 span {
  letter-spacing: 1.7rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:nth-child(3) h6 span {
  letter-spacing: 1rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:nth-child(1) p span {
  letter-spacing: 0.03rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:nth-child(3) p span {
  letter-spacing: 0.035rem;
}

.sec-sub .contact-con .area .info-wrap .info3 ul li:nth-child(4) p span {
  letter-spacing: 0.065rem;
}

.sec-sub .contact-con .area .info-wrap .info3 > strong {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.7;
  padding-top: 3.3rem;
}

.sec-sub .contact-con .area .btm-info-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 5rem;
  margin-top: 5rem;
}

.sec-sub .contact-con .area .btm-info-wrap .link-group ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.sec-sub .contact-con .area .btm-info-wrap .link-group ul li {
  width: 22.9rem;
  height: 4.9rem;
  background-color: rgba(255,255,255,0.1);
  border-radius: 3rem;
}

.sec-sub .contact-con .area .btm-info-wrap .link-group ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  color: #fff;
}

.sec-sub .contact-con .area .btm-info-wrap .link-group ul li a p {
  font-size: 1.6rem;
  padding-left: 3rem;
}

.sec-sub .contact-con .area .btm-info-wrap .link-group ul li a .img  {
  margin-right: 3rem;
}
.sec-sub .contact-con .area .btm-info-wrap .link-group ul li a .img img {
  width: 1.6rem;
  height: auto;
}

.sec-sub .contact-con .area .btm-info-wrap .parking-group {
  display: flex;
  gap: 2.7rem;
  color: #fff;
}

.sec-sub .contact-con .area .btm-info-wrap .parking-group h4 {
  font-size: 1.7rem;
  font-weight: 500;
  opacity: 0.6;
  width: 5.9rem;
}

.sec-sub .contact-con .area .btm-info-wrap .parking-group ul {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.sec-sub .contact-con .area .btm-info-wrap .parking-group ul li p {
  font-size: 1.7rem;
  font-weight: 600;
}

.contact-con .area .map-wrap {
  width: 100%;
  height: 51.7rem;
  margin: 10rem 0 5.4rem;
}

.contact-con .area .map-wrap .main_come_wrap {
  width: 100%;
  height: 100%;
}

@media all and (max-width:1280px) {
  .sec-sub .contact-con .area .info-wrap {
    gap: 0;
    justify-content: space-between;
  }
}

@media all and (max-width:1080px) {
  .sec-sub .contact-con .area .btm-info-wrap {
    flex-wrap: wrap;
  }

  .sec-sub .contact-con .area .btm-info-wrap .parking-group {
    width: 100%;
  }

  .sec-sub .contact-con .area .btm-info-wrap .link-group {
    margin-top: 3rem;
    width: 100%;
  }

  .sec-sub .contact-con .area .btm-info-wrap .link-group ul li {
    width: calc(25% - 1.125rem);
  }
}

@media all and (max-width:780px) {
  .sec-sub .contact-con .area .tit-wrap .bar {
    height: 5rem;
    margin: 4rem auto;
  }

  .sec-sub .contact-con .area .tit-wrap .p-wrap {
    flex-direction: column;
    gap: 1rem;
  }

  .sec-sub .contact-con .area .info-wrap {
    gap: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .sec-sub .contact-con .area .info-wrap > div {
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100%;
    padding: 3rem 0;
  }

  .sec-sub .contact-con .area .info-wrap .info1 {
    border-top: 0;
    padding-top: 0;
  }

  .sec-sub .contact-con .area .info-wrap .info1 strong {
    display: block;
    text-align: center;
  }

  .sec-sub .contact-con .area .info-wrap > div h5,
  .sec-sub .contact-con .area .info-wrap .info1 strong,
  .sec-sub .contact-con .area .info-wrap .info2 p {
    text-align: center;
  }

  .sec-sub .contact-con .area .info-wrap .info3 ul li {
    justify-content: center;
  }

  .sec-sub .contact-con .area .info-wrap .info3 > strong {
    font-size: 1.8rem;
    text-align: center;
  }

  .sec-sub .contact-con .area .btm-info-wrap .parking-group {
    gap: 0;
    justify-content: center;
    flex-wrap: wrap;
  }

  .sec-sub .contact-con .area .btm-info-wrap .parking-group h4 {
    width: 100%;
    text-align: center;
    font-size: 2.5rem;
    padding-bottom: 2.4rem;
  }

  .sec-sub .contact-con .area .btm-info-wrap .parking-group ul {
    justify-content: center;
  }

  .sec-sub .contact-con .area .btm-info-wrap .parking-group ul li p {
    font-size: 2.4rem;
  }

  .sec-sub .contact-con .area .btm-info-wrap .link-group ul li {
    width: calc(50% - 0.75rem);
    height: 6.5rem;
    border-radius: 4rem;
  }

  .sec-sub .contact-con .area .btm-info-wrap .link-group ul li a p {
    font-size: 1.8rem;
  }

  .contact-con .area .map-wrap {
    margin: 5rem 0;
  }
}

@media all and (max-width:380px) {
  .sec-sub .contact-con .area .btm-info-wrap .link-group ul li a p {
    letter-spacing: -0.1rem;
  }
}





.sec-sub .visual-con3 {
  position: relative;
  width: 100%;
  height: 40rem;
  background: url("../img/new/visual_con3_img.jpg") no-repeat top center;
  background-attachment: fixed;
  background-size: cover;
  margin: 0 auto;
  overflow: hidden;
}

.sec-sub .visual-con3 .area .tit-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  color: #fff;
  text-align: center;
  transform: translate(-50%,-50%);
}

.sec-sub .visual-con3 .area .tit-wrap h4 {
  font-family: 'BareunBatang';
  font-size: 3.6rem;
  font-weight: 500;
}

.sec-sub .visual-con3 .area .tit-wrap p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  opacity: 0.6;
  padding-top:  2.2rem;
}

@media all and (max-width:780px) {
  .visual-con3 {
    height: 50rem;
  }
  
  .visual-con3 .area .tit-wrap h4 {
    font-size: 4rem;
    line-height: 1.3;
    padding: 0 5rem;
    word-break: keep-all;
  }
  
  .visual-con3 .area .tit-wrap p {
    font-size: 2rem;
    line-height: 1.5;
    padding: 2rem 5rem 0;
    word-break: keep-all;
  }
  
  .visual-con3 .area .tit-wrap p br {
    display: none;
  }
}





.sec-sub .bna-con .container {
  background-color: #fff;
  border-radius: 2rem;
  padding: 10rem 0;
}

.sec-sub .bna-con .container .container-area .tit-wrap {
  text-align: center;
  padding-bottom: 5.2rem;
}

.sec-sub .bna-con .container .container-area .tit-wrap h4 {
  font-size: 5.4rem;
  line-height: 7.4rem;
  font-weight: 300;
  word-break: keep-all;
}

.sec-sub .bna-con .container .container-area .tit-wrap h4 strong {
  font-weight: 800;
  color: #15264B;
}

.sec-sub .bna-con .container .container-area .main_case {
  margin-top: 0;
}

@media all and (max-width:1500px) {
  .sec-sub .main_implantcase > .center {
    padding: 0;
  }
}

@media all and (max-width:768px) {
  .sec-sub .bna-con .container {
    padding: 9.1rem 0;
  }

  .sec-sub .bna-con .container .container-area .tit-wrap h4 {
    font-size: 4.5rem;
    line-height: 1.3;
  }
}





.sec-sub .type-con {
  position: relative;
  padding-top: 12.6rem;
  padding-bottom: 32rem;
  margin-top: 10.6rem;
}

.sec-sub .type-con .deco-ci {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.sec-sub .type-con .deco-ci img {
  width: 50rem;
  height: auto;
}

.sec-sub .type-con .center-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.sec-sub .type-con ul {
  display: flex;
  flex-direction: column;
  gap: 29rem;
}

.sec-sub .type-con ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sec-sub .type-con ul li .dot-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: 4px;
  height: 9rem;
  background-color: #15264B;
}

.sec-sub .type-con ul li .dot-wrap .dot {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 1rem;
  background-color: #fff;
}

.sec-sub .type-con ul li .img {
  width: calc(50% - 9rem);
}

.sec-sub .type-con ul li .img img {
  width: 100%;
  height: auto;
}

.sec-sub .type-con ul li .type-info {
  width: calc(50% - 9rem);
  color: #fff;
}

.sec-sub .type-con ul li .type-info h4 {
  font-size: 4rem;
  font-weight: 700;
  padding-bottom: 1.9rem;
}

.sec-sub .type-con ul li .type-info p {
  font-size: 2rem;
  line-height: 3rem;
  opacity: 0.7;
  padding-bottom: 3rem;
}

.sec-sub .type-con ul li .type-info .table-group table {
  border: 1px solid rgba(218,194,163,0.3);
  width: 56rem;
}

.sec-sub .type-con ul li .type-info .table-group table tbody tr {
  display: flex;
  border-top: 1px solid rgba(218,194,163,0.3);
}

.sec-sub .type-con ul li .type-info .table-group table tbody tr:first-child {
  border-top: 0;
}

.sec-sub .type-con ul li .type-info .table-group table tbody tr td {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  width: 50%;
  height: 6.5rem;
  border-left: 1px solid rgba(218,194,163,0.3);
}

.sec-sub .type-con ul li .type-info .table-group table tbody tr td:first-child {
  border-left: 0;
}

.sec-sub .type-con ul li .type-info .table-group table tbody tr td .icon {
  width: 1.5rem;
  height: 1.2rem;
  margin-left: 2.3rem;
}

.sec-sub .type-con ul li .type-info .table-group table tbody tr td .icon img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.sec-sub .type-con .sub-area > strong {
  position: relative;
  display: block;
  font-size: 8rem;
  font-weight: 100;
  text-align: center;
  color: #fff;
  padding: 10rem 0;
  background-color: #15264B;
  z-index: 1;
  margin-top: 12.5rem;
}

.sec-sub .type-con .sub-area > strong span {
  font-weight: 700;
}

@media all and (max-width:1280px) {
  .sec-sub .type-con ul li .type-info p {
    word-break: keep-all;
  }

  .sec-sub .type-con ul li .type-info p br {
    display: none;
  }

  .sec-sub .type-con ul li .type-info .table-group table {
    width: 100%;
  }
}

@media all and (max-width:960px) {
  .sec-sub .type-con ul li .type-info .table-group table tbody tr {
    display: block;
  }

  .sec-sub .type-con ul li .type-info .table-group table tbody tr td {
    border-left: 0;
    border-top: 1px solid rgba(218,194,163,0.3);
    width: 100%;
  }

  .sec-sub .type-con ul li .type-info .table-group table tbody tr td:first-child {
    border-top: 0;
  }
}

@media all and (max-width:780px) {
  .sec-sub .type-con {
    padding: 10rem 0;
    margin-top: 0;
  }

  .sec-sub .type-con .deco-ci img {
    width: 30rem;
  }

  .sec-sub .type-con .center-line {
    display: none;
  }

  .sec-sub .type-con ul {
    gap: 15rem;
  }

  .sec-sub .type-con ul li {
    flex-direction: column;
  }

  .sec-sub .type-con ul li .dot-wrap {
    display: none;
  }

  .sec-sub .type-con ul li .img {
    width: 100%;
    order: 1;
  }

  .sec-sub .type-con ul li .type-info {
    width: 100%;
    order: 2;
    margin-top: 4rem;
  }

  .sec-sub .type-con .sub-area > strong {
    font-size: 5rem;
    margin-top: 0;
    word-break: keep-all;
    padding-bottom: 0;
  }
}

.sec-sub > .deco-logo {
  display: block;
  width: 50rem;
  margin: 10rem auto;
}

.sec-sub > .deco-logo img {
  width: 100%;
  height: auto;
}

@media all and (max-width:780px) {
  .sec-sub > .deco-logo {
    width: 30rem;
  }
}









#sleep .intro-con .container .img-wrap {
  background-image: url("../img/new/sleep_con_visual.jpg");
}









#sleep .vs-con {
  margin-top: 18rem;
}

#sleep .vs-con .container {
  background-color: #fff;
  border-radius: 2rem;
  padding: 10rem 0;
}

#sleep .vs-con .container .container-area .tit-wrap {
  text-align: center;
  padding-bottom: 5.2rem;
}

#sleep .vs-con .container .container-area .tit-wrap h4 {
  font-size: 5.4rem;
  line-height: 7.4rem;
  font-weight: 300;
  word-break: keep-all;
}

#sleep .vs-con .container .container-area .tit-wrap h4 strong {
  font-weight: 800;
  color: #15264B;
}


#sleep .vs-con .container .container-area .txt-wrap {
  display: flex;
}

#sleep .vs-con .container .container-area .txt-wrap > div {
  width: 50%;
}

#sleep .vs-con .container .container-area .txt-wrap .vs1 h4 {
  background-color: #15264B;
  height: 11rem;
  line-height: 11rem;
  font-size: 4rem;
  color: #fff;
  text-align: center;
  font-weight: 300;
}

#sleep .vs-con .container .container-area .txt-wrap .vs1 h4 strong {
  font-weight: 700;
}

#sleep .vs-con .container .container-area .txt-wrap .vs1 ul {
  border: 5px solid #15264B;
  border-top: 0;
  box-sizing: border-box;
}

#sleep .vs-con .container .container-area .txt-wrap .vs1 ul li {
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
  padding: 4.5rem 0;
}

#sleep .vs-con .container .container-area .txt-wrap .vs1 ul li:first-child {
  border-top: 0;
}

#sleep .vs-con .container .container-area .txt-wrap .vs1 ul li p {
  font-size: 2.8rem;
  text-align: center;
  font-weight: 700;
  color: #222;
}

#sleep .vs-con .container .container-area .txt-wrap .vs2 {
  padding-top: 2rem;
}

#sleep .vs-con .container .container-area .txt-wrap .vs2 h4 {
  background-color: #f5f5f5;
  height: 9rem;
  line-height: 9rem;
  font-size: 3rem;
  color: #555555;
  text-align: center;
  font-weight: 500;
}

#sleep .vs-con .container .container-area .txt-wrap .vs2 ul li {
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
  padding: 4.75rem 0;
}

#sleep .vs-con .container .container-area .txt-wrap .vs2 ul li:first-child {
  border-top: 0;
}

#sleep .vs-con .container .container-area .txt-wrap .vs2 ul li p {
  font-size: 2.4rem;
  text-align: center;
  color: #555;
}

@media all and (max-width:960px) {
  #sleep .vs-con .container .container-area .tit-wrap {
    text-align: center;
  }

  #sleep .vs-con .container .container-area .tit-wrap {
    padding-bottom: 3.6rem;
  }

  #sleep .vs-con .container .container-area .tit-wrap h3 {
    font-size: 4.4rem;
    line-height: 1.4;
  }
}

@media all and (max-width:780px) {
  #sleep .vs-con {
    margin-top: 9.1rem;
  }

  #sleep .vs-con .container {
    padding: 9.1rem 0;
  }

  #sleep .vs-con .container .container-area .tit-wrap h4 {
    font-size: 4.5rem;
    line-height: 1.3;
  }

  #sleep .vs-con .container .container-area .txt-wrap .vs1 h4,
  #sleep .vs-con .container .container-area .txt-wrap .vs2 h4 {
    height: auto;
    line-height: 1.3;
    font-size: 2.5rem;
    padding: 1.5rem 0;
  }

  #sleep .vs-con .container .container-area .txt-wrap .vs1 ul {
    border: 2px solid #032E86;
  }

  #sleep .vs-con .container .container-area .txt-wrap .vs1 ul li,
  #sleep .vs-con .container .container-area .txt-wrap .vs2 ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 13rem;
  }

  #sleep .vs-con .container .container-area .txt-wrap .vs1 ul li p,
  #sleep .vs-con .container .container-area .txt-wrap .vs2 ul li p {
    font-size: 2rem;
    line-height: 1.5;
    word-break: keep-all;
    padding: 0 10px;
  }

  #sleep .vs-con .container .container-area .txt-wrap .vs1 h4 span {
    display: none;
  }

  #sleep .vs-con .container .container-area .txt-wrap .vs2 {
    padding-top: 0;
  }
}













#sleep .features-con {
  padding: 10rem 0;
}

#sleep .features-con .sub-area .txt-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#sleep .features-con .sub-area .txt-wrap ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 41.7rem;
  text-align: center;
  box-sizing: border-box;
}

#sleep .features-con .sub-area .txt-wrap ul li:nth-child(3),
#sleep .features-con .sub-area .txt-wrap ul li:nth-child(4) {
  border-top: 1px solid rgba(218,194,163,0.3);
}

#sleep .features-con .sub-area .txt-wrap ul li:nth-child(even) {
  border-left: 1px solid rgba(218,194,163,0.3);
}

#sleep .features-con .sub-area .txt-wrap ul li .group .icon {
  display: block;
  width: 10rem;
  margin: 0 auto 3.8rem;
}

#sleep .features-con .sub-area .txt-wrap ul li .group .icon img {
  width: 100%;
  height: auto;
}

#sleep .features-con .sub-area .txt-wrap ul li .group h4 {
  font-size: 2.3rem;
  font-weight: 700;
  color: #fff;
  padding-bottom: 2.2rem;
}

#sleep .features-con .sub-area .txt-wrap ul li .group p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #fff;
  opacity: 0.7;
}

@media all and (max-width:960px) {
  #sleep .features-con .sub-area .tit-wrap {
    text-align: center;
  }

  #sleep .features-con .sub-area .tit-wrap {
    padding-bottom: 3.6rem;
  }

  #sleep .features-con .sub-area .tit-wrap h3 {
    font-size: 4.4rem;
    line-height: 1.4;
  }

  #sleep .features-con .sub-area .txt-wrap ul li .group p {
    padding: 0 10px;
    word-break: keep-all;
  }

  #sleep .features-con .sub-area .txt-wrap ul li .group p br {
    display: none;
  }
}


@media all and (max-width:780px) {
  #sleep .features-con {
    padding: 9.1rem 0;
  }

  #sleep .features-con .sub-area .txt-wrap ul {
    gap: 20px 0;
  }

  #sleep .features-con .sub-area .txt-wrap ul li {
    width: 100%;
    height: auto;
    padding: 5rem 0;
  }

  #sleep .features-con .sub-area .txt-wrap ul li:nth-child(2) {
    border-top: 1px solid rgba(218,194,163,0.3);
  }

  #sleep .features-con .sub-area .txt-wrap ul li:nth-child(even) {
    border-left: 0;
  }

  #sleep .features-con .sub-area .txt-wrap ul li .group .icon {
    width: 6rem;
    margin-bottom: 1.6rem;
  }

  #sleep .features-con .sub-area .txt-wrap ul li .group h4 {
    font-size: 2.4rem;
    page-break-inside: 1.6rem;
  }

  #sleep .features-con .sub-area .txt-wrap ul li .group p {
    line-height: 1.5;
    word-break: keep-all;
  }
}








#sleep .safe-con {
  position: relative;
  padding-bottom: 10rem;
}

#sleep .safe-con .deco-ci {
  position: absolute;
  bottom: 0;
  left: 0;
}

#sleep .safe-con .deco-ci img {
  width: 50rem;
  height: auto;
}

#sleep .safe-con .area .tit-wrap {
  text-align: center;
  padding-bottom: 8.7rem;
}

#sleep .safe-con .area .tit-wrap h4 {
  font-size: 4rem;
  font-weight: 600;
  color: #dac2a3;
  padding-bottom: 3.7rem;
  word-break: keep-all;
}

#sleep .safe-con .area .tit-wrap p {
  font-size: 2rem;
  line-height: 3.2rem;
  color: #fff;
  opacity: 0.7;
}

#sleep .safe-con .area .txt-wrap ul {
  display: flex;
  justify-content: center;
}

#sleep .safe-con .area .txt-wrap ul li {
  position: relative;
  width: 38rem;
  height: 38rem;
  border-radius: 20rem;
  border: 1px solid #dac2a3;
  box-sizing: border-box;
  text-align: center;
  margin-left: -3rem;
  z-index: 5;
}

#sleep .safe-con .area .txt-wrap ul li:first-child {
  margin-left: 0;
}

#sleep .safe-con .area .txt-wrap ul li.li-center {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

#sleep .safe-con .area .txt-wrap ul li.li-center .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(218,194,163,0.15);
  backdrop-filter: blur(4px);
  z-index: 10;
}

#sleep .safe-con .area .txt-wrap ul li .text-group {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
  z-index: 11;
}

#sleep .safe-con .area .txt-wrap ul li h5 {
  font-size: 2rem;
  font-weight: 600;
  color: #dac2a3;
}

#sleep .safe-con .area .txt-wrap ul li .bar {
  display: block;
  width: 1px;
  height: 2rem;
  background-color: #dac2a3;
  margin: 1.1rem auto;
}

#sleep .safe-con .area .txt-wrap ul li p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #fff;
}

@media all and (max-width:780px) {
  #sleep .safe-con .area .tit-wrap {
    padding-bottom: 5rem;
  }
  
  #sleep .safe-con .area .tit-wrap h4 {
    padding-bottom: 2rem;
  }

  #sleep .safe-con .area .txt-wrap ul {
    flex-direction: column;
    align-items: center;
  }

  #sleep .safe-con .area .txt-wrap ul li {
    margin-left: 0;
    margin-top: -3rem;
  }

  #sleep .safe-con .area .txt-wrap ul li:first-child {
    margin-top: 0;
  }

  #sleep .safe-con .area .txt-wrap ul li h5 {
    font-size: 2.4rem;
  }

  #sleep .safe-con .area .txt-wrap ul li p {
    font-size: 2rem;
    line-height: 1.5;
    padding: 0 2rem;
    word-break: keep-all;
  }
}












#sleep .target-con {
  padding: 10rem 0;
}

#sleep .target-con .area .tit-wrap {
  text-align: center;
}

#sleep .target-con .area .tit-wrap h4 {
  font-size: 4rem;
  font-weight: 600;
  color: #dac2a3;
  padding-bottom: 3.5rem;
  word-break: keep-all;
}

#sleep .target-con .area .txt-wrap {
  width: 60rem;
  margin: 0 auto;
}

#sleep .target-con .area .txt-wrap ul li {
  border-bottom: 1px solid rgba(218,194,163,0.3);
}

#sleep .target-con .area .txt-wrap ul li p {
  font-size: 2.6rem;
  color: #fff;
  text-align: center;
  padding: 2rem 0;
}

@media all and (max-width:780px) {
  #sleep .target-con {
    padding: 9.1rem 0;
  }

  #sleep .target-con .area .txt-wrap {
    width: 100%;
  }
}


































#implant .intro-con .container .img-wrap {
  background-image: url("/img/new/implant_con_visual.jpg");
}







#esthetic .intro-con .container .img-wrap {
  background-image: url("/img/new/simmi_con_visual.jpg");
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  width: 60.6rem;
  height: 7.6rem;
  background-color: #E1F2EE;
  border-radius: 10rem;
  margin: 0 auto;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-btn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.9rem;
  height: 5.8rem;
  font-size: 2.2rem;
  color: #999;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-btn li.on a {
  background-color: #15264B;
  color: #fff;
  font-weight: 700;
  border-radius: 10rem;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt {
  margin-top: 3rem;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt > div {
  display: none;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt ul {
  display: flex;
  gap: 4rem;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt ul li {
  position: relative;
  padding-bottom: 2rem;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt ul li img {
  width: 100%;
  height: auto;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt ul li p {
  position: absolute;
  bottom: 0;
  font-size: 2rem;
  color: #999;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt ul li p.before {
  left: 0;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt ul li p.after {
  right: 0;
  color: #15264B;
  font-weight: 700;
}

#esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt .tab-cnt1 {
  display: block;
}

@media all and (max-width:780px) {
  #esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-btn {
    width: 100%;
    height: 7.6rem;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
  }
  
  #esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-btn li {
    flex: 1;
  }
  
  #esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-btn li a {
    width: 100%;
    border-radius: 10rem;
    background-color: transparent;
    transition: background 0.3s, color 0.3s;
  }

  #esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt > div ul {
    flex-wrap: wrap;
  }

  #esthetic .bna-con .container .container-area .ba-box .txt-wrap .tab-split .tab-cnt > div ul li {
    width: 100%;
  }
}










#general .intro-con .container .img-wrap {
  background-image: url("/img/new/general_con_visual.jpg");
}


#general .type-con2 .p-wrap {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

#general .type-con2 .p-wrap:last-child {
  margin-bottom: 0;
}

#general .type-con2 .p-wrap .icon {
  width: 1.5rem;
  height: 1.2rem;
  margin-top: 0.6rem;
}

#general .type-con2 .p-wrap .icon img {
  width: 100%;
  height: auto;
}

#general .type-con2 .p-wrap p {
  line-height: 2.8rem;
  padding-bottom: 0;
  width: calc(100% - 2.5rem);
}




















#contact .contact-con {
  padding-top: 22.6rem;
}

#contact .visual-con3 {
  display: none;
}

#contact .interior-con {
  margin-bottom: 0;
  padding-bottom: 10rem;
}