@charset "utf-8";

@font-face {
  font-family: 'oneMobile';
  src: url('../fonts/ONEMobileLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'oneMobile';
  src: url('../fonts/ONEMobileRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oneMobile';
  src: url('../fonts/ONEMobileBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

html, body {
  font-size: 10px;
  overflow-x:hidden;
}

@media all and (max-width:1280px) {
  html, body {
    font-size: 8px;
  }
}

@media all and (max-width:960px) {
  html, body {
    font-size: 6px;
  }
}

@media all and (max-width:425px) {
  html, body {
    font-size: 5px;
  }
}

body {
  position: relative;
  font-family: "Pretendard Variable";
  color: #1D1D1D;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling:touch;
}

body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{
  margin:0;
  padding:0
}

h1, h2, h3, h4, h5, h6{
  font-size:inherit;
  font-weight:normal;
  font-family:inherit;
}

ul{
  list-style:none;
}

a{
  text-decoration:none;
}

a:link, a:visited, a:hover, a:active{
  color:inherit;
  text-decoration:none;
}

strong {
    font-weight: normal;
}

button{
  border:0px;
  background:none;
  cursor:pointer;
  font-family:inherit;
  font-size: inherit;
}

img{
  border:0px;
  vertical-align:top;
}

address{
  font-style:normal;
}

header, nav, section, article, footer{
  display:block;
}

legend {
  position:absolute;
  margin:0;
  padding:0;
  font-size:0;
  line-height:0;
  text-indent:-9999em;
  overflow:hidden;
}

label, input, button, select{
  vertical-align:middle;
}

input, textarea{
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

hr {
  display:none;
}

pre {
  overflow-x:scroll;
  font-size:1.1em;
}

table{
  border-spacing:0px;
  border-collapse:collapse;
}

em{
  font-style:normal;
}

fieldset{
  border:0;
}

select::-ms-expand {
  display:none;
}

input:focus {
  outline:none;
}

input[type="date"]{
  position:relative;
  padding-right:20px;
  background:url("../images/cal_arrow.png") no-repeat right 10px center;
  padding-left:0;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{
  display:none;
}

input[type="date"]::-webkit-calendar-picker-indicator{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:transparent;
  color:transparent;
  cursor:pointer;
}

input[type="date"]::before{
  content:attr(data-placeholder);
  width:100%;
}

input[type="date"]:valid::before{
  display:none;
}

input[data-placeholder]::before{
  color:#999;
  font-size:13px;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.pretendard {
  font-family: "Pretendard Variable", sans-serif;
}

.oneMobile {
  font-family: 'oneMobile';
}

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

.inner {
  margin: 0 auto;
}

@media all and (max-width:760px) {
  .inner {
    width: calc(100% - 12rem);
  }
}

.mo-only {
  display: none;
}

.only-550 {
  display: none;
}

@media all and (max-width:1500px) {

}

@media all and (max-width:760px) {
  .pc-only {
    display: none;
  }

  .mo-only {
    display: block;
  }
}

@media all and (max-width:550px) {
  .only-550 {
    display: block;
  }
}

#quickMenu {
  position: fixed;
  top: 50%;
  right: 0;
  width: 12.8rem;
  height: 63.1rem;
  transform: translateY(-50%);
  z-index: 98;
  transition: right 0.5s;
}

#quickMenu.on {
  right: -11.8rem;
}

#quickMenu .menu-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 3rem 0 0 3rem;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  background-color: #fff;
}

#quickMenu .menu-wrap ul li {
  position: relative;
  padding-top: 2.6rem;
  margin-top: 2.5rem;
}

#quickMenu .menu-wrap ul li:first-child {
  padding-top: 0;
  margin-top: 0;
}

#quickMenu .menu-wrap ul li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 4rem;
  height: 1px;
  background-color: #C9CDD2;
  transform: translateX(-50%);
}

#quickMenu .menu-wrap ul li:first-child::before {
  display: none;
}

#quickMenu .menu-wrap ul li a {
  display: block;
  width: 100%;
}

#quickMenu .menu-wrap ul li a .icon {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 auto 1.2rem;
}

#quickMenu .menu-wrap ul li a .icon img {
  width: 100%;
  height: auto;
}

#quickMenu .menu-wrap ul li a p {
  font-size: 1.6rem;
  text-align: center;
  color: #5D646A;
}

#quickMenu .open-btn {
  position: absolute;
  top: 50%;
  left: -2.8rem;
  width: 2.8rem;
  height: 5.6rem;
  background-color: #fff;
  transform: translateY(-50%);
  border-radius: 2.8rem 0 0 2.8rem;
  box-shadow: -3px 0 6px rgba(0,0,0,0.16);
  z-index: 1;
  cursor: pointer;
}

#quickMenu .open-btn::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 2px;
  height: 5.6rem;
  background-color: #fff;
}

#quickMenu .open-btn img {
  position: absolute;
  top: 2rem;
  left: 1.2rem;
  width: 1.1rem;
  height: auto;
  transform: rotate(180deg);
  transition: transform 0.5s;
}

#quickMenu.on .open-btn img {
  transform: rotate(0);
}

@media all and (max-width:760px) {
  #quickMenu {
    top: auto;
    bottom: 21.667rem;
    width: 9rem;
    height: 40rem;
    transform: translateY(0);
  }

  #quickMenu .menu-wrap {
    border-radius: 3.333rem 0 0 3.333rem;
    background-color: #474747;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
  }

  #quickMenu .menu-wrap ul li {
    padding-top: 0;
    margin-top: 2.333rem;
  }

  #quickMenu .menu-wrap ul li::before {
    display: none;
  }

  #quickMenu .menu-wrap ul li a .icon {
    width: 4.667rem;
    height: 4.667rem;
    margin-bottom: 0;
  }

  #quickMenu .menu-wrap ul li a p {
    display: none;
  }

  #quickMenu .open-btn {
    display: none;
  }
}


#topBtn {
  position: fixed;
  bottom: 4rem;
  right: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  z-index: 98;
  min-width: 8.2rem;
}

#topBtn button {
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 3rem;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#topBtn button img {
  width: 100%;
  height: auto;
  transition: 0.5s;
}

#topBtn.on button img {
  transform: rotate(180deg);
}

#topBtn p {
  font-size: 1.6rem;
  color: #fff;
  text-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

#topBtn p.on {
  display: none;
}

#topBtn.on p.off {
  display: none;
}

#topBtn.on p.on {
  display: block;
}

@media all and (max-width:760px) {
  #topBtn {
    display: none;
  }
}


#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  z-index: 98;
}

#header .hd-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 33.2rem);
  height: 100%;
  margin: 0 auto;
}

#header .hd-area .hd-logo a {
  display: block;
  text-align: center;
}

#header .hd-area .hd-logo a img {
  width: 23rem;
  height: auto;
}

#header .hd-area .hd-logo a img.on {
  display: none;
}

#header .hd-area .gnb-wrap {
  display: flex;
  align-items: center;
  margin-right: 13.8rem;
}

#header .hd-area .gnb-wrap ul {
  display: flex;
  gap: 1.8rem;
}

#header .hd-area .gnb-wrap ul li a {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  width: 14.2rem;
  text-align: center;
  color: #fff;
}

#header .hd-area .gnb-wrap .call-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  width: 21.8rem;
  height: 4rem;
  border-radius: 5rem;
  margin-left: 2rem;
  border: 2px solid #fff;
  box-sizing: border-box;
}

#header .hd-area .gnb-wrap .call-group .icon {
  width: 1.8rem;
  height: 1.8rem;
}

#header .hd-area .gnb-wrap .call-group img {
  width: 100%;
  height: auto;
}

#header .hd-area .gnb-wrap .call-group a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 2.2rem;
  font-weight: 700;
  color: #fff;
}

#header .hd-area .gnb-wrap .call-group a strong {
  font-size: 2rem;
  font-weight: 800;
  margin-top: -0.25rem;
}

#header.on {
  background-color: #fff;
}

#header.on .hd-area .hd-logo a img.off {
  display: none;
}

#header.on .hd-area .hd-logo a img.on {
  display: block;
}

#header.on .hd-area .gnb-wrap ul li a {
  color: #202020;
}

#header.on .hd-area .gnb-wrap ul li.on a {
  color: #00296A;
}

#header.on .hd-area .gnb-wrap .call-group {
  background-color: #00296A;
  border: 0;
}

@media all and (max-width:1700px) {
  #header .hd-area .gnb-wrap ul {
    gap: 1rem;
  }
}

@media all and (max-width:1570px) {
  #header .hd-area {
    width: 94%;
  }
}

@media all and (max-width:1280px) {
  #header .hd-area .gnb-wrap ul {
    gap: 0;
  }
}

@media all and (max-width:760px) {
  #header {
    height: 10.667rem;
  }

  #header .hd-area {
    width: 100%;
    justify-content: center;
  }

  #header .hd-area .gnb-wrap {
    display: none;
  }

  #header .hd-area .hd-logo a img {
    width: 26.667rem;
  }

  #header .hd-area .hd-logo strong {
    display: none;
  }
}


#main .video-con {
  position: relative;
  width: 100%;
  height: 100rem;
  overflow: hidden;
}

#main .video-con .video {
  position: relative;
  height: 100%;
}

#main .video-con .video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 108%;
  height: 108%;
  object-fit: cover;
}

#main .video-con .video video.mo-only {
  display: none;
}

#main .video-con .txt-wrap {
  position: absolute;
  left: 14rem;
  bottom: 9.8rem;
  color: #fff;
  z-index: 10;
}

#main .video-con .txt-wrap h2 {
  font-size: 4.6rem;
  line-height: 6rem;
  font-weight: 700;
  text-shadow: 0.2rem 0.2rem 1rem rgba(0,0,0,0.34);
}

@media all and (max-width:760px) {
  #main .video-con {
    height: 100dvh;
  }

  #main .video-con .video video {
    width: 100%;
    height: 100%;
  }

  #main .video-con .video video.pc-only {
    display: none;
  }

  #main .video-con .video video.mo-only {
    display: block;
  }

  #main .video-con .txt-wrap {
    left: 50%;
    bottom: 30.667rem;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
  }

  #main .video-con .txt-wrap h2 {
    font-size: 6.667rem;
    line-height: 8.333rem;
  }
}


#main .intro-con {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12.2rem;
  padding: 4.7rem 0 12rem;
}

#main .intro-con .img {
  width: 73.6rem;
  margin-left: 10.2rem;
}

#main .intro-con .img img {
  width: 100%;
  height: auto;
}

#main .intro-con .tit-wrap > * {
  word-break: keep-all;
}

#main .intro-con .tit-wrap h3 {
  font-size: 4.5rem;
  font-weight: 700;
}

#main .intro-con .tit-wrap h3 strong {
  font-weight: 700;
  color: #00869A;
}

#main .intro-con .tit-wrap > strong {
  display: block;
  font-size: 6rem;
  line-height: 7.7rem;
  font-weight: 700;
  padding-top: 1.5rem;
}

#main .intro-con .tit-wrap > strong span {
  color: #00296A;
}

#main .intro-con .tit-wrap p {
  font-size: 2.5rem;
  padding-top: 3.5rem;
}

#main .intro-con .tit-wrap p strong {
  font-weight: 700;
}

#main .intro-con .ci {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 56rem;
}

#main .intro-con .ci img {
  width: 100%;
  height: auto;
}

@media all and (max-width:760px) {
  #main .intro-con {
    height: auto;
    display: block;
    padding: 10.833rem 0 16.667rem;
  }

  #main .intro-con .img1 {
    width: 100%;
  }

  #main .intro-con .img1 img {
    width: 59.333rem;
    height: auto;
    margin-left: 7rem;
  }

  #main .intro-con .tit-wrap {
    padding: 10rem 6rem 11.667rem;
  }

  #main .intro-con .tit-wrap h3 {
    font-size: 5rem;
    line-height: 7.5rem;
  }

  #main .intro-con .tit-wrap > strong {
    font-size: 7.5rem;
    line-height: 10rem;
    padding-top: 3rem;
  }

  #main .intro-con .tit-wrap p {
    font-size: 3.667rem;
    line-height: 5.667rem;
    padding-top: 3.333rem;
  }

  #main .intro-con .img2 {
    width: 100%;
    display: flex;
    justify-content: right;
  }

  #main .intro-con .img2 img {
    width: 49.167rem;
    height: auto;
    margin-right: 5.333rem;
  }

  #main .intro-con .ci {
    display: none;
  }
}


#main .point-con {
  padding-bottom: 20.8rem;
}

#main .point-con .img-wrap {
  display: flex;
}

#main .point-con .img-wrap .img {
  width: 50%;
}

#main .point-con .img-wrap .img img {
  width: 100%;
  height: auto;
}

#main .point-con .txt-wrap .cont-tit {
  text-align: center;
  padding-top: 11rem;
}

#main .point-con .txt-wrap .cont-tit h4 {
  font-size: 4rem;
  font-weight: 700;
}

#main .point-con .txt-wrap .cont-tit h4 strong {
  display: block;
  font-size: 5rem;
  letter-spacing: -1px;
  font-weight: 700;
  padding-top: 1.15rem;
}

#main .point-con .txt-wrap .cont-txt {
  margin-top: 4rem;
}

#main .point-con .txt-wrap .cont-txt ul {
  display: flex;
  justify-content: center;
  gap: 4rem;
}

#main .point-con .txt-wrap .cont-txt ul li {
  position: relative;
  width: 43rem;
  height: 33rem;
  border-radius: 2.4rem;
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#main .point-con .txt-wrap .cont-txt ul li .ci {
  position: absolute;
  top: 2rem;
  left: 2.5rem;
  width: 3.8rem;
}

#main .point-con .txt-wrap .cont-txt ul li .ci img {
  width: 100%;
  height: auto;
}

#main .point-con .txt-wrap .cont-txt ul li strong {
  display: block;
  font-size: 3.2rem;
  font-weight: 700;
}

#main .point-con .txt-wrap .cont-txt ul li p {
  font-size: 2.2rem;
  line-height: 3.2rem;
  letter-spacing: -0.1rem;
  padding-top: 1.55rem;
}

#main .point-con .txt-wrap .cont-txt ul li:nth-child(1) {
  background-color: #002B6A;
}

#main .point-con .txt-wrap .cont-txt ul li:nth-child(2) {
  background-color: #3AAFC1;
}

#main .point-con .txt-wrap .cont-txt ul li:nth-child(3) {
  background-color: #1F1F21;
}

@media all and (max-width:760px) {
  #main .point-con .img-wrap {
    display: block;
  }

  #main .point-con .img-wrap .img {
    width: 100%;
  }

  #main .point-con .txt-wrap .cont-tit {
    padding-top: 12rem;
  }

  #main .point-con .txt-wrap .cont-tit h4 {
    font-size: 4.667rem;
  }

  #main .point-con .txt-wrap .cont-tit h4 strong {
    font-size: 6.333rem;
    line-height: 8.333rem;
    padding-top: 2.667rem;
  }

  #main .point-con .txt-wrap .cont-txt {
    margin-top: 5.833rem;
  }

  #main .point-con .txt-wrap .cont-txt ul {
    display: block;
  }

  #main .point-con .txt-wrap .cont-txt ul li {
    width: calc(100% - 64px);
    margin: 0 auto;
    height: auto;
    border-radius: 4rem;
    padding: 9.667rem 0 7.167rem;
    margin-top: 2.333rem;
  }

  #main .point-con .txt-wrap .cont-txt ul li:first-child {
    margin-top: 0;
  }

  #main .point-con .txt-wrap .cont-txt ul li .ci {
    top: 2.833rem;
    left: 3.5rem;
    width: 5.333rem;
  }

  #main .point-con .txt-wrap .cont-txt ul li strong {
    font-size: 4.667rem;
  }

  #main .point-con .txt-wrap .cont-txt ul li p {
    font-size: 3.333rem;
    line-height: 4.667rem;
    padding-top: 2rem;
  }
}


#main .clinic-con {
  display: flex;
  height: 110rem;
}

#main .clinic-con .left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 67.8rem;
  background-color: #002B6A;
}

#main .clinic-con .left .tit-wrap {
  color: #fff;
  text-align: center;
}

#main .clinic-con .left .tit-wrap h4 {
  font-size: 2rem;
  font-weight: 500;
}

#main .clinic-con .left .tit-wrap h3 {
  font-size: 5rem;
  line-height: 6.8rem;
  font-weight: 700;
  padding-top: 2rem;
}

#main .clinic-con .swiper {
  width: calc(100% - 67.8rem);
}

#main .clinic-con .swiper .swiper-slide {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#main .clinic-con .swiper .swiper-slide .slide-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 59rem;
  height: 59rem;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 9999rem;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#main .clinic-con .swiper .swiper-slide .slide-txt h4 {
  font-size: 5rem;
  font-weight: 700;
}

#main .clinic-con .swiper .swiper-slide .slide-txt h5 {
  font-size: 3.5rem;
  font-weight: 700;
  padding-top: 1.5rem;
}

#main .clinic-con .swiper .swiper-slide .slide-txt p {
  font-size: 2.8rem;
  line-height: 3.8rem;
  letter-spacing: -0.1rem;
  padding-top: 1.7rem;
}

#main .clinic-con .swiper .swiper-slide.slide1 {
  background-image: url("../img/clinic_con_img1.png");
}

#main .clinic-con .swiper .swiper-slide.slide2 {
  background-image: url("../img/clinic_con_img2.png");
}

#main .clinic-con .swiper .swiper-slide.slide3 {
  background-image: url("../img/clinic_con_img3.png");
}

#main .clinic-con .swiper .swiper-slide.slide4 {
  background-image: url("../img/clinic_con_img4.png");
}

#main .clinic-con .swiper .swiper-slide.slide5 {
  background-image: url("../img/clinic_con_img5.png");
}

#main .clinic-con .swiper-pagination1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin-top: 5.6rem;
}

#main .clinic-con .swiper-pagination1 .swiper-pagination-bullet {
  font-family: 'oneMobile';
  margin: 0;
  opacity: 1;
  width: 38.4rem;
  height: 8rem;
  background: none;
  border: 0.3rem solid #fff;
  border-radius: 4rem;
  font-size: 3.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#main .clinic-con .swiper-pagination1 .swiper-pagination-bullet-active {
  border: 0;
  background-color: #fff;
  color: #1D1D1D;
}

@media all and (max-width:760px) {
  #main .clinic-con {
    display: block;
    height: auto;
  }

  #main .clinic-con .left {
    width: 100%;
    padding: 15rem 0 7.833rem;
  }

  #main .clinic-con .left .tit-wrap h4 {
    font-size: 3.333rem;
  }

  #main .clinic-con .left .tit-wrap h3 {
    font-size: 7.5rem;
    line-height: 10rem;
    padding-top: 2.333rem;
  }

  #main .clinic-con .swiper-pagination1 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.167rem 1.667rem;
    max-width: 390px;
    margin-top: 6.667rem;
  }

  #main .clinic-con .swiper-pagination1 .swiper-pagination-bullet {
    width: calc(50% - 5px);
  }

  #main .clinic-con .swiper {
    width: 100%;
  }

  #main .clinic-con .swiper .swiper-slide {
    width: 100%;
    height: 92.667rem;
  }

  #main .clinic-con .swiper .swiper-slide .slide-txt {
    width: 63rem;
    height: 63rem;
  }

  #main .clinic-con .swiper .swiper-slide .slide-txt h4 {
    font-size: 5.167rem;
  }

  #main .clinic-con .swiper .swiper-slide .slide-txt h5 {
    font-size: 3.667rem;
    padding-top: 2rem;
  }
  
  #main .clinic-con .swiper .swiper-slide .slide-txt p {
    font-size: 3rem;
    line-height: 4rem;
    padding-top: 2rem;
  }
}


#main .doctor-con {
  padding: 22rem 0 5rem;
}

#main .doctor-con .tit-wrap {
  text-align: center;
}

#main .doctor-con .tit-wrap h4 {
  font-size: 2rem;
  font-weight: 500;
  color: #002B6A;
}

#main .doctor-con .tit-wrap h3 {
  font-size: 5rem;
  font-weight: 700;
  padding-top: 1rem;
}

#main .doctor-con .txt-wrap {
  margin: 0 12rem;
}

#main .doctor-con .txt-wrap .swiper-slide {
  padding-bottom: 11.1rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner {
  position: relative;
  padding-top: 18.4rem;
  padding-bottom: 11.5rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40.8rem;
  background: url("../img/doctor_con_bg.png") no-repeat center / cover;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box {
  position: relative;
  display: flex;
  margin: 0 8.4rem;
  height: 38.4rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box > div {
  width: 50%;
  height: 100%;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .left {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 6rem 0 6rem 0;
  overflow: hidden;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .left p {
  position: absolute;
  bottom: 2.8rem;
  left: 4.6rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .left p img {
  width: 46rem;
  height: auto;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right {
  background-color: #002B6A;
  border-radius: 0 6rem 0 6rem;
  color: #fff;
  display: flex;
  align-items: center;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right > div {
  margin-left: 26rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .name {
  display: inline-block;
  border-bottom: 1px solid #fff;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .name p {
  font-size: 4.5rem;
  font-weight: 700;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .name p span {
  font-size: 3rem;
  padding-left: 1rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .spec p {
  font-size: 2.2rem;
  padding-top: 1rem;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .spec p:first-child {
  padding-top: 0;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .doctor-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 53.5rem;
  z-index: 10;
}

#main .doctor-con .txt-wrap .swiper-slide .swiper-inner .doctor-img img {
  width: 100%;
  height: auto;
}

#main .doctor-con .txt-wrap .swiper-slide .slogun {
  display: flex;
  justify-content: center;
  gap: 1.4rem;
  margin-top: 3.7rem;
}

#main .doctor-con .txt-wrap .swiper-slide .slogun span {
  margin-top: 0.5rem;
}

#main .doctor-con .txt-wrap .swiper-slide .slogun span img {
  width: 4.6rem;
  height: auto;
}

#main .doctor-con .txt-wrap .swiper-slide .slogun p {
  font-size: 4.5rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
}

#main .doctor-con .txt-wrap .swiper-slide .slogun p strong {
  font-weight: 600;
  color: #00869A;
}

#main .doctor-con .txt-wrap .swiper-slide.slide1 .swiper-inner .box .left {
  background-image: url("../img/doctor_con_img1.png");
}

#main .doctor-con .txt-wrap .swiper-slide.slide1 .swiper-inner .box .right .name {
  padding-bottom: 1.55rem;
  margin-bottom: 2.45rem;
}

#main .doctor-con .txt-wrap .swiper-slide.slide2 .swiper-inner .box .left {
  background-image: url("../img/doctor_con_img2.png");
}

#main .doctor-con .txt-wrap .swiper-slide.slide2 .swiper-inner .box .right .name {
  padding-bottom: 1.3rem;
  margin-bottom: 1.75rem;
}

#main .doctor-con .txt-wrap .arrows {
  position: absolute;
  top: 36rem;
  width: 3.2rem;
  height: 5.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10;
  cursor: pointer;
}

#main .doctor-con .txt-wrap .swiper-button-prev2 {
  left: 12rem;
  background-image: url("../img/doctor_con_prev.png");
}

#main .doctor-con .txt-wrap .swiper-button-next2 {
  right: 12rem;
  background-image: url("../img/doctor_con_next.png");
}

@media all and (max-width:1660px) {
  #main .doctor-con .txt-wrap {
    margin: 0 23px;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box {
    margin: 0 4rem;
  }
}

@media all and (max-width:1280px) {
  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right > div {
    margin-left: 20rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .doctor-img {
    width: 46rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .spec p {
    font-size: 1.8rem;
  }
}

@media all and (max-width:760px) {
  #main .doctor-con .tit-wrap h4 {
    font-size: 3.333rem;
  }

  #main .doctor-con .tit-wrap h3 {
    font-size: 7.5rem;
    line-height: 9.167rem;
    padding-top: 2.5rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner {
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner::before {
    bottom: 26.667rem;
    background: url("../img/mo_doctor_con_bg.png") no-repeat center / content-box;
    height: 68rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner > .img img {
    width: 100%;
    height: auto;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box {
    margin: 0;
    height: auto;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box > div {
    width: 100%;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .left {
    display: none;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right {
    border-radius: 0 10rem 0 10rem;
    justify-content: center;
    padding: 7rem 0;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right > div {
    margin-left: 0;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .name {
    padding-bottom: 2.333rem !important;
    margin-bottom: 3.333rem !important;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .name p {
    font-size: 6.333rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .name p span {
    font-size: 4.167rem;
    padding-left: 2rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .box .right .spec p {
    font-size: 3rem;
    padding-top: 2rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .swiper-inner .doctor-img {
    position: static;
    transform: translateX(0);
    width: calc(100% - 34px);
    margin: -8rem auto 0;
  }

  #main .doctor-con .txt-wrap .swiper-slide .slogun {
    align-items: center;
    gap: 3.333rem;
    margin-top: 4.667rem;
  }

  #main .doctor-con .txt-wrap .swiper-slide .slogun span {
    margin-top: 0;
  }

  #main .doctor-con .txt-wrap .swiper-slide .slogun p {
    font-size: 4.333rem;
    line-height: 5.5rem;
    text-align: center;
  }

  #main .doctor-con .txt-wrap .arrows {
    width: 16px;
    height: 30px;
    top: 35%;
  }

  #main .doctor-con .txt-wrap .swiper-button-prev2 {
    left: 17px;
  }
  
  #main .doctor-con .txt-wrap .swiper-button-next2 {
    right: 17px;
    background-image: url("../img/mo_doctor_con_next.png");
  }
}


#main .spc-con {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 66.7rem;
  background: url("../img/spc_con_bg.png") no-repeat center / cover;
  color: #fff;
}

#main .spc-con .txt-wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

#main .spc-con .txt-wrap ul li {
  position: relative;
  padding-left: 4.1rem;
  margin-left: 4rem;
}

#main .spc-con .txt-wrap ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}

#main .spc-con .txt-wrap ul li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3px;
  height: 4.5rem;
  background-color: #fff;
}

#main .spc-con .txt-wrap ul li:first-child::before {
  display: none;
}

#main .spc-con .txt-wrap ul li strong {
  font-size: 4.5rem;
  font-weight: 700;
  text-shadow: 0.2rem 0.2rem 2rem rgba(0,0,0,0.2);
}

#main .spc-con .txt-wrap > p {
  font-size: 2.2rem;
  text-align: center;
  letter-spacing: -0.1rem;
  padding-top: 1rem;
  text-shadow: 0.1rem 0 0.5rem rgba(0,0,0,0.2);
}

#main .spc-con .tit-wrap {
  text-align: center;
  padding-top: 5.4rem;
}

#main .spc-con .tit-wrap h4 {
  font-size: 4rem;
  line-height: 5.3rem;
  text-shadow: 0.1rem 0 2.2rem rgba(0,0,0,0.2);
}

#main .spc-con .tit-wrap h4 strong {
  font-weight: 700;
}

@media all and (max-width:760px) {
  #main .spc-con {
    height: 145rem;
    background: url("../img/mo_spc_con_bg.png") no-repeat center / cover;
  }

  #main .spc-con .txt-wrap ul {
    display: block;
  }

  #main .spc-con .txt-wrap ul li {
    padding-left: 0;
    margin-left: 0;
    margin-top: 3.5rem;
  }

  #main .spc-con .txt-wrap ul li:first-child {
    margin-top: 0;
  }

  #main .spc-con .txt-wrap ul li::before {
    display: none;
  }

  #main .spc-con .txt-wrap ul li strong {
    display: block;
    text-align: center;
    font-size: 7rem;
  }

  #main .spc-con .txt-wrap > p {
    font-size: 3.667rem;
    line-height: 4.667rem;
    letter-spacing: -0.1rem;
    padding-top: 3.333rem;
  }

  #main .spc-con .tit-wrap {
    padding-top: 10rem;
  }

  #main .spc-con .tit-wrap h4 {
    font-size: 5.833rem;
    line-height: 8.333rem;
  }
}


#main .equip-con {
  background-color: #F2F2F2;
  padding: 19rem 0 15.4rem;
}

#main .equip-con .tit-wrap {
  text-align: center;
}

#main .equip-con .tit-wrap h4 {
  font-size: 3rem;
  font-weight: 700;
  color: #002B6A;
}

#main .equip-con .tit-wrap h3 {
  font-size: 5rem;
  font-weight: 700;
  padding-top: 1.2rem;
}

#main .equip-con .txt-wrap {
  margin-top: 7.5rem;
}

#main .equip-con .txt-wrap ul {
  display: flex;
}

#main .equip-con .txt-wrap ul li {
  width: 34rem;
  text-align: center;
}

#main .equip-con .txt-wrap ul li .img {
  width: 100%;
}

#main .equip-con .txt-wrap ul li .img img {
  width: 100%;
  height: auto;
}

#main .equip-con .txt-wrap ul li h5 {
  font-size: 3rem;
  font-weight: 700;
  padding-top: 2.1rem;
  color: #002B6A;
}

#main .equip-con .txt-wrap ul li p {
  font-size: 2.2rem;
  line-height: 3rem;
  padding-top: 0.6rem;
  color: #898989;
  font-weight: 500;
}

@media all and (max-width:760px) {
  #main .equip-con {
    padding: 19.667rem 0 11.5rem;
  }

  #main .equip-con .tit-wrap h4 {
    font-size: 5rem;
  }

  #main .equip-con .tit-wrap h3 {
    font-size: 6.667rem;
    line-height: 8.667rem;
    padding-top: 1.667rem;
  }

  #main .equip-con .txt-wrap {
    position: relative;
    margin-top: 8.333rem;
  }

  #main .equip-con .txt-wrap ul li h5 {
    font-size: 5rem;
    padding-top: 3.5rem;
  }

  #main .equip-con .txt-wrap ul li p {
    font-size: 3.667rem;
    line-height: 5rem;
    padding-top: 1rem;
  }

  #main .equip-con .txt-wrap .arrows {
    position: absolute;
    bottom: 10rem;
    width: 16px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  #main .equip-con .txt-wrap .swiper-button-prev3 {
    left: 6.667rem;
    background-image: url("../img/mo_equip_con_prev.png");
  }

  #main .equip-con .txt-wrap .swiper-button-next3 {
    right: 6.667rem;
    background-image: url("../img/mo_equip_con_next.png");
  }
}


#main .medical-con {
  position: relative;
  padding: 21.2rem 0 26.1rem;
}

#main .medical-con .tit-wrap {
  text-align: center;
}

#main .medical-con .tit-wrap h3 {
  font-size: 5rem;
  line-height: 5.2rem;
  font-weight: 700;
}

#main .medical-con .tit-wrap h3 span {
  display: block;
  font-size: 3rem;
}

#main .medical-con .txt-wrap {
  position: relative;
  margin: 6.8rem 13.5rem 0;
}

#main .medical-con .txt-wrap .swiper-slide {
  display: flex;
}

#main .medical-con .txt-wrap .swiper-slide > div {
  width: 50%;
}

#main .medical-con .txt-wrap .swiper-slide .img {
  min-height: 46rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 2.9rem;
  overflow: hidden;
}

#main .medical-con .txt-wrap .swiper-slide.slide1 .img {
  background-image: url("../img/medical_con_img1.png");
}

#main .medical-con .txt-wrap .swiper-slide.slide2 .img {
  background-image: url("../img/medical_con_img2.png");
}

#main .medical-con .txt-wrap .swiper-slide.slide3 .img {
  background-image: url("../img/medical_con_img3.png");
}

#main .medical-con .txt-wrap .swiper-slide.slide4 .img {
  background-image: url("../img/medical_con_img4.png");
}

#main .medical-con .txt-wrap .swiper-slide.slide5 .img {
  background-image: url("../img/medical_con_img5.png");
}

#main .medical-con .txt-wrap .swiper-slide .box {
  background-color: #002B6A;
  border-radius: 29px;
  color: #fff;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-tit {
  padding: 0 4.5rem;
  margin-top: 6rem;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-tit h4 {
  display: flex;
  align-items: center;
  gap: 1.7rem;
  font-size: 5rem;
  font-weight: 700;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-tit h4 .icon {
  width: 4rem;
  height: 4rem;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-tit h4 .icon img {
  width: 100%;
  height: auto;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-tit p {
  font-size: 2.4rem;
  letter-spacing: -0.1rem;
  padding-top: 1rem;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-txt {
  padding: 0 4.5rem;
  margin-top: 3.2rem;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul {
  display: flex;
  gap: 1rem;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul li .icon {
  display: block;
  width: 14rem;
  height: 14rem;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul li .icon img {
  width: 100%;
  height: auto;
}

#main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul li p {
  text-align: center;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 600;
  padding-top: 1.1rem;
}

#main .medical-con .txt-wrap .arrows-wrap {
  position: absolute;
  top: 2.9rem;
  right: 3.1rem;
  z-index: 10;
  display: flex;
  gap: 0.8rem;
}

#main .medical-con .txt-wrap .arrows-wrap .arrows {
  width: 5.4rem;
  height: 5.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

#main .medical-con .txt-wrap .arrows-wrap .swiper-button-prev4 {
  background-image: url("../img/medical_con_prev.png");
}

#main .medical-con .txt-wrap .arrows-wrap .swiper-button-next4 {
  background-image: url("../img/medical_con_next.png");
}

@media all and (max-width:1860px) {
  #main .medical-con .txt-wrap {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media all and (max-width:1660px) {
  #main .medical-con .txt-wrap .swiper-slide .box {
    padding-bottom: 6rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul {
    flex-wrap: wrap;
  }
}

@media all and (max-width:760px) {
  #main .medical-con {
    padding: 23rem 0 17.5rem;
  }

  #main .medical-con .tit-wrap h3 {
    font-size: 6.667rem;
    line-height: 8.667rem;
  }

  #main .medical-con .tit-wrap h3 span {
    font-size: 4.333rem;
    line-height: 6.333rem;
    color: #002B6A;
    padding-bottom: 3.333rem;
  }

  #main .medical-con .txt-wrap .swiper-slide {
    display: block;
  }

  #main .medical-con .txt-wrap .swiper-slide > div {
    width: 100%;
  }

  #main .medical-con .txt-wrap .swiper-slide .img {
    background: none !important;
    min-height: auto;
  }

  #main .medical-con .txt-wrap .swiper-slide .img img {
    width: 100%;
    height: auto;
  }

  #main .medical-con .txt-wrap .swiper-slide .box {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    height: 95rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-tit {
    padding: 0 33px;
    margin-top: 9.833rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-tit h4 {
    gap: 2.5rem;
    font-size: 6.333rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-tit h4 .icon {
    width: 6.667rem;
    height: 6.667rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-tit p {
    font-size: 3.333rem;
    line-height: 5.333rem;
    padding-top: 4rem;
    word-break: keep-all;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-txt {
    padding: 0 27px;
    margin-top: 4.5rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul {
    gap: 6rem 1.8rem;
    width: 319px;
    margin: 0 auto;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul li .icon {
    width: 16.5rem;
    height: 16.5rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul li p {
    font-size: 2.333rem;
    line-height: 1;
    padding-top: 1.333rem;
    letter-spacing: -0.1rem;
  }

  #main .medical-con .txt-wrap .swiper-slide .box .cont-txt ul li p br {
    display: none;
  }

  #main .medical-con .txt-wrap .arrows-wrap {
    top: auto;
    bottom: 4rem;
    right: 3.5rem;
    gap: 1rem;
  }

  #main .medical-con .txt-wrap .arrows-wrap .arrows {
    width: 6rem;
    height: 6rem;
  }
}


#main .anes-con {
  padding-top: 12rem;
}

#main .anes-con .tit-wrap {
  text-align: center;
}

#main .anes-con .tit-wrap h3 {
  font-size: 6rem;
  line-height: 6.2rem;
  font-weight: 700;
  color: #002B6A;
}

#main .anes-con .tit-wrap h3 span {
  display: block;
  font-size: 3rem;
  color: #1D1D1D;
}

#main .anes-con .txt-wrap {
  margin-top: 4rem;
  text-align: center;
}

#main .anes-con .txt-wrap .swiper-slide {
  width: 102rem;
}

#main .anes-con .txt-wrap .swiper-slide .img {
  width: 100%;
}

#main .anes-con .txt-wrap .swiper-slide .img img {
  width: 100%;
  height: auto;
}

#main .anes-con .txt-wrap > h4 {
  font-size: 4.5rem;
  font-weight: 700;
  padding-top: 3.9rem;
}

#main .anes-con .txt-wrap > p {
  font-size: 2.4rem;
  line-height: 3.8rem;
  letter-spacing: -0.1rem;
  padding-top: 1.9rem;
}

#main .anes-con .txt-wrap .list-group {
  width: 100%;
  height: 32rem;
  background-color: #3AAFC1;
  margin-top: 14.3rem;
}

#main .anes-con .txt-wrap .list-group ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#main .anes-con .txt-wrap .list-group ul li {
  position: relative;
  width: 23rem;
  height: 23rem;
  padding-left: 2.85rem;
  margin-left: 2.85rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main .anes-con .txt-wrap .list-group ul li::before {
  content: '';
  position: absolute;
  bottom: 2.45rem;
  left: 0;
  width: 1px;
  height: 11.5rem;
  background-color: #fff;
}

#main .anes-con .txt-wrap .list-group ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}

#main .anes-con .txt-wrap .list-group ul li:first-child::before {
  display: none;
}

#main .anes-con .txt-wrap .list-group ul li .icon {
  display: block;
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
}

#main .anes-con .txt-wrap .list-group ul li .icon img {
  width: 100%;
  height: auto;
}

#main .anes-con .txt-wrap .list-group ul li p {
  font-size: 2.6rem;
  line-height: 3.8rem;
  font-weight: 700;
  color: #fff;
  padding-top: 2.5rem;
}

@media all and (max-width:760px) {
  #main .anes-con {
    padding-top: 7.167rem;
  }

  #main .anes-con .tit-wrap h3 {
    font-size: 6.667rem;
    line-height: 8.667rem;
  }

  #main .anes-con .tit-wrap h3 span {
    font-size: 4.333rem;
    line-height: 6.667rem;
    padding-bottom: 2.667rem;
  }

  #main .anes-con .txt-wrap {
    margin-top: 7rem;
  }

  #main .anes-con .txt-wrap > h4 {
    font-size: 5.833rem;
    line-height: 8rem;
    padding-top: 6.333rem;
  }

  #main .anes-con .txt-wrap > p {
    font-size: 3.333rem;
    line-height: 5.333rem;
    padding-top: 3.667rem;
  }

  #main .anes-con .txt-wrap .list-group {
    height: auto;
    margin-top: 13.333rem;
    padding: 7.833rem 0;
  }

  #main .anes-con .txt-wrap .list-group ul {
    flex-wrap: wrap;
    width: 66rem;
    gap: 9.5rem 0;
    margin: 0 auto;
  }

  #main .anes-con .txt-wrap .list-group ul li {
    width: 30.5rem;
    height: 30.5rem;
  }

  #main .anes-con .txt-wrap .list-group ul li:nth-child(3) {
    padding-left: 0;
    margin-left: 0;
  }

  #main .anes-con .txt-wrap .list-group ul li:nth-child(3)::before {
    display: none;
  }

  #main .anes-con .txt-wrap .list-group ul li .icon {
    width: 8rem;
    height: 8rem;
  }

  #main .anes-con .txt-wrap .list-group ul li p {
    font-size: 3.333rem;
    line-height: 4.833rem;
    padding-top: 3.333rem;
  }
}


#main .care-con {
  padding: 17rem 0 17.5rem;
}

#main .care-con .box {
  display: flex;
  align-items: center;
}

#main .care-con .box > div {
  width: 50%;
}

#main .care-con .box .img img {
  width: 100%;
  height: auto;
}

#main .care-con .box .txt-wrap {
  position: relative;
}

#main .care-con .box .txt-wrap h5 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.35rem;
}

#main .care-con .box .txt-wrap h5 strong {
  font-weight: 700;
  color: #002B6A;
}

#main .care-con .box2 .txt-wrap h5 strong {
  color: #00869A;
}

#main .care-con .box .txt-wrap h4 {
  font-size: 5rem;
  line-height: 6.5rem;
  font-weight: 700;
  padding-top: 4.4rem;
}

#main .care-con .box .txt-wrap .str-group {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
}

#main .care-con .box .txt-wrap .str-group .ci {
  width: 4rem;
  height: 4rem;
}

#main .care-con .box .txt-wrap .str-group .ci img {
  width: 100%;
  height: auto;
}

#main .care-con .box .txt-wrap .str-group strong {
  font-size: 2.8rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: #002B6A;
}

#main .care-con .box .txt-wrap p {
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: -0.1rem;
  padding-top: 4.1rem;
}

#main .care-con .box .txt-wrap .num {
  position: absolute;
  bottom: 0;
  padding-left: 0;
}

#main .care-con .box .txt-wrap .num img {
  width: 100%;
  height: auto;
}

#main .care-con .box1 .txt-wrap > * {
  padding-left: 9rem;
}

#main .care-con .box1 .txt-wrap .num {
  right: 14rem;
  width: 9.3rem;
}

#main .care-con .box2 {
  margin-top: 16rem;
}

#main .care-con .box2 .txt-wrap > * {
  padding-left: 27.9rem;
}

#main .care-con .box2 .txt-wrap .num {
  left: 4.5rem;
  width: 19.8rem;
}

@media all and (max-width:760px) {
  #main .care-con {
    padding: 20.333rem 0 21.667rem;
  }

  #main .care-con .box {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  #main .care-con .box2 {
    align-items: end;
  }

  #main .care-con .box > div {
    width: 100%;
  }

  #main .care-con .box .img {
    width: calc(100% - 16px);
    order: 1;
  }

  #main .care-con .box .txt-wrap {
    order: 2;
    margin-top: 14.333rem;
  }

  #main .care-con .box .txt-wrap h5 {
    font-size: 3rem;
    line-height: 4.667rem;
  }

  #main .care-con .box .txt-wrap h4 {
    font-size: 6.667rem;
    line-height: 9rem;
    padding-top: 4.833rem;
  }

  #main .care-con .box .txt-wrap .str-group {
    gap: 3.333rem;
    margin-top: 5.167rem;
  }

  #main .care-con .box .txt-wrap .str-group .ci {
    width: 6.667rem;
    height: 6.667rem;
  }

  #main .care-con .box .txt-wrap .str-group strong {
    font-size: 4rem;
    line-height: 5.833rem;
  }
  
  #main .care-con .box .txt-wrap p {
    font-size: 3.333rem;
    line-height: 5.333rem;
    padding-top: 4.667rem;
  }

  #main .care-con .box .txt-wrap .num {
    top: 22rem;
    bottom: 0;
  }

  #main .care-con .box1 .txt-wrap > * {
    padding-left: 6rem;
  }

  #main .care-con .box1 .txt-wrap .num {
    right: 13rem;
    width: 6.667rem;
  }

  #main .care-con .box2 {
    align-items: end;
    margin-top: 20rem;
  }

  #main .care-con .box2 .txt-wrap {
    display: flex;
    flex-direction: column;
    align-items: end;
  }

  #main .care-con .box2 .txt-wrap > * {
    padding-left: 0;
    text-align: right;
    padding-right: 6rem;
  }

  #main .care-con .box2 .txt-wrap .str-group .ci {
    order: 2;
  }

  #main .care-con .box2 .txt-wrap .num {
    left: 6rem;
    width: 19.8rem;
  }
}


#main .spc-con-2 {
  padding-bottom: 17.6rem;
}

#main .spc-con-2 .inner {
  padding: 0 12.4rem;
}

#main .spc-con-2 .inner .tit-wrap .ci {
  display: block;
  width: 7rem;
  margin: 0 auto;
}

#main .spc-con-2 .inner .tit-wrap .ci img {
  width: 100%;
  height: auto;
}

#main .spc-con-2 .inner .tit-wrap h3 {
  font-size: 4rem;
  line-height: 6.2rem;
  font-weight: 700;
  text-align: center;
  padding-top: 2rem;
}

#main .spc-con-2 .inner .tit-wrap h3 strong {
  font-size: 5rem;
  color: #00869A;
  font-weight: 700;
}

#main .spc-con-2 .inner .txt-wrap {
  position: relative;
  margin-top: 5.8rem;
}

#main .spc-con-2 .inner .txt-wrap ul {
  display: flex;
  justify-content: space-between;
}

#main .spc-con-2 .inner .txt-wrap ul li {
  width: 38rem;
  text-align: center;
}

#main .spc-con-2 .inner .txt-wrap ul li .img img {
  width: 100%;
  height: auto;
}

#main .spc-con-2 .inner .txt-wrap ul li h4 {
  font-size: 3rem;
  line-height: 3.8rem;
  font-weight: 700;
  padding-bottom: 2.2rem;
  padding-top: 3rem;
}

#main .spc-con-2 .inner .txt-wrap ul li p {
  font-size: 2rem;
  line-height: 3.2rem;
}

#main .spc-con-2 .swiper-slide {
  flex-shrink: initial;
}

#main .spc-con-2 .txt-wrap .arrows {
  display: none;
  position: absolute;
  bottom: 14.167rem;
  width: 16px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10;
}

#main .spc-con-2 .txt-wrap .swiper-button-prev6 {
  left: 15px;
  background-image: url("../img/mo_equip_con_prev.png");
}

#main .spc-con-2 .txt-wrap .swiper-button-next6 {
  right: 15px;
  background-image: url("../img/mo_equip_con_next.png");
}

@media all and (max-width:1860px) {
  #main .spc-con-2 .inner {
    padding: 0 25px;
  }

  #main .spc-con-2 .inner .txt-wrap ul {
    justify-content: center;
    gap: 2rem;
  }
}

@media all and (max-width:760px) {
  #main .spc-con-2 {
    padding-bottom: 16.667rem;
  }

  #main .spc-con-2 .inner {
    width: auto;
  }

  #main .spc-con-2 .inner .tit-wrap .ci {
    width: 11.667rem;
  }

  #main .spc-con-2 .inner .tit-wrap h3 {
    font-size: 4.333rem;
    line-height: 6.667rem;
    padding-top: 5.333rem;
  }

  #main .spc-con-2 .inner .tit-wrap h3 strong {
    display: block;
    font-size: 8.333rem;
    padding-top: 2rem;
  }

  #main .spc-con-2 .inner .txt-wrap {
    margin-top: 9.5rem;
  }


  #main .spc-con-2 .inner .txt-wrap ul {
    gap: 0;
    justify-content: start;
  }

  #main .spc-con-2 .inner .txt-wrap ul li {
    width: auto;
  }

  #main .spc-con-2 .inner .txt-wrap ul li h4 {
    font-size: 5rem;
    line-height: 6.333rem;
    padding-bottom: 3.667rem;
    padding-top: 5rem;
  }

  #main .spc-con-2 .inner .txt-wrap ul li p {
    font-size: 3.333rem;
    line-height: 5.333rem;
  }

  #main .spc-con-2 .swiper-slide {
    flex-shrink: 0;
  }

  #main .spc-con-2 .txt-wrap .arrows {
    display: block;
  }
}


#main .banner-con {
  position: relative;
  width: 100%;
  height: 70.2rem;
  background-image: url("../img/banner_con_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}

#main .banner-con .tit-wrap {
  position: absolute;
  top: 50%;
  left: 18rem;
  transform: translateY(-50%);
}

#main .banner-con .tit-wrap strong {
  display: block;
  width: 33.8rem;
}

#main .banner-con .tit-wrap strong img {
  width: 100%;
  height: auto;
}

#main .banner-con .tit-wrap p {
  font-size: 5rem;
  line-height: 6.5rem;
  padding-top: 4rem;
  font-weight: 700;
}

@media all and (max-width:760px) {
  #main .banner-con {
    position: relative;
    height: 111.667rem;
    background-image: url("../img/mo_banner_con_bg.png");
  }

  #main .banner-con .inner {
    height: 100%;
  }

  #main .banner-con .tit-wrap {
    position: static;
    transform: translateY(0);
    height: 100%;
  }

  #main .banner-con .tit-wrap strong {
    position: absolute;
    left: 1.833rem;
    bottom: 7.5rem;
    width: 56.333rem;
  }

  #main .banner-con .tit-wrap p {
    font-size: 6rem;
    line-height: 8.167rem;
    padding-top: 15rem;
  }
}


#main .contact-con {
  display: flex;
  height: 94rem;
  overflow: hidden;
}

#main .contact-con > div {
  width: 50%;
}

#main .contact-con .txt-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

#main .contact-con .txt-wrap .inner {
  margin-left: 20.9rem;
  width: 52.4rem;
}

#main .contact-con .txt-wrap h3 img {
  width: 25rem;
  height: auto;
}

#main .contact-con .txt-wrap .address {
  font-size: 4rem;
  line-height: 5.5rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  padding-top: 2rem;
}

#main .contact-con .txt-wrap .info1 {
  margin-top: 3rem;
  border-bottom: 1px solid #6D6D6E;
  padding-bottom: 3rem;
}

#main .contact-con .txt-wrap .info1 li {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-top: 1rem;
}

#main .contact-con .txt-wrap .info1 li:first-child {
  margin-top: 0;
}

#main .contact-con .txt-wrap .info1 li .icon {
  width: 2.6rem;
  height: 2.6rem;
}

#main .contact-con .txt-wrap .info1 li .icon img {
  width: 100%;
  height: auto;
}

#main .contact-con .txt-wrap .info1 li p {
  letter-spacing: -0.03rem;
}

#main .contact-con .txt-wrap .info1 li:nth-child(1) p {
  font-size: 3rem;
  font-weight: 700;
  color: #002B6A;
}

#main .contact-con .txt-wrap .info1 li:nth-child(2) p {
  font-size: 2.2rem;
  font-weight: 600;
}

#main .contact-con .txt-wrap .info2 {
  margin-top: 3rem;
}

#main .contact-con .txt-wrap .info2 li {
  display: flex;
  margin-top: 1.1rem;
}

#main .contact-con .txt-wrap .info2 li:first-child {
  margin-top: 0;
}

#main .contact-con .txt-wrap .info2 li h5 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #00869A;
  width: 13rem;
}

#main .contact-con .txt-wrap .info2 li p {
  font-size: 2.4rem;
  letter-spacing: -0.05rem;
}

#main .contact-con .txt-wrap .info2 li:nth-child(1) h5 span {
  letter-spacing: 4.3rem;
}

#main .contact-con .txt-wrap .info2 li:nth-child(2) h5 span {
  letter-spacing: 0.1rem;
}

#main .contact-con .txt-wrap .kakao-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 22rem;
  height: 4.6rem;
  background-color: #FFEC41;
  border-radius: 5rem;
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 1.4rem;
}

#main .contact-con .txt-wrap .kakao-btn .icon {
  width: 2.4rem;
  height: 2.4rem;
}

#main .contact-con .txt-wrap .kakao-btn .icon img {
  width: 100%;
  height: auto;
}

#main .contact-con .txt-wrap .ci {
  position: absolute;
  right: 4.4rem;
  bottom: 5.9rem;
  width: 34rem;
}

#main .contact-con .txt-wrap .ci img {
  width: 100%;
  height: auto;
}

#main .contact-con .map-wrap .wrap_controllers,
#main .contact-con .map-wrap .cont {
  display: none;
}

.root_daum_roughmap_landing {
  width: 100% !important;
}

#footer {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 3.8rem;
}

#footer > * {
  font-size: 1.6rem;
  color: #8D8D8D;
}

@media all and (max-width:1550px) {
  .root_daum_roughmap_landing,
  #main .contact-con .map-wrap {
    height: 100% !important;
  }

  #main .contact-con .txt-wrap .inner {
    margin-left: 0;
    width: calc(100% - 12.667rem);
    margin: 0 auto;
  }
}

@media all and (max-width:760px) {
  #main .contact-con {
    flex-direction: column;
    height: auto;
  }

  #main .contact-con > div {
    width: 100%;
  }

  #main .contact-con .txt-wrap {
    order: 2;
    padding-top: 8.833rem;
    padding-bottom: 23.833rem;
  }

  #main .contact-con .txt-wrap h3 img {
    width: 41.667rem;
  }

  #main .contact-con .txt-wrap .address {
    font-size: 5rem;
    line-height: 6.667rem;
    padding-top: 3.667rem;
  }

  #main .contact-con .txt-wrap .info1 {
    margin-top: 3.667rem;
    padding-bottom: 3.667rem;
  }

  #main .contact-con .txt-wrap .info1 li {
    gap: 3rem;
    margin-top: 1.667rem;
  }

  #main .contact-con .txt-wrap .info1 li .icon {
    width: 4.333rem;
    height: 4.333rem;
  }

  #main .contact-con .txt-wrap .info1 li:nth-child(1) p {
    font-size: 5rem;
  }


  #main .contact-con .txt-wrap .info1 li:nth-child(2) {
    align-items: start;
  }

  #main .contact-con .txt-wrap .info1 li:nth-child(2) p {
    font-size: 3.333rem;
    line-height: 4.333rem;
  }

  #main .contact-con .txt-wrap .info2 {
    margin-top: 4rem;
  }

  #main .contact-con .txt-wrap .info2 li {
    margin-top: 1.333rem;
    gap: 3.333rem;
  }
  
  #main .contact-con .txt-wrap .info2 li h5 {
    font-size: 3.333rem;
    width: 12.333rem;
  }

  #main .contact-con .txt-wrap .info2 li p {
    font-size: 3.333rem;
  }

  #main .contact-con .txt-wrap .info2 li:nth-child(1) h5 span {
    letter-spacing: 6rem;
  }

  #main .contact-con .txt-wrap .kakao-btn {
    gap: 1rem;
    width: 36.667rem;
    height: 7.667rem;
    font-size: 3rem;
    margin-top: 3.667rem;
  }

  #main .contact-con .txt-wrap .kakao-btn .icon {
    width: 4rem;
    height: 4rem;
  }

  #main .contact-con .txt-wrap .ci {
    right: 5.333rem;
    bottom: 0;
    width: 26.667rem;
  }

  #footer {
    gap: 0;
    margin-top: 3.667rem;
  }

  #footer > * {
    font-size: 2.667rem;
    line-height: 4.333rem;
  }

  .root_daum_roughmap_landing,
  #main .contact-con .map-wrap {
    height: 47rem !important;
  }

  .root_daum_roughmap .wrap_map {
    height: 100% !important;
  }
}